/* /Components/Display/DisplayLayout.razor.rz.scp.css */
.display-layout[b-r7im5kbbvi] {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #090807;
    color: #fff7ef;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-rc2d3uw2uy] {
    min-height: 100dvh;
    display: grid;
    grid-template-columns: 248px minmax(0, 1fr);
    background: var(--fm-canvas);
}

.sidebar[b-rc2d3uw2uy] {
    position: sticky;
    top: 0;
    height: 100dvh;
    z-index: 20;
    background: #211d1b;
    border-right: 1px solid rgba(255, 255, 255, .06);
}

.app-stage[b-rc2d3uw2uy] { min-width: 0; }

.topbar[b-rc2d3uw2uy] {
    position: sticky;
    top: 0;
    z-index: 15;
    height: 72px;
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    background: rgba(250, 247, 243, .94);
    border-bottom: 1px solid var(--fm-line);
    backdrop-filter: blur(16px);
}

.topbar-location[b-rc2d3uw2uy],
.topbar-actions[b-rc2d3uw2uy],
.topbar-location > a[b-rc2d3uw2uy],
.user-chip[b-rc2d3uw2uy],
.display-link[b-rc2d3uw2uy] { display: flex; align-items: center; }

.topbar-location[b-rc2d3uw2uy] { gap: 11px; color: var(--fm-ink); }
.topbar-location > a[b-rc2d3uw2uy] { align-items: flex-start; flex-direction: column; line-height: 1.15; text-decoration:none; color:inherit; min-height:44px; justify-content:center; }
.topbar-location strong[b-rc2d3uw2uy] { font-size: .91rem; }
.topbar-location small[b-rc2d3uw2uy] { margin-top: 4px; color: var(--fm-muted); font-size: .72rem; }

.location-light[b-rc2d3uw2uy] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #47aa76;
    box-shadow: 0 0 0 4px rgba(71, 170, 118, .13);
}

.topbar-actions[b-rc2d3uw2uy] { gap: 12px; }

.display-link[b-rc2d3uw2uy],
.user-chip[b-rc2d3uw2uy] {
    min-height: 44px;
    border-radius: 12px;
    color: var(--fm-ink-soft);
    text-decoration: none;
    font-weight: 700;
    font-size: .82rem;
    transition: .16s ease;
}

.display-link[b-rc2d3uw2uy] { gap: 8px; padding: 0 13px; border: 1px solid var(--fm-line); background: #fff; }
.display-link svg[b-rc2d3uw2uy] { width: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.user-chip[b-rc2d3uw2uy] { gap: 9px; padding: 4px 7px 4px 4px; }
.display-link:hover[b-rc2d3uw2uy], .user-chip:hover[b-rc2d3uw2uy] { color: var(--fm-pink-dark); background: var(--fm-pink-pale); }

.user-avatar[b-rc2d3uw2uy] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    background: var(--fm-pink);
    font-size: .78rem;
    box-shadow: 0 5px 16px rgba(200, 49, 105, .2);
}

.workspace[b-rc2d3uw2uy] { width: 100%; max-width: 1540px; margin: 0 auto; padding: 34px 38px 70px; }

.auth-only[b-rc2d3uw2uy] {
    min-height: 100dvh;
    padding: 24px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 16px;
    background: var(--fm-canvas);
}

.auth-only[b-rc2d3uw2uy]  .login-shell {
    width: min(980px, 100%);
    margin: 0;
}

#blazor-error-ui[b-rc2d3uw2uy] {
    color-scheme: light only;
    display: none;
    position: fixed;
    z-index: 2000;
    inset: auto 18px 18px auto;
    width: min(440px, calc(100vw - 24px));
    padding: 15px 48px 15px 18px;
    border: 1px solid #f0bbca;
    border-radius: 14px;
    color: #6b243c;
    background: #fff4f7;
    box-shadow: var(--fm-shadow-lg);
}

#blazor-error-ui .reload[b-rc2d3uw2uy] { color: inherit; font-weight: 800; }
#blazor-error-ui .dismiss[b-rc2d3uw2uy] { cursor:pointer; position:absolute; right:4px; top:4px; width:44px; height:44px; border:0; color:inherit; background:transparent; }

@media (max-width: 980px) {
    .app-shell[b-rc2d3uw2uy] { grid-template-columns: 82px minmax(0, 1fr); }
    .topbar[b-rc2d3uw2uy] { padding: 0 22px; }
    .workspace[b-rc2d3uw2uy] { padding: 28px 24px 60px; }
}

@media (max-width: 720px) {
    .app-shell[b-rc2d3uw2uy] { display:block; padding-bottom:calc(72px + env(safe-area-inset-bottom)); }
    .sidebar[b-rc2d3uw2uy] { position:fixed; inset:auto 0 0; width:100%; height:calc(72px + env(safe-area-inset-bottom)); border:0; z-index:50; }
    .topbar[b-rc2d3uw2uy] { height:calc(62px + env(safe-area-inset-top)); padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left)); }
    .topbar-location small[b-rc2d3uw2uy], .display-link[b-rc2d3uw2uy] { display: none; }
    .user-chip > span:last-child[b-rc2d3uw2uy] { display: none; }
    .workspace[b-rc2d3uw2uy] { padding:22px max(16px,env(safe-area-inset-right)) 28px max(16px,env(safe-area-inset-left)); }
    .auth-only[b-rc2d3uw2uy] { padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) calc(36px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); }
    #blazor-error-ui[b-rc2d3uw2uy] { bottom:calc(80px + env(safe-area-inset-bottom)); right:12px; }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-shell[b-p7ddmzyvdy] { height:100%; padding:22px 16px 18px; display:flex; flex-direction:column; color:#f8f3ef; overflow-y:auto; }
