/* /Components/AddCultureModal.razor.rz.scp.css */
.code-input[b-uezr9n8u0d] {
    font-family: monospace;
    letter-spacing: 0.5px;
}
/* /Components/Captcha.razor.rz.scp.css */
.captcha-container[b-ycn1e6lzf7] {
    --captcha-bg: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary) 5%);
    --captcha-border: var(--color-border);
    --captcha-accent: #4a8b3f;
    --captcha-danger: #c94c4c;

    background: var(--captcha-bg);
    border: 2px solid var(--captcha-border);
    border-radius: 12px;
    padding: 1rem;
    max-width: 320px;
    font-family: inherit;
    overflow: hidden;
    position: relative;
}

.captcha-container[b-ycn1e6lzf7]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 80%, rgba(74, 139, 63, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(74, 139, 63, 0.05) 0%, transparent 40%);
    pointer-events: none;
}

.captcha-container.verified[b-ycn1e6lzf7] {
    border-color: var(--captcha-accent);
    background: color-mix(in srgb, var(--captcha-bg) 90%, var(--captcha-accent) 10%);
}

/* Header */
.captcha-header[b-ycn1e6lzf7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--captcha-border);
    margin-bottom: 1rem;
}

.captcha-icon[b-ycn1e6lzf7] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--captcha-accent);
    border-radius: 4px;
    font-size: 14px;
}

.verified .captcha-icon[b-ycn1e6lzf7] {
    background: var(--captcha-accent);
    color: white;
    font-weight: bold;
}

.captcha-title[b-ycn1e6lzf7] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-text);
}

/* Arena */
.captcha-arena[b-ycn1e6lzf7] {
    position: relative;
    height: 260px;
    background:
        linear-gradient(180deg,
            transparent 0%,
            rgba(74, 139, 63, 0.03) 100%);
    border-radius: 8px;
    overflow: hidden;
}

.captcha-instruction[b-ycn1e6lzf7] {
    text-align: center;
    font-size: 0.8rem;
    color: var(--color-text-muted);
    margin: 0 0 0.5rem 0;
    position: relative;
    z-index: 1;
}

/* Flytrap */
.flytrap-container[b-ycn1e6lzf7] {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 160px;
    height: 220px;
}

.flytrap[b-ycn1e6lzf7] {
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15));
}

/* Trap animation groups */
.trap-left[b-ycn1e6lzf7] {
    transform-origin: 100px 140px;
    transition: transform 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.trap-right[b-ycn1e6lzf7] {
    transform-origin: 100px 140px;
    transition: transform 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* Snapping animation */
.flytrap.snapping .trap-left[b-ycn1e6lzf7] {
    transform: rotate(40deg);
    transition: transform 0.08s cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

.flytrap.snapping .trap-right[b-ycn1e6lzf7] {
    transform: rotate(-40deg);
    transition: transform 0.08s cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

/* Hide red inside when closed - only green outside visible */
.flytrap.snapping .lobe-inner[b-ycn1e6lzf7],
.flytrap.snapping .trigger-hair[b-ycn1e6lzf7],
.flytrap.snapping .nectar[b-ycn1e6lzf7] {
    opacity: 0;
    transition: opacity 0.05s;
}

/* Stem sway */
.stem[b-ycn1e6lzf7] {
    animation: sway-b-ycn1e6lzf7 4s ease-in-out infinite;
    transform-origin: 100px 280px;
}

@keyframes sway-b-ycn1e6lzf7 {
    0%, 100% { transform: rotate(-1deg); }
    50% { transform: rotate(1deg); }
}

/* Trigger hairs - subtle movement when fly is close */
.trigger-hair[b-ycn1e6lzf7] {
    transform-origin: center bottom;
    transition: transform 0.2s ease-out;
}

.flytrap.ready .trigger-hair[b-ycn1e6lzf7] {
    animation: brush-b-ycn1e6lzf7 0.8s ease-in-out infinite;
}

.flytrap.ready .trigger-hair:nth-child(2)[b-ycn1e6lzf7] { animation-delay: 0.15s; }
.flytrap.ready .trigger-hair:nth-child(3)[b-ycn1e6lzf7] { animation-delay: 0.3s; }

@keyframes brush-b-ycn1e6lzf7 {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(2deg); }
}

/* Nectar glow */
.nectar[b-ycn1e6lzf7] {
    animation: glow-b-ycn1e6lzf7 2s ease-in-out infinite alternate;
}

@keyframes glow-b-ycn1e6lzf7 {
    from { opacity: 0.6; filter: blur(0); }
    to { opacity: 1; filter: blur(1px); }
}

/* Drop zone - only the mouth area */
.drop-zone[b-ycn1e6lzf7] {
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.drop-zone.hovering[b-ycn1e6lzf7] {
    background: radial-gradient(ellipse, rgba(74, 139, 63, 0.4) 0%, transparent 70%);
    box-shadow: 0 0 15px rgba(74, 139, 63, 0.5);
}

/* Fly */
.fly-container[b-ycn1e6lzf7] {
    position: absolute;
    cursor: grab;
    z-index: 10;
    touch-action: none;
}

.fly-container:active[b-ycn1e6lzf7],
.fly-container.dragging[b-ycn1e6lzf7] {
    cursor: grabbing;
}

.fly-container.dragging[b-ycn1e6lzf7] {
    z-index: 100;
}

.fly[b-ycn1e6lzf7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: flyBuzz-b-ycn1e6lzf7 0.15s ease-in-out infinite alternate;
    pointer-events: none;
}

.fly svg[b-ycn1e6lzf7] {
    width: 50px;
    height: 50px;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
    transition: filter 0.1s ease;
}

.fly-container.dragging .fly[b-ycn1e6lzf7] {
    animation: none;
    transform: scale(1.1);
}

.fly-container.dragging .fly svg[b-ycn1e6lzf7] {
    filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.4));
}

.fly-container.dragging .fly-hint[b-ycn1e6lzf7] {
    opacity: 0;
}

@keyframes flyBuzz-b-ycn1e6lzf7 {
    from { transform: translateY(0) rotate(-2deg); }
    to { transform: translateY(-3px) rotate(2deg); }
}

/* Wing flapping */
.wing[b-ycn1e6lzf7] {
   transform-box: fill-box;
}

.wing-left[b-ycn1e6lzf7] {
    transform-origin: 75% 50%; /* base of left wing */
    animation: flap-left-b-ycn1e6lzf7 0.1s ease-in-out infinite alternate;
}

.wing-right[b-ycn1e6lzf7] {
    transform-origin: 25% 50%; /* base of right wing */
    animation: flap-right-b-ycn1e6lzf7 0.1s ease-in-out infinite alternate;
}

@keyframes flap-left-b-ycn1e6lzf7 {
    0% { transform: rotate(-30deg); }
    100% { transform: rotate(-50deg); }
}

@keyframes flap-right-b-ycn1e6lzf7 {
    0% { transform: rotate(30deg); }
    100% { transform: rotate(50deg); }
}

/* Fly hint */
.fly-hint[b-ycn1e6lzf7] {
    font-size: 0.65rem;
    color: var(--color-text-muted);
    background: var(--color-surface);
    padding: 2px 6px;
    border-radius: 4px;
    margin-top: -2px;
    white-space: nowrap;
    opacity: 0.9;
    border: 1px solid var(--color-border);
}

/* Ambient particles */
.particles[b-ycn1e6lzf7] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.particle[b-ycn1e6lzf7] {
    position: absolute;
    width: 4px;
    height: 4px;
    background: rgba(74, 139, 63, 0.4);
    border-radius: 50%;
    left: var(--x);
    animation: float-b-ycn1e6lzf7 6s ease-in-out infinite;
    animation-delay: var(--delay);
}

@keyframes float-b-ycn1e6lzf7 {
    0%, 100% {
        bottom: -10px;
        opacity: 0;
    }
    10% {
        opacity: 0.6;
    }
    90% {
        opacity: 0.6;
    }
    100% {
        bottom: 100%;
        opacity: 0;
    }
}

/* Success state */
.success-message[b-ycn1e6lzf7] {
    text-align: center;
    padding: 2rem 1rem;
    animation: fadeIn-b-ycn1e6lzf7 0.5s ease;
}

.success-icon[b-ycn1e6lzf7] {
    font-size: 3rem;
    margin-bottom: 0.5rem;
    animation: bounce-b-ycn1e6lzf7 0.6s ease;
}

.success-message p[b-ycn1e6lzf7] {
    margin: 0;
    color: var(--captcha-accent);
    font-weight: 500;
}

@keyframes fadeIn-b-ycn1e6lzf7 {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes bounce-b-ycn1e6lzf7 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
}

/* Caught state - shake before verified */
.captcha-container.caught:not(.verified) .flytrap-container[b-ycn1e6lzf7] {
    animation: shake-b-ycn1e6lzf7 0.5s ease;
}

@keyframes shake-b-ycn1e6lzf7 {
    0%, 100% { transform: translateX(-50%) rotate(0); }
    20% { transform: translateX(-50%) rotate(-3deg); }
    40% { transform: translateX(-50%) rotate(3deg); }
    60% { transform: translateX(-50%) rotate(-2deg); }
    80% { transform: translateX(-50%) rotate(2deg); }
}
/* /Components/Checkout/ParcelshopPicker.razor.rz.scp.css */
/* Use global .modal-overlay from app.css, just override padding */
.modal-overlay[b-1vrqfskzsh] {
    padding: var(--space-4);
}

.modal-content[b-1vrqfskzsh] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    width: 100%;
    max-width: 500px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
}

.modal-header[b-1vrqfskzsh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-4) 20px;
    border-bottom: 1px solid var(--border);
}

.modal-header h3[b-1vrqfskzsh] {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--text);
}

.btn-close[b-1vrqfskzsh] {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: var(--text-muted);
    padding: 4px;
    line-height: 1;
}

.btn-close:hover[b-1vrqfskzsh] {
    color: var(--text);
}

.modal-search[b-1vrqfskzsh] {
    padding: var(--space-4) 20px;
    border-bottom: 1px solid var(--border);
}

.modal-search input[b-1vrqfskzsh] {
    width: 100%;
    padding: 10px 14px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    font-size: 14px;
    color: var(--text);
}

.modal-search input[b-1vrqfskzsh]::placeholder {
    color: var(--text-faint);
}

.modal-search input:focus[b-1vrqfskzsh] {
    outline: none;
    border-color: var(--text-muted);
}

.modal-body[b-1vrqfskzsh] {
    flex: 1;
    overflow-y: auto;
    padding: 0;
}

.location-list[b-1vrqfskzsh] {
    display: flex;
    flex-direction: column;
}

.location-item[b-1vrqfskzsh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-4);
    padding: var(--space-4) 20px;
    border-bottom: 1px solid var(--border);
}

.location-item:last-child[b-1vrqfskzsh] {
    border-bottom: none;
}

.location-info[b-1vrqfskzsh] {
    flex: 1;
    min-width: 0;
}

.location-name[b-1vrqfskzsh] {
    font-weight: 500;
    font-size: 14px;
    color: var(--text);
    margin-bottom: 4px;
}

.location-address[b-1vrqfskzsh],
.location-city[b-1vrqfskzsh] {
    font-size: 13px;
    color: var(--text-muted);
}

.location-hours[b-1vrqfskzsh] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
    font-size: 11px;
}

.hour-entry[b-1vrqfskzsh] {
    background: var(--bg);
    border: 1px solid var(--border);
    color: var(--text-muted);
    padding: 2px 6px;
    border-radius: var(--radius-sm);
}

.location-actions[b-1vrqfskzsh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    flex-shrink: 0;
}

.btn-map[b-1vrqfskzsh] {
    padding: var(--space-2) var(--space-3);
    font-size: 13px;
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-muted);
    border-radius: var(--radius-sm);
    text-decoration: none;
    text-align: center;
    transition: all 0.2s;
}

.btn-map:hover[b-1vrqfskzsh] {
    border-color: var(--text);
    color: var(--text);
}

.btn-select[b-1vrqfskzsh] {
    padding: var(--space-2) var(--space-3);
    font-size: 13px;
    background: var(--text);
    color: var(--bg);
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-weight: 500;
    transition: opacity 0.2s;
}

.btn-select:hover[b-1vrqfskzsh] {
    opacity: 0.9;
}

.loading[b-1vrqfskzsh], .no-results[b-1vrqfskzsh] {
    padding: 32px;
    text-align: center;
    color: var(--text-muted);
    font-size: 14px;
}

@media (max-width: 480px) {
    .location-item[b-1vrqfskzsh] {
        flex-direction: column;
    }

    .location-actions[b-1vrqfskzsh] {
        flex-direction: row;
        width: 100%;
    }

    .location-actions button[b-1vrqfskzsh],
    .location-actions a[b-1vrqfskzsh] {
        flex: 1;
    }
}
/* /Components/Checkout/ShippingSelector.razor.rz.scp.css */
.shipping-selector[b-3ln5cyi6oj] {
    margin: 0;
}

.shipping-options[b-3ln5cyi6oj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.shipping-option[b-3ln5cyi6oj] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: 14px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: border-color 0.2s;
}

.shipping-option:hover[b-3ln5cyi6oj] {
    border-color: var(--text-muted);
}

.shipping-option.selected[b-3ln5cyi6oj] {
    border-color: var(--text);
}

.option-radio[b-3ln5cyi6oj] {
    padding-top: 2px;
}

.option-radio input[type="radio"][b-3ln5cyi6oj] {
    width: 18px;
    height: 18px;
    accent-color: var(--text);
    cursor: pointer;
}

.option-details[b-3ln5cyi6oj] {
    flex: 1;
    min-width: 0;
}

.option-header[b-3ln5cyi6oj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.option-name[b-3ln5cyi6oj] {
    font-weight: 500;
    font-size: 14px;
    color: var(--text);
}

.option-price[b-3ln5cyi6oj] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}

.option-info[b-3ln5cyi6oj] {
    display: flex;
    gap: 8px;
    font-size: 12px;
    color: var(--text-muted);
    margin-top: 4px;
}

.option-info .carrier[b-3ln5cyi6oj] {
    color: var(--text-muted);
}

.option-info .transit[b-3ln5cyi6oj] {
    color: var(--text-faint);
}

.parcelshop-selection[b-3ln5cyi6oj] {
    padding: var(--space-3);
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
}

.selected-location[b-3ln5cyi6oj] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.location-name[b-3ln5cyi6oj] {
    font-weight: 500;
    font-size: 13px;
    color: var(--text);
}

.location-address[b-3ln5cyi6oj] {
    font-size: 12px;
    color: var(--text-muted);
}

.btn-change[b-3ln5cyi6oj] {
    margin-top: var(--space-2);
    padding: 6px 12px;
    font-size: 12px;
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-muted);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.2s;
}

.btn-change:hover[b-3ln5cyi6oj] {
    border-color: var(--text);
    color: var(--text);
}

.btn-select-parcelshop[b-3ln5cyi6oj] {
    width: 100%;
    padding: 10px var(--space-4);
    background: var(--bg);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s;
}

.btn-select-parcelshop:hover[b-3ln5cyi6oj] {
    border-color: var(--text);
}

.loading[b-3ln5cyi6oj], .no-services[b-3ln5cyi6oj] {
    padding: 16px;
    text-align: center;
    color: var(--text-muted);
    font-size: 13px;
}

/* Free shipping styles */
.free-shipping-hint[b-3ln5cyi6oj] {
    background: var(--info-bg, #dbeafe);
    color: var(--info, #3b82f6);
    padding: 10px 14px;
    border-radius: var(--radius-md, 6px);
    font-size: 13px;
    margin-bottom: 12px;
    text-align: center;
}

.original-price[b-3ln5cyi6oj] {
    text-decoration: line-through;
    color: var(--text-muted);
    font-weight: normal;
    margin-right: 6px;
}

.free-price[b-3ln5cyi6oj] {
    color: var(--success, #22c55e);
    font-weight: 600;
}

.free-shipping-badge[b-3ln5cyi6oj] {
    display: inline-block;
    background: var(--success-bg, #dcfce7);
    color: var(--success, #22c55e);
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: var(--radius-sm, 4px);
    margin-top: 6px;
}
/* /Components/ContactForm.razor.rz.scp.css */
.contact-form-container[b-3hsifvb919] {
    margin-top: var(--space-6);
}

.form-group[b-3hsifvb919] {
    margin-bottom: var(--space-6);
}

.form-group textarea[b-3hsifvb919] {
    resize: vertical;
    min-height: 120px;
}

.alert p[b-3hsifvb919] {
    margin: 0;
}
/* /Components/CookieBanner.razor.rz.scp.css */
.cookie-banner[b-rqhytcfiys] {
    position: fixed;
    bottom: var(--space-4);
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 32px);
    max-width: 800px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-4) var(--space-6);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-6);
    font-size: 13px;
    color: var(--text-muted);
    z-index: var(--z-overlay);
    box-sizing: border-box;
}

@media (max-width: 600px) {
    .cookie-banner[b-rqhytcfiys] {
        flex-direction: column;
        text-align: center;
        padding: 14px 16px;
        gap: 12px;
        bottom: 12px;
        width: calc(100% - 24px);
    }

    .cookie-banner button[b-rqhytcfiys] {
        width: 100%;
    }
}
/* /Components/Menu/AboutMenu.razor.rz.scp.css */
.about-menu[b-e5chj6eb3z] {
    position: relative;
}

.about-btn[b-e5chj6eb3z] {
    background: none;
    border: none;
    color: var(--text);
    cursor: pointer;
    font-size: 13px;
    padding: 0;
    opacity: 0.6;
    transition: opacity 0.2s;
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.about-btn:hover[b-e5chj6eb3z] {
    opacity: 1;
}

.arrow[b-e5chj6eb3z] {
    font-size: 8px;
}

.dropdown-overlay[b-e5chj6eb3z] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: calc(var(--z-dropdown) - 1);
}

.about-dropdown[b-e5chj6eb3z] {
    position: absolute;
    top: calc(100% + var(--space-3));
    left: 0;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    min-width: 180px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: var(--z-dropdown);
}

.about-dropdown a[b-e5chj6eb3z] {
    display: block;
    padding: 10px var(--space-4);
    font-size: 13px;
    color: var(--text);
    opacity: 0.8;
    transition: opacity 0.2s, background 0.2s;
}

.about-dropdown a:hover[b-e5chj6eb3z] {
    opacity: 1;
    background: var(--bg-secondary);
}
/* /Components/Menu/AccountMenu.razor.rz.scp.css */
.account-menu[b-ceha8n3t0b] {
    position: relative;
}

.account-btn[b-ceha8n3t0b] {
    background: none;
    border: none;
    color: var(--text);
    cursor: pointer;
    font-size: 13px;
    padding: 0;
    opacity: 0.6;
    transition: opacity 0.2s;
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.account-btn:hover[b-ceha8n3t0b] {
    opacity: 1;
}

.arrow[b-ceha8n3t0b] {
    font-size: 8px;
}

.dropdown-overlay[b-ceha8n3t0b] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: calc(var(--z-dropdown) - 1);
}

.account-dropdown[b-ceha8n3t0b] {
    position: absolute;
    top: calc(100% + var(--space-3));
    right: 0;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    min-width: 160px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: var(--z-dropdown);
}

.account-dropdown a[b-ceha8n3t0b] {
    display: block;
    padding: 10px var(--space-4);
    font-size: 13px;
    color: var(--text);
    opacity: 0.8;
    transition: opacity 0.2s, background 0.2s;
}

.account-dropdown a:hover[b-ceha8n3t0b] {
    opacity: 1;
    background: var(--bg-secondary);
}

.account-dropdown hr[b-ceha8n3t0b] {
    margin: 0;
    border: none;
    border-top: 1px solid var(--border);
}

.logout-btn[b-ceha8n3t0b] {
    width: 100%;
    background: none;
    border: none;
    padding: 10px var(--space-4);
    font-size: 13px;
    color: var(--text);
    opacity: 0.8;
    cursor: pointer;
    text-align: left;
    transition: opacity 0.2s, background 0.2s;
}

.logout-btn:hover[b-ceha8n3t0b] {
    opacity: 1;
    background: var(--bg-secondary);
}

.account-link[b-ceha8n3t0b] {
    opacity: 0.6;
    transition: opacity 0.2s;
}

.account-link:hover[b-ceha8n3t0b] {
    opacity: 1;
}
/* /Components/Menu/LanguageSelector.razor.rz.scp.css */
.language-selector[b-elnxt619gu] {
    display: flex;
    align-items: center;
}

.language-selector select[b-elnxt619gu] {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text);
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
}

.language-selector select:hover[b-elnxt619gu] {
    border-color: var(--accent);
}

.language-selector select:focus[b-elnxt619gu] {
    outline: none;
    border-color: var(--accent);
}

.language-selector select option[b-elnxt619gu] {
    background: var(--bg);
    color: var(--text);
}
/* /Components/Menu/MobileMenu.razor.rz.scp.css */
.mobile-nav[b-wlz2n3g7qr] {
    display: none;
    align-items: center;
    gap: var(--space-4);
}

.hamburger[b-wlz2n3g7qr] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 24px;
    height: 24px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.hamburger span[b-wlz2n3g7qr] {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text);
    transition: all 0.3s ease;
}

.hamburger.open span:nth-child(1)[b-wlz2n3g7qr] {
    transform: rotate(45deg) translate(5px, 5px);
}

.hamburger.open span:nth-child(2)[b-wlz2n3g7qr] {
    opacity: 0;
}

.hamburger.open span:nth-child(3)[b-wlz2n3g7qr] {
    transform: rotate(-45deg) translate(5px, -5px);
}

.mobile-menu-overlay[b-wlz2n3g7qr] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: calc(var(--z-dropdown) - 1);
}

.mobile-menu[b-wlz2n3g7qr] {
    display: none;
    flex-direction: column;
    padding: var(--space-4) 20px var(--space-6);
    border-top: 1px solid var(--border);
    gap: var(--space-3);
    background: var(--bg);
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: var(--z-dropdown);
    box-shadow: var(--dropdown-shadow);
}

.mobile-menu a[b-wlz2n3g7qr] {
    font-size: 14px;
    opacity: 0.7;
    transition: opacity 0.2s;
    padding: 4px 0;
}

