.mobile-topbar,.mobile-menu-close,.mobile-backdrop{display:none}
@media(max-width:850px){
 .shell{display:block}
 .mobile-topbar{display:flex;position:sticky;top:0;z-index:40;min-height:60px;padding:10px 12px;gap:12px;align-items:center;background:#0e1118;border-bottom:1px solid var(--line)}
 .mobile-topbar strong{min-width:0;overflow-wrap:anywhere}
 .mobile-topbar button{flex-shrink:0;min-height:42px}
 #adminSidebar{display:flex;position:fixed;inset:0 auto 0 0;width:min(320px,88vw);height:100vh;height:100dvh;z-index:60;overflow-y:auto;transform:translateX(-100%);visibility:hidden;transition:transform .18s ease,visibility .18s;box-sizing:border-box}
 .mobile-nav-open #adminSidebar{transform:translateX(0);visibility:visible}
 .mobile-menu-close{display:block;align-self:flex-end;min-height:42px}
 .mobile-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.65);border:0;border-radius:0}
 body.mobile-menu-open{overflow:hidden}
 #adminNav{flex-shrink:0}
 #adminNav button{min-height:44px;text-align:left}
 #embedSidebar{min-height:250px;flex-shrink:0}
 main{width:100%;min-width:0}
 main header{position:relative;top:auto;height:auto;min-height:74px;padding:14px 12px;gap:10px;flex-wrap:wrap}
 header input{width:100%;max-width:100%;min-width:0}
 header .actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
 .admin-content,.editor{padding:12px}
 .dashboard-grid,.purchase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .toolbar{flex-wrap:wrap}
 .toolbar input{width:100%;max-width:none;flex:1 1 220px;min-width:0}
 .service-card,.purchase-card,.metric{min-width:0;overflow-wrap:anywhere}
 .service-card-head{flex-wrap:wrap;gap:10px}
 .service-card code{overflow-wrap:anywhere;word-break:break-all}
 .card-actions button,.toolbar button,.dialog-actions button{min-height:44px}
 .workspace{display:block;min-width:0}
 .preview-pane{position:relative;top:auto;height:auto;min-height:400px;padding:12px}
 .grid2,.nitrado-row{grid-template-columns:minmax(0,1fr)}
 .field-row,.button-row{grid-template-columns:minmax(0,1fr) auto}
 .field-row input,.button-row input,.field-row textarea{min-width:0}
 .field-row input:nth-child(2),.button-row input:nth-child(2),.field-row textarea{grid-column:1/2}
 dialog{max-height:90vh;max-height:90dvh;overflow-y:auto;box-sizing:border-box}
 dialog form{padding:16px}
 dialog input,dialog select,dialog textarea{width:100%;min-width:0;box-sizing:border-box;font-size:16px}
 .dialog-actions{display:flex;gap:8px;flex-wrap:wrap}
}
@media(max-width:420px){.dashboard-grid,.purchase-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){#adminSidebar{transition:none}}