/* Shared responsive refinement, intentionally outside document print geometry. */
@media screen {
 :root{--bg:#f3f5f9;--surface:#fff;--muted:#56647a;--radius:18px;--shadow-lg:0 16px 48px #1220391c}
 html[data-theme="dark"]{--bg:#0d1421;--surface:#151e2d;--muted:#aebcd0}
 button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
 button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3884ff;outline-offset:3px}
 .btn,.x,.bell,#burger{min-height:44px;min-width:44px;transition:background-color .18s ease,border-color .18s ease,opacity .18s ease}
 button:disabled{opacity:.55;cursor:wait}
 .btn:hover,.card:hover,.stat:hover{transform:none}
 .panel{border:1px solid var(--line);box-shadow:0 4px 20px #12203906}
 .panel-b{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .toolbar{gap:12px;flex-wrap:wrap}
 #nav button{min-height:48px;margin-bottom:5px;border-radius:12px}
 #view{animation:content-in .18s ease-out}
 .drawer{height:var(--visible-height,100dvh);max-height:var(--visible-height,100dvh);overflow:hidden}
 .drawer-h,.drawer-f{flex-shrink:0;background:var(--surface);backdrop-filter:none}
 .drawer-h{padding-top:max(14px,env(safe-area-inset-top));align-items:flex-start}
 .drawer-h h2{flex:1;min-width:0;overflow-wrap:anywhere}
 .drawer-b{min-height:0;overscroll-behavior:contain}
 .drawer-f{padding-bottom:max(14px,env(safe-area-inset-bottom));max-height:32dvh;overflow:auto}
 #drawerClose,#pvBack,#pvClose{position:sticky;top:0;flex-shrink:0}
 .app-back{display:inline-flex;margin-bottom:8px;background:var(--surface)}
 .code-chip{direction:ltr;unicode-bidi:isolate;white-space:nowrap}
 @keyframes content-in{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}
 @media(max-width:768px){
  input,textarea,select{font-size:16px!important}
  .drawer{width:100%!important;max-width:100vw!important}
  .drawer-h{gap:8px;max-height:36dvh;overflow:auto}
  #printHost .drawer-h>div{width:100%}
  #pvBack{order:-2}#pvClose{order:-1}
  .drawer-f .btn{flex:1 1 135px}
  .row.c2,.row.c3{grid-template-columns:1fr!important}
  #topActions{flex-wrap:wrap;gap:8px}
  .side{padding-bottom:env(safe-area-inset-bottom)}
 }
 @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}