/* _content/SoloPilot/Components/AcceptanceCriteriaEditor.razor.rz.scp.css */
/* AcceptanceCriteriaEditor Component Styles */

.acceptance-criteria-editor[b-06a0qdvwwz] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Header Styles */
.editor-header[b-06a0qdvwwz] {
    margin-bottom: 1rem;
}

.header-title h6[b-06a0qdvwwz] {
    color: #495057;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.header-actions .btn[b-06a0qdvwwz] {
    font-size: 0.8rem;
    padding: 0.375rem 0.75rem;
}

/* INVEST Help Panel */
.invest-help-panel[b-06a0qdvwwz] {
    animation: slideInFromTop-b-06a0qdvwwz 0.3s ease-out;
}

.invest-principle[b-06a0qdvwwz] {
    padding: 0.75rem;
    background-color: #f8f9fa;
    border-radius: 6px;
    border-left: 3px solid #007bff;
}

.invest-letter[b-06a0qdvwwz] {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #007bff;
    color: white;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    font-weight: bold;
    font-size: 1.1rem;
    margin-right: 0.75rem;
    vertical-align: top;
}

.invest-principle strong[b-06a0qdvwwz] {
    color: #495057;
    font-size: 1rem;
}

.invest-principle p[b-06a0qdvwwz] {
    color: #6c757d;
    font-size: 0.85rem;
    line-height: 1.4;
    margin-top: 0.5rem;
}

/* Template Selector */
.template-selector-panel[b-06a0qdvwwz] {
    animation: slideInFromTop-b-06a0qdvwwz 0.3s ease-out;
}

.template-card[b-06a0qdvwwz] {
    border: 2px solid #dee2e6;
    border-radius: 8px;
    padding: 1rem;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.2s ease;
    height: 100%;
}

.template-card:hover[b-06a0qdvwwz] {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
    transform: translateY(-1px);
}

.template-header[b-06a0qdvwwz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.template-header i[b-06a0qdvwwz] {
    color: #007bff;
    font-size: 1.1rem;
}

.template-header strong[b-06a0qdvwwz] {
    color: #495057;
    font-size: 0.95rem;
}

.template-description[b-06a0qdvwwz] {
    color: #6c757d;
    font-size: 0.8rem;
    margin-bottom: 0.75rem;
    line-height: 1.4;
}

.template-preview[b-06a0qdvwwz] {
    background-color: #f8f9fa;
    border-radius: 4px;
    padding: 0.5rem;
    font-size: 0.75rem;
}

.example-item[b-06a0qdvwwz] {
    color: #495057;
    margin-bottom: 0.25rem;
    font-family: 'Courier New', monospace;
}

/* Main Editor Area */
.editor-main[b-06a0qdvwwz] {
    min-height: 400px;
}

.editor-container[b-06a0qdvwwz] {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
    background-color: #ffffff;
}

/* Toolbar */
.editor-toolbar[b-06a0qdvwwz] {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    gap: 0.5rem;
}

.toolbar-group[b-06a0qdvwwz] {
    display: flex;
    gap: 0.25rem;
}

.toolbar-group:not(:last-child)[b-06a0qdvwwz] {
    border-right: 1px solid #dee2e6;
    padding-right: 0.5rem;
    margin-right: 0.5rem;
}

.toolbar-btn[b-06a0qdvwwz] {
    background: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.5rem;
    border-radius: 4px;
    color: #6c757d;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.85rem;
}

.toolbar-btn:hover[b-06a0qdvwwz] {
    background-color: #e9ecef;
    color: #495057;
    border-color: #adb5bd;
}

.toolbar-btn:active[b-06a0qdvwwz] {
    background-color: #dee2e6;
    transform: translateY(1px);
}

/* Text Area */
.editor-textarea-container[b-06a0qdvwwz] {
    position: relative;
}

.editor-textarea[b-06a0qdvwwz] {
    border: none;
    resize: vertical;
    font-family: 'Courier New', Consolas, monospace;
    font-size: 0.9rem;
    line-height: 1.6;
    padding: 1rem;
    background-color: #ffffff;
    min-height: 200px;
    width: 100%;
}

.editor-textarea:focus[b-06a0qdvwwz] {
    outline: none;
    box-shadow: none;
}

.editor-textarea.is-valid[b-06a0qdvwwz] {
    border-left: 3px solid #28a745;
}

.editor-textarea.is-invalid[b-06a0qdvwwz] {
    border-left: 3px solid #dc3545;
}

.character-counter[b-06a0qdvwwz] {
    position: absolute;
    bottom: 0.5rem;
    right: 1rem;
    font-size: 0.75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

/* Quick Actions */
.quick-actions .btn[b-06a0qdvwwz] {
    font-size: 0.8rem;
    padding: 0.375rem 0.75rem;
}

/* Quality Panel */
.quality-panel[b-06a0qdvwwz] {
    position: sticky;
    top: 1rem;
}

.quality-score-card .card[b-06a0qdvwwz] {
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.quality-score-card .card-header[b-06a0qdvwwz] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    padding: 0.75rem 1rem;
}

.quality-score-card .card-header h6[b-06a0qdvwwz] {
    color: #495057;
    font-weight: 600;
}

/* Overall Score Circle */
.overall-score[b-06a0qdvwwz] {
    text-align: center;
}

.score-circle[b-06a0qdvwwz] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.75rem;
    position: relative;
    border: 4px solid;
}

.score-circle.bg-success[b-06a0qdvwwz] {
    border-color: #28a745;
    background-color: rgba(40, 167, 69, 0.1);
}

.score-circle.bg-warning[b-06a0qdvwwz] {
    border-color: #ffc107;
    background-color: rgba(255, 193, 7, 0.1);
}

.score-circle.bg-danger[b-06a0qdvwwz] {
    border-color: #dc3545;
    background-color: rgba(220, 53, 69, 0.1);
}

.score-circle.bg-secondary[b-06a0qdvwwz] {
    border-color: #6c757d;
    background-color: rgba(108, 117, 125, 0.1);
}

.score-value[b-06a0qdvwwz] {
    font-size: 1.25rem;
    font-weight: bold;
    color: #495057;
}

.score-label[b-06a0qdvwwz] {
    font-size: 0.8rem;
    color: #6c757d;
    font-weight: 500;
}

/* INVEST Breakdown */
.invest-breakdown[b-06a0qdvwwz] {
    margin-top: 1rem;
}

.invest-metric[b-06a0qdvwwz] {
    margin-bottom: 1rem;
}

.metric-header[b-06a0qdvwwz] {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.metric-letter[b-06a0qdvwwz] {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #007bff;
    color: white;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
    font-size: 0.8rem;
    margin-right: 0.5rem;
}

.metric-name[b-06a0qdvwwz] {
    font-size: 0.8rem;
    color: #495057;
    font-weight: 500;
    flex: 1;
}

.metric-bar[b-06a0qdvwwz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.metric-bar .progress[b-06a0qdvwwz] {
    flex: 1;
    height: 8px;
    background-color: #e9ecef;
    border-radius: 4px;
    overflow: hidden;
}

.metric-bar .progress-bar[b-06a0qdvwwz] {
    transition: width 0.3s ease;
}

.metric-score[b-06a0qdvwwz] {
    font-size: 0.75rem;
    color: #6c757d;
    font-weight: 500;
    min-width: 35px;
    text-align: right;
}

/* Suggestions Panel */
.suggestions-panel .card[b-06a0qdvwwz] {
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.suggestions-panel .card-header[b-06a0qdvwwz] {
    background-color: #fff3cd;
    border-bottom: 1px solid #ffeaa7;
    padding: 0.75rem 1rem;
}

.suggestions-panel .card-header h6[b-06a0qdvwwz] {
    color: #856404;
    font-weight: 600;
}

.suggestion-item[b-06a0qdvwwz] {
    padding: 0.75rem;
    border-bottom: 1px solid #f1f3f4;
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.suggestion-item:last-child[b-06a0qdvwwz] {
    border-bottom: none;
}

.suggestion-content[b-06a0qdvwwz] {
    flex: 1;
}

.suggestion-type[b-06a0qdvwwz] {
    margin-bottom: 0.5rem;
}

.suggestion-text[b-06a0qdvwwz] {
    font-size: 0.85rem;
    color: #495057;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.suggestion-example[b-06a0qdvwwz] {
    background-color: #f8f9fa;
    border-radius: 4px;
    padding: 0.5rem;
    margin-top: 0.5rem;
}

.suggestion-example code[b-06a0qdvwwz] {
    background: none;
    color: #495057;
    font-size: 0.8rem;
    padding: 0;
}

/* Validation Feedback */
.valid-feedback[b-06a0qdvwwz],
.invalid-feedback[b-06a0qdvwwz] {
    font-size: 0.85rem;
    margin-top: 0.5rem;
    padding: 0.5rem;
    border-radius: 4px;
}

.valid-feedback[b-06a0qdvwwz] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.invalid-feedback[b-06a0qdvwwz] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Animations */
@keyframes slideInFromTop-b-06a0qdvwwz {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn-b-06a0qdvwwz {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.quality-score-card[b-06a0qdvwwz],
.suggestions-panel[b-06a0qdvwwz] {
    animation: fadeIn-b-06a0qdvwwz 0.3s ease-out;
}

/* Responsive Design */
@media (max-width: 992px) {
    .quality-panel[b-06a0qdvwwz] {
        position: static;
        margin-top: 2rem;
    }
    
    .editor-main .col-lg-8[b-06a0qdvwwz],
    .editor-main .col-lg-4[b-06a0qdvwwz] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    .score-circle[b-06a0qdvwwz] {
        width: 60px;
        height: 60px;
    }
    
    .score-value[b-06a0qdvwwz] {
        font-size: 1rem;
    }
    
    .invest-breakdown .invest-metric[b-06a0qdvwwz] {
        margin-bottom: 0.75rem;
    }
}

@media (max-width: 768px) {
    .editor-toolbar[b-06a0qdvwwz] {
        flex-wrap: wrap;
        gap: 0.25rem;
    }
    
    .toolbar-group[b-06a0qdvwwz] {
        margin-right: 0.25rem;
        padding-right: 0.25rem;
    }
    
    .toolbar-btn[b-06a0qdvwwz] {
        padding: 0.25rem 0.375rem;
        font-size: 0.8rem;
    }
    
    .header-actions[b-06a0qdvwwz] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        align-items: stretch;
    }
    
    .quick-actions .btn-group[b-06a0qdvwwz] {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    
    .quick-actions .btn[b-06a0qdvwwz] {
        margin-bottom: 0.5rem;
        border-radius: 0.375rem !important;
    }
    
    .template-selector-panel .row .col-md-6[b-06a0qdvwwz] {
        margin-bottom: 1rem;
    }
    
    .invest-help-panel .row .col-md-6[b-06a0qdvwwz] {
        margin-bottom: 1rem;
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .acceptance-criteria-editor[b-06a0qdvwwz] {
        color: #f8f9fa;
    }
    
    .editor-container[b-06a0qdvwwz] {
        background-color: #343a40;
        border-color: #495057;
    }
    
    .editor-toolbar[b-06a0qdvwwz] {
        background-color: #495057;
        border-color: #6c757d;
    }
    
    .editor-textarea[b-06a0qdvwwz] {
        background-color: #343a40;
        color: #f8f9fa;
    }
    
    .quality-score-card .card[b-06a0qdvwwz],
    .suggestions-panel .card[b-06a0qdvwwz] {
        background-color: #343a40;
        color: #f8f9fa;
    }
    
    .template-card[b-06a0qdvwwz],
    .invest-principle[b-06a0qdvwwz] {
        background-color: #343a40;
        border-color: #495057;
        color: #f8f9fa;
    }
}

/* Print Styles */
@media print {
    .editor-toolbar[b-06a0qdvwwz],
    .header-actions[b-06a0qdvwwz],
    .quick-actions[b-06a0qdvwwz],
    .suggestions-panel[b-06a0qdvwwz] {
        display: none;
    }
    
    .editor-textarea[b-06a0qdvwwz] {
        border: 1px solid #000;
        background: white;
        color: black;
    }
    
    .quality-score-card[b-06a0qdvwwz] {
        break-inside: avoid;
    }
}

/* Accessibility Improvements */
.toolbar-btn:focus[b-06a0qdvwwz],
.template-card:focus[b-06a0qdvwwz] {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

.editor-textarea:focus[b-06a0qdvwwz] {
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

/* Loading State */
.editor-container.loading[b-06a0qdvwwz] {
    position: relative;
    pointer-events: none;
}

.editor-container.loading[b-06a0qdvwwz]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Scroll Behavior */
.quality-panel[b-06a0qdvwwz] {
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
}

.quality-panel[b-06a0qdvwwz]::-webkit-scrollbar {
    width: 6px;
}

.quality-panel[b-06a0qdvwwz]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.quality-panel[b-06a0qdvwwz]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.quality-panel[b-06a0qdvwwz]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}
/* _content/SoloPilot/Components/DateDisplay.razor.rz.scp.css */
/* Base date display styling */
.date-display[b-uoo8u72p5r] {
    display: inline-block;
    font-family: inherit;
    line-height: 1.2;
    cursor: default;
}

/* Display mode variants */
.date-display--date[b-uoo8u72p5r] {
    font-weight: 500;
    color: var(--bs-body-color);
}

.date-display--datetime[b-uoo8u72p5r] {
    font-weight: 500;
    color: var(--bs-body-color);
}

.date-display--time[b-uoo8u72p5r] {
    font-weight: 500;
    color: var(--bs-primary);
    font-variant-numeric: tabular-nums;
}

.date-display--relative[b-uoo8u72p5r] {
    font-style: italic;
    color: var(--bs-text-muted);
    font-size: 0.9em;
}

.date-display--compact[b-uoo8u72p5r] {
    font-size: 0.85em;
    font-weight: 400;
    color: var(--bs-text-muted);
}

.date-display--full[b-uoo8u72p5r] {
    font-weight: 500;
    color: var(--bs-body-color);
}

/* State variations */
.date-display.text-muted[b-uoo8u72p5r] {
    color: var(--bs-text-muted) !important;
    font-style: italic;
}

/* Interactive states */
.date-display:hover[b-uoo8u72p5r] {
    color: var(--bs-primary);
    transition: color 0.15s ease-in-out;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .date-display--full[b-uoo8u72p5r] {
        font-size: 0.9em;
    }
    
    .date-display--datetime[b-uoo8u72p5r] {
        font-size: 0.95em;
    }
}

/* Accessibility enhancements */
.date-display:focus[b-uoo8u72p5r] {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
    border-radius: 2px;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .date-display--relative[b-uoo8u72p5r] {
        color: #6c757d;
    }
    
    .date-display--compact[b-uoo8u72p5r] {
        color: #6c757d;
    }
}

/* Print styling */
@media print {
    .date-display[b-uoo8u72p5r] {
        color: black !important;
        background: none !important;
    }
    
    .date-display--relative[b-uoo8u72p5r] {
        font-style: normal;
    }
} 
/* _content/SoloPilot/Components/DateRangeInput.razor.rz.scp.css */
.date-range-input[b-0kzcg09kc6] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    max-width: 400px;
    width: auto;
}

.date-range-input .input-field[b-0kzcg09kc6] {
    flex: 1;
    min-width: 120px;
    max-width: 150px;
    border: none;
    background: transparent;
    padding: 8px 12px;
    color: #6c757d;
}

.date-range-input .input-field:focus[b-0kzcg09kc6] {
    box-shadow: none;
    border: none;
    outline: none;
    background-color: #fff;
    border-radius: 4px;
    color: #495057;
}

.date-separator[b-0kzcg09kc6] {
    color: #6c757d;
    font-weight: 500;
    user-select: none;
    min-width: 20px;
    text-align: center;
}

/* Calendar icon styling */
.date-range-input .input-field[b-0kzcg09kc6]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    filter: opacity(0.5);
}

.date-range-input .input-field:hover[b-0kzcg09kc6]::-webkit-calendar-picker-indicator {
    filter: opacity(0.8);
}
/* _content/SoloPilot/Components/DeliverableCard.razor.rz.scp.css */
/* DeliverableCard Component Styles */

.deliverable-card[b-imnu18w1ja] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: #ffffff;
    margin-bottom: 16px;
    padding: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.deliverable-card:hover[b-imnu18w1ja] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.deliverable-card.selected[b-imnu18w1ja] {
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

/* Priority-based border styling */
.deliverable-card.priority-must-have[b-imnu18w1ja] {
    border-left: 4px solid #dc3545; /* Red for Must Have */
}

.deliverable-card.priority-should-have[b-imnu18w1ja] {
    border-left: 4px solid #ffc107; /* Yellow for Should Have */
}

.deliverable-card.priority-could-have[b-imnu18w1ja] {
    border-left: 4px solid #28a745; /* Green for Could Have */
}

.deliverable-card.priority-unknown[b-imnu18w1ja] {
    border-left: 4px solid #6c757d; /* Gray for Unknown */
}

/* Status-based card styling */
.deliverable-card.status-completed[b-imnu18w1ja] {
    background-color: #f8f9fa;
    opacity: 0.8;
}

.deliverable-card.status-cancelled[b-imnu18w1ja] {
    background-color: #f8f9fa;
    opacity: 0.6;
}

/* Header */
.card-header[b-imnu18w1ja] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
}

.priority-indicator[b-imnu18w1ja] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.priority-badge[b-imnu18w1ja] {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.priority-badge.priority-must-have[b-imnu18w1ja] {
    background-color: #dc3545;
    color: white;
}

.priority-badge.priority-should-have[b-imnu18w1ja] {
    background-color: #ffc107;
    color: #212529;
}

.priority-badge.priority-could-have[b-imnu18w1ja] {
    background-color: #28a745;
    color: white;
}

.priority-badge.priority-unknown[b-imnu18w1ja] {
    background-color: #6c757d;
    color: white;
}

.project-name[b-imnu18w1ja] {
    font-size: 0.8rem;
    color: #6c757d;
    font-style: italic;
}

.status-indicator[b-imnu18w1ja] {
    display: flex;
    align-items: center;
}

.status-badge[b-imnu18w1ja] {
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: capitalize;
}

.status-badge.status-planning[b-imnu18w1ja] {
    background-color: #e3f2fd;
    color: #1976d2;
}

.status-badge.status-in-progress[b-imnu18w1ja] {
    background-color: #e8f5e8;
    color: #2e7d32;
}

.status-badge.status-under-review[b-imnu18w1ja] {
    background-color: #fff3e0;
    color: #f57c00;
}

.status-badge.status-completed[b-imnu18w1ja] {
    background-color: #e8f5e8;
    color: #2e7d32;
}

.status-badge.status-cancelled[b-imnu18w1ja] {
    background-color: #ffebee;
    color: #c62828;
}

.status-badge.status-unknown[b-imnu18w1ja] {
    background-color: #f5f5f5;
    color: #757575;
}

/* Body */
.card-body[b-imnu18w1ja] {
    padding: 16px;
}

.deliverable-title[b-imnu18w1ja] {
    margin: 0 0 8px 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #212529;
    line-height: 1.3;
}

.deliverable-description[b-imnu18w1ja] {
    margin: 0 0 12px 0;
    color: #6c757d;
    font-size: 0.9rem;
    line-height: 1.4;
}

/* Metrics Row */
.metrics-row[b-imnu18w1ja] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
}

.metric-item[b-imnu18w1ja] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    color: #495057;
}

.metric-item.missing[b-imnu18w1ja] {
    color: #dc3545;
}

.metric-item.overdue[b-imnu18w1ja] {
    color: #dc3545;
}

.metric-item.due-soon[b-imnu18w1ja] {
    color: #fd7e14;
}

.metric-item.due-this-week[b-imnu18w1ja] {
    color: #ffc107;
}

.metric-item i[b-imnu18w1ja] {
    width: 16px;
    text-align: center;
    opacity: 0.7;
}

.metric-label[b-imnu18w1ja] {
    font-weight: 500;
}

.metric-value[b-imnu18w1ja] {
    font-weight: 400;
}

.overdue-indicator[b-imnu18w1ja] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 8px;
    padding: 2px 6px;
    background-color: #fff5f5;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Quality Indicators */
.quality-indicators[b-imnu18w1ja] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 12px;
    padding: 8px;
    background-color: #f8f9fa;
    border-radius: 4px;
}

.quality-metric[b-imnu18w1ja] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
}

.quality-label[b-imnu18w1ja] {
    min-width: 120px;
    font-weight: 500;
    color: #495057;
}

.progress-bar-small[b-imnu18w1ja] {
    flex: 1;
    height: 8px;
    background-color: #e9ecef;
    border-radius: 4px;
    overflow: hidden;
}

.progress-fill[b-imnu18w1ja] {
    height: 100%;
    background: linear-gradient(90deg, #dc3545 0%, #ffc107 50%, #28a745 100%);
    transition: width 0.3s ease;
}

.quality-score[b-imnu18w1ja] {
    min-width: 40px;
    text-align: right;
    font-weight: 600;
    color: #495057;
}

/* Review Info */
.review-info[b-imnu18w1ja] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px;
    background-color: #e3f2fd;
    border-radius: 4px;
    font-size: 0.85rem;
    color: #1976d2;
    margin-bottom: 8px;
}

.review-info i[b-imnu18w1ja] {
    opacity: 0.8;
}

.reviewer[b-imnu18w1ja] {
    margin-left: auto;
    font-weight: 500;
}

.no-reviewer[b-imnu18w1ja] {
    margin-left: auto;
    font-style: italic;
}

/* Footer */
.card-footer[b-imnu18w1ja] {
    padding: 12px 16px;
    background-color: #f8f9fa;
    border-top: 1px solid #e0e0e0;
}

.action-buttons[b-imnu18w1ja] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.action-buttons .btn[b-imnu18w1ja] {
    font-size: 0.8rem;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.action-buttons .btn i[b-imnu18w1ja] {
    font-size: 0.75rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .deliverable-card[b-imnu18w1ja] {
        margin-bottom: 12px;
    }
    
    .card-header[b-imnu18w1ja] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .metrics-row[b-imnu18w1ja] {
        gap: 6px;
    }
    
    .quality-indicators[b-imnu18w1ja] {
        gap: 4px;
    }
    
    .quality-metric[b-imnu18w1ja] {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    
    .quality-label[b-imnu18w1ja] {
        min-width: auto;
    }
    
    .action-buttons[b-imnu18w1ja] {
        flex-wrap: wrap;
        gap: 6px;
    }
    
    .action-buttons .btn[b-imnu18w1ja] {
        font-size: 0.75rem;
        padding: 6px 10px;
    }
}

/* Animation for card loading */
@keyframes cardFadeIn-b-imnu18w1ja {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.deliverable-card[b-imnu18w1ja] {
    animation: cardFadeIn-b-imnu18w1ja 0.3s ease-out;
}

/* Accessibility improvements */
.deliverable-card:focus[b-imnu18w1ja] {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

.deliverable-card:focus-visible[b-imnu18w1ja] {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}
/* _content/SoloPilot/Components/DeliverableProgress.razor.rz.scp.css */
.progress-container[b-q4n7pg2ndl] {
    width: 100%;
}

/* Progress Bar Styling (following ux-features.md colors) */
.progress[b-q4n7pg2ndl] {
    height: 20px;
    font-size: 0.75rem;
    background-color: #E5E7EB;
    border-radius: 10px;
    overflow: hidden;
}

.progress-bar[b-q4n7pg2ndl] {
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: width 0.3s ease;
}

.progress-bar.bg-success[b-q4n7pg2ndl] {
    background-color: #3ED598; /* Green from ux-features.md */
}

.progress-bar.bg-info[b-q4n7pg2ndl] {
    background-color: #A4D1FF; /* Blue progress from ux-features.md */
}

.progress-bar.bg-primary[b-q4n7pg2ndl] {
    background-color: #3B82F6; /* Primary blue */
}

.progress-bar.bg-warning[b-q4n7pg2ndl] {
    background-color: #FFCB3D; /* Warning yellow */
}

.progress-bar.bg-secondary[b-q4n7pg2ndl] {
    background-color: #CCD3DC; /* Gray */
}
/* _content/SoloPilot/Components/DeliverableStatusBadge.razor.rz.scp.css */
.status-badge[b-liekj9suib] {
    display: inline-block;
    padding: 0.3rem 0.6rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
    text-align: center;
    min-width: 80px;
    font-family: 'Inter', sans-serif;
}

.status-planning[b-liekj9suib] { 
    background-color: #e3f2fd; 
    color: #1976d2; 
}

.status-progress[b-liekj9suib] { 
    background-color: #e8f5e9; 
    color: #388e3c; 
}

.status-review[b-liekj9suib] { 
    background-color: #fff3e0; 
    color: #f57c00; 
}

.status-cancelled[b-liekj9suib] { 
    background-color: #ffebee; 
    color: #d32f2f; 
}

.status-completed[b-liekj9suib] { 
    background-color: #e8f5e9; 
    color: #388e3c; 
}

.status-duplicate[b-liekj9suib] { 
    background-color: #f5f5f5; 
    color: #616161; 
}

.status-unknown[b-liekj9suib] {
    background-color: #E5E7EB;
    color: #6B7280;
}
/* _content/SoloPilot/Components/DeliverableTaskCreator.razor.rz.scp.css */
/* DeliverableTaskCreator Component Styles */

.task-creator-container[b-5tz23931tt] {
    position: relative;
}

.task-creator-content[b-5tz23931tt] {
    max-height: 80vh;
    overflow-y: auto;
}

.task-creator-inline[b-5tz23931tt] {
    padding: 20px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    background-color: #ffffff;
}

/* Mode Selection */
.mode-selection[b-5tz23931tt] {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 1rem;
}

.mode-selection .btn-group[b-5tz23931tt] {
    width: 100%;
}

.mode-selection .btn-group .btn[b-5tz23931tt] {
    flex: 1;
    text-align: center;
}

.mode-selection .btn-check:checked + .btn[b-5tz23931tt] {
    background-color: #007bff;
    border-color: #007bff;
    color: white;
}

/* Deliverable Context */
.deliverable-context .card[b-5tz23931tt] {
    border: 1px solid #e3f2fd;
    background-color: #f8fffe;
}

.priority-indicator .priority-badge[b-5tz23931tt] {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.priority-badge.priority-must-have[b-5tz23931tt] {
    background-color: #dc3545;
    color: white;
}

.priority-badge.priority-should-have[b-5tz23931tt] {
    background-color: #ffc107;
    color: #212529;
}

.priority-badge.priority-could-have[b-5tz23931tt] {
    background-color: #28a745;
    color: white;
}

.priority-badge.priority-unknown[b-5tz23931tt] {
    background-color: #6c757d;
    color: white;
}

/* Single Task Form */
.single-task-form[b-5tz23931tt] {
    padding: 0;
}

.single-task-form .form-label[b-5tz23931tt] {
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.5rem;
}

.single-task-form .form-control[b-5tz23931tt],
.single-task-form .form-select[b-5tz23931tt] {
    border-radius: 6px;
    border: 1px solid #ced4da;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.single-task-form .form-control:focus[b-5tz23931tt],
.single-task-form .form-select:focus[b-5tz23931tt] {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.auto-assign-info .alert[b-5tz23931tt] {
    border-left: 4px solid #17a2b8;
    background-color: #e7f3ff;
    border-color: #bee5eb;
}

/* Bulk Task Form */
.bulk-task-form[b-5tz23931tt] {
    padding: 0;
}

.task-item.card[b-5tz23931tt] {
    border: 1px solid #dee2e6;
    transition: all 0.2s ease;
}

.task-item.card:hover[b-5tz23931tt] {
    border-color: #007bff;
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.15);
}

.task-item .card-title[b-5tz23931tt] {
    color: #495057;
    font-size: 0.9rem;
    font-weight: 600;
}

.task-item .form-control-sm[b-5tz23931tt],
.task-item .form-select-sm[b-5tz23931tt] {
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
}

.task-item .btn-outline-danger[b-5tz23931tt] {
    border-color: #dc3545;
    color: #dc3545;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}

.task-item .btn-outline-danger:hover[b-5tz23931tt] {
    background-color: #dc3545;
    color: white;
}

/* Template Selection */
.template-selection[b-5tz23931tt] {
    padding: 0;
}

.template-card[b-5tz23931tt] {
    border: 2px solid #dee2e6;
    cursor: pointer;
    transition: all 0.2s ease;
    height: 100%;
}

.template-card:hover[b-5tz23931tt] {
    border-color: #007bff;
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.15);
    transform: translateY(-2px);
}

.template-card.selected[b-5tz23931tt] {
    border-color: #007bff;
    background-color: #f8f9ff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.template-card .card-title[b-5tz23931tt] {
    color: #495057;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.template-card .card-text[b-5tz23931tt] {
    font-size: 0.85rem;
    line-height: 1.4;
    margin-bottom: 0.75rem;
}

.template-stats[b-5tz23931tt] {
    border-top: 1px solid #f1f3f4;
    padding-top: 0.5rem;
    margin-top: 0.5rem;
}

.template-icon[b-5tz23931tt] {
    font-size: 1.5rem;
    color: #6c757d;
    opacity: 0.7;
}

.template-card:hover .template-icon[b-5tz23931tt],
.template-card.selected .template-icon[b-5tz23931tt] {
    color: #007bff;
    opacity: 1;
}

/* Action Buttons */
.action-buttons[b-5tz23931tt] {
    border-top: 1px solid #dee2e6;
    padding-top: 1rem;
    margin-top: 1rem;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

.action-buttons .btn[b-5tz23931tt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-weight: 500;
}

.action-buttons .btn-primary[b-5tz23931tt] {
    background-color: #007bff;
    border-color: #007bff;
}

.action-buttons .btn-primary:hover[b-5tz23931tt] {
    background-color: #0056b3;
    border-color: #0056b3;
}

.action-buttons .btn-primary:disabled[b-5tz23931tt] {
    background-color: #6c757d;
    border-color: #6c757d;
    opacity: 0.65;
}

.action-buttons .badge[b-5tz23931tt] {
    font-size: 0.7rem;
}

/* Loading States */
.spinner-border-sm[b-5tz23931tt] {
    width: 0.875rem;
    height: 0.875rem;
}

/* Form Validation */
.form-control.is-invalid[b-5tz23931tt],
.form-select.is-invalid[b-5tz23931tt] {
    border-color: #dc3545;
}

.form-control.is-valid[b-5tz23931tt],
.form-select.is-valid[b-5tz23931tt] {
    border-color: #28a745;
}

/* Alert Styling */
.alert[b-5tz23931tt] {
    border-radius: 6px;
    font-size: 0.9rem;
}

.alert .btn-close[b-5tz23931tt] {
    font-size: 0.75rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .task-creator-content[b-5tz23931tt] {
        max-height: 90vh;
    }
    
    .mode-selection .btn-group[b-5tz23931tt] {
        flex-direction: column;
    }
    
    .mode-selection .btn-group .btn[b-5tz23931tt] {
        border-radius: 0.375rem !important;
        margin-bottom: 0.25rem;
    }
    
    .template-selection .row .col-md-6[b-5tz23931tt] {
        margin-bottom: 1rem;
    }
    
    .action-buttons[b-5tz23931tt] {
        flex-direction: column-reverse;
        gap: 0.75rem;
    }
    
    .action-buttons .btn[b-5tz23931tt] {
        width: 100%;
        justify-content: center;
    }
    
    .deliverable-context .d-flex[b-5tz23931tt] {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 0.5rem;
    }
    
    .single-task-form .row .col-md-4[b-5tz23931tt] {
        margin-bottom: 1rem;
    }
}

/* Modal Specific Styles */
.modal.show[b-5tz23931tt] {
    display: block !important;
}

.modal-dialog[b-5tz23931tt] {
    margin: 1.75rem auto;
}

.modal-content[b-5tz23931tt] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.modal-header[b-5tz23931tt] {
    border-bottom: 1px solid #dee2e6;
    padding: 1.25rem 1.5rem;
    background-color: #f8f9fa;
    border-radius: 12px 12px 0 0;
}

.modal-header .modal-title[b-5tz23931tt] {
    font-weight: 600;
    color: #495057;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.modal-header .btn-close[b-5tz23931tt] {
    margin: 0;
    padding: 0.5rem;
}

.modal-body[b-5tz23931tt] {
    padding: 1.5rem;
    max-height: 70vh;
    overflow-y: auto;
}

/* Animation */
@keyframes slideInFromTop-b-5tz23931tt {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.task-creator-content[b-5tz23931tt] {
    animation: slideInFromTop-b-5tz23931tt 0.3s ease-out;
}

/* Focus States for Accessibility */
.template-card:focus[b-5tz23931tt] {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

.btn:focus[b-5tz23931tt] {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

/* Form Help Text */
.form-text[b-5tz23931tt] {
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

/* Task Counter Badge */
.task-counter[b-5tz23931tt] {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: #dc3545;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 600;
}
/* _content/SoloPilot/Components/EmptyStateComponent.razor.rz.scp.css */
/* Empty State Component Styles */
.empty-state[b-suzwkcowxb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    min-height: 300px;
    background: linear-gradient(135deg, #F9FBFD 0%, #F1F5F9 100%);
    border-radius: 12px;
    border: 2px dashed #CBD5E1;
    margin: 1rem 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.empty-state:hover[b-suzwkcowxb] {
    border-color: #94A3B8;
    background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

/* Empty State Icon */
.empty-state-icon[b-suzwkcowxb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3B82F6, #2563EB);
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.empty-state:hover .empty-state-icon[b-suzwkcowxb] {
    transform: scale(1.05);
    box-shadow: 0 12px 30px rgba(59, 130, 246, 0.4);
}

.empty-state-icon i[b-suzwkcowxb] {
    font-size: 2rem;
    color: #FFFFFF;
}

/* Empty State Content */
.empty-state-content[b-suzwkcowxb] {
    max-width: 400px;
    margin: 0 auto;
}

.empty-state-title[b-suzwkcowxb] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1E293B;
    margin-bottom: 0.75rem;
    line-height: 1.3;
}

.empty-state-description[b-suzwkcowxb] {
    font-size: 1rem;
    color: #64748B;
    line-height: 1.5;
    margin-bottom: 2rem;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

/* Empty State Actions */
.empty-state-actions[b-suzwkcowxb] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.empty-state-actions .btn[b-suzwkcowxb] {
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    border-radius: 8px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.empty-state-actions .btn-primary[b-suzwkcowxb] {
    background: linear-gradient(135deg, #3B82F6, #2563EB);
    border: none;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.empty-state-actions .btn-primary:hover[b-suzwkcowxb],
.empty-state-actions .btn-primary:focus[b-suzwkcowxb] {
    background: linear-gradient(135deg, #2563EB, #1D4ED8);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
}

.empty-state-actions .btn-primary:active[b-suzwkcowxb] {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

/* Entity-specific icon colors */
.empty-state[data-entity="tasks"] .empty-state-icon[b-suzwkcowxb] {
    background: linear-gradient(135deg, #059669, #047857);
    box-shadow: 0 8px 20px rgba(5, 150, 105, 0.3);
}

.empty-state[data-entity="meetings"] .empty-state-icon[b-suzwkcowxb] {
    background: linear-gradient(135deg, #7C3AED, #6D28D9);
    box-shadow: 0 8px 20px rgba(124, 58, 237, 0.3);
}

.empty-state[data-entity="team"] .empty-state-icon[b-suzwkcowxb] {
    background: linear-gradient(135deg, #DC2626, #B91C1C);
    box-shadow: 0 8px 20px rgba(220, 38, 38, 0.3);
}

.empty-state[data-entity="assumptions"] .empty-state-icon[b-suzwkcowxb] {
    background: linear-gradient(135deg, #F59E0B, #D97706);
    box-shadow: 0 8px 20px rgba(245, 158, 11, 0.3);
}

.empty-state[data-entity="deliverables"] .empty-state-icon[b-suzwkcowxb] {
    background: linear-gradient(135deg, #10B981, #059669);
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3);
}

.empty-state[data-entity="risks"] .empty-state-icon[b-suzwkcowxb] {
    background: linear-gradient(135deg, #EF4444, #DC2626);
    box-shadow: 0 8px 20px rgba(239, 68, 68, 0.3);
}

/* Responsive Design */
@media (max-width: 768px) {
    .empty-state[b-suzwkcowxb] {
        padding: 3rem 1.5rem;
        min-height: 250px;
    }
    
    .empty-state-icon[b-suzwkcowxb] {
        width: 60px;
        height: 60px;
        margin-bottom: 1rem;
    }
    
    .empty-state-icon i[b-suzwkcowxb] {
        font-size: 1.5rem;
    }
    
    .empty-state-title[b-suzwkcowxb] {
        font-size: 1.25rem;
    }
    
    .empty-state-description[b-suzwkcowxb] {
        font-size: 0.9rem;
        margin-bottom: 1.5rem;
    }
    
    .empty-state-actions .btn[b-suzwkcowxb] {
        padding: 0.625rem 1.25rem;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .empty-state[b-suzwkcowxb] {
        padding: 2rem 1rem;
        min-height: 200px;
    }
    
    .empty-state-title[b-suzwkcowxb] {
        font-size: 1.125rem;
    }
    
    .empty-state-description[b-suzwkcowxb] {
        font-size: 0.875rem;
    }
}

/* Accessibility enhancements */
@media (prefers-reduced-motion: reduce) {
    .empty-state[b-suzwkcowxb],
    .empty-state-icon[b-suzwkcowxb],
    .empty-state-actions .btn[b-suzwkcowxb] {
        transition: none;
    }
    
    .empty-state:hover[b-suzwkcowxb] {
        transform: none;
    }
    
    .empty-state:hover .empty-state-icon[b-suzwkcowxb] {
        transform: none;
    }
    
    .empty-state-actions .btn-primary:hover[b-suzwkcowxb] {
        transform: none;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .empty-state[b-suzwkcowxb] {
        border-color: #000000;
        background: #FFFFFF;
    }
    
    .empty-state-title[b-suzwkcowxb] {
        color: #000000;
    }
    
    .empty-state-description[b-suzwkcowxb] {
        color: #333333;
    }
    
    .empty-state-icon[b-suzwkcowxb] {
        background: #000000;
        box-shadow: none;
    }
    
    .empty-state-actions .btn-primary[b-suzwkcowxb] {
        background: #000000;
        box-shadow: none;
    }
}

/* Focus indicators */
.empty-state-actions .btn:focus[b-suzwkcowxb] {
    outline: 2px solid #3B82F6;
    outline-offset: 2px;
}

.empty-state-actions .btn:focus:not(:focus-visible)[b-suzwkcowxb] {
    outline: none;
}

.empty-state-actions .btn:focus-visible[b-suzwkcowxb] {
    outline: 2px solid #3B82F6;
    outline-offset: 2px;
}
/* _content/SoloPilot/Components/FormField.razor.rz.scp.css */
/* FormField Component Styling */
.input-container[b-or17dt1ray] {
    margin-bottom: 24px;
}

.input-container-wide[b-or17dt1ray] {
    margin-bottom: 32px;
}

/* Label Styling */
.input-container label[b-or17dt1ray] {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #445566;
    margin-bottom: 8px;
    line-height: 1.4;
}

.required-label[b-or17dt1ray]::after {
    content: ' *';
    color: #EF4444;
    font-weight: 600;
}

/* Tooltip Icon */
.tooltip-icon[b-or17dt1ray] {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 6px;
    background: #D6ECFF;
    color: #3B82F6;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 600;
    cursor: help;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
    line-height: 1;
    vertical-align: middle;
}

.tooltip-icon:hover[b-or17dt1ray] {
    background: #3B82F6;
    color: #FFFFFF;
    transform: scale(1.1);
}

/* Input Field Styling */
.input-container .form-control[b-or17dt1ray],
.input-container .input-field[b-or17dt1ray] {
    background: #FFFFFF;
    border: 1px solid #CCD3DC;
    border-radius: 10px;
    padding: 12px 16px;
    font-size: 14px;
    color: #445566;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
    line-height: 1.5;
}

.input-container .form-control:focus[b-or17dt1ray],
.input-container .input-field:focus[b-or17dt1ray] {
    outline: none;
    border-color: #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
    background: #FFFFFF;
}

.input-container .form-control[b-or17dt1ray]::placeholder,
.input-container .input-field[b-or17dt1ray]::placeholder {
    color: #99A3B2;
    font-weight: 400;
}

/* Textarea Specific */
.input-container textarea.form-control[b-or17dt1ray],
.input-container textarea.input-field[b-or17dt1ray] {
    min-height: 100px;
    resize: vertical;
    font-family: inherit;
}

/* Select Styling */
.input-container select.form-control[b-or17dt1ray],
.input-container select.input-field[b-or17dt1ray] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23445566' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 40px;
    appearance: none;
    cursor: pointer;
}

.input-container select.form-control:focus[b-or17dt1ray],
.input-container select.input-field:focus[b-or17dt1ray] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%233B82F6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
}

/* Validation States */
.input-container .valid[b-or17dt1ray] {
    border-color: #10B981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

.input-container .invalid[b-or17dt1ray] {
    border-color: #EF4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

/* Validation Messages */
.input-container .validation-message[b-or17dt1ray] {
    color: #EF4444;
    font-size: 12px;
    font-weight: 500;
    margin-top: 6px;
    display: block;
    line-height: 1.4;
}

.input-container .field-validation-valid[b-or17dt1ray] {
    display: none;
}

/* Disabled State */
.input-container .form-control:disabled[b-or17dt1ray],
.input-container .input-field:disabled[b-or17dt1ray] {
    background-color: #F5F7FA;
    border-color: #ECEFF3;
    color: #99A3B2;
    cursor: not-allowed;
}

/* Read-only State */
.input-container .form-control[readonly][b-or17dt1ray],
.input-container .input-field[readonly][b-or17dt1ray] {
    background-color: #F5F7FA;
    border-color: #ECEFF3;
    color: #445566;
    cursor: default;
}

/* Checkbox and Radio Styling */
.input-container .form-check-input[b-or17dt1ray] {
    width: 18px;
    height: 18px;
    border: 1px solid #CCD3DC;
    border-radius: 4px;
    background-color: #FFFFFF;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.input-container .form-check-input:checked[b-or17dt1ray] {
    background-color: #3B82F6;
    border-color: #3B82F6;
}

.input-container .form-check-input:focus[b-or17dt1ray] {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.input-container .form-check-label[b-or17dt1ray] {
    font-size: 14px;
    color: #445566;
    margin-left: 8px;
    cursor: pointer;
}

/* Input Group Styling (for addons) */
.input-container .input-group[b-or17dt1ray] {
    border-radius: 10px;
    overflow: hidden;
}

.input-container .input-group .form-control[b-or17dt1ray] {
    border-radius: 0;
}

.input-container .input-group .form-control:first-child[b-or17dt1ray] {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.input-container .input-group .form-control:last-child[b-or17dt1ray] {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.input-container .input-group-text[b-or17dt1ray] {
    background: #F5F7FA;
    border: 1px solid #CCD3DC;
    color: #445566;
    font-size: 14px;
    padding: 12px 16px;
}

/* File Input Styling */
.input-container .form-control[type="file"][b-or17dt1ray] {
    padding: 8px 16px;
    cursor: pointer;
}

.input-container .form-control[type="file"][b-or17dt1ray]::-webkit-file-upload-button {
    background: #F5F7FA;
    border: 1px solid #CCD3DC;
    border-radius: 6px;
    padding: 6px 12px;
    margin-right: 12px;
    font-size: 12px;
    color: #445566;
    cursor: pointer;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.input-container .form-control[type="file"][b-or17dt1ray]::-webkit-file-upload-button:hover {
    background: #ECEFF3;
    border-color: #A4D1FF;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .input-container[b-or17dt1ray] {
        margin-bottom: 20px;
    }
    
    .input-container-wide[b-or17dt1ray] {
        margin-bottom: 24px;
    }
    
    .input-container .form-control[b-or17dt1ray],
    .input-container .input-field[b-or17dt1ray] {
        padding: 10px 14px;
        font-size: 16px; /* Prevent zoom on iOS */
    }
}

/* Help text styling */
.input-container .form-text[b-or17dt1ray] {
    font-size: 12px;
    color: #99A3B2;
    margin-top: 6px;
    line-height: 1.4;
}

/* Focus ring for accessibility */
.input-container .form-control:focus-visible[b-or17dt1ray],
.input-container .input-field:focus-visible[b-or17dt1ray] {
    outline: 2px solid #3B82F6;
    outline-offset: 2px;
}
/* _content/SoloPilot/Components/FormPage.razor.rz.scp.css */
/* FormPage Component Styling */
.form-page[b-3e04lxntqp] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Header Section */
.add-header[b-3e04lxntqp] {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 24px 32px;
    margin-bottom: 32px;
    border: 1px solid #ECEFF3;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    display: flex;
    align-items: center;
    gap: 16px;
}

.page-title[b-3e04lxntqp] {
    font-size: 32px;
    font-weight: 700;
    color: #445566;
    margin: 0;
    line-height: 1.2;
}

.btn-back[b-3e04lxntqp] {
    background: #F5F7FA;
    border: 1px solid #CCD3DC;
    color: #445566;
    border-radius: 12px;
    padding: 12px 16px;
    font-weight: 500;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: 14px;
}

.btn-back:hover[b-3e04lxntqp] {
    background: #ECEFF3;
    border-color: #A4D1FF;
    color: #3B82F6;
    transform: translateX(-2px);
}

.btn-back[b-3e04lxntqp]:before {
    content: '←';
    font-size: 16px;
    font-weight: bold;
}

/* Form Container */
.form-container[b-3e04lxntqp] {
    display: flex;
    justify-content: center;
}

.block-container[b-3e04lxntqp] {
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #ECEFF3;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    padding: 32px;
    width: 100%;
    max-width: 1000px;
    animation: formSlideIn-b-3e04lxntqp 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes formSlideIn-b-3e04lxntqp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Loading State */
.form-page .text-center[b-3e04lxntqp] {
    padding: 80px 0;
}

.form-page .spinner-border[b-3e04lxntqp] {
    width: 3rem;
    height: 3rem;
    border-width: 3px;
    color: #3B82F6;
}

.visually-hidden[b-3e04lxntqp] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Alert Styling */
.form-page .alert[b-3e04lxntqp] {
    margin-bottom: 24px;
    border-radius: 12px;
    border: none;
    padding: 16px 20px;
    font-size: 14px;
    font-weight: 500;
    animation: alertSlideIn-b-3e04lxntqp 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes alertSlideIn-b-3e04lxntqp {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.form-page .alert-danger[b-3e04lxntqp] {
    background-color: #FEF2F2;
    color: #EF4444;
    border-left: 4px solid #EF4444;
}

/* Header Actions */
.add-header .header-actions[b-3e04lxntqp] {
    margin-left: auto;
    display: flex;
    gap: 12px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .form-page[b-3e04lxntqp] {
        padding: 0 16px;
    }
    
    .add-header[b-3e04lxntqp] {
        padding: 20px 24px;
        margin-bottom: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .page-title[b-3e04lxntqp] {
        font-size: 24px;
    }
    
    .block-container[b-3e04lxntqp] {
        padding: 24px 20px;
    }
    
    .btn-back[b-3e04lxntqp] {
        padding: 10px 14px;
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .form-page[b-3e04lxntqp] {
        padding: 0 12px;
    }
    
    .add-header[b-3e04lxntqp] {
        padding: 16px 20px;
        border-radius: 12px;
    }
    
    .page-title[b-3e04lxntqp] {
        font-size: 20px;
    }
    
    .block-container[b-3e04lxntqp] {
        padding: 20px 16px;
        border-radius: 12px;
    }
}

/* Focus Management */
.form-page *:focus[b-3e04lxntqp] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Ensure proper hierarchy */
.form-page h1[b-3e04lxntqp],
.form-page h2[b-3e04lxntqp],
.form-page h3[b-3e04lxntqp],
.form-page h4[b-3e04lxntqp],
.form-page h5[b-3e04lxntqp],
.form-page h6[b-3e04lxntqp] {
    color: #445566;
    font-weight: 700;
}

/* Header actions styling */
.header-actions .btn[b-3e04lxntqp] {
    border-radius: 12px;
    padding: 12px 20px;
    font-weight: 500;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
/* _content/SoloPilot/Components/ListPage/ListPageTable.razor.rz.scp.css */
/* ListPageTable Component Styles */

/* Compact pagination section height */
.table-pagination[b-c8s94ajh44] {
    padding: 0.75rem 0; /* Reduced from 1rem to 0.75rem */
}

/* Add spacing around pagination elements */
.pagination-info[b-c8s94ajh44] {
    margin-right: 1rem; /* Space from navigation buttons */
}

.pagination-size[b-c8s94ajh44] {
    margin-left: 1rem; /* Space from navigation buttons */
}

/* Compact pagination buttons */
.pagination-navigation .btn[b-c8s94ajh44] {
    padding: 0.25rem 0.5rem; /* Much smaller padding */
    font-size: 0.875rem; /* Slightly smaller font */
    line-height: 1.2; /* Tighter line height */
    min-width: 2rem; /* Consistent minimum width */
    height: 2rem; /* Fixed height for uniformity */
    border-radius: 0.25rem;
}

/* Current page button styling - more compact */
.pagination-navigation .btn-primary[b-c8s94ajh44] {
    font-weight: 500;
}

/* Navigation arrows - keep them consistent */
.pagination-navigation .btn i[b-c8s94ajh44] {
    font-size: 0.75rem;
} 
/* _content/SoloPilot/Components/MeetingAccessControl.razor.rz.scp.css */
/* Meeting Access Control Slide-out Panel */
.meeting-access-control[b-lkxfun30lm] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    pointer-events: none;
    opacity: 0;
    transition: all 150ms ease-in-out;
}

.meeting-access-control.visible[b-lkxfun30lm] {
    pointer-events: all;
    opacity: 1;
}

/* Backdrop */
.access-backdrop[b-lkxfun30lm] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    transition: background-color 150ms ease-in-out;
}

/* Slide-out Panel - 480px wide */
.access-panel[b-lkxfun30lm] {
    position: absolute;
    top: 0;
    right: 0;
    width: 480px;
    height: 100%;
    background-color: #FFFFFF;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 150ms ease-in-out;
    display: flex;
    flex-direction: column;
    z-index: 1051;
}

.access-panel.open[b-lkxfun30lm] {
    transform: translateX(0);
}

/* Header */
.access-header[b-lkxfun30lm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid #E5E7EB;
    background-color: #F9FAFB;
    flex-shrink: 0;
}

.access-title[b-lkxfun30lm] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.access-title i[b-lkxfun30lm] {
    font-size: 20px;
    color: #3B82F6;
}

.access-title h4[b-lkxfun30lm] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #1F2937;
    margin: 0;
}

.btn-close[b-lkxfun30lm] {
    background: none;
    border: none;
    padding: 8px;
    border-radius: 4px;
    color: #6B7280;
    cursor: pointer;
    transition: all 150ms ease-in-out;
}

.btn-close:hover[b-lkxfun30lm] {
    background-color: #F3F4F6;
    color: #374151;
}

.btn-close i[b-lkxfun30lm] {
    font-size: 16px;
}

/* Content */
.access-content[b-lkxfun30lm] {
    flex: 1;
    overflow-y: auto;
    padding: 0;
}

.loading-section[b-lkxfun30lm] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 40px 24px;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #6B7280;
}

/* Access Sections */
.access-section[b-lkxfun30lm] {
    padding: 24px;
    border-bottom: 1px solid #F3F4F6;
}

.access-section:last-child[b-lkxfun30lm] {
    border-bottom: none;
}

.section-header[b-lkxfun30lm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.section-header h5[b-lkxfun30lm] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #1F2937;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.privacy-description[b-lkxfun30lm] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #6B7280;
    padding: 12px 16px;
    background-color: #F9FAFB;
    border-radius: 6px;
    border-left: 3px solid #3B82F6;
}

/* Add User Form */
.add-user-form[b-lkxfun30lm] {
    margin-bottom: 20px;
    padding: 16px;
    background-color: #F9FAFB;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
}

.form-row[b-lkxfun30lm] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.form-select[b-lkxfun30lm] {
    flex: 1;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    border: 1px solid #D1D5DB;
    border-radius: 6px;
    padding: 8px 12px;
}

.form-select:focus[b-lkxfun30lm] {
    outline: none;
    border-color: #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* User Access List */
.user-access-list[b-lkxfun30lm] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.user-access-item[b-lkxfun30lm] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    transition: all 150ms ease-in-out;
}

.user-access-item:hover[b-lkxfun30lm] {
    border-color: #D1D5DB;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.user-info[b-lkxfun30lm] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.user-avatar[b-lkxfun30lm] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #F3F4F6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6B7280;
    flex-shrink: 0;
}

.user-avatar i[b-lkxfun30lm] {
    font-size: 18px;
}

.user-details[b-lkxfun30lm] {
    flex: 1;
}

.user-name[b-lkxfun30lm] {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #1F2937;
    margin-bottom: 2px;
}

.user-email[b-lkxfun30lm] {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #6B7280;
}

/* Access Controls */
.access-controls[b-lkxfun30lm] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-end;
}

.access-level[b-lkxfun30lm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.access-level .form-select[b-lkxfun30lm] {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    padding: 4px 8px;
    min-width: 120px;
    background-color: #FFFFFF;
}

.access-level .form-select:focus[b-lkxfun30lm] {
    outline: none;
    border-color: #3B82F6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

.access-toggle[b-lkxfun30lm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.toggle-label[b-lkxfun30lm] {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #374151;
}

/* Toggle Switch */
.toggle-switch[b-lkxfun30lm] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    margin: 0;
}

.toggle-switch.mini[b-lkxfun30lm] {
    width: 36px;
    height: 20px;
}

.toggle-switch input[b-lkxfun30lm] {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider[b-lkxfun30lm] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #D1D5DB;
    transition: all 150ms ease-in-out;
    border-radius: 24px;
}

.slider[b-lkxfun30lm]:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: all 150ms ease-in-out;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.toggle-switch.mini .slider[b-lkxfun30lm]:before {
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
}

input:checked + .slider[b-lkxfun30lm] {
    background-color: #3B82F6;
}

input:checked + .slider[b-lkxfun30lm]:before {
    transform: translateX(20px);
}

.toggle-switch.mini input:checked + .slider[b-lkxfun30lm]:before {
    transform: translateX(16px);
}

input:focus + .slider[b-lkxfun30lm] {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Permission Toggles */
.permission-toggles[b-lkxfun30lm] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.permission-item[b-lkxfun30lm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.permission-label[b-lkxfun30lm] {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    color: #6B7280;
    font-weight: 500;
}

/* Remove Button */
.btn-remove[b-lkxfun30lm] {
    background: none;
    border: none;
    padding: 6px;
    border-radius: 4px;
    color: #DC2626;
    cursor: pointer;
    transition: all 150ms ease-in-out;
    opacity: 0.7;
}

.btn-remove:hover[b-lkxfun30lm] {
    background-color: #FEF2F2;
    opacity: 1;
}

.btn-remove i[b-lkxfun30lm] {
    font-size: 12px;
}

/* No Users State */
.no-users[b-lkxfun30lm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 20px;
    text-align: center;
}

.no-users i[b-lkxfun30lm] {
    font-size: 32px;
    color: #D1D5DB;
    margin-bottom: 12px;
}

.no-users p[b-lkxfun30lm] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #6B7280;
    margin: 0;
}

/* Access Statistics */
.access-stats[b-lkxfun30lm] {
    display: flex;
    gap: 20px;
    padding: 16px;
    background-color: #F9FAFB;
    border-radius: 6px;
}

.stat-item[b-lkxfun30lm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.stat-number[b-lkxfun30lm] {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #3B82F6;
    line-height: 1;
}

.stat-label[b-lkxfun30lm] {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #6B7280;
    text-align: center;
    margin-top: 4px;
}

/* Responsive Design */

/* Tablet */
@media (max-width: 1024px) {
    .access-panel[b-lkxfun30lm] {
        width: 420px;
    }
    
    .panel-header[b-lkxfun30lm] {
        padding: 16px 20px;
    }
    
    .panel-body[b-lkxfun30lm] {
        padding: 0 20px 20px 20px;
    }
}

/* Mobile (landscape) */
@media (max-width: 834px) {
    .access-panel[b-lkxfun30lm] {
        width: 90%;
        max-width: 400px;
        right: 5%;
    }
    
    .user-access-item[b-lkxfun30lm] {
        padding: 12px;
    }
    
    .user-avatar[b-lkxfun30lm] {
        width: 36px;
        height: 36px;
    }
    
    .user-avatar i[b-lkxfun30lm] {
        font-size: 16px;
    }
}

/* Mobile (portrait) */
@media (max-width: 768px) {
    .access-panel[b-lkxfun30lm] {
        width: 100%;
        right: 0;
        max-height: 90vh;
        overflow-y: auto;
    }
    
    .panel-header[b-lkxfun30lm] {
        padding: 12px 16px;
        position: sticky;
        top: 0;
        background: #FFFFFF;
        border-bottom: 1px solid #E5E7EB;
        z-index: 10;
    }
    
    .panel-body[b-lkxfun30lm] {
        padding: 0 16px 16px 16px;
    }
    
    .user-access-item[b-lkxfun30lm] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding: 12px;
    }
    
    .user-info[b-lkxfun30lm] {
        justify-content: flex-start;
    }
    
    .access-controls[b-lkxfun30lm] {
        align-items: stretch;
        width: 100%;
    }
    
    .access-level-select[b-lkxfun30lm] {
        width: 100%;
        font-size: 16px; /* Prevents zoom on iOS */
        padding: 8px 12px;
    }
    
    .permission-toggles[b-lkxfun30lm] {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 8px;
    }
    
    .permission-toggle[b-lkxfun30lm] {
        flex: 1;
        min-width: 100px;
    }
    
    .access-stats[b-lkxfun30lm] {
        flex-direction: column;
        gap: 12px;
        margin-top: 16px;
    }
    
    .stat-item[b-lkxfun30lm] {
        flex-direction: row;
        justify-content: space-between;
        padding: 8px 0;
    }
    
    .stat-number[b-lkxfun30lm] {
        font-size: 18px;
    }
    
    .stat-label[b-lkxfun30lm] {
        font-size: 13px;
    }
    
    /* Add user section mobile optimization */
    .add-user-section[b-lkxfun30lm] {
        padding: 12px;
        margin: 12px 0;
    }
    
    .add-user-form[b-lkxfun30lm] {
        flex-direction: column;
        gap: 12px;
    }
    
    .user-search-input[b-lkxfun30lm] {
        font-size: 16px; /* Prevents zoom on iOS */
    }
    
    .btn-add-user[b-lkxfun30lm] {
        width: 100%;
        justify-content: center;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    .access-panel[b-lkxfun30lm] {
        width: 100vw;
        right: 0;
        border-radius: 0;
        max-height: 100vh;
    }
    
    .panel-header[b-lkxfun30lm] {
        padding: 10px 12px;
    }
    
    .panel-body[b-lkxfun30lm] {
        padding: 0 12px 12px 12px;
    }
    
    .panel-title[b-lkxfun30lm] {
        font-size: 16px;
    }
    
    .user-access-item[b-lkxfun30lm] {
        padding: 10px;
        gap: 10px;
    }
    
    .user-avatar[b-lkxfun30lm] {
        width: 32px;
        height: 32px;
    }
    
    .user-avatar i[b-lkxfun30lm] {
        font-size: 14px;
    }
    
    .user-name[b-lkxfun30lm] {
        font-size: 13px;
    }
    
    .user-email[b-lkxfun30lm] {
        font-size: 11px;
    }
    
    .access-level-select[b-lkxfun30lm] {
        font-size: 14px;
        padding: 6px 8px;
    }
    
    .permission-toggle label[b-lkxfun30lm] {
        font-size: 12px;
    }
    
    .stat-number[b-lkxfun30lm] {
        font-size: 16px;
    }
    
    .stat-label[b-lkxfun30lm] {
        font-size: 12px;
    }
    
    .close-btn[b-lkxfun30lm] {
        padding: 6px;
    }
    
    .close-btn i[b-lkxfun30lm] {
        font-size: 16px;
    }
}

/* Touch-friendly adjustments */
@media (hover: none) and (pointer: coarse) {
    .close-btn[b-lkxfun30lm],
    .btn-add-user[b-lkxfun30lm] {
        min-height: 44px;
        min-width: 44px;
    }
    
    .access-level-select[b-lkxfun30lm] {
        min-height: 44px;
        padding: 10px 12px;
    }
    
    .permission-toggle input[type="checkbox"][b-lkxfun30lm] {
        width: 20px;
        height: 20px;
    }
    
    .user-access-item:hover[b-lkxfun30lm] {
        background-color: #FFFFFF;
    }
    
    .close-btn:active[b-lkxfun30lm],
    .btn-add-user:active[b-lkxfun30lm] {
        transform: scale(0.95);
        opacity: 0.8;
    }
}

/* Animation for Adding Users */
@keyframes slideInFromRight-b-lkxfun30lm {
    from {
        transform: translateX(20px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.user-access-item[b-lkxfun30lm] {
    animation: slideInFromRight-b-lkxfun30lm 150ms ease-in-out;
}

/* Loading Spinner */
.spinner-border-sm[b-lkxfun30lm] {
    width: 16px;
    height: 16px;
    border-width: 2px;
}

/* Alert Styling */
.alert[b-lkxfun30lm] {
    margin: 16px 24px;
    padding: 12px 16px;
    border-radius: 6px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    animation: slideInAlert-b-lkxfun30lm 300ms ease-out;
}

.alert-danger[b-lkxfun30lm] {
    background-color: #FEF2F2;
    border: 1px solid #FECACA;
    color: #DC2626;
}

/* Micro-animations for Meeting Access Control */

/* Panel entrance animation */
.meeting-access-control[b-lkxfun30lm] {
    animation: fadeIn-b-lkxfun30lm 200ms ease-in;
}

.meeting-access-control.visible[b-lkxfun30lm] {
    animation: slideInPanel-b-lkxfun30lm 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes fadeIn-b-lkxfun30lm {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideInPanel-b-lkxfun30lm {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Backdrop animation */
.access-backdrop[b-lkxfun30lm] {
    transition: background-color 200ms ease-in-out;
    animation: backdropFadeIn-b-lkxfun30lm 200ms ease-in;
}

@keyframes backdropFadeIn-b-lkxfun30lm {
    from { background-color: rgba(0, 0, 0, 0); }
    to { background-color: rgba(0, 0, 0, 0.5); }
}

/* Panel slide animation */
.access-panel[b-lkxfun30lm] {
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.access-panel.open[b-lkxfun30lm] {
    animation: panelSlideIn-b-lkxfun30lm 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes panelSlideIn-b-lkxfun30lm {
    from {
        transform: translateX(100%);
        box-shadow: none;
    }
    to {
        transform: translateX(0);
        box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
    }
}

/* Header animation */
.access-header[b-lkxfun30lm] {
    animation: slideInFromTop-b-lkxfun30lm 400ms ease-out;
}

@keyframes slideInFromTop-b-lkxfun30lm {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Close button hover effect */
.btn-close[b-lkxfun30lm] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.btn-close[b-lkxfun30lm]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(239, 68, 68, 0.1);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 300ms ease-out, height 300ms ease-out;
}

.btn-close:active[b-lkxfun30lm]::before {
    width: 60px;
    height: 60px;
}

.btn-close:hover[b-lkxfun30lm] {
    transform: scale(1.1);
    color: #DC2626;
}

/* User access item stagger animation */
.user-access-item[b-lkxfun30lm] {
    animation: slideInFromRight-b-lkxfun30lm 300ms ease-out backwards;
}

.user-access-item:nth-child(1)[b-lkxfun30lm] { animation-delay: 100ms; }
.user-access-item:nth-child(2)[b-lkxfun30lm] { animation-delay: 200ms; }
.user-access-item:nth-child(3)[b-lkxfun30lm] { animation-delay: 300ms; }
.user-access-item:nth-child(4)[b-lkxfun30lm] { animation-delay: 400ms; }
.user-access-item:nth-child(n+5)[b-lkxfun30lm] { animation-delay: 500ms; }

@keyframes slideInFromRight-b-lkxfun30lm {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* User avatar pulse animation */
.user-avatar[b-lkxfun30lm] {
    transition: all 200ms ease-in-out;
    position: relative;
    overflow: hidden;
}

.user-avatar[b-lkxfun30lm]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 500ms ease-in-out;
}

.user-access-item:hover .user-avatar[b-lkxfun30lm]::before {
    left: 100%;
}

.user-access-item:hover .user-avatar[b-lkxfun30lm] {
    transform: scale(1.05);
    background-color: #EBF8FF;
}

/* Form select animation */
.form-select[b-lkxfun30lm] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.form-select:focus[b-lkxfun30lm] {
    transform: translateY(-1px);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1), 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Toggle switch animation */
.slider[b-lkxfun30lm] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.slider[b-lkxfun30lm]:before {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

input:checked + .slider[b-lkxfun30lm] {
    animation: toggleOn-b-lkxfun30lm 200ms ease-out;
}

@keyframes toggleOn-b-lkxfun30lm {
    0% {
        background-color: #D1D5DB;
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        background-color: #3B82F6;
        transform: scale(1);
    }
}

input:checked + .slider[b-lkxfun30lm]:before {
    animation: sliderMove-b-lkxfun30lm 200ms ease-out;
}

@keyframes sliderMove-b-lkxfun30lm {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(10px) scale(1.1);
    }
    100% {
        transform: translateX(20px);
    }
}

/* Remove button hover effect */
.btn-remove[b-lkxfun30lm] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.btn-remove[b-lkxfun30lm]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(220, 38, 38, 0.1);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 300ms ease-out, height 300ms ease-out;
}

.btn-remove:active[b-lkxfun30lm]::before {
    width: 40px;
    height: 40px;
}

.btn-remove:hover[b-lkxfun30lm] {
    transform: scale(1.1) rotate(10deg);
    color: #EF4444;
}

/* Access statistics animation */
.access-stats[b-lkxfun30lm] {
    animation: slideInFromBottom-b-lkxfun30lm 400ms ease-out;
}

@keyframes slideInFromBottom-b-lkxfun30lm {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Stat number counting animation */
.stat-number[b-lkxfun30lm] {
    transition: all 200ms ease-in-out;
    position: relative;
}

.stat-number:hover[b-lkxfun30lm] {
    transform: scale(1.1);
    color: #2563EB;
}

/* Loading section animation */
.loading-section[b-lkxfun30lm] {
    animation: fadeInPulse-b-lkxfun30lm 300ms ease-in;
}

@keyframes fadeInPulse-b-lkxfun30lm {
    from { 
        opacity: 0;
        transform: scale(0.95);
    }
    to { 
        opacity: 1;
        transform: scale(1);
    }
}

/* No users state animation */
.no-users[b-lkxfun30lm] {
    animation: fadeInScale-b-lkxfun30lm 500ms ease-out;
}

@keyframes fadeInScale-b-lkxfun30lm {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Privacy description animation */
.privacy-description[b-lkxfun30lm] {
    animation: slideInFromLeft-b-lkxfun30lm 400ms ease-out;
    position: relative;
    overflow: hidden;
}

.privacy-description[b-lkxfun30lm]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.1), transparent);
    transition: left 600ms ease-in-out;
}

.privacy-description:hover[b-lkxfun30lm]::before {
    left: 100%;
}

@keyframes slideInFromLeft-b-lkxfun30lm {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Section header animation */
.section-header[b-lkxfun30lm] {
    animation: slideInStagger-b-lkxfun30lm 300ms ease-out;
}

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

/* Alert slide in animation */
@keyframes slideInAlert-b-lkxfun30lm {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Spinner enhancement */
.spinner-border-sm[b-lkxfun30lm] {
    animation: spin-b-lkxfun30lm 1s linear infinite, pulse-b-lkxfun30lm 2s ease-in-out infinite;
}

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

@keyframes pulse-b-lkxfun30lm {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}
/* _content/SoloPilot/Components/MeetingAgendaTable.razor.rz.scp.css */
/* Meeting Agenda Table Component */
.meeting-agenda-table[b-coi3hwsft1] {
    width: 100%;
    font-family: 'Inter', sans-serif;
}

.loading-section[b-coi3hwsft1] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 40px;
    justify-content: center;
    font-size: 14px;
    color: #6B7280;
}

/* Add Item Form */
.add-item-form[b-coi3hwsft1] {
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.form-header[b-coi3hwsft1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.form-header h6[b-coi3hwsft1] {
    font-weight: 600;
    font-size: 14px;
    color: #1F2937;
    margin: 0;
}

.btn-close-form[b-coi3hwsft1] {
    background: none;
    border: none;
    padding: 4px;
    color: #6B7280;
    cursor: pointer;
    border-radius: 4px;
    transition: all 150ms ease-in-out;
}

.btn-close-form:hover[b-coi3hwsft1] {
    background-color: #F3F4F6;
    color: #374151;
}

.form-grid[b-coi3hwsft1] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

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

.form-field.full-width[b-coi3hwsft1] {
    grid-column: 1 / -1;
}

.form-field label[b-coi3hwsft1] {
    font-size: 12px;
    font-weight: 500;
    color: #374151;
    margin: 0;
}

.form-field .form-control[b-coi3hwsft1] {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    padding: 6px 8px;
    transition: all 150ms ease-in-out;
}

.form-field .form-control:focus[b-coi3hwsft1] {
    outline: none;
    border-color: #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.form-actions[b-coi3hwsft1] {
    display: flex;
    gap: 8px;
}

.form-actions .btn[b-coi3hwsft1] {
    font-size: 12px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Agenda Table Container */
.agenda-table-container[b-coi3hwsft1] {
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    overflow: hidden;
}

.agenda-table-header[b-coi3hwsft1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background-color: #F9FAFB;
    border-bottom: 1px solid #E5E7EB;
}

.table-info[b-coi3hwsft1] {
    display: flex;
    gap: 20px;
    font-size: 14px;
}

.total-items[b-coi3hwsft1] {
    color: #374151;
    font-weight: 500;
}

.total-duration[b-coi3hwsft1] {
    color: #6B7280;
}

/* Agenda Table */
.agenda-table[b-coi3hwsft1] {
    min-height: 200px;
}

/* Agenda Item */
.agenda-item[b-coi3hwsft1] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid #F3F4F6;
    transition: all 150ms ease-in-out;
    background-color: #FFFFFF;
    position: relative;
}

.agenda-item:last-child[b-coi3hwsft1] {
    border-bottom: none;
}

.agenda-item:hover[b-coi3hwsft1] {
    background-color: #F9FAFB;
}

.agenda-item.dragging[b-coi3hwsft1] {
    opacity: 0.6;
    transform: rotate(2deg);
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.agenda-item.drop-target-before[b-coi3hwsft1]::before,
.agenda-item.drop-target-after[b-coi3hwsft1]::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #3B82F6;
    z-index: 10;
}

.agenda-item.drop-target-before[b-coi3hwsft1]::before {
    top: -1px;
}

.agenda-item.drop-target-after[b-coi3hwsft1]::after {
    bottom: -1px;
}

/* Drag Handle */
.drag-handle[b-coi3hwsft1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #9CA3AF;
    cursor: grab;
    border-radius: 4px;
    transition: all 150ms ease-in-out;
    flex-shrink: 0;
}

.drag-handle:hover[b-coi3hwsft1] {
    background-color: #F3F4F6;
    color: #6B7280;
}

.drag-handle:active[b-coi3hwsft1] {
    cursor: grabbing;
}

/* Item Order */
.item-order[b-coi3hwsft1] {
    font-weight: 600;
    font-size: 14px;
    color: #6B7280;
    min-width: 24px;
    flex-shrink: 0;
}

/* Item Content */
.item-content[b-coi3hwsft1] {
    flex: 1;
    min-width: 0;
}

.item-header[b-coi3hwsft1] {
    margin-bottom: 8px;
}

.item-title[b-coi3hwsft1] {
    font-weight: 600;
    font-size: 14px;
    color: #1F2937;
    margin: 0 0 4px 0;
    line-height: 1.3;
}

.item-meta[b-coi3hwsft1] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.duration-badge[b-coi3hwsft1] {
    font-size: 11px;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 8px;
    background-color: #EFF6FF;
    color: #3B82F6;
    display: flex;
    align-items: center;
    gap: 4px;
}

.duration-badge i[b-coi3hwsft1] {
    font-size: 10px;
}

/* Status Badges */
.status-badge[b-coi3hwsft1] {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.status-badge.status-pending[b-coi3hwsft1] {
    background-color: #FEF3C7;
    color: #D97706;
}

.status-badge.status-inprogress[b-coi3hwsft1] {
    background-color: #DBEAFE;
    color: #2563EB;
}

.status-badge.status-completed[b-coi3hwsft1] {
    background-color: #D1FAE5;
    color: #059669;
}

.status-badge.status-deferred[b-coi3hwsft1] {
    background-color: #F3F4F6;
    color: #6B7280;
}

.item-description[b-coi3hwsft1] {
    font-size: 13px;
    color: #6B7280;
    line-height: 1.4;
    margin-bottom: 8px;
}

.item-details[b-coi3hwsft1] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.responsible-person[b-coi3hwsft1],
.preparation-deadline[b-coi3hwsft1] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #6B7280;
}

.responsible-person i[b-coi3hwsft1],
.preparation-deadline i[b-coi3hwsft1] {
    font-size: 11px;
}

.preparation-deadline.overdue[b-coi3hwsft1] {
    color: #DC2626;
}

.overdue-indicator[b-coi3hwsft1] {
    font-weight: 600;
    font-size: 10px;
    background-color: #FEE2E2;
    color: #DC2626;
    padding: 1px 4px;
    border-radius: 3px;
    text-transform: uppercase;
}

/* Item Actions */
.item-actions[b-coi3hwsft1] {
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
}

.action-buttons[b-coi3hwsft1] {
    display: flex;
    gap: 4px;
    opacity: 0.7;
    transition: opacity 150ms ease-in-out;
}

.agenda-item:hover .action-buttons[b-coi3hwsft1] {
    opacity: 1;
}

.btn-action[b-coi3hwsft1] {
    background: none;
    border: none;
    padding: 6px;
    border-radius: 4px;
    color: #6B7280;
    cursor: pointer;
    transition: all 150ms ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-action:hover[b-coi3hwsft1] {
    background-color: #F3F4F6;
    color: #374151;
}

.btn-action.btn-danger:hover[b-coi3hwsft1] {
    background-color: #FEF2F2;
    color: #DC2626;
}

.btn-action i[b-coi3hwsft1] {
    font-size: 12px;
}

/* Empty State */
.empty-agenda[b-coi3hwsft1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    text-align: center;
}

.empty-agenda i[b-coi3hwsft1] {
    font-size: 48px;
    color: #D1D5DB;
    margin-bottom: 16px;
}

.empty-agenda h6[b-coi3hwsft1] {
    font-weight: 600;
    font-size: 16px;
    color: #374151;
    margin: 0 0 8px 0;
}

.empty-agenda p[b-coi3hwsft1] {
    font-size: 14px;
    color: #6B7280;
    margin: 0 0 20px 0;
    max-width: 400px;
}

/* Responsive Design */

/* Tablet */
@media (max-width: 1024px) {
    .form-grid[b-coi3hwsft1] {
        grid-template-columns: 1fr 120px 1fr 140px;
        gap: 12px;
    }
    
    .agenda-table-header[b-coi3hwsft1] {
        flex-wrap: wrap;
        gap: 12px;
    }
    
    .item-details[b-coi3hwsft1] {
        gap: 12px;
    }
}

/* Mobile (landscape) */
@media (max-width: 834px) {
    .add-item-form[b-coi3hwsft1] {
        padding: 16px;
        margin-bottom: 16px;
    }
    
    .form-grid[b-coi3hwsft1] {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
    
    .agenda-table-header[b-coi3hwsft1] {
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }
    
    .table-info[b-coi3hwsft1] {
        justify-content: space-between;
    }
    
    .agenda-item[b-coi3hwsft1] {
        padding: 16px;
        flex-wrap: wrap;
    }
    
    .item-content[b-coi3hwsft1] {
        min-width: 200px;
    }
}

/* Mobile (portrait) */
@media (max-width: 768px) {
    .add-item-form[b-coi3hwsft1] {
        padding: 12px;
        margin-bottom: 12px;
    }
    
    .form-grid[b-coi3hwsft1] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .agenda-table-header[b-coi3hwsft1] {
        flex-direction: column;
        gap: 10px;
        align-items: stretch;
        padding: 12px 16px;
    }
    
    .table-info[b-coi3hwsft1] {
        justify-content: space-between;
        font-size: 13px;
    }
    
    .agenda-item[b-coi3hwsft1] {
        flex-direction: column;
        gap: 12px;
        padding: 12px 16px;
        align-items: stretch;
    }
    
    .drag-handle[b-coi3hwsft1] {
        align-self: flex-start;
        margin-bottom: 8px;
    }
    
    .item-order[b-coi3hwsft1] {
        align-self: flex-start;
    }
    
    .item-header[b-coi3hwsft1] {
        margin-bottom: 6px;
    }
    
    .item-title[b-coi3hwsft1] {
        font-size: 14px;
    }
    
    .item-meta[b-coi3hwsft1] {
        flex-wrap: wrap;
        gap: 6px;
    }
    
    .item-details[b-coi3hwsft1] {
        flex-direction: column;
        gap: 6px;
    }
    
    .action-buttons[b-coi3hwsft1] {
        opacity: 1;
        justify-content: flex-end;
        align-self: stretch;
    }
    
    .btn-action[b-coi3hwsft1] {
        min-height: 44px;
        min-width: 44px;
    }
    
    /* Form field adjustments */
    .form-field label[b-coi3hwsft1] {
        font-size: 13px;
    }
    
    .form-field .form-control[b-coi3hwsft1] {
        font-size: 16px; /* Prevents zoom on iOS */
        padding: 8px 10px;
    }
    
    .form-actions .btn[b-coi3hwsft1] {
        font-size: 14px;
        padding: 8px 12px;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    .add-item-form[b-coi3hwsft1] {
        padding: 10px;
    }
    
    .agenda-table-header[b-coi3hwsft1] {
        padding: 10px 12px;
    }
    
    .agenda-item[b-coi3hwsft1] {
        padding: 10px 12px;
        gap: 10px;
    }
    
    .item-title[b-coi3hwsft1] {
        font-size: 13px;
    }
    
    .item-description[b-coi3hwsft1] {
        font-size: 12px;
    }
    
    .responsible-person[b-coi3hwsft1],
    .preparation-deadline[b-coi3hwsft1] {
        font-size: 11px;
    }
    
    .duration-badge[b-coi3hwsft1],
    .status-badge[b-coi3hwsft1] {
        font-size: 9px;
        padding: 1px 4px;
    }
    
    .form-field .form-control[b-coi3hwsft1] {
        font-size: 14px;
        padding: 6px 8px;
    }
    
    .form-actions .btn[b-coi3hwsft1] {
        font-size: 12px;
        padding: 6px 10px;
    }
}

/* Touch-friendly adjustments */
@media (hover: none) and (pointer: coarse) {
    .btn-action[b-coi3hwsft1],
    .drag-handle[b-coi3hwsft1] {
        min-height: 44px;
        min-width: 44px;
        padding: 10px;
    }
    
    .agenda-item:hover[b-coi3hwsft1] {
        background-color: #FFFFFF;
    }
    
    .action-buttons[b-coi3hwsft1] {
        opacity: 1;
    }
    
    .btn-action:active[b-coi3hwsft1] {
        transform: scale(0.95);
        background-color: #E5E7EB;
    }
}

/* Drag and drop adjustments for touch */
@media (pointer: coarse) {
    .drag-handle[b-coi3hwsft1] {
        background-color: #F3F4F6;
        border: 1px solid #E5E7EB;
    }
    
    .agenda-item.dragging[b-coi3hwsft1] {
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        transform: rotate(0deg) scale(1.02);
    }
}

/* Alert Styling */
.alert[b-coi3hwsft1] {
    margin: 12px 0;
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 14px;
    animation: slideInAlert-b-coi3hwsft1 300ms ease-out;
}

.alert-danger[b-coi3hwsft1] {
    background-color: #FEF2F2;
    border: 1px solid #FECACA;
    color: #DC2626;
}

/* Spinner */
.spinner-border-sm[b-coi3hwsft1] {
    width: 16px;
    height: 16px;
    border-width: 2px;
    animation: spin-b-coi3hwsft1 1s linear infinite, pulse-b-coi3hwsft1 2s ease-in-out infinite;
}

/* Validation Messages */
[b-coi3hwsft1] .validation-message {
    font-size: 11px;
    color: #DC2626;
    margin-top: 2px;
    animation: shakeIn-b-coi3hwsft1 400ms ease-out;
}

/* Micro-animations for Meeting Agenda Table */

/* Component entrance animation */
.meeting-agenda-table[b-coi3hwsft1] {
    animation: fadeInUp-b-coi3hwsft1 400ms ease-out;
}

@keyframes fadeInUp-b-coi3hwsft1 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Add Item Form Animations */
.add-item-form[b-coi3hwsft1] {
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: top;
}

.add-item-form:not(.d-none)[b-coi3hwsft1] {
    animation: expandDown-b-coi3hwsft1 300ms ease-out;
}

@keyframes expandDown-b-coi3hwsft1 {
    from {
        opacity: 0;
        transform: scaleY(0);
    }
    to {
        opacity: 1;
        transform: scaleY(1);
    }
}

/* Form field focus animations */
.form-field .form-control[b-coi3hwsft1] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.form-field .form-control:focus[b-coi3hwsft1] {
    transform: translateY(-1px);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1), 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Button ripple effect */
.btn[b-coi3hwsft1] {
    position: relative;
    overflow: hidden;
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.btn[b-coi3hwsft1]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 400ms ease-out, height 400ms ease-out;
}

.btn:active[b-coi3hwsft1]::before {
    width: 200px;
    height: 200px;
}

.btn:hover[b-coi3hwsft1] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Agenda Item Stagger Animation */
.agenda-item[b-coi3hwsft1] {
    animation: slideInStagger-b-coi3hwsft1 300ms ease-out backwards;
}

.agenda-item:nth-child(1)[b-coi3hwsft1] { animation-delay: 0ms; }
.agenda-item:nth-child(2)[b-coi3hwsft1] { animation-delay: 100ms; }
.agenda-item:nth-child(3)[b-coi3hwsft1] { animation-delay: 200ms; }
.agenda-item:nth-child(4)[b-coi3hwsft1] { animation-delay: 300ms; }
.agenda-item:nth-child(5)[b-coi3hwsft1] { animation-delay: 400ms; }
.agenda-item:nth-child(n+6)[b-coi3hwsft1] { animation-delay: 500ms; }

@keyframes slideInStagger-b-coi3hwsft1 {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Drag Handle Micro-interactions */
.drag-handle[b-coi3hwsft1] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.drag-handle[b-coi3hwsft1]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, transparent 30%, rgba(59, 130, 246, 0.1) 70%);
    opacity: 0;
    transition: opacity 200ms ease-in-out;
    border-radius: 4px;
}

.drag-handle:hover[b-coi3hwsft1]::before {
    opacity: 1;
}

.drag-handle:hover[b-coi3hwsft1] {
    transform: scale(1.1);
    color: #3B82F6;
}

/* Status Badge Pulse Animation */
.status-badge[b-coi3hwsft1] {
    transition: all 200ms ease-in-out;
    animation: statusBreathe-b-coi3hwsft1 3s ease-in-out infinite;
}

@keyframes statusBreathe-b-coi3hwsft1 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); }
}

.status-badge:hover[b-coi3hwsft1] {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Duration Badge Animation */
.duration-badge[b-coi3hwsft1] {
    transition: all 200ms ease-in-out;
    position: relative;
    overflow: hidden;
}

.duration-badge[b-coi3hwsft1]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 600ms ease-in-out;
}

.duration-badge:hover[b-coi3hwsft1]::before {
    left: 100%;
}

.duration-badge:hover[b-coi3hwsft1] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2);
}

/* Action Button Hover Effects */
.btn-action[b-coi3hwsft1] {
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.btn-action:hover[b-coi3hwsft1] {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.btn-action:active[b-coi3hwsft1] {
    transform: translateY(0) scale(0.95);
    transition: transform 100ms ease-out;
}

/* Overdue Indicator Pulse */
.overdue-indicator[b-coi3hwsft1] {
    animation: urgentPulse-b-coi3hwsft1 1.5s ease-in-out infinite;
}

@keyframes urgentPulse-b-coi3hwsft1 {
    0%, 100% { 
        transform: scale(1);
        opacity: 1;
    }
    50% { 
        transform: scale(1.1);
        opacity: 0.8;
    }
}

/* Empty State Animation */
.empty-agenda[b-coi3hwsft1] {
    animation: fadeInScale-b-coi3hwsft1 500ms ease-out;
}

@keyframes fadeInScale-b-coi3hwsft1 {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Responsible Person Hover Effect */
.responsible-person[b-coi3hwsft1] {
    transition: all 150ms ease-in-out;
    cursor: pointer;
}

.responsible-person:hover[b-coi3hwsft1] {
    color: #3B82F6;
    transform: translateX(2px);
}

/* Preparation Deadline Warning Animation */
.preparation-deadline.overdue[b-coi3hwsft1] {
    animation: warningGlow-b-coi3hwsft1 2s ease-in-out infinite;
}

@keyframes warningGlow-b-coi3hwsft1 {
    0%, 100% { 
        color: #DC2626;
        text-shadow: none;
    }
    50% { 
        color: #EF4444;
        text-shadow: 0 0 8px rgba(220, 38, 38, 0.3);
    }
}

/* Loading Animation Enhancement */
.loading-section[b-coi3hwsft1] {
    animation: fadeIn-b-coi3hwsft1 300ms ease-in;
}

@keyframes fadeIn-b-coi3hwsft1 {
    from { opacity: 0; }
    to { opacity: 1; }
}

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

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

/* Drag and Drop Visual Feedback */
.agenda-item.dragging[b-coi3hwsft1] {
    animation: dragFloat-b-coi3hwsft1 200ms ease-out;
}

@keyframes dragFloat-b-coi3hwsft1 {
    from {
        transform: rotate(0deg) scale(1);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    to {
        transform: rotate(2deg) scale(1.02);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    }
}

.agenda-item.drop-target-before[b-coi3hwsft1]::before,
.agenda-item.drop-target-after[b-coi3hwsft1]::after {
    animation: dropIndicator-b-coi3hwsft1 300ms ease-in-out;
}

@keyframes dropIndicator-b-coi3hwsft1 {
    0% {
        opacity: 0;
        transform: scaleX(0);
    }
    100% {
        opacity: 1;
        transform: scaleX(1);
    }
}

/* Table Header Animation */
.agenda-table-header[b-coi3hwsft1] {
    animation: slideInFromTop-b-coi3hwsft1 400ms ease-out;
}

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

/* Alert Slide In Animation */
@keyframes slideInAlert-b-coi3hwsft1 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Shake Animation for Validation */
@keyframes shakeIn-b-coi3hwsft1 {
    0% {
        opacity: 0;
        transform: translateX(-10px);
    }
    25% {
        transform: translateX(5px);
    }
    50% {
        transform: translateX(-2px);
    }
    75% {
        transform: translateX(1px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
/* _content/SoloPilot/Components/MeetingDecisionTable.razor.rz.scp.css */
/* Meeting Decision Table Component */
.meeting-decision-table[b-nw7x7dn9o8] {
    width: 100%;
    font-family: 'Inter', sans-serif;
}

.loading-section[b-nw7x7dn9o8] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 40px;
    justify-content: center;
    font-size: 14px;
    color: #6B7280;
}

/* Add Decision Form */
.add-decision-form[b-nw7x7dn9o8] {
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.form-header[b-nw7x7dn9o8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.form-header h6[b-nw7x7dn9o8] {
    font-weight: 600;
    font-size: 14px;
    color: #1F2937;
    margin: 0;
}

.btn-close-form[b-nw7x7dn9o8] {
    background: none;
    border: none;
    padding: 4px;
    color: #6B7280;
    cursor: pointer;
    border-radius: 4px;
    transition: all 150ms ease-in-out;
}

.btn-close-form:hover[b-nw7x7dn9o8] {
    background-color: #F3F4F6;
    color: #374151;
}

.form-grid[b-nw7x7dn9o8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

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

.form-field.full-width[b-nw7x7dn9o8] {
    grid-column: 1 / -1;
}

.form-field label[b-nw7x7dn9o8] {
    font-size: 12px;
    font-weight: 500;
    color: #374151;
    margin: 0;
}

.form-field .form-control[b-nw7x7dn9o8] {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    padding: 6px 8px;
    transition: all 150ms ease-in-out;
}

.form-field .form-control:focus[b-nw7x7dn9o8] {
    outline: none;
    border-color: #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.form-actions[b-nw7x7dn9o8] {
    display: flex;
    gap: 8px;
}

.form-actions .btn[b-nw7x7dn9o8] {
    font-size: 12px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Decisions Table Container */
.decisions-table-container[b-nw7x7dn9o8] {
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    overflow: hidden;
}

.decisions-table-header[b-nw7x7dn9o8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background-color: #F9FAFB;
    border-bottom: 1px solid #E5E7EB;
}

.table-info[b-nw7x7dn9o8] {
    display: flex;
    gap: 20px;
    font-size: 14px;
}

.total-decisions[b-nw7x7dn9o8] {
    color: #374151;
    font-weight: 500;
}

.pending-decisions[b-nw7x7dn9o8] {
    color: #6B7280;
}

/* Decisions Table */
.decisions-table[b-nw7x7dn9o8] {
    min-height: 200px;
}

/* Decision Item */
.decision-item[b-nw7x7dn9o8] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
    border-bottom: 1px solid #F3F4F6;
    transition: all 150ms ease-in-out;
    background-color: #FFFFFF;
}

.decision-item:last-child[b-nw7x7dn9o8] {
    border-bottom: none;
}

.decision-item:hover[b-nw7x7dn9o8] {
    background-color: #F9FAFB;
}

/* Decision Icon */
.decision-icon[b-nw7x7dn9o8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #F3F4F6;
    border-radius: 8px;
    flex-shrink: 0;
}

.decision-icon i[b-nw7x7dn9o8] {
    font-size: 18px;
}

/* Decision Content */
.decision-content[b-nw7x7dn9o8] {
    flex: 1;
    min-width: 0;
}

.decision-header[b-nw7x7dn9o8] {
    margin-bottom: 12px;
}

.decision-title-row[b-nw7x7dn9o8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 4px;
}

.decision-title[b-nw7x7dn9o8] {
    font-weight: 600;
    font-size: 14px;
    color: #1F2937;
    margin: 0;
    line-height: 1.3;
}

.decision-meta[b-nw7x7dn9o8] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}

.decision-type[b-nw7x7dn9o8] {
    font-size: 12px;
    color: #6B7280;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* Priority Badges */
.priority-badge[b-nw7x7dn9o8] {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.priority-badge.priority-low[b-nw7x7dn9o8] {
    background-color: #F3F4F6;
    color: #6B7280;
}

.priority-badge.priority-medium[b-nw7x7dn9o8] {
    background-color: #FEF3C7;
    color: #D97706;
}

.priority-badge.priority-high[b-nw7x7dn9o8] {
    background-color: #FEE2E2;
    color: #DC2626;
}

.priority-badge.priority-critical[b-nw7x7dn9o8] {
    background-color: #FDF2F8;
    color: #BE185D;
}

/* Status Badges */
.status-badge[b-nw7x7dn9o8] {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.status-badge.status-open[b-nw7x7dn9o8] {
    background-color: #FEF3C7;
    color: #D97706;
}

.status-badge.status-inprogress[b-nw7x7dn9o8] {
    background-color: #DBEAFE;
    color: #2563EB;
}

.status-badge.status-completed[b-nw7x7dn9o8] {
    background-color: #D1FAE5;
    color: #059669;
}

.status-badge.status-cancelled[b-nw7x7dn9o8] {
    background-color: #F3F4F6;
    color: #6B7280;
}

.decision-description[b-nw7x7dn9o8] {
    font-size: 13px;
    color: #6B7280;
    line-height: 1.4;
    margin-bottom: 10px;
}

.decision-outcome[b-nw7x7dn9o8] {
    font-size: 13px;
    color: #374151;
    line-height: 1.4;
    margin-bottom: 10px;
    padding: 8px 12px;
    background-color: #F9FAFB;
    border-radius: 4px;
    border-left: 3px solid #3B82F6;
}

.decision-outcome strong[b-nw7x7dn9o8] {
    color: #1F2937;
}

.decision-details[b-nw7x7dn9o8] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.assigned-to[b-nw7x7dn9o8],
.due-date[b-nw7x7dn9o8],
.decision-date[b-nw7x7dn9o8] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #6B7280;
}

.assigned-to i[b-nw7x7dn9o8],
.due-date i[b-nw7x7dn9o8],
.decision-date i[b-nw7x7dn9o8] {
    font-size: 11px;
}

.due-date.overdue[b-nw7x7dn9o8] {
    color: #DC2626;
}

.overdue-indicator[b-nw7x7dn9o8] {
    font-weight: 600;
    font-size: 10px;
    background-color: #FEE2E2;
    color: #DC2626;
    padding: 1px 4px;
    border-radius: 3px;
    text-transform: uppercase;
}

/* Decision Actions */
.decision-actions[b-nw7x7dn9o8] {
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
}

.action-buttons[b-nw7x7dn9o8] {
    display: flex;
    gap: 4px;
    opacity: 0.7;
    transition: opacity 150ms ease-in-out;
}

.decision-item:hover .action-buttons[b-nw7x7dn9o8] {
    opacity: 1;
}

.btn-action[b-nw7x7dn9o8] {
    background: none;
    border: none;
    padding: 6px;
    border-radius: 4px;
    color: #6B7280;
    cursor: pointer;
    transition: all 150ms ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-action:hover[b-nw7x7dn9o8] {
    background-color: #F3F4F6;
    color: #374151;
}

.btn-action.btn-danger:hover[b-nw7x7dn9o8] {
    background-color: #FEF2F2;
    color: #DC2626;
}

.btn-action.btn-task[b-nw7x7dn9o8] {
    background-color: #EFF6FF;
    color: #3B82F6;
}

.btn-action.btn-task:hover[b-nw7x7dn9o8] {
    background-color: #DBEAFE;
    color: #2563EB;
}

.btn-action i[b-nw7x7dn9o8] {
    font-size: 12px;
}

/* Empty State */
.empty-decisions[b-nw7x7dn9o8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    text-align: center;
}

.empty-decisions i[b-nw7x7dn9o8] {
    font-size: 48px;
    color: #D1D5DB;
    margin-bottom: 16px;
}

.empty-decisions h6[b-nw7x7dn9o8] {
    font-weight: 600;
    font-size: 16px;
    color: #374151;
    margin: 0 0 8px 0;
}

.empty-decisions p[b-nw7x7dn9o8] {
    font-size: 14px;
    color: #6B7280;
    margin: 0 0 20px 0;
    max-width: 400px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .form-grid[b-nw7x7dn9o8] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .decisions-table-header[b-nw7x7dn9o8] {
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }
    
    .table-info[b-nw7x7dn9o8] {
        justify-content: space-between;
    }
    
    .decision-item[b-nw7x7dn9o8] {
        flex-direction: column;
        gap: 12px;
        padding: 16px;
    }
    
    .decision-icon[b-nw7x7dn9o8] {
        align-self: flex-start;
    }
    
    .decision-title-row[b-nw7x7dn9o8] {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }
    
    .decision-meta[b-nw7x7dn9o8] {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    
    .decision-details[b-nw7x7dn9o8] {
        flex-direction: column;
        gap: 8px;
    }
    
    .action-buttons[b-nw7x7dn9o8] {
        opacity: 1;
        justify-content: flex-end;
    }
}

/* Alert Styling */
.alert[b-nw7x7dn9o8] {
    margin: 16px 0;
    padding: 12px 16px;
    border-radius: 6px;
    font-size: 14px;
    animation: slideInAlert-b-nw7x7dn9o8 300ms ease-out;
}

.alert-danger[b-nw7x7dn9o8] {
    background-color: #FEF2F2;
    border: 1px solid #FECACA;
    color: #DC2626;
}

/* Spinner */
.spinner-border-sm[b-nw7x7dn9o8] {
    width: 16px;
    height: 16px;
    border-width: 2px;
    animation: spin-b-nw7x7dn9o8 1s linear infinite, pulse-b-nw7x7dn9o8 2s ease-in-out infinite;
}

/* Validation Messages */
[b-nw7x7dn9o8] .validation-message {
    font-size: 11px;
    color: #DC2626;
    margin-top: 2px;
    animation: shakeIn-b-nw7x7dn9o8 400ms ease-out;
}

/* Micro-animations for Meeting Decision Table */

/* Component entrance animation */
.meeting-decision-table[b-nw7x7dn9o8] {
    animation: fadeInUp-b-nw7x7dn9o8 400ms ease-out;
}

@keyframes fadeInUp-b-nw7x7dn9o8 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Add Decision Form Animations */
.add-decision-form[b-nw7x7dn9o8] {
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: top;
}

.add-decision-form:not(.d-none)[b-nw7x7dn9o8] {
    animation: expandDown-b-nw7x7dn9o8 300ms ease-out;
}

@keyframes expandDown-b-nw7x7dn9o8 {
    from {
        opacity: 0;
        transform: scaleY(0);
    }
    to {
        opacity: 1;
        transform: scaleY(1);
    }
}

/* Form field focus animations */
.form-field .form-control[b-nw7x7dn9o8] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.form-field .form-control:focus[b-nw7x7dn9o8] {
    transform: translateY(-1px);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1), 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Button ripple effect */
.btn[b-nw7x7dn9o8] {
    position: relative;
    overflow: hidden;
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.btn[b-nw7x7dn9o8]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 400ms ease-out, height 400ms ease-out;
}

.btn:active[b-nw7x7dn9o8]::before {
    width: 200px;
    height: 200px;
}

.btn:hover[b-nw7x7dn9o8] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Decision Item Stagger Animation */
.decision-item[b-nw7x7dn9o8] {
    animation: slideInStagger-b-nw7x7dn9o8 300ms ease-out backwards;
    transition: all 200ms ease-in-out;
}

.decision-item:nth-child(1)[b-nw7x7dn9o8] { animation-delay: 0ms; }
.decision-item:nth-child(2)[b-nw7x7dn9o8] { animation-delay: 100ms; }
.decision-item:nth-child(3)[b-nw7x7dn9o8] { animation-delay: 200ms; }
.decision-item:nth-child(4)[b-nw7x7dn9o8] { animation-delay: 300ms; }
.decision-item:nth-child(5)[b-nw7x7dn9o8] { animation-delay: 400ms; }
.decision-item:nth-child(n+6)[b-nw7x7dn9o8] { animation-delay: 500ms; }

@keyframes slideInStagger-b-nw7x7dn9o8 {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.decision-item:hover[b-nw7x7dn9o8] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Decision Icon Animations */
.decision-icon[b-nw7x7dn9o8] {
    transition: all 200ms ease-in-out;
    position: relative;
    overflow: hidden;
}

.decision-icon[b-nw7x7dn9o8]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.3) 70%);
    transition: left 500ms ease-in-out;
}

.decision-item:hover .decision-icon[b-nw7x7dn9o8]::before {
    left: 100%;
}

.decision-item:hover .decision-icon[b-nw7x7dn9o8] {
    transform: scale(1.05);
    background-color: #EBF8FF;
}

/* Status Badge Pulse Animation */
.status-badge[b-nw7x7dn9o8] {
    transition: all 200ms ease-in-out;
    animation: statusBreathe-b-nw7x7dn9o8 3s ease-in-out infinite;
}

@keyframes statusBreathe-b-nw7x7dn9o8 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); }
}

.status-badge:hover[b-nw7x7dn9o8] {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Priority Badge Animation */
.priority-badge[b-nw7x7dn9o8] {
    transition: all 200ms ease-in-out;
    position: relative;
    overflow: hidden;
}

.priority-badge.priority-high[b-nw7x7dn9o8],
.priority-badge.priority-critical[b-nw7x7dn9o8] {
    animation: urgentPulse-b-nw7x7dn9o8 2s ease-in-out infinite;
}

@keyframes urgentPulse-b-nw7x7dn9o8 {
    0%, 100% { 
        opacity: 1;
        transform: scale(1);
    }
    50% { 
        opacity: 0.8;
        transform: scale(1.05);
    }
}

.priority-badge:hover[b-nw7x7dn9o8] {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* Action Button Hover Effects */
.btn-action[b-nw7x7dn9o8] {
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.btn-action:hover[b-nw7x7dn9o8] {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.btn-action:active[b-nw7x7dn9o8] {
    transform: translateY(0) scale(0.95);
    transition: transform 100ms ease-out;
}

/* Generate Task Button Special Animation */
.btn-action.btn-task[b-nw7x7dn9o8] {
    position: relative;
    overflow: hidden;
}

.btn-action.btn-task[b-nw7x7dn9o8]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.3), transparent);
    transition: left 600ms ease-in-out;
}

.btn-action.btn-task:hover[b-nw7x7dn9o8]::before {
    left: 100%;
}

.btn-action.btn-task:hover[b-nw7x7dn9o8] {
    transform: translateY(-2px) scale(1.1);
    box-shadow: 0 6px 16px rgba(59, 130, 246, 0.3);
}

/* Decision Outcome Animation */
.decision-outcome[b-nw7x7dn9o8] {
    transition: all 200ms ease-in-out;
    position: relative;
}

.decision-outcome:hover[b-nw7x7dn9o8] {
    transform: translateX(2px);
    border-left-width: 4px;
    background-color: #F0F9FF;
}

/* Overdue Indicator Pulse */
.overdue-indicator[b-nw7x7dn9o8] {
    animation: urgentGlow-b-nw7x7dn9o8 1.5s ease-in-out infinite;
}

@keyframes urgentGlow-b-nw7x7dn9o8 {
    0%, 100% { 
        transform: scale(1);
        box-shadow: 0 0 0 rgba(220, 38, 38, 0);
    }
    50% { 
        transform: scale(1.1);
        box-shadow: 0 0 8px rgba(220, 38, 38, 0.3);
    }
}

/* Due Date Warning Animation */
.due-date.overdue[b-nw7x7dn9o8] {
    animation: warningGlow-b-nw7x7dn9o8 2s ease-in-out infinite;
}

@keyframes warningGlow-b-nw7x7dn9o8 {
    0%, 100% { 
        color: #DC2626;
        text-shadow: none;
    }
    50% { 
        color: #EF4444;
        text-shadow: 0 0 8px rgba(220, 38, 38, 0.3);
    }
}

/* Empty State Animation */
.empty-decisions[b-nw7x7dn9o8] {
    animation: fadeInScale-b-nw7x7dn9o8 500ms ease-out;
}

@keyframes fadeInScale-b-nw7x7dn9o8 {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Loading Animation Enhancement */
.loading-section[b-nw7x7dn9o8] {
    animation: fadeIn-b-nw7x7dn9o8 300ms ease-in;
}

@keyframes fadeIn-b-nw7x7dn9o8 {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Table Header Animation */
.decisions-table-header[b-nw7x7dn9o8] {
    animation: slideInFromTop-b-nw7x7dn9o8 400ms ease-out;
}

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

/* Assigned To Hover Effect */
.assigned-to[b-nw7x7dn9o8] {
    transition: all 150ms ease-in-out;
    cursor: pointer;
}

.assigned-to:hover[b-nw7x7dn9o8] {
    color: #3B82F6;
    transform: translateX(2px);
}

/* Decision Type Animation */
.decision-type[b-nw7x7dn9o8] {
    transition: all 150ms ease-in-out;
}

.decision-item:hover .decision-type[b-nw7x7dn9o8] {
    color: #3B82F6;
    transform: translateY(-1px);
}

/* Decision Title Hover Effect */
.decision-title[b-nw7x7dn9o8] {
    transition: all 150ms ease-in-out;
}

.decision-item:hover .decision-title[b-nw7x7dn9o8] {
    color: #3B82F6;
}

/* Alert Slide In Animation */
@keyframes slideInAlert-b-nw7x7dn9o8 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Shake Animation for Validation */
@keyframes shakeIn-b-nw7x7dn9o8 {
    0% {
        opacity: 0;
        transform: translateX(-10px);
    }
    25% {
        transform: translateX(5px);
    }
    50% {
        transform: translateX(-2px);
    }
    75% {
        transform: translateX(1px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Spinner Animations */
@keyframes spin-b-nw7x7dn9o8 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes pulse-b-nw7x7dn9o8 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}
/* _content/SoloPilot/Components/MeetingDocumentList.razor.rz.scp.css */
/* Meeting Document List Component */
.meeting-document-list[b-e67gs2ur6c] {
    width: 100%;
    font-family: 'Inter', sans-serif;
}

.loading-section[b-e67gs2ur6c] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 40px;
    justify-content: center;
    font-size: 14px;
    color: #6B7280;
}

/* Upload Form */
.upload-form[b-e67gs2ur6c] {
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.form-header[b-e67gs2ur6c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.form-header h6[b-e67gs2ur6c] {
    font-weight: 600;
    font-size: 14px;
    color: #1F2937;
    margin: 0;
}

.btn-close-form[b-e67gs2ur6c] {
    background: none;
    border: none;
    padding: 4px;
    color: #6B7280;
    cursor: pointer;
    border-radius: 4px;
    transition: all 150ms ease-in-out;
}

.btn-close-form:hover[b-e67gs2ur6c] {
    background-color: #F3F4F6;
    color: #374151;
}

/* File Upload Area */
.upload-area[b-e67gs2ur6c] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.file-input-section[b-e67gs2ur6c] {
    border: 2px dashed #D1D5DB;
    border-radius: 8px;
    padding: 32px;
    text-align: center;
    transition: all 150ms ease-in-out;
    background-color: #FFFFFF;
}

.file-input-section:hover[b-e67gs2ur6c] {
    border-color: #3B82F6;
    background-color: #F8FAFC;
}

.file-input-label[b-e67gs2ur6c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    color: #6B7280;
    font-size: 14px;
}

.file-input-label i[b-e67gs2ur6c] {
    font-size: 32px;
    color: #9CA3AF;
}

.file-input[b-e67gs2ur6c] {
    display: none;
}

.selected-file[b-e67gs2ur6c] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background-color: #EFF6FF;
    border: 1px solid #DBEAFE;
    border-radius: 6px;
    margin-top: 16px;
    font-size: 13px;
    color: #1E40AF;
}

.selected-file i[b-e67gs2ur6c] {
    color: #3B82F6;
}

.btn-remove-file[b-e67gs2ur6c] {
    background: none;
    border: none;
    padding: 2px;
    color: #6B7280;
    cursor: pointer;
    border-radius: 4px;
    margin-left: auto;
    transition: all 150ms ease-in-out;
}

.btn-remove-file:hover[b-e67gs2ur6c] {
    background-color: #FEE2E2;
    color: #DC2626;
}

/* Document Metadata */
.document-metadata[b-e67gs2ur6c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.document-metadata .form-field:last-child[b-e67gs2ur6c] {
    grid-column: 1 / -1;
}

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

.form-field label[b-e67gs2ur6c] {
    font-size: 12px;
    font-weight: 500;
    color: #374151;
    margin: 0;
}

.form-field .form-control[b-e67gs2ur6c] {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    padding: 6px 8px;
    transition: all 150ms ease-in-out;
}

.form-field .form-control:focus[b-e67gs2ur6c] {
    outline: none;
    border-color: #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.form-actions[b-e67gs2ur6c] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
}

.form-actions .btn[b-e67gs2ur6c] {
    font-size: 12px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Documents Container */
.documents-container[b-e67gs2ur6c] {
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    overflow: hidden;
}

.documents-header[b-e67gs2ur6c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background-color: #F9FAFB;
    border-bottom: 1px solid #E5E7EB;
}

.documents-info[b-e67gs2ur6c] {
    display: flex;
    gap: 20px;
    font-size: 14px;
}

.total-documents[b-e67gs2ur6c] {
    color: #374151;
    font-weight: 500;
}

.total-size[b-e67gs2ur6c] {
    color: #6B7280;
}

/* Documents Grid */
.documents-grid[b-e67gs2ur6c] {
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
}

/* Document Card */
.document-card[b-e67gs2ur6c] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background-color: #FFFFFF;
    transition: all 150ms ease-in-out;
}

.document-card:hover[b-e67gs2ur6c] {
    border-color: #D1D5DB;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Document Icon */
.document-icon[b-e67gs2ur6c] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: #F3F4F6;
    border-radius: 8px;
    flex-shrink: 0;
}

.document-icon i[b-e67gs2ur6c] {
    font-size: 20px;
}

/* Document Content */
.document-content[b-e67gs2ur6c] {
    flex: 1;
    min-width: 0;
}

.document-header[b-e67gs2ur6c] {
    margin-bottom: 8px;
}

.document-title[b-e67gs2ur6c] {
    font-weight: 600;
    font-size: 14px;
    color: #1F2937;
    margin: 0 0 4px 0;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.document-meta[b-e67gs2ur6c] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

/* Document Type Badges */
.document-type-badge[b-e67gs2ur6c] {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.document-type-badge.document-type-agenda[b-e67gs2ur6c] {
    background-color: #DBEAFE;
    color: #2563EB;
}

.document-type-badge.document-type-presentation[b-e67gs2ur6c] {
    background-color: #FEF3C7;
    color: #D97706;
}

.document-type-badge.document-type-report[b-e67gs2ur6c] {
    background-color: #D1FAE5;
    color: #059669;
}

.document-type-badge.document-type-specification[b-e67gs2ur6c] {
    background-color: #EDE9FE;
    color: #7C3AED;
}

.document-type-badge.document-type-reference[b-e67gs2ur6c] {
    background-color: #FEE2E2;
    color: #DC2626;
}

.document-type-badge.document-type-other[b-e67gs2ur6c] {
    background-color: #F3F4F6;
    color: #6B7280;
}

.file-size[b-e67gs2ur6c] {
    font-size: 11px;
    color: #9CA3AF;
    font-weight: 500;
}

.document-filename[b-e67gs2ur6c] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #6B7280;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.document-filename i[b-e67gs2ur6c] {
    font-size: 11px;
    flex-shrink: 0;
}

.document-description[b-e67gs2ur6c] {
    font-size: 12px;
    color: #6B7280;
    line-height: 1.4;
    margin-bottom: 8px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.document-details[b-e67gs2ur6c] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.uploaded-by[b-e67gs2ur6c],
.upload-date[b-e67gs2ur6c] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #9CA3AF;
}

.uploaded-by i[b-e67gs2ur6c],
.upload-date i[b-e67gs2ur6c] {
    font-size: 10px;
}

/* Document Actions */
.document-actions[b-e67gs2ur6c] {
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
}

.action-buttons[b-e67gs2ur6c] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    opacity: 0.7;
    transition: opacity 150ms ease-in-out;
}

.document-card:hover .action-buttons[b-e67gs2ur6c] {
    opacity: 1;
}

.btn-action[b-e67gs2ur6c] {
    background: none;
    border: none;
    padding: 6px;
    border-radius: 4px;
    color: #6B7280;
    cursor: pointer;
    transition: all 150ms ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-action:hover[b-e67gs2ur6c] {
    background-color: #F3F4F6;
    color: #374151;
}

.btn-action.btn-download[b-e67gs2ur6c] {
    background-color: #EFF6FF;
    color: #3B82F6;
}

.btn-action.btn-download:hover[b-e67gs2ur6c] {
    background-color: #DBEAFE;
    color: #2563EB;
}

.btn-action.btn-danger:hover[b-e67gs2ur6c] {
    background-color: #FEF2F2;
    color: #DC2626;
}

.btn-action i[b-e67gs2ur6c] {
    font-size: 12px;
}

/* Empty State */
.empty-documents[b-e67gs2ur6c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    text-align: center;
}

.empty-documents i[b-e67gs2ur6c] {
    font-size: 48px;
    color: #D1D5DB;
    margin-bottom: 16px;
}

.empty-documents h6[b-e67gs2ur6c] {
    font-weight: 600;
    font-size: 16px;
    color: #374151;
    margin: 0 0 8px 0;
}

.empty-documents p[b-e67gs2ur6c] {
    font-size: 14px;
    color: #6B7280;
    margin: 0 0 20px 0;
    max-width: 400px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .document-metadata[b-e67gs2ur6c] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .documents-header[b-e67gs2ur6c] {
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }
    
    .documents-info[b-e67gs2ur6c] {
        justify-content: space-between;
    }
    
    .documents-grid[b-e67gs2ur6c] {
        grid-template-columns: 1fr;
        padding: 16px;
        gap: 12px;
    }
    
    .document-card[b-e67gs2ur6c] {
        flex-direction: column;
        gap: 12px;
    }
    
    .document-icon[b-e67gs2ur6c] {
        align-self: flex-start;
    }
    
    .action-buttons[b-e67gs2ur6c] {
        flex-direction: row;
        opacity: 1;
        justify-content: flex-end;
    }
    
    .file-input-section[b-e67gs2ur6c] {
        padding: 24px 16px;
    }
    
    .upload-area[b-e67gs2ur6c] {
        gap: 12px;
    }
}

/* Alert Styling */
.alert[b-e67gs2ur6c] {
    margin: 16px 0;
    padding: 12px 16px;
    border-radius: 6px;
    font-size: 14px;
    animation: slideInAlert-b-e67gs2ur6c 300ms ease-out;
}

.alert-danger[b-e67gs2ur6c] {
    background-color: #FEF2F2;
    border: 1px solid #FECACA;
    color: #DC2626;
}

/* Spinner */
.spinner-border-sm[b-e67gs2ur6c] {
    width: 16px;
    height: 16px;
    border-width: 2px;
    animation: spin-b-e67gs2ur6c 1s linear infinite, pulse-b-e67gs2ur6c 2s ease-in-out infinite;
}

/* Validation Messages */
[b-e67gs2ur6c] .validation-message {
    font-size: 11px;
    color: #DC2626;
    margin-top: 2px;
    animation: shakeIn-b-e67gs2ur6c 400ms ease-out;
}

/* Micro-animations for Meeting Document List */

/* Component entrance animation */
.meeting-document-list[b-e67gs2ur6c] {
    animation: fadeInUp-b-e67gs2ur6c 400ms ease-out;
}

@keyframes fadeInUp-b-e67gs2ur6c {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Upload Form Animations */
.upload-form[b-e67gs2ur6c] {
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: top;
}

.upload-form:not(.d-none)[b-e67gs2ur6c] {
    animation: expandDown-b-e67gs2ur6c 300ms ease-out;
}

@keyframes expandDown-b-e67gs2ur6c {
    from {
        opacity: 0;
        transform: scaleY(0);
    }
    to {
        opacity: 1;
        transform: scaleY(1);
    }
}

/* File Upload Area Animation */
.file-input-section[b-e67gs2ur6c] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.file-input-section[b-e67gs2ur6c]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.1), transparent);
    transition: left 600ms ease-in-out;
}

.file-input-section:hover[b-e67gs2ur6c]::before {
    left: 100%;
}

.file-input-section:hover[b-e67gs2ur6c] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
}

/* File Input Icon Animation */
.file-input-label[b-e67gs2ur6c] {
    transition: all 200ms ease-in-out;
}

.file-input-section:hover .file-input-label[b-e67gs2ur6c] {
    transform: scale(1.02);
}

.file-input-section:hover .file-input-label i[b-e67gs2ur6c] {
    color: #3B82F6;
    transform: scale(1.1);
}

/* Selected File Animation */
.selected-file[b-e67gs2ur6c] {
    animation: slideInFromRight-b-e67gs2ur6c 300ms ease-out;
    transition: all 200ms ease-in-out;
}

@keyframes slideInFromRight-b-e67gs2ur6c {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.selected-file:hover[b-e67gs2ur6c] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2);
}

/* Form field focus animations */
.form-field .form-control[b-e67gs2ur6c] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.form-field .form-control:focus[b-e67gs2ur6c] {
    transform: translateY(-1px);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1), 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Button ripple effect */
.btn[b-e67gs2ur6c] {
    position: relative;
    overflow: hidden;
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.btn[b-e67gs2ur6c]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 400ms ease-out, height 400ms ease-out;
}

.btn:active[b-e67gs2ur6c]::before {
    width: 200px;
    height: 200px;
}

.btn:hover[b-e67gs2ur6c] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Document Card Stagger Animation */
.document-card[b-e67gs2ur6c] {
    animation: slideInStagger-b-e67gs2ur6c 300ms ease-out backwards;
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.document-card:nth-child(1)[b-e67gs2ur6c] { animation-delay: 0ms; }
.document-card:nth-child(2)[b-e67gs2ur6c] { animation-delay: 100ms; }
.document-card:nth-child(3)[b-e67gs2ur6c] { animation-delay: 200ms; }
.document-card:nth-child(4)[b-e67gs2ur6c] { animation-delay: 300ms; }
.document-card:nth-child(5)[b-e67gs2ur6c] { animation-delay: 400ms; }
.document-card:nth-child(n+6)[b-e67gs2ur6c] { animation-delay: 500ms; }

@keyframes slideInStagger-b-e67gs2ur6c {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.document-card:hover[b-e67gs2ur6c] {
    transform: translateY(-3px) scale(1.01);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

/* Document Icon Animation */
.document-icon[b-e67gs2ur6c] {
    transition: all 200ms ease-in-out;
    position: relative;
    overflow: hidden;
}

.document-icon[b-e67gs2ur6c]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.3) 70%);
    transition: left 500ms ease-in-out;
}

.document-card:hover .document-icon[b-e67gs2ur6c]::before {
    left: 100%;
}

.document-card:hover .document-icon[b-e67gs2ur6c] {
    transform: scale(1.05) rotate(5deg);
    background-color: #EBF8FF;
}

/* Document Type Badge Animation */
.document-type-badge[b-e67gs2ur6c] {
    transition: all 200ms ease-in-out;
    position: relative;
    overflow: hidden;
}

.document-type-badge[b-e67gs2ur6c]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 500ms ease-in-out;
}

.document-card:hover .document-type-badge[b-e67gs2ur6c]::before {
    left: 100%;
}

.document-type-badge:hover[b-e67gs2ur6c] {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* Action Button Hover Effects */
.btn-action[b-e67gs2ur6c] {
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.btn-action:hover[b-e67gs2ur6c] {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.btn-action:active[b-e67gs2ur6c] {
    transform: translateY(0) scale(0.95);
    transition: transform 100ms ease-out;
}

/* Download Button Special Animation */
.btn-action.btn-download[b-e67gs2ur6c] {
    position: relative;
    overflow: hidden;
}

.btn-action.btn-download[b-e67gs2ur6c]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.3), transparent);
    transition: left 500ms ease-in-out;
}

.btn-action.btn-download:hover[b-e67gs2ur6c]::before {
    left: 100%;
}

.btn-action.btn-download:hover[b-e67gs2ur6c] {
    transform: translateY(-2px) scale(1.1);
    box-shadow: 0 6px 16px rgba(59, 130, 246, 0.3);
}

/* Remove File Button Animation */
.btn-remove-file[b-e67gs2ur6c] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.btn-remove-file[b-e67gs2ur6c]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(220, 38, 38, 0.1);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 300ms ease-out, height 300ms ease-out;
}

.btn-remove-file:active[b-e67gs2ur6c]::before {
    width: 40px;
    height: 40px;
}

.btn-remove-file:hover[b-e67gs2ur6c] {
    transform: scale(1.1) rotate(10deg);
}

/* Document Title Hover Effect */
.document-title[b-e67gs2ur6c] {
    transition: all 150ms ease-in-out;
}

.document-card:hover .document-title[b-e67gs2ur6c] {
    color: #3B82F6;
}

/* File Size Animation */
.file-size[b-e67gs2ur6c] {
    transition: all 150ms ease-in-out;
}

.document-card:hover .file-size[b-e67gs2ur6c] {
    color: #6B7280;
    transform: scale(1.02);
}

/* Uploaded By Hover Effect */
.uploaded-by[b-e67gs2ur6c] {
    transition: all 150ms ease-in-out;
    cursor: pointer;
}

.uploaded-by:hover[b-e67gs2ur6c] {
    color: #3B82F6;
    transform: translateX(2px);
}

/* Empty State Animation */
.empty-documents[b-e67gs2ur6c] {
    animation: fadeInScale-b-e67gs2ur6c 500ms ease-out;
}

@keyframes fadeInScale-b-e67gs2ur6c {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Loading Animation Enhancement */
.loading-section[b-e67gs2ur6c] {
    animation: fadeIn-b-e67gs2ur6c 300ms ease-in;
}

@keyframes fadeIn-b-e67gs2ur6c {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Documents Header Animation */
.documents-header[b-e67gs2ur6c] {
    animation: slideInFromTop-b-e67gs2ur6c 400ms ease-out;
}

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

/* Documents Grid Animation */
.documents-grid[b-e67gs2ur6c] {
    animation: fadeInGrid-b-e67gs2ur6c 400ms ease-out;
}

@keyframes fadeInGrid-b-e67gs2ur6c {
    from {
        opacity: 0;
        transform: scale(0.98);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Form Label Focus Animation */
.form-field label[b-e67gs2ur6c] {
    transition: all 150ms ease-in-out;
}

.form-field:focus-within label[b-e67gs2ur6c] {
    color: #3B82F6;
    transform: translateY(-1px);
}

/* Document Description Hover Effect */
.document-description[b-e67gs2ur6c] {
    transition: all 150ms ease-in-out;
}

.document-card:hover .document-description[b-e67gs2ur6c] {
    color: #374151;
}

/* Upload Progress Animation (if implemented) */
.upload-progress[b-e67gs2ur6c] {
    animation: progressPulse-b-e67gs2ur6c 1s ease-in-out infinite;
}

@keyframes progressPulse-b-e67gs2ur6c {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

/* Alert Slide In Animation */
@keyframes slideInAlert-b-e67gs2ur6c {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Shake Animation for Validation */
@keyframes shakeIn-b-e67gs2ur6c {
    0% {
        opacity: 0;
        transform: translateX(-10px);
    }
    25% {
        transform: translateX(5px);
    }
    50% {
        transform: translateX(-2px);
    }
    75% {
        transform: translateX(1px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Spinner Animations */
@keyframes spin-b-e67gs2ur6c {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes pulse-b-e67gs2ur6c {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}
/* _content/SoloPilot/Components/MeetingFilterBar.razor.rz.scp.css */
/* Meeting Filter Bar - Sticky with UX Design System */
.meeting-filter-bar[b-ow9k3oj6p0] {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #F5F7FA; /* As specified in requirements */
    border-bottom: 1px solid #E5E7EB;
    padding: 16px 24px;
    margin: 0 -24px 16px -24px; /* Extend to container edges */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
    backdrop-filter: blur(8px);
    transition: box-shadow 150ms ease-in-out;
}

.meeting-filter-bar:hover[b-ow9k3oj6p0] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

/* Filter sections */
.filter-section[b-ow9k3oj6p0] {
    margin-bottom: 16px;
}

.filter-section:last-child[b-ow9k3oj6p0] {
    margin-bottom: 0;
}

.filter-section-title[b-ow9k3oj6p0] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
    margin-top: 0;
}

/* Filter button groups */
.filter-buttons[b-ow9k3oj6p0] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

/* Individual filter buttons */
.filter-btn[b-ow9k3oj6p0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    background-color: #FFFFFF;
    color: #374151;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all 150ms ease-in-out;
    white-space: nowrap;
}

.filter-btn:hover[b-ow9k3oj6p0] {
    background-color: #F9FAFB;
    border-color: #9CA3AF;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.filter-btn.active[b-ow9k3oj6p0] {
    background-color: #3B82F6;
    border-color: #2563EB;
    color: #FFFFFF;
    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.25);
}

.filter-btn.active:hover[b-ow9k3oj6p0] {
    background-color: #2563EB;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
}

/* Filter badges within buttons */
.filter-btn .filter-badge[b-ow9k3oj6p0] {
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 6px;
    min-width: auto;
}

/* Filter counts */
.filter-count[b-ow9k3oj6p0] {
    background-color: #E5E7EB;
    color: #6B7280;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 10px;
    min-width: 20px;
    text-align: center;
    line-height: 1.2;
}

.filter-btn.active .filter-count[b-ow9k3oj6p0] {
    background-color: rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
}

/* Privacy labels */
.privacy-label[b-ow9k3oj6p0] {
    font-size: 12px;
    color: #374151;
}

.filter-btn.active .privacy-label[b-ow9k3oj6p0] {
    color: #FFFFFF;
}

/* Clear filters button */
.clear-filters-btn[b-ow9k3oj6p0] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    border: 1px solid #EF4444;
    border-radius: 8px;
    background-color: #FFFFFF;
    color: #EF4444;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 150ms ease-in-out;
}

.clear-filters-btn:hover[b-ow9k3oj6p0] {
    background-color: #EF4444;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(239, 68, 68, 0.25);
}

.clear-filters-btn i[b-ow9k3oj6p0] {
    font-size: 12px;
}

/* Responsive design */

/* Tablet */
@media (max-width: 1024px) {
    .filter-buttons[b-ow9k3oj6p0] {
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding-bottom: 4px;
    }
    
    .filter-buttons[b-ow9k3oj6p0]::-webkit-scrollbar {
        display: none;
    }
    
    .filter-btn[b-ow9k3oj6p0] {
        white-space: nowrap;
        flex-shrink: 0;
    }
}

/* Mobile (landscape) */
@media (max-width: 834px) {
    .meeting-filter-bar[b-ow9k3oj6p0] {
        padding: 12px 20px;
        margin: 0 -20px 16px -20px;
    }
}

/* Mobile (portrait) */
@media (max-width: 768px) {
    .meeting-filter-bar[b-ow9k3oj6p0] {
        padding: 12px 16px;
        margin: 0 -16px 12px -16px;
    }
    
    .filter-buttons[b-ow9k3oj6p0] {
        gap: 6px;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 8px;
    }
    
    .filter-btn[b-ow9k3oj6p0] {
        padding: 6px 10px;
        font-size: 12px;
        flex-shrink: 0;
        min-width: max-content;
    }
    
    .filter-count[b-ow9k3oj6p0] {
        font-size: 10px;
        padding: 1px 4px;
        min-width: 16px;
    }
    
    .privacy-label[b-ow9k3oj6p0] {
        font-size: 11px;
    }
    
    .clear-filters-btn[b-ow9k3oj6p0] {
        padding: 6px 10px;
        font-size: 12px;
        flex-shrink: 0;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    .meeting-filter-bar[b-ow9k3oj6p0] {
        padding: 10px 12px;
        margin: 0 -12px 12px -12px;
    }
    
    .filter-buttons[b-ow9k3oj6p0] {
        gap: 4px;
    }
    
    .filter-btn[b-ow9k3oj6p0] {
        padding: 4px 8px;
        font-size: 11px;
    }
    
    .filter-count[b-ow9k3oj6p0] {
        font-size: 9px;
        padding: 1px 3px;
        min-width: 14px;
    }
    
    .privacy-label[b-ow9k3oj6p0] {
        font-size: 10px;
    }
    
    .clear-filters-btn[b-ow9k3oj6p0] {
        padding: 4px 8px;
        font-size: 11px;
    }
}

/* Enhanced Filter Animations */
@keyframes filterChange-b-ow9k3oj6p0 {
    0% { opacity: 0.8; transform: scale(0.98); }
    100% { opacity: 1; transform: scale(1); }
}

.filter-btn.active[b-ow9k3oj6p0] {
    animation: filterChange-b-ow9k3oj6p0 200ms ease-out, glow-b-ow9k3oj6p0 1s ease-in-out;
}

@keyframes glow-b-ow9k3oj6p0 {
    0% { box-shadow: 0 0 5px rgba(59, 130, 246, 0.3); }
    50% { box-shadow: 0 0 20px rgba(59, 130, 246, 0.4); }
    100% { box-shadow: 0 0 5px rgba(59, 130, 246, 0.3); }
}

/* Filter Button Micro-interactions */
.filter-btn[b-ow9k3oj6p0] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.filter-btn[b-ow9k3oj6p0]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 500ms ease-in-out;
}

.filter-btn:hover[b-ow9k3oj6p0]::before {
    left: 100%;
}

.filter-btn:hover[b-ow9k3oj6p0] {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.filter-btn:active[b-ow9k3oj6p0] {
    transform: translateY(0) scale(0.98);
    transition: transform 100ms ease-out;
}

/* Filter Count Animation */
.filter-count[b-ow9k3oj6p0] {
    transition: all 200ms ease-in-out;
}

.filter-btn:hover .filter-count[b-ow9k3oj6p0] {
    transform: scale(1.1);
}

.filter-btn.active .filter-count[b-ow9k3oj6p0] {
    animation: bounce-b-ow9k3oj6p0 300ms ease-out;
}

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

/* Clear Filters Animation */
.clear-filters-btn[b-ow9k3oj6p0] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.clear-filters-btn[b-ow9k3oj6p0]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 300ms ease-out, height 300ms ease-out;
}

.clear-filters-btn:active[b-ow9k3oj6p0]::after {
    width: 100px;
    height: 100px;
}

.clear-filters-btn:hover[b-ow9k3oj6p0] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25);
}

/* Filter Bar Entrance Animation */
.meeting-filter-bar[b-ow9k3oj6p0] {
    animation: slideInDown-b-ow9k3oj6p0 300ms ease-out;
}

@keyframes slideInDown-b-ow9k3oj6p0 {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Privacy Label Hover Effect */
.privacy-label[b-ow9k3oj6p0] {
    transition: all 150ms ease-in-out;
}

.filter-btn:hover .privacy-label[b-ow9k3oj6p0] {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
/* _content/SoloPilot/Components/MeetingPrivacyBadge.razor.rz.scp.css */
/* Meeting Privacy Badge - Visual Hierarchy Color Coding */
.meeting-privacy-badge[b-z2x63s69ri] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    transition: all 150ms ease-in-out;
    border: 1px solid transparent;
}

.meeting-privacy-badge i[b-z2x63s69ri] {
    font-size: 10px;
}

/* OwnerOnly: #FF6B6B (Critical red) */
.privacy-owner-only[b-z2x63s69ri] {
    background-color: #FF6B6B;
    color: #FFFFFF;
    border-color: #EF4444;
}

/* ProjectTeam: #F59E0B (Warning orange) */
.privacy-project-team[b-z2x63s69ri] {
    background-color: #F59E0B;
    color: #FFFFFF;
    border-color: #D97706;
}

/* AllOrganization: #3B82F6 (Primary blue) */
.privacy-all-organization[b-z2x63s69ri] {
    background-color: #3B82F6;
    color: #FFFFFF;
    border-color: #2563EB;
}

/* Default fallback */
.privacy-default[b-z2x63s69ri] {
    background-color: #E5E7EB;
    color: #374151;
    border-color: #D1D5DB;
}

/* Hover effects */
.meeting-privacy-badge:hover[b-z2x63s69ri] {
    transform: scale(1.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    cursor: help;
}

/* Tooltip enhancement */
.meeting-privacy-badge[title]:hover[b-z2x63s69ri] {
    position: relative;
}
/* _content/SoloPilot/Components/MeetingStatusBadge.razor.rz.scp.css */
/* Meeting Status Badge - Lifecycle Color Coding */
.meeting-status-badge[b-9w68mrphyu] {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 12px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    transition: all 150ms ease-in-out;
    border: 1px solid transparent;
}

/* Draft: #CCD3DC (Light gray) */
.meeting-status-draft[b-9w68mrphyu] {
    background-color: #CCD3DC;
    color: #4A5568;
    border-color: #A0AEC0;
}

/* Scheduled: #3B82F6 (Primary blue) */
.meeting-status-scheduled[b-9w68mrphyu] {
    background-color: #3B82F6;
    color: #FFFFFF;
    border-color: #2563EB;
}

/* In Progress: #FFCB3D (Warning yellow) */
.meeting-status-inprogress[b-9w68mrphyu] {
    background-color: #FFCB3D;
    color: #744210;
    border-color: #F59E0B;
}

/* Under Review: #8B5CF6 (Purple) */
.meeting-status-underreview[b-9w68mrphyu] {
    background-color: #8B5CF6;
    color: #FFFFFF;
    border-color: #7C3AED;
}

/* Finalized: #3ED598 (Success green) */
.meeting-status-finalized[b-9w68mrphyu] {
    background-color: #3ED598;
    color: #065F46;
    border-color: #10B981;
}

/* Cancelled: #6B7280 (Gray) */
.meeting-status-cancelled[b-9w68mrphyu] {
    background-color: #6B7280;
    color: #FFFFFF;
    border-color: #4B5563;
}

/* Default fallback */
.meeting-status-default[b-9w68mrphyu] {
    background-color: #E5E7EB;
    color: #374151;
    border-color: #D1D5DB;
}

/* Hover effects */
.meeting-status-badge:hover[b-9w68mrphyu] {
    transform: scale(1.02);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* _content/SoloPilot/Components/MetadataItem.razor.rz.scp.css */
.metadata-item[b-j9ai4excg8] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
    color: #495057;
    margin-right: 0;
}

.metadata-icon[b-j9ai4excg8] {
    width: 20px;
    height: 16px;
    flex-shrink: 0;
    color: #99A3B2;
    font-size: 16px;
    text-align: center;
}

.metadata-label[b-j9ai4excg8] {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #99A3B2;
    white-space: nowrap;
}

.metadata-label[b-j9ai4excg8]::after {
    content: ":";
    margin-left: 0.125rem;
}

.metadata-value[b-j9ai4excg8] {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #495057;
    white-space: nowrap;
}
/* _content/SoloPilot/Components/MonetaryValueDisplay.razor.rz.scp.css */
.monetary-value[b-9j75m2olc9] {
    display: inline-block;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
}

.monetary-value .no-value[b-9j75m2olc9] {
    color: #6b7280;
    font-style: italic;
    font-weight: 400;
}

/* Different styling contexts */
.monetary-value.table-cell[b-9j75m2olc9] {
    text-align: right;
    white-space: nowrap;
}

.monetary-value.card-value[b-9j75m2olc9] {
    font-size: 1.125rem;
    font-weight: 600;
}

.monetary-value.dashboard-value[b-9j75m2olc9] {
    font-size: 1.5rem;
    font-weight: 700;
}

.monetary-value.compact[b-9j75m2olc9] {
    font-size: 0.875rem;
}

/* Color themes for different contexts */
.monetary-value.positive[b-9j75m2olc9] {
    color: #10b981;
}

.monetary-value.negative[b-9j75m2olc9] {
    color: #ef4444;
}

.monetary-value.neutral[b-9j75m2olc9] {
    color: #374151;
}

.monetary-value.budget[b-9j75m2olc9] {
    color: #3b82f6;
}

.monetary-value.cost[b-9j75m2olc9] {
    color: #f59e0b;
} 
/* _content/SoloPilot/Components/MonetaryValueInput.razor.rz.scp.css */
.monetary-input[b-2rxq2o3qij] {
    width: 100%;
}

.monetary-input .input-group[b-2rxq2o3qij] {
    width: 100%;
}

.monetary-input .form-control[b-2rxq2o3qij] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    flex: 1 1 60%;
}

.monetary-input .form-select[b-2rxq2o3qij] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
    flex: 1 1 40%;
    min-width: 120px;
}

.monetary-input .form-control:focus[b-2rxq2o3qij] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    z-index: 3;
}

.monetary-input .form-select:focus[b-2rxq2o3qij] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    z-index: 3;
}

.monetary-input .form-control.is-invalid[b-2rxq2o3qij],
.monetary-input .form-select.is-invalid[b-2rxq2o3qij] {
    border-color: #dc3545;
}

.monetary-input .form-control.is-invalid:focus[b-2rxq2o3qij],
.monetary-input .form-select.is-invalid:focus[b-2rxq2o3qij] {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.monetary-input .invalid-feedback[b-2rxq2o3qij] {
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: #dc3545;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .monetary-input .input-group[b-2rxq2o3qij] {
        flex-direction: column;
    }
    
    .monetary-input .form-control[b-2rxq2o3qij] {
        border-radius: 0.375rem 0.375rem 0 0;
        border-bottom: none;
        margin-bottom: 0;
    }
    
    .monetary-input .form-select[b-2rxq2o3qij] {
        border-radius: 0 0 0.375rem 0.375rem;
        border-top: none;
        border-left: 1px solid #dee2e6;
    }
    
    .monetary-input .form-control.is-invalid[b-2rxq2o3qij],
    .monetary-input .form-select.is-invalid[b-2rxq2o3qij] {
        border-color: #dc3545;
    }
} 
/* _content/SoloPilot/Components/PlanningHealthDashboard.razor.rz.scp.css */
/* PlanningHealthDashboard Component Styles */

.planning-health-dashboard[b-tpj8n93va7] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Dashboard Header */
.dashboard-header[b-tpj8n93va7] {
    margin-bottom: 2rem;
}

.header-title h4[b-tpj8n93va7] {
    color: #495057;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.header-title p[b-tpj8n93va7] {
    font-size: 0.95rem;
    line-height: 1.4;
}

.header-actions[b-tpj8n93va7] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-actions .btn-group .btn[b-tpj8n93va7] {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid #dee2e6;
    transition: all 0.2s ease;
}

.header-actions .btn-group .btn.active[b-tpj8n93va7] {
    background-color: #007bff;
    border-color: #007bff;
    color: white;
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.3);
}

.header-actions .btn-group .btn:hover:not(.active)[b-tpj8n93va7] {
    background-color: #f8f9fa;
    border-color: #adb5bd;
}

.header-actions .btn-primary[b-tpj8n93va7] {
    padding: 0.5rem 1.25rem;
    font-weight: 500;
}

/* Quick Stats Bar */
.quick-stats-bar[b-tpj8n93va7] {
    margin-bottom: 2rem;
}

.stat-card[b-tpj8n93va7] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #f1f3f4;
    transition: all 0.2s ease;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.stat-card:hover[b-tpj8n93va7] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.stat-icon[b-tpj8n93va7] {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.stat-total .stat-icon[b-tpj8n93va7] {
    background-color: #e3f2fd;
    color: #1976d2;
}

.stat-healthy .stat-icon[b-tpj8n93va7] {
    background-color: #e8f5e8;
    color: #2e7d32;
}

.stat-warning .stat-icon[b-tpj8n93va7] {
    background-color: #fff3e0;
    color: #f57c00;
}

.stat-critical .stat-icon[b-tpj8n93va7] {
    background-color: #ffebee;
    color: #d32f2f;
}

.stat-content[b-tpj8n93va7] {
    flex: 1;
}

.stat-value[b-tpj8n93va7] {
    font-size: 2rem;
    font-weight: 700;
    color: #212529;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.stat-label[b-tpj8n93va7] {
    font-size: 0.9rem;
    color: #6c757d;
    font-weight: 500;
    margin: 0;
}

/* Health Score Display */
.health-score-circle[b-tpj8n93va7] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    position: relative;
    border: 6px solid;
    background: white;
}

.health-score-circle.health-excellent[b-tpj8n93va7] {
    border-color: #28a745;
    box-shadow: 0 0 20px rgba(40, 167, 69, 0.3);
}

.health-score-circle.health-good[b-tpj8n93va7] {
    border-color: #17a2b8;
    box-shadow: 0 0 20px rgba(23, 162, 184, 0.3);
}

.health-score-circle.health-warning[b-tpj8n93va7] {
    border-color: #ffc107;
    box-shadow: 0 0 20px rgba(255, 193, 7, 0.3);
}

.health-score-circle.health-critical[b-tpj8n93va7] {
    border-color: #dc3545;
    box-shadow: 0 0 20px rgba(220, 53, 69, 0.3);
}

.score-value[b-tpj8n93va7] {
    font-size: 2rem;
    font-weight: 700;
    color: #495057;
}

.health-score-label[b-tpj8n93va7] {
    text-align: center;
    font-size: 1rem;
    color: #6c757d;
    font-weight: 500;
}

/* Project Health Cards */
.project-health-cards .row[b-tpj8n93va7] {
    gap: 1rem;
}

.project-health-card[b-tpj8n93va7] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #f1f3f4;
    transition: all 0.2s ease;
    height: 100%;
}

.project-health-card:hover[b-tpj8n93va7] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.project-card-header[b-tpj8n93va7] {
    display: flex;
    justify-content: between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.project-name[b-tpj8n93va7] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #495057;
    margin: 0 0 0.25rem 0;
    line-height: 1.3;
}

.project-status[b-tpj8n93va7] {
    font-size: 0.8rem;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.project-metrics[b-tpj8n93va7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.metric-item[b-tpj8n93va7] {
    text-align: center;
}

.metric-value[b-tpj8n93va7] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.metric-label[b-tpj8n93va7] {
    font-size: 0.8rem;
    color: #6c757d;
    margin: 0;
}

.progress-bar-container[b-tpj8n93va7] {
    margin-top: 1rem;
}

.progress-label[b-tpj8n93va7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    font-size: 0.85rem;
    color: #495057;
}

.progress[b-tpj8n93va7] {
    height: 8px;
    background-color: #e9ecef;
    border-radius: 4px;
    overflow: hidden;
}

.progress-bar[b-tpj8n93va7] {
    transition: width 0.3s ease;
}

/* Team Health Section */
.team-health-overview[b-tpj8n93va7] {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #f1f3f4;
    margin-bottom: 2rem;
}

.team-member-cards .row[b-tpj8n93va7] {
    gap: 1rem;
}

.team-member-card[b-tpj8n93va7] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #f1f3f4;
    transition: all 0.2s ease;
}

.team-member-card:hover[b-tpj8n93va7] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.member-header[b-tpj8n93va7] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.member-avatar[b-tpj8n93va7] {
    width: 48px;
    height: 48px;
    background-color: #e9ecef;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: #6c757d;
    flex-shrink: 0;
}

.member-info h6[b-tpj8n93va7] {
    margin: 0 0 0.25rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #495057;
}

.member-role[b-tpj8n93va7] {
    font-size: 0.8rem;
    color: #6c757d;
    margin: 0;
}

.capacity-indicator[b-tpj8n93va7] {
    margin-bottom: 1rem;
}

.capacity-bar[b-tpj8n93va7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.capacity-bar .progress[b-tpj8n93va7] {
    flex: 1;
    height: 6px;
}

.capacity-percentage[b-tpj8n93va7] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #495057;
    min-width: 40px;
    text-align: right;
}

.workload-details[b-tpj8n93va7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    font-size: 0.8rem;
}

.workload-item[b-tpj8n93va7] {
    display: flex;
    justify-content: space-between;
    color: #6c757d;
}

.workload-item strong[b-tpj8n93va7] {
    color: #495057;
}

/* Alert and Risk Indicators */
.health-alerts[b-tpj8n93va7] {
    margin-top: 2rem;
}

.alert-card[b-tpj8n93va7] {
    background: white;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
    border-left: 4px solid;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.alert-card.alert-warning[b-tpj8n93va7] {
    border-left-color: #ffc107;
    background-color: #fff9e6;
}

.alert-card.alert-danger[b-tpj8n93va7] {
    border-left-color: #dc3545;
    background-color: #ffebee;
}

.alert-card.alert-info[b-tpj8n93va7] {
    border-left-color: #17a2b8;
    background-color: #e7f3ff;
}

.alert-header[b-tpj8n93va7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.alert-icon[b-tpj8n93va7] {
    font-size: 1.1rem;
}

.alert-title[b-tpj8n93va7] {
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0;
}

.alert-description[b-tpj8n93va7] {
    font-size: 0.85rem;
    color: #6c757d;
    margin: 0;
    line-height: 1.4;
}

/* Auto-refresh Indicator */
.auto-refresh-indicator[b-tpj8n93va7] {
    position: fixed;
    top: 20px;
    right: 20px;
    background: rgba(0, 123, 255, 0.9);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.8rem;
    z-index: 1000;
    animation: fadeInOut-b-tpj8n93va7 0.3s ease;
}

@keyframes fadeInOut-b-tpj8n93va7 {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }
}

/* Loading States */
.loading-overlay[b-tpj8n93va7] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    z-index: 10;
}

.loading-content[b-tpj8n93va7] {
    text-align: center;
    color: #6c757d;
}

.loading-content .spinner-border[b-tpj8n93va7] {
    margin-bottom: 0.5rem;
}

/* Empty States */
.empty-state[b-tpj8n93va7] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6c757d;
}

.empty-state i[b-tpj8n93va7] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state h6[b-tpj8n93va7] {
    margin-bottom: 1rem;
    color: #495057;
}

.empty-state p[b-tpj8n93va7] {
    margin: 0;
    font-size: 0.9rem;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .health-score-circle[b-tpj8n93va7] {
        width: 100px;
        height: 100px;
        border-width: 5px;
    }
    
    .score-value[b-tpj8n93va7] {
        font-size: 1.75rem;
    }
    
    .stat-value[b-tpj8n93va7] {
        font-size: 1.75rem;
    }
}

@media (max-width: 992px) {
    .dashboard-header .header-actions[b-tpj8n93va7] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }
    
    .header-actions .btn-group[b-tpj8n93va7] {
        justify-content: center;
    }
    
    .project-metrics[b-tpj8n93va7] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    
    .team-member-card[b-tpj8n93va7] {
        margin-bottom: 1rem;
    }
    
    .workload-details[b-tpj8n93va7] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }
}

@media (max-width: 768px) {
    .planning-health-dashboard[b-tpj8n93va7] {
        padding: 0.5rem;
    }
    
    .dashboard-header[b-tpj8n93va7] {
        margin-bottom: 1.5rem;
    }
    
    .stat-card[b-tpj8n93va7] {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }
    
    .stat-icon[b-tpj8n93va7] {
        width: 48px;
        height: 48px;
        font-size: 1.25rem;
    }
    
    .stat-value[b-tpj8n93va7] {
        font-size: 1.5rem;
    }
    
    .health-score-circle[b-tpj8n93va7] {
        width: 80px;
        height: 80px;
        border-width: 4px;
    }
    
    .score-value[b-tpj8n93va7] {
        font-size: 1.5rem;
    }
    
    .project-health-card[b-tpj8n93va7],
    .team-member-card[b-tpj8n93va7] {
        padding: 1rem;
    }
    
    .member-header[b-tpj8n93va7] {
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }
    
    .capacity-bar[b-tpj8n93va7] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: stretch;
    }
    
    .capacity-percentage[b-tpj8n93va7] {
        text-align: center;
    }
}

/* Print Styles */
@media print {
    .header-actions[b-tpj8n93va7],
    .auto-refresh-indicator[b-tpj8n93va7] {
        display: none;
    }
    
    .stat-card[b-tpj8n93va7],
    .project-health-card[b-tpj8n93va7],
    .team-member-card[b-tpj8n93va7] {
        box-shadow: none;
        border: 1px solid #dee2e6;
        break-inside: avoid;
    }
    
    .planning-health-dashboard[b-tpj8n93va7] {
        color: black;
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .planning-health-dashboard[b-tpj8n93va7] {
        color: #f8f9fa;
    }
    
    .stat-card[b-tpj8n93va7],
    .project-health-card[b-tpj8n93va7],
    .team-member-card[b-tpj8n93va7],
    .team-health-overview[b-tpj8n93va7] {
        background-color: #343a40;
        border-color: #495057;
        color: #f8f9fa;
    }
    
    .alert-card[b-tpj8n93va7] {
        background-color: #343a40;
        color: #f8f9fa;
    }
    
    .health-score-circle[b-tpj8n93va7] {
        background-color: #343a40;
    }
    
    .loading-overlay[b-tpj8n93va7] {
        background: rgba(52, 58, 64, 0.8);
    }
}

/* Accessibility Improvements */
.stat-card:focus[b-tpj8n93va7],
.project-health-card:focus[b-tpj8n93va7],
.team-member-card:focus[b-tpj8n93va7] {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

.header-actions .btn:focus[b-tpj8n93va7] {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

/* Animation Utilities */
.fade-in[b-tpj8n93va7] {
    animation: fadeIn-b-tpj8n93va7 0.3s ease-out;
}

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

.slide-in-right[b-tpj8n93va7] {
    animation: slideInRight-b-tpj8n93va7 0.3s ease-out;
}

@keyframes slideInRight-b-tpj8n93va7 {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Status Badge Styles */
.status-badge[b-tpj8n93va7] {
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-badge.status-on-track[b-tpj8n93va7] {
    background-color: #d4edda;
    color: #155724;
}

.status-badge.status-at-risk[b-tpj8n93va7] {
    background-color: #fff3cd;
    color: #856404;
}

.status-badge.status-delayed[b-tpj8n93va7] {
    background-color: #f8d7da;
    color: #721c24;
}

.status-badge.status-completed[b-tpj8n93va7] {
    background-color: #cce5ff;
    color: #004085;
}
/* _content/SoloPilot/Components/PriorityBadge.razor.rz.scp.css */
.priority-badge[b-lxqvseikpa] {
    display: inline-block;
    padding: 0.3rem 0.6rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
    text-align: center;
    min-width: 80px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: 'Inter', sans-serif;
}

.priority-must-have[b-lxqvseikpa] {
    background-color: #FF6B6B;
    color: #FFFFFF;
}

.priority-should-have[b-lxqvseikpa] {
    background-color: #F59E0B;
    color: #FFFFFF;
}

.priority-could-have[b-lxqvseikpa] {
    background-color: #3B82F6;
    color: #FFFFFF;
}

.priority-wont-have[b-lxqvseikpa] {
    background-color: #CCD3DC;
    color: #445566;
}

.priority-unknown[b-lxqvseikpa] {
    background-color: #E5E7EB;
    color: #6B7280;
}
/* _content/SoloPilot/Components/PrivacyLevelSelector.razor.rz.scp.css */
/* Privacy Level Selector - Visual Hierarchy with Color Coding */

.privacy-level-selector[b-xxzy4ztck9] {
    width: 100%;
}

.privacy-cards[b-xxzy4ztck9] {
    display: grid;
    gap: 16px;
    margin-bottom: 12px;
}

.privacy-card[b-xxzy4ztck9] {
    position: relative;
    padding: 20px;
    border: 2px solid #E5E7EB;
    border-radius: 12px;
    background-color: #FFFFFF;
    cursor: pointer;
    transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.privacy-card[b-xxzy4ztck9]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    transition: all 250ms ease-in-out;
}

/* Color-coded indicators */
.privacy-card-owner[b-xxzy4ztck9]::before {
    background-color: #FF6B6B;
}

.privacy-card-team[b-xxzy4ztck9]::before {
    background-color: #F59E0B;
}

.privacy-card-org[b-xxzy4ztck9]::before {
    background-color: #3B82F6;
}

/* Hover states */
.privacy-card:hover[b-xxzy4ztck9] {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.privacy-card-owner:hover[b-xxzy4ztck9] {
    border-color: #FF6B6B;
    background-color: #FEF2F2;
}

.privacy-card-team:hover[b-xxzy4ztck9] {
    border-color: #F59E0B;
    background-color: #FFFBEB;
}

.privacy-card-org:hover[b-xxzy4ztck9] {
    border-color: #3B82F6;
    background-color: #EFF6FF;
}

/* Selected states */
.privacy-card.selected[b-xxzy4ztck9] {
    border-width: 2px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.privacy-card.selected[b-xxzy4ztck9]::before {
    width: 100%;
    opacity: 0.08;
}

.privacy-card-owner.selected[b-xxzy4ztck9] {
    border-color: #FF6B6B;
    background: linear-gradient(135deg, #FEF2F2 0%, #FEE2E2 100%);
}

.privacy-card-team.selected[b-xxzy4ztck9] {
    border-color: #F59E0B;
    background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%);
}

.privacy-card-org.selected[b-xxzy4ztck9] {
    border-color: #3B82F6;
    background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);
}

/* Card header */
.privacy-card-header[b-xxzy4ztck9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.selected-indicator[b-xxzy4ztck9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #10B981;
    color: #FFFFFF;
    font-size: 12px;
    animation: checkIn-b-xxzy4ztck9 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes checkIn-b-xxzy4ztck9 {
    from {
        transform: scale(0);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* Card body */
.privacy-title[b-xxzy4ztck9] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #1F2937;
    margin: 0 0 8px 0;
}

.privacy-description[b-xxzy4ztck9] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #6B7280;
    margin: 0 0 12px 0;
    line-height: 1.5;
}

/* Recommendation badge */
.recommendation-badge[b-xxzy4ztck9] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background-color: #FEF3C7;
    color: #92400E;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
}

.recommendation-badge i[b-xxzy4ztck9] {
    color: #F59E0B;
}

/* Help text */
.privacy-help-text[b-xxzy4ztck9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background-color: #F0F9FF;
    border: 1px solid #BAE6FD;
    border-radius: 8px;
    color: #0369A1;
    font-size: 13px;
    line-height: 1.5;
}

.privacy-help-text i[b-xxzy4ztck9] {
    font-size: 14px;
    color: #3B82F6;
}

/* Disabled state */
.privacy-card[disabled][b-xxzy4ztck9],
.privacy-level-selector.disabled .privacy-card[b-xxzy4ztck9] {
    opacity: 0.6;
    cursor: not-allowed;
}

.privacy-level-selector.disabled .privacy-card:hover[b-xxzy4ztck9] {
    transform: none;
    box-shadow: none;
}

/* Responsive design */
@media (min-width: 768px) {
    .privacy-cards[b-xxzy4ztck9] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .privacy-cards[b-xxzy4ztck9] {
        grid-template-columns: 1fr;
    }
    
    .privacy-card[b-xxzy4ztck9] {
        padding: 16px;
    }
}
/* _content/SoloPilot/Components/ProjectAssumptionTable.razor.rz.scp.css */
.project-assumptions-table[b-5a2855ysjv] {
    width: 100%;
}

.table-header[b-5a2855ysjv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.table-header h4[b-5a2855ysjv] {
    font-size: 1.125rem;
    color: #212529;
    margin: 0;
    font-weight: 600;
}

.table-responsive[b-5a2855ysjv] {
    border-radius: 6px;
    border: 1px solid #e9ecef;
    overflow: hidden;
}

.table[b-5a2855ysjv] {
    margin: 0;
}

.table th[b-5a2855ysjv] {
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    font-weight: 600;
    font-size: 0.875rem;
    color: #495057;
    padding: 0.75rem;
}

.table td[b-5a2855ysjv] {
    padding: 0.75rem;
    font-size: 0.875rem;
    border-bottom: 1px solid #f1f3f4;
}

.table tr:last-child td[b-5a2855ysjv] {
    border-bottom: none;
}

.table tr:hover[b-5a2855ysjv] {
    background: #f8f9fa;
}

.empty-state[b-5a2855ysjv] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6c757d;
}

.empty-state p[b-5a2855ysjv] {
    margin-bottom: 1rem;
    font-size: 0.9375rem;
}

/* Inline Add Form Styles */
.add-item-form[b-5a2855ysjv] {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.form-header[b-5a2855ysjv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
}

.form-header h6[b-5a2855ysjv] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
}

.btn-close-form[b-5a2855ysjv] {
    background: none;
    border: none;
    padding: 4px;
    color: #6c757d;
    cursor: pointer;
    border-radius: 4px;
    transition: all 150ms ease-in-out;
}

.btn-close-form:hover[b-5a2855ysjv] {
    background-color: #f3f4f6;
    color: #495057;
}

.form-grid[b-5a2855ysjv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.form-field[b-5a2855ysjv] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.form-field-full[b-5a2855ysjv] {
    grid-column: 1 / -1;
}

.form-field label[b-5a2855ysjv] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #495057;
    margin: 0;
}

.form-field .form-control[b-5a2855ysjv] {
    font-size: 0.875rem;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 0.5rem 0.75rem;
    transition: all 150ms ease-in-out;
}

.form-field .form-control:focus[b-5a2855ysjv] {
    outline: none;
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.form-actions[b-5a2855ysjv] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

.form-actions .btn[b-5a2855ysjv] {
    min-width: 80px;
}

@media (max-width: 768px) {
    .form-grid[b-5a2855ysjv] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
}
/* _content/SoloPilot/Components/ProjectDeliverableTable.razor.rz.scp.css */
.project-deliverables-table[b-le4xfbl7j0] {
    width: 100%;
}

.table-header[b-le4xfbl7j0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.table-header h4[b-le4xfbl7j0] {
    font-size: 1.125rem;
    color: #212529;
    margin: 0;
    font-weight: 600;
}

.table-responsive[b-le4xfbl7j0] {
    border-radius: 6px;
    border: 1px solid #e9ecef;
    overflow: hidden;
}

/* DataTable Implementation (from ux-features.md) */
.deliverable-table[b-le4xfbl7j0] {
    font-family: 'Inter', sans-serif;
    margin: 0;
}

.deliverable-table thead th[b-le4xfbl7j0] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #445566;
    background-color: #F9FBFD;
    border-bottom: 2px solid #E5E7EB;
    padding: 12px 16px;
}

.table td[b-le4xfbl7j0] {
    padding: 0.75rem;
    font-size: 0.875rem;
    border-bottom: 1px solid #f1f3f4;
}

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

.deliverable-row[b-le4xfbl7j0] {
    height: 64px; /* Comfortable touch targets from ux-features.md */
    transition: all 150ms ease; /* Smooth 150ms transition */
    cursor: pointer;
}

.deliverable-row:nth-child(even)[b-le4xfbl7j0] {
    background-color: #F9FBFD; /* Zebra striping */
}

.deliverable-row:nth-child(odd)[b-le4xfbl7j0] {
    background-color: #FFFFFF;
}

.deliverable-row:hover[b-le4xfbl7j0] {
    background-color: #F5F7FA; /* Hover state from ux-features.md */
    transform: scale(1.02); /* Subtle scale on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 4px elevation shadow */
}

.deliverable-row.dragging[b-le4xfbl7j0] {
    opacity: 0.5;
    transform: scale(0.98);
}

/* Drag Handle */
.drag-handle[b-le4xfbl7j0] {
    cursor: move;
    color: #99A3B2;
    text-align: center;
    padding: 16px 8px;
}

.drag-handle:hover[b-le4xfbl7j0] {
    color: #445566;
}

/* Deliverable Name Styling */
.deliverable-name[b-le4xfbl7j0] {
    min-width: 200px;
    padding: 8px 0;
}

.deliverable-title[b-le4xfbl7j0] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #445566;
    display: block;
    margin-bottom: 4px;
}

.deliverable-description[b-le4xfbl7j0] {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #99A3B2;
    line-height: 1.4;
}

/* Owner and Due Date */
.owner-name[b-le4xfbl7j0] {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #99A3B2;
}

.due-date[b-le4xfbl7j0] {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #445566;
}

.due-date.overdue[b-le4xfbl7j0] {
    color: #EF4444;
    font-weight: 500;
}

/* Button Group Styling */
.btn-group[b-le4xfbl7j0] {
    display: flex;
    gap: 0.25rem;
}

.btn-group .btn[b-le4xfbl7j0] {
    height: 32px;
    width: 32px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 14px;
}

.empty-state[b-le4xfbl7j0] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6c757d;
}

.empty-state p[b-le4xfbl7j0] {
    margin-bottom: 1rem;
    font-size: 0.9375rem;
}

/* Inline Add Form Styles */
.add-item-form[b-le4xfbl7j0] {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.form-header[b-le4xfbl7j0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
}

.form-header h6[b-le4xfbl7j0] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
}

.btn-close-form[b-le4xfbl7j0] {
    background: none;
    border: none;
    padding: 4px;
    color: #6c757d;
    cursor: pointer;
    border-radius: 4px;
    transition: all 150ms ease-in-out;
}

.btn-close-form:hover[b-le4xfbl7j0] {
    background-color: #f3f4f6;
    color: #495057;
}

.form-grid[b-le4xfbl7j0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.form-field[b-le4xfbl7j0] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.form-field-full[b-le4xfbl7j0] {
    grid-column: 1 / -1;
}

.form-field label[b-le4xfbl7j0] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #495057;
    margin: 0;
}

.form-field .form-control[b-le4xfbl7j0] {
    font-size: 0.875rem;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 0.5rem 0.75rem;
    transition: all 150ms ease-in-out;
}

.form-field .form-control:focus[b-le4xfbl7j0] {
    outline: none;
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.form-actions[b-le4xfbl7j0] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

.form-actions .btn[b-le4xfbl7j0] {
    min-width: 80px;
}

/* Responsive Design (following ux-features.md breakpoints) */
@media (max-width: 1199px) {
    .deliverable-row[b-le4xfbl7j0] {
        height: auto;
        min-height: 64px;
    }
}

@media (max-width: 767px) {
    .table-responsive[b-le4xfbl7j0] {
        font-size: 0.875rem;
    }
    
    .deliverable-row[b-le4xfbl7j0] {
        height: auto;
    }
    
    .btn-group[b-le4xfbl7j0] {
        flex-direction: column;
        gap: 4px;
    }
    
    .drag-handle[b-le4xfbl7j0] {
        display: none; /* Hide drag handle on mobile */
    }
    
    .deliverable-title[b-le4xfbl7j0] {
        font-size: 14px;
    }
    
    .deliverable-description[b-le4xfbl7j0] {
        font-size: 12px;
    }
    
    .table-header[b-le4xfbl7j0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .form-grid[b-le4xfbl7j0] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
}
/* _content/SoloPilot/Components/ProjectMeetingTable.razor.rz.scp.css */
.project-meetings-table[b-x8f2orkl9b] {
    width: 100%;
}

.table-header[b-x8f2orkl9b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.table-header h4[b-x8f2orkl9b] {
    font-size: 1.125rem;
    color: #212529;
    margin: 0;
    font-weight: 600;
}

.table-responsive[b-x8f2orkl9b] {
    border-radius: 6px;
    border: 1px solid #e9ecef;
    overflow: hidden;
}

.table[b-x8f2orkl9b] {
    margin: 0;
}

.table th[b-x8f2orkl9b] {
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    font-weight: 600;
    font-size: 0.875rem;
    color: #495057;
    padding: 0.75rem;
}

.table td[b-x8f2orkl9b] {
    padding: 0.75rem;
    font-size: 0.875rem;
    border-bottom: 1px solid #f1f3f4;
}

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

.table tr:hover[b-x8f2orkl9b] {
    background: #f8f9fa;
}

.empty-state[b-x8f2orkl9b] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6c757d;
}

.empty-state p[b-x8f2orkl9b] {
    margin-bottom: 1rem;
    font-size: 0.9375rem;
}
/* _content/SoloPilot/Components/ProjectOverviewDashboard.razor.rz.scp.css */
.project-overview-dashboard[b-js4kfllrqp] {
    width: 100%;
}

.overview-section[b-js4kfllrqp] {
    margin-bottom: 1.5rem;
}

.overview-section h4[b-js4kfllrqp] {
    font-size: 1.125rem;
    color: #212529;
    margin: 0 0 1rem 0;
    font-weight: 600;
}

.overview-metrics[b-js4kfllrqp] {
    display: grid;
    gap: 1rem;
}

.metric-card[b-js4kfllrqp] {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 1rem;
}

.metric-value[b-js4kfllrqp] {
    font-size: 0.9375rem;
    color: #212529;
    margin-bottom: 0.25rem;
    line-height: 1.4;
}

.metric-label[b-js4kfllrqp] {
    font-size: 0.75rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}
/* _content/SoloPilot/Components/ProjectProgressBar.razor.rz.scp.css */
/* Project Progress Bar Styling */
.project-progress-container[b-ppo3ma8o7c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

.progress-bar-wrapper[b-ppo3ma8o7c] {
    flex: 1;
    min-width: 80px;
}

.progress[b-ppo3ma8o7c] {
    background-color: #e5e7eb;
    border-radius: 0.5rem;
    overflow: hidden;
    height: 8px;
}

.progress-bar[b-ppo3ma8o7c] {
    height: 100%;
    transition: width 0.3s ease;
    border-radius: 0.5rem;
}

.progress-text[b-ppo3ma8o7c] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #6b7280;
    min-width: 2.5rem;
    text-align: right;
}

/* Progress bar color variants */
.progress-bar.bg-success[b-ppo3ma8o7c] {
    background-color: #10b981;
}

.progress-bar.bg-warning[b-ppo3ma8o7c] {
    background-color: #f59e0b;
}

.progress-bar.bg-primary[b-ppo3ma8o7c] {
    background-color: #3b82f6;
}

.progress-bar.bg-info[b-ppo3ma8o7c] {
    background-color: #06b6d4;
}

.progress-bar.bg-secondary[b-ppo3ma8o7c] {
    background-color: #6b7280;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .project-progress-container[b-ppo3ma8o7c] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    .progress-text[b-ppo3ma8o7c] {
        align-self: flex-end;
    }
} 
/* _content/SoloPilot/Components/ProjectRiskTable.razor.rz.scp.css */
.project-risks-table[b-r2unfv84pi] {
    width: 100%;
}

.table-header[b-r2unfv84pi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.table-header h4[b-r2unfv84pi] {
    font-size: 1.125rem;
    color: #212529;
    margin: 0;
    font-weight: 600;
}

.table-responsive[b-r2unfv84pi] {
    border-radius: 6px;
    border: 1px solid #e9ecef;
    overflow: hidden;
}

.table[b-r2unfv84pi] {
    margin: 0;
}

.table th[b-r2unfv84pi] {
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    font-weight: 600;
    font-size: 0.875rem;
    color: #495057;
    padding: 0.75rem;
}

.table td[b-r2unfv84pi] {
    padding: 0.75rem;
    font-size: 0.875rem;
    border-bottom: 1px solid #f1f3f4;
}

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

.table tr:hover[b-r2unfv84pi] {
    background: #f8f9fa;
}

.empty-state[b-r2unfv84pi] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6c757d;
}

.empty-state p[b-r2unfv84pi] {
    margin-bottom: 1rem;
    font-size: 0.9375rem;
}

/* Inline Add Form Styles */
.add-item-form[b-r2unfv84pi] {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.form-header[b-r2unfv84pi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
}

.form-header h6[b-r2unfv84pi] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
}

.btn-close-form[b-r2unfv84pi] {
    background: none;
    border: none;
    padding: 4px;
    color: #6c757d;
    cursor: pointer;
    border-radius: 4px;
    transition: all 150ms ease-in-out;
}

.btn-close-form:hover[b-r2unfv84pi] {
    background-color: #f3f4f6;
    color: #495057;
}

.form-grid[b-r2unfv84pi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.form-field[b-r2unfv84pi] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.form-field-full[b-r2unfv84pi] {
    grid-column: 1 / -1;
}

.form-field label[b-r2unfv84pi] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #495057;
    margin: 0;
}

.form-field .form-control[b-r2unfv84pi] {
    font-size: 0.875rem;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 0.5rem 0.75rem;
    transition: all 150ms ease-in-out;
}

.form-field .form-control:focus[b-r2unfv84pi] {
    outline: none;
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.form-actions[b-r2unfv84pi] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

.form-actions .btn[b-r2unfv84pi] {
    min-width: 80px;
}

@media (max-width: 768px) {
    .form-grid[b-r2unfv84pi] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
}
/* _content/SoloPilot/Components/ProjectStatusBadge.razor.rz.scp.css */
/* Project Status Badge Styling */
.project-status-badge[b-mvs8hd6be0] {
    display: inline-flex;
    align-items: center;
    font-size: 0.6rem;
    font-weight: 500;
    padding: 0.15rem 0.5rem;
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    border: 1px solid transparent;
    transition: all 0.2s ease;
}

.project-status-badge.status-planning[b-mvs8hd6be0] {
    background-color: #dbeafe;
    color: #1e40af;
    border-color: #93c5fd;
}

.project-status-badge.status-active[b-mvs8hd6be0] {
    background-color: #dcfce7;
    color: #166534;
    border-color: #86efac;
}

.project-status-badge.status-hold[b-mvs8hd6be0] {
    background-color: #fef3c7;
    color: #92400e;
    border-color: #fcd34d;
}

.project-status-badge.status-completed[b-mvs8hd6be0] {
    background-color: #d1fae5;
    color: #065f46;
    border-color: #6ee7b7;
}

.project-status-badge.status-cancelled[b-mvs8hd6be0] {
    background-color: #fee2e2;
    color: #991b1b;
    border-color: #fca5a5;
}

.project-status-badge.status-unknown[b-mvs8hd6be0] {
    background-color: #f3f4f6;
    color: #374151;
    border-color: #d1d5db;
} 
/* _content/SoloPilot/Components/ProjectTeamTable.razor.rz.scp.css */
.project-team-table[b-zduhwq5d4g] {
    width: 100%;
}

.table-header[b-zduhwq5d4g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.table-header h4[b-zduhwq5d4g] {
    font-size: 1.125rem;
    color: #212529;
    margin: 0;
    font-weight: 600;
}

.team-summary[b-zduhwq5d4g] {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.team-member[b-zduhwq5d4g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
    font-size: 0.875rem;
}

.team-member strong[b-zduhwq5d4g] {
    color: #495057;
}

.empty-state[b-zduhwq5d4g] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6c757d;
}

.empty-state p[b-zduhwq5d4g] {
    margin-bottom: 1rem;
    font-size: 0.9375rem;
}
/* _content/SoloPilot/Components/ReviewRequirementSelector.razor.rz.scp.css */
/* ReviewRequirementSelector Component Styles */

.review-selector-container[b-r3z4q8nbb0] {
    padding: 0;
}

/* Review Toggle Section */
.review-toggle-section[b-r3z4q8nbb0] {
    padding: 1rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #dee2e6;
}

.review-toggle-section .form-check-input[b-r3z4q8nbb0] {
    width: 3rem;
    height: 1.5rem;
    border-radius: 1rem;
}

.review-toggle-section .form-check-input:checked[b-r3z4q8nbb0] {
    background-color: #007bff;
    border-color: #007bff;
}

.review-toggle-section .form-check-label[b-r3z4q8nbb0] {
    margin-left: 0.5rem;
    color: #495057;
    font-size: 1.1rem;
}

/* Review Configuration Panel */
.review-config-panel[b-r3z4q8nbb0] {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 1.5rem;
    background-color: #ffffff;
    margin-top: 1rem;
    animation: slideInFromTop-b-r3z4q8nbb0 0.3s ease-out;
}

@keyframes slideInFromTop-b-r3z4q8nbb0 {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Review Type Selection */
.review-type-section .form-label[b-r3z4q8nbb0] {
    color: #495057;
    font-weight: 600;
    margin-bottom: 1rem;
}

.review-type-options[b-r3z4q8nbb0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.review-type-card[b-r3z4q8nbb0] {
    border: 2px solid #dee2e6;
    border-radius: 8px;
    padding: 1rem;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}

.review-type-card:hover[b-r3z4q8nbb0] {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
    transform: translateY(-1px);
}

.review-type-card.selected[b-r3z4q8nbb0] {
    border-color: #007bff;
    background-color: #f8f9ff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.review-type-content[b-r3z4q8nbb0] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.review-type-icon[b-r3z4q8nbb0] {
    width: 48px;
    height: 48px;
    background-color: #e3f2fd;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: #1976d2;
    flex-shrink: 0;
}

.review-type-card.selected .review-type-icon[b-r3z4q8nbb0] {
    background-color: #007bff;
    color: white;
}

.review-type-info[b-r3z4q8nbb0] {
    flex: 1;
}

.review-type-title[b-r3z4q8nbb0] {
    margin: 0 0 0.5rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #495057;
}

.review-type-description[b-r3z4q8nbb0] {
    margin: 0;
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
}

.selected-indicator[b-r3z4q8nbb0] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #007bff;
    font-size: 1.25rem;
}

/* Reviewer Selection */
.reviewer-selection-section .form-label[b-r3z4q8nbb0] {
    color: #495057;
    font-weight: 600;
    margin-bottom: 1rem;
}

.auto-assignment-info[b-r3z4q8nbb0],
.qa-assignment-info[b-r3z4q8nbb0] {
    margin-bottom: 1rem;
}

.auto-assignment-info .alert[b-r3z4q8nbb0],
.qa-assignment-info .alert[b-r3z4q8nbb0] {
    border-left: 4px solid #17a2b8;
    background-color: #e7f3ff;
    border-color: #bee5eb;
    margin-bottom: 0;
}

.reviewer-list[b-r3z4q8nbb0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.reviewer-option[b-r3z4q8nbb0] {
    border: 2px solid #dee2e6;
    border-radius: 8px;
    padding: 1rem;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.reviewer-option:hover[b-r3z4q8nbb0] {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
}

.reviewer-option.selected[b-r3z4q8nbb0] {
    border-color: #007bff;
    background-color: #f8f9ff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.reviewer-info[b-r3z4q8nbb0] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.reviewer-avatar[b-r3z4q8nbb0] {
    width: 48px;
    height: 48px;
    background-color: #e9ecef;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: #6c757d;
    flex-shrink: 0;
}

.reviewer-option.selected .reviewer-avatar[b-r3z4q8nbb0] {
    background-color: #007bff;
    color: white;
}

.reviewer-details[b-r3z4q8nbb0] {
    flex: 1;
}

.reviewer-name[b-r3z4q8nbb0] {
    margin: 0 0 0.25rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #495057;
}

.reviewer-stats[b-r3z4q8nbb0] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.25rem;
}

.workload-indicator[b-r3z4q8nbb0] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8rem;
    font-weight: 500;
}

.workload-indicator.workload-light[b-r3z4q8nbb0] {
    color: #28a745;
}

.workload-indicator.workload-medium[b-r3z4q8nbb0] {
    color: #ffc107;
}

.workload-indicator.workload-heavy[b-r3z4q8nbb0] {
    color: #fd7e14;
}

.workload-indicator.workload-overloaded[b-r3z4q8nbb0] {
    color: #dc3545;
}

.workload-indicator i[b-r3z4q8nbb0] {
    font-size: 0.6rem;
}

.capacity-score[b-r3z4q8nbb0] {
    font-size: 0.8rem;
    color: #6c757d;
}

.reviewer-expertise[b-r3z4q8nbb0] {
    margin-top: 0.25rem;
}

.reviewer-metrics[b-r3z4q8nbb0] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 150px;
    text-align: right;
}

.metric-item[b-r3z4q8nbb0] {
    font-size: 0.8rem;
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
}

.metric-label[b-r3z4q8nbb0] {
    color: #6c757d;
}

.metric-value[b-r3z4q8nbb0] {
    font-weight: 500;
    color: #495057;
}

.no-reviewers-message .alert[b-r3z4q8nbb0] {
    border-left: 4px solid #ffc107;
    background-color: #fff3cd;
    border-color: #ffeaa7;
}

/* Advanced Options */
.advanced-options-section[b-r3z4q8nbb0] {
    border-top: 1px solid #dee2e6;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
}

.advanced-options-panel[b-r3z4q8nbb0] {
    margin-top: 1rem;
    padding: 1rem;
    background-color: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e9ecef;
}

.advanced-options-panel .form-label[b-r3z4q8nbb0] {
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.5rem;
}

.advanced-options-panel .form-control[b-r3z4q8nbb0],
.advanced-options-panel .form-select[b-r3z4q8nbb0] {
    border-radius: 4px;
    border: 1px solid #ced4da;
    font-size: 0.9rem;
}

.advanced-options-panel .form-check-label[b-r3z4q8nbb0] {
    font-size: 0.9rem;
    color: #495057;
}

/* Configuration Summary */
.config-summary-section[b-r3z4q8nbb0] {
    margin-top: 1.5rem;
    border-top: 1px solid #dee2e6;
    padding-top: 1.5rem;
}

.config-summary-section .card[b-r3z4q8nbb0] {
    border: none;
    background-color: #f8f9fa;
}

.config-summary-section .card-title[b-r3z4q8nbb0] {
    color: #495057;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.summary-content[b-r3z4q8nbb0] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.summary-item[b-r3z4q8nbb0] {
    font-size: 0.9rem;
    color: #495057;
}

.summary-item strong[b-r3z4q8nbb0] {
    color: #212529;
}

/* Validation */
.invalid-feedback[b-r3z4q8nbb0] {
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

.validation-summary .alert[b-r3z4q8nbb0] {
    border-left: 4px solid #dc3545;
}

.validation-summary ul[b-r3z4q8nbb0] {
    padding-left: 1.2rem;
}

.validation-summary li[b-r3z4q8nbb0] {
    font-size: 0.9rem;
}

/* Loading State */
.spinner-border-sm[b-r3z4q8nbb0] {
    width: 1rem;
    height: 1rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .review-config-panel[b-r3z4q8nbb0] {
        padding: 1rem;
    }
    
    .review-type-content[b-r3z4q8nbb0] {
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }
    
    .review-type-icon[b-r3z4q8nbb0] {
        align-self: center;
    }
    
    .reviewer-option[b-r3z4q8nbb0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .reviewer-info[b-r3z4q8nbb0] {
        width: 100%;
    }
    
    .reviewer-metrics[b-r3z4q8nbb0] {
        width: 100%;
        text-align: left;
        border-top: 1px solid #dee2e6;
        padding-top: 0.75rem;
    }
    
    .reviewer-stats[b-r3z4q8nbb0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .advanced-options-panel .row .col-md-6[b-r3z4q8nbb0] {
        margin-bottom: 1rem;
    }
    
    .selected-indicator[b-r3z4q8nbb0] {
        position: static;
        align-self: center;
        margin-top: 0.5rem;
    }
}

/* Accessibility */
.review-type-card:focus[b-r3z4q8nbb0],
.reviewer-option:focus[b-r3z4q8nbb0] {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

.form-check-input:focus[b-r3z4q8nbb0] {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

/* Dark mode considerations */
@media (prefers-color-scheme: dark) {
    .review-toggle-section[b-r3z4q8nbb0] {
        background-color: #343a40;
        border-color: #495057;
    }
    
    .review-config-panel[b-r3z4q8nbb0] {
        background-color: #343a40;
        border-color: #495057;
    }
    
    .review-type-card[b-r3z4q8nbb0],
    .reviewer-option[b-r3z4q8nbb0] {
        background-color: #343a40;
        border-color: #495057;
    }
    
    .review-type-title[b-r3z4q8nbb0],
    .reviewer-name[b-r3z4q8nbb0],
    .form-label[b-r3z4q8nbb0] {
        color: #f8f9fa;
    }
    
    .review-type-description[b-r3z4q8nbb0],
    .metric-label[b-r3z4q8nbb0] {
        color: #adb5bd;
    }
}

/* Animation for panel transitions */
.advanced-options-panel[b-r3z4q8nbb0] {
    animation: expandPanel-b-r3z4q8nbb0 0.3s ease-out;
}

@keyframes expandPanel-b-r3z4q8nbb0 {
    from {
        opacity: 0;
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    to {
        opacity: 1;
        max-height: 500px;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}
/* _content/SoloPilot/Components/RiskScoreBadge.razor.rz.scp.css */
.risk-score-badge[b-22mahqxnde] {
    display: inline-block;
    padding: 0.3rem 0.6rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
    text-align: center;
    min-width: 80px;
    font-family: 'Inter', sans-serif;
}

.risk-critical[b-22mahqxnde] { 
    background-color: #FF6B6B; 
    color: #FFFFFF; 
}

.risk-high[b-22mahqxnde] { 
    background-color: #F59E0B; 
    color: #FFFFFF; 
}

.risk-medium[b-22mahqxnde] { 
    background-color: #FFCB3D; 
    color: #445566; 
}

.risk-low[b-22mahqxnde] { 
    background-color: #3ED598; 
    color: #FFFFFF; 
}

.risk-unassessed[b-22mahqxnde] {
    background-color: #E5E7EB;
    color: #6B7280;
}
/* _content/SoloPilot/Components/RiskStatusBadge.razor.rz.scp.css */
.risk-status-badge[b-poa8yxvw4n] {
    display: inline-block;
    padding: 0.3rem 0.6rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
    text-align: center;
    min-width: 80px;
    font-family: 'Inter', sans-serif;
}

.status-open[b-poa8yxvw4n] { 
    background-color: #fff3e0; 
    color: #f57c00; 
}

.status-in-progress[b-poa8yxvw4n] { 
    background-color: #e3f2fd; 
    color: #1976d2; 
}

.status-monitoring[b-poa8yxvw4n] { 
    background-color: #e8f5e9; 
    color: #388e3c; 
}

.status-escalated[b-poa8yxvw4n] { 
    background-color: #ffebee; 
    color: #d32f2f; 
}

.status-closed[b-poa8yxvw4n] { 
    background-color: #f5f5f5; 
    color: #616161; 
}

.status-unknown[b-poa8yxvw4n] {
    background-color: #E5E7EB;
    color: #6B7280;
}
/* _content/SoloPilot/Components/Tables/DataTable.razor.rz.scp.css */
/* Enhanced DataTable Styling - UX Design System Compliance */

.table-responsive[b-l8xt5evyyp] {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.table[b-l8xt5evyyp] {
    margin-bottom: 0;
    background-color: #FFFFFF;
    border-collapse: separate;
    border-spacing: 0;
}

/* Headers - Inter Semibold 14px */
.table thead th[b-l8xt5evyyp] {
    background-color: #F8FAFC;
    font-family: 'Inter', sans-serif;
    font-weight: 600; /* Semibold */
    font-size: 14px;
    color: #1F2937;
    border-bottom: 2px solid #E5E7EB;
    padding: 16px 12px;
    vertical-align: middle;
    position: sticky;
    top: 0;
    z-index: 10;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.4;
}

.table thead th a[b-l8xt5evyyp] {
    color: #1F2937;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: color 150ms ease-in-out;
}

.table thead th a:hover[b-l8xt5evyyp] {
    color: #3B82F6;
}

.table thead th .oi[b-l8xt5evyyp] {
    font-size: 12px;
    opacity: 0.7;
}

/* Rows - 64px height with zebra striping */
.table tbody tr[b-l8xt5evyyp] {
    min-height: 64px;
    border-bottom: 1px solid #F3F4F6;
    transition: background-color 150ms ease-in-out;
}

.table tbody tr:nth-child(odd)[b-l8xt5evyyp] {
    background-color: #FFFFFF; /* White */
}

.table tbody tr:nth-child(even)[b-l8xt5evyyp] {
    background-color: #F9FBFD; /* Light blue-gray */
}

.table tbody tr:hover[b-l8xt5evyyp] {
    background-color: #EBF8FF !important; /* Light blue hover */
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Cells */
.table tbody td[b-l8xt5evyyp] {
    padding: 16px 12px;
    vertical-align: middle;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #374151;
    line-height: 1.5;
    min-height: 64px;
    border-top: none;
}

/* Clickable row styling */
.cursor-pointer[b-l8xt5evyyp] {
    cursor: pointer;
}

.cursor-pointer:hover[b-l8xt5evyyp] {
    background-color: #EBF8FF !important;
}

/* Action column */
.table tbody td:last-child[b-l8xt5evyyp],
.table thead th:last-child[b-l8xt5evyyp] {
    text-align: right;
    padding-right: 16px;
}

/* Meeting specific table enhancements */
.meeting-link[b-l8xt5evyyp] {
    color: #3B82F6;
    text-decoration: none;
    font-weight: 500;
    transition: all 150ms ease-in-out;
}

.meeting-link:hover[b-l8xt5evyyp] {
    color: #2563EB;
    text-decoration: underline;
}

/* Badge columns - reduce padding for better badge display */
.table tbody td.badge-column[b-l8xt5evyyp] {
    padding: 12px 8px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .table thead th[b-l8xt5evyyp],
    .table tbody td[b-l8xt5evyyp] {
        padding: 12px 8px;
        font-size: 13px;
    }
    
    .table tbody tr[b-l8xt5evyyp] {
        min-height: 56px;
    }
}

/* Loading state */
.table-loading[b-l8xt5evyyp] {
    opacity: 0.6;
    pointer-events: none;
}

/* Empty state */
.table-empty[b-l8xt5evyyp] {
    text-align: center;
    padding: 48px 24px;
    color: #6B7280;
    font-style: italic;
}
/* _content/SoloPilot/Components/TableToolbar.razor.rz.scp.css */
/* TableToolbar Component Styling */
.table-toolbar[b-z5mp3ne8ft] {
    background: #FFFFFF;
    border: 1px solid #ECEFF3;
    border-radius: 12px;
    padding: 20px 24px;
    margin-bottom: 24px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
    display: flex;
    align-items: center;
    gap: 32px; /* Increased gap between search and actions */
    flex-wrap: wrap;
}

/* Search Input Section */
.search-input-wrapper[b-z5mp3ne8ft] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 300px;
    max-width: 500px;
    gap: 12px; /* Space between input and search button */
}

.search-input[b-z5mp3ne8ft] {
    flex: 1;
    padding: 12px 16px;
    border: 1px solid #CCD3DC;
    border-radius: 10px;
    font-size: 14px;
    color: #445566;
    background: #FFFFFF;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.search-input:focus[b-z5mp3ne8ft] {
    outline: none;
    border-color: #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.search-input[b-z5mp3ne8ft]::placeholder {
    color: #99A3B2;
}

.search-btn[b-z5mp3ne8ft] {
    min-width: 44px;
    height: 44px;
    border-radius: 10px;
    border: 1px solid #CCD3DC;
    background: #FFFFFF;
    color: #445566;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.search-btn:hover[b-z5mp3ne8ft] {
    background: #F5F7FA;
    border-color: #A4D1FF;
    color: #3B82F6;
}

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

/* Actions Section */
.actions-wrapper[b-z5mp3ne8ft] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto; /* Push to the right */
    flex-shrink: 0;
}

.add-btn[b-z5mp3ne8ft] {
    background: #3B82F6;
    border: 1px solid #3B82F6;
    color: #FFFFFF;
    border-radius: 12px;
    padding: 12px 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
}

.add-btn:hover[b-z5mp3ne8ft] {
    background: #2563EB;
    border-color: #2563EB;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.add-btn .oi[b-z5mp3ne8ft] {
    font-size: 14px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .table-toolbar[b-z5mp3ne8ft] {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        padding: 16px;
    }
    
    .search-input-wrapper[b-z5mp3ne8ft] {
        min-width: 100%;
        max-width: 100%;
    }
    
    .actions-wrapper[b-z5mp3ne8ft] {
        margin-left: 0;
        justify-content: stretch;
    }
    
    .add-btn[b-z5mp3ne8ft] {
        flex: 1;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .table-toolbar[b-z5mp3ne8ft] {
        padding: 12px 16px;
    }
    
    .search-input-wrapper[b-z5mp3ne8ft] {
        flex-direction: column;
        gap: 8px;
    }
    
    .search-input[b-z5mp3ne8ft] {
        order: 1;
    }
    
    .search-btn[b-z5mp3ne8ft] {
        order: 2;
        width: 100%;
    }
}

/* Additional spacing for larger screens */
@media (min-width: 1200px) {
    .table-toolbar[b-z5mp3ne8ft] {
        gap: 48px; /* Even more space on large screens */
    }
    
    .search-input-wrapper[b-z5mp3ne8ft] {
        max-width: 600px;
    }
}

/* Ensure clear button styling */
.table-toolbar .btn-outline-secondary[b-z5mp3ne8ft] {
    min-width: 44px;
    height: 44px;
    border-radius: 10px;
    border: 1px solid #CCD3DC;
    background: #FFFFFF;
    color: #445566;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.table-toolbar .btn-outline-secondary:hover[b-z5mp3ne8ft] {
    background: #F5F7FA;
    border-color: #A4D1FF;
    color: #3B82F6;
}

/* Loading spinner styling */
.spinner-border-sm[b-z5mp3ne8ft] {
    width: 16px;
    height: 16px;
    border-width: 2px;
}

/* Focus management for accessibility */
.table-toolbar button:focus[b-z5mp3ne8ft] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Ensure proper alignment on all screen sizes */
.table-toolbar .d-flex[b-z5mp3ne8ft] {
    align-items: center;
}

.table-toolbar .gap-2[b-z5mp3ne8ft] {
    gap: 12px !important;
}
/* _content/SoloPilot/Components/TaskCreationModal.razor.rz.scp.css */
/* TaskCreationModal Component Styling */

/* Modal Backdrop */
[b-96lqxv8kxi] .modal-backdrop.show {
    background-color: rgba(68, 85, 102, 0.7);
    backdrop-filter: blur(8px);
    opacity: 1;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Modal Container */
[b-96lqxv8kxi] .modal.show {
    animation: modalSlideIn-b-96lqxv8kxi 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes modalSlideIn-b-96lqxv8kxi {
    from {
        opacity: 0;
        transform: scale(0.92) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

[b-96lqxv8kxi] .modal-dialog {
    max-width: 900px;
    margin: 1rem auto;
    width: calc(100% - 2rem);
}

[b-96lqxv8kxi] .modal-content {
    background: #FFFFFF;
    border: none;
    border-radius: 20px;
    box-shadow: 
        0 25px 80px rgba(0, 0, 0, 0.12),
        0 10px 40px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    border: 1px solid rgba(215, 236, 255, 0.3);
}

/* Modal Header */
[b-96lqxv8kxi] .modal-header {
    background: linear-gradient(135deg, #F8FAFF 0%, #F0F7FF 100%);
    border-bottom: 1px solid #E6F2FF;
    padding: 32px 40px;
    align-items: center;
    position: relative;
}

[b-96lqxv8kxi] .modal-header::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #3B82F6 0%, #60A5FA 100%);
}

[b-96lqxv8kxi] .modal-title {
    font-size: 28px;
    font-weight: 700;
    color: #1E293B;
    margin: 0;
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

[b-96lqxv8kxi] .btn-close {
    background-color: transparent;
    border: none;
    opacity: 0.6;
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 12px;
    margin: -12px -12px -12px 0;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-96lqxv8kxi] .btn-close:hover {
    opacity: 1;
    background-color: rgba(239, 68, 68, 0.1);
    transform: scale(1.05);
}

/* Modal Body */
[b-96lqxv8kxi] .modal-body {
    padding: 40px;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Enhanced scrollbar */
[b-96lqxv8kxi] .modal-body::-webkit-scrollbar {
    width: 8px;
}

[b-96lqxv8kxi] .modal-body::-webkit-scrollbar-track {
    background: #F8FAFF;
    border-radius: 4px;
}

[b-96lqxv8kxi] .modal-body::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 4px;
    transition: background 150ms ease;
}

[b-96lqxv8kxi] .modal-body::-webkit-scrollbar-thumb:hover {
    background: #94A3B8;
}

/* Form Structure Enhancement */
[b-96lqxv8kxi] .modal-body .row {
    margin-bottom: 24px;
    gap: 0;
}

[b-96lqxv8kxi] .modal-body .row:last-child {
    margin-bottom: 0;
}

[b-96lqxv8kxi] .modal-body .col-md-8,
[b-96lqxv8kxi] .modal-body .col-md-6,
[b-96lqxv8kxi] .modal-body .col-md-4 {
    padding-left: 12px;
    padding-right: 12px;
}

[b-96lqxv8kxi] .modal-body .col-md-8:first-child,
[b-96lqxv8kxi] .modal-body .col-md-6:first-child,
[b-96lqxv8kxi] .modal-body .col-md-4:first-child {
    padding-left: 0;
}

[b-96lqxv8kxi] .modal-body .col-md-8:last-child,
[b-96lqxv8kxi] .modal-body .col-md-6:last-child,
[b-96lqxv8kxi] .modal-body .col-md-4:last-child {
    padding-right: 0;
}

/* Form Fields Enhancement */
[b-96lqxv8kxi] .modal-body label {
    font-weight: 600;
    color: #374151;
    margin-bottom: 8px;
    font-size: 15px;
    letter-spacing: -0.01em;
    display: block;
}

[b-96lqxv8kxi] .modal-body .form-control,
[b-96lqxv8kxi] .modal-body .form-select {
    background: #FFFFFF;
    border: 2px solid #E5E7EB;
    border-radius: 12px;
    padding: 16px 20px;
    font-size: 16px;
    color: #374151;
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    line-height: 1.5;
    font-family: inherit;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

[b-96lqxv8kxi] .modal-body .form-control:focus,
[b-96lqxv8kxi] .modal-body .form-select:focus {
    outline: none;
    border-color: #3B82F6;
    box-shadow: 
        0 0 0 4px rgba(59, 130, 246, 0.1),
        0 2px 8px rgba(0, 0, 0, 0.08);
    background: #FEFEFF;
    transform: translateY(-1px);
}

[b-96lqxv8kxi] .modal-body .form-control::placeholder {
    color: #9CA3AF;
    font-weight: 400;
    font-style: italic;
}

/* Enhanced Textarea */
[b-96lqxv8kxi] .modal-body textarea.form-control {
    resize: vertical;
    min-height: 120px;
    font-family: inherit;
    line-height: 1.6;
}

/* Enhanced Select */
[b-96lqxv8kxi] .modal-body .form-select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px;
    padding-right: 48px;
    appearance: none;
    cursor: pointer;
}

[b-96lqxv8kxi] .modal-body .form-select:focus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%233B82F6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
}

/* Disabled Select Styling */
[b-96lqxv8kxi] .modal-body .form-select:disabled {
    background-color: #F9FAFB;
    border-color: #E5E7EB;
    color: #6B7280;
    cursor: not-allowed;
    opacity: 0.7;
}

/* Checkbox Enhancement */
[b-96lqxv8kxi] .modal-body .form-check {
    margin-bottom: 24px;
    padding: 20px;
    background: linear-gradient(135deg, #F8FAFF 0%, #F1F5F9 100%);
    border-radius: 12px;
    border: 1px solid #E2E8F0;
}

[b-96lqxv8kxi] .modal-body .form-check-input {
    width: 20px;
    height: 20px;
    border: 2px solid #CBD5E1;
    border-radius: 6px;
    background-color: #FFFFFF;
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    margin-top: 2px;
}

[b-96lqxv8kxi] .modal-body .form-check-input:checked {
    background-color: #3B82F6;
    border-color: #3B82F6;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8l2.5 2.5L12 5'/%3E%3C/svg%3E");
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
}

[b-96lqxv8kxi] .modal-body .form-check-input:focus {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

[b-96lqxv8kxi] .modal-body .form-check-label {
    font-size: 15px;
    color: #374151;
    font-weight: 500;
    margin-left: 12px;
    cursor: pointer;
    line-height: 1.5;
}

/* Template Selection Enhancement */
.task-template-selection[b-96lqxv8kxi] {
    max-height: none;
    overflow-y: visible;
}

.task-template-selection h6[b-96lqxv8kxi] {
    font-size: 20px;
    font-weight: 700;
    color: #1E293B;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: -0.01em;
}

.task-template-selection h6 i[b-96lqxv8kxi] {
    color: #3B82F6;
    font-size: 22px;
}

/* Template Cards */
.task-template-card[b-96lqxv8kxi] {
    border: 2px solid #E5E7EB;
    border-radius: 16px;
    padding: 24px;
    cursor: pointer;
    transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    background: #FFFFFF;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.task-template-card[b-96lqxv8kxi]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: transparent;
    transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.task-template-card:hover[b-96lqxv8kxi] {
    border-color: #93C5FD;
    box-shadow: 
        0 8px 25px rgba(59, 130, 246, 0.12),
        0 3px 10px rgba(0, 0, 0, 0.08);
    transform: translateY(-3px);
}

.task-template-card:hover[b-96lqxv8kxi]::before {
    background: linear-gradient(90deg, #3B82F6 0%, #60A5FA 100%);
}

.task-template-card.selected[b-96lqxv8kxi] {
    border-color: #3B82F6;
    background: linear-gradient(135deg, #F0F7FF 0%, #E6F2FF 100%);
    box-shadow: 
        0 8px 25px rgba(59, 130, 246, 0.15),
        0 0 0 4px rgba(59, 130, 246, 0.1);
    transform: translateY(-2px);
}

.task-template-card.selected[b-96lqxv8kxi]::before {
    background: linear-gradient(90deg, #3B82F6 0%, #60A5FA 100%);
}

.task-template-card.custom-task[b-96lqxv8kxi] {
    border: 2px dashed #CBD5E1;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 160px;
    background: linear-gradient(135deg, #FAFBFC 0%, #F1F5F9 100%);
}

.task-template-card.custom-task:hover[b-96lqxv8kxi] {
    border-color: #3B82F6;
    background: linear-gradient(135deg, #F0F7FF 0%, #E6F2FF 100%);
}

.task-template-card.custom-task i[b-96lqxv8kxi] {
    font-size: 28px;
    margin-bottom: 12px;
    color: #3B82F6;
}

/* Smart Suggestions */
.smart-suggestions-container[b-96lqxv8kxi] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
}

.smart-suggestion-card[b-96lqxv8kxi] {
    border: 2px solid #D1FAE5;
    border-radius: 16px;
    padding: 24px;
    cursor: pointer;
    transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(135deg, #F0FDF4 0%, #ECFDF5 100%);
    position: relative;
    box-shadow: 0 1px 3px rgba(16, 185, 129, 0.05);
}

.smart-suggestion-card[b-96lqxv8kxi]::before {
    content: "✨";
    position: absolute;
    top: 20px;
    right: 24px;
    font-size: 24px;
    opacity: 0.7;
}

.smart-suggestion-card:hover[b-96lqxv8kxi] {
    border-color: #10B981;
    box-shadow: 
        0 8px 25px rgba(16, 185, 129, 0.15),
        0 3px 10px rgba(0, 0, 0, 0.08);
    transform: translateY(-3px);
}

.smart-suggestion-card.selected[b-96lqxv8kxi] {
    border-color: #10B981;
    background: linear-gradient(135deg, #D1FAE5 0%, #A7F3D0 100%);
    box-shadow: 
        0 8px 25px rgba(16, 185, 129, 0.2),
        0 0 0 4px rgba(16, 185, 129, 0.1);
    transform: translateY(-2px);
}

/* Template Content */
.template-header[b-96lqxv8kxi],
.suggestion-header[b-96lqxv8kxi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
    gap: 16px;
}

.template-header strong[b-96lqxv8kxi],
.suggestion-header strong[b-96lqxv8kxi] {
    flex: 1;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: #1E293B;
    letter-spacing: -0.01em;
}

.template-description[b-96lqxv8kxi],
.suggestion-description[b-96lqxv8kxi] {
    color: #64748B;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 16px;
}

.template-meta[b-96lqxv8kxi] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.template-meta small[b-96lqxv8kxi] {
    color: #94A3B8;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
}

.template-meta small i[b-96lqxv8kxi] {
    font-size: 14px;
    color: #64748B;
}

/* Enhanced Badges */
.badge[b-96lqxv8kxi] {
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none;
}

.bg-danger[b-96lqxv8kxi] {
    background: linear-gradient(135deg, #FEE2E2 0%, #FECACA 100%) !important;
    color: #DC2626 !important;
    border: 1px solid #FCA5A5;
}

.bg-warning[b-96lqxv8kxi] {
    background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%) !important;
    color: #D97706 !important;
    border: 1px solid #FBBF24;
}

.bg-success[b-96lqxv8kxi] {
    background: linear-gradient(135deg, #D1FAE5 0%, #A7F3D0 100%) !important;
    color: #059669 !important;
    border: 1px solid #6EE7B7;
}

.confidence-badge[b-96lqxv8kxi] {
    background: linear-gradient(135deg, #3B82F6 0%, #60A5FA 100%);
    color: white;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 700;
    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2);
}

.suggestion-badges[b-96lqxv8kxi] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.suggestion-reason[b-96lqxv8kxi] {
    font-style: italic;
    background: rgba(59, 130, 246, 0.08);
    padding: 12px 16px;
    border-radius: 10px;
    margin-top: 12px;
    border-left: 3px solid #3B82F6;
}

.suggestion-reason small[b-96lqxv8kxi] {
    color: #3B82F6;
    font-weight: 500;
}

/* Template Tags */
.template-tags[b-96lqxv8kxi] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.template-tags .badge[b-96lqxv8kxi] {
    background: #F1F5F9;
    color: #64748B;
    font-size: 10px;
    padding: 4px 10px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
}

/* Section Structure */
[b-96lqxv8kxi] .modal-body .section-container {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 16px;
    padding: 32px;
    margin-bottom: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

[b-96lqxv8kxi] .modal-body .section-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #3B82F6 0%, #60A5FA 100%);
}

[b-96lqxv8kxi] .modal-body .section-container:hover {
    border-color: #D1D5DB;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

[b-96lqxv8kxi] .modal-body .section-title {
    font-size: 20px;
    font-weight: 700;
    color: #1E293B;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    letter-spacing: -0.01em;
    padding-bottom: 16px;
    border-bottom: 2px solid #F1F5F9;
}

[b-96lqxv8kxi] .modal-body .section-title i {
    color: #3B82F6;
    font-size: 20px;
}

/* Form Actions Enhancement */
[b-96lqxv8kxi] .modal-body .form-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    padding-top: 32px;
    border-top: 2px solid #F1F5F9;
    background: linear-gradient(135deg, #FAFBFC 0%, #F8FAFF 100%);
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: -40px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 32px;
}

/* Help Text Enhancement */
[b-96lqxv8kxi] .modal-body .form-text {
    color: #6B7280;
    font-size: 12px;
    margin-top: 6px;
    font-style: italic;
    display: block;
}

/* Readonly Field Styling */
[b-96lqxv8kxi] .modal-body .readonly-field {
    background-color: #F9FAFB !important;
    border-color: #E5E7EB !important;
    color: #6B7280 !important;
    cursor: not-allowed !important;
}

/* Importance Review Container */
[b-96lqxv8kxi] .modal-body .importance-review-container {
    background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%);
    border: 1px solid #F59E0B;
    border-radius: 12px;
    padding: 20px;
    margin-top: 8px;
}

[b-96lqxv8kxi] .modal-body .importance-review-container .form-check {
    margin-bottom: 0;
    background: transparent;
    border: none;
    padding: 0;
}

[b-96lqxv8kxi] .modal-body .importance-review-container .form-check-label {
    color: #92400E;
    font-size: 14px;
}

[b-96lqxv8kxi] .modal-body .importance-review-container .form-check-input:checked {
    background-color: #F59E0B;
    border-color: #F59E0B;
}

/* Enhanced Buttons */
[b-96lqxv8kxi] .modal-body .btn {
    border-radius: 12px;
    padding: 16px 32px;
    font-weight: 600;
    font-size: 15px;
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    letter-spacing: -0.01em;
    min-height: 50px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

[b-96lqxv8kxi] .modal-body .btn-primary {
    background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    color: #FFFFFF;
    box-shadow: 
        0 4px 14px rgba(59, 130, 246, 0.3),
        0 1px 3px rgba(0, 0, 0, 0.1);
}

[b-96lqxv8kxi] .modal-body .btn-primary:hover {
    background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
    transform: translateY(-2px);
    box-shadow: 
        0 8px 25px rgba(59, 130, 246, 0.4),
        0 3px 10px rgba(0, 0, 0, 0.15);
}

[b-96lqxv8kxi] .modal-body .btn-primary:disabled {
    background: #CBD5E1;
    cursor: not-allowed;
    transform: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    color: #94A3B8;
}

[b-96lqxv8kxi] .modal-body .btn-secondary {
    background: #FFFFFF;
    color: #64748B;
    border: 2px solid #E2E8F0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

[b-96lqxv8kxi] .modal-body .btn-secondary:hover {
    background: #F8FAFC;
    border-color: #CBD5E1;
    color: #475569;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Form Actions */
[b-96lqxv8kxi] .modal-body .d-flex.justify-content-between {
    margin-top: 40px;
    padding-top: 32px;
    border-top: 2px solid #F1F5F9;
    align-items: center;
}

/* Spinner */
.spinner-border-sm[b-96lqxv8kxi] {
    width: 16px;
    height: 16px;
    border-width: 2px;
}

/* Alert Enhancement */
[b-96lqxv8kxi] .alert-danger {
    background: linear-gradient(135deg, #FEF2F2 0%, #FEE2E2 100%);
    color: #DC2626;
    border: none;
    border-left: 4px solid #EF4444;
    border-radius: 12px;
    padding: 16px 20px;
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.1);
}

/* Validation Messages */
[b-96lqxv8kxi] .validation-message {
    color: #EF4444;
    font-size: 13px;
    font-weight: 500;
    margin-top: 6px;
    display: block;
    line-height: 1.4;
}

/* Responsive Design */
@media (max-width: 768px) {
    [b-96lqxv8kxi] .modal-dialog {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
    }
    
    [b-96lqxv8kxi] .modal-header {
        padding: 24px 30px;
    }
    
    [b-96lqxv8kxi] .modal-title {
        font-size: 22px;
    }
    
    [b-96lqxv8kxi] .modal-body {
        padding: 30px;
    }
    
    /* Section adjustments for mobile */
    [b-96lqxv8kxi] .modal-body .section-container {
        padding: 24px 20px;
        margin-bottom: 20px;
    }
    
    [b-96lqxv8kxi] .modal-body .section-title {
        font-size: 18px;
        margin-bottom: 20px;
        padding-bottom: 12px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    [b-96lqxv8kxi] .modal-body .section-title i {
        font-size: 18px;
    }
    
    /* Form actions for mobile */
    [b-96lqxv8kxi] .modal-body .form-actions {
        flex-direction: column;
        gap: 16px;
        margin-left: -30px;
        margin-right: -30px;
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: -30px;
    }
    
    [b-96lqxv8kxi] .modal-body .form-actions .btn {
        width: 100%;
        justify-content: center;
        padding: 14px 28px;
        font-size: 14px;
        min-height: 46px;
    }
    
    /* Template cards for mobile */
    .task-template-card[b-96lqxv8kxi] {
        margin-bottom: 16px;
        padding: 20px;
    }
    
    .template-header[b-96lqxv8kxi],
    .suggestion-header[b-96lqxv8kxi] {
        flex-direction: column;
        gap: 12px;
    }
    
    /* Column adjustments for mobile */
    [b-96lqxv8kxi] .modal-body .col-md-8,
    [b-96lqxv8kxi] .modal-body .col-md-6,
    [b-96lqxv8kxi] .modal-body .col-md-4 {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 16px;
    }
    
    /* Form controls for mobile */
    [b-96lqxv8kxi] .modal-body .form-control,
    [b-96lqxv8kxi] .modal-body .form-select {
        padding: 14px 18px;
        font-size: 16px; /* Prevent zoom on iOS */
    }
    
    /* Importance review container for mobile */
    [b-96lqxv8kxi] .modal-body .importance-review-container {
        margin-top: 16px;
        padding: 16px;
    }
    
    /* Legacy responsive selectors */
    [b-96lqxv8kxi] .modal-body .d-flex.justify-content-between {
        flex-direction: column;
        gap: 16px;
    }
    
    [b-96lqxv8kxi] .modal-body .d-flex.justify-content-between .btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    [b-96lqxv8kxi] .modal-dialog {
        margin: 0.25rem;
        max-width: calc(100% - 0.5rem);
    }
    
    [b-96lqxv8kxi] .modal-header {
        padding: 20px 24px;
    }
    
    [b-96lqxv8kxi] .modal-title {
        font-size: 20px;
    }
    
    [b-96lqxv8kxi] .modal-body {
        padding: 24px;
    }
    
    [b-96lqxv8kxi] .modal-body .section-container {
        padding: 20px 16px;
        border-radius: 12px;
    }
    
    [b-96lqxv8kxi] .modal-body .section-title {
        font-size: 16px;
        margin-bottom: 16px;
    }
    
    [b-96lqxv8kxi] .modal-body .form-actions {
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px;
        margin-bottom: -24px;
    }
}

/* Animation for form transitions */
.task-template-selection[b-96lqxv8kxi],
[b-96lqxv8kxi] .modal-body form {
    animation: fadeInUp-b-96lqxv8kxi 350ms cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes fadeInUp-b-96lqxv8kxi {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Focus Management */
[b-96lqxv8kxi] .modal-body *:focus {
    outline: none;
}

[b-96lqxv8kxi] .modal-body *:focus-visible {
    outline: 2px solid #3B82F6;
    outline-offset: 2px;
}

/* Loading States */
.smart-suggestions-loading[b-96lqxv8kxi] {
    text-align: center;
    padding: 60px;
    color: #94A3B8;
}

.smart-suggestions-loading .spinner-border[b-96lqxv8kxi] {
    color: #3B82F6;
    margin-bottom: 16px;
    width: 40px;
    height: 40px;
}
/* _content/SoloPilot/Components/TaskPriorityMatrix.razor.rz.scp.css */
/* Task Priority Matrix Styling */
.task-priority-matrix[b-lwnr5rgsx0] {
    padding: 24px;
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #ECEFF3;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.task-priority-matrix h4[b-lwnr5rgsx0] {
    font-size: 24px;
    font-weight: 700;
    color: #445566;
    margin-bottom: 8px;
}

.task-priority-matrix .text-muted[b-lwnr5rgsx0] {
    color: #99A3B2 !important;
    font-size: 14px;
    margin-bottom: 24px;
}

/* Matrix Container */
.matrix-container[b-lwnr5rgsx0] {
    display: grid;
    grid-template-columns: 140px 1fr 1fr;
    grid-template-rows: 60px 1fr 1fr;
    gap: 16px;
    min-height: 500px;
}

.matrix-header[b-lwnr5rgsx0] {
    display: contents;
}

.matrix-row[b-lwnr5rgsx0] {
    display: contents;
}

/* Matrix Labels */
.matrix-label[b-lwnr5rgsx0] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: #445566;
    text-align: center;
    background: #F5F7FA;
    border-radius: 8px;
    padding: 8px;
}

.urgency-header[b-lwnr5rgsx0],
.importance-header[b-lwnr5rgsx0] {
    background: #F5F7FA;
    border: 1px solid #ECEFF3;
}

/* Quadrant Styling */
.quadrant[b-lwnr5rgsx0] {
    background: #FFFFFF;
    border-radius: 12px;
    border: 2px solid transparent;
    padding: 16px;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.quadrant:hover[b-lwnr5rgsx0] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

/* Do First Quadrant (High Importance, High Urgency) */
.quadrant.do-first[b-lwnr5rgsx0] {
    background: linear-gradient(135deg, #FF6B6B 0%, #FF5252 100%);
    color: #FFFFFF;
    border-color: #FF6B6B;
}

.quadrant.do-first .quadrant-header h6[b-lwnr5rgsx0] {
    color: #FFFFFF;
}

.quadrant.do-first .badge.bg-danger[b-lwnr5rgsx0] {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF;
}

/* Schedule Quadrant (High Importance, Low Urgency) */
.quadrant.schedule[b-lwnr5rgsx0] {
    background: linear-gradient(135deg, #FFCB3D 0%, #FFB300 100%);
    color: #445566;
    border-color: #FFCB3D;
}

.quadrant.schedule .quadrant-header h6[b-lwnr5rgsx0] {
    color: #445566;
}

.quadrant.schedule .badge.bg-warning[b-lwnr5rgsx0] {
    background-color: rgba(68, 85, 102, 0.15) !important;
    color: #445566;
}

/* Quick Wins Quadrant (Low Importance, High Urgency) */
.quadrant.quick-wins[b-lwnr5rgsx0] {
    background: linear-gradient(135deg, #3ED598 0%, #10B981 100%);
    color: #FFFFFF;
    border-color: #3ED598;
}

.quadrant.quick-wins .quadrant-header h6[b-lwnr5rgsx0] {
    color: #FFFFFF;
}

.quadrant.quick-wins .badge.bg-success[b-lwnr5rgsx0] {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF;
}

/* Eliminate Quadrant (Low Importance, Low Urgency) */
.quadrant.eliminate[b-lwnr5rgsx0] {
    background: linear-gradient(135deg, #CCD3DC 0%, #99A3B2 100%);
    color: #445566;
    border-color: #CCD3DC;
}

.quadrant.eliminate .quadrant-header h6[b-lwnr5rgsx0] {
    color: #445566;
}

.quadrant.eliminate .badge.bg-secondary[b-lwnr5rgsx0] {
    background-color: rgba(68, 85, 102, 0.15) !important;
    color: #445566;
}

/* Quadrant Headers */
.quadrant-header[b-lwnr5rgsx0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.quadrant.schedule .quadrant-header[b-lwnr5rgsx0],
.quadrant.eliminate .quadrant-header[b-lwnr5rgsx0] {
    border-bottom-color: rgba(68, 85, 102, 0.2);
}

.quadrant-header h6[b-lwnr5rgsx0] {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.quadrant-header .badge[b-lwnr5rgsx0] {
    font-size: 10px;
    padding: 4px 8px;
    border-radius: 6px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Task List */
.task-list[b-lwnr5rgsx0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
    max-height: 300px;
}

/* Empty State */
.empty-quadrant[b-lwnr5rgsx0] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-style: italic;
    text-align: center;
    border: 2px dashed rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    padding: 16px;
}

.quadrant.schedule .empty-quadrant[b-lwnr5rgsx0],
.quadrant.eliminate .empty-quadrant[b-lwnr5rgsx0] {
    color: rgba(68, 85, 102, 0.6);
    border-color: rgba(68, 85, 102, 0.3);
}

/* Responsive Design */
@media (max-width: 768px) {
    .matrix-container[b-lwnr5rgsx0] {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 16px;
    }
    
    .matrix-label[b-lwnr5rgsx0] {
        display: none;
    }
    
    .quadrant[b-lwnr5rgsx0] {
        min-height: 150px;
    }
    
    .quadrant-header[b-lwnr5rgsx0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .task-list[b-lwnr5rgsx0] {
        max-height: 200px;
    }
}

/* Task Card Enhancements within Matrix */
.quadrant[b-lwnr5rgsx0]  .task-card {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.quadrant.schedule[b-lwnr5rgsx0]  .task-card,
.quadrant.eliminate[b-lwnr5rgsx0]  .task-card {
    background: rgba(68, 85, 102, 0.08);
    border-color: rgba(68, 85, 102, 0.15);
}

.quadrant[b-lwnr5rgsx0]  .task-card:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-1px);
}

.quadrant.schedule[b-lwnr5rgsx0]  .task-card:hover,
.quadrant.eliminate[b-lwnr5rgsx0]  .task-card:hover {
    background: rgba(68, 85, 102, 0.12);
    border-color: rgba(68, 85, 102, 0.2);
}
/* _content/SoloPilot/Components/UnifiedHeader.razor.rz.scp.css */
/* ==================== UNIFIED HEADER COMPONENT ==================== */
/* Provides consistent header styling across all page types in SoloPilot */

/* Base Header Container - Clean, frameless design */
.unified-header[b-yqct1zkvus] {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 1.5rem;
    padding: 0;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    animation: none;
}

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

/* Header Line Base Styles */
.header-line[b-yqct1zkvus] {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
}

.header-line:last-child[b-yqct1zkvus] {
    margin-bottom: 0;
}

/* ==================== TYPOGRAPHY HIERARCHY ==================== */
/* Following Inter font specifications from ux-features.md */

/* Page titles (line 1) - Inter Semi-bold 24px */
.unified-header .page-title[b-yqct1zkvus] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 1.5rem;          /* 24px */
    font-weight: 600;           /* Semi-bold */
    color: #445566;
    margin: 0;
    line-height: 1.2;
}

/* Entity names (line 2 for View type) - Inter Bold 32px */
.unified-header .entity-name[b-yqct1zkvus] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 2rem;            /* 32px */
    font-weight: 700;           /* Bold */
    color: #445566;
    margin: 0;
    line-height: 1.1;
}

/* Simple header titles - smaller for minimal layout */
.unified-header .simple-title[b-yqct1zkvus] {
    font-size: 1.25rem;         /* 20px */
    font-weight: 600;           /* Semi-bold */
}

/* ==================== BACK BUTTON - UNIFIED IMPLEMENTATION ==================== */
/* Fixes the double arrow issue and provides consistent styling */

.unified-back-button[b-yqct1zkvus] {
    background: #F5F7FA;
    border: 1px solid #CCD3DC;
    color: #445566;
    border-radius: 12px;
    padding: 12px 16px;
    font-weight: 500;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
    margin-right: 1rem;
}

.unified-back-button:hover[b-yqct1zkvus] {
    background: #ECEFF3;
    border-color: #A4D1FF;
    color: #3B82F6;
    transform: translateX(-2px);
}

.unified-back-button:focus[b-yqct1zkvus] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
    border-color: #3B82F6;
}

.unified-back-button:active[b-yqct1zkvus] {
    transform: translateX(-1px);
}

/* Back button icon */
.unified-back-button .oi-arrow-left[b-yqct1zkvus] {
    font-size: 14px;
    margin-right: 4px;
}

/* Back button text */
.unified-back-button .back-text[b-yqct1zkvus] {
    font-size: 14px;
    font-weight: 500;
}

/* ==================== FORM HEADER LAYOUT ==================== */
/* Single line layout for add/edit pages */

.unified-header.form-header .form-header-line[b-yqct1zkvus] {
    background-color: #FFFFFF;
    border: 1px solid #ECEFF3;
    border-radius: 16px;
    padding: 24px 32px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.unified-header.form-header .header-left[b-yqct1zkvus] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
}

.unified-header.form-header .header-right[b-yqct1zkvus] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.unified-header.form-header .page-title[b-yqct1zkvus] {
    margin-left: 0;
    flex: 1;
    min-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #445566;
    font-weight: 600;
}

/* Form header specific back button styling */
.unified-header.form-header .unified-back-button[b-yqct1zkvus] {
    background: #F5F7FA;
    border: 1px solid #CCD3DC;
    color: #445566;
}

.unified-header.form-header .unified-back-button:hover[b-yqct1zkvus] {
    background: #ECEFF3;
    border-color: #A4D1FF;
    color: #3B82F6;
}

/* View header specific back button styling */
.unified-header.view-header .unified-back-button[b-yqct1zkvus] {
    background: #F5F7FA;
    border: 1px solid #CCD3DC;
    color: #445566;
}

.unified-header.view-header .unified-back-button:hover[b-yqct1zkvus] {
    background: #ECEFF3;
    border-color: #A4D1FF;
    color: #3B82F6;
}

/* ==================== VIEW HEADER LAYOUT ==================== */
/* Three-line layout for detail pages */

/* View header container with frame styling */
.unified-header.view-header[b-yqct1zkvus] {
    background-color: #FFFFFF;
    border: 1px solid #ECEFF3;
    border-radius: 16px;
    padding: 24px 32px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    margin-bottom: 1.5rem;
}

/* Line 1: Navigation & Actions */
.view-header .navigation-line[b-yqct1zkvus] {
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.view-header .navigation-left[b-yqct1zkvus] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.view-header .navigation-center[b-yqct1zkvus] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    min-width: 0;
}

/* View header page title styling */
.unified-header.view-header .page-title[b-yqct1zkvus] {
    color: #445566;
    font-weight: 600;
}

.view-header .navigation-right[b-yqct1zkvus] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

/* Line 2: Entity Information */
.view-header .entity-line[b-yqct1zkvus] {
    justify-content: flex-start;
    margin-bottom: 0.75rem;
}

.view-header .entity-content[b-yqct1zkvus] {
    width: 100%;
}

.view-header .entity-name[b-yqct1zkvus] {
    text-align: left;
    max-width: 100%;
    word-wrap: break-word;
    hyphens: auto;
}

/* Line 3: Metadata & Status Badges */
.view-header .metadata-line[b-yqct1zkvus] {
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0;
}

.view-header .metadata-left[b-yqct1zkvus] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex: 1;
    min-width: 0;
}

.view-header .metadata-right[b-yqct1zkvus] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

/* ==================== SIMPLE HEADER LAYOUT ==================== */
/* Minimal layout for basic pages */

.simple-header .simple-header-line[b-yqct1zkvus] {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
}

.simple-header .header-left[b-yqct1zkvus] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
}

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

.unified-header.loading[b-yqct1zkvus] {
    opacity: 0.7;
    pointer-events: none;
}

.unified-header.loading[b-yqct1zkvus]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid #3B82F6;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin-b-yqct1zkvus 1s linear infinite;
}

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

/* ==================== ACCESSIBILITY ==================== */

/* Focus management for keyboard navigation */
.unified-header *:focus[b-yqct1zkvus] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .unified-header[b-yqct1zkvus] {
        border-color: #000000;
        background: #FFFFFF;
    }
    
    .unified-back-button[b-yqct1zkvus] {
        border-color: #000000;
        background: #FFFFFF;
        color: #000000;
    }
    
    .page-title[b-yqct1zkvus],
    .entity-name[b-yqct1zkvus] {
        color: #000000;
    }
}

/* Reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
    .unified-header[b-yqct1zkvus],
    .unified-back-button[b-yqct1zkvus] {
        animation: none;
        transition: none;
    }
    
    .unified-back-button:hover[b-yqct1zkvus] {
        transform: none;
    }
}

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

/* Tablet (768px - 1199px) */
@media (max-width: 1199.98px) {
    .unified-header[b-yqct1zkvus] {
        padding: 1.125rem 1.5rem;
        margin-bottom: 1.25rem;
    }
    
    .unified-back-button[b-yqct1zkvus] {
        padding: 10px 14px;
        font-size: 13px;
        margin-right: 0.75rem;
    }
    
    .view-header .metadata-left[b-yqct1zkvus] {
        gap: 1rem;
    }
}

/* Mobile (max-width: 767px) */
@media (max-width: 767.98px) {
    .unified-header[b-yqct1zkvus] {
        padding: 1rem;
        margin-bottom: 1rem;
        border-radius: 12px;
    }
    
    /* Form Header Mobile */
    .form-header .form-header-line[b-yqct1zkvus] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .form-header .header-left[b-yqct1zkvus] {
        width: 100%;
        justify-content: flex-start;
    }
    
    .form-header .header-right[b-yqct1zkvus] {
        width: 100%;
        justify-content: flex-end;
    }
    
    .form-header .page-title[b-yqct1zkvus] {
        font-size: 1.25rem;
        margin-left: 0;
    }
    
    /* View Header Mobile */
    .view-header .navigation-line[b-yqct1zkvus] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        margin-bottom: 1rem;
    }
    
    .view-header .navigation-center[b-yqct1zkvus] {
        width: 100%;
        justify-content: flex-start;
    }
    
    .view-header .navigation-right[b-yqct1zkvus] {
        width: 100%;
        justify-content: flex-end;
    }
    
    .view-header .page-title[b-yqct1zkvus] {
        font-size: 1.125rem;
    }
    
    .view-header .entity-name[b-yqct1zkvus] {
        font-size: 1.5rem;
    }
    
    .view-header .metadata-line[b-yqct1zkvus] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .view-header .metadata-left[b-yqct1zkvus] {
        width: 100%;
        flex-wrap: wrap;
        gap: 0.75rem;
    }
    
    .view-header .metadata-right[b-yqct1zkvus] {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    
    /* Simple Header Mobile */
    .simple-header .simple-title[b-yqct1zkvus] {
        font-size: 1.125rem;
    }
    
    /* Back Button Mobile */
    .unified-back-button[b-yqct1zkvus] {
        padding: 8px 12px;
        font-size: 12px;
        margin-right: 0.5rem;
    }
    
    .unified-back-button .back-text[b-yqct1zkvus] {
        font-size: 12px;
    }
}

/* Small Mobile (max-width: 575px) */
@media (max-width: 575.98px) {
    .unified-header[b-yqct1zkvus] {
        padding: 0.875rem;
        border-radius: 10px;
    }
    
    .form-header .page-title[b-yqct1zkvus] {
        font-size: 1.125rem;
    }
    
    .view-header .entity-name[b-yqct1zkvus] {
        font-size: 1.375rem;
    }
    
    .simple-header .simple-title[b-yqct1zkvus] {
        font-size: 1rem;
    }
    
    .unified-back-button .back-text[b-yqct1zkvus] {
        display: none; /* Show only icon on very small screens */
    }
    
    .unified-back-button[b-yqct1zkvus] {
        margin-right: 0.375rem;
        padding: 8px;
        min-width: 36px;
        justify-content: center;
    }
}

/* ==================== INTEGRATION WITH EXISTING COMPONENTS ==================== */

/* Action buttons styling within header */
.unified-header .btn[b-yqct1zkvus] {
    border-radius: 12px;
    padding: 12px 20px;
    font-weight: 500;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.unified-header .btn-primary[b-yqct1zkvus] {
    background-color: #3B82F6;
    border-color: #3B82F6;
    color: #FFFFFF;
}

.unified-header .btn-primary:hover[b-yqct1zkvus] {
    background-color: #2563EB;
    border-color: #2563EB;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.unified-header .btn-outline-primary[b-yqct1zkvus] {
    color: #3B82F6;
    background-color: transparent;
    border: 1px solid #3B82F6;
}

.unified-header .btn-outline-primary:hover[b-yqct1zkvus] {
    background-color: #3B82F6;
    border-color: #3B82F6;
    color: #FFFFFF;
}

/* Badge styling within header */
.unified-header .badge[b-yqct1zkvus] {
    padding: 0.3rem 0.6rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
    text-align: center;
    min-width: 80px;
}

/* Metadata item styling within header */
.unified-header .metadata-item[b-yqct1zkvus] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
    color: #495057;
    white-space: nowrap;
}

.unified-header .metadata-item .metadata-icon[b-yqct1zkvus] {
    width: 16px;
    font-size: 16px;
    text-align: center;
}

.unified-header .metadata-item .metadata-label[b-yqct1zkvus] {
    font-weight: 500;
}

.unified-header .metadata-item .metadata-value[b-yqct1zkvus] {
    font-weight: 400;
}

/* ==================== DARK MODE SUPPORT (Future-proofing) ==================== */

@media (prefers-color-scheme: dark) {
    .unified-header[b-yqct1zkvus] {
        background: #1F2937;
        border-color: #374151;
        color: #F9FAFB;
    }
    
    .page-title[b-yqct1zkvus],
    .entity-name[b-yqct1zkvus] {
        color: #F9FAFB;
    }
    
    .unified-back-button[b-yqct1zkvus] {
        background: #374151;
        border-color: #4B5563;
        color: #F9FAFB;
    }
    
    .unified-back-button:hover[b-yqct1zkvus] {
        background: #4B5563;
        border-color: #6B7280;
        color: #3B82F6;
    }
}

/* ==================== PRINT STYLES ==================== */

@media print {
    .unified-header[b-yqct1zkvus] {
        background: white !important;
        border: 1px solid #000000 !important;
        box-shadow: none !important;
        margin-bottom: 1rem !important;
        padding: 1rem !important;
    }
    
    .unified-back-button[b-yqct1zkvus] {
        display: none !important;
    }
    
    .header-right[b-yqct1zkvus] {
        display: none !important;
    }
    
    .navigation-right[b-yqct1zkvus] {
        display: none !important;
    }
    
    .metadata-right[b-yqct1zkvus] {
        display: none !important;
    }
}
/* _content/SoloPilot/Pages/Deliverables/DeliverableDetails.razor.rz.scp.css */
/* DeliverableDetails Page Styles */

.form-page[b-2zlu98zma7] {
    background-color: #f8f9fa;
    min-height: 100vh;
    padding: 1rem 0;
}

/* Section Headers */
.row h5[b-2zlu98zma7] {
    color: #495057;
    font-weight: 600;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #007bff;
}

.row h5:not(:first-child)[b-2zlu98zma7] {
    margin-top: 2rem;
}

/* Help Text */
.text-muted.small[b-2zlu98zma7] {
    font-size: 0.85rem;
    line-height: 1.4;
    margin-bottom: 1rem;
}

/* Form Fields */
.input-field[b-2zlu98zma7] {
    border: 1px solid #ced4da;
    border-radius: 6px;
    padding: 0.75rem;
    font-size: 0.9rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.input-field:focus[b-2zlu98zma7] {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.readonly-field[b-2zlu98zma7] {
    background-color: #e9ecef;
    color: #6c757d;
    cursor: not-allowed;
}

.readonly-field:focus[b-2zlu98zma7] {
    border-color: #ced4da;
    box-shadow: none;
}

/* Required Field Indicators */
.text-danger[b-2zlu98zma7] {
    color: #dc3545 !important;
}

/* Form Layout */
.row.mb-4[b-2zlu98zma7] {
    margin-bottom: 2rem !important;
}

.col-md-6[b-2zlu98zma7] {
    padding-right: 1rem;
    padding-left: 1rem;
}

/* Priority Selection Enhancement */
select[bind-value*="Priority"] option[value=""][b-2zlu98zma7] {
    color: #6c757d;
    font-style: italic;
}

select[bind-value*="Priority"] option[value="1"][b-2zlu98zma7] {
    color: #dc3545;
    font-weight: 600;
}

select[bind-value*="Priority"] option[value="2"][b-2zlu98zma7] {
    color: #ffc107;
    font-weight: 500;
}

select[bind-value*="Priority"] option[value="3"][b-2zlu98zma7] {
    color: #6c757d;
}

/* Controls Container */
.controls-container[b-2zlu98zma7] {
    background: white;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-top: 1px solid #e9ecef;
    margin-top: 2rem;
}

.controls-container .btn[b-2zlu98zma7] {
    padding: 0.75rem 2rem;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.controls-container .btn:hover[b-2zlu98zma7] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.controls-container .btn-success[b-2zlu98zma7] {
    background-color: #28a745;
    border-color: #28a745;
}

.controls-container .btn-success:hover[b-2zlu98zma7] {
    background-color: #218838;
    border-color: #1e7e34;
}

.controls-container .btn-secondary[b-2zlu98zma7] {
    background-color: #6c757d;
    border-color: #6c757d;
}

.controls-container .btn-secondary:hover[b-2zlu98zma7] {
    background-color: #5a6268;
    border-color: #545b62;
}

/* Section Spacing */
.ownership-section[b-2zlu98zma7],
.priority-section[b-2zlu98zma7],
.review-section[b-2zlu98zma7],
.criteria-section[b-2zlu98zma7] {
    background: white;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    margin-bottom: 2rem;
    border: 1px solid #e9ecef;
}

/* Validation Messages */
.validation-message[b-2zlu98zma7] {
    color: #dc3545;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.validation-summary[b-2zlu98zma7] {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.validation-summary ul[b-2zlu98zma7] {
    margin-bottom: 0;
    padding-left: 1.2rem;
}

.validation-summary li[b-2zlu98zma7] {
    color: #721c24;
    font-size: 0.9rem;
}

/* Component Integration */
.review-selector-integration[b-2zlu98zma7] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1.5rem;
    border: 1px solid #e9ecef;
}

.acceptance-criteria-integration[b-2zlu98zma7] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1.5rem;
    border: 1px solid #e9ecef;
}

/* Responsive Design */
@media (max-width: 768px) {
    .form-page[b-2zlu98zma7] {
        padding: 0.5rem;
    }
    
    .ownership-section[b-2zlu98zma7],
    .priority-section[b-2zlu98zma7],
    .review-section[b-2zlu98zma7],
    .criteria-section[b-2zlu98zma7] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .row h5[b-2zlu98zma7] {
        font-size: 1.1rem;
        margin-top: 1rem;
    }
    
    .col-md-6[b-2zlu98zma7] {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        margin-bottom: 1rem;
    }
    
    .controls-container[b-2zlu98zma7] {
        padding: 1rem;
        text-align: center;
    }
    
    .controls-container .btn[b-2zlu98zma7] {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    
    .controls-container .btn:last-child[b-2zlu98zma7] {
        margin-bottom: 0;
    }
}

/* Loading States */
.loading-overlay[b-2zlu98zma7] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.loading-content[b-2zlu98zma7] {
    text-align: center;
    color: #6c757d;
}

/* Error States */
.error-message[b-2zlu98zma7] {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    padding: 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
}

.error-message i[b-2zlu98zma7] {
    margin-right: 0.5rem;
}

/* Focus Management */
.input-field:focus[b-2zlu98zma7],
.form-control:focus[b-2zlu98zma7] {
    outline: none;
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Print Styles */
@media print {
    .controls-container[b-2zlu98zma7],
    .header-actions[b-2zlu98zma7] {
        display: none;
    }
    
    .form-page[b-2zlu98zma7] {
        background: white;
        padding: 0;
    }
    
    .ownership-section[b-2zlu98zma7],
    .priority-section[b-2zlu98zma7],
    .review-section[b-2zlu98zma7],
    .criteria-section[b-2zlu98zma7] {
        border: 1px solid #000;
        box-shadow: none;
        break-inside: avoid;
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .form-page[b-2zlu98zma7] {
        background-color: #1a1a1a;
        color: #f8f9fa;
    }
    
    .ownership-section[b-2zlu98zma7],
    .priority-section[b-2zlu98zma7],
    .review-section[b-2zlu98zma7],
    .criteria-section[b-2zlu98zma7] {
        background-color: #2d3748;
        border-color: #4a5568;
        color: #f8f9fa;
    }
    
    .row h5[b-2zlu98zma7] {
        color: #f8f9fa;
        border-color: #4299e1;
    }
    
    .input-field[b-2zlu98zma7] {
        background-color: #2d3748;
        border-color: #4a5568;
        color: #f8f9fa;
    }
    
    .readonly-field[b-2zlu98zma7] {
        background-color: #4a5568;
        color: #a0aec0;
    }
    
    .controls-container[b-2zlu98zma7] {
        background-color: #2d3748;
        border-color: #4a5568;
    }
}
/* _content/SoloPilot/Pages/Deliverables/DeliverableListPage.razor.rz.scp.css */
/* ProjectDeliverables Page Styles */

.deliverables-page[b-3jkk2h9hxh] {
    padding: 1rem 0;
}

/* Page Header */
.page-header[b-3jkk2h9hxh] {
    margin-bottom: 2rem;
}

.page-header h4[b-3jkk2h9hxh] {
    color: #495057;
    font-weight: 600;
}

.page-header p[b-3jkk2h9hxh] {
    font-size: 0.95rem;
    line-height: 1.4;
}

/* Filters Panel */
.filters-panel .card[b-3jkk2h9hxh] {
    border: 1px solid #e9ecef;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.filters-panel .card-header[b-3jkk2h9hxh] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    padding: 0.75rem 1rem;
}

.filters-panel .card-header h6[b-3jkk2h9hxh] {
    color: #495057;
    font-weight: 600;
}

.filters-panel .card-body[b-3jkk2h9hxh] {
    padding: 1.5rem;
}

.filters-panel .form-label[b-3jkk2h9hxh] {
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.filters-panel .form-control[b-3jkk2h9hxh],
.filters-panel .form-select[b-3jkk2h9hxh] {
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 0.9rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.filters-panel .form-control:focus[b-3jkk2h9hxh],
.filters-panel .form-select:focus[b-3jkk2h9hxh] {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Filter Summary */
.filter-summary[b-3jkk2h9hxh] {
    font-size: 0.85rem;
    color: #6c757d;
}

.filter-actions[b-3jkk2h9hxh] {
    display: flex;
    gap: 0.5rem;
}

.filter-actions .btn[b-3jkk2h9hxh] {
    font-size: 0.8rem;
    padding: 0.375rem 0.75rem;
}

/* View Mode Toggle */
.view-mode-toggle .btn[b-3jkk2h9hxh] {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    border: 1px solid #dee2e6;
    transition: all 0.2s ease;
}

.view-mode-toggle .btn:hover[b-3jkk2h9hxh] {
    background-color: #f8f9fa;
    border-color: #adb5bd;
}

.view-mode-toggle .btn.active[b-3jkk2h9hxh] {
    background-color: #007bff;
    border-color: #007bff;
    color: white;
}

/* Deliverables Grid (Card View) */
.deliverables-grid[b-3jkk2h9hxh] {
    margin-top: 1rem;
}

.deliverables-grid .col-lg-4[b-3jkk2h9hxh],
.deliverables-grid .col-md-6[b-3jkk2h9hxh] {
    transition: transform 0.2s ease;
}

.deliverables-grid .col-lg-4:hover[b-3jkk2h9hxh],
.deliverables-grid .col-md-6:hover[b-3jkk2h9hxh] {
    transform: translateY(-2px);
}

/* Table View Enhancements */
.table-responsive[b-3jkk2h9hxh] {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border: 1px solid #e9ecef;
}

.table-responsive table[b-3jkk2h9hxh] {
    margin-bottom: 0;
}

.table-responsive th[b-3jkk2h9hxh] {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    color: #495057;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 1rem 0.75rem;
}

.table-responsive td[b-3jkk2h9hxh] {
    padding: 0.75rem;
    vertical-align: middle;
    border-bottom: 1px solid #f1f3f4;
}

.table-responsive tbody tr:hover[b-3jkk2h9hxh] {
    background-color: #f8f9fa;
}

/* Priority Badges */
.badge.bg-danger[b-3jkk2h9hxh] {
    background-color: #dc3545 !important;
}

.badge.bg-warning[b-3jkk2h9hxh] {
    background-color: #ffc107 !important;
    color: #212529 !important;
}

.badge.bg-secondary[b-3jkk2h9hxh] {
    background-color: #6c757d !important;
}

.badge.bg-light[b-3jkk2h9hxh] {
    background-color: #f8f9fa !important;
    border: 1px solid #dee2e6;
}

/* Deliverable Links */
.deliverable-link[b-3jkk2h9hxh] {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.15s ease-in-out;
}

.deliverable-link:hover[b-3jkk2h9hxh] {
    color: #0056b3;
    text-decoration: underline;
}

/* Empty State */
.empty-state[b-3jkk2h9hxh] {
    background: white;
    border-radius: 12px;
    padding: 3rem 2rem;
    text-align: center;
    border: 1px solid #e9ecef;
    margin-top: 2rem;
}

.empty-state i[b-3jkk2h9hxh] {
    color: #adb5bd;
    margin-bottom: 1rem;
}

.empty-state h5[b-3jkk2h9hxh] {
    color: #6c757d;
    margin-bottom: 1rem;
    font-weight: 500;
}

.empty-state p[b-3jkk2h9hxh] {
    color: #6c757d;
    margin-bottom: 1.5rem;
    font-size: 0.95rem;
}

.empty-state .btn[b-3jkk2h9hxh] {
    padding: 0.75rem 2rem;
    font-weight: 500;
}

/* Loading State */
.loading-state[b-3jkk2h9hxh] {
    background: white;
    border-radius: 12px;
    padding: 3rem 2rem;
    text-align: center;
    border: 1px solid #e9ecef;
    margin-top: 2rem;
}

.loading-state .spinner-border[b-3jkk2h9hxh] {
    color: #007bff;
    margin-bottom: 1rem;
}

.loading-state p[b-3jkk2h9hxh] {
    color: #6c757d;
    margin: 0;
    font-size: 0.95rem;
}

/* Results Info */
.results-info[b-3jkk2h9hxh] {
    font-size: 0.9rem;
    color: #6c757d;
}

.results-info .ms-2[b-3jkk2h9hxh] {
    font-style: italic;
    color: #adb5bd;
}

/* Pagination Enhancements */
.pagination-wrapper[b-3jkk2h9hxh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

/* Action Buttons */
.action-buttons[b-3jkk2h9hxh] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.action-buttons .btn[b-3jkk2h9hxh] {
    font-size: 0.8rem;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.action-buttons .btn:hover[b-3jkk2h9hxh] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Responsive Design */
@media (max-width: 1200px) {
    .deliverables-grid .col-lg-4[b-3jkk2h9hxh] {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 992px) {
    .page-header .d-flex[b-3jkk2h9hxh] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
    
    .filters-panel .card-body[b-3jkk2h9hxh] {
        padding: 1rem;
    }
    
    .filters-panel .row .col-md-3[b-3jkk2h9hxh],
    .filters-panel .row .col-md-2[b-3jkk2h9hxh] {
        margin-bottom: 1rem;
    }
    
    .filter-actions[b-3jkk2h9hxh] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }
    
    .deliverables-grid .col-lg-4[b-3jkk2h9hxh],
    .deliverables-grid .col-md-6[b-3jkk2h9hxh] {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1rem;
    }
}

@media (max-width: 768px) {
    .deliverables-page[b-3jkk2h9hxh] {
        padding: 0.5rem 0;
    }
    
    .page-header[b-3jkk2h9hxh] {
        margin-bottom: 1.5rem;
    }
    
    .filters-panel .card-body[b-3jkk2h9hxh] {
        padding: 0.75rem;
    }
    
    .table-responsive[b-3jkk2h9hxh] {
        font-size: 0.85rem;
    }
    
    .table-responsive th[b-3jkk2h9hxh],
    .table-responsive td[b-3jkk2h9hxh] {
        padding: 0.5rem 0.375rem;
    }
    
    .empty-state[b-3jkk2h9hxh] {
        padding: 2rem 1rem;
    }
    
    .results-info[b-3jkk2h9hxh] {
        font-size: 0.8rem;
        margin-bottom: 1rem;
    }
    
    .pagination-wrapper[b-3jkk2h9hxh] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
}

/* Animation for filter panel */
.filters-panel .card-body[b-3jkk2h9hxh] {
    animation: fadeIn-b-3jkk2h9hxh 0.3s ease-out;
}

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

/* Focus states for accessibility */
.filters-panel .btn:focus[b-3jkk2h9hxh],
.action-buttons .btn:focus[b-3jkk2h9hxh] {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.deliverable-link:focus[b-3jkk2h9hxh] {
    outline: 2px solid #007bff;
    outline-offset: 2px;
    border-radius: 2px;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .deliverables-page[b-3jkk2h9hxh] {
        color: #f8f9fa;
    }
    
    .filters-panel .card[b-3jkk2h9hxh] {
        background-color: #343a40;
        border-color: #495057;
    }
    
    .filters-panel .card-header[b-3jkk2h9hxh] {
        background-color: #495057;
        border-color: #6c757d;
    }
    
    .table-responsive[b-3jkk2h9hxh] {
        background-color: #343a40;
        border-color: #495057;
    }
    
    .table-responsive th[b-3jkk2h9hxh] {
        background-color: #495057;
        color: #f8f9fa;
        border-color: #6c757d;
    }
    
    .table-responsive td[b-3jkk2h9hxh] {
        border-color: #495057;
    }
    
    .table-responsive tbody tr:hover[b-3jkk2h9hxh] {
        background-color: #495057;
    }
    
    .empty-state[b-3jkk2h9hxh],
    .loading-state[b-3jkk2h9hxh] {
        background-color: #343a40;
        border-color: #495057;
        color: #f8f9fa;
    }
    
    .deliverable-link[b-3jkk2h9hxh] {
        color: #66b3ff;
    }
    
    .deliverable-link:hover[b-3jkk2h9hxh] {
        color: #99ccff;
    }
}

/* Print styles */
@media print {
    .filters-panel[b-3jkk2h9hxh],
    .action-buttons[b-3jkk2h9hxh],
    .pagination-wrapper[b-3jkk2h9hxh] {
        display: none;
    }
    
    .deliverables-page[b-3jkk2h9hxh] {
        color: black;
        background: white;
    }
    
    .table-responsive[b-3jkk2h9hxh] {
        border: 1px solid #000;
        box-shadow: none;
    }
    
    .deliverables-grid[b-3jkk2h9hxh] {
        display: none;
    }
}
/* _content/SoloPilot/Pages/Deliverables/DeliverableReview.razor.rz.scp.css */
/* DeliverableReview Page Styles */

.deliverable-review-page[b-ic8sdsro6l] {
    padding: 1rem 0;
}

/* Page Header */
.page-header[b-ic8sdsro6l] {
    margin-bottom: 2rem;
}

.page-header h4[b-ic8sdsro6l] {
    color: #495057;
    font-weight: 600;
}

.page-header p[b-ic8sdsro6l] {
    font-size: 0.95rem;
    line-height: 1.4;
}

/* Review Status Card */
.review-status-card .card[b-ic8sdsro6l] {
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.review-status-card .card-body[b-ic8sdsro6l] {
    padding: 1.5rem;
}

.status-info[b-ic8sdsro6l] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.status-badge[b-ic8sdsro6l] {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-badge.status-pending[b-ic8sdsro6l] {
    background-color: #fff3cd;
    color: #856404;
}

.status-badge.status-in-review[b-ic8sdsro6l] {
    background-color: #cce5ff;
    color: #004085;
}

.status-badge.status-approved[b-ic8sdsro6l] {
    background-color: #d4edda;
    color: #155724;
}

.status-badge.status-rejected[b-ic8sdsro6l] {
    background-color: #f8d7da;
    color: #721c24;
}

.status-badge.status-changes-requested[b-ic8sdsro6l] {
    background-color: #ffeaa7;
    color: #856404;
}

/* Cards */
.card[b-ic8sdsro6l] {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.card-header[b-ic8sdsro6l] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    padding: 1rem 1.25rem;
}

.card-header h5[b-ic8sdsro6l] {
    color: #495057;
    font-weight: 600;
    font-size: 1.1rem;
}

.card-body[b-ic8sdsro6l] {
    padding: 1.25rem;
}

/* Info Groups */
.info-group[b-ic8sdsro6l] {
    margin-bottom: 1rem;
}

.info-group label[b-ic8sdsro6l] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.25rem;
}

.info-group h6[b-ic8sdsro6l] {
    margin: 0;
    color: #495057;
}

.info-group p[b-ic8sdsro6l] {
    color: #495057;
    margin: 0;
}

/* Acceptance Criteria */
.acceptance-criteria-content[b-ic8sdsro6l] {
    background-color: #f8f9fa;
    border-radius: 6px;
    padding: 1rem;
    font-family: 'Courier New', monospace;
    font-size: 0.9rem;
    line-height: 1.6;
    white-space: pre-wrap;
}

/* Task List */
.task-list[b-ic8sdsro6l] {
    max-height: 400px;
    overflow-y: auto;
}

.task-item[b-ic8sdsro6l] {
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    transition: background-color 0.2s ease;
}

.task-item:last-child[b-ic8sdsro6l] {
    border-bottom: none;
}

.task-item:hover[b-ic8sdsro6l] {
    background-color: #f8f9fa;
}

.task-item h6[b-ic8sdsro6l] {
    color: #495057;
    font-weight: 600;
    font-size: 0.95rem;
}

.task-item small[b-ic8sdsro6l] {
    color: #6c757d;
}

/* Review Timeline */
.review-timeline[b-ic8sdsro6l] {
    position: relative;
    padding-left: 2rem;
}

.timeline-item[b-ic8sdsro6l] {
    position: relative;
    padding-bottom: 1.5rem;
}

.timeline-item:last-child[b-ic8sdsro6l] {
    padding-bottom: 0;
}

.timeline-item[b-ic8sdsro6l]::before {
    content: '';
    position: absolute;
    left: -1.25rem;
    top: 1.5rem;
    bottom: 0;
    width: 2px;
    background-color: #e9ecef;
}

.timeline-item:last-child[b-ic8sdsro6l]::before {
    display: none;
}

.timeline-marker[b-ic8sdsro6l] {
    position: absolute;
    left: -2rem;
    top: 0;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: white;
}

.timeline-marker.marker-success[b-ic8sdsro6l] {
    background-color: #28a745;
}

.timeline-marker.marker-danger[b-ic8sdsro6l] {
    background-color: #dc3545;
}

.timeline-marker.marker-warning[b-ic8sdsro6l] {
    background-color: #ffc107;
}

.timeline-marker.marker-secondary[b-ic8sdsro6l] {
    background-color: #6c757d;
}

.timeline-content h6[b-ic8sdsro6l] {
    margin-bottom: 0.25rem;
    color: #495057;
}

.timeline-content p[b-ic8sdsro6l] {
    margin-bottom: 0.25rem;
    color: #6c757d;
}

/* Action Buttons */
.btn-group .btn[b-ic8sdsro6l] {
    padding: 0.75rem 1.25rem;
    font-weight: 500;
    border-radius: 6px;
    margin: 0 0.25rem;
    transition: all 0.2s ease;
}

.btn-group .btn:hover[b-ic8sdsro6l] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.btn-group .btn i[b-ic8sdsro6l] {
    font-size: 0.9rem;
}

/* Modal Styles */
.modal-content[b-ic8sdsro6l] {
    border-radius: 12px;
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.modal-header[b-ic8sdsro6l] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    border-radius: 12px 12px 0 0;
    padding: 1.25rem 1.5rem;
}

.modal-title[b-ic8sdsro6l] {
    color: #495057;
    font-weight: 600;
}

.modal-body[b-ic8sdsro6l] {
    padding: 1.5rem;
}

.modal-footer[b-ic8sdsro6l] {
    background-color: #f8f9fa;
    border-top: 1px solid #e9ecef;
    border-radius: 0 0 12px 12px;
    padding: 1rem 1.5rem;
}

.modal textarea[b-ic8sdsro6l] {
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 0.95rem;
    resize: vertical;
}

.modal textarea:focus[b-ic8sdsro6l] {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Alert Styles */
.alert[b-ic8sdsro6l] {
    border-radius: 8px;
    border: none;
    padding: 1rem 1.25rem;
}

.alert i[b-ic8sdsro6l] {
    font-size: 1.1rem;
}

/* Badge Styles */
.badge[b-ic8sdsro6l] {
    padding: 0.375rem 0.75rem;
    font-weight: 500;
    font-size: 0.8rem;
}

/* Loading State */
.spinner-border[b-ic8sdsro6l] {
    color: #007bff;
}

/* Responsive Design */
@media (max-width: 992px) {
    .status-info[b-ic8sdsro6l] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .btn-group[b-ic8sdsro6l] {
        flex-direction: column;
        width: 100%;
    }
    
    .btn-group .btn[b-ic8sdsro6l] {
        width: 100%;
        margin: 0.25rem 0;
    }
}

@media (max-width: 768px) {
    .deliverable-review-page[b-ic8sdsro6l] {
        padding: 0.5rem;
    }
    
    .page-header[b-ic8sdsro6l] {
        margin-bottom: 1rem;
    }
    
    .card[b-ic8sdsro6l] {
        margin-bottom: 1rem;
    }
    
    .card-header[b-ic8sdsro6l] {
        padding: 0.75rem 1rem;
    }
    
    .card-body[b-ic8sdsro6l] {
        padding: 1rem;
    }
    
    .review-timeline[b-ic8sdsro6l] {
        padding-left: 1.5rem;
    }
    
    .timeline-marker[b-ic8sdsro6l] {
        left: -1.5rem;
        width: 1.25rem;
        height: 1.25rem;
        font-size: 0.65rem;
    }
    
    .timeline-item[b-ic8sdsro6l]::before {
        left: -0.875rem;
    }
}

/* Scrollbar Styles */
.task-list[b-ic8sdsro6l]::-webkit-scrollbar {
    width: 6px;
}

.task-list[b-ic8sdsro6l]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.task-list[b-ic8sdsro6l]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.task-list[b-ic8sdsro6l]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Print Styles */
@media print {
    .page-header .header-actions[b-ic8sdsro6l],
    .btn-group[b-ic8sdsro6l],
    .modal[b-ic8sdsro6l] {
        display: none;
    }
    
    .deliverable-review-page[b-ic8sdsro6l] {
        padding: 0;
    }
    
    .card[b-ic8sdsro6l] {
        page-break-inside: avoid;
        border: 1px solid #000;
        box-shadow: none;
    }
    
    .review-timeline[b-ic8sdsro6l] {
        padding-left: 0;
    }
    
    .timeline-marker[b-ic8sdsro6l],
    .timeline-item[b-ic8sdsro6l]::before {
        display: none;
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .deliverable-review-page[b-ic8sdsro6l] {
        color: #f8f9fa;
    }
    
    .card[b-ic8sdsro6l] {
        background-color: #343a40;
        border-color: #495057;
    }
    
    .card-header[b-ic8sdsro6l] {
        background-color: #495057;
        border-color: #6c757d;
    }
    
    .card-header h5[b-ic8sdsro6l],
    .info-group h6[b-ic8sdsro6l],
    .info-group p[b-ic8sdsro6l],
    .task-item h6[b-ic8sdsro6l],
    .timeline-content h6[b-ic8sdsro6l] {
        color: #f8f9fa;
    }
    
    .acceptance-criteria-content[b-ic8sdsro6l] {
        background-color: #495057;
        color: #f8f9fa;
    }
    
    .task-item:hover[b-ic8sdsro6l] {
        background-color: #495057;
    }
    
    .modal-content[b-ic8sdsro6l] {
        background-color: #343a40;
        color: #f8f9fa;
    }
    
    .modal-header[b-ic8sdsro6l],
    .modal-footer[b-ic8sdsro6l] {
        background-color: #495057;
        border-color: #6c757d;
    }
    
    .modal textarea[b-ic8sdsro6l] {
        background-color: #495057;
        border-color: #6c757d;
        color: #f8f9fa;
    }
}
/* _content/SoloPilot/Pages/Login.razor.rz.scp.css */
/* Login Page Styling */
.login-container[b-5seq7tv35h] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #F9FBFD 0%, #D6ECFF 100%);
    padding: 24px;
}

.login-card[b-5seq7tv35h] {
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
    border: 1px solid #ECEFF3;
    width: 100%;
    max-width: 400px;
    padding: 40px;
    animation: cardSlideIn-b-5seq7tv35h 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes cardSlideIn-b-5seq7tv35h {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Login Header */
.login-header[b-5seq7tv35h] {
    text-align: center;
    margin-bottom: 32px;
}

.login-logo[b-5seq7tv35h] {
    height: 48px;
    width: auto;
    margin-bottom: 24px;
}

.login-title[b-5seq7tv35h] {
    font-size: 24px;
    font-weight: 700;
    color: #445566;
    margin: 0 0 8px 0;
    line-height: 1.3;
}

.login-subtitle[b-5seq7tv35h] {
    font-size: 14px;
    color: #99A3B2;
    margin: 0;
    line-height: 1.5;
}

/* Login Form */
.login-form[b-5seq7tv35h] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.btn-google[b-5seq7tv35h] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 12px;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-google:hover[b-5seq7tv35h] {
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);
}

.google-icon[b-5seq7tv35h] {
    font-size: 18px;
}

/* Login Divider */
.login-divider[b-5seq7tv35h] {
    position: relative;
    text-align: center;
    margin: 8px 0;
}

.login-divider[b-5seq7tv35h]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #ECEFF3;
}

.login-divider span[b-5seq7tv35h] {
    background: #FFFFFF;
    padding: 0 16px;
    font-size: 14px;
    color: #99A3B2;
    font-weight: 500;
}

/* Register Section */
.register-section[b-5seq7tv35h] {
    text-align: center;
}

.register-text[b-5seq7tv35h] {
    font-size: 14px;
    color: #99A3B2;
    margin: 0 0 16px 0;
}

.btn-register[b-5seq7tv35h] {
    width: 100%;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 12px;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-register:hover[b-5seq7tv35h] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}

/* Alert Styling within Login */
.login-card .alert[b-5seq7tv35h] {
    margin-bottom: 24px;
    border-radius: 8px;
    font-size: 14px;
    padding: 12px 16px;
}

/* Responsive Design */
@media (max-width: 480px) {
    .login-container[b-5seq7tv35h] {
        padding: 16px;
    }
    
    .login-card[b-5seq7tv35h] {
        padding: 32px 24px;
    }
    
    .login-title[b-5seq7tv35h] {
        font-size: 20px;
    }
    
    .btn-google[b-5seq7tv35h] {
        padding: 14px 20px;
        font-size: 15px;
    }
}

/* Dark mode support (future enhancement) */
@media (prefers-color-scheme: dark) {
    .login-container[b-5seq7tv35h] {
        background: linear-gradient(135deg, #1F2937 0%, #374151 100%);
    }
    
    .login-card[b-5seq7tv35h] {
        background: #374151;
        border-color: #4B5563;
        color: #F9FAFB;
    }
    
    .login-title[b-5seq7tv35h] {
        color: #F9FAFB;
    }
    
    .login-subtitle[b-5seq7tv35h],
    .register-text[b-5seq7tv35h] {
        color: #D1D5DB;
    }
    
    .login-divider span[b-5seq7tv35h] {
        background: #374151;
        color: #D1D5DB;
    }
    
    .login-divider[b-5seq7tv35h]::before {
        background: #4B5563;
    }
}
/* _content/SoloPilot/Pages/Meetings/MeetingCreate.razor.rz.scp.css */
/* NewMeeting Page Responsive Design */

/* Base styles */
.new-meeting-page[b-o40n7w00f3] {
    font-family: 'Inter', sans-serif;
}

/* Quick schedule modal responsive design */
.quick-schedule-modal[b-o40n7w00f3] {
    max-width: 600px;
    width: 90vw;
}

.quick-schedule-grid[b-o40n7w00f3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
}

/* Privacy level selector responsive design */
.privacy-selector[b-o40n7w00f3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}

/* Responsive Design */

/* Tablet */
@media (max-width: 1024px) {
    .form-content[b-o40n7w00f3] {
        padding: 20px;
    }
    
    .quick-schedule-modal[b-o40n7w00f3] {
        width: 85vw;
    }
    
    .quick-schedule-grid[b-o40n7w00f3] {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 12px;
    }
    
    .privacy-selector[b-o40n7w00f3] {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 12px;
    }
}

/* Mobile (landscape) */
@media (max-width: 834px) {
    .form-content[b-o40n7w00f3] {
        padding: 16px 20px;
    }
    
    .quick-schedule-modal[b-o40n7w00f3] {
        width: 95vw;
        max-height: 90vh;
        overflow-y: auto;
    }
    
    .quick-schedule-grid[b-o40n7w00f3] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .privacy-selector[b-o40n7w00f3] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    /* Form sections stack vertically */
    .form-row[b-o40n7w00f3] {
        flex-direction: column;
    }
    
    .form-column[b-o40n7w00f3] {
        width: 100%;
    }
}

/* Mobile (portrait) */
@media (max-width: 768px) {
    .new-meeting-page[b-o40n7w00f3] {
        padding: 0;
    }
    
    .form-content[b-o40n7w00f3] {
        padding: 12px 16px;
    }
    
    .page-header[b-o40n7w00f3] {
        padding: 12px 16px;
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }
    
    .page-title[b-o40n7w00f3] {
        font-size: 24px;
        text-align: center;
    }
    
    .page-actions[b-o40n7w00f3] {
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
    }
    
    .page-actions .btn[b-o40n7w00f3] {
        flex: 1;
        min-width: 120px;
        justify-content: center;
    }
    
    /* Quick schedule modal adjustments */
    .quick-schedule-modal[b-o40n7w00f3] {
        width: 95vw;
        max-height: 85vh;
        margin: 20px auto;
    }
    
    .quick-schedule-modal .modal-header[b-o40n7w00f3] {
        padding: 12px 16px;
    }
    
    .quick-schedule-modal .modal-body[b-o40n7w00f3] {
        padding: 16px;
    }
    
    .quick-schedule-grid[b-o40n7w00f3] {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .quick-schedule-option[b-o40n7w00f3] {
        padding: 12px;
        text-align: center;
    }
    
    .quick-schedule-option h6[b-o40n7w00f3] {
        font-size: 14px;
    }
    
    .quick-schedule-option p[b-o40n7w00f3] {
        font-size: 12px;
    }
    
    /* Privacy selector mobile optimization */
    .privacy-selector[b-o40n7w00f3] {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .privacy-card[b-o40n7w00f3] {
        padding: 12px;
        text-align: center;
    }
    
    .privacy-card h6[b-o40n7w00f3] {
        font-size: 14px;
    }
    
    .privacy-card p[b-o40n7w00f3] {
        font-size: 12px;
        line-height: 1.3;
    }
    
    /* Form field adjustments */
    .form-field[b-o40n7w00f3] {
        margin-bottom: 16px;
    }
    
    .form-field label[b-o40n7w00f3] {
        font-size: 13px;
        margin-bottom: 4px;
    }
    
    .form-control[b-o40n7w00f3] {
        font-size: 16px; /* Prevents zoom on iOS */
        padding: 10px 12px;
    }
    
    textarea.form-control[b-o40n7w00f3] {
        min-height: 80px;
    }
    
    /* Two-column form becomes single column */
    
    .form-row[b-o40n7w00f3] {
        flex-direction: column;
        gap: 16px;
    }
    
    .form-column[b-o40n7w00f3] {
        width: 100%;
    }
    
    /* Button adjustments */
    .form-actions[b-o40n7w00f3] {
        flex-direction: column;
        gap: 8px;
        padding: 16px;
        position: sticky;
        bottom: 0;
        background: white;
        border-top: 1px solid #E5E7EB;
        margin: 16px -16px -12px -16px;
    }
    
    .form-actions .btn[b-o40n7w00f3] {
        width: 100%;
        padding: 12px;
        font-size: 16px;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    .form-content[b-o40n7w00f3] {
        padding: 10px 12px;
    }
    
    .page-header[b-o40n7w00f3] {
        padding: 10px 12px;
    }
    
    .page-title[b-o40n7w00f3] {
        font-size: 20px;
    }
    
    .page-actions .btn[b-o40n7w00f3] {
        font-size: 14px;
        padding: 8px 12px;
        min-width: 100px;
    }
    
    /* Modal adjustments */
    .quick-schedule-modal[b-o40n7w00f3] {
        width: 100vw;
        max-height: 90vh;
        margin: 10px auto;
        border-radius: 8px;
    }
    
    .quick-schedule-modal .modal-header[b-o40n7w00f3] {
        padding: 10px 12px;
    }
    
    .quick-schedule-modal .modal-body[b-o40n7w00f3] {
        padding: 12px;
    }
    
    .quick-schedule-option[b-o40n7w00f3] {
        padding: 10px;
    }
    
    .quick-schedule-option h6[b-o40n7w00f3] {
        font-size: 13px;
    }
    
    .quick-schedule-option p[b-o40n7w00f3] {
        font-size: 11px;
    }
    
    /* Privacy cards */
    .privacy-card[b-o40n7w00f3] {
        padding: 10px;
    }
    
    .privacy-card h6[b-o40n7w00f3] {
        font-size: 13px;
    }
    
    .privacy-card p[b-o40n7w00f3] {
        font-size: 11px;
    }
    
    /* Form adjustments */
    /* FormSection styles now handled globally */
    
    .form-field[b-o40n7w00f3] {
        margin-bottom: 12px;
    }
    
    .form-field label[b-o40n7w00f3] {
        font-size: 12px;
    }
    
    .form-control[b-o40n7w00f3] {
        font-size: 14px;
        padding: 8px 10px;
    }
    
    .form-actions[b-o40n7w00f3] {
        padding: 12px;
        margin: 12px -12px -10px -12px;
    }
    
    .form-actions .btn[b-o40n7w00f3] {
        padding: 10px;
        font-size: 14px;
    }
}

/* Touch-friendly adjustments */
@media (hover: none) and (pointer: coarse) {
    /* Increase touch targets */
    .btn[b-o40n7w00f3],
    .form-control[b-o40n7w00f3],
    .quick-schedule-option[b-o40n7w00f3],
    .privacy-card[b-o40n7w00f3] {
        min-height: 44px;
    }
    
    .quick-schedule-option[b-o40n7w00f3],
    .privacy-card[b-o40n7w00f3] {
        padding: 12px;
    }
    
    /* Remove hover effects */
    .quick-schedule-option:hover[b-o40n7w00f3],
    .privacy-card:hover[b-o40n7w00f3] {
        transform: none;
    }
    
    /* Add active states */
    .quick-schedule-option:active[b-o40n7w00f3],
    .privacy-card:active[b-o40n7w00f3] {
        transform: scale(0.98);
        opacity: 0.8;
    }
}

/* Landscape orientation on mobile */
@media (max-width: 768px) and (orientation: landscape) {
    .quick-schedule-modal[b-o40n7w00f3] {
        max-height: 95vh;
        overflow-y: auto;
    }
    
    .form-actions[b-o40n7w00f3] {
        position: relative;
        margin: 16px 0 0 0;
    }
}

/* Focus states for accessibility */
@media (prefers-reduced-motion: no-preference) {
    .form-control:focus[b-o40n7w00f3],
    .btn:focus[b-o40n7w00f3],
    .quick-schedule-option:focus[b-o40n7w00f3],
    .privacy-card:focus[b-o40n7w00f3] {
        outline: 2px solid #3B82F6;
        outline-offset: 2px;
    }
}

/* High contrast mode */
@media (prefers-contrast: high) {
    .privacy-card[b-o40n7w00f3],
    .quick-schedule-option[b-o40n7w00f3] {
        border: 2px solid currentColor;
    }
    
    .privacy-card.selected[b-o40n7w00f3],
    .quick-schedule-option.selected[b-o40n7w00f3] {
        background-color: #000;
        color: #fff;
    }
}

/* Micro-animations for New Meeting Page */

/* Page entrance animation */
.new-meeting-page[b-o40n7w00f3] {
    animation: fadeInUp-b-o40n7w00f3 400ms ease-out;
}

@keyframes fadeInUp-b-o40n7w00f3 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* FormSection styles now handled globally */

/* Form field focus animations */
.form-control[b-o40n7w00f3] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.form-control:focus[b-o40n7w00f3] {
    transform: translateY(-1px);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1), 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Button animations */
.btn[b-o40n7w00f3] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.btn[b-o40n7w00f3]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 400ms ease-out, height 400ms ease-out;
}

.btn:active[b-o40n7w00f3]::before {
    width: 300px;
    height: 300px;
}

.btn:hover[b-o40n7w00f3] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Quick schedule modal animations */
.quick-schedule-modal[b-o40n7w00f3] {
    animation: modalSlideIn-b-o40n7w00f3 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes modalSlideIn-b-o40n7w00f3 {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Quick schedule option animations */
.quick-schedule-option[b-o40n7w00f3] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.quick-schedule-option[b-o40n7w00f3]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 500ms ease-in-out;
}

.quick-schedule-option:hover[b-o40n7w00f3]::before {
    left: 100%;
}

.quick-schedule-option:hover[b-o40n7w00f3] {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.quick-schedule-option:active[b-o40n7w00f3] {
    transform: translateY(0) scale(0.98);
    transition: transform 100ms ease-out;
}

/* Privacy card animations */
.privacy-card[b-o40n7w00f3] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.privacy-card[b-o40n7w00f3]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 600ms ease-in-out;
}

.privacy-card:hover[b-o40n7w00f3]::before {
    left: 100%;
}

.privacy-card:hover[b-o40n7w00f3] {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.privacy-card.selected[b-o40n7w00f3] {
    animation: cardSelect-b-o40n7w00f3 200ms ease-out;
}

@keyframes cardSelect-b-o40n7w00f3 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1.02);
    }
}

/* Privacy selector entrance animation */
.privacy-selector[b-o40n7w00f3] {
    animation: fadeInGrid-b-o40n7w00f3 400ms ease-out;
}

@keyframes fadeInGrid-b-o40n7w00f3 {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Form actions animation */
.form-actions[b-o40n7w00f3] {
    animation: slideInFromBottom-b-o40n7w00f3 400ms ease-out;
    transition: all 200ms ease-in-out;
}

@keyframes slideInFromBottom-b-o40n7w00f3 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Page header animation */
.page-header[b-o40n7w00f3] {
    animation: slideInFromTop-b-o40n7w00f3 400ms ease-out;
}

@keyframes slideInFromTop-b-o40n7w00f3 {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Form field label animation */
.form-field label[b-o40n7w00f3] {
    transition: all 150ms ease-in-out;
}

.form-field:focus-within label[b-o40n7w00f3] {
    color: #3B82F6;
    transform: translateY(-1px);
}

/* Textarea resize animation */
textarea.form-control[b-o40n7w00f3] {
    transition: all 200ms ease-in-out;
    resize: vertical;
}

textarea.form-control:focus[b-o40n7w00f3] {
    transform: translateY(-1px);
    min-height: 100px;
}

/* Loading state animation */
.loading-section[b-o40n7w00f3] {
    animation: fadeInPulse-b-o40n7w00f3 300ms ease-in;
}

@keyframes fadeInPulse-b-o40n7w00f3 {
    from { 
        opacity: 0;
        transform: scale(0.95);
    }
    to { 
        opacity: 1;
        transform: scale(1);
    }
}

/* Error state animation */
.alert[b-o40n7w00f3] {
    animation: shakeIn-b-o40n7w00f3 400ms ease-out;
}

@keyframes shakeIn-b-o40n7w00f3 {
    0% {
        opacity: 0;
        transform: translateX(-10px);
    }
    25% {
        transform: translateX(5px);
    }
    50% {
        transform: translateX(-2px);
    }
    75% {
        transform: translateX(1px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Spinner animation */
.spinner-border[b-o40n7w00f3] {
    animation: spin-b-o40n7w00f3 1s linear infinite, pulse-b-o40n7w00f3 2s ease-in-out infinite;
}

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

@keyframes pulse-b-o40n7w00f3 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}
/* _content/SoloPilot/Pages/Meetings/MeetingDetails.razor.rz.scp.css */
/* Meeting Details Page - ViewPage Architecture Implementation */

/* Remove the old custom container and use standard section-frame styling */
/* Note: ViewPage components use their own .section-frame styling from the ViewPage components */

/* Enhanced metadata styling for ViewPage header */
.metadata-item[b-uvd991dq9v] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
    color: #495057;
    margin-right: 1.5rem; /* Spacing between metadata items */
}

.metadata-icon[b-uvd991dq9v] {
    font-size: 1rem;
    width: 1.25rem;
    text-align: center;
}

.metadata-label[b-uvd991dq9v] {
    font-weight: 500;
}

.metadata-value[b-uvd991dq9v] {
    font-weight: 400;
    color: #212529;
}

/* Tab Content Headers - specific to Meeting details */
.viewpage-tab-content-header[b-uvd991dq9v] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding: 1rem 0;
    border-bottom: 1px solid #E5E7EB;
}

.content-summary h3[b-uvd991dq9v] {
    margin: 0 0 0.5rem 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--bs-heading-color);
}

.content-summary-text[b-uvd991dq9v] {
    margin: 0;
    font-size: 0.875rem;
    color: #6c757d;
}

.content-actions[b-uvd991dq9v] {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
}

/* Edit Mode Styling - section-title styles now handled globally */

.form-actions[b-uvd991dq9v] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #E5E7EB;
}

/* Responsive Design */
@media (max-width: 768px) {
    .metadata-item[b-uvd991dq9v] {
        margin-right: 1rem;
        font-size: 0.8125rem;
    }
    
    .metadata-icon[b-uvd991dq9v] {
        font-size: 0.875rem;
        width: 1rem;
    }
    
    .viewpage-tab-content-header[b-uvd991dq9v] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
    
    .content-actions[b-uvd991dq9v] {
        justify-content: flex-start;
    }
}

@media (max-width: 480px) {
    .metadata-item[b-uvd991dq9v] {
        margin-right: 0.75rem;
        font-size: 0.75rem;
    }
    
    .form-actions[b-uvd991dq9v] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .form-actions .btn[b-uvd991dq9v] {
        justify-content: center;
    }
}

/* ViewPage Status Cards - Meeting-specific colors and styling */
/* These supplement the base ViewPage status styling with meeting-specific enhancements */

.health-indicator-box.health-indicator-box--green[b-uvd991dq9v] {
    background: linear-gradient(135deg, #f0f9f0 0%, #e8f5e8 100%);
    border-left: 4px solid #28a745;
}

.health-indicator-box.health-indicator-box--yellow[b-uvd991dq9v] {
    background: linear-gradient(135deg, #fffbf0 0%, #fef8e8 100%);
    border-left: 4px solid #ffc107;
}

.health-indicator-box.health-indicator-box--red[b-uvd991dq9v] {
    background: linear-gradient(135deg, #fdf2f2 0%, #fbeaea 100%);
    border-left: 4px solid #dc3545;
}

.health-indicator-box.health-indicator-box--gray[b-uvd991dq9v] {
    background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f4 100%);
    border-left: 4px solid #6c757d;
}

/* Tab Panel Styling - Meeting specific enhancements */
.viewpage-tab-panel.active[b-uvd991dq9v] {
    animation: fadeInUp-b-uvd991dq9v 300ms ease-out;
}

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

/* Meeting Status Indicators */
.meeting-status-draft[b-uvd991dq9v] {
    background-color: #fff3cd;
    color: #856404;
}

.meeting-status-planned[b-uvd991dq9v] {
    background-color: #d1ecf1;
    color: #0c5460;
}

.meeting-status-inprogress[b-uvd991dq9v] {
    background-color: #d4edda;
    color: #155724;
}

.meeting-status-completed[b-uvd991dq9v] {
    background-color: #d4edda;
    color: #155724;
}

.meeting-status-cancelled[b-uvd991dq9v] {
    background-color: #f8d7da;
    color: #721c24;
}

/* Loading and Error States */
.spinner-border[b-uvd991dq9v] {
    color: var(--bs-primary);
}

.alert-danger[b-uvd991dq9v] {
    border-radius: 0.375rem;
    font-family: var(--bs-font-sans-serif);
}

/* Accessibility Enhancements */
.viewpage-tab:focus[b-uvd991dq9v] {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

.metadata-item:focus-within[b-uvd991dq9v] {
    outline: 1px solid var(--bs-primary);
    outline-offset: 1px;
    border-radius: 0.25rem;
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
    .metadata-item[b-uvd991dq9v] {
        border: 1px solid transparent;
    }
    
    .metadata-item:focus-within[b-uvd991dq9v] {
        border-color: var(--bs-primary);
        background-color: var(--bs-light);
    }
    
    .health-indicator-box[b-uvd991dq9v] {
        border: 2px solid;
    }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .viewpage-tab-panel.active[b-uvd991dq9v] {
        animation: none;
    }
    
    .health-indicator-box[b-uvd991dq9v] {
        transition: none;
    }
}
/* _content/SoloPilot/Pages/Meetings/MeetingListPage.razor.rz.scp.css */
/* Meetings Page Responsive Design */

/* Base styles for larger screens */
.meetings-page[b-mrml40n9d9] {
    font-family: 'Inter', sans-serif;
}

/* Responsive Design */

/* Tablet */
@media (max-width: 1024px) {
    .page-header[b-mrml40n9d9] {
        padding: 16px 20px;
    }
    
    .meetings-content[b-mrml40n9d9] {
        padding: 0 20px;
    }
}

/* Mobile (landscape) */
@media (max-width: 834px) {
    .page-header[b-mrml40n9d9] {
        flex-direction: column;
        gap: 16px;
        align-items: stretch;
    }
    
    .page-title[b-mrml40n9d9] {
        text-align: center;
    }
    
    .page-actions[b-mrml40n9d9] {
        justify-content: center;
    }
    
    .meetings-content[b-mrml40n9d9] {
        padding: 0 20px;
    }
}

/* Mobile (portrait) */
@media (max-width: 768px) {
    .page-header[b-mrml40n9d9] {
        padding: 12px 16px;
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }
    
    .page-title[b-mrml40n9d9] {
        font-size: 24px;
        text-align: center;
    }
    
    .page-actions[b-mrml40n9d9] {
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
    }
    
    .page-actions .btn[b-mrml40n9d9] {
        flex: 1;
        min-width: 140px;
        justify-content: center;
    }
    
    .meetings-content[b-mrml40n9d9] {
        padding: 0 16px;
    }
    
    /* Table toolbar adjustments for mobile */
    .table-toolbar[b-mrml40n9d9] {
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }
    
    .table-toolbar .search-section[b-mrml40n9d9] {
        order: 1;
    }
    
    .table-toolbar .actions-section[b-mrml40n9d9] {
        order: 2;
        justify-content: center;
    }
    
    /* Search input mobile optimization */
    .search-input[b-mrml40n9d9] {
        font-size: 16px; /* Prevents zoom on iOS */
    }
    
    /* Meeting cards for mobile (if using card view) */
    .meeting-card[b-mrml40n9d9] {
        margin-bottom: 12px;
        padding: 12px;
    }
    
    .meeting-card-header[b-mrml40n9d9] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .meeting-title[b-mrml40n9d9] {
        font-size: 16px;
        line-height: 1.3;
    }
    
    .meeting-meta[b-mrml40n9d9] {
        flex-wrap: wrap;
        gap: 8px;
    }
    
    .meeting-actions[b-mrml40n9d9] {
        width: 100%;
        justify-content: space-between;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    .page-header[b-mrml40n9d9] {
        padding: 10px 12px;
    }
    
    .page-title[b-mrml40n9d9] {
        font-size: 20px;
    }
    
    .page-actions .btn[b-mrml40n9d9] {
        font-size: 14px;
        padding: 8px 12px;
        min-width: 120px;
    }
    
    .meetings-content[b-mrml40n9d9] {
        padding: 0 12px;
    }
    
    .table-toolbar[b-mrml40n9d9] {
        gap: 10px;
    }
    
    .meeting-card[b-mrml40n9d9] {
        padding: 10px;
    }
    
    .meeting-title[b-mrml40n9d9] {
        font-size: 14px;
    }
    
    /* Status badges mobile sizing */
    .status-badge[b-mrml40n9d9],
    .privacy-badge[b-mrml40n9d9] {
        font-size: 10px;
        padding: 2px 4px;
    }
    
    /* Button adjustments for small screens */
    .btn-sm[b-mrml40n9d9] {
        font-size: 12px;
        padding: 4px 8px;
    }
}

/* Touch-friendly adjustments */
@media (hover: none) and (pointer: coarse) {
    /* Increase touch targets on touch devices */
    .btn[b-mrml40n9d9],
    .btn-sm[b-mrml40n9d9] {
        min-height: 44px; /* Apple's recommended minimum touch target */
        padding: 8px 16px;
    }
    
    .filter-btn[b-mrml40n9d9] {
        min-height: 40px;
        padding: 8px 12px;
    }
    
    /* Remove hover effects on touch devices */
    .btn:hover[b-mrml40n9d9],
    .filter-btn:hover[b-mrml40n9d9],
    .meeting-card:hover[b-mrml40n9d9] {
        transform: none;
        box-shadow: none;
    }
    
    /* Add active states for touch feedback */
    .btn:active[b-mrml40n9d9],
    .filter-btn:active[b-mrml40n9d9] {
        transform: scale(0.98);
        opacity: 0.8;
    }
}

/* High DPI displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    /* Ensure crisp rendering on retina displays */
    .meetings-content[b-mrml40n9d9],
    .page-header[b-mrml40n9d9] {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

/* Landscape orientation on mobile */
@media (max-width: 768px) and (orientation: landscape) {
    .page-header[b-mrml40n9d9] {
        padding: 8px 16px;
    }
    
    .page-title[b-mrml40n9d9] {
        font-size: 20px;
    }
    
    .meetings-content[b-mrml40n9d9] {
        padding: 0 16px;
    }
}

/* Print styles */
@media print {
    .page-actions[b-mrml40n9d9],
    .table-toolbar .actions-section[b-mrml40n9d9],
    .meeting-actions[b-mrml40n9d9] {
        display: none;
    }
    
    .meetings-content[b-mrml40n9d9] {
        padding: 0;
    }
    
    .page-header[b-mrml40n9d9] {
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
}

/* Micro-animations for Meetings Page */

/* Page entrance animation */
.meetings-page[b-mrml40n9d9] {
    animation: fadeInUp-b-mrml40n9d9 400ms ease-out;
}

@keyframes fadeInUp-b-mrml40n9d9 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Page header animation */
.page-header[b-mrml40n9d9] {
    animation: slideInFromTop-b-mrml40n9d9 400ms ease-out;
}

@keyframes slideInFromTop-b-mrml40n9d9 {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Content section animation */
.meetings-content[b-mrml40n9d9] {
    animation: fadeInScale-b-mrml40n9d9 400ms ease-out 200ms backwards;
}

@keyframes fadeInScale-b-mrml40n9d9 {
    from {
        opacity: 0;
        transform: scale(0.98);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Button hover animations */
.btn[b-mrml40n9d9] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.btn[b-mrml40n9d9]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 400ms ease-out, height 400ms ease-out;
}

.btn:active[b-mrml40n9d9]::before {
    width: 300px;
    height: 300px;
}

.btn:hover[b-mrml40n9d9] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Meeting card hover animations */
.meeting-card[b-mrml40n9d9] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.meeting-card[b-mrml40n9d9]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transition: left 500ms ease-in-out;
}

.meeting-card:hover[b-mrml40n9d9]::before {
    left: 100%;
}

.meeting-card:hover[b-mrml40n9d9] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

/* Status badge pulse animation */
.status-badge[b-mrml40n9d9] {
    transition: all 200ms ease-in-out;
    animation: statusBreathe-b-mrml40n9d9 3s ease-in-out infinite;
}

@keyframes statusBreathe-b-mrml40n9d9 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); }
}

.status-badge:hover[b-mrml40n9d9] {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Privacy badge hover animation */
.privacy-badge[b-mrml40n9d9] {
    transition: all 200ms ease-in-out;
}

.privacy-badge:hover[b-mrml40n9d9] {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Meeting title hover effect */
.meeting-title[b-mrml40n9d9] {
    transition: all 150ms ease-in-out;
}

.meeting-card:hover .meeting-title[b-mrml40n9d9] {
    color: #3B82F6;
}

/* Search input focus animation */
.search-input[b-mrml40n9d9] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.search-input:focus[b-mrml40n9d9] {
    transform: translateY(-1px);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1), 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Table row hover animation */
.table-row[b-mrml40n9d9] {
    transition: all 150ms ease-in-out;
}

.table-row:hover[b-mrml40n9d9] {
    background-color: #F9FAFB;
    transform: translateX(2px);
}

/* Filter button animations */
.filter-btn[b-mrml40n9d9] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.filter-btn[b-mrml40n9d9]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 500ms ease-in-out;
}

.filter-btn:hover[b-mrml40n9d9]::before {
    left: 100%;
}

.filter-btn:hover[b-mrml40n9d9] {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.filter-btn.active[b-mrml40n9d9] {
    animation: filterPulse-b-mrml40n9d9 200ms ease-out;
}

@keyframes filterPulse-b-mrml40n9d9 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

/* Loading state animation */
.loading-section[b-mrml40n9d9] {
    animation: fadeInPulse-b-mrml40n9d9 300ms ease-in;
}

@keyframes fadeInPulse-b-mrml40n9d9 {
    from { 
        opacity: 0;
        transform: scale(0.95);
    }
    to { 
        opacity: 1;
        transform: scale(1);
    }
}

/* Empty state animation */
.empty-state[b-mrml40n9d9] {
    animation: fadeInScale-b-mrml40n9d9 500ms ease-out;
}

/* Pagination controls animation */
.pagination-controls[b-mrml40n9d9] {
    animation: slideInFromBottom-b-mrml40n9d9 400ms ease-out;
}

@keyframes slideInFromBottom-b-mrml40n9d9 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Table toolbar animation */
.table-toolbar[b-mrml40n9d9] {
    animation: slideInFromTop-b-mrml40n9d9 400ms ease-out 100ms backwards;
    transition: all 200ms ease-in-out;
}

.table-toolbar:hover[b-mrml40n9d9] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Meeting meta information hover */
.meeting-meta[b-mrml40n9d9] {
    transition: all 150ms ease-in-out;
}

.meeting-card:hover .meeting-meta[b-mrml40n9d9] {
    transform: translateY(-1px);
}

/* Action button group animation */
.meeting-actions[b-mrml40n9d9] {
    transition: all 150ms ease-in-out;
    opacity: 0.7;
}

.meeting-card:hover .meeting-actions[b-mrml40n9d9] {
    opacity: 1;
    transform: translateY(-1px);
}

/* Meeting date hover effect */
.meeting-date[b-mrml40n9d9] {
    transition: all 150ms ease-in-out;
}

.meeting-card:hover .meeting-date[b-mrml40n9d9] {
    color: #3B82F6;
}

/* Spinner animation enhancement */
.spinner-border[b-mrml40n9d9] {
    animation: spin-b-mrml40n9d9 1s linear infinite, pulse-b-mrml40n9d9 2s ease-in-out infinite;
}

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

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

/* Error state animation */
.alert[b-mrml40n9d9] {
    animation: shakeIn-b-mrml40n9d9 400ms ease-out;
}

@keyframes shakeIn-b-mrml40n9d9 {
    0% {
        opacity: 0;
        transform: translateX(-10px);
    }
    25% {
        transform: translateX(5px);
    }
    50% {
        transform: translateX(-2px);
    }
    75% {
        transform: translateX(1px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
/* _content/SoloPilot/Pages/NotificationSettings.razor.rz.scp.css */
/* NotificationSettings Page Styles */

.notification-settings-page[b-j5q4n50gk9] {
    padding: 1rem 0;
}

/* Page Header */
.page-header[b-j5q4n50gk9] {
    margin-bottom: 2rem;
}

.page-header h4[b-j5q4n50gk9] {
    color: #495057;
    font-weight: 600;
}

.page-header p[b-j5q4n50gk9] {
    font-size: 0.95rem;
    line-height: 1.4;
}

/* Cards */
.card[b-j5q4n50gk9] {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    margin-bottom: 1.5rem;
}

.card-header[b-j5q4n50gk9] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    padding: 1rem 1.25rem;
}

.card-header h5[b-j5q4n50gk9] {
    color: #495057;
    font-weight: 600;
    font-size: 1.1rem;
    margin: 0;
}

.card-body[b-j5q4n50gk9] {
    padding: 1.25rem;
}

/* Form Controls */
.form-check[b-j5q4n50gk9] {
    margin-bottom: 0.75rem;
    padding-left: 0;
}

.form-check-input[b-j5q4n50gk9] {
    float: none;
    margin-left: 0;
    margin-right: 0.75rem;
}

.form-check-label[b-j5q4n50gk9] {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #495057;
    cursor: pointer;
    margin-bottom: 0;
}

.form-check-label i[b-j5q4n50gk9] {
    color: #6c757d;
    width: 16px;
    text-align: center;
}

.form-switch .form-check-input[b-j5q4n50gk9] {
    width: 2.5rem;
    height: 1.25rem;
    background-color: #e9ecef;
    border: none;
    border-radius: 1.25rem;
    transition: all 0.2s ease;
}

.form-switch .form-check-input:checked[b-j5q4n50gk9] {
    background-color: #007bff;
    border-color: #007bff;
}

.form-switch .form-check-input:focus[b-j5q4n50gk9] {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-select[b-j5q4n50gk9] {
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 0.9rem;
    transition: border-color 0.2s ease;
}

.form-select:focus[b-j5q4n50gk9] {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-label[b-j5q4n50gk9] {
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

/* Small Text */
small.text-muted[b-j5q4n50gk9] {
    font-size: 0.8rem;
    color: #6c757d !important;
    display: block;
    margin-top: 0.25rem;
    line-height: 1.3;
}

/* Badges */
.badge[b-j5q4n50gk9] {
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
    font-weight: 500;
}

/* Buttons */
.btn[b-j5q4n50gk9] {
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.btn i[b-j5q4n50gk9] {
    font-size: 0.9rem;
}

.btn-primary[b-j5q4n50gk9] {
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:hover[b-j5q4n50gk9] {
    background-color: #0056b3;
    border-color: #0056b3;
    transform: translateY(-1px);
}

.btn-secondary[b-j5q4n50gk9] {
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover[b-j5q4n50gk9] {
    background-color: #545b62;
    border-color: #545b62;
    transform: translateY(-1px);
}

.btn:disabled[b-j5q4n50gk9] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none !important;
}

/* Alerts */
.alert[b-j5q4n50gk9] {
    border-radius: 8px;
    border: none;
    padding: 1rem 1.25rem;
    margin-top: 1rem;
}

.alert i[b-j5q4n50gk9] {
    font-size: 1.1rem;
}

.alert-success[b-j5q4n50gk9] {
    background-color: #d4edda;
    color: #155724;
}

.alert-danger[b-j5q4n50gk9] {
    background-color: #f8d7da;
    color: #721c24;
}

/* Loading State */
.text-center p[b-j5q4n50gk9] {
    color: #6c757d;
}

.spinner-border[b-j5q4n50gk9] {
    color: #007bff;
}

.spinner-border-sm[b-j5q4n50gk9] {
    width: 1rem;
    height: 1rem;
}

/* Row Spacing */
.row .col-md-6[b-j5q4n50gk9] {
    margin-bottom: 1rem;
}

.row .col-md-4[b-j5q4n50gk9] {
    margin-bottom: 1rem;
}

/* Form Section Spacing */
.card + .card[b-j5q4n50gk9] {
    margin-top: 1.5rem;
}

/* Action Buttons */
.d-flex.justify-content-end[b-j5q4n50gk9] {
    margin-top: 2rem;
}

.gap-3[b-j5q4n50gk9] {
    gap: 1rem !important;
}

/* Responsive Design */
@media (max-width: 992px) {
    .notification-settings-page[b-j5q4n50gk9] {
        padding: 0.5rem;
    }
    
    .card-body[b-j5q4n50gk9] {
        padding: 1rem;
    }
    
    .d-flex.justify-content-end[b-j5q4n50gk9] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .d-flex.justify-content-end .btn[b-j5q4n50gk9] {
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 768px) {
    .page-header[b-j5q4n50gk9] {
        margin-bottom: 1rem;
    }
    
    .card-header[b-j5q4n50gk9] {
        padding: 0.75rem 1rem;
    }
    
    .card-body[b-j5q4n50gk9] {
        padding: 1rem;
    }
    
    .form-check-label[b-j5q4n50gk9] {
        font-size: 0.9rem;
    }
    
    small.text-muted[b-j5q4n50gk9] {
        font-size: 0.75rem;
    }
}

/* Focus States */
.form-check-input:focus[b-j5q4n50gk9] {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Hover Effects */
.form-check:hover .form-check-label[b-j5q4n50gk9] {
    color: #007bff;
}

.form-check:hover .form-check-input[b-j5q4n50gk9] {
    border-color: #007bff;
}

/* Animation */
.alert[b-j5q4n50gk9] {
    animation: slideIn-b-j5q4n50gk9 0.3s ease-out;
}

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

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .notification-settings-page[b-j5q4n50gk9] {
        color: #f8f9fa;
    }
    
    .card[b-j5q4n50gk9] {
        background-color: #343a40;
        border-color: #495057;
    }
    
    .card-header[b-j5q4n50gk9] {
        background-color: #495057;
        border-color: #6c757d;
    }
    
    .card-header h5[b-j5q4n50gk9],
    .form-check-label[b-j5q4n50gk9],
    .form-label[b-j5q4n50gk9] {
        color: #f8f9fa;
    }
    
    .form-select[b-j5q4n50gk9] {
        background-color: #495057;
        border-color: #6c757d;
        color: #f8f9fa;
    }
    
    .form-switch .form-check-input[b-j5q4n50gk9] {
        background-color: #6c757d;
    }
    
    small.text-muted[b-j5q4n50gk9] {
        color: #adb5bd !important;
    }
}

/* Print Styles */
@media print {
    .btn[b-j5q4n50gk9],
    .alert[b-j5q4n50gk9] {
        display: none;
    }
    
    .notification-settings-page[b-j5q4n50gk9] {
        padding: 0;
    }
    
    .card[b-j5q4n50gk9] {
        page-break-inside: avoid;
        border: 1px solid #000;
        box-shadow: none;
    }
}
/* _content/SoloPilot/Pages/PlanningHealth.razor.rz.scp.css */
/* PlanningHealth Page Styles */

.planning-health-page[b-kqysaer1hl] {
    padding: 1rem 0;
}

/* Page Header */
.page-header[b-kqysaer1hl] {
    margin-bottom: 2rem;
}

.page-header h4[b-kqysaer1hl] {
    color: #495057;
    font-weight: 600;
}

.page-header p[b-kqysaer1hl] {
    font-size: 0.95rem;
    line-height: 1.4;
}

.header-actions[b-kqysaer1hl] {
    display: flex;
    gap: 0.5rem;
}

/* Filters Section */
.filters-section .card[b-kqysaer1hl] {
    border: 1px solid #e9ecef;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.filters-section .card-body[b-kqysaer1hl] {
    padding: 1.25rem;
}

.filters-section .form-label[b-kqysaer1hl] {
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.filters-section .form-select[b-kqysaer1hl] {
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 0.9rem;
}

/* Planning Risks Section */
.planning-risks-section .card[b-kqysaer1hl] {
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.planning-risks-section .card-header[b-kqysaer1hl] {
    background-color: #fff9e6;
    border-bottom: 2px solid #ffc107;
    padding: 1rem 1.25rem;
}

.planning-risks-section .card-header h5[b-kqysaer1hl] {
    color: #856404;
    font-weight: 600;
}

.planning-risks-section .table[b-kqysaer1hl] {
    margin-bottom: 0;
}

.planning-risks-section .table th[b-kqysaer1hl] {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    color: #495057;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0.75rem;
}

.planning-risks-section .table td[b-kqysaer1hl] {
    padding: 0.75rem;
    vertical-align: middle;
}

.planning-risks-section .table tbody tr:hover[b-kqysaer1hl] {
    background-color: #f8f9fa;
}

/* Overdue Tasks Section */
.overdue-tasks-section .card[b-kqysaer1hl] {
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.overdue-tasks-section .card-header[b-kqysaer1hl] {
    background-color: #ffebee;
    border-bottom: 2px solid #dc3545;
    padding: 1rem 1.25rem;
}

.overdue-tasks-section .card-header h5[b-kqysaer1hl] {
    color: #721c24;
    font-weight: 600;
}

.overdue-task-card[b-kqysaer1hl] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 1rem;
    height: 100%;
    transition: all 0.2s ease;
}

.overdue-task-card:hover[b-kqysaer1hl] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.task-header[b-kqysaer1hl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.75rem;
}

.task-header h6[b-kqysaer1hl] {
    color: #495057;
    font-weight: 600;
    font-size: 0.95rem;
    margin: 0;
    line-height: 1.3;
}

.task-actions[b-kqysaer1hl] {
    margin-top: 0.75rem;
}

/* Team Metrics Section */
.team-metrics-section .card[b-kqysaer1hl] {
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.team-metrics-section .card-header[b-kqysaer1hl] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    padding: 1rem 1.25rem;
}

.team-metrics-section .card-header h5[b-kqysaer1hl] {
    color: #495057;
    font-weight: 600;
}

.team-member-metric[b-kqysaer1hl] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 1.25rem;
    height: 100%;
    transition: all 0.2s ease;
}

.team-member-metric:hover[b-kqysaer1hl] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.member-header[b-kqysaer1hl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.member-avatar[b-kqysaer1hl] {
    width: 40px;
    height: 40px;
    background-color: #e9ecef;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    font-size: 1.1rem;
}

.member-info h6[b-kqysaer1hl] {
    margin: 0;
    color: #495057;
    font-weight: 600;
    font-size: 0.95rem;
}

.member-info small[b-kqysaer1hl] {
    color: #6c757d;
}

.member-stats[b-kqysaer1hl] {
    margin-top: 1rem;
}

.stat-item[b-kqysaer1hl] {
    margin-bottom: 0.75rem;
}

.stat-label[b-kqysaer1hl] {
    display: block;
    font-size: 0.8rem;
    color: #6c757d;
    margin-bottom: 0.25rem;
    font-weight: 500;
}

.stat-item .progress[b-kqysaer1hl] {
    height: 8px;
    background-color: #e9ecef;
    border-radius: 4px;
}

.stat-item .progress-bar[b-kqysaer1hl] {
    font-size: 0.7rem;
    font-weight: 600;
}

.stat-alert[b-kqysaer1hl] {
    background-color: #ffebee;
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
    color: #c62828;
}

/* Badge Styles */
.badge[b-kqysaer1hl] {
    padding: 0.375rem 0.75rem;
    font-weight: 500;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Button Styles */
.btn-outline-warning[b-kqysaer1hl] {
    color: #f57c00;
    border-color: #f57c00;
}

.btn-outline-warning:hover[b-kqysaer1hl] {
    background-color: #f57c00;
    border-color: #f57c00;
    color: white;
}

/* Loading State */
.text-center p[b-kqysaer1hl] {
    color: #6c757d;
}

.spinner-border[b-kqysaer1hl] {
    color: #007bff;
}

/* Responsive Design */
@media (max-width: 992px) {
    .filters-section .row .col-md-4[b-kqysaer1hl],
    .filters-section .row .col-md-3[b-kqysaer1hl],
    .filters-section .row .col-md-2[b-kqysaer1hl] {
        margin-bottom: 1rem;
    }
    
    .overdue-task-card[b-kqysaer1hl],
    .team-member-metric[b-kqysaer1hl] {
        margin-bottom: 1rem;
    }
}

@media (max-width: 768px) {
    .planning-health-page[b-kqysaer1hl] {
        padding: 0.5rem;
    }
    
    .page-header[b-kqysaer1hl] {
        margin-bottom: 1.5rem;
    }
    
    .page-header .header-actions[b-kqysaer1hl] {
        flex-direction: column;
        gap: 0.5rem;
        width: 100%;
    }
    
    .page-header .header-actions .btn[b-kqysaer1hl] {
        width: 100%;
    }
    
    .filters-section .card-body[b-kqysaer1hl] {
        padding: 1rem;
    }
    
    .planning-risks-section .table-responsive[b-kqysaer1hl] {
        font-size: 0.85rem;
    }
    
    .overdue-task-card[b-kqysaer1hl],
    .team-member-metric[b-kqysaer1hl] {
        padding: 1rem;
    }
}

/* Table Responsive */
.table-responsive[b-kqysaer1hl] {
    border-radius: 8px;
}

.table-responsive table[b-kqysaer1hl] {
    min-width: 700px;
}

/* Link Styles */
a.text-decoration-none[b-kqysaer1hl] {
    color: #007bff;
    transition: color 0.2s ease;
}

a.text-decoration-none:hover[b-kqysaer1hl] {
    color: #0056b3;
    text-decoration: underline !important;
}

/* Progress Bar Colors */
.progress-bar.bg-success[b-kqysaer1hl] {
    background-color: #28a745 !important;
}

.progress-bar.bg-warning[b-kqysaer1hl] {
    background-color: #ffc107 !important;
}

.progress-bar.bg-danger[b-kqysaer1hl] {
    background-color: #dc3545 !important;
}

/* Animation */
.overdue-task-card[b-kqysaer1hl],
.team-member-metric[b-kqysaer1hl] {
    animation: fadeIn-b-kqysaer1hl 0.3s ease-out;
}

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

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .planning-health-page[b-kqysaer1hl] {
        color: #f8f9fa;
    }
    
    .card[b-kqysaer1hl] {
        background-color: #343a40;
        border-color: #495057;
    }
    
    .card-header[b-kqysaer1hl] {
        background-color: #495057 !important;
        border-color: #6c757d !important;
    }
    
    .table[b-kqysaer1hl] {
        color: #f8f9fa;
    }
    
    .table th[b-kqysaer1hl] {
        background-color: #495057;
        color: #f8f9fa;
        border-color: #6c757d;
    }
    
    .table td[b-kqysaer1hl] {
        border-color: #495057;
    }
    
    .table tbody tr:hover[b-kqysaer1hl] {
        background-color: #495057;
    }
    
    .overdue-task-card[b-kqysaer1hl],
    .team-member-metric[b-kqysaer1hl] {
        background-color: #343a40;
        border-color: #495057;
    }
    
    .member-avatar[b-kqysaer1hl] {
        background-color: #495057;
        color: #adb5bd;
    }
    
    .form-select[b-kqysaer1hl] {
        background-color: #495057;
        border-color: #6c757d;
        color: #f8f9fa;
    }
}

/* Print Styles */
@media print {
    .header-actions[b-kqysaer1hl],
    .filters-section[b-kqysaer1hl] {
        display: none;
    }
    
    .planning-health-page[b-kqysaer1hl] {
        padding: 0;
    }
    
    .card[b-kqysaer1hl] {
        page-break-inside: avoid;
        border: 1px solid #000;
        box-shadow: none;
    }
    
    .btn[b-kqysaer1hl] {
        display: none;
    }
}
/* _content/SoloPilot/Pages/Projects/ProjectCreate.razor.rz.scp.css */
/* Project Creation Page Styling */

.project-create-container[b-aj4j0l89j4] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem;
    animation: fadeIn-b-aj4j0l89j4 0.4s ease-out;
}

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

/* Page Header */
.page-header[b-aj4j0l89j4] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

.page-header h1[b-aj4j0l89j4] {
    color: #212529;
    font-weight: 600;
}

/* Progress Steps */
.creation-progress[b-aj4j0l89j4] {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.steps-container[b-aj4j0l89j4] {
    display: flex;
    align-items: center;
    max-width: 600px;
    width: 100%;
}

.step[b-aj4j0l89j4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    position: relative;
}

.step-number[b-aj4j0l89j4] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.9rem;
    background-color: #e9ecef;
    color: #6c757d;
    border: 2px solid #e9ecef;
    transition: all 0.3s ease;
    margin-bottom: 0.5rem;
}

.step.active .step-number[b-aj4j0l89j4] {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

.step.completed .step-number[b-aj4j0l89j4] {
    background-color: #28a745;
    color: white;
    border-color: #28a745;
}

.step-label[b-aj4j0l89j4] {
    font-size: 0.85rem;
    color: #6c757d;
    font-weight: 500;
}

.step.active .step-label[b-aj4j0l89j4] {
    color: #007bff;
    font-weight: 600;
}

.step.completed .step-label[b-aj4j0l89j4] {
    color: #28a745;
    font-weight: 600;
}

.step-connector[b-aj4j0l89j4] {
    height: 2px;
    background-color: #e9ecef;
    flex: 1;
    margin: 0 1rem;
    margin-bottom: 1.5rem;
    transition: background-color 0.3s ease;
}

.step-connector.completed[b-aj4j0l89j4] {
    background-color: #28a745;
}

/* Step Content */
.step-content[b-aj4j0l89j4] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.step-panel[b-aj4j0l89j4] {
    padding: 2rem;
}

.step-header[b-aj4j0l89j4] {
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
}

.step-header h3[b-aj4j0l89j4] {
    color: #212529;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.step-header p[b-aj4j0l89j4] {
    margin-bottom: 0;
    font-size: 0.9rem;
}

/* Form Sections */
.form-sections[b-aj4j0l89j4] {
    margin-bottom: 2rem;
}

.section-container[b-aj4j0l89j4] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

/* section-title styles now handled globally */

/* Assignment Options */
.assignment-options[b-aj4j0l89j4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.option-card[b-aj4j0l89j4] {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 1.5rem;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.option-card:hover[b-aj4j0l89j4] {
    border-color: #007bff;
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.1);
    transform: translateY(-2px);
}

.option-card.selected[b-aj4j0l89j4] {
    border-color: #007bff;
    background-color: #f8f9ff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2);
}

.option-card.selected[b-aj4j0l89j4]::after {
    content: '✓';
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 24px;
    height: 24px;
    background-color: #007bff;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: bold;
}

.option-header[b-aj4j0l89j4] {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.option-header i[b-aj4j0l89j4] {
    font-size: 1.2rem;
    color: #007bff;
    margin-right: 0.5rem;
}

.option-header h5[b-aj4j0l89j4] {
    margin: 0;
    color: #212529;
    font-weight: 600;
}

.option-card p[b-aj4j0l89j4] {
    margin: 0;
    color: #6c757d;
    font-size: 0.9rem;
    line-height: 1.4;
}

/* Assignment Details */
.assignment-details[b-aj4j0l89j4] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1.5rem;
    margin-top: 1.5rem;
}

.assignment-details h6[b-aj4j0l89j4] {
    color: #495057;
    font-weight: 600;
    margin-bottom: 1rem;
}

/* Candidates List */
.candidates-list[b-aj4j0l89j4] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 0.5rem;
    background: white;
}

.candidate-item[b-aj4j0l89j4] {
    padding: 0.75rem;
    border-bottom: 1px solid #f1f3f4;
}

.candidate-item:last-child[b-aj4j0l89j4] {
    border-bottom: none;
}

.candidate-info[b-aj4j0l89j4] {
    display: flex;
    flex-direction: column;
}

.candidate-info strong[b-aj4j0l89j4] {
    color: #212529;
    font-size: 0.9rem;
}

.candidate-info span[b-aj4j0l89j4] {
    font-size: 0.8rem;
    color: #6c757d;
}

/* Confirmation Summary */
.confirmation-summary[b-aj4j0l89j4] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.summary-section[b-aj4j0l89j4] {
    margin-bottom: 1.5rem;
}

.summary-section:last-child[b-aj4j0l89j4] {
    margin-bottom: 0;
}

.summary-section h6[b-aj4j0l89j4] {
    color: #495057;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #dee2e6;
}

.summary-grid[b-aj4j0l89j4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.summary-item[b-aj4j0l89j4] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.summary-item strong[b-aj4j0l89j4] {
    color: #495057;
    font-size: 0.85rem;
    font-weight: 600;
}

.summary-item span[b-aj4j0l89j4] {
    color: #212529;
    font-size: 0.9rem;
}

.assignment-summary[b-aj4j0l89j4] {
    background: white;
    border-radius: 4px;
    padding: 1rem;
    border: 1px solid #dee2e6;
}

.assignment-mode[b-aj4j0l89j4] {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
}

.assignment-mode i[b-aj4j0l89j4] {
    font-size: 1.1rem;
    color: #007bff;
    margin-right: 0.5rem;
}

.assignment-mode strong[b-aj4j0l89j4] {
    color: #212529;
    font-weight: 600;
}

.assignment-details[b-aj4j0l89j4] {
    font-size: 0.9rem;
    color: #6c757d;
}

.assignment-details > div[b-aj4j0l89j4] {
    margin-bottom: 0.25rem;
}

.candidates-preview[b-aj4j0l89j4] {
    font-style: italic;
    color: #495057;
}

/* Step Actions */
.step-actions[b-aj4j0l89j4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.5rem;
    border-top: 1px solid #e9ecef;
}

.step-actions .btn[b-aj4j0l89j4] {
    min-width: 120px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.step-actions .btn:disabled[b-aj4j0l89j4] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Loading and Error States */
.alert[b-aj4j0l89j4] {
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.alert i[b-aj4j0l89j4] {
    margin-right: 0.5rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .project-create-container[b-aj4j0l89j4] {
        padding: 0.5rem;
    }
    
    .step-panel[b-aj4j0l89j4] {
        padding: 1rem;
    }
    
    .steps-container[b-aj4j0l89j4] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .step-connector[b-aj4j0l89j4] {
        display: none;
    }
    
    .assignment-options[b-aj4j0l89j4] {
        grid-template-columns: 1fr;
    }
    
    .summary-grid[b-aj4j0l89j4] {
        grid-template-columns: 1fr;
    }
    
    .step-actions[b-aj4j0l89j4] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .step-actions .btn[b-aj4j0l89j4] {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .page-header h1[b-aj4j0l89j4] {
        font-size: 1.5rem;
    }
    
    .step-header h3[b-aj4j0l89j4] {
        font-size: 1.25rem;
    }
    
    .option-card[b-aj4j0l89j4] {
        padding: 1rem;
    }
    
    .assignment-details[b-aj4j0l89j4] {
        padding: 1rem;
    }
    
    .confirmation-summary[b-aj4j0l89j4] {
        padding: 1rem;
    }
} 
/* _content/SoloPilot/Pages/Projects/ProjectDetails.razor.rz.scp.css */
.project-details-page[b-sp5npeoy6i] {
    min-height: 100vh;
    background-color: #f8f9fa;
}

/* Header Section */
.project-header[b-sp5npeoy6i] {
    background: white;
    border-bottom: 1px solid #dee2e6;
    padding: 1.5rem 2rem;
    margin-bottom: 2rem;
}

.project-header-content[b-sp5npeoy6i] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1200px;
    margin: 0 auto;
}

.project-header-main[b-sp5npeoy6i] {
    flex: 1;
}

.project-header-info[b-sp5npeoy6i] {
    margin-top: 1rem;
}

.client-name[b-sp5npeoy6i] {
    font-size: 0.875rem;
    color: #6c757d;
    margin: 0;
    font-weight: 500;
}

.project-title[b-sp5npeoy6i] {
    font-size: 1.75rem;
    color: #212529;
    margin: 0.25rem 0 0.75rem 0;
    font-weight: 600;
}

.project-meta[b-sp5npeoy6i] {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.project-sponsor[b-sp5npeoy6i],
.project-manager[b-sp5npeoy6i],
.project-dates[b-sp5npeoy6i] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
    color: #495057;
}

.project-sponsor i[b-sp5npeoy6i],
.project-manager i[b-sp5npeoy6i],
.project-dates i[b-sp5npeoy6i] {
    color: #6c757d;
}

.project-header-actions[b-sp5npeoy6i] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

/* Content Section */
.project-content[b-sp5npeoy6i] {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

.content-main[b-sp5npeoy6i] {
    min-width: 0; /* Prevent overflow */
}

.content-sidebar[b-sp5npeoy6i] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Form Sections */
.content-section[b-sp5npeoy6i] {
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border: 1px solid #e9ecef;
}

/* section-title styles now handled globally */

.section-content[b-sp5npeoy6i] {
    margin-top: 1rem;
}

/* Info Display */
.info-grid[b-sp5npeoy6i] {
    display: grid;
    gap: 1rem;
}

.info-item[b-sp5npeoy6i] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.info-item label[b-sp5npeoy6i] {
    font-size: 0.875rem;
    color: #6c757d;
    font-weight: 500;
    margin: 0;
}

.info-value[b-sp5npeoy6i] {
    color: #212529;
    font-size: 0.9375rem;
    line-height: 1.4;
}

/* Tabbed Interface */
.tabbed-interface[b-sp5npeoy6i] {
    background: white;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    overflow: hidden;
}

.tab-headers[b-sp5npeoy6i] {
    display: flex;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
}

.tab-header[b-sp5npeoy6i] {
    flex: 1;
    background: none;
    border: none;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #6c757d;
    transition: all 0.2s;
    cursor: pointer;
    border-bottom: 3px solid transparent;
}

.tab-header:hover[b-sp5npeoy6i] {
    background: #e9ecef;
    color: #495057;
}

.tab-header.active[b-sp5npeoy6i] {
    background: white;
    color: #007bff;
    border-bottom-color: #007bff;
}

.tab-count[b-sp5npeoy6i] {
    background: #6c757d;
    color: white;
    border-radius: 12px;
    padding: 0.125rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    min-width: 1.5rem;
    text-align: center;
}

.tab-header.active .tab-count[b-sp5npeoy6i] {
    background: #007bff;
}

.tab-content[b-sp5npeoy6i] {
    min-height: 400px;
}

.tab-pane[b-sp5npeoy6i] {
    display: none;
}

.tab-pane.active[b-sp5npeoy6i] {
    display: block;
}

.tab-pane-content[b-sp5npeoy6i] {
    padding: 1.5rem;
}

/* Sidebar */
.sidebar-section[b-sp5npeoy6i] {
    background: white;
    border-radius: 8px;
    padding: 1.25rem;
    border: 1px solid #e9ecef;
}

.sidebar-title[b-sp5npeoy6i] {
    font-size: 1rem;
    color: #212529;
    margin: 0 0 1rem 0;
    font-weight: 600;
}

.sidebar-content[b-sp5npeoy6i] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.info-row[b-sp5npeoy6i] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f3f4;
}

.info-row:last-child[b-sp5npeoy6i] {
    border-bottom: none;
}

.info-label[b-sp5npeoy6i] {
    font-size: 0.875rem;
    color: #6c757d;
    font-weight: 500;
    flex-shrink: 0;
}

.info-text[b-sp5npeoy6i] {
    color: #212529;
    font-size: 0.875rem;
    text-align: right;
    word-break: break-word;
}

/* Quick Metrics */
.metric-item[b-sp5npeoy6i] {
    text-align: center;
    padding: 0.75rem;
    border-radius: 6px;
    background: #f8f9fa;
}

.metric-value[b-sp5npeoy6i] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #007bff;
    margin-bottom: 0.25rem;
}

.metric-label[b-sp5npeoy6i] {
    font-size: 0.75rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}

/* Quick Actions */
.quick-actions[b-sp5npeoy6i] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.quick-action-btn[b-sp5npeoy6i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
    padding: 0.75rem;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    color: #495057;
    text-decoration: none;
    transition: all 0.2s;
    cursor: pointer;
    font-size: 0.75rem;
}

.quick-action-btn:hover[b-sp5npeoy6i] {
    background: #e9ecef;
    border-color: #007bff;
    color: #007bff;
    text-decoration: none;
}

.quick-action-btn i[b-sp5npeoy6i] {
    font-size: 1rem;
}

/* Form Actions */
.form-actions[b-sp5npeoy6i] {
    display: flex;
    gap: 0.75rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e9ecef;
    margin-top: 1.5rem;
}

/* Responsive Design */
@media (max-width: 992px) {
    .project-content[b-sp5npeoy6i] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .content-sidebar[b-sp5npeoy6i] {
        order: -1;
    }
    
    .project-header[b-sp5npeoy6i] {
        padding: 1rem;
    }
    
    .project-header-content[b-sp5npeoy6i] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .project-meta[b-sp5npeoy6i] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .tab-headers[b-sp5npeoy6i] {
        flex-wrap: wrap;
    }
    
    .tab-header[b-sp5npeoy6i] {
        flex: 1 1 auto;
        min-width: 120px;
    }
    
    .quick-actions[b-sp5npeoy6i] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .project-content[b-sp5npeoy6i] {
        padding: 0 1rem;
    }
    
    .project-header[b-sp5npeoy6i] {
        padding: 1rem;
    }
    
    .project-title[b-sp5npeoy6i] {
        font-size: 1.5rem;
    }
    
    .content-section[b-sp5npeoy6i] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .sidebar-section[b-sp5npeoy6i] {
        padding: 1rem;
    }
    
    .tab-header[b-sp5npeoy6i] {
        padding: 0.75rem 0.5rem;
        font-size: 0.875rem;
    }
    
    .tab-header span:not(.tab-count)[b-sp5npeoy6i] {
        display: none;
    }
}
/* _content/SoloPilot/Pages/Projects/ProjectsListPage.razor.rz.scp.css */
/* Projects Page Specific Styling */

/* Container Override - Remove Bootstrap padding */
.projects-page.container-fluid[b-s2su14sn06] {
    padding-left: 0;
    padding-right: 0;
}

/* Full Width Layout Overrides */

.projects-page .section-frame:last-child[b-s2su14sn06] {
    margin-bottom: 0;
}

.projects-page .table-responsive[b-s2su14sn06] {
    width: 100%;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

.projects-page .project-list-table[b-s2su14sn06] {
    width: 100%;
    margin-bottom: 0;
}

.projects-page .project-list-table thead th:first-child[b-s2su14sn06] {
    padding-left: 20px;
}

.projects-page .project-list-table thead th:last-child[b-s2su14sn06] {
    padding-right: 20px;
}

.projects-page .project-list-table tbody td:first-child[b-s2su14sn06] {
    padding-left: 20px;
}

.projects-page .project-list-table tbody td:last-child[b-s2su14sn06] {
    padding-right: 20px;
}

/* Section Content Padding */
.projects-page .section-content[b-s2su14sn06] {
    padding: 20px;
}

/* Table Section - Full Width */
.projects-page .table-section[b-s2su14sn06] {
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.projects-page .table-section .table-responsive[b-s2su14sn06] {
    border-radius: 8px;
    overflow: hidden;
}

/* Enhanced project list styling */
.table-page[b-s2su14sn06] {
    animation: pageSlideIn-b-s2su14sn06 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes pageSlideIn-b-s2su14sn06 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

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

.summary-card[b-s2su14sn06] {
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 150ms ease-out;
}

.summary-card:hover[b-s2su14sn06] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.summary-card.active[b-s2su14sn06] {
    border-left: 4px solid #10B981;
}

.summary-card.planning[b-s2su14sn06] {
    border-left: 4px solid #3B82F6;
}

.summary-card.completed[b-s2su14sn06] {
    border-left: 4px solid #8B5CF6;
}

.summary-card.total[b-s2su14sn06] {
    border-left: 4px solid #6B7280;
}

.summary-card .card-value[b-s2su14sn06] {
    font-size: 2rem;
    font-weight: 700;
    color: #1F2937;
    margin-bottom: 0.5rem;
}

.summary-card .card-label[b-s2su14sn06] {
    font-size: 0.875rem;
    color: #6B7280;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.5px;
}

/* Filter Bar */
.filter-bar[b-s2su14sn06] {
    background: #F9FAFB;
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid #E5E7EB;
}

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

.filter-group label[b-s2su14sn06] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0;
}

.filter-group .form-select[b-s2su14sn06] {
    min-width: 150px;
    font-size: 0.875rem;
}

/* Grid View */
.projects-grid[b-s2su14sn06] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.project-card[b-s2su14sn06] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    border: 1px solid #E5E7EB;
    transition: all 150ms ease-out;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.project-card:hover[b-s2su14sn06] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    border-color: #3B82F6;
}

.project-card.federated[b-s2su14sn06] {
    border-left: 4px solid #F59E0B;
}

.project-card-header[b-s2su14sn06] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.project-title[b-s2su14sn06] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1F2937;
    line-height: 1.4;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.project-card-body[b-s2su14sn06] {
    margin-bottom: 1rem;
}

.project-meta[b-s2su14sn06] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.meta-item[b-s2su14sn06] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #6B7280;
}

.meta-item i[b-s2su14sn06] {
    width: 16px;
    flex-shrink: 0;
}

.project-description[b-s2su14sn06] {
    font-size: 0.875rem;
    color: #6B7280;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.project-card-footer[b-s2su14sn06] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid #F3F4F6;
}

.project-progress[b-s2su14sn06] {
    flex: 1;
    margin-right: 1rem;
}

.project-actions[b-s2su14sn06] {
    display: flex;
    gap: 0.5rem;
}

/* List View Enhancements */
.project-name-cell[b-s2su14sn06] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.project-link[b-s2su14sn06] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
    color: #3B82F6;
    text-decoration: none;
    font-weight: 500;
}

.project-link:hover[b-s2su14sn06] {
    transform: translateX(2px);
    color: #2563EB;
}

.user-cell[b-s2su14sn06] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.user-cell i[b-s2su14sn06] {
    width: 16px;
    color: #6B7280;
}

.client-cell[b-s2su14sn06] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.client-cell i[b-s2su14sn06] {
    width: 16px;
    color: #6B7280;
}

.timeline-cell[b-s2su14sn06] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.timeline-cell i[b-s2su14sn06] {
    width: 16px;
    color: #6B7280;
}

.status-column[b-s2su14sn06] {
    text-align: center;
}

.progress-column[b-s2su14sn06] {
    min-width: 120px;
}

.actions-column[b-s2su14sn06] {
    text-align: center;
    width: 100px;
}

.action-buttons[b-s2su14sn06] {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
}

/* Enhanced federation badge for projects */
.project-link + .federation-badge[b-s2su14sn06] {
    animation: badgeSlideIn-b-s2su14sn06 250ms cubic-bezier(0.4, 0, 0.2, 1) 100ms both;
}

@keyframes badgeSlideIn-b-s2su14sn06 {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Project status badges */
.project-status-badge[b-s2su14sn06] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.project-status-badge[b-s2su14sn06]::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.status-planning[b-s2su14sn06] {
    background: #EFF6FF;
    color: #3B82F6;
}

.status-active[b-s2su14sn06] {
    background: #F0FDF4;
    color: #10B981;
}

.status-hold[b-s2su14sn06] {
    background: #FFFBEB;
    color: #F59E0B;
}

.status-completed[b-s2su14sn06] {
    background: #F3E8FF;
    color: #8B5CF6;
}

.status-cancelled[b-s2su14sn06] {
    background: #FEF2F2;
    color: #EF4444;
}

.status-unknown[b-s2su14sn06] {
    background: #F3F4F6;
    color: #6B7280;
}

/* Progress Bar Styles */
.project-progress-container[b-s2su14sn06] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.progress-bar-wrapper[b-s2su14sn06] {
    flex: 1;
    min-width: 80px;
}

.progress-text[b-s2su14sn06] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #445566;
    min-width: 30px;
    text-align: right;
}

/* Empty State */
.empty-state[b-s2su14sn06] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6B7280;
}

.empty-state i[b-s2su14sn06] {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #D1D5DB;
}

.empty-state h4[b-s2su14sn06] {
    color: #374151;
    margin-bottom: 0.5rem;
}

.empty-state p[b-s2su14sn06] {
    margin-bottom: 1.5rem;
}

/* Table row hover enhancements for projects */
.table tbody tr:hover .project-link[b-s2su14sn06] {
    color: #2563EB;
}

.table tbody tr:hover .project-status-badge[b-s2su14sn06] {
    transform: scale(1.02);
}

/* Results Info */
.results-info[b-s2su14sn06] {
    font-size: 0.875rem;
    color: #6B7280;
}

/* Responsive Design */
@media (max-width: 768px) {
    .project-summary-cards[b-s2su14sn06] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .filter-bar .d-flex[b-s2su14sn06] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .filter-group[b-s2su14sn06] {
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
    }
    
    .filter-group label[b-s2su14sn06] {
        min-width: 60px;
    }
    
    .projects-grid[b-s2su14sn06] {
        grid-template-columns: 1fr;
    }
    
    .project-card-header[b-s2su14sn06] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .project-meta[b-s2su14sn06] {
        flex-direction: column;
    }
    
    .project-card-footer[b-s2su14sn06] {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .project-progress[b-s2su14sn06] {
        margin-right: 0;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .project-summary-cards[b-s2su14sn06] {
        grid-template-columns: 1fr;
    }
    
    .summary-card[b-s2su14sn06] {
        padding: 1rem;
    }
    
    .summary-card .card-value[b-s2su14sn06] {
        font-size: 1.5rem;
    }
}
/* _content/SoloPilot/Pages/Projects/ViewPageTabbedEntities.razor.rz.scp.css */
/* ViewPage Tabbed Entities Component Styles */

/* Main container inherits section-frame styles */
.viewpage-tabbed-entities[b-u9eatvdsjf] {
    /* Section frame provides base styling */
    position: relative;
}

/* Tab Navigation Styles */
.viewpage-tabs-navigation[b-u9eatvdsjf] {
    position: relative;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #E2E8F0;
}

.viewpage-tabs-scroll-container[b-u9eatvdsjf] {
    display: flex;
    align-items: center;
    position: relative;
}

.viewpage-tabs-scroll-area[b-u9eatvdsjf] {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.viewpage-tabs-nav[b-u9eatvdsjf] {
    display: flex;
    gap: 0.25rem;
    padding: 0.5rem 0;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer/Edge */
}

.viewpage-tabs-nav[b-u9eatvdsjf]::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

/* Individual Tab Button Styles */
.viewpage-tab[b-u9eatvdsjf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px 8px 0 0;
    font-weight: 500;
    font-size: 0.9rem;
    color: #64748B;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    min-width: fit-content;
}

.viewpage-tab:hover[b-u9eatvdsjf] {
    background: #F8FAFC;
    color: #334155;
    border-color: #E2E8F0;
}

.viewpage-tab:focus[b-u9eatvdsjf] {
    outline: 2px solid #3B82F6;
    outline-offset: -2px;
    z-index: 1;
}

.viewpage-tab:focus:not(:focus-visible)[b-u9eatvdsjf] {
    outline: none;
}

.viewpage-tab:focus-visible[b-u9eatvdsjf] {
    outline: 2px solid #3B82F6;
    outline-offset: -2px;
    z-index: 1;
}

.viewpage-tab.active[b-u9eatvdsjf] {
    background: #FFFFFF;
    color: #3B82F6;
    border-color: #E2E8F0;
    border-bottom-color: #FFFFFF;
    font-weight: 600;
    position: relative;
    z-index: 2;
}

.viewpage-tab.active[b-u9eatvdsjf]::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background: #3B82F6;
    border-radius: 1px 1px 0 0;
}

/* Tab Label and Count */
.viewpage-tab-label[b-u9eatvdsjf] {
    font-size: inherit;
    font-weight: inherit;
}

.viewpage-tab-count[b-u9eatvdsjf] {
    font-size: 0.8rem;
    color: #64748B;
    font-weight: 500;
    background: #F1F5F9;
    padding: 0.125rem 0.375rem;
    border-radius: 12px;
    min-width: 24px;
    text-align: center;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.viewpage-tab.active .viewpage-tab-count[b-u9eatvdsjf] {
    background: #EBF4FF;
    color: #3B82F6;
}

/* Tab Scroll Controls */
.viewpage-tabs-controls[b-u9eatvdsjf] {
    display: flex;
    gap: 0.25rem;
    margin-left: 0.5rem;
    flex-shrink: 0;
}

.viewpage-tab-scroll-btn[b-u9eatvdsjf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    color: #64748B;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.viewpage-tab-scroll-btn:hover:not(:disabled)[b-u9eatvdsjf] {
    background: #F1F5F9;
    color: #334155;
    border-color: #CBD5E1;
}

.viewpage-tab-scroll-btn:focus[b-u9eatvdsjf] {
    outline: 2px solid #3B82F6;
    outline-offset: 2px;
}

.viewpage-tab-scroll-btn:disabled[b-u9eatvdsjf] {
    opacity: 0.4;
    cursor: not-allowed;
}

.viewpage-tab-scroll-btn i[b-u9eatvdsjf] {
    font-size: 0.8rem;
}

/* Tab Content Area */
.viewpage-tabs-content[b-u9eatvdsjf] {
    position: relative;
    min-height: 200px;
}

.viewpage-tab-panel[b-u9eatvdsjf] {
    display: none;
    animation: fadeIn-b-u9eatvdsjf 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.viewpage-tab-panel.active[b-u9eatvdsjf] {
    display: block;
}

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

/* Tab Content Header */
.viewpage-tab-content-header[b-u9eatvdsjf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #F1F5F9;
}

.content-summary h3[b-u9eatvdsjf] {
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1E293B;
}

.content-summary-text[b-u9eatvdsjf] {
    margin: 0;
    color: #64748B;
    font-size: 0.9rem;
}

.content-actions[b-u9eatvdsjf] {
    flex-shrink: 0;
    margin-left: 1rem;
}

.content-actions .btn[b-u9eatvdsjf] {
    padding: 0.75rem 1.25rem;
    font-weight: 500;
    border-radius: 8px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.content-actions .btn-primary[b-u9eatvdsjf] {
    background: linear-gradient(135deg, #3B82F6, #2563EB);
    border: none;
    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2);
}

.content-actions .btn-primary:hover[b-u9eatvdsjf] {
    background: linear-gradient(135deg, #2563EB, #1D4ED8);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

/* Tab Content Body */
.viewpage-tab-content[b-u9eatvdsjf] {
    /* Content will be provided by individual tab components */
    min-height: 100px;
}

/* Loading State */
.viewpage-tab-loading[b-u9eatvdsjf] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    color: #64748B;
    font-size: 0.9rem;
}

.viewpage-tab-loading .spinner-border-sm[b-u9eatvdsjf] {
    width: 1rem;
    height: 1rem;
}

/* Responsive Design */

/* Desktop (≥1200px) - Default styles above */

/* Tablet (768px-1199px) */
@media (max-width: 1199px) {
    .viewpage-tab[b-u9eatvdsjf] {
        padding: 0.625rem 0.875rem;
        font-size: 0.875rem;
    }
    
    .viewpage-tab-count[b-u9eatvdsjf] {
        font-size: 0.75rem;
        padding: 0.125rem 0.3125rem;
    }
    
    .viewpage-tabs-controls[b-u9eatvdsjf] {
        margin-left: 0.375rem;
    }
    
    .viewpage-tab-content-header[b-u9eatvdsjf] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .content-actions[b-u9eatvdsjf] {
        margin-left: 0;
        width: 100%;
    }
    
    .content-actions .btn[b-u9eatvdsjf] {
        width: 100%;
        justify-content: center;
    }
}

/* Mobile (≤767px) */
@media (max-width: 767px) {
    .viewpage-tabs-navigation[b-u9eatvdsjf] {
        margin-bottom: 1rem;
    }
    
    .viewpage-tab[b-u9eatvdsjf] {
        padding: 0.5rem 0.75rem;
        font-size: 0.8rem;
        min-width: auto;
    }
    
    .viewpage-tab-label[b-u9eatvdsjf] {
        display: none; /* Show only counts on mobile */
    }
    
    .viewpage-tab-count[b-u9eatvdsjf] {
        font-size: 0.7rem;
        min-width: 20px;
        padding: 0.125rem 0.25rem;
    }
    
    /* Show full labels on active tab */
    .viewpage-tab.active .viewpage-tab-label[b-u9eatvdsjf] {
        display: inline;
    }
    
    .viewpage-tab-scroll-btn[b-u9eatvdsjf] {
        width: 28px;
        height: 28px;
    }
    
    .viewpage-tab-scroll-btn i[b-u9eatvdsjf] {
        font-size: 0.7rem;
    }
    
    .viewpage-tab-content-header[b-u9eatvdsjf] {
        margin-bottom: 1rem;
        padding-bottom: 0.75rem;
    }
    
    .content-summary h3[b-u9eatvdsjf] {
        font-size: 1.125rem;
    }
    
    .content-summary-text[b-u9eatvdsjf] {
        font-size: 0.8rem;
    }
    
    .content-actions .btn[b-u9eatvdsjf] {
        padding: 0.625rem 1rem;
        font-size: 0.875rem;
    }
    
    /* Make tabs swipeable on touch devices */
    .viewpage-tabs-nav[b-u9eatvdsjf] {
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }
    
    .viewpage-tab[b-u9eatvdsjf] {
        scroll-snap-align: start;
    }
}

/* Extra small screens (≤480px) */
@media (max-width: 480px) {
    .viewpage-tabbed-entities[b-u9eatvdsjf] {
        padding: 1rem;
    }
    
    .viewpage-tab[b-u9eatvdsjf] {
        padding: 0.4375rem 0.625rem;
        font-size: 0.75rem;
    }
    
    .viewpage-tab-count[b-u9eatvdsjf] {
        font-size: 0.65rem;
        min-width: 18px;
        padding: 0.0625rem 0.1875rem;
    }
    
    .content-summary h3[b-u9eatvdsjf] {
        font-size: 1rem;
    }
    
    .content-actions .btn[b-u9eatvdsjf] {
        padding: 0.5rem 0.875rem;
        font-size: 0.8rem;
    }
}

/* Accessibility Enhancements */

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .viewpage-tab[b-u9eatvdsjf],
    .viewpage-tab-count[b-u9eatvdsjf],
    .viewpage-tab-scroll-btn[b-u9eatvdsjf],
    .content-actions .btn[b-u9eatvdsjf] {
        transition: none;
    }
    
    .viewpage-tab-panel[b-u9eatvdsjf] {
        animation: none;
    }
    
    .viewpage-tabs-nav[b-u9eatvdsjf] {
        scroll-behavior: auto;
    }
    
    .content-actions .btn-primary:hover[b-u9eatvdsjf] {
        transform: none;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .viewpage-tab[b-u9eatvdsjf] {
        border-color: #000000;
    }
    
    .viewpage-tab.active[b-u9eatvdsjf] {
        background: #FFFFFF;
        border-color: #000000;
        color: #000000;
    }
    
    .viewpage-tab.active[b-u9eatvdsjf]::after {
        background: #000000;
    }
    
    .viewpage-tab-count[b-u9eatvdsjf] {
        background: #FFFFFF;
        border: 1px solid #000000;
        color: #000000;
    }
    
    .viewpage-tab-scroll-btn[b-u9eatvdsjf] {
        border-color: #000000;
        background: #FFFFFF;
        color: #000000;
    }
    
    .content-actions .btn-primary[b-u9eatvdsjf] {
        background: #000000;
        border: 1px solid #000000;
    }
}

/* Focus indicators for better accessibility */
.viewpage-tab:focus-visible[b-u9eatvdsjf] {
    outline: 2px solid #3B82F6;
    outline-offset: 2px;
}

.viewpage-tab-scroll-btn:focus-visible[b-u9eatvdsjf] {
    outline: 2px solid #3B82F6;
    outline-offset: 2px;
}

.content-actions .btn:focus-visible[b-u9eatvdsjf] {
    outline: 2px solid #3B82F6;
    outline-offset: 2px;
}

/* Loading spinner animation */
@keyframes spin-b-u9eatvdsjf {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.viewpage-tab-loading .spinner-border[b-u9eatvdsjf],
.viewpage-tab-loading .spinner-border-sm[b-u9eatvdsjf] {
    animation: spin-b-u9eatvdsjf 1s linear infinite;
}
/* _content/SoloPilot/Shared/AdminLayout.razor.rz.scp.css */
/* Admin Layout Styles */
.admin-page[b-qbk1c04wh6] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.admin-page .sidebar[b-qbk1c04wh6] {
    background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%);
    border-right: 2px solid #e74c3c;
}

.admin-header[b-qbk1c04wh6] {
    background: rgba(231, 76, 60, 0.95);
    color: white;
    display: flex;
    justify-content: between;
    align-items: center;
    padding: 1rem;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.admin-banner[b-qbk1c04wh6] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.admin-badge[b-qbk1c04wh6] {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.admin-badge i[b-qbk1c04wh6] {
    color: #ffd700;
}

.admin-context[b-qbk1c04wh6] {
    font-size: 0.9rem;
    opacity: 0.9;
    font-style: italic;
}

.admin-actions[b-qbk1c04wh6] {
    margin-left: auto;
}

.admin-nav[b-qbk1c04wh6] {
    background: linear-gradient(135deg, #c0392b 0%, #8e44ad 100%) !important;
}

.admin-nav .navbar-brand[b-qbk1c04wh6] {
    color: white !important;
    font-weight: bold;
    font-size: 1.2rem;
}

.admin-nav .navbar-brand i[b-qbk1c04wh6] {
    color: #ffd700;
    margin-right: 0.5rem;
}

/* Navigation Sections */
.nav-section[b-qbk1c04wh6] {
    margin: 1rem 0;
}

.nav-section-header[b-qbk1c04wh6] {
    color: #bdc3c7;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #34495e;
    margin-bottom: 0.5rem;
}

.nav-item .nav-link[b-qbk1c04wh6] {
    color: #ecf0f1 !important;
    border-radius: 0.5rem;
    margin: 0.2rem 0.5rem;
    transition: all 0.3s ease;
}

.nav-item .nav-link:hover[b-qbk1c04wh6] {
    background: rgba(231, 76, 60, 0.2);
    color: white !important;
    transform: translateX(5px);
}

.nav-item .nav-link.active[b-qbk1c04wh6] {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    color: white !important;
    box-shadow: 0 2px 10px rgba(231, 76, 60, 0.3);
}

.nav-item .nav-link i[b-qbk1c04wh6] {
    width: 1.2rem;
    margin-right: 0.5rem;
    text-align: center;
}

/* Content Area */
.content[b-qbk1c04wh6] {
    background: white;
    min-height: calc(100vh - 3.5rem);
    border-radius: 1rem 1rem 0 0;
    margin-top: 1rem;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.1);
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .admin-header[b-qbk1c04wh6] {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }
    
    .admin-actions[b-qbk1c04wh6] {
        margin-left: 0;
    }
    
    .admin-context[b-qbk1c04wh6] {
        display: none;
    }
}
/* _content/SoloPilot/Shared/MainLayout.razor.rz.scp.css */
.page[b-su1ipt8ddz] {
    position: relative;
    display: flex;
    flex-direction: column;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: #F9FBFD;
}

main[b-su1ipt8ddz] {
    flex: 1;
}

.sidebar[b-su1ipt8ddz] {
    background-color: #FFFFFF;
    border-right: 1px solid #ECEFF3;
    box-shadow: 0 0 20px rgba(0,0,0,0.04);
    transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.top-row[b-su1ipt8ddz] {
    background-color: #FFFFFF;
    border-bottom: 1px solid #ECEFF3;
    justify-content: flex-end;
    height: 64px;
    display: flex;
    align-items: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

    .top-row[b-su1ipt8ddz]  a, .top-row .btn-link[b-su1ipt8ddz] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-su1ipt8ddz] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-su1ipt8ddz] {
        display: none;
    }

    .top-row.auth[b-su1ipt8ddz] {
        justify-content: space-between;
    }

    .top-row a[b-su1ipt8ddz], .top-row .btn-link[b-su1ipt8ddz] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-su1ipt8ddz] {
        flex-direction: row;
    }

    .sidebar[b-su1ipt8ddz] {
        width: 280px;
        height: 100vh;
        position: sticky;
        top: 0;
    }
    
    .sidebar.collapsed[b-su1ipt8ddz] {
        width: 64px;
    }

    .top-row[b-su1ipt8ddz] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-su1ipt8ddz], article[b-su1ipt8ddz] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* Settings Overlay and Modal Styling */
.settings-overlay[b-su1ipt8ddz] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(68, 85, 102, 0.7);
    backdrop-filter: blur(4px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: overlayFadeIn-b-su1ipt8ddz 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes overlayFadeIn-b-su1ipt8ddz {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.settings-modal[b-su1ipt8ddz] {
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    width: 90%;
    max-width: 480px;
    max-height: 80vh;
    overflow: hidden;
    animation: modalSlideIn-b-su1ipt8ddz 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes modalSlideIn-b-su1ipt8ddz {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.settings-header[b-su1ipt8ddz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    border-bottom: 1px solid #ECEFF3;
}

.settings-title[b-su1ipt8ddz] {
    font-size: 24px;
    font-weight: 700;
    color: #445566;
    margin: 0;
}

.btn-close[b-su1ipt8ddz] {
    background: none;
    border: none;
    padding: 8px;
    border-radius: 8px;
    color: #99A3B2;
    cursor: pointer;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-close:hover[b-su1ipt8ddz] {
    background-color: #F5F7FA;
    color: #445566;
}

/* Settings form styling */
.settings-modal .form-group[b-su1ipt8ddz] {
    padding: 0 24px;
}

.settings-modal .form-group:last-of-type[b-su1ipt8ddz] {
    padding-bottom: 24px;
}

.settings-modal .form-group label[b-su1ipt8ddz] {
    font-size: 14px;
    font-weight: 500;
    color: #445566;
    margin-bottom: 8px;
    display: block;
}

.settings-modal .form-control[b-su1ipt8ddz] {
    background: #FFFFFF;
    border: 1px solid #CCD3DC;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 14px;
    color: #445566;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.settings-modal .form-control:focus[b-su1ipt8ddz] {
    outline: none;
    border-color: #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.settings-modal .d-flex.justify-content-end[b-su1ipt8ddz] {
    padding: 0 24px 24px 24px;
    gap: 12px;
}

.settings-modal .btn[b-su1ipt8ddz] {
    border-radius: 12px;
    padding: 12px 20px;
    font-weight: 500;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.settings-modal .btn-primary[b-su1ipt8ddz] {
    background: #3B82F6;
    border: none;
    color: #FFFFFF;
}

.settings-modal .btn-primary:hover[b-su1ipt8ddz] {
    background: #2563EB;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.settings-modal .btn-secondary[b-su1ipt8ddz] {
    background: transparent;
    border: 1px solid #CCD3DC;
    color: #445566;
}

.settings-modal .btn-secondary:hover[b-su1ipt8ddz] {
    background: #F5F7FA;
    border-color: #A4D1FF;
}

.settings-backdrop[b-su1ipt8ddz] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
}
/* _content/SoloPilot/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-avzrwrh3zz] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-avzrwrh3zz] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-avzrwrh3zz] {
    font-size: 1.1rem;
}

.oi[b-avzrwrh3zz] {
    width: 20px;
    min-width: 20px;
    height: 20px;
    font-size: 16px;
    vertical-align: text-top;
    margin-right: 12px;
    flex-shrink: 0;
    opacity: 0.7;
    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-item[b-avzrwrh3zz]  a:hover .oi,
.nav-item[b-avzrwrh3zz]  a.active .oi {
    opacity: 1;
}

.nav-item[b-avzrwrh3zz] {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 4px;
    padding: 0 16px;
}

    .nav-item:first-of-type[b-avzrwrh3zz] {
        margin-top: 16px;
    }

    .nav-item:last-of-type[b-avzrwrh3zz] {
        margin-bottom: 16px;
    }

    .nav-item[b-avzrwrh3zz]  a {
        color: #445566;
        border-radius: 8px;
        min-height: 40px;
        display: flex;
        align-items: center;
        line-height: 1.4;
        padding: 8px 12px;
        text-decoration: none;
        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
        font-weight: 500;
        position: relative;
    }

.nav-item[b-avzrwrh3zz]  a.active {
    background-color: #D6ECFF;
    color: #3B82F6;
    font-weight: 600;
}

.nav-item[b-avzrwrh3zz]  a.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: #3B82F6;
    border-radius: 0 2px 2px 0;
}

.nav-item[b-avzrwrh3zz]  a:hover:not(.active) {
    background-color: #F5F7FA;
    color: #445566;
}

@media (min-width: 641px) {
    .navbar-toggler[b-avzrwrh3zz] {
        display: none;
    }

    .collapse[b-avzrwrh3zz] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-avzrwrh3zz] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
        padding-top: 0 !important;
    }
}

.nav-logo-container[b-avzrwrh3zz] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px;
    margin: 0;
}

.nav-logo[b-avzrwrh3zz] {
    max-height: 72px;
    width: auto;
    display: block;
}

.sidebar[b-avzrwrh3zz] {
    padding-top: 0 !important;
}

.nav-section-header[b-avzrwrh3zz] {
    padding: 16px 16px 8px 16px;
    margin-top: 16px;
}

.nav-section-header .text-muted[b-avzrwrh3zz] {
    color: #99A3B2 !important;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.nav-divider[b-avzrwrh3zz] {
    margin: 16px 24px;
    border-color: #ECEFF3;
    opacity: 1;
}

/* Better text wrapping for navigation items */
.nav-item[b-avzrwrh3zz]  a span:not(.oi) {
    flex: 1;
    overflow-wrap: break-word;
    word-break: break-word;
}