/* Vidyarc add-on: new layout and theme on top of app.css. Remove this file and vx-shell.js to go back. */
:root{--vx-side:232px;--vx-top:60px;--vx-teal:#0F7B77;--vx-teal-dd:#073F3D;--vx-teal-l:#E4F2F0;--vx-ink:#1C2326;--vx-grey:#5B6770;--vx-line:#E3E7EA;--vx-bg:#F5F7F8}
body{background:var(--vx-bg)}
#app>header.top{position:sticky;top:0;z-index:40}
#vx-menu-btn{display:none;width:40px;height:40px;border:1px solid var(--vx-line);border-radius:10px;background:#fff;color:var(--vx-ink);align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
#vx-side{display:none}
body.vx-on #vx-side{display:flex;flex-direction:column;gap:14px;position:fixed;top:var(--vx-top);left:0;bottom:0;width:var(--vx-side);background:#fff;border-right:1px solid var(--vx-line);padding:14px 10px 72px;overflow-y:auto;z-index:30;box-sizing:border-box}
body.vx-on #app>main#view{margin-left:var(--vx-side)}
body.vx-on #app>header.top nav.nav{display:none}
.vx-grp{display:flex;flex-direction:column;gap:2px}
.vx-gl{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--vx-grey);padding:0 10px 4px}
.vx-it{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 10px;border-radius:10px;color:var(--vx-ink);text-decoration:none;font-size:14px;font-weight:600}
.vx-it svg{flex-shrink:0;color:var(--vx-grey)}
.vx-it:hover{background:var(--vx-bg);color:var(--vx-ink)}
.vx-it.on{background:var(--vx-teal-l);color:var(--vx-teal-dd);font-weight:800}
.vx-it.on svg{color:var(--vx-teal)}
.vx-it:focus-visible,#vx-menu-btn:focus-visible{outline:2px solid var(--vx-teal);outline-offset:2px}
/* Floating shortcuts are now in the menu */
body.vx-on #vr-reassign-link,body.vx-on #vlb-link,body.vx-on #vlb-nav{display:none!important}
body.vx-on #vl-new-btn{left:12px!important;bottom:12px!important;z-index:35!important;max-width:calc(var(--vx-side) - 24px)}
.lpanel{z-index:60!important}
/* Calmer, consistent controls */
.card{border-radius:14px}
.btn{border-radius:10px}
.inp{border-radius:10px}
@media (max-width:980px){
  #vx-menu-btn{display:inline-flex}
  body.vx-on #app>main#view{margin-left:0}
  body.vx-on #vx-side{transform:translateX(-100%);transition:transform .2s ease;box-shadow:none;width:min(280px,85vw)}
  body.vx-on.vx-open #vx-side{transform:none;box-shadow:0 16px 40px rgba(28,35,38,.25)}
  body.vx-on #app>header.top nav.nav{display:none}
  body.vx-on #vl-new-btn{left:auto!important;right:12px!important}
}
@media (prefers-reduced-motion:reduce){body.vx-on #vx-side{transition:none}}
@media print{#vx-side,#vx-menu-btn{display:none!important}body.vx-on #app>main#view{margin-left:0}}
/* Page layer: the new design's type scale and controls on every classic page */
#view .page h1,#view .ph h1{font-size:28px;font-weight:800;letter-spacing:-.2px;line-height:1.2}
#view .page h2{font-weight:800}
#view .page h3{font-weight:700}
#view .tbl th{font-size:13px;font-weight:700;color:#4A555D;text-transform:none;letter-spacing:0;background:#F5F7F8}
#view .btn{font-weight:700;border-radius:10px}
#view .chip{font-weight:700;border-radius:999px}
#view .cp,#view .pill{font-weight:700}
#view .kpi .v{font-weight:800}
#view .eb{font-weight:800;letter-spacing:.08em}