/* /Pages/Index.razor.rz.scp.css */
.app-layout.theme-dark[b-fmxp61csq7] {
    --surface-elevated: rgba(28, 37, 49, 0.9);
    --surface-card: rgba(20, 28, 39, 0.9);
    --surface-card-alt: rgba(33, 43, 56, 0.9);
    --surface-muted: rgba(46, 58, 73, 0.92);
    --surface-pill: rgba(40, 53, 69, 0.9);
    --surface-info: rgba(34, 70, 101, 0.88);
    --surface-done: rgba(69, 126, 90, 0.22);
    --text-primary: #edf4ff;
    --text-secondary: #c9d7e8;
    --text-muted: #9fb3cb;
    --text-accent: #8cc6ff;
    --text-strong: #f5f9ff;
    --text-success: #a8deb6;
    --text-danger: #ffc0b8;
    --border-subtle: rgba(122, 153, 186, 0.28);
    --shadow-color: rgba(0, 0, 0, 0.34);
    --action-secondary-bg: rgba(49, 63, 79, 0.92);
    --action-secondary-text: #d9e8fb;
    --action-destructive-bg: rgba(147, 74, 74, 0.34);
    --action-destructive-text: #ffd2ca;
    --meter-value: #9ee7c2;
    --info-color: #b8dec8;
    --error-color: #ffc0c0;
    --review-index-color: #b9cce3;
    --review-done-bg-start: rgba(56, 66, 80, 0.94);
    --review-done-bg-end: rgba(44, 55, 68, 0.96);
    --review-done-text: #d2dee9;
    --input-surface: rgba(38, 49, 64, 0.96);
    --input-border: rgba(142, 172, 204, 0.36);
    --input-text: #eff6ff;
    --input-placeholder: #b7c9df;
    --input-focus-border: rgba(153, 207, 255, 0.86);
    --input-focus-glow: rgba(85, 159, 224, 0.32);
}

.app-layout.theme-light[b-fmxp61csq7] {
    --surface-elevated: rgba(255, 255, 255, 0.88);
    --surface-card: rgba(255, 252, 247, 0.92);
    --surface-card-alt: rgba(249, 243, 233, 0.96);
    --surface-muted: rgba(239, 229, 216, 0.9);
    --surface-pill: rgba(255, 255, 255, 0.74);
    --surface-info: rgba(229, 241, 255, 0.92);
    --surface-done: rgba(94, 127, 100, 0.16);
    --text-primary: #261d17;
    --text-secondary: #645448;
    --text-muted: #8a6543;
    --text-accent: #1f4d7a;
    --text-strong: #2c231e;
    --text-success: #4e6a54;
    --text-danger: #8d2f2f;
    --border-subtle: rgba(182, 136, 94, 0.12);
    --shadow-color: rgba(99, 65, 42, 0.12);
    --action-secondary-bg: rgba(239, 229, 216, 0.9);
    --action-secondary-text: #47392d;
    --action-destructive-bg: rgba(121, 60, 54, 0.12);
    --action-destructive-text: #7c3f37;
    --meter-value: #234033;
    --info-color: #355d4b;
    --error-color: #8d2f2f;
    --review-index-color: #866548;
    --review-done-bg-start: rgba(240, 240, 240, 0.94);
    --review-done-bg-end: rgba(227, 231, 228, 0.96);
    --review-done-text: #7b7b7b;
    --input-surface: rgba(255, 255, 255, 0.9);
    --input-border: rgba(153, 126, 102, 0.28);
    --input-text: #2c231e;
    --input-placeholder: #7c6653;
    --input-focus-border: rgba(187, 119, 69, 0.76);
    --input-focus-glow: rgba(200, 132, 82, 0.24);
}

.loading-shell[b-fmxp61csq7] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 1.5rem;
}

.loading-card[b-fmxp61csq7] {
    width: min(32rem, 100%);
    padding: 2rem;
    border-radius: 1.75rem;
    background: var(--surface-elevated);
    box-shadow: 0 1.5rem 3rem var(--shadow-color);
    min-height: 100dvh;
}

.app-shell[b-fmxp61csq7] {
    height: 100dvh;
    overflow: hidden;
    padding: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 0;
    width: 100%;
    margin: 0;
}

.workflow-region[b-fmxp61csq7] {
    min-height: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto auto;
    gap: 0;
}

