/* ══════════════════════════════════════════════════════════════════════
   DOMOV — úvodná stránka („velín" AI a predaja).
   Všetko je pod #sec-dashboard a s predponou dm-, aby sa to nebilo
   s pl.css (tam už existujú .card, .btn, .chip, .stat…).
   Farby berieme z tokenov dashboardu; tu sú len odvodené odtiene.
   ══════════════════════════════════════════════════════════════════════ */
#sec-dashboard {
  --dm-s1: var(--bg-1); --dm-s2: var(--bg-2); --dm-s3: var(--bg-3);
  --dm-line: var(--line); --dm-line2: var(--line-strong);
  --dm-acc: var(--acc); --dm-accl: var(--acc-4); --dm-ink: var(--acc-icon);
  --dm-accsoft: color-mix(in srgb, var(--acc-4) 15%, transparent);
  --dm-gold: var(--acc-3); --dm-goldl: color-mix(in srgb, var(--acc-3) 70%, #fff);
  --dm-goldsoft: color-mix(in srgb, var(--acc-3) 13%, transparent);
  --dm-oksoft: color-mix(in srgb, var(--ok) 13%, transparent);
  --dm-errsoft: color-mix(in srgb, var(--err) 12%, transparent);
  --dm-warnsoft: color-mix(in srgb, var(--warn) 13%, transparent);
  --dm-infosoft: color-mix(in srgb, var(--info) 12%, transparent);
  --dm-sh: 0 1px 0 rgba(255,255,255,.035) inset, 0 1px 2px rgba(0,0,0,.25), 0 10px 30px rgba(0,0,0,.2);
  --dm-lift: 0 1px 0 rgba(255,255,255,.04) inset, 0 22px 48px rgba(0,0,0,.4);
  --dm-hero: linear-gradient(135deg, var(--bg-1) 0%, color-mix(in srgb, var(--bg-1) 88%, var(--bg-0)) 55%, color-mix(in srgb, var(--bg-1) 90%, var(--acc-3)) 100%);
  --dm-oblak: #d9e1ea; --dm-oblak2: #8a99aa;
  --dm-fd: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --dm-fm: "JetBrains Mono", ui-monospace, Menlo, monospace;
  position: relative;
}
html[data-theme="light"] #sec-dashboard {
  --dm-sh: 0 1px 0 rgba(255,255,255,.9) inset, 0 1px 2px rgba(20,40,20,.04), 0 8px 24px rgba(20,40,20,.06);
  --dm-lift: 0 1px 0 rgba(255,255,255,.9) inset, 0 18px 40px rgba(20,40,20,.12);
  --dm-oblak: #c9d6e3; --dm-oblak2: #9fb0c2;
}
#sec-dashboard [hidden] { display: none !important; }
#sec-dashboard .dm-wrap {
  max-width: 1600px; margin: 0 auto; padding-block: 10px 64px;
  background-image: radial-gradient(color-mix(in srgb, var(--fg) 4%, transparent) 1px, transparent 1px);
  background-size: 22px 22px;
}
#sec-dashboard .dm-tab { font-variant-numeric: tabular-nums; }
#sec-dashboard .dm-eyebrow { font: 500 10.5px/1 var(--dm-fm); letter-spacing: .14em; text-transform: uppercase; color: var(--fg-4); }
#sec-dashboard .dm-sp { flex: 1; }
#sec-dashboard .dm-muted { color: var(--fg-4); font-size: 12.5px; }
#sec-dashboard button { font: inherit; color: inherit; cursor: pointer; }

/* hlavička */
#sec-dashboard .dm-head { position: relative; display: flex; align-items: flex-end; gap: 16px; flex-wrap: wrap; margin-bottom: 22px; }
#sec-dashboard .dm-head h1 { margin: 6px 0 0; font: 600 clamp(24px, 2.4vw, 32px)/1.1 var(--dm-fd); letter-spacing: -.03em; color: var(--fg); }
#sec-dashboard .dm-head h1 em { font-style: normal; color: var(--dm-ink); }
#sec-dashboard .dm-btn {
  height: 42px; padding: 0 16px; border-radius: 12px; border: 1px solid var(--dm-line); background: var(--dm-s1);
  box-shadow: var(--dm-sh); display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 13px; color: var(--fg);
}
#sec-dashboard .dm-btn:hover { border-color: var(--dm-line2); }
#sec-dashboard .dm-btn.pri { background: linear-gradient(180deg, var(--dm-accl), var(--dm-acc)); border-color: transparent; color: #fff; box-shadow: 0 6px 18px var(--acc-glow); }
#sec-dashboard .dm-btn.sm { height: 32px; padding: 0 12px; border-radius: 9px; font-size: 12.5px; box-shadow: none; }

