@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#17211c;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7f5;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}:root{--ink:#0f172a;--ink-secondary:#334155;--muted:#64748b;--muted-light:#94a3b8;--line:#e2e8f0;--line-subtle:#f1f5f9;--paper:#fff;--bg:#f8fafc;--green:#0f766e;--green-dark:#115e59;--green-light:#f0fdf4;--green-border:#bbf7d0;--mint:#ecfdf5;--amber:#d97706;--red:#dc2626;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 4px 12px -2px #0f172a0f, 0 2px 6px -2px #0f172a0a;--shadow-lg:0 12px 32px -4px #0f172a1f, 0 4px 12px -2px #0f172a0f;--shadow:0 1px 3px 0 #0f172a0d, 0 1px 2px -1px #0f172a0d;font-feature-settings:"cv02", "cv03", "cv04", "cv11"}.app-shell{background:var(--bg);grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);height:100vh;color:var(--ink);box-sizing:border-box;background:#fff;flex-direction:column;padding:20px 16px;display:flex;position:sticky;top:0}.sidebar-brand-wrapper{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:20px}.brand{align-items:center;gap:10px;display:flex}.brand>span{color:#047857;letter-spacing:-.5px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9px;place-items:center;width:36px;height:36px;font:800 13px Manrope;display:grid}.brand div{flex-direction:column;display:flex}.brand b{color:var(--ink);letter-spacing:-.3px;font:800 16px/1.2 Manrope}.brand small{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.sidebar-nav-section{flex-direction:column;gap:4px;display:flex}.nav-section-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;padding:0 10px;font-size:10px;font-weight:800;display:block}.sidebar nav{flex-direction:column;gap:3px;display:flex}.sidebar nav button,.sidebar nav .nav-item,.sidebar-foot>button{color:#475569;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:8px;outline:none;align-items:center;gap:11px;width:100%;padding:9px 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.sidebar nav button .nav-icon,.sidebar nav .nav-item .nav-icon{text-align:center;color:#64748b;width:20px;font-size:16px;display:inline-block}.sidebar nav button:hover,.sidebar nav .nav-item:hover,.sidebar-foot>button:hover{color:var(--ink);background:#f1f5f9}.sidebar nav button.active,.sidebar nav .nav-item.active{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0;font-weight:700;box-shadow:0 1px 2px #0f766e0d}.sidebar nav button.active .nav-icon,.sidebar nav .nav-item.active .nav-icon{color:#047857}.sidebar nav button:focus-visible,.sidebar nav .nav-item:focus-visible,.sidebar-foot>button:focus-visible{outline-offset:1px;outline:2px solid #0f766e}.sidebar-foot{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;display:flex}.workspace-badge{border:1px solid var(--line);background:#f8fafc;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.workspace-badge-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px}.workspace-badge-info{flex-direction:column;display:flex}.workspace-badge-info small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.workspace-badge-info b{color:var(--ink);font-size:12px}.settings-nav-btn{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.settings-nav-btn:hover{color:var(--ink);background:#f1f5f9}.settings-nav-btn.active{color:#047857;background:#ecfdf5;font-weight:700}main{background:var(--bg);min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;justify-content:space-between;align-items:center;height:58px;padding:0 28px;display:flex;position:sticky;top:0}.system-status-indicator{align-items:center;gap:8px;font-size:13px;display:flex}.workspace-dot{background:#10b981;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #10b98133}.workspace-name{color:var(--ink);font-weight:700}.status-separator{color:#cbd5e1}.floor-badge{color:#047857;letter-spacing:.02em;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.top-actions{align-items:center;gap:14px;display:flex}.role-pill-group{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px;display:inline-flex}.role-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:3px 9px;font-size:11px;font-weight:700;transition:all .12s}.role-btn-active{color:var(--green);background:#fff;font-weight:800;box-shadow:0 1px 3px #0000000f}.user{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:14px;display:flex}.user-avatar{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:grid}.user-info{flex-direction:column;line-height:1.2;display:flex}.user-info b{color:var(--ink);font-size:12px}.user-info small{color:var(--muted);font-size:10px;font-weight:600}.content{max-width:1440px;margin:auto;padding:22px 28px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin:0 0 6px;font-size:11px;font-weight:800;display:flex}.eyebrow:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px;display:inline-block}.page-heading h1{letter-spacing:-.03em;color:var(--ink);margin:0;font:800 28px/1.15 Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-heading>div>p:last-child{color:var(--muted);margin:6px 0 0;font-size:14px;line-height:1.4}.primary,.secondary,.ghost{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.primary{background:var(--green);color:#fff;box-shadow:0 1px 3px #0f766e40,0 1px 2px -1px #0f766e33}.primary:hover{background:var(--green-dark);transform:translateY(-1px);box-shadow:0 4px 12px -2px #0f766e59}.secondary{color:#334155;box-shadow:var(--shadow-sm);background:#fff;border-color:#cbd5e1}.secondary:hover{color:var(--ink);background:#f8fafc;border-color:#94a3b8}.ghost{border-color:var(--line);color:var(--green);background:0 0}.ghost:hover{background:var(--mint);border-color:#a7f3d0}.panel-title-urgent,.panel-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-title-urgent h2{color:var(--ink);margin:2px 0 0;font:800 17px Manrope}.urgent-count-badge,.count{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:50%;place-items:center;width:26px;height:26px;font:800 12px Manrope;display:grid}.urgent-notices-stack{flex-direction:column;gap:8px;display:flex}.notice{border-radius:8px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.notice b{font-size:12px}.notice span{opacity:.88;font-size:11px}.warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.danger-bg{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.operational-pulse-panel{flex-direction:column;gap:10px;display:flex}.pulse-content{flex-direction:column;gap:8px;padding-top:6px;display:flex}.pulse-stat{justify-content:space-between;align-items:baseline;display:flex}.pulse-stat-label{color:var(--muted);font-size:12px;font-weight:600}.pulse-stat-value{color:var(--ink);font:800 14px Manrope}.pulse-desc{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.jobs-summary-strip{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.jobs-summary-pill{border:1px solid var(--line);background:#fff;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;display:inline-flex}.summary-pill-label{color:var(--muted)}.jobs-summary-pill b{color:var(--ink);font-weight:700}.job-board-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar-search-wrap{border:1px solid var(--line);background:#fff;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:260px;height:38px;padding:0 12px;display:flex}.toolbar-search-wrap:focus-within{border-color:var(--green)}.search-icon{color:#94a3b8;font-size:13px}.search-input{width:100%;color:var(--ink);background:0 0;border:0;outline:none;font-size:13px}.toolbar-filter-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-select-group{align-items:center;gap:6px;display:flex}.filter-select-label{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.filter-select{border:1px solid var(--line);height:38px;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:0 10px;font-size:13px}.filter-select:focus{border-color:var(--green)}.structured-job-queue{flex-direction:column;display:flex}.queue-list-header{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);grid-template-columns:minmax(0,1.8fr) minmax(0,1.2fr) minmax(0,1.1fr);gap:16px;padding:8px 16px;font-size:10px;font-weight:800;display:grid}.queue-list-body{flex-direction:column;gap:8px;padding-top:10px;display:flex}.structured-job-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:minmax(0,1.8fr) minmax(0,1.2fr) minmax(0,1.1fr);align-items:center;gap:16px;padding:14px 16px;transition:all .15s;display:grid}.structured-job-card:hover{border-color:#cbd5e1;box-shadow:0 3px 10px #0f172a0a}.queue-card-identity{align-items:center;gap:12px;min-width:0;display:flex}.queue-number-badge{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;flex-shrink:0;padding:6px 9px;font:800 13px Manrope}.queue-item-details{flex-direction:column;gap:2px;min-width:0;display:flex}.queue-customer-name{color:var(--ink);font-size:14px;font-weight:700}.queue-spec-line{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.queue-primary-desc{color:#334155}.queue-spec-divider{color:#cbd5e1}.queue-qty-pill{color:var(--ink);font-weight:700}.queue-extra-count{color:var(--muted);font-size:11px}.queue-card-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.queue-card-status-actions{justify-content:flex-end;align-items:center;gap:14px;display:flex}.queue-due-info{text-align:right}.queue-due-caption{text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:700;display:block}.queue-due-val{color:var(--ink);font-size:12px;font-weight:600}.queue-view-btn{border:1px solid var(--line);color:var(--green);cursor:pointer;background:#f8fafc;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:700;transition:all .12s;display:inline-flex}.queue-view-btn:hover{background:#ecfdf5;border-color:#a7f3d0}.quotations-summary-ribbon{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.quotation-stat-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;transition:transform .15s,box-shadow .15s;display:flex}.quotation-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card-highlight{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-color:#bbf7d0}.stat-card-icon{border:1px solid var(--line-subtle);background:#f1f5f9;border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.stat-card-highlight .stat-card-icon{background:#ecfdf5;border-color:#a7f3d0}.stat-card-data{flex-direction:column;gap:2px;display:flex}.stat-card-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:11px;font-weight:800}.stat-card-value{color:var(--ink);letter-spacing:-.02em;font:800 22px/1.2 Manrope,sans-serif}.stat-card-sub{color:#64748b;font-size:11.5px;font-weight:500}.quotations-panel-header{margin-bottom:14px}.segmented{background:#f1f5f9;border-radius:8px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .12s}.segmented .active{color:var(--green);background:#fff;font-weight:700;box-shadow:0 1px 3px #0000000f}.quotations-table-wrap{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;overflow:hidden}.quotations-ledger-table{border-collapse:collapse;text-align:left;width:100%}.quotations-ledger-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);white-space:nowrap;background:#f8fafc;padding:12px 14px;font-size:11px;font-weight:800}.quotation-ledger-row td{color:var(--ink);vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px;font-size:13.5px}.quotation-ledger-row:last-child td{border-bottom:0}.quotation-ledger-row:hover{background:#f8fafc}.quote-id-badge{color:#047857;letter-spacing:-.01em;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:800;display:inline-block}.lines-count-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:99px;padding:3px 9px;font-size:11.5px;font-weight:700}.quote-subtotal-cell{font-variant-numeric:tabular-nums;color:#475569;font-size:13px}.quote-grandtotal-cell{font-variant-numeric:tabular-nums}.grand-total-val{color:var(--ink);font-size:14px;font-weight:800}.row-action-arrow{color:#94a3b8;font-size:15px;transition:transform .15s,color .15s;display:inline-block}.quotation-ledger-row:hover .row-action-arrow{color:var(--green);transform:translate(3px)}.status{white-space:nowrap;background:#f1f5f9;border:1px solid #0000;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.mobile-header,.bottom-nav{display:none}@media (width<=1050px){.overview-operations-grid{grid-template-columns:1fr}.metrics-strip,.quotations-summary-ribbon{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.app-shell{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));display:block}.sidebar,.topbar{display:none}.mobile-header{border-bottom:1px solid var(--line);z-index:8;background:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-header .brand>span{width:32px;height:32px}.content{padding:16px 14px}.page-heading{flex-direction:column;align-items:stretch;gap:12px}.page-heading h1{font-size:22px}.primary{width:100%}.metrics-strip{grid-template-columns:1fr 1fr;gap:8px}.operational-kpi-card{padding:12px}.kpi-value{font-size:19px}.floor-stage-grid{grid-template-columns:repeat(2,1fr)}.queue-row-card{flex-direction:column;align-items:flex-start;gap:10px}.queue-row-left,.queue-row-badges{width:100%}.queue-row-right{justify-content:space-between;width:100%}.quotations-summary-ribbon{grid-template-columns:1fr}.bottom-nav{border-top:1px solid var(--line);z-index:10;background:#fffffffa;grid-template-columns:repeat(3,1fr);height:68px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0f172a0f}.bottom-nav button{color:#64748b;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;display:flex}.bottom-nav button span{font-size:18px}.bottom-nav small{white-space:nowrap;font-size:9px}.bottom-nav button.active{color:var(--green);font-weight:800}}.demo-chip,.prototype-label{color:#176649;text-transform:uppercase;letter-spacing:.06em;background:#e4f4ec;border-radius:99px;align-items:center;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.clickable{text-align:left;width:100%;color:inherit;background:0 0;border:0}.clickable:hover,.clickable-row:hover{background:#f5faf7}.clickable-row{cursor:pointer}.toast{z-index:50;color:#fff;background:#102b22;border-radius:11px;padding:13px 18px;font-weight:700;animation:.2s ease-out toast-in;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 35px #0003}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.login-page{background:#fff;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-story{color:#fff;background:radial-gradient(circle at 20% 80%,#2d755a 0,#0000 32%),linear-gradient(145deg,#0a241b,#143f30);flex-direction:column;justify-content:space-between;padding:44px 6vw;display:flex;position:relative;overflow:hidden}.login-story:after{content:"";border:1px solid #ffffff21;border-radius:50%;width:420px;height:420px;position:absolute;top:12%;right:-190px}.login-story .brand{z-index:1;position:relative}.login-story h1{letter-spacing:-4px;margin:15px 0 24px;font:800 clamp(46px,6vw,82px)/.98 Manrope}.login-story>div>p:last-child{color:#bdd1c8;max-width:610px;font-size:18px}.login-stats{flex-wrap:wrap;gap:30px;display:flex}.login-stats span{color:#b5c9c0;flex-direction:column;font-size:12px;display:flex}.login-stats b{color:#fff;font:800 22px Manrope}.login-card{place-items:center;padding:40px;display:grid}.login-form{width:min(410px,100%)}.login-form h2{margin:18px 0 5px;font:800 34px Manrope}.login-form>p{color:var(--muted);margin:0 0 28px}.login-form form,.modal-form,.settings-grid>div{flex-direction:column;gap:16px;display:flex}.login-form label,.modal-form label,.settings-grid label{color:#415049;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.login-form input,.modal-form input,.modal-form select,.settings-grid input,.settings-grid select{width:100%;height:46px;color:var(--ink);background:#fbfcfb;border:1px solid #d9e3de;border-radius:10px;padding:0 13px}.password{position:relative}.password button{color:var(--green);background:0 0;border:0;padding:8px;font-size:11px;font-weight:800;position:absolute;top:6px;right:8px}.form-between{justify-content:space-between;align-items:center;display:flex}.check{align-items:center;flex-direction:row!important}.check input{width:16px;height:16px}.link-button{color:var(--green);background:0 0;border:0;font-size:12px}.login-button{width:100%;margin-top:5px}.login-form>small{text-align:center;color:#87928d;margin-top:16px;display:block}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08181294;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal,.drawer{background:#fff;max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 25px 80px #00000040}.modal{border-radius:18px;width:min(680px,100%)}.drawer{width:min(520px,100%);height:100%;max-height:none;padding-bottom:20px;position:absolute;top:0;right:0}.modal-header h2{margin:7px 0 0;font:800 22px Manrope}.modal-header>button{color:#829087;background:0 0;border:0;font-size:30px}.modal-form{grid-template-columns:repeat(2,1fr);padding:22px 24px;display:grid}.modal-form label:first-child,.workflow-preview,.modal-actions{grid-column:1/-1}.workflow-preview{background:#f3f8f5;border-radius:11px;padding:15px}.workflow-preview>div{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.workflow-preview span{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px;font-size:11px}.modal-actions,.detail-actions{justify-content:flex-end;gap:10px;padding-top:7px;display:flex}.detail-hero{background:#f2f8f5;padding:24px}.detail-hero h2{margin:15px 0 5px;font:800 25px Manrope}.detail-hero p{color:var(--muted)}.drawer>h3,.timeline,.detail-actions{margin-left:24px;margin-right:24px}.drawer>h3{margin-top:25px}.timeline>div{gap:12px;padding:10px 0;display:flex;position:relative}.timeline>div>span{color:#7d8b84;z-index:1;background:#edf2ef;border-radius:50%;place-items:center;width:29px;height:29px;font-size:11px;display:grid}.timeline>div.done>span{color:#126f4d;background:#dff4e9}.timeline>div.current>span{color:#fff;background:#176b50}.timeline>div:not(:last-child):after{content:"";border-left:1px solid #d8e1dc;height:18px;position:absolute;top:37px;left:14px}.timeline b,.timeline small{display:block}.timeline small{color:var(--muted);font-size:11px}.settings-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.settings-grid h3{margin:0;font:800 17px Manrope}.settings-grid>button{grid-column:1/-1;justify-self:end}.finance-chart{min-height:340px}.mock-lines{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#fff,#fff 54px,#eef2f0 55px);justify-content:space-around;align-items:end;height:220px;margin-top:25px;display:flex}.mock-lines i{width:7%;height:var(--h,60%);background:linear-gradient(#43ac80,#196d51);border-radius:8px 8px 0 0}.mock-lines i:first-child{height:38%}.mock-lines i:nth-child(2){height:55%}.mock-lines i:nth-child(3){height:45%}.mock-lines i:nth-child(4){height:76%}.mock-lines i:nth-child(5){height:62%}.mock-lines i:nth-child(6){height:86%}.mock-lines i:nth-child(7){height:72%}.legend{color:var(--muted);gap:20px;margin-top:12px;font-size:12px;display:flex}@media (width<=760px){.demo-chip{display:none}.login-page{background:#0e2a21;display:block}.login-story{min-height:280px;padding:30px 22px}.login-story h1{letter-spacing:-2px;font-size:45px}.login-story>div>p:last-child,.login-stats{display:none}.login-card{background:#fff;border-radius:24px 24px 0 0;min-height:calc(100vh - 270px);padding:28px 20px}.modal-backdrop{place-items:end;padding:0}.modal,.drawer{border-radius:20px 20px 0 0;width:100%;max-height:92vh}.drawer{height:auto;position:relative}.modal-form{grid-template-columns:1fr}.modal-form label,.workflow-preview,.modal-actions{grid-column:1}.modal-actions .primary,.modal-actions .secondary{flex:1}.settings-grid{grid-template-columns:1fr}.settings-grid>button{grid-column:1;width:100%}.toast{text-align:center;bottom:82px;left:14px;right:14px}}.demo-banner{border-bottom:1px solid var(--line);color:var(--muted);background:#f8fafc;justify-content:space-between;align-items:center;gap:12px;padding:8px 28px;font-size:11.5px;display:flex}.demo-banner-content{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-banner-content:before{content:"ℹ";color:#475569;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:inline-flex}.demo-text{color:#64748b;font-size:11.5px}.demo-reset-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.demo-reset-btn:hover{color:var(--ink);background:#f1f5f9;border-color:#94a3b8}.role-selector-wrap{background:#eef3f0;border-radius:8px;align-items:center;gap:4px;padding:3px 6px;display:flex}.role-caption{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.role-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.role-btn-active{color:var(--green);background:#fff;box-shadow:0 1px 4px #00000014}.mobile-role-badge{align-items:center;display:flex}.role-tag{color:var(--green);text-transform:uppercase;background:#eef3f0;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800}.modal-wide{border-radius:20px;width:min(1080px,96vw);box-shadow:0 25px 60px -15px #0f172a2e,0 0 0 1px #0f172a0d}.modal-header{z-index:5;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:22px 28px;display:flex;position:sticky;top:0}.modal-header h2{color:var(--ink);letter-spacing:-.02em;margin:6px 0 0;font:800 24px/1.2 Manrope,sans-serif}.modal-header>button{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:20px;line-height:1;transition:all .15s;display:grid}.modal-header>button:hover{color:var(--ink);background:#e2e8f0}.prototype-label{color:#047857;text-transform:uppercase;letter-spacing:.06em;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:99px;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.quotation-form{background:#f8fafc;flex-direction:column;display:flex}.form-error-summary{color:var(--red);background:#fff2f3;border:1px solid #f5c2c7;border-radius:12px;margin:16px 28px 0;padding:14px 18px;font-size:13px}.form-error-summary h4{color:#a51d2a;margin:0 0 6px;font-size:14px;font-weight:800}.form-error-summary ul{margin:6px 0 0 18px;padding:0}.save-failure-text{margin:4px 0 6px;font-weight:700}.field-error-text{color:var(--red);margin-top:5px;font-size:11px;font-weight:600;display:block}.quotation-form-body{grid-template-columns:minmax(0,1.75fr) minmax(320px,1fr);gap:24px;padding:24px 28px;display:grid}.quotation-form-main{flex-direction:column;gap:20px;display:flex}.form-section{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:16px;padding:20px 22px;transition:border-color .15s;display:flex;box-shadow:0 2px 8px #0f172a08}.form-section:focus-within{border-color:#cbd5e1}.header-fields-section{gap:16px}.customer-picker-field label,.form-field label,.notes-section label{color:#334155;align-items:baseline;gap:4px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.customer-picker-field select,.form-field input,.notes-section textarea{width:100%;min-height:44px;color:var(--ink);box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:0 14px;font-size:14px;transition:all .15s}.customer-picker-field select:focus,.form-field input:focus,.notes-section textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #0f766e1f}.notes-section textarea{resize:vertical;min-height:84px;padding:12px 14px;font-family:inherit;line-height:1.5}.required-star{color:var(--red);font-weight:800}.customer-preview-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:14px;margin-top:10px;padding:12px 16px;display:flex}.customer-preview-avatar{color:#fff;text-align:center;background:linear-gradient(135deg,#0f766e,#047857);border-radius:10px;flex-shrink:0;width:38px;height:38px;font:800 13px/38px Manrope,sans-serif;box-shadow:0 2px 6px #0f766e33}.customer-preview-info{flex-direction:column;gap:3px;min-width:0;display:flex}.customer-preview-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.customer-preview-name{color:#064e3b;font-size:13.5px;font-weight:800}.customer-preview-pill{color:#047857;background:#fff;border:1px solid #bbf7d0;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700}.customer-preview-pill.customer-type-pill{color:#0f766e;background:#f0fdf4;border-color:#bbf7d0}.customer-preview-channels{color:#047857;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.channel-sep{color:#86efac}.form-row-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.source-note-tag{color:var(--muted);font-size:10px;font-weight:400}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.section-title-row h4{color:var(--ink);margin:0;font:800 16px Manrope,sans-serif}.add-line-btn{color:var(--green);cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .15s}.add-line-btn:hover:not(:disabled){color:var(--green-dark);background:#d1fae5;border-color:#6ee7b7}.line-items-container{flex-direction:column;gap:12px;display:flex}.quotation-line-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:minmax(150px,2.2fr) minmax(70px,.9fr) minmax(70px,.8fr) minmax(90px,1.1fr) minmax(95px,1.1fr) 36px;align-items:start;gap:10px;padding:14px;transition:all .15s;display:grid}.quotation-line-row:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a0a}.line-field label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:10.5px;font-weight:800;display:block}.line-field input{width:100%;height:40px;color:var(--ink);box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:0 10px;font-size:13.5px;transition:all .15s}.line-field input:focus{border-color:var(--green);box-shadow:0 0 0 3px #0f766e1f}.line-total-display{height:40px;color:var(--ink);align-items:center;font-size:14px;font-weight:700;display:flex}.line-actions{align-items:center;height:40px;margin-top:22px;display:flex}.remove-line-btn{color:#94a3b8;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:36px;height:36px;font-size:18px;line-height:1;transition:all .15s;display:grid}.remove-line-btn:hover:not(:disabled){color:var(--red);background:#fee2e2;border-color:#fca5a5}.remove-line-btn:disabled{opacity:.35;cursor:not-allowed}.quotation-totals-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:16px;padding:22px;display:flex;position:sticky;top:20px;box-shadow:0 4px 16px #0f172a0a}.totals-header{justify-content:space-between;align-items:center;padding-bottom:4px;display:flex}.totals-header h4{color:var(--ink);letter-spacing:-.01em;margin:0;font:800 17px Manrope,sans-serif}.provisional-tag{color:#b45309;text-transform:uppercase;letter-spacing:.05em;background:#fef3c7;border:1px solid #fde68a;border-radius:99px;padding:3px 9px;font-size:10.5px;font-weight:800}.totals-row{justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.totals-row.sub-muted{color:var(--muted);padding-left:8px;font-size:12.5px}.totals-row label{color:#334155;font-size:13.5px;font-weight:600}.totals-input-wrap input{text-align:right;width:105px;height:38px;color:var(--ink);border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:0 10px;font-size:13.5px;font-weight:600;transition:all .15s}.totals-input-wrap input:focus{border-color:var(--green);box-shadow:0 0 0 3px #0f766e1f}.grand-total-row{color:var(--ink);border-top:1.5px solid #e2e8f0;margin-top:4px;padding-top:14px;font-size:15px;font-weight:800}.grand-total-val{color:var(--green);letter-spacing:-.02em;font:800 24px/1 Manrope,sans-serif}.totals-divider{border:0;border-top:1px solid #e2e8f0;margin:4px 0}.send-readiness-wrapper{flex-direction:column;gap:10px;display:flex}.send-readiness-header{flex-direction:column;gap:4px;display:flex}.badge{border-radius:99px;align-items:center;width:fit-content;padding:5px 12px;font-size:11.5px;font-weight:800;display:inline-flex}.badge-success{color:#15803d;background:#dcfce7;border:1px solid #86efac}.badge-neutral{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.readiness-note{color:var(--muted);font-size:10px}.readiness-issues{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px 14px;font-size:11.5px}.readiness-issues-title{margin-bottom:6px;font-weight:800;display:block}.readiness-issues ul{margin:0 0 0 16px;padding:0}.readiness-issues li{margin-bottom:3px}.modal-actions{border-top:1px solid var(--line);background:#fff;border-radius:0 0 20px 20px;justify-content:flex-end;align-items:center;gap:12px;padding:18px 28px;display:flex}.modal-actions button.secondary{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;height:44px;padding:0 20px;font-size:14px;font-weight:700;transition:all .15s}.modal-actions button.secondary:hover:not(:disabled){color:var(--ink);background:#f8fafc;border-color:#cbd5e1}.modal-actions button.primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f766e,#047857);border:0;border-radius:10px;height:44px;padding:0 24px;font-size:14px;font-weight:800;transition:all .15s;box-shadow:0 2px 8px #0f766e40}.modal-actions button.primary:hover:not(:disabled){background:linear-gradient(135deg,#115e59,#065f46);transform:translateY(-1px);box-shadow:0 4px 12px #0f766e59}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.quotation-detail-view{flex-direction:column;gap:20px;padding:24px 28px;display:flex}.detail-meta-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.meta-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;padding:12px 16px}.meta-card small{text-transform:uppercase;color:var(--muted);letter-spacing:.04em;margin-bottom:4px;font-size:10.5px;font-weight:800;display:block}.meta-card strong{color:var(--ink);font-size:14px;font-weight:700}.detail-lines-table{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;overflow:hidden}.detail-lines-table table{border-collapse:collapse;text-align:left;width:100%}.detail-lines-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);white-space:nowrap;background:#f8fafc;padding:11px 14px;font-size:11px;font-weight:800}.detail-lines-table td{color:var(--ink);vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:13.5px}.detail-lines-table tr:last-child td{border-bottom:0}.detail-lines-table tr:nth-child(2n) td{background:#fafcfb}.detail-lines-table td strong{color:var(--ink);font-weight:600}.detail-lines-table th:first-child,.detail-lines-table td:first-child{text-align:center;color:#94a3b8;width:44px;font-size:12px;font-weight:700}.detail-lines-table th:nth-child(3),.detail-lines-table td:nth-child(3),.detail-lines-table th:nth-child(5),.detail-lines-table td:nth-child(5),.detail-lines-table th:nth-child(6),.detail-lines-table td:nth-child(6){text-align:right;font-variant-numeric:tabular-nums}.detail-totals-box{justify-content:flex-end;display:flex}.totals-summary-list{border:1px solid var(--line);width:320px;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.summary-line{color:#334155;justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.summary-line.text-muted{color:var(--muted);font-size:12.5px}.grand-total-line{border-top:1.5px solid var(--line);color:var(--ink);margin-top:2px;padding-top:10px;font-size:16px}.grand-total-line strong:last-child{color:var(--green);font:800 20px/1 Manrope,sans-serif}.detail-notes-box{border:1px solid var(--line);background:#fafcfb;border-radius:10px;padding:14px 16px;font-size:13px}.detail-notes-box small{text-transform:uppercase;color:var(--muted);letter-spacing:.04em;margin-bottom:6px;font-size:10.5px;font-weight:800;display:block}.detail-notes-box p{color:#334155;margin:0;line-height:1.5}@media (width<=820px){.quotation-form-body{grid-template-columns:1fr;padding:16px}.quotation-line-row{grid-template-columns:1fr 1fr;gap:8px}.line-field.line-desc{grid-column:1/-1}.line-actions{grid-column:1/-1;justify-content:flex-end;margin-top:0}.detail-meta-grid{grid-template-columns:1fr 1fr}.totals-summary-list{width:100%}}@media (width<=480px){.modal-wide{border-radius:20px 20px 0 0;width:100%}.quotation-form-body{gap:14px;padding:12px}.form-row-2col{grid-template-columns:1fr;gap:10px}.quotation-line-row{grid-template-columns:1fr;gap:8px}.detail-meta-grid{grid-template-columns:1fr}.quotation-detail-view{padding:14px}.line-field input,.totals-input-wrap input,.remove-line-btn{min-height:44px}}.status-pending{color:#925700;background:#fff1d7;border-color:#fed7aa}.status-in-production,.status-in_production{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.status-ready-for-delivery,.status-ready_for_delivery{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.status-delivered{color:#0c4d39;background:#e7f5ee;border-color:#a7f3d0}.status-cancelled{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.status-converted-to-job,.status-converted_to_job{color:#4338ca;background:#e0e7ff;border-color:#c7d2fe}.status-draft{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.status-sent{color:#0284c7;background:#e0f2fe;border-color:#bae6fd}.status-accepted{color:#16a34a;background:#dcfce7;border-color:#bbf7d0}.status-declined{color:#dc2626;background:#fee2e2;border-color:#fecaca}.badge-stage{text-transform:capitalize;border:1px solid #0000;border-radius:6px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.stage-preparation{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.stage-production{color:#3730a3;background:#e0e7ff;border-color:#c7d2fe}.stage-quality_check{color:#92400e;background:#fef3c7;border-color:#fde68a}.stage-packing{color:#6b21a8;background:#f3e8ff;border-color:#e9d5ff}.badge-delivery{border:1px solid var(--line);white-space:nowrap;background:0 0;border-radius:6px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.delivery-not_ready{color:#64748b;border-color:#cbd5e1}.delivery-ready{color:#15803d;background:#f0fdf4;border-color:#86efac}.delivery-delivered{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.delivery-not_applicable{color:#94a3b8;border:1px dashed #cbd5e1}.action-helper-note{color:var(--muted);margin-top:5px;font-size:11px;display:block}.desktop-only-table{display:block}.mobile-cards-list,.quotations-cards-list{display:none}@media (width<=1023px){.desktop-only-table{display:none}.mobile-cards-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.quotations-cards-list{flex-direction:column;gap:12px;margin-top:12px;display:flex}.mobile-job-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;transition:border-color .15s;display:flex}.mobile-job-card:hover,.mobile-job-card:focus-visible{border-color:var(--green);outline:none}.card-top-row{justify-content:space-between;align-items:center;display:flex}.card-customer{color:var(--ink);font-size:13px;font-weight:500}.card-title{color:var(--muted);font-size:12px}.card-bottom-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:11px;display:flex}.card-due{color:var(--muted);margin-left:auto}.mobile-quote-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.mobile-quote-card:hover,.mobile-quote-card:focus-visible{border-color:var(--green);outline:none;box-shadow:0 2px 8px #0f172a0d}.quote-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.quote-card-identity{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quote-revision-badge{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.quote-card-body{flex-direction:column;gap:4px;display:flex}.quote-card-customer{color:var(--ink);margin:0;font-size:14px;font-weight:700}.quote-card-item{color:#334155;margin:0;font-size:12px}.quote-card-meta{background:#f8fafc;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.quote-card-due,.quote-card-total{flex-direction:column;gap:2px;display:flex}.quote-card-total{text-align:right}.meta-label{text-transform:uppercase;color:var(--muted);letter-spacing:.04em;font-size:10px;font-weight:700}.meta-value{color:var(--ink);font-size:12px}.quote-total-val{color:var(--ink);font-size:14px;font-weight:800}.quote-card-actions{justify-content:flex-end;display:flex}.btn-review-quote{border:1px solid var(--line);min-height:44px;color:var(--green);cursor:pointer;background:#f8fafc;border-radius:8px;align-items:center;gap:6px;padding:0 16px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.btn-review-quote:hover{background:#ecfdf5;border-color:#a7f3d0}}@media (width>=880px) and (width<=1023px){.mobile-cards-list,.quotations-cards-list{grid-template-columns:repeat(2,minmax(240px,1fr));align-items:start;display:grid}}@media (width>=761px) and (width<=879px){.content{padding:16px}}.stage-controls-block{border:1px solid var(--line);background:#fafcfb;border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.stage-stepper{flex-wrap:wrap;gap:6px;display:flex}.stage-step-btn{text-transform:capitalize;border:1px solid var(--line);min-width:85px;min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;flex:1;padding:8px 12px;font-size:12px;font-weight:600}.stage-step-btn.active{color:var(--green);border-color:var(--green);background:#fff;font-weight:700}.stage-step-btn:hover:not(:disabled){border-color:var(--green)}.action-dialog-inline{background:#fff8f8;border:1px solid #fecaca;border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.action-dialog-inline h4{color:#991b1b;margin:0;font-size:14px}.action-dialog-inline textarea{box-sizing:border-box;border:1px solid #fca5a5;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.dialog-btn-row{justify-content:flex-end;gap:8px;display:flex}.activity-timeline{flex-direction:column;gap:14px;padding:10px 0;display:flex}.activity-load-more-row,.revisions-load-more-row{justify-content:center;padding-top:10px;display:flex}.unsaved-changes-overlay{z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0e2a2159;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.unsaved-changes-dialog{background:#fff;border-radius:16px;width:100%;max-width:380px;padding:22px;box-shadow:0 25px 60px #00000047}.unsaved-changes-dialog h3{margin:0 0 8px;font:800 18px Manrope}.unsaved-changes-dialog p{color:var(--muted);margin:0 0 16px;font-size:13px}.activity-item{gap:12px;display:flex;position:relative}.activity-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.activity-body{border:1px solid var(--line);background:#fafcfb;border-radius:8px;flex:1;padding:10px 12px}.activity-header{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:12px;display:flex}.activity-actor{color:var(--muted);font-size:11px}.activity-time{color:var(--muted);margin-left:auto;font-size:11px}.activity-desc{margin:4px 0 0;font-size:13px}.status-shift,.stage-shift{color:var(--muted);margin-top:4px;font-size:11px;display:block}.activity-reason{border-left:2px solid var(--green);color:#374151;margin:6px 0 0;padding-left:8px;font-style:italic}.linked-ref{color:#2563eb;margin-top:4px;font-size:11px;display:block}.revisions-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.revision-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.revision-card.active{border-color:var(--green);background:#f0fdf4}.revision-card-header{justify-content:space-between;align-items:center;display:flex}.revision-card-meta{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.conversion-confirm-dialog{flex-direction:column;gap:16px;padding:8px 0;display:flex}.conversion-notice{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px 14px}.conversion-notice h3{color:#166534;margin:0 0 6px;font-size:15px}.conversion-notice p{color:#15803d;margin:0;font-size:13px}.conversion-summary-card{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;gap:14px;padding:14px;display:flex}.summary-meta-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.summary-meta-row small{text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:10px;font-weight:700;display:block}.conversion-totals-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:16px;padding-top:10px;font-size:13px;display:flex}.conversion-totals-row .grand-total{font-size:15px}.drawer{box-sizing:border-box;background:#fff;flex-direction:column;width:min(560px,100%);max-width:100%;height:100vh;max-height:100vh;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-10px 0 35px #0f172a1f}.drawer .modal-header{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;padding:20px 24px}.job-detail-drawer{box-sizing:border-box;flex-direction:column;flex:1;gap:16px;padding:22px 24px;display:flex;overflow-y:auto}.job-detail-drawer .detail-meta-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.source-quotation-callout{border:1px solid var(--line);border-left:3px solid var(--green);background:#f8fafc;border-radius:8px;padding:10px 14px;font-size:12.5px}.job-detail-drawer .detail-lines-table{margin-bottom:0!important}.job-actions-panel{flex-direction:column;gap:14px;margin-top:4px;display:flex}.job-detail-drawer .modal-actions{border-top:1px solid var(--line);background:0 0;padding:16px 0 0;margin-top:auto!important}.overview-page{flex-direction:column;gap:20px;width:100%;max-width:1400px;margin:0 auto;display:flex}.overview-hero-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.overview-hero-title-group{align-items:center;gap:14px;display:flex}.overview-icon-badge{color:#0f766e;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.overview-meta-eyebrow{align-items:center;gap:10px;margin-bottom:3px;display:flex}.overview-date-tag{color:#64748b;font-size:12px;font-weight:600}.overview-shift-tag{color:#047857;letter-spacing:.02em;background:#dcfce7;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.overview-main-title{color:var(--ink);letter-spacing:-.5px;margin:0;font:800 24px/1.2 Manrope,sans-serif}.overview-subtext{color:#64748b;margin:4px 0 0;font-size:13px}.overview-hero-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.overview-new-quote-btn{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:8px;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:13px;font-weight:700;transition:background .15s,transform .1s;display:inline-flex;box-shadow:0 2px 6px #0f766e40}.overview-new-quote-btn:hover{background:#115e59;transform:translateY(-1px)}.btn-plus-icon{font-size:16px;font-weight:800}.overview-hero-cards-grid{grid-template-columns:1.45fr 1fr;gap:16px;display:grid}.hero-feature-card{border-radius:14px;flex-direction:column;justify-content:space-between;padding:20px;display:flex;box-shadow:0 4px 18px #0f172a0a}.feature-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.feature-card-title-wrap{align-items:center;gap:12px;display:flex}.feature-card-icon{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.hero-stage-flow-card .feature-card-icon{background:#ffffff1f}.hero-urgency-card .feature-card-icon{background:#fffbeb;border:1px solid #fde68a}.feature-card-title-wrap h3{letter-spacing:-.2px;margin:0;font:700 16px Manrope,sans-serif}.feature-card-title-wrap p{margin:2px 0 0;font-size:12px}.hero-stage-flow-card{color:#fff;background:linear-gradient(135deg,#092c24 0%,#064e3b 100%);border:1px solid #ffffff14}.hero-stage-flow-card .feature-card-title-wrap h3{color:#fff}.hero-stage-flow-card .feature-card-title-wrap p{color:#a7f3d0}.feature-card-action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s}.feature-card-action-btn:hover{background:#ffffff40;transform:translate(2px)}.stage-flow-stepper{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:8px 4px 4px;display:flex}.stepper-node-wrapper{flex:1;align-items:center;display:flex}.stepper-node{text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:10px 6px;transition:all .15s;display:flex}.stepper-node.node-active{background:#ffffff1f;border-color:#34d399}.node-icon-wrap{background:#ffffff1f;border-radius:10px;place-items:center;width:38px;height:38px;font-size:18px;display:grid;position:relative}.node-count-badge{color:#042f2e;background:#10b981;border:2px solid #064e3b;border-radius:10px;min-width:14px;padding:1px 6px;font-size:11px;font-weight:800;position:absolute;top:-6px;right:-6px}.node-label{color:#e2e8f0;white-space:nowrap;font-size:11px;font-weight:600}.stepper-connector{background:#fff3;flex:1;height:2px;margin:0 4px}.hero-urgency-card{border:1px solid var(--line);background:#fff}.title-with-pill{align-items:center;gap:8px;display:flex}.title-with-pill h3{color:var(--ink)}.urgency-counter-chip{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:800}.hero-urgency-card .feature-card-title-wrap p{color:#64748b}.hero-urgency-list{flex-direction:column;gap:8px;display:flex}.hero-urgency-list .notice{border-radius:8px;margin:0;padding:8px 12px}.overview-metrics-strip{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kpi-metric-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:16px 18px;transition:transform .15s,border-color .15s;display:flex;box-shadow:0 2px 8px #0f172a08}.kpi-metric-card:hover{border-color:#cbd5e1;transform:translateY(-2px)}.kpi-card-top{align-items:center;gap:10px;display:flex}.kpi-icon-square{border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.kpi-icon-blue{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.kpi-icon-green{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.kpi-icon-amber{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.kpi-icon-emerald{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.kpi-card-label{color:#475569;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.kpi-card-body{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.kpi-main-number{color:var(--ink);letter-spacing:-.5px;font:800 28px/1 Manrope,sans-serif}.kpi-context-note{color:#94a3b8;font-size:11px;font-weight:500}.kpi-metric-danger{background:#fffbfb;border-color:#fecaca}.text-danger{color:#dc2626!important}.floor-queue-container{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;padding:20px;display:flex;box-shadow:0 4px 18px #0f172a08}.floor-queue-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:14px;display:flex}.queue-header-left{align-items:center;gap:12px;display:flex}.queue-section-icon{border:1px solid var(--line);background:#f8fafc;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.queue-section-title{color:var(--ink);letter-spacing:-.2px;margin:0;font:800 17px Manrope,sans-serif}.queue-section-subtitle{color:#64748b;margin:2px 0 0;font-size:12px}.queue-view-all-btn{color:#0f766e;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:700;transition:background .15s}.queue-view-all-btn:hover{background:#ecfdf5}.queue-cards-stream{flex-direction:column;gap:10px;display:flex}.shopfloor-job-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-left-width:4px;border-radius:10px;outline:none;grid-template-columns:2fr 1.3fr 1fr;align-items:center;gap:16px;padding:14px 18px;transition:all .15s;display:grid}.shopfloor-job-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 14px #0f172a0f}.shopfloor-job-card:focus-visible{outline-offset:2px;outline:2px solid #0f766e}.status-border-pending{border-left-color:#f59e0b}.status-border-in_production{border-left-color:#3b82f6}.status-border-ready{border-left-color:#10b981}.status-border-delivered{border-left-color:#059669}.status-border-cancelled{border-left-color:#94a3b8}.job-card-col-main{flex-direction:column;gap:6px;display:flex}.job-card-top-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.job-ticket-id{color:var(--ink);font:800 13px Manrope,sans-serif}.job-customer-tag{color:#64748b;font-size:12px;font-weight:600}.job-card-spec-row{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.job-primary-spec{color:#1e293b;font-weight:700}.spec-dot-separator{color:#cbd5e1}.spec-quantity-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:1px 7px;font-size:11px;font-weight:700}.spec-extra-badge{color:#94a3b8;font-size:11px;font-weight:600}.job-card-col-badges{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.job-card-col-action{justify-content:flex-end;align-items:center;gap:18px;display:flex}.job-card-due-box{text-align:right}.due-box-label{text-transform:uppercase;color:#94a3b8;font-size:10px;font-weight:700;display:block}.due-box-date{color:#334155;font-size:12px;font-weight:700}.job-card-action-arrow{color:#0f766e;background:#ecfdf5;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;transition:background .15s;display:flex}.shopfloor-job-card:hover .job-card-action-arrow{background:#d1fae5}@media (width<=1050px){.overview-hero-cards-grid{grid-template-columns:1fr}}@media (width<=900px){.overview-metrics-strip{grid-template-columns:repeat(2,1fr)}.shopfloor-job-card{grid-template-columns:1fr;gap:12px}.job-card-col-action{border-top:1px solid #f1f5f9;justify-content:space-between;margin-top:4px;padding-top:8px}}@media (width<=600px){.overview-hero-header{flex-direction:column;align-items:flex-start}.overview-hero-actions{width:100%}.overview-new-quote-btn{justify-content:center;width:100%}.overview-metrics-strip{grid-template-columns:1fr}.stage-flow-stepper{flex-direction:column;gap:10px}.stepper-node-wrapper{flex-direction:column;width:100%}.stepper-node{box-sizing:border-box;width:100%}.stepper-connector{width:2px;height:12px;margin:4px 0}}.contacts-view{flex-direction:column;gap:20px;display:flex}.contacts-hero-card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex;box-shadow:0 4px 16px #0f172a0a}.contacts-hero-left{align-items:center;gap:16px;min-width:0;display:flex}.contacts-hero-icon-badge{color:#0f766e;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:22px;display:grid;box-shadow:0 2px 8px #0f766e1f}.contacts-hero-text{flex-direction:column;gap:2px;min-width:0;display:flex}.contacts-hero-eyebrow{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.contacts-hero-eyebrow .eyebrow-tag{color:#047857}.contacts-hero-eyebrow .eyebrow-sep{color:#94a3b8}.contacts-hero-eyebrow .eyebrow-sub{color:#64748b}.contacts-hero-title{color:var(--ink);letter-spacing:-.02em;margin:0;font:800 24px/1.2 Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.contacts-hero-desc{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.contacts-hero-actions{flex-shrink:0;align-items:center;display:flex}.contacts-primary-btn{background:var(--green);color:#fff;cursor:pointer;border:1px solid var(--green-dark);border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:13px;font-weight:800;transition:background-color .15s,transform .1s;display:inline-flex;box-shadow:0 2px 8px #0f766e40}.contacts-primary-btn:hover{background:var(--green-dark);transform:translateY(-1px)}.contacts-primary-btn .btn-plus{font-size:16px;font-weight:800}.contacts-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.contacts-search-box{flex:1;align-items:center;min-width:240px;display:flex;position:relative}.contacts-search-icon{color:#94a3b8;pointer-events:none;font-size:15px;position:absolute;left:14px}.contacts-search-input{width:100%;min-height:44px;color:var(--ink);box-sizing:border-box;background:#fff;border:1px solid #d9e3de;border-radius:10px;outline:none;padding:0 38px;font-size:13px;transition:border-color .15s,box-shadow .15s}.contacts-search-input:focus{border-color:var(--green);box-shadow:0 0 0 2px #0f766e26}.contacts-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;display:grid;position:absolute;right:10px}.contacts-search-clear:hover{color:var(--ink);background:#f1f5f9}.contacts-count-badge{color:var(--green-dark);white-space:nowrap;background:#eef6f2;border:1px solid #d0e4d9;border-radius:99px;padding:6px 14px;font-size:12px;font-weight:700}.contacts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.customer-card{border:1px solid #e2e8f0;border-left:4px solid var(--green);box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;gap:14px;padding:18px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #0f172a0a}.customer-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.customer-card-header{align-items:center;gap:12px;display:flex}.customer-avatar{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;font:800 13px Manrope,sans-serif;display:grid}.customer-card-identity{flex-direction:column;gap:2px;min-width:0;display:flex}.customer-card-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:800;line-height:1.3;overflow:hidden}.customer-badges-row{align-items:center;gap:6px;display:flex}.customer-card-id{color:#64748b;letter-spacing:.04em;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.customer-type-pill{color:#0f766e;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.customer-card-details{flex-direction:column;gap:8px;font-size:13px;display:flex}.customer-detail-row{color:#334155;word-break:break-all;align-items:center;gap:8px;display:flex}.customer-detail-icon{color:#94a3b8;text-align:center;flex-shrink:0;width:16px;font-size:13px}.customer-phone-link{color:var(--green);align-items:center;min-height:24px;font-weight:700;text-decoration:none;display:inline-flex}.customer-phone-link:hover{text-decoration:underline}.customer-email-link{color:#64748b;text-decoration:none}.customer-email-link:hover{color:var(--ink);text-decoration:underline}.customer-detail-muted{color:#94a3b8;font-size:12px;font-style:italic}.customer-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.customer-activity-chip{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.customer-activity-chip .activity-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.btn-quote-action{color:#047857;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-size:13px;font-weight:700;transition:background-color .15s,border-color .15s,transform .1s;display:inline-flex}.btn-quote-action:hover{background:#d1fae5;border-color:#6ee7b7;transform:translateY(-1px)}.contacts-empty-state{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.contacts-empty-state .empty-state-icon{background:#f1f5f9;border-radius:50%;place-items:center;width:56px;height:56px;font-size:26px;display:grid}.contacts-empty-state h3{color:var(--ink);margin:0;font-size:17px;font-weight:800}.contacts-empty-state p{color:var(--muted);max-width:360px;margin:0;font-size:13px}.contacts-empty-state .empty-state-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}@media (width<=880px){.contacts-metrics-ribbon{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.contacts-hero-card{flex-direction:column;align-items:flex-start;gap:16px;padding:18px}.contacts-hero-actions{width:100%}.contacts-primary-btn{justify-content:center;width:100%}.contacts-search-box{min-width:100%}.contacts-grid{grid-template-columns:1fr;gap:12px}.customer-card-footer{flex-direction:column;align-items:stretch;gap:8px}.btn-quote-action{width:100%}}@media (width<=480px){.contacts-metrics-ribbon{grid-template-columns:1fr}}@media (width<=360px){.contacts-view{gap:14px}.contacts-hero-card{padding:14px}.customer-card{padding:12px}.customer-card-name{font-size:15px}}
