@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700&display=swap";:root{color-scheme:dark;font-family:Work Sans,ui-sans-serif,system-ui,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--bg: #10100f;--panel: #171614;--panel-strong: #1d1a17;--panel-soft: rgba(244, 238, 224, .045);--line: rgba(244, 238, 224, .15);--line-strong: rgba(244, 238, 224, .28);--text: #f4eee0;--muted: rgba(244, 238, 224, .66);--faint: rgba(244, 238, 224, .38);--ember: #f08a24;--ember-hot: #ff941f;--sage: #7da08b;--red: #db6b5f;--shadow: 0 12px 34px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}a{text-decoration:none}.app-shell{position:relative;min-height:100vh;padding-left:76px;overflow-x:clip;background:var(--bg)}.app-shell:before{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";opacity:.18;background-image:linear-gradient(rgba(244,238,224,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(244,238,224,.018) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 90%);mask-image:linear-gradient(to bottom,#000,transparent 90%)}.auth-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:linear-gradient(90deg,rgba(255,148,31,.05),transparent 34%),var(--bg)}.auth-panel{width:min(100%,420px);display:grid;gap:16px;padding:24px;border:1px solid var(--line);border-radius:8px;background:#131210;box-shadow:var(--shadow)}.auth-panel h1{font-size:clamp(2.3rem,10vw,4.4rem)}.auth-panel p{margin:0;color:var(--muted)}.auth-brand{margin-bottom:10px}.auth-form{display:grid;gap:14px;margin-top:8px}.auth-submit,.password-submit{justify-content:center;width:100%}.rail{position:fixed;inset:0 auto 0 0;z-index:2;width:76px;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;gap:34px;padding:22px 14px;border-right:1px solid var(--line);background:#0b0b0a}.brand-mark{width:44px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,148,31,.7);border-radius:8px;color:var(--ember-hot);font-family:Work Sans,ui-sans-serif,system-ui,sans-serif;font-size:.88rem;letter-spacing:-.05em;box-shadow:none}.rail-nav{display:grid;gap:12px}.rail-account{display:grid;gap:10px;margin-top:auto}.rail-user{width:42px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--sage);background:#12110f}.rail-button{padding:0}.rail-link{width:42px;aspect-ratio:1;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;color:var(--faint);transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease}.rail-link:hover,.rail-link-active{color:var(--text);border-color:#ff941f80;background:#ff941f14;transform:translateY(-1px)}.workspace{position:relative;z-index:1;width:min(100%,2200px);margin:0 auto;padding:12px 18px 18px;container-name:workspace;container-type:inline-size}.detail-statusbar{display:flex;align-items:center;gap:12px;min-height:42px;margin-bottom:10px}.detail-compare-button{margin-left:auto}.detail-statusbar strong{color:var(--text);font-size:1rem;font-weight:500}.topbar,.panel-heading,.topbar-actions,.search-box,.ghost-button,.accent-button{display:flex;align-items:center}.topbar{justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{margin:0 0 6px;color:var(--ember-hot);font-size:.69rem;letter-spacing:.18em;text-transform:uppercase}h1,h2{margin:0;color:var(--text);font-family:Work Sans,ui-sans-serif,system-ui,sans-serif;font-weight:500;line-height:.95;letter-spacing:-.045em}h1{font-size:clamp(2.45rem,5vw,5.4rem)}h2{font-size:clamp(1.55rem,2vw,2.2rem)}.topbar-actions{gap:10px}.search-box{min-width:min(40vw,440px);gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#0c0c0b;color:var(--muted)}.search-box input{width:100%;border:0;outline:0;color:var(--text);background:transparent}.search-box input::placeholder{color:var(--faint)}.ghost-button,.accent-button{gap:8px;min-height:42px;border-radius:8px;padding:0 14px;color:var(--text)}.ghost-button{border:1px solid var(--line);background:#151412}.accent-button{border:1px solid var(--ember-hot);background:var(--ember);color:#11100e}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.metric-card,.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.metric-card{min-height:142px;display:grid;align-content:space-between;gap:10px;padding:18px;border-radius:10px}.metric-card svg{color:var(--ember-hot)}.metric-card span,.metric-card small,dt,.import-row span,th{color:var(--muted);font-size:.72rem;letter-spacing:.04em;text-transform:lowercase}.metric-card strong{font-family:Work Sans,ui-sans-serif,system-ui,sans-serif;font-size:2.5rem;font-weight:500;line-height:.9}.main-grid,.bottom-grid,.dashboard-import-grid,.detail-grid{display:grid;gap:12px}.main-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.7fr);margin-bottom:12px}.bottom-grid{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)}.dashboard-import-grid{grid-template-columns:minmax(340px,.42fr)}.detail-grid{grid-template-columns:minmax(0,1fr);align-items:start;height:calc(100vh - 82px);min-height:0}.detail-main-panel{height:100%;min-height:0}.panel{border-radius:10px;overflow:hidden}.panel-heading{justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--line)}.panel-heading.compact{align-items:flex-start}.chart-frame{height:380px;padding:18px 12px 8px;background:#131210}.recharts-default-legend{font-size:.72rem}.chart-tooltip{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:8px;background:#10100f;box-shadow:var(--shadow)}.chart-tooltip strong{color:var(--text)}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--line)}.detail-list div{min-height:94px;display:grid;align-content:center;gap:8px;padding:18px;background:#161513}.detail-list.single{grid-template-columns:1fr}dd{margin:0;color:var(--text);font-size:.95rem}.note-box{display:flex;gap:12px;margin:18px;padding:16px;border:1px solid rgba(255,148,31,.5);border-radius:8px;background:#1f160f}.note-box svg{flex:0 0 auto;color:var(--ember-hot)}.note-box p{margin:0;color:var(--muted);font-size:.82rem}.table-wrap{overflow-x:auto}.roasts-topbar{align-items:end}.roasts-panel{display:grid}.filter-popout-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;align-items:start;justify-items:center;padding-top:86px;background:#05050457}.bulk-edit-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:22;display:grid;align-items:start;justify-items:center;padding-top:118px;background:#05050461}.compare-drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;display:grid;justify-items:end;background:#05050461}.filter-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:transparent}.bulk-edit-panel{position:relative;z-index:1;width:min(520px,calc(100vw - 28px));display:grid;border:1px solid var(--line-strong);border-radius:10px;background:#131210;box-shadow:var(--shadow)}.compare-drawer{position:relative;z-index:1;width:min(420px,calc(100vw - 28px));min-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-left:1px solid var(--line);background:#11100f;box-shadow:-22px 0 70px #0000006b}.filter-popout{position:relative;z-index:1;width:min(1040px,calc(100vw - 96px));min-height:0;display:grid;grid-template-rows:auto auto auto;border:1px solid var(--line);border-radius:10px;background:#11100f;box-shadow:0 24px 80px #00000070}.compare-drawer{width:min(520px,calc(100vw - 28px));grid-template-rows:auto auto auto minmax(0,1fr)}.filter-popout-heading,.filter-popout-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.compare-selected-stack{display:grid;gap:8px;padding:14px;border-bottom:1px solid var(--line);background:#131210}.compare-selected-row,.compare-candidate-row,.comparison-roster-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.compare-selected-row{min-height:54px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#10100f}.compare-selected-row div,.compare-candidate-row div,.comparison-roster-row div{display:grid;gap:3px;min-width:0}.compare-selected-row strong,.compare-candidate-row strong,.comparison-roster-row strong{overflow:hidden;color:var(--text);font-size:.8rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.compare-selected-row span,.compare-candidate-row span,.compare-candidate-row small,.comparison-roster-row span,.compare-helper{overflow:hidden;margin:0;color:var(--muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.compare-color{width:10px;aspect-ratio:1;border-radius:999px;box-shadow:0 0 0 3px #f4eee00f}.compare-search{width:calc(100% - 28px);min-width:0;margin:14px}.compare-candidate-list{min-height:0;overflow-y:auto;border-top:1px solid var(--line)}.compare-candidate-row{min-height:74px;padding:12px 14px;border-bottom:1px solid var(--line);background:#11100f}.compare-candidate-row:hover{background:#ff941f12}.compare-warning-icon{color:#ffd8a8}.filter-popout-actions{border-top:1px solid var(--line);border-bottom:0}.filter-popout-actions button{flex:1;justify-content:center}.filter-bar{display:grid;grid-template-columns:minmax(300px,1.5fr) repeat(4,minmax(132px,1fr));gap:10px;align-items:end;padding:16px;border-bottom:1px solid var(--line);background:#131210}.bean-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(160px,220px);gap:10px;align-items:end;padding:16px;border-bottom:1px solid var(--line);background:#131210}.bean-search,.roasts-search{min-width:0}.filter-popout-fields{align-content:start;grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(120px,1fr));overflow:visible;border-bottom:0}.filter-popout-fields .roasts-search{grid-column:auto}.filter-field{display:grid;gap:6px;min-width:0}.filter-field span,.table-summary,.pagination-bar{color:var(--muted);font-size:.72rem;letter-spacing:.04em;text-transform:lowercase}.filter-field input,.filter-field select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:var(--text);background:#0c0c0b;outline:0}.filter-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(244,238,224,.56) 50%),linear-gradient(135deg,rgba(244,238,224,.56) 50%,transparent 50%);background-position:calc(100% - 15px) 18px,calc(100% - 10px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:28px}.date-filter-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.date-filter-control button{min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:var(--muted);background:#151412;font-size:.72rem}.bulk-edit-fields{display:grid;gap:12px;padding:18px;border-top:1px solid var(--line);background:#131210}.bulk-edit-fields p,.form-error,.form-success{margin:0;color:var(--muted);font-size:.78rem}.bulk-edit-fields .form-error,.form-error{color:#ffc1ba}.form-success{color:#b8d8bf}.table-summary,.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.pagination-bar{justify-content:flex-end;border-top:1px solid var(--line);border-bottom:0}.icon-button{width:42px;justify-content:center;padding:0}.empty-panel{min-height:180px;display:grid;place-items:center;padding:24px;color:var(--muted);font-size:.82rem;text-align:center}table{width:100%;border-collapse:collapse}th,td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}td{color:#f0e6d2c7;font-size:.8rem}.select-cell{width:46px;min-width:46px;padding-right:6px}.row-select-button{width:28px;aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:7px;color:var(--faint);background:transparent}.row-select-button:hover,.selected-row .row-select-button{color:var(--ember-hot);background:#ff941f1a}.clickable-row{cursor:pointer}.selected-row{background:#ff941f0f}.inline-lot-select,.inline-date-input{width:min(220px,28vw);min-height:34px;border:1px solid rgba(255,148,31,.38);border-radius:8px;padding:0 28px 0 10px;color:var(--text);background-color:#0c0c0b}.inline-lot-select{background-image:linear-gradient(45deg,transparent 50%,rgba(244,238,224,.56) 50%),linear-gradient(135deg,rgba(244,238,224,.56) 50%,transparent 50%);background-position:calc(100% - 15px) 14px,calc(100% - 10px) 14px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none}.inline-date-input{width:150px;color-scheme:dark;padding-right:10px}.inline-date-input::-webkit-calendar-picker-indicator{opacity:.72}td strong,.batch-link{color:var(--text);font-weight:500}.batch-link:hover{color:var(--ember-hot)}.bean-notes-cell{max-width:320px;overflow:hidden;text-overflow:ellipsis}tbody tr{transition:background .15s ease}tbody tr:hover{background:#ff941f14}.status-pill{display:inline-flex;align-items:center;width:max-content;min-height:24px;padding:0 9px;border:1px solid var(--line);border-radius:6px;font-size:.68rem;color:var(--muted);background:#151412}.status-reviewed{color:#c4e6ce;border-color:#7da08b6b;background:#7da08b1f}.status-needs-notes{color:#ffd8a8;border-color:#ff941f9e;background:#ff941f29}.status-warning{color:#ffc1ba;border-color:#db6b5f6b;background:#db6b5f1f}.list-scope{color:var(--muted);font-size:.8rem}.parse-pill{display:inline-flex;align-items:center;width:max-content;min-height:24px;padding:0 9px;border:1px solid var(--line);border-radius:6px;font-size:.68rem;color:var(--muted);background:#151412}.parse-clean{color:#c4e6ce;border-color:#7da08b57;background:#7da08b1a}.parse-warnings{color:#ffd8a8;border-color:#ff941f6b;background:#ff941f1f}.parse-warning-box{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:14px;border-top:1px solid var(--line);color:#ffd8a8;background:#ff941f14}.parse-warning-box p{margin:0;color:#ffd8a8d1;font-size:.78rem}.bean-form-panel{display:grid}.auth-workspace{max-width:760px;margin:0}.password-panel{display:grid;gap:14px;padding:18px;background:#131210}.bean-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;background:#131210}.form-field{display:grid;gap:7px}.form-field-wide{grid-column:1 / -1}.form-field span{color:var(--muted);font-size:.72rem;letter-spacing:.04em;text-transform:lowercase}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--text);background:#0c0c0b;outline:0}.form-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(244,238,224,.56) 50%),linear-gradient(135deg,rgba(244,238,224,.56) 50%,transparent 50%);background-position:calc(100% - 15px) 18px,calc(100% - 10px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:28px}.form-field textarea{min-height:132px;resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#ff941f9e;box-shadow:0 0 0 3px #ff941f1a}.form-field input:disabled{color:var(--faint);border-color:#f4eee01a;background:#151412}.roast-detail-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;grid-template-areas:"view controls";height:100%;min-height:0}.compact-roast-stats{display:grid;grid-template-columns:1fr;gap:1px;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--line)}.compact-roast-stats div{min-height:62px;display:grid;align-content:center;gap:5px;padding:10px 14px;background:#151412}.compact-roast-stats dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.tasting-notes-panel{display:grid;gap:10px;padding:14px;border-bottom:1px solid var(--line);background:#151412}.tasting-notes-heading{display:flex;align-items:center;gap:8px;color:var(--ember-hot)}.tasting-notes-heading h2{margin:0;color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:0;text-transform:lowercase}.tasting-notes-panel textarea{width:100%;min-height:118px;resize:vertical;border:1px solid rgba(244,238,224,.14);border-radius:8px;padding:10px 11px;color:var(--text);background:#10100f;font-size:.82rem;line-height:1.55;outline:0}.tasting-notes-panel textarea:focus{border-color:#ff941f9e;box-shadow:0 0 0 3px #ff941f1a}.tasting-notes-panel textarea::placeholder{color:var(--faint)}.tasting-notes-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.tasting-notes-actions .form-error{margin-right:auto;color:#ffc1ba}.warning-stack .parse-warning-box{border-top:0;border-bottom:1px solid var(--line)}.comparison-roster{display:grid;gap:1px;border-bottom:1px solid var(--line);background:var(--line)}.comparison-roster-row{min-height:52px;padding:9px 12px;background:#151412}.comparison-chart-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;border-bottom:1px solid var(--line);background:#11100f}.comparison-chart-header strong{color:var(--text);font-size:.9rem;font-weight:500}.comparison-chart-header span{color:var(--faint);font-size:.72rem;text-transform:lowercase}.detail-view-pane{grid-area:view;min-width:0;min-height:0}.detail-controls-panel{grid-area:controls;min-width:0;display:grid;align-content:start;border-left:1px solid var(--line);background:#11100f}.detail-tabs{display:flex;gap:8px;padding:14px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#11100f}.detail-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:36px;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--muted);background:#151412}.detail-tabs button.tab-active{color:var(--text);border-color:#ff941f94;background:#ff941f1a}.detail-chart-area{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;background:#131210}.detail-chart-area.comparison-chart-area{grid-template-rows:auto minmax(0,1fr)}.line-toggle-grid{grid-column:1 / -1;width:100%;min-width:0;display:grid;grid-template-columns:1fr;gap:8px;padding:12px 14px;border-top:1px solid var(--line);background:#11100f}.line-toggle-grid::-webkit-scrollbar{display:none}.line-toggle-grid button{display:inline-flex;align-items:center;gap:7px;min-height:30px;border:1px solid var(--line);border-radius:7px;padding:0 9px;color:var(--faint);background:#10100f;font-size:.72rem}.line-toggle-grid button span{width:9px;aspect-ratio:1;border-radius:999px}.line-toggle-grid .line-toggle-label{width:auto;aspect-ratio:auto;border-radius:0}.line-toggle-grid .line-toggle-short-label{display:none;width:auto;aspect-ratio:auto;border-radius:0}.line-toggle-grid button.line-toggle-active{color:var(--text);border-color:#f4eee047;background:#171614}.detail-chart-frame{overflow:hidden;height:100%;min-height:0;padding:18px 12px 8px;background:#131210}@container workspace (max-width: 1560px){.roast-detail-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"view" "controls"}.detail-controls-panel{grid-template-columns:repeat(4,minmax(0,1fr));border-left:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-tabs{grid-column:1 / -1}.compact-roast-stats{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr))}.tasting-notes-panel{grid-column:1 / -1}.line-toggle-grid{grid-auto-flow:column;grid-auto-columns:max-content;grid-template-columns:none;overflow-x:auto;scrollbar-width:none}.warning-stack{grid-column:1 / -1}}.import-list{display:grid}.import-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:17px 18px;border-bottom:1px solid var(--line)}.import-row div{display:grid;gap:4px;min-width:0}.import-row strong,.import-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-row strong{color:var(--text);font-size:.78rem;font-weight:500}.import-row time{color:var(--faint);font-size:.68rem}.import-icon{margin-top:2px}.import-icon-imported{color:var(--sage)}.import-icon-watching{color:var(--ember-hot)}.import-icon-failed{color:var(--red)}@media(max-width:1120px){.metric-grid,.main-grid,.bottom-grid,.dashboard-import-grid,.detail-grid{grid-template-columns:1fr 1fr}.curve-panel,.table-panel{grid-column:1 / -1}.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.bean-toolbar{grid-template-columns:1fr}.roasts-search{grid-column:1 / -1}}@media(min-width:761px){.filter-popout-fields{grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(120px,1fr))}.filter-popout-fields .roasts-search{grid-column:auto}}@media(max-width:760px){.app-shell{display:block;padding-left:0}.rail{position:fixed;inset:auto 0 0;width:100%;height:calc(50px + env(safe-area-inset-bottom));flex-direction:row;justify-content:space-between;gap:10px;padding:5px 16px calc(5px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);border-radius:0;background:#0b0b0af5}.rail-nav{display:flex;flex:1;justify-content:space-around;gap:4px}.rail-account{display:flex;gap:4px;margin-top:0}.rail-user{display:none}.brand-mark,.rail-link{width:38px}.brand-mark{font-size:.75rem}.workspace{padding:16px 14px calc(70px + env(safe-area-inset-bottom))}.roasts-topbar{align-items:stretch}.roasts-topbar .topbar-actions{flex-direction:row}.roasts-topbar .topbar-actions .ghost-button{flex:1;justify-content:center}.filter-popout-layer,.compare-drawer-layer,.bulk-edit-layer{align-items:end;justify-items:stretch;padding-bottom:calc(50px + env(safe-area-inset-bottom))}.filter-popout,.compare-drawer,.bulk-edit-panel{width:100%;min-height:0;max-height:min(78dvh,620px);border-top:1px solid var(--line);border-left:0;border-radius:12px 12px 0 0;box-shadow:0 -20px 60px #0000007a}.filter-popout-heading,.filter-popout-actions{padding:12px 14px}.filter-popout-fields{grid-template-columns:1fr}.filter-popout-fields .roasts-search{grid-column:auto}.topbar,.topbar-actions,.panel-heading{align-items:stretch;flex-direction:column}.search-box{min-width:0}.metric-grid,.main-grid,.bottom-grid,.dashboard-import-grid,.detail-grid,.roast-detail-workspace,.detail-chart-area,.filter-bar,.bean-toolbar,.bean-form-grid,.detail-list{grid-template-columns:1fr}.roasts-search{grid-column:auto}.detail-grid,.detail-main-panel{height:auto}.metric-card{min-height:118px}.chart-frame{height:320px}.roast-detail-workspace{height:auto;overflow:visible}.detail-view-pane{height:auto;padding-bottom:0}.detail-controls-panel{position:static;display:grid;height:auto;overflow:visible;border-top:1px solid var(--line);border-left:0;border-bottom:1px solid var(--line);background:#11100f}.detail-chart-frame{height:min(40dvh,360px);min-height:0;padding:12px 2px 2px}.detail-chart-area{display:grid;grid-template-rows:minmax(0,1fr);height:auto}.line-toggle-grid{display:flex;flex-wrap:wrap;justify-content:start;gap:6px;overflow:visible;padding:8px 8px 9px;border-top:1px solid var(--line);background:#11100fe6}.line-toggle-grid button{flex:0 0 auto;width:auto;min-width:54px;min-height:31px;justify-content:center;padding:0 8px;font-size:.64rem;line-height:1;white-space:nowrap}.line-toggle-grid button span{width:9px}.line-toggle-grid .line-toggle-label{display:none}.line-toggle-grid .line-toggle-short-label{display:inline}.compact-roast-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-roast-stats div{min-height:56px;padding:8px 14px}}