/* Glass design tokens and shared surfaces. Loaded after the legacy layout. */
:root {
  color-scheme:dark;
  --bg:#05070d; --fg:#f5f7fc; --fg-2:#b6c1d3; --fg-3:#94a3b8;
  --s1:rgba(255,255,255,.06); --s2:rgba(255,255,255,.08); --s3:rgba(255,255,255,.12);
  --hair:rgba(255,255,255,.15); --hair-soft:rgba(255,255,255,.08); --hair-lift:rgba(255,255,255,.25);
  --indigo:#2997ff; --sage:#30d158; --amber:#ffd60a; --crimson:#ff453a;
  --solid:#2997ff; --on-solid:#fff; --r-xl:32px; --r-lg:28px;
  --spring:cubic-bezier(.22,1,.36,1);
  --glass-surface:linear-gradient(130deg,rgba(255,255,255,.055),rgba(12,23,36,.16) 40%,rgba(255,255,255,.025)),rgba(13,21,31,.25);
  --glass-shadow:inset 0 1px 1px rgba(255,255,255,.24),inset 0 -1px 2px rgba(181,218,255,.10),inset 1px 0 2px rgba(255,230,206,.10),0 18px 48px rgba(0,0,0,.3);
}
html,body{background-color:var(--bg);color:var(--fg)}
body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text',Inter,system-ui,sans-serif;font-weight:400;letter-spacing:-.015em;background-image:radial-gradient(ellipse at 0% 12%,rgba(41,151,255,.11),transparent 45%),radial-gradient(ellipse at 100% 48%,rgba(104,91,214,.09),transparent 45%);background-attachment:fixed}
.mono{font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.shell{max-width:620px}
.top{padding-top:32px}.top h1{font-size:30px;font-weight:700;letter-spacing:-.045em}.eyebrow{color:var(--fg-3)}
.glass-card,.spotlight-card,.dossier-stat,.note-block,.parser,.party,.tl li{
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--glass-surface)!important;border:1px solid var(--hair)!important;
  border-radius:30px;box-shadow:var(--glass-shadow);
  -webkit-backdrop-filter:blur(25px) saturate(145%);backdrop-filter:blur(25px) saturate(145%);
  transition:transform .5s var(--spring),border-color .3s,filter .3s!important;
}
.glass-card{animation:glass-enter .45s var(--spring) both}
.glass-card::before,.spotlight-card::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at var(--light-x,15%) var(--light-y,0%),rgba(255,255,255,.045),transparent 55%)}
.glass-card::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.035) 48%,transparent 65%);background-size:300% 100%;animation:glass-reflection 14s ease-in-out 2}
.glass-card>*{position:relative;z-index:1}
.glass-card:active,.spotlight-card:active{transform:scale(.98)!important;filter:brightness(.94)}
@media(hover:hover){.glass-card:hover{border-color:rgba(130,190,255,.4)!important}}
@keyframes glass-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes glass-reflection{0%,25%{background-position:150% 0}75%,100%{background-position:-150% 0}}
.agenda,.cases,.docs{gap:16px;padding-inline:16px}
.section-head{padding:28px 22px 14px;flex-wrap:wrap;gap:8px}.section-head .d{font-size:16px}.section-head .rel{font-family:inherit;font-size:12px;letter-spacing:.01em;background:rgba(255,255,255,.07);padding:5px 10px;border-radius:50px}.section-head .rel.now{color:var(--indigo)}
.hearing{grid-template-columns:110px minmax(0,1fr);gap:18px 16px;padding:20px;align-items:start}
.h-time{width:110px;min-height:110px;border:1px solid rgba(115,181,255,.24);border-radius:24px;padding:18px 8px;align-items:center;justify-content:center;background:linear-gradient(150deg,rgba(41,151,255,.17),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 25px rgba(41,151,255,.06)}
.h-time .t,.hearing[data-state="soon"] .h-time .t{font-family:inherit;font-size:36px;line-height:1.1;font-weight:700;letter-spacing:-.05em;color:#fff}.h-time .sub{font-family:inherit;font-size:12px;color:var(--fg-2);margin-top:8px;text-align:center}
.h-body{gap:10px}.h-court{font-size:10px;line-height:1.6;letter-spacing:.08em;color:var(--fg-3);white-space:normal;overflow:visible}.h-alias{font-size:22px;line-height:1.25;font-weight:700;display:block;overflow:visible}
.h-meta{font-size:12px;gap:6px}.h-meta .num{font-family:inherit;font-size:13px;color:var(--fg-2)}
.h-judge{grid-column:1/-1;display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--fg-2)}.h-judge>.icon{font-size:20px;margin-top:3px;color:var(--indigo)}.h-judge-label{display:block;font-size:11px;color:var(--fg-3);margin-bottom:4px}.h-judge-name{display:block;overflow-wrap:anywhere;line-height:1.5}
.hearing>.h-note{grid-column:1/-1;margin:0;padding:18px;display:flex;gap:12px;background:rgba(255,255,255,.06);border:1px solid var(--hair-soft);border-radius:18px;font-size:14px;color:var(--fg-2)}.h-note .clamp2{display:block;-webkit-line-clamp:unset;overflow:visible}.h-note .icon{color:var(--fg-3);font-size:18px}
.hearing>.court-link{grid-column:1/-1;justify-self:start}
.court-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:0;margin-top:8px}
.hearing>.court-actions{grid-column:1/-1;justify-self:stretch}
.schedule-link{font-size:12px;padding:10px 16px;color:#c8e2ff;border-radius:50px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid var(--hair);cursor:pointer}
.schedule-list{display:grid;gap:8px;margin:12px 0}
.schedule-option{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:12px 14px;border:1px solid var(--hair);border-radius:18px;color:var(--fg);background:rgba(255,255,255,.06);text-decoration:none;min-height:44px;overflow-wrap:anywhere}
.schedule-option .schedule-stage{width:100%;font-size:12px;color:var(--fg-3)}
.schedule-option>span:not(.schedule-stage){flex:1;min-width:0}
.schedule-option .icon{flex-shrink:0}
.schedule-search-field{margin-top:24px;border-top:1px solid var(--hair);padding-top:16px}
#court-schedule-modal .sheet-panel{max-height:92dvh}
#court-schedule-modal .sheet-body{overflow-y:auto;min-height:0}
#court-schedule-modal .inp{width:100%;min-width:0;box-sizing:border-box}
#court-schedule-modal .sub{overflow-wrap:anywhere;line-height:1.5}
.h-tail{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--hair-soft);font-size:13px;color:var(--fg-2);width:100%}.h-tail small{font-size:11px;color:var(--fg-3)}.h-tail>span{display:flex;align-items:center;gap:8px}
.glass-button,.court-link,.btn,.x,.doc-copy{border-radius:50px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .4s var(--spring),background .2s; background:rgba(255,255,255,.07);border:1px solid var(--hair);color:var(--fg)}
.glass-button{padding:8px 14px}.glass-button.icon-only{width:44px;min-width:44px;padding:10px}.glass-button:active,.btn:active{transform:scale(.96)}.court-link{font-size:12px;padding:10px 16px;color:#c8e2ff}.court-link:hover{box-shadow:0 0 20px rgba(41,151,255,.16)}
.btn-primary,.dock-wide{background:linear-gradient(150deg,#2997ff,#1476df);color:white;border:1px solid rgba(150,207,255,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 24px rgba(41,151,255,.15);font-weight:600;border-radius:22px;min-height:52px}
.btn-danger{color:var(--crimson);border-color:rgba(255,69,58,.3)}
.glass-badge,.flag,.next-chip,.doc-kind{display:inline-flex;align-items:center;gap:6px;border-radius:50px;background:rgba(41,151,255,.12);border:1px solid rgba(41,151,255,.22);padding:6px 10px;font-size:11px;font-weight:600;letter-spacing:.02em;color:#a9d5ff;line-height:1.4}
.glass-badge-green{background:rgba(48,209,88,.1);border-color:rgba(48,209,88,.2);color:#9ee4b0}.glass-badge-neutral{background:rgba(255,255,255,.06);border-color:var(--hair);color:var(--fg-2)}
.activity-dot{width:6px;height:6px;border-radius:50%;background:var(--sage);box-shadow:0 0 10px rgba(48,209,88,.5)}
.case{padding:22px;row-gap:16px}.case-main{gap:12px}.case-alias{font-size:22px;font-weight:700;white-space:normal;overflow:visible}.case-sub{font-size:13px;color:var(--fg-2)}.case-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.case-side{padding-top:14px;border-top:1px solid var(--hair-soft)}.case-side .next-chip{font-size:13px;padding:10px 12px;flex:1}.case>.h-note{border-radius:18px;padding:14px;background:rgba(255,255,255,.04);font-size:13px;margin:0}
.doc{padding:22px;grid-template-columns:minmax(0,1fr) auto;gap:14px}.doc-main{gap:12px}.doc-kind{align-self:flex-start;font-size:11px}.doc-title{font-size:19px;line-height:1.4;font-weight:650;white-space:normal;display:block;overflow:visible}.doc-sub{font-size:13px;color:var(--fg-2);line-height:1.6}.doc-side{gap:8px;flex-wrap:wrap;justify-content:flex-end}.doc-date{display:flex;flex-wrap:wrap;gap:6px 16px;font-family:inherit;font-size:12px;color:var(--fg-2)}.doc-date .lab{color:var(--fg-3)}.doc-copy{width:44px;height:44px;min-width:44px}.doc-copy::before{left:14px;top:12px}.doc-copy::after{left:18px;top:16px}.doc-folder{min-width:0}.docs-folder-items{display:flex;flex-direction:column;gap:12px;padding:12px 0 0 10px;border-left:1px solid rgba(41,151,255,.2);margin-left:12px}.unread-badge{box-shadow:0 0 18px rgba(41,151,255,.12)}
.doc-sub{font-family:inherit;display:flex;flex-direction:column;gap:6px}.doc-judge{color:var(--fg-3)}
.inp,.glass-input{background:rgba(255,255,255,.055);border:1px solid var(--hair);border-radius:18px;min-height:54px;padding:15px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);font-size:16px;color:var(--fg)}.inp:focus{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(41,151,255,.12);outline:none}select.inp option{background:#141923}.label{font-size:12px;color:var(--fg-2)}.form-grid{gap:20px}.parser{padding:18px;border-radius:24px}.parser .btn{margin-top:12px}.quick-row{background:var(--s1);border-radius:16px}.quick-btn{background:var(--s3);border-radius:10px}
.sheet-back{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.sheet-panel.glass-sheet{background:linear-gradient(145deg,rgba(28,36,51,.95),rgba(11,17,29,.94));-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-radius:32px 32px 0 0;max-width:620px;max-height:94dvh;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 -20px 80px rgba(0,0,0,.5);animation:glass-sheet-in .5s var(--spring)}
@keyframes glass-sheet-in{from{opacity:.4;transform:translateY(60px) scale(.97)}to{opacity:1;transform:none}}
.grabber{display:block;width:40px;height:5px;margin:14px auto 4px;background:rgba(255,255,255,.3);touch-action:none;cursor:grab;position:relative}.grabber::after{content:'';position:absolute;inset:-12px -20px}
.sheet-head{padding:20px 24px}.sheet-head h3{font-size:23px;font-weight:700}.sheet-body{padding:24px}.sheet-foot{padding:16px 24px max(22px,env(safe-area-inset-bottom))}.sheet-foot .btn{min-height:54px}
.dossier-stat{padding:18px;gap:12px;border-radius:24px}.dossier-stat .v{font-family:inherit;font-size:16px;line-height:1.5}.dossier-stat .k{font-size:11px}.note-block{padding:18px;border-radius:20px;color:var(--fg-2)}.block-label{margin-top:26px;margin-bottom:12px;font-size:13px;color:var(--fg-3)}.party{padding:14px 16px;border-radius:18px}.tl li{padding:16px 16px 16px 34px;margin:12px 0;border-radius:20px}.tl .when{color:#a9d5ff}.tl .who{color:var(--fg-2)}
.dossier-stat{grid-template-columns:minmax(0,1fr) minmax(0,1fr);text-align:left}.dossier-stat>div{border:0;padding:0}.dossier-stat>div:last-child{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--hair-soft)}.dossier-stat .v{font-size:15px;overflow-wrap:normal}.parties{gap:10px}.top #header-title{font-weight:700;font-size:30px;letter-spacing:-.045em}
.nav{background:rgba(10,15,25,.88);border:1px solid var(--hair);border-radius:28px;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));padding:6px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:var(--glass-shadow)}.nav button{min-height:58px;border-radius:22px}.nav button.on{color:#a9d5ff;background:rgba(41,151,255,.12)}.nav button.on::before{display:none}.nav button span{font-size:11px}.dock{background:linear-gradient(0deg,#05070d,rgba(5,7,13,.85));bottom:calc(90px + env(safe-area-inset-bottom));padding-top:10px}.shell{padding-bottom:210px}.docs-mode .btn{border-radius:50px}.empty{padding:30px;border-radius:30px}.sk-card{border-radius:28px;background:var(--s2)}
@media(min-width:600px){.sheet-panel.glass-sheet{border-radius:32px;margin-bottom:24px;max-width:560px}.nav{max-width:590px;margin-inline:auto}}
@media(max-width:380px){.hearing{grid-template-columns:90px minmax(0,1fr);gap:16px 12px;padding:18px}.h-time{width:90px;min-height:100px}.h-time .t{font-size:32px}.h-alias{font-size:19px}.doc{padding:18px}.sheet-body{padding:18px}.sheet-head{padding:18px}.dossier-stat{grid-template-columns:1fr 1fr}.dossier-stat>div:last-child{grid-column:1/-1}}
@media(max-width:480px){.doc-item{grid-template-columns:minmax(0,1fr)}.doc-item .doc-side{grid-column:1;border-top:1px solid var(--hair-soft);padding-top:12px}.section-head::after{display:none}}
@supports not (backdrop-filter:blur(1px)){.glass-card,.spotlight-card{background:#19202d!important}.nav{background:#101722}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.glass-card:active{transform:none!important}}

/* Reference revision: transparent smoked glass, refracted edges and ambient light. */
body{background:#05090e;background-attachment:fixed;background-image:radial-gradient(ellipse 42% 35% at 2% 2%,rgba(93,135,175,.32),transparent 85%),radial-gradient(ellipse 30% 25% at 97% 36%,rgba(166,128,99,.18),transparent 90%),radial-gradient(ellipse 35% 30% at 8% 76%,rgba(168,120,83,.15),transparent 85%),radial-gradient(ellipse 50% 22% at 65% 65%,rgba(56,98,137,.2),transparent 80%)}
.glass-card,.spotlight-card{border-color:rgba(206,223,239,.21)!important;backdrop-filter:blur(26px) saturate(120%);-webkit-backdrop-filter:blur(26px) saturate(120%)}
.glass-card::before,.spotlight-card::before{background:radial-gradient(ellipse at var(--light-x,0%) var(--light-y,0%),rgba(219,195,169,.13),transparent 38%),radial-gradient(ellipse at 78% 0%,rgba(86,148,208,.11),transparent 40%),radial-gradient(ellipse at 60% 100%,rgba(206,163,129,.07),transparent 35%)}
.top{background:rgba(5,9,14,.66)}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:28px 22px 18px}.section-head::after{display:none}.section-head .d{grid-column:1;grid-row:2;font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.03em}.section-head .rel{grid-column:1;grid-row:1;background:none;border:0;padding:0;font-size:11px;color:var(--fg-3);letter-spacing:.07em;text-transform:uppercase}.section-head .rel.now{color:var(--fg-3)}.group-count{grid-column:2;grid-row:2;align-self:center;border-radius:50px;background:rgba(165,191,220,.10);padding:8px 12px;font-size:11px;color:#b8c9df;white-space:nowrap}
.hearing{padding:20px;grid-template-columns:90px minmax(0,1fr);gap:20px 16px}
.h-time{width:90px;min-height:90px;padding:14px 5px;border-radius:23px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(219,206,189,.1),rgba(94,139,185,.055) 60%,rgba(149,184,215,.09));border-color:rgba(216,231,246,.24);box-shadow:inset 0 1px 1px rgba(255,255,255,.4),inset 0 -1px 2px rgba(167,207,242,.16),0 6px 20px rgba(0,0,0,.12)}
.h-time::before{content:'';position:absolute;top:18%;bottom:15%;left:0;width:2px;border-radius:3px;background:linear-gradient(transparent,#42b5ff,#4d88ff,transparent);box-shadow:0 0 12px rgba(41,151,255,.4)}
.h-time .t,.hearing[data-state="soon"] .h-time .t{font-size:30px;font-weight:500;letter-spacing:-.045em}.h-time .sub{margin-top:6px;font-size:12px;color:#b0bfd3}
.h-body{gap:9px;padding-right:22px}.h-court{font-size:10px;letter-spacing:.005em;line-height:1.5;color:#9cacc3}.h-alias{font-size:19px;font-weight:600;line-height:1.35;letter-spacing:-.025em}.h-meta{gap:0;align-items:center;min-height:32px}.h-meta .num{font-size:12px;color:#a9b9d0}.h-meta .glass-button{background:none;border:0;width:44px;height:44px;min-height:44px;padding:13px;color:#a9c3e0;margin-block:-6px}.h-meta .glass-button:hover{background:rgba(255,255,255,.06)}
.hearing>.h-open-arrow{position:absolute;top:34px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(165,197,228,.14);border-radius:50%;color:#bad8f6;background:rgba(125,164,207,.09);font-size:18px;pointer-events:none}
.h-judge{gap:12px;font-size:13px;line-height:1.6;align-items:flex-start}.h-judge>.icon{color:#c4d5e7;font-size:22px;margin-top:2px}.h-judge-name{color:#acbdd3}
.hearing>.h-note{padding:16px;border-radius:18px;background:linear-gradient(120deg,rgba(161,189,211,.065),rgba(255,255,255,.065));border-color:rgba(255,255,255,.11);font-size:13px;line-height:1.7;color:#b4c3d6;gap:12px}.h-note .icon{font-size:21px;color:#c9d9e9}
.court-link{border-radius:50px;background:linear-gradient(130deg,rgba(162,196,223,.1),rgba(255,255,255,.04));border-color:rgba(181,205,229,.14);font-size:13px;font-weight:400;padding:10px 15px;color:#e0e8f2;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.court-link>.icon{color:#a7c8e9;font-size:18px}
.h-tail{padding-top:18px;margin-top:0;font-size:14px;color:#c4d3e4}.h-tail>span:first-child{gap:12px}.h-tail>span>.icon{color:#b8d3ec;font-size:20px}.h-tail>.h-footer-arrow{width:34px;height:34px;border-radius:50%;background:rgba(221,223,227,.09);border:1px solid rgba(255,255,255,.12);display:flex;justify-content:center;font-size:22px;color:#ecf2f8}.hearing:hover .h-tail{transform:none}
.case-alias{font-size:20px;font-weight:600}.doc-title{font-weight:600;font-size:18px}.case,.doc{padding:20px}.next-chip,.glass-badge,.doc-kind{background:rgba(136,181,220,.075);border-color:rgba(175,203,230,.15);color:#bcd6ec}.glass-badge-green{background:rgba(48,209,88,.07);color:#a8dcb7;border-color:rgba(115,188,135,.18)}.glass-badge-neutral{color:var(--fg-2)}
@media(max-width:380px){.hearing{padding:18px;grid-template-columns:80px minmax(0,1fr);gap:18px 12px}.h-time{width:80px;min-height:84px}.h-time .t,.hearing[data-state="soon"] .h-time .t{font-size:26px}.h-time .sub{font-size:11px}.h-alias{font-size:17px}.h-body{padding-right:20px}.h-open-arrow{right:10px!important;width:28px!important;height:28px!important}.section-head .d{font-size:18px}.group-count{padding:7px 9px;font-size:10px}}

/* Cases: a separate composer sheet and an accessory above the keyboard. */
.case-add-card{display:flex;align-items:center;gap:14px;text-align:left;width:calc(100% - 32px);margin:20px 16px 6px;padding:20px;border-radius:26px;color:var(--fg)}
.case-add-card>span:nth-child(2){flex:1;min-width:0}.case-add-card strong{display:block;font-size:18px;font-weight:600;line-height:1.4}.case-add-card small{display:block;font-size:12px;line-height:1.6;color:var(--fg-3);margin-top:4px}.case-add-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:16px;background:rgba(41,151,255,.1);border:1px solid rgba(162,204,241,.18);color:#bbdaf8;font-size:22px}.case-add-card>.icon{flex:none;color:var(--fg-3)}
.case-form-help{font-size:13px;line-height:1.7;color:var(--fg-2);margin:0 0 22px}.optional-label{color:var(--fg-3);font-weight:400;margin-left:5px}
#add-case-modal .form-grid,#edit-modal .form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
#add-case-modal .field,#edit-modal .field{display:flex;flex-direction:column;gap:8px;min-width:0}
#add-case-modal .label,#edit-modal .label{margin:0;text-transform:none;letter-spacing:0}
#add-case-modal .inp,#edit-modal .inp{display:block;flex:none;width:100%;height:auto;min-height:54px;margin:0;line-height:1.5}
#inp-case{min-height:104px;resize:vertical}#edit-notes{min-height:118px;resize:vertical}
.number-keyboard-toggle{align-self:flex-start;color:#a9d5ff;font-size:12px;line-height:1.5;min-height:36px;text-align:left;padding:6px 2px}
.number-keyboard-toggle:focus-visible{outline:2px solid var(--indigo)}
.case-side{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:10px;align-items:center}.case-side .next-chip{margin:0;min-width:0;line-height:1.6;overflow-wrap:anywhere}.case-side .x{width:44px;min-width:44px;height:44px}.case-sub>.dot{display:none}.case-sub{gap:8px}.case-sub>.clamp1{white-space:normal}
.case-side .next-chip.hot{background:rgba(41,151,255,.1);border-color:rgba(129,188,242,.26);color:#c3dfff}
.case-input-accessory{position:fixed;z-index:55;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;height:56px;padding:6px 10px;background:rgba(30,34,42,.97);border-top:1px solid rgba(255,255,255,.13);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -6px 22px rgba(0,0,0,.15);touch-action:manipulation}
.case-input-accessory[hidden]{display:none}.case-input-accessory button{height:44px;min-width:0;border-radius:10px;display:grid;place-items:center;font-size:23px;color:#f4f7fb;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.05);font-weight:500;user-select:none;-webkit-user-select:none}.case-input-accessory button:active{background:rgba(255,255,255,.16)}.case-input-accessory .accessory-done{font-size:28px;color:#b9dbfa}
.keyboard-open .nav,.keyboard-open .dock,.keyboard-open #multi-action,.input-accessory-open .nav,.input-accessory-open .dock,.input-accessory-open #multi-action{visibility:hidden;pointer-events:none}
.keyboard-open .sheet{top:var(--visible-top,0px);bottom:auto;height:var(--visible-height,100dvh);align-items:flex-end}
.keyboard-open .sheet-panel.glass-sheet{max-height:calc(var(--visible-height,100dvh) - 12px);margin-bottom:0;padding-bottom:0}
.input-accessory-open .sheet-panel.glass-sheet{max-height:calc(var(--visible-height,100dvh) - 68px);margin-bottom:56px;padding-bottom:0}
.keyboard-open .sheet-head,.input-accessory-open .sheet-head{padding:12px 18px}.keyboard-open .sheet-body,.input-accessory-open .sheet-body{padding:16px 18px;min-height:0;scroll-padding-block:18px}.keyboard-open .sheet-foot,.input-accessory-open .sheet-foot{padding:10px 18px}.keyboard-open .sheet-foot .btn,.input-accessory-open .sheet-foot .btn{min-height:46px}
.keyboard-open .sheet-panel,.input-accessory-open .sheet-panel{animation:none}
#multi-action{bottom:calc(100px + env(safe-area-inset-bottom));border-radius:24px;flex-wrap:wrap}#multi-action>div{gap:6px!important;min-width:0}
@media(max-width:360px){.case{padding:18px}.case-side{grid-template-columns:minmax(0,1fr) 44px 44px;gap:6px}.case-side .next-chip{font-size:12px;padding:8px}.case-add-card{padding:16px;gap:10px}.case-add-card strong{font-size:17px}}

/* Search stays in the document, outside the docks hidden by the keyboard. */
.case-search-panel{margin:20px 16px 0;min-width:0}
.case-search-field{position:relative;min-width:0}
.case-search-field .inp{width:100%;min-height:56px;padding:15px 48px 15px 46px;border-radius:20px;background:rgba(171,199,226,.055);font-size:16px}
.case-search-field .search-icon{position:absolute;left:16px;top:18px;font-size:20px;color:#a7bdd4;pointer-events:none;z-index:1}
.case-search-field input::-webkit-search-cancel-button{display:none}
.case-search-clear{position:absolute;right:6px;top:6px;width:44px;height:44px;display:grid;place-items:center;color:#c1cddd;border-radius:50%;font-size:17px}.case-search-clear[hidden]{display:none}.case-search-clear:active{background:rgba(255,255,255,.08)}
.case-search-info{display:flex;align-items:center;gap:12px;justify-content:space-between;min-height:36px;padding:4px 2px;font-size:12px;color:var(--fg-3)}
#finish-case-search{visibility:hidden;color:#b9daff;min-height:36px;padding:6px 10px;border-radius:12px}
.case-search-panel:focus-within #finish-case-search{visibility:visible}
.case-filtering #cases-list .glass-card{animation:none}
.case-filtering #cases-list .glass-card::after{animation:none;background-position:150% 0}
.case-filtering .case-add-card{margin-top:10px}
.case-search-panel:focus-within{position:relative}