/* _content/Velvento.UI/Components/Buttons/VButton.razor.rz.scp.css */
/* ====================================================================
   VButton Component Styles
   Unified button with multiple variants
   ==================================================================== */

/* Base Button Styles */
.v-button[b-gp8q0lzkf8] {
    /* Layout */
    box-sizing: border-box;

    /* Sizing */
    height: 48px;
    padding: 0 var(--v-spacing-lg);
    min-width: fit-content;

    /* Typography */
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-md);
    font-weight: var(--v-font-weight-medium);
    line-height: var(--v-line-height-normal);
    text-align: center;
    white-space: nowrap;

    /* Transitions */
    transition-property: background-color, border-color, color, transform, box-shadow;
    transition-duration: var(--v-transition-fast);
    transition-timing-function: var(--v-transition-ease);

    /* Remove default button styles */
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* ====================================================================
   Primary Variant (Filled)
   ==================================================================== */

.v-button--primary[b-gp8q0lzkf8] {
    background-color: var(--v-primary);
    color: var(--v-text-white);
    border: none;
}

.v-button--primary:hover:not(:disabled)[b-gp8q0lzkf8] {
    background-color: var(--v-primary-hover);
    box-shadow: var(--v-shadow-md);
    transform: translateY(-1px);
}

.v-button--primary:active:not(:disabled)[b-gp8q0lzkf8] {
    transform: scale(0.98);
}

.v-button--primary:focus-visible[b-gp8q0lzkf8] {
    outline: 2px solid var(--v-primary);
    outline-offset: 2px;
}

/* ====================================================================
   Secondary Variant (Outlined with fill)
   ==================================================================== */

.v-button--secondary[b-gp8q0lzkf8] {
    background-color: transparent;
    color: var(--v-primary);
    border: 2px solid var(--v-primary);
}

.v-button--secondary:hover:not(:disabled)[b-gp8q0lzkf8] {
    background-color: rgba(2, 115, 116, 0.08);
    border-color: var(--v-primary-hover);
    transform: translateY(-1px);
    box-shadow: var(--v-shadow-sm);
}

.v-button--secondary:active:not(:disabled)[b-gp8q0lzkf8] {
    background-color: rgba(2, 115, 116, 0.16);
    transform: scale(0.98);
}

.v-button--secondary:focus-visible[b-gp8q0lzkf8] {
    outline: 2px solid var(--v-primary);
    outline-offset: 2px;
}

/* ====================================================================
   Outlined Variant (Same as Secondary - alias)
   ==================================================================== */

.v-button--outlined[b-gp8q0lzkf8] {
    background-color: transparent;
    color: var(--v-primary);
    border: 2px solid var(--v-primary);
}

.v-button--outlined:hover:not(:disabled)[b-gp8q0lzkf8] {
    background-color: rgba(2, 115, 116, 0.08);
    border-color: var(--v-primary-hover);
    transform: translateY(-1px);
    box-shadow: var(--v-shadow-sm);
}

.v-button--outlined:active:not(:disabled)[b-gp8q0lzkf8] {
    background-color: rgba(2, 115, 116, 0.16);
    transform: scale(0.98);
}

.v-button--outlined:focus-visible[b-gp8q0lzkf8] {
    outline: 2px solid var(--v-primary);
    outline-offset: 2px;
}

/* ====================================================================
   Text Variant (No background or border)
   ==================================================================== */

.v-button--text[b-gp8q0lzkf8] {
    background-color: transparent;
    color: var(--v-primary);
    border: none;
}

.v-button--text:hover:not(:disabled)[b-gp8q0lzkf8] {
    background-color: rgba(2, 115, 116, 0.08);
}

.v-button--text:active:not(:disabled)[b-gp8q0lzkf8] {
    background-color: rgba(2, 115, 116, 0.16);
}

.v-button--text:focus-visible[b-gp8q0lzkf8] {
    outline: 2px solid var(--v-primary);
    outline-offset: 2px;
}

/* ====================================================================
   Color Schemes
   ==================================================================== */

/* Primary Color (default - no additional styles needed for primary variant) */
.v-button--color-primary[b-gp8q0lzkf8] {
    /* Primary colors are already applied via variant classes */
}

/* Secondary Color - Override colors for all variants */
.v-button--primary.v-button--color-secondary[b-gp8q0lzkf8] {
    background-color: var(--v-secondary);
}

.v-button--primary.v-button--color-secondary:hover:not(:disabled)[b-gp8q0lzkf8] {
    background-color: var(--v-secondary-hover);
}

.v-button--primary.v-button--color-secondary:focus-visible[b-gp8q0lzkf8] {
    outline-color: var(--v-secondary);
}

.v-button--secondary.v-button--color-secondary[b-gp8q0lzkf8],
.v-button--outlined.v-button--color-secondary[b-gp8q0lzkf8] {
    color: var(--v-secondary);
    border-color: var(--v-secondary);
}

.v-button--secondary.v-button--color-secondary:hover:not(:disabled)[b-gp8q0lzkf8],
.v-button--outlined.v-button--color-secondary:hover:not(:disabled)[b-gp8q0lzkf8] {
    background-color: rgba(107, 114, 128, 0.08);
    border-color: var(--v-secondary-hover);
}

.v-button--secondary.v-button--color-secondary:active:not(:disabled)[b-gp8q0lzkf8],
.v-button--outlined.v-button--color-secondary:active:not(:disabled)[b-gp8q0lzkf8] {
    background-color: rgba(107, 114, 128, 0.16);
}

.v-button--secondary.v-button--color-secondary:focus-visible[b-gp8q0lzkf8],
.v-button--outlined.v-button--color-secondary:focus-visible[b-gp8q0lzkf8] {
    outline-color: var(--v-secondary);
}

.v-button--text.v-button--color-secondary[b-gp8q0lzkf8] {
    color: var(--v-secondary);
}

.v-button--text.v-button--color-secondary:hover:not(:disabled)[b-gp8q0lzkf8] {
    background-color: rgba(107, 114, 128, 0.08);
}

.v-button--text.v-button--color-secondary:active:not(:disabled)[b-gp8q0lzkf8] {
    background-color: rgba(107, 114, 128, 0.16);
}

.v-button--text.v-button--color-secondary:focus-visible[b-gp8q0lzkf8] {
    outline-color: var(--v-secondary);
}

/* ====================================================================
   Disabled State (All Variants)
   ==================================================================== */

.v-button:disabled[b-gp8q0lzkf8] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ====================================================================
   Modifiers
   ==================================================================== */

/* Full Width */
.v-button--full-width[b-gp8q0lzkf8] {
    width: 100%;
}

/* Override utility classes for disabled state */
.v-button:disabled[b-gp8q0lzkf8] {
    cursor: not-allowed;
}

/* ====================================================================
   Child Elements
   ==================================================================== */

/* Button Text */
.v-button__text[b-gp8q0lzkf8] {
    display: inline-block;
}

/* Icon */
.v-button__icon[b-gp8q0lzkf8] {
    flex-shrink: 0;
}

/* Loading Spinner */
.v-button__spinner[b-gp8q0lzkf8] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: var(--v-radius-full);
    animation: v-button-spin-b-gp8q0lzkf8 0.6s linear infinite;
    flex-shrink: 0;
    opacity: 0.7;
}

/* Spinner for primary variant needs white color */
.v-button--primary .v-button__spinner[b-gp8q0lzkf8] {
    border-color: rgba(255, 255, 255, 0.3);
    border-top-color: var(--v-text-white);
}

/* Spinner Animation */
@keyframes v-button-spin-b-gp8q0lzkf8 {
    to {
        transform: rotate(360deg);
    }
}

/* ====================================================================
   Responsive Adjustments
   ==================================================================== */

/* Tablet adjustments */
@media (max-width: 960px) {
    .v-button[b-gp8q0lzkf8] {
        height: 48px;
        padding: 0 var(--v-spacing-md);
    }
}

/* Mobile adjustments - maintain 48px minimum touch target */
@media (max-width: 600px) {
    .v-button[b-gp8q0lzkf8] {
        height: 48px;
        padding: 0 var(--v-spacing-md);
        font-size: var(--v-font-size-sm);
        touch-action: manipulation;
    }
}
/* _content/Velvento.UI/Components/Buttons/VButtonFab.razor.rz.scp.css */
/* ==========================================================================
   VButtonFab - Floating Action Button
   ========================================================================== */

.v-button-fab[b-q89w0q30ud] {
    border-radius: 50%;
    aspect-ratio: 1;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--v-shadow-lg);
    transition: all var(--v-transition-normal) var(--v-transition-ease);
    border: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* --------------------------------------------------------------------------
   Color Variants
   -------------------------------------------------------------------------- */

.v-button-fab--primary[b-q89w0q30ud] {
    background-color: var(--v-primary);
    color: var(--v-text-white);
}

.v-button-fab--primary:hover:not(:disabled)[b-q89w0q30ud] {
    background-color: var(--v-primary-hover);
    box-shadow: var(--v-shadow-xl);
    transform: scale(1.05);
}

.v-button-fab--primary:active:not(:disabled)[b-q89w0q30ud] {
    background-color: var(--v-primary-dark);
    transform: scale(0.95);
    box-shadow: var(--v-shadow-md);
}

.v-button-fab--secondary[b-q89w0q30ud] {
    background-color: var(--v-text-secondary);
    color: var(--v-text-white);
}

.v-button-fab--secondary:hover:not(:disabled)[b-q89w0q30ud] {
    background-color: #5a6270;
    box-shadow: var(--v-shadow-xl);
    transform: scale(1.05);
}

.v-button-fab--secondary:active:not(:disabled)[b-q89w0q30ud] {
    background-color: #4a5260;
    transform: scale(0.95);
    box-shadow: var(--v-shadow-md);
}

.v-button-fab--transparent[b-q89w0q30ud] {
    background-color: transparent;
    color: inherit;
    box-shadow: none;
}

.v-button-fab--transparent:hover:not(:disabled)[b-q89w0q30ud] {
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: none;
    transform: scale(1.05);
}

.v-button-fab--transparent:active:not(:disabled)[b-q89w0q30ud] {
    background-color: rgba(0, 0, 0, 0.1);
    transform: scale(0.95);
    box-shadow: none;
}

/* --------------------------------------------------------------------------
   Disabled State
   -------------------------------------------------------------------------- */

.v-button-fab:disabled[b-q89w0q30ud] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: var(--v-shadow-sm);
}

/* --------------------------------------------------------------------------
   Loading Spinner
   -------------------------------------------------------------------------- */

.v-button-fab__spinner[b-q89w0q30ud] {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 3px solid currentColor;
    border-radius: 50%;
    border-top-color: transparent;
    animation: v-button-fab-spin-b-q89w0q30ud 0.8s linear infinite;
}

@keyframes v-button-fab-spin-b-q89w0q30ud {
    to {
        transform: rotate(360deg);
    }
}

/* --------------------------------------------------------------------------
   Icon Styling
   -------------------------------------------------------------------------- */

.v-button-fab[b-q89w0q30ud]  svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
}
/* _content/Velvento.UI/Components/Buttons/VButtonLink.razor.rz.scp.css */
/* ====================================================================
   VButtonLink Component Styles
   Inline link styled button
   ==================================================================== */

.v-button-link[b-qbls2968l0] {
    /* Reset button styles */
    background: none;
    border: none;
    padding: 0;
    margin: 0;

    /* Typography - inherit from parent */
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;

    /* Link styling */
    color: var(--v-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;

    /* Inline display */
    display: inline;
    vertical-align: baseline;

    /* Transitions */
    transition: color var(--v-transition-fast) var(--v-transition-ease),
                text-decoration-color var(--v-transition-fast) var(--v-transition-ease);
}

.v-button-link:hover:not(:disabled)[b-qbls2968l0] {
    color: var(--v-primary-hover);
    text-decoration-color: var(--v-primary-hover);
}

.v-button-link:focus-visible[b-qbls2968l0] {
    outline: 2px solid var(--v-primary);
    outline-offset: 2px;
    border-radius: 2px;
}

.v-button-link:active:not(:disabled)[b-qbls2968l0] {
    opacity: 0.8;
}

/* Disabled state */
.v-button-link--disabled[b-qbls2968l0],
.v-button-link:disabled[b-qbls2968l0] {
    opacity: 0.5;
    cursor: not-allowed;
    text-decoration: none;
}

/* Color variants */
.v-button--color-primary[b-qbls2968l0] {
    color: var(--v-primary);
}

.v-button--color-primary:hover:not(:disabled)[b-qbls2968l0] {
    color: var(--v-primary-hover);
}

.v-button--color-secondary[b-qbls2968l0] {
    color: var(--v-text-secondary);
}

.v-button--color-secondary:hover:not(:disabled)[b-qbls2968l0] {
    color: var(--v-text-primary);
}

/* Text element */
.v-button-link__text[b-qbls2968l0] {
    display: inline;
}

/* Loading spinner */
.v-button-link__spinner[b-qbls2968l0] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1.5px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: v-button-link-spin-b-qbls2968l0 0.6s linear infinite;
    vertical-align: middle;
}

@keyframes v-button-link-spin-b-qbls2968l0 {
    to {
        transform: rotate(360deg);
    }
}
/* _content/Velvento.UI/Components/Buttons/VButtonPrimary.razor.rz.scp.css */
/* ====================================================================
   VButton Component Styles
   Unified button with multiple variants
   ==================================================================== */

/* Base Button Styles */
.v-button[b-sbdjesdesk] {
    /* Layout */
    box-sizing: border-box;

    /* Sizing */
    height: 48px;
    padding: 0 var(--v-spacing-lg);
    min-width: fit-content;

    /* Typography */
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-md);
    font-weight: var(--v-font-weight-medium);
    line-height: var(--v-line-height-normal);
    text-align: center;
    white-space: nowrap;

    /* Transitions */
    transition-property: background-color, border-color, color, transform, box-shadow;
    transition-duration: var(--v-transition-fast);
    transition-timing-function: var(--v-transition-ease);

    /* Remove default button styles */
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* ====================================================================
   Primary Variant (Filled)
   ==================================================================== */

.v-button--primary[b-sbdjesdesk] {
    background-color: var(--v-primary);
    color: var(--v-text-white);
    border: none;
}

.v-button--primary:hover:not(:disabled)[b-sbdjesdesk] {
    background-color: var(--v-primary-hover);
    box-shadow: var(--v-shadow-md);
    transform: translateY(-1px);
}

.v-button--primary:active:not(:disabled)[b-sbdjesdesk] {
    transform: scale(0.98);
}

.v-button--primary:focus-visible[b-sbdjesdesk] {
    outline: 2px solid var(--v-primary);
    outline-offset: 2px;
}

/* ====================================================================
   Text Variant (No background or border)
   ==================================================================== */

.v-button--text[b-sbdjesdesk] {
    background-color: transparent;
    color: var(--v-primary);
    border: none;
}

.v-button--text:hover:not(:disabled)[b-sbdjesdesk] {
    background-color: rgba(2, 115, 116, 0.08);
}

.v-button--text:active:not(:disabled)[b-sbdjesdesk] {
    background-color: rgba(2, 115, 116, 0.16);
}

.v-button--text:focus-visible[b-sbdjesdesk] {
    outline: 2px solid var(--v-primary);
    outline-offset: 2px;
}

/* ====================================================================
   Color Schemes
   ==================================================================== */

/* Secondary Color - Override colors for primary variant */
.v-button--primary.v-button--color-secondary[b-sbdjesdesk] {
    background-color: var(--v-secondary);
}

.v-button--primary.v-button--color-secondary:hover:not(:disabled)[b-sbdjesdesk] {
    background-color: var(--v-secondary-hover);
}

.v-button--primary.v-button--color-secondary:focus-visible[b-sbdjesdesk] {
    outline-color: var(--v-secondary);
}

.v-button--text.v-button--color-secondary[b-sbdjesdesk] {
    color: var(--v-secondary);
}

.v-button--text.v-button--color-secondary:hover:not(:disabled)[b-sbdjesdesk] {
    background-color: rgba(107, 114, 128, 0.08);
}

.v-button--text.v-button--color-secondary:active:not(:disabled)[b-sbdjesdesk] {
    background-color: rgba(107, 114, 128, 0.16);
}

.v-button--text.v-button--color-secondary:focus-visible[b-sbdjesdesk] {
    outline-color: var(--v-secondary);
}

/* ====================================================================
   Disabled State (All Variants)
   ==================================================================== */

.v-button:disabled[b-sbdjesdesk] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ====================================================================
   Modifiers
   ==================================================================== */

/* Full Width */
.v-button--full-width[b-sbdjesdesk] {
    width: 100%;
}

/* Override utility classes for disabled state */
.v-button:disabled[b-sbdjesdesk] {
    cursor: not-allowed;
}

/* ====================================================================
   Child Elements
   ==================================================================== */

/* Button Text */
.v-button__text[b-sbdjesdesk] {
    display: inline-block;
}

/* Icon */
.v-button__icon[b-sbdjesdesk] {
    flex-shrink: 0;
}

/* Loading Spinner */
.v-button__spinner[b-sbdjesdesk] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: var(--v-radius-full);
    animation: v-button-spin-b-sbdjesdesk 0.6s linear infinite;
    flex-shrink: 0;
    opacity: 0.7;
}

/* Spinner for primary variant needs white color */
.v-button--primary .v-button__spinner[b-sbdjesdesk] {
    border-color: rgba(255, 255, 255, 0.3);
    border-top-color: var(--v-text-white);
}

/* Spinner Animation */
@keyframes v-button-spin-b-sbdjesdesk {
    to {
        transform: rotate(360deg);
    }
}

/* ====================================================================
   Responsive Adjustments
   ==================================================================== */

/* Tablet adjustments */
@media (max-width: 960px) {
    .v-button[b-sbdjesdesk] {
        height: 48px;
        padding: 0 var(--v-spacing-md);
    }
}

/* Mobile adjustments - maintain 48px minimum touch target */
@media (max-width: 600px) {
    .v-button[b-sbdjesdesk] {
        height: 48px;
        padding: 0 var(--v-spacing-md);
        font-size: var(--v-font-size-sm);
        touch-action: manipulation;
    }
}
/* _content/Velvento.UI/Components/Buttons/VButtonSecondary.razor.rz.scp.css */
/* ====================================================================
   VButton Component Styles - Secondary Variant
   ==================================================================== */

