/* /Components/layouts/MainLayout.razor.rz.scp.css */
.page[b-vejeadm51e] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

.sidebar[b-vejeadm51e] {
    background-color: #ffffff;
    border-right: 1px solid #e2e8f0;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.02);
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease, box-shadow 0.3s ease;
}

.sidebar.collapsed[b-vejeadm51e] {
    margin-left: -250px;
    border-right: none;
    box-shadow: none;
    overflow: hidden;
}

.toggle-sidebar-btn[b-vejeadm51e] {
    position: fixed;
    top: 12px;
    left: 206px;
    z-index: 1050;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    color: #475569;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s ease, background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s;
    outline: none;
    padding: 0;
}

.toggle-sidebar-btn:hover[b-vejeadm51e] {
    background-color: #f8fafc;
    border-color: #cbd5e1;
    color: #257a9f;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.toggle-sidebar-btn.collapsed[b-vejeadm51e] {
    left: 12px;
}

@media (max-width: 640.98px) {
    .toggle-sidebar-btn[b-vejeadm51e] {
        display: none !important;
    }
}

.top-row[b-vejeadm51e] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

    .top-row[b-vejeadm51e]  a:hover, .top-row[b-vejeadm51e]  .btn-link:hover {
        text-decoration: underline;
    }

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

@media (max-width: 640.98px) {
    .top-row[b-vejeadm51e] {
        justify-content: space-between;
    }

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

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

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

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

    .top-row.auth[b-vejeadm51e]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-vejeadm51e], article[b-vejeadm51e] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-vejeadm51e] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-vejeadm51e] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* Modern light theme layout styles */
.init-container[b-vejeadm51e] {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    color: #1e293b;
    font-family: 'Cairo', sans-serif;
}

.init-spinner[b-vejeadm51e] {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(37, 122, 159, 0.1);
    border-top-color: #257a9f;
    border-radius: 50%;
    animation: spin-b-vejeadm51e 0.8s linear infinite;
    margin-bottom: 16px;
}

.init-text[b-vejeadm51e] {
    font-size: 15px;
    font-weight: 700;
    color: #475569;
    letter-spacing: 0.5px;
}

.guest-layout[b-vejeadm51e] {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.guest-content[b-vejeadm51e] {
    width: 100%;
    max-width: 480px;
    padding: 20px;
}

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

/* ── RTL / Arabic Layout Overrides ── */

.rtl-layout .sidebar[b-vejeadm51e] {
    border-right: none;
    border-left: 1px solid #e2e8f0;
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.02);
}

.rtl-layout .sidebar.collapsed[b-vejeadm51e] {
    margin-left: 0;
    margin-right: -250px;
}

.rtl-layout .toggle-sidebar-btn[b-vejeadm51e] {
    left: auto;
    right: 206px;
    transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s ease, background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.rtl-layout .toggle-sidebar-btn.collapsed[b-vejeadm51e] {
    left: auto;
    right: 12px;
}

/* ── Notification Bell Widget & Dropdown ── */
.notification-bell-container[b-vejeadm51e] {
    display: inline-block;
    position: relative;
}

.bell-btn[b-vejeadm51e] {
    position: relative;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    padding: 6px;
    border-radius: 50%;
    transition: background-color 0.2s, transform 0.2s;
}

.bell-btn:hover[b-vejeadm51e] {
    background-color: #f1f5f9;
    transform: scale(1.05);
}

.bell-badge[b-vejeadm51e] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ef4444;
    color: white;
    font-size: 9px;
    font-weight: 800;
    padding: 2px 5px;
    border-radius: 10px;
    line-height: 1;
    min-width: 10px;
    text-align: center;
    border: 1px solid #ffffff;
}

.notif-dropdown[b-vejeadm51e] {
    position: absolute;
    top: 100%;
    margin-top: 10px;
    width: 350px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
    z-index: 1100;
    overflow: hidden;
}

.dropdown-menu-right[b-vejeadm51e] {
    right: 0;
    left: auto;
}

.dropdown-menu-left[b-vejeadm51e] {
    left: 0;
    right: auto;
}

.notif-item[b-vejeadm51e] {
    transition: background-color 0.2s;
}

.notif-item:hover[b-vejeadm51e] {
    background-color: #f8fafc !important;
}

.notif-item.unread[b-vejeadm51e] {
    border-left: 3px solid #257a9f;
}

.rtl-layout .notif-item.unread[b-vejeadm51e] {
    border-left: none;
    border-right: 3px solid #257a9f;
}

/* ── Floating Toast Alerts ── */
.toast-container[b-vejeadm51e] {
    pointer-events: none;
}

.custom-toast[b-vejeadm51e] {
    pointer-events: auto;
    border-left: 4px solid #257a9f !important;
    animation: slideInDown-b-vejeadm51e 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.rtl-layout .custom-toast[b-vejeadm51e] {
    border-left: 1px solid #cbd5e1 !important;
    border-right: 4px solid #257a9f !important;
}

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

/* /Components/layouts/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-2uqjrnkv1h] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: #0f172a;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.15);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2815, 23, 42, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(15, 23, 42, 0.05);
}

.navbar-toggler:checked[b-2uqjrnkv1h] {
    background-color: rgba(15, 23, 42, 0.1);
}

.top-row[b-2uqjrnkv1h] {
    min-height: 3.5rem;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
}

.navbar-brand[b-2uqjrnkv1h] {
    font-size: 1.1rem;
}

.bi[b-2uqjrnkv1h] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-2uqjrnkv1h] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23475569' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-2uqjrnkv1h]  a.active .bi-house-door-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230369a1' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-2uqjrnkv1h]  .nav-link:hover .bi-house-door-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230f172a' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-2uqjrnkv1h] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23475569' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.nav-item[b-2uqjrnkv1h]  a.active .bi-plus-square-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230369a1' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.nav-item[b-2uqjrnkv1h]  .nav-link:hover .bi-plus-square-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230f172a' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-2uqjrnkv1h] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23475569' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-2uqjrnkv1h]  a.active .bi-list-nested-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230369a1' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-2uqjrnkv1h]  .nav-link:hover .bi-list-nested-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230f172a' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-2uqjrnkv1h] {
    font-size: 0.9rem;
    padding: 0 12px;
    margin-bottom: 4px;
}

    .nav-item:first-of-type[b-2uqjrnkv1h] {
        padding-top: 12px;
    }

    .nav-item:last-of-type[b-2uqjrnkv1h] {
        padding-bottom: 12px;
    }

    .nav-item[b-2uqjrnkv1h]  .nav-link {
        color: #475569;
        background: none;
        border: none;
        border-radius: 8px;
        height: 2.8rem;
        display: flex;
        align-items: center;
        padding: 0 16px;
        width: 100%;
        transition: all 0.2s ease;
    }

.nav-item[b-2uqjrnkv1h]  a.active {
    background-color: #e0f2fe;
    color: #0369a1;
    font-weight: 700;
}

.nav-item[b-2uqjrnkv1h]  .nav-link:hover {
    background-color: #f1f5f9;
    color: #0f172a;
}

.nav-scrollable[b-2uqjrnkv1h] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-2uqjrnkv1h] {
    display: block;
}

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

    .nav-scrollable[b-2uqjrnkv1h] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

.nav-item[b-2uqjrnkv1h]  .nav-link span {
    margin-right: 8px;
    margin-left: 0;
}

[b-2uqjrnkv1h] .rtl-layout .nav-item .nav-link span {
    margin-right: 0;
    margin-left: 8px;
}
/* /Components/Pages/Billing/BillingDashboard.razor.rz.scp.css */
.billing-container[b-akrqwq6cge] {
    font-family: 'Cairo', sans-serif;
    padding: 24px;
    background: #f8fafc;
    min-height: calc(100vh - 60px);
}
.header-section[b-akrqwq6cge] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.header-title[b-akrqwq6cge] {
    font-size: 24px;
    font-weight: 800;
    color: #1e293b;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.dashboard-tabs[b-akrqwq6cge] {
    display: flex;
    gap: 8px;
    border-bottom: 2px solid #e2e8f0;
    margin-bottom: 24px;
    padding-bottom: 2px;
}
.tab-button[b-akrqwq6cge] {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 700;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: -4px;
}
.tab-button.active[b-akrqwq6cge] {
    color: #2563eb;
    border-bottom: 2px solid #2563eb;
}
.tab-button:hover[b-akrqwq6cge] {
    color: #3b82f6;
}
.grid-container[b-akrqwq6cge] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
@media (max-width: 1024px) {
    .grid-container[b-akrqwq6cge] {
        grid-template-columns: 1fr;
    }
}
.card[b-akrqwq6cge] {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);
    padding: 24px;
    margin-bottom: 24px;
}
.card-title[b-akrqwq6cge] {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin-top: 0;
    margin-bottom: 16px;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.queue-list[b-akrqwq6cge] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 550px;
    overflow-y: auto;
}
.queue-item[b-akrqwq6cge] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    cursor: pointer;
    transition: all 0.2s ease;
}
.queue-item:hover[b-akrqwq6cge] {
    border-color: #3b82f6;
    background: #eff6ff;
}
.queue-item.selected[b-akrqwq6cge] {
    border-color: #2563eb;
    background: #dbeafe;
}
.badge[b-akrqwq6cge] {
    font-size: 11px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 9999px;
}
.badge-pending[b-akrqwq6cge] {
    background: #fef3c7;
    color: #d97706;
}
.badge-paid[b-akrqwq6cge] {
    background: #dcfce7;
    color: #15803d;
}
.badge-deposit[b-akrqwq6cge] {
    background: #f3e8ff;
    color: #7e22ce;
}
.details-table[b-akrqwq6cge] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 12px;
    margin-bottom: 16px;
}
.details-table th[b-akrqwq6cge], .details-table td[b-akrqwq6cge] {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
    font-size: 13px;
}
.details-table th[b-akrqwq6cge] {
    font-weight: 700;
    color: #475569;
    background: #f8fafc;
}
.summary-row[b-akrqwq6cge] {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    font-size: 14px;
    color: #475569;
}
.summary-row.total[b-akrqwq6cge] {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    border-top: 2px solid #e2e8f0;
    padding-top: 12px;
    margin-top: 12px;
}
.btn[b-akrqwq6cge] {
    background: #2563eb;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.btn:hover[b-akrqwq6cge] {
    background: #1d4ed8;
}
.btn-secondary[b-akrqwq6cge] {
    background: #64748b;
}
.btn-secondary:hover[b-akrqwq6cge] {
    background: #475569;
}
.btn-outline[b-akrqwq6cge] {
    background: transparent;
    color: #2563eb;
    border: 1px solid #2563eb;
}
.btn-outline:hover[b-akrqwq6cge] {
    background: #eff6ff;
}
.form-group[b-akrqwq6cge] {
    margin-bottom: 16px;
}
.form-group label[b-akrqwq6cge] {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 6px;
}
.form-control[b-akrqwq6cge] {
    width: 100%;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    font-size: 14px;
    font-family: 'Cairo', sans-serif;
}
.alert[b-akrqwq6cge] {
    padding: 12px;
    border-radius: 6px;
    font-size: 13px;
    margin-bottom: 16px;
}
.alert-success[b-akrqwq6cge] {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
}
.alert-danger[b-akrqwq6cge] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}
.alert-info[b-akrqwq6cge] {
    background: #e0f2fe;
    color: #0369a1;
    border: 1px solid #bae6fd;
}
.stats-grid[b-akrqwq6cge] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}
.stat-card[b-akrqwq6cge] {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    text-align: center;
}
.stat-val[b-akrqwq6cge] {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    margin: 8px 0;
}
.stat-lbl[b-akrqwq6cge] {
    font-size: 12px;
    color: #64748b;
    font-weight: 600;
}
/* Modal styles */
.modal-backdrop[b-akrqwq6cge] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(15, 23, 42, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
}
.modal-content[b-akrqwq6cge] {
    background: #ffffff;
    border-radius: 12px;
    max-width: 600px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    padding: 24px;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}
/* Receipt Styles */
.receipt-print[b-akrqwq6cge] {
    font-family: 'Courier New', Courier, monospace;
    border: 1px dashed #94a3b8;
    padding: 20px;
    color: #000;
    background: #fafaf9;
}
.receipt-header[b-akrqwq6cge] {
    text-align: center;
    margin-bottom: 20px;
}
.receipt-line[b-akrqwq6cge] {
    border-top: 1px dashed #000;
    margin: 10px 0;
}
.receipt-item[b-akrqwq6cge] {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    margin-bottom: 6px;
}
/* /Components/Pages/DeskClerkDashboard.razor.rz.scp.css */
/* CSS variables for Al Ayen medCore HIS v2.0 style guide */
.desk-clerk-body[b-74hjd79xfg] {
    background-color: var(--bg-color);
    font-family: var(--font-cairo);
    color: var(--text-color);
}

/* RTL Support */
.rtl[b-74hjd79xfg] {
    direction: rtl;
    text-align: right;
}
.ltr[b-74hjd79xfg] {
    direction: ltr;
    text-align: left;
}

/* Card design system */
.card-custom[b-74hjd79xfg] {
    background: var(--card-color);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    margin-bottom: 24px;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}
.card-custom:hover[b-74hjd79xfg] {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
}

/* Interactive Tabs */
.tab-button[b-74hjd79xfg] {
    position: relative;
    outline: none;
}
.tab-button[b-74hjd79xfg]::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    height: 3px;
    background: transparent;
    transition: background-color 0.2s ease;
}
.tab-button:hover[b-74hjd79xfg] {
    background: rgba(37, 122, 159, 0.04) !important;
    color: var(--primary-color) !important;
}
.tab-button.active-tab[b-74hjd79xfg] {
    background: var(--primary-light) !important;
    color: var(--primary-color) !important;
    border-bottom-color: var(--primary-color) !important;
}

/* Custom Buttons */
.btn-custom[b-74hjd79xfg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 700;
    font-family: var(--font-cairo);
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1.5px solid transparent;
    outline: none;
}
.btn-custom:disabled[b-74hjd79xfg] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-primary-custom[b-74hjd79xfg] {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #ffffff;
}
.btn-primary-custom:hover:not(:disabled)[b-74hjd79xfg] {
    background-color: #1a5e7b;
    border-color: #1a5e7b;
}

.btn-secondary-custom[b-74hjd79xfg] {
    background-color: #ffffff;
    border-color: #cbd5e1;
    color: #475569;
}
.btn-secondary-custom:hover:not(:disabled)[b-74hjd79xfg] {
    background-color: #f8fafc;
    color: #0f172a;
    border-color: #94a3b8;
}

/* Patient Search MPI Rows */
.patient-result-row[b-74hjd79xfg] {
    background: #ffffff;
    border: 1.5px solid var(--border-color);
    border-radius: 10px;
    transition: all 0.2s ease;
}
.patient-result-row:hover[b-74hjd79xfg] {
    border-color: var(--primary-color);
    background-color: var(--primary-light);
    transform: translateY(-1px);
}

/* Destination routing cards */
.destination-card[b-74hjd79xfg] {
    background: #ffffff;
    border: 2px solid var(--border-color);
    border-radius: 12px;
    transition: all 0.2s ease;
}
.destination-card:hover[b-74hjd79xfg] {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.1);
}
.destination-card.selected-dest[b-74hjd79xfg] {
    background: var(--primary-light);
    box-shadow: 0 4px 12px rgba(37, 122, 159, 0.15);
}

/* Forms styling */
.form-group-custom[b-74hjd79xfg] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 12px;
}
.form-label-custom[b-74hjd79xfg] {
    font-size: 12.5px;
    font-weight: 700;
    color: #475569;
}
.form-input-custom[b-74hjd79xfg] {
    background-color: #ffffff;
    border: 1.5px solid #cbd5e1;
    border-radius: 8px;
    padding: 8px 12px;
    color: var(--text-color);
    font-size: 13px;
    font-family: var(--font-cairo);
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    width: 100%;
}
.form-input-custom:focus[b-74hjd79xfg] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(37, 122, 159, 0.15);
}
.form-input-custom:disabled[b-74hjd79xfg] {
    background-color: #cbd5e133;
    cursor: not-allowed;
}

/* Table styling */
.table-container[b-74hjd79xfg] {
    overflow-x: auto;
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--border-color);
}
.table-custom[b-74hjd79xfg] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 13px;
}
.table-custom th[b-74hjd79xfg] {
    background-color: #f1f5f9;
    border-bottom: 2px solid #cbd5e1;
    padding: 12px 16px;
    color: #475569;
    font-weight: 800;
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.rtl .table-custom th[b-74hjd79xfg] {
    text-align: right;
}
.table-custom td[b-74hjd79xfg] {
    border-bottom: 1px solid #e2e8f0;
    padding: 12px 16px;
    vertical-align: middle;
}

/* Quality AACI badge */
.badge-aaci[b-74hjd79xfg] {
    background-color: rgba(159, 122, 234, 0.08);
    border: 1.5px solid rgba(159, 122, 234, 0.25);
    color: #6d28d9;
    padding: 4px 8px;
    font-size: 10px;
    border-radius: 5px;
    font-weight: 800;
    text-transform: uppercase;
}

/* Keyframe Animations */
.animate__fadeIn[b-74hjd79xfg] {
    animation: fadeIn-b-74hjd79xfg 0.25s ease-out forwards;
}
.animate__fadeInDown[b-74hjd79xfg] {
    animation: fadeInDown-b-74hjd79xfg 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

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

@keyframes fadeInDown-b-74hjd79xfg {
    from { opacity: 0; transform: translate(-50%, -20px); }
    to { opacity: 1; transform: translate(-50%, 0); }
}

/* Receipt Print Area Specifics */
@media print {
    body *[b-74hjd79xfg] {
        visibility: hidden;
    }
    #print-area[b-74hjd79xfg], #print-area *[b-74hjd79xfg] {
        visibility: visible;
    }
    #print-area[b-74hjd79xfg] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
}

/* Spinners */
.spinner-sm[b-74hjd79xfg] {
    border: 3px solid rgba(37, 122, 159, 0.1);
    border-top: 3px solid var(--primary-color);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin-b-74hjd79xfg 0.8s linear infinite;
    display: inline-block;
}

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

/* Centralized Modal Layout System */
.modal-overlay[b-74hjd79xfg] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    font-family: var(--font-cairo);
    background: rgba(0, 0, 0, 0.5);
}

.modal-overlay.dark-overlay[b-74hjd79xfg] {
    background: rgba(15, 23, 42, 0.7);
}

.modal-overlay.deep-dark-overlay[b-74hjd79xfg] {
    background: rgba(0, 0, 0, 0.6);
}

