:root{--hhli-navy:#12385d;--hhli-blue:#2166b1;--hhli-border:#dce4ec;--hhli-muted:#647283;--hhli-bg:#f4f7fa}
.hhli-page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}
.hhli-narrow{max-width:850px}
.hhli-btn{display:inline-block;border:1px solid #b8c6d4;background:#fff;color:var(--hhli-navy);padding:10px 15px;border-radius:9px;text-decoration:none;font-weight:700;cursor:pointer}
.hhli-btn.primary{background:var(--hhli-blue);border-color:var(--hhli-blue);color:#fff}
.hhli-btn.secondary{background:#f6f8fa}
.hhli-filter,.hhli-form{background:#fff;border:1px solid var(--hhli-border);border-radius:14px;padding:20px;margin-bottom:24px}
.hhli-filter{display:flex;gap:14px;align-items:end;flex-wrap:wrap}
.hhli-form label,.hhli-filter label{display:block;font-weight:700;color:var(--hhli-navy);margin-bottom:14px}
.hhli-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.hhli-form select,.hhli-form textarea,.hhli-filter input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.hhli-filter select{display:block;width:100%;min-height:44px;margin-top:6px;padding:10px 12px;border:1px solid #bfcbd7;border-radius:8px;font:inherit;background:#fff}
.hhli-form textarea{min-height:110px}
.hhli-grid{display:grid;gap:18px}.hhli-grid.two{grid-template-columns:repeat(2,1fr)}.hhli-grid.three{grid-template-columns:repeat(3,1fr)}
.hhli-card{background:#fff;border:1px solid var(--hhli-border);border-radius:14px;padding:20px}.hhli-card h2{margin-top:0;color:var(--hhli-navy)}
.hhli-table-wrap{overflow:auto;background:#fff;border:1px solid var(--hhli-border);border-radius:14px}
.hhli-table{width:100%;border-collapse:collapse}.hhli-table th{background:var(--hhli-navy);color:#fff;text-align:left;padding:11px}.hhli-table td{padding:12px;border-bottom:1px solid var(--hhli-border);vertical-align:top}
.hhli-code{font-family:Consolas,monospace;font-size:.85em;color:var(--hhli-muted)}
.hhli-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eaf3fb;color:var(--hhli-navy);font-size:12px;font-weight:800;text-transform:capitalize}
.hhli-alert{border-radius:12px;padding:15px 18px;margin:16px 0}.hhli-alert.success{background:#e8f5ef;border:1px solid #b9decf}.hhli-alert.error{background:#fdeaea;border:1px solid #efbaba}.hhli-alert.warning{background:#fff4d6;border:1px solid #efd998}.hhli-alert.info{background:#eaf3fb;border:1px solid #c5ddf1}
.hhli-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;align-items:center}.hh-card .hhli-actions .hhli-btn{max-width:100%;white-space:normal}.hhli-empty{padding:38px;text-align:center;background:#fff;border:1px dashed #bfcbd7;border-radius:14px}
.hhli-section{margin-top:28px}.hhli-timeline{border-left:3px solid #cbd8e4;margin-left:12px;padding-left:24px}.hhli-timeline-item{display:grid;grid-template-columns:130px 1fr;gap:18px;background:#fff;border:1px solid var(--hhli-border);border-radius:12px;padding:16px;margin-bottom:14px}.hhli-timeline-item h3{margin:0 0 8px}.hhli-timeline-date{font-weight:700;color:var(--hhli-muted)}
.hhli-check{display:flex!important;gap:8px;align-items:flex-start!important;justify-content:flex-start!important;cursor:pointer;line-height:1.4}
.hhli-check input[type=checkbox],.hhli-check input[type=radio],
.hhli-form input[type=checkbox],.hhli-form input[type=radio],
.hhli-filter input[type=checkbox],.hhli-filter input[type=radio]{
    appearance:auto!important;-webkit-appearance:auto!important;
    display:inline-block!important;width:auto!important;height:auto!important;
    min-width:0!important;min-height:0!important;max-width:none!important;
    margin:3px 0 0!important;padding:0!important;border-radius:0!important;
    flex:0 0 auto!important;transform:none!important;vertical-align:top!important;
    accent-color:var(--hhli-blue)
}
.hhli-form label.hhli-check,.hhli-filter label.hhli-check{min-height:24px}
.hhli-form input[type=checkbox]:focus-visible,.hhli-form input[type=radio]:focus-visible,
.hhli-filter input[type=checkbox]:focus-visible,.hhli-filter input[type=radio]:focus-visible,
.hhli-check input:focus-visible{outline:2px solid var(--hhli-blue);outline-offset:2px}
@media(max-width:800px){.hhli-page-header{display:block}.hhli-page-header .hhli-btn{margin-top:14px}.hhli-grid.two,.hhli-grid.three{grid-template-columns:1fr}.hhli-timeline-item{grid-template-columns:1fr}}

.hhli-help{display:block;margin-top:3px;color:var(--hhli-muted);font-size:.86rem;font-weight:400}

.hhli-badge.test{background:#fff0c2;color:#704f00;margin-left:8px}
.hhli-test-panel{border:1px solid #e4c66c;background:#fff9e8;border-radius:12px;padding:16px;margin:18px 0}
.hhli-test-panel legend{font-weight:800;color:var(--hhli-navy);padding:0 6px}

.hhli-assessment-description{margin:-4px 0 18px;padding:12px 14px;border-left:4px solid var(--hhli-blue);background:#f1f7fc;color:#324b63;border-radius:0 8px 8px 0}

.hhli-large-number{font-size:2.2rem;font-weight:800;color:var(--hhli-navy);margin:.25rem 0}

.hhli-readiness-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-radius:14px;padding:22px;margin:18px 0}
.hhli-readiness-summary.ready{background:#e8f5ef;border:1px solid #b9decf}
.hhli-readiness-summary.not-ready{background:#fff4d6;border:1px solid #efd998}
.hhli-readiness-label{display:block;color:var(--hhli-muted);font-weight:700}
.hhli-readiness-percent,.hhli-readiness-answer{display:block;font-size:2rem;color:var(--hhli-navy);margin-top:5px}
.hhli-progress{height:16px;background:#e4eaf0;border-radius:999px;overflow:hidden;margin:16px 0 26px}
.hhli-progress-bar{height:100%;background:var(--hhli-blue);border-radius:999px}
.hhli-readiness-list{display:grid;gap:12px}
.hhli-readiness-item{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:16px;border-radius:12px;background:#fff;border:1px solid var(--hhli-border)}
.hhli-readiness-item.satisfied{border-left:5px solid #3a9270}
.hhli-readiness-item.missing{border-left:5px solid #d39b27}
.hhli-readiness-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:900;background:#eef3f7;color:var(--hhli-navy)}
.hhli-readiness-item h3{margin:0 0 5px;color:var(--hhli-navy)}
.hhli-readiness-item p{margin:4px 0}
.hhli-readiness-state{font-weight:700;color:var(--hhli-muted)}
@media(max-width:700px){.hhli-readiness-summary{grid-template-columns:1fr}}

.hhli-diagnostic-details{margin:18px 0;padding:14px 16px;border:1px solid var(--hhli-border);border-radius:12px;background:#fff}
.hhli-diagnostic-details summary{cursor:pointer;font-weight:800;color:var(--hhli-navy)}

.hhli-btn.danger{background:#9b3f3f;color:#fff;border-color:#9b3f3f}
.hhli-btn.danger:hover{background:#7d3030;border-color:#7d3030}
.hhli-btn.small{padding:7px 10px;font-size:.85rem}
.hhli-row-muted{opacity:.68;background:#f5f6f7}
.hhli-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.hhli-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.hhli-grid.four{grid-template-columns:1fr}}
.hh-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:1.5rem}.hh-card{background:#fff;border:1px solid #d8dee8;border-radius:12px;padding:1.5rem;box-shadow:0 3px 12px rgba(0,0,0,.06)}.hh-card h2{margin-top:0}.hhli-status{display:inline-block;padding:.2rem .55rem;border-radius:999px;background:#edf2f7}.hhli-table{width:100%;border-collapse:collapse}.hhli-table th,.hhli-table td{padding:.65rem;border-bottom:1px solid #e2e8f0;text-align:left}

/* Authenticated portal visual continuity */
.hhli-portal-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:4px 0 28px;padding:28px 30px;border-radius:22px;background:linear-gradient(135deg,#0b315a,#1764a9 66%,#2b83c5);color:#fff;box-shadow:0 16px 38px rgba(18,56,93,.2);overflow:hidden;position:relative}
.hhli-portal-welcome:after{content:"HH";position:absolute;right:105px;bottom:-47px;font-size:135px;font-weight:950;line-height:1;color:rgba(255,255,255,.06);letter-spacing:-.08em}.hhli-portal-welcome>*{position:relative;z-index:1}.hhli-portal-welcome h1{margin:3px 0 7px;color:#fff;font-size:clamp(1.8rem,3vw,2.6rem)}.hhli-portal-welcome p{max-width:760px;margin:0;color:#e6f3ff}.hhli-portal-eyebrow{font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#cfe7fb}.hhli-portal-welcome-partner{background:linear-gradient(135deg,#0b3652,#176a88 67%,#2485a2)}
.hhli-card,.hh-card{box-shadow:0 8px 22px rgba(18,56,93,.075);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.hhli-card:hover,.hh-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(18,56,93,.11);border-color:#bfd2e4}.hhli-metric{font-size:2.25rem;font-weight:900;color:var(--hhli-navy);line-height:1.1;margin:.35rem 0}
@media(max-width:760px){.hhli-portal-welcome{display:block;padding:24px 20px}.hhli-portal-welcome .hhli-btn{margin-top:18px}.hhli-portal-welcome:after{right:-12px;font-size:105px}}
@media(prefers-reduced-motion:reduce){.hhli-card,.hh-card{transition:none}.hhli-card:hover,.hh-card:hover{transform:none}}

/* Platform Intelligence */
.hhli-status-pass{background:#e8f5ef;color:#245f48}.hhli-status-warning{background:#fff4d6;color:#765500}.hhli-status-error{background:#fdeaea;color:#8b3030}.hhli-status-info{background:#eaf3fb;color:#214e73}

/* Administration Experience */
.hhli-admin-quickbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px;padding:13px;border:1px solid var(--hhli-border);border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(18,56,93,.06)}
.hhli-admin-quickbar a{padding:8px 12px;border-radius:999px;text-decoration:none;font-weight:800;color:var(--hhli-navy);background:#eef5fb}
.hhli-admin-quickbar a:hover,.hhli-admin-quickbar a:focus{background:var(--hhli-blue);color:#fff}
.hhli-admin-group{scroll-margin-top:95px;margin:34px 0 42px}
.hhli-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:8px}
.hhli-section-heading h2{margin:0;color:var(--hhli-navy)}
.hhli-section-heading p{margin:5px 0 0;color:var(--hhli-muted)}
.hhli-breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 18px;color:var(--hhli-muted);font-size:.9rem}
.hhli-breadcrumbs a{color:var(--hhli-blue);font-weight:750;text-decoration:none}
.hhli-breadcrumbs a:hover{text-decoration:underline}
.hhli-related-tools{margin-top:30px;padding:20px;border:1px solid var(--hhli-border);border-radius:15px;background:#f7fafc}
.hhli-related-tools h2{margin:0 0 10px;color:var(--hhli-navy);font-size:1.15rem}
.hhli-recent-tools,.hhli-admin-favorites{margin:20px 0 30px;padding:20px;border:1px solid #cbdceb;border-radius:17px;background:linear-gradient(135deg,#f7fbff,#eef6fc)}
.hhli-tool-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hhli-favorite-button{border:0;background:transparent;color:#b17c00;font-size:1.7rem;line-height:1;cursor:pointer;padding:3px 7px;border-radius:8px}
.hhli-favorite-button:hover,.hhli-favorite-button:focus{background:#fff4d6;outline:2px solid transparent}
.hhli-tool-card[hidden],#noTools[hidden],#favoritePanel[hidden],#recentToolsPanel[hidden]{display:none!important}
@media(max-width:760px){.hhli-section-heading{display:block}.hhli-section-heading>.hhli-btn{margin-top:12px}.hhli-admin-quickbar{display:grid;grid-template-columns:1fr 1fr}.hhli-admin-quickbar a{text-align:center}}
@media(max-width:480px){.hhli-admin-quickbar{grid-template-columns:1fr}}

/* Workspace and Workflow Experience */
.hhli-workspace-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 22px;padding:26px 28px;border-radius:20px;background:linear-gradient(135deg,#0b315a,#1764a9);color:#fff;box-shadow:0 15px 34px rgba(18,56,93,.18)}
.hhli-workspace-hero h2{margin:2px 0 7px;color:#fff}.hhli-workspace-hero p{margin:0;color:#e4f1fb}.hhli-workspace-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.hhli-workspace-actions .hhli-btn.secondary{background:#fff;color:var(--hhli-navy)}
.hhli-workspace-metrics{margin-bottom:24px}.hhli-metric-label{display:block;font-weight:800;color:var(--hhli-muted);font-size:.9rem}.hhli-workspace-queue{margin:0 0 28px}
.hhli-admin-context{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:32px 0 0;padding:22px;border:1px solid #cbdceb;border-radius:17px;background:linear-gradient(135deg,#f7fbff,#eef6fc)}.hhli-admin-context h2{margin:2px 0 4px;color:var(--hhli-navy)}.hhli-admin-context p{margin:0;color:var(--hhli-muted)}
.hhli-eyebrow{font-size:.75rem!important;font-weight:900!important;letter-spacing:.12em;text-transform:uppercase;color:#7fb9e6!important}.hhli-checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hhli-checklist-grid>div{padding:16px;border:1px solid var(--hhli-border);border-radius:12px;background:#f8fafc}.hhli-checklist-grid p{margin:6px 0 0}.hhli-clean-list{display:grid;gap:8px;padding-left:20px}
@media(max-width:800px){.hhli-workspace-hero,.hhli-admin-context{display:block}.hhli-workspace-actions{justify-content:flex-start;margin-top:18px}.hhli-checklist-grid{grid-template-columns:1fr}}

/* Operational Excellence */
.hhli-notification-list,.hhli-calendar-list{display:grid;gap:14px}.hhli-notification,.hhli-calendar-item{display:flex;justify-content:space-between;align-items:center;gap:20px}.hhli-notification h2,.hhli-calendar-item h2{margin:7px 0 5px;font-size:1.08rem}.hhli-notification p{margin:0 0 5px}.hhli-notification.high{border-left:5px solid #9b3f3f}.hhli-notification.medium{border-left:5px solid #d39b27}.hhli-priority-high{background:#fdeaea;color:#8b3030}.hhli-priority-medium{background:#fff4d6;color:#765500}.hhli-calendar-item time{min-width:125px;font-weight:900;color:var(--hhli-navy)}.hhli-calendar-item time small{display:block;color:var(--hhli-muted);font-weight:700;margin-top:4px}.hhli-calendar-item>div{flex:1}
@media(max-width:700px){.hhli-notification,.hhli-calendar-item{display:block}.hhli-notification .hhli-btn,.hhli-calendar-item .hhli-btn{margin-top:14px}.hhli-calendar-item time{display:block;margin-bottom:10px}}

/* P13.3 candidate control normalization */
@media(max-width:800px){
  .hhli-form input[type=checkbox],.hhli-form input[type=radio],
  .hhli-filter input[type=checkbox],.hhli-filter input[type=radio],
  .hhli-check input[type=checkbox],.hhli-check input[type=radio]{
      width:auto!important;height:auto!important;min-width:0!important;min-height:0!important
  }
}