/* ACCGEN WAVE T1 — Desktop-inspired tablet interface v18.13.20.
   Scope: 768–1050px enables frozen H1–H7 desktop presentation; 768–1366px applies tablet-specific density/layout.
   Source: exact ACCGEN CSS previously deployed in Waves H1–H7. No runtime/business logic. */
/* Presentation parity from wave-h-desktop.css (768–1050 tablet only). */
@media(min-width:768px) and (max-width:1050px){

  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}

: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}
}
/* Presentation parity from wave-h-dashboard.css (768–1050 tablet only). */
@media(min-width:768px) and (max-width:1050px){

  #view-main .home-u5f-shell{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;width:100%;max-width:1560px;min-width:0;margin-inline:auto;align-items:stretch}
  #view-main .home-v16-hero{display:none}
  #view-main .accgen-h2-desktop{display:block;box-sizing:border-box;min-width:0}
  #view-main .accgen-h2-hero{position:relative;isolation:isolate;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;min-height:265px;padding:34px 40px;overflow:hidden;border-radius:19px;color:#f8fbff;background:linear-gradient(110deg,#08273f 0%,#0b3b56 55%,#11556d 100%);box-shadow:0 13px 33px rgba(13,49,73,.13)}
  #view-main .accgen-h2-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 84% 28%,rgba(41,205,215,.24),transparent 35%),linear-gradient(112deg,transparent 38%,rgba(255,255,255,.03) 39%,rgba(255,255,255,.015) 60%,transparent 61%);pointer-events:none}
  #view-main .accgen-h2-hero-main{position:relative;z-index:1;max-width:650px;min-width:0}
  #view-main .accgen-h2-overline{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:#93dadd;font-size:10px;font-weight:850;letter-spacing:.17em;line-height:1.5}
  #view-main .accgen-h2-live-dot{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#55e7c4;box-shadow:0 0 0 4px rgba(85,231,196,.12)}
  #view-main .accgen-h2-overline-sep{color:#5b91a3}
  #view-main .accgen-h2-hero h2{margin:0;max-width:740px;color:#fff;font-weight:850;font-size:clamp(27px,2.7vw,42px);line-height:1.19;letter-spacing:-.045em}
  #view-main .accgen-h2-hero h2 span{color:#65e2dc}
  #view-main .accgen-h2-hero-main>p{max-width:560px;margin:14px 0 22px;color:#c1d7e1;font-size:13.5px;line-height:1.68}
  #view-main .accgen-h2-hero-actions{display:flex;flex-wrap:wrap;gap:11px;align-items:center}
  #view-main .accgen-h2-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:43px;box-sizing:border-box;padding:10px 17px;border:1px solid transparent;border-radius:10px;font-family:inherit;font-weight:750;font-size:12.5px;line-height:1.25;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
  #view-main .accgen-h2-button:hover{transform:translateY(-1px)}
  #view-main .accgen-h2-button--primary{color:#073349;background:#6ae5d8;box-shadow:0 8px 20px rgba(3,26,42,.17)}
  #view-main .accgen-h2-button--primary:hover{background:#8df1e5}
  #view-main .accgen-h2-button--ghost{color:#e6f8fb;border-color:rgba(199,232,240,.36);background:rgba(255,255,255,.055)}
  #view-main .accgen-h2-button--ghost:hover{background:rgba(255,255,255,.13)}
  #view-main .accgen-h2-button:focus-visible,#view-main .accgen-h2-quick-item:focus-visible,#view-main .accgen-h2-inline-link:focus-visible{outline:3px solid #36cfd3;outline-offset:3px}
  #view-main .accgen-h2-hero-art{position:relative;isolation:isolate;min-width:0;height:224px;display:grid;place-items:center}
  #view-main .accgen-h2-hero-orbit{position:absolute;width:278px;height:278px;border:1px solid rgba(150,226,241,.15);border-radius:50%;transform:rotate(-18deg) scaleX(1.35);pointer-events:none}
  #view-main .accgen-h2-hero-orbit--two{width:190px;height:190px;border-style:dashed;border-color:rgba(166,239,239,.19)}
  #view-main .accgen-h2-document-visual{position:relative;box-sizing:border-box;width:152px;height:189px;padding:19px 18px 18px;border:1px solid rgba(255,255,255,.92);border-radius:15px;background:linear-gradient(150deg,#fff,#e9f9fb);box-shadow:19px 24px 45px rgba(0,13,30,.28);transform:rotate(7deg)}
  #view-main .accgen-h2-document-visual::before{content:"";position:absolute;width:39px;height:48px;right:-24px;top:22px;border:1px solid rgba(229,248,252,.65);border-radius:9px;background:linear-gradient(135deg,#2ba6cf,#0e659c);box-shadow:4px 9px 16px rgba(0,21,43,.12);z-index:-1}
  #view-main .accgen-h2-document-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:#236d88;font-size:12px;font-weight:900;letter-spacing:.11em}
  #view-main .accgen-h2-document-check{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#d6f6ee;color:#168474;font-size:14px;font-weight:900}
  #view-main .accgen-h2-doc-line{display:block;width:83%;height:6px;margin-bottom:10px;border-radius:5px;background:#c8e0e8}
  #view-main .accgen-h2-doc-line--wide{width:100%}
  #view-main .accgen-h2-doc-line--short{width:64%}
  #view-main .accgen-h2-doc-divider{display:block;height:1px;margin:15px 0;background:#dcebf0}
  #view-main .accgen-h2-float-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(203,242,250,.28);border-radius:12px;background:rgba(11,67,94,.9);box-shadow:0 8px 23px rgba(0,24,39,.17);color:#ebf9fc;font-size:12px;font-weight:820;line-height:1.15;backdrop-filter:blur(10px)}
  #view-main .accgen-h2-float-chip small{display:block;margin-top:3px;color:#a5cfd8;font-size:9.5px;font-weight:600}
  #view-main .accgen-h2-float-chip--ocr{top:29px;left:10px;transform:rotate(-6deg)}
  #view-main .accgen-h2-float-chip--docx{right:0;bottom:30px;transform:rotate(4deg)}
  #view-main .accgen-h2-chip-icon{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:8px;background:rgba(74,212,209,.23);color:#91f1e0;font-size:17px}
  #view-main .accgen-h2-hero-caption{position:absolute;bottom:-2px;color:#95c6d4;font-size:9px;font-weight:820;letter-spacing:.18em}
  #view-main .accgen-h2-hero-caption span{color:#63e4d3;padding:0 5px}
  #view-main .home-u5f-shell>.home-u5f-plan-card,#view-main .accgen-h2-quick,#view-main .accgen-h2-recent,#view-main .accgen-h2-workflow{min-width:0;min-height:0;border:1px solid #e0eaf1;border-radius:16px;background:#fff;box-shadow:0 5px 22px rgba(14,49,80,.045)}
  #view-main .home-u5f-shell>.home-u5f-plan-card{grid-column:span 5;min-height:314px;padding:22px 23px!important;background:#fff;border-color:#dce8f0;box-shadow:0 5px 22px rgba(14,49,80,.045)}
  #view-main .home-u5f-shell>.home-u5f-plan-card::before{height:4px;background:linear-gradient(90deg,#11679c,#22bba9)}
  #view-main .home-u5f-plan-head{padding-bottom:17px;border-bottom:1px solid #edf1f5}
  #view-main .home-v16-plan-title{gap:9px}
  #view-main .home-u5f-plan-card .home-u5f-kicker{color:#1e587a;font-size:12px;letter-spacing:.03em}
  #view-main .home-u5f-plan-card .home-u5f-plan-detail{color:#0f789d;font-weight:750;font-size:11.5px}
  #view-main .home-u5f-plan-identity{margin-top:19px}
  #view-main .home-u5f-plan-card .home-u5f-plan-name{font-size:clamp(22px,2vw,28px);font-weight:830;line-height:1.25;letter-spacing:-.025em;color:#173d55}
  #view-main .home-u5f-plan-expiry{margin-top:5px;color:#7890a3;font-size:11.5px}
  #view-main .home-u5f-stats-heading{margin:18px 0 10px;color:#6b8497;font-weight:850;letter-spacing:.08em;font-size:10.5px;text-transform:uppercase}
  #view-main .home-u5f-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  #view-main .home-u5f-stat{box-sizing:border-box;display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:1px 10px;min-width:0;min-height:77px;padding:10px 12px!important;border:1px solid #e4edf3;border-radius:11px;background:#f8fbfd}
  #view-main .home-u5f-stat>.home-v16-stat-icon{grid-row:1/3;width:35px;height:35px;border-radius:10px}
  #view-main .home-u5f-stat>span:not(.home-v16-stat-icon){font-size:11px}
  #view-main .home-u5f-stat>strong{font-size:23px;line-height:1.05;font-weight:830;color:#123e57}
  #view-main .accgen-h2-quick{grid-column:span 7;padding:22px 23px}
  #view-main .accgen-h2-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:19px;min-width:0}
  #view-main .accgen-h2-section-kicker{display:block;margin-bottom:5px;color:#249ba8;font-size:10px;line-height:1.4;font-weight:900;letter-spacing:.11em}
  #view-main .accgen-h2-section-head h3{margin:0;color:#123950;font-size:19px;font-weight:830;letter-spacing:-.035em;line-height:1.25}
  #view-main .accgen-h2-section-head p{margin:6px 0 0;color:#728699;font-size:11.5px;line-height:1.45}
  #view-main .accgen-h2-section-symbol{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;color:#3299a4;background:#eaf8f7;border-radius:9px;font-size:17px}
  #view-main .accgen-h2-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  #view-main .accgen-h2-quick-item{display:flex;align-items:center;gap:12px;box-sizing:border-box;min-width:0;min-height:81px;padding:13px;border:1px solid #e2eaf0;border-radius:12px;background:#f9fbfd;color:#123a54;text-align:left;font-family:inherit;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}
  #view-main .accgen-h2-quick-item:hover{background:#edf9fb;border-color:#a7d6e3;transform:translateY(-1px)}
  #view-main .accgen-h2-quick-icon{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:11px;background:#e9f2ff;color:#206fb1}
  #view-main .accgen-h2-quick-icon svg{width:20px;height:20px;display:block}
  #view-main .accgen-h2-quick-icon--business{color:#028e87;background:#e4f7f2}
  #view-main .accgen-h2-quick-icon--company{color:#7453b4;background:#f0ebfb}
  #view-main .accgen-h2-quick-icon--template{color:#b27e2d;background:#fff3dc}
  #view-main .accgen-h2-quick-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
  #view-main .accgen-h2-quick-copy strong{font-size:12.5px;line-height:1.3;font-weight:800;color:#244359}
  #view-main .accgen-h2-quick-copy small{font-size:10.5px;color:#7b90a1;line-height:1.32}
  #view-main .accgen-h2-quick-arrow{margin-left:auto;align-self:flex-start;color:#839dac;font-size:16px;flex:0 0 auto}
  #view-main .accgen-h2-recent{grid-column:span 8;padding:22px 23px}
  #view-main .accgen-h2-inline-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;margin-top:6px;padding:9px 12px;min-height:34px;border:1px solid #cce6ed;border-radius:9px;background:#f1fafb;color:#087e94;font-family:inherit;font-size:11.5px;font-weight:800;cursor:pointer}
  #view-main .accgen-h2-inline-link:hover{background:#e1f6f6}
  #view-main .accgen-h2-recent-list{display:flex;flex-direction:column;gap:8px;min-height:126px;margin:0;padding:0;list-style:none}
  #view-main .accgen-h2-recent-list li{list-style:none}
  #view-main .accgen-h2-recent-empty{display:flex;align-items:center;justify-content:center;min-height:133px;box-sizing:border-box;padding:22px;border:1px dashed #cfdee7;border-radius:11px;background:#f9fbfd;color:#7691a2;font-size:12px;line-height:1.6;text-align:center}
  #view-main .accgen-h2-recent-row{display:flex;align-items:center;gap:13px;box-sizing:border-box;padding:11px 13px;border:1px solid #e5edf2;border-radius:11px;min-width:0;background:#fbfdfe}
  #view-main .accgen-h2-recent-file{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:10px;background:#e8f5fc;color:#1d7eac;font-weight:900;font-size:10px}
  #view-main .accgen-h2-recent-meta{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1 1 auto}
  #view-main .accgen-h2-recent-meta strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;color:#1f455d}
  #view-main .accgen-h2-recent-meta span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:#798da0}
  #view-main .accgen-h2-recent-date{flex:0 0 auto;color:#7992a1;font-size:10.5px}
  #view-main .accgen-h2-workflow{grid-column:span 4;padding:22px 23px;background:linear-gradient(152deg,#fff,#f6fafc)}
  #view-main .accgen-h2-process{display:flex;flex-direction:column;gap:0}
  #view-main .accgen-h2-process-step{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px dashed #dce7ef}
  #view-main .accgen-h2-process-step:last-child{border-bottom:0}
  #view-main .accgen-h2-process-step>span{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:9px;color:#1c8394;background:#e0f4f3;font-size:11px;font-weight:900}
  #view-main .accgen-h2-process-step strong{display:block;font-weight:800;font-size:12px;color:#234962}
  #view-main .accgen-h2-process-step small{display:block;margin-top:5px;font-size:11px;line-height:1.45;color:#7d90a0}
  #view-main .home-u5f-shell>details.home-u5f-terms--compact{grid-column:span 4;align-self:start;border:1px solid #e0eaf1;border-radius:13px;box-shadow:0 4px 16px rgba(14,49,80,.04)}
  #view-main .home-u5f-shell>details.home-u5f-terms--compact>summary{min-height:72px}


  #view-main .accgen-h2-hero{grid-template-columns:minmax(0,1fr);min-height:235px;padding:30px}
  #view-main .accgen-h2-hero-art{display:none}
  #view-main .home-u5f-shell>.home-u5f-plan-card{grid-column:span 5;padding:19px!important}
  #view-main .accgen-h2-quick{grid-column:span 7;padding:19px}
  #view-main .accgen-h2-quick-item{gap:9px;padding:10px}
  #view-main .accgen-h2-quick-icon{width:33px;height:33px;flex-basis:33px}
  #view-main .accgen-h2-quick-copy strong{font-size:11.5px}
  #view-main .accgen-h2-quick-copy small{font-size:10px}
  #view-main .accgen-h2-recent{grid-column:span 7}
  #view-main .accgen-h2-workflow{grid-column:span 5}

}
/* Presentation parity from wave-h-profile-workspace.css (768–1050 tablet only). */
@media(min-width:768px) and (max-width:1050px){

  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list){--h3-ink:#12394f;--h3-muted:#72899a;--h3-border:#dce8f0;--h3-aqua:#18aaa6;--h3-blue:#0e719d;min-width:0}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.page-header{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:96px;margin-bottom:18px;padding:0 1px 21px;border-bottom:1px solid #dce5ed}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .accgen-h3-heading{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;gap:7px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .accgen-h3-kicker{display:block;color:#108d9d;font-size:10px;font-weight:850;letter-spacing:.12em;line-height:1.25}
  #view-main-layout .accgen-h3-kicker>span{padding:0 6px;color:#9fb1c0}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .page-header h2{margin:0;color:#12354d;font-size:clamp(24px,2.5vw,32px);font-weight:850;line-height:1.2;letter-spacing:-.04em}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .accgen-h3-caption{display:block;max-width:680px;margin:0;color:#73899a;font-size:12.5px;line-height:1.55}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.page-header>.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:0 0 auto;min-height:44px;margin:0;padding:10px 18px;border:1px solid #096b95;border-radius:10px;background:linear-gradient(110deg,#0e729e,#0b8a9c);box-shadow:0 5px 14px rgba(11,105,146,.15);font-size:12.5px;font-weight:800;white-space:nowrap}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.page-header>.btn::before{content:"+";display:grid;place-items:center;box-sizing:border-box;width:20px;height:20px;border-radius:6px;background:rgba(255,255,255,.16);font-size:17px;font-weight:600;line-height:1}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.page-header>.btn:hover:not(:disabled){background:linear-gradient(110deg,#075a87,#077785);box-shadow:0 7px 18px rgba(11,105,146,.19)}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(265px,315px);gap:15px;align-items:center;box-sizing:border-box;min-height:77px;margin-bottom:14px;padding:16px 17px;border:1px solid var(--h3-border);border-radius:14px;background:#fff;box-shadow:0 5px 20px rgba(17,54,83,.045)}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar>.list-toolbar__search{box-sizing:border-box;min-width:0;max-width:none;width:100%;min-height:44px;margin:0;padding:10px 45px 10px 43px;border:1px solid #d3e1eb;border-radius:10px;background-color:#f8fbfd;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23778da3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.5'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:19px 19px;background-position:15px center;color:#173b54;font-size:13px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar>.list-toolbar__search::placeholder{color:#8a9fb0;opacity:1}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar>.list-toolbar__search:focus{border-color:#31a4bf;background-color:#fff;box-shadow:0 0 0 3px rgba(40,175,188,.13);outline:none}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar .list-toolbar__sort-wrapper{display:flex;justify-content:flex-end;align-items:center;gap:9px;min-width:0;white-space:nowrap}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar .list-toolbar__sort-wrapper>label{color:#698195;font-size:11.5px;font-weight:750}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar .list-toolbar__sort{flex:1 1 auto;width:100%;min-width:0;max-width:245px;min-height:42px;margin:0;padding:8px 31px 8px 11px;border:1px solid #d4e1e9;border-radius:9px;background-color:#fff;color:#25465f;font-size:12px;font-weight:650;cursor:pointer}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar .list-toolbar__sort:focus-visible{outline:2px solid #2db3bb;outline-offset:2px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.accgen-profile-bulk:not([hidden]){top:92px;z-index:70;min-width:0;margin-bottom:14px;padding:12px 16px;border-color:#afd9dd;border-radius:12px;background:rgba(240,251,251,.98);box-shadow:0 8px 19px rgba(15,71,99,.085);backdrop-filter:blur(8px)}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .accgen-profile-bulk__count{flex:1 1 200px;color:#136475;font-size:12.5px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .accgen-profile-bulk__actions{flex:0 1 auto;width:auto;gap:7px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .accgen-profile-bulk__actions>.btn{min-height:36px;flex:0 0 auto;padding:7px 12px;border-radius:8px;font-size:11.5px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .accgen-profile-bulk__reset{min-height:36px;padding:7px 8px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .accgen-data-status--ready{margin:0 0 10px;color:#647f91;font-size:11.5px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper{position:relative;box-sizing:border-box;width:100%;min-width:0;max-width:100%;max-height:min(64dvh,715px);margin:0;overflow:auto;overscroll-behavior:contain;border:1px solid var(--h3-border);border-radius:14px;background:#fff;box-shadow:0 9px 28px rgba(15,53,83,.045);scrollbar-color:#c6d8e5 transparent;scrollbar-width:thin}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table{width:100%;min-width:940px;table-layout:auto;border-collapse:separate;border-spacing:0;background:#fff}
  #view-main-layout :is(#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table{min-width:1040px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table th{position:sticky;top:0;z-index:3;box-sizing:border-box;padding:15px 14px;border-bottom:1px solid #dde8f0;background:#f4f8fb;color:#587287;font-size:10.5px;font-weight:850;letter-spacing:.04em;line-height:1.35;white-space:nowrap;text-transform:uppercase}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table th:first-child{width:50px;min-width:50px;max-width:50px;text-align:center}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table th:last-child{width:248px;min-width:248px;text-align:left}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table td{box-sizing:border-box;min-height:55px;padding:13px 14px;border-bottom:1px solid #edf1f5;background:transparent;color:#3b5870;font-size:12.5px;line-height:1.5;vertical-align:middle;overflow-wrap:anywhere}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table td:first-child{width:50px;min-width:50px;max-width:50px;text-align:center}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table td:nth-child(2){font-weight:750;color:#193e56}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table td:nth-child(3){font-variant-numeric:tabular-nums}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table tbody tr:nth-child(even){background:#fbfdfe}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table tbody tr:hover{background:#eff8fb}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table tbody tr:focus-within{background:#f0fbfa;outline:2px solid #7fc9d3;outline-offset:-2px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table tbody tr:last-child td{border-bottom:0}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table :is(th,td) input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:#148aa6;cursor:pointer;vertical-align:middle}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table :is(th,td) input[type=checkbox]:focus-visible{outline:2px solid #149caa;outline-offset:3px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table td:last-child{min-width:248px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .row-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;max-width:100%}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .row-actions>.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:0;min-height:35px;margin:0;padding:7px 10px;border-radius:7px;font-size:11px;font-weight:750;line-height:1.2;white-space:nowrap;box-shadow:none}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .row-actions>.btn-primary{background:#e6f2fa!important;border-color:#cde4f3!important;color:#0c6699!important}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .row-actions>.btn-secondary{background:#f0f5f8!important;border-color:#dee9ef!important;color:#355b74!important}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .row-actions>.btn-danger{background:#fff1f0!important;border-color:#f8d3cd!important;color:#ae504e!important}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .row-actions>.btn:hover:not(:disabled){filter:brightness(.96);transform:none}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .row-actions>.btn:focus-visible{outline:2px solid #149caa;outline-offset:2px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .row-actions>.btn:disabled{opacity:.48;cursor:not-allowed}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table td[colspan]{padding:42px 22px!important;text-align:center!important;color:#7892a4;font-weight:550;font-size:13px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.accgen-profile-pagination{justify-content:flex-end;gap:9px;flex-wrap:wrap;margin:14px 0 0;padding:4px 0}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.accgen-profile-pagination>.btn{box-sizing:border-box;min-width:74px;min-height:37px;margin:0;padding:8px 12px;border:1px solid #d2e0ea;border-radius:9px;background:#fff;color:#276078;font-size:12px;font-weight:750;box-shadow:0 2px 6px rgba(15,53,83,.025)}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.accgen-profile-pagination>.btn:hover:not(:disabled){border-color:#7fc6d0;background:#f3fbfc}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.accgen-profile-pagination>.btn:disabled{opacity:.43;cursor:not-allowed}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.accgen-profile-pagination>span{box-sizing:border-box;min-width:96px;padding:8px 12px;border:1px solid #dce8f0;border-radius:9px;background:#fff;text-align:center;color:#43667e;font-size:11.5px;font-weight:800;font-variant-numeric:tabular-nums}


  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar{grid-template-columns:minmax(0,1fr) 230px;gap:9px;padding:13px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar .list-toolbar__sort-wrapper>label{display:none}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.page-header>.btn{padding:10px 13px}


  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table th:last-child{position:sticky;right:0;z-index:5;box-shadow:-7px 0 13px rgba(18,57,79,.07)}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table td:last-child:not([colspan]){position:sticky;right:0;z-index:2;background:#fff;box-shadow:-7px 0 13px rgba(18,57,79,.065)}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table tbody tr:nth-child(even) td:last-child:not([colspan]){background:#fbfdfe}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table tbody tr:hover td:last-child:not([colspan]){background:#eff8fb}

}
/* Presentation parity from wave-h-profile-forms.css (768–1050 tablet only). */
@media(min-width:768px) and (max-width:1050px){

#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form){--h4-ink:#14384f;--h4-line:#d9e6ee;--h4-muted:#708698;box-sizing:border-box;min-width:0;max-width:1480px}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-ui13-form-title{box-sizing:border-box;max-width:100%;margin:0 0 5px!important;padding:0!important;border:0!important;color:var(--h4-ink)!important;font-size:clamp(24px,2.3vw,32px)!important;font-weight:850;line-height:1.25;letter-spacing:-.034em;overflow-wrap:anywhere}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-ui13-form-title::before{content:"HỒ SƠ KHÁCH HÀNG  /  THÔNG TIN CHI TIẾT";display:block;margin:0 0 9px;color:#098d9b;font-size:10px;font-weight:850;line-height:1.3;letter-spacing:.13em}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-h4-desktop-intro{display:block;box-sizing:border-box;margin:0 0 19px;padding:0 0 20px;border-bottom:1px solid #dbe6ee;color:var(--h4-muted);font-size:12.5px;font-weight:450;line-height:1.6}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-capture-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:9px;box-sizing:border-box;width:100%;max-width:100%;min-height:71px;margin:0 0 19px;padding:12px 15px;border:1px solid var(--h4-line);border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(17,54,83,.045)}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-capture-actions>.accgen-capture-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto!important;min-width:156px;min-height:43px;margin:0!important;padding:9px 16px!important;border:1px solid #cfdee9;border-radius:9px;background:#f4f9fc;color:#176487;box-shadow:none;font-size:12px;font-weight:800;white-space:nowrap}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-capture-actions>.accgen-capture-btn:hover:not(:disabled){border-color:#94ced7;background:#eaf7fa;color:#086a82}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-capture-actions>.form-hint{flex:1 1 270px;min-width:220px;margin:0 0 0 auto;color:#72899a;font-size:11.5px;line-height:1.5}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.alert{box-sizing:border-box;max-width:100%;margin-bottom:16px;border-radius:11px;line-height:1.5}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>fieldset{box-sizing:border-box;min-width:0;margin:0 0 20px;padding:22px 23px 25px;border:1px solid var(--h4-line);border-radius:14px;background:#fff;box-shadow:0 5px 22px rgba(13,49,79,.05)}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>fieldset>legend{box-sizing:border-box;max-width:calc(100% - 28px);margin-left:4px;padding:5px 12px!important;border:1px solid #d4e8ee;border-radius:7px;background:#eef9fa!important;color:#0a617c!important;font-size:13px!important;font-weight:850;line-height:1.45;white-space:normal}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>fieldset>.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 19px;align-items:start;min-width:0}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .form-group{box-sizing:border-box;min-width:0;max-width:100%;margin:0}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .form-group>label{display:block;min-width:0;margin:0 0 7px;color:#4d6578;font-size:12.5px;font-weight:700;line-height:1.45}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .form-group :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea){box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #d2e0ea;border-radius:9px;background:#f9fbfd;color:#193f56;font-size:13.5px;line-height:1.4;transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .form-group :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea):focus{border-color:#30a6b1;background:#fff;box-shadow:0 0 0 3px rgba(31,168,175,.13);outline:none}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .form-group :is(input,select,textarea):focus-visible{outline:2px solid #0f97a8;outline-offset:1px}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .form-group :is(input,select,textarea):disabled{border-color:#e1e8ef;background:#f1f5f8;color:#6a8395}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .form-group .form-hint{color:#72889a;font-size:11.5px;line-height:1.5}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form :is(.business-owner-fieldset,.company-role-fieldset) .entity-linked-summary{max-width:100%;border-radius:9px}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .accgen-form-utility-btn{min-height:38px;padding:8px 12px;border-color:#cfdfea;border-radius:8px;background:#f3f9fc;color:#176b91;font-size:12px}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .company-role-actions{gap:8px}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .company-role-actions .btn{min-height:37px;border-radius:8px;font-size:12px}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>.accgen-form-footer{position:sticky;bottom:10px;z-index:20;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;box-sizing:border-box;max-width:100%;min-height:71px;margin:6px 0 16px;padding:12px 16px;border:1px solid #cfdfe9;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 9px 30px rgba(16,58,84,.10);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>.accgen-form-footer>.btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:118px;min-height:44px;margin:0!important;padding:10px 18px;border-radius:9px;font-size:12.5px;font-weight:800;line-height:1.25}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>.accgen-form-footer>.btn-primary{min-width:154px;border:1px solid #0d759d;background:linear-gradient(105deg,#0e709b,#098b9b);color:#fff;box-shadow:0 4px 13px rgba(7,115,149,.15)}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>.accgen-form-footer>.btn-primary:hover:not(:disabled){background:linear-gradient(105deg,#075c84,#087784)}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>.accgen-form-footer>.btn-secondary{border:1px solid #d4e0e9;background:#f3f7fa;color:#426075}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>.accgen-form-footer>.btn:focus-visible{outline:2px solid #10a1b1;outline-offset:2px}

#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-capture-actions{padding:11px 12px}#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-capture-actions>.accgen-capture-btn{min-width:140px;padding:9px 12px!important}#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>fieldset{padding:20px 18px 21px}
#view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .form-group :is(input,select,textarea){transition:none}
}
/* Presentation parity from wave-h-documents.css (768–1050 tablet only). */
@media(min-width:768px) and (max-width:1050px){

#view-main-layout #view-templates #templates-user-state{--h5-ink:#153a53;--h5-muted:#6b8396;--h5-border:#dbe7ee;--h5-accent:#078c9b;box-sizing:border-box;min-width:0;max-width:1500px}
#view-main-layout #view-templates #templates-user-state>.templates-workspace-page-header{display:flex;flex-direction:column;align-items:flex-start;gap:7px;box-sizing:border-box;margin:0 0 22px;padding:0 0 21px;border-bottom:1px solid var(--h5-border)}
#view-main-layout #view-templates #templates-user-state>.templates-workspace-page-header h2{margin:0;color:var(--h5-ink);font-size:clamp(25px,2.4vw,33px);font-weight:850;letter-spacing:-.038em;line-height:1.26}
#view-main-layout #view-templates #templates-user-state>.templates-workspace-page-header h2::before{content:"TÀI LIỆU  /  TRÌNH TẠO";display:block;margin:0 0 9px;color:var(--h5-accent);font-size:10px;font-weight:850;letter-spacing:.13em;line-height:1.3}
#view-main-layout #view-templates #templates-user-state .accgen-h5-desktop-intro{display:block;max-width:900px;margin:0;color:var(--h5-muted);font-size:12.5px;line-height:1.65}
#view-main-layout #view-templates #templates-user-state>.templates-workspace-panel{box-sizing:border-box;min-width:0;max-width:100%}
#view-main-layout #view-templates #templates-user-state>.templates-workspace-panel>.template-detail-card{box-sizing:border-box;min-width:0;max-width:100%;padding:25px 26px 26px!important;border:1px solid var(--h5-border);border-radius:15px!important;background:#fff;box-shadow:0 9px 29px rgba(15,53,82,.055)!important}
#view-main-layout #view-templates #templates-user-state #templates-workspace-history-panel>.templates-history-card{margin-top:23px!important}
#view-main-layout #view-templates #templates-user-state #user-generate-tabs{display:flex;align-items:center;justify-content:flex-start;gap:8px!important;box-sizing:border-box;min-width:0;max-width:100%;margin:0 0 22px!important;padding:0 0 17px!important;border-bottom:1px solid #e8eef3!important}
#view-main-layout #view-templates #templates-user-state #user-generate-tabs>[role=tab]{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:43px;min-width:170px;margin:0;padding:10px 17px;border:1px solid #d4e2ec;border-radius:10px;background:#f4f8fb;color:#46667d;box-shadow:none;font-size:12.5px;font-weight:800;line-height:1.3;white-space:normal;transition:background-color .15s,border-color .15s,color .15s}
#view-main-layout #view-templates #templates-user-state #user-generate-tabs>[role=tab][aria-selected=true]{border-color:#87c9d4;background:#e9f8f9;color:#087385;box-shadow:inset 0 0 0 1px rgba(38,163,180,.12)}
#view-main-layout #view-templates #templates-user-state #user-generate-tabs>[role=tab]:hover:not(:disabled){border-color:#8dc7d3;background:#eff9fb}
#view-main-layout #view-templates #templates-user-state #user-generate-tabs>[role=tab]:focus-visible{outline:2px solid #17a3b1;outline-offset:2px}
#view-main-layout #view-templates #templates-user-state .user-generate-panel-heading{margin-bottom:19px!important;padding:0!important;border:0}
#view-main-layout #view-templates #templates-user-state .user-generate-panel-heading h3,#view-main-layout #view-templates #templates-user-state .templates-history-card>.page-header h3{margin:0!important;color:#1b435b;font-size:18px;font-weight:820;letter-spacing:-.025em;line-height:1.4}
#view-main-layout #view-templates #templates-user-state .templates-history-card>.page-header{margin-bottom:19px!important;padding:0 0 16px;border-bottom:1px solid #e6edf3}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-single>.templates-single-grid,#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch>.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 21px;min-width:0}
#view-main-layout #view-templates #templates-user-state :is(#user-generate-panel-single,#user-generate-panel-batch) .form-group{box-sizing:border-box;min-width:0;max-width:100%;margin:0}
#view-main-layout #view-templates #templates-user-state :is(#user-generate-panel-single,#user-generate-panel-batch) .form-group>label{display:flex;align-items:center;gap:7px;min-width:0;margin:0 0 8px;color:#536c80;font-size:12.5px;font-weight:760;line-height:1.45}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-single>.templates-single-grid>.form-group>label::before{display:inline-flex;flex:0 0 24px;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #d5e8ed;border-radius:7px;background:#eaf7f9;color:#0a7891;font-size:10px;font-weight:850;font-variant-numeric:tabular-nums}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-single>.templates-single-grid>.form-group:nth-child(1)>label::before{content:"01"}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-single>.templates-single-grid>.form-group:nth-child(2)>label::before{content:"02"}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-single>.templates-single-grid>.form-group:nth-child(3)>label::before{content:"03"}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-single>.templates-single-grid>.form-group:nth-child(4)>label::before{content:"04"}
#view-main-layout #view-templates #templates-user-state :is(#user-generate-panel-single,#user-generate-panel-batch) .form-group>:is(input:not([type=hidden]),select),#view-main-layout #view-templates #templates-user-state :is(#user-generate-panel-single,#user-generate-panel-batch) .batch-range-row>input{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:45px;margin:0;padding:9px 12px;border:1px solid #d2e1eb;border-radius:9px;background:#f9fbfd;color:#193e58;font-size:13.5px;line-height:1.45}
#view-main-layout #view-templates #templates-user-state :is(#user-generate-panel-single,#user-generate-panel-batch) :is(input,select):focus{outline:none;border-color:#36a8b5;box-shadow:0 0 0 3px rgba(17,165,182,.12);background:#fff}
#view-main-layout #view-templates #templates-user-state :is(#user-generate-panel-single,#user-generate-panel-batch) :is(input,select):focus-visible{outline:2px solid #0a98ab;outline-offset:1px}
#view-main-layout #view-templates #templates-user-state :is(#user-generate-panel-single,#user-generate-panel-batch) :is(input,select):disabled{background:#f0f5f8;border-color:#e1eaf0;color:#7e94a4}
#view-main-layout #view-templates #templates-user-state #user-generate-runtime-fields:not([hidden]){box-sizing:border-box;min-width:0;max-width:100%;margin-top:20px!important;padding:17px;border:1px dashed #aacbd8;border-radius:11px;background:#f7fbfd}
#view-main-layout #view-templates #templates-user-state .templates-single-actions{display:flex;justify-content:flex-end;gap:10px;box-sizing:border-box;margin:23px 0 0;padding:19px 0 0;border-top:1px solid #e9eff4}
#view-main-layout #view-templates #templates-user-state :is(#btn-user-generate,#btn-user-batch-generate){box-sizing:border-box;min-height:44px;min-width:177px;margin:0;padding:10px 19px;border:1px solid #0b779a;border-radius:9px;background:linear-gradient(105deg,#0d749e,#098e9a);color:#fff;font-size:12.5px;font-weight:820;box-shadow:0 4px 15px rgba(6,121,153,.13)}
#view-main-layout #view-templates #templates-user-state :is(#btn-user-generate,#btn-user-batch-generate):hover:not(:disabled){background:linear-gradient(105deg,#075f89,#087d8b)}
#view-main-layout #view-templates #templates-user-state :is(#btn-user-generate,#btn-user-batch-generate):disabled{opacity:.48;box-shadow:none;cursor:not-allowed}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-range-card{box-sizing:border-box;min-width:0;max-width:100%;margin:21px 0 17px;padding:15px 17px;border:1px solid #d7e8ef;border-radius:11px;background:#f6fafc}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-range-label{display:block;margin:0 0 9px;color:#34556d;font-size:12.5px;font-weight:800}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-range-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-range-row>input{flex:1 1 260px;width:auto;min-width:180px;background:#fff}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-range-help{margin-top:9px;color:#6b8395;font-size:11.5px;line-height:1.55}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-list-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;min-width:0;margin:0 0 14px;padding:14px 16px;border:1px solid #e0eaf1;border-radius:11px;background:#fafcfe}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-list-toolbar>*{box-sizing:border-box;min-width:0;max-width:100%}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-list-toolbar .btn,#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-range-row>.btn{box-sizing:border-box;min-height:37px;margin:0;padding:8px 12px;border-radius:8px;font-size:11.5px;font-weight:760;white-space:normal}
#view-main-layout #view-templates #templates-user-state #templates-batch-scroll{box-sizing:border-box;width:100%;min-width:0;max-width:100%;border:1px solid #dce8f0!important;border-radius:12px!important;background:#fff;box-shadow:0 4px 16px rgba(15,53,82,.035);scrollbar-color:#cbdae5 transparent;scrollbar-width:thin}
#view-main-layout #view-templates #templates-user-state #templates-batch-table{width:100%;min-width:770px;border-collapse:separate;border-spacing:0;background:#fff}
#view-main-layout #view-templates #templates-user-state #templates-batch-table th{position:sticky;top:0;z-index:3;padding:13px 12px;border-bottom:1px solid #dce8f1;background:#f2f7fb;color:#5b758b;font-size:10.5px;font-weight:850;line-height:1.3;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}
#view-main-layout #view-templates #templates-user-state #templates-batch-table td{padding:12px;border-bottom:1px solid #eaf0f4;color:#395a71;font-size:12.5px;line-height:1.4;vertical-align:middle}
#view-main-layout #view-templates #templates-user-state #templates-batch-table tbody tr:nth-child(even){background:#fafcfe}
#view-main-layout #view-templates #templates-user-state #templates-batch-table tbody tr:hover{background:#f0f8fb}
#view-main-layout #view-templates #templates-user-state #templates-batch-table td:nth-child(3){color:#173f58;font-weight:700}
#view-main-layout #view-templates #templates-user-state #templates-batch-table .template-batch-sequence{box-sizing:border-box;max-width:140px;min-height:36px;border:1px solid #cfdfe9;border-radius:7px;background:#fff;color:#193f57;font-size:12.5px}
#view-main-layout #view-templates #templates-user-state #templates-batch-table input[type=checkbox]{width:17px;height:17px;accent-color:#0d91aa}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch>.form-actions{display:flex;justify-content:flex-end;gap:9px;min-width:0;margin-top:18px!important;padding:15px 0 0;border-top:1px solid #e9eff4}
#view-main-layout #view-templates #templates-user-state #templates-history-filter-modal .templates-history-filter-panel{box-sizing:border-box;min-width:0;max-width:100%;margin-bottom:16px;padding:17px 18px;border:1px solid #dce9f0;border-radius:12px;background:#f7fafc}
#view-main-layout #view-templates #templates-user-state .templates-history-filters{display:grid;grid-template-columns:1.15fr 1fr .85fr .8fr .8fr;gap:13px 14px;min-width:0}
#view-main-layout #view-templates #templates-user-state .templates-history-filters>.form-group{min-width:0;max-width:100%;margin:0}
#view-main-layout #view-templates #templates-user-state .templates-history-filters>.form-group>label{display:block;margin:0 0 7px;color:#547084;font-size:11.8px;font-weight:800;line-height:1.4}
#view-main-layout #view-templates #templates-user-state .templates-history-filters>.form-group>:is(input,select){box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:42px;padding:8px 9px;border:1px solid #d2e0e9;border-radius:8px;background:#fff;color:#264a61;font-size:12.2px}
#view-main-layout #view-templates #templates-user-state .templates-history-filters>.form-group>:is(input,select):focus-visible{outline:2px solid #1c9bac;outline-offset:1px}
#view-main-layout #view-templates #templates-user-state .templates-history-filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:16px 0 0!important}
#view-main-layout #view-templates #templates-user-state .templates-history-filter-actions .btn{box-sizing:border-box;min-height:39px;min-width:100px;margin:0;padding:8px 13px;border-radius:8px;font-size:11.8px;font-weight:760}
#view-main-layout #view-templates #templates-user-state .templates-history-bulk-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;box-sizing:border-box;min-width:0;margin:0 0 14px;padding:12px 14px;border:1px solid #d8e9ee;border-radius:10px;background:#f3fafb}
#view-main-layout #view-templates #templates-user-state .templates-history-bulk-selection{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
#view-main-layout #view-templates #templates-user-state #templates-history-selected-count{color:#17677b;font-size:12px;font-weight:820}
#view-main-layout #view-templates #templates-user-state .templates-history-bulk-toolbar .btn{box-sizing:border-box;min-height:35px;margin:0;padding:7px 11px;border-radius:8px;font-size:11.2px;font-weight:760}
#view-main-layout #view-templates #templates-user-state .templates-history-table-wrap{box-sizing:border-box;width:100%;max-width:100%;max-height:min(61dvh,740px);overflow:auto!important;border:1px solid #dae7ef;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(15,53,82,.035);scrollbar-width:thin;scrollbar-color:#c7d9e5 transparent}
#view-main-layout #view-templates #templates-user-state #templates-history-table{width:100%;min-width:1130px;table-layout:fixed;border-collapse:separate;border-spacing:0;background:#fff}
#view-main-layout #view-templates #templates-user-state #templates-history-table th{position:sticky;top:0;z-index:3;padding:14px 11px;border-bottom:1px solid #dce7ef;background:#f2f7fb;color:#5c768a;font-size:10px;font-weight:840;letter-spacing:.035em;line-height:1.35;text-transform:uppercase;white-space:nowrap}
#view-main-layout #view-templates #templates-user-state #templates-history-table td{padding:12px 11px;border-bottom:1px solid #ecf1f5;background:transparent;color:#415e73;font-size:12.2px;line-height:1.4;vertical-align:middle}
#view-main-layout #view-templates #templates-user-state #templates-history-table tbody tr:nth-child(even){background:#fafcfe}
#view-main-layout #view-templates #templates-user-state #templates-history-table tbody tr:hover{background:#edf7fb}
#view-main-layout #view-templates #templates-user-state #templates-history-table tbody tr:last-child td{border-bottom:0}
#view-main-layout #view-templates #templates-user-state #templates-history-table .templates-history-template-cell{color:#1a4561;font-weight:720}
#view-main-layout #view-templates #templates-user-state #templates-history-table .templates-history-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:5px}
#view-main-layout #view-templates #templates-user-state #templates-history-table .templates-history-actions .btn{box-sizing:border-box;min-height:33px;min-width:0;margin:0!important;padding:6px 9px;border-radius:7px;font-size:10.5px;font-weight:760;white-space:nowrap}
#view-main-layout #view-templates #templates-user-state #templates-history-table .templates-history-actions .btn:focus-visible{outline:2px solid #169eae;outline-offset:1px}
#view-main-layout #view-templates #templates-user-state #templates-history-table .templates-history-select-checkbox{width:18px;height:18px;accent-color:#0a94ab}
#view-main-layout #view-templates #templates-user-state .templates-history-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;box-sizing:border-box;margin:15px 0 0!important;padding:2px 0}
#view-main-layout #view-templates #templates-user-state .templates-history-pagination>.btn{min-height:39px;min-width:100px;margin:0;padding:8px 12px;border:1px solid #d0e0eb;border-radius:9px;background:#f9fbfd;color:#2a617b;font-size:12px;font-weight:770}
#view-main-layout #view-templates #templates-user-state #templates-history-pagination #templates-history-page-info{padding:9px 15px;border:1px solid #dce8f0;border-radius:9px;background:#f5f9fc;color:#4a6981;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}


#view-main-layout #view-templates #templates-user-state .templates-history-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-main-layout #view-templates #templates-user-state .templates-history-table-wrap{max-height:65dvh}


#view-main-layout #view-templates #templates-user-state>.templates-workspace-panel>.template-detail-card{padding:20px 18px!important}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-list-toolbar{align-items:flex-start;padding:12px}
#view-main-layout #view-templates #templates-user-state .templates-history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}


#view-main-layout #view-templates #templates-user-state #templates-history-table th:last-child{position:sticky;right:0;z-index:5;box-shadow:-6px 0 12px rgba(19,57,79,.07)}
#view-main-layout #view-templates #templates-user-state #templates-history-table td:last-child:not([colspan]){position:sticky;right:0;z-index:2;background:#fff;box-shadow:-6px 0 12px rgba(19,57,79,.055)}
#view-main-layout #view-templates #templates-user-state #templates-history-table tbody tr:nth-child(even) td:last-child:not([colspan]){background:#fafcfe}
#view-main-layout #view-templates #templates-user-state #templates-history-table tbody tr:hover td:last-child:not([colspan]){background:#edf7fb}

#view-main-layout #view-templates #templates-user-state #user-generate-tabs>[role=tab]{transition:none}

/* A content-sized side sheet instead of a full-height white void for 1-2 choices. */
.accgen-picker-panel:not([hidden]){inset:16px 16px auto auto!important;box-sizing:border-box;width:min(460px,calc(100vw - 32px))!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 32px)!important;border:1px solid #d6e4ee;border-radius:14px!important;box-shadow:0 17px 44px rgba(8,37,64,.23)}
.accgen-picker-panel .accgen-picker-header{flex:0 0 auto;min-width:0}
.accgen-picker-panel .accgen-picker-body{display:flex;flex:0 1 auto!important;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;min-width:0;min-height:0!important;max-height:calc(100dvh - 94px);overflow:hidden}
.accgen-picker-panel .accgen-picker-search,.accgen-picker-panel .accgen-picker-info{flex:0 0 auto!important;margin:0!important}
.accgen-picker-panel .accgen-picker-list{flex:0 1 auto!important;align-content:start!important;justify-content:stretch!important;min-width:0;min-height:0!important;max-height:min(55dvh,570px);margin:0!important;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c3d8e8 transparent}
.accgen-picker-panel .accgen-picker-more{flex:0 0 auto!important;margin:0!important}
/* The batch selector keeps count, selection buttons and primary action in one compact row. */
#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-list-toolbar{align-items:center!important;gap:10px 13px;padding:11px 13px!important}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-pagination-compact{flex:1 1 385px;min-width:0;justify-content:flex-start;gap:8px 13px}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-selection-compact{display:flex!important;flex:0 1 auto;align-items:center!important;justify-content:flex-end;flex-wrap:wrap;gap:8px 11px;width:auto!important;min-width:0;max-width:100%}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-selection-summary{display:flex;flex:0 0 auto;align-items:center;gap:7px;white-space:nowrap;font-size:12px}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-selection-buttons{display:flex!important;flex:0 1 auto;grid-template-columns:none!important;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;width:auto!important;max-width:100%;min-width:0}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-selection-buttons>.btn{grid-column:auto!important;flex:0 0 auto;min-height:36px!important;min-width:0!important;width:auto!important;margin:0!important;padding:7px 11px!important;font-size:11.5px;line-height:1.3;white-space:nowrap}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-selection-buttons>#btn-user-batch-generate{grid-column:auto!important;min-height:37px!important;min-width:168px!important;width:auto!important;font-size:11.5px;font-weight:780}
#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-selection-compact.accgen-context-sticky--pinned{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap;gap:8px 13px;padding:8px 11px!important;max-height:min(26dvh,115px);overflow-y:auto}


#view-main-layout #view-templates #templates-user-state #user-generate-panel-batch .batch-selection-compact.accgen-context-sticky--pinned:not([hidden]){left:var(--accgen-h-sidebar-width,252px)!important;right:0!important;width:max-content!important;max-width:calc(100vw - var(--accgen-h-sidebar-width,252px) - 24px)!important;margin-left:auto!important;margin-right:auto!important;justify-content:center!important}

}
/* Presentation parity from wave-h-admin.css (768–1050 tablet only). */
@media(min-width:768px) and (max-width:1050px){

 #view-admin{--h6-border:#dce8f1;--h6-ink:#123950;--h6-muted:#6b8295;--h6-blue:#087ea8;--h6-teal:#10a7a4;min-width:0;}
 #view-admin>.page-header{position:relative;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;gap:7px;box-sizing:border-box;min-height:155px;margin:0 0 18px!important;padding:26px 30px!important;overflow:hidden;border:1px solid #cee4ed!important;border-radius:17px;background:linear-gradient(110deg,#fff 0%,#f5fbfd 65%,#ecf8fa 100%);box-shadow:0 7px 26px rgba(13,50,76,.05)}
 #view-admin>.page-header::after{content:"";position:absolute;z-index:0;right:-45px;top:-78px;width:270px;height:270px;border:1px solid rgba(11,139,158,.09);border-radius:50%;background:radial-gradient(circle at center,rgba(33,198,198,.14),rgba(14,130,186,.035) 57%,transparent 58%);pointer-events:none}
 #view-admin>.page-header>*{position:relative;z-index:1;min-width:0}
 #view-admin .accgen-h6-kicker{display:block;color:#078aa0;font-size:10px;font-weight:850;letter-spacing:.145em;line-height:1.4}
 #view-admin>.page-header h2{margin:0!important;color:#103b55;font-size:clamp(27px,2.4vw,33px);font-weight:850;letter-spacing:-.04em;line-height:1.17}
 #view-admin .accgen-h6-lead{display:block;max-width:790px;margin:0;color:#6d8395;font-size:12.5px;line-height:1.6}
 #view-admin #admin-section-tabs.accgen-ui13-admin-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:9px!important;box-sizing:border-box;width:100%;margin:0 0 19px!important;padding:10px!important;border:1px solid var(--h6-border)!important;border-radius:14px;background:#f3f8fb;box-shadow:0 4px 17px rgba(17,51,76,.04);overflow-x:visible!important;overflow-y:visible!important;scrollbar-width:none!important;scroll-snap-type:none!important}
 #view-admin #admin-section-tabs.accgen-ui13-admin-tabs>.btn{display:flex!important;align-items:center;justify-content:center;min-width:0;min-height:46px;margin:0!important;padding:9px 10px!important;border:1px solid #d9e6ef!important;border-radius:10px!important;background:#fff!important;color:#34566e!important;box-shadow:none!important;text-align:center;white-space:normal;font-family:inherit;font-size:12.5px!important;font-weight:740;line-height:1.3;flex:1 1 auto!important;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}
 #view-admin #admin-section-tabs.accgen-ui13-admin-tabs>.btn:not(.btn-primary):hover{border-color:#b7d6e4!important;background:#eaf7fa!important;color:#096a89!important}
 #view-admin #admin-section-tabs.accgen-ui13-admin-tabs>.btn.btn-primary{border-color:#0b87ac!important;background:linear-gradient(110deg,#0b739e,#099a9f)!important;color:#fff!important;box-shadow:0 4px 11px rgba(10,124,159,.16)!important}
 #view-admin #admin-section-tabs.accgen-ui13-admin-tabs>.btn:focus-visible{outline:3px solid #50c5ca!important;outline-offset:2px}
 #view-admin #accgen-ui13-admin-tabs-hint{display:none!important}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel,#admin-templates-panel,#admin-plan-quota-panel,#admin-branches-panel,#admin-cleanup-panel){min-width:0}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-shell{gap:18px}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-toolbar{box-sizing:border-box;min-width:0;margin:0;padding:19px 21px;border:1px solid var(--h6-border);border-radius:14px;background:#fff;box-shadow:0 4px 18px rgba(18,55,86,.04)}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-toolbar h2{color:var(--h6-ink);font-size:21px;font-weight:800;letter-spacing:-.025em}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-toolbar>.btn{min-height:41px;margin:0;border-radius:9px}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-section{min-width:0;padding:20px 21px;border:1px solid var(--h6-border);border-radius:15px;box-shadow:0 4px 18px rgba(18,55,86,.045)}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-section-header{min-width:0;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #e8f0f5}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-section-header h3{color:var(--h6-ink);font-size:16px;font-weight:800}
 #view-admin #admin-dashboard-panel .admin-dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
 #view-admin #admin-usage-panel .admin-usage-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-kpi{display:flex;flex-direction:column;min-width:0;min-height:122px;padding:15px 16px;border-color:#e2ecf3;border-radius:12px;background:#f8fbfd}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-kpi-label{font-size:11.5px;color:#627f93}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-kpi-value{font-size:29px;font-weight:850;letter-spacing:-.03em;color:#0b527c}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-kpi-detail{margin-top:auto;padding-top:5px;font-size:11px;line-height:1.4}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-two-column{gap:18px}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-table-wrap{max-width:100%;border:1px solid #e5eef4;border-radius:10px;overflow-x:auto}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-table th{background:#f4f9fc;color:#4b6d82;font-size:11px;font-weight:800}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-table td{color:#315269;line-height:1.4}
 #view-admin #templates-admin-list>.page-header{align-items:center;gap:12px;margin-bottom:16px;border-bottom-color:#dfeaf2}
 #view-admin #templates-admin-list>.page-header h2{color:#123950;font-weight:800;font-size:23px}
 #view-admin #templates-admin-list>.page-header>.btn{margin:0;min-height:42px;border-radius:9px;padding:10px 16px}
 #view-admin #templates-admin-list #templates-table tbody tr.accgen-admin-template-card{border-color:#dfe9f1!important;box-shadow:0 5px 20px rgba(14,49,80,.05)!important}
 #view-admin #templates-admin-list #templates-table tbody tr.accgen-admin-template-card:hover{border-color:#a9d3e2!important;box-shadow:0 8px 27px rgba(14,49,80,.09)!important}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-section{border-color:var(--h6-border);border-radius:14px;box-shadow:0 4px 18px rgba(18,55,86,.04)}

#view-admin #admin-dashboard-panel .admin-dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#view-admin #admin-usage-panel .admin-usage-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-two-column{grid-template-columns:minmax(0,1fr)}
#view-admin #admin-section-tabs.accgen-ui13-admin-tabs>.btn{transition:none}

 #view-admin #admin-usage-panel .admin-usage-filter-grid{grid-template-columns:minmax(155px,.72fr) minmax(200px,1.35fr) minmax(200px,1.35fr) auto;gap:12px;align-items:end}
 #view-admin #admin-usage-panel .admin-usage-filter-grid label{display:grid;gap:8px;min-width:0;margin:0;color:#315269;font-size:12px;font-weight:750;line-height:1.3}
 #view-admin #admin-usage-panel .admin-usage-filter-grid select{box-sizing:border-box;width:100%;min-width:0;min-height:42px;height:42px;margin:0;padding:9px 12px;border:1px solid #cadce8;border-radius:9px;background:#fff;color:#26475e;font-family:inherit;font-size:13px;font-weight:500;line-height:1.35;box-shadow:0 1px 2px rgba(19,55,80,.035)}
 #view-admin #admin-usage-panel .admin-usage-filter-grid select:focus-visible{outline:3px solid #8ddcdd;outline-offset:1px;border-color:#0d8eaa}
 #view-admin #admin-usage-panel .admin-usage-filter-actions{align-items:center;gap:8px;flex-wrap:nowrap}
 #view-admin #admin-usage-panel .admin-usage-filter-actions>.btn{box-sizing:border-box;min-height:42px;margin:0;padding:9px 14px;border-radius:9px;font-size:12.5px;font-weight:750;white-space:nowrap}
 #view-admin #admin-cleanup-panel .admin-cleanup-section{min-width:0;padding:19px 20px;border:1px solid var(--h6-border);border-radius:14px;box-shadow:0 4px 18px rgba(18,55,86,.04)}
 #view-admin #admin-cleanup-panel .admin-cleanup-summary-grid{gap:12px}
 #view-admin #admin-cleanup-panel .admin-cleanup-summary-card{display:flex;flex-direction:column;min-width:0;min-height:112px;padding:15px 16px;border:1px solid #e2ecf3;border-radius:12px;background:#f8fbfd}
 #view-admin #admin-cleanup-panel .admin-cleanup-summary-label{color:#627f93;font-size:11.5px;line-height:1.4;font-weight:700}
 #view-admin #admin-cleanup-panel .admin-cleanup-summary-value{margin-top:6px;color:#0b527c;font-size:28px;font-weight:850;letter-spacing:-.025em}
 #view-admin #admin-cleanup-panel .admin-cleanup-summary-detail{margin-top:auto;padding-top:6px;color:#627f93;font-size:11px;line-height:1.4}
 #view-admin #admin-cleanup-panel .admin-cleanup-section-header{gap:12px;align-items:center;margin-bottom:12px}
 #view-admin #admin-cleanup-panel .admin-cleanup-section-header h3{min-width:0;color:var(--h6-ink);font-size:16px;line-height:1.4;font-weight:800}
 #view-admin #admin-cleanup-panel .admin-cleanup-section-note{color:#6b8295;font-size:11.5px;line-height:1.45}
 #view-admin #admin-cleanup-panel .admin-cleanup-table-wrap{max-width:100%;border:1px solid #e5eef4;border-radius:10px;overflow-x:auto;overflow-y:hidden}
 #view-admin #admin-cleanup-panel .admin-cleanup-table th{padding:10px 12px;background:#f4f9fc;color:#4b6d82;font-size:11px;font-weight:800}
 #view-admin #admin-cleanup-panel .admin-cleanup-table td{padding:11px 12px;color:#315269;line-height:1.4}
 #view-admin #admin-cleanup-panel .admin-cleanup-table td.admin-cleanup-empty{padding:13px 15px;border:0;background:#f7fbfd;color:#627f93;font-size:12px;text-align:left}
 /* Hide redundant column headers only for a single explicit empty-state row. */
 #view-admin #admin-cleanup-panel .admin-cleanup-table:has(>tbody>tr:only-child>td.admin-cleanup-empty) thead{display:none}


 #view-admin #admin-usage-panel .admin-usage-filter-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 #view-admin #admin-usage-panel .admin-usage-filter-actions{justify-content:flex-end}
 #view-admin #admin-cleanup-panel .admin-cleanup-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}


 #view-admin #admin-dashboard-panel #admin-dashboard-content > * + *,
 #view-admin #admin-usage-panel #admin-usage-content > * + *,
 #view-admin #admin-cleanup-panel #admin-cleanup-content > * + *{margin-top:18px}


 #view-admin #admin-cleanup-panel .admin-cleanup-shell{container-type:inline-size}
 @container(min-width:1020px){
  #view-admin #admin-cleanup-panel #admin-cleanup-content:not([style*="display: none"]):not([style*="display:none"]){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
  #view-admin #admin-cleanup-panel #admin-cleanup-content>*+*{margin-top:0}
  #view-admin #admin-cleanup-panel #admin-cleanup-content>:is(:first-child,#admin-cleanup-all-clear,#admin-old-record-section,#admin-cleanup-eligibility-section,.admin-cleanup-policy){grid-column:1/-1}
  #view-admin #admin-cleanup-panel #admin-cleanup-content>.admin-cleanup-section{min-width:0}
 }


 #view-admin #admin-cleanup-panel #admin-old-record-entity-type{box-sizing:border-box;flex:0 0 190px;width:190px;min-width:190px;max-width:100%;height:42px;min-height:42px;margin:0;padding:9px 12px;border:1px solid #cadce8;border-radius:9px;background:#fff;color:#26475e;font-family:inherit;font-size:13px;font-weight:500;line-height:1.35}
 #view-admin #admin-cleanup-panel #admin-old-record-entity-type:focus-visible{outline:3px solid #8ddcdd;outline-offset:1px;border-color:#0d8eaa}


 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-shell{gap:18px;min-width:0}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-toolbar{box-sizing:border-box;min-width:0;gap:16px;padding:19px 21px;border:1px solid var(--h6-border);border-radius:14px;background:#fff;box-shadow:0 4px 18px rgba(18,55,86,.04)}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-toolbar>div:first-child{min-width:0;flex:1 1 380px}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-toolbar h2{margin:0;color:var(--h6-ink);font-size:21px;font-weight:800;letter-spacing:-.025em;line-height:1.3}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-subtitle{margin-top:6px;max-width:780px;color:#627c91;font-size:12.5px;line-height:1.5}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-toolbar>div:last-child{display:flex;flex:0 0 auto;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-toolbar .btn{box-sizing:border-box;min-height:42px;margin:0;padding:9px 15px;border-radius:9px;font-size:12.5px;font-weight:750;white-space:nowrap}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-section{box-sizing:border-box;min-width:0;padding:20px 21px;border:1px solid var(--h6-border);border-radius:15px;box-shadow:0 4px 18px rgba(18,55,86,.045)}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-section-header{min-width:0;gap:12px;align-items:center;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #e8f0f5}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-section-header>div{min-width:0}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-section-header h3{color:var(--h6-ink);font-size:16px;font-weight:800;line-height:1.35}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-note{color:#6b8295;font-size:12px;line-height:1.45}
 #view-admin #admin-plan-quota-panel #admin-plan-list.admin-u5e-plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:14px}
 #view-admin #admin-plan-quota-panel .admin-u5e-card{display:flex;flex-direction:column;min-width:0;padding:17px;border:1px solid #dfeaf2;border-radius:12px;background:#f8fbfd;box-shadow:0 2px 8px rgba(18,55,86,.025)}
 #view-admin #admin-plan-quota-panel .admin-u5e-card-head{min-width:0;gap:12px}
 #view-admin #admin-plan-quota-panel .admin-u5e-card-head>div:first-child{min-width:0}
 #view-admin #admin-plan-quota-panel .admin-u5e-card h4{color:#143d58;font-size:16px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}
 #view-admin #admin-plan-quota-panel .admin-u5e-code{color:#658197;font-size:11.5px;overflow-wrap:anywhere}
 #view-admin #admin-plan-quota-panel .admin-u5e-price{margin-top:12px;color:#0b527c;font-size:16px}
 #view-admin #admin-plan-quota-panel .admin-u5e-description{min-width:0;line-height:1.45;overflow-wrap:anywhere}
 #view-admin #admin-plan-quota-panel .admin-u5e-limits{max-width:100%;margin-top:14px;font-size:12px}
 #view-admin #admin-plan-quota-panel .admin-u5e-limits th,#view-admin #admin-plan-quota-panel .admin-u5e-limits td{padding:9px 7px;border-color:#dce8f0}
 #view-admin #admin-plan-quota-panel .admin-u5e-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:15px}
 #view-admin #admin-plan-quota-panel .admin-u5e-card-actions .btn{min-height:37px;margin:0;padding:7px 12px;border-radius:8px;font-size:12px}
 #view-admin #admin-plan-quota-panel #admin-user-plan-search{box-sizing:border-box;flex:0 1 390px;width:min(390px,100%);min-height:42px;margin:0;padding:9px 12px;border:1px solid #cadce8;border-radius:9px;background:#fff;color:#26475e;font-family:inherit;font-size:13px}
 #view-admin #admin-plan-quota-panel #admin-user-plan-search:focus-visible,#view-admin #admin-branches-panel .admin-u5e-unmapped-map select:focus-visible{outline:3px solid #8ddcdd;outline-offset:1px;border-color:#0d8eaa}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-table-wrap{max-width:100%;margin-top:12px;border:1px solid #e5eef4;border-radius:10px;overflow-x:auto}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-table{min-width:780px}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-table th{padding:11px 12px;background:#f4f9fc;color:#4b6d82;font-size:11.5px;font-weight:800}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-table td{padding:12px;color:#315269;line-height:1.45;overflow-wrap:anywhere}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-table tbody tr:nth-child(even){background:#fafcfe}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-table tbody tr:hover{background:#f2f9fc}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-table .btn{min-height:35px;margin:0 5px 5px 0;padding:7px 10px;border-radius:8px;font-size:12px}
 #view-admin #admin-plan-quota-panel #admin-user-plan-tbody td:last-child{min-width:172px}
 #view-admin #admin-plan-quota-panel #admin-user-plan-tbody .admin-u5e-user-email-row{overflow-wrap:anywhere}
 #view-admin #admin-branches-panel #admin-branch-list.admin-u5e-branch-list{grid-template-columns:repeat(auto-fit,minmax(min(480px,100%),1fr));gap:14px}
 #view-admin #admin-branches-panel .admin-u5e-branch-card{min-width:0;padding:17px;border:1px solid #dfeaf2;border-radius:12px;background:#f8fbfd}
 #view-admin #admin-branches-panel .admin-u5e-branch-title{min-width:0;gap:9px}
 #view-admin #admin-branches-panel .admin-u5e-branch-title h4{color:#143d58;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
 #view-admin #admin-branches-panel .admin-u5e-alias-row{min-width:0;gap:10px;padding:10px 12px;border:1px solid #e5edf3;border-radius:9px;background:#fff;overflow-wrap:anywhere}
 #view-admin #admin-branches-panel .admin-u5e-unmapped-map{min-width:0;gap:8px}
 #view-admin #admin-branches-panel .admin-u5e-unmapped-map select{box-sizing:border-box;min-width:0;min-height:40px;padding:8px 10px;border:1px solid #cadce8;border-radius:8px;background:#fff;font-family:inherit;font-size:13px}
 #view-admin #admin-branches-panel .admin-u5e-unmapped-map .btn{min-height:40px;margin:0;border-radius:8px}


 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-toolbar{align-items:flex-start}
 #view-admin :is(#admin-plan-quota-panel,#admin-branches-panel) .admin-u5e-toolbar>div:last-child{justify-content:flex-start}
 #view-admin #admin-plan-quota-panel .admin-u5e-section-header{align-items:stretch}
 #view-admin #admin-plan-quota-panel #admin-user-plan-search{flex:1 1 100%;width:100%}


 dialog#admin-plan-dialog,dialog#admin-branch-dialog{position:fixed!important;inset:0!important;margin:auto!important;box-sizing:border-box;width:min(760px,calc(100vw - 64px));max-height:min(86dvh,790px);padding:0!important;overflow:hidden!important;border:1px solid #d9e7f0!important;border-radius:17px!important;background:#fff;box-shadow:0 24px 75px rgba(15,42,65,.25)}
 dialog#admin-branch-dialog{width:min(640px,calc(100vw - 64px))}
 dialog:is(#admin-plan-dialog,#admin-branch-dialog)::backdrop{background:rgba(13,33,53,.48)}
 dialog:is(#admin-plan-dialog,#admin-branch-dialog)>.admin-u5e-dialog-body{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;max-height:min(86dvh,790px);padding:0!important;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
 dialog:is(#admin-plan-dialog,#admin-branch-dialog) .admin-u5e-dialog-header{position:sticky;top:0;z-index:2;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:16px;min-width:0;margin:0;padding:20px 24px 17px;border-bottom:1px solid #e3ecf3;background:#fff;box-shadow:0 2px 9px rgba(20,61,85,.035)}
 dialog:is(#admin-plan-dialog,#admin-branch-dialog) .admin-u5e-dialog-header>div{flex:1 1 auto;min-width:0}
 dialog:is(#admin-plan-dialog,#admin-branch-dialog) .admin-u5e-dialog-header h3{margin:0;color:#113c56;font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.25}
 dialog:is(#admin-plan-dialog,#admin-branch-dialog) .admin-u5e-dialog-header .admin-u5e-note{margin-top:6px;color:#647f91;font-size:12px;line-height:1.4}
 dialog:is(#admin-plan-dialog,#admin-branch-dialog) .admin-u5e-dialog-header>.btn{flex:0 0 auto;min-width:66px;min-height:39px;margin:0;padding:8px 13px;border:1px solid #d2e1ec;border-radius:9px;background:#f1f7fb;color:#28536f;font-size:12px;font-weight:750}
 dialog:is(#admin-plan-dialog,#admin-branch-dialog)>.admin-u5e-dialog-body>.admin-u5e-form-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0!important;padding:22px 24px 15px}
 dialog:is(#admin-plan-dialog,#admin-branch-dialog) .admin-u5e-form-grid label{min-width:0;gap:7px;color:#31546b;font-size:12.5px;font-weight:740;line-height:1.4}
 dialog:is(#admin-plan-dialog,#admin-branch-dialog) .admin-u5e-form-grid :is(input:not([type=checkbox]),select,textarea){box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:42px;margin:0;padding:9px 12px;border:1px solid #cbdde8;border-radius:9px;background:#fff;color:#274c65;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4}
 dialog:is(#admin-plan-dialog,#admin-branch-dialog) .admin-u5e-form-grid textarea{min-height:84px;resize:vertical}
 dialog:is(#admin-plan-dialog,#admin-branch-dialog) :is(input,select,textarea,button):focus-visible{outline:3px solid #8ddcdd;outline-offset:1px}
 dialog:is(#admin-plan-dialog,#admin-branch-dialog) .admin-u5e-check{display:flex!important;align-items:center;gap:9px!important;min-width:0;min-height:42px;align-self:end;margin:0;padding:9px 12px;border:1px solid #dfebf3;border-radius:9px;background:#f6fafc}
 dialog:is(#admin-plan-dialog,#admin-branch-dialog) .admin-u5e-check>input[type=checkbox]{flex:0 0 auto;width:17px;height:17px;min-height:0;margin:0;accent-color:#087ea8}
 #admin-plan-dialog .admin-u5e-public-note{display:block;margin-top:1px;color:#6b8295;font-size:11px;font-weight:500;line-height:1.45}
 #admin-plan-dialog #admin-plan-limit-editor{box-sizing:border-box;min-width:0;gap:10px;margin:2px 24px 17px;padding:0}
 #admin-plan-dialog #admin-plan-limit-editor .admin-u5e-limit-row{box-sizing:border-box;grid-template-columns:minmax(155px,1.45fr) repeat(3,minmax(0,1fr));gap:10px;min-width:0;margin:0;padding:12px;border:1px solid #e0eaf2;border-radius:10px;background:#f7fbfd}
 #admin-plan-dialog #admin-plan-limit-editor .admin-u5e-limit-row label{min-width:0;color:#55768a;font-size:11.5px;line-height:1.4}
 #admin-plan-dialog #admin-plan-limit-editor .admin-u5e-limit-row input{box-sizing:border-box;width:100%;min-width:0;min-height:40px;margin:0;padding:7px 9px;border:1px solid #cfdee9;border-radius:8px;background:#fff;font-size:12px}
 dialog:is(#admin-plan-dialog,#admin-branch-dialog)>.admin-u5e-dialog-body>.alert{margin:6px 24px 12px!important}
 dialog:is(#admin-plan-dialog,#admin-branch-dialog)>.admin-u5e-dialog-body>.admin-u5e-dialog-actions{position:sticky;bottom:0;z-index:2;display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:10px;margin:0;padding:15px 24px;border-top:1px solid #e3ecf3;background:#fff;box-shadow:0 -3px 12px rgba(19,55,80,.04)}
 dialog:is(#admin-plan-dialog,#admin-branch-dialog)>.admin-u5e-dialog-body>.admin-u5e-dialog-actions>.btn{box-sizing:border-box;min-width:112px;min-height:42px;margin:0;padding:9px 16px;border-radius:9px;font-size:13px;font-weight:750}


 #view-admin #admin-dashboard-panel #admin-dashboard-trend-range{box-sizing:border-box;min-height:42px;height:42px;margin:0;padding:9px 12px;border:1px solid #cadce8;border-radius:9px;background:#fff;color:#26475e;font-family:inherit;font-size:13px;line-height:1.35}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-table tbody tr:nth-child(even),
 #view-admin #admin-cleanup-panel .admin-cleanup-table tbody tr:nth-child(even):not(:has(.admin-cleanup-empty)){background:#fafcfe}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-table tbody tr:hover,
 #view-admin #admin-cleanup-panel .admin-cleanup-table tbody tr:hover:not(:has(.admin-cleanup-empty)){background:#eef7fb}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel,#admin-plan-quota-panel,#admin-branches-panel,#admin-cleanup-panel) :is(.admin-dashboard-loading,.admin-u5e-loading,.admin-cleanup-loading){box-sizing:border-box;min-width:0;padding:16px 18px;border:1px dashed #cddfe9;border-radius:11px;background:#f7fbfd;color:#54738a;font-size:13px;line-height:1.55}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel,#admin-plan-quota-panel,#admin-branches-panel,#admin-cleanup-panel) :is(button,select,input:not([type=hidden]),textarea):focus-visible{outline:3px solid #70cdd2;outline-offset:2px}
 #view-admin :is(#admin-dashboard-panel,#admin-usage-panel,#admin-plan-quota-panel,#admin-branches-panel,#admin-cleanup-panel) button:disabled{cursor:not-allowed}

}
/* Presentation parity from accgen-h7-profile-settings.css (768–1050 tablet only). */
@media(min-width:768px) and (max-width:1050px){

  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-table-wrapper .responsive-table thead th{color:#234b65;font-size:11.5px;font-weight:800;letter-spacing:.025em;}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.accgen-profile-pagination{justify-content:center;margin:16px auto 8px;}

}

/* ACCGEN Wave T1 — Tablet UX 2026. Only responsive layout; no JavaScript contracts modified. */
@media(min-width:768px) and (max-width:1050px), (min-width:1051px) and (max-width:1366px) and (pointer:coarse){
  html,body,#view-main-layout{max-width:100%;min-width:0}
  #view-main-layout>.app-header,#view-main-layout>.app-content{min-width:0;max-width:100%}
  #view-main-layout>.app-content{padding:clamp(16px,2.1vw,27px) clamp(15px,2vw,27px) 38px}
  #view-main-layout>.app-content>.sub-view{min-width:0;max-width:100%}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list,#view-templates,#view-admin,#view-settings,#view-persons-form,#view-businesses-form,#view-companies-form) :is(.list-table-wrapper,.table-responsive,.admin-u5e-table-wrap,.admin-cleanup-table-wrap,.templates-history-scroll,.templates-history-list,.template-mapping-table-wrap){box-sizing:border-box;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .row-actions{gap:6px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .row-actions>.btn{min-height:42px;padding:9px 11px;touch-action:manipulation}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list) .responsive-table :is(th,td) input[type=checkbox]{min-width:20px;min-height:20px}
  #view-main-layout .page-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
  #view-main-layout .page-header h2{font-size:clamp(22px,2.3vw,28px);line-height:1.3}
  #view-main-layout :is(.list-toolbar,.template-detail-card,.admin-u5e-toolbar,.admin-u5e-section,.admin-cleanup-section,.settings-card){box-sizing:border-box;min-width:0;max-width:100%}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar{gap:10px;padding:12px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar .list-toolbar__sort-wrapper{min-width:0}
  #view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form) form .form-grid{gap:13px 15px}
  #view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>fieldset{padding:17px 16px 18px}
  #view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-capture-actions{flex-wrap:wrap;gap:8px;padding:11px 12px}
  #view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-capture-actions>.accgen-capture-btn{flex:1 1 148px;min-width:0;min-height:44px}
  #view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>.accgen-capture-actions>.form-hint{flex:1 1 100%;min-width:0;margin:0}
  #view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>.accgen-form-footer{bottom:8px;gap:8px;padding:10px 12px;min-height:66px}
  #view-main-layout #view-templates #templates-user-state>.templates-workspace-panel>.template-detail-card{padding:18px!important}
  #view-main-layout #view-templates #templates-user-state :is(#user-generate-panel-single>.templates-single-grid,#user-generate-panel-batch>.form-grid){gap:15px}
  #view-main-layout #view-templates #templates-user-state #user-generate-tabs>[role=tab]{min-width:0;min-height:44px;flex:1 1 160px}
  #view-main-layout #view-templates #templates-user-state #user-generate-tabs{flex-wrap:wrap}
  #view-main-layout #view-templates #templates-user-state :is(.batch-list-toolbar,.batch-pagination-compact,.batch-selection-compact){max-width:100%;min-width:0}
  #view-admin #admin-section-tabs.accgen-ui13-admin-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-width:0;max-width:100%;overflow:visible}
  #view-admin #admin-section-tabs.accgen-ui13-admin-tabs>.btn{min-width:0;min-height:44px;width:100%;margin:0;white-space:normal;text-align:center;line-height:1.25;padding:10px 9px}
  #view-admin :is(.admin-u5e-toolbar,.admin-u5e-section-header,.admin-u5e-dialog-actions){flex-wrap:wrap;gap:10px}
  #view-admin :is(.admin-u5e-form-grid,.admin-u5e-filter-grid){min-width:0;max-width:100%}
  #view-admin :is(.admin-u5e-section,.admin-cleanup-section,.admin-dashboard-section){min-width:0;max-width:100%}
  #view-admin :is(.admin-u5e-modal-content,.admin-u5e-dialog,.admin-u5e-dialog-card,.admin-u5e-modal,.admin-dialog,.admin-dialog-content,.admin-modal,.admin-modal-content){box-sizing:border-box;max-width:min(96vw,850px);max-height:calc(100dvh - 28px);overflow-x:hidden;overflow-y:auto}
  #view-admin :is(.admin-u5e-table-wrap,.admin-cleanup-table-wrap,.admin-analytics-table-wrap,.admin-template-table-wrap){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  #view-main-layout :is(#view-settings,#view-admin) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%}
  #view-main-layout :is(.btn,.accgen-h2-quick-item,button,select){touch-action:manipulation}
}
/* Tablet portrait / compact: icon rail preserves horizontal workspace. */
@media(min-width:768px) and (max-width:979px){
  :root{--accgen-h-sidebar-width:84px}
  #view-main-layout>.app-nav{width:84px!important;overflow:hidden}
  #view-main-layout>.app-nav .accgen-h1-sidebar-brand{justify-content:center;min-height:78px;padding:14px 6px}
  #view-main-layout>.app-nav .accgen-h1-sidebar-brand img{flex:0 0 43px;width:43px;height:43px}
  #view-main-layout>.app-nav .accgen-h1-sidebar-brand>div{display:none}
  #view-main-layout>.app-nav ul{gap:7px;padding:16px 6px 12px}
  #view-main-layout>.app-nav ul::before{display:none}
  #view-main-layout>.app-nav li{max-width:100%}
  #view-main-layout>.app-nav a{min-height:60px;flex-direction:column;justify-content:center;gap:5px;padding:7px 3px;border-radius:10px;font-size:10px;line-height:1.1;text-align:center}
  #view-main-layout>.app-nav .app-nav__icon{width:23px;height:23px;flex:0 0 23px}
  #view-main-layout>.app-nav .app-nav__label--desktop{display:block;width:100%;min-width:0;font-size:10px;line-height:1.15;overflow-wrap:anywhere}
  #view-main-layout>.app-nav .accgen-h1-sidebar-footnote{display:none}
  #view-main-layout>.app-header{width:calc(100% - 84px);margin-left:84px;padding:10px 16px;min-height:68px;gap:12px}
  #view-main-layout>.app-header .accgen-h1-topbar-context strong{font-size:15px}
  #view-main-layout>.app-header .accgen-h1-topbar-eyebrow{font-size:9px}
  #view-main-layout>.app-header>.user-menu{max-width:53%;gap:7px}
  #view-main-layout>.app-header #ui-fullname{max-width:110px}
  #view-main-layout>.app-header #ui-role{display:none}
  #view-main-layout>.app-header .account-plan-entry{min-width:42px;min-height:42px;padding:5px 7px!important}
  #view-main-layout>.app-header #btn-logout{min-height:42px;padding:7px 10px}
  #view-main-layout>.app-content{width:calc(100% - 84px);margin-left:84px;padding:17px 15px 32px}
  #view-main .home-u5f-shell{gap:13px}
  #view-main .accgen-h2-hero{grid-template-columns:minmax(0,1fr);min-height:190px;padding:22px 24px}
  #view-main .accgen-h2-hero-art{display:none}
  #view-main .home-u5f-shell>.home-u5f-plan-card,#view-main .accgen-h2-quick,#view-main .accgen-h2-recent,#view-main .accgen-h2-workflow,#view-main .home-u5f-shell>details.home-u5f-terms--compact{grid-column:1/-1;min-height:0;padding:17px 18px}
  #view-main .accgen-h2-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-main .accgen-h2-quick-item{min-height:76px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar{grid-template-columns:minmax(0,1fr);gap:10px}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar .list-toolbar__sort-wrapper{justify-content:space-between}
  #view-main-layout :is(#view-persons-list,#view-businesses-list,#view-companies-list)>.list-toolbar .list-toolbar__sort{max-width:245px}
  #view-main-layout :is(#view-persons-form,#view-businesses-form,#view-companies-form)>form>fieldset>.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
  #view-main-layout #view-templates #templates-user-state #user-generate-panel-single>.templates-single-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-admin #admin-dashboard-panel .admin-dashboard-kpi-grid,#view-admin #admin-usage-panel .admin-usage-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-admin :is(#admin-dashboard-panel,#admin-usage-panel) .admin-dashboard-two-column{grid-template-columns:minmax(0,1fr)}
  #view-admin #admin-usage-panel .admin-usage-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-admin #admin-cleanup-panel .admin-cleanup-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Tablet landscape: readable sidebar while keeping room for forms/tables. */
@media(min-width:980px) and (max-width:1050px), (min-width:1051px) and (max-width:1279px) and (pointer:coarse){
  :root{--accgen-h-sidebar-width:202px}
  #view-main-layout>.app-nav{width:202px}
  #view-main-layout>.app-nav .accgen-h1-sidebar-brand{min-height:77px;padding:15px 12px}
  #view-main-layout>.app-nav .accgen-h1-sidebar-brand img{width:40px;height:40px;flex-basis:40px}
  #view-main-layout>.app-nav .accgen-h1-sidebar-brand strong{font-size:16px}
  #view-main-layout>.app-nav ul{padding:16px 8px 12px}
  #view-main-layout>.app-nav a{gap:9px;min-height:45px;padding:9px 10px;font-size:12px}
  #view-main-layout>.app-nav .accgen-h1-sidebar-footnote{padding:9px;margin:0 9px 10px}
  #view-main-layout>.app-header{width:calc(100% - 202px);margin-left:202px;padding:10px 20px;min-height:72px}
  #view-main-layout>.app-header>.user-menu{max-width:52%}
  #view-main-layout>.app-header #ui-fullname{max-width:135px}
  #view-main-layout>.app-header #ui-role{display:none}
  #view-main-layout>.app-content{width:calc(100% - 202px);margin-left:202px;padding:19px 19px 36px}
  #view-main .accgen-h2-hero{grid-template-columns:minmax(0,1fr);min-height:210px;padding:25px 28px}
  #view-main .accgen-h2-hero-art{display:none}
  #view-main .home-u5f-shell>.home-u5f-plan-card{grid-column:span 5}
  #view-main .accgen-h2-quick{grid-column:span 7}
  #view-main .accgen-h2-recent{grid-column:span 7}
  #view-main .accgen-h2-workflow{grid-column:span 5}
}
/* Larger touch tablets, including iPad Pro landscape. */
@media(min-width:1280px) and (max-width:1366px) and (pointer:coarse){
  :root{--accgen-h-sidebar-width:224px}
  #view-main-layout>.app-header{width:calc(100% - 224px);margin-left:224px}
  #view-main-layout>.app-content{width:calc(100% - 224px);margin-left:224px}
  #view-main-layout>.app-nav{width:224px}
}
/* Touch controls: iPad Safari avoids focus-zoom; preserve desktop mouse density. */
@media(min-width:768px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  #view-main-layout :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select){font-size:max(16px,1em)}
  #view-main-layout :is(.btn,.accgen-h2-quick-item,.mobile-more-trigger){min-height:44px}
  #view-main-layout :is(.row-actions,.batch-row-actions) .btn{min-height:43px}
  #view-main-layout :is(input[type=checkbox],input[type=radio]){accent-color:#0a88a0}
  #view-main-layout :is(a,button,input,select,textarea):focus-visible{outline:2px solid #0d93a7;outline-offset:2px}
}
@media(min-width:768px) and (max-width:1050px) and (prefers-reduced-motion:reduce), (min-width:1051px) and (max-width:1366px) and (pointer:coarse) and (prefers-reduced-motion:reduce){
  #view-main-layout .sub-view{animation:none}
}

/* T1.2 v18.13.22 — Same dd/mm/yyyy date UI on tablet + desktop. Desktop uses a centered modal.
   Runtime adapter adds .accgen-unified-date-mode, preserving native ISO source fields. */

html.accgen-unified-date-mode .accgen-tablet-date-wrap,
html.accgen-unified-date-mode .mobile-ios-date-wrap{position:relative;display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;}
html.accgen-unified-date-mode .accgen-tablet-date-wrap[hidden],html.accgen-unified-date-mode .mobile-ios-date-wrap[hidden]{display:none!important;}
html.accgen-unified-date-mode .accgen-tablet-date-native,
html.accgen-unified-date-mode .mobile-ios-date-native{position:absolute!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;overflow:hidden!important;}
html.accgen-unified-date-mode .accgen-tablet-date-display,
html.accgen-unified-date-mode .mobile-ios-date-display{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px!important;padding:9px 50px 9px 12px!important;border:1px solid #cbd5e1!important;border-radius:6px!important;background:#fff!important;color:#1f2937!important;font:inherit;font-size:16px!important;line-height:1.25!important;text-overflow:ellipsis;}
html.accgen-unified-date-mode .accgen-tablet-date-display:focus,
html.accgen-unified-date-mode .mobile-ios-date-display:focus{border-color:#005a9e!important;outline:2px solid #8bc5ed;outline-offset:1px;box-shadow:0 0 0 2px rgba(0,90,158,.11)!important;}
html.accgen-unified-date-mode .accgen-tablet-date-display:disabled,
html.accgen-unified-date-mode .mobile-ios-date-display:disabled{background:#f3f4f6!important;color:#667085!important;cursor:not-allowed;}
html.accgen-unified-date-mode .accgen-tablet-date-display[aria-invalid="true"]{border-color:#b42318!important;}
html.accgen-unified-date-mode .accgen-tablet-date-trigger,
html.accgen-unified-date-mode .mobile-ios-calendar-trigger{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;padding:0;border:0;border-left:1px solid #e0e7ef;border-radius:0 6px 6px 0;background:transparent;color:#005a9e;cursor:pointer;touch-action:manipulation;}
html.accgen-unified-date-mode :is(.accgen-tablet-date-trigger,.mobile-ios-calendar-trigger):disabled{opacity:.45;cursor:default;}
html.accgen-unified-date-mode .accgen-tablet-date-error{display:block;margin-top:4px;color:#b42318;font-size:12px;line-height:1.35;}
html.accgen-unified-date-mode .accgen-tablet-date-error:empty{display:none;}
/* Existing mobile picker (if initialized) and the tablet adapter use identical calendar styles. */
html.accgen-unified-date-mode .mobile-ios-calendar-backdrop:not([hidden]){z-index:17990;}
html.accgen-unified-date-mode .mobile-ios-calendar-sheet:not([hidden]){z-index:17991;left:50%;right:auto;bottom:12px;width:min(520px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:min(84dvh,690px);transform:translateX(-50%);box-sizing:border-box;border:1px solid #dfebf3;border-radius:18px;padding:12px 16px max(16px,env(safe-area-inset-bottom));box-shadow:0 16px 54px rgba(15,23,42,.25);}
html.accgen-unified-date-mode .mobile-ios-calendar-day{min-height:44px;}
html.accgen-unified-date-mode .mobile-ios-calendar-manual{display:grid;}
html.accgen-unified-date-mode .mobile-ios-calendar-manual-input{box-sizing:border-box;font-size:16px;}
html.accgen-unified-date-mode .mobile-ios-calendar-actions .mobile-ios-calendar-apply{background:#005a9e;border-color:#005a9e;color:#fff;}
html.accgen-unified-date-mode .mobile-ios-calendar-actions button{font-size:13px;}
@media (max-height:650px){html.accgen-unified-date-mode .mobile-ios-calendar-sheet:not([hidden]){bottom:0;max-height:98dvh;padding:8px 14px 10px;}}

/* T1.2 desktop: same verified mobile calendar controls, centered for mouse + keyboard. */
html.accgen-desktop-date-mode .mobile-ios-calendar-sheet:not([hidden]){
  top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%);
  width:min(500px,calc(100vw - 32px));max-width:calc(100vw - 32px);
  max-height:min(85dvh,690px);padding:14px 18px 18px;
  border-radius:18px;box-shadow:0 22px 70px rgba(15,23,42,.32);
}
html.accgen-desktop-date-mode .mobile-ios-calendar-handle{display:none;}
html.accgen-desktop-date-mode .mobile-ios-calendar-day:hover:not(:disabled):not(.is-selected){background:#eaf5fd;color:#005a9e;}
html.accgen-desktop-date-mode .mobile-ios-calendar-navigation{gap:8px;}
html.accgen-desktop-date-mode .mobile-ios-calendar-year{box-sizing:border-box;width:76px;min-width:76px;appearance:textfield;-moz-appearance:textfield;padding:6px 5px;text-align:center;}
html.accgen-desktop-date-mode .mobile-ios-calendar-year::-webkit-inner-spin-button,
html.accgen-desktop-date-mode .mobile-ios-calendar-year::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
html.accgen-desktop-date-mode .mobile-ios-calendar-backdrop:not([hidden]){background:rgba(9,27,48,.55);}
@media(max-height:650px){
  html.accgen-desktop-date-mode .mobile-ios-calendar-sheet:not([hidden]){
    top:50%;bottom:auto;max-height:96dvh;padding:10px 14px;
  }
}