.mobile-menu a:hover[b-wlz2n3g7qr] {
    opacity: 1;
}

.mobile-section-toggle[b-wlz2n3g7qr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: none;
    border: none;
    color: var(--text);
    font-size: 14px;
    opacity: 0.7;
    cursor: pointer;
    padding: 4px 0;
    text-align: left;
    transition: opacity 0.2s;
}

.mobile-section-toggle:hover[b-wlz2n3g7qr] {
    opacity: 1;
}

.mobile-section-toggle .arrow[b-wlz2n3g7qr] {
    font-size: 8px;
}

.mobile-subsection[b-wlz2n3g7qr] {
    display: flex;
    flex-direction: column;
    padding-left: var(--space-4);
    gap: var(--space-2);
}

.mobile-subsection a[b-wlz2n3g7qr] {
    font-size: 13px;
}

.mobile-menu-divider[b-wlz2n3g7qr] {
    height: 1px;
    background: var(--border);
    margin: var(--space-1) 0;
}

.mobile-search[b-wlz2n3g7qr] {
    display: flex;
    gap: 0;
}

.mobile-search input[b-wlz2n3g7qr] {
    flex: 1;
    border: 1px solid var(--border);
    border-right: none;
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
    padding: 10px var(--space-3);
    font-size: 14px;
    background: var(--bg-secondary);
    color: var(--text);
}

.mobile-search input:focus[b-wlz2n3g7qr] {
    outline: none;
}

.mobile-search input[b-wlz2n3g7qr]::placeholder {
    color: var(--text-muted);
}

.mobile-search button[b-wlz2n3g7qr] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-left: none;
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    padding: 10px var(--space-3);
    cursor: pointer;
    color: var(--text);
}

.mobile-search button svg[b-wlz2n3g7qr] {
    width: 18px;
    height: 18px;
}

.mobile-logout-form[b-wlz2n3g7qr] {
    margin: 0;
}

.mobile-logout-btn[b-wlz2n3g7qr] {
    background: none;
    border: none;
    color: var(--text);
    font-size: 14px;
    opacity: 0.7;
    cursor: pointer;
    padding: 4px 0;
    text-align: left;
    width: 100%;
    transition: opacity 0.2s;
}

.mobile-logout-btn:hover[b-wlz2n3g7qr] {
    opacity: 1;
}

.mobile-settings[b-wlz2n3g7qr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
}

.mobile-language[b-wlz2n3g7qr] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: var(--space-2) var(--space-3);
    font-size: 13px;
    color: var(--text);
    cursor: pointer;
}

.mobile-language:focus[b-wlz2n3g7qr] {
    outline: none;
}

@media (max-width: 768px) {
    .mobile-nav[b-wlz2n3g7qr] {
        display: flex;
    }

    .mobile-menu-overlay[b-wlz2n3g7qr] {
        display: block;
    }

    .mobile-menu[b-wlz2n3g7qr] {
        display: flex;
    }
}
/* /Components/Menu/ThemeToggle.razor.rz.scp.css */
.theme-btn[b-6vbuz70zvi] {
    background: none;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text);
    cursor: pointer;
    font-size: 16px;
    padding: 3px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.85;
    transition: opacity 0.2s, border-color 0.2s;
}

.theme-btn:hover[b-6vbuz70zvi] {
    opacity: 1;
}
/* /Components/ShippingAnnouncement.razor.rz.scp.css */
.shipping-announcement[b-m3s11amog7] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: var(--space-3) var(--space-4);
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--text);
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-left: 3px solid var(--color-success);
    border-radius: var(--radius-sm);
    margin: 0 0 var(--space-6) 0;
}

.shipping-announcement-icon[b-m3s11amog7] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: var(--color-success);
}
/* /Components/Store/CategoryFilter.razor.rz.scp.css */
.filters[b-lmn5c2sw09] {
    margin-top: -1.5rem;
    padding: 14px 0;
    display: flex;
    align-items: flex-start;
    gap: var(--space-4);
    border-bottom: 1px solid var(--border);
    font-size: 12px;
    color: var(--text-muted);
}

.filter-categories[b-lmn5c2sw09] {
    display: flex;
    gap: var(--space-3) 20px;
    flex-wrap: wrap;
    flex: 1;
}

.filter-categories > a:hover[b-lmn5c2sw09],
.filter-categories > .filter-item > a:hover[b-lmn5c2sw09] {
    color: var(--text);
}

.filter-categories > a.active[b-lmn5c2sw09],
.filter-categories > .filter-item > a.active[b-lmn5c2sw09] {
    color: var(--text);
}

.stock-toggle[b-lmn5c2sw09] {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    white-space: nowrap;
}

.stock-toggle input[b-lmn5c2sw09] {
    cursor: pointer;
}

.filter-item[b-lmn5c2sw09] {
    position: relative;
}

.filter-dropdown[b-lmn5c2sw09] {
    position: absolute;
    top: 100%;
    left: -12px;
    background: var(--dropdown-bg);
    border: 1px solid var(--dropdown-border);
    padding: var(--space-2) 0;
    min-width: 180px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(var(--space-2));
    transition: all 0.2s ease;
    z-index: var(--z-dropdown);
}

.filter-item:hover .filter-dropdown[b-lmn5c2sw09] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.filter-dropdown a[b-lmn5c2sw09] {
    display: block;
    padding: var(--space-2) var(--space-4);
    color: var(--text-muted);
    transition: all 0.15s;
}

.filter-dropdown a:hover[b-lmn5c2sw09] {
    color: var(--text);
    background: var(--hover-bg);
}

@media (max-width: 600px) {
    .filters[b-lmn5c2sw09] {
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
        margin-top: 0;
        padding-top: 20px;
    }

    .filter-categories[b-lmn5c2sw09] {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 12px;
    }

    .filter-categories[b-lmn5c2sw09]::-webkit-scrollbar {
        display: none;
    }

    .filter-categories > a[b-lmn5c2sw09],
    .filter-categories > .filter-item > a[b-lmn5c2sw09] {
        flex-shrink: 0;
    }

    .stock-toggle[b-lmn5c2sw09] {
        justify-content: flex-start;
    }
}
/* /Components/Store/CategorySection.razor.rz.scp.css */
.category-section[b-bfzfnvisv0] {
    padding: var(--space-4) 0 var(--space-8);
    border-bottom: 1px solid var(--border);
}

.category-header[b-bfzfnvisv0] {
    display: flex;
    align-items: baseline;
    margin-bottom: var(--space-4);
}

.category-header a[b-bfzfnvisv0] {
    text-decoration: none;
    color: var(--text);
    transition: opacity 0.15s;
}

.category-header a:hover[b-bfzfnvisv0] {
    opacity: 0.7;
}

.category-header h2[b-bfzfnvisv0] {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
/* /Components/Store/ImageLightbox.razor.rz.scp.css */
.lightbox-overlay[b-7098ygwf5v] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--z-overlay);
    outline: none;
}

.lightbox-content[b-7098ygwf5v] {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lightbox-close[b-7098ygwf5v] {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 44px;
    height: 44px;
    background: transparent;
    border: none;
    color: white;
    font-size: 32px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s;
    z-index: var(--z-modal);
}

.lightbox-close:hover[b-7098ygwf5v] {
    opacity: 1;
}

.lightbox-nav[b-7098ygwf5v] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: white;
    font-size: 40px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s, background 0.2s;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
}

.lightbox-nav:hover[b-7098ygwf5v] {
    opacity: 1;
    background: rgba(255, 255, 255, 0.2);
}

.lightbox-nav.prev[b-7098ygwf5v] {
    left: -80px;
}

.lightbox-nav.next[b-7098ygwf5v] {
    right: -80px;
}

.lightbox-image[b-7098ygwf5v] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lightbox-image img[b-7098ygwf5v] {
    max-width: 85vw;
    max-height: 85vh;
    object-fit: contain;
}

.lightbox-counter[b-7098ygwf5v] {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 14px;
    opacity: 0.7;
}

@media (max-width: 768px) {
    .lightbox-nav[b-7098ygwf5v] {
        width: 44px;
        height: 44px;
        font-size: 28px;
    }

    .lightbox-nav.prev[b-7098ygwf5v] {
        left: 10px;
    }

    .lightbox-nav.next[b-7098ygwf5v] {
        right: 10px;
    }

    .lightbox-image img[b-7098ygwf5v] {
        max-width: 100vw;
        max-height: 80vh;
    }
}
/* /Components/Store/ProductCard.razor.rz.scp.css */
.item[b-0nhlntxunu] {
    display: block;
}

.item:hover .item-img img[b-0nhlntxunu] {
    transform: scale(1.02);
}

.item-img[b-0nhlntxunu] {
    aspect-ratio: 1;
    overflow: hidden;
    margin-bottom: var(--space-3);
    background: var(--bg-secondary);
    position: relative;
}

.item-img img[b-0nhlntxunu] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.placeholder[b-0nhlntxunu] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    color: var(--text-muted);
    opacity: 0.5;
}

.sale-badge[b-0nhlntxunu] {
    position: absolute;
    top: 8px;
    right: 8px;
    background: var(--color-danger);
    color: white;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: var(--radius-sm);
}

.available-soon-badge[b-0nhlntxunu] {
    position: absolute;
    top: 8px;
    left: 8px;
    background: var(--color-warning);
    color: white;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: var(--radius-sm);
}

.item-price[b-0nhlntxunu] {
    position: absolute;
    bottom: 8px;
    left: 8px;
    background: var(--price-bg);
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.original-price[b-0nhlntxunu] {
    font-size: 11px;
    font-weight: 400;
    opacity: 0.7;
    margin-right: 4px;
}

.item.sold .item-price[b-0nhlntxunu] {
    background: rgba(100, 100, 100, 0.9);
    color: white;
    font-weight: 500;
}

.item-name[b-0nhlntxunu] {
    font-size: 14px;
    margin-bottom: 4px;
}

.item-origin[b-0nhlntxunu] {
    font-size: 12px;
    font-style: italic;
    color: var(--text-muted);
}

.item.sold .item-img[b-0nhlntxunu] {
    opacity: 0.75;
}

.item.sold .item-name[b-0nhlntxunu] {
    opacity: 0.85;
}
/* /Components/Toast.razor.rz.scp.css */
.toast[b-apjpngkugr] {
    position: fixed;
    bottom: var(--space-6);
    right: var(--space-6);
    background: var(--text);
    color: var(--bg);
    padding: var(--space-4) var(--space-6);
    font-size: 14px;
    border-radius: var(--radius-md);
    z-index: var(--z-overlay);
    animation: slideIn-b-apjpngkugr 0.3s ease;
}

.toast.error[b-apjpngkugr] {
    background: var(--color-danger);
    color: white;
}

@keyframes slideIn-b-apjpngkugr {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
/* /Layout/AdminLayout.razor.rz.scp.css */
.admin-layout[b-bn6yqbnxbf] {
    display: flex;
    min-height: 100vh;
}

.admin-sidebar[b-bn6yqbnxbf] {
    width: 240px;
    background: var(--bg-secondary);
    border-right: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: var(--z-sticky);
}

.admin-logo[b-bn6yqbnxbf] {
    padding: var(--space-6) 20px;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text);
    text-decoration: none;
    border-bottom: 1px solid var(--border);
}

.admin-nav[b-bn6yqbnxbf] {
    flex: 1;
    padding: 16px 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.admin-nav a[b-bn6yqbnxbf] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    color: var(--text-muted);
    text-decoration: none;
    font-size: 0.9rem;
    transition: all 0.15s ease;
}

.admin-nav a:hover[b-bn6yqbnxbf] {
    color: var(--text);
    background: var(--bg);
}

.admin-nav a.active[b-bn6yqbnxbf] {
    color: var(--text);
    background: var(--bg);
    border-left: 3px solid var(--text);
    padding-left: 17px;
}

.nav-icon[b-bn6yqbnxbf] {
    font-size: 1rem;
    opacity: 0.7;
}

[b-bn6yqbnxbf] .nav-section {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
    padding: 16px 20px 4px;
    margin-top: 8px;
    border-top: 1px solid var(--border);
    opacity: 0.7;
}

.admin-sidebar-footer[b-bn6yqbnxbf] {
    padding: 16px 20px;
    border-top: 1px solid var(--border);
}


.admin-version[b-bn6yqbnxbf] {
    display: block;
    font-size: 0.75rem;
    color: var(--text-muted);
    opacity: 0.5;
    margin-top: var(--space-2);
}

.admin-main[b-bn6yqbnxbf] {
    flex: 1;
    margin-left: 240px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.admin-header[b-bn6yqbnxbf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-4) var(--space-8);
    border-bottom: 1px solid var(--border);
    background: var(--bg);
    position: sticky;
    top: 0;
    z-index: var(--z-dropdown);
}

.admin-breadcrumb[b-bn6yqbnxbf] {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--text);
}

.admin-user[b-bn6yqbnxbf] {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 0.9rem;
}

.admin-user span[b-bn6yqbnxbf] {
    color: var(--text-muted);
}

.admin-user a[b-bn6yqbnxbf] {
    color: var(--text-muted);
    text-decoration: none;
}

.admin-user a:hover[b-bn6yqbnxbf] {
    color: var(--text);
}

.store-link[b-bn6yqbnxbf] {
    color: var(--text) !important;
    font-weight: 500;
    border: 1px solid var(--border);
    padding: 4px 10px;
    border-radius: var(--radius-sm);
    font-size: 0.85rem;
    white-space: nowrap;
}

.store-link:hover[b-bn6yqbnxbf] {
    background: var(--bg-secondary);
}

.admin-content[b-bn6yqbnxbf] {
    flex: 1;
    padding: var(--space-8);
}

/* Responsive */
@media (max-width: 768px) {
    .admin-sidebar[b-bn6yqbnxbf] {
        width: 60px;
        overflow: hidden;
    }

    .admin-logo[b-bn6yqbnxbf] {
        font-size: 0;
        padding: 24px 12px;
    }

    .admin-logo[b-bn6yqbnxbf]::first-letter {
        font-size: 1.2rem;
    }

    .admin-nav a[b-bn6yqbnxbf] {
        padding: 12px;
        justify-content: center;
    }

    .admin-nav a span:not(.nav-icon)[b-bn6yqbnxbf] {
        display: none;
    }

    .nav-icon[b-bn6yqbnxbf] {
        font-size: 1.2rem;
    }

    .admin-nav a.active[b-bn6yqbnxbf] {
        padding-left: 9px;
    }

    [b-bn6yqbnxbf] .nav-section {
        display: none;
    }

    .admin-sidebar-footer[b-bn6yqbnxbf] {
        display: none;
    }

    .admin-main[b-bn6yqbnxbf] {
        margin-left: 60px;
    }

    .admin-header[b-bn6yqbnxbf] {
        padding: 16px;
    }

    .admin-content[b-bn6yqbnxbf] {
        padding: 16px;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
header[b-21t6k4py9m] {
    padding: var(--space-4) 0;
    border-bottom: 1px solid var(--border);
    position: sticky;
    top: 0;
    background: var(--bg);
    z-index: var(--z-sticky);
}

header[b-21t6k4py9m]  .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo[b-21t6k4py9m] {
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 14px;
}

nav[b-21t6k4py9m] {
    display: flex;
    align-items: center;
    gap: var(--space-6);
    font-size: 13px;
}

nav a[b-21t6k4py9m] {
    opacity: 0.6;
    transition: opacity 0.2s;
}

nav a:hover[b-21t6k4py9m] {
    opacity: 1;
}

.header-right[b-21t6k4py9m] {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 13px;
}

.theme-btn[b-21t6k4py9m] {
    background: none;
    border: none;
    color: var(--text);
    cursor: pointer;
    font-size: 18px;
    padding: 0;
    display: flex;
    align-items: center;
    opacity: 0.85;
    transition: opacity 0.2s;
}

.theme-btn:hover[b-21t6k4py9m] {
    opacity: 1;
}

main[b-21t6k4py9m] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    min-height: calc(100vh - 200px);
}

@media (max-width: 768px) {
    main[b-21t6k4py9m] {
        padding-top: 1.5rem;
        padding-bottom: 1rem;
    }
}

footer[b-21t6k4py9m] {
    padding: var(--space-8) 0;
    font-size: 11px;
    color: var(--text-faint);
    border-top: 1px solid var(--border);
}

footer[b-21t6k4py9m]  .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

footer .legal-links[b-21t6k4py9m] {
    display: flex;
    gap: 16px;
}

footer .legal-links a[b-21t6k4py9m] {
    color: var(--text-faint);
    transition: color 0.2s;
}

footer .legal-links a:hover[b-21t6k4py9m] {
    color: var(--text);
}

#blazor-error-ui[b-21t6k4py9m] {
    background: var(--bg-secondary);
    border-top: 1px solid var(--border);
    bottom: 0;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: var(--z-overlay);
}

#blazor-error-ui .dismiss[b-21t6k4py9m] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

@media (max-width: 768px) {
    .desktop-nav[b-21t6k4py9m] {
        display: none;
    }

    .container[b-21t6k4py9m] {
        padding: 0 20px;
    }

    footer[b-21t6k4py9m]  .container {
        flex-direction: column;
        text-align: center;
    }

    footer .legal-links[b-21t6k4py9m] {
        justify-content: center;
    }
}
/* /Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-gd0droysz1],
.components-reconnect-repeated-attempt-visible[b-gd0droysz1],
.components-reconnect-failed-visible[b-gd0droysz1],
.components-pause-visible[b-gd0droysz1],
.components-resume-failed-visible[b-gd0droysz1],
.components-rejoining-animation[b-gd0droysz1] {
    display: none;
}

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

#components-reconnect-modal[b-gd0droysz1] {
    background-color: var(--bg-secondary);
    color: var(--text);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    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-gd0droysz1 0.5s both;

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

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

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

@keyframes components-reconnect-modal-fadeInOpacity-b-gd0droysz1 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

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

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

#components-reconnect-modal p[b-gd0droysz1] {
    margin: 0;
    text-align: center;
    color: var(--text-muted);
}

#components-reconnect-modal button[b-gd0droysz1] {
    border: 1px solid var(--border);
    background-color: var(--bg);
    color: var(--text);
    padding: var(--space-2) var(--space-6);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background-color 0.2s;
}

#components-reconnect-modal button:hover[b-gd0droysz1] {
    background-color: var(--hover-bg);
}

#components-reconnect-modal button:active[b-gd0droysz1] {
    background-color: var(--bg-secondary);
}

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

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

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

@keyframes components-rejoining-animation-b-gd0droysz1 {
    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;
    }
}
/* /Pages/About.razor.rz.scp.css */
.about-image[b-mvtuqy5i2v] {
    width: 100%;
    max-width: 600px;
    height: auto;
    border-radius: var(--radius-lg);
    margin: var(--space-6) auto 0 auto;
    display: block;
}

.image-row[b-mvtuqy5i2v] {
    display: flex;
    gap: var(--space-6);
    margin-top: var(--space-6);
    justify-content: center;
    align-items: center;
}

.image-row .about-image[b-mvtuqy5i2v] {
    flex: none;
    width: auto;
    height: 320px;
    margin: 0;
    object-fit: cover;
}

@media (max-width: 600px) {
    .image-row[b-mvtuqy5i2v] {
        flex-direction: column;
        align-items: center;
    }

    .image-row .about-image[b-mvtuqy5i2v] {
        max-width: 100%;
        max-height: none;
    }
}
/* /Pages/Account/Account.razor.rz.scp.css */
.account-page[b-au4qjjupps] {
    max-width: 100%;
}

.account-grid[b-au4qjjupps] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-bottom: 48px;
}

.account-card[b-au4qjjupps] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
}

.account-card h2[b-au4qjjupps] {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 var(--space-4);
}

.account-card p[b-au4qjjupps] {
    color: var(--text-muted);
    font-size: 14px;
    margin: 0;
}

.account-card-link[b-au4qjjupps] {
    text-decoration: none;
    color: var(--text);
    position: relative;
    transition: border-color 0.2s;
}

.account-card-link:hover[b-au4qjjupps] {
    border-color: var(--text);
}

.card-arrow[b-au4qjjupps] {
    position: absolute;
    right: var(--space-6);
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    opacity: 0.5;
    transition: opacity 0.2s, transform 0.2s;
}

.account-card-link:hover .card-arrow[b-au4qjjupps] {
    opacity: 1;
    transform: translateY(-50%) translateX(4px);
}

.detail-row[b-au4qjjupps] {
    display: flex;
    justify-content: space-between;
    padding: var(--space-3) 0;
    border-bottom: 1px solid var(--border);
}

.detail-row:last-child[b-au4qjjupps] {
    border-bottom: none;
}

.label[b-au4qjjupps] {
    color: var(--text-muted);
    font-size: 14px;
}

.value[b-au4qjjupps] {
    font-size: 14px;
}


.account-actions[b-au4qjjupps] {
    padding-top: var(--space-6);
    border-top: 1px solid var(--border);
}

.logout-btn[b-au4qjjupps] {
    background: none;
    border: 1px solid var(--border);
    color: var(--text);
    padding: 10px 20px;
    font-size: 14px;
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: border-color 0.2s;
}

.logout-btn:hover[b-au4qjjupps] {
    border-color: var(--text);
}

/* Change password button */
.change-password-btn[b-au4qjjupps] {
    background: none;
    border: 1px solid var(--border);
    color: var(--text);
    padding: 6px var(--space-3);
    font-size: 13px;
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: border-color 0.2s;
}

.change-password-btn:hover[b-au4qjjupps] {
    border-color: var(--text);
}

.modal-body[b-au4qjjupps] {
    padding: 20px;
}

.password-form[b-au4qjjupps] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.error-message[b-au4qjjupps] {
    color: var(--color-danger);
    font-size: 13px;
    margin: 0;
}

.success-message[b-au4qjjupps] {
    color: var(--color-success);
    font-size: 14px;
    margin: 0;
}

@media (max-width: 600px) {
    .account-grid[b-au4qjjupps] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Account/Addresses.razor.rz.scp.css */
.addresses-page[b-0o1sgw2q3a] {
    max-width: 100%;
}

.addresses-grid[b-0o1sgw2q3a] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-6);
}

