/* /Components/Layout/PortalLayout.razor.rz.scp.css */
/* Scoped styles for Claimant Welcome Modal in PortalLayout */

.claimant-welcome-backdrop[b-bjfoa7lpe1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(15, 23, 42, 0.6); /* Semi-transparent Slate/Navy backdrop */
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 1;
    transition: opacity 200ms ease-out;
}

.claimant-welcome-backdrop.is-closing[b-bjfoa7lpe1] {
    opacity: 0;
}

.claimant-welcome-modal[b-bjfoa7lpe1] {
    position: relative;
    width: min(92vw, 520px);
    padding: 34px 34px 30px;
    border: 1px solid rgba(30, 64, 175, 0.12);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22);
    text-align: center;
    font-family: "Roboto", Arial, sans-serif;
    transform: scale(1);
    transition: transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1);
}

.claimant-welcome-modal.is-closing[b-bjfoa7lpe1] {
    transform: scale(0.95);
}

.claimant-welcome-logo[b-bjfoa7lpe1] {
    display: block;
    width: auto;
    max-width: 190px;
    max-height: 72px;
    object-fit: contain;
    margin: 0 auto 20px;
}

.claimant-welcome-modal h2[b-bjfoa7lpe1] {
    margin: 0 0 12px;
    color: #0f2f5f;
    font-family: "Roboto", Arial, sans-serif;
    font-size: clamp(1.35rem, 3vw, 1.8rem);
    font-weight: 700;
    line-height: 1.25;
}

.claimant-welcome-modal p[b-bjfoa7lpe1] {
    max-width: 430px;
    margin: 0 auto;
    color: #64748b;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.65;
}

.claimant-welcome-close[b-bjfoa7lpe1] {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 999px;
    background: #f1f5f9;
    color: #334155;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 150ms ease, color 150ms ease;
}

.claimant-welcome-close:hover[b-bjfoa7lpe1],
.claimant-welcome-close:focus[b-bjfoa7lpe1] {
    background: #e2e8f0;
    color: #0f172a;
    outline: none;
}

.claimant-welcome-close:focus-visible[b-bjfoa7lpe1] {
    outline: 3px solid rgba(37, 99, 235, 0.35);
    outline-offset: 2px;
}

/* Responsive Mobile Layout Adjustments */
@media (max-width: 576px) {
    .claimant-welcome-modal[b-bjfoa7lpe1] {
        width: calc(100vw - 28px);
        padding: 30px 22px 26px;
        border-radius: 18px;
    }

    .claimant-welcome-logo[b-bjfoa7lpe1] {
        max-width: 155px;
        max-height: 62px;
        margin-bottom: 18px;
    }
}

/* Accessibility: Support Reduced-Motion Preference */
@media (prefers-reduced-motion: reduce) {
    .claimant-welcome-backdrop[b-bjfoa7lpe1],
    .claimant-welcome-modal[b-bjfoa7lpe1] {
        transition: none !important;
        transform: none !important;
        animation: none !important;
    }
}
/* /Components/Layout/ProviderLayout.razor.rz.scp.css */
/* 
   ProviderLayout.razor.css
   Operational styling system for the MedX Provider/Admin Portal layout wrapper.
   Maintains locked headers, sidebars, and desktop/mobile viewport responsiveness.
*/

/* Core shell wrapper that locks the browser height to prevent scroll leaks */
.provider-shell[b-u59dlh2xq2] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    background-color: #f8fafc;
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #1e293b;
}

/* Locked top header bar with branding and active staff profile indicators */
.provider-topbar[b-u59dlh2xq2] {
    height: 60px;
    background-color: #ffffff; /* White header background */
    color: #0f172a; /* Dark slate text and icon color */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    z-index: 100;
    border-bottom: 1.5px solid #000000; /* Sharp black bottom border */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Brand logo and staff mode badge container */
.provider-brand-lockup[b-u59dlh2xq2] {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Staff status badge to differentiate the ops environment */
.provider-badge[b-u59dlh2xq2] {
    background-color: #3b82f6; /* Blue badge */
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    padding: 2px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Brand branding text */
.brand-text[b-u59dlh2xq2] {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.light-text[b-u59dlh2xq2] {
    color: #94a3b8;
    font-weight: 400;
}

/* Right-aligned topbar items (profile context) */
.provider-topbar-actions[b-u59dlh2xq2] {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* User information badge containing initials and logged-in profile details */
.provider-user-badge[b-u59dlh2xq2] {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #f1f5f9; /* Light grey pill background to contrast with white header */
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 13px;
    border: 1px solid #e2e8f0; /* Light grey border */
}

/* Icon avatar in the user badge */
.provider-avatar[b-u59dlh2xq2] {
    font-size: 14px;
}

/* Identity box containing provider name and role details */
.provider-identity-box[b-u59dlh2xq2] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    text-align: left;
}

.provider-name[b-u59dlh2xq2] {
    font-weight: 700;
    color: #0f172a; /* Slate black */
    font-size: 12.5px;
}

.provider-role[b-u59dlh2xq2] {
    font-size: 10.5px;
    color: #64748b; /* Slate grey */
    font-weight: 600;
}

/* Main body wrapper split between sidebar navigation and scrollable workspace */
.provider-body[b-u59dlh2xq2] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

/* Pinned stationary left-side operations navigation sidebar */
.provider-sidebar[b-u59dlh2xq2] {
    width: 250px;
    background-color: #ffffff;
    border-right: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: 20px 12px;
}

/* Navigation list wrapper */
.provider-nav[b-u59dlh2xq2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Section label headings separating Dashboard, Operations, and System links */
.provider-nav-section[b-u59dlh2xq2] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.provider-nav-section-label[b-u59dlh2xq2] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #94a3b8;
    padding: 0 12px;
    margin-bottom: 6px;
    letter-spacing: 0.5px;
}

/* Standard sidebar link styles with active highlight states */
.provider-nav-link[b-u59dlh2xq2] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    color: #475569;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    transition: all 0.15s ease;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.provider-nav-link:hover[b-u59dlh2xq2] {
    background-color: #f1f5f9;
    color: #0f172a;
}

/* Highlighted state representing the current route */
.provider-nav-link.active[b-u59dlh2xq2] {
    background-color: #eff6ff;
    color: #1d4ed8;
}

.provider-nav-icon[b-u59dlh2xq2] {
    font-size: 16px;
    width: 20px;
    text-align: center;
}

.provider-nav-label[b-u59dlh2xq2] {
    flex: 1;
    min-width: 0;
}

/* Red-accented sign out action link */
.provider-logout-button:hover[b-u59dlh2xq2] {
    background-color: #fef2f2;
    color: #dc2626;
}

/* Disabled styling representing placeholders and coming soon options */
.disabled-nav-link[b-u59dlh2xq2] {
    opacity: 0.5;
    cursor: not-allowed;
}

.disabled-nav-link:hover[b-u59dlh2xq2] {
    background: none;
    color: #475569;
}

/* Compact status indicator inside nav links */
.coming-soon-pill[b-u59dlh2xq2] {
    font-size: 9px;
    background-color: #f1f5f9;
    color: #64748b;
    padding: 1px 5px;
    border-radius: 4px;
    margin-left: auto;
    font-weight: 700;
}

/* Scroll-contained container rendering dynamic page markup content */
.provider-content-area[b-u59dlh2xq2] {
    flex: 1;
    overflow-y: auto;
    padding: 32px;
    background-color: #f8fafc;
}

/* Hide mobile items on desktop screens */
.d-none-desktop[b-u59dlh2xq2] {
    display: none !important;
}

/* Mobile responsive constraints below standard 768px viewports */
@media (max-width: 768px) {
    .d-none-mobile[b-u59dlh2xq2] {
        display: none !important;
    }
    
    .d-none-desktop[b-u59dlh2xq2] {
        display: flex !important;
    }

    .provider-content-area[b-u59dlh2xq2] {
        padding: 16px;
        padding-bottom: 80px; /* Offset for bottom nav bar */
    }

    /* Fixed bottom navigation bar for mobile operations */
    .provider-mobile-bottom-nav[b-u59dlh2xq2] {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 60px;
        background-color: #ffffff;
        border-top: 1px solid #e2e8f0;
        display: flex;
        justify-content: space-around;
        align-items: center;
        z-index: 200;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.03);
    }

    .provider-mobile-nav-link[b-u59dlh2xq2] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3px;
        color: #64748b;
        text-decoration: none;
        font-size: 10px;
        font-weight: 600;
        border: none;
        background: none;
        cursor: pointer;
    }

    .provider-mobile-nav-link.active[b-u59dlh2xq2] {
        color: #1d4ed8;
    }

    .mobile-icon[b-u59dlh2xq2] {
        font-size: 18px;
    }

    /* Dimmed overlay backdrop when mobile navigation drawer is toggled open */
    .provider-mobile-backdrop[b-u59dlh2xq2] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(15, 23, 42, 0.4);
        z-index: 290;
    }

    /* Slide-out mobile navigation drawer */
    .provider-mobile-drawer[b-u59dlh2xq2] {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 60px; /* Keep bottom nav visible */
        width: 280px;
        background-color: #ffffff;
        z-index: 300;
        box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        padding: 20px 16px;
    }

    .provider-drawer-header[b-u59dlh2xq2] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: 20px;
        border-bottom: 1px solid #f1f5f9;
        padding-bottom: 12px;
    }

    .provider-close-drawer[b-u59dlh2xq2] {
        font-size: 24px;
        border: none;
        background: none;
        color: #94a3b8;
        cursor: pointer;
    }
}

/* --- Medex Mobile Redesign App Shell Additions --- */
/* Logo image sizing in the topbar header */
.provider-logo-img[b-u59dlh2xq2] {
    height: 40px; /* Enlarged desktop logo height */
    width: auto;
    object-fit: contain;
}

.provider-brand-titles[b-u59dlh2xq2] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.brand-subtitle[b-u59dlh2xq2] {
    font-size: 10px;
    color: #94a3b8;
    font-weight: 600;
    margin-top: -2px;
    letter-spacing: 0.2px;
}

@media (max-width: 768px) {
    .provider-topbar[b-u59dlh2xq2] {
        height: calc(60px + env(safe-area-inset-top));
        padding-top: env(safe-area-inset-top);
        padding-left: 16px;
        padding-right: 16px;
    }

    /* Mobile brand logo size adjustment */
    .provider-logo-img[b-u59dlh2xq2] {
        height: 34px; /* Enlarged mobile logo height */
    }

    .provider-brand-lockup[b-u59dlh2xq2] {
        gap: 8px;
    }

    .brand-text[b-u59dlh2xq2] {
        font-size: 14px;
    }

    .provider-mobile-bottom-nav[b-u59dlh2xq2] {
        height: calc(64px + env(safe-area-inset-bottom)) !important;
        padding-bottom: env(safe-area-inset-bottom) !important;
        background: rgba(255, 255, 255, 0.96);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border-top: 1px solid #e2e8f0;
    }

    .provider-mobile-nav-link[b-u59dlh2xq2] {
        flex: 1;
        height: 100%;
        justify-content: center;
        gap: 2px;
        transition: color 0.15s ease;
    }

    .provider-mobile-nav-link .mobile-icon[b-u59dlh2xq2] {
        font-size: 20px;
    }

    .provider-content-area[b-u59dlh2xq2] {
        padding-bottom: calc(80px + env(safe-area-inset-bottom)) !important;
    }
    
    .provider-mobile-drawer[b-u59dlh2xq2] {
        bottom: calc(64px + env(safe-area-inset-bottom)) !important;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}
/* /Components/Layout/ProviderNotificationBell.razor.rz.scp.css */
/* ProviderNotificationBell.razor.css */

.notification-bell-wrapper[b-513knbdf1z] {
    position: relative;
    display: inline-flex;
}

.notification-bell-button[b-513knbdf1z] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background-color: transparent;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    color: #475569;
    cursor: pointer;
}

.notification-bell-button:hover[b-513knbdf1z] {
    background-color: #f1f5f9;
    color: #0f172a;
}

.notification-bell-icon[b-513knbdf1z] {
    width: 18px;
    height: 18px;
}

.notification-badge[b-513knbdf1z] {
    position: absolute;
    top: -6px;
    right: -6px;
    background-color: #dc2626;
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
}

.notification-backdrop[b-513knbdf1z] {
    position: fixed;
    inset: 0;
    z-index: 90;
}

.notification-panel[b-513knbdf1z] {
    position: absolute;
    top: 46px;
    right: 0;
    width: 340px;
    max-width: calc(100vw - 24px);
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    box-shadow: 0 12px 24px -8px rgba(15, 23, 42, 0.18);
    z-index: 100;
}

.notification-panel-header[b-513knbdf1z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
}

.notification-mark-all[b-513knbdf1z] {
    background: none;
    border: none;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
}

.notification-mark-all:hover[b-513knbdf1z] {
    text-decoration: underline;
}

.notification-empty[b-513knbdf1z] {
    padding: 28px 16px;
    text-align: center;
    font-size: 13px;
    color: #94a3b8;
}

.notification-list[b-513knbdf1z] {
    max-height: 380px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.notification-item[b-513knbdf1z] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left;
    padding: 12px 16px;
    background-color: #ffffff;
    border: none;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
}

.notification-item:hover[b-513knbdf1z] {
    background-color: #f8fafc;
}

.notification-unread[b-513knbdf1z] {
    background-color: #eff6ff;
}

.notification-unread:hover[b-513knbdf1z] {
    background-color: #dbeafe;
}

.notification-title[b-513knbdf1z] {
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
}

.notification-message[b-513knbdf1z] {
    font-size: 12px;
    color: #475569;
}

.notification-time[b-513knbdf1z] {
    font-size: 11px;
    color: #94a3b8;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-86tjgmgqld],
.components-reconnect-repeated-attempt-visible[b-86tjgmgqld],
.components-reconnect-failed-visible[b-86tjgmgqld],
.components-pause-visible[b-86tjgmgqld],
.components-resume-failed-visible[b-86tjgmgqld],
.components-rejoining-animation[b-86tjgmgqld] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-86tjgmgqld],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-86tjgmgqld],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-86tjgmgqld],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-86tjgmgqld],
#components-reconnect-modal.components-reconnect-retrying[b-86tjgmgqld],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-86tjgmgqld],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-86tjgmgqld],
#components-reconnect-modal.components-reconnect-failed[b-86tjgmgqld],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-86tjgmgqld] {
    display: block;
}


#components-reconnect-modal[b-86tjgmgqld] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-86tjgmgqld 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-86tjgmgqld 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-86tjgmgqld 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-86tjgmgqld]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-86tjgmgqld 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-86tjgmgqld {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-86tjgmgqld {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-86tjgmgqld {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-86tjgmgqld] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-86tjgmgqld] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-86tjgmgqld] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-86tjgmgqld] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-86tjgmgqld] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-86tjgmgqld] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-86tjgmgqld] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-86tjgmgqld 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-86tjgmgqld] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-86tjgmgqld {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* Dashboard layout styles */
.dashboard-page-shell[b-r4strexmek] {
    width: 100%;
    box-sizing: border-box;
    padding: 32px 24px;
}

.dashboard-page-container[b-r4strexmek] {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Hero card */
.dashboard-hero-card[b-r4strexmek] {
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    border: 1px solid var(--medx-border);
    border-radius: 0;
    padding: 32px;
    margin-bottom: 20px;
    box-shadow: var(--medx-shadow);
    position: relative;
}

.dashboard-hero-header[b-r4strexmek] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
}

.dashboard-hero-header h1[b-r4strexmek] {
    font-size: 28px;
    font-weight: 800;
    color: var(--medx-navy);
    margin: 0;
    line-height: 1.18;
}

.dashboard-hero-badges[b-r4strexmek] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
}

.dashboard-security-badge[b-r4strexmek] {
    font-size: 12px;
    font-weight: 700;
    color: var(--medx-teal);
    background: #e6f7f3;
    border: 1px solid #a8e5d9;
    padding: 6px 10px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.dashboard-security-badge svg[b-r4strexmek] {
    width: 12px;
    height: 12px;
}

.dashboard-status-pill[b-r4strexmek] {
    font-size: 12px;
    font-weight: 700;
    color: var(--medx-green);
    background: var(--medx-green-bg);
    border: 1px solid #a3e7cf;
    padding: 6px 10px;
    border-radius: 999px;
}

.dashboard-hero-desc[b-r4strexmek] {
    color: var(--medx-muted);
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
    max-width: 900px;
}

/* Next step card */
.dashboard-next-step-card[b-r4strexmek] {
    background: linear-gradient(180deg, #eff7ff 0%, #e6f1ff 100%);
    border: 1.5px solid #9cc8ff;
    border-radius: 0;
    padding: 24px 32px;
    margin-bottom: 20px;
    box-shadow: 0 14px 34px rgba(15, 104, 220, 0.08);
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
}

.dashboard-next-step-card:hover[b-r4strexmek],
.dashboard-next-step-card:focus-visible[b-r4strexmek] {
    transform: translateY(-2px);
    box-shadow: 0 18px 38px rgba(15, 104, 220, 0.13);
}

.dashboard-next-step-card:focus-visible[b-r4strexmek],
.dashboard-action-tile:focus-visible[b-r4strexmek] {
    outline: 3px solid rgba(15, 104, 220, 0.28);
    outline-offset: 3px;
}

.dashboard-next-step-content[b-r4strexmek] {
    flex-grow: 1;
}

.dashboard-next-step-label[b-r4strexmek] {
    display: block;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--medx-blue-dark);
    margin-bottom: 4px;
}

.dashboard-next-step-title[b-r4strexmek] {
    font-size: 20px;
    font-weight: 800;
    color: var(--medx-navy);
    margin: 0 0 6px 0;
}

.dashboard-next-step-text[b-r4strexmek] {
    font-size: 14px;
    color: var(--medx-muted);
    margin: 0;
}

.dashboard-primary-action[b-r4strexmek] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background: var(--medx-blue);
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    border-radius: 10px;
    transition: background 0.2s;
    text-decoration: none;
    flex-shrink: 0;
    margin-left: 24px;
}

