/* Render Reports — shared left sidebar (Soft).
   Include with: <link rel="stylesheet" href="/static/sidebar.css">
   Self-contained palette (rh- prefixed) — does not depend on page theme. */
body{
  --rh-side1:#0f131e; --rh-side2:#0c0f18; --rh-bd:#212838; --rh-bd2:#2d3548;
  --rh-text:#e9edf4; --rh-text2:#929cb2; --rh-text3:#5b6680;
  --rh-ind:#6366f1; --rh-ind2:#818cf8; --rh-vio:#a855f7;
  --rh-side-w:248px; --rh-rail-w:74px;
}
body.rh-on{margin-left:var(--rh-side-w);transition:margin-left .24s cubic-bezier(.4,0,.2,1)}
body.rh-on.rh-rail{margin-left:var(--rh-rail-w)}
/* hide the old horizontal nav once the sidebar is active */
body.rh-on .top-nav{display:none!important}

.rh-side *{box-sizing:border-box}
.rh-side{
  position:fixed;left:0;top:0;height:100vh;width:var(--rh-side-w);z-index:200;
  display:flex;flex-direction:column;overflow:hidden;
  font-family:'Inter',system-ui,Segoe UI,Roboto,sans-serif;font-size:14px;letter-spacing:-.01em;color:var(--rh-text);
  background:linear-gradient(180deg,var(--rh-side1),var(--rh-side2));border-right:1px solid var(--rh-bd);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.02);transition:width .24s cubic-bezier(.4,0,.2,1)
}
.rh-side ::-webkit-scrollbar{width:7px}.rh-side ::-webkit-scrollbar-thumb{background:#2a3346;border-radius:8px}
body.rh-rail .rh-side{width:var(--rh-rail-w)}

.rh-brand{display:flex;align-items:center;gap:12px;padding:18px 16px 14px}
.rh-logo{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;background:linear-gradient(135deg,var(--rh-ind),var(--rh-vio));box-shadow:0 8px 20px -8px rgba(124,58,237,.75),inset 0 1px 0 rgba(255,255,255,.3)}
.rh-bt{display:flex;flex-direction:column;line-height:1.18;white-space:nowrap;overflow:hidden}
.rh-bt b{font-weight:700;font-size:15px}.rh-bt small{color:var(--rh-text3);font-size:11px}

.rh-search{margin:2px 14px 10px;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.03);border:1px solid var(--rh-bd);border-radius:11px;padding:10px 12px;color:var(--rh-text3);font-size:13px;white-space:nowrap;cursor:pointer;transition:.15s}
.rh-search:hover{border-color:var(--rh-bd2);background:rgba(255,255,255,.05);color:var(--rh-text2)}
.rh-search svg{flex:0 0 16px}
.rh-search .rh-kbd{margin-left:auto;font-size:10px;font-weight:600;background:rgba(255,255,255,.06);border:1px solid var(--rh-bd2);border-radius:5px;padding:2px 6px}

.rh-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 12px 12px}
.rh-grp{margin-bottom:2px}
.rh-gh{display:flex;align-items:center;gap:7px;padding:13px 8px 6px;cursor:pointer;user-select:none;font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--rh-text3);white-space:nowrap}
.rh-gh:hover{color:var(--rh-text2)}
.rh-gh .rh-chev{transition:transform .18s;opacity:.6;font-size:.7rem}
.rh-gh .rh-cnt{margin-left:auto;font-weight:600;letter-spacing:0;font-size:10px;background:rgba(255,255,255,.05);border-radius:20px;padding:1px 7px;display:none}
.rh-grp.rh-col .rh-chev{transform:rotate(-90deg)}
.rh-grp.rh-col .rh-item{height:0;opacity:0;margin:0;padding-top:0;padding-bottom:0;pointer-events:none}

