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

/* _content/MtmpProjectsPoc.Web/Components/ActionPanel.razor.rz.scp.css */
/* Sticky action panel — UX redesign 2026-04-30, spec section 2.5 */

.action-panel[b-qkvnfr8lti] {
    position: sticky;
    top: 80px;
    width: 100%;
    max-width: 280px;
    padding: 16px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Action buttons */
.action-panel .action-buttons[b-qkvnfr8lti] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e7eb;
}

.action-panel .btn-action[b-qkvnfr8lti] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.action-panel .btn-action:disabled[b-qkvnfr8lti] {
    opacity: 0.55;
    cursor: not-allowed;
}

.action-panel .btn-save[b-qkvnfr8lti] {
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    color: #374151;
}

.action-panel .btn-save:hover:not(:disabled)[b-qkvnfr8lti] {
    background: #e5e7eb;
}

.action-panel .btn-validate[b-qkvnfr8lti] {
    background: #dbeafe;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
}

.action-panel .btn-validate:hover:not(:disabled)[b-qkvnfr8lti] {
    background: #bfdbfe;
}

.action-panel .btn-preview[b-qkvnfr8lti] {
    background: #d1fae5;
    border: 1px solid #a7f3d0;
    color: #059669;
}

.action-panel .btn-preview:hover:not(:disabled)[b-qkvnfr8lti] {
    background: #a7f3d0;
}

.action-panel .auto-save-indicator[b-qkvnfr8lti] {
    margin-top: 4px;
    font-size: 11px;
    color: #6b7280;
    text-align: center;
}

/* Progress section */
.action-panel .progress-section[b-qkvnfr8lti] {
    margin-bottom: 20px;
}

.action-panel .progress-section h6[b-qkvnfr8lti] {
    margin: 0 0 8px 0;
    font-size: 11px;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.action-panel .required-count[b-qkvnfr8lti] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 2px;
    padding: 12px;
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.action-panel .required-count .count-current[b-qkvnfr8lti] {
    font-size: 28px;
    font-weight: 700;
    color: #2563eb;
}

.action-panel .required-count .count-separator[b-qkvnfr8lti] {
    font-size: 20px;
    font-weight: 400;
    color: #9ca3af;
}

.action-panel .required-count .count-total[b-qkvnfr8lti] {
    font-size: 20px;
    font-weight: 600;
    color: #374151;
}

.action-panel .progress-text[b-qkvnfr8lti] {
    display: block;
    margin-top: 6px;
    font-size: 11px;
    color: #6b7280;
    text-align: center;
}

/* Checklist */
.action-panel .checklist-section h6[b-qkvnfr8lti] {
    margin: 0 0 12px 0;
    font-size: 11px;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.action-panel .checklist[b-qkvnfr8lti] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.action-panel .checklist li[b-qkvnfr8lti] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 6px 0;
    font-size: 12px;
    color: #374151;
}

.action-panel .checklist li.completed .icon[b-qkvnfr8lti] {
    color: #10b981;
}

.action-panel .checklist li.pending .icon[b-qkvnfr8lti] {
    color: #9ca3af;
}

.action-panel .checklist li.warning[b-qkvnfr8lti] {
    flex-direction: column;
    gap: 2px;
    align-items: flex-start;
}

.action-panel .checklist li.warning .icon[b-qkvnfr8lti] {
    color: #d97706;
}

.action-panel .checklist li.warning .detail[b-qkvnfr8lti] {
    margin-left: 20px;
    font-size: 10px;
    color: #9ca3af;
}

.action-panel .checklist li.separator[b-qkvnfr8lti] {
    height: 1px;
    background: #e5e7eb;
    margin: 8px 0;
    padding: 0;
}

/* Responsive: panel becomes bottom sheet on tablet/mobile */
@media (max-width: 992px) {
    .action-panel[b-qkvnfr8lti] {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        top: auto;
        max-width: 100%;
        border-radius: 16px 16px 0 0;
        box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
        z-index: 100;
    }

    .action-panel .action-buttons[b-qkvnfr8lti] {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .action-panel .btn-action[b-qkvnfr8lti] {
        flex: 1;
        min-width: calc(50% - 4px);
    }

    .action-panel .checklist-section[b-qkvnfr8lti] {
        display: none;
    }

    .action-panel .progress-section[b-qkvnfr8lti] {
        margin-bottom: 0;
    }
}
/* _content/MtmpProjectsPoc.Web/Components/Admin/FieldAssociationsTable.razor.rz.scp.css */
/* FieldAssociationsTable.razor.css */
/* Scoped styles for Field Associations Table component */

/* Skeleton Animation */
.skeleton[b-dkvf095tbr] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer-b-dkvf095tbr 1.5s infinite ease-in-out;
    border-radius: 4px;
}

@keyframes skeleton-shimmer-b-dkvf095tbr {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

.field-skeleton-container[b-dkvf095tbr] {
    padding: 0.5rem 0;
}

/* Empty State */
.empty-state[b-dkvf095tbr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1.5rem;
    text-align: center;
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
    border-radius: 0.5rem;
    border: 1px dashed #dee2e6;
}

.empty-state-icon[b-dkvf095tbr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background-color: #e7f1ff;
    color: #0d6efd;
    border-radius: 50%;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.empty-state-title[b-dkvf095tbr] {
    color: #212529;
    font-weight: 600;
    margin-bottom: 0.375rem;
}

.empty-state-text[b-dkvf095tbr] {
    color: #6c757d;
    font-size: 0.875rem;
    margin-bottom: 0;
    max-width: 280px;
    line-height: 1.5;
}

/* Table Improvements */
.table-hover tbody tr:hover[b-dkvf095tbr] {
    background-color: rgba(13, 110, 253, 0.04);
}

.table th[b-dkvf095tbr] {
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #fff;
    white-space: nowrap;
}

.table td[b-dkvf095tbr] {
    vertical-align: middle;
    font-size: 0.875rem;
}

/* Badge improvements */
.badge[b-dkvf095tbr] {
    font-weight: 500;
}

/* Filter button group */
.btn-group .btn[b-dkvf095tbr] {
    font-size: 0.8rem;
    padding: 0.375rem 0.75rem;
}

/* Summary text */
.text-muted.small[b-dkvf095tbr] {
    font-size: 0.75rem;
}
/* _content/MtmpProjectsPoc.Web/Components/Comments/CommentsPanel.razor.rz.scp.css */
/* DM-X2-04 — Scoped styles for the polymorphic Comments panel.
   ::deep overrides per `feedback_dm_checkbox_css_override` memory:
   the global `.dynamic-fields-container ::deep .form-check-input` rule
   paints checkboxes with a "dirty" tint that doesn't make sense in this
   panel's confirm modal. Override to a neutral Bootstrap default. */

[b-n91tpodpnd] .form-check-input {
    background-color: #fff;
    border: 1px solid #ced4da;
}

[b-n91tpodpnd] .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.comments-panel[b-n91tpodpnd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.comments-list[b-n91tpodpnd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

[b-n91tpodpnd] .comment-item {
    padding: 0.5rem 0.75rem;
    border-left: 3px solid var(--bs-gray-300);
    background: var(--bs-light);
    border-radius: 0 4px 4px 0;
}

[b-n91tpodpnd] .comment-item--reply {
    margin-left: 32px;
    background: var(--bs-white);
    border-left-color: var(--bs-primary);
}

@media (max-width: 640px) {
    [b-n91tpodpnd] .comment-item--reply {
        margin-left: 8px;
    }
}

[b-n91tpodpnd] .comment-meta {
    display: flex;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: var(--bs-secondary);
    margin-bottom: 0.25rem;
}

[b-n91tpodpnd] .comment-author {
    font-weight: 600;
    color: var(--bs-body-color);
}

[b-n91tpodpnd] .comment-time {
    font-style: italic;
}

[b-n91tpodpnd] .comment-edited {
    color: var(--bs-secondary);
    font-style: italic;
}

[b-n91tpodpnd] .comment-body {
    white-space: pre-wrap;
    word-break: break-word;
    margin-bottom: 0.25rem;
}

[b-n91tpodpnd] .comment-actions {
    display: flex;
    gap: 0.25rem;
}

[b-n91tpodpnd] .comment-actions .btn-link {
    padding: 0;
    text-decoration: none;
    font-size: 0.85rem;
}

[b-n91tpodpnd] .comment-replies {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

[b-n91tpodpnd] .comment-reply-form,
[b-n91tpodpnd] .comment-edit-form,
[b-n91tpodpnd] .comment-post-area,
[b-n91tpodpnd] .comment-post-form {
    margin-top: 0.5rem;
}

[b-n91tpodpnd] .comment-post-meta {
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    color: var(--bs-secondary);
    margin-top: 0.25rem;
}

[b-n91tpodpnd] .comment-post-counter {
    font-variant-numeric: tabular-nums;
}

[b-n91tpodpnd] .comment-post-hint code {
    background: var(--bs-gray-200);
    padding: 0 4px;
    border-radius: 3px;
}

[b-n91tpodpnd] .comment-post-actions,
[b-n91tpodpnd] .comment-edit-actions {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    margin-top: 0.5rem;
}

/* Inline modal for delete confirm — avoids pulling in a global modal infra dep. */
.modal-backdrop-comments[b-n91tpodpnd] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1050;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-dialog-comments[b-n91tpodpnd] {
    background: var(--bs-body-bg);
    padding: 1rem 1.25rem;
    border-radius: 6px;
    max-width: 420px;
    width: calc(100% - 2rem);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.modal-footer-comments[b-n91tpodpnd] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    margin-top: 1rem;
}
/* _content/MtmpProjectsPoc.Web/Components/Dm/Search/SearchFormBuilder.razor.rz.scp.css */
/* DM-X5-01 — Scoped styles for <SearchFormBuilder>. Mirrors the existing
   "search filters card" look used by the hand-rolled forms so the component
   visually blends with pages that haven't migrated yet. */

.search-form-builder[b-nhp7xsp0hf] {
    /* Match the spacing pattern of other catalog pages — title sits flush with
       the card border, form body has Bootstrap default padding. */
}

[b-nhp7xsp0hf] .form-label {
    font-weight: 500;
    margin-bottom: 0.25rem;
}

[b-nhp7xsp0hf] .form-control,
[b-nhp7xsp0hf] .form-select {
    /* Inherit Bootstrap default — explicitly named here so consumers can override
       via :deep tweaks without fighting an !important. */
}
/* _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/Fields/EditableCompactField.razor.rz.scp.css */
/* ==========================================================================
   EditableCompactField Component Styles - REFINED
   Sprint S5: Field Unification - UX Improvement

   Design Principles:
   - Clear distinction between editable and readonly fields
   - Clean, professional typography (no uppercase labels)
   - Subtle visual hierarchy
   - Accessible focus states
   ========================================================================== */

/* ========== BASE COMPONENT - COMPACT (No card appearance) ========== */

.editable-compact-field[b-kkb7qm3fen] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    transition: all 0.15s ease;
}

/* ========== EDITABLE STATE ========== */

.editable-compact-field.editable[b-kkb7qm3fen] {
    border: none;
    background-color: transparent;
}

.editable-compact-field.editable:hover[b-kkb7qm3fen] {
    border: none;
    box-shadow: none;
}

.editable-compact-field.editable:focus-within[b-kkb7qm3fen] {
    border: none;
    box-shadow: none;
}

/* ========== READONLY STATE ========== */

.editable-compact-field.readonly[b-kkb7qm3fen] {
    background-color: transparent;
    border: none;
}

.editable-compact-field.readonly:hover[b-kkb7qm3fen] {
    background-color: transparent;
}

/* ========== LIVELINK STATE ========== */

.editable-compact-field.is-livelink[b-kkb7qm3fen] {
    border: none;
    background: transparent;
}

.editable-compact-field.is-livelink:hover[b-kkb7qm3fen] {
    box-shadow: none;
}

/* ========== ERROR STATE ========== */

.editable-compact-field.has-error[b-kkb7qm3fen] {
    border: none;
    background-color: transparent;
}

/* ========== LABEL ROW ========== */

.field-label-row[b-kkb7qm3fen] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    min-height: 16px;
}

.field-label[b-kkb7qm3fen] {
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    margin: 0;
    line-height: 1.4;
}

/* Label color for editable fields */
.editable-compact-field.editable .field-label[b-kkb7qm3fen] {
    color: #374151;
}

/* ========== TOOLTIP ICON ========== */

.field-tooltip-icon[b-kkb7qm3fen] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    font-size: 11px;
    color: #9ca3af;
    cursor: help;
    position: relative;
    border-radius: 50%;
    transition: all 0.15s ease;
}

.field-tooltip-icon:hover[b-kkb7qm3fen] {
    color: #3b82f6;
    background-color: #eff6ff;
}

.field-tooltip-icon:hover[b-kkb7qm3fen]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    padding: 8px 12px;
    background-color: #1f2937;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    white-space: normal;
    max-width: 220px;
    min-width: 140px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    line-height: 1.4;
}

/* ========== REQUIRED INDICATOR ========== */

.field-required[b-kkb7qm3fen] {
    color: #ef4444;
    font-weight: 600;
    font-size: 14px;
}

/* ========== LIVELINK BADGE ========== */

.livelink-badge[b-kkb7qm3fen] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #0ea5e9;
    background-color: #e0f2fe;
    border-radius: 100px;
    margin-left: auto;
}

.livelink-dot[b-kkb7qm3fen] {
    width: 6px;
    height: 6px;
    background-color: #0ea5e9;
    border-radius: 50%;
    animation: pulse-dot-b-kkb7qm3fen 2s ease-in-out infinite;
}

@keyframes pulse-dot-b-kkb7qm3fen {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.5;
        transform: scale(0.8);
    }
}

/* ========== VALUE ROW ========== */

.field-value-row[b-kkb7qm3fen] {
    min-height: 24px;
    display: flex;
    align-items: center;
}

.field-value[b-kkb7qm3fen] {
    font-size: 13px;
    font-weight: 600;
    color: #111827;
    word-break: break-word;
    line-height: 1.4;
}

/* Empty value placeholder */
.field-value:empty[b-kkb7qm3fen]::before,
.field-value:has(> :empty)[b-kkb7qm3fen]::before {
    content: "—";
    color: #d1d5db;
}

.field-value.aggregator[b-kkb7qm3fen] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-style: italic;
    color: #6b7280;
}

.aggregator-icon[b-kkb7qm3fen] {
    font-size: 12px;
    color: #9ca3af;
}

/* ========== STATUS COLORS ========== */

.field-value.status-good[b-kkb7qm3fen] {
    color: #16a34a;
}

.field-value.status-fair[b-kkb7qm3fen],
.field-value.status-warning[b-kkb7qm3fen] {
    color: #d97706;
}

.field-value.status-poor[b-kkb7qm3fen],
.field-value.status-danger[b-kkb7qm3fen] {
    color: #dc2626;
}

.field-value.status-neutral[b-kkb7qm3fen] {
    color: #6b7280;
}

/* ========== INPUT STYLES - COMPACT ========== */

.field-input[b-kkb7qm3fen] {
    width: 100%;
    padding: 6px 10px;
    font-size: 13px;
    font-weight: 500;
    color: #111827;
    background-color: #fff;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    transition: all 0.15s ease;
}

