/* Hanan Cafe · Dashboard 3D — liquid-glass + claymorphism skin (v0.5.0).
   Scoped strictly to .dashboard-v045 so other screens and themes are untouched. */

.dashboard-v045{position:relative;isolation:isolate;perspective:1200px}

/* ---- ambient liquid light ---- */
.dashboard-v045::before,.dashboard-v045::after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%}
.dashboard-v045::before{width:min(560px,60vw);height:min(560px,60vw);left:-140px;top:-120px;
  background:radial-gradient(circle,color-mix(in srgb,var(--nav-selected) 30%,transparent),transparent 68%);
  animation:dash-drift-a 16s ease-in-out infinite alternate}
.dashboard-v045::after{width:min(640px,66vw);height:min(640px,66vw);right:-160px;top:6%;
  background:radial-gradient(circle,color-mix(in srgb,var(--nav-selected) 18%,transparent),transparent 68%);
  animation:dash-drift-b 21s ease-in-out infinite alternate}
@keyframes dash-drift-a{from{transform:translate(0,0) scale(1)}to{transform:translate(70px,46px) scale(1.12)}}
@keyframes dash-drift-b{from{transform:translate(0,0) scale(1.06)}to{transform:translate(-64px,60px) scale(.94)}}

/* ---- hero: prominent glass band ---- */
.dashboard-v045 .dash-hero{position:relative;overflow:hidden;border-radius:26px;
  padding:clamp(20px,2.6vw,34px) clamp(20px,2.6vw,34px);
  background:linear-gradient(115deg,color-mix(in srgb,var(--surface-glass) 82%,transparent),color-mix(in srgb,var(--surface-soft) 46%,transparent));
  -webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);
  border:1px solid color-mix(in srgb,#ffffff 30%,transparent);
  box-shadow:0 24px 50px -18px rgba(3,25,28,.28),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -14px 28px rgba(3,25,28,.05)}
.dashboard-v045 .dash-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(420px 200px at 85% 0%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 70%)}
.dashboard-v045 .dash-hero h2{font-size:clamp(32px,3.4vw,46px);font-weight:850;letter-spacing:-1.4px;line-height:1.05;
  background:linear-gradient(100deg,var(--text) 35%,color-mix(in srgb,var(--text) 45%,var(--accent) 55%));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.dashboard-v045 .dash-hero .eyebrow{display:inline-block;padding:6px 12px;border-radius:999px;
  background:color-mix(in srgb,var(--accent) 20%,transparent);
  border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.dashboard-v045 .dash-hero-actions .btn{border-radius:14px;
  box-shadow:0 12px 24px -10px rgba(3,25,28,.45),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -3px 6px rgba(3,25,28,.08);
  transition:transform .16s ease,box-shadow .2s ease,filter .2s ease}
.dashboard-v045 .dash-hero-actions .btn:hover{transform:translateY(-2px);filter:brightness(1.03)}
.dashboard-v045 .dash-hero-actions .btn:active{transform:translateY(1px) scale(.99);
  box-shadow:0 4px 10px -6px rgba(3,25,28,.4),inset 0 2px 6px rgba(3,25,28,.18)}

/* ---- liquid-glass metric cards ---- */
.dashboard-v045 .dash-metric{position:relative;overflow:hidden;border-radius:22px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--surface-glass) 78%,transparent) 0%,color-mix(in srgb,var(--surface-soft) 52%,transparent) 100%);
  -webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);
  border:1px solid color-mix(in srgb,#ffffff 26%,transparent);
  box-shadow:0 22px 44px -16px rgba(3,25,28,.32),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -10px 22px rgba(3,25,28,.06);
  transform-style:preserve-3d;will-change:transform;
  transition:box-shadow .25s ease,border-color .25s ease}
.dashboard-v045 .dash-metric:hover{border-color:color-mix(in srgb,var(--accent) 55%,#ffffff 20%);
  box-shadow:0 30px 60px -18px rgba(3,25,28,.42),0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -10px 22px rgba(3,25,28,.05)}
/* travelling glare follows the pointer (vars set by dashboard-3d.js) */
.dashboard-v045 .dash-metric::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease;
  background:radial-gradient(340px circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.32),transparent 62%)}
.dashboard-v045 .dash-metric:hover::before{opacity:1}
/* liquid accent bar */
.dashboard-v045 .dash-metric::after{content:"";position:absolute;bottom:0;left:18px;right:18px;height:4px;border-radius:4px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,transparent),var(--accent),color-mix(in srgb,var(--accent) 55%,transparent));
  box-shadow:0 0 14px color-mix(in srgb,var(--accent) 75%,transparent)}