.rh-item{position:relative;display:flex;align-items:center;gap:12px;height:44px;margin:3px 0;padding:0 11px;border-radius:12px;color:var(--rh-text2);text-decoration:none;cursor:pointer;white-space:nowrap;font-size:13.5px;font-weight:500;overflow:hidden;transition:background .15s,color .15s,box-shadow .15s}
.rh-item:hover{background:rgba(255,255,255,.045);color:var(--rh-text);box-shadow:0 4px 14px -9px rgba(0,0,0,.8)}
.rh-ic{width:30px;height:30px;flex:0 0 30px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;background:linear-gradient(160deg,#1b2233,#141a28);border:1px solid var(--rh-bd);color:var(--rh-ind2);box-shadow:0 3px 8px -4px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.04);transition:.15s}
.rh-item.rh-act{color:#fff;background:rgba(99,102,241,.14);box-shadow:inset 0 0 0 1px rgba(129,140,248,.28),0 8px 20px -12px rgba(99,102,241,.85)}
.rh-item.rh-act .rh-ic{background:linear-gradient(135deg,var(--rh-ind),var(--rh-vio));color:#fff;border-color:transparent;box-shadow:0 6px 14px -5px rgba(124,58,237,.85)}
.rh-item.rh-act::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(var(--rh-ind2),var(--rh-vio));box-shadow:0 0 10px var(--rh-ind)}
.rh-item .rh-tip{position:absolute;left:62px;background:#1b2130;border:1px solid var(--rh-bd2);color:var(--rh-text);padding:6px 11px;border-radius:8px;font-size:12.5px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transform:translateX(-6px);transition:.14s;box-shadow:0 6px 20px -8px rgba(0,0,0,.7);z-index:20}

.rh-foot{border-top:1px solid var(--rh-bd);padding:10px 12px}
.rh-acct{display:flex;align-items:center;gap:10px;padding:8px;margin-bottom:8px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--rh-bd)}
.rh-ava{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#06121a;background:linear-gradient(135deg,#22d3ee,#6366f1);box-shadow:0 4px 12px -5px rgba(34,211,238,.6)}
.rh-am{flex:1;min-width:0;line-height:1.18;overflow:hidden}
.rh-an{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rh-ar{font-size:11px;color:var(--rh-text3)}
.rh-aa{width:30px;height:30px;flex:0 0 30px;border-radius:8px;border:1px solid var(--rh-bd);background:rgba(255,255,255,.02);color:var(--rh-text2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;text-decoration:none}
.rh-aa:hover{background:rgba(255,255,255,.07);color:var(--rh-text);border-color:var(--rh-bd2)}
.rh-aa.rh-lo:hover{background:rgba(239,68,68,.14);color:#f87171;border-color:rgba(239,68,68,.4)}

.rh-collapse{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;cursor:pointer;font-family:inherit;color:var(--rh-text3);padding:10px;border-radius:10px;font-size:12.5px;font-weight:600;white-space:nowrap;transition:.15s}
.rh-collapse:hover{background:rgba(255,255,255,.05);color:var(--rh-text)}
.rh-collapse .rh-arr{flex:0 0 30px;display:flex;justify-content:center;transition:transform .24s}

.rh-edge{position:fixed;top:24px;left:calc(var(--rh-side-w) - 14px);z-index:210;width:28px;height:28px;border-radius:50%;background:#1c2332;border:1px solid var(--rh-bd2);color:var(--rh-text2);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 14px -5px rgba(0,0,0,.7);transition:left .24s cubic-bezier(.4,0,.2,1),background .15s,color .15s,border-color .15s}
.rh-edge:hover{background:var(--rh-ind);color:#fff;border-color:var(--rh-ind);box-shadow:0 6px 16px -5px rgba(99,102,241,.8)}
.rh-edge svg{transition:transform .24s}
body.rh-rail .rh-edge{left:calc(var(--rh-rail-w) - 14px)}
body.rh-rail .rh-edge svg{transform:rotate(180deg)}

/* RAIL */
body.rh-rail .rh-bt,body.rh-rail .rh-search span,body.rh-rail .rh-search .rh-kbd,body.rh-rail .rh-gh span,body.rh-rail .rh-item .rh-lbl,body.rh-rail .rh-collapse span,body.rh-rail .rh-am,body.rh-rail .rh-aa.rh-adm{display:none}
body.rh-rail .rh-brand{justify-content:center;padding:18px 0 14px}
body.rh-rail .rh-search{justify-content:center;margin:2px 14px 10px;padding:11px}
body.rh-rail .rh-item{justify-content:center;padding:0;gap:0}
body.rh-rail .rh-item:hover .rh-tip{opacity:1;transform:translateX(0)}
body.rh-rail .rh-collapse{justify-content:center;padding:10px 0}
body.rh-rail .rh-collapse .rh-arr{transform:rotate(180deg)}
body.rh-rail .rh-gh{justify-content:center;padding:12px 0 6px;margin:6px 12px 0;border-top:1px solid var(--rh-bd);cursor:default}
body.rh-rail .rh-grp:first-child .rh-gh{border-top:0;margin-top:2px}
body.rh-rail .rh-gh .rh-chev{display:none}
body.rh-rail .rh-gh::before{content:attr(data-short);font-size:9.5px;font-weight:800;letter-spacing:.12em;color:var(--rh-text3)}
body.rh-rail .rh-acct{flex-direction:column;gap:7px;padding:8px 0;background:transparent;border:0}

/* command palette */
.rh-cmd-bg{position:fixed;inset:0;background:rgba(6,8,13,.6);backdrop-filter:blur(4px);display:none;align-items:flex-start;justify-content:center;padding-top:14vh;z-index:300;font-family:'Inter',system-ui,sans-serif}
.rh-cmd-bg.rh-show{display:flex}
.rh-cmd{width:min(560px,92vw);background:linear-gradient(180deg,#141926,#10141f);border:1px solid var(--rh-bd2);border-radius:16px;overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.85);color:var(--rh-text)}
.rh-cmd-in{display:flex;align-items:center;gap:11px;padding:15px 17px;border-bottom:1px solid var(--rh-bd)}
.rh-cmd-in svg{flex:0 0 18px;color:var(--rh-text3)}
.rh-cmd-in input{flex:1;border:0;background:transparent;color:var(--rh-text);font-size:15px;outline:none;font-family:inherit}
.rh-cmd-list{max-height:48vh;overflow-y:auto;padding:8px}
.rh-cmd-it{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;color:var(--rh-text2)}
.rh-cmd-it .rh-ic{width:29px;height:29px;flex:0 0 29px}
.rh-cmd-it.rh-sel{background:rgba(99,102,241,.16);color:#fff}
.rh-cmd-it.rh-sel .rh-ic{background:linear-gradient(135deg,var(--rh-ind),var(--rh-vio));color:#fff;border-color:transparent}
.rh-cmd-it .rh-gt{margin-left:auto;font-size:11px;color:var(--rh-text3)}

@media(max-width:820px){
  body.rh-on{margin-left:var(--rh-rail-w)}
  .rh-side{width:var(--rh-rail-w)}
  .rh-side .rh-bt,.rh-side .rh-search span,.rh-side .rh-search .rh-kbd,.rh-side .rh-item .rh-lbl,.rh-side .rh-collapse span,.rh-side .rh-am,.rh-side .rh-aa.rh-adm,.rh-side .rh-gh span,.rh-side .rh-gh .rh-chev,.rh-side .rh-prefs{display:none}
}

/* preference controls (theme + language) */
.rh-prefs{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.rh-seg{display:flex;gap:2px;background:rgba(255,255,255,.03);border:1px solid var(--rh-bd);border-radius:9px;padding:3px}
.rh-seg button{border:0;background:transparent;color:var(--rh-text3);cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;padding:5px 9px;border-radius:6px;display:flex;align-items:center;justify-content:center;line-height:1;transition:.15s}
.rh-seg button:hover{color:var(--rh-text)}
.rh-seg button.rh-on{background:linear-gradient(135deg,var(--rh-ind),var(--rh-vio));color:#fff;box-shadow:0 4px 12px -6px rgba(124,58,237,.8)}
.rh-seg.rh-theme button{padding:5px 8px}
.rh-seg.rh-theme svg{width:15px;height:15px}
.rh-langs{margin-left:auto}
body.rh-rail .rh-prefs{display:none}

/* ───── LIGHT THEME ─────
   All 7 reports share these CSS var names → overriding them flips every page. */
html[data-rh-theme="light"]{
  --bg:#f4f6fb;--card:#ffffff;--card2:#eef1f7;--border:#e1e5ee;
  --text:#1a1e29;--text2:#5a6479;--text3:#8a92a6;
  --green:#16a34a;--green-bg:rgba(22,163,74,.12);--red:#dc2626;--red-bg:rgba(220,38,38,.12);
  --orange:#d97706;--cyan:#0891b2;--pink:#db2777;--teal:#0d9488;--purple:#7c3aed;--yellow:#ca8a04;
}
html[data-rh-theme="light"] body{
  background:var(--bg);
  --rh-side1:#ffffff;--rh-side2:#f4f6fb;--rh-bd:#e3e7f0;--rh-bd2:#d3d9e6;
  --rh-text:#1a1e29;--rh-text2:#5a6479;--rh-text3:#8a92a6;
}
html[data-rh-theme="light"] .rh-side{box-shadow:inset -1px 0 0 rgba(0,0,0,.02),8px 0 36px -28px rgba(0,0,0,.25)}
html[data-rh-theme="light"] .rh-search,
html[data-rh-theme="light"] .rh-seg{background:#eef2f9}
html[data-rh-theme="light"] .rh-item:hover,
html[data-rh-theme="light"] .rh-collapse:hover,
html[data-rh-theme="light"] .rh-aa:hover{background:rgba(0,0,0,.05)}
html[data-rh-theme="light"] .rh-ic{background:linear-gradient(160deg,#eef1f8,#e4e9f3);box-shadow:0 2px 6px -3px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.6)}
html[data-rh-theme="light"] .rh-acct{background:rgba(0,0,0,.03)}
html[data-rh-theme="light"] .rh-item.rh-act{background:rgba(99,102,241,.12)}
html[data-rh-theme="light"] .rh-tip,
html[data-rh-theme="light"] .rh-cmd{background:#ffffff;color:#1a1e29}
html[data-rh-theme="light"] .rh-cmd-bg{background:rgba(20,24,36,.35)}

/* ── Стара плоска навігація сторінок ───────────────────────────────────────
   Частина звітів має власну горизонтальну шапку зі списком звітів, іменем
   користувача і Logout. Коли підключено спільний сайдбар (body.rh-on) — вона
   дублює меню і показує звіти без блоків. Ховаємо; сам сайдбар усе це має. */
body.rh-on .nav-reports,
body.rh-on #navReports,
body.rh-on #navR,
body.rh-on #navUser,
body.rh-on #navU,
body.rh-on #navAdmin,
body.rh-on #navA,
body.rh-on a[href="/api/logout"]{display:none!important}