/* Base Button Styles */
.v-button[b-n94eyk3jom] {
    /* Layout */
    box-sizing: border-box;

    /* Sizing */
    height: 48px;
    padding: 0 var(--v-spacing-lg);
    min-width: fit-content;

    /* Typography */
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-md);
    font-weight: var(--v-font-weight-medium);
    line-height: var(--v-line-height-normal);
    text-align: center;
    white-space: nowrap;

    /* Transitions */
    transition-property: background-color, border-color, color, transform, box-shadow;
    transition-duration: var(--v-transition-fast);
    transition-timing-function: var(--v-transition-ease);

    /* Remove default button styles */
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* ====================================================================
   Secondary Variant (Outlined with fill)
   ==================================================================== */

.v-button--secondary[b-n94eyk3jom] {
    background-color: transparent;
    color: var(--v-primary);
    border: 2px solid var(--v-primary);
}

.v-button--secondary:hover:not(:disabled)[b-n94eyk3jom] {
    background-color: rgba(2, 115, 116, 0.08);
    border-color: var(--v-primary-hover);
    transform: translateY(-1px);
    box-shadow: var(--v-shadow-sm);
}

.v-button--secondary:active:not(:disabled)[b-n94eyk3jom] {
    background-color: rgba(2, 115, 116, 0.16);
    transform: scale(0.98);
}

.v-button--secondary:focus-visible[b-n94eyk3jom] {
    outline: 2px solid var(--v-primary);
    outline-offset: 2px;
}

/* ====================================================================
   Outlined Variant (Same as Secondary - alias)
   ==================================================================== */

.v-button--outlined[b-n94eyk3jom] {
    background-color: transparent;
    color: var(--v-primary);
    border: 2px solid var(--v-primary);
}

.v-button--outlined:hover:not(:disabled)[b-n94eyk3jom] {
    background-color: rgba(2, 115, 116, 0.08);
    border-color: var(--v-primary-hover);
    transform: translateY(-1px);
    box-shadow: var(--v-shadow-sm);
}

.v-button--outlined:active:not(:disabled)[b-n94eyk3jom] {
    background-color: rgba(2, 115, 116, 0.16);
    transform: scale(0.98);
}

.v-button--outlined:focus-visible[b-n94eyk3jom] {
    outline: 2px solid var(--v-primary);
    outline-offset: 2px;
}

/* ====================================================================
   Color Schemes
   ==================================================================== */

.v-button--secondary.v-button--color-secondary[b-n94eyk3jom],
.v-button--outlined.v-button--color-secondary[b-n94eyk3jom] {
    color: var(--v-secondary);
    border-color: var(--v-secondary);
}

.v-button--secondary.v-button--color-secondary:hover:not(:disabled)[b-n94eyk3jom],
.v-button--outlined.v-button--color-secondary:hover:not(:disabled)[b-n94eyk3jom] {
    background-color: rgba(107, 114, 128, 0.08);
    border-color: var(--v-secondary-hover);
}

.v-button--secondary.v-button--color-secondary:active:not(:disabled)[b-n94eyk3jom],
.v-button--outlined.v-button--color-secondary:active:not(:disabled)[b-n94eyk3jom] {
    background-color: rgba(107, 114, 128, 0.16);
}

.v-button--secondary.v-button--color-secondary:focus-visible[b-n94eyk3jom],
.v-button--outlined.v-button--color-secondary:focus-visible[b-n94eyk3jom] {
    outline-color: var(--v-secondary);
}

/* ====================================================================
   Disabled State
   ==================================================================== */

.v-button:disabled[b-n94eyk3jom] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ====================================================================
   Modifiers
   ==================================================================== */

/* Full Width */
.v-button--full-width[b-n94eyk3jom] {
    width: 100%;
}

/* Override utility classes for disabled state */
.v-button:disabled[b-n94eyk3jom] {
    cursor: not-allowed;
}

/* ====================================================================
   Child Elements
   ==================================================================== */

/* Button Content wrapper (secondary uses this) */
.v-button__content[b-n94eyk3jom] {
    display: flex;
    align-items: center;
}

/* Button Text */
.v-button__text[b-n94eyk3jom] {
    display: inline-block;
}

/* Icon */
.v-button__icon[b-n94eyk3jom] {
    flex-shrink: 0;
}

/* Loading Spinner */
.v-button__spinner[b-n94eyk3jom] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: var(--v-radius-full);
    animation: v-button-spin-b-n94eyk3jom 0.6s linear infinite;
    flex-shrink: 0;
    opacity: 0.7;
}

/* Spinner Animation */
@keyframes v-button-spin-b-n94eyk3jom {
    to {
        transform: rotate(360deg);
    }
}

/* ====================================================================
   Responsive Adjustments
   ==================================================================== */

/* Tablet adjustments */
@media (max-width: 960px) {
    .v-button[b-n94eyk3jom] {
        height: 48px;
        padding: 0 var(--v-spacing-md);
    }
}

/* Mobile adjustments - maintain 48px minimum touch target */
@media (max-width: 600px) {
    .v-button[b-n94eyk3jom] {
        height: 48px;
        padding: 0 var(--v-spacing-md);
        font-size: var(--v-font-size-sm);
        touch-action: manipulation;
    }
}
/* _content/Velvento.UI/Components/Buttons/VSvgButton.razor.rz.scp.css */
.svg-icon[b-t5urjb2hwr] {
    cursor: pointer;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.svg-icon:hover[b-t5urjb2hwr] {
    fill: #027374;
    transform: scale(1.1);
    opacity: 0.7;
}
/* _content/Velvento.UI/Components/Card/VArticleCard.razor.rz.scp.css */
.v-article-card[b-800txc1v6n] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    border: 1px solid lightgray;
    border-radius: 12px;
    padding: 10px;
    width: 100%;
    background-color: rgba(256,256,256, 1);
    cursor: pointer;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.v-article-card:hover[b-800txc1v6n] {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}

.v-article-card--link[b-800txc1v6n] {
    color: inherit;
    text-decoration: none;
}

.v-article-card--link:focus-visible[b-800txc1v6n] {
    outline: 2px solid black;
    outline-offset: 4px;
}

.v-article-card__image[b-800txc1v6n] {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    border-radius: 12px;
    overflow: hidden;
    object-fit: cover;
    cursor: pointer;
}

.v-article-card__title[b-800txc1v6n] {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 500;
    text-align: left;
    color: black;
    margin: 8px 0px 2px;
}

.v-article-card__author-section[b-800txc1v6n] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.v-article-card__author-image[b-800txc1v6n] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
}

.v-article-card__author[b-800txc1v6n] {
    font-weight: 400;
    font-style: italic;
    color: #666;
    font-size: 0.8rem;
}

.v-article-card__description[b-800txc1v6n] {
    font-weight: 400;
    color: #666;
    font-size: 0.8rem;
    margin: 0;
}

.v-article-card__footer[b-800txc1v6n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid lightgray;
    padding-top: 10px;
}

.v-article-card__link[b-800txc1v6n] {
    text-decoration: underline;
    font-size: 0.9rem;
}
/* _content/Velvento.UI/Components/Card/VCardElevated.razor.rz.scp.css */
/* ====================================================================
   VCard Component Styles
   ==================================================================== */

.v-card[b-215w4fm114] {
    box-sizing: border-box;
}

/* ====================================================================
   Variant Styles
   ==================================================================== */

/* Elevated variant (default) */
.v-card--elevated[b-215w4fm114] {
    /* Shadow is controlled by elevation classes */
}

/* Outlined variant */
.v-card--outlined[b-215w4fm114] {
    box-shadow: none;
    border: 1px solid var(--v-border);
}

/* Flat variant */
.v-card--flat[b-215w4fm114] {
    box-shadow: none;
    border: none;
}

/* Legacy class for backwards compatibility */
.v-card-outlined[b-215w4fm114] {
    box-shadow: none;
    border: 1px solid var(--v-border);
}
/* _content/Velvento.UI/Components/Collapsible/VCollapsible.razor.rz.scp.css */
.v-collapsible[b-75hx9kuhl1] {
    border: 1px solid var(--v-border, #d1d1d1);
    background: var(--v-surface, #ffffff);
}

.v-collapsible-header[b-75hx9kuhl1] {
    padding: 1rem 1.25rem;
    transition: background-color var(--v-transition-fast) var(--v-transition-ease);
}

.v-collapsible-header:hover[b-75hx9kuhl1] {
    background: var(--v-surface-hover, #f5f5f5);
}

.v-collapsible-title[b-75hx9kuhl1] {
    color: var(--v-text-primary, #1a1a1a);
    font-size: 1rem;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    letter-spacing: 0.02rem;
}

.v-collapsible-icon[b-75hx9kuhl1] {
    color: var(--v-text-secondary, #666666);
    transition: transform var(--v-transition-normal) var(--v-transition-ease);
    transform: rotate(0deg);
}

.v-collapsible-icon.expanded[b-75hx9kuhl1] {
    transform: rotate(180deg);
}

.v-collapsible-icon svg[b-75hx9kuhl1] {
    display: block;
    width: 24px;
    height: 24px;
}

.v-collapsible-content[b-75hx9kuhl1] {
    max-height: 0;
    overflow: hidden;
    transition: max-height var(--v-transition-normal) var(--v-transition-ease),
                padding var(--v-transition-normal) var(--v-transition-ease);
}

.v-collapsible-content.expanded[b-75hx9kuhl1] {
    max-height: 2000px;
}

.v-collapsible-content-inner[b-75hx9kuhl1] {
    padding: 0 1.25rem 1rem 1.25rem;
    color: var(--v-text-primary, #1a1a1a);
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    letter-spacing: 0.02rem;
}

/* ====================================================================
   Variant Styles
   ==================================================================== */

/* Default variant (bordered) */
.v-collapsible--default[b-75hx9kuhl1] {
    /* Uses base styles */
}

/* Outlined variant (same as default, explicit) */
.v-collapsible--outlined[b-75hx9kuhl1] {
    border: 1px solid var(--v-border, #d1d1d1);
}

/* Compact variant */
.v-collapsible--compact[b-75hx9kuhl1] {
    border: none;
    border-radius: 0;
}

.v-collapsible--compact .v-collapsible-header[b-75hx9kuhl1] {
    padding: 0.5rem 0.75rem;
}

.v-collapsible--compact .v-collapsible-content-inner[b-75hx9kuhl1] {
    padding: 0 0.75rem 0.5rem 0.75rem;
}
/* _content/Velvento.UI/Components/Collapsible/VCollapsibleDefault.razor.rz.scp.css */
/* ====================================================================
   VCollapsible Component Styles
   ==================================================================== */

.v-collapsible[b-uwzdg3u29v] {
    border: 1px solid var(--v-border, #d1d1d1);
    background: var(--v-surface, #ffffff);
}

.v-collapsible-header[b-uwzdg3u29v] {
    padding: 1rem 1.25rem;
    transition: background-color var(--v-transition-fast) var(--v-transition-ease);
}

.v-collapsible-header:hover[b-uwzdg3u29v] {
    background: var(--v-surface-hover, #f5f5f5);
}

.v-collapsible-title[b-uwzdg3u29v] {
    color: var(--v-text-primary, #1a1a1a);
    font-size: 1rem;
    font-family: var(--v-font-family);
    font-weight: 500;
    letter-spacing: 0.02rem;
}

.v-collapsible-icon[b-uwzdg3u29v] {
    color: var(--v-text-secondary, #666666);
    transition: transform var(--v-transition-normal) var(--v-transition-ease);
    transform: rotate(0deg);
}

.v-collapsible-icon.expanded[b-uwzdg3u29v] {
    transform: rotate(180deg);
}

.v-collapsible-icon svg[b-uwzdg3u29v] {
    display: block;
    width: 24px;
    height: 24px;
}

.v-collapsible-content[b-uwzdg3u29v] {
    max-height: 0;
    overflow: hidden;
    transition: max-height var(--v-transition-normal) var(--v-transition-ease),
                padding var(--v-transition-normal) var(--v-transition-ease);
}

.v-collapsible-content.expanded[b-uwzdg3u29v] {
    max-height: 2000px;
}

.v-collapsible-content-inner[b-uwzdg3u29v] {
    padding: 0 1.25rem 1rem 1.25rem;
    color: var(--v-text-primary, #1a1a1a);
    font-family: var(--v-font-family);
    font-weight: 300;
    letter-spacing: 0.02rem;
}

/* ====================================================================
   Variant Styles
   ==================================================================== */

/* Default variant (bordered) */
.v-collapsible--default[b-uwzdg3u29v] {
    /* Uses base styles */
}

/* Outlined variant (same as default, explicit) */
.v-collapsible--outlined[b-uwzdg3u29v] {
    border: 1px solid var(--v-border, #d1d1d1);
}

/* Compact variant */
.v-collapsible--compact[b-uwzdg3u29v] {
    border: none;
    border-radius: 0;
}

.v-collapsible--compact .v-collapsible-header[b-uwzdg3u29v] {
    padding: 0.5rem 0.75rem;
}

.v-collapsible--compact .v-collapsible-content-inner[b-uwzdg3u29v] {
    padding: 0 0.75rem 0.5rem 0.75rem;
}
/* _content/Velvento.UI/Components/CookieConsent/VCookieConsentBanner.razor.rz.scp.css */
/* Ensure all elements use border-box */
.v-cookie-consent-banner[b-lh5ffvlglr],
.v-cookie-consent-banner *[b-lh5ffvlglr],
.v-cookie-consent-banner *[b-lh5ffvlglr]::before,
.v-cookie-consent-banner *[b-lh5ffvlglr]::after {
    box-sizing: border-box;
}

/* Banner positioned at bottom of viewport */
.v-cookie-consent-banner[b-lh5ffvlglr] {
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    width: calc(100% - 2rem);
    z-index: var(--v-z-modal);
    background-color: var(--v-surface);
    box-shadow: var(--v-shadow-lg);
    border: 1px solid var(--v-border);
    border-radius: 1rem;
    animation: v-cookie-consent-slide-up-b-lh5ffvlglr 0.3s var(--v-transition-ease);
    overflow-x: hidden;
}

@keyframes v-cookie-consent-slide-up-b-lh5ffvlglr {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Nudge animation when backdrop is clicked */
:global(.v-cookie-consent--nudge) .v-cookie-consent-banner[b-lh5ffvlglr] {
    animation: v-cookie-consent-nudge-b-lh5ffvlglr 0.4s ease-in-out;
}

@keyframes v-cookie-consent-nudge-b-lh5ffvlglr {
    0%, 100% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-8px);
    }
    50% {
        transform: translateY(4px);
    }
    75% {
        transform: translateY(-4px);
    }
}

.v-cookie-consent-banner__content[b-lh5ffvlglr] {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--v-spacing-lg);
    display: flex;
    flex-direction: column;
    gap: var(--v-spacing-md);
}

@media (min-width: 768px) {
    .v-cookie-consent-banner__content[b-lh5ffvlglr] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.v-cookie-consent-banner__text[b-lh5ffvlglr] {
    flex: 1;
}

.v-cookie-consent-banner__title[b-lh5ffvlglr] {
    margin: 0 0 var(--v-spacing-xs);
    font-family: var(--v-font-family), sans-serif;
    font-size: var(--v-font-size-lg);
    font-weight: var(--v-font-weight-semibold);
    color: var(--v-text-primary);
}

.v-cookie-consent-banner__description[b-lh5ffvlglr] {
    margin: 0;
    font-family: var(--v-font-family), sans-serif;
    font-size: var(--v-font-size-sm);
    color: var(--v-text-secondary);
    line-height: var(--v-line-height-normal);
}

.v-cookie-consent-banner__link[b-lh5ffvlglr] {
    background: none;
    border: none;
    padding: 0;
    color: var(--v-primary);
    text-decoration: underline;
    cursor: pointer;
    font-family: var(--v-font-family), sans-serif;
    font-size: inherit;
    transition: color var(--v-transition-fast) var(--v-transition-ease);
}

.v-cookie-consent-banner__link:hover[b-lh5ffvlglr] {
    color: var(--v-primary-hover);
}

.v-cookie-consent-banner__link:focus-visible[b-lh5ffvlglr] {
    outline: 2px solid var(--v-primary);
    outline-offset: 2px;
}

.v-cookie-consent-banner__actions[b-lh5ffvlglr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--v-spacing-sm);
}

/* VButton overrides within cookie consent banner */
.v-cookie-consent-banner__actions[b-lh5ffvlglr]  .v-button {
    height: 44px;
    padding: 0 var(--v-spacing-md);
    font-size: var(--v-font-size-sm);
}

/* Mobile: Reject + Settings on row 1 (50% each), Accept on row 2 (full width) */
.v-cookie-consent-banner__actions[b-lh5ffvlglr]  .v-cookie-consent-banner__btn--reject {
    flex: 1 1 calc(50% - var(--v-spacing-sm) / 2);
    min-width: 0;
    order: 0;
}

.v-cookie-consent-banner__actions[b-lh5ffvlglr]  .v-cookie-consent-banner__btn--settings {
    flex: 1 1 calc(50% - var(--v-spacing-sm) / 2);
    min-width: 0;
    order: 1;
}

.v-cookie-consent-banner__actions[b-lh5ffvlglr]  .v-cookie-consent-banner__btn--accept {
    flex: 1 1 100%;
    order: 2;
}

/* Desktop: Settings first, then Reject, then Accept - all in one row */
@media (min-width: 768px) {
    .v-cookie-consent-banner__actions[b-lh5ffvlglr]  .v-cookie-consent-banner__btn--reject,
    .v-cookie-consent-banner__actions[b-lh5ffvlglr]  .v-cookie-consent-banner__btn--accept {
        flex: none;
        min-width: 120px;
    }

    .v-cookie-consent-banner__actions[b-lh5ffvlglr]  .v-cookie-consent-banner__btn--settings {
        flex: none;
        min-width: 120px;
        order: -1;
    }
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    .v-cookie-consent-banner[b-lh5ffvlglr] {
        animation: none;
    }

    :global(.v-cookie-consent--nudge) .v-cookie-consent-banner[b-lh5ffvlglr] {
        animation: none;
    }
}
/* _content/Velvento.UI/Components/CookieConsent/VCookieConsentSettings.razor.rz.scp.css */
/* Ensure all elements use border-box */
.v-cookie-consent-settings[b-9wiwz9ejld],
.v-cookie-consent-settings *[b-9wiwz9ejld],
.v-cookie-consent-settings *[b-9wiwz9ejld]::before,
.v-cookie-consent-settings *[b-9wiwz9ejld]::after {
    box-sizing: border-box;
}

/* Backdrop overlay */
.v-cookie-consent-backdrop[b-9wiwz9ejld] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: calc(var(--v-z-modal) - 1);
    animation: v-cookie-consent-fade-in-b-9wiwz9ejld 0.2s var(--v-transition-ease);
}

@keyframes v-cookie-consent-fade-in-b-9wiwz9ejld {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Settings modal */
.v-cookie-consent-settings[b-9wiwz9ejld] {
    position: fixed;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
    z-index: var(--v-z-modal);
    width: calc(100% - 2rem);
    max-width: 500px;
    max-height: calc(100vh - 2rem);
    max-height: calc(100dvh - 2rem);
    background-color: var(--v-surface);
    border-radius: var(--v-radius-lg);
    box-shadow: var(--v-shadow-xl);
    display: flex;
    flex-direction: column;
    animation: v-cookie-consent-scale-in-b-9wiwz9ejld 0.2s var(--v-transition-ease);
}

@keyframes v-cookie-consent-scale-in-b-9wiwz9ejld {
    from {
        transform: translateY(-50%) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(-50%) scale(1);
        opacity: 1;
    }
}

/* Header */
.v-cookie-consent-settings__header[b-9wiwz9ejld] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--v-spacing-lg);
    border-bottom: 1px solid var(--v-border);
}

.v-cookie-consent-settings__title[b-9wiwz9ejld] {
    margin: 0;
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-xl);
    font-weight: var(--v-font-weight-semibold);
    color: var(--v-text-primary);
}

.v-cookie-consent-settings__close[b-9wiwz9ejld] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    background: none;
    border: none;
    border-radius: var(--v-radius-md);
    color: var(--v-text-secondary);
    cursor: pointer;
    transition: background-color var(--v-transition-fast) var(--v-transition-ease),
    color var(--v-transition-fast) var(--v-transition-ease);
}

.v-cookie-consent-settings__close:hover[b-9wiwz9ejld] {
    background-color: var(--v-surface-hover);
    color: var(--v-text-primary);
}

.v-cookie-consent-settings__close:focus-visible[b-9wiwz9ejld] {
    outline: 2px solid var(--v-primary);
    outline-offset: 2px;
}

.v-cookie-consent-settings__close svg[b-9wiwz9ejld] {
    width: 14px;
    height: 14px;
}

/* Body */
.v-cookie-consent-settings__body[b-9wiwz9ejld] {
    flex: 1;
    overflow-y: auto;
    padding: var(--v-spacing-lg);
}

.v-cookie-consent-settings__description[b-9wiwz9ejld] {
    margin: 0 0 var(--v-spacing-lg);
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-sm);
    color: var(--v-text-secondary);
    line-height: var(--v-line-height-normal);
}

/* Categories */
.v-cookie-consent-settings__categories[b-9wiwz9ejld] {
    display: flex;
    flex-direction: column;
    gap: var(--v-spacing-md);
}

.v-cookie-consent-settings__category[b-9wiwz9ejld] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--v-spacing-md);
    padding: var(--v-spacing-md);
    background-color: var(--v-background);
    border-radius: var(--v-radius-md);
}

.v-cookie-consent-settings__category--required[b-9wiwz9ejld] {
    background-color: var(--v-surface-hover);
}

.v-cookie-consent-settings__category-info[b-9wiwz9ejld] {
    flex: 1;
}

.v-cookie-consent-settings__category-title[b-9wiwz9ejld] {
    margin: 0 0 var(--v-spacing-xs);
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-md);
    font-weight: var(--v-font-weight-semibold);
    color: var(--v-text-primary);
}

.v-cookie-consent-settings__category-desc[b-9wiwz9ejld] {
    margin: 0;
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-sm);
    color: var(--v-text-secondary);
    line-height: var(--v-line-height-normal);
}

.v-cookie-consent-settings__category-toggle[b-9wiwz9ejld] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.v-cookie-consent-settings__always-on[b-9wiwz9ejld] {
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-xs);
    font-weight: var(--v-font-weight-medium);
    color: var(--v-success);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Custom Toggle Switch */
.v-cookie-consent-toggle[b-9wiwz9ejld] {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 26px;
    cursor: pointer;
}

.v-cookie-consent-toggle input[b-9wiwz9ejld] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.v-cookie-consent-toggle__track[b-9wiwz9ejld] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--v-border-dark);
    border-radius: var(--v-radius-full);
    transition: background-color var(--v-transition-fast) var(--v-transition-ease);
}

.v-cookie-consent-toggle__thumb[b-9wiwz9ejld] {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    background-color: var(--v-surface);
    border-radius: var(--v-radius-full);
    box-shadow: var(--v-shadow-sm);
    transition: transform var(--v-transition-fast) var(--v-transition-ease);
}

.v-cookie-consent-toggle input:checked + .v-cookie-consent-toggle__track[b-9wiwz9ejld] {
    background-color: var(--v-primary);
}

.v-cookie-consent-toggle input:checked ~ .v-cookie-consent-toggle__thumb[b-9wiwz9ejld] {
    transform: translateX(22px);
}

.v-cookie-consent-toggle input:focus-visible + .v-cookie-consent-toggle__track[b-9wiwz9ejld] {
    outline: 2px solid var(--v-primary);
    outline-offset: 2px;
}

/* Footer */
.v-cookie-consent-settings__footer[b-9wiwz9ejld] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--v-spacing-sm);
    padding: var(--v-spacing-lg);
    border-top: 1px solid var(--v-border);
}

