/* /Components/Layout/TopNavBar.razor.rz.scp.css */
/* TopNavBar scoped styles */

[b-wtsbmn0tjj] .mud-appbar {
    background-color: #1A1A2E !important;
    color: #ffffff;
    height: 60px;
    min-height: 60px;
}

.nav-content[b-wtsbmn0tjj] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    gap: 8px;
}

.nav-left[b-wtsbmn0tjj] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.nav-logo[b-wtsbmn0tjj] {
    height: 45px;
    width: auto;
}

.logo-link[b-wtsbmn0tjj],
.clinic-name-link[b-wtsbmn0tjj] {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

[b-wtsbmn0tjj] .clinic-name {
    color: #ffffff;
    white-space: nowrap;
    font-weight: 500;
}

.nav-center[b-wtsbmn0tjj] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-left: 24px;
}

.patient-name-link[b-wtsbmn0tjj] {
    text-decoration: none;
    color: inherit;
}

.patient-name-link:hover[b-wtsbmn0tjj] {
    text-decoration: underline;
}

[b-wtsbmn0tjj] .patient-name {
    color: #ffffff;
    font-weight: 500;
    white-space: nowrap;
}

[b-wtsbmn0tjj] .patient-detail {
    color: rgba(255, 255, 255, 0.85);
    white-space: nowrap;
}

.nav-right[b-wtsbmn0tjj] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

[b-wtsbmn0tjj] .nav-button {
    color: #ffffff;
    text-transform: none;
}

.tablet-code[b-wtsbmn0tjj] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: rgba(255, 255, 255, 0.85);
    white-space: nowrap;
    font-size: 0.875rem;
}

[b-wtsbmn0tjj] .tablet-code-icon {
    color: rgba(255, 255, 255, 0.85);
}

/* Hide patient DOB, tablet code on small screens (matches legacy responsive behavior) */
@media (max-width: 960px) {
    .hide-small[b-wtsbmn0tjj] {
        display: none;
    }

    .nav-center[b-wtsbmn0tjj] {
        margin-left: 12px;
    }
}

@media (max-width: 600px) {
    .nav-center[b-wtsbmn0tjj] {
        display: none;
    }
}
/* /Components/Patient/AssessmentLegend.razor.rz.scp.css */
.legend-panel[b-8zd08u5mjv] {
    position: fixed;
    top: 100px;
    right: 20px;
    width: 250px;
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    z-index: 100;
    background: white;
}

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

.legend-text[b-8zd08u5mjv] {
    font-size: 13px;
    color: #333;
}

/* Badge styles (same as AssessmentMarker) */
.badge[b-8zd08u5mjv] {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    min-width: 22px;
    text-align: center;
}

.badge-pain[b-8zd08u5mjv] {
    background-color: #ffcc33;
    color: black;
}

.badge-tingling[b-8zd08u5mjv] {
    background-color: #cccc33;
    color: black;
}

.badge-numbness[b-8zd08u5mjv] {
    background-color: #cc66cc;
}

.badge-tightness[b-8zd08u5mjv] {
    background-color: #999;
}

.badge-temperature-hot[b-8zd08u5mjv] {
    background-color: #ff6666;
}

.badge-temperature-cold[b-8zd08u5mjv] {
    background-color: #6699ff;
}

.badge-temperature-both[b-8zd08u5mjv] {
    background: linear-gradient(to right, #ff6666, #6699ff);
}

.badge-vibration[b-8zd08u5mjv] {
    background-color: #9966ff;
}

.badge-pinprick[b-8zd08u5mjv] {
    background-color: #99cc33;
}

.badge-lightTouch[b-8zd08u5mjv] {
    background-color: #ff3399;
}

.badge-symptomatic[b-8zd08u5mjv] {
    background-color: #ff9933;
}
/* /Components/Patient/CareMetricsPanel.razor.rz.scp.css */
.care-metrics-panel[b-ndtn5f8u24] {
    height: 100%;
}

.metric-card[b-ndtn5f8u24] {
    background-color: var(--mud-palette-background-grey);
    border-radius: 8px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.metric-card-urgent[b-ndtn5f8u24] {
    background-color: rgba(244, 67, 54, 0.1);
    border: 1px solid var(--mud-palette-error);
}

.metric-card-warning[b-ndtn5f8u24] {
    background-color: rgba(255, 152, 0, 0.1);
    border: 1px solid var(--mud-palette-warning);
}
/* /Components/Patient/CompareLimbDiagram.razor.rz.scp.css */
/* Compare limb diagram — dual-side labels with connector lines */

.compare-limb-container[b-4jzxzfe4ua] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.compare-header[b-4jzxzfe4ua] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    padding: 0 10px;
}

.compare-header-label[b-4jzxzfe4ua] {
    font-size: 13px;
    font-weight: bold;
    color: #333;
}

.compare-header-label.left-label[b-4jzxzfe4ua] {
    text-align: left;
}

.compare-header-label.right-label[b-4jzxzfe4ua] {
    text-align: right;
}

.compare-marker[b-4jzxzfe4ua] {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    padding: 2px 4px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.85);
    z-index: 10;
}

