.hhd-contextual-panel-dialog {
    width: min(var(--hhd-contextual-panel-max), calc(100vw - 2rem));
    max-width: none;
    max-height: calc(100vh - 2rem);
    margin: 1rem 1rem 1rem auto;
    padding: 0;
    color: var(--hhd-text-primary);
    background: transparent;
    border: 0;
    overflow: visible;
}

.hhd-contextual-panel-dialog.is-wide {
    width: min(1100px, calc(100vw - 2rem));
}

.hhd-contextual-panel-dialog::backdrop { background: var(--hhd-overlay); backdrop-filter: blur(4px); }
.hhd-contextual-panel-frame {
    max-height: calc(100vh - 2rem);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    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-contextual-panel-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.35rem;
    border-bottom: 1px solid var(--hhd-border-subtle);
    background: linear-gradient(135deg, var(--hhd-surface-subtle), var(--hhd-surface-panel));
}
.hhd-contextual-panel-header > div { min-width: 0; }
.hhd-contextual-panel-header span { color: var(--hhd-accent); font-size: var(--hhd-font-size-xs); font-weight: var(--hhd-weight-bold); letter-spacing: .09em; text-transform: uppercase; }
.hhd-contextual-panel-header h2 { margin: .35rem 0 .35rem; font-size: 1.35rem; overflow-wrap: anywhere; }
.hhd-contextual-panel-header p { margin: 0; color: var(--hhd-text-secondary); line-height: 1.45; }
.hhd-contextual-panel-close {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    color: var(--hhd-text-primary);
    background: var(--hhd-surface-panel);
    border: 1px solid var(--hhd-border);
    border-radius: var(--hhd-radius-pill);
    font-size: 1.4rem;
    cursor: pointer;
}
.hhd-contextual-panel-body { min-height: 0; overflow: auto; padding: 1.25rem 1.35rem; }
.hhd-contextual-panel-footer { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .65rem; padding: 1rem 1.35rem; border-top: 1px solid var(--hhd-border-subtle); background: var(--hhd-surface-subtle); }
.hhd-contextual-panel-section { padding-block: 1rem; border-bottom: 1px solid var(--hhd-border-subtle); }
.hhd-contextual-panel-section:first-child { padding-top: 0; }
.hhd-contextual-panel-section:last-child { border-bottom: 0; padding-bottom: 0; }
.hhd-contextual-panel-section h3 { margin: 0 0 .75rem; font-size: .95rem; }
.hhd-contextual-panel-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin: 0; }
.hhd-contextual-panel-detail-grid > div { min-width: 0; padding: .75rem; border-radius: var(--hhd-radius-sm); background: var(--hhd-surface-subtle); }
.hhd-contextual-panel-detail-grid dt { color: var(--hhd-text-tertiary); font-size: var(--hhd-font-size-xs); text-transform: uppercase; letter-spacing: .06em; }
.hhd-contextual-panel-detail-grid dd { margin: .25rem 0 0; overflow-wrap: anywhere; color: var(--hhd-text-primary); font-weight: var(--hhd-weight-semibold); }
.hhd-contextual-panel-actions { display: grid; gap: .65rem; }
.hhd-contextual-panel-actions label { display: grid; gap: .35rem; color: var(--hhd-text-secondary); font-size: var(--hhd-font-size-sm); }
.hhd-contextual-panel-actions select { min-height: 42px; padding: .55rem .7rem; color: var(--hhd-text-primary); background: var(--hhd-surface-panel); border: 1px solid var(--hhd-border); border-radius: var(--hhd-radius-sm); font: inherit; }
.hhd-contextual-panel-action-row { display: flex; flex-wrap: wrap; gap: .6rem; }
.hhd-contextual-panel-state { min-height: 220px; display: grid; grid-template-columns: auto 1fr; align-content: center; gap: 1rem; color: var(--hhd-text-secondary); }
.hhd-contextual-panel-state-icon { width: 48px; height: 48px; display: grid; place-items: center; color: var(--hhd-info); background: var(--hhd-info-soft); border-radius: var(--hhd-radius-md); }
.hhd-contextual-panel-state strong { color: var(--hhd-text-primary); }
.hhd-contextual-panel-state p { margin: .35rem 0 0; line-height: 1.5; }

@media (max-width: 768px) {
    .hhd-contextual-panel-dialog { width: 100vw; max-height: 100vh; margin: 0; }
    .hhd-contextual-panel-frame { min-height: 100vh; max-height: 100vh; border-radius: 0; border: 0; }
}