.address-card[b-0o1sgw2q3a] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
}

.card-header[b-0o1sgw2q3a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-4);
}

.card-header h2[b-0o1sgw2q3a] {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.edit-btn[b-0o1sgw2q3a] {
    background: none;
    border: 1px solid var(--border);
    color: var(--text-muted);
    padding: 6px var(--space-3);
    font-size: 13px;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s;
}

.edit-btn:hover[b-0o1sgw2q3a] {
    border-color: var(--text);
    color: var(--text);
}

.no-address[b-0o1sgw2q3a] {
    color: var(--text-faint);
    font-size: 14px;
    font-style: italic;
}

.address-display p[b-0o1sgw2q3a] {
    margin: 4px 0;
    font-size: 14px;
    color: var(--text-muted);
}

.address-display p:first-child[b-0o1sgw2q3a] {
    color: var(--text);
    font-weight: 500;
}

.address-display .phone[b-0o1sgw2q3a] {
    margin-top: var(--space-3);
    color: var(--text-faint);
}

.address-form[b-0o1sgw2q3a] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.form-group[b-0o1sgw2q3a] {
    gap: 4px;
}

.form-group label[b-0o1sgw2q3a] {
    font-size: 12px;
}

.form-row[b-0o1sgw2q3a] {
    gap: var(--space-3);
}

.form-actions[b-0o1sgw2q3a] {
    margin-top: var(--space-2);
}

.save-btn[b-0o1sgw2q3a] {
    flex: 1;
    padding: 10px;
    background: var(--text);
    color: var(--bg);
    border: none;
    border-radius: var(--radius-sm);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.save-btn:hover:not(:disabled)[b-0o1sgw2q3a] {
    opacity: 0.9;
}

.save-btn:disabled[b-0o1sgw2q3a] {
    opacity: 0.5;
    cursor: not-allowed;
}

.cancel-btn[b-0o1sgw2q3a] {
    padding: 10px var(--space-4);
    background: none;
    border: 1px solid var(--border);
    color: var(--text-muted);
    border-radius: var(--radius-sm);
    font-size: 14px;
    cursor: pointer;
}

.cancel-btn:hover[b-0o1sgw2q3a] {
    border-color: var(--text);
    color: var(--text);
}

[b-0o1sgw2q3a] .validation-message {
    color: var(--color-error);
    font-size: 11px;
}

@media (max-width: 700px) {
    .addresses-grid[b-0o1sgw2q3a] {
        grid-template-columns: 1fr;
    }

    .form-row[b-0o1sgw2q3a] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Account/Wishlist.razor.rz.scp.css */
.wishlist-page[b-31h4s1ghx6] {
    max-width: 700px;
}

.empty-state[b-31h4s1ghx6] {
    color: var(--text-muted);
    font-size: 14px;
    padding: var(--space-8) 0;
}

.wishlist-list[b-31h4s1ghx6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.wishlist-item[b-31h4s1ghx6] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4);
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
}

.item-image[b-31h4s1ghx6] {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
}

.item-image img[b-31h4s1ghx6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius-sm);
}

.item-info[b-31h4s1ghx6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.item-name[b-31h4s1ghx6] {
    font-size: 14px;
    font-weight: 500;
    color: var(--text);
    text-decoration: none;
}

.item-name:hover[b-31h4s1ghx6] {
    text-decoration: underline;
}

.item-status[b-31h4s1ghx6] {
    font-size: 12px;
}

.item-status.in-stock[b-31h4s1ghx6] {
    color: var(--color-success);
}

.item-status.out-of-stock[b-31h4s1ghx6] {
    color: var(--text-muted);
}
/* /Pages/Admin/Accounting/Accounting.razor.rz.scp.css */
.accounting-page[b-n3yp9sp8o5] {
    max-width: 100%;
}

.charts-row[b-n3yp9sp8o5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
    margin-top: var(--space-6);
    margin-bottom: var(--space-6);
}

/* Date range picker in header */
.date-range[b-n3yp9sp8o5] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.date-preset-select[b-n3yp9sp8o5],
.date-range input[type="date"][b-n3yp9sp8o5] {
    padding: var(--space-2) var(--space-3);
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text);
    font-size: 0.85rem;
}

.date-range-label[b-n3yp9sp8o5] {
    font-size: 0.8rem;
    color: var(--text-muted);
    white-space: nowrap;
}

.date-range span[b-n3yp9sp8o5] {
    color: var(--text-muted);
}

/* Stat card overrides for accounting-specific coloring */
.stat-value.expense[b-n3yp9sp8o5] {
    color: var(--color-danger);
}

.stat-count[b-n3yp9sp8o5] {
    font-size: 0.75rem;
    color: var(--text-muted);
    margin-top: var(--space-1);
}

/* Export button below stats grid */
.export-row[b-n3yp9sp8o5] {
    margin-top: var(--space-4);
}

/* Data table (accounting-specific, denser than global .table) */
.data-table[b-n3yp9sp8o5] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-n3yp9sp8o5],
.data-table td[b-n3yp9sp8o5] {
    padding: var(--space-3) var(--space-4);
    text-align: left;
    border-bottom: 1px solid var(--border);
}

.data-table th[b-n3yp9sp8o5] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted);
    background: var(--bg-secondary);
}

.data-table td[b-n3yp9sp8o5] {
    font-size: 0.9rem;
}

.data-table .text-right[b-n3yp9sp8o5] {
    text-align: right;
}

.data-table .actions[b-n3yp9sp8o5] {
    display: flex;
    gap: var(--space-2);
    justify-content: flex-end;
}

/* Category badge */
.category-badge[b-n3yp9sp8o5] {
    display: inline-block;
    padding: 2px 8px;
    font-size: 0.75rem;
    background: var(--bg-secondary);
    border-radius: var(--radius-sm);
    color: var(--text-muted);
}

.note-icon[b-n3yp9sp8o5] {
    color: var(--text-muted);
    cursor: help;
    margin-left: var(--space-1);
}

/* Small icon button (inline edit) */
.btn-icon-sm[b-n3yp9sp8o5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--text-muted);
    padding: 0;
    margin-left: var(--space-1);
    vertical-align: middle;
}

.btn-icon-sm:hover[b-n3yp9sp8o5] {
    color: var(--color-warning);
}

/* File upload row */
.file-upload-row[b-n3yp9sp8o5] {
    display: flex;
    gap: var(--space-2);
    align-items: center;
}

.file-upload-row[b-n3yp9sp8o5]  input[type="file"] {
    flex: 1;
}

.filter-actions[b-n3yp9sp8o5] {
    display: flex;
    gap: var(--space-2);
}

.sales-section .filter-bar[b-n3yp9sp8o5],
.purchases-section .filter-bar[b-n3yp9sp8o5] {
    margin-bottom: var(--space-4);
}

.modal-lg[b-n3yp9sp8o5] {
    max-width: 800px;
}

.validation-error[b-n3yp9sp8o5] {
    display: block;
    color: var(--color-danger);
    font-size: 0.75rem;
    margin-top: var(--space-1);
}

/* Credit note sub-rows in sales table */
.cn-sub-row td[b-n3yp9sp8o5] {
    background: color-mix(in srgb, var(--color-danger) 4%, var(--bg));
    font-size: 0.85rem;
}

.cn-linked[b-n3yp9sp8o5] {
    padding-left: var(--space-6) !important;
    font-family: monospace;
    font-size: 0.8rem;
    color: var(--color-danger);
}

.expense[b-n3yp9sp8o5] {
    color: var(--color-danger);
}

/* Empty state */
.empty[b-n3yp9sp8o5] {
    text-align: center;
    color: var(--text-muted);
    padding: var(--space-8);
}

/* Responsive */
@media (max-width: 768px) {
    .stats-grid[b-n3yp9sp8o5] {
        grid-template-columns: repeat(2, 1fr);
    }

    .data-table[b-n3yp9sp8o5] {
        font-size: 0.8rem;
    }

    .data-table th[b-n3yp9sp8o5],
    .data-table td[b-n3yp9sp8o5] {
        padding: var(--space-2);
    }
}

.data-table .col-check[b-n3yp9sp8o5] {
    width: 36px;
    text-align: center;
}

.data-table tr.selected td[b-n3yp9sp8o5] {
    background: color-mix(in srgb, var(--color-success) 8%, transparent);
}

/* TEMP file-reconciliation styles (remove with feature) */
.missing-file-badge[b-n3yp9sp8o5] {
    display: inline-block;
    margin-left: var(--space-2);
    padding: 2px var(--space-2);
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--color-danger);
    background: color-mix(in srgb, var(--color-danger) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-danger) 30%, transparent);
    border-radius: var(--radius-sm);
    white-space: nowrap;
}

/* Extraction sections (collapsed details blocks inside purchase modal) */
.extraction-section[b-n3yp9sp8o5] {
    margin-top: var(--space-4);
    padding: var(--space-3);
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
}

.extraction-section > summary[b-n3yp9sp8o5] {
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted);
    user-select: none;
}

.extraction-section[open] > summary[b-n3yp9sp8o5] {
    margin-bottom: var(--space-3);
    padding-bottom: var(--space-2);
    border-bottom: 1px solid var(--border);
}

.extraction-section .form-row[b-n3yp9sp8o5] {
    margin-top: var(--space-2);
}

.extraction-section .inline-check[b-n3yp9sp8o5] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-2);
    font-size: 0.85rem;
}

.extraction-section .inline-check input[type="checkbox"][b-n3yp9sp8o5] {
    width: auto;
}

/* Line items & VAT breakdown mini-tables */
.lines-table[b-n3yp9sp8o5],
.vat-table[b-n3yp9sp8o5] {
    width: 100%;
    border-collapse: collapse;
    margin-top: var(--space-2);
    font-size: 0.85rem;
}

.lines-table th[b-n3yp9sp8o5],
.vat-table th[b-n3yp9sp8o5],
.lines-table td[b-n3yp9sp8o5],
.vat-table td[b-n3yp9sp8o5] {
    padding: var(--space-2);
    border-bottom: 1px solid var(--border);
    text-align: left;
}

.lines-table th[b-n3yp9sp8o5],
.vat-table th[b-n3yp9sp8o5] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted);
    font-weight: 600;
    background: var(--bg);
}

.lines-table input[b-n3yp9sp8o5],
.vat-table input[b-n3yp9sp8o5] {
    width: 100%;
    padding: var(--space-1) var(--space-2);
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text);
    font-size: 0.8rem;
}

.lines-table td.col-actions[b-n3yp9sp8o5],
.vat-table td.col-actions[b-n3yp9sp8o5] {
    width: 32px;
    text-align: right;
}

/* Buyer-VAT-missing badge in purchases list */
.missing-vat-badge[b-n3yp9sp8o5] {
    display: inline-block;
    margin-left: var(--space-2);
    padding: 2px var(--space-2);
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--color-warning);
    background: color-mix(in srgb, var(--color-warning) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-warning) 30%, transparent);
    border-radius: var(--radius-sm);
    white-space: nowrap;
}

/* Bulk upload error surfacing + retry */
.bulk-error[b-n3yp9sp8o5] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    color: var(--color-danger);
    font-size: 0.8rem;
    font-weight: 600;
}

.bulk-actions-cell[b-n3yp9sp8o5] {
    white-space: nowrap;
    display: flex;
    gap: var(--space-1);
    align-items: center;
}

.summary-warning[b-n3yp9sp8o5] {
    display: block;
    margin-top: var(--space-1);
    color: var(--color-warning);
    font-size: 0.75rem;
}
/* /Pages/Admin/Accounting/AddPurchases.razor.rz.scp.css */
.add-purchases-page[b-0i662e1t5a] {
    max-width: 100%;
}

.add-purchases-page .page-toolbar h1[b-0i662e1t5a] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
}

.add-purchases-page .toolbar-left[b-0i662e1t5a] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
}

/* Drop zone */
.drop-zone[b-0i662e1t5a] {
    position: relative;
    margin: 0 0 var(--space-4) 0;
    padding: var(--space-10) var(--space-6);
    border: 2px dashed var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-secondary);
    text-align: center;
    transition: background 0.15s, border-color 0.15s, padding 0.15s;
}

.drop-zone.compact[b-0i662e1t5a] {
    padding: var(--space-4) var(--space-4);
}

.drop-zone.compact .drop-icon[b-0i662e1t5a] {
    display: none;
}

.drop-zone.compact .drop-text[b-0i662e1t5a] {
    font-size: 0.85rem;
    margin-bottom: 0;
}

.drop-zone.compact .drop-hint[b-0i662e1t5a] {
    display: none;
}

.drop-zone.drag-over[b-0i662e1t5a] {
    border-color: var(--color-success);
    background: color-mix(in srgb, var(--color-success) 6%, var(--bg-secondary));
}

.drop-zone[b-0i662e1t5a]  input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.drop-content[b-0i662e1t5a] {
    pointer-events: none;
}

.drop-icon[b-0i662e1t5a] {
    font-size: 2rem;
    color: var(--text-muted);
    margin-bottom: var(--space-2);
}

.drop-text[b-0i662e1t5a] {
    font-size: 1rem;
    font-weight: 500;
    color: var(--text);
    margin-bottom: var(--space-1);
}

.drop-hint[b-0i662e1t5a] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* Split layout: drop zone + queue table on the left, document preview on the right */
.queue-layout[b-0i662e1t5a] {
    margin-top: var(--space-4);
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-4);
}

.queue-layout.has-preview[b-0i662e1t5a] {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}

.queue-main[b-0i662e1t5a] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 160px);
}

.queue-scroll[b-0i662e1t5a] {
    overflow-y: auto;
    overflow-x: auto;
    flex: 1 1 auto;
    min-height: 0;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
}

.queue-scroll .queue-table thead th[b-0i662e1t5a] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.queue-table tr.expanded-row[b-0i662e1t5a] {
    cursor: default;
}

.queue-table tr.expanded-row:hover[b-0i662e1t5a] {
    background: transparent;
}

.queue-table tr.expanded-row td[b-0i662e1t5a] {
    padding: var(--space-4);
    background: var(--bg);
    border-bottom: 2px solid var(--border);
}

.queue-preview[b-0i662e1t5a] {
    position: sticky;
    top: var(--space-4);
    align-self: start;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 160px);
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.preview-header[b-0i662e1t5a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    border-bottom: 1px solid var(--border);
    background: var(--bg);
    flex-shrink: 0;
}

.preview-filename[b-0i662e1t5a] {
    font-size: 0.85rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

.preview-body[b-0i662e1t5a] {
    flex: 1 1 auto;
    min-height: 0;
    background: var(--bg);
    display: flex;
    align-items: stretch;
    justify-content: center;
    overflow: auto;
}

.preview-body iframe[b-0i662e1t5a] {
    flex: 1;
    width: 100%;
    height: 100%;
    border: 0;
}

.preview-body img[b-0i662e1t5a] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Queue table */
.queue-table[b-0i662e1t5a] {
    width: 100%;
    border-collapse: collapse;
}

.queue-table tbody tr[b-0i662e1t5a] {
    cursor: pointer;
    transition: background 0.1s;
}

.queue-table tbody tr:hover[b-0i662e1t5a] {
    background: color-mix(in srgb, var(--text) 3%, transparent);
}

.queue-table tbody tr.selected[b-0i662e1t5a] {
    background: color-mix(in srgb, var(--color-success) 8%, transparent);
}

.queue-table th[b-0i662e1t5a],
.queue-table td[b-0i662e1t5a] {
    padding: var(--space-3) var(--space-4);
    text-align: left;
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
}

.queue-table th[b-0i662e1t5a] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted);
    background: var(--bg-secondary);
}

.queue-table td[b-0i662e1t5a] {
    font-size: 0.9rem;
}

.queue-table .text-right[b-0i662e1t5a] {
    text-align: right;
    white-space: nowrap;
}

.queue-table .actions[b-0i662e1t5a] {
    display: flex;
    gap: var(--space-2);
    justify-content: flex-end;
    align-items: center;
}

.filename-cell[b-0i662e1t5a] {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-muted);
    font-size: 0.8rem;
}

/* Status chip */
.status-chip[b-0i662e1t5a] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: 2px 8px;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: var(--radius-sm);
    white-space: nowrap;
}

.status-chip.status-queued[b-0i662e1t5a] {
    color: var(--text-muted);
    background: var(--bg-secondary);
    border: 1px solid var(--border);
}

.status-chip.status-scanning[b-0i662e1t5a] {
    color: var(--color-warning);
    background: color-mix(in srgb, var(--color-warning) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-warning) 30%, transparent);
    animation: pulse-b-0i662e1t5a 1.4s ease-in-out infinite;
}

.status-chip.status-scanned[b-0i662e1t5a] {
    color: var(--color-success);
    background: color-mix(in srgb, var(--color-success) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-success) 30%, transparent);
}

.status-chip.status-error[b-0i662e1t5a] {
    color: var(--color-danger);
    background: color-mix(in srgb, var(--color-danger) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-danger) 30%, transparent);
}

@keyframes pulse-b-0i662e1t5a {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

.queue-error[b-0i662e1t5a] {
    margin-top: var(--space-1);
    font-size: 0.75rem;
    color: var(--color-danger);
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.duplicate-chip[b-0i662e1t5a] {
    display: block;
    width: fit-content;
    margin-top: var(--space-1);
    padding: 2px var(--space-2);
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--color-warning);
    background: color-mix(in srgb, var(--color-warning) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-warning) 30%, transparent);
    border-radius: var(--radius-sm);
    white-space: nowrap;
}

.queue-table .btn-icon.active-warning[b-0i662e1t5a] {
    color: var(--color-warning);
    border-color: color-mix(in srgb, var(--color-warning) 50%, transparent);
    background: color-mix(in srgb, var(--color-warning) 12%, transparent);
}

.queue-table .btn-icon.active-warning:hover[b-0i662e1t5a] {
    background: color-mix(in srgb, var(--color-warning) 20%, transparent);
}

.empty[b-0i662e1t5a] {
    text-align: center;
    color: var(--text-muted);
    padding: var(--space-8);
}
/* /Pages/Admin/Accounting/Components/PurchaseEditor.razor.rz.scp.css */
/* Line items & VAT breakdown tables inside the purchase editor */
.lines-table[b-hfsizghkth],
.vat-table[b-hfsizghkth] {
    width: 100%;
    margin-top: var(--space-2);
    margin-bottom: var(--space-3);
}

.lines-table th[b-hfsizghkth],
.vat-table th[b-hfsizghkth] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted);
    padding: var(--space-2);
}

.lines-table td[b-hfsizghkth],
.vat-table td[b-hfsizghkth] {
    padding: var(--space-1) var(--space-2);
    vertical-align: middle;
}

.lines-table[b-hfsizghkth]  input,
.vat-table[b-hfsizghkth]  input {
    width: 100%;
    padding: var(--space-1) var(--space-2);
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text);
    font-size: 0.85rem;
}

.lines-table[b-hfsizghkth]  input[type="number"],
.vat-table[b-hfsizghkth]  input[type="number"] {
    text-align: right;
}

/* Column widths for line items */
.lines-table th:nth-child(1)[b-hfsizghkth],
.lines-table td:nth-child(1)[b-hfsizghkth] {
    width: 32px;
    text-align: center;
    color: var(--text-muted);
    font-size: 0.8rem;
}

.lines-table th:nth-child(2)[b-hfsizghkth],
.lines-table td:nth-child(2)[b-hfsizghkth] {
    /* description: takes remaining width */
}

.lines-table th:nth-child(3)[b-hfsizghkth],
.lines-table td:nth-child(3)[b-hfsizghkth],
.lines-table th:nth-child(4)[b-hfsizghkth],
.lines-table td:nth-child(4)[b-hfsizghkth],
.lines-table th:nth-child(5)[b-hfsizghkth],
.lines-table td:nth-child(5)[b-hfsizghkth],
.lines-table th:nth-child(6)[b-hfsizghkth],
.lines-table td:nth-child(6)[b-hfsizghkth] {
    width: 100px;
}

.lines-table th:last-child[b-hfsizghkth],
.lines-table td:last-child[b-hfsizghkth],
.vat-table th:last-child[b-hfsizghkth],
.vat-table td:last-child[b-hfsizghkth] {
    width: 36px;
    text-align: center;
}

.vat-table th[b-hfsizghkth],
.vat-table td[b-hfsizghkth] {
    width: 160px;
}

.btn-icon[b-hfsizghkth] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    background: transparent;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.btn-icon:hover[b-hfsizghkth] {
    background: var(--bg);
    color: var(--text);
}

.btn-icon.danger:hover[b-hfsizghkth] {
    color: var(--color-danger);
    border-color: var(--color-danger);
}

.btn-icon .icon[b-hfsizghkth] {
    font-size: 0.75rem;
    line-height: 1;
}

.inline-check label[b-hfsizghkth] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    cursor: pointer;
}

.summary-warning[b-hfsizghkth] {
    display: inline-block;
    margin-left: var(--space-2);
    color: var(--color-warning);
    font-size: 0.75rem;
}

.file-upload-row[b-hfsizghkth] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}
/* /Pages/Admin/Accounting/RevenueChart.razor.rz.scp.css */
.revenue-chart-container[b-fffgqm9rky] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    height: 220px;
    display: flex;
    flex-direction: column;
}

.chart-title[b-fffgqm9rky] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
    margin-bottom: var(--space-2);
    flex-shrink: 0;
}

canvas[b-fffgqm9rky] {
    flex: 1;
    min-height: 0;
}
/* /Pages/Admin/Categories/Categories.razor.rz.scp.css */
.slug[b-bet1r7pftm] {
    color: var(--text-muted);
    font-size: 0.9rem;
}

.child-row[b-bet1r7pftm] {
    background: var(--bg);
}

.indent[b-bet1r7pftm] {
    color: var(--text-faint);
    margin-right: var(--space-2);
}

.col-sort[b-bet1r7pftm],
.col-count[b-bet1r7pftm],
.col-toggle[b-bet1r7pftm] {
    width: 80px;
    text-align: center;
}

.toggle-btn[b-bet1r7pftm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    font-size: 0.85rem;
}

.toggle-btn:hover[b-bet1r7pftm] {
    border-color: var(--text-muted);
}