/* Left labels: right-aligned, flow leftward from the edge */
.compare-marker-left[b-4jzxzfe4ua] {
    justify-content: flex-end;
    transform: translate(-100%, -50%);
}

/* Right labels: left-aligned, flow rightward from the edge */
.compare-marker-right[b-4jzxzfe4ua] {
    justify-content: flex-start;
    transform: translateY(-50%);
}

.marker-label[b-4jzxzfe4ua] {
    font-size: 12px;
    font-weight: bold;
    color: #777;
}

.marker-badges[b-4jzxzfe4ua] {
    display: flex;
    gap: 1.5px;
}
/* /Components/Patient/ComparePanel.razor.rz.scp.css */
.compare-container[b-twfs248jv9] {
    display: flex;
    gap: 20px;
    padding: 10px;
}

.visit-list-column[b-twfs248jv9] {
    flex: 0 0 240px;
    min-width: 240px;
    border-right: 1px solid #eee;
    padding-right: 15px;
}

.comparison-column[b-twfs248jv9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.compare-controls[b-twfs248jv9] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
    padding: 10px;
}

[b-twfs248jv9] .pill-selected {
    background-color: var(--mud-palette-primary) !important;
    color: white !important;
    border-color: var(--mud-palette-primary) !important;
}

/* /Components/Patient/CompareVisitList.razor.rz.scp.css */
.compare-visit-list[b-6h6exnjxk4] {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.visit-table[b-6h6exnjxk4] {
    width: 100%;
    border-collapse: collapse;
}

.visit-table th[b-6h6exnjxk4],
.visit-table td[b-6h6exnjxk4] {
    text-align: center;
    padding: 6px 8px;
    border-bottom: 1px solid #eee;
}

.visit-table th[b-6h6exnjxk4] {
    background: #f5f5f5;
    font-weight: bold;
    font-size: 12px;
    color: #666;
}

.col-radio[b-6h6exnjxk4] {
    width: 30px;
}

.col-date[b-6h6exnjxk4] {
    text-align: left !important;
    padding-left: 10px !important;
}

.toggle-label[b-6h6exnjxk4] {
    color: #337ab7;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
}

.toggle-label:hover[b-6h6exnjxk4] {
    text-decoration: underline;
}

.visit-display[b-6h6exnjxk4] {
    font-size: 13px;
}

/* Annotation indicator - shows what data types the visit has */
.annotation[b-6h6exnjxk4] {
    display: inline-block;
    width: 6px;
    height: 14px;
    margin-left: 6px;
    vertical-align: middle;
}

.annotation.has-signs[b-6h6exnjxk4] {
    border-bottom: 14px solid #f0ad4e;
}

.annotation.has-symptoms[b-6h6exnjxk4] {
    border-top: 14px solid #5bc0de;
}

.annotation.has-signs.has-symptoms[b-6h6exnjxk4] {
    border-bottom: 7px solid #f0ad4e;
    border-top: 7px solid #5bc0de;
}

/* Radio button styling */
.visit-table input[type="radio"][b-6h6exnjxk4] {
    cursor: pointer;
    width: 16px;
    height: 16px;
}
/* /Components/Patient/ContactPanel.razor.rz.scp.css */
.contact-field[b-o62vh8i0is] {
    padding: 8px 12px;
    background-color: var(--mud-palette-background-grey);
    border-radius: 6px;
    transition: background-color 0.2s ease;
}

.contact-field:hover[b-o62vh8i0is] {
    background-color: var(--mud-palette-action-default-hover);
}

.field-label[b-o62vh8i0is] {
    margin-bottom: 4px;
}

.field-value[b-o62vh8i0is] {
    font-weight: 500;
    padding-left: 24px; /* Align with icon */
}

.email-truncate[b-o62vh8i0is] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

/* Ensure consistent height for grid items */
[b-o62vh8i0is] .mud-grid-item {
    display: flex;
}

[b-o62vh8i0is] .mud-grid-item > .contact-field {
    flex: 1;
}
/* /Components/Patient/OverviewBodyDiagram.razor.rz.scp.css */
/* Overview body diagram — column-aligned labels with connector lines */

.overview-marker[b-qdgawq84eu] {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    padding: 2px 4px;
    border-radius: 3px;
    background: white;
    z-index: 10;
}

/* Right-side labels: anchored at right edge, content flows left */
.overview-marker-right[b-qdgawq84eu] {
    justify-content: flex-end;
    transform: translate(-100%, -50%);
}

/* Left-side labels: anchored at left edge, content flows right */
.overview-marker-left[b-qdgawq84eu] {
    justify-content: flex-start;
    transform: translateY(-50%);
}

.marker-label[b-qdgawq84eu] {
    font-size: 12px;
    font-weight: bold;
    color: #777;
}

.marker-badges[b-qdgawq84eu] {
    display: flex;
    gap: 1.5px;
}

/* Side orientation labels on the body diagram */
.diagram-side-label[b-qdgawq84eu] {
    position: absolute;
    font-weight: 600;
    font-size: 13px;
    color: #555;
    z-index: 10;
    white-space: nowrap;
}

.diagram-side-label-right[b-qdgawq84eu] {
    transform: translateX(-100%);
    text-align: right;
    padding-right: 4px;
}

.diagram-side-label-left[b-qdgawq84eu] {
    text-align: left;
    padding-left: 4px;
}
/* /Components/Patient/OverviewPanel.razor.rz.scp.css */
.overview-nav-panel[b-fat7bhv8z4] {
    position: relative;
    background: #f5f5f5;
    border-radius: 4px;
}

.overview-header[b-fat7bhv8z4] {
    display: flex;
    align-items: center;
    padding: 4px 12px;
}

.header-right[b-fat7bhv8z4] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
}