.field-input:hover[b-kkb7qm3fen] {
    background-color: #ffffff;
    border-color: #9ca3af;
}

.field-input:focus[b-kkb7qm3fen] {
    outline: none;
    background-color: #ffffff;
    border-color: #0066CC;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
}

.field-input[b-kkb7qm3fen]::placeholder {
    color: #9ca3af;
    font-weight: 400;
}

.field-input.is-invalid[b-kkb7qm3fen] {
    border-color: #ef4444;
    background-color: #fef2f2;
}

.field-input.is-invalid:focus[b-kkb7qm3fen] {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

/* ========== SELECT DROPDOWN ========== */

.field-select[b-kkb7qm3fen] {
    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='%236b7280' d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 32px;
    cursor: pointer;
}

.field-select:hover[b-kkb7qm3fen] {
    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='%233b82f6' d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E");
}

/* ========== CHECKBOX ========== */

.field-checkbox-wrapper[b-kkb7qm3fen] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 0;
}

.field-checkbox[b-kkb7qm3fen] {
    width: 18px;
    height: 18px;
    accent-color: #3b82f6;
    cursor: pointer;
    border-radius: 4px;
}

.checkbox-label[b-kkb7qm3fen] {
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    cursor: pointer;
    margin: 0;
    user-select: none;
}

/* ========== TEXTAREA ========== */

.field-textarea[b-kkb7qm3fen] {
    resize: vertical;
    min-height: 72px;
    font-family: inherit;
    line-height: 1.5;
}

/* ========== MULTILINE TEXT (Justification/Explanation Fields) ========== */

.field-multiline-text[b-kkb7qm3fen] {
    width: 100%;
    min-height: 100px;
    padding: 12px;
    resize: vertical;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background-color: #f9fafb;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.5;
    transition: all 0.15s ease;
}

.field-multiline-text:hover[b-kkb7qm3fen] {
    background-color: #ffffff;
    border-color: #9ca3af;
}

.field-multiline-text:focus[b-kkb7qm3fen] {
    outline: none;
    border-color: #0066CC;
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
}

.field-multiline-text[b-kkb7qm3fen]::placeholder {
    color: #9ca3af;
    font-weight: 400;
    font-style: italic;
}

.field-multiline-text.is-invalid[b-kkb7qm3fen] {
    border-color: #ef4444;
    background-color: #fef2f2;
}

.field-multiline-text.is-invalid:focus[b-kkb7qm3fen] {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

/* ========== VALIDATION ERROR ========== */

.field-error[b-kkb7qm3fen] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-top: 4px;
    font-size: 12px;
    color: #ef4444;
    font-weight: 500;
}

.field-error .oi[b-kkb7qm3fen] {
    font-size: 11px;
}

/* ========== COMPACT MODE (for Hero Fields) ========== */

.editable-compact-field.compact[b-kkb7qm3fen] {
    padding: 8px 10px;
    gap: 2px;
}

.editable-compact-field.compact .field-label[b-kkb7qm3fen] {
    font-size: 11px;
}

.editable-compact-field.compact .field-value[b-kkb7qm3fen] {
    font-size: 13px;
}

.editable-compact-field.compact .field-input[b-kkb7qm3fen] {
    padding: 6px 8px;
    font-size: 13px;
}

.editable-compact-field.compact .field-value-row[b-kkb7qm3fen] {
    min-height: 24px;
}

/* ========== STATE ICONS (Edit/Lock) ========== */

.field-state-icon[b-kkb7qm3fen] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    font-size: 11px;
    color: #9ca3af;
    opacity: 0;
    transition: opacity 0.15s ease;
}

/* Lock icon: always visible for readonly fields */
.editable-compact-field.readonly .field-state-icon.icon-lock[b-kkb7qm3fen] {
    opacity: 0.5;
}

/* Edit icon: shows on hover for editable fields */
.editable-compact-field.editable:hover .field-state-icon.icon-edit[b-kkb7qm3fen] {
    opacity: 0.6;
    color: #3b82f6;
}

/* Edit icon: higher opacity when focused */
.editable-compact-field.editable:focus-within .field-state-icon.icon-edit[b-kkb7qm3fen] {
    opacity: 0.8;
    color: #3b82f6;
}

/* LiveLink fields with lock have cyan color */
.editable-compact-field.is-livelink .field-state-icon.icon-lock[b-kkb7qm3fen] {
    color: #0ea5e9;
    opacity: 0.6;
}

/* ========== REDUCED MOTION ========== */

@media (prefers-reduced-motion: reduce) {
    .editable-compact-field[b-kkb7qm3fen],
    .field-input[b-kkb7qm3fen],
    .field-tooltip-icon[b-kkb7qm3fen],
    .field-state-icon[b-kkb7qm3fen] {
        transition: none;
    }

    .livelink-dot[b-kkb7qm3fen] {
        animation: none;
    }
}

/* ========== PRINT ========== */

@media print {
    .editable-compact-field[b-kkb7qm3fen] {
        border: 1px solid #000;
        background: #fff;
        box-shadow: none;
        border-left-width: 1px;
    }

    .livelink-badge[b-kkb7qm3fen],
    .field-state-icon[b-kkb7qm3fen] {
        display: none;
    }

    .field-input[b-kkb7qm3fen],
    .field-select[b-kkb7qm3fen],
    .field-textarea[b-kkb7qm3fen] {
        border: none;
        background: transparent;
        padding: 0;
    }
}
/* _content/MtmpProjectsPoc.Web/Components/Fields/FieldContainer.razor.rz.scp.css */
/* ==========================================================================
   FieldContainer Component Styles
   Sprint S5: Field Unification - Story 28.20

   Shared wrapper styles for field components.
   Uses CSS custom properties from field-grid-variables.css
   ========================================================================== */

/* ========== BASE CONTAINER ========== */

.field-container[b-ash4irharj] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--field-padding);
    background-color: var(--field-bg-editable);
    border: var(--field-border-width) solid var(--field-border-color);
    border-radius: var(--field-border-radius-lg);
    transition: var(--field-transition);
}

.field-container:hover[b-ash4irharj] {
    box-shadow: var(--field-shadow-hover);
}

.field-container:focus-within[b-ash4irharj] {
    border-color: var(--color-livelink);
    box-shadow: var(--field-shadow-focus);
}

/* ========== COMPACT MODE ========== */

.field-container.compact[b-ash4irharj] {
    padding: var(--field-padding-compact);
}

/* ========== READONLY STATE ========== */

.field-container.readonly[b-ash4irharj] {
    background-color: var(--field-bg-readonly);
}

.field-container.readonly:hover[b-ash4irharj] {
    box-shadow: none;
}

/* ========== HIGHLIGHTED STATE (LiveLink) ========== */

.field-container.highlighted[b-ash4irharj] {
    border-left: var(--field-border-livelink-width) solid var(--color-livelink);
    background: linear-gradient(135deg, var(--color-livelink-bg) 0%, var(--field-bg-editable) 30%);
}

/* ========== ERROR STATE ========== */

.field-container.has-error[b-ash4irharj] {
    border-color: var(--color-error);
    background-color: var(--color-error-bg);
}

.field-container.has-error:focus-within[b-ash4irharj] {
    border-color: var(--color-error);
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

/* ========== LABEL ROW ========== */

.field-label-row[b-ash4irharj] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    min-height: 16px;
}

.field-label[b-ash4irharj] {
    font-size: var(--field-label-size);
    font-weight: var(--field-label-weight);
    color: var(--field-label-color);
    text-transform: var(--field-label-transform);
    letter-spacing: var(--field-label-spacing);
    margin: 0;
    line-height: 1.2;
}

/* ========== TOOLTIP ICON ========== */

.field-tooltip-icon[b-ash4irharj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    font-size: 10px;
    color: var(--field-label-color);
    cursor: help;
    position: relative;
    border-radius: 50%;
    transition: var(--field-transition-fast);
}

.field-tooltip-icon:hover[b-ash4irharj],
.field-tooltip-icon:focus[b-ash4irharj] {
    color: var(--color-livelink);
    background-color: var(--color-livelink-bg);
    outline: none;
}

.field-tooltip-icon:hover[b-ash4irharj]::after,
.field-tooltip-icon:focus[b-ash4irharj]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    padding: var(--tooltip-padding);
    background-color: var(--tooltip-bg);
    color: var(--tooltip-text);
    font-size: var(--tooltip-font-size);
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    white-space: normal;
    max-width: var(--tooltip-max-width);
    min-width: 120px;
    border-radius: var(--tooltip-border-radius);
    box-shadow: var(--tooltip-shadow);
    z-index: 1000;
    line-height: 1.4;
    text-align: left;
}

/* Tooltip arrow */
.field-tooltip-icon:hover[b-ash4irharj]::before,
.field-tooltip-icon:focus[b-ash4irharj]::before {
    content: '';
    position: absolute;
    bottom: calc(100% + 2px);
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top-color: var(--tooltip-bg);
    z-index: 1001;
}

/* ========== REQUIRED INDICATOR ========== */

.field-required[b-ash4irharj] {
    color: var(--color-error);
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
}

/* ========== LIVELINK BADGE ========== */

.livelink-badge[b-ash4irharj] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 6px;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--color-livelink);
    background-color: var(--color-livelink-bg);
    border-radius: 100px;
    margin-left: auto;
}

.livelink-dot[b-ash4irharj] {
    width: 5px;
    height: 5px;
    background-color: var(--color-livelink);
    border-radius: 50%;
    animation: livelink-pulse-b-ash4irharj 2s ease-in-out infinite;
}

@keyframes livelink-pulse-b-ash4irharj {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.5;
        transform: scale(0.8);
    }
}

/* ========== CONTENT AREA ========== */

.field-content[b-ash4irharj] {
    min-height: 24px;
    display: flex;
    align-items: center;
}

/* ========== ERROR MESSAGE ========== */

.field-error[b-ash4irharj] {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    padding-top: 4px;
    font-size: 11px;
    color: var(--color-error);
    line-height: 1.3;
}

.field-error .oi[b-ash4irharj] {
    font-size: 10px;
    flex-shrink: 0;
    margin-top: 1px;
}

/* ========== FOOTER ========== */

.field-footer[b-ash4irharj] {
    padding-top: 4px;
    font-size: 11px;
    color: var(--field-label-color);
}

/* ========== REDUCED MOTION ========== */

@media (prefers-reduced-motion: reduce) {
    .field-container[b-ash4irharj] {
        transition: none;
    }

    .field-tooltip-icon[b-ash4irharj] {
        transition: none;
    }

    .livelink-dot[b-ash4irharj] {
        animation: none;
    }
}

/* ========== PRINT ========== */

@media print {
    .field-container[b-ash4irharj] {
        border: 1px solid #ccc;
        background: #fff;
        box-shadow: none;
        page-break-inside: avoid;
    }

    .livelink-badge[b-ash4irharj] {
        display: none;
    }

    .field-tooltip-icon[b-ash4irharj] {
        display: none;
    }
}
/* _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/Intake/BottomActionBar.razor.rz.scp.css */
/*
    Story UX-INT-01.05 — bottom-action-bar styles. Slim, full-width, sticky to the bottom.
    Consumes design-tokens.css (--btn-primary-bg, --radius-lg, --shadow-md, --z-sticky).
*/

