/* Optional side content is off before the shell loads, with no empty column. */
#appShell [data-tracking-side][hidden],#appShell [data-tracking-panel][hidden] { display:none !important; }
#appShell [data-tracking-layout]:not([data-tracking-has-panels="true"]) { grid-template-columns:minmax(0,1fr) !important; }
#appShell .tracking-customize-button { white-space:nowrap; }
#appShell .tracking-layout-status { color:var(--ui-ink-secondary); font-size:12px; line-height:1.6; }
#appShell .tracking-customize-dialog { position:fixed; inset:0; margin:auto; width:min(560px,calc(100vw - 32px)); max-width:calc(100vw - 32px); max-height:90dvh; padding:0; border:1px solid var(--ui-line); border-radius:20px; background:var(--ui-surface-solid,var(--ui-surface)); color:var(--ui-ink); box-shadow:0 30px 110px rgb(15 30 50 / 30%); overflow:hidden; }
#appShell .tracking-customize-dialog::backdrop { background:rgb(28 48 78 / 38%); backdrop-filter:blur(6px); }
#appShell .tracking-customize-shell { display:flex; flex-direction:column; max-height:calc(90dvh - 2px); }
#appShell .tracking-customize-shell>header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:24px; border-bottom:1px solid var(--ui-line); }
#appShell .tracking-customize-shell h2 { margin:0; font-size:23px; line-height:1.3; font-weight:650; letter-spacing:-.6px; }
#appShell .tracking-customize-shell header p { margin:8px 0 0; font-size:12px; line-height:1.7; color:var(--ui-ink-secondary); }
#appShell .tracking-customize-dialog .tracking-customize-close { width:36px; min-width:36px; height:36px; padding:0; font-size:23px; display:grid; place-items:center; }
#appShell .tracking-panel-options { padding:12px 24px; overflow:auto; min-height:0; overscroll-behavior:contain; }
#appShell .tracking-panel-options label { display:flex; align-items:center; gap:12px; min-height:49px; padding:10px 0; font-size:13px; line-height:1.6; cursor:pointer; }
#appShell .tracking-panel-options input { appearance:auto; width:17px; height:17px; min-height:0; margin:0; padding:0; flex-shrink:0; accent-color:var(--ui-blue); }
#appShell .tracking-customize-note { padding:0 24px 20px; margin:0; color:var(--ui-ink-secondary); font-size:11px; line-height:1.7; }
#appShell .tracking-customize-shell>footer { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:17px 24px; border-top:1px solid var(--ui-line); flex-shrink:0; }
#appShell .tracking-customize-shell>footer>div { display:flex; gap:9px; }
#appShell .tracking-customize-dialog button { font-size:12px; min-height:39px; padding:9px 13px; border-radius:9px; }
#appShell .tracking-customize-dialog :is(button,input):focus-visible { outline:2px solid var(--ui-blue); outline-offset:3px; }
@media(max-width:600px) {
  #appShell .tracking-customize-shell>header { padding:20px; gap:12px; }
  #appShell .tracking-customize-shell h2 { font-size:20px; }
  #appShell .tracking-panel-options { padding-inline:20px; }
  #appShell .tracking-customize-note { padding-inline:20px; }
  #appShell .tracking-customize-shell>footer { flex-wrap:wrap; padding:14px 17px; }
  #appShell .tracking-customize-shell>footer>div { margin-left:auto; }
}
@media(max-height:500px) {
  #appShell .tracking-customize-shell>header { padding-block:12px; }
  #appShell .tracking-customize-note { display:none; }
  #appShell .tracking-customize-shell>footer { padding-block:10px; }
}
@media(pointer:coarse) {
  #appShell .tracking-customize-dialog button { min-height:44px; }
  #appShell .tracking-customize-dialog .tracking-customize-close { min-width:44px; }
}