/* Authenticated workspace shell overrides. Keep this no-build file in public/assets. */
:root{--sidebar-width:278px;--topbar-height:66px;--workspace-bg:#f5f9fc;--workspace-line:#d8e6f0;--workspace-ink:#122033;--workspace-muted:#5d7088;--workspace-card:#fff;--workspace-gap:.85rem;--workspace-card-padding:1rem;--workspace-card-radius:18px;--workspace-control-height:40px;--workspace-table-cell-padding:.62rem .75rem;--workspace-shadow:0 10px 24px rgba(15,23,42,.05)}
.hpc-auth-body{min-height:100vh;background:var(--workspace-bg);color:var(--workspace-ink);font-family:var(--app-content-font-family,Inter,"Segoe UI",Roboto,Arial,sans-serif)}.hpc-sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:var(--sidebar-width);display:flex;flex-direction:column;background:var(--app-sidebar-bg,#173a56)!important;color:var(--app-sidebar-text,#e8f6fc)!important;border-right:1px solid rgba(255,255,255,.12);box-shadow:12px 0 36px rgba(23,58,86,.12);transition:transform .2s ease}.hpc-sidebar-brand{display:flex;align-items:center;gap:.85rem;min-height:104px;padding:1rem;border-bottom:1px solid rgba(255,255,255,.13)}.hpc-sidebar-logo{width:58px;height:58px;border-radius:18px;object-fit:contain;background:#fff;padding:.35rem;box-shadow:0 12px 26px rgba(0,0,0,.12)}.hpc-sidebar-brand-text p{margin:0;color:#fff;font-size:.92rem;font-weight:950;line-height:1.05;text-transform:uppercase}.hpc-sidebar-brand-text span{display:block;margin-top:.45rem;color:#b8d8e7;font-size:.68rem;font-weight:950;letter-spacing:.22em;text-transform:uppercase}.hpc-sidebar-close{display:none;margin-left:auto;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:12px;width:36px;height:36px;font-size:1.4rem}.hpc-sidebar-nav{flex:1;overflow:auto;padding:.95rem .75rem 1.5rem;scrollbar-width:thin}.hpc-sidebar-section{margin-bottom:1.05rem}.hpc-sidebar-section-title{padding:.4rem .25rem .55rem;color:rgba(217,238,247,.72);font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.hpc-sidebar-menu-list{display:grid;gap:.22rem}.hpc-sidebar-link{width:100%;display:flex;align-items:center;gap:.7rem;border:0;border-radius:16px;background:transparent;color:var(--app-sidebar-text,#d9eef7);padding:.72rem .78rem;text-align:left;font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.015em}.hpc-sidebar-link:hover{background:rgba(255,255,255,.08);color:#fff}.hpc-sidebar-link.is-active{background:var(--app-sidebar-active-bg,#e8f7fd);color:var(--app-sidebar-active-text,#1c8fbd);box-shadow:0 12px 28px rgba(0,0,0,.12)}.hpc-sidebar-dot{width:.6rem;height:.6rem;border-radius:999px;background:rgba(184,216,231,.45);flex:0 0 .6rem}.hpc-sidebar-chevron{margin-left:auto;width:.9rem;height:.9rem}.hpc-sidebar-children{margin:.25rem 0 .45rem 1.05rem;padding-left:.65rem;border-left:1px solid rgba(217,238,247,.22);display:grid;gap:.15rem}.hpc-sidebar-group:not(.is-open)>.hpc-sidebar-children{display:none}.hpc-sidebar-link.is-child{padding:.56rem .65rem;border-radius:13px;font-size:.76rem;text-transform:none;letter-spacing:0}.hpc-sidebar-backdrop{display:none}.hpc-app-main{min-height:100vh;margin-left:var(--sidebar-width);display:flex;flex-direction:column}.hpc-topbar{position:sticky;top:0;z-index:45;background:rgba(255,255,255,.94);color:var(--app-navbar-text,#173a56);border-bottom:1px solid var(--workspace-line);backdrop-filter:blur(16px)}.hpc-topbar-inner{min-height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.2rem}.hpc-topbar-title{display:flex;align-items:center;gap:.75rem;min-width:0}.hpc-topbar-title p{margin:0;color:var(--hpc-green,#39B54A);font-size:.7rem;font-weight:950;letter-spacing:.24em;text-transform:uppercase}.hpc-topbar-title h1{margin:.16rem 0 0;color:var(--workspace-ink);font-size:1rem;font-weight:950;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpc-topbar-actions{display:flex;align-items:center;gap:.55rem}.hpc-main-content{flex:1;padding:1.35rem;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(243,248,251,.86))}.hpc-page-container{width:min(100%,1680px);margin-inline:auto;display:grid;gap:1.2rem}.hpc-page-container>div:not(.hpc-card):not(.ui-card):not(.as-card):not(.hpc-stack),.hpc-page-container>section:not(.hpc-card):not(.ui-card):not(.as-card),.hpc-page-container>form:not(.hpc-card):not(.ui-card):not(.as-card){border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}.hpc-card,.ui-card,.as-card,.hpc-page-container .rounded-3xl,.hpc-page-container .rounded-2xl{border-color:var(--workspace-line)!important;box-shadow:var(--workspace-shadow)!important}.hpc-card,.ui-card,.as-card{border:1px solid var(--workspace-line);border-radius:26px;background:var(--workspace-card);padding:1.25rem}.hpc-stack{display:grid;gap:1.2rem}.hpc-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hpc-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.hpc-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.hpc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hpc-form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.hpc-form-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.hpc-span-2{grid-column:span 2/span 2}.hpc-span-3{grid-column:span 3/span 3}.hpc-span-4{grid-column:span 4/span 4}.hpc-button,.hpc-icon-button,.hpc-user-button,.hpc-page-container button:not(.hpc-sidebar-link):not(.hpc-dropdown-item):not(.auth-password-toggle),.hpc-page-container a[class*="rounded"]{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--workspace-line);border-radius:14px;background:#fff;color:#173a56;min-height:40px;padding:.58rem .85rem;font-size:.78rem;font-weight:950;box-shadow:0 8px 20px rgba(15,23,42,.045);text-decoration:none}.hpc-page-container button[type="submit"],.hpc-page-container .bg-slate-950,.hpc-page-container [class*="bg-slate-950"],.hpc-page-container [class*="bg-black"]{background:#020617!important;color:#fff!important;border-color:#020617!important}.hpc-button-soft{background:#eef9fd;color:#1676a0;border-color:#cbe9f5}.hpc-icon-button{width:40px;padding:0}.hpc-mobile-menu-button{display:none}.hpc-user-button{padding:.35rem .5rem}.hpc-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#020617;color:#fff;font-size:.72rem;font-weight:950}.hpc-user-meta strong,.hpc-user-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hpc-user-meta small{color:#64748b;font-size:.68rem}.hpc-dropdown{position:relative}.hpc-dropdown-panel{display:none;position:absolute;right:0;top:calc(100% + .55rem);z-index:80;width:260px;border:1px solid var(--workspace-line);border-radius:22px;background:#fff;box-shadow:0 18px 52px rgba(15,23,42,.12);padding:.55rem}.hpc-dropdown.is-open .hpc-dropdown-panel{display:block}.hpc-user-panel{width:300px;padding:0;overflow:hidden}.hpc-dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.6rem;border:0;border-radius:14px;background:transparent;color:#334155;padding:.68rem .75rem;text-align:left;font-size:.86rem;font-weight:800}.hpc-dropdown-item:hover{background:#f1f7fb}.hpc-dropdown-item.is-active{background:#173a56;color:#fff}.hpc-user-panel-head{padding:1rem;border-bottom:1px solid var(--workspace-line);background:#f8fbfd}.hpc-user-panel-head p{margin:0 0 .45rem;color:#64748b;font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.14em}.hpc-user-panel-head strong,.hpc-user-panel-head span{display:block}.hpc-user-panel-head em{display:inline-flex;margin-top:.65rem;border-radius:999px;background:#eaf7fc;color:#1676a0;padding:.3rem .55rem;font-size:.68rem;font-style:normal;font-weight:950;text-transform:uppercase}.hpc-user-panel-body{padding:.55rem}.hpc-dropdown-form-divider{margin-top:.3rem;padding-top:.3rem;border-top:1px solid var(--workspace-line)}.hpc-danger-text{color:#dc1d48!important}.hpc-page-container table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--workspace-line);border-radius:18px;overflow:hidden}.hpc-page-container th{background:#f6fafc;color:#5c7189;font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;text-align:left}.hpc-page-container th,.hpc-page-container td{padding:.85rem 1rem;border-bottom:1px solid #edf3f7;vertical-align:middle}.hpc-page-container tr:last-child td{border-bottom:0}.hpc-page-container form{max-width:100%}.hpc-page-container label,.hpc-page-container .as-label{display:block;margin-bottom:.35rem;color:#5c7189;font-size:.76rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.hpc-page-container input,.hpc-page-container select,.hpc-page-container textarea{width:100%;min-height:44px;border:1px solid #bfd5e5;border-radius:16px;background:#fff;color:#122033;padding:.7rem .85rem;outline:none;font-weight:650}.hpc-page-container textarea{min-height:130px}.hpc-page-container input:focus,.hpc-page-container select:focus,.hpc-page-container textarea:focus{border-color:var(--hpc-blue,#1c8fbd);box-shadow:0 0 0 4px rgba(28,143,189,.14)}.hpc-page-container .grid{display:grid;gap:1rem}.hpc-page-container .md\:grid-cols-2,.hpc-page-container .lg\:grid-cols-2,.hpc-page-container .xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hpc-page-container .md\:grid-cols-3,.hpc-page-container .lg\:grid-cols-3,.hpc-page-container .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hpc-page-container .md\:grid-cols-4,.hpc-page-container .lg\:grid-cols-4,.hpc-page-container .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.hpc-page-container .md\:col-span-2,.hpc-page-container .lg\:col-span-2,.hpc-page-container .xl\:col-span-2{grid-column:span 2/span 2}.hpc-app-footer{border-top:1px solid var(--workspace-line);background:#fff;color:#61748d;padding:.72rem 1.2rem}.hpc-footer-inner{width:min(100%,1680px);margin:auto;display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:.75rem;font-weight:750}.hpc-status-pill{display:inline-flex;align-items:center;gap:.45rem}.hpc-status-pill span{width:.45rem;height:.45rem;border-radius:999px;background:var(--hpc-green,#39B54A)}
@media(max-width:1100px){.hpc-mobile-menu-button{display:inline-flex}.hpc-sidebar{transform:translateX(-105%)}body.hpc-sidebar-open .hpc-sidebar{transform:translateX(0)}body.hpc-sidebar-open .hpc-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:55;background:rgba(2,6,23,.45)}.hpc-sidebar-close{display:inline-flex;align-items:center;justify-content:center}.hpc-app-main{margin-left:0}.hpc-main-content{padding:.9rem}.hpc-user-meta{display:none}.hpc-hide-sm{display:none!important}.hpc-page-container .md\:grid-cols-2,.hpc-page-container .lg\:grid-cols-2,.hpc-page-container .xl\:grid-cols-2,.hpc-page-container .md\:grid-cols-3,.hpc-page-container .lg\:grid-cols-3,.hpc-page-container .xl\:grid-cols-3,.hpc-page-container .md\:grid-cols-4,.hpc-page-container .lg\:grid-cols-4,.hpc-page-container .xl\:grid-cols-4,.hpc-grid-2,.hpc-grid-3,.hpc-grid-4,.hpc-form-grid,.hpc-form-grid-3,.hpc-form-grid-4{grid-template-columns:1fr}.hpc-page-container .md\:col-span-2,.hpc-page-container .lg\:col-span-2,.hpc-page-container .xl\:col-span-2,.hpc-span-2,.hpc-span-3,.hpc-span-4{grid-column:auto}.hpc-topbar-title h1{max-width:42vw}.hpc-footer-inner{flex-direction:column;align-items:flex-start}}


/* 2026-06 compact workspace density patch.
   Purpose: make desktop pages compact and readable without npm/Tailwind compilation. */
@media (min-width:1024px){
  .hpc-main-content{padding:1rem 1.15rem!important;}
  .hpc-page-container{width:min(100%,1840px)!important;gap:.85rem!important;}
  .hpc-page-container>.space-y-5>*+*{margin-top:.85rem!important;}
  .hpc-page-container .gap-4{gap:.85rem!important;}
  .hpc-page-container .gap-5{gap:1rem!important;}
  .hpc-page-container .p-5{padding:1rem!important;}
  .hpc-page-container .p-4{padding:.85rem!important;}
  .hpc-page-container .rounded-2xl{border-radius:20px!important;}
  .hpc-page-container .rounded-3xl{border-radius:24px!important;}
  .hpc-page-container .xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important;}
  .hpc-page-container .xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))!important;}
  .hpc-page-container .xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))!important;}
  .hpc-page-container .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
  .hpc-page-container .xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  .hpc-page-container .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .hpc-page-container .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .hpc-page-container .xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .hpc-page-container .xl\:col-span-1{grid-column:span 1/span 1!important;}
  .hpc-page-container .xl\:col-span-2{grid-column:span 2/span 2!important;}
  .hpc-page-container .xl\:col-span-3{grid-column:span 3/span 3!important;}
  .hpc-page-container .xl\:col-span-4{grid-column:span 4/span 4!important;}
  .hpc-page-container .xl\:col-span-5{grid-column:span 5/span 5!important;}
  .hpc-page-container .xl\:col-span-6{grid-column:span 6/span 6!important;}
  .hpc-page-container .xl\:col-span-7{grid-column:span 7/span 7!important;}
  .hpc-page-container .xl\:col-span-8{grid-column:span 8/span 8!important;}
  .hpc-page-container .xl\:col-span-9{grid-column:span 9/span 9!important;}
  .hpc-page-container .xl\:col-span-10{grid-column:span 10/span 10!important;}
  .hpc-page-container .xl\:col-span-11{grid-column:span 11/span 11!important;}
  .hpc-page-container .xl\:col-span-12{grid-column:span 12/span 12!important;}
}
.hpc-compact-page{display:grid;gap:.85rem;}
.hpc-compact-card{border:1px solid var(--workspace-line);border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.045);overflow:hidden;}
.hpc-compact-card-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.85rem 1rem;border-bottom:1px solid var(--workspace-line);}
.hpc-compact-card-body{padding:1rem;}
.hpc-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;}
.hpc-mini-stat{border:1px solid #e1edf5;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbfd);padding:.85rem;min-height:82px;}
.hpc-mini-stat span{display:block;color:#5c7189;font-size:.72rem;font-weight:850;}
.hpc-mini-stat strong{display:block;margin-top:.35rem;color:#07162a;font-size:1.55rem;font-weight:950;line-height:1;}
.hpc-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;}
.hpc-action-card{border:1px solid #e1edf5;border-radius:18px;background:#f8fbfd;padding:.85rem;text-decoration:none;color:#173a56;}
.hpc-action-card strong{display:block;color:#122033;font-size:.9rem;font-weight:950;}
.hpc-action-card span{display:block;margin-top:.2rem;color:#61748d;font-size:.78rem;line-height:1.35;}
.hpc-session-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;}
.hpc-session-card{border:1px solid #e1edf5;border-radius:18px;background:#fff;padding:.85rem;min-width:0;}
.hpc-session-card-title{font-weight:950;color:#07162a;line-height:1.25;}
.hpc-session-card-meta{margin-top:.25rem;color:#61748d;font-size:.75rem;}
.hpc-chip-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem;}
.hpc-chip{display:inline-flex;align-items:center;border:1px solid #e1edf5;border-radius:999px;background:#f8fbfd;color:#46617a;padding:.22rem .5rem;font-size:.72rem;font-weight:850;}
.hpc-button-row{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:.7rem;}
.hpc-page-container .hpc-compact-card .hpc-button-row a,
.hpc-page-container .hpc-compact-card .hpc-button-row button{min-height:34px!important;border-radius:12px!important;padding:.42rem .65rem!important;font-size:.72rem!important;}
.hpc-compact-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.65rem;}
.hpc-compact-list-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid #e1edf5;border-radius:16px;background:#fff;padding:.72rem .8rem;}
.hpc-compact-list-row strong{font-size:.86rem;color:#122033;}
.hpc-compact-list-row span{color:#61748d;font-size:.75rem;}
.hpc-filter-grid{display:grid;grid-template-columns:2fr repeat(auto-fit,minmax(160px,1fr));gap:.65rem;align-items:end;}
.hpc-page-container table.hpc-dense-table,
.hpc-page-container .hpc-dense-table table{font-size:.82rem;}
.hpc-page-container table.hpc-dense-table th,
.hpc-page-container table.hpc-dense-table td,
.hpc-page-container .hpc-dense-table th,
.hpc-page-container .hpc-dense-table td{padding:.58rem .7rem!important;}
.hpc-page-container .hpc-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;}
.hpc-page-container .hpc-form-grid-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem .85rem;}
.hpc-page-container .hpc-form-grid-compact .full,.hpc-page-container .hpc-form-grid-compact .hpc-full{grid-column:1/-1;}
@media (max-width:900px){
  .hpc-mini-grid,.hpc-action-grid,.hpc-session-card-grid,.hpc-compact-list,.hpc-filter-grid,.hpc-page-container .hpc-grid-auto,.hpc-page-container .hpc-form-grid-compact{grid-template-columns:1fr;}
}

/* 2026-06-11 core tenant pages stabilization: separated index/form/show and compact desktop density. */
.hpc-core-page{display:grid;gap:.9rem;max-width:100%;}
.hpc-core-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;border:1px solid #d8e6f0;border-radius:24px;background:linear-gradient(135deg,#fff,#f7fbfd 62%,#edf9f1);box-shadow:0 14px 34px rgba(15,23,42,.055);padding:1rem 1.1rem;}
.hpc-core-hero h1{margin:.25rem 0 0;color:#07162a;font-size:clamp(1.7rem,2.6vw,3rem);font-weight:950;line-height:1;letter-spacing:-.045em;}
.hpc-core-hero p{margin:.35rem 0 0;color:#61748d;font-size:.92rem;line-height:1.5;}
.hpc-core-kicker{display:inline-flex;width:max-content;align-items:center;gap:.35rem;border-radius:999px;background:#e8f7fd;border:1px solid #c6e6f4;color:#1676a0;padding:.28rem .62rem;font-size:.68rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase;}
.hpc-core-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap;}
.hpc-core-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:14px;border:1px solid #cfe3ef;padding:.55rem .82rem;font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;}
.hpc-core-btn-primary{background:#1c8fbd;border-color:#1c8fbd;color:#fff!important;box-shadow:0 12px 22px rgba(28,143,189,.18);}
.hpc-core-btn-soft{background:#f3f9fc;color:#173a56!important;}
.hpc-core-btn-warning{background:#f7941d;border-color:#f7941d;color:#fff!important;}
.hpc-core-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;}
.hpc-core-stats>div{border:1px solid #d8e6f0;border-radius:20px;background:#fff;padding:.85rem;box-shadow:0 10px 24px rgba(15,23,42,.04);}
.hpc-core-stats span{display:block;color:#61748d;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;}
.hpc-core-stats strong{display:block;margin-top:.25rem;color:#07162a;font-size:1.7rem;font-weight:950;line-height:1;}
.hpc-core-panel{border:1px solid #d8e6f0;border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.045);overflow:hidden;}
.hpc-core-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid #edf3f7;}
.hpc-core-panel-head h2{margin:0;color:#07162a;font-size:1.1rem;font-weight:950;letter-spacing:-.02em;}
.hpc-core-panel-head p{margin:.18rem 0 0;color:#61748d;font-size:.8rem;line-height:1.45;}
.hpc-core-filter-row{display:grid;grid-template-columns:minmax(220px,1fr) 150px;gap:.55rem;min-width:min(100%,520px);}
.hpc-core-filter-row.three{grid-template-columns:minmax(220px,1fr) 190px 140px;min-width:min(100%,720px);}.hpc-core-filter-row.four{grid-template-columns:minmax(220px,1fr) 150px 190px auto;min-width:min(100%,860px);align-items:center;}
.hpc-core-filter-row input,.hpc-core-filter-row select,.hpc-core-field input,.hpc-core-field select{width:100%;min-height:42px;border:1px solid #bfd5e5;border-radius:14px;background:#fff;color:#122033;padding:.62rem .75rem;font-weight:750;outline:none;box-sizing:border-box;}
.hpc-core-filter-row input:focus,.hpc-core-filter-row select:focus,.hpc-core-field input:focus,.hpc-core-field select:focus{border-color:#1c8fbd;box-shadow:0 0 0 4px rgba(28,143,189,.14);}
.hpc-core-table-wrap{overflow-x:auto;}
.hpc-core-table{width:100%;border-collapse:collapse!important;border:0!important;min-width:980px;}
.hpc-core-table th{background:#f6fafc!important;color:#5c7189!important;font-size:.68rem!important;font-weight:950!important;letter-spacing:.11em!important;text-transform:uppercase!important;text-align:left!important;padding:.7rem .8rem!important;white-space:nowrap;}
.hpc-core-table td{border-top:1px solid #edf3f7!important;padding:.68rem .8rem!important;vertical-align:middle!important;color:#334b62!important;font-size:.84rem!important;}
.hpc-core-table td strong{display:block;color:#122033;font-weight:950;line-height:1.22;}
.hpc-core-table td small{display:block;margin-top:.16rem;color:#61748d;font-size:.72rem;}
.hpc-core-actions-col{width:1%;text-align:right!important;}
.hpc-core-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;flex-wrap:wrap;}
.hpc-core-row-actions a,.hpc-core-row-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border-radius:10px;border:1px solid #d8e6f0;background:#fff;color:#1676a0;padding:.35rem .52rem;font-size:.68rem;font-weight:950;text-transform:uppercase;text-decoration:none;cursor:pointer;}
.hpc-core-row-actions .danger,.hpc-core-row-actions button.danger{border-color:#ffd5dc;color:#c9184a;background:#fff5f6;}
.hpc-core-row-actions .impersonate{border-color:#fed7aa;color:#c2410c;background:#fff7ed;}
.hpc-core-chipline{display:flex;align-items:center;gap:.28rem;flex-wrap:wrap;}
.hpc-core-chipline span,.hpc-core-pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #d8e6f0;background:#f8fbfd;color:#46617a;padding:.18rem .45rem;font-size:.68rem;font-weight:850;white-space:nowrap;}
.hpc-core-chipline.big{padding:1rem;gap:.5rem;}.hpc-core-chipline.big span{font-size:.78rem;padding:.35rem .65rem;}
.hpc-core-status{display:inline-flex;align-items:center;border-radius:999px;padding:.24rem .52rem;font-size:.68rem;font-weight:950;text-transform:uppercase;}
.hpc-core-status.is-on{background:#ecfbef;color:#166534;border:1px solid #b8edc5;}.hpc-core-status.is-off{background:#f1f5f9;color:#64748b;border:1px solid #dbe5ed;}
.hpc-core-empty{text-align:center!important;color:#61748d!important;padding:2rem!important;}.hpc-core-empty strong,.hpc-core-empty span{display:block}.hpc-core-empty strong{color:#122033;font-size:.9rem}.hpc-core-empty span{margin-top:.25rem;font-size:.78rem;line-height:1.45}
.hpc-core-pagination{padding:.75rem 1rem;border-top:1px solid #edf3f7;}
.hpc-core-form{padding:1rem;}
.hpc-core-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem .9rem;}
.hpc-core-field label{display:block;margin-bottom:.35rem;color:#5c7189;font-size:.7rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase;}
.hpc-core-checks{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;border:1px solid #d8e6f0;border-radius:16px;background:#f8fbfd;padding:.7rem;}
.hpc-core-checks label{display:inline-flex;align-items:center;gap:.45rem;margin:0;color:#334b62;font-size:.78rem;font-weight:850;letter-spacing:0;text-transform:none;}.hpc-core-checks input{width:16px;height:16px;accent-color:#1c8fbd;}
.hpc-span-2{grid-column:span 2/span 2;}.hpc-span-3{grid-column:span 3/span 3;}.hpc-span-4{grid-column:1/-1;}
.hpc-core-pill-select{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.45rem;border:1px solid #d8e6f0;border-radius:16px;background:#f8fbfd;padding:.55rem;max-height:260px;overflow:auto;}
.hpc-core-pill-select label{display:flex!important;align-items:center;gap:.45rem;border:1px solid #d8e6f0;border-radius:999px;background:#fff;padding:.4rem .55rem;margin:0!important;font-size:.75rem!important;font-weight:850!important;letter-spacing:0!important;text-transform:none!important;color:#334b62!important;}
.hpc-core-pill-select input{width:16px;height:16px;accent-color:#1c8fbd;}.hpc-core-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #edf3f7;}
.hpc-core-alert{margin:1rem 0 0;border-radius:16px;padding:.78rem .9rem;font-size:.84rem;font-weight:800;}.hpc-core-alert.danger{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;}.hpc-core-alert.info{margin:1rem;background:#eef9fd;border:1px solid #c6e6f4;color:#1676a0;}
.hpc-core-tabs{display:flex;gap:.35rem;flex-wrap:wrap;padding:.7rem .8rem;border-bottom:1px solid #edf3f7;background:#f8fbfd;}.hpc-core-tabs button{border:1px solid #d8e6f0;border-radius:999px;background:#fff;color:#46617a;min-height:34px;padding:.42rem .7rem;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;}.hpc-core-tabs button.active{background:#1c8fbd;border-color:#1c8fbd;color:#fff;}
.hpc-core-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;padding:1rem;}.hpc-core-info-grid>div{border:1px solid #d8e6f0;border-radius:16px;background:#fff;padding:.75rem;}.hpc-core-info-grid span{display:block;color:#61748d;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;}.hpc-core-info-grid strong{display:block;margin-top:.2rem;color:#122033;font-size:.92rem;font-weight:950;word-break:break-word;}.hpc-core-inline-link{color:#1676a0;font-weight:950;text-decoration:none;}
@media(max-width:1100px){.hpc-core-hero,.hpc-core-panel-head{align-items:flex-start;flex-direction:column}.hpc-core-filter-row,.hpc-core-filter-row.three,.hpc-core-filter-row.four{grid-template-columns:1fr;min-width:0;width:100%}.hpc-core-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hpc-core-form-grid,.hpc-core-info-grid{grid-template-columns:1fr}.hpc-span-2,.hpc-span-3,.hpc-span-4{grid-column:auto}.hpc-core-table{min-width:820px}}
@media(max-width:640px){.hpc-core-stats{grid-template-columns:1fr}.hpc-core-hero{border-radius:18px;padding:.85rem}.hpc-core-actions{justify-content:flex-start}.hpc-core-btn{width:100%}.hpc-core-form-actions{flex-direction:column}.hpc-core-form-actions .hpc-core-btn{width:100%}}

/* 2026-06-11 illustrated guide page for /assessment/panduan. */
.hpc-guide-page{display:grid;gap:1rem;}
.hpc-guide-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,.48fr);gap:1rem;align-items:center;border:1px solid #d8e6f0;border-radius:26px;background:linear-gradient(135deg,#fff,#f7fbfd 55%,#eaf8ee);padding:1rem;box-shadow:0 14px 36px rgba(15,23,42,.05);overflow:hidden;}
.hpc-guide-hero h1{margin:.45rem 0 .5rem;color:#07162a;font-size:clamp(2rem,3.6vw,4rem);line-height:.98;font-weight:950;letter-spacing:-.05em;}.hpc-guide-hero p{max-width:860px;color:#53677d;font-size:1rem;line-height:1.7;}
.hpc-guide-hero figure{margin:0;border:1px solid #d8e6f0;border-radius:22px;background:#fff;padding:.4rem;max-height:420px;overflow:hidden;}.hpc-guide-hero img{display:block;width:100%;height:100%;max-height:400px;object-fit:cover;object-position:top;}
.hpc-guide-chiprow{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.85rem;}.hpc-guide-chiprow span{display:inline-flex;border:1px solid #d8e6f0;border-radius:999px;background:#fff;color:#46617a;padding:.25rem .55rem;font-size:.72rem;font-weight:850;}.hpc-guide-chiprow.compact{margin:.65rem 0}.hpc-guide-chiprow.compact span{font-size:.68rem;padding:.2rem .45rem;}
.hpc-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;}.hpc-guide-card{display:grid;grid-template-rows:auto 1fr;border:1px solid #d8e6f0;border-radius:24px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.045);overflow:hidden;}.hpc-guide-image-link{display:block;background:#f8fbfd;border-bottom:1px solid #edf3f7;max-height:360px;overflow:hidden;}.hpc-guide-card img{display:block;width:100%;height:360px;object-fit:cover;object-position:top;transition:transform .2s ease;}.hpc-guide-card:hover img{transform:scale(1.012);}.hpc-guide-card-body{display:grid;gap:.35rem;align-content:start;padding:.9rem;}.hpc-guide-card h2{margin:0;color:#07162a;font-size:1rem;font-weight:950;line-height:1.2;}.hpc-guide-card p{margin:0;color:#61748d;font-size:.82rem;line-height:1.5;}
.hpc-guide-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:1rem;align-items:start;}.hpc-guide-menu{position:sticky;top:88px;border:1px solid #d8e6f0;border-radius:24px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.045);overflow:hidden;}.hpc-guide-link-list{display:grid;gap:.55rem;padding:.8rem;max-height:calc(100vh - 170px);overflow:auto;}.hpc-guide-link-list div{border:1px solid #edf3f7;border-radius:16px;background:#f8fbfd;padding:.72rem;}.hpc-guide-link-list strong,.hpc-guide-link-list span{display:block;}.hpc-guide-link-list strong{color:#122033;font-size:.85rem;font-weight:950;}.hpc-guide-link-list span{margin-top:.18rem;color:#61748d;font-size:.74rem;line-height:1.38;}.hpc-guide-link-list a,.hpc-guide-link-list em{display:inline-flex;margin-top:.5rem;border-radius:999px;padding:.26rem .55rem;font-size:.66rem;font-weight:950;text-transform:uppercase;text-decoration:none;}.hpc-guide-link-list a{background:#1c8fbd;color:#fff;}.hpc-guide-link-list em{background:#e2e8f0;color:#64748b;font-style:normal;}.hpc-guide-sections{display:grid;gap:1rem;}.hpc-guide-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:1rem;}.hpc-guide-mini-grid div{border:1px solid #d8e6f0;border-radius:18px;background:#fff;padding:.85rem;}.hpc-guide-mini-grid strong{display:block;color:#122033;font-size:.9rem;font-weight:950;}.hpc-guide-mini-grid p{margin:.25rem 0 0;color:#61748d;font-size:.8rem;line-height:1.5;}
@media(max-width:1280px){.hpc-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.hpc-guide-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.hpc-guide-layout{grid-template-columns:1fr}.hpc-guide-menu{position:static}.hpc-guide-link-list{max-height:none;grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:900px){.hpc-guide-hero{grid-template-columns:1fr}.hpc-guide-grid{grid-template-columns:1fr}.hpc-guide-link-list,.hpc-guide-mini-grid{grid-template-columns:1fr}.hpc-guide-card img{height:auto;max-height:none}.hpc-guide-image-link{max-height:none}.hpc-guide-hero figure{max-height:none}.hpc-guide-hero img{max-height:none;object-fit:contain}}

/* 2026-06-11 access/navigation stabilization: nested sidebar dropdowns, local icons, compact role pills. */
.hpc-local-svg{width:1rem;height:1rem;flex:0 0 1rem;display:inline-block;vertical-align:-.16em;stroke:currentColor;fill:none;overflow:visible}.hpc-icon-button .hpc-local-svg,.hpc-button .hpc-local-svg,.hpc-user-button .hpc-local-svg{width:1.05rem;height:1.05rem}.hpc-sidebar-icon.hpc-local-svg{width:1rem;height:1rem;opacity:.95}.hpc-sidebar-group>.hpc-sidebar-link{cursor:pointer}.hpc-sidebar-group.depth-0{border-radius:18px}.hpc-sidebar-group.depth-0.is-open{background:rgba(255,255,255,.04);padding-bottom:.18rem}.hpc-sidebar-toggle .hpc-sidebar-chevron{transition:transform .18s ease,opacity .18s ease;opacity:.75}.hpc-sidebar-group.is-open>.hpc-sidebar-toggle .hpc-sidebar-chevron{transform:rotate(180deg)}.hpc-sidebar-children{margin:.18rem 0 .35rem 1.05rem;padding-left:.7rem;border-left:1px solid rgba(217,238,247,.22)}.hpc-sidebar-group.depth-1>.hpc-sidebar-children{margin-left:.8rem}.hpc-sidebar-link.depth-0{min-height:42px}.hpc-sidebar-link.depth-1{font-size:.78rem;padding:.55rem .62rem}.hpc-sidebar-link.depth-2{font-size:.74rem;padding:.48rem .58rem;color:rgba(232,246,252,.88)}.hpc-sidebar-link.is-child .hpc-sidebar-icon{width:.88rem;height:.88rem}.hpc-sidebar-link.is-child .hpc-sidebar-dot{width:.42rem;height:.42rem;flex-basis:.42rem}.hpc-dropdown-caption{padding:.35rem .65rem .45rem;color:#64748b;font-size:.68rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.hpc-role-panel{width:300px}.hpc-role-panel .hpc-dropdown-item span{display:grid;gap:.08rem}.hpc-role-panel .hpc-dropdown-item small{font-size:.68rem;font-weight:800;color:inherit;opacity:.72}.hpc-core-pill-select{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem!important}.hpc-core-pill-select label{position:relative;min-height:38px;justify-content:center;text-align:center;overflow:hidden}.hpc-core-pill-select input{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important}.hpc-core-pill-select label span{display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:999px}.hpc-core-pill-select label:has(input:checked){background:#e8f7fd!important;border-color:#1c8fbd!important;color:#126d96!important;box-shadow:0 8px 20px rgba(28,143,189,.12)}.hpc-core-pill-select label:has(input:checked)::before{content:"✓";display:inline-grid;place-items:center;width:1.15rem;height:1.15rem;margin-right:.25rem;border-radius:999px;background:#1c8fbd;color:#fff;font-size:.72rem;font-weight:950}.hpc-access-shortcuts{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.hpc-access-shortcuts a{display:inline-flex;align-items:center;gap:.4rem;border:1px solid #cbe9f5;border-radius:999px;background:#eef9fd;color:#1676a0;padding:.48rem .75rem;font-size:.76rem;font-weight:950;text-decoration:none}.hpc-access-shortcuts a:hover{background:#dff3fb}.hpc-topbar-actions .hpc-icon-button{color:#173a56;background:#fff}.hpc-topbar-actions .hpc-icon-button:hover,.hpc-topbar-actions .hpc-button:hover{background:#eef9fd;border-color:#bce3f2;color:#126d96}
.hpc-core-help{margin:-.15rem 0 .55rem;color:#64748b;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:none!important;}

/* 2026-06-12 RBAC, tenant settings, sidebar active-state stabilization. */
.hpc-sidebar-link.has-active-child{background:rgba(255,255,255,.07);color:#f2fbff;border-color:rgba(255,255,255,.08)}
.hpc-sidebar-link.has-active-child .hpc-sidebar-icon,.hpc-sidebar-link.has-active-child .hpc-sidebar-dot{opacity:.95;color:#9ee7ff}
.hpc-sidebar-link.is-active{background:#eaf7fc!important;color:#126d96!important;border-color:rgba(255,255,255,.18);box-shadow:0 10px 28px rgba(2,6,23,.16)}
.hpc-sidebar-link.is-active .hpc-sidebar-icon,.hpc-sidebar-link.is-active .hpc-sidebar-dot{color:#126d96;opacity:1}
.hpc-sidebar-children .hpc-sidebar-link.is-active{background:#f2fbff!important;color:#126d96!important}
.hpc-card{border:1px solid var(--workspace-line,#dbe8f1);border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.055)}
.hpc-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid #edf3f7}
.hpc-card-title{margin:0;color:#102840;font-size:1rem;font-weight:950;letter-spacing:-.02em}.hpc-card-subtitle{margin:.25rem 0 0;color:#64748b;font-size:.84rem;line-height:1.45}.hpc-eyebrow{display:inline-flex;margin-bottom:.3rem;color:#1c8fbd;font-size:.67rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.hpc-muted{color:#64748b;font-size:.77rem;font-weight:750}.hpc-break{overflow-wrap:break-word}.hpc-table-title{font-weight:950;color:#102840}.hpc-status-badge{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid #cbe9f5;border-radius:999px;background:#e8f7fd;color:#126d96;padding:.34rem .65rem;font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.hpc-status-badge-soft{border-color:#dbe4ec;background:#f6fafc;color:#64748b}.hpc-alert{border-radius:18px;padding:.8rem .95rem;font-size:.85rem;font-weight:850}.hpc-alert-danger{border:1px solid #fecdd3;background:#fff1f2;color:#be123c}.hpc-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding-top:.35rem}.hpc-button-primary{background:#102840!important;border-color:#102840!important;color:#fff!important}.hpc-button-danger{background:#fff1f2!important;border-color:#fecdd3!important;color:#be123c!important}.hpc-button-warning{background:#fff7ed!important;border-color:#fed7aa!important;color:#c2410c!important}.hpc-empty-state{display:grid;gap:.45rem;place-items:center;text-align:center;border:1px dashed #cbd8e3;border-radius:20px;background:#f8fbfd;color:#64748b;padding:1.1rem}.hpc-empty-state strong{display:block;color:#102840;font-size:.92rem}.hpc-empty-state span{display:block;max-width:42rem;font-size:.82rem;line-height:1.45}.hpc-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.hpc-section-head h3{margin:0;color:#102840;font-size:.95rem;font-weight:950}.hpc-section-head p{margin:.2rem 0 0;color:#64748b;font-size:.8rem;line-height:1.45}.hpc-table-wrap{overflow:auto;border:1px solid #edf3f7;border-radius:20px}.hpc-table{min-width:100%;font-size:.84rem}.hpc-table .hpc-actions-col{text-align:right}.hpc-table-actions{white-space:nowrap;text-align:right}.hpc-table-actions .hpc-button{min-height:34px;padding:.45rem .65rem;border-radius:12px}.hpc-table-actions{display:flex;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}
.hpc-tabs{display:grid;gap:0;border:1px solid #edf3f7;border-radius:22px;background:#f8fbfd;overflow:hidden}.hpc-tabs-nav{display:flex;gap:.45rem;align-items:center;overflow:auto;padding:.55rem;border-bottom:1px solid #edf3f7;background:#fff}.hpc-tab-button{min-height:38px;border:1px solid #dbe8f1!important;border-radius:999px!important;background:#f8fbfd!important;color:#50667c!important;padding:.5rem .85rem!important;font-size:.75rem!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;box-shadow:none!important;white-space:nowrap}.hpc-tab-button.is-active{background:#102840!important;border-color:#102840!important;color:#fff!important}.hpc-tab-panel{padding:1rem;background:#fff}.hpc-tab-panel[hidden]{display:none!important}.hpc-context-selector{display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:.55rem 1rem;align-items:end;margin:0 1.1rem 1rem;padding:.85rem;border:1px solid #dbe8f1;border-radius:18px;background:#f8fbfd}.hpc-context-selector label{grid-column:1;color:#5c7189;font-size:.72rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.hpc-context-selector select{grid-column:1}.hpc-context-selector p{grid-column:2;grid-row:1 / span 2;margin:0;color:#64748b;font-size:.82rem;line-height:1.45}.hpc-tenant-badges{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.hpc-tenant-form{padding:0 1.1rem 1.1rem}.hpc-color-field{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.45rem .7rem}.hpc-color-field label{grid-column:1 / -1}.hpc-color-field input[type="color"]{width:58px!important;min-height:40px!important;padding:.2rem!important;border-radius:12px!important}.hpc-color-field span{color:#64748b;font-size:.78rem;font-weight:850}.hpc-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.hpc-module-card{position:relative;display:flex!important;gap:.7rem;align-items:flex-start;margin:0!important;padding:.85rem!important;border:1px solid #dbe8f1;border-radius:18px;background:#f8fbfd;text-transform:none!important;letter-spacing:0!important;color:#102840!important;cursor:pointer}.hpc-module-card input{width:auto!important;min-height:auto!important;margin-top:.1rem}.hpc-module-card strong{display:block;color:#102840;font-size:.86rem;font-weight:950}.hpc-module-card small{display:inline-flex;margin:.22rem 0;color:#1c8fbd;font-size:.68rem;font-weight:950}.hpc-module-card em{display:block;color:#64748b;font-size:.76rem;font-style:normal;line-height:1.35}.hpc-module-card:has(input:checked){background:#e8f7fd;border-color:#1c8fbd;box-shadow:0 12px 26px rgba(28,143,189,.1)}
.hpc-access-manager{display:grid;grid-template-columns:minmax(360px,440px) minmax(0,1fr);gap:1rem;align-items:start}.hpc-permission-manager{grid-template-columns:minmax(320px,390px) minmax(0,1fr)}.hpc-access-panel{overflow:hidden}.hpc-access-header{padding:1rem}.hpc-access-header .hpc-list-search{min-width:260px;margin:0}.hpc-access-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;padding:0 1rem 1rem}.hpc-access-stats div{border:1px solid #edf3f7;border-radius:16px;background:#f8fbfd;padding:.7rem}.hpc-access-stats span{display:block;color:#64748b;font-size:.68rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.hpc-access-stats strong{display:block;margin-top:.15rem;color:#102840;font-size:1.15rem;font-weight:950}.hpc-access-editor form,.hpc-permission-editor form{padding:1rem}.hpc-permission-picker{border:1px solid #edf3f7;border-radius:20px;background:#f8fbfd;padding:.85rem}.hpc-permission-search{min-width:250px;margin:0}.hpc-permission-groups{display:grid;gap:.65rem;max-height:56vh;overflow:auto;padding-right:.25rem}.hpc-permission-group{border:1px solid #dbe8f1;border-radius:18px;background:#fff;padding:.75rem}.hpc-permission-group-head{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin-bottom:.6rem}.hpc-permission-group-head strong{color:#102840;font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.hpc-permission-group-head span{border-radius:999px;background:#f1f7fb;color:#64748b;padding:.24rem .5rem;font-size:.66rem;font-weight:950}.hpc-permission-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.hpc-check-card{display:flex!important;align-items:flex-start;gap:.45rem;margin:0!important;border:1px solid #edf3f7;border-radius:14px;background:#fbfdff;padding:.55rem!important;color:#334155!important;text-transform:none!important;letter-spacing:0!important;font-size:.75rem!important;font-weight:800!important;line-height:1.35;cursor:pointer}.hpc-check-card input{width:auto!important;min-height:auto!important;margin:.05rem 0 0!important;accent-color:#1c8fbd}.hpc-check-card span{overflow-wrap:break-word}.hpc-check-card:has(input:checked){background:#e8f7fd;border-color:#1c8fbd;color:#126d96!important}.hpc-access-list{min-width:0}.hpc-access-list .hpc-table-wrap,.hpc-permission-list .hpc-table-wrap{margin:0 1rem}.hpc-access-table th,.hpc-access-table td{padding:.7rem .85rem!important}.hpc-access-shortcuts a.is-active,.hpc-access-shortcuts a:hover{background:#173a56;color:#fff;border-color:#173a56}
@media(max-width:1280px){.hpc-access-manager,.hpc-permission-manager{grid-template-columns:1fr}.hpc-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.hpc-context-selector{grid-template-columns:1fr}.hpc-context-selector label,.hpc-context-selector select,.hpc-context-selector p{grid-column:auto;grid-row:auto}.hpc-permission-items,.hpc-module-grid{grid-template-columns:1fr}.hpc-access-header{flex-direction:column}.hpc-access-header .hpc-list-search,.hpc-permission-search{width:100%;min-width:0}.hpc-section-head{flex-direction:column}.hpc-access-stats{grid-template-columns:1fr}.hpc-tabs-nav{padding:.45rem}.hpc-tab-panel{padding:.8rem}}

/* 2026-06-12 compact density and record-detail tab standard. */
@media (min-width: 1101px){
  .hpc-page-container .hpc-record-grid,
  .hpc-record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;align-items:stretch}
  .hpc-page-container .hpc-stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.65rem}
  .hpc-page-container .hpc-form-grid,
  .hpc-page-container .hpc-form-grid-compact{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem .85rem}
  .hpc-page-container .hpc-mini-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.65rem}
  .hpc-page-container .hpc-filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;align-items:end}
}
.hpc-record-grid .hpc-card{box-shadow:0 10px 24px rgba(15,23,42,.04)}
.hpc-tabs .hpc-tab-panel .hpc-record-grid{margin:0}
.hpc-tabs-nav .hpc-tab-button{cursor:pointer}

/* 2026-06-12 workspace uniformity: breadcrumbs, compact headings, and sane check/radio controls. */
.hpc-breadcrumbs {
    border-top: 1px solid rgba(216, 230, 240, .72);
    padding: .42rem 1.2rem .58rem;
    background: rgba(248, 251, 253, .82);
}
.hpc-breadcrumbs ol {
    width: min(100%, 1680px);
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .2rem;
    list-style: none;
}
.hpc-breadcrumbs li {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    color: #7a8da3;
    font-size: .72rem;
    font-weight: 850;
    line-height: 1.2;
}
.hpc-breadcrumbs li + li::before {
    content: "/";
    margin: 0 .42rem;
    color: #a7b6c6;
    font-weight: 900;
}
.hpc-breadcrumbs a {
    color: #1676a0;
    text-decoration: none;
    border-radius: 999px;
    padding: .2rem .35rem;
}
.hpc-breadcrumbs a:hover {
    background: #eaf7fc;
    color: #0f5e80;
}
.hpc-breadcrumbs span[aria-current="page"] {
    color: #122033;
}
.hpc-page-container h1 {
    max-width: 100%;
    font-size: clamp(1.45rem, 2.65vw, 3rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -.055em;
}
.hpc-page-container .hpc-core-hero h1,
.hpc-page-container .as-card-header .as-card-title {
    font-size: clamp(1.35rem, 2vw, 2.25rem) !important;
    letter-spacing: -.045em !important;
}
.hpc-page-container input[type="checkbox"],
.hpc-page-container input[type="radio"],
.hpc-page-container .hpc-core-checks input[type="checkbox"],
.hpc-page-container .hpc-core-checks input[type="radio"],
.hpc-page-container .hpc-core-pill-select input[type="checkbox"],
.hpc-page-container .hpc-core-pill-select input[type="radio"],
.hpc-page-container .hpc-combobox-option input[type="checkbox"],
.hpc-page-container .hpc-combobox-option input[type="radio"],
.hpc-auth-body input[type="checkbox"],
.hpc-auth-body input[type="radio"] {
    width: 1.05rem !important;
    min-width: 1.05rem !important;
    max-width: 1.05rem !important;
    height: 1.05rem !important;
    min-height: 1.05rem !important;
    max-height: 1.05rem !important;
    padding: 0 !important;
    margin: 0 .42rem 0 0 !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    vertical-align: -.16em !important;
    accent-color: var(--hpc-blue, #1c8fbd);
    box-shadow: none !important;
}
.hpc-page-container input[type="checkbox"],
.hpc-auth-body input[type="checkbox"] {
    border-radius: .24rem !important;
}
.hpc-page-container input[type="radio"],
.hpc-auth-body input[type="radio"] {
    border-radius: 999px !important;
}
.hpc-page-container label:has(input[type="checkbox"]),
.hpc-page-container label:has(input[type="radio"]) {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: 0;
    text-transform: none;
    letter-spacing: 0;
}

/* 2026-06-12 assessment runtime workspace alignment with the uploaded UI/UX PDF. */
.assessment-stage-runtime {
    display: grid;
    gap: 1rem;
}
.assessment-stage-runtime > .rounded-2xl,
.assessment-proctor-runtime > .rounded-3xl,
.assessment-meeting-workspace > section,
.assessment-meeting-workspace aside > section {
    border-color: #d8e6f0 !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .055) !important;
}
.assessment-stage-runtime .sticky,
.assessment-meeting-workspace .sticky {
    top: calc(var(--topbar-height, 72px) + 2rem) !important;
}
.assessment-stage-runtime textarea,
.assessment-meeting-workspace textarea {
    min-height: 7.5rem;
    line-height: 1.65;
}
.assessment-stage-runtime [data-assessment-secure-content] img,
.assessment-stage-runtime iframe,
.assessment-meeting-workspace iframe {
    max-width: 100%;
}
.assessment-proctor-runtime {
    display: grid;
    gap: 1rem;
}
.assessment-proctor-runtime .grid {
    align-items: stretch;
}
.zoom-sdk-workplace,
.zoom-sdk-card,
[data-zoom-sdk-panel],
[data-zoom-sdk-root] {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}
[data-zoom-sdk-root] video,
[data-zoom-sdk-root] canvas {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}
@media (min-width: 1180px) {
    .assessment-stage-runtime .lg\:grid-cols-\[minmax\(0\,1fr\)\,280px\] {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 300px) !important;
    }
    .assessment-meeting-workspace {
        max-width: 1920px;
        margin-inline: auto;
    }
}
@media (max-width: 900px) {
    .hpc-breadcrumbs {
        padding-inline: .9rem;
    }
    .hpc-breadcrumbs li {
        font-size: .68rem;
    }
}

/* Assessment compact workspace polish: tabs, builder, review pages, and master-detail pages. */
.ac-page,
.as-stack {
    display: grid;
    gap: 1rem;
}

.ac-hero-card,
.ac-panel,
.as-card {
    border: 1px solid #d8e7f5;
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.045);
}

.ac-hero-card {
    padding: clamp(1rem, 2vw, 1.45rem);
}

.ac-panel,
.as-card {
    padding: 1rem;
}

.as-card-flat {
    box-shadow: none;
    background: #fbfdff;
}

.ac-kicker,
.as-helper,
.ac-label {
    color: #557095;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.ac-title,
.as-card-title {
    color: #08162c;
    font-size: clamp(1.35rem, 2vw, 2rem);
    font-weight: 950;
    line-height: 1.05;
    margin: 0;
}

.ac-subtitle,
.as-helper {
    color: #496588;
    line-height: 1.55;
    margin-top: 0.35rem;
}

.ac-toolbar,
.as-card-header,
.as-actions {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: space-between;
}

.ac-actions,
.as-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.ac-filter-grid {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.ac-stat-grid,
.as-grid-2 {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
}

.ac-stat-card,
.as-mini-panel {
    border: 1px solid #e0ecf7;
    border-radius: 1.05rem;
    background: linear-gradient(135deg, #ffffff, #f7fbff);
    padding: 0.8rem 0.9rem;
}

.ac-stat-card span,
.as-mini-panel span {
    color: #7186a6;
    display: block;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ac-stat-card strong,
.as-mini-panel strong {
    color: #06142b;
    display: block;
    font-size: 1.05rem;
    font-weight: 950;
    margin-top: 0.25rem;
}

.ac-status,
.ac-chip,
.as-badge {
    align-items: center;
    border: 1px solid #d8e7f5;
    border-radius: 999px;
    background: #f7fbff;
    color: #315071;
    display: inline-flex;
    font-size: 0.7rem;
    font-weight: 850;
    gap: 0.3rem;
    padding: 0.28rem 0.55rem;
}

.ac-status--success { background: #ecfdf5; border-color: #bbf7d0; color: #047857; }
.ac-status--warning { background: #fffbeb; border-color: #fde68a; color: #92400e; }
.ac-status--danger { background: #fef2f2; border-color: #fecaca; color: #b91c1c; }
.ac-status--info { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; }

.ac-table-wrap,
.as-table-wrap {
    overflow-x: auto;
}

.ac-table,
.as-table {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 100%;
    width: 100%;
}

.ac-table th,
.as-table th {
    background: #f4f9fd;
    color: #557095;
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    padding: 0.75rem 0.85rem;
    text-align: left;
    text-transform: uppercase;
}

.ac-table td,
.as-table td {
    border-top: 1px solid #edf3f8;
    color: #142844;
    font-size: 0.82rem;
    padding: 0.78rem 0.85rem;
    vertical-align: top;
}

.ac-table tr:hover td,
.as-table tr:hover td {
    background: #fbfdff;
}

.ac-form-grid {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.ac-form-field {
    display: grid;
    gap: 0.35rem;
}

.ac-form-field label,
.ac-field-label {
    color: #3d587b;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.ac-note {
    border: 1px solid #dbeafe;
    border-radius: 1rem;
    background: #eff6ff;
    color: #1e3a8a;
    padding: 0.75rem 0.9rem;
}

.ac-warning-note {
    border-color: #fde68a;
    background: #fffbeb;
    color: #78350f;
}

.ac-code,
.ac-token {
    border: 1px solid #d8e7f5;
    border-radius: 0.55rem;
    background: #f8fbff;
    color: #0d355d;
    display: inline-block;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.72rem;
    padding: 0.15rem 0.38rem;
}

.as-tabs,
.ac-tabs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0.85rem 0;
}

.as-tab,
.ac-tab,
[data-hpc-tab] {
    border: 1px solid #d8e7f5;
    border-radius: 999px;
    background: #ffffff;
    color: #4d688b;
    cursor: pointer;
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.05em;
    padding: 0.55rem 0.85rem;
    text-transform: uppercase;
}

.as-tab.active,
.as-tab.is-active,
.ac-tab.is-active,
[data-hpc-tab].is-active {
    background: #071124;
    border-color: #071124;
    color: #ffffff;
}

.as-tab-panel[hidden],
[data-hpc-tab-panel][hidden] {
    display: none !important;
}

.ac-review-grid {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}

.ac-review-card {
    border: 1px solid #d8e7f5;
    border-radius: 1.2rem;
    background: #ffffff;
    display: grid;
    gap: 0.7rem;
    padding: 0.9rem;
}

.ac-review-card__meta {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
}

.ac-report-builder-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
}

.ac-report-designer {
    border: 1px solid #d8e7f5;
    border-radius: 1rem;
    background: #f4f9fd;
    overflow: auto;
    padding: 0.75rem;
}

.ac-document-canvas {
    background: #fff;
    border: 1px solid #cbddeb;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12);
    height: 850px;
    margin: 0 auto;
    position: relative;
    width: 680px;
}

.ac-document-canvas::before {
    background: linear-gradient(90deg, #1c8fbd, #39b54a, #f7941d);
    content: '';
    height: 6px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ac-draggable-asset {
    align-items: center;
    border: 2px dashed #9bb7d0;
    border-radius: 0.75rem;
    background: rgba(239, 246, 255, 0.88);
    color: #315071;
    cursor: grab;
    display: flex;
    font-size: 0.72rem;
    font-weight: 900;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    text-align: center;
    touch-action: none;
    user-select: none;
}

.ac-draggable-asset img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.ac-draggable-asset.is-dragging {
    cursor: grabbing;
    opacity: 0.86;
    transform: scale(1.01);
    z-index: 20;
}

.ac-placeholder-grid {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.ac-placeholder-card {
    border: 1px solid #e0ecf7;
    border-radius: 0.9rem;
    background: #fbfdff;
    padding: 0.7rem;
}

.ac-guide-grid {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.ac-guide-card {
    border: 1px solid #d8e7f5;
    border-radius: 1.2rem;
    background: #ffffff;
    padding: 0.95rem;
}

.ac-guide-card img,
.ac-guide-card svg {
    border: 1px solid #e0ecf7;
    border-radius: 0.9rem;
    display: block;
    max-width: 100%;
}

@media (max-width: 1050px) {
    .ac-report-builder-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .ac-review-grid,
    .ac-filter-grid,
    .ac-form-grid,
    .ac-stat-grid,
    .as-grid-2 {
        grid-template-columns: 1fr;
    }

    .ac-document-canvas {
        transform: scale(0.82);
        transform-origin: top left;
    }
}


/* 2026-06-13 Kemenkes-inspired compact density stabilization.
   No-build CSS only: keeps existing routes, Livewire state, timer, autosave, and proctoring logic intact. */
:root {
    --workspace-gap: .85rem;
    --workspace-card-padding: 1rem;
    --workspace-card-radius: 18px;
    --workspace-control-height: 40px;
    --workspace-table-cell-padding: .62rem .75rem;
    --workspace-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}

@media (min-width: 1024px) {
    .hpc-auth-body {
        font-size: 14px;
    }

    .hpc-sidebar {
        width: var(--sidebar-width);
        box-shadow: 10px 0 26px rgba(23, 58, 86, .10);
    }

    .hpc-sidebar-brand {
        min-height: 82px;
        gap: .68rem;
        padding: .82rem .86rem;
    }

    .hpc-sidebar-logo {
        width: 46px;
        height: 46px;
        border-radius: 14px;
        padding: .28rem;
        box-shadow: 0 8px 18px rgba(0, 0, 0, .10);
    }

    .hpc-sidebar-brand-text p {
        font-size: .82rem;
        line-height: 1.1;
    }

    .hpc-sidebar-brand-text span {
        margin-top: .32rem;
        font-size: .62rem;
        letter-spacing: .18em;
    }

    .hpc-sidebar-nav {
        padding: .72rem .62rem 1.1rem;
    }

    .hpc-sidebar-section {
        margin-bottom: .78rem;
    }

    .hpc-sidebar-section-title {
        padding: .32rem .25rem .42rem;
        font-size: .66rem;
        letter-spacing: .11em;
    }

    .hpc-sidebar-menu-list {
        gap: .16rem;
    }

    .hpc-sidebar-link {
        min-height: 38px;
        border-radius: 13px;
        gap: .56rem;
        padding: .56rem .66rem;
        font-size: .76rem;
        letter-spacing: .01em;
    }

    .hpc-sidebar-link.is-child {
        min-height: 34px;
        padding: .48rem .58rem;
        border-radius: 11px;
        font-size: .73rem;
    }

    .hpc-sidebar-children {
        margin: .18rem 0 .35rem .9rem;
        padding-left: .55rem;
        gap: .1rem;
    }

    .hpc-topbar-inner {
        min-height: var(--topbar-height);
        padding-inline: 1rem;
    }

    .hpc-topbar-title p {
        font-size: .64rem;
        letter-spacing: .2em;
    }

    .hpc-topbar-title h1 {
        font-size: .95rem;
    }

    .hpc-topbar-actions {
        gap: .42rem;
    }

    .hpc-main-content {
        padding: .95rem 1.05rem !important;
    }

    .hpc-page-container,
    .hpc-stack,
    .as-stack,
    .ac-page,
    .assessment-stage-runtime,
    .assessment-proctor-runtime,
    .assessment-meeting-workspace {
        gap: var(--workspace-gap) !important;
    }

    .hpc-card,
    .ui-card,
    .as-card,
    .ac-panel,
    .ac-hero-card,
    .hpc-page-container .rounded-2xl,
    .hpc-page-container .rounded-3xl,
    .assessment-stage-runtime > .rounded-2xl,
    .assessment-proctor-runtime > .rounded-3xl,
    .assessment-meeting-workspace section,
    .assessment-meeting-workspace aside > section {
        border-radius: var(--workspace-card-radius) !important;
        box-shadow: var(--workspace-shadow) !important;
    }

    .hpc-card:not(.p-0),
    .ui-card:not(.p-0),
    .as-card:not(.p-0),
    .ac-panel,
    .assessment-stage-runtime .p-6,
    .assessment-stage-runtime .sm\:p-6,
    .assessment-proctor-runtime .p-5,
    .assessment-meeting-workspace .p-5 {
        padding: var(--workspace-card-padding) !important;
    }

    .hpc-page-container .p-6,
    .hpc-page-container .sm\:p-6,
    .hpc-page-container .p-5,
    .hpc-page-container .sm\:p-5 {
        padding: var(--workspace-card-padding) !important;
    }

    .hpc-page-container .py-6,
    .hpc-page-container .py-5 {
        padding-top: var(--workspace-card-padding) !important;
        padding-bottom: var(--workspace-card-padding) !important;
    }

    .hpc-page-container .px-6,
    .hpc-page-container .px-5 {
        padding-left: var(--workspace-card-padding) !important;
        padding-right: var(--workspace-card-padding) !important;
    }

    .hpc-page-container .gap-6,
    .hpc-page-container .gap-5,
    .hpc-page-container .gap-4 {
        gap: var(--workspace-gap) !important;
    }

    .hpc-page-container .space-y-6 > * + *,
    .hpc-page-container .space-y-5 > * + *,
    .hpc-page-container .space-y-4 > * + * {
        margin-top: var(--workspace-gap) !important;
    }

    .hpc-page-container table th,
    .hpc-page-container table td,
    .ac-table th,
    .ac-table td,
    .as-table th,
    .as-table td {
        padding: var(--workspace-table-cell-padding) !important;
    }

    .hpc-page-container input,
    .hpc-page-container select,
    .hpc-page-container textarea,
    .hpc-page-container .hpc-combobox-button,
    .hpc-page-container .as-input,
    .hpc-page-container .as-select {
        min-height: var(--workspace-control-height) !important;
        border-radius: 13px !important;
        padding: .56rem .7rem !important;
    }

    .hpc-page-container textarea {
        min-height: 108px;
    }

    .hpc-page-container button:not(.hpc-sidebar-link):not(.hpc-dropdown-item):not(.auth-password-toggle),
    .hpc-page-container a[class*="rounded"] {
        min-height: 38px !important;
        border-radius: 13px !important;
        padding: .52rem .78rem !important;
        box-shadow: 0 5px 14px rgba(15, 23, 42, .04) !important;
    }

    .hpc-page-container .rounded-3xl {
        border-radius: 18px !important;
    }

    .hpc-page-container .rounded-2xl {
        border-radius: 16px !important;
    }

    .hpc-page-container .rounded-xl {
        border-radius: 12px !important;
    }
}

/* Tailwind-like no-build compatibility used by Assessment Blade files. */
.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-24{height:6rem}.h-32{height:8rem}.h-36{height:9rem}.h-40{height:10rem}.h-44{height:11rem}.h-48{height:12rem}.h-56{height:14rem}.h-60{height:15rem}.h-72{height:18rem}.h-80{height:20rem}
.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-14{width:3.5rem}.w-24{width:6rem}.w-32{width:8rem}.w-48{width:12rem}.w-72{width:18rem}.w-80{width:20rem}
.min-h-0{min-height:0}.min-h-10{min-height:2.5rem}.min-h-24{min-height:6rem}.min-h-\[7rem\]{min-height:7rem}.min-h-\[26rem\]{min-height:26rem}.min-h-\[28rem\]{min-height:28rem}.min-h-\[420px\]{min-height:420px}.min-h-\[520px\]{min-height:520px}.min-h-\[650px\]{min-height:650px}.min-h-\[720px\]{min-height:720px}.max-h-\[55vh\]{max-height:55vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[65vh\]{max-height:65vh}.max-h-\[68vh\]{max-height:68vh}.max-h-\[78vh\]{max-height:78vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92vh\]{max-height:92vh}.max-h-\[500px\]{max-height:500px}.max-h-\[520px\]{max-height:520px}.max-h-\[560px\]{max-height:560px}

@media (min-width:640px){
    .hpc-page-container [class*="sm:grid-cols-[120px,1fr,90px]"]{grid-template-columns:120px minmax(0,1fr) 90px!important;}
    .hpc-page-container [class*="sm:grid-cols-[1fr,88px,88px]"]{grid-template-columns:minmax(0,1fr) 88px 88px!important;}
}
@media (min-width:768px){
    .hpc-page-container [class*="md:grid-cols-[1fr_auto_auto]"]{grid-template-columns:minmax(0,1fr) auto auto!important;}
    .hpc-page-container [class*="md:grid-cols-[58px,1fr,86px]"]{grid-template-columns:58px minmax(0,1fr) 86px!important;}
    .hpc-page-container [class*="md:grid-cols-[58px,1fr,86px,86px]"]{grid-template-columns:58px minmax(0,1fr) 86px 86px!important;}
    .hpc-page-container [class*="md:grid-cols-[minmax(0,1fr)_100px_90px]"]{grid-template-columns:minmax(0,1fr) 100px 90px!important;}
}
@media (min-width:1024px){
    .hpc-page-container [class*="lg:grid-cols-[1fr,260px]"]{grid-template-columns:minmax(0,1fr) 260px!important;}
    .hpc-page-container [class*="lg:grid-cols-[1fr,320px]"]{grid-template-columns:minmax(0,1fr) 320px!important;}
    .hpc-page-container [class*="lg:grid-cols-[180px,1fr,auto]"]{grid-template-columns:180px minmax(0,1fr) auto!important;}
    .hpc-page-container [class*="lg:grid-cols-[240px_minmax(0,1fr)]"]{grid-template-columns:240px minmax(0,1fr)!important;}
    .hpc-page-container [class*="lg:grid-cols-[minmax(0,1fr),260px]"]{grid-template-columns:minmax(0,1fr) 260px!important;}
    .hpc-page-container [class*="lg:grid-cols-[minmax(0,1fr),280px]"]{grid-template-columns:minmax(0,1fr) 280px!important;}
    .hpc-page-container [class*="lg:grid-cols-[minmax(0,1fr),320px]"]{grid-template-columns:minmax(0,1fr) 320px!important;}
    .hpc-page-container [class*="lg:grid-cols-[minmax(0,1fr),360px]"]{grid-template-columns:minmax(0,1fr) 360px!important;}
    .hpc-page-container [class*="lg:grid-cols-[minmax(0,1fr),420px]"]{grid-template-columns:minmax(0,1fr) 420px!important;}
    .hpc-page-container [class*="lg:grid-cols-[minmax(0,1fr)_auto]"]{grid-template-columns:minmax(0,1fr) auto!important;}
    .hpc-page-container [class*="lg:grid-cols-[minmax(0,1fr)_minmax(520px,0.95fr)]"]{grid-template-columns:minmax(0,1fr) minmax(520px,.95fr)!important;}
    .hpc-page-container [class*="lg:grid-cols-[minmax(0,0.95fr),minmax(0,1.2fr)]"]{grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr)!important;}
    .hpc-page-container [class*="lg:grid-cols-[1.1fr,0.9fr]"]{grid-template-columns:1.1fr .9fr!important;}
}
@media (min-width:1280px){
    .hpc-page-container [class*="xl:grid-cols-[1.05fr_.95fr]"]{grid-template-columns:1.05fr .95fr!important;}
    .hpc-page-container [class*="xl:grid-cols-[1.1fr_0.9fr]"]{grid-template-columns:1.1fr .9fr!important;}
    .hpc-page-container [class*="xl:grid-cols-[1fr,460px]"]{grid-template-columns:minmax(0,1fr) 460px!important;}
    .hpc-page-container [class*="xl:grid-cols-[280px_340px_minmax(0,1fr)]"]{grid-template-columns:280px 340px minmax(0,1fr)!important;}
    .hpc-page-container [class*="xl:grid-cols-[360px,1fr]"]{grid-template-columns:360px minmax(0,1fr)!important;}
    .hpc-page-container [class*="xl:grid-cols-[minmax(0,1fr)_360px]"]{grid-template-columns:minmax(0,1fr) 360px!important;}
    .hpc-page-container [class*="xl:grid-cols-[minmax(0,1fr)_380px]"]{grid-template-columns:minmax(0,1fr) 380px!important;}
    .hpc-page-container [class*="xl:grid-cols-[minmax(0,1fr)_440px]"]{grid-template-columns:minmax(0,1fr) 440px!important;}
    .hpc-page-container [class*="xl:grid-cols-[minmax(0,1fr)_520px]"]{grid-template-columns:minmax(0,1fr) 520px!important;}
    .hpc-page-container [class*="xl:grid-cols-[minmax(0,1fr)_minmax(340px,0.42fr)]"]{grid-template-columns:minmax(0,1fr) minmax(340px,.42fr)!important;}
    .hpc-page-container [class*="xl:grid-cols-[minmax(300px,420px),1fr]"]{grid-template-columns:minmax(300px,420px) minmax(0,1fr)!important;}
    .hpc-page-container [class*="xl:grid-cols-[minmax(320px,0.95fr),minmax(420px,1.2fr)]"]{grid-template-columns:minmax(320px,.95fr) minmax(420px,1.2fr)!important;}
    .hpc-page-container [class*="xl:grid-cols-[minmax(340px,0.75fr)_minmax(0,1.25fr)]"]{grid-template-columns:minmax(340px,.75fr) minmax(0,1.25fr)!important;}
    .hpc-page-container [class*="xl:grid-cols-[minmax(0,0.52fr)_minmax(560px,0.48fr)]"]{grid-template-columns:minmax(0,.52fr) minmax(560px,.48fr)!important;}
}

/* PDF workspace reference alignment: essay/MCQ, interview, and proctor cards. */
.assessment-stage-runtime .runtime-summary-bar,
.assessment-stage-runtime .sticky {
    border-radius: 16px !important;
}
.assessment-stage-runtime .h-11.w-11,
.assessment-stage-runtime button.h-11.w-11 {
    width: 38px !important;
    height: 38px !important;
}
.assessment-stage-runtime .text-3xl,
.assessment-stage-runtime .sm\:text-4xl {
    font-size: 1.65rem !important;
    line-height: 1.05 !important;
}
.assessment-stage-runtime .prose {
    line-height: 1.55;
}
.assessment-stage-runtime .min-h-\[26rem\],
.assessment-stage-runtime .min-h-\[28rem\] {
    min-height: min(24rem, 55vh) !important;
}
.assessment-meeting-workspace [style*="height: min(72vh"] {
    min-height: 520px;
}
.assessment-proctor-runtime .ac-proctor-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(295px, 1fr));
    gap: var(--workspace-gap);
}
.assessment-proctor-runtime .ac-proctor-card {
    display: grid;
    gap: .7rem;
    min-width: 0;
    border: 1px solid #d8e6f0;
    border-radius: var(--workspace-card-radius);
    background: #fff;
    padding: .9rem;
    box-shadow: var(--workspace-shadow);
}
.ac-proctor-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}
.ac-proctor-card__name {
    margin: 0;
    color: #0f172a;
    font-size: .96rem;
    font-weight: 950;
    line-height: 1.25;
}
.ac-proctor-card__username {
    margin-top: .12rem;
    color: #64748b;
    font-size: .75rem;
    font-weight: 750;
}
.ac-proctor-card__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .45rem;
}
.ac-proctor-metric {
    border: 1px solid #e2edf6;
    border-radius: 13px;
    background: #f8fbfd;
    padding: .52rem .58rem;
}
.ac-proctor-metric span {
    display: block;
    color: #64748b;
    font-size: .62rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.ac-proctor-metric strong {
    display: block;
    color: #0f172a;
    font-size: .9rem;
    font-weight: 950;
    margin-top: .16rem;
}
.ac-proctor-live-box {
    min-height: 96px;
    border: 1px dashed #b8cde0;
    border-radius: 14px;
    background: linear-gradient(135deg, #f8fbff, #eef7fb);
    display: grid;
    place-items: center;
    padding: .72rem;
    text-align: center;
    color: #48627f;
    font-size: .76rem;
    font-weight: 850;
}
.ac-proctor-quick-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .42rem;
}
.ac-proctor-quick-actions button,
.ac-proctor-quick-actions a {
    flex: 1 1 auto;
    min-height: 34px !important;
    border-radius: 999px !important;
    padding: .42rem .58rem !important;
    font-size: .68rem !important;
}
@media (max-width: 760px) {
    .assessment-proctor-runtime .ac-proctor-card-grid,
    .ac-proctor-card__metrics {
        grid-template-columns: 1fr;
    }
}

/* 2026-06-13: master-data terminology stabilization (UI-only, no-build). */
.hpc-master-page{gap:var(--workspace-gap,.85rem)}
.hpc-master-hero .as-card-header{align-items:flex-start}
.hpc-master-usage{margin:.5rem 0 0;color:#48627f;font-size:.78rem;line-height:1.45}
.hpc-master-filters{display:grid;grid-template-columns:minmax(220px,1fr) 150px auto;align-items:end;gap:.55rem;min-width:min(100%,660px)}
.hpc-master-search,.hpc-master-perpage{display:block;margin:0!important}
.hpc-sort-button{display:inline-flex;align-items:center;gap:.35rem;border:0!important;background:transparent!important;min-height:0!important;padding:0!important;color:inherit;font:inherit;font-weight:850;cursor:pointer;box-shadow:none!important}
.hpc-master-table td,.hpc-master-table th{vertical-align:top;padding:var(--workspace-table-cell-padding,.65rem .75rem)}
.hpc-master-empty{padding:1rem!important}.hpc-master-pagination{border-top:1px solid #e2e8f0;padding:.75rem .9rem}.hpc-master-form{display:grid;gap:.85rem;padding:var(--workspace-card-padding,1rem)}
.hpc-master-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem .85rem}.hpc-master-field{min-width:0;display:grid;gap:.35rem}.hpc-master-field--wide{grid-column:span 4/span 4}.hpc-master-label{font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#475569}.hpc-master-help{margin:.85rem var(--workspace-card-padding,1rem) 0;border:1px solid #bfdbfe;background:#eff6ff;border-radius:14px;padding:.75rem .9rem;color:#172554;font-size:.82rem;line-height:1.45}.hpc-master-help p{margin:.25rem 0 0}.hpc-master-help ul{margin:.4rem 0 0 1rem}.hpc-master-json-examples{margin-top:.55rem;border:1px dashed #c7d2fe;background:#eef2ff;border-radius:14px;padding:.65rem}.hpc-master-json-examples p{margin:.2rem 0 .5rem;color:#4338ca;font-size:.76rem}.hpc-master-pill-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.hpc-master-pill{border:1px solid #cbe9f5;background:#eef9fd;color:#1676a0;border-radius:999px;padding:.28rem .55rem;font-size:.7rem;font-weight:900}.hpc-master-pill-muted{background:#f8fafc;color:#64748b;border-color:#e2e8f0}.hpc-master-check{display:inline-flex!important;align-items:center;gap:.42rem;border:1px solid #d8e6f0;background:#f8fbfd;border-radius:14px;padding:.58rem .7rem;font-size:.82rem;font-weight:850;color:#334155;min-height:var(--workspace-control-height,40px)}.hpc-master-check input{width:auto!important;min-height:0!important}.hpc-master-form-actions{display:flex;justify-content:flex-end;gap:.5rem;border-top:1px solid #e2e8f0;padding-top:.85rem}.hpc-master-section{display:grid;gap:.75rem;margin-top:.85rem}.as-btn-danger{border-color:#fecaca!important;color:#b91c1c!important;background:#fff!important}.as-btn-danger:hover{background:#fff1f2!important}.as-badge-success{background:#ecfdf5!important;color:#047857!important;border-color:#bbf7d0!important}.as-badge-muted{background:#f1f5f9!important;color:#475569!important;border-color:#e2e8f0!important}.as-alert{margin:.75rem var(--workspace-card-padding,1rem) 0;border-radius:14px;padding:.7rem .85rem;font-size:.84rem;font-weight:800}.as-alert-success{border:1px solid #bbf7d0;background:#ecfdf5;color:#047857}.as-grid{display:grid;gap:.75rem}.as-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.as-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.as-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.as-mini-card{border:1px solid #e2e8f0;background:#f8fbfd;border-radius:16px;padding:.75rem}.as-mini-card span{display:block;color:#64748b;font-size:.7rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.as-mini-card strong{display:block;margin-top:.25rem;color:#0f172a;font-size:.92rem;font-weight:950;line-height:1.35}.as-section-title h2{margin:0;color:#0f172a;font-size:1rem;font-weight:950}.as-section-title p{margin:.2rem 0 0;color:#64748b;font-size:.82rem}.as-panel{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:.85rem}.as-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.as-panel-header p,.as-panel-link p{margin:.15rem 0 0;color:#64748b;font-size:.78rem}.as-panel-link{display:block;text-decoration:none;color:inherit}.as-empty-state{border:1px dashed #cbd5e1;border-radius:18px;background:#f8fafc;padding:1rem;text-align:center;color:#64748b}.as-empty-state h3{margin:0 0 .35rem;color:#0f172a;font-size:1rem}.as-empty-state p{margin:.15rem 0 .75rem}.as-help{color:#64748b;font-size:.76rem;line-height:1.45}.as-error{color:#be123c;font-size:.76rem;font-weight:800}.text-danger{color:#be123c}.text-right{text-align:right}.text-center{text-align:center}.justify-end{justify-content:flex-end}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.hpc-master-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hpc-master-field--wide{grid-column:span 2/span 2}.hpc-master-filters{grid-template-columns:1fr}.as-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.hpc-master-form-grid,.hpc-master-filters,.as-grid-2,.as-grid-3,.as-grid-4{grid-template-columns:1fr}.hpc-master-field--wide{grid-column:auto}.hpc-master-form-actions{justify-content:stretch;flex-direction:column}.hpc-master-form-actions .as-btn{justify-content:center}}

/* 2026-06-13 admin operational UI: stronger tab ergonomics and dense lists. */
.as-tabs.as-tabs--sticky,
.hpc-detail-tabs {
    background: rgba(248, 251, 255, 0.96);
    border: 1px solid #d8e7f5;
    border-radius: 1rem;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
    padding: 0.35rem;
    position: sticky;
    top: 0.65rem;
    z-index: 12;
}

.as-tabs.as-tabs--sticky .as-tab,
.hpc-detail-tabs .as-tab,
.hpc-people-tabs .as-tab {
    border-radius: 0.8rem;
}

.as-tab:hover,
.ac-tab:hover,
[data-hpc-tab]:hover {
    border-color: #9dcfe5;
    color: #0f5d80;
}

.hpc-dashboard-list-grid {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.hpc-pending-action-card {
    min-height: 100px;
}

.hpc-people-tabs {
    margin: 0;
}

.as-card .as-table-wrap input,
.as-card .as-table-wrap select,
.as-card .as-table-wrap textarea {
    max-width: 100%;
}

/* 2026-06-13 patch: safer searchable dropdowns and compact aspect level/indicator editor. */
.hpc-page-container .hpc-combobox {
    position: relative;
    min-width: 0;
    width: 100%;
}
.hpc-page-container .hpc-combobox-button {
    width: 100%;
    justify-content: space-between;
    text-align: left;
}
.hpc-page-container .hpc-combobox-value {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.hpc-page-container .hpc-combobox-panel {
    left: 0;
    right: auto;
    z-index: 120;
    width: min(100%, 640px);
    min-width: min(100%, 24rem);
    max-height: min(420px, 62vh);
    overflow: hidden;
}
.hpc-page-container .hpc-combobox-search {
    width: 100% !important;
    min-height: 38px !important;
    margin: 0 0 .45rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.hpc-page-container .hpc-combobox-options {
    max-height: 300px;
    overflow: auto;
    display: grid;
    gap: .2rem;
}
.hpc-page-container .hpc-combobox-option {
    display: flex !important;
    align-items: center !important;
    gap: .55rem !important;
    width: 100%;
    margin: 0 !important;
    padding: .55rem .6rem !important;
    border-radius: 12px;
    cursor: pointer;
    color: #334155 !important;
    font-size: .82rem !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 1.35 !important;
    text-transform: none !important;
}
.hpc-page-container .hpc-combobox-option span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hpc-page-container .hpc-combobox-option:hover,
.hpc-page-container .hpc-combobox-option.is-selected {
    background: #f0f9ff;
    color: #075985 !important;
}
.hpc-page-container .hpc-combobox-option input[type="checkbox"],
.hpc-page-container .hpc-combobox-option input[type="radio"] {
    flex: 0 0 auto !important;
    width: 1rem !important;
    min-width: 1rem !important;
    max-width: 1rem !important;
    height: 1rem !important;
    min-height: 1rem !important;
    max-height: 1rem !important;
    margin: 0 !important;
    padding: 0 !important;
}
.hpc-page-container .hpc-pill {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    max-width: 100%;
    border-radius: 999px;
    background: #eaf7fc;
    color: #1676a0;
    padding: .24rem .5rem;
    font-size: .72rem;
    font-weight: 950;
    text-transform: none;
    letter-spacing: 0;
}
.hpc-page-container .hpc-pill span {
    max-width: 18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hpc-page-container .hpc-combobox-pill-remove {
    min-height: auto !important;
    border: 0 !important;
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
    padding: 0 .05rem !important;
}
.assessment-aspect-form {
    display: grid;
    gap: 1rem;
}
.assessment-aspect-card {
    border: 1px solid var(--workspace-line, #dbe7ef);
    border-radius: 20px;
    background: #fff;
    padding: 1rem;
    box-shadow: var(--workspace-shadow, 0 10px 28px rgba(15, 23, 42, .06));
}
.assessment-aspect-section-head,
.assessment-aspect-subhead {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid #eef2f7;
    padding-bottom: .85rem;
}
.assessment-aspect-section-head.compact {
    align-items: center;
}
.assessment-aspect-section-head h2,
.assessment-aspect-subhead h3 {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 950;
    letter-spacing: -.025em;
}
.assessment-aspect-section-head p,
.assessment-aspect-subhead p,
.assessment-help {
    margin: .25rem 0 0;
    color: #64748b;
    font-size: .78rem;
    line-height: 1.45;
    font-weight: 700;
}
.assessment-aspect-subhead span {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    border-radius: 999px;
    background: #eef9fd;
    color: #1676a0;
    padding: .35rem .65rem;
    font-size: .72rem;
    font-weight: 950;
}
.assessment-aspect-active-toggle,
.assessment-inline-check {
    display: inline-flex !important;
    align-items: center;
    gap: .45rem;
    margin: 0 !important;
    border: 1px solid #e2e8f0;
    border-radius: 13px;
    background: #f8fafc;
    padding: .55rem .7rem;
    color: #334155 !important;
    font-size: .78rem !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
.assessment-aspect-active-toggle input,
.assessment-inline-check input {
    width: 1rem !important;
    min-width: 1rem !important;
    height: 1rem !important;
    min-height: 1rem !important;
    margin: 0 !important;
}
.assessment-aspect-identity-grid {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1rem;
}
.assessment-field {
    display: grid !important;
    gap: .35rem;
    margin: 0 !important;
    color: inherit !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
.assessment-field span {
    color: #64748b;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.assessment-field input,
.assessment-field select,
.assessment-field textarea,
.assessment-aspect-instrument-select {
    width: 100%;
    min-height: 40px;
    border: 1px solid #bfd5e5;
    border-radius: 13px;
    background: #fff;
    color: #122033;
    padding: .56rem .7rem;
    font-size: .86rem;
    font-weight: 700;
}
.assessment-field textarea {
    min-height: 88px;
    line-height: 1.45;
    resize: vertical;
}
.assessment-field.compact textarea {
    min-height: 72px;
}
.assessment-field small,
.assessment-error {
    margin: 0;
    font-size: .72rem;
    line-height: 1.35;
}
.assessment-field small {
    color: #64748b;
    font-weight: 700;
}
.assessment-error {
    color: #e11d48;
    font-weight: 900;
}
.assessment-readonly {
    background: #f8fafc !important;
    color: #334155 !important;
}
.assessment-span-2 { grid-column: span 2 / span 2; }
.assessment-span-3 { grid-column: span 3 / span 3; }
.assessment-aspect-instruments {
    margin-top: 1rem;
    border: 1px solid #dbe7ef;
    border-radius: 18px;
    background: #f8fbfd;
    padding: .9rem;
}
.assessment-aspect-instruments .hpc-combobox {
    margin-top: .75rem;
}
.assessment-aspect-instruments .hpc-combobox-panel {
    width: min(100%, 720px);
}
.assessment-aspect-two-columns {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    align-items: start;
}
.assessment-level-list,
.assessment-indicator-list {
    display: grid;
    gap: .75rem;
    margin-top: .9rem;
}
.assessment-level-card,
.assessment-indicator-card {
    display: grid;
    gap: .65rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #f8fafc;
    padding: .75rem;
}
.assessment-level-row,
.assessment-indicator-row {
    display: grid;
    gap: .65rem;
    align-items: end;
}
.assessment-level-row {
    grid-template-columns: 7rem minmax(0, 1fr) auto;
}
.assessment-indicator-row {
    grid-template-columns: 7.25rem 5.5rem minmax(0, 1fr);
}
.assessment-remove-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border: 1px solid #fecdd3;
    border-radius: 12px;
    background: #fff;
    color: #be123c;
    padding: .5rem .75rem;
    font-size: .75rem;
    font-weight: 950;
}
.assessment-remove-btn:hover {
    background: #fff1f2;
}
.assessment-remove-btn.small {
    min-height: 34px;
    padding: .42rem .65rem;
}
.assessment-indicator-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}
.assessment-form-footer {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    border: 1px solid #dbe7ef;
    border-radius: 18px;
    background: #fff;
    padding: .85rem;
}
@media (max-width: 1180px) {
    .assessment-aspect-two-columns,
    .assessment-aspect-identity-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .assessment-span-3 { grid-column: span 2 / span 2; }
}
@media (max-width: 760px) {
    .assessment-aspect-section-head,
    .assessment-aspect-subhead,
    .assessment-form-footer {
        flex-direction: column;
        align-items: stretch;
    }
    .assessment-aspect-two-columns,
    .assessment-aspect-identity-grid,
    .assessment-level-row,
    .assessment-indicator-row {
        grid-template-columns: 1fr;
    }
    .assessment-span-2,
    .assessment-span-3 {
        grid-column: auto;
    }
}

/* 2026-06-13 patch: universal wrapping + reliable Bootstrap-like searchable multi-select pills. */
.hpc-page-container,
.hpc-page-container * {
    min-width: 0;
}
.hpc-page-container :where(p, span, div, strong, small, label, dd, dt, li, th, td, h1, h2, h3, h4, h5, h6, a) {
    overflow-wrap: break-word;
    word-break: normal;
}
.hpc-page-container :where(.as-table, .hpc-table, table) :where(th, td) {
    white-space: normal !important;
    vertical-align: top;
}
.hpc-page-container :where(.as-actions, .hpc-actions, .hpc-dashboard-card-actions) {
    flex-wrap: wrap;
}
.hpc-page-container :where(.as-btn, .btn, button, .hpc-combobox-button) {
    overflow-wrap: normal;
    word-break: normal;
}
.hpc-page-container :where(.as-card, .hpc-dashboard-list-grid > *, .hpc-pending-action-card, .hpc-dashboard-session-card) {
    overflow: hidden;
}
.hpc-page-container :where(.as-card strong, .hpc-dashboard-list-grid strong, .hpc-pending-action-card strong) {
    display: inline-block;
    max-width: 100%;
}
.hpc-page-container .hpc-combobox.is-multiple .hpc-combobox-button {
    min-height: 46px;
    align-items: flex-start;
    padding-top: .48rem;
    padding-bottom: .48rem;
}
.hpc-page-container .hpc-combobox.is-multiple .hpc-combobox-value:empty::before {
    content: attr(data-placeholder);
    color: #64748b;
}
.hpc-page-container .hpc-combobox-panel label.hpc-combobox-option {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .55rem !important;
    min-height: 38px !important;
    border: 0 !important;
    background: transparent;
}
.hpc-page-container .hpc-combobox-panel label.hpc-combobox-option.is-selected {
    background: #eaf7fc !important;
}
.hpc-page-container .hpc-combobox-panel .hpc-combobox-option span {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}
.hpc-page-container .hpc-combobox-search {
    border: 1px solid #bfd5e5 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #122033 !important;
    padding: .5rem .65rem !important;
    font-size: .84rem !important;
    font-weight: 750 !important;
}
.hpc-page-container .hpc-combobox-panel {
    max-width: min(760px, calc(100vw - 3rem));
}
.hpc-page-container .hpc-pill {
    border: 1px solid #bfe3f2;
    background: #eaf7fc;
    color: #0f719b;
    box-shadow: 0 1px 0 rgba(15, 23, 42, .03);
}
.hpc-page-container .hpc-pill span {
    white-space: normal !important;
    overflow-wrap: break-word;
}
.people-position-editor {
    display: grid;
    grid-template-columns: minmax(12rem, 1fr) auto;
    gap: .45rem;
    align-items: center;
    min-width: min(24rem, 100%);
}
.people-position-editor input {
    min-width: 0;
}
@media (max-width: 760px) {
    .people-position-editor {
        grid-template-columns: 1fr;
    }
}

/* Visual report layout builder */
[data-report-layout-item] {
    cursor: grab;
    transition: border-color .15s ease, box-shadow .15s ease, opacity .15s ease;
}
[data-report-layout-item]:hover {
    border-color: #8ab9df;
    box-shadow: 0 8px 24px rgba(31, 75, 153, .08);
}
[data-report-layout-item].is-dragging {
    cursor: grabbing;
    opacity: .55;
    border-color: #1c8fbd;
}

/* Assessment review, foundation matrix, and report detail workspaces. */
.ac-btn-warning {
    border: 1px solid #f5b942 !important;
    background: #f59e0b !important;
    color: #172033 !important;
    box-shadow: 0 8px 20px rgba(245, 158, 11, .16);
}
.ac-btn-warning:hover {
    background: #e89005 !important;
}

/* Evaluation review */
.ac-evaluation-review-page {
    display: grid;
    gap: 1rem;
}
.ac-evaluation-review-hero {
    padding: 1rem 1.1rem;
}
.ac-evaluation-review-hero__toolbar {
    align-items: flex-start;
}
.ac-evaluation-review-count {
    display: grid;
    grid-template-columns: auto auto;
    align-items: baseline;
    gap: .1rem .45rem;
    min-width: 9rem;
    border: 1px solid #cfe0ee;
    border-radius: 16px;
    background: #f8fbfe;
    padding: .65rem .8rem;
}
.ac-evaluation-review-count span {
    grid-column: 1 / -1;
    color: #5a7087;
    font-size: .69rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.ac-evaluation-review-count strong {
    color: #10243a;
    font-size: 1.5rem;
    line-height: 1;
}
.ac-evaluation-review-count small {
    color: #60758b;
    font-size: .73rem;
    font-weight: 800;
}
.ac-evaluation-review-filters {
    display: grid;
    grid-template-columns: minmax(16rem, 2fr) repeat(3, minmax(9rem, 1fr)) auto;
    gap: .7rem;
    align-items: end;
    margin-top: 1rem;
}
.ac-evaluation-review-filters__action {
    display: flex;
    align-items: end;
    padding-bottom: .05rem;
}
.ac-evaluation-review-shell {
    display: grid;
    grid-template-columns: minmax(19rem, .72fr) minmax(0, 1.6fr);
    gap: .9rem;
    min-height: 36rem;
    transition: opacity .15s ease;
}
.ac-evaluation-review-shell.is-loading {
    opacity: .72;
}
.ac-evaluation-review-list,
.ac-evaluation-review-detail {
    min-width: 0;
    border: 1px solid #d6e4ef;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(25, 55, 85, .06);
}
.ac-evaluation-review-list {
    display: flex;
    flex-direction: column;
    max-height: 76vh;
    overflow: hidden;
}
.ac-evaluation-review-list__head {
    display: flex;
    justify-content: space-between;
    gap: .7rem;
    align-items: center;
    border-bottom: 1px solid #dfeaf2;
    background: #f8fbfd;
    padding: .85rem .9rem;
}
.ac-evaluation-review-list__head > div {
    display: grid;
    gap: .15rem;
}
.ac-evaluation-review-list__head strong {
    color: #10243a;
    font-size: .92rem;
}
.ac-evaluation-review-list__items {
    display: grid;
    gap: .55rem;
    overflow-y: auto;
    padding: .65rem;
    scrollbar-gutter: stable;
}
.ac-evaluation-review-item {
    display: grid;
    gap: .55rem;
    width: 100%;
    min-width: 0;
    border: 1px solid #d9e5ee;
    border-radius: 16px;
    background: #fff;
    color: #26384c;
    padding: .75rem;
    text-align: left;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease, transform .15s ease;
}
.ac-evaluation-review-item:hover {
    border-color: #82bad5;
    background: #fbfdff;
    transform: translateY(-1px);
}
.ac-evaluation-review-item.is-selected {
    border-color: #1c8fbd;
    background: #f2fbff;
    box-shadow: inset 4px 0 0 #1c8fbd, 0 5px 16px rgba(28, 143, 189, .1);
}
.ac-evaluation-review-item__top,
.ac-evaluation-review-item__context,
.ac-evaluation-review-item__meta {
    display: flex;
    min-width: 0;
}
.ac-evaluation-review-item__top {
    justify-content: space-between;
    gap: .6rem;
    align-items: flex-start;
}
.ac-evaluation-review-item__top > span:first-child,
.ac-evaluation-review-item__context {
    display: grid;
    gap: .12rem;
    min-width: 0;
}
.ac-evaluation-review-item__top strong {
    color: #10243a;
    font-size: .9rem;
    line-height: 1.2;
}
.ac-evaluation-review-item__top small,
.ac-evaluation-review-item__context small {
    color: #657b91;
    font-size: .68rem;
    font-weight: 750;
}
.ac-evaluation-review-item__context {
    border-top: 1px dashed #dce7ef;
    padding-top: .5rem;
}
.ac-evaluation-review-item__context b {
    color: #35536f;
    font-size: .74rem;
    line-height: 1.35;
}
.ac-evaluation-review-item__meta {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) .6fr .8fr;
    gap: .4rem;
}
.ac-evaluation-review-item__meta > span {
    display: grid;
    gap: .12rem;
    min-width: 0;
    border-radius: 10px;
    background: #f6f9fb;
    padding: .38rem .45rem;
}
.ac-evaluation-review-item__meta small {
    color: #708398;
    font-size: .6rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.ac-evaluation-review-item__meta b {
    overflow: hidden;
    color: #1a344d;
    font-size: .7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ac-evaluation-review-list__pagination {
    border-top: 1px solid #e2ebf2;
    background: #fff;
    padding: .65rem .8rem;
}
.ac-evaluation-review-detail {
    align-self: start;
    padding: 1rem;
}
.ac-evaluation-review-detail__head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}
.ac-evaluation-review-detail__head h2 {
    margin: .15rem 0 .2rem;
    color: #0f2136;
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    line-height: 1.1;
}
.ac-evaluation-review-detail__head p {
    margin: 0;
    color: #5c7289;
    font-size: .8rem;
}
.ac-evaluation-review-detail__head-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
    align-items: center;
}
.ac-evaluation-review-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: .9rem;
}
.ac-evaluation-review-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .78fr);
    gap: .85rem;
    align-items: start;
    margin-top: .9rem;
}
.ac-evaluation-review-evidence,
.ac-evaluation-review-decision {
    min-width: 0;
}
.ac-evaluation-review-notes {
    min-height: 6rem;
    margin-top: .65rem;
    border: 1px solid #dce7ef;
    border-radius: 14px;
    background: #f8fafc;
    color: #394f65;
    padding: .75rem .8rem;
    font-size: .79rem;
    line-height: 1.6;
    white-space: pre-line;
}
.ac-evaluation-review-rubric-head {
    margin-top: 1rem;
}
.ac-evaluation-review-decision {
    border-color: #f2cc73;
    background: #fffbeb;
}
.ac-evaluation-review-decision textarea {
    min-height: 12rem;
    background: #fff;
}
.ac-evaluation-review-decision__summary {
    display: grid;
    gap: .25rem;
    margin-top: .75rem;
    border: 1px solid #f1d792;
    border-radius: 13px;
    background: rgba(255, 255, 255, .75);
    padding: .65rem .7rem;
}
.ac-evaluation-review-decision__summary strong {
    color: #5f4210;
    font-size: .78rem;
}
.ac-evaluation-review-decision__summary span {
    color: #72591f;
    font-size: .72rem;
    line-height: 1.45;
}
.ac-evaluation-review-decision__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .55rem;
    margin-top: .8rem;
}
.ac-evaluation-review-detail__empty {
    min-height: 30rem;
    place-content: center;
}

/* Foundation matrix */
.ac-foundation-matrix-page {
    gap: 1rem;
}
.ac-foundation-matrix-hero,
.ac-foundation-matrix-filter-card,
.ac-foundation-matrix-content {
    overflow: visible;
}
.ac-foundation-matrix-hero__head {
    align-items: flex-start;
}
.ac-foundation-matrix-purpose {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .65rem;
}
.ac-foundation-matrix-purpose span {
    border: 1px solid #cae0ed;
    border-radius: 999px;
    background: #f6fbfe;
    color: #315d77;
    padding: .3rem .55rem;
    font-size: .68rem;
    font-weight: 850;
}
.ac-foundation-matrix-stats {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .65rem;
    margin-top: 1rem;
}
.ac-foundation-matrix-stat {
    display: grid;
    gap: .12rem;
    min-width: 0;
    border: 1px solid #d7e5ef;
    border-radius: 16px;
    background: #fff;
    color: #213b54;
    padding: .75rem;
    text-align: left;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.ac-foundation-matrix-stat:hover {
    border-color: #8fc5de;
    box-shadow: 0 8px 22px rgba(31, 98, 133, .08);
    transform: translateY(-1px);
}
.ac-foundation-matrix-stat.is-warning {
    border-color: #f3bd56;
    background: #fff9ed;
}
.ac-foundation-matrix-stat span {
    color: #667c91;
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.ac-foundation-matrix-stat strong {
    color: #0f2136;
    font-size: 1.42rem;
    line-height: 1.15;
}
.ac-foundation-matrix-stat small {
    color: #247da3;
    font-size: .64rem;
    font-weight: 850;
}
.ac-foundation-matrix-filters {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .7rem;
    margin-top: .8rem;
}
.ac-foundation-matrix-filters__search {
    grid-column: span 2;
}
.ac-foundation-matrix-content {
    padding: .75rem;
    transition: opacity .15s ease;
}
.ac-foundation-matrix-content.is-loading {
    opacity: .72;
}
.ac-foundation-matrix-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
    border-bottom: 1px solid #dbe7ef;
    padding: 0 0 .65rem;
}
.ac-foundation-matrix-tab {
    display: inline-flex;
    gap: .4rem;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border: 1px solid #d4e2ec;
    border-radius: 12px;
    background: #fff;
    color: #405a72;
    padding: .5rem .75rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.2;
    white-space: normal;
    transition: border-color .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease;
}
.ac-foundation-matrix-tab:hover {
    border-color: #90bfd5;
    background: #f6fbfe;
}
.ac-foundation-matrix-tab.is-active {
    border-color: #1c8fbd;
    background: #e9f7fc;
    color: #116c92;
    box-shadow: inset 0 -2px 0 #1c8fbd;
}
.ac-foundation-matrix-tab span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    border-radius: 999px;
    background: #f59e0b;
    color: #1c2735;
    padding: 0 .25rem;
    font-size: .61rem;
}
.ac-foundation-matrix-panel {
    min-width: 0;
    padding-top: .8rem;
}
.ac-foundation-matrix-overview-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: .75rem;
}
.ac-foundation-matrix-gap-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}
.ac-foundation-matrix-gap-card {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .25rem .65rem;
    min-width: 0;
    border: 1px solid #d9e6ef;
    border-radius: 16px;
    background: #f9fcfd;
    color: #314b63;
    padding: .75rem;
    text-align: left;
}
.ac-foundation-matrix-gap-card.is-warning {
    border-color: #f2c565;
    background: #fff9e9;
}
.ac-foundation-matrix-gap-card.is-ok {
    border-color: #bce6ca;
    background: #f3fcf6;
}
.ac-foundation-matrix-gap-card > span {
    align-self: center;
    color: #6e8295;
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.ac-foundation-matrix-gap-card > strong {
    grid-row: 1 / span 2;
    grid-column: 2;
    color: #10243a;
    font-size: 1.55rem;
    line-height: 1;
}
.ac-foundation-matrix-gap-card > b,
.ac-foundation-matrix-gap-card > small {
    grid-column: 1 / -1;
}
.ac-foundation-matrix-gap-card > b {
    color: #17334c;
    font-size: .8rem;
}
.ac-foundation-matrix-gap-card > small {
    color: #61778c;
    font-size: .69rem;
    line-height: 1.4;
}
.ac-foundation-matrix-next-step {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-top: .75rem;
    border: 1px solid #d6e5ef;
    border-radius: 15px;
    background: #f7fbfd;
    padding: .7rem .8rem;
}
.ac-foundation-matrix-next-step > div {
    display: grid;
    gap: .15rem;
}
.ac-foundation-matrix-next-step strong {
    color: #183650;
    font-size: .78rem;
}
.ac-foundation-matrix-next-step span {
    color: #5c7388;
    font-size: .71rem;
}
.ac-foundation-matrix-pagination {
    border-top: 1px solid #e1eaf1;
    margin-top: .75rem;
    padding-top: .75rem;
}
.ac-foundation-matrix-page .hpc-gap-section + .hpc-gap-section {
    margin-top: .8rem;
}
.ac-foundation-matrix-page .as-table-wrap {
    max-height: min(62vh, 46rem);
    overflow: auto;
}
.ac-foundation-matrix-page .as-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f2f7fb;
}

/* Report detail and governed AI suggestions */
.ac-report-detail-page {
    display: grid;
    gap: 1rem;
}
.ac-report-detail-hero__actions {
    justify-content: flex-end;
}
.ac-report-detail-shell {
    min-width: 0;
    padding: .75rem;
}
.ac-report-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    border-bottom: 1px solid #dbe7ef;
    padding-bottom: .65rem;
}
.ac-report-tab {
    display: inline-flex;
    gap: .4rem;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border: 1px solid #d4e2ec;
    border-radius: 12px;
    background: #fff;
    color: #405a72;
    padding: .5rem .75rem;
    font-size: .72rem;
    font-weight: 900;
}
.ac-report-tab.is-active {
    border-color: #1c8fbd;
    background: #e9f7fc;
    color: #116c92;
    box-shadow: inset 0 -2px 0 #1c8fbd;
}
.ac-report-tab > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.2rem;
    height: 1.2rem;
    border-radius: 999px;
    background: #dbeaf3;
    color: #315b76;
    padding: 0 .25rem;
    font-size: .61rem;
}
.ac-report-tab-content {
    min-width: 0;
    padding-top: .8rem;
}
.ac-report-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(22rem, 1.1fr);
    gap: .85rem;
    align-items: start;
}
.ac-report-stat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: .7rem;
}
.ac-report-score-list {
    display: grid;
    gap: .4rem;
    margin-top: .8rem;
}
.ac-report-score-row {
    display: flex;
    justify-content: space-between;
    gap: .8rem;
    align-items: center;
    border: 1px solid #e0e9f0;
    border-radius: 12px;
    background: #fafcfd;
    padding: .55rem .65rem;
}
.ac-report-score-row > div {
    display: grid;
    gap: .1rem;
}
.ac-report-score-row strong {
    color: #18354f;
    font-size: .76rem;
}
.ac-report-score-row span {
    color: #657a8e;
    font-size: .65rem;
}
.ac-report-score-row b {
    color: #116f96;
    font-size: .88rem;
}
.ac-ai-suggestion-panel {
    border-color: #c8b8e6;
    background: linear-gradient(180deg, #fcfaff, #fff);
}
.ac-ai-readiness {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    margin-top: .7rem;
    border: 1px solid #d8e3eb;
    border-radius: 14px;
    padding: .65rem .7rem;
}
.ac-ai-readiness.is-ready {
    border-color: #bce3ca;
    background: #f1fbf4;
}
.ac-ai-readiness.is-blocked {
    border-color: #f1c86d;
    background: #fff9e9;
}
.ac-ai-readiness > div:first-child {
    display: grid;
    gap: .15rem;
}
.ac-ai-readiness strong {
    color: #1b3a4f;
    font-size: .77rem;
}
.ac-ai-readiness span {
    color: #61758a;
    font-size: .68rem;
}
.ac-ai-blockers {
    display: grid;
    gap: .45rem;
    margin-top: .65rem;
    border: 1px dashed #e7b64e;
    border-radius: 13px;
    background: rgba(255, 250, 235, .9);
    padding: .65rem .75rem;
}
.ac-ai-blockers strong,
.ac-ai-blockers li {
    color: #654b17;
    font-size: .71rem;
}
.ac-ai-blockers ul {
    display: grid;
    gap: .2rem;
    margin: 0;
    padding-left: 1rem;
}
.ac-ai-result-head {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    margin-top: .75rem;
    border-top: 1px solid #e1d9ef;
    padding-top: .75rem;
}
.ac-ai-result-head > div {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
}
.ac-ai-summary {
    margin-top: .7rem;
    border: 1px solid #dfd7ef;
    border-radius: 14px;
    background: #fff;
    padding: .7rem .75rem;
}
.ac-ai-summary h3,
.ac-ai-columns h3 {
    margin: 0 0 .4rem;
    color: #332450;
    font-size: .79rem;
}
.ac-ai-summary p {
    margin: 0;
    color: #4d5e70;
    font-size: .75rem;
    line-height: 1.6;
    white-space: pre-line;
}
.ac-ai-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
    margin-top: .7rem;
}
.ac-ai-columns > div {
    min-width: 0;
}
.ac-ai-item {
    display: grid;
    gap: .35rem;
    border: 1px solid #e1daed;
    border-radius: 13px;
    background: #fff;
    padding: .65rem;
}
.ac-ai-item + .ac-ai-item {
    margin-top: .45rem;
}
.ac-ai-item strong {
    color: #382852;
    font-size: .73rem;
}
.ac-ai-item p,
.ac-ai-item span,
.ac-ai-item b {
    margin: 0;
    color: #5d6e7e;
    font-size: .68rem;
    line-height: 1.45;
}
.ac-ai-review-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .55rem;
    margin-top: .7rem;
}
.ac-report-info-grid,
.ac-report-related-grid,
.ac-report-workflow-grid,
.ac-document-grid {
    display: grid;
    gap: .75rem;
}
.ac-report-info-grid,
.ac-report-related-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ac-report-workflow-grid {
    grid-template-columns: minmax(18rem, .75fr) minmax(0, 1.25fr);
    align-items: start;
}
.ac-report-info-card,
.ac-report-related-card,
.ac-document-card {
    display: grid;
    gap: .35rem;
    min-width: 0;
    border: 1px solid #dce7ef;
    border-radius: 15px;
    background: #fff;
    padding: .75rem;
}
.ac-report-info-card span,
.ac-report-related-card span,
.ac-document-card span {
    color: #6c8093;
    font-size: .63rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.ac-report-info-card strong,
.ac-report-related-card strong,
.ac-document-card strong {
    color: #17334d;
    font-size: .8rem;
}
.ac-report-related-card .as-btn,
.ac-document-card .as-btn {
    justify-self: start;
    margin-top: .2rem;
}
.ac-timeline-list {
    display: grid;
    gap: .55rem;
    margin-top: .7rem;
}
.ac-timeline-list article {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    gap: .65rem;
    align-items: start;
    border: 1px solid #dde8f0;
    border-radius: 13px;
    background: #fafcfd;
    padding: .65rem;
}
.ac-timeline-list article > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.8rem;
    border-radius: 9px;
    background: #e9f4f9;
    color: #1a6e91;
    padding: .25rem .4rem;
    font-size: .65rem;
    font-weight: 900;
}
.ac-timeline-list article > div {
    display: grid;
    gap: .15rem;
}
.ac-timeline-list strong {
    color: #1c374f;
    font-size: .75rem;
}
.ac-timeline-list p,
.ac-timeline-list small,
.ac-timeline-list em {
    margin: 0;
    color: #62778b;
    font-size: .68rem;
    line-height: 1.45;
}
.ac-timeline-list em {
    color: #b42318;
    font-style: normal;
    font-weight: 800;
}
.ac-document-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ac-document-card {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}
.ac-document-card > div {
    display: grid;
    gap: .2rem;
}
.ac-document-card.is-missing {
    border-style: dashed;
    background: #f8fafc;
}
.ac-warning-note {
    margin-top: .75rem;
    border: 1px solid #f0c86d;
    border-radius: 14px;
    background: #fff9e9;
    color: #69501d;
    padding: .7rem .75rem;
    font-size: .72rem;
    line-height: 1.5;
}
.ac-delivery-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(10rem, .55fr)) minmax(15rem, 1.2fr) auto;
    gap: .7rem;
    align-items: end;
    margin-top: .75rem;
}
.ac-delivery-form__note {
    grid-column: 1 / -2;
}
.ac-delivery-form__action {
    display: flex;
    justify-content: flex-end;
    align-items: end;
}

@media (max-width: 1280px) {
    .ac-evaluation-review-filters {
        grid-template-columns: minmax(16rem, 2fr) repeat(2, minmax(9rem, 1fr));
    }
    .ac-evaluation-review-filters__action {
        grid-column: auto;
    }
    .ac-foundation-matrix-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .ac-foundation-matrix-filters {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .ac-report-overview-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1020px) {
    .ac-evaluation-review-shell {
        grid-template-columns: 1fr;
    }
    .ac-evaluation-review-list {
        max-height: 30rem;
    }
    .ac-evaluation-review-content-grid,
    .ac-report-workflow-grid {
        grid-template-columns: 1fr;
    }
    .ac-foundation-matrix-filters {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .ac-foundation-matrix-gap-grid,
    .ac-report-info-grid,
    .ac-report-related-grid,
    .ac-document-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ac-delivery-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ac-delivery-form__recipient,
    .ac-delivery-form__note {
        grid-column: auto;
    }
}

@media (max-width: 760px) {
    .ac-evaluation-review-hero__toolbar,
    .ac-evaluation-review-detail__head,
    .ac-ai-readiness,
    .ac-foundation-matrix-hero__head,
    .ac-foundation-matrix-next-step,
    .ac-ai-result-head {
        align-items: stretch;
        flex-direction: column;
    }
    .ac-evaluation-review-count {
        min-width: 0;
        width: 100%;
    }
    .ac-evaluation-review-filters,
    .ac-foundation-matrix-filters,
    .ac-foundation-matrix-stats,
    .ac-foundation-matrix-gap-grid,
    .ac-report-info-grid,
    .ac-report-related-grid,
    .ac-document-grid,
    .ac-ai-columns,
    .ac-delivery-form {
        grid-template-columns: 1fr;
    }
    .ac-evaluation-review-filters__search,
    .ac-foundation-matrix-filters__search,
    .ac-delivery-form__note {
        grid-column: auto;
    }
    .ac-evaluation-review-stats,
    .ac-report-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ac-evaluation-review-detail__head-actions,
    .ac-evaluation-review-decision__actions,
    .ac-report-detail-hero__actions,
    .ac-ai-review-actions {
        justify-content: flex-start;
    }
    .ac-evaluation-review-item__meta {
        grid-template-columns: 1fr 1fr;
    }
    .ac-evaluation-review-item__meta > span:first-child {
        grid-column: 1 / -1;
    }
    .ac-foundation-matrix-tabs,
    .ac-report-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ac-foundation-matrix-tab,
    .ac-report-tab {
        width: 100%;
    }
    .ac-document-card {
        grid-template-columns: 1fr;
    }
    .ac-timeline-list article {
        grid-template-columns: 1fr;
    }
}


/* Evaluation review refinement 2026-07-16 */
@media (min-width: 1100px) {
  .ac-evaluation-review-shell { grid-template-columns: minmax(25rem, .9fr) minmax(0, 1.65fr); gap: 1rem; }
  .ac-evaluation-review-list { max-height: calc(100vh - 15rem); }
}
.ac-evaluation-review-item { grid-template-columns: minmax(0, 1fr); padding: .8rem .85rem; }
.ac-evaluation-review-item__top { align-items: center; }
.ac-evaluation-review-item__top strong, .ac-evaluation-review-item__context b, .ac-evaluation-review-item__meta b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ac-evaluation-review-item__top > span:first-child { max-width: 58%; }
.ac-evaluation-review-item .ac-status { flex: 0 0 auto; max-width: 8.5rem; white-space: normal; text-align: center; line-height: 1.15; }
.ac-evaluation-review-item__meta { grid-template-columns: minmax(0, 1.45fr) minmax(4.1rem, .55fr) minmax(6.2rem, .85fr); }
.ac-evaluation-review-detail { overflow: hidden; }
.ac-evaluation-review-detail__body { align-items: start; }
.ac-evaluation-review-decision { position: sticky; top: 1rem; }
@media (max-width: 1280px) { .ac-evaluation-review-shell { grid-template-columns: minmax(21rem, .85fr) minmax(0, 1.35fr); } }
@media (max-width: 980px) { .ac-evaluation-review-shell { grid-template-columns: 1fr; } .ac-evaluation-review-list { max-height: 34rem; } .ac-evaluation-review-decision { position: static; } }

/* Institution context switcher */
.hpc-institution-button{max-width:280px;justify-content:flex-start;text-align:left}.hpc-institution-button>span{display:grid;min-width:0;line-height:1.05}.hpc-institution-button small{color:#64748b;font-size:.58rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.hpc-institution-button strong{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.hpc-institution-button>svg:last-child{margin-left:auto;flex:0 0 auto}.hpc-institution-panel{width:min(360px,calc(100vw - 2rem))}.hpc-institution-options{display:grid;max-height:340px;overflow:auto;overscroll-behavior:contain}.hpc-institution-panel .hpc-dropdown-item span{display:grid;gap:.12rem;min-width:0}.hpc-institution-panel .hpc-dropdown-item strong,.hpc-institution-panel .hpc-dropdown-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hpc-institution-panel .hpc-dropdown-item small{font-size:.68rem;font-weight:750;opacity:.76}.hpc-user-institution-switcher{max-height:220px;overflow:auto}
@media(max-width:1100px){.hpc-institution-button{width:42px;padding:0}.hpc-institution-button>span,.hpc-institution-button>svg:last-child{display:none}}

/* Institution onboarding wizard */
.hpc-onboarding-page{display:grid;gap:1rem}.hpc-wizard-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.hpc-wizard-steps li button{width:100%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.65rem;align-items:center;border:1px solid var(--workspace-line);border-radius:18px;background:#fff;padding:.75rem;text-align:left;color:#64748b}.hpc-wizard-steps li button>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#eef4f7;color:#476175;font-weight:950}.hpc-wizard-steps li strong{font-size:.8rem;color:#334155}.hpc-wizard-steps li small{font-size:.68rem}.hpc-wizard-steps li.is-active button{border-color:#7fc9e4;background:#eef9fd}.hpc-wizard-steps li.is-active button>span,.hpc-wizard-steps li.is-complete button>span{background:#1c8fbd;color:#fff}.hpc-wizard-steps li.is-complete button{cursor:pointer}.hpc-wizard-form{display:grid;gap:1.1rem}.hpc-wizard-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--workspace-line)}.hpc-wizard-section-head span{color:#1c8fbd;font-size:.68rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.hpc-wizard-section-head h2{margin:.25rem 0 0;font-size:1.2rem;color:#122033}.hpc-wizard-section-head p{max-width:560px;margin:0;color:#64748b;font-size:.82rem;line-height:1.55}.hpc-core-field label b{color:#dc1d48}.hpc-field-error{display:block;margin-top:.35rem;color:#c81e4b;font-size:.72rem;font-weight:800}.hpc-module-selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.hpc-module-selection-card{border:1px solid var(--workspace-line);border-radius:20px;background:#fff;padding:1rem}.hpc-module-selection-card.is-foundation{border-color:#a8dec0;background:#f2fbf5}.hpc-module-selection-card>header{display:flex;justify-content:space-between;gap:.8rem}.hpc-module-selection-card>header>label,.hpc-submodule-options label{display:flex;align-items:flex-start;gap:.55rem;margin:0;text-transform:none;letter-spacing:0}.hpc-module-selection-card input{width:18px!important;height:18px!important;min-height:18px!important;margin-top:.12rem}.hpc-module-selection-card label span{display:grid;gap:.15rem}.hpc-module-selection-card label strong{color:#173a56;font-size:.82rem}.hpc-module-selection-card label small{color:#718096;font-size:.68rem}.hpc-module-selection-card>p{margin:.75rem 0;color:#64748b;font-size:.78rem;line-height:1.5}.hpc-commercial-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3rem}.hpc-commercial-badges span{border-radius:999px;background:#eef4f7;color:#476175;padding:.25rem .45rem;font-size:.58rem;font-weight:950;text-transform:uppercase}.hpc-commercial-badges .foundation{background:#dcf6e5;color:#16723b}.hpc-submodule-options{display:grid;gap:.4rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--workspace-line)}.hpc-submodule-options label{border-radius:13px;background:#f8fbfd;padding:.6rem}.hpc-billing-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.hpc-choice-card{display:flex!important;gap:.7rem;margin:0!important;border:1px solid var(--workspace-line);border-radius:18px;background:#fff;padding:1rem;text-transform:none!important;letter-spacing:0!important;cursor:pointer}.hpc-choice-card.is-selected{border-color:#62bddd;background:#eef9fd;box-shadow:0 0 0 3px rgba(28,143,189,.1)}.hpc-choice-card input{width:18px!important;height:18px!important;min-height:18px!important}.hpc-choice-card span{display:grid;gap:.2rem}.hpc-choice-card strong{color:#173a56}.hpc-choice-card small{color:#64748b;line-height:1.45}.hpc-onboarding-review{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.hpc-onboarding-review>div{display:grid;gap:.2rem;border:1px solid var(--workspace-line);border-radius:16px;background:#f8fbfd;padding:.85rem}.hpc-onboarding-review span{color:#64748b;font-size:.65rem;font-weight:950;text-transform:uppercase}.hpc-onboarding-review strong{color:#173a56;font-size:.82rem}.hpc-onboarding-review small{color:#718096;font-size:.7rem;overflow-wrap:break-word}.hpc-wizard-actions{position:sticky;bottom:.75rem;z-index:10;border:1px solid var(--workspace-line);border-radius:18px;background:rgba(255,255,255,.96);padding:.75rem;box-shadow:0 14px 35px rgba(15,23,42,.1)}
@media(max-width:900px){.hpc-wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.hpc-module-selection-grid,.hpc-onboarding-review{grid-template-columns:1fr 1fr}.hpc-wizard-section-head{display:grid}.hpc-wizard-section-head p{max-width:none}}
@media(max-width:640px){.hpc-wizard-steps,.hpc-module-selection-grid,.hpc-billing-choice-grid,.hpc-onboarding-review{grid-template-columns:1fr}.hpc-wizard-steps li small{display:none}.hpc-wizard-steps li button{grid-template-rows:auto}.hpc-wizard-steps li button>span{grid-row:auto}.hpc-wizard-actions{bottom:.35rem}}
.hpc-commercial-badges-left{justify-content:flex-start}.hpc-commercial-badges .danger{background:#fde8ee;color:#b4234c}.hpc-commercial-policy-panel{display:grid;gap:1rem;border-top:1px solid var(--workspace-line);padding-top:1rem}.hpc-commercial-policy-panel>header{display:flex;justify-content:space-between;gap:1rem}.hpc-commercial-policy-panel>header span{color:#a5167d;font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.hpc-commercial-policy-panel>header h2{margin:.2rem 0 0;color:#173a56;font-size:1.05rem}.hpc-commercial-policy-panel>header p{max-width:520px;margin:0;color:#64748b;font-size:.78rem;line-height:1.5}.hpc-commercial-policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
@media(max-width:800px){.hpc-commercial-policy-grid{grid-template-columns:1fr}.hpc-commercial-policy-panel>header{display:grid}}

.hpc-module-card.is-readonly{cursor:default;align-items:center;justify-content:space-between}.hpc-module-card.is-readonly .hpc-status-badge{flex:0 0 auto}

/* 2026-07-17 R2: readable wrapping, horizontal row actions, helper text, and permission/workflow layouts. */
.hpc-page-container :where(.hpc-card,.ui-card,.as-card,.ac-panel,.ac-hero-card,.hpc-core-panel,.hpc-field-stack,.hpc-permission-group,.hpc-permission-category,.ac-workflow-task) {
    min-width: 0;
}
.hpc-page-container :where(h1,h2,h3,h4,h5,h6,p,small,strong,span,dd,dt,li) {
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
}
.hpc-page-container :where(.hpc-action-button,.hpc-core-btn,.hpc-core-row-actions a,.hpc-core-row-actions button,.as-btn,.ac-actions a,.ac-actions button) {
    line-height: 1.2;
    max-width: 100%;
    text-align: center;
    white-space: normal;
    word-break: normal;
}
.hpc-page-container table :where(th,td):not(.hpc-core-actions-cell):not(.hpc-table-actions) {
    overflow-wrap: break-word;
    word-break: normal;
}
.hpc-core-table--wide-actions { min-width: 1220px; }
.hpc-core-actions-cell {
    min-width: max-content !important;
    text-align: right;
    white-space: nowrap !important;
    width: 1%;
}
.hpc-page-container table :where(.hpc-core-row-actions,.hpc-row-actions,.hpc-table-actions,[data-row-actions="1"]) {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap !important;
    gap: .35rem;
    margin-left: auto;
    min-width: max-content;
    width: max-content;
    white-space: nowrap;
}
.hpc-page-container table :where(.hpc-core-row-actions,.hpc-row-actions,.hpc-table-actions,[data-row-actions="1"]) :where(a,button,form) {
    flex: 0 0 auto;
    white-space: nowrap;
}
.hpc-page-container table td:last-child > :where(.flex,.inline-flex,.as-actions,.ac-actions,.hpc-error-row-actions) {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-end;
    flex-flow: row nowrap !important;
    gap: .35rem;
    min-width: max-content;
    width: max-content;
    white-space: nowrap;
}
.hpc-page-container table td:last-child > :where(.flex,.inline-flex,.as-actions,.ac-actions,.hpc-error-row-actions) :where(a,button,form) {
    flex: 0 0 auto;
    white-space: nowrap;
}
.hpc-field-stack {
    display: grid;
    align-content: start;
    gap: .35rem;
    min-width: 0;
}
.hpc-field-stack > label {
    display: block !important;
    margin: 0 !important;
    color: #475569;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .08em;
    line-height: 1.3;
    text-transform: uppercase;
}
.hpc-field-stack > :where(input,select,textarea,.hpc-combobox) { width: 100%; }
.hpc-field-help {
    display: block;
    margin: 0;
    color: #64748b;
    font-size: .72rem;
    font-weight: 650;
    letter-spacing: 0;
    line-height: 1.45;
    text-transform: none;
}
.hpc-field-error {
    display: block;
    color: #be123c;
    font-size: .72rem;
    font-weight: 850;
    line-height: 1.4;
}
.hpc-alert-success { border: 1px solid #bbf7d0; background: #f0fdf4; color: #047857; }

.hpc-role-editor-form { display: grid; gap: 1rem; }
.hpc-role-editor-basics { align-items: start; }
.hpc-permission-editor {
    border: 1px solid #dbe7ef;
    border-radius: 20px;
    background: #f8fbfd;
    padding: 1rem;
}
.hpc-permission-summary,.hpc-permission-category-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .45rem;
}
.hpc-permission-group-list { display: grid; gap: .7rem; }
.hpc-permission-group {
    overflow: hidden;
    border: 1px solid #d8e6f0;
    border-radius: 18px;
    background: #fff;
}
.hpc-permission-group > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    cursor: pointer;
    list-style: none;
    padding: .85rem 1rem;
}
.hpc-permission-group > summary::-webkit-details-marker { display: none; }
.hpc-permission-group > summary::after {
    content: "⌄";
    flex: 0 0 auto;
    color: #1c8fbd;
    font-size: 1rem;
    font-weight: 950;
    transition: transform .18s ease;
}
.hpc-permission-group[open] > summary::after { transform: rotate(180deg); }
.hpc-permission-group > summary > span:first-child { display: grid; gap: .18rem; min-width: 0; }
.hpc-permission-group > summary strong { color: #102840; font-size: .92rem; font-weight: 950; }
.hpc-permission-group > summary small { color: #64748b; font-size: .75rem; line-height: 1.4; }
.hpc-permission-category-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: .7rem;
    padding: 0 1rem 1rem;
}
.hpc-permission-category {
    display: grid;
    align-content: start;
    gap: .7rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fbfdff;
    padding: .8rem;
}
.hpc-permission-category > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
    padding-bottom: .65rem;
    border-bottom: 1px solid #e8eef3;
}
.hpc-permission-category h4 { margin: 0; color: #102840; font-size: .82rem; font-weight: 950; }
.hpc-permission-category p { margin: .2rem 0 0; color: #64748b; font-size: .7rem; line-height: 1.4; }
.hpc-permission-category-actions span { color: #64748b; font-size: .68rem; font-weight: 900; }
.hpc-permission-category-actions button {
    min-height: 28px !important;
    border: 1px solid #c8deeb !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #1676a0 !important;
    padding: .28rem .52rem !important;
    font-size: .64rem !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}
.hpc-permission-items {
    display: grid;
    grid-template-columns: 1fr;
    gap: .35rem;
    max-height: 330px;
    overflow: auto;
    padding-right: .15rem;
}
.hpc-permission-option {
    display: flex !important;
    align-items: flex-start;
    gap: .5rem;
    margin: 0 !important;
    border: 1px solid transparent;
    border-radius: 12px;
    background: #fff;
    padding: .48rem .55rem;
    color: #334155 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
.hpc-permission-option:hover { border-color: #bfe3f2; background: #f3fafe; }
.hpc-permission-option:has(input:checked) { border-color: #8fd0e7; background: #eaf7fc; }
.hpc-permission-option input {
    flex: 0 0 auto;
    width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    margin-top: .12rem;
    accent-color: #1c8fbd;
}
.hpc-permission-option > span { display: grid; gap: .08rem; min-width: 0; }
.hpc-permission-option strong { color: #20364b; font-size: .76rem; line-height: 1.25; }
.hpc-permission-option small { color: #708399; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: .63rem; line-height: 1.35; }

.ac-workflow-page { gap: .85rem; }
.ac-workflow-summary {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: .65rem;
    margin-top: .85rem;
}
.ac-workflow-filter-panel { margin-top: .85rem; border-top: 1px solid #e7eef4; padding-top: .85rem; }
.ac-workflow-primary-filters {
    display: grid;
    grid-template-columns: minmax(280px,1.6fr) minmax(160px,.7fr) minmax(170px,.8fr) auto;
    align-items: end;
    gap: .7rem;
}
.ac-workflow-overdue {
    display: inline-flex !important;
    align-items: center;
    gap: .45rem;
    min-height: 42px;
    margin: 0 !important;
    border: 1px solid #d8e6f0;
    border-radius: 14px;
    background: #f8fbfd;
    padding: .55rem .7rem;
    color: #334155 !important;
    font-size: .75rem !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap;
}
.ac-workflow-overdue input { width: 16px !important; height: 16px !important; min-height: 16px !important; }
.ac-workflow-advanced { margin-top: .7rem; border: 1px solid #e2e8f0; border-radius: 16px; background: #fbfdff; }
.ac-workflow-advanced > summary { cursor: pointer; padding: .7rem .85rem; color: #315071; font-size: .76rem; font-weight: 900; }
.ac-workflow-advanced-grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: .7rem;
    padding: 0 .85rem .85rem;
}
.ac-workflow-task-list { display: grid; gap: .7rem; }
.ac-workflow-task {
    display: grid;
    gap: .75rem;
    border: 1px solid #d8e7f5;
    border-radius: 18px;
    background: #fff;
    padding: .85rem;
}
.ac-workflow-task__header,.ac-workflow-task__footer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .65rem;
}
.ac-workflow-task__identity { display: grid; gap: .12rem; min-width: 0; }
.ac-workflow-task__identity strong { color: #0f172a; font-size: .92rem; font-weight: 950; }
.ac-workflow-task__identity small { color: #64748b; font-size: .72rem; }
.ac-workflow-task__meta {
    display: grid;
    grid-template-columns: minmax(210px,1.4fr) minmax(210px,1.4fr) minmax(150px,.8fr) minmax(160px,.8fr) minmax(130px,.65fr);
    gap: .55rem;
}
.ac-workflow-meta {
    min-width: 0;
    border: 1px solid #e5edf4;
    border-radius: 14px;
    background: #f8fbfd;
    padding: .62rem .7rem;
}
.ac-workflow-meta span { display: block; color: #718096; font-size: .63rem; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.ac-workflow-meta strong { display: block; margin-top: .18rem; color: #102840; font-size: .78rem; font-weight: 900; line-height: 1.35; overflow-wrap: break-word; }
.ac-workflow-task__content {
    display: grid;
    grid-template-columns: minmax(260px,1fr) minmax(340px,1.3fr);
    gap: .7rem;
    align-items: start;
}
.ac-workflow-chipline { display: flex; flex-wrap: wrap; gap: .35rem; align-items: flex-start; }
.ac-workflow-note { min-height: 78px !important; }
.ac-workflow-task__footer { align-items: center; border-top: 1px solid #e7eef4; padding-top: .7rem; }
.ac-workflow-primary-actions,.ac-workflow-admin-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; }
.ac-workflow-admin-actions { margin-left: auto; }
.ac-workflow-admin-actions select { min-width: 190px; min-height: 36px; font-size: .75rem; }

@media (max-width: 1280px) {
    .hpc-permission-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .ac-workflow-summary { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .ac-workflow-primary-filters { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .ac-workflow-overdue { grid-column: 1/-1; width: max-content; }
    .ac-workflow-advanced-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .ac-workflow-task__meta { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 820px) {
    .hpc-permission-category-grid,.ac-workflow-summary,.ac-workflow-primary-filters,.ac-workflow-advanced-grid,.ac-workflow-task__meta,.ac-workflow-task__content { grid-template-columns: 1fr; }
    .hpc-permission-category > header { flex-direction: column; }
    .hpc-permission-category-actions { justify-content: flex-start; }
    .ac-workflow-overdue { grid-column: auto; width: 100%; }
    .ac-workflow-admin-actions { margin-left: 0; width: 100%; }
    .ac-workflow-admin-actions select { width: 100%; }
}

/* 2026-07-17 R3 — readable inline tabs, protected labels/badges, and commercial UAT views. */
.hpc-inline-tabs,
.hpc-tabs.hpc-inline-tabs {
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap !important;
    gap: .4rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain;
    padding: .55rem !important;
    border: 1px solid #e2eaf1 !important;
    border-radius: 18px !important;
    background: #f8fbfd !important;
    scrollbar-width: thin;
}
.hpc-inline-tabs > .hpc-tab {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
}

/* Keep compact semantic tokens intact. Ordinary prose may still wrap at words. */
.hpc-page-container :where(.hpc-status,.hpc-status-badge,.hpc-badge,.as-badge,.hpc-readiness-badge,.hpc-kicker,.hpc-tab,.hpc-tab-button,.hpc-action-button,.hpc-button) {
    max-width: 100%;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    hyphens: none !important;
}
.hpc-page-container :where(label,.hpc-session-label,.hpc-field-help,.hpc-page-subtitle,.hpc-card-subtitle) {
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
}
.hpc-page-container :where(.hpc-pill,.hpc-chip,.ac-workflow-chipline > span) {
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
}
.hpc-page-container table :where(th,td) :where(.hpc-status,.hpc-status-badge,.hpc-action-button) {
    display: inline-flex;
    width: max-content;
}

.hpc-pending-action-title {
    display: -webkit-box !important;
    overflow: hidden;
    min-height: 2.5em;
    line-height: 1.25;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.hpc-session-section-head > .hpc-session-field {
    flex: 0 0 min(270px, 100%);
    min-width: 240px;
}
.hpc-session-section-head > .hpc-session-field .hpc-session-label {
    white-space: normal !important;
}

.hpc-navbar-institution em {
    display: block;
    margin-top: .08rem;
    color: #637b91;
    font-size: .62rem;
    font-style: normal;
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1.15;
    text-transform: uppercase;
}

.hpc-commercial-tabs { margin-top: .85rem; }
.hpc-commercial-toolbar {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: .75rem;
    margin-top: .75rem;
}
.hpc-commercial-search { flex: 1 1 460px; max-width: 720px; }
.hpc-commercial-section { min-width: 0; }
.hpc-commercial-guide {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    gap: .35rem .75rem;
    align-items: start;
    margin-bottom: .8rem;
    border: 1px solid #cfe8f3;
    border-radius: 16px;
    background: #f1f9fc;
    padding: .75rem .85rem;
    color: #31536b;
    font-size: .78rem;
    line-height: 1.5;
}
.hpc-commercial-guide strong { color: #126f98; white-space: nowrap; }
.hpc-commercial-table { min-width: 860px; }
.hpc-technical-value {
    display: inline-block;
    max-width: 34ch;
    overflow: hidden;
    color: #64748b;
    font-size: .68rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}
.hpc-commercial-credit-grid { align-items: start; }
.hpc-credit-ledger-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    border: 1px solid #e5edf4;
    border-radius: 14px;
    background: #fbfdff;
    padding: .68rem .75rem;
}
.hpc-credit-ledger-row > div:first-child { display: grid; gap: .15rem; min-width: 0; }
.hpc-credit-ledger-row strong { color: #102840; font-size: .78rem; }
.hpc-credit-ledger-row small { color: #64748b; font-size: .68rem; line-height: 1.4; }
.hpc-credit-ledger-amount {
    display: grid;
    flex: 0 0 auto;
    gap: .1rem;
    text-align: right;
    font-size: .82rem;
    font-weight: 950;
    white-space: nowrap;
}
.hpc-credit-ledger-amount.is-credit { color: #047857; }
.hpc-credit-ledger-amount.is-debit { color: #be123c; }
.hpc-credit-ledger-amount small { color: #64748b; font-weight: 750; }
.hpc-alert-warning { border: 1px solid #fed7aa; background: #fff7ed; color: #9a3412; }

@media (max-width: 760px) {
    .hpc-commercial-toolbar { align-items: stretch; flex-direction: column; }
    .hpc-commercial-search { width: 100%; max-width: none; }
    .hpc-commercial-toolbar > .hpc-action-button { width: 100%; }
    .hpc-commercial-guide { grid-template-columns: 1fr; }
    .hpc-session-section-head > .hpc-session-field { min-width: 0; width: 100%; }
}

/* 2026-07-17 R4 — commercial operations, compact filters, helper-rich forms, and durable row actions. */
.hpc-commercial-header-card { min-width: 0; }
.hpc-commercial-tenant-count { min-width: 132px; }
.hpc-commercial-toolbar {
    display: grid;
    grid-template-columns: minmax(260px,1fr) minmax(150px,190px) minmax(150px,190px) auto;
    align-items: end;
}
.hpc-commercial-search { max-width: none; }
.hpc-commercial-filter { min-width: 0; }
.hpc-commercial-toolbar-actions { align-self: end; justify-content: flex-end; padding-bottom: .05rem; }
.hpc-commercial-primary-grid { align-items: start; }
.hpc-commercial-operation-card { min-width: 0; }
.hpc-commercial-operation-form { align-items: start; }
.hpc-commercial-operation-form > * { min-width: 0; }
.hpc-commercial-balance {
    display: grid;
    flex: 0 0 auto;
    gap: .08rem;
    min-width: 142px;
    border: 1px solid #bfe4d1;
    border-radius: 16px;
    background: #f0fdf4;
    padding: .62rem .75rem;
    text-align: right;
}
.hpc-commercial-balance span { color: #527166; font-size: .64rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.hpc-commercial-balance strong { color: #047857; font-size: 1.05rem; line-height: 1.2; }
.hpc-commercial-operation-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    border: 1px solid #cfe8f3;
    border-radius: 14px;
    background: #f1f9fc;
    padding: .68rem .78rem;
}
.hpc-commercial-operation-summary span { color: #526b7f; font-size: .72rem; font-weight: 850; }
.hpc-commercial-operation-summary strong { color: #0f6285; font-size: .9rem; white-space: nowrap; }
.hpc-commercial-rights {
    min-width: 0;
    border: 1px solid #dce8f1;
    border-radius: 16px;
    background: #fbfdff;
    padding: .72rem .78rem;
}
.hpc-commercial-rights legend { padding: 0 .25rem; color: #17324c; font-size: .75rem; font-weight: 950; }
.hpc-commercial-rights-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: .45rem;
    margin-top: .55rem;
}
.hpc-commercial-rights-grid label,
.hpc-compact-choice {
    display: flex;
    align-items: flex-start;
    gap: .48rem;
    min-width: 0;
    border: 1px solid #e1eaf2;
    border-radius: 13px;
    background: #fff;
    padding: .58rem .65rem;
    color: #29445c;
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.35;
}
.hpc-commercial-rights-grid input,
.hpc-compact-choice input { flex: 0 0 auto; width: 16px !important; height: 16px !important; margin-top: .05rem; }
.hpc-commercial-switch-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: .5rem;
}
.hpc-compact-choice span { display: grid; gap: .12rem; min-width: 0; }
.hpc-compact-choice strong { color: #17324c; font-size: .73rem; }
.hpc-compact-choice small { color: #6b7f91; font-size: .65rem; font-weight: 650; line-height: 1.4; }
.hpc-commercial-invoice-table { min-width: 1080px; }
.hpc-commercial-invoice-table td:last-child,
.hpc-commercial-invoice-table th:last-child { white-space: nowrap; }
.hpc-commercial-operation-card select,
.hpc-commercial-operation-card input,
.hpc-commercial-operation-card textarea { max-width: 100%; }
.hpc-commercial-operation-card .hpc-combobox { width: 100%; }
.hpc-commercial-operation-card .hpc-combobox-panel { z-index: 80; }

@media (max-width: 1180px) {
    .hpc-commercial-toolbar { grid-template-columns: minmax(240px,1fr) repeat(2,minmax(145px,180px)); }
    .hpc-commercial-toolbar-actions { grid-column: 1/-1; justify-content: flex-start; }
    .hpc-commercial-rights-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 820px) {
    .hpc-commercial-toolbar { grid-template-columns: 1fr; }
    .hpc-commercial-toolbar-actions { grid-column: auto; width: 100%; }
    .hpc-commercial-toolbar-actions .hpc-action-button { flex: 1 1 auto; }
    .hpc-commercial-switch-grid,
    .hpc-commercial-rights-grid { grid-template-columns: 1fr; }
    .hpc-commercial-balance { width: 100%; text-align: left; }
    .hpc-commercial-operation-summary { align-items: flex-start; flex-direction: column; }
}

/* R5: universal working-tab and tenant commercial portal contracts. */
:where(.hpc-tabs-nav,.hpc-core-tabs,.as-tabs,[role="tablist"]){min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
:where(.hpc-tabs-nav,.hpc-core-tabs,.as-tabs,[role="tablist"]) :where([role="tab"],.hpc-tab,.hpc-tab-button,.as-tab,.as-tab-button){flex:0 0 auto;max-width:min(28rem,82vw);white-space:normal;overflow-wrap:normal;word-break:normal;text-wrap:balance;line-height:1.25}
:where([role="tab"]):focus-visible{outline:3px solid rgba(28,143,189,.24);outline-offset:2px}
:where([role="tabpanel"])[hidden]{display:none!important}
.hpc-core-tabs.hpc-inline-tabs{display:flex!important;flex-wrap:nowrap!important;gap:.45rem!important;border:1px solid #dbe8f1!important;border-radius:18px!important;background:#fff!important;padding:.45rem!important}

.tenant-commercial-page{max-width:none}.tenant-commercial-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem}.tenant-commercial-hero h1{margin:.15rem 0 .35rem;color:#102840;font-size:clamp(1.45rem,2.4vw,2.15rem);font-weight:950;letter-spacing:-.045em}.tenant-commercial-hero p{max-width:56rem;margin:0;color:#64748b;font-size:.88rem;line-height:1.5}.tenant-commercial-context{display:grid;min-width:220px;gap:.15rem;border:1px solid #cbe9f5;border-radius:18px;background:#f2fbfe;padding:.8rem 1rem}.tenant-commercial-context span{color:#64748b;font-size:.65rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.tenant-commercial-context strong{color:#102840;font-size:.92rem}.tenant-commercial-context small{color:#1c8fbd;font-weight:900}.tenant-commercial-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.tenant-commercial-stats article,.tenant-credit-summary>div{min-width:0;border:1px solid #dbe8f1;border-radius:20px;background:#fff;padding:.85rem 1rem;box-shadow:0 10px 28px rgba(15,23,42,.04)}.tenant-commercial-stats span,.tenant-credit-summary span{display:block;color:#64748b;font-size:.66rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.tenant-commercial-stats strong,.tenant-credit-summary strong{display:block;margin-top:.25rem;color:#102840;font-size:1.05rem;font-weight:950;overflow-wrap:break-word;word-break:normal}.tenant-commercial-stats small{display:block;margin-top:.18rem;color:#64748b;font-size:.72rem}.tenant-commercial-shell{padding:0!important;overflow:hidden}.tenant-commercial-tabs{margin:0!important;border:0!important;border-bottom:1px solid #dbe8f1!important;border-radius:0!important;padding:.55rem!important;background:#f8fbfd!important}.tenant-commercial-filters{display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,260px) auto;gap:.65rem;align-items:end;padding:.8rem 1rem;border-bottom:1px solid #edf3f7;background:#fff}.tenant-commercial-filters label{display:grid;gap:.3rem}.tenant-commercial-filters label>span{color:#64748b;font-size:.67rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.tenant-commercial-panel{padding:1rem;background:#f8fbfd}.tenant-commercial-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.tenant-commercial-wide{grid-column:1/-1}.hpc-subcard{min-width:0;border:1px solid #dbe8f1;border-radius:20px;background:#fff;padding:1rem}.hpc-subcard>header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.hpc-subcard>header span:first-child{display:block;color:#64748b;font-size:.66rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.hpc-subcard>header h2{margin:.2rem 0 0;color:#102840;font-size:1.05rem;font-weight:950}.tenant-commercial-definition{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.tenant-commercial-definition-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tenant-commercial-definition>div{min-width:0;border:1px solid #edf3f7;border-radius:15px;background:#f8fbfd;padding:.65rem}.tenant-commercial-definition dt{color:#64748b;font-size:.62rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.tenant-commercial-definition dd{margin:.2rem 0 0;color:#102840;font-size:.82rem;font-weight:850;overflow-wrap:break-word;word-break:normal}.tenant-license-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.tenant-license-grid>div:not(.hpc-empty-state){display:grid;gap:.2rem;border:1px solid #edf3f7;border-radius:15px;background:#f8fbfd;padding:.7rem}.tenant-license-grid strong{color:#102840;font-size:.82rem}.tenant-license-grid span,.tenant-license-grid small{color:#64748b;font-size:.72rem}.tenant-commercial-entitlements{margin-top:.85rem}.tenant-commercial-entitlements h3{margin:0 0 .6rem;color:#102840;font-size:.85rem}.tenant-commercial-entitlement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.tenant-commercial-entitlement-grid>div{min-width:0;border:1px solid #edf3f7;border-radius:14px;background:#f8fbfd;padding:.65rem}.tenant-commercial-entitlement-grid dt{color:#64748b;font-size:.62rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.tenant-commercial-entitlement-grid dd{margin:.2rem 0 0;color:#102840;font-size:.8rem;font-weight:850;overflow-wrap:break-word;word-break:normal}.tenant-commercial-panel .hpc-table td small{display:block;margin-top:.2rem;color:#64748b;font-size:.7rem}.tenant-credit-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-bottom:.8rem}.tenant-commercial-log-list{display:grid;gap:.55rem}.tenant-commercial-log-list article{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border:1px solid #dbe8f1;border-radius:16px;background:#fff;padding:.75rem}.tenant-commercial-log-list article>div{display:grid;gap:.15rem}.tenant-commercial-log-list strong{color:#102840;font-size:.8rem}.tenant-commercial-log-list span,.tenant-commercial-log-list time{color:#64748b;font-size:.72rem}.tenant-commercial-log-list article>div:last-child{text-align:right;white-space:nowrap}
@media(max-width:1100px){.tenant-commercial-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-commercial-definition-4,.tenant-license-grid,.tenant-commercial-entitlement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.tenant-commercial-hero{flex-direction:column}.tenant-commercial-context{width:100%;min-width:0}.tenant-commercial-stats,.tenant-commercial-overview-grid,.tenant-credit-summary,.tenant-commercial-definition,.tenant-commercial-definition-4,.tenant-license-grid,.tenant-commercial-entitlement-grid{grid-template-columns:1fr}.tenant-commercial-filters{grid-template-columns:1fr}.tenant-commercial-log-list article{flex-direction:column}.tenant-commercial-log-list article>div:last-child{text-align:left}.tenant-commercial-wide{grid-column:auto}.tenant-commercial-panel{padding:.7rem}}


/* Shared text wrapping utilities. */
.text-human-wrap{overflow-wrap:break-word!important;word-break:normal!important;hyphens:none!important}
.text-heading-wrap{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;text-wrap:balance}
.text-token-wrap{overflow-wrap:anywhere!important;word-break:break-word!important;hyphens:none!important}

/* Assessment commerce purchase lifecycle — 2026.07.19.10 */
.assessment-commerce-page{max-width:none}.assessment-commerce-layout{display:grid;grid-template-columns:minmax(340px,.92fr) minmax(0,1.55fr);gap:.85rem;align-items:start}.assessment-commerce-form-card,.assessment-commerce-list-card{min-width:0}.assessment-commerce-form-card{position:sticky;top:calc(var(--topbar-height,72px) + 1rem);max-height:calc(100vh - var(--topbar-height,72px) - 2rem);overflow:auto}.assessment-commerce-form-card .hpc-form-grid{gap:.7rem}.assessment-commerce-form-card textarea{min-height:96px}.assessment-commerce-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;grid-column:1/-1}.assessment-commerce-checks label{display:flex!important;align-items:flex-start;gap:.55rem;margin:0!important;border:1px solid #dbe8f1;border-radius:14px;background:#f8fbfd;padding:.65rem;text-transform:none!important;letter-spacing:0!important}.assessment-commerce-checks input{width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px;margin:.1rem 0 0;padding:0}.assessment-commerce-checks span{color:#334155;font-size:.76rem;font-weight:850;line-height:1.35}.assessment-commerce-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;grid-column:1/-1}.assessment-commerce-list{display:grid;gap:.65rem}.assessment-commerce-list article{min-width:0;border:1px solid #dbe8f1;border-radius:18px;background:#fff;padding:.8rem}.assessment-commerce-list article.is-selected{border-color:#65bde0;box-shadow:0 0 0 3px rgba(28,143,189,.12)}.assessment-commerce-list header{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;margin:0 0 .55rem}.assessment-commerce-list h3{margin:.15rem 0 0;color:#102840;font-size:.94rem;font-weight:950;overflow-wrap:break-word;word-break:normal}.assessment-commerce-list p{margin:.4rem 0;color:#64748b;font-size:.78rem;line-height:1.5;overflow-wrap:break-word;word-break:normal}.assessment-commerce-list-meta{display:flex;flex-wrap:wrap;gap:.35rem .7rem;color:#64748b;font-size:.69rem}.assessment-commerce-list-meta strong{color:#102840}.assessment-commerce-request-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:.85rem;align-items:start}.assessment-commerce-request-detail{position:sticky;top:calc(var(--topbar-height,72px) + 1rem);min-width:0}.assessment-commerce-timeline{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.assessment-commerce-timeline li{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr);gap:.65rem}.assessment-commerce-timeline li::before{content:"";width:10px;height:10px;margin-top:.27rem;border-radius:999px;background:#1c8fbd;box-shadow:0 0 0 4px rgba(28,143,189,.12)}.assessment-commerce-timeline li>div{min-width:0;border-bottom:1px solid #edf3f7;padding-bottom:.55rem}.assessment-commerce-timeline strong,.assessment-commerce-timeline span,.assessment-commerce-timeline small{display:block}.assessment-commerce-timeline strong{color:#102840;font-size:.78rem}.assessment-commerce-timeline span,.assessment-commerce-timeline small{margin-top:.15rem;color:#64748b;font-size:.69rem;overflow-wrap:break-word;word-break:normal}.assessment-marketplace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.assessment-marketplace-card{display:flex;flex-direction:column;min-width:0}.assessment-marketplace-card>p{flex:1;margin:.15rem 0 .75rem;color:#64748b;font-size:.79rem;line-height:1.5;overflow-wrap:break-word;word-break:normal}.assessment-marketplace-card .tenant-commercial-definition{grid-template-columns:1fr;margin-bottom:.75rem}.assessment-marketplace-order{display:grid;gap:.55rem;margin-top:auto}.assessment-marketplace-order textarea{min-height:76px}.assessment-marketplace-order .hpc-button{width:100%}.assessment-commerce-page .hpc-table td,.assessment-commerce-page .hpc-table th{overflow-wrap:break-word;word-break:normal}.assessment-commerce-page .text-token-wrap{overflow-wrap:anywhere;word-break:normal}
@media(max-width:1280px){.assessment-marketplace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assessment-commerce-layout{grid-template-columns:minmax(310px,.9fr) minmax(0,1.25fr)}}
@media(max-width:960px){.assessment-commerce-layout,.assessment-commerce-request-layout{grid-template-columns:1fr}.assessment-commerce-form-card,.assessment-commerce-request-detail{position:static;max-height:none}.assessment-commerce-checks{grid-template-columns:1fr}.assessment-marketplace-grid{grid-template-columns:1fr}}
@media(max-width:620px){.assessment-commerce-actions{align-items:stretch}.assessment-commerce-actions .hpc-button{width:100%}.assessment-commerce-list header{flex-direction:column}.assessment-commerce-page .hpc-table-wrap{overflow-x:auto}.assessment-commerce-page .hpc-table{min-width:720px}}

/* Institution provisioning and shared master data — 2026.07.19.11 */
.hpc-section-divider {
    border: 0;
    border-top: 1px solid var(--hpc-border, #d8e2eb);
    margin: 1.25rem 0;
}
.hpc-wizard-section-head-compact {
    margin-top: .25rem;
}
.hpc-provisioning-selection {
    border: 1px solid var(--hpc-border, #d8e2eb);
    border-radius: .9rem;
    padding: 1rem;
    margin-top: 1rem;
    background: var(--hpc-surface, #fff);
}
.hpc-provisioning-selection-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}
.hpc-provisioning-selection-head h3,
.hpc-provisioning-selection-head p {
    margin: 0;
}
.hpc-provisioning-selection-head p {
    margin-top: .25rem;
    color: var(--hpc-muted, #617386);
}
.hpc-provisioning-selection-head > span {
    white-space: nowrap;
    border-radius: 999px;
    background: #eaf5fb;
    color: #176b91;
    padding: .3rem .65rem;
    font-size: .78rem;
    font-weight: 700;
}
.hpc-provisioning-option-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}
.hpc-inline-check {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    font-weight: 600;
}
.hpc-core-field-actions {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}
@media (max-width: 760px) {
    .hpc-provisioning-option-grid {
        grid-template-columns: 1fr;
    }
    .hpc-provisioning-selection-head {
        flex-direction: column;
    }
}

/* Institution context boundary — 2026.07.19.16 */
.hpc-context-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9rem;
    padding: .7rem 1rem;
    border-bottom: 1px solid color-mix(in srgb, var(--app-primary, #1c8fbd) 32%, transparent);
    background: color-mix(in srgb, var(--app-primary, #1c8fbd) 8%, var(--app-surface, #fff));
}
.hpc-context-banner-copy {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}
.hpc-context-banner-copy > svg {
    width: 1.15rem;
    height: 1.15rem;
    flex: 0 0 auto;
    color: var(--app-primary, #1c8fbd);
}
.hpc-context-banner-copy span {
    display: grid;
    gap: .08rem;
    min-width: 0;
}
.hpc-context-banner-copy strong,
.hpc-context-banner-copy small {
    overflow-wrap: anywhere;
}
.hpc-context-banner-copy strong {
    font-size: .82rem;
    line-height: 1.2;
}
.hpc-context-banner-copy small {
    color: var(--app-text-muted, #64748b);
    font-size: .72rem;
    line-height: 1.35;
}
.hpc-context-banner-action {
    white-space: nowrap;
}
@media (max-width: 760px) {
    .hpc-context-banner {
        align-items: stretch;
        flex-direction: column;
    }
    .hpc-context-banner-action {
        width: 100%;
        justify-content: center;
    }
}

/* Durable fallback for compact operational actions. Explicit page classes remain authoritative. */
.hpc-page-container :where(.hpc-button-row,.hpc-compact-list-row,.hpc-core-row-actions,.as-actions) > :where(a,button) {
    flex: 0 0 auto;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}
.hpc-page-container .hpc-compact-list-row > a:not([class]),
.hpc-page-container .hpc-button-row > a:not([class]),
.hpc-page-container .hpc-card-header > a:not([class]),
.hpc-page-container .hpc-compact-card-header > a:not([class]) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    border: 1px solid #cfe3ef;
    border-radius: 11px;
    background: #f3f9fc;
    color: #1676a0;
    padding: .38rem .58rem;
    font-size: .7rem;
    font-weight: 950;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}
.hpc-field-card small,
.hpc-field-card em {
    display: block;
    margin-top: .3rem;
    font-size: .72rem;
    line-height: 1.4;
}
.hpc-field-card small { color: #61748d; }
.hpc-field-card em { color: #c81e4a; font-style: normal; font-weight: 850; }

.hpc-field-card input[type="checkbox"],
.hpc-field-card input[type="radio"] {
    width: 1.1rem;
    min-width: 1.1rem;
    height: 1.1rem;
    min-height: 1.1rem;
    margin: .35rem 0 .15rem;
    accent-color: var(--hpc-primary, #1c8fbd);
}

/* 2026-07-21: unified control radius, clean wrapping, dashboard cards, and helpdesk workspace. */
:root {
    --hpc-control-radius: 12px;
    --hpc-card-radius: 18px;
}

.hpc-auth-body :where(
    button,
    .hpc-button,
    .hpc-icon-button,
    .hpc-user-button,
    .as-btn,
    .btn,
    [role="button"],
    .hpc-tab,
    .as-tab,
    .hpc-chip,
    .hpc-pill,
    .hpc-master-pill,
    .hpc-badge,
    .as-badge,
    .as-status,
    .hpc-error-status,
    .hpc-error-level,
    .hpc-issue-badge,
    .hpc-check-card,
    .hpc-master-check,
    .hpc-dropdown-item,
    .hpc-notification-link,
    .hpc-error-action
) {
    border-radius: var(--hpc-control-radius) !important;
}

.hpc-auth-body :where(
    .hpc-card,
    .ui-card,
    .as-card,
    .hpc-compact-card,
    .hpc-action-card,
    .hpc-session-card,
    .hpc-compact-list-row,
    .hpc-detail-card,
    .hpc-comment-card,
    .hpc-issue-summary-card,
    .as-empty,
    .as-empty-state,
    .as-alert
) {
    border-radius: var(--hpc-card-radius) !important;
}

.hpc-auth-body :where(
    p, span, strong, small, em, label, a, button, li, dt, dd, th, td,
    .hpc-chip, .hpc-pill, .hpc-badge, .as-badge, .as-status, .hpc-issue-badge
) {
    word-break: normal !important;
    overflow-wrap: break-word;
    hyphens: auto;
}

.hpc-auth-body :where(.hpc-button, .as-btn, .btn, button, [role="button"]) {
    white-space: normal;
    line-height: 1.25;
    text-align: center;
}

.hpc-auth-body :where(.hpc-chip, .hpc-pill, .hpc-badge, .as-badge, .as-status, .hpc-issue-badge) {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    width: max-content;
    max-width: 100%;
    white-space: normal !important;
}

.hpc-pending-action-card > .flex:first-child {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: .65rem;
}
.hpc-pending-action-card > .flex:first-child > .hpc-chip,
.hpc-pending-action-card > .flex:first-child > :last-child {
    flex-shrink: 0;
    max-width: 8.5rem;
    text-align: center;
}
.hpc-pending-action-card .hpc-pending-action-title,
.hpc-compact-list-row > div,
.hpc-session-card > div {
    min-width: 0;
    overflow-wrap: break-word;
}
.hpc-compact-list-row > :where(a, button),
.hpc-pending-action-card > :last-child :where(a, button) {
    flex: 0 0 auto;
    min-width: max-content;
}

.hpc-navbar-issue-button {
    position: relative;
    border-color: #d8e6f0 !important;
    background: #fff !important;
    color: #64748b !important;
}
.hpc-navbar-issue-button.has-active-issues {
    border-color: #fecaca !important;
    background: #fff1f2 !important;
    color: #be123c !important;
}

.hpc-helpdesk-page {
    width: 100%;
    min-width: 0;
}
.hpc-page-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}
.hpc-page-heading > div {
    min-width: 0;
}
.hpc-page-heading h1 {
    margin: 0;
}
.hpc-page-heading p:not(.hpc-page-kicker) {
    margin: .35rem 0 0;
    color: #61748d;
    font-size: .86rem;
}
.hpc-page-kicker {
    margin: 0 0 .25rem;
    color: #16844a;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.hpc-issue-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}
.hpc-issue-summary-card {
    border: 1px solid #d8e6f0;
    background: #fff;
    padding: .9rem;
}
.hpc-issue-summary-card span {
    display: block;
    color: #64748b;
    font-size: .72rem;
    font-weight: 900;
}
.hpc-issue-summary-card strong {
    display: block;
    margin-top: .2rem;
    color: #122033;
    font-size: 1.45rem;
    font-weight: 950;
}
.hpc-issue-summary-card.is-warning { background: #fff9e8; border-color: #f7d78a; }
.hpc-issue-summary-card.is-danger { background: #fff1f2; border-color: #fecdd3; }
.hpc-issue-summary-card.is-success { background: #ecfdf5; border-color: #bbf7d0; }
.hpc-issue-filters {
    display: grid;
    grid-template-columns: minmax(240px, 1.5fr) repeat(6, minmax(130px, .65fr));
    align-items: end;
    gap: .65rem;
    border: 1px solid #d8e6f0;
    border-radius: var(--hpc-card-radius);
    background: #fff;
    padding: .85rem;
}
.hpc-issue-filter-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}
.hpc-issue-list-card {
    overflow: hidden;
}
.hpc-issue-table td,
.hpc-issue-table th {
    vertical-align: top;
}
.hpc-issue-title-cell {
    min-width: 220px;
}
.hpc-issue-title-cell a {
    color: #0f719b;
    font-weight: 900;
}
.hpc-issue-title-cell small {
    display: block;
    margin-top: .25rem;
    color: #64748b;
}
.hpc-issue-badge {
    border: 1px solid #d8e6f0;
    background: #f8fbfd;
    color: #475569;
    padding: .3rem .52rem;
    font-size: .68rem;
    font-weight: 950;
}
.hpc-issue-badge.is-open,
.hpc-issue-badge.is-investigating { background: #fff9e8; border-color: #f7d78a; color: #7f4b00; }
.hpc-issue-badge.is-resolved,
.hpc-issue-badge.is-closed { background: #ecfdf5; border-color: #bbf7d0; color: #047857; }
.hpc-issue-badge.is-ignored { background: #f1f5f9; color: #64748b; }
.hpc-issue-badge.is-critical { background: #fff1f2; border-color: #fecdd3; color: #be123c; }
.hpc-issue-badge.is-high { background: #fff7ed; border-color: #fed7aa; color: #c2410c; }
.hpc-helpdesk-form,
.hpc-helpdesk-workflow,
.hpc-comment-form,
.hpc-reopen-form {
    display: grid;
    gap: .85rem;
    padding: 1rem;
}
.hpc-helpdesk-form-grid,
.hpc-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}
.hpc-span-2 { grid-column: span 2 / span 2; }
.hpc-confirmation-summary {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    border: 1px solid #bfdbfe;
    border-radius: var(--hpc-control-radius);
    background: #eff6ff;
    color: #172554;
    padding: .75rem .85rem;
}
.hpc-confirmation-summary svg { flex: 0 0 auto; }
.hpc-confirmation-summary p { margin: .15rem 0 0; font-size: .78rem; }
.hpc-heading-badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}
.hpc-heading-badges h1 {
    min-width: 0;
    max-width: 100%;
}
.hpc-detail-card {
    display: grid;
    gap: .3rem;
    border: 1px solid #d8e6f0;
    background: #fff;
    padding: .85rem;
}
.hpc-detail-card > span {
    color: #64748b;
    font-size: .7rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.hpc-detail-card p { margin: 0; white-space: pre-wrap; }
.hpc-detail-card a { color: #0f719b; font-weight: 850; }
.hpc-comment-timeline { display: grid; gap: .65rem; }
.hpc-comment-card {
    border: 1px solid #d8e6f0;
    background: #fff;
    padding: .8rem;
}
.hpc-comment-card.is-internal { background: #fff9e8; border-color: #f7d78a; }
.hpc-comment-card header {
    display: flex;
    justify-content: space-between;
    gap: .6rem;
    color: #64748b;
    font-size: .72rem;
}
.hpc-comment-card p { margin: .45rem 0 0; white-space: pre-wrap; }
.hpc-reopen-form {
    margin-top: .85rem;
    border: 1px solid #f7d78a;
    border-radius: var(--hpc-card-radius);
    background: #fff9e8;
}
.as-alert-danger { border: 1px solid #fecdd3; background: #fff1f2; color: #9f1239; }
.as-alert-info { border: 1px solid #bfdbfe; background: #eff6ff; color: #1e3a8a; }

@media (max-width: 1280px) {
    .hpc-issue-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .hpc-issue-search { grid-column: span 2 / span 2; }
}
@media (max-width: 800px) {
    .hpc-page-heading { flex-direction: column; align-items: stretch; }
    .hpc-page-heading > .hpc-button { width: 100%; justify-content: center; }
    .hpc-issue-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hpc-issue-filters,
    .hpc-helpdesk-form-grid,
    .hpc-detail-grid { grid-template-columns: 1fr; }
    .hpc-issue-search,
    .hpc-span-2 { grid-column: auto; }
    .hpc-pending-action-card > .flex:first-child { grid-template-columns: 1fr; }
    .hpc-pending-action-card > .flex:first-child > :last-child { justify-self: start; max-width: 100%; }
}

/* Release 23: shared clean wrapping and compact status geometry. */
.hpc-clean-wrap {
    min-width: 0;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
    text-overflow: clip !important;
}

.hpc-status-chip {
    display: inline-flex;
    flex: 0 1 auto;
    max-width: 12rem;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    text-align: center;
    line-height: 1.25;
}

/* Helpdesk issue center: operational parity with System Errors. */
.hpc-helpdesk-error-filters {
    grid-template-columns: minmax(250px, 1.7fr) repeat(6, minmax(125px, .7fr)) auto;
}

.hpc-helpdesk-bulk-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 0;
    border-bottom: 1px solid #dbe5ef;
    background: #f0f9ff;
    padding: .65rem .8rem;
}

.hpc-helpdesk-bulk-selected {
    min-width: 5.5rem;
    color: #334155;
    font-size: .72rem;
    font-weight: 900;
}

.hpc-helpdesk-bulk-label {
    margin: 0;
}

.hpc-helpdesk-bulk-label select {
    min-width: 10.5rem;
    min-height: 34px;
}

.hpc-helpdesk-bulk-toolbar .hpc-button {
    min-height: 34px;
}

.hpc-helpdesk-bulk-toolbar .hpc-button:disabled {
    cursor: not-allowed;
    opacity: .5;
}

.hpc-page-container .hpc-helpdesk-operations-table {
    min-width: 1500px;
}

.hpc-page-container .hpc-helpdesk-operations-table th,
.hpc-page-container .hpc-helpdesk-operations-table td {
    vertical-align: top !important;
}

.hpc-helpdesk-checkbox-column {
    width: 42px;
    min-width: 42px;
    text-align: center;
}

.hpc-helpdesk-checkbox-column input[type="checkbox"] {
    width: 16px;
    height: 16px;
    min-height: 16px;
    margin: 0;
    accent-color: #1c8fbd;
}

.hpc-helpdesk-reference-column {
    width: 125px;
    min-width: 125px;
}

.hpc-helpdesk-source-column {
    width: 125px;
    min-width: 125px;
}

.hpc-helpdesk-status-column {
    width: 110px;
    min-width: 110px;
}

.hpc-helpdesk-priority-column {
    width: 105px;
    min-width: 105px;
}

.hpc-helpdesk-title-column {
    width: 360px;
    min-width: 360px;
}

.hpc-helpdesk-page-column {
    width: 190px;
    min-width: 190px;
}

.hpc-helpdesk-reporter-column {
    width: 185px;
    min-width: 185px;
}

.hpc-helpdesk-reporter-column strong,
.hpc-helpdesk-reporter-column small {
    display: block;
    overflow-wrap: anywhere;
}

.hpc-helpdesk-reporter-column small {
    margin-top: .18rem;
    color: #8190a3;
    font-size: .66rem;
}

.hpc-helpdesk-updated-column {
    width: 115px;
    min-width: 115px;
}

.hpc-helpdesk-actions-column {
    width: 245px;
    min-width: 245px;
}

.hpc-inline-form {
    display: inline-flex;
    margin: 0;
}

@media (max-width: 1500px) {
    .hpc-helpdesk-error-filters {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .hpc-helpdesk-error-filters .hpc-error-filter-search {
        grid-column: span 2;
    }
}

@media (max-width: 900px) {
    .hpc-helpdesk-error-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hpc-helpdesk-error-filters .hpc-error-filter-search,
    .hpc-helpdesk-error-filters .hpc-error-filter-actions {
        grid-column: 1 / -1;
    }
}

@media (max-width: 600px) {
    .hpc-helpdesk-error-filters {
        grid-template-columns: 1fr;
    }

    .hpc-helpdesk-error-filters .hpc-error-filter-search,
    .hpc-helpdesk-error-filters .hpc-error-filter-actions {
        grid-column: auto;
    }

    .hpc-helpdesk-bulk-toolbar {
        align-items: stretch;
    }

    .hpc-helpdesk-bulk-label,
    .hpc-helpdesk-bulk-label select,
    .hpc-helpdesk-bulk-toolbar .hpc-button {
        width: 100%;
    }
}

/* 2026-07-21: assessment workspace geometry and AI assistance hardening. */
.ac-foundation-matrix-stat {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    column-gap: .55rem;
    row-gap: .3rem;
}
.ac-foundation-matrix-stat > span {
    grid-column: 1 / -1;
    min-height: 2.15em;
    line-height: 1.25;
    overflow-wrap: normal !important;
    word-break: normal !important;
}
.ac-foundation-matrix-stat > strong {
    grid-column: 1;
    min-width: 0;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.ac-foundation-matrix-stat > small {
    grid-column: 2;
    align-self: center;
    justify-self: end;
    white-space: nowrap;
}

.hpc-page-container :where(.ac-form-field, label, .hpc-combobox, .hpc-combobox-value, input, select, textarea) {
    min-width: 0;
}
.hpc-page-container :where(.ac-field-label, label > span:first-child) {
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
}
.hpc-page-container .hpc-combobox-panel {
    z-index: 260;
    width: max(100%, min(36rem, calc(100vw - 3rem)));
    max-width: min(46rem, calc(100vw - 3rem));
}
.hpc-page-container .hpc-combobox-option {
    align-items: flex-start;
    min-width: 0;
    white-space: normal !important;
}
.hpc-page-container .hpc-combobox-option span {
    line-height: 1.35;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

.assessment-ai-assistance {
    min-width: 0;
    overflow: visible !important;
}
.assessment-ai-assistance :where(textarea, select, pre) {
    max-width: 100%;
}
.assessment-ai-assistance button:disabled {
    cursor: not-allowed;
    opacity: .55;
}
.assessment-ai-assistance [data-ai-output] {
    overflow-wrap: anywhere;
    word-break: normal;
}

@media (max-width: 1450px) {
    .ac-foundation-matrix-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .hpc-page-container .hpc-combobox-panel {
        position: fixed;
        inset: auto 1rem 1rem 1rem;
        width: auto;
        max-width: none;
        max-height: min(65vh, 34rem);
        z-index: 320;
    }
    .hpc-page-container .hpc-combobox-options {
        max-height: calc(min(65vh, 34rem) - 4.5rem);
    }
    .ac-foundation-matrix-stat > span {
        min-height: 0;
    }
}

/* 2026-07-21 Assessment workspace geometry and dropdown hardening. */

/* Human-readable wrapping: wrap at natural word boundaries and never split labels
   into isolated letters merely to satisfy an undersized grid column. */
.hpc-page-container :where(
    p, li, dd, dt, figcaption, blockquote,
    .text-human-wrap, .as-helper, .ac-subtitle, .ac-note,
    .ac-field-label, .ac-kicker, .as-card-title,
    .hpc-combobox-value, .hpc-combobox-option-label
) {
    hyphens: none !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}
.hpc-page-container :where(
    label, button, th, .ac-field-label, .ac-kicker, .as-btn,
    .hpc-combobox-button, .hpc-combobox-option
) {
    hyphens: none !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
}
.hpc-page-container :where(.text-token-wrap, code, pre, .ac-code, [data-ai-output]) {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
.hpc-page-container :where(.ac-form-field, .ac-panel, .ac-hero-card, .ac-toolbar, .ac-section-heading) {
    min-width: 0;
}
.hpc-page-container .ac-form-field {
    align-content: start;
}
.hpc-page-container .ac-form-field > :where(input, select, textarea, .hpc-combobox) {
    width: 100%;
}

/* Unified native dropdown treatment. Searchable fields inherit the same visual
   contract through .hpc-combobox below. */
.hpc-page-container select:not([multiple]) {
    width: 100%;
    min-height: 42px;
    border: 1px solid #bfd3e3;
    border-radius: 12px;
    background-color: #fff;
    background-image:
        linear-gradient(45deg, transparent 50%, #45647d 50%),
        linear-gradient(135deg, #45647d 50%, transparent 50%);
    background-position:
        calc(100% - 17px) calc(50% - 2px),
        calc(100% - 12px) calc(50% - 2px);
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px;
    color: #14283c;
    padding: .62rem 2.35rem .62rem .75rem;
    font-size: .82rem;
    font-weight: 760;
    line-height: 1.35;
    text-overflow: ellipsis;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.hpc-page-container select:not([multiple]):hover {
    border-color: #86b8d1;
}
.hpc-page-container select:not([multiple]):focus {
    outline: 0;
    border-color: #1c8fbd;
    box-shadow: 0 0 0 3px rgba(28, 143, 189, .14);
}
.hpc-page-container select:not([multiple]):disabled {
    cursor: not-allowed;
    background-color: #f1f5f9;
    color: #718096;
    opacity: 1;
}

/* Searchable dropdown contract. */
.hpc-page-container .hpc-combobox {
    position: relative;
    width: 100%;
    min-width: 0;
}
.hpc-page-container .hpc-combobox-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    width: 100%;
    min-width: 0;
    min-height: 42px;
    border: 1px solid #bfd3e3;
    border-radius: 12px;
    background: #fff;
    color: #14283c;
    padding: .58rem .72rem;
    font-size: .82rem;
    font-weight: 760;
    line-height: 1.35;
    text-align: left;
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.hpc-page-container .hpc-combobox-button:hover {
    border-color: #86b8d1;
    background: #fbfdff;
}
.hpc-page-container .hpc-combobox-button:focus-visible,
.hpc-page-container .hpc-combobox.open .hpc-combobox-button {
    outline: 0;
    border-color: #1c8fbd;
    box-shadow: 0 0 0 3px rgba(28, 143, 189, .14);
}
.hpc-page-container .hpc-combobox-button:disabled {
    cursor: not-allowed;
    background: #f1f5f9;
    color: #718096;
}
.hpc-page-container .hpc-combobox-value {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: .35rem;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    white-space: normal !important;
    line-height: 1.35;
}
.hpc-page-container .hpc-combobox-value.is-placeholder {
    color: #64748b;
    font-weight: 650;
}
.hpc-page-container .hpc-combobox-arrow {
    flex: 0 0 auto;
    color: #557189;
    font-size: .88rem;
    line-height: 1;
    transition: transform .15s ease;
}
.hpc-page-container .hpc-combobox.open .hpc-combobox-arrow {
    transform: rotate(180deg);
}
.hpc-page-container .hpc-combobox-panel {
    position: absolute;
    inset: calc(100% + .4rem) auto auto 0;
    z-index: 360;
    display: grid;
    width: max(100%, min(36rem, calc(100vw - 3rem)));
    max-width: min(46rem, calc(100vw - 3rem));
    max-height: min(28rem, 64vh);
    overflow: hidden;
    border: 1px solid #b8d0e2;
    border-radius: 14px;
    background: #fff;
    padding: .45rem;
    box-shadow: 0 22px 55px rgba(15, 43, 67, .2);
}
.hpc-page-container .hpc-combobox-panel[hidden] {
    display: none !important;
}
.hpc-page-container .hpc-combobox.is-align-right .hpc-combobox-panel {
    right: 0;
    left: auto;
}
.hpc-page-container .hpc-combobox-search {
    width: 100%;
    min-height: 40px;
    border: 1px solid #bfd3e3 !important;
    border-radius: 10px !important;
    background: #f8fbfd !important;
    color: #14283c !important;
    padding: .55rem .68rem !important;
    font-size: .82rem !important;
    font-weight: 700 !important;
}
.hpc-page-container .hpc-combobox-search:focus {
    outline: 0;
    border-color: #1c8fbd !important;
    box-shadow: 0 0 0 3px rgba(28, 143, 189, .12);
}
.hpc-page-container .hpc-combobox-options {
    display: grid;
    gap: .2rem;
    max-height: min(23rem, calc(64vh - 4.25rem));
    overflow-y: auto;
    margin-top: .35rem;
    padding: .1rem;
    scrollbar-gutter: stable;
}
.hpc-page-container button.hpc-combobox-option {
    display: grid !important;
    grid-template-columns: 1.35rem minmax(0, 1fr);
    gap: .55rem;
    align-items: start !important;
    width: 100%;
    min-height: 38px;
    border: 0 !important;
    border-radius: 10px;
    background: transparent;
    color: #233b52;
    padding: .52rem .58rem !important;
    font-size: .8rem;
    font-weight: 720;
    line-height: 1.35;
    text-align: left;
}
.hpc-page-container button.hpc-combobox-option:hover,
.hpc-page-container button.hpc-combobox-option:focus-visible {
    outline: 0;
    background: #eef8fc;
}
.hpc-page-container button.hpc-combobox-option.is-selected {
    background: #e4f4fb;
    color: #0f6f96;
}
.hpc-page-container button.hpc-combobox-option.is-disabled {
    cursor: not-allowed;
    opacity: .45;
}
.hpc-page-container .hpc-combobox-option-marker {
    display: grid;
    place-items: center;
    width: 1.2rem;
    height: 1.2rem;
    margin-top: .02rem;
    border: 1px solid #9fb8ca;
    border-radius: 999px;
    background: #fff;
    color: #0f719b;
    font-size: .68rem;
    font-weight: 950;
    line-height: 1;
}
.hpc-page-container .hpc-combobox.is-multiple .hpc-combobox-option-marker {
    border-radius: 5px;
}
.hpc-page-container .hpc-combobox-option.is-selected .hpc-combobox-option-marker {
    border-color: #1c8fbd;
    background: #1c8fbd;
    color: #fff;
}
.hpc-page-container .hpc-combobox-option-label {
    min-width: 0;
    white-space: normal !important;
    line-height: 1.35;
}
.hpc-page-container .hpc-combobox-empty {
    padding: .85rem;
    color: #64748b;
    font-size: .78rem;
    font-weight: 700;
    text-align: center;
}
.hpc-page-container .hpc-combobox .hpc-pill {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    max-width: 100%;
    border: 1px solid #b9dfef;
    border-radius: 999px;
    background: #edf9fd;
    color: #0f719b;
    padding: .18rem .42rem;
    font-size: .72rem;
    font-weight: 820;
}
.hpc-page-container .hpc-combobox-pill-remove {
    display: grid;
    place-items: center;
    width: 1.05rem;
    height: 1.05rem;
    border: 0;
    border-radius: 999px;
    background: rgba(15, 113, 155, .12);
    color: #0f719b;
    padding: 0;
    font-size: .82rem;
    line-height: 1;
}

/* Rubric create/edit: matrix on wide screens, stacked semantic rows on narrow screens. */
.assessment-rubric-editor {
    display: grid;
    gap: 1rem;
}
.assessment-rubric-editor__hero {
    padding: 1rem 1.1rem;
}
.assessment-rubric-editor__hero-copy {
    display: grid;
    gap: .25rem;
    min-width: 0;
}
.assessment-rubric-editor__guide {
    margin-top: .85rem;
    border: 1px solid #d4e5ef;
    border-radius: 14px;
    background: #f8fbfd;
    padding: .65rem .75rem;
}
.assessment-rubric-editor__guide summary {
    cursor: pointer;
    color: #1e4c69;
    font-size: .8rem;
    font-weight: 900;
}
.assessment-rubric-editor__guide :where(p, ul) {
    margin: .55rem 0 0;
    color: #566d82;
    font-size: .78rem;
    line-height: 1.55;
}
.assessment-rubric-editor__form {
    display: grid;
    gap: 1rem;
}
.assessment-rubric-editor__identity-grid {
    display: grid;
    grid-template-columns: minmax(12rem, .8fr) minmax(10rem, .58fr) minmax(15rem, 1.15fr) minmax(9rem, .5fr);
    gap: .75rem;
    align-items: start;
}
.assessment-rubric-editor__name {
    grid-column: span 2;
}
.assessment-rubric-editor__description {
    grid-column: span 3;
}
.assessment-rubric-editor__switches {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    align-self: stretch;
}
.assessment-rubric-switch,
.assessment-rubric-check {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    min-width: 0;
    border: 1px solid #d6e4ee;
    border-radius: 12px;
    background: #f8fbfd;
    padding: .58rem .65rem;
}
.assessment-rubric-switch input,
.assessment-rubric-check input {
    flex: 0 0 auto;
    margin-top: .12rem;
}
.assessment-rubric-switch span {
    display: grid;
    gap: .12rem;
    min-width: 0;
}
.assessment-rubric-switch strong,
.assessment-rubric-check span {
    color: #233c53;
    font-size: .76rem;
    font-weight: 850;
    line-height: 1.35;
}
.assessment-rubric-switch small {
    color: #667d91;
    font-size: .7rem;
    font-weight: 620;
    line-height: 1.4;
}
.assessment-rubric-rules-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(8rem, 1fr));
    gap: .7rem;
    align-items: start;
}
.assessment-rubric-rules-grid__checks {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .6rem;
}
.assessment-rubric-editor__rules-note {
    margin-top: .7rem;
}
.assessment-rubric-editor__items-head {
    align-items: flex-start;
}
.assessment-rubric-matrix-wrap {
    width: 100%;
    margin-top: .8rem;
    overflow-x: auto;
    border: 1px solid #cfdfeb;
    border-radius: 16px;
    background: #fff;
    scrollbar-gutter: stable;
}
.assessment-rubric-matrix {
    min-width: 70rem;
}
.assessment-rubric-matrix__head,
.assessment-rubric-matrix__row {
    display: grid;
    grid-template-columns:
        minmax(8.5rem, .62fr)
        minmax(18rem, 1.12fr)
        minmax(23rem, 1.48fr)
        minmax(13rem, .78fr)
        minmax(4.8rem, .28fr);
    gap: 0;
}
.assessment-rubric-matrix__head {
    position: sticky;
    top: 0;
    z-index: 4;
    border-bottom: 1px solid #bfd3e2;
    background: #eef6fa;
}
.assessment-rubric-matrix__head > div {
    color: #526b80;
    padding: .65rem .7rem;
    font-size: .66rem;
    font-weight: 950;
    letter-spacing: .045em;
    text-transform: uppercase;
}
.assessment-rubric-matrix__row {
    border-bottom: 1px solid #dde8f0;
}
.assessment-rubric-matrix__row:last-child {
    border-bottom: 0;
}
.assessment-rubric-matrix__row:nth-child(even) {
    background: #fbfdfe;
}
.assessment-rubric-matrix__cell {
    display: grid;
    align-content: start;
    gap: .55rem;
    min-width: 0;
    border-right: 1px solid #e1eaf1;
    padding: .72rem;
}
.assessment-rubric-matrix__cell:last-child {
    border-right: 0;
}
.assessment-rubric-matrix__mobile-label {
    display: none;
    color: #60788c;
    font-size: .65rem;
    font-weight: 950;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.assessment-rubric-matrix__identity {
    background: #f8fbfd;
}
.assessment-rubric-matrix__number {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}
.assessment-rubric-matrix__number strong {
    color: #10283c;
    font-size: .84rem;
}
.assessment-rubric-matrix__actions {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.assessment-rubric-score-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .48rem;
}
.assessment-rubric-score-grid .ac-form-field:first-child {
    grid-column: 1 / -1;
}
.assessment-rubric-matrix__criterion textarea {
    min-height: 5.7rem;
    resize: vertical;
}
.assessment-rubric-matrix__mapping .hpc-combobox-panel {
    width: max(100%, min(31rem, calc(100vw - 3rem)));
}
.assessment-rubric-editor__savebar {
    position: sticky;
    bottom: .65rem;
    z-index: 12;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    border: 1px solid #bfd6e5;
    border-radius: 16px;
    background: rgba(255, 255, 255, .96);
    padding: .72rem .85rem;
    box-shadow: 0 14px 32px rgba(26, 60, 87, .13);
    backdrop-filter: blur(8px);
}
.assessment-rubric-editor__savebar > div:first-child {
    display: grid;
    gap: .12rem;
    min-width: 0;
}
.assessment-rubric-editor__savebar > div:first-child strong {
    color: #284157;
    font-size: .78rem;
    font-weight: 900;
    line-height: 1.35;
}
.assessment-rubric-editor__savebar > div:first-child span {
    color: #5a7186;
    font-size: .72rem;
    font-weight: 680;
    line-height: 1.4;
}
.assessment-rubric-editor__matrix-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .65rem;
    align-items: center;
    margin-top: .75rem;
    color: #5b7286;
    font-size: .74rem;
    font-weight: 760;
}

/* Evaluation review: readable queue plus one coherent detail workspace. */
.ac-evaluation-review-page {
    gap: 1rem;
}
.ac-evaluation-review-hero__toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .85rem;
}
.ac-evaluation-review-hero__copy {
    min-width: 0;
}
.ac-evaluation-review-filters {
    grid-template-columns: minmax(17rem, 2fr) minmax(9rem, .78fr) minmax(10rem, .9fr) minmax(7rem, .55fr) auto;
}
.ac-evaluation-review-shell {
    grid-template-columns: minmax(20rem, 22rem) minmax(0, 1fr) !important;
    gap: 1rem !important;
    align-items: start;
}
.ac-evaluation-review-list {
    position: sticky;
    top: 6.5rem;
    max-height: calc(100vh - 8rem) !important;
}
.ac-evaluation-review-item {
    gap: .52rem;
    padding: .72rem .75rem;
}
.ac-evaluation-review-item__top strong,
.ac-evaluation-review-item__context b,
.ac-evaluation-review-item__meta b {
    display: block;
    overflow: visible !important;
    max-width: 100% !important;
    text-overflow: clip !important;
    white-space: normal !important;
    line-height: 1.3;
}
.ac-evaluation-review-item__top > span:first-child {
    max-width: none !important;
}
.ac-evaluation-review-item__context {
    display: grid;
    gap: .15rem;
}
.ac-evaluation-review-item__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.ac-evaluation-review-item__meta > span:first-child {
    grid-column: 1 / -1;
}
.ac-evaluation-review-detail {
    overflow: visible !important;
}
.ac-evaluation-review-detail__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .8rem;
    align-items: start;
}
.ac-evaluation-review-detail__identity {
    min-width: 0;
}
.ac-evaluation-review-detail__body {
    display: grid;
    gap: .9rem;
    padding: 0 .9rem .9rem;
}
.ac-evaluation-review-evidence,
.ac-evaluation-review-assistance-grid {
    min-width: 0;
}
.ac-evaluation-review-assistance-grid {
    display: grid;
    grid-template-columns: minmax(22rem, 1.05fr) minmax(22rem, .95fr);
    gap: .9rem;
    align-items: start;
}
.ac-evaluation-review-decision {
    position: static !important;
    top: auto !important;
    min-width: 0;
}
.ac-evaluation-review-decision textarea {
    min-height: 10rem;
}
.ac-evaluation-review-table :where(th, td) {
    min-width: 0;
    white-space: normal !important;
}
.ac-evaluation-review-table th:nth-child(1) { width: 18%; }
.ac-evaluation-review-table th:nth-child(2) { width: 30%; }
.ac-evaluation-review-table th:nth-child(3) { width: 10%; }
.ac-evaluation-review-table th:nth-child(4) { width: 42%; }

/* AI Assistance: container-adaptive so it never compresses into letter columns. */
.assessment-ai-assistance {
    container-type: inline-size;
    display: grid;
    gap: .85rem;
    min-width: 0;
    border: 1px solid #d7c7ec;
    border-radius: 18px;
    background: linear-gradient(145deg, #fff 0%, #fbf8ff 100%);
    padding: .9rem;
    box-shadow: 0 10px 28px rgba(89, 61, 124, .07);
}
.assessment-ai-assistance__header {
    display: grid;
    gap: .75rem;
}
.assessment-ai-assistance__title-group {
    display: grid;
    gap: .3rem;
    min-width: 0;
}
.assessment-ai-assistance__title-line {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
}
.assessment-ai-assistance__title-line h3 {
    margin: 0;
    color: #17243a;
    font-size: 1rem;
    font-weight: 950;
    line-height: 1.25;
}
.assessment-ai-assistance__title-group p {
    margin: 0;
    color: #566b80;
    font-size: .78rem;
    line-height: 1.55;
}
.assessment-ai-assistance__draft-badge {
    display: inline-flex;
    align-items: center;
    border: 1px solid #e1d1f3;
    border-radius: 999px;
    background: #f4ebff;
    color: #6f3e95;
    padding: .22rem .48rem;
    font-size: .66rem;
    font-weight: 900;
    white-space: nowrap;
}
.assessment-ai-assistance__verification {
    display: grid;
    gap: .14rem;
    min-width: 0;
    border: 1px solid #eadbc0;
    border-radius: 13px;
    background: #fff9ed;
    padding: .58rem .65rem;
}
.assessment-ai-assistance__verification strong {
    color: #815719;
    font-size: .72rem;
    font-weight: 950;
}
.assessment-ai-assistance__verification span {
    color: #806a49;
    font-size: .69rem;
    line-height: 1.4;
}
.assessment-ai-assistance__warning,
.assessment-ai-assistance__status {
    display: grid;
    gap: .15rem;
    border: 1px solid #f0d49a;
    border-radius: 12px;
    background: #fff9eb;
    color: #76551b;
    padding: .65rem .72rem;
    font-size: .75rem;
    line-height: 1.45;
}
.assessment-ai-assistance__warning strong {
    font-weight: 950;
}
.assessment-ai-assistance__form {
    display: grid;
    gap: .7rem;
    min-width: 0;
}
.assessment-ai-assistance__source textarea {
    min-height: 9rem;
    resize: vertical;
}
.assessment-ai-assistance__actions,
.assessment-ai-assistance__result-actions,
.assessment-ai-assistance__review-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
}
.assessment-ai-assistance__generate,
.assessment-ai-assistance__insert,
.assessment-ai-assistance__accept {
    border: 1px solid #77449d !important;
    background: #77449d !important;
    color: #fff !important;
}
.assessment-ai-assistance__reject {
    border: 1px solid #efb8c0 !important;
    background: #fff !important;
    color: #b4233d !important;
}
.assessment-ai-assistance__result {
    display: grid;
    gap: .7rem;
    min-width: 0;
    border-top: 1px solid #e8dff1;
    padding-top: .8rem;
}
.assessment-ai-assistance__result[hidden],
.assessment-ai-assistance__status[hidden] {
    display: none !important;
}
.assessment-ai-assistance__result-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .65rem;
    align-items: flex-start;
}
.assessment-ai-assistance__output {
    max-width: 100%;
    max-height: 26rem;
    overflow: auto;
    margin: 0;
    border: 1px solid #ded4ea;
    border-radius: 12px;
    background: #fff;
    color: #27374a;
    padding: .75rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .72rem;
    line-height: 1.55;
    white-space: pre-wrap;
}
.assessment-ai-assistance__review {
    display: grid;
    gap: .65rem;
    border-radius: 12px;
    background: #f7f3fb;
    padding: .7rem;
}
.assessment-ai-assistance__confirm {
    display: flex;
    gap: .5rem;
    align-items: flex-start;
    color: #4b4060;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.45;
}
.assessment-ai-assistance__confirm input {
    flex: 0 0 auto;
    margin-top: .12rem;
}
@container (min-width: 44rem) {
    .assessment-ai-assistance__header {
        grid-template-columns: minmax(0, 1fr) minmax(13rem, .42fr);
        align-items: start;
    }
    .assessment-ai-assistance__form {
        grid-template-columns: minmax(12rem, .55fr) minmax(0, 1.45fr);
        align-items: start;
    }
}

/* AI draft generator: clear three-step workflow plus separate provider readiness. */
.assessment-ai-draft-generator {
    display: grid;
    gap: 1rem;
}
.assessment-ai-draft-generator__hero {
    padding: 1rem 1.1rem;
}
.assessment-ai-draft-generator__hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(15rem, .38fr);
    gap: 1rem;
    align-items: start;
}
.assessment-ai-draft-generator__hero-copy,
.assessment-ai-draft-generator__readiness,
.assessment-ai-draft-generator__workspace,
.assessment-ai-draft-generator__step {
    min-width: 0;
}
.assessment-ai-draft-generator__title-line {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
}
.assessment-ai-draft-generator__local-badge,
.assessment-ai-draft-generator__external-badge,
.assessment-ai-draft-generator__mapping-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .25rem .5rem;
    font-size: .66rem;
    font-weight: 900;
    line-height: 1.2;
}
.assessment-ai-draft-generator__local-badge {
    border: 1px solid #bce8d0;
    background: #ebfbf1;
    color: #187044;
}
.assessment-ai-draft-generator__external-badge {
    border: 1px solid #dfd0f2;
    background: #f5edff;
    color: #71439a;
}
.assessment-ai-draft-generator__mapping-badge {
    border: 1px solid #c4ddec;
    background: #f1f8fc;
    color: #255d7c;
}
.assessment-ai-draft-generator__readiness {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}
.assessment-ai-draft-generator__readiness-card {
    display: grid;
    gap: .15rem;
    border: 1px solid #d6e4ee;
    border-radius: 13px;
    background: #f8fbfd;
    padding: .62rem .68rem;
}
.assessment-ai-draft-generator__readiness-card strong {
    color: #2d455b;
    font-size: .7rem;
    font-weight: 950;
}
.assessment-ai-draft-generator__readiness-card span {
    color: #61788d;
    font-size: .7rem;
    line-height: 1.35;
}
.assessment-ai-draft-generator__workspace {
    display: grid;
    grid-template-columns: minmax(0, 1.32fr) minmax(20rem, .68fr);
    gap: 1rem;
    align-items: start;
}
.assessment-ai-draft-generator__step {
    display: grid;
    gap: .78rem;
}
.assessment-ai-draft-generator__step-head {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
}
.assessment-ai-draft-generator__step-head > span:first-child {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 999px;
    background: #173b55;
    color: #fff;
    font-size: .76rem;
    font-weight: 950;
}
.assessment-ai-draft-generator__step-head > div {
    min-width: 0;
}
.assessment-ai-draft-generator__step-head h2,
.assessment-ai-draft-generator__step-head h3 {
    margin: 0;
    color: #172c40;
    font-size: .95rem;
    font-weight: 950;
    line-height: 1.25;
}
.assessment-ai-draft-generator__step-head p {
    margin: .16rem 0 0;
    color: #64798d;
    font-size: .73rem;
    line-height: 1.45;
}
.assessment-ai-draft-generator__target-grid,
.assessment-ai-draft-generator__settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
    align-items: start;
}
.assessment-ai-draft-generator__aspects,
.assessment-ai-draft-generator__dimensions,
.assessment-ai-draft-generator__topic {
    grid-column: 1 / -1;
}
.assessment-ai-draft-generator__generate-step {
    position: sticky;
    top: 6.5rem;
}
.assessment-ai-draft-generator__generate-actions {
    display: grid;
    gap: .55rem;
}
.assessment-ai-draft-generator__generate-actions .as-btn {
    width: 100%;
}
.assessment-ai-draft-generator__privacy-note,
.assessment-ai-draft-generator__confirm {
    display: flex;
    gap: .5rem;
    align-items: flex-start;
    border-radius: 12px;
    background: #f6f9fb;
    color: #526b80;
    padding: .62rem;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.45;
}
.assessment-ai-draft-generator__confirm input {
    flex: 0 0 auto;
    margin-top: .12rem;
}
.assessment-ai-draft-generator__preview {
    display: grid;
    gap: .75rem;
}
.assessment-ai-draft-generator__preview-list {
    display: grid;
    gap: .65rem;
}
.assessment-ai-draft-generator__preview-item {
    display: grid;
    gap: .55rem;
    border: 1px solid #d8e5ee;
    border-radius: 14px;
    background: #fff;
    padding: .72rem;
}
.assessment-ai-draft-generator__preview-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    align-items: center;
}
.assessment-ai-draft-generator__preview-item h4 {
    margin: 0;
    color: #1b3146;
    font-size: .84rem;
    font-weight: 900;
    line-height: 1.45;
}
.assessment-ai-draft-generator__options {
    display: grid;
    gap: .3rem;
    margin: 0;
    padding-left: 1.25rem;
    color: #4e6478;
    font-size: .75rem;
    line-height: 1.45;
}
.assessment-ai-draft-generator__indicator {
    border-left: 3px solid #8ec7df;
    background: #f5fbfe;
    padding: .5rem .6rem;
    color: #425f76;
    font-size: .73rem;
    line-height: 1.45;
}
.assessment-ai-draft-generator__save,
.assessment-ai-draft-generator__saved,
.assessment-ai-draft-generator__provider {
    display: grid;
    gap: .7rem;
}
.assessment-ai-draft-generator__provider-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .6rem;
}
.assessment-ai-draft-generator__provider-status {
    display: grid;
    gap: .15rem;
    border: 1px solid #d8e4ee;
    border-radius: 12px;
    background: #f8fbfd;
    padding: .62rem;
}
.assessment-ai-draft-generator__provider-status strong {
    color: #2f465b;
    font-size: .7rem;
    font-weight: 950;
}
.assessment-ai-draft-generator__provider-status span {
    color: #667b8e;
    font-size: .7rem;
    line-height: 1.35;
}
.assessment-ai-draft-generator__saved-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .6rem;
    align-items: flex-start;
}
.assessment-ai-draft-generator__saved-links {
    display: grid;
    gap: .45rem;
}
.assessment-ai-draft-generator__saved-links a {
    display: flex;
    justify-content: space-between;
    gap: .6rem;
    border: 1px solid #d5e4ee;
    border-radius: 11px;
    background: #fff;
    color: #235c7d;
    padding: .55rem .62rem;
    font-size: .74rem;
    font-weight: 850;
    text-decoration: none;
}

/* STAR interview: protect the scoring workspace from a narrow overfilled sidebar. */
.assessment-interview-evaluation {
    display: grid;
    gap: 1rem;
}
.assessment-interview-evaluation__hero {
    padding: 1rem 1.1rem;
}
.assessment-interview-evaluation__hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: .85rem;
    align-items: center;
}
.assessment-interview-evaluation__summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(6.5rem, 1fr));
    gap: .5rem;
}
.assessment-interview-evaluation__summary > div {
    display: grid;
    gap: .12rem;
    min-width: 0;
    border: 1px solid #d9e5ee;
    border-radius: 12px;
    background: #f8fbfd;
    padding: .58rem .65rem;
}
.assessment-interview-evaluation__summary small {
    color: #6a7e91;
    font-size: .63rem;
    font-weight: 950;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.assessment-interview-evaluation__summary strong {
    color: #20394f;
    font-size: .75rem;
    line-height: 1.3;
}
.assessment-interview-evaluation__hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
}
.assessment-interview-evaluation__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(21rem, 25rem);
    gap: 1rem;
    align-items: start;
}
.assessment-interview-evaluation__main,
.assessment-interview-evaluation__sidebar {
    display: grid;
    gap: .85rem;
    min-width: 0;
}
.assessment-interview-evaluation__sidebar {
    position: sticky;
    top: 6.5rem;
}
.assessment-interview-score-card {
    min-width: 0;
}
.assessment-interview-score-card > .grid {
    min-width: 0;
}
.assessment-interview-star-panel {
    min-width: 0;
    border: 1px solid #dce8f0;
    border-radius: 15px;
    background: #f9fcfe;
    padding: .7rem;
}
.assessment-evidence-dictionary {
    container-type: inline-size;
    min-width: 0;
}
.assessment-evidence-dictionary__head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .6rem;
    align-items: flex-start;
}
.assessment-evidence-dictionary__primary-fields {
    display: grid;
    gap: .65rem;
    margin-top: .75rem;
}
.assessment-interview-evaluation__ai-workspace {
    min-width: 0;
}
@container (min-width: 23rem) {
    .assessment-evidence-dictionary__primary-fields {
        grid-template-columns: minmax(0, 1.25fr) minmax(7.5rem, .7fr);
    }
    .assessment-evidence-dictionary__primary-fields > :last-child {
        grid-column: 1 / -1;
    }
}
@container (min-width: 31rem) {
    .assessment-evidence-dictionary__primary-fields {
        grid-template-columns: minmax(0, 1.25fr) minmax(7.5rem, .65fr) minmax(7.5rem, .65fr);
    }
    .assessment-evidence-dictionary__primary-fields > :last-child {
        grid-column: auto;
    }
}

/* Cross-workspace responsiveness. */
@media (max-width: 1320px) {
    .assessment-rubric-editor__identity-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .assessment-rubric-editor__name,
    .assessment-rubric-editor__description {
        grid-column: 1 / -1;
    }
    .assessment-rubric-rules-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .assessment-ai-draft-generator__workspace,
    .ac-evaluation-review-assistance-grid {
        grid-template-columns: 1fr;
    }
    .assessment-ai-draft-generator__generate-step {
        position: static;
    }
    .assessment-interview-evaluation__hero-grid {
        grid-template-columns: minmax(0, 1fr) auto;
    }
    .assessment-interview-evaluation__hero-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}
@media (max-width: 1120px) {
    .ac-evaluation-review-shell,
    .assessment-interview-evaluation__layout {
        grid-template-columns: 1fr !important;
    }
    .ac-evaluation-review-list,
    .assessment-interview-evaluation__sidebar {
        position: static;
        max-height: none !important;
    }
    .ac-evaluation-review-list__items {
        max-height: 25rem;
    }
    .assessment-ai-draft-generator__hero-grid {
        grid-template-columns: 1fr;
    }
    .assessment-rubric-rules-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .assessment-rubric-rules-grid__checks {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 820px) {
    .assessment-rubric-matrix-wrap {
        overflow: visible;
        border: 0;
        background: transparent;
    }
    .assessment-rubric-matrix {
        display: grid;
        gap: .75rem;
        min-width: 0;
    }
    .assessment-rubric-matrix__head {
        display: none;
    }
    .assessment-rubric-matrix__row {
        grid-template-columns: 1fr;
        overflow: visible;
        border: 1px solid #cfdfeb;
        border-radius: 15px;
        background: #fff !important;
    }
    .assessment-rubric-matrix__cell {
        border-right: 0;
        border-bottom: 1px solid #e1eaf1;
    }
    .assessment-rubric-matrix__cell:last-child {
        border-bottom: 0;
    }
    .assessment-rubric-matrix__mobile-label {
        display: block;
    }
    .assessment-rubric-matrix__actions {
        justify-content: flex-start;
    }
    .assessment-rubric-editor__switches {
        grid-template-columns: 1fr;
    }
    .assessment-rubric-editor__identity-grid,
    .assessment-rubric-rules-grid,
    .assessment-ai-draft-generator__target-grid,
    .assessment-ai-draft-generator__settings-grid,
    .assessment-ai-draft-generator__provider-grid,
    .assessment-interview-evaluation__hero-grid {
        grid-template-columns: 1fr;
    }
    .assessment-rubric-editor__name,
    .assessment-rubric-editor__description,
    .assessment-ai-draft-generator__aspects,
    .assessment-ai-draft-generator__dimensions,
    .assessment-ai-draft-generator__topic,
    .assessment-interview-evaluation__hero-actions {
        grid-column: auto;
    }
    .assessment-interview-evaluation__summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .ac-evaluation-review-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ac-evaluation-review-filters__search {
        grid-column: 1 / -1;
    }
}
@media (max-width: 760px) {
    .hpc-page-container .hpc-combobox-panel {
        position: fixed;
        inset: auto 1rem 1rem 1rem !important;
        width: auto;
        max-width: none;
        max-height: min(68vh, 36rem);
        border-radius: 18px;
        padding: .6rem;
        z-index: 520;
    }
    .hpc-page-container .hpc-combobox-options {
        max-height: calc(min(68vh, 36rem) - 4.6rem);
    }
    .assessment-rubric-editor__savebar,
    .ac-evaluation-review-detail__head,
    .ac-evaluation-review-hero__toolbar,
    .assessment-ai-draft-generator__saved-head {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }
    .assessment-rubric-editor__savebar {
        position: static;
    }
    .assessment-rubric-editor__savebar .as-btn,
    .assessment-ai-assistance__actions .as-btn,
    .assessment-ai-assistance__result-actions .as-btn,
    .assessment-ai-assistance__review-actions .as-btn,
    .assessment-interview-evaluation__hero-actions .as-btn {
        width: 100%;
    }
    .assessment-interview-evaluation__summary {
        grid-template-columns: 1fr;
    }
    .ac-evaluation-review-filters {
        grid-template-columns: 1fr;
    }
    .ac-evaluation-review-filters__search {
        grid-column: auto;
    }
    .ac-evaluation-review-item__meta {
        grid-template-columns: 1fr !important;
    }
    .ac-evaluation-review-item__meta > span:first-child {
        grid-column: auto;
    }
    .assessment-ai-draft-generator__readiness {
        grid-template-columns: 1fr;
    }
}

/* Assessment review tabs, STAR aspect workspace, and quick-scoring presets — 2026-07-21 */
.as-btn-dark {
    background: #0f172a;
    border-color: #0f172a;
    color: #fff;
}

.as-btn-dark:hover {
    background: #1e293b;
    border-color: #1e293b;
}

.ac-btn-danger {
    background: #fff;
    border: 1px solid #fecaca;
    color: #b91c1c;
}

.ac-btn-danger:hover {
    background: #fff1f2;
}

.assessment-workspace-tabs {
    display: flex;
    gap: .55rem;
    width: 100%;
    overflow-x: auto;
    padding: .55rem;
    border: 1px solid #dbe7f2;
    border-radius: 1rem;
    background: #f8fbfe;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
}

.assessment-workspace-tab {
    display: inline-flex;
    flex: 0 0 auto;
    min-width: 10.5rem;
    max-width: 18rem;
    min-height: 3.2rem;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: .15rem;
    padding: .65rem .85rem;
    border: 1px solid #d6e4ef;
    border-radius: .8rem;
    background: #fff;
    color: #24364b;
    text-align: left;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    cursor: pointer;
    scroll-snap-align: start;
}

.assessment-workspace-tab span {
    width: 100%;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: normal;
    word-break: normal;
}

.assessment-workspace-tab small {
    width: 100%;
    color: #64748b;
    font-size: .68rem;
    font-weight: 650;
    line-height: 1.25;
}

.assessment-workspace-tab:hover {
    border-color: #8ecce4;
    background: #f5fbfe;
}

.assessment-workspace-tab.is-active {
    border-color: #1c8fbd;
    background: #eaf7fc;
    box-shadow: inset 0 -3px 0 #1c8fbd;
    color: #075985;
}

/* Evaluation review: queue first, detail second. */
.assessment-review-workspace,
.assessment-review-detail,
.assessment-review-queue {
    min-width: 0;
}

.assessment-review-workspace {
    display: grid;
    gap: 1rem;
}

.assessment-review-workspace__hero-toolbar,
.assessment-review-queue__head,
.assessment-review-detail__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.assessment-review-workspace__count {
    display: grid;
    min-width: 8.5rem;
    padding: .8rem 1rem;
    border: 1px solid #d6e4ef;
    border-radius: .9rem;
    background: #f8fbfe;
}

.assessment-review-workspace__count span,
.assessment-review-workspace__count small {
    color: #64748b;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.assessment-review-workspace__count strong {
    color: #0f172a;
    font-size: 1.45rem;
    line-height: 1.1;
}

.assessment-review-workspace__filters {
    display: grid;
    grid-template-columns: minmax(16rem, 2.2fr) repeat(3, minmax(10rem, 1fr)) auto;
    gap: .75rem;
    align-items: end;
    margin-top: 1rem;
}

.assessment-review-workspace__filter-action {
    display: flex;
    align-items: flex-end;
    min-height: 2.65rem;
}

.assessment-review-queue,
.assessment-review-detail {
    border: 1px solid #d9e6ef;
    border-radius: 1.15rem;
    background: #fff;
    box-shadow: 0 8px 26px rgba(15, 23, 42, .045);
}

.assessment-review-queue__head,
.assessment-review-detail__head {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid #e4edf4;
}

.assessment-review-queue__head h2,
.assessment-review-detail__head h2 {
    margin: .15rem 0 0;
    color: #0f172a;
    font-size: 1.05rem;
    line-height: 1.3;
}

.assessment-review-queue__table-wrap {
    max-width: 100%;
    overflow-x: auto;
}

.assessment-review-queue__table {
    min-width: 72rem;
    table-layout: fixed;
}

.assessment-review-queue__table th:nth-child(1),
.assessment-review-queue__table td:nth-child(1) { width: 16%; }
.assessment-review-queue__table th:nth-child(2),
.assessment-review-queue__table td:nth-child(2) { width: 25%; }
.assessment-review-queue__table th:nth-child(3),
.assessment-review-queue__table td:nth-child(3) { width: 15%; }
.assessment-review-queue__table th:nth-child(4),
.assessment-review-queue__table td:nth-child(4) { width: 8%; }
.assessment-review-queue__table th:nth-child(5),
.assessment-review-queue__table td:nth-child(5) { width: 13%; }
.assessment-review-queue__table th:nth-child(6),
.assessment-review-queue__table td:nth-child(6) { width: 13%; }
.assessment-review-queue__table th:nth-child(7),
.assessment-review-queue__table td:nth-child(7) { width: 10%; }

.assessment-review-queue__table td,
.assessment-review-queue__table th {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
    vertical-align: top;
}

.assessment-review-queue__table tr.is-selected td {
    background: #eff9fd;
}

.assessment-review-queue__pagination {
    padding: .8rem 1rem;
    border-top: 1px solid #e4edf4;
}

.assessment-review-detail__head-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
}

.assessment-review-detail__stats {
    padding: 1rem;
}

.assessment-review-detail > .assessment-workspace-tabs {
    width: calc(100% - 2rem);
    margin: 0 1rem 1rem;
}

.assessment-review-detail__tab-panel {
    padding: 0 1rem 1rem;
}

.assessment-review-detail__notes {
    padding: .85rem 1rem;
    border: 1px solid #dce7ef;
    border-radius: .8rem;
    background: #f8fbfe;
    color: #334155;
    line-height: 1.6;
    white-space: pre-line;
}

.assessment-review-detail__rubric-head {
    margin-top: 1rem;
}

.assessment-review-detail__rubric-table {
    min-width: 54rem;
    table-layout: fixed;
}

.assessment-review-detail__rubric-table th:nth-child(1) { width: 22%; }
.assessment-review-detail__rubric-table th:nth-child(2) { width: 25%; }
.assessment-review-detail__rubric-table th:nth-child(3) { width: 9%; }
.assessment-review-detail__rubric-table th:nth-child(4) { width: 44%; }

.assessment-review-decision {
    max-width: 70rem;
    margin-inline: auto;
}

.assessment-review-decision__summary {
    display: grid;
    gap: .2rem;
    margin-top: .85rem;
    padding: .8rem 1rem;
    border: 1px solid #f2d488;
    border-radius: .8rem;
    background: #fffaf0;
    color: #744210;
}

.assessment-review-decision__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .6rem;
    margin-top: .9rem;
}

.assessment-review-detail__empty {
    min-height: 14rem;
}

/* Interview: one aspect per tab, with separate evidence, summary, and AI workspaces. */
.assessment-interview-workspace {
    display: grid;
    gap: 1rem;
    max-width: 112rem;
    margin-inline: auto;
}

.assessment-interview-workspace__hero-grid {
    display: grid;
    grid-template-columns: minmax(18rem, 1.4fr) minmax(28rem, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.assessment-interview-workspace__summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(7rem, 1fr));
    gap: .55rem;
}

.assessment-interview-workspace__summary .ac-stat-card {
    min-width: 0;
}

.assessment-interview-workspace__summary .ac-stat-card strong {
    font-size: .88rem;
    overflow-wrap: normal;
    word-break: normal;
}

.assessment-interview-workspace__hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .55rem;
}

.assessment-interview-workspace__meeting-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.assessment-interview-workspace__tabs {
    position: sticky;
    top: var(--app-header-offset, 6rem);
    z-index: 18;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}

.assessment-interview-workspace__panel {
    min-width: 0;
}

.assessment-interview-workspace__aspect-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .85rem;
    padding: 1rem 1.1rem;
    border: 1px solid #dbe7f2;
    border-radius: 1rem;
    background: linear-gradient(135deg, #f7fbfe, #eef8fc);
}

.assessment-interview-workspace__aspect-head h2 {
    margin: .15rem 0 0;
    color: #0f172a;
    font-size: 1.15rem;
}

.assessment-interview-workspace__progress {
    display: grid;
    min-width: 7.5rem;
    padding: .7rem .85rem;
    border: 1px solid #bde0ed;
    border-radius: .8rem;
    background: #fff;
    text-align: center;
}

.assessment-interview-workspace__progress strong {
    color: #075985;
    font-size: 1.25rem;
}

.assessment-interview-workspace__progress span {
    color: #64748b;
    font-size: .68rem;
    font-weight: 700;
}

.assessment-interview-workspace__aspect-items {
    display: grid;
    gap: .85rem;
}

.assessment-interview-workspace__aspect-items .assessment-interview-score-card {
    min-width: 0;
}

.assessment-interview-workspace__aspect-items label,
.assessment-interview-workspace__aspect-items span,
.assessment-interview-workspace__aspect-items p,
.assessment-interview-workspace__aspect-items h3 {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

.assessment-interview-summary-grid {
    display: grid;
    grid-template-columns: minmax(20rem, .85fr) minmax(24rem, 1.15fr);
    gap: 1rem;
}

.assessment-interview-summary-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.assessment-interview-summary-list > div {
    min-width: 0;
    padding: .7rem .8rem;
    border: 1px solid #e1eaf1;
    border-radius: .75rem;
    background: #f8fbfe;
}

.assessment-interview-summary-list dt {
    color: #64748b;
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.assessment-interview-summary-list dd {
    margin-top: .2rem;
    color: #1e293b;
    font-size: .84rem;
    font-weight: 700;
    overflow-wrap: normal;
    word-break: normal;
}

.assessment-interview-summary-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .85rem;
}

.assessment-interview-narrative {
    margin-top: 1rem;
}

.assessment-interview-overall-score {
    max-width: 22rem;
    margin-bottom: 1rem;
}

.assessment-interview-narrative-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.assessment-interview-narrative-grid__wide {
    grid-column: 1 / -1;
}

.assessment-evidence-workspace__selector-grid {
    display: grid;
    grid-template-columns: minmax(18rem, 2fr) repeat(5, minmax(9rem, 1fr));
    gap: .75rem;
}

.assessment-evidence-workspace__aspect {
    grid-row: span 1;
}

.assessment-evidence-workspace__indicators {
    margin-top: 1rem;
}

.assessment-evidence-workspace__indicator-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
    margin-top: .6rem;
}

.assessment-evidence-workspace__indicator {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    min-width: 0;
    padding: .7rem .8rem;
    border: 1px solid #dce7ef;
    border-radius: .75rem;
    background: #f8fbfe;
    color: #334155;
    font-size: .78rem;
    line-height: 1.45;
}

.assessment-evidence-workspace__indicator span {
    overflow-wrap: normal;
    word-break: normal;
}

.assessment-evidence-workspace__notes-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
    margin-top: 1rem;
}

.assessment-evidence-workspace__speech {
    width: fit-content;
    margin-top: .4rem;
}

.assessment-evidence-workspace__actions {
    display: flex;
    justify-content: flex-end;
    margin-top: .85rem;
}

.assessment-evidence-register {
    margin-top: 1rem;
}

.assessment-evidence-register__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}

.assessment-evidence-register__item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
    min-width: 0;
    padding: .85rem;
    border: 1px solid #dce7ef;
    border-radius: .85rem;
    background: #f8fbfe;
}

.assessment-evidence-register__item p {
    margin: .25rem 0 0;
    color: #64748b;
    font-size: .78rem;
    line-height: 1.45;
}

.assessment-evidence-register__meta {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 auto;
    justify-content: flex-end;
    gap: .4rem;
}

.assessment-interview-workspace__ai {
    display: grid;
    gap: .85rem;
    max-width: 82rem;
    margin-inline: auto;
}

.assessment-interview-workspace__ai-target {
    padding: 1rem;
    border: 1px solid #d9c7f2;
    border-radius: 1rem;
    background: #fbf8ff;
}

.assessment-interview-workspace__sticky-actions {
    position: sticky;
    bottom: .65rem;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .8rem 1rem;
    border: 1px solid #dbe7f2;
    border-radius: 1rem;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 12px 32px rgba(15, 23, 42, .14);
    backdrop-filter: blur(10px);
}

.assessment-interview-workspace__sticky-actions p {
    margin: 0;
    color: #64748b;
    font-size: .76rem;
    line-height: 1.45;
}

.assessment-interview-workspace__sticky-actions > div {
    display: flex;
    flex: 0 0 auto;
    gap: .55rem;
}

/* Quick scoring preset picker shown only by form components that expose presets. */
.assessment-quick-preset-panel {
    display: grid;
    grid-template-columns: minmax(18rem, 1.2fr) minmax(20rem, 1fr);
    gap: 1rem;
    align-items: end;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #bde0ed;
    border-radius: 1rem;
    background: linear-gradient(135deg, #f4fbfe, #eef8fc);
}

.assessment-quick-preset-panel__copy h2 {
    margin: .2rem 0 .3rem;
    color: #0f172a;
    font-size: 1rem;
}

.assessment-quick-preset-panel__copy p {
    margin: 0;
    color: #475569;
    font-size: .8rem;
    line-height: 1.5;
}

.assessment-quick-preset-panel__controls {
    display: grid;
    grid-template-columns: minmax(14rem, 1fr) auto;
    gap: .65rem;
    align-items: end;
}

.assessment-quick-preset-panel__note {
    grid-column: 1 / -1;
    display: flex;
    gap: .4rem;
    color: #526579;
    font-size: .73rem;
}

@media (max-width: 1320px) {
    .assessment-review-workspace__filters {
        grid-template-columns: minmax(16rem, 2fr) repeat(2, minmax(10rem, 1fr));
    }

    .assessment-review-workspace__filter-action {
        grid-column: auto;
    }

    .assessment-interview-workspace__hero-grid {
        grid-template-columns: minmax(20rem, 1fr) minmax(28rem, 1.2fr);
    }

    .assessment-interview-workspace__hero-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .assessment-evidence-workspace__selector-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .assessment-evidence-workspace__aspect {
        grid-column: span 2;
    }
}

@media (max-width: 980px) {
    .assessment-review-workspace__filters,
    .assessment-interview-workspace__hero-grid,
    .assessment-interview-summary-grid,
    .assessment-quick-preset-panel {
        grid-template-columns: 1fr;
    }

    .assessment-review-workspace__filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .assessment-review-workspace__search {
        grid-column: 1 / -1;
    }

    .assessment-interview-workspace__summary,
    .assessment-evidence-workspace__indicator-list,
    .assessment-evidence-register__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .assessment-evidence-workspace__selector-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .assessment-evidence-workspace__aspect {
        grid-column: 1 / -1;
    }

    .assessment-quick-preset-panel__controls {
        grid-template-columns: 1fr auto;
    }
}

@media (max-width: 680px) {
    .assessment-review-workspace__hero-toolbar,
    .assessment-review-queue__head,
    .assessment-review-detail__head,
    .assessment-interview-workspace__meeting-note,
    .assessment-interview-workspace__aspect-head,
    .assessment-interview-workspace__sticky-actions,
    .assessment-evidence-register__item {
        align-items: stretch;
        flex-direction: column;
    }

    .assessment-review-workspace__filters,
    .assessment-interview-workspace__summary,
    .assessment-interview-summary-list,
    .assessment-interview-narrative-grid,
    .assessment-evidence-workspace__selector-grid,
    .assessment-evidence-workspace__indicator-list,
    .assessment-evidence-workspace__notes-grid,
    .assessment-evidence-register__grid,
    .assessment-quick-preset-panel__controls {
        grid-template-columns: 1fr;
    }

    .assessment-review-workspace__count,
    .assessment-interview-workspace__progress {
        width: 100%;
    }

    .assessment-review-detail__head-actions,
    .assessment-interview-workspace__hero-actions,
    .assessment-review-decision__actions,
    .assessment-interview-workspace__sticky-actions > div,
    .assessment-evidence-register__meta {
        justify-content: flex-start;
    }

    .assessment-interview-workspace__sticky-actions > div {
        width: 100%;
    }

    .assessment-interview-workspace__sticky-actions .as-btn {
        flex: 1 1 0;
    }

    .assessment-workspace-tab {
        min-width: 9rem;
        max-width: 13rem;
    }

    .assessment-quick-preset-panel__note {
        flex-direction: column;
    }
}

.assessment-review-detail__ai-target {
    max-width: 70rem;
    margin: .85rem auto 0;
    padding: 1rem;
    border: 1px solid #d9c7f2;
    border-radius: 1rem;
    background: #fbf8ff;
}

/* Assessment vertical interview navigation and readable AI source editor — 2026-07-21 */
.hpc-page-container :where(input, select, textarea, [contenteditable="true"]) {
    text-transform: none !important;
    letter-spacing: normal !important;
    font-variant: normal !important;
}

.hpc-page-container textarea,
.hpc-page-container [contenteditable="true"] {
    line-height: 1.58;
    font-weight: 500;
}

.assessment-ai-assistance .ac-field-label,
.assessment-ai-assistance label,
.assessment-interview-workspace__ai-target .ac-field-label {
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.assessment-ai-assistance__source {
    min-width: 0;
    padding: .85rem;
    border: 1px solid #ded4ea;
    border-radius: .9rem;
    background: linear-gradient(180deg, #fff, #fcfaff);
}

.assessment-ai-assistance__source-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .25rem;
}

.assessment-ai-assistance__source-head .ac-field-label {
    margin: 0;
    color: #28384e;
    font-size: .82rem;
    font-weight: 900;
    line-height: 1.35;
}

.assessment-ai-assistance__editable-badge {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    min-height: 1.6rem;
    padding: .22rem .5rem;
    border: 1px solid #d9c7f2;
    border-radius: 999px;
    background: #f7f1ff;
    color: #714398;
    font-size: .66rem;
    font-weight: 850;
    white-space: nowrap;
}

.assessment-ai-assistance__source-intro {
    margin: 0 0 .65rem;
    color: #607086;
    font-size: .75rem;
    line-height: 1.5;
}

.assessment-ai-assistance__source textarea {
    min-height: 17rem;
    max-height: 36rem;
    padding: .9rem 1rem;
    border-color: #cfc4dc;
    border-radius: .8rem;
    background: #fff;
    color: #26364a;
    font-family: var(--app-content-font-family, Inter, "Segoe UI", Roboto, Arial, sans-serif);
    font-size: .84rem;
    font-weight: 500;
    line-height: 1.68;
    text-transform: none !important;
    letter-spacing: normal !important;
    white-space: pre-wrap;
    overflow-wrap: normal;
    word-break: normal;
    tab-size: 4;
    resize: vertical;
}

.assessment-ai-assistance__source textarea::placeholder {
    color: #8a98a9;
    font-weight: 450;
}

.assessment-ai-assistance__output {
    font-family: var(--app-content-font-family, Inter, "Segoe UI", Roboto, Arial, sans-serif);
    font-size: .82rem;
    font-weight: 500;
    line-height: 1.65;
    text-transform: none !important;
    letter-spacing: normal !important;
    white-space: pre-wrap;
    overflow-wrap: normal;
    word-break: normal;
}

.assessment-interview-workspace__hero-grid {
    grid-template-columns: minmax(22rem, 1.25fr) minmax(28rem, 1fr);
    align-items: start;
}

.assessment-interview-workspace__title .ac-title {
    max-width: 22ch;
    font-size: clamp(1.75rem, 2.8vw, 2.85rem);
    line-height: 1.06;
    letter-spacing: -.045em;
}

.assessment-interview-workspace__hero-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
    padding-top: .8rem;
    border-top: 1px solid #e5edf3;
}

.assessment-interview-workspace__content {
    display: grid;
    grid-template-columns: minmax(16.5rem, 18.5rem) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    min-width: 0;
}

.assessment-interview-workspace__nav-shell {
    position: sticky;
    top: var(--app-header-offset, 6rem);
    z-index: 18;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #d9e6ef;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .07);
}

.assessment-interview-workspace__nav-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
    padding: .85rem .9rem;
    border-bottom: 1px solid #e4edf4;
    background: linear-gradient(135deg, #f8fbfe, #eef8fc);
}

.assessment-interview-workspace__nav-heading h2 {
    margin: .15rem 0 0;
    color: #17243a;
    font-size: .92rem;
    line-height: 1.3;
}

.assessment-interview-workspace__tabs {
    position: static;
    display: grid;
    width: 100%;
    max-height: calc(100vh - var(--app-header-offset, 6rem) - 8rem);
    gap: .38rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding: .65rem;
    border: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    scroll-snap-type: none;
}

.assessment-interview-workspace__tab-group-label {
    padding: .45rem .35rem .18rem;
    color: #64748b;
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1.25;
    text-transform: uppercase;
}

.assessment-interview-workspace__tab-group-label:not(:first-child) {
    margin-top: .4rem;
    padding-top: .7rem;
    border-top: 1px solid #edf2f6;
}

.assessment-interview-workspace__tabs .assessment-workspace-tab {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    width: 100%;
    min-width: 0;
    max-width: none;
    min-height: 4rem;
    align-items: center;
    justify-content: stretch;
    gap: .65rem;
    padding: .65rem .7rem;
    border-radius: .8rem;
    text-align: left;
    scroll-snap-align: none;
}

.assessment-workspace-tab__index {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid #d7e4ed;
    border-radius: .65rem;
    background: #f7fafc;
    color: #526579;
    font-size: .68rem;
    font-weight: 900;
    line-height: 1;
}

.assessment-workspace-tab__copy {
    display: grid;
    min-width: 0;
    gap: .2rem;
}

.assessment-workspace-tab__copy strong {
    color: inherit;
    font-size: .78rem;
    font-weight: 850;
    line-height: 1.35;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

.assessment-workspace-tab__copy small {
    color: #718096;
    font-size: .67rem;
    font-weight: 650;
    line-height: 1.3;
}

.assessment-workspace-tab__progress {
    display: inline-flex;
    min-width: 2.3rem;
    min-height: 1.55rem;
    align-items: center;
    justify-content: center;
    padding: .2rem .42rem;
    border-radius: 999px;
    background: #eef4f8;
    color: #526579;
    font-size: .66rem;
    font-weight: 900;
    white-space: nowrap;
}

.assessment-interview-workspace__tabs .assessment-workspace-tab:hover {
    transform: none;
    border-color: #9fcfe2;
    background: #f5fbfe;
}

.assessment-interview-workspace__tabs .assessment-workspace-tab.is-active {
    border-color: #77bfdc;
    background: #eaf7fc;
    color: #075985;
    box-shadow: inset 4px 0 0 #1c8fbd;
}

.assessment-interview-workspace__tabs .assessment-workspace-tab.is-active .assessment-workspace-tab__index {
    border-color: #1c8fbd;
    background: #1c8fbd;
    color: #fff;
}

.assessment-interview-workspace__tabs .assessment-workspace-tab.is-active .assessment-workspace-tab__progress {
    background: #d9f0f9;
    color: #075985;
}

.assessment-interview-workspace__tabs .assessment-workspace-tab--ai .assessment-workspace-tab__index {
    border-color: #d9c7f2;
    background: #f7f1ff;
    color: #714398;
}

.assessment-interview-workspace__tabs .assessment-workspace-tab--ai.is-active {
    border-color: #c7a8e8;
    background: #f7f1ff;
    color: #66368c;
    box-shadow: inset 4px 0 0 #8a50b5;
}

.assessment-interview-workspace__tabs .assessment-workspace-tab--ai.is-active .assessment-workspace-tab__index {
    border-color: #8a50b5;
    background: #8a50b5;
    color: #fff;
}

.assessment-interview-workspace__panel {
    min-width: 0;
    min-height: 32rem;
    padding: 1rem;
    border: 1px solid #d9e6ef;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .045);
}

.assessment-interview-workspace__panel > :first-child {
    margin-top: 0;
}

.assessment-interview-workspace__aspect-head {
    margin-bottom: 1rem;
}

.assessment-interview-workspace__ai {
    max-width: none;
    margin: 0;
}

.assessment-interview-workspace__ai-target textarea {
    min-height: 11rem;
    font-size: .84rem;
    line-height: 1.62;
    text-transform: none !important;
    letter-spacing: normal !important;
}

@media (max-width: 1180px) {
    .assessment-interview-workspace__hero-grid {
        grid-template-columns: 1fr;
    }

    .assessment-interview-workspace__summary {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .assessment-interview-workspace__hero-actions {
        justify-content: flex-start;
    }

    .assessment-interview-workspace__content {
        grid-template-columns: minmax(15rem, 17rem) minmax(0, 1fr);
    }
}

@media (max-width: 900px) {
    .assessment-interview-workspace__content {
        grid-template-columns: 1fr;
    }

    .assessment-interview-workspace__nav-shell {
        position: static;
    }

    .assessment-interview-workspace__tabs {
        max-height: 20rem;
    }

    .assessment-interview-workspace__panel {
        min-height: 0;
    }
}

@media (max-width: 680px) {
    .assessment-interview-workspace__summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .assessment-interview-workspace__hero-actions .as-btn {
        flex: 1 1 100%;
        width: 100%;
    }

    .assessment-interview-workspace__panel {
        padding: .75rem;
    }

    .assessment-ai-assistance__source-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .assessment-ai-assistance__source textarea {
        min-height: 14rem;
        padding: .8rem;
    }
}

/* Structured AI source document editor — 2026-07-21 */
.assessment-ai-assistance__source-tools {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
    margin: 0 0 .65rem;
}

.assessment-ai-assistance__source-tools .as-btn {
    min-height: 2rem;
    padding: .38rem .65rem;
    font-size: .69rem;
}

.assessment-ai-assistance__source textarea[data-as-no-richtext="1"] {
    display: block;
    width: 100%;
    min-height: 22rem;
    background-image: linear-gradient(to bottom, transparent calc(1.68em - 1px), rgba(196, 181, 217, .14) calc(1.68em - 1px), rgba(196, 181, 217, .14) 1.68em);
    background-size: 100% 1.68em;
    background-position: 0 .9rem;
    caret-color: #714398;
}

.assessment-ai-assistance__source textarea[data-as-no-richtext="1"]:focus {
    background-image: linear-gradient(to bottom, transparent calc(1.68em - 1px), rgba(113, 67, 152, .12) calc(1.68em - 1px), rgba(113, 67, 152, .12) 1.68em);
}

@media (max-width: 720px) {
    .assessment-ai-assistance__source textarea[data-as-no-richtext="1"] {
        min-height: 18rem;
        font-size: .8rem;
    }
}

/* Assessment AI runtime readiness and transcription — 2026-07-21 */
.assessment-ai-assistance__readiness {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .8rem 1rem;
    align-items: start;
    margin: 0 0 1rem;
    padding: .85rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    color: #334155;
}

.assessment-ai-assistance__readiness.is-ready {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.assessment-ai-assistance__readiness.is-blocked {
    border-color: #fbbf24;
    background: #fffbeb;
    color: #92400e;
}

.assessment-ai-assistance__readiness > div:first-child {
    min-width: 0;
}

.assessment-ai-assistance__readiness strong,
.assessment-ai-assistance__readiness span {
    display: block;
    text-transform: none;
    overflow-wrap: break-word;
    word-break: normal;
}

.assessment-ai-assistance__readiness strong {
    margin-bottom: .2rem;
    color: currentColor;
}

.assessment-ai-assistance__readiness [data-ai-readiness-reasons] {
    grid-column: 1 / -1;
    margin: 0;
    padding: 0 0 0 1.15rem;
}

.assessment-ai-assistance__readiness [data-ai-readiness-reasons] li {
    margin: .28rem 0;
    line-height: 1.45;
    text-transform: none;
    overflow-wrap: break-word;
    word-break: normal;
}

.assessment-ai-assistance__readiness-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .45rem;
}

.assessment-ai-transcription {
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid #bfdbfe;
    border-radius: 14px;
    background: linear-gradient(145deg, #f8fbff 0%, #eff6ff 100%);
    box-shadow: 0 8px 24px rgba(30, 64, 175, .05);
}

.assessment-ai-transcription__header {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: .9rem;
}

.assessment-ai-transcription__header > div {
    min-width: 0;
}

.assessment-ai-transcription__header h4 {
    margin: .15rem 0 .3rem;
    font-size: 1rem;
    line-height: 1.3;
}

.assessment-ai-transcription__header p {
    max-width: 70rem;
    margin: 0;
    line-height: 1.5;
    color: #475569;
}

.assessment-ai-transcription__privacy {
    flex: 0 0 auto;
    max-width: 14rem;
    padding: .35rem .55rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #fff;
    color: #1e40af;
    font-size: .7rem;
    line-height: 1.35;
    text-align: center;
    text-transform: none;
    overflow-wrap: break-word;
    word-break: normal;
}

.assessment-ai-transcription__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(20rem, .8fr);
    gap: 1rem;
    align-items: start;
}

.assessment-ai-transcription__capture,
.assessment-ai-transcription__consent {
    min-width: 0;
    padding: .85rem;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    background: rgba(255, 255, 255, .94);
}

.assessment-ai-transcription__capture-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    margin-bottom: .75rem;
}

.assessment-ai-transcription__timer {
    display: inline-flex;
    min-width: 4.5rem;
    min-height: 2.35rem;
    align-items: center;
    justify-content: center;
    padding: .3rem .55rem;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    background: #eff6ff;
    color: #1e3a8a;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    letter-spacing: .04em;
}

.assessment-ai-transcription input[type="file"] {
    display: block;
    width: 100%;
    padding: .55rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #fff;
    color: #0f172a;
    font: inherit;
    text-transform: none;
}

.assessment-ai-transcription audio {
    width: 100%;
    margin-top: .65rem;
}

.assessment-ai-transcription__meta {
    margin-top: .55rem;
    color: #475569;
    font-size: .78rem;
    line-height: 1.45;
    text-transform: none;
    overflow-wrap: break-word;
    word-break: normal;
}

.assessment-ai-transcription__consent {
    display: grid;
    gap: .75rem;
}

.assessment-ai-transcription__consent-check {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .55rem;
    align-items: start;
    padding: .7rem;
    border: 1px solid #fde68a;
    border-radius: 10px;
    background: #fffbeb;
    color: #78350f;
    line-height: 1.45;
    cursor: pointer;
}

.assessment-ai-transcription__consent-check input {
    width: 1rem;
    height: 1rem;
    margin-top: .16rem;
}

.assessment-ai-transcription__consent-check span {
    text-transform: none;
    overflow-wrap: break-word;
    word-break: normal;
}

.assessment-ai-transcription__submit {
    width: 100%;
    justify-content: center;
}

.assessment-ai-transcription__result {
    margin-top: .9rem;
    padding: .85rem;
    border: 1px solid #93c5fd;
    border-radius: 12px;
    background: #fff;
}

.assessment-ai-transcription__result-head {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: .65rem;
}

.assessment-ai-transcription__result-head > div:first-child {
    min-width: min(100%, 22rem);
    flex: 1 1 24rem;
}

.assessment-ai-transcription__result-head > div:last-child {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
}

.assessment-ai-transcription__result-head strong {
    display: block;
    margin-top: .2rem;
    line-height: 1.45;
    text-transform: none;
    overflow-wrap: break-word;
    word-break: normal;
}

.assessment-ai-assistance__status[data-kind="success"] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.assessment-ai-assistance__status[data-kind="warning"] {
    border-color: #fde68a;
    background: #fffbeb;
    color: #92400e;
}

.assessment-ai-assistance__status[data-kind="error"] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.assessment-ai-assistance__status[data-kind="info"] {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1e40af;
}

@media (max-width: 1060px) {
    .assessment-ai-transcription__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .assessment-ai-assistance__readiness {
        grid-template-columns: 1fr;
    }

    .assessment-ai-assistance__readiness-actions {
        justify-content: stretch;
    }

    .assessment-ai-assistance__readiness-actions .as-btn {
        flex: 1 1 100%;
        width: 100%;
    }

    .assessment-ai-transcription {
        padding: .75rem;
    }

    .assessment-ai-transcription__header {
        flex-direction: column;
    }

    .assessment-ai-transcription__privacy {
        max-width: none;
        width: 100%;
        border-radius: 10px;
        text-align: left;
    }

    .assessment-ai-transcription__capture,
    .assessment-ai-transcription__consent,
    .assessment-ai-transcription__result {
        padding: .7rem;
    }

    .assessment-ai-transcription__capture-actions .as-btn,
    .assessment-ai-transcription__result-head .as-btn {
        flex: 1 1 100%;
        width: 100%;
    }

    .assessment-ai-transcription__timer {
        width: 100%;
    }
}

/* Assessment AI configuration workspace */
.as-page-stack {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.as-card {
    min-width: 0;
    border: 1px solid var(--as-border, #d8e4ee);
    border-radius: 1.25rem;
    background: #fff;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.05);
}

.as-card-pad {
    padding: clamp(1rem, 2vw, 1.35rem);
}

.as-section-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

.as-section-heading > * {
    min-width: 0;
}

.as-section-heading-compact {
    align-items: center;
}

.as-eyebrow {
    margin-bottom: 0.25rem;
    color: #49627a;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.as-title {
    margin: 0;
    color: #0f172a;
    line-height: 1.15;
    overflow-wrap: normal;
    word-break: normal;
}

.as-title-md {
    font-size: clamp(1.45rem, 2.1vw, 2rem);
}

.as-title-sm {
    font-size: 1.15rem;
}

.as-muted {
    margin: 0.4rem 0 0;
    max-width: 72rem;
    color: #52677d;
    font-size: 0.9rem;
    line-height: 1.55;
}

.as-field {
    display: grid;
    gap: 0.38rem;
    min-width: 0;
}

.as-field-compact {
    width: min(25rem, 100%);
}

.as-field label,
.as-fieldset legend {
    color: #334155;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.035em;
}

.as-field input,
.as-field select,
.as-field textarea {
    width: 100%;
    min-width: 0;
    min-height: 2.65rem;
    border: 1px solid #cbd9e6;
    border-radius: 0.78rem;
    background: #fff;
    color: #0f172a;
    padding: 0.68rem 0.8rem;
    font: inherit;
    text-transform: none;
}

.as-field input:focus,
.as-field select:focus,
.as-field textarea:focus {
    border-color: #1c8fbd;
    outline: 3px solid rgba(28, 143, 189, 0.14);
}

.as-field small,
.as-check-card small {
    color: #64748b;
    font-size: 0.76rem;
    line-height: 1.45;
}

.as-field-error {
    color: #b42318;
    font-size: 0.78rem;
    font-weight: 700;
}

.as-settings-split {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.25fr);
    gap: 1rem;
    align-items: start;
}

.as-form-stack {
    display: grid;
    gap: 1rem;
}

.as-form-grid {
    display: grid;
    gap: 0.9rem;
}

.as-form-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.as-field-span-2 {
    grid-column: 1 / -1;
}

.as-fieldset {
    min-width: 0;
    margin: 0;
    border: 1px solid #d8e4ee;
    border-radius: 1rem;
    padding: 0.85rem;
}

.as-fieldset legend {
    padding: 0 0.35rem;
}

.as-check-grid {
    display: grid;
    gap: 0.65rem;
    min-width: 0;
}

.as-check-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.as-check-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    min-width: 0;
    border: 1px solid #d8e4ee;
    border-radius: 0.9rem;
    background: #f8fbfd;
    padding: 0.8rem;
    cursor: pointer;
}

.as-check-card input {
    margin-top: 0.18rem;
}

.as-check-card span {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.as-check-card strong {
    color: #172033;
    font-size: 0.84rem;
    line-height: 1.35;
    overflow-wrap: normal;
    word-break: normal;
}

.as-check-card-emphasis {
    border-color: #9ed6ea;
    background: #eff9fd;
}

.as-check-card.is-disabled {
    opacity: 0.72;
    cursor: not-allowed;
}

.as-stat-grid {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
}

.as-stat-grid-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.as-stat-card {
    min-width: 0;
    border: 1px solid #d8e4ee;
    border-radius: 0.9rem;
    background: #f8fbfd;
    padding: 0.75rem;
}

.as-stat-card span,
.as-stat-card strong {
    display: block;
    overflow-wrap: normal;
    word-break: normal;
}

.as-stat-card span {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.as-stat-card strong {
    margin-top: 0.28rem;
    color: #172033;
    font-size: 0.9rem;
}

.as-stat-card.is-success {
    border-color: #b8e5c3;
    background: #f0fbf3;
}

.as-stat-card.is-warning {
    border-color: #f3d58b;
    background: #fff9e9;
}

.as-alert {
    border: 1px solid #d8e4ee;
    border-radius: 0.9rem;
    padding: 0.78rem 0.9rem;
    font-size: 0.84rem;
    line-height: 1.5;
}

.as-alert-success {
    border-color: #b8e5c3;
    background: #f0fbf3;
    color: #166534;
}

.as-alert-danger {
    border-color: #fecaca;
    background: #fff1f2;
    color: #9f1239;
}

.as-alert-info {
    border-color: #b9dff0;
    background: #f0f9ff;
    color: #075985;
}

.as-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    flex-wrap: wrap;
}

@media (max-width: 1280px) {
    .as-stat-grid-6 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .as-settings-split {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .as-section-heading,
    .as-section-heading-compact {
        flex-direction: column;
        align-items: stretch;
    }

    .as-stat-grid-6,
    .as-form-grid-2,
    .as-check-grid-2 {
        grid-template-columns: 1fr;
    }

    .as-field-span-2 {
        grid-column: auto;
    }
}

/* Assessment AI operations control center */
.as-badge-warning {
    border-color: #f3d58b !important;
    background: #fff9e9 !important;
    color: #9a5b00 !important;
}

.as-badge-danger {
    border-color: #fecaca !important;
    background: #fff1f2 !important;
    color: #b42318 !important;
}

.as-badge-soft {
    border-color: #d8e4ee !important;
    background: #f8fbfd !important;
    color: #334155 !important;
}

.as-diagnostic-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.as-diagnostic-card {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 0.45rem;
    border: 1px solid #d8e4ee;
    border-radius: 0.95rem;
    background: #fff;
    padding: 0.8rem;
}

.as-diagnostic-card.is-pass {
    border-color: #b8e5c3;
    background: #f5fcf7;
}

.as-diagnostic-card.is-warning {
    border-color: #f3d58b;
    background: #fffaf0;
}

.as-diagnostic-card.is-fail {
    border-color: #fecaca;
    background: #fff7f7;
}

.as-diagnostic-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.55rem;
}

.as-diagnostic-card-head strong,
.as-diagnostic-card p,
.as-diagnostic-card small {
    overflow-wrap: normal;
    word-break: normal;
}

.as-diagnostic-card-head strong {
    color: #172033;
    font-size: 0.84rem;
    line-height: 1.35;
}

.as-diagnostic-card p {
    margin: 0;
    color: #52677d;
    font-size: 0.78rem;
    line-height: 1.45;
}

.as-diagnostic-card small {
    color: #6b4e16;
    font-size: 0.74rem;
    line-height: 1.45;
}

.as-capability-presets {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
    border: 1px dashed #cbd9e6;
    border-radius: 0.9rem;
    background: #fbfdff;
    padding: 0.65rem;
}

.as-capability-presets > span {
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
}

.as-provider-test-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
    gap: 0.85rem;
    align-items: stretch;
}

.as-provider-test-card {
    min-width: 0;
    border: 1px solid #d8e4ee;
    border-radius: 1rem;
    background: #f8fbfd;
    padding: 0.9rem;
}

.as-provider-test-card h3 {
    margin: 0;
    color: #172033;
    font-size: 0.95rem;
}

.as-provider-test-card p {
    margin: 0.35rem 0 0.8rem;
    color: #52677d;
    font-size: 0.8rem;
    line-height: 1.5;
}

.as-provider-test-result {
    display: grid;
    grid-template-columns: minmax(0, 0.55fr) minmax(0, 1.45fr);
    gap: 0.8rem;
    border: 1px solid #d8e4ee;
    border-radius: 1rem;
    padding: 0.9rem;
}

.as-provider-test-result.is-pass {
    border-color: #b8e5c3;
    background: #f0fbf3;
}

.as-provider-test-result.is-fail {
    border-color: #fecaca;
    background: #fff1f2;
}

.as-provider-test-result strong,
.as-provider-test-result p,
.as-provider-test-result small {
    overflow-wrap: normal;
    word-break: normal;
}

.as-provider-test-result p {
    margin: 0.3rem 0;
    font-size: 0.82rem;
    line-height: 1.5;
}

.as-provider-test-result pre {
    min-width: 0;
    max-height: 18rem;
    overflow: auto;
    margin: 0;
    border: 1px solid rgba(100, 116, 139, 0.25);
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.75);
    padding: 0.75rem;
    color: #172033;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.76rem;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.as-table-scroll {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #d8e4ee;
    border-radius: 0.95rem;
}

.as-compact-table {
    width: 100%;
    min-width: 52rem;
    border-collapse: collapse;
    background: #fff;
}

.as-compact-table th,
.as-compact-table td {
    border-bottom: 1px solid #e4edf4;
    padding: 0.65rem 0.7rem;
    text-align: left;
    vertical-align: top;
    font-size: 0.78rem;
    line-height: 1.4;
    overflow-wrap: normal;
    word-break: normal;
}

.as-compact-table th {
    background: #f5f9fc;
    color: #475569;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.as-compact-table tbody tr:last-child td {
    border-bottom: 0;
}

@media (max-width: 1380px) {
    .as-diagnostic-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .as-diagnostic-grid,
    .as-provider-test-grid,
    .as-provider-test-result {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .as-diagnostic-grid {
        grid-template-columns: 1fr;
    }

    .as-capability-presets {
        align-items: stretch;
    }

    .as-capability-presets .as-btn {
        width: 100%;
        justify-content: center;
    }
}

/* Assessment AI operations */
.as-ai-operations-page .as-stat-grid-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.as-ai-operations-page .as-stat-card{min-width:0;border:1px solid var(--as-border,#d9e6ee);border-radius:12px;padding:.9rem 1rem;background:#fff}.as-ai-operations-page .as-stat-card small{display:block;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.as-ai-operations-page .as-stat-card strong{display:block;margin-top:.25rem;font-size:1.45rem}.as-ai-operations-table td{vertical-align:top}.as-ai-operations-table td strong,.as-ai-operations-table td small{display:block;white-space:normal;overflow-wrap:normal;word-break:normal}.as-ai-operations-table td small{margin-top:.2rem;color:#64748b}.as-ai-operations-page .as-field-actions{display:flex;align-items:flex-end}.as-ai-operations-page .as-row-actions{display:flex;flex-wrap:wrap;gap:.4rem}.as-badge.is-failed{color:#b91c1c;background:#fef2f2}.as-badge.is-completed{color:#166534;background:#f0fdf4}.as-badge.is-processing,.as-badge.is-queued{color:#1d4ed8;background:#eff6ff}.as-badge.is-cancelled{color:#475569;background:#f1f5f9}@media(max-width:1200px){.as-ai-operations-page .as-stat-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.as-ai-operations-page .as-stat-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Workspace readability convergence: shared no-build presentation contract. */
:root {
    --hpc-control-radius: 0.75rem;
    --hpc-card-radius: 1rem;
    --hpc-pill-radius: 999px;
    --hpc-readable-small: 0.78rem;
    --hpc-readable-body: 0.9rem;
}

.hpc-auth-body {
    font-size: var(--app-content-font-size, 15px);
    line-height: 1.5;
}

.hpc-sidebar-link {
    min-height: 2.75rem;
    align-items: flex-start;
    border-radius: var(--hpc-control-radius);
    font-size: 0.88rem;
    line-height: 1.35;
    letter-spacing: 0;
    text-transform: none;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
}

.hpc-sidebar-section-title {
    font-size: 0.76rem;
    line-height: 1.35;
    letter-spacing: 0.045em;
}

.hpc-topbar-title h1 {
    max-width: min(52vw, 52rem);
    font-size: 1.05rem;
    line-height: 1.3;
    letter-spacing: 0;
    text-transform: none;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: break-word;
    word-break: normal;
}

.hpc-page-container :where(h1, h2, h3, h4, h5, h6) {
    min-width: 0;
    max-width: 100%;
    line-height: 1.25;
    overflow-wrap: normal;
    word-break: normal;
    text-wrap: balance;
}

.hpc-page-container :where(p, li, dd, dt, label, th, td, button, a, span, strong, small) {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: normal;
}

.hpc-page-container :where(label, th, .as-eyebrow, .ac-kicker, .hpc-field-label, .hpc-filter-bar > label > span) {
    line-height: 1.35;
    letter-spacing: 0.025em;
    text-transform: none;
}

.hpc-page-container [class*="text-[9px]"],
.hpc-page-container [class*="text-[10px]"],
.hpc-page-container [class*="text-[11px]"] {
    font-size: var(--hpc-readable-small) !important;
    line-height: 1.35 !important;
}

.hpc-page-container :where(.as-btn, .btn, .hpc-button, .hpc-icon-button, .hpc-user-button, .hpc-notification-head-action) {
    border-radius: var(--hpc-control-radius) !important;
    line-height: 1.25;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
}

.hpc-page-container :where(.as-badge, .badge, .hpc-master-pill, .hpc-status, .as-status) {
    border-radius: var(--hpc-pill-radius) !important;
    line-height: 1.25;
    white-space: normal;
    text-align: center;
    overflow-wrap: break-word;
    word-break: normal;
}

.hpc-page-container :where(.as-card, .ac-panel, .hpc-card, .hpc-mini-card, .as-mini-card) {
    border-radius: var(--hpc-card-radius);
}

.hpc-page-container :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    border-radius: var(--hpc-control-radius) !important;
    font-size: var(--hpc-readable-body);
    line-height: 1.4;
}

.hpc-page-container :where(th, td) {
    max-width: 34rem;
    vertical-align: top;
    white-space: normal;
}

.hpc-page-container :where(.as-action-row, .as-actions, [data-row-actions="1"], .hpc-core-actions-cell) {
    align-items: center;
    gap: 0.45rem;
}

@media (max-width: 760px) {
    .hpc-topbar-title h1 {
        max-width: min(58vw, 24rem);
        font-size: 0.95rem;
    }

    .hpc-page-container table:not(.as-table):not(.hpc-master-table):not(.as-compact-table) {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .hpc-page-container :where(.as-btn, .btn, .hpc-button) {
        min-height: 2.5rem;
    }
}

/* Data exchange operation selector and readable UAT import workspace. */
.hpc-page-container .hpc-data-exchange-title {
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
    font-size: clamp(1.45rem, 2.15vw, 2.35rem) !important;
    line-height: 1.12 !important;
    letter-spacing: -.035em !important;
}
.hpc-page-container button.hpc-data-exchange-profile-card {
    display: block !important;
    min-height: 11rem;
    height: auto;
    padding: 1rem !important;
    text-align: left !important;
    text-transform: none !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow: hidden;
}
.hpc-page-container button.hpc-data-exchange-profile-card > span {
    max-width: 100%;
}
@media (max-width: 760px) {
    .hpc-page-container button.hpc-data-exchange-profile-card {
        min-height: auto;
    }
}

/* Operational UI compatibility and final evaluation readability */
.hpc-page-container :where(.card:not(.as-card)) {
    overflow: hidden;
    border: 1px solid var(--hpc-border, #d8e4ee);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 42, 67, .05);
}
.hpc-page-container :where(.card-header, .card-body, .card-footer) { padding: 1rem 1.1rem; }
.hpc-page-container .card-header { border-bottom: 1px solid var(--hpc-border, #d8e4ee); background: #f8fbfd; }
.hpc-page-container .card-footer { border-top: 1px solid var(--hpc-border, #d8e4ee); background: #fbfdfe; }
.hpc-page-container .row { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: .85rem; }
.hpc-page-container :where(.col-12, .col-md-12) { grid-column: span 12; }
.hpc-page-container .col-md-6 { grid-column: span 6; }
.hpc-page-container .col-md-4 { grid-column: span 4; }
.hpc-page-container .col-md-3 { grid-column: span 3; }
.hpc-page-container .col-md-2 { grid-column: span 2; }
.hpc-page-container :where(.form-control, .form-select) {
    width: 100%; min-height: 42px; padding: .65rem .78rem; border: 1px solid #c9d9e6;
    border-radius: 10px; background: #fff; color: #10243a; font: inherit;
}
.hpc-page-container textarea.form-control { min-height: 96px; resize: vertical; }
.hpc-page-container :where(.form-control, .form-select):focus { outline: 3px solid rgba(28,143,189,.14); border-color: #1c8fbd; }
.hpc-page-container .form-label { display: block; margin-bottom: .35rem; font-weight: 700; color: #24384d; }
.hpc-page-container :where(.btn:not(.as-btn)) { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: .58rem .9rem; border: 1px solid #bdd0df; border-radius: 10px; background: #fff; color: #17334d; font-weight: 750; text-decoration: none; cursor: pointer; }
.hpc-page-container :where(.btn-primary:not(.as-btn), .btn-success:not(.as-btn)) { border-color: #117eaa; background: #117eaa; color: #fff; }
.hpc-page-container :where(.btn-outline-primary:not(.as-btn)) { border-color: #1c8fbd; color: #0c7097; }
.hpc-page-container :where(.alert:not(.as-alert)) { padding: .8rem 1rem; border: 1px solid #c9d9e6; border-radius: 12px; background: #f3f8fb; color: #17334d; }
.hpc-page-container .alert-success { border-color: #9bd4a4; background: #eefaf0; color: #176326; }
.hpc-page-container .alert-danger { border-color: #efb2b2; background: #fff1f1; color: #9d1c1c; }
.hpc-page-container .alert-warning { border-color: #f5ce8b; background: #fff8e8; color: #7a4c00; }

.hpc-final-evaluation { width: 100%; max-width: none; }
.hpc-final-evaluation-heading,
.hpc-final-aspect-heading { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.hpc-readiness-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.hpc-readiness-check { min-width: 0; padding: .8rem .9rem; border: 1px solid #f0c56e; border-radius: 12px; background: #fff9eb; }
.hpc-readiness-check.is-passed { border-color: #9bd4a4; background: #effaf1; }
.hpc-readiness-check strong { display: block; color: #17334d; }
.hpc-readiness-check p { margin: .25rem 0 0; color: #52677a; }
.hpc-final-aspect-list { display: grid; }
.hpc-final-aspect { padding: 1rem 1.1rem; border-top: 1px solid #dce7ef; }
.hpc-final-aspect:first-child { border-top: 0; }
.hpc-final-aspect h4 { margin: 0 0 .35rem; font-size: 1rem; color: #10243a; }
.as-field-error { color: #b42318; font-weight: 650; overflow-wrap: anywhere; }
@media (max-width: 900px) {
    .hpc-page-container :where(.col-md-6, .col-md-4, .col-md-3, .col-md-2) { grid-column: span 12; }
    .hpc-readiness-grid { grid-template-columns: 1fr; }
}

/* Imported UAT source evidence on final evaluation. */
.hpc-uat-evidence-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}
.hpc-uat-evidence-item {
    min-width: 0;
    padding: .9rem;
    border: 1px solid var(--hpc-border, #d8e4ee);
    border-radius: var(--hpc-card-radius, 14px);
    background: #fbfdfe;
}
.hpc-uat-evidence-item > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}
.hpc-uat-evidence-item > header > div { min-width: 0; }
.hpc-uat-evidence-item strong,
.hpc-uat-evidence-item small { display: block; overflow-wrap: anywhere; }
.hpc-uat-evidence-item small { margin-top: .2rem; color: #60758a; }
.hpc-uat-evidence-item dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
    margin: .8rem 0 0;
}
.hpc-uat-evidence-item dl > div {
    min-width: 0;
    padding: .55rem;
    border-radius: 10px;
    background: #f1f6f9;
}
.hpc-uat-evidence-item dt { font-size: .78rem; color: #60758a; }
.hpc-uat-evidence-item dd { margin: .2rem 0 0; font-weight: 800; color: #10243a; overflow-wrap: anywhere; }
.hpc-uat-source-hash { margin: .65rem 0 0; overflow-wrap: anywhere; }
@media (max-width: 1080px) {
    .hpc-uat-evidence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
    .hpc-uat-evidence-grid { grid-template-columns: 1fr; }
    .hpc-uat-evidence-item dl { grid-template-columns: 1fr; }
}

/* ASN legal consent and judgmental consensus workspaces.
   These views intentionally use dedicated no-build classes instead of relying on
   utility-class compilation that may not exist in production. */
.hpc-legal-consent {
    width: min(1180px, calc(100% - 2rem));
    margin: 0 auto;
    padding: 1.25rem 0 2.5rem;
    color: #14283c;
    font-size: 0.95rem;
    line-height: 1.55;
}
.hpc-legal-consent *,
.hpc-legal-consent *::before,
.hpc-legal-consent *::after { box-sizing: border-box; }
.hpc-legal-consent :where(h1,h2,p,dl,dd,dt) { margin: 0; }
.hpc-legal-consent__hero,
.hpc-legal-consent__form,
.hpc-legal-consent__retention {
    min-width: 0;
    border: 1px solid #cfdeea;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(15, 42, 67, .06);
}
.hpc-legal-consent__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: end;
    padding: 1.25rem 1.35rem;
}
.hpc-legal-consent__eyebrow {
    color: #186f98;
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.hpc-legal-consent__hero h1 {
    margin-top: .35rem;
    color: #10243a;
    font-size: clamp(1.55rem, 2.6vw, 2.2rem);
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -.025em;
}
.hpc-legal-consent__intro {
    max-width: 52rem;
    margin-top: .45rem !important;
    color: #52677a;
    font-size: .92rem;
}
.hpc-legal-consent__versions {
    display: grid;
    grid-template-columns: repeat(3, minmax(7rem, 1fr));
    gap: .55rem;
}
.hpc-legal-consent__versions > div {
    min-width: 0;
    border: 1px solid #dce8f1;
    border-radius: 12px;
    background: #f7fbfd;
    padding: .6rem .7rem;
}
.hpc-legal-consent__versions dt {
    color: #6a7f91;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.hpc-legal-consent__versions dd {
    margin-top: .18rem;
    color: #17334d;
    font-size: .8rem;
    font-weight: 850;
    overflow-wrap: anywhere;
}
.hpc-legal-consent__alert {
    display: grid;
    gap: .15rem;
    margin-top: 1rem;
    border: 1px solid #efb2b2;
    border-radius: 14px;
    background: #fff1f1;
    padding: .8rem 1rem;
    color: #8f1d1d;
}
.hpc-legal-consent__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 22rem);
    gap: 1rem;
    align-items: start;
    margin-top: 1rem;
}
.hpc-legal-consent__form { padding: 1.15rem; }
.hpc-legal-consent__section-heading {
    display: flex;
    gap: .9rem;
    align-items: flex-start;
    justify-content: space-between;
}
.hpc-legal-consent__section-heading h2,
.hpc-legal-consent__retention h2 {
    color: #10243a;
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 1.25;
}
.hpc-legal-consent__section-heading p,
.hpc-legal-consent__retention-heading p {
    margin-top: .25rem !important;
    color: #60758a;
    font-size: .82rem;
    line-height: 1.45;
}
.hpc-legal-consent__step {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #e9f5fb;
    color: #117da8;
    font-weight: 950;
}
.hpc-legal-consent__document-list,
.hpc-legal-consent__check-list {
    display: grid;
    gap: .65rem;
    margin-top: .8rem;
}
.hpc-legal-consent__document-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hpc-legal-consent__document-link {
    display: grid !important;
    grid-template-columns: 2.15rem minmax(0, 1fr) auto;
    gap: .7rem;
    align-items: center;
    min-width: 0;
    min-height: 5.2rem;
    border: 1px solid #c9dce9;
    border-radius: 14px;
    background: #f8fbfd;
    padding: .75rem;
    color: #17334d !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}
.hpc-legal-consent__document-link:hover,
.hpc-legal-consent__document-link:focus-visible {
    border-color: #1c8fbd;
    background: #eff9fd;
    outline: 3px solid rgba(28,143,189,.12);
}
.hpc-legal-consent__document-icon {
    display: inline-flex;
    width: 2.15rem;
    height: 2.15rem;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #117da8;
    color: #fff;
    font-size: .75rem;
    font-weight: 950;
}
.hpc-legal-consent__document-copy { min-width: 0; }
.hpc-legal-consent__document-copy strong,
.hpc-legal-consent__document-copy small { display: block; }
.hpc-legal-consent__document-copy strong { font-size: .9rem; line-height: 1.3; }
.hpc-legal-consent__document-copy small { margin-top: .2rem; color: #60758a; font-size: .76rem; line-height: 1.4; }
.hpc-legal-consent__external { color: #117da8; font-size: 1.05rem; font-weight: 900; }
.hpc-legal-consent__agreement-section {
    margin-top: 1.15rem;
    border-top: 1px solid #e3edf4;
    padding-top: 1.15rem;
}
.hpc-legal-consent__check-card {
    display: grid !important;
    grid-template-columns: 1.25rem minmax(0, 1fr);
    gap: .75rem;
    align-items: start;
    min-width: 0;
    border: 1px solid #d7e4ed;
    border-radius: 14px;
    background: #fbfdfe;
    padding: .85rem .9rem;
    color: #17334d;
    cursor: pointer;
    text-transform: none !important;
    letter-spacing: normal !important;
}
.hpc-legal-consent__check-card:has(input:checked) {
    border-color: #78bfd9;
    background: #eef9fd;
}
.hpc-legal-consent__check-card input {
    width: 1.15rem !important;
    height: 1.15rem !important;
    min-height: 0 !important;
    margin: .15rem 0 0 !important;
    accent-color: #117da8;
}
.hpc-legal-consent__check-card strong,
.hpc-legal-consent__check-card small { display: block; }
.hpc-legal-consent__check-card strong { font-size: .88rem; font-weight: 900; line-height: 1.35; }
.hpc-legal-consent__check-card small { margin-top: .22rem; color: #60758a; font-size: .78rem; line-height: 1.45; }
.hpc-legal-consent__footer {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
    border-top: 1px solid #e3edf4;
    padding-top: 1rem;
}
.hpc-legal-consent__footer p { max-width: 42rem; color: #60758a; font-size: .76rem; line-height: 1.45; }
.hpc-legal-consent__submit {
    display: inline-flex;
    min-height: 2.8rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid #0f6f96;
    border-radius: 12px;
    background: #117da8;
    padding: .7rem 1rem;
    color: #fff;
    font: inherit;
    font-size: .84rem;
    font-weight: 900;
    cursor: pointer;
}
.hpc-legal-consent__submit:hover,
.hpc-legal-consent__submit:focus-visible { background: #0d688e; outline: 3px solid rgba(28,143,189,.16); }
.hpc-legal-consent__retention {
    position: sticky;
    top: 1rem;
    border-color: #ecd9a6;
    background: #fffaf0;
    padding: 1rem;
}
.hpc-legal-consent__retention-heading {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: .65rem;
    align-items: start;
}
.hpc-legal-consent__retention-heading > span {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #fff1c6;
}
.hpc-legal-consent__retention-list { display: grid; gap: .55rem; margin-top: .8rem !important; }
.hpc-legal-consent__retention-list > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    border: 1px solid #eee1bd;
    border-radius: 12px;
    background: rgba(255,255,255,.78);
    padding: .65rem .7rem;
}
.hpc-legal-consent__retention-list dt { color: #665126; font-size: .79rem; font-weight: 800; }
.hpc-legal-consent__retention-list dd { color: #3f3219; font-size: .8rem; font-weight: 900; text-align: right; }
.hpc-legal-consent__retention-note {
    margin-top: .8rem !important;
    border-top: 1px dashed #dfc980;
    padding-top: .75rem;
    color: #766033;
    font-size: .74rem;
    line-height: 1.45;
}

.asn-consensus-workspace {
    display: grid;
    gap: 1rem;
    min-width: 0;
    color: #14283c;
    font-size: .92rem;
    line-height: 1.5;
}
.asn-consensus-workspace :where(h1,h2,h3,h4,p,dl,dd,dt) { margin: 0; }
.asn-consensus-hero,
.asn-consensus-methods,
.asn-consensus-toolbar,
.asn-consensus-card,
.asn-consensus-empty {
    min-width: 0;
    border: 1px solid #d6e4ee;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15,42,67,.045);
}
.asn-consensus-hero { padding: 1rem 1.1rem; }
.asn-consensus-hero__top {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem 1rem;
    align-items: flex-start;
    justify-content: space-between;
}
.asn-consensus-kicker {
    color: #17789f;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.asn-consensus-title { margin-top: .25rem !important; color: #10243a; font-size: 1.3rem; font-weight: 900; line-height: 1.2; }
.asn-consensus-summary { margin-top: .3rem !important; max-width: 70rem; color: #5b7084; font-size: .83rem; }
.asn-consensus-actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.asn-consensus-progress {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .55rem;
    margin-top: .9rem;
}
.asn-consensus-stat {
    min-width: 0;
    border: 1px solid #deebf3;
    border-radius: 12px;
    background: #f8fbfd;
    padding: .62rem .7rem;
}
.asn-consensus-stat dt { color: #6b8093; font-size: .66rem; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.asn-consensus-stat dd { margin-top: .2rem !important; color: #17334d; font-size: 1rem; font-weight: 950; }
.asn-consensus-stat--warning { border-color: #efd08e; background: #fff9eb; }
.asn-consensus-stat--danger { border-color: #efb2b2; background: #fff2f2; }
.asn-consensus-methods { padding: .9rem 1rem; }
.asn-consensus-methods__title { color: #17334d; font-size: .9rem; font-weight: 900; }
.asn-consensus-method-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; margin-top: .65rem; }
.asn-consensus-method {
    min-width: 0;
    border: 1px solid #d8e5ee;
    border-radius: 12px;
    background: #fbfdfe;
    padding: .7rem .75rem;
}
.asn-consensus-method.is-active { border-color: #82c6dc; background: #eef9fd; }
.asn-consensus-method strong { display: block; color: #17334d; font-size: .82rem; }
.asn-consensus-method p { margin-top: .2rem !important; color: #60758a; font-size: .74rem; line-height: 1.4; }
.asn-consensus-guidance {
    display: grid;
    grid-template-columns: 1.2rem minmax(0, 1fr);
    gap: .6rem;
    align-items: start;
    margin-top: .65rem;
    border: 1px solid #f0d18f;
    border-radius: 12px;
    background: #fff9e9;
    padding: .65rem .75rem;
    color: #6f4b05;
    font-size: .78rem;
}
.asn-consensus-toolbar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: .65rem;
    align-items: end;
    padding: .8rem .9rem;
}
.asn-consensus-toolbar label { display: grid; gap: .3rem; min-width: 0; }
.asn-consensus-toolbar label > span { color: #52677a; font-size: .7rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.asn-consensus-toolbar select {
    width: 100%;
    min-height: 2.55rem;
    border: 1px solid #c8d9e6;
    border-radius: 10px;
    background: #fff;
    padding: .55rem 2rem .55rem .7rem;
    color: #17334d;
    font: inherit;
    font-size: .82rem;
    font-weight: 750;
}
.asn-consensus-toggle {
    display: inline-flex !important;
    min-height: 2.55rem;
    align-items: center;
    gap: .5rem;
    border: 1px solid #c8d9e6;
    border-radius: 10px;
    background: #f8fbfd;
    padding: .55rem .7rem;
    color: #17334d;
    font-size: .78rem;
    font-weight: 800;
    text-transform: none !important;
    letter-spacing: normal !important;
}
.asn-consensus-toggle input { width: 1rem !important; height: 1rem !important; min-height: 0 !important; accent-color: #117da8; }
.asn-consensus-card { overflow: hidden; }
.asn-consensus-card__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .8rem;
    align-items: start;
    border-bottom: 1px solid #e2ecf3;
    background: #f8fbfd;
    padding: .85rem .95rem;
}
.asn-consensus-card__identity { min-width: 0; }
.asn-consensus-chip-row { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; }
.asn-consensus-chip {
    display: inline-flex;
    align-items: center;
    border: 1px solid #d4e3ed;
    border-radius: 999px;
    background: #fff;
    padding: .24rem .5rem;
    color: #426078;
    font-size: .68rem;
    font-weight: 850;
}
.asn-consensus-chip--info { border-color: #b9ddec; background: #eef9fd; color: #0e7097; }
.asn-consensus-chip--warning { border-color: #efcf87; background: #fff8e8; color: #7a4c00; }
.asn-consensus-chip--danger { border-color: #efb2b2; background: #fff1f1; color: #9d1c1c; }
.asn-consensus-chip--success { border-color: #9bd4a4; background: #eefaf0; color: #176326; }
.asn-consensus-card__header h3 { margin-top: .35rem !important; color: #10243a; font-size: 1rem; font-weight: 900; line-height: 1.3; }
.asn-consensus-card__header p { margin-top: .2rem !important; color: #60758a; font-size: .74rem; }
.asn-consensus-card__body {
    display: grid;
    grid-template-columns: minmax(19rem, .92fr) minmax(0, 1.35fr);
    gap: 0;
}
.asn-consensus-evidence {
    min-width: 0;
    border-right: 1px solid #e2ecf3;
    padding: .9rem;
}
.asn-consensus-decision { min-width: 0; padding: .9rem; }
.asn-consensus-section-title { color: #29465f; font-size: .76rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.asn-consensus-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .45rem; margin-top: .55rem; }
.asn-consensus-metric {
    min-width: 0;
    border: 1px solid #e0eaf1;
    border-radius: 10px;
    background: #fbfdfe;
    padding: .52rem .58rem;
}
.asn-consensus-metric dt { color: #6d8193; font-size: .64rem; font-weight: 800; }
.asn-consensus-metric dd { margin-top: .15rem !important; color: #17334d; font-size: .86rem; font-weight: 900; }
.asn-consensus-assessors { display: grid; gap: .45rem; margin-top: .65rem; }
.asn-consensus-assessor-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) repeat(3, auto);
    gap: .55rem;
    align-items: center;
    border: 1px solid #e0eaf1;
    border-radius: 10px;
    background: #fff;
    padding: .55rem .6rem;
}
.asn-consensus-assessor-row strong { min-width: 0; color: #17334d; font-size: .78rem; overflow-wrap: break-word; }
.asn-consensus-assessor-row span { color: #52677a; font-size: .72rem; white-space: nowrap; }
.asn-consensus-assessor-row small { grid-column: 1 / -1; color: #6d8193; font-size: .7rem; line-height: 1.4; }
.asn-consensus-grey {
    margin-top: .65rem;
    border: 1px solid #d8e4ec;
    border-radius: 12px;
    background: #f8fbfd;
    padding: .65rem;
}
.asn-consensus-grey.is-attention { border-color: #efcf87; background: #fff8e8; }
.asn-consensus-grey.is-critical { border-color: #efb2b2; background: #fff1f1; }
.asn-consensus-grey__heading { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; justify-content: space-between; }
.asn-consensus-grey__heading strong { color: #17334d; font-size: .8rem; }
.asn-consensus-signal-list { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .45rem; }
.asn-consensus-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin-top: .55rem; }
.asn-consensus-field { display: grid; gap: .28rem; min-width: 0; }
.asn-consensus-field--wide { grid-column: 1 / -1; }
.asn-consensus-field > span { color: #405b73; font-size: .7rem; font-weight: 850; letter-spacing: .035em; }
.asn-consensus-field :where(input,select,textarea) {
    width: 100%;
    min-width: 0;
    min-height: 2.55rem;
    border: 1px solid #c8d9e6;
    border-radius: 10px;
    background: #fff;
    padding: .58rem .68rem;
    color: #17334d;
    font: inherit;
    font-size: .82rem;
}
.asn-consensus-field textarea { min-height: 5.5rem; resize: vertical; line-height: 1.45; }
.asn-consensus-field :where(input,select,textarea):focus { border-color: #1c8fbd; outline: 3px solid rgba(28,143,189,.12); }
.asn-consensus-field small { color: #6b7f91; font-size: .7rem; line-height: 1.4; }
.asn-consensus-field-error { color: #a92222 !important; font-weight: 800; }
.asn-consensus-card__footer {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #e2ecf3;
    background: #fbfdfe;
    padding: .7rem .9rem;
}
.asn-consensus-empty { padding: 1.4rem; color: #60758a; text-align: center; }

@media (max-width: 1050px) {
    .hpc-legal-consent__layout { grid-template-columns: 1fr; }
    .hpc-legal-consent__retention { position: static; }
    .asn-consensus-card__body { grid-template-columns: 1fr; }
    .asn-consensus-evidence { border-right: 0; border-bottom: 1px solid #e2ecf3; }
    .asn-consensus-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .asn-consensus-progress { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
    .hpc-legal-consent { width: min(100% - 1rem, 1180px); padding-top: .5rem; }
    .hpc-legal-consent__hero { grid-template-columns: 1fr; padding: 1rem; }
    .hpc-legal-consent__versions { grid-template-columns: 1fr; }
    .hpc-legal-consent__document-list { grid-template-columns: 1fr; }
    .hpc-legal-consent__form { padding: .85rem; }
    .hpc-legal-consent__footer { align-items: stretch; flex-direction: column; }
    .hpc-legal-consent__submit { width: 100%; }
    .hpc-legal-consent__retention-list > div { grid-template-columns: 1fr; gap: .15rem; }
    .hpc-legal-consent__retention-list dd { text-align: left; }
    .asn-consensus-progress,
    .asn-consensus-method-grid,
    .asn-consensus-toolbar,
    .asn-consensus-form-grid { grid-template-columns: 1fr; }
    .asn-consensus-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .asn-consensus-assessor-row { grid-template-columns: 1fr 1fr; }
    .asn-consensus-assessor-row strong { grid-column: 1 / -1; }
    .asn-consensus-card__header { grid-template-columns: 1fr; }
    .asn-consensus-card__footer { justify-content: stretch; }
    .asn-consensus-card__footer .as-btn { flex: 1 1 100%; justify-content: center; }
}

/* Assessment report release governance */
.ac-report-release-panel {
    display: grid;
    gap: 1rem;
}

.ac-report-release-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.ac-report-release-summary > div {
    min-width: 0;
    padding: .9rem 1rem;
    border: 1px solid var(--as-border, #dbe4ee);
    border-radius: 1rem;
    background: var(--as-surface-muted, #f8fafc);
}

.ac-report-release-summary span,
.ac-report-release-summary strong,
.ac-report-release-summary code {
    display: block;
    overflow-wrap: anywhere;
}

.ac-report-release-summary span {
    margin-bottom: .3rem;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #64748b;
}

.ac-report-release-summary code {
    font-size: .78rem;
    color: #334155;
}

.ac-report-readiness-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.ac-report-readiness-item {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    min-width: 0;
    padding: .85rem;
    border: 1px solid #cbd5e1;
    border-radius: .9rem;
    background: #fff;
}

.ac-report-readiness-item > span {
    display: grid;
    place-items: center;
    flex: 0 0 1.65rem;
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 999px;
    font-weight: 900;
}

.ac-report-readiness-item.is-passed > span {
    background: #dcfce7;
    color: #166534;
}

.ac-report-readiness-item.is-blocked > span {
    background: #fee2e2;
    color: #991b1b;
}

.ac-report-readiness-item strong,
.ac-report-readiness-item p {
    display: block;
    overflow-wrap: anywhere;
}

.ac-report-readiness-item p {
    margin: .2rem 0 0;
    font-size: .78rem;
    line-height: 1.45;
    color: #64748b;
}

.ac-report-release-form {
    display: grid;
    gap: 1rem;
    padding-top: .25rem;
}

.ac-report-release-checklist {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.ac-report-release-checklist .ac-consent-choice {
    min-height: 100%;
    align-items: flex-start;
}

@media (max-width: 900px) {
    .ac-report-release-summary,
    .ac-report-readiness-grid,
    .ac-report-release-checklist {
        grid-template-columns: 1fr;
    }
}

.ac-report-guidance-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.ac-report-guidance-grid article {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    min-width: 0;
    padding: .9rem;
    border: 1px solid #dbe4ee;
    border-radius: 1rem;
    background: #f8fafc;
}

.ac-report-guidance-grid article strong {
    display: grid;
    place-items: center;
    flex: 0 0 1.7rem;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1e3a8a;
}

.ac-report-guidance-grid article span {
    overflow-wrap: anywhere;
    font-size: .82rem;
    line-height: 1.5;
    color: #475569;
}

.ac-report-workspace-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .65fr);
    gap: 1rem;
}

.ac-session-report-workspace .ac-table td {
    vertical-align: middle;
}

.ac-session-report-workspace .ac-table td strong,
.ac-session-report-workspace .ac-table td small {
    display: block;
    overflow-wrap: anywhere;
}

.ac-session-report-workspace .ac-table td small {
    margin-top: .2rem;
    color: #64748b;
}

@media (max-width: 1050px) {
    .ac-report-guidance-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ac-report-workspace-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .ac-report-guidance-grid {
        grid-template-columns: 1fr;
    }
}

/* Assessment simulation blueprint and evidence workspace */
.simulation-tabs{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid #e2e8f0;padding-bottom:.75rem}.simulation-tabs button{border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#334155;font-size:.82rem;font-weight:800;padding:.55rem .9rem;transition:.15s}.simulation-tabs button:hover{background:#f8fafc}.simulation-tabs button.is-active{border-color:#1d4ed8;background:#1d4ed8;color:#fff}.simulation-stat{min-height:5.25rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff;padding:.8rem}.simulation-stat span{display:block;color:#64748b;font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.simulation-stat strong{display:block;margin-top:.45rem;color:#0f172a;font-size:1.25rem;line-height:1.15}.simulation-stat.is-ready{border-color:#a7f3d0;background:#ecfdf5}.simulation-stat.is-warning{border-color:#fecaca;background:#fff1f2}.simulation-table-wrap{max-width:100%;overflow:auto;border:1px solid #dbe4ee;border-radius:1rem;background:#fff}.simulation-matrix{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:.78rem}.simulation-matrix th,.simulation-matrix td{min-width:9rem;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:.75rem;vertical-align:top}.simulation-matrix th{position:sticky;top:0;z-index:3;background:#1e3a8a;color:#fff;font-size:.72rem;font-weight:900;text-align:center}.simulation-matrix th small,.simulation-matrix td small{display:block;margin-top:.25rem;font-size:.65rem;font-weight:600;opacity:.82}.simulation-matrix td{background:#fff;color:#334155}.simulation-matrix tbody tr:nth-child(even) td{background:#f8fafc}.simulation-matrix .is-sticky{position:sticky;left:0;z-index:2;min-width:15rem;text-align:left}.simulation-matrix th.is-sticky{z-index:4;background:#172554}.simulation-matrix tbody tr:nth-child(odd) td.is-sticky{background:#fff}.simulation-matrix tbody tr:nth-child(even) td.is-sticky{background:#f8fafc}.simulation-matrix td.has-weight{background:#eff6ff;color:#1e3a8a;font-weight:900}.simulation-evidence-card{border:1px solid #e2e8f0;border-radius:1rem;background:#fff;padding:1rem}.simulation-evidence-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem}.simulation-evidence-head strong{display:block;color:#0f172a;font-size:.95rem}.simulation-evidence-head small{display:block;margin-top:.2rem;color:#64748b;font-size:.72rem}@media(max-width:767px){.simulation-matrix th,.simulation-matrix td{min-width:8rem;padding:.6rem}.simulation-matrix .is-sticky{min-width:12rem}.simulation-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.simulation-tabs button{border-radius:.75rem}}

/* Tenant master-data provenance, purchase traceability, and commercial discovery */
.tenant-commercial-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.tenant-commercial-stats article.is-highlight{border-color:#7dd3fc;background:#f0f9ff}.tenant-commercial-stats article a{color:#0369a1;font-weight:850;text-decoration:none}.tenant-commercial-stats article a:hover{text-decoration:underline}.tenant-commercial-linked-record{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.8rem 0;border:1px solid #bae6fd;border-radius:16px;background:#f0f9ff;padding:.75rem}.tenant-commercial-linked-record>div{display:grid;gap:.12rem;min-width:0}.tenant-commercial-linked-record span{color:#64748b;font-size:.64rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.tenant-commercial-linked-record strong{color:#0f172a;font-size:.86rem}.tenant-commercial-linked-record small{color:#475569;font-size:.72rem;overflow-wrap:break-word}.assessment-marketplace-card.is-new{border-color:#7dd3fc;box-shadow:0 0 0 3px rgba(14,165,233,.08)}.assessment-marketplace-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.hpc-status-badge.is-new{border-color:#86efac;background:#f0fdf4;color:#166534}.tenant-purchase-detail{margin-bottom:.85rem}.tenant-purchase-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:start}.tenant-purchase-actions{display:flex;flex-direction:column;gap:.5rem;min-width:220px}.tenant-purchase-notes{margin-top:.75rem;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;padding:.75rem}.tenant-purchase-notes strong{display:block;color:#334155;font-size:.72rem}.tenant-purchase-notes p{margin:.3rem 0 0;color:#475569;font-size:.78rem;line-height:1.5;white-space:pre-wrap}.tenant-purchase-timeline{margin-top:.9rem}.tenant-purchase-timeline h3{margin:0 0 .65rem;color:#102840;font-size:.88rem}.hpc-master-provenance{margin-top:1rem}.hpc-master-provenance .as-mini-card strong{overflow-wrap:anywhere;word-break:normal}.hpc-master-provenance .hpc-history-item{border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;padding:.75rem}.hpc-master-provenance .hpc-history-item p{margin:.2rem 0;color:#475569}.hpc-master-provenance .hpc-history-item small{color:#64748b}.assessment-participant-preview-shell{min-width:0;max-width:100%;overflow:hidden}.assessment-participant-preview-frame{margin-inline:auto;max-width:100%;transition:max-width .2s ease}.assessment-participant-preview-frame[data-viewport="desktop"]{max-width:1180px}.assessment-participant-preview-frame[data-viewport="tablet"]{max-width:820px}.assessment-participant-preview-frame[data-viewport="mobile"]{max-width:390px}.assessment-participant-preview-frame *{min-width:0}.assessment-participant-preview-frame img,.assessment-participant-preview-frame video{max-width:100%;height:auto}
@media(max-width:1280px){.tenant-commercial-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.tenant-purchase-detail-grid{grid-template-columns:1fr}.tenant-purchase-actions{min-width:0;flex-direction:row;flex-wrap:wrap}}
@media(max-width:760px){.tenant-commercial-stats{grid-template-columns:1fr}.tenant-commercial-linked-record{align-items:flex-start;flex-direction:column}.tenant-purchase-actions{flex-direction:column}.tenant-purchase-actions .hpc-button{width:100%}}
.hpc-master-table td:last-child{min-width:190px}.hpc-master-table td:last-child>.as-action-row{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;flex-wrap:wrap}.hpc-master-table .hpc-row-more>summary{min-width:auto}.hpc-master-table .hpc-row-more-menu .is-danger{background:#fff1f2;color:#be123c}.hpc-master-table .hpc-row-more-menu .is-danger:hover{background:#ffe4e6}

/* Bilingual master-data row actions: keep native details menus visible inside scroll containers. */
.hpc-master-table .as-action-row {
    overflow: visible;
}
.hpc-master-table .hpc-row-more[open] {
    flex-basis: 100%;
    display: grid;
    justify-items: end;
}
.hpc-master-table .hpc-row-more-menu {
    position: static;
    width: max-content;
    max-width: min(18rem, calc(100vw - 3rem));
    margin-top: .35rem;
    overflow: visible;
}
.hpc-master-table .hpc-row-more-menu:empty,
.hpc-master-table .hpc-row-more:not(:has(.hpc-row-more-menu > *)) {
    display: none;
}
.hpc-master-table .hpc-row-more-menu button {
    width: 100%;
    min-height: 2.5rem;
    white-space: normal;
    overflow-wrap: anywhere;
}


/* Institution-role/changelog UX hardening: long labels wrap without clipping. */
.hpc-sidebar-link{align-items:flex-start;white-space:normal;min-width:0}
.hpc-sidebar-label{display:block;flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.28}
.hpc-sidebar-icon,.hpc-sidebar-dot,.hpc-sidebar-chevron{flex-shrink:0}
.hpc-sidebar-chevron{margin-left:.25rem;margin-top:.08rem}
.hpc-sidebar-brand-text{min-width:0;flex:1 1 auto}
.hpc-sidebar-brand-text p,.hpc-sidebar-brand-text span{white-space:normal;overflow-wrap:anywhere;word-break:normal}
.prototype-workflow-index{display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.5rem;width:1.5rem;height:1.5rem;border-radius:999px;background:#0f172a;color:#fff;font-size:.6875rem;font-weight:900;line-height:1}

/* 2026-07-28 psychologist case workspace and editable AI quick assessment */
.psy-case-page{display:grid;gap:14px;min-width:0}.psy-case-topbar{display:flex;align-items:center;gap:18px;padding:13px 16px;background:#1c3557;color:#fff;border-radius:12px}.psy-case-person,.psy-case-owner{display:flex;align-items:center;gap:10px;min-width:0}.psy-case-person strong,.psy-case-owner strong{display:block;color:#fff;overflow-wrap:anywhere}.psy-case-person span,.psy-case-owner span{display:block;color:#c8d6e8;font-size:12px;overflow-wrap:anywhere}.psy-case-owner{padding-left:18px;border-left:1px solid #47628c}.psy-case-owner.is-missing strong{color:#ffd58a}.psy-case-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#3d5f8f;color:#fff;font-weight:800;flex:0 0 auto}.psy-case-avatar.is-psychologist{background:#6d28d9}.psy-case-top-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.psy-case-warning{margin:0}.psy-ai-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:15px 17px;border:1px dashed #c8b5f3;background:#f7f3ff;border-radius:12px}.psy-ai-panel h2{margin:2px 0 4px;color:#332352;font-size:18px}.psy-ai-panel p{margin:0;max-width:950px;color:#5d4a7c}.psy-ai-kicker{font-size:10px;letter-spacing:.7px;font-weight:800;color:#6d28d9}.psy-ai-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.as-btn.is-ai{background:#6d28d9;border-color:#6d28d9;color:#fff}.psy-ai-status{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding-top:9px;border-top:1px solid #ddd0fb}.psy-ai-preview{grid-column:1/-1;border-top:1px solid #ddd0fb;padding-top:9px}.psy-ai-preview summary{cursor:pointer;font-weight:700;color:#5b21b6}.psy-ai-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:9px}.psy-ai-preview-grid>div{padding:10px;border:1px solid #e4d9fb;background:#fff;border-radius:8px}.psy-ai-preview-grid p{white-space:pre-line;font-size:12px}.psy-case-shell{display:grid;grid-template-columns:minmax(340px,430px) minmax(0,1fr);gap:14px;align-items:start}.psy-case-left{position:sticky;top:78px;display:grid;gap:10px;max-height:calc(100vh - 94px);overflow:auto;padding-right:2px}.psy-case-right{min-width:0;display:grid;gap:10px}.psy-case-column-title{display:flex;flex-direction:column;gap:1px;padding:0 2px}.psy-case-column-title strong{text-transform:uppercase;letter-spacing:.6px;font-size:11px;color:#58677b}.psy-case-column-title span{font-size:11px;color:#7c8798}.psy-source-card{background:#fff;border:1px solid #dfe4eb;border-radius:11px;overflow:hidden}.psy-source-card.is-valid{box-shadow:inset 3px 0 0 #15803d}.psy-source-card>header{display:flex;justify-content:space-between;gap:9px;padding:11px 12px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.psy-source-card>header strong,.psy-source-card>header span{display:block;overflow-wrap:anywhere}.psy-source-card>header span{font-size:10.5px;color:#778296}.psy-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e5e7eb}.psy-score-grid>div{padding:8px;background:#fff;text-align:center}.psy-score-grid span{display:block;font-size:9px;text-transform:uppercase;color:#7b8491}.psy-score-grid strong{font-size:16px;color:#111827}.psy-classification{margin:9px 12px 0;padding:5px 8px;border-radius:6px;background:#eefbf1;color:#15803d;font-size:11px;font-weight:700}.psy-source-card .ac-form-grid{padding:11px 12px}.psy-ai-origin{font-size:10.5px;color:#6d28d9;background:#f5f1fe;border-top:1px solid #ddd0fb;padding:7px 11px;overflow-wrap:anywhere}.psy-step-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.psy-step-nav button{border:1px solid #d9e0e9;background:#fff;border-radius:8px;padding:8px 7px;font:inherit;font-size:11px;color:#596577;cursor:pointer;overflow-wrap:anywhere}.psy-step-nav button span{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:5px;border-radius:5px;background:#e7ebf0;font-weight:800}.psy-step-nav button.is-active{border-color:#1c3557;background:#eef3fa;color:#1c3557;font-weight:700}.psy-step-nav button.is-active span{background:#1c3557;color:#fff}.psy-work-section{background:#fff;border:1px solid #dfe4eb;border-radius:12px;padding:15px}.psy-work-section>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.psy-work-section>header span:first-child{font-size:10px;font-weight:800;color:#6b7280;letter-spacing:.6px}.psy-work-section>header h2{margin:2px 0 0;font-size:17px;color:#111827}.psy-aspect-list{display:grid;gap:9px}.psy-aspect-card{border:1px solid #dfe4eb;border-radius:9px;overflow:hidden}.psy-aspect-card>summary{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;background:#f8fafc;cursor:pointer;list-style:none}.psy-aspect-card>summary::-webkit-details-marker{display:none}.psy-aspect-card>summary strong,.psy-aspect-card>summary span{display:block;overflow-wrap:anywhere}.psy-aspect-card>summary span{font-size:10.5px;color:#7b8491}.psy-aspect-summary{display:flex!important;align-items:center;gap:5px}.psy-aspect-body{padding:13px}.psy-score-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.psy-score-picker button{border:1px solid #ccd3dd;background:#fff;border-radius:6px;padding:8px;font-weight:700;cursor:pointer}.psy-score-picker button.is-selected{background:#1c3557;border-color:#1c3557;color:#fff}.psy-development-table{display:grid;gap:9px;margin-top:12px}.psy-development-row{display:grid;grid-template-columns:1fr 1.25fr 1.25fr .55fr auto;gap:7px;align-items:start;padding:10px;border:1px solid #dfe4eb;border-radius:9px;background:#fbfcfe}.psy-development-row label{display:grid;gap:4px}.psy-development-row label span{font-size:9.5px;text-transform:uppercase;font-weight:700;color:#697588}.psy-development-row input,.psy-development-row textarea{width:100%;border:1px solid #ccd3dd;border-radius:6px;padding:7px;font:inherit}.psy-development-row .psy-ai-origin{grid-column:1/-1;border:0;padding:5px 0;background:transparent}.psy-readiness-list{display:grid;gap:7px;margin-bottom:14px}.psy-readiness-list>div{display:flex;gap:9px;align-items:flex-start;padding:9px 10px;border:1px solid #f2c5c2;background:#fdf0ef;border-radius:8px}.psy-readiness-list>div>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#b91c1c;color:#fff;font-weight:800}.psy-readiness-list>div.is-ready{border-color:#bfe3c9;background:#eefbf1}.psy-readiness-list>div.is-ready>span{background:#15803d}.psy-readiness-list strong,.psy-readiness-list small{display:block}.psy-readiness-list small{color:#667085}.psy-flag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.psy-flag-grid label{font-size:12px;overflow-wrap:anywhere}.psy-ai-confirm{padding:10px 11px;border:1px dashed #6d28d9;background:#f7f3ff;border-radius:8px;margin-bottom:12px}.psy-final-actions,.psy-sticky-save{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.psy-sticky-save{position:sticky;bottom:8px;z-index:10;padding:9px 10px;border:1px solid #d9e0e9;background:rgba(255,255,255,.96);border-radius:10px;box-shadow:0 4px 16px rgba(16,24,40,.12)}.as-btn.is-warning{background:#b45309;border-color:#b45309;color:#fff}.as-btn.is-danger{background:#fff0f0;border-color:#efb0b0;color:#b91c1c}.as-badge.is-ai{background:#f5f1fe;color:#6d28d9;border-color:#ddd0fb}.ac-form-grid.is-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.is-error{color:#b91c1c}.psy-case-page textarea,.psy-case-page input,.psy-case-page select{overflow-wrap:anywhere}.psy-case-page code{overflow-wrap:anywhere}
@media(max-width:1180px){.psy-case-shell{grid-template-columns:360px minmax(0,1fr)}.psy-development-row{grid-template-columns:1fr 1fr}.psy-development-row .as-btn{justify-self:start}.psy-ai-preview-grid{grid-template-columns:1fr}}
@media(max-width:980px){.psy-case-topbar{align-items:flex-start;flex-wrap:wrap}.psy-case-owner{border-left:0;padding-left:0}.psy-case-top-actions{width:100%;margin-left:0}.psy-ai-panel{grid-template-columns:1fr}.psy-ai-actions{justify-content:flex-start}.psy-case-shell{grid-template-columns:1fr}.psy-case-left{position:static;max-height:none}.psy-step-nav{grid-template-columns:1fr 1fr}.psy-development-row{grid-template-columns:1fr}}
@media(max-width:620px){.psy-step-nav{grid-template-columns:1fr}.psy-score-grid{grid-template-columns:1fr 1fr}.psy-flag-grid,.ac-form-grid.is-compact{grid-template-columns:1fr}.psy-final-actions,.psy-sticky-save{align-items:stretch}.psy-final-actions .as-btn,.psy-sticky-save .as-btn{width:100%;justify-content:center}}

/* Priority assessment workspaces: psychologist, interview, LGD, and in-tray parity. */
.priority-exercise-cockpit {
    display: grid;
    grid-template-columns: minmax(17rem, 20rem) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}
.priority-exercise-rail,
.priority-exercise-main,
.participant-intray-cockpit,
.participant-lgd-briefing,
.psy-priority-metrics {
    border: 1px solid var(--hpc-theme-border, #d8e6f0);
    border-radius: 1rem;
    background: var(--hpc-theme-panel-bg, #fff);
}
.priority-exercise-rail { overflow: hidden; }
.priority-exercise-rail > header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .8rem 1rem;
    background: var(--hpc-theme-muted-bg, #f6fafc);
    border-bottom: 1px solid var(--hpc-theme-border, #d8e6f0);
    color: var(--hpc-theme-muted-text, #60758a);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.priority-exercise-rail > header strong { font-size: 1rem; color: var(--hpc-theme-heading-text, #102840); }
.priority-exercise-rail__list { max-height: 30rem; overflow: auto; }
.priority-exercise-person {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr) auto;
    gap: .7rem;
    align-items: center;
    min-width: 0;
    padding: .75rem .85rem;
    border-bottom: 1px solid var(--hpc-theme-border, #d8e6f0);
    color: var(--hpc-theme-content-text, #122033);
    text-decoration: none;
}
.priority-exercise-person:last-child { border-bottom: 0; }
.priority-exercise-person:hover,
.priority-exercise-person.is-active { background: color-mix(in srgb, var(--hpc-theme-primary, #1c8fbd) 9%, white); }
.priority-exercise-person.is-active { box-shadow: inset .22rem 0 0 var(--hpc-theme-primary, #1c8fbd); }
.priority-exercise-person__avatar {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .7rem;
    background: var(--hpc-theme-primary, #1c8fbd);
    color: var(--hpc-theme-primary-text, #fff);
    font-weight: 900;
}
.priority-exercise-person__copy { min-width: 0; }
.priority-exercise-person__copy strong,
.priority-exercise-person__copy small {
    display: block;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}
.priority-exercise-person__copy strong { font-size: .84rem; }
.priority-exercise-person__copy small { margin-top: .12rem; color: var(--hpc-theme-muted-text, #60758a); font-size: .7rem; }
.priority-exercise-main { padding: 1rem; min-width: 0; }
.priority-exercise-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: .9rem;
}
.priority-exercise-metrics > div {
    min-width: 0;
    padding: .72rem .8rem;
    border-radius: .75rem;
    background: var(--hpc-theme-muted-bg, #f6fafc);
}
.priority-exercise-metrics span,
.priority-exercise-metrics strong { display: block; }
.priority-exercise-metrics span { color: var(--hpc-theme-muted-text, #60758a); font-size: .7rem; font-weight: 700; }
.priority-exercise-metrics strong { margin-top: .15rem; color: var(--hpc-theme-heading-text, #102840); font-size: 1.25rem; }
.priority-exercise-metric-name { font-size: .82rem !important; overflow-wrap: anywhere; }
.priority-exercise-focus-card,
.priority-intray-review { border: 1px solid var(--hpc-theme-border, #d8e6f0); border-radius: .9rem; padding: 1rem; }
.priority-exercise-focus-card h4,
.priority-intray-review h4 { margin: .2rem 0; color: var(--hpc-theme-heading-text, #102840); font-size: 1rem; font-weight: 900; }
.priority-exercise-focus-card p { color: var(--hpc-theme-muted-text, #60758a); font-size: .78rem; line-height: 1.55; }
.priority-exercise-focus-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; margin-top: .85rem; }
.priority-exercise-focus-grid > div { border-radius: .7rem; background: var(--hpc-theme-muted-bg, #f6fafc); padding: .75rem; }
.priority-exercise-focus-grid strong,
.priority-exercise-focus-grid span { display: block; }
.priority-exercise-focus-grid strong { color: var(--hpc-theme-heading-text, #102840); font-size: .78rem; }
.priority-exercise-focus-grid span { margin-top: .2rem; color: var(--hpc-theme-muted-text, #60758a); font-size: .7rem; line-height: 1.45; }
.priority-intray-review > header { display: flex; justify-content: space-between; gap: .75rem; align-items: flex-start; }
.priority-intray-review__list { display: grid; gap: .55rem; margin-top: .85rem; }
.priority-intray-response { border: 1px solid var(--hpc-theme-border, #d8e6f0); border-radius: .75rem; overflow: hidden; }
.priority-intray-response > summary {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    gap: .65rem;
    align-items: center;
    padding: .75rem;
    cursor: pointer;
    list-style: none;
    background: var(--hpc-theme-muted-bg, #f6fafc);
}
.priority-intray-response > summary::-webkit-details-marker { display: none; }
.priority-intray-response > summary strong,
.priority-intray-response > summary small { display: block; overflow-wrap: anywhere; }
.priority-intray-response > summary strong { color: var(--hpc-theme-heading-text, #102840); font-size: .78rem; }
.priority-intray-response > summary small { color: var(--hpc-theme-muted-text, #60758a); font-size: .68rem; margin-top: .12rem; }
.priority-intray-response__number { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: .6rem; background: var(--hpc-theme-primary, #1c8fbd); color: #fff; font-weight: 900; }
.priority-intray-response__body { padding: .85rem; }
.priority-intray-response__body strong { color: var(--hpc-theme-heading-text, #102840); font-size: .72rem; }
.priority-intray-response__body p { margin: .35rem 0; white-space: pre-line; overflow-wrap: anywhere; color: var(--hpc-theme-content-text, #122033); font-size: .78rem; line-height: 1.6; }
.priority-intray-response__body small { color: var(--hpc-theme-muted-text, #60758a); }

.participant-intray-cockpit { overflow: hidden; }
.participant-intray-cockpit__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--hpc-theme-border, #d8e6f0);
    background: var(--hpc-theme-panel-bg, #fff);
}
.participant-intray-cockpit__header h2 { margin: .2rem 0; color: var(--hpc-theme-heading-text, #102840); font-size: 1.15rem; font-weight: 900; }
.participant-intray-cockpit__header p { max-width: 48rem; color: var(--hpc-theme-muted-text, #60758a); font-size: .8rem; line-height: 1.55; }
.participant-intray-cockpit__metrics { display: grid; grid-template-columns: repeat(3, minmax(5rem, 1fr)); gap: .5rem; }
.participant-intray-cockpit__metrics > div { padding: .65rem .75rem; border-radius: .7rem; background: var(--hpc-theme-muted-bg, #f6fafc); text-align: center; }
.participant-intray-cockpit__metrics span,
.participant-intray-cockpit__metrics strong { display: block; }
.participant-intray-cockpit__metrics span { color: var(--hpc-theme-muted-text, #60758a); font-size: .66rem; font-weight: 700; }
.participant-intray-cockpit__metrics strong { color: var(--hpc-theme-heading-text, #102840); font-size: 1.25rem; }
.participant-intray-cockpit__body { display: grid; grid-template-columns: minmax(16rem, 20rem) minmax(0, 1fr); min-height: 13rem; }
.participant-intray-inbox { border-right: 1px solid var(--hpc-theme-border, #d8e6f0); max-height: 24rem; overflow: auto; }
.participant-intray-task {
    display: grid;
    grid-template-columns: 2.4rem minmax(0, 1fr) 1.8rem;
    gap: .65rem;
    align-items: center;
    width: 100%;
    min-width: 0;
    padding: .75rem;
    border: 0;
    border-bottom: 1px solid var(--hpc-theme-border, #d8e6f0);
    background: var(--hpc-theme-panel-bg, #fff);
    text-align: left;
}
.participant-intray-task:hover,
.participant-intray-task.is-active { background: color-mix(in srgb, var(--hpc-theme-primary, #1c8fbd) 8%, white); }
.participant-intray-task.is-active { box-shadow: inset .22rem 0 0 var(--hpc-theme-primary, #1c8fbd); }
.participant-intray-task__priority { display: grid; place-items: center; height: 1.8rem; border-radius: .55rem; background: #fff2df; color: #9a4f00; font-size: .68rem; font-weight: 900; }
.participant-intray-task__copy { min-width: 0; }
.participant-intray-task__copy strong,
.participant-intray-task__copy small { display: block; white-space: normal; overflow-wrap: anywhere; word-break: normal; }
.participant-intray-task__copy strong { color: var(--hpc-theme-heading-text, #102840); font-size: .76rem; line-height: 1.35; }
.participant-intray-task__copy small { margin-top: .15rem; color: var(--hpc-theme-muted-text, #60758a); font-size: .66rem; }
.participant-intray-task__status { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; background: var(--hpc-theme-muted-bg, #f6fafc); color: var(--hpc-theme-muted-text, #60758a); font-size: .7rem; font-weight: 900; }
.participant-intray-task.is-answered .participant-intray-task__status { background: #eaf9ee; color: #147a36; }
.participant-intray-brief { display: grid; grid-template-columns: minmax(0, 1fr) minmax(13rem, .55fr); gap: .9rem; padding: 1rem; }
.participant-intray-brief h3 { margin: .25rem 0; color: var(--hpc-theme-heading-text, #102840); font-size: 1rem; font-weight: 900; }
.participant-intray-brief p { color: var(--hpc-theme-content-text, #122033); font-size: .8rem; line-height: 1.65; }
.participant-intray-constraints { border-radius: .75rem; background: #fff8e8; padding: .8rem; color: #765009; font-size: .74rem; }
.participant-intray-constraints strong { display: block; }
.participant-intray-constraints ul { margin: .4rem 0 0; padding-left: 1rem; }

.participant-lgd-briefing { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, .55fr); gap: 1rem; padding: 1rem; margin-top: 1.1rem; }
.participant-lgd-briefing__copy h3 { margin: .2rem 0; color: var(--hpc-theme-heading-text, #102840); font-size: 1rem; font-weight: 900; }
.participant-lgd-briefing__copy p { color: var(--hpc-theme-muted-text, #60758a); font-size: .8rem; line-height: 1.6; }
.participant-lgd-objective { margin-top: .7rem; border-left: .22rem solid var(--hpc-theme-primary, #1c8fbd); background: var(--hpc-theme-muted-bg, #f6fafc); padding: .65rem .75rem; }
.participant-lgd-objective strong,
.participant-lgd-objective span { display: block; }
.participant-lgd-objective strong { font-size: .72rem; }
.participant-lgd-objective span { margin-top: .15rem; font-size: .78rem; }
.participant-lgd-roster { display: grid; gap: .45rem; }
.participant-lgd-roster > strong { color: var(--hpc-theme-heading-text, #102840); font-size: .75rem; }
.participant-lgd-member { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .55rem; align-items: center; border: 1px solid var(--hpc-theme-border, #d8e6f0); border-radius: .7rem; padding: .55rem; }
.participant-lgd-member.is-current { background: color-mix(in srgb, var(--hpc-theme-primary, #1c8fbd) 8%, white); border-color: color-mix(in srgb, var(--hpc-theme-primary, #1c8fbd) 35%, white); }
.participant-lgd-member > span { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: .6rem; background: var(--hpc-theme-primary, #1c8fbd); color: #fff; font-weight: 900; }
.participant-lgd-member strong,
.participant-lgd-member small { display: block; overflow-wrap: anywhere; }
.participant-lgd-member strong { color: var(--hpc-theme-heading-text, #102840); font-size: .74rem; }
.participant-lgd-member small { color: var(--hpc-theme-muted-text, #60758a); font-size: .66rem; }

.psy-priority-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    padding: .8rem;
    margin-bottom: .9rem;
}
.psy-priority-metrics > div { min-width: 0; border-radius: .75rem; background: var(--hpc-theme-muted-bg, #f6fafc); padding: .75rem; }
.psy-priority-metrics > div.is-warning { background: #fff5e5; box-shadow: inset 0 0 0 1px #efd09b; }
.psy-priority-metrics span,
.psy-priority-metrics strong,
.psy-priority-metrics small { display: block; overflow-wrap: anywhere; }
.psy-priority-metrics span { color: var(--hpc-theme-muted-text, #60758a); font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.psy-priority-metrics strong { margin-top: .15rem; color: var(--hpc-theme-heading-text, #102840); font-size: 1.35rem; }
.psy-priority-metrics small { margin-top: .18rem; color: var(--hpc-theme-muted-text, #60758a); font-size: .66rem; line-height: 1.4; }
.psy-ai-edit-warning { display: flex; gap: .35rem; flex-direction: column; margin-bottom: .9rem; }

.assessment-interview-dossier-card { border: 1px solid var(--hpc-theme-border, #d8e6f0); border-radius: .85rem; background: var(--hpc-theme-panel-bg, #fff); overflow: hidden; margin: .8rem; }
.assessment-interview-dossier-card__person { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: .65rem; align-items: center; padding: .75rem; }
.assessment-interview-dossier-card__person > span { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: .7rem; background: var(--hpc-theme-primary, #1c8fbd); color: #fff; font-weight: 900; }
.assessment-interview-dossier-card__person strong,
.assessment-interview-dossier-card__person small { display: block; white-space: normal; overflow-wrap: anywhere; word-break: normal; }
.assessment-interview-dossier-card__person strong { color: var(--hpc-theme-heading-text, #102840); font-size: .78rem; }
.assessment-interview-dossier-card__person small { color: var(--hpc-theme-muted-text, #60758a); font-size: .65rem; margin-top: .1rem; }
.assessment-interview-dossier-card__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--hpc-theme-border, #d8e6f0); border-top: 1px solid var(--hpc-theme-border, #d8e6f0); }
.assessment-interview-dossier-card__stats > div { min-width: 0; background: var(--hpc-theme-muted-bg, #f6fafc); padding: .55rem .4rem; text-align: center; }
.assessment-interview-dossier-card__stats strong,
.assessment-interview-dossier-card__stats span { display: block; overflow-wrap: anywhere; }
.assessment-interview-dossier-card__stats strong { color: var(--hpc-theme-heading-text, #102840); font-size: 1rem; }
.assessment-interview-dossier-card__stats span { color: var(--hpc-theme-muted-text, #60758a); font-size: .58rem; line-height: 1.25; }
.assessment-interview-dossier-card__status { padding: .55rem .7rem; background: #fff5e5; color: #865000; font-size: .65rem; font-weight: 700; line-height: 1.4; }
.assessment-interview-dossier-card__status.is-ready { background: #eaf9ee; color: #147a36; }

@media (min-width: 1180px) {
    .assessment-interview-workspace__content { grid-template-columns: minmax(20rem, 22rem) minmax(0, 1fr) !important; }
    .assessment-interview-workspace__nav-shell { min-width: 0; }
    .assessment-interview-workspace__tabs .assessment-workspace-tab { grid-template-columns: 2rem minmax(0, 1fr) auto !important; min-height: 3.8rem; }
    .assessment-interview-workspace__tabs .assessment-workspace-tab__copy,
    .assessment-interview-workspace__tabs .assessment-workspace-tab__copy strong,
    .assessment-interview-workspace__tabs .assessment-workspace-tab__copy small {
        min-width: 0;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
        writing-mode: horizontal-tb !important;
    }
}

@media (max-width: 980px) {
    .priority-exercise-cockpit,
    .participant-intray-cockpit__body,
    .participant-lgd-briefing { grid-template-columns: 1fr; }
    .participant-intray-inbox { border-right: 0; border-bottom: 1px solid var(--hpc-theme-border, #d8e6f0); max-height: 17rem; }
    .participant-intray-brief { grid-template-columns: 1fr; }
    .psy-priority-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .priority-exercise-metrics,
    .participant-intray-cockpit__metrics,
    .priority-exercise-focus-grid,
    .psy-priority-metrics { grid-template-columns: 1fr; }
    .participant-intray-cockpit__header { flex-direction: column; }
    .participant-intray-response > summary { grid-template-columns: 2rem minmax(0, 1fr); }
    .participant-intray-response > summary .ac-status { grid-column: 2; justify-self: start; }
}

/* Advanced exercise immersive workspaces: presentation, role play, case analysis, fact finding, negotiation, crisis command. */
.advanced-exercise-shell {
    display: grid;
    grid-template-columns: minmax(13.5rem, 0.72fr) minmax(30rem, 1.85fr) minmax(17rem, 0.9fr);
    gap: 0.75rem;
    margin-top: 1rem;
    align-items: start;
}
.advanced-exercise-rail,
.advanced-exercise-main,
.advanced-exercise-side,
.participant-advanced-exercise__rail,
.participant-advanced-exercise__main,
.participant-advanced-exercise__side {
    min-width: 0;
    border: 1px solid var(--institution-border-color, #d8e6f0);
    border-radius: 0.85rem;
    background: var(--institution-surface-color, #fff);
}
.advanced-exercise-rail,
.advanced-exercise-side {
    position: sticky;
    top: 5.25rem;
    max-height: calc(100vh - 6.25rem);
    overflow-y: auto;
}
.advanced-exercise-rail__section,
.advanced-exercise-side > section {
    padding: 0.9rem;
    border-bottom: 1px solid var(--institution-border-color, #d8e6f0);
}
.advanced-exercise-rail__section:last-child,
.advanced-exercise-side > section:last-of-type {
    border-bottom: 0;
}
.advanced-exercise-label {
    display: block;
    margin-bottom: 0.4rem;
    color: #64748b;
    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.advanced-exercise-rail h4,
.advanced-exercise-main h3,
.advanced-exercise-main h4,
.advanced-exercise-side h4,
.participant-advanced-exercise h2,
.participant-advanced-exercise h3 {
    color: var(--institution-heading-color, #102840);
    overflow-wrap: anywhere;
}
.advanced-exercise-rail h4 {
    margin: 0;
    font-size: 0.94rem;
    line-height: 1.35;
}
.advanced-exercise-rail p {
    margin: 0.25rem 0 0;
    color: #64748b;
    font-size: 0.73rem;
    line-height: 1.45;
}
.advanced-exercise-phase {
    display: inline-flex;
    margin-top: 0.7rem;
    border-radius: 999px;
    padding: 0.28rem 0.55rem;
    background: color-mix(in srgb, var(--institution-primary-color, #1c8fbd) 12%, #fff);
    color: var(--institution-primary-color, #0f7098);
    font-size: 0.66rem;
    font-weight: 850;
}
.advanced-exercise-step-list,
.advanced-exercise-timeline,
.participant-advanced-exercise__rail ol,
.participant-advanced-exercise__outputs {
    margin: 0;
    padding: 0;
    list-style: none;
}
.advanced-exercise-step-list li,
.participant-advanced-exercise__rail li {
    display: grid;
    grid-template-columns: 1.55rem minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    padding: 0.42rem 0;
}
.advanced-exercise-step-list li > span,
.participant-advanced-exercise__rail li > span,
.participant-advanced-exercise__outputs li > span {
    display: grid;
    width: 1.45rem;
    height: 1.45rem;
    place-items: center;
    border-radius: 0.42rem;
    background: #eef3f7;
    color: #52687a;
    font-size: 0.64rem;
    font-weight: 900;
}
.advanced-exercise-step-list strong,
.participant-advanced-exercise__rail strong {
    color: var(--institution-content-text-color, #122033);
    font-size: 0.74rem;
    line-height: 1.35;
}
.participant-advanced-exercise__rail li.is-active > span {
    background: var(--institution-primary-color, #1c8fbd);
    color: var(--institution-primary-text-color, #fff);
}
.advanced-exercise-participants {
    display: grid;
    gap: 0.42rem;
}
.advanced-exercise-participant {
    display: grid;
    grid-template-columns: 1.8rem minmax(0, 1fr);
    gap: 0.48rem;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 0.58rem;
    padding: 0.48rem;
    color: inherit;
    text-decoration: none;
}
.advanced-exercise-participant:hover,
.advanced-exercise-participant.is-active {
    border-color: color-mix(in srgb, var(--institution-primary-color, #1c8fbd) 28%, #d8e6f0);
    background: color-mix(in srgb, var(--institution-primary-color, #1c8fbd) 7%, #fff);
}
.advanced-exercise-participant__avatar {
    display: grid;
    width: 1.8rem;
    height: 1.8rem;
    place-items: center;
    border-radius: 50%;
    background: var(--institution-primary-color, #1c8fbd);
    color: var(--institution-primary-text-color, #fff);
    font-size: 0.72rem;
    font-weight: 900;
}
.advanced-exercise-participant strong,
.advanced-exercise-participant small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.advanced-exercise-participant strong {
    color: var(--institution-heading-color, #102840);
    font-size: 0.75rem;
}
.advanced-exercise-participant small {
    margin-top: 0.1rem;
    color: #64748b;
    font-size: 0.63rem;
}
.advanced-exercise-main {
    overflow: hidden;
}
.advanced-exercise-hero {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid var(--institution-border-color, #d8e6f0);
}
.advanced-exercise-hero h3 {
    margin: 0.28rem 0 0;
    font-size: 1.08rem;
    line-height: 1.3;
}
.advanced-exercise-hero p {
    max-width: 49rem;
    margin: 0.32rem 0 0;
    color: #52687a;
    font-size: 0.78rem;
    line-height: 1.55;
}
.advanced-exercise-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(5.2rem, 1fr));
    gap: 0.45rem;
    flex: 0 0 auto;
}
.advanced-exercise-metrics > div {
    border: 1px solid var(--institution-border-color, #d8e6f0);
    border-radius: 0.65rem;
    padding: 0.52rem 0.6rem;
    background: var(--institution-soft-surface-color, #f6fafc);
}
.advanced-exercise-metrics span,
.advanced-exercise-metrics strong {
    display: block;
}
.advanced-exercise-metrics span {
    color: #64748b;
    font-size: 0.61rem;
    font-weight: 800;
    text-transform: uppercase;
}
.advanced-exercise-metrics strong {
    margin-top: 0.16rem;
    color: var(--institution-heading-color, #102840);
    font-size: 1rem;
}
.advanced-exercise-constraints {
    margin: 0.8rem;
    border: 1px solid #ead8b2;
    border-radius: 0.72rem;
    padding: 0.72rem 0.82rem;
    background: #fff9ec;
    color: #6d4b15;
}
.advanced-exercise-constraints > strong {
    display: block;
    font-size: 0.72rem;
}
.advanced-exercise-constraints ul {
    display: grid;
    gap: 0.28rem;
    margin: 0.35rem 0 0;
    padding-left: 1.05rem;
    font-size: 0.7rem;
    line-height: 1.45;
}
.advanced-exercise-tabs {
    display: flex;
    gap: 0.15rem;
    overflow-x: auto;
    border-top: 1px solid var(--institution-border-color, #d8e6f0);
    border-bottom: 1px solid var(--institution-border-color, #d8e6f0);
    padding: 0 0.8rem;
}
.advanced-exercise-tabs span {
    flex: 0 0 auto;
    border-bottom: 2px solid transparent;
    padding: 0.66rem 0.72rem 0.58rem;
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 800;
}
.advanced-exercise-tabs span.is-active {
    border-bottom-color: var(--institution-primary-color, #1c8fbd);
    color: var(--institution-primary-color, #0f7098);
}
.advanced-exercise-focus-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
    padding: 0.8rem;
}
.advanced-exercise-focus-grid article,
.participant-advanced-exercise__panels article {
    display: grid;
    grid-template-columns: 1.85rem minmax(0, 1fr);
    gap: 0.65rem;
    border: 1px solid var(--institution-border-color, #d8e6f0);
    border-radius: 0.72rem;
    padding: 0.72rem;
    background: var(--institution-soft-surface-color, #f7fafc);
}
.advanced-exercise-focus-grid article > span,
.participant-advanced-exercise__panels article > span {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: 0.48rem;
    background: var(--institution-primary-color, #1c8fbd);
    color: var(--institution-primary-text-color, #fff);
    font-size: 0.65rem;
    font-weight: 900;
}
.advanced-exercise-focus-grid h4,
.participant-advanced-exercise__panels h3 {
    margin: 0;
    font-size: 0.78rem;
}
.advanced-exercise-focus-grid p,
.participant-advanced-exercise__panels p,
.advanced-exercise-side-cards p {
    margin: 0.22rem 0 0;
    color: #64748b;
    font-size: 0.69rem;
    line-height: 1.45;
}
.advanced-exercise-artifacts {
    border-top: 1px solid var(--institution-border-color, #d8e6f0);
}
.advanced-exercise-artifacts > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.8rem;
}
.advanced-exercise-artifacts h4 {
    margin: 0;
    font-size: 0.85rem;
}
.advanced-exercise-artifact-list {
    display: grid;
    gap: 0.5rem;
    padding: 0 0.8rem 0.8rem;
}
.advanced-exercise-artifact {
    border: 1px solid var(--institution-border-color, #d8e6f0);
    border-radius: 0.7rem;
    overflow: hidden;
    background: var(--institution-surface-color, #fff);
}
.advanced-exercise-artifact summary {
    display: grid;
    grid-template-columns: 1.7rem minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: center;
    padding: 0.65rem;
    cursor: pointer;
    list-style: none;
}
.advanced-exercise-artifact summary::-webkit-details-marker { display: none; }
.advanced-exercise-artifact summary > span:first-child {
    display: grid;
    width: 1.55rem;
    height: 1.55rem;
    place-items: center;
    border-radius: 0.42rem;
    background: #eef3f7;
    color: #52687a;
    font-size: 0.67rem;
    font-weight: 900;
}
.advanced-exercise-artifact strong,
.advanced-exercise-artifact small {
    display: block;
}
.advanced-exercise-artifact strong {
    color: var(--institution-heading-color, #102840);
    font-size: 0.75rem;
    line-height: 1.35;
}
.advanced-exercise-artifact small {
    margin-top: 0.1rem;
    color: #64748b;
    font-size: 0.62rem;
}
.advanced-exercise-artifact > div {
    border-top: 1px solid var(--institution-border-color, #d8e6f0);
    padding: 0.72rem;
    background: var(--institution-soft-surface-color, #f7fafc);
}
.advanced-exercise-artifact p {
    margin: 0;
    color: var(--institution-content-text-color, #122033);
    font-size: 0.74rem;
    line-height: 1.55;
    white-space: pre-wrap;
}
.advanced-exercise-side {
    overflow: hidden auto;
}
.advanced-exercise-side-cards {
    display: grid;
    gap: 0.5rem;
}
.advanced-exercise-side-cards article {
    border: 1px solid var(--institution-border-color, #d8e6f0);
    border-radius: 0.64rem;
    padding: 0.65rem;
    background: var(--institution-soft-surface-color, #f7fafc);
}
.advanced-exercise-side-cards h4 {
    margin: 0;
    font-size: 0.75rem;
}
.advanced-exercise-checks {
    display: grid;
    gap: 0.48rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.advanced-exercise-checks li {
    display: grid;
    grid-template-columns: 1.1rem minmax(0, 1fr);
    gap: 0.48rem;
    align-items: start;
    color: var(--institution-content-text-color, #122033);
    font-size: 0.69rem;
    line-height: 1.45;
}
.advanced-exercise-checks li > span {
    display: grid;
    width: 1rem;
    height: 1rem;
    place-items: center;
    border-radius: 50%;
    background: #eaf8ef;
    color: #16713c;
    font-size: 0.6rem;
    font-weight: 900;
}
.advanced-exercise-timeline li {
    display: grid;
    grid-template-columns: 0.75rem minmax(0, 1fr);
    gap: 0.45rem;
    position: relative;
    padding-bottom: 0.58rem;
}
.advanced-exercise-timeline li > span {
    width: 0.62rem;
    height: 0.62rem;
    margin-top: 0.18rem;
    border: 2px solid var(--institution-primary-color, #1c8fbd);
    border-radius: 50%;
    background: var(--institution-surface-color, #fff);
}
.advanced-exercise-timeline p {
    margin: 0;
    color: #52687a;
    font-size: 0.68rem;
    line-height: 1.4;
}
.advanced-exercise-ai-notice {
    margin: 0.8rem;
    border-left: 3px solid #7c3aed;
    border-radius: 0 0.62rem 0.62rem 0;
    padding: 0.7rem;
    background: #f6f0ff;
    color: #553080;
    font-size: 0.68rem;
    line-height: 1.48;
}

.participant-advanced-exercise {
    display: grid;
    grid-template-columns: minmax(12.5rem, 0.7fr) minmax(28rem, 1.9fr) minmax(17rem, 0.9fr);
    gap: 0.75rem;
    align-items: start;
}
.participant-advanced-exercise__rail,
.participant-advanced-exercise__side {
    position: sticky;
    top: 5.25rem;
    max-height: calc(100vh - 6.2rem);
    overflow-y: auto;
    padding: 0.9rem;
}
.participant-advanced-exercise__main {
    padding: 1rem;
}
.participant-advanced-exercise__main > header h2 {
    margin: 0.3rem 0 0;
    font-size: 1.18rem;
    line-height: 1.3;
}
.participant-advanced-exercise__subtitle {
    margin: 0.28rem 0 0;
    color: #64748b;
    font-size: 0.76rem;
}
.participant-advanced-exercise__phase {
    margin-top: 0.8rem;
    border-radius: 0.68rem;
    padding: 0.68rem;
    background: color-mix(in srgb, var(--institution-primary-color, #1c8fbd) 8%, #fff);
}
.participant-advanced-exercise__phase span,
.participant-advanced-exercise__phase strong {
    display: block;
}
.participant-advanced-exercise__phase span {
    color: #64748b;
    font-size: 0.61rem;
    font-weight: 850;
    text-transform: uppercase;
}
.participant-advanced-exercise__phase strong {
    margin-top: 0.2rem;
    color: var(--institution-heading-color, #102840);
    font-size: 0.74rem;
}
.participant-advanced-exercise__brief {
    margin-top: 0.8rem;
    border-left: 3px solid var(--institution-primary-color, #1c8fbd);
    border-radius: 0 0.65rem 0.65rem 0;
    padding: 0.75rem 0.85rem;
    background: var(--institution-soft-surface-color, #f7fafc);
    color: var(--institution-content-text-color, #122033);
    font-size: 0.76rem;
    line-height: 1.55;
}
.participant-advanced-exercise__constraints {
    margin-top: 0.7rem;
    border: 1px solid #ead8b2;
    border-radius: 0.7rem;
    padding: 0.72rem 0.82rem;
    background: #fff9ec;
    color: #6d4b15;
    font-size: 0.7rem;
}
.participant-advanced-exercise__constraints ul {
    display: grid;
    gap: 0.25rem;
    margin: 0.35rem 0 0;
    padding-left: 1rem;
}
.participant-advanced-exercise__panels {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin-top: 0.8rem;
}
.participant-advanced-exercise__integrity {
    margin-top: 0.8rem;
    border-left: 3px solid #7c3aed;
    border-radius: 0 0.62rem 0.62rem 0;
    padding: 0.7rem;
    background: #f6f0ff;
    color: #553080;
    font-size: 0.69rem;
    line-height: 1.48;
}
.participant-advanced-exercise__side > section + section {
    margin-top: 1rem;
    border-top: 1px solid var(--institution-border-color, #d8e6f0);
    padding-top: 0.85rem;
}
.participant-advanced-exercise__outputs {
    display: grid;
    gap: 0.5rem;
}
.participant-advanced-exercise__outputs li {
    display: grid;
    grid-template-columns: 1.45rem minmax(0, 1fr);
    gap: 0.48rem;
    align-items: center;
    color: var(--institution-content-text-color, #122033);
    font-size: 0.69rem;
    line-height: 1.4;
}
.participant-advanced-exercise__resources {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}
.participant-advanced-exercise__resources span {
    border: 1px solid var(--institution-border-color, #d8e6f0);
    border-radius: 999px;
    padding: 0.28rem 0.52rem;
    background: var(--institution-soft-surface-color, #f7fafc);
    color: #52687a;
    font-size: 0.64rem;
    font-weight: 750;
}

@media (max-width: 1320px) {
    .advanced-exercise-shell,
    .participant-advanced-exercise {
        grid-template-columns: minmax(12rem, 0.68fr) minmax(28rem, 1.8fr);
    }
    .advanced-exercise-side,
    .participant-advanced-exercise__side {
        position: static;
        max-height: none;
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.75rem;
        padding: 0.8rem;
    }
    .advanced-exercise-side > section,
    .participant-advanced-exercise__side > section,
    .participant-advanced-exercise__side > section + section {
        margin: 0;
        border: 0;
        padding: 0;
    }
    .advanced-exercise-ai-notice {
        margin: 0;
    }
}
@media (max-width: 880px) {
    .advanced-exercise-shell,
    .participant-advanced-exercise {
        display: block;
    }
    .advanced-exercise-rail,
    .advanced-exercise-side,
    .participant-advanced-exercise__rail,
    .participant-advanced-exercise__side {
        position: static;
        max-height: none;
    }
    .advanced-exercise-main,
    .participant-advanced-exercise__main,
    .advanced-exercise-side,
    .participant-advanced-exercise__side {
        margin-top: 0.7rem;
    }
    .advanced-exercise-side,
    .participant-advanced-exercise__side {
        display: block;
    }
    .advanced-exercise-side > section + section,
    .participant-advanced-exercise__side > section + section {
        margin-top: 0.85rem;
        border-top: 1px solid var(--institution-border-color, #d8e6f0);
        padding-top: 0.85rem;
    }
    .participant-advanced-exercise__panels,
    .advanced-exercise-focus-grid {
        grid-template-columns: 1fr;
    }
    .advanced-exercise-hero {
        display: block;
    }
    .advanced-exercise-metrics {
        margin-top: 0.7rem;
    }
}