.dashboard-v045 .dash-metric>strong{font-size:clamp(34px,2.6vw,42px);text-shadow:0 2px 12px rgba(3,25,28,.12)}
/* glossy 3D icon orbs */
.dashboard-v045 .metric-icon{width:40px;height:40px;border-radius:14px;color:var(--accent-text);
  background:radial-gradient(circle at 30% 25%,color-mix(in srgb,#ffffff 65%,var(--accent) 35%),var(--accent) 78%);
  box-shadow:0 8px 18px -6px color-mix(in srgb,var(--accent) 80%,transparent),inset 0 2px 3px rgba(255,255,255,.7),inset 0 -3px 6px rgba(3,25,28,.14);
  transform:translateZ(24px)}
.dashboard-v045 .metric-completed .metric-icon{background:radial-gradient(circle at 30% 25%,#eafff3,#239b61 80%);color:#fff}
.dashboard-v045 .metric-pending .metric-icon{background:radial-gradient(circle at 30% 25%,#eef4ff,#3479ca 80%);color:#fff}
.dashboard-v045 .metric-cancelled .metric-icon{background:radial-gradient(circle at 30% 25%,#ffeef0,#bf424c 80%);color:#fff}

/* ---- claymorphism panels ---- */
.dashboard-v045 .dash-activity,.dashboard-v045 .dash-status,.dashboard-v045 .dash-latest,.dashboard-v045 .dash-shortcuts{
  border-radius:26px;border:1px solid color-mix(in srgb,#ffffff 34%,transparent);
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 82%,#ffffff 18%),var(--surface));
  box-shadow:16px 16px 34px rgba(3,25,28,.14),-10px -10px 26px rgba(255,255,255,.5),inset 2px 2px 6px rgba(255,255,255,.35),inset -4px -4px 10px rgba(3,25,28,.06)}
/* (navy panels are light Aqua Foam, so the default light clay shadows apply) */

/* ---- liquid activity bars ---- */
.dashboard-v045 .activity-track{border-radius:10px;
  background:color-mix(in srgb,var(--surface-soft) 70%,transparent);
  box-shadow:inset 3px 3px 8px rgba(3,25,28,.2),inset -2px -2px 6px rgba(255,255,255,.35)}
.dashboard-v045 .activity-track>span{border-radius:10px;transition:height .9s cubic-bezier(.2,.8,.2,1);
  background:linear-gradient(180deg,color-mix(in srgb,#ffffff 38%,var(--accent) 62%),var(--accent));
  box-shadow:0 0 16px color-mix(in srgb,var(--accent) 65%,transparent),inset 0 2px 3px rgba(255,255,255,.65),inset 0 -4px 8px rgba(3,25,28,.12)}
.dashboard-v045 .activity-column:last-child .activity-track>span{
  background:linear-gradient(180deg,#ffffff,var(--accent) 55%,color-mix(in srgb,var(--accent) 72%,#0b3b3f 28%))}

/* ---- status donut: floating glass ring ---- */
.dashboard-v045 .status-donut{filter:drop-shadow(0 16px 22px rgba(3,25,28,.28));transition:transform .3s ease}
.dashboard-v045 .status-donut:hover{transform:scale(1.04) rotate(2deg)}
.dashboard-v045 .status-donut>div{box-shadow:inset 4px 4px 12px rgba(3,25,28,.14),inset -4px -4px 10px rgba(255,255,255,.5)}
.dashboard-v045 .legend-dot{box-shadow:0 0 8px currentColor}

/* ---- latest orders: tactile rows ---- */
.dashboard-v045 .dash-latest .latest-order-row{border-radius:16px;padding:14px 12px;margin:0 -6px;
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.dashboard-v045 .dash-latest .latest-order-row:hover{background:color-mix(in srgb,var(--surface-soft) 55%,transparent);
  transform:translateX(4px);box-shadow:8px 10px 22px -12px rgba(3,25,28,.3)}
.dashboard-v045 .order-item-chip{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 8px -4px rgba(3,25,28,.25)}

/* ---- shortcuts: glass orbs + 3D lift ---- */
.dashboard-v045 .dash-shortcut{border-radius:16px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.dashboard-v045 .dash-shortcut:hover{transform:translateX(6px) translateZ(8px);
  background:color-mix(in srgb,var(--surface-soft) 60%,transparent);
  box-shadow:10px 12px 24px -12px rgba(3,25,28,.35),inset 0 1px 0 rgba(255,255,255,.4)}
.dashboard-v045 .dash-shortcut>span{border-radius:14px;color:var(--accent-text);
  background:radial-gradient(circle at 30% 25%,color-mix(in srgb,#ffffff 60%,var(--accent) 40%),var(--accent) 82%);
  box-shadow:0 8px 16px -6px color-mix(in srgb,var(--accent) 75%,transparent),inset 0 2px 3px rgba(255,255,255,.65),inset 0 -3px 6px rgba(3,25,28,.14)}

/* ---- revenue figures: quiet prominence ---- */
.dashboard-v045 .dash-revenue strong{text-shadow:0 2px 10px rgba(3,25,28,.1)}

@media(max-width:780px){
  .dashboard-v045::before{width:70vw;height:70vw;left:-30vw;top:-20vw}
  .dashboard-v045::after{width:76vw;height:76vw;right:-34vw}
  .dashboard-v045 .dash-hero{border-radius:20px}
}
@media(prefers-reduced-motion:reduce){
  .dashboard-v045::before,.dashboard-v045::after{animation:none}
  .dashboard-v045 .dash-metric,.dashboard-v045 .status-donut,.dashboard-v045 .dash-shortcut,
  .dashboard-v045 .dash-latest .latest-order-row,.dashboard-v045 .dash-hero-actions .btn{transition:none!important}
  .dashboard-v045 .activity-track>span{transition:none}
}

/* ---- v0.5.4: compact 5-card row, big readable numbers, sales spotlight ---- */
.dashboard-v045 .dash-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.dashboard-v045 .dash-metric{padding:11px 12px;min-width:0}
.dashboard-v045 .dash-metric>strong{font-size:clamp(28px,2.2vw,38px);letter-spacing:-1px;white-space:nowrap;font-variant-numeric:tabular-nums}
.dashboard-v045 .metric-top>span:first-child{font-size:11px}
.dashboard-v045 .metric-icon{width:34px;height:34px;border-radius:12px}
.dashboard-v045 .metric-icon svg{width:15px;height:15px}
.dashboard-v045 .dash-metric>small{font-size:10px}
/* sales spotlight card */
.dashboard-v045 .dash-metric.metric-sales{
  background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 68%,#000))!important;
  border-color:color-mix(in srgb,var(--accent) 60%,#ffffff 25%)}
.dashboard-v045 .dash-metric.metric-sales>strong{color:var(--accent-text)}
.dashboard-v045 .dash-metric.metric-sales .metric-top>span:first-child,
.dashboard-v045 .dash-metric.metric-sales>small{color:color-mix(in srgb,var(--accent-text) 78%,transparent)!important}
.dashboard-v045 .dash-metric.metric-sales .metric-icon{background:rgba(255,255,255,.22)!important;color:var(--accent-text)!important;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.5),0 6px 14px -6px rgba(0,0,0,.35)}
.dashboard-v045 .dash-metric.metric-sales::after{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);box-shadow:none}
/* per-day sales under the bars */
.dashboard-v045 .day-sales{display:block;font-size:10px;font-weight:800;color:var(--subtext);margin-top:2px;white-space:nowrap}
.dashboard-v045 .activity-column>b{font-size:12px}
.dashboard-v045 .activity-column>small{font-size:11px}
.dashboard-v045 .dash-metric>small{font-size:11px}
/* bigger key figures elsewhere */
.dashboard-v045 .dash-revenue strong{font-size:clamp(28px,2.4vw,36px)}
.dashboard-v045 .status-donut strong{font-size:38px}
@media(max-width:1150px){.dashboard-v045 .dash-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
  .dashboard-v045 .dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-v045 .dash-metric.metric-sales{grid-column:1/-1}
  .dashboard-v045 .dash-metric>strong{font-size:32px}
}
/* ---- v0.6.10: white text on sales card + New Order (both schemes) ---- */
.dashboard-v045 .dash-metric.metric-sales>strong,
.dashboard-v045 .dash-metric.metric-sales .metric-top>span:first-child,
.dashboard-v045 .dash-metric.metric-sales>small{color:#fff!important;text-shadow:0 1px 3px rgba(20,20,20,.28)}
.dash-metric.metric-sales .metric-icon{background:rgba(255,255,255,.22)!important;color:#fff!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.5),0 6px 14px -6px rgba(0,0,0,.35)}
[data-theme=sky] .dash-metric.metric-sales{background:linear-gradient(135deg,#4AA3DF 0%,#1E7CC4 100%)!important;border-color:#ffffff40}
.dash-hero-actions .btn.orange{color:#fff!important;text-shadow:0 1px 2px rgba(120,40,0,.25)}
/* ---- v0.6.11: cart delete button + concise expenses ---- */
.qty-control .qty-del{color:#b42318;font-size:17px;line-height:1}
.qty-control .qty-del:hover{background:#b42318;color:#fff}
.expenses-grid{max-width:1060px}
#expenseForm{padding:20px}
#expenseForm h2{margin-bottom:8px}
.finance-callout .expense-total{padding:14px;margin:12px 0}
.finance-callout .expense-total #expenseTotal{font-size:clamp(24px,2.4vw,30px)}
/* ---- v0.6.12: Vertix-style dashboard structure ---- */
.vertix .vx-greet{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:4px 2px 20px;flex-wrap:wrap}
.vertix .vx-greet h2{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.8px;margin:0 0 6px}
.vertix .vx-greet p{margin:0;color:var(--subtext)}
.vertix .vx-greet-actions{display:flex;gap:10px;flex-wrap:wrap}
.vertix .vx-top{display:grid;grid-template-columns:minmax(250px,.95fr) minmax(0,1.15fr) minmax(320px,1.35fr);gap:18px;align-items:stretch}
.vertix .vx-balance{justify-content:center;min-height:236px;padding:26px}
.vertix .vx-balance>strong{font-size:clamp(36px,3.6vw,50px)!important;letter-spacing:-1.5px}
.vertix .vx-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:stretch}
.vertix .vx-card{padding:22px}
.vertix .vx-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}
.vertix .vx-card-head h3{margin:4px 0 0;font-size:17px;letter-spacing:-.4px}
.vertix .vx-card-head>b{font-size:22px;letter-spacing:-.5px;color:var(--text)}
.vertix .vx-chart{display:flex;flex-direction:column;min-height:236px}
.vertix .vx-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;flex:1;min-height:150px}
.vertix .vx-bar-col{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:0}
.vertix .vx-bar-col .vx-track{flex:1;display:flex;align-items:flex-end;justify-content:center;width:100%;max-width:46px;min-height:96px;background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:9px;padding:4px}
.vertix .vx-bar-col .vx-track span{display:block;width:100%;border-radius:6px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 68%,#000));box-shadow:0 6px 14px -6px color-mix(in srgb,var(--accent) 70%,transparent)}
.vertix .vx-bar-col small{color:var(--subtext);font-size:11px}
.vertix .vx-grid{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,1.7fr);gap:18px;margin-top:18px;align-items:start}
.vertix .vx-side{display:flex;flex-direction:column;gap:18px;min-width:0}
.vertix .vx-progress{height:12px;border-radius:8px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));overflow:hidden;margin:4px 0 12px}
.vertix .vx-progress span{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#000))}
.vertix .vx-table th{font-size:11px;text-transform:uppercase;letter-spacing:.6px}
.vertix .vx-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
@media(max-width:1200px){.vertix .vx-top{grid-template-columns:1fr 1fr}.vertix .vx-chart{grid-column:1/-1}}
@media(max-width:900px){.vertix .vx-top,.vertix .vx-grid,.vertix .vx-shortcuts{grid-template-columns:1fr}.vertix .vx-stats{grid-template-columns:1fr 1fr}}
/* ---- v0.6.13: income statement on Finance page ---- */
.fin-statement{margin:0;max-width:none}
.fin-statement .section-head{margin-bottom:4px}
.fin-sec{font-size:11px;letter-spacing:1.4px;font-weight:800;color:var(--subtext);text-transform:uppercase;margin:20px 0 4px}
.fin-lines .fin-sec:first-child{margin-top:8px}
.fin-line{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:10px 2px;font-size:14.5px;color:var(--text)}
.fin-line small{color:var(--subtext);font-weight:400}
.fin-line>b{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}
.fin-subtotal{border-top:1px solid var(--edge);font-weight:700}
.fin-subtotal>b{font-weight:700}
.fin-total{border-top:3px double var(--edge);margin-top:8px;padding-top:16px;font-size:16.5px;font-weight:800}
.fin-total>b{font-weight:800}
.fin-neg{color:#b42318!important}
.fin-note{margin:16px 0 0;font-size:12px}
/* ---- v0.6.14: finance horizontal split, compact cards, mobile ---- */
.fin-split{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1.35fr);gap:18px;align-items:stretch;margin:20px 0}
.fin-split>*{align-self:stretch;min-width:0}
.fin-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;align-content:stretch}
.fin-cards .stat{display:flex;flex-direction:column;justify-content:center}
.fin-cards .stat{padding:16px 18px}
.fin-cards .stat b{font-size:clamp(20px,2vw,24px);margin-top:6px;letter-spacing:-.5px}
.fin-cards .stat small{font-size:10.5px;line-height:1.4}
@media(max-width:1020px){.fin-split{grid-template-columns:1fr}}
@media(max-width:560px){
 .fin-cards{gap:10px}
 .fin-cards .stat{padding:13px 14px}
 .fin-line{font-size:13.5px;padding:9px 0}
 .fin-total{font-size:15px}
 .finance-period .btn{padding:8px 10px;font-size:12px}
}
/* ---- v0.6.17: futuristic neon order-status ---- */
.fx-status{position:relative;overflow:hidden}
.fx-status::before{content:'';position:absolute;inset:-40px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%);pointer-events:none}
.fx-live{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:fx-pulse 2s infinite}
@keyframes fx-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 9px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.fx-status .status-donut{position:relative;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 40%,transparent)) drop-shadow(0 10px 24px rgba(3,25,28,.25))}
.fx-status .status-donut::after{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 68%,rgba(255,255,255,.65) 82%,transparent 96%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 17px),#000 calc(100% - 16px));mask:radial-gradient(farthest-side,transparent calc(100% - 17px),#000 calc(100% - 16px));animation:fx-spin 9s linear infinite}
@keyframes fx-spin{to{transform:rotate(360deg)}}
.fx-status .status-donut>div{box-shadow:inset 4px 4px 12px rgba(3,25,28,.14),inset -4px -4px 10px rgba(255,255,255,.5),0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 0 22px -4px color-mix(in srgb,var(--accent) 45%,transparent)}
.fx-status .status-donut strong{background:linear-gradient(120deg,var(--text) 30%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.fx-legend{display:grid;gap:12px;margin-top:6px}
.fx-legend>div{display:flex;align-items:center;gap:10px;font-size:11px}
.fx-legend .legend-dot{width:8px;height:8px;box-shadow:0 0 10px currentColor;flex:none}
.fx-bar{flex:1;height:6px;border-radius:4px;background:color-mix(in srgb,var(--text) 9%,transparent);overflow:hidden;min-width:40px}
.fx-bar>span{display:block;height:100%;border-radius:4px;box-shadow:0 0 10px currentColor;transition:width .8s ease}
.fx-bar>span.completed{background:linear-gradient(90deg,#1c7a4e,#2fbf74);color:#2fbf74}
.fx-bar>span.pending{background:linear-gradient(90deg,#2a63ad,#4f9cf0);color:#4f9cf0}
.fx-bar>span.cancelled{background:linear-gradient(90deg,#a33740,#e0606c);color:#e0606c}
@media(prefers-reduced-motion:reduce){.fx-status .status-donut::after,.fx-live{animation:none}}
/* v0.6.21: sales value on each chart bar */
.vertix .vx-bar-col .vx-val{font-size:10px;font-weight:750;color:var(--subtext);letter-spacing:-.2px;white-space:nowrap;line-height:1}

/* ---- v0.6.28: dashboard column fits its container; compact on phones ---- */
.dashboard-v045{grid-template-columns:minmax(0,1fr)}
.vertix .vx-greet>div{min-width:0}
@media(max-width:900px){
 .vertix .vx-balance{min-height:0}
 .vertix .vx-chart{min-height:0}
 .vertix .vx-stats{gap:12px}
 .vertix .vx-card{padding:16px}
 .vertix .vx-greet{margin-bottom:14px}
 .vertix .vx-greet h2{font-size:23px}
 .vertix .vx-shortcuts{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
 .vertix .vx-top,.vertix .vx-grid{grid-template-columns:minmax(0,1fr)}
 .vertix .vx-side,.vertix .vx-recent,.vertix .vx-stats,.vertix .vx-chart{min-width:0}
 .fx-legend>div{min-width:0}
 .fx-bar{min-width:0}
}