.v167-wrap{display:grid;gap:16px}.v167-flow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;background:#fff;border:1px solid var(--line,#e4e9ef);border-radius:16px;padding:10px}.v167-flow>div{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;color:#64748b;min-width:0}.v167-flow>div span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#eef2f7;font-size:12px;font-weight:700;flex:0 0 auto}.v167-flow>div b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v167-flow>div.active{background:#ecfdf8;color:#0f766e}.v167-flow>div.active span{background:#0f9f8c;color:#fff}.v167-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line,#e4e9ef);border-radius:18px;padding:18px}.v167-head h2{margin:4px 0 6px;font-size:27px}.v167-head p{margin:0;color:#64748b}.v167-actions{display:flex;gap:8px;flex-wrap:wrap}.v167-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v167-metrics>div,.v167-review-summary>div{background:#fff;border:1px solid var(--line,#e4e9ef);border-radius:15px;padding:16px}.v167-metrics b,.v167-review-summary b{display:block;font-size:24px}.v167-metrics span,.v167-review-summary span{font-size:12px;color:#64748b}.v167-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v167-card{background:#fff;border:1px solid var(--line,#e4e9ef);border-radius:18px;padding:16px}.v167-cardhead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.v167-cardhead h3{margin:0 0 4px}.v167-cardhead p{margin:0;color:#64748b}.v167-session-list{display:grid;gap:8px}.v167-session{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #edf0f4;border-radius:13px;padding:12px}.v167-session>div:first-child{display:grid;gap:3px}.v167-session span,.v167-session small{font-size:12px;color:#64748b}.v167-session>div:last-child{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.v167-badge,.v167-line-status,.v167-chip,.v167-type{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;white-space:nowrap}.v167-badge.counting,.v167-line-status.counting{background:#eff6ff;color:#1d4ed8}.v167-badge.review{background:#fff7ed;color:#9a3412}.v167-badge.pending_approval{background:#fef3c7;color:#92400e}.v167-badge.approved{background:#ecfdf5;color:#166534}.v167-badge.applied{background:#e8fff4;color:#047857}.v167-badge.cancelled{background:#f3f4f6;color:#6b7280}.v167-line-status.uncounted{background:#f1f5f9;color:#64748b}.v167-line-status.match,.v167-chip.match{background:#ecfdf5;color:#166534}.v167-line-status.short,.v167-chip.short{background:#fff7ed;color:#9a3412}.v167-line-status.extra,.v167-chip.extra{background:#eff6ff;color:#1d4ed8}.v167-chip.warn{background:#fff7ed;color:#9a3412}.v167-chip.neutral{background:#f1f5f9;color:#64748b}.v167-type{background:#f1f5f9;color:#475569}.v167-type.device{background:#eef2ff;color:#4338ca}.v167-scanbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;border:1px solid #dbe4ec;background:#f8fafc;border-radius:14px;margin-bottom:12px}.v167-scanbar input{font-size:16px}.v167-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.v167-toolbar>input{min-width:260px;flex:1}.v167-filterset{display:flex;gap:6px;flex-wrap:wrap}.v167-tablewrap{border:1px solid #e5eaf0;border-radius:14px;overflow:auto}.v167-table{width:100%;border-collapse:collapse;min-width:900px}.v167-table th,.v167-table td{padding:10px 11px;border-bottom:1px solid #edf1f5;text-align:left;vertical-align:middle}.v167-table th{background:#f8fafc;font-size:12px;color:#475569;position:sticky;top:0;z-index:1}.v167-table td small{display:block;color:#64748b;margin-top:3px}.v167-table tr.variance{background:#fffaf2}.v167-count{width:90px}.v167-devicecount{display:grid;gap:2px}.v167-devicecount small{font-size:11px}.v167-rowactions{display:flex;gap:6px;flex-wrap:wrap}.v167-pager{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 2px 0;color:#64748b;font-size:12px}.v167-pager>div{display:flex;align-items:center;gap:8px}.v167-empty{padding:28px 14px;text-align:center;color:#64748b}.v167-start-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.v167-choice{display:flex;gap:10px;border:1px solid #dce4eb;border-radius:14px;padding:14px;cursor:pointer}.v167-choice span{display:grid;gap:4px}.v167-choice small{color:#64748b}.v167-choice:has(input:checked){border-color:#0f9f8c;background:#f0fdfa}.v167-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.v167-mode{display:flex;gap:9px;border:1px solid #dfe6ed;border-radius:14px;padding:14px;cursor:pointer}.v167-mode span{display:grid;gap:5px}.v167-mode small{color:#64748b;line-height:1.35}.v167-mode.active{border-color:#0f9f8c;background:#f0fdfa}.v167-review-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.v167-approvalbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:14px;padding:14px;border:1px solid #dfe6ed;background:#fbfcfd;border-radius:14px}.v167-approvalbar>div:first-child{display:grid;gap:3px}.v167-approvalbar span{font-size:12px;color:#64748b}.v167-reportnote{font-size:12px;color:#64748b;margin-bottom:10px}.v167-search-results{display:grid;gap:6px;margin-top:10px;max-height:420px;overflow:auto}.v167-search-results button{border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:11px;display:flex;justify-content:space-between;text-align:left;cursor:pointer}.v167-search-results button span{display:grid;gap:3px}.v167-search-results small{color:#64748b}.v167-currentqty{display:flex;justify-content:space-between;align-items:center;border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px;padding:12px;margin-bottom:12px}.v167-currentqty b{font-size:20px}.v167-error{max-width:760px;margin:0 auto}.hidden{display:none!important}
@media(max-width:1100px){.v167-flow{grid-template-columns:repeat(4,1fr)}.v167-grid2{grid-template-columns:1fr}.v167-modes{grid-template-columns:1fr}.v167-metrics,.v167-review-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.v167-flow{display:none}.v167-head,.v167-approvalbar{display:grid}.v167-metrics,.v167-review-summary{grid-template-columns:1fr}.v167-scanbar{grid-template-columns:1fr}.v167-start-choice{grid-template-columns:1fr}.v167-pager{display:grid}.v167-toolbar{display:grid}.v167-toolbar>input{min-width:0;width:100%}}
/* V16.8 hands-free scan + unit reconciliation */
.v168-scanbox{display:grid;gap:5px;min-width:0}.v168-scanbox small{font-size:12px;color:#64748b;padding-left:2px}.v168-scanbox small.v168-scan-ok{color:#157347;font-weight:700}.v168-scanbox small.v168-scan-miss{color:#b45309;font-weight:700}.v168-zero-warning{display:grid;gap:4px;border:1px solid #f4b9b9;background:#fff7f7;color:#8b1e1e;border-radius:14px;padding:13px 14px;margin:14px 0}.v168-zero-warning b{font-size:15px}.v168-zero-warning span{font-size:13px}.v168-negative{color:#b42318}.v167-review-summary{grid-template-columns:repeat(6,minmax(0,1fr))}.v167-scanbar{align-items:start}
@media(max-width:1150px){.v167-review-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.v167-review-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.v167-scanbar{grid-template-columns:1fr}}

/* V16.8 UI cleanup — global workspace navigation strip removal. */
#v81Breadcrumb,
#v8Breadcrumb {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* =====================================================================
   V16.8.3 PROFESSIONAL DASHBOARD — senior UX rebuild
   ===================================================================== */
#content:has(> .v168d-wrap){background:#f6f8fb}
.v168d-wrap{--d-ink:#152235;--d-text:#344054;--d-muted:#667085;--d-soft:#f7f9fc;--d-line:#e6eaf0;--d-accent:#117a76;--d-accent-soft:#edf8f7;--d-success:#16835d;--d-warning:#b7791f;--d-danger:#c2413a;max-width:1580px;margin:0 auto;display:grid;gap:18px;color:var(--d-ink)}

/* Period/filter toolbar */
.v168d-controls{min-height:52px;display:flex;align-items:center;gap:12px;padding:7px 8px 7px 10px;background:#fff;border:1px solid var(--d-line);border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.025)}
.v168d-presets{display:flex;align-items:center;gap:3px;flex-wrap:wrap}
.v168d-presets button,.v168d-custom button{border:0;background:transparent;color:#5f6c7b;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:650;line-height:1.1;transition:background .15s,color .15s,box-shadow .15s}
.v168d-presets button:hover{background:#f4f6f8;color:#344054}.v168d-presets button.active{background:#eef5f5;color:#0d6966;box-shadow:inset 0 0 0 1px #d8e9e8}
.v168d-custom{display:flex;align-items:center;gap:6px;padding-left:4px}.v168d-custom input{width:132px;min-height:34px;height:34px;padding:5px 8px;font-size:12px;border-radius:8px}.v168d-custom span{font-size:11px;color:#98a2b3}.v168d-custom button{background:#1c2f45;color:#fff;padding-inline:12px}.v168d-custom button:hover{background:#122338}
.v168d-controlmeta{display:flex;align-items:center;gap:9px;margin-left:auto;min-width:0}.v168d-compare{font-size:11px;color:#8a94a3;white-space:nowrap}.v168d-updated{font-size:11px;color:#7b8795;white-space:nowrap;max-width:210px;overflow:hidden;text-overflow:ellipsis}
.v168d-live{display:inline-flex;align-items:center;gap:7px;color:#47715f;background:#f3faf6;border:1px solid #e0efe6;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700}.v168d-live i{width:6px;height:6px;border-radius:50%;background:#22a06b}.v168d-live.offline{color:#8a5a13;background:#fff9ee;border-color:#f1e3c8}.v168d-live.offline i{background:#d99a32}
.v168d-refresh{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--d-line);background:#fff;border-radius:8px;color:#5f6b7a;font-weight:700;font-size:17px;line-height:1}.v168d-refresh:hover{background:#f7f9fb;border-color:#cfd6df;color:#26374b}

/* Executive KPI row */
.v168d-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.v168d-kpi{min-height:126px;background:#fff;border:1px solid var(--d-line);border-radius:14px;padding:17px 18px 15px;box-shadow:0 1px 2px rgba(16,24,40,.025);transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden}
.v168d-kpi.accent{border-color:#dce8e8}.v168d-kpi.clickable{cursor:pointer}.v168d-kpi.clickable:hover{border-color:#cdd8e1;box-shadow:0 7px 20px rgba(31,43,58,.06);transform:translateY(-1px)}
.v168d-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.v168d-kpi-top>span{min-width:0;color:#667085;font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v168d-kpi-top>i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f4f6f8;color:#607086;font-style:normal;flex:0 0 auto}.v168d-kpi.accent .v168d-kpi-top>i{background:#edf7f6;color:#0e7773}.v168d-kpi-top svg{width:15px;height:15px}
.v168d-kpi>strong{display:block;margin-top:12px;color:#142238;font-size:29px;line-height:1;letter-spacing:-.75px;font-weight:780;font-variant-numeric:tabular-nums}.v168d-kpi>small{display:block;margin-top:11px;color:#7f8a99;font-size:11.5px;line-height:1.35}.v168d-kpi>small .up{color:var(--d-success);font-weight:700}.v168d-kpi>small .down{color:var(--d-danger);font-weight:700}.v168d-kpi>small .flat{color:#7f8a99;font-weight:700}

/* Shared panels */
.v168d-panel{background:#fff;border:1px solid var(--d-line);border-radius:14px;box-shadow:0 1px 2px rgba(16,24,40,.025);min-width:0;overflow:hidden}.v168d-panel.clickable{cursor:pointer}.v168d-panel.clickable:hover{border-color:#d2d9e2;box-shadow:0 7px 20px rgba(31,43,58,.05)}
.v168d-panelhead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px 13px}.v168d-panelhead h3{font-size:16px;line-height:1.3;color:#15243a;font-weight:750;letter-spacing:-.15px}.v168d-panelhead p{font-size:12px;color:#7b8795;margin-top:3px}.v168d-textlink,.v168d-linkbtn{border:0;background:transparent;color:#476d79;font-size:11.5px;font-weight:700;padding:5px 2px}.v168d-textlink:hover,.v168d-linkbtn:hover{color:#0f6e6a;text-decoration:none}

/* Sales chart + attention */
.v168d-grid-main{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(310px,.8fr);gap:12px;align-items:stretch}.v168d-sales-panel{min-height:410px}.v168d-sales-panel .v168d-panelhead{border-bottom:1px solid #f0f2f5}
.v168d-seg{display:flex;align-items:center;gap:2px;padding:3px;background:#f4f6f8;border-radius:9px}.v168d-seg button{border:0;background:transparent;color:#6f7b8b;border-radius:7px;padding:7px 10px;font-size:11.5px;font-weight:650}.v168d-seg button.active{background:#fff;color:#24384f;box-shadow:0 1px 3px rgba(16,24,40,.09)}
.v168d-chart{height:310px;display:grid;grid-template-columns:64px minmax(0,1fr);padding:20px 22px 0 8px}.v168d-yaxis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:0 10px 33px 0;color:#8a94a3;font-size:10px;font-variant-numeric:tabular-nums}.v168d-plot{position:relative;min-width:0}.v168d-gridlines{position:absolute;inset:0 0 33px 0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.v168d-gridlines i{border-top:1px solid #edf0f3}.v168d-bars{position:absolute;inset:0;display:flex;align-items:stretch;gap:5px;min-width:0}.v168d-barcol{position:relative;flex:1;min-width:5px;display:grid;grid-template-rows:1fr 33px;align-items:end;text-align:center}.v168d-bartrack{height:100%;display:flex;align-items:flex-end;justify-content:center;min-height:0;padding-top:21px}.v168d-bartrack b{display:block;width:min(28px,70%);min-width:4px;border-radius:5px 5px 2px 2px;background:#314b67;opacity:.86;transition:height .32s ease,opacity .15s,transform .15s}.v168d-barcol:hover .v168d-bartrack b{opacity:1;transform:translateY(-1px)}.v168d-barcol.now .v168d-bartrack b{background:#0f7b77;opacity:1}.v168d-barcol>span{height:33px;padding-top:9px;color:#8a94a3;font-size:10px;white-space:nowrap}.v168d-barvalue{position:absolute;top:0;left:50%;transform:translateX(-50%);display:none;background:#182638;color:#fff;padding:5px 7px;border-radius:7px;font-size:10px;white-space:nowrap;z-index:3;box-shadow:0 5px 14px rgba(16,24,40,.18)}.v168d-barcol:hover .v168d-barvalue{display:block}.v168d-chartfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px 15px;color:#8a94a3;font-size:10.5px;border-top:1px solid #f5f6f8}
.v168d-action-panel{min-height:410px}.v168d-action-panel .v168d-panelhead{border-bottom:1px solid #f0f2f5}.v168d-attn-count{min-width:28px;height:28px;border-radius:9px;background:#f5f7f9;color:#5b6878;display:grid;place-items:center;font-size:11px;font-weight:800}.v168d-alerts{padding:11px 13px 14px;display:grid;gap:8px}.v168d-alert{width:100%;display:grid;grid-template-columns:5px minmax(0,1fr) 14px;align-items:center;gap:11px;border:1px solid #edf0f3;background:#fff;border-radius:10px;padding:11px 10px;text-align:left;color:#26384f;transition:background .15s,border-color .15s}.v168d-alert:hover{background:#fafbfc;border-color:#dce2e8}.v168d-alert>i{width:4px;height:38px;border-radius:99px;background:#9aa7b6}.v168d-alert.warn>i{background:#c8923a}.v168d-alert.danger>i{background:#c85c55}.v168d-alert span b,.v168d-alert span small{display:block}.v168d-alert span b{font-size:12px;color:#2c3d52}.v168d-alert span small{font-size:10.5px;color:#8691a0;margin-top:2px}.v168d-alert em{font-style:normal;color:#a2abb7;font-size:19px}.v168d-allgood{display:flex;align-items:center;gap:12px;margin:10px;padding:20px 14px;border:1px solid #e4eee9;background:#f8fbf9;border-radius:11px}.v168d-allgood>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e9f5ef;color:#2b7d5c;font-weight:900}.v168d-allgood b,.v168d-allgood small{display:block}.v168d-allgood b{font-size:12px}.v168d-allgood small{font-size:10.5px;color:#7d8997;margin-top:2px}

/* Operational control centre */
.v168d-ops-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v168d-opcard{min-height:188px;padding:0}.v168d-ophead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px 13px;border-bottom:1px solid #f1f3f5}.v168d-ophead>div{display:flex;align-items:center;gap:10px;min-width:0}.v168d-ophead h3{font-size:14px;color:#1d2e43;font-weight:750}.v168d-ophead p{font-size:10.5px;color:#8792a0;margin-top:1px}.v168d-ophead em{font-style:normal;color:#9ca6b2;font-size:19px}.v168d-opicon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f4f6f8;color:#526477;flex:0 0 auto}.v168d-opicon svg{width:17px;height:17px}
.v168d-opstats{display:grid;grid-template-columns:repeat(3,1fr);padding:19px 12px 16px}.v168d-opstats.four{grid-template-columns:repeat(4,1fr)}.v168d-opstats>div{text-align:center;border-right:1px solid #edf0f3;padding:0 7px}.v168d-opstats>div:last-child{border-right:0}.v168d-opstats b,.v168d-opstats span{display:block}.v168d-opstats b{font-size:24px;line-height:1;color:#1d3048;font-weight:760}.v168d-opstats span{font-size:10px;color:#7d8997;margin-top:7px}.v168d-opstats .attention b{color:#b84943}
.v168d-stocktake{padding:17px}.v168d-stocktake>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.v168d-stocktake span{font-size:11px;color:#556477;font-weight:650}.v168d-stocktake b{font-size:19px;color:#1f4851}.v168d-progress{height:7px!important;background:#edf1f3;border-radius:99px;margin:12px 0 8px;overflow:hidden}.v168d-progress i{display:block;height:100%;background:#2e6970;border-radius:inherit}.v168d-stocktake small{display:block;color:#7f8b99;font-size:10.5px;margin-bottom:7px}.v168d-stocktake.empty{display:grid;gap:5px}.v168d-stocktake.empty b{font-size:13px;color:#36475b}.v168d-stocktake.empty span{font-weight:500;color:#7f8b99;line-height:1.35}
.v168d-till{display:grid;gap:13px;padding:17px}.v168d-till>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.v168d-till span{font-size:11px;color:#7b8795}.v168d-till b,.v168d-till strong{font-size:13px;color:#293b50}.v168d-till b.open{color:#207052}.v168d-till b.closed{color:#687586}

/* Detail layer */
.v168d-bottom-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(320px,.75fr);gap:12px;align-items:start}.v168d-side-stack{display:grid;gap:12px}.v168d-recent .v168d-panelhead{border-bottom:1px solid #f0f2f5}.v168d-activitylist{padding-bottom:4px}.v168d-activityhead{display:grid;grid-template-columns:68px 1fr 1fr 100px;padding:8px 18px;background:#fafbfc;color:#8a94a3;font-size:9.5px;text-transform:uppercase;letter-spacing:.045em;border-bottom:1px solid #eef1f4}.v168d-activity{width:100%;display:grid;grid-template-columns:68px 1fr 1fr 100px 12px;align-items:center;gap:0;border:0;border-bottom:1px solid #f0f2f4;background:#fff;text-align:left;padding:11px 18px;color:#2c3e53}.v168d-activity:last-child{border-bottom:0}.v168d-activity:hover{background:#fafbfc}.v168d-activity .time{font-size:11px;color:#7f8a99}.v168d-activity .sale b{font-size:11.5px;color:#2b3d53}.v168d-activity .customer{font-size:11px;color:#667485;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}.v168d-activity strong{font-size:11.5px;color:#1f344c;text-align:right}.v168d-activity em{font-style:normal;color:#a4adb8;font-size:18px;text-align:right}
.v168d-ranks{padding:8px 17px 13px}.v168d-rank{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #f1f3f5}.v168d-rank:last-child{border-bottom:0}.v168d-rank>span{width:23px;height:23px;border-radius:7px;background:#f1f4f6;color:#647386;display:grid;place-items:center;font-size:10px;font-weight:800}.v168d-rank>div b{display:block;font-size:11px;color:#314257;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v168d-rank>div>div{height:4px;background:#eef1f4;border-radius:99px;margin:6px 0 3px;overflow:hidden}.v168d-rank>div>div i{display:block;height:100%;background:#567286}.v168d-rank small{font-size:9.5px;color:#8a95a3}.v168d-rank>strong{font-size:11px;color:#2c4056}
.v168d-payments{padding:16px 18px 18px}.v168d-paystack{display:flex;height:9px;border-radius:99px;background:#edf0f3;overflow:hidden}.v168d-paystack>i{display:block;height:100%}.v168d-paystack>.cash,.v168d-paylegend i.cash{background:#2f696e}.v168d-paystack>.card,.v168d-paylegend i.card{background:#455b72}.v168d-paystack>.other,.v168d-paylegend i.other{background:#9ca7b2}.v168d-paylegend{display:grid;gap:9px;margin-top:14px}.v168d-paylegend>div{display:grid;grid-template-columns:1fr auto 40px;align-items:center;gap:9px}.v168d-paylegend span{display:flex;align-items:center;gap:7px;color:#637183;font-size:10.5px}.v168d-paylegend span i{width:7px;height:7px;border-radius:50%}.v168d-paylegend b{font-size:10.5px;color:#304258}.v168d-paylegend small{font-size:10px;color:#8a95a3;text-align:right}
.v168d-empty{padding:28px 16px;text-align:center;color:#8792a0;font-size:11px}.v168d-empty.tall{min-height:300px;display:grid;place-items:center}.v168d-skeleton{background:linear-gradient(90deg,#f7f8fa 25%,#eef1f4 38%,#f7f8fa 63%);background-size:400% 100%;animation:v168d-shimmer 1.2s infinite}.v168d-skeleton.big{min-height:410px}.v168d-skeleton.op{min-height:188px}@keyframes v168d-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}

@media(max-width:1400px){.v168d-kpis{grid-template-columns:repeat(5,minmax(150px,1fr))}.v168d-kpi{padding-inline:15px}.v168d-kpi>strong{font-size:26px}.v168d-ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1120px){.v168d-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.v168d-grid-main{grid-template-columns:1fr}.v168d-sales-panel,.v168d-action-panel{min-height:auto}.v168d-bottom-grid{grid-template-columns:1fr}.v168d-side-stack{grid-template-columns:1fr 1fr}.v168d-chart{height:285px}}
@media(max-width:820px){#content:has(> .v168d-wrap){background:#f7f8fa}.v168d-wrap{gap:12px}.v168d-controls{align-items:flex-start;flex-wrap:wrap}.v168d-controlmeta{width:100%;margin-left:0;justify-content:flex-end}.v168d-compare{margin-right:auto}.v168d-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v168d-kpi{min-height:116px;padding:14px}.v168d-kpi>strong{font-size:24px}.v168d-ops-grid{grid-template-columns:1fr 1fr;gap:9px}.v168d-chart{grid-template-columns:52px minmax(0,1fr);height:255px;padding-right:12px}.v168d-panelhead{padding:15px}.v168d-activityhead{display:none}.v168d-activity{grid-template-columns:55px 1fr 90px 12px;padding:11px 14px}.v168d-activity .customer{display:none}.v168d-side-stack{grid-template-columns:1fr}}
@media(max-width:560px){.v168d-controls{padding:7px}.v168d-presets{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.v168d-presets button{padding:8px 5px}.v168d-custom{width:100%;padding-left:0;display:grid;grid-template-columns:1fr 1fr}.v168d-custom span{display:none}.v168d-custom input{width:100%}.v168d-custom button{grid-column:1/-1}.v168d-compare,.v168d-updated{display:none}.v168d-controlmeta{justify-content:flex-end}.v168d-live{margin-right:auto}.v168d-kpis{grid-template-columns:1fr 1fr}.v168d-kpi{min-height:110px;padding:13px}.v168d-kpi-top>i{width:27px;height:27px}.v168d-kpi-top>span{font-size:10.5px}.v168d-kpi>strong{font-size:21px;margin-top:10px}.v168d-kpi>small{font-size:9.5px;margin-top:8px}.v168d-grid-main{gap:9px}.v168d-seg{width:100%;margin-top:8px}.v168d-panelhead:has(.v168d-seg){display:block}.v168d-seg button{flex:1}.v168d-chart{height:225px;grid-template-columns:42px minmax(0,1fr);padding:14px 8px 0 4px}.v168d-yaxis{font-size:8.5px;padding-right:6px}.v168d-barvalue{display:none!important}.v168d-bartrack b{width:72%}.v168d-ops-grid{grid-template-columns:1fr}.v168d-opcard{min-height:0}.v168d-activity{grid-template-columns:48px 1fr 80px 10px;padding:10px 12px}.v168d-activity .time{font-size:10px}.v168d-activity strong{font-size:10.5px}.v168d-chartfoot{padding-inline:13px}.v168d-chartfoot span:first-child{display:none}}