/* --------------------------------------------------------------
   Entity Detail Overrides (shared)
   Scope: .transparent-expansion-panels and .readonly-field-filled
   used on entity detail pages (Accounts, Contacts, Portfolios, Vehicles).
   !important used only where required to override MudBlazor/app.css.
   Do not duplicate these blocks in page-level <style>.
-------------------------------------------------------------- */

/* Transparent expansion panels - match page background when wrapper has class .transparent-expansion-panels */
.transparent-expansion-panels .mud-expansion-panel,
.transparent-expansion-panels .mud-expansion-panels > .mud-expansion-panel {
    background: transparent !important;
    background-color: transparent !important;
}

.transparent-expansion-panels .mud-expansion-panel .mud-expansion-panel-header,
.transparent-expansion-panels .mud-expansion-panel .mud-expansion-panel-content {
    background: transparent !important;
    background-color: transparent !important;
}

.transparent-expansion-panels .mud-expansion-panel .mud-expansion-panel-content {
    padding-top: 0 !important;
}

.transparent-expansion-panels .mud-expansion-panel .mud-expansion-panel-header,
.transparent-expansion-panels .mud-expansion-panels > .mud-expansion-panel .mud-expansion-panel-header {
    min-height: 48px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-divider) !important;
}

/* Read-only filled fields - match background (high specificity to override app.css filled input rules) */
html body .readonly-field-filled .mud-input-root.mud-input-filled,
html body .readonly-field-filled .mud-input-root.mud-input-filled .mud-input-slot,
html body .readonly-field-filled .mud-input-root.mud-input-filled .mud-input-control-input-container,
html body .readonly-field-filled .mud-input-root.mud-input-filled .mud-input-control,
html body .readonly-field-filled .mud-input.mud-input-filled,
html body .readonly-field-filled .mud-input-control.mud-input-filled {
    background-color: var(--mud-palette-background) !important;
    background: var(--mud-palette-background) !important;
}

html body .readonly-field-filled .mud-input-filled input {
    background-color: var(--mud-palette-background) !important;
    background: var(--mud-palette-background) !important;
    color: var(--mud-palette-text-primary) !important;
    cursor: default !important;
}

html body .readonly-field-filled .mud-input-filled fieldset,
html body .readonly-field-filled .mud-input-filled .mud-input-outlined-border {
    border: none !important;
    display: none !important;
}

html body .readonly-field-filled .mud-input-filled,
html body .readonly-field-filled .mud-input-root.mud-input-filled {
    box-shadow: none !important;
    border: none !important;
}

html body .readonly-field-filled .mud-input-filled:hover,
html body .readonly-field-filled .mud-input-root.mud-input-filled:hover,
html body .readonly-field-filled .mud-input-control.mud-input-filled:hover {
    background-color: var(--mud-palette-background) !important;
    background: var(--mud-palette-background) !important;
    border: none !important;
}