/* Shared visual release 52. Operational IDs and role permissions are unchanged. */
:root {
  --dp-bg:#f6f7f9; --dp-surface:#fff; --dp-surface-soft:#f9fafb;
  --dp-text:#202831; --dp-muted:#626d79; --dp-line:#e4e8ec;
  --dp-primary:#2563eb; --dp-primary-strong:#1d4ed8; --dp-primary-soft:#edf3ff;
  --dp-success:#087f65; --dp-success-soft:#eaf7f1;
  --dp-warning:#a66b10; --dp-warning-soft:#fff4df;
  --dp-danger:#bd443f; --dp-danger-soft:#fff0ee;
  --dp-radius-sm:6px; --dp-radius-md:8px; --dp-radius-lg:8px;
  --dp-shadow:none;
  --stgr-ink:#202831; --stgr-muted:#626d79; --stgr-bg:#f6f7f9;
  --stgr-card:#fff; --stgr-line:#e4e8ec; --stgr-primary:#2563eb; --stgr-radius:8px;
}
html,body { background:var(--dp-bg); color:var(--dp-text); }
body { font-family:Inter,"Segoe UI",system-ui,sans-serif; }
body :is(h1,h2,h3,b,strong,small,button,label,th,.eyebrow) { letter-spacing:0; }
:is(button,a,input,select,textarea):focus-visible { outline:3px solid #9cbbfa; outline-offset:3px; }
button:disabled { cursor:not-allowed; opacity:.55; }
.dp-icon { width:20px; height:20px; stroke-width:1.8; }
.app.dp-app-shell { grid-template-columns:232px minmax(0,1fr); }
.dp-sidebar { background:#fff; padding:24px 14px 18px; border-right:1px solid var(--dp-line); }
.dp-brand { padding:0 6px 22px; gap:10px; margin-bottom:18px; }
.dp-brand .logo { width:36px; height:40px; background:transparent; color:var(--dp-primary); border-radius:0; box-shadow:none; }
.dp-brand .logo .dp-icon { width:32px; height:32px; }
.dp-brand-copy b { font-size:15px; font-weight:700; }
.dp-brand-copy small { font-size:10px; margin-top:4px; }
.dp-nav { gap:22px; }
.dp-nav-group { gap:4px; }
.dp-nav-label { padding:0 12px 7px; font-size:10px; color:var(--dp-muted); font-weight:600; }
.dp-nav button { min-height:44px; padding:10px 12px; gap:11px; font-size:13px; font-weight:500; border-radius:6px; color:#4c5967; position:relative; }
.dp-nav button>.dp-icon { width:19px; height:19px; color:#657383; }
.dp-nav button:is([data-page=products],[data-page=receivables],[data-page=finance])>.dp-icon { color:#087f65; }
.dp-nav button:is([data-page=logistics],[data-page=purchases])>.dp-icon { color:#a66b10; }
.dp-nav button:is([data-page=ai],[data-page=applications])>.dp-icon { color:#2563eb; }
.dp-nav button[data-page=smart-audit]>.dp-icon { color:#ad4d48; }
.dp-nav button:hover { background:#f5f7fa; color:var(--dp-text); }
.dp-nav button.active { background:#edf3ff; color:var(--dp-primary); box-shadow:inset 3px 0 var(--dp-primary); font-weight:650; }
.dp-nav button.active>.dp-icon { color:var(--dp-primary); }
.dp-sidebar-footer { margin-top:26px; padding:18px 10px 0; border-color:var(--dp-line); }
.dp-sidebar-footer b { overflow-wrap:anywhere; font-size:12px; }
.main.dp-main { padding:24px 28px 34px; }
.top.dp-topbar { margin:-24px -28px 28px; padding:14px 28px; min-height:76px; background:#fff; gap:16px; }
.dp-top-copy { min-width:0; }
.dp-top-copy h1 { font-size:19px; font-weight:650; line-height:1.3; overflow-wrap:anywhere; }
.dp-top-copy small { font-size:11px; }
.dp-icon-button,.dp-search-button { border-radius:6px; min-height:40px; }
.dp-search-button { font-size:12px; }
.dp-profile-copy b { max-width:135px; }
.dp-avatar { background:#edf3ff; color:#2563eb; }
.dp-welcome { padding:0; margin-bottom:24px; align-items:center; }
.dp-welcome .eyebrow { color:#087f65; font-size:10px; font-weight:700; }
.dp-welcome h2 { font-size:26px; font-weight:650; line-height:1.25; margin:7px 0; }
.dp-welcome p { font-size:12px; }
.dp-live-pill { border:0; padding:8px 0; color:var(--dp-muted); background:transparent; }
.dp-quick-actions { grid-template-columns:repeat(auto-fit,minmax(155px,1fr)); gap:10px; }
.dp-quick-action { border-radius:6px; min-height:62px; padding:12px; box-shadow:none; }
.dp-quick-action>.dp-icon { width:32px; height:32px; padding:6px; border-radius:6px; }
.dp-quick-action b { font-size:12px; }
.dp-quick-action small { line-height:1.5; font-size:11px; }
.dp-app-shell .card { border-radius:8px; box-shadow:none; padding:20px; }
.dp-app-shell .page>.card.section,.dp-app-shell .page>.grid2>.card,.dp-app-shell .page>.dp-home-layout>.card {
  border:0; border-radius:0; box-shadow:none; background:transparent; padding:24px 0 0; border-top:1px solid var(--dp-line);
}
.dp-app-shell #kpis { gap:0; padding:18px 0; border-block:1px solid var(--dp-line); background:#fff; grid-template-columns:repeat(4,minmax(0,1fr)); }
.dp-app-shell #kpis>.kpi { border:0; border-right:1px solid var(--dp-line); border-radius:0; padding:0 18px; min-height:105px; overflow:visible; }
.dp-app-shell #kpis>.kpi:last-child { border-right:0; }
#kpis .dp-kpi-label { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:12px; color:var(--dp-muted); }
#kpis .dp-kpi-label svg { width:18px; color:var(--dp-primary); }
.dp-app-shell #kpis strong { font-size:24px; font-weight:650; line-height:1.35; margin:12px 0 8px; overflow-wrap:anywhere; }
.dp-app-shell #kpis em { font-size:11px; line-height:1.5; color:var(--dp-muted); font-style:normal; }
.dp-app-shell .kpi strong { font-variant-numeric:tabular-nums; }
.dp-home-layout { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:28px; }
.dp-app-shell .section-head h2 { font-size:16px; font-weight:650; }
.dp-app-shell .section-head small { font-size:12px; }
.dp-focus-list { gap:0; }
.dp-focus-item { border:0; border-bottom:1px solid var(--dp-line); background:transparent; border-radius:0; padding:15px 4px; min-height:66px; }
.dp-focus-item:hover { background:#fff; border-color:var(--dp-line); }
.dp-focus-item .dp-focus-mark { width:4px; height:30px; border-radius:3px; }
.dp-focus-item small { font-size:12px; line-height:1.5; }
.dp-focus-clear { border:0; border-radius:6px; min-height:64px; font-weight:500; }
.dp-app-shell .dp-ai-card #aiSummary { max-height:270px; }
.dp-app-shell .dp-ai-card .ai-item { background:transparent; border:0; border-bottom:1px solid var(--dp-line); border-radius:0; padding:12px 0; }
.dp-app-shell .btn { font-size:12px; font-weight:600; min-height:40px; border-radius:6px; display:inline-flex; justify-content:center; align-items:center; gap:7px; }
.dp-app-shell .btn-primary { background:var(--dp-primary); }
.dp-app-shell .btn-primary:hover { background:var(--dp-primary-strong); }
.dp-app-shell :is(.btn-soft,.btn-light) { background:var(--dp-primary-soft); color:#2057bd; }
.dp-app-shell .record-actions .dp-record-tool { width:36px; height:36px; min-height:36px; padding:8px; background:transparent; border:1px solid var(--dp-line); }
.dp-record-tool .dp-icon { width:17px; height:17px; }
.dp-app-shell .btn-danger { color:#bd443f; background:#fff0ee; }
.dp-app-shell :is(input,select,textarea) { font-size:14px; min-height:42px; color:var(--dp-text); border-radius:6px; }
.dp-app-shell label { font-size:12px; color:#4c5967; }
.dp-app-shell .field { min-width:0; }
.dp-app-shell .field input,.dp-app-shell .field select { width:100%; }
.dp-app-shell .table-wrap { border:1px solid var(--dp-line); border-radius:6px; background:#fff; }
.dp-app-shell table { font-variant-numeric:tabular-nums; }
.dp-app-shell th { background:#f9fafb; color:#64707d; font-size:11px; font-weight:600; }
.dp-app-shell td,.dp-app-shell th { padding:14px 13px; line-height:1.45; }
.dp-app-shell td { font-size:13px; }
.dp-app-shell td small { color:var(--dp-muted); font-size:11px; display:inline-block; margin-top:3px; }
.dp-app-shell tbody tr:hover { background:#f6f9fd; }
#productsTable td:nth-child(n+3):nth-child(-n+6),#dashProducts td:nth-child(n+2):nth-child(-n+4),#ordersTable td:nth-child(4),#clientsTable td:nth-child(4),#dpRecentOrders td:last-child { text-align:right; }
.dp-app-shell .badge { border-radius:4px; padding:4px 7px; font-size:11px; font-weight:550; }
.dp-app-shell .badge.ok { background:#eaf7f1; color:#087f65; }
.dp-app-shell .badge.warn { background:#fff4df; color:#946015; }
.dp-app-shell .badge.danger { background:#fff0ee; color:#b1433e; }
.dp-app-shell :is(.empty,.ai-item,.record-card) { border-radius:6px; box-shadow:none; }
.dp-app-shell .empty { font-size:13px; padding:18px; line-height:1.6; background:#fff; border:1px dashed var(--dp-line); }
.dp-app-shell .dialog { border-radius:8px; max-height:calc(100dvh - 32px); overflow:auto; }
.dp-app-shell .dialog-title h2 { font-size:20px; }
.dp-alert-center,.dp-command-dialog { border-radius:8px; box-shadow:0 12px 48px #2028311a; }
.dp-alert { border-radius:6px; background:#fff; }
.dp-audit-finding { background:#fff!important; border-radius:8px; }
.dp-chat-tools button,.sales-ai-message,.sales-ai-floating-panel { border-radius:8px; }
.sales-ai-floating-header,.sales-ai-floating-toggle { background:#2563eb; }
.sales-ai-floating { z-index:30; }
.sales-ai-floating-panel { max-height:calc(100dvh - 110px); }
.dp-overview { display:grid; grid-template-columns:minmax(0,1fr); border-top:1px solid var(--dp-line); padding-top:24px; margin-top:24px; }
.dp-overview [hidden] { display:none!important; }
#dpRecentOrders td.empty { text-align:center; }
.dp-sales-summary { display:flex; gap:10px; align-items:baseline; flex-wrap:wrap; margin-bottom:14px; }
.dp-sales-summary strong { font-size:24px; font-weight:650; font-variant-numeric:tabular-nums; }
.dp-sales-summary small { color:var(--dp-muted); font-size:12px; }
.dp-sales-plot { height:180px; display:flex; align-items:flex-end; gap:14px; padding:16px 8px 28px; border-bottom:1px solid var(--dp-line); background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#e4e8ec 44px,transparent 45px); }
.dp-sales-column { flex:1; height:100%; min-width:0; display:flex; align-items:flex-end; justify-content:center; position:relative; }
.dp-sales-bar { width:min(48px,80%); background:#c2d4fb; border-radius:4px 4px 0 0; min-height:0; }
.dp-sales-column:last-child .dp-sales-bar { background:#2563eb; }
.dp-sales-column small { position:absolute; bottom:-25px; font-size:11px; color:var(--dp-muted); white-space:nowrap; }
.dp-chart-range { display:flex; align-items:center; gap:7px; font-size:12px; color:var(--dp-muted); }
.dp-chart-range .dp-icon { width:16px; }
.dp-app-footer { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; border-top:1px solid var(--dp-line); padding-top:18px; margin-top:30px; font-size:11px; color:var(--dp-muted); }
.dp-app-footer span { overflow-wrap:anywhere; }
/* Standalone tools retain their own layout and all operational controls. */
body:not(:has(.dp-app-shell)):not(:has(stgr-app-mark)) :is(.card,.panel) { border-radius:8px; box-shadow:none; }
.stgr-login { background:#f6f7f9; }
.stgr-login-brand { background:#eef4fb; color:#202831; border-right:1px solid #e4e8ec; }
.stgr-login-brand:after { display:none; }
.stgr-login-brand :is(h1,p,small) { color:#202831; }
.stgr-login-brand h1 { font-size:42px; line-height:1.15; }
.stgr-login-brand .stgr-mark { color:#2563eb; background:#fff; border:1px solid #e4e8ec; border-radius:8px; }
.stgr-login-side { background:#f6f7f9; }
.stgr-login-box { border-radius:8px; box-shadow:0 8px 28px #20283108; }
.stgr-login-box input { font-size:16px; }
@media(min-width:1400px) { .dp-overview { grid-template-columns:minmax(0,1fr); } }
@media(min-width:1001px) and (max-width:1250px) { .app.dp-app-shell { grid-template-columns:208px minmax(0,1fr); } .dp-app-shell #kpis strong { font-size:21px; } .dp-app-shell #kpis>.kpi { padding-inline:12px; } }
@media(min-width:721px) and (max-width:1000px) { .app.dp-app-shell { grid-template-columns:76px minmax(0,1fr); } .dp-nav button { padding:10px; } .main.dp-main { padding-inline:22px; } .top.dp-topbar { margin-inline:-22px; padding-inline:22px; } .dp-app-shell #kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 0; } .dp-app-shell #kpis>.kpi:nth-child(2) { border-right:0; } }
@media(max-width:720px) {
  .app.dp-app-shell { display:block; }
  .main.dp-main { padding:16px 14px 28px; }
  .top.dp-topbar { margin:-16px -14px 24px; padding:12px 14px; min-height:66px; gap:8px; }
  .dp-top-copy h1 { font-size:16px; }
  .dp-top-left { flex:1; min-width:0; }
  .dp-top-actions { flex-shrink:0; gap:5px; }
  .dp-icon-button { width:40px; min-height:44px; }
  .dp-welcome h2 { font-size:23px; }
  .dp-quick-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dp-quick-action { padding:10px; min-height:64px; }
  .dp-app-shell #kpis { grid-template-columns:repeat(2,minmax(0,1fr)); padding:16px 0; gap:20px 0; }
  .dp-app-shell #kpis>.kpi { padding:0 12px; min-height:92px; }
  .dp-app-shell #kpis>.kpi:nth-child(2) { border-right:0; }
  .dp-app-shell #kpis strong { font-size:21px; }
  #kpis .dp-kpi-label { font-size:11px; }
  #kpis .dp-kpi-label svg { display:none; }
  .dp-home-layout { grid-template-columns:1fr; gap:24px; }
  .dp-app-shell .section-head h2 { font-size:15px; }
  .dp-app-shell .btn { min-height:44px; }
  .dp-app-shell :is(input,select,textarea) { font-size:16px; }
  .dp-app-shell .dialog { width:calc(100% - 20px); max-height:calc(100dvh - 20px); padding:18px; }
  .dp-app-shell .dialog .actions { flex-wrap:wrap; gap:8px; }
  .dp-app-shell .record-actions .dp-record-tool { min-width:44px; min-height:44px; }
  .dp-sales-plot { gap:6px; padding-inline:2px; }
  .dp-sales-column small { font-size:10px; }
  .stgr-login-brand h1 { font-size:30px; }
  .sales-ai-floating { right:12px; bottom:12px; }
}
@media(max-width:359px) { .dp-app-shell #kpis { grid-template-columns:1fr; } .dp-app-shell #kpis>.kpi { border:0; } }
@media print { .dp-app-footer,.dp-overview { display:none; } }
.stgr-login { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0; min-height:100dvh; padding:32px 20px; }
.stgr-login-brand { width:100%; max-width:440px; min-height:0; padding:0 0 22px; border:0; background:transparent; }
.stgr-login-brand .stgr-mark { width:48px; height:48px; margin-bottom:14px; }
.stgr-login-brand .stgr-mark:after { display:none; }
.stgr-login-brand h1 { font-size:28px; line-height:1.25; margin:6px 0; }
.stgr-login-brand>small { font-size:10px; color:#626d79; }
.stgr-login-brand p { margin:0; font-size:14px; color:#626d79; }
.stgr-login-side { width:100%; max-width:440px; padding:0; background:transparent; }
.stgr-login-box { width:100%; margin:0; padding:28px; box-sizing:border-box; }
.stgr-login-box h2 { font-size:22px; }
.stgr-login-box label { margin-bottom:7px; }
.stgr-login-box input { box-sizing:border-box; min-height:48px; }
.stgr-login-box button { min-height:48px; }
.stgr-login-meta { flex-wrap:wrap; font-size:11px; }
.dp-login-copyright { margin-top:22px; color:#626d79; font-size:11px; }

/* Color is tied to a business area; warning and error states remain semantic. */
:root {
  --dp-bg:#f3f6f8; --dp-line:#dce5eb; --dp-muted:#556575;
  --dp-primary:#245be0; --dp-primary-strong:#1947bd; --dp-primary-soft:#eaf0ff;
  --dp-success:#08785b; --dp-success-soft:#e3f6ed;
  --dp-warning:#946000; --dp-warning-soft:#fff3d6;
}
.dp-sidebar { border-right-color:#dce5eb; }
.dp-brand { border-bottom:2px solid #e4edf4; }
.dp-brand .logo { color:#fff; background:#245be0; border-radius:8px; width:40px; height:40px; }
.dp-brand .logo .dp-icon { width:26px; height:26px; }
.dp-brand-copy b { color:#173c67; }
.dp-nav button { --area:#245be0; --area-soft:#eaf0ff; gap:10px; }
.dp-nav { grid-template-columns:minmax(0,1fr); }
.dp-nav button:is([data-page=clients],[data-page=receivables],[data-page=finance]) { --area:#08785b; --area-soft:#e3f6ed; }
.dp-nav button:is([data-page=products],[data-page=purchases]) { --area:#986000; --area-soft:#fff1d4; }
.dp-nav button:is([data-page=logistics],[data-page=applications]) { --area:#087c8c; --area-soft:#def5f7; }
.dp-nav button:is([data-page=smart-audit],[data-page=documents]) { --area:#b53c5a; --area-soft:#fce9ee; }
.dp-nav button:is([data-page=ai],[data-page=management]) { --area:#6e4bb5; --area-soft:#f0eafb; }
.dp-sidebar .dp-nav button>.dp-icon { width:29px; height:29px; flex:0 0 29px; padding:5px; box-sizing:border-box; border-radius:6px; color:var(--area); background:var(--area-soft); }
.dp-nav button { padding-block:8px; }
.dp-nav button.active { color:var(--area); background:var(--area-soft); box-shadow:inset 3px 0 var(--area); }
.dp-sidebar .dp-nav button.active>.dp-icon { color:#fff; background:var(--area); }
.dp-nav button:hover { background:var(--area-soft); color:var(--area); }
.top.dp-topbar { border-top:3px solid #245be0; border-bottom:1px solid #dce5eb; }
.dp-avatar { color:#08785b; background:#e3f6ed; }
.dp-welcome { padding-left:16px; border-left:4px solid #087f87; }
.dp-welcome h2 { color:#173c67; font-weight:750; }
.dp-welcome .eyebrow { color:#087c78; }
.dp-live-pill { padding:8px 12px; border-radius:6px; color:#07654f; background:#e3f6ed; }
.dp-quick-action { --action:#245be0; --action-soft:#eaf0ff; grid-template-columns:36px minmax(0,1fr) auto; gap:9px; border-color:#d5e0ed; border-bottom:3px solid var(--action); min-height:74px; }
.dp-quick-action.dp-tone-success { --action:#08785b; --action-soft:#e3f6ed; }
.dp-quick-action.dp-tone-info { --action:#087c8c; --action-soft:#def5f7; }
.dp-quick-action.dp-tone-warning { --action:#946000; --action-soft:#fff3d6; }
.dp-quick-action.dp-tone-neutral { --action:#986000; --action-soft:#fff1d4; }
.dp-quick-action>.dp-icon,.dp-quick-action[class*=dp-tone-]>.dp-icon { background:var(--action-soft); color:var(--action); width:36px; height:36px; padding:8px; }
.dp-quick-action:hover { background:var(--action-soft); border-color:var(--action); transform:none; box-shadow:0 3px 10px #1834490a; }
.dp-quick-action .dp-action-arrow { color:var(--action); }
.dp-app-shell #kpis { gap:12px; padding:0; border:0; background:transparent; }
.dp-app-shell #kpis>.kpi { --metric:#245be0; --metric-soft:#eaf0ff; padding:16px; min-height:136px; border:1px solid #d7e3f1; border-top:4px solid var(--metric); border-radius:8px; background:var(--metric-soft); }
.dp-app-shell #kpis>.kpi:nth-child(2) { --metric:#08785b; --metric-soft:#e3f6ed; border-color:#c8e6d8; border-top-color:var(--metric); }
.dp-app-shell #kpis>.kpi:nth-child(3) { --metric:#087c8c; --metric-soft:#def5f7; border-color:#c6e5e8; border-top-color:var(--metric); }
.dp-app-shell #kpis>.kpi:nth-child(4) { --metric:#946000; --metric-soft:#fff3d6; border:1px solid #eddcb5; border-top:4px solid var(--metric); }
#kpis .dp-kpi-label { color:#344b60; font-weight:600; }
#kpis .dp-kpi-label svg { display:block; width:30px; height:30px; flex:0 0 30px; box-sizing:border-box; padding:6px; border-radius:6px; color:var(--metric); background:#ffffffb8; }
.dp-app-shell #kpis strong { color:var(--metric); margin:10px 0 7px; font-weight:750; }
.dp-app-shell #kpis em { color:#486072; }
.dp-app-shell .section-head h2 { color:#173c67; }
.dp-app-shell th { background:#eaf1f7; color:#36516a; font-weight:700; }
.dp-app-shell tbody tr:nth-child(even) { background:#f8fbfd; }
.dp-app-shell tbody tr:hover { background:#eef6fb; }
.dp-app-shell .btn-primary { box-shadow:0 2px 4px #245be01a; }
.dp-focus-item[data-severity=warning] { background:#fff8e8; }
.dp-focus-item:is([data-severity=danger],[data-severity=critical]) { background:#fff0ee; }
.dp-focus-item[data-severity=info] { background:#edf6fc; }
.dp-focus-item { padding:14px 12px; }
.dp-sales-bar { background:#8fced0; }
.dp-sales-column:last-child .dp-sales-bar { background:#087f87; }
.dp-sales-summary strong { color:#08785b; }
.dp-app-shell .record-actions .dp-record-tool { color:#245be0; background:#edf3ff; border-color:#d3e0fc; }
.dp-app-shell .record-actions .dp-record-tool.btn-danger { color:#b13f38; background:#fff0ee; border-color:#f1d4cf; }
.stgr-login-brand .stgr-mark { color:#fff; background:#245be0; border:0; }
.stgr-login-brand h1 { color:#173c67; }
.stgr-login-box { border:1px solid #dce5eb; border-top:4px solid #087f87; box-shadow:0 12px 32px #193f6610; }
.dp-app-shell .release-card { border-radius:8px; }
.release-icon { border-radius:8px; color:#245be0; background:#eaf0ff; }
.release-icon .dp-icon { width:30px; height:30px; }
.release-preventa .release-icon { background:#eaf0ff; color:#245be0; }
.release-almacen .release-icon,.release-rutas .release-icon { background:#def5f7; color:#087c8c; }
.release-reparto .release-icon { background:#e3f6ed; color:#08785b; }
.release-cliente .release-icon { background:#fce9ee; color:#a23e61; }
.release-title { flex-wrap:wrap; }
.release-title h3 { font-size:16px; overflow-wrap:anywhere; }
.release-title span { border-radius:4px; }
.release-actions .dp-icon { width:18px; height:18px; flex-shrink:0; }
.release-copy .release-install-note { padding:10px 12px; border-left:3px solid #b7791f; background:#fff5dc; color:#694511; font-size:13px; }
.release-previous { margin:10px 0; font-size:13px; }
.release-previous summary { cursor:pointer; }
.release-previous a { display:inline-block; padding:8px 0; }
body:has(#applications.active) .sales-ai-floating { display:none; }
@media(max-width:1000px) {
  .dp-app-shell #kpis { gap:12px; }
  .dp-app-shell #kpis>.kpi { padding:14px; }
}
@media(max-width:720px) {
  .dp-welcome { padding-left:12px; }
  .dp-live-pill { font-size:11px; }
  .dp-quick-action { grid-template-columns:30px minmax(0,1fr); gap:8px; padding:10px; }
  .dp-quick-action .dp-action-arrow { display:none; }
  .dp-quick-action>.dp-icon,.dp-quick-action[class*=dp-tone-]>.dp-icon { width:30px; height:30px; padding:6px; }
  .dp-app-shell #kpis>.kpi { padding:12px; min-height:132px; }
  #kpis .dp-kpi-label { align-items:flex-start; gap:4px; }
  #kpis .dp-kpi-label svg { width:24px; height:24px; flex-basis:24px; padding:4px; }
  .dp-app-shell #kpis strong { font-size:20px; }
}