@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* _content/YAGServiceDesk/Pages/Administrator/AdminAccessCheck.razor.rz.scp.css */
/* AdminAccessCheck styles */
/* _content/YAGServiceDesk/Pages/Administrator/AdminJournalEntries.razor.rz.scp.css */
/* Admin Journal Entries Page Styles */

.page-container[b-vc3dqhjtvy] {
    max-width: 100%;
    margin: 0;
    padding: 0 0 2rem;
    background: var(--bg-secondary);
    min-height: 100vh;
}

.page-header[b-vc3dqhjtvy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding: 0.9rem 1.5rem;
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    gap: 2rem;
}

.header-content[b-vc3dqhjtvy] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
}

.header-icon[b-vc3dqhjtvy] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-icon[b-vc3dqhjtvy] {
    width: 48px;
    height: 48px;
    color: white;
    opacity: 0.9;
    flex-shrink: 0;
}

.page-icon svg[b-vc3dqhjtvy] {
    width: 48px !important;
    height: 48px !important;
}

.header-text h1[b-vc3dqhjtvy] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.3rem;
    color: white;
}

.header-text p[b-vc3dqhjtvy] {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.9rem;
}

/* Filters Section */
.filters-section[b-vc3dqhjtvy] {
    background: var(--bg-card);
    padding: 1.5rem;
    border-radius: 8px;
    margin-bottom: 2rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.filter-group[b-vc3dqhjtvy] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.filter-group:has(.btn)[b-vc3dqhjtvy] {
    flex-direction: row;
    align-items: flex-end;
    gap: 0.5rem;
}

.filter-label[b-vc3dqhjtvy] {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--text-primary);
}

.filter-group input[b-vc3dqhjtvy],
.filter-group select[b-vc3dqhjtvy] {
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--border-primary);
    border-radius: 6px;
    background: var(--bg-secondary);
    color: var(--text-primary);
    font-size: 1rem;
    font-family: "Nunito", ui-sans-serif, system-ui, sans-serif;
}

.page-container .filter-group input[b-vc3dqhjtvy],
.page-container .filter-group select[b-vc3dqhjtvy] {
    background: #1e293b;
    color: #f1f5f9;
}

.filter-group input:focus[b-vc3dqhjtvy],
.filter-group select:focus[b-vc3dqhjtvy] {
    outline: none;
    border-color: #8b5cf6;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);
}

.filter-group .btn[b-vc3dqhjtvy] {
    padding: 0.5rem 1rem;
    border-radius: 6px;
    border: 2px solid;
    background: transparent;
    cursor: pointer;
    font-size: 1rem;
    font-family: "Nunito", ui-sans-serif, system-ui, sans-serif;
    font-weight: 400;
    transition: all 0.3s ease;
}

.filter-group .btn-outline-success[b-vc3dqhjtvy] {
    color: #16a34a !important;
    border-color: #16a34a !important;
    background: transparent !important;
}

.filter-group .btn-outline-success:hover[b-vc3dqhjtvy] {
    color: #1e293b !important;
    background: #16a34a !important;
    border-color: #16a34a !important;
}

.filter-group .btn-outline-secondary[b-vc3dqhjtvy] {
    color: #9ca3af !important;
    border-color: #9ca3af !important;
    background: transparent !important;
}

.filter-group .btn-outline-secondary:hover[b-vc3dqhjtvy] {
    background: rgba(156, 163, 175, 0.1) !important;
}

/* Content Section */
.content-section[b-vc3dqhjtvy] {
    background: var(--bg-card);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 2rem;
}

.loading-spinner[b-vc3dqhjtvy] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

.spinner-border[b-vc3dqhjtvy] {
    width: 3rem;
    height: 3rem;
    border: 4px solid #334155;
    border-top-color: #8b5cf6;
    border-radius: 50%;
    animation: spin-b-vc3dqhjtvy 1s linear infinite;
}

@keyframes spin-b-vc3dqhjtvy {
    to { transform: rotate(360deg); }
}

.empty-state[b-vc3dqhjtvy] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--text-secondary);
}

/* Summary Cards */
.summary-cards[b-vc3dqhjtvy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.summary-card[b-vc3dqhjtvy] {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    color: #1e293b;
    padding: 1.5rem;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.2);
}

.summary-label[b-vc3dqhjtvy] {
    font-size: 0.85rem;
    font-weight: 500;
    opacity: 0.9;
    margin-bottom: 0.5rem;
}

.summary-value[b-vc3dqhjtvy] {
    font-size: 1.75rem;
    font-weight: 600;
}

/* Entries Table */
.entries-table[b-vc3dqhjtvy] {
    overflow-x: auto;
}

.table[b-vc3dqhjtvy] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.table thead[b-vc3dqhjtvy] {
    background: var(--bg-secondary);
}

.table th[b-vc3dqhjtvy] {
    padding: 1rem;
    text-align: left;
    font-weight: 600;
    color: var(--text-primary);
}

.table td[b-vc3dqhjtvy] {
    padding: 0.5rem 1rem;
    color: var(--text-primary);
    text-align: left;
    vertical-align: middle;
}

.entry-row[b-vc3dqhjtvy] {
    transition: background-color 0.2s ease;
}

.entry-row:hover[b-vc3dqhjtvy] {
    background: var(--bg-secondary);
}

.day-total-row[b-vc3dqhjtvy] {
    background: linear-gradient(90deg, rgba(139, 92, 246, 0.1) 0%, rgba(139, 92, 246, 0.05) 100%);
    font-weight: 600;
}

.day-total-row td[b-vc3dqhjtvy] {
    padding: 1rem;
    color: #1e293b;
}

.period-total-row[b-vc3dqhjtvy] {
    background: linear-gradient(90deg, rgba(139, 92, 246, 0.2) 0%, rgba(139, 92, 246, 0.1) 100%);
    font-weight: 700;
    color: #1e293b;
    font-size: 1.05rem;
}

.period-total-row td[b-vc3dqhjtvy] {
    padding: 1.25rem 1rem;
    background: #8b5cf6;
    color: #1e293b;
}

.date-cell[b-vc3dqhjtvy] {
    font-weight: 500;
    min-width: 100px;
    text-align: left;
}
.time-cell[b-vc3dqhjtvy] {
    text-align: left;
}

.time-cell .badge[b-vc3dqhjtvy] {
    margin-left: 1rem;
    padding: 0.25rem 0.5rem !important;
    height: fit-content;
    line-height: 1;
}


.user-cell[b-vc3dqhjtvy] {
    min-width: 150px;
    text-align: left;
}

.user-badge[b-vc3dqhjtvy] {
    display: inline-block;
    background: rgba(139, 92, 246, 0.15);
    color: #5231a1;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
}

.page-container .user-badge[b-vc3dqhjtvy] {
    background: rgba(139, 92, 246, 0.15);
    color: #5231a1;
}

.entry-count[b-vc3dqhjtvy],
.hours-cell[b-vc3dqhjtvy] {
    text-align: left;
    min-width: 80px;
}

.hours-cell[b-vc3dqhjtvy] {
    font-weight: 500;
    color: #8b5cf6;
}

.day-total-row .hours-cell[b-vc3dqhjtvy] {
    color: #1e293b;
}

.period-total-row .hours-cell[b-vc3dqhjtvy] {
    color: #1e293b;
}

/* Dark mode support */
@media (prefers-color-scheme: light) {
    .user-badge[b-vc3dqhjtvy] {
        color: #5231a1;
    }
}

@media (prefers-color-scheme: dark) {
    .filter-group input[b-vc3dqhjtvy],
    .filter-group select[b-vc3dqhjtvy] {
        border-color: #cbd5e1;
        background: #334155;
        color: #1e293b;
    }
    
    .filter-group input[b-vc3dqhjtvy]::placeholder,
    .filter-group select[b-vc3dqhjtvy]::placeholder {
        color: #9ca3af;
    }
    
    .entry-row:hover[b-vc3dqhjtvy] {
        background: #334155;
    }

    .user-badge[b-vc3dqhjtvy] {
        color: #d5c3ff;
    }
}

.dark .page-container .filter-group input[b-vc3dqhjtvy],
.dark .page-container .filter-group select[b-vc3dqhjtvy] {
    border-color: #cbd5e1;
    background: #334155;
    color: #1e293b;
}

.dark .page-container .user-badge[b-vc3dqhjtvy] {
    color: #d5c3ff;
}
/* _content/YAGServiceDesk/Pages/Administrator/AdminTimeJournal.razor.rz.scp.css */
/* Admin Time Journal Page Styles */

.page-container[b-6uftfjyc12] {
    max-width: 100%;
    margin: 0;
    padding: 0 0 2rem;
    background: var(--bg-secondary);
    min-height: 100vh;
}

.page-header[b-6uftfjyc12] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding: 0.9rem 1.5rem;
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    gap: 2rem;
}

.header-content[b-6uftfjyc12] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
}

.header-icon[b-6uftfjyc12] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-icon[b-6uftfjyc12] {
    width: 48px;
    height: 48px;
    color: white;
    opacity: 0.9;
}

.header-text h1[b-6uftfjyc12] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.3rem;
    color: white;
}

.header-text p[b-6uftfjyc12] {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.9rem;
}

.content-section[b-6uftfjyc12] {
    background: var(--bg-card);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 2rem;
}

.loading-spinner[b-6uftfjyc12] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

.spinner-border[b-6uftfjyc12] {
    width: 3rem;
    height: 3rem;
    border: 4px solid #334155;
    border-top-color: #7c3aed;
    border-radius: 50%;
    animation: spin-b-6uftfjyc12 1s linear infinite;
}

@keyframes spin-b-6uftfjyc12 {
    to {
        transform: rotate(360deg);
    }
}

.empty-state[b-6uftfjyc12] {
    text-align: center;
    padding: 3rem 2rem;
    color: #94a3b8;
}

.empty-icon[b-6uftfjyc12] {
    margin-bottom: 1rem;
}

.large-icon[b-6uftfjyc12] {
    width: 64px;
    height: 64px;
    color: #475569;
}

.empty-state h3[b-6uftfjyc12] {
    margin: 1rem 0 0.5rem 0;
    font-size: 1.5rem;
    color: var(--text-primary);
}

.empty-state p[b-6uftfjyc12] {
    margin: 0;
    color: #94a3b8;
}

.entries-list[b-6uftfjyc12] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.entries-list.admin-view[b-6uftfjyc12] {
    /* Admin-specific styling */
}

.entry-card[b-6uftfjyc12] {
    border: 1px solid var(--border-primary);
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    background: var(--bg-card);
}

.entry-card:hover[b-6uftfjyc12] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: #475569;
}

.entry-header[b-6uftfjyc12] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.5rem;
    border-bottom: 1px solid var(--border-primary);
    background: var(--bg-secondary);
    flex-wrap: wrap;
    gap: 1rem;
}

.entry-user-info[b-6uftfjyc12] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
    min-width: 200px;
}

.user-badge[b-6uftfjyc12] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.user-badge strong[b-6uftfjyc12] {
    color: var(--text-primary);
    font-size: 0.95rem;
}

.user-badge span[b-6uftfjyc12] {
    font-size: 0.85rem;
    color: #94a3b8;
}

.entry-time-info[b-6uftfjyc12] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
    min-width: 250px;
}

.entry-time[b-6uftfjyc12] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 500;
    color: var(--text-primary);
}

.entry-time .icon[b-6uftfjyc12] {
    width: 20px;
    height: 20px;
    color: #7c3aed;
}

.time-text[b-6uftfjyc12] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.badge[b-6uftfjyc12] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 600;
}

.bg-warning[b-6uftfjyc12] {
    background: #fcd34d;
    color: #78350f;
}

.entry-duration[b-6uftfjyc12] {
    font-size: 0.9rem;
    color: #94a3b8;
}

.duration-text[b-6uftfjyc12] {
    font-weight: 600;
    color: #059669;
}

.entry-actions[b-6uftfjyc12] {
    display: flex;
    gap: 0.5rem;
}

.btn[b-6uftfjyc12] {
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    border: 2px solid;
    background: transparent;
    cursor: pointer;
    font-size: 1rem;
    font-family: "Nunito", ui-sans-serif, system-ui, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

.btn svg[b-6uftfjyc12] {
    width: 18px;
    height: 18px;
}

.page-container .btn-outline-danger[b-6uftfjyc12] {
    background: transparent !important;
    color: #f87171 !important;
    border-color: #f87171 !important;
    box-shadow: none !important;
}

.page-container .btn-outline-danger:hover[b-6uftfjyc12] {
    background: rgba(248, 113, 113, 0.1) !important;
    border-color: #fca5a5 !important;
}

.btn:disabled[b-6uftfjyc12] {
    opacity: 0.6;
    cursor: not-allowed;
}

.entry-body[b-6uftfjyc12] {
    padding: 1.5rem;
}

.entry-content p[b-6uftfjyc12] {
    margin: 0;
    color: var(--text-primary);
    line-height: 1.6;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.entry-footer[b-6uftfjyc12] {
    padding: 1rem 1.5rem;
    background: var(--bg-secondary);
    border-top: 1px solid var(--border-primary);
    font-size: 0.85rem;
    color: #94a3b8;
}

.text-muted[b-6uftfjyc12] {
    color: #94a3b8;
}

/* Dark Mode Support */
.dark .page-header[b-6uftfjyc12] {
    background: linear-gradient(135deg, #6d28d9 0%, #581c87 100%);
}

.dark .content-section[b-6uftfjyc12] {
    background: #334155;
    border-color: #cbd5e1;
}

.dark .entry-card[b-6uftfjyc12] {
    background: #334155;
    border-color: #cbd5e1;
}

.dark .entry-header[b-6uftfjyc12] {
    background: #f1f5f9;
    border-color: #cbd5e1;
}

.dark .entry-time[b-6uftfjyc12] {
    color: #1e293b;
}

.dark .entry-content p[b-6uftfjyc12] {
    color: #1e293b;
}

.dark .entry-footer[b-6uftfjyc12] {
    background: #f1f5f9;
    border-color: #cbd5e1;
}

.dark .empty-state h3[b-6uftfjyc12] {
    color: #1e293b;
}

.dark .user-badge strong[b-6uftfjyc12] {
    color: #1e293b;
}

.dark .spinner-border[b-6uftfjyc12] {
    border-color: #cbd5e1;
    border-top-color: #a78bfa;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .entry-header[b-6uftfjyc12] {
        flex-direction: column;
        align-items: flex-start;
    }

    .entry-user-info[b-6uftfjyc12] {
        width: 100%;
    }

    .entry-time-info[b-6uftfjyc12] {
        width: 100%;
    }

    .entry-actions[b-6uftfjyc12] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .page-container[b-6uftfjyc12] {
        padding: 0;
    }

    .page-header[b-6uftfjyc12] {
        padding: 1.5rem;
    }

    .header-content[b-6uftfjyc12] {
        width: 100%;
    }

    .header-text h1[b-6uftfjyc12] {
        font-size: 1.5rem;
    }

    .content-section[b-6uftfjyc12] {
        padding: 1rem;
    }

    .entry-header[b-6uftfjyc12] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .entry-user-info[b-6uftfjyc12],
    .entry-time-info[b-6uftfjyc12],
    .entry-actions[b-6uftfjyc12] {
        width: 100%;
    }

    .entry-card[b-6uftfjyc12] {
        border-radius: 6px;
    }
}
/* _content/YAGServiceDesk/Pages/Administrator/Analytics.razor.rz.scp.css */
/* ── Layout: static top + scrolling body ─────────────────────────────────── */
.analytics-page[b-6lwh8tikqs] {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

.analytics-static-top[b-6lwh8tikqs] {
    flex-shrink: 0;
    background: var(--bg-primary, #0f172a);
    padding-bottom: var(--page-header-content-gap, 20px);
}

.analytics-grid-row[b-6lwh8tikqs] {
    margin-left: 0;
    margin-right: 0;
    min-width: 0;
}

.analytics-grid-row > [class*="col-"][b-6lwh8tikqs] {
    min-width: 0;
}

.analytics-scroll-body[b-6lwh8tikqs] {
    flex: 1;
    min-height: 0;
    min-width: 0;
    overflow: hidden auto;
    padding-bottom: 3rem;
}

.analytics-header[b-6lwh8tikqs] {
    background: linear-gradient(135deg, #312e81 0%, #4f46e5 50%, #7c3aed 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    border-radius: 14px;
    margin-bottom: var(--page-header-content-gap, 20px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 1rem;
    box-shadow: 0 4px 24px rgba(79, 70, 229, 0.35);
    min-height: fit-content;
}

.analytics-header-left[b-6lwh8tikqs] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 1;
    min-width: 0;
}

.analytics-header-icon[b-6lwh8tikqs] {
    width: 1.75rem;
    height: 1.75rem;
    color: white;
    flex-shrink: 0;
    opacity: 0.9;
}

.analytics-header-text h1[b-6lwh8tikqs] {
    color: white;
    font-size: 1.6rem;
    margin: 0;
    font-weight: 600;
    line-height: 1.2;
}

.analytics-header-text p[b-6lwh8tikqs] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.9rem;
    margin: 0;
    line-height: 1.3;
}

.analytics-header-controls[b-6lwh8tikqs] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-wrap: nowrap;
    flex-shrink: 0;
}

/* ── Date range selector ─────────────────────────────────────────────────── */
.date-range-group[b-6lwh8tikqs] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: 1px solid rgba(255, 255, 255, 0.22);
}

.range-btn[b-6lwh8tikqs] {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    border-radius: 8px;
    padding: 4px 12px;
    font-size: 0.8rem;
    line-height: 1.25;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.15s;
}

.range-btn:hover[b-6lwh8tikqs] { background: rgba(255, 255, 255, 0.25); }
.range-btn.active[b-6lwh8tikqs] { background: white; color: #4f46e5; font-weight: 600; border-color: white; }

.custom-range-inputs[b-6lwh8tikqs] {
    display: none;
    align-items: center;
    gap: 6px;
}

.custom-range-inputs.visible[b-6lwh8tikqs] {
    display: flex;
}

.custom-range-inputs .form-control[b-6lwh8tikqs] {
    width: 120px;
    font-size: 0.8rem;
    padding: 3px 8px;
    height: 28px;
}

.custom-range-separator[b-6lwh8tikqs] {
    color: rgba(255, 255, 255, 0.6);
    padding: 0 2px;
    font-size: 0.8rem;
    white-space: nowrap;
}

/* ── Summary cards ───────────────────────────────────────────────────────── */
.summary-cards[b-6lwh8tikqs] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
    margin-bottom: 0;
}

.summary-card[b-6lwh8tikqs] {
    background: var(--card-bg, #1e293b);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 14px;
    padding: 1.1rem 0.65rem;
    position: relative;
    overflow: hidden;
}

.summary-card[b-6lwh8tikqs]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: var(--accent, #7c3aed);
    border-radius: 14px 14px 0 0;
}

.summary-icon[b-6lwh8tikqs] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(255,255,255,0.07);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--accent, #7c3aed);
}

.summary-top[b-6lwh8tikqs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.summary-text[b-6lwh8tikqs] {
    min-width: 0;
    border-left: 1px solid rgba(255,255,255,0.08);
    padding-left: 0.5rem;
}

.summary-icon svg[b-6lwh8tikqs] { width: 20px; height: 20px; }

.summary-value[b-6lwh8tikqs] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #f1f5f9;
    line-height: 1;
    white-space: nowrap;
}

.summary-label[b-6lwh8tikqs] {
    font-size: 1.1rem;
    color: #94a3b8;
    font-weight: 700;
}

.summary-sub[b-6lwh8tikqs] {
    font-size: 0.72rem;
    color: #64748b;
    margin-top: 2px;
}

/* ── Cards ───────────────────────────────────────────────────────────────── */
.analytics-card[b-6lwh8tikqs] {
    background: var(--card-bg, #1e293b);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 14px;
    overflow: hidden;
    height: 100%;
}

.analytics-card-header[b-6lwh8tikqs] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0.85rem 1.25rem;
    background: rgba(255,255,255,0.04);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    font-size: 1.125rem;
    font-weight: 700;
    color: #e2e8f0;
}

.analytics-card-header > svg[b-6lwh8tikqs] {
    color: #a78bfa;
    flex-shrink: 0;
}

.analytics-refresh-btn[b-6lwh8tikqs] {
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.06);
    color: #cbd5e1;
    font-size: 0.78rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
}

.analytics-refresh-btn:hover:not(:disabled)[b-6lwh8tikqs] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.22);
    color: #f1f5f9;
}

.analytics-refresh-btn:disabled[b-6lwh8tikqs] {
    opacity: 0.65;
}

.analytics-refresh-btn svg[b-6lwh8tikqs] {
    color: currentColor;
}

/* ── Top pages / top users list ─────────────────────────────────────────── */
.top-pages-list[b-6lwh8tikqs] {
    padding: 0.5rem 0;
}

.top-page-row[b-6lwh8tikqs] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0.6rem 1.2rem;
    border-bottom: 1px solid rgba(255,255,255,0.04);
    transition: background 0.12s;
}

.top-page-row:last-child[b-6lwh8tikqs] { border-bottom: none; }
.top-page-row:hover[b-6lwh8tikqs] { background: rgba(255,255,255,0.03); }

.top-page-rank[b-6lwh8tikqs] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(124,58,237,0.2);
    color: #a78bfa;
    font-size: 0.72rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.top-page-info[b-6lwh8tikqs] { flex: 1; min-width: 0; }

.top-page-title[b-6lwh8tikqs] {
    font-size: 0.88rem;
    font-weight: 600;
    color: #e2e8f0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.top-page-path[b-6lwh8tikqs] {
    font-size: 0.72rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}

.top-page-bar-wrap[b-6lwh8tikqs] {
    height: 4px;
    background: rgba(255,255,255,0.06);
    border-radius: 4px;
    overflow: hidden;
}

.top-page-bar[b-6lwh8tikqs] {
    height: 100%;
    background: linear-gradient(90deg, #7c3aed, #a855f7);
    border-radius: 4px;
    transition: width 0.4s ease;
}

.top-page-stats[b-6lwh8tikqs] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    flex-shrink: 0;
}

.top-page-hits[b-6lwh8tikqs] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #f1f5f9;
}

.top-page-users[b-6lwh8tikqs] {
    font-size: 0.7rem;
    color: #64748b;
}

/* ── Daily trend chart ───────────────────────────────────────────────────── */
.daily-chart[b-6lwh8tikqs] {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    height: 140px;
    padding: 0.75rem 1.25rem 0;
    overflow-x: auto;
}

.daily-bar-col[b-6lwh8tikqs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    min-width: 24px;
    max-width: 48px;
    height: 100%;
    cursor: default;
}

.daily-bar-fill[b-6lwh8tikqs] {
    width: 100%;
    min-height: 2px;
    background: linear-gradient(180deg, #7c3aed, #a855f7);
    border-radius: 4px 4px 0 0;
    transition: height 0.3s ease;
}

.daily-bar-label[b-6lwh8tikqs] {
    font-size: 0.62rem;
    color: #64748b;
    margin-top: 4px;
    white-space: nowrap;
}

.daily-legend[b-6lwh8tikqs] {
    padding: 0.5rem 1.25rem;
    font-size: 0.78rem;
    color: #94a3b8;
    display: flex;
    align-items: center;
    gap: 4px;
}

.legend-dot[b-6lwh8tikqs] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

/* ── Hourly distribution chart ───────────────────────────────────────────── */
.hourly-chart[b-6lwh8tikqs] {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    height: 120px;
    padding: 0.75rem 1.25rem 0;
}

.hour-col[b-6lwh8tikqs] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    cursor: default;
}

.hour-bar[b-6lwh8tikqs] {
    width: 100%;
    min-height: 2px;
    background: rgba(124,58,237,0.4);
    border-radius: 3px 3px 0 0;
    transition: height 0.3s ease;
}

.hour-bar.peak[b-6lwh8tikqs] {
    background: linear-gradient(180deg, #f59e0b, #fbbf24);
}

.hour-label[b-6lwh8tikqs] {
    font-size: 0.55rem;
    color: #475569;
    margin-top: 3px;
    white-space: nowrap;
}

/* ── Day of week chart ───────────────────────────────────────────────────── */
.dow-chart[b-6lwh8tikqs] {
    padding: 0.75rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dow-row[b-6lwh8tikqs] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dow-label[b-6lwh8tikqs] {
    width: 32px;
    font-size: 0.78rem;
    color: #94a3b8;
    font-weight: 600;
    flex-shrink: 0;
}

.dow-bar-wrap[b-6lwh8tikqs] {
    flex: 1;
    height: 10px;
    background: rgba(255,255,255,0.06);
    border-radius: 6px;
    overflow: hidden;
}

.dow-bar[b-6lwh8tikqs] {
    height: 100%;
    background: linear-gradient(90deg, #10b981, #34d399);
    border-radius: 6px;
    transition: width 0.4s ease;
}

.dow-count[b-6lwh8tikqs] {
    width: 40px;
    text-align: right;
    font-size: 0.78rem;
    color: #64748b;
    flex-shrink: 0;
}

/* ── Recent activity table ───────────────────────────────────────────────── */
.recent-activity-card[b-6lwh8tikqs] {
    border-color: rgba(167, 139, 250, 0.25);
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.recent-activity-card-header[b-6lwh8tikqs] {
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
    flex-shrink: 0;
}

.recent-activity-header-row[b-6lwh8tikqs] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    width: 100%;
}

.recent-activity-header-icon[b-6lwh8tikqs] {
    width: 18px;
    height: 18px;
    color: #a78bfa;
    flex-shrink: 0;
}

.recent-activity-header-title[b-6lwh8tikqs] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #e2e8f0;
    white-space: nowrap;
}

.recent-activity-header-filters[b-6lwh8tikqs] {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    margin-left: 30px;
    flex-shrink: 0;
}

.recent-visit-limit-box[b-6lwh8tikqs] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
    margin-left: 0;
    padding: 0.3rem 0.55rem 0.3rem 0.65rem;
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.55);
    border: 1px solid rgba(148, 163, 184, 0.35);
}

.recent-visit-limit-label[b-6lwh8tikqs] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #94a3b8;
    white-space: nowrap;
    margin: 0;
}

.recent-visit-limit-select[b-6lwh8tikqs] {
    appearance: auto;
    width: auto;
    min-width: 9.5rem;
    height: 1.75rem;
    padding: 0 1.5rem 0 0.45rem;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.2;
    color: #f8fafc !important;
    background-color: #334155 !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 8px;
    cursor: pointer;
    color-scheme: dark;
}

.recent-visit-limit-select:focus[b-6lwh8tikqs] {
    outline: none;
    border-color: rgba(167, 139, 250, 0.55) !important;
    box-shadow: 0 0 0 0.15rem rgba(167, 139, 250, 0.2);
}

.recent-visit-limit-select option[b-6lwh8tikqs] {
    color: #f8fafc;
    background: #1e293b;
}

.recent-activity-exclude-box[b-6lwh8tikqs] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-left: 0;
    padding: 0.35rem 0.5rem;
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.55);
    border: 1px solid rgba(167, 139, 250, 0.28);
}

.recent-exclude-label[b-6lwh8tikqs] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #94a3b8;
    white-space: nowrap;
    margin: 0;
}

.recent-activity-refresh-btn[b-6lwh8tikqs] {
    margin-left: auto;
}

.recent-activity-excluded-row[b-6lwh8tikqs] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.45rem 0.65rem;
    min-height: 1.5rem;
    width: 100%;
    padding-top: 0.15rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.recent-excluded-row-label[b-6lwh8tikqs] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #94a3b8;
    line-height: 1.6rem;
    flex-shrink: 0;
}

.recent-excluded-empty[b-6lwh8tikqs] {
    font-size: 0.78rem;
    color: #64748b;
    line-height: 1.6rem;
}

.exclude-user-chips[b-6lwh8tikqs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    flex: 1;
    min-width: 0;
}

.exclude-user-chip[b-6lwh8tikqs] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.15rem 0.45rem 0.15rem 0.6rem;
    border-radius: 999px;
    background: rgba(239, 68, 68, 0.14);
    border: 1px solid rgba(239, 68, 68, 0.28);
    color: #fecaca;
    font-size: 0.76rem;
    line-height: 1.2;
}

.exclude-user-chip-remove[b-6lwh8tikqs] {
    border: none;
    background: transparent;
    color: #fca5a5;
    font-size: 1rem;
    line-height: 1;
    padding: 0;
    cursor: pointer;
}

.exclude-user-chip-remove:hover[b-6lwh8tikqs] {
    color: #fff;
}

.exclude-user-select[b-6lwh8tikqs] {
    width: 220px;
    min-width: 160px;
    max-width: 280px;
    background: #0f172a;
    border-color: rgba(255, 255, 255, 0.18);
    color: #e2e8f0;
    font-size: 0.78rem;
}

.analytics-exclude-add-btn[b-6lwh8tikqs] {
    border: 1px solid rgba(248, 113, 113, 0.45);
    background: rgba(239, 68, 68, 0.18);
    color: #fecaca;
    font-size: 0.78rem;
    font-weight: 600;
    white-space: nowrap;
}

.analytics-exclude-add-btn:hover:not(:disabled)[b-6lwh8tikqs] {
    background: rgba(239, 68, 68, 0.28);
    border-color: rgba(248, 113, 113, 0.6);
    color: #fff;
}

.analytics-exclude-add-btn:disabled[b-6lwh8tikqs] {
    opacity: 0.45;
}

.recent-exclude-btn[b-6lwh8tikqs] {
    border: 1px solid rgba(248, 113, 113, 0.35);
    background: rgba(239, 68, 68, 0.12);
    color: #fca5a5;
    font-size: 0.68rem;
    font-weight: 600;
    padding: 0.1rem 0.4rem;
    line-height: 1.25;
    max-width: 100%;
}

.recent-exclude-btn:hover[b-6lwh8tikqs] {
    background: rgba(239, 68, 68, 0.22);
    border-color: rgba(248, 113, 113, 0.55);
    color: #fff;
}

.recent-table-shell[b-6lwh8tikqs] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

.recent-grid-header[b-6lwh8tikqs],
.recent-grid-row[b-6lwh8tikqs] {
    display: grid;
    grid-template-columns: 6.25rem minmax(0, 0.95fr) minmax(0, 1.1fr) minmax(0, 1.65fr) 4.6rem;
    align-items: center;
    width: 100%;
    min-width: 0;
}

.recent-grid-header[b-6lwh8tikqs] {
    flex-shrink: 0;
    background: var(--card-bg, #1e293b);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.recent-grid-header .recent-grid-cell[b-6lwh8tikqs] {
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.6rem 0.65rem;
}

.recent-grid-body[b-6lwh8tikqs] {
    max-height: 420px;
    overflow: hidden auto;
}

.recent-grid-row[b-6lwh8tikqs] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.recent-grid-row:hover[b-6lwh8tikqs] {
    background: rgba(255, 255, 255, 0.025);
}

.recent-grid-cell[b-6lwh8tikqs] {
    min-width: 0;
    padding: 0.45rem 0.65rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #cbd5e1;
    font-size: 0.82rem;
}

.recent-grid-action[b-6lwh8tikqs] {
    text-align: right;
    overflow: visible;
}

.recent-grid-empty[b-6lwh8tikqs] {
    padding: 1.25rem;
    text-align: center;
    color: #64748b;
    font-size: 0.82rem;
}

.recent-path-cell[b-6lwh8tikqs] {
    font-size: 0.78rem;
    color: #94a3b8;
}

/* ── View mode tabs ─────────────────────────────────────────────────────── */
.analytics-view-tabs[b-6lwh8tikqs] {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
}

.view-tab[b-6lwh8tikqs] {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: white;
    border-radius: 8px;
    padding: 4px 12px;
    font-size: 0.8rem;
    line-height: 1.25;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.15s;
}

.view-tab:hover[b-6lwh8tikqs] { background: rgba(255, 255, 255, 0.22); }
.view-tab.active[b-6lwh8tikqs] { background: white; color: #4f46e5; font-weight: 600; border-color: white; }
/* _content/YAGServiceDesk/Pages/Administrator/Categories.razor.rz.scp.css */
/* Categories styles */
/* _content/YAGServiceDesk/Pages/Administrator/CreateUser.razor.rz.scp.css */
/* Autocomplete dropdown for customer search */
.autocomplete-list[b-1ue1eyq813] {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% - 2px);
    background: #1e293b;
    border: 1px solid #475569;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    max-height: 220px;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    z-index: 20;
}
.autocomplete-list li[b-1ue1eyq813] {
    list-style: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    transition: background 0.15s;
    border-bottom: 1px solid #334155;
}
.autocomplete-list li:hover[b-1ue1eyq813] {
    background: #1e293b;
    border-bottom: 1px solid #10b981;
}
/* Reduce height and icon size for form action buttons */
.form-actions .btn[b-1ue1eyq813],
.form-actions button.btn[b-1ue1eyq813],
.form-actions button[b-1ue1eyq813] {
    padding: 0.35rem 1.1rem;
    min-height: 32px;
    font-size: 0.95rem;
}

.form-actions .btn svg[b-1ue1eyq813],
.form-actions button svg[b-1ue1eyq813],
.form-actions .me-2[b-1ue1eyq813] {
    width: 1.1em;
    height: 1.1em;
    margin-right: 0.4em;
}
/* Dark mode override for autocomplete/typeahead dropdowns */
.dark .form-group ul[b-1ue1eyq813],
.dark .form-group ul li[b-1ue1eyq813],
.dark .form-group .dropdown-menu[b-1ue1eyq813],
.dark .form-group .dropdown-menu li[b-1ue1eyq813],
.dark .form-group .autocomplete-suggestion[b-1ue1eyq813],
.dark .form-group .autocomplete-list[b-1ue1eyq813],
.dark .form-group .autocomplete-list li[b-1ue1eyq813] {
    background: #223040 !important;
    color: #fff !important;
}

/* Dark mode override for checkbox labels */
.dark .checkbox-label[b-1ue1eyq813] {
    color: #334155 !important;
}

/* Create IT Task Page Styles */

.page-container[b-1ue1eyq813] {
    max-width: 100%;
    margin: 0;
    padding: calc(15px + 4.5rem + var(--page-header-content-gap, 20px)) 0 0;
}

.page-header-shell[b-1ue1eyq813] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 2rem);
    right: 2rem;
    z-index: 10;
    background: #0f172a;
    padding-top: 15px;
}

/* Page Header */
.page-header[b-1ue1eyq813] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #ffffff;
    padding: 0.9rem 1.5rem;
    margin-bottom: 0;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.page-body[b-1ue1eyq813] {
    padding: 0 0 5rem;
}

.header-content[b-1ue1eyq813] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.header-icon .page-icon[b-1ue1eyq813] {
    width: 2.5rem;
    height: 2.5rem;
    opacity: 0.9;
}

.header-text h1[b-1ue1eyq813] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.3rem;
    color: white;
}

.header-text p[b-1ue1eyq813] {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.9rem;
}

/* Form Container */
.form-container[b-1ue1eyq813] {
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.task-form[b-1ue1eyq813] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Form Sections */
.form-section[b-1ue1eyq813] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.form-group[b-1ue1eyq813] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: relative;
}

.form-label[b-1ue1eyq813] {
    font-weight: 600;
    color: #cbd5e1;
    font-size: 0.9rem;
}

.required-asterisk[b-1ue1eyq813] {
    color: #ef4444;
}

.dark .required-asterisk[b-1ue1eyq813] {
    color: #f87171;
}

.form-input[b-1ue1eyq813], .form-select[b-1ue1eyq813], .form-textarea[b-1ue1eyq813] {
    padding: 0.75rem;
    border: 1px solid #475569;
    border-radius: 8px;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    background: #1e293b;
}

.form-input:focus[b-1ue1eyq813], .form-select:focus[b-1ue1eyq813], .form-textarea:focus[b-1ue1eyq813] {
    outline: none;
    border-color: #10b981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

.form-textarea[b-1ue1eyq813] {
    resize: vertical;
    min-height: 120px;
    font-family: inherit;
    line-height: 1.5;
}

.form-help[b-1ue1eyq813] {
    color: #94a3b8;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

/* Form Actions */
.form-actions[b-1ue1eyq813] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    padding-top: 1rem;
    margin-left: auto;
}

.form-actions button[b-1ue1eyq813] {
    flex: 0 0 auto;
}

.btn-primary[b-1ue1eyq813], .btn-secondary[b-1ue1eyq813] {
    padding: 0.5rem 1.5rem;
    border-radius: 8px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
}

.btn-primary[b-1ue1eyq813] {
    background: #10b981;
    color: #1e293b;
}

.btn-primary:hover:not(:disabled)[b-1ue1eyq813] {
    background: #059669;
    transform: translateY(-1px);
}

.btn-primary:disabled[b-1ue1eyq813] {
    background: #9ca3af;
    cursor: not-allowed;
    transform: none;
}

.btn-secondary[b-1ue1eyq813] {
    background: #1e293b;
    color: #cbd5e1;
    border: 1px solid #475569;
}

.btn-secondary:hover[b-1ue1eyq813] {
    background: #334155;
    transform: translateY(-1px);
}

.btn-icon[b-1ue1eyq813] {
    width: 1rem;
    height: 1rem;
}

.btn-spinner[b-1ue1eyq813] {
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top: 2px solid white;
    border-radius: 50%;
    animation: spin-b-1ue1eyq813 1s linear infinite;
}

@keyframes spin-b-1ue1eyq813 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Success Modal */
.modal-overlay[b-1ue1eyq813] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-1ue1eyq813] {
    background: #1e293b;
    border-radius: 12px;
    padding: 0;
    max-width: 500px;
    width: 100%;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.modal-header[b-1ue1eyq813] {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    text-align: center;
    border-bottom: 1px solid #334155;
}

.modal-icon[b-1ue1eyq813] {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 1rem auto;
}

.modal-icon.success[b-1ue1eyq813] {
    color: #10b981;
}

.modal-header h3[b-1ue1eyq813] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: #cbd5e1;
}

.modal-body[b-1ue1eyq813] {
    padding: 1.5rem;
    text-align: center;
}

.modal-body p[b-1ue1eyq813] {
    margin: 0 0 1rem 0;
    color: #94a3b8;
    line-height: 1.6;
}

.modal-body p:last-child[b-1ue1eyq813] {
    margin-bottom: 0;
}

.modal-actions[b-1ue1eyq813] {
    padding: 1rem 1.5rem 1.5rem 1.5rem;
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.modal-actions button[b-1ue1eyq813],
.modal-actions button.btn[b-1ue1eyq813] {
    min-width: 160px !important;
    width: auto !important;
    max-width: 240px !important;
    min-height: 42px !important;
    padding: 0.5rem 1.1rem !important;
    font-size: 0.95rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.45rem !important;
}

.modal-actions button svg[b-1ue1eyq813],
.modal-actions .me-2[b-1ue1eyq813] {
    width: 1.1em !important;
    height: 1.1em !important;
    margin-right: 0.35rem !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-container[b-1ue1eyq813] {
        padding: 0;
    }
    
    .page-header[b-1ue1eyq813] {
        padding: 1.33rem;
        margin-bottom: 1.5rem;
    }
    
    .header-text h1[b-1ue1eyq813] {
        font-size: 1.5rem;
    }
    
    .form-container[b-1ue1eyq813] {
        padding: 1.5rem;
    }
    
    .form-section[b-1ue1eyq813] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .form-actions[b-1ue1eyq813] {
        flex-direction: column-reverse;
    }
    
    .btn-primary[b-1ue1eyq813], .btn-secondary[b-1ue1eyq813] {
        width: 100%;
        justify-content: center;
    }
    
    .modal-actions[b-1ue1eyq813] {
        flex-direction: column;
    }
    
    .modal-actions button[b-1ue1eyq813],
    .modal-actions button.btn[b-1ue1eyq813],
    .modal-actions .btn-primary[b-1ue1eyq813], 
    .modal-actions .btn-secondary[b-1ue1eyq813] {
        width: 100%;
        justify-content: center;
        max-width: none !important;
    }
}

/* Billing Hours Section */
.billing-hours-section[b-1ue1eyq813] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: 1rem;
}

.billing-hours-section .form-group[b-1ue1eyq813] {
    margin: 0;
}

.checkbox-group[b-1ue1eyq813] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.checkbox-group input[type="checkbox"][b-1ue1eyq813] {
    width: 1.25rem;
    height: 1.25rem;
    accent-color: #10b981;
}

.checkbox-label[b-1ue1eyq813] {
    font-weight: 500;
    color: #cbd5e1;
    cursor: pointer;
}

.follow-up-details[b-1ue1eyq813] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    margin-top: 0.75rem;
    padding-left: 1.75rem;
}

.follow-up-details input[b-1ue1eyq813] {
    margin: 0;
}

@media (max-width: 768px) {
    .billing-hours-section[b-1ue1eyq813] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    
    .follow-up-details[b-1ue1eyq813] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }
}

@media (max-width: 480px) {
    .page-header[b-1ue1eyq813] {
        padding: 1rem;
    }
    
    .header-content[b-1ue1eyq813] {
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }
    
    .form-container[b-1ue1eyq813] {
        padding: 1rem;
    }
    
    .modal-overlay[b-1ue1eyq813] {
        padding: 0.5rem;
    }
}
.page-header-title[b-1ue1eyq813] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.page-header[b-1ue1eyq813] {
    padding: 0.9rem 1.5rem !important;
}

.header-content[b-1ue1eyq813] {
    min-height: unset !important;
}

.form-footer[b-1ue1eyq813] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.btn-cancel[b-1ue1eyq813] {
    background-color: #2c3e50;
    color: #ecf0f1;
    border: 1px solid #4a5f7f;
    padding: 8px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease;
}

.btn-cancel:hover[b-1ue1eyq813] {
    background-color: #34495e;
    border-color: #5a7a9f;
}

.btn-submit[b-1ue1eyq813] {
    background-color: #16a085;
    color: white;
    border: 1px solid #1abc9c;
    padding: 8px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease;
}

.btn-submit:hover:not(:disabled)[b-1ue1eyq813] {
    background-color: #1abc9c;
    border-color: #2ecc71;
}

.btn-submit:disabled[b-1ue1eyq813] {
    background-color: #7f8c8d;
    border-color: #95a5a6;
    cursor: not-allowed;
    opacity: 0.7;
}
/* _content/YAGServiceDesk/Pages/Administrator/Deployment.razor.rz.scp.css */
/* ── GitLab warning banner ───────────────────────────────────────────── */
.deployment-tracker-page[b-qch6r1zn6b] {
    padding-bottom: 1.5rem;
}

.deployment-tracker-header-shell[b-qch6r1zn6b] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 2rem);
    right: 2rem;
    z-index: 10;
    background: #0f172a;
    padding-top: 15px;
    padding-bottom: 0.75rem;
}

.deployment-tracker-body[b-qch6r1zn6b] {
    padding-top: calc(15px + 4.5rem + var(--page-header-content-gap, 20px));
}

.gitlab-warning[b-qch6r1zn6b] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: #3f2000;
    border: 1px solid #eab308;
    color: #fef08a;
    padding: 0.65rem 1rem;
    border-radius: 8px;
    margin-bottom: 1.25rem;
    font-size: 0.875rem;
}

    .gitlab-warning i[b-qch6r1zn6b] {
        color: #eab308;
        flex-shrink: 0;
    }

/* ── Header ──────────────────────────────────────────────────────────── */
.deploy-header[b-qch6r1zn6b] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 50%, #0369a1 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 0;
    border-radius: 16px;
    box-shadow: 0 18px 45px rgba(14, 165, 233, 0.35);
}

    .deploy-header i.fa-rocket[b-qch6r1zn6b] {
        font-size: 1.75rem;
        opacity: 0.9;
    }

    .deploy-header h1[b-qch6r1zn6b] {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 600;
        color: white;
    }

    .deploy-header p[b-qch6r1zn6b] {
        margin: 0;
        font-size: 0.9rem;
        color: rgba(255,255,255,0.85);
    }

.btn-refresh[b-qch6r1zn6b] {
    margin-left: auto;
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.3);
    color: white;
    padding: 0.45rem 1rem;
    border-radius: 8px;
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    transition: background 0.2s;
}

    .btn-refresh:hover[b-qch6r1zn6b] {
        background: rgba(255,255,255,0.25);
    }

    .btn-refresh:disabled[b-qch6r1zn6b] {
        opacity: 0.6;
        cursor: not-allowed;
    }

@media (max-width: 991.98px) {
    .deployment-tracker-header-shell[b-qch6r1zn6b] {
        left: 1rem;
        right: 1rem;
    }

    .deployment-tracker-body[b-qch6r1zn6b] {
        padding-top: 8.5rem;
    }
}

/* ── Loading State ───────────────────────────────────────────────────── */
.loading-state[b-qch6r1zn6b] {
    text-align: center;
    padding: 3rem;
    color: #94a3b8;
    font-size: 1rem;
}

/* ── Environment Grid ────────────────────────────────────────────────── */
.env-grid[b-qch6r1zn6b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

@media (max-width: 900px) {
    .env-grid[b-qch6r1zn6b] {
        grid-template-columns: 1fr;
    }
}

/* ── Card Status Borders ─────────────────────────────────────────────── */
.env-card.card-status-current[b-qch6r1zn6b] {
    border-left: 4px solid #22c55e;
    background: linear-gradient(135deg, #052e16 0%, #1e293b 18%);
}

.env-card.card-status-behind[b-qch6r1zn6b] {
    border-left: 4px solid #ef4444;
    background: linear-gradient(135deg, #450a0a 0%, #1e293b 18%);
}

.env-card.card-status-wip[b-qch6r1zn6b] {
    border-left: 4px solid #eab308;
    background: linear-gradient(135deg, #3f3000 0%, #1e293b 18%);
}

.env-card.card-status-unknown[b-qch6r1zn6b] {
    border-left: 4px solid #475569;
}

/* ── Environment Card ────────────────────────────────────────────────── */
.env-card[b-qch6r1zn6b] {
    background: #1e293b;
    border-radius: 14px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    border: 1px solid #334155;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}

.dev-unavailable[b-qch6r1zn6b] {
    opacity: 0.45;
    filter: grayscale(0.4);
}

.env-card-header[b-qch6r1zn6b] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.env-badge[b-qch6r1zn6b] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.3rem 0.75rem;
    border-radius: 20px;
}

.env-badge-development[b-qch6r1zn6b] {
    background: #1d4ed8;
    color: #bfdbfe;
}

.env-badge-card-status-current[b-qch6r1zn6b] {
    background: #14532d;
    color: #bbf7d0;
}

.env-badge-card-status-behind[b-qch6r1zn6b] {
    background: #450a0a;
    color: #fca5a5;
}

.env-badge-card-status-wip[b-qch6r1zn6b] {
    background: #3f3000;
    color: #fef08a;
}

.env-badge-card-status-unknown[b-qch6r1zn6b] {
    background: #1e293b;
    color: #94a3b8;
}

.pending-badge[b-qch6r1zn6b] {
    background: #7f1d1d;
    color: #fca5a5;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.25rem 0.65rem;
    border-radius: 20px;
}

.up-to-date-badge[b-qch6r1zn6b] {
    background: #14532d;
    color: #86efac;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.25rem 0.65rem;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

/* ── Commit Info ─────────────────────────────────────────────────────── */
.commit-info[b-qch6r1zn6b] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.commit-hash[b-qch6r1zn6b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #94a3b8;
    font-size: 0.85rem;
}

    .commit-hash code[b-qch6r1zn6b] {
        background: #0f172a;
        padding: 0.2rem 0.5rem;
        border-radius: 5px;
        font-family: monospace;
        font-size: 0.82rem;
        color: #7dd3fc;
    }

.commit-message[b-qch6r1zn6b] {
    color: #e2e8f0;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.4;
}

.commit-meta[b-qch6r1zn6b] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    color: #64748b;
    font-size: 0.8rem;
}

.deploy-notes[b-qch6r1zn6b] {
    background: #0f172a;
    border-left: 3px solid #0ea5e9;
    padding: 0.4rem 0.65rem;
    color: #94a3b8;
    font-size: 0.82rem;
    border-radius: 0 6px 6px 0;
}

/* ── No Deployment ───────────────────────────────────────────────────── */
.no-deployment[b-qch6r1zn6b] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: #475569;
    font-size: 0.9rem;
    padding: 0.75rem 0;
}

/* ── Pending Commits ─────────────────────────────────────────────────── */
.pending-section[b-qch6r1zn6b] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.btn-toggle-pending[b-qch6r1zn6b] {
    background: #0f172a;
    border: 1px solid #334155;
    color: #94a3b8;
    padding: 0.4rem 0.75rem;
    border-radius: 8px;
    font-size: 0.8rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    transition: background 0.2s;
    width: fit-content;
}

    .btn-toggle-pending:hover[b-qch6r1zn6b] {
        background: #1e293b;
        color: #e2e8f0;
    }

.commit-list[b-qch6r1zn6b] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-height: 200px;
    overflow-y: auto;
}

    .commit-list li[b-qch6r1zn6b] {
        display: flex;
        align-items: baseline;
        gap: 0.5rem;
        font-size: 0.8rem;
        background: #0f172a;
        padding: 0.35rem 0.6rem;
        border-radius: 6px;
        color: #cbd5e1;
    }

        .commit-list li code[b-qch6r1zn6b] {
            font-family: monospace;
            color: #7dd3fc;
            flex-shrink: 0;
            font-size: 0.78rem;
        }

        .commit-list li span[b-qch6r1zn6b] {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .commit-list li .commit-author[b-qch6r1zn6b] {
            color: #475569;
            flex-shrink: 0;
            margin-left: auto;
        }

/* ── Card Footer ─────────────────────────────────────────────────────── */
.env-card-footer[b-qch6r1zn6b] {
    margin-top: auto;
    display: flex;
    gap: 0.6rem;
}

.btn-mark-deployed[b-qch6r1zn6b] {
    flex: 1;
    background: linear-gradient(135deg, #0ea5e9, #0369a1);
    color: white;
    border: none;
    padding: 0.55rem 1rem;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    transition: opacity 0.2s;
}

    .btn-mark-deployed:hover[b-qch6r1zn6b] {
        opacity: 0.85;
    }

.btn-history[b-qch6r1zn6b] {
    background: #334155;
    color: #94a3b8;
    border: none;
    padding: 0.55rem 0.85rem;
    border-radius: 8px;
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    transition: background 0.2s;
}

    .btn-history:hover[b-qch6r1zn6b] {
        background: #475569;
        color: #e2e8f0;
    }

/* ── Modal ───────────────────────────────────────────────────────────── */
.modal-backdrop[b-qch6r1zn6b] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1000;
}

.deploy-modal[b-qch6r1zn6b] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    background: #1e293b;
    border-radius: 16px;
    width: min(520px, 95vw);
    box-shadow: 0 25px 60px rgba(0,0,0,0.5);
    border: 1px solid #334155;
    display: flex;
    flex-direction: column;
}

.deploy-modal-wide[b-qch6r1zn6b] {
    width: min(820px, 95vw);
}

.modal-header[b-qch6r1zn6b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.4rem;
    border-bottom: 1px solid #334155;
}

    .modal-header h3[b-qch6r1zn6b] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 600;
        color: #e2e8f0;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

.btn-close-modal[b-qch6r1zn6b] {
    background: none;
    border: none;
    color: #64748b;
    font-size: 1rem;
    cursor: pointer;
    padding: 0.25rem;
    transition: color 0.2s;
}

    .btn-close-modal:hover[b-qch6r1zn6b] {
        color: #e2e8f0;
    }

.modal-body[b-qch6r1zn6b] {
    padding: 1.25rem 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

    .modal-body label[b-qch6r1zn6b] {
        display: block;
        font-size: 0.8rem;
        font-weight: 600;
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin-bottom: 0.3rem;
    }

.modal-commit-info[b-qch6r1zn6b] {
    background: #0f172a;
    border-radius: 10px;
    padding: 0.85rem 1rem;
}

.modal-commit-row[b-qch6r1zn6b] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    margin-top: 0.4rem;
}

    .modal-commit-row code[b-qch6r1zn6b] {
        font-family: monospace;
        color: #7dd3fc;
        font-size: 0.85rem;
        flex-shrink: 0;
    }

    .modal-commit-row span[b-qch6r1zn6b] {
        color: #e2e8f0;
        font-size: 0.9rem;
        font-weight: 500;
    }

.modal-commit-meta[b-qch6r1zn6b] {
    display: flex;
    gap: 1rem;
    margin-top: 0.35rem;
    color: #64748b;
    font-size: 0.8rem;
}

.modal-no-commit[b-qch6r1zn6b] {
    background: #451a03;
    border: 1px solid #92400e;
    border-radius: 10px;
    padding: 0.85rem 1rem;
    color: #fde68a;
    font-size: 0.85rem;
    line-height: 1.5;
}

.form-input[b-qch6r1zn6b] {
    width: 100%;
    background: #0f172a;
    border: 1px solid #334155;
    color: #e2e8f0;
    padding: 0.55rem 0.75rem;
    border-radius: 8px;
    font-size: 0.9rem;
    resize: vertical;
}

    .form-input:focus[b-qch6r1zn6b] {
        outline: none;
        border-color: #0ea5e9;
    }

.modal-footer[b-qch6r1zn6b] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    padding: 1rem 1.4rem;
    border-top: 1px solid #334155;
}

.btn-link-subtle[b-qch6r1zn6b] {
    background: none;
    border: none;
    color: #64748b;
    font-size: 0.8rem;
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
    transition: color 0.2s;
}

    .btn-link-subtle:hover[b-qch6r1zn6b] {
        color: #94a3b8;
    }

.btn-cancel[b-qch6r1zn6b] {
    background: #334155;
    color: #94a3b8;
    border: none;
    padding: 0.55rem 1.2rem;
    border-radius: 8px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background 0.2s;
}

    .btn-cancel:hover[b-qch6r1zn6b] {
        background: #475569;
    }

.btn-confirm-deploy[b-qch6r1zn6b] {
    background: linear-gradient(135deg, #0ea5e9, #0369a1);
    color: white;
    border: none;
    padding: 0.55rem 1.4rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    transition: opacity 0.2s;
}

    .btn-confirm-deploy:hover[b-qch6r1zn6b] {
        opacity: 0.85;
    }

    .btn-confirm-deploy:disabled[b-qch6r1zn6b] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.wip-badge[b-qch6r1zn6b] {
    background: #422006;
    color: #fdba74;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.25rem 0.65rem;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.btn-toggle-wip[b-qch6r1zn6b] {
    border-color: #78350f !important;
    color: #fdba74 !important;
}

    .btn-toggle-wip:hover[b-qch6r1zn6b] {
        background: #1c0a00 !important;
        color: #fed7aa !important;
    }

.wip-untracked-note[b-qch6r1zn6b] {
    color: #92400e;
    font-size: 0.72rem;
    margin-left: 0.2rem;
}

.wip-list .wip-status-modified[b-qch6r1zn6b] {
    color: #fbbf24;
}

.wip-list .wip-status-untracked[b-qch6r1zn6b] {
    color: #94a3b8;
}

.live-badge[b-qch6r1zn6b] {
    background: #14532d;
    color: #86efac;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.15rem 0.5rem;
    border-radius: 20px;
    border: 1px solid #22c55e40;
}

/* ── Open Merge Requests ─────────────────────────────────────────────── */
.mr-section[b-qch6r1zn6b] {
    margin-bottom: 1.5rem;
}

.mr-section-header[b-qch6r1zn6b] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #a78bfa;
    margin-bottom: 0.65rem;
}

    .mr-section-header i[b-qch6r1zn6b] {
        font-size: 0.95rem;
    }

.mr-count-badge[b-qch6r1zn6b] {
    background: #4c1d95;
    color: #c4b5fd;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.15rem 0.55rem;
    border-radius: 20px;
}

.mr-list[b-qch6r1zn6b] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.mr-item[b-qch6r1zn6b] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    background: #1e293b;
    border: 1px solid #334155;
    border-left: 3px solid #7c3aed;
    border-radius: 10px;
    padding: 0.7rem 1rem;
}

.mr-id[b-qch6r1zn6b] {
    font-family: monospace;
    font-size: 0.8rem;
    color: #7c3aed;
    font-weight: 700;
    flex-shrink: 0;
    min-width: 2.5rem;
}

.mr-content[b-qch6r1zn6b] {
    flex: 1;
    min-width: 0;
}

.mr-title[b-qch6r1zn6b] {
    display: block;
    color: #e2e8f0;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.25rem;
}

    .mr-title:hover[b-qch6r1zn6b] {
        color: #a78bfa;
        text-decoration: underline;
    }

.mr-meta[b-qch6r1zn6b] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    color: #64748b;
    font-size: 0.78rem;
}

    .mr-meta i[b-qch6r1zn6b] {
        margin-right: 0.2rem;
    }

.mr-open-btn[b-qch6r1zn6b] {
    color: #475569;
    font-size: 0.85rem;
    flex-shrink: 0;
    padding: 0.35rem 0.5rem;
    border-radius: 6px;
    transition: color 0.2s, background 0.2s;
    text-decoration: none;
}

    .mr-open-btn:hover[b-qch6r1zn6b] {
        color: #a78bfa;
        background: #1e1b4b;
    }

/* ── History Table ───────────────────────────────────────────────────── */
.history-table[b-qch6r1zn6b] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

    .history-table th[b-qch6r1zn6b] {
        text-align: left;
        padding: 0.5rem 0.75rem;
        color: #64748b;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        border-bottom: 1px solid #334155;
    }

    .history-table td[b-qch6r1zn6b] {
        padding: 0.6rem 0.75rem;
        color: #cbd5e1;
        border-bottom: 1px solid #1e293b;
        vertical-align: top;
    }

    .history-table code[b-qch6r1zn6b] {
        font-family: monospace;
        color: #7dd3fc;
        font-size: 0.82rem;
    }

    .history-table tbody tr:hover td[b-qch6r1zn6b] {
        background: #0f172a;
    }

/* Agent deploy section */
.deploy-actions-section[b-qch6r1zn6b] {
    margin-top: 1.5rem;
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 12px;
    padding: 1.25rem 1.35rem;
}

.deploy-actions-header[b-qch6r1zn6b] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    color: #f8fafc;
    font-weight: 600;
    font-size: 1.05rem;
    margin-bottom: 0.5rem;
}

.deploy-actions-header i[b-qch6r1zn6b] {
    color: #34d399;
}

.deploy-env-chip[b-qch6r1zn6b] {
    margin-left: auto;
    font-size: 0.75rem;
    font-weight: 500;
    color: #94a3b8;
    background: #0f172a;
    border: 1px solid #334155;
    border-radius: 999px;
    padding: 0.2rem 0.65rem;
}

.deploy-actions-desc[b-qch6r1zn6b] {
    color: #94a3b8;
    font-size: 0.9rem;
    margin: 0 0 1rem;
    line-height: 1.45;
}

.deploy-actions-desc code[b-qch6r1zn6b] {
    color: #7dd3fc;
    font-size: 0.85em;
}

.deploy-force-check[b-qch6r1zn6b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #cbd5e1;
    font-size: 0.9rem;
    margin-bottom: 1rem;
    cursor: pointer;
}

.deploy-actions-grid[b-qch6r1zn6b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.deploy-action-card[b-qch6r1zn6b] {
    background: #0f172a;
    border: 1px solid #334155;
    border-radius: 10px;
    padding: 1rem;
}

.deploy-action-card-top[b-qch6r1zn6b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}

.deploy-action-card-top h3[b-qch6r1zn6b] {
    margin: 0 0 0.2rem;
    color: #f8fafc;
    font-size: 1rem;
}

.deploy-action-card-top small[b-qch6r1zn6b] {
    color: #94a3b8;
}

.deploy-agent-badge[b-qch6r1zn6b] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    white-space: nowrap;
}

.deploy-agent-badge.badge-running[b-qch6r1zn6b] { background: #1d4ed8; color: #dbeafe; }
.deploy-agent-badge.badge-succeeded[b-qch6r1zn6b] { background: #047857; color: #d1fae5; }
.deploy-agent-badge.badge-skipped[b-qch6r1zn6b] { background: #b45309; color: #fef3c7; }
.deploy-agent-badge.badge-failed[b-qch6r1zn6b],
.deploy-agent-badge.badge-offline[b-qch6r1zn6b] { background: #b91c1c; color: #fee2e2; }
.deploy-agent-badge.badge-idle[b-qch6r1zn6b],
.deploy-agent-badge.badge-unknown[b-qch6r1zn6b] { background: #334155; color: #cbd5e1; }

.deploy-action-msg[b-qch6r1zn6b] {
    color: #e2e8f0;
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
}

.deploy-cross-env-notice[b-qch6r1zn6b] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    background: #0c2340;
    border: 1px solid #0284c7;
    color: #bae6fd;
    padding: 0.65rem 0.85rem;
    border-radius: 8px;
    font-size: 0.85rem;
    margin-bottom: 0.65rem;
    line-height: 1.45;
}

.deploy-cross-env-notice i[b-qch6r1zn6b] {
    color: #38bdf8;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.deploy-cross-env-notice a[b-qch6r1zn6b] {
    color: #7dd3fc;
    text-decoration: underline;
}

.deploy-cross-env-notice a:hover[b-qch6r1zn6b] {
    color: #e0f2fe;
}

.deploy-action-meta[b-qch6r1zn6b] {
    color: #64748b;
    font-size: 0.8rem;
    margin-bottom: 0.65rem;
}

.deploy-action-buttons[b-qch6r1zn6b] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.btn-agent-deploy[b-qch6r1zn6b],
.btn-agent-refresh[b-qch6r1zn6b] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 8px;
    border: none;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-agent-deploy:disabled[b-qch6r1zn6b],
.btn-agent-refresh:disabled[b-qch6r1zn6b] {
    opacity: 0.55;
    cursor: not-allowed;
}

.btn-agent-deploy-staging[b-qch6r1zn6b] {
    background: #059669;
    color: #fff;
}

.btn-agent-deploy-prod[b-qch6r1zn6b] {
    background: #dc2626;
    color: #fff;
}

.btn-agent-refresh[b-qch6r1zn6b] {
    background: transparent;
    color: #cbd5e1;
    border: 1px solid #475569;
}

.deploy-output[b-qch6r1zn6b] {
    margin-top: 0.85rem;
}

.deploy-output summary[b-qch6r1zn6b] {
    color: #94a3b8;
    font-size: 0.8rem;
    cursor: pointer;
}

.deploy-output pre[b-qch6r1zn6b] {
    margin: 0.5rem 0 0;
    max-height: 180px;
    overflow: auto;
    padding: 0.65rem;
    border-radius: 8px;
    background: #020617;
    color: #e5e7eb;
    font-size: 0.75rem;
}

.deploy-admin-note[b-qch6r1zn6b] {
    margin-top: 1rem;
    padding: 0.75rem 0.9rem;
    border-radius: 8px;
    background: rgba(245, 158, 11, 0.12);
    border: 1px solid rgba(245, 158, 11, 0.35);
    color: #fbbf24;
    font-size: 0.85rem;
}

/* Agent deploy confirm modal */
.ss-modal-overlay[b-qch6r1zn6b] {
    position: fixed;
    inset: 0;
    background: rgba(2, 6, 23, 0.72);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    padding: 1rem;
}

.ss-modal[b-qch6r1zn6b] {
    width: min(480px, 100%);
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45);
    overflow: hidden;
}

.ss-modal-header[b-qch6r1zn6b] {
    padding: 1.25rem 1.5rem 0.75rem;
    text-align: center;
}

.ss-modal-icon[b-qch6r1zn6b] {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 0.85rem;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
}

.ss-modal-icon-success[b-qch6r1zn6b] {
    background: rgba(16, 185, 129, 0.15);
    color: #34d399;
    border: 1px solid rgba(52, 211, 153, 0.35);
}

.ss-modal-icon-danger[b-qch6r1zn6b] {
    background: rgba(220, 53, 69, 0.15);
    color: #f87171;
    border: 1px solid rgba(248, 113, 113, 0.35);
}

.ss-modal-header h3[b-qch6r1zn6b] {
    margin: 0;
    color: #f8fafc;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.35;
}

.ss-modal-body[b-qch6r1zn6b] {
    padding: 0.25rem 1.5rem 1.25rem;
    text-align: center;
}

.ss-modal-body p[b-qch6r1zn6b] {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.95rem;
    line-height: 1.5;
}

.ss-modal-note[b-qch6r1zn6b] {
    margin-top: 0.75rem !important;
    color: #fbbf24 !important;
    font-size: 0.85rem !important;
}

.ss-modal-footer[b-qch6r1zn6b] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem 1.25rem;
    border-top: 1px solid #334155;
    background: rgba(15, 23, 42, 0.45);
}

.ss-modal-footer .btn-confirm-deploy[b-qch6r1zn6b] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

@media (max-width: 900px) {
    .deploy-actions-grid[b-qch6r1zn6b] {
        grid-template-columns: 1fr;
    }

    .deploy-env-chip[b-qch6r1zn6b] {
        margin-left: 0;
    }
}
/* _content/YAGServiceDesk/Pages/Administrator/ImpersonateUser.razor.rz.scp.css */
.impersonate-page[b-8tbpqxgxem] { max-width: 100%; margin: 0; padding: 0 0 1.5rem; }

.impersonate-header-shell[b-8tbpqxgxem] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 2rem);
    right: 2rem;
    z-index: 10;
    background: #0f172a;
    padding-top: 15px;
    padding-bottom: 0.75rem;
}

.impersonate-page-body[b-8tbpqxgxem] {
    padding-top: calc(15px + 4.5rem + var(--page-header-content-gap, 20px));
}

.impersonate-header[b-8tbpqxgxem] {
    background: linear-gradient(315deg, #60a5fa 0%, #1d4ed8 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    border-radius: 10px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.impersonate-header svg[b-8tbpqxgxem] { width: 2rem; height: 2rem; flex-shrink: 0; }

.impersonate-header h1[b-8tbpqxgxem] { font-size: 1.6rem; margin: 0; font-weight: 600; color: white; }
.impersonate-header p[b-8tbpqxgxem]  { margin: 0; font-size: 0.9rem; color: rgba(255, 255, 255, 0.85); }

.active-bar[b-8tbpqxgxem] {
    background: rgba(29, 78, 216, 0.18);
    border: 1px solid #3b82f6;
    border-radius: 8px;
    padding: 0.85rem 1.25rem;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    color: #93c5fd;
}

.active-bar strong[b-8tbpqxgxem] {
    color: #fff;
}

.active-bar .badge-role[b-8tbpqxgxem] {
    background: #1d4ed8;
    color: white;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
}

.stop-btn[b-8tbpqxgxem] {
    margin-left: auto;
    background: #dc2626;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 0.35rem 0.9rem;
    cursor: pointer;
    font-size: 0.85rem;
    transition: background 0.15s;
}

.stop-btn:hover[b-8tbpqxgxem] { background: #b91c1c; }

.user-search-box[b-8tbpqxgxem] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.user-search-box input[b-8tbpqxgxem] {
    flex: 1;
    padding: 0.45rem 0.75rem;
    border: 1px solid var(--border-primary);
    border-radius: 6px;
    font-size: 0.9rem;
    background: var(--bg-input);
    color: var(--text-primary);
}

.users-table[b-8tbpqxgxem] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 0.88rem;
    color: var(--text-primary);
}

.users-table-head[b-8tbpqxgxem] {
    margin: 0;
}

.users-table-head th[b-8tbpqxgxem] {
    background: var(--bg-table-header);
    border-bottom: 2px solid var(--border-primary);
    padding: 0.55rem 0.75rem;
    text-align: left;
    font-weight: 600;
    color: var(--text-primary);
}

.users-table-head th:last-child[b-8tbpqxgxem],
.users-table-body td:last-child[b-8tbpqxgxem] {
    text-align: center;
    min-width: 110px;
}

.users-table-scroll[b-8tbpqxgxem] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 420px;
    background: var(--bg-table);
}

.users-table-body td[b-8tbpqxgxem] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--border-primary);
    vertical-align: middle;
    color: var(--text-primary);
    background: var(--bg-table);
}

.users-table-body tr:hover td[b-8tbpqxgxem] { background: rgba(59,130,246,0.12); cursor: pointer; }
.users-table-body tr.selected-row td[b-8tbpqxgxem] { background: rgba(59,130,246,0.22); }

.users-table tr:hover td[b-8tbpqxgxem] { background: rgba(59,130,246,0.12); cursor: pointer; }
.users-table tr.selected-row td[b-8tbpqxgxem] { background: rgba(59,130,246,0.22); }

.role-badge[b-8tbpqxgxem] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    font-size: 0.78rem;
    font-weight: 600;
}

.role-developer[b-8tbpqxgxem] { background: rgba(59,130,246,0.2); color: #93c5fd; }
.role-admin[b-8tbpqxgxem]     { background: rgba(34,197,94,0.2);  color: #86efac; }
.role-it[b-8tbpqxgxem]        { background: rgba(99,102,241,0.2); color: #a5b4fc; }
.role-client[b-8tbpqxgxem]    { background: var(--bg-tertiary);   color: var(--text-secondary); }
.role-other[b-8tbpqxgxem]     { background: var(--bg-tertiary);   color: var(--text-secondary); }

.impersonate-btn[b-8tbpqxgxem] {
    background: #1d4ed8;
    color: white;
    border: none;
    border-radius: 6px;
    min-width: 98px;
    padding: 0.3rem 0.75rem 0.4rem 0.75rem;
    font-size: 0.82rem;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s;
}

.impersonate-btn:hover[b-8tbpqxgxem] { background: #1e40af; }

.manual-section[b-8tbpqxgxem] {
    margin-top: 1.5rem;
    border: 1px solid var(--border-primary);
    border-radius: 8px;
    overflow: hidden;
    background: var(--bg-card);
}

.manual-section-header[b-8tbpqxgxem] {
    background: rgba(29, 78, 216, 0.12);
    border-bottom: 1px solid rgba(59, 130, 246, 0.3);
    padding: 0.65rem 1rem;
    font-weight: 600;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: #93c5fd;
}

.manual-section-body[b-8tbpqxgxem] { padding: 1rem 1rem 0 1rem; display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: flex-start; background: var(--bg-card); }

.manual-field[b-8tbpqxgxem] { display: flex; flex-direction: column; gap: 0.25rem; }

.manual-hint[b-8tbpqxgxem] { padding: 0.4rem 1rem 0.75rem 1rem; background: var(--bg-card); }

.manual-section input[b-8tbpqxgxem], .manual-section select[b-8tbpqxgxem] {
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--border-primary);
    border-radius: 6px;
    font-size: 0.9rem;
    min-width: 180px;
    background: var(--bg-input);
    color: var(--text-primary);
}

.manual-section label[b-8tbpqxgxem] { font-size: 0.82rem; color: #93c5fd; font-weight: 500; display: block; margin-bottom: 0.2rem; }

.apply-btn[b-8tbpqxgxem] {
    background: #4f46e5;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 0.42rem 1rem;
    font-size: 0.88rem;
    cursor: pointer;
    transition: background 0.15s;
}

.apply-btn:hover[b-8tbpqxgxem] { background: #4338ca; }

.page-hint[b-8tbpqxgxem] { font-size: 0.82rem; color: #fda4af; margin-top: 0.3rem; }

@media (max-width: 991.98px) {
    .impersonate-header-shell[b-8tbpqxgxem] {
        left: 1rem;
        right: 1rem;
    }

    .impersonate-page-body[b-8tbpqxgxem] {
        padding-top: calc(15px + 5rem + var(--page-header-content-gap, 20px));
    }
}
/* _content/YAGServiceDesk/Pages/Administrator/KnowledgeBaseAdmin.razor.rz.scp.css */
/* KnowledgeBaseAdmin styles */

.kb-admin-page[b-jfmaeqvliq] {
    padding-bottom: 1.5rem;
}

.kb-admin-header-shell[b-jfmaeqvliq] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 2rem);
    right: 2rem;
    z-index: 10;
    background: #0f172a;
    padding-top: 15px;
}

.kb-admin-body[b-jfmaeqvliq] {
    padding-top: calc(15px + 4.5rem + var(--page-header-content-gap, 20px));
}

.container-fluid[b-jfmaeqvliq] { padding-left: 0; padding-right: 0; }

.card-header .card-title[b-jfmaeqvliq] {
    color: #0e9f9d;
}

.card-header i[b-jfmaeqvliq] {
    color: #0e9f9d;
}

@media (max-width: 991.98px) {
    .kb-admin-header-shell[b-jfmaeqvliq] {
        left: 1rem;
        right: 1rem;
    }

    .kb-admin-body[b-jfmaeqvliq] {
        padding-top: calc(15px + 5rem + var(--page-header-content-gap, 20px));
    }
}
/* _content/YAGServiceDesk/Pages/Administrator/NotificationSubscriptions.razor.rz.scp.css */
.page-container[b-nsig56i03r] {
	max-width: 100%;
	margin: 0;
	padding: calc(15px + 4.5rem + var(--page-header-content-gap, 20px)) 0 5rem;
}

.page-header-shell[b-nsig56i03r] {
	position: fixed;
	top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
	left: calc(260px + 2rem);
	right: 2rem;
	z-index: 10;
	background: #0f172a;
	padding-top: 15px;
	padding-bottom: 0.75rem;
}

.sub-table th[b-nsig56i03r] { white-space: nowrap; }
.sub-table td[b-nsig56i03r] { vertical-align: middle; }
.badge-dev[b-nsig56i03r]   { background:#4f46e5; color:#fff; }
.badge-it[b-nsig56i03r]    { background:#0369a1; color:#fff; }
.badge-fpa[b-nsig56i03r]   { background:#065f46; color:#fff; }
.badge-glass[b-nsig56i03r] { background:#0d9488; color:#fff; }
.badge-deploy-staging[b-nsig56i03r] { background:#d97706; color:#fff; }
.badge-deploy-prod[b-nsig56i03r] { background:#7c3aed; color:#fff; }

.sub-table[b-nsig56i03r] {
	--sub-table-gap-color: #1E293A;
}

.sub-table thead.table-light[b-nsig56i03r] {
	--bs-table-bg: #1E293A;
	--bs-table-color: #e2e8f0;
	--bs-table-border-color: #475569;
}

.group-header-row .group-header[b-nsig56i03r] {
	background: #1E293A;
	color: #e2e8f0;
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	border-bottom: 1px solid #475569 !important;
}

.group-header-row .group-header-tickets[b-nsig56i03r] {
	border-right: 10px solid var(--sub-table-gap-color);
}

.header-gap-row th.header-gap[b-nsig56i03r] {
	padding: 0;
	height: 14px;
	border-top: 0 !important;
	border-bottom: 0 !important;
	background: var(--sub-table-gap-color);
	line-height: 0;
}

.header-gap-row .header-gap-tickets[b-nsig56i03r] {
	border-right: 10px solid var(--sub-table-gap-color);
}

.sub-table thead .sub-header-row th[b-nsig56i03r] {
	border-top: 0 !important;
	padding-top: 0.35rem;
	padding-bottom: 0.65rem;
	vertical-align: bottom;
	background: #1E293A;
	color: #e2e8f0;
}

.sub-table thead tr.group-header-row th:not(.group-header)[b-nsig56i03r] {
	background: #1E293A;
	color: #e2e8f0;
}

.sub-table thead .group-column-divider[b-nsig56i03r],
.sub-table tbody .group-column-divider[b-nsig56i03r] {
	border-left: 10px solid var(--sub-table-gap-color);
}

.notification-group[b-nsig56i03r] {
	padding: 0.5rem 0.75rem;
	background: #1E293A;
	border: 1px solid #475569;
	border-radius: 8px;
	color: #e2e8f0;
}

.notification-group .form-check-label[b-nsig56i03r] {
	color: #e2e8f0;
}

.notifications-card-header[b-nsig56i03r] {
	color: #e2e8f0 !important;
	background: #1E293A !important;
	border-bottom: 1px solid #475569 !important;
}

.notifications-card-header strong[b-nsig56i03r] {
	color: #e2e8f0 !important;
}

.notifications-card-header > i[b-nsig56i03r],
.notifications-card-header > i[b-nsig56i03r]::before {
	color: #e2e8f0 !important;
}

.page-container .card .card-header[b-nsig56i03r] {
	color: #e2e8f0;
	background: #1E293A;
	border-bottom: 1px solid #475569;
}

.page-container .card .card-header i[b-nsig56i03r],
.page-container .card .card-header i[b-nsig56i03r]::before {
	color: #e2e8f0 !important;
}

.page-container .card .card-header strong[b-nsig56i03r] {
	color: #e2e8f0;
}

.sub-table .btn-outline-danger[b-nsig56i03r],
.sub-table .btn-outline-danger i[b-nsig56i03r] {
	color: #ef4444 !important;
	border-color: #ef4444 !important;
}
/* _content/YAGServiceDesk/Pages/Administrator/SystemSettings.razor.rz.scp.css */
/* System Settings - Quick Actions button colors */

.page-container[b-mq6a2xizsl] {
    max-width: 100%;
    margin: 0;
    padding: calc(15px + 4.5rem + var(--page-header-content-gap, 20px)) 0 5rem;
}

.page-header-shell[b-mq6a2xizsl] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 2rem);
    right: 2rem;
    z-index: 10;
    background: #0f172a;
    padding-top: 15px;
    padding-bottom: 0.75rem;
}

.page-body[b-mq6a2xizsl] {
    padding: 0;
}

.ss-azure-sync-section[b-mq6a2xizsl] {
    margin-top: 20px;
}

.container-fluid[b-mq6a2xizsl] { padding-left: 0; padding-right: 0; }

/* Card section headers */
.card[b-mq6a2xizsl] {
    overflow: hidden !important;
}

.card-header[b-mq6a2xizsl] {
    background: linear-gradient(135deg, #4f46e5 0%, #3730a3 100%) !important;
    color: #ffffff !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    padding: 0.75rem 1.25rem !important;
    margin: 0 !important;
}

.card-header .card-title[b-mq6a2xizsl] {
    color: #ffffff !important;
}

.banner-preview-status-off[b-mq6a2xizsl] {
    min-height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    text-align: center;
    font-size: 0.8rem;
    color: #94a3b8 !important;
    background: rgba(15, 23, 42, 0.35);
    border-bottom: 1px solid #334155;
}

.maintenance-enable-row[b-mq6a2xizsl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid #38bdf8;
    border-radius: 8px;
    background: rgba(8, 47, 73, 0.55);
}

.maintenance-enable-label[b-mq6a2xizsl] {
    color: #f8fafc !important;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
}

.maintenance-enable-switch .form-check-input[b-mq6a2xizsl] {
    width: 3rem;
    height: 1.5rem;
    cursor: pointer;
    background-color: #334155;
    border-color: #64748b;
}

.maintenance-enable-switch .form-check-input:checked[b-mq6a2xizsl] {
    background-color: #0ea5e9;
    border-color: #38bdf8;
}

/* After Hours (FYI) Template */
.after-hours-template-btn[b-mq6a2xizsl] {
    background-color: #0c2d48;
    color: #7dd3fc;
    border: 1px solid #38bdf8;
}

.after-hours-template-btn:hover[b-mq6a2xizsl] {
    background-color: #38bdf8;
    color: #0f172a;
}

/* Emergency Template */
.emergency-template-btn[b-mq6a2xizsl] {
    background-color: #00363f;
    color: #0dcaf0;
    border: 1px solid #0dcaf0;
}

.emergency-template-btn:hover[b-mq6a2xizsl] {
    background-color: #0dcaf0;
    color: #0f172a;
}

/* 5 minute Update */
.five-minute-update-btn[b-mq6a2xizsl] {
    background-color: #002c5f;
    color: #0dcaf0;
    border: 1px solid #0dcaf0;
}

.five-minute-update-btn:hover[b-mq6a2xizsl] {
    background-color: #0dcaf0;
    color: #0f172a;
}

/* Disable Banner */
.disable-banner-btn[b-mq6a2xizsl] {
    background-color: #2b0b10;
    color: #dc3545;
    border: 1px solid #dc3545;
}

.disable-banner-btn:hover[b-mq6a2xizsl] {
    background-color: #dc3545;
    color: #1e293b;
}
/* _content/YAGServiceDesk/Pages/Administrator/Teams.razor.rz.scp.css */
/* Teams styles */
/* _content/YAGServiceDesk/Pages/AMASS/Assets/EditAsset.razor.rz.scp.css */
/* =========================
   PAGE WRAPPER
   ========================= */
.edit-asset-page[b-nywwjtvhcu] {
    padding: 1rem;
}

h3[b-nywwjtvhcu] {
    color: var(--text-primary);
    font-weight: 600;
}


/* =========================
   FORCE LABEL VISIBILITY
   ========================= */
.form-label[b-nywwjtvhcu] {
    color: #cbd5e1 !important; /* soft white */
}

/* specifically inside your form card */
.section-card .form-label[b-nywwjtvhcu] {
    color: #e2e8f0 !important;
}
/* =========================
   MAIN CARD
   ========================= */
.section-card[b-nywwjtvhcu] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
}

.page-narrow[b-nywwjtvhcu] {
    max-width: 900px;
    margin: 0 auto;
}

/* =========================
   SECTION HEADER
   ========================= */
.section-card h5[b-nywwjtvhcu] {
    color: var(--text-primary);
    font-weight: 600;
    margin-bottom: 1rem;
}

/* =========================
   FORM GRID
   ========================= */
.section-card .row[b-nywwjtvhcu] {
    margin: 0;
}

.section-card .col-md-6[b-nywwjtvhcu] {
    padding: 0.25rem;
}

/* =========================
   LABELS
   ========================= */
.form-label[b-nywwjtvhcu] {
    font-size: 13px;
    color: var(--text-secondary);
    margin-bottom: 4px;
}

/* =========================
   INPUTS / SELECTS
   ========================= */
.form-control[b-nywwjtvhcu],
.form-select[b-nywwjtvhcu] {
    background: var(--bg-input);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    height: 40px;
    font-size: 14px;
}

    .form-control:focus[b-nywwjtvhcu],
    .form-select:focus[b-nywwjtvhcu] {
        border-color: var(--accent);
        box-shadow: 0 0 0 2px rgba(59,130,246,0.25);
    }

/* =========================
   USER SEARCH DROPDOWN
   ========================= */
.list-group[b-nywwjtvhcu] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 8px;
}

.list-group-item[b-nywwjtvhcu] {
    background: transparent;
    color: var(--text-primary);
    cursor: pointer;
    border: none;
}

    .list-group-item:hover[b-nywwjtvhcu] {
        background: var(--bg-secondary);
    }

/* =========================
   BUTTON ROW
   ========================= */
.section-card .d-flex[b-nywwjtvhcu] {
    margin-top: 1rem;
    gap: 0.5rem;
}

.btn-primary[b-nywwjtvhcu] {
    min-width: 120px;
}

/* =========================
   NOTES SECTION
   ========================= */
.asset-notes-section[b-nywwjtvhcu] {
    max-width: 900px;
    margin: 0 auto;
}

.asset-add-note[b-nywwjtvhcu] {
    margin-top: 1rem;
}

/* =========================
   QUILL EDITOR
   ========================= */
.quill-editor-container[b-nywwjtvhcu] {
    background: var(--bg-input);
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text-primary);
}

/* =========================
   NOTE CARDS
   ========================= */
.asset-note-card[b-nywwjtvhcu] {
    display: flex;
    gap: 12px;
    padding: 12px;
    margin-bottom: 10px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 10px;
}

.asset-note-avatar[b-nywwjtvhcu] {
    width: 36px;
    height: 36px;
    background: var(--accent);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.asset-note-content[b-nywwjtvhcu] {
    flex: 1;
}

.asset-note-header[b-nywwjtvhcu] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}

.asset-note-author[b-nywwjtvhcu] {
    font-weight: 600;
    color: var(--text-primary);
}

.asset-note-date[b-nywwjtvhcu] {
    font-size: 12px;
    color: var(--text-muted);
}

.asset-note-body[b-nywwjtvhcu] {
    font-size: 0.9rem;
    color: var(--text-primary);
}

/* =========================
   MODAL OVERLAY
   ========================= */
.modal-overlay[b-nywwjtvhcu] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
}

/* =========================
   MODAL BOX
   ========================= */
.modal-box[b-nywwjtvhcu] {
    width: 420px;
    max-width: 90%;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: var(--shadow-md);
    overflow: hidden;
}

/* =========================
   HEADER
   ========================= */
.modal-header[b-nywwjtvhcu] {
    background: #dc2626;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    font-weight: 600;
}

.modal-close[b-nywwjtvhcu] {
    background: none;
    border: none;
    color: white;
    font-size: 16px;
    cursor: pointer;
}

/* =========================
   BODY
   ========================= */
.modal-body[b-nywwjtvhcu] {
    padding: 1rem;
}

/* =========================
   FOOTER
   ========================= */
.modal-footer[b-nywwjtvhcu] {
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--border);
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

/* =========================
   EMPTY STATE
   ========================= */
.text-muted[b-nywwjtvhcu] {
    color: var(--text-muted);
}



/* =========================
   ACTIONS DROPDOWN
   ========================= */
.actions-dropdown[b-nywwjtvhcu] {
    position: absolute;
    top: 100%;
    right: 0;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 8px;
    box-shadow: var(--shadow-md);
    margin-top: 6px;
    min-width: 180px;
    z-index: 1000;
}

/* dropdown items */
/* =========================
   DROPDOWN ITEMS (UPGRADED)
   ========================= */
.dropdown-item[b-nywwjtvhcu] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 12px;
    background: transparent;
    border: none;
    text-align: left;
    color: var(--text-primary);
    font-size: 14px;
    cursor: pointer;
    transition: all 0.15s ease;
}

    /* normal hover */
    .dropdown-item:hover[b-nywwjtvhcu] {
        background: rgba(59,130,246,0.12); /* subtle blue */
        transform: translateX(2px); /* tiny movement */
    }

    /* active click feel */
    .dropdown-item:active[b-nywwjtvhcu] {
        transform: scale(0.98);
    }

    /* =========================
   DANGER ITEM
   ========================= */
    .dropdown-item.danger[b-nywwjtvhcu] {
        color: #ef4444;
    }

        .dropdown-item.danger:hover[b-nywwjtvhcu] {
            background: rgba(239,68,68,0.15);
            transform: translateX(2px);
        }
/* _content/YAGServiceDesk/Pages/AMASS/Assets/SearchAssets.razor.rz.scp.css */
/* =========================
   PAGE WRAPPER
   ========================= */
h3[b-tuwifi298g] {
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--text-primary);
}


/* =========================
   SEARCH CARD
   ========================= */
.section-card[b-tuwifi298g] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: var(--shadow-sm);
}

/* center + constrain */
.page-narrow[b-tuwifi298g] {
    max-width: 800px;
    margin: 0 auto;
}


/* =========================
   SEARCH INPUT
   ========================= */
.section-card input.form-control[b-tuwifi298g] {
    background: var(--bg-input);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    height: 44px;
    font-size: 14px;
}

    .section-card input.form-control:focus[b-tuwifi298g] {
        border-color: var(--accent);
        box-shadow: 0 0 0 2px rgba(59,130,246,0.25);
    }


/* =========================
   BUTTON GROUP
   ========================= */
.section-card .d-flex[b-tuwifi298g] {
    margin-top: 0.5rem;
}

.btn-primary[b-tuwifi298g] {
    min-width: 160px;
}


/* =========================
   TABLE CONTAINER
   ========================= */
.sprint-table-container[b-tuwifi298g] {
    margin-top: 1rem;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--border);
    background: var(--bg-card);
}


/* =========================
   TABLE
   ========================= */
.table[b-tuwifi298g] {
    width: 100%;
    border-collapse: collapse;
    background: var(--bg-card);
    color: var(--text-primary);
}

    /* header */
    .table thead[b-tuwifi298g] {
        background: var(--bg-secondary);
    }

    .table th[b-tuwifi298g] {
        padding: 0.65rem;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--text-secondary);
        text-align: left;
    }

    /* rows */
    .table td[b-tuwifi298g] {
        padding: 0.6rem;
        border-bottom: 1px solid var(--border);
        font-size: 0.9rem;
    }

    /* hover */
    .table tr:hover[b-tuwifi298g] {
        background: rgba(59,130,246,0.08);
    }

/* clickable row */
.clickable-row[b-tuwifi298g] {
    cursor: pointer;
    transition: background 0.15s ease;
}


/* =========================
   EMPTY STATE
   ========================= */
.text-muted[b-tuwifi298g] {
    color: var(--text-muted);
    font-size: 0.9rem;
}
/* _content/YAGServiceDesk/Pages/AMASS/AssetTypes/AddNewAssetType.razor.rz.scp.css */
/* =========================
   PAGE TITLE
   ========================= */
h3[b-nny05eff6j] {
    color: var(--text-primary);
    font-weight: 600;
}

/* =========================
   CARD
   ========================= */
.section-card[b-nny05eff6j] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
}

.page-narrow[b-nny05eff6j] {
    max-width: 900px;
    margin: 0 auto;
}

/* =========================
   SECTION TITLES
   ========================= */
.title[b-nny05eff6j] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-secondary);
    margin-bottom: 0.75rem;
}

/* =========================
   FORM LAYOUT
   ========================= */
.container-columns[b-nny05eff6j] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

.m-1[b-nny05eff6j] {
    margin: 0;
}

/* =========================
   LABELS
   ========================= */
.form-label[b-nny05eff6j] {
    font-size: 13px;
    color: #e2e8f0;
    margin-bottom: 4px;
}

/* =========================
   INPUTS / SELECTS
   ========================= */
.form-control[b-nny05eff6j],
.form-select[b-nny05eff6j],
textarea[b-nny05eff6j] {
    background: var(--bg-input);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    font-size: 14px;
}

.form-control[b-nny05eff6j],
.form-select[b-nny05eff6j] {
    height: 40px;
}

textarea[b-nny05eff6j] {
    padding: 8px;
}

    .form-control:focus[b-nny05eff6j],
    .form-select:focus[b-nny05eff6j],
    textarea:focus[b-nny05eff6j] {
        border-color: var(--accent);
        box-shadow: 0 0 0 2px rgba(59,130,246,0.25);
    }

/* =========================
   SEARCH INPUT (UPN / TAG)
   ========================= */
.search-columns[b-nny05eff6j] {
    max-width: 400px;
}

/* =========================
   TAGS / UPN CHIPS
   ========================= */
.tag[b-nny05eff6j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 6px 10px;
    margin: 4px;
    font-size: 13px;
    color: var(--text-primary);
}

    /* close button inside tag */
    .tag .btn-close[b-nny05eff6j] {
        filter: invert(1);
        opacity: 0.6;
        transform: scale(0.8);
    }

        .tag .btn-close:hover[b-nny05eff6j] {
            opacity: 1;
        }

/* =========================
   FOOTER
   ========================= */
.footer-modal[b-nny05eff6j] {
    border-top: 1px solid var(--border);
    padding-top: 1rem;
    display: flex;
    justify-content: flex-end;
}

    /* =========================
   BUTTON
   ========================= */
    .footer-modal .btn-primary[b-nny05eff6j] {
        min-width: 140px;
    }
    .footer-modal .btn-secondary[b-nny05eff6j] {
        min-width: 120px;
        background-color: var(--bg-input, #6c757d);
        color: var(--text-primary, #fff);
        border: 1px solid var(--border, #6c757d);
        border-radius: 6px;
        padding: 0.375rem 1rem;
        font-size: 0.9rem;
        cursor: pointer;
    }

    .footer-modal .btn-secondary:hover[b-nny05eff6j] {
        opacity: 0.85;
    }
/* =========================
   TOOLTIP ICON
   ========================= */
.bi-question-circle-fill[b-nny05eff6j] {
    color: var(--accent);
    font-size: 14px;
}

/* =========================
   EMPTY STATE
   ========================= */
.text-muted[b-nny05eff6j] {
    color: var(--text-muted);
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 768px) {
    .container-columns[b-nny05eff6j] {
        grid-template-columns: 1fr;
    }
}
/* _content/YAGServiceDesk/Pages/AMASS/AssetTypes/AssetTypesView.razor.rz.scp.css */
/* =========================
   PAGE TITLE
   ========================= */
h3[b-q20ye9fv0z] {
    color: var(--text-primary);
    font-weight: 600;
}

/* =========================
   CARD
   ========================= */
.section-card[b-q20ye9fv0z] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: var(--shadow-sm);
}

.page-narrow[b-q20ye9fv0z] {
    max-width: 900px;
    margin: 0 auto;
}

/* =========================
   SEARCH INPUT
   ========================= */
.section-card input.form-control[b-q20ye9fv0z] {
    background: var(--bg-input);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    height: 42px;
}

    .section-card input.form-control[b-q20ye9fv0z]::placeholder {
        color: var(--text-muted);
        opacity: 1;
    }

/* =========================
   BUTTON ROW
   ========================= */
.section-card .d-flex[b-q20ye9fv0z] {
    margin-top: 0.5rem;
    gap: 0.5rem;
}

/* =========================
   TABLE WRAPPER
   ========================= */
.table-responsive[b-q20ye9fv0z] {
    margin-top: 1rem;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--border);
    background: var(--bg-card);
}

/* =========================
   TABLE
   ========================= */
.table[b-q20ye9fv0z] {
    width: 100%;
    border-collapse: collapse;
    background: var(--bg-card);
    color: var(--text-primary);
}

    /* header */
    .table thead[b-q20ye9fv0z] {
        background: var(--bg-secondary);
    }

    .table th[b-q20ye9fv0z] {
        padding: 0.65rem;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--text-secondary);
    }

    /* rows */
    .table td[b-q20ye9fv0z] {
        padding: 0.6rem;
        border-bottom: 1px solid var(--border);
        font-size: 0.9rem;
    }

/* hover */
.clickable-row[b-q20ye9fv0z] {
    cursor: pointer;
    transition: background 0.15s ease;
}

    .clickable-row:hover[b-q20ye9fv0z] {
        background: rgba(59,130,246,0.08);
    }

/* truncate fix */
.text-truncate[b-q20ye9fv0z] {
    color: var(--text-primary);
}

/* =========================
   EMPTY STATE
   ========================= */
.text-muted[b-q20ye9fv0z] {
    color: var(--text-muted);
}
/* _content/YAGServiceDesk/Pages/AMASS/AssetTypes/EditAssetType.razor.rz.scp.css */
/* =========================
   PAGE TITLE
   ========================= */
h3[b-vaj5fpaf0q] {
    color: var(--text-primary);
    font-weight: 600;
}

/* =========================
   CARD
   ========================= */
.section-card[b-vaj5fpaf0q] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
}

.page-narrow[b-vaj5fpaf0q] {
    max-width: 900px;
    margin: 0 auto;
}

/* =========================
   SECTION TITLES
   ========================= */
.title[b-vaj5fpaf0q] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-secondary);
    margin-bottom: 0.75rem;
}

/* =========================
   FORM LAYOUT
   ========================= */
.container-columns[b-vaj5fpaf0q] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

.m-1[b-vaj5fpaf0q] {
    margin: 0;
}

/* =========================
   LABELS
   ========================= */
.form-label[b-vaj5fpaf0q] {
    font-size: 13px;
    color: #e2e8f0;
    margin-bottom: 4px;
}

/* =========================
   INPUTS / SELECTS
   ========================= */
.form-control[b-vaj5fpaf0q],
.form-select[b-vaj5fpaf0q],
textarea[b-vaj5fpaf0q] {
    background: var(--bg-input);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    font-size: 14px;
}

.form-control[b-vaj5fpaf0q],
.form-select[b-vaj5fpaf0q] {
    height: 40px;
}

textarea[b-vaj5fpaf0q] {
    padding: 8px;
}

    .form-control:focus[b-vaj5fpaf0q],
    .form-select:focus[b-vaj5fpaf0q],
    textarea:focus[b-vaj5fpaf0q] {
        border-color: var(--accent);
        box-shadow: 0 0 0 2px rgba(59,130,246,0.25);
    }

/* =========================
   SEARCH INPUT (UPN / TAG)
   ========================= */
.search-columns[b-vaj5fpaf0q] {
    max-width: 400px;
}

/* =========================
   TAGS / UPN CHIPS
   ========================= */
.tag[b-vaj5fpaf0q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 6px 10px;
    margin: 4px;
    font-size: 13px;
    color: var(--text-primary);
}

    /* close button inside tag */
    .tag .btn-close[b-vaj5fpaf0q] {
        filter: invert(1);
        opacity: 0.6;
        transform: scale(0.8);
    }

        .tag .btn-close:hover[b-vaj5fpaf0q] {
            opacity: 1;
        }

/* =========================
   FOOTER ACTIONS
   ========================= */
.footer-modal[b-vaj5fpaf0q] {
    border-top: 1px solid var(--border);
    padding-top: 1rem;
}

    /* =========================
   BUTTON SPACING
   ========================= */
    .footer-modal .btn-danger[b-vaj5fpaf0q] {
        min-width: 120px;
    }

    .footer-modal .btn-primary[b-vaj5fpaf0q] {
        min-width: 120px;
    }

    .footer-modal .btn-secondary[b-vaj5fpaf0q] {
        min-width: 120px;
        background-color: var(--bg-input, #6c757d);
        color: var(--text-primary, #fff);
        border: 1px solid var(--border, #6c757d);
        border-radius: 6px;
        padding: 0.375rem 1rem;
        font-size: 0.9rem;
        cursor: pointer;
    }

    .footer-modal .btn-secondary:hover[b-vaj5fpaf0q] {
        opacity: 0.85;
    }

/* =========================
   IMAGE UPLOAD
   ========================= */
.btn-upload[b-vaj5fpaf0q] {
    display: inline-block;
    background-color: var(--accent, #0d6efd);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 0.375rem 1rem;
    font-size: 0.9rem;
    cursor: pointer;
    user-select: none;
}

.btn-upload:hover[b-vaj5fpaf0q] {
    opacity: 0.85;
}

.btn-remove-image[b-vaj5fpaf0q] {
    background: transparent;
    color: var(--danger, #dc3545);
    border: 1px solid var(--danger, #dc3545);
    border-radius: 6px;
    padding: 0.25rem 0.75rem;
    font-size: 0.85rem;
    cursor: pointer;
}

.btn-remove-image:hover[b-vaj5fpaf0q] {
    background-color: var(--danger, #dc3545);
    color: #fff;
}

/* =========================
   TOOLTIP ICON
   ========================= */
.bi-question-circle-fill[b-vaj5fpaf0q] {
    color: var(--accent);
    font-size: 14px;
}

/* =========================
   EMPTY STATE
   ========================= */
.text-muted[b-vaj5fpaf0q] {
    color: var(--text-muted);
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 768px) {
    .container-columns[b-vaj5fpaf0q] {
        grid-template-columns: 1fr;
    }
}
/* _content/YAGServiceDesk/Pages/AMASS/Inventory/AddManualInventory.razor.rz.scp.css */
/* =========================
   ADD INVENTORY PAGE
   ========================= */

.section-card[b-oupado0kay] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 24px;
}

/* HEADER */
h5[b-oupado0kay] {
    color: var(--text-primary);
    font-weight: 600;
}

/* LABELS */
.form-label[b-oupado0kay] {
    color: var(--text-secondary);
    font-size: 13px;
    margin-bottom: 4px;
}

/* INPUTS / SELECTS */
input[b-oupado0kay],
select[b-oupado0kay],
textarea[b-oupado0kay] {
    background: var(--bg-input);
    color: var(--text-primary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 10px 12px;
    width: 100%;
}

    /* DISABLED */
    input:disabled[b-oupado0kay] {
        background: rgba(255,255,255,0.08);
        color: var(--text-secondary);
    }

    /* PLACEHOLDER */
    input[b-oupado0kay]::placeholder {
        color: var(--text-secondary);
    }

    /* FOCUS */
    input:focus[b-oupado0kay],
    select:focus[b-oupado0kay],
    textarea:focus[b-oupado0kay] {
        outline: none;
        border-color: #3b82f6;
        box-shadow: 0 0 0 1px rgba(59,130,246,0.4);
    }

/* SERIAL BADGES */
.badge[b-oupado0kay] {
    background: var(--bg-secondary);
    color: var(--text-primary);
    padding: 6px 10px;
    border-radius: 20px;
    font-size: 12px;
}

    /* REMOVE BUTTON (X) */
    .badge button[b-oupado0kay] {
        margin-left: 6px;
        color: var(--text-secondary);
        cursor: pointer;
    }

        .badge button:hover[b-oupado0kay] {
            color: var(--text-primary);
        }

/* BUTTON ROW */
.d-flex[b-oupado0kay] {
    margin-top: 20px;
}

/* ACTION BUTTONS */
.btn-outline[b-oupado0kay] {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-primary);
    padding: 8px 14px;
    border-radius: 6px;
}

    .btn-outline:hover[b-oupado0kay] {
        background: var(--bg-hover);
    }



.btn-primary-action[b-oupado0kay] {
    background: #16a34a;
    border: none;
    color: white;
}

    .btn-primary-action:hover[b-oupado0kay] {
        background: #15803d;
    }


/* BUTTON ROW */
.d-flex[b-oupado0kay] {
    margin-top: 20px;
}

/* BASE BUTTON */
.btn-outline[b-oupado0kay] {
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* CANCEL (secondary) */
.btn-cancel[b-oupado0kay] {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-secondary);
}

    .btn-cancel:hover[b-oupado0kay] {
        background: var(--bg-hover);
        color: var(--text-primary);
    }

/* PRIMARY ACTION */
.btn-primary-action[b-oupado0kay] {
    background: #16a34a;
    border: none;
    color: white;
    font-weight: 500;
}

    .btn-primary-action:hover[b-oupado0kay] {
        background: #15803d;
    }

/* OPTIONAL: subtle shadow for primary */
.btn-primary-action[b-oupado0kay] {
    box-shadow: 0 4px 12px rgba(22,163,74,0.3);
}
/* _content/YAGServiceDesk/Pages/AMASS/Inventory/BulkDeployInventory.razor.rz.scp.css */
/* =========================
   BULK DEPLOY PAGE
   ========================= */

.section-card[b-541qay9059] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 24px;
}

/* HEADER */
h5[b-541qay9059] {
    color: var(--text-primary);
    font-weight: 600;
}

/* LABELS */
.form-label[b-541qay9059] {
    color: var(--text-secondary);
    font-size: 13px;
    margin-bottom: 4px;
}

/* INPUTS / SELECTS */
input[b-541qay9059],
select[b-541qay9059],
textarea[b-541qay9059] {
    background: var(--bg-input);
    color: var(--text-primary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 10px 12px;
    width: 100%;
}

    /* DISABLED */
    input:disabled[b-541qay9059] {
        background: rgba(255,255,255,0.08);
        color: var(--text-secondary);
    }

    /* PLACEHOLDER */
    input[b-541qay9059]::placeholder {
        color: var(--text-secondary);
    }

    /* FOCUS */
    input:focus[b-541qay9059],
    select:focus[b-541qay9059],
    textarea:focus[b-541qay9059] {
        outline: none;
        border-color: #3b82f6;
        box-shadow: 0 0 0 1px rgba(59,130,246,0.4);
    }

/* TEXTAREA */
textarea[b-541qay9059] {
    min-height: 80px;
    resize: vertical;
}

/* BUTTON ROW */
.d-flex[b-541qay9059] {
    margin-top: 20px;
}

/* BASE BUTTON */
.btn-outline[b-541qay9059] {
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* CANCEL */
.btn-cancel[b-541qay9059] {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-secondary);
}

    .btn-cancel:hover[b-541qay9059] {
        background: var(--bg-hover);
        color: var(--text-primary);
    }

/* PRIMARY ACTION */
.btn-primary-action[b-541qay9059] {
    background: #16a34a;
    border: none;
    color: white;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(22,163,74,0.3);
}

    .btn-primary-action:hover[b-541qay9059] {
        background: #15803d;
    }

    .btn-primary-action:active[b-541qay9059] {
        transform: scale(0.98);
    }
/* _content/YAGServiceDesk/Pages/AMASS/Inventory/CurrentInventory.razor.rz.scp.css */
/* =========================
   PAGE HEADER
   ========================= */
h3[b-rcilxf962f] {
    color: var(--text-primary);
    font-weight: 600;
}

/* Related button */
.btn-related[b-rcilxf962f] {
    color: #22d3ee;
    background: transparent;
    border: 1px solid #22d3ee;
    font-size: 0.78rem;
    padding: 0.2rem 0.6rem;
    border-radius: 5px;
    white-space: nowrap;
    transition: background 0.15s, color 0.15s;
}
.btn-related:hover[b-rcilxf962f],
.btn-related:focus[b-rcilxf962f] {
    background: #22d3ee;
    color: #0a1628;
    border-color: #22d3ee;
}

/* =========================
   HEADER WRAPPER
   ========================= */
.inventory-header[b-rcilxf962f] {
    margin-bottom: 1.5rem;
}

/* =========================
   CENTERED LAYOUT (NEW)
   ========================= */

/* stats */
.inventory-stats[b-rcilxf962f] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-start;
    margin-bottom: 1rem;
}

/* search + dropdown */
.inventory-toolbar-center[b-rcilxf962f] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

/* search */
.inventory-search[b-rcilxf962f] {
    flex: 1;
    min-width: 200px;
    max-width: none;
    background: #1a2540 !important;
    color: #f1f5f9 !important;
    border: 1px solid #3d527a !important;
}

.inventory-search:focus[b-rcilxf962f] {
    background: #1e2d45 !important;
    color: #f1f5f9 !important;
    border-color: #3b82f6 !important;
    box-shadow: none !important;
}

.inventory-search[b-rcilxf962f]::placeholder {
    color: #64748b !important;
}

/* dropdown */
.inventory-filter[b-rcilxf962f] {
    width: 180px;
    background: #1a2540 !important;
    color: #f1f5f9 !important;
    border: 1px solid #3d527a !important;
}

.inventory-filter:focus[b-rcilxf962f] {
    background: #1e2d45 !important;
    color: #f1f5f9 !important;
    border-color: #3b82f6 !important;
    box-shadow: none !important;
}

.inventory-filter option[b-rcilxf962f] {
    background: #1a2540;
    color: #f1f5f9;
}

/* buttons row */
.inventory-actions-center[b-rcilxf962f] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-start;
    flex-wrap: wrap;
}

/* =========================
   STATS
   ========================= */
.inventory-stats[b-rcilxf962f] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.stat-pill[b-rcilxf962f] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: var(--text-primary);
}

/* =========================
   TOOLBAR (THE FIX)
   ========================= */
.inventory-toolbar[b-rcilxf962f] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}


/* =========================
   TOOLBAR STRUCTURE
   ========================= */
.inventory-toolbar[b-rcilxf962f] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* top row */
.inventory-toolbar-top[b-rcilxf962f] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* search */
.inventory-search[b-rcilxf962f] {
    flex: 1;
    min-width: 250px;
    max-width: 400px;
}

/* dropdown */
.inventory-filter[b-rcilxf962f] {
    width: 160px;
}

/* =========================
   BUTTON ROW (THE FIX)
   ========================= */
.inventory-actions-row[b-rcilxf962f] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* buttons */
.btn-primary[b-rcilxf962f],
.btn-outline[b-rcilxf962f] {
    height: 48px;
    width: 150px;
    justify-content: center;
    text-align: center;
    padding: 0 18px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* primary */
.btn-primary[b-rcilxf962f] {
    background: #16a34a;
    color: white;
    border: none;
    border-radius: 6px;
}

    .btn-primary:hover[b-rcilxf962f] {
        background: #15803d;
    }

/* secondary */
.btn-outline[b-rcilxf962f] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 6px;
}

    .btn-outline:hover[b-rcilxf962f] {
        background: var(--bg-hover);
    }

/* search */
.inventory-search[b-rcilxf962f] {
    flex: 1;
    min-width: 250px;
    max-width: 400px;
}

/* dropdown */
.inventory-filter[b-rcilxf962f] {
    width: 160px;
}

/* =========================
   ACTION BUTTON GROUP
   ========================= */
.inventory-actions[b-rcilxf962f] {
    display: flex;
    gap: 0.4rem;
}

/* =========================
   BUTTON STYLES
   ========================= */
.btn-primary[b-rcilxf962f] {
    background: #16a34a;
    border: none;
    color: white;
    padding: 6px 12px;
    border-radius: 6px;
}

.btn-outline[b-rcilxf962f] {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-primary);
    padding: 6px 10px;
    border-radius: 6px;
}

/* hover */
.btn-primary:hover[b-rcilxf962f] {
    background: #15803d;
}

.btn-outline:hover[b-rcilxf962f] {
    background: var(--bg-hover);
}


/* =========================
   FILTER BAR
   ========================= */
.filters[b-rcilxf962f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

/* badges */
.ticket-badge[b-rcilxf962f] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 13px;
}

/* =========================
   SEARCH
   ========================= */
.search-columns[b-rcilxf962f] {
    max-width: 500px;
    margin: 0 auto;
}

/* =========================
   RADZEN FIXES (important)
   ========================= */
.rz-dropdown[b-rcilxf962f] {
    background: var(--bg-input) !important;
    border: 1px solid var(--border) !important;
    color: var(--text-primary) !important;
}

.rz-button[b-rcilxf962f] {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-radius: 8px !important;
}

    .rz-button:hover[b-rcilxf962f] {
        background: var(--bg-hover) !important;
    }

/* =========================
   ACTION BUTTONS
   ========================= */
.add-button[b-rcilxf962f] {
    background: #16a34a !important;
    color: white !important;
}

/* =========================
   TABLE WRAPPER
   ========================= */
.table-container[b-rcilxf962f] {
    margin-top: 1rem;
    border-radius: 12px;
    overflow: visible;
    border: 1px solid var(--border);
    background: var(--bg-card);
}

/* =========================
   MAIN TABLE
   ========================= */
.inventory-table[b-rcilxf962f] {
    width: 100%;
    border-collapse: collapse;
    background: var(--bg-card);
    color: var(--text-primary);
}

    .inventory-table thead[b-rcilxf962f] {
        background: var(--bg-secondary);
    }

    .inventory-table th[b-rcilxf962f] {
        padding: 10px;
        font-size: 0.8rem;
        text-transform: uppercase;
        color: var(--text-secondary);
    }

    .inventory-table th:nth-child(2)[b-rcilxf962f],
    .inventory-table td:nth-child(2)[b-rcilxf962f] {
        min-width: 5.5rem;
        width: 8%;
        padding-left: 10px;
        padding-right: 10px;
        overflow: visible;
        white-space: nowrap;
    }

    .inventory-table thead th:nth-child(3)[b-rcilxf962f] {
        position: relative;
        left: -3px;
    }

    .inventory-table thead th:nth-child(4)[b-rcilxf962f] {
        position: relative;
        left: -5px;
    }

    .inventory-table thead th:nth-child(5) .amass-direct-toggle[b-rcilxf962f] {
        position: relative;
        left: -5px;
    }

    .inventory-table thead th:nth-child(6)[b-rcilxf962f] {
        position: relative;
        left: -2px;
    }

    .inventory-table thead th:nth-child(7)[b-rcilxf962f] {
        position: relative;
        left: -4px;
    }

    .inventory-table td[b-rcilxf962f] {
        padding: 8px;
        border-bottom: 1px solid var(--border);
        position: relative;
    }

/* =========================
   GROUP ROWS
   ========================= */
.group-header[b-rcilxf962f] {
    cursor: pointer;
}

.group-header:not(.group-header-expanded) > td[b-rcilxf962f] {
    background: #1e293b;
    transition: background 0.15s ease;
}

.group-header:not(.group-header-expanded):hover > td[b-rcilxf962f] {
    background: #243044;
}

.group-header-expanded > td[b-rcilxf962f] {
    background: #526a82;
}

.group-header-expanded:hover > td[b-rcilxf962f] {
    background: #5a748c;
}

.group-details-row > .child-table-container[b-rcilxf962f] {
    background: #3b4b5e;
    padding: 0;
}

.group-line-items-table[b-rcilxf962f] {
    background: #3b4b5e;
}

    .group-line-items-table .child-table-head th[b-rcilxf962f] {
        background: #3b4b5e;
    }

    .group-line-items-table tbody td[b-rcilxf962f] {
        background: #3b4b5e;
    }

    .group-line-items-table tbody tr:hover td[b-rcilxf962f] {
        background: #42586c;
    }

.amass-direct-toggle[b-rcilxf962f] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
}

    .amass-direct-toggle .form-check-input[b-rcilxf962f] {
        cursor: pointer;
        width: 2.2em;
        height: 1.1em;
    }

    .amass-direct-toggle .form-check-label[b-rcilxf962f] {
        font-size: 0.8rem;
        font-weight: 600;
        cursor: pointer;
    }

/* =========================
   CHILD TABLE
   ========================= */
.child-table-container[b-rcilxf962f] {
    background: #0f172a;
    padding: 0;
}

    .child-table-container table[b-rcilxf962f] {
        width: 100%;
        border-collapse: collapse;
    }

/* =========================
   ACTION DROPDOWN
   ========================= */
.btn-action[b-rcilxf962f] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 6px;
    color: var(--text-primary);
    padding: 6px 10px;
}

    .btn-action:hover[b-rcilxf962f] {
        background: var(--bg-hover);
    }

/* dropdown */

.dropdown[b-rcilxf962f] {
    position: relative !important;
}

.dropdown-menu[b-rcilxf962f] {
    position: absolute;
    z-index: 999999;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 8px;
}

/* dropdown items */
.dropdown-item[b-rcilxf962f] {
    color: var(--text-primary);
    padding: 8px 10px;
}

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

.dropdown-item-trash[b-rcilxf962f] {
    color: #ef4444;
}

    .dropdown-item-trash:hover[b-rcilxf962f] {
        background: rgba(239,68,68,0.15);
    }


.modal-header[b-rcilxf962f] {
    background: var(--bg-secondary);
    color: var(--text-primary);
}

.modal-footer[b-rcilxf962f] {
    border-top: 1px solid var(--border);
}

/* =========================
   USER AUTOCOMPLETE
   ========================= */
.user-autocomplete[b-rcilxf962f] {
    position: relative;
}

.user-autocomplete-list[b-rcilxf962f] {
    position: absolute;
    width: 100%;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 6px;
    z-index: 1000;
}

.user-autocomplete-item[b-rcilxf962f] {
    padding: 8px;
    cursor: pointer;
}

    .user-autocomplete-item:hover[b-rcilxf962f] {
        background: var(--bg-secondary);
    }

/* =========================
   EMPTY STATE
   ========================= */
p[b-rcilxf962f] {
    color: var(--text-muted);
}


/* =========================
   ICON BUTTONS (FIX UGLY BOXES)
   ========================= */
.btn-icon[b-rcilxf962f] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text-secondary);
    transition: all 0.15s ease;
}

    /* hover = actual feedback */
    .btn-icon:hover[b-rcilxf962f] {
        background: var(--bg-hover);
        color: var(--text-primary);
        transform: translateY(-1px);
    }

    /* icon sizing */
    .btn-icon svg[b-rcilxf962f] {
        width: 18px;
        height: 18px;
    }






/* =========================
   CHILD TABLE (FIXED)
   ========================= */

.child-table-container[b-rcilxf962f] {
    padding: 0;
    background: var(--bg-secondary);
    overflow: visible !important;
}

    /* inner table */
    .child-table-container table[b-rcilxf962f] {
        width: 100%;
        border-collapse: collapse;
        background: var(--bg-card);
    }

/* header */
.child-table-head[b-rcilxf962f] {
    background: var(--bg-hover);
}

    .child-table-head th[b-rcilxf962f] {
        padding: 10px;
        font-size: 0.75rem;
        text-transform: uppercase;
        color: var(--text-secondary);
        border-bottom: 1px solid var(--border);
    }

/* rows */
.child-table-container td[b-rcilxf962f] {
    padding: 8px;
    border-bottom: 1px solid var(--border);
    color: var(--text-primary);
}

/* hover */
.child-table-container tr:hover[b-rcilxf962f] {
    background: rgba(255,255,255,0.03);
}



/* =========================
   DROPDOWN ICON FIX
   ========================= */

.action-icon[b-rcilxf962f] {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
    stroke-width: 2;
}

/* align icon + text nicely */
.dropdown-item[b-rcilxf962f] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    /* optional: tone down default icon color */
    .dropdown-item svg[b-rcilxf962f] {
        color: var(--text-secondary);
    }

    /* hover = brighter */
    .dropdown-item:hover svg[b-rcilxf962f] {
        color: var(--text-primary);
    }

/* trash icon stays red */
.dropdown-item-trash svg[b-rcilxf962f] {
    color: #ef4444;
}




/* =========================
   CURRENT INVENTORY MODAL (DARK THEME MATCH)
   ========================= */

.current-inventory-modal-overlay[b-rcilxf962f] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.7); /* slightly darker for your UI */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999;
}

.current-inventory-modal[b-rcilxf962f] {
    background: var(--bg-card);
    color: var(--text-primary);
    border-radius: 12px;
    border: 1px solid var(--border);
    padding: 20px;
    min-width: 480px;
    max-width: 720px;
    width: min(720px, calc(100vw - 2rem));
    box-shadow: 0 25px 60px rgba(0,0,0,0.6);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

/* HEADER */
.current-inventory-modal-header[b-rcilxf962f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
}

/* BODY */
.current-inventory-modal-body[b-rcilxf962f] {
    margin-bottom: 18px;
    font-size: 14px;
    color: var(--text-secondary);
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
}

.img-preview[b-rcilxf962f] {
    max-height: 120px;
    max-width: 100%;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.1);
    object-fit: contain;
    display: block;
}

.asset-type-img-cell[b-rcilxf962f] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.asset-type-thumb[b-rcilxf962f] {
    height: 28px;
    width: 28px;
    object-fit: contain;
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,0.15);
    background: rgba(255,255,255,0.04);
    flex-shrink: 0;
}

.asset-type-thumb-placeholder[b-rcilxf962f] {
    height: 28px;
    width: 28px;
    flex-shrink: 0;
}

.asset-type-img-drop[b-rcilxf962f] {
    position: relative;
    display: inline-flex;
    align-items: center;
    border: 1.5px dashed rgba(255,255,255,0.2);
    border-radius: 5px;
    padding: 0.1rem 0.45rem;
    min-height: 26px;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
    white-space: nowrap;
    line-height: 1.2;
}

    .asset-type-img-drop:hover[b-rcilxf962f],
    .asset-type-img-drop.uploading[b-rcilxf962f] {
        border-color: #3b82f6;
        background: rgba(59,130,246,0.08);
    }

[b-rcilxf962f] .img-drop-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    font-size: 0;
}

    [b-rcilxf962f] .img-drop-input::file-selector-button,
    .asset-type-img-drop[b-rcilxf962f]  input[type="file"]::file-selector-button {
        display: none;
    }

.asset-type-img-drop[b-rcilxf962f]  input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    min-height: 0;
    height: 100%;
}

.asset-type-img-hint[b-rcilxf962f] {
    font-size: 0.72rem;
    color: var(--text-secondary);
    pointer-events: none;
    line-height: 1;
}

.asset-type-name-cell[b-rcilxf962f] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.asset-type-name-text[b-rcilxf962f] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn-asset-type-edit[b-rcilxf962f] {
    flex-shrink: 0;
    background: transparent;
    border: none;
    color: #94a3b8;
    padding: 0.1rem 0.3rem;
    font-size: 0.72rem;
    cursor: pointer;
    border-radius: 4px;
    line-height: 1;
}

    .btn-asset-type-edit:hover[b-rcilxf962f] {
        color: #3b82f6;
        background: rgba(59,130,246,0.12);
    }

/* =========================
   SUGGESTIONS MODAL
   ========================= */
.sug-search-wrap[b-rcilxf962f] {
    position: relative;
    margin-bottom: 0.6rem;
}

.sug-search-clear[b-rcilxf962f] {
    position: absolute;
    right: 0.4rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #94a3b8;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    padding: 0 0.2rem;
}

.sug-search-clear:hover[b-rcilxf962f] { color: #e2e8f0; }

.current-inventory-modal .form-check-input[b-rcilxf962f] {
    background-color: #1e293b !important;
    border: 1.5px solid #64748b !important;
    cursor: pointer;
}

.current-inventory-modal .form-check-input:checked[b-rcilxf962f] {
    background-color: #16a34a !important;
    border-color: #16a34a !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}

.current-inventory-modal .form-check-label[b-rcilxf962f] {
    color: #e2e8f0;
    cursor: pointer;
}

/* FOOTER */
.current-inventory-modal-footer[b-rcilxf962f] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* BUTTON BASE */
.current-inventory-modal-btn[b-rcilxf962f] {
    padding: 8px 14px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid var(--border);
}

/* CANCEL */
.current-inventory-modal-btn-cancel[b-rcilxf962f] {
    background: var(--bg-secondary);
    color: var(--text-primary);
}

    .current-inventory-modal-btn-cancel:hover[b-rcilxf962f] {
        background: var(--bg-hover);
    }

/* PRIMARY (Save / Deploy) */
.current-inventory-modal-btn-primary[b-rcilxf962f] {
    background: #16a34a;
    border: none;
    color: white;
}

    .current-inventory-modal-btn-primary:hover[b-rcilxf962f] {
        background: #15803d;
    }

/* DANGER (Delete) */
.current-inventory-modal-btn-danger[b-rcilxf962f] {
    background: #ef4444;
    border: none;
    color: white;
}

    .current-inventory-modal-btn-danger:hover[b-rcilxf962f] {
        background: #dc2626;
    }

/* CLOSE BUTTON */
.current-inventory-modal-close[b-rcilxf962f] {
    background: transparent;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: var(--text-secondary);
}

    .current-inventory-modal-close:hover[b-rcilxf962f] {
        color: var(--text-primary);
    }


/* =========================
   MODAL INPUT FIX (DARK MODE)
   ========================= */

.current-inventory-modal input[b-rcilxf962f],
.current-inventory-modal select[b-rcilxf962f],
.current-inventory-modal textarea[b-rcilxf962f] {
    background: var(--bg-input) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border) !important;
}

    /* disabled inputs */
    .current-inventory-modal input:disabled[b-rcilxf962f] {
        background: rgba(255,255,255,0.08) !important;
        color: var(--text-secondary) !important;
    }

    /* placeholder text */
    .current-inventory-modal input[b-rcilxf962f]::placeholder {
        color: var(--text-secondary);
    }

    /* focus state */
    .current-inventory-modal input:focus[b-rcilxf962f],
    .current-inventory-modal select:focus[b-rcilxf962f],
    .current-inventory-modal textarea:focus[b-rcilxf962f] {
        outline: none;
        border-color: #3b82f6 !important;
        box-shadow: 0 0 0 1px rgba(59,130,246,0.4);
    }

/* Expanded group — main row distinct from line items */
.inventory-table tr.group-header-expanded > td[b-rcilxf962f] {
    background: #526a82 !important;
}

.inventory-table tr.group-header-expanded:hover > td[b-rcilxf962f] {
    background: #5a748c !important;
}

.inventory-table tr.group-details-row > td.child-table-container[b-rcilxf962f] {
    background: #3b4b5e !important;
}

.inventory-table tr.group-details-row .group-line-items-table[b-rcilxf962f],
.inventory-table tr.group-details-row .group-line-items-table > thead > tr > th[b-rcilxf962f],
.inventory-table tr.group-details-row .group-line-items-table > tbody > tr > td[b-rcilxf962f] {
    background: #3b4b5e !important;
}

.inventory-table tr.group-details-row .group-line-items-table > tbody > tr:hover > td[b-rcilxf962f] {
    background: #42586c !important;
}

.inventory-table tr.group-header:not(.group-header-expanded) > td[b-rcilxf962f] {
    background: #1e293b !important;
}

.inventory-table tr.group-header:not(.group-header-expanded):hover > td[b-rcilxf962f] {
    background: #243044 !important;
}


.table-container[b-rcilxf962f],
.child-table-container[b-rcilxf962f],
.inventory-table[b-rcilxf962f],
.table[b-rcilxf962f],
tbody[b-rcilxf962f],
tr[b-rcilxf962f],
td[b-rcilxf962f] {
    overflow: visible !important;
}

.qty-adjust-input[b-rcilxf962f] {
    width: 100%;
    max-width: 5.25rem;
    min-width: 4.25rem;
    padding: 0.2rem 0.35rem;
    text-align: center;
    font-weight: 600;
    box-sizing: border-box;
    background: rgba(34, 197, 94, 0.12) !important;
    border: 1px solid rgba(34, 197, 94, 0.55) !important;
    color: #bbf7d0 !important;
    cursor: text;
}

.qty-adjust-input:focus[b-rcilxf962f] {
    border-color: #22c55e !important;
    box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.25);
}

.qty-editable-hint[b-rcilxf962f] {
    margin-left: 0.2rem;
    font-size: 0.75rem;
    color: #4ade80;
    opacity: 0.9;
}

.barcode-id-row[b-rcilxf962f] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.barcode-id-row .form-control[b-rcilxf962f] {
    flex: 1;
}
/* _content/YAGServiceDesk/Pages/AMASS/Inventory/DeployInventoryItem.razor.rz.scp.css */
h3[b-fbwdiis697] {
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.card[b-fbwdiis697] {
    max-width: 800px;
    margin: 2rem auto;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 14px;
}

label[b-fbwdiis697] {
    font-size: 13px;
    color: var(--text-secondary);
}

.form-control[b-fbwdiis697],
.form-select[b-fbwdiis697] {
    background: var(--bg-input);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
}

    .form-control:focus[b-fbwdiis697],
    .form-select:focus[b-fbwdiis697] {
        border-color: var(--accent);
        box-shadow: 0 0 0 2px rgba(59,130,246,0.25);
    }

.btn-primary[b-fbwdiis697] {
    background: var(--accent);
    border: none;
}

.btn-outline[b-fbwdiis697] {
    border: 1px solid var(--border);
    color: var(--text-primary);
}

    .btn-outline:hover[b-fbwdiis697] {
        background: var(--bg-hover);
    }
/* _content/YAGServiceDesk/Pages/AMASS/Inventory/InTransit.razor.rz.scp.css */
.in-transit-page[b-y1ynqzqbvy] {
    padding-bottom: 1.5rem;
}

.in-transit-header-shell[b-y1ynqzqbvy] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 2rem);
    right: 2rem;
    z-index: 10;
    background: #0f172a;
    padding-top: 15px;
}

.in-transit-page-body[b-y1ynqzqbvy] {
    padding-top: calc(15px + 4.5rem + var(--page-header-content-gap, 20px));
}

.in-transit-page-header[b-y1ynqzqbvy] {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 0;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 18px 45px rgba(37,99,235,0.35);
}

.in-transit-page-header i[b-y1ynqzqbvy] {
    font-size: 1.75rem;
    opacity: 0.9;
}

.in-transit-page-header h1[b-y1ynqzqbvy] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
}

.in-transit-page-header p[b-y1ynqzqbvy] {
    margin: 0;
    font-size: 0.9rem;
    color: rgba(255,255,255,0.85);
}

.in-transit-shell[b-y1ynqzqbvy] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 24px;
    max-width: 100%;
    margin: 0;
}

.in-transit-header[b-y1ynqzqbvy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.in-transit-title[b-y1ynqzqbvy] {
    margin: 0;
    color: var(--text-primary);
    font-weight: 600;
}

.in-transit-subtitle[b-y1ynqzqbvy] {
    margin: 0.35rem 0 0 0;
    color: var(--text-secondary);
    font-size: 0.95rem;
}

.in-transit-header-icon[b-y1ynqzqbvy] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.title-icon[b-y1ynqzqbvy] {
    width: 28px;
    height: 28px;
    color: var(--text-secondary);
}

.in-transit-summary[b-y1ynqzqbvy] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.summary-pill[b-y1ynqzqbvy] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 13px;
}

.in-transit-toolbar[b-y1ynqzqbvy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.toolbar-group[b-y1ynqzqbvy] {
    display: flex;
    flex-direction: column;
}

.form-label[b-y1ynqzqbvy] {
    color: var(--text-secondary);
    font-size: 13px;
    margin-bottom: 6px;
}

.transit-input[b-y1ynqzqbvy],
input[b-y1ynqzqbvy],
select[b-y1ynqzqbvy],
textarea[b-y1ynqzqbvy] {
    background: var(--bg-input);
    color: var(--text-primary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 10px 12px;
    width: 100%;
}

    .transit-input[b-y1ynqzqbvy]::placeholder,
    input[b-y1ynqzqbvy]::placeholder,
    textarea[b-y1ynqzqbvy]::placeholder {
        color: var(--text-secondary);
    }

    .transit-input:focus[b-y1ynqzqbvy],
    input:focus[b-y1ynqzqbvy],
    select:focus[b-y1ynqzqbvy],
    textarea:focus[b-y1ynqzqbvy] {
        outline: none;
        border-color: #3b82f6;
        box-shadow: 0 0 0 1px rgba(59,130,246,0.4);
    }

.table-wrap[b-y1ynqzqbvy] {
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-card);
}

.in-transit-table[b-y1ynqzqbvy] {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

    .in-transit-table thead[b-y1ynqzqbvy] {
        background: var(--bg-secondary);
    }

    .in-transit-table th[b-y1ynqzqbvy] {
        text-align: left;
        color: var(--text-secondary);
        font-size: 0.8rem;
        text-transform: uppercase;
        padding: 12px;
        border-bottom: 1px solid var(--border);
    }

    .in-transit-table td[b-y1ynqzqbvy] {
        padding: 12px;
        border-bottom: 1px solid var(--border);
        color: var(--text-primary);
        vertical-align: middle;
    }

.actions-cell[b-y1ynqzqbvy] {
    width: 140px;
}

.status-pill[b-y1ynqzqbvy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
}

.in-transit-status[b-y1ynqzqbvy] {
    background: rgba(59,130,246,0.14);
    color: #60a5fa;
}

.empty-state[b-y1ynqzqbvy] {
    text-align: center;
    color: var(--text-secondary);
    padding: 24px !important;
}

.btn-outline[b-y1ynqzqbvy] {
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-primary-action[b-y1ynqzqbvy] {
    background: #16a34a;
    border: none;
    color: white;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(22,163,74,0.3);
}

    .btn-primary-action:hover[b-y1ynqzqbvy] {
        background: #15803d;
    }

.btn-receive[b-y1ynqzqbvy] {
    min-width: 92px;
}

@media (max-width: 900px) {
    .in-transit-toolbar[b-y1ynqzqbvy] {
        grid-template-columns: 1fr;
    }

    .in-transit-header[b-y1ynqzqbvy] {
        flex-direction: column;
        align-items: stretch;
    }

    .in-transit-header-icon[b-y1ynqzqbvy] {
        justify-content: flex-start;
    }
}
/* _content/YAGServiceDesk/Pages/AMASS/Misc/BuyBack.razor.rz.scp.css */
.buyback-page[b-9i1mp292w4] {
    max-width: 900px;
    margin: auto;
}

.card-section[b-9i1mp292w4] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1.5rem;
}

.section-title[b-9i1mp292w4] {
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

label[b-9i1mp292w4] {
    font-weight: 500;
    margin-bottom: 4px;
}

.form-control[b-9i1mp292w4] {
    background: var(--bg-input);
    border: 1px solid var(--border);
    border-radius: 8px;
}

.btn-primary[b-9i1mp292w4] {
    background: #258cfb;
    color: white;
    border-radius: 8px;
    padding: 6px 16px;
}

    .btn-primary:hover[b-9i1mp292w4] {
        background: #1d6fd1;
    }

.btn-outline[b-9i1mp292w4] {
    border: 1px solid var(--border);
    background: transparent;
    border-radius: 8px;
    padding: 6px 16px;
}

    .btn-outline:hover[b-9i1mp292w4] {
        background: rgba(255,255,255,0.05);
    }
/* _content/YAGServiceDesk/Pages/AMASS/Misc/InventoryCycleCount.razor.rz.scp.css */
.cycle-count-page[b-asmsamm6rm] {
    padding-bottom: 2rem;
}

.cycle-count-page.amass-inventory-enhanced[b-asmsamm6rm] {
    max-width: 100%;
    width: 100%;
}

.cycle-count-shell[b-asmsamm6rm] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 24px;
}

.amass-inventory-enhanced .cycle-count-shell[b-asmsamm6rm] {
    max-width: 100% !important;
    width: 100%;
    margin: 0;
}

.cycle-count-toolbar[b-asmsamm6rm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.amass-inventory-enhanced .cycle-count-toolbar[b-asmsamm6rm] {
    grid-template-columns: 1fr 1fr 1fr;
}

.cycle-count-header[b-asmsamm6rm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.cycle-count-title[b-asmsamm6rm] {
    margin: 0;
    color: var(--text-primary);
    font-weight: 600;
    font-size: 1.35rem;
}

.cycle-count-subtitle[b-asmsamm6rm] {
    margin: 0.35rem 0 0 0;
    color: var(--text-secondary);
    font-size: 0.95rem;
}

.cycle-count-category[b-asmsamm6rm] {
    display: flex;
    flex-direction: column;
}

.cycle-count-category-select[b-asmsamm6rm] {
    height: 42px;
}

.cycle-count-search[b-asmsamm6rm],
.cycle-count-scan[b-asmsamm6rm] {
    display: flex;
    flex-direction: column;
}

.scan-input-row[b-asmsamm6rm] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.scan-input[b-asmsamm6rm] {
    flex: 1;
}

.scan-btn[b-asmsamm6rm] {
    min-width: 100px;
    height: 42px;
}

.cycle-count-summary[b-asmsamm6rm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.summary-pill[b-asmsamm6rm] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 13px;
}

.form-label[b-asmsamm6rm] {
    color: var(--text-secondary);
    font-size: 13px;
    margin-bottom: 6px;
}

input[b-asmsamm6rm],
select[b-asmsamm6rm],
textarea[b-asmsamm6rm] {
    background: var(--bg-input);
    color: var(--text-primary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 10px 12px;
    width: 100%;
}

    input[b-asmsamm6rm]::placeholder,
    textarea[b-asmsamm6rm]::placeholder {
        color: var(--text-secondary);
    }

    input:focus[b-asmsamm6rm],
    select:focus[b-asmsamm6rm],
    textarea:focus[b-asmsamm6rm] {
        outline: none;
        border-color: #3b82f6;
        box-shadow: 0 0 0 1px rgba(59,130,246,0.4);
    }

.cycle-count-table-wrap[b-asmsamm6rm] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-card);
}

.cycle-count-table[b-asmsamm6rm] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .cycle-count-table thead[b-asmsamm6rm] {
        background: var(--bg-secondary);
    }

    .cycle-count-table th[b-asmsamm6rm] {
        text-align: left;
        color: var(--text-secondary);
        font-size: 0.8rem;
        text-transform: uppercase;
        padding: 12px;
        border-bottom: 1px solid var(--border);
    }

    .cycle-count-table td[b-asmsamm6rm] {
        padding: 12px;
        border-bottom: 1px solid var(--border);
        color: var(--text-primary);
        vertical-align: middle;
    }

    .cycle-count-table th:nth-child(1)[b-asmsamm6rm],
    .cycle-count-table td:nth-child(1)[b-asmsamm6rm] {
        width: 22%;
    }

    .cycle-count-table th:nth-child(2)[b-asmsamm6rm],
    .cycle-count-table td:nth-child(2)[b-asmsamm6rm] {
        width: 10%;
    }

    .cycle-count-table th:nth-child(4)[b-asmsamm6rm],
    .cycle-count-table td:nth-child(4)[b-asmsamm6rm] {
        width: 12%;
    }

    .cycle-count-table th:nth-child(5)[b-asmsamm6rm],
    .cycle-count-table td:nth-child(5)[b-asmsamm6rm] {
        width: 10%;
    }

.asset-type-name[b-asmsamm6rm] {
    font-weight: 600;
    color: var(--text-primary);
}

.upn-cell[b-asmsamm6rm] {
    width: auto;
}

.upn-text[b-asmsamm6rm] {
    color: var(--text-secondary);
    font-size: 0.9rem;
    white-space: normal;
    word-break: break-word;
}

.scanned-cell[b-asmsamm6rm] {
    width: 140px;
}

.scanned-input[b-asmsamm6rm] {
    min-width: 100px;
}

.diff-pill[b-asmsamm6rm] {
    display: inline-flex;
    min-width: 56px;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
}

.diff-positive[b-asmsamm6rm] {
    background: rgba(34, 197, 94, 0.15);
    color: #4ade80;
}

.diff-negative[b-asmsamm6rm] {
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
}

.diff-zero[b-asmsamm6rm] {
    background: rgba(148, 163, 184, 0.18);
    color: var(--text-secondary);
}

.empty-row[b-asmsamm6rm] {
    text-align: center;
    color: var(--text-secondary);
    padding: 24px !important;
}

.cycle-count-pagination[b-asmsamm6rm] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
}

.page-indicator[b-asmsamm6rm] {
    color: var(--text-secondary);
    font-size: 0.95rem;
}

.cycle-count-footer[b-asmsamm6rm] {
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;
}

.complete-btn[b-asmsamm6rm] {
    min-width: 240px;
}

.btn-outline[b-asmsamm6rm] {
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cancel[b-asmsamm6rm] {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-secondary);
}

    .btn-cancel:hover:not(:disabled)[b-asmsamm6rm] {
        background: var(--bg-hover);
        color: var(--text-primary);
    }

.btn-primary-action[b-asmsamm6rm] {
    background: #16a34a;
    border: none;
    color: white;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(22,163,74,0.3);
}

    .btn-primary-action:hover:not(:disabled)[b-asmsamm6rm] {
        background: #15803d;
    }

    .btn-outline:disabled[b-asmsamm6rm],
    .btn-primary-action:disabled[b-asmsamm6rm],
    .btn-cancel:disabled[b-asmsamm6rm] {
        opacity: 0.5;
        cursor: not-allowed;
        box-shadow: none;
    }

@media (max-width: 900px) {
    .cycle-count-toolbar[b-asmsamm6rm] {
        grid-template-columns: 1fr;
    }

    .cycle-count-header[b-asmsamm6rm] {
        flex-direction: column;
        align-items: stretch;
    }

    .scan-input-row[b-asmsamm6rm] {
        flex-direction: column;
        align-items: stretch;
    }

    .scan-btn[b-asmsamm6rm] {
        width: 100%;
    }
}
/* _content/YAGServiceDesk/Pages/AMASS/Orders/AddOrder.razor.rz.scp.css */
/* =========================
   PAGE
   ========================= */
h3[b-8d4g3gpzwu] {
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

/* =========================
   CONTAINER
   ========================= */
.container[b-8d4g3gpzwu] {
    max-width: 1100px;
}

/* =========================
   CARD (Serial Numbers)
   ========================= */
.card[b-8d4g3gpzwu] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.card-header[b-8d4g3gpzwu] {
    background: var(--bg-secondary);
    color: var(--text-primary);
    font-weight: 600;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
}

.card-body[b-8d4g3gpzwu] {
    padding: 16px;
}

    /* =========================
   SERIAL INPUT
   ========================= */
    .card-body input.form-control[b-8d4g3gpzwu] {
        background: var(--bg-input);
        border: 1px solid var(--border);
        color: var(--text-primary);
    }

    .card-body input[b-8d4g3gpzwu]::placeholder {
        color: var(--text-secondary);
    }

/* =========================
   SERIAL TAGS
   ========================= */
.badge[b-8d4g3gpzwu] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 13px;
}

    /* close button inside badge */
    .badge .btn-close[b-8d4g3gpzwu] {
        transform: scale(0.8);
        opacity: 0.7;
    }

        .badge .btn-close:hover[b-8d4g3gpzwu] {
            opacity: 1;
        }

/* =========================
   FORM GRID
   ========================= */
.row[b-8d4g3gpzwu] {
    margin-top: 10px;
}

/* labels */
label[b-8d4g3gpzwu] {
    font-size: 13px;
    color: var(--text-secondary);
    margin-bottom: 4px;
    display: block;
}

.required-asterisk[b-8d4g3gpzwu] {
    color: #ef4444;
    margin-left: 2px;
}

.validation-message[b-8d4g3gpzwu] {
    color: #ef4444;
    font-size: 12px;
    margin-top: 4px;
}

/* =========================
   INPUTS
   ========================= */
.form-control[b-8d4g3gpzwu],
.form-select[b-8d4g3gpzwu] {
    background: var(--bg-input);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    height: 42px;
}

    .form-control:focus[b-8d4g3gpzwu],
    .form-select:focus[b-8d4g3gpzwu] {
        outline: none;
        border-color: #3b82f6;
        box-shadow: 0 0 0 1px rgba(59,130,246,0.4);
    }

    /* disabled */
    .form-control:disabled[b-8d4g3gpzwu] {
        background: rgba(255,255,255,0.08);
        color: var(--text-secondary);
    }

.form-control.calculated-total[b-8d4g3gpzwu] {
    background: var(--bg-secondary);
    color: var(--text-primary);
    font-weight: 600;
}

/* helper text */
small.text-muted[b-8d4g3gpzwu] {
    color: var(--text-secondary) !important;
    font-size: 12px;
}

/* =========================
   FILE INPUT
   ========================= */
input[type="file"][b-8d4g3gpzwu] {
    background: var(--bg-input);
    border: 1px solid var(--border);
    padding: 8px;
    border-radius: 8px;
    color: var(--text-primary);
}

/* =========================
   BUTTONS
   ========================= */
.btn[b-8d4g3gpzwu] {
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 14px;
}

/* primary (Save) */
.btn-primary[b-8d4g3gpzwu] {
    background: #3b82f6;
    border: none;
}

    .btn-primary:hover[b-8d4g3gpzwu] {
        background: #2563eb;
    }

/* cancel */
.btn-outline[b-8d4g3gpzwu] {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-primary);
}

    .btn-outline:hover[b-8d4g3gpzwu] {
        background: var(--bg-hover);
    }

/* =========================
   FOOTER BUTTON ROW
   ========================= */
.d-flex.justify-content-between[b-8d4g3gpzwu] {
    margin-top: 20px;
}
/* _content/YAGServiceDesk/Pages/AMASS/Orders/OrdersView.razor.rz.scp.css */
/* =========================
   PAGE CONTAINER
   ========================= */
.container[b-5dqtu3fdvz] {
    max-width: 100%;
    padding: 1.5rem;
}

/* =========================
   TITLE
   ========================= */
.page-title[b-5dqtu3fdvz] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.TitleIcon[b-5dqtu3fdvz] {
    width: 32px;
    height: 32px;
}

/* =========================
   SEARCH INPUT
   ========================= */
input.form-control[b-5dqtu3fdvz] {
    background: #1e293b;
    border: 1px solid #334155;
    color: #e2e8f0;
}

    input.form-control[b-5dqtu3fdvz]::placeholder {
        color: #94a3b8;
    }

/* =========================
   ACTION BUTTON
   ========================= */
.btn-add-order[b-5dqtu3fdvz] {
    background: #22c55e;
    border: none;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

    .btn-add-order:hover[b-5dqtu3fdvz] {
        background: #16a34a;
    }

/* =========================
   FILTER ROW
   ========================= */
.filters[b-5dqtu3fdvz] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

/* =========================
   TABLE CONTAINER
   ========================= */
.table-container[b-5dqtu3fdvz] {
    margin-top: 1rem;
    overflow-x: auto;
    overflow: visible;
}

/* =========================
   TABLE
   ========================= */
.table[b-5dqtu3fdvz] {
    width: 100%;
    border-collapse: collapse;
    background: #0f172a;
    color: #e2e8f0;
    overflow: visible;
}

    .table thead[b-5dqtu3fdvz] {
        background: #1e293b;
    }

    .table th[b-5dqtu3fdvz] {
        padding: 0.75rem;
        font-weight: 600;
        text-align: left;
        border-bottom: 1px solid #334155;
    }

    .table td[b-5dqtu3fdvz] {
        padding: 0.75rem;
        border-bottom: 1px solid #1e293b;
    }

    .table tbody tr:hover[b-5dqtu3fdvz] {
        background: #1e293b;
    }

/* =========================
   DROPDOWN FIX (THE REAL PROBLEM CHILD)
   ========================= */
.dropdown[b-5dqtu3fdvz] {
    position: relative;

}

.dropdown-menu[b-5dqtu3fdvz] {
    position: absolute !important;
    top: 100%;
    left: 0;
    z-index: 9999999 !important;
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 6px;
    min-width: 140px;
    padding: 0.25rem 0;
}

    /* Force visibility when toggled */
    .dropdown-menu.show[b-5dqtu3fdvz] {
        display: block;
    }

/* =========================
   DROPDOWN ITEMS
   ========================= */
.dropdown-item[b-5dqtu3fdvz] {
    z-index: 999999;
    color: #e2e8f0;
    padding: 0.5rem 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

    .dropdown-item:hover[b-5dqtu3fdvz] {
        background: #334155;
    }

/* Delete item styling */
.dropdown-item-trash[b-5dqtu3fdvz] {
    color: #f87171;
}

    .dropdown-item-trash:hover[b-5dqtu3fdvz] {
        background: #7f1d1d;
    }

/* =========================
   ACTION BUTTON (DROPDOWN TOGGLE)
   ========================= */
button.dropdown-toggle[b-5dqtu3fdvz] {
    background: #334155;
    border: none;
    color: #e2e8f0;
    font-size: 0.8rem;
    padding: 0.35rem 0.6rem;
    border-radius: 6px;
}

    button.dropdown-toggle:hover[b-5dqtu3fdvz] {
        background: #475569;
    }

/* =========================
   ICONS
   ========================= */
.action-icon[b-5dqtu3fdvz] {
    width: 14px;
    height: 14px;
}

.icon[b-5dqtu3fdvz] {
    width: 16px;
    height: 16px;
}

/* =========================
   EDIT ORDER MODAL
   ========================= */
.order-modal-overlay[b-5dqtu3fdvz] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: rgba(2, 6, 23, 0.72);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.order-modal[b-5dqtu3fdvz] {
    width: min(760px, 100%);
    max-height: 90vh;
    overflow: auto;
    background: #0f172a;
    border: 1px solid #334155;
    border-radius: 12px;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
}

.order-modal-header[b-5dqtu3fdvz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #334155;
    color: #f8fafc;
    font-weight: 600;
}

.order-modal-close[b-5dqtu3fdvz] {
    background: transparent;
    border: none;
    color: #94a3b8;
    font-size: 1.1rem;
    cursor: pointer;
}

.order-modal-body[b-5dqtu3fdvz] {
    padding: 1.25rem;
}

.order-modal-footer[b-5dqtu3fdvz] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid #334155;
}

.order-modal-btn[b-5dqtu3fdvz] {
    border: none;
    border-radius: 8px;
    padding: 0.55rem 1rem;
    font-size: 0.875rem;
    cursor: pointer;
}

.order-modal-btn-cancel[b-5dqtu3fdvz] {
    background: #334155;
    color: #e2e8f0;
}

.order-modal-btn-save[b-5dqtu3fdvz] {
    background: #16a34a;
    color: white;
}

.order-modal .form-label[b-5dqtu3fdvz] {
    color: #cbd5e1;
}

.order-modal .form-control[b-5dqtu3fdvz] {
    background: #1e293b;
    border: 1px solid #334155;
    color: #e2e8f0;
}

.order-modal .form-control:disabled[b-5dqtu3fdvz] {
    opacity: 0.85;
}

.order-modal .form-control.calculated-total[b-5dqtu3fdvz] {
    background: #0f172a;
    color: #e2e8f0;
    font-weight: 600;
    opacity: 1;
}
/* _content/YAGServiceDesk/Pages/AMASS/Reports/BuyBacksReport.razor.rz.scp.css */
/* =========================
   PAGE / CARD SHELL
   ========================= */
.card[b-f15rqgbqpx] {
    background: var(--bg-card, #111827);
    border: 1px solid var(--border, #2a3441);
    border-radius: 14px;
    color: var(--text-primary, #e5e7eb);
    overflow: hidden;
}

.shadow-sm[b-f15rqgbqpx] {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}

h3[b-f15rqgbqpx] {
    font-weight: 700;
    color: var(--text-primary, #f9fafb);
    margin-bottom: 0.5rem;
}

h5[b-f15rqgbqpx] {
    color: var(--text-secondary, #cbd5e1);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

    h5 strong[b-f15rqgbqpx] {
        color: #22c55e;
        font-weight: 700;
    }

/* =========================
   BUTTONS
   ========================= */
.btn[b-f15rqgbqpx] {
    border-radius: 10px;
    font-weight: 600;
    padding: 0.55rem 1rem;
    transition: all 0.2s ease;
    border: none;
}

.btn-primary[b-f15rqgbqpx] {
    background: #258cfb;
    color: #fff;
}

    .btn-primary:hover[b-f15rqgbqpx] {
        background: #1d74d8;
        transform: translateY(-1px);
    }

/* =========================
   TABLE WRAPPER
   ========================= */
.table-container[b-f15rqgbqpx] {
    width: 100%;
    overflow-x: auto;
    border-top: 1px solid var(--border, #2a3441);
}

.table-custom[b-f15rqgbqpx] {
    width: 100%;
    min-width: 1200px;
    color: var(--text-primary, #e5e7eb);
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

    /* =========================
   TABLE HEADER
   ========================= */
    .table-custom thead th[b-f15rqgbqpx] {
        background: #0f172a;
        color: #cbd5e1;
        font-size: 0.85rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        padding: 0.95rem 0.85rem;
        border-bottom: 1px solid var(--border, #2a3441);
        white-space: nowrap;
        position: sticky;
        top: 0;
        z-index: 1;
    }

    /* =========================
   TABLE BODY
   ========================= */
    .table-custom tbody td[b-f15rqgbqpx] {
        padding: 0.9rem 0.85rem;
        vertical-align: middle;
        border-bottom: 1px solid rgba(148, 163, 184, 0.12);
        color: var(--text-primary, #e5e7eb);
        font-size: 0.92rem;
    }

    .table-custom tbody tr:nth-child(even) td[b-f15rqgbqpx] {
        background: rgba(255, 255, 255, 0.015);
    }

    .table-custom tbody tr:hover td[b-f15rqgbqpx] {
        background: rgba(37, 140, 251, 0.08);
    }

    /* =========================
   NOTES COLUMN
   ========================= */
    .table-custom td:nth-child(9)[b-f15rqgbqpx] {
        max-width: 260px;
        white-space: normal;
        word-break: break-word;
        color: var(--text-secondary, #cbd5e1);
    }

    /* =========================
   AMOUNT COLUMN
   ========================= */
    .table-custom td:nth-child(6)[b-f15rqgbqpx] {
        font-weight: 700;
        color: #22c55e;
        white-space: nowrap;
    }

/* =========================
   EMPTY / LOADING STATES
   ========================= */
.no-data[b-f15rqgbqpx],
em[b-f15rqgbqpx] {
    display: block;
    text-align: center;
    color: var(--text-secondary, #94a3b8);
    padding: 2rem 1rem;
    font-style: normal;
}

/* =========================
   SPACING HELPERS
   ========================= */
.mb-3[b-f15rqgbqpx] {
    margin-bottom: 1rem !important;
}

.mb-4[b-f15rqgbqpx] {
    margin-bottom: 1.5rem !important;
}

.gap-3[b-f15rqgbqpx] {
    gap: 1rem !important;
}

/* =========================
   RESPONSIVE TWEAKS
   ========================= */
@media (max-width: 768px) {
    h3[b-f15rqgbqpx] {
        font-size: 1.35rem;
    }

    h5[b-f15rqgbqpx] {
        font-size: 1rem;
    }

    .btn[b-f15rqgbqpx] {
        width: 100%;
    }

    .table-custom[b-f15rqgbqpx] {
        min-width: 1000px;
    }
}
/* _content/YAGServiceDesk/Pages/AMASS/Reports/MonthlyReport.razor.rz.scp.css */
/* =========================
   HEADER
   ========================= */
h3[b-pv1pso85rm] {
    font-weight: 600;
    color: var(--text-primary);
}

/* =========================
   CONTAINER
   ========================= */
.container[b-pv1pso85rm] {
    max-width: 1200px;
}

/* =========================
   BUTTONS
   ========================= */
.btn[b-pv1pso85rm] {
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 14px;
}

.btn-primary[b-pv1pso85rm] {
    background: #3b82f6;
    border: none;
}

    .btn-primary:hover[b-pv1pso85rm] {
        background: #2563eb;
    }

.btn-outline[b-pv1pso85rm] {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-primary);
}

    .btn-outline:hover[b-pv1pso85rm] {
        background: var(--bg-hover);
    }

/* =========================
   TOTAL HEADER
   ========================= */
h5[b-pv1pso85rm] {
    color: var(--text-secondary);
    margin-bottom: 1rem;
}

    h5 strong[b-pv1pso85rm] {
        color: var(--text-primary);
    }

/* =========================
   CARD
   ========================= */
.card[b-pv1pso85rm] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

/* =========================
   TABLE WRAPPER
   ========================= */
.table-container[b-pv1pso85rm] {
    overflow-x: auto;
    overflow: visible;
}

/* =========================
   TABLE
   ========================= */
.table[b-pv1pso85rm] {
    width: 100%;
    border-collapse: collapse;
    color: var(--text-primary);
}

    .table thead[b-pv1pso85rm] {
        background: var(--bg-secondary);
    }

    .table th[b-pv1pso85rm] {
        padding: 10px;
        font-size: 0.75rem;
        text-transform: uppercase;
        color: var(--text-secondary);
    }

    .table td[b-pv1pso85rm] {
        padding: 8px;
        border-bottom: 1px solid var(--border);
    }

    /* hover */
    .table tbody tr:hover[b-pv1pso85rm] {
        background: rgba(255,255,255,0.03);
    }

/* =========================
   DROPDOWN
   ========================= */
.dropdown[b-pv1pso85rm] {
    position: relative;
}

.dropdown-menu[b-pv1pso85rm] {
    position: absolute;
    z-index: 999999;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 8px;
}

/* action button */
.btn-action[b-pv1pso85rm] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 6px;
    color: var(--text-primary);
    padding: 6px 10px;
}

    .btn-action:hover[b-pv1pso85rm] {
        background: var(--bg-hover);
    }

/* dropdown items */
.dropdown-item[b-pv1pso85rm] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    color: var(--text-primary);
}

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

/* trash */
.dropdown-item-trash[b-pv1pso85rm] {
    color: #ef4444;
}

    .dropdown-item-trash:hover[b-pv1pso85rm] {
        background: rgba(239,68,68,0.15);
    }

/* =========================
   EMPTY STATE
   ========================= */
.no-data[b-pv1pso85rm] {
    color: var(--text-secondary);
}

/* =========================
   IMPORTANT FIX
   ========================= */
.table-container[b-pv1pso85rm],
.table[b-pv1pso85rm],
tbody[b-pv1pso85rm],
tr[b-pv1pso85rm],
td[b-pv1pso85rm] {
    overflow: visible !important;
}
/* _content/YAGServiceDesk/Pages/AMASS_Direct/Cart.razor.rz.scp.css */
.page-container[b-3f76qz0fz1] {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
    background: #0f1729;
    color: #f1f5f9;
    overflow-x: hidden;
}

.amass-direct-header-shell[b-3f76qz0fz1] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 15px);
    right: 15px;
    z-index: 100;
    background: #0f1729;
    padding-top: 15px;
    padding-bottom: 0.5rem;
}

.amass-direct-body[b-3f76qz0fz1] {
    padding-top: 9rem;
}

.page-header[b-3f76qz0fz1] {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #c2410c 100%);
    color: white;
    padding: 1.6rem 2rem;
    margin-bottom: 0;
    border-radius: 16px;
    box-shadow: 0 18px 45px rgba(234, 88, 12, 0.35);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-content[b-3f76qz0fz1] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.header-text h1[b-3f76qz0fz1] {
    margin: 0;
    font-size: 2rem;
    line-height: 1.2;
    margin-bottom: 0.35rem;
}

.header-text p[b-3f76qz0fz1] {
    margin: 0;
    font-size: 0.95rem;
    opacity: 0.9;
    color: white;
}

.cart-back-btn[b-3f76qz0fz1] {
    color: rgba(255,255,255,0.85);
    text-decoration: none;
    font-size: .9rem;
    white-space: nowrap;
    transition: opacity .15s;
}

.cart-back-btn:hover[b-3f76qz0fz1] {
    color: white;
    opacity: 1;
}

/* ── Cart item list ── */
.cart-items[b-3f76qz0fz1] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin-bottom: 1.5rem;
}

.cart-item-row[b-3f76qz0fz1] {
    background: #1e2d45;
    border: 1px solid #2d3f5c;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .75rem 1rem;
}

.cart-item-img[b-3f76qz0fz1] {
    width: 64px;
    height: 64px;
    background: #FFB27B;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.cart-item-img img[b-3f76qz0fz1] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: .25rem;
}

.cart-item-info[b-3f76qz0fz1] {
    flex: 1;
    min-width: 0;
}

.cart-item-name[b-3f76qz0fz1] {
    font-weight: 600;
    color: #f1f5f9;
    margin-bottom: .15rem;
}

.cart-item-category[b-3f76qz0fz1] {
    font-size: .72rem;
    color: #fb923c;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: .15rem;
}

.cart-item-unit-price[b-3f76qz0fz1] {
    font-size: .8rem;
    color: #94a3b8;
}

/* ── Quantity controls ── */
.cart-item-qty[b-3f76qz0fz1] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-shrink: 0;
}

.qty-btn[b-3f76qz0fz1] {
    background: #2d3f5c;
    color: #f1f5f9;
    border: none;
    border-radius: 6px;
    width: 2rem;
    height: 2rem;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s;
}

.qty-btn:hover[b-3f76qz0fz1] {
    background: #3d527a;
}

.qty-value[b-3f76qz0fz1] {
    color: #f1f5f9;
    font-weight: 600;
    min-width: 1.5rem;
    text-align: center;
    font-size: 1rem;
}

.cart-item-subtotal[b-3f76qz0fz1] {
    font-weight: 700;
    color: #fdba74;
    min-width: 5rem;
    text-align: right;
    flex-shrink: 0;
}

.cart-remove-btn[b-3f76qz0fz1] {
    background: none;
    border: none;
    color: #475569;
    cursor: pointer;
    padding: .25rem;
    flex-shrink: 0;
    transition: color .15s;
    display: flex;
    align-items: center;
}

.cart-remove-btn:hover[b-3f76qz0fz1] {
    color: #ef4444;
}

/* ── Footer ── */
.cart-footer[b-3f76qz0fz1] {
    background: #1e2d45;
    border: 1px solid #2d3f5c;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.cart-total[b-3f76qz0fz1] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.cart-total span[b-3f76qz0fz1] {
    color: #94a3b8;
    font-size: .9rem;
}

.cart-total strong[b-3f76qz0fz1] {
    color: #fdba74;
    font-size: 1.5rem;
    font-weight: 700;
}

.cart-actions[b-3f76qz0fz1] {
    display: flex;
    gap: .75rem;
    align-items: center;
}

.btn-submit[b-3f76qz0fz1] {
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: .5rem 1.25rem;
    font-size: .9rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity .2s;
}

.btn-submit:hover:not(:disabled)[b-3f76qz0fz1] {
    opacity: .85;
}

.btn-submit:disabled[b-3f76qz0fz1] {
    opacity: .5;
    cursor: not-allowed;
}

.btn-secondary[b-3f76qz0fz1] {
    background: #2d3f5c;
    color: #94a3b8;
    border: 1px solid #3d527a;
    border-radius: 8px;
    padding: .5rem 1.25rem;
    font-size: .9rem;
    font-weight: 500;
    cursor: pointer;
    transition: background .15s, color .15s;
}

.btn-secondary:hover:not(:disabled)[b-3f76qz0fz1] {
    background: #3d527a;
    color: #f1f5f9;
}

.btn-secondary:disabled[b-3f76qz0fz1] {
    opacity: .5;
    cursor: not-allowed;
}

.btn-outline[b-3f76qz0fz1] {
    background: transparent;
    color: #94a3b8;
    border: 1px solid #3d527a;
    border-radius: 8px;
    padding: .5rem 1.25rem;
    font-size: .9rem;
    font-weight: 500;
    cursor: pointer;
    transition: background .15s, color .15s, border-color .15s;
}

.btn-outline:hover:not(:disabled)[b-3f76qz0fz1] {
    background: #1e2d45;
    color: #f1f5f9;
    border-color: #5a7aaa;
}

.btn-outline:disabled[b-3f76qz0fz1] {
    opacity: .5;
    cursor: not-allowed;
}

/* ── Quote panel inputs ───────────────────────────────────── */
.quote-panel-input[b-3f76qz0fz1],
.quote-panel-textarea[b-3f76qz0fz1] {
    background: #1a2540;
    color: #f1f5f9;
    border: 1px solid #3d527a;
    border-radius: 6px;
    padding: .45rem .75rem;
    width: 100%;
    font-size: .9rem;
    transition: border-color .15s;
}

.quote-panel-input:focus[b-3f76qz0fz1],
.quote-panel-textarea:focus[b-3f76qz0fz1] {
    outline: none;
    border-color: #fb923c;
    background: #1e2d45;
    color: #f1f5f9;
}

.quote-panel-input[b-3f76qz0fz1]::placeholder,
.quote-panel-textarea[b-3f76qz0fz1]::placeholder {
    color: #64748b;
}

.quote-approver-dropdown[b-3f76qz0fz1] {
    background: #1a2540;
    border: 1px solid #3d527a;
    border-radius: 6px;
    margin-top: 2px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.quote-approver-option[b-3f76qz0fz1] {
    padding: .45rem .75rem;
    cursor: pointer;
    color: #f1f5f9;
    font-size: .9rem;
    transition: background .1s;
}

.quote-approver-option:hover[b-3f76qz0fz1] {
    background: #2d3f5c;
}

.cart-suggestions[b-3f76qz0fz1] {
    margin-top: 2.5rem;
}

.suggestions-heading[b-3f76qz0fz1] {
    font-size: 1rem;
    font-weight: 600;
    color: #94a3b8;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.suggestions-grid[b-3f76qz0fz1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
}

.suggestion-card[b-3f76qz0fz1] {
    background: #1a2744;
    border: 1px solid #2d3f5c;
    border-radius: 8px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.suggestion-img[b-3f76qz0fz1] {
    width: 56px;
    height: 56px;
    border-radius: 6px;
    background: #0f1729;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.suggestion-img img[b-3f76qz0fz1] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.suggestion-name[b-3f76qz0fz1] {
    font-size: 0.88rem;
    font-weight: 600;
    color: #e2e8f0;
}

.suggestion-category[b-3f76qz0fz1] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #f97316;
    text-transform: uppercase;
}

.suggestion-price[b-3f76qz0fz1] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #fdba74;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.suggestion-msrp-tag[b-3f76qz0fz1] {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    background: #334155;
    color: #94a3b8;
    border-radius: 3px;
    padding: 0.1rem 0.35rem;
}

.suggestion-browse-btn[b-3f76qz0fz1] {
    margin-top: auto;
    display: inline-block;
    text-align: center;
    background: #2d3f5c;
    color: #93c5fd;
    border: 1px solid #3d527a;
    border-radius: 6px;
    padding: 0.3rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 500;
    text-decoration: none;
    transition: background .15s;
}

.suggestion-browse-btn:hover[b-3f76qz0fz1] {
    background: #3d527a;
    color: #e2e8f0;
}

@media (max-width: 991.98px) {
    .amass-direct-header-shell[b-3f76qz0fz1] {
        left: 1rem;
        right: 1rem;
    }

    .amass-direct-body[b-3f76qz0fz1] {
        padding-top: 10rem;
    }
}
/* _content/YAGServiceDesk/Pages/AMASS_Direct/Overview.razor.rz.scp.css */
.page-container[b-fkdzbjyqdk] {
    max-width: 100%;
    margin-top: -15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 0 1rem;
    background: #0f1729;
    color: #1f2937;
}

.amass-direct-header-shell[b-fkdzbjyqdk] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 15px);
    right: 15px;
    z-index: 100;
    background: #0f1729;
    padding-top: 15px;
    padding-bottom: 0.75rem;
    box-shadow: 0 8px 0 #0f1729;
}

.amass-direct-header-shell .page-header[b-fkdzbjyqdk] {
    margin-bottom: 0 !important;
}

.page-container > .amass-direct-body[b-fkdzbjyqdk] {
    padding-top: calc(var(--amass-direct-header-height, 14rem) + var(--page-header-content-gap, 20px) + 0.5rem);
}

.page-header[b-fkdzbjyqdk] {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #c2410c 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 2.5rem;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 18px 45px rgba(234, 88, 12, 0.35);
    overflow: hidden;
    min-height: fit-content;
}

.header-content[b-fkdzbjyqdk] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    max-width: 100%;
    margin: 0;
}

.header-text[b-fkdzbjyqdk] {
    flex: 1;
    min-width: 0;
}

.header-text h1[b-fkdzbjyqdk] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
}

.header-text p[b-fkdzbjyqdk] {
    margin: 0;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
}

.cart-badge-btn[b-fkdzbjyqdk] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    background: rgba(255,255,255,.15);
    border-radius: 10px;
    padding: .5rem .65rem;
    flex-shrink: 0;
    transition: background .15s;
}

.cart-badge-btn:hover[b-fkdzbjyqdk] {
    background: rgba(255,255,255,.25);
    color: white;
}

.cart-count[b-fkdzbjyqdk] {
    position: absolute;
    top: -.4rem;
    right: -.4rem;
    background: #ffffff;
    color: #ea580c;
    font-size: .65rem;
    font-weight: 700;
    border-radius: 999px;
    min-width: 1.1rem;
    height: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .2rem;
    line-height: 1;
}

.form-control[b-fkdzbjyqdk] {
    background-color: #1e2d45;
    color: #f1f5f9;
    border: 1px solid #2d3f5c;
}

.form-control[b-fkdzbjyqdk]::placeholder {
    color: #64748b;
}

.form-control:focus[b-fkdzbjyqdk] {
    background-color: #1e2d45;
    color: #f1f5f9;
    border-color: #f97316;
    box-shadow: 0 0 0 .2rem rgba(249, 115, 22, .25);
}

.amass-filter-bar[b-fkdzbjyqdk] {
    gap: .5rem;
    padding: 0 0 .25rem;
}

.amass-filter-btn[b-fkdzbjyqdk] {
    background: #1e2d45;
    color: #94a3b8;
    border: 1px solid #2d3f5c;
    border-radius: 999px;
    padding: .35rem .9rem;
    font-size: .8rem;
    font-weight: 500;
    cursor: pointer;
    transition: background .15s, color .15s, border-color .15s;
}

.amass-filter-btn:hover[b-fkdzbjyqdk] {
    background: #2d3f5c;
    color: #f1f5f9;
}

.amass-filter-btn.active[b-fkdzbjyqdk] {
    background: #f97316;
    color: #ffffff;
    border-color: #f97316;
    font-weight: 600;
}

.amass-direct-grid[b-fkdzbjyqdk] {    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1.25rem;
    padding: 0 0 2rem;
}

.amass-direct-card[b-fkdzbjyqdk] {
    background: #1e2d45;
    border: 1px solid #2d3f5c;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 4px rgba(0,0,0,.3);
    transition: box-shadow .2s;
}

.amass-direct-card:hover[b-fkdzbjyqdk] {
    box-shadow: 0 4px 16px rgba(234, 88, 12, .25);
}

.amass-direct-img-wrap[b-fkdzbjyqdk] {
    width: 100%;
    height: 180px;
    background: #FFB27B;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #2d3f5c;
    position: relative;
}

.amass-condition-badge[b-fkdzbjyqdk] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 0.2rem 0.45rem;
    border-radius: 4px;
    line-height: 1.4;
}

.badge-new[b-fkdzbjyqdk] {
    background: #16a34a;
    color: #fff;
}

.badge-used[b-fkdzbjyqdk] {
    background: #b45309;
    color: #fff;
}

.amass-direct-img-wrap.has-image[b-fkdzbjyqdk] {
    background: #ffffff;
}

.amass-direct-img[b-fkdzbjyqdk] {
    width: 100%;
    height: 180px;
    object-fit: contain;
    padding: .5rem;
}

.amass-direct-img-placeholder[b-fkdzbjyqdk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.amass-direct-card .amass-direct-body[b-fkdzbjyqdk] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.amass-direct-title[b-fkdzbjyqdk] {
    font-size: 1rem;
    font-weight: 600;
    color: #f1f5f9;
    margin-bottom: .25rem;
}

.amass-direct-category[b-fkdzbjyqdk] {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #fb923c;
    margin-bottom: .4rem;
}

.amass-desc-wrap[b-fkdzbjyqdk] {
    position: relative;
    display: inline-block;
    margin-bottom: 0.6rem;
}

.amass-desc-btn[b-fkdzbjyqdk] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: #93c5fd;
    background: rgba(147,197,253,0.1);
    border: 1px solid rgba(147,197,253,0.25);
    border-radius: 4px;
    padding: 0.15rem 0.5rem;
    cursor: default;
}

.amass-desc-tooltip[b-fkdzbjyqdk] {
    display: none;
    position: absolute;
    bottom: calc(100% + 6px);
    left: 0;
    width: 260px;
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 6px;
    padding: 0.65rem 0.75rem;
    font-size: 0.82rem;
    color: #cbd5e1;
    line-height: 1.55;
    box-shadow: 0 4px 16px rgba(0,0,0,0.45);
    z-index: 200;
    white-space: normal;
}

.amass-desc-wrap:hover .amass-desc-tooltip[b-fkdzbjyqdk] {
    display: block;
}

.amass-direct-meta[b-fkdzbjyqdk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
    margin-top: auto;
}

.amass-direct-price[b-fkdzbjyqdk] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #fdba74;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.amass-msrp-tag[b-fkdzbjyqdk] {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    background: #334155;
    color: #94a3b8;
    border-radius: 3px;
    padding: 0.1rem 0.35rem;
    vertical-align: middle;
}

.amass-direct-stock[b-fkdzbjyqdk] {
    font-size: .8rem;
    color: #4ade80;
    font-weight: 500;
}

.btn-submit[b-fkdzbjyqdk] {
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: .5rem 1.25rem;
    font-size: .9rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity .2s;
}

.btn-submit:hover:not(:disabled)[b-fkdzbjyqdk] {
    opacity: .85;
}

.btn-submit:disabled[b-fkdzbjyqdk] {
    opacity: .5;
    cursor: not-allowed;
}

@media (max-width: 991.98px) {
    .amass-direct-header-shell[b-fkdzbjyqdk] {
        left: 1rem;
        right: 1rem;
    }
}
/* _content/YAGServiceDesk/Pages/AMASS_Direct/QuoteDetail.razor.rz.scp.css */
.page-container[b-wqqqpeprqz] {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 1rem 3rem;
    background: #0f1729;
    color: #f1f5f9;
}

.amass-direct-header-shell[b-wqqqpeprqz] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 15px);
    right: 15px;
    z-index: 100;
    background: #0f1729;
    padding-top: 15px;
    padding-bottom: 0.5rem;
}

.amass-direct-body[b-wqqqpeprqz] {
    padding-top: 9rem;
}

.header-actions[b-wqqqpeprqz] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.btn-delete[b-wqqqpeprqz] {
    background: transparent;
    color: #f87171;
    border: 1px solid #dc262666;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    padding: 0.35rem 0.9rem;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    margin-right: 20px;
    transition: background 0.15s, border-color 0.15s;
}
.btn-delete:hover[b-wqqqpeprqz] { background: #2d0a0a; border-color: #dc2626; }

.delete-confirm[b-wqqqpeprqz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    color: #f87171;
    white-space: nowrap;
    flex-shrink: 0;
}

.btn-confirm-delete[b-wqqqpeprqz] {
    background: #dc2626;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.3rem 0.75rem;
    cursor: pointer;
    transition: background 0.15s;
}
.btn-confirm-delete:hover[b-wqqqpeprqz] { background: #b91c1c; }
.btn-confirm-delete:disabled[b-wqqqpeprqz] { opacity: 0.6; cursor: not-allowed; }

.btn-cancel-delete[b-wqqqpeprqz] {
    background: transparent;
    color: #94a3b8;
    border: 1px solid #3d527a;
    border-radius: 6px;
    font-size: 0.8rem;
    padding: 0.3rem 0.75rem;
    cursor: pointer;
    transition: background 0.15s;
}
.btn-cancel-delete:hover[b-wqqqpeprqz] { background: #1e3a5f; color: #f1f5f9; }

.page-header[b-wqqqpeprqz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem 0 1rem;
    border-bottom: 1px solid #1e3a5f;
    margin-bottom: 1.5rem;
}

.header-content[b-wqqqpeprqz] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.header-icon[b-wqqqpeprqz] { color: #fb923c; }

.header-text h1[b-wqqqpeprqz] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #f1f5f9;
    margin: 0;
}

.header-text p[b-wqqqpeprqz] {
    font-size: 0.85rem;
    color: #94a3b8;
    margin: 0.2rem 0 0;
}

.back-btn[b-wqqqpeprqz] {
    color: #94a3b8;
    text-decoration: none;
    font-size: 0.85rem;
    padding: 0.4rem 0.8rem;
    border: 1px solid #3d527a;
    border-radius: 6px;
    white-space: nowrap;
    transition: background 0.15s, color 0.15s;
    margin-right: 20px;
}

.back-btn:hover[b-wqqqpeprqz] {
    background: #1e3a5f;
    color: #f1f5f9;
}

.quote-body[b-wqqqpeprqz] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Status Banner */
.status-banner[b-wqqqpeprqz] {
    border-radius: 10px;
    padding: 0.75rem 1.25rem;
    font-weight: 600;
    font-size: 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.status-draft[b-wqqqpeprqz]         { background: #1e3a5f44; border: 1px solid #2563eb44; color: #93c5fd; }
.status-pendingapproval[b-wqqqpeprqz] { background: #3b280044; border: 1px solid #d9770044; color: #fbbf24; }
.status-approved[b-wqqqpeprqz]      { background: #052e1644; border: 1px solid #16a34a44; color: #4ade80; }
.status-rejected[b-wqqqpeprqz]      { background: #2d0a0a44; border: 1px solid #dc262644; color: #f87171; }

.status-label[b-wqqqpeprqz] { font-size: 1rem; font-weight: 700; }

.approver-notes-display[b-wqqqpeprqz] {
    font-size: 0.85rem;
    font-weight: 400;
    opacity: 0.9;
}

/* Meta grid */
.meta-grid[b-wqqqpeprqz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    background: #1a2540;
    border: 1px solid #2d3f60;
    border-radius: 10px;
    padding: 1.25rem;
}

.meta-item.full-width[b-wqqqpeprqz] { grid-column: 1 / -1; }

.meta-label[b-wqqqpeprqz] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin-bottom: 0.2rem;
}

.meta-value[b-wqqqpeprqz] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #f1f5f9;
}

.meta-sub[b-wqqqpeprqz] {
    font-size: 0.78rem;
    color: #64748b;
}

/* Items table */
.items-section[b-wqqqpeprqz] {
    background: #1a2540;
    border: 1px solid #2d3f60;
    border-radius: 10px;
    overflow: hidden;
}

.section-heading[b-wqqqpeprqz] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #64748b;
    padding: 1rem 1.25rem 0.5rem;
}

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

.items-table th[b-wqqqpeprqz] {
    text-align: left;
    padding: 0.6rem 1rem;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid #2d3f60;
}

.items-table td[b-wqqqpeprqz] {
    padding: 0.75rem 1rem;
    color: #cbd5e1;
    border-bottom: 1px solid #1e3a5f33;
}

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

.item-img-cell[b-wqqqpeprqz] { width: 60px; }
.item-thumb[b-wqqqpeprqz] { width: 48px; height: 48px; object-fit: contain; border-radius: 6px; background: #0f1729; }

.item-name[b-wqqqpeprqz] { font-weight: 600; color: #f1f5f9; }
.item-category[b-wqqqpeprqz] { font-size: 0.78rem; color: #64748b; }

/* Cancelled item row */
tr.item-cancelled td[b-wqqqpeprqz] { opacity: 0.45; }
tr.item-cancelled .item-name[b-wqqqpeprqz] { text-decoration: line-through; color: #94a3b8; }
tr.item-cancelled .item-category[b-wqqqpeprqz] { text-decoration: line-through; }

.item-cancelled-tag[b-wqqqpeprqz] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #f87171;
    margin-top: 0.2rem;
    text-decoration: none !important;
}

.item-action-cell[b-wqqqpeprqz] {
    text-align: right;
    white-space: nowrap;
    width: 100px;
}

.btn-cancel-item[b-wqqqpeprqz] {
    background: transparent;
    color: #f87171;
    border: 1px solid #dc262644;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}
.btn-cancel-item:hover[b-wqqqpeprqz] { background: #2d0a0a; border-color: #dc2626; }

.btn-restore-item[b-wqqqpeprqz] {
    background: transparent;
    color: #4ade80;
    border: 1px solid #16a34a44;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}
.btn-restore-item:hover[b-wqqqpeprqz] { background: #052e16; border-color: #16a34a; }

.items-table tfoot td[b-wqqqpeprqz] {
    border-top: 1px solid #2d3f60;
    padding: 0.75rem 1rem;
}

.total-label[b-wqqqpeprqz] {
    text-align: right;
    font-weight: 600;
    color: #94a3b8;
    font-size: 0.85rem;
}

.total-value[b-wqqqpeprqz] {
    font-weight: 700;
    color: #fb923c;
    font-size: 1rem;
}

/* Action panel */
.action-panel[b-wqqqpeprqz] {
    background: #1a2540;
    border: 1px solid #2d3f60;
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 1.25rem;
}

.form-group[b-wqqqpeprqz] {
    padding: 0 1.25rem;
    margin-bottom: 1rem;
}

.form-label[b-wqqqpeprqz] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: #94a3b8;
    margin-bottom: 0.4rem;
}

.panel-input[b-wqqqpeprqz],
.panel-textarea[b-wqqqpeprqz] {
    width: 100%;
    background: #0f1729;
    color: #f1f5f9;
    border: 1px solid #3d527a;
    border-radius: 7px;
    padding: 0.5rem 0.8rem;
    font-size: 0.9rem;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.panel-input:focus[b-wqqqpeprqz],
.panel-textarea:focus[b-wqqqpeprqz] {
    border-color: #fb923c;
}

.panel-textarea[b-wqqqpeprqz] { resize: vertical; min-height: 80px; }

.action-buttons[b-wqqqpeprqz] {
    display: flex;
    gap: 0.75rem;
    padding: 0 1.25rem;
}

.btn-approve[b-wqqqpeprqz] {
    background: #16a34a;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0.6rem 1.5rem;
    cursor: pointer;
    transition: background 0.15s;
}
.btn-approve:hover[b-wqqqpeprqz] { background: #15803d; }
.btn-approve:disabled[b-wqqqpeprqz] { opacity: 0.6; cursor: not-allowed; }

.btn-reject[b-wqqqpeprqz] {
    background: transparent;
    color: #f87171;
    border: 1px solid #dc262666;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0.6rem 1.5rem;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}
.btn-reject:hover[b-wqqqpeprqz] { background: #2d0a0a; border-color: #dc2626; }
.btn-reject:disabled[b-wqqqpeprqz] { opacity: 0.6; cursor: not-allowed; }

/* Resubmit approver search */
.selected-approver[b-wqqqpeprqz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #0f1729;
    border: 1px solid #3d527a;
    border-radius: 7px;
    padding: 0.5rem 0.8rem;
    color: #f1f5f9;
    font-size: 0.9rem;
}

.clear-btn[b-wqqqpeprqz] {
    background: transparent;
    border: none;
    color: #64748b;
    font-size: 0.9rem;
    cursor: pointer;
    margin-left: auto;
    padding: 0;
}
.clear-btn:hover[b-wqqqpeprqz] { color: #f87171; }

.approver-dropdown[b-wqqqpeprqz] {
    background: #0f1729;
    border: 1px solid #3d527a;
    border-radius: 7px;
    margin-top: 0.2rem;
    max-height: 200px;
    overflow-y: auto;
}

.approver-option[b-wqqqpeprqz] {
    padding: 0.5rem 0.8rem;
    font-size: 0.88rem;
    color: #cbd5e1;
    cursor: pointer;
    transition: background 0.1s;
}
.approver-option:hover[b-wqqqpeprqz] { background: #1e3a5f; }

.empty-state[b-wqqqpeprqz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 0;
    color: #64748b;
    font-size: 1rem;
    gap: 1rem;
}

.back-link[b-wqqqpeprqz] {
    color: #94a3b8;
    text-decoration: none;
    font-size: 0.85rem;
}

@media (max-width: 991.98px) {
    .amass-direct-header-shell[b-wqqqpeprqz] {
        left: 1rem;
        right: 1rem;
    }

    .amass-direct-body[b-wqqqpeprqz] {
        padding-top: 11rem;
    }
}
/* _content/YAGServiceDesk/Pages/AMASS_Direct/Quotes.razor.rz.scp.css */
.page-container[b-k4kpx2t0ym] {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
    background: #0f1729;
    color: #f1f5f9;
}

.amass-direct-header-shell[b-k4kpx2t0ym] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 15px);
    right: 15px;
    z-index: 100;
    background: #0f1729;
    padding-top: 15px;
    padding-bottom: 0.5rem;
}

.amass-direct-body[b-k4kpx2t0ym] {
    padding-top: calc(15px + 4.5rem + var(--page-header-content-gap, 20px));
}

.page-header[b-k4kpx2t0ym] {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #c2410c 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 0;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 18px 45px rgba(234, 88, 12, 0.35);
    overflow: hidden;
    min-height: fit-content;
}

.header-content[b-k4kpx2t0ym] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.header-icon[b-k4kpx2t0ym] {
    color: white;
}

.header-text h1[b-k4kpx2t0ym] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
}

.header-text p[b-k4kpx2t0ym] {
    margin: 0;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
}

.back-btn[b-k4kpx2t0ym] {
    color: white;
    text-decoration: none;
    font-size: 0.85rem;
    padding: 0.4rem 0.9rem;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 8px;
    white-space: nowrap;
    background: rgba(255,255,255,0.15);
    transition: background 0.15s;
    flex-shrink: 0;
}

.back-btn:hover[b-k4kpx2t0ym] {
    background: rgba(255,255,255,0.25);
    color: white;
}

.empty-state[b-k4kpx2t0ym] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 0;
    color: #64748b;
    font-size: 1rem;
}

.quote-list[b-k4kpx2t0ym] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.quote-row[b-k4kpx2t0ym] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: #1a2540;
    border: 1px solid #2d3f60;
    border-radius: 8px;
    padding: 0.55rem 1.25rem;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.quote-row:hover[b-k4kpx2t0ym] {
    border-color: #fb923c;
    background: #1f2d50;
}

.quote-row-left[b-k4kpx2t0ym] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex: 1;
    min-width: 0;
    flex-wrap: nowrap;
    overflow: hidden;
}

.quote-title[b-k4kpx2t0ym] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #f1f5f9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
    max-width: 220px;
}

.quote-sep[b-k4kpx2t0ym] {
    color: #334155;
    font-size: 0.78rem;
    flex-shrink: 0;
}

.quote-meta-inline[b-k4kpx2t0ym] {
    font-size: 0.78rem;
    color: #64748b;
    white-space: nowrap;
    flex-shrink: 0;
}

.quote-meta-inline strong[b-k4kpx2t0ym] {
    color: #cbd5e1;
}

.quote-row-right[b-k4kpx2t0ym] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
}

.quote-total[b-k4kpx2t0ym] {
    font-size: 1rem;
    font-weight: 600;
    color: #fb923c;
    white-space: nowrap;
}

.quote-status-badge[b-k4kpx2t0ym] {
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    border-radius: 99px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.status-draft[b-k4kpx2t0ym] {
    background: #1e3a5f;
    color: #93c5fd;
    border: 1px solid #2563eb44;
}

.status-pendingapproval[b-k4kpx2t0ym] {
    background: #3b2800;
    color: #fbbf24;
    border: 1px solid #d9770044;
}

.status-approved[b-k4kpx2t0ym] {
    background: #052e16;
    color: #4ade80;
    border: 1px solid #16a34a44;
}

.status-rejected[b-k4kpx2t0ym] {
    background: #2d0a0a;
    color: #f87171;
    border: 1px solid #dc262644;
}

.btn-submit[b-k4kpx2t0ym] {
    background: #fb923c;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0.6rem 1.4rem;
    cursor: pointer;
    transition: background 0.15s;
}

.btn-submit:hover[b-k4kpx2t0ym] {
    background: #ea7a25;
    color: #fff;
}

@media (max-width: 991.98px) {
    .amass-direct-header-shell[b-k4kpx2t0ym] {
        left: 1rem;
        right: 1rem;
    }

    .amass-direct-body[b-k4kpx2t0ym] {
        padding-top: 8.5rem;
    }
}
/* _content/YAGServiceDesk/Pages/Client Pages/ClientAccessRequests.razor.rz.scp.css */
/* Client Access Requests Page Styles */

.client-access-header-shell[b-cn6217iys6] {
    position: fixed;
    top: 0;
    left: calc(260px + 2rem);
    right: 2rem;
    z-index: 100;
    background: #0f1729;
    padding-top: 15px;
    margin-bottom: 1rem;
}

.client-access-page-body[b-cn6217iys6] {
    padding-top: 7.5rem;
}

.page-header[b-cn6217iys6] {
    background: linear-gradient(135deg, #0b7f97 0%, #084f5e 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 0;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .client-access-header-shell[b-cn6217iys6] {
        left: 1rem;
        right: 1rem;
    }

    .client-access-page-body[b-cn6217iys6] {
        padding-top: 8.25rem;
    }
}

.header-content[b-cn6217iys6] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-icon[b-cn6217iys6] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0c7b91;
    border-radius: 12px;
    flex-shrink: 0;
    overflow: hidden;
}

.header-text[b-cn6217iys6] {
    flex: 1;
}

.header-text h1[b-cn6217iys6] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
}

.header-text p[b-cn6217iys6] {
    margin: 0;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
}

.header-actions[b-cn6217iys6] {
    margin-left: auto;
    flex-shrink: 0;
}

.header-icon[b-cn6217iys6]  .page-icon {
    width: 2.5rem;
    height: 2.5rem;
    max-width: 2.5rem !important;
    max-height: 2.5rem !important;
}

/* Constrain all SVGs from child components */
.page-container[b-cn6217iys6] {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
    background: #0f1729;
    color: #1f2937;
    overflow-x: hidden;
}

/* Dark mode modal */
.modal-content[b-cn6217iys6] {
    background-color: #1e2a3b !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.modal-content .modal-header[b-cn6217iys6] {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.modal-content .modal-footer[b-cn6217iys6] {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

.modal-content .modal-title[b-cn6217iys6] {
    color: #e2e8f0 !important;
}

.modal-content .form-label[b-cn6217iys6] {
    color: #cbd5e1 !important;
}

.modal-content .form-control[b-cn6217iys6],
.modal-content .form-select[b-cn6217iys6] {
    background-color: #0f1729 !important;
    color: #e2e8f0 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.modal-content .form-control:focus[b-cn6217iys6],
.modal-content .form-select:focus[b-cn6217iys6] {
    background-color: #0f1729 !important;
    color: #e2e8f0 !important;
    border-color: #0b7f97 !important;
    box-shadow: 0 0 0 0.2rem rgba(11, 127, 151, 0.3) !important;
}

.modal-content .form-control:disabled[b-cn6217iys6],
.modal-content .form-control[readonly][b-cn6217iys6] {
    background-color: #162035 !important;
    color: #94a3b8 !important;
}

.modal-content .form-text[b-cn6217iys6] {
    color: #94a3b8 !important;
}

.modal-content .btn-close[b-cn6217iys6] {
    filter: invert(1) grayscale(100%) brightness(200%) !important;
}

.page-container[b-cn6217iys6]  svg {
    max-width: 3rem;
    max-height: 3rem;
}

[b-cn6217iys6] .filter-icon {
    width: 3rem;
    height: 3rem;
    max-width: 3rem !important;
    max-height: 3rem !important;
    color: white !important;
}

.access-request-filter-section[b-cn6217iys6] {
    padding: 2rem 0;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: transparent !important;
    background: none !important;
}

.access-request-filter-section *[b-cn6217iys6] {
    background-color: transparent !important;
    background: none !important;
}

html.dark .access-request-filter-section[b-cn6217iys6] {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.access-request-filter-section .container-fluid[b-cn6217iys6] {
    background-color: transparent !important;
    background: none !important;
}

.access-request-filter-section .row[b-cn6217iys6] {
    background-color: transparent !important;
    background: none !important;
}

.access-request-filter-section .col-12[b-cn6217iys6] {
    background-color: transparent !important;
    background: none !important;
}

.filter-header[b-cn6217iys6] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.filter-icon[b-cn6217iys6] {
    color: white;
    opacity: 0.8;
    width: 3rem;
    height: 3rem;
}

html.dark .filter-icon[b-cn6217iys6] {
    color: white;
}

.search-container[b-cn6217iys6] {
    text-align: center;
    margin-bottom: 1.5rem;
    border: none;
    outline: none;
}

.search-input[b-cn6217iys6] {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    color: var(--bs-body-color);
    font-size: 1rem;
    padding: 0.75rem 1.5rem;
    width: 100%;
    max-width: 400px;
    outline: none;
    transition: all 0.3s ease;
}

.search-input[b-cn6217iys6]::placeholder {
    color: rgba(108, 117, 125, 0.6);
}

.search-input:focus[b-cn6217iys6] {
    border-color: rgba(0, 0, 0, 0.4);
    background: transparent;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

html.dark .search-input[b-cn6217iys6] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #e2e8f0;
}

html.dark .search-input[b-cn6217iys6]::placeholder {
    color: rgba(226, 232, 240, 0.6);
}

html.dark .search-input:focus[b-cn6217iys6] {
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}

.checkbox-container[b-cn6217iys6] {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    background-color: transparent !important;
    background: none !important;
    border: none !important;
}

html.dark .checkbox-container[b-cn6217iys6] {
    border: none !important;
}

.checkbox-item[b-cn6217iys6] {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--bs-body-color);
    font-weight: 500;
    transition: all 0.3s ease;
    user-select: none;
}

html.dark .checkbox-item[b-cn6217iys6] {
    color: #e2e8f0;
}

.checkbox-item:hover[b-cn6217iys6] {
    transform: translateY(-2px);
}

.checkbox-item input[type="checkbox"][b-cn6217iys6] {
    margin-right: 0.5rem;
    width: 18px;
    height: 18px;
    accent-color: #4299e1;
}

.checkbox-item i[b-cn6217iys6] {
    margin-right: 0.5rem;
    font-size: 1.1rem;
}

.checkbox-item.pending i[b-cn6217iys6] { color: #f6ad55; }
.checkbox-item.accepted i[b-cn6217iys6] { color: #68d391; }
.checkbox-item.rejected i[b-cn6217iys6] { color: #fc8181; }

.table[b-cn6217iys6] {
    --bs-table-bg: transparent;
    --bs-table-striped-bg: transparent;
    --bs-table-border-color: rgba(0, 0, 0, 0.1);
    color: var(--bs-body-color);
    border: none;
}

.table th[b-cn6217iys6] {
    border-top: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-left: none;
    border-right: none;
    color: var(--bs-body-color);
    font-weight: 600;
    background-color: transparent;
    padding: 0.75rem;
    font-size: 0.75rem;
    text-transform: none;
    letter-spacing: normal;
}

.table td[b-cn6217iys6] {
    border-top: 2px solid rgba(0, 0, 0, 0.1) !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1) !important;
    border-left: none;
    border-right: none;
    color: var(--bs-body-color);
    background-color: transparent;
    padding: 0.75rem;
    font-size: 0.875rem;
}

.table tbody tr:hover[b-cn6217iys6] {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

html.dark .table[b-cn6217iys6] {
    --bs-table-border-color: #374151;
    color: #e5e7eb;
}

html.dark .table th[b-cn6217iys6] {
    border-bottom: 1px solid #374151;
    color: #f9fafb;
}

html.dark .table td[b-cn6217iys6] {
    border-top: 2px solid rgba(255, 255, 255, 0.1) !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important;
    color: #e5e7eb;
}

html.dark .table tbody tr:hover[b-cn6217iys6] {
    background-color: rgba(55, 65, 81, 0.3) !important;
}

.status-badge[b-cn6217iys6] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 1.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    background: #f8f9fa;
    color: var(--bs-body-color);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

html.dark .status-badge[b-cn6217iys6] {
    background: #1e293b;
    color: #e2e8f0;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.status-badge i[b-cn6217iys6] {
    margin-right: 0.5rem;
}

.status-pending i[b-cn6217iys6] { color: #ffc107; }
.status-accepted i[b-cn6217iys6] { color: #68d391; }
.status-rejected i[b-cn6217iys6] { color: #fc8181; }

.status-unknown[b-cn6217iys6] {
    color: #94a3b8;
}

.filter-status-badge[b-cn6217iys6] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 1.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    background: transparent;
    color: var(--bs-body-color);
    margin-left: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

html.dark .filter-status-badge[b-cn6217iys6] {
    color: #e2e8f0;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.filter-status-badge i[b-cn6217iys6] {
    margin-right: 0.5rem;
    font-size: 1.1rem;
}

.checkbox-item.pending .filter-status-badge i[b-cn6217iys6] { color: #ffc107; }
.checkbox-item.accepted .filter-status-badge i[b-cn6217iys6] { color: #68d391; }
.checkbox-item.rejected .filter-status-badge i[b-cn6217iys6] { color: #fc8181; }

.filter-section-border[b-cn6217iys6] {
    border: none;
}

html.dark .filter-section-border[b-cn6217iys6] {
    border: none;
}
/* _content/YAGServiceDesk/Pages/Client Pages/ClientClosedTickets.razor.rz.scp.css */
/* Client Closed Tickets Page Styles */

/* ===================== Client Filter Controls ===================== */
.client-filter-container[b-urap6wjtp3] {
    background: var(--bg-card);
    border: 1px solid var(--border-primary);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.client-filter-container .form-label[b-urap6wjtp3] {
    color: var(--text-primary);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.client-filter-container .form-select[b-urap6wjtp3] {
    background-color: var(--bg-input);
    border: 1px solid var(--border-secondary);
    color: var(--text-primary);
    border-radius: 6px;
}

.client-filter-container .form-select:focus[b-urap6wjtp3] {
    background-color: var(--bg-input);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25);
    color: var(--text-primary);
}

.client-filter-container .form-select option[b-urap6wjtp3] {
    background-color: var(--bg-input);
    color: var(--text-primary);
}

/* ===================== Client Tickets Card Layout ===================== */
.client-tickets-container[b-urap6wjtp3] {
    background: var(--bg-table);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.client-tickets-header[b-urap6wjtp3] {
    display: grid;
    grid-template-columns: 80px minmax(250px, 1fr) 140px 140px 140px 140px 140px;
    background: var(--bg-table-header);
    padding: 12px 16px;
    font-weight: 600;
    font-size: 14px;
    color: var(--text-primary);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.client-tickets-header .header-item[b-urap6wjtp3] {
    text-align: left;
    padding: 0 8px;
}

.client-ticket-card[b-urap6wjtp3] {
    display: grid;
    grid-template-columns: 80px minmax(250px, 1fr) 140px 140px 140px 140px 140px;
    padding: 12px 16px;
    background: var(--bg-table);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    transition: all 0.2s ease;
    cursor: pointer;
    font-size: 14px;
    color: var(--text-primary);
    min-height: 48px;
    align-items: center;
}

.client-ticket-card > div[b-urap6wjtp3] {
    padding: 0 8px;
    display: flex;
    align-items: center;
}

.client-ticket-card:hover[b-urap6wjtp3] {
    background: rgba(255, 255, 255, 0.05);
}

.client-ticket-card:last-child[b-urap6wjtp3] {
    border-bottom: none;
}

/* Resolution text styling */
.resolution-text[b-urap6wjtp3] {
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.4;
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.ticket-badge-done[b-urap6wjtp3] {
    background-color: #28a745 !important;
    color: white !important;
}
/* _content/YAGServiceDesk/Pages/Client Pages/ClientGlassTicketDetail.razor.rz.scp.css */
.glass-ticket-detail[b-d2q09xkd0t] {
    max-width: 860px;
    margin: 0 auto;
    padding: 1.5rem;
    color: var(--text-primary, #f8fafc);
}

.detail-header[b-d2q09xkd0t] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.detail-header h4[b-d2q09xkd0t] {
    color: var(--text-primary, #f8fafc);
}

.back-btn[b-d2q09xkd0t] {
    border: 1px solid var(--border, #334155);
    background: var(--bg-secondary, #1e293b);
    color: var(--text-primary, #f8fafc);
    border-radius: 6px;
    width: 36px;
    height: 36px;
    font-size: 1.1rem;
    cursor: pointer;
}

.back-btn:hover[b-d2q09xkd0t] {
    background: var(--bg-tertiary, #334155);
}

.header-badges[b-d2q09xkd0t] {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.status-badge[b-d2q09xkd0t] {
    border-radius: 999px;
    padding: 0.25rem 0.8rem;
    font-size: 0.85rem;
    font-weight: 600;
}

.status-new[b-d2q09xkd0t]       { background: rgba(234, 179, 8, 0.2);  color: #facc15; }
.status-open[b-d2q09xkd0t]      { background: rgba(59, 130, 246, 0.2); color: #60a5fa; }
.status-scheduled[b-d2q09xkd0t] { background: rgba(139, 92, 246, 0.2); color: #a78bfa; }
.status-closed[b-d2q09xkd0t]    { background: rgba(34, 197, 94, 0.2);  color: #4ade80; }
.status-arrived[b-d2q09xkd0t]   { background: rgba(6, 182, 212, 0.25); color: #67e8f9; }

.detail-card[b-d2q09xkd0t] {
    background: var(--bg-card, #1e293b);
    border: 1px solid var(--border, #334155);
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1rem;
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.3));
}

.section-title[b-d2q09xkd0t] {
    border-bottom: 2px solid var(--border, #334155);
    padding-bottom: 0.35rem;
    margin-bottom: 1rem;
    color: var(--text-primary, #f8fafc);
    font-weight: 600;
}

.detail-grid[b-d2q09xkd0t] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 0.75rem 1.25rem;
    font-size: 0.94rem;
    color: var(--text-primary, #f8fafc);
}

.detail-label[b-d2q09xkd0t] {
    display: block;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--text-secondary, #94a3b8);
    font-weight: 600;
}

.resolution-box[b-d2q09xkd0t] {
    background: rgba(34, 197, 94, 0.12);
    border-left: 4px solid #22c55e;
    border-radius: 0 6px 6px 0;
    padding: 0.6rem 1rem;
    color: var(--text-primary, #f8fafc);
}

.day-of-box[b-d2q09xkd0t] {
    background: rgba(234, 179, 8, 0.12);
    border-left: 4px solid #eab308;
    border-radius: 0 6px 6px 0;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    font-size: 0.92rem;
    color: var(--text-primary, #f8fafc);
}

.comments-section[b-d2q09xkd0t] {
    background: var(--bg-card, #1e293b);
    border: 1px solid var(--border, #334155);
    border-radius: 8px;
    padding: 1.25rem;
    margin-top: 0.5rem;
}

.comments-section h5[b-d2q09xkd0t] {
    color: var(--text-primary, #f8fafc);
    font-weight: 600;
}

.comments-section .form-label[b-d2q09xkd0t] {
    color: var(--text-primary, #f8fafc);
}

.comments-section .form-control[b-d2q09xkd0t] {
    background: var(--bg-input, #334155);
    border-color: var(--border, #475569);
    color: var(--text-primary, #f8fafc);
}

.comments-section .form-control[b-d2q09xkd0t]::placeholder {
    color: var(--text-secondary, #94a3b8);
}

.comments-section .form-control:focus[b-d2q09xkd0t] {
    background: var(--bg-input, #334155);
    border-color: var(--accent, #3b82f6);
    color: var(--text-primary, #f8fafc);
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25);
}

.comments-section .btn-outline-primary[b-d2q09xkd0t] {
    border-color: var(--accent, #3b82f6);
    color: #93c5fd;
}

.comments-section .btn-outline-primary:hover:not(:disabled)[b-d2q09xkd0t] {
    background: rgba(59, 130, 246, 0.15);
    border-color: #60a5fa;
    color: #bfdbfe;
}

.comment-card[b-d2q09xkd0t] {
    border-bottom: 1px solid var(--border, #334155);
    padding: 0.75rem 0;
}

.comment-card:last-of-type[b-d2q09xkd0t] {
    border-bottom: none;
}

.comment-author[b-d2q09xkd0t] {
    font-weight: 600;
    color: var(--text-primary, #f8fafc);
    margin-right: 0.5rem;
}

.comment-date[b-d2q09xkd0t] {
    font-size: 0.8rem;
    color: var(--text-secondary, #94a3b8);
}

.comment-body[b-d2q09xkd0t] {
    margin-top: 0.25rem;
    white-space: pre-wrap;
    color: var(--text-primary, #e2e8f0);
}
/* _content/YAGServiceDesk/Pages/Client Pages/ClientImpersonateUser.razor.rz.scp.css */
.impersonate-page[b-br3abmn7e3] { max-width: 100%; padding: 0 0 1.5rem 1rem; }

.impersonate-header-shell[b-br3abmn7e3] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 2rem);
    right: 2rem;
    z-index: 100;
    background: #0f172a;
    padding-top: 15px;
    padding-bottom: 0.75rem;
}

.impersonate-page-body[b-br3abmn7e3] {
    padding-top: calc(15px + 4.5rem + var(--page-header-content-gap, 20px));
}

.manual-section[b-br3abmn7e3] {
    margin-top: 1.5rem;
    border: 1px solid var(--border-primary);
    border-radius: 8px;
    overflow: hidden;
    background: var(--bg-card);
}

.manual-section-header[b-br3abmn7e3] {
    background: rgba(29, 78, 216, 0.12);
    border-bottom: 1px solid rgba(59, 130, 246, 0.3);
    padding: 0.65rem 1rem;
    font-weight: 600;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: #93c5fd;
}

.manual-section-body[b-br3abmn7e3] { padding: 1rem 1rem 0 1rem; display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: flex-start; background: var(--bg-card); }

.manual-field[b-br3abmn7e3] { display: flex; flex-direction: column; gap: 0.25rem; }

.manual-hint[b-br3abmn7e3] { padding: 0.4rem 1rem 0.75rem 1rem; background: var(--bg-card); }

.manual-section input[b-br3abmn7e3], .manual-section select[b-br3abmn7e3] {
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--border-primary);
    border-radius: 6px;
    font-size: 0.9rem;
    min-width: 180px;
    background: var(--bg-input);
    color: var(--text-primary);
}

.manual-section label[b-br3abmn7e3] { font-size: 0.82rem; color: #93c5fd; font-weight: 500; display: block; margin-bottom: 0.2rem; }

.apply-btn[b-br3abmn7e3] {
    background: #4f46e5;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 0.42rem 1rem;
    font-size: 0.88rem;
    cursor: pointer;
    transition: background 0.15s;
}

.apply-btn:hover[b-br3abmn7e3] { background: #4338ca; }

.impersonate-header[b-br3abmn7e3] {
    background: linear-gradient(315deg, #60a5fa 0%, #1d4ed8 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    border-radius: 10px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.impersonate-header svg[b-br3abmn7e3] { width: 2rem; height: 2rem; flex-shrink: 0; }
.impersonate-header h1[b-br3abmn7e3] { font-size: 1.6rem; margin: 0; font-weight: 600; }
.impersonate-header p[b-br3abmn7e3]  { margin: 0; font-size: 0.9rem; color: rgba(255, 255, 255, 0.95); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }

.active-bar[b-br3abmn7e3] {
    background: rgba(29, 78, 216, 0.18);
    border: 1px solid #3b82f6;
    border-radius: 8px;
    padding: 0.85rem 1.25rem;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    color: #93c5fd;
}

.active-bar strong[b-br3abmn7e3] { color: #fff; }

.stop-btn[b-br3abmn7e3] {
    margin-left: auto;
    background: #dc2626;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 0.35rem 0.9rem;
    cursor: pointer;
    font-size: 0.85rem;
    transition: background 0.15s;
}

.stop-btn:hover[b-br3abmn7e3] { background: #b91c1c; }

.user-search-box[b-br3abmn7e3] { display: flex; gap: 0.5rem; margin-bottom: 0.75rem; }

.user-search-box input[b-br3abmn7e3] {
    flex: 1;
    padding: 0.45rem 0.75rem;
    border: 1px solid var(--border-primary, #334155);
    border-radius: 6px;
    font-size: 0.9rem;
    background: var(--bg-input, #0f172a);
    color: var(--text-primary, #f1f5f9);
}

.users-table[b-br3abmn7e3] { width: 100%; border-collapse: collapse; font-size: 0.88rem; }

.users-table th[b-br3abmn7e3] {
    background: var(--bg-table-header, #162032);
    border-bottom: 2px solid var(--border-primary, #334155);
    padding: 0.55rem 0.75rem;
    text-align: left;
    font-weight: 600;
    color: var(--text-primary, #f1f5f9);
    position: sticky;
    top: 0;
    z-index: 1;
}

.users-table td[b-br3abmn7e3] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--border-primary, #334155);
    vertical-align: middle;
    color: var(--text-primary, #f1f5f9);
}

.users-table tr:hover td[b-br3abmn7e3] { background: rgba(59,130,246,0.12); cursor: pointer; }
.users-table tr.selected-row td[b-br3abmn7e3] { background: rgba(59,130,246,0.22); }

.role-badge[b-br3abmn7e3] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    font-size: 0.78rem;
    font-weight: 600;
}

.role-developer[b-br3abmn7e3] { background: rgba(59,130,246,0.2); color: #93c5fd; }
.role-admin[b-br3abmn7e3]     { background: rgba(34,197,94,0.2);  color: #86efac; }
.role-it[b-br3abmn7e3]        { background: rgba(99,102,241,0.2); color: #a5b4fc; }
.role-client[b-br3abmn7e3]    { background: var(--bg-tertiary, #1e293b); color: var(--text-secondary, #94a3b8); }
.role-other[b-br3abmn7e3]     { background: var(--bg-tertiary, #1e293b); color: var(--text-secondary, #94a3b8); }

.impersonate-btn[b-br3abmn7e3] {
    background: #1d4ed8;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 0.3rem 0.75rem 0.4rem;
    font-size: 0.82rem;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s;
}

.impersonate-btn:hover[b-br3abmn7e3] { background: #1e40af; }

@media (max-width: 991.98px) {
    .impersonate-header-shell[b-br3abmn7e3] {
        left: 1rem;
        right: 1rem;
    }

    .impersonate-page-body[b-br3abmn7e3] {
        padding-top: calc(15px + 5rem + var(--page-header-content-gap, 20px));
    }
}
/* _content/YAGServiceDesk/Pages/Client Pages/ClientITKnowledgeBase.razor.rz.scp.css */
/* Client IT Knowledge Base Page Styles */

/* Constrain all child component SVGs */
.page-container[b-o3nmy5jxvj]  svg {
    max-width: 3rem;
    max-height: 3rem;
}

[b-o3nmy5jxvj] .page-icon {
    width: 2.5rem;
    height: 2.5rem;
    max-width: 2.5rem !important;
    max-height: 2.5rem !important;
}

[b-o3nmy5jxvj] .section-icon {
    width: 1.5rem;
    height: 1.5rem;
    max-width: 1.5rem !important;
    max-height: 1.5rem !important;
}

[b-o3nmy5jxvj] .arrow-icon,
[b-o3nmy5jxvj] .breadcrumb-divider,
[b-o3nmy5jxvj] .back-arrow-icon,
[b-o3nmy5jxvj] .btn-icon {
    width: 1rem;
    height: 1rem;
    max-width: 1rem !important;
    max-height: 1rem !important;
}

[b-o3nmy5jxvj] .kb-search-icon-svg {
    width: 1.25rem;
    height: 1.25rem;
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
}

[b-o3nmy5jxvj] .no-results-icon-svg {
    width: 2.5rem;
    height: 2.5rem;
    max-width: 2.5rem !important;
    max-height: 2.5rem !important;
}

[b-o3nmy5jxvj] .kb-article-icon {
    width: 1.25rem;
    height: 1.25rem;
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
}

[b-o3nmy5jxvj] .me-2 {
    width: 1rem;
    height: 1rem;
    max-width: 1rem !important;
    max-height: 1rem !important;
}

.btn svg[b-o3nmy5jxvj] {
    max-width: 1rem !important;
    max-height: 1rem !important;
}

:root[b-o3nmy5jxvj] {
    --kb-bg: #0b1220;
    --kb-surface: #121a2a;
    --kb-surface-soft: #0f172a;
    --kb-border: rgba(148, 163, 184, 0.15);
    --kb-text: #e2e8f0;
    --kb-muted: #94a3b8;
    --kb-accent: #22c55e;
    --kb-accent-2: #16a34a;
    --kb-accent-soft: rgba(34, 197, 94, 0.15);
    --kb-card: #141f34;
    --kb-card-hover: #1b2942;
}

.page-container[b-o3nmy5jxvj] {
    max-width: 100%;
    margin-top: -15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 0 1rem;
    background: #0f1729;
    color: #e2e8f0;
}

.kb-client-header-shell[b-o3nmy5jxvj] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 15px);
    right: 15px;
    z-index: 100;
    background: var(--kb-bg, #0b1220);
    padding-top: 15px;
    padding-bottom: 0.75rem;
    box-shadow: 0 8px 0 var(--kb-bg, #0b1220);
}

.kb-client-header-shell .page-header[b-o3nmy5jxvj] {
    margin-bottom: 0 !important;
}

.kb-client-body[b-o3nmy5jxvj] {
    padding-top: calc(15px + 4.5rem + 3.5rem + 0.75rem + var(--page-header-content-gap, 20px));
}

.kb-knowledge-base[b-o3nmy5jxvj] {
    font-family: "Space Grotesk", "IBM Plex Sans", "Segoe UI", sans-serif;
    background: radial-gradient(circle at top, #12213a 0%, #0b1220 55%, #0a0f1c 100%);
    color: var(--kb-text);
    border-radius: 18px;
}

html:not(.dark) body:not(.dark) .kb-knowledge-base[b-o3nmy5jxvj],
body:not(.dark) .kb-knowledge-base[b-o3nmy5jxvj] {
    --kb-bg: #f5f7fb;
    --kb-surface: #ffffff;
    --kb-surface-soft: #f8fafc;
    --kb-border: rgba(148, 163, 184, 0.25);
    --kb-text: #0f172a;
    --kb-muted: #475569;
    --kb-accent: #16a34a;
    --kb-accent-2: #15803d;
    --kb-accent-soft: rgba(22, 163, 74, 0.12);
    --kb-card: #ffffff;
    --kb-card-hover: #f1f5f9;
    background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 60%, #e9edf5 100%);
}

html.dark .kb-knowledge-base[b-o3nmy5jxvj],
body.dark .kb-knowledge-base[b-o3nmy5jxvj],
.dark .kb-knowledge-base[b-o3nmy5jxvj] {
    --kb-bg: #0b1220;
    --kb-surface: #121a2a;
    --kb-surface-soft: #0f172a;
    --kb-border: rgba(148, 163, 184, 0.15);
    --kb-text: #e2e8f0;
    --kb-muted: #94a3b8;
    --kb-accent: #22c55e;
    --kb-accent-2: #16a34a;
    --kb-accent-soft: rgba(34, 197, 94, 0.15);
    --kb-card: #141f34;
    --kb-card-hover: #1b2942;
    background: radial-gradient(circle at top, #12213a 0%, #0b1220 55%, #0a0f1c 100%);
}

.kb-knowledge-base a[b-o3nmy5jxvj] { color: #86efac; }
.kb-knowledge-base a:hover[b-o3nmy5jxvj] { color: #bbf7d0; }

.page-header[b-o3nmy5jxvj] {
    background: linear-gradient(120deg, #0ea860 0%, #0f9a76 45%, #0f766e 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 2.5rem;
    border-radius: 16px;
    box-shadow: 0 18px 45px rgba(6, 95, 70, 0.35);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    overflow: hidden;
    min-height: fit-content;
    margin-bottom: 0;
}

.header-content[b-o3nmy5jxvj] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    max-width: 100%;
    margin: 0;
}

.header-icon .page-icon[b-o3nmy5jxvj] {
    width: 2.5rem;
    height: 2.5rem;
    opacity: 0.9;
    flex-shrink: 0;
    margin-top: 0.2rem;
}

.header-text[b-o3nmy5jxvj] {
    flex: 1;
    min-width: 0;
}

.header-text h1[b-o3nmy5jxvj] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
}

.header-text p[b-o3nmy5jxvj] {
    margin: 0;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
}

.page-header .badge[b-o3nmy5jxvj] {
    background: #fbbf24;
    color: #1f2937;
    font-weight: 600;
    border-radius: 999px;
    padding: 0.25rem 0.6rem;
}

.header-actions[b-o3nmy5jxvj] {
    flex-shrink: 0;
    align-self: flex-start;
}

.btn-settings[b-o3nmy5jxvj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.15);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-settings:hover[b-o3nmy5jxvj] {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-1px);
}

.btn-settings .btn-icon[b-o3nmy5jxvj] {
    width: 37px;
    height: 37px;
}

.search-section[b-o3nmy5jxvj] {
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 0.5rem;
}

.search-row[b-o3nmy5jxvj] {
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: 100%;
}

.kb-back-button[b-o3nmy5jxvj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: var(--kb-surface);
    border: 1px solid var(--kb-border);
    border-radius: 8px;
    color: var(--kb-text);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.kb-back-button:hover[b-o3nmy5jxvj] {
    background: var(--kb-card-hover);
    border-color: var(--kb-accent);
}

.back-arrow-icon[b-o3nmy5jxvj] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

.search-box[b-o3nmy5jxvj] {
    position: relative;
    flex: 1;
    max-width: 520px;
}

.kb-search-icon[b-o3nmy5jxvj] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.kb-search-icon-svg[b-o3nmy5jxvj] {
    width: 1.15rem;
    height: 1.15rem;
    color: var(--kb-muted);
}

.btn-icon[b-o3nmy5jxvj] {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.kb-search-input[b-o3nmy5jxvj] {
    width: 100%;
    padding: 0.85rem 1rem 0.85rem 3rem;
    border: 1px solid var(--kb-border);
    border-radius: 12px;
    font-size: 0.95rem;
    background: var(--kb-surface);
    color: var(--kb-text);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.kb-search-input[b-o3nmy5jxvj]::placeholder {
    color: rgba(148, 163, 184, 0.7);
}

.kb-search-input:focus[b-o3nmy5jxvj] {
    outline: none;
    border-color: rgba(34, 197, 94, 0.7);
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15);
}

.kb-content[b-o3nmy5jxvj] {
    max-width: 100%;
    margin: 0;
}

.kb-section[b-o3nmy5jxvj] {
    margin-bottom: 2.5rem;
    animation: kb-fade-up-b-o3nmy5jxvj 0.4s ease both;
}

.kb-section h2[b-o3nmy5jxvj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--kb-text);
    margin-bottom: 1.4rem;
}

.section-icon[b-o3nmy5jxvj] {
    width: 1.4rem;
    height: 1.4rem;
    color: var(--kb-accent);
}

/* Article Grid */
.article-grid[b-o3nmy5jxvj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 1.5rem;
}

.article-card[b-o3nmy5jxvj] {
    background: var(--kb-card);
    border: 1px solid var(--kb-border);
    border-radius: 14px;
    padding: 1.4rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.article-card:hover[b-o3nmy5jxvj] {
    border-color: rgba(34, 197, 94, 0.6);
    background: var(--kb-card-hover);
    box-shadow: 0 18px 35px rgba(2, 6, 23, 0.45);
    transform: translateY(-3px);
}

.article-icon[b-o3nmy5jxvj] {
    flex-shrink: 0;
    width: 2.8rem;
    height: 2.8rem;
    background: rgba(34, 197, 94, 0.12);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kb-article-icon[b-o3nmy5jxvj] {
    width: 1.4rem;
    height: 1.4rem;
    color: var(--kb-accent);
}

.article-content[b-o3nmy5jxvj] {
    flex: 1;
}

.article-content h3[b-o3nmy5jxvj] {
    margin: 0 0 0.5rem 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--kb-text);
}

.article-content p[b-o3nmy5jxvj] {
    margin: 0 0 1rem 0;
    color: var(--kb-muted);
    font-size: 0.9rem;
    line-height: 1.5;
}

.article-meta[b-o3nmy5jxvj] {
    display: flex;
    gap: 1rem;
    font-size: 0.8rem;
    color: var(--kb-muted);
}

.article-arrow[b-o3nmy5jxvj] {
    flex-shrink: 0;
    padding-top: 0.25rem;
}

.arrow-icon[b-o3nmy5jxvj] {
    width: 1.25rem;
    height: 1.25rem;
    color: rgba(148, 163, 184, 0.6);
    transition: all 0.2s ease;
}

.article-card:hover .arrow-icon[b-o3nmy5jxvj] {
    color: var(--kb-accent);
    transform: translateX(4px);
}

/* Category Grid */
.category-grid[b-o3nmy5jxvj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1.25rem;
}

.category-card[b-o3nmy5jxvj] {
    background: var(--kb-card);
    border: 1px solid var(--kb-border);
    border-radius: 12px;
    padding: 1.25rem;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
}

.category-card:hover[b-o3nmy5jxvj] {
    border-color: rgba(34, 197, 94, 0.6);
    background: var(--kb-card-hover);
    box-shadow: 0 16px 30px rgba(2, 6, 23, 0.35);
    transform: translateY(-3px);
}

.category-icon[b-o3nmy5jxvj] {
    width: 3rem;
    height: 3rem;
    background: rgba(148, 163, 184, 0.12);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem auto;
    transition: background-color 0.2s ease;
}

.category-card:hover .category-icon[b-o3nmy5jxvj] {
    background: rgba(34, 197, 94, 0.2);
}

.kb-category-icon[b-o3nmy5jxvj] {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--kb-muted);
    transition: color 0.2s ease;
}

.category-card:hover .kb-category-icon[b-o3nmy5jxvj] {
    color: var(--kb-accent);
}

.category-content h3[b-o3nmy5jxvj] {
    margin: 0 0 0.5rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--kb-text);
}

.category-content p[b-o3nmy5jxvj] {
    margin: 0;
    color: var(--kb-muted);
    font-size: 0.85rem;
}

/* Recent Articles */
.recent-articles[b-o3nmy5jxvj] {
    background: var(--kb-card);
    border: 1px solid var(--kb-border);
    border-radius: 14px;
    overflow: hidden;
}

.recent-article[b-o3nmy5jxvj] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem 1rem 2rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.recent-article:hover[b-o3nmy5jxvj] {
    background: rgba(148, 163, 184, 0.08);
}

.recent-article + .recent-article[b-o3nmy5jxvj] {
    border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.recent-article-icon[b-o3nmy5jxvj] {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    background: rgba(148, 163, 184, 0.12);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.recent-article-content[b-o3nmy5jxvj] {
    flex: 1;
}

.recent-article-content h4[b-o3nmy5jxvj] {
    font-weight: 600;
    color: var(--kb-text);
    margin-bottom: 0.25rem;
}

.recent-article-meta[b-o3nmy5jxvj] {
    font-size: 0.85rem;
    color: var(--kb-muted);
}

.recent-article-arrow[b-o3nmy5jxvj] {
    flex-shrink: 0;
}

.recent-article-arrow .arrow-icon[b-o3nmy5jxvj] {
    width: 1rem;
    height: 1rem;
    color: rgba(148, 163, 184, 0.6);
}

.recent-article:hover .arrow-icon[b-o3nmy5jxvj] {
    color: var(--kb-accent);
}

/* Search Results */
.search-results[b-o3nmy5jxvj] {
    background: var(--kb-card);
    border: 1px solid var(--kb-border);
    border-radius: 14px;
    overflow: hidden;
}

.search-result[b-o3nmy5jxvj] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.search-result:hover[b-o3nmy5jxvj] {
    background: rgba(148, 163, 184, 0.08);
}

.search-result + .search-result[b-o3nmy5jxvj] {
    border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.result-icon[b-o3nmy5jxvj] {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    background: rgba(34, 197, 94, 0.12);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.result-content[b-o3nmy5jxvj] {
    flex: 1;
}

.result-title[b-o3nmy5jxvj] {
    font-weight: 600;
    color: var(--kb-text);
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
}

.result-snippet[b-o3nmy5jxvj] {
    color: var(--kb-muted);
    margin-bottom: 0.5rem;
    line-height: 1.5;
}

.result-meta[b-o3nmy5jxvj] {
    font-size: 0.85rem;
    color: var(--kb-accent);
    font-weight: 500;
}

.kb-loading[b-o3nmy5jxvj],
.kb-error[b-o3nmy5jxvj] {
    padding: 2rem;
    background: var(--kb-card);
    border: 1px solid var(--kb-border);
    border-radius: 14px;
    text-align: center;
    color: var(--kb-muted);
}

.kb-error[b-o3nmy5jxvj] {
    color: #fca5a5;
}

.article-view[b-o3nmy5jxvj] {
    background: var(--kb-card);
    border: 1px solid var(--kb-border);
    border-radius: 16px;
    padding: 1.5rem 2rem 2rem;
}

.article-header[b-o3nmy5jxvj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.article-breadcrumb[b-o3nmy5jxvj] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--kb-muted);
    font-size: 0.9rem;
    flex-wrap: wrap;
}

.breadcrumb-divider[b-o3nmy5jxvj] {
    width: 1rem;
    height: 1rem;
    color: var(--kb-muted);
}

.article-content h1[b-o3nmy5jxvj] {
    color: var(--kb-text);
    font-size: 1.9rem;
    margin-bottom: 0.75rem;
}

.article-meta[b-o3nmy5jxvj] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    color: var(--kb-muted);
    font-size: 0.85rem;
    margin-bottom: 1.5rem;
}

.article-body[b-o3nmy5jxvj] {
    color: var(--kb-text);
    line-height: 1.7;
}

.article-body p[b-o3nmy5jxvj],
.article-body li[b-o3nmy5jxvj] {
    color: var(--kb-muted);
}

.article-body h2[b-o3nmy5jxvj],
.article-body h3[b-o3nmy5jxvj] {
    color: var(--kb-text);
    margin-top: 1.5rem;
}

.article-footer[b-o3nmy5jxvj] {
    border-top: 1px solid rgba(148, 163, 184, 0.2);
    padding-top: 1.5rem;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.article-helpful[b-o3nmy5jxvj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    color: var(--kb-text);
}

.contact-card[b-o3nmy5jxvj] {
    background: linear-gradient(120deg, rgba(34, 197, 94, 0.12), rgba(15, 118, 110, 0.18));
    border: 1px solid rgba(34, 197, 94, 0.2);
    border-radius: 16px;
    padding: 1.8rem;
}

.contact-card p[b-o3nmy5jxvj] {
    color: var(--kb-muted);
}

.no-results[b-o3nmy5jxvj] {
    text-align: center;
    padding: 2rem 1.5rem;
    color: var(--kb-muted);
}

.no-results h3[b-o3nmy5jxvj] {
    color: var(--kb-text);
    margin-bottom: 0.5rem;
}

.faq-list[b-o3nmy5jxvj] {
    display: grid;
    gap: 0.75rem;
}

.faq-item[b-o3nmy5jxvj] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    background: var(--kb-card);
    border: 1px solid var(--kb-border);
    border-radius: 12px;
    padding: 1rem 1.25rem;
    text-align: left;
    color: var(--kb-text);
    transition: all 0.2s ease;
}

.faq-item:hover[b-o3nmy5jxvj] {
    background: var(--kb-card-hover);
    border-color: rgba(34, 197, 94, 0.6);
    transform: translateY(-2px);
    box-shadow: 0 14px 25px rgba(2, 6, 23, 0.4);
}

.faq-icon[b-o3nmy5jxvj] {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(34, 197, 94, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-content[b-o3nmy5jxvj] {
    flex: 1;
}

.faq-title[b-o3nmy5jxvj] {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.faq-snippet[b-o3nmy5jxvj] {
    color: var(--kb-muted);
    font-size: 0.9rem;
}

.article-tags[b-o3nmy5jxvj],
.result-tags[b-o3nmy5jxvj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.6rem;
}

.tag-chip[b-o3nmy5jxvj] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    background: var(--kb-accent-soft);
    color: var(--kb-accent-2);
    border: 1px solid rgba(34, 197, 94, 0.2);
}

@keyframes kb-fade-up-b-o3nmy5jxvj {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */
@media (max-width: 991.98px) {
    .kb-client-header-shell[b-o3nmy5jxvj] {
        left: 1rem;
        right: 1rem;
    }

    .kb-client-body[b-o3nmy5jxvj] {
        padding-top: calc(15px + 5rem + 3.5rem + 0.75rem + var(--page-header-content-gap, 20px));
    }
}

@media (max-width: 768px) {
    .header-content[b-o3nmy5jxvj] {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .header-text h1[b-o3nmy5jxvj] { font-size: 2rem; }

    .article-grid[b-o3nmy5jxvj] { grid-template-columns: 1fr; }
    .category-grid[b-o3nmy5jxvj] { grid-template-columns: repeat(2, 1fr); }

    .search-section[b-o3nmy5jxvj] { padding: 0 1rem; }

    .search-row[b-o3nmy5jxvj] {
        flex-direction: column;
        align-items: stretch;
    }

    .kb-back-button[b-o3nmy5jxvj] {
        width: 100%;
        justify-content: center;
    }

    .search-box[b-o3nmy5jxvj] { max-width: 100%; }

    .kb-client-body[b-o3nmy5jxvj] {
        padding-top: calc(15px + 6rem + 4rem + 0.75rem + var(--page-header-content-gap, 20px));
    }

    .kb-content[b-o3nmy5jxvj] { padding: 0 1rem; }
}

@media (max-width: 480px) {
    .page-header[b-o3nmy5jxvj] { padding: 0.9rem 1.5rem; }
    .category-grid[b-o3nmy5jxvj] { grid-template-columns: 1fr; }
    .article-card[b-o3nmy5jxvj] { padding: 1rem; }

    .search-result[b-o3nmy5jxvj] {
        flex-direction: column;
        align-items: flex-start;
    }

    .result-icon[b-o3nmy5jxvj] { align-self: flex-start; }
}

/* Upload Zone Styling */
.kb-upload-zone[b-o3nmy5jxvj] {
    border-color: #0ea5a4;
    background-color: rgba(14, 165, 164, 0.05);
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.kb-upload-zone:hover[b-o3nmy5jxvj] {
    background-color: rgba(14, 165, 164, 0.12);
    border-color: #06b6d4;
    box-shadow: 0 0 15px rgba(14, 165, 164, 0.2);
}

.kb-upload-zone:active[b-o3nmy5jxvj] {
    background-color: rgba(14, 165, 164, 0.2);
    border-color: #0891b2;
}

html.dark .kb-upload-zone[b-o3nmy5jxvj],
body.dark .kb-upload-zone[b-o3nmy5jxvj],
.dark .kb-upload-zone[b-o3nmy5jxvj] {
    border-color: #22c55e;
    background-color: rgba(34, 197, 94, 0.08);
}

html.dark .kb-upload-zone:hover[b-o3nmy5jxvj],
body.dark .kb-upload-zone:hover[b-o3nmy5jxvj],
.dark .kb-upload-zone:hover[b-o3nmy5jxvj] {
    background-color: rgba(34, 197, 94, 0.15);
    border-color: #86efac;
    box-shadow: 0 0 15px rgba(34, 197, 94, 0.2);
}
/* _content/YAGServiceDesk/Pages/Client Pages/ClientITSupportDashboard.razor.rz.scp.css */
/* Client IT Support Dashboard Page Styles */

/* Constrain all child component SVGs */
.client-it-dashboard-page[b-fz2przq50g]  svg {
    max-width: 3rem;
    max-height: 3rem;
}

[b-fz2przq50g] .section-icon {
    width: 1.5rem;
    height: 1.5rem;
    max-width: 1.5rem !important;
    max-height: 1.5rem !important;
}

[b-fz2przq50g] .link-icon {
    width: 1rem;
    height: 1rem;
    max-width: 1rem !important;
    max-height: 1rem !important;
}

[b-fz2przq50g] .empty-state-icon {
    width: 3rem;
    height: 3rem;
    max-width: 3rem !important;
    max-height: 3rem !important;
}

[b-fz2przq50g] .kb-icon-svg, [b-fz2przq50g] .kb-item-icon {
    width: 1.25rem;
    height: 1.25rem;
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
}

[b-fz2przq50g] .arrow-icon {
    width: 1rem;
    height: 1rem;
    max-width: 1rem !important;
    max-height: 1rem !important;
}

[b-fz2przq50g] .btn-icon {
    width: 1rem;
    height: 1rem;
    max-width: 1rem !important;
    max-height: 1rem !important;
}


.page-scroll-layout.client-it-dashboard-page[b-fz2przq50g] {
    height: auto;
    max-height: none;
    overflow: visible;
    min-height: 0;
}

:global(body:has(.client-it-dashboard-page))[b-fz2przq50g] {
    overflow: hidden;
}

.client-it-dashboard-page[b-fz2przq50g] {
    /* Same horizontal bounds as header: break out of article, shared inset */
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    padding-bottom: 0;
    background: #0f1729;
    color: #e2e8f0;
}

.client-it-dashboard-page > .page-header-stack[b-fz2przq50g] {
    flex-shrink: 0;
    width: 100%;
    background: #0f1729;
    padding-bottom: 0;
}

.client-it-dashboard-page > .page-header-stack .page-header[b-fz2przq50g] {
    margin-bottom: var(--page-header-content-gap, 20px) !important;
}

.client-it-dashboard-scroll[b-fz2przq50g] {
    width: 100%;
    overflow: visible;
    padding: 0 0 2rem;
    box-sizing: border-box;
}

/* Requests ~2/3, 20px gap, Guides fills remainder to header right edge */
.client-it-dashboard-cards[b-fz2przq50g] {
    display: grid;
    grid-template-columns: calc((100% - 20px) * 2 / 3 - 100px) calc((100% - 20px) / 3 + 100px);
    gap: 20px;
    width: 100%;
    margin: 0;
    padding-bottom: 1.5rem;
    box-sizing: border-box;
    align-items: stretch;
}

.section-card-tickets[b-fz2przq50g],
.section-card-guides[b-fz2przq50g] {
    min-width: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

/* Override global quick-actions.css fixed .section-card width (440px) */
.client-it-dashboard-cards > .section-card[b-fz2przq50g] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: normal !important;
    margin-bottom: 0;
}

.page-header[b-fz2przq50g] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 0;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    min-height: fit-content;
}

.header-content[b-fz2przq50g] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    max-width: 100%;
    margin: 0;
}

.header-icon[b-fz2przq50g] {
    flex-shrink: 0;
    color: #fff;
}

.header-icon[b-fz2przq50g]  .page-icon,
.header-icon[b-fz2przq50g]  svg {
    width: 2.5rem;
    height: 2.5rem;
    max-width: 2.5rem !important;
    max-height: 2.5rem !important;
    opacity: 0.9;
    flex-shrink: 0;
    margin-top: 0.2rem;
    color: #fff;
}

.header-text[b-fz2przq50g] {
    flex: 1;
    min-width: 0;
}

.header-text h1[b-fz2przq50g] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
}

.header-text p[b-fz2przq50g] {
    margin: 0;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
}

.header-actions[b-fz2przq50g] {
    flex-shrink: 0;
    align-self: flex-start;
}

.btn-settings[b-fz2przq50g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.15);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-settings:hover[b-fz2przq50g] {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-1px);
}

.btn-settings .btn-icon[b-fz2przq50g] {
    width: 37px;
    height: 37px;
}

.content-grid[b-fz2przq50g] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
    margin: 0;
    padding: 0;
    width: 100%;
}

.section-card[b-fz2przq50g] {
    background: #162035;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    margin-bottom: 0;
}

.section-card:hover[b-fz2przq50g] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.section-header[b-fz2przq50g] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-header h2[b-fz2przq50g] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: #e2e8f0;
}

.section-icon[b-fz2przq50g] {
    width: 1.5rem;
    height: 1.5rem;
    color: #6366f1;
}

.view-all-link[b-fz2przq50g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #6366f1;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9rem;
    transition: color 0.2s ease;
}

.view-all-link:hover[b-fz2przq50g] {
    color: #4f46e5;
}

.link-icon[b-fz2przq50g] {
    width: 1rem;
    height: 1rem;
}

/* Action Cards */
.action-grid[b-fz2przq50g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    padding: 1.5rem;
}

.action-card[b-fz2przq50g] {
    display: flex;
    align-items: center;
    gap: 1.75rem;
    padding: 1.25rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.action-card:hover[b-fz2przq50g] {
    background: #f1f5f9;
    border-color: #6366f1;
    transform: translateX(4px);
}

.action-icon .card-icon[b-fz2przq50g] {
    width: 2.5rem;
    height: 2.5rem;
    color: #6366f1;
}

.action-content[b-fz2przq50g] {
    flex: 1;
}

.action-content h3[b-fz2przq50g] {
    margin: 0 0 0.25rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2937;
}

.action-content p[b-fz2przq50g] {
    margin: 0;
    color: #6b7280;
    font-size: 0.9rem;
    line-height: 1.4;
}

.action-arrow .arrow-icon[b-fz2przq50g] {
    width: 1.25rem;
    height: 1.25rem;
    color: #9ca3af;
    transition: transform 0.2s ease;
}

.action-card:hover .arrow-icon[b-fz2przq50g] {
    transform: translateX(4px);
    color: #6366f1;
}

/* Tickets Preview */
.tickets-preview[b-fz2przq50g] {
    padding: 1.5rem;
}

.ticket-item[b-fz2przq50g] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.ticket-item:hover[b-fz2przq50g] {
    background: rgba(255,255,255,0.05);
}

.ticket-item + .ticket-item[b-fz2przq50g] {
    border-top: 1px solid rgba(255,255,255,0.07);
}

.ticket-status[b-fz2przq50g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-open[b-fz2przq50g]     { background: #fef3c7; color: #d97706; }
.status-progress[b-fz2przq50g] { background: #dbeafe; color: #2563eb; }
.status-resolved[b-fz2przq50g] { background: #d1fae5; color: #059669; }
.status-closed[b-fz2przq50g]   { background: #f3f4f6; color: #6b7280; }

.status-icon[b-fz2przq50g] {
    width: 1rem;
    height: 1rem;
}

.ticket-content[b-fz2przq50g] {
    flex: 1;
}

.ticket-title[b-fz2przq50g] {
    font-weight: 600;
    color: #e2e8f0;
    margin-bottom: 0.25rem;
}

.ticket-meta[b-fz2przq50g] {
    font-size: 0.85rem;
    color: #94a3b8;
}

.ticket-arrow .arrow-icon[b-fz2przq50g] {
    width: 1rem;
    height: 1rem;
    color: #d1d5db;
}

.ticket-items[b-fz2przq50g] {
    padding: 1.5rem;
    flex: 1;
}

/* Knowledge Base Items */
.kb-items[b-fz2przq50g] {
    padding: 1.5rem;
    flex: 1;
    padding-bottom: 1.5rem;
}

.kb-item[b-fz2przq50g] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.kb-item:hover[b-fz2przq50g] {
    background: rgba(255,255,255,0.05);
    transform: translateX(4px);
}

.kb-item + .kb-item[b-fz2przq50g] {
    border-top: 1px solid rgba(255,255,255,0.07);
}

.kb-icon[b-fz2przq50g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: #3d2860;
    border-radius: 8px;
    flex-shrink: 0;
}

.kb-item-icon[b-fz2przq50g],
.kb-icon-svg[b-fz2przq50g] {
    width: 1.25rem;
    height: 1.25rem;
    color: #a5b4fc;
}

.kb-content[b-fz2przq50g] {
    flex: 1;
}

.kb-title[b-fz2przq50g] {
    font-weight: 600;
    color: #e2e8f0;
    margin-bottom: 0.25rem;
}

.kb-description[b-fz2przq50g] {
    font-size: 0.85rem;
    color: #94a3b8;
    line-height: 1.4;
}

/* Quick Links */
.quick-links[b-fz2przq50g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem;
    padding: 1.5rem;
}

.quick-link[b-fz2przq50g] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    text-decoration: none;
    color: #374151;
    font-weight: 500;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

.quick-link:hover[b-fz2przq50g] {
    background: #f1f5f9;
    border-color: #6366f1;
    color: #6366f1;
    text-decoration: none;
}

.quick-link .link-icon[b-fz2przq50g] {
    width: 1.25rem;
    height: 1.25rem;
}

/* Empty State */
.empty-state[b-fz2przq50g] {
    text-align: center;
    padding: 3rem;
    color: #94a3b8;
}

.empty-icon[b-fz2przq50g] {
    margin-bottom: 1rem;
}

.empty-state-icon[b-fz2przq50g] {
    width: 3rem;
    height: 3rem;
    color: #d1d5db;
}

.empty-state p[b-fz2przq50g] {
    margin: 0;
    font-size: 0.95rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .content-grid[b-fz2przq50g] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .action-grid[b-fz2przq50g] {
        grid-template-columns: 1fr;
        padding: 1rem;
    }

    .header-content[b-fz2przq50g] {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .header-text h1[b-fz2przq50g] {
        font-size: 2rem;
    }

    .quick-links[b-fz2przq50g] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .page-header[b-fz2przq50g] {
        padding: 1.5rem;
    }

    .section-header[b-fz2przq50g] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .action-card[b-fz2przq50g] {
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }

    .action-arrow[b-fz2przq50g] {
        display: none;
    }
}
/* _content/YAGServiceDesk/Pages/Client Pages/ClientMyITTickets.razor.rz.scp.css */
/* Client My IT Tickets Page Styles */

.page-container[b-yyisa5tk8q] {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    background: #f8fafc;
    min-height: 100vh;
}

html.dark .page-container[b-yyisa5tk8q],
.dark .page-container[b-yyisa5tk8q] {
    background: #0f172a;
}

.page-header[b-yyisa5tk8q] {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    overflow: hidden;
    min-height: fit-content;
}

.header-content[b-yyisa5tk8q] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    max-width: 100%;
    margin: 0;
    flex: 1;
    min-width: 0;
}

.header-icon .page-icon[b-yyisa5tk8q] {
    width: 2.5rem;
    height: 2.5rem;
    opacity: 0.9;
    flex-shrink: 0;
    margin-top: 0.2rem;
}

.header-text[b-yyisa5tk8q] {
    flex: 1;
    min-width: 0;
}

.header-text h1[b-yyisa5tk8q] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.3rem;
}

.header-text p[b-yyisa5tk8q] {
    margin: 0;
    font-size: 0.9rem;
    opacity: 0.9;
    line-height: 1.3;
}

.header-actions[b-yyisa5tk8q] {
    flex-shrink: 0;
    align-self: flex-start;
}

.btn-primary[b-yyisa5tk8q] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0.6rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    transition: all 0.2s ease;
}

.btn-primary:hover[b-yyisa5tk8q] {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-1px);
}

.btn-icon[b-yyisa5tk8q] {
    width: 1rem;
    height: 1rem;
}

/* Status Filter Tabs */
.status-filter-tabs[b-yyisa5tk8q] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    border-bottom: 2px solid #e2e8f0;
    flex-wrap: wrap;
}

html.dark .status-filter-tabs[b-yyisa5tk8q],
.dark .status-filter-tabs[b-yyisa5tk8q] {
    border-bottom-color: #1e293b;
}

.filter-tab[b-yyisa5tk8q] {
    background: none;
    border: none;
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.filter-tab:hover[b-yyisa5tk8q] {
    color: #3b82f6;
    background: rgba(59, 130, 246, 0.05);
}

.filter-tab.active[b-yyisa5tk8q] {
    color: #3b82f6;
    border-bottom-color: #3b82f6;
    background: rgba(59, 130, 246, 0.1);
}

/* Tickets Container */
.tickets-container[b-yyisa5tk8q] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0 1rem 1rem 1rem;
}

.ticket-card[b-yyisa5tk8q] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.ticket-card:hover[b-yyisa5tk8q] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-color: #3b82f6;
}

.ticket-status[b-yyisa5tk8q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    min-width: 90px;
    text-align: center;
}

.ticket-status .status-icon[b-yyisa5tk8q] {
    width: 2.2rem;
    height: 2.2rem;
}

.status-text[b-yyisa5tk8q] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.1;
}

.status-open[b-yyisa5tk8q] {
    color: #dc2626;
}

.status-open .status-icon[b-yyisa5tk8q] {
    color: #dc2626;
}

.status-in-progress[b-yyisa5tk8q] {
    color: #d97706;
}

.status-in-progress .status-icon[b-yyisa5tk8q] {
    color: #d97706;
}

.status-resolved[b-yyisa5tk8q] {
    color: #059669;
}

.status-resolved .status-icon[b-yyisa5tk8q] {
    color: #059669;
}

.status-closed[b-yyisa5tk8q] {
    color: #6b7280;
}

.status-closed .status-icon[b-yyisa5tk8q] {
    color: #6b7280;
}

.status-unknown[b-yyisa5tk8q] {
    color: #64748b;
}

.status-unknown .status-icon[b-yyisa5tk8q] {
    color: #64748b;
}

.ticket-content[b-yyisa5tk8q] {
    flex: 1;
    min-width: 0;
}

.ticket-header[b-yyisa5tk8q] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.75rem;
    gap: 1rem;
}

.ticket-title[b-yyisa5tk8q] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2937;
    line-height: 1.3;
}

.ticket-id[b-yyisa5tk8q] {
    font-size: 0.85rem;
    color: #6b7280;
    font-weight: 500;
    flex-shrink: 0;
}

.ticket-meta[b-yyisa5tk8q] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    margin-bottom: 0.75rem;
}

.meta-item[b-yyisa5tk8q] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.85rem;
    color: #6b7280;
}

.meta-icon[b-yyisa5tk8q] {
    width: 1rem;
    height: 1rem;
    color: #9ca3af;
    flex-shrink: 0;
}

.priority-high[b-yyisa5tk8q] {
    color: #dc2626;
    font-weight: 600;
}

.priority-medium[b-yyisa5tk8q] {
    color: #d97706;
    font-weight: 600;
}

.priority-low[b-yyisa5tk8q] {
    color: #059669;
    font-weight: 600;
}

.ticket-description[b-yyisa5tk8q] {
    color: #4b5563;
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0 0 0.75rem 0;
}

.last-updated[b-yyisa5tk8q] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    color: #9ca3af;
    font-style: italic;
}

.ticket-actions[b-yyisa5tk8q] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.action-icon[b-yyisa5tk8q] {
    width: 1.25rem;
    height: 1.25rem;
    color: #9ca3af;
    transition: all 0.2s ease;
}

.ticket-card:hover .action-icon[b-yyisa5tk8q] {
    color: #3b82f6;
    transform: translateX(2px);
}

/* Empty State */
.empty-state[b-yyisa5tk8q] {
    text-align: center;
    padding: 4rem 2rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 2px dashed #cbd5e1;
}

.empty-icon[b-yyisa5tk8q] {
    margin-bottom: 1.5rem;
}

.empty-state-icon[b-yyisa5tk8q] {
    width: 4rem;
    height: 4rem;
    color: #cbd5e1;
    margin: 0 auto;
}

.empty-state h3[b-yyisa5tk8q] {
    color: #64748b;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.empty-state p[b-yyisa5tk8q] {
    color: #9ca3af;
    font-size: 0.95rem;
    line-height: 1.5;
    max-width: 400px;
    margin: 0 auto 1.5rem auto;
}

.empty-state .btn-primary[b-yyisa5tk8q] {
    background: #3b82f6;
    color: white;
    border: 1px solid #3b82f6;
    margin: 0 auto;
}

.empty-state .btn-primary:hover[b-yyisa5tk8q] {
    background: #2563eb;
    border-color: #2563eb;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-header[b-yyisa5tk8q] {
        padding: 1.25rem;
        flex-direction: column;
        align-items: stretch;
    }

    .header-content[b-yyisa5tk8q] {
        margin-bottom: 1rem;
    }

    .header-text h1[b-yyisa5tk8q] {
        font-size: 1.5rem;
    }

    .header-actions[b-yyisa5tk8q] {
        align-self: stretch;
    }

    .btn-primary[b-yyisa5tk8q] {
        justify-content: center;
        width: 100%;
    }

    .status-filter-tabs[b-yyisa5tk8q] {
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .filter-tab[b-yyisa5tk8q] {
        font-size: 0.8rem;
        padding: 0.6rem 0.8rem;
    }

    .ticket-card[b-yyisa5tk8q] {
        padding: 1.25rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .ticket-status[b-yyisa5tk8q] {
        flex-direction: row;
        align-items: center;
        min-width: auto;
        align-self: stretch;
        justify-content: space-between;
        padding-bottom: 0.75rem;
        border-bottom: 1px solid #f1f5f9;
        margin-bottom: 0.75rem;
    }

    .ticket-header[b-yyisa5tk8q] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .ticket-meta[b-yyisa5tk8q] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .ticket-actions[b-yyisa5tk8q] {
        align-self: stretch;
        justify-content: center;
        padding-top: 0.75rem;
        border-top: 1px solid #f1f5f9;
        margin-top: 0.75rem;
    }
}

@media (max-width: 480px) {
    .page-container[b-yyisa5tk8q] {
        padding: 0 0.75rem;
    }

    .ticket-card[b-yyisa5tk8q] {
        padding: 1rem;
    }

    .empty-state[b-yyisa5tk8q] {
        padding: 2rem 1rem;
    }
}
/* _content/YAGServiceDesk/Pages/Client Pages/ClientMyTickets.razor.rz.scp.css */
/* Client My Tickets Page Styles */

/* Prevent icon flash / giant icons on load */
.page-container[b-hjpmxm01d9]  svg {
    max-width: 3rem;
    max-height: 3rem;
}

.btn[b-hjpmxm01d9]  svg, .btn-icon[b-hjpmxm01d9] {
    max-width: 1.5rem !important;
    max-height: 1.5rem !important;
}

.empty-icon[b-hjpmxm01d9]  svg {
    max-width: 3rem !important;
    max-height: 3rem !important;
    width: 3rem;
    height: 3rem;
}

.client-my-tickets-page[b-hjpmxm01d9] {
    display: flex;
    flex-direction: column;
    /* Break out of article padding so content spans the full main column */
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
    height: calc(100vh - var(--impersonation-banner-height) - var(--maintenance-banner-height) - 95px);
    max-height: calc(100vh - var(--impersonation-banner-height) - var(--maintenance-banner-height) - 95px);
    overflow: hidden;
    --client-tickets-inset: 20px;
}

.page-container[b-hjpmxm01d9] {
    flex: 1;
    min-height: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: calc(var(--client-my-tickets-fixed-height, 11rem) + var(--page-header-content-gap, 20px)) var(--client-tickets-inset, 20px) 0 var(--client-tickets-inset, 20px);
    background: #f8fafc;
    color: #1f2937;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.client-my-tickets-fixed-shell[b-hjpmxm01d9] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: 260px;
    right: 0;
    z-index: 100;
    background: #0f172a;
    padding: 15px var(--client-tickets-inset, 20px) 0 var(--client-tickets-inset, 20px);
    box-sizing: border-box;
}

.client-my-tickets-fixed-shell .filters-container[b-hjpmxm01d9] {
    background: #f8fafc;
    margin-bottom: 0;
    padding: 0.35rem 0 0.5rem;
}

.client-my-tickets-fixed-shell .ticket-list-header[b-hjpmxm01d9] {
    background: #f8fafc;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.client-my-tickets-fixed-shell .page-header[b-hjpmxm01d9] {
    margin-bottom: var(--page-header-content-gap, 20px);
    border-radius: 12px;
}

html.dark .page-container[b-hjpmxm01d9],
.dark .page-container[b-hjpmxm01d9] {
    background: #0f172a;
    color: #ffffff;
}

html.dark .client-my-tickets-fixed-shell .filters-container[b-hjpmxm01d9],
.dark .client-my-tickets-fixed-shell .filters-container[b-hjpmxm01d9],
html.dark .client-my-tickets-fixed-shell .ticket-list-header[b-hjpmxm01d9],
.dark .client-my-tickets-fixed-shell .ticket-list-header[b-hjpmxm01d9] {
    background: #0f172a;
}

html.dark .ticket-card[b-hjpmxm01d9],
.dark .ticket-card[b-hjpmxm01d9] {
    background: #1e293b;
    border-color: #334155;
    color: #ffffff;
}

.page-header[b-hjpmxm01d9] {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    min-height: fit-content;
}

.header-content[b-hjpmxm01d9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: 100%;
    margin: 0;
}

.header-icon[b-hjpmxm01d9]  .page-icon,
.header-icon[b-hjpmxm01d9]  svg {
    width: 1.75rem;
    height: 1.75rem;
    max-width: 1.75rem;
    max-height: 1.75rem;
    opacity: 0.9;
    flex-shrink: 0;
}

.header-text[b-hjpmxm01d9] {
    flex: 1;
    min-width: 0;
}

.header-text h1[b-hjpmxm01d9] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
}

.header-text p[b-hjpmxm01d9] {
    margin: 0;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
}

/* Filters Container */
.filters-container[b-hjpmxm01d9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin-bottom: 17px;
    border-bottom: 2px solid #e2e8f0;
    flex-wrap: wrap;
    flex-shrink: 0;
}

html.dark .filters-container[b-hjpmxm01d9],
.dark .filters-container[b-hjpmxm01d9] {
    border-bottom-color: #1e293b;
}

/* Status Filter Tabs */
.status-filter-tabs[b-hjpmxm01d9] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    background: transparent;
    flex: 1;
    min-width: 0;
}

html.dark .status-filter-tabs[b-hjpmxm01d9],
.dark .status-filter-tabs[b-hjpmxm01d9] {
    background: transparent;
}

.filter-tab[b-hjpmxm01d9] {
    background: none;
    border: none;
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    transition: all 0.2s ease;
    white-space: nowrap;
    text-align: center;
}

.filter-tab:hover[b-hjpmxm01d9] {
    color: #3b82f6;
    background: rgba(59, 130, 246, 0.05);
}

.filter-tab.active[b-hjpmxm01d9] {
    color: #3b82f6;
    border-bottom-color: #3b82f6;
    background: rgba(59, 130, 246, 0.1);
}

/* Tickets Container */
.tickets-container[b-hjpmxm01d9] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    width: 100%;
}

.tickets-scroll-body[b-hjpmxm01d9] {
    overflow-y: auto;
    flex: 1;
    min-height: 0;
    width: 100%;
    padding-right: 0;
    overscroll-behavior: contain;
}

.ticket-card[b-hjpmxm01d9] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    border-left: none;
    border-right: none;
    padding: 0.65rem 0;
    cursor: pointer;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    display: grid;
    grid-template-columns: 44px 110px 40px minmax(0, 1fr) 110px 130px 60px;
    column-gap: 20px;
    align-items: center;
    color: #1f2937;
    width: 100%;
    box-sizing: border-box;
}

.ticket-card:hover[b-hjpmxm01d9] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-color: #3b82f6;
}

.ticket-status[b-hjpmxm01d9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    width: 110px;
    max-width: 110px;
    padding: 0.25rem 0.5rem;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 4px;
    text-align: center;
    flex-shrink: 0;
    justify-self: start;
    margin-left: 0;
}

.ticket-status .status-icon[b-hjpmxm01d9] {
    width: 0.85rem;
    height: 0.85rem;
    min-width: 0.85rem;
    min-height: 0.85rem;
    flex-shrink: 0;
}

.ticket-status[b-hjpmxm01d9]  svg {
    width: 0.85rem;
    height: 0.85rem;
    min-width: 0.85rem;
    min-height: 0.85rem;
    flex-shrink: 0;
}

.status-text[b-hjpmxm01d9] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.status-open[b-hjpmxm01d9] { color: #dc2626; }
.status-open .status-icon[b-hjpmxm01d9] { color: #dc2626; }

.status-in-progress[b-hjpmxm01d9] { color: #d97706; }
.status-in-progress .status-icon[b-hjpmxm01d9] { color: #d97706; }

.status-resolved[b-hjpmxm01d9] { color: #059669; }
.status-resolved .status-icon[b-hjpmxm01d9] { color: #059669; }

.status-closed[b-hjpmxm01d9] { color: #6b7280; }
.status-closed .status-icon[b-hjpmxm01d9] { color: #6b7280; }

.status-new[b-hjpmxm01d9] { color: #3b82f6; }
.status-new .status-icon[b-hjpmxm01d9] { color: #3b82f6; }

.status-unknown[b-hjpmxm01d9] { color: #64748b; }
.status-unknown .status-icon[b-hjpmxm01d9] { color: #64748b; }

.ticket-content[b-hjpmxm01d9] {
    flex: 1;
    min-width: 0;
}

.ticket-header[b-hjpmxm01d9] {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    gap: 0.5rem;
    flex: 1;
    min-width: 0;
}

.ticket-title[b-hjpmxm01d9] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: #1f2937;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
}

.ticket-id[b-hjpmxm01d9] {
    font-size: 0.7rem;
    color: #9ca3af;
    font-weight: 600;
    flex-shrink: 0;
}

.ticket-meta[b-hjpmxm01d9] {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    margin-bottom: 0;
    align-items: center;
    flex-shrink: 0;
}

.meta-item[b-hjpmxm01d9] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.7rem;
    color: #6b7280;
    white-space: nowrap;
}

.meta-icon[b-hjpmxm01d9] {
    width: 0.75rem;
    height: 0.75rem;
    color: #9ca3af;
    flex-shrink: 0;
}

.ticket-description[b-hjpmxm01d9] {
    color: #6b7280;
    font-size: 0.75rem;
    line-height: 1.3;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
}

.ticket-actions[b-hjpmxm01d9] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.action-icon[b-hjpmxm01d9] {
    width: 1rem;
    height: 1rem;
    color: #9ca3af;
    transition: all 0.2s ease;
}

.ticket-card:hover .action-icon[b-hjpmxm01d9] {
    color: #3b82f6;
    transform: translateX(2px);
}

/* Empty State */
.empty-state[b-hjpmxm01d9] {
    text-align: center;
    padding: 4rem 2rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 2px dashed #cbd5e1;
}

.empty-icon[b-hjpmxm01d9] {
    margin-bottom: 1.5rem;
}

.empty-state-icon[b-hjpmxm01d9] {
    width: 4rem;
    height: 4rem;
    color: #cbd5e1;
    margin: 0 auto;
}

.empty-state h3[b-hjpmxm01d9] {
    color: #64748b;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.empty-state p[b-hjpmxm01d9] {
    color: #9ca3af;
    font-size: 0.95rem;
    line-height: 1.5;
    max-width: 400px;
    margin: 0 auto;
}

/* Responsive Design */
@media (max-width: 991.98px) {
    .client-my-tickets-fixed-shell[b-hjpmxm01d9] {
        left: 240px;
        right: 0;
    }
}

@media (max-width: 768px) {
    .client-my-tickets-page[b-hjpmxm01d9] {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .client-my-tickets-fixed-shell[b-hjpmxm01d9] {
        left: 0;
        right: 0;
    }

    .page-container[b-hjpmxm01d9] {
        flex: none;
        min-height: 0;
        overflow: visible;
    }

    .page-header[b-hjpmxm01d9] {
        padding: 1.25rem;
    }

    .header-text h1[b-hjpmxm01d9] {
        font-size: 1.5rem;
    }

    .filters-container[b-hjpmxm01d9] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    .status-filter-tabs[b-hjpmxm01d9] {
        overflow-x: auto;
        scrollbar-width: thin;
        flex: none;
        width: 100%;
    }

    .category-filters[b-hjpmxm01d9] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .checkbox-group[b-hjpmxm01d9] {
        flex-wrap: wrap;
    }

    .filter-tab[b-hjpmxm01d9] {
        font-size: 0.8rem;
        padding: 0.6rem 0.8rem;
    }

    .ticket-card[b-hjpmxm01d9] {
        display: flex;
        flex-direction: column;
        padding: 0.75rem;
        align-items: flex-start;
    }

    .tlh-status[b-hjpmxm01d9],
    .ticket-status[b-hjpmxm01d9],
    .tlh-submitted[b-hjpmxm01d9],
    .ticket-col-submitted[b-hjpmxm01d9],
    .tlh-assigned[b-hjpmxm01d9],
    .ticket-col-assigned[b-hjpmxm01d9] {
        margin-left: 0;
        justify-self: auto;
        width: auto;
        max-width: none;
    }

    .ticket-status[b-hjpmxm01d9] {
        flex-direction: row;
        align-items: center;
        min-width: auto;
        align-self: stretch;
        justify-content: space-between;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #f1f5f9;
        margin-bottom: 0.5rem;
    }

    .ticket-header[b-hjpmxm01d9] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.35rem;
    }

    .ticket-meta[b-hjpmxm01d9] {
        flex-direction: column;
        gap: 0.35rem;
    }

    .ticket-actions[b-hjpmxm01d9] {
        align-self: stretch;
        justify-content: center;
        padding-top: 0.5rem;
        border-top: 1px solid #f1f5f9;
        margin-top: 0.5rem;
    }

    .tickets-scroll-body[b-hjpmxm01d9] {
        overflow-y: visible;
        padding-right: 0;
    }
}

@media (max-width: 480px) {
    .page-container[b-hjpmxm01d9] {
        padding-left: var(--client-tickets-inset, 20px);
        padding-right: var(--client-tickets-inset, 20px);
    }

    .ticket-card[b-hjpmxm01d9] {
        padding: 0.65rem 0;
    }

    .empty-state[b-hjpmxm01d9] {
        padding: 2rem 1rem;
    }
}

/* Category filter styles */
.category-filters[b-hjpmxm01d9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: transparent;
    border: none;
    padding: 0;
    margin-bottom: 0;
}

html.dark .category-filters[b-hjpmxm01d9],
.dark .category-filters[b-hjpmxm01d9] {
    background: transparent;
    border-color: transparent;
}

.filter-title[b-hjpmxm01d9] {
    margin-bottom: 0;
    font-weight: 600;
    color: #212529;
    font-size: 0.9rem;
    white-space: nowrap;
}

html.dark .filter-title[b-hjpmxm01d9],
.dark .filter-title[b-hjpmxm01d9] {
    color: #e2e8f0;
}

.checkbox-group[b-hjpmxm01d9] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.checkbox-label[b-hjpmxm01d9] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    user-select: none;
}

.checkbox-label input[type="checkbox"][b-hjpmxm01d9] {
    appearance: none;
    -webkit-appearance: none;
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
}

.checkmark[b-hjpmxm01d9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    height: 1.1rem;
    border: 2px solid #dee2e6;
    border-radius: 3px;
    background: #ffffff;
    flex-shrink: 0;
    transition: background 0.15s, border-color 0.15s;
}

.checkbox-label input[type="checkbox"]:checked ~ .checkmark[b-hjpmxm01d9] {
    background: #0d6efd;
    border-color: #0d6efd;
}

.checkbox-label input[type="checkbox"]:checked ~ .checkmark[b-hjpmxm01d9]::after {
    content: '';
    display: block;
    width: 5px;
    height: 9px;
    border: 2px solid white;
    border-top: none;
    border-left: none;
    transform: rotate(45deg) translateY(-1px);
}

.checkbox-label:hover .checkmark[b-hjpmxm01d9] {
    border-color: #0d6efd;
}

/* Light mode styles */
@media (prefers-color-scheme: light) {
    .page-container[b-hjpmxm01d9] {
        background: #f8fafc !important;
        color: #1f2937 !important;
    }

    .ticket-card[b-hjpmxm01d9] {
        background: white !important;
        border: 1px solid #e2e8f0 !important;
        color: #1f2937 !important;
    }

    .ticket-title[b-hjpmxm01d9] { color: #1f2937 !important; }
    .ticket-description[b-hjpmxm01d9] { color: #4b5563 !important; }
    .meta-item[b-hjpmxm01d9] { color: #6b7280 !important; }
    .ticket-id[b-hjpmxm01d9] { color: #6b7280 !important; }

    .filters-container[b-hjpmxm01d9] {
        border-bottom: 2px solid #e2e8f0 !important;
    }

    .status-filter-tabs[b-hjpmxm01d9] { background: transparent !important; }

    .filter-tab[b-hjpmxm01d9] {
        background: none !important;
        color: #64748b !important;
        border: none !important;
    }

    .filter-tab:hover[b-hjpmxm01d9] {
        color: #3b82f6 !important;
        background: rgba(59, 130, 246, 0.05) !important;
    }

    .filter-tab.active[b-hjpmxm01d9] {
        color: #3b82f6 !important;
        border-bottom-color: #3b82f6 !important;
        background: rgba(59, 130, 246, 0.1) !important;
    }

    .category-filters[b-hjpmxm01d9] {
        background: transparent !important;
        border-color: transparent !important;
    }

    .filter-title[b-hjpmxm01d9] { color: #212529 !important; }
    .checkbox-label[b-hjpmxm01d9] { color: #212529 !important; }

    .empty-state[b-hjpmxm01d9] {
        background: #f8fafc !important;
        border: 2px dashed #cbd5e1 !important;
        color: #64748b !important;
    }

    .empty-state h3[b-hjpmxm01d9] { color: #64748b !important; }
    .empty-state p[b-hjpmxm01d9] { color: #9ca3af !important; }
}

/* Dark mode styles */
@media (prefers-color-scheme: dark) {
    .page-container[b-hjpmxm01d9] {
        background: #0f172a;
        color: #ffffff;
    }
    
    .ticket-card[b-hjpmxm01d9] {
        background: #1e293b;
        border-color: #334155;
        color: #ffffff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    }

    .ticket-card:hover[b-hjpmxm01d9] {
        border-color: #3b82f6;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    }

    .ticket-title[b-hjpmxm01d9] { color: #ffffff; }
    .ticket-description[b-hjpmxm01d9] { color: #a0aec0; }
    .meta-item[b-hjpmxm01d9] { color: #cbd5e0; }
    .ticket-id[b-hjpmxm01d9] { color: #a0aec0; }

    .filters-container[b-hjpmxm01d9] { border-bottom-color: #334155; }
    .status-filter-tabs[b-hjpmxm01d9] { background: transparent; }

    .filter-tab[b-hjpmxm01d9] { color: #cbd5e0; }

    .filter-tab:hover[b-hjpmxm01d9] {
        color: #3b82f6;
        background: rgba(59, 130, 246, 0.1);
    }

    .filter-tab.active[b-hjpmxm01d9] {
        color: #3b82f6;
        border-bottom-color: #3b82f6;
        background: rgba(59, 130, 246, 0.2);
    }

    .category-filters[b-hjpmxm01d9] {
        background: transparent;
        border-color: transparent;
    }

    .filter-title[b-hjpmxm01d9] { color: #e2e8f0; }

    .empty-state[b-hjpmxm01d9] {
        background: #1e293b;
        border-color: #334155;
        color: #a0aec0;
    }

    .empty-state h3[b-hjpmxm01d9] { color: #cbd5e0; }
    .empty-state p[b-hjpmxm01d9] { color: #a0aec0; }

    .category-filters[b-hjpmxm01d9] {
        background: #1e293b !important;
        border-color: #334155 !important;
    }

    .filter-title[b-hjpmxm01d9] { color: #ffffff !important; }
    .checkbox-label[b-hjpmxm01d9] { color: #ffffff !important; }

    .checkbox-label input[type="checkbox"][b-hjpmxm01d9] {
        border-color: #4a5568 !important;
        background: #2d3748 !important;
    }

    .checkbox-label input[type="checkbox"]:checked[b-hjpmxm01d9] {
        background: #3182ce !important;
        border-color: #3182ce !important;
    }

    .checkbox-label:hover input[type="checkbox"][b-hjpmxm01d9] {
        border-color: #3182ce !important;
    }
}

/* ---- Styles from inline block (column headers + checkbox overrides) ---- */

/* Ticket list column headers */
.ticket-list-header[b-hjpmxm01d9] {
    display: grid;
    grid-template-columns: 44px 110px 40px minmax(0, 1fr) 110px 130px 60px;
    column-gap: 20px;
    align-items: center;
    padding: 0.4rem 0;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6b7280;
    border-bottom: 2px solid #e2e8f0;
    margin-bottom: 0.25rem;
    flex-shrink: 0;
    overflow: visible;
}

.ticket-list-header > div[b-hjpmxm01d9] {
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
}

.tlh-type[b-hjpmxm01d9], .ticket-col-type[b-hjpmxm01d9] {
    width: 44px;
    max-width: 44px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ticket-col-type[b-hjpmxm01d9] {
    border-radius: 8px;
    padding: 0.3rem;
}

.ticket-col-type[b-hjpmxm01d9]  svg,
.ticket-col-type[b-hjpmxm01d9]  .type-icon {
    width: 1.25rem;
    height: 1.25rem;
    min-width: 1.25rem;
    min-height: 1.25rem;
    flex-shrink: 0;
}

.type-dev[b-hjpmxm01d9]   { color: #8b5cf6; background: rgba(139, 92, 246, 0.12); }
.type-fpa[b-hjpmxm01d9]   { color: #10b981; background: rgba(16, 185, 129, 0.12); }
.type-it[b-hjpmxm01d9]    { color: #3b82f6; background: rgba(59, 130, 246, 0.12); }
.type-glass[b-hjpmxm01d9] { color: #06b6d4; background: rgba(6, 182, 212, 0.12); }

.tlh-status[b-hjpmxm01d9] {
    width: 110px;
    max-width: 110px;
    flex-shrink: 0;
    text-align: center;
    justify-self: start;
}

.tlh-id[b-hjpmxm01d9], .ticket-col-id[b-hjpmxm01d9] {
    width: 40px;
    flex-shrink: 0;
    font-size: 0.7rem;
    color: #9ca3af;
    font-weight: 600;
}

.tlh-title[b-hjpmxm01d9], .ticket-col-title[b-hjpmxm01d9] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.875rem;
    font-weight: 600;
}

.tlh-submitted[b-hjpmxm01d9] {
    width: 110px;
    max-width: 110px;
    flex-shrink: 0;
    font-size: 0.75rem;
    color: #6b7280;
    white-space: nowrap;
    justify-self: start;
    margin-left: -25px;
}

.ticket-col-submitted[b-hjpmxm01d9] {
    width: 110px;
    max-width: 110px;
    flex-shrink: 0;
    font-size: 0.75rem;
    color: #6b7280;
    white-space: nowrap;
    justify-self: start;
}

.tlh-category[b-hjpmxm01d9], .ticket-col-category[b-hjpmxm01d9] {
    width: 100px;
    flex-shrink: 0;
    font-size: 0.75rem;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tlh-assigned[b-hjpmxm01d9] {
    width: 130px;
    max-width: 130px;
    flex-shrink: 0;
    font-size: 0.75rem;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    justify-self: start;
    margin-left: -25px;
}

.ticket-col-assigned[b-hjpmxm01d9] {
    width: 130px;
    max-width: 130px;
    flex-shrink: 0;
    font-size: 0.75rem;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    justify-self: start;
}

.tlh-actions[b-hjpmxm01d9] {
    width: 60px;
    flex-shrink: 0;
    text-align: center;
}

/* Checkbox overrides */
.checkbox-group[b-hjpmxm01d9] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.checkbox-label[b-hjpmxm01d9] {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 0.875rem;
    user-select: none;
    position: relative;
}

.category-filters .checkbox-group .checkbox-label.light-mode-text[b-hjpmxm01d9] {
    color: #000000 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.category-filters .checkbox-group .checkbox-label[data-theme="light"][b-hjpmxm01d9] {
    color: #000000 !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-weight: 500 !important;
}

.category-filters .checkbox-group .checkbox-label.light-mode-text *[b-hjpmxm01d9] {
    color: #000000 !important;
}

.checkbox-label.dark-mode-text[b-hjpmxm01d9] {
    color: #e5e7eb !important;
}

.checkbox-label input[type="checkbox"][b-hjpmxm01d9] {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #dee2e6;
    border-radius: 4px;
    margin-right: 0.5rem;
    background: #ffffff;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

.checkbox-label input[type="checkbox"]:checked[b-hjpmxm01d9] {
    background: #0d6efd;
    border-color: #0d6efd;
}

.checkbox-label:hover input[type="checkbox"][b-hjpmxm01d9] {
    border-color: #0d6efd;
}
/* _content/YAGServiceDesk/Pages/Client Pages/ClientTicketDetail.razor.rz.scp.css */
/* Client Ticket Detail — matches other client pages (My Tickets, etc.) */

.page-container[b-i50w9rleom] {
    max-width: 100%;
    margin-top: -15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 0 1rem;
    color: var(--text-primary, #1f2937);
}

.sticky-header-wrapper[b-i50w9rleom] {
    position: sticky;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    z-index: 100;
    background: #0f172a;
    padding-top: 15px;
    margin-bottom: 0;
}

.loading-state[b-i50w9rleom] {
    text-align: center;
    padding: 3rem 0;
}

/* ── Header ─────────────────────────────────────────────────────────────── */

.page-header.ticket-detail-header[b-i50w9rleom] {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: #fff;
    padding: 0.65rem 1.25rem;
    border-radius: 12px;
    margin-bottom: 1.25rem;
    box-shadow: 0 4px 20px rgba(59, 130, 246, 0.25);
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    overflow: hidden;
    min-height: fit-content;
}

.header-row[b-i50w9rleom] {
    display: flex;
    align-items: center;
    gap: 0.75rem 1rem;
    min-width: 0;
}

.header-row-title[b-i50w9rleom] {
    justify-content: space-between;
}

.header-row-meta[b-i50w9rleom] {
    justify-content: flex-start;
    flex-wrap: wrap;
}

.header-title-block[b-i50w9rleom] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    flex: 1 1 auto;
}

.header-icon[b-i50w9rleom] {
    font-size: 1.35rem;
    opacity: 0.92;
    flex-shrink: 0;
    line-height: 1;
}

.header-id-badges[b-i50w9rleom] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.45rem 0.65rem;
    flex-shrink: 0;
    margin-left: auto;
}

.btn-back[b-i50w9rleom] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 6px;
    padding: 0.3rem 0.65rem;
    font-size: 0.8125rem;
    cursor: pointer;
    transition: background 0.15s ease;
    flex-shrink: 0;
}

.btn-back:hover[b-i50w9rleom] {
    background: rgba(255, 255, 255, 0.28);
}

.header-created[b-i50w9rleom] {
    font-size: 0.8125rem;
    opacity: 0.92;
    white-space: nowrap;
}

.ticket-id[b-i50w9rleom] {
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    opacity: 0.95;
    white-space: nowrap;
}

.badge-group[b-i50w9rleom] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.35rem;
}

.ticket-title[b-i50w9rleom] {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.25;
    word-break: break-word;
    min-width: 0;
}

/* ── Badges ─────────────────────────────────────────────────────────────── */

.meta-badge[b-i50w9rleom] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    border: 1px solid transparent;
}

.ticket-detail-header .meta-badge[b-i50w9rleom] {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.35);
}

.meta-badge.status-open[b-i50w9rleom]        { background: rgba(219, 234, 254, 0.95); color: #1d4ed8; border-color: #93c5fd; }
.meta-badge.status-in-progress[b-i50w9rleom] { background: rgba(254, 249, 195, 0.95); color: #92400e; border-color: #fcd34d; }
.meta-badge.status-resolved[b-i50w9rleom]    { background: rgba(220, 252, 231, 0.95); color: #166534; border-color: #86efac; }
.meta-badge.status-closed[b-i50w9rleom]      { background: rgba(243, 244, 246, 0.95); color: #374151; border-color: #d1d5db; }
.meta-badge.status-done[b-i50w9rleom]        { background: rgba(220, 252, 231, 0.95); color: #166534; border-color: #86efac; }
.meta-badge.type-badge[b-i50w9rleom]         { background: rgba(237, 233, 254, 0.95); color: #5b21b6; border-color: #c4b5fd; }
.meta-badge.project-badge[b-i50w9rleom]      { background: rgba(224, 242, 254, 0.95); color: #0c4a6e; border-color: #7dd3fc; }
.meta-badge.priority-low[b-i50w9rleom]       { background: rgba(243, 244, 246, 0.95); color: #374151; border-color: #d1d5db; }
.meta-badge.priority-medium[b-i50w9rleom]    { background: rgba(254, 249, 195, 0.95); color: #92400e; border-color: #fcd34d; }
.meta-badge.priority-high[b-i50w9rleom]      { background: rgba(254, 226, 226, 0.95); color: #991b1b; border-color: #fca5a5; }
.meta-badge.priority-critical[b-i50w9rleom]  { background: rgba(254, 202, 202, 0.95); color: #7f1d1d; border-color: #f87171; }

.ticket-detail-body[b-i50w9rleom] {
    padding-bottom: 1.5rem;
    min-width: 0;
}

.ticket-content[b-i50w9rleom] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 1.5rem;
    align-items: start;
}

.content-main[b-i50w9rleom] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

.content-sidebar[b-i50w9rleom] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

/* ── Cards ──────────────────────────────────────────────────────────────── */

.detail-card[b-i50w9rleom],
.sidebar-card[b-i50w9rleom] {
    background: var(--bg-card, #fff);
    border: 1px solid var(--bs-border-color, #e5e7eb);
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.card-header[b-i50w9rleom] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1.25rem;
    border-bottom: 1px solid var(--bs-border-color, #e5e7eb);
    background: var(--bg-secondary, #f8fafc);
}

.card-title[b-i50w9rleom] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #1f2937);
}

.comment-count[b-i50w9rleom] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text-secondary, #64748b);
    background: var(--bg-card, #fff);
    border: 1px solid var(--bs-border-color, #e5e7eb);
    border-radius: 999px;
    padding: 0.15rem 0.55rem;
}

.card-content[b-i50w9rleom] {
    padding: 1.25rem;
}

/* ── Form ───────────────────────────────────────────────────────────────── */

.form-grid[b-i50w9rleom] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.form-group[b-i50w9rleom] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.form-group-full[b-i50w9rleom] {
    grid-column: 1 / -1;
}

.form-label[b-i50w9rleom] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-primary, #374151);
    margin: 0;
}

.form-actions[b-i50w9rleom] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--bs-border-color, #e5e7eb);
}

/* ── Comments ───────────────────────────────────────────────────────────── */

.empty-comments[b-i50w9rleom] {
    color: var(--text-secondary, #6b7280);
    margin: 0 0 1rem;
    font-size: 0.9rem;
}

.comments-list[b-i50w9rleom] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.comment-card[b-i50w9rleom] {
    background: var(--bg-secondary, #f8fafc);
    border: 1px solid var(--bs-border-color, #e5e7eb);
    border-radius: 8px;
    padding: 0.85rem 1rem;
}

.comment-header[b-i50w9rleom] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.35rem 0.75rem;
    margin-bottom: 0.35rem;
}

.comment-author[b-i50w9rleom] {
    font-weight: 600;
    font-size: 0.875rem;
}

.comment-date[b-i50w9rleom] {
    font-size: 0.78rem;
    color: var(--text-secondary, #6b7280);
}

.comment-body[b-i50w9rleom] {
    font-size: 0.9rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.add-comment[b-i50w9rleom] {
    padding-top: 1rem;
    border-top: 1px solid var(--bs-border-color, #e5e7eb);
}

/* ── Sidebar info ───────────────────────────────────────────────────────── */

.info-grid[b-i50w9rleom] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0;
}

.info-item[b-i50w9rleom] {
    margin: 0;
}

.info-label[b-i50w9rleom] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-secondary, #64748b);
    margin-bottom: 0.2rem;
}

.info-value[b-i50w9rleom] {
    margin: 0;
    font-size: 0.9375rem;
    color: var(--text-primary, #1f2937);
    word-break: break-word;
}

/* ── Timeline ───────────────────────────────────────────────────────────── */

.timeline[b-i50w9rleom] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.timeline-item[b-i50w9rleom] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.timeline-dot[b-i50w9rleom] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top: 0.35rem;
    flex-shrink: 0;
}

.timeline-dot.created[b-i50w9rleom]   { background: #3b82f6; }
.timeline-dot.updated[b-i50w9rleom]   { background: #f59e0b; }
.timeline-dot.completed[b-i50w9rleom] { background: #22c55e; }

.timeline-title[b-i50w9rleom] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-primary, #1f2937);
}

.timeline-date[b-i50w9rleom],
.timeline-user[b-i50w9rleom] {
    font-size: 0.8125rem;
    color: var(--text-secondary, #64748b);
    margin-top: 0.15rem;
}

/* ── Quick actions ──────────────────────────────────────────────────────── */

.quick-actions[b-i50w9rleom] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.action-btn[b-i50w9rleom] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.65rem 0.85rem;
    border: 1px solid var(--bs-border-color, #d1d5db);
    border-radius: 8px;
    background: var(--bg-card, #fff);
    color: var(--text-primary, #374151);
    font-size: 0.875rem;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.action-btn:hover:not(:disabled)[b-i50w9rleom] {
    background: var(--bg-secondary, #f8fafc);
    border-color: #94a3b8;
}

.action-btn:disabled[b-i50w9rleom] {
    opacity: 0.65;
    cursor: not-allowed;
}

.action-btn-primary[b-i50w9rleom] {
    background: rgba(59, 130, 246, 0.08);
    border-color: #93c5fd;
    color: #1d4ed8;
    font-weight: 600;
}

.action-btn-primary:hover:not(:disabled)[b-i50w9rleom] {
    background: rgba(59, 130, 246, 0.15);
    border-color: #60a5fa;
}

/* ── Dark mode ──────────────────────────────────────────────────────────── */

.dark .page-container[b-i50w9rleom] {
    color: var(--text-primary, #f8fafc);
}

.dark .detail-card[b-i50w9rleom],
.dark .sidebar-card[b-i50w9rleom] {
    background: var(--bg-card, #1e293b);
    border-color: var(--border-primary, #334155);
}

.dark .card-header[b-i50w9rleom] {
    background: var(--bg-secondary, #0f172a);
    border-color: var(--border-primary, #334155);
}

.dark .card-title[b-i50w9rleom],
.dark .info-value[b-i50w9rleom],
.dark .timeline-title[b-i50w9rleom],
.dark .comment-author[b-i50w9rleom] {
    color: var(--text-primary, #f8fafc);
}

.dark .comment-card[b-i50w9rleom] {
    background: var(--bg-secondary, #0f172a);
    border-color: var(--border-primary, #334155);
}

.dark .action-btn[b-i50w9rleom] {
    background: var(--bg-secondary, #0f172a);
    border-color: var(--border-primary, #475569);
    color: var(--text-primary, #e2e8f0);
}

.dark .action-btn-primary[b-i50w9rleom] {
    background: rgba(59, 130, 246, 0.15);
    border-color: #3b82f6;
    color: #93c5fd;
}

/* ── Responsive ─────────────────────────────────────────────────────────── */

@media (max-width: 1024px) {
    .ticket-content[b-i50w9rleom] {
        grid-template-columns: 1fr;
    }

    .content-sidebar[b-i50w9rleom] {
        order: -1;
    }
}

@media (max-width: 768px) {
    .page-header.ticket-detail-header[b-i50w9rleom] {
        padding: 0.6rem 0.85rem;
    }

    .header-row-title[b-i50w9rleom] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-id-badges[b-i50w9rleom] {
        margin-left: 0;
        justify-content: flex-start;
        width: 100%;
    }

    .badge-group[b-i50w9rleom] {
        justify-content: flex-start;
    }

    .header-created[b-i50w9rleom] {
        white-space: normal;
    }

    .ticket-title[b-i50w9rleom] {
        font-size: 1.05rem;
    }

    .form-grid[b-i50w9rleom] {
        grid-template-columns: 1fr;
    }

    .form-actions[b-i50w9rleom] {
        flex-direction: column-reverse;
    }

    .form-actions .btn[b-i50w9rleom] {
        width: 100%;
    }
}
/* _content/YAGServiceDesk/Pages/Client Pages/NewTicket.razor.rz.scp.css */
/* Ticket Type Selection Page Styles */

.page-container[b-5z60cgna1e] {
    max-width: 100%;
    margin-top: -15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 0 1rem;
    background: #0f1729;
    color: #1f2937;
    overflow-x: clip;
}

/* Constrain hero icons in child components */
.page-container[b-5z60cgna1e]  svg {
    max-width: 3rem;
    max-height: 3rem;
}

.sticky-header-wrapper[b-5z60cgna1e] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #0f1729;
    padding-top: 15px;
    margin-bottom: 40px;
}

.page-header[b-5z60cgna1e] {
    background: linear-gradient(135deg, #059669 0%, #065f46 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    min-height: fit-content;
}

.header-content[b-5z60cgna1e] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    max-width: 100%;
    margin: 0;
}

.header-icon[b-5z60cgna1e]  .page-icon {
    width: 2.5rem;
    height: 2.5rem;
    opacity: 0.9;
    flex-shrink: 0;
    margin-top: 0.2rem;
}

.new-ticket-icon[b-5z60cgna1e] {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
}

.plus-badge[b-5z60cgna1e] {
    position: absolute;
    bottom: -3px;
    right: -7px;
    background: white;
    color: #065f46;
    border-radius: 50%;
    width: 1.1rem;
    height: 1.1rem;
    font-size: 0.85rem;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.header-text[b-5z60cgna1e] {
    flex: 1;
    min-width: 0;
}

.header-text h1[b-5z60cgna1e] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
}

.header-text p[b-5z60cgna1e] {
    margin: 0;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
}

.ticket-type-selection[b-5z60cgna1e] {
    padding: 0 0 2rem 0;
    margin-top: 50px;
}

.ticket-type-card[b-5z60cgna1e] {
    background: #4b5563 !important;
    border: 2px solid #6b7280 !important;
    color: #ffffff !important;
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

.ticket-type-card:hover[b-5z60cgna1e] {
    border-color: #3b82f6 !important;
    background: #4b5563 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25);
}

.ticket-type-card .card-icon[b-5z60cgna1e] {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-bottom: 1rem;
    flex-shrink: 0;
}

.ticket-type-card .card-icon i[b-5z60cgna1e] {
    font-size: 1.5rem;
    color: #ffffff !important;
}

.dev-icon[b-5z60cgna1e] {
    background: #8b5cf6 !important;
}

.fpa-icon[b-5z60cgna1e] {
    background: #10b981 !important;
}

.it-icon[b-5z60cgna1e] {
    background: #3b82f6 !important;
}

.glass-icon[b-5z60cgna1e] {
    background: #06b6d4 !important;
}

.ticket-type-card .card-content[b-5z60cgna1e] {
    flex-grow: 1;
    text-align: left;
    margin-bottom: 1.5rem;
    background: none !important;
}

.ticket-type-card h5[b-5z60cgna1e] {
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #ffffff !important;
    font-size: 1.25rem;
}

.ticket-type-card .card-content p[b-5z60cgna1e] {
    font-size: 0.9rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #ffffff !important;
    background: none !important;
}

.card-action-button[b-5z60cgna1e] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
    transition: all 0.2s ease;
}

.dev-button[b-5z60cgna1e] {
    background: #8b5cf6;
}

.dev-button:hover[b-5z60cgna1e] {
    background: #7c3aed;
}

.fpa-button[b-5z60cgna1e] {
    background: #10b981;
}

.fpa-button:hover[b-5z60cgna1e] {
    background: #059669;
}

.it-button[b-5z60cgna1e] {
    background: #3b82f6;
}

.it-button:hover[b-5z60cgna1e] {
    background: #2563eb;
}

.glass-button[b-5z60cgna1e] {
    background: #06b6d4;
}

.glass-button:hover[b-5z60cgna1e] {
    background: #0891b2;
}

.glass-info-box[b-5z60cgna1e] {
    background: #fef9c3;
    border-left: 4px solid #eab308;
    border-radius: 0 6px 6px 0;
    padding: 0.75rem 1rem;
    font-size: 0.92rem;
}

.glass-info-box ul[b-5z60cgna1e] {
    margin-top: 0.35rem;
    padding-left: 1.25rem;
}

.glass-hint-box[b-5z60cgna1e] {
    background: #e0f2fe;
    border-left: 4px solid #0284c7;
    border-radius: 0 6px 6px 0;
    padding: 0.6rem 1rem;
    font-size: 0.9rem;
}

/* Header — matches ClientMyTickets */
.ticket-content[b-5z60cgna1e] {
    width: 100%;
    padding: 0;
}

.form-actions[b-5z60cgna1e] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    padding-top: 1.5rem;
    margin-top: 1rem;
    border-top: 1px solid #374151;
}

/* Form controls */
.form-control[b-5z60cgna1e],
.form-select[b-5z60cgna1e] {
    background-color: #111827;
    border-color: #374151;
    color: #f3f4f6;
}

.form-control[b-5z60cgna1e]::placeholder {
    color: #9ca3af;
}

.text-muted[b-5z60cgna1e] {
    color: #9ca3af !important;
}

/* _content/YAGServiceDesk/Pages/Client Pages/Profile.razor.rz.scp.css */
/* Profile Page Styles */

.page-container[b-g6gc7ht4fa] {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
}

.profile-header-shell[b-g6gc7ht4fa] {
    position: fixed;
    top: 0;
    left: calc(260px + 2rem);
    right: 2rem;
    z-index: 100;
    background: #0f172a;
    padding-top: 15px;
    padding-bottom: 0.75rem;
}

.profile-page-body[b-g6gc7ht4fa] {
    padding-top: 7.5rem;
}

/* ── Header ─────────────────────────────────────────── */
.page-header[b-g6gc7ht4fa] {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 0;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    overflow: hidden;
    min-height: fit-content;
}

.header-content[b-g6gc7ht4fa] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    max-width: 100%;
    margin: 0;
}

.header-icon[b-g6gc7ht4fa] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border-radius: 12px;
    flex-shrink: 0;
}

[b-g6gc7ht4fa] .page-icon,
.header-icon .page-icon[b-g6gc7ht4fa] {
    width: 2.5rem;
    height: 2.5rem;
    color: white;
    opacity: 0.9;
    flex-shrink: 0;
}

.header-text[b-g6gc7ht4fa] {
    flex: 1;
    min-width: 0;
}

.header-text h1[b-g6gc7ht4fa] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
}

.header-text p[b-g6gc7ht4fa] {
    margin: 0;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
}

/* ── Tab Navigation ──────────────────────────────────── */
.profile-tabs[b-g6gc7ht4fa] {
    display: flex;
    gap: 0.25rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 0;
    flex-wrap: wrap;
}

.profile-tab[b-g6gc7ht4fa] {
    background: none;
    border: none;
    padding: 0.6rem 1.1rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    border-radius: 6px 6px 0 0;
    transition: color 0.15s, border-color 0.15s;
}

.profile-tab:hover[b-g6gc7ht4fa] {
    color: #0891b2;
}

.profile-tab.active[b-g6gc7ht4fa] {
    color: #0891b2;
    border-bottom-color: #0891b2;
    background: rgba(8, 145, 178, 0.06);
}

/* ── Profile Card ────────────────────────────────────── */
.profile-content[b-g6gc7ht4fa] {
    padding: 0;
}

.profile-card[b-g6gc7ht4fa] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.75rem;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}

.section-title[b-g6gc7ht4fa] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.4rem;
}

.section-desc[b-g6gc7ht4fa] {
    font-size: 0.875rem;
    color: #64748b;
    margin-bottom: 1.5rem;
}

/* ── Account Info ────────────────────────────────────── */
.profile-avatar-row[b-g6gc7ht4fa] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1.75rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #f1f5f9;
}

.profile-avatar[b-g6gc7ht4fa] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 2rem;
    flex-shrink: 0;
}

.role-badge[b-g6gc7ht4fa] {
    display: inline-block;
    padding: 0.2rem 0.65rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    margin-top: 0.3rem;
}

.role-admin[b-g6gc7ht4fa]   { background: #fef9c3; color: #a16207; }
.role-it[b-g6gc7ht4fa]      { background: #dbeafe; color: #1d4ed8; }
.role-client[b-g6gc7ht4fa]  { background: #dcfce7; color: #15803d; }
.role-user[b-g6gc7ht4fa]    { background: #f1f5f9; color: #475569; }

.info-grid[b-g6gc7ht4fa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.1rem;
}

.info-item[b-g6gc7ht4fa] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.info-item-full[b-g6gc7ht4fa] {
    grid-column: 1 / -1;
}

.info-label[b-g6gc7ht4fa] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.info-value[b-g6gc7ht4fa] {
    font-size: 0.95rem;
    color: #1e293b;
}

.access-badges[b-g6gc7ht4fa] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.25rem;
}

.access-badge[b-g6gc7ht4fa] {
    background: #f0f9ff;
    color: #0369a1;
    border: 1px solid #bae6fd;
    border-radius: 4px;
    font-size: 0.78rem;
    padding: 0.15rem 0.5rem;
}

/* ── Notification Toggles ────────────────────────────── */
.notification-list[b-g6gc7ht4fa] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.notif-row[b-g6gc7ht4fa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0;
    border-bottom: 1px solid #f1f5f9;
    cursor: default;
    gap: 1rem;
}

.notif-row:last-child[b-g6gc7ht4fa] {
    border-bottom: none;
}

.notif-row-secondary[b-g6gc7ht4fa] {
    background: #f8fafc;
    border-radius: 8px;
    padding: 1rem 10px;
    margin-top: 0.5rem;
    margin-left: -10px;
    margin-right: -10px;
    border: 1px dashed #e2e8f0;
    border-left: none;
    border-right: none;
}

.notif-info[b-g6gc7ht4fa] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.notif-name[b-g6gc7ht4fa] {
    font-size: 0.95rem;
    font-weight: 500;
    color: #1e293b;
}

.notif-desc[b-g6gc7ht4fa] {
    font-size: 0.82rem;
    color: #64748b;
}

/* Toggle switch */
.toggle-switch[b-g6gc7ht4fa] {
    position: relative;
    flex-shrink: 0;
}

.toggle-switch input[type="checkbox"][b-g6gc7ht4fa] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.toggle-switch label[b-g6gc7ht4fa] {
    display: block;
    width: 44px;
    height: 24px;
    background: #cbd5e1;
    border-radius: 12px;
    cursor: pointer;
    transition: background 0.2s;
    position: relative;
}

.toggle-switch label[b-g6gc7ht4fa]::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: white;
    border-radius: 50%;
    top: 3px;
    left: 3px;
    transition: transform 0.2s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.toggle-switch input:checked + label[b-g6gc7ht4fa] {
    background: #0891b2;
}

.toggle-switch input:checked + label[b-g6gc7ht4fa]::after {
    transform: translateX(20px);
}

/* ── Stats ───────────────────────────────────────────── */
.stats-section[b-g6gc7ht4fa] {}

.stats-grid[b-g6gc7ht4fa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-bottom: 0;
}

.stat-card[b-g6gc7ht4fa] {
    border-radius: 12px;
    padding: 1.25rem 1rem;
    text-align: center;
    border: 1px solid transparent;
}

.stat-number[b-g6gc7ht4fa] {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.35rem;
}

.stat-label[b-g6gc7ht4fa] {
    font-size: 0.82rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.8;
}

.stat-total[b-g6gc7ht4fa]    { background: #f0f9ff; color: #0369a1; border-color: #bae6fd; }
.stat-open[b-g6gc7ht4fa]     { background: #fef9c3; color: #a16207; border-color: #fde047; }
.stat-progress[b-g6gc7ht4fa] { background: #dbeafe; color: #1d4ed8; border-color: #93c5fd; }
.stat-resolved[b-g6gc7ht4fa] { background: #dcfce7; color: #15803d; border-color: #86efac; }

/* Recent list */
.recent-list[b-g6gc7ht4fa] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.recent-item[b-g6gc7ht4fa] {
    display: grid;
    grid-template-columns: 100px 1fr 90px 100px;
    align-items: center;
    gap: 0.75rem;
    padding: 0.7rem 0;
    border-bottom: 1px solid #f1f5f9;
    font-size: 0.875rem;
}

.recent-item:last-child[b-g6gc7ht4fa] {
    border-bottom: none;
}

.recent-category[b-g6gc7ht4fa] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.recent-it-support[b-g6gc7ht4fa]  { background: #ede9fe; color: #6d28d9; }
.recent-development[b-g6gc7ht4fa] { background: #dbeafe; color: #1d4ed8; }
.recent-fpa[b-g6gc7ht4fa]         { background: #dcfce7; color: #15803d; }
.recent-other[b-g6gc7ht4fa]       { background: #f1f5f9; color: #475569; }

.recent-title[b-g6gc7ht4fa] {
    color: #1e293b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recent-status[b-g6gc7ht4fa] {
    font-size: 0.78rem;
    font-weight: 600;
    text-align: center;
}

.status-open[b-g6gc7ht4fa]        { color: #a16207; }
.status-in-progress[b-g6gc7ht4fa] { color: #1d4ed8; }
.status-resolved[b-g6gc7ht4fa]    { color: #15803d; }
.status-closed[b-g6gc7ht4fa]      { color: #15803d; }
.status-done[b-g6gc7ht4fa]        { color: #15803d; }
.status-unknown[b-g6gc7ht4fa]     { color: #64748b; }

.recent-date[b-g6gc7ht4fa] {
    color: #94a3b8;
    font-size: 0.8rem;
    text-align: right;
    white-space: nowrap;
}

/* ── Security Items ──────────────────────────────────── */
.security-item[b-g6gc7ht4fa] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.security-item:last-child[b-g6gc7ht4fa] {
    border-bottom: none;
}

.security-icon[b-g6gc7ht4fa] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #f0f9ff;
    color: #0891b2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.security-info[b-g6gc7ht4fa] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    flex: 1;
}

.security-name[b-g6gc7ht4fa] {
    font-size: 0.95rem;
    font-weight: 500;
    color: #1e293b;
}

.security-desc[b-g6gc7ht4fa] {
    font-size: 0.82rem;
    color: #64748b;
}

.security-action-btn[b-g6gc7ht4fa] {
    width: 6.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    align-self: center;
    white-space: nowrap;
}

/* ── Dark Mode ───────────────────────────────────────── */
html.dark .page-header[b-g6gc7ht4fa],
body.dark .page-header[b-g6gc7ht4fa] {
    background: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);
}

html.dark .profile-card[b-g6gc7ht4fa],
body.dark .profile-card[b-g6gc7ht4fa] {
    background: #1e293b;
    border-color: #334155;
}

html.dark .profile-tab[b-g6gc7ht4fa],
body.dark .profile-tab[b-g6gc7ht4fa] {
    color: #94a3b8;
}

html.dark .profile-tab.active[b-g6gc7ht4fa],
body.dark .profile-tab.active[b-g6gc7ht4fa] {
    color: #22d3ee;
    border-bottom-color: #22d3ee;
    background: rgba(34, 211, 238, 0.08);
}

html.dark .profile-tabs[b-g6gc7ht4fa],
body.dark .profile-tabs[b-g6gc7ht4fa] {
    border-bottom-color: #334155;
}

html.dark .section-title[b-g6gc7ht4fa],
html.dark .info-value[b-g6gc7ht4fa],
html.dark .notif-name[b-g6gc7ht4fa],
html.dark .security-name[b-g6gc7ht4fa],
html.dark .recent-title[b-g6gc7ht4fa],
body.dark .section-title[b-g6gc7ht4fa],
body.dark .info-value[b-g6gc7ht4fa],
body.dark .notif-name[b-g6gc7ht4fa],
body.dark .security-name[b-g6gc7ht4fa],
body.dark .recent-title[b-g6gc7ht4fa] {
    color: #f1f5f9;
}

html.dark .profile-avatar-row[b-g6gc7ht4fa],
html.dark .notif-row[b-g6gc7ht4fa],
html.dark .recent-item[b-g6gc7ht4fa],
html.dark .security-item[b-g6gc7ht4fa],
body.dark .profile-avatar-row[b-g6gc7ht4fa],
body.dark .notif-row[b-g6gc7ht4fa],
body.dark .recent-item[b-g6gc7ht4fa],
body.dark .security-item[b-g6gc7ht4fa] {
    border-color: #334155;
}

html.dark .access-badge[b-g6gc7ht4fa],
body.dark .access-badge[b-g6gc7ht4fa] {
    background: #0f172a;
    border-color: #334155;
    color: #38bdf8;
}

html.dark .notif-row-secondary[b-g6gc7ht4fa],
body.dark .notif-row-secondary[b-g6gc7ht4fa] {
    background: #0f172a;
    border-color: #334155;
}

html.dark .stat-total[b-g6gc7ht4fa],
body.dark .stat-total[b-g6gc7ht4fa]    { background: #0f172a; border-color: #1e3a5f; }
html.dark .stat-open[b-g6gc7ht4fa],
body.dark .stat-open[b-g6gc7ht4fa]     { background: #1c1408; border-color: #854d0e; }
html.dark .stat-progress[b-g6gc7ht4fa],
body.dark .stat-progress[b-g6gc7ht4fa] { background: #0f172a; border-color: #1e3a5f; }
html.dark .stat-resolved[b-g6gc7ht4fa],
body.dark .stat-resolved[b-g6gc7ht4fa] { background: #052e16; border-color: #166534; }

html.dark .security-icon[b-g6gc7ht4fa],
body.dark .security-icon[b-g6gc7ht4fa] {
    background: #0f172a;
}

html.dark .toggle-switch label[b-g6gc7ht4fa],
body.dark .toggle-switch label[b-g6gc7ht4fa] {
    background: #475569;
}

html.dark .toggle-switch input:checked + label[b-g6gc7ht4fa],
body.dark .toggle-switch input:checked + label[b-g6gc7ht4fa] {
    background: #0891b2;
}

@media (max-width: 991.98px) {
    .profile-header-shell[b-g6gc7ht4fa] {
        left: 1rem;
        right: 1rem;
    }

    .profile-page-body[b-g6gc7ht4fa] {
        padding-top: 8.25rem;
    }
}
/* _content/YAGServiceDesk/Pages/Development/Backlog.razor.rz.scp.css */
/* =========================
   HEADER
   ========================= */
.dev-backlog-page[b-3sxi0ej10l] {
    padding-bottom: 1.5rem;
}

.dev-backlog-header-shell[b-3sxi0ej10l] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 2rem);
    right: 2rem;
    z-index: 10;
    background: #0f172a;
    padding-top: 15px;
}

.dev-backlog-body[b-3sxi0ej10l] {
    padding-top: calc(15px + 4.5rem + var(--page-header-content-gap, 20px));
}

.page-header[b-3sxi0ej10l] {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 50%, #3730a3 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 0;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 18px 45px rgba(99, 102, 241, 0.35);
    overflow: hidden;
    min-height: fit-content;
}

.header-content[b-3sxi0ej10l] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.header-icon[b-3sxi0ej10l] {
    color: white;
}

.header-text h1[b-3sxi0ej10l] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
}

.header-text p[b-3sxi0ej10l] {
    margin: 0;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
}

h5[b-3sxi0ej10l]{
    color:white;
}



/* =========================
   FILTER CARD
   ========================= */
.card[b-3sxi0ej10l] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
}

/* =========================
   FILTER SELECTS
   ========================= */
.filter-select[b-3sxi0ej10l] {
    background: var(--bg-input);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 8px;
}

/* =========================
   BUTTONS
   ========================= */
.btn[b-3sxi0ej10l] {
    border-radius: 8px;
    padding: 8px 14px;
}

.btn-outline-primary[b-3sxi0ej10l] {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-primary);
}

    .btn-outline-primary:hover[b-3sxi0ej10l] {
        background: var(--bg-hover);
    }

/* =========================
   TABLE WRAPPER
   ========================= */
.sprint-table-container[b-3sxi0ej10l] {
    margin-top: 1rem;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--border);
}

/* =========================
   TABLE
   ========================= */
.sprint-table[b-3sxi0ej10l] {
    width: 100%;
    border-collapse: collapse;
    background: var(--bg-card);
    color: var(--text-primary);
}

    .sprint-table th[b-3sxi0ej10l] {
        background: var(--bg-secondary);
        padding: 10px;
        font-size: 0.75rem;
        text-transform: uppercase;
        color: var(--text-secondary);
    }

    .sprint-table td[b-3sxi0ej10l] {
        padding: 8px;
        border-bottom: 1px solid var(--border);
    }

    /* hover */
    .sprint-table tr:hover[b-3sxi0ej10l] {
        background: rgba(255,255,255,0.03);
    }

/* clickable rows */
.clickable-row[b-3sxi0ej10l] {
    cursor: pointer;
}

/* =========================
   BADGES
   ========================= */
.badge[b-3sxi0ej10l] {
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
}

/* issue types */
.issue-type-bug[b-3sxi0ej10l] {
    background: rgba(239,68,68,0.2);
    color: #ef4444;
}

.issue-type-feature[b-3sxi0ej10l] {
    background: rgba(59,130,246,0.2);
    color: #3b82f6;
}

.issue-type-improvement[b-3sxi0ej10l] {
    background: rgba(16,185,129,0.2);
    color: #10b981;
}

/* priority */
.priority-critical[b-3sxi0ej10l] {
    background: rgba(239,68,68,0.2);
    color: #ef4444;
}

.priority-high[b-3sxi0ej10l] {
    background: rgba(245,158,11,0.2);
    color: #f59e0b;
}

.priority-medium[b-3sxi0ej10l] {
    background: rgba(59,130,246,0.2);
    color: #3b82f6;
}

.priority-low[b-3sxi0ej10l] {
    background: rgba(107,114,128,0.2);
    color: #9ca3af;
}

/* status */
.status-open[b-3sxi0ej10l] {
    background: rgba(59,130,246,0.2);
    color: #3b82f6;
}

.status-inprogress[b-3sxi0ej10l] {
    background: rgba(245,158,11,0.2);
    color: #f59e0b;
}

.status-blocked[b-3sxi0ej10l] {
    background: rgba(239,68,68,0.2);
    color: #ef4444;
}

/* =========================
   DELETE ICON
   ========================= */
.clickable-row span:hover[b-3sxi0ej10l] {
    opacity: 0.7;
}

/* =========================
   EMPTY STATE
   ========================= */
.text-muted[b-3sxi0ej10l] {
    color: var(--text-secondary) !important;
}

.text-body[b-3sxi0ej10l] {
    color: white !important;
}

/* =========================
   IMPORTANT FIX (dropdowns / overflow)
   ========================= */
.sprint-table-container[b-3sxi0ej10l],
.sprint-table[b-3sxi0ej10l],
tbody[b-3sxi0ej10l],
tr[b-3sxi0ej10l],
td[b-3sxi0ej10l] {
    overflow: visible !important;
}
/* _content/YAGServiceDesk/Pages/Development/CompleteSprint.razor.rz.scp.css */
h3[b-nb1j712zfe] {
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.card[b-nb1j712zfe] {
    max-width: 700px;
    margin: 2rem auto;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 14px;
}

label[b-nb1j712zfe] {
    font-size: 13px;
    color: var(--text-secondary);
}

.form-control[b-nb1j712zfe] {
    background: var(--bg-input);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
}

    .form-control:focus[b-nb1j712zfe] {
        border-color: var(--accent);
        box-shadow: 0 0 0 2px rgba(59,130,246,0.25);
    }

.btn-primary[b-nb1j712zfe] {
    background: var(--accent);
    border: none;
}

.btn-outline[b-nb1j712zfe] {
    border: 1px solid var(--border);
    color: var(--text-primary);
}

    .btn-outline:hover[b-nb1j712zfe] {
        background: var(--bg-hover);
    }
/* _content/YAGServiceDesk/Pages/Development/CreateTask.razor.rz.scp.css */
/* =========================
   PAGE HEADER
   ========================= */
h3[b-lnw2ycz97o] {
    font-weight: 600;
    color: var(--text-primary);
    text-align: center;
    margin-bottom: 1rem;
}

/* =========================
   FORM CARD
   ========================= */
.card[b-lnw2ycz97o] {
    max-width: 900px;
    margin: 1rem auto;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
}

/* =========================
   LABELS
   ========================= */
label[b-lnw2ycz97o] {
    font-size: 13px;
    color: var(--text-secondary);
    margin-bottom: 4px;
}

/* =========================
   INPUTS
   ========================= */
.form-control[b-lnw2ycz97o],
.form-select[b-lnw2ycz97o],
textarea[b-lnw2ycz97o] {
    background: var(--bg-input);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 8px;
}

    .form-control:focus[b-lnw2ycz97o],
    .form-select:focus[b-lnw2ycz97o],
    textarea:focus[b-lnw2ycz97o] {
        border-color: var(--accent);
        box-shadow: 0 0 0 2px rgba(59,130,246,0.25);
    }

/* readonly fields */
input[readonly][b-lnw2ycz97o] {
    background: rgba(255,255,255,0.06);
    color: var(--text-secondary);
}

/* =========================
   SCREENSHOT PANEL
   ========================= */
.screenshot-panel[b-lnw2ycz97o] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 10px;
}

/* file input */
input[type="file"][b-lnw2ycz97o] {
    background: var(--bg-input);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 6px;
}

/* =========================
   FILE META TEXT
   ========================= */
small.text-muted[b-lnw2ycz97o] {
    color: var(--text-secondary) !important;
}

/* =========================
   BUTTONS
   ========================= */
.btn[b-lnw2ycz97o] {
    border-radius: 8px;
    padding: 6px 12px;
    transition: all 0.2s ease;
}

/* primary action */
.btn-outline-primary[b-lnw2ycz97o] {
    border: 1px solid var(--border);
    color: var(--text-primary);
}

    .btn-outline-primary:hover[b-lnw2ycz97o] {
        background: var(--bg-hover);
        border-color: var(--accent);
    }

/* success (upload) */
.btn-outline-success:hover[b-lnw2ycz97o] {
    background: #22c55e;
    color: white;
}

/* danger (remove) */
.btn-outline-danger:hover[b-lnw2ycz97o] {
    background: #ef4444;
    color: white;
}

/* =========================
   SEARCH DROPDOWN
   ========================= */
.list-group[b-lnw2ycz97o] {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--border);
    background: var(--bg-card);
}

.list-group-item[b-lnw2ycz97o] {
    cursor: pointer;
}

    .list-group-item:hover[b-lnw2ycz97o] {
        background: var(--bg-hover);
    }

/* =========================
   DIVIDER
   ========================= */
hr[b-lnw2ycz97o] {
    border-color: var(--border);
    margin: 1.5rem 0;
}

/* =========================
   ACTION ROW
   ========================= */
.d-flex.justify-content-end[b-lnw2ycz97o] {
    margin-top: 1.5rem;
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 768px) {
    .card[b-lnw2ycz97o] {
        padding: 1rem;
    }

    .form-control[b-lnw2ycz97o],
    .form-select[b-lnw2ycz97o],
    textarea[b-lnw2ycz97o] {
        font-size: 0.9rem;
    }
}
/* _content/YAGServiceDesk/Pages/Development/DevEmailTickets.razor.rz.scp.css */
.dev-emailtickets-page[b-290ysxbqbt] {
    padding-bottom: 1.5rem;
}

.dev-emailtickets-header-shell[b-290ysxbqbt] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 2rem);
    right: 2rem;
    z-index: 10;
    background: #0f172a;
    padding-top: 15px;
}

.dev-emailtickets-body[b-290ysxbqbt] {
    padding-top: calc(15px + 4.5rem + var(--page-header-content-gap, 20px));
}

.card-header .card-title[b-290ysxbqbt] {
    color: #7c7eee;
}

.card-header i[b-290ysxbqbt] {
    color: #7c7eee;
}
/* _content/YAGServiceDesk/Pages/Development/DevEmailTicketSettings.razor.rz.scp.css */
/* Dev Email Ticket Settings Styles */
.page-container[b-begg05s4wg] {
    max-width: 1500px;
    margin: 0 auto;
    padding: 20px;
}

.page-header[b-begg05s4wg] {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    overflow: hidden;
    min-height: fit-content;
    border: none;
}

.header-content[b-begg05s4wg] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    max-width: 100%;
    margin: 0;
    flex: 1;
    min-width: 0;
}

.header-icon .page-icon[b-begg05s4wg] {
    width: 2.5rem;
    height: 2.5rem;
    opacity: 0.9;
    flex-shrink: 0;
    margin-top: 0.2rem;
    color: white;
}

.header-text[b-begg05s4wg] {
    flex: 1;
    min-width: 0;
}

.header-text h1[b-begg05s4wg] {
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
    margin: 0 0 0.3rem 0;
    line-height: 1.2;
}

.header-text p[b-begg05s4wg] {
    font-size: 0.9rem;
    color: white;
    margin: 0;
    opacity: 0.9;
    line-height: 1.3;
}

.header-actions[b-begg05s4wg] {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
    align-self: flex-start;
}

.btn-primary[b-begg05s4wg], .btn-secondary[b-begg05s4wg] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0.875rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 0.95rem;
}

.btn-primary[b-begg05s4wg] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.btn-primary:hover[b-begg05s4wg] {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
}

.btn-secondary[b-begg05s4wg] {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.btn-secondary:hover[b-begg05s4wg] {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
}

.settings-content[b-begg05s4wg] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.settings-card[b-begg05s4wg] {
    background: white;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

.card-header[b-begg05s4wg] {
    padding: 20px;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
}

.card-title[b-begg05s4wg] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 8px 0;
}

.card-icon[b-begg05s4wg] {
    width: 20px;
    height: 20px;
    color: #7c3aed;
}

.card-description[b-begg05s4wg] {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 0;
}

.card-content[b-begg05s4wg] {
    padding: 24px;
}

.settings-grid[b-begg05s4wg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.setting-item[b-begg05s4wg] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.setting-item.full-width[b-begg05s4wg] {
    grid-column: 1 / -1;
}

.setting-label[b-begg05s4wg] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    color: #374151;
    font-size: 0.875rem;
}

.setting-input-group[b-begg05s4wg] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.setting-input[b-begg05s4wg], .setting-select[b-begg05s4wg] {
    padding: 8px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    transition: border-color 0.2s;
    background: white;
}

.setting-input:focus[b-begg05s4wg], .setting-select:focus[b-begg05s4wg] {
    outline: none;
    border-color: #7c3aed;
    box-shadow: 0 0 0 3px rgb(124 58 237 / 0.1);
}

.setting-input[b-begg05s4wg] {
    width: 80px;
}

.setting-item.full-width .setting-input[b-begg05s4wg] {
    width: 100%;
    max-width: 480px;
}

.setting-select[b-begg05s4wg] {
    min-width: 150px;
}

.setting-unit[b-begg05s4wg] {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

.setting-hint[b-begg05s4wg] {
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 4px;
}

.setting-toggle[b-begg05s4wg] {
    position: relative;
}

.setting-toggle input[type="checkbox"][b-begg05s4wg] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-switch[b-begg05s4wg] {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px;
    background-color: #d1d5db;
    border-radius: 24px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.toggle-switch[b-begg05s4wg]::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
}

.setting-toggle input:checked + .toggle-switch[b-begg05s4wg] {
    background-color: #7c3aed;
}

.setting-toggle input:checked + .toggle-switch[b-begg05s4wg]::after {
    transform: translateX(24px);
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-header[b-begg05s4wg] {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .header-actions[b-begg05s4wg] {
        justify-content: stretch;
    }

    .btn-primary[b-begg05s4wg], .btn-secondary[b-begg05s4wg] {
        flex: 1;
        justify-content: center;
    }

    .settings-grid[b-begg05s4wg] {
        grid-template-columns: 1fr;
    }
}

/* Dark Mode Styles */
.page-container[b-begg05s4wg] {
    background: #0f172a;
}

.page-header[b-begg05s4wg] {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.header-icon .page-icon[b-begg05s4wg] {
    color: white;
}

.header-text h1[b-begg05s4wg] {
    color: white;
}

.header-text p[b-begg05s4wg] {
    color: white;
    opacity: 0.9;
}

.btn-primary[b-begg05s4wg] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.btn-primary:hover[b-begg05s4wg] {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
}

.btn-secondary[b-begg05s4wg] {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.btn-secondary:hover[b-begg05s4wg] {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
}

.settings-card[b-begg05s4wg] {
    background: #1e293b;
    border-color: #374151;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.2), 0 1px 2px -1px rgb(0 0 0 / 0.2);
}

.card-header[b-begg05s4wg] {
    background: #0f172a;
    border-bottom-color: #374151;
}

.card-title[b-begg05s4wg] {
    color: #f1f5f9;
}

.card-description[b-begg05s4wg] {
    color: #94a3b8;
}

.setting-label[b-begg05s4wg] {
    color: #e2e8f0;
}

.setting-input[b-begg05s4wg],
.setting-select[b-begg05s4wg] {
    background: #334155;
    border-color: #475569;
    color: #f1f5f9;
}

.setting-input:focus[b-begg05s4wg],
.setting-select:focus[b-begg05s4wg] {
    border-color: #7c3aed;
    box-shadow: 0 0 0 3px rgb(124 58 237 / 0.2);
}

.setting-unit[b-begg05s4wg] {
    color: #94a3b8;
}

.setting-hint[b-begg05s4wg] {
    color: #94a3b8;
}

.toggle-switch[b-begg05s4wg] {
    background-color: #475569;
}

.toggle-switch[b-begg05s4wg]::after {
    background-color: #f1f5f9;
}

.setting-toggle input:checked + .toggle-switch[b-begg05s4wg] {
    background-color: #7c3aed;
}
/* _content/YAGServiceDesk/Pages/Development/Sprint-Details.razor.rz.scp.css */
/* =========================
   PAGE STATE
   ========================= */
.no-data[b-8xucj4ljoj] {
    text-align: center;
    color: var(--text-secondary);
    margin-top: 3rem;
    font-size: 1rem;
}

/* =========================
   MAIN CARD
   ========================= */
.card[b-8xucj4ljoj] {
    max-width: 900px;
    margin: 2rem auto;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.25);
}

/* =========================
   HEADER
   ========================= */
h4[b-8xucj4ljoj] {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 1.4rem;
}

/* subtle separation */
.card > .d-flex[b-8xucj4ljoj] {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border);
}

/* =========================
   BADGES
   ========================= */
.badge[b-8xucj4ljoj] {
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
}

/* active / inactive */
.bg-success[b-8xucj4ljoj] {
    background: rgba(34,197,94,0.15) !important;
    color: #22c55e !important;
}

.bg-secondary[b-8xucj4ljoj] {
    background: rgba(107,114,128,0.15) !important;
    color: #9ca3af !important;
}

/* =========================
   LABELS
   ========================= */
label[b-8xucj4ljoj] {
    font-size: 12px;
    color: var(--text-secondary);
    margin-bottom: 4px;
}

/* =========================
   INPUTS
   ========================= */
.form-control[b-8xucj4ljoj] {
    background: var(--bg-input);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 10px;
    padding: 10px;
    transition: all 0.15s ease;
}

    .form-control:hover[b-8xucj4ljoj] {
        border-color: var(--accent);
    }

    .form-control:focus[b-8xucj4ljoj] {
        border-color: var(--accent);
        box-shadow: 0 0 0 2px rgba(59,130,246,0.25);
    }

/* =========================
   CHECKBOX
   ========================= */
.checkbox-container[b-8xucj4ljoj] {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 6px;
}

.form-check-input[b-8xucj4ljoj] {
    cursor: pointer;
}

/* =========================
   SECTION SPACING
   ========================= */
hr[b-8xucj4ljoj] {
    border-color: var(--border);
    margin: 1.75rem 0;
}

/* =========================
   BUTTON ROW
   ========================= */
.d-flex.justify-content-between[b-8xucj4ljoj] {
    margin-top: 1.5rem;
}

/* buttons */
.btn[b-8xucj4ljoj] {
    border-radius: 10px;
    padding: 8px 18px;
    font-weight: 500;
    transition: all 0.2s ease;
}

/* complete sprint */
.btn-outline-warning[b-8xucj4ljoj] {
    border-color: #f59e0b;
    color: #f59e0b;
}

    .btn-outline-warning:hover[b-8xucj4ljoj] {
        background: #f59e0b;
        color: #000;
    }

/* save */
.btn-outline-primary[b-8xucj4ljoj] {
    border-color: var(--border);
    color: var(--text-primary);
}

    .btn-outline-primary:hover[b-8xucj4ljoj] {
        background: var(--accent);
        color: #fff;
        border-color: var(--accent);
    }

/* =========================
   MODAL OVERLAY
   ========================= */
.modal[b-8xucj4ljoj] {
    backdrop-filter: blur(4px);
}

/* modal container */
.modal-content[b-8xucj4ljoj] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 14px;
    color: var(--text-primary);
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

    /* modal title */
    .modal-content h5[b-8xucj4ljoj] {
        font-size: 1.2rem;
    }

    /* modal inputs spacing */
    .modal-content .form-control[b-8xucj4ljoj] {
        margin-top: 4px;
    }

/* footer */
.footer-modal[b-8xucj4ljoj] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.5rem;
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 768px) {
    .card[b-8xucj4ljoj] {
        padding: 1rem;
        margin: 1rem;
    }

    .d-flex.justify-content-between[b-8xucj4ljoj] {
        flex-direction: column;
        gap: 10px;
    }

    .btn[b-8xucj4ljoj] {
        width: 100%;
    }
}
/* _content/YAGServiceDesk/Pages/Development/Sprint-Monthly-Review.razor.rz.scp.css */
/* Sprint Monthly Review - fixed header */
.sprint-monthly-review-page[b-1hs1n9bl48] {
    padding-bottom: 1.5rem;
}

.sprint-monthly-review-header-shell[b-1hs1n9bl48] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 2rem);
    right: 2rem;
    z-index: 10;
    background: #0f172a;
    padding-top: 15px;
    padding-bottom: 0.75rem;
}

.sprint-monthly-review-body[b-1hs1n9bl48] {
    padding-top: calc(15px + 4.5rem + var(--page-header-content-gap, 20px));
}

.sprint-monthly-review-header[b-1hs1n9bl48] {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 50%, #3730a3 100%);
    box-shadow: 0 18px 45px rgba(79, 70, 229, 0.35);
}

.sprint-monthly-review-header i[b-1hs1n9bl48] {
    font-size: 1.75rem;
    opacity: 0.9;
}

.sprint-monthly-review-header h1[b-1hs1n9bl48] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
}

.sprint-monthly-review-header p[b-1hs1n9bl48] {
    margin: 0;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
}

@media (max-width: 991.98px) {
    .sprint-monthly-review-header-shell[b-1hs1n9bl48] {
        left: 1rem;
        right: 1rem;
    }

    .sprint-monthly-review-body[b-1hs1n9bl48] {
        padding-top: 8.5rem;
    }
}
/* _content/YAGServiceDesk/Pages/Development/Sprints.razor.rz.scp.css */
/* =========================
   HEADER
   ========================= */
h3[b-3s8k7r95am] {
    font-weight: 600;
    color: var(--text-primary);
    text-align: center;
    margin-bottom: 1rem;
}

/* =========================
   LOADING / EMPTY STATES
   ========================= */
p[b-3s8k7r95am],
em[b-3s8k7r95am] {
    color: var(--text-secondary);
}

p[b-3s8k7r95am] {
    text-align: center;
}

/* =========================
   TABLE WRAPPER
   ========================= */
.sprint-table-container[b-3s8k7r95am] {
    margin-top: 1rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--bg-card);
    overflow-x: auto;
}

/* =========================
   TABLE
   ========================= */
.sprint-table[b-3s8k7r95am] {
    width: 100%;
    border-collapse: collapse;
    background: var(--bg-card);
    color: var(--text-primary);
}

    .sprint-table thead[b-3s8k7r95am] {
        background: var(--bg-secondary);
    }

    .sprint-table th[b-3s8k7r95am] {
        padding: 0.85rem 0.75rem;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--text-secondary);
        text-align: left;
        border-bottom: 1px solid var(--border);
    }

    .sprint-table td[b-3s8k7r95am] {
        padding: 0.75rem;
        border-bottom: 1px solid var(--border);
        vertical-align: middle;
    }

    /* row hover */
    .sprint-table tbody tr:hover[b-3s8k7r95am] {
        background: rgba(255,255,255,0.03);
    }

/* clickable row */
.clickable-row[b-3s8k7r95am] {
    cursor: pointer;
    transition: background 0.15s ease;
}

    .clickable-row:hover[b-3s8k7r95am] {
        background: rgba(59,130,246,0.08);
    }

/* =========================
   BADGES
   ========================= */
.badge[b-3s8k7r95am] {
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
}

/* override bootstrap badge colors for dark mode consistency */
.bg-success[b-3s8k7r95am] {
    background: rgba(34,197,94,0.2) !important;
    color: #22c55e !important;
}

.bg-secondary[b-3s8k7r95am] {
    background: rgba(107,114,128,0.2) !important;
    color: #9ca3af !important;
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 768px) {
    .sprint-table th[b-3s8k7r95am],
    .sprint-table td[b-3s8k7r95am] {
        padding: 0.6rem;
        font-size: 0.85rem;
    }
}
/* _content/YAGServiceDesk/Pages/Development/SprintTaskDetails.razor.rz.scp.css */
/* =========================
   PAGE LAYOUT — fixed header, scrollable body
   ========================= */
.sprint-task-details-page[b-iqf2yljv9b] {
    --sprint-header-gap: 20px;
    --sprint-content-offset: 15px;
    --sprint-header-block-height: calc(15px + 0.75rem + 1.8rem + max(1.75rem, 2.25rem));
    /* main-content is calc(100% - 280px) with 260px sidebar, leaving 20px vs viewport-aligned header */
    --sprint-content-right-extend: 20px;
    width: calc(100% + var(--sprint-content-right-extend));
    margin-right: calc(-1 * var(--sprint-content-right-extend));
    padding-bottom: 1.5rem;
}

.sprint-task-header-shell[b-iqf2yljv9b] {
    position: fixed;
    top: 0;
    left: calc(260px + 2rem);
    right: 2rem;
    z-index: 10;
    background: #0f172a;
    padding-top: 15px;
    padding-bottom: 0.75rem;
}

.sprint-task-details-body[b-iqf2yljv9b] {
    padding-top: calc(var(--sprint-header-block-height) - var(--sprint-content-offset) + var(--sprint-header-gap));
}

.page-header[b-iqf2yljv9b] {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 50%, #3730a3 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 18px 45px rgba(79, 70, 229, 0.35);
    overflow: hidden;
}

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

.header-icon[b-iqf2yljv9b] {
    font-size: 1.75rem;
    opacity: 0.9;
    flex-shrink: 0;
}

.header-text[b-iqf2yljv9b] {
    min-width: 0;
}

.header-text h1[b-iqf2yljv9b] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 600;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-text p[b-iqf2yljv9b] {
    margin: 0;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.85);
}

.back-btn[b-iqf2yljv9b] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: white;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s ease;
}

.back-btn:hover[b-iqf2yljv9b] {
    background: rgba(255, 255, 255, 0.25);
    color: white;
}

@media (max-width: 991.98px) {
    .sprint-task-details-page[b-iqf2yljv9b] {
        --sprint-content-right-extend: 0px;
        width: 100%;
        margin-right: 0;
    }

    .sprint-task-header-shell[b-iqf2yljv9b] {
        left: 1rem;
        right: 1rem;
    }

    .sprint-task-details-body[b-iqf2yljv9b] {
        padding-top: calc(var(--sprint-header-block-height) - var(--sprint-content-offset) + var(--sprint-header-gap));
    }
}

@media (max-width: 768px) {
    .sprint-task-details-page[b-iqf2yljv9b] {
        --sprint-header-block-height: calc(15px + 0.75rem + 1.8rem + 2.25rem + 2.5rem + 1.8rem);
    }

    .page-header[b-iqf2yljv9b] {
        flex-direction: column;
        align-items: stretch;
    }

    .back-btn[b-iqf2yljv9b] {
        justify-content: center;
        width: 100%;
    }

    .header-text h1[b-iqf2yljv9b] {
        white-space: normal;
    }
}

/* =========================
   PAGE WRAPPER
   ========================= */
.sprint-task-details-body .card[b-iqf2yljv9b] {
    width: 100%;
    margin: 0 0 1rem;
    box-sizing: border-box;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
}

/* =========================
   TITLE
   ========================= */
h4[b-iqf2yljv9b] {
    font-weight: 600;
    color: var(--text-primary);
}

/* =========================
   LABELS
   ========================= */
label[b-iqf2yljv9b] {
    font-size: 13px;
    color: var(--text-secondary);
    margin-bottom: 4px;
}

/* =========================
   INPUTS
   ========================= */
.form-control[b-iqf2yljv9b],
.form-select[b-iqf2yljv9b],
textarea[b-iqf2yljv9b] {
    background: var(--bg-input);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 8px;
}

    .form-control:focus[b-iqf2yljv9b],
    .form-select:focus[b-iqf2yljv9b],
    textarea:focus[b-iqf2yljv9b] {
        border-color: var(--accent);
        box-shadow: 0 0 0 2px rgba(59,130,246,0.25);
    }

/* =========================
   SCREENSHOT PANEL
   ========================= */
.screenshot-panel[b-iqf2yljv9b] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 10px;
}

    /* image preview */
    .screenshot-panel img[b-iqf2yljv9b] {
        border-radius: 8px;
        transition: transform 0.2s ease;
    }

        .screenshot-panel img:hover[b-iqf2yljv9b] {
            transform: scale(1.02);
        }

/* =========================
   BUTTONS
   ========================= */
.btn[b-iqf2yljv9b] {
    border-radius: 8px;
    padding: 6px 12px;
}

.save-changes-btn[b-iqf2yljv9b] {
    min-width: 160px;
}

/* =========================
   COMMENT SECTION
   ========================= */
.dev-comment[b-iqf2yljv9b] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 10px;
    transition: 0.2s ease;
}

    .dev-comment:hover[b-iqf2yljv9b] {
        border-color: var(--accent);
    }

    /* =========================
   COMMENT HEADER
   ========================= */
    .dev-comment .fw-semibold[b-iqf2yljv9b] {
        color: var(--text-primary);
    }

    /* =========================
   COMMENT TEXT
   ========================= */
    .dev-comment div[b-iqf2yljv9b] {
        color: var(--text-primary);
    }

/* =========================
   EMPTY STATES
   ========================= */
.text-muted[b-iqf2yljv9b] {
    color: var(--text-secondary) !important;
}

/* =========================
   DROPDOWN SEARCH
   ========================= */
.list-group[b-iqf2yljv9b] {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--border);
    background: var(--bg-card);
}

.list-group-item[b-iqf2yljv9b] {
    cursor: pointer;
}

    .list-group-item:hover[b-iqf2yljv9b] {
        background: var(--bg-hover);
    }

/* =========================
   SPINNER (already global but just in case)
   ========================= */
.spinner-border[b-iqf2yljv9b] {
    color: var(--accent);
}

/* =========================
   SECTION SPACING
   ========================= */
hr[b-iqf2yljv9b] {
    border-color: var(--border);
    margin: 1.5rem 0;
}
/* _content/YAGServiceDesk/Pages/Development/SprintTasks.razor.rz.scp.css */
/* =========================
   PAGE HEADER
   ========================= */
h3[b-0tidioeqh8] {
    font-weight: 600;
    color: var(--text-primary);
    text-align: center;
    margin-bottom: 1rem;
}

/* =========================
   ACTION BAR
   ========================= */
.d-flex.justify-content-between.align-items-center.mb-3[b-0tidioeqh8] {
    margin-bottom: 1rem !important;
}

/* create task button */
.create-task-btn-custom[b-0tidioeqh8] {
    min-width: 140px;
}

    /* nicer green outline in dark UI */
    .create-task-btn-custom.btn-outline-success[b-0tidioeqh8] {
        border-color: #51cf66;
        color: #51cf66;
    }

        .create-task-btn-custom.btn-outline-success:hover[b-0tidioeqh8] {
            background-color: #51cf66;
            border-color: #51cf66;
            color: #fff;
        }

        .create-task-btn-custom.btn-outline-success:focus[b-0tidioeqh8] {
            box-shadow: 0 0 0 0.2rem rgba(81, 207, 102, 0.25);
        }

/* =========================
   FILTERS CARD
   ========================= */
.sprint-filters[b-0tidioeqh8] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.filters-top-row[b-0tidioeqh8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

/* filter row */
.filter-group[b-0tidioeqh8] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.75rem;
    justify-content: flex-end;
    align-items: center;
    flex: 0 0 auto;
}

.origin-legend[b-0tidioeqh8] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.4rem 0.65rem;
    color: var(--text-secondary);
    font-size: 0.78rem;
    flex: 1 1 auto;
    white-space: nowrap;
}

.origin-legend-label[b-0tidioeqh8] {
    font-weight: 600;
    color: var(--text-primary);
    margin-right: 0.1rem;
}

.origin-chip[b-0tidioeqh8] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    white-space: nowrap;
}

.origin-chip .source-icon[b-0tidioeqh8] {
    margin-right: 0;
}

/* selects */
.filter-select[b-0tidioeqh8] {
    min-width: 190px;
    max-width: 250px;
    background: var(--bg-input);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 0.55rem 0.75rem;
    transition: all 0.2s ease;
}

    .filter-select:focus[b-0tidioeqh8] {
        outline: none;
        border-color: var(--accent);
        box-shadow: 0 0 0 2px rgba(59,130,246,0.25);
    }

/* apply button */
.apply-btn-centered[b-0tidioeqh8] {
    min-width: 120px;
}

/* =========================
   BUTTONS
   ========================= */
.btn[b-0tidioeqh8] {
    border-radius: 8px;
    padding: 0.55rem 1rem;
    transition: all 0.2s ease;
}

.btn-outline-primary[b-0tidioeqh8] {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-primary);
}

    .btn-outline-primary:hover[b-0tidioeqh8] {
        background: var(--bg-hover);
        border-color: var(--accent);
        color: var(--text-primary);
    }

/* =========================
   EMPTY / LOADING STATES
   ========================= */
p[b-0tidioeqh8],
em[b-0tidioeqh8] {
    color: var(--text-secondary);
}

.text-center.py-5[b-0tidioeqh8],
.empty-state[b-0tidioeqh8] {
    color: var(--text-primary);
}

/* =========================
   TABLE WRAPPER
   ========================= */
.sprint-table-container[b-0tidioeqh8] {
    margin-top: 1rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--bg-card);
    overflow-x: auto;
    overflow-y: visible;
}

/* =========================
   TABLE
   ========================= */
.sprint-table[b-0tidioeqh8] {
    width: 100%;
    border-collapse: collapse;
    background: var(--bg-card);
    color: var(--text-primary);
}

    .sprint-table thead[b-0tidioeqh8] {
        background: var(--bg-secondary);
    }

    .sprint-table th[b-0tidioeqh8] {
        padding: 0.65rem 0.5rem;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--text-secondary);
        text-align: left;
        border-bottom: 1px solid var(--border);
    }

    .sprint-table th.sortable-th[b-0tidioeqh8] {
        cursor: pointer;
        user-select: none;
        white-space: nowrap;
        transition: color 0.15s ease, background 0.15s ease;
    }

    .sprint-table th.sortable-th:hover[b-0tidioeqh8] {
        color: var(--text-primary);
        background: rgba(255, 255, 255, 0.04);
    }

    .sort-icon[b-0tidioeqh8] {
        margin-left: 0.35rem;
        font-size: 0.65rem;
        opacity: 0.9;
    }

    .sort-icon-inactive[b-0tidioeqh8] {
        opacity: 0.35;
    }

    .sprint-table td[b-0tidioeqh8] {
        padding: 0.65rem 0.5rem;
        border-bottom: 1px solid var(--border);
        vertical-align: middle;
    }

    /* row hover */
    .sprint-table tbody tr:hover[b-0tidioeqh8] {
        background: rgba(255,255,255,0.03);
    }

/* clickable rows */
.clickable-row[b-0tidioeqh8] {
    cursor: pointer;
    transition: background 0.15s ease;
}

    .clickable-row:hover[b-0tidioeqh8] {
        background: rgba(59,130,246,0.08);
    }

    /* source icon in ID column */
    .source-icon[b-0tidioeqh8] {
        margin-right: 0.75rem;
        width: 0.95rem;
        text-align: center;
    }

    .sprint-table th:first-child[b-0tidioeqh8],
    .sprint-table td:first-child[b-0tidioeqh8] {
        white-space: nowrap;
    }

    .source-email[b-0tidioeqh8] {
        color: #fbbf24;
    }

    .source-service-agent[b-0tidioeqh8] {
        color: #60a5fa;
    }

    .source-service-client[b-0tidioeqh8] {
        color: #38bdf8;
    }

    .source-yag-reports[b-0tidioeqh8] {
        color: #34d399;
    }

    .source-dev[b-0tidioeqh8] {
        color: #c084fc;
    }

/* on hold row */
.on-hold-row td[b-0tidioeqh8] {
    background-color: #e8e6f0 !important;
    color: #555 !important;
}

.dark .on-hold-row td[b-0tidioeqh8] {
    background-color: #0e083a !important;
    color: #ffffff !important;
}

/* =========================
   BADGE-STYLE STATUS CELLS
   ========================= */
.sprint-table td:nth-child(2)[b-0tidioeqh8],
.sprint-table td:nth-child(6)[b-0tidioeqh8],
.sprint-table td:nth-child(7)[b-0tidioeqh8] {
    font-weight: 500;
}

/* =========================
   TABLE DARK FIX
   ========================= */
.sprint-table[b-0tidioeqh8],
.sprint-table th[b-0tidioeqh8],
.sprint-table td[b-0tidioeqh8] {
    background-clip: padding-box;
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 768px) {
    .filters-top-row[b-0tidioeqh8] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-group[b-0tidioeqh8] {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }

    .filter-select[b-0tidioeqh8],
    .apply-btn-centered[b-0tidioeqh8],
    .create-task-btn-custom[b-0tidioeqh8] {
        width: 100%;
        max-width: 100%;
    }

    .origin-legend[b-0tidioeqh8] {
        gap: 0.4rem 0.75rem;
    }

    .d-flex.justify-content-between.align-items-center.mb-3[b-0tidioeqh8] {
        justify-content: center !important;
    }

    .sprint-table th[b-0tidioeqh8],
    .sprint-table td[b-0tidioeqh8] {
        padding: 0.65rem 0.55rem;
        font-size: 0.85rem;
    }
}
/* _content/YAGServiceDesk/Pages/FP&A/Backlog.razor.rz.scp.css */
/* =========================
   HEADER
   ========================= */
.fpa-backlog-page[b-2t6fy53gjj],
.page-scroll-layout[b-2t6fy53gjj] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 75px - var(--impersonation-banner-height) - var(--maintenance-banner-height));
    min-height: 0;
    overflow: hidden;
}

.backlog-top[b-2t6fy53gjj],
.page-header-stack[b-2t6fy53gjj] {
    flex-shrink: 0;
    background: #0f172a;
    padding-bottom: 0.75rem;
}

.backlog-scroll[b-2t6fy53gjj] {
    flex: 1;
    overflow-y: auto;
}

.page-header[b-2t6fy53gjj] {
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 50%, #0891b2 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 0;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 18px 45px rgba(13, 148, 136, 0.35);
    overflow: hidden;
    min-height: fit-content;
}

.header-content[b-2t6fy53gjj] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.header-icon[b-2t6fy53gjj] {
    color: white;
}

.header-text h1[b-2t6fy53gjj] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
}

.header-text p[b-2t6fy53gjj] {
    margin: 0;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
}

/* =========================
   FILTER CARD — matches FP&A Tasks page
   ========================= */
.filter-card[b-2t6fy53gjj] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
}

.filter-row[b-2t6fy53gjj] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.filter-select[b-2t6fy53gjj] {
    min-width: 220px;
    max-width: 260px;
    background: var(--bg-input);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 8px;
}

.filter-select:focus[b-2t6fy53gjj] {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
}

.btn-primary-outline[b-2t6fy53gjj] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: 1px solid var(--accent);
    color: var(--accent);
    border-radius: 8px;
    padding: 6px 14px;
}

.btn-primary-outline:hover[b-2t6fy53gjj] {
    background: var(--accent);
    color: white;
}

.filter-count[b-2t6fy53gjj] {
    margin-left: auto;
    color: var(--text-secondary);
    white-space: nowrap;
}

/* =========================
   TABLE — matches FP&A Tasks page
   ========================= */
.table-header-container[b-2t6fy53gjj] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px 12px 0 0;
    border-bottom: none;
    padding: 0 0.5rem;
    overflow-x: auto;
}

.table-body-container[b-2t6fy53gjj] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-top: none;
    border-radius: 0 0 12px 12px;
    padding: 0 0.5rem 0.5rem;
    overflow-x: auto;
}

.task-table[b-2t6fy53gjj] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    color: var(--text-primary);
}

.task-table thead[b-2t6fy53gjj] {
    background: var(--bg-secondary);
}

.task-table th[b-2t6fy53gjj] {
    padding: 10px;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: var(--text-secondary);
    text-align: left;
}

.task-table td[b-2t6fy53gjj] {
    padding: 10px;
    border-bottom: 1px solid var(--border);
}

.task-table tbody tr:hover[b-2t6fy53gjj] {
    background: rgba(255, 255, 255, 0.04);
}

.clickable-row[b-2t6fy53gjj] {
    cursor: pointer;
}

@media (max-width: 768px) {
    .filter-select[b-2t6fy53gjj] {
        width: 100%;
        max-width: 100%;
    }

    .btn-primary-outline[b-2t6fy53gjj] {
        width: 100%;
        justify-content: center;
    }

    .filter-count[b-2t6fy53gjj] {
        margin-left: 0;
    }
}
/* _content/YAGServiceDesk/Pages/FP&A/FP&A-Task-Details.razor.rz.scp.css */
/* ── List Section ─────────────────────────────────────────── */

.list-heading[b-t5kapqgcrx] {
    color: #e2e8f0 !important;
}

.list-icon[b-t5kapqgcrx] {
    color: #10b981 !important;
}

.list-count[b-t5kapqgcrx] {
    font-size: 0.82rem;
    color: #94a3b8 !important;
}

.list-progress-track[b-t5kapqgcrx] {
    height: 6px !important;
    background: #2d3748 !important;
}

.list-progress-fill[b-t5kapqgcrx] {
    background: #10b981 !important;
}

.list-items[b-t5kapqgcrx] {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #2d3748;
    list-style: none;
    padding: 0;
}

.list-row[b-t5kapqgcrx] {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem;
    padding: 0.5rem 1rem !important;
    background: #1e2a38 !important;
    border-bottom: 1px solid #2d3748 !important;
}

.list-row:last-child[b-t5kapqgcrx] {
    border-bottom: none !important;
}

.list-checkbox[b-t5kapqgcrx] {
    border-color: #4a5568 !important;
    flex-shrink: 0;
    margin-top: 0;
}

.list-checkbox:checked[b-t5kapqgcrx] {
    background-color: #10b981 !important;
    border-color: #10b981 !important;
}

.list-item-text[b-t5kapqgcrx] {
    flex-grow: 1;
    color: #cbd5e1 !important;
}

.list-item-text.completed[b-t5kapqgcrx] {
    text-decoration: line-through !important;
    color: #64748b !important;
}

.list-remove-btn[b-t5kapqgcrx] {
    color: #ef4444 !important;
    opacity: 0.7;
    padding: 0 !important;
}

.list-remove-btn:hover[b-t5kapqgcrx] {
    opacity: 1;
}

.list-empty-text[b-t5kapqgcrx] {
    font-size: 0.875rem;
    color: #64748b !important;
}

.list-add-input[b-t5kapqgcrx] {
    background: #1e2a38 !important;
    border-color: #2d3748 !important;
    color: #cbd5e1 !important;
}

.list-add-input[b-t5kapqgcrx]::placeholder {
    color: #4a5568;
}

.list-add-btn[b-t5kapqgcrx] {
    background: #10b981 !important;
    border-color: #10b981 !important;
    color: #fff !important;
}

.list-add-btn:disabled[b-t5kapqgcrx] {
    opacity: 0.4;
}
/* _content/YAGServiceDesk/Pages/FP&A/Tasks.razor.rz.scp.css */
/* =========================
   LAYOUT
   ========================= */
.fpa-tasks-scroll[b-xhocd9y6q8] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

/* =========================
   HEADER
   ========================= */
.page-header[b-xhocd9y6q8] {
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 50%, #0891b2 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 0.75rem;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 18px 45px rgba(13, 148, 136, 0.35);
    overflow: hidden;
    min-height: fit-content;
}

.header-content[b-xhocd9y6q8] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.header-icon[b-xhocd9y6q8] {
    color: white;
}

.header-text h1[b-xhocd9y6q8] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
}

.header-text p[b-xhocd9y6q8] {
    margin: 0;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
}

.btn-create[b-xhocd9y6q8] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: white;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
}

.btn-create:hover[b-xhocd9y6q8] {
    background: rgba(255, 255, 255, 0.25);
}

/* =========================
   FILTER CARD
   ========================= */
.filter-card[b-xhocd9y6q8] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
    overflow-x: auto;
}

/* single-row filter bar */
.filter-row[b-xhocd9y6q8] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    min-width: 0;
}

.filter-controls[b-xhocd9y6q8],
.sort-controls[b-xhocd9y6q8] {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    min-width: 0;
}

.sort-controls[b-xhocd9y6q8] {
    margin-left: auto;
}

.filter-controls[b-xhocd9y6q8]::after {
    content: "";
    width: 1px;
    height: 1.75rem;
    background: var(--border);
    margin: 0 2px;
    flex-shrink: 0;
}

.sort-tier-sep[b-xhocd9y6q8] {
    width: 1px;
    height: 1.25rem;
    background: var(--border);
    margin: 0 2px;
    flex-shrink: 0;
}

.filter-input[b-xhocd9y6q8],
.filter-select[b-xhocd9y6q8],
.sort-select[b-xhocd9y6q8],
.sort-direction-select[b-xhocd9y6q8] {
    background: var(--bg-input);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 6px 8px;
    min-width: 0;
    flex: 0 0 auto;
    font-size: 0.8125rem;
    box-sizing: border-box;
}

.filter-input-project[b-xhocd9y6q8] {
    width: 6.25rem;
}

.filter-select-assignee[b-xhocd9y6q8] {
    width: 7rem;
    padding-right: 1.35rem;
}

.filter-select-status[b-xhocd9y6q8] {
    width: 7.25rem;
    padding-right: 1.35rem;
}

.filter-apply-btn[b-xhocd9y6q8] {
    padding: 6px 10px;
    flex: 0 0 auto;
    white-space: nowrap;
}

    /* focus */
    .filter-input:focus[b-xhocd9y6q8],
    .filter-select:focus[b-xhocd9y6q8] {
        outline: none;
        border-color: var(--accent);
        box-shadow: 0 0 0 2px rgba(59,130,246,0.25);
    }

.btn-primary-outline[b-xhocd9y6q8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--accent);
    color: var(--accent);
    border-radius: 8px;
    padding: 6px 10px;
    flex: 0 0 auto;
    white-space: nowrap;
}

    .btn-primary-outline:hover[b-xhocd9y6q8] {
        background: var(--accent);
        color: white;
    }

/* =========================
   SORT CONTROLS
   ========================= */
.sort-tier-label[b-xhocd9y6q8] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-secondary);
    white-space: nowrap;
    flex: 0 0 auto;
    border-radius: 4px;
    padding: 2px 4px;
}

.sort-tier-label.sort-key-active[b-xhocd9y6q8] {
    color: var(--accent);
    background: rgba(59, 130, 246, 0.15);
    box-shadow: 0 0 0 1px var(--accent);
}

:global([data-sort-tier].sort-key-active)[b-xhocd9y6q8] {
    color: var(--accent) !important;
    background: rgba(59, 130, 246, 0.15) !important;
    box-shadow: 0 0 0 1px var(--accent) !important;
    border-radius: 4px;
}

.sort-select[b-xhocd9y6q8],
.sort-direction-select[b-xhocd9y6q8] {
    padding-right: 1.35rem;
}

.sort-select[b-xhocd9y6q8] {
    width: 7.25rem;
}

.sort-direction-select[b-xhocd9y6q8] {
    width: 3.75rem;
    padding-right: 1.15rem;
}

.sort-select:focus[b-xhocd9y6q8],
.sort-direction-select:focus[b-xhocd9y6q8] {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(59,130,246,0.25);
}

.sort-select:disabled[b-xhocd9y6q8],
.sort-direction-select:disabled[b-xhocd9y6q8] {
    opacity: 0.5;
}

.sortable-th[b-xhocd9y6q8] {
    cursor: pointer;
    user-select: none;
}

.sortable-th:hover[b-xhocd9y6q8] {
    color: var(--text-primary);
}

.sort-indicator[b-xhocd9y6q8] {
    margin-left: 4px;
    font-size: 0.7rem;
}

.sort-indicator.muted[b-xhocd9y6q8] {
    opacity: 0.35;
}

.sort-indicator.active[b-xhocd9y6q8] {
    opacity: 1;
    color: var(--accent);
    font-weight: 700;
}

/* =========================
   TABLE WRAPPER
   ========================= */
.table-header-container[b-xhocd9y6q8] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px 12px 0 0;
    border-bottom: none;
    padding: 0 0.5rem;
    overflow-x: auto;
}

.table-body-container[b-xhocd9y6q8] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-top: none;
    border-radius: 0 0 12px 12px;
    padding: 0 0.5rem 0.5rem;
    overflow-x: auto;
    min-height: 100%;
}

/* =========================
   TABLE
   ========================= */
.task-table[b-xhocd9y6q8] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    color: var(--text-primary);
}

    /* header */
    .task-table thead[b-xhocd9y6q8] {
        background: var(--bg-secondary);
    }

    .task-table th[b-xhocd9y6q8] {
        padding: 10px;
        font-size: 0.75rem;
        text-transform: uppercase;
        color: var(--text-secondary);
        text-align: left;
    }

    /* rows */
    .task-table td[b-xhocd9y6q8] {
        padding: 10px;
        border-bottom: 1px solid var(--border);
    }

    /* hover */
    .task-table tbody tr:hover[b-xhocd9y6q8] {
        background: rgba(255,255,255,0.04);
    }

/* clickable */
.clickable-row[b-xhocd9y6q8] {
    cursor: pointer;
}

/* =========================
   STATUS COLORS (huge upgrade)
   ========================= */
.task-table td:nth-child(4)[b-xhocd9y6q8] {
    font-weight: 600;
}

/* =========================
   EMPTY STATE
   ========================= */
.state-text[b-xhocd9y6q8] {
    text-align: center;
    color: var(--text-secondary);
    margin-top: 2rem;
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 768px) {
    .filter-row[b-xhocd9y6q8] {
        flex-wrap: wrap;
        overflow-x: auto;
    }

    .filter-controls[b-xhocd9y6q8],
    .sort-controls[b-xhocd9y6q8] {
        flex-wrap: wrap;
    }

    .sort-controls[b-xhocd9y6q8] {
        margin-left: 0;
        width: 100%;
    }

    .filter-controls[b-xhocd9y6q8]::after {
        display: none;
    }
}
/* _content/YAGServiceDesk/Pages/Glass/GlassTicketDetails.razor.rz.scp.css */
/* Container matches MyITTickets: full-bleed header, padded content */
.glass-detail-page[b-j6f6x9h8t0] {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0;
    min-height: calc(100vh - 105px);
    background: var(--bg-primary, #0f172a);
}

.page-content[b-j6f6x9h8t0] {
    padding: 1.25rem 1.5rem 1.5rem;
    max-width: 1540px;
}

/* Header — standard page-header pattern with the Glass cyan accent */
.glass-header[b-j6f6x9h8t0] {
    background: linear-gradient(135deg, #06b6d4 0%, #0e7490 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 0;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    overflow: hidden;
    position: relative;
}

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

.glass-header .header-text h1[b-j6f6x9h8t0] {
    margin: 0 0 0.3rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
    color: white;
}

.glass-header .header-text p[b-j6f6x9h8t0] {
    margin: 0;
    font-size: 0.9rem;
    opacity: 0.9;
    line-height: 1.3;
    color: #ffffff;
}

.back-btn[b-j6f6x9h8t0] {
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.15);
    color: white;
    border-radius: 6px;
    width: 36px;
    height: 36px;
    font-size: 1.1rem;
    cursor: pointer;
    flex-shrink: 0;
}

.back-btn:hover[b-j6f6x9h8t0] {
    background: rgba(255, 255, 255, 0.3);
}

.status-badge[b-j6f6x9h8t0] {
    border-radius: 999px;
    padding: 0.25rem 0.8rem;
    font-size: 0.85rem;
    font-weight: 600;
    flex-shrink: 0;
}

.status-new[b-j6f6x9h8t0]       { background: rgba(234, 179, 8, 0.25);  color: #fef08a; }
.status-open[b-j6f6x9h8t0]      { background: rgba(59, 130, 246, 0.25); color: #bfdbfe; }
.status-scheduled[b-j6f6x9h8t0] { background: rgba(139, 92, 246, 0.25); color: #ddd6fe; }
.status-closed[b-j6f6x9h8t0]    { background: rgba(34, 197, 94, 0.25);  color: #bbf7d0; }
.status-arrived[b-j6f6x9h8t0]   { background: rgba(6, 182, 212, 0.3);   color: #a5f3fc; }

.header-badges[b-j6f6x9h8t0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    flex-shrink: 0;
    align-items: center;
}

.day-of-box[b-j6f6x9h8t0] {
    background: rgba(234, 179, 8, 0.12);
    border-left: 4px solid #eab308;
    border-radius: 0 6px 6px 0;
    padding: 0.6rem 1rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    color: var(--text-primary, #f8fafc);
}

.detail-columns[b-j6f6x9h8t0] {
    display: grid;
    grid-template-columns: minmax(0, 2.1fr) minmax(280px, 1fr);
    gap: 1.25rem;
    align-items: start;
}

.ticket-fields-card[b-j6f6x9h8t0] {
    min-width: 0;
}

@media (min-width: 992px) {
    .requestor-row[b-j6f6x9h8t0] {
        flex-wrap: nowrap;
    }

    .requestor-row .requestor-type-field[b-j6f6x9h8t0] {
        flex: 0 0 calc(25% - 50px);
        max-width: calc(25% - 50px);
    }

    .requestor-row .requestor-name-field[b-j6f6x9h8t0] {
        flex: 0 0 calc(25% - 20px);
        max-width: calc(25% - 20px);
    }

    .requestor-row .requestor-phone-field[b-j6f6x9h8t0] {
        flex: 0 0 calc(25% - 60px);
        max-width: calc(25% - 60px);
    }

    .requestor-row .requestor-dealership-field[b-j6f6x9h8t0],
    .requestor-row .requestor-service-option-field[b-j6f6x9h8t0] {
        flex: 0 0 calc(25% + 125px);
        max-width: calc(25% + 125px);
    }

    .requestor-dealership-field .form-select[b-j6f6x9h8t0],
    .requestor-service-option-field .form-select[b-j6f6x9h8t0] {
        width: 100%;
    }
}

@media (max-width: 1100px) {
    .detail-columns[b-j6f6x9h8t0] {
        grid-template-columns: 1fr;
    }
}

/* List flags — matches GlassTickets */
.flag[b-j6f6x9h8t0] {
    border-radius: 4px;
    padding: 0.05rem 0.4rem;
    font-size: 0.72rem;
    font-weight: 700;
}

.flag-arrived[b-j6f6x9h8t0] {
    background: rgba(6, 182, 212, 0.35);
    color: #67e8f9;
    border: 1px solid rgba(34, 211, 238, 0.5);
}

.flag-order[b-j6f6x9h8t0] {
    background: rgba(249, 115, 22, 0.2);
    color: #fb923c;
}

.flag-ins[b-j6f6x9h8t0] {
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
}

.flag-wait[b-j6f6x9h8t0] {
    background: rgba(234, 179, 8, 0.2);
    color: #facc15;
}

.section-title[b-j6f6x9h8t0] {
    border-bottom: 2px solid var(--border, #334155);
    padding-bottom: 0.35rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    color: #22d3ee;
}

.comments-card[b-j6f6x9h8t0] {
    position: sticky;
    top: 1rem;
}

.comments-scroll[b-j6f6x9h8t0] {
    max-height: 480px;
    overflow-y: auto;
}

.comment-card[b-j6f6x9h8t0] {
    border-bottom: 1px solid var(--border, #334155);
    padding: 0.55rem 0;
}

.comment-author[b-j6f6x9h8t0] {
    font-weight: 600;
    color: var(--text-primary, #f8fafc);
    margin-right: 0.5rem;
}

.comment-date[b-j6f6x9h8t0] {
    font-size: 0.78rem;
    color: var(--text-muted, #64748b);
}

.comment-body[b-j6f6x9h8t0] {
    margin-top: 0.2rem;
    white-space: pre-wrap;
    font-size: 0.92rem;
    color: var(--text-primary, #f8fafc);
}
/* _content/YAGServiceDesk/Pages/Glass/GlassTickets.razor.rz.scp.css */
/* Glass tickets — same scroll model as FP&A Tasks: fixed viewport height, rows-only scroll */
.glass-tickets-page[b-z1jcekzlyw] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--impersonation-banner-height) - var(--maintenance-banner-height) - 90px);
    max-height: calc(100vh - var(--impersonation-banner-height) - var(--maintenance-banner-height) - 90px);
    overflow: hidden;
    margin: 0 -2rem 0;
    width: calc(100% + 4rem);
    background: var(--bg-primary, #0f172a);
    box-sizing: border-box;
}

.glass-tickets-header-panel[b-z1jcekzlyw] {
    flex-shrink: 0;
    background: var(--bg-primary, #0f172a);
    padding: 0 1.5rem 0.5rem;
}

.glass-tickets-scroll-body[b-z1jcekzlyw] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    width: 100%;
    padding: 0 1.5rem 2.5rem;
    box-sizing: border-box;
    overscroll-behavior: contain;
}

.glass-tickets-header-panel .filters-bar[b-z1jcekzlyw] {
    margin: 0 0 0.75rem;
}

.glass-tickets-header-panel .ticket-table-header[b-z1jcekzlyw] {
    margin-bottom: 0;
    border-radius: 6px 6px 0 0;
}

/* Header — Glass cyan accent */
.glass-header[b-z1jcekzlyw] {
    background: linear-gradient(135deg, #06b6d4 0%, #0e7490 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 0;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    overflow: hidden;
}

.glass-header .header-content[b-z1jcekzlyw] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    flex: 1;
    min-width: 0;
}

.glass-header .header-text h1[b-z1jcekzlyw] {
    margin: 0 0 0.3rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
    color: white;
}

.glass-header .header-text p[b-z1jcekzlyw] {
    margin: 0;
    font-size: 0.9rem;
    opacity: 0.9;
    line-height: 1.3;
    color: #ffffff;
}

.header-actions[b-z1jcekzlyw] {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    flex-shrink: 0;
}

.new-glass-btn[b-z1jcekzlyw],
.export-csv-btn[b-z1jcekzlyw] {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: white;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

.new-glass-btn:hover[b-z1jcekzlyw],
.export-csv-btn:hover[b-z1jcekzlyw] {
    background: rgba(255, 255, 255, 0.3);
    color: white;
}

.export-csv-btn:disabled[b-z1jcekzlyw] {
    opacity: 0.5;
    cursor: not-allowed;
}

.filters-bar[b-z1jcekzlyw] {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.filter-tabs[b-z1jcekzlyw] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.filter-tab[b-z1jcekzlyw] {
    border: 1px solid var(--border, #334155);
    background: var(--bg-secondary, #1e293b);
    color: var(--text-primary, #f8fafc);
    border-radius: 999px;
    padding: 0.3rem 0.85rem;
    font-size: 0.88rem;
    cursor: pointer;
    transition: background 0.12s ease;
}

.filter-tab:hover[b-z1jcekzlyw] {
    background: var(--bg-tertiary, #334155);
}

.filter-tab.active[b-z1jcekzlyw] {
    background: #06b6d4;
    border-color: #06b6d4;
    color: #fff;
}

.search-box[b-z1jcekzlyw] {
    min-width: 280px;
    flex: 1;
    max-width: 420px;
}

.mine-check[b-z1jcekzlyw] {
    white-space: nowrap;
}

.ticket-table-header[b-z1jcekzlyw],
.ticket-row[b-z1jcekzlyw] {
    display: grid;
    grid-template-columns: 100px 60px 1.4fr 1.1fr 130px 130px 90px 130px 80px;
    gap: 0.5rem;
    align-items: center;
    padding: 0.55rem 0.8rem;
}

.ticket-table-header[b-z1jcekzlyw] {
    background: linear-gradient(135deg, #0e7490 0%, #155e75 100%);
    color: #fff;
    border-radius: 6px 6px 0 0;
    font-weight: 600;
    font-size: 0.85rem;
}

.ticket-row[b-z1jcekzlyw] {
    border: 1px solid var(--border, #334155);
    border-top: none;
    background: var(--bg-card, #1e293b);
    color: var(--text-primary, #f8fafc);
    cursor: pointer;
    font-size: 0.88rem;
    transition: background 0.12s ease;
}

.ticket-row:hover[b-z1jcekzlyw] {
    background: var(--bg-tertiary, #334155);
}

.cell-title .vin[b-z1jcekzlyw] {
    font-family: monospace;
    font-weight: 600;
}

.title-sub[b-z1jcekzlyw] {
    font-size: 0.78rem;
    color: var(--text-secondary, #94a3b8);
}

.cell-flags[b-z1jcekzlyw] {
    display: flex;
    gap: 0.3rem;
    flex-wrap: wrap;
}

.flag[b-z1jcekzlyw] {
    border-radius: 4px;
    padding: 0.05rem 0.4rem;
    font-size: 0.72rem;
    font-weight: 700;
}

.flag-arrived[b-z1jcekzlyw]  { background: rgba(6, 182, 212, 0.35); color: #67e8f9; border: 1px solid rgba(34, 211, 238, 0.5); }
.flag-order[b-z1jcekzlyw]    { background: rgba(249, 115, 22, 0.2);  color: #fb923c; }
.flag-ins[b-z1jcekzlyw]      { background: rgba(239, 68, 68, 0.2);   color: #f87171; }
.flag-wait[b-z1jcekzlyw]     { background: rgba(234, 179, 8, 0.2);   color: #facc15; }
.flag-comments[b-z1jcekzlyw] { background: var(--bg-tertiary, #334155); color: var(--text-secondary, #94a3b8); }

.status-badge[b-z1jcekzlyw] {
    display: inline-block;
    border-radius: 999px;
    padding: 0.12rem 0.55rem;
    font-size: 0.78rem;
    font-weight: 600;
}

.status-new[b-z1jcekzlyw]       { background: rgba(234, 179, 8, 0.2);   color: #facc15; }
.status-open[b-z1jcekzlyw]      { background: rgba(59, 130, 246, 0.2);  color: #60a5fa; }
.status-scheduled[b-z1jcekzlyw] { background: rgba(139, 92, 246, 0.2);  color: #a78bfa; }
.status-closed[b-z1jcekzlyw]    { background: rgba(34, 197, 94, 0.2);   color: #4ade80; }

.empty-state[b-z1jcekzlyw] {
    text-align: center;
    padding: 3rem 1rem;
    border: 1px dashed var(--border, #334155);
    border-radius: 8px;
    background: var(--bg-secondary, #1e293b);
    color: var(--text-secondary, #94a3b8);
}

@media (max-width: 991.98px) {
    .glass-tickets-page[b-z1jcekzlyw] {
        margin-left: -1rem;
        margin-right: -1rem;
        width: calc(100% + 2rem);
    }

    .glass-tickets-header-panel[b-z1jcekzlyw] {
        padding-left: 0;
        padding-right: 0;
    }
}
/* _content/YAGServiceDesk/Pages/HR/HRDocuments.razor.rz.scp.css */
/* =========================
   PAGE CONTAINER
   ========================= */
:global(.page-content:has(.hr-documents-page))[b-rochg4idtj] {
    overflow: hidden;
    padding-bottom: 0;
}

.hr-documents-page[b-rochg4idtj] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 15px - 2.5rem);
    overflow: hidden;
    overflow-anchor: none;
}

.hr-documents-header-shell[b-rochg4idtj] {
    position: fixed;
    top: 0;
    left: calc(260px + 2rem);
    right: 2rem;
    z-index: 10;
    background: #0f172a;
    padding-top: 15px;
    padding-bottom: 0.75rem;
}

.hr-documents-static[b-rochg4idtj] {
    flex-shrink: 0;
    background: #0f172a;
    padding-top: calc(7.5rem - 20px);
    padding-bottom: 0;
    overflow: visible;
    overflow-anchor: none;
}

.hr-documents-scroll[b-rochg4idtj] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: auto;
    background: #0f172a;
}

.hr-documents-table-header[b-rochg4idtj],
.hr-documents-table-body[b-rochg4idtj] {
    background: var(--bg-card);
    border-left: 1px solid var(--border);
    border-right: 1px solid var(--border);
    padding: 0 1rem;
}

.hr-documents-table-header[b-rochg4idtj] {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    border-radius: 12px 12px 0 0;
    margin-top: 0.75rem;
}

.hr-documents-table-body[b-rochg4idtj] {
    border-bottom: 1px solid var(--border);
    border-radius: 0 0 12px 12px;
    padding-bottom: 1rem;
}

.hr-documents-table[b-rochg4idtj] {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 0;
}

.container[b-rochg4idtj] {
    padding: 1.5rem;
}

/* =========================
   SEARCH BOX
   ========================= */
.search-section-box[b-rochg4idtj] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    overflow: visible;
}

.hr-filter-suggestions[b-rochg4idtj] {
    z-index: 1000;
    left: 0;
    min-width: 100%;
    width: max-content;
    max-width: min(90vw, 42rem);
    max-height: 440px;
    overflow-y: auto;
    overflow-x: auto;
    top: 100%;
    margin-top: 2px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 8px;
    box-shadow: var(--shadow-md);
}

    .hr-filter-suggestions .list-group-item[b-rochg4idtj],
    .hr-filter-suggestions .list-group-item-action[b-rochg4idtj] {
        color: var(--text-primary) !important;
        background-color: var(--bg-card) !important;
        border-color: var(--border) !important;
    }

    .hr-filter-suggestions .list-group-item-action:hover[b-rochg4idtj],
    .hr-filter-suggestions .list-group-item-action:focus[b-rochg4idtj],
    .hr-filter-suggestions .list-group-item:hover[b-rochg4idtj] {
        color: #fff !important;
        background-color: #284c68 !important;
        border-color: var(--border) !important;
    }

    .hr-filter-suggestions .list-group-item[b-rochg4idtj] {
        white-space: nowrap;
        padding-right: 1.25rem;
    }

    .search-section-box h3[b-rochg4idtj] {
        font-weight: 600;
        margin-bottom: 1rem;
    }

/* =========================
   GRID LAYOUT
   ========================= */
.container-columns[b-rochg4idtj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

/* =========================
   INPUTS
   ========================= */
.form-control[b-rochg4idtj],
.form-select[b-rochg4idtj] {
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--bg-input);
    color: var(--text-primary);
}

.form-control:focus[b-rochg4idtj],
.form-select:focus[b-rochg4idtj] {
    border-color: #258cfb;
    box-shadow: 0 0 0 2px rgba(37,140,251,0.2);
}

/* =========================
   BUTTONS
   ========================= */
.search-btn[b-rochg4idtj] {
    min-width: 120px;
    font-weight: 500;
    border-radius: 8px;
}

.btn-secondary[b-rochg4idtj] {
    border-radius: 8px;
}

/* =========================
   TABLE
   ========================= */
.table-container[b-rochg4idtj] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1rem;
}

.table-custom[b-rochg4idtj] {
    width: 100%;
    border-collapse: collapse;
}

    .table-custom th[b-rochg4idtj] {
        text-align: left;
        font-weight: 600;
        padding: 10px;
        border-bottom: 1px solid var(--border);
    }

    .table-custom td[b-rochg4idtj] {
        padding: 10px;
        border-bottom: 1px solid var(--border);
    }

    .table-custom tr:hover[b-rochg4idtj] {
        background: rgba(37,140,251,0.05);
    }

/* =========================
   VIEW BUTTON
   ========================= */
.btn-sm[b-rochg4idtj] {
    border-radius: 6px;
}

/* =========================
   NO DATA
   ========================= */
.no-data[b-rochg4idtj] {
    text-align: center;
    padding: 2rem;
    color: var(--text-secondary);
    font-style: italic;
}

/* =========================
   LOADING STATE
   ========================= */
.loading-container[b-rochg4idtj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    gap: 10px;
}

.loading-text[b-rochg4idtj] {
    font-size: 14px;
    color: var(--text-secondary);
}

/* =========================
   SMALL POLISH
   ========================= */
.clickable-row[b-rochg4idtj] {
    transition: background 0.15s ease;
}


/* =========================
   NO DATA STATE (UPGRADED)
   ========================= */
.no-data[b-rochg4idtj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    text-align: center;
    background: var(--bg-card);
    border: 1px dashed var(--border);
    border-radius: 12px;
    margin-top: 1rem;
}

/* icon */
.no-data-icon[b-rochg4idtj] {
    font-size: 32px;
    color: #258cfb;
    margin-bottom: 10px;
    opacity: 0.8;
}

/* main title */
.no-data-title[b-rochg4idtj] {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 5px;
}

/* sub text */
.no-data-text[b-rochg4idtj] {
    font-size: 14px;
    color: var(--text-secondary);
    max-width: 400px;
    line-height: 1.4;
}



/* =========================
   MODAL OVERLAY
   ========================= */
.custom-modal-overlay[b-rochg4idtj] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* =========================
   MODAL CONTAINER
   ========================= */
.custom-modal[b-rochg4idtj] {
    background: var(--bg-card);
    border-radius: 14px;
    border: 1px solid var(--border);
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    overflow: hidden;
}

/* =========================
   HEADER
   ========================= */
.modal-header[b-rochg4idtj] {
    border-bottom: 1px solid var(--border);
    padding: 1rem 1.5rem;
}

.modal-title[b-rochg4idtj] {
    font-weight: 600;
}

/* =========================
   BODY
   ========================= */
.modal-body[b-rochg4idtj] {
    padding: 1.5rem;
}

/* =========================
   FOOTER
   ========================= */
.modal-footer[b-rochg4idtj] {
    border-top: 1px solid var(--border);
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* =========================
   SUGGESTIONS LIST
   ========================= */
.suggestions-list[b-rochg4idtj] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 250px;
    overflow-y: auto;
}

/* individual suggestion */
.suggestion-item[b-rochg4idtj] {
    padding: 12px;
    border-radius: 10px;
    background: var(--bg-input);
    border: 1px solid var(--border);
    cursor: pointer;
    transition: all 0.15s ease;
}

    .suggestion-item:hover[b-rochg4idtj] {
        background: rgba(37,140,251,0.1);
        border-color: #258cfb;
    }

/* text styling */
.suggestion-name[b-rochg4idtj] {
    font-weight: 600;
    color: var(--text-primary);
}

.suggestion-email[b-rochg4idtj] {
    font-size: 13px;
    color: var(--text-secondary);
}

.suggestion-id[b-rochg4idtj] {
    font-size: 12px;
    margin-top: 4px;
    color: #94a3b8;
}


.custom-modal-overlay[b-rochg4idtj] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(6px);
}

/* kill bootstrap interference */
.modal-dialog[b-rochg4idtj] {
    margin: 0 !important;
    max-width: 600px;
    width: 100%;
}

.custom-modal[b-rochg4idtj] {
    width: 100%;
    max-width: 600px;
    animation: modalFadeIn-b-rochg4idtj 0.2s ease;
}

@keyframes modalFadeIn-b-rochg4idtj {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
.selected-row[b-rochg4idtj] {
    background-color: rgba(13, 148, 136, 0.18) !important;
}

.metadata-grid[b-rochg4idtj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 12px;
}

.metadata-item label[b-rochg4idtj] {
    font-size: 12px;
    color: var(--text-secondary);
    margin-bottom: 4px;
    display: block;
}

.metadata-section[b-rochg4idtj] {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border);
}

.metadata-section-title[b-rochg4idtj] {
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--text-primary);
    font-size: 14px;
    letter-spacing: 0.5px;
}

.modal-dialog[b-rochg4idtj] {
    max-width: 600px;
}

.sortable[b-rochg4idtj] {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

    .sortable:hover[b-rochg4idtj] {
        color: #258cfb;
    }

.sortable-active[b-rochg4idtj] {
    color: #258cfb;
}

.sort-indicator[b-rochg4idtj] {
    margin-left: 0.25rem;
    font-size: 0.75rem;
    display: inline-block;
    min-width: 0.75rem;
}


.annotations-modal[b-rochg4idtj] {
    max-width: 900px;
    width: 100%;
    max-height: 85vh;
}

    .annotations-modal .modal-body[b-rochg4idtj] {
        max-height: 70vh;
        overflow-y: auto;
    }

.annotation-entry[b-rochg4idtj] {
    background: rgba(13,148,136,0.08);
    border: 1px solid rgba(13,148,136,0.25);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 20px;
}

.annotation-label[b-rochg4idtj] {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
}

.annotation-textarea[b-rochg4idtj] {
    resize: vertical;
}

.annotation-actions[b-rochg4idtj] {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
}

.comment-card[b-rochg4idtj] {
    background: #1e293b;
    border: 1px solid rgba(148,163,184,.15);
    border-left: 4px solid #0d9488;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 12px;
    transition: all .15s ease;
}

    .comment-card:hover[b-rochg4idtj] {
        transform: translateY(-1px);
        box-shadow: 0 8px 20px rgba(0,0,0,.2);
    }

.comment-author[b-rochg4idtj] {
    font-weight: 600;
    color: #f8fafc;
}

.comment-date[b-rochg4idtj] {
    font-size: 12px;
    color: #94a3b8;
}

.comment-text[b-rochg4idtj] {
    margin-top: 10px;
    white-space: pre-wrap;
    color: #e2e8f0;
}


.annotations-close-btn[b-rochg4idtj] {
    min-width: 90px;
    border-radius: 8px;
}

.annotations-modal .modal-header[b-rochg4idtj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* _content/YAGServiceDesk/Pages/Index.razor.rz.scp.css */
/* ── Page container ──────────────────────────────────────────── */
.page-container[b-phmzfnlcvl] {
    width: 100%;
    max-width: 100%;
    padding: 0 0 2rem;
    box-sizing: border-box;
}

.dashboard-page[b-phmzfnlcvl] {
    padding-bottom: 2rem;
}

.dashboard-header-shell[b-phmzfnlcvl] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 2rem);
    right: 2rem;
    z-index: 10;
    background: #0f172a;
    padding-top: 15px;
    padding-bottom: 0.75rem;
}

.dashboard-page-body[b-phmzfnlcvl] {
    /* welcome-header min-height (80px) + vertical padding (2.5rem) + shell padding/gap */
    padding-top: calc(15px + 7.5rem + var(--page-header-content-gap, 20px));
}

/* ── Welcome header ──────────────────────────────────────────── */
.welcome-header[b-phmzfnlcvl] {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    min-height: 80px;
    padding: 1.25rem 1.5rem;
    border-radius: 12px;
    margin-bottom: 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    border: 1px solid #1e293b;
}

/* ── Loading state ───────────────────────────────────────────── */
.loading-state[b-phmzfnlcvl] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    color: #94a3b8;
    font-size: 0.95rem;
    gap: 0.5rem;
}

/* ── Section panel ───────────────────────────────────────────── */
.section-panel[b-phmzfnlcvl] {
    border-radius: 14px;
    border: 1px solid #334155;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: clip;
}

.section-header[b-phmzfnlcvl] {
    padding: 1rem 1.25rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    flex-shrink: 0;
    border-radius: 14px 14px 0 0;
}

.section-header > div:first-child[b-phmzfnlcvl] {
    align-self: center;
}

.section-header > .section-nav-btn[b-phmzfnlcvl] {
    align-self: center;
}

.section-body[b-phmzfnlcvl] {
    padding: 1.25rem;
    background: #0f172a;
    flex: 1;
    min-height: 0;
    border-radius: 0 0 14px 14px;
}

/* ── Section nav button ──────────────────────────────────────── */
.section-nav-btn[b-phmzfnlcvl] {
    background: rgba(255, 255, 255, 0.15);
    color: white;
    border: 1.5px solid rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    padding: 0.35rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s;
    flex-shrink: 0;
}

.section-nav-btn:hover[b-phmzfnlcvl] {
    background: rgba(255, 255, 255, 0.28);
}

.dev-header-actions[b-phmzfnlcvl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-self: center;
}

.dev-period-select[b-phmzfnlcvl] {
    height: 34px;
    min-width: 9.5rem;
    padding: 0 0.65rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #f8fafc;
    background-color: #0f172a;
    border: 1.5px solid rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    cursor: pointer;
    color-scheme: dark;
}

.dev-period-select:hover[b-phmzfnlcvl] {
    background-color: #1e293b;
    border-color: rgba(255, 255, 255, 0.65);
}

.dev-period-select option[b-phmzfnlcvl] {
    background-color: #1e293b;
    color: #f8fafc;
}

.dev-period-select:focus[b-phmzfnlcvl] {
    outline: none;
    background-color: #1e293b;
    border-color: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.35);
}

/* ── Footer action links ─────────────────────────────────────── */
.section-footer-links[b-phmzfnlcvl] {
    margin-top: 0.75rem;
    text-align: right;
}

.section-more-btn[b-phmzfnlcvl] {
    background: transparent;
    border: 1px solid;
    border-radius: 8px;
    padding: 0.3rem 0.75rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: opacity 0.15s;
}

.section-more-btn:hover[b-phmzfnlcvl] {
    opacity: 0.8;
}

/* ── Stat cards ──────────────────────────────────────────────── */
.stat-card[b-phmzfnlcvl] {
    background: #1e293b;
    border-radius: 10px;
    padding: 0.9rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    border: 1px solid #334155;
    height: 100%;
}

.stat-label[b-phmzfnlcvl] {
    font-size: 0.72rem;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.stat-value[b-phmzfnlcvl] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #f1f5f9;
    line-height: 1.1;
}

.stat-sub[b-phmzfnlcvl] {
    font-size: 0.7rem;
    color: #64748b;
}

/* ── Chart cards ─────────────────────────────────────────────── */
.chart-card[b-phmzfnlcvl] {
    background: #1e293b;
    border-radius: 10px;
    padding: 0.9rem 1rem;
    border: 1px solid #334155;
    height: 100%;
}

.chart-title[b-phmzfnlcvl] {
    font-size: 0.78rem;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.6rem;
    font-weight: 600;
}

/* ── Light mode overrides ────────────────────────────────────── */
@media (prefers-color-scheme: light) {
    body:not(.dark) .section-body[b-phmzfnlcvl] {
        background: #f8fafc !important;
    }

    body:not(.dark) .stat-card[b-phmzfnlcvl],
    body:not(.dark) .chart-card[b-phmzfnlcvl] {
        background: #ffffff !important;
        color: #111827 !important;
        border-color: #e5e7eb !important;
    }

    body:not(.dark) .stat-label[b-phmzfnlcvl],
    body:not(.dark) .chart-title[b-phmzfnlcvl] {
        color: #6b7280 !important;
    }

    body:not(.dark) .stat-value[b-phmzfnlcvl] {
        color: #111827 !important;
    }

    body:not(.dark) .stat-sub[b-phmzfnlcvl] {
        color: #9ca3af !important;
    }

    body:not(.dark) .section-panel[b-phmzfnlcvl] {
        border-color: #e5e7eb !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
    }

    body:not(.dark) .welcome-header[b-phmzfnlcvl] {
        background: linear-gradient(135deg, #e8e8e8 0%, #f1f5f9 100%) !important;
        border-color: #e5e7eb !important;
    }
}

@media (max-width: 991.98px) {
    .dashboard-header-shell[b-phmzfnlcvl] {
        left: 1rem;
        right: 1rem;
    }

    .dashboard-page-body[b-phmzfnlcvl] {
        padding-top: calc(15px + 9rem + var(--page-header-content-gap, 20px));
    }
}
/* _content/YAGServiceDesk/Pages/ITSupport/AgentPerformanceReport.razor.rz.scp.css */
/* Prevent icon flash on page load */
    .page-container svg[b-jfor7ft7l0] {
        max-width: 3rem;
        max-height: 3rem;
    }

    .page-container[b-jfor7ft7l0] {
        width: 100%;
        max-width: 100%;
        padding: 0 0 2rem;
        box-sizing: border-box;
    }

    .sticky-header[b-jfor7ft7l0] {
        position: sticky;
        top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
        z-index: 100;
        background: #0f172a;
        padding-top: 15px;
        margin-top: -15px;
        padding-bottom: 8px;
        border-bottom: 1px solid #1e293b;
    }

    /* ── Stat cards ─────────────────────────── */
    .stat-card[b-jfor7ft7l0] {
        background: #1e293b;
        border-radius: 12px;
        padding: 1.25rem 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        border: 1px solid #334155;
        height: 100%;
    }

    .stat-label[b-jfor7ft7l0] {
        font-size: 0.78rem;
        color: #94a3b8;
        text-transform: uppercase;
        letter-spacing: 0.06em;
    }

    .stat-value[b-jfor7ft7l0] {
        font-size: 2rem;
        font-weight: 700;
        color: #f1f5f9;
        line-height: 1.1;
    }

    .stat-sub[b-jfor7ft7l0] {
        font-size: 0.73rem;
        color: #64748b;
    }

    /* ── Chart cards ────────────────────────── */
    .chart-card[b-jfor7ft7l0] {
        background: #1e293b;
        border-radius: 12px;
        padding: 1.25rem 1.5rem;
        border: 1px solid #334155;
        height: 100%;
    }

    .chart-title[b-jfor7ft7l0] {
        font-size: 0.82rem;
        font-weight: 600;
        color: #94a3b8;
        margin-bottom: 0.9rem;
        text-transform: uppercase;
        letter-spacing: 0.07em;
    }

    /* ── Filter bar ─────────────────────────── */
    .filter-bar[b-jfor7ft7l0] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        flex-wrap: wrap;
        margin-bottom: 1.5rem;
    }

    .filter-bar-label[b-jfor7ft7l0] {
        font-size: 0.85rem;
        color: #94a3b8;
        white-space: nowrap;
    }

    .filter-bar select[b-jfor7ft7l0] {
        background: #0f172a;
        color: #e2e8f0;
        border: 1px solid #334155;
        border-radius: 6px;
        padding: 0.35rem 0.75rem;
        font-size: 0.85rem;
        outline: none;
        cursor: pointer;
    }

    .filter-bar select:focus[b-jfor7ft7l0] {
        border-color: #7c3aed;
    }

    /* ── Agent table ────────────────────────── */
    .agent-table[b-jfor7ft7l0] {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.88rem;
    }

    .agent-table thead th[b-jfor7ft7l0] {
        color: #64748b;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        padding: 0.5rem 0.75rem;
        border-bottom: 1px solid #334155;
        text-align: left;
        white-space: nowrap;
    }

    .agent-table thead th.num[b-jfor7ft7l0] {
        text-align: right;
    }

    .agent-table tbody tr[b-jfor7ft7l0] {
        border-bottom: 1px solid #1e3a5f22;
        transition: background 0.1s;
    }

    .agent-table tbody tr:hover[b-jfor7ft7l0] {
        background: #0f172a55;
    }

    .agent-table tbody td[b-jfor7ft7l0] {
        padding: 0.55rem 0.75rem;
        color: #e2e8f0;
    }

    .agent-table tbody td.num[b-jfor7ft7l0] {
        text-align: right;
        font-variant-numeric: tabular-nums;
        color: #94a3b8;
    }

    .agent-table tbody td.num.hi[b-jfor7ft7l0] {
        color: #34d399;
        font-weight: 600;
    }

    .pill[b-jfor7ft7l0] {
        display: inline-block;
        padding: 0.15rem 0.55rem;
        border-radius: 999px;
        font-size: 0.72rem;
        font-weight: 600;
    }

    .pill-green[b-jfor7ft7l0]  { background: #064e3b; color: #34d399; }
    .pill-blue[b-jfor7ft7l0]   { background: #1e3a5f; color: #60a5fa; }
    .pill-yellow[b-jfor7ft7l0] { background: #422006; color: #fbbf24; }
    .pill-red[b-jfor7ft7l0]    { background: #450a0a; color: #f87171; }

    .loading-state[b-jfor7ft7l0] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4rem 0;
        color: #94a3b8;
        gap: 0.75rem;
    }
/* _content/YAGServiceDesk/Pages/ITSupport/CreateITTask.razor.rz.scp.css */
/* Autocomplete dropdown for customer search */
.autocomplete-list[b-brdpaf4iq7] {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% - 2px);
    background: #fff;
    border: 1px solid #d1d5db;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    max-height: 220px;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    z-index: 20;
}
.autocomplete-list li[b-brdpaf4iq7] {
    list-style: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    transition: background 0.15s;
    border-bottom: 1px solid #e5e7eb;
}
.autocomplete-list li:hover[b-brdpaf4iq7] {
    background: #f3f4f6;
    border-bottom: 1px solid #10b981;
}
/* Reduce height and icon size for form action buttons */
.form-actions .btn[b-brdpaf4iq7],
.form-actions button.btn[b-brdpaf4iq7],
.form-actions button[b-brdpaf4iq7] {
    padding: 0.35rem 1.1rem;
    min-height: 32px;
    font-size: 0.95rem;
}

.form-actions .btn svg[b-brdpaf4iq7],
.form-actions button svg[b-brdpaf4iq7],
.form-actions .me-2[b-brdpaf4iq7] {
    width: 1.1em;
    height: 1.1em;
    margin-right: 0.4em;
}
/* Dark mode override for autocomplete/typeahead dropdowns */
.form-group ul[b-brdpaf4iq7],
.form-group ul li[b-brdpaf4iq7],
.form-group .dropdown-menu[b-brdpaf4iq7],
.form-group .dropdown-menu li[b-brdpaf4iq7],
.form-group .autocomplete-suggestion[b-brdpaf4iq7],
.form-group .autocomplete-list[b-brdpaf4iq7],
.form-group .autocomplete-list li[b-brdpaf4iq7] {
    background: #223040 !important;
    color: #fff !important;
}

/* Dark mode override for checkbox labels */
.checkbox-label[b-brdpaf4iq7] {
    color: #e5e7eb !important;
}

/* Create IT Task Page Styles */

.page-container[b-brdpaf4iq7] {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* Page Header */
.page-header[b-brdpaf4iq7] {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 24px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.header-content[b-brdpaf4iq7] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.header-icon .page-icon[b-brdpaf4iq7] {
    width: 2.5rem;
    height: 2.5rem;
    opacity: 0.9;
}

.header-text h1[b-brdpaf4iq7] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.3rem;
}

.header-text p[b-brdpaf4iq7] {
    margin: 0;
    opacity: 0.9;
    font-size: 0.9rem;
    color: #ffffff;
}

/* Form Container */
.form-container[b-brdpaf4iq7] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.task-form[b-brdpaf4iq7] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Form Sections */
.form-section[b-brdpaf4iq7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.form-group[b-brdpaf4iq7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: relative;
}

.form-label[b-brdpaf4iq7] {
    font-weight: 600;
    color: #374151;
    font-size: 0.9rem;
}

.required-asterisk[b-brdpaf4iq7] {
    color: #ef4444;
}

.required-asterisk[b-brdpaf4iq7] {
    color: #f87171;
}

.form-input[b-brdpaf4iq7], .form-select[b-brdpaf4iq7], .form-textarea[b-brdpaf4iq7] {
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    background: white;
}

.form-input:focus[b-brdpaf4iq7], .form-select:focus[b-brdpaf4iq7], .form-textarea:focus[b-brdpaf4iq7] {
    outline: none;
    border-color: #10b981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

.form-textarea[b-brdpaf4iq7] {
    resize: vertical;
    min-height: 120px;
    font-family: inherit;
    line-height: 1.5;
}

.form-help[b-brdpaf4iq7] {
    color: #6b7280;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

/* Form Actions */
.form-actions[b-brdpaf4iq7] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    padding-top: 1rem;
    margin-left: auto;
}

.form-actions button[b-brdpaf4iq7] {
    flex: 0 0 auto;
}

.btn-primary[b-brdpaf4iq7], .btn-secondary[b-brdpaf4iq7] {
    padding: 0.5rem 1.5rem;
    border-radius: 8px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
}

.btn-primary[b-brdpaf4iq7] {
    background: #10b981;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-brdpaf4iq7] {
    background: #059669;
    transform: translateY(-1px);
}

.btn-primary:disabled[b-brdpaf4iq7] {
    background: #9ca3af;
    cursor: not-allowed;
    transform: none;
}

.btn-secondary[b-brdpaf4iq7] {
    background: #f3f4f6;
    color: #374151;
    border: 1px solid #d1d5db;
}

.btn-secondary:hover[b-brdpaf4iq7] {
    background: #e5e7eb;
    transform: translateY(-1px);
}

.btn-icon[b-brdpaf4iq7] {
    width: 1rem;
    height: 1rem;
}

.btn-spinner[b-brdpaf4iq7] {
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top: 2px solid white;
    border-radius: 50%;
    animation: spin-b-brdpaf4iq7 1s linear infinite;
}

@keyframes spin-b-brdpaf4iq7 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Success modal — dark theme, scoped to avoid Bootstrap overrides */
.it-success-overlay[b-brdpaf4iq7] {
    position: fixed;
    inset: 0;
    background: rgba(2, 6, 23, 0.72);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1055;
    padding: 1rem;
}

.it-success-modal[b-brdpaf4iq7] {
    position: relative;
    background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
    border: 1px solid rgba(59, 130, 246, 0.35);
    border-radius: 14px;
    max-width: 480px;
    width: 100%;
    overflow: hidden;
    box-shadow:
        0 24px 48px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(16, 185, 129, 0.12),
        0 0 32px rgba(59, 130, 246, 0.15);
}

.it-success-accent-bar[b-brdpaf4iq7] {
    height: 4px;
    background: linear-gradient(90deg, #10b981 0%, #3b82f6 50%, #8b5cf6 100%);
}

.it-success-header[b-brdpaf4iq7] {
    padding: 1.75rem 1.5rem 0.5rem;
    text-align: center;
}

.it-success-icon-wrap[b-brdpaf4iq7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-bottom: 0.85rem;
    border-radius: 50%;
    background: rgba(16, 185, 129, 0.15);
    border: 2px solid rgba(16, 185, 129, 0.45);
    box-shadow: 0 0 24px rgba(16, 185, 129, 0.25);
}

.it-success-icon[b-brdpaf4iq7] {
    width: 2.25rem;
    height: 2.25rem;
    color: #34d399;
}

.it-success-title[b-brdpaf4iq7] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #f8fafc;
    letter-spacing: -0.01em;
}

.it-success-body[b-brdpaf4iq7] {
    padding: 0.75rem 1.75rem 1.25rem;
    text-align: center;
}

.it-success-ticket-id[b-brdpaf4iq7] {
    display: inline-block;
    margin-bottom: 0.85rem;
    padding: 0.35rem 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #93c5fd;
    background: rgba(59, 130, 246, 0.15);
    border: 1px solid rgba(59, 130, 246, 0.4);
    border-radius: 999px;
    letter-spacing: 0.02em;
}

.it-success-lead[b-brdpaf4iq7] {
    margin: 0 0 0.65rem;
    font-size: 0.98rem;
    font-weight: 500;
    color: #e2e8f0;
    line-height: 1.5;
}

.it-success-note[b-brdpaf4iq7] {
    margin: 0;
    font-size: 0.88rem;
    color: #94a3b8;
    line-height: 1.55;
}

.it-success-actions[b-brdpaf4iq7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    padding: 0.5rem 1.5rem 1.5rem;
}

.it-success-btn[b-brdpaf4iq7] {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    max-width: none;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
    border: none;
}

.it-success-btn:hover[b-brdpaf4iq7] {
    transform: translateY(-1px);
}

.it-success-btn[b-brdpaf4iq7]  svg {
    width: 1.1rem !important;
    height: 1.1rem !important;
    min-width: 1.1rem !important;
    min-height: 1.1rem !important;
    max-width: 1.1rem !important;
    max-height: 1.1rem !important;
    flex-shrink: 0;
}

.it-success-btn-primary[b-brdpaf4iq7] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #fff;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35);
}

.it-success-btn-primary:hover[b-brdpaf4iq7] {
    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
    box-shadow: 0 6px 18px rgba(16, 185, 129, 0.45);
    color: #fff;
}

.it-success-btn-secondary[b-brdpaf4iq7] {
    background: rgba(30, 41, 59, 0.9);
    color: #cbd5e1;
    border: 1px solid #475569;
    box-shadow: none;
}

.it-success-btn-secondary:hover[b-brdpaf4iq7] {
    background: #334155;
    border-color: #64748b;
    color: #f1f5f9;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-container[b-brdpaf4iq7] {
        padding: 0 0.5rem;
    }
    
    .page-header[b-brdpaf4iq7] {
        padding: 1.33rem;
        margin-bottom: 1.5rem;
    }
    
    .header-text h1[b-brdpaf4iq7] {
        font-size: 1.5rem;
    }
    
    .form-container[b-brdpaf4iq7] {
        padding: 1.5rem;
    }
    
    .form-section[b-brdpaf4iq7] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .form-actions[b-brdpaf4iq7] {
        flex-direction: column-reverse;
    }
    
    .btn-primary[b-brdpaf4iq7], .btn-secondary[b-brdpaf4iq7] {
        width: 100%;
        justify-content: center;
    }
    
    .it-success-actions[b-brdpaf4iq7] {
        flex-direction: column;
    }

    .it-success-btn[b-brdpaf4iq7] {
        width: 100%;
    }
}

/* Billing Hours Section */
.billing-hours-section[b-brdpaf4iq7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: 1rem;
}

.billing-hours-section .form-group[b-brdpaf4iq7] {
    margin: 0;
}

.checkbox-group[b-brdpaf4iq7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.checkbox-group input[type="checkbox"][b-brdpaf4iq7] {
    width: 1.25rem;
    height: 1.25rem;
    accent-color: #10b981;
}

.checkbox-label[b-brdpaf4iq7] {
    font-weight: 500;
    color: #374151;
    cursor: pointer;
}

.follow-up-details[b-brdpaf4iq7] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    margin-top: 0.75rem;
    padding-left: 1.75rem;
}

.follow-up-details input[b-brdpaf4iq7] {
    margin: 0;
}

@media (max-width: 768px) {
    .billing-hours-section[b-brdpaf4iq7] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    
    .follow-up-details[b-brdpaf4iq7] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }
}

@media (max-width: 480px) {
    .page-header[b-brdpaf4iq7] {
        padding: 1rem;
    }
    
    .header-content[b-brdpaf4iq7] {
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }
    
    .form-container[b-brdpaf4iq7] {
        padding: 1rem;
    }
    
    .it-success-overlay[b-brdpaf4iq7] {
        padding: 0.5rem;
    }
}

/* Remove extra spacing to prevent scrollbar */
    article.content[b-brdpaf4iq7] {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
    }
    
    main[b-brdpaf4iq7] {
        margin-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .sticky-footer[b-brdpaf4iq7] {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    .page-header-title[b-brdpaf4iq7] {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .page-container[b-brdpaf4iq7] {
        padding-bottom: 5rem !important;
    }

    /* ΓöÇΓöÇ Billing Hours Slider Widget ΓöÇΓöÇ */
    .billing-hours-section[b-brdpaf4iq7] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }

    .hours-slider-widget[b-brdpaf4iq7] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .hours-display-row[b-brdpaf4iq7] {
        display: flex;
        align-items: baseline;
        gap: 0.35rem;
    }

    .hours-badge[b-brdpaf4iq7] {
        font-size: 1.6rem;
        font-weight: 700;
        color: #60a5fa;
        line-height: 1;
    }

    .hours-badge.is-nc[b-brdpaf4iq7] {
        color: #94a3b8;
        font-size: 1.4rem;
        letter-spacing: 0.05em;
    }

    .hours-unit[b-brdpaf4iq7] {
        font-size: 0.8rem;
        color: #94a3b8;
    }

    .hours-slider[b-brdpaf4iq7] {
        -webkit-appearance: none;
        appearance: none;
        width: 100%;
        height: 6px;
        border-radius: 3px;
        background: linear-gradient(
            to right,
            #3b82f6 0%,
            #3b82f6 calc(var(--pct) * 1%),
            #374151 calc(var(--pct) * 1%)
        );
        outline: none;
        cursor: pointer;
    }

    .hours-slider[b-brdpaf4iq7]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #60a5fa;
        border: 2px solid #1e3a5f;
        cursor: pointer;
        box-shadow: 0 0 0 3px rgba(96,165,250,0.2);
    }

    .hours-slider[b-brdpaf4iq7]::-moz-range-thumb {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #60a5fa;
        border: 2px solid #1e3a5f;
        cursor: pointer;
        box-shadow: 0 0 0 3px rgba(96,165,250,0.2);
    }

    .slider-tick-row[b-brdpaf4iq7] {
        display: flex;
        justify-content: space-between;
        padding: 0 2px;
    }

    .slider-tick-row span[b-brdpaf4iq7] {
        font-size: 0.7rem;
        color: #6b7280;
        text-align: center;
    }

    .hours-total-row[b-brdpaf4iq7] {
        display: flex;
        align-items: baseline;
        gap: 0.3rem;
        margin-bottom: 0.6rem;
        padding: 0.4rem 0.6rem;
        background: rgba(255,255,255,0.04);
        border-radius: 6px;
        border: 1px solid rgba(255,255,255,0.07);
    }

    .hours-total-label[b-brdpaf4iq7] {
        font-size: 0.72rem;
        color: #6b7280;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        flex: 1;
    }

    .hours-total-value[b-brdpaf4iq7] {
        font-size: 1.15rem;
        font-weight: 700;
        color: #34d399;
    }

    .hours-total-value.is-zero[b-brdpaf4iq7] {
        color: #4b5563;
    }

    .hours-total-unit[b-brdpaf4iq7] {
        font-size: 0.72rem;
        color: #6b7280;
    }

    .hours-add-row[b-brdpaf4iq7] {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        margin-top: 0.25rem;
    }

    .hours-manual-input[b-brdpaf4iq7] {
        width: 84px;
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(96,165,250,0.35);
        color: var(--text-primary, #e5e7eb);
        border-radius: 5px;
        padding: 0.18rem 0.35rem;
        font-size: 0.78rem;
    }

    .hours-manual-input:focus[b-brdpaf4iq7] {
        outline: none;
        border-color: #60a5fa;
        box-shadow: 0 0 0 2px rgba(96,165,250,0.2);
    }

    .hours-pending-badge[b-brdpaf4iq7] {
        font-size: 1.4rem;
        font-weight: 700;
        color: #60a5fa;
        line-height: 1;
        min-width: 2.5rem;
    }

    .hours-pending-badge.is-nc[b-brdpaf4iq7] {
        color: #94a3b8;
        font-size: 1.15rem;
        letter-spacing: 0.05em;
    }

    .btn-add-hours[b-brdpaf4iq7] {
        padding: 0.25rem 0.75rem;
        font-size: 0.78rem;
        font-weight: 600;
        border-radius: 5px;
        border: 1px solid #3b82f6;
        background: transparent;
        color: #60a5fa;
        cursor: pointer;
        transition: background 0.15s, color 0.15s;
        white-space: nowrap;
    }

    .btn-add-hours:hover:not(:disabled)[b-brdpaf4iq7] {
        background: #3b82f6;
        color: #fff;
    }

    .btn-add-hours:disabled[b-brdpaf4iq7] {
        opacity: 0.35;
        cursor: not-allowed;
    }
/* _content/YAGServiceDesk/Pages/ITSupport/DepartmentInsightsReport.razor.rz.scp.css */
.page-container svg[b-r0dhn0am72] { max-width: 3rem; max-height: 3rem; }

    .page-container[b-r0dhn0am72] {
        width: 100%;
        max-width: 100%;
        padding: 0 0 2rem;
        box-sizing: border-box;
    }

    .sticky-header[b-r0dhn0am72] {
        position: sticky;
        top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
        z-index: 100;
        background: #0f172a;
        padding-top: 15px;
        margin-top: -15px;
        padding-bottom: 8px;
        border-bottom: 1px solid #1e293b;
    }

    .stat-card[b-r0dhn0am72] {
        background: #1e293b;
        border-radius: 12px;
        padding: 1.25rem 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        border: 1px solid #334155;
        height: 100%;
    }

    .stat-label[b-r0dhn0am72] { font-size: 0.78rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.06em; }
    .stat-value[b-r0dhn0am72] { font-size: 2rem; font-weight: 700; color: #f1f5f9; line-height: 1.1; }
    .stat-sub[b-r0dhn0am72]   { font-size: 0.73rem; color: #64748b; }

    .chart-card[b-r0dhn0am72] {
        background: #1e293b;
        border-radius: 12px;
        padding: 1.25rem 1.5rem;
        border: 1px solid #334155;
        height: 100%;
    }

    .chart-title[b-r0dhn0am72] {
        font-size: 0.82rem;
        font-weight: 600;
        color: #94a3b8;
        margin-bottom: 0.9rem;
        text-transform: uppercase;
        letter-spacing: 0.07em;
    }

    .filter-bar[b-r0dhn0am72] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        flex-wrap: wrap;
        margin-bottom: 1.5rem;
    }

    .filter-bar-label[b-r0dhn0am72] { font-size: 0.85rem; color: #94a3b8; white-space: nowrap; }

    .filter-bar select[b-r0dhn0am72] {
        background: #0f172a;
        color: #e2e8f0;
        border: 1px solid #334155;
        border-radius: 6px;
        padding: 0.35rem 0.75rem;
        font-size: 0.85rem;
        outline: none;
        cursor: pointer;
    }
    .filter-bar select:focus[b-r0dhn0am72] { border-color: #be185d; }

    .dept-table[b-r0dhn0am72] { width: 100%; border-collapse: collapse; font-size: 0.88rem; }

    .dept-table thead th[b-r0dhn0am72] {
        color: #64748b;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        padding: 0.5rem 0.75rem;
        border-bottom: 1px solid #334155;
        text-align: left;
        white-space: nowrap;
    }

    .dept-table thead th.num[b-r0dhn0am72] { text-align: right; }

    .dept-table tbody tr[b-r0dhn0am72] {
        border-bottom: 1px solid #1e3a5f22;
        transition: background 0.1s;
    }

    .dept-table tbody tr:hover[b-r0dhn0am72] { background: #0f172a55; }

    .dept-table tbody td[b-r0dhn0am72] { padding: 0.55rem 0.75rem; color: #e2e8f0; }

    .dept-table tbody td.num[b-r0dhn0am72] {
        text-align: right;
        font-variant-numeric: tabular-nums;
        color: #94a3b8;
    }

    .pill[b-r0dhn0am72] { display: inline-block; padding: 0.15rem 0.55rem; border-radius: 999px; font-size: 0.72rem; font-weight: 600; }
    .pill-red[b-r0dhn0am72]    { background: #450a0a; color: #f87171; }
    .pill-yellow[b-r0dhn0am72] { background: #422006; color: #fbbf24; }
    .pill-green[b-r0dhn0am72]  { background: #064e3b; color: #34d399; }
    .pill-blue[b-r0dhn0am72]   { background: #1e3a5f; color: #60a5fa; }

    .loading-state[b-r0dhn0am72] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4rem 0;
        color: #94a3b8;
        gap: 0.75rem;
    }
/* _content/YAGServiceDesk/Pages/ITSupport/EmailTickets.razor.rz.scp.css */
/* Email Processing Status Dark Mode Styling */

.email-tickets-page[b-oirg0x6j7k] {
    padding-bottom: 1.5rem;
}

.email-tickets-header-shell[b-oirg0x6j7k] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 2rem);
    right: 2rem;
    z-index: 10;
    background: #0f172a;
    padding-top: 15px;
}

.email-tickets-body[b-oirg0x6j7k] {
    padding-top: calc(15px + 4.5rem + var(--page-header-content-gap, 20px));
}

    [data-theme="dark"] .email-status-label[b-oirg0x6j7k],
    .email-status-label[b-oirg0x6j7k] {
        color: #9ca3af !important;
    }
    
    [data-theme="dark"] .email-preview-text[b-oirg0x6j7k],
    .email-preview-text[b-oirg0x6j7k] {
        color: #9ca3af !important;
    }
    
    /* Status section h6 headers dark mode styling */
    [data-theme="dark"] .card-body h6[b-oirg0x6j7k],
    [data-theme="dark"] .card-body h6.mb-0[b-oirg0x6j7k],
    .card-body h6[b-oirg0x6j7k],
    .card-body h6.mb-0[b-oirg0x6j7k] {
        color: #f9fafb !important;
    }
    
    /* Badge text should be black in both light and dark modes for readability, except primary badges */
    .badge[b-oirg0x6j7k] {
        color: #000000 !important;
    }
    
    .badge.bg-primary[b-oirg0x6j7k] {
        color: #ffffff !important;
    }
    
    [data-theme="dark"] .badge[b-oirg0x6j7k],
    .badge[b-oirg0x6j7k] {
        color: #000000 !important;
    }
    
    [data-theme="dark"] .badge.bg-primary[b-oirg0x6j7k],
    .badge.bg-primary[b-oirg0x6j7k] {
        color: #ffffff !important;
    }

    /* Gear icon sizing */
    .page-container .gear-icon[b-oirg0x6j7k],
    svg.gear-icon[b-oirg0x6j7k] {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
    }
    
    /* More aggressive table header dark mode styling */
    [data-theme="dark"] table thead th[b-oirg0x6j7k],
    [data-theme="dark"] .table thead th[b-oirg0x6j7k],
    [data-theme="dark"] .table-light thead th[b-oirg0x6j7k],
    table thead th[b-oirg0x6j7k],
    .table thead th[b-oirg0x6j7k],
    .table-light thead th[b-oirg0x6j7k] {
        background-color: #1f2937 !important;
        color: #ffffff !important;
        border-bottom: 2px solid #374151 !important;
        border-top: 1px solid #374151 !important;
        border-left: 1px solid #374151 !important;
        border-right: 1px solid #374151 !important;
    }
    
    [data-theme="dark"] .table tbody td[b-oirg0x6j7k],
    .table tbody td[b-oirg0x6j7k] {
        border-color: #374151 !important;
        color: #d1d5db !important;
        background-color: transparent !important;
        border-width: 1px !important;
        border-style: solid !important;
    }
    
    [data-theme="dark"] .table[b-oirg0x6j7k],
    .table[b-oirg0x6j7k] {
        color: #d1d5db !important;
        background-color: transparent !important;
    }
    
    /* Dark mode styling for email preview table rows */
    [data-theme="dark"] .table tbody tr[b-oirg0x6j7k],
    .table tbody tr[b-oirg0x6j7k] {
        background-color: transparent !important;
        color: #d1d5db !important;
        border: 1px solid #374151 !important;
    }
    
    [data-theme="dark"] .table tbody tr:hover[b-oirg0x6j7k],
    .table tbody tr:hover[b-oirg0x6j7k] {
        background-color: #374151 !important;
        color: #f9fafb !important;
        border: 1px solid #4b5563 !important;
    }
    
    [data-theme="dark"] .table tbody td strong[b-oirg0x6j7k],
    .table tbody td strong[b-oirg0x6j7k] {
        color: #f9fafb !important;
    }
    
    [data-theme="dark"] .table tbody td small[b-oirg0x6j7k],
    .table tbody td small[b-oirg0x6j7k] {
        color: #9ca3af !important;
    }
    
    /* Light mode table row borders */
    .table tbody tr[b-oirg0x6j7k] {
        border: 1px solid #dee2e6 !important;
    }
    
    .table tbody tr:hover[b-oirg0x6j7k] {
        border: 1px solid #adb5bd !important;
    }
    
    .table tbody td[b-oirg0x6j7k] {
        border-width: 1px !important;
        border-style: solid !important;
    }
    
    /* Ensure table headers are visible with high specificity */
    body[data-theme="dark"] .table thead th[b-oirg0x6j7k],
    body[data-theme="dark"] .table-light thead th[b-oirg0x6j7k] {
        background-color: #1f2937 !important;
        color: #ffffff !important;
        font-weight: 600 !important;
        text-shadow: none !important;
        opacity: 1 !important;
    }
    
    /* Light mode fallback */
    .email-status-label[b-oirg0x6j7k] {
        color: #6b7280;
    }
    
    .email-preview-text[b-oirg0x6j7k] {
        color: #6b7280;
    }
    
    /* Full Width Layout and Dark Mode Improvements */
    .container-fluid[b-oirg0x6j7k] {
        width: 100%;
        max-width: 100%;
        padding: 0 1.5rem;
        box-sizing: border-box;
    }
    
    /* Dark mode page background - Dark Navy Blue */
    html .container-fluid[b-oirg0x6j7k],
    html body[b-oirg0x6j7k],
    html.dark[b-oirg0x6j7k],
    html main[b-oirg0x6j7k],
    html .main[b-oirg0x6j7k],
    html #app[b-oirg0x6j7k],
    html .app[b-oirg0x6j7k],
    html article[b-oirg0x6j7k],
    html article.content[b-oirg0x6j7k],
    html .content[b-oirg0x6j7k],
    body .container-fluid[b-oirg0x6j7k],
    body.dark[b-oirg0x6j7k],
    body main[b-oirg0x6j7k],
    body .main[b-oirg0x6j7k],
    body #app[b-oirg0x6j7k],
    body .app[b-oirg0x6j7k],
    body article[b-oirg0x6j7k],
    body article.content[b-oirg0x6j7k],
    body .content[b-oirg0x6j7k],
    .container-fluid[b-oirg0x6j7k],
    main[b-oirg0x6j7k],
    .main[b-oirg0x6j7k],
    #app[b-oirg0x6j7k],
    .app[b-oirg0x6j7k],
    article[b-oirg0x6j7k],
    article.content[b-oirg0x6j7k],
    .content[b-oirg0x6j7k] {
        background-color: #0f172a !important;
        background: #0f172a !important;
    }
    
    /* Dark mode text visibility fixes */
    html .card .card-body p.card-text[b-oirg0x6j7k],
    html .card .card-body p[b-oirg0x6j7k],
    html .card p.card-text[b-oirg0x6j7k],
    html .card p[b-oirg0x6j7k],
    html .card-text[b-oirg0x6j7k],
    html div.card div.card-body p.card-text[b-oirg0x6j7k],
    html div.card div.card-body p[b-oirg0x6j7k],
    body .card .card-body p.card-text[b-oirg0x6j7k],
    body .card .card-body p[b-oirg0x6j7k],
    body .card p.card-text[b-oirg0x6j7k],
    body .card p[b-oirg0x6j7k],
    body .card-text[b-oirg0x6j7k],
    body div.card div.card-body p.card-text[b-oirg0x6j7k],
    body div.card div.card-body p[b-oirg0x6j7k],
    .card .card-body p.card-text[b-oirg0x6j7k],
    .card .card-body p[b-oirg0x6j7k],
    .card p.card-text[b-oirg0x6j7k],
    .card p[b-oirg0x6j7k],
    .card-text[b-oirg0x6j7k],
    div.card div.card-body p.card-text[b-oirg0x6j7k],
    div.card div.card-body p[b-oirg0x6j7k] {
        color: #e2e8f0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }
    
    /* Dark mode button fixes */
    html .btn[b-oirg0x6j7k],
    html .btn *[b-oirg0x6j7k],
    html .card .btn[b-oirg0x6j7k],
    html .card .btn *[b-oirg0x6j7k],
    body .btn[b-oirg0x6j7k],
    body .btn *[b-oirg0x6j7k],
    body .card .btn[b-oirg0x6j7k],
    body .card .btn *[b-oirg0x6j7k],
    .btn[b-oirg0x6j7k],
    .btn *[b-oirg0x6j7k],
    .card .btn[b-oirg0x6j7k],
    .card .btn *[b-oirg0x6j7k] {
        color: unset !important;
    }
    
    html .btn-success[b-oirg0x6j7k],
    html .card .btn-success[b-oirg0x6j7k],
    body .btn-success[b-oirg0x6j7k],
    body .card .btn-success[b-oirg0x6j7k],
    .btn-success[b-oirg0x6j7k],
    .card .btn-success[b-oirg0x6j7k] {
        color: #ffffff !important;
        background-color: #10b981 !important;
        border-color: #10b981 !important;
    }
    
    html .btn-success:hover[b-oirg0x6j7k],
    html .card .btn-success:hover[b-oirg0x6j7k],
    body .btn-success:hover[b-oirg0x6j7k],
    body .card .btn-success:hover[b-oirg0x6j7k],
    .btn-success:hover[b-oirg0x6j7k],
    .card .btn-success:hover[b-oirg0x6j7k] {
        color: #ffffff !important;
        background-color: #059669 !important;
        border-color: #059669 !important;
    }
    
    /* Responsive padding adjustments */
    @@media (max-width: 1200px) {
        .container-fluid[b-oirg0x6j7k] {
            padding: 0 1rem;
        }
    }
    
    @@media (max-width: 768px) {
        .container-fluid[b-oirg0x6j7k] {
            padding: 0 0.5rem;
        }
    }
    
    /* Card header color customization - Dark Turquoise for all card headers in dark mode */
    html .card .card-header[b-oirg0x6j7k],
    html .card-header[b-oirg0x6j7k],
    body .card .card-header[b-oirg0x6j7k],
    body .card-header[b-oirg0x6j7k],
    .card .card-header[b-oirg0x6j7k],
    .card-header[b-oirg0x6j7k],
    html .card .card-header[style][b-oirg0x6j7k],
    html .card-header[style][b-oirg0x6j7k],
    body .card .card-header[style][b-oirg0x6j7k],
    body .card-header[style][b-oirg0x6j7k],
    .card .card-header[style][b-oirg0x6j7k],
    .card-header[style][b-oirg0x6j7k],
    .container-fluid .card .card-header[b-oirg0x6j7k],
    .container-fluid .card-header[b-oirg0x6j7k] {
        background: #0891b2 !important;
        background-color: #0891b2 !important;
        color: #ffffff !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    }
    
    /* Light mode - Light Turquoise for card headers */
    body:not(.dark) .card .card-header[b-oirg0x6j7k],
    body:not(.dark) .card-header[b-oirg0x6j7k] {
        background: #e0f2fe !important;
        background-color: #e0f2fe !important;
        color: #1f2937 !important;
    }
    
    body:not(.dark) .card .card-header .card-title[b-oirg0x6j7k],
    body:not(.dark) .card .card-header h5[b-oirg0x6j7k],
    body:not(.dark) .card-header .card-title[b-oirg0x6j7k],
    body:not(.dark) .card-header h5[b-oirg0x6j7k] {
        color: #1f2937 !important;
    }
    
    /* Dark mode card titles with proper text color */
    html .card .card-header .card-title[b-oirg0x6j7k],
    html .card .card-header h5[b-oirg0x6j7k],
    html .card-header .card-title[b-oirg0x6j7k],
    html .card-header h5[b-oirg0x6j7k],
    body .card .card-header .card-title[b-oirg0x6j7k],
    body .card .card-header h5[b-oirg0x6j7k],
    body .card-header .card-title[b-oirg0x6j7k],
    body .card-header h5[b-oirg0x6j7k],
    .card .card-header .card-title[b-oirg0x6j7k],
    .card .card-header h5[b-oirg0x6j7k],
    .card-header .card-title[b-oirg0x6j7k],
    .card-header h5[b-oirg0x6j7k] {
        color: #ffffff !important;
    }
/* _content/YAGServiceDesk/Pages/ITSupport/EmailTicketSettings.razor.rz.scp.css */
/* IT Help Desk Settings Styles */
.page-container[b-jxmri6ytqm] {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.page-header[b-jxmri6ytqm] {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    overflow: hidden;
    min-height: fit-content;
    border: none;
}

.header-content[b-jxmri6ytqm] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    max-width: 100%;
    margin: 0;
    flex: 1;
    min-width: 0;
}

.header-icon .page-icon[b-jxmri6ytqm] {
    width: 2.5rem;
    height: 2.5rem;
    opacity: 0.9;
    flex-shrink: 0;
    margin-top: 0.2rem;
    color: white;
}

.header-text[b-jxmri6ytqm] {
    flex: 1;
    min-width: 0;
}

.header-text h1[b-jxmri6ytqm] {
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
    margin: 0 0 0.3rem 0;
    line-height: 1.2;
}

.header-text p[b-jxmri6ytqm] {
    font-size: 0.9rem;
    color: white;
    margin: 0;
    opacity: 0.9;
    line-height: 1.3;
}

.header-actions[b-jxmri6ytqm] {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
    align-self: flex-start;
}

.btn-primary[b-jxmri6ytqm], .btn-secondary[b-jxmri6ytqm] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0.875rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 0.95rem;
}

.btn-primary[b-jxmri6ytqm] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.btn-primary:hover[b-jxmri6ytqm] {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
}

.btn-secondary[b-jxmri6ytqm] {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.btn-secondary:hover[b-jxmri6ytqm] {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
}

.btn-icon[b-jxmri6ytqm] {
    width: 16px;
    height: 16px;
}

.settings-content[b-jxmri6ytqm] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.settings-card[b-jxmri6ytqm] {
    background: white;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

.card-header[b-jxmri6ytqm] {
    padding: 20px;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
}

.card-title[b-jxmri6ytqm] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 8px 0;
}

.card-icon[b-jxmri6ytqm] {
    width: 20px;
    height: 20px;
    color: #2563eb;
}

.card-description[b-jxmri6ytqm] {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 0;
}

.card-content[b-jxmri6ytqm] {
    padding: 24px;
}

.settings-grid[b-jxmri6ytqm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.setting-item[b-jxmri6ytqm] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.setting-item.full-width[b-jxmri6ytqm] {
    grid-column: 1 / -1;
}

.setting-label[b-jxmri6ytqm] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    color: #374151;
    font-size: 0.875rem;
}

.setting-input-group[b-jxmri6ytqm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.setting-input[b-jxmri6ytqm], .setting-select[b-jxmri6ytqm] {
    padding: 8px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    transition: border-color 0.2s;
    background: white;
}

.setting-input:focus[b-jxmri6ytqm], .setting-select:focus[b-jxmri6ytqm] {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.1);
}

.setting-input[b-jxmri6ytqm] {
    width: 80px;
}

.setting-item.full-width .setting-input[b-jxmri6ytqm] {
    width: 100%;
    max-width: 480px;
}

.setting-select[b-jxmri6ytqm] {
    min-width: 150px;
}

.setting-unit[b-jxmri6ytqm] {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

.setting-description[b-jxmri6ytqm] {
    font-size: 0.75rem;
    color: #9ca3af;
    font-style: italic;
}

.setting-hint[b-jxmri6ytqm] {
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 4px;
}

.setting-toggle[b-jxmri6ytqm] {
    position: relative;
}

.setting-toggle input[type="checkbox"][b-jxmri6ytqm] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-switch[b-jxmri6ytqm] {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px;
    background-color: #d1d5db;
    border-radius: 24px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.toggle-switch[b-jxmri6ytqm]::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
}

.setting-toggle input:checked + .toggle-switch[b-jxmri6ytqm] {
    background-color: #2563eb;
}

.setting-toggle input:checked + .toggle-switch[b-jxmri6ytqm]::after {
    transform: translateX(24px);
}

/* Priority Indicators */
.priority-indicator[b-jxmri6ytqm] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
}

.priority-indicator.critical[b-jxmri6ytqm] {
    background-color: #dc2626;
}

.priority-indicator.high[b-jxmri6ytqm] {
    background-color: #ea580c;
}

.priority-indicator.medium[b-jxmri6ytqm] {
    background-color: #ca8a04;
}

.priority-indicator.low[b-jxmri6ytqm] {
    background-color: #16a34a;
}

/* SLA Legend */
.sla-legend[b-jxmri6ytqm] {
    margin-top: 24px;
    padding: 16px;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.sla-legend h3[b-jxmri6ytqm] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
    margin: 0 0 12px 0;
}

.legend-grid[b-jxmri6ytqm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 8px;
}

.legend-item[b-jxmri6ytqm] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.75rem;
    color: #6b7280;
}

.status-indicator[b-jxmri6ytqm] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.status-indicator.sla-good[b-jxmri6ytqm] {
    background-color: #10b981;
}

.status-indicator.sla-warning[b-jxmri6ytqm] {
    background-color: #f59e0b;
}

.status-indicator.sla-critical[b-jxmri6ytqm] {
    background-color: #f97316;
}

.status-indicator.sla-overdue[b-jxmri6ytqm] {
    background-color: #ef4444;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-header[b-jxmri6ytqm] {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }
    
    .header-actions[b-jxmri6ytqm] {
        justify-content: stretch;
    }
    
    .btn-primary[b-jxmri6ytqm], .btn-secondary[b-jxmri6ytqm] {
        flex: 1;
        justify-content: center;
    }
    
    .settings-grid[b-jxmri6ytqm] {
        grid-template-columns: 1fr;
    }
    
    .legend-grid[b-jxmri6ytqm] {
        grid-template-columns: 1fr;
    }
}

/* Dark Mode Styles */
.page-container[b-jxmri6ytqm] {
    background: #0f172a;
}

.page-header[b-jxmri6ytqm] {
    background: linear-gradient(135deg, #1d40af 0%, #1e3a8a 100%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.header-icon .page-icon[b-jxmri6ytqm] {
    color: white;
}

.header-text h1[b-jxmri6ytqm] {
    color: white;
}

.header-text p[b-jxmri6ytqm] {
    color: white;
    opacity: 0.9;
}

.btn-primary[b-jxmri6ytqm] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.btn-primary:hover[b-jxmri6ytqm] {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
}

.btn-secondary[b-jxmri6ytqm] {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.btn-secondary:hover[b-jxmri6ytqm] {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
}

.settings-card[b-jxmri6ytqm] {
    background: #1e293b;
    border-color: #374151;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.2), 0 1px 2px -1px rgb(0 0 0 / 0.2);
}

.card-header[b-jxmri6ytqm] {
    background: #0f172a;
    border-bottom-color: #374151;
}

.card-title[b-jxmri6ytqm] {
    color: #f1f5f9;
}

.card-description[b-jxmri6ytqm] {
    color: #94a3b8;
}

.setting-label[b-jxmri6ytqm] {
    color: #e2e8f0;
}

.setting-input[b-jxmri6ytqm],
.setting-select[b-jxmri6ytqm] {
    background: #334155;
    border-color: #475569;
    color: #f1f5f9;
}

.setting-input:focus[b-jxmri6ytqm],
.setting-select:focus[b-jxmri6ytqm] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.2);
}

.setting-unit[b-jxmri6ytqm] {
    color: #94a3b8;
}

.setting-description[b-jxmri6ytqm] {
    color: #64748b;
}

.setting-hint[b-jxmri6ytqm] {
    color: #94a3b8;
}

.toggle-switch[b-jxmri6ytqm] {
    background-color: #475569;
}

.toggle-switch[b-jxmri6ytqm]::after {
    background-color: #f1f5f9;
}

.setting-toggle input:checked + .toggle-switch[b-jxmri6ytqm] {
    background-color: #2563eb;
}

.sla-legend[b-jxmri6ytqm] {
    background: #0f172a;
    border-color: #374151;
}

.sla-legend h3[b-jxmri6ytqm] {
    color: #e2e8f0;
}

.legend-item[b-jxmri6ytqm] {
    color: #94a3b8;
}
/* _content/YAGServiceDesk/Pages/ITSupport/ITHelpDesk.razor.rz.scp.css */
/* IT Help Desk Page Styles */

/* Prevent icon flash on load */
.page-container svg[b-sthglh2ipv] {
    max-width: 4rem !important;
    max-height: 4rem !important;
}

/* Gear icon definition - used for all settings gear icons - must be more specific */
.page-container .gear-icon[b-sthglh2ipv],
svg.gear-icon[b-sthglh2ipv] {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
}

.page-container[b-sthglh2ipv] {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.page-header[b-sthglh2ipv] {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    overflow: hidden;
    min-height: fit-content;
}

.header-content[b-sthglh2ipv] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    max-width: 100%;
    margin: 0;
}

.header-icon .page-icon[b-sthglh2ipv] {
    width: 2.5rem;
    height: 2.5rem;
    opacity: 0.9;
    flex-shrink: 0;
    margin-top: 0.2rem;
}

.header-text[b-sthglh2ipv] {
    flex: 1;
    min-width: 0;
}

.header-text h1[b-sthglh2ipv] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.3rem;
}

.header-text p[b-sthglh2ipv] {
    margin: 0;
    font-size: 0.9rem;
    opacity: 0.9;
    line-height: 1.3;
}

.header-actions[b-sthglh2ipv] {
    flex-shrink: 0;
    align-self: flex-start;
}

.header-actions svg[b-sthglh2ipv] {
    width: 48px !important;
    height: 48px !important;
    max-width: none !important;
    max-height: none !important;
}

.btn-settings[b-sthglh2ipv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.15);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-settings:hover[b-sthglh2ipv] {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-1px);
}

.btn-settings .btn-icon[b-sthglh2ipv] {
    width: 37px;
    height: 37px;
}

.content-grid[b-sthglh2ipv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 2rem;
    max-width: 1400px;
    margin: 0;
    padding: 0 1rem;
    justify-content: start;
}

.section-card[b-sthglh2ipv] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    margin-bottom: 1rem;
}

.section-card:hover[b-sthglh2ipv] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

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

.section-header h2[b-sthglh2ipv] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
}

.section-icon[b-sthglh2ipv] {
    width: 1.5rem;
    height: 1.5rem;
    color: #6366f1;
}

.btn-icon[b-sthglh2ipv] {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.view-all-link[b-sthglh2ipv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #6366f1;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9rem;
    transition: color 0.2s ease;
}

.view-all-link:hover[b-sthglh2ipv] {
    color: #4f46e5;
}

.link-icon[b-sthglh2ipv] {
    width: 1rem;
    height: 1rem;
}

/* Action Cards */
.action-grid[b-sthglh2ipv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    padding: 1.5rem;
}

.action-card[b-sthglh2ipv] {
    display: flex;
    align-items: center;
    gap: 1.75rem;
    padding: 1.25rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.action-card:hover[b-sthglh2ipv] {
    background: #f1f5f9;
    border-color: #6366f1;
    transform: translateX(4px);
}

.action-icon .card-icon[b-sthglh2ipv] {
    width: 2.5rem;
    height: 2.5rem;
    color: #6366f1;
}

.action-content[b-sthglh2ipv] {
    flex: 1;
}

.action-content h3[b-sthglh2ipv] {
    margin: 0 0 0.25rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2937;
}

.action-content p[b-sthglh2ipv] {
    margin: 0;
    color: #6b7280;
    font-size: 0.9rem;
    line-height: 1.4;
}

.action-arrow .arrow-icon[b-sthglh2ipv] {
    width: 1.25rem;
    height: 1.25rem;
    color: #9ca3af;
    transition: transform 0.2s ease;
}

.action-card:hover .arrow-icon[b-sthglh2ipv] {
    transform: translateX(4px);
    color: #6366f1;
}

/* Tickets Preview */
.tickets-preview[b-sthglh2ipv] {
    padding: 1.5rem;
}

.ticket-item[b-sthglh2ipv] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.ticket-item:hover[b-sthglh2ipv] {
    background: #f9fafb;
}

.ticket-item + .ticket-item[b-sthglh2ipv] {
    border-top: 1px solid #f3f4f6;
}

.ticket-status[b-sthglh2ipv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-open[b-sthglh2ipv] {
    background: #fef3c7;
    color: #d97706;
}

.status-progress[b-sthglh2ipv] {
    background: #dbeafe;
    color: #2563eb;
}

.status-resolved[b-sthglh2ipv] {
    background: #d1fae5;
    color: #059669;
}

.status-closed[b-sthglh2ipv] {
    background: #f3f4f6;
    color: #6b7280;
}

.status-icon[b-sthglh2ipv] {
    width: 1rem;
    height: 1rem;
}

.ticket-content[b-sthglh2ipv] {
    flex: 1;
}

.ticket-title[b-sthglh2ipv] {
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.25rem;
}

.ticket-meta[b-sthglh2ipv] {
    font-size: 0.85rem;
    color: #6b7280;
}

.ticket-arrow .arrow-icon[b-sthglh2ipv] {
    width: 1rem;
    height: 1rem;
    color: #d1d5db;
}

/* Knowledge Base Items */
.kb-items[b-sthglh2ipv] {
    padding: 1.5rem;
}

.kb-item[b-sthglh2ipv] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.kb-item:hover[b-sthglh2ipv] {
    background: #f9fafb;
    transform: translateX(4px);
}

.kb-item + .kb-item[b-sthglh2ipv] {
    border-top: 1px solid #f3f4f6;
}

.kb-icon[b-sthglh2ipv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: #ede9fe;
    border-radius: 8px;
    flex-shrink: 0;
}

.kb-item-icon[b-sthglh2ipv] {
    width: 1.25rem;
    height: 1.25rem;
    color: #7c3aed;
}

.kb-icon-svg[b-sthglh2ipv] {
    width: 1.25rem;
    height: 1.25rem;
    color: #7c3aed;
}

.kb-content[b-sthglh2ipv] {
    flex: 1;
}

.kb-title[b-sthglh2ipv] {
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.25rem;
}

.kb-description[b-sthglh2ipv] {
    font-size: 0.85rem;
    color: #6b7280;
    line-height: 1.4;
}

/* Quick Links */
.quick-links[b-sthglh2ipv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem;
    padding: 1.5rem;
}

.quick-link[b-sthglh2ipv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    text-decoration: none;
    color: #374151;
    font-weight: 500;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

.quick-link:hover[b-sthglh2ipv] {
    background: #f1f5f9;
    border-color: #6366f1;
    color: #6366f1;
    text-decoration: none;
}

.quick-link .link-icon[b-sthglh2ipv] {
    width: 1.25rem;
    height: 1.25rem;
}

/* Empty State */
.empty-state[b-sthglh2ipv] {
    text-align: center;
    padding: 3rem;
    color: #6b7280;
}

.empty-icon[b-sthglh2ipv] {
    margin-bottom: 1rem;
}

.empty-state-icon[b-sthglh2ipv] {
    width: 3rem;
    height: 3rem;
    color: #d1d5db;
}

.empty-state p[b-sthglh2ipv] {
    margin: 0;
    font-size: 0.95rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .content-grid[b-sthglh2ipv] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        padding: 0 0.5rem;
    }
    
    .action-grid[b-sthglh2ipv] {
        grid-template-columns: 1fr;
        padding: 1rem;
    }
    
    .header-content[b-sthglh2ipv] {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }
    
    .header-text h1[b-sthglh2ipv] {
        font-size: 2rem;
    }
    
    .quick-links[b-sthglh2ipv] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .page-header[b-sthglh2ipv] {
        padding: 1.5rem;
    }
    
    .section-header[b-sthglh2ipv] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .action-card[b-sthglh2ipv] {
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }
    
    .action-arrow[b-sthglh2ipv] {
        display: none;
    }
}
/* _content/YAGServiceDesk/Pages/ITSupport/ITHelpDeskSettings.razor.rz.scp.css */
/* IT Help Desk Settings Styles */
.page-container[b-q7z37ho6mj] {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.page-header[b-q7z37ho6mj] {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    overflow: hidden;
    min-height: fit-content;
    border: none;
}

.header-content[b-q7z37ho6mj] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    max-width: 100%;
    margin: 0;
    flex: 1;
    min-width: 0;
}

.header-icon .page-icon[b-q7z37ho6mj] {
    width: 2.5rem;
    height: 2.5rem;
    opacity: 0.9;
    flex-shrink: 0;
    margin-top: 0.2rem;
    color: white;
}

.header-text[b-q7z37ho6mj] {
    flex: 1;
    min-width: 0;
}

.header-text h1[b-q7z37ho6mj] {
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
    margin: 0 0 0.3rem 0;
    line-height: 1.2;
}

.header-text p[b-q7z37ho6mj] {
    font-size: 0.9rem;
    color: white;
    margin: 0;
    opacity: 0.9;
    line-height: 1.3;
}

.header-actions[b-q7z37ho6mj] {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
    align-self: flex-start;
}

.btn-primary[b-q7z37ho6mj], .btn-secondary[b-q7z37ho6mj] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0.875rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 0.95rem;
}

.btn-primary[b-q7z37ho6mj] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.btn-primary:hover[b-q7z37ho6mj] {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
}

.btn-secondary[b-q7z37ho6mj] {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.btn-secondary:hover[b-q7z37ho6mj] {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
}

.btn-icon[b-q7z37ho6mj] {
    width: 16px;
    height: 16px;
}

.settings-content[b-q7z37ho6mj] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.settings-card[b-q7z37ho6mj] {
    background: white;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

.card-header[b-q7z37ho6mj] {
    padding: 20px;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
}

.card-title[b-q7z37ho6mj] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 8px 0;
}

.card-icon[b-q7z37ho6mj] {
    width: 20px;
    height: 20px;
    color: #2563eb;
}

.card-description[b-q7z37ho6mj] {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 0;
}

.card-content[b-q7z37ho6mj] {
    padding: 24px;
}

.settings-grid[b-q7z37ho6mj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.setting-item[b-q7z37ho6mj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.setting-item.full-width[b-q7z37ho6mj] {
    grid-column: 1 / -1;
}

.setting-label[b-q7z37ho6mj] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    color: #374151;
    font-size: 0.875rem;
}

.setting-input-group[b-q7z37ho6mj] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.setting-input[b-q7z37ho6mj], .setting-select[b-q7z37ho6mj] {
    padding: 8px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    transition: border-color 0.2s;
    background: white;
}

.setting-input:focus[b-q7z37ho6mj], .setting-select:focus[b-q7z37ho6mj] {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.1);
}

.setting-input[b-q7z37ho6mj] {
    width: 80px;
}

.setting-select[b-q7z37ho6mj] {
    min-width: 150px;
}

.setting-unit[b-q7z37ho6mj] {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

.setting-description[b-q7z37ho6mj] {
    font-size: 0.75rem;
    color: #9ca3af;
    font-style: italic;
}

.setting-hint[b-q7z37ho6mj] {
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 4px;
}

.setting-toggle[b-q7z37ho6mj] {
    position: relative;
}

.setting-toggle input[type="checkbox"][b-q7z37ho6mj] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-switch[b-q7z37ho6mj] {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px;
    background-color: #d1d5db;
    border-radius: 24px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.toggle-switch[b-q7z37ho6mj]::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
}

.setting-toggle input:checked + .toggle-switch[b-q7z37ho6mj] {
    background-color: #2563eb;
}

.setting-toggle input:checked + .toggle-switch[b-q7z37ho6mj]::after {
    transform: translateX(24px);
}

/* Priority Indicators */
.priority-indicator[b-q7z37ho6mj] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
}

.priority-indicator.critical[b-q7z37ho6mj] {
    background-color: #dc2626;
}

.priority-indicator.high[b-q7z37ho6mj] {
    background-color: #ea580c;
}

.priority-indicator.medium[b-q7z37ho6mj] {
    background-color: #ca8a04;
}

.priority-indicator.low[b-q7z37ho6mj] {
    background-color: #16a34a;
}

/* SLA Legend */
.sla-legend[b-q7z37ho6mj] {
    margin-top: 24px;
    padding: 16px;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.sla-legend h3[b-q7z37ho6mj] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
    margin: 0 0 12px 0;
}

.legend-grid[b-q7z37ho6mj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 8px;
}

.legend-item[b-q7z37ho6mj] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.75rem;
    color: #6b7280;
}

.status-indicator[b-q7z37ho6mj] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.status-indicator.sla-good[b-q7z37ho6mj] {
    background-color: #10b981;
}

.status-indicator.sla-warning[b-q7z37ho6mj] {
    background-color: #f59e0b;
}

.status-indicator.sla-critical[b-q7z37ho6mj] {
    background-color: #f97316;
}

.status-indicator.sla-overdue[b-q7z37ho6mj] {
    background-color: #ef4444;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-header[b-q7z37ho6mj] {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }
    
    .header-actions[b-q7z37ho6mj] {
        justify-content: stretch;
    }
    
    .btn-primary[b-q7z37ho6mj], .btn-secondary[b-q7z37ho6mj] {
        flex: 1;
        justify-content: center;
    }
    
    .settings-grid[b-q7z37ho6mj] {
        grid-template-columns: 1fr;
    }
    
    .legend-grid[b-q7z37ho6mj] {
        grid-template-columns: 1fr;
    }
}

/* Dark Mode Styles */
.page-container[b-q7z37ho6mj] {
    background: #0f172a;
}

.page-header[b-q7z37ho6mj] {
    background: linear-gradient(135deg, #1d40af 0%, #1e3a8a 100%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.header-icon .page-icon[b-q7z37ho6mj] {
    color: white;
}

.header-text h1[b-q7z37ho6mj] {
    color: white;
}

.header-text p[b-q7z37ho6mj] {
    color: white;
    opacity: 0.9;
}

.btn-primary[b-q7z37ho6mj] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.btn-primary:hover[b-q7z37ho6mj] {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
}

.btn-secondary[b-q7z37ho6mj] {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.btn-secondary:hover[b-q7z37ho6mj] {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
}

.settings-card[b-q7z37ho6mj] {
    background: #1e293b;
    border-color: #374151;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.2), 0 1px 2px -1px rgb(0 0 0 / 0.2);
}

.card-header[b-q7z37ho6mj] {
    background: #0f172a;
    border-bottom-color: #374151;
}

.card-title[b-q7z37ho6mj] {
    color: #f1f5f9;
}

.card-description[b-q7z37ho6mj] {
    color: #94a3b8;
}

.setting-label[b-q7z37ho6mj] {
    color: #e2e8f0;
}

.setting-input[b-q7z37ho6mj],
.setting-select[b-q7z37ho6mj] {
    background: #334155;
    border-color: #475569;
    color: #f1f5f9;
}

.setting-input:focus[b-q7z37ho6mj],
.setting-select:focus[b-q7z37ho6mj] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.2);
}

.setting-unit[b-q7z37ho6mj] {
    color: #94a3b8;
}

.setting-description[b-q7z37ho6mj] {
    color: #64748b;
}

.setting-hint[b-q7z37ho6mj] {
    color: #94a3b8;
}

.toggle-switch[b-q7z37ho6mj] {
    background-color: #475569;
}

.toggle-switch[b-q7z37ho6mj]::after {
    background-color: #f1f5f9;
}

.setting-toggle input:checked + .toggle-switch[b-q7z37ho6mj] {
    background-color: #2563eb;
}

.sla-legend[b-q7z37ho6mj] {
    background: #0f172a;
    border-color: #374151;
}

.sla-legend h3[b-q7z37ho6mj] {
    color: #e2e8f0;
}

.legend-item[b-q7z37ho6mj] {
    color: #94a3b8;
}
/* _content/YAGServiceDesk/Pages/ITSupport/ITSupportReports.razor.rz.scp.css */
/* Light mode styling - only apply when system prefers light AND not in dark mode */
    @@media (prefers-color-scheme: light) {
        body:not(.dark)[b-czqazrdfu4] {
            background: #f8fafc !important;
            color: #111827 !important;
        }
        
        body:not(.dark) main[b-czqazrdfu4],
        body:not(.dark) .main[b-czqazrdfu4],
        body:not(.dark) #app[b-czqazrdfu4],
        body:not(.dark) .app[b-czqazrdfu4],
        body:not(.dark) .page[b-czqazrdfu4],
        body:not(.dark) .page-container[b-czqazrdfu4],
        body:not(.dark) .content[b-czqazrdfu4],
        body:not(.dark) article[b-czqazrdfu4],
        body:not(.dark) article.content[b-czqazrdfu4],
        body:not(.dark) article.content.px-4[b-czqazrdfu4] {
            background: #f8fafc !important;
            background-color: #f8fafc !important;
            color: #111827 !important;
        }
        
        /* Light mode containers */
        body:not(.dark) .container[b-czqazrdfu4],
        body:not(.dark) .container-fluid[b-czqazrdfu4],
        body:not(.dark) .row[b-czqazrdfu4] {
            background: transparent !important;
            background-color: transparent !important;
        }
        
        /* Light mode card styling */
        body:not(.dark) .card[b-czqazrdfu4] {
            background: #ffffff !important;
            background-color: #ffffff !important;
            color: #111827 !important;
            border: 1px solid #e5e7eb !important;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) !important;
        }
        
        body:not(.dark) .card-body[b-czqazrdfu4] {
            background: #ffffff !important;
            background-color: #ffffff !important;
            color: #111827 !important;
        }
        
        body:not(.dark) .card-header[b-czqazrdfu4] {
            background: #f8fafc !important;
            background-color: #f8fafc !important;
            color: #374151 !important;
            border-bottom: 1px solid #e5e7eb !important;
        }
        
        /* Override inline styles for purple gradient headers */
        body:not(.dark) .card-header[style*="7c3aed"][b-czqazrdfu4],
        body:not(.dark) .card-header[style*="linear-gradient"][b-czqazrdfu4] {
            background: #f3f0ff !important;
            background-image: none !important;
            color: #374151 !important;
        }
        
        /* Additional specificity for all card headers with inline styles */
        body:not(.dark) div.card-header[style][b-czqazrdfu4] {
            background: #f3f0ff !important;
            background-image: none !important;
            color: #374151 !important;
        }
        
        body:not(.dark) .card-title[b-czqazrdfu4],
        body:not(.dark) .card-header h5[b-czqazrdfu4],
        body:not(.dark) .card-header .card-title[b-czqazrdfu4],
        body:not(.dark) .card-header h1[b-czqazrdfu4],
        body:not(.dark) .card-header h2[b-czqazrdfu4],
        body:not(.dark) .card-header h3[b-czqazrdfu4],
        body:not(.dark) .card-header h4[b-czqazrdfu4],
        body:not(.dark) .card-header h6[b-czqazrdfu4],
        body:not(.dark) .card-header *[b-czqazrdfu4] {
            color: #374151 !important;
            font-weight: 600 !important;
        }
        
        body:not(.dark) .card-text[b-czqazrdfu4],
        body:not(.dark) .card p[b-czqazrdfu4] {
            color: #6b7280 !important;
        }
        
        /* Light mode billing card headers */
        body:not(.dark) .card-header[style*="059669"][b-czqazrdfu4] {
            background: #f3f0ff !important;
            background-color: #f3f0ff !important;
            color: #374151 !important;
        }
        
        /* Light mode buttons */
        body:not(.dark) .card .btn[b-czqazrdfu4],
        body:not(.dark) .card .btn-outline-primary[b-czqazrdfu4] {
            color: #3b82f6 !important;
            border-color: #3b82f6 !important;
            background-color: transparent !important;
        }
        
        body:not(.dark) .card .btn:hover[b-czqazrdfu4],
        body:not(.dark) .card .btn-outline-primary:hover[b-czqazrdfu4] {
            background-color: #3b82f6 !important;
            color: #ffffff !important;
        }
        
        body:not(.dark) .card .btn-outline-success[b-czqazrdfu4] {
            color: #10b981 !important;
            border-color: #10b981 !important;
            background-color: transparent !important;
        }
        
        body:not(.dark) .card .btn-outline-success:hover[b-czqazrdfu4] {
            background-color: #10b981 !important;
            color: #ffffff !important;
        }
    }
    
    /* Dark mode styling - preserve existing dark theme */
    body .card[b-czqazrdfu4],
    html .card[b-czqazrdfu4],
    .card[b-czqazrdfu4] {
        background-color: #1e293b !important;
        color: #f1f5f9 !important;
        border-color: #334155 !important;
    }
    
    body .card-body[b-czqazrdfu4],
    html .card-body[b-czqazrdfu4],
    .card-body[b-czqazrdfu4] {
        background-color: #1e293b !important;
        color: #f1f5f9 !important;
    }
    
    body .card-header[b-czqazrdfu4],
    html .card-header[b-czqazrdfu4],
    .card-header[b-czqazrdfu4] {
        background-color: #0f172a !important;
        color: #f1f5f9 !important;
    }

    /* Report card gradient headers — two-class specificity beats site.css single-class !important */
    .card-header.rpt-purple[b-czqazrdfu4],
    body .card-header.rpt-purple[b-czqazrdfu4],
    html .card-header.rpt-purple[b-czqazrdfu4] {
        background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important;
        background-color: transparent !important;
        color: #fff !important;
        border-bottom-color: rgba(255,255,255,0.15) !important;
    }

    .card-header.rpt-blue[b-czqazrdfu4],
    body .card-header.rpt-blue[b-czqazrdfu4],
    html .card-header.rpt-blue[b-czqazrdfu4] {
        background: linear-gradient(135deg, #0284c7 0%, #38bdf8 100%) !important;
        background-color: transparent !important;
        color: #fff !important;
        border-bottom-color: rgba(255,255,255,0.15) !important;
    }

    .card-header.rpt-teal[b-czqazrdfu4],
    body .card-header.rpt-teal[b-czqazrdfu4],
    html .card-header.rpt-teal[b-czqazrdfu4] {
        background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%) !important;
        background-color: transparent !important;
        color: #fff !important;
        border-bottom-color: rgba(255,255,255,0.15) !important;
    }

    .card-header.rpt-orange[b-czqazrdfu4],
    body .card-header.rpt-orange[b-czqazrdfu4],
    html .card-header.rpt-orange[b-czqazrdfu4] {
        background: linear-gradient(135deg, #d97706 0%, #fbbf24 100%) !important;
        background-color: transparent !important;
        color: #fff !important;
        border-bottom-color: rgba(255,255,255,0.15) !important;
    }

    .card-header.rpt-rose[b-czqazrdfu4],
    body .card-header.rpt-rose[b-czqazrdfu4],
    html .card-header.rpt-rose[b-czqazrdfu4] {
        background: linear-gradient(135deg, #be185d 0%, #f472b6 100%) !important;
        background-color: transparent !important;
        color: #fff !important;
        border-bottom-color: rgba(255,255,255,0.15) !important;
    }

    .card-header.rpt-violet[b-czqazrdfu4],
    body .card-header.rpt-violet[b-czqazrdfu4],
    html .card-header.rpt-violet[b-czqazrdfu4] {
        background: linear-gradient(135deg, #4c1d95 0%, #6d28d9 100%) !important;
        background-color: transparent !important;
        color: #fff !important;
        border-bottom-color: rgba(255,255,255,0.15) !important;
    }
    
    /* Ultra-specific dark mode text overrides */
    html .card .card-body p.card-text[b-czqazrdfu4],
    html .card .card-body p[b-czqazrdfu4],
    html .card p.card-text[b-czqazrdfu4],
    html .card p[b-czqazrdfu4],
    html .card-text[b-czqazrdfu4],
    html div.card div.card-body p.card-text[b-czqazrdfu4],
    html div.card div.card-body p[b-czqazrdfu4],
    html body .card .card-body p.card-text[b-czqazrdfu4],
    html body .card .card-body p[b-czqazrdfu4],
    html body .card p.card-text[b-czqazrdfu4],
    html body .card p[b-czqazrdfu4],
    html body .card-text[b-czqazrdfu4],
    html body div.card div.card-body p.card-text[b-czqazrdfu4],
    html body div.card div.card-body p[b-czqazrdfu4] {
        color: #e2e8f0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }
    
    html .card-title[b-czqazrdfu4],
    html .card-header h5[b-czqazrdfu4],
    html .card-header .card-title[b-czqazrdfu4],
    html body .card-title[b-czqazrdfu4],
    html body .card-header h5[b-czqazrdfu4],
    html body .card-header .card-title[b-czqazrdfu4] {
        color: #f1f5f9 !important;
    }
    
    /* Universal dark mode text override with maximum priority */
    html.dark[b-czqazrdfu4],
    body[b-czqazrdfu4] {
        color: #e2e8f0 !important;
    }
    
    html .card-text[b-czqazrdfu4],
    html .card-body p[b-czqazrdfu4],
    html p[b-czqazrdfu4],
    body .card-text[b-czqazrdfu4],
    body .card-body p[b-czqazrdfu4],
    body p[b-czqazrdfu4] {
        color: #e2e8f0 !important;
    }
    
    /* Specific overrides for card content */
    html .card .card-body[b-czqazrdfu4],
    html .card-body[b-czqazrdfu4],
    body .card .card-body[b-czqazrdfu4],
    body .card-body[b-czqazrdfu4] {
        color: #e2e8f0 !important;
    }
    
    html .card .card-body *:not(.btn):not(.badge):not(.icon)[b-czqazrdfu4],
    html .card-body *:not(.btn):not(.badge):not(.icon)[b-czqazrdfu4],
    body .card .card-body *:not(.btn):not(.badge):not(.icon)[b-czqazrdfu4],
    body .card-body *:not(.btn):not(.badge):not(.icon)[b-czqazrdfu4] {
        color: #e2e8f0 !important;
    }
    
    /* Force override any inline color styles in dark mode */
    html .card .card-body p[style*="color"][b-czqazrdfu4],
    html .card p[style*="color"][b-czqazrdfu4],
    html .card-body p[style*="color"][b-czqazrdfu4],
    body .card .card-body p[style*="color"][b-czqazrdfu4],
    body .card p[style*="color"][b-czqazrdfu4],
    body .card-body p[style*="color"][b-czqazrdfu4],
    [data-theme="dark"] .card .card-body p[style*="color"][b-czqazrdfu4],
    [data-theme="dark"] .card p[style*="color"][b-czqazrdfu4],
    [data-theme="dark"] .card-body p[style*="color"][b-czqazrdfu4] {
        color: #e2e8f0 !important;
    }
    
    /* Additional ultra-forceful overrides for card text in dark mode */
    html .card .card-text[b-czqazrdfu4],
    body .card .card-text[b-czqazrdfu4],
    [data-theme="dark"] .card .card-text[b-czqazrdfu4],
    html body .card .card-text[b-czqazrdfu4],
    html[data-theme="dark"] body .card .card-text[b-czqazrdfu4] {
        color: #e2e8f0 !important;
    }
    
    /* Restore specific elements */
    html .btn[b-czqazrdfu4],
    html .btn *[b-czqazrdfu4],
    html .card .btn[b-czqazrdfu4],
    html .card .btn *[b-czqazrdfu4],
    body .btn[b-czqazrdfu4],
    body .btn *[b-czqazrdfu4],
    body .card .btn[b-czqazrdfu4],
    body .card .btn *[b-czqazrdfu4] {
        color: unset !important;
    }
    
    /* Specific button color overrides for dark mode */
    html .btn-outline-primary[b-czqazrdfu4],
    html .card .btn-outline-primary[b-czqazrdfu4],
    body .btn-outline-primary[b-czqazrdfu4],
    body .card .btn-outline-primary[b-czqazrdfu4] {
        color: #60a5fa !important;
        border-color: #60a5fa !important;
        background-color: transparent !important;
    }
    
    html .btn-outline-primary:hover[b-czqazrdfu4],
    html .card .btn-outline-primary:hover[b-czqazrdfu4],
    body .btn-outline-primary:hover[b-czqazrdfu4],
    body .card .btn-outline-primary:hover[b-czqazrdfu4] {
        color: #ffffff !important;
        background-color: #60a5fa !important;
        border-color: #60a5fa !important;
    }
    
    html .btn-outline-success[b-czqazrdfu4],
    html .card .btn-outline-success[b-czqazrdfu4],
    body .btn-outline-success[b-czqazrdfu4],
    body .card .btn-outline-success[b-czqazrdfu4] {
        color: #34d399 !important;
        border-color: #34d399 !important;
        background-color: transparent !important;
    }
    
    html .btn-outline-success:hover[b-czqazrdfu4],
    html .card .btn-outline-success:hover[b-czqazrdfu4],
    body .btn-outline-success:hover[b-czqazrdfu4],
    body .card .btn-outline-success:hover[b-czqazrdfu4] {
        color: #ffffff !important;
        background-color: #34d399 !important;
        border-color: #34d399 !important;
    }
    
    html .card-header[b-czqazrdfu4],
    html .card-header *[b-czqazrdfu4],
    html .card-title[b-czqazrdfu4],
    html .card-header h5[b-czqazrdfu4],
    body .card-header[b-czqazrdfu4],
    body .card-header *[b-czqazrdfu4],
    body .card-title[b-czqazrdfu4],
    body .card-header h5[b-czqazrdfu4] {
        color: #f1f5f9 !important;
    }
    .card[b-czqazrdfu4] {
        transition: all 0.3s ease;
    }
    
    .card:hover[b-czqazrdfu4] {
        transform: translateY(-2px);
    }

    /* In Development gray film overlay */
    .in-dev-card[b-czqazrdfu4] {
        position: relative;
        cursor: default;
    }

    .in-dev-card[b-czqazrdfu4]::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(180, 180, 180, 0.68);
        border-radius: 12px;
        pointer-events: none;
        z-index: 1;
    }

    .in-dev-card[b-czqazrdfu4]::after,
    html .in-dev-card[b-czqazrdfu4]::after,
    body .in-dev-card[b-czqazrdfu4]::after {
        background: rgba(0, 0, 0, 0.62);
    }

    .in-dev-card:hover[b-czqazrdfu4] {
        transform: none !important;
    }
    
    /* Move card buttons down 20px */
    .card .btn[b-czqazrdfu4] {
        margin-top: 20px;
    }
    
    /* Card header color customization */
    /* Top 6 cards - Dark Purple (Dark Mode) - Override inline styles */
    html .col-md-6:nth-child(1) .card-header[style][b-czqazrdfu4],
    html .col-md-6:nth-child(2) .card-header[style][b-czqazrdfu4],
    html .col-md-6:nth-child(3) .card-header[style][b-czqazrdfu4],
    html .col-md-6:nth-child(4) .card-header[style][b-czqazrdfu4],
    html .col-md-6:nth-child(5) .card-header[style][b-czqazrdfu4],
    html .col-md-6:nth-child(6) .card-header[style][b-czqazrdfu4],
    body .col-md-6:nth-child(1) .card-header[style][b-czqazrdfu4],
    body .col-md-6:nth-child(2) .card-header[style][b-czqazrdfu4],
    body .col-md-6:nth-child(3) .card-header[style][b-czqazrdfu4],
    body .col-md-6:nth-child(4) .card-header[style][b-czqazrdfu4],
    body .col-md-6:nth-child(5) .card-header[style][b-czqazrdfu4],
    body .col-md-6:nth-child(6) .card-header[style][b-czqazrdfu4],
    .col-md-6:nth-child(1) .card-header[style][b-czqazrdfu4],
    .col-md-6:nth-child(2) .card-header[style][b-czqazrdfu4],
    .col-md-6:nth-child(3) .card-header[style][b-czqazrdfu4],
    .col-md-6:nth-child(4) .card-header[style][b-czqazrdfu4],
    .col-md-6:nth-child(5) .card-header[style][b-czqazrdfu4],
    .col-md-6:nth-child(6) .card-header[style][b-czqazrdfu4] {
        background: #581c87 !important;
        background-color: #581c87 !important;
        color: #ffffff !important;
    }
    
    /* Create Billing Document card - Dark Green (Dark Mode) - Override inline styles */
    html .billing-card-header[b-czqazrdfu4],
    body .billing-card-header[b-czqazrdfu4],
    .billing-card-header[b-czqazrdfu4] {
        background: #047857 !important;
        background-color: #047857 !important;
        color: #ffffff !important;
    }
    
    /* Light mode - restore light backgrounds */
    body:not(.dark) .col-md-6:nth-child(1) .card-header[b-czqazrdfu4],
    body:not(.dark) .col-md-6:nth-child(2) .card-header[b-czqazrdfu4],
    body:not(.dark) .col-md-6:nth-child(3) .card-header[b-czqazrdfu4],
    body:not(.dark) .col-md-6:nth-child(4) .card-header[b-czqazrdfu4],
    body:not(.dark) .col-md-6:nth-child(5) .card-header[b-czqazrdfu4],
    body:not(.dark) .col-md-6:nth-child(6) .card-header[b-czqazrdfu4] {
        background: #f3f0ff !important;
        color: #374151 !important;
    }
    
    /* Create Billing Document card - Light Green (Light Mode) */
    body:not(.dark) .billing-card-header[b-czqazrdfu4] {
        background: #ecfdf5 !important;
        color: #374151 !important;
    }
    
    /* Page layout - Full Width, flex column so header stays static */
    .page-container[b-czqazrdfu4] {
        width: 100%;
        max-width: 100%;
        padding: 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        height: calc(100vh - 15px - 2rem - var(--impersonation-banner-height) - var(--maintenance-banner-height));
    }

    .page-container > .page-header[b-czqazrdfu4] {
        flex-shrink: 0;
    }

    .reports-container[b-czqazrdfu4] {
        flex: 1;
        overflow-y: auto;
        min-height: 0;
        padding-bottom: 3rem;
    }
    
    /* Dark mode page background - Dark Navy Blue */
    html .page-container[b-czqazrdfu4],
    html body[b-czqazrdfu4],
    html.dark[b-czqazrdfu4],
    html main[b-czqazrdfu4],
    html .main[b-czqazrdfu4],
    html #app[b-czqazrdfu4],
    html .app[b-czqazrdfu4],
    html article[b-czqazrdfu4],
    html article.content[b-czqazrdfu4],
    html .content[b-czqazrdfu4],
    body .page-container[b-czqazrdfu4],
    body.dark[b-czqazrdfu4],
    body main[b-czqazrdfu4],
    body .main[b-czqazrdfu4],
    body #app[b-czqazrdfu4],
    body .app[b-czqazrdfu4],
    body article[b-czqazrdfu4],
    body article.content[b-czqazrdfu4],
    body .content[b-czqazrdfu4],
    .page-container[b-czqazrdfu4],
    main[b-czqazrdfu4],
    .main[b-czqazrdfu4],
    #app[b-czqazrdfu4],
    .app[b-czqazrdfu4],
    article[b-czqazrdfu4],
    article.content[b-czqazrdfu4],
    .content[b-czqazrdfu4] {
        background-color: #0f172a !important;
        background: #0f172a !important;
    }
    
    @@media (max-width: 1200px) {
        .page-container[b-czqazrdfu4] {
            padding: 0 1rem;
        }
    }
    
    @@media (max-width: 768px) {
        .page-container[b-czqazrdfu4] {
            padding: 0 0.5rem;
        }
    }

    /* Reports-only layout tweaks to avoid vertical scrollbar */
    .page[b-czqazrdfu4] {
        min-height: calc(100vh - 20px - var(--impersonation-banner-height) - var(--maintenance-banner-height));
    }

    main[b-czqazrdfu4] {
        padding-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .in-dev-banner[b-czqazrdfu4] {
        display: block;
        width: 100%;
        background: #e3eb7b !important;
        color: #111827 !important;
        border: 1px solid #c9d148 !important;
        border-radius: 6px;
        padding: 6px 14px;
        font-size: 0.8rem;
        font-weight: 600;
        letter-spacing: 0.03em;
        text-align: center;
        text-transform: uppercase;
    }

    .in-dev-banner[b-czqazrdfu4],
    html .in-dev-banner[b-czqazrdfu4],
    body .in-dev-banner[b-czqazrdfu4] {
        background: #e3eb7b !important;
        color: #111827 !important;
        border-color: #c9d148 !important;
    }
/* _content/YAGServiceDesk/Pages/ITSupport/ITTaskDetail.razor.rz.scp.css */
/* IT Task Detail Page Styles */

.page-container[b-n87s558n1u] {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* Loading and Error States */
.loading-state[b-n87s558n1u], .error-state[b-n87s558n1u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    color: #6b7280;
}

.spinner[b-n87s558n1u] {
    width: 2rem;
    height: 2rem;
    border: 3px solid #f3f4f6;
    border-top: 3px solid #3b82f6;
    border-radius: 50%;
    animation: spin-b-n87s558n1u 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-n87s558n1u {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.error-state-icon[b-n87s558n1u] {
    width: 4rem;
    height: 4rem;
    color: #f59e0b;
    margin-bottom: 1rem;
}

/* Header */
.task-detail-header[b-n87s558n1u] {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    padding: 1.5rem;
    margin-bottom: 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.header-top[b-n87s558n1u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.btn-back[b-n87s558n1u] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
}

.btn-back:hover[b-n87s558n1u] {
    background: rgba(255, 255, 255, 0.3);
}

.task-actions[b-n87s558n1u] {
    display: flex;
    gap: 0.75rem;
}

.btn-primary[b-n87s558n1u], .btn-secondary[b-n87s558n1u] {
    padding: 0.5rem 1rem;
    border-radius: 8px;
    border: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    font-weight: 500;
}

.btn-primary[b-n87s558n1u] {
    background: #10b981;
    color: white;
}

.btn-primary:hover[b-n87s558n1u] {
    background: #059669;
}

.btn-secondary[b-n87s558n1u] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

.btn-secondary:hover[b-n87s558n1u] {
    background: rgba(255, 255, 255, 0.3);
}

.btn-icon[b-n87s558n1u] {
    width: 1rem;
    height: 1rem;
}

.task-header-content .task-id[b-n87s558n1u] {
    font-size: 0.9rem;
    opacity: 0.8;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.task-title[b-n87s558n1u] {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    line-height: 1.2;
}

.task-meta[b-n87s558n1u] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
}

/* Badges */
.status-badge[b-n87s558n1u], .priority-badge[b-n87s558n1u], .story-points-badge[b-n87s558n1u] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

.status-badge.status-open[b-n87s558n1u] {
    background: rgba(245, 158, 11, 0.2);
    color: #fbbf24;
}

.status-badge.status-progress[b-n87s558n1u] {
    background: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
}

.status-badge.status-assigned[b-n87s558n1u] {
    background: rgba(139, 92, 246, 0.2);
    color: #a78bfa;
}

.status-badge.status-resolved[b-n87s558n1u] {
    background: rgba(16, 185, 129, 0.2);
    color: #34d399;
}

.status-badge.status-closed[b-n87s558n1u] {
    background: rgba(107, 114, 128, 0.2);
    color: #d1d5db;
}

.priority-badge.priority-high[b-n87s558n1u] {
    background: rgba(220, 38, 38, 0.2);
    color: #f87171;
}

.priority-badge.priority-medium[b-n87s558n1u] {
    background: rgba(245, 158, 11, 0.2);
    color: #fbbf24;
}

.priority-badge.priority-low[b-n87s558n1u] {
    background: rgba(16, 185, 129, 0.2);
    color: #34d399;
}

.status-icon[b-n87s558n1u], .priority-icon[b-n87s558n1u] {
    width: 0.9rem;
    height: 0.9rem;
}

/* Content Grid */
.task-content[b-n87s558n1u] {
    display: flex;
    gap: 2rem;
}

.content-grid[b-n87s558n1u] {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 2rem;
    width: 100%;
}

.main-content[b-n87s558n1u] {
    min-width: 0;
}

.task-sidebar[b-n87s558n1u] {
    min-width: 400px;
    position: static;
}

/* Section Cards */
.section-card[b-n87s558n1u] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.section-title[b-n87s558n1u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 1rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #374151;
}

.section-icon[b-n87s558n1u] {
    width: 1.2rem;
    height: 1.2rem;
    color: #6b7280;
}

/* Task Description */
.task-description p[b-n87s558n1u] {
    line-height: 1.6;
    color: #4b5563;
    margin: 0;
}

.no-content[b-n87s558n1u] {
    color: #9ca3af;
    font-style: italic;
}

/* Resolution Notes */
.resolution-notes[b-n87s558n1u] {
    background: #f0f9ff;
    border-left: 4px solid #0ea5e9;
    padding: 1rem;
    border-radius: 6px;
}

.resolution-notes p[b-n87s558n1u] {
    margin: 0;
    color: #0c4a6e;
    line-height: 1.6;
}

/* Activity Timeline */
.comment-count[b-n87s558n1u] {
    color: #9ca3af;
    font-weight: 400;
    font-size: 0.9rem;
}

.activity-timeline[b-n87s558n1u] {
    position: relative;
}

.activity-item[b-n87s558n1u] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
    position: relative;
}

.activity-item:not(:last-child)[b-n87s558n1u]::after {
    content: '';
    position: absolute;
    left: 0.75rem;
    top: 2rem;
    bottom: -1rem;
    width: 2px;
    background: #e5e7eb;
    z-index: 0;
}

.activity-icon[b-n87s558n1u] {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: relative;
}

.activity-created .activity-icon[b-n87s558n1u] {
    border-color: #10b981;
    background: #ecfdf5;
}

.activity-created .icon[b-n87s558n1u] {
    color: #10b981;
}

.activity-updated .activity-icon[b-n87s558n1u] {
    border-color: #3b82f6;
    background: #eff6ff;
}

.activity-updated .icon[b-n87s558n1u] {
    color: #3b82f6;
}

.activity-completed .activity-icon[b-n87s558n1u] {
    border-color: #059669;
    background: #d1fae5;
}

.activity-completed .icon[b-n87s558n1u] {
    color: #059669;
}

.activity-icon .icon[b-n87s558n1u] {
    width: 0.75rem;
    height: 0.75rem;
}

.activity-content[b-n87s558n1u] {
    flex: 1;
    min-width: 0;
}

.activity-header[b-n87s558n1u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    font-size: 0.9rem;
}

.activity-user[b-n87s558n1u] {
    font-weight: 600;
    color: #374151;
}

.activity-action[b-n87s558n1u] {
    color: #6b7280;
}

.activity-time[b-n87s558n1u] {
    color: #9ca3af;
    font-size: 0.8rem;
}

.no-comments[b-n87s558n1u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    color: #9ca3af;
    text-align: center;
}

.no-comments-icon[b-n87s558n1u] {
    width: 2rem;
    height: 2rem;
    margin-bottom: 0.5rem;
}

/* Detail List */
.detail-list[b-n87s558n1u] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.detail-item[b-n87s558n1u] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.detail-item label[b-n87s558n1u] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.detail-item span[b-n87s558n1u] {
    color: #374151;
    font-size: 0.9rem;
}

/* Contact Info */
.contact-info[b-n87s558n1u] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contact-item[b-n87s558n1u] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.contact-icon[b-n87s558n1u] {
    width: 1.25rem;
    height: 1.25rem;
    color: #6b7280;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.contact-details[b-n87s558n1u] {
    flex: 1;
}

.contact-name[b-n87s558n1u] {
    font-weight: 600;
    color: #374151;
    font-size: 0.9rem;
}

.contact-email[b-n87s558n1u], .contact-phone[b-n87s558n1u] {
    color: #6b7280;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

/* Tags */
.tags-list[b-n87s558n1u] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tag[b-n87s558n1u] {
    background: #f3f4f6;
    color: #374151;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
}

/* Billing Styles */
.billing-level-1[b-n87s558n1u] {
    color: #059669;
    font-weight: 600;
}

.billing-level-2[b-n87s558n1u] {
    color: #dc2626;
    font-weight: 600;
}

.billing-level-default[b-n87s558n1u] {
    color: #6b7280;
}

.hours-billable[b-n87s558n1u] {
    color: #059669;
    font-weight: 600;
}

.hours-nonbillable[b-n87s558n1u] {
    color: #f59e0b;
    font-weight: 600;
}

.hours-total[b-n87s558n1u] {
    color: #1f2937;
    font-weight: 700;
    font-size: 1.1em;
}

.total-hours[b-n87s558n1u] {
    border-top: 1px solid #e5e7eb;
    padding-top: 0.5rem;
    margin-top: 0.5rem;
}

/* SLA Status Colors */
.sla-good[b-n87s558n1u] {
    color: #059669;
}

.sla-warning[b-n87s558n1u] {
    color: #f59e0b;
}

.sla-critical[b-n87s558n1u] {
    color: #dc2626;
}

.sla-overdue[b-n87s558n1u] {
    color: #dc2626;
    font-weight: 700;
}

.sla-none[b-n87s558n1u] {
    color: #6b7280;
}

.follow-up-required[b-n87s558n1u] {
    color: #dc2626;
    font-weight: 600;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .content-grid[b-n87s558n1u] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .task-sidebar[b-n87s558n1u] {
        min-width: auto;
    }
}

@media (max-width: 768px) {
    .page-container[b-n87s558n1u] {
        padding: 0 0.5rem;
    }
    
    .task-detail-header[b-n87s558n1u] {
        padding: 1rem;
        margin-bottom: 1.5rem;
    }
    
    .header-top[b-n87s558n1u] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
    
    .task-actions[b-n87s558n1u] {
        justify-content: center;
    }
    
    .task-title[b-n87s558n1u] {
        font-size: 1.5rem;
    }
    
    .task-meta[b-n87s558n1u] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .section-card[b-n87s558n1u] {
        padding: 1rem;
    }
}

@media (max-width: 480px) {
    .task-actions[b-n87s558n1u] {
        flex-direction: column;
    }
    
    .activity-header[b-n87s558n1u] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
}
/* _content/YAGServiceDesk/Pages/ITSupport/MyITTickets.razor.rz.scp.css */
.header-actions[b-ea0tnu4nga] {
    align-items: center !important;
    min-height: unset !important;
    min-width: unset !important;
    overflow: visible !important;
}
.settings-icon[b-ea0tnu4nga] {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Make the cog icon wireframe white and larger */
.settings-icon svg[b-ea0tnu4nga] {
    width: 20px !important;
    height: 20px !important;
    stroke: #fff !important;
    color: #fff !important;
}
.settings-icon svg path[b-ea0tnu4nga],
.settings-icon svg circle[b-ea0tnu4nga],
.settings-icon svg line[b-ea0tnu4nga] {
    stroke: #fff !important;
    fill: none !important;
}
/* Standalone settings icon styles */
.settings-icon[b-ea0tnu4nga] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    font-size: 1.7rem;
    margin-left: 18px;
    box-shadow: none;
    border: none;
}
.settings-icon:hover[b-ea0tnu4nga] {
    background: rgba(255,255,255,0.08);
    color: #e0e7ff;
}
/* My IT Tickets Page Styles */

.my-it-tickets-page[b-ea0tnu4nga] {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0;
    background: #0f172a;
    color: #e2e8f0;
}

.my-it-tickets-scroll[b-ea0tnu4nga] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: clip;
}

.page-header-stack[b-ea0tnu4nga] {
    background: #0f172a;
}

.page-header-stack .page-header[b-ea0tnu4nga] {
    margin-bottom: var(--page-header-content-gap, 20px) !important;
}

.page-header[b-ea0tnu4nga] {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 0;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.header-content[b-ea0tnu4nga] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    max-width: 100%;
    margin: 0;
    flex: 1;
    min-width: 0;
}

.header-icon .page-icon[b-ea0tnu4nga] {
    width: 2.5rem;
    height: 2.5rem;
    opacity: 0.9;
    flex-shrink: 0;
}

.header-text[b-ea0tnu4nga] {
    flex: 1;
    min-width: 0;
}

.header-text h1[b-ea0tnu4nga] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.3rem;
    color: white;
}

.header-text p[b-ea0tnu4nga] {
    margin: 0;
    font-size: 0.9rem;
    opacity: 0.9;
    line-height: 1.3;
    color: #ffffff;
}

.header-actions[b-ea0tnu4nga] {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
    align-self: flex-start;
    margin-right: 2rem;
}

/* Improved button contrast for header actions */
.header-actions .btn-outline-primary[b-ea0tnu4nga] {
    background: rgba(255, 255, 255, 0.95);
    color: #2563eb;
    border: 2px solid #2563eb;
    font-weight: 600;
    transition: all 0.2s ease;
}

.header-actions .btn-outline-primary:hover[b-ea0tnu4nga] {
    background: #2563eb;
    color: white;
    border-color: #2563eb;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

.header-actions .btn-outline-secondary[b-ea0tnu4nga] {
    background: rgba(255, 255, 255, 0.95);
    color: #64748b;
    border: 2px solid #64748b;
    font-weight: 600;
    transition: all 0.2s ease;
}

.header-actions .btn-outline-secondary:hover[b-ea0tnu4nga] {
    background: #64748b;
    color: white;
    border-color: #64748b;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(100, 116, 139, 0.3);
}

.btn-settings[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background: rgba(255, 255, 255, 0.15);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-settings:hover[b-ea0tnu4nga] {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-1px);
}

.page-header .header-actions .btn-settings .btn-icon[b-ea0tnu4nga] {
    width: 45px !important;
    height: 45px !important;
    min-width: 45px !important;
    min-height: 45px !important;
    max-width: 45px !important;
    max-height: 45px !important;
}

.btn-primary[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.3);
    padding: 0.875rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.2s ease;
    backdrop-filter: blur(10px);
}

.btn-primary:hover[b-ea0tnu4nga] {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-2px);
}

.btn-secondary[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: #3b82f6;
    color: white;
    border: none;
    padding: 0.875rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-secondary:hover[b-ea0tnu4nga] {
    background: #2563eb;
    transform: translateY(-1px);
}

.btn-icon[b-ea0tnu4nga] {
    width: 1.25rem;
    height: 1.25rem;
}

.tickets-container[b-ea0tnu4nga] {
    max-width: 100%;
    margin: 0;
}

/* Filters Section */
.filters-section[b-ea0tnu4nga] {
    background: #1e293b;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 0.5625rem 1.5rem;
    margin-bottom: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.filters-section table[b-ea0tnu4nga] {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}
.filters-section tr[b-ea0tnu4nga] {
    height: 8px !important;
}
.filters-section td[b-ea0tnu4nga], .filters-section th[b-ea0tnu4nga] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
}

.filters-row[b-ea0tnu4nga] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4rem;
    flex-wrap: nowrap;
}

.filter-group[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    min-width: fit-content;
}

.filter-label[b-ea0tnu4nga] {
    font-weight: 600;
    color: #e2e8f0;
    margin-right: 1rem;
}

.filter-checkboxes[b-ea0tnu4nga] {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.filter-checkbox[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-checkbox input[type="checkbox"][b-ea0tnu4nga],
.filter-checkbox input[type="radio"][b-ea0tnu4nga] {
    width: 1rem;
    height: 1rem;
    accent-color: #3b82f6;
}

.filter-checkbox label[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.9rem;
    color: #cbd5e1;
    font-weight: 500;
}

.status-indicator[b-ea0tnu4nga] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-indicator.status-open[b-ea0tnu4nga] {
    background: #f59e0b;
}

.status-indicator.status-progress[b-ea0tnu4nga] {
    background: #3b82f6;
}

.status-indicator.status-assigned[b-ea0tnu4nga] {
    background: #8b5cf6;
}

.status-indicator.status-resolved[b-ea0tnu4nga] {
    background: #10b981;
}

.status-indicator.status-closed[b-ea0tnu4nga] {
    background: #6b7280;
}

.priority-indicator[b-ea0tnu4nga] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.priority-indicator.priority-high[b-ea0tnu4nga] {
    background: #dc2626;
}

.priority-indicator.priority-medium[b-ea0tnu4nga] {
    background: #f59e0b;
}

.priority-indicator.priority-low[b-ea0tnu4nga] {
    background: #10b981;
}

/* Tickets List */
.tickets-section[b-ea0tnu4nga] {
    min-height: auto;
    overflow-x: clip;
}

.tickets-list[b-ea0tnu4nga] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Column Headers */
.ticket-headers[b-ea0tnu4nga] {
    display: grid;
    grid-template-columns: 65px minmax(220px, 1fr) 190px 95px 85px 170px 90px 120px 60px 45px 30px;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid #e2e8f0;
    font-weight: 600;
    font-size: 0.875rem;
    color: #cbd5e1;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Headers with Assigned To column */
.ticket-headers.with-assigned-to[b-ea0tnu4nga] {
    grid-template-columns: 65px minmax(220px, 1fr) 190px 95px 85px 170px 90px 120px 60px 100px 45px 30px;
}

.ticket-headers > div[b-ea0tnu4nga] {
    justify-self: start;
    text-align: left;
}


/* Compact Table-like Ticket Layout */
.ticket-row[b-ea0tnu4nga] {
    display: grid;
    grid-template-columns: 65px minmax(220px, 1fr) 190px 95px 85px 170px 90px 120px 60px 45px 30px;
    align-items: center;
    gap: 0.75rem;
    background: #1e293b;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    border-bottom: 1px solid #e2e8f0;
    padding: 0.75rem 1rem;
}

/* Ticket rows with Assigned To column */
.ticket-row.with-assigned-to[b-ea0tnu4nga] {
    grid-template-columns: 65px minmax(220px, 1fr) 190px 95px 85px 170px 90px 120px 60px 100px 45px 30px;
}

.ticket-row[b-ea0tnu4nga] {
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 50px;
}

.ticket-row:hover[b-ea0tnu4nga] {
    border-color: #3b82f6;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1);
}

.ticket-row.is-deleted[b-ea0tnu4nga] {
    opacity: 0.6;
    cursor: not-allowed;
}

.ticket-row.is-deleted > div[b-ea0tnu4nga] {
    text-decoration: line-through;
}

.ticket-row.is-deleted .status-text[b-ea0tnu4nga],
.ticket-row.is-deleted .delete-label[b-ea0tnu4nga] {
    text-decoration: none;
}

.ticket-delete .btn.btn-outline-danger[b-ea0tnu4nga],
.ticket-delete .btn.btn-outline-danger:focus[b-ea0tnu4nga],
.ticket-delete .btn.btn-outline-danger:active[b-ea0tnu4nga] {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
    font-size: 0.95rem !important;
}

.ticket-delete .btn.btn-outline-danger:hover[b-ea0tnu4nga] {
    background: #b91c1c !important;
    border-color: #b91c1c !important;
    color: #fff !important;
}

.ticket-delete .btn.btn-outline-danger:disabled[b-ea0tnu4nga],
.ticket-delete .btn.btn-outline-danger[disabled][b-ea0tnu4nga] {
    background: #7f1d1d !important;
    border-color: #7f1d1d !important;
    color: #fef2f2 !important;
    opacity: 0.8 !important;
    cursor: not-allowed;
}

.ticket-delete .delete-label[b-ea0tnu4nga] {
    position: relative;
    top: -2px;
}

.ticket-id[b-ea0tnu4nga] {
    font-weight: 700;
    color: #64748b;
    font-size: 0.875rem;
    justify-self: start;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.source-icon[b-ea0tnu4nga] {
    font-size: 0.75rem;
    opacity: 0.85;
}

.source-email[b-ea0tnu4nga] {
    color: #4ade80;
}

.source-itdesk[b-ea0tnu4nga] {
    color: #4ade80;
}

.source-client[b-ea0tnu4nga] {
    color: #4ade80;
}

.source-icon-placeholder[b-ea0tnu4nga] {
    display: inline-block;
    width: 0.75rem;
    flex-shrink: 0;
}

.ticket-title-compact[b-ea0tnu4nga] {
    font-weight: 600;
    color: #f8fafc;
    font-size: 0.95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    justify-self: start;
    min-width: 0;
    width: 100%;
}

.ticket-created[b-ea0tnu4nga],
.ticket-type[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8rem;
    color: #e2e8f0;
    white-space: nowrap;
    justify-self: start;
}

.ticket-meta-compact[b-ea0tnu4nga] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    justify-self: start;
}

.meta-item-compact[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8rem;
    color: #64748b;
    white-space: nowrap;
}

.meta-icon-small[b-ea0tnu4nga] {
    width: 0.75rem;
    height: 0.75rem;
    opacity: 0.7;
}

.ticket-status[b-ea0tnu4nga] {
    display: contents !important;
}
    justify-content: center;[b-ea0tnu4nga]
}

.priority[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    justify-self: start;
    white-space: nowrap;
    width: 150px;
    min-width: 150px;
    text-align: center;
    justify-content: center;
}

.ticket-hours[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 0.875rem;
    font-weight: 600;
    color: #059669;
    justify-self: start;
    text-align: left;
    width: 80px;
}

.hours-value[b-ea0tnu4nga] {
    color: #059669;
    font-weight: 700;
}

.hours-none[b-ea0tnu4nga] {
    color: #94a3b8;
    font-weight: 400;
}

.view-arrow[b-ea0tnu4nga] {
    justify-self: center;
}

/* Special adjustment for IN PROGRESS status text */
.ticket-status.status-progress .status-text[b-ea0tnu4nga],
.ticket-status.status-progress span:not(.status-icon)[b-ea0tnu4nga] {
    transform: translateY(2px);
}

.arrow-icon[b-ea0tnu4nga] {
    width: 1.25rem;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0;
    margin: 0;
    height: 1.25rem;
    color: #94a3b8;
    transition: color 0.2s ease;
}

.ticket-row:hover .arrow-icon[b-ea0tnu4nga] {
    color: #3b82f6;
}

/* Dark Mode Styles */
.ticket-headers[b-ea0tnu4nga] {
    background: #475569;
    border-bottom-color: #64748b;
    color: #f1f5f9;
}

.ticket-row[b-ea0tnu4nga] {
    background: #1e293b;
    border-color: #334155;
}

.ticket-row:hover[b-ea0tnu4nga] {
    border-color: var(--bs-primary);
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2);
}

.ticket-id[b-ea0tnu4nga] {
    color: #94a3b8;
}

.ticket-title-compact[b-ea0tnu4nga] {
    color: #f8fafc;
}

.meta-item-compact[b-ea0tnu4nga] {
    color: #94a3b8;
}

.meta-icon-small[b-ea0tnu4nga] {
    opacity: 0.8;
}

.arrow-icon[b-ea0tnu4nga] {
    color: #94a3b8;
}

.ticket-created[b-ea0tnu4nga],
.ticket-type[b-ea0tnu4nga] {
    color: #e2e8f0;
}

.ticket-hours .hours-value[b-ea0tnu4nga] {
    color: #10b981;
}

.ticket-hours .hours-none[b-ea0tnu4nga] {
    color: #64748b;
}

.ticket-row:hover .arrow-icon[b-ea0tnu4nga] {
    color: var(--bs-primary);
}

/* Dark mode page container */
.my-it-tickets-page[b-ea0tnu4nga] {
    background: #0f172a;
}

/* Dark mode button contrast improvements */
.header-actions .btn-outline-primary[b-ea0tnu4nga] {
    background: rgba(15, 23, 42, 0.85) !important;
    color: #bfdbfe !important;
    border: 2px solid #93c5fd !important;
    font-weight: 600;
}

.header-actions .btn-outline-primary:hover[b-ea0tnu4nga] {
    background: #3b82f6 !important;
    color: #ffffff !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.5);
}

.header-actions .btn-outline-secondary[b-ea0tnu4nga] {
    background: #5a6b8de0 !important;
    color: #ffffff !important;
    border: 2px solid #cbd5e1 !important;
    font-weight: 600;
}

.header-actions .btn-outline-secondary:hover[b-ea0tnu4nga] {
    background: #64748b;
    color: #ffffff;
    border-color: #64748b;
    box-shadow: 0 4px 12px rgba(100, 116, 139, 0.5);
}

.ticket-card[b-ea0tnu4nga] {
    background: #1e293b;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0.75rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ticket-card:hover[b-ea0tnu4nga] {
    border-color: #3b82f6;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.ticket-header[b-ea0tnu4nga] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ticket-id[b-ea0tnu4nga] {
    font-weight: 700;
    color: #64748b;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}

.ticket-status[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    gap: 0;
}

.ticket-status.status-open[b-ea0tnu4nga] {
    background: transparent;
    color: inherit;
    border-radius: 0;
}

.ticket-status.status-progress[b-ea0tnu4nga] {
    background: transparent;
    color: inherit;
    border-radius: 0;
}

.ticket-status.status-resolved[b-ea0tnu4nga] {
    background: transparent;
    color: inherit;
    border-radius: 0;
}

.ticket-status.status-closed[b-ea0tnu4nga] {
    background: transparent;
    color: inherit;
    border-radius: 0;
}

/* Additional status styles */
.ticket-status.status-new[b-ea0tnu4nga] {
    background: transparent;
    color: inherit;
    border-radius: 0;
}

.ticket-status.status-in-progress[b-ea0tnu4nga] {
    background: transparent;
    color: inherit;
    border-radius: 0;
}

.ticket-status.status-assigned[b-ea0tnu4nga] {
    background: transparent;
    color: inherit;
    border-radius: 0;
}

.ticket-status.status-done[b-ea0tnu4nga] {
    background: transparent;
    color: inherit;
    border-radius: 0;
}

.ticket-status.status-completed[b-ea0tnu4nga] {
    background: transparent;
    color: inherit;
    border-radius: 0;
}

.status-icon[b-ea0tnu4nga] {
    width: 0.875rem;
    height: 0.875rem;
}

.ticket-body[b-ea0tnu4nga] {
    flex: 1;
}

.ticket-title[b-ea0tnu4nga] {
    margin: 0 0 0.5rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #e2e8f0;
    line-height: 1.3;
}

.ticket-description[b-ea0tnu4nga] {
    margin: 0 0 0.5rem 0;
    color: #64748b;
    line-height: 1.5;
    font-size: 0.9rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ticket-meta[b-ea0tnu4nga] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.meta-item[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8rem;
    color: #64748b;
}

.meta-icon[b-ea0tnu4nga] {
    width: 1rem;
    height: 1rem;
    color: #94a3b8;
}

.ticket-actions[b-ea0tnu4nga] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.5rem;
    border-top: 1px solid #f3f4f6;
}

.priority[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.priority.priority-high[b-ea0tnu4nga] {
    background: #dc2626;
    color: #ffffff;
}

.priority.priority-medium[b-ea0tnu4nga] {
    background: #fef3c7;
    color: #d97706;
}

.priority.priority-low[b-ea0tnu4nga] {
    background: #ecfdf5;
    color: #059669;
}

.priority-icon[b-ea0tnu4nga] {
    width: 0.875rem;
    height: 0.875rem;
}

.view-arrow[b-ea0tnu4nga] {
    flex-shrink: 0;
}

.arrow-icon[b-ea0tnu4nga] {
    width: 1.25rem;
    height: 1.25rem;
    color: #d1d5db;
    transition: all 0.2s ease;
}

.ticket-card:hover .arrow-icon[b-ea0tnu4nga] {
    color: #3b82f6;
    transform: translateX(4px);
}

/* Empty State */
.empty-state[b-ea0tnu4nga] {
    text-align: center;
    padding: 4rem 2rem;
    color: #64748b;
}

.empty-icon[b-ea0tnu4nga] {
    margin-bottom: 1.5rem;
}

.empty-state-icon[b-ea0tnu4nga] {
    width: 4rem;
    height: 4rem;
    color: #d1d5db;
    margin: 0 auto;
}

.empty-state h3[b-ea0tnu4nga] {
    margin: 0 0 1rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #cbd5e1;
}

.empty-state p[b-ea0tnu4nga] {
    margin: 0 0 2rem 0;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-header[b-ea0tnu4nga] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
    }
    
    .header-content[b-ea0tnu4nga] {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }
    
    .header-text h1[b-ea0tnu4nga] {
        font-size: 2rem;
    }
    
    .filter-group[b-ea0tnu4nga] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .filter-checkboxes[b-ea0tnu4nga] {
        gap: 1rem;
    }
    
    .ticket-meta[b-ea0tnu4nga] {
        gap: 1rem;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .ticket-actions[b-ea0tnu4nga] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
}

@media (max-width: 480px) {
    .page-header[b-ea0tnu4nga] {
        padding: 1.5rem;
    }
    
    .tickets-container[b-ea0tnu4nga] {
        padding: 0 1rem;
    }
    
    .ticket-card[b-ea0tnu4nga] {
        padding: 1rem;
    }
    
    .ticket-header[b-ea0tnu4nga] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .filter-checkboxes[b-ea0tnu4nga] {
        flex-direction: column;
        gap: 0.75rem;
    }
}

/* Story Points */
.story-points[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.story-points .points[b-ea0tnu4nga] {
    background: #1e293b;
    color: #cbd5e1;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Loading State */
.loading-state[b-ea0tnu4nga] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #64748b;
}

.spinner[b-ea0tnu4nga] {
    width: 2rem;
    height: 2rem;
    border: 3px solid #f3f4f6;
    border-top: 3px solid #3b82f6;
    border-radius: 50%;
    animation: spin-b-ea0tnu4nga 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-ea0tnu4nga {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Status improvements */
.ticket-status.status-assigned[b-ea0tnu4nga] {
    background: #f3e8ff;
    color: #7c3aed;
}

.ticket-status.status-assigned .status-icon[b-ea0tnu4nga] {
    color: #8b5cf6;
}

/* Status Text Oval Styling */
.status-text[b-ea0tnu4nga] {
    display: inline-block;
    padding: 0.5rem;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
    min-width: 120px;
    color: white;
}

.status-text.status-new[b-ea0tnu4nga] {
    background: #3b82f6;
}

.status-text.status-open[b-ea0tnu4nga] {
    background: #10b981;
}

.status-text.status-in-progress[b-ea0tnu4nga] {
    background: #f59e0b;
}

.status-text.status-assigned[b-ea0tnu4nga] {
    background: #8b5cf6;
}

.status-text.status-resolved[b-ea0tnu4nga],
.status-text.status-done[b-ea0tnu4nga],
.status-text.status-closed[b-ea0tnu4nga],
.status-text.status-completed[b-ea0tnu4nga] {
    background: #6b7280;
}

.status-text.status-deleted[b-ea0tnu4nga] {
    background: #b91c1c;
}

/* Dark mode status text */
.status-text[b-ea0tnu4nga] {
    color: white;
}

.status-text.status-new[b-ea0tnu4nga] {
    background: #3b82f6;
}

.status-text.status-open[b-ea0tnu4nga] {
    background: #10b981;
}

.status-text.status-in-progress[b-ea0tnu4nga] {
    background: #f59e0b;
}

.status-text.status-assigned[b-ea0tnu4nga] {
    background: #8b5cf6;
}

.status-text.status-resolved[b-ea0tnu4nga],
.status-text.status-done[b-ea0tnu4nga],
.status-text.status-closed[b-ea0tnu4nga],
.status-text.status-completed[b-ea0tnu4nga] {
    background: #6b7280;
}

.status-text.status-deleted[b-ea0tnu4nga] {
    background: #b91c1c;
}

/* Enhanced Ticket Management Styles */

/* Search and Filter Section */
.search-and-filters[b-ea0tnu4nga] {
    background: #1e293b;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem;
    padding: 1.5rem;
}

.search-section[b-ea0tnu4nga] {
    margin-bottom: 1.5rem;
}

.search-container[b-ea0tnu4nga] {
    position: relative;
    max-width: 600px;
}

.search-input[b-ea0tnu4nga] {
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 2.5rem;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.2s ease;
    background: #1e293b;
}

.search-input:focus[b-ea0tnu4nga] {
    outline: none;
    border-color: #3b82f6;
    background: #1e293b;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.search-icon[b-ea0tnu4nga] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem;
    color: #64748b;
    pointer-events: none;
}

.search-clear[b-ea0tnu4nga] {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 4px;
    color: #64748b;
    transition: background-color 0.2s ease;
}

.search-clear:hover[b-ea0tnu4nga] {
    background: #1e293b;
}

.clear-icon[b-ea0tnu4nga] {
    width: 1rem;
    height: 1rem;
}

/* Bulk Actions */
.bulk-actions[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.selected-count[b-ea0tnu4nga] {
    font-weight: 500;
    color: #1d4ed8;
}

.bulk-assign-select[b-ea0tnu4nga],
.bulk-status-select[b-ea0tnu4nga] {
    padding: 0.5rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #1e293b;
    font-size: 0.875rem;
}

/* View Controls */
.view-controls[b-ea0tnu4nga] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.sort-controls[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sort-controls label[b-ea0tnu4nga] {
    font-weight: 500;
    color: #cbd5e1;
}

.sort-controls select[b-ea0tnu4nga] {
    padding: 0.5rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #1e293b;
}

.export-controls .btn-secondary[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Enhanced Filters */
.priority-indicator[b-ea0tnu4nga],
.category-indicator[b-ea0tnu4nga] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.priority-indicator.priority-high[b-ea0tnu4nga] {
    background: #ef4444;
}

.priority-indicator.priority-medium[b-ea0tnu4nga] {
    background: #f59e0b;
}

.priority-indicator.priority-low[b-ea0tnu4nga] {
    background: #10b981;
}

.category-indicator[b-ea0tnu4nga] {
    background: #6366f1;
}

.category-filters[b-ea0tnu4nga] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.5rem;
}

.date-filters[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.date-input[b-ea0tnu4nga] {
    padding: 0.5rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
}

.date-separator[b-ea0tnu4nga] {
    color: #64748b;
    font-weight: 500;
}

.btn-link[b-ea0tnu4nga] {
    background: none;
    border: none;
    color: #3b82f6;
    text-decoration: underline;
    cursor: pointer;
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
}

.btn-link:hover[b-ea0tnu4nga] {
    color: #1d4ed8;
}

/* Enhanced Table Headers */
.ticket-headers.with-bulk-actions[b-ea0tnu4nga] {
    grid-template-columns: 40px 60px minmax(250px, 1fr) 160px 100px 80px 90px 120px 80px 120px;
}

.header-select[b-ea0tnu4nga],
.header-actions[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #cbd5e1;
}

/* Enhanced Ticket Rows */
.ticket-row.with-bulk-actions[b-ea0tnu4nga] {
    grid-template-columns: 40px 60px minmax(250px, 1fr) 160px 100px 80px 90px 120px 80px 120px;
}

.ticket-row.selected[b-ea0tnu4nga] {
    background-color: #eff6ff;
    border-left: 4px solid #3b82f6;
}

.ticket-select[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ticket-select input[type="checkbox"][b-ea0tnu4nga] {
    transform: scale(1.1);
    cursor: pointer;
}

/* Quick Actions */
.quick-assign-select[b-ea0tnu4nga],
.status-quick-change[b-ea0tnu4nga] {
    padding: 0.25rem 0.5rem;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    font-size: 0.75rem;
    background: #1e293b;
    max-width: 120px;
}

.quick-assign-select:focus[b-ea0tnu4nga],
.status-quick-change:focus[b-ea0tnu4nga] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

.action-buttons[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-icon[b-ea0tnu4nga] {
    background: none;
    border: none;
    padding: 0.375rem;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-icon:hover[b-ea0tnu4nga] {
    background: #1e293b;
}

.action-icon[b-ea0tnu4nga] {
    width: 1rem;
    height: 1rem;
    color: #64748b;
}

.btn-icon:hover .action-icon[b-ea0tnu4nga] {
    color: #cbd5e1;
}

/* Responsive Design for Enhanced Features */
@media (max-width: 1200px) {
    .view-controls[b-ea0tnu4nga] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .category-filters[b-ea0tnu4nga] {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
    
    .ticket-headers.with-bulk-actions[b-ea0tnu4nga] {
        grid-template-columns: 40px 60px minmax(200px, 1fr) 140px 80px 70px 80px 100px 60px 100px;
    }
    
    .ticket-row.with-bulk-actions[b-ea0tnu4nga] {
        grid-template-columns: 40px 60px minmax(200px, 1fr) 140px 80px 70px 80px 100px 60px 100px;
    }
}

@media (max-width: 768px) {
    .search-and-filters[b-ea0tnu4nga] {
        padding: 1rem;
    }
    
    .bulk-actions[b-ea0tnu4nga] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .date-filters[b-ea0tnu4nga] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* SLA Column Styles */
.header-sla[b-ea0tnu4nga] {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header-created.header-sla[b-ea0tnu4nga] {
    padding-left: 0;
}

.header-sla:hover[b-ea0tnu4nga] {
    background-color: rgba(59, 130, 246, 0.1);
}

.sort-indicator[b-ea0tnu4nga] {
    font-size: 0.75rem;
    color: #3b82f6;
}

.ticket-sla[b-ea0tnu4nga] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
    min-width: 160px;
    white-space: nowrap;
    overflow: visible;
}

.sla-text[b-ea0tnu4nga] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.sla-time[b-ea0tnu4nga] {
    font-size: 0.7rem;
    font-weight: 600;
    opacity: 1;
    color: rgba(255, 255, 255, 0.9);
}

/* Dark mode SLA time */
.sla-time[b-ea0tnu4nga] {
    opacity: 1;
    color: rgba(255, 255, 255, 0.8);
}

/* SLA Color Classes */
.sla-good[b-ea0tnu4nga] {
    background: #10b981;
    color: #ffffff;
    border: 1px solid #10b981;
}

.sla-warning[b-ea0tnu4nga] {
    background: #f59e0b;
    color: #ffffff;
    border: 1px solid #f59e0b;
}

.sla-critical[b-ea0tnu4nga] {
    background: #f97316;
    color: #ffffff;
    border: 1px solid #f97316;
}

.sla-overdue[b-ea0tnu4nga] {
    background: #ef4444;
    color: #ffffff;
    border: 1px solid #ef4444;
}

.sla-closed[b-ea0tnu4nga] {
    background: #6b7280;
    color: #ffffff;
    border: 1px solid #6b7280;
}

/* Dark mode SLA colors */
.sla-good[b-ea0tnu4nga] {
    background: #10b981;
    color: #ffffff;
    border: 1px solid #10b981;
}

.sla-warning[b-ea0tnu4nga] {
    background: #f59e0b;
    color: #ffffff;
    border: 1px solid #f59e0b;
}

.sla-critical[b-ea0tnu4nga] {
    background: #f97316;
    color: #ffffff;
    border: 1px solid #f97316;
}

.sla-overdue[b-ea0tnu4nga] {
    background: #ef4444;
    color: #ffffff;
    border: 1px solid #ef4444;
}

.sla-closed[b-ea0tnu4nga] {
    background: #6b7280;
    color: #ffffff;
    border: 1px solid #6b7280;
}

/* Dark mode status styles */
.ticket-status.status-new[b-ea0tnu4nga] {
    background: #3b82f6;
    color: #ffffff;
    border-radius: 50px;
}

.ticket-status.status-open[b-ea0tnu4nga] {
    background: #10b981;
    color: #ffffff;
    border-radius: 50px;
}

.ticket-status.status-progress[b-ea0tnu4nga],
.ticket-status.status-in-progress[b-ea0tnu4nga] {
    background: #f59e0b;
    color: #ffffff;
    border-radius: 50px;
}

.ticket-status.status-assigned[b-ea0tnu4nga] {
    background: #8b5cf6;
    color: #ffffff;
    border-radius: 50px;
}

.ticket-status.status-resolved[b-ea0tnu4nga],
.ticket-status.status-done[b-ea0tnu4nga],
.ticket-status.status-closed[b-ea0tnu4nga],
.ticket-status.status-completed[b-ea0tnu4nga] {
    background: #6b7280;
    color: #ffffff;
    border-radius: 50px;
}

/* Dark mode status styles */
.ticket-status.status-new[b-ea0tnu4nga] {
    background: #3b82f6;
    color: #ffffff;
    border-radius: 50px;
}

.ticket-status.status-open[b-ea0tnu4nga] {
    background: #10b981;
    color: #ffffff;
    border-radius: 50px;
}

.ticket-status.status-progress[b-ea0tnu4nga],
.ticket-status.status-in-progress[b-ea0tnu4nga] {
    background: #f59e0b;
    color: #ffffff;
    border-radius: 50px;
}

.ticket-status.status-assigned[b-ea0tnu4nga] {
    background: #8b5cf6;
    color: #ffffff;
    border-radius: 50px;
}

.ticket-status.status-resolved[b-ea0tnu4nga],
.ticket-status.status-done[b-ea0tnu4nga],
.ticket-status.status-closed[b-ea0tnu4nga],
.ticket-status.status-completed[b-ea0tnu4nga] {
    background: #6b7280;
    color: #ffffff;
    border-radius: 50px;
}

/* Settings Link Section */
.settings-link-section[b-ea0tnu4nga] {
    background: #1e293b;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 24px;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
}

.settings-info[b-ea0tnu4nga] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    color: #64748b;
}

.settings-icon[b-ea0tnu4nga] {
    width: 16px;
    height: 16px;
    color: #2563eb;
    flex-shrink: 0;
}

.settings-link[b-ea0tnu4nga] {
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}

.settings-link:hover[b-ea0tnu4nga] {
    color: #1d4ed8;
    text-decoration: underline;
}

.settings-link-section[b-ea0tnu4nga] {
    background: #374151;
    border-color: #94a3b8;
}

.settings-info[b-ea0tnu4nga] {
    color: #d1d5db;
}

.settings-link[b-ea0tnu4nga] {
    color: #60a5fa;
}

.settings-link:hover[b-ea0tnu4nga] {
    color: #93c5fd;
}

/* Responsive breakpoints to prevent column overlap */
@media (max-width: 1400px) {
    .ticket-headers[b-ea0tnu4nga] {
        grid-template-columns: 70px minmax(170px, 1fr) 210px 110px 120px 160px 120px 120px 80px 35px 30px;
        gap: 1rem;
    }
    
    .ticket-headers.with-assigned-to[b-ea0tnu4nga] {
        grid-template-columns: 70px minmax(170px, 1fr) 210px 110px 120px 160px 120px 120px 80px 105px 35px 30px;
    }
    
    .ticket-row[b-ea0tnu4nga] {
        grid-template-columns: 70px minmax(170px, 1fr) 210px 110px 120px 160px 120px 120px 80px 35px 30px;
        gap: 1rem;
    }
    
    .ticket-row.with-assigned-to[b-ea0tnu4nga] {
        grid-template-columns: 70px minmax(170px, 1fr) 210px 110px 120px 160px 120px 120px 80px 105px 35px 30px;
    }
}

@media (max-width: 1200px) {
    .ticket-headers[b-ea0tnu4nga] {
        grid-template-columns: 60px minmax(220px, 1fr) 190px 100px 120px 150px 100px 100px 80px 35px 30px;
        gap: 0.75rem;
    }
    
    .ticket-headers.with-assigned-to[b-ea0tnu4nga] {
        grid-template-columns: 60px minmax(220px, 1fr) 190px 100px 120px 150px 100px 100px 80px 95px 35px 30px;
    }
    
    .ticket-row[b-ea0tnu4nga] {
        grid-template-columns: 60px minmax(220px, 1fr) 190px 100px 120px 150px 100px 100px 80px 35px 30px;
        gap: 0.75rem;
    }
    
    .ticket-row.with-assigned-to[b-ea0tnu4nga] {
        grid-template-columns: 60px minmax(220px, 1fr) 190px 100px 120px 150px 100px 100px 80px 95px 35px 30px;
    }
    
    .ticket-headers[b-ea0tnu4nga], .ticket-row[b-ea0tnu4nga] {
        font-size: 0.85rem;
    }
}

@media (max-width: 1000px) {
    /* Hide less important columns on smaller screens */
    .ticket-headers[b-ea0tnu4nga] {
        grid-template-columns: 60px minmax(270px, 1fr) 120px 150px 100px 80px;
    }
    
    .ticket-headers.with-assigned-to[b-ea0tnu4nga] {
        grid-template-columns: 60px minmax(270px, 1fr) 120px 150px 100px 120px 80px;
    }
    
    .ticket-row[b-ea0tnu4nga] {
        grid-template-columns: 60px minmax(270px, 1fr) 120px 150px 100px 80px;
    }
    
    .ticket-row.with-assigned-to[b-ea0tnu4nga] {
        grid-template-columns: 60px minmax(270px, 1fr) 120px 150px 100px 120px 80px;
    }
    
    /* Hide type, dealership, department, hours, and delete columns on smaller screens */
    .header-type[b-ea0tnu4nga],
    .ticket-type[b-ea0tnu4nga],
    .header-dealership[b-ea0tnu4nga],
    .ticket-dealership[b-ea0tnu4nga],
    .header-department[b-ea0tnu4nga],
    .ticket-department[b-ea0tnu4nga],
    .header-hours[b-ea0tnu4nga],
    .ticket-hours[b-ea0tnu4nga],
    .header-delete[b-ea0tnu4nga],
    .ticket-delete[b-ea0tnu4nga] {
        display: none;
    }
}

/* Ensure title always has proper text overflow behavior */
.ticket-title-compact[b-ea0tnu4nga] {
    min-width: 0 !important;
    max-width: 100%;
}

/* Gear icon definition for settings */
    .gear-icon[b-ea0tnu4nga] {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
    }

    .team-member-dropdown[b-ea0tnu4nga] {
        margin-top: 2px;
        margin-left: 1.5rem;
    }
    
    .team-member-dropdown .form-select[b-ea0tnu4nga] {
        width: 280px;
        max-width: 100%;
        padding: 0.5rem;
        border: 1px solid #d1d5db;
        border-radius: 0.375rem;
        font-size: 0.875rem;
        background-color: #1e293b;
        color: #cbd5e1;
    }
    
    [data-theme="dark"] .team-member-dropdown .form-select[b-ea0tnu4nga],
    .team-member-dropdown .form-select[b-ea0tnu4nga] {
        background-color: #cbd5e1;
        border-color: #94a3b8;
        color: #f3f4f6;
    }
    
    [data-theme="dark"] .team-member-dropdown .form-select option[b-ea0tnu4nga],
    .team-member-dropdown .form-select option[b-ea0tnu4nga] {
        background-color: #cbd5e1;
        color: #f3f4f6;
    }

/* Fix responsive layout issues */
    .my-it-tickets-page[b-ea0tnu4nga],
    .page-container[b-ea0tnu4nga] {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    @@media (max-width: 1200px) {
        .my-it-tickets-page[b-ea0tnu4nga],
        .page-container[b-ea0tnu4nga] {
            padding: 0;
        }
    }
    
    @@media (max-width: 768px) {
        .my-it-tickets-page[b-ea0tnu4nga],
        .page-container[b-ea0tnu4nga] {
            padding: 0;
        }
    }
    
    /* Page layout - Full Width */
    .my-it-tickets-page[b-ea0tnu4nga],
    .page-container[b-ea0tnu4nga] {
        width: 100%;
        max-width: 100%;
        padding: 0;
        box-sizing: border-box;
    }
    
    /* Dark mode page background - Dark Navy Blue */
    html .my-it-tickets-page[b-ea0tnu4nga],
    html .page-container[b-ea0tnu4nga],
    html body[b-ea0tnu4nga],
    html.dark[b-ea0tnu4nga],
    html main[b-ea0tnu4nga],
    html .main[b-ea0tnu4nga],
    html #app[b-ea0tnu4nga],
    html .app[b-ea0tnu4nga],
    html article[b-ea0tnu4nga],
    html article.content[b-ea0tnu4nga],
    html .content[b-ea0tnu4nga],
    body .my-it-tickets-page[b-ea0tnu4nga],
    body .page-container[b-ea0tnu4nga],
    body.dark[b-ea0tnu4nga],
    body main[b-ea0tnu4nga],
    body .main[b-ea0tnu4nga],
    body #app[b-ea0tnu4nga],
    body .app[b-ea0tnu4nga],
    body article[b-ea0tnu4nga],
    body article.content[b-ea0tnu4nga],
    body .content[b-ea0tnu4nga],
    .my-it-tickets-page[b-ea0tnu4nga],
    .page-container[b-ea0tnu4nga],
    main[b-ea0tnu4nga],
    .main[b-ea0tnu4nga],
    #app[b-ea0tnu4nga],
    .app[b-ea0tnu4nga],
    article[b-ea0tnu4nga],
    article.content[b-ea0tnu4nga],
    .content[b-ea0tnu4nga] {
        background-color: #0f172a !important;
        background: #0f172a !important;
    }
    
    /* Dark mode text visibility fixes */
    html .card .card-body p.card-text[b-ea0tnu4nga],
    html .card .card-body p[b-ea0tnu4nga],
    html .card p.card-text[b-ea0tnu4nga],
    html .card p[b-ea0tnu4nga],
    html .card-text[b-ea0tnu4nga],
    html div.card div.card-body p.card-text[b-ea0tnu4nga],
    html div.card div.card-body p[b-ea0tnu4nga],
    body .card .card-body p.card-text[b-ea0tnu4nga],
    body .card .card-body p[b-ea0tnu4nga],
    body .card p.card-text[b-ea0tnu4nga],
    body .card p[b-ea0tnu4nga],
    body .card-text[b-ea0tnu4nga],
    body div.card div.card-body p.card-text[b-ea0tnu4nga],
    body div.card div.card-body p[b-ea0tnu4nga],
    .card .card-body p.card-text[b-ea0tnu4nga],
    .card .card-body p[b-ea0tnu4nga],
    .card p.card-text[b-ea0tnu4nga],
    .card p[b-ea0tnu4nga],
    .card-text[b-ea0tnu4nga],
    div.card div.card-body p.card-text[b-ea0tnu4nga],
    div.card div.card-body p[b-ea0tnu4nga] {
        color: #e2e8f0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }
    
    /* Dark mode button fixes */
    html .btn[b-ea0tnu4nga],
    html .btn *[b-ea0tnu4nga],
    html .card .btn[b-ea0tnu4nga],
    html .card .btn *[b-ea0tnu4nga],
    body .btn[b-ea0tnu4nga],
    body .btn *[b-ea0tnu4nga],
    body .card .btn[b-ea0tnu4nga],
    body .card .btn *[b-ea0tnu4nga],
    .btn[b-ea0tnu4nga],
    .btn *[b-ea0tnu4nga],
    .card .btn[b-ea0tnu4nga],
    .card .btn *[b-ea0tnu4nga] {
        color: unset !important;
    }
    
    html .btn-outline-primary[b-ea0tnu4nga],
    html .card .btn-outline-primary[b-ea0tnu4nga],
    body .btn-outline-primary[b-ea0tnu4nga],
    body .card .btn-outline-primary[b-ea0tnu4nga],
    .btn-outline-primary[b-ea0tnu4nga],
    .card .btn-outline-primary[b-ea0tnu4nga] {
        color: #60a5fa !important;
        border-color: #60a5fa !important;
        background-color: transparent !important;
    }
    
    html .btn-outline-primary:hover[b-ea0tnu4nga],
    html .card .btn-outline-primary:hover[b-ea0tnu4nga],
    body .btn-outline-primary:hover[b-ea0tnu4nga],
    body .card .btn-outline-primary:hover[b-ea0tnu4nga],
    .btn-outline-primary:hover[b-ea0tnu4nga],
    .card .btn-outline-primary:hover[b-ea0tnu4nga] {
        color: #ffffff !important;
        background-color: #60a5fa !important;
        border-color: #60a5fa !important;
    }

/* Prevent icon flash on page load - constrain but don't enlarge */
    .my-it-tickets-page svg[b-ea0tnu4nga],
    .page-container svg[b-ea0tnu4nga] {
        max-width: 3rem;
        max-height: 3rem;
    }
    
    .btn svg[b-ea0tnu4nga] {
        max-width: 1rem !important;
        max-height: 1rem !important;
    }

.filters-section td:nth-child(1)[b-ea0tnu4nga] {
                            padding-right: 20px !important;
                        }
                        .filters-section td:nth-child(2)[b-ea0tnu4nga] {
                            padding-right: 20px !important;
                        }
                        .filters-section td:nth-child(3)[b-ea0tnu4nga] {
                            padding-right: 8px !important;
                        }
/* _content/YAGServiceDesk/Pages/ITSupport/PriorityAnalysisReport.razor.rz.scp.css */
.page-container svg[b-oiomi310xd] { max-width: 3rem; max-height: 3rem; }

    .page-container[b-oiomi310xd] {
        width: 100%;
        max-width: 100%;
        padding: 0 0 2rem;
        box-sizing: border-box;
    }

    .sticky-header[b-oiomi310xd] {
        position: sticky;
        top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
        z-index: 100;
        background: #0f172a;
        padding-top: 15px;
        margin-top: -15px;
        padding-bottom: 8px;
        border-bottom: 1px solid #1e293b;
    }

    .stat-card[b-oiomi310xd] {
        background: #1e293b;
        border-radius: 12px;
        padding: 1.25rem 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        border: 1px solid #334155;
        height: 100%;
    }

    .stat-label[b-oiomi310xd] { font-size: 0.78rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.06em; }
    .stat-value[b-oiomi310xd] { font-size: 2rem; font-weight: 700; color: #f1f5f9; line-height: 1.1; }
    .stat-sub[b-oiomi310xd]   { font-size: 0.73rem; color: #64748b; }

    .chart-card[b-oiomi310xd] {
        background: #1e293b;
        border-radius: 12px;
        padding: 1.25rem 1.5rem;
        border: 1px solid #334155;
        height: 100%;
    }

    .chart-title[b-oiomi310xd] {
        font-size: 0.82rem;
        font-weight: 600;
        color: #94a3b8;
        margin-bottom: 0.9rem;
        text-transform: uppercase;
        letter-spacing: 0.07em;
    }

    .filter-bar[b-oiomi310xd] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        flex-wrap: wrap;
        margin-bottom: 1.5rem;
    }

    .filter-bar-label[b-oiomi310xd] { font-size: 0.85rem; color: #94a3b8; white-space: nowrap; }

    .filter-bar select[b-oiomi310xd] {
        background: #0f172a;
        color: #e2e8f0;
        border: 1px solid #334155;
        border-radius: 6px;
        padding: 0.35rem 0.75rem;
        font-size: 0.85rem;
        outline: none;
        cursor: pointer;
    }
    .filter-bar select:focus[b-oiomi310xd] { border-color: #7c3aed; }

    .pri-table[b-oiomi310xd] { width: 100%; border-collapse: collapse; font-size: 0.88rem; }

    .pri-table thead th[b-oiomi310xd] {
        color: #64748b;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        padding: 0.5rem 0.75rem;
        border-bottom: 1px solid #334155;
        text-align: left;
        white-space: nowrap;
    }

    .pri-table thead th.num[b-oiomi310xd] { text-align: right; }

    .pri-table tbody tr[b-oiomi310xd] {
        border-bottom: 1px solid #1e3a5f22;
        transition: background 0.1s;
    }

    .pri-table tbody tr:hover[b-oiomi310xd] { background: #0f172a55; }
    .pri-table tbody td[b-oiomi310xd] { padding: 0.55rem 0.75rem; color: #e2e8f0; }

    .pri-table tbody td.num[b-oiomi310xd] {
        text-align: right;
        font-variant-numeric: tabular-nums;
        color: #94a3b8;
    }

    .pill[b-oiomi310xd] { display: inline-block; padding: 0.15rem 0.55rem; border-radius: 999px; font-size: 0.72rem; font-weight: 600; }
    .pill-red[b-oiomi310xd]      { background: #450a0a; color: #f87171; }
    .pill-yellow[b-oiomi310xd]   { background: #422006; color: #fbbf24; }
    .pill-green[b-oiomi310xd]    { background: #064e3b; color: #34d399; }
    .pill-blue[b-oiomi310xd]     { background: #1e3a5f; color: #60a5fa; }

    .bar-bg[b-oiomi310xd] {
        background: #0f172a;
        border-radius: 999px;
        height: 8px;
        overflow: hidden;
        margin-top: 4px;
    }

    .bar-fill[b-oiomi310xd] {
        height: 100%;
        border-radius: 999px;
    }

    .loading-state[b-oiomi310xd] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4rem 0;
        color: #94a3b8;
        gap: 0.75rem;
    }
/* _content/YAGServiceDesk/Pages/ITSupport/SLAPerformanceReport.razor.rz.scp.css */
/* Prevent icon flash */
    .page-container svg[b-5t8pkme45x] { max-width: 3rem; max-height: 3rem; }

    .page-container[b-5t8pkme45x] {
        width: 100%;
        max-width: 100%;
        padding: 0 0 2rem;
        box-sizing: border-box;
    }

    .sticky-header[b-5t8pkme45x] {
        position: sticky;
        top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
        z-index: 100;
        background: #0f172a;
        padding-top: 15px;
        margin-top: -15px;
        padding-bottom: 8px;
        border-bottom: 1px solid #1e293b;
    }

    .stat-card[b-5t8pkme45x] {
        background: #1e293b;
        border-radius: 12px;
        padding: 1.25rem 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        border: 1px solid #334155;
        height: 100%;
    }

    .stat-label[b-5t8pkme45x] {
        font-size: 0.78rem;
        color: #94a3b8;
        text-transform: uppercase;
        letter-spacing: 0.06em;
    }

    .stat-value[b-5t8pkme45x] {
        font-size: 2rem;
        font-weight: 700;
        color: #f1f5f9;
        line-height: 1.1;
    }

    .stat-sub[b-5t8pkme45x] {
        font-size: 0.73rem;
        color: #64748b;
    }

    .chart-card[b-5t8pkme45x] {
        background: #1e293b;
        border-radius: 12px;
        padding: 1.25rem 1.5rem;
        border: 1px solid #334155;
        height: 100%;
    }

    .chart-title[b-5t8pkme45x] {
        font-size: 0.82rem;
        font-weight: 600;
        color: #94a3b8;
        margin-bottom: 0.9rem;
        text-transform: uppercase;
        letter-spacing: 0.07em;
    }

    .filter-bar[b-5t8pkme45x] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        flex-wrap: wrap;
        margin-bottom: 1.5rem;
    }

    .filter-bar-label[b-5t8pkme45x] {
        font-size: 0.85rem;
        color: #94a3b8;
        white-space: nowrap;
    }

    .filter-bar select[b-5t8pkme45x] {
        background: #0f172a;
        color: #e2e8f0;
        border: 1px solid #334155;
        border-radius: 6px;
        padding: 0.35rem 0.75rem;
        font-size: 0.85rem;
        outline: none;
        cursor: pointer;
    }

    .filter-bar select:focus[b-5t8pkme45x] { border-color: #0284c7; }

    /* Compliance meter */
    .compliance-meter[b-5t8pkme45x] {
        height: 8px;
        border-radius: 999px;
        background: #334155;
        overflow: hidden;
        margin-top: 0.5rem;
    }

    .compliance-fill[b-5t8pkme45x] {
        height: 100%;
        border-radius: 999px;
        transition: width 0.4s ease;
    }

    /* Breach table */
    .breach-table[b-5t8pkme45x] {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.88rem;
    }

    .breach-table thead th[b-5t8pkme45x] {
        color: #64748b;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        padding: 0.5rem 0.75rem;
        border-bottom: 1px solid #334155;
        text-align: left;
        white-space: nowrap;
    }

    .breach-table thead th.num[b-5t8pkme45x] { text-align: right; }

    .breach-table tbody tr[b-5t8pkme45x] {
        border-bottom: 1px solid #1e3a5f22;
        transition: background 0.1s;
    }

    .breach-table tbody tr:hover[b-5t8pkme45x] { background: #0f172a55; }

    .breach-table tbody td[b-5t8pkme45x] {
        padding: 0.55rem 0.75rem;
        color: #e2e8f0;
    }

    .breach-table tbody td.num[b-5t8pkme45x] {
        text-align: right;
        font-variant-numeric: tabular-nums;
        color: #94a3b8;
    }

    .breach-table tbody td.overdue[b-5t8pkme45x] {
        color: #f87171;
        font-weight: 600;
        text-align: right;
    }

    .pill[b-5t8pkme45x] { display: inline-block; padding: 0.15rem 0.55rem; border-radius: 999px; font-size: 0.72rem; font-weight: 600; }
    .pill-green[b-5t8pkme45x]  { background: #064e3b; color: #34d399; }
    .pill-blue[b-5t8pkme45x]   { background: #1e3a5f; color: #60a5fa; }
    .pill-yellow[b-5t8pkme45x] { background: #422006; color: #fbbf24; }
    .pill-red[b-5t8pkme45x]    { background: #450a0a; color: #f87171; }

    .loading-state[b-5t8pkme45x] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4rem 0;
        color: #94a3b8;
        gap: 0.75rem;
    }
/* _content/YAGServiceDesk/Pages/ITSupport/TicketDetails.razor.rz.scp.css */
/* Pierce child component boundaries for Heroicon SVGs */
[b-9gh73xhgf9] svg.empty-icon { width: 1.5rem !important; height: 1.5rem !important; display: block; margin: 0 auto 1rem; opacity: 0.5; }
[b-9gh73xhgf9] svg.card-icon  { width: 1.25rem !important; height: 1.25rem !important; }
[b-9gh73xhgf9] svg.btn-icon   { width: 1rem !important; height: 1rem !important; }
[b-9gh73xhgf9] svg.follow-up-icon { width: 1.25rem !important; height: 1.25rem !important; flex-shrink: 0; }

[data-theme="dark"] .btn-outline-secondary .btn-icon[b-9gh73xhgf9],
.btn-outline-secondary .btn-icon[b-9gh73xhgf9] {
    color: #60a5fa !important;
}

[data-theme="dark"] .btn-outline-secondary:hover .btn-icon[b-9gh73xhgf9],
.btn-outline-secondary:hover .btn-icon[b-9gh73xhgf9] {
    color: #ffffff !important;
}
/* Ensure .btn-icon is visible in dark mode */
[data-theme="dark"] .btn-icon[b-9gh73xhgf9],
.btn-icon[b-9gh73xhgf9] {
    color: #d1d5db !important;
}

[data-theme="dark"] .btn-outline-secondary:hover .btn-icon[b-9gh73xhgf9],
.btn-outline-secondary:hover .btn-icon[b-9gh73xhgf9] {
    color: #ffffff !important;
}
/* Ticket Details Page Styles */

.page-container[b-9gh73xhgf9] {
    max-width: 100%;
    margin: 0;
    padding: 0 0 1.5rem;
    background: #0f172a;
    min-height: 100vh;
    color: #f1f5f9;
    overflow-x: hidden;
}

.page-container:has(.ticket-details-layout)[b-9gh73xhgf9] {
    min-height: 0;
    padding-bottom: 0;
}

/* Loading and Error States */
.loading-state[b-9gh73xhgf9], .error-state[b-9gh73xhgf9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.spinner[b-9gh73xhgf9] {
    width: 40px;
    height: 40px;
    border: 3px solid #e5e7eb;
    border-top: 3px solid #3b82f6;
    border-radius: 50%;
    animation: spin-b-9gh73xhgf9 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-9gh73xhgf9 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.error-icon[b-9gh73xhgf9] {
    width: 4rem;
    height: 4rem;
    color: #ef4444;
    margin-bottom: 1rem;
}

/* Header Styles */
.ticket-details-layout[b-9gh73xhgf9] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 15px - 2.5rem);
    max-height: calc(100vh - 15px - 2.5rem);
    min-height: 0;
    overflow: hidden;
}

.ticket-detail-header[b-9gh73xhgf9] {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    padding: 1.5rem;
    border-radius: 12px;
    margin-bottom: 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
    z-index: 10;
}

.ticket-detail-body[b-9gh73xhgf9] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 1.25rem;
    padding-bottom: 1.5rem;
    -webkit-overflow-scrolling: touch;
}

.header-top[b-9gh73xhgf9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.btn-back[b-9gh73xhgf9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
    transition: all 0.2s ease;
    cursor: pointer;
}

.btn-back:hover[b-9gh73xhgf9] {
    background: rgba(255, 255, 255, 0.3);
}

.btn-icon[b-9gh73xhgf9] {
    width: 1rem;
    height: 1rem;
}

.ticket-actions[b-9gh73xhgf9] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

/* Improved button contrast for ticket detail header */
.ticket-detail-header .btn-outline-primary[b-9gh73xhgf9] {
    background: #0f172a !important;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.6) !important;
    font-weight: 600;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

.ticket-detail-header .btn-outline-primary:hover[b-9gh73xhgf9] {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.9) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.ticket-detail-header .btn-outline-secondary[b-9gh73xhgf9] {
    background: #6b7280 !important;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.6) !important;
    font-weight: 600;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

.ticket-detail-header .btn-outline-secondary:hover[b-9gh73xhgf9] {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.9) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.btn-primary[b-9gh73xhgf9], .btn-secondary[b-9gh73xhgf9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
    cursor: pointer;
    border: none;
}

.btn-primary[b-9gh73xhgf9] {
    background: #10b981;
    color: white;
}

.btn-primary:hover[b-9gh73xhgf9] {
    background: #059669;
}

.btn-secondary[b-9gh73xhgf9] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

.btn-secondary:hover[b-9gh73xhgf9] {
    background: rgba(255, 255, 255, 0.3);
}

.ticket-badge-row[b-9gh73xhgf9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.ticket-id[b-9gh73xhgf9] {
    font-size: 0.875rem;
    font-weight: 600;
    opacity: 0.9;
}

.badge-group[b-9gh73xhgf9] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.status-badge[b-9gh73xhgf9], .priority-badge[b-9gh73xhgf9], .category-badge[b-9gh73xhgf9], .sla-badge[b-9gh73xhgf9], .resolution-badge[b-9gh73xhgf9] {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-open[b-9gh73xhgf9] { background: #fef3c7; color: #92400e; }
.status-in-progress[b-9gh73xhgf9] { background: #dbeafe; color: #1e40af; }
.status-resolved[b-9gh73xhgf9] { background: #d1fae5; color: #065f46; }
.status-closed[b-9gh73xhgf9] { background: #1e293b; color: #cbd5e1; }

.resolution-resolved[b-9gh73xhgf9] { background: #d1fae5; color: #065f46; }
.resolution-not-resolved[b-9gh73xhgf9] { background: #fef3c7; color: #92400e; }

.priority-low[b-9gh73xhgf9] { background: #ecfdf5; color: #065f46; }
.priority-medium[b-9gh73xhgf9] { background: #fef3c7; color: #92400e; }
.priority-high[b-9gh73xhgf9] { background: #fecaca; color: #991b1b; }
.priority-critical[b-9gh73xhgf9] { background: #fde2e8; color: #9b1c1c; }

.category-badge[b-9gh73xhgf9] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

/* SLA Badge Styles */
.sla-good[b-9gh73xhgf9] { background: #d1fae5; color: #065f46; }
.sla-warning[b-9gh73xhgf9] { background: #fef3c7; color: #92400e; }
.sla-critical[b-9gh73xhgf9] { background: #fecaca; color: #991b1b; }
.sla-overdue[b-9gh73xhgf9] { background: #fde2e8; color: #9b1c1c; }
.sla-none[b-9gh73xhgf9] { background: #1e293b; color: #64748b; }

.ticket-title[b-9gh73xhgf9] {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    line-height: 1.3;
    color: var(--bs-body-color, #1f2937);
}

[data-theme="dark"] .ticket-title[b-9gh73xhgf9],
.ticket-title[b-9gh73xhgf9] {
    color: #f3f4f6;
}

.ticket-meta[b-9gh73xhgf9] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.meta-item[b-9gh73xhgf9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    opacity: 1;
    font-weight: 500;
    color: #ffffff;
}

.meta-icon[b-9gh73xhgf9] {
    width: 1rem;
    height: 1rem;
    color: #ffffff;
}

/* Content Layout */
.ticket-content[b-9gh73xhgf9] {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 2rem;
}

.content-main[b-9gh73xhgf9] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Card Styles */
.detail-card[b-9gh73xhgf9], .sidebar-card[b-9gh73xhgf9] {
    background: #1e293b;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.card-header[b-9gh73xhgf9] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
    background: #3b0764;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-title[b-9gh73xhgf9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: #e2e8f0;
    margin: 0;
}

.card-icon[b-9gh73xhgf9] {
    width: 1.25rem;
    height: 1.25rem;
    color: #64748b;
}

.card-content[b-9gh73xhgf9] {
    padding: 1.5rem;
}

.btn-outline[b-9gh73xhgf9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: transparent;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    color: #64748b;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-outline:hover[b-9gh73xhgf9] {
    background: #1e293b;
    border-color: #94a3b8;
}

/* Form Styles */
.form-grid[b-9gh73xhgf9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.form-group[b-9gh73xhgf9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-label[b-9gh73xhgf9] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #cbd5e1;
}

.form-input[b-9gh73xhgf9], .form-select[b-9gh73xhgf9], .form-textarea[b-9gh73xhgf9] {
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.875rem;
    transition: border-color 0.2s ease;
}

.form-input:focus[b-9gh73xhgf9], .form-select:focus[b-9gh73xhgf9], .form-textarea:focus[b-9gh73xhgf9] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.form-textarea[b-9gh73xhgf9] {
    resize: vertical;
    min-height: 100px;
}

.form-actions[b-9gh73xhgf9] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}

/* Info Display Styles */
.info-grid[b-9gh73xhgf9] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.info-item[b-9gh73xhgf9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.info-label[b-9gh73xhgf9] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.info-value[b-9gh73xhgf9] {
    font-size: 0.9375rem;
    color: #e2e8f0;
    line-height: 1.5;
}

.info-value.description[b-9gh73xhgf9] {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-break: break-word;
    background: transparent;
    padding: 0;
    border-radius: 0;
    border: none;
}

.email-link[b-9gh73xhgf9], .phone-link[b-9gh73xhgf9] {
    color: #3b82f6;
    text-decoration: none;
}

.email-link:hover[b-9gh73xhgf9], .phone-link:hover[b-9gh73xhgf9] {
    text-decoration: underline;
}

/* Comments Styles */
.comments-list[b-9gh73xhgf9] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.comment-item[b-9gh73xhgf9] {
    background: #1e293b;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.comment-header[b-9gh73xhgf9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.comment-author[b-9gh73xhgf9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.author-icon[b-9gh73xhgf9] {
    width: 1.5rem;
    height: 1.5rem;
    color: #64748b;
}

.author-name[b-9gh73xhgf9] {
    font-weight: 600;
    color: #e2e8f0;
}

.comment-date[b-9gh73xhgf9] {
    font-size: 0.75rem;
    color: #64748b;
}

.comment-body[b-9gh73xhgf9] {
    color: #cbd5e1;
    line-height: 1.6;
    white-space: pre-wrap;
}

.empty-state[b-9gh73xhgf9] {
    text-align: center;
    padding: 2rem;
    color: #64748b;
}

.empty-icon[b-9gh73xhgf9] {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto 1rem;
    opacity: 0.5;
}

/* Custom ClockIcon component renders svg.w-4.h-4 - constrain it everywhere */

.empty-state svg[b-9gh73xhgf9] {
    width: 1.5rem !important;
    height: 1.5rem !important;
    display: block;
    margin: 0 auto 1rem;
    opacity: 0.5;
}

/* Timeline Styles */
.timeline[b-9gh73xhgf9] {
    position: relative;
}

.timeline[b-9gh73xhgf9]::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #334155;
}

.timeline-item[b-9gh73xhgf9] {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1.5rem;
}

.timeline-item:last-child[b-9gh73xhgf9] {
    margin-bottom: 0;
}

.timeline-dot[b-9gh73xhgf9] {
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid white;
    box-shadow: 0 0 0 2px #e5e7eb;
}

.timeline-dot.created[b-9gh73xhgf9] { background: #3b82f6; }
.timeline-dot.updated[b-9gh73xhgf9] { background: #f59e0b; }
.timeline-dot.completed[b-9gh73xhgf9] { background: #10b981; }

.timeline-title[b-9gh73xhgf9] {
    font-weight: 600;
    color: #e2e8f0;
    margin-bottom: 0.25rem;
}

.timeline-date[b-9gh73xhgf9] {
    font-size: 0.875rem;
    color: #64748b;
}

.timeline-user[b-9gh73xhgf9] {
    font-size: 0.75rem;
    color: #94a3b8;
}

/* Quick Actions */
.quick-actions[b-9gh73xhgf9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.action-btn[b-9gh73xhgf9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: transparent;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #cbd5e1;
    text-align: left;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.875rem;
}

.action-btn:hover[b-9gh73xhgf9] {
    background: #1e293b;
    border-color: #d1d5db;
}

.action-btn.danger[b-9gh73xhgf9] {
    color: #dc2626;
    border-color: #fecaca;
}

.action-btn.danger:hover[b-9gh73xhgf9] {
    background: #fef2f2;
}

/* Dark Mode Quick Actions */
[data-theme="dark"] .action-btn[b-9gh73xhgf9],
.action-btn[b-9gh73xhgf9] {
    background: transparent !important;
    border: 1px solid #4b5563 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .action-btn:hover[b-9gh73xhgf9],
.action-btn:hover[b-9gh73xhgf9] {
    background: #374151 !important;
    border-color: #64748b !important;
    color: #ffffff !important;
}

[data-theme="dark"] .action-btn.danger[b-9gh73xhgf9],
.action-btn.danger[b-9gh73xhgf9] {
    color: #fca5a5 !important;
    border-color: #7f1d1d !important;
}

[data-theme="dark"] .action-btn.danger:hover[b-9gh73xhgf9],
.action-btn.danger:hover[b-9gh73xhgf9] {
    background: #2d1a1a !important;
    color: #ef4444 !important;
}

[data-theme="dark"] .action-icon[b-9gh73xhgf9],
.action-icon[b-9gh73xhgf9] {
    color: #d1d5db !important;
}

[data-theme="dark"] .action-btn:hover .action-icon[b-9gh73xhgf9],
.action-btn:hover .action-icon[b-9gh73xhgf9] {
    color: #ffffff !important;
}

.action-icon[b-9gh73xhgf9] {
    width: 1rem;
    height: 1rem;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .ticket-content[b-9gh73xhgf9] {
        grid-template-columns: 1fr;
    }
    
    .content-sidebar[b-9gh73xhgf9] {
        order: -1;
    }
    
    .sidebar-card[b-9gh73xhgf9] {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 768px) {
    .page-container[b-9gh73xhgf9] {
        padding: 0 1rem 1rem;
    }
    
    .header-top[b-9gh73xhgf9] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
    
    .ticket-actions[b-9gh73xhgf9] {
        justify-content: center;
    }
    
    .ticket-badge-row[b-9gh73xhgf9] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
    
    .badge-group[b-9gh73xhgf9] {
        flex-wrap: wrap;
    }
    
    .ticket-meta[b-9gh73xhgf9] {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .form-grid[b-9gh73xhgf9] {
        grid-template-columns: 1fr;
    }
    
    .form-actions[b-9gh73xhgf9] {
        flex-direction: column-reverse;
    }
}

/* Billing Section Styles */
.billing-summary[b-9gh73xhgf9] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.billing-totals[b-9gh73xhgf9] {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    border-radius: 12px;
}

.total-hours[b-9gh73xhgf9] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hours-number[b-9gh73xhgf9] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.hours-label[b-9gh73xhgf9] {
    font-size: 0.875rem;
    opacity: 0.9;
}

.hours-breakdown[b-9gh73xhgf9] {
    display: flex;
    gap: 1.5rem;
    flex: 1;
}

.billable-hours[b-9gh73xhgf9], .non-billable-hours[b-9gh73xhgf9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
}

.hours-value[b-9gh73xhgf9] {
    font-size: 1.25rem;
    font-weight: 600;
}

.hours-type[b-9gh73xhgf9] {
    font-size: 0.75rem;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.billing-details[b-9gh73xhgf9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.billing-level-level-1[b-9gh73xhgf9] {
    color: #059669;
    font-weight: 600;
}

.billing-level-level-2[b-9gh73xhgf9] {
    color: #dc2626;
    font-weight: 600;
}

/* Follow-up Styles */
.follow-up-info[b-9gh73xhgf9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.follow-up-required[b-9gh73xhgf9], .follow-up-date[b-9gh73xhgf9], .follow-up-status[b-9gh73xhgf9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 8px;
    background: #1e293b;
    border: 1px solid #334155;
}

.follow-up-required > :first-child[b-9gh73xhgf9],
.follow-up-date > :first-child[b-9gh73xhgf9],
.follow-up-status > :first-child[b-9gh73xhgf9] {
    flex: 0 0 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    min-width: 1.25rem;
    min-height: 1.25rem;
}

.follow-up-required[b-9gh73xhgf9] {
    background: rgba(127, 29, 29, 0.22);
    border-color: rgba(248, 113, 113, 0.35);
    color: #fca5a5;
    font-weight: 600;
    font-size: 0.875rem;
}

.follow-up-required[b-9gh73xhgf9]  svg.follow-up-icon {
    color: #f87171 !important;
}

.follow-up-date[b-9gh73xhgf9],
.follow-up-status[b-9gh73xhgf9] {
    color: #e2e8f0;
}

.follow-up-date[b-9gh73xhgf9]  svg.follow-up-icon,
.follow-up-status[b-9gh73xhgf9]  svg.follow-up-icon {
    color: #94a3b8 !important;
}

.follow-up-icon[b-9gh73xhgf9] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

.follow-up-label[b-9gh73xhgf9] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.follow-up-date .follow-up-label[b-9gh73xhgf9] {
    margin-right: 0.15rem;
}

.follow-up-value[b-9gh73xhgf9] {
    font-size: 0.875rem;
    color: #e2e8f0;
    font-weight: 500;
}

.follow-up-date .follow-up-value[b-9gh73xhgf9] {
    color: #f1f5f9;
    font-weight: 600;
}

/* Attachment list */
.attachments-list[b-9gh73xhgf9] {
    margin-bottom: 0.5rem;
}

.attachment-item[b-9gh73xhgf9] {
    background: #334155;
    border: 1px solid #475569 !important;
    border-radius: 8px;
    gap: 0.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.attachment-item-body[b-9gh73xhgf9] {
    flex: 1;
    min-width: 0;
}

.attachment-name[b-9gh73xhgf9] {
    color: #f1f5f9;
    word-break: break-word;
}

.attachment-meta[b-9gh73xhgf9],
.attachment-date[b-9gh73xhgf9] {
    color: #94a3b8 !important;
}

.attachment-item .btn-outline-primary[b-9gh73xhgf9] {
    border-color: #475569;
    color: #e2e8f0;
    white-space: nowrap;
}

.attachment-item .btn-outline-primary:hover[b-9gh73xhgf9] {
    background: #1e293b;
    border-color: #64748b;
    color: #fff;
}

/* Assignment Section Styles */
.assignment-card[b-9gh73xhgf9] {
    background: #1e293b;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    margin-bottom: 2rem;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    color: #f1f5f9;
}

.assignment-section[b-9gh73xhgf9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.current-assignment[b-9gh73xhgf9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.assignment-info[b-9gh73xhgf9] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.75rem;
    background: #0f172a;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}

.assignment-label[b-9gh73xhgf9] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #475569;
}

.assignment-value[b-9gh73xhgf9] {
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.unassigned[b-9gh73xhgf9] {
    color: #dc2626;
    font-style: italic;
    font-weight: 600;
}

.assigned-user[b-9gh73xhgf9] {
    color: #047857;
    font-weight: 600;
}

.assignment-actions[b-9gh73xhgf9] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.btn-assign-me[b-9gh73xhgf9], .btn-unassign[b-9gh73xhgf9], .btn-change-assignment[b-9gh73xhgf9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    border: 1px solid;
}

.btn-assign-me[b-9gh73xhgf9] {
    background: #10b981;
    color: white;
    border-color: #10b981;
}

.btn-assign-me:hover[b-9gh73xhgf9] {
    background: #059669;
    border-color: #059669;
}

.btn-unassign[b-9gh73xhgf9] {
    background: #ef4444;
    color: white;
    border-color: #ef4444;
}

.btn-unassign:hover[b-9gh73xhgf9] {
    background: #dc2626;
    border-color: #dc2626;
}

.btn-change-assignment[b-9gh73xhgf9] {
    background: #3b82f6;
    color: white;
    border-color: #3b82f6;
}

.btn-change-assignment:hover[b-9gh73xhgf9] {
    background: #2563eb;
    border-color: #2563eb;
}

.assignment-dropdown[b-9gh73xhgf9] {
    background: #0f172a;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1rem;
    margin-top: 1rem;
}

.dropdown-header[b-9gh73xhgf9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    font-weight: 600;
    color: #e2e8f0;
}

.btn-close-dropdown[b-9gh73xhgf9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: none;
    border: none;
    color: #64748b;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s;
}

.btn-close-dropdown:hover[b-9gh73xhgf9] {
    background: #334155;
    color: #cbd5e1;
}

.assignment-options[b-9gh73xhgf9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
    max-height: 200px;
    overflow-y: auto;
}

.assignment-option[b-9gh73xhgf9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
    border: 1px solid transparent;
}

.assignment-option:hover[b-9gh73xhgf9] {
    background: #f1f5f9;
}

.assignment-option.selected[b-9gh73xhgf9] {
    background: #dbeafe;
    border-color: #3b82f6;
}

.assignment-option input[type="radio"][b-9gh73xhgf9] {
    margin: 0;
}

.user-badge[b-9gh73xhgf9] {
    background: #3b82f6;
    color: white;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-weight: 500;
    margin-left: auto;
}

.dropdown-actions[b-9gh73xhgf9] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

@media (max-width: 768px) {
    .current-assignment[b-9gh73xhgf9] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .assignment-actions[b-9gh73xhgf9] {
        width: 100%;
        justify-content: flex-start;
    }
    
    .btn-assign-me[b-9gh73xhgf9], .btn-unassign[b-9gh73xhgf9], .btn-change-assignment[b-9gh73xhgf9] {
        flex: 1;
        justify-content: center;
    }
}

/* Explicit Light Mode Support - Force bright appearance */
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) {
    .page-container[b-9gh73xhgf9] {
        background: #1e293b !important;
        color: #f1f5f9 !important;
    }
    
    .detail-card[b-9gh73xhgf9], .assignment-card[b-9gh73xhgf9] {
        background: #1e293b !important;
        border-color: #334155 !important;
        color: #f1f5f9 !important;
    }
    
    .card-header[b-9gh73xhgf9] {
        background: #3b0764 !important;
        color: #f1f5f9 !important;
        border-bottom-color: #5b21b6 !important;
    }
    
    .card-title[b-9gh73xhgf9] {
        color: #f1f5f9 !important;
    }
    
    .assignment-info[b-9gh73xhgf9] {
        background: #f1f5f9 !important;
        border-color: #cbd5e1 !important;
    }
    
    .assignment-label[b-9gh73xhgf9] {
        color: #475569 !important;
    }
    
    .assignment-value[b-9gh73xhgf9] {
        color: #0f172a !important;
    }
    
    .ticket-meta .meta-item span[b-9gh73xhgf9] {
        color: #ffffff !important;
        opacity: 1 !important;
    }
    
    .client-name[b-9gh73xhgf9], .client-email[b-9gh73xhgf9], .client-phone[b-9gh73xhgf9] {
        color: #e2e8f0 !important;
    }
    
    /* Debug info visibility */
    .debug-info[b-9gh73xhgf9] {
        color: #cbd5e1 !important;
        background: #1e293b !important;
        padding: 0.5rem !important;
        border-radius: 4px !important;
        border: 1px solid #d1d5db !important;
    }
    
    /* Client information text */
    .client-name[b-9gh73xhgf9], .client-email[b-9gh73xhgf9], .client-phone[b-9gh73xhgf9] {
        color: #f1f5f9 !important;
        font-weight: 600 !important;
    }
    
    /* Billing level text */
    .billing-level[b-9gh73xhgf9] {
        color: #f1f5f9 !important;
        font-weight: 600 !important;
    }
    
    /* Keep these sections dark even in light mode */
    .content-sidebar .sidebar-card[b-9gh73xhgf9] {
        background: #1e293b !important;
        color: #e2e8f0 !important;
        border-color: #334155 !important;
    }
    
    .content-sidebar .sidebar-card .card-header[b-9gh73xhgf9] {
        background: #0f172a !important;
        color: #e2e8f0 !important;
        border-bottom-color: #334155 !important;
    }
    
    .content-sidebar .sidebar-card .card-title[b-9gh73xhgf9] {
        color: #e2e8f0 !important;
    }
    
    .content-sidebar .timeline-title[b-9gh73xhgf9],
    .content-sidebar .timeline-date[b-9gh73xhgf9],
    .content-sidebar .timeline-user[b-9gh73xhgf9],
    .content-sidebar .action-btn span[b-9gh73xhgf9] {
        color: #e2e8f0 !important;
    }
    
    /* Billing level text */
    .billing-level[b-9gh73xhgf9] {
        color: #f1f5f9 !important;
        font-weight: 600 !important;
    }
}

/* Dark Mode Support - Updated Jan 9, 2026 15:30 */
body[b-9gh73xhgf9] {
    .page-container {
        background: #0f172a !important;
        color: #e2e8f0 !important;
    }
    
    /* Dark mode button contrast improvements for ticket detail header */
    .ticket-detail-header .btn-outline-primary[b-9gh73xhgf9] {
        background: rgba(15, 23, 42, 0.85) !important;
        color: #bfdbfe !important;
        border: 2px solid #93c5fd !important;
        font-weight: 600;
    }
    
    .ticket-detail-header .btn-outline-primary:hover[b-9gh73xhgf9] {
        background: #1e3a8a !important;
        color: #ffffff !important;
        border-color: #93c5fd !important;
        box-shadow: 0 4px 12px rgba(59, 130, 246, 0.5);
    }
    
    .ticket-detail-header .btn-outline-secondary[b-9gh73xhgf9] {
        background: #5a6b8de0 !important;
        color: #ffffff !important;
        border: 2px solid #cbd5e1 !important;
        font-weight: 600;
    }
    
    .ticket-detail-header .btn-outline-secondary:hover[b-9gh73xhgf9] {
        background: #64748b !important;
        color: #ffffff !important;
        border-color: #64748b !important;
        box-shadow: 0 4px 12px rgba(100, 116, 139, 0.5);
    }
    
    /* ALL cards must be dark in dark mode */
    .detail-card[b-9gh73xhgf9], .assignment-card[b-9gh73xhgf9], .sidebar-card[b-9gh73xhgf9] {
        background: #1e293b !important;
        border-color: #334155 !important;
        color: #e2e8f0 !important;
    }
    
    /* ALL card headers must be dark purple */
    .card-header[b-9gh73xhgf9] {
        background: #3b0764 !important;
        border-bottom-color: #334155 !important;
        color: #f1f5f9 !important;
    }

    /* Buttons inside card headers need lighter colors for contrast against dark purple */
    .card-header .btn-outline-primary[b-9gh73xhgf9] {
        color: #bfdbfe !important;
        border-color: #bfdbfe !important;
        background: transparent !important;
    }
    .card-header .btn-outline-primary:hover[b-9gh73xhgf9] {
        color: #ffffff !important;
        border-color: #ffffff !important;
        background: rgba(191, 219, 254, 0.15) !important;
    }
    .card-header .btn-outline-secondary[b-9gh73xhgf9] {
        color: #c4b5fd !important;
        border-color: #c4b5fd !important;
        background: transparent !important;
    }
    .card-header .btn-outline-secondary:hover[b-9gh73xhgf9] {
        color: #ffffff !important;
        border-color: #ffffff !important;
        background: rgba(196, 181, 253, 0.15) !important;
    }
    .card-header .btn-outline-info[b-9gh73xhgf9] {
        color: #67e8f9 !important;
        border-color: #67e8f9 !important;
        background: transparent !important;
    }
    .card-header .btn-outline-success[b-9gh73xhgf9] {
        color: #6ee7b7 !important;
        border-color: #6ee7b7 !important;
        background: transparent !important;
    }
    .card-header .btn-outline-warning[b-9gh73xhgf9] {
        color: #fde68a !important;
        border-color: #fde68a !important;
        background: transparent !important;
    }
    
    /* ALL card content must be dark */
    .card-content[b-9gh73xhgf9] {
        background: #1e293b !important;
        color: #e2e8f0 !important;
    }
    
    .card-title[b-9gh73xhgf9] {
        color: #f1f5f9 !important;
    }
    
    /* Make ALL info labels bright white */
    .info-label[b-9gh73xhgf9] {
        color: #ffffff !important;
        font-weight: 700 !important;
    }
    
    /* Make ALL text bright and readable */
    .assignment-label[b-9gh73xhgf9] {
        color: #f1f5f9 !important;
        font-weight: 700 !important;
    }
    
    .assignment-value[b-9gh73xhgf9] {
        color: #ffffff !important;
        font-weight: 700 !important;
    }
    
    .unassigned[b-9gh73xhgf9] {
        color: #fca5a5 !important;
        font-weight: 700 !important;
    }
    
    .assigned-user[b-9gh73xhgf9] {
        color: #86efac !important;
        font-weight: 700 !important;
    }
    
    /* Timeline and sidebar text */
    .timeline-title[b-9gh73xhgf9], .timeline-date[b-9gh73xhgf9], .timeline-user[b-9gh73xhgf9] {
        color: #f1f5f9 !important;
        font-weight: 600 !important;
    }
    
    /* Quick Actions text */
    .action-btn span[b-9gh73xhgf9], .quick-actions span[b-9gh73xhgf9] {
        color: #f1f5f9 !important;
        font-weight: 600 !important;
    }
    
    /* Client information links - make bright */
    .email-link[b-9gh73xhgf9], .phone-link[b-9gh73xhgf9] {
        color: #ffffff !important;
        font-weight: 700 !important;
    }
    
    .email-link:hover[b-9gh73xhgf9], .phone-link:hover[b-9gh73xhgf9] {
        color: #99ccff !important;
    }
    
    /* Billing information - make bright using dynamic class pattern */
    [class*="billing-level-"][b-9gh73xhgf9], .cost-value[b-9gh73xhgf9] {
        color: #ffffff !important;
        font-weight: 700 !important;
    }
    
    /* Debug info - make bright and override inline styles */
    .debug-info[b-9gh73xhgf9] {
        color: #ffffff !important;
        background: transparent !important;
        border: none !important;
    }
    
    /* Override inline styles on debug info */
    .debug-info[style][b-9gh73xhgf9] {
        color: #ffffff !important;
        background: transparent !important;
    }
    
    .debug-info div[b-9gh73xhgf9] {
        color: #ffffff !important;
    }
    
    /* COMPLETE ASSIGNMENT UI OVERHAUL FOR DARK MODE ONLY */
    
    /* Assignment buttons - target without class first */
    .btn-change-assignment[b-9gh73xhgf9],
    button.btn-change-assignment[b-9gh73xhgf9],
    .assignment-actions .btn-change-assignment[b-9gh73xhgf9] {
        background: #3b82f6 !important;
        color: #ffffff !important;
        border: 2px solid #2563eb !important;
        border-radius: 8px !important;
        padding: 12px 18px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5) !important;
        transition: all 0.2s ease !important;
        cursor: pointer !important;
    }
    
    /* Dropdown header - no class */
    .dropdown-header[b-9gh73xhgf9] {
        background: #1e293b !important;
        color: #ffffff !important;
        border: 2px solid #374151 !important;
        border-radius: 8px !important;
        padding: 16px 20px !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        margin-bottom: 10px !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    }
    
    /* Assignment dropdown styling - DARK MODE ONLY - Higher specificity */
    html .assignment-dropdown[b-9gh73xhgf9],
    html div[class*="assignment-dropdown"][b-9gh73xhgf9],
    html [class="assignment-dropdown"][b-9gh73xhgf9],
    body .assignment-dropdown[b-9gh73xhgf9],
    body div[class*="assignment-dropdown"][b-9gh73xhgf9],
    body [class="assignment-dropdown"][b-9gh73xhgf9] {
        background: #374151 !important;
        border: 2px solid #374151 !important;
        border-radius: 8px !important;
        color: #ffffff !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
        margin-top: 10px !important;
        overflow: hidden !important;
    }
    
    html .dropdown-header[b-9gh73xhgf9],
    html .dropdown-header span[b-9gh73xhgf9],
    html div[class*="dropdown-header"][b-9gh73xhgf9],
    html [class="dropdown-header"][b-9gh73xhgf9],
    body .dropdown-header[b-9gh73xhgf9],
    body .dropdown-header span[b-9gh73xhgf9],
    body div[class*="dropdown-header"][b-9gh73xhgf9],
    body [class="dropdown-header"][b-9gh73xhgf9] {
        background: #374151 !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 16px 20px !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        margin-bottom: 0 !important;
        box-shadow: none !important;
    }
    
    html .assignment-options[b-9gh73xhgf9],
    html div[class*="assignment-options"][b-9gh73xhgf9],
    body .assignment-options[b-9gh73xhgf9],
    body div[class*="assignment-options"][b-9gh73xhgf9] {
        background: #374151 !important;
        max-height: 300px !important;
        overflow-y: auto !important;
        padding: 0 !important;
    }
    
    html .dropdown-actions[b-9gh73xhgf9],
    body .dropdown-actions[b-9gh73xhgf9] {
        background: #374151 !important;
        border-top: none !important;
        padding: 0 16px 16px 16px !important;
        display: flex !important;
        gap: 10px !important;
        justify-content: flex-end !important;
    }
    
    .assignment-option[b-9gh73xhgf9],
    .assignment-option span[b-9gh73xhgf9] {
        background: #374151 !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 12px 20px !important;
        font-size: 14px !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        box-shadow: none !important;
    }
    
    .assignment-option:hover[b-9gh73xhgf9] {
        background: #4b5563 !important;
        color: #ffffff !important;
        border: none !important;
        box-shadow: none !important;
        transform: none !important;
    }
    
    .assignment-option.selected[b-9gh73xhgf9] {
        background: #3b82f6 !important;
        color: #ffffff !important;
        border: none !important;
        font-weight: 600 !important;
        box-shadow: none !important;
    }
    
    .assignment-option input[type="radio"][b-9gh73xhgf9] {
        background: #374151 !important;
        border: 2px solid #6b7280 !important;
        margin-right: 8px !important;
    }
    
    .assignment-option input[type="radio"]:checked[b-9gh73xhgf9] {
        background: #1e40af !important;
        border-color: #1d4ed8 !important;
    }
    
    .user-badge[b-9gh73xhgf9] {
        color: #60a5fa !important;
        background: #1e40af !important;
        padding: 2px 6px !important;
        border-radius: 4px !important;
        font-size: 12px !important;
        margin-left: 8px !important;
    }
    
    .dropdown-actions[b-9gh73xhgf9] {
        background: #374151 !important;
        border-top: none !important;
        padding: 0 16px 16px 16px !important;
        display: flex !important;
        gap: 10px !important;
        justify-content: flex-end !important;
    }
    
    /* Button overrides in assignment dropdown - DARK MODE ONLY */
    .assignment-dropdown .btn-primary[b-9gh73xhgf9] {
        background: #1e40af !important;
        color: #ffffff !important;
        border: 1px solid #1d4ed8 !important;
        border-radius: 6px !important;
        padding: 8px 16px !important;
        font-weight: 600 !important;
    }
    
    .assignment-dropdown .btn-secondary[b-9gh73xhgf9] {
        background: #374151 !important;
        color: #ffffff !important;
        border: 1px solid #4b5563 !important;
        border-radius: 6px !important;
        padding: 8px 16px !important;
        font-weight: 600 !important;
    }
    
    .btn-close-dropdown[b-9gh73xhgf9] {
        background: #dc2626 !important;
        color: #ffffff !important;
        border: 1px solid #b91c1c !important;
        border-radius: 6px !important;
        padding: 4px 8px !important;
        font-size: 18px !important;
        font-weight: bold !important;
    }
    
    .btn-close-dropdown:hover[b-9gh73xhgf9] {
        background: #b91c1c !important;
    }
    
    /* Light mode assignment dropdown styling - ensure proper visibility */
    .assignment-dropdown[b-9gh73xhgf9] {
        background: #1e293b;
        border: 2px solid #e5e7eb;
        border-radius: 8px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        margin-top: 10px;
        overflow: hidden;
    }
    
    .dropdown-header[b-9gh73xhgf9] {
        background: #1e293b;
        padding: 12px 16px;
        font-weight: 700;
    }
    
    /* FORCE LIGHT MODE OVERRIDE - SAME AS DARK MODE APPROACH */
    .assignment-dropdown[b-9gh73xhgf9] {
        background: #1e293b !important;
        border: 2px solid #e5e7eb !important;
    }
    
    .assignment-dropdown .dropdown-header[b-9gh73xhgf9] {
        background: #1e293b !important;
        border: none !important;
        color: #f1f5f9 !important;
        margin: 0 !important;
        padding: 16px 20px !important;
    }
    
    .assignment-dropdown .assignment-options[b-9gh73xhgf9] {
        background: #1e293b !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .assignment-dropdown .assignment-option[b-9gh73xhgf9] {
        background: #0f172a !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 6px !important;
        margin: 8px 16px !important;
        color: #cbd5e1 !important;
        padding: 12px 20px !important;
    }
    
    .assignment-dropdown .dropdown-actions[b-9gh73xhgf9] {
        background: #1e293b !important;
        border: none !important;
        padding: 0 16px 16px 16px !important;
    }
    
    /* LIGHT MODE - SAME APPROACH AS DARK MODE */
    .assignment-dropdown[b-9gh73xhgf9] {
        background: #1e293b !important;
        border: 2px solid #e5e7eb !important;
    }
    
    .assignment-dropdown .dropdown-header[b-9gh73xhgf9] {
        background: #1e293b !important;
        border: none !important;
        color: #f1f5f9 !important;
        margin: 0 !important;
        padding: 16px 20px !important;
    }
    
    .assignment-dropdown .assignment-options[b-9gh73xhgf9] {
        background: #1e293b !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .assignment-dropdown .assignment-option[b-9gh73xhgf9] {
        background: #0f172a !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 6px !important;
        margin: 8px 16px !important;
        color: #cbd5e1 !important;
        padding: 12px 20px !important;
    }
    
    .assignment-dropdown .dropdown-actions[b-9gh73xhgf9] {
        background: #1e293b !important;
        border: none !important;
        padding: 0 16px 16px 16px !important;
    }
    
    /* LIGHT MODE OVERRIDE */
    @media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) {
        .assignment-dropdown[b-9gh73xhgf9] {
            background: #1e293b !important;
            border: 2px solid #e5e7eb !important;
        }
        
        .assignment-dropdown .dropdown-header[b-9gh73xhgf9] {
            background: #1e293b !important;
            border: none !important;
            color: #f1f5f9 !important;
            margin: 0 !important;
            padding: 16px 20px !important;
        }
        
        .assignment-dropdown .assignment-options[b-9gh73xhgf9] {
            background: #1e293b !important;
            border: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        
        .assignment-dropdown .assignment-option[b-9gh73xhgf9] {
            background: #0f172a !important;
            border: 1px solid #e5e7eb !important;
            border-radius: 6px !important;
            margin: 8px 16px !important;
            color: #cbd5e1 !important;
            padding: 12px 20px !important;
        }
        
        .assignment-dropdown .dropdown-actions[b-9gh73xhgf9] {
            background: #1e293b !important;
            border: none !important;
            padding: 0 16px 16px 16px !important;
        }
    }
    
    /* DARK MODE ASSIGNMENT DROPDOWN */
    @media (prefers-color-scheme: dark) {
        .assignment-dropdown[b-9gh73xhgf9] {
            background: #1e293b !important;
            border: 2px solid #1e293b !important;
        }
        
        .assignment-dropdown .dropdown-header[b-9gh73xhgf9] {
            background: #1e293b !important;
            border: none !important;
            color: white !important;
            margin: 0 !important;
            padding: 16px 20px !important;
        }
        
        .assignment-dropdown .assignment-options[b-9gh73xhgf9] {
            background: #1e293b !important;
            border: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        
        .assignment-dropdown .assignment-option[b-9gh73xhgf9] {
            background: #374151 !important;
            border: 1px solid #4b5563 !important;
            border-radius: 6px !important;
            margin: 8px 16px !important;
            color: white !important;
            padding: 12px 20px !important;
        }
        
        .assignment-dropdown .dropdown-actions[b-9gh73xhgf9] {
            background: #1e293b !important;
            border: none !important;
            padding: 0 16px 16px 16px !important;
        }
    }
    
    .assignment-options[b-9gh73xhgf9] {
        background: #1e293b;
        max-height: 300px;
        overflow-y: auto;
    }
    
    .assignment-option[b-9gh73xhgf9] {
        background: #0f172a;
        border: 1px solid #e5e7eb;
        border-radius: 6px;
        margin: 4px 8px;
        padding: 12px 16px;
        cursor: pointer;
        transition: all 0.2s ease;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }
    
    .assignment-option:hover[b-9gh73xhgf9] {
        background: #f1f5f9;
        border-color: #cbd5e1;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
        transform: translateY(-1px);
    }
    
    .assignment-option.selected[b-9gh73xhgf9] {
        background: #dbeafe;
        border-color: #3b82f6;
        color: #1e40af;
        font-weight: 600;
        box-shadow: 0 3px 8px rgba(59, 130, 246, 0.3);
    }
    
    .dropdown-actions[b-9gh73xhgf9] {
        background: #1e293b;
        border-top: 2px solid #e5e7eb;
        padding: 12px 16px;
        display: flex;
        gap: 10px;
    }
    
    /* Assignment info background - completely seamless with card */
    .assignment-section[b-9gh73xhgf9],
    .current-assignment[b-9gh73xhgf9],
    .assignment-info[b-9gh73xhgf9] {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Ensure assignment-info keeps its display properties but no background */
    .assignment-info[b-9gh73xhgf9] {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.25rem !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Description and form elements - match card background */
    .info-value.description[b-9gh73xhgf9],
    .form-textarea[b-9gh73xhgf9] {
        background: transparent !important;
        color: #ffffff !important;
        border-color: #334155 !important;
    }
    
    /* All info-value elements should match card background */
    .info-value[b-9gh73xhgf9] {
        color: #ffffff !important;
        font-weight: 600 !important;
    }
    
    /* Meta text */
    .ticket-meta .meta-item span[b-9gh73xhgf9] {
        color: #ffffff !important;
        font-weight: 600 !important;
    }
}

/* Card header button overrides — top-level so Blazor scopes them correctly */
.card-header .btn-outline-primary[b-9gh73xhgf9] {
    color: #bfdbfe !important;
    border-color: #bfdbfe !important;
    background: transparent !important;
}
.card-header .btn-outline-primary:hover[b-9gh73xhgf9] {
    color: #ffffff !important;
    border-color: #ffffff !important;
    background: rgba(191, 219, 254, 0.15) !important;
}
.card-header .btn-outline-secondary[b-9gh73xhgf9] {
    color: #c4b5fd !important;
    border-color: #c4b5fd !important;
    background: transparent !important;
}
.card-header .btn-outline-secondary:hover[b-9gh73xhgf9] {
    color: #ffffff !important;
    border-color: #ffffff !important;
    background: rgba(196, 181, 253, 0.15) !important;
}
.card-header .btn-outline-info[b-9gh73xhgf9] {
    color: #67e8f9 !important;
    border-color: #67e8f9 !important;
    background: transparent !important;
}
.card-header .btn-outline-success[b-9gh73xhgf9] {
    color: #6ee7b7 !important;
    border-color: #6ee7b7 !important;
    background: transparent !important;
}
.card-header .btn-outline-warning[b-9gh73xhgf9] {
    color: #fde68a !important;
    border-color: #fde68a !important;
    background: transparent !important;
}

/* AGGRESSIVE DARK MODE OVERRIDES - Maximum Specificity */
body[b-9gh73xhgf9] {
    /* Force all info labels to be bright white with maximum specificity */
    html body .page-container .main-content .detail-card .card-content .info-grid .info-item .info-label,
    .detail-card .card-content .info-label,
    .info-label {
        color: #ffffff !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
    }
    
    /* Force all info values to be bright white */
    html body .page-container .main-content .detail-card .card-content .info-grid .info-item .info-value[b-9gh73xhgf9],
    .detail-card .card-content .info-value[b-9gh73xhgf9],
    .info-value[b-9gh73xhgf9] {
        color: #ffffff !important;
        font-weight: 600 !important;
        background: transparent !important;
    }
    
    /* Force email and phone links to be bright white */
    html body .page-container .main-content .detail-card .card-content .info-grid .info-item .info-value .email-link[b-9gh73xhgf9],
    html body .page-container .main-content .detail-card .card-content .info-grid .info-item .info-value .phone-link[b-9gh73xhgf9],
    .detail-card .card-content .info-value .email-link[b-9gh73xhgf9],
    .detail-card .card-content .info-value .phone-link[b-9gh73xhgf9],
    .email-link[b-9gh73xhgf9], .phone-link[b-9gh73xhgf9] {
        color: #ffffff !important;
        font-weight: 700 !important;
        text-decoration: none !important;
    }
    
    /* Force billing level to be bright white */
    html body .page-container .main-content .detail-card .card-content .info-value[class*="billing-level-"][b-9gh73xhgf9],
    .detail-card .card-content .info-value[class*="billing-level-"][b-9gh73xhgf9],
    [class*="billing-level-"][b-9gh73xhgf9] {
        color: #ffffff !important;
        font-weight: 700 !important;
    }
    
    /* Force description to be bright white */
    html body .page-container .main-content .detail-card .card-content .info-value.description[b-9gh73xhgf9],
    .detail-card .card-content .info-value.description[b-9gh73xhgf9],
    .info-value.description[b-9gh73xhgf9] {
        background: transparent !important;
        color: #ffffff !important;
        border: none !important;
        padding: 0 !important;
    }
    
    /* NUCLEAR OPTION - Assignment sections - FORCE complete transparency */
    html body div.page-container main article.content div.main-content div.detail-card div.card-content div.assignment-section[b-9gh73xhgf9],
    html body div.page-container main article.content div.main-content div.detail-card div.card-content div.assignment-section div.current-assignment[b-9gh73xhgf9],
    html body div.page-container main article.content div.main-content div.detail-card div.card-content div.assignment-section div.current-assignment div.assignment-info[b-9gh73xhgf9],
    html body .page-container .main-content .assignment-card .card-content .assignment-section[b-9gh73xhgf9],
    html body .page-container .main-content .assignment-card .card-content .assignment-section .current-assignment[b-9gh73xhgf9],
    html body .page-container .main-content .assignment-card .card-content .assignment-section .current-assignment .assignment-info[b-9gh73xhgf9],
    .assignment-card .card-content .assignment-section[b-9gh73xhgf9],
    .assignment-card .card-content .assignment-section .current-assignment[b-9gh73xhgf9],
    .assignment-card .card-content .assignment-info[b-9gh73xhgf9],
    .detail-card .assignment-section[b-9gh73xhgf9],
    .detail-card .current-assignment[b-9gh73xhgf9],
    .detail-card .assignment-info[b-9gh73xhgf9],
    .assignment-section[b-9gh73xhgf9],
    .current-assignment[b-9gh73xhgf9],
    .assignment-info[b-9gh73xhgf9] {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: none !important;
        border-color: transparent !important;
        border-radius: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        outline: none !important;
    }
    
    /* Double down on assignment-info specifically */
    .assignment-info[b-9gh73xhgf9],
    .detail-card .assignment-info[b-9gh73xhgf9],
    .assignment-card .assignment-info[b-9gh73xhgf9] {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: none !important;
        border-color: transparent !important;
        border-radius: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        outline: none !important;
        color: inherit !important;
    }
}

/* ULTIMATE SOLUTION - Target the assignment-card itself */
.assignment-card[b-9gh73xhgf9] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.assignment-card .card-content[b-9gh73xhgf9] {
    background: transparent !important;
    background-color: transparent !important;
}

/* NUCLEAR ASSIGNMENT BACKGROUND REMOVAL - FINAL SOLUTION */
* [class*="assignment"][b-9gh73xhgf9] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

div[class*="assignment"][b-9gh73xhgf9] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wildcard override for any assignment element */
[class="assignment-info"][b-9gh73xhgf9],
[class="current-assignment"][b-9gh73xhgf9], 
[class="assignment-section"][b-9gh73xhgf9] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* UNIVERSAL LIGHT MODE OVERRIDE - FINAL RULES WIN */
.assignment-dropdown[b-9gh73xhgf9] {
    background: #1e293b !important;
    border: 2px solid #e5e7eb !important;
}

.assignment-dropdown .dropdown-header[b-9gh73xhgf9] {
    background: #1e293b !important;
    border: none !important;
    color: #f1f5f9 !important;
    margin: 0 !important;
    padding: 16px 20px !important;
}

.assignment-dropdown .assignment-options[b-9gh73xhgf9] {
    background: #1e293b !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.assignment-dropdown .assignment-option[b-9gh73xhgf9] {
    background: #0f172a !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    margin: 8px 16px !important;
    color: #cbd5e1 !important;
    padding: 12px 20px !important;
}

.assignment-dropdown .dropdown-actions[b-9gh73xhgf9] {
    background: #1e293b !important;
    border: none !important;
    padding: 0 16px 16px 16px !important;
}

/* Force icon sizes and positioning */
    svg.btn-icon[b-9gh73xhgf9], .btn-icon svg[b-9gh73xhgf9], .btn-icon[b-9gh73xhgf9] {
        width: 16px !important;
        height: 16px !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }
    
    svg.meta-icon[b-9gh73xhgf9], .meta-icon svg[b-9gh73xhgf9], .meta-icon[b-9gh73xhgf9] {
        width: 18px !important;
        height: 18px !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }
    
    svg.card-icon[b-9gh73xhgf9], .card-icon svg[b-9gh73xhgf9], .card-icon[b-9gh73xhgf9] {
        width: 22px !important;
        height: 22px !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }

    svg.follow-up-icon[b-9gh73xhgf9], .follow-up-icon svg[b-9gh73xhgf9], .follow-up-icon[b-9gh73xhgf9] {
        width: 20px !important;
        height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
        flex-shrink: 0 !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }
    
    /* Hide any SVGs that appear outside the main container, but exclude theme switcher */
    body > svg:not(.page-container svg):not(.theme-toggle svg):not([class*="theme"]):not([id*="theme"])[b-9gh73xhgf9],
    html > svg:not(.page-container svg):not(.theme-toggle svg):not([class*="theme"]):not([id*="theme"])[b-9gh73xhgf9],
    .page-container ~ svg:not(.theme-toggle svg):not([class*="theme"]):not([id*="theme"])[b-9gh73xhgf9] {
        display: none !important;
        visibility: hidden !important;
        position: absolute !important;
        left: -9999px !important;
        width: 0 !important;
        height: 0 !important;
    }
    
    /* Ensure all icons stay within their containers */
    .page-container svg[b-9gh73xhgf9] {
        max-width: 24px !important;
        max-height: 24px !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }
    
    /* Specifically target HeroIcons but exclude theme switcher */
    [class*="Icon"]:not([class*="theme"]):not([id*="theme"])[b-9gh73xhgf9] {
        width: 20px !important;
        height: 20px !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }
    
    /* Allow theme switcher icons to display normally */
    .theme-toggle svg[b-9gh73xhgf9],
    [class*="theme"] svg[b-9gh73xhgf9],
    [id*="theme"] svg[b-9gh73xhgf9],
    .nav-header svg[b-9gh73xhgf9] {
        display: inline-block !important;
        visibility: visible !important;
        position: relative !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
    }
    
    /* Comment Form Styles */
    .comment-form[b-9gh73xhgf9] {
        background: var(--bs-body-bg, #f8fafc);
        border: 1px solid var(--bs-border-color, #e2e8f0);
        border-radius: 8px;
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    /* Work Logs Styles */
    .time-logs-table[b-9gh73xhgf9] {
        overflow-x: auto;
        margin-bottom: 1.5rem;
    }
    
    .logs-table[b-9gh73xhgf9] {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        background: #1e293b;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }
    
    [data-theme="dark"] .logs-table[b-9gh73xhgf9],
    .logs-table[b-9gh73xhgf9] {
        background: #1e293b;
        color: #f3f4f6;
    }
    
    .logs-table th[b-9gh73xhgf9] {
        background: #0f172a;
        color: #cbd5e1;
        font-weight: 600;
        padding: 12px 16px;
        text-align: left;
        border-bottom: 1px solid #e2e8f0;
        font-size: 0.875rem;
    }
    
    [data-theme="dark"] .logs-table th[b-9gh73xhgf9],
    .logs-table th[b-9gh73xhgf9] {
        background: #6b7280;
        color: #f3f4f6;
        border-bottom-color: #64748b;
    }
    
    .logs-table td[b-9gh73xhgf9] {
        padding: 12px 16px;
        border-bottom: 1px solid #f1f5f9;
        font-size: 0.875rem;
    }
    
    [data-theme="dark"] .logs-table td[b-9gh73xhgf9],
    .logs-table td[b-9gh73xhgf9] {
        background: #374151;
        border-bottom-color: #94a3b8;
    }

    .logs-table tr.has-description td[b-9gh73xhgf9] {
        padding-bottom: 0;
        border-bottom-color: #4b5563;
    }

    .log-entry-group tr:last-child td[b-9gh73xhgf9] {
        border-bottom: 10px solid #1e293b;
    }
    
    .logs-table tr:hover[b-9gh73xhgf9] {
        background: #0f172a;
    }
    
    [data-theme="dark"] .logs-table tr:hover[b-9gh73xhgf9],
    .logs-table tr:hover[b-9gh73xhgf9] {
        background: #4b5563;
    }

    .log-action-btn[b-9gh73xhgf9],
    button.btn.log-action-btn[b-9gh73xhgf9] {
        display: block !important;
        width: 150px !important;
        min-width: 0 !important;
        max-width: 150px !important;
    }

    .log-entry-group[b-9gh73xhgf9] {
        outline: 1px solid #1e293b;
        border-radius: 4px;
    }

    .log-entry-group tr:first-child td:first-child[b-9gh73xhgf9] { border-top-left-radius: 6px; }
    .log-entry-group tr:first-child td:last-child[b-9gh73xhgf9]  { border-top-right-radius: 6px; }
    .log-entry-group tr:last-child td:first-child[b-9gh73xhgf9]  { border-bottom-left-radius: 6px; }
    .log-entry-group tr:last-child td:last-child[b-9gh73xhgf9]   { border-bottom-right-radius: 6px; }

    .log-meta-row td[b-9gh73xhgf9] {
        border-bottom: none;
        padding-bottom: 2px;
        font-size: 0.8rem;
        color: #94a3b8;
    }

    .log-detail-row td[b-9gh73xhgf9] {
        padding-top: 2px;
    }

    .log-meta-sep[b-9gh73xhgf9] {
        margin: 0 6px;
        opacity: 0.4;
    }
    
    .billing-badge[b-9gh73xhgf9] {
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
    }
    
    .billing-badge.billable[b-9gh73xhgf9] {
        background: #dcfdf7;
        color: #065f46;
        border: 1px solid #6ee7b7;
    }
    
    .billing-badge.non-billable[b-9gh73xhgf9] {
        background: #1e293b;
        color: #cbd5e1;
        border: 1px solid #d1d5db;
    }
    
    [data-theme="dark"] .billing-badge.billable[b-9gh73xhgf9],
    .billing-badge.billable[b-9gh73xhgf9] {
        background: #064e3b;
        color: #a7f3d0;
        border-color: #047857;
    }
    
    [data-theme="dark"] .billing-badge.non-billable[b-9gh73xhgf9],
    .billing-badge.non-billable[b-9gh73xhgf9] {
        background: #4b5563;
        color: #d1d5db;
        border-color: #64748b;
    }
    
    .time-summary[b-9gh73xhgf9] {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
    }
    
    .summary-card[b-9gh73xhgf9] {
        flex: 1;
        min-width: 200px;
        background: #1e293b;
        border-radius: 8px;
        padding: 1.5rem;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        display: flex;
        align-items: center;
        gap: 1rem;
    }
    
    [data-theme="dark"] .summary-card[b-9gh73xhgf9],
    .summary-card[b-9gh73xhgf9] {
        background: #374151;
        color: #f3f4f6;
    }
    
    .summary-card.billable[b-9gh73xhgf9] {
        border-left: 4px solid #10b981;
    }
    
    .summary-card.non-billable[b-9gh73xhgf9] {
        border-left: 4px solid #6b7280;
    }
    
    .summary-card.total[b-9gh73xhgf9] {
        border-left: 4px solid #3b82f6;
    }
    
    .summary-icon[b-9gh73xhgf9] {
        font-size: 1.5rem;
    }
    
    .summary-content[b-9gh73xhgf9] {
        flex: 1;
    }
    
    .summary-label[b-9gh73xhgf9] {
        font-size: 0.875rem;
        color: #64748b;
        margin-bottom: 0.25rem;
    }
    
    [data-theme="dark"] .summary-label[b-9gh73xhgf9],
    .summary-label[b-9gh73xhgf9] {
        color: #94a3b8;
    }
    
    .summary-value[b-9gh73xhgf9] {
        font-size: 1.25rem;
        font-weight: 700;
        color: #e2e8f0;
    }
    
    [data-theme="dark"] .summary-value[b-9gh73xhgf9],
    .summary-value[b-9gh73xhgf9] {
        color: #f3f4f6;
    }
    
    .summary-meta[b-9gh73xhgf9] {
        font-size: 0.75rem;
        color: #64748b;
        margin-top: 0.25rem;
    }
    
    [data-theme="dark"] .summary-meta[b-9gh73xhgf9],
    .summary-meta[b-9gh73xhgf9] {
        color: #94a3b8;
    }
    
    /* Dark mode comment styles */
    [data-theme="dark"] .comment-form[b-9gh73xhgf9],
    .comment-form[b-9gh73xhgf9] {
        background: #374151;
        border-color: #94a3b8;
    }
    
    .comment-item[b-9gh73xhgf9] {
        background: var(--bs-body-bg, #ffffff);
        border: 1px solid var(--bs-border-color, #e2e8f0);
        border-radius: 8px;
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    [data-theme="dark"] .comment-item[b-9gh73xhgf9],
    .comment-item[b-9gh73xhgf9] {
        background: #374151;
        border-color: #94a3b8;
        color: #f3f4f6;
    }
    
    .comment-header[b-9gh73xhgf9] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.75rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid var(--bs-border-color, #e2e8f0);
    }
    
    [data-theme="dark"] .comment-header[b-9gh73xhgf9],
    .comment-header[b-9gh73xhgf9] {
        border-bottom-color: #94a3b8;
    }
    
    .comment-author[b-9gh73xhgf9] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-weight: 600;
        color: var(--bs-body-color, #1f2937);
    }
    
    [data-theme="dark"] .comment-author[b-9gh73xhgf9],
    .comment-author[b-9gh73xhgf9] {
        color: #f3f4f6;
    }
    
    .author-name[b-9gh73xhgf9] {
        color: var(--bs-body-color, #1f2937);
        font-weight: 600;
    }
    
    [data-theme="dark"] .author-name[b-9gh73xhgf9],
    .author-name[b-9gh73xhgf9] {
        color: #f3f4f6 !important;
    }
    
    .comment-date[b-9gh73xhgf9] {
        font-size: 0.875rem;
        color: var(--bs-secondary-color, #6b7280);
    }
    
    [data-theme="dark"] .comment-date[b-9gh73xhgf9],
    .comment-date[b-9gh73xhgf9] {
        color: #94a3b8;
    }
    
    .comment-body[b-9gh73xhgf9] {
        color: var(--bs-body-color, #374151);
        line-height: 1.5;
    }
    
    [data-theme="dark"] .comment-body[b-9gh73xhgf9],
    .comment-body[b-9gh73xhgf9] {
        color: #d1d5db;
    }
    
    /* Empty state styling */
    .empty-state[b-9gh73xhgf9] {
        text-align: center;
        padding: 2rem;
        color: var(--bs-secondary-color, #6b7280);
    }
    
    [data-theme="dark"] .empty-state[b-9gh73xhgf9],
    .empty-state[b-9gh73xhgf9] {
        color: #94a3b8;
    }
    
    .empty-icon[b-9gh73xhgf9] {
        width: 24px;
        height: 24px;
        margin: 0 auto 1rem;
        opacity: 0.5;
    }
    
    .comment-form-actions[b-9gh73xhgf9] {
        display: flex;
        gap: 0.75rem;
        margin-top: 1rem;
    }
    
    .comment-form-actions .btn-primary[b-9gh73xhgf9],
    .comment-form-actions .btn-secondary[b-9gh73xhgf9] {
        padding: 0.625rem 1.25rem;
        font-size: 0.875rem;
        font-weight: 500;
        border-radius: 6px;
        border: none;
        cursor: pointer;
        transition: all 0.2s ease;
    }
    
    .comment-form-actions .btn-primary[b-9gh73xhgf9] {
        background: #3b82f6;
        color: white;
        cursor: pointer !important;
    }
    
    .comment-form-actions .btn-primary:hover:not(:disabled)[b-9gh73xhgf9] {
        background: #2563eb;
        cursor: pointer !important;
    }
    
    .comment-form-actions .btn-primary:disabled[b-9gh73xhgf9] {
        background: #9ca3af;
        cursor: default !important;
        opacity: 0.6;
    }
    
    .comment-form-actions .btn-secondary:disabled[b-9gh73xhgf9] {
        background: #6b7280;
        cursor: default !important;
        opacity: 0.6;
    }
    
    .comment-form-actions .btn-secondary[b-9gh73xhgf9] {
        background: #6b7280;
        color: white;
        cursor: pointer !important;
    }
    
    .comment-form-actions .btn-secondary:hover:not(:disabled)[b-9gh73xhgf9] {
        background: #4b5563;
        cursor: pointer !important;
    }
    
    .comment-form-actions .btn-secondary:hover:not(:disabled)[b-9gh73xhgf9] {
        background: #4b5563;
    }
    
    /* Assignment section dark mode styles */
    .assignment-label[b-9gh73xhgf9] {
        color: var(--bs-body-color, #374151);
    }
    
    [data-theme="dark"] .assignment-label[b-9gh73xhgf9],
    .assignment-label[b-9gh73xhgf9] {
        color: #f3f4f6 !important;
    }
    
    .assignment-value[b-9gh73xhgf9] {
        color: var(--bs-body-color, #374151);
    }
    
    [data-theme="dark"] .assignment-value[b-9gh73xhgf9],
    .assignment-value[b-9gh73xhgf9] {
        color: #f3f4f6 !important;
    }
    
    .assigned-user[b-9gh73xhgf9] {
        color: var(--bs-success, #059669);
        font-weight: 600;
    }
    
    [data-theme="dark"] .assigned-user[b-9gh73xhgf9],
    .assigned-user[b-9gh73xhgf9] {
        color: #34d399 !important;
        font-weight: 600;
    }
    
    .unassigned[b-9gh73xhgf9] {
        color: var(--bs-secondary, #6b7280);
        font-style: italic;
    }
    
    [data-theme="dark"] .unassigned[b-9gh73xhgf9],
    .unassigned[b-9gh73xhgf9] {
        color: #d1d5db !important;
    }
    
    /* Dark mode icon contrast */
    [data-theme="dark"] .page-container svg[b-9gh73xhgf9],
    .page-container svg[b-9gh73xhgf9] {
        color: #f3f4f6 !important;
    }
    
    [data-theme="dark"] .meta-icon[b-9gh73xhgf9],
    .meta-icon[b-9gh73xhgf9] {
        color: #ffffff !important;
    }
    
    [data-theme="dark"] .card-icon[b-9gh73xhgf9],
    .card-icon[b-9gh73xhgf9] {
        color: #d1d5db !important;
    }
    
    /* Button hover states for dark mode */
    .btn-primary:hover[b-9gh73xhgf9] {
        background: #2563eb !important;
        color: white !important;
    }
    
    [data-theme="dark"] .btn-primary:hover[b-9gh73xhgf9],
    .btn-primary:hover[b-9gh73xhgf9] {
        background: #3b82f6 !important;
        color: white !important;
    }
    
    .btn-secondary:hover[b-9gh73xhgf9] {
        background: #4b5563 !important;
        color: white !important;
    }
    
    [data-theme="dark"] .btn-secondary:hover[b-9gh73xhgf9],
    .btn-secondary:hover[b-9gh73xhgf9] {
        background: #6b7280 !important;
        color: white !important;
    }
    
    .btn-outline[b-9gh73xhgf9] {
        background: transparent;
        border: 1px solid var(--bs-primary, #3b82f6);
        color: var(--bs-primary, #3b82f6);
    }
    
    .btn-outline:hover[b-9gh73xhgf9] {
        background: var(--bs-primary, #3b82f6) !important;
        color: white !important;
    }
    
    [data-theme="dark"] .btn-outline[b-9gh73xhgf9],
    .btn-outline[b-9gh73xhgf9] {
        border-color: #60a5fa;
        color: #60a5fa;
    }
    
    [data-theme="dark"] .btn-outline:hover[b-9gh73xhgf9],
    .btn-outline:hover[b-9gh73xhgf9] {
        background: #60a5fa !important;
        color: #e2e8f0 !important;
    }

    /* Linked Tickets */
    .link-form-panel[b-9gh73xhgf9] {
        margin-bottom: 1rem;
        padding: 1rem;
        background: #0f172a;
        border-radius: 6px;
    }

    [data-theme="dark"] .link-form-panel[b-9gh73xhgf9],
    .link-form-panel[b-9gh73xhgf9] {
        background: #374151;
        border: 1px solid #4b5563;
    }

    .link-search-results[b-9gh73xhgf9] {
        border: 1px solid #e2e8f0;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 0.75rem;
    }

    [data-theme="dark"] .link-search-results[b-9gh73xhgf9],
    .link-search-results[b-9gh73xhgf9] {
        border-color: #94a3b8;
    }

    .link-search-result-item[b-9gh73xhgf9] {
        padding: 0.5rem 0.75rem;
        cursor: pointer;
        border-bottom: 1px solid #e2e8f0;
        background: #1e293b;
        color: #e2e8f0;
    }

    [data-theme="dark"] .link-search-result-item[b-9gh73xhgf9],
    .link-search-result-item[b-9gh73xhgf9] {
        background: #374151;
        border-bottom-color: #94a3b8;
        color: #f3f4f6;
    }

    .link-search-result-item.selected[b-9gh73xhgf9] {
        background: #dbeafe;
    }

    [data-theme="dark"] .link-search-result-item.selected[b-9gh73xhgf9],
    .link-search-result-item.selected[b-9gh73xhgf9] {
        background: #1e3a5f;
    }

    .links-table[b-9gh73xhgf9] {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.875rem;
    }

    .links-table thead tr[b-9gh73xhgf9] {
        border-bottom: 2px solid #e2e8f0;
    }

    [data-theme="dark"] .links-table thead tr[b-9gh73xhgf9],
    .links-table thead tr[b-9gh73xhgf9] {
        border-bottom-color: #94a3b8;
    }

    .links-table th[b-9gh73xhgf9] {
        padding: 0.5rem 0.75rem;
        text-align: left;
        color: #cbd5e1;
    }

    [data-theme="dark"] .links-table th[b-9gh73xhgf9],
    .links-table th[b-9gh73xhgf9] {
        color: #d1d5db;
    }

    .links-table tbody tr[b-9gh73xhgf9] {
        border-bottom: 1px solid #f1f5f9;
    }

    [data-theme="dark"] .links-table tbody tr[b-9gh73xhgf9],
    .links-table tbody tr[b-9gh73xhgf9] {
        border-bottom-color: #cbd5e1;
    }

    .links-table td[b-9gh73xhgf9] {
        padding: 0.5rem 0.75rem;
    }

    .link-ticket-id[b-9gh73xhgf9] {
        font-weight: 600;
        color: #2563eb;
    }

    [data-theme="dark"] .link-ticket-id[b-9gh73xhgf9],
    .link-ticket-id[b-9gh73xhgf9] {
        color: #60a5fa;
    }

    .link-ticket-title[b-9gh73xhgf9] {
        font-size: 0.8rem;
        color: #cbd5e1;
    }

    [data-theme="dark"] .link-ticket-title[b-9gh73xhgf9],
    .link-ticket-title[b-9gh73xhgf9] {
        color: #d1d5db;
    }

    .link-type-badge[b-9gh73xhgf9] {
        font-size: 0.75rem;
        background: #e0e7ff;
        color: #3730a3;
        padding: 2px 8px;
        border-radius: 999px;
    }

    [data-theme="dark"] .link-type-badge[b-9gh73xhgf9],
    .link-type-badge[b-9gh73xhgf9] {
        background: #1e2a4a;
        color: #a5b4fc;
    }

    .link-muted[b-9gh73xhgf9] {
        color: #64748b;
    }

    [data-theme="dark"] .link-muted[b-9gh73xhgf9],
    .link-muted[b-9gh73xhgf9] {
        color: #94a3b8;
    }

    [data-theme="dark"] .link-form-panel .btn-outline-primary[b-9gh73xhgf9],
    .link-form-panel .btn-outline-primary[b-9gh73xhgf9] {
        color: #93c5fd;
        border-color: #93c5fd;
        background: transparent;
    }

    [data-theme="dark"] .link-form-panel .btn-outline-primary:hover:not(:disabled)[b-9gh73xhgf9],
    .link-form-panel .btn-outline-primary:hover:not(:disabled)[b-9gh73xhgf9] {
        color: #1e3a5f;
        background: #93c5fd;
        border-color: #93c5fd;
    }

    [data-theme="dark"] .link-form-panel .btn-outline-primary:disabled[b-9gh73xhgf9],
    .link-form-panel .btn-outline-primary:disabled[b-9gh73xhgf9] {
        color: #60a5fa;
        border-color: #60a5fa;
        opacity: 0.5;
    }

    /* Merge Form */
    .merge-form-panel[b-9gh73xhgf9] {
        margin-bottom: 1rem;
        padding: 1rem;
        background: #f0fdfa;
        border-radius: 6px;
        border: 1px solid #5eead4;
    }

    [data-theme="dark"] .merge-form-panel[b-9gh73xhgf9],
    .merge-form-panel[b-9gh73xhgf9] {
        background: #0d2d2a;
        border-color: #0f766e;
    }

    .merge-warning-text[b-9gh73xhgf9] {
        font-size: 0.85rem;
        color: #0f766e;
        margin-bottom: 0.75rem;
    }

    [data-theme="dark"] .merge-warning-text[b-9gh73xhgf9],
    .merge-warning-text[b-9gh73xhgf9] {
        color: #5eead4;
    }

    .merge-search-results[b-9gh73xhgf9] {
        border: 1px solid #5eead4;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 0.75rem;
    }

    [data-theme="dark"] .merge-search-results[b-9gh73xhgf9],
    .merge-search-results[b-9gh73xhgf9] {
        border-color: #0f766e;
    }

    .merge-search-result-item[b-9gh73xhgf9] {
        padding: 0.5rem 0.75rem;
        cursor: pointer;
        border-bottom: 1px solid #5eead4;
        background: #1e293b;
        color: #e2e8f0;
    }

    [data-theme="dark"] .merge-search-result-item[b-9gh73xhgf9],
    .merge-search-result-item[b-9gh73xhgf9] {
        background: #374151;
        border-bottom-color: #0f766e;
        color: #f3f4f6;
    }

    .merge-search-result-item.selected[b-9gh73xhgf9] {
        background: #ccfbf1;
    }

    [data-theme="dark"] .merge-search-result-item.selected[b-9gh73xhgf9],
    .merge-search-result-item.selected[b-9gh73xhgf9] {
        background: #134e4a;
    }

    .merge-confirm-btn[b-9gh73xhgf9] {
        background: #dc2626;
        color: white;
        border-color: #dc2626;
    }

    .merge-confirm-btn:hover:not(:disabled)[b-9gh73xhgf9] {
        background: #b91c1c;
        border-color: #b91c1c;
        color: white;
    }

    .merge-confirm-btn:disabled[b-9gh73xhgf9] {
        background: #0f766e;
        border-color: #0f766e;
        color: white;
        opacity: 0.85;
    }

    /* Requestor fieldset legend */
    .requestor-legend[b-9gh73xhgf9] {
        font-size: 0.875rem;
        font-weight: 600;
        color: #cbd5e1;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    [data-theme="dark"] .requestor-legend[b-9gh73xhgf9],
    .requestor-legend[b-9gh73xhgf9] {
        color: #f3f4f6;
    }

    [data-theme="dark"] .merge-confirm-btn[b-9gh73xhgf9],
    .merge-confirm-btn[b-9gh73xhgf9] {
        background: #dc2626;
        border-color: #ef4444;
        color: white;
    }

    [data-theme="dark"] .merge-confirm-btn:hover:not(:disabled)[b-9gh73xhgf9],
    .merge-confirm-btn:hover:not(:disabled)[b-9gh73xhgf9] {
        background: #b91c1c;
        border-color: #dc2626;
    }

    [data-theme="dark"] .merge-confirm-btn:disabled[b-9gh73xhgf9],
    .merge-confirm-btn:disabled[b-9gh73xhgf9] {
        background: #0f766e;
        border-color: #0f766e;
        color: white;
        opacity: 0.85;
    }

    .merge-history-heading[b-9gh73xhgf9] {
        font-size: 0.85rem;
        font-weight: 600;
        color: #64748b;
        margin-bottom: 0.5rem;
    }

    [data-theme="dark"] .merge-history-heading[b-9gh73xhgf9],
    .merge-history-heading[b-9gh73xhgf9] {
        color: #94a3b8;
    }

/* ── Billing Hours Slider Widget (Log Time Entry) ── */
    .td-hours-slider-widget[b-9gh73xhgf9] {
        display: flex;
        flex-direction: column;
        gap: 0.45rem;
    }

    .td-hours-total-row[b-9gh73xhgf9] {
        display: flex;
        align-items: baseline;
        gap: 0.3rem;
        padding: 0.35rem 0.6rem;
        background: rgba(255,255,255,0.04);
        border-radius: 6px;
        border: 1px solid rgba(255,255,255,0.07);
    }

    .td-hours-total-label[b-9gh73xhgf9] {
        font-size: 0.7rem;
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        flex: 1;
    }

    .td-hours-total-value[b-9gh73xhgf9] {
        font-size: 1.1rem;
        font-weight: 700;
        color: #34d399;
    }

    .td-hours-total-value.is-zero[b-9gh73xhgf9] { color: #94a3b8; }

    .td-hours-total-unit[b-9gh73xhgf9] { font-size: 0.7rem; color: #64748b; }

    .td-hours-add-row[b-9gh73xhgf9] {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        margin-top: 0.1rem;
    }

    .td-hours-manual-input[b-9gh73xhgf9] {
        width: 84px;
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(96,165,250,0.35);
        color: #e5e7eb;
        border-radius: 5px;
        padding: 0.16rem 0.35rem;
        font-size: 0.76rem;
    }

    .td-hours-manual-input:focus[b-9gh73xhgf9] {
        outline: none;
        border-color: #60a5fa;
        box-shadow: 0 0 0 2px rgba(96,165,250,0.2);
    }

    .td-hours-pending[b-9gh73xhgf9] {
        font-size: 1.35rem;
        font-weight: 700;
        color: #60a5fa;
        min-width: 2.5rem;
        line-height: 1;
    }

    .td-hours-pending.is-nc[b-9gh73xhgf9] { color: #94a3b8; font-size: 1.1rem; letter-spacing: 0.05em; }

    .td-btn-add[b-9gh73xhgf9] {
        padding: 0.22rem 0.7rem;
        font-size: 0.76rem;
        font-weight: 600;
        border-radius: 5px;
        border: 1px solid #3b82f6;
        background: transparent;
        color: #60a5fa;
        cursor: pointer;
        transition: background 0.15s, color 0.15s;
        white-space: nowrap;
    }

    .td-btn-add:hover:not(:disabled)[b-9gh73xhgf9] { background: #3b82f6; color: #fff; }
    .td-btn-add:disabled[b-9gh73xhgf9] { opacity: 0.35; cursor: not-allowed; }

    .td-hours-slider[b-9gh73xhgf9] {
        -webkit-appearance: none;
        appearance: none;
        width: 100%;
        height: 6px;
        border-radius: 3px;
        background: linear-gradient(
            to right,
            #3b82f6 0%,
            #3b82f6 calc(var(--pct) * 1%),
            #374151 calc(var(--pct) * 1%)
        );
        outline: none;
        cursor: pointer;
    }

    .td-hours-slider[b-9gh73xhgf9]::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 18px; height: 18px;
        border-radius: 50%;
        background: #60a5fa;
        border: 2px solid #1e3a5f;
        cursor: pointer;
        box-shadow: 0 0 0 3px rgba(96,165,250,0.2);
    }

    .td-hours-slider[b-9gh73xhgf9]::-moz-range-thumb {
        width: 18px; height: 18px;
        border-radius: 50%;
        background: #60a5fa;
        border: 2px solid #1e3a5f;
        cursor: pointer;
        box-shadow: 0 0 0 3px rgba(96,165,250,0.2);
    }

    .td-slider-tick-row[b-9gh73xhgf9] {
        display: flex;
        justify-content: space-between;
        padding: 0 2px;
    }

    .td-slider-tick-row span[b-9gh73xhgf9] { font-size: 0.68rem; color: #64748b; }
/* _content/YAGServiceDesk/Pages/ITSupport/TicketOverviewReport.razor.rz.scp.css */
/* Prevent icon flash on page load */
    .page-container svg[b-tc1jz00ja3] {
        max-width: 3rem;
        max-height: 3rem;
    }

    .page-container[b-tc1jz00ja3] {
        width: 100%;
        max-width: 100%;
        padding: 0 0 2rem;
        box-sizing: border-box;
    }

    .sticky-header[b-tc1jz00ja3] {
        position: sticky;
        top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
        z-index: 100;
        background: #0f172a;
        padding-top: 15px;
        margin-top: -15px;
        padding-bottom: 8px;
        border-bottom: 1px solid #1e293b;
    }

    /* ── Stat cards ─────────────────────────── */
    .stat-card[b-tc1jz00ja3] {
        background: #1e293b;
        border-radius: 12px;
        padding: 1.25rem 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        border: 1px solid #334155;
    }

    .stat-label[b-tc1jz00ja3] {
        font-size: 0.78rem;
        color: #94a3b8;
        text-transform: uppercase;
        letter-spacing: 0.06em;
    }

    .stat-value[b-tc1jz00ja3] {
        font-size: 2rem;
        font-weight: 700;
        color: #f1f5f9;
        line-height: 1.1;
    }

    .stat-sub[b-tc1jz00ja3] {
        font-size: 0.73rem;
        color: #64748b;
    }

    /* ── Chart cards ────────────────────────── */
    .chart-card[b-tc1jz00ja3] {
        background: #1e293b;
        border-radius: 12px;
        padding: 1.25rem 1.5rem;
        border: 1px solid #334155;
        height: 100%;
    }

    .chart-title[b-tc1jz00ja3] {
        font-size: 0.82rem;
        font-weight: 600;
        color: #94a3b8;
        margin-bottom: 0.9rem;
        text-transform: uppercase;
        letter-spacing: 0.07em;
    }

    /* ── Filter bar ─────────────────────────── */
    .filter-bar[b-tc1jz00ja3] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        flex-wrap: wrap;
        margin-bottom: 1.5rem;
    }

    .filter-bar-label[b-tc1jz00ja3] {
        font-size: 0.85rem;
        color: #94a3b8;
        white-space: nowrap;
    }

    .filter-bar select[b-tc1jz00ja3] {
        background: #0f172a;
        color: #e2e8f0;
        border: 1px solid #334155;
        border-radius: 6px;
        padding: 0.35rem 0.75rem;
        font-size: 0.85rem;
        outline: none;
        cursor: pointer;
    }

    .filter-bar select:focus[b-tc1jz00ja3] {
        border-color: #7c3aed;
    }

    /* ── Loading spinner ────────────────────── */
    .loading-state[b-tc1jz00ja3] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4rem 0;
        color: #94a3b8;
        gap: 0.75rem;
    }
/* _content/YAGServiceDesk/Pages/ITSupport/TimeJournal.razor.rz.scp.css */
/* Time Journal Page Styles */

.page-container[b-z35oeh7l7u] {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.time-journal-page[b-z35oeh7l7u] {
    padding-bottom: 1.5rem;
}

.time-journal-header-shell[b-z35oeh7l7u] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 2rem);
    right: 2rem;
    z-index: 10;
    background: #0f172a;
    padding-top: 15px;
}

.time-journal-body[b-z35oeh7l7u] {
    padding-top: calc(15px + 4.5rem + var(--page-header-content-gap, 20px));
}

.page-header[b-z35oeh7l7u] {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important;
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 0;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: fit-content;
    position: relative;
}

.header-content[b-z35oeh7l7u] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
}

.header-icon[b-z35oeh7l7u] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-icon[b-z35oeh7l7u] {
    color: white;
    opacity: 0.9;
    flex-shrink: 0;
}

.page-icon svg[b-z35oeh7l7u] {
    width: 2rem !important;
    height: 2rem !important;
}

.header-text h1[b-z35oeh7l7u] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
}

.header-text p[b-z35oeh7l7u] {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.9rem;
}

.header-actions[b-z35oeh7l7u] {
    display: flex;
    gap: 1rem;
}

/* Filters Section */
.filters-section[b-z35oeh7l7u] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    background: var(--bg-card);
    border: 1px solid var(--border-primary);
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.filter-group[b-z35oeh7l7u] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex: 1;
    min-width: 160px;
}

.filter-group:last-child[b-z35oeh7l7u] {
    flex: 0;
    flex-direction: row;
    align-items: flex-end;
    gap: 0.5rem;
    min-width: unset;
}

.filter-label[b-z35oeh7l7u] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.filters-section .form-control[b-z35oeh7l7u] {
    padding: 0.45rem 0.75rem;
    border: 1px solid var(--border-primary);
    border-radius: 6px;
    font-size: 0.95rem;
    background: var(--bg-secondary);
    color: var(--text-primary);
    height: 38px;
}

.filters-section input[type="date"][b-z35oeh7l7u] {
    border: 1px solid #a78bfa !important;
}

.filters-section input[type="date"][b-z35oeh7l7u]::-webkit-calendar-picker-indicator {
    filter: invert(60%) sepia(40%) saturate(500%) hue-rotate(210deg) brightness(110%) contrast(90%);
    cursor: pointer;
    opacity: 0.9;
}

.filters-section input[type="date"][b-z35oeh7l7u]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}

.filters-section .form-control:focus[b-z35oeh7l7u] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.filters-section .btn[b-z35oeh7l7u] {
    height: 38px;
    padding: 0 1rem;
    font-size: 0.9rem;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.btn[b-z35oeh7l7u] {
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    border: 2px solid;
    background: transparent;
    cursor: pointer;
    font-size: 1rem;
    font-family: "Nunito", ui-sans-serif, system-ui, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

.btn svg[b-z35oeh7l7u] {
    width: 18px;
    height: 18px;
}

.page-container .btn-primary[b-z35oeh7l7u] {
    background: transparent !important;
    color: #8cffc9 !important;
    border: 2px solid #8cffc9 !important;
    box-shadow: none !important;
}

.page-container .btn-primary:hover[b-z35oeh7l7u] {
    background: rgba(140, 255, 201, 0.1) !important;
    box-shadow: 0 4px 12px rgba(140, 255, 201, 0.15) !important;
    border-color: #8cffc9 !important;
}

.page-container .btn-outline-success[b-z35oeh7l7u] {
    color: #8cffc9 !important;
    border-color: #8cffc9 !important;
    background: transparent !important;
}

.page-container .btn-outline-success:hover[b-z35oeh7l7u] {
    color: #000 !important;
    background: #8cffc9 !important;
    border-color: #8cffc9 !important;
}

.page-container .btn-secondary[b-z35oeh7l7u] {
    background: transparent !important;
    color: white !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    box-shadow: none !important;
}

.page-container .btn-secondary:hover[b-z35oeh7l7u] {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: white !important;
}

.page-container .btn-outline-primary[b-z35oeh7l7u] {
    background: transparent !important;
    color: #60a5fa !important;
    border-color: #60a5fa !important;
    box-shadow: none !important;
}

.page-container .btn-outline-primary:hover[b-z35oeh7l7u] {
    background: rgba(96, 165, 250, 0.1) !important;
    border-color: #93c5fd !important;
}

.page-container .btn-outline-danger[b-z35oeh7l7u] {
    background: transparent !important;
    color: #f87171 !important;
    border-color: #f87171 !important;
    box-shadow: none !important;
}

.page-container .btn-outline-danger:hover[b-z35oeh7l7u] {
    background: rgba(248, 113, 113, 0.1) !important;
    border-color: #fca5a5 !important;
}

.page-container .btn-outline-secondary[b-z35oeh7l7u] {
    background: transparent !important;
    color: #e5e7eb !important;
    border-color: #e5e7eb !important;
    box-shadow: none !important;
}

.page-container .btn-outline-secondary:hover[b-z35oeh7l7u] {
    background: rgba(229, 231, 235, 0.1) !important;
    border-color: #f3f4f6 !important;
    color: #f3f4f6 !important;
}

.btn-sm[b-z35oeh7l7u] {
    padding: 0.4rem !important;
    font-size: 0.85rem !important;
}

.page-container .entry-actions .btn-sm[b-z35oeh7l7u] {
    padding: 0.4rem !important;
    width: 2rem !important;
    height: 2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.entry-actions .btn[b-z35oeh7l7u] {
    padding: 0.4rem !important;
    width: auto !important;
    min-width: auto !important;
}

.entry-actions .btn svg[b-z35oeh7l7u] {
    width: 1.2rem !important;
    height: 1.2rem !important;
}

/* Square action buttons with centered icons */
.entry-actions[b-z35oeh7l7u] {
    display: flex;
    gap: 0.5rem;
}

.entry-actions .btn[b-z35oeh7l7u] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    border-radius: 6px;
    flex-shrink: 0;
    overflow: hidden;
    border: 2px solid;
    background: transparent !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

.entry-actions .btn-edit[b-z35oeh7l7u] {
    color: #60a5fa !important;
    border-color: #60a5fa !important;
}

.entry-actions .btn-edit:hover[b-z35oeh7l7u] {
    background: rgba(96, 165, 250, 0.1) !important;
    border-color: #93c5fd !important;
}

.entry-actions .btn-delete[b-z35oeh7l7u] {
    color: #f87171 !important;
    border-color: #f87171 !important;
    margin-top: 1px;
}

.entry-actions .btn-delete:hover[b-z35oeh7l7u] {
    background: rgba(248, 113, 113, 0.1) !important;
    border-color: #fca5a5 !important;
}

.entry-actions .btn-delete svg[b-z35oeh7l7u] {
    position: relative;
    top: 1px;
}

.entry-actions .btn svg[b-z35oeh7l7u] {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0;
    display: block;
}

.btn:disabled[b-z35oeh7l7u] {
    opacity: 0.6;
    cursor: not-allowed;
}

.content-section[b-z35oeh7l7u] {
    background: var(--bg-card);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 2rem;
}

.loading-spinner[b-z35oeh7l7u] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

.spinner-border[b-z35oeh7l7u] {
    width: 3rem;
    height: 3rem;
    border: 4px solid #e5e7eb;
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: spin-b-z35oeh7l7u 1s linear infinite;
}

@keyframes spin-b-z35oeh7l7u {
    to {
        transform: rotate(360deg);
    }
}

.empty-state[b-z35oeh7l7u] {
    text-align: center;
    padding: 3rem 2rem;
    color: #6b7280;
}

.empty-icon[b-z35oeh7l7u] {
    margin-bottom: 1rem;
}

.large-icon[b-z35oeh7l7u] {
    width: 64px;
    height: 64px;
    color: #d1d5db;
}

.empty-state h3[b-z35oeh7l7u] {
    margin: 1rem 0 0.5rem 0;
    font-size: 1.5rem;
    color: var(--text-primary);
}

.empty-state p[b-z35oeh7l7u] {
    margin: 0 0 1.5rem 0;
    color: #6b7280;
}

.empty-state .btn[b-z35oeh7l7u] {
    display: inline-flex;
}

.entries-list[b-z35oeh7l7u] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.entry-card[b-z35oeh7l7u] {
    border: 1px solid var(--border-primary);
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    background: var(--bg-card);
}

.entry-card:hover[b-z35oeh7l7u] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: #d1d5db;
}

.entry-header[b-z35oeh7l7u] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.5rem;
    border-bottom: 1px solid var(--border-primary);
    background: var(--bg-secondary);
}

.entry-time-info[b-z35oeh7l7u] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.entry-time[b-z35oeh7l7u] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 500;
    color: var(--text-primary);
}

.entry-time .icon[b-z35oeh7l7u] {
    width: 20px;
    height: 20px;
    color: #3b82f6;
}

.time-text[b-z35oeh7l7u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.badge[b-z35oeh7l7u] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 600;
}

.bg-warning[b-z35oeh7l7u] {
    background: #fcd34d;
    color: #78350f;
}

.entry-duration[b-z35oeh7l7u] {
    font-size: 0.9rem;
    color: #6b7280;
}

.duration-text[b-z35oeh7l7u] {
    font-weight: 600;
    color: #059669;
}

.entry-actions[b-z35oeh7l7u] {
    display: flex;
    gap: 0.5rem;
}

.entry-body[b-z35oeh7l7u] {
    padding: 1.5rem;
}

.entry-content p[b-z35oeh7l7u] {
    margin: 0;
    color: var(--text-primary);
    line-height: 1.6;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.entry-footer[b-z35oeh7l7u] {
    padding: 1rem 1.5rem;
    background: var(--bg-secondary);
    border-top: 1px solid var(--border-primary);
    font-size: 0.85rem;
    color: #6b7280;
}

/* Modal Styles */
.modal-overlay[b-z35oeh7l7u] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-dialog[b-z35oeh7l7u] {
    background: var(--bg-card);
    border-radius: 8px;
    max-width: 800px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    pointer-events: auto;
}

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

.modal-title[b-z35oeh7l7u] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--text-primary);
}

.btn-close[b-z35oeh7l7u] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #6b7280;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.modal-body[b-z35oeh7l7u] {
    padding: 1.5rem;
}

.form-group[b-z35oeh7l7u] {
    margin-bottom: 1.5rem;
}

.form-label[b-z35oeh7l7u] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--text-primary);
}

.time-input-group[b-z35oeh7l7u] {
    display: flex;
    gap: 0.75rem;
}
.modal-body .btn-outline-secondary[b-z35oeh7l7u] {
    color: #e2eaf1 !important;
    border-color: #e2eaf1 !important;
    background: transparent !important;
    font-family: "Nunito", ui-sans-serif, system-ui, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
}

.modal-body .btn-outline-secondary:hover[b-z35oeh7l7u] {
    background: rgba(226, 234, 241, 0.15) !important;
    border-color: #e2eaf1 !important;
    color: #e2eaf1 !important;
}

.modal-footer .btn-secondary[b-z35oeh7l7u] {
    color: #e2eaf1 !important;
    border-color: #e2eaf1 !important;
    background: transparent !important;
    border: 2px solid #e2eaf1 !important;
    border-radius: 6px !important;
    font-family: "Nunito", ui-sans-serif, system-ui, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    padding: 0.75rem 1rem !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.modal-footer .btn-secondary:hover[b-z35oeh7l7u] {
    background: rgba(226, 234, 241, 0.15) !important;
    border-color: #e2eaf1 !important;
    color: #e2eaf1 !important;
}

.modal-footer .btn-primary[b-z35oeh7l7u] {
    color: white !important;
    border-color: #3b82f6 !important;
    background: #3b82f6 !important;
    border: none !important;
    border-radius: 6px !important;
    font-family: "Nunito", ui-sans-serif, system-ui, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    padding: 0.75rem 1.25rem !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.modal-footer .btn-primary:hover[b-z35oeh7l7u] {
    background: #2563eb !important;
    border-color: #2563eb !important;
}
.form-control[b-z35oeh7l7u] {
    flex: 1;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--border-primary);
    border-radius: 6px;
    font-size: 0.95rem;
    font-family: inherit;
    background: var(--bg-secondary);
    color: var(--text-primary);
}

.form-control:focus[b-z35oeh7l7u] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

textarea.form-control[b-z35oeh7l7u] {
    resize: vertical;
    min-height: 120px;
}

.alert[b-z35oeh7l7u] {
    padding: 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
}

.alert-info[b-z35oeh7l7u] {
    background: #dbeafe;
    border: 1px solid #93c5fd;
    color: #1e40af;
}

.text-muted[b-z35oeh7l7u] {
    color: #6b7280;
}

.me-2[b-z35oeh7l7u] {
    margin-right: 0.5rem;
}

.mb-3[b-z35oeh7l7u] {
    margin-bottom: 1rem;
}

.modal-footer[b-z35oeh7l7u] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.5rem;
    border-top: 1px solid var(--border-primary);
    background: var(--bg-secondary);
}

.spinner-border-sm[b-z35oeh7l7u] {
    width: 1rem;
    height: 1rem;
}

/* Dark Mode Support */
.page-header[b-z35oeh7l7u] {
    background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);
}

.content-section[b-z35oeh7l7u] {
    background: #1f2937;
    border-color: #374151;
}

.entry-card[b-z35oeh7l7u] {
    background: #1f2937;
    border-color: #374151;
}

.entry-header[b-z35oeh7l7u] {
    background: #111827;
    border-color: #374151;
}

.entry-footer[b-z35oeh7l7u] {
    background: #111827;
    border-color: #374151;
}

.modal-dialog[b-z35oeh7l7u] {
    background: #1f2937;
    border-color: #374151;
}

.modal-header[b-z35oeh7l7u] {
    border-color: #374151;
}

.modal-footer[b-z35oeh7l7u] {
    background: #111827;
    border-color: #374151;
}

.form-control[b-z35oeh7l7u] {
    background: #111827;
    border-color: #374151;
    color: #f3f4f6;
}

.form-control:focus[b-z35oeh7l7u] {
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1);
}

.entry-content p[b-z35oeh7l7u] {
    color: #f3f4f6;
}

.entry-time[b-z35oeh7l7u] {
    color: #f3f4f6;
}

.empty-state h3[b-z35oeh7l7u] {
    color: #f3f4f6;
}

.modal-title[b-z35oeh7l7u] {
    color: #f3f4f6;
}

.form-label[b-z35oeh7l7u] {
    color: #f3f4f6;
}

.alert-info[b-z35oeh7l7u] {
    background: rgba(30, 64, 175, 0.2);
    border-color: #1e40af;
    color: #93c5fd;
}

.spinner-border[b-z35oeh7l7u] {
    border-color: #374151;
    border-top-color: #60a5fa;
}

.entry-header[b-z35oeh7l7u] {
    color: #f3f4f6;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-container[b-z35oeh7l7u] {
        padding: 1rem;
    }

    .page-header[b-z35oeh7l7u] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .header-content[b-z35oeh7l7u] {
        width: 100%;
    }

    .header-actions[b-z35oeh7l7u] {
        width: 100%;
    }

    .header-actions .btn[b-z35oeh7l7u] {
        flex: 1;
        justify-content: center;
    }

    .entry-header[b-z35oeh7l7u] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .entry-actions[b-z35oeh7l7u] {
        width: 100%;
    }

    .modal-dialog[b-z35oeh7l7u] {
        max-width: 90%;
        border-radius: 8px;
    }

    .time-input-group[b-z35oeh7l7u] {
        flex-direction: column;
    }

    .form-control[b-z35oeh7l7u] {
        width: 100%;
    }
}

/* _content/YAGServiceDesk/Pages/ITSupport/TrendAnalysisReport.razor.rz.scp.css */
/* Prevent icon flash */
    .page-container svg[b-03t0rb0mze] { max-width: 3rem; max-height: 3rem; }

    .page-container[b-03t0rb0mze] {
        width: 100%;
        max-width: 100%;
        padding: 0 0 2rem;
        box-sizing: border-box;
    }

    .sticky-header[b-03t0rb0mze] {
        position: sticky;
        top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
        z-index: 100;
        background: #0f172a;
        padding-top: 15px;
        margin-top: -15px;
        padding-bottom: 8px;
        border-bottom: 1px solid #1e293b;
    }

    .stat-card[b-03t0rb0mze] {
        background: #1e293b;
        border-radius: 12px;
        padding: 1.25rem 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        border: 1px solid #334155;
        height: 100%;
    }

    .stat-label[b-03t0rb0mze] {
        font-size: 0.78rem;
        color: #94a3b8;
        text-transform: uppercase;
        letter-spacing: 0.06em;
    }

    .stat-value[b-03t0rb0mze] {
        font-size: 2rem;
        font-weight: 700;
        color: #f1f5f9;
        line-height: 1.1;
    }

    .stat-sub[b-03t0rb0mze] {
        font-size: 0.73rem;
        color: #64748b;
    }

    .chart-card[b-03t0rb0mze] {
        background: #1e293b;
        border-radius: 12px;
        padding: 1.25rem 1.5rem;
        border: 1px solid #334155;
        height: 100%;
    }

    .chart-title[b-03t0rb0mze] {
        font-size: 0.82rem;
        font-weight: 600;
        color: #94a3b8;
        margin-bottom: 0.9rem;
        text-transform: uppercase;
        letter-spacing: 0.07em;
    }

    .filter-bar[b-03t0rb0mze] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        flex-wrap: wrap;
        margin-bottom: 1.5rem;
    }

    .filter-bar-label[b-03t0rb0mze] {
        font-size: 0.85rem;
        color: #94a3b8;
        white-space: nowrap;
    }

    .filter-bar select[b-03t0rb0mze] {
        background: #0f172a;
        color: #e2e8f0;
        border: 1px solid #334155;
        border-radius: 6px;
        padding: 0.35rem 0.75rem;
        font-size: 0.85rem;
        outline: none;
        cursor: pointer;
    }

    .filter-bar select:focus[b-03t0rb0mze] { border-color: #10b981; }

    .period-toggle[b-03t0rb0mze] {
        display: flex;
        background: #0f172a;
        border: 1px solid #334155;
        border-radius: 6px;
        overflow: hidden;
    }

    .period-toggle button[b-03t0rb0mze] {
        background: none;
        border: none;
        color: #64748b;
        padding: 0.35rem 0.85rem;
        font-size: 0.82rem;
        cursor: pointer;
        transition: background 0.15s, color 0.15s;
    }

    .period-toggle button.active[b-03t0rb0mze] {
        background: #10b981;
        color: #fff;
        font-weight: 600;
    }

    .loading-state[b-03t0rb0mze] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4rem 0;
        color: #94a3b8;
        gap: 0.75rem;
    }
/* _content/YAGServiceDesk/Pages/Tools/AccessRequests.razor.rz.scp.css */
/* =====================================================
   Access Requests Page - Dedicated Styles
   ===================================================== */

/* Page Header */
.page-header[b-uhtylf543e] {
    padding: 0.9rem 1.5rem;
    min-height: fit-content;
}

.header-text h1[b-uhtylf543e] {
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
    margin: 0 0 0.25rem 0;
}

.header-text p[b-uhtylf543e] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
}

/* Status Filter Chips */
.status-filter[b-uhtylf543e] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: .5rem;
}

.status-chip[b-uhtylf543e] {
    border: 1px solid #334155;
    background: #0f172a;
    border-radius: 9999px;
    padding: .25rem .6rem;
    display: inline-flex;
    align-items: center;
}

[b-uhtylf543e] .filter-icon {
    width: 1.5rem;
    height: 1.5rem;
    max-width: 1.5rem;
    max-height: 1.5rem;
    margin-right: -2px;
    stroke: currentColor;
    fill: none;
    vertical-align: middle;
    position: relative;
    top: 2px;
}

.status-icon[b-uhtylf543e] {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 6px;
    stroke: currentColor;
    fill: none;
    vertical-align: middle;
}

.form-check-input[b-uhtylf543e] {
    width: 1.1rem;
    height: 1.1rem;
    border: 2px solid #64748b !important;
    background-color: #1e293b;
    box-shadow: none;
    margin-top: 0 !important;
    margin-right: 0.5rem !important;
    vertical-align: middle !important;
    position: relative;
    top: 1px;
}

.form-check-input:checked[b-uhtylf543e] {
    background-color: #2563eb;
    border-color: #1d4ed8;
}

.form-check-input:focus[b-uhtylf543e] {
    box-shadow: 0 0 0 .2rem rgba(37, 99, 235, .25);
}

.form-check-label[b-uhtylf543e] {
    position: relative;
    top: 3px;
}

.table-header-gap[b-uhtylf543e] {
    display: none !important;
    flex-shrink: 0;
}

/* ===================== Access Requests Table ===================== */
table.access-table > :not(caption) > * > *[b-uhtylf543e] {
    vertical-align: middle !important;
    background-color: #1e293b;
    border-top: none !important;
    border-bottom: 1px solid #4b6079 !important;
}

.access-table td.actions-col .btn[b-uhtylf543e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    padding: 7px 10px;
    font-size: 14px;
}

.access-table td.status-col span[b-uhtylf543e] {
    display: inline-flex;
    align-items: center;
    background: transparent !important;
    font-weight: 600;
}

.access-table td.status-col .text-success[b-uhtylf543e] {
    position: relative;
    top: -4px;
}

.access-table th[b-uhtylf543e],
.access-table td[b-uhtylf543e] {
    text-align: left !important;
    vertical-align: middle !important;
    padding: 8px 10px;
    font-size: 14px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.45 !important;
    min-height: 2.7em;
}

.access-table th[b-uhtylf543e] {
    padding: 10px 6px !important;
    height: auto !important;
    background-color: #3dd5f3 !important;
}

.access-table th.actions-col[b-uhtylf543e],
.access-table td.actions-col[b-uhtylf543e] {
    text-align: center !important;
    width: 100px;
    white-space: nowrap;
    min-width: 100px;
    overflow: visible !important;
    position: relative;
}

.access-table th.status-col[b-uhtylf543e],
.access-table td.status-col[b-uhtylf543e] {
    text-align: center !important;
    width: 85px;
    white-space: nowrap;
}

.access-table .truncate[b-uhtylf543e] {
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.access-table td.dealership-col.truncate[b-uhtylf543e] {
    max-width: 280px !important;
}

.access-table tbody tr[b-uhtylf543e] {
    height: auto !important;
    line-height: 1.5 !important;
    border-bottom: none !important;
}

.access-table tbody td[b-uhtylf543e] {
    padding: 10px 10px !important;
    font-size: 14px !important;
    vertical-align: middle !important;
    white-space: nowrap;
}

.access-table thead th[b-uhtylf543e] {
    padding: 6px 8px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    text-align: left !important;
    background-color: #3dd5f3 !important;
    border-bottom: none !important;
}

.access-table tbody tr:first-child td[b-uhtylf543e] {
    border-top: none !important;
}

.access-table thead[b-uhtylf543e],
.access-table thead tr[b-uhtylf543e] {
    border-bottom: none !important;
}

.access-table[b-uhtylf543e] {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.access-table tr[b-uhtylf543e] {
    border-bottom: none !important;
}

.access-table tbody tr[b-uhtylf543e] {
    border-bottom: none !important;
}

/* ===================== Dropdown Menu ===================== */
.access-table .dropdown-menu[b-uhtylf543e] {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    padding: 0.5rem !important;
    min-width: 110px !important;
    margin-bottom: 0 !important;
    z-index: 1050 !important;
}

.access-table .dropdown-menu li[b-uhtylf543e] {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.access-table .dropdown-item[b-uhtylf543e] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.35rem !important;
    padding: 0.25rem 0.5rem 0.25rem 0.75rem !important;
    margin: 0.05rem 0 !important;
    font-size: 0.7rem !important;
    color: #334155 !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0.375rem !important;
    transition: all 0.15s ease !important;
    line-height: 1.2 !important;
}

.access-table .dropdown-item .action-icon[b-uhtylf543e] {
    width: 0.65rem !important;
    height: 0.65rem !important;
    flex-shrink: 0 !important;
}

[b-uhtylf543e] .access-table .dropdown-item .action-icon svg,
.access-table .dropdown-item .action-icon svg[b-uhtylf543e] {
    width: 0.65rem !important;
    height: 0.65rem !important;
}

/* Ensure both items take full width */
.access-table .dropdown-item-accept[b-uhtylf543e],
.access-table .dropdown-item-trash[b-uhtylf543e] {
    width: 100% !important;
    min-width: auto !important;
    max-width: none !important;
}

/* Accept button - green hover */
.access-table .dropdown-item-accept:hover[b-uhtylf543e] {
    background-color: rgba(34, 197, 94, 0.1) !important;
    color: #16a34a !important;
}

.access-table .dropdown-item-accept:hover .action-icon[b-uhtylf543e] {
    color: #16a34a !important;
}

/* Reject button - red hover */
.access-table .dropdown-item-trash:hover[b-uhtylf543e] {
    background-color: rgba(220, 38, 38, 0.1) !important;
    color: #dc2626 !important;
}

.access-table .dropdown-item-trash:hover .action-icon[b-uhtylf543e] {
    color: #dc2626 !important;
}

/* ===================== Dark Mode ===================== */
.dark .search-section-box.wide.vertical[b-uhtylf543e] {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.dark .search-input[b-uhtylf543e] {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

.dark .status-filter .form-check-label[b-uhtylf543e] {
    color: var(--text-primary);
}

.dark .status-filter .form-check-input[b-uhtylf543e] {
    border-color: var(--border-primary) !important;
    background-color: var(--bg-secondary);
}

.dark .status-filter .form-check-input:checked[b-uhtylf543e] {
    background-color: var(--rz-primary);
    border-color: var(--rz-primary-darker);
}

/* Dark mode table - Higher specificity to override Bootstrap */
.dark .table.access-table[b-uhtylf543e] {
    width: 100% !important;
    background-color: var(--bg-card) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin-bottom: 0 !important;
    table-layout: fixed !important;
}

.dark .table.access-table > :not(caption) > * > *[b-uhtylf543e] {
    background-color: var(--bg-card) !important;
    box-sizing: border-box !important;
    border-top: none !important;
    border-bottom: 1px solid #4b6079 !important;
}

.dark .table.access-table th[b-uhtylf543e],
.dark .table.access-table td[b-uhtylf543e] {
    color: var(--text-primary) !important;
    border-color: #4b6079 !important;
    background-color: var(--bg-card) !important;
    padding: 8px 10px !important;
    box-sizing: border-box !important;
}

.dark .table.access-table thead th[b-uhtylf543e] {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

.dark .table.access-table tbody tr[b-uhtylf543e] {
    background-color: var(--bg-card) !important;
    border-bottom-color: var(--border-primary) !important;
    width: 100% !important;
}

.dark .table.access-table tbody tr td[b-uhtylf543e] {
    background-color: var(--bg-card) !important;
    border-top: none !important;
    border-bottom: 1px solid #4b6079 !important;
    padding: 10px 10px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.dark .table.access-table tbody tr:hover[b-uhtylf543e] {
    background-color: var(--bg-hover) !important;
}

.dark .table.access-table tbody tr:hover td[b-uhtylf543e] {
    background-color: var(--bg-hover) !important;
}

.dark .table.access-table tbody tr[b-uhtylf543e] {
    border-bottom: none !important;
    width: 100% !important;
}

/* Dark mode dropdown button */
.dark .access-table .btn-secondary[b-uhtylf543e] {
    background-color: var(--bg-secondary);
    border-color: var(--border-primary);
    color: var(--text-primary);
}

.dark .access-table .btn-secondary:hover[b-uhtylf543e] {
    background-color: var(--bg-hover);
    border-color: var(--border-primary);
}

/* Dark mode dropdown menu */
.dark .access-table .dropdown-menu[b-uhtylf543e] {
    background-color: var(--bg-card) !important;
    border: 2px solid #1e3a5f !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 4px 12px rgba(30, 58, 95, 0.3) !important;
    margin-bottom: 0 !important;
}

.dark .access-table .dropdown-menu li[b-uhtylf543e] {
    border: none !important;
    border-bottom: none !important;
}

.dark .access-table .dropdown-item[b-uhtylf543e] {
    color: var(--text-primary) !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    margin: 0.125rem 0 !important;
    line-height: 1 !important;
}

.dark .access-table .dropdown-item:hover[b-uhtylf543e] {
    background-color: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

/* Dark mode - Accept item green hover */
.dark .access-table .dropdown-item-accept:hover[b-uhtylf543e] {
    background-color: rgba(34, 197, 94, 0.15) !important;
    color: #4ade80 !important;
}

.dark .access-table .dropdown-item-accept:hover .action-icon[b-uhtylf543e] {
    color: #4ade80 !important;
}

/* Dark mode - Reject item red hover */
.dark .access-table .dropdown-item-trash:hover[b-uhtylf543e] {
    background-color: rgba(220, 38, 38, 0.15) !important;
    color: #f87171 !important;
}

.dark .access-table .dropdown-item-trash:hover .action-icon[b-uhtylf543e] {
    color: #f87171 !important;
}

/* Dark mode status chips */
.dark .status-chip[b-uhtylf543e] {
    background: var(--bg-secondary);
    border-color: var(--border-primary);
}

/* ===== my-it-tickets.css ===== */
.header-actions[b-uhtylf543e] {
    align-items: center !important;
    min-height: unset !important;
    min-width: unset !important;
    overflow: visible !important;
}
.settings-icon[b-uhtylf543e] {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Make the cog icon wireframe white and larger */
.settings-icon svg[b-uhtylf543e] {
    width: 20px !important;
    height: 20px !important;
    stroke: #fff !important;
    color: #fff !important;
}
.settings-icon svg path[b-uhtylf543e],
.settings-icon svg circle[b-uhtylf543e],
.settings-icon svg line[b-uhtylf543e] {
    stroke: #fff !important;
    fill: none !important;
}
/* Standalone settings icon styles */
.settings-icon[b-uhtylf543e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    font-size: 1.7rem;
    margin-left: 18px;
    box-shadow: none;
    border: none;
}
.settings-icon:hover[b-uhtylf543e] {
    background: rgba(255,255,255,0.08);
    color: #e0e7ff;
}
/* My IT Tickets Page Styles */

/* Access Requests — page-scroll-layout with header + filters in stack */

.access-requests-page[b-uhtylf543e] {
    background: #0f172a;
    color: #f1f5f9;
    overflow: hidden;
}

.access-requests-scroll[b-uhtylf543e] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.access-requests-page .page-header[b-uhtylf543e] {
    position: static;
    top: auto;
    margin-bottom: 0;
}

.access-requests-page .filters-section[b-uhtylf543e] {
    position: static;
    top: auto;
    margin-top: 0;
    margin-bottom: 0;
}

/* Explicit light mode support */
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) {
    .access-requests-page[b-uhtylf543e] {
        background: #0f172a !important;
        color: #f1f5f9 !important;
    }
    
    body[b-uhtylf543e], main[b-uhtylf543e], .content[b-uhtylf543e], article[b-uhtylf543e], article.content[b-uhtylf543e] {
        background-color: #0f172a !important;
        color: #f1f5f9 !important;
    }
    
    /* Light mode ticket styling */
    .ticket-headers[b-uhtylf543e] {
        background: #1e293b !important;
        border-bottom: 2px solid #334155 !important;
        color: #cbd5e1 !important;
    }
    
    .ticket-row[b-uhtylf543e] {
        background: #1e293b !important;
        border-color: #334155 !important;
        color: #f1f5f9 !important;
    }
    
    .ticket-row:hover[b-uhtylf543e] {
        border-color: #3b82f6 !important;
        box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15) !important;
    }
    
    .ticket-id[b-uhtylf543e] {
        color: #94a3b8 !important;
    }
    
    .ticket-title-compact[b-uhtylf543e] {
        color: #334155 !important;
    }
    
    .meta-item-compact[b-uhtylf543e] {
        color: #94a3b8 !important;
    }
    
    /* Light mode filters styling */
    .filters-section[b-uhtylf543e] {
        background: #1e293b !important;
        border: 1px solid #334155 !important;
        color: #f1f5f9 !important;
    }
    
    .filter-label[b-uhtylf543e] {
        color: #cbd5e1 !important;
    }
    
    .filter-checkbox label[b-uhtylf543e] {
        color: #cbd5e1 !important;
    }
    
    /* Light mode settings section */
    .settings-link-section[b-uhtylf543e] {
        background: #1e293b !important;
        border: 1px solid #334155 !important;
        color: #94a3b8 !important;
    }
    
    .settings-link[b-uhtylf543e] {
        color: #3b82f6 !important;
    }
    
    /* Light mode form controls */
    .form-select[b-uhtylf543e], .date-input[b-uhtylf543e] {
        background: #1e293b !important;
        border: 1px solid #475569 !important;
        color: #cbd5e1 !important;
    }
    
    .form-select option[b-uhtylf543e] {
        background: #1e293b !important;
        color: #cbd5e1 !important;
    }
}

.page-header[b-uhtylf543e] {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 0;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    z-index: 200;
}

.header-content[b-uhtylf543e] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    max-width: 100%;
    margin: 0;
    flex: 1;
    min-width: 0;
}

.header-icon .page-icon[b-uhtylf543e] {
    width: 2.5rem;
    height: 2.5rem;
    max-width: 2.5rem !important;
    max-height: 2.5rem !important;
    opacity: 0.9;
    flex-shrink: 0;
}

.header-text[b-uhtylf543e] {
    flex: 1;
    min-width: 0;
}

.header-text h1[b-uhtylf543e] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.3rem;
}

.header-text p[b-uhtylf543e] {
    margin: 0;
    font-size: 0.9rem;
    opacity: 0.9;
    line-height: 1.3;
}

.header-actions[b-uhtylf543e] {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
    align-self: flex-start;
    margin-right: 2rem;
}

/* Improved button contrast for header actions */
.header-actions .btn-outline-primary[b-uhtylf543e] {
    background: rgba(255, 255, 255, 0.95);
    color: #2563eb;
    border: 2px solid #2563eb;
    font-weight: 600;
    transition: all 0.2s ease;
}

.header-actions .btn-outline-primary:hover[b-uhtylf543e] {
    background: #2563eb;
    color: #1e293b;
    border-color: #2563eb;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

.header-actions .btn-outline-secondary[b-uhtylf543e] {
    background: rgba(255, 255, 255, 0.95);
    color: #64748b;
    border: 2px solid #64748b;
    font-weight: 600;
    transition: all 0.2s ease;
}

.header-actions .btn-outline-secondary:hover[b-uhtylf543e] {
    background: #64748b;
    color: #1e293b;
    border-color: #64748b;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(100, 116, 139, 0.3);
}

.btn-settings[b-uhtylf543e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background: rgba(255, 255, 255, 0.15);
    color: #1e293b;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-settings:hover[b-uhtylf543e] {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-1px);
}

.page-header .header-actions .btn-settings .btn-icon[b-uhtylf543e] {
    width: 45px !important;
    height: 45px !important;
    min-width: 45px !important;
    min-height: 45px !important;
    max-width: 45px !important;
    max-height: 45px !important;
}

.btn-primary[b-uhtylf543e] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: rgba(255, 255, 255, 0.2);
    color: #1e293b;
    border: 2px solid rgba(255, 255, 255, 0.3);
    padding: 0.875rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.2s ease;
    backdrop-filter: blur(10px);
}

.btn-primary:hover[b-uhtylf543e] {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-2px);
}

.btn-secondary[b-uhtylf543e] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: #3b82f6;
    color: #1e293b;
    border: none;
    padding: 0.875rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-secondary:hover[b-uhtylf543e] {
    background: #2563eb;
    transform: translateY(-1px);
}

.btn-icon[b-uhtylf543e] {
    width: 1.25rem;
    height: 1.25rem;
}

.tickets-container[b-uhtylf543e] {
    max-width: 100%;
    margin: 0;
}

/* Filters Section */
.filters-section[b-uhtylf543e] {
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 12px;
    padding: 0.5625rem 1.5rem;
    margin-bottom: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    z-index: 100;
}

.filters-section table[b-uhtylf543e] {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}
.filters-section tr[b-uhtylf543e] {
    height: 8px !important;
}
.filters-section td[b-uhtylf543e], .filters-section th[b-uhtylf543e] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
}

.filters-row[b-uhtylf543e] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4rem;
    flex-wrap: nowrap;
}

.filter-group[b-uhtylf543e] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    min-width: fit-content;
}

.filter-label[b-uhtylf543e] {
    font-weight: 600;
    color: #cbd5e1;
    margin-right: 1rem;
}

.filter-checkboxes[b-uhtylf543e] {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.filter-checkbox[b-uhtylf543e] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-checkbox input[type="checkbox"][b-uhtylf543e],
.filter-checkbox input[type="radio"][b-uhtylf543e] {
    width: 1rem;
    height: 1rem;
    accent-color: #3b82f6;
    position: relative;
    top: -1px;
}

.filter-checkbox label[b-uhtylf543e] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.9rem;
    color: #cbd5e1;
    font-weight: 500;
}

.status-indicator[b-uhtylf543e] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-indicator.status-open[b-uhtylf543e] {
    background: #f59e0b;
}

.status-indicator.status-progress[b-uhtylf543e] {
    background: #3b82f6;
}

.status-indicator.status-assigned[b-uhtylf543e] {
    background: #8b5cf6;
}

.status-indicator.status-resolved[b-uhtylf543e] {
    background: #10b981;
}

.status-indicator.status-closed[b-uhtylf543e] {
    background: #94a3b8;
}

.priority-indicator[b-uhtylf543e] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.priority-indicator.priority-high[b-uhtylf543e] {
    background: #dc2626;
}

.priority-indicator.priority-medium[b-uhtylf543e] {
    background: #f59e0b;
}

.priority-indicator.priority-low[b-uhtylf543e] {
    background: #10b981;
}

/* Tickets List */
.tickets-section[b-uhtylf543e] {
    min-height: auto;
    overflow-x: clip;
}

.tickets-list[b-uhtylf543e] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Column Headers */
.ticket-headers[b-uhtylf543e] {
    display: grid;
    grid-template-columns: 50px minmax(300px, 1fr) 200px 80px 95px 180px 100px 130px 80px 45px 90px;
    align-items: center;
    gap: 0.75rem;
    position: sticky;
    top: 180px;
    z-index: 10;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid #334155;
    font-weight: 600;
    font-size: 0.875rem;
    color: #cbd5e1;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Headers with Assigned To column */
.ticket-headers.with-assigned-to[b-uhtylf543e] {
    grid-template-columns: 50px minmax(300px, 1fr) 200px 80px 95px 180px 100px 130px 80px 120px 45px 90px;
}

.ticket-headers > div[b-uhtylf543e] {
    justify-self: start;
}


/* Compact Table-like Ticket Layout */
.ticket-row[b-uhtylf543e] {
    display: grid;
    grid-template-columns: 50px minmax(300px, 1fr) 200px 80px 95px 180px 100px 130px 80px 45px 90px;
    align-items: center;
    gap: 0.75rem;
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 0;
    border-bottom: 1px solid #334155;
    padding: 0.75rem 1rem;
}

/* Ticket rows with Assigned To column */
.ticket-row.with-assigned-to[b-uhtylf543e] {
    grid-template-columns: 50px minmax(300px, 1fr) 200px 80px 95px 180px 100px 130px 80px 120px 45px 90px;
}

.ticket-row[b-uhtylf543e] {
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 50px;
}

.ticket-row:hover[b-uhtylf543e] {
    border-color: #3b82f6;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1);
}

.ticket-row.is-deleted[b-uhtylf543e] {
    opacity: 0.6;
    cursor: not-allowed;
}

.ticket-row.is-deleted > div[b-uhtylf543e] {
    text-decoration: line-through;
}

.ticket-row.is-deleted .status-text[b-uhtylf543e],
.ticket-row.is-deleted .delete-label[b-uhtylf543e] {
    text-decoration: none;
}

.ticket-delete .btn.btn-outline-danger[b-uhtylf543e],
.ticket-delete .btn.btn-outline-danger:focus[b-uhtylf543e],
.ticket-delete .btn.btn-outline-danger:active[b-uhtylf543e] {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
    font-size: 0.95rem !important;
}

.ticket-delete .btn.btn-outline-danger:hover[b-uhtylf543e] {
    background: #b91c1c !important;
    border-color: #b91c1c !important;
    color: #fff !important;
}

.ticket-delete .btn.btn-outline-danger:disabled[b-uhtylf543e],
.ticket-delete .btn.btn-outline-danger[disabled][b-uhtylf543e] {
    background: #7f1d1d !important;
    border-color: #7f1d1d !important;
    color: #fef2f2 !important;
    opacity: 0.8 !important;
    cursor: not-allowed;
}

.ticket-delete .delete-label[b-uhtylf543e] {
    position: relative;
    top: -2px;
}

.ticket-id[b-uhtylf543e] {
    font-weight: 700;
    color: #94a3b8;
    font-size: 0.875rem;
    justify-self: start;
}

.ticket-title-compact[b-uhtylf543e] {
    font-weight: 600;
    color: #334155;
    font-size: 0.95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    justify-self: start;
    min-width: 0;
    width: 100%;
}

.ticket-created[b-uhtylf543e],
.ticket-type[b-uhtylf543e] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8rem;
    color: #cbd5e1;
    white-space: nowrap;
    justify-self: start;
}

.ticket-meta-compact[b-uhtylf543e] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    justify-self: start;
}

.meta-item-compact[b-uhtylf543e] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8rem;
    color: #94a3b8;
    white-space: nowrap;
}

.meta-icon-small[b-uhtylf543e] {
    width: 0.75rem;
    height: 0.75rem;
    opacity: 0.7;
}

.ticket-status[b-uhtylf543e] {
    display: contents !important;
}
    justify-content: center;[b-uhtylf543e]
}

.priority[b-uhtylf543e] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    justify-self: start;
    white-space: nowrap;
    width: 150px;
    min-width: 150px;
    text-align: center;
    justify-content: center;
}

.ticket-hours[b-uhtylf543e] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 0.875rem;
    font-weight: 600;
    color: #059669;
    justify-self: start;
    text-align: left;
    width: 80px;
}

.hours-value[b-uhtylf543e] {
    color: #059669;
    font-weight: 700;
}

.hours-none[b-uhtylf543e] {
    color: #9ca3af;
    font-weight: 400;
}

.view-arrow[b-uhtylf543e] {
    justify-self: center;
}

/* Special adjustment for IN PROGRESS status text */
.ticket-status.status-progress .status-text[b-uhtylf543e],
.ticket-status.status-progress span:not(.status-icon)[b-uhtylf543e] {
    transform: translateY(2px);
}

.arrow-icon[b-uhtylf543e] {
    width: 1.25rem;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0;
    margin: 0;
    height: 1.25rem;
    color: #9ca3af;
    transition: color 0.2s ease;
}

.ticket-row:hover .arrow-icon[b-uhtylf543e] {
    color: #3b82f6;
}

/* Dark Mode Styles */
.dark .ticket-headers[b-uhtylf543e] {
    background: #475569;
    border-bottom-color: #64748b;
    color: #1e293b;
}

.dark .ticket-row[b-uhtylf543e] {
    background: #1e293b;
    border-color: #334155;
}

.dark .ticket-row:hover[b-uhtylf543e] {
    border-color: var(--bs-primary);
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2);
}

.dark .ticket-id[b-uhtylf543e] {
    color: #94a3b8;
}

.dark .ticket-title-compact[b-uhtylf543e] {
    color: #0f172a;
}

.dark .meta-item-compact[b-uhtylf543e] {
    color: #94a3b8;
}

.dark .meta-icon-small[b-uhtylf543e] {
    opacity: 0.8;
}

.dark .arrow-icon[b-uhtylf543e] {
    color: #94a3b8;
}

.dark .ticket-created[b-uhtylf543e],
.dark .ticket-type[b-uhtylf543e] {
    color: #334155;
}

.dark .ticket-hours .hours-value[b-uhtylf543e] {
    color: #10b981;
}

.dark .ticket-hours .hours-none[b-uhtylf543e] {
    color: #94a3b8;
}

.dark .ticket-row:hover .arrow-icon[b-uhtylf543e] {
    color: var(--bs-primary);
}

/* Dark mode page container */
.dark .access-requests-page[b-uhtylf543e] {
    background: #0f172a;
    min-height: calc(100vh - 105px);
}

/* Dark mode button contrast improvements */
.dark .header-actions .btn-outline-primary[b-uhtylf543e] {
    background: rgba(15, 23, 42, 0.85) !important;
    color: #bfdbfe !important;
    border: 2px solid #93c5fd !important;
    font-weight: 600;
}

.dark .header-actions .btn-outline-primary:hover[b-uhtylf543e] {
    background: #3b82f6 !important;
    color: #1e293b !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.5);
}

.dark .header-actions .btn-outline-secondary[b-uhtylf543e] {
    background: #5a6b8de0 !important;
    color: #1e293b !important;
    border: 2px solid #cbd5e1 !important;
    font-weight: 600;
}

.dark .header-actions .btn-outline-secondary:hover[b-uhtylf543e] {
    background: #64748b;
    color: #1e293b;
    border-color: #64748b;
    box-shadow: 0 4px 12px rgba(100, 116, 139, 0.5);
}

.ticket-card[b-uhtylf543e] {
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 8px;
    padding: 0.75rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ticket-card:hover[b-uhtylf543e] {
    border-color: #3b82f6;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.ticket-header[b-uhtylf543e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ticket-id[b-uhtylf543e] {
    font-weight: 700;
    color: #94a3b8;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}

.ticket-status[b-uhtylf543e] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    gap: 0;
}

.ticket-status.status-open[b-uhtylf543e] {
    background: transparent;
    color: inherit;
    border-radius: 0;
}

.ticket-status.status-progress[b-uhtylf543e] {
    background: transparent;
    color: inherit;
    border-radius: 0;
}

.ticket-status.status-resolved[b-uhtylf543e] {
    background: transparent;
    color: inherit;
    border-radius: 0;
}

.ticket-status.status-closed[b-uhtylf543e] {
    background: transparent;
    color: inherit;
    border-radius: 0;
}

/* Additional status styles */
.ticket-status.status-new[b-uhtylf543e] {
    background: transparent;
    color: inherit;
    border-radius: 0;
}

.ticket-status.status-in-progress[b-uhtylf543e] {
    background: transparent;
    color: inherit;
    border-radius: 0;
}

.ticket-status.status-assigned[b-uhtylf543e] {
    background: transparent;
    color: inherit;
    border-radius: 0;
}

.ticket-status.status-done[b-uhtylf543e] {
    background: transparent;
    color: inherit;
    border-radius: 0;
}

.ticket-status.status-completed[b-uhtylf543e] {
    background: transparent;
    color: inherit;
    border-radius: 0;
}

.status-icon[b-uhtylf543e] {
    width: 0.875rem;
    height: 0.875rem;
}

.ticket-body[b-uhtylf543e] {
    flex: 1;
}

.ticket-title[b-uhtylf543e] {
    margin: 0 0 0.5rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #334155;
    line-height: 1.3;
}

.ticket-description[b-uhtylf543e] {
    margin: 0 0 0.5rem 0;
    color: #94a3b8;
    line-height: 1.5;
    font-size: 0.9rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ticket-meta[b-uhtylf543e] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.meta-item[b-uhtylf543e] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8rem;
    color: #94a3b8;
}

.meta-icon[b-uhtylf543e] {
    width: 1rem;
    height: 1rem;
    color: #9ca3af;
}

.ticket-actions[b-uhtylf543e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.5rem;
    border-top: 1px solid #1e293b;
}

.priority[b-uhtylf543e] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.priority.priority-high[b-uhtylf543e] {
    background: #dc2626;
    color: #1e293b;
}

.priority.priority-medium[b-uhtylf543e] {
    background: #fef3c7;
    color: #d97706;
}

.priority.priority-low[b-uhtylf543e] {
    background: #ecfdf5;
    color: #059669;
}

.priority-icon[b-uhtylf543e] {
    width: 0.875rem;
    height: 0.875rem;
}

.view-arrow[b-uhtylf543e] {
    flex-shrink: 0;
}

.arrow-icon[b-uhtylf543e] {
    width: 1.25rem;
    height: 1.25rem;
    color: #475569;
    transition: all 0.2s ease;
}

.ticket-card:hover .arrow-icon[b-uhtylf543e] {
    color: #3b82f6;
    transform: translateX(4px);
}

/* Empty State */
.empty-state[b-uhtylf543e] {
    text-align: center;
    padding: 4rem 2rem;
    color: #94a3b8;
}

.empty-icon[b-uhtylf543e] {
    margin-bottom: 1.5rem;
}

.empty-state-icon[b-uhtylf543e] {
    width: 4rem;
    height: 4rem;
    color: #475569;
    margin: 0 auto;
}

.empty-state h3[b-uhtylf543e] {
    margin: 0 0 1rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #cbd5e1;
}

.empty-state p[b-uhtylf543e] {
    margin: 0 0 2rem 0;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-header[b-uhtylf543e] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
    }
    
    .header-content[b-uhtylf543e] {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }
    
    .header-text h1[b-uhtylf543e] {
        font-size: 2rem;
    }
    
    .filter-group[b-uhtylf543e] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .filter-checkboxes[b-uhtylf543e] {
        gap: 1rem;
    }
    
    .ticket-meta[b-uhtylf543e] {
        gap: 1rem;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .ticket-actions[b-uhtylf543e] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
}

@media (max-width: 480px) {
    .page-header[b-uhtylf543e] {
        padding: 1.5rem;
    }
    
    .tickets-container[b-uhtylf543e] {
        padding: 0 1rem;
    }
    
    .ticket-card[b-uhtylf543e] {
        padding: 1rem;
    }
    
    .ticket-header[b-uhtylf543e] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .filter-checkboxes[b-uhtylf543e] {
        flex-direction: column;
        gap: 0.75rem;
    }
}

/* Story Points */
.story-points[b-uhtylf543e] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.story-points .points[b-uhtylf543e] {
    background: #1e293b;
    color: #cbd5e1;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Loading State */
.loading-state[b-uhtylf543e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #94a3b8;
}

.spinner[b-uhtylf543e] {
    width: 2rem;
    height: 2rem;
    border: 3px solid #1e293b;
    border-top: 3px solid #3b82f6;
    border-radius: 50%;
    animation: spin-b-uhtylf543e 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-uhtylf543e {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Status improvements */
.ticket-status.status-assigned[b-uhtylf543e] {
    background: #f3e8ff;
    color: #7c3aed;
}

.ticket-status.status-assigned .status-icon[b-uhtylf543e] {
    color: #8b5cf6;
}

/* Status Text Oval Styling */
.status-text[b-uhtylf543e] {
    display: inline-block;
    padding: 0.5rem;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
    min-width: 120px;
    color: #1e293b;
}

.status-text.status-new[b-uhtylf543e] {
    background: #3b82f6;
}

.status-text.status-open[b-uhtylf543e] {
    background: #10b981;
}

.status-text.status-in-progress[b-uhtylf543e] {
    background: #f59e0b;
}

.status-text.status-assigned[b-uhtylf543e] {
    background: #8b5cf6;
}

.status-text.status-resolved[b-uhtylf543e],
.status-text.status-done[b-uhtylf543e],
.status-text.status-closed[b-uhtylf543e],
.status-text.status-completed[b-uhtylf543e] {
    background: #94a3b8;
}

.status-text.status-deleted[b-uhtylf543e] {
    background: #b91c1c;
}

/* Dark mode status text */
.dark .status-text[b-uhtylf543e] {
    color: #1e293b;
}

.dark .status-text.status-new[b-uhtylf543e] {
    background: #3b82f6;
}

.dark .status-text.status-open[b-uhtylf543e] {
    background: #10b981;
}

.dark .status-text.status-in-progress[b-uhtylf543e] {
    background: #f59e0b;
}

.dark .status-text.status-assigned[b-uhtylf543e] {
    background: #8b5cf6;
}

.dark .status-text.status-resolved[b-uhtylf543e],
.dark .status-text.status-done[b-uhtylf543e],
.dark .status-text.status-closed[b-uhtylf543e],
.dark .status-text.status-completed[b-uhtylf543e] {
    background: #94a3b8;
}

.dark .status-text.status-deleted[b-uhtylf543e] {
    background: #b91c1c;
}

/* Enhanced Ticket Management Styles */

/* Search and Filter Section */
.search-and-filters[b-uhtylf543e] {
    background: #1e293b;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem;
    padding: 1.5rem;
}

.search-section[b-uhtylf543e] {
    margin-bottom: 1.5rem;
}

.search-container[b-uhtylf543e] {
    position: relative;
    max-width: 600px;
}

.search-input[b-uhtylf543e] {
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 2.5rem;
    border: 2px solid #334155;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.2s ease;
    background: #1e293b;
}

.search-input:focus[b-uhtylf543e] {
    outline: none;
    border-color: #3b82f6;
    background: #1e293b;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.search-icon[b-uhtylf543e] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem;
    color: #94a3b8;
    pointer-events: none;
}

.search-clear[b-uhtylf543e] {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 4px;
    color: #94a3b8;
    transition: background-color 0.2s ease;
}

.search-clear:hover[b-uhtylf543e] {
    background: #1e293b;
}

.clear-icon[b-uhtylf543e] {
    width: 1rem;
    height: 1rem;
}

/* Bulk Actions */
.bulk-actions[b-uhtylf543e] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.selected-count[b-uhtylf543e] {
    font-weight: 500;
    color: #1d4ed8;
}

.bulk-assign-select[b-uhtylf543e],
.bulk-status-select[b-uhtylf543e] {
    padding: 0.5rem;
    border: 1px solid #475569;
    border-radius: 6px;
    background: #1e293b;
    font-size: 0.875rem;
}

/* View Controls */
.view-controls[b-uhtylf543e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.sort-controls[b-uhtylf543e] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sort-controls label[b-uhtylf543e] {
    font-weight: 500;
    color: #cbd5e1;
}

.sort-controls select[b-uhtylf543e] {
    padding: 0.5rem;
    border: 1px solid #475569;
    border-radius: 6px;
    background: #1e293b;
}

.export-controls .btn-secondary[b-uhtylf543e] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Enhanced Filters */
.priority-indicator[b-uhtylf543e],
.category-indicator[b-uhtylf543e] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.priority-indicator.priority-high[b-uhtylf543e] {
    background: #ef4444;
}

.priority-indicator.priority-medium[b-uhtylf543e] {
    background: #f59e0b;
}

.priority-indicator.priority-low[b-uhtylf543e] {
    background: #10b981;
}

.category-indicator[b-uhtylf543e] {
    background: #6366f1;
}

.category-filters[b-uhtylf543e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.5rem;
}

.date-filters[b-uhtylf543e] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.date-input[b-uhtylf543e] {
    padding: 0.5rem;
    border: 1px solid #475569;
    border-radius: 6px;
    font-size: 0.875rem;
}

.date-separator[b-uhtylf543e] {
    color: #94a3b8;
    font-weight: 500;
}

.btn-link[b-uhtylf543e] {
    background: none;
    border: none;
    color: #3b82f6;
    text-decoration: underline;
    cursor: pointer;
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
}

.btn-link:hover[b-uhtylf543e] {
    color: #1d4ed8;
}

/* Enhanced Table Headers */
.ticket-headers.with-bulk-actions[b-uhtylf543e] {
    grid-template-columns: 40px 60px minmax(250px, 1fr) 160px 100px 80px 90px 120px 80px 120px;
}

.header-select[b-uhtylf543e],
.header-actions[b-uhtylf543e] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #cbd5e1;
}

/* Enhanced Ticket Rows */
.ticket-row.with-bulk-actions[b-uhtylf543e] {
    grid-template-columns: 40px 60px minmax(250px, 1fr) 160px 100px 80px 90px 120px 80px 120px;
}

.ticket-row.selected[b-uhtylf543e] {
    background-color: #eff6ff;
    border-left: 4px solid #3b82f6;
}

.ticket-select[b-uhtylf543e] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ticket-select input[type="checkbox"][b-uhtylf543e] {
    transform: scale(1.1);
    cursor: pointer;
}

/* Quick Actions */
.quick-assign-select[b-uhtylf543e],
.status-quick-change[b-uhtylf543e] {
    padding: 0.25rem 0.5rem;
    border: 1px solid #475569;
    border-radius: 4px;
    font-size: 0.75rem;
    background: #1e293b;
    max-width: 120px;
}

.quick-assign-select:focus[b-uhtylf543e],
.status-quick-change:focus[b-uhtylf543e] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

.action-buttons[b-uhtylf543e] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-icon[b-uhtylf543e] {
    background: none;
    border: none;
    padding: 0.375rem;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-icon:hover[b-uhtylf543e] {
    background: #1e293b;
}

.action-icon[b-uhtylf543e] {
    width: 1rem;
    height: 1rem;
    color: #94a3b8;
}

.btn-icon:hover .action-icon[b-uhtylf543e] {
    color: #cbd5e1;
}

/* Responsive Design for Enhanced Features */
@media (max-width: 1200px) {
    .view-controls[b-uhtylf543e] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .category-filters[b-uhtylf543e] {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
    
    .ticket-headers.with-bulk-actions[b-uhtylf543e] {
        grid-template-columns: 40px 60px minmax(200px, 1fr) 140px 80px 70px 80px 100px 60px 100px;
    }
    
    .ticket-row.with-bulk-actions[b-uhtylf543e] {
        grid-template-columns: 40px 60px minmax(200px, 1fr) 140px 80px 70px 80px 100px 60px 100px;
    }
}

@media (max-width: 768px) {
    .search-and-filters[b-uhtylf543e] {
        padding: 1rem;
    }
    
    .bulk-actions[b-uhtylf543e] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .date-filters[b-uhtylf543e] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* SLA Column Styles */
.header-sla[b-uhtylf543e] {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header-sla:hover[b-uhtylf543e] {
    background-color: rgba(59, 130, 246, 0.1);
}

.sort-indicator[b-uhtylf543e] {
    font-size: 0.75rem;
    color: #3b82f6;
}

.ticket-sla[b-uhtylf543e] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
    min-width: 160px;
    white-space: nowrap;
    overflow: visible;
}

.sla-text[b-uhtylf543e] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.sla-time[b-uhtylf543e] {
    font-size: 0.7rem;
    font-weight: 600;
    opacity: 1;
    color: rgba(255, 255, 255, 0.9);
}

/* Dark mode SLA time */
.dark .sla-time[b-uhtylf543e] {
    opacity: 1;
    color: rgba(255, 255, 255, 0.8);
}

/* SLA Color Classes */
.sla-good[b-uhtylf543e] {
    background: #10b981;
    color: #1e293b;
    border: 1px solid #10b981;
}

.sla-warning[b-uhtylf543e] {
    background: #f59e0b;
    color: #1e293b;
    border: 1px solid #f59e0b;
}

.sla-critical[b-uhtylf543e] {
    background: #f97316;
    color: #1e293b;
    border: 1px solid #f97316;
}

.sla-overdue[b-uhtylf543e] {
    background: #ef4444;
    color: #1e293b;
    border: 1px solid #ef4444;
}

.sla-closed[b-uhtylf543e] {
    background: #94a3b8;
    color: #1e293b;
    border: 1px solid #94a3b8;
}

/* Dark mode SLA colors */
.dark .sla-good[b-uhtylf543e] {
    background: #10b981;
    color: #1e293b;
    border: 1px solid #10b981;
}

.dark .sla-warning[b-uhtylf543e] {
    background: #f59e0b;
    color: #1e293b;
    border: 1px solid #f59e0b;
}

.dark .sla-critical[b-uhtylf543e] {
    background: #f97316;
    color: #1e293b;
    border: 1px solid #f97316;
}

.dark .sla-overdue[b-uhtylf543e] {
    background: #ef4444;
    color: #1e293b;
    border: 1px solid #ef4444;
}

.dark .sla-closed[b-uhtylf543e] {
    background: #94a3b8;
    color: #1e293b;
    border: 1px solid #94a3b8;
}

/* Dark mode status styles */
.dark .ticket-status.status-new[b-uhtylf543e] {
    background: #3b82f6;
    color: #1e293b;
    border-radius: 50px;
}

.dark .ticket-status.status-open[b-uhtylf543e] {
    background: #10b981;
    color: #1e293b;
    border-radius: 50px;
}

.dark .ticket-status.status-progress[b-uhtylf543e],
.dark .ticket-status.status-in-progress[b-uhtylf543e] {
    background: #f59e0b;
    color: #1e293b;
    border-radius: 50px;
}

.dark .ticket-status.status-assigned[b-uhtylf543e] {
    background: #8b5cf6;
    color: #1e293b;
    border-radius: 50px;
}

.dark .ticket-status.status-resolved[b-uhtylf543e],
.dark .ticket-status.status-done[b-uhtylf543e],
.dark .ticket-status.status-closed[b-uhtylf543e],
.dark .ticket-status.status-completed[b-uhtylf543e] {
    background: #94a3b8;
    color: #1e293b;
    border-radius: 50px;
}

/* Dark mode status styles */
.dark .ticket-status.status-new[b-uhtylf543e] {
    background: #3b82f6;
    color: #1e293b;
    border-radius: 50px;
}

.dark .ticket-status.status-open[b-uhtylf543e] {
    background: #10b981;
    color: #1e293b;
    border-radius: 50px;
}

.dark .ticket-status.status-progress[b-uhtylf543e],
.dark .ticket-status.status-in-progress[b-uhtylf543e] {
    background: #f59e0b;
    color: #1e293b;
    border-radius: 50px;
}

.dark .ticket-status.status-assigned[b-uhtylf543e] {
    background: #8b5cf6;
    color: #1e293b;
    border-radius: 50px;
}

.dark .ticket-status.status-resolved[b-uhtylf543e],
.dark .ticket-status.status-done[b-uhtylf543e],
.dark .ticket-status.status-closed[b-uhtylf543e],
.dark .ticket-status.status-completed[b-uhtylf543e] {
    background: #94a3b8;
    color: #1e293b;
    border-radius: 50px;
}

/* Settings Link Section */
.settings-link-section[b-uhtylf543e] {
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 24px;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
}

.settings-info[b-uhtylf543e] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    color: #94a3b8;
}

.settings-icon[b-uhtylf543e] {
    width: 16px;
    height: 16px;
    color: #2563eb;
    flex-shrink: 0;
}

.settings-link[b-uhtylf543e] {
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}

.settings-link:hover[b-uhtylf543e] {
    color: #1d4ed8;
    text-decoration: underline;
}

.dark .settings-link-section[b-uhtylf543e] {
    background: #cbd5e1;
    border-color: #94a3b8;
}

.dark .settings-info[b-uhtylf543e] {
    color: #475569;
}

.dark .settings-link[b-uhtylf543e] {
    color: #60a5fa;
}

.dark .settings-link:hover[b-uhtylf543e] {
    color: #93c5fd;
}

/* Responsive breakpoints to prevent column overlap */
@media (max-width: 1400px) {
    .ticket-headers[b-uhtylf543e] {
        grid-template-columns: 70px minmax(250px, 1fr) 220px 110px 120px 160px 120px 120px 80px 35px 90px;
        gap: 1rem;
    }
    
    .ticket-headers.with-assigned-to[b-uhtylf543e] {
        grid-template-columns: 70px minmax(250px, 1fr) 220px 110px 120px 160px 120px 120px 80px 105px 35px 90px;
    }
    
    .ticket-row[b-uhtylf543e] {
        grid-template-columns: 70px minmax(250px, 1fr) 220px 110px 120px 160px 120px 120px 80px 35px 90px;
        gap: 1rem;
    }
    
    .ticket-row.with-assigned-to[b-uhtylf543e] {
        grid-template-columns: 70px minmax(250px, 1fr) 220px 110px 120px 160px 120px 120px 80px 105px 35px 90px;
    }
}

@media (max-width: 1200px) {
    .ticket-headers[b-uhtylf543e] {
        grid-template-columns: 60px minmax(200px, 1fr) 200px 100px 120px 150px 100px 100px 80px 35px 90px;
        gap: 0.75rem;
    }
    
    .ticket-headers.with-assigned-to[b-uhtylf543e] {
        grid-template-columns: 60px minmax(200px, 1fr) 200px 100px 120px 150px 100px 100px 80px 95px 35px 90px;
    }
    
    .ticket-row[b-uhtylf543e] {
        grid-template-columns: 60px minmax(200px, 1fr) 200px 100px 120px 150px 100px 100px 80px 35px 90px;
        gap: 0.75rem;
    }
    
    .ticket-row.with-assigned-to[b-uhtylf543e] {
        grid-template-columns: 60px minmax(200px, 1fr) 200px 100px 120px 150px 100px 100px 80px 95px 35px 90px;
    }
    
    .ticket-headers[b-uhtylf543e], .ticket-row[b-uhtylf543e] {
        font-size: 0.85rem;
    }
}

@media (max-width: 1000px) {
    /* Hide less important columns on smaller screens */
    .ticket-headers[b-uhtylf543e] {
        grid-template-columns: 60px minmax(250px, 1fr) 120px 150px 100px 80px;
    }
    
    .ticket-headers.with-assigned-to[b-uhtylf543e] {
        grid-template-columns: 60px minmax(250px, 1fr) 120px 150px 100px 120px 80px;
    }
    
    .ticket-row[b-uhtylf543e] {
        grid-template-columns: 60px minmax(250px, 1fr) 120px 150px 100px 80px;
    }
    
    .ticket-row.with-assigned-to[b-uhtylf543e] {
        grid-template-columns: 60px minmax(250px, 1fr) 120px 150px 100px 120px 80px;
    }
    
    /* Hide type, dealership, department, hours, and delete columns on smaller screens */
    .header-type[b-uhtylf543e],
    .ticket-type[b-uhtylf543e],
    .header-dealership[b-uhtylf543e],
    .ticket-dealership[b-uhtylf543e],
    .header-department[b-uhtylf543e],
    .ticket-department[b-uhtylf543e],
    .header-hours[b-uhtylf543e],
    .ticket-hours[b-uhtylf543e],
    .header-delete[b-uhtylf543e],
    .ticket-delete[b-uhtylf543e] {
        display: none;
    }
}

/* Ensure title always has proper text overflow behavior */
.ticket-title-compact[b-uhtylf543e] {
    min-width: 0 !important;
    max-width: 100%;
}
/* _content/YAGServiceDesk/Pages/Tools/AgentNewTicket.razor.rz.scp.css */
/* AgentNewTicket — in-flow header (page-scroll-layout) for consistent 20px gap */

.agent-ticket-page > .page-header-stack[b-sye0eonjx0] {
	padding-bottom: 0;
}

.agent-ticket-page .page-header[b-sye0eonjx0] {
	background: linear-gradient(135deg, #0369a1 0%, #0284c7 100%);
	color: white;
	padding: 0.9rem 1.5rem;
	margin-bottom: 0;
	border-radius: 16px;
	display: flex;
	align-items: center;
	box-shadow: 0 18px 45px rgba(3, 105, 161, 0.35);
}

.header-content[b-sye0eonjx0] {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.page-header-icon[b-sye0eonjx0] {
	font-size: 1.75rem;
	opacity: 0.9;
	flex-shrink: 0;
}

.header-text h1[b-sye0eonjx0] {
	margin: 0;
	font-size: 1.6rem;
	font-weight: 600;
	color: white;
}

.header-text p[b-sye0eonjx0] {
	margin: 0;
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.85);
}

.agent-ticket-scroll[b-sye0eonjx0] {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
}

.agent-ticket-content[b-sye0eonjx0] {
	padding: 0 0 1.5rem 0;
}
/* _content/YAGServiceDesk/Pages/Tools/RejectReasonDialog.razor.rz.scp.css */
/* RejectReasonDialog styles */
/* _content/YAGServiceDesk/Pages/Tools/TekionDataPipelineEdit.razor.rz.scp.css */
/* TekionDataPipelineEdit — in-flow header (page-scroll-layout) */

.tekion-pipeline-page > .page-header-stack[b-3wjrhyrrue] {
	padding-bottom: 0;
}

.tekion-pipeline-page .page-header[b-3wjrhyrrue] {
	background: linear-gradient(135deg, #6366f1 0%, #4f46e5 50%, #3730a3 100%);
	color: white;
	padding: 0.9rem 1.5rem;
	margin-bottom: 0;
	border-radius: 16px;
	display: flex;
	align-items: center;
	box-shadow: 0 18px 45px rgba(79, 70, 229, 0.35);
}

.header-content[b-3wjrhyrrue] {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.page-header-icon[b-3wjrhyrrue] {
	font-size: 1.75rem;
	opacity: 0.9;
	flex-shrink: 0;
}

.header-text h1[b-3wjrhyrrue] {
	margin: 0;
	font-size: 1.6rem;
	font-weight: 600;
	color: white;
}

.header-text p[b-3wjrhyrrue] {
	margin: 0;
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.85);
}

.tekion-pipeline-scroll[b-3wjrhyrrue] {
	flex: 1;
	min-height: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.tekion-pipeline-actions[b-3wjrhyrrue] {
	flex-shrink: 0;
}

.json-editor-container[b-3wjrhyrrue] {
	flex: 1;
	min-height: 400px;
}
/* _content/YAGServiceDesk/Pages/Tools/VinNhtsaLookup.razor.rz.scp.css */
/* VIN Lookup — standard in-flow header (matches AgentNewTicket / Access Requests) */

.vin-lookup-page > .page-header-stack[b-kxgep7hlau] {
    padding-bottom: 0;
}

.vin-lookup-page .page-header[b-kxgep7hlau] {
    background: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
    color: white;
    padding: 0.9rem 1.5rem;
    margin-bottom: 0;
    border-radius: 16px;
    display: flex;
    align-items: center;
    box-shadow: 0 18px 45px rgba(15, 118, 110, 0.35);
}

.vin-lookup-page .header-content[b-kxgep7hlau] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.vin-lookup-page .page-header-icon[b-kxgep7hlau] {
    font-size: 1.75rem;
    opacity: 0.9;
    flex-shrink: 0;
}

.vin-lookup-page .header-text h1[b-kxgep7hlau] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
}

.vin-lookup-page .header-text p[b-kxgep7hlau] {
    margin: 0;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
}

.vin-lookup-search-card[b-kxgep7hlau] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1rem 1.25rem;
    margin-top: var(--page-header-content-gap, 20px);
}

.vin-lookup-search-card .form-label[b-kxgep7hlau] {
    color: var(--text-secondary);
}

.vin-lookup-search-row[b-kxgep7hlau] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    margin-top: 0.35rem;
}

.vin-lookup-page .vin-lookup-input.form-control[b-kxgep7hlau] {
    max-width: 22rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background-color: #0f172a;
    border: 1px solid #334155;
    color: #e2e8f0;
    box-shadow: none;
}

.vin-lookup-page .vin-lookup-input.form-control:focus[b-kxgep7hlau] {
    background-color: #0f172a;
    border-color: #14b8a6;
    color: #f8fafc;
    box-shadow: 0 0 0 0.2rem rgba(20, 184, 166, 0.2);
}

.vin-lookup-page .vin-lookup-input.form-control[b-kxgep7hlau]::placeholder {
    color: #64748b;
}

.vin-lookup-page .vin-lookup-input.form-control:-webkit-autofill[b-kxgep7hlau],
.vin-lookup-page .vin-lookup-input.form-control:-webkit-autofill:hover[b-kxgep7hlau],
.vin-lookup-page .vin-lookup-input.form-control:-webkit-autofill:focus[b-kxgep7hlau] {
    -webkit-text-fill-color: #e2e8f0;
    caret-color: #e2e8f0;
    box-shadow: 0 0 0 1000px #0f172a inset;
    transition: background-color 99999s ease-in-out 0s;
}

.vin-lookup-search-btn[b-kxgep7hlau] {
    white-space: nowrap;
    min-width: 7.5rem;
}

.vin-lookup-config-hint[b-kxgep7hlau] {
    margin-top: 0.75rem;
    padding: 0.65rem 0.85rem;
    border-radius: 8px;
    background: rgba(245, 158, 11, 0.12);
    border: 1px solid rgba(245, 158, 11, 0.35);
    color: #fbbf24;
    font-size: 0.875rem;
}

.vin-lookup-config-hint code[b-kxgep7hlau] {
    color: #fde68a;
}

.vin-lookup-scroll[b-kxgep7hlau] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-top: var(--page-header-content-gap, 20px);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.vin-lookup-source-panel[b-kxgep7hlau] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1rem 1.25rem 1.25rem;
    box-shadow: var(--shadow-sm);
}

.vin-lookup-source-header[b-kxgep7hlau] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid var(--border);
}

.vin-lookup-source-header h2[b-kxgep7hlau] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 600;
    color: #2dd4bf;
}

.vin-lookup-source-meta[b-kxgep7hlau] {
    font-size: 0.8rem;
    color: var(--text-muted);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.vin-lookup-row-title[b-kxgep7hlau] {
    margin: 1rem 0 0.65rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-secondary);
}

.vin-lookup-location-banner[b-kxgep7hlau] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin: 0 0 1rem;
    padding: 0.9rem 1rem;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.22), rgba(59, 130, 246, 0.16));
    border: 1px solid rgba(45, 212, 191, 0.45);
    color: var(--text-primary);
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.22);
}

.vin-lookup-location-banner i[b-kxgep7hlau] {
    color: #5eead4;
    font-size: 1.35rem;
    flex-shrink: 0;
}

.vin-lookup-location-label[b-kxgep7hlau] {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #99f6e4;
    margin-bottom: 0.12rem;
}

.vin-lookup-location-value[b-kxgep7hlau] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #f8fafc;
    line-height: 1.25;
}

.vin-lookup-location-address[b-kxgep7hlau] {
    margin-top: 0.35rem;
    font-size: 0.92rem;
    font-weight: 500;
    color: #cbd5e1;
    line-height: 1.35;
}

.vin-lookup-location-stock[b-kxgep7hlau] {
    display: inline-flex;
    align-items: center;
    margin-left: 0.65rem;
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.45);
    border: 1px solid rgba(148, 163, 184, 0.25);
    color: #cbd5e1;
    font-size: 0.78rem;
    font-weight: 600;
    vertical-align: middle;
}

.vin-lookup-location-missing[b-kxgep7hlau] {
    margin: 0 0 1rem;
    padding: 0.75rem 0.9rem;
    border-radius: 10px;
    background: rgba(245, 158, 11, 0.12);
    border: 1px solid rgba(245, 158, 11, 0.32);
    color: #fbbf24;
    font-size: 0.9rem;
}

.vin-lookup-location-missing code[b-kxgep7hlau] {
    color: #fde68a;
}

.vin-lookup-fields[b-kxgep7hlau] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 0.65rem 1rem;
}

.vin-lookup-field[b-kxgep7hlau] {
    min-width: 0;
}

.vin-lookup-field-label[b-kxgep7hlau] {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 0.15rem;
}

.vin-lookup-field-value[b-kxgep7hlau] {
    font-size: 0.9rem;
    color: var(--text-primary);
    word-break: break-word;
}

.vin-lookup-alert[b-kxgep7hlau] {
    padding: 0.75rem 0.9rem;
    border-radius: 8px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.vin-lookup-alert-error[b-kxgep7hlau] {
    background: rgba(239, 68, 68, 0.12);
    color: #fca5a5;
    border-color: rgba(239, 68, 68, 0.35);
}

.vin-lookup-alert-warning[b-kxgep7hlau] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(245, 158, 11, 0.12);
    color: #fcd34d;
    border-color: rgba(245, 158, 11, 0.35);
    margin-bottom: 0.75rem;
}
/* _content/YAGServiceDesk/Shared/Dialogs/ConfirmDialog.razor.rz.scp.css */
.confirm-dialog-btn-cancel[b-wclotupvyi] {
    height: 38px;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    background: transparent !important;
    border: 1px solid #64748b !important;
    color: #e2e8f0 !important;
    cursor: pointer;
}

.confirm-dialog-btn-cancel:hover[b-wclotupvyi] {
    background: #334155 !important;
    border-color: #94a3b8 !important;
    color: #f8fafc !important;
}

.confirm-dialog-btn-danger[b-wclotupvyi] {
    height: 38px;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    background: #dc2626 !important;
    border: 1px solid #b91c1c !important;
    color: #fff !important;
    font-weight: 600;
    cursor: pointer;
}

.confirm-dialog-btn-danger:hover[b-wclotupvyi] {
    background: #b91c1c !important;
    border-color: #991b1b !important;
    color: #fff !important;
}
/* _content/YAGServiceDesk/Shared/FeatureUsageAnalyticsPanel.razor.rz.scp.css */
/* Scoped to FeatureUsageAnalyticsPanel — child components don't inherit Analytics.razor.css */

.feature-validation-page[b-adcll6tp56] {
    padding-bottom: 2rem;
}

.feature-validation-intro[b-adcll6tp56] {
    color: #94a3b8;
    font-size: 0.9rem;
    line-height: 1.55;
    margin: 0 0 1.5rem;
    max-width: 52rem;
}

.feature-validation-sections[b-adcll6tp56] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.feature-validation-section[b-adcll6tp56] {
    --section-accent: #60a5fa;
}

.feature-validation-section-header[b-adcll6tp56] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.feature-validation-section-title[b-adcll6tp56] {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: #f8fafc;
    padding-left: 0.75rem;
    border-left: 4px solid var(--section-accent);
}

.feature-validation-section-desc[b-adcll6tp56] {
    margin: 0;
    padding-left: calc(0.75rem + 4px);
    color: #94a3b8;
    font-size: 0.85rem;
}

.feature-group-block[b-adcll6tp56] {
    margin: 0 0 1.25rem;
}

.feature-group-title[b-adcll6tp56] {
    margin: 0 0 0.65rem;
    padding-left: calc(0.75rem + 4px);
    font-size: 0.92rem;
    font-weight: 600;
    color: #cbd5e1;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Summary cards */
.summary-cards[b-adcll6tp56] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}

.feature-summary-cards[b-adcll6tp56] {
    margin-bottom: 0;
}

.summary-card[b-adcll6tp56] {
    background: var(--card-bg, #1e293b);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    padding: 1rem 0.85rem;
    position: relative;
    overflow: hidden;
}

.summary-card[b-adcll6tp56]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--accent, #60a5fa);
    border-radius: 14px 14px 0 0;
}

.summary-top[b-adcll6tp56] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.feature-card-top[b-adcll6tp56] {
    align-items: flex-start;
}

.summary-text[b-adcll6tp56] {
    min-width: 0;
    flex: 1;
}

.summary-value[b-adcll6tp56] {
    font-size: 1.55rem;
    font-weight: 700;
    color: #f1f5f9;
    line-height: 1.1;
    white-space: nowrap;
    flex-shrink: 0;
}

.summary-label[b-adcll6tp56] {
    font-size: 0.82rem;
    color: #94a3b8;
    font-weight: 600;
}

.summary-sub[b-adcll6tp56] {
    font-size: 0.78rem;
    color: #64748b;
    margin-top: 0.2rem;
}

.summary-card-zero[b-adcll6tp56] {
    opacity: 0.72;
}

.summary-card-zero .summary-value[b-adcll6tp56] {
    color: #94a3b8;
}

/* Small breakdown groups: cards nested under a shared heading */
.feature-card-group-block[b-adcll6tp56] {
    margin-bottom: 1.25rem;
}

.feature-card-group-panel[b-adcll6tp56] {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 14px;
    padding: 0.85rem 1rem 1rem;
    margin-left: calc(0.75rem + 4px);
}

.feature-card-group-block .feature-group-title[b-adcll6tp56] {
    margin-bottom: 0.5rem;
}

.feature-breakdown-card-grid[b-adcll6tp56] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.85rem;
}

/* Charts */
.feature-chart-card[b-adcll6tp56] {
    background: var(--card-bg, #1e293b);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    padding: 0.85rem 1rem 1rem;
}

.feature-chart-canvas[b-adcll6tp56] {
    position: relative;
    width: 100%;
}

.feature-validation-footnote[b-adcll6tp56] {
    margin: 0.85rem 0 0;
    padding-left: calc(0.75rem + 4px);
    font-size: 0.78rem;
    color: #64748b;
}
/* _content/YAGServiceDesk/Shared/TeamManagementPanel.razor.rz.scp.css */
/* Page header */
.team-management-header-shell[b-dno2qm7myy] {
    position: fixed;
    top: calc(var(--impersonation-banner-height) + var(--maintenance-banner-height));
    left: calc(260px + 2rem);
    right: 2rem;
    z-index: 10;
    background: #0f172a;
    padding-top: 15px;
}

.team-management-body[b-dno2qm7myy] {
    padding-top: calc(15px + 4.5rem + var(--page-header-content-gap, 20px));
}

.team-management-client-page[b-dno2qm7myy] {
    padding-left: 1rem;
    margin-top: -15px;
}

.team-management-client-header-shell[b-dno2qm7myy] {
    position: sticky;
    z-index: 10;
    background: #0f172a;
    padding-top: 15px;
}

@media (max-width: 991.98px) {
    .team-management-header-shell[b-dno2qm7myy] {
        left: 1rem;
        right: 1rem;
    }

    .team-management-body[b-dno2qm7myy] {
        padding-top: calc(15px + 5rem + var(--page-header-content-gap, 20px));
    }
}

/* Dark modals */
.team-modal[b-dno2qm7myy] {
    background-color: #1e293b;
    color: #f1f5f9;
    border: 1px solid #475569;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.team-modal .modal-header[b-dno2qm7myy] {
    border-bottom-color: #475569;
}

.team-modal .modal-footer[b-dno2qm7myy] {
    border-top-color: #475569;
}

.team-modal .modal-title[b-dno2qm7myy] {
    color: #f8fafc;
    font-weight: 600;
}

.team-modal .form-label[b-dno2qm7myy] {
    color: #e2e8f0;
    font-weight: 500;
}

.team-modal .form-control[b-dno2qm7myy],
.team-modal .form-select[b-dno2qm7myy] {
    background-color: #0f172a;
    color: #f8fafc;
    border-color: #475569;
}

.team-modal .form-control[b-dno2qm7myy]::placeholder {
    color: #94a3b8;
}

.team-modal .form-control:focus[b-dno2qm7myy],
.team-modal .form-select:focus[b-dno2qm7myy] {
    background-color: #0f172a;
    color: #f8fafc;
    border-color: #7c3aed;
    box-shadow: 0 0 0 0.2rem rgba(124, 58, 237, 0.35);
}

.team-modal .form-select option[b-dno2qm7myy] {
    background-color: #1e293b;
    color: #f8fafc;
}

.team-modal-hint[b-dno2qm7myy] {
    color: #94a3b8 !important;
}

.team-modal .assign-member-row strong[b-dno2qm7myy] {
    color: #f8fafc;
}

.team-modal-btn-cancel[b-dno2qm7myy] {
    background: transparent;
    border: 1px solid #64748b;
    color: #e2e8f0;
}

.team-modal-btn-cancel:hover[b-dno2qm7myy] {
    background: #334155;
    border-color: #94a3b8;
    color: #f8fafc;
}

.team-modal-btn-primary[b-dno2qm7myy] {
    background: #7c3aed;
    border: 1px solid #6d28d9;
    color: #fff;
    font-weight: 600;
}

.team-modal-btn-primary:hover:not(:disabled)[b-dno2qm7myy] {
    background: #6d28d9;
    border-color: #5b21b6;
    color: #fff;
}

.team-modal-btn-primary:disabled[b-dno2qm7myy] {
    opacity: 0.55;
}

.team-color-badge[b-dno2qm7myy] {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.85rem;
    font-weight: 600;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.assign-member-list[b-dno2qm7myy] {
    max-height: 360px;
    overflow-y: auto;
    border: 1px solid #475569;
    border-radius: 8px;
    padding: 0.5rem;
    background: #0f172a;
}

.assign-member-row[b-dno2qm7myy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.6rem;
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 0;
    color: #f1f5f9;
}

.assign-member-row:hover[b-dno2qm7myy] {
    background: rgba(124, 58, 237, 0.2);
}

.assign-member-row span[b-dno2qm7myy] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.member-count-link[b-dno2qm7myy] {
    background: none;
    border: none;
    padding: 0;
    color: #38bdf8;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.member-count-link:hover[b-dno2qm7myy] {
    color: #7dd3fc;
}

.team-members-modal-dialog[b-dno2qm7myy] {
    max-width: 1300px !important;
    width: 92vw !important;
}

.team-members-table-wrap[b-dno2qm7myy] {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #475569;
    border-radius: 8px;
}

.team-members-table[b-dno2qm7myy] {
    color: #f1f5f9;
    margin-bottom: 0;
    width: 100%;
    table-layout: fixed;
}

.team-members-table th:nth-child(1)[b-dno2qm7myy],
.team-members-table td:nth-child(1)[b-dno2qm7myy] {
    width: 22%;
}

.team-members-table th:nth-child(2)[b-dno2qm7myy],
.team-members-table td:nth-child(2)[b-dno2qm7myy] {
    width: 32%;
    word-break: break-word;
}

.team-members-table th:nth-child(3)[b-dno2qm7myy],
.team-members-table td:nth-child(3)[b-dno2qm7myy] {
    width: 28%;
    word-break: break-word;
}

.team-members-table th:nth-child(4)[b-dno2qm7myy],
.team-members-table td:nth-child(4)[b-dno2qm7myy] {
    width: 18%;
    white-space: nowrap;
}

.team-members-table thead th[b-dno2qm7myy] {
    position: sticky;
    top: 0;
    background: #0f172a;
    color: #e2e8f0;
    border-color: #475569;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.team-members-table tbody td[b-dno2qm7myy] {
    border-color: #334155;
    vertical-align: middle;
}

.team-members-table tbody tr:hover[b-dno2qm7myy] {
    background: rgba(124, 58, 237, 0.12);
}

.membership-badge[b-dno2qm7myy] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.membership-primary[b-dno2qm7myy] {
    background: rgba(124, 58, 237, 0.25);
    color: #c4b5fd;
    border: 1px solid rgba(124, 58, 237, 0.5);
}

.membership-assigned[b-dno2qm7myy] {
    background: rgba(56, 189, 248, 0.15);
    color: #7dd3fc;
    border: 1px solid rgba(56, 189, 248, 0.35);
}

.sortable-th[b-dno2qm7myy] {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.sortable-th:hover[b-dno2qm7myy] {
    background: rgba(255, 255, 255, 0.06);
}

.sort-indicator[b-dno2qm7myy] {
    display: inline-block;
    font-size: 0.75rem;
    margin-left: 0.25rem;
    min-width: 0.85rem;
}