/* VButton overrides within cookie consent settings footer */
.v-cookie-consent-settings__footer[b-9wiwz9ejld]  .v-button {
    flex: 1;
    min-width: 100px;
    height: 44px;
    padding: 0 var(--v-spacing-md);
    font-size: var(--v-font-size-sm);
}

/* Mobile button layout: Reject + Save on row 1, Accept on row 2 */
@media (max-width: 767px) {
    .v-cookie-consent-settings__footer[b-9wiwz9ejld]  .v-cookie-consent-settings__btn--reject {
        flex: 1 1 calc(50% - var(--v-spacing-sm) / 2);
        order: 0;
    }

    .v-cookie-consent-settings__footer[b-9wiwz9ejld]  .v-cookie-consent-settings__btn--save {
        flex: 1 1 calc(50% - var(--v-spacing-sm) / 2);
        order: 1;
    }

    .v-cookie-consent-settings__footer[b-9wiwz9ejld]  .v-cookie-consent-settings__btn--accept {
        flex: 1 1 100%;
        order: 2;
    }
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    .v-cookie-consent-backdrop[b-9wiwz9ejld],
    .v-cookie-consent-settings[b-9wiwz9ejld] {
        animation: none;
    }
}
/* _content/Velvento.UI/Components/Dialog/VConfirmDialog.razor.rz.scp.css */
.v-confirm-dialog-message[b-30wglxq1bj] {
    margin-bottom: 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #374151;
}

.v-confirm-dialog-actions[b-30wglxq1bj] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}
/* _content/Velvento.UI/Components/Dialog/VDialog.razor.rz.scp.css */
/* Native <dialog> + showModal() puts the element on the browser's
   "top layer", which renders above every stacking context on the page —
   so ancestor transform/filter/overflow cannot clip it. */
.v-dialog[b-dw5ddfsvmh] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    max-width: 90vw;
    max-height: 90vh;
    width: fit-content;
    height: fit-content;
    overflow: visible;
    animation: v-dialog-scale-in-b-dw5ddfsvmh 0.2s ease-out;
}

@media (max-width: 600px) {
    .v-dialog[b-dw5ddfsvmh] {
        width: 90vw;
    }
}

.v-dialog[b-dw5ddfsvmh]::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    animation: v-dialog-fade-in-b-dw5ddfsvmh 0.2s ease-out;
}

@keyframes v-dialog-fade-in-b-dw5ddfsvmh {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes v-dialog-scale-in-b-dw5ddfsvmh {
    from {
        transform: translate(-50%, -50%) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}

.v-dialog-container[b-dw5ddfsvmh] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    width: 100%;
    max-height: 90vh;
    overflow: auto;
}

.v-dialog-header[b-dw5ddfsvmh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.v-dialog-title[b-dw5ddfsvmh] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--v-primary, #027374);
}

.v-dialog-close[b-dw5ddfsvmh] {
    background: none;
    border: none;
    padding: 0.5rem;
    cursor: pointer;
    color: #6b7280;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s;
}

.v-dialog-close:hover[b-dw5ddfsvmh] {
    background-color: #f3f4f6;
    color: var(--v-primary, #027374);
}

.v-dialog-body[b-dw5ddfsvmh] {
    padding: 1.5rem;
}
/* _content/Velvento.UI/Components/Form/Autocomplete/VAutocompleteOutlined.razor.rz.scp.css */
/* ====================================================================
   VAutocompleteOutlined Component Styles
   ==================================================================== */

.v-autocomplete--outlined[b-udoimlady4] {
    display: flex;
    flex-direction: column;
}

.v-autocomplete--outlined .v-autocomplete-label[b-udoimlady4] {
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-sm);
    font-weight: var(--v-font-weight-medium);
    color: var(--v-text-secondary);
}

/* Backdrop for click-outside-to-close */
.v-autocomplete--outlined .v-autocomplete-backdrop[b-udoimlady4] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 999998;
}

.v-autocomplete--outlined .v-autocomplete-container[b-udoimlady4] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.v-autocomplete--outlined .v-autocomplete-open[b-udoimlady4] {
    z-index: 999999;
}

/* Display area (clickable trigger) */
.v-autocomplete--outlined .v-autocomplete-display[b-udoimlady4] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    background-color: var(--v-surface);
    border: 1.5px solid var(--v-border);
    border-radius: var(--v-radius-sm);
    padding: 0 16px;
    color: var(--v-text-primary);
    font-size: var(--v-font-size-md);
    font-family: var(--v-font-family);
    font-weight: var(--v-font-weight-normal);
    cursor: text;
    transition: border-color var(--v-transition-fast) var(--v-transition-ease),
    box-shadow var(--v-transition-fast) var(--v-transition-ease);
    box-sizing: border-box;
}

.v-autocomplete--outlined .v-autocomplete-display:hover[b-udoimlady4] {
    border-color: var(--v-border-dark);
}

.v-autocomplete--outlined .v-autocomplete-open .v-autocomplete-display[b-udoimlady4] {
    border-color: var(--v-primary);
    box-shadow: inset 0 0 0 0.5px var(--v-primary);
}

/* Search input */
.v-autocomplete--outlined .v-autocomplete-search-input[b-udoimlady4] {
    flex: 1;
    min-width: 0;
    height: 100%;
    border: none;
    background: transparent;
    font-size: var(--v-font-size-md);
    font-family: var(--v-font-family);
    font-weight: var(--v-font-weight-normal);
    color: var(--v-text-primary);
    outline: none;
    padding: 0;
}

.v-autocomplete--outlined .v-autocomplete-search-input[b-udoimlady4]::placeholder {
    color: var(--v-text-muted);
}

.v-autocomplete--outlined .v-autocomplete-search-input:disabled[b-udoimlady4] {
    cursor: not-allowed;
}

/* Loading indicator */
.v-autocomplete--outlined .v-autocomplete-loading-indicator[b-udoimlady4] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: var(--v-spacing-sm);
    color: var(--v-text-secondary);
}

.v-autocomplete--outlined .v-autocomplete-spinner[b-udoimlady4] {
    animation: v-autocomplete-spin-b-udoimlady4 1s linear infinite;
}

@keyframes v-autocomplete-spin-b-udoimlady4 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Arrow icon */
.v-autocomplete--outlined .v-autocomplete-arrow[b-udoimlady4] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: var(--v-spacing-sm);
    color: var(--v-text-secondary);
    transition: transform var(--v-transition-fast) var(--v-transition-ease),
    color var(--v-transition-fast) var(--v-transition-ease);
}

.v-autocomplete--outlined .v-autocomplete-arrow-open[b-udoimlady4] {
    transform: rotate(180deg);
    color: var(--v-primary);
}

/* Dropdown - uses fixed positioning to escape overflow:hidden containers */
.v-autocomplete--outlined .v-autocomplete-dropdown[b-udoimlady4] {
    position: fixed;
    /* top, left, width, max-height are set via inline style */
    overflow-y: auto;
    background-color: var(--v-surface);
    border: 1px solid var(--v-border);
    border-radius: 0 0 var(--v-radius-md) var(--v-radius-md);
    box-shadow: var(--v-shadow-lg);
    box-sizing: border-box;
    z-index: 999999;
}

.v-autocomplete--outlined .v-autocomplete-dropdown-upward[b-udoimlady4] {
    border-radius: var(--v-radius-md) var(--v-radius-md) 0 0;
}

/* Dropdown items */
.v-autocomplete--outlined .v-autocomplete-item[b-udoimlady4] {
    padding: 10px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: var(--v-spacing-sm);
    font-size: var(--v-font-size-md);
    font-family: var(--v-font-family);
    font-weight: var(--v-font-weight-normal);
    color: var(--v-text-primary);
    background: transparent;
    transition: background-color var(--v-transition-fast) var(--v-transition-ease);
    user-select: none;
}

.v-autocomplete--outlined .v-autocomplete-item:hover[b-udoimlady4] {
    background-color: var(--v-surface-hover);
}

.v-autocomplete--outlined .v-autocomplete-item-selected[b-udoimlady4] {
    font-weight: var(--v-font-weight-medium);
    background-color: rgba(2, 115, 116, 0.08);
}

.v-autocomplete--outlined .v-autocomplete-item-selected:hover[b-udoimlady4] {
    background-color: rgba(2, 115, 116, 0.12);
}

/* Disabled state */
.v-autocomplete--outlined .v-autocomplete-disabled .v-autocomplete-display[b-udoimlady4] {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: var(--v-surface-hover);
}

.v-autocomplete--outlined .v-autocomplete-disabled .v-autocomplete-display:hover[b-udoimlady4] {
    border-color: var(--v-border);
}

/* Error state */
.v-autocomplete--outlined .v-autocomplete-error .v-autocomplete-display[b-udoimlady4] {
    border-color: var(--v-error);
}

.v-autocomplete--outlined .v-autocomplete-error .v-autocomplete-display:hover[b-udoimlady4] {
    border-color: var(--v-error);
}

.v-autocomplete--outlined .v-autocomplete-error.v-autocomplete-open .v-autocomplete-display[b-udoimlady4] {
    border-color: var(--v-error);
    box-shadow: inset 0 0 0 0.5px var(--v-error);
}

/* Helper text */
.v-autocomplete--outlined .v-autocomplete-helper[b-udoimlady4] {
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-xs);
    color: var(--v-text-secondary);
}

.v-autocomplete--outlined .v-autocomplete-helper--error[b-udoimlady4] {
    color: var(--v-error);
}

/* Scrollbar styling */
.v-autocomplete--outlined .v-autocomplete-dropdown[b-udoimlady4]::-webkit-scrollbar {
    width: 6px;
}

.v-autocomplete--outlined .v-autocomplete-dropdown[b-udoimlady4]::-webkit-scrollbar-track {
    background: transparent;
}

.v-autocomplete--outlined .v-autocomplete-dropdown[b-udoimlady4]::-webkit-scrollbar-thumb {
    background: var(--v-border-dark);
    border-radius: 3px;
}

.v-autocomplete--outlined .v-autocomplete-dropdown[b-udoimlady4]::-webkit-scrollbar-thumb:hover {
    background: var(--v-text-muted);
}

/* _content/Velvento.UI/Components/Form/Autocomplete/VAutocompleteText.razor.rz.scp.css */
/* ====================================================================
   VAutocompleteText Component Styles - Underline/Text Variant
   ==================================================================== */

.v-autocomplete--text[b-19uzin5ish] {
    display: flex;
    flex-direction: column;
}

.v-autocomplete--text .v-autocomplete-label[b-19uzin5ish] {
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-sm);
    font-weight: var(--v-font-weight-medium);
    color: var(--v-text-secondary);
}

/* Backdrop for click-outside-to-close */
.v-autocomplete--text .v-autocomplete-backdrop[b-19uzin5ish] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 999998;
}

.v-autocomplete--text .v-autocomplete-container[b-19uzin5ish] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.v-autocomplete--text .v-autocomplete-open[b-19uzin5ish] {
    z-index: 999999;
}

/* Display area (clickable trigger) */
.v-autocomplete--text .v-autocomplete-display[b-19uzin5ish] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--v-surface);
    border: none;
    border-bottom: 2px solid var(--v-border);
    border-radius: var(--v-radius-sm) var(--v-radius-sm) 0 0;
    padding: 12px 16px;
    color: var(--v-text-primary);
    font-size: var(--v-font-size-md);
    font-family: var(--v-font-family);
    font-weight: var(--v-font-weight-normal);
    cursor: text;
    transition: border-color var(--v-transition-fast) var(--v-transition-ease);
    box-sizing: border-box;
}

.v-autocomplete--text .v-autocomplete-display:hover[b-19uzin5ish] {
    border-bottom-color: var(--v-border-dark);
}

.v-autocomplete--text .v-autocomplete-open .v-autocomplete-display[b-19uzin5ish] {
    border-bottom-color: var(--v-primary);
}

/* Search input */
.v-autocomplete--text .v-autocomplete-search-input[b-19uzin5ish] {
    flex: 1;
    min-width: 0;
    height: 100%;
    border: none;
    background: transparent;
    font-size: var(--v-font-size-md);
    font-family: var(--v-font-family);
    font-weight: var(--v-font-weight-normal);
    color: var(--v-text-primary);
    outline: none;
    padding: 0;
}

.v-autocomplete--text .v-autocomplete-search-input[b-19uzin5ish]::placeholder {
    color: var(--v-text-muted);
}

.v-autocomplete--text .v-autocomplete-search-input:disabled[b-19uzin5ish] {
    cursor: not-allowed;
}

/* Loading indicator */
.v-autocomplete--text .v-autocomplete-loading-indicator[b-19uzin5ish] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: var(--v-spacing-sm);
    color: var(--v-text-secondary);
}

.v-autocomplete--text .v-autocomplete-spinner[b-19uzin5ish] {
    animation: v-autocomplete-text-spin-b-19uzin5ish 1s linear infinite;
}

@keyframes v-autocomplete-text-spin-b-19uzin5ish {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Arrow icon */
.v-autocomplete--text .v-autocomplete-arrow[b-19uzin5ish] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: var(--v-spacing-sm);
    color: var(--v-text-secondary);
    transition: transform var(--v-transition-fast) var(--v-transition-ease),
    color var(--v-transition-fast) var(--v-transition-ease);
}

