.hhd-workspace-shell {
    min-height: 100vh;
    background: var(--hhd-surface-page);
    color: var(--hhd-text-primary);
    font-family: var(--hhd-font-family);
}

.hhd-workspace-main {
    min-height: calc(100vh - var(--hhd-header-height));
    background: var(--hhd-surface-page);
}

.hhd-workspace-topbar {
    position: sticky;
    top: 0;
    z-index: 950;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--hhd-space-5);
    min-height: var(--hhd-header-height);
    padding: var(--hhd-space-3) var(--hhd-space-6);
    background: color-mix(in srgb, var(--hhd-surface-panel) 94%, transparent);
    border-bottom: 1px solid var(--hhd-border);
    backdrop-filter: blur(14px);
}

.hhd-workspace-topbar-leading {
    display: flex;
    align-items: center;
    gap: var(--hhd-space-3);
    flex: 0 0 auto;
}

.hhd-workspace-brand {
    display: flex;
    align-items: center;
    gap: var(--hhd-space-3);
    min-width: 0;
    padding: .35rem .45rem;
    color: var(--hhd-text-primary);
    text-decoration: none;
    border-radius: var(--hhd-radius-md);
}

.hhd-workspace-brand:hover,
.hhd-workspace-brand:focus-visible {
    background: var(--hhd-surface-muted);
}

.hhd-workspace-brand-mark {
    display: grid;
    place-items: center;
    width: 2.65rem;
    height: 2.65rem;
    flex: 0 0 auto;
    border-radius: .85rem;
    background: linear-gradient(135deg, #6f8dff, #3d6df2);
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.hhd-workspace-brand-copy { display: grid; min-width: 0; }
.hhd-workspace-brand-copy strong { color: var(--hhd-text-primary); font-size: .96rem; }
.hhd-workspace-brand-copy small { color: var(--hhd-text-secondary); font-size: .7rem; }

.hhd-workspace-navigation-toggle.e-btn {
    min-height: 2.65rem;
    border-color: var(--hhd-border);
    color: var(--hhd-text-primary);
    background: var(--hhd-surface-panel);
}

.hhd-workspace-navigation-toggle .hhd-workspace-icon { margin-right: var(--hhd-space-2); }

.hhd-workspace-content {
    width: min(100%, var(--hhd-content-max));
    margin: 0 auto;
    padding: var(--hhd-space-5) var(--hhd-space-6) var(--hhd-space-10);
}

.hhd-navigation-center-frame {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    max-height: min(86vh, 900px);
}

.hhd-navigation-center-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--hhd-space-5);
    padding: var(--hhd-space-6);
    background:
        radial-gradient(circle at 92% 0%, rgba(123, 156, 255, .22), transparent 34%),
        var(--hhd-surface-navigation);
    color: var(--hhd-text-inverse);
    border-bottom: 1px solid color-mix(in srgb, var(--hhd-accent) 24%, transparent);
}

.hhd-navigation-center-header h2 {
    margin: .25rem 0 .35rem;
    color: var(--hhd-text-inverse);
    font-size: clamp(1.45rem, 3vw, 2.1rem);
    letter-spacing: -.035em;
}

.hhd-navigation-center-header p {
    max-width: 48rem;
    margin: 0;
    color: var(--hhd-text-inverse-muted);
    line-height: 1.55;
}

.hhd-navigation-center-eyebrow {
    color: #a9bcff;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .11em;
}

.hhd-navigation-center-close {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 999px;
    color: var(--hhd-text-inverse);
    background: rgba(255,255,255,.08);
    font: inherit;
    font-size: 1.55rem;
    cursor: pointer;
}

.hhd-navigation-center-close:hover,
.hhd-navigation-center-close:focus-visible {
    background: rgba(255,255,255,.16);
}

.hhd-navigation-center-content {
    min-height: 0;
    padding: var(--hhd-space-6);
    overflow: auto;
    overscroll-behavior: contain;
}

.hhd-workspace-navigation {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--hhd-space-5);
}

.hhd-workspace-nav-area {
    min-width: 0;
    padding: var(--hhd-space-4);
    background: color-mix(in srgb, var(--hhd-surface-muted) 72%, var(--hhd-surface-panel));
    border: 1px solid var(--hhd-border);
    border-radius: var(--hhd-radius-lg);
}

.hhd-workspace-nav-area > h3 {
    display: flex;
    align-items: center;
    gap: var(--hhd-space-2);
    margin: 0 0 var(--hhd-space-3);
    color: var(--hhd-text-secondary);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hhd-workspace-nav-items { display: grid; gap: var(--hhd-space-2); }

.hhd-workspace-nav-link {
    display: flex;
    align-items: flex-start;
    gap: var(--hhd-space-3);
    min-height: 4.35rem;
    padding: .8rem;
    color: var(--hhd-text-primary);
    text-decoration: none;
    background: var(--hhd-surface-panel);
    border: 1px solid var(--hhd-border);
    border-radius: var(--hhd-radius-md);
    transition: transform var(--hhd-transition-fast), background var(--hhd-transition-fast), border-color var(--hhd-transition-fast), box-shadow var(--hhd-transition-fast);
}

.hhd-workspace-nav-link:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--hhd-accent) 48%, var(--hhd-border));
    box-shadow: var(--hhd-shadow-sm);
}

.hhd-workspace-nav-link.active {
    background: color-mix(in srgb, var(--hhd-accent) 11%, var(--hhd-surface-panel));
    border-color: color-mix(in srgb, var(--hhd-accent) 58%, var(--hhd-border));
}

.hhd-workspace-nav-link:focus-visible,
.hhd-navigation-center-close:focus-visible,
.hhd-workspace-navigation-toggle.e-btn:focus-visible,
.hhd-workspace-brand:focus-visible {
    outline: 3px solid var(--hhd-focus);
    outline-offset: 2px;
}

.hhd-workspace-nav-copy { display: grid; min-width: 0; gap: .2rem; }
.hhd-workspace-nav-copy strong { color: var(--hhd-text-primary); font-size: .88rem; line-height: 1.25; }
.hhd-workspace-nav-copy small { color: var(--hhd-text-secondary); font-size: .72rem; line-height: 1.35; }

.hhd-navigation-center-supplemental {
    margin-top: var(--hhd-space-6);
    padding-top: var(--hhd-space-5);
    border-top: 1px solid var(--hhd-border);
}

.hhd-navigation-center-supplemental-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--hhd-space-3);
}

.hhd-navigation-center-supplemental-title {
    margin: 0 0 var(--hhd-space-3);
    color: var(--hhd-text-primary);
    font-size: .95rem;
}

.hhd-navigation-center-supplemental-link {
    display: flex;
    align-items: center;
    min-height: 2.9rem;
    padding: .65rem .75rem;
    color: var(--hhd-text-primary);
    text-decoration: none;
    background: var(--hhd-surface-panel);
    border: 1px solid var(--hhd-border);
    border-radius: var(--hhd-radius-md);
}

.hhd-navigation-center-supplemental-link:hover,
.hhd-navigation-center-supplemental-link.active {
    color: var(--hhd-accent-strong);
    border-color: color-mix(in srgb, var(--hhd-accent) 50%, var(--hhd-border));
    background: color-mix(in srgb, var(--hhd-accent) 8%, var(--hhd-surface-panel));
}