.header-center[b-fat7bhv8z4] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

/* Floats below the icons on the right — absolutely positioned so it doesn't push the body down */
.progress-float[b-fat7bhv8z4] {
    position: absolute;
    right: 12px;
    top: 100%;
    z-index: 20;
    display: flex;
    align-items: center;
}

.overview-body[b-fat7bhv8z4] {
    padding: 8px 0;
}

.foot-section[b-fat7bhv8z4] {
    display: flex;
    margin-top: 20px;
    padding-top: 20px;
    justify-content: center;
    gap: 40px;
}

.foot-column[b-fat7bhv8z4] {
    display: flex;
}

/* Right foot column - align content to the right (foot near center) */
.foot-column-right[b-fat7bhv8z4] {
    justify-content: flex-end;
}

/* Left foot column - align content to the left (foot near center) */
.foot-column-left[b-fat7bhv8z4] {
    justify-content: flex-start;
}

/* Foot diagram container - position: relative for absolute marker positioning */
.foot-diagram[b-fat7bhv8z4] {
    position: relative;
    padding-top: 20px;
}

/* Right foot container size - markers extend left */
.foot-diagram.foot-right[b-fat7bhv8z4] {
    width: 350px;
    display: flex;
    justify-content: flex-end;
}

/* Left foot container size - markers extend right */
.foot-diagram.foot-left[b-fat7bhv8z4] {
    width: 350px;
    display: flex;
    justify-content: flex-start;
}

.foot-image[b-fat7bhv8z4] {
    width: 100px;
    height: auto;
}

/* Print subtitle showing visit title and progress info */
.overview-print-info[b-fat7bhv8z4] {
    text-align: center;
    padding: 4px 0 8px;
}

.print-visit-title[b-fat7bhv8z4] {
    font-size: 1.15rem;
    font-weight: 500;
}

