:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#17212b;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:230px;background:#14283b;color:#cbd7e4;padding:28px 18px;display:flex;flex-direction:column}.brand{font-size:22px;font-weight:800;color:#fff;padding:0 12px 42px}.brand span{color:#5ee0bd}nav{display:grid;gap:6px}nav a{padding:12px;border-radius:8px;color:inherit;text-decoration:none;cursor:pointer}nav a.active,nav a:hover{background:#24445d;color:#fff}.aside-foot{margin-top:auto;font-size:12px;color:#7990a5;padding:12px}main{flex:1;padding:42px 5vw;max-width:1400px}header,.panel-head,.quote-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}header{margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:2px;color:#718096;margin:0 0 8px}h1{font-size:32px;margin:0}h2{margin:0;font-size:19px}.primary{background:#167c68;color:#fff;border:0;border-radius:7px;padding:12px 18px;font-weight:700;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stats div,.panel{background:#fff;border:1px solid #e6ebf0;border-radius:10px}.stats div{padding:20px}.stats span{display:block;color:#718096;font-size:13px;margin-bottom:12px}.stats strong{font-size:28px}.panel{padding:24px;margin-bottom:22px}.panel-head{margin-bottom:20px}.panel-head p,.quote-heading p{color:#718096;font-size:13px;margin:7px 0 0}.panel-head input{width:260px;border:1px solid #dce3ea;border-radius:6px;padding:10px 12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #edf0f3;font-size:14px}th{color:#718096;font-size:12px;font-weight:600}td small{display:block;color:#8493a3;margin-top:4px}.tag{background:#e2f6ef;color:#19765d;padding:5px 9px;border-radius:20px;font-size:12px}.empty{text-align:center;color:#8593a1;padding:48px}.modal{position:fixed;inset:0;background:#10213388;display:grid;place-items:center}.hidden{display:none}.dialog{background:#fff;width:min(92vw,460px);padding:26px;border-radius:12px}.dialog-head{display:flex;justify-content:space-between;margin-bottom:22px}.dialog-head button{border:0;background:none;font-size:24px;cursor:pointer}form{display:grid;gap:15px}label{font-size:13px;color:#4b5a67;display:grid;gap:7px}label input,label select{padding:11px;border:1px solid #dce3ea;border-radius:6px;font:inherit}.compact-form{grid-template-columns:repeat(3,minmax(160px,1fr));align-items:end;margin:18px 0}.wide-field{grid-column:span 2}.quote-heading{align-items:flex-start;margin-bottom:24px}.quote-meta{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px;min-width:360px}.quote-meta input{width:100%;padding:11px;border:1px solid #dce3ea;border-radius:6px;font:inherit;background:#f8fafc}.quote-form{gap:18px;max-width:1040px}.quote-form fieldset{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:12px;border:1px solid #dce6ee;border-radius:8px;padding:16px}.quote-form legend{font-weight:700;color:#24445d;padding:0 6px}.quote-form fieldset p{grid-column:span 2;margin:auto 0;color:#536473}hr{border:0;border-top:1px solid #e6ebf0;margin:28px 0}@media(max-width:720px){aside{display:none}main{padding:24px 16px}.stats{grid-template-columns:repeat(2,1fr)}.panel-head,.quote-heading{display:grid;gap:15px}.panel-head input{width:100%}.table-wrap{overflow:auto}.compact-form,.quote-form fieldset{grid-template-columns:1fr}.wide-field,.quote-form fieldset p{grid-column:auto}.quote-meta{min-width:0;grid-template-columns:1fr}}