/* denný pruh */
#sec-dashboard .dm-daybar {
  display: flex; align-items: stretch; padding: 0; min-height: 58px; text-align: left; border-radius: 16px;
  border: 1px solid var(--dm-line); background: var(--dm-s1); box-shadow: var(--dm-sh); transition: border-color .15s, box-shadow .15s;
}
#sec-dashboard .dm-daybar:hover, #sec-dashboard .dm-daybar[aria-expanded="true"] { border-color: var(--dm-accl); box-shadow: var(--dm-lift); }
#sec-dashboard .dm-dbp { display: flex; align-items: center; gap: 10px; padding: 8px 16px; min-width: 0; }
#sec-dashboard .dm-dbp + .dm-dbp { border-left: 1px solid var(--dm-line); }
#sec-dashboard .dm-dbclock { font: 600 26px/1 var(--dm-fd); letter-spacing: -.03em; font-variant-numeric: tabular-nums; color: var(--fg); }
#sec-dashboard .dm-sec { font-size: .42em; color: var(--fg-4); margin-left: 4px; vertical-align: .8em; letter-spacing: 0; }
#sec-dashboard .dm-dbsub { display: block; font-size: 11.5px; color: var(--fg-3); margin-top: 3px; white-space: nowrap; }
#sec-dashboard .dm-dbtemp { font: 600 24px/1 var(--dm-fd); letter-spacing: -.03em; color: var(--fg); }
#sec-dashboard .dm-dbmont { font-size: 12px; font-weight: 600; display: flex; align-items: center; gap: 7px; white-space: nowrap; }
#sec-dashboard .dm-dbmont i.dm-bod { width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 18%, transparent); }
#sec-dashboard .dm-dbchev { color: var(--fg-4); padding: 0 12px 0 4px; display: flex; align-items: center; }
#sec-dashboard .dm-dbchev svg { width: 14px; transition: transform .2s; }
#sec-dashboard .dm-daybar[aria-expanded="true"] .dm-dbchev svg { transform: rotate(180deg); }
#sec-dashboard .dm-daypop {
  position: absolute; z-index: 60; width: min(640px, calc(100vw - 32px)); padding: 18px; border-radius: 20px;
  background: var(--dm-s1); border: 1px solid var(--dm-line2); box-shadow: var(--dm-lift);
}

/* úprava plochy */
#sec-dashboard .dm-editbar {
  position: sticky; top: 8px; z-index: 30; margin: 0 0 16px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 10px 12px 10px 16px; border-radius: 16px; background: color-mix(in srgb, var(--dm-s1) 90%, transparent);
  backdrop-filter: blur(12px); border: 1px solid var(--dm-line2); box-shadow: var(--dm-lift); font-size: 13px;
}
#sec-dashboard .dm-editbar b { font-family: var(--dm-fd); }

/* karty */
#sec-dashboard .dm-card { position: relative; min-width: 0; background: var(--dm-s1); border: 1px solid var(--dm-line); border-radius: 20px; box-shadow: var(--dm-sh); }
#sec-dashboard .dm-ch { display: flex; align-items: center; gap: 10px; min-width: 0; }
#sec-dashboard .dm-ch h3 { margin: 0; font: 600 14.5px var(--dm-fd); letter-spacing: -.01em; color: var(--fg); white-space: nowrap; }
#sec-dashboard .dm-tile { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: var(--dm-accsoft); color: var(--dm-ink); flex: none; font-size: 14px; }
#sec-dashboard .dm-tile.gold { background: var(--dm-goldsoft); color: var(--dm-gold); }
#sec-dashboard .dm-tile.info { background: var(--dm-infosoft); color: var(--info); }
#sec-dashboard .dm-tile.err { background: var(--dm-errsoft); color: var(--err); }
#sec-dashboard .dm-more { font-size: 12.5px; color: var(--fg-4); text-decoration: none; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; background: none; border: 0; padding: 0; }
#sec-dashboard .dm-more:hover { color: var(--dm-ink); }
#sec-dashboard .dm-seg { display: inline-flex; padding: 3px; border-radius: 11px; background: var(--dm-s2); border: 1px solid var(--dm-line); }
#sec-dashboard .dm-seg button { border: 0; background: transparent; padding: 6px 12px; border-radius: 8px; font-size: 12.5px; font-weight: 500; color: var(--fg-3); }
#sec-dashboard .dm-seg button.on { background: var(--dm-s1); color: var(--fg); box-shadow: 0 1px 3px rgba(0,0,0,.14); }
#sec-dashboard .dm-chip { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px; border-radius: 7px; font: 600 11.5px var(--dm-fm); white-space: nowrap; }
#sec-dashboard .dm-chip.ok { background: var(--dm-oksoft); color: var(--ok); }
#sec-dashboard .dm-chip.err { background: var(--dm-errsoft); color: var(--err); }
#sec-dashboard .dm-chip.warn { background: var(--dm-warnsoft); color: var(--warn); }
#sec-dashboard .dm-chip.info { background: var(--dm-infosoft); color: var(--info); }
#sec-dashboard .dm-chip.acc { background: var(--dm-accsoft); color: var(--dm-ink); }
#sec-dashboard .dm-chip.gold { background: var(--dm-goldsoft); color: var(--dm-gold); }
#sec-dashboard .dm-chip.mute { background: var(--dm-s2); color: var(--fg-3); }