.toggle-btn.active[b-bet1r7pftm] {
    background: var(--text);
    color: var(--bg);
    border-color: var(--text);
}

.btn-delete:hover:not(:disabled)[b-bet1r7pftm] {
    color: var(--color-danger);
    border-color: var(--color-danger);
}

.validation-error[b-bet1r7pftm],
[b-bet1r7pftm] .validation-message {
    color: var(--color-error);
    font-size: 0.85rem;
    margin-top: 4px;
}

.hint[b-bet1r7pftm] {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-top: 4px;
    display: block;
}
/* /Pages/Admin/Collection/CollectionImport.razor.rz.scp.css */
.edit-grid[b-4tmakrzrd0] {
    display: grid;
    gap: var(--space-6);
}

.section-plants[b-4tmakrzrd0],
.section-cultures[b-4tmakrzrd0] {
    overflow-x: auto;
}

.import-table[b-4tmakrzrd0] {
    font-size: 0.85rem;
}

.import-table .col-notes[b-4tmakrzrd0] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upload-section[b-4tmakrzrd0] {
    max-width: 500px;
}

.import-warnings[b-4tmakrzrd0] {
    background: var(--color-warning);
    color: var(--bg);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-4);
}

.import-warnings p[b-4tmakrzrd0] {
    margin: var(--space-1) 0;
}

.import-result[b-4tmakrzrd0] {
    margin-bottom: var(--space-6);
}

.import-result h2[b-4tmakrzrd0] {
    margin-bottom: var(--space-4);
}
/* /Pages/Admin/Collection/CultureEdit.razor.rz.scp.css */
/* Culture edit grid layout */
.edit-grid[b-gtspy4s4qf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-6);
    align-items: start;
}

.section-identity[b-gtspy4s4qf] {
    grid-column: 1 / -1;
}

.section-children[b-gtspy4s4qf],
.section-plants[b-gtspy4s4qf] {
    grid-column: 1 / -1;
}

.subcultures-header[b-gtspy4s4qf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-4);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--border);
}

.subcultures-header h2[b-gtspy4s4qf] {
    margin: 0;
    padding: 0;
    border: none;
}

.form-row[b-gtspy4s4qf] {
    display: flex;
    gap: var(--space-4);
}

.form-row .form-group[b-gtspy4s4qf] {
    flex: 1;
}

.form-row .form-group.flex-2[b-gtspy4s4qf] {
    flex: 2;
}

.code-input[b-gtspy4s4qf] {
    font-family: monospace;
    letter-spacing: 0.5px;
}

/* Children/subcultures list */
.children-list[b-gtspy4s4qf] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
}

.child-link[b-gtspy4s4qf] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--text);
}

.child-link:hover[b-gtspy4s4qf] {
    background: var(--bg);
    border-color: var(--text-muted);
}

.child-code[b-gtspy4s4qf] {
    font-family: monospace;
    font-size: 0.85rem;
    color: var(--text-muted);
}

.child-species[b-gtspy4s4qf] {
    font-style: italic;
    flex: 1;
}

/* Status badges */
.status-badge[b-gtspy4s4qf] {
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 10px;
}

.status-badge.status-active[b-gtspy4s4qf] {
    background: color-mix(in srgb, var(--color-success) 20%, transparent);
    color: var(--color-success);
}

.status-badge.status-contaminated[b-gtspy4s4qf] {
    background: color-mix(in srgb, var(--color-warning) 20%, transparent);
    color: var(--color-warning);
}

.status-badge.status-dead[b-gtspy4s4qf] {
    background: color-mix(in srgb, var(--color-danger) 20%, transparent);
    color: var(--color-danger);
}

.status-badge.status-deflasked[b-gtspy4s4qf] {
    background: color-mix(in srgb, var(--text-muted) 20%, transparent);
    color: var(--text-muted);
}

.status-badge.status-replated[b-gtspy4s4qf] {
    background: color-mix(in srgb, var(--text-muted) 20%, transparent);
    color: var(--text-muted);
}

@media (max-width: 768px) {
    .edit-grid[b-gtspy4s4qf] {
        grid-template-columns: 1fr;
    }

    .form-row[b-gtspy4s4qf] {
        flex-direction: column;
        gap: 0;
    }
}
/* /Pages/Admin/Collection/Cultures.razor.rz.scp.css */
.cultures-page[b-3smlzyva0p] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.cultures-table[b-3smlzyva0p] {
    table-layout: auto;
}

.cultures-table tbody tr[b-3smlzyva0p] {
    cursor: pointer;
}

.cultures-table tbody tr:hover[b-3smlzyva0p] {
    background: var(--bg-secondary);
}

.cultures-table tbody tr.archived[b-3smlzyva0p] {
    opacity: 0.5;
}

.col-code[b-3smlzyva0p] {
    width: 100px;
    font-family: monospace;
    font-size: 0.85rem;
    color: var(--text-muted);
}

.col-species[b-3smlzyva0p] {
    font-style: italic;
    font-weight: 500;
}

.col-medium[b-3smlzyva0p],
.col-source[b-3smlzyva0p] {
    color: var(--text-muted);
    font-size: 0.9rem;
}

.col-date[b-3smlzyva0p] {
    width: 110px;
    font-size: 0.85rem;
    color: var(--text-muted);
}

.col-children[b-3smlzyva0p] {
    text-align: center;
    width: 50px;
    color: var(--text-muted);
    font-size: 0.85rem;
}

.col-status[b-3smlzyva0p] {
    width: 100px;
}

.col-label[b-3smlzyva0p] {
    width: 40px;
    text-align: center;
}

.status-badge[b-3smlzyva0p] {
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 10px;
}

.status-badge.status-active[b-3smlzyva0p] {
    background: color-mix(in srgb, var(--color-success) 20%, transparent);
    color: var(--color-success);
}

.status-badge.status-contaminated[b-3smlzyva0p] {
    background: color-mix(in srgb, var(--color-warning) 20%, transparent);
    color: var(--color-warning);
}

.status-badge.status-dead[b-3smlzyva0p] {
    background: color-mix(in srgb, var(--color-danger) 20%, transparent);
    color: var(--color-danger);
}

.status-badge.status-deflasked[b-3smlzyva0p] {
    background: color-mix(in srgb, var(--text-muted) 20%, transparent);
    color: var(--text-muted);
}

.status-badge.status-replated[b-3smlzyva0p] {
    background: color-mix(in srgb, var(--text-muted) 20%, transparent);
    color: var(--text-muted);
}

.culture-count[b-3smlzyva0p] {
    font-size: 0.85rem;
    color: var(--text-muted);
    text-align: right;
    padding-top: var(--space-2);
}

@media (max-width: 768px) {
    .col-medium[b-3smlzyva0p],
    .col-source[b-3smlzyva0p],
    .col-date[b-3smlzyva0p] {
        display: none;
    }

    .col-code[b-3smlzyva0p] {
        width: 70px;
    }
}
/* /Pages/Admin/Collection/Labels.razor.rz.scp.css */
.labels-page[b-tyvwxufy9v] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

/* Printer/print status */
.printer-status[b-tyvwxufy9v],
.print-result[b-tyvwxufy9v] {
    padding: 2px var(--space-3);
    border-radius: var(--radius-md);
    font-size: 0.85rem;
}

.status-ok[b-tyvwxufy9v] {
    background: color-mix(in srgb, var(--color-success) 15%, transparent);
    color: var(--color-success);
}

.status-warning[b-tyvwxufy9v] {
    background: color-mix(in srgb, var(--color-warning) 15%, transparent);
    color: var(--color-warning);
}

.status-error[b-tyvwxufy9v] {
    background: color-mix(in srgb, var(--color-danger) 15%, transparent);
    color: var(--color-danger);
}

/* Queue list */
.queue-list[b-tyvwxufy9v] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.queue-item[b-tyvwxufy9v] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-secondary);
}

.label-type[b-tyvwxufy9v] {
    font-size: 0.7rem;
    text-transform: uppercase;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
    flex-shrink: 0;
    width: 72px;
    text-align: center;
    border: none;
    cursor: pointer;
    appearance: none;
}

.label-type.type-plant[b-tyvwxufy9v] {
    background: color-mix(in srgb, var(--color-success) 20%, transparent);
    color: var(--color-success);
}

.label-type.type-culture[b-tyvwxufy9v] {
    background: color-mix(in srgb, var(--color-warning) 20%, transparent);
    color: var(--color-warning);
}

.label-type.type-seed[b-tyvwxufy9v] {
    background: color-mix(in srgb, var(--text-muted) 20%, transparent);
    color: var(--text-muted);
}

.label-type.type-sales[b-tyvwxufy9v] {
    background: color-mix(in srgb, var(--color-primary, #5b6cf6) 20%, transparent);
    color: var(--color-primary, #5b6cf6);
}

.preview-cell[b-tyvwxufy9v] {
    flex: 1;
    min-width: 0;
    background: white;
    border-radius: var(--radius-sm);
    padding: var(--space-1);
    line-height: 0;
}

.preview-img[b-tyvwxufy9v] {
    max-height: 140px;
    width: auto;
    image-rendering: pixelated;
    display: block;
}

.quantity-control[b-tyvwxufy9v] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 0 var(--space-1);
    flex-shrink: 0;
}

.quantity[b-tyvwxufy9v] {
    min-width: 24px;
    text-align: center;
    font-size: 0.85rem;
    font-weight: 500;
}

.btn-delete[b-tyvwxufy9v] {
    color: var(--text-muted);
    font-size: 1.2rem;
    flex-shrink: 0;
}

.btn-delete:hover[b-tyvwxufy9v] {
    color: var(--color-danger);
}

/* Create label modal preview */
.create-preview[b-tyvwxufy9v] {
    background: white;
    border-radius: var(--radius-sm);
    padding: var(--space-2);
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.create-preview img[b-tyvwxufy9v] {
    max-width: 100%;
    height: auto;
    image-rendering: pixelated;
    display: block;
}

.create-preview-empty[b-tyvwxufy9v] {
    color: var(--text-muted);
    font-size: 0.85rem;
    font-style: italic;
}
/* /Pages/Admin/Collection/Media.razor.rz.scp.css */
.media-page[b-sln28mmznj] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.media-table[b-sln28mmznj] {
    table-layout: auto;
}

.col-name[b-sln28mmznj] {
    font-weight: 500;
    white-space: nowrap;
}

.col-desc[b-sln28mmznj] {
    color: var(--text-muted);
    font-size: 0.9rem;
}

.col-cultures[b-sln28mmznj] {
    text-align: center;
    width: 80px;
}

.col-actions[b-sln28mmznj] {
    width: 100px;
    text-align: right;
    white-space: nowrap;
}

.btn-delete[b-sln28mmznj] {
    color: var(--text-muted);
    font-size: 1.2rem;
}

.btn-delete:hover[b-sln28mmznj] {
    color: var(--color-danger);
}
/* /Pages/Admin/Collection/PlantEdit.razor.rz.scp.css */
/* Plant edit grid layout */
.edit-grid[b-p1bl2ag0q1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-6);
    align-items: start;
}

.section-identity[b-p1bl2ag0q1] {
    grid-column: 1;
    grid-row: 1;
    align-self: stretch;
}

.section-images[b-p1bl2ag0q1] {
    grid-column: 2;
    grid-row: 1;
    align-self: stretch;
    display: flex;
    flex-direction: column;
}

.section-images .image-upload[b-p1bl2ag0q1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section-notes[b-p1bl2ag0q1] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
}

.section-notes .form-group[b-p1bl2ag0q1] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.section-notes textarea[b-p1bl2ag0q1] {
    flex: 1;
}

.section-origin[b-p1bl2ag0q1] {
    grid-column: 1;
}

.section-notes[b-p1bl2ag0q1] {
    grid-column: 2;
}

.form-group-checkbox label[b-p1bl2ag0q1] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding-top: var(--space-6);
}

.form-group-checkbox input[type="checkbox"][b-p1bl2ag0q1] {
    width: auto;
}

.form-row[b-p1bl2ag0q1] {
    display: flex;
    gap: var(--space-4);
}

.form-row + .form-row[b-p1bl2ag0q1] {
    margin-top: var(--space-4);
}

.form-row .form-group[b-p1bl2ag0q1] {
    flex: 1;
}

.form-row .form-group.flex-2[b-p1bl2ag0q1] {
    flex: 2;
}

.code-input[b-p1bl2ag0q1] {
    font-family: monospace;
    letter-spacing: 0.5px;
}

/* Image Gallery */
.image-gallery[b-p1bl2ag0q1] {
    display: flex;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: var(--space-2);
    max-width: 100%;
    min-width: 0;
}

.gallery-item[b-p1bl2ag0q1] {
    position: relative;
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    border-radius: var(--radius-md);
    overflow: hidden;
    border: 2px solid var(--border);
}

.gallery-item.primary[b-p1bl2ag0q1] {
    border-color: var(--color-success);
}

.gallery-item img[b-p1bl2ag0q1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-item-actions[b-p1bl2ag0q1] {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    gap: 4px;
}

.btn-set-primary[b-p1bl2ag0q1],
.btn-delete-image[b-p1bl2ag0q1] {
    width: 24px;
    height: 24px;
    border: none;
    border-radius: var(--radius-sm);
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-set-primary[b-p1bl2ag0q1] {
    background: rgba(0, 0, 0, 0.6);
    color: var(--color-warning);
}

.btn-set-primary:hover[b-p1bl2ag0q1] {
    background: var(--color-success);
    color: white;
}

.btn-delete-image[b-p1bl2ag0q1] {
    background: rgba(0, 0, 0, 0.6);
    color: white;
}

.btn-delete-image:hover[b-p1bl2ag0q1] {
    background: var(--color-danger);
}

.primary-badge[b-p1bl2ag0q1] {
    width: 24px;
    height: 24px;
    background: var(--color-success);
    color: white;
    border-radius: var(--radius-sm);
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Image Upload */
.image-upload[b-p1bl2ag0q1] {
    border: 2px dashed var(--border);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    text-align: center;
}

.image-upload input[type="file"][b-p1bl2ag0q1] {
    width: 100%;
}

.upload-hint[b-p1bl2ag0q1] {
    font-size: 0.75rem;
    color: var(--text-muted);
    margin-top: var(--space-2);
    margin-bottom: 0;
}

.uploading[b-p1bl2ag0q1] {
    text-align: center;
    color: var(--text-muted);
    padding: var(--space-2);
    margin-top: var(--space-2);
}

.upload-error[b-p1bl2ag0q1] {
    color: var(--color-danger);
    font-size: 0.85rem;
    margin-top: var(--space-2);
}

/* Cultures section */
.section-cultures[b-p1bl2ag0q1] {
    grid-column: 1 / -1;
}

.cultures-header[b-p1bl2ag0q1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-4);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--border);
}

.cultures-header h2[b-p1bl2ag0q1] {
    margin: 0;
    padding: 0;
    border: none;
}

.cultures-list[b-p1bl2ag0q1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.culture-link[b-p1bl2ag0q1] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--text);
}

.culture-link:hover[b-p1bl2ag0q1] {
    background: var(--bg);
    border-color: var(--text-muted);
}

.culture-code[b-p1bl2ag0q1] {
    font-family: monospace;
    font-size: 0.85rem;
    color: var(--text-muted);
    flex: 1;
}

.status-badge[b-p1bl2ag0q1] {
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 10px;
}

.status-badge.status-active[b-p1bl2ag0q1] {
    background: color-mix(in srgb, var(--color-success) 20%, transparent);
    color: var(--color-success);
}

.status-badge.status-contaminated[b-p1bl2ag0q1] {
    background: color-mix(in srgb, var(--color-warning) 20%, transparent);
    color: var(--color-warning);
}

.status-badge.status-dead[b-p1bl2ag0q1] {
    background: color-mix(in srgb, var(--color-danger) 20%, transparent);
    color: var(--color-danger);
}

.status-badge.status-deflasked[b-p1bl2ag0q1] {
    background: color-mix(in srgb, var(--text-muted) 20%, transparent);
    color: var(--text-muted);
}

.status-badge.status-replated[b-p1bl2ag0q1] {
    background: color-mix(in srgb, var(--text-muted) 20%, transparent);
    color: var(--text-muted);
}

@media (max-width: 768px) {
    .edit-grid[b-p1bl2ag0q1] {
        grid-template-columns: 1fr;
    }

    .form-row[b-p1bl2ag0q1] {
        flex-direction: column;
        gap: 0;
    }
}
/* /Pages/Admin/Collection/Plants.razor.rz.scp.css */
.plants-page[b-t40hbym2pe] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

/* Genus filter dropdown - page-specific */
.genus-filter[b-t40hbym2pe] {
    position: relative;
}

.filter-count[b-t40hbym2pe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--text);
    color: var(--bg);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 0.7rem;
    margin-left: var(--space-1);
}

.genus-dropdown[b-t40hbym2pe] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: var(--z-dropdown);
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--space-2) 0;
    min-width: 200px;
    max-height: 300px;
    overflow-y: auto;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.genus-option[b-t40hbym2pe] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: 6px var(--space-3);
    cursor: pointer;
    font-size: 0.85rem;
}

.genus-option:hover[b-t40hbym2pe] {
    background: var(--bg);
}

.no-genera[b-t40hbym2pe] {
    padding: var(--space-2) var(--space-3);
    color: var(--text-muted);
}

/* Table - page-specific columns */
.plants-table[b-t40hbym2pe] {
    table-layout: auto;
}

.plants-table tbody tr[b-t40hbym2pe] {
    cursor: pointer;
}

.plants-table tbody tr:hover[b-t40hbym2pe] {
    background: var(--bg-secondary);
}

.plants-table tbody tr.archived[b-t40hbym2pe] {
    opacity: 0.5;
}

.col-code[b-t40hbym2pe] {
    width: 100px;
    font-family: monospace;
    font-size: 0.85rem;
    color: var(--text-muted);
}

.col-genus[b-t40hbym2pe] {
    width: 15%;
    font-style: italic;
}

.col-name[b-t40hbym2pe] {
    font-weight: 500;
}

.col-location[b-t40hbym2pe],
.col-origin[b-t40hbym2pe] {
    color: var(--text-muted);
    font-size: 0.9rem;
}

.col-date[b-t40hbym2pe] {
    width: 110px;
    font-size: 0.85rem;
    color: var(--text-muted);
}

.col-status[b-t40hbym2pe] {
    width: 80px;
}

.col-cultures[b-t40hbym2pe] {
    width: 70px;
    text-align: center;
    color: var(--text-muted);
    font-size: 0.85rem;
}

.col-label[b-t40hbym2pe] {
    width: 40px;
    text-align: center;
}

.status-badge[b-t40hbym2pe] {
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 10px;
}

.status-badge.status-active[b-t40hbym2pe] {
    background: color-mix(in srgb, var(--color-success) 20%, transparent);
    color: var(--color-success);
}

.status-badge.status-dead[b-t40hbym2pe] {
    background: color-mix(in srgb, var(--color-danger) 20%, transparent);
    color: var(--color-danger);
}

.status-badge.status-sold[b-t40hbym2pe],
.status-badge.status-given[b-t40hbym2pe] {
    background: color-mix(in srgb, var(--text-muted) 20%, transparent);
    color: var(--text-muted);
}

.status-badge.status-lost[b-t40hbym2pe] {
    background: color-mix(in srgb, var(--color-warning) 20%, transparent);
    color: var(--color-warning);
}

.plant-count[b-t40hbym2pe] {
    font-size: 0.85rem;
    color: var(--text-muted);
    text-align: right;
    padding-top: var(--space-2);
}

/* Prefix management */
.prefix-table[b-t40hbym2pe] {
    margin-bottom: var(--space-4);
}

.prefix-input[b-t40hbym2pe] {
    width: 80px;
    padding: var(--space-1) var(--space-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg);
    color: var(--text);
    font-family: monospace;
    font-size: 0.9rem;
    text-transform: uppercase;
}

.prefix-error[b-t40hbym2pe] {
    color: var(--color-danger);
    font-size: 0.85rem;
    margin-bottom: var(--space-3);
}

@media (max-width: 768px) {
    .col-location[b-t40hbym2pe],
    .col-origin[b-t40hbym2pe],
    .col-date[b-t40hbym2pe] {
        display: none;
    }

    .col-code[b-t40hbym2pe] {
        width: 70px;
    }
}
/* /Pages/Admin/Collection/SeedLotEdit.razor.rz.scp.css */
.code-badge[b-akv2zbsqgb] {
    display: inline-block;
    margin-left: var(--space-3);
    padding: 2px var(--space-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.85rem;
    color: var(--text-muted);
    background: var(--bg-secondary);
}

/* Seed lot edit grid layout */
.edit-grid[b-akv2zbsqgb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-6);
    align-items: start;
}

.section-identity[b-akv2zbsqgb] {
    grid-column: 1 / -1;
}

.section-sowings[b-akv2zbsqgb] {
    grid-column: 1 / -1;
}

.form-row[b-akv2zbsqgb] {
    display: flex;
    gap: var(--space-4);
}

.form-row .form-group[b-akv2zbsqgb] {
    flex: 1;
}

.form-row .form-group.flex-2[b-akv2zbsqgb] {
    flex: 2;
}

/* Sowing cards */
.sowing-card[b-akv2zbsqgb] {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--space-3);
    margin-bottom: var(--space-3);
    background: var(--bg);
}

.sowing-fields[b-akv2zbsqgb] {
    display: flex;
    gap: var(--space-3);
    align-items: end;
}

.sowing-field[b-akv2zbsqgb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sowing-field label[b-akv2zbsqgb] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.sowing-field input[type="date"][b-akv2zbsqgb],
.sowing-field input[type="text"][b-akv2zbsqgb] {
    padding: var(--space-1) var(--space-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg);
    color: var(--text);
    font-size: 0.85rem;
}

.sowing-field.flex-2[b-akv2zbsqgb] {
    flex: 2;
}

.sowing-field.flex-2 input[b-akv2zbsqgb] {
    width: 100%;
}

.tc-field[b-akv2zbsqgb] {
    align-items: center;
}

.quantity-input[b-akv2zbsqgb] {
    width: 80px;
}

.btn-delete-sowing[b-akv2zbsqgb] {
    color: var(--text-muted);
    font-size: 1.2rem;
    line-height: 1;
    align-self: end;
    margin-bottom: 4px;
}

.btn-delete-sowing:hover[b-akv2zbsqgb] {
    color: var(--color-danger);
}

/* Sowing linked plants */
.sowing-plants[b-akv2zbsqgb] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-2);
    padding-top: var(--space-2);
    border-top: 1px solid var(--border);
    flex-wrap: wrap;
}

