/* /Components/Dashboard/CustomerSupportAvailabilityWidget.razor.rz.scp.css */
.support-widget-availability-heading[b-14pd5jozup] {
    display: inline;
}

.support-widget-schedule[b-14pd5jozup] {
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 1rem;
}

@media (max-width: 768px) {
    .support-widget-schedule[b-14pd5jozup] {
        grid-template-columns: 1fr;
    }
}

.support-widget-week[b-14pd5jozup] {
    border: 1px solid var(--rz-border-color);
    border-radius: var(--rz-border-radius);
    overflow: hidden;
    background: var(--rz-base-background-color);
}

.support-widget-week__header[b-14pd5jozup] {
    margin: 0;
    padding: 0.6rem 1rem;
    background: var(--rz-primary-dark, var(--rz-primary));
    color: var(--rz-primary-contrast-color, #fff);
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.support-widget-week__days[b-14pd5jozup] {
    display: flex;
    flex-direction: column;
}

.support-widget-day[b-14pd5jozup] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.6rem 1rem;
    border-bottom: 1px solid var(--rz-border-color);
}

.support-widget-day:last-child[b-14pd5jozup] {
    border-bottom: none;
}

.support-widget-day__icon[b-14pd5jozup] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--rz-base-200);
    color: var(--rz-base-600);
}

.support-widget-day--open .support-widget-day__icon[b-14pd5jozup] {
    background: var(--rz-success-lighter);
    color: var(--rz-success);
}

.support-widget-day--closed .support-widget-day__icon[b-14pd5jozup],
.support-widget-day--closure .support-widget-day__icon[b-14pd5jozup] {
    background: var(--rz-base-200);
    color: var(--rz-base-500);
}

.support-widget-day__body[b-14pd5jozup] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.support-widget-day__date[b-14pd5jozup] {
    font-weight: 600;
    font-size: 0.9rem;
}

.support-widget-day__detail[b-14pd5jozup] {
    color: var(--rz-text-secondary-color);
    font-size: 0.85rem;
}

.support-widget-day__closure-prefix[b-14pd5jozup] {
    margin-right: 0.25rem;
}

.support-widget-day__closure-reason[b-14pd5jozup] {
    color: var(--rz-text-color);
}

.support-widget-day__partial-mark[b-14pd5jozup] {
    color: var(--rz-warning);
    font-weight: 700;
    margin-left: 0.15rem;
}

.support-widget-contact[b-14pd5jozup] {
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--rz-base-100);
    border-radius: var(--rz-border-radius);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.support-widget-contact__row[b-14pd5jozup] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.support-widget-contact__text[b-14pd5jozup] {
    font-size: 0.9rem;
}

.support-widget-contact__link[b-14pd5jozup] {
    font-weight: 600;
}
/* /Pages/Auth/Login.razor.rz.scp.css */
/* Modern Login Page Styles */
.login-grid[b-4gfwlbwrtr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1200px;
    width: 100%;
    min-height: 650px;
    background: var(--md-sys-color-surface);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(15, 85, 157, 0.15);
    overflow: hidden;
}

/* Left Column - Informational */
.login-info-column[b-4gfwlbwrtr]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
    opacity: 0.8;
}

.login-info-content[b-4gfwlbwrtr] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: white;
    max-width: 400px;
}

.brand-section[b-4gfwlbwrtr] {
    margin-bottom: var(--md-sys-size-spacing-xxl);
}

.brand-icon[b-4gfwlbwrtr] {
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: var(--md-sys-shape-corner-full);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--md-sys-size-spacing-lg) auto;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.brand-title[b-4gfwlbwrtr] {
    font-family: var(--md-sys-typescale-display-large-font);
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 var(--md-sys-size-spacing-sm) 0;
    letter-spacing: -0.02em;
}

.brand-subtitle[b-4gfwlbwrtr] {
    font-size: 1.125rem;
    font-weight: 400;
    opacity: 0.9;
    margin: 0;
}

.features-section[b-4gfwlbwrtr] {
    display: flex;
    flex-direction: column;
    gap: var(--md-sys-size-spacing-lg);
}

.feature-item[b-4gfwlbwrtr] {
    display: flex;
    align-items: flex-start;
    gap: var(--md-sys-size-spacing-md);
    text-align: left;
}

.feature-icon[b-4gfwlbwrtr] {
    width: 24px;
    height: 24px;
    font-size: 24px;
    flex-shrink: 0;
    opacity: 0.9;
    margin-top: 2px;
}

.feature-text h3[b-4gfwlbwrtr] {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 0 var(--md-sys-size-spacing-xs) 0;
}

.feature-text p[b-4gfwlbwrtr] {
    font-size: 0.875rem;
    opacity: 0.8;
    margin: 0;
    line-height: 1.5;
}

/* Right Column - Login Form */
.login-form-column[b-4gfwlbwrtr] {
    background: var(--md-sys-color-surface);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--md-sys-size-spacing-xxl);
}

.login-form-content[b-4gfwlbwrtr] {
    width: 100%;
    max-width: 400px;
}

.login-header[b-4gfwlbwrtr] {
    text-align: center;
    margin-bottom: var(--md-sys-size-spacing-xl);
}

.login-title[b-4gfwlbwrtr] {
    font-family: var(--md-sys-typescale-headline-large-font);
    font-size: var(--md-sys-typescale-headline-large-size);
    font-weight: var(--md-sys-typescale-headline-large-weight);
    color: var(--md-sys-color-on-surface);
    margin: 0 0 var(--md-sys-size-spacing-sm) 0;
}

