/* Coordex v0.32 · layer 31 */
:root{--cx31-ink:#202b39;--cx31-line:#e0e3e7;--cx31-blue:#3d5778}
/* toast */
#cx31Toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);z-index:100000;background:#1d2836;color:#fff;padding:12px 18px;border-radius:10px;box-shadow:0 8px 28px #0004;max-width:min(520px,90vw);font-size:14px;opacity:0;pointer-events:none;transition:.2s}
#cx31Toast.show{opacity:1;transform:translate(-50%,0)}#cx31Toast.bad{background:#8a1f2b}
/* header: compact profile, own popovers */
#appShell .profilebtn{display:flex;align-items:center;gap:8px;padding:5px 10px;min-height:44px;width:auto;max-width:240px;flex:0 0 auto}
#appShell .profilebtn .avatar{flex:0 0 auto}
#appShell .profile-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;min-width:0;width:auto;max-width:150px;flex:0 1 auto;text-align:left}
#appShell .profile-label b,#appShell .profile-label small{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#appShell .profile-label b{font-size:13px}#appShell .profile-label small{font-size:11px;color:#5f6670}
#cx13Menu{display:none!important}
#brandHome{cursor:pointer}#brandHome:focus-visible{outline:3px solid #51719b;outline-offset:2px;border-radius:10px}
#cx31Pop{position:fixed;z-index:9000;background:#fff;border:1px solid var(--cx31-line);border-radius:14px;box-shadow:0 18px 48px #1c263438;color:var(--cx31-ink);overflow:hidden}
#cx31Pop::before{content:"";position:absolute;top:-6px;left:calc(var(--ar,40px) - 6px);width:12px;height:12px;background:#fff;border-left:1px solid var(--cx31-line);border-top:1px solid var(--cx31-line);transform:rotate(45deg)}
.cx31-ph{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 8px;border-bottom:1px solid #f0f2f4;position:relative;background:#fff}
.cx31-pl{max-height:min(60vh,420px);overflow:auto;padding:4px}
.cx31-menu button,.cx31-n{display:flex;width:100%;text-align:left;background:#fff;border:0;border-radius:10px;padding:10px 12px;color:var(--cx31-ink);font-size:13px;gap:10px;align-items:flex-start}
.cx31-menu button{font-weight:560}.cx31-menu button:hover,.cx31-n:hover{background:#f3f5f8}
.cx31-n.unread{background:#f7f9fb}.cx31-n .cx31-nt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.cx31-n b{font-size:13px;font-weight:620;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cx31-n small{font-size:12px;color:#5f6670}
.cx31-ni{width:26px;height:26px;border-radius:8px;background:#edf0f3;color:var(--cx31-blue);display:grid;place-items:center;font-size:13px;flex:0 0 auto}.cx31-n.urgent .cx31-ni{background:#fde8e8;color:#b42318}
.cx31-dot{width:9px;height:9px;border-radius:50%;background:var(--cx31-blue);flex:0 0 auto;margin-top:8px}
.cx31-empty{padding:22px 14px;text-align:center;color:#5f6670;font-size:13px;margin:0}.cx31-more{margin:0;padding:4px 14px;font-size:12px;color:#5f6670}
.cx31-pf{border-top:1px solid #f0f2f4;padding:8px 14px;text-align:right}
.cx31-link{background:none!important;border:0!important;color:var(--cx31-blue)!important;font-size:12.5px;font-weight:600;padding:2px 4px!important;cursor:pointer;min-height:0!important}.cx31-link:hover{text-decoration:underline}
.cx31-abadge{font-style:normal;background:#d92d20;color:#fff;border-radius:9px;font-size:10px;font-weight:700;padding:1px 5px;margin-left:4px}.cx31-abadge[hidden]{display:none}
[data-cx31pop-open]{background:#f2f4f6!important}
.cx31-flash{animation:cx31f 1s ease}@keyframes cx31f{0%{box-shadow:0 0 0 4px #b4c4d8}100%{box-shadow:0 0 0 0 #b4c4d800}}
/* feedback FAB moves into the profile menu on Coordex so it never covers table buttons */
.wk-fab{display:none!important}
/* Today cards: one family of blues, red only for urgency, plain at zero */
#cx24Today .cx24-chip{background:#f7f8fa;border-color:#e6e9ec}
#cx24Today .cx24-chip.hot{background:#f0f3f6;border-color:#bbcadd}#cx24Today .cx24-chip.hot b{color:#3d5778}
#cx24Today .cx24-chip.hot.k-new-inquiries{background:#eaedf0;border-color:#abb8c8}#cx24Today .cx24-chip.hot.k-new-inquiries b{color:#283b54}
#cx24Today .cx24-chip.hot.k-quotations-awaiting-approval{background:#f1f3f6;border-color:#c3cfde}#cx24Today .cx24-chip.hot.k-quotations-awaiting-approval b{color:#51657f}
#cx24Today .cx24-chip.hot.k-follow-ups-due{background:#edf1f5;border-color:#b5c5da}#cx24Today .cx24-chip.hot.k-follow-ups-due b{color:#354e6f}
#cx24Today .cx24-chip.hot.k-tasks-due{background:#eef0f2;border-color:#bfc7d1}#cx24Today .cx24-chip.hot.k-tasks-due b{color:#414f61}
#cx24Today .cx24-chip.hot.k-purchase-orders-to-approve{background:#eef1f4;border-color:#bac6d6}#cx24Today .cx24-chip.hot.k-purchase-orders-to-approve b{color:#41536b}
#cx24Today .cx24-chip.hot.urgent,#cx24Today .cx24-chip.hot.k-orders-at-margin-risk{background:#fdecec;border-color:#f0a3a3}#cx24Today .cx24-chip.hot.urgent b,#cx24Today .cx24-chip.hot.k-orders-at-margin-risk b{color:#b42318}
#cx24Today .cx24-chip:hover{border-color:#6e8cb3;box-shadow:0 2px 8px #3d577822}
/* pipeline polish */
.pl-table td,.pl-table th{vertical-align:middle}.pl-table button{white-space:nowrap}.pl-table td.r,.pl-table td.pl-links,.pl-table td:last-child{white-space:nowrap}.pl-table small{white-space:nowrap}
#pipeline{padding-bottom:70px}
/* flow strip */
.cx31-flow{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 10px;font-size:12.5px}
.cx31-step{padding:4px 11px;border-radius:999px;background:#f1f2f4;color:#5f6670;font-weight:600}.cx31-step.done{background:#e3f1ea;color:#1b6b45}.cx31-step.now{background:#3d5778;color:#fff}
.cx31-sep{color:#949ba5;font-style:normal}.cx31-lost{padding:4px 11px;border-radius:999px;background:#fdecec;color:#b42318;font-weight:700}
.cx31-next{margin-left:auto;background:#3d5778;color:#fff;border:0;border-radius:9px;padding:8px 14px;font-weight:650;white-space:nowrap}.cx31-next:hover{background:#334966}
.cx31-links{margin:-4px 0 10px;color:#5f6670}.cx31-hint{margin:6px 0 0;font-size:13px;color:#414f61;background:#f3f5f8;border-radius:8px;padding:8px 12px}
.cx31-stripwrap{margin:6px 0 12px}
.cx31-primary{background:#3d5778!important;color:#fff!important;border-color:#3d5778!important}
/* order summary in create-order popup */
.o23-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;background:#f6f7f9;border:1px solid #e2e6ec;border-radius:10px;padding:10px 12px;margin:8px 0}.o23-sum div{display:flex;flex-direction:column;gap:2px}.o23-sum small{color:#5f6670;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.o23-sum b{font-size:14px}
/* wizard */
#modalBack.cx31-wide .modal,#modalBack.cx31-wide>div{max-width:min(960px,96vw)!important;width:min(960px,96vw)}
.cx31-wiz{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 14px;flex-wrap:wrap}.cx31-wiz li{padding:5px 12px;border-radius:999px;background:#f1f2f4;color:#5f6670;font-size:12.5px;font-weight:600}.cx31-wiz li.now{background:#3d5778;color:#fff}.cx31-wiz li.done{background:#e3f1ea;color:#1b6b45}
.cx31-it{display:grid;grid-template-columns:minmax(160px,3fr) 80px 90px minmax(120px,2fr) 36px;gap:8px;margin:6px 0;align-items:center}.cx31-it input,.cx31-it select{margin:0}
@media(max-width:700px){.cx31-it{grid-template-columns:1fr 70px 80px}.cx31-it [data-f="s"]{grid-column:1/3}}
.cx31-sit{border:1px solid var(--cx31-line);border-radius:12px;padding:6px 14px 12px;margin:10px 0}.cx31-sit h4,.cx31-rfq h4{margin:10px 0 6px}
.cx31-rfq{border:1px solid var(--cx31-line);border-radius:12px;padding:4px 14px 12px;margin:12px 0}
.cx31-btn{display:inline-block;background:#3d5778;color:#fff!important;border-radius:8px;padding:9px 14px;font-weight:650;font-size:13px;text-decoration:none;margin-right:6px}.cx31-btn.s{padding:6px 10px;font-size:12px}.cx31-btn.alt{background:#eef0f3;color:#3d5778!important}
.cx31-done ul{padding-left:18px}
.cx31-st{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:650;background:#f1f2f4;color:#414f61}.cx31-st.ok{background:#e3f1ea;color:#1b6b45}.cx31-st.wait{background:#eff2f6;color:#3d5778}.cx31-st.bad{background:#fdecec;color:#b42318}
.cx31-ra{display:flex;gap:6px;flex-wrap:wrap}
/* studio: design & terms panel */
.cx31-design{border:1px solid #dbe0e6;background:#f9fafc;border-radius:12px;padding:6px 14px 14px;margin:14px 0}.cx31-design h3{margin:8px 0}.cx31-design h4{margin:14px 0 6px}
.cx31-design label{display:block;font-size:12.5px;margin:8px 0 2px;color:#414f61}.cx31-design input[type=text],.cx31-design input:not([type]),.cx31-design select,.cx31-design textarea{width:100%}
.cx31-row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.cx31-row>label{flex:1;min-width:200px}.cx31-btns{display:flex;gap:6px;flex-wrap:wrap}.cx31-btns button:disabled{opacity:.45}
.cx31-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cx31-lays{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:12px 0}
.cx31-lay{display:flex;flex-direction:column;gap:6px;align-items:center;background:#fff;border:2px solid #e2e5e9;border-radius:10px;padding:8px;color:#202b39;font-size:12px}.cx31-lay.on{border-color:#3d5778;background:#f4f6f9}
.cx31-thumb{display:block;width:64px;height:48px;background:#fff;border:1px solid #d7dade;border-radius:4px;padding:5px;position:relative}.cx31-thumb i{display:block;height:5px;background:#d1d4d9;margin-bottom:4px;border-radius:2px}.cx31-thumb i:first-child{background:#3d5778;width:60%}
.cx31-thumb.t-classic i:first-child{margin:0 auto;width:50%}.cx31-thumb.t-bold{padding-top:16px}.cx31-thumb.t-bold::before{content:"";position:absolute;left:0;right:0;top:0;height:12px;background:#3d5778}.cx31-thumb.t-compact i{height:3px;margin-bottom:3px}.cx31-thumb.t-letter i:nth-child(2){height:9px}.cx31-thumb.t-technical{background:repeating-linear-gradient(0deg,#ebedf0 0 1px,#fff 1px 8px)}
.cx31-opt{margin:8px 0}.cx31-opt summary{cursor:pointer;font-weight:600;color:#3d5778}.cx31-chk{display:flex!important;gap:8px;align-items:center}.cx31-chk input{width:auto!important}
.cx31-clauses{display:grid;gap:6px}.cx31-cl{display:flex!important;gap:10px;align-items:flex-start;background:#fff;border:1px solid #e2e5e9;border-radius:10px;padding:8px 10px;margin:0!important;cursor:pointer}.cx31-cl input{width:auto!important;margin-top:3px}.cx31-cl span{display:flex;flex-direction:column}.cx31-cl small{color:#5f6670}
.cx31-upd{background:#fff8e6;border-radius:8px;padding:6px 10px}
/* customer document layouts */
#cxPaper .cx31-cover{white-space:pre-wrap;margin:18px 0 6px;line-height:1.55}
#cxPaper .cx31-bank{margin-top:22px;padding:10px 12px;border:1px dashed #c2c8d1;border-radius:6px}#cxPaper .cx31-bank h4{margin:0 0 4px}
#cxPaper .cx31-foot{margin-top:18px;text-align:center;font-size:11px;color:#636a75}
#cxPaper .cx31-sig2{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:55px;font-size:12px}#cxPaper .cx31-sig2 div{display:flex;flex-direction:column;gap:4px}#cxPaper .cx31-line{display:block;border-bottom:1px solid #8c96a3;height:34px}#cxPaper .cx31-sig2 small{color:#636a75}
#cxPaper.cx31-L-classic{font-family:Georgia,'Times New Roman',serif}#cxPaper.cx31-L-classic .cx-dochead{flex-direction:column;align-items:center;text-align:center;border-bottom:3px double var(--cx-accent);padding-bottom:12px}#cxPaper.cx31-L-classic .cx-dochead>div{text-align:center!important}#cxPaper.cx31-L-classic table th{background:none;color:#202b39;border-top:2px solid var(--cx-accent);border-bottom:2px solid var(--cx-accent)}#cxPaper.cx31-L-classic table td{border-bottom:1px solid #d9d3c3}
#cxPaper.cx31-L-bold .cx-dochead{background:var(--cx-accent);color:#fff;margin:-30px -30px 0;padding:26px 30px}#cxPaper.cx31-L-bold .cx-dochead h1,#cxPaper.cx31-L-bold .cx-dochead h2,#cxPaper.cx31-L-bold .cx-dochead small,#cxPaper.cx31-L-bold .cx-dochead b,#cxPaper.cx31-L-bold .cx-dochead p{color:#fff!important}#cxPaper.cx31-L-bold table th{background:var(--cx-accent);color:#fff}
#cxPaper.cx31-L-compact{font-size:12px;line-height:1.35}#cxPaper.cx31-L-compact table td,#cxPaper.cx31-L-compact table th{padding:4px 6px}#cxPaper.cx31-L-compact .cx-dochead h2{font-size:16px}#cxPaper.cx31-L-compact .cx-dochead h1{font-size:20px}
#cxPaper.cx31-L-letter{padding-left:46px;padding-right:46px}#cxPaper.cx31-L-letter .cx-dochead{border-bottom:1px solid var(--cx-accent);padding-bottom:10px}#cxPaper.cx31-L-letter .cx31-cover{font-size:14.5px;margin:26px 0 22px}#cxPaper.cx31-L-letter table th{background:none;border-bottom:2px solid var(--cx-accent);color:var(--cx-accent)}
#cxPaper.cx31-L-technical table{border-collapse:collapse}#cxPaper.cx31-L-technical table th,#cxPaper.cx31-L-technical table td{border:1px solid #c2c8d1;padding:6px 8px}#cxPaper.cx31-L-technical table th{background:#eff1f3;color:#202b39}#cxPaper.cx31-L-technical table td b{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}
@media print{#cxPaper .cx31-bank{border:1px solid #999}}
/* terms page */
.cx31-defaults{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:12px 0}.cx31-clgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-top:10px}
.cx31-chip{display:inline-block;background:#edf0f3;color:#3d5778;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;margin:2px 4px 2px 0}
.cx31-prev{border:1px solid #e0e3e7;border-radius:8px;padding:12px 16px}

.pl-stage{white-space:nowrap}.cx-field input[type=color]{height:40px;padding:2px}#cx31Toast{left:16px;transform:translate(0,16px)}#cx31Toast.show{transform:none}
/* one theme: navy + blue. Red only for problems. No green/yellow/purple highlights. */
.pl-stage{background:#edeff1!important;color:#24303f!important}
.pl-stage.s0{background:#ecf0f6!important;color:#3a577e!important}.pl-stage.s1{background:#e3e8ee!important;color:#374d69!important}.pl-stage.s2{background:#d2dae4!important;color:#2a3c53!important}.pl-stage.s3{background:#3d5778!important;color:#fff!important}.pl-stage.s4{background:#1d2836!important;color:#fff!important}.pl-stage.s5{background:#fdecec!important;color:#b42318!important}
.pl-again,.o23-alert,.cx31-upd{background:#f0f3f6!important;color:#374d69!important}
#cx22Toast,#cx22Toast.show{background:#1d2836!important}#cx22Toast.bad{background:#8a1f2b!important}
.cx31-step.done,.cx31-wiz li.done,.cx31-st.ok{background:#e3e8ee;color:#374d69}
.pill.green,.pill.amber,.pill.yellow{background:#ecf0f6!important;color:#3a577e!important}
#modalBack .error,.error{color:#b42318}

/* v0.33 print: only the customer paper */
@media print{
 body.cx-printing>*:not(#cxWorkspace){display:none!important}
 body.cx-printing{overflow:visible!important;background:#fff!important}
 body.cx-printing #cxWorkspace{position:static!important;inset:auto!important;overflow:visible!important;background:#fff!important;display:block!important}
 body.cx-printing #cxWorkspace .cx-top,body.cx-printing #cxWorkspace .cx-editor,body.cx-printing #cxWorkspace #cxHistory,body.cx-printing #cxWorkspace .cx-pane>h3{display:none!important}
 body.cx-printing #cxWorkspace .cx-layout{display:block!important;padding:0!important;margin:0!important}
 body.cx-printing #cxWorkspace .cx-pane{padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important}
 body.cx-printing #cxPaper{box-shadow:none!important;margin:0 auto!important;border:0!important;width:auto!important;max-width:none!important}
 @page{size:A4;margin:12mm}
}
body>#cx22Version{display:none!important}

/* v0.33 public homepage: navy and blue only */
.public-site .hero{background:linear-gradient(135deg,#182331,#2a3d55)!important;color:#fff!important}
.public-site .hero h1 em{color:#abc2e0!important;font-style:normal!important}
.public-site .hero-eyebrow{color:#abc2e0!important}
#heroDemo,.pw-btn{background:#53739d!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:12px 20px!important;font-weight:700!important;cursor:pointer}
.pw-sec{padding:64px 20px;background:#fff;color:#182331}.pw-sec.pw-alt{background:#f2f4f7}
.pw-wrap{max-width:1080px;margin:0 auto}.pw-sec h2{font-size:30px;margin:6px 0 10px;color:#182331}
.pw-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:#3d5778}.pw-lead{color:#47505b;max-width:640px;font-size:16px;line-height:1.6}
.pw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.pw-grid article{background:#f8fafc;border:1px solid #e1e5ea;border-radius:14px;padding:18px}
.pw-grid article i,.pw-steps li i{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#2a3d55;color:#fff;font-style:normal;font-weight:700;font-size:14px}
.pw-grid b,.pw-steps b{display:block;margin:10px 0 4px;color:#182331;font-size:16px}.pw-grid p,.pw-steps p{margin:0;color:#47505b;font-size:14px;line-height:1.5}
.pw-steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:0;margin:28px 0 0;counter-reset:s}
.pw-steps li{background:#fff;border:1px solid #e1e5ea;border-radius:14px;padding:18px}
.pw-two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.pw-faq details{border:1px solid #e1e5ea;border-radius:12px;padding:12px 16px;margin-bottom:10px;background:#f8fafc}.pw-faq summary{cursor:pointer;font-weight:600;color:#182331}.pw-faq p{margin:8px 0 0;color:#47505b}
.public-site .public-features,.public-site .public-how{display:none!important}
@media(max-width:900px){.pw-grid{grid-template-columns:1fr 1fr}.pw-steps{grid-template-columns:1fr}.pw-two{grid-template-columns:1fr}}
@media(max-width:560px){.pw-grid{grid-template-columns:1fr}}

.cx31-cat h5,.cx31-cath{margin:14px 0 6px;color:#182331;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.cx31-cat h5 small,.cx31-cath small{text-transform:none;letter-spacing:0;color:#5f6670;font-weight:400}
.cx20-rules{width:100%;border-collapse:collapse}.cx20-rules td,.cx20-rules th{padding:8px;border-bottom:1px solid #e8ebee;text-align:left}

#cxPaper.cx31-L-erp{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#111;padding:26px 28px}
.erp-top{display:grid;grid-template-columns:1fr auto 120px;gap:14px;align-items:start}.erp-logo{height:46px;display:block;margin-bottom:6px}.erp-co{font-size:11px;line-height:1.4}.erp-co b{font-size:15px;display:block;margin-bottom:6px}
.erp-title{border:1px solid #111;padding:6px 40px;font-weight:700;font-size:14px;align-self:start;margin-top:4px}
.erp-meta{border:1px solid #111;font-size:11px}.erp-meta div{padding:3px 6px;text-align:center;border-bottom:1px solid #111}.erp-meta div:last-child{border:0}.erp-meta small{display:block;font-weight:700;font-size:10px}
.erp-lbl{font-weight:700;margin:14px 0 3px}.erp-box{border:1px solid #111;padding:6px 8px;min-height:62px;font-size:11px;line-height:1.4;text-transform:uppercase}
.erp table{width:100%;border-collapse:collapse;margin:10px 0 0}.erp th,.erp td{border:1px solid #111;padding:4px 6px;font-size:10.5px;text-align:center;vertical-align:top;background:none;color:#111}
.erp th{font-weight:700;background:#f3f3f3}.erp-items td:nth-child(3){text-align:left}.erp-items td.r{text-align:right}.erp-items{margin-top:12px}
.erp-fill td{height:240px;border-top:0}.erp-fill td:nth-child(n){border-top:0}.erp-cond{text-align:left!important;vertical-align:bottom!important;font-size:10px}.erp-cond div{margin-top:12px;font-style:italic}.erp-cond b{font-style:normal}
.erp-items tbody tr:not(.erp-fill) td{border-bottom:0}
.erp-foot{display:grid;grid-template-columns:1fr 190px;border:1px solid #111;margin-top:10px;min-height:96px}.erp-com{padding:6px 8px;border-right:1px solid #111}.erp-comtxt{white-space:pre-wrap;font-size:10.5px;margin-top:4px}
.erp-tot{display:flex;flex-direction:column;justify-content:flex-end}.erp-tot div{display:flex;justify-content:space-between;padding:4px 8px;font-size:11px}.erp-grand{border-top:1px solid #111;font-weight:700}
.erp-bank{margin-top:10px;font-size:10px;border:1px solid #111;padding:6px 8px}
@media print{#cxPaper.cx31-L-erp{padding:0}}

/* v0.33 documents */
.erp-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.erp-two .erp-box{min-height:76px}.erp-remit{min-height:0}.erp-note{font-size:9px;color:#777;margin-top:8px}.erp-sanction{margin:14px 0 0;font-size:10px}
#cx33Doc{position:fixed;inset:0;z-index:12500;background:#f2f4f6;overflow:auto}#cx33Doc[hidden]{display:none}
#cx33Doc>header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;background:#182331;color:#fff;position:sticky;top:0;z-index:2}#cx33Doc>header small{display:block;opacity:.75}
#cx33Doc>header button{border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;border-radius:8px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer;margin-left:8px}#cx33Doc>header button.p{background:#53739d;border-color:#53739d}
.cx33-sheet{max-width:860px;margin:20px auto;padding:0 12px}.cx33-sheet #cx33Paper{background:#fff;box-shadow:0 6px 24px rgba(24, 35, 49, .15);padding:26px 28px;min-height:1000px}
@media print{body.cx-printing-doc>*:not(#cx33Doc){display:none!important}body.cx-printing-doc #cx33Doc{display:block!important;position:static!important;background:#fff!important;overflow:visible!important}body.cx-printing-doc #cx33Doc>header{display:none!important}body.cx-printing-doc .cx33-sheet{max-width:none;margin:0;padding:0}body.cx-printing-doc .cx33-sheet #cx33Paper{box-shadow:none;padding:0;min-height:0}}
.erp,.erp *{box-sizing:border-box}.erp{width:100%;max-width:100%}.erp table{table-layout:auto}
@media print{@page{size:A4;margin:12mm}body.cx-printing-doc #cx33Paper{width:100%}}
.cx31-clgrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}.cx31-clgrid>.cx31-cath{grid-column:1/-1;margin:18px 0 0}
#cx22Version,aside #cx22Version,body>#cx22Version{display:none!important}
.public-site .hero h1{color:#fff!important}.public-site .hero p{color:#dce1e8!important}.public-site .hero-sub{color:#aebac9!important}
/* v0.33.2 Today chips: one navy/blue family only */
.cx24-chip,.cx24-chip[class*="k-"]{background:#f8fafc!important;border:1px solid #e1e5ea!important;color:#182331!important}
.cx24-chip b,.cx24-chip[class*="k-"] b{color:#2a3d55!important}
.cx24-chip.hot,.cx24-chip.hot[class*="k-"]{background:#ebeef3!important;border-color:#a5b5ca!important}
.cx24-chip.urgent,.cx24-chip.urgent[class*="k-"]{background:#182331!important;border-color:#182331!important;color:#fff!important}.cx24-chip.urgent b{color:#fff!important}
.cx24-chip span{color:inherit!important}

.erp-sign{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}.erp-sign div{border-top:1px solid #111;padding-top:4px;font-size:10px;min-height:34px}
#cx33Paper[contenteditable]{outline:none}#cx33Paper:hover .erp-box,#cx33Paper:hover td{background-image:none}#cx33Paper [contenteditable]:focus,#cx33Paper td:focus{outline:1px dashed #53739d}
.cx33-saved{margin-left:8px;color:#b6c7de}
@media print{#cx33Paper:focus,#cx33Paper *:focus{outline:none!important}}

/* v0.33 client follow-ups page */
#followups>*:not(#cx33Fu){display:none!important}#cx33Fu{display:block}
.cx33-fu{padding:4px 0}.cx33-h h2{margin:0 0 4px}.cx33-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}
.cx33-tile{background:#fff;border:1px solid #e1e5ea;border-radius:12px;padding:14px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:2px;font:inherit;color:#182331}.cx33-tile b{font-size:26px}.cx33-tile span{font-weight:700}.cx33-tile small{color:#5f6670}.cx33-tile.on{border-color:#2a3d55;background:#ebeef3}.cx33-tile.static{cursor:default}
.cx33-tabs{display:flex;gap:6px;border-bottom:1px solid #e1e5ea;margin-bottom:12px;align-items:center}.cx33-tabs button{border:0;background:transparent;padding:10px 14px;border-radius:8px 8px 0 0;font:inherit;font-weight:700;color:#5f6670;cursor:pointer}.cx33-tabs button.on{background:#ebeef3;color:#2a3d55}.cx33-tabs .cx33-co{margin-left:auto;border:1px solid #d3d7dc;background:#fff;color:#182331}
.cx33-tw{background:#fff;border:1px solid #e1e5ea;border-radius:12px;overflow:auto}.cx33-tw table{width:100%;border-collapse:collapse}.cx33-tw th,.cx33-tw td{padding:10px 12px;text-align:left;border-bottom:1px solid #eaedf0;vertical-align:top}.cx33-tw th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#5f6670}
.cx33-st{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:700;background:#ebeef3;color:#2a3d55;white-space:nowrap}.cx33-st.needs-you,.cx33-st.overdue{background:#182331;color:#fff}.cx33-st.due-today{background:#d2dae4;color:#182331}.cx33-st.paused,.cx33-st.all-clear{background:#f0f2f4;color:#5f6670}
.cx33-acts{display:flex;flex-wrap:wrap;gap:6px}.cx33-acts button,.cx33-a{border:1px solid #d3d7dc;background:#fff;color:#182331;border-radius:8px;padding:7px 12px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.cx33-acts .p,.cx33-a.p{background:#2a3d55;color:#fff;border-color:#2a3d55}
.cx33-cl{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.cx33-c{background:#fff;border:1px solid #e1e5ea;border-radius:14px;padding:16px}.cx33-ct{display:flex;justify-content:space-between;gap:8px}.cx33-ct h3{margin:0}.cx33-cs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.cx33-cs b{display:block;font-size:18px}.cx33-cs span{font-size:12px;color:#5f6670}.cx33-rule{font-size:13px;color:#47505b}
.cx33-shade{position:fixed;inset:0;background:rgba(24, 35, 49, .5);z-index:13000;display:grid;place-items:center;padding:16px}.cx33-modal{background:#fff;border-radius:14px;padding:20px;max-width:620px;width:100%;max-height:92vh;overflow:auto;display:grid;gap:10px}.cx33-modal header{display:flex;justify-content:space-between;align-items:center}.cx33-modal header h2{margin:0}.cx33-modal header button{border:0;background:transparent;font-size:24px;cursor:pointer}.cx33-modal label{display:grid;gap:4px;font-weight:600;font-size:13px}.cx33-log{border-top:1px solid #eaedf0;padding-top:10px;display:grid;gap:8px}
@media(max-width:800px){.cx33-tiles{grid-template-columns:1fr 1fr}}

/* v0.33.2 supplier price book */
.cx33s-paste{border:1px dashed #acb8c7;border-radius:10px;padding:10px;margin-bottom:10px;background:#f6f7f9}
.cx33s-paste textarea{width:100%}
.cx33s-tabs{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:8px 0}
.cx33s-tabs input{flex:1;min-width:160px}
.cx33s-warn{background:#f2f4f6;border:1px solid #2e3c4f;color:#222f40;border-radius:8px;padding:8px 10px;margin:8px 0;font-size:13px}
.cx33s-bar{background:#f2f4f6;border-bottom:2px solid #2e3c4f;color:#222f40;padding:8px 16px;font-size:13px}
.cx33s-bar>div+div{margin-top:6px}
.cx33s-bar button{margin-left:8px;padding:3px 10px}

/* v0.34 ERP trail */
.cx34-next{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#222f40;color:#fff;border-radius:12px;padding:12px 16px;margin:8px 0 12px}
.cx34-next span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.cx34-next b{flex:1;font-size:16px}
.cx34-next button{background:#fff!important;color:#222f40!important;border:0}.cx34-next.ok{background:#edeff2;color:#222f40}
.cx34-trail tr.done td{color:#222f40}.cx34-trail tr:not(.done) td{color:#535e6c}.cx34-trail td:last-child{text-align:right;white-space:nowrap}
.cx34-ar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0}.cx34-ar div{background:#f6f7f9;border:1px solid #dfe3e8;border-radius:10px;padding:10px}.cx34-ar small{display:block;color:#535e6c}.cx34-ar b{font-size:17px;color:#222f40}
.cx34-rule{display:block;margin:6px 0}
.cx34-party-sw{display:inline-flex;border:1px solid #222f40;border-radius:10px;overflow:hidden;margin:0 0 12px}
.cx34-party-sw button{background:#fff;color:#222f40;border:0;padding:8px 18px;font-weight:600;cursor:pointer}.cx34-party-sw button.on{background:#222f40;color:#fff}
.cx34-party-sw i{font-style:normal;background:#e4e7ec;color:#222f40;border-radius:9px;padding:0 7px;margin-left:5px;font-size:12px}.cx34-party-sw button.on i{background:#fff}
.cx34-party{display:inline-block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;border-radius:5px;padding:2px 7px;margin-right:6px;vertical-align:middle}
.cx34-party.c{background:#222f40;color:#fff}.cx34-party.s{background:#fff;color:#222f40;border:1.5px solid #222f40}
.cx34-kind{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#535e6c;font-weight:700}
.cx34-sup .cx33-h h2::before{content:"SUPPLIER";font-size:11px;letter-spacing:.08em;border:1.5px solid #222f40;border-radius:5px;padding:2px 7px;margin-right:10px;vertical-align:middle}
.cx33-fu:not(.cx34-sup) .cx33-h h2::before{content:"CUSTOMER";font-size:11px;letter-spacing:.08em;background:#222f40;color:#fff;border-radius:5px;padding:2px 7px;margin-right:10px;vertical-align:middle}
/* v0.35 inventory + access rights (navy family) */
.cx35-n{font-style:normal;background:#222f40;color:#fff;border-radius:9px;padding:0 7px;font-size:12px;margin-left:4px}
.cx35-filter{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.cx35-filter input{flex:1;min-width:220px}
.cx35-off{opacity:.55}.cx35-neg{color:#7a1f1f}.cx35-tot td{border-top:2px solid #222f40}
.cx35-nocost .cx35-cost{display:none!important}
.cx35-itabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.cx35-fig,.cx35-hdr{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:12px 0}
.cx35-fig>div{background:#f2f4f7;border:1px solid #d7dce2;border-radius:10px;padding:8px 12px}.cx35-fig small{display:block;color:#474d55}.cx35-fig b{font-size:18px;color:#222f40}
.cx35-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin-bottom:6px}
.cx35-bar,.cx35-box{background:#f2f4f7;border:1px solid #d7dce2;border-radius:10px;padding:8px 12px;margin:8px 0;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cx35-box{display:block}
.cx35-chip{display:inline-block;border-radius:8px;padding:3px 9px;font-size:13px;margin:2px 0}.cx35-chip.ok{background:#e4e7ec;color:#222f40}.cx35-chip.bad{background:#f4dede;color:#7a1f1f}
.cx35-sheet{border:1px solid #d7dce2;border-radius:10px;padding:10px;margin:10px 0}
.cx35-acl th.c,.cx35-acl td.c{text-align:center;font-size:12px;min-width:84px}.cx35-acl tr.grp td{background:#f2f4f7;color:#222f40}
#modalBack.cx35-top{z-index:12600!important}
/* order studio */
#cx33Doc.cx35os{display:flex;flex-direction:column}.cx35os-body{display:grid;grid-template-columns:380px 1fr;flex:1;min-height:0}
.cx35os-form{background:#fff;border-right:1px solid #d7dce2;padding:16px 18px;overflow:auto}.cx35os-form label{display:block;margin:10px 0 3px;font-size:12px;color:#474d55}.cx35os-form input,.cx35os-form select{width:100%}
.cx35os-body .cx33-sheet{overflow:auto;padding:18px}
@media(max-width:900px){.cx35os-body{grid-template-columns:1fr}}
.cx35os-form{grid-column:1;grid-row:1;height:100%}.cx35os-body .cx33-sheet{grid-column:2;grid-row:1;margin:0 auto;width:100%;max-width:900px;height:100%}
.cx35-smart{background:#f2f4f7;border:1px solid #d7dce2;border-radius:12px;padding:12px 14px;margin:10px 0 14px}.cx35-smart-h{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;margin-bottom:6px}.cx35-smart textarea{width:100%;box-sizing:border-box}
.cx35-smart-r{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.cx35-smart-r select{flex:1;min-width:200px}
.cx35-more{border:1px solid #d7dce2;border-radius:10px;padding:8px 12px;margin:12px 0}.cx35-more summary{cursor:pointer;font-weight:600;color:#222f40}.cx35-more[open] summary{margin-bottom:10px}.cx35-small{margin-top:10px}