.custom-expand-panel-header {
    padding: 0 !important;
    background-color: aliceblue !important;
}

/* 1. Suppress default focus on MudBlazor's header */
.mud-expand-panel-header:focus {
    outline: none !important;
}

/* 2. Highlight panel only when the section header has focus (not its children) */
/* Apply inner border only on keyboard focus (focus-visible) */
.mud-expand-panel:has(> .mud-expand-panel-header:focus-visible):not(:has(.accordion-item:focus-within)) {
    /*box-shadow: inset 0 0 0 2px orange;*/
    border-radius: 4px;
    border: 2px dashed orange; /* <-- new addition */
}

.detail-header {
    outline: none;
}

    /* Keyboard focus — inner border */
    .detail-header:focus-visible {
        /*box-shadow: none;*/ /* optional: remove if border is enough */
        border: 2px dashed orange;
        border-radius: 4px;
    }

    /* Optional: Mouse click — lighter or no border */
    .detail-header:focus:not(:focus-visible) {
        /*box-shadow: none;*/ /* consistent with dashed styling */
        border: 2px solid #ccc;
        border-radius: 4px;
    }