.login-subtitle[b-4gfwlbwrtr] {
    font-size: 1rem;
    color: var(--md-sys-color-on-surface-variant);
    margin: 0;
    line-height: 1.5;
}

.login-form[b-4gfwlbwrtr] {
    margin-bottom: var(--md-sys-size-spacing-xl);
}

.form-group[b-4gfwlbwrtr] {
    margin-bottom: var(--md-sys-size-spacing-lg);
}

.form-label[b-4gfwlbwrtr] {
    display: block;
    font-weight: 600;
    color: var(--md-sys-color-on-surface);
    margin-bottom: var(--md-sys-size-spacing-xs);
    font-size: 0.875rem;
}

.form-input[b-4gfwlbwrtr] {
    height: 48px;
    border: 2px solid var(--md-sys-color-outline-variant);
    border-radius: var(--md-sys-shape-corner-sm);
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font-size: 1rem;
    transition: all 200ms ease-in-out;
}

.form-input:focus[b-4gfwlbwrtr] {
    border-color: var(--md-sys-color-primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(15, 85, 157, 0.1);
}

.form-input:hover[b-4gfwlbwrtr] {
    border-color: var(--md-sys-color-outline);
}

.login-button[b-4gfwlbwrtr] {
    height: 48px;
    border-radius: var(--md-sys-shape-corner-sm);
    font-weight: 600;
    font-size: 1rem;
    transition: all 200ms ease-in-out;
    margin-top: var(--md-sys-size-spacing-lg);
}

.login-button:hover:not(:disabled)[b-4gfwlbwrtr] {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(15, 85, 157, 0.3);
}

.validation-summary[b-4gfwlbwrtr] {
    background: var(--md-sys-color-error-container);
    color: var(--md-sys-color-on-error-container);
    padding: var(--md-sys-size-spacing-md);
    border-radius: var(--md-sys-shape-corner-sm);
    margin-bottom: var(--md-sys-size-spacing-lg);
    font-size: 0.875rem;
}

.validation-message[b-4gfwlbwrtr] {
    color: var(--md-sys-color-error);
    font-size: 0.75rem;
    margin-top: var(--md-sys-size-spacing-xs);
    display: block;
}

/* Demo Accounts Section */
.demo-accounts-section[b-4gfwlbwrtr] {
    border-top: 1px solid var(--md-sys-color-outline-variant);
    padding-top: var(--md-sys-size-spacing-lg);
}

.demo-card[b-4gfwlbwrtr] {
    background: var(--md-sys-color-surface-variant);
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: var(--md-sys-shape-corner-md);
    padding: var(--md-sys-size-spacing-lg);
}

.demo-title[b-4gfwlbwrtr] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--md-sys-color-on-surface);
    margin: 0 0 var(--md-sys-size-spacing-xs) 0;
}

.demo-subtitle[b-4gfwlbwrtr] {
    font-size: 0.875rem;
    color: var(--md-sys-color-on-surface-variant);
    margin: 0 0 var(--md-sys-size-spacing-md) 0;
}

.demo-accounts-grid[b-4gfwlbwrtr] {
    display: grid;
    gap: var(--md-sys-size-spacing-sm);
    margin-bottom: var(--md-sys-size-spacing-md);
}

.demo-account[b-4gfwlbwrtr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--md-sys-size-spacing-sm) var(--md-sys-size-spacing-md);
    background: var(--md-sys-color-surface);
    border-radius: var(--md-sys-shape-corner-sm);
    border: 1px solid var(--md-sys-color-outline-variant);
}

.demo-role[b-4gfwlbwrtr] {
    font-weight: 600;
    font-size: 0.75rem;
    color: var(--md-sys-color-primary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.demo-credentials[b-4gfwlbwrtr] {
    font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
    font-size: 0.75rem;
    color: var(--md-sys-color-on-surface-variant);
}

.demo-password[b-4gfwlbwrtr] {
    font-size: 0.875rem;
    color: var(--md-sys-color-on-surface-variant);
    margin: 0;
    text-align: center;
}

.demo-password code[b-4gfwlbwrtr] {
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-on-primary-container);
    padding: 0.125rem 0.375rem;
    border-radius: var(--md-sys-shape-corner-xs);
    font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
    font-weight: 600;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .login-grid[b-4gfwlbwrtr] {
        grid-template-columns: 1fr;
        max-width: 500px;
        min-height: auto;
    }
    
    .features-section[b-4gfwlbwrtr] {
        display: none;
    }
}

@media (max-width: 768px) {
    .modern-login-container[b-4gfwlbwrtr] {
        padding: var(--md-sys-size-spacing-sm);
    }
    
    .login-form-column[b-4gfwlbwrtr] {
        padding: var(--md-sys-size-spacing-lg);
    }
    
    .login-info-column[b-4gfwlbwrtr] {
        padding: var(--md-sys-size-spacing-lg);
        min-height: 200px;
    }
    
    .brand-title[b-4gfwlbwrtr] {
        font-size: 1.75rem;
    }
    
    .demo-accounts-grid[b-4gfwlbwrtr] {
        gap: var(--md-sys-size-spacing-xs);
    }
    
    .demo-account[b-4gfwlbwrtr] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--md-sys-size-spacing-xs);
    }
}

@media (max-width: 480px) {
    .demo-credentials[b-4gfwlbwrtr] {
        font-size: 0.6rem;
        word-break: break-all;
    }
}