.sowing-plants-label[b-akv2zbsqgb] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.sowing-plant-link[b-akv2zbsqgb] {
    font-size: 0.8rem;
    padding: 2px 8px;
    background: color-mix(in srgb, var(--text) 10%, transparent);
    border-radius: 10px;
    text-decoration: none;
    color: var(--text);
}

.sowing-plant-link:hover[b-akv2zbsqgb] {
    background: color-mix(in srgb, var(--text) 20%, transparent);
}

@media (max-width: 768px) {
    .edit-grid[b-akv2zbsqgb] {
        grid-template-columns: 1fr;
    }

    .form-row[b-akv2zbsqgb] {
        flex-direction: column;
        gap: 0;
    }

    .sowing-fields[b-akv2zbsqgb] {
        flex-wrap: wrap;
    }
}
/* /Pages/Admin/Collection/Seeds.razor.rz.scp.css */
.seeds-page[b-ud5y82kspr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.seeds-table[b-ud5y82kspr] {
    table-layout: auto;
}

.seeds-table tbody tr[b-ud5y82kspr] {
    cursor: pointer;
}

.seeds-table tbody tr:hover[b-ud5y82kspr] {
    background: var(--bg-secondary);
}

.col-name[b-ud5y82kspr] {
    font-weight: 500;
}

.col-species[b-ud5y82kspr] {
    font-style: italic;
}

.col-source[b-ud5y82kspr],
.col-quantity[b-ud5y82kspr] {
    color: var(--text-muted);
    font-size: 0.9rem;
}

.col-code[b-ud5y82kspr] {
    width: 110px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.85rem;
}

.col-plant[b-ud5y82kspr] {
    font-size: 0.9rem;
}

.col-sowings[b-ud5y82kspr] {
    text-align: center;
    width: 80px;
}

.col-date[b-ud5y82kspr] {
    width: 110px;
    font-size: 0.85rem;
    color: var(--text-muted);
}

.col-label[b-ud5y82kspr] {
    width: 40px;
    text-align: center;
}

.seed-count[b-ud5y82kspr] {
    font-size: 0.85rem;
    color: var(--text-muted);
    text-align: right;
    padding-top: var(--space-2);
}

@media (max-width: 768px) {
    .col-source[b-ud5y82kspr],
    .col-plant[b-ud5y82kspr],
    .col-date[b-ud5y82kspr] {
        display: none;
    }
}
/* /Pages/Admin/Collection/SessionEdit.razor.rz.scp.css */
/* Session edit grid layout */
.edit-grid[b-ictkoipdoi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-6);
    align-items: start;
}

.section-identity[b-ictkoipdoi] {
    grid-column: 1 / -1;
}

.section-items[b-ictkoipdoi] {
    grid-column: 1 / -1;
}

.form-row[b-ictkoipdoi] {
    display: flex;
    gap: var(--space-4);
}

.form-row .form-group[b-ictkoipdoi] {
    flex: 1;
}

.form-row .form-group.flex-2[b-ictkoipdoi] {
    flex: 2;
}

/* Status badges */
.status-badge[b-ictkoipdoi] {
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 10px;
    display: inline-block;
}

.status-badge.status-planning[b-ictkoipdoi] {
    background: color-mix(in srgb, var(--color-warning) 20%, transparent);
    color: var(--color-warning);
}

.status-badge.status-inprogress[b-ictkoipdoi] {
    background: color-mix(in srgb, var(--color-success) 20%, transparent);
    color: var(--color-success);
}

.status-badge.status-completed[b-ictkoipdoi] {
    background: color-mix(in srgb, var(--text-muted) 20%, transparent);
    color: var(--text-muted);
}

/* Session items */
.item-card[b-ictkoipdoi] {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--space-3);
    margin-bottom: var(--space-3);
    background: var(--bg);
}

.item-header[b-ictkoipdoi] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-2);
}

.item-type[b-ictkoipdoi] {
    font-size: 0.7rem;
    text-transform: uppercase;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
}

.item-type.type-culture[b-ictkoipdoi] {
    background: color-mix(in srgb, var(--color-success) 20%, transparent);
    color: var(--color-success);
}

.item-type.type-sowing[b-ictkoipdoi] {
    background: color-mix(in srgb, var(--color-warning) 20%, transparent);
    color: var(--color-warning);
}

.item-type.type-seedlot[b-ictkoipdoi] {
    background: color-mix(in srgb, var(--text-muted) 20%, transparent);
    color: var(--text-muted);
}

.item-source[b-ictkoipdoi] {
    flex: 1;
    font-weight: 500;
}

.btn-delete-item[b-ictkoipdoi] {
    color: var(--text-muted);
    font-size: 1.2rem;
    line-height: 1;
}

.btn-delete-item:hover[b-ictkoipdoi] {
    color: var(--color-danger);
}

.item-fields[b-ictkoipdoi] {
    display: flex;
    gap: var(--space-3);
    align-items: end;
}

.item-field[b-ictkoipdoi] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.item-field label[b-ictkoipdoi] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.item-field input[b-ictkoipdoi],
.item-field select[b-ictkoipdoi] {
    padding: var(--space-1) var(--space-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg);
    color: var(--text);
    font-size: 0.85rem;
}

.vessel-input[b-ictkoipdoi] {
    width: 60px;
}

.item-notes[b-ictkoipdoi] {
    margin-top: var(--space-2);
}

.item-notes input[b-ictkoipdoi] {
    width: 100%;
    padding: var(--space-1) var(--space-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg);
    color: var(--text);
    font-size: 0.85rem;
}

.item-results[b-ictkoipdoi] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-2);
    padding-top: var(--space-2);
    border-top: 1px solid var(--border);
    flex-wrap: wrap;
}

.results-label[b-ictkoipdoi] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.result-link[b-ictkoipdoi] {
    font-size: 0.8rem;
    font-family: monospace;
    padding: 2px 8px;
    background: color-mix(in srgb, var(--color-success) 15%, transparent);
    border-radius: 10px;
    text-decoration: none;
    color: var(--color-success);
}

.result-link:hover[b-ictkoipdoi] {
    background: color-mix(in srgb, var(--color-success) 30%, transparent);
}

/* Add item bar */
.add-item-bar[b-ictkoipdoi] {
    display: flex;
    gap: var(--space-2);
    align-items: center;
    padding-top: var(--space-2);
}

.add-item-bar select[b-ictkoipdoi] {
    padding: var(--space-1) var(--space-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg);
    color: var(--text);
    font-size: 0.85rem;
}

/* Execute confirmation */
.execute-summary[b-ictkoipdoi] {
    margin: var(--space-3) 0;
    padding-left: var(--space-4);
}

.execute-summary li[b-ictkoipdoi] {
    margin-bottom: var(--space-1);
    font-size: 0.9rem;
}

@media (max-width: 768px) {
    .edit-grid[b-ictkoipdoi] {
        grid-template-columns: 1fr;
    }

    .form-row[b-ictkoipdoi] {
        flex-direction: column;
        gap: 0;
    }

    .item-fields[b-ictkoipdoi] {
        flex-wrap: wrap;
    }

    .add-item-bar[b-ictkoipdoi] {
        flex-wrap: wrap;
    }
}
/* /Pages/Admin/Collection/Sessions.razor.rz.scp.css */
.sessions-page[b-9n032w4hj1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.sessions-table[b-9n032w4hj1] {
    table-layout: auto;
}

.sessions-table tbody tr[b-9n032w4hj1] {
    cursor: pointer;
}

.sessions-table tbody tr:hover[b-9n032w4hj1] {
    background: var(--bg-secondary);
}

.col-date[b-9n032w4hj1] {
    width: 110px;
    font-size: 0.85rem;
    color: var(--text-muted);
}

.col-name[b-9n032w4hj1] {
    font-weight: 500;
}

.col-medium[b-9n032w4hj1] {
    color: var(--text-muted);
    font-size: 0.9rem;
}

.col-items[b-9n032w4hj1] {
    text-align: center;
    width: 60px;
}

.col-status[b-9n032w4hj1] {
    width: 100px;
}

.status-badge[b-9n032w4hj1] {
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 10px;
}

.status-badge.status-planning[b-9n032w4hj1] {
    background: color-mix(in srgb, var(--color-warning) 20%, transparent);
    color: var(--color-warning);
}

.status-badge.status-inprogress[b-9n032w4hj1] {
    background: color-mix(in srgb, var(--color-success) 20%, transparent);
    color: var(--color-success);
}

.status-badge.status-completed[b-9n032w4hj1] {
    background: color-mix(in srgb, var(--text-muted) 20%, transparent);
    color: var(--text-muted);
}

@media (max-width: 768px) {
    .col-medium[b-9n032w4hj1] {
        display: none;
    }
}
/* /Pages/Admin/Dashboard.razor.rz.scp.css */
.dashboard[b-isn385t7sy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

.dashboard-warning[b-isn385t7sy] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    background: color-mix(in srgb, var(--color-warning) 15%, var(--bg-secondary));
    border: 1px solid var(--color-warning);
    border-radius: var(--radius-md);
    color: var(--text);
    font-size: 0.95rem;
}

.dashboard-warning svg[b-isn385t7sy] {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    color: var(--color-warning);
}

.dashboard-warning span[b-isn385t7sy] {
    flex: 1;
}

.panel[b-isn385t7sy],
.recent-orders[b-isn385t7sy] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
}

.stock-row[b-isn385t7sy],
.top-row[b-isn385t7sy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}

.top-row[b-isn385t7sy] {
    grid-template-columns: repeat(3, 1fr);
}

.stock-table td a[b-isn385t7sy],
.top-table td a[b-isn385t7sy],
.orders-table td a[b-isn385t7sy] {
    color: var(--text);
    text-decoration: none;
    font-weight: 500;
}

.stock-table td a:hover[b-isn385t7sy],
.top-table td a:hover[b-isn385t7sy],
.orders-table td a:hover[b-isn385t7sy] {
    text-decoration: underline;
}

.col-stock[b-isn385t7sy],
.col-number[b-isn385t7sy] {
    text-align: right;
    white-space: nowrap;
}


.period-stats[b-isn385t7sy] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--space-4);
}

.period-card[b-isn385t7sy] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
}

.period-card.previous[b-isn385t7sy] {
    opacity: 0.6;
}

.period-card h3[b-isn385t7sy] {
    margin: 0 0 var(--space-4);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
}

.period-metrics[b-isn385t7sy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.period-metric[b-isn385t7sy] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.period-metric .stat-value[b-isn385t7sy] {
    font-size: 1.25rem;
    font-weight: 700;
}

.period-metric .stat-label[b-isn385t7sy] {
    font-size: 0.85rem;
    color: var(--text-muted);
}

@media (max-width: 600px) {
    .orders-table[b-isn385t7sy],
    .stock-table[b-isn385t7sy],
    .top-table[b-isn385t7sy] {
        font-size: 0.85rem;
    }

    .orders-table th[b-isn385t7sy],
    .orders-table td[b-isn385t7sy],
    .stock-table th[b-isn385t7sy],
    .stock-table td[b-isn385t7sy],
    .top-table th[b-isn385t7sy],
    .top-table td[b-isn385t7sy] {
        padding: var(--space-2);
    }

    .period-stats[b-isn385t7sy],
    .stock-row[b-isn385t7sy],
    .top-row[b-isn385t7sy] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/Import/Import.razor.rz.scp.css */
.description[b-vsxk235ggv] {
    color: var(--text-muted);
    margin-bottom: var(--space-6);
}

.import-form[b-vsxk235ggv] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    margin-bottom: var(--space-6);
}

.import-form .form-group input[b-vsxk235ggv] {
    font-family: monospace;
}

.import-log[b-vsxk235ggv] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    margin-bottom: var(--space-6);
}

.import-log h2[b-vsxk235ggv] {
    margin-bottom: var(--space-4);
    font-size: 1.1rem;
}

.log-container[b-vsxk235ggv] {
    max-height: 300px;
    overflow-y: auto;
    font-family: monospace;
    font-size: 0.9rem;
}

.log-entry[b-vsxk235ggv] {
    padding: var(--space-1) 0;
    border-bottom: 1px solid var(--border);
}

.log-entry.error[b-vsxk235ggv] {
    color: var(--color-danger);
}

.import-result[b-vsxk235ggv] {
    padding: var(--space-5);
    border-radius: var(--radius-lg);
}

.import-result.success[b-vsxk235ggv] {
    background: color-mix(in srgb, var(--color-success) 10%, transparent);
    border: 1px solid var(--color-success);
}

.import-result.error[b-vsxk235ggv] {
    background: color-mix(in srgb, var(--color-danger) 10%, transparent);
    border: 1px solid var(--color-danger);
}

.import-result h2[b-vsxk235ggv] {
    margin-bottom: var(--space-4);
}

.import-result ul[b-vsxk235ggv] {
    margin: 0;
    padding-left: var(--space-5);
}

.import-result li[b-vsxk235ggv] {
    margin-bottom: var(--space-2);
}

.error-message[b-vsxk235ggv] {
    color: var(--color-danger);
}
/* /Pages/Admin/Orders/OrderCreate.razor.rz.scp.css */
.create-grid[b-h6mgeswpy1] {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: var(--space-4);
    align-items: start;
}

.create-left[b-h6mgeswpy1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.create-right[b-h6mgeswpy1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.customer-mode-toggle[b-h6mgeswpy1] {
    display: flex;
    gap: var(--space-4);
    margin-bottom: var(--space-3);
}

.customer-mode-toggle label[b-h6mgeswpy1] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    cursor: pointer;
    font-size: 0.9rem;
}

.user-search-group[b-h6mgeswpy1] {
    position: relative;
}

.user-search-group input[b-h6mgeswpy1] {
    width: 100%;
}

.clear-user[b-h6mgeswpy1] {
    position: absolute;
    right: var(--space-2);
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
}

.user-results[b-h6mgeswpy1] {
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg);
    max-height: 200px;
    overflow-y: auto;
    margin-top: var(--space-1);
}

.user-result[b-h6mgeswpy1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--space-2) var(--space-3);
    cursor: pointer;
    border-bottom: 1px solid var(--border);
}

.user-result:last-child[b-h6mgeswpy1] {
    border-bottom: none;
}

.user-result:hover[b-h6mgeswpy1] {
    background: var(--bg-secondary);
}

.user-email[b-h6mgeswpy1] {
    font-size: 0.9rem;
}

.user-name[b-h6mgeswpy1] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.product-results[b-h6mgeswpy1] {
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg);
    max-height: 250px;
    overflow-y: auto;
    margin-top: var(--space-1);
}

.product-result[b-h6mgeswpy1] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    cursor: pointer;
    border-bottom: 1px solid var(--border);
}

.product-result:last-child[b-h6mgeswpy1] {
    border-bottom: none;
}

.product-result:hover[b-h6mgeswpy1] {
    background: var(--bg-secondary);
}

.product-result-name[b-h6mgeswpy1] {
    flex: 1;
    font-size: 0.9rem;
}

.product-result-price[b-h6mgeswpy1] {
    font-size: 0.85rem;
    color: var(--text-muted);
}

.product-result-stock[b-h6mgeswpy1] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.selected-product-name[b-h6mgeswpy1] {
    font-weight: 600;
    margin-bottom: var(--space-3);
}

.add-item-actions[b-h6mgeswpy1] {
    display: flex;
    gap: var(--space-2);
    margin-top: var(--space-2);
}

.add-product-area[b-h6mgeswpy1] {
    padding: var(--space-3);
    border: 1px dashed var(--border);
    border-radius: var(--radius-sm);
    margin-bottom: var(--space-4);
}

.items-table[b-h6mgeswpy1] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.items-table th[b-h6mgeswpy1],
.items-table td[b-h6mgeswpy1] {
    padding: var(--space-2) var(--space-2);
    text-align: left;
    border-bottom: 1px solid var(--border);
}

.items-table th[b-h6mgeswpy1] {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: var(--text-muted);
    font-weight: 500;
}

.col-qty[b-h6mgeswpy1],
.col-price[b-h6mgeswpy1],
.col-total[b-h6mgeswpy1] {
    text-align: right;
    white-space: nowrap;
}

.col-actions[b-h6mgeswpy1] {
    text-align: right;
    width: 40px;
}

.variant-info[b-h6mgeswpy1] {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-left: var(--space-1);
}

.total-summary[b-h6mgeswpy1] {
    font-size: 0.9rem;
}

.summary-row[b-h6mgeswpy1] {
    display: flex;
    justify-content: space-between;
    padding: var(--space-1) 0;
    color: var(--text-muted);
}

.summary-row.total-row[b-h6mgeswpy1] {
    font-weight: 600;
    color: var(--text);
    border-top: 1px solid var(--border);
    margin-top: var(--space-2);
    padding-top: var(--space-2);
    font-size: 1rem;
}

.error-text[b-h6mgeswpy1] {
    color: var(--color-danger);
    font-size: 0.85rem;
}

@media (max-width: 900px) {
    .create-grid[b-h6mgeswpy1] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/Orders/OrderDetail.razor.rz.scp.css */
.manual-badge[b-s7u8hoi7cl] {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: var(--color-warning);
    color: #000;
    padding: 2px 8px;
    border-radius: var(--radius-sm);
    margin-left: var(--space-2);
    vertical-align: middle;
}

/* ── Layout ────────────────────────────────────── */
.order-content[b-s7u8hoi7cl] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

/* Row 1: 3 equal-height columns */
.order-meta-row[b-s7u8hoi7cl] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-4);
    align-items: stretch;
}

.order-meta-row .edit-section[b-s7u8hoi7cl] {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

/* ── Discount display in items table ──────────── */
.order-price-original[b-s7u8hoi7cl] {
    text-decoration: line-through;
    opacity: 0.55;
    font-size: 0.85em;
    margin-right: 4px;
}

.order-price-sale[b-s7u8hoi7cl] {
    color: var(--color-danger);
    font-weight: 500;
}

.order-discount-badge[b-s7u8hoi7cl] {
    background: var(--color-danger);
    color: white;
    padding: 1px 5px;
    font-size: 11px;
    font-weight: 600;
    border-radius: var(--radius-sm);
    margin-left: 4px;
}

/* ── Documents table ────────────────────────── */
.doc-table[b-s7u8hoi7cl] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: var(--space-3);
}

.doc-table th[b-s7u8hoi7cl],
.doc-table td[b-s7u8hoi7cl] {
    padding: var(--space-3) var(--space-2);
    text-align: left;
    border-bottom: 1px solid var(--border);
}

.doc-table tbody tr:last-child td[b-s7u8hoi7cl] {
    border-bottom: none;
}

.doc-table th[b-s7u8hoi7cl] {
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
}

.doc-col-amount[b-s7u8hoi7cl] {
    text-align: right;
    width: 100px;
}

.doc-col-actions[b-s7u8hoi7cl] {
    text-align: right;
    white-space: nowrap;
    width: 1px;
}

.doc-col-actions .btn[b-s7u8hoi7cl] {
    margin-left: var(--space-2);
}

.doc-row-cn .cn-type[b-s7u8hoi7cl] {
    color: var(--color-danger);
}

.doc-number[b-s7u8hoi7cl] {
    font-family: monospace;
    font-size: 0.875rem;
}

.doc-date[b-s7u8hoi7cl] {
    font-size: 0.8rem;
    color: var(--text-muted);
    white-space: nowrap;
}

.doc-missing[b-s7u8hoi7cl] {
    font-size: 0.875rem;
    color: var(--text-muted);
}

.doc-footer[b-s7u8hoi7cl] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

/* Inline invoice number editing */
.invoice-edit-inline[b-s7u8hoi7cl] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.invoice-edit-inline input[b-s7u8hoi7cl] {
    padding: var(--space-1) var(--space-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    font-family: monospace;
    background: var(--bg);
    color: var(--text);
    width: 140px;
}

/* ── Status card ───────────────────────────────── */
.status-card[b-s7u8hoi7cl] {
    border-left: 4px solid var(--text);
}

.status-update[b-s7u8hoi7cl] {
    display: flex;
    gap: var(--space-3);
    align-items: center;
}

.status-select[b-s7u8hoi7cl] {
    flex: 1;
    padding: var(--space-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: 1rem;
    background: var(--bg);
    color: var(--text);
}

.suppress-email[b-s7u8hoi7cl] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-2);
    font-size: 0.875rem;
    color: var(--text-muted);
    cursor: pointer;
}

.cancel-order[b-s7u8hoi7cl] {
    margin-top: auto;
    padding-top: var(--space-4);
    border-top: 1px solid var(--border);
}

.cancel-order .btn-secondary[b-s7u8hoi7cl] {
    font-size: 0.875rem;
}

.warning-text[b-s7u8hoi7cl] {
    color: var(--color-danger);
    font-size: 0.875rem;
    margin-bottom: var(--space-3);
}

/* ── Timestamps in customer card ───────────────── */
.meta-timestamps[b-s7u8hoi7cl] {
    margin-top: auto;
    padding-top: var(--space-3);
    border-top: 1px solid var(--border);
}

.meta-timestamps p[b-s7u8hoi7cl] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-2);
    font-size: 0.8rem;
    color: var(--text-muted);
    margin: 0;
    padding: 2px 0;
}

.meta-timestamps span[b-s7u8hoi7cl] {
    color: var(--text-muted);
}

/* ── Info blocks ───────────────────────────────── */
.info-block[b-s7u8hoi7cl] {
    font-size: 0.9375rem;
    line-height: 1.6;
}

.info-block p[b-s7u8hoi7cl] {
    margin: 0;
}

.customer-name[b-s7u8hoi7cl] {
    font-weight: 600;
}

.customer-email a[b-s7u8hoi7cl] {
    color: var(--text);
    text-decoration: none;
}

.customer-email a:hover[b-s7u8hoi7cl] {
    text-decoration: underline;
}