.v-autocomplete--text .v-autocomplete-arrow-open[b-19uzin5ish] {
    transform: rotate(180deg);
    color: var(--v-primary);
}

/* Dropdown - uses fixed positioning to escape overflow:hidden containers */
.v-autocomplete--text .v-autocomplete-dropdown[b-19uzin5ish] {
    position: fixed;
    /* top, left, width, max-height are set via inline style */
    overflow-y: auto;
    background-color: var(--v-surface);
    border: 1px solid var(--v-border);
    border-radius: 0 0 var(--v-radius-md) var(--v-radius-md);
    box-shadow: var(--v-shadow-lg);
    box-sizing: border-box;
    z-index: 999999;
}

.v-autocomplete--text .v-autocomplete-dropdown-upward[b-19uzin5ish] {
    border-radius: var(--v-radius-md) var(--v-radius-md) 0 0;
}

/* Dropdown items */
.v-autocomplete--text .v-autocomplete-item[b-19uzin5ish] {
    padding: 10px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: var(--v-spacing-sm);
    font-size: var(--v-font-size-md);
    font-family: var(--v-font-family);
    font-weight: var(--v-font-weight-normal);
    color: var(--v-text-primary);
    background: transparent;
    transition: background-color var(--v-transition-fast) var(--v-transition-ease);
    user-select: none;
}

.v-autocomplete--text .v-autocomplete-item:hover[b-19uzin5ish] {
    background-color: var(--v-surface-hover);
}

.v-autocomplete--text .v-autocomplete-item-selected[b-19uzin5ish] {
    font-weight: var(--v-font-weight-medium);
    background-color: rgba(2, 115, 116, 0.08);
}

.v-autocomplete--text .v-autocomplete-item-selected:hover[b-19uzin5ish] {
    background-color: rgba(2, 115, 116, 0.12);
}

/* Disabled state */
.v-autocomplete--text .v-autocomplete-disabled .v-autocomplete-display[b-19uzin5ish] {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: var(--v-surface-hover);
}

.v-autocomplete--text .v-autocomplete-disabled .v-autocomplete-display:hover[b-19uzin5ish] {
    border-bottom-color: var(--v-border);
}

/* Error state */
.v-autocomplete--text .v-autocomplete-error .v-autocomplete-display[b-19uzin5ish] {
    border-bottom-color: var(--v-error);
}

.v-autocomplete--text .v-autocomplete-error .v-autocomplete-display:hover[b-19uzin5ish] {
    border-bottom-color: var(--v-error);
}

.v-autocomplete--text .v-autocomplete-error.v-autocomplete-open .v-autocomplete-display[b-19uzin5ish] {
    border-bottom-color: var(--v-error);
}

/* Helper text */
.v-autocomplete--text .v-autocomplete-helper[b-19uzin5ish] {
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-xs);
    color: var(--v-text-secondary);
}

.v-autocomplete--text .v-autocomplete-helper--error[b-19uzin5ish] {
    color: var(--v-error);
}

/* Scrollbar styling */
.v-autocomplete--text .v-autocomplete-dropdown[b-19uzin5ish]::-webkit-scrollbar {
    width: 6px;
}

.v-autocomplete--text .v-autocomplete-dropdown[b-19uzin5ish]::-webkit-scrollbar-track {
    background: transparent;
}

.v-autocomplete--text .v-autocomplete-dropdown[b-19uzin5ish]::-webkit-scrollbar-thumb {
    background: var(--v-border-dark);
    border-radius: 3px;
}

.v-autocomplete--text .v-autocomplete-dropdown[b-19uzin5ish]::-webkit-scrollbar-thumb:hover {
    background: var(--v-text-muted);
}

/* _content/Velvento.UI/Components/Form/Checkbox/VCheckboxDefault.razor.rz.scp.css */
/* ====================================================================
   VCheckbox Component Styles (Native Implementation)
   ==================================================================== */

.v-checkbox[b-af48kuy2cf] {
    font-family: var(--v-font-family, "Montserrat", sans-serif);
    transition: all var(--v-transition-fast, 150ms) var(--v-transition-ease, ease);
}

.v-checkbox__input-wrapper[b-af48kuy2cf] {
    justify-content: center;
    flex-shrink: 0;
}