.print-progress-info[b-fat7bhv8z4] {
    font-size: 0.85rem;
    color: #666;
}
/* /Components/Patient/RecentActivityPanel.razor.rz.scp.css */
.recent-activity-panel[b-hp8ie87nu6] {
    height: 100%;
}

.activity-item[b-hp8ie87nu6] {
    background-color: var(--mud-palette-background-grey);
    border-radius: 8px;
    transition: background-color 0.2s ease;
}

.activity-item:hover[b-hp8ie87nu6] {
    background-color: var(--mud-palette-action-default-hover);
}
/* /Components/Patient/VisitHistoryPanel.razor.rz.scp.css */
/* Notes child row — visually separate from data rows */
[b-076w2b0vlv] .child-notes-row {
    background-color: #f9f9f9;
    border-bottom: 2px solid #dee2e6;
}

/* Prevent striped table styling from overriding the notes background */
[b-076w2b0vlv] .mud-table-body .child-notes-row:nth-child(odd),
[b-076w2b0vlv] .mud-table-body .child-notes-row:nth-child(even) {
    background-color: #f9f9f9;
}

/* Left accent border on notes content — matches legacy blockquote style */
.notes-content[b-076w2b0vlv] {
    border-left: 3px solid #bdbdbd;
    padding-left: 12px;
}
/* /Components/Shared/BadgeRow.razor.rz.scp.css */
.badge[b-v0eox9p0vh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 4px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 2px;
    color: white;
    line-height: 1;
    /* Transparent border matches inverse badge border width so both occupy identical space */
    border: 2px solid transparent;
    box-sizing: border-box;
}