.bottom-action-bar[b-a6p5dguzcg] {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: var(--z-sticky, 1020);
    background: var(--medtronic-white, #fff);
    border-top: 1px solid var(--medtronic-gray-lightest, #e0e0e0);
    box-shadow: var(--shadow-md, 0 2px 8px rgba(0, 0, 0, 0.1));
    margin-top: var(--spacing-lg, 24px);
}

.bottom-action-bar__inner[b-a6p5dguzcg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-md, 16px);
    padding: 12px 20px;
}

/* Discreet "Cancelar" link */
.bottom-action-bar__cancel[b-a6p5dguzcg] {
    background: none;
    border: none;
    color: var(--text-secondary, #666);
    font-size: var(--font-size-sm, 14px);
    text-decoration: underline;
    cursor: pointer;
    padding: 6px 8px;
}

.bottom-action-bar__cancel:hover:not(:disabled)[b-a6p5dguzcg] {
    color: var(--text-primary, #333);
}

.bottom-action-bar__cancel:disabled[b-a6p5dguzcg] {
    opacity: 0.55;
    cursor: not-allowed;
}

/* Primary CTA pill */
.bottom-action-bar__cta[b-a6p5dguzcg] {
    display: inline-flex;
    align-items: center;
    background: var(--btn-primary-bg, #1010EB);
    color: #fff;
    border: none;
    border-radius: var(--radius-lg, 24px);
    padding: 0 32px;
    height: 44px;
    font-weight: var(--font-weight-semibold, 600);
    font-size: var(--font-size-md, 16px);
    cursor: pointer;
    transition: box-shadow var(--transition-fast, 150ms), opacity var(--transition-fast, 150ms);
}

.bottom-action-bar__cta:hover:not(:disabled)[b-a6p5dguzcg] {
    box-shadow: var(--btn-primary-hover-shadow, 0 5px 15px rgba(16, 16, 235, 0.4));
}

.bottom-action-bar__cta:focus-visible[b-a6p5dguzcg] {
    outline: 3px solid var(--medtronic-blue-interactive, #1010EB);
    outline-offset: 2px;
}

.bottom-action-bar__cta:disabled[b-a6p5dguzcg] {
    opacity: 0.55;
    cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
    .bottom-action-bar__cta[b-a6p5dguzcg] {
        transition: none;
    }
}
/* _content/MtmpProjectsPoc.Web/Components/Intake/ChapterChip.razor.rz.scp.css */
/*
    Story UX-INT-01.02 — chapter-chip styles.
    Reuses the Mold Card header chrome. The pill is BLUE (selection), never cyan.
    Consumes design-tokens.css (--medtronic-blue-interactive, --radius-*, --shadow-sm).
*/

.chapter-chip[b-osps6dr45t] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 8px);
    width: 100%;
    padding: 12px 16px;
    background: var(--medtronic-white, #fff);
    border: 1px solid var(--medtronic-gray-lightest, #f5f5f5);
    border-bottom: 1px solid #e0e0e0; /* faint bottom border (Mold Card header chrome) */
    border-radius: var(--radius-md, 8px);
    box-shadow: var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1));
    cursor: pointer;
    text-align: left;
    font-size: var(--font-size-sm, 14px);
    transition: background-color var(--transition-fast, 150ms);
}

.chapter-chip:hover[b-osps6dr45t] {
    background: var(--medtronic-gray-lightest, #f5f5f5);
}

.chapter-chip:focus-visible[b-osps6dr45t] {
    outline: 3px solid var(--medtronic-blue-interactive, #1010EB);
    outline-offset: 2px;
}

.chapter-chip__icon[b-osps6dr45t] {
    color: var(--medtronic-blue-interactive, #1010EB);
    flex-shrink: 0;
}

.chapter-chip__label[b-osps6dr45t] {
    flex: 1;
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, #333);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* State pill — BLUE selection accent. Mirrors the LIVE pill SHAPE but never cyan. */
.chapter-chip__pill[b-osps6dr45t] {
    flex-shrink: 0;
    padding: 2px 10px;
    border-radius: var(--radius-lg, 24px);
    background: var(--selection-bg, #e7f1ff);
    color: var(--medtronic-blue-interactive, #1010EB);
    border: 1px solid var(--medtronic-blue-interactive, #1010EB);
    font-size: var(--font-size-xs, 12px);
    font-weight: var(--font-weight-semibold, 600);
    line-height: 1.4;
}

.chapter-chip__chevron[b-osps6dr45t] {
    flex-shrink: 0;
    color: var(--medtronic-gray-medium, #666);
    font-size: var(--font-size-lg, 18px);
}

@media (prefers-reduced-motion: reduce) {
    .chapter-chip[b-osps6dr45t] {
        transition: none;
    }
}
/* _content/MtmpProjectsPoc.Web/Components/Intake/IntakeChapter.razor.rz.scp.css */
/*
    Story UX-INT-01.01 — Narrative chapter shell styles.
    Semantic motion only: "resolved = collapse", "your turn = reveal". Under
    prefers-reduced-motion the transforms drop and state changes are instant.
    Consumes design-tokens.css custom properties (--transition-*, --radius-*, etc.).
*/

.intake-chapter[b-2r5bzswbyb] {
    margin-bottom: var(--spacing-lg, 24px);
}

/* ─── Active: the single chapter on stage ─────────────────────────────── */
.intake-chapter--active[b-2r5bzswbyb] {
    animation: intake-chapter-reveal-b-2r5bzswbyb var(--transition-base, 200ms) ease;
}

.intake-chapter__header[b-2r5bzswbyb] {
    margin-bottom: var(--spacing-md, 16px);
}

.intake-chapter__title[b-2r5bzswbyb] {
    font-size: var(--font-size-2xl, 24px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, #333);
    margin: 0;
}

.intake-chapter__prompt[b-2r5bzswbyb] {
    font-size: var(--font-size-md, 16px);
    color: var(--text-secondary, #666);
    margin: var(--spacing-xs, 4px) 0 0;
}

.intake-chapter__body[b-2r5bzswbyb] {
    /* Body owns its own section cards; no extra chrome here. */
}

/* ─── Pending: dimmed 1-line placeholder (the story map) ───────────────── */
.intake-chapter--pending .intake-chapter__placeholder[b-2r5bzswbyb] {
    opacity: 0.5;
    padding: var(--spacing-md, 16px) var(--spacing-lg, 24px);
    border: 1px dashed var(--medtronic-gray-light, #999);
    border-radius: var(--radius-md, 8px);
    font-size: var(--font-size-lg, 18px);
    color: var(--text-secondary, #666);
    cursor: default;
    user-select: none;
}

.intake-chapter__placeholder-title[b-2r5bzswbyb] {
    font-weight: var(--font-weight-semibold, 600);
}

.intake-chapter__placeholder-hint[b-2r5bzswbyb] {
    font-weight: var(--font-weight-normal, 400);
    font-size: var(--font-size-sm, 14px);
}

/* ─── Collapsed: fallback chip (real chip = UX-INT-01.02) ──────────────── */
.intake-chapter--collapsed[b-2r5bzswbyb] {
    animation: intake-chapter-collapse-b-2r5bzswbyb var(--transition-fast, 150ms) ease;
}

.intake-chapter__chip-fallback[b-2r5bzswbyb] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 8px);
    width: 100%;
    padding: 12px 16px;
    background: var(--medtronic-white, #fff);
    border: 1px solid var(--medtronic-gray-lightest, #f5f5f5);
    border-bottom: 1px solid #e0e0e0;
    border-radius: var(--radius-md, 8px);
    box-shadow: var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1));
    cursor: pointer;
    text-align: left;
    transition: background-color var(--transition-fast, 150ms);
}

.intake-chapter__chip-fallback:hover[b-2r5bzswbyb] {
    background: var(--medtronic-gray-lightest, #f5f5f5);
}

.intake-chapter__chip-fallback:focus-visible[b-2r5bzswbyb] {
    outline: 3px solid var(--medtronic-blue-interactive, #1010EB);
    outline-offset: 2px;
}

.intake-chapter__chip-marker[b-2r5bzswbyb] {
    color: var(--medtronic-blue-interactive, #1010EB);
}

.intake-chapter__chip-title[b-2r5bzswbyb] {
    flex: 1;
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, #333);
}

.intake-chapter__chip-chevron[b-2r5bzswbyb] {
    color: var(--medtronic-gray-medium, #666);
    font-size: var(--font-size-lg, 18px);
}

/* ─── Semantic motion keyframes ───────────────────────────────────────── */
@keyframes intake-chapter-reveal-b-2r5bzswbyb {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes intake-chapter-collapse-b-2r5bzswbyb {
    from {
        opacity: 0.6;
    }
    to {
        opacity: 1;
    }
}

/* ─── Reduced motion: drop transforms, keep state changes instant ──────── */
@media (prefers-reduced-motion: reduce) {
    .intake-chapter--active[b-2r5bzswbyb],
    .intake-chapter--collapsed[b-2r5bzswbyb] {
        animation: none;
    }
    .intake-chapter__chip-fallback[b-2r5bzswbyb] {
        transition: none;
    }
}
/* _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/ProjectSummaryCard.razor.rz.scp.css */
/* Project summary card — UX redesign 2026-04-30, spec section 2.4 */

.project-summary-card[b-6j93ryzw1a] {
    border: 1px solid #e5e7eb;
    border-left: 4px solid #10b981;
    background: linear-gradient(135deg, #ecfdf5 0%, #fff 100%);
    border-radius: 8px;
    margin-bottom: 24px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.project-summary-card .card-header[b-6j93ryzw1a] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(16, 185, 129, 0.15);
    background: transparent;
}

.project-summary-card .card-header .card-icon[b-6j93ryzw1a] {
    font-size: 18px;
}

.project-summary-card .card-header h5[b-6j93ryzw1a] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #065f46;
    flex: 1;
}

.project-summary-card .preview-badge[b-6j93ryzw1a] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #059669;
    background-color: #d1fae5;
    border: 1px solid #a7f3d0;
    border-radius: 100px;
}

.project-summary-card .card-body[b-6j93ryzw1a] {
    padding: 12px 16px 16px 16px;
}

.project-summary-card .summary-grid[b-6j93ryzw1a] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    padding: 12px;
    background: #f9fafb;
    border-radius: 6px;
}

.project-summary-card .summary-item[b-6j93ryzw1a] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.project-summary-card .summary-item .label[b-6j93ryzw1a] {
    font-size: 10px;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.project-summary-card .summary-item .value[b-6j93ryzw1a] {
    font-size: 13px;
    font-weight: 500;
    color: #111827;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-summary-card .summary-item .value code[b-6j93ryzw1a] {
    font-size: 12px;
    background: #f3f4f6;
    padding: 2px 6px;
    border-radius: 4px;
}

.project-summary-card .summary-secondary[b-6j93ryzw1a] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e5e7eb;
    font-size: 12px;
    color: #4b5563;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.project-summary-card .summary-secondary .dot[b-6j93ryzw1a] {
    color: #d1d5db;
}

@media (max-width: 992px) {
    .project-summary-card .summary-grid[b-6j93ryzw1a] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .project-summary-card .summary-grid[b-6j93ryzw1a] {
        grid-template-columns: 1fr;
    }
}
/* _content/MtmpProjectsPoc.Web/Components/ProjectTechnicalSheet.razor.rz.scp.css */
/*
    ProjectTechnicalSheet.razor.css
    ================================
    Styles for the Project Technical Sheet (Ficha Técnica) component.
    Uses Medtronic design system variables where applicable.
*/

.project-technical-sheet[b-lmwfgzjs0z] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease;
}

.project-technical-sheet:hover[b-lmwfgzjs0z] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

/* Header Bar */
.technical-sheet-header[b-lmwfgzjs0z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: linear-gradient(to right, #f8fafc, #ffffff);
    border-bottom: 1px solid #e5e7eb;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
}

.technical-sheet-header:hover[b-lmwfgzjs0z] {
    background: linear-gradient(to right, #f1f5f9, #f8fafc);
}

.project-technical-sheet.collapsed .technical-sheet-header[b-lmwfgzjs0z] {
    border-radius: 8px;
    border-bottom: none;
}

.collapsed-summary[b-lmwfgzjs0z] {
    font-style: italic;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Body */
.technical-sheet-body[b-lmwfgzjs0z] {
    padding: 1rem;
    animation: fadeIn-b-lmwfgzjs0z 0.2s ease;
}

@keyframes fadeIn-b-lmwfgzjs0z {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Field Items - COMPACT (No card appearance) */
.field-item[b-lmwfgzjs0z] {
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: none;
    transition: all 0.2s ease;
}

.field-item:hover[b-lmwfgzjs0z] {
    background: transparent;
    border: none;
}

.field-item.editable:hover[b-lmwfgzjs0z] {
    border: none;
    background: transparent;
}

.field-item.secondary[b-lmwfgzjs0z] {
    background: transparent;
}

.field-item.tertiary[b-lmwfgzjs0z] {
    background: transparent;
    border: none;
}

/* Field Label - COMPACT */
.field-label[b-lmwfgzjs0z] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    color: #374151;
    margin-bottom: 2px;
}

.field-icon[b-lmwfgzjs0z] {
    font-size: 0.875rem;
}

/* Field Value - COMPACT */
.field-value[b-lmwfgzjs0z] {
    font-size: 13px;
    font-weight: 600;
    color: #111827;
    word-break: break-word;
}

.field-value.text-muted[b-lmwfgzjs0z] {
    color: #9ca3af !important;
    font-style: italic;
}

/* Editable Field Input */
.field-input[b-lmwfgzjs0z] {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 0.95rem;
    font-weight: 500;
    color: #111827;
    width: 100%;
}

.field-input:focus[b-lmwfgzjs0z] {
    outline: none;
    box-shadow: none;
    background: #ffffff;
    border-radius: 4px;
    padding: 0.25rem;
    margin: -0.25rem;
    border: 1px solid #3b82f6;
}

/* Compact Mode (Create Project) */
.project-technical-sheet.compact-mode[b-lmwfgzjs0z] {
    background: #f0fdf4;
    border-color: #86efac;
}

.project-technical-sheet.compact-mode .technical-sheet-header[b-lmwfgzjs0z] {
    background: linear-gradient(to right, #dcfce7, #f0fdf4);
}

.project-technical-sheet.compact-mode .field-item[b-lmwfgzjs0z] {
    background: rgba(255, 255, 255, 0.7);
}

/* Skeleton Loaders */
.skeleton[b-lmwfgzjs0z] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-lmwfgzjs0z 1.5s infinite;
    border-radius: 4px;
}

.skeleton-text[b-lmwfgzjs0z] {
    height: 14px;
}

@keyframes skeleton-loading-b-lmwfgzjs0z {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .technical-sheet-header[b-lmwfgzjs0z] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-start;
    }

    .collapsed-summary[b-lmwfgzjs0z] {
        display: none;
    }

    .field-item[b-lmwfgzjs0z] {
        padding: 0.5rem;
    }

    .field-label[b-lmwfgzjs0z] {
        font-size: 0.65rem;
    }

    .field-value[b-lmwfgzjs0z] {
        font-size: 0.875rem;
    }
}

/* Sticky behavior (for ProjectDetail integration) */
.project-technical-sheet.sticky[b-lmwfgzjs0z] {
    position: sticky;
    top: 60px;
    z-index: 100;
    margin-bottom: 1rem;
}

@media (max-width: 768px) {
    .project-technical-sheet.sticky[b-lmwfgzjs0z] {
        position: static;
    }
}

/* ========== UNIFIED STYLES (UX Unification Sprint) ========== */

/* Mode Indicators (Left Border) */
.project-technical-sheet.unified.mode-editable[b-lmwfgzjs0z] {
    border-left: 4px solid #22c55e; /* Green for editable */
}

.project-technical-sheet.unified.mode-readonly[b-lmwfgzjs0z] {
    border-left: 4px solid #9ca3af; /* Gray for readonly */
}

.project-technical-sheet.unified.mode-mixed[b-lmwfgzjs0z] {
    border-left: 4px solid #0ea5e9; /* Cyan for mixed */
}

/* ========== HERO FIELDS SECTION - COMPACT ========== */

.hero-fields-section[b-lmwfgzjs0z] {
    padding: 10px 12px;
    border-bottom: 1px solid #e5e7eb;
    background: transparent;
}

.hero-fields-grid[b-lmwfgzjs0z] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

@media (max-width: 1024px) {
    .hero-fields-grid[b-lmwfgzjs0z] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .hero-fields-grid[b-lmwfgzjs0z] {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
}

/* ========== EXPANDED FIELDS SECTION - COMPACT ========== */

.expanded-fields-section[b-lmwfgzjs0z] {
    padding: 10px 12px;
}

.field-category-header[b-lmwfgzjs0z] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 0 2px 0;
    margin-top: 8px;
    border-bottom: none; /* Remove border */
    font-size: 13px;
    font-weight: 600;
    text-transform: none; /* Remove uppercase */
    letter-spacing: normal;
    color: #374151;
}

.field-category-header:first-child[b-lmwfgzjs0z] {
    margin-top: 0;
}

.field-category-header .category-icon[b-lmwfgzjs0z] {
    font-size: 14px;
}

.field-category-header.readonly-category[b-lmwfgzjs0z] {
    color: #9ca3af;
}

.field-category-header.readonly-category[b-lmwfgzjs0z]::after {
    content: "(Solo lectura)";
    font-weight: 500;
    font-size: 11px;
    font-style: normal;
    margin-left: auto;
    opacity: 0.7;
}

/* Field Grid in Expanded Section */
.expanded-fields-section .field-grid[b-lmwfgzjs0z] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 8px;
}

@media (max-width: 1024px) {
    .expanded-fields-section .field-grid[b-lmwfgzjs0z] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .expanded-fields-section .field-grid[b-lmwfgzjs0z] {
        grid-template-columns: 1fr;
    }
}

/* ========== SECTION DIVIDER ========== */

.field-section-divider[b-lmwfgzjs0z] {
    height: 1px;
    margin: 12px 0;
    background: linear-gradient(90deg, transparent, #e5e7eb 20%, #e5e7eb 80%, transparent);
}

/* ========== SHOW MORE BUTTON (Updated) ========== */

.btn-show-more[b-lmwfgzjs0z] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 500;
    color: #0ea5e9;
    background: transparent;
    border: 1px solid #0ea5e9;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-show-more:hover[b-lmwfgzjs0z] {
    background-color: rgba(14, 165, 233, 0.08);
}

.btn-show-more.expanded[b-lmwfgzjs0z] {
    background-color: rgba(14, 165, 233, 0.08);
}

/* ========== HEADER UPDATES ========== */

.project-technical-sheet.unified .technical-sheet-header[b-lmwfgzjs0z] {
    padding: 12px 16px;
}

.project-technical-sheet.unified .header-content[b-lmwfgzjs0z] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.project-technical-sheet.unified .header-content h6[b-lmwfgzjs0z] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #111827;
}

.header-actions[b-lmwfgzjs0z] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.expand-icon[b-lmwfgzjs0z] {
    font-size: 12px;
    color: #6b7280;
    transition: transform 0.2s ease;
}

.project-technical-sheet.collapsed .expand-icon[b-lmwfgzjs0z] {
    transform: rotate(0deg);
}

/* ========== EMPTY STATE ========== */

.empty-state[b-lmwfgzjs0z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    text-align: center;
    color: #6b7280;
}

.empty-state .oi[b-lmwfgzjs0z] {
    font-size: 24px;
    margin-bottom: 8px;
    opacity: 0.5;
}

.empty-state p[b-lmwfgzjs0z] {
    margin: 0 0 4px 0;
    font-weight: 500;
}

.empty-state small[b-lmwfgzjs0z] {
    font-size: 12px;
    opacity: 0.8;
}

/* ========== SKELETON FIELDS ========== */

.skeleton-field[b-lmwfgzjs0z] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 12px;
    background: #f9fafb;
    border-radius: 6px;
}

.skeleton-label[b-lmwfgzjs0z] {
    width: 60%;
    height: 10px;
}

.skeleton-value[b-lmwfgzjs0z] {
    width: 80%;
    height: 16px;
}

/* ========== REDUCED MOTION ========== */

@media (prefers-reduced-motion: reduce) {
    .project-technical-sheet[b-lmwfgzjs0z],
    .hero-fields-grid[b-lmwfgzjs0z],
    .btn-show-more[b-lmwfgzjs0z],
    .expand-icon[b-lmwfgzjs0z] {
        transition: none;
    }

    .technical-sheet-body[b-lmwfgzjs0z] {
        animation: none;
    }
}

/* ========== PRINT STYLES ========== */

@media print {
    .project-technical-sheet.unified[b-lmwfgzjs0z] {
        border: 1px solid #000;
        border-left-width: 4px;
        box-shadow: none;
    }

    .btn-show-more[b-lmwfgzjs0z],
    .expand-icon[b-lmwfgzjs0z] {
        display: none;
    }

    .hero-fields-grid[b-lmwfgzjs0z],
    .expanded-fields-section .field-grid[b-lmwfgzjs0z] {
        display: block;
    }
}
/* _content/MtmpProjectsPoc.Web/Components/Tasks/TaskList.razor.rz.scp.css */
/* Task List Styles - Epic 23: Task Execution & Tracking */

.task-list[b-rwqgg9a0qy] {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    background: #fff;
}

.task-list-item[b-rwqgg9a0qy] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.15s ease-in-out;
}

.task-list-item:last-child[b-rwqgg9a0qy] {
    border-bottom: none;
}

.task-list-item:hover[b-rwqgg9a0qy] {
    background-color: #f8f9fa;
}

/* Status-based styling */
.task-completed[b-rwqgg9a0qy] {
    background-color: #f8fff8;
}

.task-completed .task-name[b-rwqgg9a0qy] {
    text-decoration: line-through;
    color: #6c757d;
}

.task-skipped[b-rwqgg9a0qy] {
    background-color: #fafafa;
}

.task-skipped .task-name[b-rwqgg9a0qy] {
    color: #6c757d;
    font-style: italic;
}

.task-overdue[b-rwqgg9a0qy] {
    background-color: #fff5f5;
}

.task-pending[b-rwqgg9a0qy] {
    background-color: #fff;
}

/* Checkbox area */
.task-checkbox[b-rwqgg9a0qy] {
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.task-complete-checkbox[b-rwqgg9a0qy] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.task-complete-checkbox:disabled[b-rwqgg9a0qy] {
    cursor: not-allowed;
    opacity: 0.5;
}

/* Status icons */
.status-icon[b-rwqgg9a0qy] {
    font-size: 1.2rem;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.status-icon.completed[b-rwqgg9a0qy] {
    color: #198754;
    background-color: #d1e7dd;
}

.status-icon.skipped[b-rwqgg9a0qy] {
    color: #6c757d;
    background-color: #e9ecef;
}

/* Task name */
.task-name[b-rwqgg9a0qy] {
    font-weight: 500;
    padding-right: 1rem;
}

/* Dates */
.task-dates[b-rwqgg9a0qy] {
    width: 120px;
    text-align: center;
}

/* Assignment */
.task-assignment[b-rwqgg9a0qy] {
    width: 120px;
    text-align: center;
}

/* Status badge */
.task-status[b-rwqgg9a0qy] {
    width: 100px;
    text-align: center;
}

/* Actions */
.task-actions[b-rwqgg9a0qy] {
    width: 140px;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

/* Processing overlay */
.task-processing-overlay[b-rwqgg9a0qy] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

/* Header and footer */
.task-list-header[b-rwqgg9a0qy],
.task-list-footer[b-rwqgg9a0qy] {
    font-size: 0.875rem;
}

/* Progress bar in footer */
.task-list-footer .progress[b-rwqgg9a0qy] {
    background-color: #e9ecef;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .task-list-item[b-rwqgg9a0qy] {
        flex-wrap: wrap;
    }

    .task-dates[b-rwqgg9a0qy],
    .task-assignment[b-rwqgg9a0qy] {
        display: none;
    }

    .task-name[b-rwqgg9a0qy] {
        flex: 1 1 calc(100% - 40px - 100px - 140px);
    }
}
/* _content/MtmpProjectsPoc.Web/Components/Tasks/TaskListItem.razor.rz.scp.css */
/* TaskListItem scoped styles - Epic 23: Task Execution & Tracking */

.task-list-item[b-mwnawakgc9] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #e0e0e0;
    background: #fff;
    transition: background-color 0.15s ease;
    min-height: 56px;
    position: relative;
}

.task-list-item:hover[b-mwnawakgc9] {
    background: #f8f9fa;
}

.task-list-item.task-completed[b-mwnawakgc9] {
    background: #f8fff8;
}

.task-list-item.task-completed .task-name span[b-mwnawakgc9] {
    text-decoration: line-through;
    color: #6c757d;
}

.task-list-item.task-skipped[b-mwnawakgc9] {
    background: #fafafa;
}

.task-list-item.task-skipped .task-name span[b-mwnawakgc9] {
    font-style: italic;
    color: #6c757d;
}

.task-list-item.task-overdue[b-mwnawakgc9] {
    background: #fff5f5;
    border-left: 3px solid #dc3545;
}

.task-checkbox[b-mwnawakgc9] {
    width: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.task-complete-checkbox[b-mwnawakgc9] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.task-complete-checkbox:disabled[b-mwnawakgc9] {
    cursor: not-allowed;
    opacity: 0.5;
}

.status-icon[b-mwnawakgc9] {
    font-size: 18px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.status-icon.completed[b-mwnawakgc9] {
    color: #198754;
    background: #d1e7dd;
}

.status-icon.skipped[b-mwnawakgc9] {
    color: #6c757d;
    background: #e9ecef;
}

.task-name[b-mwnawakgc9] {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    color: #3c3c3c;
    padding-right: 16px;
    min-width: 0;
}

.task-dates[b-mwnawakgc9] {
    width: 120px;
    flex-shrink: 0;
    text-align: center;
}

.task-assignment[b-mwnawakgc9] {
    width: 120px;
    flex-shrink: 0;
    text-align: center;
}

.task-status[b-mwnawakgc9] {
    width: 100px;
    flex-shrink: 0;
    text-align: center;
}

.task-actions[b-mwnawakgc9] {
    width: 140px;
    flex-shrink: 0;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.task-processing-overlay[b-mwnawakgc9] {
    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;
}

/* Date Display (Read-only) */
.task-date-display[b-mwnawakgc9] {
    font-size: 12px;
    color: var(--text-secondary, #555555);
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
}

.task-date-display .date-separator[b-mwnawakgc9] {
    color: var(--medtronic-gray-light, #979797);
}

.task-date-display .completed-indicator[b-mwnawakgc9] {
    color: var(--status-success, #28A745);
}

.task-date-display .skipped-indicator[b-mwnawakgc9] {
    color: var(--status-neutral, #6C757D);
}

/* Date Edit Inline */
.date-edit-inline[b-mwnawakgc9] {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
    position: relative;
}

.date-input-inline[b-mwnawakgc9] {
    width: 110px;
    padding: 4px 8px;
    font-size: 12px;
    font-family: inherit;
    color: var(--text-primary, #3C3C3C);
    background: #FFFFFF;
    border: 1px solid var(--medtronic-gray-lighter, #BDBDBD);
    border-radius: var(--radius-sm, 4px);
    transition: all 0.15s ease;
}

.date-input-inline:hover[b-mwnawakgc9] {
    border-color: var(--medtronic-gray-light, #979797);
}

.date-input-inline:focus[b-mwnawakgc9] {
    outline: none;
    border-color: var(--medtronic-blue-interactive, #1010EB);
    box-shadow: 0 0 0 2px rgba(16, 16, 235, 0.15);
}

.date-input-inline.error[b-mwnawakgc9] {
    border-color: var(--status-error, #DC3545);
    background: rgba(220, 53, 69, 0.05);
}

.date-input-inline.error:focus[b-mwnawakgc9] {
    box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.15);
}

.date-input-inline:disabled[b-mwnawakgc9] {
    background: var(--medtronic-gray-lightest, #F5F5F5);
    color: var(--medtronic-gray-medium, #53565A);
    cursor: not-allowed;
    opacity: 0.7;
}

.date-separator-arrow[b-mwnawakgc9] {
    color: var(--medtronic-gray-light, #979797);
    font-size: 12px;
    flex-shrink: 0;
}

/* Saving state */
.date-edit-inline.saving[b-mwnawakgc9] {
    opacity: 0.7;
    pointer-events: none;
}

.date-edit-inline.saving .date-input-inline[b-mwnawakgc9] {
    background: var(--medtronic-gray-lightest, #F5F5F5);
}

/* Save indicators */
.date-save-indicator[b-mwnawakgc9] {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
}

.date-save-indicator .spinner[b-mwnawakgc9] {
    width: 12px;
    height: 12px;
    border: 2px solid var(--medtronic-gray-lighter, #BDBDBD);
    border-top-color: var(--medtronic-blue-interactive, #1010EB);
    border-radius: 50%;
    animation: spin-b-mwnawakgc9 0.6s linear infinite;
}

.date-save-indicator .success-check[b-mwnawakgc9] {
    color: var(--status-success, #28A745);
    font-size: 14px;
    animation: fadeInScale-b-mwnawakgc9 0.3s ease-out;
}

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

@keyframes fadeInScale-b-mwnawakgc9 {
    from { opacity: 0; transform: translateY(-50%) scale(0.5); }
    to { opacity: 1; transform: translateY(-50%) scale(1); }
}

/* Validation error */
.date-validation-error[b-mwnawakgc9] {
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0;
    font-size: 11px;
    color: var(--status-error, #DC3545);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 992px) {
    .date-edit-inline[b-mwnawakgc9] {
        flex-direction: column;
        gap: 4px;
    }

    .date-input-inline[b-mwnawakgc9] {
        width: 100%;
    }

    .date-separator-arrow[b-mwnawakgc9] {
        display: none;
    }
}

@media (max-width: 768px) {
    .task-list-item[b-mwnawakgc9] {
        flex-wrap: wrap;
        padding: 12px;
    }

    .task-dates[b-mwnawakgc9],
    .task-assignment[b-mwnawakgc9] {
        display: none;
    }

    .task-name[b-mwnawakgc9] {
        flex-basis: calc(100% - 180px);
    }
}
/* _content/MtmpProjectsPoc.Web/Pages/Admin/DmCustomFields.razor.rz.scp.css */
/* DM-01-09 — opt out of dynamic-fields.css global form-check overrides.
 * dynamic-fields.css applies a custom 44x44 touch-target + ::before/::after
 * pseudo-element styling that misaligns labels and overlaps text in standard
 * BS5 modals. Restore native browser rendering for radios + checkboxes here.
 * Same pattern as .phase-check and .active-checkbox in site.css. */

[b-06ugz9qy5k] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-06ugz9qy5k] input[type="radio"].form-check-input {
    appearance: radio !important;
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    border-radius: 50%;
}

[b-06ugz9qy5k] input[type="checkbox"].form-check-input {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    border-radius: 0;
}

[b-06ugz9qy5k] .form-check-input::before,
[b-06ugz9qy5k] .form-check-input::after {
    content: none !important;
    display: none !important;
}

[b-06ugz9qy5k] .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: none !important;
}

[b-06ugz9qy5k] .form-check-input:checked {
    background-color: revert !important;
    border-color: revert !important;
}

[b-06ugz9qy5k] .form-check-label {
    cursor: pointer;
    margin-left: 0.25rem;
}

/* dynamic-fields.css:151 forces .form-check to display:flex with padding:0.75rem,
 * which breaks BS5's inline behavior for radio groups. Restore inline-flex for
 * .form-check-inline so the Field Type radios sit side by side. */
[b-06ugz9qy5k] .form-check {
    padding: 0 !important;
    justify-content: flex-start !important;
}

[b-06ugz9qy5k] .form-check-inline {
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 1rem !important;
    padding: 0 !important;
}
/* _content/MtmpProjectsPoc.Web/Pages/Admin/FieldDefinitions.razor.rz.scp.css */
/* Field Definitions Admin Table - Responsive Fit */

/* Sortable header styling */
[b-iwr59hb2lr] .sortable {
    cursor: pointer;
    user-select: none;
}

[b-iwr59hb2lr] .sortable:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Table fits container */
[b-iwr59hb2lr] .admin-table {
    width: 100%;
    table-layout: auto;
}

[b-iwr59hb2lr] .admin-table th,
[b-iwr59hb2lr] .admin-table td {
    vertical-align: middle;
    padding: 0.5rem;
}

/* FIX: Disable hover transforms that cause jumping */
[b-iwr59hb2lr] .admin-table tbody tr {
    transform: none !important;
    transition: background-color 0.15s ease !important;
}

[b-iwr59hb2lr] .admin-table tbody tr:hover {
    transform: none !important;
    box-shadow: none !important;
}

[b-iwr59hb2lr] .admin-table tbody tr:hover td:first-child {
    border-left: none !important;
    padding-left: 0.5rem !important;
}

/* Compact columns */
[b-iwr59hb2lr] .admin-table th:nth-child(1),
[b-iwr59hb2lr] .admin-table td:nth-child(1) {
    width: 70px;
}

[b-iwr59hb2lr] .admin-table th:nth-child(4),
[b-iwr59hb2lr] .admin-table td:nth-child(4) {
    width: 80px;
}

[b-iwr59hb2lr] .admin-table th:nth-child(7),
[b-iwr59hb2lr] .admin-table td:nth-child(7) {
    width: 60px;
}

[b-iwr59hb2lr] .admin-table th:nth-child(8),
[b-iwr59hb2lr] .admin-table td:nth-child(8) {
    width: 60px;
}

[b-iwr59hb2lr] .admin-table th:nth-child(9),
[b-iwr59hb2lr] .admin-table td:nth-child(9) {
    width: 60px;
}

/* Actions column */
[b-iwr59hb2lr] .admin-table th:nth-child(10),
[b-iwr59hb2lr] .admin-table td:nth-child(10) {
    width: 85px;
    min-width: 85px;
}

/* Text overflow for other columns */
[b-iwr59hb2lr] .admin-table td {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}
/* _content/MtmpProjectsPoc.Web/Pages/Admin/PhaseAggregators.razor.rz.scp.css */
/* PhaseAggregators.razor.css - Scoped styles matching PhaseDefinitions */

/* ============================================
   PAGE HEADER
   ============================================ */
.page-header[b-4197cegnd7] {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 1.5rem;
}

.page-title[b-4197cegnd7] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.25rem;
}

/* ============================================
   SKELETON LOADER
   ============================================ */
.skeleton[b-4197cegnd7] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer-b-4197cegnd7 1.5s ease-in-out infinite;
    border-radius: 4px;
}

.skeleton-card[b-4197cegnd7] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: white;
    border-radius: 12px;
    border: 1px solid #e9ecef;
}

@keyframes skeleton-shimmer-b-4197cegnd7 {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* ============================================
   SUMMARY CARDS (matches PhaseDefinitions)
   ============================================ */
.summary-card[b-4197cegnd7] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: white;
    border-radius: 12px;
    border: 1px solid #e9ecef;
    transition: all 0.2s ease;
    height: 100%;
}

.summary-card:hover[b-4197cegnd7] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.summary-card-icon[b-4197cegnd7] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.summary-card-content[b-4197cegnd7] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.summary-card-value[b-4197cegnd7] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    color: #212529;
}

.summary-card-label[b-4197cegnd7] {
    font-size: 0.8rem;
    color: #6c757d;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Summary Card Variants */
.summary-card-total .summary-card-icon[b-4197cegnd7] {
    background-color: #e7f1ff;
    color: #0d6efd;
}

.summary-card-required .summary-card-icon[b-4197cegnd7] {
    background-color: #d1e7dd;
    color: #198754;
}

.summary-card-skippable .summary-card-icon[b-4197cegnd7] {
    background-color: #fff3cd;
    color: #856404;
}

.summary-card-projects .summary-card-icon[b-4197cegnd7] {
    background-color: #cff4fc;
    color: #0dcaf0;
}

/* ============================================
   SECTION CARD (Table wrapper)
   ============================================ */
.section-card[b-4197cegnd7] {
    border: 1px solid #e9ecef;
    border-radius: 12px;
    overflow: hidden;
    background: white;
}

.section-header[b-4197cegnd7] {
    background-color: #f8f9fa;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e9ecef;
}

.section-header h5[b-4197cegnd7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
    margin: 0;
}

.section-icon[b-4197cegnd7] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.875rem;
}

/* ============================================
   DATA TABLE
   ============================================ */
.table-header[b-4197cegnd7] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6c757d;
    background-color: #f8f9fa;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid #dee2e6;
}

.aggregator-row[b-4197cegnd7] {
    transition: background-color 0.15s ease;
}

.aggregator-row:hover[b-4197cegnd7] {
    background-color: #f8f9fa;
}

.aggregator-row td[b-4197cegnd7] {
    padding: 1rem;
    vertical-align: middle;
}

/* Aggregator Name Cell */
.aggregator-name-cell[b-4197cegnd7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.aggregator-name-cell strong[b-4197cegnd7] {
    color: #212529;
}

.aggregator-name-cell code[b-4197cegnd7] {
    font-size: 0.75rem;
    color: #6c757d;
    background-color: #f8f9fa;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
}

/* Description Cell */
.description-cell[b-4197cegnd7] {
    max-width: 250px;
    color: #495057;
    font-size: 0.875rem;
}

/* ============================================
   SKIP BADGE (matches PhaseDefinitions)
   ============================================ */
.skip-badge[b-4197cegnd7] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.35rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
}

.skip-yes[b-4197cegnd7] {
    background-color: #d1e7dd;
    color: #198754;
}

.skip-no[b-4197cegnd7] {
    background-color: #f8d7da;
    color: #dc3545;
}

/* ============================================
   INFO NOTE
   ============================================ */
.info-note[b-4197cegnd7] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background-color: #e7f1ff;
    border: 1px solid #b6d4fe;
    border-radius: 8px;
}

.info-note-icon[b-4197cegnd7] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #0d6efd;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.info-note-content[b-4197cegnd7] {
    font-size: 0.875rem;
    color: #084298;
    line-height: 1.5;
}

/* ============================================
   EMPTY STATE
   ============================================ */
.empty-state[b-4197cegnd7] {
    text-align: center;
    padding: 3rem 2rem;
}

.empty-state-icon[b-4197cegnd7] {
    font-size: 4rem;
    color: #dee2e6;
    margin-bottom: 1rem;
}

.empty-state h4[b-4197cegnd7] {
    color: #495057;
    margin-bottom: 0.5rem;
}

.empty-state p[b-4197cegnd7] {
    color: #6c757d;
    margin-bottom: 1.5rem;
}

/* ============================================
   MODAL STYLES
   ============================================ */
.modal-content[b-4197cegnd7] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.modal-header[b-4197cegnd7] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    padding: 1rem 1.5rem;
    border-radius: 12px 12px 0 0;
}

.modal-title[b-4197cegnd7] {
    font-weight: 600;
    color: #212529;
}

.modal-body[b-4197cegnd7] {
    padding: 1.5rem;
}

.modal-footer[b-4197cegnd7] {
    border-top: 1px solid #e9ecef;
    padding: 1rem 1.5rem;
    background-color: #f8f9fa;
    border-radius: 0 0 12px 12px;
}

/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */
@media (max-width: 768px) {
    .summary-card[b-4197cegnd7] {
        padding: 1rem;
    }

    .summary-card-value[b-4197cegnd7] {
        font-size: 1.5rem;
    }

    .summary-card-icon[b-4197cegnd7] {
        width: 40px;
        height: 40px;
    }

    .description-cell[b-4197cegnd7] {
        max-width: 150px;
    }
}
/* _content/MtmpProjectsPoc.Web/Pages/Admin/PhaseDefinitions.razor.rz.scp.css */
/* PhaseDefinitions.razor.css - Scoped styles for Phase Definitions admin page */

/* ============================================
   PAGE HEADER
   ============================================ */
.page-header[b-z2egjq5qkb] {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 1.5rem;
}

.page-title[b-z2egjq5qkb] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.25rem;
}

/* ============================================
   SKELETON LOADER
   ============================================ */
.skeleton[b-z2egjq5qkb] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer-b-z2egjq5qkb 1.5s ease-in-out infinite;
    border-radius: 4px;
}

.skeleton-card[b-z2egjq5qkb] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: white;
    border-radius: 12px;
    border: 1px solid #e9ecef;
}

@keyframes skeleton-shimmer-b-z2egjq5qkb {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* ============================================
   SUMMARY CARDS
   ============================================ */
.summary-card[b-z2egjq5qkb] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: white;
    border-radius: 12px;
    border: 1px solid #e9ecef;
    transition: all 0.2s ease;
    height: 100%;
}

.summary-card:hover[b-z2egjq5qkb] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.summary-card-icon[b-z2egjq5qkb] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.summary-card-content[b-z2egjq5qkb] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.summary-card-value[b-z2egjq5qkb] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    color: #212529;
}

.summary-card-label[b-z2egjq5qkb] {
    font-size: 0.8rem;
    color: #6c757d;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Summary Card Variants */
.summary-card-total .summary-card-icon[b-z2egjq5qkb] {
    background-color: #e7f1ff;
    color: #0d6efd;
}

.summary-card-required .summary-card-icon[b-z2egjq5qkb] {
    background-color: #d1e7dd;
    color: #198754;
}

.summary-card-skippable .summary-card-icon[b-z2egjq5qkb] {
    background-color: #fff3cd;
    color: #856404;
}

.summary-card-projects .summary-card-icon[b-z2egjq5qkb] {
    background-color: #cff4fc;
    color: #0dcaf0;
}

/* ============================================
   SECTION CARD (Table wrapper)
   ============================================ */
.section-card[b-z2egjq5qkb] {
    border: 1px solid #e9ecef;
    border-radius: 12px;
    overflow: hidden;
    background: white;
}

.section-header[b-z2egjq5qkb] {
    background-color: #f8f9fa;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e9ecef;
}

.section-header h5[b-z2egjq5qkb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
    margin: 0;
}

.section-icon[b-z2egjq5qkb] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.875rem;
}

/* ============================================
   DATA TABLE
   ============================================ */
.table-header[b-z2egjq5qkb] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6c757d;
    background-color: #f8f9fa;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid #dee2e6;
}

.phase-row[b-z2egjq5qkb] {
    transition: background-color 0.15s ease;
}

.phase-row:hover[b-z2egjq5qkb] {
    background-color: #f8f9fa;
}

.phase-row td[b-z2egjq5qkb] {
    padding: 1rem;
    vertical-align: middle;
}

/* Order Badge */
.order-badge[b-z2egjq5qkb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background-color: #e7f1ff;
    color: #0d6efd;
    font-weight: 600;
    font-size: 0.875rem;
}

/* Phase Name Cell */
.phase-name-cell[b-z2egjq5qkb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

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

/* Description Cell */
.description-cell[b-z2egjq5qkb] {
    max-width: 300px;
    color: #495057;
}

/* ============================================
   SKIP BADGE
   ============================================ */
.skip-badge[b-z2egjq5qkb] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.35rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
}

.skip-yes[b-z2egjq5qkb] {
    background-color: #d1e7dd;
    color: #198754;
}

.skip-no[b-z2egjq5qkb] {
    background-color: #f8d7da;
    color: #dc3545;
}

/* ============================================
   PROJECT COUNT
   ============================================ */
.project-count-badge[b-z2egjq5qkb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 0.5rem;
    border-radius: 14px;
    background-color: #0d6efd;
    color: white;
    font-weight: 600;
    font-size: 0.8rem;
}

.project-count-zero[b-z2egjq5qkb] {
    color: #adb5bd;
    font-weight: 500;
}

/* ============================================
   INFO NOTE
   ============================================ */
.info-note[b-z2egjq5qkb] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background-color: #e7f1ff;
    border: 1px solid #b6d4fe;
    border-radius: 8px;
}

.info-note-icon[b-z2egjq5qkb] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #0d6efd;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.info-note-content[b-z2egjq5qkb] {
    font-size: 0.875rem;
    color: #084298;
    line-height: 1.5;
}

/* ============================================
   MODAL STYLES
   ============================================ */
.modal-content[b-z2egjq5qkb] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

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

.modal-title[b-z2egjq5qkb] {
    font-weight: 600;
    color: #212529;
}

.modal-body[b-z2egjq5qkb] {
    padding: 1.5rem;
}

.modal-footer[b-z2egjq5qkb] {
    border-top: 1px solid #e9ecef;
    padding: 1rem 1.5rem;
    background-color: #f8f9fa;
    border-radius: 0 0 12px 12px;
}

/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */
@media (max-width: 768px) {
    .summary-card[b-z2egjq5qkb] {
        padding: 1rem;
    }

    .summary-card-value[b-z2egjq5qkb] {
        font-size: 1.5rem;
    }

    .summary-card-icon[b-z2egjq5qkb] {
        width: 40px;
        height: 40px;
    }

    .description-cell[b-z2egjq5qkb] {
        max-width: 200px;
    }
}
/* _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 (UX redesign 2026-04-30: flex + sticky ActionPanel) ===== */
.create-project-container[b-44k9vinins] {
    display: flex;
    gap: var(--spacing-lg);
    background-color: var(--medtronic-gray-50);
    align-items: flex-start;
}

/* ===== Main Content Area (Left Side - Scrollable) ===== */
.main-content[b-44k9vinins] {
    flex: 1;
    min-width: 0;
    padding: var(--spacing-lg);
}

/* ===== 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 (COMPACT - Matching /projects/:id) ===== */
.collapsible-section[b-44k9vinins] {
    background-color: white;
    border-radius: 8px;
    margin-bottom: 16px;
    box-shadow: none;
    overflow: visible;
    border: 1px solid #DEE2E6;
}

.section-header[b-44k9vinins] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background-color: #F8F9FA;
    border-bottom: none;
    cursor: pointer;
    user-select: none;
    transition: background-color 150ms;
    border-radius: 8px 8px 0 0;
}

.collapsible-section.collapsed .section-header[b-44k9vinins] {
    border-radius: 8px;
}

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

.section-header-left[b-44k9vinins] {
    display: flex;
    align-items: center;
    gap: 10px;
}

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

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

/* Section title - compact */
.section-title[b-44k9vinins] {
    font-size: 16px;
    font-weight: 600;
    color: #212529;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

/* 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: 16px;
    display: none;
}

.section-body.expanded[b-44k9vinins] {
    display: block;
    animation: slideDown-b-44k9vinins 200ms ease-in-out;
}

@keyframes slideDown-b-44k9vinins {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== Form Fields (COMPACT - Matching /projects/:id style) ===== */
.field-row[b-44k9vinins] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-md);
}

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

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

.field-label[b-44k9vinins] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0;
}

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

/* COMPACT: Match DynamicFieldsRenderer and EditableCompactField styles */
.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: 8px 12px !important;
    border: 1px solid #CED4DA !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-family: inherit;
    transition: border-color 150ms, box-shadow 150ms;
    background-color: #FFFFFF;
}

.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: #0066CC !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1) !important;
    background-color: #FFFFFF;
}

.field-input:hover[b-44k9vinins],
[b-44k9vinins] .form-control:hover,
[b-44k9vinins] input:hover,
[b-44k9vinins] select:hover {
    border-color: #0066CC;
}

.field-input.valid[b-44k9vinins],
[b-44k9vinins] .form-control.valid,
[b-44k9vinins] .form-control.is-valid {
    border-color: #28A745 !important;
}

.field-input.invalid[b-44k9vinins],
[b-44k9vinins] .form-control.invalid,
[b-44k9vinins] .form-control.is-invalid {
    border-color: #DC3545 !important;
}

/* Compact textarea styling */
[b-44k9vinins] textarea.form-control {
    resize: vertical;
    min-height: 72px;
    line-height: 1.5;
}

/* Compact 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='%236b7280' d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 32px !important;
    color: #495057;
}

/* ===== 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;
}

/* ===== Story 27.07: Catalog-Sourced Field Styles ===== */

/* Catalog-sourced field visual indicator */
.catalog-sourced[b-44k9vinins] {
    background-color: #f0f8ff !important;
    border-left: 3px solid var(--medtronic-blue-primary) !important;
}

/* "From Catalog" badge */
.catalog-badge[b-44k9vinins] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--medtronic-blue-primary);
    background-color: var(--medtronic-blue-light);
    border-radius: 4px;
    margin-left: 8px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.catalog-badge .oi[b-44k9vinins] {
    font-size: 0.65rem;
}

/* Discrepancy warning badge */
.discrepancy-badge[b-44k9vinins] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    font-size: 0.7rem;
    font-weight: 600;
    color: #856404;
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    margin-left: 8px;
}

.discrepancy-badge .oi[b-44k9vinins] {
    font-size: 0.65rem;
}

/* Field wrapper with indicator */
.field-with-indicator[b-44k9vinins] {
    position: relative;
}

.field-with-indicator .field-indicators[b-44k9vinins] {
    display: flex;
    align-items: center;
    margin-top: 4px;
    flex-wrap: wrap;
    gap: 4px;
}

/* Catalog-sourced input styling */
[b-44k9vinins] .catalog-sourced-input {
    background-color: #f0f8ff !important;
    border-left: 3px solid var(--medtronic-blue-primary) !important;
}

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

@media (max-width: 992px) {
    .create-project-container[b-44k9vinins] {
        flex-direction: column;
    }

    .main-content[b-44k9vinins] {
        padding: var(--spacing-md);
    }
}

/* ===== COMPACT FIELD STYLES (Matching /projects/:id) ===== */
/* Override EditableCompactField styles for more compact layout */

[b-44k9vinins] .editable-compact-field {
    padding: 6px 10px;
    gap: 2px;
    border-radius: 6px;
    background-color: #fafafa;
    border-color: #e2e8f0;
}

[b-44k9vinins] .editable-compact-field.editable {
    background-color: #ffffff;
    border-left-width: 2px;
}

[b-44k9vinins] .editable-compact-field .field-label-row {
    min-height: 16px;
}

[b-44k9vinins] .editable-compact-field .field-label {
    font-size: 11px;
    font-weight: 600;
    color: #6b7280;
}

[b-44k9vinins] .editable-compact-field .field-value-row {
    min-height: 24px;
}

[b-44k9vinins] .editable-compact-field .field-value {
    font-size: 13px;
}

[b-44k9vinins] .editable-compact-field .field-input {
    padding: 6px 8px;
    font-size: 13px;
}

/* Compact grids for field sections */
[b-44k9vinins] .hero-fields-grid,
[b-44k9vinins] .field-grid {
    gap: 8px;
}

[b-44k9vinins] .expanded-fields-section .field-grid {
    gap: 8px;
    margin-top: 6px;
}

/* ===== COMPACT FIELD STYLES - REMOVE CARD APPEARANCE ===== */
/* Override visual-polish-2026.css and global-fields.css styles */

/* DynamicFieldsRenderer compact styles - NO CARDS */
[b-44k9vinins] .dynamic-fields-container {
    margin: 0 !important;
    margin-bottom: 12px !important;
}

[b-44k9vinins] .fields-grid {
    display: grid !important;
    gap: 12px !important;
    padding: 0 !important;
}

/* CRITICAL: Remove card appearance from field groups */
[b-44k9vinins] .field-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

[b-44k9vinins] .field-group label {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

/* CRITICAL: Remove card appearance from field wrappers */
[b-44k9vinins] .field-wrapper {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Compact form controls - override visual-polish-2026.css !important styles */
[b-44k9vinins] .form-control,
[b-44k9vinins] .form-select,
[b-44k9vinins] input.form-control,
[b-44k9vinins] select.form-select {
    padding: 6px 10px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    background-color: #fff !important;
}

/* Compact CollapsibleSection styles */
[b-44k9vinins] .collapsible-section {
    margin-bottom: 12px !important;
    border-radius: 8px !important;
}

[b-44k9vinins] .collapsible-section .section-content {
    padding: 10px 12px !important;
}

[b-44k9vinins] .collapsible-section .section-body {
    padding: 0 !important;
}

[b-44k9vinins] .collapsible-section .section-header {
    padding: 10px 14px !important;
}

/* ProjectTechnicalSheet compact styles */
[b-44k9vinins] .project-technical-sheet {
    margin-bottom: 12px;
}

[b-44k9vinins] .project-technical-sheet .hero-fields-section {
    padding: 10px 14px;
}

[b-44k9vinins] .project-technical-sheet .technical-sheet-body {
    padding: 12px;
}

/* TechnicalDataCard compact styles */
[b-44k9vinins] .technical-data-card .card-body {
    padding: 12px;
}

[b-44k9vinins] .technical-data-card .field-grid {
    gap: 8px;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/AuditDetail.razor.rz.scp.css */
/* DM-08-07 — opt out of dynamic-fields.css global .form-check overrides.
 * Same pattern as Audits.razor.css / CreateAudit.razor.css.
 */

[b-1gn01kz7qy] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-1gn01kz7qy] input[type="checkbox"].form-check-input {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    border-radius: 0;
}

[b-1gn01kz7qy] .form-check-input::before,
[b-1gn01kz7qy] .form-check-input::after {
    content: none !important;
    display: none !important;
}

[b-1gn01kz7qy] .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: none !important;
}

[b-1gn01kz7qy] .form-check-input:checked {
    background-color: revert !important;
    border-color: revert !important;
}

[b-1gn01kz7qy] .form-check {
    min-height: auto !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    transition: none !important;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/Audits.razor.rz.scp.css */
/* DM-08-01 — opt out of dynamic-fields.css global .form-check overrides.
 * The Status / Type multi-select dropdowns + the row-click table use
 * .form-check-input checkboxes; without this reset the global 44x44
 * touch target + ::before/::after pseudo-elements make them look dirty.
 * Same pattern as CreateRequest.razor.css / Requests.razor.css.
 */

[b-idx89kag0f] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-idx89kag0f] input[type="checkbox"].form-check-input {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    border-radius: 0;
}

[b-idx89kag0f] .form-check-input::before,
[b-idx89kag0f] .form-check-input::after {
    content: none !important;
    display: none !important;
}

[b-idx89kag0f] .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: none !important;
}

[b-idx89kag0f] .form-check-input:checked {
    background-color: revert !important;
    border-color: revert !important;
}

[b-idx89kag0f] .form-check {
    min-height: auto !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    transition: none !important;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/AuditToolModal.razor.rz.scp.css */
/* DM-08-08 — opt out of dynamic-fields.css global .form-check + add a
 * subtle visual separation between the Before and After columns so the
 * supplier scans them as two distinct zones.
 */

[b-vc89c9kuxr] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-vc89c9kuxr] input[type="radio"].form-check-input {
    appearance: radio !important;
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    border-radius: 50%;
}

[b-vc89c9kuxr] .form-check-input::before,
[b-vc89c9kuxr] .form-check-input::after {
    content: none !important;
    display: none !important;
}

[b-vc89c9kuxr] .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: none !important;
}

[b-vc89c9kuxr] .form-check {
    min-height: auto !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    transition: none !important;
}

/* Visual column separation — subtle grey gutter on the Before side. */
[b-vc89c9kuxr] .before-col {
    background-color: #fafafa;
    border-right: 1px solid #e9ecef;
    padding-right: 1rem;
}

[b-vc89c9kuxr] .after-col {
    padding-left: 1rem;
}

/* Tab buttons styled as buttons but without the default <button> chrome. */
[b-vc89c9kuxr] .nav-tabs .nav-link {
    background: none;
    border: 1px solid transparent;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/CfnBulkUpload.razor.rz.scp.css */
/* DM-06-05 — opt out of dynamic-fields.css global .form-check overrides.
 * Same pattern as ToolCreate.razor.css / Cfns.razor.css. Without this reset,
 * the CREATE / UPDATE radio buttons in Step 1 get the global 44x44 touch
 * target + ::before/::after "dirty" pseudo-elements that misalign with the
 * labels. Restore native browser rendering for both radios and checkboxes. */

[b-v6hmb8oya5] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-v6hmb8oya5] input[type="radio"].form-check-input {
    appearance: radio !important;
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    border-radius: 50%;
}

[b-v6hmb8oya5] input[type="checkbox"].form-check-input {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    border-radius: 0;
}

[b-v6hmb8oya5] .form-check-input::before,
[b-v6hmb8oya5] .form-check-input::after {
    content: none !important;
    display: none !important;
}

[b-v6hmb8oya5] .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: none !important;
}

[b-v6hmb8oya5] .form-check-input:checked {
    background-color: revert !important;
    border-color: revert !important;
}

/* Override dynamic-fields.css:151 — restore Bootstrap 5 native .form-check
 * layout (block, no min-height, no flex-center) so the radio sits inline at
 * the column edge with the label to its right. Matches ToolCreate.razor.css. */
[b-v6hmb8oya5] .form-check {
    display: block !important;
    padding: 0 0 0 1.5em !important;
    min-height: auto !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    justify-content: flex-start !important;
    transition: none !important;
}

[b-v6hmb8oya5] .form-check:hover {
    background-color: transparent !important;
}

[b-v6hmb8oya5] .form-check-label {
    cursor: pointer;
    margin-left: 0.25rem;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/Cfns.razor.rz.scp.css */
/* DM-06-01 — opt out of dynamic-fields.css global form-check overrides.
 * Same pattern as Tools.razor.css / Parts.razor.css. The Cfns page uses native
 * HTML checkboxes inside its compact multi-select dropdowns; without this
 * override, the global dynamic-fields.css applies 44x44 touch targets +
 * custom ::before/::after pseudo-elements that look "dirty" when the checkbox
 * loses focus. Restore native browser rendering. */

[b-akapgjw6hn] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-akapgjw6hn] input[type="checkbox"].form-check-input {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    border-radius: 0;
}

[b-akapgjw6hn] .form-check-input::before,
[b-akapgjw6hn] .form-check-input::after {
    content: none !important;
    display: none !important;
}

[b-akapgjw6hn] .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: none !important;
}

[b-akapgjw6hn] .form-check-input:checked {
    background-color: revert !important;
    border-color: revert !important;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/ChangeRequestDetail.razor.rz.scp.css */
[b-a2c6nhjg4p] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-a2c6nhjg4p] .form-check {
    min-height: auto !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    transition: none !important;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/ChangeRequests.razor.rz.scp.css */
/* DM-10-01 — opt out of dynamic-fields.css global .form-check overrides. */

[b-9gok6zgav0] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-9gok6zgav0] input[type="checkbox"].form-check-input {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    border-radius: 0;
}

[b-9gok6zgav0] .form-check {
    min-height: auto !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    transition: none !important;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/CreateAudit.razor.rz.scp.css */
/* DM-08 — opt out of dynamic-fields.css global .form-check overrides.
 * Same pattern as CreateRequest.razor.css. The Audit Type radios (Step 1)
 * + the per-tool selection checkboxes (Step 2) + the Select-All header
 * checkbox use .form-check + .form-check-input; without this reset, the
 * global 44x44 touch target + ::before/::after pseudo-elements make
 * them look dirty and misalign with the labels.
 */

[b-l2nt96d4eu] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-l2nt96d4eu] input[type="radio"].form-check-input {
    appearance: radio !important;
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    border-radius: 50%;
}

[b-l2nt96d4eu] input[type="checkbox"].form-check-input {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    border-radius: 0;
}

[b-l2nt96d4eu] .form-check-input::before,
[b-l2nt96d4eu] .form-check-input::after {
    content: none !important;
    display: none !important;
}

[b-l2nt96d4eu] .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: none !important;
}

[b-l2nt96d4eu] .form-check-input:checked {
    background-color: revert !important;
    border-color: revert !important;
}

[b-l2nt96d4eu] .form-check {
    min-height: auto !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    transition: none !important;
}

[b-l2nt96d4eu] .form-check-label {
    cursor: pointer;
    margin-left: 0.25rem;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/CreateChangeRequest.razor.rz.scp.css */
[b-cryyj9rhto] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-cryyj9rhto] .form-check {
    min-height: auto !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    transition: none !important;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/CreateRequest.razor.rz.scp.css */
/* DM-07-02 — opt out of dynamic-fields.css global .form-check overrides.
 * Same pattern as CfnBulkUpload.razor.css. The Request Type radios in
 * Step 1 use .form-check + .form-check-input; without this reset, the
 * global 44x44 touch target + ::before/::after pseudo-elements make
 * them look dirty and misalign with the labels. */

[b-plxwi9bein] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-plxwi9bein] input[type="radio"].form-check-input {
    appearance: radio !important;
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    border-radius: 50%;
}

[b-plxwi9bein] input[type="checkbox"].form-check-input {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    border-radius: 0;
}

[b-plxwi9bein] .form-check-input::before,
[b-plxwi9bein] .form-check-input::after {
    content: none !important;
    display: none !important;
}

[b-plxwi9bein] .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: none !important;
}

[b-plxwi9bein] .form-check-input:checked {
    background-color: revert !important;
    border-color: revert !important;
}

/* The Request Type radio cards keep a box-style look, so we DON'T fully
 * collapse the .form-check container like other pages do — we only nuke
 * the dynamic-fields min-height + flex-center that would override the
 * card padding/border the cards rely on. */
[b-plxwi9bein] .form-check {
    min-height: auto !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    transition: none !important;
}

[b-plxwi9bein] .form-check-label {
    cursor: pointer;
    margin-left: 0.25rem;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/CreateSustaining.razor.rz.scp.css */
/* DM-09-02 — opt out of dynamic-fields.css global .form-check overrides. */

[b-lwk1cvttqo] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-lwk1cvttqo] input[type="radio"].form-check-input {
    appearance: radio !important;
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    border-radius: 50%;
}

[b-lwk1cvttqo] .form-check-input::before,
[b-lwk1cvttqo] .form-check-input::after {
    content: none !important;
    display: none !important;
}

[b-lwk1cvttqo] .form-check {
    min-height: auto !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    transition: none !important;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/PartCreate.razor.rz.scp.css */
/* DM-04-03 — opt out of dynamic-fields.css global form-check overrides for the
 * Additional Sites checkbox list on Tab 2 (and any future native checkboxes on
 * this form). Same pattern as Tools.razor.css / ToolCreate.razor.css.
 * Restore native browser rendering. */

[b-x00s55smz0] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-x00s55smz0] input[type="checkbox"].form-check-input {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    border-radius: 0;
}

[b-x00s55smz0] .form-check-input::before,
[b-x00s55smz0] .form-check-input::after {
    content: none !important;
    display: none !important;
}

[b-x00s55smz0] .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: none !important;
}

[b-x00s55smz0] .form-check-input:checked {
    background-color: revert !important;
    border-color: revert !important;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/PartDetail.razor.rz.scp.css */
/* Part History — inline event chart (Audit / Sustaining / ChangeRequest by month).
   Heights are computed in pixels at render time (see PartDetail.razor Overview tab)
   so we deliberately avoid any height:100% inheritance chain — Blazor scoped CSS +
   nested flex parents made %-based bars collapse to 0. Same pattern as ToolDetail. */

.event-chart[b-sbeu4f31tt] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--bs-border-color);
    overflow-x: auto;
}

.event-chart-col[b-sbeu4f31tt] {
    flex: 1 0 56px;
    min-width: 56px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.event-chart-stack[b-sbeu4f31tt] {
    width: 36px;
    display: flex;
    flex-direction: column-reverse;
    border-radius: 0.25rem 0.25rem 0 0;
    overflow: hidden;
    min-height: 1px;
}

.event-chart-bar[b-sbeu4f31tt] {
    width: 100%;
    transition: opacity 120ms ease-in-out;
}

.event-chart-bar:hover[b-sbeu4f31tt] { opacity: 0.85; }

.event-chart-label[b-sbeu4f31tt] {
    margin-top: 0.5rem;
    font-size: 0.7rem;
    color: var(--bs-secondary-color);
    text-align: center;
    line-height: 1.1;
}

.event-chart-swatch[b-sbeu4f31tt] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 0.15rem;
    margin-right: 0.35rem;
    vertical-align: middle;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/PartEdit.razor.rz.scp.css */
/* DM-04-07 — opt out of dynamic-fields.css global form-check overrides for
 * the Additional Sites checkbox list on Tab 2. Same pattern as
 * PartCreate.razor.css / Tools.razor.css. Restore native browser rendering. */

[b-u9x0i2lsfc] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-u9x0i2lsfc] input[type="checkbox"].form-check-input {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    border-radius: 0;
}

[b-u9x0i2lsfc] .form-check-input::before,
[b-u9x0i2lsfc] .form-check-input::after {
    content: none !important;
    display: none !important;
}

[b-u9x0i2lsfc] .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: none !important;
}

[b-u9x0i2lsfc] .form-check-input:checked {
    background-color: revert !important;
    border-color: revert !important;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/Parts.razor.rz.scp.css */
/* DM-04-01 — opt out of dynamic-fields.css global form-check overrides.
 * Same pattern as Tools.razor.css. The Parts page uses native HTML checkboxes
 * inside its compact multi-select dropdowns; without this override, the global
 * dynamic-fields.css applies 44x44 touch targets + custom ::before/::after
 * pseudo-elements that look "dirty" when the checkbox loses focus.
 * Restore native browser rendering. */

[b-jvyi9k9tb3] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-jvyi9k9tb3] input[type="checkbox"].form-check-input {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    border-radius: 0;
}

[b-jvyi9k9tb3] .form-check-input::before,
[b-jvyi9k9tb3] .form-check-input::after {
    content: none !important;
    display: none !important;
}

[b-jvyi9k9tb3] .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: none !important;
}

