:root{--forest:#244d38;--forest-dark:#173726;--green:#397955;--mint:#edf2e8;--paper:#f7f8f4;--ink:#25362d;--muted:#748077;--line:#e6eae3;--amber:#a36527;--amber-bg:#faf0dd;--white:#fff;--sidebar:234px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent }button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #62856b}button{color:inherit}a{color:inherit;text-decoration:none}svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}button{border:0;background:none}small{display:block}button span[data-icon],span[data-icon]{display:inline-flex;align-items:center;flex-shrink:0}[hidden]{display:none!important}.skip-link{position:fixed;top:-80px;left:20px;padding:15px;background:var(--white);z-index:10}.skip-link:focus{top:10px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fcfcf9;border-right:1px solid var(--line);padding:30px 18px 0;display:flex;flex-direction:column;z-index:3}.brand{display:flex;gap:9px;align-items:center;font-size:25px;font-weight:760;letter-spacing:-1.25px;padding:0 10px 28px;color:var(--forest-dark)}.brand-mark{display:grid;place-items:center;background:var(--forest);color:#f1f2de;width:35px;height:39px;border-radius:11px}.brand-mark svg{width:27px;height:27px}.brand-dot{color:#86a673}.workspace{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:11px 9px;font-size:15px;font-weight:600;background:white;margin-bottom:32px}.workspace-icon{display:grid;place-items:center;width:29px;height:29px;background:#f2eee5;border:1px solid #e9e3d6;border-radius:7px;color:#8d795c}.workspace small{font-weight:400;font-size:13px;color:var(--muted);margin-top:4px}.subtle{margin-left:auto;color:var(--muted)}.nav-heading{font-size:13px;font-weight:700;letter-spacing:1.4px;color:#99a197;padding:0 13px;margin-bottom:11px}.nav-subheading{margin:26px 0 10px}.nav-item{width:100%;display:flex;gap:11px;align-items:center;text-align:left;min-height:43px;padding:11px 12px;color:#647067;font-size:15px;border-radius:7px;margin-bottom:5px;white-space:nowrap}.nav-item svg{width:17px;height:17px}.nav-item.active{background:#eaf0e3;color:var(--forest);font-weight:650}.nav-item:hover{background:#eef2e9}.nav-count{margin-left:auto;color:#8b968a;font-size:13px}.nav-item.active .nav-count{color:var(--forest)}.sidebar-divider{height:1px;background:var(--line);margin:23px 12px 16px}.source-dot{width:5px;height:5px;border-radius:50%;background:#b89754;margin-left:auto}.sidebar-bottom{display:flex;gap:7px;align-items:flex-start;margin-top:auto;padding:25px 8px 20px;font-size:13px;color:#627061}.sidebar-bottom small{font-size:13px;color:#9ba39a;margin-top:6px}.live-dot{width:6px;height:6px;margin-top:3px;background:#6e9575;border-radius:50%}.profile{border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;padding:19px 8px;font-size:14px;font-weight:600}.avatar{width:31px;height:31px;border-radius:50%;background:#e9edde;color:#536648;display:grid;place-items:center;font-size:13px}.profile small{color:var(--muted);font-size:13px;font-weight:400;margin-top:4px}
.app-shell{margin-left:var(--sidebar)}.topbar{height:68px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:14px}.breadcrumb{display:flex;gap:15px;align-items:center;color:var(--muted)}.breadcrumb svg{width:15px;height:15px}.breadcrumb strong{font-weight:500;color:#3e5142}.slash{color:#bdc4bb}.topbar-note{display:flex;align-items:center;gap:7px;color:#7e877b;font-size:13px}.snapshot-dot{height:6px;width:6px;background:#a9b098;border-radius:50%}.icon-button{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;color:#7e877b}.icon-button:hover{background:var(--mint)}.topbar-note .icon-button{margin-left:12px;border:1px solid var(--line);background:white;width:29px;height:29px}.topbar-note .icon-button svg{width:15px;height:15px}main{max-width:1660px;margin:auto;padding:34px 36px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:13px;letter-spacing:1.6px;font-weight:650;color:#87937c;margin-bottom:10px}h1{font-size:32px;font-weight:600;letter-spacing:-1.3px;line-height:1.2}.page-heading p{margin-top:10px;color:var(--muted);font-size:15px}.heading-actions{display:flex;gap:10px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;border-radius:7px;min-height:37px;padding:10px 14px;font-size:14px;font-weight:600;white-space:nowrap}.button svg{width:15px;height:15px}.primary{background:var(--forest);color:white;box-shadow:0 2px 2px #244d380b}.primary:hover{background:var(--forest-dark)}.secondary{background:white;border-color:#dce2d8;color:#4f5f51}.secondary:hover{background:#f2f5ed}.planning-toolbar{display:flex;align-items:center;justify-content:space-between;margin:28px 0 20px}.horizon-control{display:flex;align-items:center;gap:12px}.horizon-control label{display:flex;align-items:center;gap:7px;font-size:14px;color:#788373}.horizon-control label svg{width:14px;height:14px}select{border:1px solid var(--line);border-radius:6px;background:white;color:#4f5f51;font-size:14px;padding:9px 27px 9px 10px;max-width:100%}.text-button{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:#89927e}.text-button svg{width:13px;height:13px}.text-button:hover{color:var(--forest)}.stage-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stage-card{display:flex;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;text-align:left;position:relative;min-width:0;transition:border-color .2s,transform .2s}.stage-card:hover{border-color:#9eae8c;transform:translateY(-2px)}.stage-card.chosen{border-color:#608566;box-shadow:0 0 0 1px #608566}.stage-card-top{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600}.stage-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#f2f4ec;color:#728367}.stage-card[data-stage=semi] .stage-icon{color:#a08658;background:#f8f1e6}.stage-card[data-stage=raw] .stage-icon{background:#eef2e8;color:#63834b}.stage-card-top .card-arrow{margin-left:auto;color:#a6afa1}.card-arrow svg{width:14px;height:14px}.stage-card-metric{display:flex;align-items:baseline;gap:8px;margin-top:20px}.metric-number{font-size:35px;line-height:1;font-weight:550;letter-spacing:-1.5px}.metric-caption{font-size:14px;color:#818978}.stage-card-description{font-size:14px;color:#8f988b;margin-top:9px}.stage-bar{height:5px;border-radius:6px;overflow:hidden;background:#f0f2eb;display:flex;gap:2px;margin-top:20px}.stage-bar span{min-width:0}.bar-covered{background:#83a67c}.bar-short{background:#dcb16d}.bar-missing{background:#d7ddcf}.stage-card-legend{display:flex;justify-content:space-between;gap:6px;margin-top:10px;font-size:13px;color:#75816e}.legend-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px}.input-banner{display:flex;align-items:center;gap:13px;border:1px solid #e6e4d2;border-radius:8px;background:#f2f1e5;padding:14px 18px;margin:20px 0;color:#73734f;font-size:14px}.input-banner>span svg{width:19px;height:19px;color:#8b8c5b}.input-banner strong{font-weight:600;color:#666c42}.input-banner p{font-size:13px;margin-top:4px;line-height:1.5;color:#8a8a6a}.input-banner button{margin-left:auto;font-size:13px;display:flex;align-items:center;gap:6px;font-weight:650;color:#727543;white-space:nowrap}.input-banner button svg{width:14px;height:14px}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:20px;margin-top:24px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:20px;gap:10px}.panel h2{font-size:16px;font-weight:600;letter-spacing:-.2px}.panel-heading p{font-size:13px;color:#939c8d;margin-top:7px}.count-pill{display:inline-block;background:#f0f3eb;border:1px solid #e7ebdf;color:#7b8870;border-radius:5px;font-size:13px;font-weight:500;padding:2px 6px;vertical-align:middle;margin-left:5px}.small-label{font-size:13px;font-weight:600;letter-spacing:.8px;color:#9aa38f;white-space:nowrap}.filter-tabs{display:flex;gap:17px;border-bottom:1px solid var(--line);padding:0 20px}.filter-tabs button{font-size:13px;color:#8c9584;border-bottom:2px solid transparent;padding:0 0 13px;white-space:nowrap}.filter-tabs button.selected{color:var(--forest);border-color:var(--forest);font-weight:650}.filter-tabs span{display:inline-block;font-size:13px;padding:1px 4px;border-radius:4px;background:#f3f5ef;margin-left:2px}.filter-tabs button.selected span{background:#eaf0e3;color:var(--forest)}.table-controls{display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.search-box{display:flex;align-items:center;gap:7px;min-width:0;color:#97a08e;border:1px solid var(--line);border-radius:6px;padding:0 9px;max-width:260px;flex:1}.search-box svg{width:14px;height:14px}.search-box input{border:0;outline:0;padding:9px 0;background:none;font-size:13px;width:100%;color:var(--ink)}.search-box input::placeholder{color:#a0a994}.search-box:focus-within{outline:2px solid #8eaa83;outline-offset:1px}.table-controls select{font-size:13px;max-width:155px}.table-scroll{overflow:auto;max-height:700px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:15px}th{color:#97a08e;font-size:13px;font-weight:550;background:#fafbf8;padding:11px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1;text-align:left}th:first-child,td:first-child{padding-left:20px}th:last-child,td:last-child{padding-right:20px}td{padding:14px 12px;border-bottom:1px solid #eff2e9;height:62px}tr:last-child td{border-bottom:0}.number{text-align:right;font-variant-numeric:tabular-nums}td.number{color:#5f6e57}.item-button{text-align:left;max-width:210px;display:flex;align-items:center;gap:10px;padding:0;white-space:normal}.item-button:hover .item-name{color:var(--forest);text-decoration:underline}.item-initial{background:#f3f5ed;border:1px solid #e7ebdf;flex-shrink:0;width:28px;height:30px;border-radius:6px;display:grid;place-items:center;color:#919d83}.item-initial svg{width:14px;height:14px}.item-name{display:block;font-size:15px;line-height:1.45;color:#4b5e41;font-weight:550}.item-meta{display:block;font-size:13px;color:#9aa58e;line-height:1.4;margin-top:3px}.unit{display:block;color:#a2ab96;font-size:13px;margin-top:4px}.gap{color:#9a6d35!important;font-weight:600}.unknown{color:#adb4a5!important}.status-badge{font-size:13px;border-radius:5px;padding:4px 6px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.status-badge:before{content:"";display:block;width:4px;height:4px;border-radius:50%;background:currentColor}.status-short{background:#fcf2df;color:#a97838}.status-covered{background:#edf3e8;color:#6e895c}.status-missing{background:#f0f2ec;color:#8f9784}.table-footer{padding:13px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:13px;color:#9aa38e;gap:10px}.empty-state{text-align:center;padding:45px 20px;color:var(--muted)}.empty-state>span{margin-bottom:12px}.empty-state h3{font-size:16px}.empty-state p{font-size:15px;margin:8px 0 15px}.right-column{display:grid;gap:18px}.confidence-panel .panel-heading{padding-bottom:0}.confidence-panel .panel-heading h2{font-size:15px}.confidence-panel .panel-heading svg{width:15px;height:15px;color:#8da079}.confidence-score{padding:22px 20px 14px;display:flex;align-items:baseline;gap:8px}.confidence-score strong{font-size:29px;font-weight:550;letter-spacing:-1px}.confidence-score span{font-size:13px;color:#929d85}.confidence-bar{height:5px;display:flex;overflow:hidden;background:#eef2e7;border-radius:10px;margin:0 20px 20px}.confidence-bar span{background:#97ad82}.confidence-row{display:flex;align-items:center;gap:8px;padding:9px 20px;font-size:13px;color:#8e987f;width:100%;text-align:left}.confidence-row:hover{color:var(--forest);background:#fafbf7}.confidence-row strong{margin-left:auto;color:#747f64;font-weight:600}.confidence-row svg{width:13px;height:13px}.confidence-footer{font-size:13px;line-height:1.7;color:#9aA28d;background:#fbfcf8;border-top:1px solid var(--line);margin-top:13px;padding:13px 18px;display:flex;align-items:flex-start;gap:7px}.confidence-footer svg{width:12px;height:12px;margin-top:2px}.flow-panel{background:#edf0e5;border:1px solid #e1e6d5;border-radius:10px;padding:23px 20px}.flow-panel .eyebrow{font-size:13px;letter-spacing:1.05px;color:#8d9b79}.flow-panel h2{font-size:20px;font-weight:500;letter-spacing:-.5px;margin-bottom:25px;color:#465b38}.flow-step{display:flex;align-items:center;gap:10px}.flow-icon{width:31px;height:31px;border:1px solid #d5deca;background:#f9faf5;border-radius:9px;display:grid!important;place-items:center;color:#8d9d7c}.flow-icon svg{width:16px;height:16px}.flow-step strong{font-size:13px;font-weight:600;color:#647a4c}.flow-step p{font-size:13px;color:#9ca68b;margin-top:4px}.flow-number{margin-left:auto;font-size:13px;color:#b0baa0}.flow-line{margin:5px 0 5px 15px;border-left:1px dashed #c7d1bb;height:15px}.flow-note{font-size:13px;line-height:1.8;color:#929f80;margin-top:22px}.flow-link{padding:14px 0 0;border-top:1px solid #dce2ce;margin-top:17px;display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;font-size:13px;font-weight:600;color:#72865b;gap:5px}.flow-link svg{width:13px;height:13px}.page-footer{display:flex;gap:14px;align-items:center;justify-content:center;padding:26px 0;font-size:13px;color:#aeb7a2}.footer-brand{font-weight:750;font-size:15px;color:#9aa98a;letter-spacing:-.5px}.error-banner{background:#fff0e9;border:1px solid #edc5b2;padding:16px;margin-bottom:20px;border-radius:8px;color:#984523}.loading-card{padding:40px;color:var(--muted)}
dialog{border:1px solid var(--line);color:var(--ink);box-shadow:0 15px 100px #17372620;padding:0}dialog::backdrop{background:#14261b55;backdrop-filter:blur(2px)}.drawer{margin:0 0 0 auto;width:540px;max-width:100%;height:100dvh;max-height:100dvh;border-radius:15px 0 0 15px;position:fixed;inset:0;overflow:auto}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:28px 26px 20px}.drawer-header h2{font-size:23px;font-weight:550;letter-spacing:-.6px;overflow-wrap:anywhere}.drawer-header .eyebrow{font-size:13px}.drawer-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);padding:0 26px}.drawer-tabs button{padding:0 0 14px;border-bottom:2px solid transparent;color:var(--muted);font-size:15px}.drawer-tabs button.selected{border-color:var(--forest);color:var(--forest);font-weight:600}.drawer-body{padding:23px 26px}.field{margin-bottom:18px;min-width:0}.field label{display:block;margin-bottom:8px;font-size:14px;font-weight:550;color:#55684a}.field input,.field select{width:100%;border:1px solid #dfe5d8;border-radius:7px;background:white;padding:11px 12px;font-size:15px;color:#415735;min-height:40px}.field small,.field-note{font-size:13px;line-height:1.8;color:#909d81;margin-top:8px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-section-title{font-size:15px;font-weight:650;padding-bottom:13px;border-bottom:1px solid var(--line);margin:11px 0 20px}.drawer-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.item-summary{background:#f4f6ee;border:1px solid #e4eadb;border-radius:8px;padding:14px;font-size:14px;line-height:1.7;margin-bottom:22px;color:#7d8c6b}.item-summary strong{color:#4b663d}.item-summary .status-badge{margin-bottom:8px}.item-summary p{margin:5px 0}.recipe-intro h3{font-size:17px;font-weight:600;margin:0 0 10px}.recipe-intro p{font-size:14px;line-height:1.8;color:#8c997d;margin-bottom:22px}.recipe-row{padding:14px;background:#f7f9f3;border:1px solid var(--line);border-radius:8px;margin-bottom:13px;display:grid;grid-template-columns:minmax(0,1fr) 90px 30px;gap:9px;align-items:center}.recipe-row label{font-size:13px;color:#879576;display:block;margin-bottom:7px}.recipe-row select,.recipe-row input{width:100%;min-width:0;border:1px solid #dfe5d8;border-radius:5px;padding:9px 7px;font-size:13px;background:white}.recipe-row .remove-component{margin-top:16px}.form-error{font-size:14px;line-height:1.6;background:#fff1e9;color:#a15c3a;padding:12px;border-radius:6px;margin-top:15px}.info-dialog{width:640px;max-width:calc(100% - 30px);max-height:90dvh;border-radius:14px}.info-body{padding:0 26px 26px;font-size:15px;line-height:1.8;color:#7d8a70}.info-body h3{color:#4b603d;font-size:16px;margin:22px 0 8px}.info-body p{margin:10px 0}.info-body ul,.info-body ol{padding-left:21px}.info-body li{margin:10px 0}.info-body code{font-size:14px;background:#eff3e9;padding:2px 4px;border-radius:3px;overflow-wrap:anywhere}.issue{border:1px solid var(--line);border-radius:7px;padding:12px 14px;margin:10px 0;font-size:14px}.issue.mismatch{background:#fcf4e6;border-color:#eee0c8}.issue-label{font-size:13px;letter-spacing:.8px;text-transform:uppercase;font-weight:650;color:#ad9a75;margin-bottom:5px}.formula-box{padding:16px;background:#f1f5e9;border-radius:8px;line-height:2;color:#5f754d}#toast{position:fixed;bottom:25px;left:calc(50% + var(--sidebar)/2);transform:translateX(-50%);background:var(--forest-dark);color:white;box-shadow:0 8px 30px #244d3829;border-radius:9px;padding:13px 20px;font-size:15px;z-index:8;max-width:90%}
@media(min-width:1500px){:root{--sidebar:250px}main{padding:42px 44px 0}.topbar{padding:0 44px}.content-grid{grid-template-columns:minmax(0,1fr) 292px}.stage-card{padding:23px}table{font-size:15px}.item-name{font-size:15px}.item-meta,.unit{font-size:13px}.status-badge{font-size:13px}th{font-size:13px}.filter-tabs button{font-size:15px}.panel h2{font-size:18px}.confidence-panel .panel-heading h2{font-size:16px}.confidence-row{font-size:14px}.flow-step strong{font-size:15px}.flow-step p{font-size:13px}}
@media(max-width:1190px){:root{--sidebar:205px}.sidebar{padding:25px 11px 0}.brand{font-size:23px}.nav-item{font-size:14px;padding:10px}.workspace{margin-bottom:25px}.content-grid{grid-template-columns:minmax(0,1fr)}.right-column{grid-template-columns:1fr 1fr}.confidence-panel .panel-heading h2{font-size:16px}.flow-panel{padding:20px}.flow-panel h2{margin-bottom:16px}.flow-step{display:inline-flex;width:100%}.flow-line{height:10px}.flow-note{margin-top:12px}.flow-link{margin-top:12px}main{padding:28px 25px 0}.topbar{padding:0 25px}.stage-card{padding:16px}.metric-number{font-size:29px}.stage-card-metric{gap:6px}.metric-caption{font-size:13px}.stage-card-legend{font-size:13px}h1{font-size:29px}.item-button{max-width:260px}.item-name{font-size:15px}table{font-size:15px}.status-badge{font-size:13px}}
@media(max-width:800px){:root{--sidebar:0px}.sidebar{display:none}.topbar{height:56px;padding:0 20px}.app-shell{margin:0}main{padding:25px 18px 0}.page-heading{align-items:flex-start}.page-heading .eyebrow{font-size:13px}.page-heading p{max-width:260px;font-size:14px;line-height:1.6}.heading-actions{gap:6px}.heading-actions .button{font-size:13px;padding:9px}.heading-actions svg{display:none}h1{font-size:26px}.stage-cards{gap:10px}.stage-card{padding:13px}.stage-card-top{font-size:13px;gap:6px}.stage-icon{width:25px;height:25px}.stage-icon svg{width:15px;height:15px}.stage-card-metric{margin-top:15px;align-items:flex-start;flex-direction:column;gap:7px}.metric-number{font-size:28px}.stage-card-description{font-size:13px;line-height:1.5}.stage-card-legend{flex-wrap:wrap;gap:6px}.planning-toolbar{margin-top:24px}.horizon-control{gap:6px}.horizon-control label{font-size:13px}.text-button{font-size:13px}.input-banner{padding:12px;gap:10px}.input-banner strong{font-size:13px}.input-banner button{font-size:13px}.input-banner p{font-size:13px}.content-grid{gap:15px}.right-column{gap:15px}.table-controls{padding:14px 15px}.panel-heading{padding:18px 15px}.filter-tabs{padding:0 15px}.table-footer{padding:12px 15px}.topbar-note{font-size:13px}th:first-child,td:first-child{padding-left:15px}.item-name{font-size:14px}.item-button{max-width:200px}.small-label{display:none}.confidence-panel .panel-heading h2{font-size:15px}.confidence-row{padding:9px 15px}#toast{left:50%}}
@media(max-width:480px){.stage-card-top{font-size:13px;flex-wrap:wrap}.stage-card-top .card-arrow{display:none}.stage-card-description{min-height:27px}.stage-card-legend{font-size:13px}.stage-card .stage-icon{width:23px;height:23px}.stage-card-metric{margin-top:13px}.metric-caption{font-size:13px}.stage-card{padding:12px 10px}.planning-toolbar{align-items:flex-start;gap:8px}.horizon-control{align-items:flex-start;flex-direction:column;gap:7px}.text-button{margin-top:7px}.input-banner{align-items:flex-start}.input-banner button{max-width:75px;white-space:normal;text-align:left;line-height:1.6}.right-column{grid-template-columns:1fr}.topbar-note .icon-button{margin-left:4px}.topbar-note{gap:5px}.breadcrumb{gap:9px;font-size:13px}.breadcrumb>span[data-icon]{display:none}.page-heading{gap:10px}.heading-actions{flex-direction:column}.heading-actions .button{min-height:31px;padding:7px 10px}.page-heading p{max-width:220px}.filter-tabs{gap:13px}.filter-tabs button{font-size:13px}.table-footer{font-size:13px}.table-controls{gap:8px}.table-controls select{max-width:124px}.drawer-header,.drawer-body{padding:22px 20px}.drawer-tabs{padding:0 20px}.field-grid{gap:10px}.recipe-row{grid-template-columns:minmax(0,1fr) 65px 24px;padding:10px;gap:6px}.page-footer{font-size:13px;gap:10px}.table-scroll{max-height:600px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.mobile-views{display:none}.view-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:27px 0 20px}.view-stats>div{background:white;border:1px solid var(--line);border-radius:11px;padding:23px}.view-stats>div>span{font-size:13px;letter-spacing:1.3px;color:#89947d;font-weight:650}.view-stats strong{display:block;font-size:34px;font-weight:550;margin:15px 0 9px;letter-spacing:-1px}.view-stats strong small{display:inline;font-size:19px;font-weight:400;color:#a8b19e}.view-stats p{font-size:14px;color:#7b8970}.catalogue-note{margin:0 0 23px}.workspace-view{margin-top:25px}.catalogue-table .item-button{max-width:300px}.catalogue-table td{font-size:14px}.catalogue-table td:nth-child(3){white-space:normal;max-width:190px}.compact{padding:7px 10px;min-height:30px;font-size:13px}.mapped-name{color:#567346}.source-caption{color:#919e83;font-size:14px}.mapping-box{padding:17px;background:#f3f6ed;border:1px solid var(--line);border-radius:8px;margin:17px 0}.mapping-box>label{display:block;font-weight:600;font-size:14px;margin-bottom:8px;color:#596f48}.mapping-box>select{width:100%;font-size:15px}.mapping-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.mapping-box p{font-size:13px;margin-bottom:0}.includes-list{padding-left:25px!important}.includes-list li{padding:8px 8px;border-bottom:1px solid var(--line);margin:0!important}.includes-list li small{color:#a0ab94;font-size:13px}.source-includes{padding:15px;background:#f5f7f0;border:1px solid var(--line);border-radius:8px;margin-bottom:20px;font-size:14px;color:#788a67}.source-includes summary{cursor:pointer;font-weight:600;color:#60774e}.source-includes h4{font-size:14px;font-weight:600;margin:15px 0 8px}.source-includes ol{padding-left:18px;line-height:1.8}.source-includes li{padding:3px 0}.quick-actions{display:flex;gap:8px;margin:-7px 0 22px;flex-wrap:wrap}.quick-actions .button{font-size:13px;padding:9px 10px}.confirm-recipe{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.7;color:#5f744c;margin-top:20px}.confirm-recipe input{accent-color:var(--forest);width:16px;height:16px;flex-shrink:0}.field input:disabled{background:#f3f5ef;color:#87947b;cursor:not-allowed}.fba-link{font-size:14px!important;margin-top:12px}.login-dialog{width:400px;padding:35px}.login-dialog h2{font-size:30px;font-weight:550;letter-spacing:-1px;margin-bottom:10px}.login-dialog p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:23px}.login-dialog .button{width:100%;margin-top:15px}.login-dialog::backdrop{background:#1d352ad6;backdrop-filter:blur(6px)}.action-dialog{width:510px}.action-dialog form{padding:0 26px 26px}.action-dialog #action-description{font-size:15px;color:#6e825b;margin-bottom:22px}.field textarea{width:100%;min-height:85px;padding:11px 12px;border:1px solid #dfe5d8;border-radius:7px;font:inherit;font-size:15px;resize:vertical;line-height:1.6}.action-dialog .item-summary ul{padding-left:19px;line-height:1.9;font-size:14px}.action-dialog .drawer-actions{margin-top:10px}.activity-list{padding:0 22px 10px}.activity-entry{border-top:1px solid var(--line);padding:20px 0}.activity-entry summary{display:flex;gap:14px;align-items:center;cursor:pointer;list-style:none}.activity-entry summary::-webkit-details-marker{display:none}.activity-symbol{height:38px;width:38px;background:#eff4e8;color:#7a9667;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.activity-copy{flex:1;min-width:0}.activity-copy strong{font-size:16px;font-weight:600;display:block;margin-bottom:6px}.activity-copy>span{display:block;color:#849474;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.activity-copy small{font-size:13px;color:#a0ac93;margin-top:6px}.activity-quantity{font-size:20px;font-weight:550;color:#5c7a47;text-align:right;font-variant-numeric:tabular-nums}.activity-quantity small{font-size:13px;color:#93a181;margin-top:5px}.movement-details{margin:16px 0 0 52px;padding:12px 16px;border-radius:7px;background:#f5f7f0}.movement-details>div{display:flex;justify-content:space-between;gap:15px;font-size:14px;padding:7px 0;color:#7c8e69}.movement-details strong{font-weight:550;white-space:nowrap}.empty-workspace{text-align:center;padding:50px 24px 55px;color:#89957c}.empty-workspace>span{display:inline-flex;padding:17px;background:#f0f4e9;border-radius:13px;margin-bottom:18px}.empty-workspace h3{font-size:20px;font-weight:500;color:#576d45;margin-bottom:10px}.empty-workspace p{font-size:15px;line-height:1.8;max-width:400px;margin:0 auto 20px}.connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.connection-card{padding:25px;display:flex;align-items:flex-start;flex-direction:column}.connection-brand{width:42px;height:44px;border-radius:10px;display:grid;place-items:center;font-size:27px;font-weight:700;margin-bottom:20px}.amazon-brand{background:#fbf1df;color:#ae8650;position:relative;font-family:Georgia,serif}.amazon-brand span{position:absolute;font-size:18px;right:6px;bottom:0}.shopify-brand{background:#eaf2df;color:#78a34a;font-style:italic}.warehouse-brand{background:#edf1e5;color:#73945a}.connection-card h2{font-size:21px;margin-bottom:11px}.connection-card p{font-size:15px;line-height:1.85;color:#89967e;margin:18px 0}.connection-card dl{width:100%;margin:4px 0 20px}.connection-card dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:10px 0;font-size:13px}.connection-card dt{color:#8e9b80}.connection-card dd{margin:0;color:#647c51;text-align:right;overflow-wrap:anywhere}.connection-card ul{padding-left:17px;font-size:15px;color:#94a183;line-height:2.3;margin:7px 0}.connection-card .button{margin-top:auto}.connection-card .connection-footnote{font-size:13px;margin-top:auto;padding-top:22px}.demand-evidence{margin-top:22px}.connection-disclaimer{padding:18px 22px;font-size:14px;line-height:1.8;color:#8f9d7f;background:#fafbf7;border-top:1px solid var(--line)}.workspace-view .table-controls .search-box{max-width:410px}.page-footer{margin-top:8px}
@media(max-width:1190px){.connection-grid{grid-template-columns:1fr}.connection-card{display:block}.connection-card dl{max-width:500px}.view-stats{gap:13px}.view-stats>div{padding:18px}.sidebar .nav-item{font-size:13px}.sidebar-divider{margin:18px 12px 12px}}
@media(max-width:800px){.mobile-views{display:flex;gap:5px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:24px;overflow:auto}.mobile-views button,.mobile-views a{padding:8px 10px;color:#88987a;font-size:14px;white-space:nowrap;border-radius:6px}.mobile-views .selected{background:#eaf0e2;color:var(--forest);font-weight:600}.mobile-views a{margin-left:auto}.view-stats>div{padding:16px 13px}.view-stats>div>span{font-size:13px;letter-spacing:.7px}.view-stats strong{font-size:29px}.view-stats p{font-size:13px;line-height:1.6}.catalogue-table .item-button{min-width:180px}.catalogue-table th:last-child,.catalogue-table td:last-child{position:sticky;right:0;background:white}.catalogue-table th:last-child{background:#fafbf8}.quick-actions{gap:6px}.quick-actions .button{font-size:13px}.connection-card{padding:22px}.activity-list{padding:0 15px 10px}.activity-entry summary{gap:10px}.activity-copy strong{font-size:15px}.activity-copy>span{font-size:13px}.activity-quantity{font-size:17px}.movement-details{margin-left:0}.movement-details>div{font-size:13px}.activity-symbol{width:32px;height:34px}.action-dialog form{padding:0 20px 22px}}
@media(max-width:480px){.view-stats{gap:9px}.view-stats>div{padding:14px 11px}.view-stats>div>span{font-size:13px}.view-stats p{font-size:13px}.view-stats strong{font-size:27px}.view-stats strong small{font-size:15px}.mobile-views button,.mobile-views a{font-size:13px;padding:7px 9px}.activity-quantity{font-size:16px}.connection-card .connection-footnote{padding-top:10px}}

/* Shared form controls remain readable without triggering phone browser zoom. */
.sidebar { overflow-y:auto; overscroll-behavior:contain; }
@media(max-width:900px) {
 input:not([type="checkbox"]):not([type="radio"]), select, textarea,
 .field input, .field select, .field textarea { font-size:16px; }
 input:not([type="checkbox"]):not([type="radio"]), select { min-height:48px; }
 dialog { overscroll-behavior:contain; }
 dialog .button { min-height:48px; white-space:normal; line-height:1.4; }
 dialog .drawer-header .icon-button { flex-shrink:0; }
}
.request-status { font-size: 14px; line-height: 1.4; color: #224a36; background: #eef4e8; padding: 8px 14px; border-radius: 8px; pointer-events: none; }
.request-status::before { content: ''; display: inline-block; width: 12px; height: 12px; margin-right: 8px; border: 2px solid #c4d2c8; border-top-color: #224a36; border-radius: 50%; animation: request-spin .8s linear infinite; vertical-align: -2px; }
.page-request-status { position: fixed; top: 8px; left: 50%; transform: translateX(-50%); z-index: 10000; box-shadow: 0 2px 8px #224a3620; }
dialog > .request-status { position: sticky; top: 0; z-index: 5; text-align: center; border-radius: 0; }
@keyframes request-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .request-status::before { animation: none; } }