/* ACCGEN Wave H1 — Desktop Foundation 2026. Scoped to desktop only; frozen mobile UI untouched. */
:root{--accgen-h-bg:#f3f6fa;--accgen-h-ink:#112f49;--accgen-h-muted:#637b91;--accgen-h-line:#e1eaf2;--accgen-h-sidebar:#071f35;--accgen-h-primary:#087db8;--accgen-h-accent:#23c5c2;--accgen-h-panel:#fff;--accgen-h-radius:14px;--accgen-h-shadow:0 8px 26px rgba(13,39,65,.055);--accgen-h-sidebar-width:252px}
.accgen-h1-sidebar-brand,.accgen-h1-sidebar-footnote,.accgen-h1-topbar-context{display:none}
@media(min-width:1051px){
  body{background:var(--accgen-h-bg);color:var(--accgen-h-ink);font-family:Inter,"Segoe UI",Arial,sans-serif}
  #view-main-layout{box-sizing:border-box;min-width:0;max-width:100%}
  #view-main-layout>.app-nav{position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;box-sizing:border-box;width:var(--accgen-h-sidebar-width);height:100vh;height:100dvh;z-index:820;overflow:hidden;white-space:normal;background:linear-gradient(172deg,#092942 0%,#071f35 65%,#061a2c 100%);border-right:1px solid rgba(169,209,237,.15);box-shadow:8px 0 30px rgba(7,25,45,.08)}
  #view-main-layout>.app-nav .accgen-h1-sidebar-brand{display:flex;align-items:center;gap:11px;min-height:90px;box-sizing:border-box;padding:22px 19px 19px;border-bottom:1px solid rgba(220,238,255,.09);color:#fff;flex:0 0 auto}
  .accgen-h1-sidebar-brand img{display:block;flex:0 0 42px;width:42px;height:42px;object-fit:cover;border-radius:12px;background:#0f4767;border:1px solid rgba(125,219,255,.24)}
  .accgen-h1-sidebar-brand strong{display:block;font-size:19px;font-weight:850;letter-spacing:.075em;line-height:1.15;color:#fff}
  .accgen-h1-sidebar-brand span{display:block;margin-top:5px;font-size:11px;font-weight:550;line-height:1.25;white-space:normal;color:#9fbad0}
  #view-main-layout>.app-nav ul{display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;box-sizing:border-box;width:100%;min-height:0;margin:0;padding:26px 10px 14px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#36617e transparent}
  #view-main-layout>.app-nav ul::before{content:"ĐIỀU HƯỚNG";display:block;margin:0 11px 9px;color:#7695ad;font-size:10px;font-weight:800;letter-spacing:.13em}
  #view-main-layout>.app-nav li{display:block;flex:0 0 auto;min-width:0;max-width:100%;list-style:none}
  #view-main-layout>.app-nav a{display:flex;align-items:center;justify-content:flex-start;gap:13px;box-sizing:border-box;width:100%;min-height:47px;margin:0;padding:11px 13px;border:1px solid transparent;border-radius:11px;white-space:normal;color:#bdcfdd;opacity:1;font-size:13px;font-weight:650;line-height:1.25;transition:background .16s ease,border-color .16s ease,color .16s ease}
  #view-main-layout>.app-nav a:hover{color:#fff;background:rgba(156,205,239,.1);border-color:rgba(139,208,247,.09)}
  #view-main-layout>.app-nav a.active{color:#fff;background:linear-gradient(105deg,rgba(20,124,183,.51),rgba(22,148,182,.27));border-color:rgba(82,192,231,.23);box-shadow:inset 3px 0 0 var(--accgen-h-accent),0 5px 15px rgba(0,7,17,.11)}
  #view-main-layout>.app-nav a:focus-visible{outline:2px solid #6be5e5;outline-offset:2px}
  #view-main-layout>.app-nav .app-nav__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 21px;width:21px;height:21px;color:inherit}
  #view-main-layout>.app-nav .app-nav__icon svg{display:block;width:20px;height:20px;stroke:currentColor}
  #view-main-layout>.app-nav .app-nav__label--desktop{display:inline;min-width:0;white-space:normal}
  #view-main-layout>.app-nav .app-nav__label--mobile{display:none}
  #view-main-layout>.app-nav .accgen-h1-sidebar-footnote{display:block;flex:0 0 auto;box-sizing:border-box;margin:0 13px 14px;padding:13px 12px;border:1px solid rgba(174,218,245,.12);border-radius:12px;color:#b5cfe1;background:rgba(225,247,255,.035);font-size:11px;font-weight:650;line-height:1.6}
  .accgen-h1-sidebar-footnote small{font-size:10px;font-weight:500;color:#789db6}
  .accgen-h1-status-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#43dbba;box-shadow:0 0 0 3px rgba(67,219,186,.12)}
  #view-main-layout>.app-header{position:sticky;top:0;z-index:815;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px;width:calc(100% - var(--accgen-h-sidebar-width));min-height:80px;margin-left:var(--accgen-h-sidebar-width);padding:13px clamp(20px,2.6vw,42px);border-bottom:1px solid var(--accgen-h-line);background:rgba(255,255,255,.95);box-shadow:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  #view-main-layout>.app-header>.logo{display:none}
  #view-main-layout>.app-header>.accgen-h1-topbar-context{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0}
  .accgen-h1-topbar-eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:#0789a3;line-height:1.3}
  .accgen-h1-topbar-context strong{font-size:18px;font-weight:750;letter-spacing:-.025em;line-height:1.3;color:var(--accgen-h-ink)}
  #view-main-layout>.app-header>.user-menu{display:flex;justify-content:flex-end;gap:11px;min-width:0;max-width:min(58%,620px)}
  #view-main-layout>.app-header .account-plan-entry{border:1px solid var(--accgen-h-line)!important;border-radius:11px!important;background:#f8fafc!important;box-shadow:none!important;max-width:100%;min-height:43px;padding:5px 11px!important}
  #view-main-layout>.app-header #ui-fullname{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1b4260;font-size:12.5px}
  #view-main-layout>.app-header #ui-role{margin:0;border-radius:7px;line-height:1.4}
  #view-main-layout>.app-header .mobile-more-trigger{display:none!important}
  #view-main-layout>.app-header #btn-logout{border-radius:9px;min-height:39px;padding:7px 12px;margin:0}
  #view-main-layout>.app-content{box-sizing:border-box;width:calc(100% - var(--accgen-h-sidebar-width));max-width:none;min-width:0;margin:0 0 0 var(--accgen-h-sidebar-width);padding:clamp(22px,2.2vw,35px) clamp(20px,2.6vw,42px) 44px}
  #view-main-layout>.app-content>.sub-view{box-sizing:border-box;width:100%;max-width:1600px;min-width:0;margin-left:auto;margin-right:auto}
  #view-main-layout .page-header{align-items:center;gap:14px;margin-bottom:19px;padding:0 0 14px;border-bottom:1px solid var(--accgen-h-line)}
  #view-main-layout .page-header h2{font-size:clamp(23px,2.1vw,29px);letter-spacing:-.035em;line-height:1.22;color:var(--accgen-h-ink);font-weight:800}
  #view-main-layout>.app-content>.sub-view>.page-header>.btn{min-height:41px;margin:0;border-radius:10px;padding:10px 16px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar{box-sizing:border-box;max-width:100%;gap:12px;padding:13px 15px;border:1px solid var(--accgen-h-line);border-radius:var(--accgen-h-radius);background:#fff;box-shadow:var(--accgen-h-shadow)}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .search-input{border-color:#cfdde8;border-radius:9px;min-height:42px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .search-input:focus-visible{outline:2px solid #69bcdb;outline-offset:2px}
}
@media(min-width:1051px) and (max-width:1240px){:root{--accgen-h-sidebar-width:232px}#view-main-layout>.app-header #ui-fullname{max-width:150px}#view-main-layout>.app-header #ui-role{display:none}}
@media(prefers-reduced-motion:reduce){#view-main-layout>.app-nav a{transition:none}}