[b-jvyi9k9tb3] .form-check-input:checked {
    background-color: revert !important;
    border-color: revert !important;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/Requests.razor.rz.scp.css */
/* DM-07-01 — opt out of dynamic-fields.css global .form-check overrides.
 * Same pattern as Cfns.razor.css / Tools.razor.css. Without this reset,
 * the Status multi-select checkboxes in the filter bar get the global
 * 44x44 touch target + ::before/::after "dirty" pseudo-elements that
 * misalign with the labels. Restore native browser rendering. */

[b-jezhv5vemk] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-jezhv5vemk] input[type="checkbox"].form-check-input {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    border-radius: 0;
}

[b-jezhv5vemk] .form-check-input::before,
[b-jezhv5vemk] .form-check-input::after {
    content: none !important;
    display: none !important;
}

[b-jezhv5vemk] .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: none !important;
}

[b-jezhv5vemk] .form-check-input:checked {
    background-color: revert !important;
    border-color: revert !important;
}

[b-jezhv5vemk] .form-check {
    display: block !important;
    padding: 0 0 0 1.5em !important;
    min-height: auto !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    justify-content: flex-start !important;
    transition: none !important;
}

[b-jezhv5vemk] .form-check:hover {
    background-color: transparent !important;
}

[b-jezhv5vemk] .form-check-label {
    cursor: pointer;
    margin-left: 0.25rem;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/SustainingDetail.razor.rz.scp.css */
/* DM-09-03/04 — opt out of dynamic-fields.css global .form-check overrides. */

[b-umrfafgrxi] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-umrfafgrxi] input[type="checkbox"].form-check-input {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    border-radius: 0;
}

