@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.3eliywa438.bundle.scp.css';

/* _content/MtmpProjectsPoc.Web/Components/ActivityRowEnhanced.razor.rz.scp.css */
/* ActivityRowEnhanced.razor.css - Medtronic Design System */

.activity-row[b-jcwaa9quoh] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 8px);
    padding: var(--spacing-xs, 4px) var(--spacing-sm, 8px);
    transition: background 150ms ease;
}

.activity-row:hover[b-jcwaa9quoh] {
    background: var(--neutral-fill-hover, #f0f0f0);
}

.activity-row.completed[b-jcwaa9quoh] {
    opacity: 0.7;
}

.activity-name[b-jcwaa9quoh] {
    flex: 1;
    font-size: 14px;
}

.activity-name.completed-text[b-jcwaa9quoh] {
    text-decoration: line-through;
    color: var(--neutral-foreground-hint, #666);
}

.activity-due-date[b-jcwaa9quoh] {
    font-size: 12px;
    color: var(--neutral-foreground-hint, #666);
    margin-left: auto;
}

.activity-due-date.overdue[b-jcwaa9quoh] {
    color: var(--error-foreground-rest, #d13438);
    font-weight: 600;
}

.activity-assigned[b-jcwaa9quoh] {
    font-size: 12px;
    color: var(--neutral-foreground-hint, #666);
    display: flex;
    align-items: center;
    gap: 4px;
}

.completed-info[b-jcwaa9quoh] {
    font-size: 11px;
    color: var(--success-foreground-rest, #107c10);
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: var(--spacing-sm, 8px);
}
/* _content/MtmpProjectsPoc.Web/Components/DynamicFieldsRenderer.razor.rz.scp.css */
.dynamic-fields-container[b-82mia2x4nm] {
    margin-bottom: 32px;
}

.fields-grid[b-82mia2x4nm] {
    display: grid;
    gap: 16px;
}

.fields-grid.two-columns[b-82mia2x4nm] {
    grid-template-columns: repeat(2, 1fr);
}

.fields-grid.three-columns[b-82mia2x4nm] {
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1366px) {
    .fields-grid.three-columns[b-82mia2x4nm] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1024px) {
    .fields-grid.two-columns[b-82mia2x4nm],
    .fields-grid.three-columns[b-82mia2x4nm] {
        grid-template-columns: 1fr;
    }
}

.field-group[b-82mia2x4nm] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.field-group label[b-82mia2x4nm] {
    font-size: 12px;
    font-weight: 600;
    color: #212529;
}

.field-group label.required[b-82mia2x4nm]::after {
    content: " *";
    color: #DC3545;
}

.field-group .help-text[b-82mia2x4nm] {
    font-size: 11px;
    color: #6C757D;
    margin-top: 2px;
}

.form-control[b-82mia2x4nm],
.form-select[b-82mia2x4nm] {
    padding: 8px 12px;
    border: 1px solid #CED4DA;
    border-radius: 4px;
    font-size: 14px;
    color: #212529;
    background-color: #FFFFFF;
    transition: border-color 150ms, box-shadow 150ms;
}

.form-control[b-82mia2x4nm]::placeholder {
    color: #6C757D;
    opacity: 1;
}

.form-select[b-82mia2x4nm] {
    color: #495057;
}

.form-control:focus[b-82mia2x4nm],
.form-select:focus[b-82mia2x4nm] {
    border-color: #0066CC;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
    background-color: #FFFFFF;
}

.form-control.is-valid[b-82mia2x4nm] {
    border-color: #28A745;
}

.form-control.is-invalid[b-82mia2x4nm] {
    border-color: #DC3545;
}

.info-banner[b-82mia2x4nm] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
    font-size: 13px;
}

.info-banner.info[b-82mia2x4nm] {
    background-color: #D1ECF1;
    color: #0C5460;
    border-left: 4px solid #17A2B8;
}

.info-banner.warning[b-82mia2x4nm] {
    background-color: #FFF3CD;
    color: #856404;
    border-left: 4px solid #FFC107;
}

.info-banner .icon[b-82mia2x4nm] {
    flex-shrink: 0;
    font-size: 16px;
}

.info-banner .message[b-82mia2x4nm] {
    flex-grow: 1;
}
/* _content/MtmpProjectsPoc.Web/Components/InlineValidationMessage.razor.rz.scp.css */
.validation-message[b-mw0lp7cy42] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
}

.validation-message .icon[b-mw0lp7cy42] {
    flex-shrink: 0;
}

.validation-message .text[b-mw0lp7cy42] {
    flex-grow: 1;
}

.validation-message.success[b-mw0lp7cy42] {
    color: #28A745;
}

.validation-message.error[b-mw0lp7cy42] {
    color: #DC3545;
}

.validation-message.warning[b-mw0lp7cy42] {
    color: #FFC107;
}

.validation-message.info[b-mw0lp7cy42] {
    color: #17A2B8;
}
/* _content/MtmpProjectsPoc.Web/Components/ProgressIndicator.razor.rz.scp.css */
.progress-indicator[b-uvmargic1r] {
    margin-bottom: 24px;
}

.progress-label[b-uvmargic1r] {
    font-size: 14px;
    font-weight: 600;
    color: #212529;
    margin-bottom: 8px;
}

.progress-bar-container[b-uvmargic1r] {
    width: 100%;
    height: 8px;
    background-color: #DEE2E6;
    border-radius: 4px;
    overflow: hidden;
}

.progress-bar[b-uvmargic1r] {
    height: 100%;
    background-color: #0066CC; /* Medtronic Blue */
    transition: width 300ms ease-in-out;
}
/* _content/MtmpProjectsPoc.Web/Components/TaskItemEnhanced.razor.rz.scp.css */
/* TaskItemEnhanced.razor.css - Medtronic Design System */

.task-item[b-olzfnbwxbr] {
    border-top: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
    padding: var(--spacing-sm, 8px) var(--spacing-md, 12px);
    transition: background 150ms ease;
}

.task-item:hover[b-olzfnbwxbr] {
    background: var(--neutral-fill-hover, #fafafa);
}

.task-item.completed[b-olzfnbwxbr] {
    background: var(--neutral-fill-subtle-rest, #f5f5f5);
    opacity: 0.8;
}

.task-header[b-olzfnbwxbr] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 8px);
    cursor: pointer;
}

.expand-icon[b-olzfnbwxbr] {
    font-size: 12px;
    color: var(--neutral-foreground-hint, #666);
    min-width: 16px;
    cursor: pointer;
}

.task-checkbox[b-olzfnbwxbr] {
    cursor: pointer;
}

.task-checkbox:disabled[b-olzfnbwxbr] {
    cursor: not-allowed;
}

.task-order[b-olzfnbwxbr] {
    font-size: 11px;
    color: var(--neutral-foreground-hint, #666);
    font-weight: 600;
    min-width: 30px;
}

.task-name[b-olzfnbwxbr] {
    font-weight: 500;
    flex: 1;
}

.task-name.completed-text[b-olzfnbwxbr] {
    text-decoration: line-through;
    color: var(--neutral-foreground-hint, #666);
}

.task-progress[b-olzfnbwxbr] {
    font-size: 12px;
    color: var(--neutral-foreground-hint, #666);
    margin-left: auto;
}

.task-progress-bar[b-olzfnbwxbr] {
    width: 100px;
    height: 4px;
}

.task-progress-bar .progress[b-olzfnbwxbr] {
    height: 4px;
    background-color: var(--neutral-fill-subtle-rest, #e9ecef);
}

.task-progress-bar .progress-bar[b-olzfnbwxbr] {
    transition: width 300ms ease;
}

.task-overdue[b-olzfnbwxbr] {
    font-size: 11px;
    color: var(--error-foreground-rest, #d13438);
    font-weight: 600;
    margin-left: var(--spacing-sm, 8px);
}

/* Activities Container */
.activities-container[b-olzfnbwxbr] {
    background: var(--neutral-fill-subtle-rest, #fafafa);
    padding: var(--spacing-sm, 8px) var(--spacing-md, 12px);
    padding-left: var(--spacing-xl, 32px);
    border-top: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
}
/* _content/MtmpProjectsPoc.Web/Components/TaskListEnhanced.razor.rz.scp.css */
/* TaskListEnhanced.razor.css - Medtronic Design System */

.task-list-container[b-zah2dg2zei] {
    max-height: 600px;
    overflow-y: auto;
    padding: var(--spacing-md, 12px);
    background: var(--neutral-fill-subtle-rest, #ffffff);
    border-radius: 4px;
}

.loading-state[b-zah2dg2zei],
.empty-state[b-zah2dg2zei] {
    text-align: center;
    padding: var(--spacing-xl, 32px);
    color: var(--neutral-foreground-hint, #666);
}

/* Phase Group */
.phase-group[b-zah2dg2zei] {
    border: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
    border-radius: 4px;
    margin-bottom: var(--spacing-md, 12px);
    overflow: hidden;
}

.phase-header[b-zah2dg2zei] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 8px);
    padding: var(--spacing-md, 12px);
    background: var(--neutral-fill-subtle-rest, #f5f5f5);
    cursor: pointer;
    font-weight: 600;
    transition: background 200ms ease;
}

.phase-header:hover[b-zah2dg2zei] {
    background: var(--neutral-fill-subtle-hover, #ebebeb);
}

.expand-icon[b-zah2dg2zei] {
    font-size: 12px;
    color: var(--neutral-foreground-hint, #666);
    min-width: 16px;
}

.phase-progress[b-zah2dg2zei] {
    margin-left: auto;
    font-size: 12px;
    color: var(--neutral-foreground-hint, #666);
    font-weight: 400;
}

/* Tasks Container */
.tasks-container[b-zah2dg2zei] {
    background: var(--neutral-fill-rest, #ffffff);
}

.task-skeleton[b-zah2dg2zei] {
    padding: var(--spacing-md, 12px);
    color: var(--neutral-foreground-hint, #666);
}
/* _content/MtmpProjectsPoc.Web/Pages/CreateProject.razor.rz.scp.css */
/* CreateProject.razor - Story 12.12 - IMPROVED: Variation 1 with Sticky Sidebar */

/* ===== Medtronic Design System Variables (Inline for scoped CSS) ===== */
:root[b-44k9vinins] {
    --medtronic-blue-primary: #0066CC;
    --medtronic-blue-dark: #004C99;
    --medtronic-blue-light: #E6F2FF;
    --medtronic-navy: #002855;
    --medtronic-teal: #00A3A1;
    --medtronic-green: #4CAF50;
    --medtronic-red: #E53935;
    --medtronic-gray-50: #FAFAFA;
    --medtronic-gray-100: #F5F5F5;
    --medtronic-gray-200: #EEEEEE;
    --medtronic-gray-300: #E0E0E0;
    --medtronic-gray-500: #9E9E9E;
    --medtronic-gray-700: #616161;
    --medtronic-gray-900: #212121;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* ===== Main Layout Container (2-column: Content + Sidebar) ===== */
.create-project-container[b-44k9vinins] {
    display: flex;
    min-height: calc(100vh - 140px);
    background-color: var(--medtronic-gray-50);
    gap: 0;
}

/* ===== Main Content Area (Left Side - Scrollable) ===== */
.main-content[b-44k9vinins] {
    flex: 1;
    padding: var(--spacing-xl);
    overflow-y: auto;
    max-width: calc(100% - 400px); /* Make room for sidebar */
}

/* ===== CRITICAL: Sticky Sidebar (Right Side - Always Visible) ===== */
.global-sidebar[b-44k9vinins] {
    width: 400px;
    background-color: white;
    border-left: 2px solid var(--medtronic-gray-200);
    padding: var(--spacing-lg);
    overflow-y: auto;
    position: sticky;
    top: 0;
    height: calc(100vh - 140px); /* Adjust based on header height */
    box-shadow: -4px 0 12px rgba(0, 0, 0, 0.05);
}

/* ===== Sidebar Styling ===== */
.sidebar-section[b-44k9vinins] {
    margin-bottom: var(--spacing-xl);
}

.sidebar-title[b-44k9vinins] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--medtronic-navy);
    margin-bottom: var(--spacing-lg);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding-bottom: var(--spacing-md);
    border-bottom: 3px solid var(--medtronic-blue-primary);
}

.sidebar-icon[b-44k9vinins] {
    font-size: 1.5rem;
}

.sidebar-field[b-44k9vinins] {
    margin-bottom: var(--spacing-md);
    padding: var(--spacing-md);
    background-color: var(--medtronic-gray-50);
    border-radius: var(--border-radius-md);
    border-left: 3px solid var(--medtronic-blue-primary);
}

.sidebar-field-label[b-44k9vinins] {
    font-size: 0.75rem;
    color: var(--medtronic-gray-500);
    margin-bottom: 4px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.sidebar-field-value[b-44k9vinins] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--medtronic-gray-900);
}

/* Status badges */
.status-badge[b-44k9vinins] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 0.875rem;
    font-weight: 600;
}

.status-draft[b-44k9vinins] {
    background-color: #FFF3CD;
    color: #856404;
}

/* Priority badges */
.priority-badge[b-44k9vinins] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 0.875rem;
    font-weight: 600;
}

.priority-critical[b-44k9vinins] {
    background-color: #F8D7DA;
    color: #721C24;
}

.priority-high[b-44k9vinins] {
    background-color: #FFE5B4;
    color: #856404;
}

.priority-medium[b-44k9vinins] {
    background-color: #D1ECF1;
    color: #0C5460;
}

.priority-low[b-44k9vinins] {
    background-color: var(--medtronic-gray-200);
    color: var(--medtronic-gray-700);
}

/* Phase badge */
.phase-badge[b-44k9vinins] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.phase-icon[b-44k9vinins] {
    font-size: 1.25rem;
}

/* Score and Rank values */
.score-value[b-44k9vinins], .rank-value[b-44k9vinins] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--medtronic-blue-primary);
}

/* Quick Actions */
.quick-actions[b-44k9vinins] {
    margin-top: var(--spacing-xl);
    padding-top: var(--spacing-lg);
    border-top: 2px solid var(--medtronic-gray-200);
}

.quick-actions-title[b-44k9vinins] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--medtronic-navy);
    margin-bottom: var(--spacing-md);
}

.quick-action-btn[b-44k9vinins] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    width: 100%;
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-sm);
    border: 2px solid var(--medtronic-gray-300);
    border-radius: var(--border-radius-md);
    background-color: white;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.quick-action-btn:hover[b-44k9vinins] {
    background-color: var(--medtronic-blue-light);
    border-color: var(--medtronic-blue-primary);
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.action-icon[b-44k9vinins] {
    font-size: 1.25rem;
}

/* Help Section */
.sidebar-help[b-44k9vinins] {
    margin-top: var(--spacing-xl);
    padding-top: var(--spacing-lg);
    border-top: 2px solid var(--medtronic-gray-200);
}

.help-title[b-44k9vinins] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--medtronic-navy);
    margin-bottom: var(--spacing-md);
}

.help-list[b-44k9vinins] {
    list-style: none;
    padding: 0;
    font-size: 0.875rem;
    color: var(--medtronic-gray-700);
    line-height: 2;
}

.help-list li[b-44k9vinins] {
    margin-bottom: var(--spacing-sm);
}

.required-mark[b-44k9vinins] {
    color: var(--medtronic-red);
    font-weight: bold;
}

.help-link[b-44k9vinins] {
    color: var(--medtronic-blue-primary);
    font-weight: 600;
    text-decoration: none;
}

.help-link:hover[b-44k9vinins] {
    text-decoration: underline;
}

/* ===== Page Title ===== */
.page-title[b-44k9vinins] {
    font-size: 2rem;
    font-weight: 600;
    color: var(--medtronic-navy);
    margin-bottom: var(--spacing-lg);
}

/* ===== Form Progress (IMPROVED) ===== */
.form-progress[b-44k9vinins] {
    background-color: white;
    padding: var(--spacing-lg);
    border-radius: var(--border-radius-md);
    margin-bottom: var(--spacing-xl);
    box-shadow: var(--shadow-sm);
    border-left: 4px solid var(--medtronic-blue-primary);
}

.progress-header[b-44k9vinins] {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--spacing-md);
    font-size: 1rem;
    font-weight: 500;
    color: var(--medtronic-gray-700);
}

.progress-bar-container[b-44k9vinins] {
    width: 100%;
    height: 12px;
    background-color: var(--medtronic-gray-200);
    border-radius: 6px;
    overflow: hidden;
}

.progress-bar-fill[b-44k9vinins] {
    height: 100%;
    background: linear-gradient(90deg, var(--medtronic-blue-primary), var(--medtronic-teal));
    transition: width 0.3s ease;
}

/* ===== Collapsible Sections (IMPROVED) ===== */
.collapsible-section[b-44k9vinins] {
    background-color: white;
    border-radius: var(--border-radius-lg);
    margin-bottom: var(--spacing-lg);
    box-shadow: var(--shadow-md);
    overflow: hidden;
    border: 1px solid var(--medtronic-gray-200);
}

.section-header[b-44k9vinins] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-lg);
    background: linear-gradient(135deg, var(--medtronic-gray-50) 0%, white 100%);
    border-bottom: 2px solid var(--medtronic-gray-200);
    cursor: pointer;
    user-select: none;
    transition: all 0.2s ease;
}

.section-header:hover[b-44k9vinins] {
    background: linear-gradient(135deg, var(--medtronic-blue-light) 0%, white 100%);
}

.section-header-left[b-44k9vinins] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.expand-icon[b-44k9vinins] {
    font-size: 1.25rem;
    transition: transform 0.3s ease;
    color: var(--medtronic-blue-primary);
}

.expand-icon.expanded[b-44k9vinins] {
    transform: rotate(90deg);
}

/* Section title with concept badge */
.section-title[b-44k9vinins] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--medtronic-navy);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

/* IMPORTANT: Concept badges for Fase/Tarea/Actividad */
.concept-badge[b-44k9vinins] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.concept-fase[b-44k9vinins] {
    background-color: #E3F2FD;
    color: #1565C0;
}

.concept-tarea[b-44k9vinins] {
    background-color: #F3E5F5;
    color: #6A1B9A;
}

.concept-actividad[b-44k9vinins] {
    background-color: #E8F5E9;
    color: #2E7D32;
}

.concept-cabecera[b-44k9vinins] {
    background-color: #FFF3E0;
    color: #E65100;
}

.section-status[b-44k9vinins] {
    font-size: 0.875rem;
    padding: 4px 12px;
    border-radius: 16px;
    background-color: var(--medtronic-gray-200);
    color: var(--medtronic-gray-700);
    font-weight: 500;
}

.section-status.in-progress[b-44k9vinins] {
    background-color: var(--medtronic-blue-light);
    color: var(--medtronic-blue-primary);
}

.section-body[b-44k9vinins] {
    padding: var(--spacing-xl);
    display: none;
}

.section-body.expanded[b-44k9vinins] {
    display: block;
}

/* ===== Form Fields (IMPROVED - Larger sizes) ===== */
.field-row[b-44k9vinins] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
}

.field-row.full-width[b-44k9vinins] {
    grid-template-columns: 1fr;
}

.field-group[b-44k9vinins] {
    display: flex;
    flex-direction: column;
}

.field-label[b-44k9vinins] {
    display: block;
    font-size: 1rem; /* INCREASED from 0.875rem */
    font-weight: 600;
    color: var(--medtronic-gray-900);
    margin-bottom: var(--spacing-sm);
}

.field-label .required[b-44k9vinins] {
    color: var(--medtronic-red);
    margin-left: 2px;
    font-weight: bold;
}

/* CRITICAL: Larger, more usable input fields */
.field-input[b-44k9vinins],
[b-44k9vinins] .form-select,
[b-44k9vinins] .form-control,
[b-44k9vinins] input[type="text"],
[b-44k9vinins] input[type="number"],
[b-44k9vinins] input[type="date"],
[b-44k9vinins] select,
[b-44k9vinins] textarea {
    width: 100%;
    padding: 12px 16px !important; /* INCREASED from 8px */
    border: 2px solid var(--medtronic-gray-300) !important;
    border-radius: var(--border-radius-md) !important;
    font-size: 1rem !important;
    font-family: inherit;
    transition: all 0.2s ease;
    background-color: white;
}

.field-input:focus[b-44k9vinins],
[b-44k9vinins] .form-select:focus,
[b-44k9vinins] .form-control:focus,
[b-44k9vinins] input:focus,
[b-44k9vinins] select:focus,
[b-44k9vinins] textarea:focus {
    outline: none !important;
    border-color: var(--medtronic-blue-primary) !important;
    box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.1) !important;
}

.field-input:hover[b-44k9vinins],
[b-44k9vinins] .form-control:hover,
[b-44k9vinins] input:hover,
[b-44k9vinins] select:hover {
    border-color: var(--medtronic-blue-primary);
}

.field-input.valid[b-44k9vinins],
[b-44k9vinins] .form-control.valid {
    border-color: var(--medtronic-green) !important;
    background-color: rgba(76, 175, 80, 0.02);
}

.field-input.invalid[b-44k9vinins],
[b-44k9vinins] .form-control.invalid,
[b-44k9vinins] .form-control.is-invalid {
    border-color: var(--medtronic-red) !important;
    background-color: rgba(229, 57, 53, 0.02);
}

/* Better textarea styling */
[b-44k9vinins] textarea.form-control {
    resize: vertical;
    min-height: 100px;
    line-height: 1.6;
}

/* Better select/dropdown styling */
[b-44k9vinins] select.form-select {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23616161' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 36px !important;
}

/* ===== Form Actions (IMPROVED) ===== */
.form-actions[b-44k9vinins] {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
    display: flex;
    gap: var(--spacing-md);
    justify-content: flex-end;
    padding-top: var(--spacing-xl);
    border-top: 2px solid var(--medtronic-gray-200);
}

[b-44k9vinins] .btn {
    padding: 14px 32px !important;
    border: none;
    border-radius: var(--border-radius-md);
    font-size: 1.125rem !important;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
}

[b-44k9vinins] .btn-primary {
    background: linear-gradient(135deg, var(--medtronic-blue-primary), var(--medtronic-blue-dark));
    color: white;
    box-shadow: var(--shadow-md);
}

[b-44k9vinins] .btn-primary:hover:not(:disabled) {
    background: linear-gradient(135deg, var(--medtronic-blue-dark), var(--medtronic-navy));
    transform: translateY(-2px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

[b-44k9vinins] .btn-primary:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

[b-44k9vinins] .btn-secondary {
    background-color: white;
    color: var(--medtronic-gray-700);
    border: 2px solid var(--medtronic-gray-300) !important;
}

[b-44k9vinins] .btn-secondary:hover:not(:disabled) {
    background-color: var(--medtronic-gray-50);
    border-color: var(--medtronic-gray-500) !important;
}

/* ===== Responsive Design ===== */
@media (max-width: 1200px) {
    .field-row[b-44k9vinins] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1024px) {
    .create-project-container[b-44k9vinins] {
        flex-direction: column-reverse; /* Sidebar on bottom for mobile */
    }

    .main-content[b-44k9vinins] {
        max-width: 100%;
    }

    .global-sidebar[b-44k9vinins] {
        width: 100%;
        height: auto;
        position: relative;
        border-left: none;
        border-top: 2px solid var(--medtronic-gray-200);
    }
}
/* _content/MtmpProjectsPoc.Web/Shared/CollapsibleSection.razor.rz.scp.css */
.collapsible-section[b-fmjq057b5w] {
    margin-bottom: 24px;
    border: 1px solid #DEE2E6;
    border-radius: 8px;
    background-color: #FFFFFF;
    overflow: hidden;
}

.section-header[b-fmjq057b5w] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    background-color: #F8F9FA;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #212529;
    text-align: left;
    transition: background-color 150ms;
}

.section-header:hover[b-fmjq057b5w] {
    background-color: #E9ECEF;
}

.section-header:focus-visible[b-fmjq057b5w] {
    outline: 2px solid #0066CC;
    outline-offset: -2px;
}

.collapse-icon[b-fmjq057b5w] {
    flex-shrink: 0;
    width: 16px;
    text-align: center;
    transition: transform 150ms;
}

.collapsible-section.expanded .collapse-icon[b-fmjq057b5w] {
    transform: rotate(0deg);
}

.collapsible-section.collapsed .collapse-icon[b-fmjq057b5w] {
    transform: rotate(-90deg);
}

.section-title[b-fmjq057b5w] {
    flex-grow: 1;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.badge[b-fmjq057b5w] {
    flex-shrink: 0;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
}

.badge-success[b-fmjq057b5w] {
    background-color: #D4EDDA;
    color: #155724;
}

.badge-warning[b-fmjq057b5w] {
    background-color: #FFF3CD;
    color: #856404;
}

.badge-info[b-fmjq057b5w] {
    background-color: #D1ECF1;
    color: #0C5460;
}

.section-content[b-fmjq057b5w] {
    padding: 20px;
    animation: slideDown-b-fmjq057b5w 300ms ease-in-out;
}

@keyframes slideDown-b-fmjq057b5w {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/MtmpProjectsPoc.Web/Shared/Components/Badges/PriorityBadge.razor.rz.scp.css */
/* PriorityBadge Component Styles - Scoped CSS */

.priority-badge[b-ttflpf2nz3] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    padding: 0.25em 0.5em;
    border-radius: var(--radius-sm);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    transition: all var(--transition-fast);
}

.priority-badge--top5[b-ttflpf2nz3] {
    background-color: var(--color-danger);
    color: white;
}

.priority-badge__icon[b-ttflpf2nz3] {
    font-size: 0.9em;
    line-height: 1;
}

.priority-badge__label[b-ttflpf2nz3] {
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
/* _content/MtmpProjectsPoc.Web/Shared/Components/Badges/StatusBadge.razor.rz.scp.css */
/* StatusBadge Component Styles - Scoped CSS */

.status-badge[b-1487z13ge0] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    padding: 0.35em 0.65em;
    border-radius: var(--radius-sm);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    color: white;
    transition: all var(--transition-fast);
    white-space: nowrap;
}

.status-badge__icon[b-1487z13ge0] {
    font-size: 0.8em;
    line-height: 1;
}

.status-badge__label[b-1487z13ge0] {
    line-height: 1;
}

/* Status-specific colors using Design Tokens */

.status-badge--draft[b-1487z13ge0] {
    background-color: var(--badge-draft-bg);
}

.status-badge--active[b-1487z13ge0] {
    background-color: var(--badge-active-bg);
}

.status-badge--completed[b-1487z13ge0] {
    background-color: var(--badge-completed-bg);
}

.status-badge--on-track[b-1487z13ge0] {
    background-color: var(--badge-ontrack-bg);
}

.status-badge--at-risk[b-1487z13ge0] {
    background-color: var(--badge-atrisk-bg);
    animation: pulse-subtle-b-1487z13ge0 2s ease-in-out infinite;
}

.status-badge--delayed[b-1487z13ge0] {
    background-color: var(--badge-delayed-bg);
    animation: pulse-subtle-b-1487z13ge0 2s ease-in-out infinite;
}

.status-badge--on-hold[b-1487z13ge0] {
    background-color: var(--badge-onhold-bg);
    color: var(--text-primary);
}

/* Pulse animation for critical statuses */
@keyframes pulse-subtle-b-1487z13ge0 {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.85;
        transform: scale(1.02);
    }
}

/* Hover effect */
.status-badge:hover[b-1487z13ge0] {
    transform: scale(1.05);
    cursor: default;
}
/* _content/MtmpProjectsPoc.Web/Shared/Components/Badges/ToggleBadge.razor.rz.scp.css */
/* ToggleBadge Component Styles - Scoped CSS */

.toggle-badge[b-57qc56lbn8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35em 0.65em;
    border-radius: var(--radius-sm);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    color: white;
    min-width: 50px;
    text-align: center;
}

.toggle-badge--yes[b-57qc56lbn8] {
    background-color: var(--color-success);
}

.toggle-badge--no[b-57qc56lbn8] {
    background-color: var(--medtronic-gray-light);
}
/* _content/MtmpProjectsPoc.Web/Shared/Components/FiscalYearSelector.razor.rz.scp.css */
/**
 * FiscalYearSelector Component - Medtronic Design System
 * Multi-select dropdown for fiscal year filtering
 */

.fiscal-year-selector[b-h0m1kftb6l] {
    position: relative;
    display: block;
    width: 100%;
}

/* Trigger Button */
.selector-trigger[b-h0m1kftb6l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 44px;  /* WCAG 2.1 AA touch target */
    padding: var(--spacing-sm) var(--spacing-md);
    background: var(--medtronic-white);
    border: var(--input-border);
    border-radius: var(--radius-sm);
    font-size: var(--font-size-sm);
    font-family: var(--font-primary);
    color: var(--text-primary);
    cursor: pointer;
    transition: all var(--transition-fast);
    text-align: left;
}

.selector-trigger:hover[b-h0m1kftb6l] {
    border-color: var(--medtronic-blue-interactive);
    box-shadow: var(--shadow-sm);
}

.selector-trigger:focus[b-h0m1kftb6l] {
    outline: none;
    border-color: var(--input-border-focus);
    box-shadow: var(--input-focus-shadow);
}

.selector-trigger .label[b-h0m1kftb6l] {
    font-weight: var(--font-weight-medium);
    color: var(--text-secondary);
    margin-right: var(--spacing-sm);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.selector-trigger .selected-count[b-h0m1kftb6l] {
    flex: 1;
    color: var(--text-primary);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.selector-trigger .icon[b-h0m1kftb6l] {
    margin-left: var(--spacing-sm);
    color: var(--text-tertiary);
    font-size: 12px;
    transition: transform var(--transition-fast);
}

/* Dropdown Panel */
.dropdown-panel[b-h0m1kftb6l] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: var(--medtronic-white);
    border: 1px solid #dee2e6;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
    max-height: 400px;
    overflow-y: auto;
    z-index: var(--z-dropdown);
    animation: dropdownSlideIn-b-h0m1kftb6l 150ms ease-out;
}

@keyframes dropdownSlideIn-b-h0m1kftb6l {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fiscal Year Option */
.fiscal-year-option[b-h0m1kftb6l] {
    display: flex;
    align-items: center;
    padding: var(--spacing-sm) var(--spacing-md);
    cursor: pointer;
    transition: background-color var(--transition-fast);
    border-bottom: 1px solid #f0f0f0;
    min-height: 44px;  /* WCAG 2.1 AA touch target */
}

.fiscal-year-option:last-child[b-h0m1kftb6l] {
    border-bottom: none;
}

.fiscal-year-option:hover[b-h0m1kftb6l] {
    background-color: var(--table-row-hover-bg);
}

.fiscal-year-option input[type="checkbox"][b-h0m1kftb6l] {
    margin-right: var(--spacing-md);
    width: 20px;
    height: 20px;
    cursor: pointer;
    accent-color: var(--medtronic-blue-interactive);
}

.fiscal-year-option .fiscal-year-label[b-h0m1kftb6l] {
    flex: 1;
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.fiscal-year-option .date-range[b-h0m1kftb6l] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    margin-left: auto;
    margin-right: var(--spacing-md);
}

.fiscal-year-option .project-count[b-h0m1kftb6l] {
    font-size: var(--font-size-xs);
    color: var(--text-tertiary);
    font-weight: var(--font-weight-medium);
    background: var(--medtronic-gray-lightest);
    padding: 2px 8px;
    border-radius: var(--radius-sm);
}

/* Current Badge */
.fiscal-year-option.current[b-h0m1kftb6l] {
    background-color: #f0f8ff;
}

.fiscal-year-option .current-badge[b-h0m1kftb6l] {
    background: var(--medtronic-yellow);
    color: var(--medtronic-blue-primary);
    font-size: 10px;
    font-weight: var(--font-weight-bold);
    padding: 2px 6px;
    border-radius: var(--radius-sm);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Dropdown Footer */
.dropdown-footer[b-h0m1kftb6l] {
    padding: var(--spacing-sm) var(--spacing-md);
    background: var(--medtronic-gray-lightest);
    border-top: 1px solid #dee2e6;
    text-align: center;
}

.dropdown-footer .summary[b-h0m1kftb6l] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    font-weight: var(--font-weight-medium);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .selector-trigger .label[b-h0m1kftb6l] {
        display: none;  /* Hide label on mobile */
    }

    .dropdown-panel[b-h0m1kftb6l] {
        position: fixed;
        left: var(--spacing-md);
        right: var(--spacing-md);
        top: auto;
        bottom: var(--spacing-md);
        max-height: 60vh;
    }

    .fiscal-year-option .date-range[b-h0m1kftb6l] {
        display: none;  /* Hide date range on mobile */
    }
}

/* Scrollbar Styling (Webkit browsers) */
.dropdown-panel[b-h0m1kftb6l]::-webkit-scrollbar {
    width: 8px;
}

.dropdown-panel[b-h0m1kftb6l]::-webkit-scrollbar-track {
    background: var(--medtronic-gray-lightest);
    border-radius: var(--radius-sm);
}

.dropdown-panel[b-h0m1kftb6l]::-webkit-scrollbar-thumb {
    background: var(--medtronic-gray-light);
    border-radius: var(--radius-sm);
}

.dropdown-panel[b-h0m1kftb6l]::-webkit-scrollbar-thumb:hover {
    background: var(--medtronic-gray-medium);
}
/* _content/MtmpProjectsPoc.Web/Shared/Components/Layout/Breadcrumb.razor.rz.scp.css */
/* Breadcrumb Component Styles - Scoped CSS */

.breadcrumb-nav[b-88y1roni32] {
    padding: var(--spacing-md) var(--spacing-xl);
    background: var(--medtronic-gray-lightest);
    border-bottom: 1px solid #dee2e6;
}

.breadcrumb[b-88y1roni32] {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
    margin: 0;
    padding: 0;
    font-size: var(--font-size-sm);
    align-items: center;
}

.breadcrumb__item[b-88y1roni32] {
    display: flex;
    align-items: center;
    color: var(--text-secondary);
}

.breadcrumb__item[b-88y1roni32]::after {
    content: ">";
    margin-left: var(--spacing-sm);
    color: var(--text-tertiary);
    font-weight: var(--font-weight-normal);
}

.breadcrumb__item:last-child[b-88y1roni32]::after {
    content: none;
}

.breadcrumb__item.active[b-88y1roni32] {
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
}

.breadcrumb__link[b-88y1roni32] {
    color: var(--medtronic-blue-interactive);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.breadcrumb__link:hover[b-88y1roni32] {
    text-decoration: underline;
    color: var(--medtronic-blue-primary);
}

.breadcrumb__current[b-88y1roni32] {
    color: var(--text-primary);
}

/* Responsive: Mobile */
@media (max-width: 768px) {
    .breadcrumb-nav[b-88y1roni32] {
        padding: var(--spacing-sm) var(--spacing-md);
    }

    .breadcrumb[b-88y1roni32] {
        font-size: var(--font-size-xs);
    }

    /* Truncate middle items on mobile if more than 3 levels */
    .breadcrumb__item:not(:first-child):not(:last-child):not(:nth-last-child(2))[b-88y1roni32] {
        display: none;
    }

    .breadcrumb__item:nth-child(2)[b-88y1roni32]::before {
        content: "...";
        margin-right: var(--spacing-xs);
        color: var(--text-tertiary);
    }
}
/* _content/MtmpProjectsPoc.Web/Shared/Components/Scoring/ScoringBreakdown.razor.rz.scp.css */
/* Story 12.10: Scoring Breakdown Component - Medtronic Design System */

.scoring-breakdown[b-ybjzw4iapz] {
    padding: var(--spacing-lg, 24px);
    border: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
    border-radius: 8px;
    background: var(--neutral-fill-subtle-rest, #fafafa);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Loading State */
.loading-state[b-ybjzw4iapz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-xl, 32px);
    gap: var(--spacing-md, 16px);
}

.spinner[b-ybjzw4iapz] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--neutral-stroke-divider-rest, #e0e0e0);
    border-top-color: var(--medtronic-blue, #0047ba);
    border-radius: 50%;
    animation: spin-b-ybjzw4iapz 0.8s linear infinite;
}

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

/* AC1: Scoring Header - Display Toggle, Score, Rank */
.scoring-header[b-ybjzw4iapz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-md, 16px);
    margin-bottom: var(--spacing-lg, 24px);
    padding-bottom: var(--spacing-md, 16px);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
}

.scoring-metric[b-ybjzw4iapz] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 4px);
}

.scoring-metric label[b-ybjzw4iapz] {
    font-size: 12px;
    font-weight: 600;
    color: var(--neutral-foreground-hint, #666);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.score-display[b-ybjzw4iapz] {
    display: flex;
    align-items: baseline;
    gap: var(--spacing-xxs, 2px);
}

.score-value[b-ybjzw4iapz] {
    font-size: 32px;
    font-weight: 700;
    color: var(--medtronic-blue, #0047ba);
    line-height: 1;
}

.score-max[b-ybjzw4iapz] {
    font-size: 16px;
    font-weight: 500;
    color: var(--neutral-foreground-hint, #666);
}

.rank-value[b-ybjzw4iapz] {
    font-size: 20px;
    font-weight: 600;
    color: var(--neutral-foreground-rest, #242424);
}

.progress-bar[b-ybjzw4iapz] {
    height: 8px;
    background: var(--neutral-fill-subtle-rest, #f3f3f3);
    border-radius: 4px;
    overflow: hidden;
    margin-top: var(--spacing-xs, 4px);
}

.progress-fill[b-ybjzw4iapz] {
    height: 100%;
    background: linear-gradient(90deg, #0047ba 0%, #0078d4 100%);
    border-radius: 4px;
    transition: width 0.3s ease;
}

/* AC4: Priority Override Section */
.priority-override[b-ybjzw4iapz] {
    display: flex;
    gap: var(--spacing-sm, 8px);
    padding: var(--spacing-md, 16px);
    background: var(--warning-fill-subtle-rest, #fff4ce);
    border-left: 4px solid var(--warning-fill-rest, #ffb900);
    border-radius: 4px;
    margin-bottom: var(--spacing-lg, 24px);
}

.override-icon[b-ybjzw4iapz] {
    font-size: 24px;
    line-height: 1;
}

.override-details[b-ybjzw4iapz] {
    flex: 1;
}

.override-details strong[b-ybjzw4iapz] {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--neutral-foreground-rest, #242424);
    margin-bottom: var(--spacing-xxs, 2px);
}

.override-reason[b-ybjzw4iapz] {
    margin: var(--spacing-xs, 4px) 0;
    font-size: 14px;
    color: var(--neutral-foreground-rest, #242424);
}

.override-metadata[b-ybjzw4iapz] {
    font-size: 12px;
    color: var(--neutral-foreground-hint, #666);
}

/* AC2: Scoring Dimensions Breakdown */
.dimensions-title[b-ybjzw4iapz] {
    font-size: 16px;
    font-weight: 600;
    color: var(--neutral-foreground-rest, #242424);
    margin-bottom: var(--spacing-md, 16px);
}

.dimensions-list[b-ybjzw4iapz] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 16px);
    margin-bottom: var(--spacing-lg, 24px);
}

.dimension-row[b-ybjzw4iapz] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 4px);
}

.dimension-header[b-ybjzw4iapz] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs, 4px);
}

.dimension-name[b-ybjzw4iapz] {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.dimension-label[b-ybjzw4iapz] {
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    color: var(--neutral-foreground-rest, #242424);
}

.dimension-score[b-ybjzw4iapz] {
    font-size: 14px;
    font-weight: 600;
    color: var(--neutral-foreground-hint, #666);
}

.dimension-progress[b-ybjzw4iapz] {
    height: 12px;
    background: var(--neutral-fill-subtle-rest, #f3f3f3);
    border-radius: 6px;
    overflow: hidden;
}

.dimension-fill[b-ybjzw4iapz] {
    height: 100%;
    border-radius: 6px;
    transition: width 0.3s ease;
}

.dimension-details[b-ybjzw4iapz] {
    font-size: 12px;
    color: var(--neutral-foreground-hint, #666);
    padding-left: 22px; /* Align with label (after color dot) */
}

/* AC3: Visual Representation - Horizontal Stacked Bar Chart */
.scoring-chart[b-ybjzw4iapz] {
    margin: var(--spacing-lg, 24px) 0;
    padding: var(--spacing-md, 16px);
    background: white;
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
}

.chart-title[b-ybjzw4iapz] {
    font-size: 14px;
    font-weight: 600;
    color: var(--neutral-foreground-rest, #242424);
    margin-bottom: var(--spacing-sm, 8px);
}

.stacked-bar-chart[b-ybjzw4iapz] {
    display: block;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: var(--spacing-md, 16px);
}

.stacked-bar-chart rect[b-ybjzw4iapz] {
    transition: opacity 0.2s ease;
}

.stacked-bar-chart rect:hover[b-ybjzw4iapz] {
    opacity: 0.8;
    cursor: pointer;
}

.chart-legend[b-ybjzw4iapz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-md, 16px);
}

.legend-item[b-ybjzw4iapz] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs, 4px);
}

.legend-color[b-ybjzw4iapz] {
    width: 12px;
    height: 12px;
    border-radius: 2px;
}

.legend-label[b-ybjzw4iapz] {
    font-size: 12px;
    color: var(--neutral-foreground-hint, #666);
}

/* AC6: Calculation Transparency */
.actions[b-ybjzw4iapz] {
    display: flex;
    justify-content: center;
    margin: var(--spacing-lg, 24px) 0;
}

.btn-secondary[b-ybjzw4iapz] {
    padding: var(--spacing-sm, 8px) var(--spacing-md, 16px);
    background: var(--neutral-fill-subtle-rest, #f3f3f3);
    border: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: var(--medtronic-blue, #0047ba);
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-secondary:hover[b-ybjzw4iapz] {
    background: var(--neutral-fill-subtle-hover, #e8e8e8);
    border-color: var(--medtronic-blue, #0047ba);
}

.calculation-details[b-ybjzw4iapz] {
    margin-top: var(--spacing-lg, 24px);
    padding: var(--spacing-md, 16px);
    background: white;
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
}

.calculation-details h5[b-ybjzw4iapz] {
    font-size: 14px;
    font-weight: 600;
    color: var(--neutral-foreground-rest, #242424);
    margin-bottom: var(--spacing-md, 16px);
}

.calculation-table[b-ybjzw4iapz] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: var(--spacing-md, 16px);
}

.calculation-table th[b-ybjzw4iapz],
.calculation-table td[b-ybjzw4iapz] {
    padding: var(--spacing-sm, 8px);
    text-align: left;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
}

.calculation-table th[b-ybjzw4iapz] {
    font-size: 12px;
    font-weight: 600;
    color: var(--neutral-foreground-hint, #666);
    text-transform: uppercase;
}

.calculation-table td[b-ybjzw4iapz] {
    font-size: 14px;
    color: var(--neutral-foreground-rest, #242424);
}

.dimension-color-dot[b-ybjzw4iapz] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: var(--spacing-xs, 4px);
}

.total-row td[b-ybjzw4iapz] {
    font-weight: 600;
    font-size: 16px;
    border-top: 2px solid var(--neutral-stroke-divider-rest, #e0e0e0);
    padding-top: var(--spacing-md, 16px);
}

.calculation-formula[b-ybjzw4iapz] {
    font-size: 12px;
    color: var(--neutral-foreground-hint, #666);
    font-style: italic;
    text-align: center;
    margin-top: var(--spacing-sm, 8px);
}

/* AC9: Error Handling - Empty State */
.empty-state[b-ybjzw4iapz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-xl, 32px);
    text-align: center;
}

.empty-state p[b-ybjzw4iapz] {
    font-size: 16px;
    font-weight: 500;
    color: var(--neutral-foreground-hint, #666);
    margin-bottom: var(--spacing-xs, 4px);
}

.empty-state small[b-ybjzw4iapz] {
    font-size: 12px;
    color: var(--neutral-foreground-hint, #999);
}

/* Responsive Design */
@media (max-width: 768px) {
    .scoring-header[b-ybjzw4iapz] {
        grid-template-columns: 1fr;
    }

    .chart-legend[b-ybjzw4iapz] {
        flex-direction: column;
    }

    .score-value[b-ybjzw4iapz] {
        font-size: 24px;
    }
}

/* Accessibility: Focus States */
.btn-secondary:focus[b-ybjzw4iapz] {
    outline: 2px solid var(--medtronic-blue, #0047ba);
    outline-offset: 2px;
}
/* _content/MtmpProjectsPoc.Web/Shared/MainLayout.razor.rz.scp.css */
.page[b-q1puuef4kt] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-q1puuef4kt] {
    flex: 1;
}

.sidebar[b-q1puuef4kt] {
    /* Medtronic brand gradient: primary blue → darker blue */
    background: linear-gradient(180deg, var(--medtronic-blue-primary) 0%, var(--medtronic-blue-darker) 100%);
    box-shadow: var(--shadow-md);
}

.top-row[b-q1puuef4kt] {
    background-color: var(--medtronic-white);
    border-bottom: 1px solid #dee2e6;
    justify-content: flex-end;
    height: var(--header-height);  /* 64px from design tokens */
    display: flex;
    align-items: center;
    box-shadow: var(--shadow-sm);
    z-index: var(--z-sticky);
}

    .top-row[b-q1puuef4kt]  a, .top-row .btn-link[b-q1puuef4kt] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-q1puuef4kt] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-q1puuef4kt] {
        display: none;
    }

    .top-row.auth[b-q1puuef4kt] {
        justify-content: space-between;
    }

    .top-row a[b-q1puuef4kt], .top-row .btn-link[b-q1puuef4kt] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-q1puuef4kt] {
        flex-direction: row;
    }

    .sidebar[b-q1puuef4kt] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-q1puuef4kt] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-q1puuef4kt], article[b-q1puuef4kt] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/MtmpProjectsPoc.Web/Shared/NavMenu.razor.rz.scp.css */
/* NavMenu - Medtronic Design System Compliant */

.navbar-toggler[b-5mgfc1iyiz] {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    min-height: 44px;  /* WCAG 2.1 AA touch target */
    min-width: 44px;
}

.top-row[b-5mgfc1iyiz] {
    height: 64px;  /* var(--header-height) from design-tokens.css */
    background-color: rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    padding: var(--spacing-sm) var(--spacing-md);
}

.navbar-brand[b-5mgfc1iyiz] {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--medtronic-white);
    transition: color var(--transition-base);
}

.navbar-brand:hover[b-5mgfc1iyiz] {
    color: var(--medtronic-yellow);
}

.oi[b-5mgfc1iyiz] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
    margin-right: var(--spacing-sm);
}

/* Navigation Items - Using 8px grid system */
.nav-item[b-5mgfc1iyiz] {
    font-size: var(--font-size-sm);
    padding: var(--spacing-xs) var(--spacing-md);  /* 4px 16px */
}

    .nav-item:first-of-type[b-5mgfc1iyiz] {
        padding-top: var(--spacing-md);  /* 16px */
    }

    .nav-item:last-of-type[b-5mgfc1iyiz] {
        padding-bottom: var(--spacing-md);  /* 16px */
    }

    .nav-item[b-5mgfc1iyiz]  a {
        color: #d7d7d7;
        border-radius: var(--radius-sm);  /* 4px from design system */
        min-height: 48px;  /* Better touch target */
        display: flex;
        align-items: center;
        padding: var(--spacing-sm) var(--spacing-md);  /* 8px 16px */
        transition: all var(--transition-base);  /* 200ms ease */
    }

.nav-item[b-5mgfc1iyiz]  a.active {
    background-color: var(--nav-hover-bg);  /* rgba(255,255,255,0.1) from tokens */
    color: var(--medtronic-white);
    font-weight: var(--font-weight-medium);
}

.nav-item[b-5mgfc1iyiz]  a:hover {
    background-color: var(--nav-hover-bg);
    color: var(--medtronic-white);
    transform: translateX(4px);  /* Subtle slide effect */
}

@media (min-width: 641px) {
    .navbar-toggler[b-5mgfc1iyiz] {
        display: none;
    }

    .collapse[b-5mgfc1iyiz] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/* _content/MtmpProjectsPoc.Web/Shared/PhaseNavigator.razor.rz.scp.css */
/* PhaseNavigator.razor.css
 * Scoped styles for PhaseNavigator component
 * Story 12.8: Enhanced visual states for phases
 * Design System: Medtronic brand colors and spacing
 */

/* Container */
.phase-navigator[b-s471grn1yy] {
    margin-bottom: var(--spacing-lg, 24px);
}

/* Desktop: Horizontal tabs container */
.phase-tabs-container[b-s471grn1yy] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs, 4px);
    border-bottom: 2px solid var(--neutral-stroke-divider-rest, #e0e0e0);
    padding-bottom: 0;
    margin-bottom: var(--spacing-md, 16px);
}

/* Individual phase tab */
.phase-tab[b-s471grn1yy] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs, 6px);
    padding: var(--spacing-md, 12px) var(--spacing-lg, 20px);
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    font-size: var(--type-ramp-base-font-size, 14px);
    font-family: var(--body-font, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    transition: all 200ms ease-in-out;
    border-radius: 4px 4px 0 0;
    position: relative;
}

.phase-tab:hover:not(.not-applicable)[b-s471grn1yy] {
    background: var(--neutral-fill-hover, #f5f5f5);
}

/* Phase icon (emoji) */
.phase-icon[b-s471grn1yy] {
    font-size: 18px;
    line-height: 1;
    flex-shrink: 0;
}

/* Phase name */
.phase-name[b-s471grn1yy] {
    font-weight: 500;
    color: var(--neutral-foreground-rest, #323130);
}

/* Phase progress label */
.phase-progress[b-s471grn1yy] {
    font-size: 12px;
    color: var(--neutral-foreground-hint, #666);
    font-weight: 400;
    margin-left: var(--spacing-xs, 4px);
}

.progress-details[b-s471grn1yy] {
    font-weight: 600;
    color: var(--accent-foreground-rest, #0078d4);
}

/* Phase arrow (desktop only) */
.phase-arrow[b-s471grn1yy] {
    color: var(--neutral-foreground-hint, #999);
    font-size: 16px;
    user-select: none;
    padding: 0 var(--spacing-xs, 6px);
}

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

/* Completed phase (✅) */
.phase-tab.completed[b-s471grn1yy] {
    color: var(--success-foreground-rest, #107c10);
    border-bottom-color: var(--success-foreground-rest, #107c10);
}

.phase-tab.completed .phase-icon[b-s471grn1yy] {
    color: var(--success-foreground-rest, #107c10);
}

.phase-tab.completed .phase-name[b-s471grn1yy] {
    color: var(--success-foreground-rest, #107c10);
}

.phase-tab.completed .phase-progress[b-s471grn1yy] {
    color: var(--success-foreground-rest, #0d6e0d);
    font-weight: 600;
}

/* Active phase (●) */
.phase-tab.active[b-s471grn1yy] {
    color: var(--accent-foreground-rest, #0078d4);
    font-weight: 600;
    border-bottom-color: var(--accent-fill-rest, #0078d4);
    background: var(--neutral-fill-secondary-rest, #f8f9fa);
}

.phase-tab.active .phase-icon[b-s471grn1yy] {
    color: var(--accent-foreground-rest, #0078d4);
}

.phase-tab.active .phase-name[b-s471grn1yy] {
    color: var(--accent-foreground-rest, #0078d4);
}

.phase-tab.active .phase-progress[b-s471grn1yy] {
    color: var(--accent-foreground-rest, #0078d4);
}

/* Pending phase (○) */
.phase-tab.pending[b-s471grn1yy] {
    color: var(--neutral-foreground-hint, #999);
    cursor: default;
}

.phase-tab.pending .phase-icon[b-s471grn1yy] {
    color: var(--neutral-foreground-hint, #999);
}

.phase-tab.pending .phase-name[b-s471grn1yy] {
    color: var(--neutral-foreground-hint, #666);
}

.phase-tab.pending:hover[b-s471grn1yy] {
    background: transparent;
}

/* Not Applicable phase (Ø) */
.phase-tab.not-applicable[b-s471grn1yy] {
    color: var(--neutral-foreground-hint, #ccc);
    cursor: not-allowed;
    opacity: 0.5;
    font-style: italic;
}

.phase-tab.not-applicable .phase-icon[b-s471grn1yy] {
    color: var(--neutral-foreground-hint, #ccc);
}

.phase-tab.not-applicable .phase-name[b-s471grn1yy] {
    color: var(--neutral-foreground-hint, #999);
    text-decoration: line-through;
}

.phase-tab.not-applicable:hover[b-s471grn1yy] {
    background: transparent;
}

/* Mobile/Tablet: Dropdown selector */
.phase-dropdown-container[b-s471grn1yy] {
    display: none; /* Hidden on desktop */
    margin-bottom: var(--spacing-md, 16px);
}

.phase-dropdown-select[b-s471grn1yy] {
    width: 100%;
    padding: var(--spacing-sm, 10px) var(--spacing-md, 12px);
    border: 1px solid var(--neutral-stroke-rest, #d1d1d1);
    border-radius: var(--control-corner-radius, 4px);
    font-size: var(--type-ramp-base-font-size, 14px);
    font-family: var(--body-font, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    background-color: var(--neutral-fill-rest, #fff);
    color: var(--neutral-foreground-rest, #323130);
    transition: border-color 200ms ease;
}

.phase-dropdown-select:focus[b-s471grn1yy] {
    outline: none;
    border-color: var(--accent-fill-rest, #0078d4);
    box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.2);
}

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

/* Tablet (768px - 1023px): Smaller desktop tabs */
@media (max-width: 1023px) and (min-width: 768px) {
    .phase-tab[b-s471grn1yy] {
        padding: var(--spacing-sm, 10px) var(--spacing-md, 16px);
        font-size: 13px;
    }

    .phase-icon[b-s471grn1yy] {
        font-size: 16px;
    }

    .phase-progress[b-s471grn1yy] {
        font-size: 11px;
    }
}

/* Mobile (<768px): Show dropdown, hide tabs */
@media (max-width: 767px) {
    .phase-tabs-container[b-s471grn1yy] {
        display: none;
    }

    .phase-dropdown-container[b-s471grn1yy] {
        display: block;
    }

    .phase-arrow[b-s471grn1yy] {
        display: none;
    }
}

/* === ACCESSIBILITY === */

/* Focus styles for keyboard navigation */
.phase-tab:focus[b-s471grn1yy] {
    outline: 2px solid var(--accent-fill-rest, #0078d4);
    outline-offset: 2px;
}

.phase-dropdown-select:focus[b-s471grn1yy] {
    outline: 2px solid var(--accent-fill-rest, #0078d4);
    outline-offset: 1px;
}

/* Ensure sufficient color contrast (WCAG 2.1 AA) */
@media (prefers-contrast: more) {
    .phase-tab.completed[b-s471grn1yy] {
        color: #0a5a0a;
    }

    .phase-tab.active[b-s471grn1yy] {
        color: #005a9e;
    }

    .phase-tab.pending .phase-name[b-s471grn1yy] {
        color: #555;
    }
}

/* Reduced motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .phase-tab[b-s471grn1yy] {
        transition: none;
    }

    .phase-dropdown-select[b-s471grn1yy] {
        transition: none;
    }
}