.dashboard-next-step-card:hover .dashboard-primary-action[b-r4strexmek] {
    background: var(--medx-blue-dark);
}

/* Action grid wrapper containing Bootstrap column-aligned action tiles */
.dashboard-action-grid[b-r4strexmek] {
    margin-bottom: 48px;
}

/* Action tile */
.dashboard-action-tile[b-r4strexmek] {
    background: var(--medx-card);
    border: 1px solid var(--medx-border);
    border-radius: 0;
    padding: 24px;
    box-shadow: var(--medx-shadow-small);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
    text-decoration: none;
    cursor: pointer;
    min-height: 200px;
}

.dashboard-action-tile:hover[b-r4strexmek],
.dashboard-action-tile:focus-visible[b-r4strexmek] {
    transform: translateY(-2px);
    box-shadow: var(--medx-shadow);
    border-color: var(--medx-blue);
}

.dashboard-tile-header[b-r4strexmek] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 12px;
}

.dashboard-tile-icon[b-r4strexmek] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--medx-blue);
    background: var(--medx-blue-soft);
}

.dashboard-tile-icon svg[b-r4strexmek] {
    width: 20px;
    height: 20px;
}

.dashboard-action-tile:hover .dashboard-tile-icon[b-r4strexmek] {
    color: #ffffff;
    background: var(--medx-blue);
}

.dashboard-tile-status[b-r4strexmek] {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 4px 9px;
    border-radius: 999px;
    letter-spacing: 0.03em;
}

.dashboard-tile-status.available[b-r4strexmek] {
    color: var(--medx-green);
    background: var(--medx-green-bg);
}

.dashboard-tile-status.pending[b-r4strexmek] {
    color: var(--medx-orange);
    background: var(--medx-orange-bg);
}

.dashboard-tile-status.coming-soon[b-r4strexmek] {
    color: #6b7280;
    background: #f3f4f6;
}

.dashboard-tile-title[b-r4strexmek] {
    font-size: 16px;
    font-weight: 800;
    color: var(--medx-navy);
    margin: 0 0 6px 0;
}

.dashboard-tile-description[b-r4strexmek] {
    font-size: 13px;
    color: var(--medx-muted);
    line-height: 1.5;
    margin: 0 0 16px 0;
    flex-grow: 1;
}

.dashboard-tile-footer[b-r4strexmek] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 13px;
    font-weight: 700;
    color: var(--medx-blue);
}

.dashboard-tile-link[b-r4strexmek] {
    display: flex;
    align-items: center;
    gap: 5px;
    transition: gap 0.2s;
}

.dashboard-tile-link svg[b-r4strexmek] {
    width: 14px;
    height: 14px;
}

.dashboard-tile-link-muted[b-r4strexmek] {
    color: #6b7280;
}

.dashboard-action-tile:hover .dashboard-tile-link[b-r4strexmek] {
    gap: 8px;
}

/* Mobile styles */
@media (max-width: 768px) {
    .dashboard-page-shell[b-r4strexmek] {
        padding: 20px 16px;
    }

    .dashboard-hero-card[b-r4strexmek] {
        padding: 20px;
    }
    
    .dashboard-hero-header[b-r4strexmek] {
        flex-direction: column;
        gap: 8px;
    }

    .dashboard-hero-header h1[b-r4strexmek] {
        font-size: 24px;
    }

    .dashboard-hero-badges[b-r4strexmek] {
        justify-content: flex-start;
    }
    
    .dashboard-next-step-card[b-r4strexmek] {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }
    
    .dashboard-primary-action[b-r4strexmek] {
        margin-left: 0;
        margin-top: 16px;
        width: 100%;
        min-height: 44px;
    }
    
    .dashboard-action-grid[b-r4strexmek] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .dashboard-action-tile[b-r4strexmek] {
        min-height: 184px;
    }
}

@media (max-width: 480px) {
    .dashboard-page-shell[b-r4strexmek] {
        padding: 16px 12px;
    }

    .dashboard-hero-card[b-r4strexmek],
    .dashboard-next-step-card[b-r4strexmek],
    .dashboard-action-tile[b-r4strexmek] {
        border-radius: 0;
    }

    .dashboard-hero-card[b-r4strexmek],
    .dashboard-next-step-card[b-r4strexmek],
    .dashboard-action-tile[b-r4strexmek] {
        padding: 18px;
    }

    .dashboard-hero-header h1[b-r4strexmek] {
        font-size: 22px;
    }
}

/* Clickable dynamic card adjustments */
.dashboard-next-step-card.clickable-card[b-r4strexmek] {
    border-style: dashed;
    border-color: var(--medx-blue);
}

.dashboard-next-step-card.clickable-card:hover[b-r4strexmek] {
    border-style: solid;
}

/* Skeleton Loading styles */
.skeleton-loading[b-r4strexmek] {
    pointer-events: none;
    position: relative;
    overflow: hidden;
}

.skeleton-loading[b-r4strexmek]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transform: translateX(-100%);
    animation: skeleton-shimmer-b-r4strexmek 1.5s infinite;
}

@keyframes skeleton-shimmer-b-r4strexmek {
    100% {
        transform: translateX(100%);
    }
}

.loading-pulse[b-r4strexmek] {
    animation: pulse-b-r4strexmek 1.5s infinite ease-in-out;
}

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

/* Spinner for loading state */
.spinner-inline[b-r4strexmek] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin-b-r4strexmek 0.8s linear infinite;
    margin-right: 8px;
}

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

/* Completed step pills list container */
.dashboard-completed-steps-bar[b-r4strexmek] {
    animation: fadeIn-b-r4strexmek 0.4s ease-out;
}

@keyframes fadeIn-b-r4strexmek {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}
/* /Components/Pages/Faq.razor.rz.scp.css */
/* Polished FAQ Hero Card */
.faq-hero-card[b-kkvh1ya2tq] {
    background: var(--medx-card);
    border: 1px solid #e5e7eb;
    border-radius: 0;
    box-shadow: 0 10px 25px -5px rgba(14, 34, 75, 0.05), 0 8px 10px -6px rgba(14, 34, 75, 0.05);
    padding: 28px;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    width: 100%;
    box-sizing: border-box;
}

.faq-hero-content-wrap[b-kkvh1ya2tq] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    flex: 1;
}

/* Icon Badge */
.faq-icon-badge[b-kkvh1ya2tq] {
    background: var(--medx-blue-soft);
    color: var(--medx-blue);
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(15, 104, 220, 0.08);
}

.faq-icon-badge svg[b-kkvh1ya2tq] {
    width: 28px;
    height: 28px;
}

.faq-hero-content[b-kkvh1ya2tq] {
    display: flex;
    flex-direction: column;
}

.faq-kicker[b-kkvh1ya2tq] {
    color: var(--medx-blue);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 4px;
}

.faq-title[b-kkvh1ya2tq] {
    color: var(--medx-navy);
    font-size: 22px;
    font-weight: 800;
    margin: 0 0 6px 0;
    letter-spacing: -0.4px;
    line-height: 1.2;
}

.faq-title-row[b-kkvh1ya2tq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.faq-title-row .faq-title[b-kkvh1ya2tq] {
    margin: 0 0 6px 0;
}

/* Small inline title icon: mobile-only, hidden on desktop where the large icon badge already appears */
.faq-title-icon[b-kkvh1ya2tq] {
    display: none;
}

.faq-description[b-kkvh1ya2tq] {
    color: var(--medx-muted);
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 14px 0;
}

/* Metadata Row */
.faq-meta-row[b-kkvh1ya2tq] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.faq-meta-pill[b-kkvh1ya2tq] {
    background: #f3f4f6;
    color: #4b5563;
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 1px solid #e5e7eb;
}

/* Action Buttons */
.faq-hero-actions[b-kkvh1ya2tq] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-shrink: 0;
    min-width: 176px;
}

.faq-primary-button[b-kkvh1ya2tq] {
    background: linear-gradient(180deg, var(--medx-blue), var(--medx-blue-dark));
    border: 1.5px solid var(--medx-blue-dark);
    color: #ffffff;
    font-weight: 800;
    text-decoration: none;
    height: 42px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 8px 15px rgba(15, 104, 220, 0.2);
    transition: transform 0.15s, box-shadow 0.15s;
    font-size: 14px;
}

.faq-primary-button:hover[b-kkvh1ya2tq] {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(15, 104, 220, 0.26);
}

.faq-secondary-button[b-kkvh1ya2tq] {
    background: #ffffff;
    border: 1.5px solid #d1d5db;
    color: var(--medx-navy);
    font-weight: 800;
    text-decoration: none;
    height: 42px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.15s, transform 0.15s, border-color 0.15s;
    font-size: 14px;
}

.faq-secondary-button:hover[b-kkvh1ya2tq] {
    background-color: #f9fafb;
    border-color: #9ca3af;
    transform: translateY(-1px);
}

/* Document Page Image Viewer */
.faq-document-viewer[b-kkvh1ya2tq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
    margin-top: 24px;
}

