/* _content/Hoodcoder.Blazor/Components/Actions/Buttons/Shared/HCButton.razor.rz.scp.css */
/* =========================================================
   ROOT
========================================================= */

.hc-button[b-d4177k3r6s] {
    --hc-button-purple: var(--hc-color-purple, var(--hc-purple, #a855f7));
    --hc-button-purple-hover: var(--hc-color-purple-hover, #9333ea);
    --hc-button-purple-active: var(--hc-color-purple-active, #7e22ce);
    --hc-button-purple-light: var(--hc-color-purple-light, var(--hc-purple-bg, #faf5ff));
    --hc-button-purple-rgb: var(--hc-color-purple-rgb, 168, 85, 247);
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border: 1px solid transparent;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    text-decoration: none;
    font-weight: 600;
    line-height: 1;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .15s ease;
    width: var(--hc-button-width, auto);
    min-width: var(--hc-button-min-width, 0);
}

/* =========================================================
   CONTENT
========================================================= */

.hc-button-content[b-d4177k3r6s] {
    display: var(--hc-button-content-display, inline-flex);
    align-items: center;
    justify-content: var(--hc-button-content-justify, center);
    width: var(--hc-button-content-width, auto);
    overflow: var(--hc-button-content-overflow, visible);
    text-overflow: var(--hc-button-content-text-overflow, clip);
}

.hc-button-icon[b-d4177k3r6s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: var(--hc-button-icon-size, 1.25rem);
}

/*
 * HC icons follow the same currentColor contract as the button by default.
 * The zero-specificity selectors intentionally allow an IconClass to replace
 * the two-tone variables, while Class/Style can set color or the shared
 * --hc-button-icon-* variables on the button itself.
 */
/*
 * This must outrank the base i.hc defaults. Avoid :where here because it
 * intentionally removes selector specificity and would leave typed button
 * icon channels unable to paint the rendered HC icon.
 */
.hc-button-icon i.hc[b-d4177k3r6s] {
    --hc-icon-size: 1em;
    --hc-icon-primary: var(--hc-button-icon-primary, currentColor);
    --hc-icon-secondary: var(--hc-button-icon-secondary, currentColor);
    --hc-icon-secondary-opacity: var(--hc-button-icon-secondary-opacity, .28);
}

/* =========================================================
   TOOLTIP
========================================================= */

.hc-button-tooltip[b-d4177k3r6s] {
    position: absolute;
    z-index: 10000;
    max-width: 16rem;
    padding: .375rem .625rem;
    color: var(--hc-tooltip-color, #fff);
    background: var(--hc-tooltip-background, #181c32);
    border-radius: .375rem;
    box-shadow: 0 .35rem 1rem rgba(15, 23, 42, .2);
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity .15s ease,
        visibility .15s ease,
        transform .15s ease;
}

.hc-button:hover > .hc-button-tooltip[b-d4177k3r6s],
.hc-button:focus-visible > .hc-button-tooltip[b-d4177k3r6s] {
    opacity: 1;
    visibility: visible;
}

.hc-button-tooltip-top-layer[b-d4177k3r6s] {
    border: 0;
    bottom: auto;
    inset: auto;
    left: 0;
    margin: 0;
    position: fixed;
    right: auto;
    top: 0;
    transform: none;
}

.hc-button:hover > .hc-button-tooltip-top-layer[b-d4177k3r6s],
.hc-button:focus-visible > .hc-button-tooltip-top-layer[b-d4177k3r6s] {
    transform: none;
}

.hc-button-tooltip-top[b-d4177k3r6s] {
    left: 50%;
    bottom: calc(100% + .5rem);
    transform: translateX(-50%) translateY(.25rem);
}

.hc-button:hover > .hc-button-tooltip-top[b-d4177k3r6s],
.hc-button:focus-visible > .hc-button-tooltip-top[b-d4177k3r6s] {
    transform: translateX(-50%) translateY(0);
}

.hc-button-tooltip-right[b-d4177k3r6s] {
    top: 50%;
    left: calc(100% + .5rem);
    transform: translateY(-50%) translateX(-.25rem);
}

.hc-button:hover > .hc-button-tooltip-right[b-d4177k3r6s],
.hc-button:focus-visible > .hc-button-tooltip-right[b-d4177k3r6s] {
    transform: translateY(-50%) translateX(0);
}

.hc-button-tooltip-bottom[b-d4177k3r6s] {
    top: calc(100% + .5rem);
    left: 50%;
    transform: translateX(-50%) translateY(-.25rem);
}

.hc-button:hover > .hc-button-tooltip-bottom[b-d4177k3r6s],
.hc-button:focus-visible > .hc-button-tooltip-bottom[b-d4177k3r6s] {
    transform: translateX(-50%) translateY(0);
}

.hc-button-tooltip-left[b-d4177k3r6s] {
    top: 50%;
    right: calc(100% + .5rem);
    transform: translateY(-50%) translateX(.25rem);
}

.hc-button:hover > .hc-button-tooltip-left[b-d4177k3r6s],
.hc-button:focus-visible > .hc-button-tooltip-left[b-d4177k3r6s] {
    transform: translateY(-50%) translateX(0);
}

    .hc-button-icon i[b-d4177k3r6s] {
        font-size: inherit;
    }

    .hc-button-icon i.hc[b-d4177k3r6s] {
        display: inline-block;
        font-size: inherit;
    }

/* =========================================================
   SIZES
========================================================= */

.hc-button-sm[b-d4177k3r6s] {
    min-height: var(--hc-control-height-sm);
    height: var(--hc-control-height-sm);
}

.hc-button-md[b-d4177k3r6s] {
    min-height: var(--hc-control-height-md);
    height: var(--hc-control-height-md);
}

.hc-button-lg[b-d4177k3r6s] {
    min-height: var(--hc-control-height-lg);
    height: var(--hc-control-height-lg);
}

.hc-button-xl[b-d4177k3r6s] {
    min-height: 56px;
    padding: .875rem 1.5rem;
    font-size: 1.125rem;
}

/* =========================================================
   RADIUS
========================================================= */

.hc-button-radius-none[b-d4177k3r6s] {
    border-radius: 0;
}

.hc-button-radius-sm[b-d4177k3r6s] {
    border-radius: .25rem;
}

.hc-button-radius-md[b-d4177k3r6s] {
    border-radius: .5rem;
}

.hc-button-radius-lg[b-d4177k3r6s] {
    border-radius: .75rem;
}

.hc-button-radius-pill[b-d4177k3r6s] {
    border-radius: 9999px;
}

.hc-button-radius-circle[b-d4177k3r6s] {
    border-radius: 50%;
}

/*
 * Round is the convenience API for circular action controls. It is declared
 * after the radius variants so it takes precedence when both are supplied.
 */
.hc-button-round[b-d4177k3r6s] {
    border-radius: 50%;
}

.hc-button-round.hc-button-icon-only[b-d4177k3r6s] {
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    flex: 0 0 auto;
}

/* =========================================================
   ICON ONLY
========================================================= */

.hc-button-icon-only[b-d4177k3r6s] {
    padding: 0;
    aspect-ratio: 1 / 1;
    gap: 0;
    justify-content: center;
    text-align: center;
}

.hc-button-icon-only .hc-button-icon[b-d4177k3r6s] {
    height: 100%;
    margin: 0;
    width: 100%;
    font-size: var(--hc-button-icon-only-size, 1.5rem);
}

.hc-button-icon-only .hc-button-icon i[b-d4177k3r6s] {
    line-height: 1;
    margin: 0 !important;
    padding: 0 !important;
}

.hc-button-sm.hc-button-icon-only[b-d4177k3r6s] {
    width: 32px;
    height: 32px;
}

.hc-button-md.hc-button-icon-only[b-d4177k3r6s] {
    width: 40px;
    height: 40px;
}

.hc-button-lg.hc-button-icon-only[b-d4177k3r6s] {
    width: 48px;
    height: 48px;
}

.hc-button-xl.hc-button-icon-only[b-d4177k3r6s] {
    width: 56px;
    height: 56px;
}

/*
 * Icon-only badges anchor to the control corner instead of participating in
 * the button's flex row. This keeps the icon centered and prevents multi-digit
 * counts from shifting or overflowing into adjacent toolbar controls.
 */
.hc-button-icon-only > .hc-button-counter[b-d4177k3r6s],
.hc-button-icon-only > .hc-button-notification[b-d4177k3r6s] {
    position: absolute;
    top: .15rem;
    right: .15rem;
    z-index: 2;
    pointer-events: none;
}

.hc-button-icon-only > .hc-button-counter[b-d4177k3r6s] {
    min-width: 1.125rem;
    height: 1.125rem;
    padding: 0 .25rem;
    font-size: .625rem;
    line-height: 1;
    box-shadow: 0 0 0 2px var(--bs-body-bg, #fff);
}

.hc-button-icon-only > .hc-button-notification[b-d4177k3r6s] {
    box-shadow: 0 0 0 2px var(--bs-body-bg, #fff);
}

/* Dropdown triggers use a compact button footprint with a more prominent icon. */
.hc-button.hc-dropdown-button-trigger .hc-button-icon[b-d4177k3r6s] {
    font-size: 1.375rem !important;
}

/* Application-header actions retain compact controls with stronger glyph weight. */
.hc-button.hc-button-header-action .hc-button-icon[b-d4177k3r6s] {
    font-size: 1.625rem !important;
}

/* =========================================================
   COUNTER
========================================================= */

.hc-button-counter[b-d4177k3r6s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--hc-button-counter-min-width, 1rem);
    height: 1rem;
    padding: var(--hc-button-counter-padding, 0 .25rem);
    border-radius: var(--hc-button-counter-radius, 999px);
    font-size: var(--hc-button-counter-font-size, .65rem);
    font-weight: 600;
    background: transparent;
    opacity: .55;
}

.hc-button-counter-notification[b-d4177k3r6s] {
    background: var(--bs-danger, #dc2626) !important;
    color: #fff !important;
    opacity: 1;
}

/* Filled buttons */

.hc-button-primary .hc-button-counter[b-d4177k3r6s],
.hc-button-secondary .hc-button-counter[b-d4177k3r6s],
.hc-button-success .hc-button-counter[b-d4177k3r6s],
.hc-button-danger .hc-button-counter[b-d4177k3r6s],
.hc-button-warning .hc-button-counter[b-d4177k3r6s],
.hc-button-info .hc-button-counter[b-d4177k3r6s],
.hc-button-purple .hc-button-counter[b-d4177k3r6s],
.hc-button-dark .hc-button-counter[b-d4177k3r6s] {
    background: rgba(255,255,255,.20);
    color: inherit;
}

/* Outline buttons */

.hc-button-outline .hc-button-counter[b-d4177k3r6s],
.hc-button-light .hc-button-counter[b-d4177k3r6s],
.hc-button-ghost .hc-button-counter[b-d4177k3r6s] {
    background: rgba(15,23,42,.08);
    color: inherit;
}

/* Active buttons */

.hc-button-active .hc-button-counter[b-d4177k3r6s] {
    background: rgba(255,255,255,.18);
    border-color: rgba(255,255,255,.25);
    color: inherit;
}

/* =========================================================
   NOTIFICATION
========================================================= */

.hc-button-notification[b-d4177k3r6s] {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    flex-shrink: 0;
}

/* =========================================================
   BADGE COLORS
========================================================= */

.hc-button-badge-primary[b-d4177k3r6s] {
    background: rgba(255,255,255,.25);
    color: white;
}

.hc-button-badge-success[b-d4177k3r6s] {
    background: #16a34a;
    color: white;
}

.hc-button-badge-warning[b-d4177k3r6s] {
    background: #d97706;
    color: white;
}

.hc-button-badge-danger[b-d4177k3r6s] {
    background: #dc2626;
    color: white;
}

.hc-button-badge-info[b-d4177k3r6s] {
    background: #0891b2;
    color: white;
}

.hc-button-badge-purple[b-d4177k3r6s] {
    background: var(--hc-button-purple);
    color: white;
}

.hc-button-badge-dark[b-d4177k3r6s] {
    background: #0f172a;
    color: white;
}

.hc-button-badge-light[b-d4177k3r6s] {
    background: white;
    color: #334155;
}

/* =========================================================
   WIDTH
========================================================= */

.hc-button-full-width[b-d4177k3r6s],
.hc-button-block[b-d4177k3r6s] {
    width: 100%;
}

    /* =========================================================
   FULL WIDTH ALIGNMENT
========================================================= */

    .hc-button-full-width.hc-button-align-start[b-d4177k3r6s] {
        justify-content: flex-start;
    }

    .hc-button-full-width.hc-button-align-center[b-d4177k3r6s] {
        justify-content: center;
    }

    .hc-button-full-width.hc-button-align-end[b-d4177k3r6s] {
        justify-content: flex-end;
    }

    .hc-button-full-width.hc-button-align-space-between[b-d4177k3r6s] {
        justify-content: space-between;
    }

/* =========================================================
   ELEVATED
========================================================= */

.hc-button-elevated[b-d4177k3r6s] {
    box-shadow: 0 10px 25px rgba(15,23,42,.12);
}

/* =========================================================
   PRIMARY
========================================================= */

.hc-button-primary[b-d4177k3r6s] {
    background: #3b82f6;
    color: white;
    border-color: #3b82f6;
}

    .hc-button-primary:hover[b-d4177k3r6s] {
        background: #2563eb;
        border-color: #2563eb;
    }

/* =========================================================
   SECONDARY
========================================================= */

.hc-button-secondary[b-d4177k3r6s] {
    background: #64748b;
    color: white;
    border-color: #64748b;
}

    .hc-button-secondary:hover[b-d4177k3r6s] {
        background: #475569;
        border-color: #475569;
    }

/* =========================================================
   SUCCESS
========================================================= */

.hc-button-success[b-d4177k3r6s] {
    background: #22c55e;
    color: white;
    border-color: #22c55e;
}

    .hc-button-success:hover[b-d4177k3r6s] {
        background: #16a34a;
        border-color: #16a34a;
    }

/* =========================================================
   DANGER
========================================================= */

.hc-button-danger[b-d4177k3r6s] {
    background: #ef4444;
    color: white;
    border-color: #ef4444;
}

    .hc-button-danger:hover[b-d4177k3r6s] {
        background: #dc2626;
        border-color: #dc2626;
    }

/* =========================================================
   WARNING
========================================================= */

.hc-button-warning[b-d4177k3r6s] {
    background: #f59e0b;
    color: white;
    border-color: #f59e0b;
}

    .hc-button-warning:hover[b-d4177k3r6s] {
        background: #d97706;
        border-color: #d97706;
    }

/* =========================================================
   INFO
========================================================= */

.hc-button-info[b-d4177k3r6s] {
    background: #06b6d4;
    color: white;
    border-color: #06b6d4;
}

    .hc-button-info:hover[b-d4177k3r6s] {
        background: #0891b2;
        border-color: #0891b2;
    }

/* =========================================================
   PURPLE
========================================================= */

.hc-button-purple[b-d4177k3r6s] {
    background: var(--hc-button-purple);
    color: white;
    border-color: var(--hc-button-purple);
}

    .hc-button-purple:hover:not(:disabled)[b-d4177k3r6s],
    .hc-button-purple:focus-visible[b-d4177k3r6s] {
        background: var(--hc-button-purple-hover);
        border-color: var(--hc-button-purple-hover);
        color: white;
    }

    .hc-button-purple.hc-button-active[b-d4177k3r6s],
    .hc-button-purple:active:not(:disabled)[b-d4177k3r6s] {
        background: var(--hc-button-purple-active);
        border-color: var(--hc-button-purple-active);
        color: white;
    }

    .hc-button-purple:focus-visible[b-d4177k3r6s] {
        box-shadow: 0 0 0 3px rgba(var(--hc-button-purple-rgb), .28);
    }

    .hc-button-purple.hc-button-loading[b-d4177k3r6s] {
        background: var(--hc-button-purple);
        border-color: var(--hc-button-purple);
        color: white;
    }

/* =========================================================
   LIGHT
========================================================= */

.hc-button-light[b-d4177k3r6s] {
    background: white;
    color: #334155;
    border-color: #e2e8f0;
}

    .hc-button-light:hover[b-d4177k3r6s] {
        background: #f8fafc;
    }

/* =========================================================
   DARK
========================================================= */

.hc-button-dark[b-d4177k3r6s] {
    background: #0f172a;
    color: white;
    border-color: #0f172a;
}

    .hc-button-dark:hover[b-d4177k3r6s] {
        background: #020617;
    }

/* =========================================================
   GHOST
========================================================= */

.hc-button-ghost[b-d4177k3r6s] {
    background: transparent;
    color: #334155;
    border-color: transparent;
}

    .hc-button-ghost:hover[b-d4177k3r6s] {
        background: rgba(15,23,42,.06);
    }

    /*
     * Outlined ghost actions retain HCButton's existing one-pixel geometry:
     * only the transparent border paint becomes visible.
     */
    .hc-button-ghost.hc-button-outline[b-d4177k3r6s] {
        background: transparent;
        border-color: currentColor;
    }

        .hc-button-ghost.hc-button-outline:hover:not(:disabled)[b-d4177k3r6s] {
            background: rgba(15,23,42,.06);
        }

        .hc-button-ghost.hc-button-outline:focus-visible[b-d4177k3r6s] {
            outline: none;
            box-shadow: inset 0 0 0 2px rgba(59,130,246,.42);
        }

/* =========================================================
   LINK
========================================================= */

.hc-button-link[b-d4177k3r6s] {
    background: transparent;
    border-color: transparent;
    color: #2563eb;
    padding-left: 0;
    padding-right: 0;
}

    .hc-button-link:hover[b-d4177k3r6s] {
        text-decoration: underline;
    }

/* =========================================================
   OUTLINE
========================================================= */

.hc-button-outline-primary[b-d4177k3r6s] {
    background: transparent;
    color: #3b82f6;
    border-color: #3b82f6;
}

    .hc-button-outline-primary:hover[b-d4177k3r6s] {
        background: #3b82f6;
        color: white;
    }

.hc-button-outline-secondary[b-d4177k3r6s] {
    background: transparent;
    color: #64748b;
    border-color: #64748b;
}

    .hc-button-outline-secondary:hover[b-d4177k3r6s] {
        background: #64748b;
        color: white;
    }

.hc-button-outline-success[b-d4177k3r6s] {
    background: transparent;
    color: #22c55e;
    border-color: #22c55e;
}

    .hc-button-outline-success:hover[b-d4177k3r6s] {
        background: #22c55e;
        color: white;
    }

.hc-button-outline-danger[b-d4177k3r6s] {
    background: transparent;
    color: #ef4444;
    border-color: #ef4444;
}

    .hc-button-outline-danger:hover[b-d4177k3r6s] {
        background: #ef4444;
        color: white;
    }

.hc-button-outline-warning[b-d4177k3r6s] {
    background: transparent;
    color: #f59e0b;
    border-color: #f59e0b;
}

    .hc-button-outline-warning:hover[b-d4177k3r6s] {
        background: #f59e0b;
        color: white;
    }

.hc-button-outline-info[b-d4177k3r6s] {
    background: transparent;
    color: #06b6d4;
    border-color: #06b6d4;
}

    .hc-button-outline-info:hover[b-d4177k3r6s] {
        background: #06b6d4;
        color: white;
    }

.hc-button-outline-purple[b-d4177k3r6s] {
    background: transparent;
    color: var(--hc-button-purple);
    border-color: var(--hc-button-purple);
}

    .hc-button-outline-purple:hover:not(:disabled)[b-d4177k3r6s],
    .hc-button-outline-purple:focus-visible[b-d4177k3r6s] {
        background: var(--hc-button-purple);
        border-color: var(--hc-button-purple);
        color: white;
    }

    .hc-button-outline-purple.hc-button-active[b-d4177k3r6s],
    .hc-button-outline-purple:active:not(:disabled)[b-d4177k3r6s] {
        background: var(--hc-button-purple-active);
        border-color: var(--hc-button-purple-active);
        color: white;
    }

    .hc-button-outline-purple:focus-visible[b-d4177k3r6s] {
        box-shadow: 0 0 0 3px rgba(var(--hc-button-purple-rgb), .28);
    }

    .hc-button-outline-purple.hc-button-loading[b-d4177k3r6s] {
        background: transparent;
        border-color: var(--hc-button-purple);
        color: var(--hc-button-purple);
    }

    .hc-button-outline-purple .hc-button-counter[b-d4177k3r6s] {
        background: var(--hc-button-purple-light);
        color: var(--hc-button-purple);
    }

/* =========================================================
   ACTIVE
========================================================= */

.hc-button-active[b-d4177k3r6s] {
    color: var(--hc-button-active-color, inherit);
    background: var(--hc-button-active-background, transparent) !important;
    border-color: var(--hc-button-active-border-color, transparent);
    box-shadow: var(--hc-button-active-box-shadow, inset 0 0 0 9999px rgba(0,0,0,.08));
}

/*
 * Active icon parameters intentionally layer only while Active is true.
 * The normal channels remain the fallback so existing buttons do not change.
 */
.hc-button-active .hc-button-icon i.hc[b-d4177k3r6s] {
    --hc-icon-primary: var(--hc-button-active-icon-primary, var(--hc-button-icon-primary, currentColor));
    --hc-icon-secondary: var(--hc-button-active-icon-secondary, var(--hc-button-icon-secondary, currentColor));
}

/* =========================================================
   PRESSED
========================================================= */

.hc-button:active:not(:disabled)[b-d4177k3r6s] {
    transform: translateY(1px);
}

/* =========================================================
   DISABLED
========================================================= */

.hc-button-disabled[b-d4177k3r6s],
.hc-button:disabled[b-d4177k3r6s] {
    opacity: .65;
    cursor: not-allowed;
}

/* =========================================================
   LOADING
========================================================= */

.hc-button-loading[b-d4177k3r6s] {
    pointer-events: none;
}

.hc-button-spinner[b-d4177k3r6s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: currentColor;
}

.hc-button-spinner-circle[b-d4177k3r6s] {
    --hc-icon-primary: currentColor;
    --hc-icon-secondary: currentColor;
    --hc-icon-secondary-opacity: .28;
    width: var(--hc-button-loading-icon-size, 1.5rem);
    height: var(--hc-button-loading-icon-size, 1.5rem);
    color: currentColor;
}

/* =========================================================
   FOCUS
========================================================= */

.hc-button:focus-visible[b-d4177k3r6s] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59,130,246,.25);
}

/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes hc-button-spin-b-d4177k3r6s {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* _content/Hoodcoder.Blazor/Components/Actions/Buttons/Shared/HCDropdownButton.razor.rz.scp.css */
/* =====================================================
   CONTAINER
   ===================================================== */

.hc-dropdown-button-container[b-5dqw6a6ebi] {
    position: var(--hc-dropdown-container-position, relative);
    display: inline-flex;
    isolation: isolate;
    z-index: var(--hc-dropdown-container-z-index, auto);
    overflow: var(--hc-dropdown-container-overflow, visible);
    margin-inline: var(--hc-dropdown-container-margin-inline, 0);
}

.hc-dropdown-button-hoverable[b-5dqw6a6ebi] {
    /* Keeps the pointer interaction region continuous from trigger to panel. */
    padding-bottom: .5rem;
    margin-bottom: -.5rem;
}

.hc-dropdown-button-hoverable .hc-dropdown-panel[b-5dqw6a6ebi] {
    top: var(--hc-dropdown-hover-panel-top, 100%);
}

.hc-dropdown-button-hoverable[b-5dqw6a6ebi]::after {
    position: absolute;
    top: var(--hc-dropdown-bridge-top, 0);
    left: var(--hc-dropdown-bridge-left, 100%);
    z-index: var(--hc-dropdown-bridge-z-index, 10000);
    display: var(--hc-dropdown-bridge-display, none);
    width: var(--hc-dropdown-bridge-width, .75rem);
    height: var(--hc-dropdown-bridge-height, 100%);
    pointer-events: auto;
    background: rgba(0, 0, 0, .001);
    content: "";
}

/*
 * The vertical ellipsis is a single-color action glyph. Removing its generated
 * secondary mask prevents the filled capsule layer from showing behind the dots.
 */
.hc-dropdown-button-container[b-5dqw6a6ebi]  .hc-dropdown-button-trigger i.hc-ellipsis-vertical {
    --hc-icon-secondary: transparent;
}

/* =====================================================
   PANEL
   ===================================================== */

.hc-dropdown-panel[b-5dqw6a6ebi] {
    position: var(--hc-dropdown-panel-position, absolute);
    top: var(--hc-dropdown-panel-top, calc(100% + .5rem));
    bottom: var(--hc-dropdown-panel-bottom, auto);
    min-width: var(--hc-dropdown-panel-min-width, 200px);
    width: var(--hc-dropdown-panel-width, auto);
    max-width: var(--hc-dropdown-panel-max-width, min(24rem, calc(100vw - 2rem)));
    
    padding: var(--hc-dropdown-panel-padding, .5rem);
    z-index: var(--hc-dropdown-panel-z-index, 10001);
    color: var(--hc-dropdown-panel-color, inherit);
    background: var(--hc-dropdown-panel-background, var(--hc-surface, #fff));
    border: var(--hc-dropdown-panel-border, 1px solid var(--hc-border-color, #e2e8f0));
    border-radius: var(--hc-dropdown-panel-radius, 1rem);
    box-shadow: var(--hc-dropdown-panel-box-shadow, 0 20px 40px rgba(15,23,42,.10), 0 4px 12px rgba(15,23,42,.06));
    max-height: var(--hc-dropdown-panel-max-height, min(24rem, calc(100vh - 4rem)));
    overflow-y: var(--hc-dropdown-panel-overflow-y, auto);
    overflow-x: var(--hc-dropdown-panel-overflow-x, hidden);
    animation: hc-dropdown-fade-b-5dqw6a6ebi .15s ease;
    transform: var(--hc-dropdown-panel-transform, none);
}

.hc-dropdown-panel[b-5dqw6a6ebi]::before {
    position: absolute;
    top: var(--hc-dropdown-arrow-top, 50%);
    bottom: var(--hc-dropdown-arrow-bottom, auto);
    left: var(--hc-dropdown-arrow-left, -.4rem);
    right: var(--hc-dropdown-arrow-right, auto);
    display: var(--hc-dropdown-arrow-display, none);
    width: .75rem;
    height: .75rem;
    content: "";
    background: var(--hc-dropdown-arrow-background, var(--hc-surface, #fff));
    border-top: var(--hc-dropdown-arrow-border-top, 0);
    border-right: var(--hc-dropdown-arrow-border-right, 0);
    border-bottom: var(--hc-dropdown-arrow-border-bottom, 1px solid var(--hc-border-color, #e2e8f0));
    border-left: var(--hc-dropdown-arrow-border-left, 1px solid var(--hc-border-color, #e2e8f0));
    transform: var(--hc-dropdown-arrow-transform, translateY(-50%) rotate(45deg));
}

.hc-dropdown-dismiss-layer[b-5dqw6a6ebi] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: block;
    width: 100vw;
    height: 100vh;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: default;
}

/* =====================================================
   ALIGNMENT
   ===================================================== */

.hc-dropdown-start[b-5dqw6a6ebi] {
    left: var(--hc-dropdown-panel-left, 0);
    right: var(--hc-dropdown-panel-right, auto);
}

.hc-dropdown-center[b-5dqw6a6ebi] {
    left: 50%;
    transform: translateX(-50%);
}

.hc-dropdown-end[b-5dqw6a6ebi] {
    right: var(--hc-dropdown-panel-right, 0);
    left: var(--hc-dropdown-panel-left, auto);
}

.hc-dropdown-placement-bottom[b-5dqw6a6ebi] {
    top: var(--hc-dropdown-panel-top, calc(100% + var(--hc-dropdown-offset, .5rem)));
    bottom: var(--hc-dropdown-panel-bottom, auto);
}

.hc-dropdown-placement-top[b-5dqw6a6ebi] {
    top: var(--hc-dropdown-panel-top, auto);
    bottom: var(--hc-dropdown-panel-bottom, calc(100% + var(--hc-dropdown-offset, .5rem)));
}

.hc-dropdown-placement-right[b-5dqw6a6ebi] {
    right: var(--hc-dropdown-panel-right, auto);
    left: var(--hc-dropdown-panel-left, calc(100% + var(--hc-dropdown-offset, .5rem)));
}

.hc-dropdown-placement-left[b-5dqw6a6ebi] {
    right: var(--hc-dropdown-panel-right, calc(100% + var(--hc-dropdown-offset, .5rem)));
    left: var(--hc-dropdown-panel-left, auto);
}

.hc-dropdown-placement-right.hc-dropdown-start[b-5dqw6a6ebi],
.hc-dropdown-placement-left.hc-dropdown-start[b-5dqw6a6ebi] {
    top: var(--hc-dropdown-panel-top, 0);
    bottom: var(--hc-dropdown-panel-bottom, auto);
    transform: var(--hc-dropdown-panel-transform, none);
}

.hc-dropdown-placement-right.hc-dropdown-center[b-5dqw6a6ebi],
.hc-dropdown-placement-left.hc-dropdown-center[b-5dqw6a6ebi] {
    top: var(--hc-dropdown-panel-top, 50%);
    bottom: var(--hc-dropdown-panel-bottom, auto);
    transform: var(--hc-dropdown-panel-transform, translateY(-50%));
}

.hc-dropdown-placement-right.hc-dropdown-end[b-5dqw6a6ebi],
.hc-dropdown-placement-left.hc-dropdown-end[b-5dqw6a6ebi] {
    top: var(--hc-dropdown-panel-top, auto);
    bottom: var(--hc-dropdown-panel-bottom, 0);
    transform: var(--hc-dropdown-panel-transform, none);
}

.hc-dropdown-placement-right[b-5dqw6a6ebi]::before,
.hc-dropdown-placement-left[b-5dqw6a6ebi]::before,
.hc-dropdown-placement-top[b-5dqw6a6ebi]::before,
.hc-dropdown-placement-bottom[b-5dqw6a6ebi]::before,
.hc-dropdown-panel[data-hc-dropdown-placement^="right-"][b-5dqw6a6ebi]::before,
.hc-dropdown-panel[data-hc-dropdown-placement^="left-"][b-5dqw6a6ebi]::before,
.hc-dropdown-panel[data-hc-dropdown-placement^="top-"][b-5dqw6a6ebi]::before,
.hc-dropdown-panel[data-hc-dropdown-placement^="bottom-"][b-5dqw6a6ebi]::before {
    display: var(--hc-dropdown-arrow-display, block);
}

@media (max-width: 575.98px) {
    .hc-dropdown-panel[b-5dqw6a6ebi] {
        position: fixed;
        top: auto;
        right: 1rem;
        bottom: 1rem;
        left: 1rem;
        width: auto;
        max-width: none;
        transform: none;
    }
}

/* =====================================================
   ITEMS
   ===================================================== */

.hc-dropdown-item[b-5dqw6a6ebi] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .75rem;
    min-height: 3rem;
    margin-block: .1rem;
    padding: .6rem .7rem;
    border: 1px solid transparent;
    border-radius: .65rem;
    background: transparent;
    color: var(--hc-text-color, #334155);
    font-size: .72rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}

    .hc-dropdown-item:hover[b-5dqw6a6ebi] {
        background: var(--hc-surface-muted, #f8fafc);
        border-color: var(--hc-border-color, #e2e8f0);
    }

    .hc-dropdown-item:focus-visible[b-5dqw6a6ebi] {
        background: var(--hc-surface-muted, #f8fafc);
        border-color: var(--hc-border-color, #e2e8f0);
    }

    .hc-dropdown-item:active[b-5dqw6a6ebi] {
        background: rgba(59,130,246,.12);
    }

    /* =====================================================
   ICON
   ===================================================== */

    .hc-dropdown-item i[b-5dqw6a6ebi] {
        width: 18px;
        min-width: 18px;
        text-align: center;
        color: var(--hc-primary, #3b82f6);
    }

    /* =====================================================
   TEXT
   ===================================================== */

    .hc-dropdown-item span[b-5dqw6a6ebi] {
        flex: 1;
        text-align: left;
    }





/* =====================================================
   DANGER
   ===================================================== */

.hc-dropdown-item-danger[b-5dqw6a6ebi] {
    color: #dc2626;
}

    .hc-dropdown-item-danger i[b-5dqw6a6ebi] {
        color: #dc2626;
    }

    .hc-dropdown-item-danger:hover[b-5dqw6a6ebi] {
        background: rgba(220,38,38,.08);
    }

/* =====================================================
   ANIMATION
   ===================================================== */

@keyframes hc-dropdown-fade-b-5dqw6a6ebi {

    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/Hoodcoder.Blazor/Components/Actions/Buttons/Shared/HCDropdownDivider.razor.rz.scp.css */
/* =====================================================
   DIVIDER
   ===================================================== */

.hc-dropdown-divider[b-nj9alczhm0] {
    height: 1px;
    margin: .35rem .75rem;
    background: var(--bs-border-color, #e2e8f0);
    opacity: .75;
}
/* _content/Hoodcoder.Blazor/Components/Actions/Buttons/Shared/HCDropdownItem.razor.rz.scp.css */
/* =====================================================
   ITEM
   ===================================================== */

.hc-dropdown-item[b-ph5ed2cbyn] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem 1rem;
    border: none;
    background: transparent;
    color: var(--hc-text-color, #334155);
    font-size: .9rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}

    /* =====================================================
   HOVER
   ===================================================== */

    .hc-dropdown-item:hover[b-ph5ed2cbyn] {
        background: rgba(59,130,246,.08);
    }

    .hc-dropdown-item:active[b-ph5ed2cbyn] {
        background: rgba(59,130,246,.12);
    }

/* =====================================================
   ICON
   ===================================================== */

.hc-dropdown-item__icon[b-ph5ed2cbyn] {
    width: 18px;
    min-width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .hc-dropdown-item__icon i[b-ph5ed2cbyn] {
        font-size: .9rem;
        color: var(--hc-primary, #3b82f6);
    }

/* =====================================================
   TEXT
   ===================================================== */

.hc-dropdown-item__text[b-ph5ed2cbyn] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

/* =====================================================
   DANGER
   ===================================================== */

.hc-dropdown-item-danger[b-ph5ed2cbyn] {
    color: #dc2626;
}

    .hc-dropdown-item-danger .hc-dropdown-item__icon i[b-ph5ed2cbyn] {
        color: #dc2626;
    }

    .hc-dropdown-item-danger:hover[b-ph5ed2cbyn] {
        background: rgba(220,38,38,.08);
    }

/* =====================================================
   DISABLED
   ===================================================== */

.hc-dropdown-item:disabled[b-ph5ed2cbyn] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
}
/* _content/Hoodcoder.Blazor/Components/Actions/Buttons/Shared/HCRadioButton.razor.rz.scp.css */
/* =========================================================
   RADIO
========================================================= */

.hc-radio-tooltip-host[b-gsg33xyywv] {
    display: flex;
    width: 100%;
    min-width: 0;
}

.hc-radio[b-gsg33xyywv] {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    outline: none;
    cursor: pointer;
}

    .hc-radio:focus-visible .hc-radio-card-body[b-gsg33xyywv] {
        box-shadow: var(--hc-form-control-focus-ring, inset 0 0 0 2px rgba(59,130,246,.42));
    }

/* =========================================================
   INPUT
========================================================= */

.hc-radio-input[b-gsg33xyywv] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

/* =========================================================
   CARD
========================================================= */

.hc-radio-card-body[b-gsg33xyywv] {
    display: flex;
    flex: 1;
    width: 100%;
    min-width: 0;
    min-height: var(--hc-radio-card-min-height, 0);
    padding: var(--hc-radio-card-padding, 2rem);
    border: 1px solid var(--hc-input-border-color);
    border-radius: .75rem;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.hc-radio-card-content[b-gsg33xyywv] {
    display: flex;
    flex: 1;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* =========================================================
   CONTROL
========================================================= */

.hc-radio-card .hc-radio-control[b-gsg33xyywv] {
    display: none;
}

.hc-radio-control[b-gsg33xyywv] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .125rem;
    flex-shrink: 0;
    border: 1px solid var(--hc-input-border-color);
    border-radius: 50%;
    background: var(--hc-input-bg);
    transition: var(--hc-input-transition);
}

.hc-radio-indicator[b-gsg33xyywv] {
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    background: #fff;
    transform: scale(0);
    transition: var(--hc-input-transition);
}

/* =========================================================
   STATES
========================================================= */

.hc-radio-selected .hc-radio-control[b-gsg33xyywv] {
    border-color: #111827;
    background: #111827;
}

.hc-radio-selected .hc-radio-indicator[b-gsg33xyywv] {
    transform: scale(1);
}

.hc-radio-card.hc-radio-selected .hc-radio-card-body[b-gsg33xyywv] {
    border-color: var(--hc-primary);
    background: color-mix(in srgb, var(--hc-primary) 6%, white);
}

.hc-radio-card:not(.hc-radio-disabled):hover .hc-radio-card-body[b-gsg33xyywv] {
    border-color: var(--hc-primary);
}

.hc-radio:focus-within .hc-radio-control[b-gsg33xyywv] {
    border-color: var(--hc-input-border-focus-color, #3b82f6);
    box-shadow: var(--hc-form-control-focus-ring, inset 0 0 0 2px rgba(59,130,246,.42));
}

.hc-radio:not(.hc-radio-disabled):not(.hc-radio-readonly):hover .hc-radio-control[b-gsg33xyywv] {
    border-color: #111827;
}

.hc-radio-disabled[b-gsg33xyywv] {
    opacity: .7;
    cursor: not-allowed;
}

.hc-radio-readonly[b-gsg33xyywv] {
    cursor: default;
}

.hc-radio-loading[b-gsg33xyywv] {
    opacity: .75;
    pointer-events: none;
}

/* =========================================================
   DEFAULT CONTENT
========================================================= */

.hc-radio-default-content[b-gsg33xyywv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    gap: .25rem;
}

/* =========================================================
   LABEL
========================================================= */

.hc-radio-label[b-gsg33xyywv] {
    font-weight: 600;
    line-height: 1.4;
    color: #111827;
}

/* _content/Hoodcoder.Blazor/Components/Collections/FileManager/HCFileManager.razor.rz.scp.css */
.hc-file-manager[b-xct7hxpgxn]{--hcfm-accent:var(--hc-color-primary,#6941c6);--hcfm-border:var(--hc-color-border,#e4e7ec);--hcfm-bg:var(--hc-color-surface,#fff);--hcfm-subtle:var(--hc-color-surface-subtle,#f8f9fb);--hcfm-text:var(--hc-color-text,#1d2939);--hcfm-muted:var(--hc-color-text-muted,#667085);display:flex;flex-direction:column;min-height:34rem;height:100%;overflow:hidden;color:var(--hcfm-text);background:var(--hcfm-bg);border:1px solid var(--hcfm-border);border-radius:.75rem;font-family:inherit}.hc-file-manager button[b-xct7hxpgxn],.hc-file-manager input[b-xct7hxpgxn],.hc-file-manager select[b-xct7hxpgxn]{font:inherit}.hc-file-manager__header[b-xct7hxpgxn],.hc-file-manager__toolbar[b-xct7hxpgxn],.hc-file-manager__selection[b-xct7hxpgxn]{display:flex;align-items:center;gap:1rem;padding:.9rem 1.2rem;border-bottom:1px solid var(--hcfm-border)}.hc-file-manager__header[b-xct7hxpgxn]{justify-content:space-between}.hc-file-manager__header>div:first-child[b-xct7hxpgxn]{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:.15rem .7rem}.hc-file-manager__eyebrow[b-xct7hxpgxn]{grid-column:1/-1;color:var(--hcfm-muted);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hc-file-manager h2[b-xct7hxpgxn]{margin:0;font-size:1.35rem}.hc-file-manager__count[b-xct7hxpgxn]{color:var(--hcfm-muted);font-size:.8rem}.hc-file-manager__primary-actions[b-xct7hxpgxn],.hc-file-manager__selection>div[b-xct7hxpgxn]{display:flex;align-items:center;gap:.5rem}.hc-file-manager__button[b-xct7hxpgxn],.hc-file-manager__selection button[b-xct7hxpgxn]{display:inline-flex;align-items:center;justify-content:center;min-height:2.3rem;padding:.45rem .75rem;border:1px solid var(--hcfm-border);border-radius:.5rem;background:var(--hcfm-bg);color:var(--hcfm-text);cursor:pointer;font-size:.84rem;font-weight:650}.hc-file-manager__button--primary[b-xct7hxpgxn]{border-color:var(--hcfm-accent);background:var(--hcfm-accent);color:#fff}.hc-file-manager__button--danger[b-xct7hxpgxn]{border-color:#b42318;background:#b42318;color:#fff}.hc-file-manager button:focus-visible[b-xct7hxpgxn],.hc-file-manager input:focus-visible[b-xct7hxpgxn],.hc-file-manager select:focus-visible[b-xct7hxpgxn]{outline:3px solid color-mix(in srgb,var(--hcfm-accent) 28%,transparent);outline-offset:2px}.hc-file-manager button:disabled[b-xct7hxpgxn],.hc-file-manager .is-disabled[b-xct7hxpgxn]{opacity:.5;cursor:not-allowed}.hc-file-manager__input-file[b-xct7hxpgxn]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hc-file-manager__source select[b-xct7hxpgxn]{height:2.3rem;max-width:14rem;padding:0 2rem 0 .65rem;border:1px solid var(--hcfm-border);border-radius:.5rem;color:var(--hcfm-text);background:var(--hcfm-bg)}.hc-file-manager__toolbar[b-xct7hxpgxn]{min-height:3.4rem;background:var(--hcfm-subtle)}.hc-file-manager__icon-button[b-xct7hxpgxn],.hc-file-manager__views button[b-xct7hxpgxn]{display:grid;place-items:center;flex:0 0 2.2rem;width:2.2rem;height:2.2rem;padding:0;border:1px solid var(--hcfm-border);border-radius:.45rem;background:var(--hcfm-bg);cursor:pointer}.hc-file-manager__breadcrumbs[b-xct7hxpgxn]{display:flex;align-items:center;min-width:5rem;overflow:hidden;white-space:nowrap}.hc-file-manager__breadcrumbs button[b-xct7hxpgxn]{max-width:10rem;overflow:hidden;text-overflow:ellipsis;padding:.3rem .4rem;border:0;background:transparent;cursor:pointer}.hc-file-manager__breadcrumbs button:last-of-type[b-xct7hxpgxn]{font-weight:700}.hc-file-manager__breadcrumbs span[b-xct7hxpgxn]{color:var(--hcfm-muted)}.hc-file-manager__search[b-xct7hxpgxn]{display:flex;align-items:center;gap:.35rem;width:min(20rem,32vw);margin-left:auto;padding:0 .6rem;border:1px solid var(--hcfm-border);border-radius:.5rem;background:var(--hcfm-bg)}.hc-file-manager__search input[b-xct7hxpgxn]{width:100%;height:2.2rem;border:0;outline:0;background:transparent}.hc-file-manager__views[b-xct7hxpgxn]{display:flex;border:1px solid var(--hcfm-border);border-radius:.5rem;overflow:hidden}.hc-file-manager__views button[b-xct7hxpgxn]{border:0;border-radius:0}.hc-file-manager__views .is-active[b-xct7hxpgxn]{color:var(--hcfm-accent);background:color-mix(in srgb,var(--hcfm-accent) 10%,transparent)}.hc-file-manager__selection[b-xct7hxpgxn]{background:color-mix(in srgb,var(--hcfm-accent) 8%,transparent)}.hc-file-manager__selection>strong[b-xct7hxpgxn]{max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-file-manager__selection>span[b-xct7hxpgxn]{color:var(--hcfm-muted);font-size:.8rem}.hc-file-manager__selection>div[b-xct7hxpgxn]{margin-left:auto}.hc-file-manager__selection button[b-xct7hxpgxn]{min-height:2rem;padding:.3rem .55rem}.hc-file-manager__selection .is-danger[b-xct7hxpgxn]{color:#b42318}.hc-file-manager__message[b-xct7hxpgxn]{display:flex;justify-content:space-between;padding:.65rem 1.2rem;color:#175cd3;background:#eff8ff;border-bottom:1px solid #b2ddff;font-size:.84rem}.hc-file-manager__message.is-error[b-xct7hxpgxn]{color:#b42318;background:#fef3f2;border-color:#fecdca}.hc-file-manager__message button[b-xct7hxpgxn]{border:0;background:transparent;color:inherit;cursor:pointer}.hc-file-manager__workspace[b-xct7hxpgxn]{display:flex;min-height:0;flex:1}.hc-file-manager__content[b-xct7hxpgxn]{min-width:0;flex:1;overflow:auto;padding:1.2rem}.hc-file-manager__grid[b-xct7hxpgxn]{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.8rem}.hc-file-manager__card[b-xct7hxpgxn]{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:1rem;border:1px solid var(--hcfm-border);border-radius:.7rem;background:var(--hcfm-bg);color:var(--hcfm-text);cursor:pointer;text-align:left}.hc-file-manager__card:hover[b-xct7hxpgxn],.hc-file-manager__card.is-selected[b-xct7hxpgxn]{border-color:var(--hcfm-accent);background:color-mix(in srgb,var(--hcfm-accent) 7%,var(--hcfm-bg));box-shadow:0 .25rem .75rem rgba(16,24,40,.08)}.hc-file-manager__file-icon[b-xct7hxpgxn],.hc-file-manager__detail-icon[b-xct7hxpgxn]{display:grid;place-items:center;width:3rem;height:3rem;margin-bottom:.8rem;border-radius:.6rem;color:#344054;background:#f2f4f7;font-size:1.3rem;font-weight:800}.hc-file-manager .is-folder[b-xct7hxpgxn]{color:#b54708;background:#fffaeb}.hc-file-manager .is-image[b-xct7hxpgxn],.hc-file-manager .is-sheet[b-xct7hxpgxn]{color:#027a48;background:#ecfdf3}.hc-file-manager .is-pdf[b-xct7hxpgxn]{color:#b42318;background:#fef3f2}.hc-file-manager .is-word[b-xct7hxpgxn]{color:#175cd3;background:#eff8ff}.hc-file-manager__name[b-xct7hxpgxn]{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:650}.hc-file-manager__meta[b-xct7hxpgxn]{margin-top:.2rem;color:var(--hcfm-muted);font-size:.74rem}.hc-file-manager__table-wrap[b-xct7hxpgxn]{overflow:auto}.hc-file-manager__table[b-xct7hxpgxn]{width:100%;border-collapse:collapse;font-size:.84rem}.hc-file-manager__table th[b-xct7hxpgxn],.hc-file-manager__table td[b-xct7hxpgxn]{padding:.7rem .75rem;border-bottom:1px solid var(--hcfm-border);text-align:left}.hc-file-manager__table th[b-xct7hxpgxn]{color:var(--hcfm-muted);font-size:.7rem;text-transform:uppercase}.hc-file-manager__table tbody tr[b-xct7hxpgxn]{cursor:pointer}.hc-file-manager__table tbody tr:hover[b-xct7hxpgxn],.hc-file-manager__table tbody tr.is-selected[b-xct7hxpgxn]{background:color-mix(in srgb,var(--hcfm-accent) 8%,transparent)}.hc-file-manager__table td:first-child[b-xct7hxpgxn]{display:flex;align-items:center;gap:.6rem;min-width:14rem;font-weight:600}.hc-file-manager__row-icon[b-xct7hxpgxn]{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:.35rem;font-size:.72rem;font-weight:800}.hc-file-manager__state[b-xct7hxpgxn]{display:grid;place-items:center;align-content:center;gap:.5rem;min-height:20rem;color:var(--hcfm-muted);text-align:center}.hc-file-manager__state strong[b-xct7hxpgxn]{color:var(--hcfm-text)}.hc-file-manager__empty[b-xct7hxpgxn]{display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:var(--hcfm-subtle);font-size:2rem}.hc-file-manager__spinner[b-xct7hxpgxn]{width:2rem;height:2rem;border:3px solid var(--hcfm-border);border-top-color:var(--hcfm-accent);border-radius:50%;animation:hcfm-spin-b-xct7hxpgxn .8s linear infinite}@keyframes hcfm-spin-b-xct7hxpgxn{to{transform:rotate(360deg)}}.hc-file-manager__details[b-xct7hxpgxn]{position:relative;flex:0 0 17rem;padding:1.3rem;border-left:1px solid var(--hcfm-border);background:var(--hcfm-subtle);overflow:auto}.hc-file-manager__details>button[b-xct7hxpgxn]{position:absolute;right:.7rem;top:.7rem;border:0;background:transparent;cursor:pointer}.hc-file-manager__details h3[b-xct7hxpgxn]{overflow-wrap:anywhere;font-size:1rem}.hc-file-manager__details dl[b-xct7hxpgxn]{display:grid;gap:.8rem}.hc-file-manager__details dl div[b-xct7hxpgxn]{display:grid;gap:.15rem}.hc-file-manager__details dt[b-xct7hxpgxn]{color:var(--hcfm-muted);font-size:.68rem;font-weight:700;text-transform:uppercase}.hc-file-manager__details dd[b-xct7hxpgxn]{margin:0;overflow-wrap:anywhere;font-size:.82rem}.hc-file-manager__backdrop[b-xct7hxpgxn]{position:fixed;z-index:1090;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(16,24,40,.55)}.hc-file-manager__dialog[b-xct7hxpgxn]{width:min(27rem,100%);padding:1.35rem;border-radius:.8rem;background:var(--hcfm-bg);box-shadow:0 1.5rem 3rem rgba(16,24,40,.24)}.hc-file-manager__dialog p[b-xct7hxpgxn]{color:var(--hcfm-muted)}.hc-file-manager__dialog label[b-xct7hxpgxn]{display:grid;gap:.4rem;font-size:.82rem;font-weight:650}.hc-file-manager__dialog input[b-xct7hxpgxn]{height:2.5rem;padding:0 .65rem;border:1px solid var(--hcfm-border);border-radius:.5rem}.hc-file-manager__dialog>div[b-xct7hxpgxn]{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.2rem}.hc-sr-only[b-xct7hxpgxn]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:800px){.hc-file-manager__header[b-xct7hxpgxn]{align-items:flex-start}.hc-file-manager__primary-actions[b-xct7hxpgxn]{flex-wrap:wrap;justify-content:flex-end}.hc-file-manager__toolbar[b-xct7hxpgxn]{flex-wrap:wrap}.hc-file-manager__breadcrumbs[b-xct7hxpgxn]{order:2;width:100%}.hc-file-manager__search[b-xct7hxpgxn]{width:auto;flex:1}.hc-file-manager__details[b-xct7hxpgxn]{position:absolute;z-index:3;inset:0 0 0 auto;width:min(19rem,88vw);box-shadow:-.5rem 0 1.5rem rgba(16,24,40,.14)}}@media(max-width:560px){.hc-file-manager__header[b-xct7hxpgxn]{flex-direction:column}.hc-file-manager__primary-actions[b-xct7hxpgxn]{width:100%;justify-content:flex-start}.hc-file-manager__grid[b-xct7hxpgxn]{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-file-manager__selection[b-xct7hxpgxn]{align-items:flex-start;flex-direction:column}.hc-file-manager__selection>div[b-xct7hxpgxn]{width:100%;margin-left:0;overflow:auto}}
[b-xct7hxpgxn](.hc-file-manager__input-file){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hc-file-manager[b-xct7hxpgxn]{border-color:#d9dee8;border-radius:1rem;box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 32px rgba(16,24,40,.07)}
.hc-file-manager__header[b-xct7hxpgxn]{min-height:5.5rem;padding:1rem 1.25rem;background:linear-gradient(180deg,#fff 0%,#fcfcfd 100%)}
.hc-file-manager__header>div:first-child[b-xct7hxpgxn]{min-width:10rem}.hc-file-manager__primary-actions[b-xct7hxpgxn]{margin-left:auto}
.hc-file-manager__source select[b-xct7hxpgxn]{min-width:15.5rem;max-width:18rem;border-color:#d0d5dd;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.hc-file-manager__button[b-xct7hxpgxn]{white-space:nowrap;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.hc-file-manager__button--primary[b-xct7hxpgxn]{background:linear-gradient(135deg,var(--hcfm-accent),color-mix(in srgb,var(--hcfm-accent) 78%,#111827));box-shadow:0 4px 10px color-mix(in srgb,var(--hcfm-accent) 22%,transparent)}
.hc-file-manager__toolbar[b-xct7hxpgxn]{padding:.75rem 1.25rem;background:#f8fafc}.hc-file-manager__breadcrumbs button:last-of-type[b-xct7hxpgxn]{font-size:.88rem}
.hc-file-manager__search[b-xct7hxpgxn]{border-color:#d0d5dd;box-shadow:0 1px 2px rgba(16,24,40,.03)}.hc-file-manager__content[b-xct7hxpgxn]{padding:1.25rem;background:#fff}
.hc-file-manager__grid[b-xct7hxpgxn]{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.9rem;align-content:start}
.hc-file-manager__card[b-xct7hxpgxn]{min-height:8.8rem;padding:1rem;border-color:#e1e6ef;border-radius:.8rem;box-shadow:0 1px 2px rgba(16,24,40,.025);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.hc-file-manager__card:hover[b-xct7hxpgxn]{transform:translateY(-2px);box-shadow:0 8px 18px rgba(16,24,40,.09)}
.hc-file-manager__file-icon[b-xct7hxpgxn]{width:3.25rem;height:3.25rem;border-radius:.7rem;box-shadow:inset 0 0 0 1px rgba(16,24,40,.035)}
.hc-file-manager__name[b-xct7hxpgxn]{font-size:.86rem;letter-spacing:-.01em}.hc-file-manager__details[b-xct7hxpgxn]{background:#f8fafc}
.hc-file-manager[b-xct7hxpgxn] (input.hc-file-manager__input-file){display:none!important}
.hc-file-manager__source select[b-xct7hxpgxn]{min-width:18rem;max-width:21rem}
.hc-file-manager__thumbnail[b-xct7hxpgxn]{display:block;width:100%;height:6.25rem;margin-bottom:.8rem;overflow:hidden;border:1px solid #e4e7ec;border-radius:.65rem;background:#f2f4f7}.hc-file-manager__thumbnail img[b-xct7hxpgxn]{width:100%;height:100%;object-fit:cover}.hc-file-manager__card:has(.hc-file-manager__thumbnail)[b-xct7hxpgxn]{min-height:12.5rem}.hc-file-manager__row-thumbnail[b-xct7hxpgxn]{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;overflow:hidden;border:1px solid #e4e7ec;border-radius:.4rem;background:#f2f4f7}.hc-file-manager__row-thumbnail img[b-xct7hxpgxn]{width:100%;height:100%;object-fit:cover}
.hc-file-manager__details[b-xct7hxpgxn]{flex-basis:21rem;padding:0;background:#f8fafc}.hc-file-manager__details>button[b-xct7hxpgxn]{z-index:2;display:grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(208,213,221,.9);border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 1px 3px rgba(16,24,40,.08)}.hc-file-manager__details>h3[b-xct7hxpgxn],.hc-file-manager__details>dl[b-xct7hxpgxn]{margin-inline:1.15rem}.hc-file-manager__details>h3[b-xct7hxpgxn]{margin-top:1rem}.hc-file-manager__preview[b-xct7hxpgxn]{display:grid;place-items:center;width:100%;min-height:13rem;max-height:19rem;overflow:hidden;border-bottom:1px solid var(--hcfm-border);background:linear-gradient(145deg,#eef2f7,#f8fafc)}.hc-file-manager__preview>img[b-xct7hxpgxn],.hc-file-manager__preview>video[b-xct7hxpgxn]{width:100%;height:100%;max-height:19rem;object-fit:contain}.hc-file-manager__preview iframe[b-xct7hxpgxn]{width:100%;height:19rem;border:0;background:#fff}.hc-file-manager__preview audio[b-xct7hxpgxn]{width:calc(100% - 1.5rem)}.hc-file-manager__preview pre[b-xct7hxpgxn]{width:100%;height:19rem;margin:0;padding:1rem;overflow:auto;color:#d1e0ff;background:#101828;font:500 .74rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.hc-file-manager__preview-state[b-xct7hxpgxn],.hc-file-manager__preview-fallback[b-xct7hxpgxn]{display:grid;place-items:center;gap:.55rem;padding:1.25rem;color:var(--hcfm-muted);text-align:center}.hc-file-manager__preview-fallback .hc-file-manager__detail-icon[b-xct7hxpgxn]{margin:0}.hc-file-manager__preview-fallback strong[b-xct7hxpgxn]{color:var(--hcfm-text);font-size:.86rem}.hc-file-manager__preview-fallback span:last-child[b-xct7hxpgxn]{font-size:.76rem;line-height:1.45}
.hc-file-manager__context-dismiss[b-xct7hxpgxn]{position:fixed;z-index:1190;inset:0;background:transparent}.hc-file-manager__context-menu[b-xct7hxpgxn]{position:fixed;z-index:1200;display:grid;min-width:13.5rem;max-width:18rem;padding:.4rem;border:1px solid #d9dee8;border-radius:.7rem;background:#fff;box-shadow:0 1rem 2.5rem rgba(16,24,40,.2);transform:translateY(2px)}.hc-file-manager__context-menu button[b-xct7hxpgxn]{display:grid;grid-template-columns:1.25rem 1fr;align-items:center;gap:.55rem;width:100%;padding:.58rem .65rem;border:0;border-radius:.45rem;background:transparent;color:#344054;cursor:pointer;text-align:left;font-size:.82rem;font-weight:600}.hc-file-manager__context-menu button:hover[b-xct7hxpgxn]{background:#f2f4f7;color:#101828}.hc-file-manager__context-menu button.is-danger[b-xct7hxpgxn]{color:#b42318}.hc-file-manager__context-menu button.is-danger:hover[b-xct7hxpgxn]{background:#fef3f2}.hc-file-manager__context-menu button:disabled[b-xct7hxpgxn]{opacity:.45;cursor:not-allowed}.hc-file-manager__context-menu button>span[b-xct7hxpgxn]{display:grid;place-items:center;color:#667085}.hc-file-manager__context-separator[b-xct7hxpgxn]{height:1px;margin:.3rem .4rem;background:#eaecf0}

/* Keep every internal preview on a predictable document-style canvas. */
.hc-file-manager[b-xct7hxpgxn] {
    min-height: var(--hc-file-manager-min-height, 34rem);
    border-radius: var(--hc-file-manager-radius, .75rem);
}

.hc-file-manager__preview[b-xct7hxpgxn] {
    color: #101828;
    background: #fff;
}

.hc-file-manager__preview pre[b-xct7hxpgxn] {
    color: #101828;
    background: #fff;
}

.hc-file-manager__preview-state[b-xct7hxpgxn],
.hc-file-manager__preview-fallback[b-xct7hxpgxn] {
    color: #475467;
    background: #fff;
}

.hc-file-manager__preview-fallback strong[b-xct7hxpgxn] {
    color: #101828;
}

/* Form fields use the shared inset focus contract without an inner search-input ring. */
.hc-file-manager__search:focus-within[b-xct7hxpgxn] {
    border-color: var(--hcfm-accent);
    box-shadow: var(--hc-input-shadow-focus);
}

.hc-file-manager__search input:focus-visible[b-xct7hxpgxn] {
    outline: none;
    box-shadow: none;
}

.hc-file-manager__source select:focus-visible[b-xct7hxpgxn],
.hc-file-manager__dialog input:focus-visible[b-xct7hxpgxn] {
    outline: none;
    box-shadow: var(--hc-input-shadow-focus);
}
/* _content/Hoodcoder.Blazor/Components/Collections/Layouts/HCCardLayout.razor.rz.scp.css */
.hc-card-layout[b-f94en3pm5t] {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(var(--hc-card-columns, 3), minmax(0, 1fr));
    gap: var(--hc-card-gap, 1rem);
    align-items: start;
}

.hc-card-layout-item[b-f94en3pm5t] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #fff;
    border: 1px solid #E4E6EF;
    border-radius: 1rem;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease, transform .15s ease;
}

.hc-card-layout-item.stretch[b-f94en3pm5t] {
    height: 100%;
}

.hc-card-layout-item:hover[b-f94en3pm5t] {
    border-color: #D0D5DD;
    box-shadow: 0 4px 12px rgba(16,24,40,.04), 0 2px 4px rgba(16,24,40,.03);
    transform: translateY(-2px);
}

@media (max-width: 1200px) {
    .hc-card-layout[b-f94en3pm5t] {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
}

@media (max-width: 768px) {
    .hc-card-layout[b-f94en3pm5t] {
        grid-template-columns: 1fr;
    }
}
/* _content/Hoodcoder.Blazor/Components/Collections/Layouts/HCFeedLayout.razor.rz.scp.css */
.hc-feed-layout[b-47s1arf5nk] {
    display: flex;
    flex-direction: column;
}

.hc-feed-item[b-47s1arf5nk] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--hc-border-color);
}

.hc-feed-avatar[b-47s1arf5nk] {
    flex-shrink: 0;
}

.hc-feed-body[b-47s1arf5nk] {
    flex: 1;
    min-width: 0;
}

.hc-feed-meta[b-47s1arf5nk] {
    flex-shrink: 0;
}
/* _content/Hoodcoder.Blazor/Components/Collections/Layouts/HCGridLayout.razor.rz.scp.css */
.hc-grid-layout[b-amr6ii81qz] {
    position: relative;
    display: grid;
    width: 100%;
    align-items: start;
}

.hc-grid-layout-item[b-amr6ii81qz] {
    position: relative;
    min-width: 0;
    transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}

.hc-grid-layout-item.rounded[b-amr6ii81qz] {
    border-radius: 1rem;
    overflow: hidden;
}

.hc-grid-layout-item.bordered[b-amr6ii81qz] {
    border: 1px solid #E4E6EF;
    background: #fff;
}

.hc-grid-layout-item.hoverable:hover[b-amr6ii81qz] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(16,24,40,.05), 0 2px 4px rgba(16,24,40,.04);
    border-color: #D0D5DD;
}

@media (max-width: 768px) {
    .hc-grid-layout[b-amr6ii81qz] {
        grid-template-columns: 1fr !important;
    }
}
/* _content/Hoodcoder.Blazor/Components/Collections/Layouts/HCKanbanLayout.razor.rz.scp.css */
.hc-kanban-layout[b-k240o0d1nx] {
    --hc-kanban-surface: #f6f7f9;
    --hc-kanban-column-surface: #f2f4f7;
    --hc-kanban-card-surface: #fff;
    --hc-kanban-border: #e4e7ec;
    --hc-kanban-text: #101828;
    --hc-kanban-muted: #667085;
    --hc-kanban-accent: #4f46e5;
    display: flex;
    align-items: stretch;
    gap: var(--hc-kanban-gap, 1rem);
    width: 100%;
    padding: .25rem .125rem .75rem;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-gutter: stable;
}

.hc-kanban-state[b-k240o0d1nx] {
    display: grid;
    min-width: min(32rem, 100%);
    min-height: var(--hc-kanban-column-min-height, 12.5rem);
    place-content: center;
    gap: .75rem;
    padding: 2rem;
    color: var(--hc-kanban-muted);
    background: var(--hc-kanban-card-surface);
    border: 1px solid var(--hc-kanban-border);
    border-radius: 1rem;
    text-align: center;
}

.hc-kanban-state-error[b-k240o0d1nx] {
    color: #b42318;
    background: #fffbfa;
    border-color: #fecdca;
}

.hc-kanban-state-spinner[b-k240o0d1nx] {
    width: 1.75rem;
    height: 1.75rem;
    margin: 0 auto;
    border: .2rem solid color-mix(in srgb, var(--hc-kanban-accent) 20%, transparent);
    border-top-color: var(--hc-kanban-accent);
    border-radius: 50%;
    animation: hc-kanban-spin-b-k240o0d1nx .75s linear infinite;
}

.hc-kanban-column[b-k240o0d1nx] {
    display: flex;
    flex: 0 0 var(--hc-kanban-column-width, 20rem);
    flex-direction: column;
    min-width: min(var(--hc-kanban-column-width, 20rem), calc(100vw - 2rem));
    max-width: var(--hc-kanban-column-width, 20rem);
    overflow: hidden;
    background: var(--hc-kanban-column-surface);
    border: 1px solid var(--hc-kanban-border);
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgb(16 24 40 / 4%);
    transition: border-color .18s ease, box-shadow .18s ease;
}

.hc-kanban-column[data-kanban-drop-active="true"][b-k240o0d1nx] {
    border-color: color-mix(in srgb, var(--hc-kanban-accent) 60%, white);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--hc-kanban-accent) 12%, transparent);
}

.hc-kanban-column-header[b-k240o0d1nx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 3.5rem;
    padding: .875rem 1rem;
    background: color-mix(in srgb, var(--hc-kanban-card-surface) 86%, transparent);
    border-bottom: 1px solid var(--hc-kanban-border);
}

.hc-kanban-column-title[b-k240o0d1nx] {
    margin: 0;
    overflow: hidden;
    color: var(--hc-kanban-text);
    font-size: .9375rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hc-kanban-column-count[b-k240o0d1nx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 .45rem;
    color: var(--hc-kanban-accent);
    background: color-mix(in srgb, var(--hc-kanban-accent) 10%, white);
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 700;
}

.hc-kanban-column-body[b-k240o0d1nx] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--hc-kanban-card-gap, .75rem);
    min-height: var(--hc-kanban-column-min-height, 12.5rem);
    padding: .875rem;
}

.hc-kanban-swimlane[b-k240o0d1nx] {
    display: flex;
    flex-direction: column;
    gap: .625rem;
    min-height: 4rem;
    padding: .25rem;
    border-radius: .75rem;
}

.hc-kanban-swimlane[data-kanban-drop-active="true"][b-k240o0d1nx] {
    background: color-mix(in srgb, var(--hc-kanban-accent) 5%, transparent);
}

.hc-kanban-swimlane-header[b-k240o0d1nx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .35rem .25rem;
    color: var(--hc-kanban-muted);
    border-bottom: 1px solid var(--hc-kanban-border);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.hc-kanban-swimlane-count[b-k240o0d1nx] {
    font-variant-numeric: tabular-nums;
}

.hc-kanban-swimlane-cards[b-k240o0d1nx] {
    display: flex;
    flex-direction: column;
    gap: var(--hc-kanban-card-gap, .75rem);
    min-height: 2.5rem;
}

.hc-kanban-card[b-k240o0d1nx] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    color: var(--hc-kanban-text);
    background: var(--hc-kanban-card-surface);
    border: 1px solid var(--hc-kanban-border);
    border-radius: .75rem;
    box-shadow: 0 1px 2px rgb(16 24 40 / 5%);
    transition: transform .15s ease, box-shadow .18s ease, border-color .18s ease, opacity .15s ease;
}

.hc-kanban-card-movable[b-k240o0d1nx] {
    cursor: grab;
    touch-action: pan-y;
}

.hc-kanban-card-movable:active[b-k240o0d1nx] {
    cursor: grabbing;
}

.hc-kanban-card-hoverable:hover[b-k240o0d1nx] {
    transform: translateY(-2px);
    border-color: #cfd4dc;
    box-shadow: 0 6px 16px rgb(16 24 40 / 9%);
}

.hc-kanban-card-dragging[b-k240o0d1nx] {
    opacity: .45;
    transform: rotate(1deg) scale(.98);
}

.hc-kanban-card-selected[b-k240o0d1nx] {
    border-color: color-mix(in srgb, var(--hc-kanban-accent) 62%, white);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--hc-kanban-accent) 12%, transparent);
}

.hc-kanban-card:focus-visible[b-k240o0d1nx] {
    outline: 3px solid color-mix(in srgb, var(--hc-kanban-accent) 32%, transparent);
    outline-offset: 2px;
}

.hc-kanban-drop-preview[b-k240o0d1nx] {
    display: grid;
    min-height: 4.5rem;
    place-items: center;
    padding: .75rem;
    color: var(--hc-kanban-accent);
    background: color-mix(in srgb, var(--hc-kanban-accent) 6%, transparent);
    border: 2px dashed color-mix(in srgb, var(--hc-kanban-accent) 55%, white);
    border-radius: .75rem;
    font-size: .8125rem;
    font-weight: 650;
}

.hc-kanban-column-empty[b-k240o0d1nx] {
    display: grid;
    flex: 1;
    min-height: 7rem;
    place-items: center;
    color: var(--hc-kanban-muted);
    text-align: center;
}

.hc-kanban-layout-disabled[b-k240o0d1nx] {
    opacity: .65;
}

.hc-kanban-layout-disabled .hc-kanban-card[b-k240o0d1nx],
.hc-kanban-layout-readonly .hc-kanban-card[b-k240o0d1nx] {
    cursor: default;
}

.hc-kanban-layout[b-k240o0d1nx]::-webkit-scrollbar {
    height: .625rem;
}

.hc-kanban-layout[b-k240o0d1nx]::-webkit-scrollbar-thumb {
    background: #cfd4dc;
    border: 2px solid transparent;
    border-radius: 999px;
    background-clip: padding-box;
}

@media (max-width: 48rem) {
    .hc-kanban-layout[b-k240o0d1nx] {
        scroll-snap-type: inline proximity;
    }

    .hc-kanban-column[b-k240o0d1nx] {
        flex-basis: min(18rem, calc(100vw - 2rem));
        min-width: min(18rem, calc(100vw - 2rem));
        scroll-snap-align: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hc-kanban-column[b-k240o0d1nx],
    .hc-kanban-card[b-k240o0d1nx] {
        transition: none;
    }

    .hc-kanban-state-spinner[b-k240o0d1nx] {
        animation: none;
    }
}

@keyframes hc-kanban-spin-b-k240o0d1nx {
    to {
        transform: rotate(360deg);
    }
}
/* _content/Hoodcoder.Blazor/Components/Collections/Layouts/HCListLayout.razor.rz.scp.css */
.hc-list-layout[b-29nsalf8jf] {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: var(--hc-list-gap, .75rem);
}

.hc-list-item[b-29nsalf8jf] {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    min-width: 0;
    background: #fff;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .15s ease;
}

    .hc-list-item.rounded[b-29nsalf8jf] {
        border-radius: 1rem;
    }

    .hc-list-item.bordered[b-29nsalf8jf] {
        border: 1px solid #E4E6EF;
    }

    .hc-list-item.divided:not(:last-child)[b-29nsalf8jf] {
        border-bottom: 1px solid #F1F1F2;
    }

    .hc-list-item.hoverable:hover[b-29nsalf8jf] {
        background: #FAFAFA;
        border-color: #D0D5DD;
        box-shadow: 0 2px 8px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.03);
    }

    .hc-list-item.clickable[b-29nsalf8jf] {
        cursor: pointer;
    }

        .hc-list-item.clickable:hover[b-29nsalf8jf] {
            transform: translateY(-1px);
        }

.hc-list-item-start[b-29nsalf8jf] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.hc-list-item-body[b-29nsalf8jf] {
    box-sizing: border-box;
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hc-list-item-end[b-29nsalf8jf] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
}

/* =========================================================
   GROUPS
   ========================================================= */

.hc-list-group[b-29nsalf8jf] {
    overflow: hidden;
    border: 1px solid #E4E6EF;
    border-radius: var(--hc-list-group-radius, .625rem);
    background: #fff;
}

.hc-list-group-header[b-29nsalf8jf] {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: var(--hc-list-group-header-padding, .35rem .55rem);
    border-bottom: 1px solid #E4E6EF;
    background: #F8F9FA;
}

.hc-list-group-header--collapsible[b-29nsalf8jf] {
    cursor: pointer;
}

.hc-list-group-header--collapsible:hover[b-29nsalf8jf] {
    background: var(--hc-surface-muted-bg, #f1f3f5);
}

.hc-list-group-header--collapsible:focus-visible[b-29nsalf8jf] {
    outline: 2px solid var(--hc-purple);
    outline-offset: -2px;
}

.hc-list-group-items[b-29nsalf8jf] {
    display: flex;
    flex-direction: column;
    overflow: visible;
}

/* =========================================================
   GROUPED ITEMS
   ========================================================= */

/* Remove card styling when inside a group */

.hc-list-group .hc-list-item[b-29nsalf8jf] {
    margin: 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent;
    box-shadow: none !important;
}

    /* Row separators */

    .hc-list-group .hc-list-item:not(:last-child)[b-29nsalf8jf] {
        border-bottom: 1px solid #F1F1F2 !important;
    }

    /* Keep hover behavior */

    .hc-list-group .hc-list-item.hoverable:hover[b-29nsalf8jf] {
        background: #FAFAFA;
        box-shadow: none;
    }

    /* Keep clickable behavior */

    .hc-list-group .hc-list-item.clickable:hover[b-29nsalf8jf] {
        transform: none;
    }

/* Optional tighter grouped spacing */

.hc-list-group .hc-list-item[b-29nsalf8jf] {
    padding: 1rem .25rem;
}

@media (max-width: 768px) {
    .hc-list-item[b-29nsalf8jf] {
        gap: .75rem;
        padding: .875rem;
    }
}
/* _content/Hoodcoder.Blazor/Components/Collections/Layouts/HCTableLayout.razor.rz.scp.css */
.hc-table-sort-button[b-yfvk116yup] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: none;
    background: transparent;
    font: inherit;
    cursor: pointer;
    padding: 0;
}

    .hc-table-sort-button:hover[b-yfvk116yup] {
        opacity: .8;
    }
/* _content/Hoodcoder.Blazor/Components/Collections/Layouts/HCTimelineLayout.razor.rz.scp.css */
.hc-timeline-layout[b-085eepukwk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.hc-timeline-item[b-085eepukwk] {
    display: flex;
    gap: 1rem;
}

.hc-timeline-marker[b-085eepukwk] {
    width: 12px;
    height: 12px;
    margin-top: .5rem;
    border-radius: 999px;
    background: var(--hc-primary, #0d6efd);
    flex-shrink: 0;
}

.hc-timeline-content[b-085eepukwk] {
    flex: 1;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--hc-border-color);
}
/* _content/Hoodcoder.Blazor/Components/Collections/Layouts/HCTreeLayout.razor.rz.scp.css */
.hc-tree-layout[b-tcdkml6fru] {
    display: flex;
    flex-direction: column;
}

.hc-tree-node[b-tcdkml6fru] {
    padding: .5rem 1rem;
    border-left: 2px solid var(--hc-border-color);
}
/* _content/Hoodcoder.Blazor/Components/Collections/Shared/HCCollectionActions.razor.rz.scp.css */
.hc-collection-actions[b-l3v692ax5q] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}
/* _content/Hoodcoder.Blazor/Components/Collections/Shared/HCCollectionBulkActions.razor.rz.scp.css */
.hc-collection-bulk-actions-container[b-v42pubmge8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .875rem 1rem;
    border: 1px solid var(--hc-border-color);
    border-radius: .75rem;
    background: var(--hc-selected);
}

.hc-collection-bulk-info[b-v42pubmge8] {
    display: flex;
    align-items: center;
}

.hc-collection-bulk-count[b-v42pubmge8] {
    font-weight: 600;
}

.hc-collection-bulk-actions[b-v42pubmge8] {
    display: flex;
    align-items: center;
    gap: .75rem;
}
/* _content/Hoodcoder.Blazor/Components/Collections/Shared/HCCollectionColumnPicker.razor.rz.scp.css */
.hc-column-picker[b-430hdeka7h] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.hc-column-picker-item[b-430hdeka7h] {
    display: flex;
    align-items: center;
    gap: .35rem;
    cursor: pointer;
}
/* _content/Hoodcoder.Blazor/Components/Collections/Shared/HCCollectionEmptyTemplate.razor.rz.scp.css */
.hc-collection-empty[b-ltg0fdatlo] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 320px;
    padding: 3rem 2rem;
    border: 1px dashed #D0D5DD;
    border-radius: 1.25rem;
    background: linear-gradient(180deg, rgba(249,250,251,.8) 0%, rgba(255,255,255,1) 100%);
    text-align: center;
}

.hc-collection-empty.compact[b-ltg0fdatlo] {
    min-height: 220px;
    padding: 2rem 1.5rem;
}

.hc-collection-empty-icon[b-ltg0fdatlo] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 999px;
    background: #F4F4F5;
    margin-bottom: 1.5rem;
}

.hc-collection-empty-content[b-ltg0fdatlo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 480px;
}

.hc-collection-empty-title[b-ltg0fdatlo] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #111827;
    line-height: 1.3;
}

.hc-collection-empty-description[b-ltg0fdatlo] {
    margin-top: .5rem;
    color: #6B7280;
    font-size: .95rem;
    line-height: 1.6;
}

.hc-collection-empty-actions[b-ltg0fdatlo] {
    margin-top: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .hc-collection-empty[b-ltg0fdatlo] {
        min-height: 260px;
        padding: 2rem 1rem;
    }

    .hc-collection-empty-icon[b-ltg0fdatlo] {
        width: 60px;
        height: 60px;
        margin-bottom: 1rem;
    }

    .hc-collection-empty-title[b-ltg0fdatlo] {
        font-size: 1rem;
    }

    .hc-collection-empty-description[b-ltg0fdatlo] {
        font-size: .875rem;
    }
}
/* _content/Hoodcoder.Blazor/Components/Collections/Shared/HCCollectionFilters.razor.rz.scp.css */
.hc-collection-filters[b-i9dsdqzfqw] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--hc-border-color);
    background: var(--hc-surface-bg);
}

    .hc-collection-filters > *[b-i9dsdqzfqw] {
        flex: 0 0 auto;
    }

@media (max-width: 768px) {
    .hc-collection-filters[b-i9dsdqzfqw] {
        flex-direction: column;
        align-items: stretch;
    }

        .hc-collection-filters > *[b-i9dsdqzfqw] {
            width: 100%;
        }
}
/* _content/Hoodcoder.Blazor/Components/Collections/Shared/HCCollectionHeaderTemplate.razor.rz.scp.css */
.hc-collection-header[b-0s5ed7a3vh] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 1.25rem 1.5rem;
    background: #fff;
    border-radius: 1rem;
    z-index: 5;
}

.hc-collection-header.bordered[b-0s5ed7a3vh] {
    border: 1px solid #E4E6EF;
}

.hc-collection-header.sticky[b-0s5ed7a3vh] {
    position: sticky;
    top: 0;
    backdrop-filter: blur(10px);
    background: rgba(255,255,255,.92);
}

.hc-collection-header.compact[b-0s5ed7a3vh] {
    padding: .875rem 1rem;
}

.hc-collection-header-content[b-0s5ed7a3vh] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
    flex: 1;
}

.hc-collection-header-icon[b-0s5ed7a3vh] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 1rem;
    background: linear-gradient(135deg, rgba(59,130,246,.10), rgba(99,102,241,.12));
}

.hc-collection-header-text[b-0s5ed7a3vh] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.hc-collection-header-title[b-0s5ed7a3vh] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #111827;
    line-height: 1.3;
}

.hc-collection-header-subtitle[b-0s5ed7a3vh] {
    margin-top: .2rem;
    color: #6B7280;
    font-size: .9rem;
    line-height: 1.5;
}

.hc-collection-header-actions[b-0s5ed7a3vh] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .hc-collection-header[b-0s5ed7a3vh] {
        flex-direction: column;
        align-items: stretch;
        padding: 1rem;
    }

    .hc-collection-header-content[b-0s5ed7a3vh] {
        width: 100%;
    }

    .hc-collection-header-actions[b-0s5ed7a3vh] {
        width: 100%;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .hc-collection-header-icon[b-0s5ed7a3vh] {
        width: 44px;
        height: 44px;
        border-radius: .875rem;
    }

    .hc-collection-header-title[b-0s5ed7a3vh] {
        font-size: 1rem;
    }

    .hc-collection-header-subtitle[b-0s5ed7a3vh] {
        font-size: .85rem;
    }
}
/* _content/Hoodcoder.Blazor/Components/Collections/Shared/HCCollectionImport.razor.rz.scp.css */
.hc-collection-import[b-i6lgmlp0lo] {
    display: flex;
    align-items: center;
}
/* _content/Hoodcoder.Blazor/Components/Collections/Shared/HCCollectionItem.razor.rz.scp.css */
.hc-collection-item[b-ekbbq5939j] {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 1rem;
    width: 100%;
    min-width: 0;
    background: #fff;
    border: 1px solid var(--hc-border-color);
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .15s ease;
}

.hc-collection-item.compact[b-ekbbq5939j] {
    padding: .75rem 1rem;
    gap: .75rem;
}

.hc-collection-item.rounded[b-ekbbq5939j] {
    border-radius: 1rem;
}

.hc-collection-item.bordered[b-ekbbq5939j] {
    border: 1px solid #E4E6EF;
}

.hc-collection-item.shadowed[b-ekbbq5939j] {
    box-shadow: 0 4px 10px rgba(15,23,42,.04), 0 1px 3px rgba(15,23,42,.03);
}

.hc-collection-item.hoverable:hover[b-ekbbq5939j] {
    background: #FAFAFA;
    border-color: #D0D5DD;
}

.hc-collection-item.clickable[b-ekbbq5939j] {
    cursor: pointer;
}

.hc-collection-item.clickable:hover[b-ekbbq5939j] {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(15,23,42,.05), 0 2px 6px rgba(15,23,42,.04);
}

.hc-collection-item.disabled[b-ekbbq5939j] {
    opacity: .6;
    pointer-events: none;
}

.hc-collection-item-start[b-ekbbq5939j] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.hc-collection-item-body[b-ekbbq5939j] {
    box-sizing: border-box;
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .5rem;
}

.hc-collection-item-header[b-ekbbq5939j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.hc-collection-item-content[b-ekbbq5939j] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.hc-collection-item-footer[b-ekbbq5939j] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.hc-collection-item-end[b-ekbbq5939j] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-shrink: 0;
}

.hc-collection-item-actions[b-ekbbq5939j] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.hc-collection-item-overlay[b-ekbbq5939j] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

/* =========================================================
   HOVER
   ========================================================= */

.hc-collection-item:hover[b-ekbbq5939j] {
    border-color: var(--hc-border-hover);
}

/* =========================================================
   SELECTED
   ========================================================= */

.hc-collection-item.selected[b-ekbbq5939j],
.hc-collection-item.selected:hover[b-ekbbq5939j],
.hc-collection-item.selected:focus[b-ekbbq5939j],
.hc-collection-item.selected:focus-within[b-ekbbq5939j] {
    border-color: var(--hc-border-focus);
    background: linear-gradient( 180deg, rgba(59,130,246,.04), rgba(255,255,255,1));
    box-shadow: 0 0 0 1px var(--hc-border-focus);
}

@media (max-width: 768px) {
    .hc-collection-item[b-ekbbq5939j] {
        padding: .875rem 1rem;
    }

    .hc-collection-item-end[b-ekbbq5939j] {
        gap: .5rem;
    }
}
/* _content/Hoodcoder.Blazor/Components/Collections/Shared/HCCollectionItemTemplate.razor.rz.scp.css */
.hc-collection-item-template[b-mzfya4uro4] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    min-width: 0;
    padding: 1rem 1.25rem;
    background: #fff;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .15s ease;
}

.hc-collection-item-template.compact[b-mzfya4uro4] {
    padding: .75rem 1rem;
    gap: .75rem;
}

.hc-collection-item-template.rounded[b-mzfya4uro4] {
    border-radius: 1rem;
}

.hc-collection-item-template.bordered[b-mzfya4uro4] {
    border: 1px solid #E4E6EF;
}

.hc-collection-item-template.hoverable:hover[b-mzfya4uro4] {
    background: #FAFAFA;
    border-color: #D0D5DD;
    box-shadow: 0 4px 12px rgba(16,24,40,.04), 0 2px 4px rgba(16,24,40,.03);
}

.hc-collection-item-template.clickable[b-mzfya4uro4] {
    cursor: pointer;
}

.hc-collection-item-template.clickable:hover[b-mzfya4uro4] {
    transform: translateY(-2px);
}

.hc-collection-item-start[b-mzfya4uro4] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.hc-collection-item-body[b-mzfya4uro4] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hc-collection-item-end[b-mzfya4uro4] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-shrink: 0;
}

.hc-collection-item-actions[b-mzfya4uro4] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

@media (max-width: 768px) {
    .hc-collection-item-template[b-mzfya4uro4] {
        padding: .875rem 1rem;
        gap: .75rem;
    }

    .hc-collection-item-end[b-mzfya4uro4] {
        gap: .5rem;
    }
}
/* _content/Hoodcoder.Blazor/Components/Collections/Shared/HCCollectionLayoutSwitcher.razor.rz.scp.css */
/* =========================================================
   ROOT
   ========================================================= */

.hc-collection-layout-switcher[b-fcil37nnkz] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .25rem;
    border: 1px solid var(--hc-border-color);
    border-radius: .75rem;
    background: var(--hc-surface-bg);
}

/* =========================================================
   BUTTON
   ========================================================= */

.hc-layout-button[b-fcil37nnkz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: .5rem .875rem;
    border: none;
    border-radius: .5rem;
    background: transparent;
    color: var(--hc-text);
    font-size: .875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, transform .15s ease, box-shadow .2s ease;
}

    .hc-layout-button:hover[b-fcil37nnkz] {
        background: var(--hc-hover);
    }

    .hc-layout-button:focus-visible[b-fcil37nnkz] {
        outline: none;
        box-shadow: 0 0 0 2px var(--hc-border-focus);
    }

    /* =========================================================
   ACTIVE
   ========================================================= */

    .hc-layout-button.active[b-fcil37nnkz] {
        background: var(--hc-selected);
        color: var(--hc-heading-color);
        box-shadow: 0 0 0 1px var(--hc-border-color);
    }

    /* =========================================================
   DISABLED
   ========================================================= */

    .hc-layout-button:disabled[b-fcil37nnkz] {
        opacity: .5;
        cursor: not-allowed;
        pointer-events: none;
    }

/* =========================================================
   COMPACT
   ========================================================= */

.hc-collection-layout-switcher.compact .hc-layout-button[b-fcil37nnkz] {
    min-height: 32px;
    padding: .375rem .625rem;
    font-size: .8125rem;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {
    .hc-collection-layout-switcher[b-fcil37nnkz] {
        width: 100%;
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .hc-layout-button[b-fcil37nnkz] {
        flex: 1 0 auto;
        white-space: nowrap;
    }
}
/* _content/Hoodcoder.Blazor/Components/Collections/Shared/HCCollectionLoadingTemplate.razor.rz.scp.css */
.hc-collection-loading[b-xuxz8fhbaz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.hc-collection-loading.compact[b-xuxz8fhbaz] {
    gap: .75rem;
}

.hc-collection-loading-item[b-xuxz8fhbaz] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    min-width: 0;
    padding: 1rem 1.25rem;
    background: #fff;
}

.hc-collection-loading.card-style .hc-collection-loading-item[b-xuxz8fhbaz] {
    border: 1px solid #E4E6EF;
    border-radius: 1rem;
}

.hc-collection-loading.compact .hc-collection-loading-item[b-xuxz8fhbaz] {
    padding: .875rem 1rem;
    gap: .75rem;
}

.hc-loading-avatar[b-xuxz8fhbaz] {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    flex-shrink: 0;
    background: #ECEFF3;
}

.hc-collection-loading.compact .hc-loading-avatar[b-xuxz8fhbaz] {
    width: 40px;
    height: 40px;
}

.hc-loading-content[b-xuxz8fhbaz] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    flex: 1;
    min-width: 0;
}

.hc-loading-line[b-xuxz8fhbaz] {
    position: relative;
    overflow: hidden;
    border-radius: 999px;
    background: #ECEFF3;
    height: 10px;
}

.hc-loading-line.large[b-xuxz8fhbaz] {
    width: 70%;
    height: 12px;
}

.hc-loading-line.medium[b-xuxz8fhbaz] {
    width: 50%;
}

.hc-loading-line.small[b-xuxz8fhbaz] {
    width: 35%;
    height: 8px;
}

.hc-loading-actions[b-xuxz8fhbaz] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-shrink: 0;
}

.hc-loading-action[b-xuxz8fhbaz] {
    width: 32px;
    height: 32px;
    border-radius: .75rem;
    background: #ECEFF3;
}

.shimmer[b-xuxz8fhbaz] {
    position: relative;
    overflow: hidden;
}

.shimmer[b-xuxz8fhbaz]::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent);
    animation: hc-shimmer-b-xuxz8fhbaz 1.4s infinite;
}

@keyframes hc-shimmer-b-xuxz8fhbaz {
    100% {
        transform: translateX(100%);
    }
}

@media (max-width: 768px) {
    .hc-collection-loading-item[b-xuxz8fhbaz] {
        padding: .875rem 1rem;
    }

    .hc-loading-avatar[b-xuxz8fhbaz] {
        width: 40px;
        height: 40px;
    }

    .hc-loading-line.large[b-xuxz8fhbaz] {
        width: 80%;
    }

    .hc-loading-line.medium[b-xuxz8fhbaz] {
        width: 60%;
    }

    .hc-loading-line.small[b-xuxz8fhbaz] {
        width: 45%;
    }
}
/* _content/Hoodcoder.Blazor/Components/Collections/Shared/HCCollectionPager.razor.rz.scp.css */
.hc-collection-pager[b-xvshgck3vt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    flex-wrap: wrap;
    padding: 1rem;
}

.hc-pager-button[b-xvshgck3vt] {
    min-width: 40px;
    height: 40px;
    padding: 0 .75rem;
    border: 1px solid var(--hc-border-color);
    border-radius: .75rem;
    background: var(--hc-surface-bg);
    cursor: pointer;
    transition: all .2s ease;
}

    .hc-pager-button:hover:not(:disabled)[b-xvshgck3vt] {
        background: var(--hc-hover);
    }

    .hc-pager-button.active[b-xvshgck3vt] {
        background: var(--hc-selected);
        font-weight: 600;
    }

    .hc-pager-button:disabled[b-xvshgck3vt] {
        opacity: .5;
        cursor: not-allowed;
    }
/* _content/Hoodcoder.Blazor/Components/Collections/Shared/HCCollectionSort.razor.rz.scp.css */
.hc-collection-sort[b-wb0ft1rvli] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.hc-collection-sort-label[b-wb0ft1rvli] {
    font-size: .875rem;
    font-weight: 600;
    white-space: nowrap;
}

.hc-collection-sort-select[b-wb0ft1rvli] {
    min-width: 180px;
}

.hc-collection-sort-direction[b-wb0ft1rvli] {
    min-width: 40px;
    height: 40px;
    border: 1px solid var(--hc-border-color);
    border-radius: .5rem;
    background: var(--hc-surface-bg);
    cursor: pointer;
}

    .hc-collection-sort-direction:hover[b-wb0ft1rvli] {
        background: var(--hc-hover);
    }

    .hc-collection-sort-direction:focus-visible[b-wb0ft1rvli] {
        outline: none;
        box-shadow: var(--hc-input-shadow-focus);
    }
/* _content/Hoodcoder.Blazor/Components/Collections/Shared/HCCollectionToolbar.razor.rz.scp.css */
.hc-collection-toolbar[b-1n7vzqh2ir] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    min-height: 64px;
    padding: 1rem 1.25rem;
    background: var(--hc-surface-bg);
}

.hc-collection-toolbar-bordered[b-1n7vzqh2ir] {
    border-bottom: 1px solid var(--hc-border-color);
}

.hc-collection-toolbar-sticky[b-1n7vzqh2ir] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--hc-surface-bg);
}

.hc-collection-toolbar-start[b-1n7vzqh2ir] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex: 1 1 auto;
}

.hc-collection-toolbar-center[b-1n7vzqh2ir] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    flex: 0 0 auto;
}

.hc-collection-toolbar-end[b-1n7vzqh2ir] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .75rem;
    flex: 1 1 auto;
}

@media (max-width: 768px) {
    .hc-collection-toolbar[b-1n7vzqh2ir] {
        flex-direction: column;
        align-items: stretch;
    }

    .hc-collection-toolbar-start[b-1n7vzqh2ir],
    .hc-collection-toolbar-center[b-1n7vzqh2ir],
    .hc-collection-toolbar-end[b-1n7vzqh2ir] {
        justify-content: flex-start;
        width: 100%;
    }
}
/* _content/Hoodcoder.Blazor/Components/Collections/Shared/HCCollectionView.razor.rz.scp.css */
.hc-collection-view[b-sc6197h3u7] {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--hc-collection-gap, .5rem);
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: visible;
}

.hc-collection-content[b-sc6197h3u7] {
    box-sizing: border-box;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    gap: var(--hc-collection-content-gap, .5rem);
    overflow-x: hidden;
    overflow-y: auto;
}

.hc-collection-view.rounded[b-sc6197h3u7] {
    border-radius: 1.25rem;
}

.hc-collection-view.bordered[b-sc6197h3u7] {
    border: 1px solid #E4E6EF;
    background: #fff;
    padding: 1rem;
}

.hc-collection-view.fluid[b-sc6197h3u7] {
    width: 100%;
}

.hc-collection-search[b-sc6197h3u7] {
    width: 100%;
    height: 44px;
    border: 1px solid #D0D5DD;
    border-radius: .875rem;
    background: #fff;
    padding: 0 1rem;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

    .hc-collection-search:focus[b-sc6197h3u7] {
        border-color: #3B82F6;
        box-shadow: var(--hc-input-shadow-focus);
    }

.hc-layout-grid .hc-collection-content[b-sc6197h3u7],
.hc-layout-cards .hc-collection-content[b-sc6197h3u7] {
    display: block;
}

.hc-layout-kanban .hc-collection-content[b-sc6197h3u7] {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
}

@media (max-width: 768px) {
    .hc-collection-view.bordered[b-sc6197h3u7] {
        padding: .75rem;
    }

    .hc-collection-search[b-sc6197h3u7] {
        height: 40px;
        border-radius: .75rem;
    }
}
/* _content/Hoodcoder.Blazor/Components/Collections/Shared/HCCollectionViewSelector.razor.rz.scp.css */
.hc-collection-view-selector[b-fp3inblt7q] {
    min-width: 180px;
}
/* _content/Hoodcoder.Blazor/Components/Dashboard/Designer/HCDashboardDesigner.razor.rz.scp.css */
/* =========================================================
   DASHBOARD DESIGNER
   ========================================================= */

.hc-dashboard-designer[b-y2v00pzmye] {
    --hc-dashboard-designer-motion-fast: 120ms;
    --hc-dashboard-designer-motion-medium: 180ms;
    --hc-dashboard-designer-motion-slow: 260ms;
    --hc-dashboard-designer-ease: cubic-bezier(.2, 0, .2, 1);
    --hc-dashboard-designer-ease-out: cubic-bezier(.16, 1, .3, 1);

    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    min-height: 640px;
    border: 1px solid var(--hc-border-color);
    border-radius: var(--hc-radius-md);
    background: var(--hc-surface-bg);
    color: var(--hc-body-color);
    overflow: hidden;
    transition:
        border-color var(--hc-dashboard-designer-motion-medium) var(--hc-dashboard-designer-ease),
        box-shadow var(--hc-dashboard-designer-motion-medium) var(--hc-dashboard-designer-ease);
}

.hc-dashboard-designer-toolbar[b-y2v00pzmye] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--hc-spacing-md);
    padding: var(--hc-spacing-md);
    border-bottom: 1px solid var(--hc-border-color);
    background: var(--hc-surface-muted-bg);
}

.hc-dashboard-designer-title-group[b-y2v00pzmye] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.hc-dashboard-designer-title[b-y2v00pzmye] {
    color: var(--hc-heading-color);
    font-size: var(--hc-font-size-lg);
    font-weight: var(--hc-font-weight-semibold);
    line-height: 1.25;
}

.hc-dashboard-designer-subtitle[b-y2v00pzmye] {
    color: var(--hc-muted-color);
    font-size: var(--hc-font-size-xs);
    line-height: 1.35;
}

.hc-dashboard-designer-actions[b-y2v00pzmye] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--hc-spacing-xs);
}

.hc-dashboard-designer-breakpoints[b-y2v00pzmye] {
    display: inline-flex;
    align-items: center;
    gap: 0;
    flex: 0 0 auto;
    border: 1px solid var(--hc-border-color);
    border-radius: var(--hc-radius-sm);
    background: var(--hc-surface-bg);
    overflow: hidden;
}

.hc-dashboard-designer-breakpoint-button[b-y2v00pzmye] {
    min-width: 2.5rem;
    min-height: 2rem;
    padding: 0 var(--hc-spacing-sm);
    border: 0;
    border-right: 1px solid var(--hc-border-color);
    background: transparent;
    color: var(--hc-muted-color);
    font: inherit;
    font-size: var(--hc-font-size-xs);
    font-weight: var(--hc-font-weight-semibold);
    line-height: 1;
    transition:
        background-color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease);
}

.hc-dashboard-designer-breakpoint-button:last-child[b-y2v00pzmye] {
    border-right: 0;
}

.hc-dashboard-designer-breakpoint-button:hover[b-y2v00pzmye],
.hc-dashboard-designer-breakpoint-button:focus-visible[b-y2v00pzmye],
.hc-dashboard-designer-breakpoint-button-active[b-y2v00pzmye] {
    background: var(--hc-primary-soft-bg);
    color: var(--hc-primary);
    outline: none;
}

.hc-dashboard-designer-workspace[b-y2v00pzmye] {
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) minmax(260px, 340px);
    flex: 1 1 auto;
    min-height: 0;
}

.hc-dashboard-designer-panel[b-y2v00pzmye] {
    display: flex;
    flex-direction: column;
    gap: var(--hc-spacing-md);
    min-width: 0;
    padding: var(--hc-spacing-md);
    background: var(--hc-surface-bg);
    overflow: auto;
}

.hc-dashboard-designer-toolbox[b-y2v00pzmye] {
    border-right: 1px solid var(--hc-border-color);
}

.hc-dashboard-designer-inspector[b-y2v00pzmye] {
    border-left: 1px solid var(--hc-border-color);
}

.hc-dashboard-designer-panel-header[b-y2v00pzmye] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--hc-spacing-sm);
}

.hc-dashboard-designer-panel-title[b-y2v00pzmye] {
    color: var(--hc-heading-color);
    font-size: var(--hc-font-size-sm);
    font-weight: var(--hc-font-weight-semibold);
    line-height: 1.3;
}

.hc-dashboard-designer-panel-subtitle[b-y2v00pzmye] {
    color: var(--hc-muted-color);
    font-size: var(--hc-font-size-xs);
    line-height: 1.35;
}

.hc-dashboard-designer-surface[b-y2v00pzmye] {
    display: flex;
    flex-direction: column;
    gap: var(--hc-spacing-md);
    min-width: 0;
    padding: var(--hc-spacing-md);
    background: var(--hc-app-bg);
    overflow: auto;
}

.hc-dashboard-designer-grid[b-y2v00pzmye] {
    display: grid;
    grid-template-columns: repeat(var(--hc-dashboard-columns, 12), minmax(0, 1fr));
    gap: var(--hc-dashboard-row-gap, var(--hc-spacing-md)) var(--hc-dashboard-column-gap, var(--hc-spacing-md));
    grid-auto-rows: minmax(var(--hc-dashboard-cell-min-height, 6rem), auto);
    align-items: stretch;
    width: 100%;
    min-width: 0;
    transition:
        gap var(--hc-dashboard-designer-motion-medium) var(--hc-dashboard-designer-ease),
        opacity var(--hc-dashboard-designer-motion-medium) var(--hc-dashboard-designer-ease);
}

.hc-dashboard-designer-grid-shell[b-y2v00pzmye] {
    position: relative;
    isolation: isolate;
    min-width: 0;
}

.hc-dashboard-designer-widget[b-y2v00pzmye] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
    border: 1px solid var(--hc-border-color);
    border-radius: var(--hc-radius-md);
    background: var(--hc-surface-bg);
    cursor: grab;
    outline: none;
    touch-action: none;
    transition:
        background-color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        border-color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        box-shadow var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        opacity var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        transform var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease);
}

.hc-dashboard-designer-widget:hover[b-y2v00pzmye],
.hc-dashboard-designer-widget:focus-visible[b-y2v00pzmye] {
    border-color: var(--hc-primary);
    box-shadow: var(--hc-shadow-sm);
    transform: translateY(-1px);
}

.hc-dashboard-designer-widget-selected[b-y2v00pzmye] {
    border-color: var(--hc-primary);
    box-shadow:
        0 0 0 2px color-mix(in srgb, var(--hc-primary) 22%, transparent),
        var(--hc-shadow-sm);
}

.hc-dashboard-designer-widget-pointer-active[b-y2v00pzmye] {
    border-color: var(--hc-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--hc-primary) 26%, transparent);
}

.hc-dashboard-designer-widget-dragging[b-y2v00pzmye] {
    cursor: grabbing;
    transform: scale(.995);
    box-shadow: var(--hc-shadow-md);
    opacity: .86;
    will-change: transform, opacity;
}

.hc-dashboard-designer-widget-resize-active[b-y2v00pzmye] {
    border-color: var(--hc-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--hc-primary) 24%, transparent);
}

.hc-dashboard-designer-widget-resizing[b-y2v00pzmye] {
    box-shadow: var(--hc-shadow-md);
    will-change: transform, box-shadow;
}

.hc-dashboard-designer-widget-drop-target-invalid[b-y2v00pzmye] {
    border-color: var(--hc-error);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--hc-error) 18%, transparent);
}

.hc-dashboard-designer-grid-shell[data-drag-preview-active="true"] .hc-dashboard-designer-grid[b-y2v00pzmye],
.hc-dashboard-designer-grid-shell[data-resize-preview-active="true"] .hc-dashboard-designer-grid[b-y2v00pzmye] {
    opacity: .92;
}

.hc-dashboard-designer-drag-layer[b-y2v00pzmye] {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: grid;
    grid-template-columns: repeat(var(--hc-dashboard-columns, 12), minmax(0, 1fr));
    gap: var(--hc-dashboard-row-gap, var(--hc-spacing-md)) var(--hc-dashboard-column-gap, var(--hc-spacing-md));
    grid-auto-rows: minmax(var(--hc-dashboard-cell-min-height, 6rem), auto);
    pointer-events: none;
}

.hc-dashboard-designer-grid-guides[b-y2v00pzmye] {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: repeat(var(--hc-dashboard-columns, 12), minmax(0, 1fr));
    gap: var(--hc-dashboard-row-gap, var(--hc-spacing-md)) var(--hc-dashboard-column-gap, var(--hc-spacing-md));
    grid-auto-rows: minmax(var(--hc-dashboard-cell-min-height, 6rem), auto);
    opacity: .72;
    transition:
        opacity var(--hc-dashboard-designer-motion-medium) var(--hc-dashboard-designer-ease),
        transform var(--hc-dashboard-designer-motion-medium) var(--hc-dashboard-designer-ease);
}

.hc-dashboard-designer-grid-guide[b-y2v00pzmye] {
    min-width: 0;
    border-inline: 1px dashed color-mix(in srgb, var(--hc-primary) 24%, transparent);
    border-radius: var(--hc-radius-sm);
    background: color-mix(in srgb, var(--hc-primary) 5%, transparent);
    transition:
        background-color var(--hc-dashboard-designer-motion-medium) var(--hc-dashboard-designer-ease),
        border-color var(--hc-dashboard-designer-motion-medium) var(--hc-dashboard-designer-ease);
}

.hc-dashboard-designer-insertion-preview[b-y2v00pzmye] {
    z-index: 2;
    min-height: 3rem;
    border: 2px dashed var(--hc-primary);
    border-radius: var(--hc-radius-md);
    background: color-mix(in srgb, var(--hc-primary) 12%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hc-primary) 18%, transparent);
    animation: hc-dashboard-designer-preview-in-b-y2v00pzmye var(--hc-dashboard-designer-motion-slow) var(--hc-dashboard-designer-ease-out);
    transition:
        background-color var(--hc-dashboard-designer-motion-medium) var(--hc-dashboard-designer-ease),
        border-color var(--hc-dashboard-designer-motion-medium) var(--hc-dashboard-designer-ease),
        box-shadow var(--hc-dashboard-designer-motion-medium) var(--hc-dashboard-designer-ease),
        transform var(--hc-dashboard-designer-motion-medium) var(--hc-dashboard-designer-ease);
}

.hc-dashboard-designer-drag-layer-invalid .hc-dashboard-designer-insertion-preview[b-y2v00pzmye] {
    border-color: var(--hc-error);
    background: color-mix(in srgb, var(--hc-error) 12%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hc-error) 18%, transparent);
}

.hc-dashboard-designer-drag-ghost[b-y2v00pzmye] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: var(--hc-spacing-xxs);
    max-width: min(22rem, 70%);
    min-width: 12rem;
    padding: var(--hc-spacing-sm);
    border: 1px solid var(--hc-primary);
    border-radius: var(--hc-radius-md);
    background: color-mix(in srgb, var(--hc-surface-bg) 92%, transparent);
    box-shadow: var(--hc-shadow-md);
    animation: hc-dashboard-designer-ghost-in-b-y2v00pzmye var(--hc-dashboard-designer-motion-slow) var(--hc-dashboard-designer-ease-out);
    transition:
        border-color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        box-shadow var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        opacity var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        transform var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease);
}

.hc-dashboard-designer-drag-ghost-title[b-y2v00pzmye] {
    overflow: hidden;
    color: var(--hc-heading-color);
    font-size: var(--hc-font-size-xs);
    font-weight: var(--hc-font-weight-semibold);
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hc-dashboard-designer-drag-ghost-meta[b-y2v00pzmye] {
    color: var(--hc-muted-color);
    font-size: var(--hc-font-size-xs);
    line-height: 1.3;
}

.hc-dashboard-designer-drag-layer-invalid .hc-dashboard-designer-drag-ghost[b-y2v00pzmye] {
    border-color: var(--hc-error);
}

.hc-dashboard-designer-resize-layer[b-y2v00pzmye] {
    position: absolute;
    inset: 0;
    z-index: 6;
    display: grid;
    grid-template-columns: repeat(var(--hc-dashboard-columns, 12), minmax(0, 1fr));
    gap: var(--hc-dashboard-row-gap, var(--hc-spacing-md)) var(--hc-dashboard-column-gap, var(--hc-spacing-md));
    grid-auto-rows: minmax(var(--hc-dashboard-cell-min-height, 6rem), auto);
    pointer-events: none;
}

.hc-dashboard-designer-resize-preview[b-y2v00pzmye] {
    min-height: 3rem;
    border: 2px solid var(--hc-primary);
    border-radius: var(--hc-radius-md);
    background: color-mix(in srgb, var(--hc-primary) 10%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hc-primary) 22%, transparent);
    animation: hc-dashboard-designer-preview-in-b-y2v00pzmye var(--hc-dashboard-designer-motion-slow) var(--hc-dashboard-designer-ease-out);
    transition:
        background-color var(--hc-dashboard-designer-motion-medium) var(--hc-dashboard-designer-ease),
        border-color var(--hc-dashboard-designer-motion-medium) var(--hc-dashboard-designer-ease),
        box-shadow var(--hc-dashboard-designer-motion-medium) var(--hc-dashboard-designer-ease);
}

.hc-dashboard-designer-resize-layer-invalid .hc-dashboard-designer-resize-preview[b-y2v00pzmye] {
    border-color: var(--hc-error);
    background: color-mix(in srgb, var(--hc-error) 10%, transparent);
}

.hc-dashboard-designer-resize-handles[b-y2v00pzmye] {
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
}

.hc-dashboard-designer-resize-handle[b-y2v00pzmye] {
    --hc-dashboard-resize-handle-transform: none;

    position: absolute;
    width: .75rem;
    height: .75rem;
    padding: 0;
    border: 2px solid var(--hc-surface-bg);
    border-radius: var(--hc-radius-sm);
    background: var(--hc-primary);
    box-shadow: var(--hc-shadow-sm);
    pointer-events: auto;
    transform: var(--hc-dashboard-resize-handle-transform);
    transition:
        background-color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        border-color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        box-shadow var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        transform var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease);
}

.hc-dashboard-designer-resize-handle:hover[b-y2v00pzmye],
.hc-dashboard-designer-resize-handle:focus-visible[b-y2v00pzmye] {
    box-shadow: var(--hc-shadow-md);
    transform: var(--hc-dashboard-resize-handle-transform) scale(1.14);
}

.hc-dashboard-designer-resize-handle:focus-visible[b-y2v00pzmye] {
    outline: 2px solid var(--hc-focus-ring);
    outline-offset: 2px;
}

.hc-dashboard-designer-resize-handle-north[b-y2v00pzmye] {
    top: -.375rem;
    left: 50%;
    cursor: ns-resize;
    --hc-dashboard-resize-handle-transform: translateX(-50%);
}

.hc-dashboard-designer-resize-handle-south[b-y2v00pzmye] {
    bottom: -.375rem;
    left: 50%;
    cursor: ns-resize;
    --hc-dashboard-resize-handle-transform: translateX(-50%);
}

.hc-dashboard-designer-resize-handle-east[b-y2v00pzmye] {
    top: 50%;
    right: -.375rem;
    cursor: ew-resize;
    --hc-dashboard-resize-handle-transform: translateY(-50%);
}

.hc-dashboard-designer-resize-handle-west[b-y2v00pzmye] {
    top: 50%;
    left: -.375rem;
    cursor: ew-resize;
    --hc-dashboard-resize-handle-transform: translateY(-50%);
}

.hc-dashboard-designer-resize-handle-north-east[b-y2v00pzmye] {
    top: -.375rem;
    right: -.375rem;
    cursor: nesw-resize;
}

.hc-dashboard-designer-resize-handle-north-west[b-y2v00pzmye] {
    top: -.375rem;
    left: -.375rem;
    cursor: nwse-resize;
}

.hc-dashboard-designer-resize-handle-south-east[b-y2v00pzmye] {
    right: -.375rem;
    bottom: -.375rem;
    cursor: nwse-resize;
}

.hc-dashboard-designer-resize-handle-south-west[b-y2v00pzmye] {
    bottom: -.375rem;
    left: -.375rem;
    cursor: nesw-resize;
}

.hc-dashboard-designer-widget-hidden[b-y2v00pzmye] {
    opacity: .64;
}

.hc-dashboard-designer-widget-invalid[b-y2v00pzmye] {
    border-color: var(--hc-warning);
}

.hc-dashboard-designer-widget-locked[b-y2v00pzmye] {
    border-style: dashed;
}

.hc-dashboard-designer-widget-drag-disabled[b-y2v00pzmye] {
    cursor: default;
}

.hc-dashboard-designer-widget-resize-disabled .hc-dashboard-designer-widget-chrome[b-y2v00pzmye] {
    background: color-mix(in srgb, var(--hc-surface-muted-bg) 88%, transparent);
}

.hc-dashboard-designer-widget-collision-repaired[b-y2v00pzmye] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hc-info) 28%, transparent);
}

.hc-dashboard-designer-widget-grouped[b-y2v00pzmye] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hc-primary) 28%, transparent);
}

.hc-dashboard-designer-widget-chrome[b-y2v00pzmye] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--hc-spacing-sm);
    min-width: 0;
    padding: var(--hc-spacing-xs) var(--hc-spacing-sm);
    border-bottom: 1px solid var(--hc-border-color);
    background: var(--hc-surface-muted-bg);
    transition:
        background-color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        border-color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease);
}

.hc-dashboard-designer-widget-title[b-y2v00pzmye],
.hc-dashboard-designer-toolbox-name[b-y2v00pzmye] {
    min-width: 0;
    overflow: hidden;
    color: var(--hc-heading-color);
    font-size: var(--hc-font-size-xs);
    font-weight: var(--hc-font-weight-semibold);
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hc-dashboard-designer-widget-badges[b-y2v00pzmye] {
    display: inline-flex;
    align-items: center;
    gap: var(--hc-spacing-xs);
    flex: 0 0 auto;
}

.hc-dashboard-designer-kind-badge[b-y2v00pzmye],
.hc-dashboard-designer-muted-badge[b-y2v00pzmye],
.hc-dashboard-designer-warning-badge[b-y2v00pzmye] {
    display: inline-flex;
    align-items: center;
    min-height: 1.375rem;
    padding: 0 var(--hc-spacing-xs);
    border-radius: var(--hc-radius-sm);
    font-size: var(--hc-font-size-xs);
    font-weight: var(--hc-font-weight-semibold);
    line-height: 1;
}

.hc-dashboard-designer-kind-badge[b-y2v00pzmye] {
    background: var(--hc-primary-soft-bg);
    color: var(--hc-primary);
}

.hc-dashboard-designer-muted-badge[b-y2v00pzmye] {
    background: var(--hc-surface-muted-bg);
    color: var(--hc-muted-color);
}

.hc-dashboard-designer-warning-badge[b-y2v00pzmye] {
    background: var(--hc-warning-bg);
    color: var(--hc-warning);
}

.hc-dashboard-designer-widget-frame[b-y2v00pzmye] {
    min-width: 0;
    padding: var(--hc-spacing-sm);
}

.hc-dashboard-designer-validation[b-y2v00pzmye] {
    display: flex;
    flex-direction: column;
    gap: var(--hc-spacing-sm);
    padding: var(--hc-spacing-md);
    border: 1px solid var(--hc-warning);
    border-radius: var(--hc-radius-md);
    background: var(--hc-warning-bg);
}

.hc-dashboard-designer-validation-title[b-y2v00pzmye] {
    color: var(--hc-heading-color);
    font-size: var(--hc-font-size-sm);
    font-weight: var(--hc-font-weight-semibold);
}

.hc-dashboard-designer-validation-list[b-y2v00pzmye] {
    display: flex;
    flex-direction: column;
    gap: var(--hc-spacing-xs);
}

.hc-dashboard-designer-validation-item[b-y2v00pzmye] {
    display: flex;
    align-items: flex-start;
    gap: var(--hc-spacing-xs);
    width: 100%;
    padding: var(--hc-spacing-xs);
    border: 1px solid transparent;
    border-radius: var(--hc-radius-sm);
    background: transparent;
    color: var(--hc-body-color);
    font: inherit;
    font-size: var(--hc-font-size-xs);
    line-height: 1.35;
    text-align: left;
    transition:
        border-color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease);
}

.hc-dashboard-designer-validation-item:not(:disabled)[b-y2v00pzmye] {
    cursor: pointer;
}

.hc-dashboard-designer-validation-item:not(:disabled):hover[b-y2v00pzmye],
.hc-dashboard-designer-validation-item:not(:disabled):focus-visible[b-y2v00pzmye] {
    border-color: currentColor;
}

.hc-dashboard-designer-validation-code[b-y2v00pzmye] {
    flex: 0 0 auto;
    font-weight: var(--hc-font-weight-semibold);
}

.hc-dashboard-designer-field[b-y2v00pzmye],
.hc-dashboard-designer-check[b-y2v00pzmye] {
    display: flex;
    flex-direction: column;
    gap: var(--hc-spacing-xs);
    color: var(--hc-heading-color);
    font-size: var(--hc-font-size-xs);
    font-weight: var(--hc-font-weight-semibold);
}

.hc-dashboard-designer-check[b-y2v00pzmye] {
    flex-direction: row;
    align-items: center;
    color: var(--hc-body-color);
}

.hc-dashboard-designer-input[b-y2v00pzmye],
.hc-dashboard-designer-textarea[b-y2v00pzmye] {
    width: 100%;
    min-width: 0;
    border: 1px solid var(--hc-border-color);
    border-radius: var(--hc-radius-sm);
    background: var(--hc-surface-bg);
    color: var(--hc-body-color);
    font: inherit;
    font-size: var(--hc-font-size-sm);
}

.hc-dashboard-designer-input[b-y2v00pzmye] {
    min-height: 2.25rem;
    padding: 0 var(--hc-spacing-sm);
}

.hc-dashboard-designer-textarea[b-y2v00pzmye] {
    min-height: 5rem;
    padding: var(--hc-spacing-sm);
    line-height: 1.4;
    resize: vertical;
}

.hc-dashboard-designer-input:focus[b-y2v00pzmye],
.hc-dashboard-designer-textarea:focus[b-y2v00pzmye] {
    border-color: var(--hc-primary);
    outline: none;
    box-shadow: var(--hc-input-shadow-focus);
}

.hc-dashboard-designer-input:disabled[b-y2v00pzmye],
.hc-dashboard-designer-textarea:disabled[b-y2v00pzmye] {
    cursor: not-allowed;
    background: var(--hc-surface-muted-bg);
    color: var(--hc-muted-color);
}

.hc-dashboard-designer-field-grid[b-y2v00pzmye] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--hc-spacing-sm);
}

.hc-dashboard-designer-inspector-form[b-y2v00pzmye],
.hc-dashboard-designer-json[b-y2v00pzmye] {
    display: flex;
    flex-direction: column;
    gap: var(--hc-spacing-sm);
}

.hc-dashboard-designer-secondary-action[b-y2v00pzmye] {
    min-height: 2.25rem;
    padding: 0 var(--hc-spacing-sm);
    border: 1px solid var(--hc-border-color);
    border-radius: var(--hc-radius-sm);
    background: var(--hc-surface-bg);
    color: var(--hc-body-color);
    font: inherit;
    font-size: var(--hc-font-size-xs);
    font-weight: var(--hc-font-weight-semibold);
    text-align: center;
    transition:
        background-color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        border-color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease);
}

.hc-dashboard-designer-secondary-action:not(:disabled)[b-y2v00pzmye] {
    cursor: pointer;
}

.hc-dashboard-designer-secondary-action:not(:disabled):hover[b-y2v00pzmye],
.hc-dashboard-designer-secondary-action:not(:disabled):focus-visible[b-y2v00pzmye] {
    border-color: var(--hc-primary);
    color: var(--hc-primary);
    outline: none;
}

.hc-dashboard-designer-secondary-action:disabled[b-y2v00pzmye] {
    cursor: not-allowed;
    background: var(--hc-surface-muted-bg);
    color: var(--hc-muted-color);
}

.hc-dashboard-designer-inspector-empty[b-y2v00pzmye] {
    padding: var(--hc-spacing-md);
    border: 1px dashed var(--hc-border-color);
    border-radius: var(--hc-radius-md);
    background: var(--hc-surface-muted-bg);
    color: var(--hc-muted-color);
    font-size: var(--hc-font-size-sm);
    line-height: 1.4;
}

.hc-dashboard-designer-json[b-y2v00pzmye] {
    padding-top: var(--hc-spacing-md);
    border-top: 1px solid var(--hc-border-color);
}

.hc-dashboard-designer-json-textarea[b-y2v00pzmye] {
    min-height: 8rem;
    font-family: var(--hc-font-family-monospace, ui-monospace, SFMono-Regular, Consolas, monospace);
    font-size: var(--hc-font-size-xs);
}

.hc-dashboard-designer-toolbox-list[b-y2v00pzmye] {
    display: flex;
    flex-direction: column;
    gap: var(--hc-spacing-xs);
}

.hc-dashboard-designer-toolbox-views[b-y2v00pzmye] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--hc-spacing-xxs);
}

.hc-dashboard-designer-toolbox-view[b-y2v00pzmye] {
    min-width: 0;
    padding: var(--hc-spacing-xxs) var(--hc-spacing-xs);
    border: 1px solid var(--hc-border-color);
    border-radius: var(--hc-radius-sm);
    background: var(--hc-surface-bg);
    color: var(--hc-muted-color);
    font-size: var(--hc-font-size-xs);
    font-weight: var(--hc-font-weight-semibold);
    transition:
        border-color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease);
}

.hc-dashboard-designer-toolbox-view-active[b-y2v00pzmye],
.hc-dashboard-designer-toolbox-view:focus-visible[b-y2v00pzmye],
.hc-dashboard-designer-toolbox-view:hover[b-y2v00pzmye] {
    border-color: var(--hc-primary);
    color: var(--hc-primary);
    outline: none;
}

.hc-dashboard-designer-toolbox-empty[b-y2v00pzmye] {
    padding: var(--hc-spacing-sm);
    border: 1px dashed var(--hc-border-color);
    border-radius: var(--hc-radius-md);
    color: var(--hc-muted-color);
    font-size: var(--hc-font-size-xs);
    line-height: 1.4;
}

.hc-dashboard-designer-toolbox-item[b-y2v00pzmye] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--hc-spacing-xxs);
    width: 100%;
    min-width: 0;
    padding: var(--hc-spacing-sm);
    border: 1px solid var(--hc-border-color);
    border-radius: var(--hc-radius-md);
    background: var(--hc-surface-bg);
    color: inherit;
    text-align: left;
    transition:
        border-color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        box-shadow var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        transform var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease);
}

.hc-dashboard-designer-toolbox-item-favorite[b-y2v00pzmye] {
    border-color: color-mix(in srgb, var(--hc-warning) 42%, var(--hc-border-color));
}

.hc-dashboard-designer-toolbox-item-recent[b-y2v00pzmye] {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--hc-info) 70%, transparent);
}

.hc-dashboard-designer-toolbox-item:hover[b-y2v00pzmye],
.hc-dashboard-designer-toolbox-item:focus-within[b-y2v00pzmye],
.hc-dashboard-designer-toolbox-item-selected[b-y2v00pzmye] {
    border-color: var(--hc-primary);
    box-shadow: var(--hc-shadow-sm);
    outline: none;
}

.hc-dashboard-designer-toolbox-item:hover[b-y2v00pzmye] {
    transform: translateY(-1px);
}

.hc-dashboard-designer-toolbox-select[b-y2v00pzmye],
.hc-dashboard-designer-toolbox-add[b-y2v00pzmye] {
    min-width: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
}

.hc-dashboard-designer-toolbox-select[b-y2v00pzmye] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--hc-spacing-xxs);
    padding: 0;
}

.hc-dashboard-designer-toolbox-actions[b-y2v00pzmye] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--hc-spacing-xs);
}

.hc-dashboard-designer-toolbox-favorite[b-y2v00pzmye],
.hc-dashboard-designer-toolbox-drag[b-y2v00pzmye],
.hc-dashboard-designer-toolbox-add[b-y2v00pzmye] {
    min-height: 1.75rem;
}

.hc-dashboard-designer-toolbox-favorite[b-y2v00pzmye] {
    width: 1.75rem;
    border: 1px solid var(--hc-border-color);
    border-radius: var(--hc-radius-sm);
    background: var(--hc-surface-bg);
    color: var(--hc-muted-color);
    font-size: var(--hc-font-size-sm);
    font-weight: var(--hc-font-weight-bold);
    text-align: center;
    transition:
        border-color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        transform var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease);
}

.hc-dashboard-designer-toolbox-favorite-active[b-y2v00pzmye],
.hc-dashboard-designer-toolbox-favorite:hover[b-y2v00pzmye],
.hc-dashboard-designer-toolbox-favorite:focus-visible[b-y2v00pzmye] {
    border-color: var(--hc-warning);
    color: var(--hc-warning);
    outline: none;
    transform: scale(1.05);
}

.hc-dashboard-designer-toolbox-drag[b-y2v00pzmye] {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--hc-info);
    cursor: grab;
    font-size: var(--hc-font-size-xs);
    font-weight: var(--hc-font-weight-semibold);
    transition:
        color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        transform var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease);
}

.hc-dashboard-designer-toolbox-drag:not(:disabled):hover[b-y2v00pzmye],
.hc-dashboard-designer-toolbox-drag:not(:disabled):focus-visible[b-y2v00pzmye] {
    color: var(--hc-primary);
    outline: none;
    transform: translateX(1px);
}

.hc-dashboard-designer-toolbox-drag:disabled[b-y2v00pzmye] {
    color: var(--hc-muted-color);
    cursor: not-allowed;
}

.hc-dashboard-designer-toolbox-add[b-y2v00pzmye] {
    align-self: flex-start;
    padding: 0;
    color: var(--hc-primary);
    font-size: var(--hc-font-size-xs);
    font-weight: var(--hc-font-weight-semibold);
    transition:
        color var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease),
        transform var(--hc-dashboard-designer-motion-fast) var(--hc-dashboard-designer-ease);
}

.hc-dashboard-designer-toolbox-add:not(:disabled):hover[b-y2v00pzmye],
.hc-dashboard-designer-toolbox-add:not(:disabled):focus-visible[b-y2v00pzmye] {
    color: var(--hc-info);
    outline: none;
    transform: translateX(1px);
}

.hc-dashboard-designer-toolbox-add:disabled[b-y2v00pzmye] {
    color: var(--hc-muted-color);
    cursor: not-allowed;
}

.hc-dashboard-designer-toolbox-meta[b-y2v00pzmye] {
    display: inline-flex;
    align-items: center;
    gap: var(--hc-spacing-xs);
    color: var(--hc-muted-color);
    font-size: var(--hc-font-size-xs);
}

.hc-dashboard-designer-preview[b-y2v00pzmye] {
    min-width: 0;
}

.hc-dashboard-designer-state[b-y2v00pzmye] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--hc-spacing-xs);
    min-height: 18rem;
    padding: var(--hc-spacing-xl);
    border: 1px dashed var(--hc-border-color);
    border-radius: var(--hc-radius-md);
    background: var(--hc-surface-bg);
    color: var(--hc-muted-color);
    text-align: center;
}

.hc-dashboard-designer-state-error[b-y2v00pzmye] {
    border-color: var(--hc-error);
    background: var(--hc-error-bg);
    color: var(--hc-error);
}

.hc-dashboard-designer-state-title[b-y2v00pzmye] {
    color: var(--hc-heading-color);
    font-size: var(--hc-font-size-md);
    font-weight: var(--hc-font-weight-semibold);
}

.hc-dashboard-designer-state-description[b-y2v00pzmye] {
    max-width: 42rem;
    font-size: var(--hc-font-size-sm);
    line-height: 1.45;
}

.hc-dashboard-designer-status[b-y2v00pzmye] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--hc-spacing-sm);
    padding: var(--hc-spacing-sm) var(--hc-spacing-md);
    border-top: 1px solid var(--hc-border-color);
    background: var(--hc-surface-muted-bg);
    color: var(--hc-muted-color);
    font-size: var(--hc-font-size-xs);
    line-height: 1.35;
}

.hc-dashboard-designer-status-meta[b-y2v00pzmye] {
    display: inline-flex;
    align-items: center;
    gap: var(--hc-spacing-sm);
    flex: 0 0 auto;
}

.hc-dashboard-designer-dirty[b-y2v00pzmye] {
    color: var(--hc-warning);
    font-weight: var(--hc-font-weight-semibold);
}

@keyframes hc-dashboard-designer-preview-in-b-y2v00pzmye {
    from {
        opacity: 0;
        transform: scale(.985);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes hc-dashboard-designer-ghost-in-b-y2v00pzmye {
    from {
        opacity: 0;
        transform: translateY(4px) scale(.985);
    }

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

@media (prefers-reduced-motion: reduce) {
    .hc-dashboard-designer *[b-y2v00pzmye],
    .hc-dashboard-designer *[b-y2v00pzmye]::before,
    .hc-dashboard-designer *[b-y2v00pzmye]::after {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 1ms !important;
    }
}

@media (max-width: 1100px) {
    .hc-dashboard-designer-workspace[b-y2v00pzmye] {
        grid-template-columns: 1fr;
    }

    .hc-dashboard-designer-toolbox[b-y2v00pzmye],
    .hc-dashboard-designer-inspector[b-y2v00pzmye] {
        border-right: 0;
        border-left: 0;
        border-bottom: 1px solid var(--hc-border-color);
    }
}

@media (max-width: 900px) {
    .hc-dashboard-designer-toolbar[b-y2v00pzmye],
    .hc-dashboard-designer-status[b-y2v00pzmye] {
        align-items: stretch;
        flex-direction: column;
    }

    .hc-dashboard-designer-actions[b-y2v00pzmye] {
        justify-content: flex-start;
    }

    .hc-dashboard-designer-grid[b-y2v00pzmye] {
        grid-template-columns: 1fr;
    }

    .hc-dashboard-designer-drag-layer[b-y2v00pzmye],
    .hc-dashboard-designer-resize-layer[b-y2v00pzmye],
    .hc-dashboard-designer-grid-guides[b-y2v00pzmye] {
        grid-template-columns: 1fr;
    }

    .hc-dashboard-designer-widget[b-y2v00pzmye] {
        grid-column: auto !important;
        grid-row: auto !important;
    }
}
/* _content/Hoodcoder.Blazor/Components/Dashboard/Interaction/HCDashboardCanvas.razor.rz.scp.css */
/* =========================================================
   DASHBOARD CANVAS
   ========================================================= */

.hc-dashboard-canvas[b-1wex3hrhsh] {
    display: flex;
    flex-direction: column;
    gap: var(--hc-spacing-md);
    min-width: 0;
    outline: none;
}

.hc-dashboard-canvas:focus-visible[b-1wex3hrhsh] {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--hc-primary) 28%, transparent);
}

.hc-dashboard-canvas-readonly[b-1wex3hrhsh] {
    cursor: default;
}

.hc-dashboard-canvas-pointer-active[b-1wex3hrhsh] {
    user-select: none;
}

.hc-dashboard-canvas-pointer-dragging[b-1wex3hrhsh] {
    cursor: grabbing;
}

.hc-dashboard-canvas-announcement[b-1wex3hrhsh],
.hc-dashboard-canvas-assistive-text[b-1wex3hrhsh] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* _content/Hoodcoder.Blazor/Components/Dashboard/Layout/HCDashboardLayout.razor.rz.scp.css */
.hc-dashboard-layout[b-2c2n9k5wyf] {
    isolation: isolate;
    min-width: 0;
    position: relative;
    width: 100%;
    z-index: 0;
}

.hc-dashboard-layout-grid-shell[b-2c2n9k5wyf] {
    min-width: 0;
    position: relative;
}

.hc-dashboard-layout-grid[b-2c2n9k5wyf] {
    display: grid;
    grid-auto-flow: row dense;
    grid-auto-rows: var(--hc-dashboard-grid-auto-rows, auto);
    align-items: var(--hc-dashboard-grid-align-items, stretch);
    min-height: 0;
    min-width: 0;
    position: relative;
}

.hc-dashboard-layout-guides[b-2c2n9k5wyf] {
    display: grid;
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    grid-template-columns: inherit;
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 0;
}

.hc-dashboard-layout-guide[b-2c2n9k5wyf] {
    border-inline-start: 1px dashed color-mix(in srgb, var(--hc-border-color, #d1d5db) 70%, transparent);
    min-height: 100%;
}

.hc-dashboard-layout-widget[b-2c2n9k5wyf] {
    background: var(--hc-dashboard-widget-surface, var(--hc-surface, #fff));
    border: var(--hc-dashboard-widget-border, 1px solid var(--hc-border-color, #dfe3ea));
    border-radius: var(--hc-dashboard-widget-radius, .75rem);
    box-shadow: var(
        --hc-dashboard-widget-shadow,
        0 .125rem .375rem rgba(15, 23, 42, .08),
        0 .625rem 1.5rem rgba(15, 23, 42, .10));
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    position: relative;
    transition: box-shadow 160ms ease, transform 160ms ease;
    z-index: 1;
}

.hc-dashboard-layout-widget-header[b-2c2n9k5wyf] {
    align-items: center;
    border-bottom: 1px solid color-mix(in srgb, var(--hc-border-color, #dfe3ea) 72%, transparent);
    display: flex;
    flex: 0 0 auto;
    gap: .625rem;
    justify-content: space-between;
    min-height: 3.25rem;
    padding: .55rem .7rem .5rem;
}

.hc-dashboard-layout-widget-identity[b-2c2n9k5wyf],
.hc-dashboard-layout-widget-toolbar[b-2c2n9k5wyf],
.hc-dashboard-layout-widget-title-row[b-2c2n9k5wyf] {
    align-items: center;
    display: flex;
    min-width: 0;
}

.hc-dashboard-layout-widget-identity[b-2c2n9k5wyf] {
    flex: 1 1 auto;
    gap: .5rem;
}

.hc-dashboard-layout-widget-icon[b-2c2n9k5wyf] {
    align-items: center;
    background: color-mix(in srgb, var(--hc-dashboard-widget-accent, #635bff) 12%, var(--hc-surface, #fff));
    border: 1px solid color-mix(in srgb, var(--hc-dashboard-widget-accent, #635bff) 20%, transparent);
    border-radius: .55rem;
    color: var(--hc-dashboard-widget-accent, #635bff);
    display: inline-flex;
    flex: 0 0 1.9rem;
    font-size: 1rem;
    height: 1.9rem;
    justify-content: center;
}

.hc-dashboard-layout-widget-heading[b-2c2n9k5wyf] {
    min-width: 0;
}

.hc-dashboard-layout-widget-title-row[b-2c2n9k5wyf] {
    gap: .4rem;
}

.hc-dashboard-layout-widget-heading h2[b-2c2n9k5wyf] {
    color: var(--hc-text, #0f172a);
    font-size: .875rem;
    font-weight: 750;
    line-height: 1.2;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hc-dashboard-layout-widget-heading p[b-2c2n9k5wyf] {
    color: var(--hc-text-muted, #64748b);
    font-size: .72rem;
    line-height: 1.25;
    margin: .14rem 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hc-dashboard-layout-widget-toolbar[b-2c2n9k5wyf] {
    flex: 0 0 auto;
    gap: .35rem;
}

.hc-dashboard-layout-widget-toolbar[b-2c2n9k5wyf]  .hc-dashboard-layout-widget-action {
    background: color-mix(in srgb, var(--hc-surface, #fff) 94%, var(--hc-primary, #635bff));
    border-color: color-mix(in srgb, var(--hc-border-color, #d1d5db) 72%, transparent);
    color: var(--hc-text-muted, #64748b);
    height: 1.75rem;
    min-height: 1.75rem;
    min-width: 1.75rem;
    width: 1.75rem;
}

.hc-dashboard-layout-widget-toolbar[b-2c2n9k5wyf]  .hc-dashboard-layout-widget-action:hover:not(:disabled),
.hc-dashboard-layout-widget-toolbar[b-2c2n9k5wyf]  .hc-dashboard-layout-widget-action:focus-visible,
.hc-dashboard-layout-widget-toolbar[b-2c2n9k5wyf]  .hc-dashboard-layout-widget-action[data-active="true"] {
    background: color-mix(in srgb, var(--hc-primary, #635bff) 10%, var(--hc-surface, #fff));
    border-color: color-mix(in srgb, var(--hc-primary, #635bff) 28%, var(--hc-border-color, #d1d5db));
    color: var(--hc-primary, #635bff);
}

.hc-dashboard-layout-widget-body[b-2c2n9k5wyf] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.hc-dashboard-layout-widget:hover[b-2c2n9k5wyf],
.hc-dashboard-layout-widget:focus-within[b-2c2n9k5wyf] {
    box-shadow: var(
        --hc-dashboard-widget-shadow-hover,
        0 .25rem .65rem rgba(15, 23, 42, .10),
        0 .9rem 2rem rgba(15, 23, 42, .14));
}

.hc-dashboard-layout-widget-accent[b-2c2n9k5wyf] {
    background: linear-gradient(90deg, #635bff, #8b5cf6 58%, #38bdf8);
    border-radius: 0.625rem 0.625rem 0 0;
    height: 0.1875rem;
    inset: 0 0 auto;
    pointer-events: none;
    position: absolute;
    z-index: 7;
}

.hc-dashboard-layout-widget-accent-solid > .hc-dashboard-layout-widget-accent[b-2c2n9k5wyf] {
    background: var(--hc-dashboard-widget-accent, #635bff);
}

.hc-dashboard-layout-widget-accent-gradient > .hc-dashboard-layout-widget-accent[b-2c2n9k5wyf] {
    background: linear-gradient(
        90deg,
        var(--hc-dashboard-widget-accent, #635bff),
        var(--hc-dashboard-widget-accent-end, #38bdf8));
}

.hc-dashboard-layout-widget-toolbar[b-2c2n9k5wyf]  .hc-dashboard-layout-widget-settings {
    --hc-dropdown-panel-max-height: min(19rem, calc(100vh - 3rem));
    --hc-dropdown-panel-max-width: min(15.5rem, calc(100vw - 1.5rem));
    --hc-dropdown-panel-min-width: 15rem;
    --hc-dropdown-panel-padding: .45rem;
    --hc-dropdown-panel-radius: .65rem;
    --hc-dropdown-panel-width: 15rem;
}

.hc-dashboard-layout-settings-content[b-2c2n9k5wyf] {
    display: grid;
    gap: .5rem;
    width: 100%;
}

.hc-dashboard-layout-settings-section[b-2c2n9k5wyf] {
    display: grid;
    gap: .4rem;
    min-width: 0;
}

.hc-dashboard-layout-settings-section + .hc-dashboard-layout-settings-section[b-2c2n9k5wyf] {
    border-top: 1px solid color-mix(in srgb, var(--hc-border-color, #d1d5db) 72%, transparent);
    padding-top: .5rem;
}

.hc-dashboard-layout-settings-label[b-2c2n9k5wyf] {
    color: var(--hc-text-muted, #64748b);
    font-size: .65rem;
    font-weight: 750;
    letter-spacing: .055em;
    line-height: 1;
    text-transform: uppercase;
}

.hc-dashboard-layout-appearance-modes[b-2c2n9k5wyf] {
    display: grid;
    gap: 0.35rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 0;
}

.hc-dashboard-layout-appearance-mode[b-2c2n9k5wyf] {
    background: var(--hc-surface-subtle, #f8fafc);
    border: 1px solid color-mix(in srgb, var(--hc-border-color, #d1d5db) 82%, transparent);
    border-radius: 0.45rem;
    color: var(--hc-text-muted, #475569);
    cursor: pointer;
    font-size: 0.7rem;
    font-weight: 700;
    min-height: 1.65rem;
    padding: .2rem .15rem;
}

.hc-dashboard-layout-appearance-mode[aria-pressed="true"][b-2c2n9k5wyf] {
    border-color: var(--hc-primary, #635bff);
    box-shadow: 0 0 0 0.12rem color-mix(in srgb, var(--hc-primary, #635bff) 14%, transparent);
    color: var(--hc-primary, #4338ca);
}

.hc-dashboard-layout-appearance-mode.is-standard[b-2c2n9k5wyf] {
    border-top: 0.2rem solid #635bff;
}

.hc-dashboard-layout-appearance-mode.is-solid[b-2c2n9k5wyf] {
    border-top: 0.2rem solid var(--hc-dashboard-widget-accent, #635bff);
}

.hc-dashboard-layout-appearance-mode.is-gradient[b-2c2n9k5wyf] {
    border-top-color: var(--hc-dashboard-widget-accent-end, #38bdf8);
    border-top-width: 0.2rem;
}

.hc-dashboard-layout-appearance-mode.is-none[b-2c2n9k5wyf] {
    border-top: 0.2rem solid var(--hc-border-color, #e2e8f0);
}

.hc-dashboard-layout-appearance-colors[b-2c2n9k5wyf] {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0;
}

.hc-dashboard-layout-appearance-colors label[b-2c2n9k5wyf] {
    color: var(--hc-text-muted, #475569);
    display: grid;
    font-size: 0.72rem;
    font-weight: 700;
    gap: 0.3rem;
}

.hc-dashboard-layout-appearance-colors input[type="color"][b-2c2n9k5wyf] {
    background: var(--hc-surface, #fff);
    border: 1px solid var(--hc-border-color, #d1d5db);
    border-radius: 0.45rem;
    cursor: pointer;
    height: 1.65rem;
    padding: 0.15rem;
    width: 100%;
}

.hc-dashboard-layout-settings-grid[b-2c2n9k5wyf] {
    display: grid;
    gap: .4rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hc-dashboard-layout-settings-grid label[b-2c2n9k5wyf] {
    color: var(--hc-text-muted, #64748b);
    display: grid;
    font-size: .66rem;
    font-weight: 650;
    gap: .2rem;
    min-width: 0;
}

.hc-dashboard-layout-settings-grid input[b-2c2n9k5wyf] {
    background: var(--hc-surface, #fff);
    border: 1px solid var(--hc-border-color, #d1d5db);
    border-radius: .4rem;
    box-sizing: border-box;
    color: var(--hc-text, #0f172a);
    font: inherit;
    height: 1.75rem;
    min-width: 0;
    padding: .2rem .4rem;
    width: 100%;
}

.hc-dashboard-layout-settings-grid input:focus-visible[b-2c2n9k5wyf] {
    border-color: var(--hc-primary, #635bff);
    outline: none;
    box-shadow: var(--hc-input-shadow-focus);
}

.hc-dashboard-layout-widget-dragging[b-2c2n9k5wyf] {
    opacity: 0.78;
}

.hc-dashboard-layout-widget-resizing[b-2c2n9k5wyf] {
    opacity: 0.78;
}

.hc-dashboard-layout-widget-disabled[b-2c2n9k5wyf] {
    opacity: 0.62;
}

.hc-dashboard-layout-drag-handle[b-2c2n9k5wyf] {
    align-items: center;
    background: var(--lwp-surface, #fff);
    border-color: color-mix(in srgb, var(--lwp-primary, #6d5dfc) 28%, #d8ddeb);
    border-radius: 999px;
    box-shadow: none;
    cursor: grab;
    display: inline-flex;
    height: .75rem;
    max-height: .75rem;
    min-height: .75rem;
    justify-content: center;
    left: 50%;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: .1rem;
    touch-action: none;
    transform: translateX(-50%);
    transition: opacity 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
    user-select: none;
    width: 1.9rem;
    z-index: 5;
}

    .hc-dashboard-layout-drag-handle > span[b-2c2n9k5wyf] {
        background-image: radial-gradient(circle, color-mix(in srgb, var(--lwp-text-muted, #64748b) 62%, transparent) 1px, transparent 1.15px);
        background-position: center;
        background-size: 4px 4px;
        display: block;
        height: .35rem;
        width: 1rem;
    }

    .hc-dashboard-layout-widget:hover > .hc-dashboard-layout-drag-handle[b-2c2n9k5wyf],
    .hc-dashboard-layout-drag-handle:focus-visible[b-2c2n9k5wyf] {
        border-color: color-mix(in srgb, var(--hc-primary, #2563eb) 48%, var(--hc-border-color, #d1d5db));
        box-shadow: none;
        opacity: .9;
    }

.hc-dashboard-layout-widget-dragging > .hc-dashboard-layout-drag-handle[b-2c2n9k5wyf] {
    cursor: grabbing;
    opacity: 1;
}

.hc-dashboard-layout-drag-handle:focus-visible[b-2c2n9k5wyf] {
    outline: 2px solid var(--hc-focus-ring, #2563eb);
    outline-offset: 2px;
}

.hc-dashboard-layout-drop-preview[b-2c2n9k5wyf] {
    background: color-mix(in srgb, var(--hc-primary, #2563eb) 14%, transparent);
    border: 1px dashed var(--hc-primary, #2563eb);
    border-radius: 8px;
    pointer-events: none;
    z-index: 2;
}

.hc-dashboard-layout-drop-preview[data-dashboard-drop-preview-valid="false"][b-2c2n9k5wyf] {
    background: color-mix(in srgb, var(--hc-danger, #dc2626) 12%, transparent);
    border-color: var(--hc-danger, #dc2626);
}

.hc-dashboard-layout-resize-preview[b-2c2n9k5wyf] {
    background: color-mix(in srgb, var(--hc-primary, #2563eb) 10%, transparent);
    border: 1px dashed var(--hc-primary, #2563eb);
    border-radius: 8px;
    pointer-events: none;
    z-index: 3;
}

.hc-dashboard-layout-resize-preview[data-dashboard-resize-preview-valid="false"][b-2c2n9k5wyf] {
    background: color-mix(in srgb, var(--hc-danger, #dc2626) 10%, transparent);
    border-color: var(--hc-danger, #dc2626);
}

.hc-dashboard-layout-resize-handle[b-2c2n9k5wyf] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    bottom: 0.125rem;
    box-shadow: none;
    color: color-mix(in srgb, var(--hc-primary, #635bff) 72%, var(--hc-text-muted, #64748b));
    cursor: nwse-resize;
    display: inline-flex;
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin: 0;
    max-height: 1.75rem;
    max-width: 1.75rem;
    min-height: 1.75rem;
    min-width: 1.75rem;
    opacity: 0.68;
    padding: 0;
    position: absolute;
    right: 0.125rem;
    touch-action: none;
    transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease, opacity 140ms ease, transform 140ms ease;
    width: 1.75rem;
    z-index: 8;
}

.hc-dashboard-layout-resize-handle[b-2c2n9k5wyf]::before {
    background: repeating-linear-gradient(
        135deg,
        transparent 0 0.2rem,
        currentColor 0.21rem 0.31rem,
        transparent 0.32rem 0.46rem);
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    content: "";
    height: 0.75rem;
    width: 0.75rem;
}

.hc-dashboard-layout-resize-handle:hover[b-2c2n9k5wyf],
.hc-dashboard-layout-resize-handle:focus-visible[b-2c2n9k5wyf] {
    background: color-mix(in srgb, var(--hc-primary, #635bff) 12%, var(--hc-surface, #fff));
    border-color: color-mix(in srgb, var(--hc-primary, #635bff) 42%, var(--hc-border-color, #d1d5db));
    box-shadow: 0 0.2rem 0.55rem rgba(15, 23, 42, 0.16);
    opacity: 1;
    transform: translateY(-0.0625rem);
}

.hc-dashboard-layout-resize-handle:focus-visible[b-2c2n9k5wyf] {
    outline: 2px solid var(--hc-focus-ring, #635bff);
    outline-offset: 2px;
}

.hc-dashboard-layout-widget-resizing > .hc-dashboard-layout-resize-handle[b-2c2n9k5wyf] {
    background: var(--hc-primary, #635bff);
    border-color: var(--hc-primary, #635bff);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--hc-primary, #635bff) 20%, transparent);
    color: var(--hc-on-primary, #fff);
    opacity: 1;
    transform: none;
}
/* _content/Hoodcoder.Blazor/Components/Dashboard/Shared/HCDashboardViewer.razor.rz.scp.css */
/* =========================================================
   DASHBOARD VIEWER
   ========================================================= */

.hc-dashboard-viewer[b-1wufbpgbwg] {
    width: 100%;
    min-width: 0;
}

.hc-dashboard-viewer-disabled[b-1wufbpgbwg] {
    opacity: .72;
}

.hc-dashboard-viewer-state[b-1wufbpgbwg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--hc-spacing-xs);
    min-height: 12rem;
    padding: var(--hc-spacing-xl);
    border: 1px dashed var(--hc-border-color);
    border-radius: var(--hc-radius-md);
    background: var(--hc-surface-bg);
    color: var(--hc-muted-color);
    text-align: center;
}

.hc-dashboard-viewer-state-loading[b-1wufbpgbwg] {
    background: var(--hc-surface-muted-bg);
}

.hc-dashboard-viewer-state-error[b-1wufbpgbwg] {
    border-color: var(--hc-error);
    background: var(--hc-error-bg);
    color: var(--hc-error);
}

.hc-dashboard-viewer-state-title[b-1wufbpgbwg] {
    color: var(--hc-heading-color);
    font-size: var(--hc-font-size-md);
    font-weight: var(--hc-font-weight-semibold);
    line-height: 1.35;
}

.hc-dashboard-viewer-state-description[b-1wufbpgbwg] {
    max-width: 42rem;
    font-size: var(--hc-font-size-sm);
    line-height: 1.45;
}

.hc-dashboard-viewer-grid[b-1wufbpgbwg] {
    display: grid;
    grid-template-columns: repeat(var(--hc-dashboard-columns, 12), minmax(0, 1fr));
    gap: var(--hc-dashboard-row-gap, var(--hc-spacing-lg)) var(--hc-dashboard-column-gap, var(--hc-spacing-lg));
    grid-auto-rows: minmax(var(--hc-dashboard-cell-min-height, 6rem), auto);
    align-items: stretch;
    width: 100%;
    min-width: 0;
}

.hc-dashboard-viewer-cell[b-1wufbpgbwg] {
    min-width: 0;
}

.hc-dashboard-viewer-validation[b-1wufbpgbwg] {
    display: flex;
    flex-direction: column;
    gap: var(--hc-spacing-sm);
    margin-bottom: var(--hc-spacing-lg);
    padding: var(--hc-spacing-md);
    border: 1px solid var(--hc-error);
    border-radius: var(--hc-radius-md);
    background: var(--hc-error-bg);
    color: var(--hc-error);
}

.hc-dashboard-viewer-validation-title[b-1wufbpgbwg] {
    color: var(--hc-error);
    font-size: var(--hc-font-size-sm);
    font-weight: var(--hc-font-weight-semibold);
    line-height: 1.3;
}

.hc-dashboard-viewer-validation-list[b-1wufbpgbwg] {
    display: flex;
    flex-direction: column;
    gap: var(--hc-spacing-xs);
    margin: 0;
    padding-left: 1.15rem;
}

.hc-dashboard-viewer-validation-item[b-1wufbpgbwg] {
    font-size: var(--hc-font-size-xs);
    line-height: 1.35;
}

.hc-dashboard-viewer-validation-code[b-1wufbpgbwg] {
    font-weight: var(--hc-font-weight-semibold);
}

.hc-dashboard-viewer-empty[b-1wufbpgbwg] {
    display: flex;
    flex-direction: column;
    gap: var(--hc-spacing-xs);
    padding: var(--hc-spacing-xl);
    border: 1px dashed var(--hc-border-color);
    border-radius: var(--hc-radius-md);
    background: var(--hc-surface-muted-bg);
    color: var(--hc-muted-color);
    text-align: center;
}

.hc-dashboard-viewer-empty-title[b-1wufbpgbwg] {
    color: var(--hc-heading-color);
    font-size: var(--hc-font-size-md);
    font-weight: var(--hc-font-weight-semibold);
}

.hc-dashboard-viewer-empty-description[b-1wufbpgbwg] {
    font-size: var(--hc-font-size-sm);
    line-height: 1.4;
}

@media (max-width: 900px) {
    .hc-dashboard-viewer-grid[b-1wufbpgbwg] {
        grid-template-columns: 1fr;
    }

    .hc-dashboard-viewer-cell[b-1wufbpgbwg] {
        grid-column: auto !important;
        grid-row: auto !important;
    }
}
/* _content/Hoodcoder.Blazor/Components/DataVisualization/Shared/HCBusinessLookup.razor.rz.scp.css */
.hc-business-lookup[b-vjog0ouqz5] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    min-height: 0;
    gap: var(--hc-business-lookup-gap, .75rem);
}

.hc-business-lookup__search-row[b-vjog0ouqz5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem;
}

.hc-business-lookup__error[b-vjog0ouqz5] {
    color: var(--hc-danger, #dc2626);
    font-size: .875rem;
    font-weight: 600;
}

.hc-business-lookup__results[b-vjog0ouqz5] {
    min-width: 0;
    border-radius: var(--hc-radius-md, .5rem);
}

.hc-business-lookup__table[b-vjog0ouqz5] {
    min-width: 34rem;
}
/* _content/Hoodcoder.Blazor/Components/DataVisualization/Shared/HCChart.razor.rz.scp.css */
/* =========================================================
   CHART SHELL
   ========================================================= */

.hc-chart-host[b-640lfucfpj] {
    display: flex;
    min-width: 0;
    width: 100%;
}

.hc-chart-host-fill[b-640lfucfpj] {
    height: 100%;
    min-height: 0;
}

[b-640lfucfpj] .hc-chart {
    --hc-chart-accent: var(--hc-primary);
    min-width: 0;
    width: 100%;
}

.hc-chart-host-fill[b-640lfucfpj]  .hc-chart,
.hc-chart-host-fill[b-640lfucfpj]  .hc-widget-body {
    height: 100%;
    min-height: 0;
}

/* =========================================================
   CHART ENTRANCE ANIMATION
   ========================================================= */

.hc-chart-animation-target[b-640lfucfpj] {
    transform-box: fill-box;
    transform-origin: center bottom;
    will-change: opacity, transform;
}

.hc-chart-host.hc-chart-animation-active[data-hc-chart-animation="bounce"] .hc-chart-animation-target[b-640lfucfpj] {
    animation: hc-chart-enter-bounce-b-640lfucfpj var(--hc-chart-animation-duration, 700ms) ease-out both;
}

.hc-chart-host.hc-chart-animation-active[data-hc-chart-animation="bounce"] .hc-chart-pie.hc-chart-animation-target[b-640lfucfpj] {
    animation-name: hc-chart-enter-bounce-circular-b-640lfucfpj;
    transform-origin: center;
}

.hc-chart-host.hc-chart-animation-active[data-hc-chart-animation="fade"] .hc-chart-animation-target[b-640lfucfpj] {
    animation: hc-chart-enter-fade-b-640lfucfpj var(--hc-chart-animation-duration, 700ms) ease-out both;
}

.hc-chart-host.hc-chart-animation-active[data-hc-chart-animation="grow"] .hc-chart-animation-target[b-640lfucfpj] {
    animation: hc-chart-enter-grow-b-640lfucfpj var(--hc-chart-animation-duration, 700ms) cubic-bezier(.2, .8, .2, 1) both;
}

.hc-chart-host.hc-chart-animation-active[data-hc-chart-animation="grow"] .hc-chart-pie.hc-chart-animation-target[b-640lfucfpj] {
    animation-name: hc-chart-enter-grow-circular-b-640lfucfpj;
    transform-origin: center;
}

.hc-chart-host.hc-chart-animation-active[data-hc-chart-animation="slide"] .hc-chart-animation-target[b-640lfucfpj] {
    animation: hc-chart-enter-slide-b-640lfucfpj var(--hc-chart-animation-duration, 700ms) cubic-bezier(.2, .8, .2, 1) both;
}

.hc-chart-host.hc-chart-animation-active[data-hc-chart-animation="draw"] .hc-chart-animation-target[b-640lfucfpj] {
    animation: hc-chart-enter-fade-b-640lfucfpj var(--hc-chart-animation-duration, 700ms) ease-out both;
}

.hc-chart-host.hc-chart-animation-active[data-hc-chart-animation="draw"] .hc-chart-line[b-640lfucfpj] {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation: hc-chart-enter-draw-b-640lfucfpj var(--hc-chart-animation-duration, 700ms) ease-out both;
}

@keyframes hc-chart-enter-bounce-b-640lfucfpj {
    0% {
        opacity: 0;
        transform: scaleY(.82);
    }

    68% {
        opacity: 1;
        transform: scaleY(1);
    }

    80% {
        transform: scaleY(.975);
    }

    91% {
        transform: scaleY(1.012);
    }

    100% {
        opacity: 1;
        transform: scaleY(1);
    }
}

@keyframes hc-chart-enter-fade-b-640lfucfpj {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes hc-chart-enter-bounce-circular-b-640lfucfpj {
    0% {
        opacity: 0;
        transform: scale(.82);
    }

    68% {
        opacity: 1;
        transform: scale(1);
    }

    80% { transform: scale(.975); }
    91% { transform: scale(1.012); }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes hc-chart-enter-grow-b-640lfucfpj {
    from {
        opacity: .2;
        transform: scaleY(0);
    }

    to {
        opacity: 1;
        transform: scaleY(1);
    }
}

@keyframes hc-chart-enter-grow-circular-b-640lfucfpj {
    from {
        opacity: .2;
        transform: scale(0);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes hc-chart-enter-slide-b-640lfucfpj {
    from {
        opacity: 0;
        transform: translateY(1.15rem);
    }

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

@keyframes hc-chart-enter-draw-b-640lfucfpj {
    from { stroke-dashoffset: 1; }
    to { stroke-dashoffset: 0; }
}

/* =========================================================
   CHART BODY AND VIEWPORT
   ========================================================= */

.hc-chart-body[b-640lfucfpj] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--hc-spacing-sm);
    min-height: 0;
    min-width: 0;
}

.hc-chart-viewport[b-640lfucfpj] {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    justify-content: center;
    box-sizing: border-box;
    min-height: 0;
    min-width: 0;
    width: 100%;
    overflow: hidden;
    border-radius: var(--hc-radius-sm);
    background: var(--hc-surface-bg, #fff);
}

.hc-chart-cartesian[b-640lfucfpj] {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: 1.15rem 2.5rem minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) 2.35rem;
    min-height: 0;
    min-width: 0;
    padding: .4rem .65rem .2rem .15rem;
}

.hc-chart-plot[b-640lfucfpj] {
    position: relative;
    grid-column: 3;
    grid-row: 1;
    min-height: 0;
    min-width: 0;
}

/* =========================================================
   AXES, TICKS, AND GRID
   ========================================================= */

.hc-chart-svg[b-640lfucfpj] {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: visible;
}

.hc-chart-grid-line[b-640lfucfpj] {
    stroke: var(--hc-border-soft, #e8edf4);
    stroke-width: .45;
    vector-effect: non-scaling-stroke;
}

.hc-chart-axis[b-640lfucfpj] {
    stroke: var(--hc-border-color, #cbd5e1);
    stroke-width: .55;
    vector-effect: non-scaling-stroke;
}

.hc-chart-value-ticks[b-640lfucfpj],
.hc-chart-category-ticks[b-640lfucfpj] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.hc-chart-value-ticks > span[b-640lfucfpj] {
    position: absolute;
    inset-inline-end: calc(100% + .45rem);
    max-width: 2.25rem;
    color: var(--hc-muted-color, #64748b);
    font-size: .64rem;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    text-align: end;
    transform: translateY(-50%);
    white-space: nowrap;
}

.hc-chart-category-ticks > span[b-640lfucfpj] {
    position: absolute;
    inset-block-start: calc(100% + .35rem);
    max-width: 4.75rem;
    color: var(--hc-muted-color, #64748b);
    font-size: .64rem;
    line-height: 1.1;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    transform: translateX(-50%);
    white-space: nowrap;
}

.hc-chart-value-axis-label[b-640lfucfpj],
.hc-chart-category-axis-label[b-640lfucfpj] {
    color: var(--hc-muted-color, #64748b);
    font-size: .68rem;
    font-weight: var(--hc-font-weight-semibold, 600);
    letter-spacing: .02em;
    line-height: 1;
    pointer-events: none;
}

.hc-chart-value-axis-label[b-640lfucfpj] {
    align-self: center;
    grid-column: 1;
    grid-row: 1;
    justify-self: center;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.hc-chart-category-axis-label[b-640lfucfpj] {
    align-self: end;
    grid-column: 3;
    grid-row: 2;
    justify-self: center;
}

/* =========================================================
   LINE, AREA, AND SCATTER
   ========================================================= */

.hc-chart-line[b-640lfucfpj] {
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.hc-chart-area[b-640lfucfpj] {
    opacity: .16;
}

.hc-chart-point[b-640lfucfpj] {
    stroke: var(--hc-surface-bg, #fff);
    stroke-width: 1.25;
    vector-effect: non-scaling-stroke;
}

/* =========================================================
   INTERACTIVE TOOLTIPS
   ========================================================= */

.hc-chart-tooltip-layer[b-640lfucfpj] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.hc-chart-point-target[b-640lfucfpj] {
    position: absolute;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    cursor: crosshair;
    pointer-events: auto;
    transform: translate(-50%, -50%);
}

.hc-chart-point-target-dot[b-640lfucfpj] {
    display: block;
    width: .42rem;
    height: .42rem;
    border: 2px solid var(--hc-surface-bg, #fff);
    border-radius: 999px;
    box-shadow: 0 0 0 1px currentColor;
    opacity: 0;
    transition: opacity var(--hc-transition-fast, .12s ease), transform var(--hc-transition-fast, .12s ease);
}

.hc-chart-tooltip[b-640lfucfpj] {
    position: absolute;
    z-index: 20;
    inset-block-end: calc(100% + .5rem);
    inset-inline-start: 50%;
    display: none;
    min-width: max-content;
    max-width: 13rem;
    padding: .45rem .6rem;
    border: 1px solid var(--hc-border-color, #d7deea);
    border-radius: var(--hc-radius-sm, .5rem);
    background: var(--hc-heading-color, #0f172a);
    box-shadow: var(--hc-shadow-menu, 0 12px 28px rgba(15, 23, 42, .18));
    color: var(--hc-surface-bg, #fff);
    font-size: .72rem;
    line-height: 1.3;
    pointer-events: none;
    text-align: start;
    transform: translateX(-50%);
}

.hc-chart-tooltip strong[b-640lfucfpj],
.hc-chart-tooltip > span[b-640lfucfpj],
.hc-chart-tooltip-values[b-640lfucfpj] {
    display: block;
}

.hc-chart-tooltip-values[b-640lfucfpj] {
    display: grid;
    gap: .2rem;
    margin-block-start: .15rem;
}

.hc-chart-tooltip-top-layer[b-640lfucfpj]  .hc-chart-tooltip-value-row {
    display: flex;
    align-items: center;
    gap: .4rem;
    white-space: nowrap;
}

.hc-chart-tooltip-top-layer[b-640lfucfpj]  .hc-chart-tooltip-swatch {
    display: block;
    flex: 0 0 auto;
    width: .55rem;
    height: .55rem;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 999px;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, .18);
}

.hc-chart-point-target:hover .hc-chart-point-target-dot[b-640lfucfpj],
.hc-chart-point-target:focus-visible .hc-chart-point-target-dot[b-640lfucfpj] {
    opacity: 1;
    transform: scale(1.15);
}

.hc-chart-tooltip-top-layer[b-640lfucfpj] {
    position: fixed;
    z-index: 2147483647;
    inset: auto;
    margin: 0;
    transform: none;
}

.hc-chart-tooltip-top-layer:popover-open[b-640lfucfpj] {
    display: block;
}

.hc-chart-point-target:focus-visible[b-640lfucfpj],
.hc-chart-column-track:focus-visible[b-640lfucfpj] {
    outline: 2px solid var(--hc-primary, #2563eb);
    outline-offset: 2px;
}

/* =========================================================
   BAR CHART
   ========================================================= */

.hc-chart-columns[b-640lfucfpj] {
    display: grid;
    grid-auto-columns: minmax(1.35rem, 1fr);
    grid-auto-flow: column;
    align-items: end;
    gap: var(--hc-spacing-sm, .5rem);
    height: 100%;
    min-height: 0;
    min-width: 0;
    padding: .25rem .2rem 0;
}

.hc-chart-column[b-640lfucfpj] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: .25rem;
    height: 100%;
    min-width: 0;
}

.hc-chart-column-track[b-640lfucfpj] {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-items: end;
    width: 100%;
    min-height: 2.5rem;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: var(--hc-radius-xs, .25rem) var(--hc-radius-xs, .25rem) 0 0;
    background: color-mix(in srgb, var(--hc-border-soft, #e8edf4) 45%, transparent);
    cursor: crosshair;
}

.hc-chart-column-fill[b-640lfucfpj] {
    display: block;
    width: 100%;
    min-height: 2px;
    border-radius: inherit;
    transition: height var(--hc-transition-base, .2s ease), filter var(--hc-transition-fast, .12s ease);
}

.hc-chart-column-track:hover .hc-chart-column-fill[b-640lfucfpj],
.hc-chart-column-track:focus-visible .hc-chart-column-fill[b-640lfucfpj] {
    filter: brightness(.92) saturate(1.1);
}

.hc-chart-column-value[b-640lfucfpj] {
    min-width: 0;
    color: var(--hc-heading-color, #0f172a);
    font-size: .66rem;
    font-weight: var(--hc-font-weight-semibold, 600);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* =========================================================
   PIE AND DOUGHNUT
   ========================================================= */

.hc-chart-pie[b-640lfucfpj] {
    display: block;
    align-self: center;
    width: min(14rem, 72%);
    aspect-ratio: 1;
    margin: var(--hc-spacing-md, 1rem);
    overflow: visible;
    filter: drop-shadow(0 .25rem .55rem rgba(71, 85, 79, .13));
}

.hc-chart-circular-segment[b-640lfucfpj] {
    cursor: help;
    stroke: var(--hc-surface-bg, #fff);
    stroke-width: 1.2;
    transform-box: fill-box;
    transform-origin: center;
    transition: filter var(--hc-transition-fast, .12s ease), transform var(--hc-transition-fast, .12s ease);
}

.hc-chart-circular-segment:hover[b-640lfucfpj],
.hc-chart-circular-segment:focus-visible[b-640lfucfpj] {
    filter: saturate(.9) brightness(1.04);
    outline: none;
    stroke: var(--hc-primary, #6f837b);
    stroke-width: 1.8;
    transform: scale(1.015);
}

/* =========================================================
   LEGEND
   ========================================================= */

.hc-chart-legend[b-640lfucfpj] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--hc-spacing-sm, .5rem);
    min-width: 0;
    padding-inline: .5rem;
}

.hc-chart-legend-item[b-640lfucfpj] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
    color: var(--hc-muted-color, #64748b);
    font-size: var(--hc-font-size-xs, .75rem);
    font-weight: var(--hc-font-weight-semibold, 600);
    line-height: 1.2;
}

.hc-chart-legend-value[b-640lfucfpj] {
    color: var(--hc-heading-color, #33413c);
    font-size: inherit;
    font-variant-numeric: tabular-nums;
    font-weight: var(--hc-font-weight-semibold, 600);
}

.hc-chart-legend-swatch[b-640lfucfpj] {
    display: inline-flex;
    flex: 0 0 .7rem;
    width: .7rem;
    height: .7rem;
    border-radius: 999px;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 640px) {
    .hc-chart-cartesian[b-640lfucfpj] {
        grid-template-columns: 1rem 2.25rem minmax(0, 1fr);
        padding-inline-end: .35rem;
    }

    .hc-chart-columns[b-640lfucfpj] {
        gap: .3rem;
    }

    .hc-chart-category-ticks > span[b-640lfucfpj] {
        max-width: 3.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hc-chart-host.hc-chart-animation-active .hc-chart-animation-target[b-640lfucfpj],
    .hc-chart-host.hc-chart-animation-active .hc-chart-line[b-640lfucfpj],
    .hc-chart-column-fill[b-640lfucfpj],
    .hc-chart-point-target-dot[b-640lfucfpj] {
        animation: none;
        transition: none;
    }
}
/* _content/Hoodcoder.Blazor/Components/DataVisualization/Shared/HCMap.razor.rz.scp.css */
/* =========================================================
   MAP SHELL
   ========================================================= */

.hc-map-host[b-8r9ts54h51] {
    display: flex;
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
}

[b-8r9ts54h51] .hc-map {
    width: 100%;
    height: 100%;
    min-width: 0;
    overflow: hidden;
}

[b-8r9ts54h51] .hc-map > .hc-widget-body {
    height: 100%;
}

[b-8r9ts54h51] .hc-map-fullscreen .hc-map-viewport {
    height: 100% !important;
    min-height: 20rem;
}

/* =========================================================
   GOOGLE MAPS VIEWPORT
   ========================================================= */

.hc-map-viewport[b-8r9ts54h51],
.hc-map-canvas[b-8r9ts54h51] {
    width: 100%;
    min-width: 0;
    min-height: 0;
}

.hc-map-viewport[b-8r9ts54h51] {
    position: relative;
    overflow: hidden;
    background: var(--hc-surface-muted-bg);
}

.hc-map-canvas[b-8r9ts54h51] {
    height: 100%;
}

/* =========================================================
   MAP TOOLBAR OVERLAY
   ========================================================= */

[b-8r9ts54h51] .hc-widget-toolbar-overlay {
    padding: var(--hc-spacing-xs);
    border: 1px solid color-mix(in srgb, var(--hc-border-color) 72%, transparent);
    border-radius: var(--hc-radius-md);
    background: color-mix(in srgb, var(--hc-surface-bg) 84%, transparent);
    box-shadow: var(--hc-shadow-sm);
    backdrop-filter: blur(.35rem);
}

[b-8r9ts54h51] .hc-widget-toolbar-overlay .hc-widget-action {
    border: 1px solid var(--hc-border-soft);
    background: var(--hc-surface-muted-bg);
    box-shadow: none;
}

[b-8r9ts54h51] .hc-widget-toolbar-overlay .hc-widget-action:hover,
[b-8r9ts54h51] .hc-widget-toolbar-overlay .hc-widget-action:focus-visible {
    border-color: var(--hc-border-color);
    background: color-mix(in srgb, var(--hc-surface-muted-bg) 78%, var(--hc-surface-bg));
}

[b-8r9ts54h51] .hc-widget-toolbar-overlay .hc-widget-action-refresh {
    color: var(--hc-info);
}

[b-8r9ts54h51] .hc-widget-toolbar-overlay .hc-widget-action-settings {
    color: var(--hc-warning);
}

[b-8r9ts54h51] .hc-widget-toolbar-overlay .hc-widget-action-export {
    color: var(--hc-success);
}

[b-8r9ts54h51] .hc-widget-toolbar-overlay .hc-widget-action-fullscreen {
    color: var(--hc-primary);
}

/* =========================================================
   MARKERS AND INFORMATION WINDOWS
   ========================================================= */

.hc-map-canvas[b-8r9ts54h51]  .hc-map-marker-pin,
.hc-map-canvas[b-8r9ts54h51]  .hc-map-marker-image {
    transition: filter var(--hc-transition-base), transform var(--hc-transition-base);
}

.hc-map-canvas[b-8r9ts54h51]  .hc-map-marker-image {
    display: block;
    object-fit: contain;
}

.hc-map-canvas[b-8r9ts54h51]  .hc-map-marker-selected .hc-map-marker-pin,
.hc-map-canvas[b-8r9ts54h51]  .hc-map-marker-selected .hc-map-marker-image {
    filter: drop-shadow(0 0 .35rem color-mix(in srgb, var(--hc-primary) 70%, transparent));
    transform: translateY(-.2rem) scale(1.08);
}

.hc-map-canvas[b-8r9ts54h51]  .hc-map-info-header {
    color: var(--hc-heading-color);
    font-family: inherit;
    font-size: var(--hc-font-size-sm);
    font-weight: var(--hc-font-weight-semibold);
    line-height: 1.3;
}

.hc-map-canvas[b-8r9ts54h51]  .hc-map-info-window {
    display: flex;
    align-items: center;
    gap: var(--hc-spacing-sm);
    min-width: 0;
    max-width: 100%;
    padding-block: var(--hc-spacing-xs) var(--hc-spacing-sm);
    padding-inline: 0 var(--hc-spacing-xs);
    color: var(--hc-body-color);
    background: var(--hc-surface-bg);
}

.hc-map-canvas[b-8r9ts54h51]  .hc-map-info-image {
    flex: 0 0 2.25rem;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    object-fit: cover;
    background: var(--hc-surface-muted-bg);
}

.hc-map-canvas[b-8r9ts54h51]  .hc-map-info-content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .125rem;
}

.hc-map-canvas[b-8r9ts54h51]  .hc-map-info-description,
.hc-map-canvas[b-8r9ts54h51]  .hc-map-info-address {
    color: var(--hc-muted-color);
    font-size: var(--hc-font-size-xs);
    line-height: 1.3;
}

.hc-map-canvas[b-8r9ts54h51]  .hc-map-info-action {
    align-self: flex-start;
    margin-top: var(--hc-spacing-xs);
    color: var(--hc-primary);
    font-size: var(--hc-font-size-xs);
    font-weight: var(--hc-font-weight-semibold);
    text-decoration: none;
}

.hc-map-canvas[b-8r9ts54h51]  .hc-map-info-action:hover,
.hc-map-canvas[b-8r9ts54h51]  .hc-map-info-action:focus-visible {
    text-decoration: underline;
}
/* _content/Hoodcoder.Blazor/Components/Editor/Canvas/HCEditorNodeCanvas.razor.rz.scp.css */
.hc-editor-node-canvas[b-svy6jco9sr] { display: grid; gap: .75rem; min-height: 2rem; }
.hc-editor-node-canvas .hc-editor-node-canvas[b-svy6jco9sr] { margin: .75rem; padding: .75rem; border: 1px dashed color-mix(in srgb, var(--hc-editor-accent, #7c3aed) 35%, transparent); border-radius: .75rem; }
.hc-editor-node-canvas__node[b-svy6jco9sr] { position: relative; border: 1px solid transparent; border-radius: .75rem; background: var(--hc-editor-surface, #fff); transition: border-color .15s ease, box-shadow .15s ease; }
.hc-editor-node-canvas__node:hover[b-svy6jco9sr] { border-color: color-mix(in srgb, var(--hc-editor-accent, #7c3aed) 45%, transparent); }
.hc-editor-node-canvas__node.is-selected[b-svy6jco9sr] { border-color: var(--hc-editor-accent, #7c3aed); box-shadow: 0 0 0 3px color-mix(in srgb, var(--hc-editor-accent, #7c3aed) 18%, transparent); }
.hc-editor-node-canvas__node.is-locked[b-svy6jco9sr] { opacity: .78; }
.hc-editor-node-canvas__chrome[b-svy6jco9sr] { display: flex; align-items: center; gap: .5rem; padding: .4rem .65rem; color: #64748b; font-size: .75rem; font-weight: 700; background: #f8fafc; border-radius: .7rem .7rem 0 0; cursor: grab; }
.hc-editor-node-canvas__chrome span[b-svy6jco9sr] { flex: 1; }
.hc-editor-node-canvas__content[b-svy6jco9sr] { padding: 1rem; overflow-wrap: anywhere; }
.hc-editor-node-canvas__content img[b-svy6jco9sr] { display: block; max-width: 100%; height: auto; }
.hc-editor-node-canvas__drop-zone[b-svy6jco9sr] { min-height: 2.5rem; border: 1px dashed #a78bfa; border-radius: .65rem; color: #7c3aed; background: color-mix(in srgb, #7c3aed 5%, white); }
.hc-editor-node-canvas__drop-zone:focus-visible[b-svy6jco9sr] { outline: 3px solid color-mix(in srgb, #7c3aed 35%, transparent); outline-offset: 2px; }
/* _content/Hoodcoder.Blazor/Components/Editor/Diagnostics/HCEditorDiagnosticsPanel.razor.rz.scp.css */
.hc-editor-diagnostics[b-wj4xa1nhcp] { position: absolute; z-index: 30; inset: 4.5rem 1rem auto auto; width: min(28rem, calc(100% - 2rem)); max-height: calc(100% - 6rem); overflow: auto; padding: 1rem; border: 1px solid color-mix(in srgb, var(--hc-primary, #6d4aff) 25%, #dfe3ee); border-radius: .9rem; background: color-mix(in srgb, #fff 96%, var(--hc-primary, #6d4aff)); box-shadow: 0 1.25rem 3rem rgba(23, 32, 51, .18); }
.hc-editor-diagnostics header[b-wj4xa1nhcp] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.hc-editor-diagnostics header div:first-child[b-wj4xa1nhcp] { display: grid; }
.hc-editor-diagnostics header small[b-wj4xa1nhcp] { color: #6b7280; text-transform: uppercase; letter-spacing: .08em; }
.hc-editor-diagnostics__metrics[b-wj4xa1nhcp] { display: grid; grid-template-columns: repeat(4, 1fr); gap: .5rem; margin: 1rem 0; }
.hc-editor-diagnostics__metrics article[b-wj4xa1nhcp] { display: grid; gap: .15rem; padding: .65rem; border-radius: .65rem; background: rgba(109, 74, 255, .08); }
.hc-editor-diagnostics__metrics span[b-wj4xa1nhcp], .hc-editor-diagnostics details span[b-wj4xa1nhcp] { color: #6b7280; font-size: .78rem; }
.hc-editor-diagnostics details[b-wj4xa1nhcp] { padding: .65rem 0; border-top: 1px solid #e5e7eb; }
.hc-editor-diagnostics summary[b-wj4xa1nhcp] { cursor: pointer; font-weight: 700; }
.hc-editor-diagnostics p[b-wj4xa1nhcp] { margin: .45rem 0 0; overflow-wrap: anywhere; }
.hc-editor-diagnostics .is-blocking[b-wj4xa1nhcp] { color: #b42318; }
@media (max-width: 640px) { .hc-editor-diagnostics__metrics[b-wj4xa1nhcp] { grid-template-columns: repeat(2, 1fr); } }
@media (prefers-reduced-motion: reduce) { .hc-editor-diagnostics[b-wj4xa1nhcp] { scroll-behavior: auto; } }
/* _content/Hoodcoder.Blazor/Components/Editor/Editor/HCEditor.razor.rz.scp.css */
.hc-editor[b-iqu1j6ta2w] {
    --hc-editor-accent: #7c5cff;
    --hc-editor-accent-strong: #5b35e8;
    --hc-editor-border: #e6e8ef;
    --hc-editor-muted: #697386;
    --hc-editor-panel: #fbfbfd;
    --hc-editor-stage: #eef0f5;
    background: #fff;
    border: 1px solid var(--hc-editor-border);
    border-radius: 1rem;
    box-shadow: 0 1.5rem 4rem rgb(20 24 40 / 12%);
    color: #172033;
    min-height: 42rem;
    overflow: hidden;
    position: relative;
}

.hc-editor button[b-iqu1j6ta2w], .hc-editor select[b-iqu1j6ta2w], .hc-editor input[b-iqu1j6ta2w] { font: inherit; }
.hc-editor button[b-iqu1j6ta2w] { cursor: pointer; }
.hc-editor button:focus-visible[b-iqu1j6ta2w], .hc-editor select:focus-visible[b-iqu1j6ta2w], .hc-editor input:focus-visible[b-iqu1j6ta2w], .hc-editor__block:focus-visible[b-iqu1j6ta2w] { outline: 3px solid color-mix(in srgb, var(--hc-editor-accent) 35%, transparent); outline-offset: 2px; }
.hc-editor select:focus-visible[b-iqu1j6ta2w], .hc-editor input:focus-visible[b-iqu1j6ta2w] { outline: none; box-shadow: var(--hc-input-shadow-focus); }
.hc-editor button:disabled[b-iqu1j6ta2w] { cursor: not-allowed; opacity: .45; }

.hc-editor__command-bar[b-iqu1j6ta2w] { align-items: center; background: #181927; color: #fff; display: grid; gap: 1rem; grid-template-columns: auto auto minmax(20rem, 1fr) auto; min-height: 4.5rem; padding: .7rem 1rem; }
.hc-editor__brand[b-iqu1j6ta2w] { align-items: center; display: flex; gap: .65rem; }
.hc-editor__brand-mark[b-iqu1j6ta2w] { align-items: center; background: linear-gradient(135deg, #a78bfa, #6d4aff); border-radius: .7rem; box-shadow: 0 .4rem 1rem rgb(124 92 255 / 35%); display: flex; height: 2.5rem; justify-content: center; width: 2.5rem; }
.hc-editor__brand > span:last-child[b-iqu1j6ta2w] { display: grid; line-height: 1.15; }
.hc-editor__brand small[b-iqu1j6ta2w] { color: #aeb2c5; font-size: .67rem; }
.hc-editor__history[b-iqu1j6ta2w], .hc-editor__command-actions[b-iqu1j6ta2w], .hc-editor__viewport-switcher[b-iqu1j6ta2w] { display: flex; gap: .25rem; }
.hc-editor__command-bar button[b-iqu1j6ta2w] { align-items: center; background: transparent; border: 1px solid transparent; border-radius: .5rem; color: #bfc3d5; display: inline-flex; gap: .4rem; justify-content: center; min-height: 2.35rem; min-width: 2.35rem; padding: .4rem .6rem; }
.hc-editor__command-bar button:hover[b-iqu1j6ta2w], .hc-editor__command-bar button.is-active[b-iqu1j6ta2w] { background: #2d2e41; color: #fff; }
.hc-editor__mode-switcher[b-iqu1j6ta2w] { background: #10111c; border: 1px solid #303247; border-radius: .75rem; display: flex; justify-self: center; padding: .25rem; }
.hc-editor__mode-switcher button[b-iqu1j6ta2w] { padding-inline: .85rem; }
.hc-editor__mode-switcher button.is-active[b-iqu1j6ta2w] { background: linear-gradient(135deg, var(--hc-editor-accent), var(--hc-editor-accent-strong)); box-shadow: 0 .35rem 1rem rgb(93 54 232 / 35%); color: #fff; }
.hc-editor__command-actions[b-iqu1j6ta2w] { justify-self: end; }
.hc-editor__viewport-switcher[b-iqu1j6ta2w] { border-right: 1px solid #3b3d50; margin-right: .35rem; padding-right: .55rem; }

.hc-editor__format-bar[b-iqu1j6ta2w] { align-items: center; background: #fff; border-bottom: 1px solid var(--hc-editor-border); display: flex; gap: .25rem; min-height: 3.25rem; overflow-x: auto; padding: .45rem .75rem; }
.hc-editor__format-bar button[b-iqu1j6ta2w], .hc-editor__format-bar select[b-iqu1j6ta2w] { align-items: center; background: transparent; border: 1px solid transparent; border-radius: .4rem; color: #465064; display: inline-flex; gap: .4rem; justify-content: center; min-height: 2.2rem; min-width: 2.2rem; padding: .35rem .55rem; white-space: nowrap; }
.hc-editor__format-bar button:hover[b-iqu1j6ta2w], .hc-editor__format-bar button.is-active[b-iqu1j6ta2w] { background: #f0edff; color: var(--hc-editor-accent-strong); }
.hc-editor__format-bar select[b-iqu1j6ta2w] { border-color: var(--hc-editor-border); min-width: 8.5rem; }
.hc-editor__document-name[b-iqu1j6ta2w] { align-items: center; display: flex; gap: .45rem; margin-right: .35rem; white-space: nowrap; }
.hc-editor__document-name > span:first-of-type[b-iqu1j6ta2w] { font-weight: 650; max-width: 13rem; overflow: hidden; text-overflow: ellipsis; }
.hc-editor__document-name small[b-iqu1j6ta2w] { color: #7d8798; }
.hc-editor__saved-dot[b-iqu1j6ta2w] { background: #19b87a; border-radius: 50%; height: .42rem; width: .42rem; }
.hc-editor__bar-divider[b-iqu1j6ta2w] { background: var(--hc-editor-border); height: 1.6rem; margin: 0 .3rem; width: 1px; }
.hc-editor__format-spacer[b-iqu1j6ta2w] { flex: 1; }

.hc-editor__designer[b-iqu1j6ta2w] { display: grid; grid-template-columns: 15.5rem minmax(0, 1fr) 18rem; min-height: 46rem; }
.hc-editor__designer.is-previewing[b-iqu1j6ta2w] { grid-template-columns: minmax(0, 1fr); }
.hc-editor__designer.is-toolbox-collapsed[b-iqu1j6ta2w] { grid-template-columns: minmax(0, 1fr) 18rem; }
.hc-editor__designer.is-inspector-collapsed[b-iqu1j6ta2w] { grid-template-columns: 15.5rem minmax(0, 1fr); }
.hc-editor__designer.is-toolbox-collapsed.is-inspector-collapsed[b-iqu1j6ta2w] { grid-template-columns: minmax(0, 1fr); }
.hc-editor--fullscreen[b-iqu1j6ta2w] { background: #fff; inset: 0; overflow: auto; position: fixed; z-index: 9990; }
.hc-editor--compact .hc-editor__command-bar[b-iqu1j6ta2w], .hc-editor--compact .hc-editor__format-bar[b-iqu1j6ta2w] { min-height: 2.7rem; padding-block: .25rem; }
.hc-editor--compact .hc-editor__designer[b-iqu1j6ta2w] { min-height: 32rem; }
.hc-editor__panel-reopen[b-iqu1j6ta2w] { position: absolute; top: .75rem; z-index: 5; }
.hc-editor__panel-reopen--left[b-iqu1j6ta2w] { left: .75rem; }.hc-editor__panel-reopen--right[b-iqu1j6ta2w] { right: .75rem; }
.hc-editor__status-bar[b-iqu1j6ta2w] { align-items: center; background: #171827; color: #cbd5e1; display: flex; flex-wrap: wrap; font-size: .68rem; gap: 1rem; min-height: 2rem; padding: .35rem .75rem; }
.hc-editor__status-bar span[b-iqu1j6ta2w] { align-items: center; display: inline-flex; gap: .35rem; }.hc-editor__status-bar .has-errors[b-iqu1j6ta2w] { color: #fca5a5; }
.hc-editor__status-spacer[b-iqu1j6ta2w] { flex: 1; }
.hc-editor__toolbox[b-iqu1j6ta2w], .hc-editor__inspector[b-iqu1j6ta2w] { background: var(--hc-editor-panel); min-width: 0; overflow-y: auto; }
.hc-editor__toolbox[b-iqu1j6ta2w] { border-right: 1px solid var(--hc-editor-border); }
.hc-editor__inspector[b-iqu1j6ta2w] { border-left: 1px solid var(--hc-editor-border); }
.hc-editor__panel-heading[b-iqu1j6ta2w] { align-items: center; border-bottom: 1px solid var(--hc-editor-border); display: flex; font-weight: 700; justify-content: space-between; min-height: 3.5rem; padding: .75rem 1rem; }
.hc-editor__panel-heading span[b-iqu1j6ta2w] { align-items: center; display: flex; gap: .5rem; }
.hc-editor__panel-heading i[b-iqu1j6ta2w] { color: var(--hc-editor-accent-strong); }
.hc-editor__panel-heading button[b-iqu1j6ta2w] { background: transparent; border: 0; color: var(--hc-editor-muted); }
.hc-editor__toolbox-section[b-iqu1j6ta2w] { border-bottom: 1px solid var(--hc-editor-border); padding: 1rem; }
.hc-editor__toolbox-section h2[b-iqu1j6ta2w], .hc-editor__property-group h2[b-iqu1j6ta2w] { color: #8b94a5; font-size: .67rem; letter-spacing: .1em; margin: 0 0 .75rem; text-transform: uppercase; }
.hc-editor__block-grid[b-iqu1j6ta2w] { display: grid; gap: .55rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hc-editor__block-grid button[b-iqu1j6ta2w] { align-items: center; background: #fff; border: 1px solid var(--hc-editor-border); border-radius: .65rem; color: #596376; display: flex; flex-direction: column; gap: .45rem; min-height: 4.4rem; padding: .55rem; transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease; }
.hc-editor__block-grid button i[b-iqu1j6ta2w] { color: #727d91; font-size: 1.05rem; }
.hc-editor__block-grid button span[b-iqu1j6ta2w] { font-size: .72rem; }
.hc-editor__block-grid button:hover[b-iqu1j6ta2w] { border-color: #b9abff; box-shadow: 0 .5rem 1.2rem rgb(67 49 130 / 10%); color: var(--hc-editor-accent-strong); transform: translateY(-2px); }
.hc-editor__block-grid button:hover i[b-iqu1j6ta2w] { color: var(--hc-editor-accent); }

.hc-editor__stage[b-iqu1j6ta2w] { background: radial-gradient(circle at top, #f6f7fa, var(--hc-editor-stage) 55%); min-width: 0; overflow: auto; padding: 1rem 2rem 4rem; position: relative; }
.hc-editor__stage-chrome[b-iqu1j6ta2w] { align-items: center; color: #697386; display: flex; font-size: .72rem; justify-content: space-between; margin: 0 auto .75rem; max-width: min(100%, var(--hc-editor-canvas-width)); }
.hc-editor__stage-chrome i[b-iqu1j6ta2w] { color: #21a875; margin-right: .3rem; }
.hc-editor__canvas[b-iqu1j6ta2w] { background: #fff; box-shadow: 0 1.2rem 3.5rem rgb(34 39 55 / 14%); margin: 0 auto; min-height: 38rem; max-width: 100%; position: relative; transform: scale(var(--hc-editor-zoom)); transform-origin: top center; transition: width .25s ease, transform .2s ease; width: var(--hc-editor-canvas-width); }
.hc-editor__canvas--email[b-iqu1j6ta2w] { min-height: 34rem; }
.hc-editor__block[b-iqu1j6ta2w] { border: 2px solid transparent; cursor: pointer; min-height: 2.5rem; position: relative; transition: border-color .12s ease, box-shadow .12s ease; }
.hc-editor__block:hover[b-iqu1j6ta2w] { border-color: #b9abff; }
.hc-editor__block.is-selected[b-iqu1j6ta2w] { border-color: var(--hc-editor-accent); box-shadow: 0 0 0 2px rgb(124 92 255 / 12%); z-index: 2; }
.hc-editor__block-handle[b-iqu1j6ta2w] { align-items: center; background: var(--hc-editor-accent-strong); border-radius: .45rem .45rem 0 0; color: #fff; display: none; font-size: .68rem; gap: .4rem; left: -2px; padding: .3rem .4rem; position: absolute; top: -1.75rem; z-index: 4; }
.hc-editor__block-handle span[b-iqu1j6ta2w] { min-width: 4rem; }
.hc-editor__block-handle button[b-iqu1j6ta2w] { background: transparent; border: 0; color: #fff; min-width: 1.2rem; padding: 0; }
.hc-editor__block.is-selected .hc-editor__block-handle[b-iqu1j6ta2w] { display: flex; }
.hc-editor__inline-content[b-iqu1j6ta2w] { min-height: inherit; outline: none; padding: 1.2rem 2rem; }
.hc-editor__inline-content[contenteditable="true"][b-iqu1j6ta2w] { cursor: text; }
.hc-editor__block img[b-iqu1j6ta2w] { display: block; height: auto; max-width: 100%; width: 100%; }
.hc-editor__canvas-add[b-iqu1j6ta2w] { align-items: center; background: var(--hc-editor-accent); border: 4px solid #fff; border-radius: 50%; bottom: -1rem; box-shadow: 0 .4rem 1rem rgb(79 54 180 / 25%); color: #fff; display: flex; height: 2.3rem; justify-content: center; left: calc(50% - 1.15rem); position: absolute; width: 2.3rem; }
.hc-editor__empty[b-iqu1j6ta2w] { align-items: center; background: transparent; border: 2px dashed #cbcfe0; color: #7d8798; display: flex; flex-direction: column; gap: .5rem; margin: 8rem auto; padding: 2rem 3rem; }
.hc-editor__empty i[b-iqu1j6ta2w] { color: var(--hc-editor-accent); font-size: 1.5rem; }
.hc-editor__zoom[b-iqu1j6ta2w] { align-items: center; background: #fff; border: 1px solid var(--hc-editor-border); border-radius: .6rem; bottom: 1rem; box-shadow: 0 .4rem 1rem rgb(30 35 50 / 10%); display: flex; gap: .25rem; padding: .2rem; position: absolute; right: 1rem; }
.hc-editor__zoom button[b-iqu1j6ta2w] { background: transparent; border: 0; color: #657084; height: 1.8rem; width: 1.8rem; }
.hc-editor__zoom span[b-iqu1j6ta2w] { font-size: .7rem; min-width: 2.6rem; text-align: center; }

.hc-editor-premium-hero[b-iqu1j6ta2w] { background: linear-gradient(135deg, #16172a, #36216d 62%, #7957e8); color: #fff; padding: 5rem 3rem; text-align: center; }
.hc-editor-premium-hero > span[b-iqu1j6ta2w] { color: #c9bcff; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.hc-editor-premium-hero h1[b-iqu1j6ta2w] { font-size: clamp(2.2rem, 6vw, 4.5rem); letter-spacing: -.055em; margin: .7rem 0; }
.hc-editor-premium-hero p[b-iqu1j6ta2w] { color: #ddd8ef; font-size: 1.1rem; margin: 0 auto 1.8rem; max-width: 36rem; }
.hc-editor-button[b-iqu1j6ta2w] { background: linear-gradient(135deg, var(--hc-editor-accent), var(--hc-editor-accent-strong)); border-radius: .55rem; color: #fff !important; display: inline-block; font-weight: 700; padding: .8rem 1.2rem; text-decoration: none; }
.hc-editor-columns[b-iqu1j6ta2w] { display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); padding: 3rem 2rem; }
.hc-editor-columns > div[b-iqu1j6ta2w] { background: #f7f7fb; border-radius: .75rem; padding: 1.25rem; text-align: center; }
.hc-editor-navigation[b-iqu1j6ta2w] { align-items: center; display: flex; justify-content: space-between; padding: 1.25rem 2rem; }
.hc-editor-social[b-iqu1j6ta2w] { display: flex; gap: 1rem; justify-content: center; padding: 2rem; }
.hc-editor-social span[b-iqu1j6ta2w] { background: #f1effc; border-radius: 2rem; color: var(--hc-editor-accent-strong); padding: .5rem .9rem; }
.hc-editor-footer[b-iqu1j6ta2w] { background: #151623; color: #fff; padding: 3rem 2rem; text-align: center; }
.hc-editor-video[b-iqu1j6ta2w] { align-items: center; background: #171827; color: #fff; display: flex; flex-direction: column; gap: .75rem; justify-content: center; min-height: 18rem; }
.hc-editor-video i[b-iqu1j6ta2w] { align-items: center; background: rgb(255 255 255 / 14%); border-radius: 50%; display: flex; font-size: 1.4rem; height: 4rem; justify-content: center; width: 4rem; }

.hc-editor__selected-summary[b-iqu1j6ta2w] { align-items: center; border-bottom: 1px solid var(--hc-editor-border); display: flex; gap: .7rem; padding: 1rem; }
.hc-editor__selected-icon[b-iqu1j6ta2w] { align-items: center; background: #eeeafd; border-radius: .65rem; color: var(--hc-editor-accent-strong); display: flex; height: 2.6rem; justify-content: center; width: 2.6rem; }
.hc-editor__selected-summary div[b-iqu1j6ta2w] { display: grid; }
.hc-editor__selected-summary small[b-iqu1j6ta2w] { color: var(--hc-editor-muted); }
.hc-editor__property-group[b-iqu1j6ta2w] { border-bottom: 1px solid var(--hc-editor-border); display: grid; gap: .85rem; padding: 1rem; }
.hc-editor__property-group label[b-iqu1j6ta2w] { color: #576174; display: grid; font-size: .72rem; gap: .35rem; }
.hc-editor__property-group input[b-iqu1j6ta2w] { background: #fff; border: 1px solid var(--hc-editor-border); border-radius: .45rem; min-height: 2.35rem; padding: .45rem .6rem; width: 100%; }
.hc-editor__media-picker[b-iqu1j6ta2w] { align-items: center; background: #f1effc; border: 1px dashed #a995ff; border-radius: .6rem; color: var(--hc-editor-accent-strong); display: flex; gap: .65rem; padding: .75rem; text-align: left; }
.hc-editor__media-picker > i[b-iqu1j6ta2w] { font-size: 1.25rem; }
.hc-editor__media-picker span[b-iqu1j6ta2w] { display: grid; }
.hc-editor__media-picker small[b-iqu1j6ta2w] { color: #727b8e; }
.hc-editor__swatches[b-iqu1j6ta2w] { display: flex; gap: .45rem; }
.hc-editor__swatches button[b-iqu1j6ta2w] { border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px #d5d8e2; height: 1.7rem; width: 1.7rem; }
.hc-editor__swatches button:nth-child(1)[b-iqu1j6ta2w] { background: #7c5cff; }.hc-editor__swatches button:nth-child(2)[b-iqu1j6ta2w] { background: #2878ff; }.hc-editor__swatches button:nth-child(3)[b-iqu1j6ta2w] { background: #191a28; }.hc-editor__swatches button:nth-child(4)[b-iqu1j6ta2w] { background: #f3f4f7; }
.hc-editor__property-actions[b-iqu1j6ta2w] { display: grid; gap: .5rem; grid-template-columns: 1fr 1fr; padding: 1rem; }
.hc-editor__property-actions button[b-iqu1j6ta2w] { background: #fff; border: 1px solid var(--hc-editor-border); border-radius: .45rem; color: #596376; padding: .6rem; }
.hc-editor__property-actions button.is-danger[b-iqu1j6ta2w] { color: #d14343; }
.hc-editor__inspector-empty[b-iqu1j6ta2w] { align-items: center; color: var(--hc-editor-muted); display: flex; flex-direction: column; padding: 4rem 1.5rem; text-align: center; }
.hc-editor__inspector-empty > i[b-iqu1j6ta2w] { color: #b4b8c5; font-size: 2rem; margin-bottom: 1rem; }
.hc-editor__inspector-empty p[b-iqu1j6ta2w] { font-size: .78rem; line-height: 1.5; }

.hc-editor__rich-workspace[b-iqu1j6ta2w] { background: var(--hc-editor-stage); min-height: 42rem; padding: 1.5rem 2rem 4rem; }
.hc-editor__page-ruler[b-iqu1j6ta2w] { color: #9aa1af; display: flex; font-size: .6rem; justify-content: space-between; margin: 0 auto .4rem; max-width: 52rem; padding-inline: 1rem; }
.hc-editor__content[b-iqu1j6ta2w] { background: #fff; box-shadow: 0 1rem 3rem rgb(36 40 56 / 12%); margin: 0 auto; min-height: 48rem; max-width: 52rem; padding: 4rem 4.5rem; }
.hc-editor__content:focus[b-iqu1j6ta2w] { outline: none; }
.hc-editor__content:focus-visible[b-iqu1j6ta2w] { box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--hc-editor-accent) 35%, transparent); }
.hc-editor__advanced-tools[b-iqu1j6ta2w] { position: relative; }
.hc-editor__advanced-tools > summary[b-iqu1j6ta2w] { align-items: center; cursor: pointer; display: flex; height: 2rem; justify-content: center; list-style: none; width: 2rem; }
.hc-editor__advanced-menu[b-iqu1j6ta2w] { background: #fff; border: 1px solid var(--hc-editor-border); border-radius: .6rem; box-shadow: 0 1rem 2.5rem rgb(32 36 55 / 18%); min-width: 20rem; padding: .75rem; position: absolute; right: 0; top: 2.25rem; z-index: 30; }
.hc-editor__advanced-grid[b-iqu1j6ta2w] { display: grid; gap: .25rem; grid-template-columns: repeat(3, 1fr); }
.hc-editor__advanced-menu label[b-iqu1j6ta2w] { align-items: center; color: var(--hc-editor-muted); display: grid; font-size: .72rem; gap: .25rem; grid-template-columns: 5rem 1fr; }
.hc-editor__advanced-menu select[b-iqu1j6ta2w] { width: 100%; }
.hc-editor__document-count[b-iqu1j6ta2w] { color: var(--hc-editor-muted); font-size: .7rem; white-space: nowrap; }
.hc-editor__find-panel[b-iqu1j6ta2w] { background: #fff; border-bottom: 1px solid var(--hc-editor-border); padding: .65rem 1rem; }
.hc-editor__find-panel > span[b-iqu1j6ta2w] { color: var(--hc-editor-muted); font-size: .72rem; }
.hc-editor__document-outline[b-iqu1j6ta2w] { background: #fff; border: 1px solid var(--hc-editor-border); border-radius: .55rem; box-shadow: 0 .5rem 1.5rem rgb(36 40 56 / 8%); color: #586174; left: 1rem; max-height: 30rem; overflow: auto; padding: .8rem; position: absolute; top: 1rem; width: 13rem; z-index: 4; }
.hc-editor__document-outline p[b-iqu1j6ta2w], .hc-editor__document-outline div[b-iqu1j6ta2w] { font-size: .72rem; margin: .45rem 0; }
.hc-editor__rich-workspace[b-iqu1j6ta2w] { position: relative; }
.hc-editor__content table[b-iqu1j6ta2w] { border-collapse: collapse; width: 100%; }
.hc-editor__content td[b-iqu1j6ta2w], .hc-editor__content th[b-iqu1j6ta2w] { border: 1px solid #cbd5e1; min-width: 4rem; padding: .5rem; }
.hc-editor__content .hc-editor-page-break[b-iqu1j6ta2w] { border-top: 2px dashed #94a3b8; height: 0; margin: 2rem 0; page-break-after: always; }
.hc-editor-merge-field[b-iqu1j6ta2w] { background: #ede9fe; border-radius: .25rem; color: #5b21b6; padding: .1rem .25rem; }
.hc-editor__source-backdrop[b-iqu1j6ta2w] { align-items: center; background: rgb(15 17 28 / 72%); display: flex; inset: 0; justify-content: center; padding: 2rem; position: fixed; z-index: 10020; }
.hc-editor__source-dialog[b-iqu1j6ta2w] { background: #fff; border-radius: .75rem; box-shadow: 0 2rem 6rem rgb(0 0 0 / 35%); display: grid; gap: 1rem; max-height: 92vh; max-width: 70rem; overflow: auto; padding: 1.25rem; width: 92vw; }
.hc-editor__source-dialog header div[b-iqu1j6ta2w] { display: grid; }.hc-editor__source-dialog header small[b-iqu1j6ta2w] { color: var(--hc-editor-muted); }
.hc-editor__source-dialog footer[b-iqu1j6ta2w] { display: flex; gap: .5rem; justify-content: flex-end; }
.hc-editor__email-preview-backdrop[b-iqu1j6ta2w] { align-items: center; background: rgb(15 17 28 / 72%); display: flex; inset: 0; justify-content: center; padding: 1rem; position: fixed; z-index: 10030; }
.hc-editor__email-preview-dialog[b-iqu1j6ta2w] { background: #fff; border-radius: .75rem; box-shadow: 0 2rem 6rem rgb(0 0 0 / 35%); display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; height: min(92vh, 64rem); max-width: 80rem; overflow: hidden; width: 96vw; }
.hc-editor__email-preview-dialog > header[b-iqu1j6ta2w], .hc-editor__email-preview-dialog > footer[b-iqu1j6ta2w] { align-items: center; display: flex; justify-content: space-between; padding: .8rem 1rem; }
.hc-editor__email-preview-dialog > header[b-iqu1j6ta2w] { border-bottom: 1px solid var(--hc-editor-border); }.hc-editor__email-preview-dialog > header div[b-iqu1j6ta2w] { display: grid; }.hc-editor__email-preview-dialog > header small[b-iqu1j6ta2w] { color: var(--hc-editor-muted); }
.hc-editor__email-preview-dialog > footer[b-iqu1j6ta2w] { border-top: 1px solid var(--hc-editor-border); }.hc-editor__email-preview-dialog > footer span[b-iqu1j6ta2w] { color: var(--hc-editor-muted); font-size: .75rem; }
.hc-editor__email-preview-tabs[b-iqu1j6ta2w] { border-bottom: 1px solid var(--hc-editor-border); padding: .5rem 1rem; }
.hc-editor__email-preview-stage[b-iqu1j6ta2w] { background: #e5e7eb; overflow: auto; padding: 1.5rem; }.hc-editor__email-preview-stage pre[b-iqu1j6ta2w] { background: #111827; color: #e5e7eb; min-height: 100%; overflow: auto; padding: 1rem; white-space: pre-wrap; }
.hc-editor__email-preview-frame[b-iqu1j6ta2w] { background: #fff; margin: auto; max-width: 600px; min-height: 100%; transition: max-width .15s ease; }.hc-editor__email-preview-frame.is-mobile[b-iqu1j6ta2w] { max-width: 390px; }

@media (prefers-reduced-motion: reduce) {
    .hc-editor *[b-iqu1j6ta2w], .hc-editor *[b-iqu1j6ta2w]::before, .hc-editor *[b-iqu1j6ta2w]::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

@media (pointer: coarse) {
    .hc-editor button[b-iqu1j6ta2w], .hc-editor select[b-iqu1j6ta2w], .hc-editor input[b-iqu1j6ta2w] { min-height: 44px; }
}

.hc-editor__media-backdrop[b-iqu1j6ta2w] { align-items: center; background: rgb(15 17 28 / 72%); display: flex; inset: 0; justify-content: center; padding: 2rem; position: fixed; z-index: 10000; }
.hc-editor__media-dialog[b-iqu1j6ta2w] { background: #fff; border-radius: 1rem; box-shadow: 0 2rem 6rem rgb(0 0 0 / 35%); display: grid; grid-template-rows: auto minmax(0, 1fr) auto; max-height: min(90vh, 58rem); max-width: 76rem; overflow: hidden; width: 94vw; }
.hc-editor__media-dialog > header[b-iqu1j6ta2w] { align-items: center; border-bottom: 1px solid var(--hc-editor-border); display: flex; justify-content: space-between; padding: 1rem 1.25rem; }
.hc-editor__media-dialog > header span[b-iqu1j6ta2w] { color: var(--hc-editor-accent-strong); font-size: .7rem; font-weight: 700; text-transform: uppercase; }
.hc-editor__media-dialog > header h2[b-iqu1j6ta2w] { margin: .15rem 0; }.hc-editor__media-dialog > header p[b-iqu1j6ta2w] { color: var(--hc-editor-muted); margin: 0; }
.hc-editor__media-dialog > header button[b-iqu1j6ta2w] { background: #f1f2f6; border: 0; border-radius: 50%; height: 2.4rem; width: 2.4rem; }
.hc-editor__media-dialog > footer[b-iqu1j6ta2w] { align-items: center; border-top: 1px solid var(--hc-editor-border); display: flex; justify-content: space-between; padding: .8rem 1rem; }
.hc-editor__media-dialog > footer span[b-iqu1j6ta2w] { color: var(--hc-editor-muted); font-size: .8rem; }
.hc-editor__media-dialog > footer button[b-iqu1j6ta2w] { background: var(--hc-editor-accent-strong); border: 0; border-radius: .5rem; color: #fff; padding: .65rem 1rem; }
.hc-editor__media-empty[b-iqu1j6ta2w] { align-items: center; display: flex; flex-direction: column; justify-content: center; min-height: 24rem; padding: 3rem; text-align: center; }
.hc-editor__media-empty > i[b-iqu1j6ta2w] { color: var(--hc-editor-accent); font-size: 3rem; }
.hc-editor__announcer[b-iqu1j6ta2w] { clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; position: absolute; width: 1px; }

@media (max-width: 1100px) {
    .hc-editor__command-bar[b-iqu1j6ta2w] { grid-template-columns: auto 1fr auto; }.hc-editor__history[b-iqu1j6ta2w] { display: none; }
    .hc-editor__designer[b-iqu1j6ta2w] { grid-template-columns: 13rem minmax(0, 1fr); }.hc-editor__inspector[b-iqu1j6ta2w] { display: none; }
}
@media (max-width: 760px) {
    .hc-editor__command-bar[b-iqu1j6ta2w] { grid-template-columns: 1fr auto; }.hc-editor__brand small[b-iqu1j6ta2w], .hc-editor__mode-switcher span[b-iqu1j6ta2w], .hc-editor__viewport-switcher[b-iqu1j6ta2w] { display: none; }.hc-editor__mode-switcher[b-iqu1j6ta2w] { justify-self: end; }
    .hc-editor__designer[b-iqu1j6ta2w] { grid-template-columns: 1fr; }.hc-editor__toolbox[b-iqu1j6ta2w] { border-bottom: 1px solid var(--hc-editor-border); border-right: 0; max-height: 18rem; }.hc-editor__stage[b-iqu1j6ta2w] { padding-inline: .75rem; }
    .hc-editor__content[b-iqu1j6ta2w] { min-height: 38rem; padding: 2rem; }.hc-editor__rich-workspace[b-iqu1j6ta2w] { padding-inline: .75rem; }
    .hc-editor-columns[b-iqu1j6ta2w] { grid-template-columns: 1fr; }.hc-editor__media-backdrop[b-iqu1j6ta2w] { padding: .5rem; }
}
/* _content/Hoodcoder.Blazor/Components/Editor/Email/HCEditorEmailSettingsPanel.razor.rz.scp.css */
.hc-editor-email-settings[b-jjco17ot3x] { background: #fff; border-left: 1px solid var(--hc-editor-border, #e2e8f0); box-shadow: -1rem 0 2rem rgb(31 41 55 / 8%); display: grid; gap: 1rem; height: 100%; max-width: 25rem; overflow: auto; padding: 1rem; position: absolute; right: 0; top: 0; width: 100%; z-index: 12; }
.hc-editor-email-settings > header[b-jjco17ot3x] { align-items: center; display: flex; justify-content: space-between; }.hc-editor-email-settings > header div[b-jjco17ot3x] { display: grid; }.hc-editor-email-settings > header small[b-jjco17ot3x] { color: #64748b; font-size: .72rem; }
/* _content/Hoodcoder.Blazor/Components/Editor/Inspector/HCEditorInspector.razor.rz.scp.css */
.hc-editor-structured-inspector[b-e0aim80526] { display: grid; }
.hc-editor-structured-inspector > header[b-e0aim80526] { align-items: center; border-bottom: 1px solid var(--hc-editor-border, #e2e8f0); display: flex; gap: .65rem; padding: 1rem; }
.hc-editor-structured-inspector > header div[b-e0aim80526] { display: grid; min-width: 0; }.hc-editor-structured-inspector > header small[b-e0aim80526] { color: #64748b; font-size: .7rem; }
.hc-editor-structured-inspector__icon[b-e0aim80526] { align-items: center; background: #ede9fe; border-radius: .5rem; color: #6d28d9; display: flex; height: 2.4rem; justify-content: center; width: 2.4rem; }
.hc-editor-structured-inspector__group[b-e0aim80526] { border-bottom: 1px solid var(--hc-editor-border, #e2e8f0); display: grid; gap: .65rem; padding: 1rem; }
.hc-editor-structured-inspector__group h2[b-e0aim80526] { font-size: .72rem; letter-spacing: .05em; margin: 0; text-transform: uppercase; }
.hc-editor-structured-inspector__group p[b-e0aim80526] { color: #64748b; font-size: .75rem; }
.hc-editor-structured-inspector__actions[b-e0aim80526] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}
/* _content/Hoodcoder.Blazor/Components/Editor/Layers/HCEditorLayerNavigator.razor.rz.scp.css */
.hc-editor-layers[b-pm6a2u1fpz] { display: grid; gap: .5rem; padding: .65rem; }
.hc-editor-layers .hc-editor-layers[b-pm6a2u1fpz] { padding: 0 0 0 1rem; }
.hc-editor-layers__tree[b-pm6a2u1fpz], .hc-editor-layers__branch[b-pm6a2u1fpz] { display: grid; gap: .15rem; }
.hc-editor-layers__row[b-pm6a2u1fpz] { align-items: center; border-radius: .4rem; display: grid; grid-template-columns: 1.8rem minmax(0, 1fr) 1.8rem 1.8rem; min-width: 0; }
.hc-editor-layers__row:hover[b-pm6a2u1fpz] { background: #f5f3ff; }
.hc-editor-layers__row.is-selected[b-pm6a2u1fpz] { background: #ede9fe; color: #5b21b6; }
.hc-editor-layers__row.is-hidden[b-pm6a2u1fpz] { opacity: .55; }
.hc-editor-layers__select[b-pm6a2u1fpz] { justify-content: flex-start; min-width: 0; overflow: hidden; }
.hc-editor-layers__spacer[b-pm6a2u1fpz] { width: 1.8rem; }
/* _content/Hoodcoder.Blazor/Components/Editor/Website/HCEditorPageManager.razor.rz.scp.css */
.hc-editor-page-manager[b-mcd39auuxm] { background: #fff; border-left: 1px solid var(--hc-editor-border, #e2e8f0); box-shadow: -1rem 0 2rem rgb(31 41 55 / 10%); display: grid; grid-template-rows: auto minmax(0, 1fr); height: 100%; max-width: 46rem; position: absolute; right: 0; top: 0; width: 100%; z-index: 14; }
.hc-editor-page-manager > header[b-mcd39auuxm] { align-items: center; border-bottom: 1px solid #e2e8f0; display: flex; justify-content: space-between; padding: 1rem; }.hc-editor-page-manager > header div[b-mcd39auuxm] { display: grid; }.hc-editor-page-manager > header small[b-mcd39auuxm] { color: #64748b; font-size: .72rem; }
.hc-editor-page-manager__layout[b-mcd39auuxm] { display: grid; grid-template-columns: 14rem minmax(0, 1fr); min-height: 0; }.hc-editor-page-manager__layout > aside[b-mcd39auuxm] { border-right: 1px solid #e2e8f0; overflow: auto; padding: .75rem; }.hc-editor-page-manager__layout > aside [role=listitem][b-mcd39auuxm] { border-radius: .45rem; margin-top: .35rem; padding: .25rem; }.hc-editor-page-manager__layout > aside [role=listitem].is-active[b-mcd39auuxm] { background: #ede9fe; }.hc-editor-page-manager__layout > aside small[b-mcd39auuxm] { color: #64748b; display: block; padding: 0 .6rem .3rem; }
.hc-editor-page-manager__properties[b-mcd39auuxm] { overflow: auto; padding: 1rem; }
/* _content/Hoodcoder.Blazor/Components/Feedback/HCBadge.razor.rz.scp.css */
.hc-badge[b-h0d2dysu9q] {
    --hc-badge-bg: #f3f4f6;
    --hc-badge-color: #374151;
    --hc-badge-border: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    width: fit-content;
    max-width: 100%;
    border: 1px solid var(--hc-badge-border);
    background: var(--hc-badge-bg);
    color: var(--hc-badge-color);
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, opacity .2s ease, box-shadow .2s ease;
}

.hc-badge-text[b-h0d2dysu9q]{
    margin-top:.2rem;
}

.hc-badge-small[b-h0d2dysu9q] {
    min-height: 1.375rem;
    padding: .25rem .5rem;
    font-size: .6875rem;
}

.hc-badge-medium[b-h0d2dysu9q] {
    min-height: 1.75rem;
    padding: .375rem .675rem;
    font-size: .75rem;
}

.hc-badge-large[b-h0d2dysu9q] {
    min-height: 2.125rem;
    padding: .5rem .875rem;
    font-size: .875rem;
}

.hc-badge-pill[b-h0d2dysu9q] {
    border-radius: 999px;
}

.hc-badge-rounded[b-h0d2dysu9q] {
    border-radius: .5rem;
}

.hc-badge-primary[b-h0d2dysu9q] {
    --hc-badge-bg: rgba(99, 102, 241, .12);
    --hc-badge-color: #4f46e5;
}

.hc-badge-success[b-h0d2dysu9q] {
    --hc-badge-bg: rgba(34, 197, 94, .12);
    --hc-badge-color: #15803d;
}

.hc-badge-warning[b-h0d2dysu9q] {
    --hc-badge-bg: rgba(245, 158, 11, .14);
    --hc-badge-color: #b45309;
}

.hc-badge-danger[b-h0d2dysu9q] {
    --hc-badge-bg: rgba(239, 68, 68, .12);
    --hc-badge-color: #dc2626;
}

.hc-badge-info[b-h0d2dysu9q] {
    --hc-badge-bg: rgba(59, 130, 246, .12);
    --hc-badge-color: #2563eb;
}

.hc-badge-dark[b-h0d2dysu9q] {
    --hc-badge-bg: #111827;
    --hc-badge-color: #ffffff;
}

.hc-badge-outline[b-h0d2dysu9q] {
    background: transparent;
    border-color: currentColor;
}

.hc-badge-clickable[b-h0d2dysu9q] {
    cursor: pointer;
}

    .hc-badge-clickable:hover[b-h0d2dysu9q] {
        box-shadow: 0 6px 16px rgba(15, 23, 42, .12);
    }

.hc-badge-disabled[b-h0d2dysu9q] {
    opacity: .55;
    pointer-events: none;
}

.hc-badge-loading[b-h0d2dysu9q] {
    pointer-events: none;
}

.hc-badge-spinner[b-h0d2dysu9q] {
    width: .75rem;
    height: .75rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 999px;
    animation: hc-badge-spin-b-h0d2dysu9q .7s linear infinite;
}

.hc-badge-start[b-h0d2dysu9q],
.hc-badge-end[b-h0d2dysu9q],
.hc-badge-text[b-h0d2dysu9q] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

@keyframes hc-badge-spin-b-h0d2dysu9q {
    to {
        transform: rotate(360deg);
    }
}
/* _content/Hoodcoder.Blazor/Components/Feedback/HCField.razor.rz.scp.css */
/* =========================================================
   FIELD
========================================================= */

.hc-field[b-ameyjs7jgb] {
    --hc-field-padding-block: .65rem;
    --hc-field-padding-inline: .75rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    gap: var(--hc-field-gap, .35rem);
    margin-top: 0;
    color: var(--hc-text);
}

.hc-field--compact[b-ameyjs7jgb] {
    --hc-field-padding-block: .35rem;
    --hc-field-padding-inline: .45rem;
}

.hc-field--small[b-ameyjs7jgb] {
    --hc-field-padding-block: .5rem;
    --hc-field-padding-inline: .6rem;
}

.hc-field--large[b-ameyjs7jgb] {
    --hc-field-padding-block: .85rem;
    --hc-field-padding-inline: 1rem;
}

.hc-field--outlined[b-ameyjs7jgb],
.hc-field--filled[b-ameyjs7jgb],
.hc-field--underlined[b-ameyjs7jgb] {
    position: relative;
    padding: var(--hc-field-padding-block) var(--hc-field-padding-inline);
}

.hc-field--outlined[b-ameyjs7jgb] {
    border: 1px solid var(--hc-border-color);
    background: var(--hc-surface-bg);
}

.hc-field--filled[b-ameyjs7jgb] {
    border: 1px solid transparent;
    background: var(--hc-surface-muted-bg);
}

.hc-field--underlined[b-ameyjs7jgb] {
    border-bottom: 1px solid var(--hc-border-color);
}

.hc-field--rounded[b-ameyjs7jgb] {
    border-radius: var(--hc-radius-md);
}

.hc-field--square[b-ameyjs7jgb] {
    border-radius: 0;
}

.hc-field--elevated[b-ameyjs7jgb] {
    box-shadow: var(--hc-shadow-md);
}

.hc-field--label-top[b-ameyjs7jgb],
.hc-field--label-bottom[b-ameyjs7jgb] {
    flex-direction: column;
}

.hc-field--label-bottom[b-ameyjs7jgb] {
    flex-direction: column-reverse;
}

.hc-field--label-left[b-ameyjs7jgb],
.hc-field--label-right[b-ameyjs7jgb] {
    flex-direction: row;
    align-items: center;
}

.hc-field--label-right[b-ameyjs7jgb] {
    flex-direction: row-reverse;
}

/* =========================================================
   LABEL
========================================================= */

.hc-field-label[b-ameyjs7jgb],
.hc-field-label-template[b-ameyjs7jgb] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    margin: auto 10px;
}

.hc-field-label[b-ameyjs7jgb] {
    gap: var(--hc-field-label-gap, .35rem);
    margin: var(--hc-field-label-margin, auto 10px);
    color: var(--hc-field-label-color, inherit);
    font-weight: 700;
}

.hc-field-label--start[b-ameyjs7jgb],
.hc-field-label-template--start[b-ameyjs7jgb] {
    justify-content: flex-start;
    text-align: left;
}

.hc-field-label--center[b-ameyjs7jgb],
.hc-field-label-template--center[b-ameyjs7jgb] {
    justify-content: center;
    text-align: center;
}

.hc-field-label--end[b-ameyjs7jgb],
.hc-field-label-template--end[b-ameyjs7jgb] {
    justify-content: flex-end;
    text-align: right;
}

.hc-field--outlined .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined .hc-field-label-template[b-ameyjs7jgb] {
    position: absolute;
    z-index: 1;
    width: max-content;
    max-width: calc(100% - (2 * var(--hc-field-padding-inline)));
    margin: 0;
    padding-inline: .35rem;
    background: var(--hc-surface-bg);
}

.hc-field--outlined.hc-field--label-top .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-top .hc-field-label-template[b-ameyjs7jgb] {
    top: 0;
}

.hc-field--outlined.hc-field--label-bottom .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-bottom .hc-field-label-template[b-ameyjs7jgb] {
    bottom: 0;
}

.hc-field--outlined.hc-field--label-left .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-left .hc-field-label-template[b-ameyjs7jgb] {
    left: 0;
}

.hc-field--outlined.hc-field--label-right .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-right .hc-field-label-template[b-ameyjs7jgb] {
    right: 0;
}

.hc-field--outlined.hc-field--label-top.hc-field--label-align-start .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-top.hc-field--label-align-start .hc-field-label-template[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-bottom.hc-field--label-align-start .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-bottom.hc-field--label-align-start .hc-field-label-template[b-ameyjs7jgb] {
    left: var(--hc-field-padding-inline);
    transform: translateY(-50%);
}

.hc-field--outlined.hc-field--label-top.hc-field--label-align-center .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-top.hc-field--label-align-center .hc-field-label-template[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-bottom.hc-field--label-align-center .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-bottom.hc-field--label-align-center .hc-field-label-template[b-ameyjs7jgb] {
    left: 50%;
    transform: translate(-50%, -50%);
}

.hc-field--outlined.hc-field--label-top.hc-field--label-align-end .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-top.hc-field--label-align-end .hc-field-label-template[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-bottom.hc-field--label-align-end .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-bottom.hc-field--label-align-end .hc-field-label-template[b-ameyjs7jgb] {
    right: var(--hc-field-padding-inline);
    transform: translateY(-50%);
}

.hc-field--outlined.hc-field--label-bottom .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-bottom .hc-field-label-template[b-ameyjs7jgb] {
    transform: translateY(50%);
}

.hc-field--outlined.hc-field--label-bottom.hc-field--label-align-center .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-bottom.hc-field--label-align-center .hc-field-label-template[b-ameyjs7jgb] {
    transform: translate(-50%, 50%);
}

.hc-field--outlined.hc-field--label-left.hc-field--label-align-start .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-left.hc-field--label-align-start .hc-field-label-template[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-right.hc-field--label-align-start .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-right.hc-field--label-align-start .hc-field-label-template[b-ameyjs7jgb] {
    top: var(--hc-field-padding-block);
    transform: translateX(-50%);
}

.hc-field--outlined.hc-field--label-left.hc-field--label-align-center .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-left.hc-field--label-align-center .hc-field-label-template[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-right.hc-field--label-align-center .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-right.hc-field--label-align-center .hc-field-label-template[b-ameyjs7jgb] {
    top: 50%;
    transform: translate(-50%, -50%);
}

.hc-field--outlined.hc-field--label-left.hc-field--label-align-end .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-left.hc-field--label-align-end .hc-field-label-template[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-right.hc-field--label-align-end .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-right.hc-field--label-align-end .hc-field-label-template[b-ameyjs7jgb] {
    bottom: var(--hc-field-padding-block);
    transform: translateX(-50%);
}

.hc-field--outlined.hc-field--label-right.hc-field--label-align-start .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-right.hc-field--label-align-start .hc-field-label-template[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-right.hc-field--label-align-end .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-right.hc-field--label-align-end .hc-field-label-template[b-ameyjs7jgb] {
    transform: translateX(50%);
}

.hc-field--outlined.hc-field--label-right.hc-field--label-align-center .hc-field-label[b-ameyjs7jgb],
.hc-field--outlined.hc-field--label-right.hc-field--label-align-center .hc-field-label-template[b-ameyjs7jgb] {
    transform: translate(50%, -50%);
}

.hc-field-label-text[b-ameyjs7jgb] {
    min-width: 0;
    font-size: inherit;
}

.hc-field--row.hc-field--align-center[b-ameyjs7jgb] {
    align-items: center;
}

.hc-field-label--small[b-ameyjs7jgb] {
    font-size: var(--hc-field-label-font-size-sm, var(--hc-font-size-xs));
}

.hc-field-label--medium[b-ameyjs7jgb] {
    font-size: var(--hc-field-label-font-size-md, var(--hc-font-size-sm));
}

.hc-field-label--large[b-ameyjs7jgb] {
    font-size: var(--hc-field-label-font-size-lg, var(--hc-font-size-md));
}

.hc-field-label--natural[b-ameyjs7jgb] {
    color: var(--hc-field-label-color, var(--hc-text));
}

.hc-field-label--surface[b-ameyjs7jgb] {
    color: var(--hc-surface-color);
}

.hc-field-label--heading[b-ameyjs7jgb] {
    color: var(--hc-heading-color);
}

.hc-field-label--text[b-ameyjs7jgb] {
    color: var(--hc-text);
}

.hc-field-label--soft[b-ameyjs7jgb] {
    color: var(--hc-text-soft);
}

.hc-field-label--muted[b-ameyjs7jgb] {
    color: var(--hc-muted-color);
}

.hc-field-label--primary[b-ameyjs7jgb] {
    color: var(--hc-primary);
}

.hc-field-label--secondary[b-ameyjs7jgb] {
    color: var(--hc-secondary);
}

.hc-field-label--success[b-ameyjs7jgb] {
    color: var(--hc-success);
}

.hc-field-label--warning[b-ameyjs7jgb] {
    color: var(--hc-warning);
}

.hc-field-label--error[b-ameyjs7jgb] {
    color: var(--hc-error);
}

.hc-field-label--danger[b-ameyjs7jgb] {
    color: var(--hc-danger);
}

.hc-field-label--info[b-ameyjs7jgb] {
    color: var(--hc-info);
}

.hc-field-label--light[b-ameyjs7jgb] {
    color: var(--hc-light);
}

.hc-field-label--dark[b-ameyjs7jgb] {
    color: var(--hc-dark);
}

.hc-field-label--white[b-ameyjs7jgb] {
    color: var(--hc-white);
}

.hc-field-label--black[b-ameyjs7jgb] {
    color: var(--hc-black);
}

.hc-field-label--gray[b-ameyjs7jgb] {
    color: var(--hc-gray);
}

.hc-field-label--slate[b-ameyjs7jgb] {
    color: var(--hc-slate);
}

.hc-field-label--zinc[b-ameyjs7jgb] {
    color: var(--hc-zinc);
}

.hc-field-label--neutral[b-ameyjs7jgb] {
    color: var(--hc-neutral);
}

.hc-field-label--stone[b-ameyjs7jgb] {
    color: var(--hc-stone);
}

.hc-field-label--red[b-ameyjs7jgb] {
    color: var(--hc-red);
}

.hc-field-label--orange[b-ameyjs7jgb] {
    color: var(--hc-orange);
}

.hc-field-label--amber[b-ameyjs7jgb] {
    color: var(--hc-amber);
}

.hc-field-label--yellow[b-ameyjs7jgb] {
    color: var(--hc-yellow);
}

.hc-field-label--lime[b-ameyjs7jgb] {
    color: var(--hc-lime);
}

.hc-field-label--green[b-ameyjs7jgb] {
    color: var(--hc-green);
}

.hc-field-label--emerald[b-ameyjs7jgb] {
    color: var(--hc-emerald);
}

.hc-field-label--teal[b-ameyjs7jgb] {
    color: var(--hc-teal);
}

.hc-field-label--cyan[b-ameyjs7jgb] {
    color: var(--hc-cyan);
}

.hc-field-label--sky[b-ameyjs7jgb] {
    color: var(--hc-sky);
}

.hc-field-label--blue[b-ameyjs7jgb] {
    color: var(--hc-blue);
}

.hc-field-label--indigo[b-ameyjs7jgb] {
    color: var(--hc-indigo);
}

.hc-field-label--violet[b-ameyjs7jgb] {
    color: var(--hc-violet);
}

.hc-field-label--purple[b-ameyjs7jgb] {
    color: var(--hc-purple);
}

.hc-field-label--fuchsia[b-ameyjs7jgb] {
    color: var(--hc-fuchsia);
}

.hc-field-label--pink[b-ameyjs7jgb] {
    color: var(--hc-pink);
}

.hc-field-label--rose[b-ameyjs7jgb] {
    color: var(--hc-rose);
}

.hc-field-tooltip[b-ameyjs7jgb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: var(--hc-field-tooltip-margin-right, .25rem);
    width: var(--hc-field-tooltip-width, 1rem);
    min-width: var(--hc-field-tooltip-width, 1rem);
    color: currentColor;
    opacity: .72;
    cursor: help;
    font-size: var(--hc-field-tooltip-font-size, inherit);
}

.hc-field-tooltip .hc[b-ameyjs7jgb] {
    color: inherit;
    --hc-icon-size: 1.5em;
    --hc-icon-primary: currentColor;
    --hc-icon-secondary: transparent;
    --hc-icon-secondary-opacity: 0;
}

.hc-field-required[b-ameyjs7jgb] {
    margin-left: var(--hc-field-required-margin-left, .25rem);
    color: var(--hc-danger);
    font-weight: 700;
    font-size: var(--hc-field-required-font-size, inherit);
}

/* =========================================================
   CONTENT
========================================================= */

.hc-field-content[b-ameyjs7jgb] {
    display: flex;
    min-width: 0;
    width: 100%;
    gap: var(--hc-field-gap, .35rem);
}

.hc-field-content--direction-row[b-ameyjs7jgb] {
    flex-direction: row;
}

.hc-field-content--direction-row-reverse[b-ameyjs7jgb] {
    flex-direction: row-reverse;
}

.hc-field-content--direction-column[b-ameyjs7jgb] {
    flex-direction: column;
}

.hc-field-content--direction-column-reverse[b-ameyjs7jgb] {
    flex-direction: column-reverse;
}

.hc-field-content--wrap[b-ameyjs7jgb] {
    flex-wrap: wrap;
}

.hc-field-content--nowrap[b-ameyjs7jgb] {
    flex-wrap: nowrap;
}

.hc-field-content--align-start[b-ameyjs7jgb] {
    align-items: flex-start;
}

.hc-field-content--align-center[b-ameyjs7jgb] {
    align-items: center;
}

.hc-field-content--align-end[b-ameyjs7jgb] {
    align-items: flex-end;
}

.hc-field-content--align-stretch[b-ameyjs7jgb] {
    align-items: stretch;
}

.hc-field-content--justify-start[b-ameyjs7jgb] {
    justify-content: flex-start;
}

.hc-field-content--justify-center[b-ameyjs7jgb] {
    justify-content: center;
}

.hc-field-content--justify-end[b-ameyjs7jgb] {
    justify-content: flex-end;
}

.hc-field-content--justify-between[b-ameyjs7jgb] {
    justify-content: space-between;
}

.hc-field-content--justify-around[b-ameyjs7jgb] {
    justify-content: space-around;
}

.hc-field-content--justify-evenly[b-ameyjs7jgb] {
    justify-content: space-evenly;
}

.hc-field--label-left .hc-field-content[b-ameyjs7jgb],
.hc-field--label-right .hc-field-content[b-ameyjs7jgb] {
    flex: 1 1 auto;
}

/* =========================================================
   HELPER
========================================================= */

.hc-field-helper-description[b-ameyjs7jgb] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* =========================================================
   ROW FIELD
========================================================= */

.hc-field--row[b-ameyjs7jgb] {
    align-items: flex-start;
    justify-content: space-between;
}

    .hc-field--row .hc-field-label[b-ameyjs7jgb],
    .hc-field--row .hc-field-label-template[b-ameyjs7jgb] {
        margin: auto 10px;
        flex: 1 1 auto;
    }

.hc-field-content--row[b-ameyjs7jgb] {
    width: auto;
    flex: 0 0 auto;
    align-items: center;
    margin: auto 10px;
}
/* _content/Hoodcoder.Blazor/Components/Feedback/HCFieldGroup.razor.rz.scp.css */
/* =========================================================
   GROUP
========================================================= */

.hc-group[b-6ktzv34emz] {
    --hc-group-padding-block: .65rem;
    --hc-group-padding-inline: .75rem;
    display: flex;
    min-width: 0;
    gap: .45rem;
    color: var(--hc-text);
}

.hc-group--full-width[b-6ktzv34emz] {
    width: 100%;
}

.hc-group--fit-content[b-6ktzv34emz] {
    width: fit-content;
    max-width: 100%;
}

.hc-group--compact[b-6ktzv34emz] {
    --hc-group-padding-block: .35rem;
    --hc-group-padding-inline: .45rem;
}

.hc-group--small[b-6ktzv34emz] {
    --hc-group-padding-block: .5rem;
    --hc-group-padding-inline: .6rem;
}

.hc-group--large[b-6ktzv34emz] {
    --hc-group-padding-block: .85rem;
    --hc-group-padding-inline: 1rem;
}

.hc-group--outlined[b-6ktzv34emz],
.hc-group--filled[b-6ktzv34emz],
.hc-group--underlined[b-6ktzv34emz] {
    position: relative;
    padding: var(--hc-group-padding-block) var(--hc-group-padding-inline);
}

.hc-group--outlined[b-6ktzv34emz] {
    border: 1px solid var(--hc-border-color);
    background: var(--hc-surface-bg);
}

.hc-group--filled[b-6ktzv34emz] {
    border: 1px solid transparent;
    background: var(--hc-surface-muted-bg);
}

.hc-group--underlined[b-6ktzv34emz] {
    border-bottom: 1px solid var(--hc-border-color);
}

.hc-group--rounded[b-6ktzv34emz] {
    border-radius: var(--hc-radius-md);
}

.hc-group--square[b-6ktzv34emz] {
    border-radius: 0;
}

.hc-group--elevated[b-6ktzv34emz] {
    box-shadow: var(--hc-shadow-md);
}

/* =========================================================
   LABEL POSITIONS
========================================================= */

.hc-group--label-top[b-6ktzv34emz],
.hc-group--label-bottom[b-6ktzv34emz] {
    flex-direction: column;
}

.hc-group--label-left[b-6ktzv34emz],
.hc-group--label-right[b-6ktzv34emz] {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

/* =========================================================
   LABEL
========================================================= */

.hc-group-label[b-6ktzv34emz],
.hc-group-label-template[b-6ktzv34emz] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.hc-group-label[b-6ktzv34emz] {
    gap: .35rem;
    color: var(--hc-group-label-color, var(--hc-text));
    font-size: var(--hc-group-label-size, var(--hc-font-size-sm, .875rem));
    font-weight: 700;
}

.hc-group--outlined .hc-group-label[b-6ktzv34emz],
.hc-group--outlined .hc-group-label-template[b-6ktzv34emz] {
    position: absolute;
    z-index: 1;
    width: max-content;
    max-width: calc(100% - (2 * var(--hc-group-padding-inline)));
    padding-inline: .35rem;
    background: var(--hc-surface-bg);
}

.hc-group--outlined.hc-group--label-top .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-top .hc-group-label-template[b-6ktzv34emz] {
    top: 0;
}

.hc-group--outlined.hc-group--label-bottom .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-bottom .hc-group-label-template[b-6ktzv34emz] {
    bottom: 0;
}

.hc-group--outlined.hc-group--label-left .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-left .hc-group-label-template[b-6ktzv34emz] {
    left: 0;
}

.hc-group--outlined.hc-group--label-right .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-right .hc-group-label-template[b-6ktzv34emz] {
    right: 0;
}

.hc-group--outlined.hc-group--label-top.hc-group--label-align-start .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-top.hc-group--label-align-start .hc-group-label-template[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-bottom.hc-group--label-align-start .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-bottom.hc-group--label-align-start .hc-group-label-template[b-6ktzv34emz] {
    left: var(--hc-group-padding-inline);
    transform: translateY(-50%);
}

.hc-group--outlined.hc-group--label-top.hc-group--label-align-center .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-top.hc-group--label-align-center .hc-group-label-template[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-bottom.hc-group--label-align-center .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-bottom.hc-group--label-align-center .hc-group-label-template[b-6ktzv34emz] {
    left: 50%;
    transform: translate(-50%, -50%);
}

.hc-group--outlined.hc-group--label-top.hc-group--label-align-end .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-top.hc-group--label-align-end .hc-group-label-template[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-bottom.hc-group--label-align-end .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-bottom.hc-group--label-align-end .hc-group-label-template[b-6ktzv34emz] {
    right: var(--hc-group-padding-inline);
    transform: translateY(-50%);
}

.hc-group--outlined.hc-group--label-bottom .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-bottom .hc-group-label-template[b-6ktzv34emz] {
    transform: translateY(50%);
}

.hc-group--outlined.hc-group--label-bottom.hc-group--label-align-center .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-bottom.hc-group--label-align-center .hc-group-label-template[b-6ktzv34emz] {
    transform: translate(-50%, 50%);
}

.hc-group--outlined.hc-group--label-left.hc-group--label-align-start .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-left.hc-group--label-align-start .hc-group-label-template[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-right.hc-group--label-align-start .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-right.hc-group--label-align-start .hc-group-label-template[b-6ktzv34emz] {
    top: var(--hc-group-padding-block);
    transform: translateX(-50%);
}

.hc-group--outlined.hc-group--label-left.hc-group--label-align-center .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-left.hc-group--label-align-center .hc-group-label-template[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-right.hc-group--label-align-center .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-right.hc-group--label-align-center .hc-group-label-template[b-6ktzv34emz] {
    top: 50%;
    transform: translate(-50%, -50%);
}

.hc-group--outlined.hc-group--label-left.hc-group--label-align-end .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-left.hc-group--label-align-end .hc-group-label-template[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-right.hc-group--label-align-end .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-right.hc-group--label-align-end .hc-group-label-template[b-6ktzv34emz] {
    bottom: var(--hc-group-padding-block);
    transform: translateX(-50%);
}

.hc-group--outlined.hc-group--label-right.hc-group--label-align-start .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-right.hc-group--label-align-start .hc-group-label-template[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-right.hc-group--label-align-end .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-right.hc-group--label-align-end .hc-group-label-template[b-6ktzv34emz] {
    transform: translateX(50%);
}

.hc-group--outlined.hc-group--label-right.hc-group--label-align-center .hc-group-label[b-6ktzv34emz],
.hc-group--outlined.hc-group--label-right.hc-group--label-align-center .hc-group-label-template[b-6ktzv34emz] {
    transform: translate(50%, -50%);
}

.hc-group-label--start[b-6ktzv34emz],
.hc-group-label-template--start[b-6ktzv34emz] {
    justify-content: flex-start;
    text-align: left;
}

.hc-group-label--center[b-6ktzv34emz],
.hc-group-label-template--center[b-6ktzv34emz] {
    justify-content: center;
    text-align: center;
}

.hc-group-label--end[b-6ktzv34emz],
.hc-group-label-template--end[b-6ktzv34emz] {
    justify-content: flex-end;
    text-align: right;
}

.hc-group--label-left .hc-group-label[b-6ktzv34emz],
.hc-group--label-right .hc-group-label[b-6ktzv34emz],
.hc-group--label-left .hc-group-label-template[b-6ktzv34emz],
.hc-group--label-right .hc-group-label-template[b-6ktzv34emz] {
    flex: 0 0 auto;
    min-width: max-content;
}

.hc-group-label-text[b-6ktzv34emz] {
    min-width: 0;
}

.hc-group-tooltip[b-6ktzv34emz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    min-width: 1rem;
    color: currentColor;
    cursor: help;
}

.hc-group-tooltip .hc[b-6ktzv34emz] {
    --hc-icon-size: 1em;
    --hc-icon-primary: currentColor;
    --hc-icon-secondary: transparent;
    --hc-icon-secondary-opacity: 0;
}

.hc-group-required[b-6ktzv34emz] {
    margin-left: .25rem;
    color: var(--hc-danger);
    font-weight: 700;
}

/* =========================================================
   CONTENT
========================================================= */

.hc-group-content[b-6ktzv34emz] {
    display: flex;
    width: 100%;
    min-width: 0;
    gap: var(--hc-group-gap, .75rem);
}

.hc-group-content--direction-row[b-6ktzv34emz] {
    flex-direction: row;
}

.hc-group-content--direction-row-reverse[b-6ktzv34emz] {
    flex-direction: row-reverse;
}

.hc-group-content--direction-column[b-6ktzv34emz] {
    flex-direction: column;
}

.hc-group-content--direction-column-reverse[b-6ktzv34emz] {
    flex-direction: column-reverse;
}

.hc-group-content--wrap[b-6ktzv34emz] {
    flex-wrap: wrap;
}

.hc-group-content--nowrap[b-6ktzv34emz] {
    flex-wrap: nowrap;
}

.hc-group-content--align-start[b-6ktzv34emz] {
    align-items: flex-start;
}

.hc-group-content--align-center[b-6ktzv34emz] {
    align-items: center;
}

.hc-group-content--align-end[b-6ktzv34emz] {
    align-items: flex-end;
}

.hc-group-content--align-stretch[b-6ktzv34emz] {
    align-items: stretch;
}

.hc-group-content--justify-start[b-6ktzv34emz] {
    justify-content: flex-start;
}

.hc-group-content--justify-center[b-6ktzv34emz] {
    justify-content: center;
}

.hc-group-content--justify-end[b-6ktzv34emz] {
    justify-content: flex-end;
}

.hc-group-content--justify-between[b-6ktzv34emz],
.hc-group-content--justify-spacebetween[b-6ktzv34emz] {
    justify-content: space-between;
}

.hc-group-content--justify-around[b-6ktzv34emz] {
    justify-content: space-around;
}

.hc-group-content--justify-evenly[b-6ktzv34emz] {
    justify-content: space-evenly;
}

.hc-group-content--justify-stretch > *[b-6ktzv34emz] {
    flex: 1 1 0;
    min-width: 0;
}

/* =========================================================
   HELPER
========================================================= */

.hc-group-helper-description[b-6ktzv34emz] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* =========================================================
   VALIDATION
========================================================= */

.hc-group-validation[b-6ktzv34emz] {
    font-size: .8125rem;
    line-height: 1.4;
    font-weight: 600;
}

.hc-group-validation--none[b-6ktzv34emz] {
    color: var(--hc-muted-color);
}

.hc-group-validation--success[b-6ktzv34emz] {
    color: var(--hc-success);
}

.hc-group-validation--warning[b-6ktzv34emz] {
    color: var(--hc-warning);
}

.hc-group-validation--error[b-6ktzv34emz] {
    color: var(--hc-error);
}

.hc-group-validation--info[b-6ktzv34emz] {
    color: var(--hc-info);
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 768px) {
    .hc-group--plain.hc-group--label-left[b-6ktzv34emz],
    .hc-group--plain.hc-group--label-right[b-6ktzv34emz] {
        flex-direction: column;
        align-items: stretch;
    }

        .hc-group--plain.hc-group--label-left .hc-group-label[b-6ktzv34emz],
        .hc-group--plain.hc-group--label-right .hc-group-label[b-6ktzv34emz],
        .hc-group--plain.hc-group--label-left .hc-group-label-template[b-6ktzv34emz],
        .hc-group--plain.hc-group--label-right .hc-group-label-template[b-6ktzv34emz] {
            min-width: 0;
        }
}
/* _content/Hoodcoder.Blazor/Components/Feedback/HCRibbon.razor.rz.scp.css */
.hc-ribbon[b-e2fcwppdto] {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: opacity .15s ease;
}

    .hc-ribbon:hover:not(:disabled)[b-e2fcwppdto] {
        opacity: .75;
    }

    .hc-ribbon:disabled[b-e2fcwppdto] {
        cursor: not-allowed;
        opacity: .5;
    }
/* _content/Hoodcoder.Blazor/Components/Feedback/HCStatusIcon.razor.rz.scp.css */
.hc-status-icon[b-bc50r789v3] {
    --hc-status-icon-size: 1.25rem;
    --hc-status-icon-glyph-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: var(--hc-status-icon-size);
    height: var(--hc-status-icon-size);
    padding: 0;
    border: 0;
    border-radius: var(--hc-radius-sm);
    background: transparent;
    color: var(--hc-muted-color);
    line-height: 1;
    vertical-align: middle;
}

.hc-status-icon--small[b-bc50r789v3] {
    --hc-status-icon-size: 1.125rem;
    --hc-status-icon-glyph-size: .875rem;
}

.hc-status-icon--large[b-bc50r789v3] {
    --hc-status-icon-size: 1.5rem;
    --hc-status-icon-glyph-size: 1.25rem;
}

.hc-status-icon .hc[b-bc50r789v3] {
    color: currentColor;
    font-size: var(--hc-status-icon-glyph-size);
    --hc-icon-size: var(--hc-status-icon-glyph-size);
    --hc-icon-primary: currentColor;
    --hc-icon-secondary: currentColor;
}

.hc-status-icon--neutral[b-bc50r789v3] {
    color: var(--hc-neutral);
}

.hc-status-icon--primary[b-bc50r789v3] {
    color: var(--hc-primary);
}

.hc-status-icon--secondary[b-bc50r789v3] {
    color: var(--hc-secondary);
}

.hc-status-icon--success[b-bc50r789v3] {
    color: var(--hc-success);
}

.hc-status-icon--warning[b-bc50r789v3] {
    color: var(--hc-warning);
}

.hc-status-icon--danger[b-bc50r789v3] {
    color: var(--hc-danger);
}

.hc-status-icon--info[b-bc50r789v3] {
    color: var(--hc-info);
}

.hc-status-icon--purple[b-bc50r789v3] {
    color: var(--hc-purple);
}

.hc-status-icon--inactive[b-bc50r789v3] {
    color: var(--hc-muted-color);
}

.hc-status-icon--interactive[b-bc50r789v3] {
    cursor: pointer;
    transition:
        color var(--hc-transition-fast),
        background-color var(--hc-transition-fast),
        transform var(--hc-transition-fast);
}

.hc-status-icon--interactive:hover:not(:disabled)[b-bc50r789v3] {
    background: var(--hc-surface-muted-bg);
    transform: translateY(-1px);
}

.hc-status-icon--interactive:focus-visible[b-bc50r789v3] {
    outline: 2px solid var(--hc-purple);
    outline-offset: 2px;
}

.hc-status-icon--disabled[b-bc50r789v3] {
    cursor: not-allowed;
    opacity: .55;
}

.hc-status-icon--loading .hc[b-bc50r789v3] {
    animation: hc-status-icon-pulse-b-bc50r789v3 1s ease-in-out infinite;
}

@keyframes hc-status-icon-pulse-b-bc50r789v3 {
    50% {
        opacity: .35;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hc-status-icon--interactive[b-bc50r789v3],
    .hc-status-icon--loading .hc[b-bc50r789v3] {
        transition: none;
        animation: none;
    }
}
/* _content/Hoodcoder.Blazor/Components/Feedback/HCTooltip.razor.rz.scp.css */
.hc-tooltip[b-5i6srd43zn] {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.hc-tooltip__content[b-5i6srd43zn] {
    position: absolute;
    z-index: 10000;
    width: max-content;
    max-width: min(16rem, calc(100vw - 1rem));
    max-height: none !important;
    padding: .375rem .625rem;
    overflow: visible !important;
    border-radius: .375rem;
    background: var(--hc-tooltip-background, #181c32);
    color: var(--hc-tooltip-color, #fff);
    box-shadow: 0 .35rem 1rem rgba(15, 23, 42, .2);
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .15s ease, visibility .15s ease, transform .15s ease;
}

.hc-tooltip__content[data-hc-tooltip-top-layer="true"][b-5i6srd43zn] {
    position: fixed;
    inset: auto;
    margin: 0;
    border: 0;
    transform: none;
}

.hc-tooltip__content[data-hc-tooltip-top-layer="true"]:popover-open[b-5i6srd43zn],
.hc-tooltip__content[data-hc-tooltip-open="true"][b-5i6srd43zn] {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.hc-tooltip:hover .hc-tooltip__content[data-hc-tooltip-top-layer="true"][b-5i6srd43zn],
.hc-tooltip:focus-within .hc-tooltip__content[data-hc-tooltip-top-layer="true"][b-5i6srd43zn] {
    transform: none;
}

.hc-tooltip:hover .hc-tooltip__content[b-5i6srd43zn],
.hc-tooltip:focus-within .hc-tooltip__content[b-5i6srd43zn] {
    opacity: 1;
    visibility: visible;
}

/* Top */

.hc-tooltip--top .hc-tooltip__content[b-5i6srd43zn] {
    left: 50%;
    bottom: calc(100% + .5rem);
    transform: translateX(-50%) translateY(.25rem);
}

.hc-tooltip--top:hover .hc-tooltip__content[b-5i6srd43zn],
.hc-tooltip--top:focus-within .hc-tooltip__content[b-5i6srd43zn] {
    transform: translateX(-50%) translateY(0);
}

/* Right */

.hc-tooltip--right .hc-tooltip__content[b-5i6srd43zn] {
    left: calc(100% + .5rem);
    top: 50%;
    transform: translateY(-50%) translateX(-.25rem);
}

.hc-tooltip--right:hover .hc-tooltip__content[b-5i6srd43zn],
.hc-tooltip--right:focus-within .hc-tooltip__content[b-5i6srd43zn] {
    transform: translateY(-50%) translateX(0);
}

/* Bottom */

.hc-tooltip--bottom .hc-tooltip__content[b-5i6srd43zn] {
    left: 50%;
    top: calc(100% + .5rem);
    transform: translateX(-50%) translateY(-.25rem);
}

.hc-tooltip--bottom:hover .hc-tooltip__content[b-5i6srd43zn],
.hc-tooltip--bottom:focus-within .hc-tooltip__content[b-5i6srd43zn] {
    transform: translateX(-50%) translateY(0);
}

/* Left */

.hc-tooltip--left .hc-tooltip__content[b-5i6srd43zn] {
    right: calc(100% + .5rem);
    top: 50%;
    transform: translateY(-50%) translateX(.25rem);
}

.hc-tooltip--left:hover .hc-tooltip__content[b-5i6srd43zn],
.hc-tooltip--left:focus-within .hc-tooltip__content[b-5i6srd43zn] {
    transform: translateY(-50%) translateX(0);
}
/* _content/Hoodcoder.Blazor/Components/Forms/Generator/Editor/HCFormGeneratorEditor.razor.rz.scp.css */
.hc-form-generator-editor[b-as648st37t] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.hc-form-generator-editor__toolbar[b-as648st37t],
.hc-form-generator-editor__footer[b-as648st37t] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.hc-form-generator-editor__toolbar[b-as648st37t] {
    justify-content: space-between;
}

.hc-form-generator-editor__footer[b-as648st37t] {
    justify-content: flex-end;
    padding-top: 0.25rem;
}

.hc-form-generator-editor__status[b-as648st37t] {
    color: var(--hc-text-muted, #6b7280);
    font-size: 0.875rem;
    line-height: 1.4;
}

.hc-form-generator-editor--dirty .hc-form-generator-editor__status[b-as648st37t] {
    color: var(--hc-text-strong, #111827);
    font-weight: 600;
}

.hc-form-generator-editor__validation[b-as648st37t] {
    color: var(--bs-danger-text-emphasis, #842029);
    font-size: 0.875rem;
}

.hc-form-generator-editor__validation ul[b-as648st37t] {
    margin: 0;
    padding-left: 1.25rem;
}

.hc-form-generator-editor--empty[b-as648st37t] {
    color: var(--hc-text-muted, #6b7280);
    font-size: 0.9375rem;
    padding: 0.75rem 0;
}

.hc-form-generator-editor--disabled[b-as648st37t],
.hc-form-generator-editor--readonly[b-as648st37t] {
    opacity: 0.96;
}

@media (max-width: 767.98px) {
    .hc-form-generator-editor__toolbar[b-as648st37t],
    .hc-form-generator-editor__footer[b-as648st37t] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* _content/Hoodcoder.Blazor/Components/Forms/Generator/HCFormGenerator.razor.rz.scp.css */
.hc-form-generator[b-yaat0tmb5e] {
    display: block;
    width: 100%;
}

.hc-form-generator__grid[b-yaat0tmb5e] {
    display: grid;
    grid-template-columns: repeat(var(--hc-form-generator-columns, 2), minmax(0, 1fr));
    gap: 1rem;
    width: 100%;
}

.hc-form-generator__field[b-yaat0tmb5e] {
    min-width: 0;
}

.hc-form-generator__field--multilinetext[b-yaat0tmb5e],
.hc-form-generator__field--span[b-yaat0tmb5e] {
    grid-column: span min(var(--hc-form-generator-field-span, 2), var(--hc-form-generator-columns, 2));
}

.hc-form-generator__empty[b-yaat0tmb5e] {
    grid-column: 1 / -1;
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.9375rem;
    padding: 0.75rem 0;
}

.hc-form-generator--disabled[b-yaat0tmb5e],
.hc-form-generator--readonly[b-yaat0tmb5e] {
    opacity: 0.96;
}

@media (max-width: 767.98px) {
    .hc-form-generator__grid[b-yaat0tmb5e] {
        grid-template-columns: 1fr;
    }

    .hc-form-generator__field--multilinetext[b-yaat0tmb5e],
    .hc-form-generator__field--span[b-yaat0tmb5e] {
        grid-column: 1;
    }
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCAddressInput.razor.rz.scp.css */
.hc-address-container[b-3ck9c96kim] {
    width: 100%;
}

.hc-address-grid[b-3ck9c96kim] {
    display: grid;
    grid-template-columns: repeat(var(--hc-address-grid-columns, 3), minmax(0, 1fr));
    gap: 0.75rem;
    width: 100%;
}

.hc-address-grid.is-collapsed[b-3ck9c96kim] {
    grid-template-columns: minmax(0, 1fr);
}

.hc-address-grid__field[b-3ck9c96kim] {
    grid-column: span var(--hc-address-column-span, 1);
    min-width: 0;
}

.hc-address-input[b-3ck9c96kim] {
    padding-inline: 1rem;
}

.hc-address-prefix[b-3ck9c96kim] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline-start: 1rem;
    color: var(--hc-input-icon-color);
}

.hc-address-status[b-3ck9c96kim] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-block-start: 0.4rem;
    color: var(--hc-input-helper-color, #667085);
    font-size: 0.75rem;
    line-height: 1.35;
}

.hc-address-status > i[b-3ck9c96kim] {
    flex: 0 0 auto;
    color: var(--hc-warning-color, #b54708);
}

@media (max-width: 42rem) {
    .hc-address-grid[b-3ck9c96kim] {
        grid-template-columns: minmax(0, 1fr);
    }

    .hc-address-grid__field[b-3ck9c96kim] {
        grid-column: 1 / -1;
    }
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCCheckbox.razor.rz.scp.css */
/* =========================================================
   CHECKBOX
========================================================= */

.hc-checkbox[b-s9rx7bloce] {
    position: relative;
    display: inline-flex;
    align-items: flex-start;
    gap: .75rem;
    cursor: pointer;
    user-select: none;
    color: inherit;
    font: inherit;
}

/* =========================================================
   INPUT
========================================================= */

.hc-checkbox-input[b-s9rx7bloce] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
}

/* =========================================================
   CONTROL
========================================================= */

.hc-checkbox-control[b-s9rx7bloce] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    padding: var(--hc-checkbox-icon-inset, .1875rem);
    border-radius: .375rem;
    border: 1px solid var(--hc-input-border-color);
    background: transparent;
    transition: var(--hc-input-transition);
}

/* =========================================================
   ICON
========================================================= */

.hc-checkbox-icon[b-s9rx7bloce] {
    --hc-icon-size: 100%;
    --hc-icon-primary: currentColor;
    --hc-icon-secondary: transparent !important;
    --hc-icon-secondary-opacity: 0 !important;
    width: 100%;
    height: 100%;
    font-size: 100%;
    color: var(--hc-checkbox-icon-color, currentColor);
    opacity: 0;
    transform: scale(.75);
    transition: opacity .15s ease, transform .15s ease;
}

.hc-checkbox-no-outline .hc-checkbox-control[b-s9rx7bloce] {
    border-color: transparent;
}

.hc-checkbox-no-outline.hc-checkbox-checked .hc-checkbox-control[b-s9rx7bloce],
.hc-checkbox-no-outline .hc-checkbox-input:checked + .hc-checkbox-control[b-s9rx7bloce] {
    border-color: transparent;
}

/* =========================================================
   STATES
========================================================= */

.hc-checkbox-checked .hc-checkbox-control[b-s9rx7bloce] {
    border-color: currentColor;
    background: transparent;
}

.hc-checkbox-indeterminate .hc-checkbox-control[b-s9rx7bloce] {
    border-color: currentColor;
    background: transparent;
}

.hc-checkbox-input:checked + .hc-checkbox-control[b-s9rx7bloce] {
    border-color: currentColor;
    background: transparent;
}

.hc-checkbox-checked .hc-checkbox-icon[b-s9rx7bloce],
.hc-checkbox-indeterminate .hc-checkbox-icon[b-s9rx7bloce],
.hc-checkbox-input:checked + .hc-checkbox-control .hc-checkbox-icon[b-s9rx7bloce] {
    opacity: 1;
    transform: scale(1);
}

.hc-checkbox-focused .hc-checkbox-control[b-s9rx7bloce] {
    box-shadow: var(--hc-input-shadow-focus);
}

.hc-checkbox-input:focus-visible + .hc-checkbox-control[b-s9rx7bloce] {
    box-shadow: var(--hc-input-shadow-focus);
}

.hc-checkbox-disabled[b-s9rx7bloce] {
    opacity: .7;
    cursor: not-allowed;
}

/* =========================================================
   CONTENT
========================================================= */

.hc-checkbox-content[b-s9rx7bloce] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* =========================================================
   LABEL
========================================================= */

.hc-checkbox-label[b-s9rx7bloce] {
    font-weight: 600;
    line-height: 1.4;
    color: #111827;
}

/* =========================================================
   DESCRIPTION
========================================================= */

.hc-checkbox-description[b-s9rx7bloce] {
    margin-top: .125rem;
    font-size: .8125rem;
    line-height: 1.4;
    color: #6b7280;
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCColorPicker.razor.rz.scp.css */
/* =========================================================
   COLOR PICKER
========================================================= */

.hc-color-picker[b-ajb9ykxuxo] {
    display: flex;
    align-items: center;
    gap: .75rem;
    width: 100%;
}

/* =========================================================
   PREVIEW
========================================================= */

.hc-color-preview[b-ajb9ykxuxo] {
    width: 2.75rem;
    height: 2.75rem;
    flex-shrink: 0;
    border-radius: var(--hc-input-radius-md);
    border: 1px solid var(--hc-input-border-color);
    cursor: pointer;
    transition: var(--hc-input-transition);
}

.hc-color-preview:focus-visible[b-ajb9ykxuxo] {
    outline: none;
    box-shadow: var(--hc-input-shadow-focus);
}

/* =========================================================
   CONTROL
========================================================= */

.hc-color-control[b-ajb9ykxuxo] {
    flex: 1 1 auto;
}

/* =========================================================
   INPUT
========================================================= */

.hc-color-input[b-ajb9ykxuxo] {
    padding-inline: 1rem;
}

/* =========================================================
   NATIVE PICKER
========================================================= */

.hc-color-native[b-ajb9ykxuxo] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* =========================================================
   STATES
========================================================= */

.hc-color-picker-disabled[b-ajb9ykxuxo] {
    opacity: .7;
    pointer-events: none;
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCCurrencyInput.razor.rz.scp.css */
/* =========================================================
   CURRENCY INPUT
========================================================= */

.hc-currency-input[b-1huzuq7q7k] {
    padding-inline: 1rem;
}

/* =========================================================
   PREFIX
========================================================= */

.hc-currency-prefix[b-1huzuq7q7k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
    color: var(--hc-input-icon-color);
    font-weight: 700;
    white-space: nowrap;
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCDatePicker.razor.rz.scp.css */
/* =========================================================
   DATE INPUT
========================================================= */

.hc-date-input[b-fxzfwecot3] {
    padding-inline: 1rem;
    appearance: none;
    -webkit-appearance: none;
}

.hc-date-input[b-fxzfwecot3]::-webkit-calendar-picker-indicator {
    display: none;
    opacity: 0;
    pointer-events: none;
}

/* =========================================================
   PREFIX
========================================================= */

.hc-date-picker-trigger[b-fxzfwecot3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    width: 44px;
    min-width: 44px;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: inherit;
    outline: 0;
    background: transparent;
    color: var(--hc-input-icon-color);
    cursor: pointer;
}

/*
 * Match HCButton's currentColor/two-tone icon contract. The low-specificity
 * selector lets an IconClass override either HC icon variable without a
 * date-picker-specific color API.
 */
:where(.hc-date-picker-trigger) :where(i.hc)[b-fxzfwecot3] {
    --hc-icon-size: 1.5rem;
    --hc-icon-primary: currentColor;
    --hc-icon-secondary: currentColor;
    --hc-icon-secondary-opacity: .28;
}

.hc-date-picker-trigger-sm :where(i.hc)[b-fxzfwecot3] {
    --hc-icon-size: 1.25rem;
}

.hc-date-picker-trigger-lg :where(i.hc)[b-fxzfwecot3] {
    --hc-icon-size: 1.625rem;
}

.hc-date-picker-trigger:focus-visible[b-fxzfwecot3] {
    box-shadow: var(--hc-form-control-focus-shadow, inset 0 0 0 2px rgba(99, 102, 241, .5));
}

.hc-date-picker-trigger:disabled[b-fxzfwecot3] {
    cursor: default;
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCDateRangePicker.razor.rz.scp.css */
/* =========================================================
   DATE RANGE PICKER
   ========================================================= */

.hc-date-range[b-i5hd0hbkw1] {
    display: flex;
    align-items: center;
    width: var(--hc-date-range-width, calc(100% - (var(--hc-form-control-glow-space, .375rem) * 2)));
    min-width: 0;
    margin: var(--hc-date-range-margin, var(--hc-form-control-glow-space, .375rem));
    border: 1px solid var(--hc-input-border-color, #d1d5db);
    border-radius: var(--hc-input-radius-lg, 1rem);
    background: var(--hc-input-bg, #ffffff);
    transition: var(--hc-input-transition, border-color .2s ease, box-shadow .2s ease);
}

.hc-date-range:hover:not(.hc-date-range-disabled)[b-i5hd0hbkw1] {
    border-color: var(--hc-input-border-hover-color, #a5b4fc);
    box-shadow: var(--hc-input-shadow-hover, 0 0 0 4px rgba(99, 102, 241, .08));
}

.hc-date-range:focus-within[b-i5hd0hbkw1] {
    border-color: var(--hc-input-border-focus-color, #818cf8);
    box-shadow: var(--hc-input-shadow-focus, inset 0 0 0 2px rgba(59, 130, 246, .42));
}

.hc-date-range-input[b-i5hd0hbkw1] {
    flex: 1 1 0;
    min-width: 0;
    height: var(--hc-input-height-md, 2.75rem);
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--hc-input-text-color, #111827);
    font: inherit;
    padding-inline: var(--hc-input-padding-x, 1rem);
}

.hc-date-range-small .hc-date-range-input[b-i5hd0hbkw1] {
    height: var(--hc-input-height-sm, 2.25rem);
}

.hc-date-range-large .hc-date-range-input[b-i5hd0hbkw1] {
    height: var(--hc-input-height-lg, 3.25rem);
}

.hc-date-range-separator[b-i5hd0hbkw1] {
    flex: 0 0 auto;
    color: var(--hc-muted-color, #6b7280);
    font-size: var(--hc-font-size-sm, .875rem);
    font-weight: var(--hc-font-weight-semibold, 600);
    white-space: nowrap;
}

.hc-date-range-disabled[b-i5hd0hbkw1] {
    opacity: .65;
    pointer-events: none;
}

.hc-date-range-readonly[b-i5hd0hbkw1] {
    background: var(--hc-surface-muted-bg, #f8fafc);
}

.hc-date-range-success[b-i5hd0hbkw1] {
    border-color: var(--hc-success, #198754);
}

.hc-date-range-warning[b-i5hd0hbkw1] {
    border-color: var(--hc-warning, #f59e0b);
}

.hc-date-range-error[b-i5hd0hbkw1] {
    border-color: var(--hc-error, #dc3545);
}

.hc-date-range-info[b-i5hd0hbkw1] {
    border-color: var(--hc-info, #0d6efd);
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCFileUpload.razor.rz.scp.css */
/* ============================================================
   ROOT
   ============================================================ */

.hc-file-upload[b-2fmxnqdb2h] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
    min-width: 0;
    cursor: pointer;
}

/* ============================================================
   INPUT
   ============================================================ */

.hc-file-upload__input[b-2fmxnqdb2h] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

/* ============================================================
   SURFACE
   ============================================================ */

.hc-file-upload__surface[b-2fmxnqdb2h] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    min-height: 4.75rem;
    padding: 1rem;
    border: 1px dashed var(--hc-border-color, #cbd5e1);
    border-radius: var(--hc-radius-lg, 1rem);
    background: var(--hc-surface, #ffffff);
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.hc-file-upload:hover .hc-file-upload__surface[b-2fmxnqdb2h],
.hc-file-upload:focus-within .hc-file-upload__surface[b-2fmxnqdb2h] {
    border-color: var(--hc-primary, #0f766e);
    background: var(--hc-primary-soft, rgba(15,118,110,.04));
}

.hc-file-upload:focus-within .hc-file-upload__surface[b-2fmxnqdb2h] {
    box-shadow: var(--hc-form-control-focus-ring, inset 0 0 0 2px rgba(59, 130, 246, .42));
}

/* ============================================================
   DRAG OVER
   ============================================================ */

.hc-file-upload--drag-over .hc-file-upload__surface[b-2fmxnqdb2h] {
    border-color: var(--hc-primary, #0f766e);
    background: rgba(15,118,110,.08);
    box-shadow: inset 0 0 0 2px rgba(15,118,110,.32);
}

/* ============================================================
   ICON
   ============================================================ */

.hc-file-upload__icon[b-2fmxnqdb2h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 3rem;
    height: 3rem;
    border-radius: .9rem;
    background: rgba(15,118,110,.08);
    color: var(--hc-primary, #0f766e);
    font-size: 1.25rem;
}

/* ============================================================
   CONTENT
   ============================================================ */

.hc-file-upload__content[b-2fmxnqdb2h] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
}

.hc-file-upload__title[b-2fmxnqdb2h] {
    color: var(--hc-heading-color, #0f172a);
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.35;
}

.hc-file-upload__subtitle[b-2fmxnqdb2h] {
    color: var(--hc-muted-color, #64748b);
    font-size: .85rem;
    line-height: 1.5;
}

.hc-file-upload__action[b-2fmxnqdb2h] {
    margin-top: .25rem;
    color: var(--hc-primary, #0f766e);
    font-size: .85rem;
    font-weight: 700;
}

.hc-file-upload__selected[b-2fmxnqdb2h] {
    color: var(--hc-muted-color, #64748b);
    font-size: .8rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

/* ============================================================
   FOOTER
   ============================================================ */

.hc-file-upload__footer[b-2fmxnqdb2h] {
    width: 100%;
}

/* ============================================================
   COMPACT
   ============================================================ */

.hc-file-upload--compact .hc-file-upload__surface[b-2fmxnqdb2h] {
    min-height: 3.25rem;
    padding: .75rem;
    border-radius: .75rem;
}

.hc-file-upload--compact .hc-file-upload__icon[b-2fmxnqdb2h] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .7rem;
    font-size: 1rem;
}

.hc-file-upload--compact .hc-file-upload__subtitle[b-2fmxnqdb2h] {
    display: none;
}

/* ============================================================
   HIDDEN
   ============================================================ */

.hc-file-upload--hidden[b-2fmxnqdb2h] {
    display: none;
}

/* ============================================================
   DISABLED
   ============================================================ */

.hc-file-upload--disabled[b-2fmxnqdb2h] {
    cursor: not-allowed;
    opacity: .6;
}

    .hc-file-upload--disabled .hc-file-upload__surface[b-2fmxnqdb2h] {
        box-shadow: none;
        transform: none;
    }

    .hc-file-upload--disabled:hover .hc-file-upload__surface[b-2fmxnqdb2h] {
        border-color: var(--hc-border-color, #cbd5e1);
        background: var(--hc-surface, #ffffff);
    }

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 575.98px) {

    .hc-file-upload__surface[b-2fmxnqdb2h] {
        align-items: flex-start;
    }

    .hc-file-upload__icon[b-2fmxnqdb2h] {
        width: 2.5rem;
        height: 2.5rem;
    }
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCImageUpload.razor.rz.scp.css */
/* ============================================================
   ROOT
   ============================================================ */

.hc-image-upload[b-tglt9w1q49] {
    --hc-image-upload-width: 15rem;
    --hc-image-upload-height: 9rem;
    --hc-image-upload-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 100%;
    min-width: 0;
}

/* ============================================================
   TOOLBAR
   ============================================================ */

.hc-image-upload__toolbar[b-tglt9w1q49] {
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 20;
    display: flex;
    gap: .4rem;
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity .18s ease, transform .18s ease;
}

.hc-image-upload__surface:hover .hc-image-upload__toolbar[b-tglt9w1q49] {
    opacity: 1;
    transform: translateY(0);
}

/* ============================================================
   TOOL
   ============================================================ */

.hc-image-upload__tool[b-tglt9w1q49] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: rgba(15,23,42,.72);
    color: #fff;
    cursor: pointer;
    user-select: none;
    transition: background .18s ease, transform .18s ease;
}

    .hc-image-upload__tool:hover[b-tglt9w1q49] {
        background: rgba(15,23,42,.9);
        transform: translateY(-1px);
    }

.hc-image-upload__tool--danger:hover[b-tglt9w1q49] {
    background: var(--hc-danger,#dc3545);
}

.hc-image-upload__tool i[b-tglt9w1q49] {
    font-size: .85rem;
}

/* ============================================================
   PREVIEW
   ============================================================ */

.hc-image-upload__preview[b-tglt9w1q49] {
    width: 100%;
    display: flex;
    justify-content: center;
}

.hc-image-upload__surface[b-tglt9w1q49] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--hc-image-upload-width);
    height: var(--hc-image-upload-height);
    overflow: hidden;
    border-radius: var(--hc-image-upload-radius);
    background: var(--hc-surface, #ffffff);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
}

    .hc-image-upload__surface:hover[b-tglt9w1q49] {
        transform: translateY(-1px);
    }

/* ============================================================
   BORDER STYLES
   ============================================================ */

.hc-image-upload--none .hc-image-upload__surface[b-tglt9w1q49] {
    border: none;
}

.hc-image-upload--solid .hc-image-upload__surface[b-tglt9w1q49] {
    border: 1px solid var(--hc-border-color, #d5d9e2);
}

.hc-image-upload--dashed .hc-image-upload__surface[b-tglt9w1q49] {
    border: 2px dashed var(--hc-border-color, #c8d0db);
}

.hc-image-upload--dotted .hc-image-upload__surface[b-tglt9w1q49] {
    border: 2px dotted var(--hc-border-color, #c8d0db);
}

/* ============================================================
   DRAG
   ============================================================ */

.hc-image-upload--drag-over .hc-image-upload__surface[b-tglt9w1q49] {
    border-color: var(--hc-primary, #0f766e);
    background: rgba(15,118,110,.05);
    box-shadow: inset 0 0 0 2px rgba(15,118,110,.35);
}

.hc-image-upload:focus-within .hc-image-upload__surface[b-tglt9w1q49] {
    border-color: var(--hc-input-border-focus-color, #3b82f6);
    box-shadow: var(--hc-form-control-focus-ring, inset 0 0 0 2px rgba(59,130,246,.42));
}

/* ============================================================
   IMAGE
   ============================================================ */

.hc-image-upload__image[b-tglt9w1q49],
.hc-image-upload__placeholder-image[b-tglt9w1q49] {
    width: 100%;
    height: 100%;
}

/* ============================================================
   IMAGE FIT
   ============================================================ */

.hc-image-upload--contain .hc-image-upload__image[b-tglt9w1q49],
.hc-image-upload--contain .hc-image-upload__placeholder-image[b-tglt9w1q49] {
    object-fit: contain;
}

.hc-image-upload--cover .hc-image-upload__image[b-tglt9w1q49],
.hc-image-upload--cover .hc-image-upload__placeholder-image[b-tglt9w1q49] {
    object-fit: cover;
}

.hc-image-upload--fill .hc-image-upload__image[b-tglt9w1q49],
.hc-image-upload--fill .hc-image-upload__placeholder-image[b-tglt9w1q49] {
    object-fit: fill;
}

.hc-image-upload--none .hc-image-upload__image[b-tglt9w1q49],
.hc-image-upload--none .hc-image-upload__placeholder-image[b-tglt9w1q49] {
    object-fit: none;
}

.hc-image-upload--scaledown .hc-image-upload__image[b-tglt9w1q49],
.hc-image-upload--scaledown .hc-image-upload__placeholder-image[b-tglt9w1q49] {
    object-fit: scale-down;
}

/* ============================================================
   PLACEHOLDER
   ============================================================ */

.hc-image-upload__placeholder[b-tglt9w1q49] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    width: 100%;
    height: 100%;
    padding: 1.5rem;
    text-align: center;
    cursor: pointer;
}

    .hc-image-upload__placeholder i[b-tglt9w1q49] {
        font-size: 2rem;
        color: var(--hc-primary, #0f766e);
    }

.hc-image-upload__title[b-tglt9w1q49] {
    font-weight: 700;
    color: var(--hc-heading-color, #181c32);
}

.hc-image-upload__subtitle[b-tglt9w1q49] {
    color: var(--hc-muted-color, #7e8299);
    font-size: .875rem;
    line-height: 1.5;
}

/* ============================================================
   OVERLAY
   ============================================================ */

.hc-image-upload__overlay[b-tglt9w1q49] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15,23,42,.55);
    opacity: 0;
    transition: opacity .2s ease;
}

.hc-image-upload__surface:hover .hc-image-upload__overlay[b-tglt9w1q49] {
    opacity: 1;
    background: rgba(15,23,42,.15);
    backdrop-filter: blur(1px);
}

/* ============================================================
   FILE INFORMATION
   ============================================================ */

.hc-image-upload__info[b-tglt9w1q49] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    text-align: center;
}

.hc-image-upload__filename[b-tglt9w1q49] {
    font-weight: 600;
    color: var(--hc-heading-color, #181c32);
    overflow-wrap: anywhere;
}

.hc-image-upload__fileinfo[b-tglt9w1q49] {
    color: var(--hc-muted-color, #7e8299);
    font-size: .8125rem;
}

/* ============================================================
   ACTIONS
   ============================================================ */

.hc-image-upload__actions[b-tglt9w1q49] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .75rem;
}

/* ============================================================
   ERROR
   ============================================================ */

.hc-image-upload__error[b-tglt9w1q49] {
    color: var(--hc-danger, #dc3545);
    font-size: .875rem;
    text-align: center;
}

/* ============================================================
   FOOTER
   ============================================================ */

.hc-image-upload__footer[b-tglt9w1q49] {
    width: 100%;
}

/* ============================================================
   SHAPES
   ============================================================ */

.hc-image-upload--rectangle[b-tglt9w1q49] {
    --hc-image-upload-radius: 1rem;
}

.hc-image-upload--rounded[b-tglt9w1q49] {
    --hc-image-upload-radius: 1.5rem;
}

.hc-image-upload--square[b-tglt9w1q49] {
    --hc-image-upload-height: var(--hc-image-upload-width);
    --hc-image-upload-radius: .75rem;
}

.hc-image-upload--circle[b-tglt9w1q49] {
    --hc-image-upload-height: var(--hc-image-upload-width);
    --hc-image-upload-radius: 50%;
}

.hc-image-upload--pill[b-tglt9w1q49] {
    --hc-image-upload-radius: 999rem;
}

/* ============================================================
   PRESET SIZES
   ============================================================ */

.hc-image-upload--extrasmall[b-tglt9w1q49] {
    --hc-image-upload-width: 4rem;
    --hc-image-upload-height: 4rem;
}

.hc-image-upload--small[b-tglt9w1q49] {
    --hc-image-upload-width: 6rem;
    --hc-image-upload-height: 6rem;
}

.hc-image-upload--medium[b-tglt9w1q49] {
    --hc-image-upload-width: 15rem;
    --hc-image-upload-height: 9rem;
}

.hc-image-upload--large[b-tglt9w1q49] {
    --hc-image-upload-width: 22rem;
    --hc-image-upload-height: 13rem;
}

.hc-image-upload--extralarge[b-tglt9w1q49] {
    --hc-image-upload-width: 30rem;
    --hc-image-upload-height: 18rem;
}

/* ============================================================
   STATES
   ============================================================ */

.hc-image-upload--disabled[b-tglt9w1q49] {
    opacity: .6;
    pointer-events: none;
}

.hc-image-upload--loading .hc-image-upload__surface[b-tglt9w1q49] {
    cursor: progress;
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767.98px) {

    .hc-image-upload[b-tglt9w1q49] {
        --hc-image-upload-width: 100%;
        --hc-image-upload-height: 12rem;
    }

    .hc-image-upload__actions[b-tglt9w1q49] {
        width: 100%;
        flex-direction: column;
    }

    .hc-image-upload__toolbar[b-tglt9w1q49] {
        opacity: 1;
        transform: none;
    }
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCInput.razor.rz.scp.css */
/* =========================================================
   INPUT
========================================================= */

.hc-input-element[b-bkevqvxrcb] {
    padding-inline: 1rem;
}

/* =========================================================
   JOINED INPUT BUTTON
========================================================= */

[b-bkevqvxrcb] .hc-input-button {
    --hc-button-icon-only-size: 1.25rem;
    box-sizing: border-box;
    flex: 0 0 var(--hc-input-height);
    width: var(--hc-input-height);
    min-width: var(--hc-input-height);
    height: var(--hc-input-height);
    min-height: var(--hc-input-height);
    border: 0 !important;
    outline: 0;
    background: transparent;
}

[b-bkevqvxrcb] .hc-input-control.hc-input-sm .hc-input-button {
    --hc-button-icon-only-size: 1.25rem;
}

[b-bkevqvxrcb] .hc-input-control.hc-input-md .hc-input-button {
    --hc-button-icon-only-size: 1.75rem;
}

[b-bkevqvxrcb] .hc-input-control.hc-input-lg .hc-input-button {
    --hc-button-icon-only-size: 2rem;
}

[b-bkevqvxrcb] .hc-input-control-prefix:has(.hc-input-button),
[b-bkevqvxrcb] .hc-input-control-suffix:has(.hc-input-button) {
    align-self: stretch;
    gap: 0;
    padding-inline: 0;
}

[b-bkevqvxrcb] .hc-input-control-suffix:has(.hc-input-button) {
    margin-inline-start: auto;
}

[b-bkevqvxrcb] .hc-input-button-start {
    border-right-width: 0;
    border-radius: 1rem 0 0 1rem;
}

[b-bkevqvxrcb] .hc-input-button-end {
    border-left-width: 0;
    border-radius: 0 1rem 1rem 0;
}

[b-bkevqvxrcb] .hc-input-button:hover:not(:disabled),
[b-bkevqvxrcb] .hc-input-button:focus-visible {
    border: 0 !important;
    outline: none;
    box-shadow: var(--hc-form-control-focus-shadow, inset 0 0 0 2px rgba(99, 102, 241, .5));
}

[b-bkevqvxrcb] .hc-input-button.hc-button-active {
    border: 0 !important;
    background: var(--hc-input-button-active-bg, rgba(99, 102, 241, .08));
    box-shadow: var(--hc-form-control-focus-shadow, inset 0 0 0 2px rgba(99, 102, 241, .5));
}

[b-bkevqvxrcb] .hc-input-control:focus-within,
[b-bkevqvxrcb] .hc-input-control.hc-input-panel-open {
    border-color: var(--hc-input-border-focus-color, #818cf8);
    box-shadow: var(--hc-input-shadow-focus, inset 0 0 0 2px rgba(59, 130, 246, .42));
}

[b-bkevqvxrcb] .hc-input-control.hc-input-error:focus-within,
[b-bkevqvxrcb] .hc-input-control.hc-input-error.hc-input-panel-open {
    border-color: var(--hc-danger);
}

[b-bkevqvxrcb] .hc-input-control.hc-input-warning:focus-within,
[b-bkevqvxrcb] .hc-input-control.hc-input-warning.hc-input-panel-open {
    border-color: var(--hc-warning);
}

[b-bkevqvxrcb] .hc-input-control.hc-input-success:focus-within,
[b-bkevqvxrcb] .hc-input-control.hc-input-success.hc-input-panel-open {
    border-color: var(--hc-success);
}

/* =========================================================
   INPUT PANEL
========================================================= */

.hc-input-panel[b-bkevqvxrcb] {
    position: absolute;
    z-index: 5000;
    top: calc(100% + 8px);
    right: 0;
    left: auto;
    width: min(var(--hc-input-panel-width, 420px), calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    max-height: min(70vh, calc(100vh - 24px));
    overflow: auto;
    border: 1px solid var(--hc-border-color, #e5e7eb);
    border-radius: 1rem;
    outline: none;
    background: var(--hc-surface-bg, #fff);
    box-shadow: var(--hc-shadow-lg, 0 12px 32px rgba(15, 23, 42, .12));
    animation: hc-input-panel-enter-b-bkevqvxrcb .14s ease;
}

.hc-input-panel--anchor-left[b-bkevqvxrcb] {
    right: auto;
    left: 0;
}

.hc-input-panel--anchor-right[b-bkevqvxrcb] {
    right: 0;
    left: auto;
}

.hc-input-panel:focus-visible[b-bkevqvxrcb] {
    box-shadow: var(--hc-form-control-focus-shadow, inset 0 0 0 2px rgba(99, 102, 241, .5)), var(--hc-shadow-lg, 0 12px 32px rgba(15, 23, 42, .12));
}

.hc-input-panel-backdrop[b-bkevqvxrcb] {
    position: fixed;
    inset: 0;
    z-index: 1390;
}

@keyframes hc-input-panel-enter-b-bkevqvxrcb {
    from {
        opacity: 0;
        transform: translateY(-4px) scale(.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCInputAdornment.razor.rz.scp.css */
/* =========================================================
   INPUT ADORNMENT
   ========================================================= */

.hc-input-adornment[b-xmb2op7kci] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--hc-input-icon-color, #6b7280);
    font-weight: var(--hc-font-weight-semibold, 600);
    line-height: 1;
    white-space: nowrap;
}

.hc-input-adornment-start[b-xmb2op7kci] {
    padding-left: var(--hc-input-padding-x, 1rem);
    padding-right: .25rem;
}

.hc-input-adornment-end[b-xmb2op7kci] {
    padding-left: .25rem;
    padding-right: var(--hc-input-padding-x, 1rem);
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCInputControl.razor.rz.scp.css */
/* =========================================================
   INPUT CONTROL
========================================================= */

.hc-input-control[b-m0nwsoful3] {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(100% - (var(--hc-form-control-glow-space, .375rem) * 2));
    min-width: 0;
    min-height: var(--hc-input-height);
    height: var(--hc-input-height);
    margin: var(--hc-form-control-glow-space, .375rem);
    border-radius: 1rem;
    border: 1px solid var(--hc-input-border, #d1d5db);
    background: var(--hc-input-bg, #ffffff);
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

    .hc-input-control:not(.hc-input-disabled):not(.hc-input-readonly):hover[b-m0nwsoful3] {
        border-color: var(--hc-input-border-hover-color, #a5b4fc);
        box-shadow: var(--hc-input-shadow-hover, 0 0 0 4px rgba(99, 102, 241, .08));
    }

    .hc-input-control:not(.hc-input-disabled):not(.hc-input-readonly):active[b-m0nwsoful3] {
        border-color: var(--hc-input-border-focus-color, #818cf8);
        box-shadow: var(--hc-input-shadow-focus, inset 0 0 0 2px rgba(59, 130, 246, .42));
    }

/* =========================================================
   CONTENT
========================================================= */

.hc-input-control-content[b-m0nwsoful3] {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}

/* =========================================================
   NESTED INPUT RESET
========================================================= */

.hc-input-control[b-m0nwsoful3]  .hc-input-element,
.hc-input-control[b-m0nwsoful3]  .hc-number-input,
.hc-input-control[b-m0nwsoful3]  .hc-currency-input,
.hc-input-control[b-m0nwsoful3]  .hc-masked-input,
.hc-input-control[b-m0nwsoful3]  .hc-prefixed-input,
.hc-input-control[b-m0nwsoful3]  .hc-search-input,
.hc-input-control[b-m0nwsoful3]  .hc-date-input,
.hc-input-control[b-m0nwsoful3]  .hc-time-input,
.hc-input-control[b-m0nwsoful3]  .hc-color-input,
.hc-input-control[b-m0nwsoful3]  .hc-phone-input,
.hc-input-control[b-m0nwsoful3]  .hc-address-input {
    width: 100%;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    box-shadow: none;
    color: inherit;
    font: inherit;
    line-height: inherit;
}

    .hc-input-control[b-m0nwsoful3]  .hc-input-element::placeholder,
    .hc-input-control[b-m0nwsoful3]  .hc-number-input::placeholder,
    .hc-input-control[b-m0nwsoful3]  .hc-currency-input::placeholder,
    .hc-input-control[b-m0nwsoful3]  .hc-masked-input::placeholder,
    .hc-input-control[b-m0nwsoful3]  .hc-prefixed-input::placeholder,
    .hc-input-control[b-m0nwsoful3]  .hc-search-input::placeholder,
    .hc-input-control[b-m0nwsoful3]  .hc-date-input::placeholder,
    .hc-input-control[b-m0nwsoful3]  .hc-time-input::placeholder,
    .hc-input-control[b-m0nwsoful3]  .hc-color-input::placeholder,
    .hc-input-control[b-m0nwsoful3]  .hc-phone-input::placeholder,
    .hc-input-control[b-m0nwsoful3]  .hc-address-input::placeholder {
        color: var(--hc-input-placeholder, #9ca3af);
        opacity: 1;
    }

/* =========================================================
   PREFIX / SUFFIX
========================================================= */

.hc-input-control-prefix[b-m0nwsoful3],
.hc-input-control-suffix[b-m0nwsoful3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding-inline: .875rem;
    color: #6b7280;
}

.hc-input-control[b-m0nwsoful3]  .hc-prefixed-prefix-button {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 600;
    line-height: 1;
    padding-inline: .875rem;
    white-space: nowrap;
    transition: background .2s ease, color .2s ease;
}

    .hc-input-control[b-m0nwsoful3]  .hc-prefixed-prefix-button:hover:not(:disabled),
    .hc-input-control[b-m0nwsoful3]  .hc-prefixed-prefix-button.open {
        background: rgba(15,23,42,.05);
    }

    .hc-input-control[b-m0nwsoful3]  .hc-prefixed-prefix-button:disabled {
        opacity: .6;
        cursor: not-allowed;
    }

    .hc-input-control[b-m0nwsoful3]  .hc-prefixed-prefix-button .bi {
        font-size: .75rem;
        transition: transform .2s ease;
    }

    .hc-input-control[b-m0nwsoful3]  .hc-prefixed-prefix-button.open .bi {
        transform: rotate(180deg);
    }

/* =========================================================
   CLEAR
========================================================= */

.hc-input-control-clear[b-m0nwsoful3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    margin-right: .375rem;
    border: none;
    outline: none;
    border-radius: 999px;
    background: transparent;
    color: #6b7280;
    transition: background .2s ease, color .2s ease;
}

    .hc-input-control-clear:hover:not(:disabled)[b-m0nwsoful3] {
        background: rgba(15,23,42,.06);
        color: #111827;
    }

    .hc-input-control-clear:disabled[b-m0nwsoful3] {
        opacity: .5;
        cursor: not-allowed;
    }

/* =========================================================
   LOADING
========================================================= */

.hc-input-control-loading[b-m0nwsoful3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-right: .875rem;
}

/* =========================================================
   STATES
========================================================= */

.hc-input-focused[b-m0nwsoful3] {
    border-color: var(--hc-input-border-focus-color, #818cf8);
    box-shadow: var(--hc-input-shadow-focus, inset 0 0 0 2px rgba(59, 130, 246, .42));
}

.hc-input-disabled[b-m0nwsoful3] {
    opacity: .7;
    pointer-events: none;
}

.hc-input-readonly[b-m0nwsoful3] {
    background: #f8fafc;
}

/* =========================================================
   VALIDATION
========================================================= */

.hc-input-success[b-m0nwsoful3] {
    border-color: #198754;
}

.hc-input-warning[b-m0nwsoful3] {
    border-color: #f59e0b;
}

.hc-input-error[b-m0nwsoful3] {
    border-color: #dc3545;
}

.hc-input-info[b-m0nwsoful3] {
    border-color: #0d6efd;
}

/* =========================================================
   SIZES
========================================================= */

.hc-input-sm[b-m0nwsoful3] {
    --hc-input-height: var(--hc-input-height-sm);
    min-height: var(--hc-input-height-sm);
    height: var(--hc-input-height-sm);
}

.hc-input-md[b-m0nwsoful3] {
    --hc-input-height: var(--hc-input-height-md);
    min-height: var(--hc-input-height-md);
    height: var(--hc-input-height-md);
}

.hc-input-lg[b-m0nwsoful3] {
    --hc-input-height: var(--hc-input-height-lg);
    min-height: var(--hc-input-height-lg);
    height: var(--hc-input-height-lg);
}

/* =========================================================
   VARIANTS
========================================================= */

.hc-input-filled[b-m0nwsoful3] {
    border-color: var(--hc-border-color, #e5e7eb);
    background: var(--hc-surface-muted-bg, #f8fafc);
}

.hc-input-outlined[b-m0nwsoful3] {
    border-color: var(--hc-border-color, #d1d5db);
    background: var(--hc-surface-bg, #ffffff);
}

.hc-input-ghost[b-m0nwsoful3] {
    border-color: transparent;
    background: transparent;
}

/* =========================================================
   MULTILINE
========================================================= */

.hc-input-control-multiline[b-m0nwsoful3] {
    height: auto;
    min-height: var(--hc-input-height-md);
    align-items: stretch;
}

    .hc-input-control-multiline .hc-input-control-content[b-m0nwsoful3] {
        align-items: stretch;
    }
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCInputHelperText.razor.rz.scp.css */
/* =========================================================
   INPUT HELPER TEXT
   ========================================================= */

.hc-input-helper[b-7h9x3kezsm] {
    min-width: 0;
    color: var(--hc-muted-color, #6b7280);
    font-size: .8125rem;
    line-height: 1.4;
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCInputLabel.razor.rz.scp.css */
/* =========================================================
   INPUT LABEL
   ========================================================= */

.hc-input-label[b-n4xvd0v2cn] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    min-width: 0;
    color: var(--hc-heading-color, #0f172a);
    font-size: var(--hc-font-size-sm, .875rem);
    font-weight: var(--hc-font-weight-bold, 700);
    line-height: 1.35;
}

.hc-input-label-required[b-n4xvd0v2cn] {
    color: var(--hc-error, #dc3545);
    font-weight: var(--hc-font-weight-bold, 700);
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCInputValidation.razor.rz.scp.css */
/* =========================================================
   INPUT VALIDATION
   ========================================================= */

.hc-input-validation[b-lkeg5dg4kn] {
    min-width: 0;
    font-size: .8125rem;
    font-weight: var(--hc-font-weight-semibold, 600);
    line-height: 1.4;
}

.hc-input-validation-none[b-lkeg5dg4kn] {
    color: var(--hc-muted-color, #6b7280);
}

.hc-input-validation-success[b-lkeg5dg4kn] {
    color: var(--hc-success, #198754);
}

.hc-input-validation-warning[b-lkeg5dg4kn] {
    color: var(--hc-warning, #f59e0b);
}

.hc-input-validation-error[b-lkeg5dg4kn] {
    color: var(--hc-error, #dc3545);
}

.hc-input-validation-info[b-lkeg5dg4kn] {
    color: var(--hc-info, #0d6efd);
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCMaskedInput.razor.rz.scp.css */
.hc-masked-input[b-d1j1ty3y3v] {
    padding-inline: 1rem;
}

.hc-mask-validation[b-d1j1ty3y3v] {
    min-height: 0;
    color: var(--hc-error, #b42318);
    font-size: var(--hc-field-validation-font-size, .72rem);
    font-weight: 600;
    line-height: var(--hc-field-validation-line-height, 1.3);
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCNumericInput.razor.rz.scp.css */
/* =========================================================
   NUMBER INPUT
========================================================= */

.hc-number-input[b-b6yyr18ui8] {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    border-radius: 1rem;
    border: 1px solid var(--hc-input-border, #d1d5db);
    outline: none;
    width: calc(100% - (var(--hc-form-control-glow-space, .375rem) * 2));
    margin: var(--hc-form-control-glow-space, .375rem);
    background: transparent;
    padding-inline: .75rem;
    font: inherit;
    color: inherit;
    text-align: left;
}

/* =========================================================
   VALUE / ADORNMENTS
========================================================= */

.hc-number-value[b-b6yyr18ui8] {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}

.hc-number-affix[b-b6yyr18ui8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #6b7280;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.hc-number-prefix[b-b6yyr18ui8] {
    padding-left: .5rem;
    padding-right: .125rem;
}

.hc-number-suffix[b-b6yyr18ui8] {
    padding-left: .125rem;
    padding-right: .5rem;
}

.hc-number-value.has-prefix .hc-number-input[b-b6yyr18ui8] {
    padding-left: .25rem;
}

.hc-number-value.has-suffix .hc-number-input[b-b6yyr18ui8] {
    padding-right: .25rem;
}

.hc-number-value.has-suffix:not(.has-prefix) .hc-number-input[b-b6yyr18ui8] {
    text-align: right;
}

/* =========================================================
   CONTROLS
========================================================= */

.hc-number-button[b-b6yyr18ui8] {
    width: clamp(1.875rem, 22%, 2.5rem);
    min-height: var(--hc-input-height);
    height: auto;
    align-self: stretch;
    border: none;
    outline: none;
    background: transparent;
    color: #6b7280;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .2s ease, color .2s ease;
}

.hc-number-button-decrement[b-b6yyr18ui8] {
    order: -1;
    border-right: 1px solid rgba(15, 23, 42, .08);
}

.hc-number-button-increment[b-b6yyr18ui8] {
    order: 2;
    border-left: 1px solid rgba(15, 23, 42, .08);
}

/* =========================================================
   HOVER
========================================================= */

.hc-number-button:hover:not(:disabled)[b-b6yyr18ui8] {
    background: rgba(15,23,42,.04);
    color: #111827;
}

/* =========================================================
   DISABLED
========================================================= */

.hc-number-button:disabled[b-b6yyr18ui8] {
    opacity: .5;
    cursor: not-allowed;
}
/* =========================================================
   JOINED NUMERIC INPUT BUTTON / PANEL
========================================================= */

[b-b6yyr18ui8] .hc-numeric-input-button {
    box-sizing: border-box;
    flex: 0 0 var(--hc-input-height);
    width: var(--hc-input-height);
    min-width: var(--hc-input-height);
    height: var(--hc-input-height);
    min-height: var(--hc-input-height);
    border: 0 !important;
    outline: 0;
    background: transparent;
}

[b-b6yyr18ui8] .hc-numeric-input-button-start {
    order: -2;
    border-radius: 1rem 0 0 1rem;
}

[b-b6yyr18ui8] .hc-numeric-input-button-end {
    order: 3;
    margin-inline-start: 0;
    border-radius: 0 1rem 1rem 0;
}

[b-b6yyr18ui8] .hc-numeric-input-button:hover:not(:disabled),
[b-b6yyr18ui8] .hc-numeric-input-button:focus-visible,
[b-b6yyr18ui8] .hc-numeric-input-button.hc-button-active {
    border: 0 !important;
    outline: 0;
    box-shadow: var(--hc-form-control-focus-shadow, inset 0 0 0 2px rgba(99, 102, 241, .5));
}

[b-b6yyr18ui8] .hc-input-control.hc-numeric-input-panel-open {
    border-color: var(--hc-input-border-focus-color, #818cf8);
    box-shadow: var(--hc-input-shadow-focus, inset 0 0 0 2px rgba(59, 130, 246, .42));
}

.hc-numeric-input-panel[b-b6yyr18ui8] {
    position: fixed;
    z-index: var(--hc-input-dropdown-zindex, 2147483000);
    top: calc(100% + 8px);
    right: 0;
    width: min(var(--hc-numeric-input-panel-width, 420px), calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    max-height: min(70vh, calc(100vh - 24px));
    overflow: auto;
    border: 1px solid var(--hc-border-color, #e5e7eb);
    border-radius: 1rem;
    outline: none;
    background: var(--hc-surface-bg, #fff);
    box-shadow: var(--hc-shadow-lg, 0 12px 32px rgba(15, 23, 42, .12));
}

.hc-numeric-input-panel:focus-visible[b-b6yyr18ui8] {
    box-shadow:
        var(--hc-form-control-focus-shadow, inset 0 0 0 2px rgba(99, 102, 241, .5)),
        var(--hc-shadow-lg, 0 12px 32px rgba(15, 23, 42, .12));
}

.hc-numeric-input-panel--anchor-left[b-b6yyr18ui8] {
    right: auto;
    left: 0;
}

.hc-numeric-input-panel--anchor-right[b-b6yyr18ui8] {
    right: 0;
    left: auto;
}

.hc-numeric-input-panel-backdrop[b-b6yyr18ui8] {
    position: fixed;
    inset: 0;
    z-index: calc(var(--hc-input-dropdown-zindex, 2147483000) - 2);
    background: transparent;
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCOTPInput.razor.rz.scp.css */
/* =========================================================
   OTP
========================================================= */

.hc-otp[b-4n2fwwzkh3] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

/* =========================================================
   CELL
========================================================= */

.hc-otp-cell[b-4n2fwwzkh3] {
    width: 3rem;
    height: 3.25rem;
    border-radius: var(--hc-input-radius-md);
    border: 1px solid var(--hc-input-border-color);
    background: var(--hc-input-bg);
    text-align: center;
    font-size: 1.125rem;
    font-weight: 700;
    transition: var(--hc-input-transition);
}

    /* =========================================================
   STATES
========================================================= */

    .hc-otp-cell:focus[b-4n2fwwzkh3] {
        border-color: var(--hc-input-border-focus-color);
        outline: none;
        box-shadow: var(--hc-input-shadow-focus);
    }

.hc-otp-disabled[b-4n2fwwzkh3] {
    opacity: .7;
    pointer-events: none;
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCPasswordInput.razor.rz.scp.css */
/* =========================================================
   PASSWORD INPUT
========================================================= */

.hc-password-input[b-u2jmsrqgeu] {
    padding-inline: 1rem;
}

/* =========================================================
   PREFIX
========================================================= */

.hc-password-prefix[b-u2jmsrqgeu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
    color: var(--hc-input-icon-color);
}

/* =========================================================
   TOGGLE
========================================================= */

.hc-password-toggle[b-u2jmsrqgeu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--hc-input-height) - 8px);
    height: calc(var(--hc-input-height) - 8px);
    margin-right: .25rem;
    border: none;
    outline: none;
    background: transparent;
    color: var(--hc-input-icon-color);
    transition: var(--hc-input-transition);
}

    .hc-password-toggle:hover:not(:disabled)[b-u2jmsrqgeu] {
        color: #111827;
    }

/* =========================================================
   STRENGTH
========================================================= */

.hc-password-strength[b-u2jmsrqgeu] {
    margin-top: .5rem;
}

/* =========================================================
   BAR
========================================================= */

.hc-password-strength-bar[b-u2jmsrqgeu] {
    width: 100%;
    height: .5rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e5e7eb;
}

/* =========================================================
   FILL
========================================================= */

.hc-password-strength-fill[b-u2jmsrqgeu] {
    height: 100%;
    transition: var(--hc-input-transition);
}

    .hc-password-strength-fill.weak[b-u2jmsrqgeu] {
        background: #dc3545;
    }

    .hc-password-strength-fill.fair[b-u2jmsrqgeu] {
        background: #f59e0b;
    }

    .hc-password-strength-fill.good[b-u2jmsrqgeu] {
        background: #0d6efd;
    }

    .hc-password-strength-fill.strong[b-u2jmsrqgeu] {
        background: #198754;
    }

/* =========================================================
   TEXT
========================================================= */

.hc-password-strength-text[b-u2jmsrqgeu] {
    margin-top: .375rem;
    font-size: .8125rem;
    font-weight: 600;
    color: #6b7280;
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCPhoneInput.razor.rz.scp.css */
.hc-phone-wrapper[b-i2ykp1zg9u] {
    position: relative;
    width: 100%;
}

.hc-phone-country-button[b-i2ykp1zg9u] {
    border: none;
    background: transparent;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    height: 100%;
    padding: 0 .75rem;
    color: inherit;
    cursor: pointer;
}

    .hc-phone-country-button:disabled[b-i2ykp1zg9u] {
        cursor: not-allowed;
        opacity: .55;
    }

.hc-phone-dropdown[b-i2ykp1zg9u] {
    position: absolute;
    top: calc(100% + .35rem);
    left: 0;
    z-index: 3000;
    min-width: 220px;
    padding: .5rem;
    border-radius: .75rem;
    border: 1px solid var(--hc-border-color);
    background: var(--hc-surface-bg);
    box-shadow: 0 18px 45px rgba(15, 23, 42, .16);
}

.hc-phone-country-item[b-i2ykp1zg9u] {
    width: 100%;
    border: none;
    background: transparent;
    padding: .65rem .75rem;
    border-radius: .5rem;
    text-align: left;
    cursor: pointer;
}

    .hc-phone-country-item:hover[b-i2ykp1zg9u] {
        background: var(--hc-hover);
    }

.hc-phone-input[b-i2ykp1zg9u] {
    min-width: 0;
}

.hc-phone-validation[b-i2ykp1zg9u] {
    min-height: 0;
    color: var(--hc-error, #b42318);
    font-size: var(--hc-field-validation-font-size, .72rem);
    font-weight: 600;
    line-height: var(--hc-field-validation-line-height, 1.3);
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCPinInput.razor.rz.scp.css */
/* =========================================================
   PIN INPUT
   ========================================================= */

.hc-pin[b-gxb63exiq6] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}

.hc-pin-cell[b-gxb63exiq6] {
    width: var(--hc-input-height-md, 2.75rem);
    height: var(--hc-input-height-md, 2.75rem);
    border: 1px solid var(--hc-input-border-color, #d1d5db);
    border-radius: var(--hc-input-radius-md, .75rem);
    background: var(--hc-input-bg, #ffffff);
    color: var(--hc-input-text-color, #111827);
    font: inherit;
    font-weight: var(--hc-font-weight-bold, 700);
    text-align: center;
    transition: var(--hc-input-transition, border-color .2s ease, box-shadow .2s ease);
}

.hc-pin-cell:hover:not(:disabled)[b-gxb63exiq6] {
    border-color: var(--hc-input-border-hover-color, #a5b4fc);
    box-shadow: var(--hc-input-shadow-hover, 0 0 0 4px rgba(99, 102, 241, .08));
}

.hc-pin-cell:focus[b-gxb63exiq6] {
    border-color: var(--hc-input-border-focus-color, #818cf8);
    box-shadow: var(--hc-input-shadow-focus, inset 0 0 0 2px rgba(59, 130, 246, .42));
    outline: 0;
}

.hc-pin-disabled[b-gxb63exiq6] {
    opacity: .65;
    pointer-events: none;
}

.hc-pin-readonly .hc-pin-cell[b-gxb63exiq6] {
    background: var(--hc-surface-muted-bg, #f8fafc);
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCPrefixedInput.razor.rz.scp.css */
/* =========================================================
   CONTAINER
========================================================= */

.hc-prefixed-input-container[b-hul9exbny0] {
    position: relative;
    width: 100%;
}

/* =========================================================
   INPUT
========================================================= */

.hc-prefixed-input[b-hul9exbny0] {
    width: 100%;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    box-shadow: none;
    padding-inline: 1rem;
    font: inherit;
    color: inherit;
}

/* =========================================================
   PREFIX BUTTON
========================================================= */

.hc-prefixed-prefix-button[b-hul9exbny0],
.hc-prefixed-button[b-hul9exbny0] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    padding-inline: 1rem;
    color: inherit;
    font: inherit;
    font-weight: 600;
    white-space: nowrap;
    transition: background .2s ease, color .2s ease;
}

    /* =========================================================
   STATES
========================================================= */

    .hc-prefixed-prefix-button:hover:not(:disabled)[b-hul9exbny0],
    .hc-prefixed-button:hover:not(:disabled)[b-hul9exbny0] {
        background: rgba(15,23,42,.04);
    }

    .hc-prefixed-prefix-button.open[b-hul9exbny0],
    .hc-prefixed-button.open[b-hul9exbny0] {
        background: rgba(15,23,42,.06);
    }

    .hc-prefixed-prefix-button:disabled[b-hul9exbny0],
    .hc-prefixed-button:disabled[b-hul9exbny0] {
        opacity: .6;
        cursor: not-allowed;
    }

.hc-prefixed-prefix-static[b-hul9exbny0] {
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding-inline: 1rem;
    color: inherit;
    font: inherit;
    font-weight: 600;
    white-space: nowrap;
}

.hc-prefixed-prefix-value[b-hul9exbny0] {
    line-height: 1;
}

/* =========================================================
   CHEVRON
========================================================= */

.hc-prefixed-prefix-button .bi[b-hul9exbny0],
.hc-prefixed-chevron[b-hul9exbny0] {
    font-size: .75rem;
    transition: transform .2s ease;
}

.hc-prefixed-prefix-button.open .bi[b-hul9exbny0],
.hc-prefixed-button.open .hc-prefixed-chevron[b-hul9exbny0] {
    transform: rotate(180deg);
}

/* =========================================================
   DROPDOWN
========================================================= */

.hc-prefixed-menu[b-hul9exbny0],
.hc-prefixed-dropdown[b-hul9exbny0] {
    position: absolute;
    top: calc(100% + .5rem);
    left: 0;
    z-index: 1200;
    width: 100%;
    overflow: hidden;
    border-radius: 1rem;
    border: 1px solid #E5E7EB;
    background: #FFFFFF;
    box-shadow: 0 18px 48px rgba(15,23,42,.12);
}

.hc-prefixed-search[b-hul9exbny0] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem .875rem;
    border-bottom: 1px solid #E5E7EB;
    color: #6b7280;
}

.hc-prefixed-search input[b-hul9exbny0],
.hc-prefixed-custom-input[b-hul9exbny0] {
    width: 100%;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    color: #111827;
    font: inherit;
}

.hc-prefixed-items[b-hul9exbny0] {
    max-height: 14rem;
    overflow: auto;
    padding: .35rem;
}

.hc-prefixed-item[b-hul9exbny0] {
    display: flex;
    align-items: center;
    width: 100%;
    border: none;
    outline: none;
    border-radius: .75rem;
    background: transparent;
    padding: .625rem .75rem;
    color: #111827;
    font: inherit;
    text-align: left;
    transition: background .2s ease, color .2s ease;
}

.hc-prefixed-item:hover[b-hul9exbny0],
.hc-prefixed-item.active[b-hul9exbny0] {
    background: rgba(15,23,42,.06);
}

.hc-prefixed-item.clear[b-hul9exbny0] {
    border-top: 1px solid #E5E7EB;
    border-radius: 0;
    color: #dc3545;
}

.hc-prefixed-custom[b-hul9exbny0] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem;
    border-top: 1px solid #E5E7EB;
}

.hc-prefixed-custom-add[b-hul9exbny0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border: none;
    outline: none;
    border-radius: .65rem;
    background: #111827;
    color: #ffffff;
    transition: background .2s ease;
}

.hc-prefixed-custom-add:hover[b-hul9exbny0] {
    background: #374151;
}

/* =========================================================
   BACKDROP
========================================================= */

.hc-prefixed-input-backdrop[b-hul9exbny0],
.hc-prefixed-backdrop[b-hul9exbny0] {
    position: fixed;
    inset: 0;
    z-index: 1190;
    background: transparent;
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCRadioGroup.razor.rz.scp.css */
/* =========================================================
   RADIO GROUP
========================================================= */

.hc-radio-group[b-8ve11rxozm] {
    display: flex;
    width: 100%;
    min-width: 0;
}

/* =========================================================
   VERTICAL
========================================================= */

.hc-radio-group-vertical[b-8ve11rxozm] {
    flex-direction: column;
    gap: .75rem;
}

/* =========================================================
   HORIZONTAL
========================================================= */

.hc-radio-group-horizontal[b-8ve11rxozm] {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

    .hc-radio-group-horizontal > *[b-8ve11rxozm] {
        width: 100%;
        min-width: 0;
        justify-self: stretch;
        align-self: stretch;
    }

/* =========================================================
   STATES
========================================================= */

.hc-radio-group-disabled[b-8ve11rxozm] {
    opacity: .7;
}

.hc-radio-group-readonly[b-8ve11rxozm] {
    cursor: default;
}

.hc-radio-group-loading[b-8ve11rxozm] {
    pointer-events: none;
    opacity: .75;
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCRange.razor.rz.scp.css */
/* =========================================================
   RANGE ROOT
========================================================= */

.hc-range[b-lb9w35w39a] {
    --hc-range-track-height: 6px;
    --hc-range-thumb-size: 20px;
    --hc-range-progress-color: var(--hc-primary, #6366f1);
    --hc-range-track-color: var(--hc-border-color, #e5e7eb);
    --hc-range-thumb-color: #ffffff;
    --hc-range-tooltip-bg: #111827;
    --hc-range-tooltip-color: #ffffff;
    --hc-range-focus-ring: rgba(99,102,241,.20);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
}

/* =========================================================
   HEADER
========================================================= */

.hc-range-header[b-lb9w35w39a] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.hc-range-current-value[b-lb9w35w39a] {
    font-size: .875rem;
    font-weight: 600;
    color: var(--hc-text, #111827);
    line-height: 1;
}

/* =========================================================
   TRACK CONTAINER
========================================================= */

.hc-range-track-container[b-lb9w35w39a] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: var(--hc-range-thumb-size);
}

/* =========================================================
   TRACK
========================================================= */

.hc-range-track[b-lb9w35w39a] {
    position: absolute;
    inset-inline: 0;
    top: 50%;
    transform: translateY(-50%);
    height: var(--hc-range-track-height);
    border-radius: 999px;
    background: var(--hc-range-track-color);
    overflow: hidden;
    pointer-events: none;
}

.hc-range-progress[b-lb9w35w39a] {
    position: absolute;
    inset-block: 0;
    width: 0;
    border-radius: inherit;
    background: var(--hc-range-progress-color);
}

.hc-range-animated .hc-range-progress[b-lb9w35w39a] {
    transition: width .15s ease, height .15s ease;
}

/* =========================================================
   INPUT
========================================================= */

.hc-range-input[b-lb9w35w39a] {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    z-index: 2;
}

    /* =========================================================
   WEBKIT TRACK
========================================================= */

    .hc-range-input[b-lb9w35w39a]::-webkit-slider-runnable-track {
        height: var(--hc-range-track-height);
        border: none;
        background: transparent;
    }

    /* =========================================================
   WEBKIT THUMB
========================================================= */

    .hc-range-input[b-lb9w35w39a]::-webkit-slider-thumb {
        appearance: none;
        -webkit-appearance: none;
        width: var(--hc-range-thumb-size);
        height: var(--hc-range-thumb-size);
        margin-top: calc( (
            var(--hc-range-track-height)
            -
            var(--hc-range-thumb-size)
        ) / 2 );
        border-radius: 999px;
        border: 3px solid var(--hc-range-progress-color);
        background: var(--hc-range-thumb-color);
        box-shadow: 0 2px 8px rgba(15,23,42,.12);
        cursor: pointer;
    }

.hc-range-animated
.hc-range-input[b-lb9w35w39a]::-webkit-slider-thumb {
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

/* =========================================================
   FIREFOX TRACK
========================================================= */

.hc-range-input[b-lb9w35w39a]::-moz-range-track {
    height: var(--hc-range-track-height);
    border: none;
    background: transparent;
}

/* =========================================================
   FIREFOX THUMB
========================================================= */

.hc-range-input[b-lb9w35w39a]::-moz-range-thumb {
    width: var(--hc-range-thumb-size);
    height: var(--hc-range-thumb-size);
    border-radius: 999px;
    border: 3px solid var(--hc-range-progress-color);
    background: var(--hc-range-thumb-color);
    box-shadow: 0 2px 8px rgba(15,23,42,.12);
    cursor: pointer;
}

.hc-range-animated
.hc-range-input[b-lb9w35w39a]::-moz-range-thumb {
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

/* =========================================================
   HOVER
========================================================= */

.hc-range:not(.hc-range-disabled)
.hc-range-input:hover[b-lb9w35w39a]::-webkit-slider-thumb {
    transform: scale(1.08);
}

.hc-range:not(.hc-range-disabled)
.hc-range-input:hover[b-lb9w35w39a]::-moz-range-thumb {
    transform: scale(1.08);
}

/* =========================================================
   FOCUS
========================================================= */

.hc-range-focused
.hc-range-input[b-lb9w35w39a]::-webkit-slider-thumb {
    box-shadow: inset 0 0 0 2px var(--hc-range-focus-ring), 0 2px 8px rgba(15,23,42,.12);
}

.hc-range-focused
.hc-range-input[b-lb9w35w39a]::-moz-range-thumb {
    box-shadow: inset 0 0 0 2px var(--hc-range-focus-ring), 0 2px 8px rgba(15,23,42,.12);
}

/* =========================================================
   DRAGGING
========================================================= */

.hc-range-dragging
.hc-range-input[b-lb9w35w39a]::-webkit-slider-thumb {
    transform: scale(1.12);
}

.hc-range-dragging
.hc-range-input[b-lb9w35w39a]::-moz-range-thumb {
    transform: scale(1.12);
}

/* =========================================================
   TOOLTIP
========================================================= */

.hc-range-tooltip[b-lb9w35w39a] {
    position: absolute;
    top: -44px;
    transform: translateX(-50%);
    padding: .35rem .65rem;
    border-radius: .75rem;
    background: var(--hc-range-tooltip-bg);
    color: var(--hc-range-tooltip-color);
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
    pointer-events: none;
    z-index: 10;
}

    .hc-range-tooltip[b-lb9w35w39a]::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -5px;
        width: 10px;
        height: 10px;
        background: var(--hc-range-tooltip-bg);
        transform: translateX(-50%) rotate(45deg);
    }

/* =========================================================
   TICKS
========================================================= */

.hc-range-ticks[b-lb9w35w39a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    width: 100%;
}

.hc-range-tick[b-lb9w35w39a] {
    width: 2px;
    height: 8px;
    border-radius: 999px;
    background: #cbd5e1;
}

/* =========================================================
   LABELS
========================================================= */

.hc-range-labels[b-lb9w35w39a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .75rem;
    font-weight: 500;
    color: #64748b;
}

.hc-range-label-min[b-lb9w35w39a],
.hc-range-label-max[b-lb9w35w39a] {
    line-height: 1;
}

/* =========================================================
   SMALL
========================================================= */

.hc-range-sm[b-lb9w35w39a] {
    --hc-range-track-height: 4px;
    --hc-range-thumb-size: 16px;
}

    .hc-range-sm .hc-range-current-value[b-lb9w35w39a] {
        font-size: .75rem;
    }

/* =========================================================
   MEDIUM
========================================================= */

.hc-range-md[b-lb9w35w39a] {
    --hc-range-track-height: 6px;
    --hc-range-thumb-size: 20px;
}

/* =========================================================
   LARGE
========================================================= */

.hc-range-lg[b-lb9w35w39a] {
    --hc-range-track-height: 8px;
    --hc-range-thumb-size: 24px;
}

    .hc-range-lg .hc-range-current-value[b-lb9w35w39a] {
        font-size: 1rem;
    }

/* =========================================================
   VARIANTS
========================================================= */

.hc-range-filled[b-lb9w35w39a] {
    padding: .75rem;
    border-radius: 1rem;
    background: #f8fafc;
}

.hc-range-outlined[b-lb9w35w39a] {
    padding: .75rem;
    border-radius: 1rem;
    border: 1px solid #e5e7eb;
}

.hc-range-ghost[b-lb9w35w39a] {
    padding: 0;
    border: none;
    background: transparent;
}

/* =========================================================
   VALIDATION
========================================================= */

.hc-range-success[b-lb9w35w39a] {
    --hc-range-progress-color: #198754;
}

.hc-range-warning[b-lb9w35w39a] {
    --hc-range-progress-color: #f59e0b;
}

.hc-range-error[b-lb9w35w39a] {
    --hc-range-progress-color: #dc3545;
}

/* =========================================================
   DISABLED
========================================================= */

.hc-range-disabled[b-lb9w35w39a] {
    opacity: .65;
}

    .hc-range-disabled .hc-range-input[b-lb9w35w39a],
    .hc-range-disabled .hc-range-input[b-lb9w35w39a]::-webkit-slider-thumb,
    .hc-range-disabled .hc-range-input[b-lb9w35w39a]::-moz-range-thumb {
        cursor: not-allowed;
    }

/* =========================================================
   VERTICAL
========================================================= */

.hc-range-vertical[b-lb9w35w39a] {
    width: auto;
    min-height: 260px;
    align-items: center;
}

    .hc-range-vertical .hc-range-track-container[b-lb9w35w39a] {
        width: var(--hc-range-thumb-size);
        height: 220px;
        min-height: 220px;
    }

    .hc-range-vertical .hc-range-track[b-lb9w35w39a] {
        inset-inline: auto;
        inset-block: 0;
        left: 50%;
        width: var(--hc-range-track-height);
        height: 100%;
        transform: translateX(-50%);
    }

    .hc-range-vertical .hc-range-progress[b-lb9w35w39a] {
        width: 100%;
        height: 0;
    }

    .hc-range-vertical .hc-range-input[b-lb9w35w39a] {
        width: 220px;
        transform: rotate(-90deg);
        transform-origin: center;
    }

    .hc-range-vertical .hc-range-tooltip[b-lb9w35w39a] {
        left: calc(100% + 16px);
        top: auto;
        transform: translateY(50%);
    }

        .hc-range-vertical .hc-range-tooltip[b-lb9w35w39a]::after {
            left: -5px;
            top: 50%;
            bottom: auto;
            transform: translateY(-50%) rotate(45deg);
        }

    .hc-range-vertical .hc-range-ticks[b-lb9w35w39a] {
        display: none;
    }

    .hc-range-vertical .hc-range-labels[b-lb9w35w39a] {
        width: 100%;
    }

    /* =========================================================
   VERTICAL REVERSE
========================================================= */

    .hc-range-vertical.hc-range-reverse
    .hc-range-progress[b-lb9w35w39a] {
        top: 0;
        bottom: auto;
    }

/* =========================================================
   HORIZONTAL REVERSE
========================================================= */

.hc-range:not(.hc-range-vertical).hc-range-reverse
.hc-range-progress[b-lb9w35w39a] {
    right: 0;
    left: auto;
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCRangeSlider.razor.rz.scp.css */
/* =========================================================
   RANGE SLIDER
   ========================================================= */

.hc-range-slider[b-bvqulvgewn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .5rem;
    min-width: 0;
    width: 100%;
}

.hc-range-slider-input[b-bvqulvgewn] {
    width: 100%;
    min-width: 0;
    accent-color: rgb(var(--hc-active-glow-color, 99, 102, 241));
}

.hc-range-slider-input:focus-visible[b-bvqulvgewn] {
    border-radius: 999px;
    outline: none;
    box-shadow: var(--hc-input-shadow-focus);
}

.hc-range-slider-start[b-bvqulvgewn] {
    margin-bottom: -.25rem;
}

.hc-range-slider-end[b-bvqulvgewn] {
    margin-top: -.25rem;
}

.hc-range-slider-value[b-bvqulvgewn] {
    color: var(--hc-muted-color, #6b7280);
    font-size: var(--hc-font-size-sm, .875rem);
    font-weight: var(--hc-font-weight-semibold, 600);
    text-align: right;
}

.hc-range-slider-disabled[b-bvqulvgewn] {
    opacity: .65;
    pointer-events: none;
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCRating.razor.rz.scp.css */
/* =========================================================
   RATING
========================================================= */

.hc-rating[b-qirelcay7k] {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
}

/* =========================================================
   ITEM
========================================================= */

.hc-rating-item[b-qirelcay7k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: none;
    outline: none;
    background: transparent;
    color: #d1d5db;
    cursor: pointer;
    transition: var(--hc-input-transition);
}

    /* =========================================================
   ACTIVE
========================================================= */

    .hc-rating-item.active[b-qirelcay7k] {
        color: #f59e0b;
    }

    /* =========================================================
   HOVER
========================================================= */

    .hc-rating-item:hover:not(:disabled)[b-qirelcay7k] {
        transform: scale(1.08);
    }

    .hc-rating-item:focus-visible[b-qirelcay7k] {
        outline: none;
        border-radius: .5rem;
        box-shadow: var(--hc-input-shadow-focus);
    }

/* =========================================================
   VALUE
========================================================= */

.hc-rating-value[b-qirelcay7k] {
    font-size: .875rem;
    font-weight: 600;
    color: #111827;
}

/* =========================================================
   STATES
========================================================= */

.hc-rating-disabled[b-qirelcay7k] {
    opacity: .7;
    pointer-events: none;
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCSearchInput.razor.rz.scp.css */
/* =========================================================
   SEARCH INPUT
========================================================= */

.hc-search-input[b-zelzkyorwt] {
    padding-inline: 1rem;
}

/* =========================================================
   PREFIX
========================================================= */

.hc-search-prefix[b-zelzkyorwt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
    color: var(--hc-input-icon-color);
}

/* =========================================================
   CLEAR
========================================================= */

.hc-search-clear[b-zelzkyorwt] {
    appearance: none;
    -webkit-appearance: none;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--hc-input-icon-color);
    box-shadow: none !important;
}

    /* =========================================================
   STATES
========================================================= */

    .hc-search-clear:hover[b-zelzkyorwt] {
        background: rgba(15,23,42,.06);
        color: #111827;
    }
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCSignature.razor.rz.scp.css */
/* =========================================================
   SIGNATURE
========================================================= */

.hc-signature[b-uq86tlxzbz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

/* =========================================================
   SURFACE
========================================================= */

.hc-signature-surface[b-uq86tlxzbz] {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--hc-input-radius-lg);
    border: 1px solid var(--hc-input-border-color);
    background: var(--hc-surface-bg);
    transition: var(--hc-input-transition);
}

    .hc-signature-surface:hover[b-uq86tlxzbz] {
        border-color: var(--hc-input-border-hover-color);
    }

    .hc-signature-surface:focus-within[b-uq86tlxzbz] {
        border-color: var(--hc-input-border-focus-color);
        box-shadow: var(--hc-input-shadow-focus, inset 0 0 0 2px rgba(59, 130, 246, .42));
    }

/* =========================================================
   INSTRUCTION
========================================================= */

.hc-signature-header[b-uq86tlxzbz] {
    display: flex;
    align-items: center;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--hc-input-border-color);
    background: var(--hc-surface-muted-bg);
}

.hc-signature-instruction[b-uq86tlxzbz] {
    font-size: .75rem;
    color: var(--hc-muted-color);
}

/* =========================================================
   CANVAS CONTAINER
========================================================= */

.hc-signature-canvas-wrapper[b-uq86tlxzbz] {
    position: relative;
    width: 100%;
    background: #ffffff;
    overflow: hidden;
}

    .hc-signature-canvas-wrapper[b-uq86tlxzbz]::after {
        content: "";
        position: absolute;
        left: 2rem;
        right: 2rem;
        bottom: 2rem;
        border-bottom: 2px dashed rgba(148,163,184,.35);
        pointer-events: none;
    }

/* =========================================================
   PLACEHOLDER
========================================================= */

.hc-signature-placeholder[b-uq86tlxzbz] {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    color: var(--hc-muted-color);
}

.hc-signature-placeholder-icon[b-uq86tlxzbz] {
    font-size: 1.75rem;
    opacity: .35;
}

.hc-signature-placeholder-text[b-uq86tlxzbz] {
    font-size: .875rem;
    font-weight: 500;
}

/* =========================================================
   CANVAS
========================================================= */

.hc-signature-canvas[b-uq86tlxzbz] {
    display: block;
    width: 100%;
    
    height: var(--hc-input-height);
    background: #ffffff;
    cursor: crosshair;
    touch-action: none;
}

.hc-signature-readonly .hc-signature-canvas[b-uq86tlxzbz] {
    cursor: default;
}

/* =========================================================
   FOOTER
========================================================= */

.hc-signature-footer[b-uq86tlxzbz] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    padding: .75rem 1rem;
    border-top: 1px solid var(--hc-input-border-color);
    background: var(--hc-surface-muted-bg);
}



.hc-signature-actions[b-uq86tlxzbz] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: .5rem;
}

/* =========================================================
   BUTTONS
========================================================= */

.hc-signature-button[b-uq86tlxzbz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 36px;
    padding: .5rem .875rem;
    border-radius: .5rem;
    border: 1px solid var(--hc-input-border-color);
    background: var(--hc-surface-bg);
    color: var(--hc-text);
    font-size: .875rem;
    font-weight: 500;
    transition: var(--hc-input-transition);
}

.hc-signature-footer:empty[b-uq86tlxzbz] {
    display: none;
}

    .hc-signature-button:hover:not(:disabled)[b-uq86tlxzbz] {
        background: var(--hc-hover);
    }

    .hc-signature-button:focus-visible[b-uq86tlxzbz] {
        outline: none;
        box-shadow: var(--hc-input-shadow-focus);
    }

    .hc-signature-button:disabled[b-uq86tlxzbz] {
        opacity: .5;
        cursor: not-allowed;
    }

.hc-signature-button-primary[b-uq86tlxzbz] {
    background: var(--hc-primary);
    border-color: var(--hc-primary);
    color: #ffffff;
}

    .hc-signature-button-primary:hover:not(:disabled)[b-uq86tlxzbz] {
        filter: brightness(.95);
    }

.hc-signature-button-danger[b-uq86tlxzbz] {
    color: var(--hc-danger);
}

    .hc-signature-button-danger:hover:not(:disabled)[b-uq86tlxzbz] {
        background: rgb(239 68 68 / 8%);
    }

/* =========================================================
   VALIDATION
========================================================= */

.hc-signature-invalid .hc-signature-surface[b-uq86tlxzbz] {
    border-color: var(--hc-danger);
}

.hc-signature-invalid .hc-signature-header[b-uq86tlxzbz] {
    border-color: rgb(239 68 68 / 20%);
}

.hc-signature-validation-message[b-uq86tlxzbz] {
    font-size: .75rem;
    color: var(--hc-danger);
    padding-inline: .25rem;
}

/* =========================================================
   READONLY
========================================================= */

.hc-signature-readonly[b-uq86tlxzbz] {
    pointer-events: none;
}

    .hc-signature-readonly .hc-signature-surface[b-uq86tlxzbz] {
        background: var(--hc-surface-muted-bg);
    }

/* =========================================================
   DISABLED
========================================================= */

.hc-signature-disabled[b-uq86tlxzbz] {
    opacity: .65;
    pointer-events: none;
}

/* =========================================================
   LOADING
========================================================= */

.hc-signature-loading[b-uq86tlxzbz] {
    position: relative;
}

    .hc-signature-loading[b-uq86tlxzbz]::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgb(255 255 255 / 50%);
        backdrop-filter: blur(2px);
    }

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 768px) {

    .hc-signature-header[b-uq86tlxzbz],
    .hc-signature-footer[b-uq86tlxzbz] {
        flex-direction: column;
        align-items: stretch;
    }

    .hc-signature-actions[b-uq86tlxzbz] {
        width: 100%;
    }

    .hc-signature-button[b-uq86tlxzbz] {
        flex: 1 1 auto;
    }
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCSwitch.razor.rz.scp.css */
/* =========================================================
   SWITCH
========================================================= */

.hc-switch[b-sy8pygmm2u] {
    display: inline-flex;
    align-items: flex-start;
    gap: .75rem;
    cursor: pointer;
    user-select: none;
}

/* =========================================================
   INPUT
========================================================= */

.hc-switch-input[b-sy8pygmm2u] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
}

/* =========================================================
   TRACK
========================================================= */

.hc-switch-track[b-sy8pygmm2u] {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 2.75rem;
    height: 1.5rem;
    flex-shrink: 0;
    border-radius: 999px;
    background: var(--hc-border);
    transition: var(--hc-input-transition);
}

/* =========================================================
   THUMB
========================================================= */

.hc-switch-thumb[b-sy8pygmm2u] {
    position: absolute;
    left: .2rem;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 999px;
    background: var(--hc-switch-thumb-bg, #ffffff);
    transition: var(--hc-input-transition);
}

/* =========================================================
   STATES
========================================================= */

.hc-switch-checked .hc-switch-track[b-sy8pygmm2u] {
    background: var(--hc-switch-track-active, var(--hc-primary));
}

.hc-switch-checked .hc-switch-thumb[b-sy8pygmm2u] {
    transform: translateX(1.25rem);
}

.hc-switch-focused .hc-switch-track[b-sy8pygmm2u] {
    box-shadow: var(--hc-input-shadow-focus);
}

.hc-switch-input:focus-visible + .hc-switch-track[b-sy8pygmm2u] {
    box-shadow: var(--hc-input-shadow-focus);
}

.hc-switch-disabled[b-sy8pygmm2u] {
    opacity: .7;
    cursor: not-allowed;
}

/* =========================================================
   CONTENT
========================================================= */

.hc-switch-content[b-sy8pygmm2u] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* =========================================================
   LABEL
========================================================= */

.hc-switch-label[b-sy8pygmm2u] {
    font-weight: 600;
    line-height: 1.4;
    color: #111827;
}

/* =========================================================
   DESCRIPTION
========================================================= */

.hc-switch-description[b-sy8pygmm2u] {
    margin-top: .125rem;
    font-size: .8125rem;
    line-height: 1.4;
    color: #6b7280;
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCTextArea.razor.rz.scp.css */
/* =========================================================
   TEXTAREA
========================================================= */

.hc-textarea[b-43dbh2dy58] {
    display: block;
    width: 100%;
    min-width: 0;
    padding: .875rem 1rem;
    border: none;
    outline: none;
    background: transparent;
    min-height: var(--hc-input-height);
    color: var(--hc-input-text-color);
    font: inherit;
    line-height: 1.5;
    box-sizing: border-box;
    resize: vertical;
}

    /* =========================================================
   PLACEHOLDER
========================================================= */

    .hc-textarea[b-43dbh2dy58]::placeholder {
        color: var(--hc-input-placeholder-color);
    }

/* =========================================================
   RESIZE MODES
========================================================= */

.hc-textarea-resizable[b-43dbh2dy58] {
    resize: vertical;
}

.hc-textarea-no-resize[b-43dbh2dy58] {
    resize: none;
}

/* =========================================================
   FOOTER
========================================================= */

.hc-textarea-footer[b-43dbh2dy58] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: .375rem;
}

.hc-textarea-character-count[b-43dbh2dy58] {
    font-size: .75rem;
    color: var(--hc-text-soft);
    user-select: none;
}

/* =========================================================
   INPUT CONTROL MULTILINE
========================================================= */

.hc-input-control-multiline[b-43dbh2dy58] {
    height: var(--hc-input-height);
    align-items: stretch;
}

    .hc-input-control-multiline .hc-input-control-content[b-43dbh2dy58] {
        align-items: stretch;
    }

    .hc-input-control-multiline .hc-input-control-body[b-43dbh2dy58] {
        align-items: stretch;
    }

/* =========================================================
   READONLY
========================================================= */

.hc-input-readonly .hc-textarea[b-43dbh2dy58] {
    cursor: default;
}

/* =========================================================
   DISABLED
========================================================= */

.hc-input-disabled .hc-textarea[b-43dbh2dy58] {
    cursor: not-allowed;
}

/* =========================================================
   CHARACTER LIMIT STATES
========================================================= */

.hc-textarea-character-count-warning[b-43dbh2dy58] {
    color: #f59e0b;
}

.hc-textarea-character-count-error[b-43dbh2dy58] {
    color: #dc3545;
}

/* =========================================================
   AUTO RESIZE MODE
========================================================= */

.hc-textarea-auto-resize[b-43dbh2dy58] {
    overflow-y: hidden;
}

/* =========================================================
   CUSTOM SCROLLBAR
========================================================= */

.hc-textarea[b-43dbh2dy58]::-webkit-scrollbar {
    width: 10px;
}

.hc-textarea[b-43dbh2dy58]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 0, 0, .15);
}

.hc-textarea[b-43dbh2dy58]::-webkit-scrollbar-track {
    background: transparent;
}
/* _content/Hoodcoder.Blazor/Components/Inputs/Shared/HCTimePicker.razor.rz.scp.css */
/* =========================================================
   TIME INPUT
========================================================= */

.hc-time-input[b-9lg73d97lh] {
    padding-inline: 1rem;
}

/* =========================================================
   PREFIX
========================================================= */

.hc-time-prefix[b-9lg73d97lh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
    color: var(--hc-input-icon-color);
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/Drawers/HCDrawer.razor.rz.scp.css */
/* =========================================================
   DRAWER
   ========================================================= */

.hc-drawer[b-z9kccb0wed] {
    position: fixed;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--hc-surface-bg);
    box-shadow: 0 20px 60px rgba(0,0,0,.22);
    max-width: 100vw;
    max-height: 100vh;
    pointer-events: auto;
}

/* =========================================================
   WRAPPERS
   ========================================================= */

.hc-drawer-header-wrapper[b-z9kccb0wed],
.hc-drawer-footer-wrapper[b-z9kccb0wed] {
    flex-shrink: 0;
    min-width: 0;
}

.hc-drawer-body-wrapper[b-z9kccb0wed] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

/* =========================================================
   POSITIONS
   ========================================================= */

.hc-drawer-left[b-z9kccb0wed] {
    top: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
}

.hc-drawer-right[b-z9kccb0wed] {
    top: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
}

.hc-drawer-top[b-z9kccb0wed] {
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
}

.hc-drawer-bottom[b-z9kccb0wed] {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
}

/* =========================================================
   SIZES
   ========================================================= */

.hc-drawer-sm.hc-drawer-left[b-z9kccb0wed],
.hc-drawer-sm.hc-drawer-right[b-z9kccb0wed] {
    width: 320px;
}

.hc-drawer-md.hc-drawer-left[b-z9kccb0wed],
.hc-drawer-md.hc-drawer-right[b-z9kccb0wed] {
    width: 480px;
}

.hc-drawer-lg.hc-drawer-left[b-z9kccb0wed],
.hc-drawer-lg.hc-drawer-right[b-z9kccb0wed] {
    width: 720px;
}

.hc-drawer-xl.hc-drawer-left[b-z9kccb0wed],
.hc-drawer-xl.hc-drawer-right[b-z9kccb0wed] {
    width: 960px;
}

.hc-drawer-full.hc-drawer-left[b-z9kccb0wed],
.hc-drawer-full.hc-drawer-right[b-z9kccb0wed] {
    width: 100vw;
}

.hc-drawer-sm.hc-drawer-top[b-z9kccb0wed],
.hc-drawer-sm.hc-drawer-bottom[b-z9kccb0wed] {
    height: 240px;
}

.hc-drawer-md.hc-drawer-top[b-z9kccb0wed],
.hc-drawer-md.hc-drawer-bottom[b-z9kccb0wed] {
    height: 420px;
}

.hc-drawer-lg.hc-drawer-top[b-z9kccb0wed],
.hc-drawer-lg.hc-drawer-bottom[b-z9kccb0wed] {
    height: 640px;
}

.hc-drawer-xl.hc-drawer-top[b-z9kccb0wed],
.hc-drawer-xl.hc-drawer-bottom[b-z9kccb0wed] {
    height: 85vh;
}

.hc-drawer-full.hc-drawer-top[b-z9kccb0wed],
.hc-drawer-full.hc-drawer-bottom[b-z9kccb0wed] {
    height: 100vh;
}

.hc-drawer-container[b-z9kccb0wed] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border-radius: inherit;
    background: inherit;
}

.hc-drawer-custom.hc-drawer-left[b-z9kccb0wed],
.hc-drawer-custom.hc-drawer-right[b-z9kccb0wed] {
    width: min(100vw, var(--hc-drawer-width, 480px));
}

.hc-drawer-custom.hc-drawer-top[b-z9kccb0wed],
.hc-drawer-custom.hc-drawer-bottom[b-z9kccb0wed] {
    height: min(100vh, var(--hc-drawer-height, 420px));
}

/* =========================================================
   FULLSCREEN
   ========================================================= */

.hc-drawer-fullscreen.hc-drawer-left[b-z9kccb0wed],
.hc-drawer-fullscreen.hc-drawer-right[b-z9kccb0wed] {
    width: 100vw !important;
}

.hc-drawer-fullscreen.hc-drawer-top[b-z9kccb0wed],
.hc-drawer-fullscreen.hc-drawer-bottom[b-z9kccb0wed] {
    height: 100vh !important;
}

/* =========================================================
   APPEARANCE
   ========================================================= */

/* Rounded drawers keep curvature only on edges that do not touch the viewport. */
.hc-drawer-rounded.hc-drawer-left[b-z9kccb0wed] {
    border-radius: 0 1rem 1rem 0;
}

.hc-drawer-rounded.hc-drawer-right[b-z9kccb0wed] {
    border-radius: 1rem 0 0 1rem;
}

.hc-drawer-rounded.hc-drawer-top[b-z9kccb0wed] {
    border-radius: 0 0 1rem 1rem;
}

.hc-drawer-rounded.hc-drawer-bottom[b-z9kccb0wed] {
    border-radius: 1rem 1rem 0 0;
}

.hc-drawer-fullscreen.hc-drawer-rounded[b-z9kccb0wed] {
    border-radius: 0;
}

.hc-drawer-shadow[b-z9kccb0wed] {
    box-shadow: 0 20px 60px rgba(0,0,0,.22);
}

.hc-drawer-border[b-z9kccb0wed] {
    border: 1px solid var(--hc-border-color);
}

/* =========================================================
   STATES
   ========================================================= */

.hc-drawer-loading[b-z9kccb0wed] {
    cursor: progress;
}

.hc-drawer-disabled[b-z9kccb0wed] {
    pointer-events: none;
    opacity: .65;
}

/* =========================================================
   ANIMATIONS
   ========================================================= */

.hc-drawer-animation-instant[b-z9kccb0wed] {
    animation: none !important;
}

.hc-drawer-animation-slide.hc-drawer-right[b-z9kccb0wed] {
    animation: hc-drawer-right-enter-b-z9kccb0wed .25s ease;
}

.hc-drawer-animation-slide.hc-drawer-left[b-z9kccb0wed] {
    animation: hc-drawer-left-enter-b-z9kccb0wed .25s ease;
}

.hc-drawer-animation-slide.hc-drawer-top[b-z9kccb0wed] {
    animation: hc-drawer-top-enter-b-z9kccb0wed .25s ease;
}

.hc-drawer-animation-slide.hc-drawer-bottom[b-z9kccb0wed] {
    animation: hc-drawer-bottom-enter-b-z9kccb0wed .25s ease;
}

.hc-drawer-animation-fade[b-z9kccb0wed] {
    animation: hc-drawer-fade-enter-b-z9kccb0wed .20s ease;
}

.hc-drawer-animation-scale[b-z9kccb0wed] {
    animation: hc-drawer-scale-enter-b-z9kccb0wed .22s ease;
}

.hc-drawer-animation-bounce[b-z9kccb0wed] {
    animation: hc-drawer-bounce-enter-b-z9kccb0wed .30s ease;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 767.98px) {
    .hc-drawer-mobile-fullscreen[b-z9kccb0wed] {
        inset: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        max-width: 100vw;
        max-height: 100vh;
        border-radius: 0;
    }

    .hc-drawer-left[b-z9kccb0wed],
    .hc-drawer-right[b-z9kccb0wed] {
        width: min(100vw, 92vw);
    }

    .hc-drawer-top[b-z9kccb0wed],
    .hc-drawer-bottom[b-z9kccb0wed] {
        height: min(100vh, 72vh);
    }
}

/* =========================================================
   KEYFRAMES
   ========================================================= */

@keyframes hc-drawer-fade-enter-b-z9kccb0wed {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes hc-drawer-scale-enter-b-z9kccb0wed {
    from {
        opacity: 0;
        transform: scale(.96);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes hc-drawer-bounce-enter-b-z9kccb0wed {
    0% {
        opacity: 0;
        transform: scale(.96);
    }

    70% {
        opacity: 1;
        transform: scale(1.02);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes hc-drawer-right-enter-b-z9kccb0wed {
    from {
        opacity: 0;
        transform: translateX(100%);
    }

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

@keyframes hc-drawer-left-enter-b-z9kccb0wed {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }

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

@keyframes hc-drawer-top-enter-b-z9kccb0wed {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }

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

@keyframes hc-drawer-bottom-enter-b-z9kccb0wed {
    from {
        opacity: 0;
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/Drawers/HCDrawerBody.razor.rz.scp.css */
.hc-drawer-body[b-r15xfzl20h] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding: 1.5rem;
    background: var(--hc-surface-bg);
}

    .hc-drawer-body[b-r15xfzl20h]::-webkit-scrollbar {
        width: 10px;
    }

    .hc-drawer-body[b-r15xfzl20h]::-webkit-scrollbar-thumb {
        background: rgba(148,163,184,.35);
        border-radius: 999px;
    }

        .hc-drawer-body[b-r15xfzl20h]::-webkit-scrollbar-thumb:hover {
            background: rgba(148,163,184,.5);
        }
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/Drawers/HCDrawerFooter.razor.rz.scp.css */
.hc-drawer-footer[b-f9slx498di] {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: .75rem;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 60px;
    padding: .875rem 1.25rem;
    background: var(--hc-surface-bg);
    border-top: 1px solid var(--hc-border-color);
    box-sizing: border-box;
}

.hc-drawer-footer-start[b-f9slx498di],
.hc-drawer-footer-center[b-f9slx498di],
.hc-drawer-footer-end[b-f9slx498di] {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 0;
}

.hc-drawer-footer.two-sections .hc-drawer-footer-start[b-f9slx498di],
.hc-drawer-footer.two-sections .hc-drawer-footer-center[b-f9slx498di],
.hc-drawer-footer.two-sections .hc-drawer-footer-end[b-f9slx498di] {
    flex: 1 1 0;
}

.hc-drawer-footer.three-sections .hc-drawer-footer-start[b-f9slx498di],
.hc-drawer-footer.three-sections .hc-drawer-footer-center[b-f9slx498di],
.hc-drawer-footer.three-sections .hc-drawer-footer-end[b-f9slx498di] {
    flex: 1 1 0;
}

.hc-drawer-footer-center[b-f9slx498di] {
    justify-content: center;
    text-align: center;
}

.hc-drawer-footer-end[b-f9slx498di] {
    justify-content: flex-end;
}

.hc-drawer-footer-single[b-f9slx498di] {
    width: 100%;
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 0;
}

    .hc-drawer-footer-single > *[b-f9slx498di] {
        width: 100%;
        min-width: 0;
    }

.hc-drawer-footer-sticky[b-f9slx498di] {
    position: sticky;
    bottom: 0;
    z-index: 5;
    backdrop-filter: blur(12px);
}

@media (max-width: 767.98px) {
    .hc-drawer-footer[b-f9slx498di] {
        flex-wrap: wrap;
        padding-right: max(1rem, env(safe-area-inset-right));
        padding-bottom: max(.875rem, env(safe-area-inset-bottom));
        padding-left: max(1rem, env(safe-area-inset-left));
        overflow-x: hidden;
        overflow-y: auto;
    }

    .hc-drawer-footer.two-sections > *[b-f9slx498di],
    .hc-drawer-footer.three-sections > *[b-f9slx498di] {
        flex-basis: min(100%, 12rem);
        width: auto;
        max-width: 100%;
    }

    .hc-drawer-footer-end[b-f9slx498di] {
        margin-left: auto;
    }
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/Drawers/HCDrawerHeader.razor.rz.scp.css */
/* =========================================================
   DRAWER HEADER
   ========================================================= */

.hc-drawer-header[b-esqa5e6m1r] {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 60px;
    padding: .875rem 1.25rem;
    overflow: hidden;
    background: var(--hc-surface-bg);
    border-bottom: 1px solid var(--hc-border-color);
    box-sizing: border-box;
}

/* =========================================================
   HEADER SECTIONS
   ========================================================= */

.hc-drawer-header-start[b-esqa5e6m1r],
.hc-drawer-header-center[b-esqa5e6m1r],
.hc-drawer-header-end[b-esqa5e6m1r] {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
}

/* =========================================================
   TWO SECTION LAYOUT
   ========================================================= */

.hc-drawer-header.two-sections .hc-drawer-header-start[b-esqa5e6m1r],
.hc-drawer-header.two-sections .hc-drawer-header-center[b-esqa5e6m1r],
.hc-drawer-header.two-sections .hc-drawer-header-end[b-esqa5e6m1r] {
    flex: 1 1 0;
}

/* =========================================================
   THREE SECTION LAYOUT
   ========================================================= */

.hc-drawer-header.three-sections .hc-drawer-header-start[b-esqa5e6m1r],
.hc-drawer-header.three-sections .hc-drawer-header-center[b-esqa5e6m1r],
.hc-drawer-header.three-sections .hc-drawer-header-end[b-esqa5e6m1r] {
    flex: 1 1 0;
}

/* =========================================================
   SECTION ALIGNMENT
   ========================================================= */

.hc-drawer-header-start[b-esqa5e6m1r] {
    justify-content: flex-start;
    flex: 1 1 auto;
}

.hc-drawer-header-center[b-esqa5e6m1r] {
    justify-content: center;
    flex: 1 1 auto;
    text-align: center;
}

.hc-drawer-header-end[b-esqa5e6m1r] {
    justify-content: flex-end;
    flex: 0 0 auto;
}

/* Keep action controls usable while the title region consumes remaining space. */
.hc-drawer-header.two-sections .hc-drawer-header-end[b-esqa5e6m1r],
.hc-drawer-header.three-sections .hc-drawer-header-end[b-esqa5e6m1r] {
    flex: 0 0 auto;
}

    /* =========================================================
   FLEX STABILIZATION
   ========================================================= */

    .hc-drawer-header-start > *[b-esqa5e6m1r],
    .hc-drawer-header-center > *[b-esqa5e6m1r],
    .hc-drawer-header-end > *[b-esqa5e6m1r] {
        min-width: 0;
        max-width: 100%;
    }

/* =========================================================
   SINGLE SECTION MODE
   ========================================================= */

.hc-drawer-header-single[b-esqa5e6m1r] {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
}

    .hc-drawer-header-single > *[b-esqa5e6m1r] {
        width: 100%;
        min-width: 0;
    }

/* =========================================================
   HEADER TEXT
   ========================================================= */

.hc-drawer-header-text[b-esqa5e6m1r] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

/* =========================================================
   TITLE
   ========================================================= */

.hc-drawer-header-title[b-esqa5e6m1r] {
    margin: 0;
    overflow: hidden;
    color: var(--hc-heading-color);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* =========================================================
   SUBTITLE
   ========================================================= */

.hc-drawer-header-subtitle[b-esqa5e6m1r] {
    margin: 0;
    overflow: hidden;
    color: var(--hc-muted-color);
    font-size: .92rem;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* =========================================================
   STICKY MODE
   ========================================================= */

.hc-drawer-header-sticky[b-esqa5e6m1r] {
    position: sticky;
    top: 0;
    z-index: 5;
    backdrop-filter: blur(12px);
}

/* =========================================================
   ENTERPRISE THEME SAFETY
   ========================================================= */

.hc-drawer-header *[b-esqa5e6m1r] {
    box-sizing: border-box;
}

.hc-drawer-header h1[b-esqa5e6m1r],
.hc-drawer-header h2[b-esqa5e6m1r],
.hc-drawer-header h3[b-esqa5e6m1r],
.hc-drawer-header h4[b-esqa5e6m1r],
.hc-drawer-header h5[b-esqa5e6m1r],
.hc-drawer-header h6[b-esqa5e6m1r],
.hc-drawer-header p[b-esqa5e6m1r] {
    margin: 0;
    min-width: 0;
}

/* =========================================================
   MOBILE VIEWPORT AND SAFE AREA
   ========================================================= */

@media (max-width: 767.98px) {
    .hc-drawer-header[b-esqa5e6m1r] {
        gap: .75rem;
        padding-top: max(.75rem, env(safe-area-inset-top));
        padding-right: max(1rem, env(safe-area-inset-right));
        padding-left: max(1rem, env(safe-area-inset-left));
    }

    .hc-drawer-header-start[b-esqa5e6m1r],
    .hc-drawer-header-center[b-esqa5e6m1r] {
        overflow: hidden;
    }
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/Drawers/HCDrawerSurface.razor.rz.scp.css */
.hc-drawer[b-kpk5pl2n2h] {
    position: fixed;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--hc-surface-bg);
    box-shadow: 0 20px 60px rgba(0,0,0,.22);
    max-width: 100vw;
    max-height: 100vh;
    pointer-events: auto;
}

.hc-drawer-container[b-kpk5pl2n2h] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border-radius: inherit;
    background: inherit;
}

.hc-drawer-header-wrapper[b-kpk5pl2n2h],
.hc-drawer-footer-wrapper[b-kpk5pl2n2h] {
    flex-shrink: 0;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.hc-drawer-body-wrapper[b-kpk5pl2n2h] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.hc-drawer-left[b-kpk5pl2n2h] {
    top: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
}

.hc-drawer-right[b-kpk5pl2n2h] {
    top: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
}

.hc-drawer-top[b-kpk5pl2n2h] {
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
}

.hc-drawer-bottom[b-kpk5pl2n2h] {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
}

.hc-drawer-fullscreen.hc-drawer-left[b-kpk5pl2n2h],
.hc-drawer-fullscreen.hc-drawer-right[b-kpk5pl2n2h] {
    width: 100vw !important;
}

.hc-drawer-fullscreen.hc-drawer-top[b-kpk5pl2n2h],
.hc-drawer-fullscreen.hc-drawer-bottom[b-kpk5pl2n2h] {
    height: 100vh !important;
}

/* Rounded drawers keep curvature only on edges that do not touch the viewport. */
.hc-drawer-rounded.hc-drawer-left[b-kpk5pl2n2h] {
    border-radius: 0 1rem 1rem 0;
}

.hc-drawer-rounded.hc-drawer-right[b-kpk5pl2n2h] {
    border-radius: 1rem 0 0 1rem;
}

.hc-drawer-rounded.hc-drawer-top[b-kpk5pl2n2h] {
    border-radius: 0 0 1rem 1rem;
}

.hc-drawer-rounded.hc-drawer-bottom[b-kpk5pl2n2h] {
    border-radius: 1rem 1rem 0 0;
}

.hc-drawer-fullscreen.hc-drawer-rounded[b-kpk5pl2n2h] {
    border-radius: 0;
}

.hc-drawer-shadow[b-kpk5pl2n2h] {
    box-shadow: 0 20px 60px rgba(0,0,0,.22);
}

.hc-drawer-border[b-kpk5pl2n2h] {
    border: 1px solid var(--hc-border-color);
}

.hc-drawer-animation-instant[b-kpk5pl2n2h] {
    animation: none !important;
}

.hc-drawer-loading[b-kpk5pl2n2h] {
    cursor: progress;
}

.hc-drawer-disabled[b-kpk5pl2n2h] {
    pointer-events: none;
    opacity: .65;
}

.hc-drawer-animation-slide.hc-drawer-right[b-kpk5pl2n2h] {
    animation: hc-drawer-right-enter-b-kpk5pl2n2h .25s ease;
}

.hc-drawer-animation-slide.hc-drawer-left[b-kpk5pl2n2h] {
    animation: hc-drawer-left-enter-b-kpk5pl2n2h .25s ease;
}

.hc-drawer-animation-slide.hc-drawer-top[b-kpk5pl2n2h] {
    animation: hc-drawer-top-enter-b-kpk5pl2n2h .25s ease;
}

.hc-drawer-animation-slide.hc-drawer-bottom[b-kpk5pl2n2h] {
    animation: hc-drawer-bottom-enter-b-kpk5pl2n2h .25s ease;
}

.hc-drawer-animation-fade[b-kpk5pl2n2h] {
    animation: hc-drawer-fade-enter-b-kpk5pl2n2h .2s ease;
}

.hc-drawer-animation-scale[b-kpk5pl2n2h] {
    animation: hc-drawer-scale-enter-b-kpk5pl2n2h .22s ease;
}

.hc-drawer-animation-bounce[b-kpk5pl2n2h] {
    animation: hc-drawer-bounce-enter-b-kpk5pl2n2h .3s ease;
}

@media (max-width: 767.98px) {
    .hc-drawer-mobile-fullscreen[b-kpk5pl2n2h] {
        inset: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        max-width: 100vw;
        max-height: 100vh;
        border-radius: 0;
    }

    .hc-drawer-left[b-kpk5pl2n2h],
    .hc-drawer-right[b-kpk5pl2n2h] {
        width: min(100vw, 92vw);
    }

    .hc-drawer-top[b-kpk5pl2n2h],
    .hc-drawer-bottom[b-kpk5pl2n2h] {
        height: min(100vh, 72vh);
    }
}

@keyframes hc-drawer-fade-enter-b-kpk5pl2n2h {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes hc-drawer-scale-enter-b-kpk5pl2n2h {
    from {
        opacity: 0;
        transform: scale(.96);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes hc-drawer-bounce-enter-b-kpk5pl2n2h {
    0% {
        opacity: 0;
        transform: scale(.96);
    }

    70% {
        opacity: 1;
        transform: scale(1.02);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes hc-drawer-right-enter-b-kpk5pl2n2h {
    from {
        opacity: 0;
        transform: translateX(100%);
    }

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

@keyframes hc-drawer-left-enter-b-kpk5pl2n2h {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }

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

@keyframes hc-drawer-top-enter-b-kpk5pl2n2h {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }

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

@keyframes hc-drawer-bottom-enter-b-kpk5pl2n2h {
    from {
        opacity: 0;
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/Drawers/HCDrawerTrigger.razor.rz.scp.css */
/*
 * HCDrawerTrigger composes HCButton so variants, sizing, focus treatment,
 * active state, and disabled state remain aligned with the button system.
 */
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCAlign.razor.rz.scp.css */
/* =========================================================
   ALIGN
   ========================================================= */

.hc-align[b-lc16odd81q] {
    display: flex;
    min-width: 0;
}

.hc-align-inline[b-lc16odd81q] {
    display: inline-flex;
}

.hc-align-vertical[b-lc16odd81q] {
    flex-direction: column;
}

.hc-align-start[b-lc16odd81q] {
    align-items: flex-start;
}

.hc-align-center[b-lc16odd81q] {
    align-items: center;
}

.hc-align-end[b-lc16odd81q] {
    align-items: flex-end;
}

.hc-align-stretch[b-lc16odd81q] {
    align-items: stretch;
}

.hc-align-baseline[b-lc16odd81q] {
    align-items: baseline;
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCAppShell.razor.rz.scp.css */
/* =========================================================
   APP SHELL
   ========================================================= */

.hc-app-shell[b-dg1e2xstc4] {
    display: flex;
    width: 100%;
    min-height: 100vh;
    background: var(--hc-shell-bg);
}

.hc-app-shell-sidebar[b-dg1e2xstc4] {
    display: var(--hc-app-shell-sidebar-display, block);
    flex-shrink: 0;
    width: var(--hc-shell-sidebar-width, 18rem);
    min-width: 0;
}

.hc-app-shell-sidebar-collapsed .hc-app-shell-sidebar[b-dg1e2xstc4] {
    width: var(--hc-shell-sidebar-collapsed-width, 4rem);
}

.hc-app-shell-main[b-dg1e2xstc4] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    min-height: 100vh;
}

.hc-app-shell-header[b-dg1e2xstc4],
.hc-app-shell-footer[b-dg1e2xstc4] {
    flex-shrink: 0;
}

.hc-app-shell-header[b-dg1e2xstc4] {
    display: var(--hc-app-shell-header-display, block);
}

.hc-app-shell-footer[b-dg1e2xstc4] {
    display: var(--hc-app-shell-footer-display, block);
}

.hc-app-shell-fixed-header .hc-app-shell-header[b-dg1e2xstc4] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.hc-app-shell-fixed-sidebar .hc-app-shell-sidebar[b-dg1e2xstc4] {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: auto;
}

.hc-app-shell-content[b-dg1e2xstc4] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}

@media (max-width: 767.98px) {
    .hc-app-shell[b-dg1e2xstc4] {
        flex-direction: column;
        min-height: 100dvh;
    }

    .hc-app-shell-sidebar[b-dg1e2xstc4] {
        width: 100%;
    }

    .hc-app-shell-sidebar-collapsed .hc-app-shell-sidebar[b-dg1e2xstc4] {
        width: 100%;
    }

    .hc-app-shell-fixed-sidebar .hc-app-shell-sidebar[b-dg1e2xstc4] {
        position: relative;
        top: auto;
        height: auto;
        max-height: none;
    }

    .hc-app-shell-main[b-dg1e2xstc4] {
        min-height: 0;
    }
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCCard.razor.rz.scp.css */
/* =========================================================
   CARD
========================================================= */

.hc-card[b-hyefkrs5rb] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    background: var(--hc-surface-bg);
    color: var(--hc-surface-color);
    box-shadow: var(--hc-shadow-md, 0 8px 24px rgba(0,0,0,.12));
}

.hc-card-hoverable[b-hyefkrs5rb] {
    transition: transform var(--hc-transition-base,.2s ease), box-shadow var(--hc-transition-base,.2s ease);
}

    .hc-card-hoverable:hover[b-hyefkrs5rb] {
        transform: translateY(-2px);
    }

.hc-card-flat[b-hyefkrs5rb] {
    box-shadow: none;
}

.hc-card-bordered[b-hyefkrs5rb] {
    border: 1px solid var(--hc-border-color);
}

.hc-card-header[b-hyefkrs5rb],
.hc-card-footer[b-hyefkrs5rb] {
    flex-shrink: 0;
    padding: var(--hc-spacing-md,1rem) var(--hc-spacing-lg,1.5rem);
}

.hc-card-body[b-hyefkrs5rb] {
    box-sizing: border-box;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: var(--hc-spacing-lg,1.5rem);
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCContainer.razor.rz.scp.css */
/* =========================================================
   CONTAINER
========================================================= */

.hc-container[b-leyy23arao] {
    width: 100%;
    min-width: 0;
    padding-inline: var(--hc-spacing-md, 1rem);
}

.hc-container-centered[b-leyy23arao] {
    margin-inline: auto;
}

.hc-container-fluid[b-leyy23arao] {
    max-width: 100%;
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCGrid.razor.rz.scp.css */
/* =========================================================
   GRID
========================================================= */

.hc-grid[b-rfa4cj1x3g] {
    display: grid;
    width: 100%;
    min-width: 0;
}

/* =========================================================
   GAP
   ========================================================= */

.hc-gap-none[b-rfa4cj1x3g] {
    gap: 0;
}

.hc-gap-xs[b-rfa4cj1x3g] {
    gap: var(--hc-spacing-xs, .25rem);
}

.hc-gap-sm[b-rfa4cj1x3g] {
    gap: var(--hc-spacing-sm, .5rem);
}

.hc-gap-md[b-rfa4cj1x3g] {
    gap: var(--hc-spacing-md, 1rem);
}

.hc-gap-lg[b-rfa4cj1x3g] {
    gap: var(--hc-spacing-lg, 1.5rem);
}

.hc-gap-xl[b-rfa4cj1x3g] {
    gap: var(--hc-spacing-xl, 2rem);
}

.hc-gap-xxl[b-rfa4cj1x3g] {
    gap: var(--hc-spacing-xxl, 3rem);
}

/* =========================================================
   ALIGN
   ========================================================= */

.hc-align-start[b-rfa4cj1x3g] {
    align-items: flex-start;
}

.hc-align-center[b-rfa4cj1x3g] {
    align-items: center;
}

.hc-align-end[b-rfa4cj1x3g] {
    align-items: flex-end;
}

.hc-align-stretch[b-rfa4cj1x3g] {
    align-items: stretch;
}

/* =========================================================
   JUSTIFY
   ========================================================= */

.hc-justify-start[b-rfa4cj1x3g] {
    justify-content: flex-start;
}

.hc-justify-center[b-rfa4cj1x3g] {
    justify-content: center;
}

.hc-justify-end[b-rfa4cj1x3g] {
    justify-content: flex-end;
}

.hc-justify-between[b-rfa4cj1x3g] {
    justify-content: space-between;
}

.hc-justify-around[b-rfa4cj1x3g] {
    justify-content: space-around;
}

.hc-justify-evenly[b-rfa4cj1x3g] {
    justify-content: space-evenly;
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCGridItem.razor.rz.scp.css */
/* =========================================================
   GRID ITEM
========================================================= */

.hc-grid-item[b-q5uev4dgsn] {
    min-width: 0;
    min-height: 0;
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCHide.razor.rz.scp.css */
/* =========================================================
   HIDE
   ========================================================= */

.hc-hide[b-xzx5dwoc88] {
    min-width: 0;
}

@media (max-width: 767.98px) {
    .hc-hide-mobile[b-xzx5dwoc88] {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .hc-hide-desktop[b-xzx5dwoc88] {
        display: none !important;
    }
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCInline.razor.rz.scp.css */
/* =========================================================
   INLINE
========================================================= */

.hc-inline[b-fm8umgkr4l] {
    display: flex;
    flex-flow: row wrap;
    min-width: 0;
}

.hc-inline-nowrap[b-fm8umgkr4l] {
    flex-wrap: nowrap;
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCJustify.razor.rz.scp.css */
/* =========================================================
   JUSTIFY
   ========================================================= */

.hc-justify[b-01iqnov644] {
    display: flex;
    min-width: 0;
}

.hc-justify-inline[b-01iqnov644] {
    display: inline-flex;
}

.hc-justify-vertical[b-01iqnov644] {
    flex-direction: column;
}

.hc-justify-start[b-01iqnov644] {
    justify-content: flex-start;
}

.hc-justify-center[b-01iqnov644] {
    justify-content: center;
}

.hc-justify-end[b-01iqnov644] {
    justify-content: flex-end;
}

.hc-justify-between[b-01iqnov644] {
    justify-content: space-between;
}

.hc-justify-around[b-01iqnov644] {
    justify-content: space-around;
}

.hc-justify-evenly[b-01iqnov644] {
    justify-content: space-evenly;
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCLayoutHost.razor.rz.scp.css */
.hc-layout-host-root[b-iglapcb68m] {
    position: relative;
    width: 100%;
    min-height: 100%;
}

.hc-layout-host[b-iglapcb68m] {
    isolation: isolate;
    position: fixed;
    inset: 0;
    z-index: var(--hc-layout-host-z-index, 2147482000);
    pointer-events: none;
}

.hc-layout-instance[b-iglapcb68m] {
    position: fixed;
    inset: 0;
    pointer-events: none;
}

    .hc-layout-instance > *[b-iglapcb68m] {
        pointer-events: auto;
    }

.hc-layout-overlay[b-iglapcb68m] {
    position: fixed;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(15, 23, 42, .45);
    cursor: default;
}

.hc-layout-overlay-blur[b-iglapcb68m] {
    backdrop-filter: blur(4px);
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCPage.razor.rz.scp.css */
/* =========================================================
   PAGE
========================================================= */

.hc-page[b-7qfm5xnaun] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: 100%;
    gap: var(--hc-spacing-lg, 1.5rem);
}

/* An intentionally empty header slot must not reserve a header gap or reduce the page body. */
.hc-page:has(> .hc-page-header:empty)[b-7qfm5xnaun] {
    gap: 0;
}

.hc-page-header[b-7qfm5xnaun] {
    flex-shrink: 0;
    min-width: 0;
}

.hc-page-header:empty[b-7qfm5xnaun] {
    display: none;
}

.hc-page-body[b-7qfm5xnaun] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCPageActions.razor.rz.scp.css */
/* =========================================================
   PAGE ACTIONS
   ========================================================= */

.hc-shell-page-actions[b-9i7qu9q9va] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-width: 0;
    gap: var(--hc-spacing-sm, .5rem);
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCPageBody.razor.rz.scp.css */
/* =========================================================
   PAGE BODY
   ========================================================= */

.hc-shell-page-body[b-8fsicfk38o] {
    width: 100%;
    min-width: 0;
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCPageHeader.razor.rz.scp.css */
/* =========================================================
   PAGE HEADER
   ========================================================= */

.hc-shell-page-header[b-wlcaibfjtv] {
    display: var(--hc-page-header-display, flex);
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    padding:0 2rem;
    gap: var(--hc-spacing-lg);
    flex-wrap: wrap;
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCPageTitle.razor.rz.scp.css */
/* =========================================================
   PAGE TITLE
   ========================================================= */

.hc-shell-page-title-wrapper[b-5bi53fkqz2] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: .25rem;
}

.hc-shell-page-title[b-5bi53fkqz2] {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: var(--hc-font-size-xl, 1.25rem);
    font-weight: var(--hc-font-weight-bold, 700);
    line-height: 1.2;
}

.hc-shell-page-subtitle[b-5bi53fkqz2] {
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--hc-muted-color);
    font-size: var(--hc-font-size-sm, .875rem);

}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCPaper.razor.rz.scp.css */
/* =========================================================
   PAPER
========================================================= */

.hc-paper[b-9keqkvmzh3] {
    min-width: 0;
    background: var(--hc-surface-bg);
    color: var(--hc-surface-color);
}

.hc-paper-rounded[b-9keqkvmzh3] {
    border-radius: var(--hc-radius-lg, 1rem);
}

.hc-paper-elevated[b-9keqkvmzh3] {
    box-shadow: var(--hc-shadow-md, 0 8px 24px rgba(0,0,0,.12));
}

.hc-paper-outlined[b-9keqkvmzh3] {
    border: 1px solid var(--hc-border-color);
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCResponsiveContainer.razor.rz.scp.css */
/* =========================================================
   RESPONSIVE CONTAINER
========================================================= */

.hc-responsive-container[b-vxdqe5geqm] {
    width: 100%;
    min-width: 0;
    margin-inline: auto;
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCSection.razor.rz.scp.css */
/* =========================================================
   SECTION
========================================================= */

.hc-section[b-zrmwz6tytj] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: var(--hc-spacing-md, 1rem);
    background: var(--hc-surface-bg);
    color: var(--hc-surface-color);
}

.hc-section-flush[b-zrmwz6tytj] {
    gap: 0;
}

.hc-section-header[b-zrmwz6tytj] {
    flex-shrink: 0;
    min-width: 0;
}

.hc-section-body[b-zrmwz6tytj] {
    flex: 1 1 auto;
    min-width: 0;
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCShellContent.razor.rz.scp.css */
/* =========================================================
   SHELL CONTENT
   ========================================================= */

.hc-shell-content[b-3qmcv1zkdo] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCShellFooter.razor.rz.scp.css */
/* =========================================================
   SHELL FOOTER
   ========================================================= */

.hc-shell-footer[b-ojjlr80elz] {
    width: 100%;
    min-width: 0;
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCShellHeader.razor.rz.scp.css */
/* =========================================================
   SHELL HEADER
   ========================================================= */

.hc-shell-header[b-r89hicbl0s] {
    width: 100%;
    min-width: 0;
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCShellSidebar.razor.rz.scp.css */
/* =========================================================
   SHELL SIDEBAR
   ========================================================= */

.hc-shell-sidebar[b-vm89izo935] {
    width: 100%;
    min-width: 0;
}

.hc-shell-sidebar-collapsed[b-vm89izo935] {
    overflow: hidden;
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCStack.razor.rz.scp.css */
/* =========================================================
   STACK
========================================================= */

.hc-stack[b-k4lg3znqxc] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.hc-stack-inline[b-k4lg3znqxc] {
    display: inline-flex;
}

.hc-stack-reverse[b-k4lg3znqxc] {
    flex-direction: column-reverse;
}

/* =========================================================
   GAP
   ========================================================= */

.hc-stack-gap-none[b-k4lg3znqxc] {
    gap: 0;
}

.hc-stack-gap-xs[b-k4lg3znqxc] {
    gap: var(--hc-spacing-xs, .25rem);
}

.hc-stack-gap-sm[b-k4lg3znqxc] {
    gap: var(--hc-spacing-sm, .5rem);
}

.hc-stack-gap-md[b-k4lg3znqxc] {
    gap: var(--hc-spacing-md, 1rem);
}

.hc-stack-gap-lg[b-k4lg3znqxc] {
    gap: var(--hc-spacing-lg, 1.5rem);
}

.hc-stack-gap-xl[b-k4lg3znqxc] {
    gap: var(--hc-spacing-xl, 2rem);
}

.hc-stack-gap-xxl[b-k4lg3znqxc] {
    gap: var(--hc-spacing-xxl, 3rem);
}

/* =========================================================
   ALIGN
   ========================================================= */

.hc-stack-align-start[b-k4lg3znqxc] {
    align-items: flex-start;
}

.hc-stack-align-center[b-k4lg3znqxc] {
    align-items: center;
}

.hc-stack-align-end[b-k4lg3znqxc] {
    align-items: flex-end;
}

.hc-stack-align-stretch[b-k4lg3znqxc] {
    align-items: stretch;
}

/* =========================================================
   JUSTIFY
   ========================================================= */

.hc-stack-justify-start[b-k4lg3znqxc] {
    justify-content: flex-start;
}

.hc-stack-justify-center[b-k4lg3znqxc] {
    justify-content: center;
}

.hc-stack-justify-end[b-k4lg3znqxc] {
    justify-content: flex-end;
}

.hc-stack-justify-between[b-k4lg3znqxc] {
    justify-content: space-between;
}

.hc-stack-justify-around[b-k4lg3znqxc] {
    justify-content: space-around;
}

.hc-stack-justify-evenly[b-k4lg3znqxc] {
    justify-content: space-evenly;
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCSurface.razor.rz.scp.css */
/* =========================================================
   SURFACE
========================================================= */

.hc-surface[b-3qj1tpoq98] {
    min-width: 0;
    background: var(--hc-surface-bg);
    color: var(--hc-surface-color);
    padding: var(--hc-surface-padding, 1.5rem);
}

.hc-surface-rounded[b-3qj1tpoq98] {
    border-radius: var(--hc-radius-lg, 1rem);
}

.hc-surface-elevated[b-3qj1tpoq98] {
    box-shadow: var(--hc-shadow-md, 0 8px 24px rgba(0,0,0,.12));
}

.hc-surface-outlined[b-3qj1tpoq98] {
    border: 1px solid var(--hc-border-color);
}

.hc-surface-transparent[b-3qj1tpoq98] {
    background: transparent;
    box-shadow: none;
}

/* =========================================================
   PADDING
   ========================================================= */

.hc-surface-padding-none[b-3qj1tpoq98] {
    --hc-surface-padding: 0;
}

.hc-surface-padding-xs[b-3qj1tpoq98] {
    --hc-surface-padding: var(--hc-spacing-xs, .25rem);
}

.hc-surface-padding-sm[b-3qj1tpoq98] {
    --hc-surface-padding: var(--hc-spacing-sm, .5rem);
}

.hc-surface-padding-md[b-3qj1tpoq98] {
    --hc-surface-padding: var(--hc-spacing-md, 1rem);
}

.hc-surface-padding-lg[b-3qj1tpoq98] {
    --hc-surface-padding: var(--hc-spacing-lg, 1.5rem);
}

.hc-surface-padding-xl[b-3qj1tpoq98] {
    --hc-surface-padding: var(--hc-spacing-xl, 2rem);
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/HCWidget.razor.rz.scp.css */
/* =========================================================
   WIDGET ROOT
   ========================================================= */

.hc-widget[b-az9x4d8iv1] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background: var(--hc-surface-bg);
    color: var(--hc-surface-color);
    transition: var(--hc-transition);
}

.hc-widget-rounded[b-az9x4d8iv1] {
    border-radius: var(--hc-radius-lg);
}

.hc-widget-bordered[b-az9x4d8iv1] {
    border: 1px solid var(--hc-border-color);
}

.hc-widget-elevated[b-az9x4d8iv1] {
    box-shadow: var(--hc-shadow-md);
}

.hc-widget-disabled[b-az9x4d8iv1] {
    opacity: .62;
    pointer-events: none;
}

.hc-widget-readonly[b-az9x4d8iv1] {
    --hc-widget-readonly-ring: inset 0 0 0 1px var(--hc-border-soft);
    box-shadow: var(--hc-widget-readonly-ring);
}

.hc-widget-fullscreen[b-az9x4d8iv1] {
    z-index: var(--hc-z-fixed);
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    position: fixed;
    inset: var(--hc-spacing-md);
    box-shadow: var(--hc-shadow-menu);
}

/* =========================================================
   HEADER
   ========================================================= */

.hc-widget-header[b-az9x4d8iv1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--hc-spacing-md);
    min-width: 0;
    padding: var(--hc-spacing-md) var(--hc-spacing-lg);
    border-bottom: 1px solid var(--hc-border-soft);
    background: var(--hc-surface-bg);
}

.hc-widget-compact .hc-widget-header[b-az9x4d8iv1] {
    padding: var(--hc-spacing-sm) var(--hc-spacing-md);
}

.hc-widget-heading[b-az9x4d8iv1],
.hc-widget-header-custom[b-az9x4d8iv1] {
    display: flex;
    align-items: flex-start;
    gap: var(--hc-spacing-sm);
    min-width: 0;
}

.hc-widget-heading-content[b-az9x4d8iv1] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: .125rem;
}

.hc-widget-icon[b-az9x4d8iv1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    border-radius: var(--hc-radius-sm);
    background: var(--hc-primary-bg);
    color: var(--hc-primary);
    font-size: 1rem;
}

.hc-widget-title[b-az9x4d8iv1] {
    margin: 0;
    color: var(--hc-heading-color);
    font-size: var(--hc-font-size-lg);
    font-weight: var(--hc-font-weight-semibold);
    line-height: 1.3;
    
}

    .hc-widget-title span[b-az9x4d8iv1] {
        padding-right: .25rem;
    }

.hc-widget-subtitle[b-az9x4d8iv1] {
    color: var(--hc-muted-color);
    font-size: var(--hc-font-size-sm);
    font-weight: var(--hc-font-weight-medium);
    line-height: 1.35;
}

.hc-widget-description[b-az9x4d8iv1] {
    margin: .125rem 0 0;
    color: var(--hc-text-soft);
    font-size: var(--hc-font-size-sm);
    line-height: 1.45;
}

/* =========================================================
   TOOLBAR
   ========================================================= */

.hc-widget-toolbar[b-az9x4d8iv1] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--hc-spacing-xs);
    flex: 0 0 auto;
}

/* =========================================================
   BODY
   ========================================================= */

.hc-widget-body[b-az9x4d8iv1] {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    padding: var(--hc-spacing-lg);
}

.hc-widget-toolbar-overlay[b-az9x4d8iv1] {
    position: absolute;
    top: var(--hc-spacing-sm);
    inset-inline-end: var(--hc-spacing-sm);
    z-index: var(--hc-z-dropdown);
}

.hc-widget-compact .hc-widget-body[b-az9x4d8iv1] {
    padding: var(--hc-spacing-md);
}

.hc-widget-flush .hc-widget-body[b-az9x4d8iv1] {
    padding: 0;
}

/* =========================================================
   STATES
   ========================================================= */

.hc-widget-state[b-az9x4d8iv1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--hc-spacing-md);
    min-height: 8rem;
    padding: var(--hc-spacing-lg);
    color: var(--hc-muted-color);
    text-align: center;
}

.hc-widget-state-icon[b-az9x4d8iv1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 auto;
    border-radius: var(--hc-radius-md);
    background: var(--hc-surface-muted-bg);
    color: var(--hc-muted-color);
    font-size: 1.25rem;
}

.hc-widget-state-content[b-az9x4d8iv1] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
    min-width: 0;
    text-align: left;
}

.hc-widget-state-title[b-az9x4d8iv1] {
    color: var(--hc-heading-color);
    font-size: var(--hc-font-size-md);
    font-weight: var(--hc-font-weight-semibold);
    line-height: 1.35;
}

.hc-widget-state-description[b-az9x4d8iv1] {
    color: var(--hc-muted-color);
    font-size: var(--hc-font-size-sm);
    line-height: 1.45;
}

.hc-widget-loading-state[b-az9x4d8iv1] {
    flex-direction: row;
}

.hc-widget-empty-state .hc-widget-state-icon[b-az9x4d8iv1] {
    background: var(--hc-info-bg);
    color: var(--hc-info);
}

.hc-widget-error-state .hc-widget-state-icon[b-az9x4d8iv1] {
    background: var(--hc-error-bg);
    color: var(--hc-error);
}

.hc-widget-spinner[b-az9x4d8iv1] {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
    border: 2px solid var(--hc-border-color);
    border-top-color: var(--hc-primary);
    border-radius: 9999px;
    animation: hc-widget-spin-b-az9x4d8iv1 .75s linear infinite;
}

.hc-widget-loading-text[b-az9x4d8iv1] {
    color: var(--hc-muted-color);
    font-size: var(--hc-font-size-sm);
    font-weight: var(--hc-font-weight-medium);
}

/* =========================================================
   FOOTER
   ========================================================= */

.hc-widget-footer[b-az9x4d8iv1] {
    flex: 0 0 auto;
    padding: var(--hc-spacing-md) var(--hc-spacing-lg);
    border-top: 1px solid var(--hc-border-soft);
    background: var(--hc-surface-muted-bg);
}

.hc-widget-compact .hc-widget-footer[b-az9x4d8iv1] {
    padding: var(--hc-spacing-sm) var(--hc-spacing-md);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 640px) {
    .hc-widget-header[b-az9x4d8iv1] {
        flex-direction: column;
        align-items: stretch;
    }

    .hc-widget-toolbar[b-az9x4d8iv1] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .hc-widget-state[b-az9x4d8iv1] {
        flex-direction: column;
        align-items: center;
    }

    .hc-widget-state-content[b-az9x4d8iv1] {
        align-items: center;
        text-align: center;
    }
}

/* =========================================================
   ANIMATION
   ========================================================= */

@keyframes hc-widget-spin-b-az9x4d8iv1 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/Modals/HCModal.razor.rz.scp.css */
.hc-modal[b-kn6o6pmode] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    pointer-events: none;
}

.hc-modal-container[b-kn6o6pmode] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: var(--hc-modal-width, 560px);
    height: var(--hc-modal-height, auto);
    max-height: calc(100vh - 4rem);
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--hc-border-color);
    border-radius: 1rem;
    background: var(--hc-surface-bg);
    box-shadow: 0 20px 60px rgba(15,23,42,.24);
    pointer-events: auto;
}

.hc-modal-rounded .hc-modal-container[b-kn6o6pmode] {
    border-radius: 1rem;
}

.hc-modal-sm .hc-modal-container[b-kn6o6pmode] {
    max-width: 420px;
}

.hc-modal-md .hc-modal-container[b-kn6o6pmode] {
    max-width: 560px;
}

.hc-modal-lg .hc-modal-container[b-kn6o6pmode] {
    max-width: 720px;
}

.hc-modal-xl .hc-modal-container[b-kn6o6pmode] {
    max-width: 960px;
}

.hc-modal-fullscreen[b-kn6o6pmode] {
    padding: 0;
}

.hc-modal-fullscreen .hc-modal-container[b-kn6o6pmode] {
    width: 100vw;
    max-width: none;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
}

.hc-modal-custom .hc-modal-container[b-kn6o6pmode] {
    max-width: var(--hc-modal-width, 720px);
}

.hc-modal-square .hc-modal-container[b-kn6o6pmode] {
    border-radius: 0;
}

.hc-modal-variant-success .hc-modal-container[b-kn6o6pmode] {
    border-top: 4px solid var(--hc-success, #198754);
}

.hc-modal-variant-danger .hc-modal-container[b-kn6o6pmode] {
    border-top: 4px solid var(--hc-error, #dc3545);
}

.hc-modal-variant-warning .hc-modal-container[b-kn6o6pmode] {
    border-top: 4px solid var(--hc-warning, #f59e0b);
}

.hc-modal-variant-info .hc-modal-container[b-kn6o6pmode] {
    border-top: 4px solid var(--hc-info, #0d6efd);
}

.hc-modal-variant-glass .hc-modal-container[b-kn6o6pmode] {
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(255, 255, 255, .48);
    backdrop-filter: blur(18px);
}

.hc-modal-animation-fade .hc-modal-container[b-kn6o6pmode] {
    animation: hc-modal-fade-enter-b-kn6o6pmode .2s ease;
}

.hc-modal-animation-scale .hc-modal-container[b-kn6o6pmode] {
    animation: hc-modal-scale-enter-b-kn6o6pmode .2s ease;
}

.hc-modal-animation-slide .hc-modal-container[b-kn6o6pmode] {
    animation: hc-modal-slide-enter-b-kn6o6pmode .24s ease;
}

.hc-modal-animation-bounce .hc-modal-container[b-kn6o6pmode] {
    animation: hc-modal-bounce-enter-b-kn6o6pmode .3s ease;
}

.hc-modal-animation-none .hc-modal-container[b-kn6o6pmode] {
    animation: none;
}

@media (max-width: 767.98px) {
    .hc-modal[b-kn6o6pmode] {
        align-items: flex-end;
        padding: 1rem;
    }

    .hc-modal-container[b-kn6o6pmode] {
        max-width: 100%;
        max-height: calc(100vh - 2rem);
        border-radius: 1rem;
    }

    .hc-modal-mobile-fullscreen[b-kn6o6pmode] {
        align-items: stretch;
        padding: 0;
    }

    .hc-modal-mobile-fullscreen .hc-modal-container[b-kn6o6pmode] {
        width: 100vw;
        max-width: none;
        height: 100vh;
        max-height: 100vh;
        border-radius: 0;
    }

    .hc-modal-fullscreen[b-kn6o6pmode] {
        align-items: stretch;
        padding: 0;
    }

    .hc-modal-fullscreen .hc-modal-container[b-kn6o6pmode],
    .hc-modal-square .hc-modal-container[b-kn6o6pmode] {
        border-radius: 0;
    }
}

@keyframes hc-modal-fade-enter-b-kn6o6pmode {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes hc-modal-scale-enter-b-kn6o6pmode {
    from {
        opacity: 0;
        transform: scale(.96);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes hc-modal-slide-enter-b-kn6o6pmode {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }

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

@keyframes hc-modal-bounce-enter-b-kn6o6pmode {
    0% {
        opacity: 0;
        transform: scale(.96);
    }

    70% {
        opacity: 1;
        transform: scale(1.02);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/Modals/HCModalBody.razor.rz.scp.css */
.hc-modal-body[b-ko7bg9rnxs] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding: 1.5rem;
    background: var(--hc-surface-bg);
}

/* Keep section-based content usable while the modal body owns scrolling. */
.hc-modal-body > :is(section, article)[b-ko7bg9rnxs] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.hc-modal-body > :is(section, article) > header[b-ko7bg9rnxs] {
    position: sticky;
    z-index: 4;
    top: -1.5rem;
    margin: -1.5rem -1.5rem 1.25rem;
    background: var(--hc-surface-bg, #fff);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .04);
}

.hc-modal-body :is(section, article, form) > footer[b-ko7bg9rnxs] {
    position: sticky;
    z-index: 4;
    bottom: -1.5rem;
    margin: 1.25rem -1.5rem -1.5rem;
    background: var(--hc-surface-bg, #fff);
    box-shadow: 0 -8px 20px rgba(15, 23, 42, .04);
}

    .hc-modal-body[b-ko7bg9rnxs]::-webkit-scrollbar {
        width: 10px;
    }

    .hc-modal-body[b-ko7bg9rnxs]::-webkit-scrollbar-thumb {
        background: rgba(148,163,184,.35);
        border-radius: 999px;
    }

        .hc-modal-body[b-ko7bg9rnxs]::-webkit-scrollbar-thumb:hover {
            background: rgba(148,163,184,.5);
        }
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/Modals/HCModalFooter.razor.rz.scp.css */
.hc-modal-footer[b-b0z05mawk9] {
    position: relative;
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    flex-shrink: 0;
    min-height: 60px;
    padding: .875rem 1.25rem;
    background: var(--hc-surface-bg);
    border-top: 1px solid var(--hc-border-color);
}

.hc-modal-footer-start[b-b0z05mawk9],
.hc-modal-footer-center[b-b0z05mawk9],
.hc-modal-footer-end[b-b0z05mawk9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    min-width: 0;
    max-width: 100%;
}

.hc-modal-footer-single > *[b-b0z05mawk9] {
    width: 100%;
}

.hc-modal-footer-start[b-b0z05mawk9],
.hc-modal-footer-end[b-b0z05mawk9] {
    flex: 1 1 0;
}

.hc-modal-footer-center[b-b0z05mawk9] {
    flex: 1 1 0;
    justify-content: center;
}

.hc-modal-footer-end[b-b0z05mawk9] {
    justify-content: flex-end;
}

.hc-modal-footer.two-sections .hc-modal-footer-end[b-b0z05mawk9] {
    flex: 0 1 auto;
    margin-inline-start: auto;
}

.hc-modal-footer.three-sections .hc-modal-footer-start[b-b0z05mawk9],
.hc-modal-footer.three-sections .hc-modal-footer-center[b-b0z05mawk9],
.hc-modal-footer.three-sections .hc-modal-footer-end[b-b0z05mawk9] {
    flex: 1 1 0;
}

.hc-modal-footer-single[b-b0z05mawk9] {
    width: 100%;
    display: flex;
    align-items: center;
    min-width: 0;
}

    .hc-modal-footer-single > *[b-b0z05mawk9] {
        width: 100%;
    }

.hc-modal-footer-sticky[b-b0z05mawk9] {
    position: sticky;
    bottom: 0;
    z-index: 5;
    backdrop-filter: blur(12px);
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/Modals/HCModalHeader.razor.rz.scp.css */
.hc-modal-header[b-x1tuerf5rw] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
    min-height: 60px;
    padding: .875rem 1.25rem;
    background: var(--hc-surface-bg);
    border-bottom: 1px solid var(--hc-border-color);
}

.hc-modal-header-start[b-x1tuerf5rw],
.hc-modal-header-center[b-x1tuerf5rw],
.hc-modal-header-end[b-x1tuerf5rw] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.hc-modal-header.two-sections .hc-modal-header-start[b-x1tuerf5rw],
.hc-modal-header.two-sections .hc-modal-header-center[b-x1tuerf5rw],
.hc-modal-header.two-sections .hc-modal-header-end[b-x1tuerf5rw] {
    width: auto;
}

.hc-modal-header.three-sections .hc-modal-header-start[b-x1tuerf5rw],
.hc-modal-header.three-sections .hc-modal-header-center[b-x1tuerf5rw],
.hc-modal-header.three-sections .hc-modal-header-end[b-x1tuerf5rw] {
    width: auto;
}

.hc-modal-header-single > *[b-x1tuerf5rw] {
    width: 100%;
}

.hc-modal-header-start[b-x1tuerf5rw] {
    flex: 0 0 auto;
}

.hc-modal-header-center[b-x1tuerf5rw] {
    flex: 1 1 auto;
    justify-content: flex-start;
}

.hc-modal-header-end[b-x1tuerf5rw] {
    flex: 0 0 auto;
    justify-content: flex-end;
}

.hc-modal-header-has-center-content .hc-modal-header-center[b-x1tuerf5rw] {
    justify-content: center;
    text-align: center;
}

.hc-modal-header-single[b-x1tuerf5rw] {
    width: 100%;
    display: flex;
    align-items: center;
    min-width: 0;
}

    .hc-modal-header-single > *[b-x1tuerf5rw] {
        width: 100%;
    }

.hc-modal-header-text[b-x1tuerf5rw] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    width: 100%;
    min-width: 0;
}

.hc-modal-header-title[b-x1tuerf5rw] {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--hc-heading-color);
}

.hc-modal-header-subtitle[b-x1tuerf5rw] {
    font-size: .92rem;
    line-height: 1.45;
    color: var(--hc-muted-color);
}

.hc-modal-header-sticky[b-x1tuerf5rw] {
    position: sticky;
    top: 0;
    z-index: 5;
    backdrop-filter: blur(12px);
}
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/Modals/HCModalTrigger.razor.rz.scp.css */
/*
 * HCModalTrigger composes HCButton so variants, sizing, focus treatment,
 * active state, and disabled state remain aligned with the button system.
 */
/* _content/Hoodcoder.Blazor/Components/Layouts/Shared/Modals/HCModelSurface.razor.rz.scp.css */
.hc-drawer[b-qme2pgzcbd] {
    position: fixed;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--hc-surface-bg);
    box-shadow: 0 20px 60px rgba(0,0,0,.22);
    max-width: 100vw;
    max-height: 100vh;
    pointer-events: auto;
}

.hc-drawer-header-wrapper[b-qme2pgzcbd],
.hc-drawer-footer-wrapper[b-qme2pgzcbd] {
    flex-shrink: 0;
    min-width: 0;
}

.hc-drawer-body-wrapper[b-qme2pgzcbd] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.hc-drawer-left[b-qme2pgzcbd] {
    top: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
}

.hc-drawer-right[b-qme2pgzcbd] {
    top: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
}

.hc-drawer-top[b-qme2pgzcbd] {
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
}

.hc-drawer-bottom[b-qme2pgzcbd] {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
}

.hc-drawer-fullscreen.hc-drawer-left[b-qme2pgzcbd],
.hc-drawer-fullscreen.hc-drawer-right[b-qme2pgzcbd] {
    width: 100vw !important;
}

.hc-drawer-fullscreen.hc-drawer-top[b-qme2pgzcbd],
.hc-drawer-fullscreen.hc-drawer-bottom[b-qme2pgzcbd] {
    height: 100vh !important;
}

.hc-drawer-rounded[b-qme2pgzcbd] {
    border-radius: 1rem;
}

.hc-drawer-fullscreen.hc-drawer-rounded[b-qme2pgzcbd] {
    border-radius: 0;
}

.hc-drawer-mobile-fullscreen.hc-drawer-rounded[b-qme2pgzcbd] {
    border-radius: 1rem;
}

.hc-drawer-shadow[b-qme2pgzcbd] {
    box-shadow: 0 20px 60px rgba(0,0,0,.22);
}

.hc-drawer-border[b-qme2pgzcbd] {
    border: 1px solid var(--hc-border-color);
}

.hc-drawer-animation-instant[b-qme2pgzcbd] {
    animation: none !important;
}

.hc-drawer-loading[b-qme2pgzcbd] {
    cursor: progress;
}

.hc-drawer-disabled[b-qme2pgzcbd] {
    pointer-events: none;
    opacity: .65;
}

.hc-drawer-animation-slide.hc-drawer-right[b-qme2pgzcbd] {
    animation: hc-drawer-right-enter-b-qme2pgzcbd .25s ease;
}

.hc-drawer-animation-slide.hc-drawer-left[b-qme2pgzcbd] {
    animation: hc-drawer-left-enter-b-qme2pgzcbd .25s ease;
}

.hc-drawer-animation-slide.hc-drawer-top[b-qme2pgzcbd] {
    animation: hc-drawer-top-enter-b-qme2pgzcbd .25s ease;
}

.hc-drawer-animation-slide.hc-drawer-bottom[b-qme2pgzcbd] {
    animation: hc-drawer-bottom-enter-b-qme2pgzcbd .25s ease;
}

.hc-drawer-animation-fade[b-qme2pgzcbd] {
    animation: hc-drawer-fade-enter-b-qme2pgzcbd .2s ease;
}

.hc-drawer-animation-scale[b-qme2pgzcbd] {
    animation: hc-drawer-scale-enter-b-qme2pgzcbd .22s ease;
}

.hc-drawer-animation-bounce[b-qme2pgzcbd] {
    animation: hc-drawer-bounce-enter-b-qme2pgzcbd .3s ease;
}

@media (max-width: 767.98px) {
    .hc-drawer-mobile-fullscreen[b-qme2pgzcbd] {
        inset: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        max-width: 100vw;
        max-height: 100vh;
        border-radius: 0;
    }

    .hc-drawer-left[b-qme2pgzcbd],
    .hc-drawer-right[b-qme2pgzcbd] {
        width: min(100vw, 92vw);
    }

    .hc-drawer-top[b-qme2pgzcbd],
    .hc-drawer-bottom[b-qme2pgzcbd] {
        height: min(100vh, 72vh);
    }
}

@keyframes hc-drawer-fade-enter-b-qme2pgzcbd {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes hc-drawer-scale-enter-b-qme2pgzcbd {
    from {
        opacity: 0;
        transform: scale(.96);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes hc-drawer-bounce-enter-b-qme2pgzcbd {
    0% {
        opacity: 0;
        transform: scale(.96);
    }

    70% {
        opacity: 1;
        transform: scale(1.02);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes hc-drawer-right-enter-b-qme2pgzcbd {
    from {
        opacity: 0;
        transform: translateX(100%);
    }

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

@keyframes hc-drawer-left-enter-b-qme2pgzcbd {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }

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

@keyframes hc-drawer-top-enter-b-qme2pgzcbd {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }

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

@keyframes hc-drawer-bottom-enter-b-qme2pgzcbd {
    from {
        opacity: 0;
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/Hoodcoder.Blazor/Components/Metrics/Shared/HCKPI.razor.rz.scp.css */
/* =========================================================
   KPI SHELL
   ========================================================= */

[b-bruxad59og] .hc-kpi {
    --hc-kpi-accent: var(--hc-primary);
    --hc-kpi-accent-bg: var(--hc-primary-bg);
}

[b-bruxad59og] .hc-kpi-tone-default {
    --hc-kpi-accent: var(--hc-primary);
    --hc-kpi-accent-bg: var(--hc-primary-bg);
}

[b-bruxad59og] .hc-kpi-tone-primary {
    --hc-kpi-accent: var(--hc-primary);
    --hc-kpi-accent-bg: var(--hc-primary-bg);
}

[b-bruxad59og] .hc-kpi-tone-success {
    --hc-kpi-accent: var(--hc-success);
    --hc-kpi-accent-bg: var(--hc-success-bg);
}

[b-bruxad59og] .hc-kpi-tone-warning {
    --hc-kpi-accent: var(--hc-warning);
    --hc-kpi-accent-bg: var(--hc-warning-bg);
}

[b-bruxad59og] .hc-kpi-tone-danger {
    --hc-kpi-accent: var(--hc-error);
    --hc-kpi-accent-bg: var(--hc-error-bg);
}

[b-bruxad59og] .hc-kpi-tone-info {
    --hc-kpi-accent: var(--hc-info);
    --hc-kpi-accent-bg: var(--hc-info-bg);
}

/* =========================================================
   KPI BODY
   ========================================================= */

.hc-kpi-body[b-bruxad59og] {
    display: flex;
    flex-direction: column;
    gap: var(--hc-spacing-md);
    min-width: 0;
}

.hc-kpi-body-stacked[b-bruxad59og] {
    gap: var(--hc-spacing-lg);
}

.hc-kpi-badge[b-bruxad59og] {
    align-self: flex-start;
    max-width: 100%;
    padding: .25rem .55rem;
    border-radius: var(--hc-radius-sm);
    background: var(--hc-kpi-accent-bg);
    color: var(--hc-kpi-accent);
    font-size: var(--hc-font-size-xs);
    font-weight: var(--hc-font-weight-semibold);
    line-height: 1.2;
}

.hc-kpi-value-layout[b-bruxad59og] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--hc-spacing-md);
    min-width: 0;
}

.hc-kpi-body-stacked .hc-kpi-value-layout[b-bruxad59og] {
    flex-direction: column;
}

.hc-kpi-value-stack[b-bruxad59og] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
}

.hc-kpi-value[b-bruxad59og] {
    min-width: 0;
    color: var(--hc-heading-color);
    font-size: 2.25rem;
    font-weight: var(--hc-font-weight-bold);
    letter-spacing: 0;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.hc-kpi-secondary-value[b-bruxad59og] {
    color: var(--hc-muted-color);
    font-size: var(--hc-font-size-sm);
    font-weight: var(--hc-font-weight-medium);
    line-height: 1.35;
}

/* =========================================================
   TREND
   ========================================================= */

.hc-kpi-trend[b-bruxad59og] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    flex: 0 0 auto;
    min-height: 1.75rem;
    padding: .25rem .55rem;
    border-radius: var(--hc-radius-sm);
    background: var(--hc-surface-muted-bg);
    color: var(--hc-muted-color);
    font-size: var(--hc-font-size-sm);
    font-weight: var(--hc-font-weight-semibold);
    line-height: 1.2;
    white-space: nowrap;
}

.hc-kpi-trend-up[b-bruxad59og] {
    background: var(--hc-success-bg);
    color: var(--hc-success);
}

.hc-kpi-trend-down[b-bruxad59og] {
    background: var(--hc-error-bg);
    color: var(--hc-error);
}

.hc-kpi-trend-neutral[b-bruxad59og] {
    background: var(--hc-info-bg);
    color: var(--hc-info);
}

.hc-kpi-trend-icon[b-bruxad59og] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

/* =========================================================
   PROGRESS
   ========================================================= */

.hc-kpi-progress[b-bruxad59og] {
    display: flex;
    flex-direction: column;
    gap: var(--hc-spacing-xs);
    min-width: 0;
}

.hc-kpi-progress-header[b-bruxad59og] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--hc-spacing-sm);
    color: var(--hc-muted-color);
    font-size: var(--hc-font-size-xs);
    font-weight: var(--hc-font-weight-semibold);
    line-height: 1.3;
}

.hc-kpi-progress-goal[b-bruxad59og] {
    color: var(--hc-heading-color);
}

.hc-kpi-progress-track[b-bruxad59og] {
    width: 100%;
    height: .5rem;
    overflow: hidden;
    border-radius: 9999px;
    background: var(--hc-surface-muted-bg);
}

.hc-kpi-progress-bar[b-bruxad59og] {
    height: 100%;
    border-radius: inherit;
    background: var(--hc-kpi-accent);
    transition: width var(--hc-transition-base);
}

/* =========================================================
   CONTENT
   ========================================================= */

.hc-kpi-content[b-bruxad59og] {
    min-width: 0;
    color: var(--hc-text);
    font-size: var(--hc-font-size-sm);
    line-height: 1.45;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 640px) {
    .hc-kpi-value-layout[b-bruxad59og] {
        flex-direction: column;
    }

    .hc-kpi-value[b-bruxad59og] {
        font-size: 1.85rem;
    }

    .hc-kpi-trend[b-bruxad59og] {
        white-space: normal;
    }
}
/* _content/Hoodcoder.Blazor/Components/Navigation/Disclosure/HCDisclosure.razor.rz.scp.css */
.hc-disclosure[b-8hzzqpncsk] {
    background: var(--lwp-surface, #fff);
    border: 1px solid var(--lwp-border-color, #d9dee8);
    border-radius: var(--lwp-radius-lg, .75rem);
    overflow: clip;
}

.hc-disclosure__heading[b-8hzzqpncsk] {
    margin: 0;
}

.hc-disclosure__trigger[b-8hzzqpncsk] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    color: var(--lwp-text, #1f2937);
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: .75rem;
    justify-content: space-between;
    min-height: 3rem;
    padding: .875rem 1rem;
    text-align: start;
    width: 100%;
}

.hc-disclosure__trigger:hover[b-8hzzqpncsk] {
    background: var(--lwp-surface-subtle, #f5f7fa);
}

.hc-disclosure__trigger:focus-visible[b-8hzzqpncsk] {
    outline: 2px solid var(--lwp-focus-ring, #6d5bd0);
    outline-offset: -2px;
}

.hc-disclosure__summary[b-8hzzqpncsk] {
    min-width: 0;
}

.hc-disclosure__icon[b-8hzzqpncsk] {
    flex: 0 0 auto;
    transition: transform 160ms ease;
}

.hc-disclosure__trigger[aria-expanded="true"] .hc-disclosure__icon[b-8hzzqpncsk] {
    transform: rotate(180deg);
}

.hc-disclosure__panel[b-8hzzqpncsk] {
    border-top: 1px solid var(--lwp-border-color, #d9dee8);
    min-width: 0;
}

@media (prefers-reduced-motion: reduce) {
    .hc-disclosure__icon[b-8hzzqpncsk] {
        transition: none;
    }
}
/* _content/Hoodcoder.Blazor/Components/Navigation/Tabs/HCTabs.razor.rz.scp.css */
.hc-tabs[b-phj0t8afmk] {
    align-items: center;
    border-bottom: 1px solid var(--lwp-border-color, #d9dee8);
    display: flex;
    gap: .25rem;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
}

.hc-tab[b-phj0t8afmk] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--lwp-text-muted, #697386);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font: inherit;
    font-size: .875rem;
    font-weight: 650;
    gap: .5rem;
    min-height: 2.75rem;
    padding: .625rem .875rem;
    position: relative;
    transition:
        background-color 160ms ease,
        border-color 160ms ease,
        color 160ms ease;
}

.hc-tab:hover:not(:disabled)[b-phj0t8afmk] {
    background: var(--lwp-surface-subtle, #f5f7fa);
    color: var(--lwp-text, #1f2937);
}

.hc-tab:focus-visible[b-phj0t8afmk] {
    border-radius: .375rem .375rem 0 0;
    outline: 2px solid var(--lwp-focus-ring, #6d5bd0);
    outline-offset: -2px;
}

.hc-tab.is-active[b-phj0t8afmk] {
    border-bottom-color: var(--lwp-primary, #5b4cc4);
    color: var(--lwp-primary, #5b4cc4);
}

.hc-tab:disabled[b-phj0t8afmk] {
    cursor: not-allowed;
    opacity: .45;
}

.hc-tab > i[b-phj0t8afmk] {
    font-size: 1rem;
}

@media (prefers-reduced-motion: reduce) {
    .hc-tab[b-phj0t8afmk] {
        transition: none;
    }
}
/* _content/Hoodcoder.Blazor/Components/Scheduling/Components/HCScheduleBody.razor.rz.scp.css */
.hc-schedule-body[b-4sujtcf21u] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: var(--hc-schedule-body-height, auto);
    overflow-x: var(--hc-schedule-body-overflow-x, auto);
    overflow-y: var(--hc-schedule-body-overflow-y, auto);
    overscroll-behavior: var(--hc-schedule-body-overscroll, auto);
    background: var(--hc-schedule-muted-surface);
}

.hc-schedule-grid[b-4sujtcf21u] {
    display: grid;
    min-height: 100%;
}

.hc-schedule-cell[b-4sujtcf21u] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .35rem;
    min-height: 6rem;
    padding: .625rem;
    border: 0;
    border-right: 1px solid var(--hc-schedule-border);
    border-bottom: 1px solid var(--hc-schedule-border);
    color: var(--hc-schedule-text);
    background: var(--hc-schedule-surface);
    text-align: left;
    cursor: pointer;
}

.hc-schedule-cell:hover[b-4sujtcf21u] {
    background: var(--hc-schedule-accent-surface);
}

.hc-schedule-cell:focus-visible[b-4sujtcf21u] {
    z-index: 1;
    outline: 3px solid rgba(37, 99, 235, .28);
    outline-offset: -3px;
}

.hc-schedule-cell-selected[b-4sujtcf21u] {
    background: var(--hc-schedule-accent-surface);
    box-shadow: inset 0 0 0 2px var(--hc-schedule-accent);
}

.hc-schedule-cell-today .hc-schedule-cell-label[b-4sujtcf21u] {
    color: #ffffff;
    background: var(--hc-schedule-accent);
}

.hc-schedule-cell-muted[b-4sujtcf21u] {
    color: var(--hc-schedule-muted-text);
    background: #fbfcfe;
}

.hc-schedule-cell-weekend[b-4sujtcf21u] {
    background: #fafafa;
}

.hc-schedule-cell-label[b-4sujtcf21u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.75rem;
    min-height: 1.75rem;
    border-radius: 999px;
    font-weight: 700;
}

.hc-schedule-cell-meta[b-4sujtcf21u] {
    color: var(--hc-schedule-muted-text);
    font-size: .75rem;
    font-weight: 600;
}

.hc-schedule-body-state[b-4sujtcf21u] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16rem;
    padding: 2rem;
    color: var(--hc-schedule-muted-text);
    font-weight: 600;
}

.hc-schedule-body-error[b-4sujtcf21u] {
    color: var(--hc-schedule-danger);
    background: color-mix(in srgb, var(--hc-schedule-danger) 8%, var(--hc-schedule-surface));
}

@media (max-width: 768px) {
    .hc-schedule-cell[b-4sujtcf21u] {
        min-height: 4.75rem;
        padding: .5rem;
    }
}
/* _content/Hoodcoder.Blazor/Components/Scheduling/Components/HCScheduleEnterprisePanel.razor.rz.scp.css */
.hc-schedule-enterprise-panel[b-qabab8i3mi] {
    display: grid;
    gap: 0.5rem;
    padding: 0.625rem 0.75rem;
    border-bottom: 1px solid var(--hc-border-color, #d9e2ec);
    background: var(--hc-surface-muted, #f7f9fc);
}

.hc-schedule-enterprise-resources[b-qabab8i3mi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    overflow-x: auto;
    scrollbar-width: thin;
}

.hc-schedule-enterprise-resource[b-qabab8i3mi] {
    --hc-schedule-resource-color: #2563eb;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    min-height: 2rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--hc-border-color, #d9e2ec);
    border-radius: 0.375rem;
    background: var(--hc-surface, #ffffff);
    color: var(--hc-text, #1f2937);
    white-space: nowrap;
}

.hc-schedule-enterprise-resource-depth-1[b-qabab8i3mi] {
    margin-left: 0.75rem;
}

.hc-schedule-enterprise-resource-depth-2[b-qabab8i3mi] {
    margin-left: 1.5rem;
}

.hc-schedule-enterprise-resource-depth-3[b-qabab8i3mi],
.hc-schedule-enterprise-resource-depth-4[b-qabab8i3mi] {
    margin-left: 2.25rem;
}

.hc-schedule-enterprise-resource-unavailable[b-qabab8i3mi] {
    opacity: 0.58;
}

.hc-schedule-enterprise-resource-swatch[b-qabab8i3mi] {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    background: var(--hc-schedule-resource-color);
}

.hc-schedule-enterprise-resource-name[b-qabab8i3mi] {
    font-weight: 600;
}

.hc-schedule-enterprise-resource-kind[b-qabab8i3mi] {
    color: var(--hc-text-muted, #64748b);
    font-size: 0.75rem;
}

.hc-schedule-enterprise-indicators[b-qabab8i3mi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    overflow-x: auto;
}

.hc-schedule-enterprise-indicator[b-qabab8i3mi] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    min-height: 1.75rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--hc-border-color, #d9e2ec);
    border-radius: 0.375rem;
    background: var(--hc-surface, #ffffff);
    color: var(--hc-text, #1f2937);
    white-space: nowrap;
}

.hc-schedule-enterprise-indicator-holiday[b-qabab8i3mi] {
    border-color: #7c3aed;
}

.hc-schedule-enterprise-indicator-blocked[b-qabab8i3mi] {
    border-color: #dc2626;
}

.hc-schedule-enterprise-indicator-date[b-qabab8i3mi] {
    font-weight: 600;
}

.hc-schedule-enterprise-indicator-summary[b-qabab8i3mi],
.hc-schedule-enterprise-timezone[b-qabab8i3mi] {
    color: var(--hc-text-muted, #64748b);
    font-size: 0.75rem;
}

.hc-schedule-enterprise-timezone[b-qabab8i3mi] {
    justify-self: start;
}
/* _content/Hoodcoder.Blazor/Components/Scheduling/Components/HCScheduleFooter.razor.rz.scp.css */
.hc-schedule-footer[b-7vsxjxboc2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--hc-schedule-footer-gap, 1rem);
    min-height: var(--hc-schedule-footer-min-height, 2.75rem);
    padding: var(--hc-schedule-footer-padding, .625rem 1rem);
    border-top: 1px solid var(--hc-schedule-border);
    color: var(--hc-schedule-muted-text);
    background: var(--hc-schedule-surface);
    font-size: var(--hc-schedule-footer-font-size, .8125rem);
    line-height: var(--hc-schedule-footer-line-height, normal);
    font-weight: 600;
}
/* _content/Hoodcoder.Blazor/Components/Scheduling/Components/HCScheduleHeader.razor.rz.scp.css */
.hc-schedule-header[b-cztrymayk6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .875rem 1rem;
    border-bottom: 1px solid var(--hc-schedule-border);
    background: var(--hc-schedule-surface);
}

.hc-schedule-header-title[b-cztrymayk6] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}

.hc-schedule-header-title strong[b-cztrymayk6] {
    font-size: 1rem;
    font-weight: 700;
    white-space: nowrap;
}

.hc-schedule-header-view[b-cztrymayk6] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: 0 .625rem;
    border: 1px solid var(--hc-schedule-border);
    border-radius: 999px;
    color: var(--hc-schedule-muted-text);
    background: var(--hc-schedule-muted-surface);
    font-size: .8125rem;
    font-weight: 600;
}

.hc-schedule-header-range[b-cztrymayk6] {
    color: var(--hc-schedule-muted-text);
    font-size: .875rem;
    white-space: nowrap;
}

@media (max-width: 640px) {
    .hc-schedule-header[b-cztrymayk6] {
        align-items: flex-start;
        flex-direction: column;
        gap: .5rem;
    }

    .hc-schedule-header-range[b-cztrymayk6] {
        white-space: normal;
    }
}
/* _content/Hoodcoder.Blazor/Components/Scheduling/Editor/HCScheduleDefaultEditor.razor.rz.scp.css */
.hc-schedule-default-editor[b-kgzomrpy1q] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 0.25rem 0;
}

.hc-schedule-default-editor-grid[b-kgzomrpy1q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.hc-schedule-default-editor-stack[b-kgzomrpy1q] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (max-width: 720px) {
    .hc-schedule-default-editor-grid[b-kgzomrpy1q] {
        grid-template-columns: 1fr;
    }
}
/* _content/Hoodcoder.Blazor/Components/Scheduling/Editor/HCScheduleEditorHost.razor.rz.scp.css */
.hc-schedule-editor-host-heading[b-hs1a7pwyfn] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.hc-schedule-editor-host-heading strong[b-hs1a7pwyfn] {
    color: var(--hc-text-strong, #111827);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
}

.hc-schedule-editor-host-heading span[b-hs1a7pwyfn] {
    color: var(--hc-text-muted, #6b7280);
    font-size: 0.875rem;
    line-height: 1.4;
}

.hc-schedule-editor-host-body[b-hs1a7pwyfn] {
    max-height: min(72vh, 760px);
    overflow: auto;
}

.hc-schedule-editor-host-actions[b-hs1a7pwyfn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}
/* _content/Hoodcoder.Blazor/Components/Scheduling/HCSchedule/HCSchedule.razor.rz.scp.css */
.hc-schedule[b-od74fxpxum] {
    --hc-schedule-border: #d7dde8;
    --hc-schedule-surface: #ffffff;
    --hc-schedule-muted-surface: #f6f8fb;
    --hc-schedule-text: #111827;
    --hc-schedule-muted-text: #667085;
    --hc-schedule-accent: #2563eb;
    --hc-schedule-accent-surface: #eff6ff;
    --hc-schedule-danger: #b42318;
    --hc-schedule-warning: #b45309;
    --hc-schedule-success: #047857;
    --hc-schedule-shadow: 0 20px 60px rgba(15, 23, 42, .22);
    --hc-schedule-density-font-size: 1rem;
    --hc-schedule-density-scale: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: var(--hc-schedule-min-height, 250px);
    height: var(--hc-schedule-height, auto);
    width: 100%;
    color: var(--hc-schedule-text);
    font-size: var(--hc-schedule-density-font-size);
    background: var(--hc-schedule-surface);
    border: 1px solid var(--hc-schedule-border);
    border-radius: .75rem;
    overflow: hidden;
}

.hc-schedule-loading[b-od74fxpxum] {
    cursor: progress;
}

.hc-schedule-live-region[b-od74fxpxum] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.hc-schedule-composition[b-od74fxpxum] {
    display: contents;
}

.hc-schedule-reduced-motion[b-od74fxpxum],
.hc-schedule-reduced-motion[b-od74fxpxum]  * {
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
}

.hc-schedule-density-compact[b-od74fxpxum] {
    --hc-schedule-density-font-size: .875rem;
    --hc-schedule-density-scale: .88;
}

.hc-schedule-density-spacious[b-od74fxpxum] {
    --hc-schedule-density-font-size: 1rem;
    --hc-schedule-density-scale: 1.12;
}

.hc-schedule-theme-light[b-od74fxpxum] {
    color-scheme: light;
}

.hc-schedule-theme-dark[b-od74fxpxum] {
    --hc-schedule-border: #334155;
    --hc-schedule-surface: #0f172a;
    --hc-schedule-muted-surface: #111827;
    --hc-schedule-text: #f8fafc;
    --hc-schedule-muted-text: #cbd5e1;
    --hc-schedule-accent: #60a5fa;
    --hc-schedule-accent-surface: #172554;
    --hc-schedule-danger: #f87171;
    --hc-schedule-warning: #fbbf24;
    --hc-schedule-success: #34d399;
    color-scheme: dark;
}

.hc-schedule-high-contrast[b-od74fxpxum] {
    --hc-schedule-border: #000000;
    --hc-schedule-surface: #ffffff;
    --hc-schedule-muted-surface: #f1f5f9;
    --hc-schedule-text: #000000;
    --hc-schedule-muted-text: #111827;
    --hc-schedule-accent: #0047ff;
    --hc-schedule-accent-surface: #e0edff;
    --hc-schedule-danger: #b00020;
    border-width: 2px;
}

.hc-schedule-lazy-rendering[b-od74fxpxum]  .hc-schedule-month-cell,
.hc-schedule-lazy-rendering[b-od74fxpxum]  .hc-schedule-agenda-day,
.hc-schedule-lazy-rendering[b-od74fxpxum]  .hc-schedule-timeline-day {
    content-visibility: auto;
    contain-intrinsic-size: 10rem;
}

.hc-schedule-virtualization[b-od74fxpxum]  .hc-schedule-agenda,
.hc-schedule-virtualization[b-od74fxpxum]  .hc-schedule-timeline-scroll {
    scroll-behavior: auto;
    overscroll-behavior: contain;
}

.hc-schedule-large-dataset[b-od74fxpxum] {
    --hc-schedule-density-scale: .88;
}

.hc-schedule-fullscreen[b-od74fxpxum] {
    z-index: var(--hc-z-fixed);
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    position: fixed;
    inset: var(--hc-spacing-md);
    box-shadow: var(--hc-shadow-menu);
}

.hc-schedule-editor-surface[b-od74fxpxum] {
    position: absolute;
    inset: auto 1rem 1rem auto;
    z-index: 50;
    width: min(28rem, calc(100% - 2rem));
    max-height: calc(100% - 2rem);
    overflow: auto;
    border: 1px solid var(--hc-schedule-border);
    border-radius: .5rem;
    background: var(--hc-schedule-surface);
    box-shadow: var(--hc-schedule-shadow);
}

.hc-schedule-context-menu-surface[b-od74fxpxum] {
    position: fixed;
    z-index: 2400;
    min-width: 12rem;
    max-width: min(24rem, calc(100vw - 2rem));
    border: 1px solid var(--hc-schedule-border);
    border-radius: .5rem;
    background: var(--hc-schedule-surface);
    box-shadow: var(--hc-schedule-shadow);
}

.hc-schedule-tooltip-layer[b-od74fxpxum] {
    position: fixed;
    inset: 0;
    z-index: 2500;
    pointer-events: none;
}

.hc-schedule-tooltip[b-od74fxpxum] {
    position: fixed;
    min-width: min(18rem, calc(100vw - 1.5rem));
    max-width: min(21.25rem, calc(100vw - 1.5rem));
    border: 1px solid var(--hc-schedule-border);
    border-radius: .75rem;
    padding: .75rem;
    color: var(--hc-schedule-text);
    background: var(--hc-schedule-surface);
    box-shadow: 0 20px 50px rgba(15, 23, 42, .18);
    line-height: 1.4;
    white-space: normal;
    pointer-events: none;
    transform: translateZ(0);
    transition: opacity 120ms ease, transform 120ms ease;
}

.hc-schedule-tooltip-placement-top[b-od74fxpxum] {
    transform: translateY(-.125rem);
}

.hc-schedule-tooltip-placement-bottom[b-od74fxpxum] {
    transform: translateY(.125rem);
}

.hc-schedule-tooltip[b-od74fxpxum]  * {
    max-width: 100%;
}

.hc-schedule-reduced-motion .hc-schedule-tooltip[b-od74fxpxum] {
    transition: none;
}

@media (max-width: 768px) {
    .hc-schedule[b-od74fxpxum] {
        min-height: 420px;
        border-radius: .5rem;
    }
}

@media print {
    .hc-schedule[b-od74fxpxum] {
        min-height: auto;
        height: auto !important;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

        .hc-schedule[b-od74fxpxum]  button {
            color: inherit;
        }

    .hc-schedule-editor-surface[b-od74fxpxum],
    .hc-schedule-context-menu-surface[b-od74fxpxum],
    .hc-schedule-tooltip-layer[b-od74fxpxum] {
        display: none;
    }
}
/* _content/Hoodcoder.Blazor/Components/Scheduling/Toolbar/HCScheduleToolbar.razor.rz.scp.css */
.hc-schedule-toolbar[b-5jpdt5xnje] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--hc-schedule-border);
    background: var(--hc-schedule-surface);
}

.hc-schedule-toolbar-group[b-5jpdt5xnje] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}

.hc-schedule-toolbar-views[b-5jpdt5xnje] {
    justify-content: flex-end;
}

.hc-schedule-toolbar-tools[b-5jpdt5xnje] {
    justify-content: flex-end;
}

.hc-schedule-toolbar-slot[b-5jpdt5xnje] {
    min-width: 0;
}

.hc-schedule-toolbar-button[b-5jpdt5xnje] {
    min-height: 2.25rem;
    border: 1px solid var(--hc-schedule-border);
    border-radius: .5rem;
    padding: 0 .75rem;
    color: var(--hc-schedule-text);
    background: var(--hc-schedule-surface);
    font-size: .875rem;
    font-weight: 600;
    cursor: pointer;
}

.hc-schedule-toolbar-field[b-5jpdt5xnje] {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    min-width: 0;
    color: var(--hc-schedule-muted-text);
    font-size: .75rem;
    font-weight: 700;
}

.hc-schedule-toolbar-input[b-5jpdt5xnje] {
    width: 9.5rem;
    min-width: 0;
    min-height: 2.25rem;
    border: 1px solid var(--hc-schedule-border);
    border-radius: .5rem;
    padding: 0 .625rem;
    color: var(--hc-schedule-text);
    background: var(--hc-schedule-surface);
    font: inherit;
}

.hc-schedule-toolbar-input:focus-visible[b-5jpdt5xnje] {
    border-color: var(--hc-schedule-accent);
    outline: none;
    box-shadow: var(--hc-input-shadow-focus);
}

.hc-schedule-toolbar-button:hover[b-5jpdt5xnje] {
    border-color: var(--hc-schedule-accent);
    background: var(--hc-schedule-accent-surface);
}

.hc-schedule-toolbar-button:focus-visible[b-5jpdt5xnje] {
    outline: 3px solid rgba(37, 99, 235, .25);
    outline-offset: 2px;
}

.hc-schedule-toolbar-button-active[b-5jpdt5xnje] {
    border-color: var(--hc-schedule-accent);
    color: var(--hc-schedule-accent);
    background: var(--hc-schedule-accent-surface);
}

@media (max-width: 720px) {
    .hc-schedule-toolbar[b-5jpdt5xnje] {
        align-items: stretch;
        flex-direction: column;
    }

    .hc-schedule-toolbar-group[b-5jpdt5xnje] {
        justify-content: stretch;
    }

    .hc-schedule-toolbar-button[b-5jpdt5xnje],
    .hc-schedule-toolbar-field[b-5jpdt5xnje],
    .hc-schedule-toolbar-input[b-5jpdt5xnje] {
        flex: 1 1 auto;
        width: 100%;
    }
}
/* _content/Hoodcoder.Blazor/Components/Scheduling/Views/HCScheduleAgendaView.razor.rz.scp.css */
.hc-schedule-agenda[b-2lsl8kb8cm] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    min-height: 100%;
    padding: 1rem;
    overflow: auto;
    background: var(--hc-schedule-muted-surface);
}

.hc-schedule-agenda-day[b-2lsl8kb8cm] {
    content-visibility: auto;
    contain-intrinsic-size: 10rem;
    border: 1px solid var(--hc-schedule-border);
    border-radius: .5rem;
    background: var(--hc-schedule-surface);
    overflow: hidden;
}

.hc-schedule-agenda-day-header[b-2lsl8kb8cm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--hc-schedule-border);
    background: var(--hc-schedule-surface);
}

.hc-schedule-agenda-day-button[b-2lsl8kb8cm] {
    display: inline-flex;
    align-items: baseline;
    gap: .625rem;
    min-width: 0;
    border: 0;
    padding: 0;
    color: var(--hc-schedule-text);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.hc-schedule-agenda-day-button:focus-visible[b-2lsl8kb8cm] {
    outline: 3px solid rgba(37, 99, 235, .25);
    outline-offset: 3px;
}

.hc-schedule-agenda-day-name[b-2lsl8kb8cm] {
    font-weight: 800;
}

.hc-schedule-agenda-day-date[b-2lsl8kb8cm],
.hc-schedule-agenda-day-count[b-2lsl8kb8cm] {
    color: var(--hc-schedule-muted-text);
    font-size: .8125rem;
    font-weight: 700;
}

.hc-schedule-agenda-day-today[b-2lsl8kb8cm] {
    border-color: var(--hc-schedule-accent);
}

.hc-schedule-agenda-day-selected[b-2lsl8kb8cm] {
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .16);
}

.hc-schedule-agenda-day-weekend[b-2lsl8kb8cm] {
    background: #fafafa;
}

.hc-schedule-agenda-day-holiday[b-2lsl8kb8cm] {
    border-color: #7c3aed;
}

.hc-schedule-agenda-day-blocked[b-2lsl8kb8cm] {
    box-shadow: inset 3px 0 0 #dc2626;
}

.hc-schedule-agenda-day-closed[b-2lsl8kb8cm] {
    background: #f3f4f6;
}

.hc-schedule-agenda-day-markers[b-2lsl8kb8cm] {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem;
    padding: .625rem 1rem 0;
}

.hc-schedule-agenda-day-marker[b-2lsl8kb8cm] {
    border-radius: .25rem;
    padding: .125rem .375rem;
    color: var(--hc-schedule-muted-text);
    background: var(--hc-schedule-muted-surface);
    font-size: .6875rem;
    font-weight: 700;
}

.hc-schedule-agenda-day-marker-holiday[b-2lsl8kb8cm] {
    color: #5b21b6;
    background: #ede9fe;
}

.hc-schedule-agenda-day-marker-blocked[b-2lsl8kb8cm] {
    color: #991b1b;
    background: #fee2e2;
}

.hc-schedule-agenda-day-marker-hours[b-2lsl8kb8cm] {
    color: #075985;
    background: #e0f2fe;
}

.hc-schedule-agenda-day-marker-closed[b-2lsl8kb8cm] {
    color: #374151;
    background: #e5e7eb;
}

.hc-schedule-agenda-cell-template[b-2lsl8kb8cm] {
    padding: .75rem 1rem 0;
}

.hc-schedule-agenda-events[b-2lsl8kb8cm] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .75rem 1rem 1rem;
}

.hc-schedule-agenda-event[b-2lsl8kb8cm] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(6rem, 9rem) minmax(0, 1fr);
    gap: .75rem;
    align-items: center;
    min-height: 2.5rem;
    border: 1px solid transparent;
    border-radius: .5rem;
    padding: .5rem .625rem;
    color: var(--hc-schedule-text);
    background: #eef4ff;
    text-align: left;
    cursor: pointer;
}

.hc-schedule-agenda-event:hover[b-2lsl8kb8cm] {
    border-color: var(--hc-schedule-accent);
    background: var(--hc-schedule-accent-surface);
}

.hc-schedule-agenda-event:focus-visible[b-2lsl8kb8cm] {
    outline: 3px solid rgba(37, 99, 235, .25);
    outline-offset: 2px;
}

.hc-schedule-agenda-event-all-day[b-2lsl8kb8cm] {
    background: #cffafe;
}

.hc-schedule-agenda-event-time[b-2lsl8kb8cm] {
    color: var(--hc-schedule-muted-text);
    font-size: .75rem;
    font-weight: 800;
}

.hc-schedule-agenda-event-content[b-2lsl8kb8cm] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

.hc-schedule-agenda-state[b-2lsl8kb8cm] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16rem;
    padding: 2rem;
    color: var(--hc-schedule-muted-text);
    font-weight: 600;
}

@media (max-width: 640px) {
    .hc-schedule-agenda[b-2lsl8kb8cm] {
        padding: .75rem;
    }

    .hc-schedule-agenda-day-header[b-2lsl8kb8cm] {
        align-items: flex-start;
        flex-direction: column;
        gap: .375rem;
    }

    .hc-schedule-agenda-event[b-2lsl8kb8cm] {
        grid-template-columns: 1fr;
        gap: .25rem;
    }
}
/* _content/Hoodcoder.Blazor/Components/Scheduling/Views/HCScheduleMonthView.razor.rz.scp.css */
.hc-schedule-month[b-30t6vrtp8d] {
    display: flex;
    flex-direction: column;
    min-height: var(--hc-schedule-month-min-height, 100%);
    height: var(--hc-schedule-month-height, auto);
    background: var(--hc-schedule-surface);
}

.hc-schedule-month-weekdays[b-30t6vrtp8d] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    border-bottom: 1px solid var(--hc-schedule-border);
    background: var(--hc-schedule-muted-surface);
}

.hc-schedule-month-weekday[b-30t6vrtp8d] {
    min-width: 0;
    padding: .625rem .75rem;
    color: var(--hc-schedule-muted-text);
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.hc-schedule-month-grid[b-30t6vrtp8d] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    flex: 1 1 auto;
    min-height: 0;
}

.hc-schedule-month-cell[b-30t6vrtp8d] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    min-width: 0;
    overflow: hidden;
    min-height: var(--hc-schedule-month-cell-min-height, 7.5rem);
    padding: .5rem;
    border-right: 1px solid var(--hc-schedule-border);
    border-bottom: 1px solid var(--hc-schedule-border);
    background: var(--hc-schedule-surface);
    cursor: pointer;
}

.hc-schedule-month-cell:hover[b-30t6vrtp8d] {
    background: var(--hc-schedule-accent-surface);
}

.hc-schedule-month-cell:focus-visible[b-30t6vrtp8d] {
    z-index: 2;
    outline: 3px solid rgba(37, 99, 235, .28);
    outline-offset: -3px;
}

.hc-schedule-month-cell-muted[b-30t6vrtp8d] {
    color: var(--hc-schedule-muted-text);
    background: #fbfcfe;
}

.hc-schedule-month-cell-weekend[b-30t6vrtp8d] {
    background: #fafafa;
}

.hc-schedule-month-cell-working[b-30t6vrtp8d] {
    box-shadow: inset 0 2px 0 rgba(37, 99, 235, .08);
}

.hc-schedule-month-cell-holiday[b-30t6vrtp8d] {
    box-shadow: inset 0 2px 0 rgba(124, 58, 237, .22);
}

.hc-schedule-month-cell-blocked[b-30t6vrtp8d] {
    background-image: linear-gradient(135deg, rgba(220, 38, 38, .07), rgba(220, 38, 38, 0));
}

.hc-schedule-month-cell-closed[b-30t6vrtp8d] {
    background-color: #f3f4f6;
    background-image: repeating-linear-gradient(
        135deg,
        rgba(107, 114, 128, .06) 0,
        rgba(107, 114, 128, .06) .375rem,
        transparent .375rem,
        transparent .75rem);
}

.hc-schedule-month-cell-selected[b-30t6vrtp8d] {
    box-shadow: inset 0 0 0 2px var(--hc-schedule-accent);
}

.hc-schedule-month-cell-header[b-30t6vrtp8d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    min-width: 0;
}

.hc-schedule-month-cell-date[b-30t6vrtp8d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.75rem;
    min-height: 1.75rem;
    border-radius: 999px;
    font-weight: 700;
}

.hc-schedule-month-cell-today .hc-schedule-month-cell-date[b-30t6vrtp8d] {
    color: #ffffff;
    background: var(--hc-schedule-accent);
}

.hc-schedule-month-cell-day[b-30t6vrtp8d] {
    color: var(--hc-schedule-muted-text);
    font-size: .75rem;
    font-weight: 600;
}

.hc-schedule-month-cell-template[b-30t6vrtp8d],
.hc-schedule-month-day-template[b-30t6vrtp8d] {
    min-width: 0;
}

.hc-schedule-month-enterprise-markers[b-30t6vrtp8d] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    min-width: 0;
}

.hc-schedule-month-enterprise-marker[b-30t6vrtp8d] {
    min-width: 0;
    border-radius: .25rem;
    padding: .125rem .375rem;
    overflow: hidden;
    color: var(--hc-schedule-muted-text);
    background: var(--hc-schedule-muted-surface);
    font-size: .6875rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hc-schedule-month-enterprise-marker-holiday[b-30t6vrtp8d] {
    color: #5b21b6;
    background: #ede9fe;
}

.hc-schedule-month-enterprise-marker-blocked[b-30t6vrtp8d] {
    color: #991b1b;
    background: #fee2e2;
}

.hc-schedule-month-enterprise-marker-hours[b-30t6vrtp8d] {
    color: #075985;
    background: #e0f2fe;
}

.hc-schedule-month-enterprise-marker-closed[b-30t6vrtp8d] {
    color: #374151;
    background: #e5e7eb;
}

.hc-schedule-month-events[b-30t6vrtp8d] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
    overflow: hidden;
}

.hc-schedule-month-event[b-30t6vrtp8d],
.hc-schedule-month-more[b-30t6vrtp8d] {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 1.625rem;
    border: 0;
    border-radius: .375rem;
    padding: 0 .5rem;
    overflow: hidden;
    color: #1d4ed8;
    background: #dbeafe;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.625rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.hc-schedule-month-event:hover[b-30t6vrtp8d],
.hc-schedule-month-more:hover[b-30t6vrtp8d] {
    background: #bfdbfe;
    
}

.hc-schedule-month-event:focus-visible[b-30t6vrtp8d],
.hc-schedule-month-more:focus-visible[b-30t6vrtp8d] {
    outline: 2px solid rgba(37, 99, 235, .35);
    outline-offset: 1px;
}

.hc-schedule-month-event-all-day[b-30t6vrtp8d] {
    color: #155e75;
    background: #cffafe;
}

.hc-schedule-month-event-multi-day[b-30t6vrtp8d] {
    color: #7c2d12;
    background: #ffedd5;
}

.hc-schedule-month-more[b-30t6vrtp8d] {
    color: var(--hc-schedule-muted-text);
    background: transparent;
}

.hc-schedule-month-state[b-30t6vrtp8d] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16rem;
    padding: 2rem;
    color: var(--hc-schedule-muted-text);
    font-weight: 600;
}

@media (max-width: 760px) {
    .hc-schedule-month-weekday[b-30t6vrtp8d] {
        padding: .5rem .375rem;
        text-align: center;
    }

    .hc-schedule-month-cell[b-30t6vrtp8d] {
        min-height: 6rem;
        padding: .375rem;
    }

    .hc-schedule-month-cell-day[b-30t6vrtp8d] {
        display: none;
    }

    .hc-schedule-month-event[b-30t6vrtp8d],
    .hc-schedule-month-more[b-30t6vrtp8d] {
        min-height: 1.5rem;
        padding: 0 .375rem;
        font-size: .6875rem;
        line-height: 1.5rem;
    }
}
/* _content/Hoodcoder.Blazor/Components/Scheduling/Views/HCScheduleTimeGridView.razor.rz.scp.css */
.hc-schedule-time-grid[b-b96jevkdnq] {
    min-height: 100%;
    background: var(--hc-schedule-surface);
}

.hc-schedule-time-grid-shell[b-b96jevkdnq] {
    display: grid;
    min-width: 48rem;
    min-height: 100%;
}

.hc-schedule-time-grid-corner[b-b96jevkdnq],
.hc-schedule-time-grid-day-header[b-b96jevkdnq] {
    position: sticky;
    top: 0;
    z-index: 8;
    min-height: 3.75rem;
    border-bottom: 1px solid var(--hc-schedule-border);
    background: var(--hc-schedule-surface);
}

.hc-schedule-time-grid-corner[b-b96jevkdnq] {
    left: 0;
    z-index: 9;
    border-right: 1px solid var(--hc-schedule-border);
}

.hc-schedule-time-grid-day-header[b-b96jevkdnq] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .25rem;
    border: 0;
    border-right: 1px solid var(--hc-schedule-border);
    color: var(--hc-schedule-text);
    cursor: pointer;
}

.hc-schedule-time-grid-day-header:hover[b-b96jevkdnq] {
    background: var(--hc-schedule-accent-surface);
}

.hc-schedule-time-grid-day-header:focus-visible[b-b96jevkdnq] {
    outline: 3px solid rgba(37, 99, 235, .28);
    outline-offset: -3px;
}

.hc-schedule-time-grid-day-name[b-b96jevkdnq] {
    color: var(--hc-schedule-muted-text);
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.hc-schedule-time-grid-day-number[b-b96jevkdnq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.875rem;
    min-height: 1.875rem;
    border-radius: 999px;
    font-weight: 800;
}

.hc-schedule-time-grid-day-template[b-b96jevkdnq] {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hc-schedule-time-grid-day-today .hc-schedule-time-grid-day-number[b-b96jevkdnq] {
    color: #ffffff;
    background: var(--hc-schedule-accent);
}

.hc-schedule-time-grid-day-selected[b-b96jevkdnq] {
    box-shadow: inset 0 -2px 0 var(--hc-schedule-accent);
}

.hc-schedule-time-grid-day-weekend[b-b96jevkdnq],
.hc-schedule-time-grid-day-column-weekend[b-b96jevkdnq] {
    background: #fafafa;
}

.hc-schedule-time-grid-day-holiday[b-b96jevkdnq],
.hc-schedule-time-grid-day-column-holiday[b-b96jevkdnq] {
    background-image: linear-gradient(180deg, rgba(124, 58, 237, .08), rgba(124, 58, 237, 0));
}

.hc-schedule-time-grid-day-blocked[b-b96jevkdnq],
.hc-schedule-time-grid-day-column-blocked[b-b96jevkdnq] {
    background-image: linear-gradient(135deg, rgba(220, 38, 38, .07), rgba(220, 38, 38, 0));
}

.hc-schedule-time-grid-day-closed[b-b96jevkdnq],
.hc-schedule-time-grid-day-column-closed[b-b96jevkdnq] {
    background-color: #f3f4f6;
}

.hc-schedule-time-grid-day-markers[b-b96jevkdnq] {
    display: flex;
    justify-content: center;
    gap: .25rem;
    max-width: 100%;
    overflow: hidden;
}

.hc-schedule-time-grid-day-marker[b-b96jevkdnq] {
    border-radius: .25rem;
    padding: .0625rem .25rem;
    color: var(--hc-schedule-muted-text);
    background: var(--hc-schedule-muted-surface);
    font-size: .625rem;
    font-weight: 700;
}

.hc-schedule-time-grid-day-marker-holiday[b-b96jevkdnq] {
    color: #5b21b6;
    background: #ede9fe;
}

.hc-schedule-time-grid-day-marker-blocked[b-b96jevkdnq] {
    color: #991b1b;
    background: #fee2e2;
}

.hc-schedule-time-grid-day-marker-hours[b-b96jevkdnq] {
    color: #075985;
    background: #e0f2fe;
}

.hc-schedule-time-grid-day-marker-closed[b-b96jevkdnq] {
    color: #374151;
    background: #e5e7eb;
}

.hc-schedule-time-grid-all-day-label[b-b96jevkdnq],
.hc-schedule-time-grid-all-day[b-b96jevkdnq] {
    min-height: 3rem;
    border-bottom: 1px solid var(--hc-schedule-border);
    background: var(--hc-schedule-muted-surface);
}

.hc-schedule-time-grid-all-day-label[b-b96jevkdnq] {
    position: sticky;
    left: 0;
    z-index: 7;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: .5rem .625rem;
    border-right: 1px solid var(--hc-schedule-border);
    color: var(--hc-schedule-muted-text);
    font-size: .75rem;
    font-weight: 700;
}

.hc-schedule-time-grid-all-day[b-b96jevkdnq] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: .375rem;
    border-right: 1px solid var(--hc-schedule-border);
}

.hc-schedule-time-ruler[b-b96jevkdnq] {
    position: sticky;
    left: 0;
    z-index: 6;
    border-right: 1px solid var(--hc-schedule-border);
    background: var(--hc-schedule-surface);
}

.hc-schedule-time-ruler-slot[b-b96jevkdnq] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    min-height: 2.25rem;
    padding: .25rem .625rem 0 .25rem;
    border-bottom: 1px solid var(--hc-schedule-border);
    color: var(--hc-schedule-muted-text);
    font-size: .6875rem;
    font-weight: 700;
}

.hc-schedule-time-grid-day-column[b-b96jevkdnq] {
    position: relative;
    min-width: 0;
    border-right: 1px solid var(--hc-schedule-border);
    background: var(--hc-schedule-surface);
}

.hc-schedule-time-grid-day-column-today[b-b96jevkdnq] {
    background: #fbfdff;
}

.hc-schedule-time-slot[b-b96jevkdnq] {
    display: block;
    width: 100%;
    min-height: 2.25rem;
    border: 0;
    border-bottom: 1px solid var(--hc-schedule-border);
    background: transparent;
    cursor: pointer;
}

.hc-schedule-time-slot-working[b-b96jevkdnq] {
    background: rgba(37, 99, 235, .025);
}

.hc-schedule-time-slot-nonbusiness[b-b96jevkdnq] {
    background: #f8fafc;
}

.hc-schedule-time-slot-closed[b-b96jevkdnq] {
    background-color: #f3f4f6;
    background-image: repeating-linear-gradient(
        135deg,
        rgba(107, 114, 128, .08) 0,
        rgba(107, 114, 128, .08) .375rem,
        transparent .375rem,
        transparent .75rem);
}

.hc-schedule-time-slot:hover[b-b96jevkdnq] {
    background: var(--hc-schedule-accent-surface);
}

.hc-schedule-time-slot:focus-visible[b-b96jevkdnq] {
    outline: 2px solid rgba(37, 99, 235, .35);
    outline-offset: -2px;
}

.hc-schedule-time-slot-current .hc-schedule-time-slot-snap[b-b96jevkdnq] {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--hc-schedule-danger);
}

.hc-schedule-current-time[b-b96jevkdnq] {
    position: absolute;
    right: 0;
    left: 0;
    height: 2px;
    pointer-events: none;
    background: var(--hc-schedule-danger);
}

.hc-schedule-current-time[b-b96jevkdnq]::before {
    position: absolute;
    top: -4px;
    left: -4px;
    width: .625rem;
    height: .625rem;
    border-radius: 999px;
    background: var(--hc-schedule-danger);
    content: "";
}

.hc-schedule-time-grid-closed-state[b-b96jevkdnq] {
    position: absolute;
    top: 1rem;
    right: .75rem;
    left: .75rem;
    z-index: 2;
    border: 1px solid #d1d5db;
    border-radius: .375rem;
    padding: .5rem;
    color: #374151;
    background: rgba(255, 255, 255, .9);
    font-size: .75rem;
    font-weight: 800;
    text-align: center;
    pointer-events: none;
}

.hc-schedule-time-event[b-b96jevkdnq] {
    position: absolute;
    min-height: 1.5rem;
    border: 0;
    border-radius: .375rem;
    padding: .25rem .375rem;
    overflow: hidden;
    color: #1d4ed8;
    background: #dbeafe;
    font-size: .75rem;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.hc-schedule-time-event:hover[b-b96jevkdnq] {
    background: #bfdbfe;
}

.hc-schedule-time-event:focus-visible[b-b96jevkdnq] {
    outline: 2px solid rgba(37, 99, 235, .4);
    outline-offset: 1px;
}

.hc-schedule-time-event-all-day[b-b96jevkdnq] {
    position: relative;
    width: 100%;
    min-height: 1.5rem;
    color: #155e75;
    background: #cffafe;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hc-schedule-time-grid-state[b-b96jevkdnq] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16rem;
    padding: 2rem;
    color: var(--hc-schedule-muted-text);
    font-weight: 600;
}

@media (max-width: 760px) {
    .hc-schedule-time-grid-shell[b-b96jevkdnq] {
        min-width: 40rem;
    }

    .hc-schedule-time-grid-corner[b-b96jevkdnq],
    .hc-schedule-time-grid-day-header[b-b96jevkdnq] {
        min-height: 3.25rem;
    }

    .hc-schedule-time-ruler-slot[b-b96jevkdnq],
    .hc-schedule-time-slot[b-b96jevkdnq] {
        min-height: 2rem;
    }
}
/* _content/Hoodcoder.Blazor/Components/Scheduling/Views/HCScheduleTimelineView.razor.rz.scp.css */
.hc-schedule-timeline[b-pgmpw2modz] {
    min-height: 100%;
    background: var(--hc-schedule-surface);
}

.hc-schedule-timeline-scroll[b-pgmpw2modz] {
    min-height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.hc-schedule-timeline-grid[b-pgmpw2modz] {
    display: grid;
    min-width: 56rem;
    min-height: 100%;
}

.hc-schedule-timeline-day-header[b-pgmpw2modz] {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: .125rem;
    min-height: 3.5rem;
    border: 0;
    border-right: 1px solid var(--hc-schedule-border);
    border-bottom: 1px solid var(--hc-schedule-border);
    padding: .625rem .75rem;
    color: var(--hc-schedule-text);
    background: var(--hc-schedule-surface);
    text-align: left;
    cursor: pointer;
}

.hc-schedule-timeline-day-header span[b-pgmpw2modz] {
    color: var(--hc-schedule-muted-text);
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.hc-schedule-timeline-day-header strong[b-pgmpw2modz] {
    font-size: .9375rem;
}

.hc-schedule-timeline-day-header:hover[b-pgmpw2modz] {
    background: var(--hc-schedule-accent-surface);
}

.hc-schedule-timeline-day-header:focus-visible[b-pgmpw2modz] {
    outline: 3px solid rgba(37, 99, 235, .25);
    outline-offset: -3px;
}

.hc-schedule-timeline-day[b-pgmpw2modz] {
    content-visibility: auto;
    contain-intrinsic-size: 18rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    min-height: 24rem;
    border-right: 1px solid var(--hc-schedule-border);
    padding: .75rem;
    background: var(--hc-schedule-surface);
    scroll-snap-align: start;
}

.hc-schedule-timeline-day-weekend[b-pgmpw2modz] {
    background: #fafafa;
}

.hc-schedule-timeline-day-holiday[b-pgmpw2modz] {
    background-image: linear-gradient(180deg, rgba(124, 58, 237, .08), rgba(124, 58, 237, 0));
}

.hc-schedule-timeline-day-blocked[b-pgmpw2modz] {
    background-image: linear-gradient(135deg, rgba(220, 38, 38, .07), rgba(220, 38, 38, 0));
}

.hc-schedule-timeline-day-closed[b-pgmpw2modz] {
    background-color: #f3f4f6;
}

.hc-schedule-timeline-day-today[b-pgmpw2modz],
.hc-schedule-timeline-day-header.hc-schedule-timeline-day-today[b-pgmpw2modz] {
    background: #fbfdff;
}

.hc-schedule-timeline-day-selected[b-pgmpw2modz] {
    box-shadow: inset 0 -2px 0 var(--hc-schedule-accent);
}

.hc-schedule-timeline-cell-template[b-pgmpw2modz] {
    min-width: 0;
}

.hc-schedule-timeline-day-markers[b-pgmpw2modz] {
    display: flex;
    gap: .25rem;
    max-width: 100%;
    overflow: hidden;
}

.hc-schedule-timeline-day-marker[b-pgmpw2modz] {
    border-radius: .25rem;
    padding: .0625rem .25rem;
    color: var(--hc-schedule-muted-text);
    background: var(--hc-schedule-muted-surface);
    font-size: .625rem;
    font-weight: 700;
    text-transform: none;
}

.hc-schedule-timeline-day-marker-holiday[b-pgmpw2modz] {
    color: #5b21b6;
    background: #ede9fe;
}

.hc-schedule-timeline-day-marker-blocked[b-pgmpw2modz] {
    color: #991b1b;
    background: #fee2e2;
}

.hc-schedule-timeline-day-marker-hours[b-pgmpw2modz] {
    color: #075985;
    background: #e0f2fe;
}

.hc-schedule-timeline-day-marker-closed[b-pgmpw2modz] {
    color: #374151;
    background: #e5e7eb;
}

.hc-schedule-timeline-event[b-pgmpw2modz] {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: .25rem;
    width: 100%;
    min-height: 3rem;
    border: 1px solid transparent;
    border-radius: .5rem;
    padding: .5rem .625rem;
    color: var(--hc-schedule-text);
    background: #eef4ff;
    text-align: left;
    cursor: pointer;
}

.hc-schedule-timeline-event:hover[b-pgmpw2modz] {
    border-color: var(--hc-schedule-accent);
    background: var(--hc-schedule-accent-surface);
}

.hc-schedule-timeline-event:focus-visible[b-pgmpw2modz] {
    outline: 3px solid rgba(37, 99, 235, .25);
    outline-offset: 2px;
}

.hc-schedule-timeline-event-all-day[b-pgmpw2modz] {
    background: #cffafe;
}

.hc-schedule-timeline-event-time[b-pgmpw2modz] {
    color: var(--hc-schedule-muted-text);
    font-size: .75rem;
    font-weight: 800;
}

.hc-schedule-timeline-event-title[b-pgmpw2modz] {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

.hc-schedule-timeline-state[b-pgmpw2modz] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16rem;
    padding: 2rem;
    color: var(--hc-schedule-muted-text);
    font-weight: 600;
}

@media (max-width: 760px) {
    .hc-schedule-timeline-grid[b-pgmpw2modz] {
        min-width: 42rem;
    }

    .hc-schedule-timeline-day[b-pgmpw2modz] {
        min-height: 18rem;
        padding: .5rem;
    }
}
/* _content/Hoodcoder.Blazor/Components/Selects/Shared/HCSelect.razor.rz.scp.css */
/* =========================================================
   SEARCH SELECT ROOT
========================================================= */

.hc-search-select[b-h8zdoa4rir] {
    --hc-select-height: var(--hc-select-height-md, 2.75rem);
    --hc-select-font-size: .95rem;
    --hc-select-padding-x: 18px;
    --hc-select-border: #d4d4d8;
    --hc-select-border-focus: #818cf8;
    --hc-select-border-invalid: #dc2626;
    --hc-select-border-warning: #d97706;
    --hc-select-border-valid: #16a34a;
    --hc-select-bg: #ffffff;
    --hc-select-hover: rgba(99, 102, 241, .08);
    --hc-select-active: rgba(99, 102, 241, .12);
    --hc-select-selected: rgba(99, 102, 241, .16);
    --hc-select-shadow-hover: 0 0 0 4px rgba(99, 102, 241, .08);
    --hc-select-shadow-focus: inset 0 0 0 5px rgba(99, 102, 241, .12);
    --hc-form-control-glow-space: .375rem;
    position: relative;
    width: 100%;
    overflow: visible;
    font-size: var(--hc-select-font-size);
}

/* =========================================================
   SIZES
========================================================= */

.hc-select-sm[b-h8zdoa4rir] {
    --hc-select-height: var(--hc-select-height-sm, 2.25rem);
    --hc-select-font-size: .875rem;
    --hc-select-padding-x: 14px;
    --hc-select-trigger-icon-size: 1.25rem;
}

.hc-select-md[b-h8zdoa4rir] {
    --hc-select-height: var(--hc-select-height-md, 2.75rem);
    --hc-select-font-size: .95rem;
    --hc-select-padding-x: 18px;
    --hc-select-trigger-icon-size: 1.75rem;
}

.hc-select-lg[b-h8zdoa4rir] {
    --hc-select-height: var(--hc-select-height-lg, 3.25rem);
    --hc-select-font-size: 1rem;
    --hc-select-padding-x: 22px;
    --hc-select-trigger-icon-size: 2rem;
}

/* =========================================================
   READONLY
========================================================= */

.hc-search-select.readonly[b-h8zdoa4rir] {
    opacity: .92;
}

.hc-search-select.readonly[b-h8zdoa4rir]  .hc-search-select-control {
    background: #f8f9fa;
    cursor: default;
}

.hc-search-select.readonly[b-h8zdoa4rir]  input {
    cursor: default;
}

/* =========================================================
   VALUE
========================================================= */

.hc-search-select-value[b-h8zdoa4rir] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    height: var(--hc-select-height);
    padding: 0 var(--hc-select-padding-x);
    font-size: var(--hc-select-font-size);
    cursor: pointer;
}

.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control {
    height: var(--hc-select-height);
    min-height: var(--hc-select-height);
    width: calc(100% - (var(--hc-form-control-glow-space, .375rem) * 2));
    margin: var(--hc-form-control-glow-space, .375rem);
    box-sizing: border-box;
}

/*
 * Select triggers form one visual control with the parent shell. The exposed
 * outer edge follows the select radius while the mating edge stays square.
 * Border-radius is paint-only and does not change the occupied geometry.
 */
.hc-search-select[b-h8zdoa4rir]  .hc-search-select-start {
    --hc-icon-size: var(--hc-select-trigger-icon-size);
    --hc-button-icon-only-size: var(--hc-select-trigger-icon-size);
    flex: 0 0 var(--hc-select-height);
    width: var(--hc-select-height);
    min-width: var(--hc-select-height);
    height: var(--hc-select-height);
    min-height: var(--hc-select-height);
    border-color: var(--hc-select-border);
    border-right-width: 0;
    border-radius: calc(var(--hc-select-height) / 3) 0 0 calc(var(--hc-select-height) / 3);
}

.hc-search-select[b-h8zdoa4rir]  .hc-search-select-end {
    --hc-icon-size: var(--hc-select-trigger-icon-size);
    --hc-button-icon-only-size: var(--hc-select-trigger-icon-size);
    flex: 0 0 var(--hc-select-height);
    width: var(--hc-select-height);
    min-width: var(--hc-select-height);
    height: var(--hc-select-height);
    min-height: var(--hc-select-height);
    border-color: var(--hc-select-border);
    border-left-width: 0;
    border-radius: 0 calc(var(--hc-select-height) / 3) calc(var(--hc-select-height) / 3) 0;
}

.hc-search-select[b-h8zdoa4rir]  .hc-search-select-start i.hc,
.hc-search-select[b-h8zdoa4rir]  .hc-search-select-end i.hc {
    --hc-icon-size: var(--hc-select-trigger-icon-size);
}

.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control.open .hc-search-select-start,
.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control.open .hc-search-select-end,
.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control:focus-within .hc-search-select-start,
.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control:focus-within .hc-search-select-end {
    border-color: var(--hc-select-border-focus);
}

.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control.hc-invalid .hc-search-select-start,
.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control.hc-invalid .hc-search-select-end {
    border-color: var(--hc-select-border-invalid);
}

.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control.hc-warning .hc-search-select-start,
.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control.hc-warning .hc-search-select-end {
    border-color: var(--hc-select-border-warning);
}

.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control.hc-valid .hc-search-select-start,
.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control.hc-valid .hc-search-select-end {
    border-color: var(--hc-select-border-valid);
}

.hc-search-select-value:focus-visible[b-h8zdoa4rir] {
    outline: none;
}

/*
 * The rounded control shell owns the active/focus paint. Keep the single-value
 * surface transparent so host input or role-button focus rules cannot add a
 * second rectangular lavender layer inside it.
 */
.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control:not(.hc-search-select-control--multi).open .hc-search-select-input,
.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control:not(.hc-search-select-control--multi):focus-within .hc-search-select-input,
.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control:not(.hc-search-select-control--multi).open .hc-search-select-value,
.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control:not(.hc-search-select-control--multi):focus-within .hc-search-select-value {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control.open .hc-search-select-icon {
    transform: rotate(180deg);
}

/* =========================================================
   MULTI VALUE DISPLAY
========================================================= */

.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control--multi-values {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(44px, .6fr) auto;
    height: auto;
    min-height: var(--hc-select-height);
    align-items: center;
    gap: .375rem;
    padding: .25rem .5rem;
}

.hc-search-select-values[b-h8zdoa4rir] {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    flex-wrap: wrap;
    gap: .375rem;
    min-width: 0;
    max-width: 100%;
}

.hc-search-select-chip[b-h8zdoa4rir] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    padding: .25rem .55rem;
    border: 1px solid rgba(99, 102, 241, .22);
    border-radius: 999px;
    background: var(--hc-select-selected);
    color: #4338ca;
    font-size: .82em;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hc-search-select[b-h8zdoa4rir]  .hc-search-select-input--multi-values {
    width: 100%;
    min-width: 44px;
    min-height: calc(var(--hc-select-height) - .5rem);
    padding: 0 .25rem;
}

.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control--multi-values .hc-search-select-actions {
    flex: 0 0 auto;
    gap: .125rem;
    min-width: 0;
    padding-right: .25rem;
}

.hc-search-select[b-h8zdoa4rir]  .hc-search-select-control--multi-values .hc-search-select-clear {
    width: 44px;
    height: 44px;
}

/* =========================================================
   PANEL
========================================================= */

.hc-search-select-panel[b-h8zdoa4rir] {
    position: absolute;
    z-index: 5000;
    top: calc(100% + 8px);
    right: 0;
    left: auto;
    width: min(var(--hc-select-panel-width, 420px), calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    max-height: min(70vh, calc(100vh - 24px));
    overflow: auto;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 18px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 12px 32px rgba(15, 23, 42, .12);
    backdrop-filter: blur(10px);
    animation: hc-select-panel-enter-b-h8zdoa4rir .14s ease;
}

.hc-search-select-panel--anchor-left[b-h8zdoa4rir] {
    right: auto;
    left: 0;
}

.hc-search-select-panel--anchor-right[b-h8zdoa4rir] {
    right: 0;
    left: auto;
}

.hc-search-select-panel-backdrop[b-h8zdoa4rir] {
    position: fixed;
    inset: 0;
    z-index: 1390;
}

@keyframes hc-select-panel-enter-b-h8zdoa4rir {
    from {
        opacity: 0;
        transform: translateY(-4px) scale(.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* _content/Hoodcoder.Blazor/Components/Selects/Shared/HCSelectActions.razor.rz.scp.css */
/* =========================================================
   ACTIONS
========================================================= */

.hc-search-select-actions[b-ta6z9w6n2v] {
    display: flex;
    align-items: center;
    gap: var(--hc-select-action-gap, .25rem);
    padding-right: var(--hc-select-action-edge-gap, .25rem);
}

.hc-search-select-clear[b-ta6z9w6n2v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--hc-select-height, 2.75rem) - 12px);
    height: calc(var(--hc-select-height, 2.75rem) - 12px);
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--hc-danger);
    cursor: pointer;
    transition: background .14s ease, color .14s ease;
}

.hc-search-select-clear:hover[b-ta6z9w6n2v] {
    background: var(--hc-danger-bg);
    color: var(--hc-danger);
}

.hc-search-select-clear:focus-visible[b-ta6z9w6n2v] {
    outline: none;
    box-shadow: var(--hc-form-control-focus-shadow, inset 0 0 0 2px rgba(99, 102, 241, .5));
}

.hc-search-select-clear:disabled[b-ta6z9w6n2v] {
    opacity: .55;
    cursor: not-allowed;
}

.hc-search-select-icon[b-ta6z9w6n2v] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 13px;
    transition: transform .16s ease, color .14s ease;
}
/* _content/Hoodcoder.Blazor/Components/Selects/Shared/HCSelectBackdrop.razor.rz.scp.css */
/* =========================================================
   BACKDROP
========================================================= */

.hc-search-select-backdrop[b-2dtnse9lli] {
    position: fixed;
    inset: 0;
    z-index: 2147482998;
    background: transparent;
}
/* _content/Hoodcoder.Blazor/Components/Selects/Shared/HCSelectControl.razor.rz.scp.css */
/* =========================================================
   CONTROL
========================================================= */

.hc-search-select-control[b-ajs7dv81gp] {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: var(--hc-select-height, 2.75rem);
    min-height: var(--hc-select-height);
    width: calc(100% - (var(--hc-form-control-glow-space, .375rem) * 2));
    border: 1px solid var(--hc-select-border, #d4d4d8);
    margin: var(--hc-form-control-glow-space, .375rem);
    border-radius: calc(var(--hc-select-height) / 3);
    background: var(--hc-select-bg);
    overflow: visible;
    font-size: var(--hc-select-font-size);
    transition: border-color .16s ease, box-shadow .16s ease, transform .12s ease;
}

.hc-search-select-control:hover[b-ajs7dv81gp] {
    border-color: var(--hc-select-border-hover, #a5b4fc);
    box-shadow: var(--hc-select-shadow-hover, 0 0 0 4px rgba(99, 102, 241, .08));
}

.hc-search-select-control--small[b-ajs7dv81gp] {
    min-height: var(--hc-select-height-sm);
}

.hc-search-select-control--medium[b-ajs7dv81gp] {
    min-height: var(--hc-select-height-md);
}

.hc-search-select-control--large[b-ajs7dv81gp] {
    min-height: var(--hc-select-height-lg);
}

/*
 * Preserve the established active/open treatment while painting its glow
 * inside the rounded boundary so it cannot enlarge the occupied box.
 */
.hc-search-select-control.open[b-ajs7dv81gp],
.hc-search-select-control:focus-within[b-ajs7dv81gp] {
    border-color: var(--hc-select-border-focus, #818cf8);
    box-shadow: var(--hc-select-shadow-focus, inset 0 0 0 5px rgba(99, 102, 241, .12));
}

.hc-search-select-control.disabled[b-ajs7dv81gp] {
    opacity: .65;
    pointer-events: none;
}

/* =========================================================
   VALIDATION
========================================================= */

.hc-search-select-control.valid[b-ajs7dv81gp],
.hc-search-select-control.invalid[b-ajs7dv81gp],
.hc-search-select-control.modified[b-ajs7dv81gp] {
    box-shadow: none !important;
}

.hc-search-select-control.hc-invalid[b-ajs7dv81gp] {
    border-color: var(--hc-select-border-invalid, #dc2626) !important;
    box-shadow: 0 0 0 4px rgba(220, 38, 38, .12) !important;
}

.hc-search-select-control.hc-warning[b-ajs7dv81gp] {
    border-color: var(--hc-select-border-warning, #d97706) !important;
    box-shadow: 0 0 0 4px rgba(217, 119, 6, .12) !important;
}

.hc-search-select-control.hc-valid[b-ajs7dv81gp] {
    border-color: var(--hc-select-border-valid, #16a34a) !important;
    box-shadow: 0 0 0 4px rgba(22, 163, 74, .12) !important;
}

.hc-search-select-control.hc-invalid:focus-within[b-ajs7dv81gp],
.hc-search-select-control.hc-warning:focus-within[b-ajs7dv81gp],
.hc-search-select-control.hc-valid:focus-within[b-ajs7dv81gp] {
    box-shadow: var(--hc-select-shadow-focus, inset 0 0 0 5px rgba(99, 102, 241, .12)), inset 0 0 0 2px currentColor !important;
}
/* _content/Hoodcoder.Blazor/Components/Selects/Shared/HCSelectEmpty.razor.rz.scp.css */
/* =========================================================
   EMPTY
========================================================= */

.hc-search-select-empty[b-315xys11g9] {
    padding: 24px;
    color: #64748b;
    font-size: 14px;
    text-align: center;
}

.hc-search-select-empty-default[b-315xys11g9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
/* _content/Hoodcoder.Blazor/Components/Selects/Shared/HCSelectGroupHeader.razor.rz.scp.css */
/* =========================================================
   GROUP HEADER
========================================================= */

.hc-search-select-group-header[b-7oyzzy34js] {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    padding: 18px 14px 10px;
    margin-top: 2px;
    background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, .98) 100%);
}

.hc-search-select-group-header-text[b-7oyzzy34js] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #475569;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.hc-search-select-group-header-text[b-7oyzzy34js]::before {
    content: "";
    width: 6px;
    height: 2px;
    border-radius: 999px;
    background: #818cf8;
    opacity: .9;
}
/* _content/Hoodcoder.Blazor/Components/Selects/Shared/HCSelectInput.razor.rz.scp.css */
/* =========================================================
   INPUT
========================================================= */

.hc-search-select-input[b-g6gnjc4lgs] {
    flex: 1;
    width: 100%;
    min-width: 0;
    min-height: inherit;
    padding: 0 var(--hc-select-padding-x);
    border: none;
    outline: none;
    background: transparent;
    color: #111827;
    font-size: var(--hc-select-font-size);
    font-weight: 500;
}

.hc-search-select-input[b-g6gnjc4lgs]::placeholder {
    color: #9ca3af;
}
/* _content/Hoodcoder.Blazor/Components/Selects/Shared/HCSelectLoading.razor.rz.scp.css */
/* =========================================================
   LOADING
========================================================= */

.hc-search-select-loading[b-uui81wyd4m] {
    padding: 24px;
    color: #64748b;
    font-size: 14px;
    text-align: center;
}

.hc-search-select-loading-default[b-uui81wyd4m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hc-search-select-loading-text[b-uui81wyd4m] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* _content/Hoodcoder.Blazor/Components/Selects/Shared/HCSelectMenu.razor.rz.scp.css */
/* =========================================================
   MENU
========================================================= */

.hc-search-select-menu[b-aznwka6wv2] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    left: 0;
    z-index: 2147483000;
    max-height: 420px;
    padding: 8px;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: var(--hc-input-radius-lg);
    border-radius: calc(var(--hc-select-height) / 2.5);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 24px 48px rgba(15, 23, 42, .14), 0 8px 18px rgba(15, 23, 42, .08);
    color: #111827;
    opacity: 1;
    visibility: visible;
    backdrop-filter: blur(10px);
    animation: hc-search-select-fade-in-b-aznwka6wv2 .16s ease;
}

.hc-search-select-menu-item-default[b-aznwka6wv2] {
    display: flex;
    min-width: 0;
    width: 100%;
}

.hc-search-select-menu-item-default span[b-aznwka6wv2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hc-search-select-menu[b-aznwka6wv2]::-webkit-scrollbar {
    width: 10px;
}

.hc-search-select-menu[b-aznwka6wv2]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #d4d4d8;
}

.hc-search-select-menu[b-aznwka6wv2]::-webkit-scrollbar-thumb:hover {
    background: #a1a1aa;
}

@keyframes hc-search-select-fade-in-b-aznwka6wv2 {
    from {
        opacity: 0;
        transform: translateY(6px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* _content/Hoodcoder.Blazor/Components/Selects/Shared/HCSelectMenuItem.razor.rz.scp.css */
/* =========================================================
   MENU ITEM
========================================================= */

.hc-search-select-menu-item[b-h2t0e930kd] {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: var(--hc-select-height-md);
    padding: 0 10px;
    overflow: visible;
    border-radius: calc(var(--hc-select-height) / 3.2);
    cursor: pointer;
    user-select: none;
    transition: background .14s ease, transform .08s ease, box-shadow .14s ease;
}

.hc-search-select-menu-item + .hc-search-select-menu-item[b-h2t0e930kd] {
    margin-top: 4px;
}

.hc-search-select-menu-item > *[b-h2t0e930kd] {
    min-width: 0;
}

.hc-search-select-menu-item:hover[b-h2t0e930kd] {
    background: rgba(99, 102, 241, .08);
}

.hc-search-select-menu-item.active[b-h2t0e930kd] {
    background: rgba(99, 102, 241, .12);
}

.hc-search-select-menu-item.selected[b-h2t0e930kd] {
    background: rgba(99, 102, 241, .16);
}

.hc-search-select-menu-item.selected[b-h2t0e930kd]::after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-left: auto;
    border-radius: 999px;
    background: rgba(99, 102, 241, .12);
    color: #6366f1;
    font-size: 11px;
    font-weight: 700;
}

.hc-search-select-menu-item.selected[b-h2t0e930kd]::before {
    content: "";
    position: absolute;
    right: 17px;
    width: 9px;
    height: 5px;
    border-left: 2px solid #6366f1;
    border-bottom: 2px solid #6366f1;
    transform: rotate(-45deg);
}

.hc-search-select-menu-item.disabled[b-h2t0e930kd] {
    opacity: .5;
    pointer-events: none;
}

/* =========================================================
   DELETE BUTTON
========================================================= */

.hc-search-select-delete[b-h2t0e930kd] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--hc-select-height) * .45);
    height: calc(var(--hc-select-height) * .45);
    border: none;
    border-radius: 999px;
    background: transparent;
    color: #94a3b8;
    opacity: 0;
    transition: .14s ease;
}

.hc-search-select-menu-item:hover .hc-search-select-delete[b-h2t0e930kd],
.hc-search-select-delete:focus-visible[b-h2t0e930kd] {
    opacity: 1;
}

.hc-search-select-delete:hover[b-h2t0e930kd] {
    background: #f3f4f6;
    color: #dc2626;
}
/* _content/Hoodcoder.Blazor/Components/Selects/Shared/HCSelectOptionView.razor.rz.scp.css */
/* =========================================================
   OPTION VIEW
========================================================= */

.hc-search-select-option[b-cbkut3p1kd] {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-width: 0;
}

.hc-search-select-option-image[b-cbkut3p1kd] {
    flex-shrink: 0;
    width: calc(var(--hc-select-height-md) - 6px);
    height: calc(var(--hc-select-height-md) - 6px);
    border-radius: 999px;
    object-fit: cover;
}

.hc-search-select-option-icon[b-cbkut3p1kd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: calc(var(--hc-select-height-md) - 6px);
    height: calc(var(--hc-select-height-md) - 6px);
    color: #64748b;
}

.hc-search-select-option-content[b-cbkut3p1kd] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.hc-search-select-option-main[b-cbkut3p1kd] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.hc-search-select-option-title[b-cbkut3p1kd] {
    flex: 1;
    overflow: hidden;
    color: #334155;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hc-search-select-option-subtitle[b-cbkut3p1kd] {
    flex-shrink: 0;
    overflow: hidden;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hc-search-select-option-badge[b-cbkut3p1kd] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(99, 102, 241, .10);
    color: #4f46e5;
    font-size: 12px;
    font-weight: 700;
}

.hc-search-select-option-end[b-cbkut3p1kd] {
    flex-shrink: 0;
    margin-left: auto;
}
/* _content/Hoodcoder.Blazor/Components/Tables/Shared/HCTable.razor.rz.scp.css */
/* =========================================================
   TABLE SHELL
   ========================================================= */

.hc-table-layout-wrapper[b-yucfmlm223] {
    width: 100%;
    min-width: 0;
    min-height: 0;
}

.hc-table-layout-wrapper.hc-table-layout-constrained[b-yucfmlm223] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.hc-table-layout-wrapper.hc-table-layout-constrained > .hc-editable-table-wrapper[b-yucfmlm223] {
    flex: 1 1 auto;
    min-height: 0;
}

.hc-table[b-yucfmlm223] {
    width: 100%;
}

.hc-editable-table-wrapper[b-yucfmlm223] {
    width: 100%;
    overflow: visible;
    position: relative;
    border: 1px solid #eff2f5;
    border-radius: .75rem;
    background-color: #fff;
}

    .hc-editable-table-wrapper.hc-compact[b-yucfmlm223] {
        border-radius: .5rem;
    }

    /* =========================================================
   TOOLBAR
   ========================================================= */

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem 1.25rem;
        border-bottom: 1px solid #eff2f5;
        background-color: #fff;
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-toolbar-left,
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-toolbar-right {
        display: flex;
        align-items: center;
        gap: .75rem;
        min-width: 0;
    }

    /* =========================================================
   GRID LAYOUT
   ========================================================= */

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-header,
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-row {
        display: grid;
        grid-auto-flow: column;
        width: 100%;
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-body {
        position: relative;
        width: 100%;
        overflow: visible;
    }

    /* =========================================================
   HEADER
   ========================================================= */

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-header {
        align-items: center;
        min-height: 52px;
        border-bottom: 1px solid #eff2f5;
        background-color: #fcfcfc;
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-header-cell {
        min-width: 0;
        overflow: hidden;
        padding: .9rem 1rem;
        color: #a1a5b7;
        font-size: .75rem;
        font-weight: 700;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: nowrap;
    }

    /* =========================================================
   ROWS
   ========================================================= */

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-row {
        align-items: center;
        min-height: 64px;
        border-bottom: 1px solid #f1f1f2;
        transition: background-color .15s ease;
    }

        .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-row:hover {
            background-color: #fafafa;
        }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editing-row {
        position: relative;
        z-index: 200;
        isolation: isolate;
        background-color: #fcfcfc;
    }

    /* =========================================================
   DETAIL ROWS
   ========================================================= */

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-detail-row {
        display: grid;
        width: 100%;
        background-color: #fff;
        border-bottom: 1px solid #f1f1f2;
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-detail-cell {
        min-width: 0;
        padding: 0 1rem .75rem 1rem;
        color: #7e8299;
        font-size: .8125rem;
        line-height: 1.5;
    }

        .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-detail-cell > * {
            width: 100%;
            min-width: 0;
        }

    .hc-editable-table-wrapper.hc-compact[b-yucfmlm223]  .hc-editable-detail-cell {
        padding: 0 .85rem .65rem .85rem;
        font-size: .75rem;
    }

    /* =========================================================
   CELLS
   ========================================================= */

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-cell {
        position: relative;
        display: flex;
        align-items: center;
        min-width: 0;
        overflow: visible;
        padding: .85rem 1rem;
    }

        .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-cell > * {
            width: 100%;
            min-width: 0;
            max-width: 100%;
        }

        /* =========================================================
   SYNCFUSION CONTROL FIT
   ========================================================= */

        .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-cell .e-control-wrapper,
        .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-cell .e-input-group,
        .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-cell .e-dropdownlist,
        .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-cell .e-numerictextbox,
        .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-cell .e-ddl,
        .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-cell .e-input,
        .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-cell .e-control {
            box-sizing: border-box;
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
        }

        .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-cell .e-input-group {
            display: flex;
            align-items: center;
            overflow: hidden;
        }

        .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-cell .e-spin-up,
        .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-cell .e-spin-down {
            flex: 0 0 32px;
        }

    /* =========================================================
   INPUTS
   ========================================================= */

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-row input,
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-row select,
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-row textarea,
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-row .e-control-wrapper,
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-row .e-dropdownlist,
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-row .e-numerictextbox {
        width: 100% !important;
    }

    /* =========================================================
   ACTIONS
   ========================================================= */

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: flex-end;
        gap: var(--hc-table-action-gap, .5rem);
        min-width: 0;
        white-space: normal;
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions > *,
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions > button,
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions > .hc-button,
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions > [role="button"] {
        flex: 0 0 auto;
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions:has(> :nth-child(2):last-child) > * {
        flex: 1 1 calc((100% - var(--hc-table-action-gap, .5rem)) / 2);
        min-width: 2.75rem;
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions:has(> :nth-child(2):last-child) > * > .hc-button {
        width: 100%;
    }

    /* Action buttons use outline-colored HC icons on a transparent surface. */
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions .hc-button {
        --hc-button-icon-primary: currentColor;
        --hc-button-icon-secondary: transparent;
        --hc-button-icon-secondary-opacity: 0;
        border-color: currentColor;
        background: transparent;
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions .hc-button-primary,
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions .hc-button-outline-primary {
        color: var(--hc-primary, #3b82f6);
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions .hc-button-secondary,
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions .hc-button-outline-secondary {
        color: var(--hc-secondary, #64748b);
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions .hc-button-success,
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions .hc-button-outline-success {
        color: var(--hc-success, #22c55e);
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions .hc-button-danger,
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions .hc-button-outline-danger {
        color: var(--hc-danger, #ef4444);
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions .hc-button-warning,
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions .hc-button-outline-warning {
        color: var(--hc-warning, #f59e0b);
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions .hc-button-info,
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions .hc-button-outline-info {
        color: var(--hc-info, #06b6d4);
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions .hc-button-purple,
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-actions .hc-button-outline-purple {
        color: var(--hc-button-purple, var(--hc-purple, #a855f7));
    }

    /* =========================================================
   EMPTY STATE
   ========================================================= */

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-empty {
        padding: 3rem 1rem;
        color: #a1a5b7;
        text-align: center;
    }

    /* =========================================================
   BUTTONS
   ========================================================= */

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: .6rem 1rem;
        border: 1px solid #dbdfe9;
        border-radius: .475rem;
        background-color: #fff;
        cursor: pointer;
        font-size: .875rem;
        font-weight: 600;
        line-height: 1;
        transition: all .15s ease;
    }

        .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-btn:hover {
            background-color: #f5f8fa;
        }

        .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-btn:disabled {
            cursor: not-allowed;
            opacity: .65;
        }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-btn-primary {
        border-color: #009ef7;
        background-color: #009ef7;
        color: #fff;
    }

        .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-btn-primary:hover {
            background-color: #0095e8;
        }

    /* =========================================================
   GROUPING
   ========================================================= */

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-group-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .9rem 1rem;
        border-top: 1px solid #eff2f5;
        border-bottom: 1px solid #eff2f5;
        background-color: #f8f9fa;
        color: #3f4254;
        font-size: .875rem;
        font-weight: 600;
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-group-items {
        display: flex;
        flex-direction: column;
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-group-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border-radius: 14px;
        background: #eef4ff;
        color: #0d6efd;
        font-size: 16px;
    }

    /* =========================================================
   COMPACT MODE
   ========================================================= */

    .hc-editable-table-wrapper.hc-compact[b-yucfmlm223]  .hc-editable-toolbar {
        min-height: 52px;
        padding: .75rem 1rem;
    }

    .hc-editable-table-wrapper.hc-compact[b-yucfmlm223]  .hc-editable-header {
        min-height: 40px;
    }

    .hc-editable-table-wrapper.hc-compact[b-yucfmlm223]  .hc-editable-header-cell {
        padding: .6rem .85rem;
        font-size: .68rem;
    }

    .hc-editable-table-wrapper.hc-compact[b-yucfmlm223]  .hc-editable-row {
        min-height: 50px;
    }

    .hc-editable-table-wrapper.hc-compact[b-yucfmlm223]  .hc-editable-cell {
        padding: .5rem .85rem;
        font-size: .825rem;
    }

    .hc-editable-table-wrapper.hc-compact[b-yucfmlm223]  .hc-editable-btn {
        min-height: 36px;
        padding: .5rem .85rem;
        border-radius: .425rem;
        font-size: .8rem;
    }

    .hc-editable-table-wrapper.hc-compact[b-yucfmlm223]  .hc-editable-group-header {
        padding: .65rem .85rem;
        font-size: .78rem;
    }

    .hc-editable-table-wrapper.hc-compact[b-yucfmlm223]  input,
    .hc-editable-table-wrapper.hc-compact[b-yucfmlm223]  select,
    .hc-editable-table-wrapper.hc-compact[b-yucfmlm223]  textarea,
    .hc-editable-table-wrapper.hc-compact[b-yucfmlm223]  .e-control-wrapper,
    .hc-editable-table-wrapper.hc-compact[b-yucfmlm223]  .e-input-group {
        min-height: 34px !important;
        font-size: .8rem;
    }

    .hc-editable-table-wrapper.hc-compact[b-yucfmlm223]  .validation-message {
        font-size: .65rem;
    }

    /* =========================================================
   SELECTION
   ========================================================= */

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-selection-cell {
        width: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-row.hc-row-selected,
    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-row.hc-row-selected:hover {
        background-color: var(--hc-selected);
    }

        .hc-editable-table-wrapper[b-yucfmlm223]  .hc-editable-row.hc-row-selected > .hc-editable-cell {
            background-color: transparent;
        }

    /* Accent stripe only when selection column is hidden */
    .hc-editable-table-wrapper:not(.hc-has-selection-column)[b-yucfmlm223]  .hc-editable-row.hc-row-selected {
        position: relative;
    }

        .hc-editable-table-wrapper:not(.hc-has-selection-column)[b-yucfmlm223]  .hc-editable-row.hc-row-selected::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 4px;
            background-color: var(--hc-primary, #6366f1);
        }

    /* =========================================================
   SELECTION CHECKBOXES
   ========================================================= */

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-selection-cell .hc-checkbox {
        display: inline-flex;
        align-items: center;
        vertical-align: middle;
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-selection-cell .hc-checkbox-checked .hc-checkbox-control {
        color: var(--hc-success);
        border-color: var(--hc-success);
        background: transparent;
    }

    .hc-editable-table-wrapper[b-yucfmlm223]  .hc-selection-cell .hc-checkbox-checked .hc-checkbox-icon {
        --hc-icon-primary: var(--hc-success);
        --hc-icon-secondary: transparent !important;
        --hc-icon-secondary-opacity: 0 !important;
    }

    /* =========================================================
   STICKY MODE
   ========================================================= */

    .hc-editable-table-wrapper.hc-sticky[b-yucfmlm223] {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

        .hc-editable-table-wrapper.hc-sticky[b-yucfmlm223]  .hc-editable-toolbar,
        .hc-editable-table-wrapper.hc-sticky[b-yucfmlm223]  .hc-editable-header,
        .hc-editable-table-wrapper.hc-sticky[b-yucfmlm223]  .hc-editable-column-footer,
        .hc-editable-table-wrapper.hc-sticky[b-yucfmlm223]  .hc-editable-footer {
            flex-shrink: 0;
        }

        .hc-editable-table-wrapper.hc-sticky[b-yucfmlm223]  .hc-editable-body {
            flex: 1 1 auto;
            min-height: 0;
            overflow-y: auto;
            overflow-x: hidden;
        }
/* _content/Hoodcoder.Blazor/Components/Tables/Shared/HCTableInput.razor.rz.scp.css */
.hc-editable-input[b-xi3ghvw80h] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
    width: 100%;
}

.hc-editable-input[b-xi3ghvw80h]  .validation-message {
    display: block;
    font-size: .75rem;
    line-height: 1.2;
}