/* Dashboard overview reuses the existing product shell and focused profiles. */
#view-dashboard{--dx-muted:#67728a;--dx-line:#e6eaf2}
#view-dashboard [hidden]{display:none!important}
#view-dashboard .grid4{gap:16px;margin-bottom:24px}
#view-dashboard #stats .card{padding:18px 20px;border-radius:17px;min-width:0}
#view-dashboard #stats .h{margin-bottom:14px;gap:8px}
#view-dashboard #stats .lbl{font-size:11px;letter-spacing:.06em;color:var(--dx-muted)}
#view-dashboard #stats .num{font-size:30px;line-height:1.3;white-space:normal;font-variant-numeric:tabular-nums}
#view-dashboard #stats .num small{font-size:12px;margin-left:6px}
#view-dashboard #stats .spark{display:block;width:100%;height:32px;margin-top:12px}
#view-dashboard .dx-stat-caption{display:block;color:var(--dx-muted);font-size:11px;margin-top:8px}
.dx-surface{background:#fff;border:1px solid var(--dx-line);border-radius:16px;overflow:hidden;min-width:0}
.dx-head{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--dx-line)}
.dx-head h2{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:17px;line-height:1.5;letter-spacing:-.02em;margin:0}
.dx-head p{font-size:12px;color:var(--dx-muted);line-height:1.6;margin:5px 0 0}
.dx-count{background:#eef8f1;color:#28734d;border-radius:6px;font-size:11px;font-weight:500;padding:3px 7px;white-space:nowrap}
.dx-filters{display:flex;align-items:center;gap:6px;padding:12px 14px;flex-wrap:wrap;border-bottom:1px solid var(--dx-line)}
.dx-filters button{border:0;border-radius:7px;background:transparent;color:var(--dx-muted);padding:9px 10px;font-size:12px;cursor:pointer;font-family:inherit}
.dx-filters button[aria-pressed=true]{background:#f0f3ff;color:var(--brand)}
.dx-filters button span{margin-left:5px}
#dashboardLiveState{font-size:11px;color:var(--dx-muted);margin-left:auto;padding:6px}
.dx-tablehead,.dx-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(220px,1.7fr) 85px 62px 110px 14px;gap:16px;align-items:center;padding:15px 20px}
.dx-tablehead{background:#f8faff;color:var(--dx-muted);font-size:11px}
.dx-row{width:100%;border:0;border-top:1px solid var(--dx-line);background:transparent;color:var(--ink);text-align:left;font-family:inherit;cursor:pointer;font-size:13px;min-height:84px}
.dx-row:hover,.dx-event:hover{background:#f8faff}
.dx-person{display:flex;align-items:center;gap:10px;min-width:0}
.dx-person>span:last-child,.dx-pagecopy{min-width:0}
.dx-row strong{display:block;font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.dx-row small{display:block;font-size:11px;color:var(--dx-muted);line-height:1.5;margin-top:3px;overflow-wrap:anywhere}
.dx-avatar{width:34px;height:36px;flex-shrink:0;display:grid;place-items:center;background:#eef2ff;color:#5067d7;border-radius:10px;font-size:12px;position:relative}
.dx-avatar i{width:8px;height:8px;background:#3c9366;border:2px solid #fff;border-radius:50%;position:absolute;bottom:0;right:-1px}
.dx-person .vx-pill{font-size:10px;margin-top:4px;padding:0;background:none!important;color:var(--dx-muted)}
.dx-time,.dx-pages{font-variant-numeric:tabular-nums}
.dx-age,.dx-arrow{color:var(--dx-muted);font-size:12px}
.dx-row .dx-mobile-meta{display:none;color:var(--dx-muted);font-size:11px;margin-top:5px;line-height:1.6}
.dx-footer{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--dx-line);font-size:12px;color:var(--dx-muted)}
#dashboardPagination{display:flex;gap:8px}
#dashboardLiveError:empty{display:none}
#dashboardLiveError{padding:10px 20px;background:#fff8eb;color:#865e22;font-size:12px;line-height:1.6}
.dx-warning{color:#8c6525!important;font-size:12px;padding:10px 20px;line-height:1.6}
.dx-lower{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;margin-top:24px;align-items:start}
.dx-right{display:grid;gap:20px;min-width:0}
#dashboardAttention{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
#dashboardAttention article{padding:18px 20px;min-width:0;border-bottom:1px solid var(--dx-line)}
#dashboardAttention article:nth-child(odd){border-right:1px solid var(--dx-line)}
#dashboardAttention article>div{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#dashboardAttention strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#dashboardAttention p{font-size:13px;line-height:1.6;margin:8px 0 12px;overflow-wrap:anywhere}
.dx-pending{font-size:11px;color:#906019;background:#fff5df;padding:3px 6px;border-radius:5px}
.dx-empty{padding:20px;color:var(--dx-muted);font-size:13px;line-height:1.6}
.dx-text{border:0;background:transparent;color:var(--brand);font-family:inherit;font-size:12px;cursor:pointer;text-decoration:underline}
.dx-store-row{padding:16px 20px;display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--dx-line)}
.dx-store-row strong{display:block;font-size:13px;line-height:1.5}
.dx-store-row small{display:block;font-size:11px;line-height:1.6;color:var(--dx-muted);margin-top:4px}
.dx-event{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:15px 20px;border:0;border-top:1px solid var(--dx-line);background:transparent;color:inherit;text-align:left;font-family:inherit;font-size:12px;line-height:1.6;cursor:pointer}
.dx-event strong{font-weight:600}
.dx-event small{display:block;font-size:11px;color:var(--dx-muted);overflow-wrap:anywhere}
.dx-event time{flex-shrink:0;color:var(--dx-muted);font-size:11px}
@media(min-width:1200px){.dx-lower{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:1200px){.dx-tablehead,.dx-row{grid-template-columns:minmax(145px,1fr) minmax(170px,1.5fr) 65px 45px 85px 12px;gap:12px}.dx-lower{grid-template-columns:1fr}}
@media(max-width:980px){.dx-tablehead,.dx-row{grid-template-columns:minmax(145px,1fr) minmax(0,1.7fr) 12px}.dx-time,.dx-pages,.dx-age,.dx-tablehead span:nth-child(n+3){display:none}.dx-row .dx-mobile-meta{display:block}}
@media(max-width:620px){#view-dashboard .grid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#view-dashboard #stats .card{padding:14px}#view-dashboard #stats .num{font-size:26px}#view-dashboard #stats .lbl{font-size:10px}#view-dashboard #stats .ico-round{width:25px;height:25px;font-size:15px}#view-dashboard #stats .h{margin-bottom:10px}.dx-head{padding:16px;align-items:flex-start}.dx-head h2{font-size:16px}.dx-head .cx-btn{min-width:38px;min-height:38px;font-size:17px}.dx-head .dx-refresh-text{display:none}#view-dashboard #stats .dx-conversations .num .flat{display:none}#dashboardLiveState{margin-left:0}.dx-row{padding:16px;grid-template-columns:minmax(0,1fr) 12px;gap:10px}.dx-person{grid-column:1}.dx-pagecopy{grid-column:1;padding-left:44px}.dx-arrow{grid-column:2;grid-row:1/3}.dx-tablehead{display:none}.dx-lower{gap:16px}#dashboardAttention{grid-template-columns:1fr}#dashboardAttention article:nth-child(odd){border-right:0}.dx-store-row{padding:16px;flex-wrap:wrap}.dx-footer{padding:16px}.dx-event{padding:16px}}
@media(pointer:coarse){.dx-filters button,.dx-text{min-height:44px}}

@media(min-width:621px) and (max-width:850px){#view-dashboard .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}