.phone[b-s7u8hoi7cl] {
    margin-top: var(--space-2) !important;
    color: var(--text-muted);
}

.shipping-method[b-s7u8hoi7cl] {
    font-weight: 500;
}

.drop-off[b-s7u8hoi7cl],
.carrier[b-s7u8hoi7cl] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.tracking[b-s7u8hoi7cl] {
    margin-top: var(--space-2) !important;
    padding: var(--space-2);
    background: var(--bg);
    border-radius: var(--radius-sm);
    font-family: monospace;
    font-size: 0.875rem;
}

/* ── Items table ───────────────────────────────── */
.items-table[b-s7u8hoi7cl] {
    width: 100%;
    border-collapse: collapse;
}

.items-table th[b-s7u8hoi7cl],
.items-table td[b-s7u8hoi7cl] {
    padding: var(--space-3) var(--space-2);
    text-align: left;
    border-bottom: 1px solid var(--border);
}

.items-table th[b-s7u8hoi7cl] {
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
}

.items-table .variant-info[b-s7u8hoi7cl] {
    display: block;
    font-size: 0.8rem;
    color: var(--text-muted);
    font-weight: normal;
}

.col-qty[b-s7u8hoi7cl],
.col-price[b-s7u8hoi7cl],
.col-total[b-s7u8hoi7cl] {
    text-align: right;
    width: 80px;
}

.col-actions[b-s7u8hoi7cl] {
    width: 40px;
    text-align: center;
}

.qty-value[b-s7u8hoi7cl] {
    cursor: pointer;
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-sm);
}

.qty-value:hover[b-s7u8hoi7cl] {
    background: var(--bg);
}

.qty-edit[b-s7u8hoi7cl] {
    width: 60px;
    padding: var(--space-1);
    text-align: right;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg);
    color: var(--text);
    font-size: inherit;
}

.confirm-remove[b-s7u8hoi7cl] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: 0.8rem;
    white-space: nowrap;
}

.items-table tfoot td[b-s7u8hoi7cl] {
    border-bottom: none;
    padding-top: var(--space-4);
}

.subtotal-label[b-s7u8hoi7cl],
.total-label[b-s7u8hoi7cl] {
    text-align: right;
    color: var(--text-muted);
}

.vat-row[b-s7u8hoi7cl] {
    font-size: 0.85rem;
}

.total-row[b-s7u8hoi7cl] {
    font-weight: 600;
    font-size: 1.1rem;
}

.total-row .total-label[b-s7u8hoi7cl] {
    color: var(--text);
}

/* ── Documents row ─────────────────────────────── */
.button-row[b-s7u8hoi7cl] {
    display: flex;
    gap: var(--space-2);
    margin-top: var(--space-3);
}

.info-block .btn-icon[b-s7u8hoi7cl] {
    width: 24px;
    height: 24px;
    margin-left: var(--space-2);
    vertical-align: middle;
}


.cn-reason[b-s7u8hoi7cl] {
    color: var(--text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 160px;
}

.cn-stripe[b-s7u8hoi7cl] {
    font-size: 0.75rem;
    color: var(--text-muted);
    background: var(--bg-secondary);
    padding: 1px 5px;
    border-radius: var(--radius-sm);
    white-space: nowrap;
}

.fully-refunded[b-s7u8hoi7cl] {
    font-size: 0.875rem;
    color: var(--color-success);
    margin-top: var(--space-2);
}


/* ── Modals ────────────────────────────────────── */
.add-item-modal[b-s7u8hoi7cl] {
    max-width: 500px;
    width: 100%;
}

.add-item-modal input[type="text"][b-s7u8hoi7cl] {
    width: 100%;
    padding: var(--space-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg);
    color: var(--text);
    font-size: 0.9375rem;
}

.product-results[b-s7u8hoi7cl] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
}

.product-result[b-s7u8hoi7cl] {
    display: flex;
    justify-content: space-between;
    padding: var(--space-2) var(--space-3);
    cursor: pointer;
    border-bottom: 1px solid var(--border);
}

.product-result:last-child[b-s7u8hoi7cl] {
    border-bottom: none;
}

.product-result:hover[b-s7u8hoi7cl] {
    background: var(--bg);
}

.product-result-price[b-s7u8hoi7cl] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.selected-product[b-s7u8hoi7cl] {
    margin-top: var(--space-3);
}

.selected-product-name[b-s7u8hoi7cl] {
    font-weight: 600;
    margin-bottom: var(--space-3);
}

.selected-product select[b-s7u8hoi7cl] {
    width: 100%;
    padding: var(--space-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg);
    color: var(--text);
}

.selected-product input[type="number"][b-s7u8hoi7cl] {
    width: 80px;
    padding: var(--space-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg);
    color: var(--text);
}

.credit-note-modal[b-s7u8hoi7cl] {
    max-width: 480px;
    width: 100%;
}

.credit-note-modal textarea[b-s7u8hoi7cl] {
    width: 100%;
    resize: vertical;
    padding: var(--space-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg);
    color: var(--text);
    font-family: inherit;
    font-size: 0.875rem;
}

.checkbox-group[b-s7u8hoi7cl] {
    margin-top: var(--space-2);
}

.checkbox-group label[b-s7u8hoi7cl] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    cursor: pointer;
    font-size: 0.875rem;
}

.checkbox-group input[type="checkbox"][b-s7u8hoi7cl] {
    width: auto;
    padding: 0;
    flex-shrink: 0;
}

.max-hint[b-s7u8hoi7cl] {
    font-size: 0.75rem;
    color: var(--text-muted);
    font-weight: normal;
}

/* ── Responsive ────────────────────────────────── */
@media (max-width: 900px) {
    .order-meta-row[b-s7u8hoi7cl] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .order-meta-row[b-s7u8hoi7cl] {
        grid-template-columns: 1fr;
    }

    .doc-row[b-s7u8hoi7cl] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/Admin/Orders/Orders.razor.rz.scp.css */
.orders-table td a[b-7cze39jy3b] {
    color: var(--text);
    text-decoration: none;
    font-weight: 500;
}

.orders-table td a:hover[b-7cze39jy3b] {
    text-decoration: underline;
}

.customer-name[b-7cze39jy3b] {
    display: block;
    font-weight: 500;
}

.customer-email[b-7cze39jy3b] {
    display: block;
    font-size: 0.75rem;
    color: var(--text-muted);
}

.col-total[b-7cze39jy3b] {
    text-align: right;
    font-weight: 500;
}

@media (max-width: 768px) {
    .orders-table[b-7cze39jy3b] {
        display: block;
        overflow-x: auto;
    }
}
/* /Pages/Admin/Products/ProductEdit.razor.rz.scp.css */
/* Product edit grid - 3 column layout */
.toolbar-left h1[b-pvg0cex8rr] {
    margin: 0;
    font-size: 1.5rem;
}

.edit-grid[b-pvg0cex8rr] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: var(--space-6);
    align-items: start;
}

/* Settings: left column, spans 2 rows */
.section-settings[b-pvg0cex8rr] {
    grid-column: 1;
    grid-row: 1 / 3;
}

/* Details: center column, spans 2 rows */
.section-details[b-pvg0cex8rr] {
    grid-column: 2;
    grid-row: 1 / 3;
}

/* Images: right column, row 1 */
.section-images[b-pvg0cex8rr] {
    grid-column: 3;
    grid-row: 1;
}

/* Labels: right column, row 2 */
.section-labels[b-pvg0cex8rr] {
    grid-column: 3;
    grid-row: 2;
}

/* Form Elements */
.form-group[b-pvg0cex8rr] {
    margin-bottom: var(--space-4);
}

.form-group:last-child[b-pvg0cex8rr] {
    margin-bottom: 0;
}

.checkbox-group[b-pvg0cex8rr] {
    margin-top: var(--space-2);
}

.validation-error[b-pvg0cex8rr],
[b-pvg0cex8rr] .validation-message {
    color: var(--color-error);
    font-size: 0.85rem;
    margin-top: 4px;
}

.hint[b-pvg0cex8rr] {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-top: 4px;
    display: block;
}

/* AI Actions */
.ai-actions[b-pvg0cex8rr] {
    display: flex;
    gap: var(--space-2);
    margin-top: var(--space-3);
}

.btn-ai[b-pvg0cex8rr] {
    padding: var(--space-2) var(--space-3);
    background: var(--bg);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    font-size: 0.85rem;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.btn-ai:hover:not(:disabled)[b-pvg0cex8rr] {
    border-color: var(--text-muted);
}

.btn-ai:disabled[b-pvg0cex8rr] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Image Gallery */
.image-gallery[b-pvg0cex8rr] {
    display: flex;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: var(--space-2);
    max-width: 100%;
    min-width: 0;
}

.gallery-item[b-pvg0cex8rr] {
    position: relative;
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    border-radius: var(--radius-md);
    overflow: hidden;
    border: 2px solid var(--border);
}

.gallery-item.primary[b-pvg0cex8rr] {
    border-color: var(--color-success);
}

.gallery-item img[b-pvg0cex8rr] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-item-actions[b-pvg0cex8rr] {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    gap: 4px;
}

.btn-set-primary[b-pvg0cex8rr],
.btn-delete-image[b-pvg0cex8rr] {
    width: 24px;
    height: 24px;
    border: none;
    border-radius: var(--radius-sm);
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-set-primary[b-pvg0cex8rr] {
    background: rgba(0, 0, 0, 0.6);
    color: var(--color-warning);
}

.btn-set-primary:hover[b-pvg0cex8rr] {
    background: var(--color-success);
    color: white;
}

.btn-delete-image[b-pvg0cex8rr] {
    background: rgba(0, 0, 0, 0.6);
    color: white;
}

.btn-delete-image:hover[b-pvg0cex8rr] {
    background: var(--color-danger);
}

.primary-badge[b-pvg0cex8rr] {
    width: 24px;
    height: 24px;
    background: var(--color-success);
    color: white;
    border-radius: var(--radius-sm);
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Image Upload */
.image-upload[b-pvg0cex8rr] {
    border: 2px dashed var(--border);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    text-align: center;
}

.image-upload input[type="file"][b-pvg0cex8rr] {
    width: 100%;
}

.upload-hint[b-pvg0cex8rr] {
    font-size: 0.75rem;
    color: var(--text-muted);
    margin-top: var(--space-2);
    margin-bottom: 0;
}

.uploading[b-pvg0cex8rr] {
    text-align: center;
    color: var(--text-muted);
    padding: var(--space-2);
    margin-top: var(--space-2);
}

/* Pricing Section */
.pricing-section[b-pvg0cex8rr] {
    margin-top: var(--space-6);
}

.pricing-toggle[b-pvg0cex8rr] {
    margin-bottom: var(--space-4);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--border);
}

.pricing-fields[b-pvg0cex8rr] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--space-4);
    max-width: 600px;
}

.sale-input[b-pvg0cex8rr] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.sale-input[b-pvg0cex8rr]  input {
    min-width: 0;
    flex: 1;
}

.sale-input span[b-pvg0cex8rr] {
    color: var(--text-muted);
    font-size: 0.9rem;
    white-space: nowrap;
}

/* Variants Table */
.variants-table[b-pvg0cex8rr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
}

.variants-header[b-pvg0cex8rr] {
    display: grid;
    grid-template-columns: 50px 1fr 1fr 100px 110px 80px 120px 40px;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-3);
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted);
}

.variant-row[b-pvg0cex8rr] {
    display: grid;
    grid-template-columns: 50px 1fr 1fr 100px 110px 80px 120px 40px;
    gap: var(--space-3);
    padding: var(--space-3);
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    align-items: center;
}

.variant-reorder[b-pvg0cex8rr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.btn-reorder[b-pvg0cex8rr] {
    width: 24px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    font-size: 12px;
    cursor: pointer;
    transition: all 0.15s;
    padding: 0;
}

.btn-reorder:hover:not(:disabled)[b-pvg0cex8rr] {
    color: var(--text);
    border-color: var(--text-muted);
}

.btn-reorder:disabled[b-pvg0cex8rr] {
    opacity: 0.3;
    cursor: not-allowed;
}

.variant-row > select[b-pvg0cex8rr],
.variant-row[b-pvg0cex8rr]  input {
    width: 100%;
    padding: 12px 14px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 6px;
    font-size: 14px;
    color: var(--text);
    font-family: inherit;
    transition: border-color 0.2s;
}

.variant-row > select:focus[b-pvg0cex8rr],
.variant-row[b-pvg0cex8rr]  input:focus {
    outline: none;
    border-color: var(--text-muted);
}

.variant-row[b-pvg0cex8rr]  input::placeholder {
    color: var(--text-faint);
}

.btn-delete-variant[b-pvg0cex8rr] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    font-size: 18px;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-delete-variant:hover[b-pvg0cex8rr] {
    color: var(--color-danger);
    border-color: var(--color-danger);
}

/* Responsive */
@media (max-width: 1200px) {
    .edit-grid[b-pvg0cex8rr] {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }

    .section-settings[b-pvg0cex8rr],
    .section-details[b-pvg0cex8rr],
    .section-images[b-pvg0cex8rr],
    .section-labels[b-pvg0cex8rr] {
        grid-column: auto;
        grid-row: auto;
    }

    .variants-header[b-pvg0cex8rr],
    .variant-row[b-pvg0cex8rr] {
        grid-template-columns: 50px 1fr 1fr 100px 110px 80px 100px 40px;
    }
}

@media (max-width: 768px) {
    .edit-grid[b-pvg0cex8rr] {
        grid-template-columns: 1fr;
    }

    .pricing-fields[b-pvg0cex8rr] {
        grid-template-columns: 1fr;
        max-width: none;
    }

    .variants-header[b-pvg0cex8rr] {
        display: none;
    }

    .variant-row[b-pvg0cex8rr] {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-2);
    }

    .variant-row > *:nth-child(5)[b-pvg0cex8rr],
    .variant-row > *:nth-child(6)[b-pvg0cex8rr] {
        grid-column: span 1;
    }
}
/* /Pages/Admin/Products/Products.razor.rz.scp.css */
.products-page[b-1tma23tv1e] {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

/* Table uses global .table class, these are product-specific column styles */
.products-table[b-1tma23tv1e] {
    table-layout: fixed;
}

.products-table tbody tr.inactive[b-1tma23tv1e] {
    opacity: 0.5;
}

.col-image[b-1tma23tv1e] {
    width: 60px;
}

.col-name[b-1tma23tv1e] {
    width: 30%;
}

.col-origin[b-1tma23tv1e] {
    width: 15%;
    color: var(--text-muted);
    font-size: 0.9rem;
}

.col-category[b-1tma23tv1e] {
    width: 15%;
}

.col-image img[b-1tma23tv1e] {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: var(--radius-sm);
}

.col-image .no-image[b-1tma23tv1e] {
    color: var(--text-faint);
}

.products-table td a[b-1tma23tv1e] {
    color: var(--text);
    text-decoration: none;
    font-weight: 500;
}

.products-table td a:hover[b-1tma23tv1e] {
    text-decoration: underline;
}

.slug[b-1tma23tv1e] {
    display: block;
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-top: 2px;
}

.col-price[b-1tma23tv1e],
.col-stock[b-1tma23tv1e] {
    width: 100px;
    text-align: right;
}

.col-stock.out-of-stock[b-1tma23tv1e] {
    color: var(--color-danger);
}

.col-status[b-1tma23tv1e] {
    width: 60px;
    text-align: center;
}

.status-active[b-1tma23tv1e] {
    color: var(--color-success);
}

.status-inactive[b-1tma23tv1e] {
    color: var(--text-faint);
}


.btn-delete:hover[b-1tma23tv1e] {
    color: var(--color-danger);
    border-color: var(--color-danger);
}

@media (max-width: 768px) {
    .products-table[b-1tma23tv1e] {
        font-size: 0.85rem;
    }

    .products-table th[b-1tma23tv1e],
    .products-table td[b-1tma23tv1e] {
        padding: 10px 12px;
    }

    .col-image[b-1tma23tv1e] {
        display: none;
    }

    .slug[b-1tma23tv1e] {
        display: none;
    }
}
/* /Pages/Admin/Settings/Settings.razor.rz.scp.css */
.settings-page[b-lcirs1ssx1] {
    max-width: 100%;
}

.settings-sections[b-lcirs1ssx1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

/* Collapsible Sections */
.settings-section[b-lcirs1ssx1] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.section-toggle[b-lcirs1ssx1] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background-color 0.15s;
}

.section-toggle:hover[b-lcirs1ssx1] {
    background: var(--bg);
}

.section-icon[b-lcirs1ssx1] {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 300;
    color: var(--text-muted);
}

.section-toggle h2[b-lcirs1ssx1] {
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
    color: var(--text);
}

.section-content[b-lcirs1ssx1] {
    padding: var(--space-5);
    border-top: 1px solid var(--border);
}

.section-divider[b-lcirs1ssx1] {
    height: 1px;
    background: var(--border);
    margin: var(--space-5) 0;
}

/* Settings Blocks */
.settings-block[b-lcirs1ssx1] {
    margin-bottom: var(--space-5);
}

.settings-block:last-child[b-lcirs1ssx1] {
    margin-bottom: 0;
}

.settings-block h3[b-lcirs1ssx1] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted);
    margin: 0 0 var(--space-4) 0;
}

/* Integrations Grid */
.integrations-grid[b-lcirs1ssx1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--space-4);
}

.integrations-grid .settings-block[b-lcirs1ssx1] {
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    margin-bottom: 0;
}

.integrations-grid .settings-block h3[b-lcirs1ssx1] {
    margin-bottom: var(--space-3);
}

/* Form overrides for settings (flex-based multi-column rows) */
.form-group textarea[b-lcirs1ssx1] {
    min-height: 80px;
    font-family: monospace;
    font-size: 0.85rem;
}

.form-group.checkbox label[b-lcirs1ssx1] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    cursor: pointer;
}

.form-group.checkbox input[b-lcirs1ssx1] {
    width: auto;
}

.form-group.checkbox-inline[b-lcirs1ssx1] {
    display: flex;
    align-items: flex-end;
    padding-bottom: 8px;
}

.form-group.checkbox-inline label[b-lcirs1ssx1] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    cursor: pointer;
    white-space: nowrap;
}

.form-group.checkbox-inline input[b-lcirs1ssx1] {
    width: auto;
}

.form-row[b-lcirs1ssx1] {
    display: flex;
    gap: var(--space-4);
    align-items: flex-start;
}

.form-row .form-group[b-lcirs1ssx1] {
    flex: 1;
}

.form-row .form-group.flex-grow[b-lcirs1ssx1] {
    flex: 2;
}

.button-row[b-lcirs1ssx1] {
    display: flex;
    gap: var(--space-3);
    margin-top: var(--space-4);
}

/* Translation Tabs */
.translation-tabs[b-lcirs1ssx1] {
    display: flex;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
}

.translation-tabs .tab[b-lcirs1ssx1] {
    padding: 6px var(--space-3);
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-muted);
    transition: all 0.15s;
}

.translation-tabs .tab:hover[b-lcirs1ssx1] {
    border-color: var(--text-muted);
}

.translation-tabs .tab.active[b-lcirs1ssx1] {
    background: var(--text);
    color: var(--bg);
    border-color: var(--text);
}

/* Input with suffix */
.input-with-suffix[b-lcirs1ssx1] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.input-with-suffix input[b-lcirs1ssx1] {
    flex: 1;
}

.input-with-suffix .suffix[b-lcirs1ssx1] {
    color: var(--text-muted);
    font-size: 0.85rem;
    white-space: nowrap;
}

/* Printer status */
.printer-status[b-lcirs1ssx1] {
    margin-bottom: var(--space-4);
}

.status-row[b-lcirs1ssx1] {
    display: flex;
    gap: var(--space-2);
    align-items: center;
}

.status-value.available[b-lcirs1ssx1] {
    color: var(--color-success);
}

.status-value.unavailable[b-lcirs1ssx1] {
    color: var(--color-danger);
}

.printer-info pre[b-lcirs1ssx1] {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-top: var(--space-2);
}

/* Country checkboxes for free shipping */
.country-checkboxes[b-lcirs1ssx1] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2) var(--space-4);
    padding: var(--space-3);
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    max-height: 200px;
    overflow-y: auto;
}

.country-checkboxes .checkbox-inline[b-lcirs1ssx1] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    cursor: pointer;
    font-size: 0.85rem;
    white-space: nowrap;
    min-width: 120px;
}

.country-checkboxes .checkbox-inline input[b-lcirs1ssx1] {
    width: auto;
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .section-toggle[b-lcirs1ssx1] {
        padding: var(--space-3) var(--space-4);
    }

    .section-content[b-lcirs1ssx1] {
        padding: var(--space-4);
    }

    .form-row[b-lcirs1ssx1] {
        flex-direction: column;
        gap: 0;
    }

    .form-row .form-group[b-lcirs1ssx1],
    .form-row .form-group.flex-grow[b-lcirs1ssx1] {
        flex: none;
        width: 100% !important;
    }

    .integrations-grid[b-lcirs1ssx1] {
        grid-template-columns: 1fr;
    }

    .form-group.checkbox-inline[b-lcirs1ssx1] {
        padding-bottom: 0;
        margin-bottom: var(--space-4);
    }
}
/* /Pages/Admin/Shipping/Shipping.razor.rz.scp.css */
.shipping-page[b-q2n6uzbkpg] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.bulk-actions[b-q2n6uzbkpg] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    flex-wrap: wrap;
}

.selection-count[b-q2n6uzbkpg] {
    font-size: 0.85rem;
    color: var(--text-muted);
    margin-right: var(--space-2);
}

.printer-warning[b-q2n6uzbkpg] {
    padding: var(--space-2) var(--space-4);
    background: color-mix(in srgb, var(--color-warning) 15%, transparent);
    border: 1px solid var(--color-warning);
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
}

/* Table column widths */
.shipping-table .col-check[b-q2n6uzbkpg] { width: 36px; }
.shipping-table .col-status[b-q2n6uzbkpg] { width: 80px; text-align: center; }
.shipping-table .col-packlink[b-q2n6uzbkpg] { width: 160px; }
.shipping-table .col-tracking[b-q2n6uzbkpg] { width: 160px; }
.shipping-table .col-actions[b-q2n6uzbkpg] { width: 100px; }