.hhd-workspace-icon {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 1.25rem;
    height: 1.25rem;
    font-size: .9rem;
    line-height: 1;
}
.hhd-workspace-icon::before { content: "•"; }
.hhd-workspace-icon[data-icon="home"]::before { content: "⌂"; }
.hhd-workspace-icon[data-icon="governance"]::before { content: "◇"; }
.hhd-workspace-icon[data-icon="spaces"]::before { content: "▦"; }
.hhd-workspace-icon[data-icon="offering"]::before { content: "◫"; }
.hhd-workspace-icon[data-icon="subscription"]::before { content: "◉"; }
.hhd-workspace-icon[data-icon="taxonomy"]::before { content: "⌘"; }
.hhd-workspace-icon[data-icon="policy"]::before { content: "§"; }
.hhd-workspace-icon[data-icon="applicability"]::before { content: "◎"; }
.hhd-workspace-icon[data-icon="obligations"]::before { content: "✓"; }
.hhd-workspace-icon[data-icon="security"]::before { content: "◆"; }
.hhd-workspace-icon[data-icon="simulation"]::before { content: "△"; }
.hhd-workspace-icon[data-icon="applications"]::before { content: "▤"; }
.hhd-workspace-icon[data-icon="audit"]::before { content: "≡"; }
.hhd-workspace-icon[data-icon="routes"]::before { content: "↔"; }
.hhd-workspace-icon[data-icon="health"]::before { content: "+"; }
.hhd-workspace-icon[data-icon="menu"]::before { content: "☷"; }
.hhd-workspace-icon[data-icon="context"]::before { content: "◈"; }

.hhd-workspace-breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--hhd-space-2);
    width: min(100%, var(--hhd-content-max));
    margin: 0 auto;
    padding: var(--hhd-space-4) var(--hhd-space-6) 0;
    color: var(--hhd-text-secondary);
    font-size: .78rem;
}
.hhd-workspace-breadcrumbs a { color: var(--hhd-accent-strong); text-decoration: none; }
.hhd-workspace-breadcrumbs strong { color: var(--hhd-text-primary); }

/* HHD-UI-03A — composición canónica del Centro de navegación. */
html.hhd-modal-open { overflow: hidden; }

.hhd-navigation-center-frame {
    max-height: calc(100vh - 2rem);
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--hhd-border);
    border-radius: var(--hhd-radius-xl);
    background: var(--hhd-surface-elevated);
    box-shadow: var(--hhd-shadow-lg);
}

.hhd-navigation-center-header {
    padding: 1.25rem 1.35rem 1rem;
    border-bottom: 0;
}

.hhd-navigation-center-context {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    padding: 0 1.35rem 1rem;
}

.hhd-navigation-center-context > div {
    min-width: 0;
    display: grid;
    gap: .2rem;
    padding: .7rem .8rem;
    border: 1px solid var(--hhd-border-subtle);
    border-radius: var(--hhd-radius-sm);
    background: var(--hhd-surface-subtle);
}

.hhd-navigation-center-context span {
    color: var(--hhd-text-tertiary);
    font-size: var(--hhd-font-size-xs);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.hhd-navigation-center-context strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--hhd-font-size-sm);
}

.hhd-navigation-center-search {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    margin: 0 1.35rem 1rem;
    padding: 0 .75rem;
    border: 1px solid var(--hhd-border);
    border-radius: var(--hhd-radius-md);
    background: var(--hhd-surface-panel);
}

.hhd-navigation-center-search input {
    width: 100%;
    min-height: 46px;
    color: var(--hhd-text-primary);
    background: transparent;
    border: 0;
    font: inherit;
}

.hhd-navigation-center-search input:focus { outline: none; }
.hhd-navigation-center-search button {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    color: var(--hhd-text-secondary);
    background: var(--hhd-surface-muted);
    border: 0;
    border-radius: var(--hhd-radius-pill);
    cursor: pointer;
}

.hhd-navigation-center-content {
    min-height: 0;
    overflow: auto;
    padding: 0 1.35rem 1.35rem;
}

