/* DM Panel 0.10.3 — compact workspace based on the supplied reference. */
.reference-layout{--rail:40px;--header:52px;--sidebar:182px;font-size:12px;color:#dce2e9}
.reference-layout .icon-rail{width:var(--rail);overflow:visible}
.reference-layout .rail-brand{height:var(--header);font-size:29px;flex-shrink:0}
.reference-layout .icon-rail nav{display:flex;flex-direction:column;gap:4px;margin:10px 0}
.reference-layout .rail-group{position:relative}
.reference-layout .rail-trigger{display:grid;place-items:center;width:100%;height:38px;min-height:0;border:0;border-left:2px solid transparent;border-radius:0;padding:0;background:transparent;color:#b4bfcb}
.reference-layout .rail-trigger svg{width:18px;height:18px}
.reference-layout .rail-trigger:hover,.reference-layout .rail-trigger.active,.reference-layout .menu-open>.rail-trigger{color:#009dff;background:#252d35;border-left-color:#009dff}
.reference-layout .rail-flyout{display:none;position:absolute;left:100%;top:0;min-width:220px;background:#1c2228;border:1px solid #3e4750;border-radius:0 4px 4px 0;padding:10px 0;box-shadow:5px 8px 20px #0005;max-height:70vh;overflow:auto}
.reference-layout .rail-group[open]>.rail-flyout{display:block}
.reference-layout .rail-flyout strong{display:block;padding:6px 15px 10px;font-size:13px;color:#f0f3f7}
.reference-layout .rail-flyout a{display:block;height:auto;padding:10px 15px;border:0;color:#bcc8d6;font-size:12px;text-decoration:none}
.reference-layout .rail-flyout a:hover,.reference-layout .rail-flyout a.active{color:#54bcff;background:#29343e}
.reference-layout .desk-header{height:var(--header);left:var(--rail);gap:20px;padding:0 14px}
.reference-layout .quick-access{display:block;min-width:190px}
.reference-layout .quick-access>div{max-height:75vh;overflow:auto}
.reference-layout .quick-access a{padding:9px 12px}
.reference-layout .global-search{max-width:870px;margin:0 auto}
.reference-layout .global-search input{min-height:32px;font-size:12px}
.reference-layout .desk-account span{width:30px;height:30px}
.reference-layout .context-nav{display:block;top:var(--header);left:var(--rail);width:var(--sidebar);padding:10px 5px;background:#24292e;border:0}
.reference-layout .context-import{width:100%;border-radius:20px;font-weight:600;padding:7px 6px;margin-bottom:12px;font-size:11px}
.reference-layout .status-link{padding:5px 4px;gap:5px;border-radius:0;font-size:11px;line-height:1.25}
.reference-layout .status-link.selected{background:#343a40;color:#fff}
.reference-layout .status-link b{margin-left:auto;background:transparent;font-size:10px;padding:0 3px}
.reference-layout .status-dot{display:inline-flex;align-items:center;justify-content:center;min-width:15px;width:auto;height:14px;padding:0 3px;border-radius:3px;color:#fff;font-size:9px;line-height:14px}
.reference-layout .all-orders-icon{width:15px;text-align:center}
.reference-layout .context-tools{display:grid;border-top:1px solid #49515a;margin-top:10px;padding-top:6px}
.reference-layout .context-tools a{padding:6px 4px;font-size:11px;color:#d7e1eb;text-decoration:none}
.reference-layout .context-tools a:hover{background:#343a40}
.reference-layout .workspace{margin-left:var(--rail);width:calc(100% - var(--rail));padding:calc(var(--header) + 12px) 12px 24px;max-width:none}
.reference-layout.has-order-sidebar .workspace{margin-left:calc(var(--rail) + var(--sidebar));width:calc(100% - var(--rail) - var(--sidebar));padding-left:0}
.reference-layout .topbar{min-height:44px;padding:10px 12px;margin:0 0 10px;background:#2e343a;border-radius:4px;display:flex;justify-content:space-between;flex-wrap:wrap}
.reference-layout h1{font-size:15px;font-weight:600}
.reference-layout .topbar .actions{gap:6px}
.reference-layout .topbar button,.reference-layout .topbar .button{font-size:11px;min-height:28px;padding:5px 9px}
.reference-layout[data-view="dashboard"]>.workspace>.topbar{display:none}
.reference-layout .orders-tabs{margin:0;border:0}
.reference-layout .orders-tabs a{padding:9px 12px;font-size:11px}
.reference-layout .order-filter-panel{margin:0;padding:8px 12px;background:#343a40;border-bottom:1px solid #454d56}
.reference-layout .order-filter-panel>summary{margin:0 0 0 auto;width:fit-content;cursor:pointer;font-size:11px;font-weight:400;padding:6px 10px;border:1px solid #56616c;border-radius:18px}
.reference-layout .compact-filter{padding:12px 0 4px;margin:0;flex-wrap:wrap}
.reference-layout .order-actions{padding:8px 12px;flex-wrap:wrap;border-bottom:0}
.reference-layout .orders-table{font-size:11px;min-width:850px}
.reference-layout .orders-table td,.reference-layout .orders-table th{padding:7px 8px;vertical-align:top}
.reference-layout .orders-table th{padding-top:18px;font-size:9px;font-weight:500;text-transform:uppercase}
.reference-layout .orders-table td b{font-size:11px}
.reference-layout .orders-table td small{margin-top:3px;font-size:10px}
.reference-layout .orders-table .small-button{padding:3px 7px;min-height:24px;font-size:10px}
.reference-layout[data-view="orders"] .panel.flush{min-height:340px}
.reference-layout .desk-welcome{min-height:82px;padding:15px 22px;margin-bottom:12px}
.reference-layout .desk-welcome h2{font-size:16px;margin-bottom:5px}
.reference-layout .desk-welcome .eyebrow{font-size:9px}
.reference-layout .dashboard-grid{grid-template-columns:1fr 1fr 2.05fr;gap:12px;margin-bottom:12px}
.reference-layout .dashboard-stat{min-height:146px;padding:18px}
.reference-layout .dashboard-stat strong{font-size:45px;margin-bottom:5px}
.reference-layout .dashboard-stat small{font-size:10px;margin-top:7px}
.reference-layout .dashboard-chart{padding:12px 18px 6px}
.reference-layout .dashboard-chart svg{height:105px}
.reference-layout .dashboard-lower{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.reference-layout .dashboard-lower>.panel{min-height:350px;padding:16px}
.reference-layout .dashboard-lower h2{font-size:14px}
.reference-layout .dashboard-lower table{font-size:11px}
.reference-layout .dashboard-lower td,.reference-layout .dashboard-lower th{padding:10px 8px}
.reference-layout .view-footnote{font-size:10px;flex-wrap:wrap}
.reference-layout a:focus-visible,.reference-layout button:focus-visible,.reference-layout summary:focus-visible{outline:2px solid #58bdff;outline-offset:2px}
.reference-layout [hidden]{display:none!important}

@media(min-width:1700px){.reference-layout{--sidebar:190px}.reference-layout .global-search{margin-left:clamp(20px,10vw,230px)}}
@media(max-width:1100px){.reference-layout .quick-access{min-width:120px}.reference-layout .desk-header{gap:12px}.reference-layout .desk-account b,.reference-layout .sync-indicator{display:none}.reference-layout .dashboard-lower{grid-template-columns:1fr}.reference-layout .dashboard-chart{grid-column:auto}.reference-layout .dashboard-grid{grid-template-columns:1fr 1fr 2fr}}
@media(max-width:760px){.reference-layout{--rail:40px;--header:50px;--sidebar:154px}.reference-layout .desk-header{left:40px;padding:0 8px;gap:8px}.reference-layout .quick-access{min-width:0}.reference-layout .quick-access summary{font-size:10px}.reference-layout .global-search{min-width:0;padding-left:8px}.reference-layout .global-search input{width:100%;min-width:0}.reference-layout .desk-account{display:none}.reference-layout .context-nav{display:block}.reference-layout .workspace{padding-right:8px;padding-left:8px}.reference-layout .dashboard-grid{grid-template-columns:1fr 1fr}.reference-layout .dashboard-chart{grid-column:1/-1}.reference-layout .desk-welcome{flex-wrap:wrap;padding:14px}.reference-layout .dashboard-stat{min-height:115px}.reference-layout .dashboard-stat strong{font-size:36px}.reference-layout .topbar{align-items:flex-start}.reference-layout .view-footnote{display:none}}
@media(max-width:520px){.reference-layout.has-order-sidebar .context-nav{position:relative;top:auto;left:auto;margin:var(--header) 0 0 var(--rail);width:calc(100% - var(--rail));max-height:220px;padding:8px;display:flex;gap:5px;flex-wrap:wrap;overflow:auto}.reference-layout .context-import{width:auto;margin:0}.reference-layout .status-link{padding:6px;background:#30373e}.reference-layout .context-tools{display:flex;flex-wrap:wrap;width:100%;margin:0}.reference-layout.has-order-sidebar .workspace{margin-left:var(--rail);width:calc(100% - var(--rail));padding:8px}.reference-layout .dashboard-lower>.panel{min-height:0}.reference-layout .order-actions .order-range{margin-left:0}.reference-layout .order-actions select{width:120px}}

/* 0.10.4: native navigation and order state indicators. */
.reference-layout .rail-group{margin:0;padding:0;border:0}
.reference-layout .rail-trigger{margin:0;list-style:none;cursor:pointer;user-select:none}
.reference-layout .rail-trigger::-webkit-details-marker{display:none}
.reference-layout .rail-group[open]>.rail-trigger{background:#253544;color:#19aaff}
.reference-layout .icon-rail{z-index:50}
.reference-layout .rail-flyout{z-index:51;top:0}
.reference-layout .order-extra{min-width:215px;width:235px}
.reference-layout .order-status-line{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.reference-layout .order-status-line>.badge{max-width:140px;white-space:normal;font-weight:600;padding:2px 5px}
.order-indicators{display:inline-flex;gap:3px;flex-shrink:0;align-items:center}
.order-indicator{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:3px;background:#535b63;color:#b6bdc5;font-size:13px;font-weight:700;line-height:1;cursor:help}
.order-indicator svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}
.order-indicator.paid.is-on{background:#218452;color:#fff}
.order-indicator.cancel.is-on{background:#d34e40;color:#fff}
.order-indicator.document.is-on{background:#168bd2;color:#fff}
.order-indicator:focus-visible{outline:2px solid #fff;outline-offset:2px}
.status-color-picker{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.status-color-picker label{display:inline-flex;align-items:center;gap:5px;margin:0;cursor:pointer}
.status-color-picker input{width:15px;height:15px;min-height:15px;margin:0;accent-color:#169deb}
.status-color-picker label:has(input:checked) .badge{outline:2px solid #cfe9ff;outline-offset:2px}
.badge.status-color-blue,.status-dot.status-color-blue{background:#176db2;color:#fff}
.badge.status-color-green,.status-dot.status-color-green{background:#238252;color:#fff}
.badge.status-color-orange,.status-dot.status-color-orange{background:#975719;color:#fff}
.badge.status-color-red,.status-dot.status-color-red{background:#be4039;color:#fff}
.badge.status-color-purple,.status-dot.status-color-purple{background:#8150ad;color:#fff}
.badge.status-color-gray,.status-dot.status-color-gray{background:#64707c;color:#fff}
.reference-layout .orders-table .order-items{width:auto;max-width:none}
.reference-layout .orders-table th:nth-child(2){width:90px}
.reference-layout .orders-table th:nth-child(3){width:170px}
.reference-layout .orders-table th:nth-child(5){width:100px}
.reference-layout .orders-table th:nth-child(7){width:130px}

/* 0.10.5 — allow flyouts to leave the narrow icon rail. */
.reference-layout .icon-rail nav{overflow:visible;flex-shrink:0}
.reference-layout .rail-group{flex-shrink:0}
.reference-layout .orders-table .channel-icon{display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:15px;padding:0 3px;border-radius:2px;background:#737e8b;color:white;font-size:10px;line-height:1;font-weight:700;vertical-align:middle}
.reference-layout .order-channel{margin-top:3px}
.reference-layout .order-detail-layout .panel{margin-bottom:16px;padding:14px}
.reference-layout .order-detail-layout .detail-products{padding:0}
.reference-layout .detail-products h2{padding:12px 14px;margin:0;font-size:13px}
.reference-layout .detail-products td,.reference-layout .detail-products th{padding:10px 14px;font-size:11px}
.reference-layout .detail-products th:first-child{width:75%}
.reference-layout .detail-information h2,.reference-layout .detail-addresses h2{font-size:14px;margin-bottom:20px}
.reference-layout .detail-information-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px}
.reference-layout .detail-fields{display:grid;grid-template-columns:minmax(100px,130px) minmax(0,1fr);gap:6px 12px;margin:12px 0;font-size:11px;line-height:1.5}
.reference-layout .detail-fields dt{color:#becad6}
.reference-layout .detail-fields dd{margin:0;overflow-wrap:anywhere}
.reference-layout .detail-payment{display:flex;gap:10px;align-items:center;padding:0 0 12px;border-bottom:1px solid #525b64;font-size:12px;flex-wrap:wrap}
.reference-layout .detail-realization>.panel{border:0;padding:0;box-shadow:none;background:transparent;margin:0}
.reference-layout .detail-realization h2{display:none}
.reference-layout .detail-realization #status-form{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.reference-layout .detail-realization #status-form label{margin:0;max-width:250px;flex:1}
.reference-layout .detail-realization #status-form button{margin-bottom:0}
.reference-layout .detail-addresses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.reference-layout .detail-shipping .operation{padding:12px 0}
@media(max-width:1100px){.reference-layout .detail-addresses{grid-template-columns:1fr}.reference-layout .detail-information-grid{grid-template-columns:1fr}}
@media(max-height:540px){.reference-layout .rail-trigger{height:30px}.reference-layout .rail-flyout{position:fixed;left:var(--rail);top:var(--header);max-height:calc(100vh - var(--header) - 12px)}}

/* Product table: distinct warehouse and marketplace links. */
.reference-layout .detail-products .detail-product-table{min-width:980px}
.reference-layout .detail-products .detail-product-table th:first-child{width:52px}
.reference-layout .detail-product-table th:nth-child(2){width:86px}
.reference-layout .detail-product-table .product-name{width:55%;min-width:260px}
.reference-layout .detail-product-table td{vertical-align:middle}
.reference-layout .detail-product-table th{font-size:9px;text-transform:uppercase;white-space:nowrap}
.reference-layout .order-product-photo,.reference-layout .order-product-placeholder{width:42px;height:42px;object-fit:contain;background:#edf0f2;border:1px solid #929da7;display:grid;place-items:center;color:#687989;font-size:26px}
.reference-layout .detail-product-table a{text-decoration:none}
.reference-layout .detail-product-table a:hover{text-decoration:underline}
.reference-layout .detail-product-table .actions{flex-wrap:nowrap}

/* Shipment list and provider bar, 0.10.9 */
.shipment-panel{padding:16px!important}.shipment-table{width:100%;font-size:12px}.shipment-table th{font-size:10px;text-transform:uppercase;white-space:nowrap}.shipment-table td{vertical-align:top}.ship-carrier,.ship-tracking{color:#209ee9}.ship-tracking{background:transparent!important;border:0!important;padding:0!important;cursor:pointer}.ship-row-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.ship-row-actions .button,.ship-row-actions button{font-size:11px;padding:5px 8px;white-space:nowrap}.ship-status{display:inline-block;width:40px;height:6px;border-radius:5px;background:#4fa988;margin-right:7px}.ship-status-warn{background:#df9544}.ship-error{display:block;color:#ce4545;max-width:380px;margin-top:5px}.shipping-methods{display:flex;flex-wrap:wrap;gap:5px;border-top:1px solid var(--line,#dde2e8);padding-top:16px;margin-top:14px}.shipping-methods button{font-size:12px;border:1px solid #279ce0;color:#168bcf;padding:7px 12px;border-radius:3px}.shipping-methods button.primary{background:#39a8ef;color:white}.shipping-methods button:disabled{opacity:.45;cursor:not-allowed}.ship-load:empty{display:none}.ship-load{font-size:12px}.ship-more[hidden]{display:none}.detail-shipping:has(.shipment-panel){display:flex;flex-direction:column}.detail-shipping>.shipment-panel{order:-1}fieldset{min-width:0;border:1px solid #d4dbe4;border-radius:6px;padding:12px}

.operation[hidden]{display:none!important}

/* Inline carrier forms */
.shipping-inline[hidden]{display:none!important}.shipping-inline{border-top:1px solid var(--line,#d9dfe6);margin-top:16px;padding-top:16px}.ship-form-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ship-form-title h3{margin:0}.ship-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ship-main-fields>label{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:9px;font-size:12px}.ship-main-fields input,.ship-main-fields select{width:100%;min-width:0;margin:0}.ship-dimensions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ship-dimensions label{font-size:11px}.ship-dimensions input{width:100%;min-width:0}.ship-package{margin:0 0 12px;padding:14px}.ship-package legend{font-weight:600;font-size:12px}.ship-remove{margin-top:6px;font-size:11px}.ship-addresses{margin:16px 0}.ship-addresses summary{cursor:pointer;padding:10px 0}.ship-form-error{color:#c43e3e;white-space:pre-wrap}.ship-form-error:empty{display:none}.shipping-inline form>.primary{margin-top:12px}.shipping-inline input[readonly]{opacity:.7}.shipping-inline .notice{margin-bottom:18px}.shipping-inline form{max-width:none}@media(max-width:850px){.ship-create-grid{grid-template-columns:1fr}.ship-main-fields>label{grid-template-columns:110px minmax(0,1fr)}}@media(max-width:480px){.ship-dimensions{grid-template-columns:1fr 1fr}}

/* Larger order pictures and compact order facts */
.reference-layout .detail-product-table th:first-child{width:126px}.reference-layout .order-product-photo,.reference-layout .order-product-placeholder{width:110px;height:110px;object-fit:contain;display:block;background:#fff;border-radius:3px}.reference-layout .order-product-placeholder{display:grid;place-items:center;color:#909ba7;font-size:30px}.detail-information-grid{grid-template-columns:1fr 1fr!important;gap:28px!important}.detail-information hr{border:0;border-top:1px solid var(--line,#d9dfe6);margin:9px 0}.detail-fields{grid-template-columns:130px minmax(0,1fr)!important;gap:4px 12px!important;font-size:12px}.detail-payment{font-size:12px;min-height:40px}.detail-addresses .detail-fields{grid-template-columns:140px minmax(0,1fr)!important}.detail-realization>.panel{box-shadow:none!important;border:0!important;padding:0!important}.detail-realization>.panel>h2{display:none}.detail-order-dates{margin-top:14px}@media(max-width:900px){.detail-information-grid{grid-template-columns:1fr!important}.reference-layout .order-product-photo,.reference-layout .order-product-placeholder{width:86px;height:86px}}

.reference-layout .order-detail-layout{--line:#485058}.reference-layout .order-detail-layout .detail-products,.reference-layout .order-detail-layout .detail-information,.reference-layout .order-detail-layout .detail-addresses>.panel{background:#343a40;color:#e5eaf0;border-color:#454c54;box-shadow:0 2px 4px #0003}.reference-layout .order-detail-layout .detail-products th{background:#343a40;color:#f0f3f7}.reference-layout .order-detail-layout .detail-products td{border-color:#485058}.reference-layout .order-detail-layout .detail-fields dt{color:#c6d1dc}.reference-layout .order-detail-layout .detail-fields dd{color:#edf1f5}.reference-layout .order-detail-layout .detail-information h2,.reference-layout .order-detail-layout .detail-addresses h2{color:#eef1f5}.reference-layout .order-detail-layout .detail-realization>.panel{background:transparent;color:inherit}.reference-layout .order-detail-layout .detail-realization select{background:#343a40;color:#edf1f5;border-color:#59636e}.detail-invoice-row{display:flex;align-items:center;gap:12px;font-size:12px;margin-top:12px}.reference-layout .order-detail-layout .detail-product-table tbody tr:hover{background:#3d444b}.reference-layout .order-detail-layout .detail-product-table .muted{color:#c1cad3}

/* Comfortable interface scale and enlarged dashboard */
.reference-layout{--rail:52px;--header:62px;--sidebar:218px;font-size:14px}.reference-layout .rail-trigger{height:46px}.reference-layout .rail-trigger svg{width:23px;height:23px}.reference-layout .rail-flyout a{font-size:14px;padding:12px 18px}.reference-layout .global-search input{font-size:14px;min-height:40px}.reference-layout h1{font-size:19px}.reference-layout h2{font-size:17px}.reference-layout .topbar{min-height:54px}.reference-layout .topbar button,.reference-layout .topbar .button,.reference-layout button,.reference-layout .button{font-size:13px;min-height:34px}.reference-layout input,.reference-layout select{font-size:14px;min-height:36px}.reference-layout .status-link{font-size:13px;padding:8px 6px}.reference-layout .status-link b{font-size:12px}.reference-layout .context-tools a,.reference-layout .context-import{font-size:13px}.reference-layout .orders-table{font-size:13px}.reference-layout .orders-table td{padding:11px 10px}.reference-layout .orders-table td b{font-size:13px}.reference-layout .orders-table th{font-size:11px}.reference-layout .orders-table td small{font-size:12px}.reference-layout .detail-products td,.reference-layout .detail-products th{font-size:13px}.reference-layout .detail-fields{font-size:14px}.reference-layout .desk-welcome{min-height:112px;padding:24px 28px}.reference-layout .desk-welcome h2{font-size:23px}.reference-layout .desk-welcome .eyebrow{font-size:12px}.reference-layout .dashboard-grid{grid-template-columns:1fr 1fr 2.05fr;gap:16px;margin-bottom:18px}.reference-layout .dashboard-stat{min-height:230px;justify-content:center}.reference-layout .dashboard-stat strong{font-size:58px}.reference-layout .dashboard-stat span{font-size:16px}.reference-layout .dashboard-stat small{font-size:12px}.reference-layout .dashboard-chart{min-height:230px;padding:18px 22px}.reference-layout .dashboard-chart svg{height:auto;width:100%;min-height:160px;max-height:230px}.reference-layout .dashboard-lower{gap:18px}.reference-layout .dashboard-lower>.panel{min-height:410px;padding:22px}.reference-layout .dashboard-lower h2{font-size:18px}.reference-layout .dashboard-lower table{font-size:13px}.reference-layout .dashboard-lower td,.reference-layout .dashboard-lower th{padding:13px 10px}.sales-legend{display:flex;gap:22px;justify-content:center;font-size:12px;color:#e8edf3}.sales-legend span:last-child{color:#00d3ee}.sales-count-line,.sales-value-line{fill:none;stroke-width:2.5;stroke:#edf1f6}.sales-value-line{stroke:#00d3ee}.sales-plot{position:relative}.sales-hit{fill:transparent;pointer-events:all;cursor:crosshair}.sales-point{fill:#edf1f6}.sales-plot g:focus{outline:none}.sales-plot g:focus .sales-hit,.sales-plot g:hover .sales-hit{fill:#ffffff12}.sales-tooltip{position:absolute;bottom:30px;left:8px;right:8px;padding:12px 16px;border:1px solid #00c4e8;border-radius:6px;background:#141e2bf5;color:white;box-shadow:0 4px 14px #0005;pointer-events:none;font-size:14px;z-index:3}.sales-tooltip[hidden]{display:none}.dashboard-chart .chart-heading{flex-wrap:wrap;gap:8px}.chart-heading label{display:flex;align-items:center;gap:6px;font-size:12px}.chart-heading select{min-height:28px!important;width:auto}.dashboard-chart>small{font-size:11px;display:block;line-height:1.5}.reference-layout[data-view="dashboard"] .dashboard-stat,.reference-layout[data-view="dashboard"] .dashboard-chart,.reference-layout[data-view="dashboard"] .dashboard-lower>.panel{background:#626e7a;color:#fff}.reference-layout[data-view="dashboard"] .dashboard-stat small{color:#e1e6ec}@media(max-width:1100px){.reference-layout .dashboard-grid{grid-template-columns:1fr 1fr}.reference-layout .dashboard-chart{grid-column:1/-1}.reference-layout .dashboard-stat{min-height:165px}}@media(max-width:700px){.reference-layout .dashboard-lower{grid-template-columns:1fr}.reference-layout{--rail:44px;--header:56px}.reference-layout .desk-welcome h2{font-size:18px}.sales-tooltip{font-size:12px}.reference-layout .dashboard-stat strong{font-size:42px}}

/* 0.10.14: moderate scale and point tooltip */
.reference-layout{--rail:46px;--header:56px;--sidebar:202px;font-size:13px}.reference-layout .rail-trigger{height:42px}.reference-layout .rail-trigger svg{width:20px;height:20px}.reference-layout .rail-flyout a{font-size:13px;padding:10px 16px}.reference-layout .global-search input{font-size:13px;min-height:35px}.reference-layout h1{font-size:17px}.reference-layout h2{font-size:16px}.reference-layout .topbar{min-height:48px}.reference-layout .topbar button,.reference-layout .topbar .button,.reference-layout button,.reference-layout .button{font-size:12px;min-height:30px}.reference-layout input,.reference-layout select{font-size:13px;min-height:32px}.reference-layout .status-link{font-size:12px;padding:6px 5px}.reference-layout .context-tools a,.reference-layout .context-import{font-size:12px}.reference-layout .orders-table{font-size:12px}.reference-layout .orders-table td{padding:9px}.reference-layout .orders-table td b{font-size:12px}.reference-layout .orders-table td small{font-size:11px}.reference-layout .detail-products td{font-size:12px}.reference-layout .detail-fields{font-size:13px}.reference-layout .desk-welcome{min-height:96px;padding:19px 24px}.reference-layout .desk-welcome h2{font-size:20px}.reference-layout .dashboard-grid{gap:13px;margin-bottom:14px}.reference-layout .dashboard-stat{min-height:190px}.reference-layout .dashboard-stat strong{font-size:49px}.reference-layout .dashboard-stat span{font-size:14px}.reference-layout .dashboard-chart{min-height:190px;padding:14px 18px}.reference-layout .dashboard-chart svg{min-height:130px;max-height:190px}.reference-layout .dashboard-lower{gap:14px}.reference-layout .dashboard-lower>.panel{min-height:360px;padding:18px}.reference-layout .dashboard-lower h2{font-size:16px}.reference-layout .dashboard-lower table{font-size:12px}.reference-layout .dashboard-lower td,.reference-layout .dashboard-lower th{padding:11px 9px}.reference-layout[data-view="dashboard"] .dashboard-stat,.reference-layout[data-view="dashboard"] .dashboard-chart,.reference-layout[data-view="dashboard"] .dashboard-lower>.panel{background:#29323c;color:#e6edf5;border:1px solid #3a4755}.reference-layout[data-view="dashboard"] .dashboard-stat small{color:#aab8c8}.chart-popup{display:none;pointer-events:none}.chart-active .chart-popup{display:block}.chart-popup rect{fill:#18222f;stroke:#5e788f;stroke-width:1}.dashboard-chart .chart-popup text{fill:#f3f7fc;font-size:12px;font-weight:500}.dashboard-chart .chart-popup .chart-popup-value{fill:#45dcf0}.chart-crosshair{stroke:#a4b8c9;stroke-width:1;stroke-dasharray:3 3}.sales-plot g:hover .sales-hit,.sales-plot g:focus .sales-hit{fill:transparent}.sales-tooltip{display:none!important}@media(max-width:700px){.reference-layout .dashboard-stat{min-height:145px}.reference-layout .dashboard-stat strong{font-size:39px}.reference-layout .desk-welcome h2{font-size:17px}}

/* Wider and taller chart */
.reference-layout .dashboard-grid{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(0,2.8fr)}.reference-layout .dashboard-chart{min-height:255px;padding:16px 20px}.reference-layout .dashboard-chart svg{width:100%;height:210px;min-height:210px;max-height:none}.reference-layout .dashboard-stat{min-height:255px}@media(max-width:1100px){.reference-layout .dashboard-grid{grid-template-columns:1fr 1fr}.reference-layout .dashboard-chart{grid-column:1/-1}.reference-layout .dashboard-stat{min-height:145px}}@media(min-width:1600px){.reference-layout .dashboard-chart svg{height:250px}.reference-layout .dashboard-chart,.reference-layout .dashboard-stat{min-height:295px}}