[b-umrfafgrxi] .form-check {
    min-height: auto !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    transition: none !important;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/SustainingList.razor.rz.scp.css */
/* DM-09-01 — opt out of dynamic-fields.css global .form-check overrides.
 * Same pattern as Audits.razor.css. */

[b-r77cuc9mx4] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-r77cuc9mx4] input[type="checkbox"].form-check-input {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    border-radius: 0;
}

[b-r77cuc9mx4] .form-check-input::before,
[b-r77cuc9mx4] .form-check-input::after {
    content: none !important;
    display: none !important;
}

[b-r77cuc9mx4] .form-check {
    min-height: auto !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    transition: none !important;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/ToolCreate.razor.rz.scp.css */
/* DM-03-03 — opt out of dynamic-fields.css global form-check overrides.
 * Same pattern as Tools.razor.css and DmCustomFields.razor.css. The "Family
 * Tool" checkbox + future Tab 2-6 checkboxes get the global 44x44 touch target
 * + dirty pseudo-elements without this scoped reset. Restore native browser
 * rendering. */

[b-6tq8kea4pu] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-6tq8kea4pu] input[type="checkbox"].form-check-input {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    border-radius: 0;
}

[b-6tq8kea4pu] .form-check-input::before,
[b-6tq8kea4pu] .form-check-input::after {
    content: none !important;
    display: none !important;
}

