:root{--v4-blue:#2f6df6;--v4-blue-soft:#edf3ff;--v4-ink:#14213d;--v4-muted:#71809a;--v4-line:#e4eaf3;--v4-bg:#f5f7fb;--v4-card:#fff;--v4-shadow:0 10px 30px rgba(30,58,115,.08)}
/* Reusable V4 primitives for upcoming page work. */
.v4-btn{height:38px;padding:0 14px;border:1px solid var(--v4-line);border-radius:10px;background:#fff;color:#536581;font:inherit;font-size:13px;cursor:pointer;transition:.16s}.v4-btn-primary{border-color:var(--v4-blue);background:var(--v4-blue);color:#fff}.v4-btn-ghost{border-color:transparent;background:transparent}.v4-btn-danger{border-color:#f1d2d2;color:#b94f4f}.v4-card{border:1px solid var(--v4-line);border-radius:16px;background:var(--v4-card);box-shadow:var(--v4-shadow)}.v4-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:8px;background:#edf3ff;color:#356ed2;font-size:11px;font-weight:650}.v4-toolbar{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--v4-line);border-radius:14px;background:#fff}.v4-field,.v4-select{height:38px;padding:0 11px;border:1px solid var(--v4-line);border-radius:9px;background:#fff;color:var(--v4-ink);font:inherit;font-size:13px}.v4-table{width:100%;border-collapse:collapse}.v4-table th{padding:12px;text-align:left;background:#f7f9fc;color:#7a89a1;font-size:12px;font-weight:550}.v4-table td{padding:14px 12px;border-bottom:1px solid #edf1f6}.v4-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.v4-empty-state{padding:32px;text-align:center;color:var(--v4-muted)}.v4-tabs{display:flex;gap:5px;border-bottom:1px solid var(--v4-line)}.v4-tabs button{padding:10px 13px;border:0;border-bottom:2px solid transparent;background:none;color:var(--v4-muted)}.v4-tabs button.active{border-color:var(--v4-blue);color:var(--v4-blue);font-weight:700}
body{background:var(--v4-bg);color:var(--v4-ink)}
.app-shell{grid-template-columns:220px 1fr}
.sidebar{width:220px;background:#fff;color:var(--v4-ink);border-right:1px solid var(--v4-line);padding:20px 13px;box-shadow:4px 0 18px rgba(24,51,100,.035)}
.brand{border-bottom:1px solid var(--v4-line);padding:0 9px 19px}.brand strong{color:var(--v4-ink);letter-spacing:.03em}.brand small{color:#8796ae}.brand-mark{background:var(--v4-blue);box-shadow:0 8px 18px rgba(47,109,246,.25)}.brand-mark span,.brand-mark i{background:#fff}.brand-mark:after{background:#ffd16a}
.nav{padding-top:14px}.nav p{color:#9aa8bd;font-size:11px;letter-spacing:.08em;margin:19px 10px 7px}.nav-item{height:42px;color:#66758f;border-radius:11px;font-size:13px}.nav-item span{color:#8292ad}.nav-item:hover{background:#f4f7fd;color:var(--v4-blue)}.nav-item.active{background:var(--v4-blue-soft);color:var(--v4-blue);box-shadow:inset 3px 0 0 var(--v4-blue);font-weight:700}.nav-item.active span{color:var(--v4-blue)}.nav-item em{background:#eef2f8;color:#74839b}.nav-item em.danger{background:#fff0f0;color:#c05b5b}.nav-group.expanded .nav-parent{background:var(--v4-blue-soft);color:var(--v4-blue);box-shadow:inset 3px 0 0 var(--v4-blue)}.nav-flyout{left:210px;border-color:var(--v4-line);box-shadow:16px 18px 42px rgba(30,58,115,.14)}.nav-subitem-primary{background:var(--v4-blue)}.nav-subitem-primary:hover{background:#245fdc}.nav-subitem:hover,.nav-subitem.active{background:var(--v4-blue-soft);color:var(--v4-blue)}
.sidebar-bottom{border-color:var(--v4-line)}.user-card{color:var(--v4-ink)}.user-card small{color:#8b9ab0}.avatar{background:var(--v4-blue-soft);color:var(--v4-blue)}
.main{background:var(--v4-bg)}.topbar{height:76px;padding:0 32px;background:rgba(255,255,255,.96);border-color:var(--v4-line);gap:22px}.topbar .search{order:2;width:min(390px,34vw);background:#f7f9fc;border-color:var(--v4-line);border-radius:12px}.top-actions{order:3}.top-actions .primary-btn{background:var(--v4-blue);border-radius:10px}.top-actions .primary-btn:hover{background:#245fdc}.date-chip,.icon-btn{border-color:var(--v4-line);color:var(--v4-muted)}.v4-top-context{order:1;min-width:235px}.v4-top-context b{display:block;font-size:18px;line-height:1.15}.v4-top-context small{display:block;margin-top:4px;color:var(--v4-muted);font-size:11px}.v4-top-context small span{color:#a5b1c3;margin:0 6px}
.content{padding:30px 34px 54px;max-width:1680px}.page-head{margin-bottom:22px}.page-head h1{font-size:28px}.page-head p{color:var(--v4-muted)}.panel,.table-card,.orders-card,.toolbar,.kpi,.module-card{border-color:var(--v4-line);box-shadow:var(--v4-shadow);border-radius:16px}
.primary-btn{background:var(--v4-blue);border-radius:10px}.outline-btn,.ghost-btn{border-color:var(--v4-line);border-radius:10px;color:#536581}.outline-btn:hover,.ghost-btn:hover{border-color:#b9caf0;background:#f6f8ff;color:var(--v4-blue)}.danger-btn{border-radius:10px}
.status{border-radius:8px;padding:5px 9px;background:#edf8f2;color:#23805e}.status.orange{background:#fff5e6;color:#ad7317}.status.blue{background:#edf3ff;color:#356ed2}.status.red{background:#fff0f0;color:#bd5555}
.data-table th{background:#f7f9fc;color:#7a89a1;border-bottom-color:var(--v4-line);padding:13px 12px}.data-table td{padding:15px 12px;border-bottom-color:#edf1f6}.data-table tbody tr:hover{background:#f7f9ff}.toolbar{background:#fff;padding:14px}.filter{border-color:var(--v4-line);border-radius:9px;background:#fff;color:#66758f}.filter:hover{border-color:#b8c9ee;color:var(--v4-blue)}
.modal-backdrop{background:rgba(20,33,61,.42);backdrop-filter:blur(3px)}.modal{border:1px solid var(--v4-line);border-radius:18px;box-shadow:0 28px 80px rgba(20,42,90,.2)}.modal-head{border-bottom-color:var(--v4-line);padding:22px 25px}.modal-actions{border-top-color:var(--v4-line);background:#f8faff}.sales-order-modal input,.sales-order-modal select,.sales-order-modal textarea{border-color:#dfe6f1;border-radius:9px}.sales-order-modal input:focus,.sales-order-modal select:focus,.sales-order-modal textarea:focus{border-color:#8eacf0;box-shadow:0 0 0 3px rgba(47,109,246,.1)}
.v4-dashboard{display:flex;flex-direction:column;gap:18px}.v4-page-head{display:flex;justify-content:space-between;align-items:flex-start}.v4-page-head h1{font-size:29px;margin:0 0 5px;letter-spacing:-.03em}.v4-page-head p{margin:0;color:var(--v4-muted);font-size:13px}.v4-page-actions{display:flex;gap:9px}.v4-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.v4-stat{background:#fff;border:1px solid var(--v4-line);border-radius:16px;padding:18px 19px;min-height:130px;box-shadow:var(--v4-shadow);transition:transform .18s,box-shadow .18s}.v4-stat:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(30,58,115,.13)}.v4-stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--v4-muted);font-size:12px}.v4-stat-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--v4-blue-soft);color:var(--v4-blue);font-weight:700}.v4-stat strong{display:block;margin-top:16px;font-size:28px;letter-spacing:-.04em}.v4-stat small{display:block;margin-top:5px;color:#95a1b4;font-size:11px}.v4-state-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v4-state{display:flex;align-items:center;gap:12px;border:1px solid var(--v4-line);background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 5px 18px rgba(30,58,115,.045)}.v4-state i{width:11px;height:11px;border-radius:50%;background:#f0ad3d;box-shadow:0 0 0 5px #fff4df}.v4-state:nth-child(2) i{background:#4d88ef;box-shadow:0 0 0 5px #eaf1ff}.v4-state:nth-child(3) i{background:#9a72d4;box-shadow:0 0 0 5px #f1ebff}.v4-state:nth-child(4) i{background:#33a47a;box-shadow:0 0 0 5px #e5f7ef}.v4-state b{display:block;font-size:14px}.v4-state small{display:block;color:var(--v4-muted);font-size:11px;margin-top:2px}.v4-state strong{margin-left:auto;font-size:22px}.v4-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:16px}.v4-section{background:#fff;border:1px solid var(--v4-line);border-radius:16px;box-shadow:var(--v4-shadow);padding:19px}.v4-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.v4-section-head h2{font-size:16px;margin:0}.v4-section-head small{color:var(--v4-muted);font-size:11px}.v4-order-row,.v4-follow-row{display:grid;grid-template-columns:1.1fr 1fr .8fr .7fr;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #edf1f6;font-size:12px}.v4-order-row:last-child,.v4-follow-row:last-child{border-bottom:0}.v4-order-row b,.v4-follow-row b{display:block;font-size:13px}.v4-order-row small,.v4-follow-row small{display:block;color:var(--v4-muted);margin-top:3px}.v4-follow-row{grid-template-columns:34px 1fr auto}.v4-avatar{width:34px;height:34px;border-radius:11px;background:#eef3ff;color:var(--v4-blue);display:grid;place-items:center;font-weight:700}.v4-money{text-align:right;font-weight:700}.v4-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:1200px){.v4-top-context{min-width:190px}.v4-stat-grid{grid-template-columns:repeat(2,1fr)}.v4-state-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.main{grid-column:1}.topbar{padding:0 16px}.topbar .search{display:none}.v4-top-context{min-width:0}.v4-top-context b{font-size:15px}.content{padding:20px 16px}.v4-page-head{display:block}.v4-page-actions{margin-top:13px}.v4-dashboard-grid,.v4-bottom-grid{grid-template-columns:1fr}.v4-stat-grid,.v4-state-grid{grid-template-columns:1fr 1fr}.v4-order-row{grid-template-columns:1fr 1fr}.v4-order-row .v4-money{display:none}}

/* V3/Frappe Desk source-aligned layer. Values come from the running V3 desk bundle. */
:root{--v4-blue:#171717;--v4-blue-soft:#f3f3f3;--v4-ink:#383838;--v4-muted:#7c7c7c;--v4-line:#ededed;--v4-bg:#fff;--v4-card:#fff;--v4-shadow:none;--border-radius:8px;--border-radius-md:10px}
body{font-family:Inter,"Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;background:#fff;color:#383838}
.app-shell{grid-template-columns:220px minmax(0,1fr)}
.sidebar{width:220px;padding:12px 8px 10px;background:#f8f8f8;border-right:1px solid #ededed;box-shadow:none}
.brand{height:48px;padding:4px 8px 10px;border-bottom:0;gap:9px}.brand-mark{width:32px;height:32px;border-radius:8px;background:#2490ef;box-shadow:none}.brand strong{font-size:14px;font-weight:600;color:#383838}.brand small{font-size:11px;color:#7c7c7c}
.nav{padding-top:5px}.nav p{margin:14px 10px 5px;color:#a3a3a3;font-size:10px;letter-spacing:.04em}.nav-item{height:32px;padding:0 9px;border-radius:6px;color:#525252;font-size:13px;font-weight:420;gap:8px}.nav-item span{font-size:14px;color:#7c7c7c}.nav-item:hover{background:#f3f3f3;color:#232323}.nav-item.active{background:#fff;color:#232323;box-shadow:0 1px 2px rgba(0,0,0,.1);font-weight:500}.nav-item.active span{color:#525252}.nav-item em{padding:0 6px;background:#ededed;color:#7c7c7c}.nav-item em.danger{background:#fff0e8;color:#c46a1a}.nav-group.expanded .nav-parent{background:#fff;color:#232323;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.nav-flyout{left:212px;width:208px;padding:7px;border-color:#ededed;border-radius:0 8px 8px 0;box-shadow:0 6px 16px rgba(0,0,0,.1)}.nav-subitem{min-height:42px;border-radius:6px}.nav-subitem:hover,.nav-subitem.active{background:#f3f3f3;color:#232323}.nav-subitem-primary,.nav-subitem-primary:hover{background:#171717;color:#fff}.nav-subitem>span{border-radius:6px;background:#f3f3f3;color:#525252}
.sidebar-bottom{border-color:#ededed}.user-card{padding:8px;border-radius:8px}.avatar{height:32px;width:32px;border-radius:50%;background:#dff3e6;color:#16805e}.user-card b{font-size:12px}
.main{background:#fff}.topbar{height:48px;padding:0 15px;background:#fff;border-bottom:1px solid #ededed;box-shadow:none;gap:14px}.v4-top-context{min-width:230px}.v4-top-context b{font-size:15px;font-weight:600;color:#232323}.v4-top-context small{font-size:11px;margin-top:1px;color:#7c7c7c}.topbar .search{height:32px;width:min(300px,30vw);margin-left:auto;border:0;border-radius:8px;background:#f3f3f3}.search input{font-size:12px}.search kbd{border:0;background:transparent;color:#7c7c7c}.v4-workspace-label,.date-chip{display:none}.icon-btn{width:32px;height:32px;border:0;border-radius:8px;background:transparent}.top-actions{gap:5px}.top-actions .primary-btn,.primary-btn{height:32px;padding:0 12px;border-radius:6px;background:#171717;color:#fff;font-size:12px;font-weight:550}.primary-btn:hover,.top-actions .primary-btn:hover{background:#383838}.workspace-tabs{display:none!important}
.content{max-width:none;margin:0;padding:22px 15px 44px}.page-head,.v4-page-head{margin-bottom:16px}.page-head h1,.v4-page-head h1{font-size:20px;font-weight:600;letter-spacing:-.01em;color:#232323;margin-bottom:3px}.page-head p,.v4-page-head p{font-size:12px;color:#7c7c7c}.head-actions{gap:5px}
.panel,.table-card,.orders-card,.toolbar,.kpi,.module-card,.v4-card,.v4-section,.v4-stat{border-color:#ededed;border-radius:10px;box-shadow:none}.outline-btn,.ghost-btn,.v4-btn{height:30px;padding:0 10px;border-color:#ededed;border-radius:6px;background:#f8f8f8;color:#525252;font-size:12px}.outline-btn:hover,.ghost-btn:hover,.v4-btn:hover{background:#f3f3f3;border-color:#dedede;color:#232323}.danger-btn{height:30px;border-radius:6px}.status,.v4-badge{padding:3px 7px;border-radius:12px;font-size:11px;font-weight:500}.status:before{width:5px;height:5px}.status.blue{background:#eaf3fc;color:#1b6db1}.status.orange{background:#fff3e0;color:#9f6408}.status.red{background:#fdecec;color:#b64949}.status.green{background:#e7f5ee;color:#187957}
.toolbar,.v4-toolbar,.sales-filter-panel{padding:8px;border-radius:8px;box-shadow:none}.filter,.v4-field,.v4-select,.sales-search-box{height:32px;border-color:#ededed;border-radius:6px;background:#f8f8f8;font-size:12px}.sales-search-box:focus-within{border-color:#d6d6d6;box-shadow:none;background:#fff}.data-table th,.v4-table th{padding:8px 10px;background:#f3f3f3;color:#525252;font-size:11px;font-weight:500;border-bottom:0}.data-table td,.v4-table td{padding:10px;border-bottom:1px solid #ededed;font-size:12px}.data-table tbody tr:hover,.v4-table tbody tr:hover{background:#f8f8f8}.orders-card{padding:0;overflow:hidden}.summary-strip{border-radius:8px;box-shadow:none}
.tabs,.v4-tabs{gap:0;border-color:#ededed}.tabs button,.v4-tabs button{padding:8px 10px;font-size:12px}.tabs button.active,.v4-tabs button.active{color:#232323;border-color:#232323}
.modal-backdrop{background:rgba(0,0,0,.35);backdrop-filter:none}.modal{border:0;border-radius:12px;box-shadow:0 18px 22px -6px rgba(0,0,0,.1),0 0 6px 3px rgba(0,0,0,.03)}.modal-head{padding:16px;border-color:#ededed}.modal-head h2{font-size:16px}.modal-actions{padding:10px 16px;background:#fff;border-color:#ededed}.draft-section{border-color:#ededed;border-radius:8px}.draft-section-title{background:#f8f8f8;border-color:#ededed}.sales-order-modal input,.sales-order-modal select,.sales-order-modal textarea,.field-grid input,.field-grid select,.field-grid textarea{border-color:#ededed;border-radius:6px;font-size:12px}.sales-order-modal input:focus,.sales-order-modal select:focus,.sales-order-modal textarea:focus{border-color:#b8b8b8;box-shadow:0 0 0 2px rgba(0,0,0,.05)}
.v4-dashboard{gap:14px}.v4-stat-grid{gap:10px}.v4-stat{min-height:108px;padding:14px;transition:background .15s,border-color .15s}.v4-stat:hover{transform:none;background:#f8f8f8;border-color:#dedede;box-shadow:none}.v4-stat-top{font-size:11px}.v4-stat-icon{width:28px;height:28px;border-radius:7px;background:#f3f3f3;color:#525252}.v4-stat strong{margin-top:11px;font-size:23px;font-weight:600}.v4-stat small{margin-top:3px}.v4-state-grid{gap:8px}.v4-state{padding:10px 12px;border-color:#ededed;border-radius:8px;box-shadow:none}.v4-state strong{font-size:18px}.v4-state i{width:7px;height:7px;box-shadow:0 0 0 3px #fff3e0}.v4-state:nth-child(2) i{box-shadow:0 0 0 3px #eaf3fc}.v4-state:nth-child(3) i{box-shadow:0 0 0 3px #f3edfc}.v4-state:nth-child(4) i{box-shadow:0 0 0 3px #e7f5ee}.v4-dashboard-grid,.v4-bottom-grid{gap:10px}.v4-section{padding:14px}.v4-section-head{margin-bottom:8px}.v4-order-row,.v4-follow-row{padding:9px 0}.v4-avatar{border-radius:7px;background:#f3f3f3;color:#525252}
.v4-dashboard-search{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:8px 0}.v4-dashboard-search input{height:32px;min-width:0;padding:0 8px;border:1px solid #ededed;border-radius:6px;background:#f8f8f8;color:#383838;font:inherit;font-size:12px}.v4-dashboard-search>input{flex:1;min-width:180px}.v4-dashboard-search label{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:11px;color:#777}.v4-dashboard-search label input{width:135px}.v4-dashboard-filter-note{display:block;margin-bottom:6px;color:#8c8c8c;font-size:10px}
.crm-stat,.customer-profile,.sales-priority-board,.production-summary-v23{box-shadow:none!important;border-color:#ededed!important;border-radius:10px!important}.crm-stat{padding:12px}.crm-stat strong{font-size:18px}.crm-tabs button,.sales-view-tabs button,.sales-record-status-tabs button{height:30px;border-radius:6px;font-size:12px}.crm-tabs button.active,.sales-view-tabs button.active,.sales-record-status-tabs button.active{background:#f3f3f3!important;color:#232323!important;border-color:#ededed!important;box-shadow:none!important}.priority-card{border-color:#ededed!important;border-radius:8px!important;background:#f8f8f8!important}.sales-record-table{min-width:1120px}.sales-filter-grid{gap:6px}.sales-filter-grid select,.sales-filter-grid input{height:32px;border-color:#ededed;border-radius:6px;background:#f8f8f8;font-size:12px}
@media(max-width:1200px){.v4-top-context{min-width:180px}.content{padding-left:12px;padding-right:12px}}

/* V4.2 daily-use simplification: fewer navigation layers, calmer lists and readable forms. */
@media(min-width:761px){.app-shell{grid-template-columns:188px minmax(0,1fr)}.sidebar{width:188px}.content{max-width:1540px;margin:0 auto;padding:20px 20px 44px}}
.nav{display:flex;flex-direction:column;gap:2px}.nav p{margin-top:12px}.nav-item{flex:0 0 auto;height:36px;padding:0 10px}.nav-item.active{box-shadow:none;border:1px solid #dedede}.nav-item span{width:19px;text-align:center}.sidebar-bottom{padding-top:8px}
.topbar{height:50px}.v4-top-context{min-width:200px}.topbar .search{width:min(360px,32vw)}.top-actions .icon-btn{display:none}.workspace-tabs{display:none!important}
.page-head,.v4-page-head{align-items:center}.page-head h1,.v4-page-head h1{font-size:21px}.page-head p,.v4-page-head p{max-width:720px;line-height:1.6}.head-actions,.v4-page-actions{flex-wrap:wrap}
.sales-focus-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.sales-focus-strip>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 13px;border:1px solid #ededed;border-radius:8px;background:#fff}.sales-focus-strip small{color:#7c7c7c}.sales-focus-strip b{font-size:13px;color:#232323}
.sales-workbench-nav{align-items:center;margin-bottom:8px}.sales-record-status-tabs{padding:2px;border-radius:7px}.sales-record-status-tabs button{height:30px;padding:0 10px;border-radius:5px;font-size:12px}.sales-view-tabs{display:flex;gap:2px;padding:2px;border:1px solid #ededed;border-radius:7px;background:#f8f8f8}.sales-view-tabs button{height:30px;padding:0 11px;border:0;border-radius:5px;background:transparent;color:#7c7c7c;font-size:12px}.sales-view-tabs button.active{background:#fff!important;color:#232323!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important}
.simple-search-row{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:start;gap:8px}.simple-search-row .sales-search-box{min-width:0;width:100%;height:36px;box-sizing:border-box}.sales-advanced-filters{position:relative;min-width:0}.sales-advanced-filters[open]{grid-column:1/-1;width:100%;min-width:0;box-sizing:border-box}.sales-advanced-filters .sales-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sales-filter-panel{padding:8px;margin-bottom:10px}.simple-search-row{display:flex;align-items:flex-start;gap:8px}.simple-search-row .sales-search-box{flex:1;height:36px}.sales-advanced-filters{position:relative;flex:0 0 auto}.sales-advanced-filters summary{height:36px;display:flex;align-items:center;padding:0 11px;border:1px solid #ededed;border-radius:6px;background:#f8f8f8;color:#525252;cursor:pointer;list-style:none;white-space:nowrap}.sales-advanced-filters summary::-webkit-details-marker{display:none}.sales-advanced-filters[open]{flex:1 0 100%}.sales-advanced-filters[open] summary{width:max-content;margin-left:auto;background:#fff}.sales-advanced-filters .sales-filter-grid{grid-template-columns:repeat(3,minmax(130px,1fr));padding:10px 0 2px}.sales-filter-result{min-height:32px}.simple-sales-table{min-width:820px}.simple-sales-table th:nth-child(1){width:20%}.simple-sales-table th:nth-child(2){width:20%}.simple-sales-table th:nth-child(3){width:22%}.simple-sales-table th:nth-child(4){width:14%}.simple-sales-table th:nth-child(5){width:13%}.simple-sales-table td{vertical-align:middle}.sales-primary-line{display:block;margin-top:5px}.simple-flow-stack{display:flex;align-items:flex-start;gap:5px;flex-wrap:wrap}.simple-flow-stack .flow-status{max-width:100%;padding:4px 7px}.sales-row-actions .outline-btn{height:28px}
.full-order-surface{max-width:1320px;margin:0 auto}.full-order-surface .draft-section{margin-bottom:10px}.full-order-surface .draft-section-title{padding:10px 13px}.full-order-surface .simple-entry .order-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;padding:12px 13px 2px}.full-order-surface .order-form-grid .customer-picker-field,.full-order-surface .order-form-grid .span-2{grid-column:span 2}.full-order-surface .simple-entry:not(.show-order-more) .order-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.full-order-surface .simple-entry:not(.show-order-more) .payment-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.full-order-surface label{font-size:11px}.full-order-surface input,.full-order-surface select,.full-order-surface textarea{min-height:36px;font-size:13px}.full-order-surface .draft-items{padding:9px}.full-order-surface .draft-item{grid-template-columns:104px minmax(0,1fr) 34px;gap:10px;padding:10px}.full-order-surface .draft-photo{height:88px}.full-order-surface .simple-draft-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.full-order-surface .simple-draft-fields .wide-name{grid-column:span 2}.full-order-surface .simple-draft-fields .wide-note{grid-column:span 4}.full-order-surface .draft-item-fields label{font-size:11px}.full-order-surface .draft-line-total{min-height:36px}.full-order-surface .production-requirement-grid{grid-template-columns:1fr 2fr}.full-order-surface .payment-form-grid{gap:8px 12px}.full-order-surface .draft-footer-grid{grid-template-columns:minmax(0,1fr) 300px}.full-order-surface .sales-modal-actions{padding-top:10px;padding-bottom:10px}
.history-expanded .history-sku-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:210px}.history-sku-list article{padding:9px}.customer-product-history{margin-bottom:8px}
.entry-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 auto 10px;max-width:1320px;overflow:hidden;border:1px solid #ededed;border-radius:8px;background:#ededed}.entry-guide span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;background:#fff;color:#525252;font-size:12px}.entry-guide i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#f3f3f3;color:#525252;font-style:normal;font-size:10px;font-weight:600}.entry-guide span:first-child i{background:#171717;color:#fff}
@media(max-width:1000px){.sales-focus-strip{grid-template-columns:1fr 1fr 1fr}.sales-advanced-filters .sales-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full-order-surface .simple-entry .order-form-grid,.full-order-surface .simple-entry:not(.show-order-more) .order-form-grid,.full-order-surface .simple-entry:not(.show-order-more) .payment-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-expanded .history-sku-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sales-focus-strip{grid-template-columns:1fr}.simple-search-row{flex-wrap:wrap}.sales-advanced-filters{width:100%}.sales-advanced-filters[open]{flex-basis:100%}.sales-advanced-filters .sales-filter-grid{grid-template-columns:1fr}.full-order-surface .simple-entry .order-form-grid,.full-order-surface .simple-entry:not(.show-order-more) .order-form-grid,.full-order-surface .simple-entry:not(.show-order-more) .payment-form-grid,.full-order-surface .simple-draft-fields{grid-template-columns:1fr}.full-order-surface .order-form-grid .customer-picker-field,.full-order-surface .order-form-grid .span-2,.full-order-surface .simple-draft-fields .wide-name,.full-order-surface .simple-draft-fields .wide-note{grid-column:1}.full-order-surface .draft-item{grid-template-columns:80px minmax(0,1fr) 32px}.history-expanded .history-sku-list{grid-template-columns:1fr}.full-order-surface .draft-footer-grid{grid-template-columns:1fr}.entry-guide{grid-template-columns:1fr 1fr}.entry-guide span{min-height:34px}}

/* Sales order sheet: one product per row, with the same field order in every row. */
.bluecloud-entry .draft-sheet-scroll{max-width:100%;overflow-x:auto;border:1px solid #e2e8e5;border-radius:8px;background:#fff}
.bluecloud-entry .draft-sheet{min-width:1300px}
.bluecloud-entry .draft-sheet-head,.bluecloud-entry .draft-sheet-row{display:grid!important;grid-template-columns:42px 62px 112px minmax(155px,1.3fr) 112px 112px 112px 65px 76px 82px 100px minmax(145px,1fr) 72px!important;align-items:center;gap:0!important}
.bluecloud-entry .draft-sheet-head{min-height:38px;background:#f4f7f6;border-bottom:1px solid #dfe7e3;color:#667972;font-size:11px;font-weight:650}
.bluecloud-entry .draft-sheet-head span{padding:0 7px}
.bluecloud-entry .draft-sheet-row{position:static!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #edf1ef!important;border-radius:0!important;box-shadow:none!important;transform:none!important;min-height:66px}
.bluecloud-entry .draft-sheet-row:last-child{border-bottom:0!important}
.bluecloud-entry .draft-sheet-row:nth-child(odd){background:#fbfcfb}
.bluecloud-entry .draft-sheet-row:hover{background:#f4f9f7}
.bluecloud-entry .draft-sheet-row .draft-item-index{position:static;justify-self:center;min-width:24px;height:24px;border-radius:6px;background:#e8f0ec;color:#376556;font-size:11px}
.bluecloud-entry .draft-sheet-row .draft-item-fields{display:contents!important}
.bluecloud-entry .draft-sheet-row .draft-item-fields label{display:block;min-width:0;margin:0;padding:5px 4px;font-size:0!important}
.bluecloud-entry .draft-sheet-row .draft-item-fields input,.bluecloud-entry .draft-sheet-row .draft-item-fields select{display:block;width:100%;height:35px;min-height:35px;margin:0;padding:5px 7px;border:1px solid transparent;border-radius:5px;background:transparent;color:#283b34;font-size:12px!important}
.bluecloud-entry .draft-sheet-row .draft-item-fields input::placeholder{color:#a2b0aa}
.bluecloud-entry .draft-sheet-row .draft-item-fields input:hover,.bluecloud-entry .draft-sheet-row .draft-item-fields select:hover{border-color:#cbdad3;background:#fff}
.bluecloud-entry .draft-sheet-row .draft-item-fields input:focus,.bluecloud-entry .draft-sheet-row .draft-item-fields select:focus{border-color:#729e8a;background:#fff;outline:0}
.bluecloud-entry .draft-sheet-row .draft-photo-wrap{height:52px;width:52px;margin:0 auto;position:relative}
.bluecloud-entry .draft-sheet-row .draft-photo{height:52px;width:52px;border:1px dashed #c9d7d0;border-radius:5px}
.bluecloud-entry .draft-sheet-row .draft-photo-empty i{font-size:18px}
.bluecloud-entry .draft-sheet-row .draft-photo-empty small{display:block;font-size:9px}
.bluecloud-entry .draft-sheet-row .draft-remove-image{position:absolute;right:-5px;top:-5px;width:16px;height:16px;padding:0;border:0;border-radius:50%;background:#fff;color:#a54949;cursor:pointer}
.bluecloud-entry .draft-sheet-row .draft-remove-image:disabled{display:none}
.bluecloud-entry .draft-sheet-row .draft-line-total{align-self:center;display:flex;align-items:center;justify-content:flex-end;min-height:35px;height:auto;margin:0;padding:0 7px;border-radius:0;background:none;color:#2b5647;font-size:12px}
.bluecloud-entry .draft-sheet-row .draft-row-actions{display:flex;flex-direction:row;justify-content:center;gap:4px}
.bluecloud-entry .draft-sheet-row .draft-row-actions button{width:27px;height:27px;border-radius:5px}
.bluecloud-entry .draft-section-title>div small{font-size:11px}
.bluecloud-entry .product-draft-section .draft-items{padding:8px!important;background:#fff}
@media(max-width:760px){.bluecloud-entry .draft-sheet{min-width:0}.bluecloud-entry .draft-sheet-head{display:none!important}.bluecloud-entry .draft-sheet-scroll{border:0;background:transparent;overflow:visible}.bluecloud-entry .draft-sheet-row{grid-template-columns:32px 58px minmax(0,1fr) 56px!important;gap:7px!important;padding:9px!important;margin-bottom:8px!important;border:1px solid #e1e9e5!important;border-radius:8px!important;background:#fff!important}.bluecloud-entry .draft-sheet-row .draft-photo-wrap{width:56px;height:56px}.bluecloud-entry .draft-sheet-row .draft-photo{width:56px;height:56px}.bluecloud-entry .draft-sheet-row .draft-item-fields{display:grid!important;grid-column:3;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}.bluecloud-entry .draft-sheet-row .draft-item-fields label{font-size:10px!important;padding:0}.bluecloud-entry .draft-sheet-row .draft-item-fields label:nth-child(2),.bluecloud-entry .draft-sheet-row .draft-item-fields label:nth-child(10){grid-column:1/-1}.bluecloud-entry .draft-sheet-row .draft-item-fields input,.bluecloud-entry .draft-sheet-row .draft-item-fields select{border-color:#e5ece8;background:#fff}.bluecloud-entry .draft-sheet-row .draft-line-total{justify-content:flex-start;grid-column:1/-1;font-weight:700}.bluecloud-entry .draft-sheet-row .draft-row-actions{grid-column:4;grid-row:1;flex-direction:column}.bluecloud-entry .draft-sheet-row .draft-item-index{align-self:start;margin-top:12px}.bluecloud-entry .draft-sheet-row .draft-photo-wrap{align-self:start}.bluecloud-entry .product-draft-section .draft-items{padding:0!important}}
.derived-record-note{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:10px 12px;border:1px solid #e5eaf2;border-radius:10px;background:#f7f9fc;color:#68768b;font-size:12px;line-height:1.55}.derived-record-note b{flex:0 0 auto;color:#35455e;font-weight:650}.derived-record-note span{min-width:0}.derived-record-note[role=note]::before{content:'i';display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#eaf0fa;color:#49658e;font-size:11px;font-weight:700}@media(max-width:760px){.derived-record-note{align-items:flex-start;flex-direction:column;gap:3px;padding:9px 10px}.derived-record-note[role=note]::before{display:none}}

/* Browser-style workspace tabs, matching the persistent page tabs in the ERP reference. */
#workspaceTabs.workspace-tabs{position:sticky;top:50px;z-index:14;display:flex!important;align-items:stretch;gap:0;min-height:40px;padding:0 12px;background:#f5f6f8;border-bottom:1px solid #dedfe3;overflow:visible;backdrop-filter:none}
.workspace-tabs-list{display:flex;align-items:stretch;gap:2px;flex:1 1 auto;min-width:0;overflow:visible;overscroll-behavior-x:contain}
.workspace-tab-wrap{position:relative;display:flex;align-items:center;flex:0 0 auto;max-width:240px;height:39px;padding:3px 4px 0;border:1px solid transparent;border-bottom:0;border-radius:8px 8px 0 0;background:transparent}
.workspace-tab-wrap:hover{background:#eceef2}.workspace-tab-wrap.active{border-color:#dfe1e6;background:#fff}
.workspace-tab{display:flex;align-items:center;gap:7px;min-width:0;max-width:205px;height:34px;padding:0 5px 0 7px;border:0;border-radius:5px;background:transparent;color:#626873;font:inherit;font-size:12px;text-align:left;cursor:pointer;white-space:nowrap}
.workspace-tab:hover{background:transparent;color:#30343b}.workspace-tab.active{color:#245fdc}.workspace-tab>span{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;border-radius:5px;background:#eaecf0;color:#656c78;font-size:11px}.workspace-tab.active>span{background:#eaf1ff;color:#246bfd}.workspace-tab>span svg{width:13px;height:13px}.workspace-tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:550}
.workspace-tab-close{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;margin-left:1px;padding:0;border:0;border-radius:5px;background:transparent;color:#8b9099;font:inherit;font-size:16px;line-height:1;cursor:pointer}.workspace-tab-close:hover{background:#e8ebf0;color:#343942}
.workspace-tab-pin{display:grid;place-items:center;flex:0 0 auto;min-width:30px;height:22px;margin-left:1px;padding:0 5px;border:0;border-radius:5px;background:transparent;color:#7b8798;font:inherit;font-size:10px;cursor:pointer}.workspace-tab-pin:hover{background:#eaf1ff;color:#246bfd}
.workspace-tabs-tools{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin-left:8px;padding-left:9px;border-left:1px solid #dedfe3;background:#f5f6f8}.workspace-close-all{height:27px;padding:0 9px;border:1px solid #e0e2e7;border-radius:5px;background:#fff;color:#606672;font:inherit;font-size:11px;cursor:pointer}.workspace-close-all:hover:not(:disabled){border-color:#cbd2df;background:#f9fafb;color:#30343b}.workspace-close-all:disabled{color:#a5a8ae;cursor:default}
.workspace-tabs-more{position:relative;align-self:center}.workspace-tabs-more>summary{display:flex;align-items:center;gap:5px;height:27px;padding:0 9px;border:1px solid #e0e2e7;border-radius:5px;background:#fff;color:#606672;font-size:11px;cursor:pointer;list-style:none;white-space:nowrap}.workspace-tabs-more>summary::-webkit-details-marker{display:none}.workspace-tabs-more>summary::after{content:'⌄';font-size:12px;color:#858b95}.workspace-tabs-more[open]>summary{border-color:#cbd7ee;color:#245fdc}.workspace-tabs-more>summary span{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#edf1f7;color:#62708a;font-size:10px}
.workspace-tabs-popover{position:absolute;top:calc(100% + 7px);right:0;z-index:40;width:min(340px,82vw);max-height:min(68vh,520px);overflow:auto;padding:8px;border:1px solid #e2e6ec;border-radius:9px;background:#fff;box-shadow:0 12px 32px rgba(25,43,76,.17)}.workspace-tabs-popover-title{padding:5px 8px 8px;color:#8a93a2;font-size:11px}.workspace-tabs-overflow-list{display:grid;gap:2px}.workspace-overflow-entry{display:flex;align-items:center;min-width:0;border-radius:6px}.workspace-overflow-entry:hover,.workspace-overflow-entry.active{background:#f3f6fb}.workspace-overflow-entry .workspace-tab{flex:1;max-width:none;height:34px;padding:0 5px 0 8px}.workspace-overflow-entry .workspace-tab-close{margin-right:4px}.workspace-tabs-popover-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;padding-top:8px;border-top:1px solid #edf0f4}.workspace-tabs-popover-actions button{height:27px;padding:0 8px;border:1px solid #e7eaf0;border-radius:5px;background:#fafbfc;color:#616b7b;font:inherit;font-size:10px;cursor:pointer}.workspace-tabs-popover-actions button:hover:not(:disabled){border-color:#cbd7ee;background:#f5f8ff;color:#245fdc}.workspace-tabs-popover-actions button:disabled{color:#afb4bd;cursor:default}
@media(max-width:760px){#workspaceTabs.workspace-tabs{top:62px;min-height:38px;padding:0 7px}.workspace-tab-wrap{height:37px;max-width:180px}.workspace-tab{max-width:145px;height:32px;font-size:11px}.workspace-tab>span{flex-basis:17px;width:17px;height:17px}.workspace-tabs-tools{gap:4px;margin-left:5px;padding-left:6px}.workspace-close-all,.workspace-tabs-more>summary{height:25px;padding:0 6px;font-size:10px}.workspace-tabs-popover{right:-4px;width:min(320px,88vw)}}
.detail-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px;padding:10px 14px;border:1px solid #e2eaf5;border-radius:10px;background:#f7f9fd;color:#68768b;font-size:12px}.detail-selection-bar>span{flex:1 1 440px}.detail-selection-bar b,.detail-selection-bar strong{color:#24334b}.detail-selection-bar button{min-height:32px}.detail-select-column{width:42px;min-width:42px;text-align:center!important}.detail-select-column input{width:15px;height:15px;accent-color:#246bfe;vertical-align:middle;cursor:pointer}.sales-effective-only{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid #dbe9e3;border-radius:8px;background:#f1f8f4;color:#32725d;font-size:12px;font-weight:600}.sales-detail-table .detail-select-column,.v4-production-list .detail-select-column{position:sticky;left:0;z-index:2;background:#fff}.sales-detail-table thead .detail-select-column,.v4-production-list thead .detail-select-column{z-index:3;background:#f6f8fb}.sales-detail-table tbody tr:hover .detail-select-column,.v4-production-list tbody tr:hover .detail-select-column{background:#f4f7fc}@media(max-width:760px){.detail-selection-bar{align-items:flex-start}.detail-selection-bar>span{flex-basis:100%}.detail-selection-bar button{flex:1}}