.modal-card[b-74hjd79xfg] {
    background-color: var(--card-color, #ffffff);
    border: 1px solid var(--border-color, #cbd5e1);
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    width: 100%;
    overflow: hidden;
}

.modal-card.dashed-border[b-74hjd79xfg] {
    border: 2px dashed #cbd5e1;
}

.modal-header[b-74hjd79xfg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    border-bottom: 1px solid var(--border-color, #cbd5e1);
}

.modal-header.primary-header[b-74hjd79xfg] {
    background: var(--primary-color, #257a9f);
    color: #ffffff;
    border-bottom: none;
    border-radius: 12px 12px 0 0;
}

.modal-header-title[b-74hjd79xfg] {
    margin: 0;
    font-weight: 800;
}

.modal-header-close[b-74hjd79xfg] {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: inherit;
    padding: 0;
    line-height: 1;
}

.modal-body[b-74hjd79xfg] {
    padding: 24px;
    overflow-y: auto;
}

.modal-body-scroll[b-74hjd79xfg] {
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 20px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
}

.modal-footer[b-74hjd79xfg] {
    padding: 16px 24px;
    border-top: 1px solid var(--border-color, #cbd5e1);
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.modal-footer.space-between[b-74hjd79xfg] {
    justify-content: space-between;
}

.modal-btn-group[b-74hjd79xfg] {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* RTL Specific Overrides for Tables */
.rtl .table-custom[b-74hjd79xfg] {
    text-align: right !important;
}
.rtl .table-custom th[b-74hjd79xfg],
.rtl .table-custom td[b-74hjd79xfg] {
    text-align: right !important;
}

/* /Components/Pages/Doctor/DoctorDashboard.razor.rz.scp.css */
.emr-body[b-g366ct8qui] {
    padding: 20px;
    background: #f8fafc;
    min-height: 100vh;
    color: #1e293b;
    font-family: 'Outfit', 'Inter', sans-serif;
}
.emr-page-header[b-g366ct8qui] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(12px);
    padding: 16px 24px;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.emr-page-header h2[b-g366ct8qui] {
    margin: 0;
    color: #0f172a;
    font-size: 22px;
    font-weight: 800;
}
.header-subtitle[b-g366ct8qui] {
    margin: 4px 0 0 0;
    color: #475569;
    font-size: 12px;
}
.header-right[b-g366ct8qui] {
    display: flex;
    align-items: center;
    gap: 16px;
}
.user-badge[b-g366ct8qui] {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 20px;
    border: 1px solid rgba(59, 130, 246, 0.2);
}

/* Layout */
.emr-workspace-layout[b-g366ct8qui] {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 20px;
    align-items: start;
}

/* Sidebar */
.emr-sidebar[b-g366ct8qui] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Cards */
.emr-card[b-g366ct8qui] {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    overflow: hidden;
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
}
.emr-card.border-accent[b-g366ct8qui] {
    border-color: rgba(59, 130, 246, 0.3);
}
.emr-card-header[b-g366ct8qui] {
    background: #f8fafc;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding: 12px 16px;
}
.emr-card-header h4[b-g366ct8qui] {
    margin: 0;
    color: #0f172a;
    font-size: 13px;
    font-weight: 700;
}
.emr-card-body[b-g366ct8qui] {
    padding: 16px;
}
.p-0[b-g366ct8qui] {
    padding: 0;
}

/* Forms */
.form-group-custom[b-g366ct8qui] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.form-input-custom[b-g366ct8qui] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    color: #0f172a;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 13px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.form-input-custom:focus[b-g366ct8qui] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Queue List */
.queue-header-row[b-g366ct8qui] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.refresh-queue-btn[b-g366ct8qui] {
    background: none;
    border: none;
    color: #2563eb;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
}
.queue-info[b-g366ct8qui] {
    color: #64748b;
    font-size: 12px;
    text-align: center;
    padding: 24px;
}
.queue-list[b-g366ct8qui] {
    max-height: 500px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}
.queue-item[b-g366ct8qui] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    cursor: pointer;
    transition: all 0.2s ease;
}
.queue-item:hover[b-g366ct8qui] {
    background: #f8fafc;
}
.queue-item.active[b-g366ct8qui] {
    background: rgba(59, 130, 246, 0.08);
    border-left: 4px solid #3b82f6;
}
.q-number-badge[b-g366ct8qui] {
    background: #f1f5f9;
    color: #2563eb;
    font-family: monospace;
    font-size: 13px;
    font-weight: 700;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(59, 130, 246, 0.2);
}
.active .q-number-badge[b-g366ct8qui] {
    background: #3b82f6;
    color: #fff;
    border-color: #3b82f6;
}
.q-patient-details[b-g366ct8qui] {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.q-name[b-g366ct8qui] {
    font-size: 12.5px;
    font-weight: 600;
    color: #0f172a;
}
.q-name-ar[b-g366ct8qui] {
    font-size: 10.5px;
    color: #64748b;
}
.q-meta[b-g366ct8qui] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px;
}
.q-mrn[b-g366ct8qui] {
    font-size: 10px;
    color: #64748b;
    font-family: monospace;
}
.q-status-badge[b-g366ct8qui] {
    font-size: 8px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 1px 4px;
    border-radius: 4px;
}
.q-status-badge.waiting[b-g366ct8qui] {
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
}
.q-status-badge.nurseroom[b-g366ct8qui] {
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
}
.q-status-badge.examining[b-g366ct8qui] {
    background: rgba(147, 51, 234, 0.12);
    color: #7c3aed;
}

/* Main Panel Empty State */
.emr-main-panel[b-g366ct8qui] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.empty-workspace-card[b-g366ct8qui] {
    background: #ffffff;
    border: 1px dashed rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    padding: 60px 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.empty-workspace-card.border-danger[b-g366ct8qui] {
    border-color: rgba(239, 68, 68, 0.3);
}
.empty-icon[b-g366ct8qui] {
    font-size: 48px;
    margin-bottom: 16px;
    opacity: 0.8;
}
.empty-workspace-card h3[b-g366ct8qui] {
    margin: 0 0 8px 0;
    color: #0f172a;
    font-size: 18px;
}
.empty-workspace-card p[b-g366ct8qui] {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    max-width: 320px;
}
.spinner[b-g366ct8qui] {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(59, 130, 246, 0.2);
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: spin-b-g366ct8qui 0.8s linear infinite;
    margin-bottom: 16px;
}

/* Patient Banner */
.patient-banner-card[b-g366ct8qui] {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.patient-profile-pic[b-g366ct8qui] {
    font-size: 32px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 0.06);
}
.patient-info-details[b-g366ct8qui] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.patient-row-one[b-g366ct8qui] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.patient-name[b-g366ct8qui] {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}
.patient-name-ar[b-g366ct8qui] {
    font-size: 12px;
    color: #64748b;
}
.patient-row-two[b-g366ct8qui] {
    display: flex;
    gap: 16px;
}
.patient-meta[b-g366ct8qui] {
    font-size: 11px;
    color: #64748b;
}
.text-white[b-g366ct8qui] {
    color: #0f172a;
}
.patient-banner-actions[b-g366ct8qui] {
    display: flex;
    align-items: center;
}
.signed-info[b-g366ct8qui] {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
    font-size: 11px;
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 8px;
    border: 1px solid rgba(16, 185, 129, 0.2);
}
.draft-info[b-g366ct8qui] {
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
    font-size: 11px;
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 8px;
    border: 1px solid rgba(245, 158, 11, 0.2);
}
.badge[b-g366ct8qui] {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
}
.badge-urgent[b-g366ct8qui] {
    background: #ffedd5;
    color: #c2410c;
}
.badge-critical[b-g366ct8qui] {
    background: #fee2e2;
    color: #b91c1c;
}
.badge-success[b-g366ct8qui] {
    background: rgba(16, 185, 129, 0.15);
    color: #059669;
}
.badge-warning[b-g366ct8qui] {
    background: rgba(245, 158, 11, 0.15);
    color: #d97706;
}

/* Split workspace layout */
.clinical-workspace-grid[b-g366ct8qui] {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 16px;
    align-items: start;
}
.clinical-left-col[b-g366ct8qui] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.clinical-right-col[b-g366ct8qui] {
    display: flex;
    flex-direction: column;
}

/* Pain picker styling */
.pain-display-read[b-g366ct8qui] {
    display: flex;
    align-items: center;
    gap: 6px;
}
.pain-num[b-g366ct8qui] {
    font-size: 24px;
    font-weight: 800;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
}
.pain-label[b-g366ct8qui] {
    font-size: 12px;
    color: #64748b;
}
.pain-site-text[b-g366ct8qui] {
    font-size: 11px;
    background: #f1f5f9;
    padding: 2px 8px;
    border-radius: 4px;
    margin-left: auto;
}
.pain-grid[b-g366ct8qui] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 4px;
}
.pain-btn[b-g366ct8qui] {
    height: 28px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #f8fafc;
    color: #475569;
    border-radius: 4px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}
.pain-btn.active[b-g366ct8qui] {
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.pain-none[b-g366ct8qui] { color: #10b981; }
.pain-none.active[b-g366ct8qui] { background: #10b981; color: #fff; border-color: #10b981; }
.pain-mild[b-g366ct8qui] { color: #06b6d4; }
.pain-mild.active[b-g366ct8qui] { background: #06b6d4; color: #fff; border-color: #06b6d4; }
.pain-mod[b-g366ct8qui] { color: #f59e0b; }
.pain-mod.active[b-g366ct8qui] { background: #f59e0b; color: #fff; border-color: #f59e0b; }
.pain-sev[b-g366ct8qui] { color: #ef4444; }
.pain-sev.active[b-g366ct8qui] { background: #ef4444; color: #fff; border-color: #ef4444; }

.required-star[b-g366ct8qui] {
    color: #ef4444;
}

/* Workspace Tabs */
.tabs-header[b-g366ct8qui] {
    display: flex;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
    gap: 4px;
    margin-bottom: 16px;
}
.tab-btn[b-g366ct8qui] {
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    color: #64748b;
    font-size: 12.5px;
    font-weight: 700;
    padding: 10px 16px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.tab-btn:hover[b-g366ct8qui] {
    color: #0f172a;
    background: rgba(0, 0, 0, 0.02);
}
.tab-btn.active[b-g366ct8qui] {
    color: #2563eb;
    border-color: #2563eb;
}
.tab-body[b-g366ct8qui] {
    margin-bottom: 20px;
}

/* EMR Footer Bar */
.emr-action-footer[b-g366ct8qui] {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.sign-encounter-action[b-g366ct8qui] {
    display: flex;
    gap: 12px;
    align-items: center;
}
.sign-name-input[b-g366ct8qui] {
    width: 220px;
    height: 36px;
}

/* Buttons Custom */
.btn-custom[b-g366ct8qui] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-weight: 700;
    font-size: 13px;
    padding: 8px 18px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
}
.btn-primary-custom[b-g366ct8qui] {
    background: #2563eb;
    color: #fff;
}
.btn-primary-custom:hover[b-g366ct8qui] {
    background: #1d4ed8;
}
.btn-secondary-custom[b-g366ct8qui] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
}
.btn-secondary-custom:hover[b-g366ct8qui] {
    background: #e2e8f0;
}
.btn-success-custom[b-g366ct8qui] {
    background: #10b981;
    color: #fff;
}
.btn-success-custom:hover[b-g366ct8qui] {
    background: #059669;
}
.btn-success-custom:disabled[b-g366ct8qui] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Alerts */
.alert-success-emr[b-g366ct8qui] {
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.2);
    color: #059669;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
}
.alert-danger-emr[b-g366ct8qui] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
    color: #b91c1c;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
}

.mt-3[b-g366ct8qui] { margin-top: 1rem; }

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

/* ──────────────────────────────────────────────────────────────────────────
   ── Child Components Overrides for Light Theme ────────────────────────────
   ────────────────────────────────────────────────────────────────────────── */
.vitals-container[b-g366ct8qui],
.soap-container[b-g366ct8qui],
.orders-container[b-g366ct8qui],
.rx-container[b-g366ct8qui],
.history-container[b-g366ct8qui],
.dx-container[b-g366ct8qui] {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05) !important;
}

.vitals-header[b-g366ct8qui],
.soap-header[b-g366ct8qui],
.orders-header[b-g366ct8qui],
.rx-header[b-g366ct8qui],
.history-header[b-g366ct8qui],
.dx-header[b-g366ct8qui] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.vitals-header h4[b-g366ct8qui],
.soap-header h4[b-g366ct8qui],
.orders-header h4[b-g366ct8qui],
.rx-header h4[b-g366ct8qui],
.history-header h4[b-g366ct8qui],
.dx-header h4[b-g366ct8qui] {
    color: #0f172a !important;
}

.vital-card[b-g366ct8qui] {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
}
.vital-card:hover[b-g366ct8qui] {
    border-color: rgba(0, 0, 0, 0.12) !important;
}
.vital-value[b-g366ct8qui] {
    color: #0f172a !important;
}
.vital-input[b-g366ct8qui], .bp-input[b-g366ct8qui] {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}
.vital-input:focus[b-g366ct8qui], .bp-input:focus[b-g366ct8qui] {
    border-color: #3b82f6 !important;
}

.soap-textarea[b-g366ct8qui] {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}
.soap-textarea:focus[b-g366ct8qui] {
    border-color: #3b82f6 !important;
}
.soap-read-only[b-g366ct8qui] {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    color: #334155 !important;
}

.urgency-row[b-g366ct8qui] {
    background: #f8fafc !important;
}
.urgency-opt[b-g366ct8qui] {
    color: #475569 !important;
}
.test-checkbox-list[b-g366ct8qui] {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.test-checkbox-item:hover[b-g366ct8qui] {
    background: #f1f5f9 !important;
}
.test-checkbox-item.selected[b-g366ct8qui] {
    background: rgba(59, 130, 246, 0.08) !important;
}
.test-checkbox-check[b-g366ct8qui] {
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
}
.selected .test-checkbox-check[b-g366ct8qui] {
    border-color: #3b82f6 !important;
    background: #3b82f6 !important;
}
.test-name[b-g366ct8qui] {
    color: #0f172a !important;
}
.test-name-ar[b-g366ct8qui] {
    color: #64748b !important;
}
.test-cost[b-g366ct8qui] {
    color: #475569 !important;
}
.orders-summary-box[b-g366ct8qui] {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.summary-row.total[b-g366ct8qui] {
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #0f172a !important;
}

/* Prescription Workspace Overrides */
.rx-form[b-g366ct8qui] {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.rx-field label[b-g366ct8qui] {
    color: #64748b !important;
}
.rx-input[b-g366ct8qui], .rx-select[b-g366ct8qui] {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}
.rx-input:focus[b-g366ct8qui], .rx-select:focus[b-g366ct8qui] {
    border-color: #3b82f6 !important;
}
.no-meds-info[b-g366ct8qui] {
    background: #f8fafc !important;
    border: 1px dashed rgba(0, 0, 0, 0.1) !important;
    color: #64748b !important;
}
.rx-item-card[b-g366ct8qui] {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
}
.rx-card-name[b-g366ct8qui] {
    color: #0f172a !important;
}
.rx-card-name-ar[b-g366ct8qui] {
    color: #64748b !important;
}
.rx-detail[b-g366ct8qui] {
    color: #64748b !important;
}
.rx-detail-badge[b-g366ct8qui] {
    background: #e0f2fe !important;
    color: #0369a1 !important;
}
.allergy-alert-banner[b-g366ct8qui] {
    background: #fee2e2 !important;
    border-color: #fca5a5 !important;
    color: #b91c1c !important;
}
.alert-banner.error-banner[b-g366ct8qui] {
    background: #fee2e2 !important;
    border-color: #fca5a5 !important;
    color: #b91c1c !important;
}
.alert-banner.warning-banner[b-g366ct8qui] {
    background: #fef3c7 !important;
    border-color: #fcd34d !important;
    color: #92400e !important;
}

/* Diagnosis Workspace Overrides */
.dx-warning[b-g366ct8qui] {
    background: #fef3c7 !important;
    border-color: #fcd34d !important;
    color: #b45309 !important;
}
.search-input-wrapper input[b-g366ct8qui] {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}
.search-input-wrapper input:focus[b-g366ct8qui] {
    border-color: #3b82f6 !important;
}
.results-dropdown[b-g366ct8qui] {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1) !important;
}
.result-item[b-g366ct8qui] {
    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
}
.result-item:hover[b-g366ct8qui] {
    background: #f1f5f9 !important;
}
.result-en[b-g366ct8qui] {
    color: #0f172a !important;
}
.result-ar[b-g366ct8qui] {
    color: #64748b !important;
}
.dx-item[b-g366ct8qui] {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
}
.dx-code[b-g366ct8qui] {
    color: #0f172a !important;
}
.dx-en[b-g366ct8qui] {
    color: #0f172a !important;
}
.dx-ar[b-g366ct8qui] {
    color: #64748b !important;
}

/* Patient History Workspace Overrides */
.history-tab-btn[b-g366ct8qui] {
    color: #64748b !important;
}
.history-tab-btn:hover[b-g366ct8qui] {
    color: #0f172a !important;
}
.history-tab-btn.active[b-g366ct8qui] {
    color: #3b82f6 !important;
    border-color: #3b82f6 !important;
}
.history-timeline[b-g366ct8qui] {
    border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.timeline-item[b-g366ct8qui]::before {
    background: #94a3b8 !important;
}
.timeline-content[b-g366ct8qui] {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.dx-desc-en[b-g366ct8qui], .order-name[b-g366ct8qui] {
    color: #0f172a !important;
}
.dx-desc-ar[b-g366ct8qui] {
    color: #64748b !important;
}
.timeline-meta[b-g366ct8qui] {
    color: #64748b !important;
}
.vitals-table-wrapper[b-g366ct8qui] {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.vitals-table th[b-g366ct8qui] {
    background: #f8fafc !important;
    color: #475569 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.vitals-table td[b-g366ct8qui] {
    color: #334155 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;
}
.vitals-table tbody tr:hover[b-g366ct8qui] {
    background: #f1f5f9 !important;
}
.col-date[b-g366ct8qui] {
    color: #64748b !important;
}

/* Restyled Doctor / Nurse Session and Triage UI */
.role-selection-container[b-g366ct8qui] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    min-height: calc(100vh - 120px);
}
.role-selection-card[b-g366ct8qui] {
    width: 100%;
    max-width: 480px;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);
    padding: 36px;
}
.role-grid[b-g366ct8qui] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 24px;
    margin-bottom: 24px;
}
.role-card[b-g366ct8qui] {
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px 16px;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s ease;
}
.role-card:hover[b-g366ct8qui] {
    border-color: #3b82f6;
    background: rgba(59, 130, 246, 0.04);
    transform: translateY(-2px);
}
.role-card.active[b-g366ct8qui] {
    background: rgba(59, 130, 246, 0.08);
    border-color: #3b82f6;
}
.role-card.disabled[b-g366ct8qui] {
    opacity: 0.45;
    cursor: not-allowed;
    background: #f1f5f9;
    border-color: #cbd5e1;
}
.role-card.disabled:hover[b-g366ct8qui] {
    transform: none;
    background: #f1f5f9;
    border-color: #cbd5e1;
}
.role-card-icon[b-g366ct8qui] {
    font-size: 36px;
    margin-bottom: 12px;
}
.role-card-title[b-g366ct8qui] {
    font-weight: 800;
    font-size: 14px;
    color: #0f172a;
}
.role-card-desc[b-g366ct8qui] {
    font-size: 10.5px;
    color: #64748b;
    margin-top: 6px;
}

/* Consultation Timer & Header Session Controls */
.consultation-timer[b-g366ct8qui] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #fee2e2;
    border: 1px solid #fca5a5;
    color: #ef4444;
    font-weight: bold;
    font-size: 11px;
    padding: 4px 10px;
    border-radius: 6px;
}
.session-user-row[b-g366ct8qui] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.btn-end-session[b-g366ct8qui] {
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #64748b;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}
.btn-end-session:hover[b-g366ct8qui] {
    background: #fee2e2;
    color: #ef4444;
    border-color: #fca5a5;
}

/* Physical Exam UI */
.exam-summary-bar[b-g366ct8qui] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 8px 12px;
    margin-bottom: 12px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.exam-summary-tag[b-g366ct8qui] {
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    color: #2563eb;
    border-radius: 16px;
    padding: 2px 10px;
    font-size: 10.5px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.exam-summary-tag-close[b-g366ct8qui] {
    cursor: pointer;
    font-weight: bold;
    opacity: 0.7;
}
.exam-tabs-row[b-g366ct8qui] {
    display: flex;
    gap: 6px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}
.exam-tab-pill[b-g366ct8qui] {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 6px 14px;
    font-size: 11.5px;
    font-weight: bold;
    color: #475569;
    cursor: pointer;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}
.exam-tab-pill:hover[b-g366ct8qui] {
    background: #e2e8f0;
    color: #0f172a;
}
.exam-tab-pill.active[b-g366ct8qui] {
    background: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
}
.exam-tab-pill.has-findings:not(.active)[b-g366ct8qui] {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
    border-color: rgba(59, 130, 246, 0.2);
}
.exam-active-panel[b-g366ct8qui] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px;
}
.exam-panel-header[b-g366ct8qui] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}
.exam-panel-title[b-g366ct8qui] {
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
}
.btn-not-examined[b-g366ct8qui] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 3px 10px;
    font-size: 10.5px;
    color: #64748b;
    cursor: pointer;
}
.btn-not-examined.active[b-g366ct8qui] {
    background: #fee2e2;
    border-color: #fca5a5;
    color: #ef4444;
}

/* SmartList Seed Selection */
.smartlist-seeds[b-g366ct8qui] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 8px;
}
.smartlist-seed-pill[b-g366ct8qui] {
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    border-radius: 20px;
    padding: 4px 12px;
    font-size: 11px;
    cursor: pointer;
    color: #475569;
    transition: all 0.15s ease;
}
.smartlist-seed-pill:hover[b-g366ct8qui] {
    background: #e2e8f0;
    color: #0f172a;
}
.smartlist-seed-pill.selected[b-g366ct8qui] {
    background: rgba(59, 130, 246, 0.15);
    border-color: #2563eb;
    color: #2563eb;
    font-weight: bold;
}
.smartlist-search[b-g366ct8qui] {
    width: 100%;
    margin-bottom: 10px;
}

/* Quick-Load Previous Visits */
.quick-load-section[b-g366ct8qui] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}
.btn-quick-load[b-g366ct8qui] {
    background: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.2);
    color: #d97706;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 10px;
    border-radius: 6px;
    cursor: pointer;
}
.btn-quick-load:hover[b-g366ct8qui] {
    background: rgba(245, 158, 11, 0.2);
}

/* Referral Card Styling */
.referral-container[b-g366ct8qui] {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
}
.referral-form-grid[b-g366ct8qui] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 12px;
    align-items: flex-end;
}
.referral-badge[b-g366ct8qui] {
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.2);
    color: #7c3aed;
    font-size: 9px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 4px;
}

/* Nurse Room Styles */
.nurse-complaint-section[b-g366ct8qui] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 12px;
}
.nurse-grid-history[b-g366ct8qui] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

/* Vitals Warnings */
.vital-card.warning-abnormal[b-g366ct8qui] {
    border-color: #f59e0b !important;
    background: #fffbeb !important;
}
.vital-card.danger-abnormal[b-g366ct8qui] {
    border-color: #ef4444 !important;
    background: #fef2f2 !important;
    animation: pulse-red-border-b-g366ct8qui 2s infinite ease-in-out;
}
@keyframes pulse-red-border-b-g366ct8qui {
    0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
    70% { box-shadow: 0 0 0 6px rgba(239, 68, 68, 0); }
    100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

/* Central Nurse & Safety upgrades */
.safety-checkbox-row[b-g366ct8qui] {
    background: #fffbeb;
    border: 1px solid #fcd34d;
    padding: 10px 14px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s ease;
}
.safety-checkbox-row.verified[b-g366ct8qui] {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: #065f46;
}
.safety-badge[b-g366ct8qui] {
    font-size: 9px;
    background: rgba(139, 92, 246, 0.1);
    color: #7c3aed;
    border: 1px solid rgba(139, 92, 246, 0.2);
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: bold;
}
.allergy-status-banner[b-g366ct8qui] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 13px;
    margin-bottom: 16px;
}
.allergy-status-banner.urgent[b-g366ct8qui] {
    background: #fee2e2;
    border: 1px solid #fca5a5;
    color: #991b1b;
}
.allergy-status-banner.safe[b-g366ct8qui] {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
}
.bmi-calc-strip[b-g366ct8qui] {
    background: #f1f5f9;
    border-radius: 6px;
    padding: 6px 12px;
    display: flex;
    gap: 6px;
    align-items: center;
    margin-top: 8px;
    font-size: 12px;
}
.bmi-label[b-g366ct8qui] {
    color: #475569;
    font-weight: bold;
}
.bmi-value[b-g366ct8qui] {
    color: #2563eb;
    font-weight: 800;
}
.bmi-classification[b-g366ct8qui] {
    color: #64748b;
}

/* Edit pencil trigger */
.vital-edit-pencil[b-g366ct8qui] {
    cursor: pointer;
    font-size: 10px;
    color: #94a3b8;
    margin-left: 4px;
}
.vital-edit-pencil:hover[b-g366ct8qui] {
    color: #2563eb;
}

/* Flat exam cards */
.exam-system-card[b-g366ct8qui] {
    transition: all 0.25s ease;
    border: 1px solid #e2e8f0;
}
.exam-system-card.has-findings[b-g366ct8qui] {
    border-color: #3b82f6 !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.05);
}
.exam-system-card.not-examined[b-g366ct8qui] {
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
    opacity: 0.8;
}

/* Outcomes and referrals */
.btn-outcome[b-g366ct8qui] {
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    padding: 14px;
    cursor: pointer;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 13px;
    color: #475569;
    transition: all 0.2s ease;
}
.btn-outcome:hover:not(:disabled)[b-g366ct8qui] {
    border-color: #cbd5e1;
    background: #f8fafc;
}
.btn-outcome.active[b-g366ct8qui] {
    color: #0f172a;
}
.btn-outcome.active.discharged[b-g366ct8qui] { border-color: #10b981; background: rgba(16, 185, 129, 0.08); }
.btn-outcome.active.followup[b-g366ct8qui] { border-color: #06b6d4; background: rgba(6, 182, 212, 0.08); }
.btn-outcome.active.admitted[b-g366ct8qui] { border-color: #f59e0b; background: rgba(245, 158, 11, 0.08); }
.btn-outcome.active.refer[b-g366ct8qui] { border-color: #7c3aed; background: rgba(139, 92, 246, 0.08); }

.outcome-icon[b-g366ct8qui] {
    font-size: 18px;
}

/* Sign validations */
.signature-validation-container[b-g366ct8qui] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px;
    background: #fff5f5;
    border: 1px solid #fed7d7;
    border-radius: 8px;
}
.validation-warning[b-g366ct8qui] {
    font-size: 11px;
    color: #c53030;
    font-weight: 600;
}

/* End Session Modal */
.modal-backdrop-custom[b-g366ct8qui] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.modal-card-custom[b-g366ct8qui] {
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    padding: 32px;
    width: 100%;
    max-width: 400px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.modal-icon-custom[b-g366ct8qui] {
    font-size: 44px;
    color: #ef4444;
}
.modal-title-custom[b-g366ct8qui] {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}
.modal-desc-custom[b-g366ct8qui] {
    font-size: 13px;
    color: #64748b;
    margin: 0;
    line-height: 1.5;
}
.modal-actions-custom[b-g366ct8qui] {
    display: flex;
    gap: 12px;
    width: 100%;
    margin-top: 8px;
}
.modal-actions-custom .btn-custom[b-g366ct8qui] {
    flex: 1;
}
.btn-danger-custom[b-g366ct8qui] {
    background: #ef4444;
    color: #ffffff;
}
.btn-danger-custom:hover[b-g366ct8qui] {
    background: #dc2626;
}
/* /Components/Pages/Doctor/IpdDoctorDashboard.razor.rz.scp.css */
/* IPD Doctor Dashboard Styles */
.ipd-body[b-pjr2qcp0i8] {
    padding: 20px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    min-height: 100vh;
    color: #1e293b;
    font-family: 'Cairo', 'Inter', sans-serif;
}
.ipd-card[b-pjr2qcp0i8] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
.ipd-card-header[b-pjr2qcp0i8] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    padding: 12px 16px;
}
.ipd-card-header h4[b-pjr2qcp0i8] {
    margin: 0;
    color: #0f172a;
    font-size: 13.5px;
    font-weight: 800;
}
.ipd-card-body[b-pjr2qcp0i8] {
    padding: 16px;
}

/* Wards Navigation */
.ward-tabs-row[b-pjr2qcp0i8] {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 8px;
}
.ward-tab-btn[b-pjr2qcp0i8] {
    background: none;
    border: none;
    color: #64748b;
    font-weight: bold;
    font-size: 13px;
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s ease;
}
.ward-tab-btn:hover[b-pjr2qcp0i8] {
    color: #0f172a;
    background: #f1f5f9;
}
.ward-tab-btn.active[b-pjr2qcp0i8] {
    background: #257a9f;
    color: #ffffff;
}

/* Admitted Beds Layout */
.beds-grid[b-pjr2qcp0i8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 12px;
}
.bed-card[b-pjr2qcp0i8] {
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s ease;
}
.bed-card:hover[b-pjr2qcp0i8] {
    border-color: #257a9f;
    transform: translateY(-2px);
}
.bed-card.active[b-pjr2qcp0i8] {
    background: rgba(37, 122, 159, 0.08);
    border-color: #257a9f;
}
.bed-number[b-pjr2qcp0i8] {
    font-weight: bold;
    font-size: 15px;
    color: #0f172a;
}
.bed-pt-name[b-pjr2qcp0i8] {
    font-size: 11px;
    color: #64748b;
    margin-top: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Admitting Diagnostics & Problems */
.problems-list[b-pjr2qcp0i8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.problem-item[b-pjr2qcp0i8] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 12px;
}

/* Serial Labs results tracking */
.serial-labs-container[b-pjr2qcp0i8] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 12px;
}
.serial-lab-row[b-pjr2qcp0i8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px dashed #e2e8f0;
}
.serial-lab-row:last-child[b-pjr2qcp0i8] {
    border-bottom: none;
}
.serial-lab-val[b-pjr2qcp0i8] {
    font-family: monospace;
    font-weight: bold;
}
.serial-lab-val.critical[b-pjr2qcp0i8] {
    color: #ef4444;
    font-weight: 800;
}

/* High Alert and LASA Warnings */
.lasa-alert-box[b-pjr2qcp0i8] {
    background: #fffbeb;
    border: 1px solid #fef3c7;
    border-left: 4px solid #f59e0b;
    color: #b45309;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 11.5px;
    margin-bottom: 12px;
}
.high-alert-tag[b-pjr2qcp0i8] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.3);
    font-size: 9px;
    font-weight: bold;
    padding: 1px 5px;
    border-radius: 4px;
    text-transform: uppercase;
}

/* Pharmacist note */
.pharmacist-note-row[b-pjr2qcp0i8] {
    background: rgba(139, 92, 246, 0.08);
    border: 1px solid rgba(139, 92, 246, 0.15);
    border-left: 4px solid #7c3aed;
    color: #6d28d9;
    font-size: 11px;
    padding: 8px 12px;
    border-radius: 6px;
    margin-top: 6px;
}

/* Multi-Signature timeline badges */
.sig-chain-container[b-pjr2qcp0i8] {
    display: flex;
    gap: 16px;
    margin-top: 14px;
    border-top: 1px solid #e2e8f0;
    padding-top: 12px;
}
.sig-step[b-pjr2qcp0i8] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #64748b;
}
.sig-step.signed[b-pjr2qcp0i8] {
    color: #22c55e;
    font-weight: bold;
}

/* Discharge conditions */
.discharge-checklist[b-pjr2qcp0i8] {
    background: #fdf2f2;
    border: 1px solid #fde2e2;
    border-radius: 8px;
    padding: 12px;
    margin-top: 12px;
}
.discharge-code-picker[b-pjr2qcp0i8] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin-top: 8px;
}
.discharge-code-btn[b-pjr2qcp0i8] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 6px 10px;
    font-size: 11px;
    border-radius: 4px;
    cursor: pointer;
    text-align: left;
}
.discharge-code-btn.active[b-pjr2qcp0i8] {
    background: #257a9f;
    color: #ffffff;
    border-color: #257a9f;
}
/* /Components/Pages/Emergency/EmergencyDashboard.razor.rz.scp.css */
/* Emergency Department Dashboard Styles — Light Theme */
.ed-body[b-9z23r3wusj] {
    padding: 20px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    min-height: 100vh;
    color: #1e293b;
    font-family: 'Cairo', 'Inter', sans-serif;
}
.ed-card[b-9z23r3wusj] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
.ed-card-header[b-9z23r3wusj] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    padding: 12px 16px;
}
.ed-card-header h4[b-9z23r3wusj] {
    margin: 0;
    color: #257a9f;
    font-size: 14px;
    font-weight: 800;
}
.ed-card-body[b-9z23r3wusj] {
    padding: 16px;
}

/* Page Header */
.ed-page-header[b-9z23r3wusj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #cbd5e1;
    backdrop-filter: blur(12px);
    padding: 16px 24px;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.ed-page-header h2[b-9z23r3wusj] {
    margin: 0;
    color: #0f172a;
    font-size: 22px;
    font-weight: 900;
}
.ed-header-subtitle[b-9z23r3wusj] {
    margin: 4px 0 0 0;
    color: #64748b;
    font-size: 12px;
}
.btn-red-session[b-9z23r3wusj] {
    background: #ef4444;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 6px 14px;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px;
    transition: background 0.2s ease;
}
.btn-red-session:hover[b-9z23r3wusj] {
    background: #dc2626;
}

/* Fast-Track Check-In Modal / Box */
.fast-track-panel[b-9z23r3wusj] {
    background: #f8fafc;
    border: 1px dashed #257a9f;
    border-radius: 8px;
    padding: 14px;
    margin-bottom: 16px;
}
.fast-track-title[b-9z23r3wusj] {
    color: #257a9f;
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.fast-track-grid[b-9z23r3wusj] {
    display: grid;
    grid-template-columns: repeat(4, 1fr) auto;
    gap: 10px;
    align-items: flex-end;
}

/* Patient Queue Item with ESI highlight */
.ed-queue-item[b-9z23r3wusj] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid #e2e8f0;
    cursor: pointer;
    background: #ffffff;
    border-left: 5px solid #64748b;
    transition: all 0.2s ease;
}
.ed-queue-item:hover[b-9z23r3wusj] {
    background: #f8fafc;
}
.ed-queue-item.active[b-9z23r3wusj] {
    background: #f1f5f9;
}
.ed-queue-item.esi-1[b-9z23r3wusj] { border-left-color: #ef4444; }
.ed-queue-item.esi-2[b-9z23r3wusj] { border-left-color: #f97316; }
.ed-queue-item.esi-3[b-9z23r3wusj] { border-left-color: #eab308; }
.ed-queue-item.esi-4[b-9z23r3wusj] { border-left-color: #22c55e; }
.ed-queue-item.esi-5[b-9z23r3wusj] { border-left-color: #3b82f6; }

/* ESI Badge Display */
.esi-badge-large[b-9z23r3wusj] {
    font-size: 16px;
    font-weight: 900;
    padding: 6px 16px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}
.esi-1[b-9z23r3wusj] { background: rgba(239, 68, 68, 0.1); color: #dc2626; border: 1px solid #fca5a5; }
.esi-2[b-9z23r3wusj] { background: rgba(249, 115, 22, 0.1); color: #ea580c; border: 1px solid #fdbb2f; }
.esi-3[b-9z23r3wusj] { background: rgba(234, 179, 8, 0.1); color: #ca8a04; border: 1px solid #fef08a; }
.esi-4[b-9z23r3wusj] { background: rgba(34, 197, 94, 0.1); color: #16a34a; border: 1px solid #bbf7d0; }
.esi-5[b-9z23r3wusj] { background: rgba(59, 130, 246, 0.1); color: #2563eb; border: 1px solid #bfdbfe; }

/* Real-Time KPI Wait-Time Badge */
.kpi-wait-time[b-9z23r3wusj] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
    color: #dc2626;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: bold;
}

/* Triage Selection ESI Grid */
.triage-esi-selector[b-9z23r3wusj] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    margin-bottom: 16px;
}
.esi-select-btn[b-9z23r3wusj] {
    padding: 12px 6px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 800;
    text-align: center;
    border: 2px solid transparent;
    font-size: 11px;
    transition: all 0.15s ease;
}
.esi-select-btn:hover[b-9z23r3wusj] {
    transform: translateY(-2px);
}
.esi-select-btn.active.esi-1[b-9z23r3wusj] { background: #ef4444; color: white; border-color: #ffffff; }
.esi-select-btn.active.esi-2[b-9z23r3wusj] { background: #f97316; color: white; border-color: #ffffff; }
.esi-select-btn.active.esi-3[b-9z23r3wusj] { background: #eab308; color: white; border-color: #ffffff; }
.esi-select-btn.active.esi-4[b-9z23r3wusj] { background: #22c55e; color: white; border-color: #ffffff; }
.esi-select-btn.active.esi-5[b-9z23r3wusj] { background: #3b82f6; color: white; border-color: #ffffff; }

/* Grid Orders selection in Physician screen */
.physician-orders-section[b-9z23r3wusj] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    margin-top: 16px;
}
.order-checkbox-grid[b-9z23r3wusj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 12px;
}
.order-checkbox-item[b-9z23r3wusj] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    transition: all 0.15s ease;
    color: #334155;
}
.order-checkbox-item:hover[b-9z23r3wusj] {
    background: #f1f5f9;
}
.order-checkbox-item.selected[b-9z23r3wusj] {
    background: rgba(37, 122, 159, 0.1);
    border-color: #257a9f;
    color: #257a9f;
}

/* Charge Capture Summary */
.bill-summary-card[b-9z23r3wusj] {
    background: rgba(37, 122, 159, 0.05);
    border: 1px solid rgba(37, 122, 159, 0.2);
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bill-total-text[b-9z23r3wusj] {
    font-size: 18px;
    font-weight: bold;
    color: #257a9f;
}

/* Disposition Box styling */
.dispo-card[b-9z23r3wusj] {
    border: 1px solid #e2e8f0;
    background: #ffffff;
    border-radius: 8px;
    padding: 14px;
    margin-top: 16px;
}
.dispo-tabs[b-9z23r3wusj] {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}
.dispo-tab[b-9z23r3wusj] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #64748b;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    transition: all 0.2s ease;
}
.dispo-tab:hover[b-9z23r3wusj] {
    background: #f1f5f9;
    color: #334155;
}
.dispo-tab.active[b-9z23r3wusj] {
    background: #257a9f;
    color: white;
    border-color: #257a9f;
}
.ward-bed-select[b-9z23r3wusj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 10px;
}

/* ESI Selector custom button colors */
.esi-select-btn.esi-1[b-9z23r3wusj] { background: rgba(239, 68, 68, 0.1); color: #dc2626; border: 1.5px solid rgba(239, 68, 68, 0.2); }
.esi-select-btn.esi-1.active[b-9z23r3wusj] { background: #ef4444; color: white; border-color: #ef4444; }
.esi-select-btn.esi-2[b-9z23r3wusj] { background: rgba(249, 115, 22, 0.1); color: #ea580c; border: 1.5px solid rgba(249, 115, 22, 0.2); }
.esi-select-btn.esi-2.active[b-9z23r3wusj] { background: #f97316; color: white; border-color: #f97316; }
.esi-select-btn.esi-3[b-9z23r3wusj] { background: rgba(234, 179, 8, 0.1); color: #ca8a04; border: 1.5px solid rgba(234, 179, 8, 0.2); }
.esi-select-btn.esi-3.active[b-9z23r3wusj] { background: #eab308; color: white; border-color: #eab308; }
.esi-select-btn.esi-4[b-9z23r3wusj] { background: rgba(34, 197, 94, 0.1); color: #16a34a; border: 1.5px solid rgba(34, 197, 94, 0.2); }
.esi-select-btn.esi-4.active[b-9z23r3wusj] { background: #22c55e; color: white; border-color: #22c55e; }
.esi-select-btn.esi-5[b-9z23r3wusj] { background: rgba(59, 130, 246, 0.1); color: #2563eb; border: 1.5px solid rgba(59, 130, 246, 0.2); }
.esi-select-btn.esi-5.active[b-9z23r3wusj] { background: #3b82f6; color: white; border-color: #3b82f6; }

/* Pain score grid & buttons */
.pain-grid[b-9z23r3wusj] {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    gap: 4px;
}
.pain-btn[b-9z23r3wusj] {
    height: 32px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #f8fafc;
    color: #475569;
    border-radius: 4px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}
.pain-btn:hover[b-9z23r3wusj] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.pain-btn.active[b-9z23r3wusj] {
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.pain-none[b-9z23r3wusj] { color: #10b981; }
.pain-none.active[b-9z23r3wusj] { background: #10b981; color: #fff; border-color: #10b981; }
.pain-mild[b-9z23r3wusj] { color: #06b6d4; }
.pain-mild.active[b-9z23r3wusj] { background: #06b6d4; color: #fff; border-color: #06b6d4; }
.pain-mod[b-9z23r3wusj] { color: #f59e0b; }
.pain-mod.active[b-9z23r3wusj] { background: #f59e0b; color: #fff; border-color: #f59e0b; }
.pain-sev[b-9z23r3wusj] { color: #ef4444; }
.pain-sev.active[b-9z23r3wusj] { background: #ef4444; color: #fff; border-color: #ef4444; }

.required-star[b-9z23r3wusj] {
    color: #ef4444;
}

/* Layout */
.emr-workspace-layout[b-9z23r3wusj] {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 20px;
    align-items: start;
}

/* Sidebar */
.emr-sidebar[b-9z23r3wusj] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Main Panel */
.emr-main-panel[b-9z23r3wusj] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Forms */
.form-group-custom[b-9z23r3wusj] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.form-input-custom[b-9z23r3wusj] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    color: #0f172a;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 13px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.form-input-custom:focus[b-9z23r3wusj] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Restyled Doctor / Nurse Session and Triage UI */
.role-selection-container[b-9z23r3wusj] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    min-height: calc(100vh - 120px);
}
.role-selection-card[b-9z23r3wusj] {
    width: 100%;
    max-width: 480px;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);
    padding: 36px;
}
.role-grid[b-9z23r3wusj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 24px;
    margin-bottom: 24px;
}
.role-card[b-9z23r3wusj] {
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px 16px;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s ease;
}
.role-card:hover[b-9z23r3wusj] {
    border-color: #3b82f6;
    background: rgba(59, 130, 246, 0.04);
    transform: translateY(-2px);
}
.role-card.active[b-9z23r3wusj] {
    background: rgba(59, 130, 246, 0.08);
    border-color: #3b82f6;
}
.role-card-icon[b-9z23r3wusj] {
    font-size: 36px;
    margin-bottom: 12px;
}
.role-card-title[b-9z23r3wusj] {
    font-weight: 800;
    font-size: 14px;
    color: #0f172a;
}
.role-card-desc[b-9z23r3wusj] {
    font-size: 10.5px;
    color: #64748b;
    margin-top: 6px;
}

/* Split workspace layout */
.clinical-workspace-grid[b-9z23r3wusj] {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 16px;
    align-items: start;
}
.clinical-left-col[b-9z23r3wusj] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.clinical-right-col[b-9z23r3wusj] {
    display: flex;
    flex-direction: column;
}

/* Modal Backdrop Overlay */
.emr-modal-backdrop[b-9z23r3wusj] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(15, 23, 42, 0.75); /* semi-transparent slate */
    backdrop-filter: blur(4px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* Modal Content Box */
.emr-modal-content[b-9z23r3wusj] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    width: 100%;
    max-width: 1200px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #cbd5e1;
}

.emr-modal-body[b-9z23r3wusj] {
    padding: 20px;
    overflow-y: auto;
    background: #f8fafc;
    flex: 1;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.modal-overlay[b-xlg3s57ggl] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 16px;
}

.action-modal[b-xlg3s57ggl] {
    max-width: 500px;
    width: 100%;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15);
    border: 1px solid #cbd5e1;
}

.action-modal-header[b-xlg3s57ggl] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.action-modal-header h3[b-xlg3s57ggl] {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.close-btn[b-xlg3s57ggl] {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #64748b;
}

.close-btn:hover[b-xlg3s57ggl] {
    color: #0f172a;
}

.action-modal-body[b-xlg3s57ggl] {
    padding: 20px;
}

.patient-quick-info[b-xlg3s57ggl] {
    background: #f8fafc;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.patient-quick-info p[b-xlg3s57ggl] {
    margin: 0;
    font-size: 13px;
    color: #475569;
}

.action-buttons-list[b-xlg3s57ggl] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.action-btn-item[b-xlg3s57ggl] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    text-align: left;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 100%;
}

.action-btn-item:hover[b-xlg3s57ggl] {
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

/* Appointments - Green */
.action-btn-appointments:hover[b-xlg3s57ggl] {
    background: #f0fdf4;
    border-color: #86efac;
}
.action-btn-appointments:hover .action-icon[b-xlg3s57ggl] {
    background: #dcfce7;
}

/* Queue - Orange */
.action-btn-queue:hover[b-xlg3s57ggl] {
    background: #fff7ed;
    border-color: #ffedd5;
}
.action-btn-queue:hover .action-icon[b-xlg3s57ggl] {
    background: #ffedd5;
}

/* Registration - Slate/Blue */
.action-btn-registration:hover[b-xlg3s57ggl] {
    background: #f8fafc;
    border-color: #cbd5e1;
}
.action-btn-registration:hover .action-icon[b-xlg3s57ggl] {
    background: #e2e8f0;
}

/* Billing - Emerald/Teal */
.action-btn-billing:hover[b-xlg3s57ggl] {
    background: #ecfdf5;
    border-color: #a7f3d0;
}
.action-btn-billing:hover .action-icon[b-xlg3s57ggl] {
    background: #d1fae5;
}

/* Clinical - Sky Blue */
.action-btn-clinical:hover[b-xlg3s57ggl] {
    background: #f0f9ff;
    border-color: #bae6fd;
}
.action-btn-clinical:hover .action-icon[b-xlg3s57ggl] {
    background: #e0f2fe;
}

/* Emergency - Red */
.action-btn-emergency:hover[b-xlg3s57ggl] {
    background: #fef2f2;
    border-color: #fecaca;
}
.action-btn-emergency:hover .action-icon[b-xlg3s57ggl] {
    background: #fee2e2;
}

/* IPD Rounds - Purple */
.action-btn-ipd:hover[b-xlg3s57ggl] {
    background: #faf5ff;
    border-color: #e9d5ff;
}
.action-btn-ipd:hover .action-icon[b-xlg3s57ggl] {
    background: #f3e8ff;
}

/* Pharmacy - Amber */
.action-btn-pharmacy:hover[b-xlg3s57ggl] {
    background: #fffbeb;
    border-color: #fde68a;
}
.action-btn-pharmacy:hover .action-icon[b-xlg3s57ggl] {
    background: #fef3c7;
}

/* Lab - Indigo */
.action-btn-lab:hover[b-xlg3s57ggl] {
    background: #eef2ff;
    border-color: #c7d2fe;
}
.action-btn-lab:hover .action-icon[b-xlg3s57ggl] {
    background: #e0e7ff;
}

.action-icon[b-xlg3s57ggl] {
    font-size: 24px;
    background: #f1f5f9;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
    transition: background-color 0.2s ease;
}

.action-text[b-xlg3s57ggl] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.action-title[b-xlg3s57ggl] {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

.action-desc[b-xlg3s57ggl] {
    font-size: 11px;
    color: #64748b;
}

.rtl-layout .action-btn-item[b-xlg3s57ggl] {
    text-align: right;
}

.horizontal-results-scroll[b-xlg3s57ggl] {
    display: flex;
    flex-direction: row;
    gap: 16px;
    overflow-x: auto;
    padding: 10px 4px 20px 4px;
    width: 100%;
    box-sizing: border-box;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

.horizontal-results-scroll .patient-result-card[b-xlg3s57ggl] {
    flex: 0 0 320px;
    scroll-snap-align: start;
}

.scrollbar-custom[b-xlg3s57ggl]::-webkit-scrollbar {
    height: 8px;
}
.scrollbar-custom[b-xlg3s57ggl]::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}
.scrollbar-custom[b-xlg3s57ggl]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
.scrollbar-custom[b-xlg3s57ggl]::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

.results-section-header[b-xlg3s57ggl] {
    font-size: 13px;
    font-weight: 800;
    color: #334155;
    margin-bottom: 12px;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.active-section-header[b-xlg3s57ggl] {
    color: #9f1239;
}
.idle-section-header[b-xlg3s57ggl] {
    color: #0369a1;
}
/* /Components/Pages/Lab/LabDashboard.razor.rz.scp.css */
.lab-container[b-8oq0809ytr] {
    font-family: 'Cairo', sans-serif;
    padding: 24px;
    background: #f8fafc;
    min-height: calc(100vh - 60px);
    color: #1e293b;
}

/* Header & Tabs */
.header-section[b-8oq0809ytr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.header-title[b-8oq0809ytr] {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}
.header-title span[b-8oq0809ytr] {
    font-size: 28px;
}
.session-info[b-8oq0809ytr] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(37, 122, 159, 0.08);
    border: 1px solid rgba(37, 122, 159, 0.2);
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #257a9f;
}
.btn-logout[b-8oq0809ytr] {
    background: #dd2827;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s;
    font-family: 'Cairo', sans-serif;
}
.btn-logout:hover[b-8oq0809ytr] {
    background: #b91c1c;
}

.dashboard-tabs[b-8oq0809ytr] {
    display: flex;
    gap: 8px;
    border-bottom: 2px solid #e2e8f0;
    margin-bottom: 24px;
    padding-bottom: 2px;
}
.tab-button[b-8oq0809ytr] {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 700;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: -4px;
    font-family: 'Cairo', sans-serif;
}
.tab-button.active[b-8oq0809ytr] {
    color: #257a9f;
    border-bottom: 2px solid #257a9f;
}
.tab-button:hover[b-8oq0809ytr] {
    color: #1b5e7d;
}

/* Grids & Panels */
.workspace-grid[b-8oq0809ytr] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 24px;
}
@media (max-width: 1024px) {
    .workspace-grid[b-8oq0809ytr] {
        grid-template-columns: 1fr;
    }
}

.sidebar-panel[b-8oq0809ytr] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.card[b-8oq0809ytr] {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);
    padding: 20px;
}
.card-header-styled[b-8oq0809ytr] {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    margin-top: 0;
    margin-bottom: 16px;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Queue List */
.queue-list[b-8oq0809ytr] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: calc(100vh - 340px);
    overflow-y: auto;
    padding-right: 4px;
}
.queue-item[b-8oq0809ytr] {
    padding: 12px 14px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}
.queue-item:hover[b-8oq0809ytr] {
    border-color: #257a9f;
    background: rgba(37, 122, 159, 0.03);
}
.queue-item.selected[b-8oq0809ytr] {
    border-color: #257a9f;
    background: rgba(37, 122, 159, 0.08);
    box-shadow: 0 0 0 1px #257a9f;
}
.patient-name-row[b-8oq0809ytr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 6px;
}
.patient-name[b-8oq0809ytr] {
    font-weight: 800;
    font-size: 14px;
    color: #1e293b;
}
.patient-meta[b-8oq0809ytr] {
    font-size: 11px;
    color: #64748b;
    font-weight: 600;
}
.test-info-row[b-8oq0809ytr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
}
.test-badge[b-8oq0809ytr] {
    font-size: 12px;
    font-weight: 800;
    color: #257a9f;
    background: rgba(37, 122, 159, 0.1);
    padding: 2px 8px;
    border-radius: 4px;
}

/* Detail Views */
.detail-header[b-8oq0809ytr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 16px;
    margin-bottom: 20px;
}
.patient-profile[b-8oq0809ytr] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    background: #f8fafc;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    margin-bottom: 20px;
}
.profile-item[b-8oq0809ytr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.profile-lbl[b-8oq0809ytr] {
    font-size: 10px;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.profile-val[b-8oq0809ytr] {
    color: #1e293b;
    font-weight: 700;
}

/* Buttons & Inputs */
.btn[b-8oq0809ytr] {
    background: #257a9f;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Cairo', sans-serif;
}
.btn:hover:not(:disabled)[b-8oq0809ytr] {
    background: #1b5e7d;
}
.btn:disabled[b-8oq0809ytr] {
    opacity: 0.5;
    cursor: not-allowed;
}
.btn-outline[b-8oq0809ytr] {
    background: transparent;
    color: #257a9f;
    border: 1px solid #257a9f;
}
.btn-outline:hover:not(:disabled)[b-8oq0809ytr] {
    background: rgba(37, 122, 159, 0.05);
}
.btn-danger[b-8oq0809ytr] {
    background: #dd2827;
}
.btn-danger:hover:not(:disabled)[b-8oq0809ytr] {
    background: #b91c1c;
}
.btn-warning[b-8oq0809ytr] {
    background: #f1951e;
}
.btn-warning:hover:not(:disabled)[b-8oq0809ytr] {
    background: #d97706;
}
.btn-success[b-8oq0809ytr] {
    background: #30be5c;
}
.btn-success:hover:not(:disabled)[b-8oq0809ytr] {
    background: #16a34a;
}

.form-group[b-8oq0809ytr] {
    margin-bottom: 16px;
}
.form-group label[b-8oq0809ytr] {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 6px;
}
.form-control[b-8oq0809ytr] {
    width: 100%;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    font-size: 14px;
    font-family: 'Cairo', sans-serif;
    color: #1e293b;
}
.form-control:focus[b-8oq0809ytr] {
    border-color: #257a9f;
    outline: none;
    box-shadow: 0 0 0 3px rgba(37, 122, 159, 0.15);
}

/* Badges & Flags */
.badge[b-8oq0809ytr] {
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    display: inline-block;
}
.badge-pending[b-8oq0809ytr] { background: #fef3c7; color: #d97706; }
.badge-received[b-8oq0809ytr] { background: #e0f2fe; color: #0369a1; }
.badge-processing[b-8oq0809ytr] { background: #fef3c7; color: #d97706; }
.badge-resulted[b-8oq0809ytr] { background: #dcfce7; color: #15803d; }
.badge-rejected[b-8oq0809ytr] { background: #fee2e2; color: #991b1b; }
.badge-stat[b-8oq0809ytr] { background: #fee2e2; color: #991b1b; animation: pulse-b-8oq0809ytr 2s infinite; }
.badge-urgent[b-8oq0809ytr] { background: #fef3c7; color: #d97706; }
.badge-routine[b-8oq0809ytr] { background: #f1f5f9; color: #475569; }

.flag-badge[b-8oq0809ytr] {
    font-size: 11px;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    min-width: 28px;
}
.flag-H[b-8oq0809ytr] { background: #ffebeb; color: #dd2827; }
.flag-L[b-8oq0809ytr] { background: #eef6ff; color: #1b7ad0; }
.flag-HH[b-8oq0809ytr] { background: #dd2827; color: #ffffff; animation: blink-b-8oq0809ytr 1s infinite alternate; }
.flag-LL[b-8oq0809ytr] { background: #1b7ad0; color: #ffffff; animation: blink-b-8oq0809ytr 1s infinite alternate; }

/* Micro Susceptibility Grid */
.susceptibility-table[b-8oq0809ytr] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 12px;
}
.susceptibility-table th[b-8oq0809ytr], .susceptibility-table td[b-8oq0809ytr] {
    padding: 8px 12px;
    border: 1px solid #e2e8f0;
    text-align: center;
    font-size: 13px;
}
.susceptibility-table th[b-8oq0809ytr] {
    background: #f8fafc;
    font-weight: 700;
}
.sir-selector[b-8oq0809ytr] {
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #cbd5e1;
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
}
.sir-S[b-8oq0809ytr] { background: #dcfce7; color: #15803d; }
.sir-I[b-8oq0809ytr] { background: #fef3c7; color: #d97706; }
.sir-R[b-8oq0809ytr] { background: #fee2e2; color: #991b1b; }

/* QC Chart View */
.qc-filters[b-8oq0809ytr] {
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
}
.chart-container[b-8oq0809ytr] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    justify-content: center;
}
.levey-jennings-svg[b-8oq0809ytr] {
    max-width: 100%;
    height: auto;
}

/* Modals */
.modal-backdrop[b-8oq0809ytr] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 23, 42, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    backdrop-filter: blur(4px);
}
.modal-content[b-8oq0809ytr] {
    background: #ffffff;
    border-radius: 12px;
    max-width: 650px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    padding: 24px;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}
.modal-header[b-8oq0809ytr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 12px;
    margin-bottom: 16px;
}
.modal-title[b-8oq0809ytr] {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}
.modal-body[b-8oq0809ytr] {
    margin-bottom: 20px;
}
.modal-footer[b-8oq0809ytr] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    border-top: 1px solid #e2e8f0;
    padding-top: 16px;
}

/* Login Step Custom */
.login-wrapper[b-8oq0809ytr] {
    min-height: calc(100vh - 120px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.login-card[b-8oq0809ytr] {
    width: 100%;
    max-width: 480px;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);
    padding: 36px;
}
.role-btn[b-8oq0809ytr] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    cursor: pointer;
    transition: all 0.15s ease;
    width: 100%;
    text-align: left;
    margin-bottom: 12px;
}
.role-btn:hover[b-8oq0809ytr] {
    border-color: #257a9f;
    background: rgba(37, 122, 159, 0.04);
}
.role-icon[b-8oq0809ytr] {
    font-size: 24px;
    background: rgba(37, 122, 159, 0.08);
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
.role-info[b-8oq0809ytr] {
    flex: 1;
}
.role-title[b-8oq0809ytr] {
    font-weight: 800;
    font-size: 15px;
    color: #1e293b;
    margin-bottom: 2px;
}
.role-desc[b-8oq0809ytr] {
    font-size: 11px;
    color: #64748b;
}

/* Keyframes */
@keyframes pulse-b-8oq0809ytr {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}
@keyframes blink-b-8oq0809ytr {
    to { background: #b91c1c; }
}
.btn-active-override[b-8oq0809ytr] {
    background: #257a9f !important;
    color: white !important;
}

/* Stepper Pipeline */
.stepper-pipeline[b-8oq0809ytr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 16px 0;
    padding: 10px 16px;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}
.stepper-step[b-8oq0809ytr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 1;
}
.stepper-bubble[b-8oq0809ytr] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #e2e8f0;
    border: 2px solid #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    z-index: 2;
    transition: all 0.2s ease;
}
.stepper-step.active .stepper-bubble[b-8oq0809ytr] {
    background: #257a9f;
    border-color: #257a9f;
    color: #ffffff;
}
.stepper-step.done .stepper-bubble[b-8oq0809ytr] {
    background: rgba(37, 122, 159, 0.15);
    border-color: #257a9f;
    color: #257a9f;
}
.stepper-line[b-8oq0809ytr] {
    position: absolute;
    top: 14px;
    left: 50%;
    right: -50%;
    height: 2px;
    background: #e2e8f0;
    z-index: 1;
}
.stepper-step.done .stepper-line[b-8oq0809ytr] {
    background: #257a9f;
}
.stepper-label[b-8oq0809ytr] {
    font-size: 9px;
    font-weight: 700;
    color: #94a3b8;
    margin-top: 4px;
    text-align: center;
}
.stepper-step.active .stepper-label[b-8oq0809ytr] {
    color: #257a9f;
}
.stepper-step.done .stepper-label[b-8oq0809ytr] {
    color: #257a9f;
}

/* Micro Pipeline */
.micro-pipeline[b-8oq0809ytr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 16px 0;
    background: #f8fafc;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}
.micro-step[b-8oq0809ytr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 1;
}
.micro-bubble[b-8oq0809ytr] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #e2e8f0;
    border: 2px solid #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #64748b;
    z-index: 2;
    transition: all 0.2s ease;
}
.micro-step.active .micro-bubble[b-8oq0809ytr] {
    background: #9f7aea;
    border-color: #9f7aea;
    color: #ffffff;
}
.micro-step.done .micro-bubble[b-8oq0809ytr] {
    background: rgba(37, 122, 159, 0.15);
    border-color: #257a9f;
    color: #257a9f;
}
.micro-line[b-8oq0809ytr] {
    position: absolute;
    top: 16px;
    left: 50%;
    right: -50%;
    height: 2px;
    background: #e2e8f0;
    z-index: 1;
}
.micro-step.done .micro-line[b-8oq0809ytr] {
    background: #257a9f;
}
.micro-label[b-8oq0809ytr] {
    font-size: 8px;
    font-weight: 700;
    color: #94a3b8;
    margin-top: 4px;
    text-align: center;
}
.micro-step.active .micro-label[b-8oq0809ytr] {
    color: #9f7aea;
}
.micro-step.done .micro-label[b-8oq0809ytr] {
    color: #257a9f;
}

/* Sub Tabs & Navigation Submenu */
.sub-tabs-bar[b-8oq0809ytr] {
    display: flex;
    gap: 8px;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 16px;
    padding-bottom: 8px;
}
.sub-tab-btn[b-8oq0809ytr] {
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 700;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Cairo', sans-serif;
    transition: all 0.15s ease;
}
.sub-tab-btn.active[b-8oq0809ytr] {
    background: rgba(37, 122, 159, 0.1);
    border-color: #257a9f;
    color: #257a9f;
}
.sub-tab-btn:hover[b-8oq0809ytr] {
    border-color: #257a9f;
    color: #257a9f;
}

/* Phlebotomy Groups */
.phleb-patient-card[b-8oq0809ytr] {
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    margin-bottom: 12px;
    overflow: hidden;
}
.phleb-patient-header[b-8oq0809ytr] {
    background: #f8fafc;
    padding: 10px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
}
.phleb-order-row[b-8oq0809ytr] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    border-bottom: 1px solid #f1f5f9;
}
.phleb-order-row:last-child[b-8oq0809ytr] {
    border-bottom: none;
}
.phleb-tube-icon[b-8oq0809ytr] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 2px solid #cbd5e1;
}

/* Blood Bank Grid */
.bb-grid-layout[b-8oq0809ytr] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 16px;
}
.bb-patient-item[b-8oq0809ytr] {
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
}
.bb-patient-item.selected[b-8oq0809ytr] {
    border-color: #dd2827;
    background: #ffffff;
}
.bb-blood-badge[b-8oq0809ytr] {
    background: rgba(221, 40, 39, 0.1);
    border: 1px solid rgba(221, 40, 39, 0.3);
    border-radius: 4px;
    padding: 2px 6px;
    color: #dd2827;
    font-weight: 800;
    font-size: 11px;
}

/* Levey-Jennings and Chart legends */
.qc-legend[b-8oq0809ytr] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    background: #f8fafc;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    font-size: 11px;
    margin-bottom: 12px;
}
.qc-legend-item[b-8oq0809ytr] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Turnaround Time Progress */
.tat-progress-bar[b-8oq0809ytr] {
    height: 6px;
    background: #e2e8f0;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 4px;
}
.tat-progress-fill[b-8oq0809ytr] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
}
/* /Components/Pages/NurseStation/NurseStation.razor.rz.scp.css */
/* ── INPATIENT WARD / NURSE STATION DASHBOARD STYLING ── */

.ns-container[b-vw6pf0ll83] {
    font-family: 'Cairo', sans-serif;
    color: #1e293b;
    background: #f8fafc;
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
}

.ns-container.rtl-layout[b-vw6pf0ll83] {
    direction: rtl;
}

/* ── SHIFT LOGIN VIEW ── */
.login-wrapper[b-vw6pf0ll83] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    flex: 1;
}

.login-card[b-vw6pf0ll83] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.01);
    border: 1px solid #e2e8f0;
    width: 100%;
    max-width: 500px;
    padding: 32px;
    box-sizing: border-box;
}

.login-header[b-vw6pf0ll83] {
    text-align: center;
    margin-bottom: 24px;
}

.login-logo[b-vw6pf0ll83] {
    font-size: 48px;
    margin-bottom: 12px;
}

.login-card h2[b-vw6pf0ll83] {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 6px 0;
}

.login-subtitle[b-vw6pf0ll83] {
    font-size: 13px;
    color: #64748b;
    margin: 0;
}

.role-group-section[b-vw6pf0ll83] {
    margin-top: 16px;
    margin-bottom: 20px;
}

.role-divider[b-vw6pf0ll83] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 6px;
}

.role-badge[b-vw6pf0ll83] {
    font-size: 11px;
    font-weight: 800;
    color: #475569;
    text-transform: uppercase;
}

.staff-options[b-vw6pf0ll83] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 240px;
    overflow-y: auto;
    padding-right: 4px;
}

.staff-card[b-vw6pf0ll83] {
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.staff-card:hover[b-vw6pf0ll83] {
    border-color: #cbd5e1;
    background: #f1f5f9;
}

.staff-card.selected[b-vw6pf0ll83] {
    background: rgba(37, 122, 159, 0.05);
    border-color: #257a9f;
}

.staff-card.selected .radio-indicator[b-vw6pf0ll83] {
    border-color: #257a9f;
    background: #257a9f;
}

.radio-indicator[b-vw6pf0ll83] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.radio-indicator .dot[b-vw6pf0ll83] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ffffff;
}

.staff-details[b-vw6pf0ll83] {
    flex: 1;
}

.staff-name[b-vw6pf0ll83] {
    font-size: 13.5px;
    font-weight: 700;
    color: #1e293b;
}

.staff-title[b-vw6pf0ll83] {
    font-size: 11px;
    color: #64748b;
    margin-top: 2px;
}

/* ── MAIN SHELL & HEADERS ── */
.workspace-shell[b-vw6pf0ll83] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.shell-header[b-vw6pf0ll83] {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    padding: 14px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.shell-brand[b-vw6pf0ll83] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.brand-logo[b-vw6pf0ll83] {
    font-size: 32px;
}

.brand-title[b-vw6pf0ll83] {
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.brand-user[b-vw6pf0ll83] {
    font-size: 12px;
    color: #64748b;
    margin: 4px 0 0 0;
}

.shell-actions[b-vw6pf0ll83] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.shell-content[b-vw6pf0ll83] {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.ns-outer-tabs[b-vw6pf0ll83] {
    display: flex;
    gap: 10px;
    border-bottom: 2px solid #cbd5e1;
    margin-bottom: 20px;
    padding-bottom: 4px;
}

.outer-tab[b-vw6pf0ll83] {
    background: none;
    border: none;
    padding: 8px 16px;
    font-size: 13.5px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Cairo', sans-serif;
    color: #64748b;
    position: relative;
    transition: all 0.15s ease;
}

.outer-tab:hover[b-vw6pf0ll83] {
    color: #0f172a;
}

.outer-tab.active[b-vw6pf0ll83] {
    color: #257a9f;
}

.outer-tab.active[b-vw6pf0ll83]::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    height: 3px;
    background: #257a9f;
    border-radius: 4px;
}

/* ── BED REGISTRY GRID ── */
.registry-controls[b-vw6pf0ll83] {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.beds-grid[b-vw6pf0ll83] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
}

.bed-card[b-vw6pf0ll83] {
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.01);
}

.bed-card:hover[b-vw6pf0ll83] {
    transform: translateY(-2px);
    border-color: #257a9f;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.bed-card.high-risk[b-vw6pf0ll83] {
    border-left: 5px solid #dd2827;
}

.bed-card-header[b-vw6pf0ll83] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bed-badge[b-vw6pf0ll83] {
    font-size: 11.5px;
    font-weight: 800;
    background: rgba(37, 122, 159, 0.1);
    color: #257a9f;
    padding: 2px 8px;
    border-radius: 4px;
}

.patient-gender[b-vw6pf0ll83] {
    font-size: 11px;
    color: #64748b;
    font-weight: 600;
}

.patient-name-block[b-vw6pf0ll83] {
    margin: 4px 0;
}

.pt-name-ar[b-vw6pf0ll83] {
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
}

.pt-name-en[b-vw6pf0ll83] {
    font-size: 11.5px;
    color: #64748b;
    margin-top: 2px;
}

.patient-mrn[b-vw6pf0ll83] {
    font-size: 11px;
    color: #64748b;
}

.patient-diagnosis-tag[b-vw6pf0ll83] {
    font-size: 11px;
    color: #475569;
    font-weight: 600;
    background: #f1f5f9;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.allergy-tag[b-vw6pf0ll83] {
    font-size: 11px;
    font-weight: 700;
    color: #dd2827;
    background: #fef2f2;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid rgba(221,40,39,0.15);
}

.patient-badges-row[b-vw6pf0ll83] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-top: auto;
}

/* ── ARRIVALS LIST ── */
.arrival-card[b-vw6pf0ll83] {
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    transition: all 0.2s ease;
}

.arrival-card:hover[b-vw6pf0ll83] {
    border-color: #cbd5e1;
    background: #f1f5f9;
}

.arrival-info[b-vw6pf0ll83] {
    flex: 1;
}

.pt-names[b-vw6pf0ll83] {
    display: flex;
    gap: 10px;
    align-items: baseline;
    margin-bottom: 6px;
}

.pt-ar[b-vw6pf0ll83] {
    font-size: 15px;
    color: #0f172a;
}

.pt-en[b-vw6pf0ll83] {
    font-size: 12px;
    color: #64748b;
}

.arrival-meta[b-vw6pf0ll83] {
    font-size: 11.5px;
    color: #64748b;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* ── COLS & CARDS ── */
.card-custom[b-vw6pf0ll83] {
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}

/* ── SHIFT HANDOFF SBAR PANEL ── */
.handoff-grid[b-vw6pf0ll83] {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 24px;
}

@media (max-width: 900px) {
    .handoff-grid[b-vw6pf0ll83] {
        grid-template-columns: 1fr;
    }
}

.handoff-log-card[b-vw6pf0ll83] {
    border-bottom: 1px solid #cbd5e1;
    padding: 14px 0;
}

.handoff-log-card:last-child[b-vw6pf0ll83] {
    border-bottom: none;
}

.log-header[b-vw6pf0ll83] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.log-time[b-vw6pf0ll83] {
    font-size: 11px;
    color: #64748b;
}

.log-nurses[b-vw6pf0ll83] {
    font-size: 12px;
    color: #1e293b;
    display: flex;
    gap: 8px;
    align-items: center;
}

.log-tasks[b-vw6pf0ll83] {
    margin-top: 6px;
    font-size: 11.5px;
    color: #475569;
    background: #f8fafc;
    padding: 6px 10px;
    border-radius: 4px;
}

/* Scoped overlay details workspace moved to global app.css to bust cache */

/* ── FLOWSHEET GRIDS & TABLES ── */
.flowsheet-grid[b-vw6pf0ll83] {
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 20px;
}

@media (max-width: 800px) {
    .flowsheet-grid[b-vw6pf0ll83] {
        grid-template-columns: 1fr;
    }
}

.flowsheet-table[b-vw6pf0ll83] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11.5px;
}

.flowsheet-table th[b-vw6pf0ll83], .flowsheet-table td[b-vw6pf0ll83] {
    border: 1px solid #e2e8f0;
    padding: 8px 10px;
    text-align: start;
}

.flowsheet-table th[b-vw6pf0ll83] {
    background: #f1f5f9;
    color: #475569;
    font-weight: 700;
}

.flowsheet-table td[b-vw6pf0ll83] {
    background: #ffffff;
}

/* ── MAR CHART STYLING ── */
.mar-layout[b-vw6pf0ll83] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 20px;
}

@media (max-width: 900px) {
    .mar-layout[b-vw6pf0ll83] {
        grid-template-columns: 1fr;
    }
}

.mar-med-card[b-vw6pf0ll83] {
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.mar-med-card h5[b-vw6pf0ll83] {
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.mar-med-card p[b-vw6pf0ll83] {
    font-size: 11px;
    color: #64748b;
    margin: 3px 0 0 0;
}

.med-times-row[b-vw6pf0ll83] {
    display: flex;
    gap: 6px;
}

.med-time-btn[b-vw6pf0ll83] {
    border: 1.5px solid #cbd5e1;
    background: #f8fafc;
    color: #475569;
    border-radius: 6px;
    width: 50px;
    height: 38px;
    font-size: 11.5px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
    font-family: 'Cairo', sans-serif;
}

.med-time-btn.given[b-vw6pf0ll83] {
    background: #ecfdf5;
    border-color: #30be5c;
    color: #30be5c;
}

.med-time-btn.withheld[b-vw6pf0ll83] {
    background: #fffbeb;
    border-color: #f1951e;
    color: #f1951e;
}

.med-time-btn.refused[b-vw6pf0ll83] {
    background: #fff5f5;
    border-color: #dd2827;
    color: #dd2827;
}

.med-time-btn.selected[b-vw6pf0ll83] {
    outline: 2px solid #257a9f;
}

.med-time-btn .btn-check[b-vw6pf0ll83] {
    font-size: 8px;
    display: block;
}

.five-rights-checklist[b-vw6pf0ll83] {
    background: rgba(159, 122, 234, 0.05);
    border: 1px solid rgba(159, 122, 234, 0.15);
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 12px;
}

.five-rights-checklist h6[b-vw6pf0ll83] {
    font-size: 11.5px;
    font-weight: 800;
    color: #9F7AEA;
    margin: 0 0 8px 0;
}

/* ── ICU DEVICES STYLING ── */
.device-monitoring-grid[b-vw6pf0ll83] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin-top: 14px;
}

.device-card-item[b-vw6pf0ll83] {
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    padding: 14px;
    text-align: center;
    transition: all 0.2s ease;
}

.device-card-item.active[b-vw6pf0ll83] {
    background: #f0fdf4;
    border-color: #30be5c;
}

.device-card-item .item-title[b-vw6pf0ll83] {
    font-size: 11.5px;
    font-weight: 700;
    color: #475569;
}

.device-card-item.active .item-title[b-vw6pf0ll83] {
    color: #16a34a;
}

.device-card-item .item-status[b-vw6pf0ll83] {
    font-size: 12px;
    font-weight: 850;
    margin: 6px 0;
    color: #64748b;
}

.device-card-item.active .item-status[b-vw6pf0ll83] {
    color: #30be5c;
}

.device-card-item .item-days[b-vw6pf0ll83] {
    font-size: 10px;
    color: #64748b;
    font-weight: 600;
}

/* ── CHECKLISTS ── */
.checklist-phase[b-vw6pf0ll83] {
    background: #f8fafc;
    border: 1.5px solid #cbd5e1;
    border-radius: 8px;
    padding: 12px;
    transition: all 0.2s ease;
}

.checklist-phase.complete[b-vw6pf0ll83] {
    background: #f0fdf4;
    border-color: #30be5c;
}

.phase-header[b-vw6pf0ll83] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    color: #1e293b;
}

.checklist-phase.complete .phase-header[b-vw6pf0ll83] {
    color: #16a34a;
}

/* ── TIMELINES ── */
.notes-timeline[b-vw6pf0ll83] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.note-timeline-item[b-vw6pf0ll83] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 12px;
}

.note-timeline-item .item-header[b-vw6pf0ll83] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.note-timeline-item .item-time[b-vw6pf0ll83] {
    font-size: 10.5px;
    color: #64748b;
}

.note-timeline-item .item-text[b-vw6pf0ll83] {
    font-size: 12px;
    line-height: 1.5;
    color: #1e293b;
}

/* ── GENERAL UTILITY ELEMENTS ── */
.form-group-custom[b-vw6pf0ll83] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

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

.form-input-custom[b-vw6pf0ll83] {
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    border: 1.5px solid #cbd5e1;
    border-radius: 6px;
    padding: 6px 12px;
    font-family: 'Cairo', sans-serif;
    font-size: 12.5px;
    background: #ffffff;
    color: #0f172a;
    outline: none;
    transition: border-color 0.15s ease;
}

.form-input-custom:focus[b-vw6pf0ll83] {
    border-color: #257a9f;
}

textarea.form-input-custom[b-vw6pf0ll83] {
    height: auto;
    resize: vertical;
}

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

.right-label[b-vw6pf0ll83] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    padding: 6px 8px;
    border-radius: 4px;
    transition: all 0.15s ease;
}

.right-label:hover[b-vw6pf0ll83] {
    background: #f1f5f9;
}

.right-label.checked[b-vw6pf0ll83] {
    background: #f0fdf4;
    color: #16a34a;
}

/* ── TOAST MESSAGES ── */
.toast-popup[b-vw6pf0ll83] {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 20px;
    border-radius: 8px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 750;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    z-index: 999;
}

.toast-popup.success[b-vw6pf0ll83] {
    background: #30be5c;
}

.toast-popup.danger[b-vw6pf0ll83] {
    background: #dd2827;
}

.aaci-alert[b-vw6pf0ll83] {
    display: flex;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 8px;
    align-items: flex-start;
}

.aaci-alert.purple[b-vw6pf0ll83] {
    background: rgba(159,122,234,0.05);
    border: 1px solid rgba(159,122,234,0.2);
    color: #9F7AEA;
}

.aaci-alert.purple strong[b-vw6pf0ll83] {
    font-size: 12px;
    display: block;
}

.aaci-alert.purple p[b-vw6pf0ll83] {
    font-size: 11px;
    color: #475569;
    margin: 2px 0 0 0;
}

/* ── CENTRALIZED MODAL SYSTEM ── */
.modal-overlay[b-vw6pf0ll83] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 16px;
}

.arrival-modal[b-vw6pf0ll83], .med-modal[b-vw6pf0ll83] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15);
    margin-bottom: 0;
    width: 100%;
}

.modal-header-custom[b-vw6pf0ll83] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1.5px solid #cbd5e1;
    padding-bottom: 12px;
    margin-bottom: 16px;
}

.modal-header-custom h3[b-vw6pf0ll83] {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: #1e293b;
}

.modal-header-custom .close-btn[b-vw6pf0ll83] {
    background: none;
    border: none;
    font-size: 24px;
    color: #64748b;
    cursor: pointer;
    line-height: 1;
    padding: 0;
}

.modal-body-custom[b-vw6pf0ll83] {
    color: #334155;
    font-size: 13px;
}

.modal-footer-custom[b-vw6pf0ll83] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 24px;
}

.arrival-patient-strip[b-vw6pf0ll83] {
    background: #f0f7fa;
    border-left: 4px solid #257a9f;
    border-radius: 6px;
    padding: 10px 14px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 12.5px;
}
/* /Components/Pages/PatientRegistration.razor.rz.scp.css */
/* CSS for PatientRegistration.razor */

.registration-success-container[b-02fr6tpqnk] {
    color: #30be5c;
    font-size: 15px;
    margin-bottom: 20px;
    padding: 12px;
    background: #30be5c1a;
    border: 1px solid #30be5c33;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.alert-danger-custom[b-02fr6tpqnk] {
    margin-bottom: 20px;
}

.profile-view-alert[b-02fr6tpqnk] {
    color: #257a9f;
    font-size: 15px;
    margin-bottom: 20px;
    padding: 12px;
    background: #257a9f1a;
    border: 1px solid #257a9f33;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.profile-view-alert-info[b-02fr6tpqnk] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-clear-profile[b-02fr6tpqnk] {
    padding: 4px 10px;
    font-size: 11px;
}

.card-header-demographics[b-02fr6tpqnk] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    padding: 16px 20px;
    font-weight: 800;
    color: #0f172a;
}

.section-content-padding-border[b-02fr6tpqnk] {
    padding: 20px;
    border-bottom: 1px solid #e2e8f0;
}

.section-subtitle-custom[b-02fr6tpqnk] {
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    color: #64748b;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
}

.form-grid-demographics[b-02fr6tpqnk] {
    padding: 0;
    margin-bottom: 24px;
}

.input-rtl[b-02fr6tpqnk] {
    direction: rtl;
    text-align: right;
}

.input-readonly[b-02fr6tpqnk] {
    background: #f1f5f9;
    color: #64748b;
    font-weight: 600;
}

.input-readonly-rtl[b-02fr6tpqnk] {
    background: #f1f5f9;
    color: #64748b;
    font-weight: 600;
    direction: rtl;
    text-align: right;
}

.section-content-padding-bg[b-02fr6tpqnk] {
    padding: 20px;
    background: #fafbfc;
}

.validation-error-msg[b-02fr6tpqnk] {
    color: #ef4444;
    font-size: 11px;
}

.checkbox-confidential[b-02fr6tpqnk] {
    width: 20px;
    height: 20px;
    accent-color: #f97316;
    cursor: pointer;
}

.checkbox-label-confidential[b-02fr6tpqnk] {
    margin-bottom: 0;
    cursor: pointer;
    font-weight: 700;
    color: #0f172a;
}

.card-footer-actions[b-02fr6tpqnk] {
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    padding: 16px 20px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.table-card-margin[b-02fr6tpqnk] {
    margin-top: 24px;
}

.card-header-table[b-02fr6tpqnk] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    padding: 16px 20px;
    font-weight: 800;
    color: #0f172a;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.badge-patients-count[b-02fr6tpqnk] {
    background: #175a781a;
    color: #175a78;
}

.table-cell-names[b-02fr6tpqnk] {
    display: flex;
    flex-direction: column;
}

.patient-name-en[b-02fr6tpqnk] {
    font-weight: 700;
    color: #0f172a;
}

.patient-name-ar[b-02fr6tpqnk] {
    font-size: 11px;
    color: #64748b;
    text-align: left;
}

.patient-confidential-placeholder[b-02fr6tpqnk] {
    font-weight: 700;
    color: #ef4444;
    font-style: italic;
}

.patient-confidential-warning[b-02fr6tpqnk] {
    font-size: 10px;
    color: #f97316;
}

.badge-confidential-status[b-02fr6tpqnk] {
    background: #f973161a;
    color: #f97316;
    border: 1px solid #f9731633;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
}

.confidential-reason-text[b-02fr6tpqnk] {
    font-size: 9px;
    color: #64748b;
    margin-top: 2px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.badge-normal-status[b-02fr6tpqnk] {
    background: #22c55e1a;
    color: #22c55e;
    border: 1px solid #22c55e33;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
}
/* /Components/Pages/Pharmacy/PharmacyDashboard.razor.rz.scp.css */
.pharmacy-container[b-aee1mrv0fr] {
    font-family: 'Cairo', sans-serif;
    padding: 24px;
    background: #f8fafc;
    min-height: calc(100vh - 60px);
}
.header-section[b-aee1mrv0fr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.header-title[b-aee1mrv0fr] {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.dashboard-tabs[b-aee1mrv0fr] {
    display: flex;
    gap: 8px;
    border-bottom: 2px solid #e2e8f0;
    margin-bottom: 24px;
    padding-bottom: 2px;
}
.tab-button[b-aee1mrv0fr] {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 700;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: -4px;
}
.tab-button.active[b-aee1mrv0fr] {
    color: #10b981;
    border-bottom: 2px solid #10b981;
}
.tab-button:hover[b-aee1mrv0fr] {
    color: #059669;
}
.grid-container[b-aee1mrv0fr] {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 24px;
}
@media (max-width: 1024px) {
    .grid-container[b-aee1mrv0fr] {
        grid-template-columns: 1fr;
    }
}
.card[b-aee1mrv0fr] {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);
    padding: 24px;
    margin-bottom: 24px;
}
.card-title[b-aee1mrv0fr] {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin-top: 0;
    margin-bottom: 16px;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.queue-list[b-aee1mrv0fr] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 550px;
    overflow-y: auto;
}
.queue-item[b-aee1mrv0fr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    cursor: pointer;
    transition: all 0.2s ease;
}
.queue-item:hover[b-aee1mrv0fr] {
    border-color: #10b981;
    background: #ecfdf5;
}
.queue-item.selected[b-aee1mrv0fr] {
    border-color: #059669;
    background: #d1fae5;
}
.badge[b-aee1mrv0fr] {
    font-size: 11px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 9999px;
    display: inline-block;
}
.badge-unpaid[b-aee1mrv0fr] {
    background: #fee2e2;
    color: #b91c1c;
}
.badge-paid[b-aee1mrv0fr] {
    background: #dcfce7;
    color: #15803d;
}
.badge-partial[b-aee1mrv0fr] {
    background: #fef3c7;
    color: #d97706;
}
.badge-ipd[b-aee1mrv0fr] {
    background: #f3e8ff;
    color: #7e22ce;
}
.badge-lasa[b-aee1mrv0fr] {
    background: #e0f2fe;
    color: #0369a1;
    border: 1px solid #bae6fd;
}
.badge-highalert[b-aee1mrv0fr] {
    background: #ffe4e6;
    color: #be123c;
    border: 1px solid #fecdd3;
}
.badge-controlled[b-aee1mrv0fr] {
    background: #fef3c7;
    color: #b45309;
    border: 1px solid #fde68a;
}
.badge-staff-badge[b-aee1mrv0fr] {
    background: #e2e8f0;
    color: #475569;
}
.alert-banner[b-aee1mrv0fr] {
    padding: 16px;
    border-radius: 8px;
    font-size: 14px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-left: 5px solid;
}
.alert-danger-banner[b-aee1mrv0fr] {
    background: #fef2f2;
    color: #991b1b;
    border-color: #dc2626;
}
.alert-warning-banner[b-aee1mrv0fr] {
    background: #fffbeb;
    color: #92400e;
    border-color: #d97706;
}
.alert-info-banner[b-aee1mrv0fr] {
    background: #eff6ff;
    color: #1e40af;
    border-color: #2563eb;
}
.meds-table[b-aee1mrv0fr] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 12px;
    margin-bottom: 16px;
}
.meds-table th[b-aee1mrv0fr], .meds-table td[b-aee1mrv0fr] {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
    font-size: 13px;
}
.meds-table th[b-aee1mrv0fr] {
    font-weight: 700;
    color: #475569;
    background: #f8fafc;
}
.btn[b-aee1mrv0fr] {
    background: #10b981;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.btn:hover:not(:disabled)[b-aee1mrv0fr] {
    background: #059669;
}
.btn:disabled[b-aee1mrv0fr] {
    background: #cbd5e1;
    color: #94a3b8;
    cursor: not-allowed;
    opacity: 0.8;
}
.btn-secondary[b-aee1mrv0fr] {
    background: #64748b;
}
.btn-secondary:hover[b-aee1mrv0fr] {
    background: #475569;
}
.btn-danger[b-aee1mrv0fr] {
    background: #ef4444;
}
.btn-danger:hover[b-aee1mrv0fr] {
    background: #dc2626;
}
.btn-outline[b-aee1mrv0fr] {
    background: transparent;
    color: #10b981;
    border: 1px solid #10b981;
}
.btn-outline:hover[b-aee1mrv0fr] {
    background: #f0fdf4;
}
.btn-switch-role[b-aee1mrv0fr] {
    color: #475569;
    border-color: #cbd5e1;
}
.btn-switch-role:hover[b-aee1mrv0fr] {
    background: #f1f5f9;
}
.checklist-container[b-aee1mrv0fr] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 20px;
}
.checklist-item[b-aee1mrv0fr] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #334155;
}
.checklist-item input[b-aee1mrv0fr] {
    width: 18px;
    height: 18px;
    accent-color: #10b981;
    cursor: pointer;
}
.form-group[b-aee1mrv0fr] {
    margin-bottom: 16px;
}
.form-group label[b-aee1mrv0fr] {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 6px;
}
.form-control[b-aee1mrv0fr] {
    width: 100%;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    font-size: 14px;
    font-family: 'Cairo', sans-serif;
    box-sizing: border-box;
}
.low-stock[b-aee1mrv0fr] {
    background: #fef2f2 !important;
    color: #dc2626;
    font-weight: 700;
}
.modal-backdrop[b-aee1mrv0fr] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(15, 23, 42, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
}
.modal-content[b-aee1mrv0fr] {
    background: #ffffff;
    border-radius: 12px;
    max-width: 650px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    padding: 24px;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

/* 2-STEP LOGIN STYLES */
.login-wrapper[b-aee1mrv0fr] {
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.login-card-container[b-aee1mrv0fr] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 16px;
    padding: 32px;
    width: 100%;
    max-width: 500px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.login-header[b-aee1mrv0fr] {
    text-align: center;
    margin-bottom: 24px;
}
.login-logo[b-aee1mrv0fr] {
    font-size: 48px;
    display: block;
    margin-bottom: 12px;
}
.login-title[b-aee1mrv0fr] {
    font-size: 22px;
    font-weight: 900;
    color: #0f172a;
    margin: 0;
}
.login-title-en[b-aee1mrv0fr] {
    font-size: 16px;
    font-weight: 700;
    color: #475569;
    margin: 4px 0 0 0;
}
.login-subtitle[b-aee1mrv0fr] {
    font-size: 12px;
    color: #64748b;
    margin: 6px 0 0 0;
}
.role-select-title[b-aee1mrv0fr] {
    font-size: 11px;
    font-weight: 800;
    color: #64748b;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 16px;
}
.role-grid[b-aee1mrv0fr] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.role-option[b-aee1mrv0fr] {
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 16px;
    transition: all 0.2s ease;
}
.role-option:hover[b-aee1mrv0fr] {
    border-color: #10b981;
    background: #f0fdf4;
}
.role-icon-box[b-aee1mrv0fr] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
}
.role-icon-box.clinical[b-aee1mrv0fr] {
    background: #f3e8ff;
    color: #7e22ce;
}
.role-icon-box.dispensing[b-aee1mrv0fr] {
    background: #ecfdf5;
    color: #059669;
}
.role-icon-box.technician[b-aee1mrv0fr] {
    background: #fffbeb;
    color: #d97706;
}
.role-details[b-aee1mrv0fr] {
    flex: 1;
}
.role-name[b-aee1mrv0fr] {
    font-size: 14px;
    font-weight: 900;
    color: #0f172a;
    margin: 0;
}
.role-name-en[b-aee1mrv0fr] {
    font-size: 12px;
    font-weight: 700;
    color: #475569;
    margin: 2px 0 0 0;
}
.role-desc[b-aee1mrv0fr] {
    font-size: 11px;
    color: #64748b;
    margin: 4px 0 0 0;
}
.role-arrow[b-aee1mrv0fr] {
    color: #cbd5e1;
    font-size: 18px;
    font-weight: bold;
}
.step-back-row[b-aee1mrv0fr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.btn-back[b-aee1mrv0fr] {
    background: transparent;
    border: none;
    color: #64748b;
    cursor: pointer;
    font-weight: 700;
    font-size: 13px;
}
.btn-back:hover[b-aee1mrv0fr] {
    color: #0f172a;
}
.selected-role-badge[b-aee1mrv0fr] {
    background: #f1f5f9;
    color: #475569;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 9999px;
}
.staff-list[b-aee1mrv0fr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 260px;
    overflow-y: auto;
    margin-bottom: 20px;
}
.staff-option[b-aee1mrv0fr] {
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.15s ease;
}
.staff-option:hover[b-aee1mrv0fr] {
    border-color: #10b981;
}
.staff-option.selected[b-aee1mrv0fr] {
    border-color: #10b981;
    background: #ecfdf5;
}
.staff-avatar[b-aee1mrv0fr] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.staff-details[b-aee1mrv0fr] {
    flex: 1;
}
.staff-name[b-aee1mrv0fr] {
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}
.staff-name-en[b-aee1mrv0fr] {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    margin: 1px 0 0 0;
}
.staff-badge-no[b-aee1mrv0fr] {
    font-size: 10px;
    color: #64748b;
    margin: 2px 0 0 0;
}
.staff-check[b-aee1mrv0fr] {
    color: #10b981;
    font-weight: 900;
    font-size: 18px;
}
.btn-login-start[b-aee1mrv0fr] {
    width: 100%;
    padding: 12px;
    font-size: 14px;
}

/* TOAST STYLES */
.toast-notification[b-aee1mrv0fr] {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: #ffffff;
    border-radius: 8px;
    padding: 12px 24px;
    font-weight: 800;
    font-size: 13px;
    z-index: 9999;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2);
    text-align: center;
    max-width: 400px;
}

/* WALK-IN TAB STYLES */
.walkin-card[b-aee1mrv0fr] {
    flex: 1;
    background: #ffffff;
    border: 2px solid #cbd5e1;
    border-radius: 12px;
    padding: 24px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
    transition: all 0.2s ease;
}
.walkin-card.new[b-aee1mrv0fr] {
    border-color: #f1951e;
}
.walkin-card.new:hover[b-aee1mrv0fr] {
    background: #fffbeb;
}
.walkin-card.lookup[b-aee1mrv0fr] {
    border-color: #257a9f;
}
.walkin-card.lookup:hover[b-aee1mrv0fr] {
    background: #eff6ff;
}
.walkin-icon[b-aee1mrv0fr] {
    font-size: 40px;
    display: block;
    margin-bottom: 12px;
}
.walkin-pending-list[b-aee1mrv0fr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.walkin-pending-item[b-aee1mrv0fr] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 12px;
    cursor: pointer;
    transition: all 0.15s ease;
}
.walkin-pending-item:hover[b-aee1mrv0fr] {
    border-color: #257a9f;
    background: #f8fafc;
}
.dropdown-search-results[b-aee1mrv0fr] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #ffffff;
    border: 1.5px solid #cbd5e1;
    border-radius: 6px;
    z-index: 100;
    max-height: 250px;
    overflow-y: auto;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
}
.dropdown-item-row[b-aee1mrv0fr] {
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #f1f5f9;
}
.dropdown-item-row:hover[b-aee1mrv0fr] {
    background: #f8fafc;
}

/* STOCK SUBTABS STYLES */
.stock-tab-wrapper[b-aee1mrv0fr] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.stock-subtabs[b-aee1mrv0fr] {
    display: flex;
    gap: 8px;
}
.subtab-btn[b-aee1mrv0fr] {
    background: #f1f5f9;
    border: 1.5px solid #cbd5e1;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 700;
    color: #475569;
    cursor: pointer;
}
.subtab-btn.active[b-aee1mrv0fr] {
    background: #257a9f;
    border-color: #257a9f;
    color: #ffffff;
}

/* PRINT MEDIA RENDERING PREVENTIONS */
.print-preview-box[b-aee1mrv0fr] {
    display: none;
}
@media print {
    body *[b-aee1mrv0fr] {
        visibility: hidden;
    }
    .print-preview-box[b-aee1mrv0fr], .print-preview-box *[b-aee1mrv0fr] {
        visibility: visible;
    }
    .print-preview-box[b-aee1mrv0fr] {
        display: block !important;
        position: absolute;
        left: 50%;
        top: 50px;
        transform: translateX(-50%);
        z-index: 99999;
    }
}

/* Workstation Auth Loader Overlay Styles */
.auth-overlay[b-aee1mrv0fr] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    font-family: 'Cairo', sans-serif;
}
.auth-loader-card[b-aee1mrv0fr] {
    background: #ffffff;
    border-radius: 12px;
    padding: 32px;
    width: 90%;
    max-width: 400px;
    text-align: center;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border: 1px solid #cbd5e1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.auth-loader-logo[b-aee1mrv0fr] {
    font-size: 48px;
    animation: auth-pulse-logo-b-aee1mrv0fr 1.5s infinite;
}
.auth-loader-spinner[b-aee1mrv0fr] {
    width: 40px;
    height: 40px;
    border: 3.5px solid rgba(16, 185, 129, 0.2);
    border-top-color: #10b981;
    border-radius: 50%;
    animation: auth-spin-loader-b-aee1mrv0fr 1s linear infinite;
}
.auth-loader-title[b-aee1mrv0fr] {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}
.auth-loader-subtitle[b-aee1mrv0fr] {
    margin: 0;
    font-size: 12px;
    color: #64748b;
}
@keyframes auth-pulse-logo-b-aee1mrv0fr {
    0% { transform: scale(1); opacity: 0.9; }
    50% { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(1); opacity: 0.9; }
}
@keyframes auth-spin-loader-b-aee1mrv0fr {
    to { transform: rotate(360deg); }
}
/* /Components/Pages/QueueDashboard.razor.rz.scp.css */
.queue-grid-container[b-7lt0cacx73] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 24px;
    align-items: start;
}

.queue-left-panel[b-7lt0cacx73] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.card-header-custom[b-7lt0cacx73] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    padding: 16px 20px;
    font-weight: 800;
    color: #0f172a;
}

.card-body-custom[b-7lt0cacx73] {
    padding: 20px;
}

.form-group-relative[b-7lt0cacx73] {
    position: relative;
    margin-bottom: 12px;
}

.search-loader-inline[b-7lt0cacx73] {
    position: absolute;
    right: 10px;
    top: 38px;
    font-size: 11px;
    color: #64748b;
}

.search-results-dropdown[b-7lt0cacx73] {
    position: absolute;
    left: 0;
    right: 0;
    top: 68px;
    background: white;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    z-index: 100;
    max-height: 200px;
    overflow-y: auto;
}

.search-result-item[b-7lt0cacx73] {
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.result-name-en[b-7lt0cacx73] {
    font-weight: 600;
    color: #0f172a;
}

.result-name-ar[b-7lt0cacx73] {
    font-size: 11px;
    color: #64748b;
    margin-left: 8px;
}

.result-mrn[b-7lt0cacx73] {
    font-size: 11px;
    background: #e2e8f0;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: monospace;
}

.selected-patient-box[b-7lt0cacx73] {
    margin-top: 8px;
    padding: 6px 12px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.selected-patient-name[b-7lt0cacx73] {
    font-size: 12px;
    font-weight: 700;
    color: #166534;
}

.btn-clear-patient[b-7lt0cacx73] {
    background: none;
    border: none;
    color: #b91c1c;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
}

.form-group-mb[b-7lt0cacx73] {
    margin-bottom: 12px;
}

.form-group-mb-lg[b-7lt0cacx73] {
    margin-bottom: 16px;
}

.btn-submit-walkin[b-7lt0cacx73] {
    width: 100%;
    justify-content: center;
    font-weight: bold;
}

.no-clinic-container[b-7lt0cacx73] {
    padding: 40px;
    text-align: center;
    color: #64748b;
}

.no-clinic-icon[b-7lt0cacx73] {
    font-size: 48px;
}

.no-clinic-title[b-7lt0cacx73] {
    margin-top: 16px;
    font-weight: 700;
    color: #334155;
}

.no-clinic-text[b-7lt0cacx73] {
    margin-top: 8px;
    font-size: 14px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

/* Light Theme Queue Controls Header */
.queue-controls-header[b-7lt0cacx73] {
    margin-bottom: 20px;
    padding: 16px 20px;
    background: #ffffff;
    color: #0f172a;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-left: 4px solid #257a9f;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.controls-title[b-7lt0cacx73] {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: #257a9f;
}

.controls-subtitle[b-7lt0cacx73] {
    margin: 4px 0 0 0;
    font-size: 11px;
    color: #64748b;
}

.btn-call-next[b-7lt0cacx73] {
    background: #10b981;
    border-color: #10b981;
}

.queue-board-grid[b-7lt0cacx73] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    align-items: start;
}

.queue-column[b-7lt0cacx73] {
    border-radius: 8px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 400px;
}

.column-waiting[b-7lt0cacx73] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.column-consultation[b-7lt0cacx73] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
}

.column-archived[b-7lt0cacx73] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.column-header[b-7lt0cacx73] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
}

.waiting-border[b-7lt0cacx73] {
    border-bottom: 2px solid #cbd5e1;
}

.consultation-border[b-7lt0cacx73] {
    border-bottom: 2px solid #86efac;
}

.archived-border[b-7lt0cacx73] {
    border-bottom: 2px solid #cbd5e1;
}

.column-title[b-7lt0cacx73] {
    font-weight: 800;
    font-size: 12px;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.consultation-title[b-7lt0cacx73] {
    color: #166534;
}

.archived-title[b-7lt0cacx73] {
    color: #64748b;
}

.column-counter[b-7lt0cacx73] {
    font-size: 11px;
    background: #cbd5e1;
    color: #475569;
    padding: 2px 6px;
    border-radius: 9999px;
    font-weight: 700;
}

.consultation-counter[b-7lt0cacx73] {
    background: #86efac;
    color: #166534;
}

.archived-counter[b-7lt0cacx73] {
    background: #cbd5e1;
    color: #64748b;
}

.column-empty[b-7lt0cacx73] {
    text-align: center;
    color: #94a3b8;
    font-size: 12px;
    padding: 32px 0;
}

.consultation-empty[b-7lt0cacx73] {
    color: #15803d;
    opacity: 0.7;
}

.queue-card[b-7lt0cacx73] {
    background: white;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    padding: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.consultation-card[b-7lt0cacx73] {
    border: 1px solid #bbf7d0;
    border-left: 4px solid #10b981;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.archived-card[b-7lt0cacx73] {
    border: 1px solid #e2e8f0;
    opacity: 0.7;
}

.card-top[b-7lt0cacx73] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.card-ticket-number[b-7lt0cacx73] {
    font-size: 13px;
    font-weight: bold;
    background: #f8fafc;
    padding: 2px 6px;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
}

.consultation-ticket[b-7lt0cacx73] {
    background: #ecfdf5;
    border: 1px solid #d1fae5;
    color: #065f46;
}

.archived-ticket[b-7lt0cacx73] {
    font-size: 11px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #64748b;
}

.card-priority-badge[b-7lt0cacx73] {
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
}

.card-active-badge[b-7lt0cacx73] {
    font-size: 10px;
    background: #d1fae5;
    color: #065f46;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 700;
}

.card-archived-status-done[b-7lt0cacx73] {
    font-size: 9px;
    color: #10b981;
    font-weight: 800;
    text-transform: uppercase;
}

.card-archived-status-skipped[b-7lt0cacx73] {
    font-size: 9px;
    color: #ef4444;
    font-weight: 800;
    text-transform: uppercase;
}

.card-patient-name-en[b-7lt0cacx73] {
    font-weight: 700;
    color: #0f172a;
    font-size: 13px;
}

.archived-name[b-7lt0cacx73] {
    font-weight: 600;
    color: #475569;
    font-size: 12px;
}

.card-patient-name-ar[b-7lt0cacx73] {
    font-size: 11px;
    color: #64748b;
}

.card-mrn[b-7lt0cacx73] {
    font-size: 9px;
    font-family: monospace;
    color: #94a3b8;
    margin-top: 2px;
}

.card-doctor-row[b-7lt0cacx73] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px dashed #e2e8f0;
}

.archived-doctor-row[b-7lt0cacx73] {
    margin-top: 4px;
    padding-top: 4px;
}

.card-doctor-img[b-7lt0cacx73] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #cbd5e1;
}

.archived-doctor-img[b-7lt0cacx73] {
    width: 14px;
    height: 14px;
    opacity: 0.8;
}

.card-doctor-placeholder[b-7lt0cacx73] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    border: 1px solid #cbd5e1;
}

.archived-doctor-placeholder[b-7lt0cacx73] {
    width: 14px;
    height: 14px;
    font-size: 6px;
}

.card-doctor-name[b-7lt0cacx73] {
    font-size: 10px;
    color: #475569;
    font-weight: 600;
}

.consultation-doctor[b-7lt0cacx73] {
    color: #0f766e;
}

.archived-doctor-name[b-7lt0cacx73] {
    color: #94a3b8;
    font-size: 9px;
}

.card-footer[b-7lt0cacx73] {
    font-size: 10px;
    color: #64748b;
    border-top: 1px solid #f1f5f9;
    padding-top: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-skip-action[b-7lt0cacx73] {
    background: none;
    border: none;
    color: #ef4444;
    font-weight: bold;
    cursor: pointer;
    font-size: 10px;
}

.card-actions-row[b-7lt0cacx73] {
    display: flex;
    gap: 6px;
    border-top: 1px solid #f1f5f9;
    padding-top: 8px;
    margin-top: 4px;
}

.btn-done-action[b-7lt0cacx73] {
    padding: 4px 8px;
    font-size: 11px;
    background: #10b981;
    border-color: #10b981;
    flex: 1;
    justify-content: center;
}

.btn-skip-consultation[b-7lt0cacx73] {
    padding: 4px 8px;
    font-size: 11px;
    background: #fee2e2;
    color: #ef4444;
    border-color: #fca5a5;
    flex: 1;
    justify-content: center;
}

.modal-overlay[b-7lt0cacx73] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 16px;
}

.modal-card-purple[b-7lt0cacx73] {
    max-width: 500px;
    width: 100%;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15);
    border: 2px solid #9F7AEA;
    margin-bottom: 0;
}

.modal-header-custom[b-7lt0cacx73] {
    color: white;
    padding: 16px 20px;
    font-weight: 700;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header-purple[b-7lt0cacx73] {
    background: #9F7AEA;
}

.modal-close-btn[b-7lt0cacx73] {
    background: none;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
    line-height: 1;
}

.modal-body-custom[b-7lt0cacx73] {
    padding: 20px;
}

.modal-purple-alert[b-7lt0cacx73] {
    display: flex;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 8px;
    background: #9F7AEA11;
    border: 1px solid #9F7AEA33;
    margin-bottom: 16px;
    align-items: flex-start;
}

.modal-alert-icon[b-7lt0cacx73] {
    color: #9F7AEA;
    font-size: 15px;
    flex-shrink: 0;
}

.modal-alert-body[b-7lt0cacx73] {
    margin-left: 8px;
}

.modal-alert-label[b-7lt0cacx73] {
    color: #9F7AEA;
    font-size: 10px;
    font-weight: 800;
}

.modal-alert-desc[b-7lt0cacx73] {
    color: #555555;
    font-size: 11px;
}

.modal-patient-info-box[b-7lt0cacx73] {
    margin-bottom: 16px;
    font-size: 13px;
    color: #475569;
    padding: 10px 14px;
    background: #f8fafc;
    border-radius: 6px;
    border-left: 4px solid #9F7AEA;
}

.modal-patient-mrn-val[b-7lt0cacx73] {
    color: #257a9f;
}

.modal-checkboxes-list[b-7lt0cacx73] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
}

.modal-checkbox-label[b-7lt0cacx73] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: #334155;
    cursor: pointer;
}

.modal-checkbox-input[b-7lt0cacx73] {
    margin-top: 4px;
    width: 16px;
    height: 16px;
}

.modal-checkbox-subtext[b-7lt0cacx73] {
    color: #64748b;
}

.modal-actions-footer[b-7lt0cacx73] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 24px;
}

.btn-modal-cancel[b-7lt0cacx73] {
    padding: 6px 12px;
    font-size: 13px;
}

.btn-modal-confirm-purple[b-7lt0cacx73] {
    padding: 6px 12px;
    font-size: 13px;
    background: #9F7AEA;
    border-color: #9F7AEA;
}
/* /Components/Pages/Radiology/RadiologyDashboard.razor.rz.scp.css */
/* ── RADIOLOGY INFORMATION SYSTEM (RIS) STYLING ── */
.ris-container[b-2skquolvp5] {
    font-family: 'Cairo', sans-serif;
    color: #1e293b;
    background: #f8fafc;
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
}

.ris-container.rtl-layout[b-2skquolvp5] {
    direction: rtl;
}

/* ── SHIFT LOGIN & ROOM PICKER ── */
.login-wrapper[b-2skquolvp5] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    flex: 1;
}

.login-card[b-2skquolvp5] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.01);
    border: 1px solid #e2e8f0;
    width: 100%;
    max-width: 540px;
    padding: 32px;
    box-sizing: border-box;
}

.picker-card[b-2skquolvp5] {
    max-width: 720px;
}

.login-header[b-2skquolvp5], .picker-header[b-2skquolvp5] {
    text-align: center;
    margin-bottom: 28px;
    position: relative;
}

.login-logo[b-2skquolvp5] {
    font-size: 48px;
    margin-bottom: 12px;
}

.login-card h2[b-2skquolvp5], .picker-card h3[b-2skquolvp5] {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 6px 0;
}

.login-subtitle[b-2skquolvp5], .picker-subtitle[b-2skquolvp5] {
    font-size: 13px;
    color: #64748b;
    margin: 0;
}

.btn-logout-link[b-2skquolvp5] {
    background: transparent;
    border: none;
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    margin-top: 10px;
    font-family: 'Cairo', sans-serif;
}

.btn-logout-link:hover[b-2skquolvp5] {
    color: #ef4444;
}

.role-group-section[b-2skquolvp5] {
    margin-bottom: 20px;
}

.role-divider[b-2skquolvp5] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.role-badge[b-2skquolvp5] {
    font-size: 11px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 20px;
    text-transform: uppercase;
}

.role-badge-radiologist[b-2skquolvp5] {
    background: rgba(159, 122, 234, 0.15);
    color: #9F7AEA;
    border: 1px solid rgba(159, 122, 234, 0.3);
}

.role-badge-technician[b-2skquolvp5] {
    background: rgba(37, 122, 159, 0.15);
    color: #257a9f;
    border: 1px solid rgba(37, 122, 159, 0.3);
}

.role-badge-supervisor[b-2skquolvp5] {
    background: rgba(241, 149, 30, 0.15);
    color: #f1951e;
    border: 1px solid rgba(241, 149, 30, 0.3);
}

.role-desc[b-2skquolvp5] {
    font-size: 11px;
    color: #64748b;
}

.staff-options[b-2skquolvp5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.staff-card[b-2skquolvp5] {
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.staff-card:hover[b-2skquolvp5] {
    border-color: #cbd5e1;
    background: #f1f5f9;
}

.staff-card.selected[b-2skquolvp5] {
    background: rgba(159, 122, 234, 0.08);
    border-color: #9F7AEA;
}

.staff-card.selected .radio-indicator[b-2skquolvp5] {
    border-color: #9F7AEA;
    background: #9F7AEA;
}

.radio-indicator[b-2skquolvp5] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.radio-indicator .dot[b-2skquolvp5] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ffffff;
}

.staff-details[b-2skquolvp5] {
    flex: 1;
}

.staff-name[b-2skquolvp5] {
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
}

.staff-title[b-2skquolvp5] {
    font-size: 11px;
    color: #64748b;
    margin-top: 2px;
}

/* ── ROOMS GRID ── */
.rooms-grid[b-2skquolvp5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 16px;
}

@media (max-width: 640px) {
    .rooms-grid[b-2skquolvp5] {
        grid-template-columns: 1fr;
    }
}

.room-card[b-2skquolvp5] {
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px;
    display: flex;
    gap: 14px;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.room-card:hover[b-2skquolvp5] {
    border-color: #257a9f;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.room-card.maintenance-disabled[b-2skquolvp5] {
    opacity: 0.6;
    border-color: #fca5a5;
    cursor: not-allowed;
    background: #fef2f2;
}

.room-card.maintenance-disabled:hover[b-2skquolvp5] {
    transform: none;
    box-shadow: none;
}

.room-icon[b-2skquolvp5] {
    font-size: 32px;
}

.room-info[b-2skquolvp5] {
    flex: 1;
}

.room-name[b-2skquolvp5] {
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.room-loc[b-2skquolvp5] {
    font-size: 11px;
    color: #64748b;
    margin: 4px 0 6px 0;
}

.room-badges[b-2skquolvp5] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.room-queue-indicator[b-2skquolvp5] {
    text-align: center;
    flex-shrink: 0;
}

.room-queue-indicator .q-val[b-2skquolvp5] {
    font-size: 24px;
    font-weight: 900;
    color: #64748b;
    display: block;
    line-height: 1;
}

.room-queue-indicator .q-val.has-items[b-2skquolvp5] {
    color: #f1951e;
}

.room-queue-indicator .q-lbl[b-2skquolvp5] {
    font-size: 9px;
    color: #64748b;
}

.room-queue-indicator .q-active[b-2skquolvp5] {
    font-size: 9px;
    font-weight: 700;
    color: #257a9f;
    display: block;
    margin-top: 4px;
}

/* ── WORKSPACE SHELL ── */
.workspace-shell[b-2skquolvp5] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.shell-header[b-2skquolvp5] {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shell-brand[b-2skquolvp5] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.brand-logo[b-2skquolvp5] {
    font-size: 32px;
}

.brand-title[b-2skquolvp5] {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.brand-user[b-2skquolvp5] {
    font-size: 12px;
    color: #64748b;
    margin: 4px 0 0 0;
}

.shell-actions[b-2skquolvp5] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.shell-info-strip[b-2skquolvp5] {
    background: rgba(37, 122, 159, 0.06);
    border-bottom: 1px solid rgba(37, 122, 159, 0.15);
    padding: 8px 24px;
    font-size: 11px;
    color: #257a9f;
    font-weight: 700;
}

.shell-content[b-2skquolvp5] {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* ── COMPONENT BADGES ── */
.badge[b-2skquolvp5] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 10px;
    font-weight: 700;
}

.badge-role-tag[b-2skquolvp5] {
    font-size: 10px;
    font-weight: 800;
    padding: 1px 6px;
    border-radius: 4px;
}

.badge-role-radiologist[b-2skquolvp5] { background: rgba(159, 122, 234, 0.15); color: #9F7AEA; }
.badge-role-technician[b-2skquolvp5] { background: rgba(37, 122, 159, 0.15); color: #257a9f; }
.badge-role-supervisor[b-2skquolvp5] { background: rgba(241, 149, 30, 0.15); color: #f1951e; }

.badge-orange[b-2skquolvp5] { background: rgba(241, 149, 30, 0.15); color: #f1951e; border: 1px solid rgba(241, 149, 30, 0.3); }
.badge-red[b-2skquolvp5] { background: rgba(239, 68, 68, 0.15); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.3); }
.badge-teal[b-2skquolvp5] { background: rgba(37, 122, 159, 0.15); color: #257a9f; border: 1px solid rgba(37, 122, 159, 0.3); }
.badge-purple[b-2skquolvp5] { background: rgba(159, 122, 234, 0.15); color: #9F7AEA; border: 1px solid rgba(159, 122, 234, 0.3); }
.badge-gold[b-2skquolvp5] { background: rgba(241, 149, 30, 0.15); color: #d97706; border: 1px solid rgba(241, 149, 30, 0.3); }
.badge-success[b-2skquolvp5] { background: rgba(48, 190, 92, 0.15); color: #30be5c; border: 1px solid rgba(48, 190, 92, 0.3); }

.aaci-tag[b-2skquolvp5] {
    background: rgba(37, 122, 159, 0.1);
    color: #257a9f;
    border: 1px solid rgba(37, 122, 159, 0.25);
    padding: 1px 4px;
    font-size: 8px;
    border-radius: 3px;
    font-family: monospace;
    font-weight: bold;
    margin-left: 4px;
    margin-right: 4px;
}

.badge-critical-alarm[b-2skquolvp5] {
    background: #fee2e2;
    color: #ef4444;
    border: 1px solid #fca5a5;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    animation: pulse-b-2skquolvp5 2s infinite;
}

.badge-sign-notice[b-2skquolvp5] {
    background: #faf5ff;
    color: #9f7aea;
    border: 1px solid #e9d5ff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
}

/* ── BUTTONS ── */
.btn[b-2skquolvp5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: 'Cairo', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 6px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-primary[b-2skquolvp5] {
    background: #257a9f;
    color: #ffffff;
}

.btn-primary:hover:not(:disabled)[b-2skquolvp5] {
    background: #1b5e7d;
}

.btn-secondary[b-2skquolvp5] {
    background: #f1f5f9;
    color: #1e293b;
    border-color: #cbd5e1;
}

.btn-secondary:hover:not(:disabled)[b-2skquolvp5] {
    background: #e2e8f0;
}

.btn-success[b-2skquolvp5] {
    background: #30be5c;
    color: #ffffff;
}

.btn-success:hover:not(:disabled)[b-2skquolvp5] {
    background: #229947;
}

.btn-danger[b-2skquolvp5] {
    background: #ef4444;
    color: #ffffff;
}

.btn-danger:hover:not(:disabled)[b-2skquolvp5] {
    background: #dc2626;
}

.btn-outline-danger[b-2skquolvp5] {
    background: transparent;
    border-color: #fca5a5;
    color: #ef4444;
}

.btn-outline-danger:hover:not(:disabled)[b-2skquolvp5] {
    background: #fef2f2;
}

.btn-outline-primary[b-2skquolvp5] {
    background: transparent;
    border-color: #257a9f;
    color: #257a9f;
}

.btn-outline-primary:hover:not(:disabled)[b-2skquolvp5] {
    background: rgba(37, 122, 159, 0.05);
}

.btn-outline-secondary[b-2skquolvp5] {
    background: transparent;
    border-color: #cbd5e1;
    color: #475569;
}

.btn-outline-secondary:hover:not(:disabled)[b-2skquolvp5] {
    background: #f8fafc;
}

.btn-outline-purple[b-2skquolvp5] {
    background: transparent;
    border-color: #e9d5ff;
    color: #9F7AEA;
}

.btn-outline-purple:hover:not(:disabled)[b-2skquolvp5] {
    background: #faf5ff;
}

.btn-teal[b-2skquolvp5] {
    background: #0d9488;
    color: white;
}

.btn-teal:hover:not(:disabled)[b-2skquolvp5] {
    background: #0f766e;
}

.btn-warning[b-2skquolvp5] {
    background: #f1951e;
    color: white;
}

.btn-warning:hover:not(:disabled)[b-2skquolvp5] {
    background: #d97706;
}

.btn-full[b-2skquolvp5] {
    width: 100%;
}

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

.btn-xs[b-2skquolvp5] {
    padding: 2px 6px;
    font-size: 10px;
    border-radius: 3px;
}

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

/* ── DEEP CHILD STYLING (For sub-component views) ── */

/* 1. Technician Room View Workspace */
[b-2skquolvp5] .tech-workspace-grid {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 24px;
    flex: 1;
}

@media (max-width: 1024px) {
    [b-2skquolvp5] .tech-workspace-grid {
        grid-template-columns: 1fr;
    }
}

[b-2skquolvp5] .tech-sidebar {
    display: flex;
    flex-direction: column;
}

[b-2skquolvp5] .tech-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}

[b-2skquolvp5] .sidebar-card {
    height: 100%;
    min-height: 500px;
    display: flex;
    flex-direction: column;
}

[b-2skquolvp5] .tech-card-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

[b-2skquolvp5] .tech-card-header .header-icon {
    font-size: 18px;
}

[b-2skquolvp5] .tech-card-header .header-title {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    flex: 1;
}

[b-2skquolvp5] .search-box {
    margin-bottom: 12px;
}

[b-2skquolvp5] .search-box input {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-family: 'Cairo', sans-serif;
    font-size: 13px;
}

[b-2skquolvp5] .queue-list-container {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 480px;
}

[b-2skquolvp5] .empty-list-notice {
    text-align: center;
    color: #64748b;
    padding: 30px 10px;
    font-size: 12px;
}

[b-2skquolvp5] .queue-item-card {
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

[b-2skquolvp5] .queue-item-card:hover {
    border-color: #cbd5e1;
    background: #f1f5f9;
}

[b-2skquolvp5] .queue-item-card.selected {
    background: rgba(37, 122, 159, 0.05);
    border-color: #257a9f;
}

[b-2skquolvp5] .queue-item-card.stat {
    border-left: 4px solid #ef4444;
}

[b-2skquolvp5] .queue-item-card.urgent {
    border-left: 4px solid #f1951e;
}

[b-2skquolvp5] .queue-item-card.routine {
    border-left: 4px solid #cbd5e1;
}

[b-2skquolvp5] .queue-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

[b-2skquolvp5] .queue-item-header .patient-name {
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
}

[b-2skquolvp5] .badge-priority {
    font-size: 8px;
    padding: 1px 4px;
}

[b-2skquolvp5] .badge-priority-stat { background: #fef2f2; color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.3); }
[b-2skquolvp5] .badge-priority-urgent { background: #fffbeb; color: #f1951e; border: 1px solid rgba(241, 149, 30, 0.3); }
[b-2skquolvp5] .badge-priority-routine { background: #f8fafc; color: #64748b; border: 1px solid #cbd5e1; }

[b-2skquolvp5] .queue-item-details {
    font-size: 11px;
    color: #64748b;
    margin-bottom: 8px;
}

[b-2skquolvp5] .queue-item-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

[b-2skquolvp5] .badge-mod {
    font-size: 9px;
    background: #f1f5f9;
    color: #475569;
    padding: 1px 5px;
}

[b-2skquolvp5] .badge-status {
    font-size: 9px;
    text-transform: capitalize;
}

[b-2skquolvp5] .badge-status-ordered { background: #f1f5f9; color: #475569; }
[b-2skquolvp5] .badge-status-scheduled { background: rgba(59, 130, 246, 0.1); color: #3b82f6; }
[b-2skquolvp5] .badge-status-arrived { background: rgba(13, 148, 136, 0.1); color: #0d9488; }
[b-2skquolvp5] .badge-status-in-progress { background: rgba(241, 149, 30, 0.1); color: #f1951e; }
[b-2skquolvp5] .badge-status-completed { background: rgba(234, 179, 8, 0.1); color: #ca8a04; }
[b-2skquolvp5] .badge-status-reported { background: rgba(168, 85, 247, 0.1); color: #a855f7; }
[b-2skquolvp5] .badge-status-final { background: rgba(34, 197, 94, 0.1); color: #22c55e; }
[b-2skquolvp5] .badge-status-cancelled { background: #fee2e2; color: #ef4444; }

[b-2skquolvp5] .wait-time-tag {
    font-size: 9px;
    color: #64748b;
    font-weight: 700;
}

[b-2skquolvp5] .wait-time-tag.delayed {
    color: #ef4444;
}

[b-2skquolvp5] .sidebar-footer {
    margin-top: 16px;
    border-top: 1px solid #e2e8f0;
    padding-top: 12px;
}

[b-2skquolvp5] .sidebar-stat-item {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

[b-2skquolvp5] .sidebar-stat-item .lbl { color: #64748b; }
[b-2skquolvp5] .sidebar-stat-item .val { font-weight: 800; color: #0f172a; }

/* Technician center panel */
[b-2skquolvp5] .tech-main-panel {
    display: flex;
    flex-direction: column;
}

[b-2skquolvp5] .empty-workspace-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 40px;
    flex: 1;
}

[b-2skquolvp5] .empty-workspace-card .logo {
    font-size: 64px;
    margin-bottom: 20px;
}

[b-2skquolvp5] .empty-workspace-card h3 {
    font-size: 16px;
    font-weight: 700;
    color: #64748b;
    max-width: 400px;
    line-height: 1.6;
    margin: 0;
}

[b-2skquolvp5] .workspace-detail-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

[b-2skquolvp5] .detail-header-styled {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
}

[b-2skquolvp5] .detail-title-block {
    display: flex;
    align-items: center;
    gap: 12px;
}

[b-2skquolvp5] .detail-title-block .modality-icon {
    font-size: 32px;
}

[b-2skquolvp5] .detail-title-block h3 {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 4px 0;
}

[b-2skquolvp5] .detail-title-block p {
    font-size: 12px;
    color: #64748b;
    margin: 0;
}

[b-2skquolvp5] .detail-badge-block {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Stepper Pipeline */
[b-2skquolvp5] .stepper-pipeline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px 24px;
}

[b-2skquolvp5] .stepper-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 1;
}

[b-2skquolvp5] .stepper-step:not(:last-child) {
    margin-right: 0;
}

[b-2skquolvp5] .stepper-bubble {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid #cbd5e1;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

[b-2skquolvp5] .stepper-label {
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    margin-top: 6px;
    text-align: center;
}

[b-2skquolvp5] .stepper-line {
    position: absolute;
    top: 12px;
    left: 50%;
    width: 100%;
    height: 2px;
    background: #e2e8f0;
    z-index: 1;
}

.ris-container.rtl-layout[b-2skquolvp5]  .stepper-line {
    left: auto;
    right: 50%;
}

[b-2skquolvp5] .stepper-step.active .stepper-bubble {
    border-color: #257a9f;
    background: #257a9f;
    color: #ffffff;
}

[b-2skquolvp5] .stepper-step.active .stepper-label {
    color: #257a9f;
}

[b-2skquolvp5] .stepper-step.done .stepper-bubble {
    border-color: #30be5c;
    background: #30be5c;
    color: #ffffff;
}

[b-2skquolvp5] .stepper-step.done .stepper-line {
    background: #30be5c;
}

[b-2skquolvp5] .stepper-step.done .stepper-label {
    color: #30be5c;
}

/* Patient Quick Card */
[b-2skquolvp5] .patient-quick-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

[b-2skquolvp5] .patient-avatar-box {
    width: 48px;
    height: 48px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

[b-2skquolvp5] .patient-text-details {
    flex: 1;
}

[b-2skquolvp5] .patient-name-line {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 8px;
}

[b-2skquolvp5] .patient-meta-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 12px;
    font-size: 12px;
    color: #475569;
}

[b-2skquolvp5] .patient-meta-grid strong {
    color: #0f172a;
}

/* Clinical Info */
[b-2skquolvp5] .clinical-info-section {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

[b-2skquolvp5] .info-item {
    font-size: 13px;
    line-height: 1.5;
}

[b-2skquolvp5] .info-item .info-lbl {
    font-weight: 800;
    color: #475569;
    margin-right: 6px;
}

[b-2skquolvp5] .info-item .info-val {
    color: #0f172a;
}

[b-2skquolvp5] .alert-contrast {
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #d97706;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
}

/* PACS integration strip */
[b-2skquolvp5] .pacs-integration-bar {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-2skquolvp5] .pacs-status-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    color: #475569;
}

[b-2skquolvp5] .status-icon-badge {
    font-size: 11px;
    font-weight: 800;
    padding: 2px 8px;
    border-radius: 4px;
}

[b-2skquolvp5] .status-icon-badge.pacs-order_sent { background: #f1f5f9; color: #475569; }
[b-2skquolvp5] .status-icon-badge.pacs-awaiting_images { background: #fffbeb; color: #d97706; }
[b-2skquolvp5] .status-icon-badge.pacs-images_available { background: rgba(37, 122, 159, 0.1); color: #257a9f; }
[b-2skquolvp5] .status-icon-badge.pacs-report_sent { background: rgba(48, 190, 92, 0.1); color: #30be5c; }

/* Outpatient payment clearance */
[b-2skquolvp5] .payment-block-banner {
    background: #fffbeb;
    border: 1.5px solid #f59e0b;
    border-radius: 10px;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

[b-2skquolvp5] .payment-banner-content {
    display: flex;
    gap: 12px;
}

[b-2skquolvp5] .payment-banner-content .banner-icon {
    font-size: 24px;
}

[b-2skquolvp5] .payment-banner-content h4 {
    font-size: 13px;
    font-weight: 800;
    color: #b45309;
    margin: 0 0 2px 0;
}

[b-2skquolvp5] .payment-banner-content .desc {
    font-size: 11px;
    color: #78350f;
    margin: 0;
}

/* Anesthesia */
[b-2skquolvp5] .anesthesia-bar {
    border-radius: 10px;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

[b-2skquolvp5] .anesthesia-bar.requested {
    background: #fdf2f8;
    border: 1.5px solid #ec4899;
    color: #9d174d;
}

[b-2skquolvp5] .anesthesia-bar.confirmed {
    background: #f0fdf4;
    border: 1.5px solid #22c55e;
    color: #166534;
}

[b-2skquolvp5] .anesthesia-content {
    display: flex;
    gap: 12px;
}

[b-2skquolvp5] .anesthesia-content .anest-logo {
    font-size: 24px;
}

[b-2skquolvp5] .anesthesia-content h4 {
    font-size: 13px;
    font-weight: 800;
    margin: 0 0 4px 0;
}

[b-2skquolvp5] .anesthesia-content .desc {
    font-size: 11px;
    margin: 0;
}

[b-2skquolvp5] .anesthesia-content .aaci-alert {
    font-size: 10px;
    font-weight: bold;
    margin: 6px 0 0 0;
    color: #ec4899;
}

[b-2skquolvp5] .anesthesia-content .success-alert {
    font-size: 10px;
    font-weight: bold;
    margin: 6px 0 0 0;
    color: #166534;
}

/* Checklists indicators */
[b-2skquolvp5] .checklists-status-bar {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

[b-2skquolvp5] .check-indicator {
    flex: 1;
    min-width: 150px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

[b-2skquolvp5] .check-indicator:hover {
    background: #f8fafc;
}

[b-2skquolvp5] .check-indicator.done {
    border-color: #30be5c;
    background: rgba(48, 190, 92, 0.04);
}

[b-2skquolvp5] .check-indicator.done .icon {
    color: #30be5c;
    font-weight: 800;
}

[b-2skquolvp5] .check-indicator.pending {
    border-color: #f1951e;
    background: rgba(241, 149, 30, 0.04);
    animation: flashBorder-b-2skquolvp5 2s infinite;
}

[b-2skquolvp5] .check-indicator.pending .icon {
    color: #f1951e;
}

[b-2skquolvp5] .check-indicator .text {
    font-size: 11px;
    font-weight: 700;
    color: #1e293b;
}

/* Action footer styles */
[b-2skquolvp5] .action-footer {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    border-top: 1px solid #e2e8f0;
    padding-top: 20px;
}

[b-2skquolvp5] .tech-notes-entry {
    flex: 1;
    display: flex;
    flex-direction: column;
}

[b-2skquolvp5] .tech-notes-entry label {
    font-size: 12px;
    font-weight: 800;
    color: #475569;
    margin-bottom: 6px;
}

[b-2skquolvp5] .tech-notes-entry textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-family: 'Cairo', sans-serif;
    font-size: 13px;
}

[b-2skquolvp5] .cancel-form-block {
    background: #fff5f5;
    border: 1.5px solid #feb2b2;
    border-radius: 8px;
    padding: 16px;
}

[b-2skquolvp5] .cancel-form-block label {
    font-size: 12px;
    font-weight: 800;
    color: #9b2c2c;
    display: block;
    margin-bottom: 6px;
}

[b-2skquolvp5] .cancel-form-block input {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-family: 'Cairo', sans-serif;
    font-size: 13px;
}

/* Prior Studies */
[b-2skquolvp5] .prior-studies-block {
    border-top: 1px solid #e2e8f0;
    padding-top: 20px;
}

[b-2skquolvp5] .prior-studies-block h4 {
    font-size: 13px;
    font-weight: 800;
    color: #475569;
    margin: 0 0 12px 0;
}

[b-2skquolvp5] .no-prior, [b-2skquolvp5] .no-history-note {
    font-size: 12px;
    color: #64748b;
    margin: 0;
}

[b-2skquolvp5] .prior-items-list, [b-2skquolvp5] .priors-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

[b-2skquolvp5] .prior-item-card, [b-2skquolvp5] .prior-mini-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px;
}

[b-2skquolvp5] .prior-header, [b-2skquolvp5] .mini-hdr {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    margin-bottom: 6px;
}

[b-2skquolvp5] .prior-header .prior-title, [b-2skquolvp5] .mini-hdr strong {
    font-weight: 800;
    color: #1e293b;
}

[b-2skquolvp5] .prior-header .prior-date, [b-2skquolvp5] .mini-hdr span {
    color: #64748b;
}

[b-2skquolvp5] .prior-report-snippet, [b-2skquolvp5] .mini-snippet {
    font-size: 11px;
    color: #475569;
    margin: 0;
    line-height: 1.5;
}

/* Modal Backdrops */
[b-2skquolvp5] .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(15, 23, 42, 0.4);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

[b-2skquolvp5] .modal-content {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
    border: 1px solid #e2e8f0;
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    max-height: 90vh;
}

[b-2skquolvp5] .modal-header {
    padding: 16px 20px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-2skquolvp5] .modal-title {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

[b-2skquolvp5] .close-btn {
    background: transparent;
    border: none;
    font-size: 24px;
    color: #94a3b8;
    cursor: pointer;
}

[b-2skquolvp5] .close-btn:hover {
    color: #475569;
}

[b-2skquolvp5] .modal-body {
    padding: 20px;
    overflow-y: auto;
    flex: 1;
}

[b-2skquolvp5] .modal-footer {
    padding: 16px 20px;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

[b-2skquolvp5] .patient-modal-banner {
    background: #f1f5f9;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 12px;
    color: #334155;
    line-height: 1.5;
}

/* Checklist Cards inside Safety Modal */
[b-2skquolvp5] .checklist-section-card {
    border: 1.5px solid #cbd5e1;
    border-radius: 8px;
    padding: 14px;
    margin-top: 12px;
    transition: all 0.2s ease;
}

[b-2skquolvp5] .checklist-section-card.checked {
    border-color: #30be5c;
    background: rgba(48, 190, 92, 0.02);
}

[b-2skquolvp5] .checklist-section-card.alert {
    border-color: #ef4444;
    background: rgba(239, 68, 68, 0.02);
}

[b-2skquolvp5] .checklist-section-card h4 {
    font-size: 13px;
    font-weight: 800;
    margin: 0 0 4px 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-2skquolvp5] .checklist-section-card .desc {
    font-size: 11px;
    color: #64748b;
    margin: 0 0 12px 0;
}

[b-2skquolvp5] .checklist-section-card .action-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

[b-2skquolvp5] .checkbox-container {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    color: #1e293b;
    cursor: pointer;
}

[b-2skquolvp5] .check-result-logged {
    font-size: 12px;
    color: #0d9488;
    font-weight: 700;
}

[b-2skquolvp5] .pregnancy-options {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

[b-2skquolvp5] .btn-outline {
    background: transparent;
    border-color: #cbd5e1;
    color: #475569;
}

[b-2skquolvp5] .btn-outline:hover {
    background: #f8fafc;
}

[b-2skquolvp5] .btn-active-override {
    background: #257a9f;
    border-color: #257a9f;
    color: #ffffff;
}

[b-2skquolvp5] .danger-warning-notice {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    font-size: 11px;
    font-weight: bold;
    padding: 10px;
    border-radius: 6px;
    margin-top: 8px;
}

[b-2skquolvp5] .contrast-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

[b-2skquolvp5] .form-row-checkbox {
    grid-column: span 2;
}

[b-2skquolvp5] .form-row-inputs {
    grid-column: span 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

[b-2skquolvp5] .form-row-inputs label {
    font-size: 11px;
    font-weight: 800;
    color: #475569;
    display: block;
    margin-bottom: 4px;
}

[b-2skquolvp5] .form-row-select {
    grid-column: span 2;
}

[b-2skquolvp5] .form-row-select label {
    font-size: 11px;
    font-weight: 800;
    color: #475569;
    display: block;
    margin-bottom: 4px;
}

[b-2skquolvp5] .grid-summary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    font-size: 11px;
    color: #334155;
}

/* 2. Radiologist Workspace styling */
[b-2skquolvp5] .rad-workspace {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

[b-2skquolvp5] .rad-stats-strip {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}

[b-2skquolvp5] .stat-box {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 14px 20px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}

[b-2skquolvp5] .stat-box.purple { border-left: 4px solid #9F7AEA; }
[b-2skquolvp5] .stat-box.red { border-left: 4px solid #ef4444; }
[b-2skquolvp5] .stat-box.green { border-left: 4px solid #30be5c; }

[b-2skquolvp5] .stat-box .lbl {
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
}

[b-2skquolvp5] .stat-box .val {
    font-size: 22px;
    font-weight: 950;
    color: #0f172a;
    margin-top: 4px;
}

[b-2skquolvp5] .worklist-table-wrapper {
    overflow-x: auto;
    margin-top: 10px;
}

[b-2skquolvp5] .ris-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    text-align: left;
}

.ris-container.rtl-layout[b-2skquolvp5]  .ris-table {
    text-align: right;
}

[b-2skquolvp5] .ris-table th {
    background: #f8fafc;
    color: #475569;
    font-weight: 800;
    padding: 12px;
    border-bottom: 2px solid #e2e8f0;
}

[b-2skquolvp5] .ris-table td {
    padding: 12px;
    border-bottom: 1px solid #e2e8f0;
    vertical-align: middle;
}

[b-2skquolvp5] .study-row:hover {
    background: #f8fafc;
}

[b-2skquolvp5] .study-row.critical-threat {
    background: #fff5f5;
}

[b-2skquolvp5] .study-row.critical-threat:hover {
    background: #fee2e2;
}

[b-2skquolvp5] .pat-name, [b-2skquolvp5] .study-name, [b-2skquolvp5] .phys-name {
    font-weight: 800;
    color: #1e293b;
}

[b-2skquolvp5] .pat-sub, [b-2skquolvp5] .phys-dept, [b-2skquolvp5] .time-delta {
    font-size: 11px;
    color: #64748b;
    margin-top: 2px;
}

[b-2skquolvp5] .signed-reports-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

[b-2skquolvp5] .signed-report-item {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    padding: 10px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

[b-2skquolvp5] .signed-report-item:hover {
    border-color: #86efac;
    background: #f6fef9;
}

[b-2skquolvp5] .report-info {
    font-size: 12px;
    color: #166534;
}

/* Radiologist Editor */
[b-2skquolvp5] .report-editor-view {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

[b-2skquolvp5] .editor-header {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

[b-2skquolvp5] .editor-title-block h3 {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 4px 0;
}

[b-2skquolvp5] .editor-title-block p {
    font-size: 11px;
    color: #64748b;
    margin: 0;
}

[b-2skquolvp5] .editor-badge-block {
    display: flex;
    align-items: center;
    gap: 10px;
}

[b-2skquolvp5] .editor-layout {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 20px;
}

@media (max-width: 1024px) {
    [b-2skquolvp5] .editor-layout {
        grid-template-columns: 1fr;
    }
}

[b-2skquolvp5] .editor-left-panel {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-2skquolvp5] .panel-section-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px;
}

[b-2skquolvp5] .panel-section-card .section-title {
    font-size: 13px;
    font-weight: 800;
    color: #475569;
    margin: 0 0 12px 0;
}

[b-2skquolvp5] .templates-buttons-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 250px;
    overflow-y: auto;
}

[b-2skquolvp5] .template-item-card {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 8px 10px;
    cursor: pointer;
    transition: all 0.2s ease;
}

[b-2skquolvp5] .template-item-card:hover {
    border-color: #257a9f;
    background: #f1f5f9;
}

[b-2skquolvp5] .template-item-card .tmpl-title {
    font-size: 11px;
    font-weight: 800;
    color: #1e293b;
    margin-bottom: 4px;
}

[b-2skquolvp5] .template-item-card .tmpl-body-snippet {
    font-size: 10px;
    color: #64748b;
    margin: 0;
    line-height: 1.4;
}

[b-2skquolvp5] .no-templates-notice {
    font-size: 11px;
    color: #64748b;
    text-align: center;
    padding: 10px;
}

[b-2skquolvp5] .notes-card {
    background: #fef3c7;
    border-color: #fde68a;
    color: #78350f;
}

[b-2skquolvp5] .notes-content {
    font-size: 12px;
    margin: 0;
    line-height: 1.5;
}

[b-2skquolvp5] .contrast-summary-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    font-size: 11px;
    color: #334155;
}

[b-2skquolvp5] .editor-right-panel {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-2skquolvp5] .report-textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 16px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.6;
    resize: vertical;
}

[b-2skquolvp5] .critical-findings-toggle-card {
    border: 1.5px dashed #cbd5e1;
    border-radius: 8px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

[b-2skquolvp5] .critical-findings-toggle-card:hover {
    border-color: #fca5a5;
    background: #fff5f5;
}

[b-2skquolvp5] .critical-findings-toggle-card.active {
    border-color: #ef4444;
    background: #fff5f5;
}

[b-2skquolvp5] .custom-checkbox {
    width: 20px;
    height: 20px;
    border: 2px solid #cbd5e1;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
}

[b-2skquolvp5] .critical-findings-toggle-card.active .custom-checkbox {
    background: #ef4444;
    border-color: #ef4444;
}

[b-2skquolvp5] .chk-checkmark {
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
}

[b-2skquolvp5] .toggle-texts h5 {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    color: #1e293b;
}

[b-2skquolvp5] .toggle-texts .desc {
    margin: 2px 0 0 0;
    font-size: 10px;
    color: #64748b;
}

[b-2skquolvp5] .credentials-signature-block {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    font-size: 11px;
    font-weight: bold;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    padding-top: 12px;
}

[b-2skquolvp5] .finalized-signature-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e2e8f0;
    padding-top: 12px;
}

[b-2skquolvp5] .finalized-signature-block .sign-log {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 12px;
    color: #1e293b;
}

[b-2skquolvp5] .action-buttons-strip {
    display: flex;
    gap: 12px;
}

[b-2skquolvp5] .critical-notification-logger-card {
    background: #fef2f2;
    border: 1.5px solid #fca5a5;
    border-radius: 10px;
    padding: 16px;
}

[b-2skquolvp5] .notice-header h4 {
    font-size: 13px;
    font-weight: 800;
    color: #991b1b;
    margin: 0 0 4px 0;
}

[b-2skquolvp5] .notice-header .desc {
    font-size: 11px;
    color: #7f1d1d;
    margin: 0;
}

[b-2skquolvp5] .physician-contact-info {
    font-size: 12px;
    color: #1e293b;
    margin: 10px 0;
}

[b-2skquolvp5] .notification-log-form {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

[b-2skquolvp5] .notification-log-form label {
    font-size: 11px;
    font-weight: bold;
    color: #7f1d1d;
}

[b-2skquolvp5] .notification-log-form input {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 10px;
    border: 1px solid #fca5a5;
    border-radius: 6px;
    font-family: 'Cairo', sans-serif;
    font-size: 12px;
}

[b-2skquolvp5] .critical-notification-saved-banner {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 12px;
    font-weight: 700;
}

/* 3. Supervisor Board Workspace */
[b-2skquolvp5] .sup-tabs-header {
    display: flex;
    gap: 8px;
    border-bottom: 2px solid #cbd5e1;
    margin-bottom: 20px;
}

[b-2skquolvp5] .sup-tab-btn {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 10px 20px;
    font-family: 'Cairo', sans-serif;
    font-size: 13px;
    font-weight: 800;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: -2px;
    position: relative;
}

[b-2skquolvp5] .sup-tab-btn:hover {
    color: #257a9f;
}

[b-2skquolvp5] .sup-tab-btn.active {
    color: #257a9f;
    border-bottom-color: #257a9f;
}

[b-2skquolvp5] .badge-red-indicator {
    background: #ef4444;
    color: white;
    font-size: 8px;
    font-weight: bold;
    padding: 1px 4px;
    border-radius: 10px;
    position: absolute;
    top: 2px;
    right: 2px;
}

[b-2skquolvp5] .dashboard-split-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 20px;
}

@media (max-width: 1024px) {
    [b-2skquolvp5] .dashboard-split-layout {
        grid-template-columns: 1fr;
    }
}

[b-2skquolvp5] .room-board-container {
    overflow-x: auto;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px;
}

[b-2skquolvp5] .board-scroll {
    display: flex;
    gap: 16px;
    padding-bottom: 12px;
    min-width: max-content;
}

[b-2skquolvp5] .board-column {
    width: 200px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    max-height: 600px;
}

[b-2skquolvp5] .column-header {
    padding: 12px 10px;
    border-bottom: 1px solid #e2e8f0;
    border-radius: 7px 7px 0 0;
}

[b-2skquolvp5] .column-header .col-title {
    font-size: 12px;
    font-weight: 800;
    color: #0f172a;
}

[b-2skquolvp5] .column-header .col-sub {
    font-size: 9px;
    color: #64748b;
    margin-top: 2px;
}

[b-2skquolvp5] .column-header .col-stats {
    font-size: 9px;
    color: #475569;
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-2skquolvp5] .column-header .active-badge {
    background: rgba(37, 122, 159, 0.15);
    color: #257a9f;
    font-weight: bold;
    padding: 1px 4px;
    border-radius: 3px;
}

[b-2skquolvp5] .column-body {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #f1f5f9;
}

[b-2skquolvp5] .empty-col-text {
    font-size: 10px;
    color: #94a3b8;
    text-align: center;
    padding: 20px;
}

[b-2skquolvp5] .board-study-card {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 8px 10px;
    cursor: pointer;
    transition: all 0.2s ease;
}

[b-2skquolvp5] .board-study-card:hover {
    border-color: #94a3b8;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}

[b-2skquolvp5] .board-study-card.critical {
    border-color: #fca5a5;
    background: #fff5f5;
}

[b-2skquolvp5] .card-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 8px;
    margin-bottom: 4px;
}

[b-2skquolvp5] .card-meta .status-dot {
    font-weight: bold;
}

[b-2skquolvp5] .board-study-card .card-name {
    font-size: 11px;
    font-weight: 800;
    color: #1e293b;
}

[b-2skquolvp5] .board-study-card .card-study {
    font-size: 9px;
    color: #64748b;
    margin-top: 2px;
}

[b-2skquolvp5] .board-study-card .danger-tag {
    font-size: 8px;
    font-weight: 900;
    color: #ef4444;
    margin-top: 4px;
}

[b-2skquolvp5] .sup-sidebar-panel {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-2skquolvp5] .stats-mini-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 8px;
}

[b-2skquolvp5] .stat-cell {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 8px 10px;
    text-align: center;
}

[b-2skquolvp5] .stat-cell.orange { border-top: 2px solid #f1951e; }
[b-2skquolvp5] .stat-cell.green { border-top: 2px solid #30be5c; }
[b-2skquolvp5] .stat-cell.purple { border-top: 2px solid #9F7AEA; }

[b-2skquolvp5] .stat-cell .val {
    font-size: 16px;
    font-weight: 900;
    color: #0f172a;
    display: block;
}

[b-2skquolvp5] .stat-cell .lbl {
    font-size: 9px;
    color: #64748b;
}

[b-2skquolvp5] .alert-card {
    border: 1px solid #fca5a5;
}

[b-2skquolvp5] .alert-content-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

[b-2skquolvp5] .all-notified {
    font-size: 11px;
    color: #166534;
    background: #f0fdf4;
    padding: 8px;
    border-radius: 6px;
    font-weight: bold;
    text-align: center;
}

[b-2skquolvp5] .critical-alert-item {
    background: #fff5f5;
    border: 1px solid #fecaca;
    border-radius: 6px;
    padding: 8px 10px;
}

[b-2skquolvp5] .critical-alert-item.overdue-flash {
    border-color: #ef4444;
    animation: flashBackgroundRed-b-2skquolvp5 2s infinite;
}

[b-2skquolvp5] .critical-alert-item .item-hdr {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
}

[b-2skquolvp5] .critical-alert-item .indication {
    font-size: 9px;
    color: #64748b;
    margin: 4px 0 0 0;
}

[b-2skquolvp5] .anesthesia-list, [b-2skquolvp5] .no-sedation, [b-2skquolvp5] .anest-mini-card {
    font-size: 11px;
    color: #475569;
}

[b-2skquolvp5] .anest-mini-card {
    background: #faf5ff;
    border: 1px solid #e9d5ff;
    border-radius: 6px;
    padding: 6px 10px;
    margin-top: 6px;
}

/* Templates supervisor configuration */
[b-2skquolvp5] .templates-layout {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

[b-2skquolvp5] .modality-tabs-strip {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    background: #ffffff;
    padding: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

[b-2skquolvp5] .modality-tab {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 6px 12px;
    font-family: 'Cairo', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #475569;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

[b-2skquolvp5] .modality-tab:hover {
    background: #e2e8f0;
}

[b-2skquolvp5] .modality-tab.active {
    background: #257a9f;
    border-color: #257a9f;
    color: #ffffff;
}

[b-2skquolvp5] .modality-tab .cnt {
    background: rgba(0,0,0,0.1);
    font-size: 9px;
    padding: 1px 4px;
    border-radius: 10px;
}

[b-2skquolvp5] .templates-editor-split {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 20px;
}

@media (max-width: 1024px) {
    [b-2skquolvp5] .templates-editor-split {
        grid-template-columns: 1fr;
    }
}

[b-2skquolvp5] .templates-list-card {
    display: flex;
    flex-direction: column;
}

[b-2skquolvp5] .templates-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 10px;
    max-height: 400px;
    overflow-y: auto;
}

[b-2skquolvp5] .tmpl-list-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

[b-2skquolvp5] .tmpl-list-item.selected {
    background: rgba(37, 122, 159, 0.05);
    border-color: #257a9f;
}

[b-2skquolvp5] .tmpl-list-item .tmpl-name {
    font-size: 11px;
    font-weight: 800;
    color: #1e293b;
    flex: 1;
}

[b-2skquolvp5] .template-editor-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-2skquolvp5] .empty-editor-notice {
    text-align: center;
    padding: 60px;
    color: #64748b;
}

[b-2skquolvp5] .empty-editor-notice .icon {
    font-size: 48px;
}

[b-2skquolvp5] .empty-editor-notice p {
    font-size: 12px;
    margin-top: 8px;
}

[b-2skquolvp5] .form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-2skquolvp5] .form-group label {
    font-size: 11px;
    font-weight: 800;
    color: #475569;
}

[b-2skquolvp5] .form-group input, [b-2skquolvp5] .form-group textarea, [b-2skquolvp5] .form-group select {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-family: 'Cairo', sans-serif;
    font-size: 13px;
}

/* Operations Compliance Layouts */
[b-2skquolvp5] .ops-layout {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

[b-2skquolvp5] .ops-subtabs-strip {
    display: flex;
    gap: 8px;
    border-bottom: 1px solid #cbd5e1;
}

[b-2skquolvp5] .ops-subtabs-strip .sub-tab-btn {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 8px 16px;
    font-family: 'Cairo', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    cursor: pointer;
    margin-bottom: -1px;
}

[b-2skquolvp5] .ops-subtabs-strip .sub-tab-btn.active {
    color: #257a9f;
    border-bottom-color: #257a9f;
}

[b-2skquolvp5] .description-lbl {
    font-size: 11px;
    color: #64748b;
    margin: 4px 0 16px 0;
}

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

[b-2skquolvp5] .danger-high-dose {
    background: #fff5f5;
}

[b-2skquolvp5] .danger-font {
    color: #ef4444;
}

[b-2skquolvp5] .success-font {
    color: #30be5c;
}

[b-2skquolvp5] .equipment-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-2skquolvp5] .equipment-card {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    padding: 16px;
}

[b-2skquolvp5] .equipment-card.maintenance-card {
    border-color: #fca5a5;
    background: #fff5f5;
}

[b-2skquolvp5] .eq-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-2skquolvp5] .eq-header .title-block {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-2skquolvp5] .eq-meta {
    display: flex;
    gap: 24px;
    font-size: 11px;
    color: #64748b;
    margin-top: 8px;
    flex-wrap: wrap;
}

[b-2skquolvp5] .eq-faults-list {
    margin-top: 12px;
    border-top: 1px solid #e2e8f0;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-2skquolvp5] .fault-item {
    font-size: 11px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 8px;
    border-radius: 4px;
}

[b-2skquolvp5] .fault-item.unresolved {
    background: #fee2e2;
    color: #991b1b;
}

[b-2skquolvp5] .fault-item.resolved {
    background: #f0fdf4;
    color: #166534;
}

[b-2skquolvp5] .fault-item .f-date {
    font-weight: bold;
}

[b-2skquolvp5] .fault-item .f-desc {
    flex: 1;
}

[b-2skquolvp5] .scope-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 12px;
}

@media (max-width: 640px) {
    [b-2skquolvp5] .scope-grid {
        grid-template-columns: 1fr;
    }
}

[b-2skquolvp5] .scope-card-item {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 12px;
}

[b-2skquolvp5] .scope-card-item .hdr {
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 6px;
}

[b-2skquolvp5] .scope-card-item .desc {
    font-size: 11px;
    color: #475569;
    margin: 0;
    line-height: 1.5;
}

[b-2skquolvp5] .scope-warning-box {
    background: #fffbeb;
    border-left: 4px solid #f59e0b;
    border-radius: 4px;
    padding: 12px;
    font-size: 11px;
    color: #78350f;
    margin-top: 16px;
    line-height: 1.5;
}

/* Overrides popup forms */
[b-2skquolvp5] .form-group-override {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

[b-2skquolvp5] .form-group-override label {
    font-size: 11px;
    font-weight: 800;
    color: #475569;
}

[b-2skquolvp5] .override-status-buttons, [b-2skquolvp5] .override-rooms-buttons {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

[b-2skquolvp5] .btn-current-tag {
    border-color: #cbd5e1;
    background: #cbd5e1;
    color: #475569;
    cursor: default;
}

/* Toast popup messages */
.toast-popup[b-2skquolvp5] {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: #ffffff;
    border-radius: 10px;
    padding: 10px 24px;
    font-weight: 700;
    font-size: 13px;
    z-index: 9999;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    max-width: 500px;
    text-align: center;
}

/* ── ANIMATIONS ── */
@keyframes pulse-b-2skquolvp5 {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
    70% { transform: scale(1.02); box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

@keyframes flashBorder-b-2skquolvp5 {
    0% { border-color: #cbd5e1; }
    50% { border-color: #f1951e; }
    100% { border-color: #cbd5e1; }
}

@keyframes flashBackgroundRed-b-2skquolvp5 {
    0% { background: #fff5f5; }
    50% { background: #fee2e2; }
    100% { background: #fff5f5; }
}

@keyframes flashBackgroundYellow-b-2skquolvp5 {
    0% { background: #fffbeb; }
    50% { background: #fef3c7; }
    100% { background: #fffbeb; }
}

/* Animation utilities matching animate.css styles used */
.animate__animated[b-2skquolvp5] {
    animation-duration: 0.3s;
    animation-fill-mode: both;
}

.animate__fadeIn[b-2skquolvp5] {
    animation-name: fadeIn-b-2skquolvp5;
}

.animate__fadeInDown[b-2skquolvp5] {
    animation-name: fadeInDown-b-2skquolvp5;
}

.animate__fadeInUp[b-2skquolvp5] {
    animation-name: fadeInUp-b-2skquolvp5;
}

.animate__zoomIn[b-2skquolvp5] {
    animation-name: zoomIn-b-2skquolvp5;
}

.animate__shakeX[b-2skquolvp5] {
    animation-name: shakeX-b-2skquolvp5;
}

.animate__pulse[b-2skquolvp5] {
    animation-name: pulseAnim-b-2skquolvp5;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

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

@keyframes fadeInDown-b-2skquolvp5 {
    from { opacity: 0; transform: translate3d(-50%, -20px, 0); }
    to { opacity: 1; transform: translate3d(-50%, 0, 0); }
}

@keyframes fadeInUp-b-2skquolvp5 {
    from { opacity: 0; transform: translate3d(0, 20px, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes zoomIn-b-2skquolvp5 {
    from { opacity: 0; transform: scale3d(0.95, 0.95, 0.95); }
    to { opacity: 1; }
}

@keyframes shakeX-b-2skquolvp5 {
    from, to { transform: translate3d(0, 0, 0); }
    10%, 30%, 50%, 70%, 90% { transform: translate3d(-4px, 0, 0); }
    20%, 40%, 60%, 80% { transform: translate3d(4px, 0, 0); }
}

@keyframes pulseAnim-b-2skquolvp5 {
    from { transform: scale3d(1, 1, 1); }
    50% { transform: scale3d(1.05, 1.05, 1.05); }
    to { transform: scale3d(1, 1, 1); }
}
/* /Components/Pages/Scheduling/AppointmentCalendar.razor.rz.scp.css */
.btn-disabled-slot[b-fmw6utgzsq] {
    background: #f1f5f9 !important;
    color: #94a3b8 !important;
    border: 1px solid #cbd5e1 !important;
    cursor: not-allowed !important;
}
/* /Components/Shared/ClinicalOrdersWorkspace.razor.rz.scp.css */
.orders-container[b-vzg2rjjhfa] {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.orders-header[b-vzg2rjjhfa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 8px;
}
.orders-header h4[b-vzg2rjjhfa] {
    margin: 0;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
}
.orders-selection-grid[b-vzg2rjjhfa] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
@media (min-width: 768px) {
    .orders-selection-grid[b-vzg2rjjhfa] {
        grid-template-columns: 1fr 1fr;
    }
}
.orders-section[b-vzg2rjjhfa] {
    display: flex;
    flex-direction: column;
}
.orders-section h5[b-vzg2rjjhfa] {
    margin: 0 0 10px 0;
    font-size: 12px;
    color: #0f172a;
    font-weight: 700;
    border-left: 3px solid #3b82f6;
    padding-left: 8px;
}
.urgency-row[b-vzg2rjjhfa] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    background: #f8fafc;
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.04);
}
.urgency-label[b-vzg2rjjhfa] {
    font-size: 11px;
    color: #64748b;
}
.urgency-options[b-vzg2rjjhfa] {
    display: flex;
    gap: 12px;
}
.urgency-opt[b-vzg2rjjhfa] {
    font-size: 11px;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}
.urgency-opt.urgent[b-vzg2rjjhfa] {
    color: #dc2626;
    font-weight: bold;
}
.test-checkbox-list[b-vzg2rjjhfa] {
    background: #f8fafc;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    max-height: 300px;
    overflow-y: auto;
    padding: 6px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.test-checkbox-item[b-vzg2rjjhfa] {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    background: transparent;
    border: 1px solid transparent;
}
.test-checkbox-item:hover[b-vzg2rjjhfa] {
    background: #f1f5f9;
}
.test-checkbox-item.selected[b-vzg2rjjhfa] {
    background: rgba(59, 130, 246, 0.08);
    border-color: rgba(59, 130, 246, 0.2);
}
.test-checkbox-check[b-vzg2rjjhfa] {
    width: 16px;
    height: 16px;
    border: 1.5px solid #cbd5e1;
    border-radius: 4px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3b82f6;
    font-weight: bold;
    font-size: 10px;
    background: #ffffff;
}
.selected .test-checkbox-check[b-vzg2rjjhfa] {
    border-color: #3b82f6;
    background: #3b82f6;
    color: #fff;
}
.test-checkbox-details[b-vzg2rjjhfa] {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.test-name[b-vzg2rjjhfa] {
    font-size: 12px;
    color: #0f172a;
    font-weight: 550;
}
.test-name-ar[b-vzg2rjjhfa] {
    font-size: 10px;
    color: #64748b;
}
.test-cost[b-vzg2rjjhfa] {
    font-family: monospace;
    font-size: 11px;
    font-weight: 700;
    color: #475569;
}
.selected .test-cost[b-vzg2rjjhfa] {
    color: #b45309;
}

/* Summary box */
.orders-summary-box[b-vzg2rjjhfa] {
    margin-top: 20px;
    background: #f8fafc;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 12px 16px;
}
.summary-row[b-vzg2rjjhfa] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #475569;
    margin-bottom: 6px;
}
.summary-row.total[b-vzg2rjjhfa] {
    margin-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    padding-top: 10px;
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
}
.summary-val[b-vzg2rjjhfa] {
    font-family: monospace;
}
.font-highlight[b-vzg2rjjhfa] {
    color: #b45309;
}
.locked-badge[b-vzg2rjjhfa] {
    background: rgba(147, 51, 234, 0.1);
    color: #7c3aed;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid rgba(147, 51, 234, 0.2);
}

/* Phase 3 Journey Tracker Styling */
.journey-tracker-section[b-vzg2rjjhfa] {
    margin-top: 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    padding-top: 20px;
}
.journey-title[b-vzg2rjjhfa] {
    font-size: 13px;
    color: #0f172a;
    font-weight: 700;
    margin-bottom: 14px;
    border-left: 3px solid #10b981;
    padding-left: 8px;
}
.orders-tracking-list[b-vzg2rjjhfa] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.tracking-card[b-vzg2rjjhfa] {
    background: #f8fafc;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    padding: 14px 18px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}
.tracking-card-header[b-vzg2rjjhfa] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.order-type-badge[b-vzg2rjjhfa] {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    text-transform: uppercase;
}
.order-type-badge.lab[b-vzg2rjjhfa] {
    background: rgba(37, 99, 235, 0.1);
    color: #2563eb;
}
.order-type-badge.radiology[b-vzg2rjjhfa] {
    background: rgba(147, 51, 234, 0.1);
    color: #9333ea;
}
.order-name[b-vzg2rjjhfa] {
    font-size: 13px;
    color: #1e293b;
    margin-right: auto;
}
.order-urgency[b-vzg2rjjhfa] {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
}
.order-urgency.routine[b-vzg2rjjhfa] {
    background: rgba(100, 116, 139, 0.1);
    color: #64748b;
}
.order-urgency.urgent[b-vzg2rjjhfa] {
    background: rgba(220, 38, 38, 0.1);
    color: #dc2626;
    font-weight: bold;
}
.order-time[b-vzg2rjjhfa] {
    font-size: 11px;
    color: #94a3b8;
    font-family: monospace;
}

/* Horizontal Stepper pipeline */
.stepper-pipeline[b-vzg2rjjhfa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
    padding: 0 10px;
}
.step-line[b-vzg2rjjhfa] {
    flex-grow: 1;
    height: 3px;
    background: #cbd5e1;
    margin: 0 8px;
    border-radius: 2px;
    transition: background 0.3s ease;
}
.step-line.done[b-vzg2rjjhfa] {
    background: #10b981;
}
.step-line.active[b-vzg2rjjhfa] {
    background: #f1951e;
}
.step[b-vzg2rjjhfa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    min-width: 80px;
    text-align: center;
}
.step-icon[b-vzg2rjjhfa] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #cbd5e1;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    transition: all 0.3s ease;
    box-shadow: 0 0 0 4px #f8fafc;
}
.step-label[b-vzg2rjjhfa] {
    font-size: 10px;
    font-weight: 600;
    color: #64748b;
    margin-top: 6px;
    white-space: nowrap;
    transition: color 0.3s ease;
}

/* Stepper state modifiers */
.step.done .step-icon[b-vzg2rjjhfa] {
    background: #10b981;
    color: #ffffff;
}
.step.done .step-label[b-vzg2rjjhfa] {
    color: #10b981;
}

.step.active .step-icon[b-vzg2rjjhfa] {
    background: #3b82f6;
    color: #ffffff;
    animation: pulse-step-b-vzg2rjjhfa 2s infinite;
}
.step.active .step-label[b-vzg2rjjhfa] {
    color: #3b82f6;
    font-weight: 700;
}

.step.active.rejected .step-icon[b-vzg2rjjhfa] {
    background: #dc2626;
    color: #ffffff;
}
.step.active.rejected .step-label[b-vzg2rjjhfa] {
    color: #dc2626;
}

.step.pending .step-icon[b-vzg2rjjhfa] {
    background: #e2e8f0;
    color: #94a3b8;
}
.step.pending .step-label[b-vzg2rjjhfa] {
    color: #94a3b8;
}

@keyframes pulse-step-b-vzg2rjjhfa {
    0% {
        box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);
    }
    70% {
        box-shadow: 0 0 0 6px rgba(59, 130, 246, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
    }
}
/* /Components/Shared/DiagnosisWorkspace.razor.rz.scp.css */
.dx-container[b-8ilkzniwi8] {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.dx-header[b-8ilkzniwi8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 8px;
}
.dx-header h4[b-8ilkzniwi8] {
    margin: 0;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
}
.search-box-row[b-8ilkzniwi8] {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
    position: relative;
}
.search-input-wrapper[b-8ilkzniwi8] {
    flex: 1;
    position: relative;
}
.search-input[b-8ilkzniwi8] {
    width: 100%;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 8px 36px 8px 12px;
    color: #0f172a;
    font-size: 13px;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.search-input:focus[b-8ilkzniwi8] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.clear-search[b-8ilkzniwi8] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #94a3b8;
    font-size: 18px;
    cursor: pointer;
}
.type-select[b-8ilkzniwi8] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #0f172a;
    padding: 8px 12px;
    font-size: 13px;
    outline: none;
    transition: border-color 0.2s ease;
}
.type-select:focus[b-8ilkzniwi8] {
    border-color: #3b82f6;
}
.results-dropdown[b-8ilkzniwi8] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    max-height: 250px;
    overflow-y: auto;
    margin-bottom: 16px;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
}
.result-item[b-8ilkzniwi8] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: background 0.15s ease;
}
.result-item:hover[b-8ilkzniwi8] {
    background: #f8fafc;
}
.result-code[b-8ilkzniwi8] {
    background: #3b82f6;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: monospace;
}
.result-details[b-8ilkzniwi8] {
    flex: 1;
}
.result-en[b-8ilkzniwi8] {
    color: #0f172a;
    font-size: 12px;
}
.result-ar[b-8ilkzniwi8] {
    color: #64748b;
    font-size: 11px;
    direction: rtl;
    text-align: right;
}
.no-results[b-8ilkzniwi8] {
    color: #64748b;
    font-size: 12px;
    padding: 8px;
    text-align: center;
}
.selected-diagnoses[b-8ilkzniwi8] {
    margin-top: 16px;
}
.selected-diagnoses h5[b-8ilkzniwi8] {
    margin: 0 0 10px 0;
    font-size: 12px;
    color: #64748b;
    font-weight: 600;
}
.dx-warning[b-8ilkzniwi8] {
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.2);
    color: #d97706;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 11px;
}
.dx-list[b-8ilkzniwi8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.dx-item[b-8ilkzniwi8] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f8fafc;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 8px 12px;
}
.dx-item.provisional[b-8ilkzniwi8] {
    border-left: 4px solid #f59e0b;
}
.dx-item.final[b-8ilkzniwi8] {
    border-left: 4px solid #10b981;
}
.dx-badge[b-8ilkzniwi8] {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2px 6px;
    border-radius: 4px;
}
.provisional .dx-badge[b-8ilkzniwi8] {
    background: rgba(245, 158, 11, 0.15);
    color: #d97706;
}
.final .dx-badge[b-8ilkzniwi8] {
    background: rgba(16, 185, 129, 0.15);
    color: #059669;
}
.dx-code[b-8ilkzniwi8] {
    font-family: monospace;
    font-size: 12px;
    font-weight: 700;
    color: #0f172a;
}
.dx-text[b-8ilkzniwi8] {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.dx-en[b-8ilkzniwi8] {
    color: #0f172a;
    font-size: 12px;
}
.dx-ar[b-8ilkzniwi8] {
    color: #64748b;
    font-size: 10px;
}
.remove-dx-btn[b-8ilkzniwi8] {
    background: none;
    border: none;
    color: #ef4444;
    font-size: 20px;
    cursor: pointer;
    padding: 0 4px;
    line-height: 1;
}
.locked-badge[b-8ilkzniwi8] {
    background: rgba(147, 51, 234, 0.1);
    color: #7c3aed;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid rgba(147, 51, 234, 0.2);
}
/* /Components/Shared/PatientHistoryWorkspace.razor.rz.scp.css */
.history-container[b-hs32onccrb] {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.history-header[b-hs32onccrb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 8px;
}
.history-header h4[b-hs32onccrb] {
    margin: 0;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
}
.refresh-btn[b-hs32onccrb] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #0f172a;
    font-size: 11px;
    padding: 4px 10px;
    cursor: pointer;
    transition: background 0.15s ease;
}
.refresh-btn:hover[b-hs32onccrb] {
    background: #f8fafc;
}
.history-loading[b-hs32onccrb], .no-history[b-hs32onccrb], .no-tab-data[b-hs32onccrb] {
    color: #64748b;
    font-size: 12px;
    text-align: center;
    padding: 24px;
    background: #f8fafc;
    border: 1px dashed rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}
.history-tabs-header[b-hs32onccrb] {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    margin-bottom: 16px;
}
.history-tab-btn[b-hs32onccrb] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 16px;
    cursor: pointer;
    transition: all 0.15s ease;
}
.history-tab-btn:hover[b-hs32onccrb] {
    color: #0f172a;
}
.history-tab-btn.active[b-hs32onccrb] {
    color: #3b82f6;
    border-color: #3b82f6;
}
.history-tab-content[b-hs32onccrb] {
    min-height: 200px;
}
.history-timeline[b-hs32onccrb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    padding-left: 10px;
    border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.timeline-item[b-hs32onccrb] {
    position: relative;
    padding-left: 14px;
}
.timeline-item[b-hs32onccrb]::before {
    content: '';
    position: absolute;
    left: -14px;
    top: 6px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #cbd5e1;
}
.timeline-badge[b-hs32onccrb] {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 1px 5px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 4px;
}
.timeline-badge.provisional[b-hs32onccrb] {
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
}
.timeline-badge.final[b-hs32onccrb] {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}
.timeline-badge.order-badge.lab[b-hs32onccrb] {
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
}
.timeline-badge.order-badge.radiology[b-hs32onccrb] {
    background: rgba(139, 92, 246, 0.12);
    color: #7c3aed;
}
.timeline-badge.order-badge.prescription[b-hs32onccrb] {
    background: rgba(236, 72, 153, 0.12);
    color: #db2777;
}
.timeline-date[b-hs32onccrb] {
    font-size: 10px;
    color: #64748b;
    margin-bottom: 2px;
}
.timeline-content[b-hs32onccrb] {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    padding: 8px 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}
.dx-title[b-hs32onccrb], .order-title[b-hs32onccrb] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
.dx-code[b-hs32onccrb], .order-code[b-hs32onccrb] {
    font-family: monospace;
    font-weight: 700;
    color: #2563eb;
    font-size: 11px;
}
.dx-desc-en[b-hs32onccrb], .order-name[b-hs32onccrb] {
    color: #0f172a;
    font-size: 12px;
}
.dx-desc-ar[b-hs32onccrb] {
    color: #64748b;
    font-size: 10px;
    margin-left: auto;
}
.order-status[b-hs32onccrb] {
    font-size: 9px;
    padding: 1px 4px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: auto;
}
.order-status.ordered[b-hs32onccrb] {
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
}
.order-status.completed[b-hs32onccrb] {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}
.order-status.cancelled[b-hs32onccrb] {
    background: rgba(220, 38, 38, 0.12);
    color: #dc2626;
}
.timeline-meta[b-hs32onccrb] {
    font-size: 9px;
    color: #64748b;
    margin-top: 4px;
}

/* Vitals Table */
.vitals-table-wrapper[b-hs32onccrb] {
    overflow-x: auto;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}
.vitals-table[b-hs32onccrb] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
    text-align: left;
}
.vitals-table th[b-hs32onccrb] {
    background: #f8fafc;
    color: #475569;
    font-weight: 600;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.vitals-table td[b-hs32onccrb] {
    padding: 8px 10px;
    color: #0f172a;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.vitals-table tbody tr:hover[b-hs32onccrb] {
    background: #f1f5f9;
}
.col-date[b-hs32onccrb] {
    color: #64748b;
}
.abnormal-val[b-hs32onccrb] {
    color: #dc2626;
    font-weight: 700;
}
/* /Components/Shared/PrescriptionWorkspace.razor.rz.scp.css */
.rx-container[b-n87gnjvf4s] {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.rx-header[b-n87gnjvf4s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 8px;
}
.rx-header h4[b-n87gnjvf4s] {
    margin: 0;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
}
.allergy-alert-banner[b-n87gnjvf4s] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #b91c1c;
    font-size: 11px;
    padding: 6px 12px;
    border-radius: 6px;
    margin-bottom: 12px;
    font-weight: bold;
}
.allergy-name[b-n87gnjvf4s] {
    text-decoration: underline;
    color: #ef4444;
}
.alert-banner[b-n87gnjvf4s] {
    padding: 10px 14px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 1.5;
}
.alert-banner.error-banner[b-n87gnjvf4s] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #b91c1c;
}
.alert-banner.warning-banner[b-n87gnjvf4s] {
    background: #fffbeb;
    border: 1px solid #fde047;
    color: #b45309;
}
.ddi-warning-item[b-n87gnjvf4s] {
    margin-bottom: 4px;
}
.ddi-warning-item:last-child[b-n87gnjvf4s] {
    margin-bottom: 0;
}
.rx-form[b-n87gnjvf4s] {
    background: #f8fafc;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 16px;
}
.rx-form-row[b-n87gnjvf4s] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
}
.rx-field[b-n87gnjvf4s] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.rx-field label[b-n87gnjvf4s] {
    font-size: 10px;
    color: #64748b;
    font-weight: 600;
}
.drug-select-field[b-n87gnjvf4s] {
    flex: 2;
    min-width: 200px;
}
.duration-field[b-n87gnjvf4s] {
    width: 60px;
}
.btn-field[b-n87gnjvf4s] {
    margin-left: auto;
}
.rx-input[b-n87gnjvf4s], .rx-select[b-n87gnjvf4s] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 6px 10px;
    color: #0f172a;
    font-size: 12px;
    outline: none;
    height: 32px;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.rx-select[b-n87gnjvf4s] {
    width: 100%;
}
.rx-input:focus[b-n87gnjvf4s], .rx-select:focus[b-n87gnjvf4s] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.add-rx-btn[b-n87gnjvf4s] {
    background: #2563eb;
    border: none;
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 0 16px;
    cursor: pointer;
    height: 32px;
    transition: background 0.15s ease;
}
.add-rx-btn:hover[b-n87gnjvf4s] {
    background: #1d4ed8;
}
.prescribed-list-section h5[b-n87gnjvf4s] {
    margin: 0 0 10px 0;
    font-size: 12px;
    color: #64748b;
    font-weight: 700;
}
.no-meds-info[b-n87gnjvf4s] {
    font-size: 12px;
    color: #64748b;
    text-align: center;
    padding: 12px;
    background: #f8fafc;
    border: 1px dashed rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}
.rx-grid-list[b-n87gnjvf4s] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.rx-item-card[b-n87gnjvf4s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f8fafc;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 10px 14px;
    gap: 12px;
}
.rx-card-main[b-n87gnjvf4s] {
    flex: 1;
}
.rx-card-name[b-n87gnjvf4s] {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
}
.rx-card-name-ar[b-n87gnjvf4s] {
    font-size: 11px;
    color: #64748b;
}
.rx-card-details[b-n87gnjvf4s] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}
.rx-detail-badge[b-n87gnjvf4s] {
    font-size: 9px;
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
    padding: 1px 4px;
    border-radius: 4px;
    font-family: monospace;
}
.rx-detail[b-n87gnjvf4s] {
    font-size: 10px;
    color: #475569;
}
.delete-rx-btn[b-n87gnjvf4s] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: 6px;
    color: #dc2626;
    font-size: 11px;
    padding: 4px 10px;
    cursor: pointer;
    transition: all 0.15s ease;
}
.delete-rx-btn:hover[b-n87gnjvf4s] {
    background: rgba(239, 68, 68, 0.2);
    border-color: #ef4444;
}
.locked-badge[b-n87gnjvf4s] {
    background: rgba(147, 51, 234, 0.1);
    color: #7c3aed;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid rgba(147, 51, 234, 0.2);
}
/* /Components/Shared/RegisterClinicModal.razor.rz.scp.css */
.modal-overlay[b-rkq3np3tkp] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 16px;
}

.modal-card-custom[b-rkq3np3tkp] {
    max-width: 680px;
    width: 100%;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15);
    border: 2px solid #257a9f;
}

.modal-header-custom[b-rkq3np3tkp] {
    background: #257a9f;
    color: white;
    padding: 16px 20px;
    font-weight: 700;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-close-btn[b-rkq3np3tkp] {
    background: none;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
}

.modal-body-custom[b-rkq3np3tkp] {
    padding: 20px;
}

.modal-alert-danger[b-rkq3np3tkp] {
    margin-bottom: 12px;
    font-size: 13px;
}

.modal-form-grid[b-rkq3np3tkp] {
    padding: 0;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 20px;
}

.error-message-text[b-rkq3np3tkp] {
    color: #ef4444;
    font-size: 11px;
}

.input-rtl[b-rkq3np3tkp] {
    direction: rtl;
}

.input-textarea-custom[b-rkq3np3tkp] {
    height: 60px;
    resize: vertical;
}

.input-textarea-rtl[b-rkq3np3tkp] {
    height: 60px;
    resize: vertical;
    direction: rtl;
}

.modal-footer-custom[b-rkq3np3tkp] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.btn-modal-action[b-rkq3np3tkp] {
    padding: 8px 16px;
    font-size: 13px;
}
/* /Components/Shared/RegisterDoctorModal.razor.rz.scp.css */
.modal-overlay[b-rzo6nmfnmb] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 16px;
}

.modal-card-custom[b-rzo6nmfnmb] {
    max-width: 680px;
    width: 100%;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15);
    border: 2px solid #257a9f;
}

.modal-header-custom[b-rzo6nmfnmb] {
    background: #257a9f;
    color: white;
    padding: 16px 20px;
    font-weight: 700;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-close-btn[b-rzo6nmfnmb] {
    background: none;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
}

.modal-body-custom[b-rzo6nmfnmb] {
    padding: 20px;
    max-height: 80vh;
    overflow-y: auto;
}

.modal-alert-danger[b-rzo6nmfnmb] {
    margin-bottom: 12px;
    font-size: 13px;
}

.modal-form-grid[b-rzo6nmfnmb] {
    padding: 0;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 20px;
}

.error-message-text[b-rzo6nmfnmb] {
    color: #ef4444;
    font-size: 11px;
}

.input-rtl[b-rzo6nmfnmb] {
    direction: rtl;
}

.modal-footer-custom[b-rzo6nmfnmb] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.btn-modal-action[b-rzo6nmfnmb] {
    padding: 8px 16px;
    font-size: 13px;
}
/* /Components/Shared/SoapEditor.razor.rz.scp.css */
.soap-container[b-dbh3yxrdao] {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.soap-header[b-dbh3yxrdao] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 8px;
}
.soap-header h4[b-dbh3yxrdao] {
    margin: 0;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
}
.soap-grid[b-dbh3yxrdao] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}
@media (min-width: 768px) {
    .soap-grid[b-dbh3yxrdao] {
        grid-template-columns: 1fr 1fr;
    }
}
.soap-field-group[b-dbh3yxrdao] {
    display: flex;
    flex-direction: column;
}
.soap-label[b-dbh3yxrdao] {
    font-size: 12px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 2px;
}
.soap-sub-label[b-dbh3yxrdao] {
    font-size: 10px;
    color: #64748b;
    margin-bottom: 6px;
}
.soap-textarea[b-dbh3yxrdao] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 10px;
    color: #0f172a;
    font-size: 13px;
    line-height: 1.5;
    min-height: 110px;
    outline: none;
    resize: vertical;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.soap-textarea:focus[b-dbh3yxrdao] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.soap-read-only[b-dbh3yxrdao] {
    background: #f8fafc;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 10px;
    color: #475569;
    font-size: 13px;
    line-height: 1.5;
    min-height: 110px;
    white-space: pre-wrap;
}
.locked-badge[b-dbh3yxrdao] {
    background: rgba(147, 51, 234, 0.1);
    color: #7c3aed;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid rgba(147, 51, 234, 0.2);
}
/* /Components/Shared/VitalsDisplay.razor.rz.scp.css */
.vitals-container[b-x8sfbff45a] {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.vitals-header[b-x8sfbff45a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 8px;
}
.vitals-header h4[b-x8sfbff45a] {
    margin: 0;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
}
.vitals-grid[b-x8sfbff45a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}
.vital-card[b-x8sfbff45a] {
    background: #f8fafc;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 10px 12px;
    transition: all 0.2s ease;
}
.vital-card:hover[b-x8sfbff45a] {
    border-color: rgba(59, 130, 246, 0.3);
    transform: translateY(-1px);
}
.vital-card-header[b-x8sfbff45a] {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    margin-bottom: 6px;
}
.vital-label[b-x8sfbff45a] {
    color: #475569;
    font-weight: 550;
}
.vital-limit[b-x8sfbff45a] {
    color: #64748b;
}
.vital-value-row[b-x8sfbff45a] {
    display: flex;
    align-items: baseline;
    gap: 4px;
}
.vital-value[b-x8sfbff45a] {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
}
.vital-unit[b-x8sfbff45a] {
    font-size: 10px;
    color: #64748b;
}
.vital-input[b-x8sfbff45a] {
    width: 100%;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    padding: 2px 6px;
    color: #0f172a;
    font-size: 13px;
    outline: none;
    height: 28px;
    transition: border-color 0.2s ease;
}
.vital-input:focus[b-x8sfbff45a] {
    border-color: #3b82f6;
}
.bp-inputs[b-x8sfbff45a] {
    display: flex;
    align-items: center;
    gap: 2px;
}
.bp-input[b-x8sfbff45a] {
    width: 42px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    padding: 2px;
    color: #0f172a;
    font-size: 13px;
    text-align: center;
    outline: none;
    height: 28px;
    transition: border-color 0.2s ease;
}
.bp-input:focus[b-x8sfbff45a] {
    border-color: #3b82f6;
}
.bp-divider[b-x8sfbff45a] {
    color: #64748b;
    font-weight: bold;
}

/* Abnormal highlights */
.vital-card.abnormal[b-x8sfbff45a] {
    border-color: rgba(245, 158, 11, 0.4);
    background: rgba(245, 158, 11, 0.05);
}
.vital-card.abnormal .vital-value[b-x8sfbff45a] {
    color: #d97706;
}
.vital-card.abnormal-critical[b-x8sfbff45a] {
    border-color: rgba(239, 68, 68, 0.4);
    background: rgba(239, 68, 68, 0.05);
}
.vital-card.abnormal-critical .vital-value[b-x8sfbff45a] {
    color: #dc2626;
}
.locked-badge[b-x8sfbff45a] {
    background: rgba(147, 51, 234, 0.1);
    color: #7c3aed;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid rgba(147, 51, 234, 0.2);
}