/* Starhan ERP: presentation only. Business rules and access controls live in existing modules. */
:root{--navy:#164b94;--navy2:#2b70ca;--bg:#f4f8ff;--card:#fff;--text:#172642;--muted:#7a8da9;--line:#e0e9f8;--blue:#287bf5;--blue2:#edf5ff;--green:#12a76c;--red:#eb4b60;--shadow:0 3px 12px rgba(34,91,173,.045)}
body.erp-skin{background:var(--bg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
body.erp-skin .layout{min-height:100dvh}
body.erp-skin .sidebar{position:sticky;top:0;align-self:flex-start;width:208px;flex:0 0 208px;height:100dvh;padding:0 12px 14px;gap:0;background:linear-gradient(165deg,#164580 0%,#1d5cb4 58%,#5197e8 100%);box-shadow:3px 0 18px #1a579411;color:#fff;z-index:20}
body.erp-skin .brand{height:82px;min-height:82px;padding:17px 10px;gap:10px;border-bottom:1px solid #ffffff20;margin-bottom:14px}
body.erp-skin .brandmark{width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:#ffffff1c;font-size:27px;color:#fff;box-shadow:inset 0 1px 0 #ffffff17}
body.erp-skin .brand strong{font-size:20px;font-weight:750;letter-spacing:.4px;white-space:nowrap}
body.erp-skin .brand small{display:none}
body.erp-skin .nav{display:flex;flex-direction:column;gap:5px;min-height:0;overflow:auto;padding:4px 0 12px;scrollbar-width:thin;scrollbar-color:#ffffff35 transparent}
body.erp-skin .nav button{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-height:43px;width:100%;padding:10px 14px;border-radius:10px;color:#e8f1ff;background:transparent;font-size:14px;line-height:22px;font-weight:550;transition:background .14s,color .14s,box-shadow .14s;white-space:nowrap}
body.erp-skin .nav button:hover{color:#fff;background:#ffffff13}
body.erp-skin .nav button.active{background:linear-gradient(100deg,#2e88ff,#4a9afd);color:#fff;box-shadow:0 6px 18px #063f8a2b;font-weight:650}
body.erp-skin .nav button:focus-visible{outline:2px solid #b2d7ff;outline-offset:-2px}
.erp-icon{display:inline-block;width:20px;height:20px;flex:0 0 auto;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.erp-side-caption{margin-top:auto;padding:15px 10px 0;color:#dcecff;font-size:11px;letter-spacing:1px;opacity:.8;flex:0 0 auto}
body.erp-skin .main{width:calc(100% - 208px);min-width:0;flex:1;background:linear-gradient(180deg,#f6f9ff 0%,#f4f8ff 300px)}
body.erp-skin .topbar{height:76px;padding:0 30px;border-bottom:1px solid #e0eaff;background:linear-gradient(105deg,#fff 15%,#eef5ff 100%);gap:16px}
body.erp-skin .crumb{font-size:0;min-width:0}
body.erp-skin #crumb{font-size:24px;line-height:1.3;font-weight:750;color:#14233e;letter-spacing:.2px}
body.erp-skin .userpill{gap:10px;min-width:0;flex-wrap:nowrap}
body.erp-skin .userpill>button{min-height:36px;padding:7px 11px!important;font-size:12px!important}
body.erp-skin .avatar{width:35px;height:35px;background:linear-gradient(145deg,#2f88fa,#2266d9);color:white;font-size:13px;box-shadow:0 2px 6px #287bf51a;flex:0 0 auto}
body.erp-skin #current-name{font-size:12px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550;color:#526684}
.erp-header-date{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:7px 11px;white-space:nowrap;color:#4e6383;font-size:12px;border:1px solid #e1eaff;border-radius:10px;background:#ffffffc7}
.erp-header-date .erp-icon{width:16px;height:16px;color:#7c9ac5}
body.erp-skin #ads-notification-button{position:relative;background:transparent;border-color:transparent;min-width:34px;padding:6px!important;box-shadow:none}
#ads-notification-button>.erp-icon{width:22px;height:22px;color:#315b96}
body.erp-skin #ads-alert-count{position:absolute;right:-3px;top:-2px;min-width:16px;padding:0 4px;line-height:16px;border-radius:10px;background:#ff5d60;color:white;font-size:10px}
.erp-sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
body.erp-skin .content{width:100%;max-width:1900px;margin:0 auto;padding:24px 26px 38px}
body.erp-skin .pagehead{margin-bottom:19px;align-items:center;gap:16px}
body.erp-skin .pagehead h1{font-size:21px;font-weight:750;line-height:1.4;margin:0 0 4px;color:#16243e}
body.erp-skin .sub{font-size:12px;color:#8193ad;line-height:1.65}
body.erp-skin button{border:1px solid transparent;min-height:37px;border-radius:9px;font-weight:600;line-height:1.4;transition:box-shadow .15s,background .15s,border-color .15s}
body.erp-skin button:disabled{cursor:default;opacity:.48;box-shadow:none}
body.erp-skin .primary{background:#287bf5;border-color:#287bf5;color:#fff;box-shadow:0 2px 4px #287bf50d}
body.erp-skin .primary:hover:not(:disabled){background:#166de8;border-color:#166de8;box-shadow:0 4px 10px #287bf522}
body.erp-skin .secondary{color:#2764b6;background:#fff;border-color:#d7e5ff;box-shadow:none}
body.erp-skin .secondary:hover:not(:disabled){background:#f1f7ff;border-color:#b9d3ff}
body.erp-skin .danger{background:#fff1f2;color:#e34c60;border-color:#ffe1e5}
body.erp-skin .danger:hover:not(:disabled){background:#ffe5e9}
body.erp-skin input:not([type=checkbox]):not([type=radio]),body.erp-skin select,body.erp-skin textarea{font:inherit;font-size:13px;line-height:1.5;color:#203553;background:#fff;border:1px solid #dce7f9;border-radius:9px;padding:10px 12px;outline:none;max-width:100%}
body.erp-skin input:not([type=checkbox]):not([type=radio]):focus,body.erp-skin select:focus,body.erp-skin textarea:focus{border-color:#8ebcff;box-shadow:0 0 0 3px #287bf50d}
body.erp-skin input::placeholder,body.erp-skin textarea::placeholder{color:#9baac0}
body.erp-skin input[type=checkbox],body.erp-skin input[type=radio]{accent-color:#287bf5}
body.erp-skin input[type=file]{font-size:12px;padding:8px;min-width:0}
body.erp-skin input[type=file]::file-selector-button{padding:6px 9px;margin-right:8px;border:1px solid #dce7f9;border-radius:6px;background:#f3f8ff;color:#456b9d}
body.erp-skin .field{gap:7px;align-content:start;min-width:0}
body.erp-skin .field label{font-size:13px;font-weight:600;color:#435b7a;line-height:20px}
body.erp-skin .field small{font-size:11px;line-height:1.5;color:#8193ad}
body.erp-skin .search{min-height:39px;min-width:190px;padding:9px 12px}
body.erp-skin .toolbar{gap:10px}
body.erp-skin .panel{border:1px solid #dfE9fa;border-radius:15px;padding:21px;margin-bottom:18px;box-shadow:0 3px 12px #3066b506;background:#fff;min-width:0}
body.erp-skin .panelhead{margin-bottom:17px;gap:14px;align-items:center}
body.erp-skin .panelhead h2{position:relative;font-size:16px;font-weight:700;line-height:1.5;color:#1b2b46}
body.erp-skin .panelhead p{font-size:12px;line-height:1.6;color:#8193ad;margin-top:3px}
body.erp-skin .stat{padding:19px 20px;border:1px solid #e0eafb;border-radius:14px;box-shadow:0 3px 10px #3066b504;min-width:0}
body.erp-skin .stat .label{font-size:12px;line-height:1.6;color:#7e91ac}
body.erp-skin .stat .value{font-size:27px;line-height:1.3;font-weight:750;margin-top:10px;letter-spacing:-.5px;color:#1b2b46;overflow-wrap:anywhere}
body.erp-skin .stat .hint{font-size:11px;line-height:1.6;color:#8c9db5;margin-top:8px}
body.erp-skin .tag{padding:4px 10px;font-size:11px;line-height:1.5;background:#e9f9f1;color:#13a56b;border-radius:20px}
body.erp-skin .notice{padding:13px 16px;border:0;border-left:3px solid #398aff;border-radius:4px 10px 10px 4px;background:#edf5ff;color:#547398;font-size:12px;line-height:1.8}
body.erp-skin .hint{font-size:12px;line-height:1.65;color:#7c8fa9}
body.erp-skin .tablewrap{border:1px solid #e0e9f8;border-radius:11px;scrollbar-width:thin;scrollbar-color:#c7d8f0 #f6f9fe}
body.erp-skin table{font-size:12px;line-height:1.5;color:#263955}
body.erp-skin th{padding:13px 14px;font-size:12px;background:#f3f7fe;color:#69809e;border:0;border-bottom:1px solid #e3ecf9;font-weight:650}
body.erp-skin td{padding:14px;border:0;border-bottom:1px solid #e7eefb;vertical-align:middle}
body.erp-skin tr:last-child td{border-bottom:0}
body.erp-skin tbody tr:nth-child(even){background:#fbfdff}
body.erp-skin tbody tr:hover{background:#f6faff}
body.erp-skin .tablewrap button{font-size:12px;min-height:32px;padding:7px 12px;white-space:nowrap}
body.erp-skin .tablewrap select{min-height:32px;padding:6px 9px;font-size:12px}
body.erp-skin .tablewrap .hint{font-size:11px}
body.erp-skin .thumb{width:40px;height:40px;border-radius:7px;object-fit:cover;background:#f0f5fd}
body.erp-skin .empty{padding:36px 18px;color:#91a1b8;font-size:13px;line-height:1.8;background:linear-gradient(180deg,#fff,#fbfdff)}
body.erp-skin .empty::before{content:'◇';display:block;color:#a9c9f9;font-size:32px;font-weight:400;line-height:1.5;margin-bottom:5px}
body.erp-skin .pagination{font-size:12px;color:#7388a5;gap:12px;padding-top:3px}
body.erp-skin .footer{padding-top:20px;color:#9caec5;font-size:11px}
/* Dashboard: maintain every comparison, exception, and drill-down. */
body.erp-skin #overview-order-metrics{padding:0;background:none;border:0;box-shadow:none}
body.erp-skin #overview-order-metrics>.panelhead{margin:0 0 12px}
body.erp-skin #overview-order-metrics>.panelhead h2::before,body.erp-skin .order-period-heading h3::before{content:'';display:inline-block;width:5px;height:18px;border-radius:4px;background:#287bf5;vertical-align:-3px;margin-right:10px;box-shadow:0 1px 5px #287bf53a}
body.erp-skin #overview-order-metrics>.panelhead p{max-width:1080px;font-size:11px}
body.erp-skin .overview-order-actions{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
body.erp-skin #overview-order-filters{margin:12px 0 9px!important;max-width:650px!important;gap:12px!important}
body.erp-skin #overview-order-filters .field{min-width:200px!important}
body.erp-skin #overview-orders-message{margin:7px 0;font-size:11px}
body.erp-skin .order-period-heading{margin:20px 0 10px;gap:10px}
body.erp-skin .order-period-heading h3{font-size:17px;font-weight:750;line-height:1.5}
body.erp-skin .deadline-notices{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));min-width:1000px;gap:14px;margin:0 0 4px}
body.erp-skin .deadline-notices .stat{position:relative;min-height:106px;padding:15px 14px 13px 75px;box-shadow:none;border:1px solid transparent!important;border-radius:14px;text-align:left}
body.erp-skin .deadline-notices .soon{--erp-tone:#f58b1d;background:linear-gradient(125deg,#fff0e0,#fff8f0)!important}
body.erp-skin .deadline-notices .overdue{--erp-tone:#f13e55;background:linear-gradient(125deg,#ffe8ed,#fff3f6)!important}
body.erp-skin .deadline-notices .cancel{--erp-tone:#a044ef;background:linear-gradient(125deg,#f0e5ff,#f8f2ff)!important}
body.erp-skin .deadline-notices .stock-warning{--erp-tone:#287bf5;background:linear-gradient(125deg,#e8f1ff,#f3f8ff)!important}
body.erp-skin .deadline-notices .removal-warning{--erp-tone:#ff6c7c;background:linear-gradient(125deg,#ffedf0,#fff7f8)!important}
body.erp-skin .deadline-notices .label{font-size:13px;font-weight:650;color:#42546e;white-space:nowrap}
body.erp-skin .deadline-notices .value{color:var(--erp-tone);font-size:29px;margin-top:1px;line-height:1.2}
body.erp-skin .deadline-notices .reminder-open{margin-top:4px;color:var(--erp-tone);font-size:10px;opacity:.8}
.erp-reminder-icon{position:absolute;left:18px;top:25px;display:grid;place-items:center;width:43px;height:43px;border-radius:13px;color:var(--erp-tone);background:#ffffffb0;box-shadow:0 5px 12px #335b9c0a}
.erp-reminder-icon .erp-icon{width:29px;height:29px;stroke-width:2.1;filter:drop-shadow(0 2px 1px #ffffffba)}
body.erp-skin .order-metric-row{background:#fff;border:1px solid #dce8fc;border-radius:15px;padding:16px 13px;gap:14px;box-shadow:0 3px 10px #3066b508}
body.erp-skin .order-metric-row .stat{position:relative;background:none;border:0;box-shadow:none;padding:4px 9px 5px 64px;border-radius:0;min-height:94px}
body.erp-skin .order-metric-row .stat .label{font-size:13px;color:#354862;font-weight:600}
body.erp-skin .order-metric-row .value{font-size:27px;font-weight:800;color:#14213a;letter-spacing:-.6px;margin-top:5px;line-height:1.3}
body.erp-skin .order-metric-row .hint{font-size:10.5px;margin-top:4px}
body.erp-skin .order-estimate-label{font-size:10px;color:#8d9cb2;font-weight:500}
.erp-metric-icon{position:absolute;left:9px;top:18px;display:grid;place-items:center;width:43px;height:43px;color:#247cff;background:#eff6ff;border-radius:13px;filter:drop-shadow(0 3px 2px #378aff12)}
.erp-metric-icon .erp-icon{width:31px;height:31px;stroke-width:2.1}
body.erp-skin .metric-comparison{font-size:10.5px;line-height:1.5;gap:2px 8px;margin-top:6px}
body.erp-skin .overview-ranking-grid{gap:16px;margin-top:18px}
body.erp-skin .overview-ranking-grid .panel{padding:0;overflow:hidden;border-radius:15px;border-color:#dfE9fa;margin-bottom:0;box-shadow:0 3px 11px #3066b508}
body.erp-skin .overview-ranking-grid .panelhead{margin:0;padding:16px 16px 12px;background:linear-gradient(115deg,#eaf3ff,#f9fbff);gap:9px}
body.erp-skin .overview-ranking-grid .panel:nth-child(2) .panelhead{background:linear-gradient(115deg,#f2eaff,#fcfaff)}
body.erp-skin .overview-ranking-grid .panel:nth-child(3) .panelhead{background:linear-gradient(115deg,#eaf8f1,#fbfffc)}
body.erp-skin .overview-ranking-grid .panelhead h2{display:flex;align-items:center;gap:8px;font-size:15px}
body.erp-skin .overview-ranking-grid .panelhead h2 .erp-icon{width:22px;height:22px;color:#2d82ff}
body.erp-skin .overview-ranking-grid .panel:nth-child(2) h2 .erp-icon{color:#a657ed}
body.erp-skin .overview-ranking-grid .panel:nth-child(3) h2 .erp-icon{color:#19ac72}
body.erp-skin .ranking-controls{gap:5px}
body.erp-skin .ranking-controls select{font-size:10px;padding:4px 6px;min-height:28px;min-width:0;max-width:112px}
body.erp-skin .overview-ranking-grid .tablewrap{border:0;border-radius:0 0 13px 13px}
body.erp-skin .overview-ranking-grid table{font-size:11px;min-width:0}
body.erp-skin .overview-ranking-grid th{font-size:10px;padding:10px 7px}
body.erp-skin .overview-ranking-grid td{padding:10px 7px;font-size:11px}
body.erp-skin .overview-ranking-grid .hint:not(.panelhead .hint){font-size:10px}
body.erp-skin .overview-ranking-grid .panel>p{padding:0 13px;margin:7px 0}
body.erp-skin .overview-grid{margin-top:20px;gap:14px}
body.erp-skin .overview-grid .stat{padding:17px 19px}
body.erp-skin .overview-grid .stat .value{font-size:26px}
/* Full quick-entry workflow, including fields absent from the reference images. */
body.erp-skin .entry-info-panel .formgrid{grid-template-columns:minmax(250px,.95fr) repeat(2,minmax(0,1fr));gap:18px 20px;align-items:start}
body.erp-skin .entry-info-panel .formgrid>.field:first-child{grid-column:1;grid-row:1/span 5;align-self:stretch;display:flex;flex-direction:column}
body.erp-skin .entry-info-panel .uploadbox{min-height:340px;flex:1;flex-direction:column;justify-content:center;text-align:center;padding:25px 18px;gap:16px;background:#f5f9ff;border:1px dashed #a8caff;border-radius:13px}
body.erp-skin .entry-info-panel .uploadbox>div{max-width:100%}
body.erp-skin .entry-info-panel .uploadbox img{width:175px;height:175px;object-fit:contain;background:transparent;border-radius:9px;max-width:100%}
body.erp-skin .entry-info-panel #image-preview:not([src]),body.erp-skin .entry-info-panel #image-preview[src=""]{display:none}
.erp-upload-symbol{width:63px;height:63px;color:#6ba7f8;display:grid;place-items:center}
.erp-upload-symbol .erp-icon{width:52px;height:52px;stroke-width:1.3}
.uploadbox:has(img[src]:not([src=""])) .erp-upload-symbol{display:none}
body.erp-skin .entry-info-panel .uploadbox small{font-size:11px;line-height:1.8;margin-top:7px}
body.erp-skin .entry-info-panel .field input,body.erp-skin .entry-info-panel .field select{min-height:43px}
body.erp-skin .entry-live-panel .calcbox{background:#f8fbff;border:1px solid #e5edfb;padding:19px;border-radius:12px}
body.erp-skin .entry-live-panel .calcgrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
body.erp-skin .calcitem span{font-size:12px;color:#7d91ad}
body.erp-skin .calcitem strong{font-size:17px;line-height:1.6;color:#335b90}
body.erp-skin .calcitem.big strong{font-size:24px;color:#13a56b}
body.erp-skin .entry-live-panel .actions .primary{padding:12px 26px}
.erp-fee-details{margin-top:16px;padding-top:12px;border-top:1px solid #e4ecfa}
.erp-fee-details summary{width:fit-content;cursor:pointer;font-size:12px;font-weight:600;color:#527aa9;user-select:none}
.erp-fee-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px 0 0}
body.erp-skin .variant-staging-row{background:#fbfdff;border-color:#e1ebfb;border-radius:11px;padding:14px}
body.erp-skin .variant-staging-meta strong{font-size:13px;color:#25476e}
body.erp-skin .variant-staging-meta small{font-size:11px;color:#8395ad}
body.erp-skin .entry-promotion-panel .formgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Pricing and the three restored management modules. */
body.erp-skin #products-table table{min-width:1900px}
body.erp-skin #products-table .pricing-sku-cell{width:145px;min-width:105px;max-width:145px;padding-left:9px;padding-right:9px}
body.erp-skin #products-table .pricing-sku-cell strong{max-width:145px}
body.erp-skin #products-table .product-actions{position:sticky;right:0;min-width:185px;background:#fff;box-shadow:-4px 0 9px #335b9010;z-index:2}
body.erp-skin #products-table th.product-actions{background:#f3f7fe;z-index:3}
body.erp-skin #products-table .product-actions button{padding:6px 8px;font-size:11px;min-height:30px}
body.erp-skin .pricing-margin-guide{border:1px solid #e7eefb;background:#f8fbff;padding:11px 13px;font-size:11px;border-radius:9px;gap:6px 17px}
body.erp-skin #batch-import-panel{background:#fff}
body.erp-skin #batch-import-panel .formgrid{gap:18px}
body.erp-skin .catalog-state-tabs{gap:9px}
body.erp-skin .catalog-state-tabs button{padding:9px 18px;border:1px solid #dce7fa;background:white;font-size:13px;color:#6781a6}
body.erp-skin .catalog-state-tabs button[aria-pressed=true]{background:#287bf5;border-color:#287bf5;color:#fff;box-shadow:0 3px 8px #287bf519}
body.erp-skin .ozon-status-tabs{gap:8px}
body.erp-skin .ozon-status-button{padding:8px 15px;font-size:12px}
body.erp-skin .ozon-status-button.active{background:#287bf5;border-color:#287bf5;color:white;box-shadow:0 3px 8px #287bf519}
body.erp-skin .ozon-batch-panel{border-color:#dfE9fa;background:#f7faff;border-radius:10px}
body.erp-skin .ozon-batch-panel>summary{font-size:12px;color:#5173a2}
body.erp-skin #ozon-data-hint,body.erp-skin #ozon-sync-action-message,body.erp-skin #ozon-auto-update-note,body.erp-skin #ozon-job-message,body.erp-skin #ozon-data-message{font-size:11px;line-height:1.7}
body.erp-skin #order-cancel-toolbar{padding:12px 0 2px;gap:9px!important}
body.erp-skin #order-cancel-selection-note{font-size:11px}
body.erp-skin #ozon-data-table td,body.erp-skin #catalog-table td{padding-top:12px;padding-bottom:12px}
.erp-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0 0 18px}
.erp-kpi-strip .stat{position:relative;min-height:113px;padding:16px 18px;box-shadow:none}
.erp-kpi-strip .stat:nth-child(2){background:#f0faf5}
.erp-kpi-strip .stat:nth-child(3){background:#fff9ef}
.erp-kpi-strip .stat:nth-child(4){background:#f0f6ff}
.erp-kpi-strip .value{font-size:25px!important;margin-top:8px!important}
.erp-kpi-strip .hint{font-size:10.5px!important;margin-top:7px!important}
.erp-related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.erp-related-links button{text-align:left;background:#f6faff;border:1px solid #deEafe;padding:16px;color:#2b64b2;display:flex;align-items:center;gap:12px;min-height:72px}
.erp-related-links button .erp-icon{width:27px;height:27px;flex:none}
.erp-related-links button small{display:block;font-size:11px;color:#8398b5;font-weight:400;margin-top:4px}
body.erp-skin #page-templates>.grid>.panel{background:linear-gradient(155deg,#fff,#f7faff)}
body.erp-skin #page-templates .stat{box-shadow:none;border-color:#e4edfc;background:#fff}
body.erp-skin #page-employees>.grid .stat:first-child{background:#fff}
body.erp-skin #page-employees>.grid .stat:nth-child(2){background:#eef5ff}
body.erp-skin #page-employees>.grid .stat:nth-child(3){background:#f1fbf6}
body.erp-skin .employee{padding:16px;border-color:#e4ecfb;background:#fff;border-radius:11px;gap:14px;flex-wrap:wrap}
body.erp-skin .employee .meta{min-width:170px}
body.erp-skin .employee .meta strong{font-size:14px}
body.erp-skin .employee .meta small{line-height:1.7}
/* Ads, alerts, dialogs, profile and account forms use the same visual system. */
body.erp-skin .ad-campaign{border-color:#e0eafb;border-radius:13px;background:#fff;padding:19px;box-shadow:0 2px 8px #3066b504}
body.erp-skin .ad-campaign-warning{background:#fff7f7;border-color:#ffd0d8}
body.erp-skin .ad-campaign-values{font-size:12px;gap:12px}
body.erp-skin .ad-campaign-values strong{font-size:20px;font-weight:700;margin-top:5px}
body.erp-skin .ad-budget-track{height:7px;background:#e9f1fd;border-radius:8px}
body.erp-skin .ad-budget-track div{background:linear-gradient(90deg,#368aff,#76b0ff)}
body.erp-skin .ad-campaign-warning .ad-budget-track div{background:#f66a7a}
body.erp-skin .ads-sync-line{padding:13px 0;font-size:11px;border-color:#e6edfb}
body.erp-skin .ad-message{border-color:#e2ebfa;border-radius:11px;background:#fff;padding:17px}
body.erp-skin .ad-message.unread{background:#fff7f8;border-color:#ffdce2;border-left:3px solid #f35d74}
body.erp-skin dialog{max-width:calc(100vw - 28px);border:1px solid #dfe9f9;border-radius:17px;color:var(--text);box-shadow:0 24px 85px #203c752b;background:#fff}
body.erp-skin dialog::backdrop{background:#18355c66;backdrop-filter:blur(2px)}
body.erp-skin dialog .panelhead h2{font-size:19px}
body.erp-skin .product-edit-head{padding:19px 22px;border-color:#e4ecfa;background:#f9fbff}
body.erp-skin .product-edit-body{padding:21px 22px}
body.erp-skin .product-edit-footer{padding:16px 22px;border-color:#e4ecfa;background:#fbfdff}
body.erp-skin .product-edit-summary{background:#f1f7ff;border-radius:10px;padding:14px}
body.erp-skin .product-edit-dialog .field{gap:7px}
body.erp-skin .product-edit-dialog input,body.erp-skin .product-edit-dialog select{min-height:42px;font-size:14px}
body.erp-skin .permissions-dialog{padding:25px}
body.erp-skin .module-options label{border-color:#e2ebfa;background:#fbfdff;border-radius:9px;font-size:13px}
body.erp-skin .module-access-future{background:#f2f7ff;border-color:#dbe8ff;border-radius:9px;font-size:13px}
body.erp-skin .auth-card{border-color:#e0eafb;border-radius:19px;box-shadow:0 15px 55px #174e9412}
body.erp-skin #auth-screen{background:radial-gradient(at 20% 15%,#d9e9ff 0,transparent 50%),linear-gradient(145deg,#eef5ff,#f9fbff)}
body.erp-skin #auth-loading{background:#f4f8ff}
body.erp-skin .auth-brand{color:#215ca9}
body.erp-skin .auth-card .primary{padding:12px 18px}
/* Responsive navigation never removes access to permitted modules. */
@media(min-width:1800px){body.erp-skin .content{padding-left:30px;padding-right:30px}body.erp-skin .order-metric-row .value{font-size:30px}body.erp-skin .overview-ranking-grid td{font-size:12px;padding:12px 9px}}
@media(max-width:1200px){body.erp-skin .sidebar{width:190px;flex-basis:190px}body.erp-skin .main{width:calc(100% - 190px)}body.erp-skin .content{padding:21px 20px 34px}body.erp-skin .topbar{padding:0 22px}body.erp-skin .brand{padding-left:6px;gap:8px}body.erp-skin .brand strong{font-size:18px}body.erp-skin .nav button{font-size:13px;padding:9px 12px;gap:10px}body.erp-skin .order-metric-row{gap:7px}body.erp-skin .order-metric-row .stat{padding-left:48px;padding-right:4px}.erp-metric-icon{left:2px;width:35px;height:35px}.erp-metric-icon .erp-icon{width:27px;height:27px}body.erp-skin .order-metric-row .value{font-size:23px}body.erp-skin .entry-info-panel .formgrid{grid-template-columns:minmax(210px,.85fr) repeat(2,minmax(0,1fr));gap:16px}body.erp-skin .entry-info-panel .uploadbox{padding:18px 12px}.erp-kpi-strip{gap:12px}.erp-kpi-strip .stat{padding:15px}body.erp-skin #current-name{max-width:130px}.erp-header-date{font-size:11px}}
@media(max-width:980px){body.erp-skin .sidebar{width:76px;flex-basis:76px;padding:0 9px 12px}body.erp-skin .brand{justify-content:center;padding:15px 0;margin-bottom:12px}body.erp-skin .brand>div:last-child{display:none}body.erp-skin .nav button{justify-content:center;padding:11px 0;min-height:44px}body.erp-skin .nav button>span{display:none}.erp-side-caption{display:none}body.erp-skin .main{width:calc(100% - 76px)}body.erp-skin .topbar{height:67px;padding:0 20px}body.erp-skin #crumb{font-size:21px}body.erp-skin .overview-ranking-grid{grid-template-columns:1fr}body.erp-skin .overview-ranking-grid .panelhead{flex-wrap:nowrap}body.erp-skin .overview-ranking-grid th,body.erp-skin .overview-ranking-grid td{font-size:12px;padding:11px 13px}body.erp-skin .overview-ranking-grid table{min-width:600px}body.erp-skin .entry-info-panel .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}body.erp-skin .entry-info-panel .formgrid>.field:first-child{grid-column:1/-1;grid-row:auto;min-height:0}body.erp-skin .entry-info-panel .uploadbox{min-height:200px;flex-direction:row;justify-content:center;gap:24px}body.erp-skin .entry-info-panel .uploadbox img{width:140px;height:140px}body.erp-skin .entry-live-panel .calcgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.erp-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.erp-related-links{grid-template-columns:1fr}.erp-header-date{display:none}}
@media(max-width:700px){body.erp-skin .content{padding:18px 14px 26px}body.erp-skin .topbar{gap:10px;padding:0 15px}body.erp-skin #crumb{font-size:19px}body.erp-skin .userpill{gap:6px}body.erp-skin #current-name{display:none}body.erp-skin .userpill .avatar{display:none}body.erp-skin .pagehead{align-items:flex-start;flex-wrap:wrap}body.erp-skin .pagehead h1{font-size:20px}body.erp-skin .pagehead .toolbar{margin-top:0}body.erp-skin .panel{padding:17px 15px}body.erp-skin .order-metric-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 8px;padding:15px 9px}body.erp-skin .order-metric-row .stat{padding-left:51px;min-height:93px}.erp-metric-icon{left:4px;top:16px}body.erp-skin .order-metric-row .value{font-size:23px}body.erp-skin .overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.erp-skin .overview-grid .stat{padding:14px}body.erp-skin .entry-promotion-panel .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}body.erp-skin .ads-sync-line{align-items:flex-start;flex-direction:column}.erp-kpi-strip .value{font-size:23px!important}body.erp-skin .panelhead{flex-wrap:wrap}}
@media(max-width:650px){body.erp-skin.authenticated .layout{display:block}body.erp-skin .sidebar{position:relative;top:auto;width:100%;height:auto;padding:0 10px 8px;gap:0;box-shadow:none}body.erp-skin .brand{height:58px;min-height:58px;justify-content:flex-start;margin:0;padding:11px 7px;border-bottom:0}body.erp-skin .brand>div:last-child{display:block}body.erp-skin .brand strong{font-size:19px}body.erp-skin .brandmark{width:32px;height:32px;flex-basis:32px}body.erp-skin .nav{flex-direction:row;gap:7px;overflow:auto;padding:0 0 3px}body.erp-skin .nav button{width:auto;justify-content:flex-start;gap:7px;font-size:12px;min-height:36px;padding:8px 11px;border-radius:8px}body.erp-skin .nav button>span{display:inline}body.erp-skin .nav button>.erp-icon{width:17px;height:17px}body.erp-skin .main{width:100%}body.erp-skin .topbar{height:60px}body.erp-skin .userpill>button{min-height:32px;padding:6px 8px!important;font-size:11px!important}body.erp-skin .overview-order-actions{justify-content:flex-start}body.erp-skin #overview-order-filters .field{min-width:150px!important}body.erp-skin .search{min-width:0;width:100%}body.erp-skin .formgrid{grid-template-columns:1fr}body.erp-skin .entry-info-panel .formgrid{grid-template-columns:1fr}body.erp-skin .entry-info-panel .uploadbox{flex-direction:column;gap:13px}body.erp-skin .entry-info-panel .uploadbox img{width:130px;height:130px}body.erp-skin .entry-live-panel .calcgrid{grid-template-columns:repeat(2,minmax(0,1fr))}body.erp-skin .entry-promotion-panel .formgrid{grid-template-columns:1fr}body.erp-skin .employee .meta{min-width:135px}body.erp-skin .module-options{grid-template-columns:1fr}body.erp-skin .erp-kpi-strip .stat{padding:13px 14px;min-height:104px}body.erp-skin .panelhead h2{font-size:15px}body.erp-skin .order-period-heading h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){body.erp-skin button,body.erp-skin .nav button{transition:none}}

body.erp-skin .order-metric-row .value.negative{color:#dc465d}body.erp-skin .order-metric-row .value.positive{color:#10a26b}
.erp-ranking-icon{display:inline-flex;align-items:center;justify-content:center}
/* Fit cancellation details to the dialog instead of inheriting the global wide table. */
body.erp-skin .order-cancel-dialog{width:min(1180px,96vw);max-width:96vw;padding:18px;box-sizing:border-box}
body.erp-skin #order-cancel-items{max-height:62vh;overflow-x:hidden;overflow-y:auto;margin:12px 0}
body.erp-skin #order-cancel-items .tablewrap{width:100%;max-width:100%;overflow:visible}
body.erp-skin #order-cancel-items table{width:100%;min-width:0;table-layout:fixed}
body.erp-skin #order-cancel-items th,body.erp-skin #order-cancel-items td{padding:10px;white-space:normal;overflow-wrap:anywhere;vertical-align:top}
body.erp-skin #order-cancel-items th:nth-child(1){width:23%}
body.erp-skin #order-cancel-items th:nth-child(2){width:35%}
body.erp-skin #order-cancel-items th:nth-child(3){width:100px}
body.erp-skin #order-cancel-items th:nth-child(4){width:auto}
body.erp-skin #order-cancel-items .cancel-state{display:inline-block;white-space:nowrap}
body.erp-skin #order-cancel-items select{width:100%;min-width:0;max-width:100%;white-space:normal}
body.erp-skin #order-cancel-message{overflow-wrap:anywhere;margin:10px 0}
/* Compact dashboard keeps explanations and product statistics available on demand. */
body.erp-skin[data-erp-page="overview"] .content{padding:12px 18px 16px}
.overview-compact-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
body.erp-skin #overview-order-filters{margin:0!important;gap:8px!important;flex:1;max-width:590px!important}
body.erp-skin #overview-order-filters .field{min-width:145px!important;gap:0}
body.erp-skin #overview-order-filters label{display:none}
body.erp-skin #overview-order-filters select{min-height:32px;padding:6px 10px;font-size:12px}
body.erp-skin #page-overview .overview-order-actions>button{min-height:32px;padding:6px 10px;font-size:11px}
.overview-rules{position:relative;font-size:11px;color:#6b82a3}
.overview-rules summary{cursor:pointer;white-space:nowrap}
.overview-rules>div{position:absolute;right:0;top:25px;width:min(460px,75vw);padding:14px;background:#fff;border:1px solid #dae6f8;border-radius:10px;box-shadow:0 8px 30px #233e6924;z-index:12;line-height:1.7}
body.erp-skin #overview-orders-message{font-size:10px;margin:4px 0;line-height:1.4}
body.erp-skin #page-overview .order-period-heading{margin:8px 0 5px;min-height:18px}
body.erp-skin #page-overview .order-period-heading h3{font-size:14px}
body.erp-skin #page-overview .deadline-notices{min-width:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
body.erp-skin #page-overview .deadline-notices .stat{min-height:65px;padding:10px 9px 8px 53px;border-radius:11px}
body.erp-skin #page-overview .deadline-notices .label{font-size:11px}
body.erp-skin #page-overview .deadline-notices .value{font-size:25px;margin-top:0}
body.erp-skin #page-overview .reminder-open{font-size:9px;margin-top:1px}
body.erp-skin #page-overview .erp-reminder-icon{width:32px;height:32px;left:12px;top:17px;border-radius:9px}
body.erp-skin #page-overview .erp-reminder-icon .erp-icon{width:23px;height:23px}
body.erp-skin #page-overview .order-metric-row{padding:8px 10px;gap:9px;border-radius:11px}
body.erp-skin #page-overview .order-metric-row .stat{padding:2px 4px 2px 45px;min-height:59px}
body.erp-skin #page-overview .order-metric-row .label{font-size:11px}
body.erp-skin #page-overview .order-metric-row .value{font-size:23px;margin-top:2px;line-height:1.2}
body.erp-skin #page-overview .erp-metric-icon{width:31px;height:31px;left:4px;top:12px}
body.erp-skin #page-overview .erp-metric-icon .erp-icon{width:24px;height:24px}
.metric-more{font-size:10px;color:#8497b0;margin-top:3px;line-height:1.4}
.metric-more summary{cursor:pointer;width:max-content}
body.erp-skin #page-overview .metric-more .hint,body.erp-skin #page-overview .metric-more .metric-comparison{font-size:10px;line-height:1.4;margin-top:4px}
.fulfillment-panel{border:1px solid #dce8fc;background:#fff;border-radius:11px;padding:10px 14px;margin-top:10px;box-shadow:0 3px 10px #3066b508}
.fulfillment-heading{display:flex;align-items:center;gap:12px;justify-content:space-between}
.fulfillment-heading h3{font-size:14px;margin:0;white-space:nowrap}
body.erp-skin .fulfillment-heading .hint{font-size:10px;line-height:1.4}
.fulfillment-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:8px 0}
.fulfillment-stage{display:flex;align-items:center;gap:12px;justify-content:center}
.fulfillment-label{font-size:11px;color:#526781;white-space:nowrap}
.fulfillment-label::before{content:'';display:inline-block;width:8px;height:8px;background:var(--fulfillment-color);border-radius:50%;margin-right:7px}
.fulfillment-stage strong{font-size:21px;line-height:1.2;color:#172c4c;font-variant-numeric:tabular-nums}
.fulfillment-bar{display:flex;height:11px;border-radius:7px;background:#edf2fa;overflow:hidden;gap:1px}
.fulfillment-bar>span{flex-basis:0;min-width:1px;background:var(--fulfillment-color)}
.fulfillment-awaiting_packaging{--fulfillment-color:#ffc663}.fulfillment-awaiting_deliver{--fulfillment-color:#86b5ff}.fulfillment-delivering{--fulfillment-color:#c09bff}.fulfillment-delivered{--fulfillment-color:#7edb90}.fulfillment-other{--fulfillment-color:#c0cbdc}
body.erp-skin #page-overview .overview-ranking-grid{gap:10px;margin-top:10px}
body.erp-skin #page-overview .overview-ranking-grid .panelhead{padding:9px 10px 7px;gap:5px}
body.erp-skin #page-overview .overview-ranking-grid .panelhead h2{font-size:13px;gap:5px}
body.erp-skin #page-overview .overview-ranking-grid .panelhead p{display:none}
body.erp-skin #page-overview .overview-ranking-grid .panelhead h2 .erp-icon{width:18px;height:18px}
body.erp-skin #page-overview .ranking-controls select{max-width:94px;font-size:10px;padding:3px 4px;min-height:24px}
body.erp-skin #page-overview .overview-ranking-grid .panel>p{font-size:9px;line-height:1.4;margin:3px 0;padding:0 10px}
body.erp-skin #page-overview [id$="-ranking-table"]{max-height:127px;overflow-y:auto;scrollbar-width:thin}
body.erp-skin #page-overview .overview-ranking-grid th,body.erp-skin #page-overview .overview-ranking-grid td{font-size:10px;padding:6px 5px}
body.erp-skin #page-overview .overview-ranking-grid th{position:sticky;top:0;z-index:1}
.overview-product-details{margin-top:9px;font-size:11px;color:#607998}
.overview-product-details>summary{cursor:pointer;padding:3px 0}
body.erp-skin .overview-product-details .overview-grid{margin-top:10px}
/* Entry form and live profit share the first screen at desktop widths. */
body.erp-skin[data-erp-page="entry"] .content{padding:14px 18px 20px}
body.erp-skin #page-entry>.pagehead{margin-bottom:10px}
body.erp-skin #page-entry>.pagehead h1{font-size:19px}
body.erp-skin #page-entry>.pagehead .sub{font-size:11px;margin-top:3px}
body.erp-skin #page-entry>.panel{padding:16px;margin-bottom:12px}
body.erp-skin #page-entry .panelhead{margin-bottom:11px}
body.erp-skin #page-entry .panelhead h2{font-size:14px}
body.erp-skin #page-entry .panelhead p{font-size:11px;margin-top:3px}
body.erp-skin #page-entry .entry-info-panel .formgrid{gap:11px 14px;grid-template-columns:minmax(150px,.7fr) repeat(2,minmax(0,1fr))}
body.erp-skin #page-entry .entry-info-panel .field{gap:5px}
body.erp-skin #page-entry .entry-info-panel label{font-size:11px}
body.erp-skin #page-entry .entry-info-panel small{font-size:10px;line-height:1.45;margin-top:0}
body.erp-skin #page-entry .entry-info-panel input,body.erp-skin #page-entry .entry-info-panel select{min-height:34px;padding:7px 9px;font-size:12px}
body.erp-skin #page-entry .entry-info-panel .uploadbox{min-height:220px;padding:12px;gap:12px}
body.erp-skin #page-entry .entry-info-panel .uploadbox img{width:120px;height:120px}
body.erp-skin #page-entry .erp-upload-symbol{width:45px;height:45px}
body.erp-skin #page-entry .erp-upload-symbol .erp-icon{width:40px;height:40px}
body.erp-skin #page-entry .entry-live-panel .calcbox{padding:13px}
body.erp-skin #page-entry .entry-live-panel .calcgrid{gap:12px}
body.erp-skin #page-entry .entry-live-panel .calcitem strong{font-size:16px}
body.erp-skin #page-entry .entry-live-panel .calcitem.big strong{font-size:24px}
body.erp-skin #page-entry .entry-live-panel .calcitem span{font-size:11px}
body.erp-skin #page-entry .entry-live-panel #calc-note{font-size:10px;line-height:1.6}
body.erp-skin #page-entry .actions{gap:8px;margin-top:12px}
body.erp-skin #page-entry .actions button{font-size:12px;min-height:34px;padding:8px 15px}
@media(min-width:1100px){body.erp-skin #page-entry{display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:14px;align-items:start}body.erp-skin #page-entry>.pagehead,body.erp-skin #variant-staging-panel,body.erp-skin #page-entry>.entry-promotion-panel{grid-column:1/-1}body.erp-skin #page-entry>.entry-info-panel{grid-column:1;grid-row:2;margin-bottom:12px}body.erp-skin #page-entry>.entry-live-panel{grid-column:2;grid-row:2;align-self:stretch;display:flex;flex-direction:column}body.erp-skin #page-entry .entry-live-panel .calcgrid{grid-template-columns:repeat(2,minmax(0,1fr))}body.erp-skin #page-entry .entry-live-panel .calcbox{flex:1}body.erp-skin #page-entry .entry-live-panel .actions{margin-top:12px}}
@media(max-width:760px){body.erp-skin #page-overview .deadline-notices{grid-template-columns:repeat(5,minmax(130px,1fr));min-width:700px}.overview-compact-toolbar{align-items:stretch;gap:7px}body.erp-skin #overview-order-filters{flex-basis:100%}body.erp-skin #page-overview .order-metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.fulfillment-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fulfillment-heading{align-items:flex-start;flex-direction:column;gap:3px}body.erp-skin #page-entry .entry-info-panel .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}body.erp-skin #page-entry .entry-info-panel .formgrid>.field:first-child{grid-column:1/-1;grid-row:auto}body.erp-skin #page-entry .entry-info-panel .uploadbox{min-height:130px;flex-direction:row}body.erp-skin #order-cancel-items th,body.erp-skin #order-cancel-items td{padding:7px 5px;font-size:11px}body.erp-skin #order-cancel-items th:nth-child(1){width:25%}body.erp-skin #order-cancel-items th:nth-child(2){width:29%}body.erp-skin #order-cancel-items th:nth-child(3){width:76px}body.erp-skin .order-cancel-dialog{padding:12px}}
/* Laptop-height overview: keep all three ranking panels in the first viewport. */
body.erp-skin[data-erp-page="overview"] .topbar{height:58px;min-height:58px}
body.erp-skin #page-overview .deadline-notices .stat{min-height:65px;padding-top:7px;padding-bottom:7px}
body.erp-skin #page-overview .deadline-notices .label{font-size:11px;line-height:1.1}
body.erp-skin #page-overview .deadline-notices .value{font-size:24px;line-height:1.1}
body.erp-skin #page-overview .deadline-notices .reminder-open{font-size:9px;line-height:1.1;margin-top:1px}
body.erp-skin #page-overview .order-metric-row{padding-top:6px;padding-bottom:6px}
body.erp-skin #page-overview .order-metric-row .stat{min-height:52px;padding-top:1px;padding-bottom:1px}
body.erp-skin #page-overview .order-metric-row .label{line-height:1.2}
body.erp-skin #page-overview .order-metric-row .value{font-size:22px;line-height:1.1}
body.erp-skin #page-overview .metric-more{line-height:1.1;margin-top:2px}
.fulfillment-panel{padding:8px 14px;margin-top:8px}
.fulfillment-heading h3{font-size:13px;line-height:16px}
.fulfillment-stages{margin:5px 0}
.fulfillment-stage strong{font-size:19px;line-height:22px}
.fulfillment-bar{height:9px}
body.erp-skin #page-overview .overview-ranking-grid{margin-top:8px}
.overview-product-details{margin-top:6px}
.overview-product-details>summary{padding:2px 0}
/* Equal-width metrics on the left and sales trends on the right. */
body.erp-skin #overview-order-metrics{margin-bottom:0}
body.erp-skin #page-overview .deadline-notices{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
body.erp-skin #page-overview .deadline-notices .new-sku-warning{--erp-tone:#12a670;background:linear-gradient(125deg,#e6f8ee,#f2fcf6)!important}
.overview-analysis-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch;margin-top:10px}
.overview-periods-compact{grid-column:1;grid-row:1;min-width:0}
.sales-trend-panel{grid-column:2;grid-row:1;min-width:0;background:#fff;border:1px solid #dce8fc;border-radius:11px;padding:11px 12px;margin-top:25px;display:flex;flex-direction:column;box-shadow:0 3px 10px #3066b508}
.trend-heading{display:flex;justify-content:space-between;align-items:center;gap:9px}
.trend-heading h3{font-size:14px;margin:0;line-height:1.3}
.trend-periods,.trend-metrics{display:flex;gap:4px;align-items:center}
.trend-periods button,.trend-metrics button{font:inherit;color:#6c7f99;border:0;background:none;cursor:pointer;border-radius:7px;min-height:25px;padding:4px 8px;font-size:11px;white-space:nowrap}
.trend-periods button[aria-pressed="true"],.trend-metrics button[aria-pressed="true"]{background:#eaf2ff;color:#246fef;font-weight:700}
.trend-metrics{justify-content:flex-end;margin-top:3px}
#overview-trend-chart{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:170px}
#overview-trend-chart svg{display:block;width:100%;max-height:215px;overflow:visible}
.trend-axis{font-size:11px;fill:#7c8ba2;font-family:inherit}
.trend-empty{min-height:150px;display:grid;place-items:center;color:#93a2b8;font-size:12px}
.trend-legend{display:flex;justify-content:center;gap:18px;font-size:10px;color:#7990ac;margin-top:0}
.trend-legend span{display:flex;align-items:center;gap:6px}
.trend-legend i{display:inline-block;width:19px;border-top:2px solid #287dff}
.trend-legend i.previous{border-color:#aa86de;border-top-style:dashed}
body.erp-skin #overview-trend-note{font-size:9px;line-height:1.3;margin:5px 0 0}
body.erp-skin #page-overview .overview-periods-compact .order-metric-row{border:1px solid #dce8fc;border-radius:11px;background:#fff;box-shadow:0 3px 10px #3066b508}
.trend-hit{cursor:crosshair;pointer-events:all;outline:none}
.trend-hit:focus-visible{stroke:#7daeff;stroke-width:1}
.trend-hover-guide{visibility:hidden;pointer-events:none}
.trend-point.is-active{r:5.5;stroke-width:3}
.trend-tooltip{position:absolute;z-index:30;pointer-events:none;box-sizing:border-box;min-width:205px;max-width:calc(100% - 8px);padding:9px 11px;background:#fff;border:1px solid #d8e5f8;border-radius:9px;box-shadow:0 6px 22px #284f7e29;color:#314766;font-size:11px;line-height:1.4}
.trend-tooltip[hidden]{display:none}
.trend-tooltip-title{font-size:11px;font-weight:700;margin-bottom:6px}
.trend-tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:5px}
.trend-tooltip-series{color:#287dff}
.trend-tooltip-series.previous{color:#9370c6}
.trend-tooltip-series small{display:block;color:#8292a9;font-size:10px;white-space:nowrap}
.trend-tooltip-row strong{font-size:12px;white-space:nowrap}
.trend-tooltip-detail{font-size:9px;color:#8796ac;margin-top:2px}
body.erp-skin #page-overview .overview-periods-compact .order-period-heading{margin:5px 0 4px}
body.erp-skin #page-overview .overview-periods-compact .order-period-heading:first-child{margin-top:0}
body.erp-skin #page-overview .overview-periods-compact .order-metric-row{padding:6px 7px;gap:6px}
body.erp-skin #page-overview .overview-periods-compact .order-metric-row .stat{padding:2px 2px 1px 30px;min-height:0}
body.erp-skin #page-overview .overview-periods-compact .erp-metric-icon{width:23px;height:23px;left:1px;top:12px;border-radius:7px}
body.erp-skin #page-overview .overview-periods-compact .erp-metric-icon .erp-icon{width:20px;height:20px}
body.erp-skin #page-overview .overview-periods-compact .order-metric-row .label{font-size:10px;line-height:1.25}
body.erp-skin #page-overview .overview-periods-compact .order-metric-row .value{font-size:clamp(15px,1.1vw,20px);line-height:1.25;margin-top:3px;letter-spacing:-.3px}
body.erp-skin #page-overview .overview-periods-compact .metric-comparison{display:block;font-size:9px;line-height:1.45;margin:5px 0 0}
body.erp-skin #page-overview .overview-periods-compact .metric-comparison>span{display:block;white-space:normal;overflow-wrap:anywhere}
body.erp-skin #page-overview .overview-periods-compact .metric-comparison b{font-weight:600}
.metric-note{font-size:9px;line-height:1.2;color:#7b90ad;margin-top:3px}
.metric-note summary{cursor:pointer}
body.erp-skin #page-overview .metric-note .hint{font-size:10px;line-height:1.5;margin-top:4px}
.new-products-dialog{width:min(850px,95vw);padding:20px;border:1px solid #d8e4f6;border-radius:15px;color:#263955;max-height:85vh}
.new-products-dialog::backdrop{background:#11233a66}
.new-products-dialog .panelhead{align-items:center;gap:12px}
.new-products-dialog h2{font-size:18px;margin:0}
.new-products-dialog .tablewrap{max-height:60vh;overflow-y:auto}
body.erp-skin .new-products-dialog table{width:100%;min-width:0;table-layout:fixed}
body.erp-skin .new-products-dialog th,body.erp-skin .new-products-dialog td{white-space:normal;overflow-wrap:anywhere;padding:10px;font-size:12px}
@media(max-width:1100px){.overview-analysis-grid{grid-template-columns:1fr}.overview-periods-compact,.sales-trend-panel{grid-column:auto;grid-row:auto}.overview-periods-compact{order:0}.sales-trend-panel{order:1;min-height:245px;margin-top:0}body.erp-skin #page-overview .overview-periods-compact .order-metric-row .value{font-size:20px}body.erp-skin #page-overview .overview-periods-compact .metric-comparison{font-size:10px}body.erp-skin #page-overview .deadline-notices{grid-template-columns:repeat(6,minmax(135px,1fr));min-width:870px}}
@media(max-width:650px){.trend-metrics button{padding:5px 7px;font-size:10px}.trend-heading h3{font-size:13px}.new-products-dialog{padding:13px}body.erp-skin .new-products-dialog th,body.erp-skin .new-products-dialog td{padding:7px;font-size:11px}}
/* Desktop first screen: reserve space for three full rows in every ranking. */
@media(min-width:1101px) and (min-height:700px){
 body.erp-skin #page-overview{display:flex;flex-direction:column;height:calc(100dvh - 86px);min-height:0}
 body.erp-skin #overview-order-metrics{display:flex;flex-direction:column;flex:1 0 auto;min-height:min-content}
 body.erp-skin #overview-order-metrics>.overview-compact-toolbar,body.erp-skin #overview-order-metrics>#overview-orders-message,body.erp-skin #overview-order-metrics>.order-period-heading,body.erp-skin #overview-order-metrics>.reminder-row-scroll,body.erp-skin #overview-order-metrics>.fulfillment-panel{flex:none}
 body.erp-skin #page-overview .overview-analysis-grid{flex:1;min-height:208px;gap:12px;align-items:stretch}
 body.erp-skin #page-overview .overview-periods-compact{display:grid;grid-template-rows:16px minmax(0,1fr) 16px minmax(0,1fr);row-gap:2px;min-height:0}
 body.erp-skin #page-overview .overview-periods-compact .order-period-heading{margin:0;align-items:center}
 body.erp-skin #page-overview .overview-periods-compact .order-metric-row{padding:4px 6px;gap:5px;min-height:0;align-items:start}
 body.erp-skin #page-overview .overview-periods-compact .order-metric-row .stat{padding-top:0;padding-bottom:0}
 body.erp-skin #page-overview .overview-periods-compact .order-metric-row .value{font-size:clamp(13px,1vw,19px);line-height:1.15;margin-top:2px}
 body.erp-skin #page-overview .overview-periods-compact .metric-comparison{font-size:9px;line-height:1.3;margin-top:3px}
 body.erp-skin #page-overview .sales-trend-panel{min-height:0;height:auto;margin-top:18px;box-sizing:border-box;padding:9px 12px}
 body.erp-skin #page-overview #overview-trend-chart{min-height:0;overflow:visible}
 body.erp-skin #page-overview #overview-trend-chart svg{min-height:0;max-height:165px;flex:1}
 body.erp-skin #page-overview .trend-empty{min-height:0;flex:1}
 body.erp-skin #page-overview .overview-ranking-grid{flex:none;height:184px;min-height:184px;align-items:stretch}
 body.erp-skin #page-overview .overview-ranking-grid .panelhead{padding:6px 9px;min-height:36px}
 body.erp-skin #page-overview .overview-ranking-grid .panel>p{margin:2px 0;line-height:12px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.erp-skin #page-overview [id$="-ranking-table"]{height:126px;max-height:126px;overflow-y:auto}
 body.erp-skin #page-overview .ranking-table{width:100%;min-width:0;table-layout:fixed}
 body.erp-skin #page-overview .ranking-table col:nth-child(1){width:7%}
 body.erp-skin #page-overview .ranking-table col:nth-child(2){width:26%}
 body.erp-skin #page-overview .ranking-table col:nth-child(3){width:14%}
 body.erp-skin #page-overview .ranking-table col:nth-child(4),body.erp-skin #page-overview .ranking-table col:nth-child(5){width:26.5%}
 body.erp-skin #page-overview .ranking-table th{font-size:9px;line-height:14px;padding:4px}
 body.erp-skin #page-overview .ranking-table td{font-size:10px;line-height:12px;padding:4px;height:32px;box-sizing:border-box;white-space:nowrap}
 body.erp-skin #page-overview .ranking-table .ranking-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body.erp-skin #page-overview .ranking-table td .hint{font-size:8px;line-height:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:1px}
 body.erp-skin #page-overview .overview-product-details{flex:none;margin-top:4px}
 body.erp-skin #page-overview .metric-note{position:relative;line-height:1.1;margin-top:2px}
 body.erp-skin #page-overview .metric-note[open]>.hint{position:absolute;top:14px;left:0;z-index:15;width:min(250px,40vw);padding:10px;background:#fff;border:1px solid #dce8fc;border-radius:8px;box-shadow:0 5px 20px #254d7626}
}
@media(min-width:1101px) and (max-width:1500px){
 body.erp-skin #page-overview .overview-periods-compact .erp-metric-icon{display:none}
 body.erp-skin #page-overview .overview-periods-compact .order-metric-row .stat{padding-left:3px;padding-right:1px}
}

/* Six-column rankings retain three complete rows on the desktop first screen. */
body.erp-skin #page-overview .ranking-table col:nth-child(1){width:6%}
body.erp-skin #page-overview .ranking-table col:nth-child(2){width:25%}
body.erp-skin #page-overview .ranking-table col:nth-child(3){width:10%}
body.erp-skin #page-overview .ranking-table col:nth-child(4){width:21%}
body.erp-skin #page-overview .ranking-table col:nth-child(5){width:23%}
body.erp-skin #page-overview .ranking-table col:nth-child(6){width:15%}
body.erp-skin #page-overview .ranking-table td:nth-child(4),body.erp-skin #page-overview .ranking-table td:nth-child(5){font-size:9px;letter-spacing:-.2px}
body.erp-skin #page-overview .fulfillment-heading>p{max-width:100%;font-size:9px;line-height:1.25}

@media(min-width:1101px) and (min-height:700px){
 body.erp-skin #page-overview .overview-periods-compact .stat{position:relative}
 body.erp-skin #page-overview .overview-periods-compact .metric-comparison>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.erp-skin #page-overview .overview-periods-compact .metric-note{position:absolute;right:0;top:0;margin:0;width:11px;height:11px}
 body.erp-skin #page-overview .overview-periods-compact .metric-note>summary{font-size:0;width:11px;height:11px;padding:0;list-style:none;color:#8b9db9}
 body.erp-skin #page-overview .overview-periods-compact .metric-note>summary::after{content:'ⓘ';font-size:10px;line-height:11px}
 body.erp-skin #page-overview .overview-periods-compact .metric-note[open]>.hint{left:auto;right:0}
 body.erp-skin #page-overview .trend-periods button,body.erp-skin #page-overview .trend-metrics button{min-height:22px;padding:2px 6px;font-size:10px;line-height:16px}
 body.erp-skin #page-overview .trend-heading{min-height:22px}
 body.erp-skin #page-overview .trend-metrics{margin-top:1px}
}