@media (max-width: 430px) {
    .hhd-contextual-panel-header,
    .hhd-contextual-panel-body,
    .hhd-contextual-panel-footer { padding-inline: 1rem; }
    .hhd-contextual-panel-detail-grid { grid-template-columns: 1fr; }
    .hhd-contextual-panel-footer > * { flex: 1 1 auto; }
}
.hhd-contextual-panel-entity-list,
.hhd-contextual-panel-audit-list {
    display: grid;
    gap: .6rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.hhd-contextual-panel-entity-list li,
.hhd-contextual-panel-audit-list li {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem .75rem;
    padding: .75rem;
    border: 1px solid var(--hhd-border-subtle);
    border-radius: var(--hhd-radius-sm);
    background: var(--hhd-surface-subtle);
}
.hhd-contextual-panel-entity-list li > span:first-child,
.hhd-contextual-panel-audit-list li > span:first-child {
    min-width: 0;
    display: grid;
    gap: .15rem;
}
.hhd-contextual-panel-entity-list strong,
.hhd-contextual-panel-audit-list strong { overflow-wrap: anywhere; }
.hhd-contextual-panel-entity-list small,
.hhd-contextual-panel-audit-list small { color: var(--hhd-text-tertiary); overflow-wrap: anywhere; }
.hhd-contextual-panel-audit-list p {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--hhd-text-secondary);
    font-size: var(--hhd-font-size-sm);
    line-height: 1.45;
}
.hhd-contextual-panel-more {
    margin: .65rem 0 0;
    color: var(--hhd-text-secondary);
    font-size: var(--hhd-font-size-sm);
}

@media (max-width: 430px) {
    .hhd-contextual-panel-entity-list li,
    .hhd-contextual-panel-audit-list li { grid-template-columns: 1fr; align-items: start; }
}

/* FIX06-FIX01 Operational Explorer Interaction Profile */
.hhd-operational-primary-cta{
    min-width:10rem;
    min-height:2.75rem;
    color:#fff !important;
    background:var(--hhd-primary,#2563eb) !important;
    border:1px solid var(--hhd-primary-dark,#1d4ed8) !important;
    opacity:1 !important;
    visibility:visible !important;
    text-shadow:none !important;
}
.hhd-operational-primary-cta:hover{background:var(--hhd-primary-dark,#1d4ed8) !important}
html.hhd-theme-dark .hhd-operational-primary-cta{color:#fff !important;background:var(--hhd-primary,#2563eb) !important;border-color:#60a5fa !important}
.hhd-operational-panel-actions{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin-top:1rem}
.hhd-operational-activation-panel{display:grid;gap:1rem;min-width:0}
.hhd-operational-activation-summary,.hhd-operational-advanced-host-intro{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem;border:1px solid var(--hhd-border-subtle,#d9e3f0);border-radius:.8rem;background:var(--hhd-surface-soft,#f7f9fc)}
.hhd-operational-activation-summary>div,.hhd-operational-advanced-host-intro>div{display:grid;gap:.25rem}
.hhd-operational-activation-summary span,.hhd-operational-advanced-host-intro span{color:var(--hhd-text-secondary,#52667a);font-size:.82rem}
.hhd-operational-activation-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0}
.hhd-operational-activation-facts div{display:grid;gap:.2rem;padding:.7rem;border-radius:.7rem;background:var(--hhd-surface-soft,#f7f9fc);min-width:0}
.hhd-operational-activation-facts dt{font-size:.72rem;color:var(--hhd-text-secondary,#52667a)}
.hhd-operational-activation-facts dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.hhd-operational-confirmation-card{display:grid;gap:.25rem;padding:.85rem;border:1px solid var(--hhd-border-strong,#afc2d8);border-radius:.8rem;background:var(--hhd-surface-soft,#f7f9fc)}
.hhd-operational-confirmation-card span{font-size:.84rem;color:var(--hhd-text-secondary,#52667a)}
.hhd-operational-advanced-host{display:grid;gap:.8rem;min-width:0}
.hhd-operational-panel-bounded{max-height:min(66dvh,720px);overflow:auto;overscroll-behavior:contain;min-width:0;padding-right:.15rem}
@media(max-width:560px){.hhd-operational-activation-facts{grid-template-columns:1fr}.hhd-operational-primary-cta{width:100%}.hhd-operational-panel-actions{display:grid;grid-template-columns:1fr}}

.hhd-operational-next-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--hhd-space-4, 1rem);
    flex-wrap: wrap;
}

.hhd-operational-next-action-copy {
    display: flex;
    align-items: center;
    gap: var(--hhd-space-2, .5rem);
    min-width: 0;
    color: var(--hhd-text-secondary, #475569);
    font-weight: 600;
}

@media (max-width: 640px) {
    .hhd-operational-next-action,
    .hhd-operational-next-action .hhd-operational-primary-cta {
        width: 100%;
    }

    .hhd-operational-next-action .hhd-operational-primary-cta {
        justify-content: center;
    }
}