.shipping-table tr.selected td[b-q2n6uzbkpg] {
    background: color-mix(in srgb, var(--color-success) 8%, transparent);
}

.status-indicator[b-q2n6uzbkpg] {
    font-size: 1rem;
    margin-right: var(--space-1);
}

.status-indicator.done[b-q2n6uzbkpg] { color: var(--color-success); }
.status-indicator.pending[b-q2n6uzbkpg] { color: var(--text-muted); }

.btn-icon[b-q2n6uzbkpg] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    padding: 2px 4px;
    border-radius: var(--radius-sm);
    opacity: 0.7;
    transition: opacity 0.15s;
}

.btn-icon:hover:not(:disabled)[b-q2n6uzbkpg] { opacity: 1; }
.btn-icon:disabled[b-q2n6uzbkpg] { opacity: 0.3; cursor: default; }

.note-indicator[b-q2n6uzbkpg] {
    margin-left: var(--space-1);
    cursor: help;
}

.order-total[b-q2n6uzbkpg] {
    display: block;
    font-size: 0.8rem;
    color: var(--text-muted);
}

.customer-name[b-q2n6uzbkpg] { display: block; font-weight: 500; }
.customer-address[b-q2n6uzbkpg] { display: block; font-size: 0.8rem; color: var(--text-muted); }
.shipping-method[b-q2n6uzbkpg] { display: block; font-size: 0.8rem; color: var(--text-muted); }

.items-list[b-q2n6uzbkpg] {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
}

.items-list li[b-q2n6uzbkpg] { margin-bottom: 2px; }
.qty[b-q2n6uzbkpg] { font-weight: 600; margin-right: 4px; }
.origin[b-q2n6uzbkpg], .variant[b-q2n6uzbkpg] { color: var(--text-muted); font-size: 0.8rem; }

.packlink-ref[b-q2n6uzbkpg] {
    font-family: monospace;
    font-size: 0.8rem;
    color: var(--color-success);
}

.tracking-link[b-q2n6uzbkpg] {
    font-size: 0.8rem;
    display: block;
}

.delivery-date[b-q2n6uzbkpg] {
    display: block;
    font-size: 0.75rem;
    color: var(--text-muted);
}

.text-muted[b-q2n6uzbkpg] {
    color: var(--text-muted);
}
/* /Pages/Admin/Users/UserDetail.razor.rz.scp.css */
/* Layout grid */
.user-content[b-xbc1i1fpif] {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: var(--space-5);
}

.user-main .edit-section[b-xbc1i1fpif],
.user-sidebar .edit-section[b-xbc1i1fpif] {
    margin-bottom: var(--space-4);
}

/* Section title row with edit button */
.section-title-row[b-xbc1i1fpif] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-4);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--border);
}

.section-title-row h2[b-xbc1i1fpif] {
    margin: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.empty-message[b-xbc1i1fpif] {
    color: var(--text-muted);
    text-align: center;
    padding: var(--space-4);
}

/* Table columns */
.col-qty[b-xbc1i1fpif],
.col-price[b-xbc1i1fpif],
.col-total[b-xbc1i1fpif] {
    text-align: right;
    width: 80px;
}

.col-actions[b-xbc1i1fpif] {
    width: 40px;
    text-align: center;
}

.btn-link[b-xbc1i1fpif] {
    color: var(--text);
    text-decoration: none;
    font-weight: 500;
}

.btn-link:hover[b-xbc1i1fpif] {
    text-decoration: underline;
}

/* Cart table */
.cart-table tfoot td[b-xbc1i1fpif] {
    border-bottom: none;
    padding-top: var(--space-4);
    font-weight: 600;
}

.total-label[b-xbc1i1fpif] {
    text-align: right;
}

/* Info display */
.info-block[b-xbc1i1fpif] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.info-row[b-xbc1i1fpif] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.info-row .label[b-xbc1i1fpif] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.info-row .value[b-xbc1i1fpif] {
    font-weight: 500;
}

/* Stats */
.stats[b-xbc1i1fpif] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}

.stat[b-xbc1i1fpif] {
    text-align: center;
    padding: var(--space-3);
    background: var(--bg);
    border-radius: var(--radius-lg);
}

.stat .stat-value[b-xbc1i1fpif] {
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text);
}

.stat .stat-label[b-xbc1i1fpif] {
    display: block;
    font-size: 0.75rem;
    color: var(--text-muted);
    margin-top: var(--space-1);
}

/* Edit Forms */
.edit-form[b-xbc1i1fpif] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.edit-form .form-row[b-xbc1i1fpif] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
}

.form-actions[b-xbc1i1fpif] {
    display: flex;
    gap: var(--space-2);
    margin-top: var(--space-2);
}

/* Address Display */
.address-display[b-xbc1i1fpif] {
    line-height: 1.6;
}

.address-display p[b-xbc1i1fpif] {
    margin: 0;
}

.address-display .phone[b-xbc1i1fpif] {
    margin-top: var(--space-2);
    color: var(--text-muted);
}

@media (max-width: 900px) {
    .user-content[b-xbc1i1fpif] {
        grid-template-columns: 1fr;
    }

    .user-sidebar[b-xbc1i1fpif] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-4);
    }

    .user-sidebar .edit-section[b-xbc1i1fpif] {
        margin-bottom: 0;
    }
}

@media (max-width: 600px) {
    .user-sidebar[b-xbc1i1fpif] {
        grid-template-columns: 1fr;
    }

    .orders-table[b-xbc1i1fpif],
    .cart-table[b-xbc1i1fpif] {
        display: block;
        overflow-x: auto;
    }
}
/* /Pages/Admin/Users/Users.razor.rz.scp.css */
.users-table td a[b-oi81nx5m90] {
    color: var(--text);
    text-decoration: none;
    font-weight: 500;
}

.users-table td a:hover[b-oi81nx5m90] {
    text-decoration: underline;
}

.no-name[b-oi81nx5m90] {
    color: var(--text-muted);
}

.col-orders[b-oi81nx5m90],
.col-spent[b-oi81nx5m90] {
    text-align: right;
    width: 100px;
}

@media (max-width: 768px) {
    .users-table[b-oi81nx5m90] {
        display: block;
        overflow-x: auto;
    }
}
/* /Pages/Cart.razor.rz.scp.css */

.empty-cart[b-ay732d96c9] {
    text-align: center;
    padding: 60px 0;
}

.empty-cart p[b-ay732d96c9] {
    color: var(--text-muted);
    margin-bottom: 24px;
}

.continue-shopping[b-ay732d96c9] {
    display: inline-block;
    padding: 12px 24px;
    background: var(--text);
    color: var(--bg);
    font-size: 14px;
}

.cart-container[b-ay732d96c9] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 48px;
}

.cart-item[b-ay732d96c9] {
    display: grid;
    grid-template-columns: 80px 1fr auto auto auto;
    gap: var(--space-6);
    align-items: center;
    padding: var(--space-6) 0;
    border-bottom: 1px solid var(--border);
}

.item-image[b-ay732d96c9] {
    width: 80px;
    height: 80px;
    background: var(--bg-secondary);
}

.item-image img[b-ay732d96c9] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-details[b-ay732d96c9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.item-name[b-ay732d96c9] {
    font-weight: 500;
}

.item-variant[b-ay732d96c9] {
    font-size: 13px;
    color: var(--text-muted);
}

.item-price[b-ay732d96c9] {
    font-size: 14px;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.cart-price-original[b-ay732d96c9] {
    text-decoration: line-through;
    opacity: 0.6;
}

.cart-price-sale[b-ay732d96c9] {
    color: var(--color-danger);
    font-weight: 500;
}

.cart-discount-badge[b-ay732d96c9] {
    background: var(--color-danger);
    color: white;
    padding: 1px 5px;
    font-size: 11px;
    font-weight: 600;
    border-radius: var(--radius-sm);
}

.item-quantity[b-ay732d96c9] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.item-quantity button[b-ay732d96c9] {
    width: 28px;
    height: 28px;
    border: 1px solid var(--border);
    background: var(--bg);
    color: var(--text);
    cursor: pointer;
    font-size: 16px;
}

.item-quantity button:disabled[b-ay732d96c9] {
    opacity: 0.5;
    cursor: not-allowed;
}

.item-total[b-ay732d96c9] {
    font-weight: 500;
    min-width: 80px;
    text-align: right;
}

.remove-btn[b-ay732d96c9] {
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.remove-btn svg[b-ay732d96c9] {
    width: 18px;
    height: 18px;
}

.remove-btn:hover[b-ay732d96c9] {
    color: var(--text);
}

.cart-summary[b-ay732d96c9] {
    background: var(--bg-secondary);
    padding: var(--space-6);
    height: fit-content;
}

.summary-row[b-ay732d96c9] {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--border);
}

.summary-row.total[b-ay732d96c9] {
    font-weight: 500;
    font-size: 18px;
    border-bottom: none;
    padding-top: 16px;
}

.free-shipping-hint[b-ay732d96c9] {
    background: var(--info-bg, #dbeafe);
    color: var(--info, #3b82f6);
    padding: 12px 14px;
    border-radius: var(--radius-md, 6px);
    font-size: 13px;
    margin-top: var(--space-4);
    text-align: center;
}

.minimum-order-hint[b-ay732d96c9] {
    background: #fef3c7;
    color: #92400e;
    padding: 12px 14px;
    border-radius: var(--radius-md, 6px);
    font-size: 13px;
    margin-top: var(--space-4);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
}

.minimum-order-info[b-ay732d96c9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(146, 64, 14, 0.15);
    border: 1px solid rgba(146, 64, 14, 0.3);
    font-size: 11px;
    font-weight: 600;
    color: #92400e;
    text-decoration: none;
    flex-shrink: 0;
}

.minimum-order-info:hover[b-ay732d96c9] {
    background: #92400e;
    color: #fef3c7;
    border-color: #92400e;
}

.checkout-btn[b-ay732d96c9] {
    display: block;
    width: 100%;
    padding: var(--space-4);
    background: var(--text);
    color: var(--bg);
    border: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin-top: var(--space-6);
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
}

.checkout-btn:hover[b-ay732d96c9] {
    opacity: 0.9;
}

.checkout-btn:disabled[b-ay732d96c9] {
    opacity: 0.5;
    cursor: not-allowed;
}

.continue-link[b-ay732d96c9] {
    display: block;
    text-align: center;
    margin-top: var(--space-4);
    font-size: 13px;
    color: var(--text-muted);
}

@media (max-width: 768px) {
    .cart-container[b-ay732d96c9] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .cart-item[b-ay732d96c9] {
        display: grid;
        grid-template-columns: 70px 1fr auto;
        grid-template-rows: auto auto;
        gap: 4px 12px;
        align-items: center;
    }

    .item-image[b-ay732d96c9] {
        width: 70px;
        height: 70px;
        grid-column: 1;
        grid-row: 1 / 3;
        align-self: start;
    }

    .item-details[b-ay732d96c9] {
        grid-column: 2;
        grid-row: 1;
    }

    .item-details .item-price[b-ay732d96c9] {
        display: none;
    }

    .item-quantity[b-ay732d96c9] {
        grid-column: 2;
        grid-row: 2;
        justify-self: start;
    }

    .item-total[b-ay732d96c9] {
        grid-column: 2;
        grid-row: 2;
        justify-self: end;
        min-width: auto;
        font-size: 14px;
        font-weight: 500;
    }

    .remove-btn[b-ay732d96c9] {
        grid-column: 3;
        grid-row: 1;
        align-self: center;
        padding: 8px;
    }
}
/* /Pages/Checkout/Checkout.razor.rz.scp.css */
.checkout-page[b-eem2xioq8u] {
    max-width: 1100px;
}

.empty-cart[b-eem2xioq8u] {
    text-align: center;
    padding: 60px 0;
}

.empty-cart p[b-eem2xioq8u] {
    color: var(--text-muted);
    margin-bottom: 24px;
}

.checkout-container[b-eem2xioq8u] {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 48px;
}

.checkout-form h2[b-eem2xioq8u],
.order-summary h2[b-eem2xioq8u] {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.address-section[b-eem2xioq8u] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    margin-bottom: var(--space-6);
}

.address-section h2[b-eem2xioq8u] {
    margin-bottom: 20px;
}

.section-header[b-eem2xioq8u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.section-header h2[b-eem2xioq8u] {
    margin: 0;
}

.address-fields[b-eem2xioq8u] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.save-address[b-eem2xioq8u] {
    margin-bottom: 24px;
}

.order-note-section[b-eem2xioq8u] {
    margin-bottom: var(--space-4);
}

.order-note-section label[b-eem2xioq8u] {
    display: block;
    font-weight: 500;
    margin-bottom: var(--space-2);
}

.order-note-section textarea[b-eem2xioq8u] {
    width: 100%;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-secondary);
    color: var(--text);
    font-family: inherit;
    font-size: 0.9rem;
    resize: vertical;
}

.error-message[b-eem2xioq8u] {
    background: var(--color-danger-bg);
    border: 1px solid var(--color-error);
    color: var(--color-error);
    padding: 12px 16px;
    border-radius: var(--radius-md);
    margin-bottom: var(--space-4);
    font-size: 14px;
}

.difficult-plants-warning[b-eem2xioq8u] {
    background: var(--color-warning-bg);
    border: 1px solid var(--color-warning-border);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    margin-bottom: var(--space-4);
}

.minimum-order-warning[b-eem2xioq8u] {
    background: #fef3c7;
    color: #92400e;
    padding: 12px 14px;
    border-radius: var(--radius-md);
    margin-bottom: var(--space-4);
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.minimum-order-info[b-eem2xioq8u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(146, 64, 14, 0.15);
    border: 1px solid rgba(146, 64, 14, 0.3);
    font-size: 11px;
    font-weight: 600;
    color: #92400e;
    text-decoration: none;
    flex-shrink: 0;
}

.minimum-order-info:hover[b-eem2xioq8u] {
    background: #92400e;
    color: #fef3c7;
    border-color: #92400e;
}

.difficult-plants-warning .checkbox-label[b-eem2xioq8u] {
    align-items: flex-start;
    color: var(--color-warning);
}

.difficult-plants-warning .checkbox-label input[b-eem2xioq8u] {
    margin-top: 0.25rem;
}

.difficult-plants-warning .checkbox-label span[b-eem2xioq8u] {
    font-size: 0.875rem;
    line-height: 1.5;
}

.reservation-notice[b-eem2xioq8u] {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin: var(--space-4) 0 0;
    line-height: 1.5;
    text-align: center;
}

.checkout-btn[b-eem2xioq8u] {
    width: 100%;
    padding: 14px;
    background: var(--text);
    color: var(--bg);
    border: none;
    border-radius: var(--radius-md);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s;
}

.checkout-btn:hover:not(:disabled)[b-eem2xioq8u] {
    opacity: 0.9;
}

.checkout-btn:disabled[b-eem2xioq8u] {
    opacity: 0.5;
    cursor: not-allowed;
}

.order-summary[b-eem2xioq8u] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    padding: var(--space-6);
    border-radius: var(--radius-lg);
    height: fit-content;
    position: sticky;
    top: 100px;
}

.order-summary h2[b-eem2xioq8u] {
    margin-bottom: 20px;
}

.summary-items[b-eem2xioq8u] {
    margin-bottom: 20px;
}

.summary-item[b-eem2xioq8u] {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid var(--border);
    font-size: 14px;
}

.summary-item:last-child[b-eem2xioq8u] {
    border-bottom: none;
}

.item-info[b-eem2xioq8u] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.item-name[b-eem2xioq8u] {
    color: var(--text);
}

.item-variant[b-eem2xioq8u] {
    font-size: 12px;
    color: var(--text-muted);
}

.summary-totals[b-eem2xioq8u] {
    border-top: 2px solid var(--border);
    padding-top: 16px;
}

.summary-row[b-eem2xioq8u] {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    font-size: 14px;
    color: var(--text-muted);
}

.summary-row.total[b-eem2xioq8u] {
    font-weight: 600;
    font-size: 18px;
    color: var(--text);
    border-top: 1px solid var(--border);
    margin-top: 8px;
    padding-top: 16px;
}

.summary-row .original-price[b-eem2xioq8u] {
    text-decoration: line-through;
    color: var(--text-muted);
    margin-right: 8px;
}

.summary-row .free-price[b-eem2xioq8u] {
    color: var(--success, #22c55e);
    font-weight: 600;
}

.shipping-section[b-eem2xioq8u] {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--border);
}

.shipping-section h3[b-eem2xioq8u] {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 16px;
    color: var(--text);
}

.add-to-existing[b-eem2xioq8u] {
    margin-bottom: 16px;
    padding: 12px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
}

.add-to-existing-option[b-eem2xioq8u] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 500;
}

.add-to-existing-label[b-eem2xioq8u] {
    color: var(--text);
}

.add-to-existing-notice[b-eem2xioq8u] {
    margin: 8px 0 0 24px;
    font-size: 13px;
    color: var(--text-muted);
}

@media (max-width: 900px) {
    .checkout-container[b-eem2xioq8u] {
        grid-template-columns: 1fr;
    }

    .order-summary[b-eem2xioq8u] {
        order: -1;
        position: static;
    }
}

@media (max-width: 600px) {
    .section-header[b-eem2xioq8u] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}
/* /Pages/Checkout/CheckoutCancel.razor.rz.scp.css */
.cancel-container[b-0hz4wdxsig] {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}

.cancel-icon[b-0hz4wdxsig] {
    width: 80px;
    height: 80px;
    background: var(--color-error);
    color: white;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    margin: var(--space-6) auto;
}

h1[b-0hz4wdxsig] {
    margin-bottom: 0.5rem;
}

.cancel-text[b-0hz4wdxsig] {
    color: var(--text-muted);
    margin-bottom: 2rem;
}

.error-message[b-0hz4wdxsig] {
    background: var(--color-error);
    color: white;
    padding: var(--space-4);
    border-radius: var(--radius-sm);
    margin-bottom: var(--space-6);
}

.actions[b-0hz4wdxsig] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

/* Use global .btn classes from app.css */
.actions .btn[b-0hz4wdxsig] {
    min-width: 200px;
}

.reservation-notice[b-0hz4wdxsig] {
    background: var(--color-pending-bg, #fffbeb);
    border: 1px solid var(--color-pending, #f59e0b);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    margin-bottom: 1.5rem;
}

.reservation-notice p[b-0hz4wdxsig] {
    margin: 0;
    color: var(--text);
    font-size: 0.875rem;
}

.cancel-confirm[b-0hz4wdxsig] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    margin-top: 0.5rem;
    width: 100%;
    max-width: 300px;
}

.cancel-confirm p[b-0hz4wdxsig] {
    margin: 0 0 1rem 0;
    color: var(--text-muted);
    font-size: 0.875rem;
}

.cancel-actions[b-0hz4wdxsig] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}

.cancel-actions .btn[b-0hz4wdxsig] {
    min-width: auto;
}
/* /Pages/Checkout/CheckoutSuccess.razor.rz.scp.css */
.success-container[b-zguswkajm1] {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.success-icon[b-zguswkajm1] {
    width: 80px;
    height: 80px;
    background: var(--text);
    color: var(--bg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    margin: 1.5rem auto;
}

h1[b-zguswkajm1] {
    margin-bottom: 0.5rem;
}

.order-number[b-zguswkajm1] {
    font-size: 1.25rem;
    color: var(--text-muted);
    margin-bottom: 1rem;
}

.confirmation-text[b-zguswkajm1] {
    color: var(--text-muted);
    margin-bottom: 2rem;
}

.order-summary[b-zguswkajm1],
.shipping-info[b-zguswkajm1] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    padding: 1.5rem;
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
    text-align: left;
}

.order-summary h2[b-zguswkajm1],
.shipping-info h2[b-zguswkajm1] {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.summary-items[b-zguswkajm1] {
    margin-bottom: 1rem;
}

.summary-item[b-zguswkajm1] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border);
}

.item-info[b-zguswkajm1] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.item-name[b-zguswkajm1] {
}

.item-variant[b-zguswkajm1] {
    font-size: 12px;
    color: var(--text-muted);
}

.item-price[b-zguswkajm1] {
    flex-shrink: 0;
}

.summary-totals[b-zguswkajm1] {
    border-top: 1px solid var(--border);
    padding-top: 0.5rem;
}

.summary-row[b-zguswkajm1] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 0.25rem 0;
    color: var(--text-muted);
    font-size: 0.875rem;
}

.summary-row.total[b-zguswkajm1] {
    color: var(--text);
    font-weight: 600;
    font-size: 1.125rem;
    padding-top: 0.5rem;
    margin-top: 0.25rem;
    border-top: 1px solid var(--border);
}

.shipping-info p[b-zguswkajm1] {
    margin: 0.25rem 0;
    color: var(--text-muted);
}

.actions[b-zguswkajm1] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 2rem;
}

.btn[b-zguswkajm1] {
    padding: 0.75rem 1.5rem;
    border-radius: var(--radius-sm);
    text-decoration: none;
    font-weight: 500;
}

.btn-primary[b-zguswkajm1] {
    background: var(--text);
    color: var(--bg);
}

.btn-primary:hover[b-zguswkajm1] {
    opacity: 0.9;
}

.btn-secondary[b-zguswkajm1] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text);
}

.btn-secondary:hover[b-zguswkajm1] {
    background: var(--hover-bg);
}

.error-state[b-zguswkajm1] {
    padding: 2rem;
}

.error-state h1[b-zguswkajm1] {
    color: var(--color-error);
}

@media (max-width: 480px) {
    .order-summary[b-zguswkajm1],
    .shipping-info[b-zguswkajm1] {
        padding: 1rem;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    .actions[b-zguswkajm1] {
        flex-direction: column;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.store-toolbar[b-898w7yz5h7] {
    display: flex;
    align-items: center;
    padding: var(--space-3) 0;
    gap: var(--space-4);
}

.announcement-banner[b-898w7yz5h7] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: var(--space-3) var(--space-4);
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--text);
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    margin: -10px 0 var(--space-6) 0;
}

.announcement-icon[b-898w7yz5h7] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    margin-top: 2px;
    opacity: 0.7;
}

