/* DSVT Analytics 1.4 — precision polish (purely visual, no schema change). */
:root{--mint:#27ec88;--red:#ee817b;--focus-ring:#64f7ac}
button,a,input,select,textarea{transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,opacity .16s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring)!important;outline-offset:3px}
::selection{background:#236d43;color:#fff}
#view-overview .panel,#view-overview .kpi{position:relative;overflow:hidden}
#view-overview .panel{background:radial-gradient(ellipse 85% 45% at 50% -20%,rgba(29,140,79,.07),transparent 100%),linear-gradient(150deg,#0b1813,#07110e 85%)!important;box-shadow:inset 0 1px rgba(255,255,255,.028),0 7px 30px rgba(0,0,0,.13)!important}
#view-overview .kpi{background:radial-gradient(ellipse 90% 75% at 110% -20%,rgba(43,198,115,.10),transparent 80%),linear-gradient(155deg,#0b1713,#07100d)!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 6px 21px rgba(0,0,0,.15)!important}
#view-overview .kpi::after{content:"";position:absolute;pointer-events:none;left:15px;right:15px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#236f47 55%,transparent);opacity:.32}
#view-overview .kpi:hover{border-color:#2a6041!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 8px 27px rgba(0,0,0,.21)!important}
.kpi-label{color:#ced9d0!important}
.kpi-value{font-variant-numeric:tabular-nums;letter-spacing:-.65px!important}
#view-overview .panel-head h2{font-weight:750;letter-spacing:-.18px}
#view-overview .trades-card tbody tr:hover{background:rgba(34,115,67,.075)}
#view-overview .trades-card tbody tr:last-child td{border-bottom:0}
#view-overview .trades-card td{font-variant-numeric:tabular-nums}
#view-overview .chart-container svg{display:block;overflow:visible}
#view-overview .chart-mark{transition:r .18s ease}
#view-overview .chart-mark:hover{r:5}
#view-overview .cal-cell{transition:transform .18s ease,box-shadow .18s ease;position:relative}
#view-overview .cal-cell:not(.empty):hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,0,0,.2)}
#view-overview .cal-cell.today{outline:1px solid #42c17a;outline-offset:-1px}
#view-overview .cal-cell.flat{background:#1a2a22!important;color:#d5e5d8!important}
#view-overview .cal-cell.partial::after{content:"";position:absolute;top:3px;right:4px;width:3px;height:3px;border-radius:50%;background:#dbb569}
#view-overview .cal-cell.empty{opacity:.1}
#view-overview .cal-pnl{font-variant-numeric:tabular-nums}
#view-overview .best-row b{color:#e1eee5;font-weight:600}
#view-overview .best-row strong{font-variant-numeric:tabular-nums}
#view-overview .quick-card .action-grid button{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
#view-overview .quick-card .action-grid button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.2)!important;border-color:#1e844e!important}
#view-overview .focus-card .focus-status{border:1px solid #536c58;color:#8bac97;display:grid;place-items:center;font-size:12px}
#view-overview .focus-card .focus-status.is-done{border-color:#26784e;background:#0d4527;color:#55efa1}
#view-overview .focus-caption{font-size:10px;color:#789785;line-height:1.3;margin:5px 0 0}
#view-overview .notice{position:relative!important;left:auto!important;bottom:auto!important;z-index:auto;opacity:1;max-width:none;margin:0 0 11px!important;padding:8px 13px!important;box-shadow:none;color:#b7ddc4;font-size:11px}
#view-overview .mini-hint{font-size:10px;color:#a7bdab;line-height:1.3;margin:5px 0 0}
#view-overview .detail-row{font-variant-numeric:tabular-nums}
/* The reference uses dense content, but mobile retains readable controls. */
@media(max-width:1570px) and (min-width:1151px){
  #view-overview .focus-caption{font-size:9px}
  #view-overview .best-row{grid-template-columns:70px minmax(0,1fr) auto}
}
@media(max-width:720px){
  #view-overview .panel,#view-overview .kpi{box-shadow:inset 0 1px rgba(255,255,255,.035)!important}
  #view-overview .notice{font-size:10px}
  #view-overview .focus-card .focus-item{padding:10px 0!important}
}
@media(prefers-reduced-motion:reduce){
  #view-overview *{transition:none!important}
}