@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#243650;background:#edf1f6;--blue:#316ee9;--muted:#718199;--shadow:9px 9px 22px #d7dfe9,-9px -9px 22px #fff;--inset:inset 4px 4px 9px #dfe5ed,inset -4px -4px 9px #fff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #6598ff;outline-offset:4px}.app{display:flex;gap:38px;padding:26px;min-height:100vh}.surface{background:linear-gradient(125deg,#f0f4f9,#eaf0f6);box-shadow:var(--shadow);border:1px solid #ffffffba;border-radius:24px}.sidebar{width:210px;flex-shrink:0;display:flex;flex-direction:column;padding:30px 18px;position:sticky;top:26px;height:calc(100vh - 52px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:24px;font-weight:600}.brand>b{background:#273b58;color:#fff;width:45px;height:45px;border-radius:14px;text-align:center;font-size:32px;box-shadow:4px 5px 10px #c8d2df}.brand small{font-size:8px;letter-spacing:1.8px;display:block;margin-top:5px;color:#71819a}.nav-label{font-size:10px;letter-spacing:1.5px;color:#71819a;margin:54px 10px 18px}nav button{display:flex;align-items:center;gap:14px;width:100%;border:0;background:none;padding:17px 14px;border-radius:14px;margin-bottom:10px;font-size:25px;color:#71819a}nav span{font-size:14px}nav button.active{background:#e0eafb;box-shadow:inset 1px 1px 2px #fff,4px 4px 10px #d4dfef;color:#2866dd}.sidebar-bottom{margin-top:auto;padding:25px 10px 0}.sidebar-bottom small{font-size:10px;color:#7b8a9e}.sidebar-bottom p{font-size:22px;line-height:1.55;color:#7c8aa0}.sidebar-bottom strong{color:#425671;font-weight:500}.sidebar-bottom i{display:block;width:27px;height:3px;background:var(--blue);margin-bottom:38px}.workspace{flex:1;min-width:0;max-width:1600px;margin:auto}header{height:62px;display:flex;justify-content:space-between;gap:25px;align-items:center}.search-wrap{display:flex;align-items:center;gap:12px;padding:0 18px;border-radius:15px;box-shadow:var(--inset);height:49px;width:490px}.search-wrap span{font-size:29px}.search-wrap input{background:transparent;border:0;outline:0;min-width:0;width:100%;font-size:14px}.profile{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:14px}.profile small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.avatar{width:43px;height:43px;display:grid;place-items:center;background:linear-gradient(135deg,#f6f9ff,#c7d1e0);border:4px solid #eef3f8;border-radius:50%;box-shadow:4px 4px 8px #d2dce8,-4px -4px 8px white;font-size:12px}.breadcrumb{margin-top:30px;font-size:12px;color:#7a8ba2}.breadcrumb span{margin:0 10px;color:#a3b1c3}.breadcrumb strong{font-weight:500;color:#60748f}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 29px}.eyebrow{letter-spacing:2.4px;font-size:10px;font-weight:700;color:#7089ad}h1{font-size:32px;letter-spacing:-1.2px;font-weight:600;margin:10px 0}p{line-height:1.7}.page-heading p{color:var(--muted);font-size:14px;margin:0}.button{border:1px solid #ffffffa8;border-radius:11px;background:#edf2f8;box-shadow:5px 5px 11px #d5dfeb,-5px -5px 11px #fff;padding:13px 19px;font-size:14px;font-weight:500;white-space:nowrap}.button:hover{color:var(--blue);transform:translateY(-1px)}.primary{background:linear-gradient(135deg,#5289f4,#2764de);color:white;border:1px solid #77a1f4;box-shadow:4px 6px 14px #aec3e5,inset 1px 1px 2px #a5c4ff}.primary:hover{color:white;background:#205bd0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:26px;align-items:start}.layout:has(.left-zone:not(:empty)){grid-template-columns:185px minmax(0,1fr) 205px}.left-zone:empty{display:none}main{padding:30px;min-height:650px}.steps{display:flex;padding:2px 0 27px;border-bottom:1px solid #dce4ee;gap:12px;margin-bottom:25px}.step{display:flex;align-items:center;gap:10px;color:#78899f;font-size:12px;white-space:nowrap}.step b{display:grid;place-items:center;height:32px;width:32px;border-radius:50%;box-shadow:var(--shadow);font-size:13px;font-weight:500}.step.active{color:#326dd9}.step.active b{color:white;background:linear-gradient(135deg,#80a9f9,#316ee9);box-shadow:3px 4px 8px #bccce5}.step-line{flex:1;height:1px;background:#dbe3ee;margin:auto 0;min-width:12px}.section-title{display:flex;align-items:center;gap:11px;margin-bottom:5px}.section-title span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#dce8fa;color:#3675e5;font-size:23px}h2{font-size:19px;margin:0;font-weight:600}.section-desc{color:#7789a0;font-size:12px;margin:9px 0 24px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:21px 24px}.field label{display:block;font-size:14px;margin:0 0 9px 2px;font-weight:500}.field label em{font-style:normal;color:#c86760}.control{width:100%;border:1px solid #f7faff;outline:none;border-radius:11px;background:#edf2f7;box-shadow:var(--inset);padding:14px 15px;font-size:14px;min-height:48px}.control:focus{border-color:#78a1ef;box-shadow:var(--inset),0 0 0 2px #316ee915}::placeholder{color:#8192ab}select{cursor:pointer}.full{grid-column:1/-1}textarea{resize:vertical;min-height:85px}.note-count{font-size:12px;text-align:right;color:#7688a1;margin-top:5px}.form-actions{display:flex;align-items:center;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid #dce4ee}.form-actions .push{margin-left:auto}.quiet{border:0;background:none;color:#72839b;font-size:14px;padding:12px}.widget{padding:22px;border-radius:20px;margin-bottom:24px;position:relative}.widget-top{display:flex;justify-content:space-between;align-items:center;color:#778aa3;font-size:10px;margin-bottom:20px;letter-spacing:1px}.handle{cursor:grab;background:none;border:0;color:#788ba6;font-size:18px;padding:0 3px}.widget h3{font-size:16px;margin:14px 0 8px}.widget p{font-size:14px;color:#6c7f99;margin:0}.icon-box{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;box-shadow:var(--shadow);color:#4577c8;font-size:24px}.stat{font-size:44px;letter-spacing:-2px;font-weight:500;margin:4px 0}.stat span{font-size:12px;letter-spacing:0;color:#788aa2}.tiny-link{display:block;background:none;border:0;color:#3872d9;padding:16px 0 0;font-size:12px}.welcome{background:linear-gradient(135deg,#e2ebfa,#edf2f8)}.welcome h3{font-size:23px;font-weight:500;line-height:1.4;letter-spacing:-.5px}.welcome .accent{color:#3f77d9}.move-label{font-size:11px;color:#798ca6;display:block;text-align:center;line-height:1.8}.widget-column.drag-over{outline:2px dashed #84a6db;border-radius:20px;min-height:120px}.layout.dragging .left-zone:empty{display:block;min-height:170px;border:2px dashed #b7c9e1;border-radius:20px}.layout.dragging{grid-template-columns:150px minmax(0,1fr) 230px}footer{display:flex;justify-content:space-between;font-size:11px;color:#7f90a7;padding:24px 2px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(150px);background:#273e5e;color:white;padding:14px 25px;border-radius:12px;box-shadow:var(--shadow);transition:transform .25s;z-index:99;font-size:14px}#toast.show{transform:translateX(-50%) translateY(0)}.customer-row{padding:18px 0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #dce3ed}.customer-row strong{font-size:16px}.customer-row small{display:block;margin-top:6px;color:#6b7f9a;font-size:13px}.empty{text-align:center;padding:80px 20px;color:#7387a2}.empty h3{color:#435b7b}.review{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:15px 0}.review small{display:block;color:#6f83a0;font-size:12px;margin-bottom:6px}.review strong{font-size:14px;word-break:break-word}.pill{background:#dce9fa;color:#4575b7;font-size:12px;border-radius:7px;padding:5px 8px}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.home-stat{padding:24px;border-radius:15px;box-shadow:var(--inset)}.home-stat b{display:block;font-size:35px;margin:10px 0}.home-stat span{font-size:14px;color:#6e829e}@media(max-width:1150px){.app{gap:22px;padding:18px}.sidebar{width:175px;padding:25px 13px}.layout{grid-template-columns:minmax(0,1fr) 195px;gap:20px}main{padding:23px}.widget{padding:18px}.step{font-size:11px;gap:7px}.profile small{display:none}.page-heading h1{font-size:27px}.layout:has(.left-zone:not(:empty)){grid-template-columns:1fr}.left-zone{display:flex;gap:20px}.left-zone .widget{flex:1}.search-wrap{width:370px}}@media(max-width:900px){.sidebar{width:76px;padding:22px 12px}.brand>span,.nav-label,nav span,.sidebar-bottom{display:none}.sidebar nav{margin-top:40px}nav button{padding:13px;justify-content:center}.layout{grid-template-columns:1fr}.widget-column{display:flex;gap:18px}.widget{flex:1;margin-bottom:0}.move-label{display:none}.page-heading .button{padding:12px}.layout.dragging{grid-template-columns:1fr}.layout.dragging .left-zone:empty{min-height:70px}}@media(max-width:600px){.app{display:block;padding:14px}.sidebar{height:auto;width:100%;position:static;flex-direction:row;align-items:center;padding:10px 14px;border-radius:16px;justify-content:space-between}.brand>span{display:block;font-size:18px}.brand small{font-size:7px}.brand>b{height:35px;width:35px;font-size:25px;border-radius:10px}.sidebar nav{margin:0;display:flex;gap:8px}nav button{margin:0;font-size:21px;padding:8px 12px}.workspace{margin-top:20px}header{height:auto;gap:14px}.profile>div:last-child{display:none}.search-wrap{width:100%;height:45px}.breadcrumb{margin-top:22px;font-size:11px}.page-heading{align-items:flex-start;margin-bottom:23px}.page-heading h1{font-size:25px;line-height:1.2;max-width:240px}.eyebrow{font-size:9px}.page-heading p{font-size:13px;max-width:235px}.page-heading .button{font-size:12px;white-space:normal;padding:10px;max-width:90px;margin-top:25px}.fields{grid-template-columns:1fr;gap:18px}main{padding:22px 18px;min-height:0}.step{font-size:10px;gap:5px}.step b{width:25px;height:25px}.steps{gap:5px}.widget-column{display:block}.widget{margin-bottom:18px}.form-actions{gap:4px}.button{padding:12px 16px}.quiet{padding:8px}footer{font-size:10px;gap:15px}.review{grid-template-columns:1fr}.home-grid{gap:12px}.home-stat{padding:15px}.layout:has(.left-zone:not(:empty)){grid-template-columns:1fr}}
/* Work board */
.board-view .app{gap:28px}.board-view .workspace{max-width:none;align-self:flex-start;margin-top:0}.board-view .layout{display:block}.board-view #left-widgets,.board-view #right-widgets{display:none}.board-view main{padding:0;background:none;border:0;border-radius:0;box-shadow:none;min-height:0}.board-view .page-heading{margin:28px 0}.board-view .page-heading h1{font-size:34px}.board-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.board-summary>div{display:flex;align-items:center;gap:13px;padding:19px 20px;border-radius:17px;box-shadow:6px 6px 14px #d9e1eb,-6px -6px 14px #fff;border:1px solid #ffffff90;font-size:14px;color:#6b7e99}.board-summary b{color:#293f5c;font-size:23px;margin-right:4px;font-weight:600}.summary-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e0eafb;color:#4f80c9;font-size:21px}.summary-icon.amber{background:#f0e9da;color:#af8a46}.summary-icon.red{background:#f2e0df;color:#ba6e66}.summary-icon.green{background:#deebe6;color:#6d9886}.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.segmented{display:flex;background:#e5ebf3;box-shadow:var(--inset);padding:5px;border-radius:12px;gap:3px}.segmented button{border:0;background:none;padding:10px 17px;border-radius:9px;font-size:14px;color:#73849d}.segmented button.selected{background:#f5f8fc;box-shadow:3px 3px 7px #cfd9e6;color:#346dd0}.board-help{font-size:12px;color:#7689a2}.demo-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border:1px solid #cbd9eb;border-radius:11px;background:#e7eef8;color:#6e829f;font-size:12px;margin-bottom:20px}.demo-banner strong{color:#4a6b9d;font-weight:600}.demo-banner button{background:none;border:0;color:#376ed0;font-size:12px;white-space:nowrap}#board-scroll{overflow-x:auto;padding:5px 3px 20px;scrollbar-color:#b7c8de transparent;scrollbar-width:thin}.kanban{display:grid;grid-template-columns:repeat(6,minmax(222px,1fr));gap:17px;min-width:1420px;align-items:start}.kanban-column{border-radius:18px;background:#e5ebf3;padding:13px 11px;box-shadow:inset 3px 3px 7px #dce3ed,inset -3px -3px 7px #f6f9fc;min-height:420px;border:1px solid #e1e8f1;transition:background .15s}.column-heading{display:flex;justify-content:space-between;align-items:center;padding:8px 3px 20px;gap:5px}.column-heading h2{font-size:14px;display:flex;align-items:center;gap:7px;font-weight:600;white-space:nowrap}.column-heading h2 i{height:7px;width:7px;border-radius:50%;background:var(--stage)}.column-heading h2 b{font-size:11px;font-weight:500;border-radius:6px;color:#697d99;background:#d9e2ef;padding:3px 6px;margin-left:3px}.column-heading p{font-size:11px;color:#7e90a9;margin:6px 0 0 14px}.column-heading>button{border:0;background:none;color:#7a8da6;font-size:20px}.job-card{padding:15px;border-radius:13px;margin-bottom:13px;background:linear-gradient(135deg,#f7f9fc,#edf2f8);border:1px solid #ffffffd9;box-shadow:4px 5px 10px #cfd9e7,-3px -3px 8px #f5f8fc;cursor:grab;transition:transform .15s,box-shadow .15s;outline:none}.job-card:hover{transform:translateY(-2px);box-shadow:5px 8px 13px #c7d4e5,-3px -3px 8px #f5f8fc}.job-card:focus-visible{outline:2px solid #5289f4;outline-offset:2px}.job-top{display:flex;align-items:center;justify-content:space-between;min-height:22px;margin-bottom:11px}.job-number{font-size:10px;color:#8394ac;letter-spacing:.7px}.urgent-badge{font-size:10px;border-radius:5px;background:#f4e2df;color:#ac675e;padding:4px 6px}.drag-grip{color:#98a9c0;font-size:16px}.job-card h3{font-size:15px;line-height:1.45;margin:0 0 6px;font-weight:600;overflow-wrap:anywhere}.job-product{font-size:13px;color:#788ba5;line-height:1.5;margin:0;min-height:38px;overflow-wrap:anywhere}.quantity{font-size:17px;color:#536c8d;margin-top:13px;font-weight:600}.quantity span{font-size:11px;font-weight:400;color:#8a9ab1}.job-divider{height:1px;background:#dee6ef;margin:15px 0 12px}.job-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:#7789a4;flex-wrap:wrap}.owner-avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dfe7f3;color:#6480a7;font-size:9px;flex-shrink:0}.due{margin-left:auto;font-size:10px}.overdue{color:#b56e5d}.job-actions{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:11px;color:#8b9bb0}.job-actions button{border:1px solid white;background:#edf2f9;border-radius:7px;color:#5c85bd;padding:3px 9px;box-shadow:2px 2px 5px #d3dfed;line-height:20px}.done-label{color:#6a9883;font-size:10px}.add-column-job{width:100%;padding:12px;background:transparent;border:1px dashed #c7d4e5;color:#7b8faa;border-radius:11px;font-size:12px}.add-column-job:hover{background:#eef3fa;color:#376ed0}.column-empty{text-align:center;padding:80px 5px;color:#8a9bb1;font-size:12px}.board-bottom{display:flex;justify-content:space-between;margin-top:4px;color:#8294ac;font-size:11px;gap:12px}.drop-target{background:#d7e4f7;outline:2px dashed #7ca0d4;outline-offset:-2px}.dragging-job{opacity:.4}.job-dialog{width:560px;max-width:calc(100vw - 28px);max-height:90vh;background:#edf2f8;border:1px solid white;border-radius:22px;color:#243650;padding:28px;box-shadow:0 24px 80px #203c5d40}.job-dialog::backdrop{background:#21395855;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dialog-heading h2{font-size:23px;margin-top:8px}.dialog-close{background:none;border:0;font-size:26px;color:#7b8fa8}.urgent-check{display:flex;align-items:center;gap:9px;margin-top:20px;font-size:14px}.urgent-check input{accent-color:#477de1;width:17px;height:17px}.delete-job{color:#b16660}.board-view .sidebar{width:195px}.board-view .breadcrumb{font-size:12px}@media(min-width:1750px){.kanban{min-width:0;grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1150px){.board-summary{gap:12px}.board-summary>div{padding:15px 12px;gap:8px;font-size:12px}.summary-icon{width:30px;height:30px}.board-help{display:none}.board-view .sidebar{width:175px}.board-view .app{gap:20px}}@media(max-width:900px){.board-view .sidebar{width:76px}.board-summary{grid-template-columns:repeat(2,1fr)}.kanban{min-width:1460px}.board-view .app{gap:20px}}@media(max-width:600px){.board-view .sidebar{width:100%}.sidebar nav{gap:2px}.sidebar nav button{padding:8px 10px}.board-view .page-heading h1{font-size:29px}.board-view .page-heading .button{max-width:120px;font-size:12px;margin-top:17px}.board-summary{gap:12px;margin-bottom:22px}.board-summary>div{font-size:11px;padding:13px 10px}.board-summary b{font-size:20px}.segmented{width:100%}.segmented button{flex:1;font-size:12px;padding:10px 12px}.board-toolbar{margin-bottom:16px}.demo-banner{align-items:flex-start;font-size:11px;line-height:1.6;flex-direction:column;gap:4px}.demo-banner button{padding:3px 0}.kanban{grid-template-columns:repeat(6,270px);min-width:1705px}.board-bottom{font-size:10px}.job-dialog{padding:22px 18px}.job-dialog .fields{gap:16px}.job-dialog .form-actions .button{font-size:12px}.job-dialog .fields{grid-template-columns:1fr}.board-view .eyebrow{font-size:9px}}
.stock-view .layout{display:block}.stock-view #left-widgets,.stock-view #right-widgets{display:none}.stock-view main{background:none;border:0;box-shadow:none;padding:0;min-height:0}.stock-panel{padding:24px}.stock-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.stock-table-wrap{overflow-x:auto}.stock-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.stock-table th{font-size:12px;font-weight:500;color:#7b8da7;padding:15px 12px;border-bottom:1px solid #d3deec}.stock-table td{font-size:14px;padding:21px 12px;border-bottom:1px solid #dce5f0}.stock-table td strong{display:block;max-width:270px;white-space:normal;overflow-wrap:anywhere;font-weight:600}.stock-table td small{display:block;font-size:11px;color:#8092ad;margin-top:5px}.stock-unit{font-size:12px;color:#778aa4}.stock-badge{padding:6px 10px;border-radius:7px;font-size:12px}.enough-stock{background:#deece6;color:#477e66}.low-stock{background:#f2e8d6;color:#96722f}.empty-stock{background:#f2dfdf;color:#a55c5c}.stock-actions{display:flex;gap:7px}.stock-actions button{background:#edf2f8;border:1px solid #fff;box-shadow:3px 3px 7px #d7e0ed,-3px -3px 7px #fff;border-radius:8px;color:#5c7ba5;font-size:12px;padding:8px 10px}.stock-actions button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.stock-foot{font-size:12px;color:#8092ac;padding-top:20px}.history-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d5dfec;padding:18px 0}.history-row strong{font-size:15px}.history-row small{display:block;font-size:12px;color:#7e91ab;margin-top:6px}.history-row p{font-size:13px;color:#617b9d;margin:8px 0;overflow-wrap:anywhere}.movement-amount{text-align:right;font-size:19px;white-space:nowrap}.positive{color:#48866b}.negative{color:#b66661}.delete-product{color:#b16660}@media(max-width:1150px){.stock-panel{padding:18px}.stock-toolbar{align-items:flex-start;flex-wrap:wrap}}@media(max-width:600px){.stock-panel{padding:14px}.stock-toolbar .segmented button{font-size:12px;padding:10px 8px}.stock-toolbar>.button{font-size:12px}.stock-table{min-width:740px}.sidebar nav button{padding:8px}.sidebar .brand{gap:7px}.stock-view .page-heading .button{max-width:115px}.stock-view .page-heading h1{font-size:30px}}
.quotes-view .layout{display:block}.quotes-view #left-widgets,.quotes-view #right-widgets{display:none}.quotes-view main{padding:0;border:0;background:none;box-shadow:none}.quote-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:12px}.quote-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:27px;align-items:start}.quote-section{padding:25px;margin-bottom:24px}.quote-section h2{font-size:18px;margin-bottom:23px}.quote-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.quote-section-title h2{margin-bottom:0}.quote-product-list{max-height:320px;overflow:auto;padding:3px}.quote-product{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #dce5ef}.quote-product strong{font-size:14px;display:block;overflow-wrap:anywhere}.quote-product small{display:block;font-size:12px;color:#788ba6;margin-top:6px}.quote-product .button{font-size:12px;padding:9px 13px}.quote-empty{font-size:14px;color:#7b8fa9;padding:20px 0;line-height:1.7}.quote-line{border-bottom:1px solid #d2deeb;padding:16px 0}.quote-line-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.quote-line-heading strong{font-size:15px;overflow-wrap:anywhere}.quote-line-heading small{display:block;font-size:12px;color:#7c8fa8;margin-top:5px}.quote-line-heading .quiet{font-size:23px}.quote-line-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:12px}.quote-line-inputs .field label{font-size:12px}.quote-line-inputs .control{padding:11px;min-width:0}.line-amount{text-align:right;padding-bottom:12px;min-width:0}.line-amount small{display:block;color:#778ca6;font-size:11px;margin-bottom:9px}.line-amount strong{font-size:14px;overflow-wrap:anywhere}.quote-stock-warning{display:block;font-size:12px;color:#a47c39;margin-top:8px}.quote-terms{margin-top:24px}.quote-preview-column{position:sticky;top:25px}.preview-label{font-size:10px;letter-spacing:2px;color:#8296b0;margin:3px 0 16px}.quote-paper{padding:28px;background:#f9fbff;border:1px solid #fff;box-shadow:7px 9px 24px #d2dce9;border-radius:18px;min-height:390px}.paper-heading{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #dae4f0;padding-bottom:25px;color:#4a70a8;font-size:10px;letter-spacing:1px}.paper-heading strong{font-size:10px;font-weight:500;letter-spacing:0}.quote-paper h2{font-size:21px;margin:28px 0 12px;overflow-wrap:anywhere}.paper-dates{display:flex;flex-wrap:wrap;gap:15px;font-size:11px;color:#7f92ac}.paper-items{margin-top:25px}.paper-item{display:flex;justify-content:space-between;align-items:start;gap:15px;padding:17px 0;border-bottom:1px solid #e1e8f1}.paper-item strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.paper-item small{display:block;color:#8394aa;font-size:11px;margin-top:6px}.paper-item b{font-size:13px;white-space:nowrap;font-weight:600}.paper-totals{margin-top:25px}.paper-totals>div{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#7186a0;margin:14px 0}.paper-totals .grand-total{padding-top:18px;border-top:1px solid #dce4ef;font-size:16px;color:#2e64b5}.paper-note{padding-top:20px;border-top:1px solid #e1e7f0;margin-top:25px;font-size:12px;color:#7c8ea6}.paper-note p{white-space:pre-wrap;overflow-wrap:anywhere}.paper-footer{margin-top:35px;font-size:10px;color:#91a0b5}.quote-buttons{display:flex;gap:12px;margin-top:22px}.quote-buttons .button{flex:1;font-size:13px}.quote-help{font-size:12px;color:#7f91aa;line-height:1.7}.quotes-view .sidebar nav button{gap:10px}.quotes-view .page-heading h1{font-size:30px}@media(max-width:1150px){.quote-layout{grid-template-columns:1fr}.quote-preview-column{position:static}.quote-paper{min-height:0}.quote-line-inputs{grid-template-columns:1fr 1fr 1fr}}@media(max-width:600px){.sidebar{flex-wrap:wrap;gap:10px}.sidebar nav{flex-wrap:wrap}.quote-section{padding:19px}.quote-line-inputs{grid-template-columns:1fr 1fr}.line-amount{grid-column:1/-1}.quote-paper{padding:23px}.quote-topbar .button{font-size:12px}.quote-topbar .pill{font-size:10px}.quote-buttons{flex-wrap:wrap}.quotes-view .page-heading .button{max-width:110px}.paper-item b{white-space:normal}.paper-heading{flex-wrap:wrap}}@media print{body{background:white!important}.quotes-view .sidebar,.quotes-view header,.quotes-view .breadcrumb,.quotes-view .page-heading,.quotes-view .quote-topbar,.quotes-view .quote-editor,.quotes-view .preview-label,.quotes-view .quote-buttons,.quotes-view .quote-help,.quotes-view footer,#toast{display:none!important}.quotes-view .app,.quotes-view .workspace,.quotes-view .quote-layout,.quotes-view .quote-preview-column{display:block!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important;position:static!important}.quotes-view .quote-paper{box-shadow:none;border:0;padding:15mm;border-radius:0}.paper-item{break-inside:avoid}.quote-paper h2{font-size:22px}.paper-item strong,.paper-item b,.paper-totals>div{font-size:14px}.paper-footer{font-size:11px}}
.job-quote-total{color:#4275bd;font-size:11px;margin-top:10px;line-height:1.5}.quote-job-details{background:#f7faff;border:1px solid #fff;border-radius:14px;padding:18px;margin-bottom:22px}.quote-job-details h3{font-size:16px;margin:0 0 12px}.job-customer-info{padding:0 4px 18px;font-size:13px;color:#7086a1}.job-customer-info strong{font-size:14px;color:#425d80}.job-customer-info p{margin:7px 0;overflow-wrap:anywhere}
nav button.subnav{padding:10px 10px 12px 22px;margin-top:-4px;font-size:19px}nav button.subnav span{font-size:12px}.sidebar{overflow-y:auto}.sidebar-bottom{padding-top:35px}.nav-label{margin-top:28px}.management-view .layout{display:block}.management-view #left-widgets,.management-view #right-widgets{display:none}.management-view main{padding:0;border:0;background:none;box-shadow:none}.color-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:7px;font-size:12px;white-space:nowrap}.color-tag i{width:11px;height:11px;border:1px solid #c2c9d0;border-radius:50%;background:white}.color-tag.white{background:#fff;color:#657489;border:1px solid #d9e0e9}.color-tag.kraft{background:#e9d9bb;color:#795a34}.color-tag.kraft i{background:#b48a54;border-color:#ab824e}.wide-dialog{width:870px}.detail-products{white-space:normal;min-width:550px}.detail-products th,.detail-products td{padding:12px 9px;font-size:13px}.customer-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.metric-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #dce5ef;font-size:14px}.metric-row strong{text-align:right}.metric-row small{display:block;font-size:11px;color:#8798ad;margin-top:6px}.monthly-chart{display:flex;gap:14px;min-width:740px;padding:25px 8px 8px}.month-bar{flex:1;min-width:0;text-align:center}.month-bar>span{display:block;min-height:30px;font-size:10px;color:#617b9f;overflow-wrap:anywhere}.bar-track{height:170px;display:flex;align-items:end;border-bottom:1px solid #bbcde3}.bar-track>div{width:100%;border-radius:6px 6px 0 0;background:linear-gradient(#79a7ee,#3f77cc);min-height:1px}.month-bar small{font-size:10px;display:block;margin-top:10px;color:#7087a5}#customer-chart{overflow-x:auto}.chart-select{width:180px;font-size:13px}.management-view .board-summary>div{overflow-wrap:anywhere}@media(max-width:900px){.customer-detail-grid{grid-template-columns:1fr}nav button.subnav{padding:10px}.monthly-chart{gap:10px}}@media(max-width:600px){.sidebar nav{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.sidebar nav button,.sidebar nav button.subnav{padding:9px 5px;margin:0;gap:4px;flex-direction:column;font-size:17px}.sidebar nav button span,.sidebar nav button.subnav span{display:block;font-size:10px}.sidebar .nav-label{display:none}.sidebar-bottom{display:none}.quote-section-title{flex-wrap:wrap}.chart-select{width:100%}.wide-dialog{padding:16px}.customer-detail-grid{gap:0}}
/* Order workflow */
.kanban{grid-template-columns:repeat(7,minmax(222px,1fr));min-width:1690px}.workflow-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.workflow-fields{margin:25px 0}.workflow-fields h3{font-size:17px;margin:24px 0 14px}.seller-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end;margin:14px 0;min-height:28px}.seller-blank{display:block;min-height:24px;border-bottom:1px dotted #a2b3c8}.card-workflow{font-size:11px;color:#7287a3;line-height:1.65;margin:14px 0 0}.card-workflow .seller-row{grid-template-columns:3fr 1fr;gap:8px;margin:4px 0}.card-workflow .seller-blank{min-height:18px}.approval-chip{font-size:11px;border-radius:6px;padding:5px 7px;margin-top:7px}.approval-chip.pending{background:#f0e4ce;color:#8f7038}.approval-chip.approved{background:#dcebdd;color:#567e56}.approval-panel{background:#f6eddc;border:1px solid #decca7;padding:18px;border-radius:12px;margin:18px 0;color:#8b6b35}.approval-panel.is-approved{background:#e1eee4;border-color:#bed7c4;color:#4e7859}.approval-panel p{font-size:13px}.approval-panel small{display:block;margin-top:12px;font-size:12px}.receipt-preview{display:flex;flex-wrap:wrap;gap:15px;margin:14px 0}.receipt-item{width:180px;max-width:100%;font-size:12px;color:#7b8fa9;overflow-wrap:anywhere}.receipt-item img{display:block;width:100%;height:150px;object-fit:contain;background:#fff;border:1px solid #d7e1ee;border-radius:9px;margin-bottom:8px}.stage-form .field{margin:16px 0}.stage-form .fields .field{margin:0}.stage-form h3{font-size:17px}.profile[role=button]{cursor:pointer}.label-box{border:2px solid #8ca4c2;padding:20px;border-radius:10px;margin:18px 0;overflow-wrap:anywhere}.label-box small{color:#7c90aa;font-size:11px;display:block}.label-box p{white-space:pre-wrap}.label-phone{font-weight:600}.shipping-label h1{font-size:24px}.shipping-label h2{margin:12px 0 20px}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.job-card{touch-action:pan-y}.workflow-fields textarea{min-height:80px}.wide-dialog .detail-products{min-width:550px}@media(min-width:2000px){.kanban{min-width:0}}@media(max-width:600px){.kanban{grid-template-columns:repeat(7,270px);min-width:1992px}.seller-row{grid-template-columns:1fr 1fr}.workflow-actions .button{font-size:12px}.receipt-item{width:140px}.workflow-fields .review{grid-template-columns:1fr 1fr}}