@media (max-width:760px) { .app-shell { height:auto; min-height:0; overflow:visible; display:block; } .workspace { display:block; min-height:0; } .workspace > .container { overflow:visible; } .mobile-menu-toggle { display:inline-flex; width:42px; min-height:42px; padding:8px; border-color:#c8ced8; background:#fff; color:var(--ink); } .mobile-menu-toggle:hover { color:var(--brand-dark); background:var(--brand-soft); border-color:#c7d7fe; } .mobile-menu-toggle svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; } .topbar { position:sticky; top:var(--impersonation-height); z-index:10; padding:11px 18px; align-items:center; box-shadow:0 2px 10px rgb(16 24 40 / 8%); } .topbar-title { flex:1 1 auto; min-width:0; font-size:17px; line-height:1.3; white-space:normal; overflow-wrap:anywhere; } .sidebar { position:fixed; z-index:20; inset:0 auto 0 0; width:min(84vw,320px); height:100dvh; max-height:none; overflow-y:auto; padding:22px 14px; box-shadow:10px 0 30px rgb(16 24 40 / 20%); transform:translateX(-105%); transition:transform .2s ease; } .sidebar.is-open { transform:translateX(0); } .sidebar-backdrop { position:fixed; z-index:19; inset:0; display:block; background:rgb(16 24 40 / 45%); opacity:0; pointer-events:none; transition:opacity .2s ease; } .sidebar-backdrop.is-visible { opacity:1; pointer-events:auto; } body.mobile-nav-open { overflow:hidden; } .brand { margin:0 10px 26px; } .nav-label { display:block; } .nav-link { display:flex; margin:1px 0; } .sidebar form { display:block; } .sidebar-bottom { margin-top:auto; } .container { padding:24px 18px 48px; overflow:visible; } .page-heading { display:block; } .page-heading .actions { margin-top:14px; } .filters { display:block; } .filters button { margin-top:8px; } table { min-width:650px; } .wizard { grid-template-columns:1fr 1fr; } .wizard-step { font-size:12px; } .logo-preview { align-items:flex-start; flex-direction:column; } .totals { justify-content:space-between; gap:10px; } }
@media (max-width:760px) { .public-container { min-height:100dvh; padding-top:20px; padding-bottom:32px; } .auth-layout { display:block; min-height:0; margin-top:0; } .auth-benefits { margin-top:16px; } .auth-card { max-width:none; padding:22px 18px; } }
@media (max-width:760px) { .auth-form-register { display:block; } .auth-form-register .field { margin-top:16px; } .auth-form-register .field:first-child { margin-top:0; } .auth-layout-register { display:block; } }
@media (max-width:960px) { .toc-layout { grid-template-columns:1fr; } .toc-sidebar { position:static; order:-1; } .toc-sidebar nav ol { display:flex; flex-wrap:wrap; gap:4px; } .toc-sidebar nav a { padding:4px 8px; } }
@media (max-width:960px) { .page-split { grid-template-columns:1fr; } .page-split-side { position:static; } }