.v-checkbox__input[b-af48kuy2cf] {
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.v-checkbox__box[b-af48kuy2cf] {
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid var(--v-text-secondary, #6b7280);
    border-radius: var(--v-radius-sm, 0.25rem);
    background: transparent;
    transition: all var(--v-transition-fast, 150ms) var(--v-transition-ease, ease);
}

.v-checkbox__checkmark[b-af48kuy2cf] {
    width: 1rem;
    height: 1rem;
    color: white;
    opacity: 0;
    transform: scale(0.5);
    transition: all var(--v-transition-fast, 150ms) var(--v-transition-ease, ease);
}

.v-checkbox__label[b-af48kuy2cf] {
    font-weight: 300;
    letter-spacing: 0.02rem;
    line-height: 1.5;
    color: var(--v-text-primary, #1f2937);
    padding-top: 0.0625rem;
}

/* Hover state */
.v-checkbox:hover:not(.v-checkbox--disabled) .v-checkbox__box[b-af48kuy2cf] {
    border-color: var(--v-primary, #027374);
}

/* Focus state */
.v-checkbox__input:focus-visible ~ .v-checkbox__box[b-af48kuy2cf] {
    outline: 2px solid var(--v-primary, #027374);
    outline-offset: 2px;
}

/* Checked state */
.v-checkbox--checked .v-checkbox__box[b-af48kuy2cf] {
    background-color: var(--v-primary, #027374);
    border-color: var(--v-primary, #027374);
}

.v-checkbox--checked .v-checkbox__checkmark[b-af48kuy2cf] {
    opacity: 1;
    transform: scale(1);
    animation: v-checkbox-check-b-af48kuy2cf var(--v-transition-normal, 200ms) var(--v-transition-ease, ease);
}

@keyframes v-checkbox-check-b-af48kuy2cf {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Disabled state */
.v-checkbox--disabled[b-af48kuy2cf] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.v-checkbox--disabled .v-checkbox__input[b-af48kuy2cf] {
    cursor: not-allowed;
}

/* Dense variant */
.v-checkbox--dense .v-checkbox__box[b-af48kuy2cf] {
    width: 1rem;
    height: 1rem;
}

.v-checkbox--dense .v-checkbox__checkmark[b-af48kuy2cf] {
    width: 0.75rem;
    height: 0.75rem;
}

.v-checkbox--dense .v-checkbox__label[b-af48kuy2cf] {
    font-size: var(--v-font-size-sm, 0.875rem);
}

/* Color variants */
.v-checkbox--primary.v-checkbox--checked .v-checkbox__box[b-af48kuy2cf] {
    background-color: var(--v-primary, #027374);
    border-color: var(--v-primary, #027374);
}

.v-checkbox--primary:hover:not(.v-checkbox--disabled) .v-checkbox__box[b-af48kuy2cf] {
    border-color: var(--v-primary, #027374);
}

.v-checkbox--secondary.v-checkbox--checked .v-checkbox__box[b-af48kuy2cf] {
    background-color: var(--v-text-secondary, #6b7280);
    border-color: var(--v-text-secondary, #6b7280);
}

.v-checkbox--secondary:hover:not(.v-checkbox--disabled) .v-checkbox__box[b-af48kuy2cf] {
    border-color: var(--v-text-secondary, #6b7280);
}

.v-checkbox--success.v-checkbox--checked .v-checkbox__box[b-af48kuy2cf] {
    background-color: var(--v-success, #10b981);
    border-color: var(--v-success, #10b981);
}

.v-checkbox--success:hover:not(.v-checkbox--disabled) .v-checkbox__box[b-af48kuy2cf] {
    border-color: var(--v-success, #10b981);
}

.v-checkbox--error.v-checkbox--checked .v-checkbox__box[b-af48kuy2cf] {
    background-color: var(--v-error, #ef4444);
    border-color: var(--v-error, #ef4444);
}

.v-checkbox--error:hover:not(.v-checkbox--disabled) .v-checkbox__box[b-af48kuy2cf] {
    border-color: var(--v-error, #ef4444);
}

.v-checkbox--warning.v-checkbox--checked .v-checkbox__box[b-af48kuy2cf] {
    background-color: var(--v-warning, #f59e0b);
    border-color: var(--v-warning, #f59e0b);
}

.v-checkbox--warning:hover:not(.v-checkbox--disabled) .v-checkbox__box[b-af48kuy2cf] {
    border-color: var(--v-warning, #f59e0b);
}

.v-checkbox--info.v-checkbox--checked .v-checkbox__box[b-af48kuy2cf] {
    background-color: var(--v-info, #3b82f6);
    border-color: var(--v-info, #3b82f6);
}

.v-checkbox--info:hover:not(.v-checkbox--disabled) .v-checkbox__box[b-af48kuy2cf] {
    border-color: var(--v-info, #3b82f6);
}
/* _content/Velvento.UI/Components/Form/ColorInput/VColorInputDefault.razor.rz.scp.css */
.v-color-input[b-o3un2n9sit] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.v-color-input__picker[b-o3un2n9sit] {
    width: 48px;
    height: 48px;
    padding: 2px;
    border: 1px solid var(--v-border-color, #d1d5db);
    border-radius: var(--v-radius-md, 0.5rem);
    background: transparent;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.v-color-input__picker[b-o3un2n9sit]::-webkit-color-swatch-wrapper {
    padding: 2px;
}

.v-color-input__picker[b-o3un2n9sit]::-webkit-color-swatch {
    border: none;
    border-radius: calc(var(--v-radius-md, 0.5rem) - 4px);
}

.v-color-input__picker[b-o3un2n9sit]::-moz-color-swatch {
    border: none;
    border-radius: calc(var(--v-radius-md, 0.5rem) - 4px);
}

.v-color-input__label[b-o3un2n9sit] {
    font-family: var(--v-font-family, "Montserrat", sans-serif);
    font-weight: 300;
    letter-spacing: 0.02rem;
    color: var(--v-text-primary, #1f2937);
}

.v-color-input--disabled[b-o3un2n9sit] {
    opacity: 0.5;
    pointer-events: none;
}

.v-color-input--disabled .v-color-input__picker[b-o3un2n9sit] {
    cursor: not-allowed;
}
/* _content/Velvento.UI/Components/Form/FileUpload/VFileUploadDefault.razor.rz.scp.css */
/* ====================================================================
   VFileUpload Default Variant Styles
   ==================================================================== */

.v-file-upload[b-q1h23z505t] {
    font-family: var(--v-font-family, "DMSans", sans-serif), sans-serif;
    display: flex;
    flex-direction: column;
    gap: var(--v-spacing-sm, 8px);
}

.v-file-upload__label[b-q1h23z505t] {
    font-size: var(--v-font-size-sm, 0.875rem);
    font-weight: var(--v-font-weight-medium, 500);
    color: var(--v-text-primary, #000000);
    margin-bottom: var(--v-spacing-xs, 4px);
}

/* Drop Zone */
.v-file-upload__dropzone[b-q1h23z505t] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: var(--v-spacing-lg, 24px);
    border: 2px dashed var(--v-border, #e0e0e0);
    border-radius: var(--v-radius-lg, 12px);
    background-color: var(--v-surface, #ffffff);
    cursor: pointer;
    transition: all var(--v-transition-fast, 150ms) var(--v-transition-ease, ease);
}

.v-file-upload__dropzone:hover:not(:disabled)[b-q1h23z505t] {
    border-color: var(--v-primary, #027374);
    background-color: rgba(2, 115, 116, 0.02);
}

.v-file-upload__dropzone:focus-visible[b-q1h23z505t] {
    outline: 2px solid var(--v-primary, #027374);
    outline-offset: 2px;
}

.v-file-upload--dragover .v-file-upload__dropzone[b-q1h23z505t] {
    border-color: var(--v-primary, #027374);
    background-color: rgba(2, 115, 116, 0.05);
    border-style: solid;
}

.v-file-upload--error .v-file-upload__dropzone[b-q1h23z505t] {
    border-color: var(--v-error, #dc2626);
}

.v-file-upload--disabled .v-file-upload__dropzone[b-q1h23z505t] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.v-file-upload__input[b-q1h23z505t] {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    z-index: -1 !important;
    clip: rect(0, 0, 0, 0) !important;
    overflow: hidden !important;
    border: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

.v-file-upload__input[b-q1h23z505t]::file-selector-button,
.v-file-upload__input[b-q1h23z505t]::-webkit-file-upload-button,
.v-file-upload__input[b-q1h23z505t]::-ms-browse {
    display: none !important;
}

.v-file-upload__dropzone-content[b-q1h23z505t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--v-spacing-sm, 8px);
    text-align: center;
    pointer-events: none;
}

.v-file-upload__icon[b-q1h23z505t] {
    color: var(--v-text-muted, #9ca3af);
}

.v-file-upload--dragover .v-file-upload__icon[b-q1h23z505t] {
    color: var(--v-primary, #027374);
}

.v-file-upload__dropzone-text[b-q1h23z505t] {
    font-size: var(--v-font-size-md, 1rem);
    font-weight: var(--v-font-weight-medium, 500);
    color: var(--v-text-primary, #000000);
}

.v-file-upload__dropzone-hint[b-q1h23z505t] {
    font-size: var(--v-font-size-sm, 0.875rem);
    color: var(--v-text-muted, #9ca3af);
}

/* File List */
.v-file-upload__list[b-q1h23z505t] {
    display: flex;
    flex-direction: column;
    gap: var(--v-spacing-xs, 4px);
    margin: 0;
    padding: 0;
    list-style: none;
}

.v-file-upload__item[b-q1h23z505t] {
    display: flex;
    align-items: center;
    gap: var(--v-spacing-sm, 8px);
    padding: var(--v-spacing-sm, 8px) var(--v-spacing-md, 16px);
    background-color: var(--v-surface, #ffffff);
    border: 1px solid var(--v-border, #e0e0e0);
    border-radius: var(--v-radius-md, 8px);
    transition: all var(--v-transition-fast, 150ms) var(--v-transition-ease, ease);
}

.v-file-upload__item:hover[b-q1h23z505t] {
    background-color: var(--v-surface-hover, #f9f9f9);
}

.v-file-upload__item--error[b-q1h23z505t] {
    border-color: var(--v-error-light, #ef4444);
    background-color: rgba(220, 38, 38, 0.02);
}

.v-file-upload__item-icon[b-q1h23z505t] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--v-radius-sm, 4px);
    background-color: var(--v-background, #f4f1ed);
    color: var(--v-text-secondary, #6b7280);
    flex-shrink: 0;
}

.v-file-upload__item-info[b-q1h23z505t] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.v-file-upload__item-name[b-q1h23z505t] {
    font-size: var(--v-font-size-sm, 0.875rem);
    font-weight: var(--v-font-weight-medium, 500);
    color: var(--v-text-primary, #000000);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.v-file-upload__item-size[b-q1h23z505t] {
    font-size: var(--v-font-size-xs, 0.75rem);
    color: var(--v-text-muted, #9ca3af);
}

.v-file-upload__item-status[b-q1h23z505t] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

/* Spinner Animation */
.v-file-upload__spinner[b-q1h23z505t] {
    width: 16px;
    height: 16px;
    border: 2px solid var(--v-border, #e0e0e0);
    border-top-color: var(--v-primary, #027374);
    border-radius: 50%;
    animation: v-file-upload-spin-b-q1h23z505t 0.8s linear infinite;
}

@keyframes v-file-upload-spin-b-q1h23z505t {
    to {
        transform: rotate(360deg);
    }
}

/* Action Buttons */
.v-file-upload__retry[b-q1h23z505t],
.v-file-upload__remove[b-q1h23z505t] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: var(--v-radius-sm, 4px);
    background-color: transparent;
    color: var(--v-text-secondary, #6b7280);
    cursor: pointer;
    transition: all var(--v-transition-fast, 150ms) var(--v-transition-ease, ease);
    flex-shrink: 0;
}

.v-file-upload__retry:hover[b-q1h23z505t],
.v-file-upload__remove:hover[b-q1h23z505t] {
    background-color: var(--v-background, #f4f1ed);
}

.v-file-upload__retry:focus-visible[b-q1h23z505t],
.v-file-upload__remove:focus-visible[b-q1h23z505t] {
    outline: 2px solid var(--v-primary, #027374);
    outline-offset: 1px;
}

.v-file-upload__remove:disabled[b-q1h23z505t] {
    opacity: 0.5;
    cursor: not-allowed;
}

.v-file-upload__remove:hover:not(:disabled)[b-q1h23z505t] {
    color: var(--v-error, #dc2626);
}

/* Helper Text */
.v-file-upload__helper[b-q1h23z505t] {
    font-size: var(--v-font-size-sm, 0.875rem);
    color: var(--v-text-secondary, #6b7280);
}

.v-file-upload__helper--error[b-q1h23z505t] {
    color: var(--v-error, #dc2626);
}

/* Responsive */
@media (max-width: 600px) {
    .v-file-upload__dropzone[b-q1h23z505t] {
        min-height: 100px;
        padding: var(--v-spacing-md, 16px);
    }

    .v-file-upload__dropzone-text[b-q1h23z505t] {
        font-size: var(--v-font-size-sm, 0.875rem);
    }

    .v-file-upload__item[b-q1h23z505t] {
        padding: var(--v-spacing-xs, 4px) var(--v-spacing-sm, 8px);
    }
}
/* _content/Velvento.UI/Components/Form/FileUpload/VFileUploadPhoto.razor.rz.scp.css */
/* ====================================================================
   VFileUpload Photo Variant Styles
   ==================================================================== */

.v-file-upload--photo[b-kjafbn0s95] {
    font-family: var(--v-font-family, "DMSans", sans-serif), sans-serif;
    display: flex;
    flex-direction: column;
    gap: var(--v-spacing-sm, 8px);
}

.v-file-upload--photo .v-file-upload__label[b-kjafbn0s95] {
    font-size: var(--v-font-size-sm, 0.875rem);
    font-weight: var(--v-font-weight-medium, 500);
    color: var(--v-text-primary, #000000);
    margin-bottom: var(--v-spacing-xs, 4px);
}

/* Photo Grid */
.v-file-upload-photo__grid[b-kjafbn0s95] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: var(--v-spacing-md, 16px);
}

/* Photo Item */
.v-file-upload-photo__item[b-kjafbn0s95] {
    position: relative;
    aspect-ratio: 1;
    border-radius: var(--v-radius-lg, 12px);
    overflow: hidden;
    background-color: var(--v-background, #f4f1ed);
    box-shadow: var(--v-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05));
    transition: all var(--v-transition-fast, 150ms) var(--v-transition-ease, ease);
}

.v-file-upload-photo__item:hover[b-kjafbn0s95] {
    box-shadow: var(--v-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06));
}

.v-file-upload-photo__item--error[b-kjafbn0s95] {
    box-shadow: 0 0 0 2px var(--v-error, #dc2626);
}

/* Thumbnail */
.v-file-upload-photo__thumbnail[b-kjafbn0s95] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Placeholder */
.v-file-upload-photo__placeholder[b-kjafbn0s95] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--v-text-muted, #9ca3af);
}

/* Overlay */
.v-file-upload-photo__overlay[b-kjafbn0s95] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
}

.v-file-upload-photo__overlay--error[b-kjafbn0s95] {
    background-color: rgba(220, 38, 38, 0.7);
}

/* Photo Spinner */
.v-file-upload-photo__spinner[b-kjafbn0s95] {
    width: 32px;
    height: 32px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: v-file-upload-photo-spin-b-kjafbn0s95 0.8s linear infinite;
}

@keyframes v-file-upload-photo-spin-b-kjafbn0s95 {
    to {
        transform: rotate(360deg);
    }
}

/* Retry Button */
.v-file-upload-photo__retry[b-kjafbn0s95] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    cursor: pointer;
    transition: all var(--v-transition-fast, 150ms) var(--v-transition-ease, ease);
}

.v-file-upload-photo__retry:hover[b-kjafbn0s95] {
    background-color: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

.v-file-upload-photo__retry:focus-visible[b-kjafbn0s95] {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

/* Remove Button */
.v-file-upload-photo__remove[b-kjafbn0s95] {
    position: absolute;
    top: var(--v-spacing-xs, 4px);
    right: var(--v-spacing-xs, 4px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    cursor: pointer;
    opacity: 0;
    transition: all var(--v-transition-fast, 150ms) var(--v-transition-ease, ease);
}

.v-file-upload-photo__item:hover .v-file-upload-photo__remove[b-kjafbn0s95] {
    opacity: 1;
}

.v-file-upload-photo__remove:hover[b-kjafbn0s95] {
    background-color: var(--v-error, #dc2626);
    transform: scale(1.1);
}

.v-file-upload-photo__remove:focus-visible[b-kjafbn0s95] {
    opacity: 1;
    outline: 2px solid #ffffff;
    outline-offset: 1px;
}

.v-file-upload-photo__remove:disabled[b-kjafbn0s95] {
    opacity: 0;
    cursor: not-allowed;
    pointer-events: none;
}

/* Success Badge */
.v-file-upload-photo__success[b-kjafbn0s95] {
    position: absolute;
    bottom: var(--v-spacing-xs, 4px);
    right: var(--v-spacing-xs, 4px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ffffff;
    color: var(--v-success, #048238);
    box-shadow: var(--v-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05));
}

/* Add Photo Button */
.v-file-upload-photo__add[b-kjafbn0s95] {
    position: relative;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--v-spacing-xs, 4px);
    border: 2px dashed var(--v-border, #e0e0e0);
    border-radius: var(--v-radius-lg, 12px);
    background-color: var(--v-surface, #ffffff);
    color: var(--v-text-muted, #9ca3af);
    cursor: pointer;
    transition: all var(--v-transition-fast, 150ms) var(--v-transition-ease, ease);
}

.v-file-upload-photo__add:hover[b-kjafbn0s95] {
    border-color: var(--v-primary, #027374);
    color: var(--v-primary, #027374);
    background-color: rgba(2, 115, 116, 0.02);
}

.v-file-upload-photo__add:focus-visible[b-kjafbn0s95] {
    outline: 2px solid var(--v-primary, #027374);
    outline-offset: 2px;
}

.v-file-upload-photo__add--dragover[b-kjafbn0s95] {
    border-color: var(--v-primary, #027374);
    border-style: solid;
    background-color: rgba(2, 115, 116, 0.05);
    color: var(--v-primary, #027374);
}

.v-file-upload-photo__add-text[b-kjafbn0s95] {
    font-size: var(--v-font-size-xs, 0.75rem);
    font-weight: var(--v-font-weight-medium, 500);
    text-align: center;
    padding: 0 var(--v-spacing-xs, 4px);
}

/* Hidden Input */
.v-file-upload--photo .v-file-upload__input[b-kjafbn0s95] {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    z-index: -1 !important;
    clip: rect(0, 0, 0, 0) !important;
    overflow: hidden !important;
    border: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

.v-file-upload--photo .v-file-upload__input[b-kjafbn0s95]::file-selector-button,
.v-file-upload--photo .v-file-upload__input[b-kjafbn0s95]::-webkit-file-upload-button,
.v-file-upload--photo .v-file-upload__input[b-kjafbn0s95]::-ms-browse {
    display: none !important;
}

/* Helper Text */
.v-file-upload--photo .v-file-upload__helper[b-kjafbn0s95] {
    font-size: var(--v-font-size-sm, 0.875rem);
    color: var(--v-text-secondary, #6b7280);
}

.v-file-upload--photo .v-file-upload__helper--error[b-kjafbn0s95] {
    color: var(--v-error, #dc2626);
}

/* Disabled State */
.v-file-upload--photo.v-file-upload--disabled .v-file-upload-photo__add[b-kjafbn0s95] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.v-file-upload--photo.v-file-upload--disabled .v-file-upload-photo__item[b-kjafbn0s95] {
    opacity: 0.5;
}

/* Error State */
.v-file-upload--photo.v-file-upload--error .v-file-upload-photo__add[b-kjafbn0s95] {
    border-color: var(--v-error, #dc2626);
}

/* Responsive */
@media (max-width: 600px) {
    .v-file-upload-photo__grid[b-kjafbn0s95] {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        gap: var(--v-spacing-sm, 8px);
    }

    .v-file-upload-photo__add-text[b-kjafbn0s95] {
        font-size: 0.65rem;
    }
}
/* _content/Velvento.UI/Components/Form/Radio/VRadioDefault.razor.rz.scp.css */
/* ====================================================================
   VRadio Component Styles (Native Implementation)
   ==================================================================== */

.v-radio[b-esw8awx443] {
    font-family: var(--v-font-family, "Montserrat", sans-serif);
    transition: all var(--v-transition-fast, 150ms) var(--v-transition-ease, ease);
}

.v-radio__input-wrapper[b-esw8awx443] {
    justify-content: center;
    flex-shrink: 0;
}

.v-radio__input[b-esw8awx443] {
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.v-radio__circle[b-esw8awx443] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid var(--v-text-secondary, #6b7280);
    border-radius: var(--v-radius-full, 9999px);
    background: transparent;
    transition: all var(--v-transition-fast, 150ms) var(--v-transition-ease, ease);
}

.v-radio__dot[b-esw8awx443] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: var(--v-radius-full, 9999px);
    background-color: white;
    opacity: 0;
    transform: scale(0);
    transition: all var(--v-transition-fast, 150ms) var(--v-transition-ease, ease);
}

.v-radio__label[b-esw8awx443] {
    font-weight: 300;
    letter-spacing: 0.02rem;
    line-height: 1.5;
    color: var(--v-text-primary, #1f2937);
    padding-top: 0.0625rem;
}

/* Hover state */
.v-radio:hover:not(.v-radio--disabled) .v-radio__circle[b-esw8awx443] {
    border-color: var(--v-primary, #027374);
}

/* Focus state */
.v-radio__input:focus-visible ~ .v-radio__circle[b-esw8awx443] {
    outline: 2px solid var(--v-primary, #027374);
    outline-offset: 2px;
}

/* Checked state */
.v-radio--checked .v-radio__circle[b-esw8awx443] {
    background-color: var(--v-primary, #027374);
    border-color: var(--v-primary, #027374);
}

.v-radio--checked .v-radio__dot[b-esw8awx443] {
    opacity: 1;
    transform: scale(1);
    animation: v-radio-dot-b-esw8awx443 var(--v-transition-normal, 200ms) var(--v-transition-ease, ease);
}

@keyframes v-radio-dot-b-esw8awx443 {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Disabled state */
.v-radio--disabled[b-esw8awx443] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.v-radio--disabled .v-radio__input[b-esw8awx443] {
    cursor: not-allowed;
}

/* Dense variant */
.v-radio--dense .v-radio__circle[b-esw8awx443] {
    width: 1rem;
    height: 1rem;
}

.v-radio--dense .v-radio__dot[b-esw8awx443] {
    width: 0.375rem;
    height: 0.375rem;
}

.v-radio--dense .v-radio__label[b-esw8awx443] {
    font-size: var(--v-font-size-sm, 0.875rem);
}

/* Color variants */
.v-radio--primary.v-radio--checked .v-radio__circle[b-esw8awx443] {
    background-color: var(--v-primary, #027374);
    border-color: var(--v-primary, #027374);
}

.v-radio--primary:hover:not(.v-radio--disabled) .v-radio__circle[b-esw8awx443] {
    border-color: var(--v-primary, #027374);
}

.v-radio--secondary.v-radio--checked .v-radio__circle[b-esw8awx443] {
    background-color: var(--v-text-secondary, #6b7280);
    border-color: var(--v-text-secondary, #6b7280);
}

.v-radio--secondary:hover:not(.v-radio--disabled) .v-radio__circle[b-esw8awx443] {
    border-color: var(--v-text-secondary, #6b7280);
}

.v-radio--success.v-radio--checked .v-radio__circle[b-esw8awx443] {
    background-color: var(--v-success, #10b981);
    border-color: var(--v-success, #10b981);
}

.v-radio--success:hover:not(.v-radio--disabled) .v-radio__circle[b-esw8awx443] {
    border-color: var(--v-success, #10b981);
}

.v-radio--error.v-radio--checked .v-radio__circle[b-esw8awx443] {
    background-color: var(--v-error, #ef4444);
    border-color: var(--v-error, #ef4444);
}

.v-radio--error:hover:not(.v-radio--disabled) .v-radio__circle[b-esw8awx443] {
    border-color: var(--v-error, #ef4444);
}

.v-radio--warning.v-radio--checked .v-radio__circle[b-esw8awx443] {
    background-color: var(--v-warning, #f59e0b);
    border-color: var(--v-warning, #f59e0b);
}

.v-radio--warning:hover:not(.v-radio--disabled) .v-radio__circle[b-esw8awx443] {
    border-color: var(--v-warning, #f59e0b);
}

.v-radio--info.v-radio--checked .v-radio__circle[b-esw8awx443] {
    background-color: var(--v-info, #3b82f6);
    border-color: var(--v-info, #3b82f6);
}

.v-radio--info:hover:not(.v-radio--disabled) .v-radio__circle[b-esw8awx443] {
    border-color: var(--v-info, #3b82f6);
}
/* _content/Velvento.UI/Components/Form/Radio/VRadioGroup.razor.rz.scp.css */
/* ====================================================================
   VRadioGroup Component Styles
   ==================================================================== */

.v-radio-group[b-iahshxayjs] {
    font-family: var(--v-font-family, "Montserrat", sans-serif);
}

.v-radio-group__label[b-iahshxayjs] {
    font-weight: 500;
    font-size: var(--v-font-size-sm, 0.875rem);
    color: var(--v-text-primary, #1f2937);
}

.v-radio-group__options[b-iahshxayjs] {
    gap: var(--v-spacing-sm, 8px);
}

/* Vertical orientation (default) */
.v-radio-group--vertical[b-iahshxayjs] {
    flex-direction: column;
}

/* Horizontal orientation */
.v-radio-group--horizontal[b-iahshxayjs] {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--v-spacing-md, 16px);
}

/* Disabled state */
.v-radio-group--disabled[b-iahshxayjs] {
    opacity: 0.5;
    pointer-events: none;
}

/* Helper text */
.v-radio-group__helper[b-iahshxayjs] {
    font-size: var(--v-font-size-xs, 0.75rem);
    color: var(--v-text-secondary, #6b7280);
}

.v-radio-group__helper--error[b-iahshxayjs] {
    color: var(--v-error, #ef4444);
}
/* _content/Velvento.UI/Components/Form/SearchBar/VSearchBar.razor.rz.scp.css */
/* ====================================================================
   VSearchBar Component Styles
   ==================================================================== */

.v-search-bar[b-2he95bk2n7] {
    width: 100%;
}

.v-search-bar[b-2he95bk2n7]  .v-text-field__container {
    border-radius: 24px !important;
}

.v-search-bar[b-2he95bk2n7]  .v-text-field__container::after {
    display: none;
}
/* _content/Velvento.UI/Components/Form/Select/VCountrySelect.razor.rz.scp.css */
/* ====================================================================
   VCountrySelect Component Styles
   ==================================================================== */

/* Dropdown item with flag */
.country-item .country-flag[b-6mornt1kw3] {
    width: 24px;
    height: 18px;
    object-fit: cover;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

/* Selected value display */
.country-selected .country-flag-sm[b-6mornt1kw3] {
    width: 20px;
    height: 15px;
    object-fit: cover;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
/* _content/Velvento.UI/Components/Form/Select/VSelect.razor.rz.scp.css */
.v-select-root[b-2r9f1eep7g] {
}

.v-select-label[b-2r9f1eep7g] {
    font-size: var(--v-font-size-sm);
    font-weight: var(--v-font-weight-medium);
    color: var(--v-text-secondary);
    font-family: var(--v-font-family);
}

.v-select-container[b-2r9f1eep7g] {
}

.v-select-field[b-2r9f1eep7g] {
    box-sizing: border-box;
    background: var(--v-surface);
    border: none;
    border-bottom: 0.125rem solid var(--v-border);
    padding: 0.75rem;
    color: var(--v-text-primary);
    font-size: var(--v-font-size-md);
    font-family: var(--v-font-family);
    font-weight: var(--v-font-weight-normal);
    letter-spacing: 0.02rem;
    outline: none;
    appearance: none;
    transition: border-color var(--v-transition-fast) var(--v-transition-ease),
                box-shadow var(--v-transition-fast) var(--v-transition-ease),
                background-color var(--v-transition-fast) var(--v-transition-ease);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    padding-right: 2.5rem;
}

.v-select-field:focus[b-2r9f1eep7g] {
    border-bottom-color: var(--v-primary);
    box-shadow: 0 2px 0 0 rgba(2, 115, 116, 0.1);
}

.v-select-field:hover:not(:disabled)[b-2r9f1eep7g] {
    background-color: var(--v-surface-hover);
}

.v-select-field option[b-2r9f1eep7g] {
    background-color: var(--v-surface);
    color: var(--v-text-primary);
    padding: 0.5rem;
}

.v-select-field option:first-child[b-2r9f1eep7g] {
    color: var(--v-text-muted);
}

.v-select-disabled .v-select-field[b-2r9f1eep7g] {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: var(--v-surface);
}

.v-select-disabled .v-select-field:hover[b-2r9f1eep7g] {
    background-color: var(--v-surface);
}
/* _content/Velvento.UI/Components/Form/Select/VSelectOutlined.razor.rz.scp.css */
/* ====================================================================
   VSelectOutlined Component Styles
   ==================================================================== */

.v-select--outlined[b-cd26d7cddy] {
    display: flex;
    flex-direction: column;
}

.v-select--outlined .v-select-label[b-cd26d7cddy] {
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-sm);
    font-weight: var(--v-font-weight-medium);
    color: var(--v-text-secondary);
}

/* Backdrop for click-outside-to-close */
.v-select--outlined .v-select-backdrop[b-cd26d7cddy] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: calc(var(--v-z-dropdown) - 1);
}

.v-select--outlined .v-select-container[b-cd26d7cddy] {
    display: flex;
    flex-direction: column;
}

.v-select--outlined .v-select-open[b-cd26d7cddy] {
    z-index: var(--v-z-dropdown);
}

/* Display area (clickable trigger) */
.v-select--outlined .v-select-display[b-cd26d7cddy] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    background-color: var(--v-surface);
    border: 1.5px solid var(--v-border);
    border-radius: var(--v-radius-sm);
    padding: 0 16px;
    color: var(--v-text-primary);
    font-size: var(--v-font-size-md);
    font-family: var(--v-font-family);
    font-weight: var(--v-font-weight-normal);
    cursor: pointer;
    transition: border-color var(--v-transition-fast) var(--v-transition-ease),
                box-shadow var(--v-transition-fast) var(--v-transition-ease);
    box-sizing: border-box;
}

.v-select--outlined .v-select-display[b-cd26d7cddy]::after {
    content: '';
    position: absolute;
    bottom: -1.5px;
    left: 50px;
    width: 60px;
    height: 1.5px;
    background-color: var(--v-primary);
}

.v-select--outlined .v-select-display:hover[b-cd26d7cddy] {
    border-color: var(--v-border-dark);
}

.v-select--outlined .v-select-open .v-select-display[b-cd26d7cddy] {
    border-color: var(--v-primary);
    box-shadow: inset 0 0 0 0.5px var(--v-primary);
}

/* Value area */
.v-select--outlined .v-select-value[b-cd26d7cddy] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v-select--outlined .v-select-placeholder[b-cd26d7cddy] {
    color: var(--v-text-muted);
}

/* Arrow icon */
.v-select--outlined .v-select-arrow[b-cd26d7cddy] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: var(--v-spacing-sm);
    color: var(--v-text-secondary);
    transition: transform var(--v-transition-fast) var(--v-transition-ease),
                color var(--v-transition-fast) var(--v-transition-ease);
}

.v-select--outlined .v-select-arrow-open[b-cd26d7cddy] {
    transform: rotate(180deg);
    color: var(--v-primary);
}

/* Dropdown */
.v-select--outlined .v-select-dropdown[b-cd26d7cddy] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 300px;
    overflow-y: auto;
    background-color: var(--v-surface);
    border: 1px solid var(--v-border);
    border-radius: 0 0 var(--v-radius-md) var(--v-radius-md);
    box-shadow: var(--v-shadow-lg);
    z-index: calc(var(--v-z-dropdown) + 1);
    margin-top: 2px;
}

.v-select--outlined .v-select-dropdown-upward[b-cd26d7cddy] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 2px;
    border-radius: var(--v-radius-md) var(--v-radius-md) 0 0;
}

/* Dropdown items */
.v-select--outlined .v-select-item[b-cd26d7cddy] {
    padding: 10px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: var(--v-spacing-sm);
    font-size: var(--v-font-size-md);
    font-family: var(--v-font-family);
    font-weight: var(--v-font-weight-normal);
    color: var(--v-text-primary);
    background: transparent;
    transition: background-color var(--v-transition-fast) var(--v-transition-ease);
    user-select: none;
}

.v-select--outlined .v-select-item:hover[b-cd26d7cddy] {
    background-color: var(--v-surface-hover);
}

.v-select--outlined .v-select-item-selected[b-cd26d7cddy] {
    font-weight: var(--v-font-weight-medium);
    background-color: rgba(2, 115, 116, 0.08);
}

.v-select--outlined .v-select-item-selected:hover[b-cd26d7cddy] {
    background-color: rgba(2, 115, 116, 0.12);
}

/* Disabled state */
.v-select--outlined .v-select-disabled .v-select-display[b-cd26d7cddy] {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: var(--v-surface-hover);
}

.v-select--outlined .v-select-disabled .v-select-display:hover[b-cd26d7cddy] {
    border-color: var(--v-border);
}

/* Error state */
.v-select--outlined .v-select-error .v-select-display[b-cd26d7cddy] {
    border-color: var(--v-error);
}

.v-select--outlined .v-select-error .v-select-display[b-cd26d7cddy]::after {
    background-color: var(--v-error);
}

.v-select--outlined .v-select-error .v-select-display:hover[b-cd26d7cddy] {
    border-color: var(--v-error);
}

.v-select--outlined .v-select-error.v-select-open .v-select-display[b-cd26d7cddy] {
    border-color: var(--v-error);
    box-shadow: inset 0 0 0 0.5px var(--v-error);
}

/* Helper text */
.v-select--outlined .v-select-helper[b-cd26d7cddy] {
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-xs);
    color: var(--v-text-secondary);
}

.v-select--outlined .v-select-helper--error[b-cd26d7cddy] {
    color: var(--v-error);
}

/* Scrollbar styling */
.v-select--outlined .v-select-dropdown[b-cd26d7cddy]::-webkit-scrollbar {
    width: 6px;
}

.v-select--outlined .v-select-dropdown[b-cd26d7cddy]::-webkit-scrollbar-track {
    background: transparent;
}

.v-select--outlined .v-select-dropdown[b-cd26d7cddy]::-webkit-scrollbar-thumb {
    background: var(--v-border-dark);
    border-radius: 3px;
}

.v-select--outlined .v-select-dropdown[b-cd26d7cddy]::-webkit-scrollbar-thumb:hover {
    background: var(--v-text-muted);
}
/* _content/Velvento.UI/Components/Form/Select/VSelectText.razor.rz.scp.css */
/* ====================================================================
   VSelectText Component Styles - Underline/Text Variant
   ==================================================================== */

.v-select--text[b-zsdmst5vio] {
    display: flex;
    flex-direction: column;
}

.v-select--text .v-select-label[b-zsdmst5vio] {
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-sm);
    font-weight: var(--v-font-weight-medium);
    color: var(--v-text-secondary);
}

/* Backdrop for click-outside-to-close */
.v-select--text .v-select-backdrop[b-zsdmst5vio] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: calc(var(--v-z-dropdown) - 1);
}

.v-select--text .v-select-container[b-zsdmst5vio] {
    display: flex;
    flex-direction: column;
}

.v-select--text .v-select-open[b-zsdmst5vio] {
    z-index: var(--v-z-dropdown);
}

/* Display area (clickable trigger) */
.v-select--text .v-select-display[b-zsdmst5vio] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--v-surface);
    border: none;
    border-bottom: 2px solid var(--v-border);
    border-radius: var(--v-radius-sm) var(--v-radius-sm) 0 0;
    padding: 12px 16px;
    color: var(--v-text-primary);
    font-size: var(--v-font-size-md);
    font-family: var(--v-font-family);
    font-weight: var(--v-font-weight-normal);
    cursor: pointer;
    transition: border-color var(--v-transition-fast) var(--v-transition-ease);
    box-sizing: border-box;
}

.v-select--text .v-select-display:hover[b-zsdmst5vio] {
    border-bottom-color: var(--v-border-dark);
}

.v-select--text .v-select-open .v-select-display[b-zsdmst5vio] {
    border-bottom-color: var(--v-primary);
}

/* Value area */
.v-select--text .v-select-value[b-zsdmst5vio] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v-select--text .v-select-placeholder[b-zsdmst5vio] {
    color: var(--v-text-muted);
}

/* Arrow icon */
.v-select--text .v-select-arrow[b-zsdmst5vio] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: var(--v-spacing-sm);
    color: var(--v-text-secondary);
    transition: transform var(--v-transition-fast) var(--v-transition-ease),
                color var(--v-transition-fast) var(--v-transition-ease);
}

.v-select--text .v-select-arrow-open[b-zsdmst5vio] {
    transform: rotate(180deg);
    color: var(--v-primary);
}

/* Dropdown */
.v-select--text .v-select-dropdown[b-zsdmst5vio] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 300px;
    overflow-y: auto;
    background-color: var(--v-surface);
    border: 1px solid var(--v-border);
    border-radius: 0 0 var(--v-radius-md) var(--v-radius-md);
    box-shadow: var(--v-shadow-lg);
    z-index: calc(var(--v-z-dropdown) + 1);
    margin-top: 2px;
}

.v-select--text .v-select-dropdown-upward[b-zsdmst5vio] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 2px;
    border-radius: var(--v-radius-md) var(--v-radius-md) 0 0;
}

/* Dropdown items */
.v-select--text .v-select-item[b-zsdmst5vio] {
    padding: 10px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: var(--v-spacing-sm);
    font-size: var(--v-font-size-md);
    font-family: var(--v-font-family);
    font-weight: var(--v-font-weight-normal);
    color: var(--v-text-primary);
    background: transparent;
    transition: background-color var(--v-transition-fast) var(--v-transition-ease);
    user-select: none;
}

.v-select--text .v-select-item:hover[b-zsdmst5vio] {
    background-color: var(--v-surface-hover);
}

.v-select--text .v-select-item-selected[b-zsdmst5vio] {
    font-weight: var(--v-font-weight-medium);
    background-color: rgba(2, 115, 116, 0.08);
}

.v-select--text .v-select-item-selected:hover[b-zsdmst5vio] {
    background-color: rgba(2, 115, 116, 0.12);
}

/* Disabled state */
.v-select--text .v-select-disabled .v-select-display[b-zsdmst5vio] {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: var(--v-surface-hover);
}

.v-select--text .v-select-disabled .v-select-display:hover[b-zsdmst5vio] {
    border-bottom-color: var(--v-border);
}

/* Error state */
.v-select--text .v-select-error .v-select-display[b-zsdmst5vio] {
    border-bottom-color: var(--v-error);
}

.v-select--text .v-select-error .v-select-display:hover[b-zsdmst5vio] {
    border-bottom-color: var(--v-error);
}

.v-select--text .v-select-error.v-select-open .v-select-display[b-zsdmst5vio] {
    border-bottom-color: var(--v-error);
}

/* Helper text */
.v-select--text .v-select-helper[b-zsdmst5vio] {
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-xs);
    color: var(--v-text-secondary);
}

.v-select--text .v-select-helper--error[b-zsdmst5vio] {
    color: var(--v-error);
}

/* Scrollbar styling */
.v-select--text .v-select-dropdown[b-zsdmst5vio]::-webkit-scrollbar {
    width: 6px;
}

.v-select--text .v-select-dropdown[b-zsdmst5vio]::-webkit-scrollbar-track {
    background: transparent;
}

.v-select--text .v-select-dropdown[b-zsdmst5vio]::-webkit-scrollbar-thumb {
    background: var(--v-border-dark);
    border-radius: 3px;
}

.v-select--text .v-select-dropdown[b-zsdmst5vio]::-webkit-scrollbar-thumb:hover {
    background: var(--v-text-muted);
}
/* _content/Velvento.UI/Components/Form/SelectionGroup/VSelectionGroup.razor.rz.scp.css */
.v-selection-group-wrapper[b-7yi46pb4vx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    max-width: 100%;
}

.v-selection-group[b-7yi46pb4vx] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.75rem;
    align-items: center;
    overflow-x: auto;
    flex: 1;
    min-width: 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.v-selection-group[b-7yi46pb4vx]::-webkit-scrollbar {
    display: none;
}

.v-selection-group__arrow[b-7yi46pb4vx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--v-border);
    border-radius: 50%;
    background: white;
    color: var(--v-text-primary);
    cursor: pointer;
    flex-shrink: 0;
    transition: all 150ms ease;
}

.v-selection-group__arrow:hover[b-7yi46pb4vx] {
    border-color: var(--v-primary);
    color: var(--v-primary);
}

/* Pfeile auf Mobile ausblenden */
@media (max-width: 768px) {
    .v-selection-group__arrow[b-7yi46pb4vx] {
        display: none;
    }
}
/* _content/Velvento.UI/Components/Form/SelectionGroup/VSelectionGroupItem.razor.rz.scp.css */
.v-selection-group-item[b-zht7by82l5] {
    padding: 0.625rem 1.25rem;
    border-radius: 9999px;
    border: 1px solid var(--v-border);
    background: white;
    color: var(--v-text-primary);
    font-family: var(--v-font-family);
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    transition: all var(--v-transition-fast) var(--v-transition-ease);
    white-space: nowrap;
}

.v-selection-group-item:hover:not(.v-selection-group-item--selected):not(.v-selection-group-item--disabled)[b-zht7by82l5] {
    border-color: var(--v-primary);
    color: var(--v-primary);
}

.v-selection-group-item--selected[b-zht7by82l5] {
    background: var(--v-primary);
    border-color: var(--v-primary);
    color: white;
}

.v-selection-group-item--disabled[b-zht7by82l5] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* _content/Velvento.UI/Components/Form/TextField/VTextFieldOutlined.razor.rz.scp.css */
/* ====================================================================
   VTextFieldOutlined Component Styles
   ==================================================================== */

.v-text-complete-border[b-cya51w8vci] {
    border: 1px solid var(--v-primary) !important;
}

.v-text-field__label[b-cya51w8vci] {
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-sm);
    font-weight: var(--v-font-weight-medium);
    color: var(--v-text-secondary);
}

.v-text-field__container[b-cya51w8vci] {
    border: 1.5px solid var(--v-border);
    background-color: var(--v-surface);
    transition: border-color var(--v-transition-fast) var(--v-transition-ease),
                box-shadow var(--v-transition-fast) var(--v-transition-ease);
}

.v-text-field__container:not(.v-text-complete-border)[b-cya51w8vci]::after {
    content: '';
    position: absolute;
    bottom: -1.5px;
    left: 50px;
    width: 60px;
    height: 1.5px;
    background-color: var(--v-primary);
}

.v-text-field__container:hover[b-cya51w8vci] {
    border-color: var(--v-border-dark);
}

.v-text-field__container:focus-within[b-cya51w8vci] {
    border-color: var(--v-primary);
    box-shadow: inset 0 0 0 0.5px var(--v-primary);
}

.v-text-field__container--error[b-cya51w8vci] {
    border-color: var(--v-error);
}

.v-text-field__container--error:not(.v-text-complete-border)[b-cya51w8vci]::after {
    background-color: var(--v-error);
}

.v-text-field__container--error:focus-within[b-cya51w8vci] {
    border-color: var(--v-error);
    box-shadow: inset 0 0 0 0.5px var(--v-error);
}

.v-text-field__input[b-cya51w8vci] {
    border: none;
    background: transparent;
    padding: 12px 16px;
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-md);
    color: var(--v-text-primary);
    outline: none;
    min-width: 0;
}

.v-text-field__input[b-cya51w8vci]::placeholder {
    color: var(--v-text-muted);
}

.v-text-field__adornment[b-cya51w8vci] {
    background: none;
    border: none;
    padding: 8px 12px;
    color: var(--v-text-secondary);
    transition: color var(--v-transition-fast) var(--v-transition-ease);
}

.v-text-field__adornment--start[b-cya51w8vci] {
    padding-left: 12px;
    padding-right: 4px;
}

.v-text-field__adornment--end[b-cya51w8vci] {
    padding-left: 4px;
    padding-right: 12px;
}

.v-text-field__adornment:hover:not(:disabled)[b-cya51w8vci] {
    color: var(--v-text-primary);
}

.v-text-field__adornment:disabled[b-cya51w8vci] {
    cursor: not-allowed;
    opacity: 0.5;
}

.v-text-field__helper[b-cya51w8vci] {
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-xs);
    color: var(--v-text-secondary);
}

.v-text-field__helper--error[b-cya51w8vci] {
    color: var(--v-error);
}

.v-text-field--disabled .v-text-field__container[b-cya51w8vci] {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: var(--v-surface-hover);
}

.v-text-field--disabled .v-text-field__input[b-cya51w8vci] {
    cursor: not-allowed;
}
/* _content/Velvento.UI/Components/Form/TextField/VTextFieldText.razor.rz.scp.css */
/* ====================================================================
   VTextFieldText Component Styles - Underline/Text Variant
   ==================================================================== */

.v-text-field--text .v-text-field__label[b-ldaetmu1im] {
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-sm);
    font-weight: var(--v-font-weight-medium);
    color: var(--v-text-secondary);
}

.v-text-field--text .v-text-field__container[b-ldaetmu1im] {
    border: none;
    border-bottom: 2px solid var(--v-border);
    border-radius: var(--v-radius-sm) var(--v-radius-sm) 0 0;
    background-color: var(--v-surface);
    transition: border-color var(--v-transition-fast) var(--v-transition-ease);
}

.v-text-field--text .v-text-field__container:hover[b-ldaetmu1im] {
    border-bottom-color: var(--v-border-dark);
}

.v-text-field--text .v-text-field__container:focus-within[b-ldaetmu1im] {
    border-bottom-color: var(--v-primary);
}

.v-text-field--text .v-text-field__container--error[b-ldaetmu1im] {
    border-bottom-color: var(--v-error);
}

.v-text-field--text .v-text-field__container--error:focus-within[b-ldaetmu1im] {
    border-bottom-color: var(--v-error);
}

.v-text-field--text .v-text-field__input[b-ldaetmu1im] {
    border: none;
    background: transparent;
    padding: 12px 16px;
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-md);
    color: var(--v-text-primary);
    outline: none;
    min-width: 0;
}

.v-text-field--text .v-text-field__input[b-ldaetmu1im]::placeholder {
    color: var(--v-text-muted);
}

.v-text-field--text .v-text-field__adornment[b-ldaetmu1im] {
    background: none;
    border: none;
    padding: 8px 12px;
    color: var(--v-text-secondary);
    transition: color var(--v-transition-fast) var(--v-transition-ease);
}

.v-text-field--text .v-text-field__adornment--start[b-ldaetmu1im] {
    padding-left: 12px;
    padding-right: 4px;
}

.v-text-field--text .v-text-field__adornment--end[b-ldaetmu1im] {
    padding-left: 4px;
    padding-right: 12px;
}

.v-text-field--text .v-text-field__adornment:hover:not(:disabled)[b-ldaetmu1im] {
    color: var(--v-text-primary);
}

.v-text-field--text .v-text-field__adornment:disabled[b-ldaetmu1im] {
    cursor: not-allowed;
    opacity: 0.5;
}

.v-text-field--text .v-text-field__helper[b-ldaetmu1im] {
    font-family: var(--v-font-family);
    font-size: var(--v-font-size-xs);
    color: var(--v-text-secondary);
}

.v-text-field--text .v-text-field__helper--error[b-ldaetmu1im] {
    color: var(--v-error);
}

.v-text-field--text.v-text-field--disabled .v-text-field__container[b-ldaetmu1im] {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: var(--v-surface-hover);
}

.v-text-field--text.v-text-field--disabled .v-text-field__input[b-ldaetmu1im] {
    cursor: not-allowed;
}
/* _content/Velvento.UI/Components/Form/Toggle/VToggleDefault.razor.rz.scp.css */
/* ====================================================================
   VToggle Component Styles (Native Implementation)
   ==================================================================== */

.v-toggle[b-dcdzquxvpw] {
    font-family: var(--v-font-family, "Montserrat", sans-serif);
    cursor: pointer;
    user-select: none;
    transition: all var(--v-transition-fast, 150ms) var(--v-transition-ease, ease);
}

.v-toggle__track[b-dcdzquxvpw] {
    position: relative;
    width: 2.75rem;
    height: 1.5rem;
    border-radius: 0.75rem;
    border: 2px solid var(--v-text-secondary, #6b7280);
    box-sizing: border-box;
    background-color: transparent;
    transition: background-color var(--v-transition-normal, 200ms) var(--v-transition-ease, ease),
                border-color var(--v-transition-normal, 200ms) var(--v-transition-ease, ease);
    flex-shrink: 0;
}

.v-toggle__thumb[b-dcdzquxvpw] {
    position: absolute;
    top: 50%;
    left: 0.125rem;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: var(--v-text-secondary, #6b7280);
    transition: transform var(--v-transition-normal, 200ms) var(--v-transition-ease, ease),
                background-color var(--v-transition-normal, 200ms) var(--v-transition-ease, ease);
}

.v-toggle__label[b-dcdzquxvpw] {
    font-weight: 300;
    letter-spacing: 0.02rem;
    line-height: 1.5;
    color: var(--v-text-primary, #1f2937);
}

.v-toggle__helper[b-dcdzquxvpw] {
    font-size: var(--v-font-size-sm, 0.875rem);
    color: var(--v-text-secondary, #6b7280);
}

.v-toggle__helper--error[b-dcdzquxvpw] {
    color: var(--v-error, #ef4444);
}

/* Hover state */
.v-toggle:hover:not(.v-toggle--disabled) .v-toggle__track[b-dcdzquxvpw] {
    border-color: var(--v-primary, #027374);
}

.v-toggle:hover:not(.v-toggle--disabled).v-toggle--off .v-toggle__thumb[b-dcdzquxvpw] {
    background-color: var(--v-primary, #027374);
}

/* Focus state */
.v-toggle:focus-visible[b-dcdzquxvpw] {
    outline: none;
}

.v-toggle:focus-visible .v-toggle__track[b-dcdzquxvpw] {
    outline: 2px solid var(--v-primary, #027374);
    outline-offset: 2px;
}

/* On/checked state */
.v-toggle--on .v-toggle__track[b-dcdzquxvpw] {
    background-color: var(--v-primary, #027374);
    border-color: var(--v-primary, #027374);
}

.v-toggle--on .v-toggle__thumb[b-dcdzquxvpw] {
    background-color: #ffffff;
    transform: translateX(1.375rem) translateY(-50%);
}

/* Disabled state */
.v-toggle--disabled[b-dcdzquxvpw] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Dense variant */
.v-toggle--dense .v-toggle__track[b-dcdzquxvpw] {
    width: 2.25rem;
    height: 1.25rem;
    border-radius: 0.625rem;
}

.v-toggle--dense .v-toggle__thumb[b-dcdzquxvpw] {
    width: 0.875rem;
    height: 0.875rem;
}

.v-toggle--dense.v-toggle--on .v-toggle__thumb[b-dcdzquxvpw] {
    transform: translateX(1rem) translateY(-50%);
}

.v-toggle--dense .v-toggle__label[b-dcdzquxvpw] {
    font-size: var(--v-font-size-sm, 0.875rem);
}

/* Color variants - On state */
.v-toggle--primary.v-toggle--on .v-toggle__track[b-dcdzquxvpw] {
    background-color: var(--v-primary, #027374);
    border-color: var(--v-primary, #027374);
}

.v-toggle--primary:hover:not(.v-toggle--disabled) .v-toggle__track[b-dcdzquxvpw] {
    border-color: var(--v-primary, #027374);
}

.v-toggle--secondary.v-toggle--on .v-toggle__track[b-dcdzquxvpw] {
    background-color: var(--v-text-secondary, #6b7280);
    border-color: var(--v-text-secondary, #6b7280);
}

.v-toggle--secondary:hover:not(.v-toggle--disabled) .v-toggle__track[b-dcdzquxvpw] {
    border-color: var(--v-text-secondary, #6b7280);
}

.v-toggle--success.v-toggle--on .v-toggle__track[b-dcdzquxvpw] {
    background-color: var(--v-success, #10b981);
    border-color: var(--v-success, #10b981);
}

.v-toggle--success:hover:not(.v-toggle--disabled) .v-toggle__track[b-dcdzquxvpw] {
    border-color: var(--v-success, #10b981);
}

.v-toggle--error.v-toggle--on .v-toggle__track[b-dcdzquxvpw] {
    background-color: var(--v-error, #ef4444);
    border-color: var(--v-error, #ef4444);
}

.v-toggle--error:hover:not(.v-toggle--disabled) .v-toggle__track[b-dcdzquxvpw] {
    border-color: var(--v-error, #ef4444);
}

.v-toggle--warning.v-toggle--on .v-toggle__track[b-dcdzquxvpw] {
    background-color: var(--v-warning, #f59e0b);
    border-color: var(--v-warning, #f59e0b);
}

.v-toggle--warning:hover:not(.v-toggle--disabled) .v-toggle__track[b-dcdzquxvpw] {
    border-color: var(--v-warning, #f59e0b);
}

.v-toggle--info.v-toggle--on .v-toggle__track[b-dcdzquxvpw] {
    background-color: var(--v-info, #3b82f6);
    border-color: var(--v-info, #3b82f6);
}

.v-toggle--info:hover:not(.v-toggle--disabled) .v-toggle__track[b-dcdzquxvpw] {
    border-color: var(--v-info, #3b82f6);
}
/* _content/Velvento.UI/Components/Icons/VIcon.razor.rz.scp.css */
.v-icon[b-q5zyobdoj4]  svg {
    width: 100%;
    height: 100%;
}

.v-icon-sm[b-q5zyobdoj4] {
    width: 16px;
    height: 16px;
}

.v-icon-md[b-q5zyobdoj4] {
    width: 24px;
    height: 24px;
}

.v-icon-lg[b-q5zyobdoj4] {
    width: 32px;
    height: 32px;
}

.v-icon-xl[b-q5zyobdoj4] {
    width: 40px;
    height: 40px;
}

.v-icon-filled[b-q5zyobdoj4] {
    font-variation-settings: 'FILL' 1;
}
/* _content/Velvento.UI/Components/Modal/VModal.razor.rz.scp.css */
.v-modal-body[b-0pktgkpvw0] {
    margin-bottom: 1.5rem;
}

.v-modal-actions[b-0pktgkpvw0] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}
/* _content/Velvento.UI/Components/SingleInfoCard/VSingleInfoCardCarousel.razor.rz.scp.css */
/* Mobile Carousel Styles */
.mobile-carousel[b-a4421k7p7g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--v-spacing-md);
}

.carousel-navigation[b-a4421k7p7g] {
    display: flex;
    gap: var(--v-spacing-lg);
    justify-content: center;
    padding: var(--v-spacing-sm) 0;
}

.carousel-button[b-a4421k7p7g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: var(--v-spacing-sm);
    border: 2px solid var(--v-primary);
    background: var(--v-primary);
    color: var(--v-text-white);
    border-radius: var(--v-radius-full);
    cursor: pointer;
    transition: all var(--v-transition-fast);
    box-shadow: var(--v-shadow-sm);
}

.carousel-button:hover[b-a4421k7p7g] {
    background: var(--v-primary);
    color: var(--v-text-white);
    box-shadow: var(--v-shadow-md);
    transform: scale(1.05);
}

.carousel-button:active[b-a4421k7p7g] {
    transform: scale(0.98);
    box-shadow: var(--v-shadow-sm);
}

.carousel-button svg[b-a4421k7p7g] {
    width: 24px;
    height: 24px;
}
/* _content/Velvento.UI/Components/SingleInfoCard/VSingleInfoCardFull.razor.rz.scp.css */
.stat-card-title[b-l34g82n6hn] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
}

[b-l34g82n6hn] .stat-card-icon {
    background: #318d8e;
    padding: 10px;
    border-radius: var(--v-radius-md);
    height: 100%;
}

.full-stat-card-value[b-l34g82n6hn] {
    font-weight: 600;
    font-size: 4rem;
    color: var(--v-text-white);
}

[b-l34g82n6hn] .stat-card {
    height: 100%;
    min-width: unset;
    border-radius: var(--v-radius-xl) !important;
    background-color: #1b8182 !important;
}
/* _content/Velvento.UI/Components/SingleInfoCard/VSingleInfoCardMinimal.razor.rz.scp.css */

[b-355qbymq9x] .stat-card-icon {
    background: #318d8e;
    padding: 10px;
    border-radius: var(--v-radius-md);
    height: 100%;
}

.stat-card-value[b-355qbymq9x] {
    font-weight: 600;
    font-size: 2rem;
    color: var(--v-text-white);
}

[b-355qbymq9x] .stat-card {
    height: 100%;
    min-width: unset;
    border-radius: var(--v-radius-xl) !important;
    background-color: #1b8182 !important;
}

.clickable[b-355qbymq9x] {
    cursor: pointer;
}

.clickable:hover[b-355qbymq9x]  .stat-card {
    background-color: #1a7576 !important;
}
/* _content/Velvento.UI/Components/Slider/VSlider.razor.rz.scp.css */
/* VSlider — track-based slider */

.v-slider[b-603xjtevli] {
    --v-slider-viewport-height: 11.25rem;
    --v-slider-nav-size: 44px;
    --v-slider-divider-color: currentColor;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

.v-slider-viewport[b-603xjtevli] {
    flex: 1;
    min-width: 0;
    height: var(--v-slider-viewport-height);
    overflow: hidden;
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0,
        black 24px,
        black calc(100% - 24px),
        transparent 100%
    );
    mask-image: linear-gradient(
        to right,
        transparent 0,
        black 24px,
        black calc(100% - 24px),
        transparent 100%
    );
}

.v-slider-track[b-603xjtevli] {
    display: flex;
    align-items: center;
    height: 100%;
    transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1);
    will-change: transform;
    backface-visibility: hidden;
    touch-action: pan-y pinch-zoom;
}

.v-slider-item[b-603xjtevli] {
    flex-shrink: 0;
    min-width: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.v-slider-item--show-divider[b-603xjtevli]::after {
    content: '';
    position: absolute;
    right: calc(var(--v-slider-gap) / -2);
    top: 10%;
    height: 80%;
    border-left: 1px dashed var(--v-slider-divider-color);
    opacity: 0.35;
    pointer-events: none;
}

/* Navigation */

.v-slider-nav-btn[b-603xjtevli] {
    flex-shrink: 0;
    width: var(--v-slider-nav-size);
    height: var(--v-slider-nav-size);
    background: var(--v-surface);
    display: grid;
    place-items: center;
    border-radius: var(--v-radius-full);
    border: none;
    cursor: pointer;
    box-shadow: var(--v-shadow-md);
    transition: filter var(--v-transition-fast) var(--v-transition-ease);
    color: var(--v-text-primary);
    font-size: var(--v-font-size-lg);
    z-index: 3;
}

.v-slider-nav-prev[b-603xjtevli] {
    margin-right: -22px;
    z-index: 3;
}

.v-slider-nav-next[b-603xjtevli] {
    margin-left: -22px;
    z-index: 3;
}

.v-slider-nav-btn:disabled[b-603xjtevli] {
    opacity: 0.4;
    cursor: auto;
}

.v-slider-nav-btn:hover:not(:disabled)[b-603xjtevli] {
    filter: brightness(0.95);
}

.v-slider-nav-btn:focus-visible[b-603xjtevli] {
    outline: 2px solid var(--v-primary);
    outline-offset: 2px;
}

.v-slider-nav-icon[b-603xjtevli] {
    line-height: 1;
}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {
    .v-slider-track[b-603xjtevli] {
        transition-duration: 0ms;
    }
}

/* Responsive */

@media (max-width: 40rem) {
    .v-slider[b-603xjtevli] {
        --v-slider-viewport-height: 9rem;
        --v-slider-nav-size: 40px;
    }

    .v-slider-nav-prev[b-603xjtevli] {
        margin-right: -20px;
    }

    .v-slider-nav-next[b-603xjtevli] {
        margin-left: -20px;
    }
}

@media (max-width: 25rem) {
    .v-slider[b-603xjtevli] {
        --v-slider-viewport-height: 7rem;
        --v-slider-nav-size: 36px;
    }

    .v-slider-nav-prev[b-603xjtevli] {
        margin-right: -18px;
    }

    .v-slider-nav-next[b-603xjtevli] {
        margin-left: -18px;
    }
}
/* _content/Velvento.UI/Components/SortableList/VSortableList.razor.rz.scp.css */
/*
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/

/* SortableJS drag states - these are controlled by JavaScript and must remain */
[b-zauthtiuuk] .sortable-ghost {
  visibility: hidden;
}

[b-zauthtiuuk] .sortable-fallback {
  opacity: 1 !important
}

/* Prevent text selection while dragging - applies v-select-none utility */
[b-zauthtiuuk] .sortable-chosen {
  user-select: none !important;
}
/* _content/Velvento.UI/Components/SpeedDial/VSpeedDialMenu.razor.rz.scp.css */
/* ==========================================================================
   VSpeedDialMenu - Floating Action Menu
   ========================================================================== */

.v-speed-dial__backdrop[b-m3p7urdsua] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    z-index: var(--v-z-modal-backdrop);
    cursor: default;
}

.v-speed-dial[b-m3p7urdsua] {
    position: fixed;
    bottom: var(--v-spacing-lg);
    right: var(--v-spacing-lg);
    z-index: var(--v-z-modal);
    will-change: transform;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--v-spacing-lg);
}

/* --------------------------------------------------------------------------
   Menu Items Container
   -------------------------------------------------------------------------- */

.v-speed-dial__menu[b-m3p7urdsua] {
    display: flex;
    flex-direction: column;
    gap: var(--v-spacing-lg);
    animation: v-speed-dial-fade-in-b-m3p7urdsua 0.3s var(--v-transition-ease);
}

/* --------------------------------------------------------------------------
   Entry (Label + Action Button)
   -------------------------------------------------------------------------- */

.v-speed-dial__entry[b-m3p7urdsua] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: var(--v-spacing-md);
}

/* --------------------------------------------------------------------------
   Label
   -------------------------------------------------------------------------- */

.v-speed-dial__label[b-m3p7urdsua] {
    background-color: var(--v-surface);
    color: var(--v-text-primary-lighter);
    border-radius: var(--v-radius-full);
    padding: var(--v-spacing-md) var(--v-spacing-lg);
    font-size: var(--v-font-size-md);
    font-weight: var(--v-font-weight-medium);
    box-shadow: var(--v-shadow-md);
    white-space: nowrap;
}

/* --------------------------------------------------------------------------
   Action Button
   -------------------------------------------------------------------------- */

.v-speed-dial__action[b-m3p7urdsua] {
    background-color: var(--v-surface);
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: var(--v-shadow-md);
    transition: all var(--v-transition-normal) var(--v-transition-ease);
    padding: var(--v-spacing-md);
    aspect-ratio: 1;
}

.v-speed-dial__action:hover[b-m3p7urdsua] {
    background-color: var(--v-surface-hover);
    box-shadow: var(--v-shadow-lg);
    transform: scale(1.05);
}

.v-speed-dial__action:active[b-m3p7urdsua] {
    background-color: var(--v-border);
    box-shadow: var(--v-shadow-sm);
    transform: scale(0.95);
}

.v-speed-dial__action[b-m3p7urdsua]  svg {
    display: block;
}

/* --------------------------------------------------------------------------
   Animation
   -------------------------------------------------------------------------- */

@keyframes v-speed-dial-fade-in-b-m3p7urdsua {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --------------------------------------------------------------------------
   Responsive Adjustments
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {
    .v-speed-dial[b-m3p7urdsua] {
        bottom: var(--v-spacing-xl);
        right: var(--v-spacing-xl);
    }

    .v-speed-dial__action[b-m3p7urdsua] {
        padding: var(--v-spacing-sm);
    }

    .v-speed-dial__label[b-m3p7urdsua] {
        padding: var(--v-spacing-sm) var(--v-spacing-lg);
        font-size: var(--v-font-size-sm);
    }
}
/* _content/Velvento.UI/Components/Stepper/VStepper.razor.rz.scp.css */
.v-stepper[b-h4nesxsi4l] {
    /* Base styles handled by utility classes */
}

.v-stepper-item[b-h4nesxsi4l] {
    /* Base styles handled by utility classes */
}

.v-stepper-item:last-child[b-h4nesxsi4l] {
    flex: 0 0 auto;
}

.v-stepper-step[b-h4nesxsi4l] {
    /* Base styles handled by utility classes */
    min-width: 0;
}

.v-stepper-item-clickable .v-stepper-step[b-h4nesxsi4l] {
    cursor: pointer;
}

.v-stepper-item-clickable .v-stepper-step:hover[b-h4nesxsi4l] {
    cursor: pointer;
}

.v-stepper-item-clickable .v-stepper-circle:hover[b-h4nesxsi4l] {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

.v-stepper-circle[b-h4nesxsi4l] {
    /* Base styles handled by utility classes */
    width: 40px;
    height: 40px;
    border: 2px solid var(--v-text-muted);
    background-color: var(--v-surface);
    color: var(--v-text-muted);
    transition: all 0.3s ease;
}

/* Active step styling */
.v-stepper-item-active .v-stepper-circle[b-h4nesxsi4l] {
    background-color: var(--v-primary);
    border-color: var(--v-primary);
    color: var(--v-text-white);
}

/* Completed step styling */
.v-stepper-item-completed .v-stepper-circle[b-h4nesxsi4l] {
    background-color: var(--v-primary);
    border-color: var(--v-primary);
    color: var(--v-text-white);
}

.v-stepper-number[b-h4nesxsi4l] {
    font-size: 16px;
    font-weight: 600;
}

.v-stepper-icon[b-h4nesxsi4l] {
    font-size: 24px;
    color: var(--v-text-muted);
    transition: color 0.3s ease;
}

/* Active step icon styling */
.v-stepper-item-active .v-stepper-icon[b-h4nesxsi4l] {
    color: var(--v-primary);
}

/* Completed step icon styling */
.v-stepper-item-completed .v-stepper-icon[b-h4nesxsi4l] {
    color: var(--v-primary);
}

.v-stepper-label[b-h4nesxsi4l] {
    font-size: 14px;
    text-align: left;
    color: var(--v-text-primary);
    font-weight: 500;
    word-wrap: break-word;
    white-space: nowrap;
}

.v-stepper-item-active .v-stepper-label[b-h4nesxsi4l] {
    color: var(--v-primary);
    font-weight: 600;
}

.v-stepper-item-completed .v-stepper-label[b-h4nesxsi4l] {
    color: var(--v-primary);
}

/* Connecting line */
.v-stepper-line[b-h4nesxsi4l] {
    /* Base styles handled by utility classes */
    height: 2px;
    background-color: var(--v-border);
    transition: background-color 0.3s ease;
}

/* Circle dot at the start of the line */
.v-stepper-line[b-h4nesxsi4l]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--v-border);
    transition: background-color 0.3s ease;
}

.v-stepper-line-completed[b-h4nesxsi4l] {
    background-color: var(--v-primary);
}

.v-stepper-line-completed[b-h4nesxsi4l]::before {
    background-color: var(--v-primary);
}

/* ====================================================================
   Variant Styles
   ==================================================================== */

/* Horizontal variant (default) */
.v-stepper--horizontal[b-h4nesxsi4l] {
    flex-direction: row;
}

/* Vertical variant */
.v-stepper--vertical[b-h4nesxsi4l] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

.v-stepper--vertical .v-stepper-item[b-h4nesxsi4l] {
    flex-direction: row;
    flex: 0 0 auto;
    align-items: flex-start;
}

.v-stepper--vertical .v-stepper-step[b-h4nesxsi4l] {
    flex-direction: row;
    gap: 12px;
}

.v-stepper--vertical .v-stepper-line[b-h4nesxsi4l] {
    width: 2px;
    height: 24px;
    margin: 8px 0 8px 19px;
    align-self: auto;
    margin-top: 0;
}

.v-stepper--vertical .v-stepper-label[b-h4nesxsi4l] {
    text-align: left;
    max-width: none;
}

/* Compact variant */
.v-stepper--compact .v-stepper-circle[b-h4nesxsi4l] {
    width: 28px;
    height: 28px;
}

.v-stepper--compact .v-stepper-number[b-h4nesxsi4l] {
    font-size: 12px;
}

.v-stepper--compact .v-stepper-icon[b-h4nesxsi4l] {
    font-size: 16px;
}

/* ====================================================================
   Responsive Styles
   ==================================================================== */

/* Tablet responsive styles (600px - 960px) */
@media (max-width: 960px) {
    .v-stepper[b-h4nesxsi4l] {
        gap: 6px;
    }

    .v-stepper-circle[b-h4nesxsi4l] {
        width: 36px;
        height: 36px;
    }

    .v-stepper-number[b-h4nesxsi4l] {
        font-size: 14px;
    }

    .v-stepper-icon[b-h4nesxsi4l] {
        font-size: 20px;
    }

    .v-stepper-label[b-h4nesxsi4l] {
        font-size: 13px;
    }

    .v-stepper-line[b-h4nesxsi4l] {
        margin: 0 6px;
    }
}

/* Mobile responsive styles (below 600px) */
@media (max-width: 600px) {
    .v-stepper[b-h4nesxsi4l] {
        gap: 4px;
    }

    .v-stepper-step[b-h4nesxsi4l] {
        gap: 6px;
    }

    .v-stepper-circle[b-h4nesxsi4l] {
        width: 32px;
        height: 32px;
        border-width: 1.5px;
    }

    .v-stepper-number[b-h4nesxsi4l] {
        font-size: 13px;
    }

    .v-stepper-icon[b-h4nesxsi4l] {
        font-size: 18px;
    }

    .v-stepper-label[b-h4nesxsi4l] {
        font-size: 11px;
        line-height: 1.2;
    }

    .v-stepper-line[b-h4nesxsi4l] {
        display: none;
    }

    /* Ensure smooth transitions */
    .v-stepper-circle[b-h4nesxsi4l],
    .v-stepper-label[b-h4nesxsi4l],
    .v-stepper-line[b-h4nesxsi4l] {
        transition: all 0.3s ease;
    }
}
/* _content/Velvento.UI/Components/Stepper/VStepperHorizontal.razor.rz.scp.css */
/* ====================================================================
   VStepper Component Styles
   ==================================================================== */

.v-stepper[b-3gbnf8octd] {
    /* Base styles handled by utility classes */
}

.v-stepper-item[b-3gbnf8octd] {
    /* Base styles handled by utility classes */
}

.v-stepper-item:last-child[b-3gbnf8octd] {
    flex: 0 0 auto;
}

.v-stepper-step[b-3gbnf8octd] {
    /* Base styles handled by utility classes */
    min-width: 0;
}

.v-stepper-item-clickable .v-stepper-step[b-3gbnf8octd] {
    cursor: pointer;
}

.v-stepper-item-clickable .v-stepper-circle:hover[b-3gbnf8octd] {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

.v-stepper-circle[b-3gbnf8octd] {
    /* Base styles handled by utility classes */
    width: 40px;
    height: 40px;
    border: 2px solid var(--v-text-muted);
    background-color: var(--v-surface);
    color: var(--v-text-muted);
    transition: all 0.3s ease;
}

/* Active step styling */
.v-stepper-item-active .v-stepper-circle[b-3gbnf8octd] {
    background-color: var(--v-primary);
    border-color: var(--v-primary);
    color: var(--v-text-white);
}

/* Completed step styling */
.v-stepper-item-completed .v-stepper-circle[b-3gbnf8octd] {
    background-color: var(--v-primary);
    border-color: var(--v-primary);
    color: var(--v-text-white);
}

.v-stepper-number[b-3gbnf8octd] {
    font-size: 16px;
    font-weight: 600;
}

.v-stepper-icon[b-3gbnf8octd] {
    font-size: 24px;
    color: var(--v-text-muted);
    transition: color 0.3s ease;
}

/* Active step icon styling */
.v-stepper-item-active .v-stepper-icon[b-3gbnf8octd] {
    color: var(--v-primary);
}

/* Completed step icon styling */
.v-stepper-item-completed .v-stepper-icon[b-3gbnf8octd] {
    color: var(--v-primary);
}

.v-stepper-label[b-3gbnf8octd] {
    font-size: 14px;
    text-align: left;
    color: var(--v-text-primary);
    font-weight: 500;
    word-wrap: break-word;
    white-space: nowrap;
}

.v-stepper-item-active .v-stepper-label[b-3gbnf8octd] {
    color: var(--v-primary);
    font-weight: 600;
}

.v-stepper-item-completed .v-stepper-label[b-3gbnf8octd] {
    color: var(--v-primary);
}

/* Connecting line */
.v-stepper-line[b-3gbnf8octd] {
    /* Base styles handled by utility classes */
    height: 2px;
    background-color: var(--v-border);
    transition: background-color 0.3s ease;
}

/* Circle dot at the start of the line */
.v-stepper-line[b-3gbnf8octd]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--v-border);
    transition: background-color 0.3s ease;
}

.v-stepper-line-completed[b-3gbnf8octd] {
    background-color: var(--v-primary);
}

.v-stepper-line-completed[b-3gbnf8octd]::before {
    background-color: var(--v-primary);
}

/* ====================================================================
   Variant Styles
   ==================================================================== */

/* Horizontal variant (default) */
.v-stepper--horizontal[b-3gbnf8octd] {
    flex-direction: row;
}

/* Vertical variant */
.v-stepper--vertical[b-3gbnf8octd] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

.v-stepper--vertical .v-stepper-item[b-3gbnf8octd] {
    flex-direction: row;
    flex: 0 0 auto;
    align-items: flex-start;
}

.v-stepper--vertical .v-stepper-step[b-3gbnf8octd] {
    flex-direction: row;
    gap: 12px;
}

.v-stepper--vertical .v-stepper-line[b-3gbnf8octd] {
    width: 2px;
    height: 24px;
    margin: 8px 0 8px 19px;
    align-self: auto;
    margin-top: 0;
}

.v-stepper--vertical .v-stepper-label[b-3gbnf8octd] {
    text-align: left;
    max-width: none;
}

/* Compact variant */
.v-stepper--compact .v-stepper-circle[b-3gbnf8octd] {
    width: 28px;
    height: 28px;
}

.v-stepper--compact .v-stepper-number[b-3gbnf8octd] {
    font-size: 12px;
}

.v-stepper--compact .v-stepper-icon[b-3gbnf8octd] {
    font-size: 16px;
}

/* ====================================================================
   Responsive Styles
   ==================================================================== */

/* Tablet responsive styles (600px - 960px) */
@media (max-width: 960px) {
    .v-stepper[b-3gbnf8octd] {
        gap: 6px;
    }

    .v-stepper-circle[b-3gbnf8octd] {
        width: 36px;
        height: 36px;
    }

    .v-stepper-number[b-3gbnf8octd] {
        font-size: 14px;
    }

    .v-stepper-icon[b-3gbnf8octd] {
        font-size: 20px;
    }

    .v-stepper-label[b-3gbnf8octd] {
        font-size: 13px;
    }

    .v-stepper-line[b-3gbnf8octd] {
        margin: 0 6px;
    }
}

/* Mobile responsive styles (below 600px) */
@media (max-width: 600px) {
    .v-stepper[b-3gbnf8octd] {
        gap: 4px;
    }

    .v-stepper-step[b-3gbnf8octd] {
        gap: 6px;
    }

    .v-stepper-circle[b-3gbnf8octd] {
        width: 32px;
        height: 32px;
        border-width: 1.5px;
    }

    .v-stepper-number[b-3gbnf8octd] {
        font-size: 13px;
    }

    .v-stepper-icon[b-3gbnf8octd] {
        font-size: 18px;
    }

    .v-stepper-label[b-3gbnf8octd] {
        font-size: 11px;
        line-height: 1.2;
    }

    .v-stepper-line[b-3gbnf8octd] {
        display: none;
    }

    /* Ensure smooth transitions */
    .v-stepper-circle[b-3gbnf8octd],
    .v-stepper-label[b-3gbnf8octd],
    .v-stepper-line[b-3gbnf8octd] {
        transition: all 0.3s ease;
    }
}
/* _content/Velvento.UI/Components/Table/VTable.razor.rz.scp.css */
/* ====================================================================
   VTable Component Styles
   Generic table component with desktop table view and mobile card view
   ==================================================================== */

/* ====================================================================
   Container
   ==================================================================== */

.vtable-container[b-g89tape1ar] {
    width: 100%;
    /* CSS variables - with fallback values for when global vars not available */
    --vtable-group-even-bg: #f9f9f9;
    --vtable-group-odd-bg: #e5e0d8;
    --vtable-group-indicator: var(--v-primary, #027374);
    --vtable-header-bg: #f9f9f9;
    --vtable-border: var(--v-border, #e0e0e0);
}

/* ====================================================================
   Desktop Table View
   ==================================================================== */

.vtable-table[b-g89tape1ar] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--v-surface);
    border-radius: var(--v-radius-md);
    box-shadow: var(--v-shadow-sm);
}

.vtable-table thead[b-g89tape1ar] {
    background: var(--vtable-header-bg);
}

.vtable-table th[b-g89tape1ar] {
    padding: var(--v-spacing-md);
    text-align: left;
    font-weight: 600;
    color: var(--v-primary);
    font-size: var(--v-font-size-sm);
    letter-spacing: 0.5px;
    user-select: none;
    border-bottom: 2px solid var(--vtable-border);
    transition: background-color var(--v-transition-fast);
}

.vtable-table th.vtable-sortable[b-g89tape1ar] {
    cursor: pointer;
}

.vtable-table th.vtable-sortable:hover[b-g89tape1ar] {
    background: var(--v-surface-hover);
}

.vtable-sort-indicator[b-g89tape1ar] {
    margin-left: var(--v-spacing-xs);
    opacity: 0.5;
}

.vtable-table th.vtable-sorted .vtable-sort-indicator[b-g89tape1ar] {
    opacity: 1;
}

.vtable-table tbody tr[b-g89tape1ar] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    transition: background-color var(--v-transition-fast);
}

/* Alternating group backgrounds */
.vtable-table tbody tr.vtable-row--even[b-g89tape1ar] {
    background-color: var(--vtable-group-even-bg);
}

.vtable-table tbody tr.vtable-row--odd[b-g89tape1ar] {
    background-color: var(--vtable-group-odd-bg);
}

/* Border for grouped entries only */
.vtable-table tbody tr.vtable-row--grouped td:first-child[b-g89tape1ar] {
    border-left: 3px solid var(--vtable-group-indicator) !important;
}

/* Hover effect (over background) */
.vtable-table tbody tr.vtable-row--even:hover[b-g89tape1ar],
.vtable-table tbody tr.vtable-row--odd:hover[b-g89tape1ar] {
    background-color: var(--v-surface-hover);
}

/* Disable hover effects when vtable-no-hover class is present */
.vtable-no-hover .vtable-table tbody tr.vtable-row--even:hover[b-g89tape1ar] {
    background-color: var(--vtable-group-even-bg) !important;
}

.vtable-no-hover .vtable-table tbody tr.vtable-row--odd:hover[b-g89tape1ar] {
    background-color: var(--vtable-group-odd-bg) !important;
}

.vtable-no-hover .vtable-table th.vtable-sortable:hover[b-g89tape1ar] {
    background: inherit !important;
}

.vtable-no-hover .vtable-card-header:active[b-g89tape1ar] {
    background-color: inherit !important;
}

.vtable-table tbody tr:last-child[b-g89tape1ar] {
    border-bottom: none;
}

.vtable-table td[b-g89tape1ar] {
    padding: var(--v-spacing-md);
    font-size: var(--v-font-size-md);
    vertical-align: middle;
}

.vtable-row--clickable[b-g89tape1ar] {
    cursor: pointer;
}

.vtable-action-buttons[b-g89tape1ar] {
    display: flex;
    gap: var(--v-spacing-xs);
    justify-content: flex-end;
}

/* ====================================================================
   Mobile Card View
   ==================================================================== */

.vtable-mobile[b-g89tape1ar] {
    display: flex;
    flex-direction: column;
    gap: 0;
    background: var(--v-surface);
    border-radius: var(--v-radius-md);
    box-shadow: var(--v-shadow-sm);
    overflow: hidden;
}

.vtable-card[b-g89tape1ar] {
    background: var(--v-surface);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    transition: background-color var(--v-transition-fast);
}

.vtable-card:last-child[b-g89tape1ar] {
    border-bottom: none;
}

/* Alternating group backgrounds (match desktop table) */
.vtable-card.vtable-card--even[b-g89tape1ar] {
    background-color: var(--vtable-group-even-bg);
}

.vtable-card.vtable-card--odd[b-g89tape1ar] {
    background-color: var(--vtable-group-odd-bg);
}

/* Border for grouped entries */
.vtable-card.vtable-card--grouped[b-g89tape1ar] {
    border-left: 3px solid var(--vtable-group-indicator) !important;
}

/* Header row (clickable area) */
.vtable-card-header[b-g89tape1ar] {
    display: flex;
    align-items: center;
    padding: var(--v-spacing-md);
    gap: var(--v-spacing-sm);
    cursor: pointer;
    user-select: none;
    transition: background-color var(--v-transition-fast);
}

.vtable-card-header:active[b-g89tape1ar] {
    background-color: rgba(0, 0, 0, 0.03);
}

.vtable-card-header:focus-visible[b-g89tape1ar] {
    outline: 2px solid var(--v-primary);
    outline-offset: -2px;
}

/* Expand/collapse chevron */
.vtable-expand-icon[b-g89tape1ar] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform var(--v-transition-normal) var(--v-transition-ease);
    color: var(--v-text-secondary);
    margin-left: auto;
}

.vtable-expand-icon.expanded[b-g89tape1ar] {
    transform: rotate(180deg);
}

.vtable-expand-icon svg[b-g89tape1ar] {
    width: 24px;
    height: 24px;
}

.vtable-default-mobile-header[b-g89tape1ar] {
    min-width: 0;
    flex: 1;
}

/* Expanded details container */
.vtable-card-details[b-g89tape1ar] {
    padding: 0 var(--v-spacing-md) var(--v-spacing-md) var(--v-spacing-md);
    display: flex;
    flex-direction: column;
    gap: var(--v-spacing-sm);
    animation: vtable-slideDown-b-g89tape1ar 200ms ease-out;
}

.vtable-default-mobile-row[b-g89tape1ar] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: var(--v-spacing-xs) 0;
}

.vtable-default-mobile-row + .vtable-default-mobile-row[b-g89tape1ar] {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.vtable-default-mobile-label[b-g89tape1ar] {
    font-size: var(--v-font-size-xs);
    font-weight: 600;
    color: var(--v-text-secondary, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.vtable-default-mobile-value[b-g89tape1ar] {
    font-size: var(--v-font-size-md);
    color: var(--v-text-primary, #111827);
    word-break: break-word;
}

@keyframes vtable-slideDown-b-g89tape1ar {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Actions row in mobile cards */
.vtable-card-actions[b-g89tape1ar] {
    display: flex;
    justify-content: flex-end;
    gap: var(--v-spacing-xs);
    margin-top: var(--v-spacing-xs);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: var(--v-spacing-sm);
}

/* ====================================================================
   Empty State
   ==================================================================== */

.vtable-empty[b-g89tape1ar] {
    text-align: center;
    padding: var(--v-spacing-3xl);
    color: var(--v-text-secondary);
}

/* ====================================================================
   Responsive Breakpoint
   ==================================================================== */

/* Hide desktop table on mobile */
@media (max-width: 599px) {
    .vtable-desktop[b-g89tape1ar] {
        display: none;
    }
}

/* Hide mobile cards on desktop */
@media (min-width: 600px) {
    .vtable-mobile[b-g89tape1ar] {
        display: none !important;
    }
}

/* Reduce padding on smaller screens */
@media (max-width: 768px) {
    .vtable-table th[b-g89tape1ar],
    .vtable-table td[b-g89tape1ar] {
        padding: var(--v-spacing-sm);
        font-size: var(--v-font-size-sm);
    }
}
/* _content/Velvento.UI/Components/Text/VText.razor.rz.scp.css */
.v-text-link[b-bizhamq42y] {
    transition: color 0.3s ease;
}

.v-text-link:hover[b-bizhamq42y] {
    color: #009688;
}
/* _content/Velvento.UI/Components/Toast/VToast.razor.rz.scp.css */
.v-toast[b-or91yz6x7n] {
    position: fixed;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100000;
    color: #fff;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    max-width: 90vw;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    animation: v-toast-slide-in-b-or91yz6x7n 0.3s ease forwards;
    pointer-events: none;
}

.v-toast-icon[b-or91yz6x7n] {
    width: 22px;
    height: 22px;
    min-width: 22px;
    color: #fff;
}

.v-toast-warning[b-or91yz6x7n] {
    background-color: var(--v-warning);
}

.v-toast-error[b-or91yz6x7n] {
    background-color: var(--v-error);
}

.v-toast-success[b-or91yz6x7n] {
    background-color: var(--v-success);
}

.v-toast-info[b-or91yz6x7n] {
    background-color: var(--v-info);
}

@keyframes v-toast-slide-in-b-or91yz6x7n {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}
/* _content/Velvento.UI/Components/Video/VHlsVideo.razor.rz.scp.css */
/* ====================================================================
   VHlsVideo - HLS Video Player Styles
   ==================================================================== */

.v-hls-video[b-lebkt2ebzd] {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    background-color: var(--v-surface, #000000);
    object-fit: cover;
}

/* Ensure video fills container when used as background */
.v-hls-video--background[b-lebkt2ebzd] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

/* Hide video controls when autoplay/muted for background use */
.v-hls-video[b-lebkt2ebzd]::-webkit-media-controls {
    display: none !important;
}

.v-hls-video[b-lebkt2ebzd]::-webkit-media-controls-enclosure {
    display: none !important;
}

/* Loading state placeholder */
.v-hls-video[data-loading="true"][b-lebkt2ebzd] {
    background: linear-gradient(
        90deg,
        var(--v-surface, #1a1a1a) 0%,
        var(--v-surface-light, #2a2a2a) 50%,
        var(--v-surface, #1a1a1a) 100%
    );
    background-size: 200% 100%;
    animation: v-hls-video-shimmer-b-lebkt2ebzd 1.5s ease-in-out infinite;
}

@keyframes v-hls-video-shimmer-b-lebkt2ebzd {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Reduced motion - disable shimmer animation */
@media (prefers-reduced-motion: reduce) {
    .v-hls-video[data-loading="true"][b-lebkt2ebzd] {
        animation: none;
    }
}

/* Responsive aspect ratio container (optional utility class) */
.v-hls-video-container[b-lebkt2ebzd] {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
}

.v-hls-video-container > .v-hls-video[b-lebkt2ebzd] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Aspect ratio variants */
.v-hls-video-container--4-3[b-lebkt2ebzd] {
    padding-bottom: 75%; /* 4:3 */
}

.v-hls-video-container--1-1[b-lebkt2ebzd] {
    padding-bottom: 100%; /* 1:1 */
}

.v-hls-video-container--21-9[b-lebkt2ebzd] {
    padding-bottom: 42.86%; /* 21:9 ultrawide */
}