/* ===== non-ya.biz · elite polish ===== */
:root{ --accent:245 186 74; --hairline:rgba(255,255,255,0.07); }

/* ambient depth behind the grid */
body::before{ content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(1100px 560px at 82% -8%, rgba(245,186,74,0.06), transparent 60%),
    radial-gradient(900px 520px at -8% 108%, rgba(80,150,255,0.045), transparent 55%); }

/* glassy cards for every widget */
.widget{
  background:linear-gradient(180deg, rgba(255,255,255,0.022), rgba(255,255,255,0.005));
  border:1px solid var(--hairline); border-radius:16px; padding:17px 19px;
  box-shadow:0 14px 32px -22px rgba(0,0,0,0.85), inset 0 1px 0 rgba(255,255,255,0.045);
  transition:border-color .25s ease, box-shadow .3s ease, transform .2s ease; }
.widget:hover{ border-color:rgba(var(--accent)/0.40);
  box-shadow:0 0 0 1px rgba(var(--accent)/0.12), 0 20px 46px -18px rgba(var(--accent)/0.22);
  transform:translateY(-2px); }

/* refined widget titles w/ accent tick */
.widget-header{ letter-spacing:.06em; padding-bottom:10px; margin-bottom:12px; border-bottom:1px solid var(--hairline); }
.widget-header::before{ content:""; display:inline-block; width:7px; height:7px; border-radius:2px;
  margin-right:9px; vertical-align:middle; background:rgba(var(--accent)/0.95);
  box-shadow:0 0 10px rgba(var(--accent)/0.75); }

/* progress bars → rounded gradient + glow */
.progress-bar{ border-radius:6px; overflow:hidden; }
.progress-value{ border-radius:6px;
  background:linear-gradient(90deg, rgba(var(--accent)/0.85), rgba(255,226,150,0.95));
  box-shadow:0 0 12px rgba(var(--accent)/0.45); }

/* inputs / search: rounded + focus glow */
input{ border-radius:12px !important; }
input:focus{ outline:none; box-shadow:0 0 0 1px rgba(var(--accent)/0.5), 0 0 18px -4px rgba(var(--accent)/0.45) !important; }

/* highlight numbers warmer; positive dots glow */
.color-highlight{ text-shadow:0 0 14px rgba(var(--accent)/0.22); }
.color-positive{ filter:drop-shadow(0 0 4px rgba(120,230,140,0.5)); }

/* sleek scrollbars */
*::-webkit-scrollbar{ width:10px; height:10px; }
*::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.12); border-radius:8px; }
*::-webkit-scrollbar-thumb:hover{ background:rgba(var(--accent)/0.45); }
*::-webkit-scrollbar-track{ background:transparent; }