/* /Components/Editor/ImportReviewView.razor.rz.scp.css */
.lyric-verse-picker[b-51gs3nz563] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; min-width: 0; }
.lyric-verse-picker label[b-51gs3nz563] { flex-basis: 100%; font-weight: 600; }
.lyric-verse-picker select[b-51gs3nz563], .lyric-verse-picker button[b-51gs3nz563] {
    min-width: 0; max-width: 100%; min-height: 48px; box-sizing: border-box;
    font: inherit; padding: .5rem; color: var(--mb-text); background: var(--mb-input-bg);
    border: 1px solid var(--mb-text-muted); border-radius: .375rem;
    color-scheme: var(--mb-native-color-scheme);
}
.lyric-verse-picker option[b-51gs3nz563] { color: var(--mb-text); background: var(--mb-input-bg); }
.lyric-verse-picker select[b-51gs3nz563] { flex: 1 1 12rem; width: 100%; }
.lyric-verse-picker button[b-51gs3nz563] { flex: 1 1 10rem; cursor: pointer; background: var(--mb-surface); white-space: normal; }
.lyric-verse-picker :disabled[b-51gs3nz563], .lyric-empty-navigation button:disabled[b-51gs3nz563] {
    opacity: 1; color: var(--mb-text-muted); cursor: not-allowed;
}
[data-import-review-editor-panel="lyrics"][b-51gs3nz563] { min-width: 0; overflow-wrap: anywhere; }
[data-import-review-editor-panel="lyrics"] button[aria-controls="lyrics-under-notes"][b-51gs3nz563] { min-height: 56px; white-space: normal; }
.lyric-empty-navigation[b-51gs3nz563] { min-width: 0; width: 100%; }
.lyric-empty-navigation button[b-51gs3nz563] { min-height: 48px; min-width: 0; max-width: 100%; flex: 1 1 12rem; white-space: normal; }
[data-import-review-editor-panel="lyrics"] :is(button, select):focus-visible[b-51gs3nz563], #lyrics-under-notes input:focus-visible[b-51gs3nz563] {
    outline: 3px solid var(--mb-focus-ring); outline-offset: 2px;
}
#lyrics-under-notes input[b-51gs3nz563] { color-scheme: var(--mb-native-color-scheme); }
#lyrics-under-notes input[b-51gs3nz563]::placeholder { color: var(--mb-text-muted); opacity: 1; }

/* Query the review shell, not the flex row itself: a container cannot
   query itself. This also covers narrow panes caused by browser zoom. */
.import-review-root[b-51gs3nz563] { container-type: inline-size; min-width: 0; overflow-x: hidden; overflow-y: auto !important; }
.import-review-main-layout[b-51gs3nz563] { min-height: 560px; flex-shrink: 0; }
@container (max-width: 760px) {
    .import-review-main-layout[b-51gs3nz563] { flex-direction: column; height: auto; overflow: visible; }
    .import-review-side-panel[b-51gs3nz563] { flex: 0 0 auto; width: 100%; min-width: 0; height: auto; }
}
.import-review-root[data-basic-review="true"] [data-import-review-fit-region="measure-rendering"][b-51gs3nz563] {
    flex: 0 0 auto !important; height: auto !important; min-height: 0 !important; max-height: none !important;
}
.mobile-evidence-pan-viewport[b-51gs3nz563] { flex: 0 0 auto; }
/* /Components/Editor/LyricPropertiesPanel.razor.rz.scp.css */
.lyric-properties[b-vadrkn85i8] {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: .75rem;
    border: 1px solid var(--mb-border);
    border-radius: .5rem;
    color: var(--mb-text);
    background: var(--mb-background);
    display: flex;
    flex-direction: column;
    gap: .5rem;
    overflow-wrap: anywhere;
    line-height: 1.5;
    color-scheme: var(--mb-native-color-scheme);
}
.lyric-properties legend[b-vadrkn85i8] { font-weight: 600; max-width: 100%; padding-inline: .25rem; }
.lyric-properties label[b-vadrkn85i8] { display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.lyric-properties input[b-vadrkn85i8], .lyric-properties select[b-vadrkn85i8], .lyric-properties button[b-vadrkn85i8] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: .5rem;
    font: inherit;
    color: var(--mb-text);
    background: var(--mb-input-bg);
    border: 1px solid var(--mb-text-muted);
    border-radius: .375rem;
    color-scheme: var(--mb-native-color-scheme);
}
.lyric-properties option[b-vadrkn85i8] { color: var(--mb-text); background: var(--mb-input-bg); }
.lyric-properties input[b-vadrkn85i8] { font-size: max(18px, 1em); }
.lyric-properties button[b-vadrkn85i8] { cursor: pointer; background: var(--mb-surface); white-space: normal; }
.lyric-properties :is(input, select, button):disabled[b-vadrkn85i8] {
    color: var(--mb-text-muted);
    background: var(--mb-surface);
    opacity: 1;
    cursor: not-allowed;
}
.lyric-properties :is(input, select, button, summary):focus-visible[b-vadrkn85i8] {
    outline: 3px solid var(--mb-focus-ring);
    outline-offset: 2px;
}
.lyric-properties__notation[b-vadrkn85i8] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: .5rem; }
.lyric-properties__status[b-vadrkn85i8] { margin: 0; font-size: 1em; line-height: 1.5; color: var(--mb-text-muted); }
.lyric-properties__help[b-vadrkn85i8] { border-top: 1px solid var(--mb-border); }
.lyric-properties__help summary[b-vadrkn85i8] { min-height: 48px; box-sizing: border-box; padding-block: .75rem; cursor: pointer; font-weight: 600; }
.lyric-properties__help p[b-vadrkn85i8] { margin: .5rem 0; }
/* /Layout/MainLayout.razor.rz.scp.css */
.page-container[b-l8f19yh0su] {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    background: var(--mb-background);
    color: var(--mb-text);
    transition: background-color 0.3s ease, color 0.3s ease;
}