/* Signs */
.badge-vibration[b-v0eox9p0vh] { background-color: #9966ff; }
.badge-pinprick[b-v0eox9p0vh] { background-color: #99cc33; }
.badge-lightTouch[b-v0eox9p0vh] { background-color: #ff3399; }
.badge-symptomatic[b-v0eox9p0vh] { background-color: #ff9933; }

/* Symptoms */
.badge-pain[b-v0eox9p0vh] { background-color: #ffcc33; color: #333; }
.badge-tingling[b-v0eox9p0vh] { background-color: #cccc33; color: #333; }
.badge-numbness[b-v0eox9p0vh] { background-color: #cc66cc; }
.badge-tightness[b-v0eox9p0vh] { background-color: #999; }

/* Temperature */
.badge-temp-heat[b-v0eox9p0vh] { background: #ef5350; color: white; }
.badge-temp-cold[b-v0eox9p0vh] { background: #42a5f5; color: white; }
.badge-temp-both[b-v0eox9p0vh] { background: linear-gradient(135deg, #ef5350 0%, #ab47bc 50%, #42a5f5 100%); color: white; }

/* Inverse style: white background, colored border + text */
.badge-inverse[b-v0eox9p0vh] {
    background: white !important;
    border-style: solid;
}

/* Signs - inverse */
.badge-vibration.badge-inverse[b-v0eox9p0vh] { border-color: #9966ff; color: #9966ff; }
.badge-pinprick.badge-inverse[b-v0eox9p0vh] { border-color: #99cc33; color: #99cc33; }
.badge-lightTouch.badge-inverse[b-v0eox9p0vh] { border-color: #ff3399; color: #ff3399; }
.badge-symptomatic.badge-inverse[b-v0eox9p0vh] { border-color: #ff9933; color: #ff9933; }

/* Symptoms - inverse */
.badge-pain.badge-inverse[b-v0eox9p0vh] { border-color: #ffcc33; color: #997a00; }
.badge-tingling.badge-inverse[b-v0eox9p0vh] { border-color: #cccc33; color: #8a8a22; }
.badge-numbness.badge-inverse[b-v0eox9p0vh] { border-color: #cc66cc; color: #cc66cc; }
.badge-tightness.badge-inverse[b-v0eox9p0vh] { border-color: #999; color: #999; }

/* Temperature - inverse */
.badge-temp-heat.badge-inverse[b-v0eox9p0vh] { border-color: #ef5350; color: #ef5350; }
.badge-temp-cold.badge-inverse[b-v0eox9p0vh] { border-color: #42a5f5; color: #42a5f5; }
.badge-temp-both.badge-inverse[b-v0eox9p0vh] { border-color: #ab47bc; color: #ab47bc; }
/* /Components/Visit/MeasurementsMiniPopover.razor.rz.scp.css */
.measurements-mini-popover[b-klpmud3t8e] {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 8px;
    min-width: 240px;
    max-width: 280px;
}

.measurement-fields[b-klpmud3t8e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 0;
}

/* Compact numeric fields inside the popover */
.measurement-fields[b-klpmud3t8e]  .mud-input-outlined {
    margin-top: 0;
}

.measurement-fields[b-klpmud3t8e]  .measurement-field {
    margin-bottom: 0;
}
/* /Components/Visit/SignsMiniPopover.razor.rz.scp.css */
.signs-mini-popover[b-8v2uo9516e] {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 8px;
    min-width: 220px;
}

.badge-grid[b-8v2uo9516e] {
    display: grid;
    grid-template-columns: repeat(4, 44px);
    gap: 4px;
    align-items: center;
    justify-items: center;
}

/* Help mode — reveal row labels and switch to 5-column grid */
.help-mode .badge-grid[b-8v2uo9516e] {
    grid-template-columns: auto repeat(4, 70px);
    gap: 6px;
}

.help-row-label[b-8v2uo9516e] {
    font-size: 12px;
    font-weight: 600;
    color: #555;
    text-align: right;
    padding-right: 6px;
    white-space: nowrap;
    justify-self: end;
}
/* /Components/Visit/SymptomsMiniPopover.razor.rz.scp.css */
.symptoms-mini-popover[b-bje1whyq36] {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 8px;
    min-width: 260px;
}

.badge-grid[b-bje1whyq36] {
    display: grid;
    grid-template-columns: repeat(5, 44px);
    gap: 4px;
    align-items: center;
    justify-items: center;
}

/* Help mode — widen columns to fit 12px headers */
.help-mode .badge-grid[b-bje1whyq36] {
    grid-template-columns: repeat(5, 64px);
    gap: 6px;
}

/* Sub-popovers for Pain number grid and Temperature */
.sub-popover[b-bje1whyq36] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 6px;
    z-index: 20;
}

.sub-popover.sub-right[b-bje1whyq36] {
    left: calc(100% + 8px);
}

.sub-popover.sub-left[b-bje1whyq36] {
    right: calc(100% + 8px);
}

.number-grid[b-bje1whyq36] {
    display: grid;
    grid-template-columns: repeat(5, 36px);
    gap: 4px;
}

.num-badge[b-bje1whyq36] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    border: 2px solid;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding: 0;
    transition: all 0.1s ease;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

.num-badge:active[b-bje1whyq36] {
    transform: scale(0.95);
}

.temp-grid[b-bje1whyq36] {
    display: grid;
    grid-template-columns: repeat(3, 48px);
    gap: 6px;
}

.temp-badge[b-bje1whyq36] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    border: 2px solid transparent;
    cursor: pointer;
    padding: 0;
    color: white;
    transition: all 0.15s ease;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    opacity: 0.45;
}

.temp-badge.selected[b-bje1whyq36] {
    opacity: 1;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
}

.temp-badge:active[b-bje1whyq36] {
    transform: scale(0.95);
}

.temp-hot[b-bje1whyq36] {
    background: #ef5350;
    color: white;
}

.temp-cold[b-bje1whyq36] {
    background: #42a5f5;
    color: white;
}

.temp-both[b-bje1whyq36] {
    background: linear-gradient(135deg, #ef5350 0%, #ab47bc 50%, #42a5f5 100%);
    color: white;
}

.temp-unselected[b-bje1whyq36] {
    background: #fff;
    color: #ff6666;
    border-color: #ff6666;
    opacity: 1;
}

/* Main temp badge in the value row (44px to match other pop-badges) */
.temp-main[b-bje1whyq36] {
    border-radius: 12px;
}

.temp-main.temp-unselected[b-bje1whyq36] {
    opacity: 1;
}

.temp-main.selected[b-bje1whyq36] {
    opacity: 1;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
/* /Layout/LoginLayout.razor.rz.scp.css */
[b-8rzc204cto] .login-layout {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 24px;
}