.brand[b-p7ddmzyvdy] { display:flex; align-items:center; gap:11px; min-height:60px; padding:2px 6px 15px; margin-bottom:22px; color:inherit; text-decoration:none; border-bottom:1px solid #ffffff24; }
.brand-mark[b-p7ddmzyvdy] { width:38px; height:38px; flex:0 0 auto; overflow:hidden; border:2px solid #e46a96; border-radius:50%; background:#e778a1; }
.brand-mark img[b-p7ddmzyvdy] { width:100%; height:100%; object-fit:cover; object-position:50% 29%; transform:scale(1.34); }
.brand-copy[b-p7ddmzyvdy] { min-width:0; display:flex; flex-direction:column; line-height:1; }
.brand-copy strong[b-p7ddmzyvdy] { letter-spacing:-.035em; font-size:1rem; }
.brand-copy strong span[b-p7ddmzyvdy] { margin-left:3px; color:#ee88ae; }
.brand-copy small[b-p7ddmzyvdy] { margin-top:7px; color:#c6bbb4; font-size:.72rem; letter-spacing:.2em; }
.primary-nav[b-p7ddmzyvdy] { display:grid; gap:6px; }
.primary-nav[b-p7ddmzyvdy]  a, .more-navigation summary[b-p7ddmzyvdy], .logout-button[b-p7ddmzyvdy] { width:100%; min-height:48px; padding:10px 12px; display:flex; align-items:center; gap:12px; border:0; border-radius:10px; color:#e0d6cf; background:transparent; text-decoration:none; font:inherit; font-size:.94rem; font-weight:650; text-align:left; cursor:pointer; }
.primary-nav[b-p7ddmzyvdy]  a:hover, .more-navigation summary:hover[b-p7ddmzyvdy], .logout-button:hover[b-p7ddmzyvdy] { color:#fff; background:#ffffff15; }
.primary-nav[b-p7ddmzyvdy]  a.active { color:#fff; background:#743147; box-shadow:inset 3px 0 #f19cbb; }
.primary-nav[b-p7ddmzyvdy]  a.new-order-link { color:#fff; background:var(--fm-pink); }
.primary-nav svg[b-p7ddmzyvdy] { width:22px; height:22px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.more-navigation summary[b-p7ddmzyvdy] { list-style:none; }
.more-navigation summary[b-p7ddmzyvdy]::-webkit-details-marker { display:none; }
.more-navigation[open] > summary[b-p7ddmzyvdy] { color:#fff; background:#ffffff15; }
.more-panel[b-p7ddmzyvdy] { margin-top:6px; padding:12px; border:1px solid #6f6058; border-radius:12px; background:#302823; }
.more-panel h2[b-p7ddmzyvdy] { margin:0 0 8px; padding:0 8px; font-size:1rem; }
.more-panel[b-p7ddmzyvdy]  a { display:block; padding:12px 8px; }
.more-panel small[b-p7ddmzyvdy] { display:block; margin-top:3px; color:#d2c6be; font-size:.78rem; font-weight:400; }
.nav-group-label[b-p7ddmzyvdy] { margin:12px 8px 3px; color:#d2c6be; font-size:.8rem; }
.more-panel form[b-p7ddmzyvdy] { border-top:1px solid #6f6058; margin-top:10px; padding-top:8px; }
.nav-foot[b-p7ddmzyvdy] { margin-top:auto; padding-top:24px; }
.nav-foot p[b-p7ddmzyvdy] { color:#c6bbb4; margin:0 12px; font-size:.8rem; }
.nav-foot[b-p7ddmzyvdy]  .app-version { color:#c6bbb4; }
.more-panel[b-p7ddmzyvdy]  .app-version { color:#d2c6be; margin:12px 8px 2px; }
.mobile-overview[b-p7ddmzyvdy] { display:none !important; }
@media (max-width:980px) and (min-width:721px) {
    .nav-shell[b-p7ddmzyvdy] { padding:18px 8px; }
    .brand[b-p7ddmzyvdy] { justify-content:center; padding-inline:0; }
    .brand-copy[b-p7ddmzyvdy], .nav-foot p[b-p7ddmzyvdy] { display:none; }
    .primary-nav[b-p7ddmzyvdy]  > a, .more-navigation summary[b-p7ddmzyvdy] { justify-content:center; flex-direction:column; gap:5px; padding:10px 2px; font-size:.72rem; }
    .more-panel[b-p7ddmzyvdy] { position:fixed; left:90px; bottom:20px; width:260px; max-height:85dvh; overflow-y:auto; z-index:70; box-shadow:var(--fm-shadow-lg); }
    .nav-foot[b-p7ddmzyvdy]  .app-version { margin-inline:0; text-align:center; }
}
@media (max-width:720px) {
    .nav-shell[b-p7ddmzyvdy] { padding:4px max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left)); overflow:visible; }
    .brand[b-p7ddmzyvdy], .nav-foot[b-p7ddmzyvdy], .primary-nav[b-p7ddmzyvdy]  .desktop-overview { display:none; }
    .primary-nav[b-p7ddmzyvdy] { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:2px; }
    .primary-nav[b-p7ddmzyvdy]  > a, .more-navigation summary[b-p7ddmzyvdy] { min-width:0; min-height:60px; padding:6px 2px; flex-direction:column; justify-content:center; gap:5px; font-size:.75rem; line-height:1.15; }
    .primary-nav[b-p7ddmzyvdy]  a.new-order-link { border-radius:10px; box-shadow:none; }
    .more-panel[b-p7ddmzyvdy] { position:fixed; left:max(12px,env(safe-area-inset-left)); right:max(12px,env(safe-area-inset-right)); bottom:calc(76px + env(safe-area-inset-bottom)); max-height:calc(100dvh - 155px - env(safe-area-inset-bottom)); overflow-y:auto; overscroll-behavior:contain; margin:0; padding:16px; z-index:75; box-shadow:0 -8px 36px #0005; }
    .mobile-overview[b-p7ddmzyvdy] { display:block !important; }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-aieua3whfz],
.components-reconnect-repeated-attempt-visible[b-aieua3whfz],
.components-reconnect-failed-visible[b-aieua3whfz],
.components-pause-visible[b-aieua3whfz],
.components-resume-failed-visible[b-aieua3whfz],
.components-reconnect-rejected-visible[b-aieua3whfz],
.components-rejoining-animation[b-aieua3whfz] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-aieua3whfz],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-aieua3whfz],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-aieua3whfz],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-aieua3whfz],
#components-reconnect-modal.components-reconnect-retrying[b-aieua3whfz],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-aieua3whfz],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-aieua3whfz],
#components-reconnect-modal.components-reconnect-failed[b-aieua3whfz],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-aieua3whfz] {
    display: block;
}

#components-reconnect-modal.components-reconnect-rejected .components-reconnect-rejected-visible[b-aieua3whfz] { display:block; }


#components-reconnect-modal[b-aieua3whfz] {
    background-color: white;
    width: min(30rem, calc(100vw - 24px));
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    margin: auto;
    padding: 1.5rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-aieua3whfz 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-aieua3whfz 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-aieua3whfz 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-aieua3whfz]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-aieua3whfz 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-aieua3whfz {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-aieua3whfz {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-aieua3whfz {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-aieua3whfz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-aieua3whfz] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-aieua3whfz] {
    border: 0;
    background-color: var(--fm-pink, #b82d61);
    color: white;
    min-height: 44px;
    padding: 10px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-aieua3whfz] {
        background-color: var(--fm-pink-dark, #a52555);
    }

    #components-reconnect-modal button:active[b-aieua3whfz] {
        background-color: var(--fm-pink-dark, #a52555);
    }

.components-rejoining-animation[b-aieua3whfz] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-aieua3whfz] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-aieua3whfz 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-aieua3whfz] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-aieua3whfz {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}

#reconnect-title[b-aieua3whfz] { margin:0; font-size:1.15rem; text-align:center; }
@media(prefers-reduced-motion:reduce) {
    #components-reconnect-modal[b-aieua3whfz], #components-reconnect-modal[open][b-aieua3whfz], #components-reconnect-modal[b-aieua3whfz]::backdrop,
    .components-rejoining-animation div[b-aieua3whfz] { animation:none; transition:none; opacity:1; }
}
/* /Components/Pages/Display.razor.rz.scp.css */
.display-page[b-mt6abv4zkf] {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 45%, #252019 0, #0a0908 72%),
        #090807;
    user-select: none;
}

.scene-stage[b-mt6abv4zkf] {
    position: relative;
    width: min(100vw, calc(100vh * 1.7768331562));
    height: min(100vh, calc(100vw / 1.7768331562));
    overflow: hidden;
    isolation: isolate;
    background: #17130f url('/scene/shop-reference.png') center / 100% 100% no-repeat;
    box-shadow: 0 0 clamp(2rem, 7vw, 9rem) #000;
}

.scene-stage[b-mt6abv4zkf]::before,
.scene-stage[b-mt6abv4zkf]::after {
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    content: "";
}

.scene-stage[b-mt6abv4zkf]::before {
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, .018) 0,
        rgba(255, 255, 255, .018) 1px,
        transparent 1px,
        transparent 4px);
    background-size: 100% 4px;
    mix-blend-mode: overlay;
    opacity: .34;
}

.scene-stage[b-mt6abv4zkf]::after {
    background: radial-gradient(
        ellipse at center,
        transparent 52%,
        rgba(7, 4, 2, .13) 76%,
        rgba(4, 3, 2, .46) 100%);
}

.scene-canvas[b-mt6abv4zkf] {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

.ready-board[b-mt6abv4zkf] {
    position: absolute;
    left: 2.1%;
    bottom: 3.5%;
    z-index: 6;
    width: clamp(17rem, 25%, 34rem);
    padding: clamp(.75rem, 1.3vw, 1.45rem);
    border: clamp(2px, .2vw, 4px) solid #f1c6ab;
    border-radius: clamp(.35rem, .65vw, .8rem);
    background:
        linear-gradient(rgba(30, 24, 21, .95), rgba(16, 13, 12, .97)),
        #171311;
    box-shadow:
        0 clamp(.4rem, .8vw, .8rem) 0 rgba(0, 0, 0, .76),
        0 0 0 clamp(2px, .16vw, 4px) #31231f,
        0 0 clamp(1.2rem, 2.6vw, 3rem) rgba(0, 0, 0, .45);
    font-family: Consolas, "Courier New", monospace;
    text-transform: uppercase;
}

.ready-board[hidden][b-mt6abv4zkf] {
    display: none;
}

.brand-line[b-mt6abv4zkf] {
    display: flex;
    align-items: center;
    gap: clamp(.4rem, .7vw, .75rem);
    margin-bottom: clamp(.42rem, .7vw, .8rem);
    color: #ee729f;
    font-size: clamp(.63rem, .86vw, 1.12rem);
    font-weight: 800;
    letter-spacing: .12em;
}

.brand-mark[b-mt6abv4zkf] {
    display: grid;
    width: clamp(1.55rem, 2vw, 2.45rem);
    aspect-ratio: 1;
    place-items: center;
    border: 2px solid currentColor;
    border-radius: 50%;
    background: #251a1e;
    font-size: .72em;
    letter-spacing: -.08em;
}

.ready-board h1[b-mt6abv4zkf] {
    margin: 0 0 clamp(.66rem, 1.1vw, 1.2rem);
    color: #fff7ef;
    font-size: clamp(1.22rem, 2vw, 2.48rem);
    font-weight: 900;
    line-height: 1.02;
    letter-spacing: .025em;
    text-wrap: balance;
    text-shadow: .1em .1em 0 #6b243d;
}

.ready-list[b-mt6abv4zkf] {
    display: grid;
    gap: clamp(.34rem, .55vw, .72rem);
    max-height: min(27vh, 18rem);
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

.ready-list[b-mt6abv4zkf]  li {
    display: flex;
    align-items: center;
    min-height: clamp(2rem, 3vw, 3.5rem);
    padding: .2em .58em;
    border-left: clamp(4px, .42vw, 8px) solid #ee729f;
    background: #322529;
    color: #fff6ed;
    font-size: clamp(1rem, 1.72vw, 2.2rem);
    font-weight: 900;
    letter-spacing: .075em;
    line-height: 1;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .27);
}

.ready-list[b-mt6abv4zkf]  li::before {
    margin-right: .52em;
    color: #f3b74c;
    content: "◆";
    font-size: .62em;
}

.ready-list[b-mt6abv4zkf]  .ready-placeholder {
    visibility: hidden;
}

.ready-list.is-changing[b-mt6abv4zkf] {
    animation: ready-page-in-b-mt6abv4zkf .42s steps(3, end);
}

.ready-footer[b-mt6abv4zkf] {
    display: flex;
    align-items: center;
    gap: .55em;
    margin-top: clamp(.65rem, .9vw, 1rem);
    color: #bfb4ac;
    font-size: clamp(.56rem, .68vw, .88rem);
    letter-spacing: .035em;
    text-transform: none;
}

.ready-pagination[b-mt6abv4zkf] {
    display: inline-flex;
    align-items: baseline;
    gap: .38em;
    margin-left: auto;
    color: #f1c6ab;
    font-weight: 800;
    letter-spacing: .08em;
    white-space: nowrap;
}

.ready-pagination[hidden][b-mt6abv4zkf] {
    display: none;
}

.ready-page-label[b-mt6abv4zkf] {
    color: #8e827b;
    font-size: .86em;
    font-weight: 700;
}

.status-pixel[b-mt6abv4zkf] {
    width: .68em;
    height: .68em;
    background: #75d99b;
    box-shadow: 0 0 .7em rgba(117, 217, 155, .88);
    animation: status-pulse-b-mt6abv4zkf 2.6s steps(2, end) infinite;
}

.status-pixel.is-offline[b-mt6abv4zkf] {
    background: #e6a24c;
    box-shadow: 0 0 .7em rgba(230, 162, 76, .7);
}

.scene-loader[b-mt6abv4zkf] {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    background: #12100e;
    color: #f5dfcf;
    font: 800 clamp(.75rem, 1vw, 1.2rem)/1 Consolas, "Courier New", monospace;
    letter-spacing: .05em;
    text-transform: uppercase;
    transition: opacity .35s linear, visibility .35s linear;
}

.scene-stage.is-ready .scene-loader[b-mt6abv4zkf] {
    visibility: hidden;
    opacity: 0;
}

.loader-pixel[b-mt6abv4zkf] {
    width: .85em;
    height: .85em;
    background: #ed6d9b;
    box-shadow: 1.25em 0 0 #f5c05d, 2.5em 0 0 #fff0e3;
    animation: loader-shift-b-mt6abv4zkf 1.05s steps(3, end) infinite;
}

.scene-loader span:last-child[b-mt6abv4zkf] {
    margin-left: 2.7em;
}

.scene-loader.is-error[b-mt6abv4zkf] {
    color: #ffd6bc;
}

.scene-loader.is-error .loader-pixel[b-mt6abv4zkf] {
    background: #e6a24c;
    box-shadow: 1.25em 0 0 #ee729f, 2.5em 0 0 #fff0e3;
    animation: none;
}

@keyframes status-pulse-b-mt6abv4zkf {
    0%, 66% { opacity: 1; }
    67%, 100% { opacity: .36; }
}

@keyframes loader-shift-b-mt6abv4zkf {
    0% { transform: translateX(0); }
    100% { transform: translateX(1.25em); }
}

@keyframes ready-page-in-b-mt6abv4zkf {
    from {
        transform: translateY(.18rem);
        opacity: .35;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@media (max-aspect-ratio: 4/3) {
    .ready-board[b-mt6abv4zkf] {
        width: clamp(14rem, 37%, 25rem);
    }

}

@media (prefers-reduced-motion: reduce) {
    .status-pixel[b-mt6abv4zkf],
    .loader-pixel[b-mt6abv4zkf] {
        animation: none;
    }

    .scene-loader[b-mt6abv4zkf] {
        transition: none;
    }

    .ready-list.is-changing[b-mt6abv4zkf] {
        animation: none;
    }
}
/* /Components/Pages/NewWorkOrder.razor.rz.scp.css */
.intake-customer-results[b-20rf12g8g1] {
    display: grid;
    max-height: 240px;
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid var(--fm-line);
    border-radius: 10px;
}

.intake-customer-result[b-20rf12g8g1], .selected-intake-customer[b-20rf12g8g1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 11px 14px;
    text-align: left;
}

.intake-customer-result[b-20rf12g8g1] {
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--fm-line);
    background: white;
    color: var(--fm-ink);
    font-size: .9375rem;
    cursor: pointer;
}

.intake-customer-result:last-child[b-20rf12g8g1] { border-bottom: 0; }
.intake-customer-result:hover[b-20rf12g8g1], .intake-customer-result:focus-visible[b-20rf12g8g1] { background: var(--fm-pink-pale); }
.intake-customer-result strong[b-20rf12g8g1], .selected-intake-customer strong[b-20rf12g8g1] { display: block; }
.intake-customer-result small[b-20rf12g8g1], .selected-intake-customer small[b-20rf12g8g1] { display: block; margin-top: 4px; color: var(--fm-muted); }
.intake-customer-result > span:last-child[b-20rf12g8g1] { color: var(--fm-pink-dark); white-space: nowrap; }
.selected-intake-customer[b-20rf12g8g1] { border: 1px solid var(--fm-line); border-radius: 10px; background: var(--fm-pink-pale); }

.existing-device-help[b-20rf12g8g1], .device-conflict[b-20rf12g8g1] {
    padding: 14px 16px;
    border: 1px solid var(--fm-line);
    border-radius: 10px;
    background: var(--fm-pink-pale);
    font-size: .9375rem;
    line-height: 1.6;
}

.device-conflict[b-20rf12g8g1] { margin-top: 18px; }
.device-conflict p[b-20rf12g8g1] { margin: 6px 0 12px; }

.wizard-card[b-20rf12g8g1] { min-width: 0; }
.wizard-steps[b-20rf12g8g1]  .wizard-step strong { font-size: .9375rem; }
.wizard-steps[b-20rf12g8g1]  .wizard-step small { font-size: .8125rem; }
.wizard-steps[b-20rf12g8g1]  .wizard-step-number { font-size: .875rem; }
.wizard-card > .intake-progress[b-20rf12g8g1] { margin: 0 0 8px; font-size: .875rem; font-weight: 700; color: var(--fm-pink-dark); }
.intake-step-heading[b-20rf12g8g1] { scroll-margin-top: 90px; margin-bottom: 14px; }
.intake-error[b-20rf12g8g1], .device-conflict[b-20rf12g8g1] { scroll-margin-top: 90px; margin-bottom: 18px; }
.intake-review[b-20rf12g8g1] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding: 14px; margin-bottom: 20px; border-radius: 10px; background: var(--fm-cream, #f5f1ed); }
.intake-review strong[b-20rf12g8g1], .intake-review span[b-20rf12g8g1] { display: block; overflow-wrap: anywhere; }
.intake-review span[b-20rf12g8g1] { margin-top: 4px; color: var(--fm-muted); }
.intake-extras[b-20rf12g8g1] { border: 1px solid var(--fm-line); border-radius: 10px; padding: 0 14px; }
.intake-extras > summary[b-20rf12g8g1] { cursor: pointer; min-height: 48px; padding: 13px 0; font-weight: 650; line-height: 1.5; }
.intake-extras > summary span[b-20rf12g8g1] { color: var(--fm-muted); font-weight: 400; }
.intake-extras > .form-grid[b-20rf12g8g1] { padding: 8px 0 16px; }
.intake-check[b-20rf12g8g1] { display: flex; align-items: flex-start; gap: 12px; min-height: 44px; padding-block: 10px; font-size: .9375rem; line-height: 1.5; cursor: pointer; }
.intake-check input[b-20rf12g8g1] { flex: 0 0 22px; width: 22px; height: 22px; margin-top: 1px; }
.intake-actions[b-20rf12g8g1] { align-items: flex-start; flex-wrap: wrap; }
.intake-submit-actions[b-20rf12g8g1] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-left: auto; }
.intake-actions .fm-button[b-20rf12g8g1] { min-height: 44px; white-space: normal; text-align: center; }
.intake-customer-result > span:first-child[b-20rf12g8g1] { min-width: 0; overflow-wrap: anywhere; }

@media (max-width: 900px) {
    .wizard-steps[b-20rf12g8g1] { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 6px; border: 1px solid var(--fm-line); border-radius: 12px; overflow: visible; }
    .wizard-steps[b-20rf12g8g1]  .wizard-step { min-width: 0; gap: 6px; padding: 8px 3px; }
    .wizard-steps[b-20rf12g8g1]  .wizard-step strong { font-size: .875rem; }
}

@media (max-width: 580px) {
    .selected-intake-customer[b-20rf12g8g1] { align-items: flex-start; flex-direction: column; }
    .intake-submit-actions[b-20rf12g8g1] { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr); }
    .intake-submit-actions .fm-button[b-20rf12g8g1] { width: 100%; }
    .intake-customer-result[b-20rf12g8g1] { gap: 10px; padding: 12px 10px; }
    .intake-customer-result > span:last-child[b-20rf12g8g1] { white-space: normal; flex: 0 0 65px; }
    .intake-extras[b-20rf12g8g1] { padding-inline: 12px; }
}
/* /Components/Pages/WorkOrderDetails.razor.rz.scp.css */
.detail-disclosure > summary[b-c55j1b0w5m] { min-height: 60px; padding: 18px 22px; cursor: pointer; color: var(--fm-ink); }
.detail-disclosure > summary > span[b-c55j1b0w5m] { display: inline-block; vertical-align: middle; max-width: calc(100% - 20px); }
.detail-disclosure strong[b-c55j1b0w5m] { font-size: 1rem; }
.detail-disclosure small[b-c55j1b0w5m] { display: block; margin-top: 4px; font-size: .875rem; line-height: 1.5; color: var(--fm-muted); }
.detail-disclosure[open] > summary[b-c55j1b0w5m] { border-bottom: 1px solid var(--fm-line); }
.danger-disclosure[b-c55j1b0w5m] { border-color: #e7b9b9; }
.danger-disclosure > summary strong[b-c55j1b0w5m] { color: var(--fm-red); }
.note-disclosure > summary[b-c55j1b0w5m] { min-height: 44px; padding-block: 12px; cursor: pointer; font-weight: 650; }
.note-disclosure[open] > summary[b-c55j1b0w5m] { margin-bottom: 8px; }
.workflow-actions .fm-button[b-c55j1b0w5m], .photo-capture-toolbar .fm-button[b-c55j1b0w5m] { min-height: 44px; white-space: normal; text-align: center; }
.workflow-extras > summary[b-c55j1b0w5m] { min-height: 44px; padding-block: 12px; font-size: .9375rem; }
.workflow-extras[b-c55j1b0w5m], .field-help[b-c55j1b0w5m] { font-size: .9375rem; }
.photo-card strong[b-c55j1b0w5m] { font-size: .9375rem; }
.photo-card small[b-c55j1b0w5m] { font-size: .8125rem; }
.definition-row dd[b-c55j1b0w5m] { min-width: 0; overflow-wrap: anywhere; }
.definition-row dd a[b-c55j1b0w5m] { display: inline-block; padding-block: 8px; }
.alert[b-c55j1b0w5m], .photo-capture-toolbar h3[b-c55j1b0w5m] { scroll-margin-top: 90px; }
.delete-dialog[b-c55j1b0w5m] { box-sizing: border-box; max-height: calc(100dvh - 40px); overflow-y: auto; }
.delete-dialog .fm-button[b-c55j1b0w5m] { min-height: 44px; white-space: normal; }

@media (max-width: 620px) {
    .detail-disclosure > summary[b-c55j1b0w5m] { padding-inline: 16px; }
    .workflow-steps[b-c55j1b0w5m] { gap: 8px; }
    .workflow-steps li[b-c55j1b0w5m] { font-size: .875rem; gap: 7px; }
    .photo-grid[b-c55j1b0w5m] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .photo-capture-toolbar .fm-button[b-c55j1b0w5m] { width: 100%; }
    .definition-row[b-c55j1b0w5m] { gap: 10px; }
    .definition-row dt[b-c55j1b0w5m] { flex: 0 0 78px; }
    .delete-dialog[b-c55j1b0w5m] { padding: 20px; }
    .delete-dialog .fm-button[b-c55j1b0w5m] { width: 100%; }
}
/* /Components/Pages/WorkshopCalendar.razor.rz.scp.css */
.calendar-heading[b-bxamy9wxmx] {
    margin-bottom: 20px;
}

.calendar-toolbar[b-bxamy9wxmx] {
    min-height: 70px;
    margin-bottom: 14px;
    padding: 12px 14px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 18px;
    border: 1px solid var(--fm-line);
    border-radius: 16px;
    background: var(--fm-surface);
    box-shadow: var(--fm-shadow-sm);
}

.calendar-toolbar h2[b-bxamy9wxmx] {
    margin: 0;
    font-size: clamp(1rem, 1.65vw, 1.35rem);
    font-weight: 820;
    letter-spacing: -.025em;
    text-align: center;
}

.calendar-stepper[b-bxamy9wxmx],
.calendar-view-switch[b-bxamy9wxmx] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.calendar-view-switch[b-bxamy9wxmx] {
    justify-self: end;
    padding: 4px;
    border: 1px solid var(--fm-line);
    border-radius: 11px;
    background: #f7f3f0;
}

.calendar-icon-button[b-bxamy9wxmx],
.calendar-today-button[b-bxamy9wxmx],
.calendar-view-button[b-bxamy9wxmx] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--fm-line);
    border-radius: 9px;
    color: var(--fm-ink-soft);
    background: #fff;
    font-size: .85rem;
    font-weight: 780;
    text-decoration: none;
    transition: border-color .14s ease, color .14s ease, background .14s ease;
}

.calendar-icon-button[b-bxamy9wxmx] {
    width: 44px;
    flex: 0 0 44px;
    font-size: 1.35rem;
    line-height: 1;
}

.calendar-today-button[b-bxamy9wxmx] {
    padding: 0 13px;
}

.calendar-view-button[b-bxamy9wxmx] {
    min-height: 44px;
    padding: 0 11px;
    border-color: transparent;
    background: transparent;
    font-size: .85rem;
}

.calendar-icon-button:hover[b-bxamy9wxmx],
.calendar-today-button:hover[b-bxamy9wxmx],
.calendar-view-button:hover[b-bxamy9wxmx],
.calendar-icon-button:focus-visible[b-bxamy9wxmx],
.calendar-today-button:focus-visible[b-bxamy9wxmx],
.calendar-view-button:focus-visible[b-bxamy9wxmx] {
    color: var(--fm-pink-dark);
    border-color: #e8a9bf;
    background: var(--fm-pink-pale);
}

.calendar-view-button.active[b-bxamy9wxmx] {
    color: #fff;
    border-color: var(--fm-pink);
    background: var(--fm-pink);
}

.calendar-status-summary[b-bxamy9wxmx] {
    margin-bottom: 14px;
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
}

.calendar-status-chip[b-bxamy9wxmx] {
    --status-color: var(--fm-muted);
    min-height: 32px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    border: 1px solid var(--fm-line);
    border-radius: 99px;
    color: var(--fm-ink-soft);
    background: var(--fm-surface);
    font-size: .8rem;
    white-space: nowrap;
}

.calendar-status-chip i[b-bxamy9wxmx] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--status-color);
}

.calendar-status-chip strong[b-bxamy9wxmx] {
    color: var(--status-color);
    font-size: .76rem;
}

.calendar-backlog[b-bxamy9wxmx] {
    margin-bottom: 14px;
    padding: 15px;
    border-color: #e5d9d2;
    background: #fffdfb;
}

.calendar-backlog-heading[b-bxamy9wxmx] {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.calendar-backlog-heading h2[b-bxamy9wxmx] {
    margin: 2px 0 0;
    font-size: 1rem;
}

.calendar-backlog-heading p[b-bxamy9wxmx] {
    margin: 4px 0 0;
    color: var(--fm-muted);
    font-size: .85rem;
}

.calendar-backlog-count[b-bxamy9wxmx] {
    min-width: 34px;
    height: 34px;
    padding: 0 9px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 99px;
    color: #fff;
    background: var(--fm-ink-soft);
    font-size: .74rem;
    font-weight: 850;
}

.calendar-backlog-orders[b-bxamy9wxmx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: 8px;
}

.calendar-backlog-order[b-bxamy9wxmx] {
    min-height: 96px;
    align-content: start;
}

.calendar-overdue[b-bxamy9wxmx] {
    border-color: #efc8c4;
    background: #fff9f7;
}

.calendar-overdue .calendar-backlog-count[b-bxamy9wxmx] {
    background: #b23a43;
}

.calendar-overdue .calendar-order.overdue[b-bxamy9wxmx] {
    --status-color: #b23a43;
    --status-tint: #fff0ed;
}

.calendar-panel[b-bxamy9wxmx] {
    overflow: auto;
}

.calendar-weekdays[b-bxamy9wxmx],
.calendar-grid[b-bxamy9wxmx] {
    min-width: 760px;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.calendar-weekdays[b-bxamy9wxmx] {
    position: sticky;
    top: 0;
    z-index: 3;
    border-bottom: 1px solid var(--fm-line);
    background: #f8f4f1;
}

.calendar-weekdays div[b-bxamy9wxmx] {
    padding: 10px 12px;
    color: var(--fm-muted);
    font-size: .63rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-align: center;
    text-transform: uppercase;
}

.calendar-weekdays abbr[b-bxamy9wxmx] {
    text-decoration: none;
}

.calendar-day[b-bxamy9wxmx] {
    min-width: 0;
    min-height: 150px;
    padding: 9px;
    border-right: 1px solid #eee7e2;
    border-bottom: 1px solid #eee7e2;
    background: #fffdfb;
}

.calendar-day:nth-child(7n)[b-bxamy9wxmx] {
    border-right: 0;
}

.calendar-day.outside-month[b-bxamy9wxmx] {
    background: #f8f5f2;
}

.calendar-day.is-today[b-bxamy9wxmx] {
    background: #fff8fb;
    box-shadow: inset 0 0 0 2px rgba(207, 61, 115, .34);
}

.week-view .calendar-day[b-bxamy9wxmx] {
    min-height: min(58vh, 570px);
}

.calendar-day-header[b-bxamy9wxmx],
.calendar-day-header time[b-bxamy9wxmx],
.calendar-order-topline[b-bxamy9wxmx],
.calendar-order-time[b-bxamy9wxmx] {
    display: flex;
    align-items: center;
}

.calendar-day-header[b-bxamy9wxmx] {
    min-height: 28px;
    margin-bottom: 7px;
    justify-content: space-between;
    gap: 8px;
}

.calendar-day-header time[b-bxamy9wxmx] {
    gap: 6px;
    color: var(--fm-ink-soft);
}

.calendar-day-header strong[b-bxamy9wxmx] {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    font-size: .72rem;
}

.is-today .calendar-day-header strong[b-bxamy9wxmx] {
    color: #fff;
    background: var(--fm-pink);
}

.outside-month .calendar-day-header[b-bxamy9wxmx] {
    color: var(--fm-muted);
}

.calendar-mobile-weekday[b-bxamy9wxmx],
.calendar-mobile-month[b-bxamy9wxmx],
.calendar-agenda-note[b-bxamy9wxmx],
.calendar-today-label[b-bxamy9wxmx] {
    display: none;
}

.calendar-day-count[b-bxamy9wxmx] {
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    display: grid;
    place-items: center;
    border-radius: 99px;
    color: var(--fm-pink-dark);
    background: var(--fm-pink-pale);
    font-size: .59rem;
    font-weight: 850;
}

.calendar-day-orders[b-bxamy9wxmx] {
    display: grid;
    gap: 6px;
}

.calendar-order[b-bxamy9wxmx] {
    --status-color: var(--fm-muted);
    --status-tint: #f4f0ed;
    min-width: 0;
    padding: 8px 8px 7px;
    display: grid;
    gap: 3px;
    border: 1px solid color-mix(in srgb, var(--status-color) 27%, var(--fm-line));
    border-left: 4px solid var(--status-color);
    border-radius: 9px;
    color: var(--fm-ink);
    background: var(--status-tint);
    text-decoration: none;
    transition: transform .13s ease, box-shadow .13s ease, border-color .13s ease;
}

.calendar-order:hover[b-bxamy9wxmx],
.calendar-order:focus-visible[b-bxamy9wxmx] {
    color: var(--fm-ink);
    border-color: var(--status-color);
    outline: 3px solid var(--status-color);
    outline-offset: 2px;
    transform: translateY(-1px);
    box-shadow: 0 6px 15px rgba(45, 35, 30, .1);
}

.calendar-order-topline[b-bxamy9wxmx] {
    min-width: 0;
    justify-content: space-between;
    gap: 5px;
}

.calendar-order-topline strong[b-bxamy9wxmx] {
    overflow: hidden;
    color: var(--status-color);
    font-size: .8rem;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-order-status[b-bxamy9wxmx] {
    overflow: hidden;
    color: var(--status-color);
    font-size: .72rem;
    font-weight: 800;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.calendar-order-customer[b-bxamy9wxmx],
.calendar-order-device[b-bxamy9wxmx] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-order-customer[b-bxamy9wxmx] {
    font-size: .85rem;
    font-weight: 790;
}

.calendar-order-device[b-bxamy9wxmx] {
    color: var(--fm-muted);
    font-size: .8rem;
}

.calendar-order-time[b-bxamy9wxmx] {
    gap: 3px;
    flex-wrap: wrap;
    color: var(--fm-muted);
    font-size: .75rem;
}

.calendar-order-time time[b-bxamy9wxmx] {
    color: var(--fm-ink-soft);
    font-weight: 780;
    font-variant-numeric: tabular-nums;
}

.calendar-status-chip.received[b-bxamy9wxmx],
.calendar-order.received[b-bxamy9wxmx] {
    --status-color: #8a6250;
    --status-tint: #f8f1ed;
}

.calendar-status-chip.diagnosing[b-bxamy9wxmx],
.calendar-order.diagnosing[b-bxamy9wxmx],
.calendar-status-chip.repair[b-bxamy9wxmx],
.calendar-order.repair[b-bxamy9wxmx],
.calendar-status-chip.quality-check[b-bxamy9wxmx],
.calendar-order.quality-check[b-bxamy9wxmx] {
    --status-color: var(--fm-blue);
    --status-tint: var(--fm-blue-pale);
}

.calendar-status-chip.awaiting-approval[b-bxamy9wxmx],
.calendar-order.awaiting-approval[b-bxamy9wxmx] {
    --status-color: var(--fm-amber);
    --status-tint: var(--fm-amber-pale);
}

.calendar-status-chip.awaiting-parts[b-bxamy9wxmx],
.calendar-order.awaiting-parts[b-bxamy9wxmx] {
    --status-color: #76528f;
    --status-tint: #f3ecf8;
}

.calendar-status-chip.ready[b-bxamy9wxmx],
.calendar-order.ready[b-bxamy9wxmx] {
    --status-color: var(--fm-green);
    --status-tint: var(--fm-green-pale);
}

.calendar-empty-note[b-bxamy9wxmx] {
    min-height: 54px;
    margin-bottom: 14px;
    padding: 11px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #edd8df;
    border-radius: 13px;
    color: var(--fm-muted);
    background: #fff8fa;
    font-size: .71rem;
    line-height: 1.45;
}

.calendar-empty-note > span:first-child[b-bxamy9wxmx] {
    color: var(--fm-pink);
    font-size: 1rem;
}

.calendar-empty-note strong[b-bxamy9wxmx] {
    color: var(--fm-ink-soft);
}

.calendar-footnote[b-bxamy9wxmx] {
    margin: 10px 2px 0;
    color: var(--fm-muted);
    font-size: .8rem;
    line-height: 1.45;
}

.calendar-loading .empty-state[b-bxamy9wxmx] {
    min-height: 360px;
}

.calendar-day-empty[b-bxamy9wxmx] {
    margin: 10px 0 0;
    color: var(--fm-muted);
    font-size: .8rem;
}

.calendar-create-order[b-bxamy9wxmx] {
    display: flex;
    min-height: 44px;
    margin-top: 6px;
    align-items: center;
    color: var(--fm-pink-dark);
    font-size: .8rem;
    font-weight: 700;
    text-decoration: none;
}

@media (max-width: 900px) {
    .calendar-toolbar[b-bxamy9wxmx] {
        grid-template-columns: 1fr auto;
    }

    .calendar-toolbar h2[b-bxamy9wxmx] {
        grid-column: 1 / -1;
        grid-row: 1;
        margin-bottom: 4px;
    }

    .calendar-stepper[b-bxamy9wxmx] {
        grid-column: 1;
        grid-row: 2;
    }

    .calendar-view-switch[b-bxamy9wxmx] {
        grid-column: 2;
        grid-row: 2;
    }
}

@media (max-width: 680px) {
    .calendar-heading p[b-bxamy9wxmx] {
        font-size: .8rem;
    }

    .calendar-toolbar[b-bxamy9wxmx] {
        gap: 10px;
        padding: 10px;
        grid-template-columns: 1fr;
    }

    .calendar-backlog[b-bxamy9wxmx] {
        padding: 12px;
    }

    .calendar-backlog-heading[b-bxamy9wxmx] {
        align-items: flex-start;
    }

    .calendar-toolbar h2[b-bxamy9wxmx] {
        min-height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1.25;
    }

    .calendar-stepper[b-bxamy9wxmx] {
        width: 100%;
    }

    .calendar-view-switch[b-bxamy9wxmx] {
        grid-row: 3;
        grid-column: 1;
        justify-self: stretch;
    }

    .calendar-view-button[b-bxamy9wxmx] {
        flex: 1;
    }

    .calendar-today-button[b-bxamy9wxmx] {
        flex: 1;
    }

    .calendar-panel[b-bxamy9wxmx] {
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .calendar-agenda-note[b-bxamy9wxmx] {
        display: block;
        margin: 0 0 12px;
        color: var(--fm-muted);
        font-size: .85rem;
        line-height: 1.5;
    }

    .calendar-mobile-month[b-bxamy9wxmx] {
        display: inline;
        font-size: .9rem;
    }

    .calendar-weekdays[b-bxamy9wxmx] {
        display: none;
    }

    .calendar-grid[b-bxamy9wxmx] {
        min-width: 0;
        display: grid;
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .calendar-day[b-bxamy9wxmx],
    .week-view .calendar-day[b-bxamy9wxmx] {
        min-height: 0;
        padding: 11px;
        border: 1px solid var(--fm-line);
        border-radius: 13px;
        background: var(--fm-surface);
        box-shadow: var(--fm-shadow-sm);
    }

    .month-view .calendar-day:not(.has-orders):not(.is-today)[b-bxamy9wxmx] {
        display: none;
    }

    .calendar-day.outside-month[b-bxamy9wxmx] {
        display: none;
    }

    .calendar-day.is-today[b-bxamy9wxmx] {
        background: #fff8fb;
    }

    .calendar-day-header[b-bxamy9wxmx] {
        margin-bottom: 9px;
    }

    .calendar-day-header strong[b-bxamy9wxmx] {
        width: auto;
        height: auto;
        display: inline;
        font-size: 1rem;
    }

    .is-today .calendar-day-header strong[b-bxamy9wxmx] {
        color: var(--fm-ink);
        background: transparent;
    }

    .calendar-mobile-weekday[b-bxamy9wxmx] {
        display: inline;
        color: var(--fm-pink-dark);
        font-size: .85rem;
        font-weight: 850;
        text-transform: uppercase;
    }

    .calendar-today-label[b-bxamy9wxmx] {
        display: inline;
        padding: 3px 6px;
        border-radius: 99px;
        color: #fff;
        background: var(--fm-pink);
        font-size: .75rem;
        font-weight: 850;
        text-transform: uppercase;
    }

    .calendar-day-orders[b-bxamy9wxmx] {
        gap: 7px;
    }

    .calendar-order[b-bxamy9wxmx] {
        padding: 10px;
    }

    .calendar-order-customer[b-bxamy9wxmx] {
        font-size: 1rem;
    }

    .calendar-order-device[b-bxamy9wxmx],
    .calendar-order-time[b-bxamy9wxmx] {
        font-size: .85rem;
    }

    .calendar-order-topline[b-bxamy9wxmx] {
        flex-wrap: wrap;
    }

    .calendar-order-customer[b-bxamy9wxmx],
    .calendar-order-device[b-bxamy9wxmx] {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .calendar-order-status[b-bxamy9wxmx] {
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .calendar-order[b-bxamy9wxmx],
    .calendar-icon-button[b-bxamy9wxmx],
    .calendar-today-button[b-bxamy9wxmx],
    .calendar-view-button[b-bxamy9wxmx] {
        transition: none;
    }
}
/* /Components/Shared/CameraCapture.razor.rz.scp.css */
.camera-capture[b-ihkkfs3p2z] {
    --capture-pink: #e83e78;
    --capture-pink-dark: #b92258;
    --capture-ink: #211d1c;
    --capture-cream: #fff7ed;
    --capture-line: #4a3d37;
    background: linear-gradient(145deg, #302824, #211d1c 64%);
    border: 3px solid #171312;
    border-radius: 6px;
    box-shadow: 0 0 0 2px #67554c, 8px 8px 0 rgb(0 0 0 / 28%);
    color: var(--capture-cream);
    container-type: inline-size;
    max-width: 980px;
    overflow: hidden;
}

.capture-header[b-ihkkfs3p2z] {
    align-items: center;
    background: linear-gradient(90deg, #d82f6b, var(--capture-pink));
    border-bottom: 3px solid #171312;
    display: flex;
    gap: 1rem;
    padding: 1rem 1.2rem;
}

.capture-icon[b-ihkkfs3p2z] {
    align-items: center;
    background: #211d1c;
    border: 2px solid #fff5e7;
    box-shadow: 3px 3px 0 rgb(0 0 0 / 25%);
    display: flex;
    flex: 0 0 3rem;
    font-size: 1.45rem;
    height: 3rem;
    justify-content: center;
}

.capture-kicker[b-ihkkfs3p2z],
.capture-header h2[b-ihkkfs3p2z],
.capture-description[b-ihkkfs3p2z] {
    margin: 0;
}

.capture-kicker[b-ihkkfs3p2z] {
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .16em;
    opacity: .82;
}

.capture-header h2[b-ihkkfs3p2z] {
    font-size: clamp(1.05rem, 3.6cqi, 1.45rem);
    font-weight: 900;
    line-height: 1.15;
    text-shadow: 2px 2px 0 rgb(70 8 32 / 35%);
}

.capture-description[b-ihkkfs3p2z] {
    font-size: .88rem;
    margin-top: .25rem;
    opacity: .9;
}

.capture-layout[b-ihkkfs3p2z] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 30%);
    padding: 1rem;
}

.capture-stage[b-ihkkfs3p2z] {
    aspect-ratio: 4 / 3;
    background:
        linear-gradient(45deg, #24201f 25%, transparent 25%) 0 0 / 20px 20px,
        linear-gradient(-45deg, #24201f 25%, transparent 25%) 0 0 / 20px 20px,
        #191716;
    border: 3px solid #0e0c0b;
    box-shadow: inset 0 0 0 2px #65544c;
    min-height: 260px;
    overflow: hidden;
    position: relative;
}

.capture-stage video[b-ihkkfs3p2z],
.capture-stage img[b-ihkkfs3p2z] {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.capture-stage video[b-ihkkfs3p2z] {
    background: #0b0a09;
    object-fit: cover;
}

.capture-stage [hidden][b-ihkkfs3p2z] {
    display: none;
}

.stage-placeholder[b-ihkkfs3p2z] {
    align-items: center;
    color: #cabbb1;
    display: flex;
    flex-direction: column;
    inset: 0;
    justify-content: center;
    padding: 2rem;
    position: absolute;
    text-align: center;
}

.stage-placeholder strong[b-ihkkfs3p2z] {
    color: #fff7ed;
    margin-bottom: .25rem;
}

.stage-placeholder span:last-child[b-ihkkfs3p2z] {
    font-size: .84rem;
}

.placeholder-lens[b-ihkkfs3p2z] {
    border: 5px solid #6c5b52;
    border-radius: 50%;
    height: 58px;
    margin-bottom: .8rem;
    position: relative;
    width: 58px;
}

.placeholder-lens[b-ihkkfs3p2z]::after {
    background: #403630;
    border: 2px solid #988178;
    border-radius: 50%;
    content: "";
    inset: 11px;
    position: absolute;
}

.camera-guide[b-ihkkfs3p2z] {
    inset: 12%;
    pointer-events: none;
    position: absolute;
}

.camera-guide span[b-ihkkfs3p2z] {
    border-color: rgb(255 246 232 / 85%);
    border-style: solid;
    height: 32px;
    position: absolute;
    width: 32px;
}

.camera-guide span:nth-child(1)[b-ihkkfs3p2z] { border-width: 3px 0 0 3px; left: 0; top: 0; }
.camera-guide span:nth-child(2)[b-ihkkfs3p2z] { border-width: 3px 3px 0 0; right: 0; top: 0; }
.camera-guide span:nth-child(3)[b-ihkkfs3p2z] { border-width: 0 0 3px 3px; bottom: 0; left: 0; }
.camera-guide span:nth-child(4)[b-ihkkfs3p2z] { border-width: 0 3px 3px 0; bottom: 0; right: 0; }

.live-badge[b-ihkkfs3p2z],
.review-badge[b-ihkkfs3p2z] {
    background: rgb(20 17 16 / 86%);
    border: 1px solid rgb(255 255 255 / 45%);
    font-size: .68rem;
    font-weight: 900;
    left: .75rem;
    letter-spacing: .08em;
    padding: .3rem .5rem;
    position: absolute;
    top: .75rem;
}

.live-badge i[b-ihkkfs3p2z] {
    background: #ff3864;
    border-radius: 50%;
    display: inline-block;
    height: .55rem;
    margin-right: .25rem;
    width: .55rem;
}

.review-badge[b-ihkkfs3p2z] {
    background: var(--capture-pink);
    border-color: #ffbad1;
}

.capture-checklist[b-ihkkfs3p2z] {
    background: #fbefe1;
    border: 2px solid #9f897a;
    box-shadow: 4px 4px 0 #141110;
    color: #2b2421;
    padding: 1rem;
}

.capture-checklist h3[b-ihkkfs3p2z] {
    border-bottom: 2px dashed #c8a795;
    font-size: .9rem;
    font-weight: 900;
    margin: 0 0 .85rem;
    padding-bottom: .6rem;
    text-transform: uppercase;
}

.capture-checklist ol[b-ihkkfs3p2z] {
    display: grid;
    gap: .75rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.capture-checklist li[b-ihkkfs3p2z] {
    align-items: flex-start;
    display: flex;
    font-size: .83rem;
    gap: .5rem;
    line-height: 1.35;
}

.capture-checklist li span[b-ihkkfs3p2z] {
    align-items: center;
    background: var(--capture-pink);
    border: 1px solid #7b173d;
    color: white;
    display: inline-flex;
    flex: 0 0 1.25rem;
    font-size: .72rem;
    height: 1.25rem;
    justify-content: center;
}

.privacy-note[b-ihkkfs3p2z] {
    border-top: 2px dashed #c8a795;
    color: #66564e;
    font-size: .72rem;
    line-height: 1.35;
    margin: 1rem 0 0;
    padding-top: .65rem;
}

.privacy-note span[b-ihkkfs3p2z] {
    color: #3eaa75;
    margin-right: .25rem;
}

.capture-settings[b-ihkkfs3p2z],
.capture-review-tools[b-ihkkfs3p2z],
.capture-actions[b-ihkkfs3p2z] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    padding: 0 1rem 1rem;
}

.capture-settings label:first-child[b-ihkkfs3p2z] {
    display: grid;
    gap: .25rem;
    margin-right: auto;
    min-width: min(260px, 100%);
}

.capture-settings label > span[b-ihkkfs3p2z] {
    color: #cabbb1;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.capture-settings select[b-ihkkfs3p2z] {
    background: #fcf3e8;
    border: 2px solid #120f0e;
    border-radius: 2px;
    color: #261f1d;
    font: inherit;
    font-size: .84rem;
    min-height: 2.55rem;
    padding: .45rem 2rem .45rem .65rem;
}

.capture-settings select:focus-visible[b-ihkkfs3p2z],
.capture-actions button:focus-visible[b-ihkkfs3p2z],
.capture-settings button:focus-visible[b-ihkkfs3p2z],
.file-button:focus-within[b-ihkkfs3p2z],
.icon-button:focus-visible[b-ihkkfs3p2z] {
    outline: 3px solid #ffd55f;
    outline-offset: 2px;
}

.file-divider[b-ihkkfs3p2z] {
    color: #9c8c83;
    font-size: .75rem;
}

button[b-ihkkfs3p2z],
.file-button[b-ihkkfs3p2z] {
    border-radius: 2px;
    cursor: pointer;
    font: inherit;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .025em;
    min-height: 2.55rem;
    padding: .65rem .9rem;
    text-transform: uppercase;
}

button:disabled[b-ihkkfs3p2z] {
    cursor: not-allowed;
    filter: grayscale(.7);
    opacity: .55;
}

.btn-primary[b-ihkkfs3p2z] {
    background: linear-gradient(#f15389, #d52f68);
    border: 2px solid #741a3c;
    box-shadow: 3px 3px 0 #100d0c;
    color: white;
}

.btn-secondary[b-ihkkfs3p2z],
.file-button[b-ihkkfs3p2z],
.icon-button[b-ihkkfs3p2z] {
    background: #f9eee2;
    border: 2px solid #6e5b52;
    box-shadow: 2px 2px 0 #100d0c;
    color: #2b2421;
}

.file-button[b-ihkkfs3p2z] {
    align-items: center;
    display: inline-flex;
    gap: .4rem;
}

.capture-status[b-ihkkfs3p2z] {
    align-items: flex-start;
    background: #d9f8e7;
    border: 2px solid #2a7f55;
    color: #174b34;
    display: flex;
    gap: .65rem;
    margin: 0 1rem 1rem;
    padding: .7rem .8rem;
}

.capture-status.is-error[b-ihkkfs3p2z] {
    background: #ffe1e1;
    border-color: #a62b3b;
    color: #6f1724;
}

.capture-status > span[b-ihkkfs3p2z] {
    align-items: center;
    border: 2px solid currentColor;
    display: inline-flex;
    flex: 0 0 1.4rem;
    font-size: .75rem;
    font-weight: 900;
    height: 1.4rem;
    justify-content: center;
}

.capture-status strong[b-ihkkfs3p2z],
.capture-status p[b-ihkkfs3p2z] {
    margin: 0;
}

.capture-status strong[b-ihkkfs3p2z] {
    display: block;
    font-size: .78rem;
    text-transform: uppercase;
}

.capture-status p[b-ihkkfs3p2z] {
    font-size: .8rem;
    margin-top: .15rem;
}

.capture-review-tools[b-ihkkfs3p2z] {
    border-top: 1px solid #4d403b;
    justify-content: space-between;
    padding-top: .85rem;
}

.capture-review-tools > div[b-ihkkfs3p2z] {
    display: flex;
    gap: .45rem;
}

.capture-meta[b-ihkkfs3p2z] {
    color: #d6c7bd;
    font-size: .76rem;
}

.icon-button[b-ihkkfs3p2z] {
    font-size: 1.2rem;
    min-height: 2.35rem;
    padding: .35rem .7rem;
}

.capture-actions[b-ihkkfs3p2z] {
    background: rgb(0 0 0 / 15%);
    border-top: 2px solid #4d403b;
    justify-content: flex-end;
    padding-top: 1rem;
}

.capture-actions .btn-primary[b-ihkkfs3p2z] {
    min-width: 155px;
}

.shutter[b-ihkkfs3p2z] {
    background: white;
    border: 2px solid #ffbad1;
    border-radius: 50%;
    display: inline-block;
    height: .85rem;
    margin-right: .35rem;
    vertical-align: -.12rem;
    width: .85rem;
}

.visually-hidden[b-ihkkfs3p2z] {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

@container (max-width: 680px) {
    .capture-layout[b-ihkkfs3p2z] {
        grid-template-columns: 1fr;
    }

    .capture-checklist[b-ihkkfs3p2z] {
        box-shadow: 3px 3px 0 #141110;
    }

    .capture-stage[b-ihkkfs3p2z] {
        min-height: 210px;
    }
}

@container (max-width: 460px) {
    .capture-header[b-ihkkfs3p2z] {
        align-items: flex-start;
        padding: .85rem;
    }

    .capture-layout[b-ihkkfs3p2z],
    .capture-settings[b-ihkkfs3p2z],
    .capture-review-tools[b-ihkkfs3p2z],
    .capture-actions[b-ihkkfs3p2z] {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .capture-settings > *[b-ihkkfs3p2z],
    .capture-actions button[b-ihkkfs3p2z] {
        flex: 1 1 auto;
    }

    .capture-settings label:first-child[b-ihkkfs3p2z] {
        flex-basis: 100%;
    }

    .file-divider[b-ihkkfs3p2z] {
        flex: 0 0 auto;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .live-badge i[b-ihkkfs3p2z] {
        animation: camera-live-b-ihkkfs3p2z 1.4s steps(2, jump-none) infinite;
    }

    @keyframes camera-live-b-ihkkfs3p2z {
        50% { opacity: .25; }
    }
}
/* /Components/Shared/PwaStatus.razor.rz.scp.css */
.pwa-status[b-d43261laye] { margin-bottom: 1rem; min-width: 0; }
.pwa-status [hidden][b-d43261laye] { display: none !important; }
.pwa-notice[b-d43261laye] { margin-bottom: .75rem; padding: 1rem; border: 1px solid #aa680d; border-radius: 12px; color: #4d310c; background: #fff4dc; }
.pwa-notice strong[b-d43261laye] { display: block; font-size: 1rem; }
.pwa-notice p[b-d43261laye] { margin: .3rem 0 .75rem; line-height: 1.5; }
.pwa-install[b-d43261laye] { color: #514944; font-size: .875rem; }
.pwa-install summary[b-d43261laye] { cursor: pointer; width: fit-content; max-width: 100%; min-height: 44px; padding: .7rem .25rem; font-weight: 700; line-height: 1.45; }
.pwa-install summary:focus-visible[b-d43261laye] { outline: 3px solid #a41953; outline-offset: 3px; border-radius: 3px; }
.pwa-install-body[b-d43261laye] { max-width: 44rem; padding: .25rem 1rem .8rem; border-left: 3px solid #d0bbb0; }
.pwa-install-body p[b-d43261laye] { line-height: 1.5; margin: .3rem 0 .8rem; }
.pwa-install-body p:empty[b-d43261laye] { display: none; }
.pwa-privacy-note[b-d43261laye] { font-size: .8125rem; }
.pwa-status button[b-d43261laye] { min-height: 44px; white-space: normal; }
@media (max-width: 480px) {
    .pwa-notice[b-d43261laye] { padding: .8rem; }
    .pwa-notice button[b-d43261laye] { width: 100%; }
}