/* UNAMI · Calm workspace. Presentation only: no hidden controls, reordered content,
   altered table columns, or changes to status colours and user-selected accents. */
:root[data-theme="light"]:not(.theme-dark) {
  --bg:#f7f7f2; --panel:#fff; --panel-2:#fbfbf8;
  --border:#e7e8df; --border-strong:#d4d8c9;
  --text:#20241e; --muted:#72776c; --muted-2:#8b9085;
  --shadow:0 2px 9px rgba(38,45,25,.035); --radius:14px;
}
@media(prefers-color-scheme:light) {
  :root:not([data-theme="dark"]):not(.theme-dark) {
    --bg:#f7f7f2; --panel:#fff; --panel-2:#fbfbf8;
    --border:#e7e8df; --border-strong:#d4d8c9;
    --text:#20241e; --muted:#72776c; --muted-2:#8b9085;
    --shadow:0 2px 9px rgba(38,45,25,.035); --radius:14px;
  }
}
body { text-rendering:optimizeLegibility; }
/* Stronger visual hierarchy. Layout order, data colours and controls are retained. */
.main { background:var(--bg); }
.main .page__head {
  padding:22px 24px; margin-bottom:24px; border:1px solid var(--border);
  border-radius:18px; background:linear-gradient(110deg,var(--panel),var(--panel-2));
  border-top:3px solid var(--accent); align-items:center;
}
.main .page__title { font-size:30px; font-weight:750; letter-spacing:-.035em; }
.main .page__desc { margin-top:8px; max-width:850px; font-size:13px; }
.sidebar .brand { padding-bottom:24px; }
.sidebar .brand__title { font-size:20px; letter-spacing:.04em; }
.sidebar .brand__logo { width:40px; height:40px; border-radius:13px; font-size:22px; box-shadow:none; }
.sidebar .nav__section { font-size:10px; letter-spacing:.12em; font-weight:700; margin-top:22px; }
.sidebar .nav__item { margin-bottom:3px; }
.sidebar .nav__item.is-active { background:var(--accent); color:var(--panel); box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 15%,transparent); }
.sidebar .userbox { background:var(--panel-2); border:1px solid var(--border); border-radius:14px; }
.main .card { border-radius:18px; border-color:var(--border); }
.main .toolbar > .seg { background:var(--panel-2); }
.main .seg { padding:4px; border-radius:12px; }
.main .seg button { padding:8px 14px; font-weight:550; }
.main .seg button.is-active { box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent); font-weight:700; }
.main :is(.input,.inp) { background-color:var(--panel); border:1px solid var(--border-strong); border-radius:10px; }
.main .btn--primary { box-shadow:0 3px 8px color-mix(in srgb,var(--accent) 15%,transparent); font-weight:650; }
.main .home-kpis--total .kpi { padding:17px 13px; border-left-width:1px; border-top:3px solid var(--accent); background:linear-gradient(180deg,var(--panel),var(--panel-2)); }
.main .home-kpis--total .kpi__value { margin-top:12px; font-weight:750; }
.main .home-plat { padding:12px; border-radius:16px; background:var(--panel-2); }
.main .home-plat__hd { border-radius:10px; }
.main .home-kpis--platform .kpi { border-left-width:1px; box-shadow:none; }
.main .home-compare { padding:20px; border-radius:18px; }
.main .home-compare__metric { background:var(--panel-2); padding:12px 14px; border:1px solid var(--border); border-radius:12px; }
.main .home-daily__head b { font-size:18px; letter-spacing:-.02em; }
.main .home-trend { padding:24px; }
.main .model-card { padding:18px 24px 18px 16px; border-radius:18px; gap:12px; }
.main .model-card__name { font-size:19px; letter-spacing:-.02em; }
.main .model-card__photo { border-radius:12px; box-shadow:0 3px 10px rgba(0,0,0,.06); }
.main .model-card__incoming { background:var(--panel-2); border-radius:10px; }
.main .table-wrap { border-radius:14px; box-shadow:var(--shadow); background:var(--panel); }
.main .table-wrap th { padding-top:13px; padding-bottom:13px; font-size:11px; letter-spacing:.025em; color:var(--muted); }
.main .table-wrap td { padding-top:11px; padding-bottom:11px; }
.main .home-weekly-reminder { border-radius:14px; box-shadow:none; padding:12px 15px; gap:12px; }
.main .home-reminders { gap:9px; }
.main .home-weekly-reminder__text { gap:3px; }
.main .home-weekly-reminder__text > b { font-size:13px; line-height:1.4; overflow-wrap:anywhere; }
.main .home-weekly-reminder__text > span { font-size:11.5px; line-height:1.4; overflow-wrap:anywhere; }
.main .home-weekly-reminder__icon { flex-basis:40px; height:34px; font-size:11px; border-radius:9px; }
.main .home-reminder-visibility { font-size:10px; }
.main .home-reminder-checklist summary { font-size:11.5px; }
.main .home-reminder-checklist__item { font-size:12px; line-height:1.4; }
.main .home-reminder-checklist__items { gap:5px; }
.main .home-weekly-reminder__actions .btn { min-height:36px; font-size:11.5px; }
@media(max-width:800px) {
  .main .home-weekly-reminder { flex-wrap:wrap; }
  .main .home-weekly-reminder__text { flex-basis:calc(100% - 56px); }
  .main .home-weekly-reminder__actions { flex-wrap:wrap; margin-left:56px; max-width:calc(100% - 56px); }
  .main .home-weekly-reminder__done { margin-left:0; }
}
.main .home-reminder-editor { border-radius:16px; background:var(--panel); border-color:var(--border-strong); }
@media(max-width:700px) {
  .main .page__head { padding:16px; margin-bottom:18px; }
  .main .page__title { font-size:25px; }
  .main .model-card { padding:14px; }
  .main .home-trend { padding:16px; }
}
.main { background:var(--bg); }
.sidebar { background:var(--panel); border-color:var(--border); box-shadow:none; }
.sidebar__top { border-color:var(--border); }
.nav__item { border-radius:10px; font-weight:500; transition:background-color .12s,color .12s; }
.nav__item:hover { background:var(--panel-2); }
.nav__item.is-active { background:var(--accent-soft); color:var(--accent); box-shadow:none; font-weight:650; }
.nav__lbl { line-height:1.4; }
.page__head { gap:14px; margin-bottom:20px; }
.page__title { font-weight:750; letter-spacing:-.025em; line-height:1.2; }
.page__desc { line-height:1.55; }
.card { border-radius:var(--radius); box-shadow:var(--shadow); }
.kpi { border-radius:var(--radius); box-shadow:var(--shadow); background:var(--panel); }
.home-kpis .kpi { box-shadow:var(--shadow); border-radius:var(--radius); }
.model-card { border-radius:var(--radius); box-shadow:var(--shadow); }
.model-card__photo { border-radius:10px; }
.kpi__label { line-height:1.4; }
.kpi__value { font-variant-numeric:tabular-nums; letter-spacing:-.025em; }
.btn { border-radius:9px; min-height:36px; box-shadow:none; transition:border-color .12s,background-color .12s; }
.btn:hover:not(:disabled) { border-color:var(--accent); }
.btn:disabled { cursor:not-allowed; }
.btn--sm { min-height:28px; }
.input { border-radius:9px; min-height:36px; box-shadow:none; }
.seg { border-radius:11px; background:var(--panel); padding:3px; gap:2px; }
.seg button { border-radius:8px; min-height:30px; line-height:1.35; }
.seg button.is-active { background:var(--accent-soft); color:var(--accent); box-shadow:none; }
.toolbar,.filters { gap:9px; }
.table-wrap { border-radius:12px; border-color:var(--border); }
.table-wrap th { background:var(--panel-2); color:var(--muted); font-weight:600; }
.table-wrap td { border-color:var(--border); }
.pill { line-height:1.4; }
.modal__card { border:1px solid var(--border); border-radius:16px; box-shadow:0 16px 48px rgba(0,0,0,.14); }
.modal__head,.modal__foot { border-color:var(--border); }
.modal__body :is(input:not([type=checkbox]):not([type=radio]),textarea,select) { border-radius:9px; }
:is(.btn,.input,.seg button,.nav__item):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@media(prefers-reduced-motion:reduce) { .btn,.nav__item { transition:none; } }
.home-trend{padding:20px 22px}.home-trend__canvas{margin-top:18px;overflow-x:auto}.home-trend__canvas svg{display:block;width:100%;min-width:580px;max-height:330px}.home-trend__grid{stroke:var(--border);stroke-width:1}.home-trend__axis{fill:var(--muted);font:11px var(--font)}.home-trend__area{fill:var(--accent);opacity:.055}.home-trend__line{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.home-trend__line--orders{stroke:var(--accent)}.home-trend__line--ads{stroke:var(--warn);stroke-dasharray:6 5;stroke-width:2}.home-trend__point{stroke:var(--panel);stroke-width:1.5}.home-trend__point--orders{fill:var(--accent)}.home-trend__point--ads{fill:var(--warn)}.home-trend__cursor{stroke:var(--muted-2);stroke-dasharray:3 5;pointer-events:none}.home-trend__hint{min-height:30px;padding-top:12px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.home-trend .home-daily__legend span:before{width:18px;height:2px;border-radius:0;vertical-align:middle}.home-trend .home-daily__legend span:last-child:before{background:none;border-top:2px dashed var(--warn)}.home-trend rect:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}@media(max-width:650px){.home-trend{padding:15px}.home-trend .home-daily__head{flex-direction:column}.home-trend__hint{line-height:1.6}}

.home-trend__units{display:flex;gap:6px;margin-top:8px}.home-trend--units .home-daily__legend span:last-child:before{display:none}