/* HERO */
#sec-dashboard .dm-hero { display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: 16px; }
#sec-dashboard .dm-sales { background: var(--dm-hero); padding: 24px 26px 18px; overflow: hidden; }
#sec-dashboard .dm-stop { display: flex; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
#sec-dashboard .dm-money { display: flex; align-items: baseline; gap: 6px; margin-top: 10px; color: var(--fg); }
#sec-dashboard .dm-money .v { font: 600 clamp(48px, 5.4vw, 76px)/.95 var(--dm-fd); letter-spacing: -.045em; font-variant-numeric: tabular-nums; }
#sec-dashboard .dm-money .c { font: 500 clamp(24px, 2.4vw, 34px) var(--dm-fd); color: var(--fg-3); }
#sec-dashboard .dm-trend { display: flex; align-items: center; gap: 10px; margin-top: 12px; flex-wrap: wrap; color: var(--fg-3); font-size: 13px; }
#sec-dashboard .dm-rozpis { margin-top: 6px; font: 500 11.5px var(--dm-fm); color: var(--fg-4); }
#sec-dashboard .dm-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 22px; border-top: 1px solid var(--dm-line); }
#sec-dashboard .dm-stat { padding: 14px 16px 2px 0; min-width: 0; }
#sec-dashboard .dm-stat + .dm-stat { padding-left: 16px; border-left: 1px solid var(--dm-line); }
#sec-dashboard .dm-stat b { display: block; font: 600 22px var(--dm-fd); letter-spacing: -.02em; margin-top: 6px; font-variant-numeric: tabular-nums; color: var(--fg); }
#sec-dashboard .dm-stat b small { font-size: 13px; color: var(--fg-4); font-weight: 500; margin-left: 2px; }
#sec-dashboard .dm-plot { position: relative; margin-top: 12px; }
#sec-dashboard .dm-plot svg { display: block; width: 100%; height: auto; overflow: visible; }
#sec-dashboard .dm-ax { font: 10.5px var(--dm-fm); fill: var(--fg-4); }
#sec-dashboard .dm-empty-plot { position: absolute; inset: 20% 0 auto; text-align: center; color: var(--fg-4); font-size: 13px; pointer-events: none; }
#sec-dashboard .dm-legend { display: flex; gap: 16px; flex-wrap: wrap; font-size: 12px; color: var(--fg-3); }
#sec-dashboard .dm-legend span { display: inline-flex; align-items: center; gap: 7px; }
#sec-dashboard .dm-legend i { width: 14px; height: 3px; border-radius: 2px; display: inline-block; }
#sec-dashboard .dm-legend i.dash { background: repeating-linear-gradient(90deg, var(--fg-4) 0 4px, transparent 4px 7px); }
#sec-dashboard .dm-legend i.dot { width: 8px; height: 8px; border-radius: 50%; }
.dm-tip {
  position: fixed; z-index: 400; pointer-events: none; min-width: 170px; max-width: 280px; padding: 10px 12px; border-radius: 12px;
  background: var(--bg-1); color: var(--fg); border: 1px solid var(--line-strong); box-shadow: var(--sh-3); font-size: 12.5px;
}
.dm-tip .t { font: 500 10.5px "JetBrains Mono", monospace; color: var(--fg-4); letter-spacing: .08em; text-transform: uppercase; margin-bottom: 6px; }
.dm-tip .r { display: flex; justify-content: space-between; gap: 16px; }
.dm-tip .r b { font-variant-numeric: tabular-nums; }

/* karta posledného agenta */
#sec-dashboard .dm-agent { padding: 22px; display: flex; flex-direction: column; gap: 14px; overflow: hidden; }
#sec-dashboard .dm-ag-top { display: flex; align-items: center; gap: 14px; }
#sec-dashboard .dm-ag-av {
  position: relative; width: 60px; height: 60px; border-radius: 18px; display: grid; place-items: center; color: #fff; font-size: 24px; flex: none;
  background: var(--dm-agc, #4a764a);
}
/* „Pracuje": svetelná stopa obieha PO obvode ikony. Predtým sa otáčal celý rám
   s dvoma zafarbenými stranami — zaoblený štvorec sa pri otáčaní kýval a rohy
   vybiehali mimo ikonu. Tu sa tvar neotáča, len sa posúva uhol farebného prechodu. */
