/* /Components/Layout/AccountsLayout.razor.rz.scp.css */


@media (min-width: 992px) {
    .accounts-sidebar[b-62f1q6bx6r] {
        display: block;
    }

    .accounts-panel[b-62f1q6bx6r] {
        padding: 3rem;
    }
}
@media (min-width: 992px) {
    .mobile-brand[b-62f1q6bx6r] {
        display: none;
    }

    .accounts-sidebar[b-62f1q6bx6r] {
        display: block;
    }
    /* your existing behavior */
    .accounts-panel[b-62f1q6bx6r] {
        padding: 3rem;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-qy297e6agc] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.topnav[b-qy297e6agc] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-toggler[b-qy297e6agc] {
    background-color: #05163C;
}

.navbar-dark .navbar-toggler[b-qy297e6agc] {
    color: transparent;
    border-color: transparent;
}
z
.navbar-brand[b-qy297e6agc] {
    font-size: 1.1rem;
    margin-right: 24px;
}

@media (min-width: 641px) {
    .navbar-toggler[b-qy297e6agc] {
        display: block;
    }

    .collapse[b-qy297e6agc] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

.main[b-qy297e6agc] {
    flex: 1;
}

.sidebar[b-qy297e6agc] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-qy297e6agc] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: left;
}

    .top-row[b-qy297e6agc]  a, .top-row .btn-link[b-qy297e6agc] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-qy297e6agc] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-qy297e6agc] {
        display: none;
    }

    .top-row.auth[b-qy297e6agc] {
        justify-content: space-between;
    }

    .top-row a[b-qy297e6agc], .top-row .btn-link[b-qy297e6agc] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-qy297e6agc] {
        flex-direction: row;
    }

    .sidebar[b-qy297e6agc] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-qy297e6agc] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-qy297e6agc] {
        padding-left: 1rem !important;
        padding-right: 1.5rem !important;
    }
}
.nav-item[b-qy297e6agc]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-qy297e6agc]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.sidebar-list[b-ts4pdkgya1] {
    background: #004B75;
    color: #f0eeeb !important;
    padding: 0;
    margin: 0;
    border: none;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
}

.e-listview[b-ts4pdkgya1], .e-list-parent[b-ts4pdkgya1], .e-ul[b-ts4pdkgya1] {
    background: #004B75 !important;
    color: #f0eeeb !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.sidebar-item[b-ts4pdkgya1] {
    display: flex;
    align-items: center;
    padding: 14px 24px;
    border-bottom: 1px solid #5B7A98;
    color: #f0eeeb !important;
    font-size: 1rem;
    transition: background 0.2s, color 0.2s;
    cursor: pointer;
    background: transparent;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow: hidden;
}

    .sidebar-item:hover[b-ts4pdkgya1],
    .sidebar-item .nav-link.active[b-ts4pdkgya1] {
        background: #FF5757;
        color: #fff !important;
    }

.nav-link[b-ts4pdkgya1] {
    color: inherit !important;
    text-decoration: none;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 500;
    min-width: 0;
    overflow: hidden;
}

.displayText[b-ts4pdkgya1] {
    margin-left: 18px;
    font-size: 1rem;
    letter-spacing: 0.5px;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit !important;
}

span[class^="fa-"][b-ts4pdkgya1], span[class*=" fa-"][b-ts4pdkgya1] {
    font-size: 1.2rem;
    min-width: 24px;
    text-align: center;
    color: #D5F4FF;
    transition: color 0.2s;
}

.sidebar-item:hover span[class^="fa-"][b-ts4pdkgya1],
.sidebar-item:hover span[class*=" fa-"][b-ts4pdkgya1] {
    color: #fff;
}

/* User/Logout section */
.nav-item.px-3[b-ts4pdkgya1] {
    padding: 16px 24px;
    color: #f0eeeb;
    border-top: 1px solid #5B7A98;
    background: #004B75;
}

    .nav-item.px-3 .nav-link[b-ts4pdkgya1] {
        color: #f0eeeb !important;
    }

        .nav-item.px-3 .nav-link:hover[b-ts4pdkgya1] {
            color: #FF5757 !important;
        }
/* /Components/Pages/Account/Login.razor.rz.scp.css */

@keyframes fs-rotate-b-m1a9e7wd7y {
    to {
        transform: rotate(360deg);
    }
}