[b-6tq8kea4pu] .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: none !important;
}

[b-6tq8kea4pu] .form-check-input:checked {
    background-color: revert !important;
    border-color: revert !important;
}

/* Override dynamic-fields.css:151 — it forces .form-check into a centered flex
 * container with 0.75rem padding + 44px min-height, which misaligns the checkbox
 * relative to the field labels above. Restore Bootstrap 5 native:
 *   - display: block (not flex-center)
 *   - padding-left: 1.5em (matches .form-check-input { margin-left: -1.5em })
 *   - no min-height / borders / background
 * Net: checkbox sits at column edge, label inline to its right.
 */
[b-6tq8kea4pu] .form-check {
    display: block !important;
    padding: 0 0 0 1.5em !important;
    min-height: auto !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    justify-content: flex-start !important;
    transition: none !important;
}

[b-6tq8kea4pu] .form-check:hover {
    background-color: transparent !important;
}

[b-6tq8kea4pu] .form-check-label {
    cursor: pointer;
    margin-left: 0.25rem;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/ToolDetail.razor.rz.scp.css */
/* Tool History — inline event chart (Audit / Sustaining / ChangeRequest by month).
   Heights are computed in pixels at render time (see ToolDetail.razor Overview tab)
   so we deliberately avoid any height:100% inheritance chain — Blazor scoped CSS +
   nested flex parents made %-based bars collapse to 0. */

.event-chart[b-jytgdwxnjb] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--bs-border-color);
    overflow-x: auto;
}