.login-page{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,#dff7ef 0,transparent 35%),linear-gradient(135deg,#eef4f8,#f8fbfd);color:#17212b}.login-card{width:min(100%,430px);background:#fff;border:1px solid #dfe8ed;border-radius:20px;padding:38px;box-shadow:0 24px 70px #18394f1c}.login-brand{font-size:24px;font-weight:900;color:#14283b}.login-brand span{color:#1b9a7d}.login-kicker{margin:8px 0 30px;color:#708493;font-size:12px;letter-spacing:1.4px}.login-card h1{font-size:30px}.login-description{margin:10px 0 28px;color:#718096}.login-form input{width:100%;padding:13px;border-radius:9px}.login-form .primary{margin-top:2px;font-size:15px}.form-message{min-height:20px;margin:0;color:#c43b4d;font-size:13px}.login-note{margin:24px 0 0;padding-top:20px;border-top:1px solid #edf1f4;color:#8797a4;font-size:12px;line-height:1.7}
.account-bar{position:fixed;z-index:18;top:14px;right:20px;display:flex;align-items:center;gap:8px;padding:7px 9px 7px 13px;background:#fffffff2;border:1px solid #dfe8ed;border-radius:12px;box-shadow:0 6px 22px #17364b14}.account-bar strong{font-size:13px}.account-role{color:#718096;font-size:11px}.account-bar button{padding:7px 10px;border:1px solid #d7e1e7;border-radius:7px;background:#fff;color:#3f5260;cursor:pointer}.account-dialog{width:min(94vw,720px);max-height:88vh;overflow:auto}.account-list{display:grid;gap:8px;margin:18px 0}.account-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid #e4ebef;border-radius:9px}.account-row small{color:#7b8b96}.account-row button{padding:8px 10px}.account-help{color:#718096;font-size:12px}.primary:disabled{opacity:.6;cursor:wait}
@media(max-width:720px){.login-card{padding:28px 22px}.account-bar{position:static;margin:10px 16px -8px;justify-content:flex-end}.account-role{display:none}.account-dialog{width:94vw}.account-row{grid-template-columns:1fr auto}.account-row small{display:none}}

/* Eastern Red CRM — blue and yellow visual system */
:root{--blue:#005fce;--blue-deep:#00459a;--blue-soft:#edf5ff;--yellow:#ffcc00;--yellow-soft:#fff7cc;--ink:#14243a;--muted:#6b7d92;--line:#dfe7f1;background:#f3f6fa;color:var(--ink)}
body{background:#f3f6fa;color:var(--ink)}
aside{background:linear-gradient(180deg,var(--blue) 0%,var(--blue-deep) 100%);color:#dceaff;box-shadow:8px 0 28px #003a8517}
.brand{font-size:20px;letter-spacing:-.2px;color:#fff}.brand span,.login-brand span{color:var(--yellow)}
nav a{color:#e8f2ff;border:1px solid transparent;transition:background .18s,color .18s,transform .18s}
nav a:hover{background:#ffffff17;color:#fff;transform:translateX(2px)}
nav a.active,nav a.active:hover{background:var(--yellow);color:#14243a;border-color:#ffe269;box-shadow:0 7px 18px #002e6c30;transform:none;font-weight:800}
.aside-foot{color:#bcd5f4}
.primary{background:var(--blue);color:#fff;border:1px solid var(--blue);box-shadow:0 5px 13px #005fce22;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.primary:hover{background:var(--blue-deep);border-color:var(--blue-deep);box-shadow:0 7px 18px #00459a2d;transform:translateY(-1px)}
.stats div,.panel{border-color:var(--line);box-shadow:0 8px 24px #18395c0a}
.stats div{position:relative;overflow:hidden;border-top:3px solid var(--blue)}
.stats div:nth-child(even){border-top-color:var(--yellow)}
.stats strong{color:var(--blue-deep)}
.stats.customer-funnel{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:28px}.customer-funnel .funnel-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 2px}.customer-funnel .funnel-heading h2{font-size:22px}.customer-funnel .funnel-heading p{margin:0;color:var(--muted);font-size:12px}.customer-funnel .funnel-row{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr);align-items:center;gap:12px}.customer-funnel .funnel-row-secondary{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);width:min(100%,780px);justify-self:center}.customer-funnel .funnel-step{position:relative;display:grid;align-content:center;gap:9px;min-width:0;min-height:138px;padding:19px 23px;overflow:hidden;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:15px;background:linear-gradient(140deg,#fff,#f9fbff);box-shadow:0 10px 25px #18395c0c}.customer-funnel .funnel-step-accent{border-top-color:var(--yellow)}.customer-funnel .funnel-step span{color:#617792;font-size:13px;font-weight:750}.customer-funnel .funnel-step strong{color:var(--blue-deep);font-size:32px;line-height:1}.customer-funnel .funnel-step small{color:#8999ab;font-size:11px}.customer-funnel .funnel-arrow{color:var(--blue);font-size:24px;font-weight:800;text-align:center}.customer-funnel .funnel-row-secondary .funnel-arrow{color:#d5aa00}@media(max-width:760px){.customer-funnel .funnel-heading{align-items:start;flex-direction:column;gap:4px}.customer-funnel .funnel-row,.customer-funnel .funnel-row-secondary{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:7px}.customer-funnel .funnel-step{min-height:100px}.customer-funnel .funnel-arrow{line-height:1;transform:rotate(90deg)}}
.dashboard-account-filter{display:flex;align-items:center;gap:9px;color:#526b88;font-size:12px;font-weight:750}.dashboard-account-filter.hidden{display:none}.customer-funnel .dashboard-account-filter span{margin:0;color:inherit;font-size:12px;white-space:nowrap}.dashboard-account-filter select{min-width:170px;max-width:250px;padding:9px 32px 9px 12px;border:1px solid #c8d8ed;border-radius:9px;background:#fff;color:var(--blue-deep);font:inherit;cursor:pointer}.dashboard-account-filter select:focus-visible{outline:3px solid #ffcc0066;outline-offset:2px}@media(max-width:760px){.dashboard-account-filter{width:100%;justify-content:space-between}.dashboard-account-filter select{flex:1;min-width:0;max-width:280px}}
.customer-funnel .funnel-row-secondary{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr);width:100%;justify-self:stretch}
@media(max-width:760px){.customer-funnel .funnel-arrow{transform:rotate(-90deg)}}
.eyebrow{color:var(--blue);font-weight:800}
h1,h2,h3{color:#112c50}
.panel-head p,.quote-heading p,.stats span{color:var(--muted)}
a{color:var(--blue-deep)}
th{background:#f4f8fe;color:var(--blue-deep);font-weight:750;border-bottom-color:#ccdaec}
tbody tr{transition:background .16s}tbody tr:hover{background:#f8fbff}
.tag{background:var(--yellow-soft);color:#5d4b00;border:1px solid #f4d85c;font-weight:650}
label input,label select,.panel-head input,.quote-meta input{border-color:#cfdbea;background:#fff;transition:border-color .18s,box-shadow .18s}
label input:focus,label select:focus,.panel-head input:focus,.quote-meta input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #005fce1b}
.quote-form fieldset{border-color:#cedcf0;background:#fbfdff}.quote-form legend{color:var(--blue-deep)}
.modal{z-index:100;background:#092d6191;backdrop-filter:blur(2px)}
.dialog{border-top:5px solid var(--yellow);box-shadow:0 26px 70px #002f6d35}
hr{border-top-color:#dce5f0}
.login-page{background:radial-gradient(circle at 16% 16%,#fff0a7 0,transparent 30%),radial-gradient(circle at 83% 78%,#cfe4ff 0,transparent 34%),linear-gradient(135deg,#eef5ff,#f9fbfd)}
.login-card{border:1px solid #cfdef0;border-top:6px solid var(--yellow);border-radius:18px;box-shadow:0 26px 75px #00397920}
.login-brand{color:var(--blue-deep);font-size:23px;letter-spacing:-.3px}
.login-kicker{color:var(--blue);font-weight:750}.login-description{color:var(--muted)}
.account-bar{border-color:#cddbee;border-top:3px solid var(--yellow);box-shadow:0 7px 24px #143a6817}
.account-bar strong{color:var(--blue-deep)}.account-bar button{border-color:#c5d6eb;color:var(--blue-deep)}.account-bar button:hover{border-color:var(--blue);background:var(--blue-soft)}
.account-row{border-color:#d8e3f1}.account-row code{color:var(--blue-deep);font-weight:700}
.account-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-section-head h3{margin:0}.account-section-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.account-section-head button{flex:none;padding:8px 12px}.account-row{grid-template-columns:minmax(100px,1fr) minmax(100px,1fr) auto auto}.account-presence{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:5px 9px;border-radius:99px;font-size:12px;font-weight:750}.account-presence::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.account-presence.is-online{background:#e6f7ee;color:#127949}.account-presence.is-offline{background:#eef1f5;color:#6f7e90}@media(max-width:720px){.account-section-head{align-items:flex-start;flex-direction:column}.account-row{grid-template-columns:minmax(0,1fr) auto}.account-row code{grid-column:1}.account-presence{grid-column:2;grid-row:1}.account-row button{grid-column:2;grid-row:2}}
@media(max-width:720px){nav a:hover{transform:none}aside{background:var(--blue)}nav a.active,nav a.active:hover{box-shadow:none}}

.aside-foot{display:flex;align-items:center;padding:12px}
.account-bar{position:static;display:block;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
.account-bar:hover{transform:none}
.settings-logo{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #ffffff4d!important;border-radius:12px!important;background:#ffffff17!important;color:#fff!important;cursor:pointer;transition:background .18s,border-color .18s,transform .18s!important}
.settings-logo:hover{background:var(--yellow)!important;border-color:var(--yellow)!important;color:#18304d!important;transform:rotate(18deg)!important}
.settings-logo svg{width:22px;height:22px;fill:currentColor}
.account-identity{display:flex;align-items:center;gap:9px;margin-top:8px}.account-identity strong{color:var(--blue-deep)}.account-identity span{padding:3px 7px;border-radius:20px;background:var(--yellow-soft);color:#5d4b00;font-size:11px;font-weight:700}
.account-modal-footer{display:flex;justify-content:flex-end;margin-top:24px;padding-top:18px;border-top:1px solid #dce5f0}.account-modal-footer button{padding:9px 13px;border:1px solid #c9d6e6;border-radius:7px;background:#fff;color:#526477;cursor:pointer}.account-modal-footer button:hover{border-color:#c75050;color:#a52f2f;background:#fff8f8}
@media(max-width:720px){.aside-foot{display:block;position:absolute;left:12px;top:-54px;margin:0;padding:0}.account-bar{margin:0}.settings-logo{width:42px;height:42px;border-radius:50%!important;background:var(--blue)!important;box-shadow:0 7px 20px #07366b38}.settings-logo:hover{transform:none!important}.account-identity{align-items:flex-start;flex-direction:column;gap:5px}}

.management-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.management-actions input{width:min(320px,42vw);min-width:240px;padding:11px 13px;border:1px solid #cfdbea;border-radius:8px;background:#fff;font:inherit}.management-actions input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #005fce1b}.management-actions .primary{white-space:nowrap}
.document-actions{display:flex;align-items:center;gap:9px;white-space:nowrap}.document-actions a{font-size:12px;font-weight:750;text-decoration:none}.document-actions a+a{padding-left:9px;border-left:1px solid #d5dfec}
.product-edit-button{border-color:var(--yellow)!important;background:var(--yellow-soft)!important;color:#5d4b00!important}.product-edit-button:hover{background:var(--yellow)!important;color:#27334a!important}
@media(max-width:720px){.management-actions{display:grid;grid-template-columns:1fr auto;width:100%}.management-actions input{width:100%;min-width:0}.management-actions .primary{padding-inline:13px}}

/* Professional quotation and order editors */
.quote-dialog{position:relative;width:min(96vw,1180px);max-height:94vh;padding:0;overflow:auto;border:0;border-radius:18px;background:#f4f7fb}
.quote-modal-close{position:absolute;z-index:4;top:18px;right:20px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #ffffff52;border-radius:50%;background:#ffffff18;color:#fff;font-size:25px;line-height:1;cursor:pointer;transition:background .18s,transform .18s}.quote-modal-close:hover{background:var(--yellow);color:#17335b;transform:rotate(90deg)}
.quote-workspace{margin:0;padding:0;border:0;border-radius:0;background:#f4f7fb;box-shadow:none;overflow:hidden}
.document-editor-heading,.embedded-editor-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:28px 34px;background:linear-gradient(128deg,#003f8d 0%,var(--blue) 72%,#1978df 100%);color:#fff;border-bottom:5px solid var(--yellow)}
.document-editor-heading::after,.embedded-editor-heading::after{content:"";position:absolute;right:8%;bottom:-70px;width:190px;height:190px;border:34px solid #ffffff0c;border-radius:50%;pointer-events:none}
.editor-brand{position:relative;z-index:1;display:flex;align-items:center;gap:18px}.editor-logo{display:grid;place-items:center;flex:0 0 auto;width:78px;height:78px;padding:8px;border-radius:18px;background:#fff;box-shadow:0 12px 28px #002c6545}.editor-logo img{display:block;width:100%;height:100%;object-fit:contain}.document-kicker{margin:0 0 5px!important;color:var(--yellow)!important;font-size:10px!important;font-weight:850;letter-spacing:2px}.document-editor-heading h2,.embedded-editor-heading h2{margin:0;color:#fff;font-size:25px;letter-spacing:-.3px}.document-editor-heading p,.embedded-editor-heading p{margin:7px 0 0;color:#dceaff;font-size:12px}
.quote-meta{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(155px,1fr));gap:10px;min-width:365px;margin-right:40px}.quote-meta label{gap:5px;padding:11px 12px;border:1px solid #ffffff30;border-radius:11px;background:#ffffff10;color:#d8e8ff}.quote-meta label span{font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.quote-meta input{width:100%;padding:8px 0;border:0;border-radius:0;background:transparent;color:#fff;font-weight:800;box-shadow:none}.quote-meta input::placeholder{color:#c4d7ef}.quote-meta input:focus{border:0;box-shadow:none}
.professional-document-form{max-width:none;padding:28px 34px 34px;gap:20px;background:#f4f7fb}.professional-document-form fieldset{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:16px;padding:23px 22px 22px;border:1px solid #d7e3f1;border-radius:15px;background:#fff;box-shadow:0 9px 24px #193d6508}.professional-document-form legend{display:flex;align-items:center;gap:10px;padding:0 10px 0 2px;color:var(--blue-deep);font-size:14px;font-weight:850}.professional-document-form legend>span:last-child{display:grid;gap:2px}.professional-document-form legend small{color:#8a99aa;font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.section-number{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--yellow);color:#17335b;font-size:11px;font-weight:900;box-shadow:0 5px 12px #ffcc0038}.professional-document-form label{gap:7px;color:#53677e;font-size:11px;font-weight:750;letter-spacing:.15px}.professional-document-form input,.professional-document-form select{min-height:43px;padding:10px 12px;border:1px solid #cfdced;border-radius:9px;background:#fbfdff;color:#172c47}.professional-document-form input:hover,.professional-document-form select:hover{border-color:#9db9df;background:#fff}.professional-document-form input:focus,.professional-document-form select:focus{background:#fff;border-color:var(--blue);box-shadow:0 0 0 3px #005fce17}.quote-customer{grid-column:span 1}.bill-to-preview{grid-column:span 2;display:grid;align-content:center;gap:3px;min-height:72px;padding:12px 16px;border:1px solid #cbdced;border-left:4px solid var(--yellow);border-radius:10px;background:linear-gradient(110deg,#f4f8ff,#fff)}.bill-to-preview span{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:1.4px}.bill-to-preview strong{color:#19375d;font-size:14px}.bill-to-preview small{color:#7b8c9e;font-size:11px}
#additionalFees,.additional-fees{grid-column:1/-1;display:grid;gap:10px}.order-fee-section .add-additional-fee{grid-column:1/-1;justify-self:start}.additional-fee-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;padding:12px 14px;border:1px solid #e0e7f0;border-radius:11px;background:#f8faff}.additional-fee-row .remove-additional-fee{min-height:43px;padding:9px 13px;border:1px solid #e2c7c7;border-radius:8px;background:#fff;color:#a64949;cursor:pointer}.additional-fee-row .remove-additional-fee:hover{border-color:#c86666;background:#fff8f8}.secondary-action{justify-self:start;padding:10px 14px;border:1px dashed #8eb1de;border-radius:9px;background:#f2f7ff;color:var(--blue-deep);font-weight:800;cursor:pointer}.secondary-action:hover{border-style:solid;background:#e8f2ff}
.professional-document-form .handling-fee-section{border-color:#c7d9ef;background:linear-gradient(110deg,#f7fbff,#fff)}.handling-fee-note{grid-column:2/-1;align-self:end;padding:0 0 12px;color:#6e8199;font-size:12px;line-height:1.5}
.document-form-footer{display:flex;align-items:stretch;justify-content:space-between;gap:20px;margin-top:2px}.quote-total-card{display:grid;grid-template-columns:repeat(3,minmax(135px,1fr));flex:1;overflow:hidden;border:1px solid #cbd9eb;border-radius:14px;background:#fff;box-shadow:0 10px 25px #173b6510}.quote-total-card>div{display:grid;gap:5px;padding:17px 19px;border-right:1px solid #e3eaf2}.quote-total-card>div:last-child{border:0}.quote-total-card span{color:#74869a;font-size:10px;font-weight:750;letter-spacing:.5px}.quote-total-card strong{color:#16365d;font-size:19px}.quote-total-card .grand-total{background:var(--yellow)}.quote-total-card .grand-total span{color:#624f00}.quote-total-card .grand-total strong{color:#122e52;font-size:23px}.document-submit{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:10px;min-width:245px}.document-submit p{max-width:250px;margin:0;color:#7a8999;font-size:10px;text-align:right}.document-save-button{min-height:48px;padding:13px 24px;border-radius:10px;font-size:13px}
.order-create-form{margin:20px 0 28px;padding:0 0 26px;overflow:hidden;border:1px solid #d3e0ef;border-radius:16px;background:#f4f7fb;box-shadow:0 12px 30px #183d6810}.order-create-form .embedded-editor-heading{grid-column:1/-1}.order-create-form .embedded-editor-heading .editor-logo{width:66px;height:66px;border-radius:15px}.order-create-form fieldset{margin:0 28px}.order-create-form fieldset:first-of-type{margin-top:6px}.order-form-footer{align-items:center;margin:0 28px}
@media(max-width:760px){.quote-dialog{width:96vw;max-height:96vh;border-radius:14px}.quote-modal-close{top:12px;right:12px}.document-editor-heading,.embedded-editor-heading{align-items:flex-start;flex-direction:column;padding:22px 18px}.editor-brand{align-items:flex-start;padding-right:36px}.editor-logo{width:58px;height:58px;border-radius:13px}.document-editor-heading h2,.embedded-editor-heading h2{font-size:20px}.quote-meta{grid-template-columns:1fr 1fr;width:100%;min-width:0;margin:0}.professional-document-form{padding:18px 14px 22px}.professional-document-form fieldset{grid-template-columns:1fr;padding:20px 15px 16px}.quote-customer,.bill-to-preview{grid-column:auto}.additional-fee-row{grid-template-columns:1fr 1fr}.additional-fee-row .remove-additional-fee{grid-column:1/-1}.document-form-footer{flex-direction:column}.quote-total-card{grid-template-columns:1fr}.quote-total-card>div{border-right:0;border-bottom:1px solid #e3eaf2}.document-submit{align-items:stretch;min-width:0}.document-submit p{text-align:left}.document-save-button{width:100%}.order-create-form{margin-top:14px}.order-create-form fieldset,.order-form-footer{margin-left:14px;margin-right:14px}.order-form-footer{align-items:stretch}}
@media(max-width:760px){.handling-fee-note{grid-column:1/-1;padding-bottom:0}}

.customer-management-actions .secondary-action{white-space:nowrap}.import-dialog{width:min(96vw,1080px);max-height:92vh;overflow:auto;padding:30px}.import-dialog .dialog-head{align-items:flex-start}.import-dialog .dialog-head h2{font-size:25px;color:var(--blue-deep)}.import-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 22px}.import-steps span{padding:10px 12px;border-radius:8px;background:#f0f4fa;color:#73859b;font-size:12px;font-weight:700;text-align:center}.import-steps .active{background:var(--blue);color:#fff}.import-form{gap:18px}.import-file-field{padding:18px;border:1px dashed #9cb9df;border-radius:12px;background:#f7faff}.import-file-field input{background:#fff}.import-file-field small{color:#75879c}.import-options{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.import-options select{padding:11px;border:1px solid #d1ddeb;border-radius:7px;background:#fff;font:inherit}.import-check{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:8px;background:#fff8d8;color:#534611}.import-check input{width:auto}.import-actions{display:flex;justify-content:flex-end;gap:10px}.import-actions button{min-width:150px}.import-placeholder{padding:30px;border-radius:10px;background:#f5f8fc;color:#77889d;text-align:center}.import-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.import-summary div{padding:15px;border:1px solid #dce6f2;border-radius:10px;background:#fff}.import-summary span{display:block;color:#718096;font-size:12px}.import-summary strong{display:block;margin-top:7px;color:var(--blue-deep);font-size:24px}.import-notes{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.import-notes span{padding:6px 9px;border-radius:20px;background:#edf4ff;color:#49617f;font-size:12px}.import-preview-table{max-height:330px;border:1px solid #e0e8f2;border-radius:10px}.import-preview-table th{position:sticky;top:0;background:#f2f6fb;z-index:1}.import-status{display:inline-block;padding:5px 8px;border-radius:20px;font-size:11px;font-weight:700}.import-status.ready{background:#e4f7ed;color:#24714b}.import-status.warning{background:#fff1d7;color:#9a6300}.import-issues{margin-top:14px;padding:12px 14px;border:1px solid #f0d59b;border-radius:9px;background:#fffaf0}.import-issues summary{cursor:pointer;font-weight:700;color:#875a05}.import-issues p{margin:9px 0 0;color:#765c2d;font-size:12px}@media(max-width:760px){.customer-management-actions{display:flex;grid-template-columns:none}.import-dialog{padding:22px 16px}.import-options,.import-summary{grid-template-columns:1fr 1fr}.import-steps{font-size:10px}.import-actions{flex-direction:column}.import-actions button{width:100%}}@media(max-width:480px){.import-options,.import-summary{grid-template-columns:1fr}}

/* Customer filters and table basics; current column widths are defined below. */
.customer-table{table-layout:fixed;width:100%}.customer-table th{white-space:nowrap}.customer-table td{vertical-align:middle}.customer-table td:nth-child(2){overflow-wrap:anywhere}.customer-table td:nth-child(5),.customer-table td:nth-child(6),.customer-table td:nth-child(7){white-space:nowrap}
.customer-management-actions{gap:9px}.customer-management-actions select{height:42px;padding:0 30px 0 11px;border:1px solid #cfdbea;border-radius:8px;background:#fff;color:#294460;font:inherit;font-size:13px;cursor:pointer}.customer-management-actions select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #005fce1b}@media(max-width:1100px){.customer-management-actions{justify-content:flex-start}.customer-management-actions select{min-width:110px}}@media(max-width:760px){.customer-management-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.customer-management-actions select,.customer-management-actions button{width:100%}}

.customer-status-select{min-width:84px;padding:6px 24px 6px 10px!important;border:1px solid #f2d45b!important;border-radius:999px!important;background:#fff8d9!important;color:#684f00!important;font:inherit!important;font-size:12px!important;font-weight:750!important;line-height:1.2!important;cursor:pointer}.customer-status-select:hover,.customer-status-select:focus{border-color:#d9ae00!important;background:#fff3be!important;outline:none;box-shadow:0 0 0 3px #ffd33528}.customer-stage-select{border-color:#a9c8ee!important;background:#eff6ff!important;color:#125eae!important}.customer-stage-select:hover,.customer-stage-select:focus{border-color:var(--blue)!important;background:#e4f0ff!important;box-shadow:0 0 0 3px #005fce17}.customer-status-select:disabled{cursor:wait;opacity:.65}
.quote-status-select,.order-status-select{appearance:none;max-width:100%;min-width:104px;min-height:37px;padding:7px 32px 7px 29px;border:1px solid #d5e3f4;border-radius:999px;background-color:#f7faff;background-image:radial-gradient(circle,#f1be15 0 4px,transparent 4.5px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23325883' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px 16px,14px 14px;background-position:9px center,calc(100% - 11px) center;box-shadow:0 2px 8px #123c7010;color:#20436d;font:inherit;font-size:12px;font-weight:750;line-height:1.2;cursor:pointer;transition:border-color .18s,background-color .18s,box-shadow .18s,transform .18s}.order-status-select{min-width:142px}.quote-status-select:hover,.order-status-select:hover{border-color:#9ebfe8;background-color:#fff;box-shadow:0 4px 13px #123c701c;transform:translateY(-1px)}.quote-status-select:focus-visible,.order-status-select:focus-visible{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #005fce1c,0 3px 12px #123c7017}.quote-status-select:disabled,.order-status-select:disabled{cursor:wait;opacity:.6;transform:none}.quote-status-select option,.order-status-select option{background:#fff;color:#20436d;font-weight:600}

/* Keep the action column visible within the table, without floating over follow-up inputs. */
.customer-table-wrap{position:relative;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.customer-table th:last-child{background:#f4f8fe}.customer-table td:last-child{background:#fff}.customer-table tbody tr:hover td:last-child{background:#f8fbff}

.quote-customer{position:relative}.quote-customer>label{display:block}.quote-customer-combobox{position:relative;margin-top:7px}.professional-document-form .quote-customer-combobox input[type="search"]{width:100%;padding-right:36px;background:#fbfdff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b7d92' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E") no-repeat right 11px center}.quote-customer-hint{display:block;margin-top:7px;color:#8292a4;font-size:11px}.quote-customer-options{position:absolute;z-index:12;top:calc(100% + 7px);left:0;right:0;max-height:312px;overflow:auto;padding:6px;border:1px solid #cbdced;border-radius:10px;background:#fff;box-shadow:0 16px 34px #14386c24}.quote-customer-options button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:10px 11px;border:0;border-radius:7px;background:#fff;color:#24415f;font:inherit;text-align:left;cursor:pointer}.quote-customer-options button:hover,.quote-customer-options button:focus{background:#eef5ff;outline:0}.quote-customer-options button span{display:grid;gap:3px;min-width:0}.quote-customer-options button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.quote-customer-options button small{overflow:hidden;color:#78899b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.quote-customer-options button em{flex:0 0 auto;padding:4px 7px;border-radius:20px;background:#fff5c5;color:#785c00;font-size:10px;font-style:normal;font-weight:750;white-space:nowrap}.quote-customer-empty{margin:0;padding:14px 10px;color:#8292a4;font-size:12px;text-align:center}@media(max-width:760px){.quote-customer-options{max-height:240px}}

/* Dashboard key accounts */
.key-customer-heading{padding-bottom:18px;border-bottom:1px solid var(--line)}
.key-customer-kicker{margin:0 0 6px!important;color:var(--blue)!important;font-size:10px!important;font-weight:800;letter-spacing:1.8px}
.key-customer-rule{display:grid;gap:3px;min-width:142px;padding:11px 16px;border:1px solid #f1cf43;border-radius:10px;background:#fff9d9;text-align:right}
.key-customer-rule span{color:#816b14;font-size:11px}.key-customer-rule strong{color:var(--blue-deep);font-size:18px}
.key-customer-list{display:grid;gap:10px}.key-customer-card{display:grid;grid-template-columns:38px minmax(190px,1fr) repeat(3,minmax(110px,auto)) auto;align-items:center;gap:18px;padding:16px 18px;border:1px solid #dbe6f4;border-left:4px solid var(--yellow);border-radius:12px;background:linear-gradient(135deg,#fff 0%,#f7faff 100%)}
.key-customer-rank{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-weight:800}.key-customer-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.key-customer-title h3{margin:0;color:var(--blue-deep);font-size:16px}.key-customer-title span{padding:4px 8px;border-radius:999px;background:var(--yellow);color:#3b3109;font-size:10px;font-weight:800}.key-customer-main p{margin:6px 0 0;color:var(--muted);font-size:12px}.key-customer-metric{display:grid;gap:5px}.key-customer-metric span{color:var(--muted);font-size:10px}.key-customer-metric strong{color:var(--blue-deep);font-size:13px;white-space:nowrap}.key-customer-card button{padding:8px 11px;border:1px solid #b8cce7;border-radius:7px;background:#fff;color:var(--blue);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.key-customer-card button:hover{border-color:var(--blue);background:#f2f7ff}.key-customer-empty{display:grid;place-items:center;gap:7px;padding:36px 20px;border:1px dashed #cbd9eb;border-radius:12px;background:#fafcff;color:var(--muted);text-align:center}.key-customer-empty strong{color:var(--blue-deep)}.key-customer-note{margin:13px 2px 0;color:#8996a7;font-size:11px}
@media(max-width:900px){.key-customer-card{grid-template-columns:38px 1fr auto}.key-customer-metric{display:none}.key-customer-heading{align-items:flex-start}.key-customer-rule{min-width:120px}}
@media(max-width:520px){.key-customer-card{grid-template-columns:32px 1fr}.key-customer-card button{grid-column:2;justify-self:start}.key-customer-rule{text-align:left}.key-customer-heading{grid-template-columns:1fr}.key-customer-rule{width:100%}}

/* Multiple products and specifications in quotations and sales orders. */
.line-products{grid-column:1/-1;display:grid;gap:16px;min-width:0}
.line-product{min-width:0;padding:18px;border:1px solid #d6e3f3;border-radius:13px;background:#f8fbff}
.line-product-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}
.line-product-head strong{color:var(--blue-deep);font-size:14px}
.line-product-fields,.line-variant{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.line-variants{display:grid;gap:10px;margin:16px 0 12px}
.line-variant{padding:14px;border:1px solid #e1e9f3;border-left:3px solid var(--yellow);border-radius:9px;background:#fff}
.line-product input,.line-product select{width:100%;min-width:0}
.line-drawing-field small{display:inline;color:#8292a7;font-size:11px;font-weight:400}
.line-drawing-field input[type=file]{margin-top:7px;padding:8px;border:1px dashed #aac6e8;border-radius:8px;background:#fff;color:#315578;font-size:11px}
.line-drawing-field input[type=file]::file-selector-button{margin-right:9px;padding:6px 9px;border:1px solid #c7d8ee;border-radius:6px;background:#eef5ff;color:#005fce;font-weight:700;cursor:pointer}
.order-drawing-actions{margin-top:8px;padding-top:8px;border-top:1px solid #e5ecf5;font-size:11px}
.order-drawing-actions summary{color:var(--blue);font-weight:700;cursor:pointer}
.order-drawing-product{display:grid;gap:5px;margin-top:8px;padding:8px;border-radius:7px;background:#f6f9fd}
.order-drawing-product>strong{font-size:11px;color:#36516f}
.order-drawing-empty{color:#8192a7}
.order-drawing-item{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;font-size:11px}
.order-drawing-item small{color:#6c7f93;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.order-drawing-item a{white-space:nowrap}
.order-drawing-add,.order-drawing-replace,.order-drawing-delete{justify-self:start;padding:3px 7px;border:1px solid #c7d8ee;border-radius:6px;background:#f2f7ff;color:#005fce;font:inherit;font-weight:700;cursor:pointer}
.order-drawing-add:hover,.order-drawing-replace:hover{background:#e5f0ff}
.order-drawing-delete{color:#aa3442;border-color:#eecbd0;background:#fff7f8}
.line-remove{justify-self:start;padding:8px 10px;border:1px solid #d9e2ed;border-radius:7px;background:#fff;color:#6c7f93;font:inherit;font-size:11px;cursor:pointer}
.line-remove:hover{border-color:#e6a4a4;color:#a72d2d;background:#fff7f7}
.line-remove[hidden]{display:none}
.line-product>.secondary-action{padding:8px 12px;font-size:11px}
.line-pricing-note{display:block;margin-top:10px;color:#7388a0;font-size:11px;line-height:1.5}
.professional-document-form fieldset>.add-line-product{grid-column:1/-1;justify-self:start}
.order-line-subtotal{grid-column:1/-1;justify-self:end;color:var(--blue-deep);font-size:14px;font-weight:800}
@media(max-width:950px){.line-product-fields,.line-variant{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.line-product{padding:14px}.line-product-fields,.line-variant{grid-template-columns:1fr}.line-variant{padding:12px}}

/* Align the customer and two dates in the sales-order header. */
.order-create-form fieldset:first-of-type{grid-template-columns:minmax(240px,1.45fr) repeat(2,minmax(190px,1fr));align-items:end;column-gap:18px}
.order-create-form fieldset:first-of-type label{min-width:0;width:100%}
.order-create-form fieldset:first-of-type input,.order-create-form fieldset:first-of-type select{display:block;width:100%;min-width:0;height:44px}
@media(max-width:900px){.order-create-form fieldset:first-of-type{grid-template-columns:repeat(2,minmax(0,1fr))}.order-create-form fieldset:first-of-type .order-customer{grid-column:1/-1}}
@media(max-width:620px){.order-create-form fieldset:first-of-type{grid-template-columns:1fr}.order-create-form fieldset:first-of-type .order-customer{grid-column:auto}}

/* Keep the customer search aligned with the dates, and avoid clipping its result list. */
.order-create-form fieldset:first-of-type .order-customer{min-width:0}
.order-create-form .quote-customer-combobox{margin-top:7px}
.order-create-form fieldset:first-of-type input[type="hidden"]{display:none}
.order-create-form{overflow:visible}

/* Compact customer columns first; narrow windows can still scroll from above the table. */
.customer-table{min-width:1040px}
.customer-table .customer-col-number{width:38px}
.customer-table .customer-col-company,.customer-table--imported .customer-col-company{width:166px}
.customer-table .customer-col-country{width:74px}
.customer-table .customer-col-contact,.customer-table--imported .customer-col-contact{width:110px}
.customer-table .customer-col-nature{width:100px}
.customer-table .customer-col-stage{width:100px}
.customer-table .customer-col-archive{width:94px}
.customer-table .customer-col-progress,.customer-table--imported .customer-col-progress{width:255px}
.customer-table .customer-col-actions{width:90px}
.customer-table th,.customer-table td{padding-inline:6px}
.customer-table td:nth-child(3),.customer-table td:nth-child(4){white-space:normal;overflow-wrap:anywhere}
.customer-table td:nth-last-child(2){min-width:0;overflow:hidden}
.customer-table .customer-progress,.customer-table .customer-progress-input-wrap{min-width:0;max-width:100%}
.customer-table .customer-progress-input{display:block;min-width:0;max-width:100%}
.customer-progress{display:grid;gap:7px;min-width:0}
.customer-progress-input-wrap{position:relative;min-width:0}
.customer-progress-dot{position:absolute;left:12px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px #fff3b5;transform:translateY(-50%);pointer-events:none}
.customer-progress-input{width:100%;padding:10px 12px 10px 34px;border:1px solid #d3e2f6;border-radius:10px;background:linear-gradient(135deg,#fff,#f3f7fd);color:#203a5f;font:inherit;font-size:13px;outline:none;box-shadow:0 2px 8px #12356b10;transition:border-color .2s,box-shadow .2s,background .2s}
.customer-progress-input::placeholder{color:#91a0b4}
.customer-progress-input:hover{border-color:#9dbce8;background:#fff}
.customer-progress-input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #005fce1f,0 4px 12px #173c3214}
.customer-progress-input:disabled{opacity:.65;cursor:wait}
.customer-progress-meta{display:flex!important;align-items:center;gap:5px;margin:0 2px!important;color:#899a94!important;font-size:11px!important}
.customer-progress-meta::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--yellow)}
.customer-table th:last-child,.customer-table td:last-child{position:static;min-width:0;border-left:0;box-shadow:none}
.customer-table td:last-child{white-space:normal}
.customer-table td:last-child button{display:block;width:100%;margin:4px 0;padding:8px 7px;border-radius:8px;font:inherit;font-size:12px;font-weight:750;line-height:1.2;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}
.customer-table .customer-premium-select{border-color:#c92d36!important;background:#c92d36!important;color:#fff!important;box-shadow:0 2px 8px #a91b2633!important}
.customer-table .customer-premium-select:hover,.customer-table .customer-premium-select:focus{border-color:#ad1e29!important;background:#ad1e29!important;color:#fff!important;box-shadow:0 0 0 3px #c92d3628!important}
.customer-table [data-edit-customer]{border:1px solid #a9c8ed;background:#eef5ff;color:var(--blue-deep);box-shadow:0 2px 7px #0b58a913}
.customer-table [data-edit-customer]:hover,.customer-table [data-edit-customer]:focus-visible{border-color:var(--blue);background:#e3f0ff;outline:none;box-shadow:0 0 0 3px #005fce19}
.customer-table [data-save-customer]{border:1px solid var(--blue);background:var(--blue);color:#fff}
.customer-table [data-cancel-edit]{border:1px solid #d2deec;background:#fff;color:#53677e}
.customer-table [data-cancel-edit]:hover{background:#f3f7fc}
.customer-table-wrap{scrollbar-width:none;scrollbar-gutter:auto}
.customer-table-wrap::-webkit-scrollbar{height:0}
.customer-top-scrollbar{width:100%;height:17px;margin:0 0 9px;overflow-x:auto;overflow-y:hidden;scrollbar-color:#9bb8dc #edf3fa;scrollbar-width:thin}
.customer-top-scrollbar-track{height:1px}
.customer-top-scrollbar::-webkit-scrollbar{height:10px}
.customer-top-scrollbar::-webkit-scrollbar-thumb{border-radius:999px;background:#9bb8dc}
.customer-top-scrollbar::-webkit-scrollbar-track{border-radius:999px;background:#edf3fa}
@media(min-width:1100px) and (max-width:1500px){main.customer-view{padding-left:2vw;padding-right:2vw}.customer-management-panel{padding-left:16px;padding-right:16px}}
@media(max-width:760px){.customer-table{min-width:1040px}.customer-table .customer-col-progress{width:255px}.customer-table th,.customer-table td{padding-inline:6px}}

.history-order-form .history-order-number{position:relative;z-index:1;display:grid;gap:7px;min-width:205px;color:#e4efff;font-size:11px;font-weight:750}
.history-order-form .history-order-number input{width:100%;background:#fff;color:#17365c}
.history-order-form #historyOrderCustomerName{background:#f0f5fb;color:#355270;cursor:default}
@media(max-width:760px){.history-order-form .history-order-number{width:100%;min-width:0}}

/* Customer history: keep each order visually distinct and easy to scan. */
#detailOrders{display:grid;gap:16px;margin:18px 0 26px}
.history-order-card{overflow:hidden;border:1px solid #d8e4f2;border-left:4px solid var(--yellow);border-radius:14px;background:#fff;box-shadow:0 8px 24px #173b650c}
.history-order-header{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:0;padding:18px 22px;background:linear-gradient(105deg,#f3f7fe,#fff);border-bottom:1px solid #e3ebf5}
.history-order-identity{display:flex;align-items:center;gap:14px;min-width:0}.history-order-index{display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:10px;background:var(--blue);color:#fff;font-size:12px;font-weight:800}.history-order-identity small,.history-order-dates span,.history-order-summary>span{display:block;color:#7388a0;font-size:11px;font-weight:700}.history-order-identity h4{margin:3px 0 0;color:var(--blue-deep);font-size:17px;overflow-wrap:anywhere}
.history-order-dates{display:flex;gap:24px;flex-wrap:wrap}.history-order-dates strong{display:block;margin-top:4px;color:#203a5b;font-size:13px;font-weight:750;white-space:nowrap}
.history-order-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,230px);gap:22px;padding:20px 22px}.history-order-products{min-width:0}.history-order-products h5{margin:0 0 10px;color:#6d8299;font-size:11px;letter-spacing:.7px}.history-order-product{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 0}.history-order-product+.history-order-product{border-top:1px solid #e9eff6}.history-order-product strong{display:block;color:#203a5b;font-size:14px}.history-order-product small{display:block;margin-top:5px;color:#8393a5;font-size:11px;line-height:1.5}.history-order-product>span{color:#3c536d;font-size:12px;font-weight:700;white-space:nowrap}
.history-order-summary{display:grid;align-content:center;gap:9px;padding:16px;border:1px solid #dce8f6;border-radius:11px;background:#f6f9ff}.history-order-summary>strong{color:var(--blue-deep);font-size:21px;overflow-wrap:anywhere}.history-order-status{justify-self:start;padding:5px 10px;border-radius:999px;background:#fff6cf;color:#725700;font-size:11px;font-style:normal;font-weight:800}.history-order-status.is-cancelled{background:#fff0ee;color:#a64038}
.history-order-footer{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:13px 22px;border-top:1px solid #e9eff6;background:#fcfdff}.history-order-footer span{display:flex;gap:6px;min-width:0;color:#52657b;font-size:11px;overflow-wrap:anywhere}.history-order-footer b{color:#7c8da0;font-weight:700;white-space:nowrap}.history-order-footer a{margin-left:auto;padding:6px 10px;border:1px solid #bed4f0;border-radius:7px;background:#fff;color:var(--blue-deep);font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}.history-order-footer a:hover{border-color:var(--blue);background:#eef5ff}.history-order-empty{padding:30px;border:1px dashed #bfd0e5;border-radius:12px;background:#f8fbff;color:#71849b;text-align:center}
@media(max-width:820px){.history-order-header{align-items:flex-start;flex-direction:column}.history-order-content{grid-template-columns:1fr}.history-order-summary{gap:6px}.history-order-footer a{margin-left:0}}
@media(max-width:540px){.history-order-header,.history-order-content,.history-order-footer{padding-left:15px;padding-right:15px}.history-order-dates{gap:12px}.history-order-product{flex-direction:column;gap:5px}.history-order-product>span{white-space:normal}}

/* Shared bank-transfer screenshots. */
.payment-slip-heading{align-items:flex-start}.payment-slip-heading>div{max-width:680px}.payment-slip-heading input{width:min(320px,100%)}
.payment-slip-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:24px 0 32px;padding:22px;border:1px solid #d8e4f2;border-radius:14px;background:#f8fbff}
.payment-slip-form-title{grid-column:1/-1;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;padding-bottom:4px}.payment-slip-form-title strong{color:var(--blue-deep);font-size:16px}.payment-slip-form-title span,.payment-slip-files small{color:#73869d;font-size:12px;line-height:1.5}
.payment-slip-form label{min-width:0;color:#425b77;font-weight:700}.payment-slip-form input,.payment-slip-form select{width:100%;min-width:0;min-height:42px;border-color:#cbd9eb;border-radius:8px;background:#fff}.payment-slip-note{grid-column:span 2}.payment-slip-files{grid-column:1/-1}.payment-slip-files input{height:auto;padding:10px;border-style:dashed;background:#fff}.payment-slip-submit{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:16px}.payment-slip-submit span{color:#45617e;font-size:12px;overflow-wrap:anywhere}.payment-slip-submit button{white-space:nowrap}
.payment-slip-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}.payment-slip-list-head h3{margin:0;color:#173b65;font-size:16px}.payment-slip-list-head span{color:#7c8fa5;font-size:12px}.payment-slip-list{display:grid;gap:12px}
.payment-slip-card{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:18px;min-width:0;padding:12px;border:1px solid #dce7f4;border-radius:12px;background:#fff;box-shadow:0 4px 14px #173b6509}.payment-slip-preview{display:block;width:112px;height:86px;overflow:hidden;border:1px solid #dce7f4;border-radius:8px;background:#f3f7fc}.payment-slip-preview img{display:block;width:100%;height:100%;object-fit:cover}.payment-slip-info{min-width:0}.payment-slip-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px}.payment-slip-title strong{color:#163a65;font-size:15px;overflow-wrap:anywhere}.payment-slip-title span{color:var(--blue-deep);font-size:14px;font-weight:800}.payment-slip-info p{margin:5px 0 0;color:#71869e;font-size:12px;overflow-wrap:anywhere}.payment-slip-info .payment-slip-remark{color:#3d5b7d}.payment-slip-actions{display:flex;gap:8px}.payment-slip-actions a{padding:8px 10px;border:1px solid #bdd4ef;border-radius:7px;background:#eef5ff;color:var(--blue-deep);font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.payment-slip-actions a:hover{border-color:var(--blue);background:#e3f0ff}
@media(max-width:980px){.payment-slip-form{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-slip-note{grid-column:1/-1}}
@media(max-width:640px){.payment-slip-form{grid-template-columns:1fr;padding:16px}.payment-slip-note{grid-column:1}.payment-slip-card{grid-template-columns:76px minmax(0,1fr);gap:11px}.payment-slip-preview{width:76px;height:76px}.payment-slip-actions{grid-column:2;flex-wrap:wrap}.payment-slip-submit{align-items:stretch;flex-direction:column}.payment-slip-submit button{width:100%}}

/* Editable sales orders with retained contract versions. */
.order-row-actions{display:grid;gap:8px;min-width:145px}.order-row-actions .document-actions{flex-wrap:wrap}.order-row-actions [data-edit-order]{padding:6px 9px;border:1px solid #aac9ed;border-radius:7px;background:#edf5ff;color:var(--blue-deep);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.order-row-actions [data-edit-order]:hover{border-color:var(--blue);background:#dfeeff}
.order-version-list{font-size:12px;color:#425c79}.order-version-list summary{cursor:pointer;color:var(--blue-deep);font-weight:750}.order-version-list>div{display:grid;gap:8px;margin-top:8px;padding:9px;border:1px solid #dce7f4;border-radius:8px;background:#f8fbff}.order-version-entry{display:grid;gap:3px;padding-bottom:7px;border-bottom:1px solid #e4edf7}.order-version-entry:last-child{padding-bottom:0;border:0}.order-version-entry strong{color:#21466e}.order-version-entry small{font-size:11px;white-space:normal;overflow-wrap:anywhere}.order-version-entry span{display:flex;gap:12px}.order-version-entry a{font-size:11px;font-weight:750;text-decoration:none}
.order-edit-notice{margin:20px 34px 0;padding:13px 16px;border:1px solid #f0d36d;border-left:4px solid var(--yellow);border-radius:9px;background:#fff9e2;color:#4c5d72;font-size:12px;line-height:1.6}.order-revision-reason{display:grid;gap:8px;padding:16px 18px;border:1px solid #d3e1f3;border-radius:11px;background:#fff;color:#315272;font-weight:750}.order-revision-reason textarea{width:100%;padding:11px 12px;border:1px solid #cbd9eb;border-radius:8px;background:#fbfdff;color:#172c47;font:inherit;resize:vertical}.order-revision-reason textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #005fce1b}.order-revision-reason small{color:#7b8da3;font-size:11px;font-weight:400}.order-edit-drawings{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid #dce7f4;border-radius:8px;background:#f8fbff;font-size:11px}.order-edit-drawings strong{color:#385b80}.order-edit-drawings a{padding:4px 7px;border-radius:5px;background:#edf5ff;text-decoration:none}.order-edit-drawings small{width:100%;color:#7b8da3}
@media(max-width:700px){.order-edit-notice{margin:14px 16px 0}}

/* Shared workspace polish: consistent spacing, controls and safe responsive widths. */
html{scrollbar-gutter:stable}
body{min-width:0;overflow-x:hidden;background:#f3f6fb}
aside{position:sticky;top:0;flex:0 0 230px;height:100vh;min-width:0;overflow-y:auto}
main{flex:1;min-width:0;max-width:none;padding:clamp(20px,2.4vw,40px)}
.panel{min-width:0;padding:clamp(18px,2vw,30px);border-radius:16px;box-shadow:0 10px 30px #1239670b}
.panel-head{align-items:flex-start;flex-wrap:wrap;gap:16px 24px}
.panel-head>div:first-child{min-width:0}
.panel-head h2{font-size:clamp(19px,1.45vw,23px);letter-spacing:-.02em}
.panel-head p{line-height:1.55}
.management-actions{min-width:0;gap:10px}
.panel-head .management-actions{flex-wrap:nowrap}
.management-actions input{width:min(320px,100%);min-width:190px}
.panel-head>input[type="search"]{width:min(320px,100%);min-width:0}
.primary,.secondary-action,.filter-reset{min-height:40px;border-radius:9px;font:inherit;font-size:13px;font-weight:750}
.primary:focus-visible,.secondary-action:focus-visible,.filter-reset:focus-visible,nav a:focus-visible,.document-actions a:focus-visible,.product-card-actions a:focus-visible{outline:3px solid #e8b800;outline-offset:2px}
input,select,textarea{max-width:100%}
label input,label select,.panel-head input,.management-actions input{min-width:0;border-radius:9px}
.table-wrap{max-width:100%;overflow-x:auto;scrollbar-color:#a7bfdd #edf3fa;scrollbar-width:thin}
.table-wrap table{width:100%}
.table-wrap th{position:sticky;top:0;z-index:1;white-space:nowrap}
.table-wrap td{vertical-align:top;line-height:1.5}
.table-wrap td b{color:#173b65}
.table-wrap td small{line-height:1.45;overflow-wrap:anywhere}
.empty{border:1px dashed #cbd9eb;border-radius:12px;background:#f9fbff;line-height:1.6}
#orders .table-wrap{border:1px solid #e0e9f5;border-radius:12px}
#orders table{min-width:1190px}
#orders td:nth-child(5){min-width:155px;max-width:230px;overflow-wrap:anywhere}
#orders td:nth-child(11){min-width:150px}
.document-actions a,.document-actions button{white-space:nowrap}
.compact-form{grid-template-columns:repeat(3,minmax(0,1fr))}
.compact-form label,.professional-document-form label{min-width:0}
.product-management-panel .compact-form>button{justify-self:start;min-width:148px;padding-inline:18px}
.product-details{flex-wrap:wrap}
.order-create-form{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}
.order-create-form>fieldset,.order-create-form>.embedded-editor-heading,.order-create-form>.order-form-footer{min-width:0}

/* Order filters stay visible above the list; the table scrolls independently. */
.order-filter-bar{display:grid;grid-template-columns:minmax(130px,1fr) minmax(165px,1.25fr) repeat(2,minmax(140px,1fr)) auto;align-items:end;gap:11px;margin:4px 0 20px;padding:15px;border:1px solid #dce7f4;border-radius:13px;background:linear-gradient(120deg,#f7faff,#fff)}
.order-filter-bar label{min-width:0;gap:6px;color:#5a708c;font-size:11px;font-weight:800}
.order-filter-bar input,.order-filter-bar select{width:100%;height:41px;padding:8px 10px;border:1px solid #cbd9eb;border-radius:9px;background:#fff;color:#19395d;font:inherit;font-size:13px}
.order-filter-bar input:focus,.order-filter-bar select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #005fce1b}
.order-filter-footer{display:flex;align-items:center;justify-content:flex-end;gap:11px;min-height:41px;white-space:nowrap}
.order-filter-footer span{color:#6d829b;font-size:12px;font-weight:700}
.filter-reset{padding:8px 12px;border:1px solid #bfd3ed;background:#fff;color:var(--blue-deep);cursor:pointer}
.filter-reset:hover{border-color:var(--blue);background:#edf5ff}
@media(max-width:1250px){.order-filter-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.order-filter-footer{grid-column:1/-1;justify-content:flex-start}.panel-head .management-actions{justify-content:flex-start}}
@media(max-width:1100px){.order-create-form fieldset:first-of-type{grid-template-columns:repeat(2,minmax(0,1fr))}.order-create-form fieldset:first-of-type .order-customer{grid-column:1/-1}}
@media(max-width:950px){.compact-form{grid-template-columns:repeat(2,minmax(0,1fr))}.order-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.professional-document-form fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}.professional-document-form .bill-to-preview{grid-column:1/-1}}
@media(max-width:720px){aside{position:fixed;top:auto;bottom:0;height:auto;overflow-y:visible}.aside-foot{position:absolute;top:auto;left:auto;right:10px;bottom:8px;margin:0;padding:0}.settings-logo{width:36px;height:36px}.panel{padding:17px}.panel-head{display:flex;align-items:stretch;flex-direction:column}.management-actions{width:100%}.management-actions input{min-width:0}.order-filter-bar{padding:12px}.order-filter-footer{flex-wrap:wrap}.professional-document-form fieldset,.order-create-form fieldset:first-of-type{grid-template-columns:1fr}.professional-document-form .bill-to-preview,.order-create-form fieldset:first-of-type .order-customer{grid-column:auto}}
@media(max-width:500px){.order-filter-bar,.compact-form{grid-template-columns:1fr}.order-filter-footer{grid-column:1}.panel-head .management-actions{display:flex;flex-wrap:wrap}.management-actions input{flex:1 1 100%;width:100%}.management-actions button{flex:1 1 auto}.panel-head .customer-management-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.product-management-panel .compact-form>button{width:100%}}
#customerPhoneCodeHint{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.product-packaging-menu{position:relative}
.product-packaging-menu summary{display:inline-flex;align-items:center;min-height:36px;padding:8px 11px;border:1px solid #b9d0ef;border-radius:7px;background:#fff;color:var(--blue-deep);font-size:13px;font-weight:700;cursor:pointer;list-style:none}
.product-packaging-menu summary::-webkit-details-marker{display:none}
.product-packaging-menu summary:hover,.product-packaging-menu[open] summary{border-color:var(--blue);background:#f4f8ff}
.product-packaging-files{position:absolute;z-index:5;top:calc(100% + 6px);right:0;display:grid;gap:6px;min-width:260px;max-width:min(360px,80vw);max-height:280px;overflow:auto;padding:10px;border:1px solid #cbd9eb;border-radius:10px;background:#fff;box-shadow:0 12px 30px #173b6526}
.product-packaging-files a{display:block;overflow-wrap:anywhere;white-space:normal}
.product-packaging-files button{width:100%}
.customer-profile-dialog{width:min(94vw,800px);max-height:90vh;overflow:auto;padding:28px}
.customer-profile-form{gap:20px}
.customer-profile-form fieldset{min-width:0;margin:0;border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:#f9fbff}
.customer-profile-form legend{padding:0 8px;font-weight:800;color:var(--blue-deep)}
.customer-profile-form label{min-width:0;font-size:13px;font-weight:650}
.customer-profile-form input,.customer-profile-form select{width:100%;min-width:0;box-sizing:border-box;border-radius:9px;background:#fff;font-weight:400}
.customer-profile-form>button{justify-self:end;min-width:150px;padding:12px 22px}
.customer-website{display:inline-block;margin-top:6px;color:var(--blue);font-size:12px;overflow-wrap:anywhere}
.customer-website-editor{margin-top:10px;font-size:11px}
.customer-table .customer-row--editing td{vertical-align:top;background:#f4f8ff;padding-top:18px;padding-bottom:18px}
.customer-table .customer-row--editing td:first-child{box-shadow:inset 3px 0 var(--blue)}
.customer-table .customer-row--editing [data-field]{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;height:42px;padding:10px 12px;border:1px solid #c8d9ee;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:13px;line-height:20px;box-shadow:0 2px 5px #173a6306;transition:border-color .15s,box-shadow .15s}
.customer-table .customer-row--editing select[data-field]{padding-right:6px;cursor:pointer}
.customer-table .customer-row--editing [data-field]:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #005fce18}
.customer-table .customer-row--editing [data-field="company"]{font-weight:750}
.customer-table .customer-row--editing .customer-website-editor{gap:6px;margin-top:12px;color:#6b7d92;font-weight:600}
.customer-table .customer-row--editing .customer-website-editor input{height:38px;font-size:12px}
.customer-table .customer-row--editing td:last-child button{min-height:40px;margin:0 0 8px;border-radius:10px}
.customer-table .customer-row--editing .customer-progress-input{min-height:42px}








@media(max-width:540px){.customer-profile-form fieldset{grid-template-columns:1fr}.customer-profile-dialog{padding:18px}.customer-profile-form>button{width:100%}}
@media(max-width:720px){.product-packaging-files{right:auto;left:0}}