.faq-page-frame[b-kkvh1ya2tq] {
    background: #ffffff;
    border: 1.5px solid #202020;
    box-shadow: 0 4px 16px rgba(14, 34, 75, 0.08);
    border-radius: 0;
    padding: 16px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.faq-page-image[b-kkvh1ya2tq] {
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
    object-fit: contain;
}

/* Responsiveness breakpoints */
@media (max-width: 992px) {
    .faq-hero-card[b-kkvh1ya2tq] {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 20px;
    }
    
    .faq-hero-actions[b-kkvh1ya2tq] {
        flex-direction: row;
        width: 100%;
    }
    
    .faq-hero-actions a[b-kkvh1ya2tq] {
        flex: 1;
    }
}

@media (max-width: 576px) {
    .faq-hero-card[b-kkvh1ya2tq] {
        padding-top: 1.25rem;
    }

    .faq-hero-content-wrap[b-kkvh1ya2tq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .faq-icon-badge[b-kkvh1ya2tq] {
        display: none;
    }

    .faq-title-icon[b-kkvh1ya2tq] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1rem;
        height: 1rem;
        flex: 0 0 auto;
        color: var(--medx-blue);
    }

    .faq-title-icon svg[b-kkvh1ya2tq] {
        width: 1rem;
        height: 1rem;
    }

    .faq-hero-actions[b-kkvh1ya2tq] {
        flex-direction: column;
        align-items: center;
    }

    .faq-hero-actions a[b-kkvh1ya2tq] {
        width: calc(100% - 3rem);
        max-width: 320px;
    }
    
    .faq-meta-row[b-kkvh1ya2tq] {
        gap: 8px;
    }

    .faq-page-frame[b-kkvh1ya2tq] {
        padding: 8px;
        border-radius: 0;
        border-width: 1px;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
/* 
 * Login.razor.css
 * Microsoft Sign-in Card Design System for MedEx for Vets Claimant & Provider Portals
 */

/* Full page wrapper providing Microsoft's standard subtle off-white background (#f2f2f2) */
.login-page[b-y2n56372f7] {
    min-height: 100dvh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
    background: #f2f2f2;
}

/* Production scale override ensuring card renders at native 1.0 scale in application layout */
.login-page .form[b-y2n56372f7],
.login-page[b-y2n56372f7]  .form {
    scale: 1;
}

/* Central Microsoft sign-in card container with pure white background, crisp tile border, and subtle shadow */
.form[b-y2n56372f7],
[b-y2n56372f7] .form {
    /* Scale declaration kept for preview consistency */
    scale: 0.8;
    background-color: #ffffff !important;
    height: 250px;
    width: 352px;
    box-sizing: content-box;
    padding: 44px;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
    position: relative; /* Position relative to allow absolute placement of status message alerts */
}

/* Dual-logo header row containing Microsoft SVG on left and transparent MedEx logo on right */
.login-logo-row[b-y2n56372f7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 32px;
    gap: 24px;
}

/* Microsoft SVG logo styling inside header row */
.login-logo-row svg[b-y2n56372f7] {
    display: block;
    width: 108px;
    height: 24px;
    flex: 0 0 auto;
}

/* MedEx for Vets logo styling inside header row */
.medex-login-logo[b-y2n56372f7] {
    display: block;
    width: auto;
    max-width: 130px;
    max-height: 42px;
    object-fit: contain;
    flex: 0 1 auto;
}

/* Microsoft-style main card title heading */
.form .title[b-y2n56372f7] {
    color: #1b1b1b;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0;
    margin-top: 16px;
    margin-bottom: 12px;
    font-family: "Segoe UI","Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math";
}

/* Visually hidden utility class for accessible label binding */
.visually-hidden[b-y2n56372f7] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Input container wrapper */
.input-container[b-y2n56372f7] {
    width: 100%;
}

/* Microsoft underline email input field targeting both plain HTML inputs and Blazor InputText child components */
[b-y2n56372f7] .form .email,
.form .email[b-y2n56372f7] {
    width: 100%;
    padding: 6px 10px 6px 0;
    border-style: solid;
    border-width: 0;
    border-bottom-width: 1px;
    border-color: rgba(0, 0, 0, 0.8);
    height: 36px;
    outline: none;
    background-color: transparent;
    padding-left: 0;
    color: #000000;
    margin-bottom: 16px;
    font-family: "Segoe UI","Helvetica Neue","Lucida Grande","Roboto",sans-serif;
    font-size: 0.9375rem;
    box-sizing: border-box;
}

/* Blue underline focus indicator for email field */
[b-y2n56372f7] .form .email:focus,
.form .email:focus[b-y2n56372f7] {
    border-bottom-width: 2px;
    border-bottom-color: #0067b8;
}

/* Supporting text lines for portal description and portal switch prompt */
.form .text[b-y2n56372f7] {
    color: #1b1b1b;
    font-family: "Segoe UI Webfont",-apple-system,"Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math";
    font-weight: 400;
    line-height: 1.25rem;
    margin-bottom: 16px;
    font-size: 0.8125rem;
}

/* Clickable portal switch link styling inside second supporting line */
.form .text a[b-y2n56372f7] {
    color: #0067b8;
    text-decoration: none;
    cursor: pointer;
}

.form .text a:hover[b-y2n56372f7],
.form .text a:focus-visible[b-y2n56372f7] {
    color: #005da6;
    text-decoration: underline;
}

/* Button row container holding Next button aligned to the bottom-right inside the tile */
.form .button_row[b-y2n56372f7] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: fit-content;
    gap: 4px;
}

/* Base button styling */
.form .button_row .button[b-y2n56372f7] {
    width: 108px;
    height: 32px;
    box-sizing: content-box;
    padding: 4px 12px;
    border: none;
    font-size: 15px;
    font-family: "Segoe UI","Helvetica Neue",sans-serif;
}

/* Primary Next button styling */
.form .button_row .primary_button[b-y2n56372f7] {
    background-color: #0067b8;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
}

.form .button_row .primary_button:hover[b-y2n56372f7] {
    background-color: #005da6;
}

/* Disabled state for buttons during authentication processing */
.form .button_row .button:disabled[b-y2n56372f7] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Focus outline accessibility styling */
.form .button:focus-visible[b-y2n56372f7],
.form .text a:focus-visible[b-y2n56372f7],
[b-y2n56372f7] .form .email:focus-visible,
.form .email:focus-visible[b-y2n56372f7] {
    outline: 2px solid #000000;
    outline-offset: 2px;
}

/* Status alert banner - formatted to avoid shifting form fields or Next button layout */
.status-message-slot[b-y2n56372f7] {
    min-height: 0;
}

.status-message[b-y2n56372f7] {
    margin: 4px 0 12px;
    padding: 6px 10px;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.4;
    border-radius: 2px;
}

.status-message.success[b-y2n56372f7] {
    color: #05603a;
    background: #ecfdf3;
    border: 1px solid #abefc6;
}

.status-message.error[b-y2n56372f7] {
    color: #b42318;
    background: #fef3f2;
    border: 1px solid #fecdca;
}

/* Validation message formatting for form field validation errors */
[b-y2n56372f7] .validation-message {
    display: block;
    margin-top: -12px;
    margin-bottom: 12px;
    color: #b42318;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Local development help text block */
.form-help-text[b-y2n56372f7] {
    font-size: 0.75rem;
    color: #64748b;
    margin-top: -12px;
    margin-bottom: 12px;
}

.form-help-text strong[b-y2n56372f7] {
    color: #0067b8;
}

/* Mobile responsive layout overrides for small viewports down to 320px */
@media (max-width: 520px) {
    .login-page[b-y2n56372f7] {
        min-height: 100dvh;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px 16px;
        background: #f2f2f2;
    }

    .login-page .form[b-y2n56372f7],
    .login-page form.form[b-y2n56372f7],
    form.form[b-y2n56372f7] {
        scale: 1;
        width: 100%;
        max-width: 352px;
        height: auto;
        min-height: 250px;
        padding: 32px 24px;
        box-sizing: border-box;
        border: 1px solid rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        margin: auto;
    }

    .login-logo-row[b-y2n56372f7] {
        gap: 16px;
    }

    .medex-login-logo[b-y2n56372f7] {
        max-width: 112px;
        max-height: 38px;
    }

    .form .button_row[b-y2n56372f7] {
        justify-content: flex-end;
    }

    .form .button_row .button[b-y2n56372f7] {
        box-sizing: border-box;
        min-height: 40px;
    }
}
/* /Components/Pages/Profile.razor.rz.scp.css */
/* Registration & Intake status card header - wraps at narrow widths instead of squeezing the
   heading/ref pill against the status pill (previously an inline style with no responsive handling). */
.intake-header-row[b-nhbofi7blw] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 14px;
}

@media (max-width: 480px) {
    .intake-header-row[b-nhbofi7blw] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Profile Page Grid and Card Layouts */
.profile-summary-card[b-nhbofi7blw] {
    background: var(--medx-card);
    border: 1px solid var(--medx-border);
    border-radius: 0;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    box-shadow: 0 4px 20px rgba(14, 34, 75, 0.04);
}

.profile-summary-left[b-nhbofi7blw] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.profile-avatar-circle[b-nhbofi7blw] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--medx-blue-soft);
    color: var(--medx-blue);
    font-size: 24px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(15, 104, 220, 0.1);
}

.profile-summary-info h2[b-nhbofi7blw] {
    margin: 0 0 4px 0;
    color: var(--medx-navy);
    font-size: 20px;
    font-weight: 800;
}

.profile-summary-info p[b-nhbofi7blw] {
    margin: 0;
    color: var(--medx-muted);
    font-size: 13px;
}

.profile-summary-right[b-nhbofi7blw] {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Two-column grid on desktop */
.profile-card-grid[b-nhbofi7blw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 24px;
}

@media (max-width: 992px) {
    .profile-card-grid[b-nhbofi7blw] {
        grid-template-columns: 1fr;
    }
}

.profile-card[b-nhbofi7blw] {
    background: var(--medx-card);
    border: 1px solid var(--medx-border);
    border-radius: 0;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(14, 34, 75, 0.04);
    display: flex;
    flex-direction: column;
}

.profile-card-title[b-nhbofi7blw] {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 12px;
    margin-bottom: 18px;
    margin-top: 0;
}

.profile-card-title svg[b-nhbofi7blw] {
    width: 20px;
    height: 20px;
    color: var(--medx-blue);
}

.profile-card-title h3[b-nhbofi7blw] {
    margin: 0;
    color: var(--medx-navy);
    font-size: 16px;
    font-weight: 800;
}

/* Field lists inside cards */
.profile-field-grid[b-nhbofi7blw] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.profile-field-grid.two-cols[b-nhbofi7blw] {
    grid-template-columns: 1fr 1fr;
}

@media (max-width: 576px) {
    .profile-field-grid.two-cols[b-nhbofi7blw] {
        grid-template-columns: 1fr;
    }
    .profile-summary-card[b-nhbofi7blw] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}

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

.profile-label[b-nhbofi7blw] {
    font-size: 11px;
    font-weight: 600;
    color: var(--medx-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.profile-value[b-nhbofi7blw] {
    font-size: 14px;
    font-weight: 700;
    color: var(--medx-navy);
    word-break: break-all;
}

.profile-value.placeholder-value[b-nhbofi7blw] {
    color: var(--medx-muted);
    font-style: italic;
    font-weight: 500;
}

/* Status Pill */
.profile-status-pill[b-nhbofi7blw] {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 12px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.profile-status-pill.active[b-nhbofi7blw] {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}

.profile-status-pill.pending[b-nhbofi7blw] {
    background: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
}

/* Notice Card */
.profile-notice-card[b-nhbofi7blw] {
    background: #f8fafc;
    border: 1.5px dashed #cbd5e1;
    border-radius: 0;
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    box-shadow: 0 4px 10px rgba(14, 34, 75, 0.01);
}

@media (max-width: 768px) {
    .profile-notice-card[b-nhbofi7blw] {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
        gap: 16px;
    }
}

.profile-notice-content[b-nhbofi7blw] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.profile-notice-icon[b-nhbofi7blw] {
    font-size: 24px;
    color: var(--medx-blue);
    flex-shrink: 0;
    line-height: 1;
}

.profile-notice-text[b-nhbofi7blw] {
    text-align: left;
}

@media (max-width: 768px) {
    .profile-notice-text[b-nhbofi7blw] {
        text-align: center;
    }
}

.profile-notice-text h4[b-nhbofi7blw] {
    margin: 0 0 4px 0;
    color: var(--medx-navy);
    font-size: 15px;
    font-weight: 800;
}

.profile-notice-text p[b-nhbofi7blw] {
    margin: 0;
    color: var(--medx-muted);
    font-size: 13px;
    line-height: 1.5;
}

.profile-action-button[b-nhbofi7blw] {
    background: #ffffff;
    border: 1.5px solid var(--medx-blue);
    color: var(--medx-blue);
    font-weight: 800;
    text-decoration: none;
    height: 42px;
    padding: 0 20px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.15s, transform 0.15s, color 0.15s;
    font-size: 14px;
    white-space: nowrap;
}

.profile-action-button:hover[b-nhbofi7blw] {
    background-color: var(--medx-blue-soft);
    transform: translateY(-1px);
}
/* /Components/Pages/ProviderAppointmentDetails.razor.rz.scp.css */
/*
   ProviderAppointmentDetails.razor.css
   Style system for the secure provider appointment-details view.
*/

.appointment-details-shell[b-e08vnofojm] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.breadcrumb[b-e08vnofojm] {
    display: flex;
}

.card[b-e08vnofojm] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
}

.section-title[b-e08vnofojm] {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 20px 0;
}

.info-grid[b-e08vnofojm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.info-item[b-e08vnofojm] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-item--full[b-e08vnofojm] {
    grid-column: 1 / -1;
}

.info-label[b-e08vnofojm] {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.info-val[b-e08vnofojm] {
    font-size: 14px;
    color: #1e293b;
    font-weight: 600;
}

.case-action-btn[b-e08vnofojm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 42px;
    padding: 0.55rem 1rem;
    border: 1.5px solid #1f5f99;
    border-radius: 8px;
    background: #ffffff;
    color: #1f5f99;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.case-action-btn:hover[b-e08vnofojm] {
    background: #1f5f99;
    color: #ffffff;
}

.status-pill-badge[b-e08vnofojm] {
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    display: inline-block;
    text-transform: uppercase;
}

.badge-scheduled[b-e08vnofojm] { background-color: #d1fae5; color: #065f46; }
.badge-canceled[b-e08vnofojm] { background-color: #fee2e2; color: #991b1b; }
.badge-completed[b-e08vnofojm] { background-color: #eff6ff; color: #1d4ed8; }
.badge-pending[b-e08vnofojm] { background-color: #fef3c7; color: #92400e; }
.badge-default[b-e08vnofojm] { background-color: #f1f5f9; color: #475569; }

.empty-state[b-e08vnofojm] {
    text-align: center;
    padding: 60px 0;
    color: #94a3b8;
}
/* /Components/Pages/ProviderAppointments.razor.rz.scp.css */
/* 
   ProviderAppointments.razor.css
   Style system for the Scheduled Appointments review view.
   Configures table layouts, Calendly direct links, and status badges.
*/

/* Core container wrapping the appointments view page */
.provider-appointments-shell[b-2jikd01vfq] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Header section label */
.page-header-section[b-2jikd01vfq] {
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 16px;
}

.page-title[b-2jikd01vfq] {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    letter-spacing: -0.5px;
}

.page-subtitle[b-2jikd01vfq] {
    font-size: 14px;
    color: #64748b;
    margin: 4px 0 0 0;
}

/* Base card container holding the appointments grid */
.card[b-2jikd01vfq] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
}

/* Table container styling allowing scroll on overflow */
.table-container[b-2jikd01vfq] {
    overflow-x: auto;
}

/* Main appointments list table element */
.appointments-table[b-2jikd01vfq] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 13px;
}

.appointments-table th[b-2jikd01vfq] {
    color: #475569;
    font-weight: 700;
    border-bottom: 2px solid #f1f5f9;
    padding: 12px 16px;
}

.appointments-table td[b-2jikd01vfq] {
    padding: 14px 16px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    vertical-align: middle;
}

.font-bold[b-2jikd01vfq] {
    font-weight: 700;
}

.text-navy[b-2jikd01vfq] {
    color: #0f172a;
}

/* Action button trigger layouts */
.action-link-btn[b-2jikd01vfq] {
    background-color: #f1f5f9;
    color: #1e293b;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 4px 10px;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    display: inline-block;
}

.action-link-btn:hover[b-2jikd01vfq] {
    background-color: #cbd5e1;
}

/* Shared blue-outline action-button style, matching ProviderClaimantDetail.razor.css */
.case-action-btn[b-2jikd01vfq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 32px;
    padding: 0.4rem 0.8rem;
    border: 1.5px solid #1f5f99;
    border-radius: 8px;
    background: #ffffff;
    color: #1f5f99;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.case-action-btn:hover[b-2jikd01vfq] {
    background: #1f5f99;
    color: #ffffff;
}

/* Colored status pills representing appointment state */
.status-pill-badge[b-2jikd01vfq] {
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    display: inline-block;
    text-transform: uppercase;
}

.badge-scheduled[b-2jikd01vfq] { background-color: #d1fae5; color: #065f46; }
.badge-canceled[b-2jikd01vfq] { background-color: #fee2e2; color: #991b1b; }
.badge-completed[b-2jikd01vfq] { background-color: #eff6ff; color: #1d4ed8; }
.badge-pending[b-2jikd01vfq] { background-color: #fef3c7; color: #92400e; }
.badge-default[b-2jikd01vfq] { background-color: #f1f5f9; color: #475569; }

/* Empty data fallback box */
.empty-state[b-2jikd01vfq] {
    text-align: center;
    padding: 60px 0;
    color: #94a3b8;
}

.empty-icon[b-2jikd01vfq] {
    font-size: 40px;
    display: block;
    margin-bottom: 12px;
}

.empty-state h3[b-2jikd01vfq] {
    margin: 0;
    font-size: 16px;
    color: #475569;
    font-weight: 800;
}

.empty-state p[b-2jikd01vfq] {
    margin: 8px 0 0 0;
    font-size: 14px;
}
/* /Components/Pages/ProviderClaimantDetail.razor.rz.scp.css */
/* 
   ProviderClaimantDetail.razor.css
   Style system for the Claimant Details operational view.
   Defines layouts for internal notes, document review states, and scheduling information.
*/

/* Core container wrapping the detailed view page */
.claimant-detail-shell[b-pwuwr3kz05] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.delete-modal-backdrop[b-pwuwr3kz05] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.55);
    padding: 20px;
}

.delete-modal-card[b-pwuwr3kz05] {
    width: min(520px, 100%);
    border-radius: 0;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
    padding: 24px;
}

.delete-modal-card h2[b-pwuwr3kz05] {
    margin: 0 0 10px;
    color: #7f1d1d;
    font-size: 22px;
}

.delete-modal-card p[b-pwuwr3kz05] {
    color: #475569;
    line-height: 1.5;
}

.delete-modal-card dl[b-pwuwr3kz05] {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 8px 12px;
    margin: 18px 0;
    color: #334155;
}

.delete-modal-card dt[b-pwuwr3kz05] {
    font-weight: 700;
}

.delete-modal-card textarea[b-pwuwr3kz05] {
    width: 100%;
    margin-top: 8px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    padding: 10px;
}

.delete-modal-actions[b-pwuwr3kz05] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

/* Loading state indicator */
.loading-state[b-pwuwr3kz05] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    color: #64748b;
}

.spinner[b-pwuwr3kz05] {
    width: 32px;
    height: 32px;
    border: 4px solid #cbd5e1;
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: spin-b-pwuwr3kz05 1s linear infinite;
    margin-bottom: 12px;
}

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

/* Breadcrumb navigation strip */
.breadcrumb[b-pwuwr3kz05] {
    font-size: 13px;
    font-weight: 700;
}

.breadcrumb a[b-pwuwr3kz05] {
    color: #475569;
    text-decoration: none;
}

.breadcrumb a:hover[b-pwuwr3kz05] {
    color: #1d4ed8;
}

/* Shared visual treatment for case actions rendered as buttons or links. */
.case-action-btn[b-pwuwr3kz05] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 42px;
    max-width: 100%;
    padding: 0.55rem 1rem;
    border: 1.5px solid #1f5f99;
    border-radius: 8px;
    box-sizing: border-box;
    background: #ffffff;
    color: #1f5f99;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    cursor: pointer;
    appearance: none;
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        color 0.15s ease,
        box-shadow 0.15s ease;
}

.breadcrumb a.case-action-btn[b-pwuwr3kz05] {
    color: #1f5f99;
}

.case-action-btn:hover:not(:disabled):not([aria-disabled="true"])[b-pwuwr3kz05],
.breadcrumb a.case-action-btn:hover[b-pwuwr3kz05] {
    border-color: #174d7d;
    background: #eef6fc;
    color: #174d7d;
    text-decoration: none;
}

.case-action-btn:focus-visible[b-pwuwr3kz05] {
    outline: 3px solid rgba(31, 95, 153, 0.28);
    outline-offset: 2px;
}

.case-action-btn--caution[b-pwuwr3kz05] {
    border-color: #7a5560;
    color: #7a5560;
}

.case-action-btn--caution:hover:not(:disabled):not([aria-disabled="true"])[b-pwuwr3kz05] {
    border-color: #62434c;
    background: #faf3f5;
    color: #62434c;
}

.case-action-btn:disabled[b-pwuwr3kz05],
.case-action-btn.disabled[b-pwuwr3kz05],
.case-action-btn[aria-disabled="true"][b-pwuwr3kz05] {
    border-color: #b9c2ca;
    background: #f5f7f9;
    color: #7b8791;
    cursor: not-allowed;
    opacity: 0.75;
    pointer-events: none;
}

.case-action-group[b-pwuwr3kz05] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.65rem;
}

.signed-form-actions[b-pwuwr3kz05] {
    margin-top: 10px;
}

/* Main title header area mapping name and case status dropdown */
.detail-header[b-pwuwr3kz05] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 16px;
}

@media (max-width: 768px) {
    .detail-header[b-pwuwr3kz05] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

.claimant-name[b-pwuwr3kz05] {
    font-size: 26px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    letter-spacing: -0.5px;
}

.claimant-meta-sub[b-pwuwr3kz05] {
    font-size: 13px;
    color: #64748b;
    margin: 4px 0 0 0;
}

/* Status selection container card */
.status-updater-badge[b-pwuwr3kz05] {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #ffffff;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    font-weight: 700;
    font-size: 13px;
}

.status-updater-badge label[b-pwuwr3kz05] {
    color: #475569;
}

/* Interactive status select element dropdown */
.status-selector[b-pwuwr3kz05] {
    border: none;
    background: transparent;
    font-weight: 800;
    font-size: 13px;
    cursor: pointer;
    outline: none;
}

.select-active[b-pwuwr3kz05] { color: #0369a1; }
.select-under-review[b-pwuwr3kz05] { color: #b45309; }
.select-pending[b-pwuwr3kz05] { color: #b91c1c; }
.select-completed[b-pwuwr3kz05] { color: #047857; }
.select-default[b-pwuwr3kz05] { color: #475569; }

/* Feedback alerts */
.alert[b-pwuwr3kz05] {
    padding: 12px 16px;
    border-radius: 0;
    font-size: 13px;
    font-weight: 600;
}

.alert-success[b-pwuwr3kz05] {
    background-color: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.alert-danger[b-pwuwr3kz05] {
    background-color: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.section-inline-error[b-pwuwr3kz05] {
    margin-bottom: 12px;
}

/* Recent Claimant Activity - scoped per-claimant feed (see ProviderDashboardService.GetRecentActivityForPatientAsync) */
.activity-empty-state[b-pwuwr3kz05] {
    color: #64748b;
    font-size: 13px;
    margin: 0;
}

.activity-timeline[b-pwuwr3kz05] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 320px;
    overflow-y: auto;
}

.activity-item[b-pwuwr3kz05] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    padding: 8px 10px;
    border-left: 3px solid #3b82f6;
    background: #f8fafc;
    border-radius: 4px;
}

.activity-type-badge[b-pwuwr3kz05] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #1e40af;
    background: #dbeafe;
    padding: 2px 8px;
    border-radius: 999px;
    flex-shrink: 0;
}

.activity-desc[b-pwuwr3kz05] {
    font-size: 13px;
    color: #334155;
    flex: 1 1 auto;
}

.activity-date[b-pwuwr3kz05] {
    font-size: 11px;
    color: #94a3b8;
    white-space: nowrap;
}

/* Independent two-column case-review layout: left column (Profile Summary,
   Signed Consent Forms, Registration & Intake) stacks independently of the
   right column (Uploaded Medical Records), so neither is stretched to match
   the other's height. Appointments and Internal Notes follow as full-width
   sections below. */
.provider-case-top-layout[b-pwuwr3kz05] {
    display: grid;
    grid-template-columns: minmax(300px, 0.8fr) minmax(500px, 1.2fr);
    gap: 24px;
    align-items: start;
}

.provider-case-column[b-pwuwr3kz05] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.provider-case-card[b-pwuwr3kz05] {
    min-width: 0;
    height: auto;
}

.provider-case-full-width-sections[b-pwuwr3kz05] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 24px;
}

@media (max-width: 767px) {
    .provider-case-top-layout[b-pwuwr3kz05] {
        grid-template-columns: 1fr;
    }
}

/* Individual card sections */
.card[b-pwuwr3kz05] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
}

.section-title[b-pwuwr3kz05] {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 16px 0;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 8px;
}

/* Standard profile summary info grid */
.info-grid[b-pwuwr3kz05] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}

.info-item[b-pwuwr3kz05] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-label[b-pwuwr3kz05] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #94a3b8;
}

.info-val[b-pwuwr3kz05] {
    font-size: 14px;
    color: #334155;
    font-weight: 600;
}

.link-email[b-pwuwr3kz05] {
    color: #3b82f6;
    text-decoration: none;
}

.link-email:hover[b-pwuwr3kz05] {
    text-decoration: underline;
}

.text-red[b-pwuwr3kz05] { color: #ef4444; font-weight: 700; }

/* Uploaded document items layout list */
.documents-review-list[b-pwuwr3kz05] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Single document review row card container */
.document-item-card[b-pwuwr3kz05] {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.doc-meta-row[b-pwuwr3kz05] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.doc-icon[b-pwuwr3kz05] {
    font-size: 24px;
}

.doc-details[b-pwuwr3kz05] {
    flex: 1;
    min-width: 0;
}

.doc-file-name[b-pwuwr3kz05] {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.doc-category-tag[b-pwuwr3kz05] {
    font-size: 11px;
    background-color: #e2e8f0;
    color: #475569;
    padding: 1px 6px;
    border-radius: 4px;
    font-weight: 600;
    display: inline-block;
    margin-top: 4px;
}

.doc-date-stamp[b-pwuwr3kz05] {
    font-size: 11px;
    color: #94a3b8;
    margin: 4px 0 0 0;
    font-weight: 500;
}

/* Reviews status badge categories */
.review-status-badge[b-pwuwr3kz05] {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 4px;
    white-space: nowrap;
}

.badge-reviewed[b-pwuwr3kz05] { background-color: #d1fae5; color: #065f46; }
.badge-pending[b-pwuwr3kz05] { background-color: #fef3c7; color: #92400e; }
.badge-uploaded[b-pwuwr3kz05] { background-color: #e0f2fe; color: #075985; }
.badge-needs-replacement[b-pwuwr3kz05] { background-color: #fee2e2; color: #991b1b; }
.badge-rejected[b-pwuwr3kz05] { background-color: #f1f5f9; color: #1e293b; }
.badge-default[b-pwuwr3kz05] { background-color: #f1f5f9; color: #475569; }

.status-pill-badge[b-pwuwr3kz05] {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 4px;
    white-space: nowrap;
    display: inline-block;
}

/* Patient note container inside document card */
.doc-patient-notes[b-pwuwr3kz05] {
    font-size: 12px;
    background-color: #ffffff;
    border-left: 3px solid #cbd5e1;
    padding: 6px 12px;
    border-radius: 0 4px 4px 0;
    color: #475569;
}

.doc-review-audit[b-pwuwr3kz05] {
    font-size: 11px;
    color: #64748b;
    background-color: #f1f5f9;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: 600;
}

/* Bottom action row inside document item card */
.doc-actions-strip[b-pwuwr3kz05] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    border-top: 1px solid #e2e8f0;
    padding-top: 12px;
}

/* Uploaded medical record action grid for provider case review */
.uploaded-record-actions[b-pwuwr3kz05] {
    border-top: 1px solid #e2e8f0;
    padding-top: 12px;
}

.record-action-grid[b-pwuwr3kz05] {
    display: grid;
    grid-template-columns: repeat(3, minmax(140px, 1fr));
    grid-template-areas:
        "open download delete"
        "viewed replacement reject";
    gap: 0.75rem;
    align-items: stretch;
}

.record-action-button[b-pwuwr3kz05] {
    width: 100%;
}

.record-action-open[b-pwuwr3kz05] { grid-area: open; }
.record-action-download[b-pwuwr3kz05] { grid-area: download; }
.record-action-delete[b-pwuwr3kz05] { grid-area: delete; }
.record-action-viewed[b-pwuwr3kz05] { grid-area: viewed; }
.record-action-replacement[b-pwuwr3kz05] { grid-area: replacement; }
.record-action-reject[b-pwuwr3kz05] { grid-area: reject; }

/* Appointment block elements */
.appointment-card-item[b-pwuwr3kz05] {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 12px;
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
}

.appt-date-box[b-pwuwr3kz05] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #eff6ff;
    color: #1d4ed8;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    border: 1px solid #bfdbfe;
}

.appt-day[b-pwuwr3kz05] {
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
}

.appt-month[b-pwuwr3kz05] {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.appt-details h3[b-pwuwr3kz05] {
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.appt-time[b-pwuwr3kz05] {
    font-size: 11px;
    color: #64748b;
    margin: 2px 0 0 0;
    font-weight: 600;
}

.appt-status-badge[b-pwuwr3kz05] {
    font-size: 9px;
    background-color: #d1fae5;
    color: #065f46;
    padding: 1px 6px;
    border-radius: 4px;
    font-weight: 800;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 4px;
}

.appointment-action-btn[b-pwuwr3kz05] {
    margin-top: 4px;
}

/* Write internal notes text input form */
.add-note-form[b-pwuwr3kz05] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}

.note-textarea[b-pwuwr3kz05] {
    width: 100%;
    min-height: 180px;
    max-height: 420px;
    padding: 10px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 13px;
    resize: vertical;
    overflow-y: auto;
    color: #334155;
    background-color: #ffffff;
}

.note-textarea:focus[b-pwuwr3kz05] {
    outline: none;
    border-color: #3b82f6;
}

.add-note-form .case-action-btn[b-pwuwr3kz05],
.mobile-note-input-wrap .case-action-btn[b-pwuwr3kz05] {
    width: 100%;
}

/* Note timeline log listing internal notes */
.notes-timeline[b-pwuwr3kz05] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Individual note bubbles */
.note-bubble[b-pwuwr3kz05] {
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 12px;
}

.note-meta[b-pwuwr3kz05] {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    margin-bottom: 4px;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 4px;
}

.note-body[b-pwuwr3kz05] {
    font-size: 13px;
    color: #334155;
    margin: 0;
    line-height: 1.45;
}

.empty-section-state[b-pwuwr3kz05] {
    color: #94a3b8;
    font-size: 13px;
    text-align: center;
    padding: 16px 0;
}

.consent-status-panel[b-pwuwr3kz05] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.consent-status-row[b-pwuwr3kz05] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.consent-status-text[b-pwuwr3kz05] {
    font-size: 13px;
    color: #475569;
    font-weight: 600;
}

.consent-meta-grid[b-pwuwr3kz05] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
    margin: 0;
}

.consent-meta-grid div[b-pwuwr3kz05] {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 10px;
}

.consent-meta-grid dt[b-pwuwr3kz05] {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    color: #94a3b8;
    margin-bottom: 4px;
}

.consent-meta-grid dd[b-pwuwr3kz05] {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: #334155;
}

.consent-actions[b-pwuwr3kz05] {
    justify-content: flex-start;
}

/* Mobile Case Detail Redesign Styles */
@media (max-width: 768px) {
    .ops-case-detail[b-pwuwr3kz05] {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 16px;
        width: 100%;
        box-sizing: border-box;
        background-color: #f8fafc;
    }

    .ops-detail-header[b-pwuwr3kz05] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        border-bottom: 1px solid #e2e8f0;
        padding-bottom: 14px;
        width: 100%;
        box-sizing: border-box;
    }

    .header-titles[b-pwuwr3kz05] {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .header-titles h1[b-pwuwr3kz05] {
        font-size: 22px;
        font-weight: 850;
        color: #0f172a;
        margin: 0;
        letter-spacing: -0.5px;
        line-height: 1.2;
    }

    .patient-id-badge[b-pwuwr3kz05] {
        font-size: 10px;
        font-weight: 700;
        color: #64748b;
        background-color: #e2e8f0;
        padding: 2px 8px;
        border-radius: 4px;
        width: fit-content;
    }

    .mobile-status-container[b-pwuwr3kz05] {
        width: 100%;
        box-sizing: border-box;
    }

    .ops-mobile-status-select[b-pwuwr3kz05] {
        width: 100%;
        min-height: 44px;
        padding: 0 12px;
        border: 1px solid #cbd5e1;
        border-radius: 12px;
        font-weight: 800;
        font-size: 14px;
        background-color: #ffffff;
        cursor: pointer;
        outline: none;
        box-sizing: border-box;
    }

    .ops-toast[b-pwuwr3kz05] {
        padding: 12px;
        border-radius: 0;
        font-size: 13px;
        font-weight: 600;
        text-align: center;
        box-sizing: border-box;
        width: 100%;
    }

    .ops-toast.success[b-pwuwr3kz05] {
        background-color: #d1fae5;
        color: #065f46;
        border: 1px solid #a7f3d0;
    }

    .ops-toast.error[b-pwuwr3kz05] {
        background-color: #fee2e2;
        color: #991b1b;
        border: 1px solid #fca5a5;
    }

    .ops-accordion-list[b-pwuwr3kz05] {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }

    .ops-accordion-card[b-pwuwr3kz05] {
        background-color: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 0;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.01);
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        width: 100%;
    }

    .ops-accordion-header[b-pwuwr3kz05] {
        min-height: 48px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 14px 16px;
        border: none;
        background: transparent;
        cursor: pointer;
        text-align: left;
        box-sizing: border-box;
    }

    .ops-accordion-header .title-text[b-pwuwr3kz05] {
        font-size: 14px;
        font-weight: 800;
        color: #0f172a;
    }

    .ops-accordion-header .arrow[b-pwuwr3kz05] {
        font-size: 11px;
        color: #94a3b8;
    }

    .ops-accordion-content[b-pwuwr3kz05] {
        padding: 0 16px 16px 16px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        box-sizing: border-box;
        border-top: 1px solid #f8fafc;
        padding-top: 12px;
    }

    .ops-meta-row[b-pwuwr3kz05] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        font-size: 13px;
    }

    .meta-label[b-pwuwr3kz05] {
        font-size: 10px;
        font-weight: 700;
        color: #94a3b8;
        text-transform: uppercase;
    }

    .meta-val[b-pwuwr3kz05] {
        font-weight: 600;
        color: #334155;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 60%;
    }

    .verified-text[b-pwuwr3kz05] {
        color: #059669;
        font-weight: 700;
    }

    .unverified-text[b-pwuwr3kz05] {
        color: #d97706;
        font-weight: 700;
    }

    .ops-mobile-docs-list[b-pwuwr3kz05] {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }

    .ops-mobile-doc-item[b-pwuwr3kz05] {
        border: 1px solid #f1f5f9;
        background-color: #f8fafc;
        border-radius: 0;
        padding: 12px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        box-sizing: border-box;
        width: 100%;
    }

    .doc-top[b-pwuwr3kz05] {
        display: flex;
        gap: 10px;
        align-items: flex-start;
    }

    .doc-file-icon[b-pwuwr3kz05] {
        font-size: 18px;
        margin-top: 2px;
    }

    .doc-info-block[b-pwuwr3kz05] {
        display: flex;
        flex-direction: column;
        min-width: 0;
        flex: 1;
    }

    .doc-title-text[b-pwuwr3kz05] {
        font-size: 13px;
        font-weight: 800;
        color: #0f172a;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .doc-tag[b-pwuwr3kz05] {
        font-size: 9px;
        font-weight: 700;
        background-color: #e2e8f0;
        color: #475569;
        padding: 1px 6px;
        border-radius: 4px;
        width: fit-content;
        margin-top: 2px;
    }

    .review-status-badge-inline[b-pwuwr3kz05] {
        font-size: 9px;
        font-weight: 800;
        text-transform: uppercase;
        padding: 2px 6px;
        border-radius: 4px;
        white-space: nowrap;
    }

    .patient-note-inline[b-pwuwr3kz05] {
        font-size: 11px;
        background-color: #ffffff;
        border-left: 2px solid #cbd5e1;
        padding: 6px 10px;
        margin: 0;
        color: #475569;
        border-radius: 0 4px 4px 0;
        line-height: 1.4;
    }

    .uploaded-record-actions[b-pwuwr3kz05] {
        padding-top: 10px;
    }

    .record-action-grid[b-pwuwr3kz05] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "open"
            "download"
            "viewed"
            "replacement"
            "delete"
            "reject";
        gap: 0.5rem;
    }

    .record-action-button[b-pwuwr3kz05] {
        min-height: 44px;
    }

    .case-action-group[b-pwuwr3kz05] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }

    .case-action-group .case-action-btn[b-pwuwr3kz05] {
        width: 100%;
    }

    .delete-modal-actions[b-pwuwr3kz05] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .delete-modal-actions .case-action-btn[b-pwuwr3kz05] {
        width: 100%;
    }

    .ops-mobile-appt-list[b-pwuwr3kz05] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }

    .ops-mobile-appt-item[b-pwuwr3kz05] {
        background-color: #f8fafc;
        border: 1px solid #f1f5f9;
        border-radius: 0;
        padding: 10px;
        display: flex;
        gap: 12px;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
    }

    .appt-date-block[b-pwuwr3kz05] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #eff6ff;
        color: #1d4ed8;
        width: 44px;
        height: 44px;
        border-radius: 8px;
        border: 1px solid #bfdbfe;
        flex-shrink: 0;
    }

    .appt-date-block .day[b-pwuwr3kz05] {
        font-size: 16px;
        font-weight: 800;
        line-height: 1;
    }

    .appt-date-block .month[b-pwuwr3kz05] {
        font-size: 9px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .appt-text-block[b-pwuwr3kz05] {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
    }

    .appt-text-block h4[b-pwuwr3kz05] {
        font-size: 13px;
        font-weight: 800;
        color: #0f172a;
        margin: 0;
    }

    .appt-text-block .time[b-pwuwr3kz05] {
        font-size: 11px;
        color: #64748b;
        font-weight: 600;
    }

    .mobile-note-input-wrap[b-pwuwr3kz05] {
        display: flex;
        flex-direction: column;
        width: 100%;
        box-sizing: border-box;
    }

    .mobile-note-textarea[b-pwuwr3kz05] {
        width: 100%;
        min-height: 140px;
        max-height: 320px;
        padding: 8px;
        border: 1px solid #cbd5e1;
        border-radius: 10px;
        font-size: 13px;
        resize: none;
        overflow-y: auto;
        background-color: #ffffff;
        outline: none;
        box-sizing: border-box;
    }

    .mobile-note-textarea:focus[b-pwuwr3kz05] {
        border-color: #3b82f6;
    }

    .ops-mobile-notes-list[b-pwuwr3kz05] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 8px;
        width: 100%;
    }

    .ops-mobile-note-item[b-pwuwr3kz05] {
        background-color: #f8fafc;
        border: 1px solid #f1f5f9;
        border-radius: 0;
        padding: 10px;
        display: flex;
        flex-direction: column;
        gap: 4px;
        width: 100%;
        box-sizing: border-box;
    }

    .note-header-row[b-pwuwr3kz05] {
        display: flex;
        justify-content: space-between;
        font-size: 10px;
        font-weight: 700;
        color: #94a3b8;
    }

    .note-text-body[b-pwuwr3kz05] {
        font-size: 12px;
        color: #334155;
        margin: 0;
        line-height: 1.4;
    }

}
/* /Components/Pages/ProviderClaimantRegistrationIntake.razor.rz.scp.css */
.provider-documents-shell[b-i3td053zz1] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header-section[b-i3td053zz1] {
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 16px;
}

.page-title[b-i3td053zz1] {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    letter-spacing: 0;
}

.page-subtitle[b-i3td053zz1] {
    font-size: 14px;
    color: #64748b;
    margin: 4px 0 0;
}

.card[b-i3td053zz1] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 24px;
}

.table-container[b-i3td053zz1] {
    overflow-x: auto;
}

.documents-table[b-i3td053zz1] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    text-align: left;
    font-size: 13px;
}

.documents-table th[b-i3td053zz1],
.documents-table td[b-i3td053zz1] {
    padding: 12px 14px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.documents-table th[b-i3td053zz1] {
    color: #475569;
    font-weight: 700;
    white-space: nowrap;
}

.font-bold[b-i3td053zz1] {
    font-weight: 700;
}

.text-navy[b-i3td053zz1] {
    color: #0f172a;
}

.claimant-link[b-i3td053zz1] {
    color: #0f172a;
    text-decoration: none;
}

.claimant-link:hover[b-i3td053zz1] {
    color: #1d4ed8;
    text-decoration: underline;
}

.truncate-cell[b-i3td053zz1] {
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.envelope-id[b-i3td053zz1] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 12px;
    color: #475569;
}

.status-pill-badge[b-i3td053zz1] {
    display: inline-block;
    border-radius: 4px;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.badge-completed[b-i3td053zz1] {
    background-color: #d1fae5;
    color: #065f46;
}

.badge-sent[b-i3td053zz1] {
    background-color: #e0f2fe;
    color: #075985;
}

.badge-progress[b-i3td053zz1] {
    background-color: #fef3c7;
    color: #92400e;
}

.badge-problem[b-i3td053zz1] {
    background-color: #fee2e2;
    color: #991b1b;
}

.badge-default[b-i3td053zz1] {
    background-color: #f1f5f9;
    color: #475569;
}

.action-buttons-group[b-i3td053zz1] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.action-link-btn[b-i3td053zz1] {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background-color: #f1f5f9;
    color: #1e293b;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.certificate-btn[b-i3td053zz1] {
    background-color: #ecfdf5;
    color: #047857;
    border-color: #a7f3d0;
}

.refresh-btn[b-i3td053zz1] {
    background-color: #eff6ff;
    color: #1d4ed8;
    border-color: #bfdbfe;
}

.disabled-btn[b-i3td053zz1],
.action-link-btn:disabled[b-i3td053zz1] {
    color: #94a3b8;
    cursor: not-allowed;
    background-color: #f8fafc;
}

.loading-state[b-i3td053zz1],
.empty-state[b-i3td053zz1] {
    text-align: center;
    padding: 48px 16px;
    color: #64748b;
}

.spinner[b-i3td053zz1] {
    width: 32px;
    height: 32px;
    border: 4px solid #cbd5e1;
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: spin-b-i3td053zz1 1s linear infinite;
    margin: 0 auto 12px;
}

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

.alert[b-i3td053zz1] {
    padding: 12px 16px;
    border-radius: 0;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 16px;
}

.alert-danger[b-i3td053zz1] {
    background-color: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.alert-success[b-i3td053zz1] {
    background-color: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

/* Filter Panel Container */
.filter-card[b-i3td053zz1] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 20px;
    margin-bottom: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
}

/* Filter controls wrap displaying form inputs horizontally */
.filter-grid[b-i3td053zz1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin-bottom: 16px;
}

/* Styling for filter dropdown select boxes and input tags */
.form-group[b-i3td053zz1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-group label[b-i3td053zz1] {
    font-size: 12px;
    font-weight: 700;
    color: #475569;
}

.form-group input[b-i3td053zz1], .form-group select[b-i3td053zz1] {
    padding: 8px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 13px;
    color: #334155;
    background-color: #ffffff;
}

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

/* Row wrapping filter reset and search button operations */
.filter-actions-row[b-i3td053zz1] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 12px;
}

/* Button to reset all search filters */
.filter-reset-btn[b-i3td053zz1] {
    background-color: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 8px 16px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
}

.filter-reset-btn:hover[b-i3td053zz1] {
    background-color: #e2e8f0;
}

/* Button to submit search criteria */
.filter-search-btn[b-i3td053zz1] {
    background-color: #0f172a;
    color: #ffffff;
    border: 1px solid #0f172a;
    border-radius: 6px;
    padding: 8px 16px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
}

.filter-search-btn:hover[b-i3td053zz1] {
    background-color: #1e293b;
}

/* Pagination details and controls container */
.pagination-container[b-i3td053zz1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
    flex-wrap: wrap;
    gap: 12px;
}

/* Pagination indicator text displaying showing records count */
.pagination-info[b-i3td053zz1] {
    font-size: 13px;
    color: #64748b;
}

/* Flex wrapper of page navigators */
.pagination-controls[b-i3td053zz1] {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Single page navigation button */
.pagination-btn[b-i3td053zz1] {
    background-color: #ffffff;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 6px 12px;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    min-width: 32px;
    text-align: center;
}

.pagination-btn:hover:not(:disabled)[b-i3td053zz1] {
    background-color: #f8fafc;
    color: #0f172a;
}

.pagination-btn.active[b-i3td053zz1] {
    background-color: #0f172a;
    color: #ffffff;
    border-color: #0f172a;
}

.pagination-btn:disabled[b-i3td053zz1] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* /Components/Pages/ProviderClaimants.razor.rz.scp.css */
/* 
   ProviderClaimants.razor.css
   Style system for the Claimants Directory operational view.
   Provides layout configurations for directories and search filters.
*/

/* Core container wrapping the claimants list page */
.provider-claimants-shell[b-glre3t3k0l] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Header summary mapping page title text */
.page-header-section[b-glre3t3k0l] {
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 16px;
}

.page-title[b-glre3t3k0l] {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    letter-spacing: -0.5px;
}

.page-subtitle[b-glre3t3k0l] {
    font-size: 14px;
    color: #64748b;
    margin: 4px 0 0 0;
}

/* Cards enclosing the filter controls and table grid */
.card[b-glre3t3k0l] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
}

/* Filter controls wrap displaying form inputs horizontally */
.filter-grid[b-glre3t3k0l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin-bottom: 16px;
}

/* Styling for filter dropdown select boxes and input tags */
.form-group[b-glre3t3k0l] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-group label[b-glre3t3k0l] {
    font-size: 12px;
    font-weight: 700;
    color: #475569;
}

.form-group input[b-glre3t3k0l], .form-group select[b-glre3t3k0l] {
    padding: 8px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 13px;
    color: #334155;
    background-color: #ffffff;
}

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

/* Row wrapping filter reset operations */
.filter-actions-row[b-glre3t3k0l] {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #f1f5f9;
    padding-top: 12px;
}

/* Standard operational buttons */
.btn[b-glre3t3k0l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 700;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    border: none;
}

.btn.primary[b-glre3t3k0l] {
    background-color: #1d4ed8; /* Navy-blue primary */
    color: #ffffff;
}

.btn.primary:hover[b-glre3t3k0l] {
    background-color: #1e40af;
}

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

.btn.outline:hover[b-glre3t3k0l] {
    background-color: #f8fafc;
    color: #0f172a;
}

.btn-sm[b-glre3t3k0l] {
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 4px;
}

/* Table container styling allowing scroll on overflow */
.table-container[b-glre3t3k0l] {
    overflow-x: auto;
}

/* Main work queue table element */
.claimants-table[b-glre3t3k0l] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 13px;
}

.claimants-table th[b-glre3t3k0l] {
    color: #475569;
    font-weight: 700;
    border-bottom: 2px solid #f1f5f9;
    padding: 12px 16px;
}

.claimants-table td[b-glre3t3k0l] {
    padding: 14px 16px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    vertical-align: middle;
}

.font-bold[b-glre3t3k0l] {
    font-weight: 700;
}

.text-navy[b-glre3t3k0l] {
    color: #0f172a;
}

/* Count numbers mapping the staged document count */
.document-counter[b-glre3t3k0l] {
    background-color: #f1f5f9;
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
}

/* Counter indicator highlighted when files are pending audit */
.counter-highlight[b-glre3t3k0l] {
    background-color: #fff7ed;
    color: #c2410c;
    font-weight: 700;
}

/* Colored status pills for claimant process state */
.status-pill-badge[b-glre3t3k0l] {
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    display: inline-block;
}

.badge-active[b-glre3t3k0l] { background-color: #e0f2fe; color: #0369a1; }
.badge-under-review[b-glre3t3k0l] { background-color: #fef3c7; color: #b45309; }
.badge-pending[b-glre3t3k0l] { background-color: #fee2e2; color: #b91c1c; }
.badge-completed[b-glre3t3k0l] { background-color: #d1fae5; color: #047857; }
.badge-default[b-glre3t3k0l] { background-color: #f1f5f9; color: #475569; }

/* Status badges representing appointment scheduled states */
.exam-pill-badge[b-glre3t3k0l] {
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    display: inline-block;
}

.status-scheduled[b-glre3t3k0l] { background-color: #d1fae5; color: #065f46; }
.status-missing[b-glre3t3k0l] { background-color: #f1f5f9; color: #64748b; }

/* Empty search result fallback indicator box */
.empty-state[b-glre3t3k0l] {
    text-align: center;
    padding: 60px 0;
    color: #94a3b8;
}

.empty-icon[b-glre3t3k0l] {
    font-size: 40px;
    display: block;
    margin-bottom: 12px;
}

.empty-state h3[b-glre3t3k0l] {
    margin: 0;
    font-size: 16px;
    color: #475569;
    font-weight: 800;
}

.empty-state p[b-glre3t3k0l] {
    margin: 8px 0 0 0;
    font-size: 14px;
}

/* Mobile Claimants Redesign Styles */
@media (max-width: 768px) {
    .ops-claimants[b-glre3t3k0l] {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 16px;
        width: 100%;
        box-sizing: border-box;
        background-color: #f8fafc;
    }

    .ops-header-section[b-glre3t3k0l] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .ops-header-section h1[b-glre3t3k0l] {
        font-size: 22px;
        font-weight: 850;
        color: #0f172a;
        margin: 0;
        letter-spacing: -0.5px;
    }

    .ops-header-section p[b-glre3t3k0l] {
        font-size: 12px;
        font-weight: 700;
        color: #3b82f6;
        text-transform: uppercase;
        margin: 0;
        letter-spacing: 0.5px;
    }

    .ops-search-wrap[b-glre3t3k0l] {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        box-sizing: border-box;
    }

    .ops-search-input[b-glre3t3k0l] {
        width: 100%;
        min-height: 44px;
        padding: 0 16px 0 40px;
        border: 1px solid #cbd5e1;
        border-radius: 12px;
        font-size: 14px;
        background-color: #ffffff;
        color: #334155;
        box-sizing: border-box;
        outline: none;
        transition: border-color 0.15s ease;
    }

    .ops-search-input:focus[b-glre3t3k0l] {
        border-color: #3b82f6;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
    }

    .search-icon[b-glre3t3k0l] {
        position: absolute;
        left: 14px;
        font-size: 16px;
        color: #94a3b8;
        pointer-events: none;
    }

    .ops-chips-scroll[b-glre3t3k0l] {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        padding: 4px 0;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        width: 100%;
    }

    .ops-chips-scroll[b-glre3t3k0l]::-webkit-scrollbar {
        display: none;
    }

    .ops-chip[b-glre3t3k0l] {
        flex: 0 0 auto;
        min-height: 34px;
        padding: 0 16px;
        border-radius: 9999px;
        border: 1px solid #e2e8f0;
        background-color: #ffffff;
        color: #475569;
        font-weight: 700;
        font-size: 12px;
        cursor: pointer;
        transition: all 0.15s ease;
    }

    .ops-chip.active[b-glre3t3k0l] {
        background-color: #0f68dc;
        color: #ffffff;
        border-color: #0f68dc;
        box-shadow: 0 4px 8px rgba(15, 104, 220, 0.15);
    }

    .ops-case-cards-list[b-glre3t3k0l] {
        display: flex;
        flex-direction: column;
        gap: 14px;
        width: 100%;
    }

    .ops-mobile-case-card[b-glre3t3k0l] {
        background-color: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 0;
        padding: 16px;
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.02);
        display: flex;
        flex-direction: column;
        gap: 12px;
        box-sizing: border-box;
        width: 100%;
    }

    .card-header-row[b-glre3t3k0l] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        border-bottom: 1px solid #f1f5f9;
        padding-bottom: 10px;
        gap: 8px;
    }

    .claimant-name[b-glre3t3k0l] {
        font-size: 15px;
        font-weight: 800;
        color: #0f172a;
    }

    .status-badge-inline[b-glre3t3k0l] {
        font-size: 9px;
        font-weight: 800;
        text-transform: uppercase;
        padding: 2px 8px;
        border-radius: 4px;
        display: inline-block;
        white-space: nowrap;
    }

    .card-info-row[b-glre3t3k0l] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .info-label[b-glre3t3k0l] {
        font-size: 10px;
        font-weight: 700;
        color: #94a3b8;
        text-transform: uppercase;
    }

    .info-value[b-glre3t3k0l] {
        font-size: 13px;
        color: #334155;
        font-weight: 600;
    }

    .text-truncate[b-glre3t3k0l] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .card-stats-grid[b-glre3t3k0l] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        border: 1px solid #f1f5f9;
        background-color: #f8fafc;
        border-radius: 0;
        padding: 10px;
        box-sizing: border-box;
    }

    .stat-box[b-glre3t3k0l] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        min-width: 0;
    }

    .stat-val[b-glre3t3k0l] {
        font-size: 13px;
        font-weight: 800;
        color: #0f172a;
    }

    .stat-val-text[b-glre3t3k0l] {
        font-size: 13px;
        font-weight: 700;
    }

    .stat-lbl[b-glre3t3k0l] {
        font-size: 9px;
        font-weight: 700;
        color: #64748b;
        text-transform: uppercase;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    .highlight-orange[b-glre3t3k0l] {
        background-color: #fff7ed;
        border-radius: 8px;
    }

    .highlight-orange .stat-val[b-glre3t3k0l] {
        color: #c2410c;
    }

    .exam-status.scheduled[b-glre3t3k0l] {
        color: #059669;
    }

    .exam-status.missing[b-glre3t3k0l] {
        color: #64748b;
    }

    .card-footer-row[b-glre3t3k0l] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid #f1f5f9;
        padding-top: 12px;
        margin-top: 4px;
    }

    .last-activity[b-glre3t3k0l] {
        font-size: 11px;
        color: #94a3b8;
        font-weight: 600;
    }

    .ops-btn[b-glre3t3k0l] {
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        font-weight: 700;
        font-size: 13px;
        text-decoration: none;
        text-align: center;
        border: none;
        cursor: pointer;
        box-sizing: border-box;
    }

    .primary-btn[b-glre3t3k0l] {
        background-color: #0f68dc;
        color: #ffffff;
        box-shadow: 0 4px 10px rgba(15, 104, 220, 0.15);
    }

    .view-case-btn[b-glre3t3k0l] {
        padding: 0 16px;
        min-height: 36px;
        border-radius: 8px;
        font-size: 12px;
        font-weight: 700;
    }

    .secondary-btn[b-glre3t3k0l] {
        background-color: #f1f5f9;
        color: #0f172a;
        border: 1px solid #cbd5e1;
    }
}

/* /Components/Pages/ProviderCompletedReportsDocuments.razor.rz.scp.css */
.provider-documents-shell[b-n6yl3ev392] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header-section[b-n6yl3ev392] {
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 16px;
}

.page-title[b-n6yl3ev392] {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    letter-spacing: 0;
}

.page-subtitle[b-n6yl3ev392] {
    font-size: 14px;
    color: #64748b;
    margin: 4px 0 0;
}

.card[b-n6yl3ev392] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 24px;
}

.table-container[b-n6yl3ev392] {
    overflow-x: auto;
}

.documents-table[b-n6yl3ev392] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    text-align: left;
    font-size: 13px;
}

.documents-table th[b-n6yl3ev392],
.documents-table td[b-n6yl3ev392] {
    padding: 12px 14px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.documents-table th[b-n6yl3ev392] {
    color: #475569;
    font-weight: 700;
    white-space: nowrap;
}

.font-bold[b-n6yl3ev392] {
    font-weight: 700;
}

.text-navy[b-n6yl3ev392] {
    color: #0f172a;
}

.claimant-link[b-n6yl3ev392] {
    color: #0f172a;
    text-decoration: none;
}

.claimant-link:hover[b-n6yl3ev392] {
    color: #1d4ed8;
    text-decoration: underline;
}

.truncate-cell[b-n6yl3ev392] {
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.status-pill-badge[b-n6yl3ev392] {
    display: inline-block;
    border-radius: 4px;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.badge-completed[b-n6yl3ev392] {
    background-color: #d1fae5;
    color: #065f46;
}

.action-buttons-group[b-n6yl3ev392] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.action-link-btn[b-n6yl3ev392] {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background-color: #f1f5f9;
    color: #1e293b;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.certificate-btn[b-n6yl3ev392] {
    background-color: #ecfdf5;
    color: #047857;
    border-color: #a7f3d0;
}

.loading-state[b-n6yl3ev392],
.empty-state[b-n6yl3ev392] {
    text-align: center;
    padding: 48px 16px;
    color: #64748b;
}

.spinner[b-n6yl3ev392] {
    width: 32px;
    height: 32px;
    border: 4px solid #cbd5e1;
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: spin-b-n6yl3ev392 1s linear infinite;
    margin: 0 auto 12px;
}

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

.alert[b-n6yl3ev392] {
    padding: 12px 16px;
    border-radius: 0;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 16px;
}

.alert-danger[b-n6yl3ev392] {
    background-color: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}
/* /Components/Pages/ProviderDashboard.razor.rz.scp.css */
/* 
   ProviderDashboard.razor.css
   Style system for the Refined Admin Operations Dashboard.
   Focuses on clean medical-grade aesthetics, layout grid symmetry, and workflow cards.
*/

/* Main wrapper for the dashboard contents */
.ops-dashboard[b-5sw71ct58i] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    background-color: #f8fafc;
    min-height: 100%;
    box-sizing: border-box;
    width: 100%;
}

/* Command Bar (Header Area) */
.ops-command-bar[b-5sw71ct58i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 16px;
    width: 100%;
    box-sizing: border-box;
}

.command-left[b-5sw71ct58i] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ops-title[b-5sw71ct58i] {
    font-size: 26px;
    font-weight: 850;
    color: #0f172a;
    margin: 0;
    letter-spacing: -0.5px;
}

.ops-subtitle[b-5sw71ct58i] {
    font-size: 13px;
    color: #64748b;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.command-right[b-5sw71ct58i] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.refresh-time[b-5sw71ct58i] {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
}

.ops-refresh-btn[b-5sw71ct58i] {
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    color: #334155;
    cursor: pointer;
    min-height: 40px;
    min-width: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    transition: all 0.15s ease;
}

.ops-refresh-btn:hover[b-5sw71ct58i] {
    background-color: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a;
}

.ops-session-badge[b-5sw71ct58i] {
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    background: rgba(59, 130, 246, 0.1);
    color: #1d4ed8;
    border: 1px solid rgba(59, 130, 246, 0.2);
    padding: 3px 8px;
    border-radius: 9999px;
    width: fit-content;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

/* Primary KPI Strip (Exactly 4 Cards) */
.ops-kpi-strip[b-5sw71ct58i] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    width: 100%;
    box-sizing: border-box;
}

.ops-kpi-card[b-5sw71ct58i] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.015);
    box-sizing: border-box;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.ops-kpi-card:hover[b-5sw71ct58i] {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.kpi-icon-wrap[b-5sw71ct58i] {
    font-size: 18px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.blue-theme[b-5sw71ct58i] { background-color: #eff6ff; color: #1d4ed8; }
.orange-theme[b-5sw71ct58i] { background-color: #fff7ed; color: #c2410c; }
.green-theme[b-5sw71ct58i] { background-color: #f0fdf4; color: #15803d; }
.purple-theme[b-5sw71ct58i] { background-color: #faf5ff; color: #7e22ce; }

.kpi-info[b-5sw71ct58i] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.kpi-val[b-5sw71ct58i] {
    font-size: 22px;
    font-weight: 850;
    color: #0f172a;
    line-height: 1.1;
}

.kpi-lbl[b-5sw71ct58i] {
    font-size: 10px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Split Grid Layout */
.ops-dashboard-grid[b-5sw71ct58i] {
    display: grid;
    grid-template-columns: 2.2fr 1fr;
    gap: 24px;
    width: 100%;
    box-sizing: border-box;
}

.ops-main-column[b-5sw71ct58i] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
}

.ops-side-column[b-5sw71ct58i] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
}

/* Base Cards styling */
.ops-card[b-5sw71ct58i] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.015);
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-sizing: border-box;
    width: 100%;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.ops-card:hover[b-5sw71ct58i] {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.section-title-row[b-5sw71ct58i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 12px;
    margin-bottom: 4px;
    gap: 12px;
    flex-wrap: wrap;
}

.section-title-row h2[b-5sw71ct58i] {
    font-size: 16px;
    font-weight: 850;
    color: #0f172a;
    margin: 0;
}

.ops-view-all-link[b-5sw71ct58i] {
    font-size: 12px;
    font-weight: 700;
    color: #0f68dc;
    text-decoration: none;
}

.ops-view-all-link:hover[b-5sw71ct58i] {
    text-decoration: underline;
}

/* Filter Chips */
.ops-chips-wrapper[b-5sw71ct58i] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.ops-chip-btn[b-5sw71ct58i] {
    background-color: #f1f5f9;
    border: 1px solid #cbd5e1;
    border-radius: 9999px;
    padding: 4px 12px;
    font-size: 11px;
    font-weight: 700;
    color: #475569;
    cursor: pointer;
    transition: all 0.15s ease;
    min-height: 28px;
    box-sizing: border-box;
}

.ops-chip-btn.active[b-5sw71ct58i] {
    background-color: #0f68dc;
    color: #ffffff;
    border-color: #0f68dc;
    box-shadow: 0 2px 6px rgba(15, 104, 220, 0.15);
}

/* Priority Work Queue */
.ops-queue-list[b-5sw71ct58i] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ops-queue-item[b-5sw71ct58i] {
    border: 1px solid #f1f5f9;
    background-color: #f8fafc;
    border-radius: 0;
    padding: 14px 16px;
    display: grid;
    grid-template-columns: 1.8fr 1fr 1.8fr 1.2fr auto;
    gap: 16px;
    align-items: center;
    box-sizing: border-box;
}

.queue-case-info[b-5sw71ct58i] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.queue-case-name[b-5sw71ct58i] {
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.queue-case-email[b-5sw71ct58i] {
    font-size: 12px;
    color: #64748b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.appt-status-pill[b-5sw71ct58i] {
    font-size: 9px;
    font-weight: 800;
    padding: 2px 8px;
    border-radius: 4px;
    width: fit-content;
    text-transform: uppercase;
    white-space: nowrap;
}

.appt-status-pill.scheduled[b-5sw71ct58i] {
    background-color: #d1fae5;
    color: #065f46;
}

.appt-status-pill.missing[b-5sw71ct58i] {
    background-color: #f1f5f9;
    color: #475569;
}

.compact-action-btn[b-5sw71ct58i] {
    padding: 0 12px !important;
    min-height: 36px !important;
    font-size: 12px !important;
    border-radius: 8px !important;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Documents Table */
.ops-table-container[b-5sw71ct58i] {
    overflow-x: auto;
    width: 100%;
}

.ops-documents-table[b-5sw71ct58i] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 13px;
}

.ops-documents-table th[b-5sw71ct58i] {
    color: #475569;
    font-weight: 700;
    border-bottom: 2px solid #f1f5f9;
    padding: 10px 12px;
}

.ops-documents-table td[b-5sw71ct58i] {
    padding: 12px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    vertical-align: middle;
}

.ops-category-tag[b-5sw71ct58i] {
    background-color: #e2e8f0;
    color: #475569;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
}

.ops-table-action-link[b-5sw71ct58i] {
    font-size: 12px;
    font-weight: 700;
    color: #0f68dc;
    text-decoration: none;
}

.ops-table-action-link:hover[b-5sw71ct58i] {
    text-decoration: underline;
}

/* Status Badges */
.status-badge-inline[b-5sw71ct58i] {
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 2px 6px;
    border-radius: 4px;
    display: inline-block;
    white-space: nowrap;
}

.status-reviewed[b-5sw71ct58i] { background-color: #d1fae5; color: #065f46; }
.status-pending[b-5sw71ct58i] { background-color: #fef3c7; color: #92400e; }
.status-uploaded[b-5sw71ct58i] { background-color: #e0f2fe; color: #075985; }
.status-needs-replacement[b-5sw71ct58i] { background-color: #fee2e2; color: #991b1b; }
.status-rejected[b-5sw71ct58i] { background-color: #f1f5f9; color: #1e293b; }
.status-default[b-5sw71ct58i] { background-color: #f1f5f9; color: #475569; }

/* Secondary timeline feeds */
.ops-notes-feed[b-5sw71ct58i] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ops-note-feed-item[b-5sw71ct58i] {
    background-color: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 0;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.note-feed-meta[b-5sw71ct58i] {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    font-weight: 700;
    color: #94a3b8;
}

.note-feed-patient[b-5sw71ct58i] {
    font-size: 11px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.note-feed-text[b-5sw71ct58i] {
    font-size: 12px;
    color: #475569;
    margin: 4px 0 0 0;
    line-height: 1.4;
}

/* Activity timeline */
.ops-activity-feed[b-5sw71ct58i] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ops-activity-feed-item[b-5sw71ct58i] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f5f9;
}

.ops-activity-feed-item:last-child[b-5sw71ct58i] {
    border-bottom: none;
    padding-bottom: 0;
}

.activity-feed-header[b-5sw71ct58i] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.activity-feed-dot[b-5sw71ct58i] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
}

.marker-blue[b-5sw71ct58i] { background-color: #3b82f6; }
.marker-green[b-5sw71ct58i] { background-color: #10b981; }
.marker-orange[b-5sw71ct58i] { background-color: #f59e0b; }
.marker-default[b-5sw71ct58i] { background-color: #94a3b8; }

.activity-feed-time[b-5sw71ct58i] {
    font-size: 10px;
    color: #94a3b8;
    font-weight: 600;
}

.activity-feed-desc[b-5sw71ct58i] {
    font-size: 12px;
    color: #334155;
    margin: 0;
    line-height: 1.4;
}

/* Placeholders & Integrations */
.ops-placeholder-module[b-5sw71ct58i] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ops-placeholder-module h2[b-5sw71ct58i] {
    font-size: 14px;
    font-weight: 850;
    color: #0f172a;
    margin: 0;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 8px;
}

.placeholder-item[b-5sw71ct58i] {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 12px;
    background-color: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 0;
}

.placeholder-icon[b-5sw71ct58i] {
    font-size: 18px;
}

.placeholder-content[b-5sw71ct58i] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.placeholder-content h3[b-5sw71ct58i] {
    font-size: 12px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.placeholder-sub[b-5sw71ct58i] {
    font-size: 10px;
    color: #64748b;
    margin: 2px 0 0 0;
}

.placeholder-badge[b-5sw71ct58i] {
    font-size: 8px;
    font-weight: 800;
    color: #475569;
    background-color: #e2e8f0;
    padding: 1px 6px;
    border-radius: 4px;
    width: fit-content;
    margin-top: 4px;
    text-transform: uppercase;
}

/* Spinner / Loading / Empty */
.loading-state[b-5sw71ct58i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    color: #64748b;
}

.spinner[b-5sw71ct58i] {
    width: 32px;
    height: 32px;
    border: 4px solid #cbd5e1;
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 12px;
}

.ops-empty-state[b-5sw71ct58i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    color: #94a3b8;
    text-align: center;
    gap: 4px;
}

.ops-empty-state span[b-5sw71ct58i] {
    font-size: 20px;
}

.ops-empty-state p[b-5sw71ct58i] {
    font-size: 12px;
    margin: 0;
}

/* Breakpoints & Responsive CSS */
@media (max-width: 1024px) {
    .ops-dashboard-grid[b-5sw71ct58i] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .ops-dashboard[b-5sw71ct58i] {
        padding: 12px;
        gap: 16px;
    }

    .ops-command-bar[b-5sw71ct58i] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .command-right[b-5sw71ct58i] {
        width: 100%;
        justify-content: space-between;
    }

    .ops-kpi-strip[b-5sw71ct58i] {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .ops-kpi-card[b-5sw71ct58i] {
        padding: 12px;
        gap: 10px;
    }

    .kpi-val[b-5sw71ct58i] {
        font-size: 18px;
    }

    .ops-queue-item[b-5sw71ct58i] {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 14px;
    }

    .queue-status-box[b-5sw71ct58i],
    .queue-docs-box[b-5sw71ct58i],
    .queue-appt-box[b-5sw71ct58i] {
        text-align: left;
    }

    .compact-action-btn[b-5sw71ct58i] {
        width: 100%;
        min-height: 44px !important;
        font-size: 13px !important;
        border-radius: 10px !important;
    }

    /* Mobile documents stacked cards styling */
    .ops-mobile-docs-list[b-5sw71ct58i] {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
        box-sizing: border-box;
    }

    .ops-mobile-doc-card[b-5sw71ct58i] {
        background-color: #f8fafc;
        border: 1px solid #f1f5f9;
        border-radius: 0;
        padding: 12px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        box-sizing: border-box;
        width: 100%;
    }

    .doc-card-header[b-5sw71ct58i] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .doc-card-header .claimant-name[b-5sw71ct58i] {
        font-weight: 700;
        font-size: 13px;
        color: #0f172a;
    }

    .doc-card-filename[b-5sw71ct58i] {
        font-size: 12px;
        color: #334155;
        font-weight: 600;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

    .doc-card-footer[b-5sw71ct58i] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid #f1f5f9;
        padding-top: 8px;
        margin-top: 2px;
        width: 100%;
    }

    .doc-card-footer .upload-date[b-5sw71ct58i] {
        font-size: 10px;
        color: #94a3b8;
        font-weight: 600;
    }

    .mini-btn[b-5sw71ct58i] {
        background-color: #eff6ff;
        color: #1d4ed8;
        border: 1px solid #bfdbfe;
        border-radius: 6px;
        font-size: 11px;
        font-weight: 700;
        padding: 4px 10px;
        min-height: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}
/* /Components/Pages/ProviderNotes.razor.rz.scp.css */
/* 
   ProviderNotes.razor.css
   Style system for the Provider Notes review ledger.
   Handles layout of note feed bubbles and details route triggers.
*/

/* Core container wrapping the provider notes page */
.provider-notes-shell[b-kpmyr5lavx] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Header section label */
.page-header-section[b-kpmyr5lavx] {
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 16px;
}

.page-title[b-kpmyr5lavx] {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    letter-spacing: -0.5px;
}

.page-subtitle[b-kpmyr5lavx] {
    font-size: 14px;
    color: #64748b;
    margin: 4px 0 0 0;
}

/* Base card container holding the notes list */
.card[b-kpmyr5lavx] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
}

/* Layout vertical list wrapping notes items */
.notes-feed-grid[b-kpmyr5lavx] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Single note bubble card */
.note-feed-item[b-kpmyr5lavx] {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Note metadata header line */
.note-feed-header[b-kpmyr5lavx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 8px;
}

.note-author[b-kpmyr5lavx] {
    font-size: 12px;
    color: #334155;
}

.note-time[b-kpmyr5lavx] {
    font-size: 11px;
    color: #94a3b8;
    margin-left: 10px;
    font-weight: 600;
}

.font-bold[b-kpmyr5lavx] {
    font-weight: 700;
}

/* Claimant profile shortcut link button */
.case-link[b-kpmyr5lavx] {
    font-size: 12px;
    font-weight: 700;
    color: #2563eb;
    text-decoration: none;
}

.case-link:hover[b-kpmyr5lavx] {
    text-decoration: underline;
}

/* Reference line mapping target claimant */
.note-target-claimant[b-kpmyr5lavx] {
    font-size: 12px;
    color: #475569;
}

/* Note content body text */
.note-feed-body[b-kpmyr5lavx] {
    font-size: 13px;
    color: #1e293b;
    margin: 4px 0 0 0;
    line-height: 1.5;
}

/* Empty data fallback box */
.empty-state[b-kpmyr5lavx] {
    text-align: center;
    padding: 60px 0;
    color: #94a3b8;
}

.empty-icon[b-kpmyr5lavx] {
    font-size: 40px;
    display: block;
    margin-bottom: 12px;
}

.empty-state h3[b-kpmyr5lavx] {
    margin: 0;
    font-size: 16px;
    color: #475569;
    font-weight: 800;
}

.empty-state p[b-kpmyr5lavx] {
    margin: 8px 0 0 0;
    font-size: 14px;
}
/* /Components/Pages/ProviderRecords.razor.rz.scp.css */
/* 
   ProviderRecords.razor.css
   Style system for the Uploaded Records Review view.
   Configures table layouts, action link buttons, and file review status badges.
*/

/* Core container wrapping the records review list page */
.provider-records-shell[b-jo0qt1e1ad] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Header section title label */
.page-header-section[b-jo0qt1e1ad] {
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 16px;
}

.page-title[b-jo0qt1e1ad] {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    letter-spacing: -0.5px;
}

.page-subtitle[b-jo0qt1e1ad] {
    font-size: 14px;
    color: #64748b;
    margin: 4px 0 0 0;
}

/* Base card container holding the records grid */
.card[b-jo0qt1e1ad] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
}

/* Table container styling allowing scroll on overflow */
.table-container[b-jo0qt1e1ad] {
    overflow-x: auto;
}

/* Main record review list table element */
.records-table[b-jo0qt1e1ad] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 13px;
}

.records-table th[b-jo0qt1e1ad] {
    color: #475569;
    font-weight: 700;
    border-bottom: 2px solid #f1f5f9;
    padding: 12px 16px;
}

.records-table td[b-jo0qt1e1ad] {
    padding: 14px 16px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    vertical-align: middle;
}

.font-bold[b-jo0qt1e1ad] {
    font-weight: 700;
}

.text-navy[b-jo0qt1e1ad] {
    color: #0f172a;
}

.truncate-cell[b-jo0qt1e1ad] {
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Colored category pills for record attachments */
.category-pill[b-jo0qt1e1ad] {
    background-color: #f1f5f9;
    color: #475569;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
}

/* Action button trigger layouts */
.action-buttons-group[b-jo0qt1e1ad] {
    display: flex;
    gap: 6px;
}

.action-link-btn[b-jo0qt1e1ad] {
    background-color: #f1f5f9;
    color: #1e293b;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 4px 10px;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    display: inline-block;
}

.action-link-btn:hover[b-jo0qt1e1ad] {
    background-color: #cbd5e1;
}

.detail-btn[b-jo0qt1e1ad] {
    background-color: #eff6ff;
    color: #1d4ed8;
    border-color: #bfdbfe;
}

.detail-btn:hover[b-jo0qt1e1ad] {
    background-color: #bfdbfe;
}

/* Colored review status badges representing file audit state */
.status-pill-badge[b-jo0qt1e1ad] {
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    display: inline-block;
    text-transform: uppercase;
}

.badge-reviewed[b-jo0qt1e1ad] { background-color: #d1fae5; color: #065f46; }
.badge-pending[b-jo0qt1e1ad] { background-color: #fef3c7; color: #92400e; }
.badge-uploaded[b-jo0qt1e1ad] { background-color: #e0f2fe; color: #075985; }
.badge-needs-replacement[b-jo0qt1e1ad] { background-color: #fee2e2; color: #991b1b; }
.badge-rejected[b-jo0qt1e1ad] { background-color: #f1f5f9; color: #1e293b; }
.badge-default[b-jo0qt1e1ad] { background-color: #f1f5f9; color: #475569; }

/* Empty data fallback box */
.empty-state[b-jo0qt1e1ad] {
    text-align: center;
    padding: 60px 0;
    color: #94a3b8;
}

.empty-icon[b-jo0qt1e1ad] {
    font-size: 40px;
    display: block;
    margin-bottom: 12px;
}

.empty-state h3[b-jo0qt1e1ad] {
    margin: 0;
    font-size: 16px;
    color: #475569;
    font-weight: 800;
}

.empty-state p[b-jo0qt1e1ad] {
    margin: 8px 0 0 0;
    font-size: 14px;
}

.delete-link-btn[b-jo0qt1e1ad] {
    border: 0;
    background: transparent;
    color: #b91c1c;
    cursor: pointer;
}

.delete-modal-backdrop[b-jo0qt1e1ad] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.55);
    padding: 20px;
}

.delete-modal-card[b-jo0qt1e1ad] {
    width: min(520px, 100%);
    border-radius: 0;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
    padding: 24px;
}

.delete-modal-card h2[b-jo0qt1e1ad] {
    margin: 0 0 10px;
    color: #7f1d1d;
    font-size: 22px;
}

.delete-modal-card p[b-jo0qt1e1ad] {
    color: #475569;
    line-height: 1.5;
}

.delete-modal-card dl[b-jo0qt1e1ad] {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 8px 12px;
    margin: 18px 0;
    color: #334155;
}

.delete-modal-card dt[b-jo0qt1e1ad] {
    font-weight: 700;
}

.delete-modal-card textarea[b-jo0qt1e1ad] {
    width: 100%;
    margin-top: 8px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    padding: 10px;
}

.delete-modal-actions[b-jo0qt1e1ad] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

/* Filter Panel Container */
.filter-card[b-jo0qt1e1ad] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 20px;
    margin-bottom: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
}

/* Filter controls wrap displaying form inputs horizontally */
.filter-grid[b-jo0qt1e1ad] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin-bottom: 16px;
}

/* Styling for filter dropdown select boxes and input tags */
.form-group[b-jo0qt1e1ad] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-group label[b-jo0qt1e1ad] {
    font-size: 12px;
    font-weight: 700;
    color: #475569;
}

.form-group input[b-jo0qt1e1ad], .form-group select[b-jo0qt1e1ad] {
    padding: 8px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 13px;
    color: #334155;
    background-color: #ffffff;
}

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

/* Row wrapping filter reset and search button operations */
.filter-actions-row[b-jo0qt1e1ad] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 12px;
}

/* Button to reset all search filters */
.filter-reset-btn[b-jo0qt1e1ad] {
    background-color: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 8px 16px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
}

.filter-reset-btn:hover[b-jo0qt1e1ad] {
    background-color: #e2e8f0;
}

/* Button to submit search criteria */
.filter-search-btn[b-jo0qt1e1ad] {
    background-color: #0f172a;
    color: #ffffff;
    border: 1px solid #0f172a;
    border-radius: 6px;
    padding: 8px 16px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
}

.filter-search-btn:hover[b-jo0qt1e1ad] {
    background-color: #1e293b;
}

/* Pagination details and controls container */
.pagination-container[b-jo0qt1e1ad] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
    flex-wrap: wrap;
    gap: 12px;
}

/* Pagination indicator text displaying showing records count */
.pagination-info[b-jo0qt1e1ad] {
    font-size: 13px;
    color: #64748b;
}

/* Flex wrapper of page navigators */
.pagination-controls[b-jo0qt1e1ad] {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Single page navigation button */
.pagination-btn[b-jo0qt1e1ad] {
    background-color: #ffffff;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 6px 12px;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    min-width: 32px;
    text-align: center;
}

.pagination-btn:hover:not(:disabled)[b-jo0qt1e1ad] {
    background-color: #f8fafc;
    color: #0f172a;
}

.pagination-btn.active[b-jo0qt1e1ad] {
    background-color: #0f172a;
    color: #ffffff;
    border-color: #0f172a;
}

.pagination-btn:disabled[b-jo0qt1e1ad] {
    opacity: 0.5;
    cursor: not-allowed;
}

.success-btn-records[b-jo0qt1e1ad] { background-color: #10b981; color: #ffffff; border-color: #10b981; }
.success-btn-records:hover[b-jo0qt1e1ad] { background-color: #059669; border-color: #059669; }
.warning-btn-records[b-jo0qt1e1ad] { background-color: #f59e0b; color: #ffffff; border-color: #f59e0b; }
.warning-btn-records:hover[b-jo0qt1e1ad] { background-color: #d97706; border-color: #d97706; }
.danger-btn-records[b-jo0qt1e1ad] { background-color: #ef4444; color: #ffffff; border-color: #ef4444; }
.danger-btn-records:hover[b-jo0qt1e1ad] { background-color: #dc2626; border-color: #dc2626; }

/* /Components/Pages/ProviderReports.razor.rz.scp.css */
/*
   ProviderReports.razor.css
   Style system for the Reports view (claimant search, report upload, existing reports table).
   Reuses the same visual vocabulary as ProviderRecords.razor.css (filter card, table, action
   buttons, delete modal) for consistency across the Provider Portal's document-review pages.
*/

.provider-reports-shell[b-6d2nmxbvqk] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header-section[b-6d2nmxbvqk] {
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 16px;
}

.page-title[b-6d2nmxbvqk] {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    letter-spacing: -0.5px;
}

.page-subtitle[b-6d2nmxbvqk] {
    font-size: 14px;
    color: #64748b;
    margin: 4px 0 0 0;
}

.card[b-6d2nmxbvqk] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
}

.section-heading[b-6d2nmxbvqk] {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 16px 0;
}

.filter-card[b-6d2nmxbvqk] {
    padding: 20px;
}

.filter-grid[b-6d2nmxbvqk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin-bottom: 16px;
}

.form-group[b-6d2nmxbvqk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 14px;
}

.form-group label[b-6d2nmxbvqk] {
    font-size: 12px;
    font-weight: 700;
    color: #475569;
}

.form-group input[b-6d2nmxbvqk], .form-group select[b-6d2nmxbvqk], .form-group textarea[b-6d2nmxbvqk] {
    padding: 8px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 13px;
    color: #334155;
    background-color: #ffffff;
    font-family: inherit;
}

.form-group input:focus[b-6d2nmxbvqk], .form-group select:focus[b-6d2nmxbvqk], .form-group textarea:focus[b-6d2nmxbvqk] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.filter-actions-row[b-6d2nmxbvqk] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 12px;
}

.filter-reset-btn[b-6d2nmxbvqk] {
    background-color: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 8px 16px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
}

.filter-reset-btn:hover[b-6d2nmxbvqk] {
    background-color: #e2e8f0;
}

.filter-search-btn[b-6d2nmxbvqk] {
    background-color: #0f172a;
    color: #ffffff;
    border: 1px solid #0f172a;
    border-radius: 6px;
    padding: 8px 16px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
}

.filter-search-btn:hover:not(:disabled)[b-6d2nmxbvqk] {
    background-color: #1e293b;
}

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

/* Claimant search results */
.claimant-result-list[b-6d2nmxbvqk] {
    list-style: none;
    margin: 16px 0 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 260px;
    overflow-y: auto;
}

.claimant-result-item[b-6d2nmxbvqk] {
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}

.claimant-result-item.selected[b-6d2nmxbvqk] {
    border-color: #3b82f6;
    background-color: #eff6ff;
}

.claimant-result-btn[b-6d2nmxbvqk] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    background: transparent;
    border: none;
    padding: 10px 14px;
    cursor: pointer;
    text-align: left;
}

.claimant-result-name[b-6d2nmxbvqk] {
    font-weight: 700;
    color: #0f172a;
    font-size: 13px;
}

.claimant-result-ref[b-6d2nmxbvqk] {
    font-weight: 700;
    color: #1d4ed8;
    font-size: 12px;
}

.claimant-search-empty[b-6d2nmxbvqk] {
    margin: 16px 0 0 0;
    color: #94a3b8;
    font-size: 13px;
}

.selected-claimant-line[b-6d2nmxbvqk] {
    font-size: 14px;
    color: #334155;
    margin: 0 0 16px 0;
}

.upload-form-row[b-6d2nmxbvqk] {
    display: grid;
    grid-template-columns: minmax(200px, 1fr) minmax(220px, 1.2fr);
    gap: 16px;
}

@media (max-width: 640px) {
    .upload-form-row[b-6d2nmxbvqk] {
        grid-template-columns: 1fr;
    }
}

.staged-file-name[b-6d2nmxbvqk] {
    font-size: 12px;
    color: #475569;
    margin-top: 4px;
}

.alert-success[b-6d2nmxbvqk] {
    margin-bottom: 16px;
    padding: 10px 14px;
    border-radius: 6px;
    background: rgba(16, 185, 129, 0.12);
    border: 1px solid rgba(16, 185, 129, 0.3);
    color: #047857;
    font-size: 13px;
}

.alert-danger[b-6d2nmxbvqk] {
    margin-bottom: 16px;
    padding: 10px 14px;
    border-radius: 6px;
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #b91c1c;
    font-size: 13px;
}

/* Existing reports table - shared vocabulary with ProviderRecords.razor.css */
.table-container[b-6d2nmxbvqk] {
    overflow-x: auto;
}

.records-table[b-6d2nmxbvqk] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 13px;
}

.records-table th[b-6d2nmxbvqk] {
    color: #475569;
    font-weight: 700;
    border-bottom: 2px solid #f1f5f9;
    padding: 12px 16px;
}

.records-table td[b-6d2nmxbvqk] {
    padding: 14px 16px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    vertical-align: middle;
}

.font-bold[b-6d2nmxbvqk] {
    font-weight: 700;
}

.truncate-cell[b-6d2nmxbvqk] {
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.category-pill[b-6d2nmxbvqk] {
    background-color: #f1f5f9;
    color: #475569;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
}

.action-buttons-group[b-6d2nmxbvqk] {
    display: flex;
    gap: 6px;
}

.action-link-btn[b-6d2nmxbvqk] {
    background-color: #f1f5f9;
    color: #1e293b;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 4px 10px;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    display: inline-block;
    cursor: pointer;
}

.action-link-btn:hover[b-6d2nmxbvqk] {
    background-color: #cbd5e1;
}

.delete-link-btn[b-6d2nmxbvqk] {
    border: 0;
    background: transparent;
    color: #b91c1c;
}

.empty-state[b-6d2nmxbvqk] {
    text-align: center;
    padding: 60px 0;
    color: #94a3b8;
}

.empty-icon[b-6d2nmxbvqk] {
    font-size: 40px;
    display: block;
    margin-bottom: 12px;
}

.empty-state h3[b-6d2nmxbvqk] {
    margin: 0;
    font-size: 16px;
    color: #475569;
    font-weight: 800;
}

.empty-state p[b-6d2nmxbvqk] {
    margin: 8px 0 0 0;
    font-size: 14px;
}

/* Delete confirmation modal */
.delete-modal-backdrop[b-6d2nmxbvqk] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.55);
    padding: 20px;
}

.delete-modal-card[b-6d2nmxbvqk] {
    width: min(520px, 100%);
    border-radius: 0;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
    padding: 24px;
}

.delete-modal-card h2[b-6d2nmxbvqk] {
    margin: 0 0 10px;
    color: #7f1d1d;
    font-size: 22px;
}

.delete-modal-card p[b-6d2nmxbvqk] {
    color: #475569;
    line-height: 1.5;
}

.delete-modal-card dl[b-6d2nmxbvqk] {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 8px 12px;
    margin: 18px 0;
    color: #334155;
}

.delete-modal-card dt[b-6d2nmxbvqk] {
    font-weight: 700;
}

.delete-modal-card textarea[b-6d2nmxbvqk] {
    width: 100%;
    margin-top: 8px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    padding: 10px;
}

.delete-modal-actions[b-6d2nmxbvqk] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}
/* /Components/Pages/ProviderSettings.razor.rz.scp.css */
/* 
   ProviderSettings.razor.css
   Style system for the Provider Settings operational view.
   Configures settings layout cards, profile avatars, and form elements.
*/

/* Core container wrapping the settings page */
.provider-settings-shell[b-65pip9e7w7] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Header section label */
.page-header-section[b-65pip9e7w7] {
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 16px;
}

.page-title[b-65pip9e7w7] {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    letter-spacing: -0.5px;
}

.page-subtitle[b-65pip9e7w7] {
    font-size: 14px;
    color: #64748b;
    margin: 4px 0 0 0;
}

/* Settings card grid layout */
.settings-grid[b-65pip9e7w7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
}

/* Single settings block card container */
.settings-card[b-65pip9e7w7] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
}

.settings-card h2[b-65pip9e7w7] {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 16px 0;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 8px;
}

/* Profile details container row inside settings card */
.profile-details-row[b-65pip9e7w7] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.avatar-ring[b-65pip9e7w7] {
    width: 60px;
    height: 60px;
    background-color: #eff6ff;
    color: #1d4ed8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    border: 2px solid #bfdbfe;
}

.profile-details-row h3[b-65pip9e7w7] {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
}

.role-text[b-65pip9e7w7] {
    margin: 4px 0 0 0;
    font-size: 13px;
    color: #3b82f6;
    font-weight: 700;
}

/* Metadata field layouts */
.profile-info-grid[b-65pip9e7w7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.info-field[b-65pip9e7w7] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-field span[b-65pip9e7w7] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #94a3b8;
}

.info-field strong[b-65pip9e7w7] {
    font-size: 13px;
    color: #334155;
}

/* Checkbox form elements */
.form-checkbox-group[b-65pip9e7w7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.checkbox-line[b-65pip9e7w7] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: #334155;
    font-weight: 600;
    cursor: not-allowed;
}

.checkbox-line input[b-65pip9e7w7] {
    margin-top: 3px;
    cursor: not-allowed;
}

/* Calendly connect/reconnect status block */
.calendly-connect-row[b-65pip9e7w7] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 0;
    border-top: 1px solid #f1f5f9;
    border-bottom: 1px solid #f1f5f9;
}

.calendly-status-text[b-65pip9e7w7] {
    font-size: 13px;
    color: #334155;
    font-weight: 600;
    margin: 0;
}

.status-message[b-65pip9e7w7] {
    margin: 0;
    border-radius: 0;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    width: 100%;
    box-sizing: border-box;
}

.status-message.success[b-65pip9e7w7] {
    color: #05603a;
    background: #ecfdf3;
    border: 1px solid #abefc6;
}

.status-message.error[b-65pip9e7w7] {
    color: #b42318;
    background: #fef3f2;
    border: 1px solid #fecdca;
}
/* /Components/Pages/ProviderSignedConsentForms.razor.rz.scp.css */
/* ProviderSignedConsentForms.razor.css */

.provider-consent-shell[b-wzjzk60bo3] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-header-section[b-wzjzk60bo3] {
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 16px;
}

.page-header-row[b-wzjzk60bo3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.send-consent-toggle[b-wzjzk60bo3],
.send-consent-submit[b-wzjzk60bo3] {
    background-color: #0f172a;
    color: #ffffff;
    border: 1px solid #0f172a;
    border-radius: 0;
    padding: 10px 18px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
}

.send-consent-toggle:hover[b-wzjzk60bo3],
.send-consent-submit:hover[b-wzjzk60bo3] {
    background-color: #1e293b;
}

.send-consent-submit:disabled[b-wzjzk60bo3] {
    opacity: 0.7;
    cursor: not-allowed;
}

.send-consent-card .card-title[b-wzjzk60bo3] {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.send-consent-card .card-subtitle[b-wzjzk60bo3] {
    font-size: 13px;
    color: #64748b;
    margin: 4px 0 16px 0;
}

.send-consent-fields[b-wzjzk60bo3] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.send-consent-field[b-wzjzk60bo3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 12px;
    font-weight: 700;
    color: #475569;
}

.send-consent-field input[b-wzjzk60bo3] {
    border: 1px solid #cbd5e1;
    border-radius: 0;
    padding: 9px 12px;
    font-size: 13px;
    min-width: 200px;
    color: #0f172a;
}

.send-consent-field input:focus[b-wzjzk60bo3] {
    outline: 2px solid #1d4ed8;
    outline-offset: -1px;
}

.page-title[b-wzjzk60bo3] {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    letter-spacing: -0.5px;
}

.page-subtitle[b-wzjzk60bo3] {
    font-size: 14px;
    color: #64748b;
    margin: 4px 0 0 0;
}

.card[b-wzjzk60bo3] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
}

.table-container[b-wzjzk60bo3] {
    overflow-x: auto;
}

.consent-table[b-wzjzk60bo3] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 13px;
}

.consent-table th[b-wzjzk60bo3] {
    color: #475569;
    font-weight: 700;
    border-bottom: 2px solid #f1f5f9;
    padding: 12px 16px;
    white-space: nowrap;
}

.consent-table td[b-wzjzk60bo3] {
    padding: 14px 16px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    vertical-align: middle;
}

.font-bold[b-wzjzk60bo3] {
    font-weight: 700;
}

.text-navy[b-wzjzk60bo3] {
    color: #0f172a;
}

.claimant-link[b-wzjzk60bo3] {
    color: #0f172a;
    text-decoration: none;
}

.claimant-link:hover[b-wzjzk60bo3] {
    color: #1d4ed8;
    text-decoration: underline;
}

.truncate-cell[b-wzjzk60bo3] {
    max-width: 190px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.envelope-id[b-wzjzk60bo3] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 12px;
    color: #475569;
}

.status-pill-badge[b-wzjzk60bo3] {
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    display: inline-block;
    text-transform: uppercase;
    white-space: nowrap;
}

.badge-completed[b-wzjzk60bo3] {
    background-color: #d1fae5;
    color: #065f46;
}

.badge-sent[b-wzjzk60bo3] {
    background-color: #e0f2fe;
    color: #075985;
}

.badge-progress[b-wzjzk60bo3] {
    background-color: #fef3c7;
    color: #92400e;
}

.badge-problem[b-wzjzk60bo3] {
    background-color: #fee2e2;
    color: #991b1b;
}

.badge-default[b-wzjzk60bo3] {
    background-color: #f1f5f9;
    color: #475569;
}

.action-buttons-group[b-wzjzk60bo3] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.action-link-btn[b-wzjzk60bo3] {
    background-color: #f1f5f9;
    color: #1e293b;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 4px 10px;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    cursor: pointer;
}

.action-link-btn:hover[b-wzjzk60bo3] {
    background-color: #cbd5e1;
}

.certificate-btn[b-wzjzk60bo3] {
    background-color: #ecfdf5;
    color: #047857;
    border-color: #a7f3d0;
}

.refresh-btn[b-wzjzk60bo3] {
    background-color: #eff6ff;
    color: #1d4ed8;
    border-color: #bfdbfe;
}

.disabled-btn[b-wzjzk60bo3] {
    color: #94a3b8;
    cursor: not-allowed;
    background-color: #f8fafc;
}

.action-link-btn:disabled[b-wzjzk60bo3] {
    cursor: not-allowed;
    opacity: 0.7;
}

.loading-state[b-wzjzk60bo3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    color: #64748b;
}

.spinner[b-wzjzk60bo3] {
    width: 32px;
    height: 32px;
    border: 4px solid #cbd5e1;
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: spin-b-wzjzk60bo3 1s linear infinite;
    margin-bottom: 12px;
}

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

.alert[b-wzjzk60bo3] {
    padding: 12px 16px;
    border-radius: 0;
    font-size: 13px;
    font-weight: 600;
}

.alert-danger[b-wzjzk60bo3] {
    background-color: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.alert-success[b-wzjzk60bo3] {
    background-color: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.empty-state[b-wzjzk60bo3] {
    text-align: center;
    padding: 60px 0;
    color: #94a3b8;
}

.empty-icon[b-wzjzk60bo3] {
    font-size: 40px;
    display: block;
    margin-bottom: 12px;
}

.empty-state h3[b-wzjzk60bo3] {
    margin: 0;
    font-size: 16px;
    color: #475569;
    font-weight: 800;
}

.empty-state p[b-wzjzk60bo3] {
    margin: 8px 0 0 0;
    font-size: 14px;
}

@media (max-width: 820px) {
    .card[b-wzjzk60bo3] {
        padding: 16px;
    }

    .consent-table[b-wzjzk60bo3] {
        min-width: 980px;
    }
}

/* Filter Panel Container */
.filter-card[b-wzjzk60bo3] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    padding: 20px;
    margin-bottom: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
}

/* Filter controls wrap displaying form inputs horizontally */
.filter-grid[b-wzjzk60bo3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin-bottom: 16px;
}

/* Styling for filter dropdown select boxes and input tags */
.form-group[b-wzjzk60bo3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-group label[b-wzjzk60bo3] {
    font-size: 12px;
    font-weight: 700;
    color: #475569;
}

.form-group input[b-wzjzk60bo3], .form-group select[b-wzjzk60bo3] {
    padding: 8px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 13px;
    color: #334155;
    background-color: #ffffff;
}

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

/* Row wrapping filter reset and search button operations */
.filter-actions-row[b-wzjzk60bo3] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 12px;
}

/* Button to reset all search filters */
.filter-reset-btn[b-wzjzk60bo3] {
    background-color: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 8px 16px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
}

.filter-reset-btn:hover[b-wzjzk60bo3] {
    background-color: #e2e8f0;
}

/* Button to submit search criteria */
.filter-search-btn[b-wzjzk60bo3] {
    background-color: #0f172a;
    color: #ffffff;
    border: 1px solid #0f172a;
    border-radius: 6px;
    padding: 8px 16px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
}

.filter-search-btn:hover[b-wzjzk60bo3] {
    background-color: #1e293b;
}

/* Pagination details and controls container */
.pagination-container[b-wzjzk60bo3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
    flex-wrap: wrap;
    gap: 12px;
}

/* Pagination indicator text displaying showing records count */
.pagination-info[b-wzjzk60bo3] {
    font-size: 13px;
    color: #64748b;
}

/* Flex wrapper of page navigators */
.pagination-controls[b-wzjzk60bo3] {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Single page navigation button */
.pagination-btn[b-wzjzk60bo3] {
    background-color: #ffffff;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 6px 12px;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    min-width: 32px;
    text-align: center;
}

.pagination-btn:hover:not(:disabled)[b-wzjzk60bo3] {
    background-color: #f8fafc;
    color: #0f172a;
}

.pagination-btn.active[b-wzjzk60bo3] {
    background-color: #0f172a;
    color: #ffffff;
    border-color: #0f172a;
}

.pagination-btn:disabled[b-wzjzk60bo3] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* /Components/Pages/RequiredDocuments.razor.rz.scp.css */
/* Scoped styles for the Required Documents PDF viewer */

.required-documents-hero-card[b-kwnr2mko9v] {
    background: var(--medx-card);
    border: 1px solid #e5e7eb;
    border-radius: 0;
    box-shadow: 0 10px 25px -5px rgba(14, 34, 75, 0.05), 0 8px 10px -6px rgba(14, 34, 75, 0.05);
    padding: 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    width: 100%;
    box-sizing: border-box;
}

.required-documents-hero-content-wrap[b-kwnr2mko9v] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    flex: 1;
}

.required-documents-icon-badge[b-kwnr2mko9v] {
    background: var(--medx-blue-soft);
    color: var(--medx-blue);
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(15, 104, 220, 0.08);
}

.required-documents-icon-badge svg[b-kwnr2mko9v] {
    width: 28px;
    height: 28px;
}

.required-documents-hero-content[b-kwnr2mko9v] {
    display: flex;
    flex-direction: column;
}

.required-documents-kicker[b-kwnr2mko9v] {
    color: var(--medx-blue);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 4px;
}

.required-documents-title[b-kwnr2mko9v] {
    color: var(--medx-navy);
    font-size: 22px;
    font-weight: 800;
    margin: 0 0 6px 0;
    letter-spacing: -0.4px;
    line-height: 1.2;
}

.required-documents-title-row[b-kwnr2mko9v] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.required-documents-title-row .required-documents-title[b-kwnr2mko9v] {
    margin: 0 0 6px 0;
}

/* Small inline title icon: mobile-only, hidden on desktop where the large icon badge already appears */
.required-documents-title-icon[b-kwnr2mko9v] {
    display: none;
}

.required-documents-description[b-kwnr2mko9v] {
    color: var(--medx-muted);
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 14px 0;
}

.required-documents-meta-row[b-kwnr2mko9v] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.required-documents-meta-pill[b-kwnr2mko9v] {
    background: #f3f4f6;
    color: #4b5563;
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 1px solid #e5e7eb;
}

.required-documents-hero-actions[b-kwnr2mko9v] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-shrink: 0;
    min-width: 176px;
}

.required-documents-primary-button[b-kwnr2mko9v],
.required-documents-secondary-button[b-kwnr2mko9v] {
    font-weight: 800;
    text-decoration: none;
    height: 42px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.15s, transform 0.15s, border-color 0.15s, box-shadow 0.15s;
    font-size: 14px;
}

.required-documents-primary-button[b-kwnr2mko9v] {
    background: linear-gradient(180deg, var(--medx-blue), var(--medx-blue-dark));
    border: 1.5px solid var(--medx-blue-dark);
    color: #ffffff;
    box-shadow: 0 8px 15px rgba(15, 104, 220, 0.2);
}

.required-documents-primary-button:hover[b-kwnr2mko9v] {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(15, 104, 220, 0.26);
}

.required-documents-secondary-button[b-kwnr2mko9v] {
    background: #ffffff;
    border: 1.5px solid #d1d5db;
    color: var(--medx-navy);
}

.required-documents-secondary-button:hover[b-kwnr2mko9v] {
    background-color: #f9fafb;
    border-color: #9ca3af;
    transform: translateY(-1px);
}

.required-documents-document-viewer[b-kwnr2mko9v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
}

.required-documents-page-frame[b-kwnr2mko9v] {
    background: #ffffff;
    border: 1.5px solid #202020;
    box-shadow: 0 4px 16px rgba(14, 34, 75, 0.08);
    border-radius: 0;
    padding: 16px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.required-documents-page-image[b-kwnr2mko9v] {
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
    object-fit: contain;
}

@media (max-width: 992px) {
    .required-documents-hero-card[b-kwnr2mko9v] {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 20px;
    }

    .required-documents-hero-actions[b-kwnr2mko9v] {
        flex-direction: row;
        width: 100%;
    }

    .required-documents-hero-actions a[b-kwnr2mko9v] {
        flex: 1;
    }
}

@media (max-width: 576px) {
    .required-documents-hero-card[b-kwnr2mko9v] {
        padding-top: 1.25rem;
    }

    .required-documents-hero-content-wrap[b-kwnr2mko9v] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .required-documents-icon-badge[b-kwnr2mko9v] {
        display: none;
    }

    .required-documents-title-icon[b-kwnr2mko9v] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1rem;
        height: 1rem;
        flex: 0 0 auto;
        color: var(--medx-blue);
    }

    .required-documents-title-icon svg[b-kwnr2mko9v] {
        width: 1rem;
        height: 1rem;
    }

    .required-documents-hero-actions[b-kwnr2mko9v] {
        flex-direction: column;
        align-items: center;
    }

    .required-documents-hero-actions a[b-kwnr2mko9v] {
        width: calc(100% - 3rem);
        max-width: 320px;
    }

    .required-documents-meta-row[b-kwnr2mko9v] {
        gap: 8px;
    }

    .required-documents-page-frame[b-kwnr2mko9v] {
        padding: 8px;
        border-radius: 0;
        border-width: 1px;
    }
}
/* /Components/Pages/Resources.razor.rz.scp.css */
/* Scoped styles for resources page components */

/* Polished Resource Hero Card */
.resource-hero-card[b-l26s62hj7p] {
    background: var(--medx-card);
    border: 1px solid #e5e7eb;
    border-radius: 0;
    box-shadow: 0 10px 25px -5px rgba(14, 34, 75, 0.05), 0 8px 10px -6px rgba(14, 34, 75, 0.05);
    padding: 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    width: 100%;
    box-sizing: border-box;
}

.resource-hero-content-wrap[b-l26s62hj7p] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    flex: 1;
}

/* Document/PDF Icon Badge */
.resource-icon-badge[b-l26s62hj7p] {
    background: var(--medx-blue-soft);
    color: var(--medx-blue);
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(15, 104, 220, 0.08);
}

.resource-icon-badge svg[b-l26s62hj7p] {
    width: 28px;
    height: 28px;
}

.resource-hero-content[b-l26s62hj7p] {
    display: flex;
    flex-direction: column;
}

.resource-kicker[b-l26s62hj7p] {
    color: var(--medx-blue);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 4px;
}

.resource-title[b-l26s62hj7p] {
    color: var(--medx-navy);
    font-size: 22px;
    font-weight: 800;
    margin: 0 0 6px 0;
    letter-spacing: -0.4px;
    line-height: 1.2;
}

.resource-title-row[b-l26s62hj7p] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.resource-title-row .resource-title[b-l26s62hj7p] {
    margin: 0 0 6px 0;
}

/* Small inline title icon: mobile-only, hidden on desktop where the large icon badge already appears */
.resource-title-icon[b-l26s62hj7p] {
    display: none;
}

.resource-description[b-l26s62hj7p] {
    color: var(--medx-muted);
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 14px 0;
}

/* Metadata Row */
.resource-meta-row[b-l26s62hj7p] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.resource-meta-pill[b-l26s62hj7p] {
    background: #f3f4f6;
    color: #4b5563;
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 1px solid #e5e7eb;
}

/* Action Buttons */
.resource-hero-actions[b-l26s62hj7p] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-shrink: 0;
    min-width: 176px;
}

.resource-primary-button[b-l26s62hj7p] {
    background: linear-gradient(180deg, var(--medx-blue), var(--medx-blue-dark));
    border: 1.5px solid var(--medx-blue-dark);
    color: #ffffff;
    font-weight: 800;
    text-decoration: none;
    height: 42px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 8px 15px rgba(15, 104, 220, 0.2);
    transition: transform 0.15s, box-shadow 0.15s;
    font-size: 14px;
}

.resource-primary-button:hover[b-l26s62hj7p] {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(15, 104, 220, 0.26);
}

.resource-secondary-button[b-l26s62hj7p] {
    background: #ffffff;
    border: 1.5px solid #d1d5db;
    color: var(--medx-navy);
    font-weight: 800;
    text-decoration: none;
    height: 42px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.15s, transform 0.15s, border-color 0.15s;
    font-size: 14px;
}

.resource-secondary-button:hover[b-l26s62hj7p] {
    background-color: #f9fafb;
    border-color: #9ca3af;
    transform: translateY(-1px);
}

/* Document Page Image Viewer */
.resource-document-viewer[b-l26s62hj7p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
}

.resource-page-frame[b-l26s62hj7p] {
    background: #ffffff;
    border: 1.5px solid #202020;
    box-shadow: 0 4px 16px rgba(14, 34, 75, 0.08);
    border-radius: 0;
    padding: 16px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.resource-page-image[b-l26s62hj7p] {
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
    object-fit: contain;
}

/* Responsiveness breakpoints */
@media (max-width: 992px) {
    .resource-hero-card[b-l26s62hj7p] {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 20px;
    }
    
    .resource-hero-actions[b-l26s62hj7p] {
        flex-direction: row;
        width: 100%;
    }
    
    .resource-hero-actions a[b-l26s62hj7p] {
        flex: 1;
    }
}



@media (max-width: 576px) {
    .resource-hero-card[b-l26s62hj7p] {
        padding-top: 1.25rem;
    }

    .resource-hero-content-wrap[b-l26s62hj7p] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .resource-icon-badge[b-l26s62hj7p] {
        display: none;
    }

    .resource-title-icon[b-l26s62hj7p] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1rem;
        height: 1rem;
        flex: 0 0 auto;
        color: var(--medx-blue);
    }

    .resource-title-icon svg[b-l26s62hj7p] {
        width: 1rem;
        height: 1rem;
    }

    .resource-hero-actions[b-l26s62hj7p] {
        flex-direction: column;
        align-items: center;
    }

    .resource-hero-actions a[b-l26s62hj7p] {
        width: calc(100% - 3rem);
        max-width: 320px;
    }
    
    .resource-meta-row[b-l26s62hj7p] {
        gap: 8px;
    }

    .resource-page-frame[b-l26s62hj7p] {
        padding: 8px;
        border-radius: 0;
        border-width: 1px;
    }
}
/* /Components/Pages/UploadRecords.razor.rz.scp.css */
/* Read-only MedEx Reference Number field (Patient.ReferenceNumber) */
.field-readonly[b-ttts84jowo] {
    background-color: #f1f5f9;
    color: var(--medx-muted);
    cursor: not-allowed;
}

/* HIPAA Notice review modal, mirroring ProviderClaimantDetail.razor's delete-modal-backdrop/card pattern */
.hipaa-review-instructions[b-ttts84jowo] {
    margin: 0 0 10px 0;
    font-size: 13px;
    color: var(--medx-muted);
}

.hipaa-review-btn[b-ttts84jowo] {
    margin-bottom: 14px;
}

.hipaa-modal-backdrop[b-ttts84jowo] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.55);
    padding: 20px;
}

.hipaa-modal-card[b-ttts84jowo] {
    width: min(720px, 100%);
    max-height: min(85vh, 900px);
    display: flex;
    flex-direction: column;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
    padding: 24px;
}

.hipaa-modal-content[b-ttts84jowo] {
    overflow-y: auto;
    padding-right: 8px;
}

.hipaa-modal-actions[b-ttts84jowo] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--medx-border);
}

/* Guidance grid layout using Bootstrap columns */
.guidance-grid[b-ttts84jowo] {
    margin-bottom: 24px;
}

.guidance-card[b-ttts84jowo] {
    background: var(--medx-card);
    border: 1px solid var(--medx-border);
    border-radius: 0;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(14, 34, 75, 0.04);
}

.upload-help-text[b-ttts84jowo] {
    margin-top: 8px;
    color: var(--medx-navy);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
}

.upload-error[b-ttts84jowo] {
    margin-top: 1rem;
    padding: 12px 14px;
    border: 1px solid #fca5a5;
    border-radius: 0;
    background: #fef2f2;
    color: #b91c1c;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
}

.upload-error ul[b-ttts84jowo] {
    margin: 0;
    padding-left: 18px;
}

.selected-files-list[b-ttts84jowo] {
    margin-top: 1.5rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    background: #fff;
    text-align: left;
}

.selected-files-list h3[b-ttts84jowo] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 0.75rem;
    color: #101a37;
    font-size: 14px;
    font-weight: 800;
}

.selected-files-list h3 svg[b-ttts84jowo] {
    width: 16px;
    height: 16px;
    color: #2563eb;
    flex-shrink: 0;
}

.selected-files-list ul[b-ttts84jowo] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.staged-file-item[b-ttts84jowo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    background: #f8fafc;
    color: #334155;
    font-size: 13px;
}

.staged-file-item + .staged-file-item[b-ttts84jowo] {
    margin-top: 8px;
}

.staged-file-details[b-ttts84jowo] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1;
}

.staged-file-icon[b-ttts84jowo] {
    width: 16px;
    height: 16px;
    color: #64748b;
    flex-shrink: 0;
}

.staged-file-text[b-ttts84jowo] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.staged-file-name[b-ttts84jowo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1e293b;
    font-weight: 800;
}

.staged-file-meta[b-ttts84jowo] {
    overflow-wrap: anywhere;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.staged-file-status[b-ttts84jowo] {
    flex-shrink: 0;
    padding: 2px 7px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.staged-file-status.ready[b-ttts84jowo] {
    border: 1px solid #a7f3d0;
    background: #ecfdf5;
    color: #047857;
}

.staged-file-status.uploading[b-ttts84jowo] {
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.staged-file-status.uploaded[b-ttts84jowo] {
    border: 1px solid #86efac;
    background: #f0fdf4;
    color: #15803d;
}

.staged-file-status.rejected[b-ttts84jowo] {
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.staged-file-remove[b-ttts84jowo] {
    flex-shrink: 0;
    border: 0;
    background: transparent;
    color: #dc2626;
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
}

.staged-file-remove:disabled[b-ttts84jowo] {
    color: #94a3b8;
    cursor: not-allowed;
}

@media (max-width: 640px) {
    .staged-file-item[b-ttts84jowo] {
        align-items: flex-start;
        flex-direction: column;
    }

    .staged-file-details[b-ttts84jowo] {
        width: 100%;
        align-items: flex-start;
    }

    .staged-file-status[b-ttts84jowo] {
        margin-top: 2px;
    }
}

/* History table styles */
.history-table-container[b-ttts84jowo] {
    margin-top: 16px;
    overflow-x: auto;
    border: 1px solid var(--medx-border);
    border-radius: 0;
}

.history-table[b-ttts84jowo] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    text-align: left;
}

.history-table th[b-ttts84jowo] {
    background: #f8fafc;
    border-bottom: 2px solid var(--medx-border);
    padding: 12px 16px;
    font-weight: 700;
    color: var(--medx-navy);
}

.history-table td[b-ttts84jowo] {
    border-bottom: 1px solid var(--medx-border);
    padding: 12px 16px;
    color: var(--medx-text);
}

.history-table tr:last-child td[b-ttts84jowo] {
    border-bottom: none;
}

.history-table tr:hover[b-ttts84jowo] {
    background: #f8fafc;
}