.hhd-workspace-navigation {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.hhd-workspace-nav-area {
    min-width: 0;
    padding: .85rem;
    border: 1px solid var(--hhd-border-subtle);
    border-radius: var(--hhd-radius-lg);
    background: var(--hhd-surface-subtle);
}

.hhd-workspace-nav-area > h3 {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    margin: 0 0 .65rem;
    padding: .2rem .25rem;
    color: var(--hhd-text-primary);
    font-size: var(--hhd-font-size-sm);
}

.hhd-workspace-nav-area > h3 small {
    min-width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    color: var(--hhd-text-secondary);
    background: var(--hhd-surface-muted);
    border-radius: var(--hhd-radius-pill);
    font-size: .7rem;
}

.hhd-workspace-nav-items { display: grid; gap: .4rem; }
.hhd-workspace-nav-link {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    min-height: 66px;
    padding: .7rem;
    color: var(--hhd-text-primary);
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: var(--hhd-radius-md);
    background: var(--hhd-surface-panel);
    box-shadow: var(--hhd-shadow-xs);
}

.hhd-workspace-nav-link:hover,
.hhd-workspace-nav-link.active {
    border-color: var(--hhd-accent);
    background: var(--hhd-surface-selected);
}

.hhd-workspace-nav-copy { min-width: 0; display: grid; gap: .15rem; }
.hhd-workspace-nav-copy strong { overflow-wrap: anywhere; font-size: var(--hhd-font-size-sm); }
.hhd-workspace-nav-copy small {
    display: -webkit-box;
    overflow: hidden;
    color: var(--hhd-text-secondary);
    font-size: .72rem;
    line-height: 1.35;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.hhd-workspace-nav-arrow { color: var(--hhd-accent); }

@media (max-width: 1024px) {
    .hhd-workspace-navigation { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
    .hhd-navigation-center-frame { min-height: 100vh; max-height: 100vh; border: 0; border-radius: 0; }
    .hhd-navigation-center-context { grid-template-columns: 1fr; }
    .hhd-navigation-center-context > div { grid-template-columns: auto minmax(0, 1fr); align-items: center; }
    .hhd-navigation-center-context strong { text-align: right; }
    .hhd-workspace-navigation { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
    .hhd-navigation-center-header,
    .hhd-navigation-center-content { padding-inline: 1rem; }
    .hhd-navigation-center-context { padding-inline: 1rem; }
    .hhd-navigation-center-search { margin-inline: 1rem; }
}

/* HHD-UI-04-FIX02 — Foundation navigation and authenticated user surface. */
.hhd-navigation-center-context {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap:.75rem 1.5rem;
    padding-bottom:.75rem;
}
.hhd-navigation-center-context > div {
    padding:.35rem 0 .55rem;
    border:0;
    border-bottom:1px solid var(--hhd-border-subtle);
    border-radius:0;
    background:transparent;
}
.hhd-workspace-navigation { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.35rem 2rem; }
.hhd-workspace-nav-area { padding:0; border:0; border-radius:0; background:transparent; }
.hhd-workspace-nav-area > h3 { margin:0 0 .65rem; padding:0 0 .55rem; border-bottom:1px solid var(--hhd-border); }
.hhd-workspace-nav-area > h3 small { background:transparent; color:var(--hhd-text-tertiary); }
.hhd-workspace-nav-group { margin-top:.7rem; }
.hhd-workspace-nav-group h4 { margin:0 0 .25rem; color:var(--hhd-text-tertiary); font-size:.68rem; text-transform:uppercase; letter-spacing:.07em; }
.hhd-workspace-nav-items { gap:.12rem; }
.hhd-workspace-nav-link { min-height:0; padding:.52rem .45rem; border:0; border-radius:var(--hhd-radius-sm); background:transparent; box-shadow:none; }
.hhd-workspace-nav-link:hover,.hhd-workspace-nav-link.active,.hhd-workspace-nav-link:focus-visible { background:var(--hhd-surface-selected); outline:none; }
.hhd-workspace-nav-copy small { -webkit-line-clamp:1; opacity:.8; }

.hhd-user-menu { position:relative; flex:0 0 auto; }
.hhd-user-menu > summary { list-style:none; }
.hhd-user-menu > summary::-webkit-details-marker { display:none; }
.hhd-user-menu-trigger { min-height:38px; display:flex; align-items:center; gap:.5rem; padding:.35rem .65rem; border:1px solid var(--hhd-border); border-radius:var(--hhd-radius-pill); background:var(--hhd-surface-panel); color:var(--hhd-text-primary); cursor:pointer; user-select:none; }
.hhd-user-menu-trigger:hover,.hhd-user-menu-trigger:focus-visible { border-color:var(--hhd-accent); background:var(--hhd-surface-selected); outline:none; }
.hhd-user-menu-identity { min-width:0; display:grid; line-height:1.1; }
.hhd-user-menu-identity strong { max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.74rem; }
.hhd-user-menu-identity small { max-width:180px; margin-top:.15rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--hhd-text-secondary); font-size:.65rem; }
.hhd-user-menu-chevron { color:var(--hhd-text-tertiary); }
.hhd-user-menu-popover { position:absolute; z-index:1200; top:calc(100% + .55rem); right:0; width:min(320px,calc(100vw - 2rem)); padding:.55rem; border:1px solid var(--hhd-border); border-radius:var(--hhd-radius-lg); background:var(--hhd-surface-elevated); box-shadow:var(--hhd-shadow-lg); }
.hhd-user-menu-heading { display:grid; gap:.15rem; padding:.65rem .7rem .75rem; border-bottom:1px solid var(--hhd-border-subtle); }
.hhd-user-menu-heading small { color:var(--hhd-text-secondary); overflow-wrap:anywhere; }
.hhd-user-menu-popover nav { display:grid; gap:.1rem; padding-top:.4rem; }
.hhd-user-menu-popover nav a { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.65rem; align-items:center; padding:.62rem .7rem; border-radius:var(--hhd-radius-sm); color:var(--hhd-text-primary); text-decoration:none; }
.hhd-user-menu-popover nav a:hover,.hhd-user-menu-popover nav a:focus-visible { background:var(--hhd-surface-selected); outline:none; }

.hhd-user-profile-page { width:min(100%,var(--hhd-content-max)); margin:0 auto; padding:var(--hhd-space-6); display:grid; gap:1.2rem; }
.hhd-user-profile-hero { display:grid; gap:.25rem; }
.hhd-user-profile-hero h1 { margin:0; font-size:clamp(1.65rem,3vw,2.35rem); }
.hhd-user-profile-hero p { max-width:760px; margin:0; color:var(--hhd-text-secondary); }
.hhd-user-profile-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.hhd-user-profile-card { min-width:0; padding:1.15rem; border:1px solid var(--hhd-border); border-radius:var(--hhd-radius-lg); background:var(--hhd-surface-panel); box-shadow:var(--hhd-shadow-xs); }
.hhd-user-profile-card h2 { margin:.2rem 0 .9rem; font-size:1.1rem; }
.hhd-user-profile-card dl,.hhd-user-profile-technical dl { display:grid; gap:.6rem; margin:0 0 .9rem; }
.hhd-user-profile-card dl div,.hhd-user-profile-technical dl div { display:grid; grid-template-columns:minmax(110px,.5fr) minmax(0,1fr); gap:.75rem; }
.hhd-user-profile-card dt,.hhd-user-profile-technical dt { color:var(--hhd-text-secondary); }
.hhd-user-profile-card dd,.hhd-user-profile-technical dd { margin:0; overflow-wrap:anywhere; font-weight:var(--hhd-weight-semibold); }
.hhd-user-profile-note { margin:.8rem 0 0; color:var(--hhd-text-secondary); font-size:var(--hhd-font-size-sm); }
.hhd-user-profile-actions { display:flex; flex-wrap:wrap; gap:.6rem; }
.hhd-user-profile-technical { padding:1rem 1.1rem; border:1px solid var(--hhd-border); border-radius:var(--hhd-radius-lg); background:var(--hhd-surface-subtle); }
.hhd-user-profile-technical summary { cursor:pointer; font-weight:var(--hhd-weight-semibold); }
.hhd-user-profile-technical dl { margin-top:1rem; }

@media (max-width:900px) {
    .hhd-workspace-navigation { grid-template-columns:1fr; }
    .hhd-user-profile-grid { grid-template-columns:1fr; }
}
@media (max-width:600px) {
    .hhd-navigation-center-context { grid-template-columns:1fr; }
    .hhd-user-menu-identity small { display:none; }
    .hhd-user-profile-page { padding:1rem; }
}

/* HHD-UI-04-FIX05 — Foundation modern navigation, account centre and compact context. */
.hhd-operational-context-label {
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:.5rem;
    min-height:38px;
    padding:.28rem .65rem .28rem .42rem;
    border:1px solid var(--hhd-border-subtle);
    border-radius:999px;
    background:color-mix(in srgb,var(--hhd-surface-panel) 88%,transparent);
    color:var(--hhd-text-primary);
}
.hhd-operational-context-icon { width:1.75rem; height:1.75rem; filter:drop-shadow(0 6px 9px rgba(37,99,235,.16)); }
.hhd-operational-context-label > span:last-child { min-width:0; display:grid; gap:.04rem; line-height:1.05; }
.hhd-operational-context-label strong { max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.72rem; }
.hhd-operational-context-label small { color:var(--hhd-text-secondary); font-size:.61rem; letter-spacing:.025em; }

.hhd-user-menu-trigger {
    flex:0 0 auto;
    min-height:40px;
    display:flex;
    align-items:center;
    gap:.52rem;
    padding:.28rem .6rem .28rem .34rem;
    border:1px solid var(--hhd-border);
    border-radius:999px;
    background:var(--hhd-surface-panel);
    color:var(--hhd-text-primary);
    cursor:pointer;
    transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.hhd-user-menu-trigger:hover,.hhd-user-menu-trigger:focus-visible { border-color:color-mix(in srgb,var(--hhd-accent) 60%,var(--hhd-border)); background:var(--hhd-surface-selected); box-shadow:0 0 0 3px color-mix(in srgb,var(--hhd-accent-soft) 55%,transparent); outline:none; }
.hhd-user-menu-avatar { width:1.9rem; height:1.9rem; filter:drop-shadow(0 6px 10px rgba(37,99,235,.16)); }
.hhd-user-menu-identity { min-width:0; display:grid; line-height:1.08; text-align:left; }
.hhd-user-menu-identity strong { max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.72rem; }
.hhd-user-menu-identity small { max-width:180px; margin-top:.12rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--hhd-text-secondary); font-size:.61rem; }
.hhd-user-menu-chevron { color:var(--hhd-text-tertiary); font-size:.85rem; }

.hhd-account-centre { display:grid; gap:1rem; }
.hhd-account-centre-identity { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:.8rem; padding:.8rem; border:1px solid var(--hhd-border-subtle); border-radius:18px; background:var(--hhd-surface-panel); }
.hhd-account-centre-avatar { width:3.2rem; height:3.2rem; filter:drop-shadow(0 10px 15px rgba(37,99,235,.18)); }
.hhd-account-centre-identity > div { min-width:0; display:grid; gap:.18rem; }
.hhd-account-centre-identity strong { font-size:1rem; overflow-wrap:anywhere; }
.hhd-account-centre-identity small { color:var(--hhd-text-secondary); overflow-wrap:anywhere; }
.hhd-account-centre-context { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; margin:0; }
.hhd-account-centre-context > div { min-width:0; padding:.68rem .72rem; border-radius:14px; background:var(--hhd-surface-subtle); }
.hhd-account-centre-context dt { color:var(--hhd-text-tertiary); font-size:.66rem; text-transform:uppercase; letter-spacing:.06em; }
.hhd-account-centre-context dd { margin:.18rem 0 0; font-weight:var(--hhd-weight-semibold); overflow-wrap:anywhere; }
.hhd-account-centre-actions { display:grid; gap:.45rem; }
.hhd-account-centre-actions a { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:.72rem; padding:.7rem .72rem; border:1px solid var(--hhd-border-subtle); border-radius:16px; background:var(--hhd-surface-panel); color:var(--hhd-text-primary); text-decoration:none; }
.hhd-account-centre-actions a:hover,.hhd-account-centre-actions a:focus-visible { border-color:color-mix(in srgb,var(--hhd-accent) 55%,var(--hhd-border)); background:var(--hhd-surface-selected); outline:none; }
.hhd-account-centre-actions .hhd-foundation-visual-icon { width:2.35rem; height:2.35rem; filter:drop-shadow(0 7px 11px rgba(37,99,235,.15)); }
.hhd-account-centre-actions span:last-child { min-width:0; display:grid; gap:.12rem; }
.hhd-account-centre-actions small { color:var(--hhd-text-secondary); line-height:1.3; }

.hhd-navigation-center-frame { background:linear-gradient(180deg,var(--hhd-surface-elevated),var(--hhd-surface-panel)); }
.hhd-navigation-center-header { padding:1.25rem 1.4rem .85rem; }
.hhd-navigation-center-header h2 { letter-spacing:-.025em; }
.hhd-navigation-center-context { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; padding:.15rem 1.4rem .75rem; }
.hhd-navigation-center-context > div { padding:.45rem 0 .55rem; border-bottom:1px solid var(--hhd-border-subtle); background:transparent; }
.hhd-navigation-center-search { margin:.1rem 1.4rem .9rem; min-height:46px; border-radius:14px; background:var(--hhd-surface-subtle); }
.hhd-navigation-center-search-icon { width:1.55rem; height:1.55rem; margin-left:.7rem; filter:drop-shadow(0 5px 8px rgba(37,99,235,.13)); }
.hhd-navigation-center-search-input { min-height:44px; }
.hhd-navigation-center-content { padding:0 1.4rem 1.3rem; }
.hhd-workspace-navigation { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.hhd-workspace-nav-area { min-width:0; overflow:hidden; border:1px solid var(--hhd-border-subtle); border-radius:20px; background:color-mix(in srgb,var(--hhd-surface-elevated) 88%,transparent); box-shadow:0 8px 24px rgba(18,38,72,.05); }
.hhd-workspace-nav-domain-header { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.72rem; padding:.78rem .82rem; border-bottom:1px solid var(--hhd-border-subtle); background:linear-gradient(135deg,color-mix(in srgb,var(--hhd-accent-soft) 34%,transparent),transparent 72%); }
.hhd-workspace-nav-domain-icon { width:42px; height:42px; display:grid; place-items:center; }
.hhd-workspace-nav-domain-icon .hhd-foundation-visual-icon { width:42px; height:42px; filter:drop-shadow(0 8px 12px rgba(37,99,235,.17)); }
.hhd-workspace-nav-domain-copy { min-width:0; display:grid; gap:.12rem; }
.hhd-workspace-nav-domain-copy strong { font-size:.78rem; letter-spacing:.045em; text-transform:uppercase; }
.hhd-workspace-nav-domain-copy small { color:var(--hhd-text-secondary); font-size:.65rem; line-height:1.25; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.hhd-workspace-nav-domain-count { min-width:1.55rem; height:1.55rem; display:grid; place-items:center; border-radius:999px; color:var(--hhd-accent-strong); background:var(--hhd-accent-soft); font-size:.68rem; font-weight:var(--hhd-weight-bold); }
.hhd-workspace-nav-domain-body { display:grid; gap:.72rem; padding:.72rem; }
.hhd-workspace-nav-group { margin:0; }
.hhd-workspace-nav-group h4 { margin:0 0 .3rem; padding:0 .32rem; color:var(--hhd-text-tertiary); font-size:.62rem; text-transform:uppercase; letter-spacing:.08em; }
.hhd-workspace-nav-items { display:grid; gap:.14rem; }
.hhd-workspace-nav-link { min-height:54px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.48rem .5rem; border:1px solid transparent; border-radius:14px; background:transparent; color:var(--hhd-text-primary); text-decoration:none; box-shadow:none; }
.hhd-workspace-nav-link:hover,.hhd-workspace-nav-link:focus-visible,.hhd-workspace-nav-link.active { border-color:color-mix(in srgb,var(--hhd-accent) 30%,var(--hhd-border)); background:var(--hhd-surface-selected); outline:none; }
.hhd-workspace-nav-link.active { box-shadow:inset 3px 0 0 var(--hhd-accent); }
.hhd-workspace-nav-item-icon { width:34px; height:34px; display:grid; place-items:center; }
.hhd-workspace-nav-item-icon .hhd-foundation-visual-icon { width:34px; height:34px; filter:drop-shadow(0 6px 9px rgba(37,99,235,.13)); }
.hhd-workspace-nav-copy { min-width:0; display:grid; gap:.1rem; }
.hhd-workspace-nav-copy strong { font-size:.75rem; }
.hhd-workspace-nav-copy small { color:var(--hhd-text-secondary); font-size:.63rem; line-height:1.22; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
.hhd-workspace-nav-arrow { color:var(--hhd-accent); opacity:.72; font-size:.9rem; }

@media (max-width:900px) {
    .hhd-workspace-navigation { grid-template-columns:1fr; }
    .hhd-operational-context-label small { display:none; }
}
@media (max-width:640px) {
    .hhd-operational-context-label { padding-inline:.35rem; }
    .hhd-operational-context-label > span:last-child { display:none; }
    .hhd-user-menu-identity small { display:none; }
    .hhd-account-centre-context { grid-template-columns:1fr; }
    .hhd-navigation-center-context { grid-template-columns:1fr; }
    .hhd-navigation-center-header,.hhd-navigation-center-content { padding-inline:1rem; }
    .hhd-navigation-center-context { padding-inline:1rem; }
    .hhd-navigation-center-search { margin-inline:1rem; }
}

/* FIX05: preserve a single bounded, keyboard- and touch-scrollable topbar.
   A later workspace override had disabled the scrollable chrome from app.css. */
.hhd-private-topbar-compact { overflow:hidden; min-width:0; }
.hhd-private-topbar-scroll { overflow-x:auto; overflow-y:hidden; min-width:0; overscroll-behavior-x:contain; }
.hhd-private-topbar-actions-compact { margin-left:auto; }

.hhd-account-preferences {
    display:grid;
    gap:.8rem;
    padding:.8rem;
    border:1px solid var(--hhd-border-subtle);
    border-radius:18px;
    background:color-mix(in srgb,var(--hhd-surface-subtle) 72%,var(--hhd-surface-panel));
}
.hhd-account-preferences-header { display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem; }
.hhd-account-preferences-header > div { display:grid; gap:.12rem; }
.hhd-account-preferences-header span { color:var(--hhd-text-tertiary); font-size:.66rem; font-weight:var(--hhd-weight-bold); letter-spacing:.065em; text-transform:uppercase; }
.hhd-account-preferences-header strong { font-size:.92rem; }
.hhd-account-preferences-header small { color:var(--hhd-text-secondary); }
.hhd-account-preferences-language .hhd-language-selector { display:grid; gap:.3rem; }
.hhd-account-preferences-language .hhd-language-selector > span { color:var(--hhd-text-secondary); font-size:.72rem; font-weight:var(--hhd-weight-semibold); }
.hhd-account-preferences-language .hhd-language-selector select { width:100%; min-height:36px; border-radius:12px; }
.hhd-account-preferences-group { display:grid; gap:.38rem; min-width:0; }
.hhd-account-preferences-group > span { color:var(--hhd-text-secondary); font-size:.72rem; font-weight:var(--hhd-weight-semibold); }
.hhd-account-preferences-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; }
.hhd-account-segmented { display:flex; flex-wrap:wrap; gap:.28rem; padding:.22rem; border:1px solid var(--hhd-border-subtle); border-radius:14px; background:var(--hhd-surface-panel); }
.hhd-account-segmented button { flex:1 1 auto; min-height:34px; padding:.42rem .6rem; border:0; border-radius:10px; background:transparent; color:var(--hhd-text-secondary); font:inherit; font-size:.73rem; font-weight:var(--hhd-weight-semibold); cursor:pointer; transition:background .15s ease,color .15s ease,box-shadow .15s ease; }
.hhd-account-segmented button:hover,.hhd-account-segmented button:focus-visible { background:var(--hhd-surface-selected); color:var(--hhd-text-primary); outline:none; }
.hhd-account-segmented button.is-selected { background:var(--hhd-accent); color:#fff; box-shadow:0 5px 14px color-mix(in srgb,var(--hhd-accent) 24%,transparent); }
.hhd-account-segmented button:disabled { opacity:.62; cursor:progress; }
.hhd-account-preferences-message { margin:0; color:var(--hhd-text-secondary); font-size:.72rem; }
.hhd-account-preferences.is-compact { gap:.65rem; }
.hhd-account-preferences.is-compact .hhd-account-preferences-header strong { font-size:.86rem; }
.hhd-user-profile-preferences-card { grid-column:1 / -1; }
.hhd-user-profile-preferences-card .hhd-account-preferences { border:0; padding:0; background:transparent; }

html.hhd-theme-dark .hhd-account-preferences { background:color-mix(in srgb,var(--hhd-surface-subtle) 82%,#07111f); }

@media (max-width:760px) {
    .hhd-private-topbar-compact { overflow:hidden; }
    .hhd-private-topbar-scroll { overflow-x:auto; overflow-y:hidden; }
    .hhd-account-preferences-grid { grid-template-columns:1fr; }
}

/* FIX03 scalable bounded Navigation Centre */
.hhd-navigation-center-frame{max-height:min(780px,calc(100dvh - 2rem));display:grid;grid-template-rows:auto auto auto minmax(0,1fr);overflow:hidden}
.hhd-navigation-center-content{min-height:0;overflow:hidden}
.hhd-bounded-navigation{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.hhd-workspace-nav-domain-rail{display:flex;gap:.55rem;overflow-x:auto;overscroll-behavior-inline:contain;padding:.1rem .1rem .75rem;scrollbar-width:thin}
.hhd-workspace-nav-domain-rail button{display:inline-flex;align-items:center;gap:.45rem;flex:0 0 auto;max-width:16rem;border:1px solid var(--hhd-border-subtle);border-radius:999px;background:var(--hhd-surface-raised);color:var(--hhd-text-secondary);padding:.55rem .8rem;cursor:pointer}
.hhd-workspace-nav-domain-rail button.is-active{color:var(--hhd-text-primary);border-color:var(--hhd-border-strong);background:var(--hhd-surface-selected)}
.hhd-workspace-nav-domain-rail button strong{font-size:.75rem;font-variant-numeric:tabular-nums}
.hhd-workspace-nav-active-domain{min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}
.hhd-workspace-nav-active-domain .hhd-workspace-nav-domain-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:.25rem}
@media (max-width:700px){.hhd-navigation-center-frame{max-height:100dvh;height:100dvh}.hhd-workspace-nav-domain-rail{padding-inline:.15rem}.hhd-workspace-nav-domain-rail button{max-width:12rem}}


/* FIX03-FIX02 semantic horizontal Navigation Centre */
.hhd-workspace-navigation.hhd-bounded-navigation{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr);gap:.75rem}
.hhd-workspace-nav-domain-rail{min-width:0;align-items:stretch}
.hhd-workspace-nav-domain-rail button{min-height:42px;max-width:14rem;padding:.42rem .68rem;font:inherit}
.hhd-workspace-nav-domain-rail button .hhd-foundation-visual-icon{width:24px!important;height:24px!important;flex:0 0 24px;filter:drop-shadow(0 4px 7px rgba(37,99,235,.12))}
.hhd-workspace-nav-domain-rail button span{font-size:.74rem;font-weight:var(--hhd-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hhd-workspace-nav-active-domain{width:100%;min-width:0}
.hhd-workspace-nav-active-domain .hhd-workspace-nav-domain-header{grid-template-columns:minmax(0,1fr) auto;padding:.64rem .78rem}
.hhd-workspace-nav-active-domain .hhd-workspace-nav-domain-copy strong{font-size:.76rem}
.hhd-workspace-nav-active-domain .hhd-workspace-nav-domain-copy small{font-size:.64rem;-webkit-line-clamp:1}
@media (max-width:700px){.hhd-workspace-nav-domain-rail button{max-width:10.5rem}.hhd-workspace-nav-domain-rail button .hhd-foundation-visual-icon{width:22px!important;height:22px!important;flex-basis:22px}}

/* FIX03-FIX03 readable, theme-aware Navigation Centre */
.hhd-navigation-center-frame .hhd-workspace-nav-domain-rail button {
    min-height:46px;
    gap:.5rem;
    padding:.48rem .72rem;
    color:var(--hhd-text-secondary);
}
.hhd-navigation-center-frame .hhd-workspace-nav-domain-rail button > span:not(.hhd-workspace-nav-domain-badge) {
    font-size:var(--hhd-font-size-sm);
    line-height:1.25;
    font-weight:var(--hhd-weight-semibold);
}
.hhd-workspace-nav-domain-badge,
.hhd-workspace-nav-domain-count {
    min-width:1.65rem;
    height:1.65rem;
    padding:0 .42rem;
    display:inline-grid;
    place-items:center;
    border:1px solid var(--hhd-border-subtle);
    border-radius:999px;
    background:var(--hhd-surface-selected);
    color:var(--hhd-text-primary);
    font-size:var(--hhd-font-size-xs);
    line-height:1;
    font-weight:var(--hhd-weight-bold);
    font-variant-numeric:tabular-nums;
}
.hhd-navigation-center-frame .hhd-workspace-nav-domain-rail button.is-active .hhd-workspace-nav-domain-badge {
    border-color:var(--hhd-border-strong);
    color:var(--hhd-accent-strong);
    background:var(--hhd-accent-soft);
}
.hhd-navigation-center-frame .hhd-workspace-nav-domain-copy strong {
    color:var(--hhd-text-primary);
    font-size:var(--hhd-font-size-sm);
    line-height:1.25;
}
.hhd-navigation-center-frame .hhd-workspace-nav-domain-copy small {
    color:var(--hhd-text-secondary);
    font-size:var(--hhd-font-size-xs);
    line-height:1.35;
}
.hhd-navigation-center-frame .hhd-workspace-nav-group > h4,
.hhd-navigation-center-frame .hhd-workspace-nav-group h4 {
    color:var(--hhd-text-secondary);
    font-size:var(--hhd-font-size-sm);
    line-height:1.3;
    letter-spacing:.06em;
}
.hhd-navigation-center-frame .hhd-workspace-nav-copy strong {
    font-size:var(--hhd-font-size-sm);
    line-height:1.3;
}
.hhd-navigation-center-frame .hhd-workspace-nav-copy small {
    color:var(--hhd-text-secondary);
    font-size:var(--hhd-font-size-xs);
    line-height:1.35;
}
@media (max-width:700px) {
    .hhd-navigation-center-frame .hhd-workspace-nav-domain-rail button {
        min-height:44px;
        max-width:12rem;
    }
}



/* HHD-UI-08A — JTBD Navigation Center: recognition before recall. */
.hhd-navigation-center-r2{grid-template-rows:auto auto auto minmax(0,1fr)}.hhd-nav-mode-tabs{display:flex;gap:.35rem;padding:0 1.4rem .85rem;border-bottom:1px solid var(--hhd-border-subtle)}.hhd-nav-mode-tabs button{border:1px solid var(--hhd-border-subtle);border-radius:999px;background:var(--hhd-surface-subtle);color:var(--hhd-text-secondary);padding:.48rem .8rem;font-weight:600;cursor:pointer}.hhd-nav-mode-tabs button.is-active{background:var(--hhd-accent-soft);border-color:color-mix(in srgb,var(--hhd-accent) 45%,var(--hhd-border));color:var(--hhd-accent-strong)}.hhd-navigation-center-r2-content{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:1rem;overflow:hidden}.hhd-nav-selection-zone,.hhd-nav-context-workspace-zone{min-height:0;overflow:auto}.hhd-nav-jtbd-list{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:.45rem;margin-bottom:.8rem}.hhd-nav-jtbd-list>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.48rem;align-items:center;border:1px solid var(--hhd-border-subtle);border-radius:16px;background:var(--hhd-surface-elevated);color:var(--hhd-text-primary);padding:.58rem;text-align:left;cursor:pointer}.hhd-nav-jtbd-list>button.is-active{border-color:var(--hhd-accent);background:var(--hhd-accent-soft)}.hhd-nav-jtbd-list .hhd-foundation-visual-icon{width:32px;height:32px}.hhd-nav-jtbd-list strong,.hhd-nav-jtbd-list small{display:block}.hhd-nav-jtbd-list strong{font-size:.73rem}.hhd-nav-jtbd-list small{font-size:.62rem;color:var(--hhd-text-secondary);margin-top:.1rem}.hhd-nav-jtbd-list b{font-size:.68rem}.hhd-nav-action-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.hhd-nav-action-list>button,.hhd-nav-destination-groups details button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.55rem;align-items:center;border:1px solid var(--hhd-border-subtle);border-radius:14px;background:var(--hhd-surface-panel);color:var(--hhd-text-primary);padding:.62rem;text-align:left;cursor:pointer}.hhd-nav-action-list>button:hover,.hhd-nav-action-list>button.is-selected,.hhd-nav-destination-groups details button:hover,.hhd-nav-destination-groups details button.is-selected{border-color:var(--hhd-accent);background:var(--hhd-surface-selected)}.hhd-nav-action-icon,.hhd-nav-action-icon .hhd-foundation-visual-icon,.hhd-nav-destination-groups .hhd-foundation-visual-icon{width:34px;height:34px}.hhd-nav-action-list strong,.hhd-nav-action-list small,.hhd-nav-destination-groups strong,.hhd-nav-destination-groups small{display:block}.hhd-nav-action-list small,.hhd-nav-destination-groups small{font-size:.68rem;color:var(--hhd-text-secondary);margin-top:.08rem}.hhd-nav-destination-search{margin:0 0 .65rem}.hhd-nav-destination-groups{display:grid;gap:.4rem}.hhd-nav-destination-groups details{border:1px solid var(--hhd-border-subtle);border-radius:14px;background:var(--hhd-surface-elevated);overflow:hidden}.hhd-nav-destination-groups summary{display:flex;justify-content:space-between;gap:.5rem;padding:.62rem .72rem;cursor:pointer;font-weight:650}.hhd-nav-destination-groups details>div{display:grid;gap:.35rem;padding:.4rem}.hhd-nav-action-context,.hhd-nav-action-workspace,.hhd-nav-context-placeholder{border:1px solid var(--hhd-border-subtle);border-radius:18px;background:var(--hhd-surface-elevated);padding:.85rem}.hhd-nav-context-workspace-zone{display:grid;align-content:start;gap:.65rem}.hhd-nav-action-context>span,.hhd-nav-action-workspace>div>span{color:var(--hhd-accent);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.hhd-nav-action-context h3,.hhd-nav-action-workspace h3{margin:.2rem 0}.hhd-nav-action-context p,.hhd-nav-action-workspace p,.hhd-nav-context-placeholder p{color:var(--hhd-text-secondary);line-height:1.45}.hhd-nav-action-context dl{display:grid;gap:.35rem}.hhd-nav-action-context dl>div{display:flex;justify-content:space-between;gap:.6rem;padding:.45rem 0;border-bottom:1px solid var(--hhd-border-subtle)}.hhd-nav-action-context dt{color:var(--hhd-text-secondary)}.hhd-nav-action-context dd{margin:0;text-align:right;font-weight:600}.hhd-nav-action-context-note{display:grid;grid-template-columns:auto 1fr;gap:.45rem;align-items:start;padding:.55rem;border-radius:12px;background:var(--hhd-info-soft);font-size:.7rem}.hhd-nav-action-context-note .hhd-foundation-visual-icon{width:28px;height:28px}.hhd-nav-action-workspace{display:flex;justify-content:space-between;gap:.7rem;align-items:center}.hhd-nav-context-placeholder{text-align:center;color:var(--hhd-text-secondary)}.hhd-nav-context-placeholder .hhd-foundation-visual-icon{width:48px;height:48px;margin:auto}
@media(max-width:900px){.hhd-navigation-center-r2-content{grid-template-columns:1fr}.hhd-nav-jtbd-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hhd-nav-context-workspace-zone{overflow:visible}.hhd-nav-action-list{grid-template-columns:1fr}}
@media(max-width:600px){.hhd-nav-mode-tabs{padding-inline:1rem}.hhd-nav-jtbd-list{grid-template-columns:1fr}.hhd-nav-action-workspace{align-items:stretch;flex-direction:column}}

/* C04-I04 — intent-first Navigation Center. Route/destination exploration is no longer the ordinary path. */
.hhd-navigation-center-i04{grid-template-rows:auto auto minmax(0,1fr)}
.hhd-navigation-center-i04-body{min-height:0;overflow:auto;padding:1rem 1.4rem 1.25rem;display:grid;gap:.85rem;align-content:start}
.hhd-intent-entry{border:1px solid var(--hhd-border-subtle);border-radius:20px;background:var(--hhd-surface-elevated);padding:1rem;display:grid;gap:.8rem}
.hhd-intent-entry-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.hhd-intent-entry-heading h3,.hhd-intent-state-card h3,.hhd-intent-next-question h3{margin:.18rem 0 0;font-size:1.08rem}
.hhd-intent-section-eyebrow{display:block;color:var(--hhd-accent);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.hhd-intent-reset{border:0;background:transparent;color:var(--hhd-text-secondary);font:inherit;font-size:.78rem;font-weight:650;cursor:pointer;padding:.35rem .2rem}
.hhd-intent-reset:hover{color:var(--hhd-text-primary)}
.hhd-intent-formulation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:stretch}
.hhd-intent-formulation-field{min-width:0}
.hhd-intent-formulation-field .e-input-group{height:100%;min-height:72px;border-radius:14px}
.hhd-intent-formulation-field textarea.e-input{min-height:70px;resize:vertical;line-height:1.45}
.hhd-intent-submit{min-width:132px;align-self:stretch}
.hhd-intent-lenses{display:grid;gap:.45rem}
.hhd-intent-lenses>span,.hhd-intent-fallback-candidates>span,.hhd-intent-inferences>span{font-size:.72rem;color:var(--hhd-text-secondary);font-weight:650}
.hhd-intent-lens-list{display:flex;flex-wrap:wrap;gap:.4rem;min-width:0}
.hhd-intent-lens{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--hhd-border-subtle);border-radius:999px;background:var(--hhd-surface-subtle);color:var(--hhd-text-secondary);padding:.42rem .68rem;font:inherit;font-size:.74rem;font-weight:650;cursor:pointer;max-width:100%}
.hhd-intent-lens:hover{border-color:var(--hhd-accent);color:var(--hhd-text-primary)}
.hhd-intent-lens.is-selected{border-color:var(--hhd-accent);background:var(--hhd-accent-soft);color:var(--hhd-accent-strong)}
.hhd-intent-user-message,.hhd-intent-error{border-radius:14px;padding:.7rem .8rem;display:flex;gap:.45rem;align-items:flex-start}
.hhd-intent-user-message{background:var(--hhd-info-soft);color:var(--hhd-text-primary)}
.hhd-intent-error{background:var(--hhd-danger-soft);color:var(--hhd-text-primary);flex-direction:column}
.hhd-intent-state{display:grid;gap:.7rem}
.hhd-intent-state-card{border:1px solid var(--hhd-border-subtle);border-radius:18px;background:var(--hhd-surface-panel);padding:.9rem;display:flex;align-items:flex-start;gap:.75rem;justify-content:space-between}
.hhd-intent-state-card>div:first-child{min-width:0}
.hhd-intent-state-card p,.hhd-intent-next-question p{margin:.35rem 0 0;color:var(--hhd-text-secondary);line-height:1.45}
.hhd-intent-state-card.is-working{background:var(--hhd-info-soft)}
.hhd-intent-state-card.is-understood{background:var(--hhd-success-soft)}
.hhd-intent-state-card.is-warning,.hhd-intent-state-card.is-clarification{background:var(--hhd-warning-soft)}
.hhd-intent-state-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--hhd-surface-elevated);font-weight:800;flex:0 0 auto}
.hhd-intent-understood-copy{min-width:0;flex:1}
.hhd-intent-fact-summary{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.65rem}
.hhd-intent-fact-summary span{border:1px solid var(--hhd-border-subtle);border-radius:999px;background:var(--hhd-surface-elevated);padding:.3rem .55rem;font-size:.7rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hhd-intent-clarification-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.7rem}
.hhd-intent-clarification-option,.hhd-intent-fallback-candidates button{display:grid;gap:.15rem;border:1px solid var(--hhd-border-subtle);border-radius:14px;background:var(--hhd-surface-elevated);color:var(--hhd-text-primary);padding:.68rem;text-align:left;font:inherit;cursor:pointer;min-width:0}
.hhd-intent-clarification-option:hover,.hhd-intent-fallback-candidates button:hover{border-color:var(--hhd-accent);background:var(--hhd-surface-selected)}
.hhd-intent-clarification-option strong,.hhd-intent-fallback-candidates strong{font-size:.78rem}
.hhd-intent-clarification-option span,.hhd-intent-clarification-option small,.hhd-intent-fallback-candidates small{font-size:.68rem;color:var(--hhd-text-secondary);line-height:1.35}
.hhd-intent-fallback-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
.hhd-intent-fallback-candidates>span{grid-column:1/-1}
.hhd-intent-inferences{display:grid;gap:.45rem}
.hhd-intent-inference-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid var(--hhd-border-subtle);border-radius:14px;background:var(--hhd-surface-elevated);padding:.65rem .75rem}
.hhd-intent-inference-item strong,.hhd-intent-inference-item small{display:block}
.hhd-intent-inference-item small{margin-top:.15rem;color:var(--hhd-text-secondary);font-size:.68rem}
.hhd-intent-inference-item>div:last-child{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}
.hhd-intent-inference-item button{border:1px solid var(--hhd-border-subtle);border-radius:999px;background:var(--hhd-surface-subtle);color:var(--hhd-text-primary);padding:.38rem .6rem;font:inherit;font-size:.7rem;font-weight:650;cursor:pointer}
.hhd-intent-next-question{border:1px dashed var(--hhd-border-subtle);border-radius:16px;padding:.75rem .85rem;background:var(--hhd-surface-subtle)}
.hhd-intent-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--hhd-border-subtle);padding-top:.8rem}
.hhd-intent-footer-status{display:grid;gap:.12rem;min-width:0}
.hhd-intent-footer-status strong{font-size:.78rem}
.hhd-intent-footer-status span{font-size:.7rem;color:var(--hhd-text-secondary);line-height:1.4}
.hhd-intent-footer-actions{display:flex;gap:.45rem;flex:0 0 auto}
.hhd-navigation-center-i04-supplemental{border-top:1px solid var(--hhd-border-subtle);padding-top:.65rem;color:var(--hhd-text-secondary)}
.hhd-navigation-center-i04-supplemental summary{cursor:pointer;font-size:.72rem;font-weight:650}
.hhd-navigation-center-i04-supplemental .hhd-navigation-center-supplemental{margin-top:.6rem}

@media(max-width:900px){
    .hhd-navigation-center-i04-body{padding-inline:1rem}
    .hhd-intent-clarification-options,.hhd-intent-fallback-candidates{grid-template-columns:1fr}
}
@media(max-width:600px){
    .hhd-intent-entry{padding:.8rem}
    .hhd-intent-entry-heading{align-items:center}
    .hhd-intent-formulation-row{grid-template-columns:1fr}
    .hhd-intent-submit{min-height:44px;width:100%}
    .hhd-intent-lens-list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:thin}
    .hhd-intent-lens{flex:0 0 auto}
    .hhd-intent-state-card{flex-direction:column}
    .hhd-intent-inference-item,.hhd-intent-footer{align-items:stretch;flex-direction:column}
    .hhd-intent-inference-item>div:last-child,.hhd-intent-footer-actions{justify-content:stretch}
    .hhd-intent-inference-item button,.hhd-intent-footer-actions .e-btn{flex:1}
}

/* HHD-C04-I04-FIX18 — Authenticated HHD Session presentation. */
.hhd-authenticated-session-indicator{position:relative;display:flex;align-items:center;min-width:0}
.hhd-authenticated-session-indicator-button{min-height:36px;display:inline-flex;align-items:center;gap:.42rem;border:1px solid var(--hhd-border-subtle);border-radius:999px;background:var(--hhd-surface-elevated);color:var(--hhd-text-primary);padding:.38rem .66rem;font:inherit;cursor:pointer;white-space:nowrap}
.hhd-authenticated-session-indicator-button:hover,.hhd-authenticated-session-indicator-button:focus-visible{border-color:var(--hhd-accent);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--hhd-accent) 16%,transparent)}
.hhd-authenticated-session-indicator-button strong{font-variant-numeric:tabular-nums;font-size:.76rem;letter-spacing:.02em}
.hhd-authenticated-session-indicator-label{font-size:.68rem;color:var(--hhd-text-secondary);font-weight:650}
.hhd-authenticated-session-indicator-dot{width:.48rem;height:.48rem;border-radius:50%;background:var(--hhd-success,#268a57);box-shadow:0 0 0 3px color-mix(in srgb,var(--hhd-success,#268a57) 14%,transparent)}
.hhd-authenticated-session-indicator-button.is-warning{border-color:color-mix(in srgb,var(--hhd-warning,#b7791f) 60%,var(--hhd-border-subtle));background:var(--hhd-warning-soft)}
.hhd-authenticated-session-indicator-button.is-warning .hhd-authenticated-session-indicator-dot{background:var(--hhd-warning,#b7791f)}
.hhd-authenticated-session-indicator-button.is-expired,.hhd-authenticated-session-indicator-button.is-unavailable{border-color:color-mix(in srgb,var(--hhd-danger,#b42318) 50%,var(--hhd-border-subtle));background:var(--hhd-danger-soft)}
.hhd-authenticated-session-indicator-button.is-expired .hhd-authenticated-session-indicator-dot,.hhd-authenticated-session-indicator-button.is-unavailable .hhd-authenticated-session-indicator-dot{background:var(--hhd-danger,#b42318)}
.hhd-authenticated-session-warning{position:absolute;z-index:calc(var(--hhd-z-modal,1200) - 10);top:calc(100% + .55rem);right:0;width:min(420px,calc(100vw - 1rem));display:grid;gap:.75rem;border:1px solid color-mix(in srgb,var(--hhd-warning,#b7791f) 45%,var(--hhd-border-subtle));border-radius:16px;background:var(--hhd-surface-elevated);box-shadow:var(--hhd-shadow-lg,0 18px 44px rgba(15,35,65,.18));padding:.85rem}
.hhd-authenticated-session-warning strong{display:block;font-size:.86rem}
.hhd-authenticated-session-warning p{margin:.28rem 0 0;color:var(--hhd-text-secondary);font-size:.76rem;line-height:1.42}
.hhd-authenticated-session-warning button{justify-self:end;min-height:36px;border:1px solid var(--hhd-accent);border-radius:10px;background:var(--hhd-accent);color:var(--hhd-on-accent,#fff);padding:.45rem .72rem;font:inherit;font-size:.76rem;font-weight:700;cursor:pointer}
.hhd-authenticated-session-blocked{max-width:760px;margin:clamp(1rem,4vh,3rem) auto;display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem;border:1px solid var(--hhd-border-subtle);border-radius:20px;background:var(--hhd-surface-elevated);box-shadow:var(--hhd-shadow-md,0 12px 30px rgba(15,35,65,.1));padding:1.15rem}
.hhd-authenticated-session-blocked-kicker{display:block;color:var(--hhd-accent);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:750}
.hhd-authenticated-session-blocked h2{margin:.22rem 0 .4rem;font-size:1.08rem}
.hhd-authenticated-session-blocked p{margin:0;color:var(--hhd-text-secondary);line-height:1.5}
.hhd-authenticated-session-blocked small{display:block;margin-top:.55rem;color:var(--hhd-text-secondary);overflow-wrap:anywhere}
.hhd-authenticated-session-blocked-actions{display:flex;gap:.5rem;flex:0 0 auto}
@media(max-width:760px){.hhd-authenticated-session-indicator-label{display:none}.hhd-authenticated-session-blocked{flex-direction:column}.hhd-authenticated-session-blocked-actions{width:100%}.hhd-authenticated-session-blocked-actions button{width:100%}}
@media(max-width:430px){.hhd-authenticated-session-warning{position:fixed;top:auto;right:.5rem;bottom:.5rem;left:.5rem;width:auto}.hhd-authenticated-session-indicator-button{padding-inline:.52rem}}

/* PF-TX-I01-A-FIX01 — private header: stable navigation height / icon size.
   Dimensions are presentation only; responsive horizontal scroller remains intact. */
.hhd-private-topbar .hhd-private-menu-toggle {
    box-sizing:border-box;
    height:42px;
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.45rem;
    padding:.36rem .72rem;
    vertical-align:middle;
    white-space:nowrap;
}
.hhd-private-topbar .hhd-private-menu-toggle .hhd-foundation-visual-icon {
    display:inline-flex;
    flex:0 0 22px;
    width:22px;
    height:22px;
    min-width:22px;
    min-height:22px;
    max-width:22px;
    max-height:22px;
    overflow:hidden;
}
.hhd-private-topbar .hhd-private-menu-toggle .hhd-foundation-visual-icon img {
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}
/* Personal agent in Foundation must never inherit intrinsic SVG artwork size. */
.hhd-foundation-personal-presence .hhd-personal-agent-heading > .hhd-foundation-visual-icon {
    flex:0 0 40px;
    width:40px;
    height:40px;
    max-width:40px;
    max-height:40px;
}
/* Compact avatar preference view: remove redundant card/label, preserve labelled select.
   This does not affect full standalone preference page. */
.hhd-account-centre .hhd-account-preferences.is-compact {
    border:0;
    background:transparent;
    box-shadow:none;
    border-radius:0;
    padding:0;
    gap:.6rem;
}
.hhd-account-centre .hhd-account-preferences.is-compact .hhd-account-preferences-header > div > span,
.hhd-account-centre .hhd-account-preferences.is-compact .hhd-account-preferences-language .hhd-language-selector > span {
    display:none;
}
.hhd-account-centre .hhd-account-preferences.is-compact .hhd-account-preferences-language .hhd-language-selector {
    display:block;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.hhd-account-centre .hhd-account-preferences.is-compact .hhd-account-preferences-language .hhd-language-selector select {
    box-sizing:border-box;
    min-height:40px;
    padding:.45rem .65rem;
    border:1px solid var(--hhd-border-subtle);
    border-radius:10px;
    background:var(--hhd-surface-panel);
    color:var(--hhd-text-primary);
}
@media (max-width:760px) {
    .hhd-private-topbar .hhd-private-menu-toggle { height:44px;min-height:44px; }
}

/* TX-I01-A-FIX03: accessible horizontal diagnostic actions on personal-admission failure. */
.hhd-personal-state-actions {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.6rem;
    margin-top:.6rem;
}
.hhd-personal-diagnostic-error {
    margin:.5rem 0 0;
    color:var(--hhd-text-secondary, #475569);
}

/* PF-TX-I01-A-FIX04: technical detail is opt-in, not another primary action. */
.hhd-personal-failure-detail {margin:.45rem 0 0; font-size:.76rem;color:var(--hhd-text-secondary)}
.hhd-personal-failure-detail summary {cursor:pointer;max-width:max-content}
.hhd-personal-failure-detail code {display:inline-block;margin:.35rem 0;overflow-wrap:anywhere}

/* I15-B2-FIX04 STAGING — shared private chrome: a control lacking a source-owned
   capability provider remains recognizable but never behaves as an active button.
   Explanatory non-action elements are focusable for keyboard and accessibility. */
.hhd-private-topbar .hhd-private-menu-unavailable {
    opacity: .78;
    cursor: help;
    user-select: none;
}
.hhd-private-topbar .hhd-private-menu-unavailable:focus-visible {
    outline: 3px solid var(--hhd-accent, #2563eb);
    outline-offset: 2px;
}