.event-chart-col[b-jytgdwxnjb] {
    flex: 1 0 56px;
    min-width: 56px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.event-chart-stack[b-jytgdwxnjb] {
    width: 36px;
    display: flex;
    flex-direction: column-reverse;
    border-radius: 0.25rem 0.25rem 0 0;
    overflow: hidden;
    min-height: 1px;
}

.event-chart-bar[b-jytgdwxnjb] {
    width: 100%;
    transition: opacity 120ms ease-in-out;
}

.event-chart-bar:hover[b-jytgdwxnjb] { opacity: 0.85; }

.event-chart-label[b-jytgdwxnjb] {
    margin-top: 0.5rem;
    font-size: 0.7rem;
    color: var(--bs-secondary-color);
    text-align: center;
    line-height: 1.1;
}

.event-chart-swatch[b-jytgdwxnjb] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 0.15rem;
    margin-right: 0.35rem;
    vertical-align: middle;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/ToolEdit.razor.rz.scp.css */
/* DM-03-03 — opt out of dynamic-fields.css global form-check overrides.
 * Same pattern as Tools.razor.css and DmCustomFields.razor.css. The "Family
 * Tool" checkbox + future Tab 2-6 checkboxes get the global 44x44 touch target
 * + dirty pseudo-elements without this scoped reset. Restore native browser
 * rendering. */

[b-6l7nz0aick] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-6l7nz0aick] input[type="checkbox"].form-check-input {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    border-radius: 0;
}

[b-6l7nz0aick] .form-check-input::before,
[b-6l7nz0aick] .form-check-input::after {
    content: none !important;
    display: none !important;
}

[b-6l7nz0aick] .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: none !important;
}

[b-6l7nz0aick] .form-check-input:checked {
    background-color: revert !important;
    border-color: revert !important;
}

/* Override dynamic-fields.css:151 — it forces .form-check into a centered flex
 * container with 0.75rem padding + 44px min-height, which misaligns the checkbox
 * relative to the field labels above. Restore Bootstrap 5 native:
 *   - display: block (not flex-center)
 *   - padding-left: 1.5em (matches .form-check-input { margin-left: -1.5em })
 *   - no min-height / borders / background
 * Net: checkbox sits at column edge, label inline to its right.
 */
[b-6l7nz0aick] .form-check {
    display: block !important;
    padding: 0 0 0 1.5em !important;
    min-height: auto !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    justify-content: flex-start !important;
    transition: none !important;
}

[b-6l7nz0aick] .form-check:hover {
    background-color: transparent !important;
}

[b-6l7nz0aick] .form-check-label {
    cursor: pointer;
    margin-left: 0.25rem;
}
/* _content/MtmpProjectsPoc.Web/Pages/DataManagement/Tools.razor.rz.scp.css */
/* DM-03-01 — opt out of dynamic-fields.css global form-check overrides.
 * Same pattern as Pages/Admin/DmCustomFields.razor.css. The Tools page uses
 * native HTML checkboxes inside its compact multi-select dropdowns; without
 * this override, the global dynamic-fields.css applies 44x44 touch targets +
 * custom ::before/::after pseudo-elements that look "dirty" when the
 * checkbox loses focus. Restore native browser rendering. */

[b-cd3w6pn0aj] .form-check-input {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    border: revert !important;
    background-color: revert !important;
    background-image: none !important;
    box-shadow: none !important;
}

[b-cd3w6pn0aj] input[type="checkbox"].form-check-input {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    border-radius: 0;
}

[b-cd3w6pn0aj] .form-check-input::before,
[b-cd3w6pn0aj] .form-check-input::after {
    content: none !important;
    display: none !important;
}

[b-cd3w6pn0aj] .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: none !important;
}

[b-cd3w6pn0aj] .form-check-input:checked {
    background-color: revert !important;
    border-color: revert !important;
}
/* _content/MtmpProjectsPoc.Web/Shared/CollapsibleSection.razor.rz.scp.css */
.collapsible-section[b-fmjq057b5w] {
    margin-bottom: 16px; /* Reduced from 24px */
    border: 1px solid #DEE2E6;
    border-radius: 8px;
    background-color: #FFFFFF;
    overflow: visible; /* Changed from hidden to allow dropdowns to overflow */
}

.section-header[b-fmjq057b5w] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px; /* Reduced from 12px */
    padding: 12px 16px; /* Reduced from 16px 20px */
    background-color: #F8F9FA;
    border: none;
    border-radius: 8px 8px 0 0; /* Match container border-radius for top corners */
    cursor: pointer;
    font-size: 15px; /* Slightly reduced from 16px */
    font-weight: 600;
    color: #212529;
    text-align: left;
    transition: background-color 150ms;
}

/* When collapsed, round all corners */
.collapsible-section.collapsed .section-header[b-fmjq057b5w] {
    border-radius: 8px;
}

.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;
}

/* CRITICAL: Hide content when collapsed */
.section-content[b-fmjq057b5w] {
    display: none;
    padding: 12px;
    overflow: hidden;
}

.section-content.expanded[b-fmjq057b5w] {
    display: block;
    animation: slideDown-b-fmjq057b5w 150ms ease-out;
}

/* Compact section body */
.section-body[b-fmjq057b5w] {
    padding: 0;
}

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

.phase-badge[b-dtfuyk30v7] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs, 4px);
    padding: 0.35em 0.65em;
    border-radius: var(--radius-sm, 4px);
    font-size: var(--font-size-xs, 0.75rem);
    font-weight: var(--font-weight-medium, 500);
    color: white;
    transition: all var(--transition-fast, 0.15s ease);
    white-space: nowrap;
}

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

.phase-badge__label[b-dtfuyk30v7] {
    line-height: 1;
}

/* Phase-specific colors using Medtronic Design System */

