/* sheets.css — propriétaire : core (ordre de chargement = ordre de la cascade, voir index.html) */
/* ============================ Sheets ============================ */
#layer{position:absolute;inset:0;z-index:var(--z-sheet);pointer-events:none}
.sheet-wrap{position:absolute;inset:0;pointer-events:auto}
.scrim{position:absolute;inset:0;background:rgb(var(--c-ink-rgb) / .4);opacity:0;transition:opacity var(--dur-base)}
:root[data-theme="dark"] .scrim{background:rgb(0 0 0 / .6)}
.sheet{position:absolute;left:0;right:0;bottom:0;max-height:92%;background:var(--c-surface);border-radius:var(--r-sheet);box-shadow:var(--sh-3);display:flex;flex-direction:column;transform:translateY(100%);transition:transform var(--dur-base) var(--ease-in-out);overscroll-behavior:contain}
.sheet:focus{outline:none;box-shadow:var(--sh-3)}
.sheet.half{height:55%}.sheet.full{height:92%}
.sheet-wrap.in .scrim{opacity:1}
.sheet-wrap.in .sheet{transform:none;transition:transform var(--dur-slow) var(--ease-sheet)}
.grab{flex:none;height:24px;display:grid;place-items:center;touch-action:none;cursor:grab}
.grab span{width:36px;height:4px;border-radius:2px;background:var(--c-line-strong)}
.sheet-c{flex:1;min-height:0;display:flex;flex-direction:column}
.sh-h{display:flex;align-items:center;gap:8px;padding:0 8px 8px var(--gutter)}
.sh-h h2{flex:1;font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl)}
.sheet-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px var(--gutter) 20px}
.sheet-foot{flex:none;padding:12px var(--gutter) calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--c-line);background:var(--c-surface)}
.lbl{display:block;font-size:var(--fs-sm);font-weight:600;margin:20px 0 8px}
.lbl:first-child{margin-top:4px}
.opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px;border-radius:var(--r-lg);background:var(--c-bg);min-height:72px;transition:background var(--dur-fast),transform var(--dur-instant)}
.opt+.opt{margin-top:10px}
.opt:active{transform:scale(.985)}
.opt:hover{background:var(--c-sunken)}
.opt .oi{width:48px;height:48px;border-radius:14px 14px 5px 5px;display:grid;place-items:center;flex:none}
.opt .oi .ic{width:24px;height:24px}
.opt b{display:block;font-weight:600}
.quota{font-size:var(--fs-xs);font-weight:700;color:var(--c-ink-2);background:var(--c-sunken);padding:3px 8px;border-radius:var(--r-xs);white-space:nowrap}
.lagje-list{display:grid;gap:6px}
.lagje-list button{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px;border-radius:var(--r-md);text-align:left;font-weight:600}
.lagje-list button:hover{background:var(--c-sunken)}
.lagje-list button[aria-pressed="true"]{background:var(--c-primary-soft);color:var(--c-on-primary-soft)}
.lagje-list .km{margin-left:auto}