:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#24211c;background-color:#f4f1ea}*{box-sizing:border-box}body{margin:0;background:#f4f1ea}.shell{margin:0 auto;max-width:920px;min-height:100vh;padding:2rem}.shell h1{font-size:1.55rem;letter-spacing:0}.app-shell{background:#f4f1ea;color:#24211c;display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{background:#eee9df;border-right:1px solid #d9d2c6;display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden;padding:1rem .875rem;position:sticky;top:0}.sidebar>*{position:relative;z-index:1}.sidebar:after{background-image:url(/assets/cnc-keypad-sidebar-overlay-transparent-240x520.png);background-position:center bottom;background-repeat:no-repeat;background-size:240px 520px;bottom:92px;content:"";height:520px;left:0;pointer-events:none;position:absolute;right:0;z-index:0}.brand-block{align-items:center;border-bottom:1px solid #d9d2c6;display:flex;gap:.75rem;margin:0 -.875rem;padding:0 .875rem 1rem;position:relative;z-index:2}.brand-mark{align-items:center;background:#dce9e7;border:1px solid #c0d3d0;border-radius:.5rem;color:#315f65;display:flex;font-size:.78rem;font-weight:800;height:2rem;justify-content:center;width:2rem}.brand-title,.brand-subtitle,.session-label,.workspace-kicker,.nav-group-title{margin:0}.brand-title{font-size:.95rem;font-weight:800;line-height:1.1}.brand-subtitle,.workspace-kicker,.nav-group-title{color:#777064;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.side-nav{display:grid;gap:1.35rem;padding:1.15rem 0;position:relative;z-index:2}.nav-group{display:grid;gap:.45rem}.nav-group-items{display:grid;gap:.15rem}.side-nav-item{align-items:center;background:transparent;border:0;border-radius:.45rem;color:#4d463d;cursor:pointer;display:flex;font:inherit;font-size:.9rem;font-weight:650;gap:.5rem;justify-content:space-between;min-height:2rem;padding:.45rem .65rem .45rem 1.35rem;position:relative;text-align:left;width:100%}.side-nav-item-child{color:#655e54;font-size:.82rem;font-weight:400;min-height:1.85rem;padding-left:2rem}.side-nav-label{display:grid;gap:.08rem;min-width:0}.side-nav-description{color:#857c70;font-size:.7rem;font-weight:400;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav-count{color:#777064;flex:0 0 auto;font-size:.78rem;font-variant-numeric:tabular-nums;font-weight:650}.side-nav-item:before{background:transparent;border-radius:999px;content:"";height:1.2rem;left:.45rem;position:absolute;top:50%;transform:translateY(-50%);width:3px}.side-nav-item:hover{background:#e8e2d8;color:#24211c}.side-nav-item-active{background:#e2ddd2;color:#1f3440}.side-nav-item-active:before{background:#4f7a83}.sidebar-footer{border-top:1px solid #d9d2c6;display:grid;gap:.65rem;margin:auto -.875rem 0;padding:1rem .875rem 0;position:relative;z-index:2}.session-label{color:#6e675d;font-size:.82rem;line-height:1.35;overflow-wrap:anywhere}.workspace{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;padding:1.35rem 1.5rem 1.5rem}.workspace-header{align-items:end;border-bottom:1px solid #ded8cf;display:flex;justify-content:space-between;min-height:4.25rem;padding:0 0 1rem}.workspace-header h1{color:#201d18;font-size:1.45rem;letter-spacing:0;line-height:1.15;margin:.25rem 0 0}.content-panel{background:#fffdf8;border:1px solid #ded8cf;border-radius:.65rem;box-shadow:0 12px 28px #352d230d;margin-top:1rem;min-width:0;overflow:hidden}.card{background:#fffdf8;border:1px solid #ded8cf;border-radius:.65rem;margin-top:1rem;padding:1rem}.card h2{margin:0 0 .5rem}.card p{margin:0}.auth-form{display:grid;gap:.5rem;margin-top:.75rem}.auth-label{color:#312d27;font-weight:600}.auth-input{border:1px solid #d6d0c5;border-radius:.5rem;font:inherit;padding:.55rem .7rem}.action-button{background:#27353a;border:1px solid #27353a;border-radius:.5rem;color:#fffdf8;cursor:pointer;font:inherit;font-weight:600;padding:.55rem .8rem}.action-button:disabled{cursor:default;opacity:.65}.action-button-secondary{background:#f8f4ec;border-color:#d3cabe;color:#312d27}.status-text{margin-top:.75rem!important}.status-success{color:#166534}.status-error{color:#b91c1c}.status-error-pill{background:#fee2e2;color:#991b1b}.signed-out-note{color:#6e675d;margin-top:.75rem!important}.card-error{border-color:#dc2626}.orders-panel,.detail-panel,.materials-panel,.settings-panel,.sync-runs-panel,.stats-panel{background:transparent;border:0;border-radius:0;margin-top:0;overflow:hidden}.section-header{align-items:center;border-bottom:1px solid #e8e1d7;display:flex;flex-wrap:wrap;gap:.75rem 1rem;justify-content:space-between;padding:1rem 1rem .95rem}.section-header h2{margin:0 0 .25rem}.section-header p,.list-summary{color:#6e675d;margin:0}.detail-actions,.materials-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.secondary-button{background:#fffdf8;border:1px solid #d6d0c5;border-radius:.375rem;color:#312d27;cursor:pointer;font:inherit;font-weight:600;padding:.55rem .75rem}.secondary-button:hover{border-color:#bdb4a7}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1rem 0}.filter-button{background:#f8f4ec;border:1px solid #d6d0c5;border-radius:.375rem;color:#4d463d;cursor:pointer;font:inherit;font-weight:600;padding:.45rem .65rem}.filter-button-active{background:#27353a;border-color:#27353a;color:#fffdf8}.list-summary{padding:.75rem 1rem 1rem}.list-error{color:#b91c1c;font-weight:600;margin:-.5rem 1rem 1rem}.state-panel{border-top:1px solid #e8e1d7;color:#6e675d;padding:2rem 1rem}.state-panel-error{color:#991b1b}.state-panel-compact{border:1px solid #e8e1d7;border-radius:.375rem;padding:1rem}.table-wrap{border-top:1px solid #e8e1d7;overflow-x:auto}.orders-table{border-collapse:collapse;min-width:1280px;table-layout:fixed;width:100%}.orders-table th,.orders-table td{border-bottom:1px solid #ece5dc;padding:.6rem .55rem;text-align:left;vertical-align:top}.orders-table th{background:#f8f4ec;color:#5d554b;font-size:.78rem;font-weight:700;text-transform:uppercase}.orders-table tbody tr:hover{background:#fbf7ef}.clickable-row{cursor:pointer}.clickable-row:focus{background:#fbf7ef;outline:2px solid #4f7a83;outline-offset:-2px}.detail-table{min-width:960px}.table-action-button{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#1f2937;cursor:pointer;font:inherit;font-weight:600;padding:.4rem .6rem}.table-action-button:hover{border-color:#9ca3af}.orders-preview-strip{display:flex;gap:.35rem}.orders-preview-thumb{aspect-ratio:1;border:1px solid #d1d5db;border-radius:.25rem;display:block;height:72px;object-fit:cover;width:72px}.col-instant{text-align:center;vertical-align:middle!important;width:2ch}.col-favorite{text-align:center;width:52px}.col-favorite input{cursor:pointer;height:1rem;width:1rem}.col-favorite input:disabled{cursor:default;opacity:.65}.col-preview{width:160px}.col-order{width:150px}.col-material{width:220px;overflow-wrap:anywhere}.col-size{overflow-wrap:anywhere;white-space:pre-line;width:15ch}.col-partsqty{white-space:nowrap;width:7ch}.orders-table .col-partsqty{text-align:center}.col-lead{white-space:nowrap;width:76px}.col-deadline{white-space:nowrap;width:80px}.col-date{white-space:nowrap;width:96px}.col-money{font-variant-numeric:tabular-nums;width:104px;white-space:nowrap}.col-detail{width:86px;white-space:nowrap}.inactive-value{color:#6b7280;text-decoration:line-through}.order-status-inline{margin-left:.35rem}.order-link{color:#0f172a;font-weight:700;text-decoration:none}.order-link:hover{text-decoration:underline}.detail-order-link{text-decoration:underline;text-underline-offset:.16em}.detail-summary{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.detail-summary h3{font-size:1.25rem;margin:.15rem 0 0}.detail-summary-compact{padding-bottom:.85rem}.eyebrow{color:#6b7280;font-size:.78rem;font-weight:700;letter-spacing:0;margin:0;text-transform:uppercase}.detail-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:1rem}.detail-grid-compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding-bottom:.75rem}.detail-tile{border:1px solid #e5e7eb;border-radius:.375rem;padding:.75rem}.detail-tile span{color:#6b7280;display:block;font-size:.78rem;font-weight:700;margin-bottom:.25rem;text-transform:uppercase}.detail-tile strong{color:#111827;display:block;overflow-wrap:anywhere}.detail-section{border-top:1px solid #e5e7eb;padding:1rem}.detail-section h3,.detail-section h4{margin:0 0 .75rem}.detail-section-heading{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem .75rem;justify-content:space-between;margin-bottom:.75rem}.detail-section-heading h3{margin:0}.detail-meta-strip{border-top:1px solid #f3f4f6;color:#4b5563;display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:0 1rem 1rem}.detail-notice{background:#f9fafb;border-top:1px solid #e5e7eb;color:#4b5563;padding:.75rem 1rem}.detail-notice-error{background:#fef2f2;border-top-color:#fecaca;color:#b91c1c}.detail-notice-warning{background:#fffbeb;border-top-color:#fde68a;color:#92400e}.material-log-table td{vertical-align:top}.part-card-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.part-card{align-items:stretch;border:1px solid #e5e7eb;border-radius:.5rem;display:grid;gap:.75rem;grid-template-columns:88px minmax(0,1fr);padding:.75rem}.part-card-single{grid-template-columns:132px minmax(0,1fr);max-width:760px}.part-card-body{min-width:0}.part-card-title-row{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.part-card h4{font-size:1rem;overflow-wrap:anywhere}.preview-thumb{align-items:center;aspect-ratio:1;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;display:flex;justify-content:center;overflow:hidden;width:100%}.preview-thumb img{display:block;height:100%;object-fit:cover;width:100%}.preview-thumb-empty{background:#f9fafb;border-style:dashed;color:#6b7280;font-size:.78rem;font-weight:600;padding:.5rem;text-align:center}.compact-facts{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:.75rem}.compact-fact{min-width:0}.compact-fact span{color:#6b7280;display:block;font-size:.72rem;font-weight:700;text-transform:uppercase}.compact-fact strong{display:block;font-size:.9rem;overflow-wrap:anywhere}.quiet-id{color:#6b7280;font-size:.78rem;margin:.75rem 0 0;overflow-wrap:anywhere}.quantity-pill{background:#eef2ff;border-radius:999px;color:#3730a3;flex:0 0 auto;font-size:.78rem;font-weight:700;padding:.25rem .5rem;white-space:nowrap}.material-summary-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:.75rem}.material-summary-grid .detail-tile{padding:.65rem}.cost-card{border:1px solid #e5e7eb;border-radius:.5rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));max-width:760px;padding:.75rem}.stock-calc{border:1px solid #e5e7eb;border-radius:.5rem;margin-top:.75rem;max-width:760px;padding:.75rem}.stock-calc-compact{border:0;margin-top:0;max-width:280px;padding:0}.stock-calc-heading{display:grid;gap:.2rem}.stock-calc-heading span{color:#6b7280;font-size:.72rem;font-weight:700;text-transform:uppercase}.stock-calc-heading strong{overflow-wrap:anywhere}.stock-calc-formula{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;font-family:Consolas,Liberation Mono,monospace;margin-top:.65rem;overflow-wrap:anywhere;padding:.55rem .65rem}.stock-calc-loads{color:#374151;margin:.65rem 0 0;padding-left:1.1rem}.stock-calc-loads li+li{margin-top:.25rem}.stock-calc-notes{color:#6b7280;font-size:.85rem;margin-top:.65rem}.table-wrap-compact{border:1px solid #e5e7eb;border-radius:.5rem}.cost-table{min-width:920px}.primary-cell{font-weight:700}.secondary-cell{color:#6b7280;font-size:.85rem;margin-top:.2rem}.numeric{text-align:right;white-space:nowrap}.status-pill{border-radius:999px;display:inline-block;font-size:.78rem;font-weight:700;padding:.25rem .5rem;white-space:nowrap}.status-ok{background:#dcfce7;color:#166534}.status-warning{background:#fef3c7;color:#92400e}.status-muted{background:#e5e7eb;color:#374151}.sync-runs-layout{display:grid;gap:1rem;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);padding:1rem}.sync-run-list{display:grid;gap:0;min-width:0}.sync-run-table-header,.sync-run-line{align-items:center;display:grid;gap:.65rem;grid-template-columns:minmax(118px,1.4fr) 64px 72px 64px 74px 58px 52px}.sync-run-table-header{border-bottom:1px solid #e8e1d7;color:#777064;font-size:.7rem;font-weight:800;letter-spacing:.08em;padding:.4rem .7rem .5rem;text-transform:uppercase}.sync-run-table-header span:nth-child(n+3){text-align:right}.sync-run-line{background:transparent;border:0;border-radius:0;color:#24211c;cursor:pointer;font:inherit;min-height:2.35rem;padding:.45rem .7rem;text-align:left;width:100%}.sync-run-line:hover,.sync-run-line:focus{background:#fbf7ef;outline:none}.sync-run-line-active{background:#f3eee5}.sync-run-start{display:grid;gap:.08rem;min-width:0}.sync-run-line-type{color:#6e675d;font-size:.72rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-run-status{color:#6e675d;font-weight:700}.sync-run-status-ok{color:#166534}.sync-run-status-warning{color:#92400e}.sync-run-status-error{color:#991b1b}.sync-run-detail-form{min-width:0}.sync-run-detail-card{border:1px solid #e8e1d7;border-radius:.5rem;display:grid;gap:.875rem;padding:.875rem}.sync-run-detail-card h3{font-size:1rem;margin:.15rem 0 0}.sync-run-detail-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0}.sync-run-detail-grid div{background:#f8f4ec;border:1px solid #e8e1d7;border-radius:.375rem;padding:.55rem .625rem}.sync-run-detail-grid dt{color:#777064;font-size:.72rem;font-weight:700;text-transform:uppercase}.sync-run-detail-grid dd{font-weight:700;margin:.2rem 0 0;overflow-wrap:anywhere}.sync-run-detail-wide{grid-column:1 / -1}.sync-run-pause,.sync-run-error{border-radius:.375rem;font-weight:600;margin:0;padding:.55rem .625rem}.sync-run-pause{background:#fffbeb;color:#92400e}.sync-run-error{background:#fef2f2;color:#991b1b}.sync-run-error-details{background:#27231d;border-radius:.375rem;color:#fff7ed;font-family:Consolas,Liberation Mono,monospace;font-size:.78rem;margin:0;max-height:220px;overflow:auto;padding:.75rem;white-space:pre-wrap}.stats-layout{display:grid;gap:1rem;padding:1rem}.stats-summary{border:1px solid #e8e1d7;border-radius:.5rem;display:grid;gap:.875rem;padding:.875rem}.stats-metric-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0}.stats-metric-grid div{background:#f8f4ec;border:1px solid #e8e1d7;border-radius:.375rem;padding:.65rem .75rem}.stats-metric-grid dt{color:#777064;font-size:.72rem;font-weight:700;text-transform:uppercase}.stats-metric-grid dd{color:#111827;font-size:1.1rem;font-weight:800;margin:.25rem 0 0}.egress-progress{background:#ece5dc;border-radius:999px;height:.75rem;overflow:hidden}.egress-progress-bar{border-radius:inherit;height:100%;min-width:.125rem}.egress-progress-ok{background:#22c55e}.egress-progress-warning{background:#f59e0b}.egress-progress-critical,.egress-progress-exceeded{background:#dc2626}.stats-footnote{color:#6e675d;margin:0}.stats-chart-section{border:1px solid #e8e1d7;border-radius:.5rem;display:grid;gap:.75rem;padding:.875rem}.stats-chart-heading{align-items:baseline;display:flex;gap:.75rem;justify-content:space-between}.stats-chart-heading h3{font-size:1rem;margin:0}.stats-chart-heading span{color:#6e675d;font-size:.82rem}.stats-bar-chart{align-items:end;display:grid;gap:.35rem;grid-template-columns:repeat(auto-fit,minmax(20px,1fr));min-height:180px}.stats-bar-column{display:grid;gap:.25rem;min-width:0}.stats-bar-track{background:#f3eee6;border:1px solid #e8e1d7;border-radius:.25rem .25rem 0 0;height:150px;overflow:hidden;position:relative}.stats-bar-total{background:#4b5563;bottom:0;left:0;min-height:1px;position:absolute;right:0}.stats-bar-postgrest{background:#22c55e;bottom:0;left:0;min-height:1px;position:absolute;right:0}.stats-budget-marker{border-top:2px solid #dc2626;left:0;position:absolute;right:0}.stats-bar-label{color:#6e675d;font-size:.68rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.stats-table-section{display:grid;gap:.5rem}.stats-table-section h3{font-size:1rem;margin:0}.stats-table-wrap{border:1px solid #e8e1d7;border-radius:.5rem}.stats-table{min-width:760px}.stats-table th{white-space:nowrap}.stats-path-cell{overflow-wrap:anywhere}.materials-layout{display:grid;gap:1rem;grid-template-columns:minmax(280px,380px) minmax(0,1fr);padding:1rem}.materials-list-pane,.materials-editor-pane{min-width:0}.materials-toolbar{display:grid;gap:.5rem;margin-bottom:.75rem}.filter-bar-inline{padding:0}.materials-list{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.material-row{align-items:center;background:#fff;border:0;border-bottom:1px solid #e5e7eb;color:#111827;cursor:pointer;display:flex;font:inherit;gap:.75rem;justify-content:space-between;padding:.75rem;text-align:left;width:100%}.material-row:last-child{border-bottom:0}.material-row:hover,.material-row:focus{background:#f9fafb;outline:none}.material-row strong,.material-row small{display:block;overflow-wrap:anywhere}.material-row-main{display:grid;gap:.18rem;min-width:0}.material-row-title{align-items:baseline;display:flex;flex-wrap:wrap;gap:.2rem .45rem}.material-row-title span{color:#5d554b;font-size:.84rem}.material-row-title span:before{color:#b7aea1;content:"-";margin-right:.45rem}.material-row small{color:#6b7280;margin-top:.15rem}.material-form{border:1px solid #e5e7eb;border-radius:.5rem;display:grid;gap:1rem;padding:1rem}.settings-form{display:grid;gap:1rem;max-width:760px;padding:1rem}.settings-subsection{border-top:1px solid #e5e7eb;display:grid;gap:.875rem;padding-top:1rem}.settings-subsection h3{font-size:1rem;margin:0}.settings-readonly-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0}.settings-readonly-grid div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:.375rem;padding:.625rem}.settings-readonly-grid dt{color:#64748b;font-size:.75rem;font-weight:700;text-transform:uppercase}.settings-readonly-grid dd{margin:.25rem 0 0;overflow-wrap:anywhere}.settings-readonly-wide{grid-column:1 / -1}.form-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.field-group{display:grid;gap:.3rem}.field-label{color:#374151;font-size:.78rem;font-weight:700;text-transform:uppercase}.text-input,.text-area{border:1px solid #d1d5db;border-radius:.375rem;color:#111827;font:inherit;min-width:0;padding:.55rem .65rem;width:100%}.text-area{min-height:96px;resize:vertical}.input-error{border-color:#dc2626}.field-error{color:#b91c1c;font-size:.8rem}.checkbox-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1rem;min-height:2.25rem}.toggle-label{align-items:center;color:#374151;display:inline-flex;gap:.45rem;font-weight:600}.toggle-label-block{align-self:end;min-height:2.4rem}.form-actions{display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width: 720px){.shell{padding:1rem}.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #d9d2c6;border-right:0;height:auto;min-height:auto;position:relative;top:auto}.sidebar:after{display:none}.side-nav{gap:.8rem}.nav-group-items{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.sidebar-footer{margin-top:.75rem}.workspace{padding:1rem}.workspace-header{min-height:auto}.section-header{align-items:stretch}.secondary-button,.detail-actions,.materials-actions{width:100%}.materials-layout,.sync-runs-layout{grid-template-columns:1fr}.sync-run-list{overflow-x:auto}.sync-run-table-header,.sync-run-line{grid-template-columns:118px 64px 72px 64px 74px 58px 52px;min-width:560px}.part-card,.part-card-single{grid-template-columns:92px minmax(0,1fr)}}