@property --dm-uhol { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
#sec-dashboard .dm-ag-av.pracuje::after {
  content: ""; position: absolute; inset: -5px; border-radius: 22px; padding: 2px; pointer-events: none;
  background: conic-gradient(from var(--dm-uhol),
              transparent 0deg 200deg,
              color-mix(in srgb, var(--dm-accl) 35%, transparent) 280deg,
              var(--dm-accl) 350deg, transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  animation: dmObeh 1.8s linear infinite;
}
@keyframes dmObeh { to { --dm-uhol: 360deg; } }
@keyframes dmToc { to { transform: rotate(360deg); } }
#sec-dashboard .dm-ag-top h2 { margin: 2px 0 0; font: 600 20px var(--dm-fd); letter-spacing: -.02em; color: var(--fg); }
#sec-dashboard .dm-ag-top p { margin: 2px 0 0; color: var(--fg-3); font-size: 12.5px; }
#sec-dashboard .dm-live { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; }
#sec-dashboard .dm-live i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
#sec-dashboard .dm-live.beh i { animation: dmPulz 2.2s infinite; }
@keyframes dmPulz { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, currentColor 45%, transparent); } 70% { box-shadow: 0 0 0 8px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
#sec-dashboard .dm-conv { border-radius: 14px; background: var(--dm-s2); border: 1px solid var(--dm-line); padding: 12px 14px; display: grid; gap: 10px; }
#sec-dashboard .dm-conv .tit { font: 600 13px var(--dm-fd); color: var(--fg); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sec-dashboard .dm-bub { font-size: 12.5px; line-height: 1.45; color: var(--fg-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
#sec-dashboard .dm-bub.ja { color: var(--fg-3); -webkit-line-clamp: 2; }
#sec-dashboard .dm-bub b { color: var(--fg); font-weight: 600; margin-right: 4px; }
#sec-dashboard .dm-ask { display: flex; align-items: center; gap: 8px; padding: 6px 6px 6px 14px; border-radius: 14px; background: var(--dm-s2); border: 1px solid var(--dm-line2); transition: border-color .15s, box-shadow .15s; }
#sec-dashboard .dm-ask:focus-within { border-color: var(--dm-accl); box-shadow: 0 0 0 4px var(--dm-accsoft); }
#sec-dashboard .dm-ask input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--fg); font-size: 13.5px; }
#sec-dashboard .dm-ask input::placeholder { color: var(--fg-4); }
#sec-dashboard .dm-ask button { width: 36px; height: 36px; border: 0; border-radius: 10px; color: #fff; background: linear-gradient(180deg, var(--dm-accl), var(--dm-acc)); display: grid; place-items: center; }
#sec-dashboard .dm-others { display: flex; gap: 6px; flex-wrap: wrap; }
#sec-dashboard .dm-others button { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px 0 4px; border-radius: 14px; border: 1px solid var(--dm-line); background: transparent; font-size: 12px; color: var(--fg-2); }
#sec-dashboard .dm-others button:hover, #sec-dashboard .dm-others button.on { border-color: var(--dm-accl); background: var(--dm-accsoft); }
#sec-dashboard .dm-others .a { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-size: 9px; }
#sec-dashboard .dm-feed { display: grid; gap: 8px; border-top: 1px solid var(--dm-line); padding-top: 12px; }
#sec-dashboard .dm-feed div { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; gap: 10px; align-items: center; font-size: 12.5px; color: var(--fg-2); }
#sec-dashboard .dm-feed i { width: 8px; height: 8px; border-radius: 50%; }
#sec-dashboard .dm-feed span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sec-dashboard .dm-feed time { font: 500 11px var(--dm-fm); color: var(--fg-4); }
#sec-dashboard .dm-sum { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: auto; }
#sec-dashboard .dm-sum div { padding: 10px 12px; border-radius: 12px; background: var(--dm-s2); border: 1px solid var(--dm-line); min-width: 0; }
#sec-dashboard .dm-sum b { display: block; font: 600 20px var(--dm-fd); letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--fg); }
#sec-dashboard .dm-sum span { font-size: 11.5px; color: var(--fg-4); }

/* sekcie a agenti */
#sec-dashboard .dm-sh { display: flex; align-items: center; gap: 12px; margin: 30px 0 14px; flex-wrap: wrap; }
#sec-dashboard .dm-sh h2 { margin: 0; font: 600 18px var(--dm-fd); letter-spacing: -.02em; color: var(--fg); }
#sec-dashboard .dm-sh .cnt { color: var(--fg-4); font-size: 13px; }
#sec-dashboard .dm-agents { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(230px, 1fr); gap: 12px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; }
#sec-dashboard .dm-ag { padding: 14px; display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 12px; align-items: center; text-align: left; cursor: pointer; transition: border-color .15s, transform .15s; }
#sec-dashboard .dm-ag:hover { border-color: var(--dm-accl); transform: translateY(-1px); }
#sec-dashboard .dm-ring { position: relative; width: 46px; height: 46px; }
#sec-dashboard .dm-ring svg { position: absolute; inset: 0; width: 46px; height: 46px; transform: rotate(-90deg); }
#sec-dashboard .dm-ring.beh svg { animation: dmToc 1.4s linear infinite; }
#sec-dashboard .dm-ring .in { position: absolute; inset: 6px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-size: 13px; }
#sec-dashboard .dm-ag b { font: 600 13.5px/1.25 var(--dm-fd); color: var(--fg); min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sec-dashboard .dm-ag .dm-chip { flex: none; }
#sec-dashboard .dm-ag p { margin: 2px 0 6px; font-size: 12.5px; color: var(--fg-3); line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#sec-dashboard .dm-ag .meta { font-size: 11.5px; color: var(--fg-4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sec-dashboard .dm-ag > div { min-width: 0; }

/* plocha */
#sec-dashboard .dm-board { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; grid-auto-flow: dense; }
#sec-dashboard .dm-w { padding: 18px; display: flex; flex-direction: column; gap: 14px; grid-column: span 3; transition: transform .18s, box-shadow .18s, border-color .18s; }
#sec-dashboard .dm-w:hover { box-shadow: var(--dm-lift); }
#sec-dashboard .dm-w[data-v="m"] { grid-column: span 6; }
#sec-dashboard .dm-w[data-v="l"] { grid-column: span 9; }
#sec-dashboard .dm-w[data-v="xl"] { grid-column: span 12; }
#sec-dashboard .dm-tools { display: none; gap: 4px; }
#sec-dashboard.dm-edit .dm-tools { display: inline-flex; }
#sec-dashboard.dm-edit .dm-w .dm-more { display: none; }
#sec-dashboard .dm-tools button { height: 28px; min-width: 28px; padding: 0 8px; border-radius: 8px; border: 1px solid var(--dm-line2); background: var(--dm-s2); font: 600 11px var(--dm-fm); color: var(--fg-3); }
#sec-dashboard .dm-tools button:hover { color: var(--fg); border-color: var(--dm-accl); }
#sec-dashboard .dm-tools .x:hover { color: var(--err); border-color: var(--err); }
#sec-dashboard .dm-grip { display: none; color: var(--fg-4); font-size: 12px; }
#sec-dashboard.dm-edit .dm-grip { display: inline-flex; }
#sec-dashboard.dm-edit .dm-w { cursor: grab; outline: 1.5px dashed var(--dm-line2); outline-offset: -1px; animation: dmJemne 3.2s ease-in-out infinite; }
#sec-dashboard.dm-edit .dm-w:nth-child(2n) { animation-delay: -1.6s; }
@keyframes dmJemne { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
#sec-dashboard.dm-edit .dm-w * { pointer-events: none; }
#sec-dashboard.dm-edit .dm-w .dm-tools, #sec-dashboard.dm-edit .dm-w .dm-tools * { pointer-events: auto; }
#sec-dashboard .dm-w.dragging { opacity: .3; }
#sec-dashboard .dm-w.target { outline: 2px solid var(--dm-accl); }
.dm-ghost { position: fixed !important; z-index: 450; pointer-events: none; box-shadow: var(--sh-3); transform: rotate(1.5deg) scale(1.02); opacity: .95; }

#sec-dashboard .dm-big { font: 600 34px/1 var(--dm-fd); letter-spacing: -.035em; font-variant-numeric: tabular-nums; color: var(--fg); }
#sec-dashboard .dm-rows { display: grid; margin: 0; padding: 0; list-style: none; }
#sec-dashboard .dm-rows li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid var(--dm-line); }
#sec-dashboard .dm-rows li:first-child { border-top: 0; padding-top: 2px; }
#sec-dashboard .dm-rows li.klik { cursor: pointer; }
#sec-dashboard .dm-rows li.klik:hover b { color: var(--dm-ink); }
#sec-dashboard .dm-rows b { display: block; font-weight: 500; font-size: 13px; color: var(--fg); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sec-dashboard .dm-rows small { display: block; color: var(--fg-4); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sec-dashboard .dm-lead { display: flex; align-items: center; gap: 10px; min-width: 0; }
#sec-dashboard .dm-lead > div { min-width: 0; }
#sec-dashboard .dm-stripe { width: 3px; align-self: stretch; border-radius: 3px; flex: none; }
#sec-dashboard .dm-fav { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; font: 600 11px var(--dm-fd); color: #fff; flex: none; overflow: hidden; }
#sec-dashboard .dm-fav img { width: 100%; height: 100%; object-fit: cover; }
#sec-dashboard .dm-emptyw { display: flex; align-items: center; gap: 10px; padding: 10px 0; color: var(--fg-3); font-size: 13px; }
#sec-dashboard .dm-emptyw i { color: var(--ok); }

#sec-dashboard .dm-gauge { display: grid; place-items: center; position: relative; }
#sec-dashboard .dm-gauge svg { width: 100%; max-width: 230px; height: auto; }
#sec-dashboard .dm-gauge .c { position: absolute; top: 44%; left: 0; right: 0; text-align: center; }
#sec-dashboard .dm-gauge .c b { font: 600 34px/1 var(--dm-fd); letter-spacing: -.03em; color: var(--fg); }
#sec-dashboard .dm-gauge .c span { display: block; font-size: 12px; color: var(--fg-4); margin-top: 4px; }
#sec-dashboard .dm-gfoot { display: flex; justify-content: space-between; font-size: 12.5px; color: var(--fg-3); gap: 8px; }
#sec-dashboard .dm-gfoot b { color: var(--fg); font-variant-numeric: tabular-nums; }

#sec-dashboard .dm-shops { display: grid; gap: 12px; }
#sec-dashboard .dm-shop { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 12px; align-items: center; }
#sec-dashboard .dm-shop .n { font-size: 13px; color: var(--fg); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sec-dashboard .dm-shop .bar { height: 6px; border-radius: 3px; background: var(--dm-s3); margin-top: 6px; overflow: hidden; }
#sec-dashboard .dm-shop .bar i { display: block; height: 100%; border-radius: 3px; background: linear-gradient(90deg, var(--dm-gold), var(--dm-goldl)); }
#sec-dashboard .dm-shop .v { text-align: right; font: 600 14px var(--dm-fd); font-variant-numeric: tabular-nums; min-width: 78px; color: var(--fg); }
#sec-dashboard .dm-shop .v small { display: block; font: 500 11px var(--dm-fm); }
#sec-dashboard .dm-up { color: var(--ok); } #sec-dashboard .dm-dn { color: var(--err); }

#sec-dashboard .dm-inbox { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
#sec-dashboard .dm-inbox div { padding: 12px; border-radius: 14px; background: var(--dm-s2); border: 1px solid var(--dm-line); }
#sec-dashboard .dm-inbox b { display: block; font: 600 24px var(--dm-fd); letter-spacing: -.02em; color: var(--fg); }
#sec-dashboard .dm-inbox span { font-size: 12px; color: var(--fg-3); }
#sec-dashboard .dm-inbox div.hot { background: var(--dm-errsoft); border-color: transparent; }
#sec-dashboard .dm-inbox div.hot b { color: var(--err); }

#sec-dashboard .dm-stack { display: flex; height: 12px; border-radius: 6px; overflow: hidden; gap: 2px; background: var(--dm-s3); }
#sec-dashboard .dm-stack i { display: block; height: 100%; }
#sec-dashboard .dm-keys { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; }
#sec-dashboard .dm-keys div { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--fg-2); min-width: 0; }
#sec-dashboard .dm-keys span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sec-dashboard .dm-keys i { width: 9px; height: 9px; border-radius: 3px; flex: none; }
#sec-dashboard .dm-keys b { margin-left: auto; font: 500 12px var(--dm-fm); color: var(--fg-3); }

#sec-dashboard .dm-todo label { display: flex; align-items: flex-start; gap: 12px; padding: 10px 0; border-top: 1px solid var(--dm-line); cursor: pointer; font-size: 13px; color: var(--fg); }
#sec-dashboard .dm-todo label:first-child { border-top: 0; padding-top: 2px; }
#sec-dashboard .dm-todo input { appearance: none; width: 18px; height: 18px; margin: 1px 0 0; border-radius: 6px; border: 1.5px solid var(--dm-line2); display: grid; place-items: center; flex: none; background: var(--dm-s1); }
#sec-dashboard .dm-todo input:checked { background: var(--dm-acc); border-color: var(--dm-acc); }
#sec-dashboard .dm-todo input:checked::after { content: ""; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) translate(-1px, -1px); }
#sec-dashboard .dm-todo input:checked + span { color: var(--fg-4); text-decoration: line-through; }
#sec-dashboard .dm-todo span { min-width: 0; overflow-wrap: anywhere; }
#sec-dashboard .dm-todo small { display: block; color: var(--fg-4); font-size: 12px; margin-top: 1px; }
#sec-dashboard .dm-todo small.late { color: var(--err); }

#sec-dashboard .dm-stars { display: flex; gap: 2px; color: var(--dm-gold); font-size: 14px; }
#sec-dashboard .dm-dist { display: grid; gap: 5px; }
#sec-dashboard .dm-dist div { display: grid; grid-template-columns: 22px minmax(0, 1fr) 34px; gap: 8px; align-items: center; font: 500 11.5px var(--dm-fm); color: var(--fg-3); }
#sec-dashboard .dm-dist .t { height: 5px; border-radius: 3px; background: var(--dm-s3); overflow: hidden; }
#sec-dashboard .dm-dist .t i { display: block; height: 100%; background: var(--dm-gold); border-radius: 3px; }
#sec-dashboard .dm-quote { padding: 12px; border-radius: 12px; background: var(--dm-s2); font-size: 13px; color: var(--fg-2); }
#sec-dashboard .dm-quote small { display: block; margin-top: 6px; color: var(--fg-4); }
#sec-dashboard .dm-spark svg { display: block; width: 100%; height: 64px; overflow: visible; }

#sec-dashboard .dm-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
#sec-dashboard .dm-actions button { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 14px; border-radius: 14px; border: 1px solid var(--dm-line); background: var(--dm-s2); text-align: left; font-weight: 600; font-size: 13px; color: var(--fg); transition: border-color .15s, transform .15s; }
#sec-dashboard .dm-actions button:hover { border-color: var(--dm-accl); transform: translateY(-1px); }

#sec-dashboard .dm-team .dm-fav { border-radius: 50%; position: relative; overflow: visible; }
#sec-dashboard .dm-team .dm-fav img { border-radius: 50%; }
#sec-dashboard .dm-team .dm-fav .on { position: absolute; right: -1px; bottom: -1px; width: 10px; height: 10px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 2px var(--dm-s1); }

/* počasie */
#sec-dashboard .dm-wx { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 18px; }
#sec-dashboard .dm-wxcas { display: flex; flex-direction: column; gap: 4px; padding-right: 18px; border-right: 1px solid var(--dm-line); min-width: 0; }
#sec-dashboard .dm-wxclock { font: 600 clamp(44px, 4.2vw, 60px)/1 var(--dm-fd); letter-spacing: -.045em; margin-top: 8px; color: var(--fg); }
#sec-dashboard .dm-wxdate { font-size: 13px; color: var(--fg-2); }
#sec-dashboard .dm-wxsun { margin-top: auto; padding-top: 10px; }
#sec-dashboard .dm-wxsun svg { display: block; width: 100%; height: auto; overflow: visible; }
#sec-dashboard .dm-wxsunf { display: flex; justify-content: space-between; font: 500 11.5px var(--dm-fm); color: var(--fg-3); }
#sec-dashboard .dm-wxp { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
#sec-dashboard .dm-wxnow { display: flex; align-items: center; gap: 12px; }
#sec-dashboard .dm-wxtemp { font: 600 44px/1 var(--dm-fd); letter-spacing: -.04em; color: var(--fg); }
#sec-dashboard .dm-wxtemp sup { font-size: 18px; color: var(--fg-3); margin-left: 2px; vertical-align: 1em; }
#sec-dashboard .dm-wxstav { font: 600 14px var(--dm-fd); margin: 4px 0 1px; color: var(--fg); }
#sec-dashboard .dm-wxmeta { display: flex; gap: 14px; flex-wrap: wrap; font-size: 12.5px; color: var(--fg-3); }
#sec-dashboard .dm-wxmeta i { color: var(--info); margin-right: 5px; }
#sec-dashboard .dm-wxh { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 4px; padding: 8px 4px; border-radius: 14px; background: var(--dm-s2); border: 1px solid var(--dm-line); }
#sec-dashboard .dm-wxh div { display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 11.5px; color: var(--fg-3); }
#sec-dashboard .dm-wxh b { font: 600 13px var(--dm-fd); color: var(--fg); }
#sec-dashboard .dm-wxh small { font: 500 10px var(--dm-fm); color: var(--info); }
#sec-dashboard .dm-mont { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; font-size: 12.5px; }
#sec-dashboard .dm-mont b { display: block; font-weight: 600; color: var(--fg); }
#sec-dashboard .dm-mont small { color: var(--fg-3); }
#sec-dashboard .dm-mont.ok { background: var(--dm-oksoft); color: var(--ok); }
#sec-dashboard .dm-mont.warn { background: var(--dm-warnsoft); color: var(--warn); }
#sec-dashboard .dm-wxa .dm-luce { transform-origin: center; transform-box: fill-box; animation: dmToc 18s linear infinite; }
#sec-dashboard .dm-oblak { animation: dmPlav 6s ease-in-out infinite; }
#sec-dashboard .dm-kvapka { animation: dmPad 1.1s ease-in infinite; }
@keyframes dmPlav { 0%,100% { translate: 0 0; } 50% { translate: 3px 0; } }
@keyframes dmPad { 0% { opacity: 0; translate: 0 -4px; } 30% { opacity: 1; } 100% { opacity: 0; translate: -2px 6px; } }

/* galéria */
.dm-scrim { position: fixed; inset: 0; z-index: 420; background: rgba(5,10,8,.45); backdrop-filter: blur(3px); }
.dm-drawer {
  position: fixed; top: 0; right: 0; bottom: 0; z-index: 421; width: min(400px, 100%);
  background: var(--bg-1); color: var(--fg); border-left: 1px solid var(--line-strong); box-shadow: var(--sh-3);
  padding: calc(22px + env(safe-area-inset-top, 0px)) 22px calc(22px + env(safe-area-inset-bottom, 0px));
  display: flex; flex-direction: column; gap: 14px; overflow-y: auto;
}
.dm-drawer[hidden], .dm-scrim[hidden], .dm-tip[hidden] { display: none !important; }
.dm-drawer h3 { margin: 0; font: 600 18px "Space Grotesk", sans-serif; }
.dm-gitem { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 14px; border: 1px solid var(--line); background: var(--bg-2); }
.dm-gitem div { flex: 1; min-width: 0; }
.dm-gitem b { font: 600 13.5px "Space Grotesk", sans-serif; }
.dm-gitem small { display: block; color: var(--fg-4); font-size: 12px; }
.dm-gitem button { height: 32px; padding: 0 12px; border-radius: 9px; border: 1px solid var(--line-strong); background: var(--bg-1); font-weight: 600; font-size: 12.5px; cursor: pointer; }

/* responzívne */
@media (max-width: 1280px) {
  #sec-dashboard .dm-hero { grid-template-columns: minmax(0, 1fr) 340px; }
  #sec-dashboard .dm-w { grid-column: span 6; }
  #sec-dashboard .dm-w[data-v="m"], #sec-dashboard .dm-w[data-v="l"] { grid-column: span 12; }
  #sec-dashboard .dm-hide-md { display: none; }
}
@media (max-width: 1000px) {
  #sec-dashboard .dm-hero { grid-template-columns: 1fr; }
  #sec-dashboard .dm-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #sec-dashboard .dm-stat:nth-child(3) { padding-left: 0; border-left: 0; }
}
@media (max-width: 720px) {
  #sec-dashboard .dm-w, #sec-dashboard .dm-w[data-v] { grid-column: span 12; }
  #sec-dashboard .dm-sales { padding: 18px 16px 12px; }
  #sec-dashboard .dm-agent { padding: 18px 16px; }
  #sec-dashboard .dm-agents { grid-auto-columns: minmax(230px, 82%); }
  #sec-dashboard .dm-daybar { width: 100%; order: 3; }
  #sec-dashboard .dm-dbp { padding: 8px 12px; }
  #sec-dashboard .dm-hide-sm { display: none; }
  #sec-dashboard .dm-dbclock { font-size: 22px; }
  #sec-dashboard .dm-daypop { left: 0 !important; width: 100%; padding: 14px; }
  #sec-dashboard .dm-wx { grid-template-columns: 1fr; }
  #sec-dashboard .dm-wxcas { padding-right: 0; border-right: 0; padding-bottom: 14px; border-bottom: 1px solid var(--dm-line); }
}
@media (prefers-reduced-motion: reduce) {
  #sec-dashboard .dm-live.beh i, #sec-dashboard.dm-edit .dm-w, #sec-dashboard .dm-ring.beh svg,
  #sec-dashboard .dm-ag-av.pracuje::after, #sec-dashboard .dm-wxa .dm-luce, #sec-dashboard .dm-oblak, #sec-dashboard .dm-kvapka { animation: none; }
}

/* Prepínač meny — každá mena má vlastný graf, nič sa neprepočítava. */
#sec-dashboard .dm-mena button { min-width: 40px; font-weight: 600; }
#sec-dashboard .dm-rozpis button { border: 0; background: none; padding: 0; font: inherit; color: var(--fg-3); text-decoration: underline dotted; text-underline-offset: 3px; cursor: pointer; }
#sec-dashboard .dm-rozpis button:hover { color: var(--fg); }
#sec-dashboard .dm-shopmena { font: 600 10.5px var(--dm-fm); letter-spacing: .08em; text-transform: uppercase; color: var(--fg-4); margin-top: 6px; }
#sec-dashboard .dm-shopmena:first-child { margin-top: 0; }

/* Tabuľka v náhľade posledného agenta */
#sec-dashboard .dm-bub--tab { -webkit-line-clamp: 2; }
#sec-dashboard .dm-bub--tab:empty { display: none; }
#sec-dashboard .dm-mtab { border: 1px solid var(--dm-line); border-radius: 10px; overflow-x: auto; max-width: 100%; }
#sec-dashboard .dm-mtab table { width: 100%; border-collapse: collapse; font-size: 12px; line-height: 1.35; font-variant-numeric: tabular-nums; }
#sec-dashboard .dm-mtab th { text-align: left; font-weight: 600; color: var(--fg); background: var(--dm-s2); padding: 6px 9px; white-space: nowrap; border-bottom: 1px solid var(--dm-line); }
#sec-dashboard .dm-mtab td { padding: 5px 9px; color: var(--fg-2); border-bottom: 1px solid var(--dm-line); white-space: nowrap; }
#sec-dashboard .dm-mtab tr:last-child td { border-bottom: 0; }
#sec-dashboard .dm-mtab .r { text-align: right; }
#sec-dashboard .dm-mtab-viac { font-size: 11.5px; color: var(--fg-4); padding: 5px 9px; border-top: 1px solid var(--dm-line); }