.workflow-region > .inline-message[b-fmxp61csq7] {
    margin-top: 0.5rem;
}

.workflow-region > .inline-message + .inline-message[b-fmxp61csq7] {
    margin-top: 0.35rem;
}

.primary-panel[b-fmxp61csq7] {
    min-height: 0;
    overflow: auto;
}

.panel-card[b-fmxp61csq7] {
    padding: 0.9rem;
    border-radius: 1.5rem;
    background: var(--surface-card);
    box-shadow: 0 1.1rem 2.4rem var(--shadow-color);
    border: 1px solid var(--border-subtle);
}

.section-copy[b-fmxp61csq7],
.empty-message[b-fmxp61csq7],
.gesture-hint[b-fmxp61csq7],
.inline-message[b-fmxp61csq7] {
    margin: 0;
    color: var(--text-secondary);
}

.eyebrow[b-fmxp61csq7] {
    margin: 0 0 0.4rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 0.72rem;
    font-weight: 700;
}

.section-heading[b-fmxp61csq7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.heading-trailing-controls[b-fmxp61csq7] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.review-header-pills[b-fmxp61csq7] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.review-position-pill[b-fmxp61csq7] {
    font-size: 0.8rem;
    padding-inline: 0.6rem;
}

.section-heading h2[b-fmxp61csq7],
.hero-card h1[b-fmxp61csq7] {
    margin: 0;
    color: var(--text-primary);
}

.capture-actions[b-fmxp61csq7],
.stacked-actions[b-fmxp61csq7],
.review-actions[b-fmxp61csq7],
.meter-actions[b-fmxp61csq7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.status-pill[b-fmxp61csq7],
.done-badge[b-fmxp61csq7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.35rem 0.75rem;
    font-size: 0.85rem;
    font-weight: 600;
}

.status-pill[b-fmxp61csq7] {
    background: var(--surface-pill);
    color: var(--text-secondary);
}

.status-info[b-fmxp61csq7] {
    background: var(--surface-info);
    color: var(--text-accent);
}

.done-badge[b-fmxp61csq7] {
    background: var(--surface-done);
    color: var(--text-success);
}

.capture-button[b-fmxp61csq7],
.primary-action[b-fmxp61csq7],
.secondary-action[b-fmxp61csq7] {
    appearance: none;
    border: none;
    border-radius: 1rem;
    min-height: 3.25rem;
    padding: 0.9rem 1rem;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    transition: transform 120ms ease, box-shadow 120ms ease, opacity 120ms ease;
}

.capture-button:hover[b-fmxp61csq7],
.primary-action:hover[b-fmxp61csq7],
.secondary-action:hover[b-fmxp61csq7] {
    transform: translateY(-1px);
}

.capture-button[b-fmxp61csq7],
.secondary-action[b-fmxp61csq7] {
    background: var(--action-secondary-bg);
    color: var(--action-secondary-text);
}

.capture-button-primary[b-fmxp61csq7],
.primary-action[b-fmxp61csq7] {
    background: linear-gradient(135deg, #c86637, #d98a49);
    color: #fffaf5;
    box-shadow: 0 1rem 1.8rem rgba(200, 102, 55, 0.24);
}

.destructive-action[b-fmxp61csq7] {
    background: var(--action-destructive-bg);
    color: var(--action-destructive-text);
}

.theme-toggle-action[b-fmxp61csq7] {
    min-height: 2.3rem;
    min-width: 2.3rem;
    width: 2.3rem;
    padding: 0.3rem;
    border-radius: 999px;
    font-size: 1rem;
}

.meter-stop-action[b-fmxp61csq7] {
    background: linear-gradient(135deg, #c45151, #de6464);
    color: #fff5f5;
    border: 1px solid rgba(255, 213, 213, 0.55);
    box-shadow: 0 0.65rem 1.35rem rgba(154, 32, 32, 0.38);
}

.meter-stop-action:hover:not(:disabled)[b-fmxp61csq7] {
    box-shadow: 0 0.9rem 1.7rem rgba(154, 32, 32, 0.46);
}

.meter-stop-action:focus-visible[b-fmxp61csq7] {
    outline: 2px solid rgba(255, 228, 228, 0.95);
    outline-offset: 2px;
}

.ocr-debug-panel[b-fmxp61csq7] {
    margin-top: 0.75rem;
    padding: 1rem;
}

.ocr-debug-heading[b-fmxp61csq7] {
    margin-bottom: 0.5rem;
}

.ocr-debug-actions[b-fmxp61csq7] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.ocr-debug-grid[b-fmxp61csq7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 0.75rem;
}

.ocr-debug-section[b-fmxp61csq7] {
    padding: 0.75rem;
    border: 1px solid var(--border-subtle);
    border-radius: 0.9rem;
    background: var(--surface-card-alt);
}

.ocr-debug-section h3[b-fmxp61csq7] {
    margin: 0 0 0.45rem;
    color: var(--text-primary);
    font-size: 0.95rem;
}

.ocr-debug-section p[b-fmxp61csq7] {
    margin: 0.35rem 0;
    color: var(--text-secondary);
    font-size: 0.85rem;
}

.ocr-debug-text[b-fmxp61csq7] {
    width: 100%;
    resize: vertical;
    border-radius: 0.75rem;
    border: 1px solid var(--input-border);
    background: var(--input-surface);
    color: var(--input-text);
    padding: 0.6rem 0.7rem;
    font-size: 0.82rem;
    line-height: 1.35;
    margin-top: 0.25rem;
}

.app-layout.theme-light .meter-stop-action[b-fmxp61csq7] {
    border-color: rgba(133, 35, 35, 0.42);
    box-shadow: 0 0.65rem 1.35rem rgba(163, 62, 62, 0.3);
}

.capture-button[b-fmxp61csq7] {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
}

.capture-button-icon[b-fmxp61csq7] {
    width: 3.25rem;
    min-width: 3.25rem;
    padding: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

[b-fmxp61csq7] .file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

[b-fmxp61csq7] .file-input::file-selector-button,
[b-fmxp61csq7] .file-input::-webkit-file-upload-button {
    display: none;
}

.draft-list[b-fmxp61csq7] {
    display: grid;
    gap: 0.85rem;
}

.draft-item[b-fmxp61csq7] {
    display: grid;
    gap: 0.65rem;
}

.draft-textarea[b-fmxp61csq7] {
    width: 100%;
    border: 1px solid var(--input-border);
    border-radius: 1rem;
    background: var(--input-surface);
    padding: 0.9rem 1rem;
    font: inherit;
    color: var(--input-text);
    caret-color: var(--input-text);
    resize: vertical;
    min-height: 6.2rem;
}

.draft-textarea[b-fmxp61csq7]::placeholder {
    color: var(--input-placeholder);
}

.draft-textarea:focus-visible[b-fmxp61csq7] {
    outline: none;
    border-color: var(--input-focus-border);
    box-shadow: 0 0 0 0.2rem var(--input-focus-glow);
}

.ocr-mode-select[b-fmxp61csq7] {
    width: min(18rem, 100%);
    border: 1px solid var(--input-border);
    border-radius: 0.8rem;
    background: var(--input-surface);
    padding: 0.55rem 0.75rem;
    font: inherit;
    font-size: 0.95rem;
    color: var(--input-text);
    min-height: 2.5rem;
}

.ocr-mode-select:focus-visible[b-fmxp61csq7] {
    outline: none;
    border-color: var(--input-focus-border);
    box-shadow: 0 0 0 0.2rem var(--input-focus-glow);
}

.stacked-actions[b-fmxp61csq7],
.capture-actions[b-fmxp61csq7],
.meter-actions[b-fmxp61csq7],
.review-actions[b-fmxp61csq7] {
    margin-top: 1rem;
}

.review-card[b-fmxp61csq7] {
    min-height: 16rem;
    border-radius: 1.4rem;
    padding: 0.75rem;
    background: linear-gradient(180deg, var(--surface-elevated), var(--surface-card-alt));
    border: 1px solid var(--border-subtle);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    position: relative;
    isolation: isolate;
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition:
        transform var(--swipe-cancel-duration) var(--swipe-easing-standard),
        opacity var(--swipe-cancel-duration) var(--swipe-easing-standard),
        border-color 140ms ease,
        box-shadow 140ms ease;
    will-change: transform, opacity;
}

.review-card[b-fmxp61csq7]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    opacity: 0;
    pointer-events: none;
    transition: opacity 140ms ease;
}

.review-card[b-fmxp61csq7]::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 2px solid rgba(196, 63, 63, 0.56);
    background: linear-gradient(180deg, rgba(196, 63, 63, 0.2), rgba(196, 63, 63, 0));
    opacity: 0;
    pointer-events: none;
}

.review-card.swipe-state-idle[b-fmxp61csq7] {
    --swipe-progress: 0;
    --swipe-direction-sign: 0;
    --swipe-vertical-sign: 0;
}

.review-card.swipe-direction-left[b-fmxp61csq7] {
    --swipe-direction-tint: rgba(211, 116, 68, 0.22);
}

.review-card.swipe-direction-right[b-fmxp61csq7] {
    --swipe-direction-tint: rgba(80, 147, 109, 0.2);
}

.review-card.swipe-direction-up[b-fmxp61csq7] {
    --swipe-direction-tint: rgba(222, 179, 88, 0.22);
}

.review-card.swipe-direction-left[b-fmxp61csq7]::after {
    background: linear-gradient(90deg, var(--swipe-direction-tint), rgba(255, 255, 255, 0) 48%);
}

.review-card.swipe-direction-right[b-fmxp61csq7]::after {
    background: linear-gradient(270deg, var(--swipe-direction-tint), rgba(255, 255, 255, 0) 48%);
}

.review-card.swipe-direction-up[b-fmxp61csq7]::after {
    background: linear-gradient(180deg, var(--swipe-direction-tint), rgba(255, 255, 255, 0) 50%);
}

.review-card.swipe-state-dragging[b-fmxp61csq7] {
    transform:
        translate3d(calc(var(--swipe-progress) * var(--swipe-direction-sign) * var(--swipe-drag-distance)), 0, 0)
        rotate(calc(var(--swipe-progress) * var(--swipe-direction-sign) * var(--swipe-tilt-angle)))
        scale(calc(1 - (var(--swipe-progress) * 0.02)));
    transition:
        transform 44ms var(--swipe-easing-drag),
        opacity 120ms ease,
        border-color 120ms ease,
        box-shadow 120ms ease;
    border-color: color-mix(in srgb, #c07a49 34%, rgba(177, 145, 112, 0.2));
    box-shadow: 0 1.2rem 2.8rem rgba(99, 65, 42, 0.16);
}

.review-card.swipe-state-dragging[b-fmxp61csq7]::after {
    opacity: calc(0.08 + (var(--swipe-progress) * 0.24));
}

.review-card.swipe-state-dragging.swipe-direction-up[b-fmxp61csq7] {
    transform:
        translate3d(0, calc(var(--swipe-progress) * var(--swipe-vertical-sign) * var(--swipe-up-drag-distance)), 0)
        scale(calc(1 - (var(--swipe-progress) * 0.03)));
    border-color: color-mix(in srgb, #d4ac52 34%, rgba(177, 145, 112, 0.2));
    box-shadow: 0 0.9rem 2.5rem rgba(153, 122, 45, 0.16);
}

.review-card.swipe-state-settling[b-fmxp61csq7] {
    transition:
        transform var(--swipe-commit-duration) var(--swipe-easing-standard),
        opacity var(--swipe-commit-duration) var(--swipe-easing-standard),
        box-shadow var(--swipe-commit-duration) var(--swipe-easing-standard),
        border-color var(--swipe-commit-duration) var(--swipe-easing-standard);
    opacity: var(--swipe-fade-min);
    border-color: rgba(200, 134, 89, 0.3);
    box-shadow: 0 1.4rem 3rem rgba(99, 65, 42, 0.2);
}

.review-card.swipe-state-settling.swipe-direction-left[b-fmxp61csq7] {
    transform:
        translate3d(calc(-1 * var(--swipe-commit-distance)), 0, 0)
        rotate(calc(-1 * var(--swipe-tilt-angle)))
        scale(0.985);
}

.review-card.swipe-state-settling.swipe-direction-right[b-fmxp61csq7] {
    transform:
        translate3d(var(--swipe-commit-distance), 0, 0)
        rotate(var(--swipe-tilt-angle))
        scale(0.985);
}

.review-card.swipe-state-settling.swipe-direction-up[b-fmxp61csq7] {
    transform:
        translate3d(0, calc(var(--swipe-vertical-sign) * var(--swipe-up-commit-distance)), 0)
        scale(0.97);
    border-color: rgba(212, 172, 82, 0.34);
    box-shadow: 0 0.9rem 2.8rem rgba(153, 122, 45, 0.2);
}

.review-card.swipe-state-settling[b-fmxp61csq7]::after {
    opacity: 0.3;
}

.review-card.swipe-state-canceled[b-fmxp61csq7] {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
    transition:
        transform var(--swipe-cancel-duration) var(--swipe-easing-standard),
        opacity var(--swipe-cancel-duration) var(--swipe-easing-standard),
        box-shadow var(--swipe-cancel-duration) var(--swipe-easing-standard),
        border-color var(--swipe-cancel-duration) var(--swipe-easing-standard);
    border-color: rgba(177, 145, 112, 0.26);
    box-shadow: 0 0.85rem 2rem rgba(99, 65, 42, 0.1);
}

.review-card.swipe-state-canceled[b-fmxp61csq7]::after {
    opacity: 0.14;
}

.review-card.review-card-blocked[b-fmxp61csq7] {
    border-color: rgba(196, 63, 63, 0.52);
    box-shadow: 0 1rem 2.4rem rgba(161, 46, 46, 0.24);
}

.review-card.review-card-blocked[b-fmxp61csq7]::before {
    opacity: 1;
    animation: blocked-completion-shake-b-fmxp61csq7 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes blocked-completion-shake-b-fmxp61csq7 {
    0% {
        transform: translate3d(0, 0, 0);
    }

    18% {
        transform: translate3d(-0.55rem, 0, 0);
    }

    36% {
        transform: translate3d(0.5rem, 0, 0);
    }

    52% {
        transform: translate3d(-0.4rem, 0, 0);
    }

    70% {
        transform: translate3d(0.28rem, 0, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

.review-panel[b-fmxp61csq7] {
    --swipe-commit-duration: 220ms;
    --swipe-cancel-duration: 180ms;
    --swipe-drag-distance: 4.75rem;
    --swipe-commit-distance: 11rem;
    --swipe-up-drag-distance: 3.8rem;
    --swipe-up-commit-distance: 7rem;
    --swipe-tilt-angle: 5deg;
    --swipe-fade-min: 0.12;
    --swipe-easing-standard: cubic-bezier(0.22, 1, 0.36, 1);
    --swipe-easing-drag: linear;
    --swipe-direction-tint: rgba(216, 137, 73, 0.2);
    display: flex;
    flex-direction: column;
}

.review-panel .review-card[b-fmxp61csq7] {
    min-height: 0;
    flex: 1 1 auto;
}

.review-card-done[b-fmxp61csq7] {
    background: linear-gradient(180deg, var(--review-done-bg-start), var(--review-done-bg-end));
}

.review-card-done .review-text[b-fmxp61csq7] {
    color: var(--review-done-text);
}

.review-card-meta[b-fmxp61csq7] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

.review-index[b-fmxp61csq7] {
    color: var(--review-index-color);
    font-weight: 600;
}

.review-text[b-fmxp61csq7] {
    margin: 0;
    font-size: clamp(1rem, 2.1vw + 0.55rem, 2rem);
    line-height: 1.5;
    color: var(--text-strong);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    flex: 1 1 auto;
    overflow: auto;
}

.camera-icon[b-fmxp61csq7] {
    font-size: 1.35rem;
    line-height: 1;
}

.capture-button-text[b-fmxp61csq7] {
    line-height: 1;
    white-space: nowrap;
}

.photo-source-popover-anchor[b-fmxp61csq7] {
    position: relative;
    display: inline-flex;
}

.photo-source-menu[b-fmxp61csq7] {
    position: absolute;
    bottom: calc(100% + 0.55rem);
    left: 0;
    min-width: 14.5rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.45rem;
    padding: 0.5rem;
    border-radius: 0.95rem;
    border: 1px solid var(--border-subtle);
    background: color-mix(in srgb, var(--surface-card-alt) 92%, #ffffff 8%);
    box-shadow: 0 1.1rem 2rem rgba(33, 23, 13, 0.22);
    z-index: 42;
}

.photo-source-option[b-fmxp61csq7] {
    width: 100%;
    justify-content: flex-start;
}

.photo-source-backdrop[b-fmxp61csq7] {
    position: fixed;
    inset: 0;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    z-index: 30;
}

.review-photo-source-menu[b-fmxp61csq7] {
    bottom: calc(100% + 0.55rem);
    left: auto;
    right: 0;
}

.review-capture-popover-anchor[b-fmxp61csq7] {
    margin-left: auto;
}

.review-actions > .review-capture-action[b-fmxp61csq7] {
    margin-left: 0;
}

.review-actions > .icon-action[b-fmxp61csq7],
.review-actions > .capture-button-icon[b-fmxp61csq7] {
    width: 6.5rem;
    min-width: 6.5rem;
}

.meter-panel[b-fmxp61csq7] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.meter-actions[b-fmxp61csq7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    margin-top: auto;
    padding-top: 0.6rem;
}

.meter-actions .icon-action[b-fmxp61csq7] {
    min-height: 3.4rem;
    padding: 0.7rem;
    font-size: 1.25rem;
}

.icon-action[b-fmxp61csq7] {
    min-height: 2.4rem;
    padding: 0.45rem;
    border-radius: 0.8rem;
    font-size: 1.05rem;
    line-height: 1;
}

.meter-reading[b-fmxp61csq7] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    margin-top: 0.25rem;
}

.meter-value[b-fmxp61csq7] {
    font-size: clamp(2.6rem, 8vw, 4.2rem);
    line-height: 1;
    font-weight: 800;
    color: var(--meter-value);
}

.meter-unit[b-fmxp61csq7] {
    color: var(--text-secondary);
    font-weight: 600;
}

.info-message[b-fmxp61csq7] {
    color: var(--info-color);
}

.error-message[b-fmxp61csq7] {
    color: var(--error-color);
}

button:disabled[b-fmxp61csq7] {
    opacity: 0.55;
    transform: none;
    cursor: not-allowed;
}

@media (min-width: 768px) {
    .panel-card[b-fmxp61csq7] {
        padding: 0.85rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .review-panel[b-fmxp61csq7] {
        --swipe-commit-duration: 120ms;
        --swipe-cancel-duration: 100ms;
        --swipe-drag-distance: 1.8rem;
        --swipe-commit-distance: 2.6rem;
        --swipe-up-drag-distance: 1.2rem;
        --swipe-up-commit-distance: 1.9rem;
        --swipe-tilt-angle: 1deg;
        --swipe-fade-min: 0.82;
    }

    .review-card.swipe-state-dragging[b-fmxp61csq7] {
        box-shadow: 0 1rem 2rem rgba(99, 65, 42, 0.12);
    }

    .review-card.swipe-state-settling[b-fmxp61csq7]::after,
    .review-card.swipe-state-canceled[b-fmxp61csq7]::after {
        opacity: 0.22;
    }

    .review-card.review-card-blocked[b-fmxp61csq7]::before {
        animation-duration: 180ms;
    }
}

@media (orientation: portrait) {
    .review-text[b-fmxp61csq7] {
        font-size: clamp(1.2rem, 4.3vw + 0.25rem, 2.2rem);
    }

    .review-actions[b-fmxp61csq7] {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: clamp(0.35rem, 1.8vw, 0.7rem);
    }

    .review-actions > .icon-action[b-fmxp61csq7],
    .review-actions > .capture-button-icon[b-fmxp61csq7] {
        width: 100%;
        min-width: 0;
    }

    .review-actions > .review-capture-action[b-fmxp61csq7] {
        margin-left: 0;
    }

    .photo-source-menu[b-fmxp61csq7] {
        min-width: min(17rem, calc(100vw - 2rem));
    }
}

@media (orientation: landscape) {
    .app-shell[b-fmxp61csq7] {
        grid-template-columns: minmax(9rem, 12rem) minmax(0, 1fr);
        grid-template-rows: 1fr;
    }

    .meter-panel[b-fmxp61csq7] {
        order: -1;
        display: flex;
        flex-direction: column;
    }

    .workflow-region[b-fmxp61csq7] {
        grid-template-rows: minmax(0, 1fr) auto auto;
    }

    .review-card[b-fmxp61csq7] {
        min-height: 11rem;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.app-layout[b-kpnjliy705] {
    min-height: 100vh;
    min-height: 100dvh;
}