@media (max-width: 768px) {
    .announcement-banner[b-898w7yz5h7] {
        margin: 10px 0 0 0;
    }
}
/* /Pages/NotFound.razor.rz.scp.css */
.not-found[b-jwvcs1or0n] {
    text-align: center;
    padding: 80px var(--space-6);
}

.not-found h1[b-jwvcs1or0n] {
    font-size: 120px;
    font-weight: 200;
    color: var(--text-muted);
    margin: 0;
    line-height: 1;
}

.not-found p[b-jwvcs1or0n] {
    font-size: 16px;
    color: var(--text-muted);
    margin: var(--space-6) 0 var(--space-8);
}

.not-found a[b-jwvcs1or0n] {
    display: inline-block;
    padding: 10px var(--space-6);
    border: 1px solid var(--border);
    color: var(--text);
    font-size: 13px;
    transition: background-color 0.2s;
}

.not-found a:hover[b-jwvcs1or0n] {
    background-color: var(--hover-bg);
}
/* /Pages/Orders/OrderDetail.razor.rz.scp.css */
.not-found[b-xr7j42auqq] {
    text-align: center;
    padding: 3rem;
}

.not-found h1[b-xr7j42auqq] {
    color: var(--color-error);
}

/* Use global .btn classes from app.css */

.order-detail[b-xr7j42auqq] {
    width: 100%;
}


.order-header[b-xr7j42auqq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.order-header h1[b-xr7j42auqq] {
    margin: 0.5rem 0 0.25rem;
}

.order-date[b-xr7j42auqq] {
    color: var(--text-muted);
    margin: 0;
}

.status-badge[b-xr7j42auqq] {
    padding: 0.5rem 1rem;
    border-radius: var(--radius-full);
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
}

.status-badge.pending[b-xr7j42auqq] {
    background: var(--color-pending-bg);
    color: var(--color-pending);
}

.status-badge.paid[b-xr7j42auqq] {
    background: var(--color-paid-bg);
    color: var(--color-paid);
}

.status-badge.shipped[b-xr7j42auqq] {
    background: var(--color-shipped-bg);
    color: var(--color-shipped);
}

.status-badge.delivered[b-xr7j42auqq] {
    background: var(--color-delivered-bg);
    color: var(--color-delivered);
}

.status-badge.cancelled[b-xr7j42auqq] {
    background: var(--color-error-bg, #fef2f2);
    color: var(--color-error, #dc2626);
}

.order-timeline[b-xr7j42auqq] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
    padding: var(--space-6);
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    position: relative;
}

.order-timeline[b-xr7j42auqq]::before {
    content: '';
    position: absolute;
    top: 2.25rem;
    left: calc(12.5% + 0.5rem);
    right: calc(12.5% + 0.5rem);
    height: 2px;
    background: var(--border);
}

.timeline-step[b-xr7j42auqq] {
    flex: 1;
    text-align: center;
    position: relative;
    z-index: 1;
}

.step-dot[b-xr7j42auqq] {
    width: 1rem;
    height: 1rem;
    background: var(--border);
    border-radius: 50%;
    margin: 0 auto 0.5rem;
}

.timeline-step.active .step-dot[b-xr7j42auqq] {
    background: var(--text);
}

.step-label[b-xr7j42auqq] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-muted);
}

.timeline-step.active .step-label[b-xr7j42auqq] {
    color: var(--text);
}

.step-date[b-xr7j42auqq] {
    font-size: 0.75rem;
    color: var(--text-faint);
    margin-top: 0.25rem;
}

.customer-note[b-xr7j42auqq] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    margin-bottom: 2rem;
}

.customer-note h2[b-xr7j42auqq] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
    margin-bottom: var(--space-2);
}

.customer-note p[b-xr7j42auqq] {
    margin: 0;
    white-space: pre-wrap;
}

.order-content[b-xr7j42auqq] {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 2rem;
}

.order-items h2[b-xr7j42auqq],
.shipping-info h2[b-xr7j42auqq] {
    font-size: 1.125rem;
    margin-bottom: 1rem;
}

.shipping-info[b-xr7j42auqq] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.shipping-method[b-xr7j42auqq] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    padding: var(--space-6);
    border-radius: var(--radius-lg);
}

.shipping-method .method-name[b-xr7j42auqq] {
    font-weight: 500;
    color: var(--text);
    margin: 0;
}

.shipping-method .carrier-name[b-xr7j42auqq] {
    color: var(--text-muted);
    margin: 0.25rem 0 0;
}

.shipping-method .pickup-location[b-xr7j42auqq] {
    color: var(--text-muted);
    margin: 0.5rem 0 0;
    font-size: 0.875rem;
}

.item-row[b-xr7j42auqq] {
    display: flex;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border);
}

.item-image[b-xr7j42auqq] {
    width: 60px;
    height: 60px;
    background: var(--bg-secondary);
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.item-image img[b-xr7j42auqq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-details[b-xr7j42auqq] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.item-name[b-xr7j42auqq] {
    font-weight: 500;
}

.item-variant[b-xr7j42auqq] {
    color: var(--text-muted);
    font-size: 0.8rem;
}

.item-qty[b-xr7j42auqq] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.item-price[b-xr7j42auqq] {
    font-weight: 500;
}

.order-totals[b-xr7j42auqq] {
    margin-top: 1rem;
    padding-top: 1rem;
}

.total-row[b-xr7j42auqq] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    color: var(--text-muted);
}

.total-row.total[b-xr7j42auqq] {
    font-weight: 600;
    font-size: 1.125rem;
    color: var(--text);
    border-top: 2px solid var(--border);
    margin-top: 0.5rem;
    padding-top: 1rem;
}

.shipping-address[b-xr7j42auqq] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    padding: var(--space-6);
    border-radius: var(--radius-lg);
    height: fit-content;
}

.shipping-address p[b-xr7j42auqq] {
    margin: 0.25rem 0;
    color: var(--text-muted);
}

.shipping-address .phone[b-xr7j42auqq] {
    margin-top: 1rem;
    color: var(--text-faint);
}

/* Cancelled Notice */
.cancelled-notice[b-xr7j42auqq] {
    background: var(--color-error-bg, #fef2f2);
    border: 1px solid var(--color-error, #dc2626);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    margin-bottom: 2rem;
    text-align: center;
}

.cancelled-notice p[b-xr7j42auqq] {
    margin: 0;
    color: var(--color-error, #dc2626);
    font-weight: 500;
}

.cancelled-notice .cancelled-date[b-xr7j42auqq] {
    margin-top: 0.5rem;
    font-weight: 400;
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Retry Payment Section */
.retry-payment-section[b-xr7j42auqq] {
    background: var(--color-pending-bg, #fffbeb);
    border: 1px solid var(--color-pending, #f59e0b);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    margin-bottom: 2rem;
}

.retry-payment-section h2[b-xr7j42auqq] {
    font-size: 1rem;
    margin: 0 0 0.5rem 0;
    color: var(--text);
}

.retry-payment-section .expiry-warning[b-xr7j42auqq] {
    color: var(--color-pending, #f59e0b);
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
}

.retry-payment-section .error-message[b-xr7j42auqq] {
    background: var(--color-error-bg, #fef2f2);
    color: var(--color-error, #dc2626);
    padding: 0.75rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.retry-payment-section .unavailable-message[b-xr7j42auqq] {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin: 0;
}

.retry-payment-section .btn[b-xr7j42auqq] {
    margin-top: 0.5rem;
}

.retry-payment-section .btn-cancel[b-xr7j42auqq] {
    margin-top: 1rem;
}

.cancel-confirm[b-xr7j42auqq] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border);
}

.cancel-confirm p[b-xr7j42auqq] {
    margin: 0 0 1rem 0;
    color: var(--text-muted);
    font-size: 0.875rem;
}

.cancel-actions[b-xr7j42auqq] {
    display: flex;
    gap: 0.5rem;
}

/* Invoice Section */
.invoice-section[b-xr7j42auqq] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    padding: var(--space-6);
    border-radius: var(--radius-lg);
}

@media (max-width: 768px) {
    .order-header[b-xr7j42auqq] {
        flex-direction: column;
        gap: 1rem;
    }

    .order-timeline[b-xr7j42auqq] {
        flex-direction: column;
        gap: 1rem;
    }

    .order-timeline[b-xr7j42auqq]::before {
        display: none;
    }

    .timeline-step[b-xr7j42auqq] {
        display: flex;
        align-items: center;
        gap: 1rem;
        text-align: left;
    }

    .step-dot[b-xr7j42auqq] {
        margin: 0;
    }

    .order-content[b-xr7j42auqq] {
        grid-template-columns: 1fr;
    }

    .shipping-info[b-xr7j42auqq] {
        order: -1;
    }
}
/* /Pages/Orders/Orders.razor.rz.scp.css */
.empty-orders[b-261deu3r21] {
    text-align: center;
    padding: 3rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
}

.empty-orders p[b-261deu3r21] {
    color: var(--text-muted);
    margin-bottom: 1.5rem;
}

/* Use global .btn classes from app.css */

.orders-list[b-261deu3r21] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.order-card[b-261deu3r21] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
}

.order-header[b-261deu3r21] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.order-info[b-261deu3r21] {
    display: flex;
    flex-direction: column;
}

.order-number[b-261deu3r21] {
    font-weight: 600;
    font-size: 1.125rem;
}

.order-date[b-261deu3r21] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.status-badge[b-261deu3r21] {
    padding: 0.25rem 0.75rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
}

.status-badge.pending[b-261deu3r21] {
    background: var(--color-pending-bg);
    color: var(--color-pending);
}

.status-badge.paid[b-261deu3r21] {
    background: var(--color-paid-bg);
    color: var(--color-paid);
}

.status-badge.shipped[b-261deu3r21] {
    background: var(--color-shipped-bg);
    color: var(--color-shipped);
}

.status-badge.delivered[b-261deu3r21] {
    background: var(--color-delivered-bg);
    color: var(--color-delivered);
}

.order-items[b-261deu3r21] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.item-preview[b-261deu3r21] {
    background: var(--hover-bg);
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
}

.more-items[b-261deu3r21] {
    color: var(--text-muted);
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
}

.order-footer[b-261deu3r21] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid var(--border);
}

.order-total[b-261deu3r21] {
    font-weight: 600;
    font-size: 1.125rem;
}

.view-btn[b-261deu3r21] {
    color: var(--text-muted);
    text-decoration: none;
    font-weight: 500;
}

.view-btn:hover[b-261deu3r21] {
    color: var(--text);
    text-decoration: underline;
}

@media (max-width: 480px) {
    .order-header[b-261deu3r21] {
        flex-direction: column;
        gap: 0.5rem;
    }
}
/* /Pages/Pay/Pay.razor.rz.scp.css */
.pay-page[b-eakkx4xf16] {
    max-width: 560px;
    margin: var(--space-10) auto;
    padding: 0 var(--space-4);
}

.pay-card[b-eakkx4xf16] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-8);
}

.pay-card h1[b-eakkx4xf16] {
    font-size: 1.4rem;
    margin-bottom: var(--space-1);
}

.order-number[b-eakkx4xf16] {
    color: var(--text-muted);
    font-size: 0.9rem;
    margin-bottom: var(--space-6);
}

.pay-summary h2[b-eakkx4xf16] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
    margin-bottom: var(--space-3);
    padding-bottom: var(--space-2);
    border-bottom: 1px solid var(--border);
}

.pay-items[b-eakkx4xf16] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: var(--space-6);
}

.pay-items td[b-eakkx4xf16] {
    padding: var(--space-2) 0;
    vertical-align: top;
}

.item-name[b-eakkx4xf16] {
    flex: 1;
}

.item-variant[b-eakkx4xf16] {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-left: var(--space-1);
}

.item-qty[b-eakkx4xf16] {
    text-align: center;
    color: var(--text-muted);
    padding: var(--space-2) var(--space-3);
    white-space: nowrap;
}

.item-total[b-eakkx4xf16] {
    text-align: right;
    white-space: nowrap;
}

.shipping-row td[b-eakkx4xf16] {
    border-top: 1px solid var(--border);
    padding-top: var(--space-3);
    color: var(--text-muted);
}

.total-row td[b-eakkx4xf16] {
    border-top: 2px solid var(--border);
    padding-top: var(--space-3);
    font-size: 1.05rem;
}

.pay-btn[b-eakkx4xf16] {
    width: 100%;
    padding: var(--space-3) var(--space-4);
    font-size: 1rem;
    margin-top: var(--space-4);
}

.pay-error[b-eakkx4xf16] {
    color: var(--color-danger);
    font-size: 0.9rem;
    margin-bottom: var(--space-3);
}

.pay-cancelled-note[b-eakkx4xf16] {
    color: var(--text-muted);
    font-size: 0.85rem;
    margin-bottom: var(--space-3);
}

.pay-status[b-eakkx4xf16] {
    text-align: center;
    padding: var(--space-10) 0;
}

.pay-message[b-eakkx4xf16] {
    font-size: 1.1rem;
}

.pay-message.success[b-eakkx4xf16] {
    color: var(--color-success);
}

.pay-message.error[b-eakkx4xf16] {
    color: var(--color-danger);
}

.pay-message.muted[b-eakkx4xf16] {
    color: var(--text-muted);
}
/* /Pages/Search.razor.rz.scp.css */
.search-header[b-zqutwcude0] {
    display: flex;
    align-items: baseline;
    gap: var(--space-3);
    margin-bottom: var(--space-2);
}

.search-header h1[b-zqutwcude0] {
    font-size: 20px;
    font-weight: 500;
}

.search-query[b-zqutwcude0] {
    font-size: 16px;
    color: var(--text-muted);
    font-style: italic;
}

.results-count[b-zqutwcude0] {
    font-size: 13px;
    color: var(--text-muted);
    margin-bottom: var(--space-6);
}

/* /Pages/Store/Category.razor.rz.scp.css */
.store-toolbar[b-c0pk3ci7kn] {
    display: flex;
    align-items: center;
    padding: var(--space-3) 0;
    gap: var(--space-4);
}

.category-section[b-c0pk3ci7kn] {
    padding: var(--space-4) 0 var(--space-8);
}

.category-header[b-c0pk3ci7kn] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: var(--space-6);
}

.category-header h2[b-c0pk3ci7kn] {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.product-count[b-c0pk3ci7kn] {
    font-size: 12px;
    color: var(--text-muted);
}

.grid[b-c0pk3ci7kn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--space-6);
}
/* /Pages/Store/ProductDetail.razor.rz.scp.css */
.breadcrumb[b-sp979dreo8] {
    padding: 0 0 var(--space-4);
    font-size: 12px;
    color: var(--text-muted);
}

.breadcrumb a[b-sp979dreo8] {
    color: var(--text-muted);
    transition: color 0.2s;
}

.breadcrumb a:hover[b-sp979dreo8] {
    color: var(--text);
}

.breadcrumb .separator[b-sp979dreo8] {
    margin: 0 var(--space-2);
    opacity: 0.5;
}

.product-page[b-sp979dreo8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    padding-bottom: 60px;
}

.product-gallery .main-image[b-sp979dreo8] {
    cursor: zoom-in;
}

.product-gallery .main-image img[b-sp979dreo8] {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    background: var(--bg-secondary);
}

.product-gallery .thumbnail-strip[b-sp979dreo8] {
    display: flex;
    gap: var(--space-2);
    margin-top: var(--space-3);
    overflow-x: auto;
    padding-bottom: var(--space-1);
}

.product-gallery .thumbnail[b-sp979dreo8] {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    padding: 0;
    border: 2px solid transparent;
    background: none;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s, border-color 0.2s;
}

.product-gallery .thumbnail:hover[b-sp979dreo8] {
    opacity: 1;
}

.product-gallery .thumbnail.active[b-sp979dreo8] {
    opacity: 1;
    border-color: var(--text);
}

.product-gallery .thumbnail img[b-sp979dreo8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-gallery .no-image[b-sp979dreo8] {
    width: 100%;
    aspect-ratio: 1;
    background: var(--bg-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
}

.product-title-row[b-sp979dreo8] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.product-info h1[b-sp979dreo8] {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: var(--space-2);
}

.admin-edit-btn[b-sp979dreo8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    font-size: 14px;
    transition: all 0.15s;
}

.admin-edit-btn:hover[b-sp979dreo8] {
    color: var(--text);
    border-color: var(--text-muted);
}

.product-info .origin[b-sp979dreo8] {
    font-size: 14px;
    font-style: italic;
    color: var(--text-muted);
    margin-bottom: var(--space-6);
}

.product-info .price[b-sp979dreo8] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-2);
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: var(--space-6);
}

.price-main[b-sp979dreo8] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.price-original-detail[b-sp979dreo8] {
    text-decoration: line-through;
    opacity: 0.5;
    font-size: 18px;
    font-weight: 400;
}

.price-sale-detail[b-sp979dreo8] {
    color: var(--color-danger);
}

.sale-badge-detail[b-sp979dreo8] {
    background: var(--color-danger);
    color: white;
    padding: 3px 8px;
    font-size: 13px;
    font-weight: 600;
    border-radius: var(--radius-sm);
}

.product-info .description[b-sp979dreo8] {
    font-size: 14px;
    line-height: 1.6;
    color: var(--text-muted);
    margin-bottom: var(--space-8);
}

.product-info .description[b-sp979dreo8]  p {
    margin-bottom: var(--space-3);
}

.product-info .description[b-sp979dreo8]  p:last-child {
    margin-bottom: 0;
}

.product-info .description[b-sp979dreo8]  a {
    color: var(--accent, #2563eb);
    text-decoration: underline;
}

.product-info .description[b-sp979dreo8]  a:hover {
    opacity: 0.8;
}

.add-to-cart[b-sp979dreo8] {
    width: 100%;
    padding: var(--space-4) var(--space-8);
    background: var(--text);
    color: var(--bg);
    border: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.2s;
}

.add-to-cart:hover[b-sp979dreo8] {
    opacity: 0.9;
}

.stock[b-sp979dreo8] {
    font-size: 12px;
    color: var(--text-muted);
    margin-top: var(--space-3);
    text-align: center;
}

.sold-out[b-sp979dreo8] {
    width: 100%;
    padding: var(--space-4) var(--space-8);
    background: var(--bg-secondary);
    color: var(--text-muted);
    border: 1px solid var(--border);
    font-size: 14px;
    text-align: center;
}

.available-soon[b-sp979dreo8] {
    display: inline-block;
    background: var(--color-warning);
    color: white;
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-sm);
    font-weight: 600;
    font-size: 14px;
    margin-bottom: var(--space-4);
}

.notify-me[b-sp979dreo8] {
    width: 100%;
}

.notify-form[b-sp979dreo8] {
    display: flex;
    gap: var(--space-2);
}

.notify-form input[b-sp979dreo8] {
    flex: 1;
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--border);
    background: var(--bg);
    color: var(--text);
    font-size: 14px;
}

.notify-form .add-to-cart[b-sp979dreo8] {
    flex-shrink: 0;
    width: auto;
}

.subscribed-message[b-sp979dreo8] {
    width: 100%;
    padding: var(--space-4) var(--space-8);
    background: var(--bg-secondary);
    color: var(--text-muted);
    border: 1px solid var(--border);
    font-size: 14px;
    text-align: center;
}

.unsubscribe-link[b-sp979dreo8] {
    display: inline;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    margin-left: var(--space-2);
}

.unsubscribe-link:hover[b-sp979dreo8] {
    color: var(--text);
}

.related-products[b-sp979dreo8] {
    padding: var(--space-10) 0;
    border-top: 1px solid var(--border);
}

.related-products h2[b-sp979dreo8] {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: var(--space-6);
}

/* Use global .grid-products from app.css or keep local for specificity */
.grid[b-sp979dreo8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--space-6);
}

/* Variant Selector */
.variant-selector[b-sp979dreo8] {
    margin-bottom: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.variant-header[b-sp979dreo8] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.variant-label[b-sp979dreo8] {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.variant-info-link[b-sp979dreo8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    font-size: 11px;
    color: var(--text-muted);
    text-decoration: none;
}

.variant-info-link:hover[b-sp979dreo8] {
    background: var(--text);
    color: var(--bg);
    border-color: var(--text);
}

.variant-selector .warning-box[b-sp979dreo8] {
    margin-top: var(--space-3);
}

.variant-selector .option-group[b-sp979dreo8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.variant-selector .option-group label[b-sp979dreo8] {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.option-buttons[b-sp979dreo8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.option-btn[b-sp979dreo8] {
    padding: 10px 16px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    font-size: 14px;
    color: var(--text);
    cursor: pointer;
    transition: all 0.15s;
}

.option-btn:hover[b-sp979dreo8] {
    border-color: var(--text-muted);
}

.option-btn.selected[b-sp979dreo8] {
    background: var(--text);
    color: var(--bg);
    border-color: var(--text);
}

.option-btn.out-of-stock[b-sp979dreo8] {
    opacity: 0.5;
    cursor: not-allowed;
    flex-direction: column;
    gap: 2px;
}

.option-btn .stock-badge[b-sp979dreo8] {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    color: var(--text-muted);
}

.variant-portion[b-sp979dreo8] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    font-size: 14px;
    line-height: 1;
    color: var(--text-muted);
    font-weight: 400;
}

.portion-info[b-sp979dreo8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    font-size: 10px;
    color: var(--text-muted);
    cursor: help;
    text-decoration: none;
    vertical-align: middle;
    transition: all 0.15s;
}

.portion-info:hover[b-sp979dreo8] {
    background: var(--text);
    color: var(--bg);
    border-color: var(--text);
}

@media (max-width: 768px) {
    .product-page[b-sp979dreo8] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .option-btn[b-sp979dreo8] {
        padding: 8px 14px;
        font-size: 13px;
    }
}
/* /Pages/Store/Unsubscribe.razor.rz.scp.css */
.unsubscribe-page[b-bzsybc0za4] {
    max-width: 500px;
    margin: var(--space-12) auto;
    text-align: center;
}

.unsubscribe-page h1[b-bzsybc0za4] {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: var(--space-4);
}

.message[b-bzsybc0za4] {
    color: var(--text-muted);
    font-size: 14px;
    margin-bottom: var(--space-6);
}