/*
 * HPC Assessment Center global no-build stylesheet.
 * All styles are served from public/assets, so the app does not need npm, Vite, Tailwind compilation, or CDN assets.
 * Brand palette follows HP Consulting: #1c8fbd, #39B54A, #f7941d, #a5167d, #ed1c24.
 */
:root{
  --hpc-blue:#1c8fbd;--hpc-green:#39B54A;--hpc-orange:#f7941d;--hpc-magenta:#a5167d;--hpc-red:#ed1c24;
  --app-primary:var(--color-hpc-blue,#1c8fbd);--app-primary-dark:#173a56;--app-bg:var(--color-bg-page,#f3f8fb);
  --app-surface:#fff;--app-soft:#f7fbfd;--app-border:#d9e5ee;--app-border-strong:#bed3e0;--app-text:var(--app-content-text,#122033);--app-muted:#61748d;
  --app-radius:18px;--app-radius-lg:28px;--app-shadow:0 18px 48px rgba(23,58,86,.08);--app-shadow-sm:0 8px 20px rgba(23,58,86,.06);
  --app-font-family:var(--app-content-font-family,Inter,"Segoe UI",Roboto,Arial,sans-serif);
  --app-heading-font-family:var(--app-heading-font-family,Inter,"Segoe UI",Roboto,Arial,sans-serif);
  --app-font-size:var(--app-content-font-size,15px);--sidebar-width:292px;--topbar-height:64px;
}
*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{min-height:100%;margin:0;background:var(--app-bg);color:var(--app-text);font-family:var(--app-font-family);font-size:var(--app-font-size);line-height:1.58;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img,svg{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.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}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden,[hidden]{display:none!important}
h1,h2,h3,h4{font-family:var(--app-heading-font-family);color:var(--app-heading-text,var(--app-text));line-height:1.16;margin:0 0 .72rem;letter-spacing:-.025em}h1{font-size:clamp(2rem,4vw,4.5rem);font-weight:950}h2{font-size:clamp(1.45rem,2.5vw,2.35rem);font-weight:950}h3{font-size:1.08rem;font-weight:900}p{margin:0 0 1rem;color:inherit}.hpc-gradient-text{background:linear-gradient(90deg,var(--hpc-blue),var(--hpc-green));-webkit-background-clip:text;background-clip:text;color:transparent!important}
/* Public website */
.public-page{min-height:100vh;overflow:hidden;background:#f4f9fc}.public-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.public-container-narrow{width:min(920px,calc(100% - 32px));margin-inline:auto}.public-nav{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(217,229,238,.95);background:rgba(255,255,255,.92);backdrop-filter:blur(18px)}.public-nav-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.public-brand{display:flex;align-items:center;gap:.8rem}.public-brand img{width:50px;height:50px;border-radius:18px;background:#fff;padding:.28rem;box-shadow:var(--app-shadow-sm)}.public-brand-name{font-weight:950;color:#14344e;letter-spacing:-.04em}.public-brand-tagline{font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#60738b}.public-nav-links{display:flex;align-items:center;justify-content:center;gap:.1rem;flex:1}.public-nav-link{border-radius:999px;padding:.65rem .9rem;color:#173a56;font-weight:850;font-size:.88rem}.public-nav-link:hover{background:#eaf7fc;color:var(--hpc-blue)}.public-nav-actions{display:flex;align-items:center;gap:.6rem}.public-login-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:43px;border:1px solid var(--app-border);border-radius:999px;background:#fff;color:#14344e;padding:.7rem 1.1rem;font-size:.86rem;font-weight:900;box-shadow:var(--app-shadow-sm)}.btn-primary,.public-login-btn-primary{border-color:var(--app-primary);background:var(--app-primary);color:#fff}.btn-secondary{border-color:#bfe3f2;background:#eaf7fc;color:#1676a0}.btn-ghost-on-dark{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.1);color:#fff}.public-mobile-menu{display:none;position:relative}.public-mobile-trigger{list-style:none;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--app-border);border-radius:14px;background:#fff}.public-mobile-trigger::-webkit-details-marker{display:none}.public-mobile-panel{position:absolute;right:0;top:calc(100% + .6rem);width:260px;border:1px solid var(--app-border);border-radius:20px;background:#fff;padding:.55rem;box-shadow:var(--app-shadow)}.public-mobile-link{display:block;border-radius:14px;padding:.75rem .85rem;font-weight:850;color:#334155}.public-mobile-link:hover{background:#f1f7fb}.public-hero{position:relative;padding:clamp(3rem,7vw,6.4rem) 0;background:radial-gradient(circle at 12% 8%,rgba(28,143,189,.16),transparent 28%),radial-gradient(circle at 83% 10%,rgba(57,181,74,.14),transparent 26%),linear-gradient(180deg,#fff 0%,#f4f9fc 100%)}.public-hero:after{content:"";position:absolute;inset:auto -10% -20% -10%;height:42%;background:linear-gradient(90deg,rgba(28,143,189,.08),rgba(247,148,29,.07));transform:skewY(-4deg)}.public-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}.public-hero-copy p{max-width:760px;color:#41546c;font-size:clamp(1rem,1.4vw,1.14rem)}.public-eyebrow,.public-kicker,.public-badge{display:inline-flex;width:max-content;align-items:center;border-radius:999px;border:1px solid #bfe3f2;background:#eaf7fc;color:#1784b4;padding:.38rem .72rem;font-size:.72rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.public-hero-chips,.public-button-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.15rem}.public-hero-chips span{border:1px solid #d7e8f2;background:#fff;border-radius:999px;padding:.45rem .75rem;color:#334155;font-weight:850;font-size:.84rem}.public-hero-card{position:relative;overflow:hidden;border:1px solid var(--app-border);border-radius:34px;background:linear-gradient(160deg,#fff 0%,#f9fcfd 45%,#e9f7fc 100%);box-shadow:var(--app-shadow);padding:1.35rem}.public-hero-card:before{content:"";position:absolute;right:-54px;top:-60px;width:170px;height:170px;border-radius:50%;background:rgba(28,143,189,.16)}.public-hero-card h3{margin-top:1.8rem;font-size:clamp(1.35rem,2.3vw,2rem)}.public-section{padding:clamp(3rem,6vw,5.25rem) 0}.public-section-tight{padding:clamp(2.3rem,4vw,3.6rem) 0}.public-section-soft{background:linear-gradient(180deg,#f8fbfd,#eef8fc)}.public-section-heading{text-align:center;max-width:760px;margin:0 auto 2rem}.public-section-title{color:#122033}.public-section-subtitle,.public-muted{color:#61748d}.public-grid{display:grid;gap:1rem}.public-grid-2,.public-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.public-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.public-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.public-card,.public-rich-card{border:1px solid var(--app-border);border-radius:28px;background:#fff;padding:1.25rem;box-shadow:var(--app-shadow-sm)}.public-feature-card{min-height:220px;display:flex;flex-direction:column}.public-program-icon{font-size:1.6rem}.public-text-link{margin-top:auto;color:var(--app-primary);font-weight:950}.public-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.public-stat{border:1px solid var(--app-border);border-radius:24px;background:#fff;padding:1.2rem;text-align:center;box-shadow:var(--app-shadow-sm)}.public-stat strong{display:block;color:#122033;font-size:2rem;font-weight:950}.public-stat span{font-size:.85rem;color:#64748b;font-weight:800}.public-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:center;border-radius:32px;background:linear-gradient(135deg,#173a56,#1c8fbd);color:#fff;padding:clamp(1.4rem,4vw,2.4rem);box-shadow:var(--app-shadow)}.public-cta h2{color:#fff}.public-cta p{color:rgba(255,255,255,.82)}.faq-item summary{cursor:pointer;font-weight:900}.public-rich-card :where(h1,h2,h3){margin-top:1rem}.public-footer,footer{background:var(--app-footer-bg,#fff);color:var(--app-footer-text,#61748d)}[data-aos]{opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease}[data-aos].aos-in{opacity:1;transform:none}
/* Authenticated shell */
.hpc-auth-body{min-height:100vh;background:var(--app-content-bg,#f5f9fc);color:var(--app-content-text,#122033);font-family:var(--app-font-family)}.hpc-sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:var(--sidebar-width);display:flex;flex-direction:column;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 1.05rem;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{min-width:0}.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.1rem}.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:.2rem}.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:.74rem .8rem;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-icon{width:1rem;height:1rem;flex:0 0 1rem}.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;transition:transform .15s ease}.hpc-sidebar-group:not(.is-open)>.hpc-sidebar-children{display:none}.hpc-sidebar-group.is-open>.hpc-sidebar-toggle .hpc-sidebar-chevron{transform:rotate(180deg)}.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-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:color-mix(in srgb,var(--app-navbar-bg,#fff) 93%,transparent);color:var(--app-navbar-text,#173a56);border-bottom:1px solid var(--app-border);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);font-size:.7rem;font-weight:950;letter-spacing:.24em;text-transform:uppercase}.hpc-topbar-title h1{margin:.16rem 0 0;color:var(--app-heading-text,#122033);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.25rem;background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(243,248,251,.82))}.hpc-page-container{width:min(100%,1680px);margin-inline:auto;display:grid;gap:1.05rem}.hpc-app-footer{border-top:1px solid var(--app-border);background:var(--app-footer-bg,#fff);color:var(--app-footer-text,#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)}
/* Dropdowns, buttons */
.hpc-button,.hpc-icon-button,.hpc-user-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--app-border);border-radius:14px;background:#fff;color:#173a56;min-height:40px;padding:.58rem .85rem;font-size:.78rem;font-weight:950;box-shadow:var(--app-shadow-sm)}.hpc-icon-button{width:40px;padding:0}.hpc-icon-button svg,.hpc-button svg,.hpc-user-button svg,.hpc-dropdown-item svg{width:1rem;height:1rem}.hpc-button-soft{background:#eef9fd;color:#1676a0;border-color:#cbe9f5}.hpc-button-warning{background:#fff7ed;color:#9a5b08;border-color:#fed7aa}.hpc-language-button{min-width:64px}.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{display:block;text-align:left;line-height:1.1;max-width:150px}.hpc-user-meta strong,.hpc-user-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hpc-user-meta small{margin-top:.18rem;color:#64748b;font-size:.68rem;font-weight:750}.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(--app-border);border-radius:22px;background:#fff;box-shadow:var(--app-shadow);padding:.55rem}.hpc-dropdown.is-open .hpc-dropdown-panel{display:block}.hpc-dropdown-panel-sm{width:150px}.hpc-user-panel{width:300px;padding:0;overflow:hidden}.hpc-user-panel-head{padding:1rem;border-bottom:1px solid var(--app-border);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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpc-user-panel-head span{color:#64748b;font-size:.78rem}.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-user-switcher{border-radius:16px;background:#f8fbfd;padding:.5rem;margin-bottom:.4rem}.hpc-user-switcher p{margin:0 .3rem .3rem;color:#64748b;font-size:.68rem;font-weight:950;text-transform:uppercase}.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-dropdown-form-divider{margin-top:.3rem;padding-top:.3rem;border-top:1px solid var(--app-border)}.hpc-danger-text{color:#dc1d48}.hpc-warning-text{color:#9a5b08}
/* Professional cards, tables and forms inside authenticated pages */
.hpc-page-container>div,.hpc-page-container>section,.hpc-page-container>form,.hpc-card{border:1px solid var(--app-border);border-radius:26px;background:rgba(255,255,255,.92);box-shadow:var(--app-shadow-sm)}.hpc-page-container>div:empty{display:none}.hpc-page-container :where(.rounded-3xl,.rounded-2xl,.rounded-xl){border-radius:var(--app-radius)!important}.hpc-page-container :where(.bg-white,.bg-slate-50,.bg-slate-100){background:rgba(255,255,255,.94)!important}.hpc-page-container :where(.border,.border-t,.border-b,.border-r){border-color:var(--app-border)!important}.hpc-page-container :where(.shadow-sm,.shadow-xl){box-shadow:var(--app-shadow-sm)!important}.hpc-page-container table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--app-border);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 thead+tbody tr:hover{background:#fbfdfe}.hpc-page-container form{max-width:100%}.hpc-page-container form .grid{align-items:end}.hpc-page-container label,.hpc-page-container .as-label,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,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=url],input[type=file],input[type=color],select,textarea{width:100%;min-height:44px;border:1px solid var(--app-border-strong);border-radius:16px;background:#fff;color:#122033;padding:.7rem .85rem;outline:none;font-weight:650}input[type=password]{padding-right:3.2rem}.hpc-page-container input:focus,.hpc-page-container select:focus,.hpc-page-container textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--hpc-blue);box-shadow:0 0 0 4px rgba(28,143,189,.14)}.hpc-page-container textarea,textarea{min-height:130px;resize:vertical}.hpc-page-container button:not(.hpc-sidebar-link):not(.hpc-icon-button):not(.hpc-user-button):not(.hpc-dropdown-item),.hpc-page-container a[class*="rounded"]{min-height:38px;border-radius:14px;font-weight:900}.hpc-page-container [class*="bg-slate-950"],.hpc-page-container [class*="bg-black"]{background:#020617!important;color:#fff!important}.hpc-page-container [class*="text-slate-500"]{color:#61748d!important}.hpc-page-container [class*="text-slate-900"],.hpc-page-container [class*="text-slate-950"]{color:#122033!important}.hpc-page-container [class*="uppercase"]{letter-spacing:.08em}.hpc-page-container [class*="space-y"]>*+*{margin-top:1rem}.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-page-container .lg\:col-span-3{grid-column:span 3/span 3}
/* Rich text and searchable select widgets */
.hpc-richtext{border:1px solid var(--app-border-strong);border-radius:18px;overflow:hidden;background:#fff}.hpc-richtext-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;border-bottom:1px solid var(--app-border);background:#f8fbfd;padding:.45rem}.hpc-richtext-toolbar button{min-height:32px!important;border:1px solid var(--app-border);border-radius:10px;background:#fff;color:#122033;padding:.35rem .55rem;font-weight:900}.hpc-richtext-editor{min-height:130px;padding:.8rem;outline:none}.hpc-richtext textarea{display:none!important}.hpc-combobox{position:relative}.hpc-combobox-button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border:1px solid var(--app-border-strong);border-radius:16px;background:#fff;padding:.6rem .75rem;text-align:left;color:#122033}.hpc-combobox-value{display:flex;flex-wrap:wrap;gap:.35rem;min-width:0}.hpc-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;background:#eaf7fc;color:#1676a0;padding:.25rem .5rem;font-size:.76rem;font-weight:900}.hpc-combobox-panel{position:absolute;z-index:90;left:0;right:0;top:calc(100% + .35rem);display:none;border:1px solid var(--app-border);border-radius:18px;background:#fff;box-shadow:var(--app-shadow);padding:.55rem}.hpc-combobox.open .hpc-combobox-panel{display:block}.hpc-combobox-search{margin-bottom:.45rem}.hpc-combobox-options{max-height:240px;overflow:auto;display:grid;gap:.2rem}.hpc-combobox-option{display:flex;align-items:center;gap:.55rem;border-radius:12px;padding:.55rem .6rem;cursor:pointer;font-weight:750;color:#334155}.hpc-combobox-option:hover,.hpc-combobox-option.is-selected{background:#f1f7fb}.hpc-combobox-option input{width:16px!important;height:16px!important;min-height:16px!important;accent-color:var(--app-primary)}
/* Error pages */
.hpc-error-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 20%,rgba(28,143,189,.18),transparent 30%),radial-gradient(circle at 85% 15%,rgba(57,181,74,.14),transparent 25%),#f4f9fc;padding:2rem}.hpc-error-card{width:min(760px,100%);border:1px solid var(--app-border);border-radius:32px;background:#fff;padding:2rem;box-shadow:var(--app-shadow);text-align:center}.hpc-error-code{display:inline-flex;border-radius:999px;background:#eaf7fc;color:#1676a0;padding:.4rem .75rem;font-weight:950;letter-spacing:.14em}.hpc-error-card h1{font-size:clamp(2rem,5vw,3.5rem);margin:1rem 0 .65rem}.hpc-error-card p{color:#61748d}.hpc-error-actions{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:1.2rem}
/* Minimal Tailwind-lite utilities used by existing Blade files. */
.block{display:block}.inline-flex{display:inline-flex}.flex{display:flex}.grid{display:grid}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.shrink-0{flex-shrink:0}.min-w-0{min-width:0}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:999px}.border{border:1px solid var(--app-border)}.border-t{border-top:1px solid var(--app-border)}.border-b{border-bottom:1px solid var(--app-border)}.shadow-sm{box-shadow:var(--app-shadow-sm)}.shadow-xl{box-shadow:var(--app-shadow)}.bg-white{background:#fff}.bg-slate-50{background:#f8fafc}.bg-slate-100{background:#f1f5f9}.bg-slate-950{background:#020617}.bg-sky-50{background:#f0f9ff}.bg-indigo-50{background:#eef2ff}.bg-emerald-50{background:#ecfdf5}.bg-amber-50{background:#fffbeb}.bg-rose-50{background:#fff1f2}.text-white{color:#fff}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-900{color:#0f172a}.text-slate-950{color:#020617}.text-sky-700{color:#0369a1}.text-indigo-700{color:#4338ca}.text-emerald-700{color:#047857}.text-amber-900{color:#78350f}.text-rose-600{color:#e11d48}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-center{text-align:center}.text-left{text-align:left}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.z-40{z-index:40}.z-50{z-index:50}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-none{max-width:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.col-span-2{grid-column:span 2/span 2}.transition{transition:all .18s ease}
@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}.public-nav-links{display:none}.public-mobile-menu{display:block}.public-hero-grid,.public-grid-2,.public-grid-cols-2,.public-grid-cols-3,.public-grid-cols-4,.public-stats-grid,.public-cta{grid-template-columns:1fr}.public-section-heading{text-align:left}.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{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-page-container .lg\:col-span-3{grid-column:auto}.hpc-topbar-title h1{max-width:42vw}.hpc-footer-inner{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Legacy UI helper classes used by existing Livewire modules. */
.ui-card{border:1px solid var(--app-border);border-radius:26px;background:rgba(255,255,255,.94);box-shadow:var(--app-shadow-sm);padding:1.1rem}.ui-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.ui-page-title{font-size:clamp(1.4rem,2vw,2.25rem);font-weight:950;color:#122033;margin:0}.ui-page-subtitle{color:#61748d;margin:.25rem 0 0}.table-index-2{width:100%;border-collapse:separate;border-spacing:0}.overflow-x-auto{overflow-x:auto}.text-right{text-align:right}.text-[10px]{font-size:.625rem}.text-[11px]{font-size:.6875rem}.max-w-xs{max-width:20rem}.bg-indigo-50\/50{background:rgba(238,242,255,.5)!important}.border-dashed{border-style:dashed!important}

/*
 * Stabilization override: direct Livewire root wrappers must not become cards.
 * Only semantic cards (.ui-card/.hpc-card/.as-card) should receive rounded borders/shadows.
 * This prevents the visible double-rounded/overlapped card issue on workflow and SaaS pages.
 */
.hpc-page-container > div:not(.ui-card):not(.hpc-card):not(.as-card),
.hpc-page-container > section:not(.ui-card):not(.hpc-card):not(.as-card),
.hpc-page-container > form:not(.ui-card):not(.hpc-card):not(.as-card) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Professional app primitives used by SaaS, core admin, workflow, billing, and error pages. */
.hpc-stack { display: grid; gap: 1.15rem; }
.hpc-stack-sm { display: grid; gap: .75rem; }
.hpc-card,
.ui-card,
.as-card {
  border: 1px solid var(--app-border) !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 16px 38px rgba(23,58,86,.07) !important;
  padding: 1.15rem !important;
  overflow: clip;
}
.hpc-card-header,
.ui-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.hpc-page-title,
.ui-page-title { margin: 0; font-size: clamp(1.45rem,2.25vw,2.45rem); font-weight: 950; color: #122033; }
.hpc-page-subtitle,
.ui-page-subtitle { margin: .25rem 0 0; color: #61748d; line-height: 1.55; }
.hpc-kicker { display:inline-flex; width:max-content; border-radius:999px; background:#eef8ff; color:#1c8fbd; padding:.38rem .75rem; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; font-weight:950; }
.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; align-items:end; }
.hpc-form-grid-3 { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; align-items:end; }
.hpc-span-2 { grid-column: span 2 / span 2; }
.hpc-span-3 { grid-column: span 3 / span 3; }
.hpc-stat-grid { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.hpc-stat-card { border:1px solid var(--app-border); border-radius:24px; background:linear-gradient(180deg,#fff,#f8fbfd); padding:1rem; box-shadow:0 10px 24px rgba(23,58,86,.05); }
.hpc-stat-label { color:#61748d; font-size:.72rem; font-weight:950; text-transform:uppercase; letter-spacing:.1em; }
.hpc-stat-value { margin-top:.2rem; color:#122033; font-weight:950; font-size:2rem; line-height:1; }
.hpc-table-wrap { overflow:auto; border:1px solid var(--app-border); border-radius:22px; background:#fff; }
.hpc-table,
.table-index-2 { width:100%; border:0 !important; border-radius:0 !important; border-collapse:separate; border-spacing:0; }
.hpc-table th,
.table-index-2 th { background:#f6fafc; color:#5c7189; font-size:.72rem; font-weight:950; letter-spacing:.11em; text-transform:uppercase; text-align:left; white-space:nowrap; }
.hpc-table th,
.hpc-table td,
.table-index-2 th,
.table-index-2 td { padding:.9rem 1rem; border-bottom:1px solid #edf3f7; vertical-align:middle; }
.hpc-table tr:last-child td,
.table-index-2 tr:last-child td { border-bottom:0; }
.hpc-row-actions { display:flex; justify-content:flex-end; align-items:center; gap:.45rem; flex-wrap:wrap; }
.hpc-action-button { display:inline-flex; align-items:center; justify-content:center; min-height:34px; border:1px solid var(--app-border); border-radius:12px; background:#fff; color:#173a56; padding:.45rem .72rem; font-size:.75rem; font-weight:900; }
.hpc-action-primary { border-color:#1c8fbd; background:#1c8fbd; color:#fff; }
.hpc-action-danger { border-color:#fecdd3; background:#fff1f2; color:#be123c; }
.hpc-action-warning { border-color:#fde68a; background:#fffbeb; color:#92400e; }
.hpc-status { display:inline-flex; align-items:center; width:max-content; border-radius:999px; padding:.28rem .58rem; font-size:.68rem; font-weight:950; text-transform:uppercase; }
.hpc-status-ok { background:#ecfdf5; color:#047857; }
.hpc-status-warn { background:#fffbeb; color:#92400e; }
.hpc-status-bad { background:#fff1f2; color:#be123c; }
.hpc-tabs { display:flex; flex-wrap:wrap; gap:.45rem; border-bottom:1px solid var(--app-border); margin:0 -1.15rem 1rem; padding:0 1.15rem .7rem; }
.hpc-tab { border:1px solid var(--app-border); border-radius:999px; background:#fff; color:#52677f; padding:.55rem .85rem; font-size:.78rem; font-weight:950; }
.hpc-tab.is-active { border-color:#bfe3f2; background:#eaf7fc; color:#1c8fbd; }
.hpc-empty { border:1px dashed var(--app-border-strong); border-radius:22px; background:#f8fbfd; color:#61748d; padding:1.25rem; }
.hpc-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.hpc-toolbar input[type=search], .hpc-toolbar input[type=text] { max-width: 360px; }

/* Fix large notes editors inside data tables so they remain comfortable. */
.hpc-table .hpc-richtext,
.table-index-2 .hpc-richtext { min-width: 280px; max-width: 420px; }
.hpc-table .hpc-richtext-editor,
.table-index-2 .hpc-richtext-editor { min-height: 96px; max-height: 180px; overflow:auto; }

/* The password reveal/enhancement icon must not cover typed text. */
.hpc-password-field { position: relative; }
.hpc-password-field input { padding-left: 3rem !important; padding-right: 3rem !important; }
.hpc-password-toggle { position:absolute; left:.45rem; top:50%; transform:translateY(-50%); width:34px; height:34px; border:1px solid var(--app-border); border-radius:12px; background:#fff; display:grid; place-items:center; color:#1c8fbd; }

@media (max-width: 1100px) {
  .hpc-grid-2,.hpc-grid-3,.hpc-grid-4,.hpc-form-grid,.hpc-form-grid-3,.hpc-stat-grid { grid-template-columns: 1fr; }
  .hpc-span-2,.hpc-span-3 { grid-column: auto; }
  .hpc-card-header,.ui-card-header,.hpc-toolbar { align-items: stretch; flex-direction: column; }
  .hpc-toolbar input[type=search], .hpc-toolbar input[type=text] { max-width: none; }
}

/* --------------------------------------------------------------------------
   Stabilized authenticated/public UI primitives
   -------------------------------------------------------------------------- */
.as-sidebar{position:fixed;inset:0 auto 0 0;width:280px;z-index:40;background:var(--app-sidebar-bg,#173a56);color:var(--app-sidebar-text,#e8f6fc);overflow-y:auto;border-right:1px solid rgba(255,255,255,.10)}
.as-sidebar a{color:inherit}.as-sidebar .is-active,.as-sidebar [aria-current="page"]{background:rgba(225,245,253,.95);color:#0f78a5;border-radius:16px}.as-shell{min-height:100vh;background:var(--app-bg,#f3f8fb)}.as-main{min-height:100vh;margin-left:280px;background:linear-gradient(90deg,rgba(28,143,189,.045),transparent 18%),var(--app-content-bg,#f6fafe);color:var(--app-content-text,#122033)}.as-topbar{position:sticky;top:0;z-index:30;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--app-border);background:rgba(255,255,255,.92);backdrop-filter:blur(16px);padding:.75rem 1.5rem}.as-content{padding:1.5rem 1.75rem}.as-page{display:grid;gap:1.25rem}.hpc-card,.ui-card,.as-card{border:1px solid var(--app-border);border-radius:28px;background:#fff;box-shadow:0 16px 42px rgba(15,23,42,.055);overflow:hidden}.hpc-card:not(.p-0),.ui-card:not(.p-0),.as-card:not(.p-0){padding:1.25rem}.hpc-card+.hpc-card,.ui-card+.ui-card,.as-card+.as-card{margin-top:1rem}.hpc-stack{display:grid;gap:1.25rem}.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-table-wrap{width:100%;overflow:auto;border:1px solid var(--app-border);border-radius:24px;background:#fff}.hpc-table{width:100%;border-collapse:separate;border-spacing:0}.hpc-table th{background:#f8fafc;color:#526780;font-size:.75rem;text-align:left;text-transform:uppercase;letter-spacing:.12em}.hpc-table th,.hpc-table td{padding:.9rem 1rem;border-bottom:1px solid #edf2f7;vertical-align:top}.hpc-table tr:last-child td{border-bottom:0}.hpc-tabs{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid var(--app-border);padding:.75rem .75rem 0}.hpc-tab{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--app-border);border-bottom:0;border-radius:14px 14px 0 0;background:#f8fafc;color:#475569;padding:.65rem .95rem;font-weight:900}.hpc-tab.is-active,.hpc-tab[aria-selected="true"]{background:#fff;color:var(--app-primary);box-shadow:0 -8px 24px rgba(15,23,42,.04)}.hpc-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.hpc-empty{border:1px dashed var(--app-border);border-radius:24px;background:rgba(255,255,255,.72);padding:1.25rem;text-align:center;color:#64748b}.public-form-page{min-height:calc(100vh - 76px);padding:clamp(2rem,5vw,4rem) 0;background:radial-gradient(circle at 12% 0%,rgba(28,143,189,.13),transparent 28%),linear-gradient(180deg,#fff,#f3f8fb)}.public-form-shell{width:min(960px,calc(100% - 28px));margin:0 auto}.public-form-card{border:1px solid var(--app-border);border-radius:30px;background:#fff;box-shadow:var(--app-shadow);padding:clamp(1.25rem,3vw,2rem)}
/* Avoid double rounded cards when Livewire root wrapper is only a layout container. */
[data-livewire-root],.livewire-root{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}.hpc-card [data-livewire-root],.ui-card [data-livewire-root]{display:contents}
@media(max-width:1023px){.as-sidebar{transform:translateX(-100%);transition:transform .22s ease}.as-sidebar.is-open,body.hpc-sidebar-open .as-sidebar{transform:none}.as-main{margin-left:0}.as-topbar{padding:.75rem 1rem}.as-content{padding:1rem}.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-span-2,.hpc-span-3,.hpc-span-4{grid-column:auto}}


/* 2026-06 no-build compact utility additions. */
.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-span-5{grid-column:span 5/span 5}.xl\:col-span-7{grid-column:span 7/span 7}.xl\:col-span-8{grid-column:span 8/span 8}.xl\:col-span-12{grid-column:span 12/span 12}.divide-y>*+*{border-top:1px solid var(--app-border)}.divide-slate-100>*+*{border-color:#f1f5f9}.bg-white\/90{background:rgba(255,255,255,.9)}.text-amber-600{color:#d97706}.text-indigo-600{color:#4f46e5}.hover\:text-indigo-700:hover{color:#4338ca}.bg-amber-100{background:#fef3c7}.text-amber-700{color:#b45309}.border-dashed{border-style:dashed}.border-slate-100{border-color:#f1f5f9}.border-slate-200{border-color:#e2e8f0}.bg-blue-50{background:#eff6ff}.text-blue-700{color:#1d4ed8}.border-blue-200{border-color:#bfdbfe}.hover\:bg-blue-50:hover{background:#eff6ff}.border-emerald-200{border-color:#a7f3d0}.hover\:bg-emerald-50:hover{background:#ecfdf5}.border-amber-200{border-color:#fde68a}.hover\:bg-amber-50:hover{background:#fffbeb}.border-rose-200{border-color:#fecdd3}.hover\:bg-rose-50:hover{background:#fff1f2}.text-\[11px\]{font-size:11px}.text-\[10px\]{font-size:10px}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.min-w-full{min-width:100%}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1024px){.xl\:grid-cols-12,.xl\:grid-cols-10,.xl\:grid-cols-8,.xl\:grid-cols-6,.xl\:grid-cols-5{grid-template-columns:1fr}.xl\:col-span-3,.xl\:col-span-4,.xl\:col-span-5,.xl\:col-span-7,.xl\:col-span-8,.xl\:col-span-12{grid-column:auto}}

/* Local no-build icon fallback and compact role/access helpers. */
.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-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-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}


/* 2026-06-12 compact no-build utility shim */
/* This small utility layer covers the Tailwind-like classes already used in Blade views without adding npm/Vite. */
.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.contents{display:contents}.table{display:table}.hidden{display:none!important}
.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}
.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.content-start{align-content:flex-start}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}
.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}
.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.col-span-8{grid-column:span 8/span 8}.col-span-12{grid-column:span 12/span 12}
.w-full{width:100%}.w-auto{width:auto}.w-max{width:max-content}.w-fit{width:fit-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-none{max-width:none}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}
.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[96rem\]{max-width:96rem}.min-h-\[34px\]{min-height:34px}.min-h-\[44px\]{min-height:44px}.min-h-screen{min-height:100vh}
.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.p-12{padding:3rem}
.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}
.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-3{padding-left:.75rem}.pr-3{padding-right:.75rem}
.m-0{margin:0}.m-4{margin:1rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}
.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}
.border{border-width:1px;border-style:solid;border-color:#e2e8f0}.border-0{border-width:0}.border-t{border-top:1px solid #e2e8f0}.border-b{border-bottom:1px solid #e2e8f0}.border-l{border-left:1px solid #e2e8f0}.border-r{border-right:1px solid #e2e8f0}.border-dashed{border-style:dashed}.border-slate-50{border-color:#f8fafc}.border-slate-100{border-color:#f1f5f9}.border-slate-200{border-color:#e2e8f0}.border-slate-300{border-color:#cbd5e1}.border-indigo-100{border-color:#e0e7ff}.border-indigo-200{border-color:#c7d2fe}.border-blue-200{border-color:#bfdbfe}.border-sky-200{border-color:#bae6fd}.border-emerald-100{border-color:#d1fae5}.border-emerald-200{border-color:#a7f3d0}.border-amber-100{border-color:#fef3c7}.border-amber-200{border-color:#fde68a}.border-rose-100{border-color:#ffe4e6}.border-rose-200{border-color:#fecdd3}
.bg-white{background:#fff}.bg-white\/95{background:rgba(255,255,255,.95)}.bg-white\/90{background:rgba(255,255,255,.9)}.bg-white\/80{background:rgba(255,255,255,.8)}.bg-white\/70{background:rgba(255,255,255,.7)}.bg-slate-50{background:#f8fafc}.bg-slate-100{background:#f1f5f9}.bg-slate-900{background:#0f172a}.bg-slate-950{background:#020617}.bg-indigo-50{background:#eef2ff}.bg-indigo-100{background:#e0e7ff}.bg-indigo-600{background:#4f46e5}.bg-sky-50{background:#f0f9ff}.bg-blue-50{background:#eff6ff}.bg-emerald-50{background:#ecfdf5}.bg-emerald-100{background:#d1fae5}.bg-amber-50{background:#fffbeb}.bg-amber-100{background:#fef3c7}.bg-amber-500{background:#f59e0b}.bg-rose-50{background:#fff1f2}.bg-rose-100{background:#ffe4e6}.bg-red-50{background:#fef2f2}
.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:950}
.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}
.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.22em\]{letter-spacing:.22em}
.text-white{color:#fff}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}.text-slate-900{color:#0f172a}.text-slate-950{color:#020617}.text-indigo-500{color:#6366f1}.text-indigo-600{color:#4f46e5}.text-indigo-700{color:#4338ca}.text-blue-700{color:#1d4ed8}.text-sky-500{color:#0ea5e9}.text-sky-700{color:#0369a1}.text-sky-800{color:#075985}.text-emerald-500{color:#10b981}.text-emerald-600{color:#059669}.text-emerald-700{color:#047857}.text-emerald-800{color:#065f46}.text-amber-500{color:#f59e0b}.text-amber-600{color:#d97706}.text-amber-700{color:#b45309}.text-amber-800{color:#92400e}.text-amber-900{color:#78350f}.text-rose-600{color:#e11d48}.text-rose-700{color:#be123c}.text-red-700{color:#b91c1c}
.shadow-sm{box-shadow:0 1px 2px rgba(15,23,42,.05)}.shadow{box-shadow:0 10px 26px rgba(15,23,42,.08)}.shadow-lg{box-shadow:0 20px 38px rgba(15,23,42,.12)}.shadow-none{box-shadow:none}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}
.hover\:bg-slate-50:hover{background:#f8fafc}.hover\:bg-slate-100:hover{background:#f1f5f9}.hover\:bg-slate-700:hover{background:#334155}.hover\:bg-slate-800:hover{background:#1e293b}.hover\:bg-indigo-50:hover{background:#eef2ff}.hover\:bg-indigo-100:hover{background:#e0e7ff}.hover\:bg-indigo-700:hover{background:#4338ca}.hover\:bg-blue-50:hover{background:#eff6ff}.hover\:bg-sky-50:hover{background:#f0f9ff}.hover\:bg-sky-100:hover{background:#e0f2fe}.hover\:bg-emerald-50:hover{background:#ecfdf5}.hover\:bg-amber-50:hover{background:#fffbeb}.hover\:bg-amber-100:hover{background:#fef3c7}.hover\:bg-amber-600:hover{background:#d97706}.hover\:bg-rose-50:hover{background:#fff1f2}.hover\:text-indigo-700:hover{color:#4338ca}.hover\:underline:hover{text-decoration:underline}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
.focus\:border-indigo-500:focus{border-color:#6366f1}.focus\:bg-white:focus{background:#fff}.focus\:ring-indigo-500\/20:focus{box-shadow:0 0 0 4px rgba(99,102,241,.2)}.transition{transition:all .18s ease}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}
.sticky{position:sticky}.relative{position:relative}.absolute{position:absolute}.top-0{top:0}.top-4{top:1rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}
.as-stack{display:grid;gap:1rem}.as-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:0}.as-card-title{font-size:1.15rem!important;line-height:1.25!important;font-weight:950!important;letter-spacing:-.03em!important;margin:0!important;color:#0f172a}.as-card-header .as-card-title{font-size:1.55rem!important}.as-helper{color:#64748b;font-size:.86rem;font-weight:600;margin:.35rem 0 0}.as-badge-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.65rem}.as-badge,.as-status{display:inline-flex;align-items:center;border-radius:999px;padding:.32rem .62rem;font-size:.69rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.as-badge{border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8}.as-status-ok{background:#ecfdf5;color:#047857}.as-status-danger{background:#fff1f2;color:#be123c}.as-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.45rem}.as-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#334155;padding:.45rem .8rem;font-size:.78rem;font-weight:900}.as-btn-primary{border-color:#1c8fbd;background:#1c8fbd;color:#fff}.as-btn-soft{border-color:#c7d2fe;background:#eef2ff;color:#4338ca}.as-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.as-definition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;margin:0}.as-definition-grid div{border:1px solid #eef2f7;border-radius:16px;background:#f8fafc;padding:.75rem}.as-definition-grid dt{font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8}.as-definition-grid dd{margin:.2rem 0 0;color:#0f172a;font-weight:800}.as-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem;border-top:1px solid #eef2f7;padding-top:.85rem}.as-tab{border:1px solid #dbeafe;border-radius:999px;background:#fff;color:#334155;padding:.5rem .85rem;font-size:.78rem;font-weight:950}.as-tab.active,.as-tab[aria-selected="true"]{background:#eaf7fc;border-color:#bfe3f2;color:#1676a0}.as-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:18px}.as-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.86rem}.as-table th{background:#f8fafc;color:#64748b;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;text-align:left}.as-table th,.as-table td{padding:.75rem;border-bottom:1px solid #edf2f7}.as-table tr:last-child td{border-bottom:0}.as-empty{border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc;color:#64748b;padding:1rem;text-align:center}.as-mini-panel{border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:.75rem}.as-mini-panel span{display:block;color:#64748b;font-size:.72rem;font-weight:700}.as-mini-panel strong{display:block;color:#0f172a;margin-top:.15rem}
.hpc-combobox{min-width:0}.hpc-combobox-button{min-height:40px;padding:.48rem .65rem}.hpc-combobox-value{max-width:100%;overflow:hidden}.hpc-combobox-pill-remove{border:0;background:transparent;color:inherit;font-weight:950;padding:0 .05rem;margin-left:.15rem;line-height:1;cursor:pointer}.hpc-combobox-search{width:100%;border:1px solid #dbe5ef;border-radius:12px;padding:.55rem .65rem}.hpc-combobox-option input{flex:0 0 auto}
@media(min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:inline{display:inline}.sm\:hidden{display:none!important}}
@media(min-width:768px){.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:w-48{width:12rem}.md\:w-80{width:20rem}.md\:text-right{text-align:right}}
@media(min-width:1024px){.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-11{grid-column:span 11/span 11}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}}
@media(min-width:1280px){.xl\:flex-row{flex-direction:row}.xl\:items-center{align-items:center}.xl\:justify-between{justify-content:space-between}.xl\:self-start{align-self:flex-start}.xl\:sticky{position:sticky}.xl\:top-4{top:1rem}.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:col-span-2{grid-column:span 2/span 2}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-span-5{grid-column:span 5/span 5}.xl\:col-span-7{grid-column:span 7/span 7}.xl\:col-span-8{grid-column:span 8/span 8}.xl\:col-span-9{grid-column:span 9/span 9}.xl\:col-span-12{grid-column:span 12/span 12}}
@media(min-width:1100px){.as-content{padding:1.05rem 1.25rem}.as-page,.hpc-stack,.as-stack{gap:.95rem}.hpc-card:not(.p-0),.ui-card:not(.p-0),.as-card:not(.p-0){padding:1rem}.rounded-3xl{border-radius:1.25rem}.rounded-2xl{border-radius:.95rem}.hpc-table th,.hpc-table td,.as-table th,.as-table td{padding:.62rem .75rem}.hpc-card-header,.ui-card-header{gap:.75rem}.hpc-combobox-panel{max-height:min(360px,60vh);overflow:auto}.as-card-header{align-items:center}.as-card-header .as-card-title{font-size:1.35rem!important}}
@media(max-width:767px){.grid,.hpc-grid-2,.hpc-grid-3,.hpc-grid-4,.hpc-form-grid,.hpc-form-grid-3,.hpc-form-grid-4,.as-grid-2,.as-definition-grid{grid-template-columns:1fr}.col-span-2,.col-span-3,.col-span-4,.col-span-6,.col-span-8,.col-span-12{grid-column:auto}.as-card-header{flex-direction:column}.as-actions{justify-content:flex-start;width:100%}}

/* 2026-06-12 form-control safety net for no-build utility pages. */
input[type="checkbox"],
input[type="radio"],
.hpc-page-container input[type="checkbox"],
.hpc-page-container 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);
}
input[type="radio"],
.hpc-page-container input[type="radio"],
.hpc-auth-body input[type="radio"] {
    border-radius: 999px !important;
}
input[type="checkbox"],
.hpc-page-container input[type="checkbox"],
.hpc-auth-body input[type="checkbox"] {
    border-radius: .24rem !important;
}


/* 2026-06-13 compact Assessment workspace tokens.
   These variables mirror the Kemenkes-like density while keeping HP Consulting colors and no-build assets. */
: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);
  --app-radius:18px;
  --app-radius-lg:22px;
  --app-shadow:0 12px 28px rgba(23,58,86,.065);
  --app-shadow-sm:0 7px 18px rgba(23,58,86,.045);
}
.hpc-auth-body .hpc-page-container .hpc-density-note{border:1px solid #d8e6f0;border-radius:var(--workspace-card-radius);background:#f8fbfd;padding:.75rem .9rem;color:#48627f;font-size:.82rem;line-height:1.45}
.hpc-auth-body .hpc-page-container .hpc-density-card{border:1px solid #d8e6f0;border-radius:var(--workspace-card-radius);background:#fff;padding:var(--workspace-card-padding);box-shadow:var(--workspace-shadow)}
@media(min-width:1024px){
  .hpc-auth-body .hpc-page-container .grid{gap:var(--workspace-gap)}
  .hpc-auth-body .hpc-page-container :where(.gap-6,.gap-5,.gap-4){gap:var(--workspace-gap)!important}
  .hpc-auth-body .hpc-page-container :where(.space-y-6,.space-y-5,.space-y-4)>*+*{margin-top:var(--workspace-gap)!important}
  .hpc-auth-body .hpc-page-container :where(.p-6,.p-5){padding:var(--workspace-card-padding)!important}
  .hpc-auth-body .hpc-page-container :where(.py-6,.py-5){padding-top:var(--workspace-card-padding)!important;padding-bottom:var(--workspace-card-padding)!important}
  .hpc-auth-body .hpc-page-container :where(.rounded-3xl,.rounded-2xl){border-radius:var(--workspace-card-radius)!important}
  .hpc-auth-body .hpc-page-container :where(input,select,textarea,.hpc-combobox-button){min-height:var(--workspace-control-height)!important}
  .hpc-auth-body .hpc-page-container :where(th,td){padding:var(--workspace-table-cell-padding)!important}
}

/* 2026-06-13: master-data terminology stabilization helpers. */
.hpc-master-page{gap:var(--workspace-gap,.85rem)}.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-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-json-examples{margin-top:.55rem;border:1px dashed #c7d2fe;background:#eef2ff;border-radius:14px;padding:.65rem}.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}.hpc-master-form-actions{display:flex;justify-content:flex-end;gap:.5rem;border-top:1px solid #e2e8f0;padding-top:.85rem}.as-btn-danger{border-color:#fecaca!important;color:#b91c1c!important;background:#fff!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-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-empty-state{border:1px dashed #cbd5e1;border-radius:18px;background:#f8fafc;padding:1rem;text-align:center;color:#64748b}.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-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}}

/* Foundation matrix + reusable catalog library stabilization (no-build). */
.hpc-matrix-stats,
.hpc-warning-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: .75rem;
}
.hpc-mini-card,
.hpc-gap-card {
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 16px;
    padding: .85rem 1rem;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .055);
}
.hpc-mini-card span,
.hpc-gap-card span { display:block; color:#64748b; font-size:.78rem; font-weight:650; }
.hpc-mini-card strong,
.hpc-gap-card strong { display:block; color:#0f172a; font-size:1.35rem; line-height:1.2; }
.hpc-mini-card-warning,
.hpc-gap-card.is-warning { border-color: rgba(247, 148, 29, .38); background: #fff7ed; }
.hpc-gap-card.is-ok { border-color: rgba(57, 181, 74, .28); background: #f0fdf4; }
.hpc-matrix-filters,
.hpc-library-filter-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
    gap: .65rem;
    align-items: end;
    margin-top: .85rem;
}
.hpc-tabs-card { padding: 0 !important; overflow: hidden; }
.hpc-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    padding: .75rem;
    border-bottom: 1px solid rgba(226, 232, 240, .9);
    background: linear-gradient(180deg, rgba(248,250,252,.9), #fff);
}
.hpc-tab {
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 999px;
    background: #fff;
    color: #334155;
    font-size: .78rem;
    font-weight: 750;
    padding: .5rem .78rem;
    cursor: pointer;
}
.hpc-tab.is-active { background: #1c8fbd; color: #fff; border-color: #1c8fbd; }
.hpc-tab-panel { padding: .9rem; }
.hpc-gap-section { border: 1px solid rgba(226,232,240,.9); border-radius: 16px; overflow:hidden; background:#fff; }
.as-card-header.compact { padding: .85rem 1rem; }
.hpc-master-pill-row.compact { margin-top: .35rem; gap: .25rem; }
.hpc-master-pill-warning { background: #fff7ed; border-color: rgba(247, 148, 29, .35); color: #9a3412; }
.hpc-preview-box { border:1px solid rgba(226,232,240,.9); background:#f8fafc; border-radius:14px; padding:.8rem; font-size:.88rem; line-height:1.55; color:#334155; }
.hpc-option-preview { display:flex; align-items:center; justify-content:space-between; gap:.75rem; border:1px solid rgba(226,232,240,.9); border-radius:12px; padding:.55rem .7rem; background:#fff; font-size:.84rem; }
.hpc-stack-small { display:grid; gap:.45rem; }
.mt-2 { margin-top: .5rem; }
.mt-3 { margin-top: .75rem; }
.p-4 { padding: 1rem; }
.border-t { border-top-width: 1px; }
.border-slate-100 { border-color: #f1f5f9; }
.as-badge-warning { background:#fff7ed; color:#9a3412; border:1px solid rgba(247,148,29,.28); }
.as-badge-danger { background:#fef2f2; color:#b91c1c; border:1px solid rgba(237,28,36,.22); }
@media (min-width: 1200px) {
    .hpc-foundation-matrix .hpc-matrix-stats { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .hpc-foundation-matrix .hpc-matrix-filters { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Human text stays readable. Technical tokens opt in through .text-token-wrap. */
:where(.hpc-app-main,.hpc-main-content,.hpc-page-container,.public-page,.public-container) :where(h1,h2,h3,h4,h5,h6) {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
    text-wrap: balance;
}
:where(.hpc-app-main,.hpc-main-content,.hpc-page-container,.public-page,.public-container) :where(p,span,div,strong,small,label,dd,dt,li,th,td,a) {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: normal;
}
:where(.hpc-app-main, .hpc-main-content, .hpc-page-container) :where(table, .as-table, .hpc-table) :where(th, td) {
    white-space: normal !important;
    vertical-align: top;
}

/* HPC-AC Guide v2: compact professional help center */
.hpc-guide-v2{display:flex;flex-direction:column;gap:1rem}.hpc-guide-v2-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:1rem;align-items:center;padding:1.25rem;border:1px solid rgba(28,143,189,.18);border-radius:1.25rem;background:linear-gradient(135deg,#f8fbff 0%,#eef7ff 100%);box-shadow:0 10px 30px rgba(15,23,42,.06)}.hpc-guide-v2-hero h1{margin:.35rem 0 .5rem;font-size:clamp(1.55rem,3vw,2.55rem);line-height:1.05;color:#0f172a}.hpc-guide-v2-hero p{max-width:72ch;color:#334155}.hpc-guide-v2-muted{color:#64748b!important}.hpc-guide-v2-hero-visual{margin:0}.hpc-guide-v2-hero-visual img{width:100%;display:block;border-radius:1rem;border:1px solid #dbeafe;background:white}.hpc-guide-v2-search{margin-top:1rem;display:flex;align-items:center;gap:.65rem;max-width:620px;padding:.65rem .85rem;border:1px solid #cbd5e1;border-radius:999px;background:#fff}.hpc-guide-v2-search span{font-size:1.1rem;color:#1c8fbd}.hpc-guide-v2-search input{width:100%;border:0;outline:0;background:transparent;color:#0f172a}.hpc-guide-v2-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.hpc-guide-v2-stat,.hpc-guide-v2-card,.hpc-guide-v2-feature,.hpc-guide-v2-visual,.hpc-guide-v2-faq,.hpc-guide-v2-mermaid,.hpc-guide-v2-audit{border:1px solid #dbeafe;border-radius:1rem;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.04)}.hpc-guide-v2-stat{padding:.9rem}.hpc-guide-v2-stat span,.hpc-guide-v2-card-title-row span{display:inline-flex;padding:.15rem .55rem;border-radius:999px;background:#e0f2fe;color:#075985;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.hpc-guide-v2-stat strong{display:block;margin:.45rem 0 .25rem;color:#0f172a}.hpc-guide-v2-stat small{color:#64748b}.hpc-guide-v2-jump{display:flex;flex-wrap:wrap;gap:.5rem;position:sticky;top:.65rem;z-index:5;padding:.55rem;border:1px solid #e2e8f0;border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px)}.hpc-guide-v2-jump a{padding:.45rem .7rem;border-radius:999px;text-decoration:none;color:#0f172a;font-weight:700;font-size:.86rem}.hpc-guide-v2-jump a:hover{background:#e0f2fe;color:#075985}.hpc-guide-v2-section{display:flex;flex-direction:column;gap:.75rem}.hpc-guide-v2-section-head{display:flex;align-items:end;gap:.75rem}.hpc-guide-v2-section-head h2{margin:0;color:#0f172a;font-size:1.35rem}.hpc-guide-v2-role-grid,.hpc-guide-v2-tutorial-grid,.hpc-guide-v2-faq-grid,.hpc-guide-v2-mermaid-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.hpc-guide-v2-card{padding:1rem}.hpc-guide-v2-card h3,.hpc-guide-v2-feature h3,.hpc-guide-v2-visual h3{margin:0 0 .35rem;color:#0f172a}.hpc-guide-v2-card p,.hpc-guide-v2-feature p,.hpc-guide-v2-visual p,.hpc-guide-v2-link-row p{margin:.1rem 0;color:#475569}.hpc-guide-v2-card ol{margin:.7rem 0 0;padding-left:1.2rem}.hpc-guide-v2-card li{margin:.25rem 0;color:#334155}.hpc-guide-v2-card-title-row{display:flex;align-items:start;justify-content:space-between;gap:.75rem}.hpc-guide-v2-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.hpc-guide-v2-feature{overflow:hidden}.hpc-guide-v2-feature header{padding:1rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.hpc-guide-v2-links{display:flex;flex-direction:column}.hpc-guide-v2-link-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-top:1px solid #f1f5f9}.hpc-guide-v2-link-row:first-child{border-top:0}.hpc-guide-v2-link-row code{display:inline-flex;margin-top:.3rem;font-size:.72rem;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.45rem;padding:.12rem .35rem;max-width:100%;white-space:normal;word-break:break-word}.hpc-guide-v2-link-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:.48rem .72rem;border-radius:.7rem;background:#1c8fbd;color:#fff!important;text-decoration:none;font-weight:800;font-size:.82rem}.hpc-guide-v2-link-button.soft{background:#e0f2fe;color:#075985!important}.hpc-guide-v2-route-missing{display:inline-flex;padding:.42rem .6rem;border-radius:.7rem;background:#fef3c7;color:#92400e;font-weight:700;font-size:.78rem}.hpc-guide-v2-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.hpc-guide-v2-visual{overflow:hidden}.hpc-guide-v2-visual img{width:100%;display:block;background:#f8fafc;border-bottom:1px solid #e2e8f0}.hpc-guide-v2-visual div{padding:1rem}.hpc-guide-v2-faq,.hpc-guide-v2-mermaid{padding:.95rem}.hpc-guide-v2-faq summary,.hpc-guide-v2-mermaid summary{cursor:pointer;font-weight:800;color:#0f172a}.hpc-guide-v2-faq p{margin:.7rem 0 0;color:#475569}.hpc-guide-v2-mermaid summary{display:flex;justify-content:space-between;gap:1rem}.hpc-guide-v2-mermaid summary span{font-size:.78rem;color:#64748b}.hpc-guide-v2-mermaid pre,.hpc-guide-v2-audit pre{overflow:auto;margin:.75rem 0 0;padding:.85rem;border-radius:.8rem;background:#0f172a;color:#e2e8f0;font-size:.82rem;line-height:1.45}.hpc-guide-v2-audit{padding:1rem}.hpc-guide-v2-audit pre{margin:0}@media (max-width:1200px){.hpc-guide-v2-stats,.hpc-guide-v2-role-grid,.hpc-guide-v2-tutorial-grid,.hpc-guide-v2-faq-grid,.hpc-guide-v2-mermaid-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hpc-guide-v2-hero{grid-template-columns:1fr}}@media (max-width:760px){.hpc-guide-v2-stats,.hpc-guide-v2-role-grid,.hpc-guide-v2-tutorial-grid,.hpc-guide-v2-faq-grid,.hpc-guide-v2-mermaid-grid,.hpc-guide-v2-feature-grid,.hpc-guide-v2-visual-grid{grid-template-columns:1fr}.hpc-guide-v2-jump{border-radius:1rem;position:static}.hpc-guide-v2-link-row{align-items:flex-start;flex-direction:column}.hpc-guide-v2-hero{padding:.9rem}}

/* Session Creation Wizard v3 — compact, stable no-build form helpers */
.hpc-session-form{container-type:inline-size;}
.hpc-session-form select{min-height:44px;}
.hpc-session-form textarea{min-height:92px;resize:vertical;line-height:1.45;}
.hpc-session-form textarea.font-mono{min-height:118px;white-space:pre;overflow:auto;}
.hpc-session-form .hpc-combobox{width:100%;}
.hpc-session-form .hpc-combobox-button{min-height:44px;border-color:#bfd5e5;border-radius:16px;background:#fff;font-weight:800;}
.hpc-session-form .hpc-combobox.open .hpc-combobox-button{border-color:#1c8fbd;box-shadow:0 0 0 4px rgba(28,143,189,.12);}
.hpc-session-form .hpc-combobox-panel{z-index:250;max-height:min(380px,62vh);overflow:auto;}
.hpc-session-form .hpc-combobox-search{min-height:40px;font-weight:800;}
.hpc-session-form .hpc-pill{max-width:100%;}
.hpc-session-form .hpc-pill span{max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hpc-pill-select-list{display:flex;flex-wrap:wrap;gap:.45rem;max-height:12rem;overflow:auto;border:1px solid #dbe5ef;border-radius:16px;background:#f8fbfd;padding:.55rem;}
.hpc-check-pill{display:inline-flex;align-items:center;gap:.45rem;min-height:34px;max-width:100%;border:1px solid #dbe5ef;border-radius:999px;background:#fff;padding:.4rem .7rem;font-size:.76rem;font-weight:900;color:#334155;box-shadow:0 1px 2px rgba(15,23,42,.04);cursor:pointer;}
.hpc-check-pill:hover{border-color:#a9d8eb;background:#f1f9fd;color:#075985;}
.hpc-check-pill input{width:16px!important;height:16px!important;min-height:16px!important;accent-color:#1c8fbd;flex:0 0 auto;}
.hpc-check-pill:has(input:checked){border-color:#8bd0ea;background:#eaf7fc;color:#075985;}
.hpc-check-card{display:flex;align-items:flex-start;gap:.65rem;min-width:0;border:1px solid #dbe5ef;border-radius:16px;background:#fff;padding:.7rem .8rem;font-size:.85rem;font-weight:800;box-shadow:0 1px 2px rgba(15,23,42,.04);cursor:pointer;}
.hpc-check-card:hover{border-color:#a9d8eb;background:#f8fcff;}
.hpc-check-card input{width:17px!important;height:17px!important;min-height:17px!important;accent-color:#1c8fbd;flex:0 0 auto;margin-top:.15rem;}
.hpc-check-card:has(input:checked){border-color:#8bd0ea;background:#eaf7fc;}
.hpc-blueprint-table-wrap{overflow:auto;border:1px solid #dbe5ef;border-radius:18px;background:#fff;}
.hpc-blueprint-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0;font-size:.8rem;}
.hpc-blueprint-table th{position:sticky;top:0;z-index:2;background:#f8fafc;color:#475569;font-size:.66rem;text-transform:uppercase;letter-spacing:.11em;text-align:left;}
.hpc-blueprint-table th,.hpc-blueprint-table td{border-bottom:1px solid #edf2f7;padding:.55rem .6rem;vertical-align:top;}
.hpc-blueprint-table tr:last-child td{border-bottom:0;}
.hpc-blueprint-table input[type="number"],.hpc-blueprint-table input[type="text"],.hpc-blueprint-table select{min-height:36px;border:1px solid #cbddec;border-radius:12px;padding:.35rem .5rem;font-weight:800;}
.hpc-blueprint-stage-input{width:78px;}
.hpc-blueprint-name{min-width:220px;}
.hpc-blueprint-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.18rem .5rem;font-size:.68rem;font-weight:950;}
.hpc-blueprint-chip.potential{background:#eef6ff;color:#075985;}
.hpc-blueprint-chip.competency{background:#ecfdf3;color:#166534;}
.hpc-stage-instruction-preview{border:1px solid #dbeafe;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#fff);padding:1rem;}
.hpc-stage-instruction-preview .preview-title{font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:#1d4ed8;}
@media (max-width:900px){.hpc-session-form .hpc-combobox-panel{position:fixed;left:1rem;right:1rem;top:auto;bottom:1rem;max-height:55vh}.hpc-blueprint-table{min-width:860px}}

/* Session Creation Wizard v4 — blueprint from selected question sets + richer compact controls */
.hpc-session-form .hpc-richtext{width:100%;min-width:0;border-color:#bfd5e5;border-radius:16px;overflow:hidden;background:#fff;}
.hpc-session-form .hpc-richtext-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;padding:.45rem;border-bottom:1px solid #dbe5ef;background:#f8fbfd;}
.hpc-session-form .hpc-richtext-toolbar button{width:auto!important;min-height:30px!important;padding:.35rem .55rem!important;border-radius:10px!important;font-size:.72rem!important;line-height:1!important;}
.hpc-session-form .hpc-richtext-editor{min-height:132px;max-height:320px;overflow:auto;padding:.8rem;color:#122033;font-size:.9rem;font-weight:650;line-height:1.5;text-transform:none!important;letter-spacing:0!important;}
.hpc-session-form .hpc-richtext textarea{display:none!important;}
.hpc-session-form .hpc-multi-picker{display:grid;gap:.55rem;min-width:0;}
.hpc-session-form .hpc-multi-picker-head{display:grid;gap:.45rem;border:1px solid #dbe5ef;border-radius:16px;background:#fff;padding:.55rem;}
.hpc-session-form .hpc-multi-picker-selected{display:flex;min-height:30px;align-items:center;gap:.35rem;flex-wrap:wrap;min-width:0;}
.hpc-session-form .hpc-multi-placeholder{color:#64748b;font-size:.78rem;font-weight:850;text-transform:none;letter-spacing:0;}
.hpc-session-form .hpc-multi-search{min-height:38px!important;border-radius:12px!important;padding:.5rem .65rem!important;font-size:.82rem!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;}
.hpc-session-form .hpc-pill-select-list{max-height:13.5rem;align-content:flex-start;}
.hpc-session-form .hpc-check-pill[hidden]{display:none!important;}
.hpc-tab-pills{display:inline-flex;gap:.35rem;padding:.25rem;border:1px solid #dbe5ef;border-radius:999px;background:#f8fbfd;}
.hpc-tab-pills button{min-height:34px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;padding:.45rem .85rem!important;color:#475569!important;font-size:.76rem!important;font-weight:950!important;}
.hpc-tab-pills button.is-active{background:#173a56!important;color:#fff!important;}
.hpc-blueprint-table.is-lean{min-width:780px;}
.hpc-blueprint-table.is-lean th:first-child,.hpc-blueprint-table.is-lean td:first-child{width:64px;text-align:center;}
.hpc-blueprint-table.is-lean .hpc-blueprint-name{min-width:260px;}
.hpc-blueprint-table.is-lean input[type="number"]{max-width:110px;}
.hpc-blueprint-table.is-lean input[type="checkbox"]{width:18px!important;height:18px!important;min-height:18px!important;}
@media (max-width:1100px){
  .hpc-session-form .grid.lg\:grid-cols-12{grid-template-columns:1fr!important;}
  .hpc-session-form [class*="lg:col-span-"]{grid-column:auto!important;}
  .hpc-session-form .hpc-richtext-editor{min-height:120px;}
}

/* Interview workspace, tabs, toasts, and validation helpers */
[data-hpc-tab-panel][hidden],
[data-hpc-tab-panel].hidden {
    display: none !important;
}

.hpc-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.5rem;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

.hpc-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: #475569;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.1;
    padding: 0.5rem 0.8rem;
    transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.hpc-tab:hover {
    border-color: #bae6fd;
    background: #f0f9ff;
    color: #075985;
}

.hpc-tab.is-active,
.hpc-tab[aria-selected="true"] {
    border-color: #0ea5e9;
    background: #e0f2fe;
    color: #075985;
}

.hpc-toast-region {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 9999;
    display: grid;
    width: min(24rem, calc(100vw - 2rem));
    gap: 0.65rem;
    pointer-events: none;
}

.hpc-toast {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: flex-start;
    border: 1px solid #dbe5ef;
    border-left-width: 0.32rem;
    border-radius: 0.9rem;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
    color: #0f172a;
    line-height: 1.35;
    padding: 0.78rem 0.85rem;
    pointer-events: auto;
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.hpc-toast-success {
    border-left-color: #39b54a;
}

.hpc-toast-error {
    border-left-color: #ed1c24;
}

.hpc-toast-warning {
    border-left-color: #f7941d;
}

.hpc-toast-info,
.hpc-toast-message {
    border-left-color: #1c8fbd;
}

.hpc-toast-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 999px;
    background: #f1f5f9;
    font-size: 1rem;
}

.hpc-toast-title {
    margin-bottom: 0.12rem;
    color: #0f172a;
    font-size: 0.82rem;
    font-weight: 900;
}

.hpc-toast-message-text {
    color: #334155;
    font-size: 0.82rem;
    font-weight: 650;
}

.hpc-toast-close {
    border: 0;
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 900;
    line-height: 1;
    padding: 0.2rem 0.45rem;
}

.hpc-toast-close:hover {
    background: #e2e8f0;
    color: #0f172a;
}

.hpc-toast.is-leaving {
    opacity: 0;
    transform: translateY(-0.4rem);
}

.hpc-field-needs-attention,
[aria-invalid="true"] {
    outline: 3px solid rgba(237, 28, 36, 0.16);
    outline-offset: 2px;
}

@media (max-width: 720px) {
    .hpc-toast-region {
        top: auto;
        right: 0.75rem;
        bottom: 0.75rem;
        left: 0.75rem;
        width: auto;
    }

    .hpc-tab {
        flex: 1 1 auto;
    }
}


/* Assessment session form v5 — guided, compact and validation-aware. */
.hpc-session-page {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
}

.hpc-session-intro,
.hpc-session-alert,
.hpc-session-form {
    border: 1px solid #d8e6ef;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 8px 24px rgba(23, 58, 86, 0.05);
}

.hpc-session-intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 20px;
}

.hpc-session-intro h2,
.hpc-session-section-head h2,
.hpc-session-card > h2 {
    margin: 0.2rem 0 0.3rem;
    color: #122033;
    font-size: clamp(1.05rem, 1.6vw, 1.35rem);
    letter-spacing: -0.02em;
}

.hpc-session-intro p,
.hpc-session-section-head p,
.hpc-session-card > p {
    margin: 0;
    color: #61748d;
    font-size: 0.82rem;
    line-height: 1.5;
}

.hpc-session-eyebrow {
    display: inline-flex;
    align-items: center;
    width: max-content;
    color: #1676a0;
    font-size: 0.66rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.hpc-session-intro-note {
    display: grid;
    flex: 0 0 auto;
    gap: 0.1rem;
    min-width: 220px;
    padding: 0.7rem 0.85rem;
    border: 1px solid #cfe7f2;
    border-radius: 14px;
    background: #f0f9fd;
    color: #25516d;
}

.hpc-session-intro-note strong { font-size: 0.76rem; }
.hpc-session-intro-note span { font-size: 0.72rem; }

.hpc-session-alert {
    padding: 0.75rem 0.9rem;
    border-radius: 15px;
    font-size: 0.84rem;
    font-weight: 850;
}

.hpc-session-alert-success {
    border-color: #bce8c4;
    background: #f0fbf2;
    color: #166534;
}

.hpc-session-form {
    position: relative;
    overflow: visible;
    border-radius: 22px;
}

.hpc-session-steps {
    position: sticky;
    top: calc(var(--topbar-height, 64px) + 0.45rem);
    z-index: 35;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.35rem;
    padding: 0.55rem;
    border-bottom: 1px solid #dce8f0;
    border-radius: 22px 22px 0 0;
    background: rgba(248, 251, 253, 0.97);
    backdrop-filter: blur(12px);
}

.hpc-session-step {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 0.55rem;
    align-items: center;
    min-width: 0;
    min-height: 52px !important;
    padding: 0.48rem 0.6rem !important;
    border: 1px solid transparent !important;
    border-radius: 14px !important;
    background: transparent !important;
    color: #50647b !important;
    text-align: left;
    box-shadow: none !important;
}

.hpc-session-step > span {
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: #e6eef4;
    color: #4b6075;
    font-size: 0.74rem;
    font-weight: 950;
}

.hpc-session-step strong {
    overflow: hidden;
    color: inherit;
    font-size: 0.77rem;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hpc-session-step small {
    overflow: hidden;
    color: #8494a7;
    font-size: 0.66rem;
    font-weight: 750;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hpc-session-step:hover {
    border-color: #cce4ef !important;
    background: #f2f9fc !important;
}

.hpc-session-step.is-active {
    border-color: #9fd5e9 !important;
    background: #eaf7fc !important;
    color: #126f98 !important;
}

.hpc-session-step.is-active > span {
    background: #1c8fbd;
    color: #fff;
}

.hpc-session-panel {
    display: grid;
    gap: 0.8rem;
    padding: 0.85rem;
}

.hpc-session-card,
.hpc-session-stage-list {
    min-width: 0;
    margin: 0;
    padding: 1rem;
    border: 1px solid #dce8f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: none;
}

.hpc-session-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e7eef3;
}

.hpc-session-form label,
.hpc-session-form .hpc-session-field,
.hpc-session-form label.space-y-1,
.hpc-session-form label.space-y-2,
.hpc-session-form label.block {
    display: grid;
    align-content: start;
    gap: 0.32rem;
    min-width: 0;
    margin: 0;
    color: #50647b;
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: none;
}

.hpc-session-form :where(label.space-y-1, label.space-y-2, label.block) > * + *,
.hpc-session-form :where(.hpc-session-field) > * + * {
    margin-top: 0 !important;
}

.hpc-session-label,
.hpc-session-form label > span:first-child:not(.hpc-pill):not(.hpc-combobox-value),
.hpc-session-form .space-y-2 > div:first-child {
    color: #4f647b;
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.055em;
    line-height: 1.25;
    text-transform: uppercase;
}

.hpc-session-label b,
.hpc-session-form label b.text-rose-600 { color: #dc2626; }

.hpc-session-control,
.hpc-session-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.hpc-session-form select,
.hpc-session-form textarea {
    width: 100%;
    min-width: 0;
    min-height: 40px;
    border-color: #bfd5e5;
    border-radius: 12px;
    padding: 0.58rem 0.68rem;
    background: #fff;
    color: #122033;
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
}

.hpc-session-form textarea { min-height: 84px; }
.hpc-session-form textarea.font-mono { min-height: 96px; }

.hpc-session-control:focus,
.hpc-session-form input:focus,
.hpc-session-form select:focus,
.hpc-session-form textarea:focus {
    border-color: #1c8fbd;
    box-shadow: 0 0 0 3px rgba(28, 143, 189, 0.12);
}

.hpc-session-form [aria-invalid="true"] {
    border-color: #e66565 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1) !important;
}

.hpc-session-help,
.hpc-session-form p.text-slate-500,
.hpc-session-form p.text-\[11px\] {
    margin: 0;
    color: #75869a !important;
    font-size: 0.7rem !important;
    font-weight: 650;
    line-height: 1.4;
    text-transform: none;
    letter-spacing: 0;
}

.hpc-session-error,
.hpc-session-form [data-error-field],
.hpc-session-form p.text-rose-600 {
    margin: 0;
    color: #c92424 !important;
    font-size: 0.72rem !important;
    font-weight: 850;
    line-height: 1.35;
    text-transform: none;
    letter-spacing: 0;
}

.hpc-session-essential-grid,
.hpc-session-grid-2,
.hpc-session-grid-3 {
    display: grid;
    gap: 0.75rem;
    align-items: start;
}

.hpc-session-essential-grid,
.hpc-session-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hpc-session-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hpc-session-span-2 { grid-column: span 2 / span 2; }

.hpc-session-switch {
    display: flex !important;
    flex: 0 0 auto;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: flex-start !important;
    gap: 0.6rem !important;
    min-width: 190px !important;
    padding: 0.62rem 0.72rem;
    border: 1px solid #cee4ee;
    border-radius: 14px;
    background: #f4fafc;
}

.hpc-session-switch input,
.hpc-session-form input[type="checkbox"],
.hpc-session-form input[type="radio"] {
    width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    flex: 0 0 auto;
    margin: 0.1rem 0 0;
    padding: 0;
    accent-color: #1c8fbd;
}

.hpc-session-switch span { display: grid; gap: 0.05rem; }
.hpc-session-switch strong { color: #24455d; font-size: 0.76rem; }
.hpc-session-switch small { color: #718499; font-size: 0.66rem; line-height: 1.35; }

.hpc-session-disclosure,
.hpc-stage-disclosure {
    overflow: hidden;
    border: 1px solid #dce8f0;
    border-radius: 15px;
    background: #fbfdfe;
}

.hpc-session-disclosure + .hpc-session-disclosure { margin-top: 0.65rem; }

.hpc-session-disclosure > summary,
.hpc-stage-disclosure > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    min-height: 46px;
    padding: 0.68rem 0.8rem;
    cursor: pointer;
    list-style: none;
    color: #294a62;
    font-size: 0.79rem;
    font-weight: 900;
}

.hpc-session-disclosure > summary::-webkit-details-marker,
.hpc-stage-disclosure > summary::-webkit-details-marker { display: none; }

.hpc-session-disclosure > summary:hover,
.hpc-stage-disclosure > summary:hover { background: #f1f8fb; }

.hpc-session-disclosure[open] > summary,
.hpc-stage-disclosure[open] > summary { border-bottom: 1px solid #e0eaf1; background: #f4fafc; }

.hpc-session-disclosure-icon::before,
.hpc-session-disclosure > summary::after,
.hpc-stage-disclosure > summary::after {
    content: "+";
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    border-radius: 8px;
    background: #e6f4fa;
    color: #1676a0;
    font-size: 1rem;
    font-weight: 950;
}

.hpc-session-disclosure[open] > summary::after,
.hpc-stage-disclosure[open] > summary::after { content: "−"; }
.hpc-session-disclosure-icon { display: none; }

.hpc-session-disclosure-body,
.hpc-stage-disclosure-body { padding: 0.8rem; }
.hpc-session-disclosure-list { display: grid; gap: 0.65rem; margin-top: 0.8rem; }

.hpc-session-code {
    min-height: 92px !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.74rem !important;
    white-space: pre;
}

.hpc-session-meeting-extra {
    padding: 0.75rem;
    border: 1px solid #d9e8f0;
    border-radius: 14px;
    background: #f8fbfd;
}

.hpc-session-form .hpc-richtext.is-compact .hpc-richtext-editor {
    min-height: 82px;
    max-height: 190px;
    padding: 0.62rem 0.7rem;
    font-size: 0.82rem;
}

.hpc-session-form .hpc-richtext.is-compact .hpc-richtext-toolbar {
    padding: 0.35rem;
}

.hpc-session-form .hpc-richtext.is-compact .hpc-richtext-toolbar button {
    min-height: 27px !important;
    padding: 0.3rem 0.48rem !important;
    font-size: 0.68rem !important;
}

.hpc-session-stage-list {
    display: grid;
    gap: 0.75rem;
}

.hpc-session-stage-card {
    min-width: 0;
    border-color: #d8e6ef !important;
    border-radius: 17px !important;
    box-shadow: 0 4px 16px rgba(23, 58, 86, 0.04) !important;
}

.hpc-session-stage-card > .border-b { padding: 0.75rem 0.85rem !important; }
.hpc-session-stage-card > .space-y-5 { display: grid; gap: 0.65rem; padding: 0.75rem !important; }
.hpc-session-stage-card > .space-y-5 > * { margin-top: 0 !important; }
.hpc-session-stage-card .rounded-2xl.p-4 { padding: 0.8rem !important; }
.hpc-session-stage-card h3 { margin: 0; }
.hpc-session-stage-card p { margin-bottom: 0; }

.hpc-session-form .hpc-check-card,
.hpc-session-form .hpc-check-pill,
.hpc-session-form label.flex {
    display: flex;
    align-items: flex-start;
    gap: 0.52rem;
    min-width: 0;
    margin: 0;
    color: #354c61;
    font-size: 0.76rem;
    font-weight: 780;
    letter-spacing: 0;
    text-transform: none;
}

.hpc-session-form label.flex.items-center { align-items: center; }

.hpc-session-choice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
    margin-top: 0.8rem;
}

.hpc-session-choice {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.55rem !important;
    min-height: 48px;
    padding: 0.65rem 0.72rem;
    border: 1px solid #dce8f0;
    border-radius: 13px;
    background: #fbfdfe;
    color: #344b60 !important;
    font-size: 0.77rem !important;
    font-weight: 800 !important;
    text-transform: none !important;
}

.hpc-session-choice:has(input:checked) {
    border-color: #9ed5e9;
    background: #edf8fc;
    color: #126f98 !important;
}

.hpc-session-panel-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.1rem;
}

.hpc-session-back,
.hpc-session-next,
.hpc-session-cancel,
.hpc-session-save {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 39px !important;
    border-radius: 12px !important;
    padding: 0.58rem 0.85rem !important;
    font-size: 0.78rem;
    font-weight: 900;
}

.hpc-session-back,
.hpc-session-cancel {
    border: 1px solid #ccdce7 !important;
    background: #fff !important;
    color: #365168 !important;
}

.hpc-session-next,
.hpc-session-save {
    border: 1px solid #1c8fbd !important;
    background: #1c8fbd !important;
    color: #fff !important;
}

.hpc-session-back:hover,
.hpc-session-cancel:hover { background: #f4f8fb !important; }
.hpc-session-next:hover,
.hpc-session-save:hover { background: #167ba2 !important; }

.hpc-session-ready-note,
.hpc-session-save-hint {
    color: #718499;
    font-size: 0.7rem;
    font-weight: 700;
}

.hpc-session-savebar {
    position: sticky;
    bottom: 0;
    z-index: 34;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    border-top: 1px solid #dce8f0;
    border-radius: 0 0 22px 22px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 -10px 24px rgba(23, 58, 86, 0.06);
    backdrop-filter: blur(12px);
}

.hpc-session-savebar > div {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

@media (max-width: 1180px) {
    .hpc-session-intro-note { display: none; }
    .hpc-session-step small { display: none; }
    .hpc-session-step { grid-template-rows: auto; }
    .hpc-session-step > span { grid-row: auto; }
    .hpc-session-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
    .hpc-session-intro { align-items: flex-start; padding: 0.85rem; }
    .hpc-session-steps {
        position: static;
        display: flex;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
    }
    .hpc-session-step { flex: 0 0 148px; }
    .hpc-session-essential-grid,
    .hpc-session-grid-2,
    .hpc-session-grid-3,
    .hpc-session-choice-grid { grid-template-columns: 1fr; }
    .hpc-session-span-2 { grid-column: auto; }
    .hpc-session-section-head { display: grid; }
    .hpc-session-switch { width: 100%; min-width: 0 !important; }
    .hpc-session-save-hint,
    .hpc-session-ready-note { display: none; }
}

@media (max-width: 620px) {
    .hpc-session-page { gap: 0.65rem; }
    .hpc-session-intro h2 { font-size: 1.05rem; }
    .hpc-session-intro p { font-size: 0.76rem; }
    .hpc-session-panel,
    .hpc-session-card,
    .hpc-session-stage-list { padding: 0.68rem; }
    .hpc-session-panel-nav { align-items: stretch; }
    .hpc-session-panel-nav > button { flex: 1 1 0; }
    .hpc-session-savebar { padding: 0.55rem 0.65rem; }
    .hpc-session-savebar > div { flex: 1; }
    .hpc-session-save { width: 100%; }
    .hpc-session-cancel { flex: 0 0 auto; }
}

.hpc-stage-disclosure > summary > span:first-child {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.hpc-stage-disclosure > summary strong {
    color: #294a62;
    font-size: 0.79rem;
}

.hpc-stage-disclosure > summary small {
    color: #73869a;
    font-size: 0.68rem;
    font-weight: 700;
}

/* Assessment session workflow safety and progressive disclosure */
.hpc-package-apply-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .75rem;
    border: 1px solid #b9d7e8;
    border-radius: 16px;
    background: #f4fbff;
}
.hpc-package-apply-card > div:first-child { display: grid; gap: .12rem; min-width: 0; }
.hpc-package-apply-card strong { color: #123e59; font-size: .82rem; }
.hpc-package-apply-card span,
.hpc-package-apply-card small { color: #607b8d; font-size: .7rem; font-weight: 700; }
.hpc-package-apply-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .45rem; }
.hpc-package-apply-actions .hpc-session-next,
.hpc-package-apply-actions .hpc-session-back { min-height: 34px !important; padding: .42rem .68rem !important; }

.hpc-picker-toolbar { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .55rem; align-items: center; }
.hpc-picker-toolbar-actions { display: flex; flex-wrap: wrap; gap: .35rem; }
.hpc-picker-toolbar-actions button {
    min-height: 38px;
    border: 1px solid #cbdbe7;
    border-radius: 11px;
    background: #fff;
    color: #365168;
    padding: .45rem .65rem;
    font-size: .7rem;
    font-weight: 900;
}
.hpc-picker-toolbar-actions button:hover { background: #f4f8fb; }

.hpc-stage-header-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .35rem; }
.hpc-stage-edit-button,
.hpc-stage-icon-button {
    min-height: 34px;
    border: 1px solid #cbdbe7;
    border-radius: 10px;
    background: #fff;
    color: #365168;
    padding: .4rem .62rem;
    font-size: .68rem;
    font-weight: 900;
}
.hpc-stage-edit-button { border-color: #1c8fbd; background: #1c8fbd; color: #fff; }
.hpc-stage-icon-button:hover:not(:disabled) { background: #f4f8fb; }
.hpc-stage-icon-button:disabled { cursor: not-allowed; opacity: .38; }
.hpc-stage-icon-button.is-danger { border-color: #fecdd3; color: #be123c; }
.hpc-stage-icon-button.is-danger:hover { background: #fff1f2; }

.hpc-readiness-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    border-radius: 999px;
    padding: .3rem .58rem;
    font-size: .67rem;
    font-weight: 900;
    white-space: nowrap;
}
.hpc-readiness-badge.is-ready { background: #e8f8ef; color: #16733f; }
.hpc-readiness-badge.is-warning { background: #fff6df; color: #9a5b00; }

.hpc-stage-issue-list,
.hpc-readiness-list {
    border-radius: 14px;
    padding: .72rem .85rem;
    font-size: .75rem;
    line-height: 1.45;
}
.hpc-stage-issue-list { border: 1px solid #f7d78a; background: #fff9e8; color: #7f4b00; }
.hpc-stage-issue-list strong,
.hpc-readiness-list strong { display: block; margin-bottom: .25rem; font-size: .75rem; }
.hpc-stage-issue-list ul,
.hpc-readiness-list ul { margin: 0; padding-left: 1.1rem; }
.hpc-readiness-card { display: grid; gap: .65rem; }
.hpc-readiness-list.is-blocker { border: 1px solid #fecdd3; background: #fff1f2; color: #9f1239; }
.hpc-readiness-list.is-warning { border: 1px solid #f7d78a; background: #fff9e8; color: #7f4b00; }

@media (max-width: 860px) {
    .hpc-package-apply-card,
    .hpc-picker-toolbar { grid-template-columns: 1fr; display: grid; }
    .hpc-package-apply-actions,
    .hpc-picker-toolbar-actions { justify-content: flex-start; }
    .hpc-stage-header-actions { justify-content: flex-start; }
}

/* 2026-07-17: tenant-aware system-error triage workspace. */

/* System error triage workspace */
.hpc-navbar-error-button {
    position:relative;
    border-color:#fecaca!important;
    background:#fff1f2!important;
    color:#be123c!important
}

.hpc-navbar-error-button>svg {
    width:21px!important;
    height:21px!important
}

.hpc-navbar-error-count {
    position:absolute;
    top:-6px;
    right:-6px;
    display:grid;
    place-items:center;
    min-width:20px;
    height:20px;
    border:2px solid #fff;
    border-radius:999px;
    background:#be123c;
    color:#fff;
    padding:0 4px;
    font-size:10px;
    font-weight:950;
    line-height:1
}

.hpc-error-workspace {
    width:100%;
    min-width:0
}

.hpc-error-kicker {
    margin:0 0 .3rem;
    color:#16844a;
    font-size:.68rem;
    font-weight:950;
    letter-spacing:.2em;
    text-transform:uppercase
}

.hpc-error-summary-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:.75rem
}

.hpc-error-summary-card {
    display:grid;
    gap:.22rem;
    border:1px solid #dbe5ef;
    border-radius:18px;
    background:#fff;
    padding:.85rem 1rem;
    box-shadow:0 8px 22px rgba(15,23,42,.04)
}

.hpc-error-summary-card span {
    color:#64748b;
    font-size:.68rem;
    font-weight:950;
    letter-spacing:.08em;
    text-transform:uppercase
}

.hpc-error-summary-card strong {
    color:#0f172a;
    font-size:1.65rem;
    line-height:1
}

.hpc-error-summary-card small {
    color:#7c8da1;
    font-size:.72rem
}

.hpc-error-summary-card.is-danger {
    border-color:#fecdd3;
    background:#fff8f9
}

.hpc-error-summary-card.is-warning {
    border-color:#fde68a;
    background:#fffbeb
}

.hpc-error-summary-card.is-success {
    border-color:#bbf7d0;
    background:#f0fdf4
}

.hpc-error-filters {
    display:grid!important;
    grid-template-columns:minmax(260px,2fr) repeat(4,minmax(140px,1fr)) auto;
    gap:.7rem!important;
    align-items:end;
    border:1px solid #dbe5ef!important;
    border-radius:20px!important;
    background:#fff!important;
    padding:.9rem!important;
    box-shadow:0 8px 24px rgba(15,23,42,.04)!important
}

.hpc-error-filters label {
    margin-bottom:.3rem!important;
    font-size:.66rem!important
}

.hpc-error-filter-search {
    min-width:0
}

.hpc-error-filter-actions {
    display:flex;
    gap:.5rem;
    align-items:center
}

.hpc-error-primary-button {
    border-color:#0f172a!important;
    background:#0f172a!important;
    color:#fff!important
}

.hpc-error-table-card {
    overflow:hidden;
    border:1px solid #dbe5ef;
    border-radius:20px;
    background:#fff;
    box-shadow:0 10px 28px rgba(15,23,42,.05)
}

.hpc-error-table-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    padding:.85rem 1rem;
    border-bottom:1px solid #e8eef4
}

.hpc-error-table-heading h2 {
    margin:0;
    color:#0f172a;
    font-size:.95rem;
    font-weight:950
}

.hpc-error-table-heading p {
    margin:.18rem 0 0;
    color:#64748b;
    font-size:.76rem
}

.hpc-error-active-indicator {
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    border:1px solid #fecdd3;
    border-radius:999px;
    background:#fff1f2;
    color:#9f1239;
    padding:.3rem .55rem;
    font-size:.68rem;
    font-weight:900
}

.hpc-error-active-indicator>span {
    width:7px;
    height:7px;
    border-radius:999px;
    background:#e11d48
}

.hpc-page-container .hpc-error-table {
    min-width:1360px;
    border:0!important;
    border-radius:0!important
}

.hpc-page-container .hpc-error-table th {
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    padding:.65rem .7rem!important;
    font-size:.64rem!important
}

.hpc-page-container .hpc-error-table td {
    padding:.7rem!important;
    vertical-align:top!important
}

.hpc-error-table th:nth-child(1) {
    width:105px
}

.hpc-error-table th:nth-child(2) {
    width:110px
}

.hpc-error-table th:nth-child(3) {
    width:85px
}

.hpc-error-table th:nth-child(4) {
    width:150px
}

.hpc-error-table th:nth-child(5) {
    min-width:390px
}

.hpc-error-table th:nth-child(6) {
    width:190px
}

.hpc-error-table th:nth-child(7) {
    width:160px
}

.hpc-error-table th:nth-child(8) {
    width:180px
}

.hpc-error-table th:nth-child(9) {
    width:220px
}

.hpc-error-time-cell strong,.hpc-error-time-cell small,.hpc-error-route-cell strong,.hpc-error-route-cell small,.hpc-error-message-cell small {
    display:block
}

.hpc-error-time-cell strong {
    color:#334155;
    font-size:.72rem
}

.hpc-error-time-cell small,.hpc-error-route-cell small,.hpc-error-message-cell small {
    margin-top:.2rem;
    color:#8190a3;
    font-size:.66rem
}

.hpc-error-status,.hpc-error-level {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    border:1px solid #dbe5ef;
    border-radius:999px;
    padding:.27rem .5rem;
    font-size:.62rem;
    font-weight:950;
    text-transform:uppercase
}

.hpc-error-status.is-open {
    border-color:#fecdd3;
    background:#fff1f2;
    color:#be123c
}

.hpc-error-status.is-investigating {
    border-color:#fde68a;
    background:#fffbeb;
    color:#92400e
}

.hpc-error-status.is-resolved,.hpc-error-status.is-closed {
    border-color:#bbf7d0;
    background:#f0fdf4;
    color:#047857
}

.hpc-error-status.is-ignored {
    border-color:#dbe5ef;
    background:#f8fafc;
    color:#64748b
}

.hpc-error-level.is-critical,.hpc-error-level.is-error {
    border-color:#fecaca;
    background:#fef2f2;
    color:#b91c1c
}

.hpc-error-level.is-warning {
    border-color:#fde68a;
    background:#fffbeb;
    color:#92400e
}

.hpc-error-level.is-info,.hpc-error-level.is-debug {
    border-color:#bfdbfe;
    background:#eff6ff;
    color:#1d4ed8
}

.hpc-error-exception-cell {
    color:#334155;
    font-size:.72rem;
    font-weight:900
}

.hpc-error-message-cell a {
    display:-webkit-box;
    overflow:hidden;
    color:#334155;
    font-size:.75rem;
    font-weight:750;
    line-height:1.45;
    text-decoration:none;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3
}

.hpc-error-message-cell a:hover {
    color:#075985;
    text-decoration:underline
}

.hpc-error-route-cell strong {
    overflow:hidden;
    color:#334155;
    font-size:.7rem;
    text-overflow:ellipsis;
    white-space:nowrap!important
}

.hpc-error-route-cell small {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap!important
}

.hpc-error-meta-cell {
    color:#64748b;
    font-size:.7rem
}

.hpc-error-row-actions {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:.35rem
}

.hpc-error-row-actions form {
    margin:0
}

.hpc-page-container .hpc-error-action {
    display:inline-flex!important;
    align-items:center!important;
    gap:.3rem!important;
    min-height:30px!important;
    border:1px solid #dbe5ef!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#475569!important;
    padding:.35rem .5rem!important;
    font-size:.64rem!important;
    font-weight:900!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    box-shadow:none!important
}

.hpc-error-action svg {
    width:13px;
    height:13px
}

.hpc-page-container .hpc-error-action.is-primary {
    border-color:#bae6fd!important;
    background:#f0f9ff!important;
    color:#0369a1!important
}

.hpc-page-container .hpc-error-action.is-danger {
    border-color:#fecdd3!important;
    background:#fff1f2!important;
    color:#be123c!important
}

.hpc-error-pagination {
    border-top:1px solid #e8eef4;
    padding:.75rem 1rem
}

.hpc-error-empty-state {
    display:grid;
    justify-items:center;
    gap:.35rem;
    padding:2.2rem;
    color:#64748b;
    text-align:center
}

.hpc-error-empty-state svg {
    width:34px;
    height:34px;
    color:#16a34a
}

.hpc-error-empty-state strong {
    color:#334155;
    font-size:.92rem
}

.hpc-error-empty-state p {
    margin:0;
    font-size:.78rem
}

.hpc-error-header-actions {
    display:flex;
    flex-wrap:wrap;
    gap:.5rem
}

.hpc-error-detail-tabs {
    overflow:hidden;
    border:1px solid #dbe5ef;
    border-radius:20px;
    background:#fff;
    box-shadow:0 10px 28px rgba(15,23,42,.05)
}

.hpc-error-detail-tabs>.hpc-tabs-nav {
    padding:.7rem;
    border-bottom:1px solid #e8eef4;
    background:#f8fbfd
}

.hpc-error-detail-tabs>.hpc-tab-panel {
    padding:1rem
}

.hpc-error-detail-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.8rem
}

.hpc-error-detail-card {
    min-width:0;
    border:1px solid #e2e8f0;
    border-radius:16px;
    background:#fff;
    padding:.9rem
}

.hpc-error-detail-card-wide {
    grid-column:1/-1
}

.hpc-error-detail-card>span {
    display:block;
    margin-bottom:.35rem;
    color:#64748b;
    font-size:.66rem;
    font-weight:950;
    letter-spacing:.08em;
    text-transform:uppercase
}

.hpc-error-detail-card>strong {
    display:block;
    color:#1e293b;
    font-size:.8rem;
    line-height:1.45
}

.hpc-error-message-box {
    margin:0;
    border-left:4px solid #e11d48;
    border-radius:12px;
    background:#fff1f2;
    color:#881337;
    padding:.8rem;
    font-size:.82rem;
    line-height:1.55
}

.hpc-error-detail-card pre {
    max-height:420px;
    overflow:auto;
    margin:0;
    border-radius:13px;
    background:#0f172a;
    color:#e2e8f0;
    padding:.85rem;
    font-size:.7rem;
    line-height:1.5;
    white-space:pre-wrap;
    word-break:break-word
}

.hpc-error-diagnostic-stack {
    display:grid;
    gap:.8rem
}

.hpc-error-resolution-form {
    display:grid!important;
    gap:1rem!important;
    max-width:850px!important;
    margin:0 auto!important;
    border:0!important;
    background:transparent!important;
    padding:0!important
}

.hpc-error-next-toggle {
    display:flex!important;
    align-items:flex-start;
    gap:.55rem!important;
    margin:0!important;
    border:1px solid #bae6fd;
    border-radius:14px;
    background:#f0f9ff;
    padding:.7rem .8rem;
    color:#075985!important;
    font-size:.78rem!important;
    font-weight:850!important;
    letter-spacing:0!important;
    text-transform:none!important
}

.hpc-error-next-toggle input[type=checkbox] {
    width:17px!important;
    height:17px!important;
    min-height:17px!important;
    margin:.05rem 0 0;
    flex:0 0 auto;
    accent-color:#0284c7
}

.hpc-error-resolution-actions {
    display:flex;
    justify-content:flex-end
}

.hpc-error-history-list {
    display:grid;
    gap:.25rem;
    max-width:900px
}

.hpc-error-history-list article {
    display:grid;
    grid-template-columns:20px minmax(0,1fr);
    gap:.7rem;
    padding:.65rem 0
}

.hpc-error-history-list article+article {
    border-top:1px solid #edf2f7
}

.hpc-error-history-list strong,.hpc-error-history-list small {
    display:block
}

.hpc-error-history-list strong {
    color:#334155;
    font-size:.8rem
}

.hpc-error-history-list small {
    margin-top:.18rem;
    color:#8190a3;
    font-size:.7rem
}

.hpc-error-history-list p {
    margin:.3rem 0 0;
    color:#475569;
    font-size:.78rem;
    white-space:pre-wrap
}

.hpc-error-history-dot {
    width:12px;
    height:12px;
    margin-top:.18rem;
    border:3px solid #dbeafe;
    border-radius:999px;
    background:#2563eb
}

.hpc-error-history-dot.is-success {
    border-color:#bbf7d0;
    background:#16a34a
}

.hpc-error-history-dot.is-note {
    border-color:#fde68a;
    background:#d97706
}

@media(max-width:1350px) {
    .hpc-error-filters {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .hpc-error-filter-search {
        grid-column:span 2
    }
    .hpc-error-filter-actions {
        justify-content:flex-end
    }
}

@media(max-width:900px) {
    .hpc-error-summary-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .hpc-error-filters {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .hpc-error-filter-search {
        grid-column:1/-1
    }
    .hpc-error-filter-actions {
        grid-column:1/-1;
        justify-content:stretch
    }
    .hpc-error-filter-actions>* {
        flex:1
    }
    .hpc-error-detail-grid {
        grid-template-columns:1fr
    }
    .hpc-error-detail-card-wide {
        grid-column:auto
    }
}

@media(max-width:600px) {
    .hpc-error-summary-grid,.hpc-error-filters {
        grid-template-columns:1fr
    }
    .hpc-error-filter-search,.hpc-error-filter-actions {
        grid-column:auto
    }
    .hpc-error-header-actions {
        width:100%
    }
    .hpc-error-header-actions>* {
        flex:1
    }
    .hpc-error-detail-tabs>.hpc-tabs-nav {
        overflow-x:auto;
        flex-wrap:nowrap
    }
    .hpc-error-detail-tabs>.hpc-tabs-nav .hpc-tab {
        white-space:nowrap
    }
}

/* Module settings: one clear vertical tab level for long module lists. */
.hpc-vertical-tabs {
    display: grid;
    grid-template-columns: minmax(13rem, 17rem) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.hpc-vertical-tab-list,
.hpc-vertical-tab-panel {
    min-width: 0;
    border: 1px solid #dbe5ef;
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

.hpc-vertical-tab-list {
    display: grid;
    gap: 0.35rem;
    padding: 0.55rem;
    position: sticky;
    top: 6.5rem;
}

.hpc-vertical-tab {
    display: grid;
    gap: 0.22rem;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 0.8rem;
    background: transparent;
    color: #334155;
    cursor: pointer;
    padding: 0.72rem 0.8rem;
    text-align: left;
}

.hpc-vertical-tab span {
    font-size: 0.84rem;
    font-weight: 900;
}

.hpc-vertical-tab small {
    color: #64748b;
    font-size: 0.72rem;
    line-height: 1.35;
}

.hpc-vertical-tab:hover {
    border-color: #bae6fd;
    background: #f0f9ff;
}

.hpc-vertical-tab.is-active {
    border-color: #7dd3fc;
    background: #e0f2fe;
    color: #075985;
}

.hpc-vertical-tab.is-active small {
    color: #0369a1;
}

.hpc-vertical-tab-panel {
    padding: 1rem;
}

@media (max-width: 900px) {
    .hpc-vertical-tabs {
        grid-template-columns: 1fr;
    }

    .hpc-vertical-tab-list {
        display: flex;
        overflow-x: auto;
        position: static;
        scroll-snap-type: x proximity;
    }

    .hpc-vertical-tab {
        flex: 0 0 min(15rem, 82vw);
        scroll-snap-align: start;
    }
}


/* Human-readable wrapping contract. Keep ordinary words intact; opt in for technical tokens. */
.text-human-wrap,.break-words{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}
:where(.hpc-page-container,.as-page,.owner-operations-page) :where(h1,h2,h3,h4,h5,h6){min-width:0;max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}
:where(.hpc-page-container,.as-page,.owner-operations-page) :where(p,span,strong,small,label,dd,dt,li,th,td,a){min-width:0;overflow-wrap:break-word;word-break:normal}

/* Assessment guide visual explainers — release 2026.07.19.12 */
.hpc-guide-v2-section-intro{margin:.3rem 0 0;max-width:82ch;color:#64748b;line-height:1.55}.hpc-guide-v2-visual{display:flex;flex-direction:column;min-width:0}.hpc-guide-v2-visual-image{display:block;background:linear-gradient(145deg,#f8fbff,#eef6ff);border-bottom:1px solid #dbeafe}.hpc-guide-v2-visual-image img{aspect-ratio:18/7;object-fit:cover}.hpc-guide-v2-visual-body{display:flex;flex:1;flex-direction:column;gap:.7rem;padding:1rem}.hpc-guide-v2-visual-body h3{margin:0;font-size:1.08rem;line-height:1.3;overflow-wrap:normal;word-break:normal}.hpc-guide-v2-visual-eyebrow{margin:0!important;color:#0f766e!important;font-size:.76rem;font-weight:800;line-height:1.35;text-transform:uppercase;letter-spacing:.035em}.hpc-guide-v2-visual-description{margin:0!important;color:#334155!important;line-height:1.58}.hpc-guide-v2-visual-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0}.hpc-guide-v2-visual-meta>div{min-width:0;padding:.65rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#f8fafc}.hpc-guide-v2-visual-meta dt{margin:0 0 .25rem;color:#64748b;font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.hpc-guide-v2-visual-meta dd{margin:0;color:#0f172a;font-size:.84rem;font-weight:700;line-height:1.4;overflow-wrap:normal;word-break:normal}.hpc-guide-v2-visual-steps{padding:.75rem .85rem;border-left:4px solid #1c8fbd;border-radius:.2rem .75rem .75rem .2rem;background:#f0f9ff}.hpc-guide-v2-visual-steps>strong{display:block;margin-bottom:.35rem;color:#075985;font-size:.78rem;text-transform:uppercase;letter-spacing:.035em}.hpc-guide-v2-visual-steps ol{margin:0;padding-left:1.2rem;color:#334155}.hpc-guide-v2-visual-steps li{margin:.2rem 0;line-height:1.42}.hpc-guide-v2-visual-body>.hpc-guide-v2-link-button{align-self:flex-start;margin-top:auto}@media (max-width:760px){.hpc-guide-v2-visual-meta{grid-template-columns:1fr}.hpc-guide-v2-visual-image img{aspect-ratio:auto;min-height:180px;object-fit:contain}}


/* Assessment quality and low-literacy interaction contract. */
.hpc-filter-bar{display:grid;grid-template-columns:minmax(15rem,2fr) repeat(4,minmax(9rem,1fr)) auto;gap:.75rem;align-items:end;margin:1rem 0}.hpc-filter-bar label{display:grid;gap:.35rem;font-size:.75rem;font-weight:700;color:#475569}.hpc-filter-search{min-width:0}.hpc-filter-more{margin:.75rem 0;border:1px solid #e2e8f0;border-radius:1rem;background:#f8fafc}.hpc-filter-more>summary{cursor:pointer;padding:.8rem 1rem;font-weight:700;color:#334155}.hpc-row-more{position:relative}.hpc-row-more>summary{list-style:none;cursor:pointer}.hpc-row-more>summary::-webkit-details-marker{display:none}.hpc-row-more-menu{position:absolute;right:0;z-index:40;display:grid;min-width:12rem;gap:.25rem;margin-top:.35rem;padding:.5rem;border:1px solid #e2e8f0;border-radius:.8rem;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.14)}.hpc-row-more-menu button{padding:.55rem .7rem;border-radius:.55rem;text-align:left;font-size:.8rem}.hpc-row-more-menu button:hover{background:#f1f5f9}.hpc-required{color:#dc2626;font-weight:900}.hpc-master-field.has-error,.hpc-structured-grid .has-error{padding:.7rem;border:1px solid #fca5a5;border-radius:.8rem;background:#fff7f7}.hpc-field-example{margin:0 0 .35rem}.hpc-form-progress{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.hpc-form-progress span{padding:.35rem .7rem;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:.75rem;font-weight:700}.hpc-form-progress .is-active{background:#dbeafe;color:#1d4ed8}.hpc-confirm-summary{margin-top:1rem;padding:1rem;border:1px solid #bfdbfe;border-radius:1rem;background:#eff6ff;color:#1e3a8a}.hpc-confirm-summary p{margin:.25rem 0 0;font-size:.85rem}.hpc-structured-panel{padding:1rem;border:1px solid #e2e8f0;border-radius:1rem;background:#f8fafc}.hpc-structured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.hpc-structured-field--wide{grid-column:1/-1}.hpc-choice-card{display:flex;gap:.7rem;min-height:3rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:.8rem;background:#fff}.hpc-choice-card small{display:block;margin-top:.25rem;color:#64748b}.hpc-pill-options{display:flex;flex-wrap:wrap;gap:.5rem}.hpc-choice-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:999px;background:#fff;font-size:.82rem}.hpc-choice-pill:has(input:checked){border-color:#60a5fa;background:#eff6ff;color:#1d4ed8}.hpc-grade-row{display:grid;grid-template-columns:8rem 8rem minmax(10rem,1fr) minmax(14rem,2fr) auto;gap:.65rem;align-items:end;margin-top:.75rem;padding:.85rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff}.hpc-grade-row label{display:grid;gap:.3rem;font-size:.75rem;font-weight:700;color:#475569}.hpc-related-section{margin:.75rem 0;border:1px solid #e2e8f0;border-radius:1rem;background:#fff;overflow:hidden}.hpc-related-section>summary{display:flex;justify-content:space-between;gap:1rem;cursor:pointer;padding:1rem;background:#f8fafc}.hpc-related-section>summary small{display:block;margin-top:.25rem;color:#64748b;font-weight:400}.hpc-related-section-body{padding:1rem}.hpc-detail-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem}.hpc-history-item{margin-top:.75rem;padding:.9rem;border-left:4px solid #93c5fd;border-radius:.5rem;background:#f8fafc}.hpc-history-item p{margin:.25rem 0;color:#475569}.hpc-history-item small{color:#64748b}.hpc-related-link{display:block;margin-top:.75rem}.hpc-inline-link{font-weight:700;color:#1d4ed8;text-decoration:underline;text-underline-offset:2px}.hpc-toast-title,.hpc-toast-message{display:block}.hpc-toast-title{font-size:.82rem}.hpc-toast-message{margin-top:.15rem;font-size:.8rem;line-height:1.35}[data-primary-submit][disabled]{cursor:not-allowed;opacity:.55}
@media(max-width:1100px){.hpc-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.hpc-filter-search{grid-column:1/-1}.hpc-structured-grid,.hpc-detail-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hpc-grade-row{grid-template-columns:repeat(2,minmax(0,1fr))}.hpc-grade-note{grid-column:1/-1}}
@media(max-width:700px){.hpc-filter-bar,.hpc-structured-grid,.hpc-detail-card-grid,.hpc-grade-row{grid-template-columns:1fr}.hpc-filter-search,.hpc-structured-field--wide,.hpc-grade-note{grid-column:auto}.hpc-detail-tabs{overflow-x:auto;flex-wrap:nowrap}.hpc-detail-tabs .as-tab{white-space:nowrap}}

/* Application-wide Blade visual contract and workspace notifications. */
[data-hpc-ui-contract="1"] .hpc-ui-action{font-family:inherit;text-decoration:none}
[data-hpc-ui-contract="1"] button.hpc-ui-action:focus-visible,
[data-hpc-ui-contract="1"] a.hpc-ui-action:focus-visible{outline:3px solid color-mix(in srgb,var(--color-accent,#1c8fbd) 32%,transparent);outline-offset:2px}
[data-hpc-ui-contract="1"] .hpc-ui-table{width:100%;border-collapse:separate;border-spacing:0}
[data-hpc-ui-contract="1"] .hpc-ui-table-region{max-width:100%;overflow-x:auto;border-radius:1rem}
[data-hpc-ui-contract="1"] .hpc-ui-table th{background:#f8fafc;color:#475569;font-size:.72rem;font-weight:900;letter-spacing:.035em;text-align:left}
[data-hpc-ui-contract="1"] .hpc-ui-table th,
[data-hpc-ui-contract="1"] .hpc-ui-table td{border-bottom:1px solid #e2e8f0;padding:.7rem .8rem;vertical-align:top}
[data-hpc-ui-contract="1"] .hpc-ui-table tbody tr:hover{background:#f8fbfd}
[data-hpc-ui-contract="1"] .hpc-ui-label{min-width:0;color:#334155;font-weight:750}
[data-hpc-ui-contract="1"] .hpc-ui-label.hpc-ui-required::after{content:" *";color:#dc2626;font-weight:950}
[data-hpc-ui-contract="1"] .hpc-ui-badge{display:inline-flex;align-items:center;gap:.3rem;max-width:100%;border-radius:999px;line-height:1.2}
[data-hpc-ui-contract="1"] .hpc-ui-alert{border-radius:.9rem;line-height:1.45}
.as-btn-sm{min-height:2rem!important;padding:.38rem .62rem!important;font-size:.72rem!important}

.hpc-notification-menu{position:relative}.hpc-notification-button{position:relative}.hpc-notification-count{position:absolute;top:-.28rem;right:-.28rem;display:grid;min-width:1.2rem;height:1.2rem;place-items:center;border:2px solid var(--app-navbar-bg,#fff);border-radius:999px;background:#dc2626;color:#fff;font-size:.62rem;font-weight:950;line-height:1;padding:0 .2rem}.hpc-notification-panel{right:0;width:min(26rem,calc(100vw - 1rem));max-height:min(36rem,calc(100vh - 5rem));padding:0;overflow:hidden}.hpc-notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid #e2e8f0;background:#fff}.hpc-notification-head strong{display:block;color:#0f172a;font-size:.92rem}.hpc-notification-head small{display:block;margin-top:.15rem;color:#64748b;font-size:.72rem}.hpc-notification-head-action{display:inline-flex;align-items:center;gap:.3rem;border:0;background:transparent;color:#0369a1;cursor:pointer;font-size:.7rem;font-weight:900;padding:.25rem}.hpc-notification-head-action svg{width:.9rem;height:.9rem}.hpc-notification-list{max-height:27rem;overflow-y:auto;background:#fff}.hpc-notification-item{display:grid;grid-template-columns:.65rem minmax(0,1fr);gap:.65rem;padding:.8rem 1rem;border-bottom:1px solid #eef2f7;background:#fff}.hpc-notification-item.is-unread{background:#f0f9ff}.hpc-notification-severity{width:.55rem;height:.55rem;margin-top:.32rem;border-radius:999px;background:#94a3b8}.hpc-notification-severity.is-success{background:#16a34a}.hpc-notification-severity.is-error{background:#dc2626}.hpc-notification-severity.is-warning{background:#f59e0b}.hpc-notification-severity.is-info{background:#0284c7}.hpc-notification-copy{min-width:0}.hpc-notification-copy>strong{display:block;color:#0f172a;font-size:.8rem;line-height:1.35}.hpc-notification-copy>p{display:-webkit-box;margin:.18rem 0 0;overflow:hidden;color:#475569;font-size:.74rem;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hpc-notification-copy>small{display:block;margin-top:.28rem;color:#64748b;font-size:.66rem}.hpc-notification-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.4rem}.hpc-notification-link{display:inline-flex;align-items:center;gap:.25rem;border:0;background:transparent;color:#0369a1;cursor:pointer;font-size:.69rem;font-weight:900;padding:0}.hpc-notification-link.is-muted{color:#64748b}.hpc-notification-link svg{width:.8rem;height:.8rem}.hpc-notification-empty{display:grid;justify-items:center;gap:.35rem;padding:2rem 1rem;text-align:center;color:#64748b}.hpc-notification-empty svg{width:1.6rem;height:1.6rem}.hpc-notification-empty strong{color:#334155;font-size:.82rem}.hpc-notification-empty p{margin:0;max-width:30ch;font-size:.72rem;line-height:1.45}.hpc-notification-footer{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.72rem 1rem;border-top:1px solid #e2e8f0;background:#f8fafc;color:#075985;font-size:.74rem;font-weight:950}.hpc-notification-footer svg{width:.9rem;height:.9rem}
.hpc-notification-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.hpc-notification-row.is-unread td{background:#f0f9ff}.hpc-notification-row-title{display:flex;align-items:flex-start;gap:.5rem}.hpc-notification-row-title strong{display:block}.hpc-notification-row-title p{margin:.2rem 0 0;color:#64748b;font-size:.78rem;line-height:1.45}.hpc-notification-row-title small{display:block;margin-top:.3rem;color:#64748b;font-size:.7rem}
@media(max-width:760px){.hpc-notification-panel{position:fixed!important;top:4.25rem!important;right:.5rem!important;left:.5rem!important;width:auto!important}.hpc-notification-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hpc-notification-stat{display:grid;gap:.25rem;min-height:5rem;padding:.8rem 1rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff;color:#475569;cursor:pointer;text-align:left}.hpc-notification-stat:hover,.hpc-notification-stat.is-active{border-color:#7dd3fc;background:#f0f9ff;color:#075985}.hpc-notification-stat span{font-size:.72rem;font-weight:900}.hpc-notification-stat strong{font-size:1.35rem;color:#0f172a}.hpc-notification-cell{display:flex;align-items:flex-start;gap:.6rem;min-width:16rem}.hpc-notification-cell strong{display:block;color:#0f172a}.hpc-notification-cell p{margin:.2rem 0;color:#64748b;font-size:.78rem;line-height:1.45}.hpc-notification-dot{flex:0 0 auto;width:.55rem;height:.55rem;margin-top:.35rem;border-radius:999px;background:#94a3b8}.hpc-notification-dot.is-success{background:#16a34a}.hpc-notification-dot.is-warning{background:#f59e0b}.hpc-notification-dot.is-error{background:#dc2626}.hpc-notification-dot.is-info{background:#0284c7}.hpc-notification-table tr.is-unread td{background:#f0f9ff}

/* Decision-integrity operations UI: notification content must wrap without horizontal scrolling. */
.hpc-notification-list{overflow-x:hidden}.hpc-notification-item,.hpc-notification-copy,.hpc-notification-actions{min-width:0;max-width:100%}.hpc-notification-actions{align-items:center;gap:.4rem}.hpc-notification-actions form{min-width:0}.hpc-notification-link{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left;line-height:1.35}.hpc-notification-copy>strong,.hpc-notification-copy>p{overflow-wrap:anywhere;word-break:normal}.hpc-notification-head-action{white-space:normal;text-align:center}.hpc-notification-panel{overscroll-behavior:contain}

/* Session blueprint parity: package -> instrument form -> execution stage -> aspect integration. */
.hpc-session-blueprint-v2 .hpc-blueprint-table-wrap{max-height:min(72vh,860px);overscroll-behavior:contain;}
.hpc-blueprint-source-table{min-width:1480px;}
.hpc-blueprint-source-table th:first-child,.hpc-blueprint-source-table td:first-child{position:sticky;left:0;z-index:4;width:58px;background:#fff;}
.hpc-blueprint-source-table th:nth-child(2),.hpc-blueprint-source-table td:nth-child(2){position:sticky;left:58px;z-index:3;min-width:230px;max-width:300px;background:#fff;box-shadow:8px 0 14px -14px #334155;}
.hpc-blueprint-source-table thead th:first-child,.hpc-blueprint-source-table thead th:nth-child(2){z-index:7;background:#f8fafc;}
.hpc-blueprint-source-head{min-width:190px;white-space:normal;}
.hpc-blueprint-source-head strong,.hpc-blueprint-source-head small{display:block;line-height:1.35;}
.hpc-blueprint-source-head small{margin-top:.25rem;color:#64748b;font-size:.65rem;text-transform:none;letter-spacing:0;font-weight:700;}
.hpc-blueprint-source-cell{min-width:190px;background:#fbfdff;}
.hpc-blueprint-source-cell select,.hpc-blueprint-source-cell input{width:100%;}
.hpc-session-blueprint-v2 tbody tr:hover td{background:#f8fbff;}
.hpc-session-blueprint-v2 tbody tr:hover td:first-child,.hpc-session-blueprint-v2 tbody tr:hover td:nth-child(2){background:#f8fbff;}
@media(max-width:900px){
  .hpc-blueprint-source-table{min-width:1320px;}
  .hpc-blueprint-source-table th:nth-child(2),.hpc-blueprint-source-table td:nth-child(2){min-width:200px;max-width:240px;}
}

/* 2026-07-26 session validation guidance: actionable blockers across wizard tabs. */
.hpc-session-issue-summary {
    display: grid;
    gap: .75rem;
    min-width: 0;
    padding: .9rem 1rem;
    border: 1px solid #f4bf63;
    border-radius: 18px;
    background: #fff9eb;
    box-shadow: 0 10px 26px rgba(146, 93, 12, .08);
}
.hpc-session-issue-summary-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}
.hpc-session-issue-summary h2 {
    margin: .2rem 0 .25rem;
    color: #713f12;
    font-size: 1rem;
}
.hpc-session-issue-summary p {
    margin: 0;
    color: #854d0e;
    font-size: .78rem;
    line-height: 1.5;
}
.hpc-session-issue-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
    gap: .55rem;
}
.hpc-session-issue-action,
.hpc-stage-issue-action {
    width: 100%;
    min-width: 0;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .75rem !important;
    border: 1px solid #f2cc86 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #713f12 !important;
    padding: .68rem .75rem !important;
    text-align: left !important;
    box-shadow: none !important;
}
.hpc-session-issue-action:hover,
.hpc-stage-issue-action:hover {
    border-color: #e6a739 !important;
    background: #fffbeb !important;
}
.hpc-session-issue-action > span,
.hpc-stage-issue-action > span {
    display: grid;
    min-width: 0;
    gap: .16rem;
}
.hpc-session-issue-action strong,
.hpc-stage-issue-action span {
    overflow-wrap: break-word;
    color: inherit;
    font-size: .78rem;
    line-height: 1.4;
}
.hpc-session-issue-action small {
    color: #9a6a20;
    font-size: .68rem;
    font-weight: 800;
}
.hpc-session-issue-action em,
.hpc-stage-issue-action em {
    flex: 0 0 auto;
    color: #a16207;
    font-size: .68rem;
    font-style: normal;
    font-weight: 950;
    white-space: nowrap;
}
.hpc-session-step { position: relative; }
.hpc-session-step-issue {
    position: absolute;
    top: .28rem;
    right: .28rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 .3rem;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #dc2626;
    color: #fff;
    font-size: .64rem;
    font-style: normal;
    font-weight: 950;
    line-height: 1;
}
.hpc-session-review-issues {
    min-height: 36px !important;
    border: 1px solid #f0bd64 !important;
    border-radius: 11px !important;
    background: #fff8e7 !important;
    color: #92400e !important;
    padding: .48rem .68rem !important;
    font-size: .72rem !important;
    font-weight: 950 !important;
    box-shadow: none !important;
}
.hpc-session-field-highlight {
    position: relative;
    outline: 4px solid rgba(245, 158, 11, .28) !important;
    outline-offset: 4px;
    border-radius: 12px;
    animation: hpc-session-field-pulse .85s ease-in-out 2;
}
@keyframes hpc-session-field-pulse {
    0%, 100% { outline-color: rgba(245, 158, 11, .22); }
    50% { outline-color: rgba(220, 38, 38, .42); }
}
.hpc-stage-issue-list ul,
.hpc-readiness-list ul {
    display: grid;
    gap: .45rem;
}
.hpc-stage-issue-list li,
.hpc-readiness-list li {
    margin: 0;
}
@media (max-width: 620px) {
    .hpc-session-issue-summary-head { display: grid; }
    .hpc-session-issue-actions { grid-template-columns: 1fr; }
    .hpc-session-issue-action,
    .hpc-stage-issue-action { align-items: flex-start !important; }
    .hpc-session-savebar > div { flex-wrap: wrap; }
    .hpc-session-review-issues { width: 100%; }
}


/* 2026-07-26 session index horizontal scrolling and free wizard navigation. */
.hpc-session-index-scroll-note {
    display: flex;
    align-items: center;
    gap: .45rem;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fbfd;
    color: #526b80;
    padding: .48rem .9rem;
    font-size: .72rem;
    font-weight: 800;
}
.hpc-session-index-scroll-note > span:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 999px;
    background: #e0f2fe;
    color: #0369a1;
    font-size: .9rem;
}
.hpc-session-index-root,
.hpc-session-index-root > div {
    min-width: 0;
    max-width: 100%;
}
.hpc-session-index-scroll-proxy {
    width: 100%;
    max-width: 100%;
    height: 1rem;
    overflow-x: auto;
    overflow-y: hidden;
    border-bottom: 1px solid #dbe5ef;
    background: #f8fafc;
    overscroll-behavior-inline: contain;
    scrollbar-gutter: stable both-edges;
}
.hpc-session-index-scroll-proxy[hidden] {
    display: none;
}
.hpc-session-index-scroll-proxy > [data-hpc-scroll-proxy-spacer] {
    height: 1px;
    min-width: 100%;
}
.hpc-session-index-scroll-proxy:focus-visible,
.hpc-session-index-table-wrap:focus-visible {
    outline: 3px solid rgba(14, 165, 233, .28);
    outline-offset: -3px;
}
.hpc-session-index-table-wrap {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: visible;
    overscroll-behavior-inline: contain;
    scrollbar-gutter: stable both-edges;
    -webkit-overflow-scrolling: touch;
}
.hpc-session-index-table {
    width: max-content;
    min-width: 88rem;
    border-collapse: separate;
    border-spacing: 0;
}
.hpc-session-index-table :where(th, td) {
    min-width: 7rem;
    overflow-wrap: normal;
    word-break: normal;
}
.hpc-session-index-table :where(th:first-child, td:first-child) {
    min-width: 23rem;
}
.hpc-session-index-table :where(th:nth-child(2), td:nth-child(2)) {
    min-width: 13rem;
}
.hpc-session-index-table :where(th:nth-child(3), td:nth-child(3)) {
    min-width: 11rem;
}
.hpc-session-index-actions-head,
.hpc-session-index-actions-cell {
    position: sticky;
    right: 0;
    z-index: 3;
    min-width: 26rem !important;
    width: 26rem;
    background: #fff;
    box-shadow: -12px 0 18px -18px rgba(15, 23, 42, .55);
}
.hpc-session-index-actions-head {
    z-index: 5;
    background: #f8fafc;
}
.hpc-session-index-actions {
    display: grid !important;
    grid-template-columns: repeat(4, max-content);
    justify-content: end;
    align-items: center;
    gap: .4rem !important;
    width: 100%;
    min-width: 0;
    white-space: nowrap;
}
.hpc-session-index-actions > :where(a, button) {
    min-height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.hpc-session-form[data-session-form-navigation="free"] .hpc-session-step {
    cursor: pointer;
}
.hpc-session-form[data-session-form-navigation="free"] .hpc-session-step:focus-visible {
    outline: 3px solid rgba(14, 165, 233, .3);
    outline-offset: 2px;
}
@media (max-width: 760px) {
    .hpc-session-index-table { min-width: 82rem; }
    .hpc-session-index-actions-head,
    .hpc-session-index-actions-cell { min-width: 23rem !important; width: 23rem; }
    .hpc-session-index-actions { grid-template-columns: repeat(3, max-content); }
    .hpc-session-index-scroll-note { align-items: flex-start; }
}
@media (max-width: 520px) {
    .hpc-session-index-actions-head,
    .hpc-session-index-actions-cell { min-width: 20rem !important; width: 20rem; }
    .hpc-session-index-actions { grid-template-columns: repeat(2, max-content); }
}

/* Assessment session blueprint: compact summary, selectable aspect matrix, and safe responsive overflow. */
.hpc-blueprint-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,auto);align-items:start;gap:1rem;margin-bottom:1rem}
.hpc-blueprint-heading{min-width:0}
.hpc-blueprint-heading h2{margin:.15rem 0 0;font-size:1.08rem;line-height:1.35;font-weight:900;color:#0f172a}
.hpc-blueprint-heading p{max-width:62rem;margin:.35rem 0 0;font-size:.78rem;line-height:1.55;color:#64748b}
.hpc-blueprint-summary{display:grid;grid-template-columns:repeat(3,minmax(104px,1fr)) minmax(190px,1.45fr);gap:.5rem;margin:0;min-width:0}
.hpc-blueprint-summary__item{display:flex;min-width:0;min-height:54px;align-items:center;justify-content:space-between;gap:.65rem;padding:.55rem .75rem;border:1px solid #dbe5ef;border-radius:14px;background:#f8fafc}
.hpc-blueprint-summary__item dt{min-width:0;font-size:.67rem;line-height:1.25;font-weight:800;color:#64748b;white-space:normal}
.hpc-blueprint-summary__item dd{margin:0;font-size:.88rem;line-height:1.2;font-weight:950;color:#0f172a;white-space:nowrap}
.hpc-blueprint-summary__item.is-potential{border-color:#bae6fd;background:#f0f9ff}
.hpc-blueprint-summary__item.is-potential dd{color:#0369a1}
.hpc-blueprint-summary__item.is-competency{border-color:#bbf7d0;background:#f0fdf4}
.hpc-blueprint-summary__item.is-competency dd{color:#047857}
.hpc-blueprint-summary__item.is-method{align-items:flex-start;flex-direction:column;justify-content:center;border-color:#c7d2fe;background:#eef2ff}
.hpc-blueprint-summary__item.is-method dd{max-width:100%;white-space:normal;font-size:.72rem;color:#4338ca}
.hpc-blueprint-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem}
.hpc-blueprint-toolbar .hpc-tab-pills button{display:inline-flex;align-items:center;gap:.4rem}
.hpc-blueprint-toolbar .hpc-tab-pills button span{display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;padding:.1rem .36rem;border-radius:999px;background:rgba(148,163,184,.18);font-size:.65rem;line-height:1.2}
.hpc-blueprint-toolbar .hpc-tab-pills button.is-active span{background:rgba(255,255,255,.2)}
.hpc-blueprint-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}
.hpc-blueprint-action{display:inline-flex;min-height:38px;align-items:center;justify-content:center;padding:.5rem .72rem;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#334155;font-size:.72rem;font-weight:850;line-height:1.2;text-align:center;cursor:pointer}
.hpc-blueprint-action:hover{border-color:#7dd3fc;background:#f0f9ff;color:#075985}
.hpc-blueprint-action:focus-visible{outline:3px solid rgba(14,165,233,.28);outline-offset:2px}
.hpc-blueprint-action.is-primary{border-color:#7dd3fc;background:#e0f2fe;color:#075985}
.hpc-blueprint-scroll-hint{margin:.85rem 0 0;font-size:.7rem;line-height:1.45;color:#64748b}
.hpc-session-blueprint-v2 .hpc-blueprint-table-wrap:focus-visible{outline:3px solid rgba(14,165,233,.28);outline-offset:3px}
.hpc-blueprint-check{display:inline-grid;width:44px;height:44px;place-items:center;border-radius:12px;cursor:pointer}
.hpc-blueprint-check:hover{background:#e0f2fe}
.hpc-blueprint-check input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.hpc-blueprint-check span{position:relative;width:22px;height:22px;border:2px solid #94a3b8;border-radius:7px;background:#fff}
.hpc-blueprint-check input:checked + span{border-color:#0284c7;background:#0284c7}
.hpc-blueprint-check input:checked + span::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.hpc-blueprint-check input:focus-visible + span{outline:3px solid rgba(14,165,233,.3);outline-offset:3px}
.hpc-blueprint-empty{display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:1.5rem;text-align:center;color:#475569}
.hpc-blueprint-empty strong{font-size:.95rem;color:#0f172a}
.hpc-blueprint-empty p{max-width:42rem;margin:0;font-size:.78rem;line-height:1.55}
.hpc-blueprint-empty>div{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.25rem}
@media (max-width:1180px){
  .hpc-blueprint-header{grid-template-columns:1fr}
  .hpc-blueprint-summary{grid-template-columns:repeat(3,minmax(96px,1fr)) minmax(170px,1.35fr)}
  .hpc-blueprint-toolbar{align-items:flex-start;flex-direction:column}
  .hpc-blueprint-actions{justify-content:flex-start}
}
@media (max-width:720px){
  .hpc-blueprint-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hpc-blueprint-summary__item.is-method{grid-column:1/-1}
  .hpc-blueprint-toolbar .hpc-tab-pills{width:100%}
  .hpc-blueprint-toolbar .hpc-tab-pills button{flex:1;justify-content:center}
  .hpc-blueprint-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
  .hpc-blueprint-action{width:100%}
}
.hpc-package-blueprint-warning{display:block;margin-top:.35rem;color:#b45309!important;font-weight:850!important}