.login-button[b-m1a9e7wd7y],
.register-button[b-m1a9e7wd7y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.fs-btn-spinner[b-m1a9e7wd7y] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    animation: fs-rotate-b-m1a9e7wd7y 0.8s linear infinite;
}
/* /Components/Pages/Account/Register.razor.rz.scp.css */
@keyframes fs-rotate-b-e4l028i42n {
    to {
        transform: rotate(360deg);
    }
}

.login-button[b-e4l028i42n],
.register-button[b-e4l028i42n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.fs-btn-spinner[b-e4l028i42n] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    animation: fs-rotate-b-e4l028i42n 0.8s linear infinite;
}
/* /Components/Pages/Admin/Branding/BrandingConfig.razor.rz.scp.css */
/* mobile stack (your separate sheet is fine; keep this behaviour) */
@media (max-width: 1024px) {
    .bp-layout[b-7klww58lxn] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "sidebar"
            "stage";
    }

    .bp-sidebar[b-7klww58lxn] {
        position: static;
        width: 100%;
        max-width: none;
        max-height: none;
    }
    .bp-sidebar__scroll[b-7klww58lxn] {
        overflow: visible;
        padding-right: 0;
    }
}

@media (max-width: 720px) {
    .fs-appbar[b-7klww58lxn] {
        flex-direction: column; /* stack title + buttons */
        align-items: stretch;
        gap: .5rem;
    }

    .fs-appbar__right[b-7klww58lxn] {
        display: grid;
        grid-template-columns: 1fr; /* one per row */
        width: 100%;
        gap: .5rem;
    }

        .fs-appbar__right .e-btn[b-7klww58lxn] {
            width: 100%;
        }
}
/* On small screens, the stage width we set is authoritative */
@media (max-width: 1024px) {
    .bp-device[b-7klww58lxn] {
        transform: none !important;
    }
}
/* /Components/Pages/Admin/Dashboard/Dashboard.razor.rz.scp.css */
@media (max-width: 768px) {
    .kpis[b-mvf8cqchxc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kpi__value[b-mvf8cqchxc] {
        font-size: 1.4rem;
    }
}

@media (max-width: 520px) {
    .kpis[b-mvf8cqchxc] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/Menu/MenuSetup.razor.rz.scp.css */

.js-chip-link[b-kvjm5jisfe] {
    cursor: pointer;
}

/* Quick pulse highlight used by fsScroll.to and chip linking */
@keyframes fsPulse-b-kvjm5jisfe {
    0% {
        box-shadow: 0 0 0 0 rgba(22,163,74,.45);
    }

    60% {
        box-shadow: 0 0 0 6px rgba(22,163,74,.0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(22,163,74,.0);
    }
}

.fs-pulse[b-kvjm5jisfe] {
    outline: 2px solid var(--ok);
    outline-offset: 2px;
    animation: fsPulse-b-kvjm5jisfe 1.2s ease-out 1;
}


/* Chip-only blue pulse (outset) */
@keyframes fsPulseChip-b-kvjm5jisfe {
    0% {
        box-shadow: 0 0 0 0 rgba(37,99,235,.35);
    }

    60% {
        box-shadow: 0 0 0 6px rgba(37,99,235,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(37,99,235,0);
    }
}

.fs-pulse-chip[b-kvjm5jisfe] {
    animation: fsPulseChip-b-kvjm5jisfe 1.2s ease-out 1;
}

/* DnD ring pulse you already use (keep it green) */
@keyframes fsPulseRing-b-kvjm5jisfe {
    0% {
        box-shadow: inset 0 0 0 0 var(--brand);
    }

    50% {
        box-shadow: inset 0 0 0 3px var(--brand);
    }

    100% {
        box-shadow: inset 0 0 0 0 var(--brand);
    }
}

.fs-og.fs-pulse[b-kvjm5jisfe],
.fs-cat.fs-pulse[b-kvjm5jisfe] {
    animation: fsPulseRing-b-kvjm5jisfe 1.2s ease-out 1;
}


@media (max-width: 480px) {
    .fs-imgovl[b-kvjm5jisfe] {
        padding: 1rem;
    }

    .fs-imgovl__close[b-kvjm5jisfe] {
        transform: translate(40%, -40%);
    }
}

@media (max-width: 1200px) {
    .fs-grid--2[b-kvjm5jisfe] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "left"
            "right";
    }
}

/* Below 750px: allow price column to shrink */
@media (max-width: 750px) {
    .fs-pricecol[b-kvjm5jisfe] {
        min-width: 0;
        width: auto;
    }
}

/* Below 750px: stack the THUMB above for product rows */
@media (max-width: 750px) {
    .fs-item__row[b-kvjm5jisfe] {
        /* collapse to two columns: content + utility */
        grid-template-columns: 1fr auto;
        grid-template-areas:
            "drag  drag"
            "thumb thumb"
            "meta  price"
            "meta  toggle"
            "meta  actions";
        gap: var(--space-2);
        align-items: start;
    }

        .fs-item__row .fs-drag[b-kvjm5jisfe] {
            grid-area: drag;
        }

        .fs-item__row .fs-thumb[b-kvjm5jisfe] {
            grid-area: thumb;
        }

        .fs-item__row .fs-item__meta[b-kvjm5jisfe] {
            grid-area: meta;
        }

        .fs-item__row .fs-pricecol[b-kvjm5jisfe] {
            grid-area: price;
            justify-self: end;
        }

        .fs-item__row .fs-item__toggle[b-kvjm5jisfe] {
            grid-area: toggle;
            justify-self: end;
        }

        .fs-item__row .fs-item__actions[b-kvjm5jisfe] {
            grid-area: actions;
            justify-self: end;
        }
}

/* Below 750px: stack the CATEGORY thumb above too */
@media (max-width: 750px) {
    .fs-cat__head[b-kvjm5jisfe] {
        grid-template-columns: 1fr auto;
        grid-template-areas:
            "drag  drag"
            "thumb thumb"
            "title toggle"
            "title actions"
            "title chev";
        gap: var(--space-2);
        align-items: start;
    }

        .fs-cat__head .fs-drag[b-kvjm5jisfe] {
            grid-area: drag;
        }

    .fs-thumb--cat[b-kvjm5jisfe] {
        grid-area: thumb;
        justify-self: start;
    }

    .fs-cat__title[b-kvjm5jisfe] {
        grid-area: title;
    }

    .fs-cat__toggle[b-kvjm5jisfe] {
        grid-area: toggle;
        justify-self: end;
    }

    .fs-cat__actions[b-kvjm5jisfe] {
        grid-area: actions;
        justify-self: end;
    }

    .fs-cat__chev[b-kvjm5jisfe] {
        grid-area: chev;
        justify-self: end;
    }
}

/* Below 750px: tighten option-value rows and let price shrink */
@media (max-width: 750px) {
    .fs-ov__row[b-kvjm5jisfe] {
        grid-template-columns: 1fr auto;
        grid-template-areas:
            "drag  drag"
            "meta  price"
            "meta  toggle"
            "meta  actions";
        gap: var(--space-2);
        align-items: start;
    }

        .fs-ov__row .fs-drag[b-kvjm5jisfe] {
            grid-area: drag;
        }

        .fs-ov__row .fs-ov__meta[b-kvjm5jisfe] {
            grid-area: meta;
        }

        .fs-ov__row .fs-pricecol[b-kvjm5jisfe] {
            grid-area: price;
            justify-self: end;
            min-width: 0;
        }

        .fs-ov__row .fs-ov__toggle[b-kvjm5jisfe] {
            grid-area: toggle;
            justify-self: end;
        }

        .fs-ov__row .fs-ov__actions[b-kvjm5jisfe] {
            grid-area: actions;
            justify-self: end;
        }
}
/* /Components/Pages/Admin/Menu/ProductDiscountConfig.razor.rz.scp.css */
@media (max-width: 1100px) {
    .fs-grid[b-ir52emoxqn] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1200px) {
    .fs-two-col[b-ir52emoxqn] {
        grid-template-columns: 1fr;
    }
}

/* 2a) Horizontal scroll only for heavy widgets, not the whole page */
.fs-hscroll[b-ir52emoxqn] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

/* 2b) Allow flex/grid children to shrink instead of forcing page width to grow */
.fs-card[b-ir52emoxqn],
.fs-card__body[b-ir52emoxqn],
.fs-group[b-ir52emoxqn],
.fs-group__head[b-ir52emoxqn],
.fs-group__meta[b-ir52emoxqn],
.fs-group__body[b-ir52emoxqn],
.fs-actions__right[b-ir52emoxqn],
.fs-container[b-ir52emoxqn],
.fs-grid[b-ir52emoxqn] {
    min-width: 0;
}

/* 2c) Make grid cells gracefully truncate text when needed */
.e-grid .e-rowcell[b-ir52emoxqn],
.e-treegrid .e-rowcell[b-ir52emoxqn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 2d) On smaller screens, don’t let the ListBox force overflow:visible horizontally */
@media (max-width: 900px) {
    .fs-listbox[b-ir52emoxqn] {
        overflow-x: hidden !important;
    }
}

/* (You already switch to 1 column; just make sure the syntax is correct, see §3) */
/* /Components/Pages/Admin/Operations/DeliveryZones.razor.rz.scp.css */
/* --- Mobile / small screens: stack map above the zones list --- */
@media (max-width: 1024px) {
    .dz-layout[b-ozet083er3] {
        grid-template-columns: 1fr; /* one column */
        grid-template-rows: auto 1fr; /* map, then panel */
        height: auto; /* let page scroll naturally */
        gap: 12px;
    }

    .dz-mapwrap[b-ozet083er3] {
        position: relative;
        /* give the absolutely-positioned map a box to live in */
        height: clamp(280px, 50vh, 420px);
        margin-bottom: 4px;
    }

    .dz-map[b-ozet083er3] {
        position: absolute;
        inset: 48px 0 0 0; /* keep space for the toolbar */
        border-radius: 12px;
    }

    .dz-toolbar[b-ozet083er3] {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        gap: 8px;
        z-index: 1; /* make sure it sits above the map */
    }

    .dz-panel[b-ozet083er3] {
        border-left: 0;
        border-top: 1px solid var(--e-border, #e5e7eb);
        padding-top: 12px;
        overflow: visible; /* avoid double scrollbars on mobile */
    }
}
/* /Components/Pages/Admin/Operations/OperatingTimes.razor.rz.scp.css */
@keyframes spin-b-r74wow0ly7 {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}
/* 4 → 2 → 1 columns */
@media (max-width: 1100px) {
    .fs-grid.cols-4[b-r74wow0ly7] {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 640px) {
    .fs-grid.cols-4[b-r74wow0ly7] {
        grid-template-columns: minmax(0,1fr);
    }
}

/* ---------- Small-screen niceties ---------- */
@media (max-width: 640px) {
    .fs-appbar[b-r74wow0ly7] {
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem;
    }

    .fs-card-hd[b-r74wow0ly7] {
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem;
    }

    .fs-inline-field[b-r74wow0ly7] {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .fs-hours-row[b-r74wow0ly7] {
        gap: .35rem;
    }

    .fs-daycell[b-r74wow0ly7] {
        padding: .3rem .35rem;
    }

    .fs-times--stack[b-r74wow0ly7] {
        row-gap: .25rem;
    }

    /* tighten fonts inside inputs a touch */
    .fs-daycell .e-input-group input[b-r74wow0ly7],
    .fs-daycell .e-input[b-r74wow0ly7],
    .fs-daycell .e-control .e-input[b-r74wow0ly7] {
        font-size: .9rem;
    }

    @media (max-width: 480px) {
        .fs-shop-card[b-r74wow0ly7] {
            padding: .75rem;
        }

        .fs-row-title[b-r74wow0ly7] {
            font-size: .95rem;
        }

        .fs-substack[b-r74wow0ly7] {
            font-size: .75rem;
        }
    }
}

@media (max-width: 780px) {
    .fs-pause-row[b-r74wow0ly7] {
        grid-template-columns: 1fr;
    }

    .fs-when-row[b-r74wow0ly7] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .fs-shop-code[b-r74wow0ly7] {
        display: none;
    }
}
/* /Components/Pages/Admin/Operations/SpecialDayDialog.razor.rz.scp.css */
@media (max-width:640px) {
    .sd-when[b-gu600fwexv], .sd-open-times[b-gu600fwexv] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/Reports/DynamicReportViewer.razor.rz.scp.css */
@media (max-width: 768px) {
    .kpis[b-a17tyniiq8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kpi__value[b-a17tyniiq8] {
        font-size: 1.4rem;
    }
}

@media (max-width: 520px) {
    .kpis[b-a17tyniiq8] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/Reports/ReportTableContent.razor.rz.scp.css */
@media (max-width: 768px) {
    .kpis[b-zd4e5vsnxs] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kpi__value[b-zd4e5vsnxs] {
        font-size: 1.4rem;
    }
}

@media (max-width: 520px) {
    .kpis[b-zd4e5vsnxs] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/Settings/LegalPolicies.razor.rz.scp.css */
.foodserve-shadow[b-4q4o8tqwvv] {
    box-shadow: 0 1px 8px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);
}

.fs-appbar[b-4q4o8tqwvv] {
    position: sticky;
    top: 0;
    z-index: 30;
    background: #fff;
    border-bottom: 1px solid rgba(15,23,42,.1);
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fs-appbar__left[b-4q4o8tqwvv] {
    display: grid;
    gap: .5rem;
    min-width: 0;
}

.fs-appbar__title[b-4q4o8tqwvv] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0;
}

.fs-details-wrap[b-4q4o8tqwvv] {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 1rem;
    margin-top: 1rem;
    padding: 1rem;
    width: 100%;
}

.fs-details-card[b-4q4o8tqwvv] {
    width: min(100%, var(--card-max-width));
    margin-inline: auto;
    background: #fff;
    border: 1px solid rgba(15,23,42,.1);
    border-radius: 10px;
    padding: clamp(.75rem, 1.6vw, 1.25rem);
}

.fs-section[b-4q4o8tqwvv] {
    margin-bottom: 0;
}

.fs-section__title[b-4q4o8tqwvv] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 1.05rem;
    font-weight: 600;
    color: #0f172a;
    margin: .25rem 0 .75rem;
    opacity: .85;
}

.fs-section__intro[b-4q4o8tqwvv] {
    color: #475569;
    line-height: 1.5;
    margin: 0 0 1rem;
}

.fs-loading[b-4q4o8tqwvv] {
    padding: 1rem;
}

.legal-company-grid[b-4q4o8tqwvv] {
    display: grid;
    gap: .75rem;
}

.legal-company-row[b-4q4o8tqwvv] {
    display: grid;
    gap: .25rem;
    padding: .75rem;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #f8fafc;
}

.legal-company-label[b-4q4o8tqwvv] {
    color: #475569;
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.legal-agreement-row[b-4q4o8tqwvv] {
    margin-top: 1rem;
}

.legal-actions[b-4q4o8tqwvv] {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.legal-save-result[b-4q4o8tqwvv] {
    margin-top: .5rem;
    color: #475569;
    font-size: .875rem;
}

@media (max-width: 640px) {
    .fs-appbar[b-4q4o8tqwvv] {
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem;
    }

    .legal-actions[b-4q4o8tqwvv] {
        justify-content: stretch;
    }

    .legal-actions .e-btn[b-4q4o8tqwvv] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/Settings/TakeawayDetails.razor.rz.scp.css */
@keyframes spin-b-xolybui0hr {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.fs-shop-heading[b-xolybui0hr] {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.fs-shop-heading .fs-section__title[b-xolybui0hr] {
    margin: 0;
}

.fs-shop-link-toggle[b-xolybui0hr] {
    flex: 0 0 auto;
}

.fs-ordering-panel[b-xolybui0hr] {
    background: #f8fafc;
    border: 1px solid #dbe3ee;
    border-radius: 6px;
    display: grid;
    gap: .75rem;
    margin: .75rem 0 1rem;
    padding: .75rem;
}

.fs-ordering-row label[b-xolybui0hr] {
    color: #475569;
    display: block;
    font-size: .8rem;
    font-weight: 600;
    margin-bottom: .35rem;
}

.fs-url-row[b-xolybui0hr] {
    align-items: center;
    display: flex;
    gap: .5rem;
    min-width: 0;
}

.fs-url-value[b-xolybui0hr] {
    background: #fff;
    border: 1px solid #dbe3ee;
    border-radius: 6px;
    color: #334155;
    flex: 1 1 auto;
    font-family: Consolas, "Courier New", monospace;
    font-size: .875rem;
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: .45rem .6rem;
}

/* ---------- Small-screen niceties ---------- */
@media (max-width: 640px) {
    .fs-appbar[b-xolybui0hr] {
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem;
    }


    @media (max-width: 480px) {
        .fs-shop-card[b-xolybui0hr] {
            padding: .75rem;
        }
    }
}
@media (max-width: 680px) {
    .fs-field.span-2[b-xolybui0hr] {
        grid-column: span 1;
    }

    .fs-url-row[b-xolybui0hr] {
        align-items: stretch;
        flex-direction: column;
    }
}