.phase-badge--intake-form[b-dtfuyk30v7],
.phase-badge--intake[b-dtfuyk30v7] {
    background-color: var(--medtronic-gray-medium, #6B7280);
}

.phase-badge--pre-launch[b-dtfuyk30v7],
.phase-badge--prelaunch[b-dtfuyk30v7] {
    background-color: var(--medtronic-blue-primary, #0075C9);
}

.phase-badge--launch[b-dtfuyk30v7] {
    background-color: var(--medtronic-green-primary, #28A745);
}

.phase-badge--design[b-dtfuyk30v7] {
    background-color: var(--medtronic-purple, #6F42C1);
}

.phase-badge--build[b-dtfuyk30v7] {
    background-color: var(--medtronic-orange, #FD7E14);
    color: var(--text-primary, #212529);
}

.phase-badge--process-development[b-dtfuyk30v7] {
    background-color: var(--medtronic-teal, #20C997);
}

.phase-badge--ppap[b-dtfuyk30v7] {
    background-color: var(--medtronic-navy-primary, #003865);
}

.phase-badge--site-implementation[b-dtfuyk30v7] {
    background-color: var(--medtronic-cyan, #17A2B8);
}

/* Default fallback */
.phase-badge[b-dtfuyk30v7] {
    background-color: var(--medtronic-gray-medium, #6B7280);
}

/* Hover effect */
.phase-badge:hover[b-dtfuyk30v7] {
    transform: scale(1.05);
    cursor: default;
}
/* _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);
    color: var(--text-primary); /* Dark text for yellow background contrast */
    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: #6c757d; /* Gray-600 for better contrast with white text */
}
/* _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/ProjectOverviewSidebar.razor.rz.scp.css */
/* ProjectOverviewSidebar.razor.css - Scoped styles for sidebar component */
/* CRITICAL: Dark text on light background for visibility */

/* Container styling */
[b-98708fh3pi] .project-overview-sidebar {
    background-color: #F8F9FA;
    border: 1px solid #e5e7eb;
    border-left: 4px solid #0066CC;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 16px;
}

/* Header */
[b-98708fh3pi] .sidebar-header {
    padding: 12px 16px;
    margin-bottom: 8px;
    border-bottom: 2px solid #e5e7eb;
}

[b-98708fh3pi] .sidebar-title {
    font-size: 15px;
    font-weight: 700;
    color: #1e3a5f;
    margin: 0;
}

[b-98708fh3pi] .sidebar-subtitle {
    font-size: 11px;
    color: #64748b;
    margin-top: 2px;
}

/* Sections - COMPACT */
[b-98708fh3pi] .sidebar-section {
    padding: 10px 16px;
    border-bottom: 1px solid #e5e7eb;
}

[b-98708fh3pi] .sidebar-section:last-child {
    border-bottom: none;
}

/* Labels - DARK TEXT for light background */
[b-98708fh3pi] .sidebar-label {
    color: #4b5563 !important;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 4px;
    display: block;
}

/* Values - DARK TEXT for light background */
[b-98708fh3pi] .sidebar-value {
    color: #111827 !important;
    font-size: 14px;
    font-weight: 600;
    display: block;
}

[b-98708fh3pi] .sidebar-value span {
    color: #111827 !important;
}

/* Empty/placeholder values */
[b-98708fh3pi] .sidebar-value .empty,
[b-98708fh3pi] .empty {
    color: #9ca3af !important;
    font-style: italic;
    font-weight: 400;
}

/* Code elements (Project ID, Asset Number) */
[b-98708fh3pi] .project-overview-sidebar code {
    background-color: #f1f5f9;
    color: #059669;
    padding: 3px 8px;
    border-radius: 4px;
    font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
    font-size: 12px;
    font-weight: 600;
}

/* Dividers - COMPACT */
[b-98708fh3pi] .sidebar-divider,
[b-98708fh3pi] .project-overview-sidebar hr {
    border: none;
    height: 1px;
    background: #e5e7eb;
    margin: 0;
}

[b-98708fh3pi] .sidebar-divider.thick {
    height: 2px;
    background: #d1d5db;
}

/* Status badges */
[b-98708fh3pi] .status-badge {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

[b-98708fh3pi] .status-badge.status-draft {
    background-color: rgba(148, 163, 184, 0.9);
    color: #1e293b;
}

[b-98708fh3pi] .status-badge.status-active {
    background-color: #10B981;
    color: #ffffff;
}

[b-98708fh3pi] .status-badge.status-completed {
    background-color: #0EA5E9;
    color: #ffffff;
}

/* Priority badges */
[b-98708fh3pi] .priority-badge {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

[b-98708fh3pi] .priority-badge.priority-critical {
    background-color: #EF4444;
    color: #ffffff;
}

[b-98708fh3pi] .priority-badge.priority-high {
    background-color: #F59E0B;
    color: #1e293b;
}

[b-98708fh3pi] .priority-badge.priority-medium {
    background-color: #3B82F6;
    color: #ffffff;
}

[b-98708fh3pi] .priority-badge.priority-low {
    background-color: rgba(148, 163, 184, 0.9);
    color: #1e293b;
}

/* Score display */
[b-98708fh3pi] .score-display {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(6, 182, 212, 0.15) 100%);
    border: 1px solid rgba(16, 185, 129, 0.3);
    border-radius: 10px;
    padding: 12px 16px;
    text-align: center;
    margin: 10px 16px;
}

[b-98708fh3pi] .score-label {
    color: #4b5563;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 4px;
}

[b-98708fh3pi] .score-value {
    color: #059669;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

[b-98708fh3pi] .score-subtitle {
    color: #374151;
    font-size: 12px;
    font-weight: 600;
    margin-top: 4px;
}

/* Metadata rows */
[b-98708fh3pi] .sidebar-metadata {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[b-98708fh3pi] .metadata-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
}

[b-98708fh3pi] .metadata-row .label {
    color: #6b7280;
    font-size: 12px;
    font-weight: 400;
}

[b-98708fh3pi] .metadata-row .value {
    color: #1f2937;
    font-size: 12px;
    font-weight: 600;
}

/* Quick action buttons */
[b-98708fh3pi] .sidebar-actions {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e5e7eb;
}

[b-98708fh3pi] .sidebar-action-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 12px;
    margin-bottom: 8px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background-color: white;
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    cursor: pointer;
    transition: all 0.2s ease;
}

[b-98708fh3pi] .sidebar-action-btn:hover {
    background-color: #f1f5f9;
    border-color: #0066CC;
    color: #0066CC;
}

[b-98708fh3pi] .sidebar-action-btn.secondary {
    background-color: #f8fafc;
}
/* _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;
        overflow-y: auto;
        /* Custom scrollbar for dark theme */
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
    }

    .sidebar[b-q1puuef4kt]::-webkit-scrollbar {
        width: 6px;
    }

    .sidebar[b-q1puuef4kt]::-webkit-scrollbar-track {
        background: transparent;
    }

    .sidebar[b-q1puuef4kt]::-webkit-scrollbar-thumb {
        background-color: rgba(255, 255, 255, 0.3);
        border-radius: 3px;
    }

    .sidebar[b-q1puuef4kt]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(255, 255, 255, 0.5);
    }

    .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 */
}

/* Admin Subsection Headers - Collapsible */
.nav-subsection-header[b-5mgfc1iyiz] {
    display: flex;
    align-items: center;
    padding: var(--spacing-sm) var(--spacing-md);
    color: #d7d7d7;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: all var(--transition-base);
    user-select: none;
}

.nav-subsection-header:hover[b-5mgfc1iyiz] {
    background-color: var(--nav-hover-bg);
    color: var(--medtronic-white);
}

.nav-subsection-header .badge[b-5mgfc1iyiz] {
    font-size: 0.7rem;
    padding: 2px 6px;
    font-weight: var(--font-weight-normal);
}

/* Subsection items container with smooth animation */
.nav-subsection-items[b-5mgfc1iyiz] {
    animation: slideDown-b-5mgfc1iyiz 200ms ease-out;
    overflow: hidden;
}

@keyframes slideDown-b-5mgfc1iyiz {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Indent subsection items */
.nav-subsection-items .nav-item[b-5mgfc1iyiz] {
    padding-left: var(--spacing-lg);
}

.nav-subsection-items .nav-item[b-5mgfc1iyiz]  a {
    font-size: 0.85rem;
    min-height: 40px;
    padding: var(--spacing-xs) var(--spacing-sm);
}

/* Caret icons */
.nav-subsection-header .oi-caret-right[b-5mgfc1iyiz],
.nav-subsection-header .oi-caret-bottom[b-5mgfc1iyiz] {
    font-size: 0.7rem;
    width: 1rem;
    margin-right: 0;
    transition: transform var(--transition-base);
}

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

    .collapse[b-5mgfc1iyiz] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

/* DM-13 / Pattern C Phase 1 — module-collapsible top-level section headers.
   Same visual chrome as a regular nav-section-title but interactive: hover
   state, pointer cursor, and an "active" dot on the currently-expanded module. */
.nav-section-title-clickable[b-5mgfc1iyiz] {
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    border-radius: var(--radius-sm);
    transition: all var(--transition-base);
}

.nav-section-title-clickable:hover[b-5mgfc1iyiz] {
    background-color: var(--nav-hover-bg);
    color: var(--medtronic-white);
}

.nav-section-title-clickable .oi-caret-right[b-5mgfc1iyiz],
.nav-section-title-clickable .oi-caret-bottom[b-5mgfc1iyiz] {
    font-size: 0.7rem;
    width: 1rem;
    margin-right: 0;
    transition: transform var(--transition-base);
}

.module-active-dot[b-5mgfc1iyiz] {
    color: var(--medtronic-yellow);
    font-size: 0.6rem;
    line-height: 1;
}
/* _content/MtmpProjectsPoc.Web/Shared/PhaseNavigator.razor.rz.scp.css */
/* PhaseNavigator.razor.css
 * Compact horizontal phase navigation
 * Optimized for horizontal space usage
 * Design System: Medtronic brand colors
 */

/* === CONTAINER === */
.phase-nav[b-s471grn1yy] {
    position: relative;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.phase-nav-alert[b-s471grn1yy] {
    margin-bottom: 8px;
    padding: 8px 12px;
    font-size: 13px;
    width: 100%;
}

/* === DESKTOP WRAPPER: Contains only the nav tabs === */
.phase-nav-desktop-wrapper[b-s471grn1yy] {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
}

/* === DESKTOP: Segmented Control === */
.phase-nav-desktop[b-s471grn1yy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    background: #f0f2f5;
    border-radius: 8px;
    padding: 4px;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: thin;
}

.phase-nav-desktop[b-s471grn1yy]::-webkit-scrollbar {
    height: 4px;
}

.phase-nav-desktop[b-s471grn1yy]::-webkit-scrollbar-track {
    background: transparent;
}

.phase-nav-desktop[b-s471grn1yy]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 2px;
}

/* Item wrapper for dropdown positioning */
.phase-nav-item-wrapper[b-s471grn1yy] {
    position: relative;
    flex-shrink: 0;
}

/* Individual phase button */
.phase-nav-item[b-s471grn1yy] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    transition: all 150ms ease;
    white-space: nowrap;
    color: #666;
}

.phase-nav-item:hover[b-s471grn1yy] {
    background: rgba(255, 255, 255, 0.7);
}

.phase-nav-item:focus[b-s471grn1yy] {
    outline: 2px solid #0078d4;
    outline-offset: 1px;
}

/* === STATUS ICONS === */
.phase-nav-icon[b-s471grn1yy] {
    font-size: 12px;
    line-height: 1;
    flex-shrink: 0;
}

/* === PHASE LABEL === */
.phase-nav-label[b-s471grn1yy] {
    font-weight: 500;
    color: inherit;
}

/* === PROGRESS PERCENTAGE === */
.phase-nav-pct[b-s471grn1yy] {
    font-size: 11px;
    font-weight: 600;
    color: #0078d4;
    background: rgba(0, 120, 212, 0.1);
    padding: 2px 6px;
    border-radius: 10px;
}

/* === INSTANCE BADGE === */
.phase-nav-badge[b-s471grn1yy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    background: #0078d4;
    color: white;
    font-size: 10px;
    font-weight: 700;
    border-radius: 9px;
}

/* === DROPDOWN CHEVRON === */
.phase-nav-chevron[b-s471grn1yy] {
    font-size: 10px;
    color: #999;
    transition: transform 150ms ease;
}

.phase-nav-chevron.open[b-s471grn1yy] {
    transform: rotate(180deg);
}

/* === STATUS COLORS === */

/* Completed */
.phase-nav-item.completed[b-s471grn1yy] {
    color: #107c10;
}

.phase-nav-item.completed .phase-nav-badge[b-s471grn1yy] {
    background: #107c10;
}

/* In Progress */
.phase-nav-item.in-progress[b-s471grn1yy] {
    color: #0078d4;
}

.phase-nav-item.in-progress .phase-nav-badge[b-s471grn1yy] {
    background: #0078d4;
}

/* Pending */
.phase-nav-item.pending[b-s471grn1yy] {
    color: #999;
}

.phase-nav-item.pending .phase-nav-badge[b-s471grn1yy] {
    background: #999;
}

/* Not Applicable */
.phase-nav-item.not-applicable[b-s471grn1yy] {
    color: #ccc;
    cursor: not-allowed;
    opacity: 0.6;
}

/* === SELECTED STATE === */
.phase-nav-item.selected[b-s471grn1yy] {
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.phase-nav-item.selected.completed[b-s471grn1yy] {
    background: #e6f4ea;
}

.phase-nav-item.selected.in-progress[b-s471grn1yy] {
    background: #e6f1fb;
}

/* === DROPDOWN OVERLAY (fixed layer for proper stacking) === */
.phase-dropdown-overlay[b-s471grn1yy] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 200px;
    cursor: default;
}

/* === DROPDOWN CONTAINER === */
.phase-instance-dropdown[b-s471grn1yy] {
    position: relative;
}

/* === DROPDOWN MENU === */
.phase-dropdown-menu[b-s471grn1yy] {
    min-width: 280px;
    background: white;
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    animation: dropdownFadeIn-b-s471grn1yy 150ms ease-out;
}

@keyframes dropdownFadeIn-b-s471grn1yy {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.phase-dropdown-header[b-s471grn1yy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    background: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.phase-dropdown-count[b-s471grn1yy] {
    font-size: 11px;
    font-weight: 400;
    color: #666;
}

/* === DROPDOWN ITEMS === */
.phase-dropdown-item[b-s471grn1yy] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    font-size: 13px;
    transition: all 100ms ease;
}

.phase-dropdown-item:hover[b-s471grn1yy] {
    background: #f5f5f5;
}

.phase-dropdown-item:focus[b-s471grn1yy] {
    outline: none;
    background: #f0f0f0;
}

/* Instance number circle */
.phase-dropdown-num[b-s471grn1yy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #e0e0e0;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 700;
    color: #666;
    flex-shrink: 0;
}

/* Instance info */
.phase-dropdown-info[b-s471grn1yy] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.phase-dropdown-name[b-s471grn1yy] {
    font-size: 13px;
    font-weight: 500;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.phase-dropdown-status[b-s471grn1yy] {
    font-size: 11px;
    color: #666;
}

/* Instance progress */
.phase-dropdown-progress[b-s471grn1yy] {
    font-size: 12px;
    font-weight: 600;
    color: #0078d4;
    flex-shrink: 0;
}

.phase-dropdown-progress .pending[b-s471grn1yy] {
    color: #999;
}

/* === DROPDOWN ITEM STATUS COLORS === */
.phase-dropdown-item.completed[b-s471grn1yy] {
    border-left-color: #107c10;
}

.phase-dropdown-item.completed .phase-dropdown-num[b-s471grn1yy] {
    background: #107c10;
    color: white;
}

.phase-dropdown-item.completed .phase-dropdown-progress[b-s471grn1yy] {
    color: #107c10;
}

.phase-dropdown-item.in-progress[b-s471grn1yy] {
    border-left-color: #0078d4;
}

.phase-dropdown-item.in-progress .phase-dropdown-num[b-s471grn1yy] {
    background: #0078d4;
    color: white;
}

/* Selected item in dropdown */
.phase-dropdown-item.selected[b-s471grn1yy] {
    background: #0078d4;
    color: white;
}

.phase-dropdown-item.selected .phase-dropdown-name[b-s471grn1yy],
.phase-dropdown-item.selected .phase-dropdown-status[b-s471grn1yy],
.phase-dropdown-item.selected .phase-dropdown-progress[b-s471grn1yy] {
    color: white;
}

.phase-dropdown-item.selected .phase-dropdown-num[b-s471grn1yy] {
    background: rgba(255, 255, 255, 0.25);
    color: white;
}

.phase-dropdown-item.selected .phase-dropdown-status[b-s471grn1yy] {
    opacity: 0.85;
}

/* === MOBILE BACKDROP (hidden on mobile) === */

/* === MOBILE SELECTOR === */
.phase-nav-mobile[b-s471grn1yy] {
    display: none;
    width: 100%;
    max-width: 400px;
}

.phase-nav-select[b-s471grn1yy] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #d1d1d1;
    border-radius: 6px;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: white;
    color: #333;
}

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

/* === RESPONSIVE === */

/* Tablet: Slightly smaller */
@media (max-width: 1024px) {
    .phase-nav-item[b-s471grn1yy] {
        padding: 6px 10px;
        font-size: 12px;
    }

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

    .phase-nav-badge[b-s471grn1yy] {
        min-width: 16px;
        height: 16px;
        font-size: 9px;
    }

    .phase-dropdown-menu[b-s471grn1yy] {
        min-width: 240px;
    }
}

/* Mobile: Show dropdown only */
@media (max-width: 768px) {
    .phase-nav-desktop-wrapper[b-s471grn1yy] {
        display: none;
    }

    .phase-nav-mobile[b-s471grn1yy] {
        display: flex;
        justify-content: center;
    }

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

/* === ACCESSIBILITY === */

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .phase-nav-item[b-s471grn1yy],
    .phase-nav-chevron[b-s471grn1yy],
    .phase-dropdown-menu[b-s471grn1yy],
    .phase-dropdown-item[b-s471grn1yy] {
        transition: none;
    }

    .phase-dropdown-menu[b-s471grn1yy] {
        animation: none;
    }
}

/* High contrast */
@media (prefers-contrast: more) {
    .phase-nav-item.completed[b-s471grn1yy] {
        color: #0a5a0a;
    }

    .phase-nav-item.in-progress[b-s471grn1yy] {
        color: #004080;
    }

    .phase-dropdown-item.selected[b-s471grn1yy] {
        background: #000;
    }
}