/* _content/FlowManagement/Components/Layout/AdminLayout.razor.rz.scp.css */
.navbar-vertical[b-lue4yd3l88] {
    background-color: #fff;
}

.sidebar-logo[b-lue4yd3l88] {
    height: 30px;
    width: auto;
    max-width: 120px;
}

.brand-stack[b-lue4yd3l88] {
    padding: 0;
    display: block;
    width: 100%;
}

.company-brand[b-lue4yd3l88],
.building-brand[b-lue4yd3l88] {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    width: 100%;
    display: block;
}

.company-logo-nav[b-lue4yd3l88],
.building-logo-nav[b-lue4yd3l88] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 120px;
    max-height: 220px;
    object-fit: contain;
    display: block !important;
}

.company-name[b-lue4yd3l88],
.building-name[b-lue4yd3l88] {
    margin-top: 4px;
    font-size: 0.74rem;
    font-weight: 700;
    color: #4b5567;
    line-height: 1.25;
}

.company-name[b-lue4yd3l88] {
    display: none;
}

.profile-menu-toggle[b-lue4yd3l88] {
    background: transparent;
}

.profile-avatar[b-lue4yd3l88] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid #d5d9e2;
}

.profile-avatar-fallback[b-lue4yd3l88] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #3a76ff;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
}

.admin-profile-menu .dropdown-menu[b-lue4yd3l88] {
    min-width: 12rem;
}

.navbar-vertical .nav-link[b-lue4yd3l88] {
    font-size: 0.82rem;
    padding-top: 0.34rem;
    padding-bottom: 0.34rem;
}

.navbar-vertical .nav-link-icon[b-lue4yd3l88] {
    min-width: 16px;
}
/* _content/FlowManagement/Components/Layout/AuthLayout.razor.rz.scp.css */
.main[b-okamozde6s] {
    background-color: #e9f0f7;
    min-height: 100vh;
}

.auth-row[b-okamozde6s] {
    min-height: 90vh !important;
}
/* _content/FlowManagement/Components/Layout/InstallerLayout.razor.rz.scp.css */
.installer-shell-nav[b-m3u965satl] {
    background: linear-gradient(180deg, #ffffff 0%, #f4f7fb 100%);
    border-right: 1px solid #dfe5ef;
}

.installer-logo[b-m3u965satl] {
    height: 30px;
    width: auto;
}

.installer-building-label[b-m3u965satl] {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #5b6b86;
    margin-bottom: 0.3rem;
}

.installer-nav-link[b-m3u965satl] {
    border-radius: 10px;
    color: #24324a;
    font-weight: 600;
    padding: 0.6rem 0.75rem;
}

.installer-nav-link.active[b-m3u965satl] {
    background: #0f9f64;
    color: #fff;
}

.installer-topbar[b-m3u965satl] {
    background: #fff;
    border-bottom: 1px solid #dfe5ef;
}

.installer-content[b-m3u965satl] {
    padding-top: 80px;
}

.installer-avatar[b-m3u965satl] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0f9f64;
    color: #fff;
    font-weight: 700;
}

.installer-avatar-image[b-m3u965satl] {
    object-fit: cover;
    border: 1px solid #dbe1eb;
    background: #fff;
}

@media (max-width: 991.98px) {
    .installer-shell-nav[b-m3u965satl] {
        z-index: 1041;
    }

    .installer-content[b-m3u965satl] {
        padding-top: 76px;
    }

    .installer-shell-nav .navbar-collapse[b-m3u965satl] {
        border-top: 1px solid #dfe5ef;
        background: #fff;
    }

    .installer-nav-link[b-m3u965satl] {
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
    }
}
/* _content/FlowManagement/Components/Layout/MainLayout.razor.rz.scp.css */
.container[b-fpfhvpny29] {
    max-width: 1200px;
}
/* _content/FlowManagement/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-1kfln456hq] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 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(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-1kfln456hq] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-1kfln456hq] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-1kfln456hq] {
    font-size: 1.1rem;
}

.bi[b-1kfln456hq] {
    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-1kfln456hq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' 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-1kfln456hq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' 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-1kfln456hq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' 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-1kfln456hq] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-1kfln456hq] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-1kfln456hq] {
        padding-bottom: 1rem;
    }

    .nav-item[b-1kfln456hq]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-1kfln456hq]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-1kfln456hq]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-1kfln456hq] {
    display: none;
}

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

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

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

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/FlowManagement/Components/Layout/SuperAdminLayout.razor.rz.scp.css */
.sa-shell-nav[b-d2ui27m9iz] {
    background: linear-gradient(180deg, #ffffff 0%, #f4f7fb 100%);
    border-right: 1px solid #dfe5ef;
}

.sa-logo[b-d2ui27m9iz] {
    height: 30px;
    width: auto;
}

.sa-nav-link[b-d2ui27m9iz] {
    border-radius: 10px;
    color: #24324a;
    font-weight: 600;
    padding: 0.6rem 0.75rem;
}

.sa-nav-link.active[b-d2ui27m9iz] {
    background: #1f6fff;
    color: #fff;
}

.sa-topbar[b-d2ui27m9iz] {
    background: #fff;
    border-bottom: 1px solid #dfe5ef;
}

.sa-content[b-d2ui27m9iz] {
    padding-top: 80px;
}

.sa-avatar[b-d2ui27m9iz] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1f6fff;
    color: #fff;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .sa-shell-nav[b-d2ui27m9iz] {
        z-index: 1041;
    }

    .sa-content[b-d2ui27m9iz] {
        padding-top: 76px;
    }

    .sa-shell-nav .navbar-collapse[b-d2ui27m9iz] {
        border-top: 1px solid #dfe5ef;
        background: #fff;
    }

    .sa-nav-link[b-d2ui27m9iz] {
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
    }
}
/* _content/FlowManagement/Components/Layout/TenantLayout.razor.rz.scp.css */
.profile-menu-toggle[b-ohiamvild1] {
    background: transparent;
}

.tenant-building-logo[b-ohiamvild1] {
    max-width: 110px;
    max-height: 28px;
    object-fit: contain;
    border: 1px solid #dbe1eb;
    border-radius: 6px;
    background: #fff;
    padding: 2px 4px;
}

.profile-avatar[b-ohiamvild1] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid #d8deea;
}

.profile-avatar-fallback[b-ohiamvild1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #2563eb;
    background: #e8f0ff;
}
/* _content/FlowManagement/Components/Layout/UserLayout.razor.rz.scp.css */
.navbar-vertical[b-fafamu80qh] {
    background-color: #fff;
}

.sidebar-logo[b-fafamu80qh] {
    height: 30px;
    width: auto;
    max-width: 120px;
}

.user-brand-stack[b-fafamu80qh] {
    padding-bottom: 8px;
}

.building-brand[b-fafamu80qh] {
    border: 1px solid #dce3ef;
    border-radius: 10px;
    background: #fff;
    padding: 8px;
}

.building-logo-nav[b-fafamu80qh] {
    max-width: 120px;
    max-height: 40px;
    object-fit: contain;
    display: block;
}

.building-name[b-fafamu80qh] {
    margin-top: 4px;
    font-size: 0.72rem;
    font-weight: 700;
    color: #4b5567;
}

.navbar-vertical .nav-link[b-fafamu80qh] {
    font-size: 0.82rem;
    padding-top: 0.34rem;
    padding-bottom: 0.34rem;
}

.navbar-vertical .nav-link-icon[b-fafamu80qh] {
    min-width: 16px;
}

.profile-menu-toggle[b-fafamu80qh] {
    background: transparent;
}

.profile-avatar[b-fafamu80qh] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid #d8deea;
}

.profile-avatar-fallback[b-fafamu80qh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #2563eb;
    background: #e8f0ff;
}
/* _content/FlowManagement/Components/Pages/Admin/Buildings.razor.rz.scp.css */
.building-logo-thumb[b-jxpqcwrmib] {
    width: 42px;
    height: 42px;
    object-fit: contain;
    border: 1px solid #d9e0ea;
    border-radius: 8px;
    background: #fff;
    padding: 2px;
}

.building-logo-preview[b-jxpqcwrmib] {
    max-width: 140px;
    max-height: 64px;
    object-fit: contain;
    border: 1px solid #d9e0ea;
    border-radius: 8px;
    background: #fff;
    padding: 4px;
}
/* _content/FlowManagement/Components/Pages/Admin/Dashboard.razor.rz.scp.css */
/* ============================
   DASHBOARD SHELL
   ============================ */
.dash-hero[b-mfyld432xx] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(360px, 0.95fr);
    gap: 1rem;
    position: relative;
    overflow: hidden;
    padding: 1.35rem;
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.22), transparent 34%),
        radial-gradient(circle at bottom right, rgba(236, 72, 153, 0.18), transparent 28%),
        linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(30, 41, 59, 0.92));
    border: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
}

.dash-hero[b-mfyld432xx]::before,
.dash-hero[b-mfyld432xx]::after {
    content: '';
    position: absolute;
    inset: auto;
    border-radius: 999px;
    pointer-events: none;
    filter: blur(2px);
}

.dash-hero[b-mfyld432xx]::before {
    width: 160px;
    height: 160px;
    background: rgba(34, 197, 94, 0.18);
    top: -52px;
    right: 14%;
}

.dash-hero[b-mfyld432xx]::after {
    width: 220px;
    height: 220px;
    background: rgba(99, 102, 241, 0.18);
    bottom: -120px;
    left: -60px;
}

.dash-hero-copy[b-mfyld432xx],
.dash-hero-panel[b-mfyld432xx] {
    position: relative;
    z-index: 1;
}

.dash-kicker[b-mfyld432xx] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.7rem;
    margin-bottom: 0.6rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #dbeafe;
    background: rgba(59, 130, 246, 0.16);
    border: 1px solid rgba(147, 197, 253, 0.2);
}

.dash-hero .dash-title[b-mfyld432xx] {
    color: #f8fafc;
    font-size: clamp(2.1rem, 2.7vw, 3.2rem);
    line-height: 0.95;
}

.dash-hero .dash-subtitle[b-mfyld432xx] {
    color: rgba(226, 232, 240, 0.82);
    font-size: 0.98rem;
    margin-top: 0.55rem;
}

.hero-pill-row[b-mfyld432xx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.hero-pill[b-mfyld432xx] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.45rem 0.75rem;
    font-size: 0.72rem;
    font-weight: 700;
    color: #fff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
    backdrop-filter: blur(10px);
}

.hero-pill-teal[b-mfyld432xx] { background: linear-gradient(135deg, #0f766e, #14b8a6); }
.hero-pill-blue[b-mfyld432xx] { background: linear-gradient(135deg, #2563eb, #38bdf8); }
.hero-pill-orange[b-mfyld432xx] { background: linear-gradient(135deg, #c2410c, #fb923c); }
.hero-pill-purple[b-mfyld432xx] { background: linear-gradient(135deg, #6d28d9, #a855f7); }

.hero-metric-row[b-mfyld432xx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.hero-metric-card[b-mfyld432xx] {
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    padding: 0.95rem 1rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(14px);
}

.hero-metric-card[b-mfyld432xx]::after {
    content: '';
    position: absolute;
    right: -18px;
    top: -18px;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
}

.hero-metric-value[b-mfyld432xx] {
    font-size: 1.9rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.04em;
    color: #fff;
}

.hero-metric-label[b-mfyld432xx] {
    margin-top: 0.25rem;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(226, 232, 240, 0.88);
}

.hero-metric-note[b-mfyld432xx] {
    margin-top: 0.2rem;
    font-size: 0.72rem;
    color: rgba(226, 232, 240, 0.7);
}

.hero-metric-card-green[b-mfyld432xx] { box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.22); }
.hero-metric-card-blue[b-mfyld432xx] { box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.22); }
.hero-metric-card-orange[b-mfyld432xx] { box-shadow: inset 0 0 0 1px rgba(249, 115, 22, 0.22); }

.dash-hero-panel[b-mfyld432xx] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.hero-date[b-mfyld432xx] {
    align-self: flex-end;
}

.hero-calendar-shell[b-mfyld432xx] {
    padding: 1rem;
    border-radius: 1.2rem;
    background: rgba(15, 23, 42, 0.42);
    border: 1px solid rgba(148, 163, 184, 0.14);
    backdrop-filter: blur(18px);
}

.hero-calendar-head[b-mfyld432xx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.8rem;
}

.hero-calendar-title[b-mfyld432xx] {
    font-size: 1rem;
    font-weight: 800;
    color: #f8fafc;
}

.hero-calendar-subtitle[b-mfyld432xx] {
    font-size: 0.72rem;
    color: rgba(226, 232, 240, 0.7);
    margin-top: 0.1rem;
}

.hero-calendar-badge[b-mfyld432xx] {
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #c4b5fd;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    background: rgba(109, 40, 217, 0.12);
}

.hero-calendar-grid[b-mfyld432xx] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.45rem;
}

.hero-calendar-cell[b-mfyld432xx] {
    min-height: 3rem;
    border-radius: 0.9rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
    color: rgba(226, 232, 240, 0.88);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.hero-calendar-empty[b-mfyld432xx] {
    opacity: 0.12;
}

.hero-calendar-event[b-mfyld432xx] {
    background: linear-gradient(180deg, rgba(37, 99, 235, 0.32), rgba(37, 99, 235, 0.16));
}

.hero-calendar-alert[b-mfyld432xx] {
    background: linear-gradient(180deg, rgba(251, 146, 60, 0.34), rgba(251, 146, 60, 0.16));
}

.hero-calendar-today[b-mfyld432xx] {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    color: #fff;
    box-shadow: 0 10px 24px rgba(99, 102, 241, 0.35);
}

.hero-calendar-dot[b-mfyld432xx] {
    position: absolute;
    bottom: 0.38rem;
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.95;
}

.ops-dashboard[b-mfyld432xx] {
    position: relative;
}

.ops-dashboard[b-mfyld432xx]::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 10% 10%, rgba(14, 165, 233, 0.08), transparent 25%),
        radial-gradient(circle at 90% 12%, rgba(168, 85, 247, 0.09), transparent 22%),
        radial-gradient(circle at 45% 90%, rgba(34, 197, 94, 0.06), transparent 24%),
        linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
}

/* ============================
   HEADER
   ============================ */
.dash-header[b-mfyld432xx] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.dash-title[b-mfyld432xx] {
    font-size: 1.6rem;
    font-weight: 900;
    color: #111827;
    margin: 0;
    letter-spacing: -0.03em;
}

.dash-subtitle[b-mfyld432xx] {
    font-size: 0.88rem;
    color: #6b7280;
    margin: 0.2rem 0 0;
}

.dash-date-badge[b-mfyld432xx] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.35);
}

.dash-date-icon[b-mfyld432xx] {
    font-size: 1rem;
}

/* ============================
   KPI CARDS
   ============================ */
.kpi-card[b-mfyld432xx] {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-radius: 1.15rem;
    padding: 1.15rem 1.2rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
    color: #fff;
}

.kpi-card[b-mfyld432xx]::before {
    content: '';
    position: absolute;
    top: -20px;
    right: -20px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
}

.kpi-card[b-mfyld432xx]::after {
    content: '';
    position: absolute;
    bottom: -30px;
    right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
}

.kpi-card:hover[b-mfyld432xx], .kpi-card:focus-visible[b-mfyld432xx] {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.18);
    filter: saturate(1.04);
    outline: none;
}

.kpi-green[b-mfyld432xx]  { background: linear-gradient(135deg, #059669 0%, #10b981 100%); box-shadow: 0 4px 14px rgba(5,150,105,0.3); }
.kpi-blue[b-mfyld432xx]   { background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%); box-shadow: 0 4px 14px rgba(37,99,235,0.3); }
.kpi-orange[b-mfyld432xx] { background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%); box-shadow: 0 4px 14px rgba(217,119,6,0.3); }
.kpi-purple[b-mfyld432xx] { background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%); box-shadow: 0 4px 14px rgba(124,58,237,0.3); }
.kpi-red[b-mfyld432xx]    { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); box-shadow: 0 4px 14px rgba(220,38,38,0.3); }

.kpi-icon-wrap[b-mfyld432xx] {
    font-size: 1.8rem;
    flex-shrink: 0;
    z-index: 1;
}

.kpi-body[b-mfyld432xx] {
    flex: 1;
    z-index: 1;
}

.kpi-label[b-mfyld432xx] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 0.85;
}

.kpi-value[b-mfyld432xx] {
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.1;
    margin: 0.15rem 0;
}

.kpi-sub[b-mfyld432xx] {
    font-size: 1rem;
    font-weight: 500;
    opacity: 0.75;
}

.kpi-note[b-mfyld432xx] {
    font-size: 0.72rem;
    opacity: 0.75;
}

.kpi-trend[b-mfyld432xx] {
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.5;
    writing-mode: vertical-rl;
    z-index: 1;
}

/* ============================
   DASH CARD (general card)
   ============================ */
.dash-card[b-mfyld432xx] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.84));
    border-radius: 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    padding: 1.25rem;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(14px);
}

.dash-card-header[b-mfyld432xx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.dash-card-title[b-mfyld432xx] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #0f172a;
}

.dash-card-subtitle[b-mfyld432xx] {
    font-size: 0.75rem;
    color: #9ca3af;
    margin-top: 0.1rem;
}

.dash-card-badge[b-mfyld432xx] {
    flex-shrink: 0;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.badge-blue[b-mfyld432xx]   { background: #eff6ff; color: #1d4ed8; }
.badge-purple[b-mfyld432xx] { background: #f5f3ff; color: #6d28d9; }
.badge-red[b-mfyld432xx]    { background: #fef2f2; color: #b91c1c; }
.badge-green[b-mfyld432xx]  { background: #f0fdf4; color: #15803d; }
.badge-orange[b-mfyld432xx] { background: #fff7ed; color: #c2410c; }
.badge-teal[b-mfyld432xx]   { background: #f0fdfa; color: #0f766e; }

/* ============================
   TREND CHART
   ============================ */
.trend-hero[b-mfyld432xx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.trend-summary[b-mfyld432xx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.trend-chip[b-mfyld432xx] {
    padding: 0.85rem 0.95rem;
    border-radius: 1rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-height: 5rem;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
}

.trend-chip-value[b-mfyld432xx] {
    font-size: 1.75rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.04em;
}

.trend-chip-label[b-mfyld432xx] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.85;
}

.trend-chip-green[b-mfyld432xx] { background: linear-gradient(135deg, #059669, #10b981); }
.trend-chip-blue[b-mfyld432xx] { background: linear-gradient(135deg, #2563eb, #38bdf8); }
.trend-chip-orange[b-mfyld432xx] { background: linear-gradient(135deg, #d97706, #fb923c); }

.trend-chart[b-mfyld432xx] {
    width: 100%;
    height: auto;
    display: block;
}

.trend-chart-bg[b-mfyld432xx] {
    fill: rgba(255, 255, 255, 0.78);
    stroke: rgba(148, 163, 184, 0.16);
    stroke-width: 1;
}

.trend-area[b-mfyld432xx] {
    fill: url(#serviceTrendFill);
}

.trend-line[b-mfyld432xx] {
    fill: none;
    stroke: url(#serviceTrendStroke);
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 10px 14px rgba(99, 102, 241, 0.18));
}

.trend-point[b-mfyld432xx] {
    fill: #fff;
    stroke: #6366f1;
    stroke-width: 4;
    filter: drop-shadow(0 6px 8px rgba(99, 102, 241, 0.16));
}

.trend-axis[b-mfyld432xx] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.45rem;
    margin-top: 0.55rem;
}

.trend-axis-item[b-mfyld432xx] {
    border-radius: 0.9rem;
    padding: 0.55rem 0.5rem;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.95), rgba(241, 245, 249, 0.88));
    border: 1px solid rgba(148, 163, 184, 0.14);
    text-align: center;
}

.trend-axis-value[b-mfyld432xx] {
    font-size: 1rem;
    font-weight: 900;
    color: #111827;
    line-height: 1;
}

.trend-axis-label[b-mfyld432xx] {
    margin-top: 0.18rem;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #64748b;
}

.trend-label[b-mfyld432xx] {
    fill: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-anchor: middle;
}

.trend-value[b-mfyld432xx] {
    fill: #111827;
    font-size: 16px;
    font-weight: 900;
    text-anchor: middle;
}

/* ============================
   BAR CHART
   ============================ */
.bar-grid[b-mfyld432xx] {
    height: 200px;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.6rem;
    align-items: end;
    margin-top: 0.5rem;
}

.bar-item[b-mfyld432xx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.bar-track[b-mfyld432xx] {
    width: 100%;
    height: 140px;
    border-radius: 0.5rem;
    background: #f3f4f6;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}

.bar-fill[b-mfyld432xx] {
    width: 100%;
    background: linear-gradient(180deg, #6366f1 0%, #4f46e5 100%);
    border-radius: 0.5rem 0.5rem 0 0;
    transition: height 0.4s ease;
    min-height: 4px;
}

.bar-value[b-mfyld432xx] {
    font-size: 0.72rem;
    font-weight: 800;
    color: #374151;
}

.bar-label[b-mfyld432xx] {
    font-size: 0.68rem;
    color: #9ca3af;
    font-weight: 500;
}

/* ============================
   DONUT CHART
   ============================ */
.donut-wrap[b-mfyld432xx] {
    position: relative;
    width: 140px;
    height: 140px;
    margin: 0.5rem auto 1rem;
}

.donut-chart[b-mfyld432xx] {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.donut-chart[b-mfyld432xx]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
}

.donut-center[b-mfyld432xx] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

.donut-total[b-mfyld432xx] {
    font-size: 1.5rem;
    font-weight: 900;
    color: #111827;
    line-height: 1;
}

.donut-label[b-mfyld432xx] {
    font-size: 0.65rem;
    color: #9ca3af;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.legend-list[b-mfyld432xx] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.legend-item[b-mfyld432xx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.78rem;
}

.legend-dot[b-mfyld432xx] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.legend-label[b-mfyld432xx] {
    flex: 1;
    color: #374151;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.legend-count[b-mfyld432xx] {
    font-weight: 700;
    color: #111827;
}

/* ============================
   ISSUE STATUS
   ============================ */
.issue-stat-list[b-mfyld432xx] {
    padding: 0.25rem 0;
}

.issue-stat-item[b-mfyld432xx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
}

.issue-stat-dot[b-mfyld432xx] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.issue-stat-label[b-mfyld432xx] {
    flex: 1;
    font-size: 0.82rem;
    color: #374151;
}

.issue-stat-value[b-mfyld432xx] {
    font-size: 1.1rem;
    font-weight: 800;
    color: #111827;
}

.issue-progress-wrap[b-mfyld432xx] {
    height: 8px;
    background: #f3f4f6;
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.issue-progress-bar[b-mfyld432xx] {
    height: 100%;
    border-radius: 999px;
    transition: width 0.5s ease;
    min-width: 4px;
}

.issue-stat-divider[b-mfyld432xx] {
    border-top: 1px dashed #e5e7eb;
    margin: 0.75rem 0;
}

.issue-stat-total[b-mfyld432xx] {
    display: flex;
    justify-content: space-between;
    font-size: 0.82rem;
    color: #6b7280;
}

/* ============================
   MINI CALENDAR
   ============================ */
.mini-cal[b-mfyld432xx] {
    margin-bottom: 0.75rem;
}

.cal-weekdays[b-mfyld432xx] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    margin-bottom: 0.25rem;
}

.cal-wday[b-mfyld432xx] {
    text-align: center;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #9ca3af;
    padding: 0.25rem 0;
}

.cal-days[b-mfyld432xx] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.cal-cell[b-mfyld432xx] {
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 500;
    color: #374151;
    border-radius: 0.4rem;
    position: relative;
    cursor: default;
}

.cal-empty[b-mfyld432xx] {
    background: transparent;
}

.cal-today[b-mfyld432xx] {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    color: #fff;
    font-weight: 800;
    box-shadow: 0 2px 8px rgba(99,102,241,0.4);
}

.cal-has-event[b-mfyld432xx] {
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 600;
}

.cal-attention[b-mfyld432xx] {
    background: #fff7ed;
    color: #c2410c;
    font-weight: 700;
}

.cal-dot[b-mfyld432xx] {
    position: absolute;
    bottom: 3px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.7;
}

.cal-legend[b-mfyld432xx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.cal-legend-item[b-mfyld432xx] {
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.2rem 0.5rem;
    border-radius: 0.3rem;
}

.cal-today-sample[b-mfyld432xx]      { background: linear-gradient(135deg,#6366f1,#8b5cf6); color:#fff; }
.cal-event-sample[b-mfyld432xx]      { background: #eff6ff; color: #1d4ed8; }
.cal-attention-sample[b-mfyld432xx]  { background: #fff7ed; color: #c2410c; }

/* ============================
   DASH TABLE
   ============================ */
.dash-table[b-mfyld432xx] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.dash-table thead th[b-mfyld432xx] {
    padding: 0.5rem 0.75rem;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6b7280;
    border-bottom: 1px solid #f3f4f6;
    background: #fafafa;
    white-space: nowrap;
}

.dash-table tbody tr[b-mfyld432xx] {
    transition: background 0.1s ease;
}

.dash-table tbody tr:hover[b-mfyld432xx] {
    background: #f9fafb;
}

.dash-table tbody td[b-mfyld432xx] {
    padding: 0.55rem 0.75rem;
    border-bottom: 1px solid #f3f4f6;
    color: #374151;
    vertical-align: middle;
}

.dash-table tbody tr:last-child td[b-mfyld432xx] {
    border-bottom: none;
}

.type-pill[b-mfyld432xx] {
    display: inline-block;
    background: #f3f4f6;
    color: #4b5563;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
}

.status-badge[b-mfyld432xx] {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.22rem 0.6rem;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.status-urgent[b-mfyld432xx]   { background: #fef2f2; color: #b91c1c; }
.status-reminder[b-mfyld432xx] { background: #fff7ed; color: #c2410c; }
.status-planned[b-mfyld432xx]  { background: #eff6ff; color: #1d4ed8; }

.dash-btn-sm[b-mfyld432xx] {
    background: transparent;
    border: 1px solid #d1d5db;
    border-radius: 0.4rem;
    color: #374151;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.25rem 0.6rem;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s, color 0.12s;
}

.dash-btn-sm:hover[b-mfyld432xx] {
    background: #6366f1;
    border-color: #6366f1;
    color: #fff;
}

/* ============================
   REMINDER LIST
   ============================ */
.reminder-list[b-mfyld432xx] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.reminder-item[b-mfyld432xx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.75rem;
    border-radius: 0.6rem;
    background: #f9fafb;
    border: 1px solid #f3f4f6;
    transition: background 0.1s;
}

.reminder-item:hover[b-mfyld432xx] {
    background: #f3f4f6;
}

.reminder-icon-wrap[b-mfyld432xx] {
    width: 36px;
    height: 36px;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.urgency-high[b-mfyld432xx]   { background: #fff7ed; color: #c2410c; }
.urgency-normal[b-mfyld432xx] { background: #eff6ff; color: #1d4ed8; }

.reminder-body[b-mfyld432xx] {
    flex: 1;
    min-width: 0;
}

.reminder-name[b-mfyld432xx] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reminder-type[b-mfyld432xx] {
    font-size: 0.7rem;
    color: #6b7280;
    margin-top: 0.1rem;
}

.reminder-days[b-mfyld432xx] {
    font-size: 0.72rem;
    font-weight: 800;
    padding: 0.2rem 0.5rem;
    border-radius: 0.3rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.reminder-days.urgency-high[b-mfyld432xx]   { background: #fff7ed; color: #c2410c; }
.reminder-days.urgency-normal[b-mfyld432xx] { background: #eff6ff; color: #1d4ed8; }

/* ============================
   ATTENTION LIST
   ============================ */
.attention-list[b-mfyld432xx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.attention-item[b-mfyld432xx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 0.75rem;
    border-radius: 0.6rem;
    border: 1px solid #f3f4f6;
    background: #f9fafb;
    transition: background 0.1s;
}

.attention-item:hover[b-mfyld432xx] { background: #f3f4f6; }
.attention-urgent[b-mfyld432xx] { border-left: 3px solid #ef4444; background: #fff8f8; }

.attention-left[b-mfyld432xx] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
}

.attention-dot[b-mfyld432xx] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.dot-red[b-mfyld432xx]    { background: #ef4444; }
.dot-orange[b-mfyld432xx] { background: #f97316; }
.dot-blue[b-mfyld432xx]   { background: #3b82f6; }

.attention-body[b-mfyld432xx] { min-width: 0; }

.attention-name[b-mfyld432xx] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attention-meta[b-mfyld432xx] {
    font-size: 0.7rem;
    color: #6b7280;
    margin-top: 0.1rem;
}

.attention-right[b-mfyld432xx] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.2rem;
    flex-shrink: 0;
}

.attention-tag[b-mfyld432xx] {
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.tag-red[b-mfyld432xx]    { background: #fef2f2; color: #b91c1c; }
.tag-orange[b-mfyld432xx] { background: #fff7ed; color: #c2410c; }
.tag-blue[b-mfyld432xx]   { background: #eff6ff; color: #1d4ed8; }

.attention-days[b-mfyld432xx] {
    font-size: 0.7rem;
    font-weight: 700;
    color: #6b7280;
}

.attention-overdue[b-mfyld432xx] {
    font-size: 0.7rem;
    font-weight: 800;
    color: #b91c1c;
}

/* ============================
   FILTER BAR + TOGGLE
   ============================ */
.dash-filter-bar[b-mfyld432xx] {
    padding: 0.85rem 1rem;
    border-top: 1px solid #f3f4f6;
    background: #fafafa;
}

.dash-toggle-btn[b-mfyld432xx] {
    background: transparent;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    color: #374151;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 0.35rem 0.85rem;
    cursor: pointer;
    transition: background 0.12s, color 0.12s;
}

.dash-toggle-btn:hover[b-mfyld432xx] {
    background: #f3f4f6;
    color: #111827;
}

/* ============================
   EMPTY STATE
   ============================ */
.empty-state[b-mfyld432xx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    gap: 0.5rem;
}

.empty-icon[b-mfyld432xx] {
    font-size: 2.5rem;
    opacity: 0.4;
}

.empty-text[b-mfyld432xx] {
    font-size: 0.82rem;
    color: #9ca3af;
    text-align: center;
}

.empty-state-inline[b-mfyld432xx] {
    text-align: center;
    padding: 1.5rem;
    color: #9ca3af;
    font-size: 0.82rem;
}

/* ============================
   ISSUE MODAL TABS (kept)
   ============================ */
.issue-modal-tabs[b-mfyld432xx] {
    list-style: none;
    display: inline-flex;
    gap: 0.45rem;
    margin: 0;
    padding: 0.3rem;
    border: 1px solid #dbe2ef;
    border-radius: 999px;
    background: #f4f7fc;
}

.issue-tab-btn[b-mfyld432xx] {
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #4a5675;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 0.42rem 0.85rem;
    transition: background-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
}

.issue-tab-btn:hover[b-mfyld432xx] {
    background: #e8eefb;
    color: #1f2a44;
}

.issue-tab-btn.active[b-mfyld432xx] {
    background: linear-gradient(180deg, #3874ff 0%, #2563eb 100%);
    color: #fff;
    box-shadow: 0 4px 10px rgba(37,99,235,0.26);
}

/* ============================
   PREMIUM DASHBOARD REDESIGN
   ============================ */
.premium-dashboard[b-mfyld432xx] {
    padding: 0.35rem 0 1.25rem;
    color: #0f172a;
}

.premium-dashboard *[b-mfyld432xx] {
    box-sizing: border-box;
}

.premium-dashboard .dashboard-topbar[b-mfyld432xx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.premium-dashboard .dashboard-kicker[b-mfyld432xx] {
    font-size: 0.78rem;
    font-weight: 800;
    color: #1f2937;
    margin-bottom: 0.15rem;
}

.premium-dashboard .dashboard-title[b-mfyld432xx] {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.1;
    letter-spacing: -0.04em;
    font-weight: 900;
    color: #0f172a;
}

.premium-dashboard .dashboard-subtitle[b-mfyld432xx] {
    margin: 0.2rem 0 0;
    font-size: 0.85rem;
    color: #64748b;
}

.premium-dashboard .dashboard-topbar-right[b-mfyld432xx] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.premium-dashboard .dashboard-range-picker[b-mfyld432xx] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.4rem 0.55rem;
    border-radius: 0.95rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    flex-wrap: wrap;
}

.premium-dashboard .dashboard-range-field[b-mfyld432xx] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.premium-dashboard .dashboard-range-field span[b-mfyld432xx] {
    font-size: 0.64rem;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.premium-dashboard .dashboard-range-input[b-mfyld432xx] {
    width: 9.2rem;
    border-radius: 0.7rem;
    border: 1px solid #dbe3ee;
    background: #f8fafc;
    color: #0f172a;
    font-size: 0.78rem;
    padding: 0.3rem 0.55rem;
}

.premium-dashboard .dashboard-range-reset[b-mfyld432xx] {
    align-self: flex-end;
    border-radius: 0.75rem;
    border: 1px solid #dbe3ee;
    background: #f8fafc;
    color: #334155;
    font-size: 0.76rem;
    font-weight: 800;
    padding: 0.42rem 0.75rem;
}

.premium-dashboard .dashboard-icon-button[b-mfyld432xx] {
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    background: #fff;
    color: #475569;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.premium-dashboard .dashboard-user-chip[b-mfyld432xx] {
    min-width: 130px;
    padding: 0.45rem 0.8rem;
    border-radius: 0.95rem;
    border: 1px solid #e5e7eb;
    background: linear-gradient(180deg, #fff, #fafafa);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.05rem;
}

.premium-dashboard .dashboard-user-chip span[b-mfyld432xx] {
    font-size: 0.8rem;
    font-weight: 800;
    color: #0f172a;
}

.premium-dashboard .dashboard-user-chip small[b-mfyld432xx] {
    font-size: 0.68rem;
    color: #64748b;
}

.premium-dashboard .metric-strip[b-mfyld432xx] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.8rem;
    margin-bottom: 1rem;
}

.premium-dashboard .metric-card[b-mfyld432xx] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid #e5e7eb;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.premium-dashboard .dashboard-clickable[b-mfyld432xx] {
    cursor: pointer;
}

.premium-dashboard .metric-card[b-mfyld432xx]::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    border-radius: 0 999px 999px 0;
    background: #cbd5e1;
}

.premium-dashboard .metric-card:hover[b-mfyld432xx],
.premium-dashboard .metric-card:focus-visible[b-mfyld432xx] {
    transform: translateY(-2px);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.1);
    outline: none;
}

.premium-dashboard .metric-copy[b-mfyld432xx] {
    min-width: 0;
}

.premium-dashboard .metric-label[b-mfyld432xx] {
    font-size: 0.7rem;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.premium-dashboard .metric-value[b-mfyld432xx] {
    font-size: 1.55rem;
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -0.04em;
    color: #0f172a;
    margin-top: 0.15rem;
}

.premium-dashboard .metric-note[b-mfyld432xx] {
    margin-top: 0.1rem;
    font-size: 0.72rem;
    color: #7c8aa0;
}

.premium-dashboard .metric-icon[b-mfyld432xx] {
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.02rem;
    font-weight: 900;
    background: #f8fafc;
}

.premium-dashboard .metric-green[b-mfyld432xx]::before { background: #16a34a; }
.premium-dashboard .metric-blue[b-mfyld432xx]::before { background: #3b82f6; }
.premium-dashboard .metric-red[b-mfyld432xx]::before { background: #ef4444; }
.premium-dashboard .metric-blue-soft[b-mfyld432xx]::before { background: #4f46e5; }
.premium-dashboard .metric-orange[b-mfyld432xx]::before { background: #f59e0b; }
.premium-dashboard .metric-purple[b-mfyld432xx]::before { background: #8b5cf6; }

.premium-dashboard .metric-icon-green[b-mfyld432xx] { color: #16a34a; background: #ecfdf5; }
.premium-dashboard .metric-icon-blue[b-mfyld432xx] { color: #2563eb; background: #eff6ff; }
.premium-dashboard .metric-icon-red[b-mfyld432xx] { color: #ef4444; background: #fef2f2; }
.premium-dashboard .metric-icon-indigo[b-mfyld432xx] { color: #4f46e5; background: #eef2ff; }
.premium-dashboard .metric-icon-orange[b-mfyld432xx] { color: #f59e0b; background: #fff7ed; }
.premium-dashboard .metric-icon-purple[b-mfyld432xx] { color: #8b5cf6; background: #f5f3ff; }

.premium-dashboard .content-grid[b-mfyld432xx] {
    display: grid;
    gap: 0.8rem;
    margin-bottom: 0.85rem;
}

.premium-dashboard .content-grid-primary[b-mfyld432xx] {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.2fr) minmax(0, 0.95fr);
}

.premium-dashboard .content-grid-secondary[b-mfyld432xx] {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 0.95fr) minmax(0, 0.9fr);
}

.premium-dashboard .content-grid-tertiary[b-mfyld432xx] {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
}

.premium-dashboard .dash-card[b-mfyld432xx] {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid #e5e7eb;
    border-radius: 1.1rem;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
    padding: 1rem;
}

.premium-dashboard .card-head[b-mfyld432xx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.premium-dashboard .card-title[b-mfyld432xx] {
    font-size: 0.92rem;
    font-weight: 900;
    color: #0f172a;
    letter-spacing: -0.02em;
}

.premium-dashboard .card-subtitle[b-mfyld432xx] {
    font-size: 0.72rem;
    color: #94a3b8;
    margin-top: 0.08rem;
}

.premium-dashboard .panel-link[b-mfyld432xx] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #2563eb;
    text-decoration: none;
    white-space: nowrap;
}

.premium-dashboard .panel-link:hover[b-mfyld432xx] {
    text-decoration: underline;
}

.premium-dashboard .card-select[b-mfyld432xx] {
    border: 0;
    background: transparent;
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
}

.premium-dashboard .score-layout[b-mfyld432xx] {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
}

.premium-dashboard .score-ring[b-mfyld432xx] {
    --progress: 80;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: conic-gradient(#2fbf71 calc(var(--progress) * 1%), #e8edf3 0);
    display: grid;
    place-items: center;
    margin-inline: auto;
}

.premium-dashboard .score-ring-inner[b-mfyld432xx] {
    width: 108px;
    height: 108px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #edf2f7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}

.premium-dashboard .score-value[b-mfyld432xx] {
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1;
    color: #0f172a;
}

.premium-dashboard .score-label[b-mfyld432xx] {
    margin-top: 0.12rem;
    font-size: 0.76rem;
    font-weight: 700;
    color: #16a34a;
}

.premium-dashboard .score-breakdown[b-mfyld432xx] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.premium-dashboard .score-row-head[b-mfyld432xx],
.premium-dashboard .satisfaction-row-head[b-mfyld432xx],
.premium-dashboard .workload-head[b-mfyld432xx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.74rem;
    font-weight: 700;
    color: #334155;
}

.premium-dashboard .score-track[b-mfyld432xx],
.premium-dashboard .workload-track[b-mfyld432xx],
.premium-dashboard .satisfaction-track[b-mfyld432xx] {
    height: 6px;
    border-radius: 999px;
    background: #edf2f7;
    overflow: hidden;
    margin-top: 0.35rem;
}

.premium-dashboard .score-fill[b-mfyld432xx],
.premium-dashboard .workload-fill[b-mfyld432xx],
.premium-dashboard .satisfaction-fill[b-mfyld432xx] {
    height: 100%;
    border-radius: 999px;
}

.premium-dashboard .score-green[b-mfyld432xx] { background: #22c55e; }
.premium-dashboard .score-orange[b-mfyld432xx] { background: #f59e0b; }
.premium-dashboard .score-blue[b-mfyld432xx] { background: #3b82f6; }
.premium-dashboard .score-purple[b-mfyld432xx] { background: #8b5cf6; }
.premium-dashboard .assignment-fill-blue[b-mfyld432xx] { background: #3b82f6; }
.premium-dashboard .assignment-fill-green[b-mfyld432xx] { background: #22c55e; }
.premium-dashboard .assignment-fill-orange[b-mfyld432xx] { background: #f59e0b; }

.premium-dashboard .score-green-text[b-mfyld432xx] { color: #16a34a; }
.premium-dashboard .score-orange-text[b-mfyld432xx] { color: #d97706; }
.premium-dashboard .score-blue-text[b-mfyld432xx] { color: #2563eb; }
.premium-dashboard .score-purple-text[b-mfyld432xx] { color: #7c3aed; }

.premium-dashboard .range-picker[b-mfyld432xx] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.premium-dashboard .range-picker .form-control[b-mfyld432xx] {
    width: 9.5rem;
    border-radius: 0.75rem;
    border-color: #dbe3ee;
    background: #fff;
    color: #0f172a;
    box-shadow: none;
}

.premium-dashboard .range-picker .btn[b-mfyld432xx] {
    border-radius: 0.75rem;
}

.premium-dashboard .range-picker-sep[b-mfyld432xx] {
    font-size: 0.72rem;
    font-weight: 800;
    color: #94a3b8;
}

.premium-dashboard .assignment-layout[b-mfyld432xx] {
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr);
    gap: 0.95rem;
    align-items: center;
}

.premium-dashboard .assignment-ring[b-mfyld432xx] {
    --progress: 78;
    width: 128px;
    height: 128px;
    border-radius: 50%;
    background: conic-gradient(#3b82f6 calc(var(--progress) * 1%), #e8edf3 0);
    display: grid;
    place-items: center;
    margin-inline: auto;
}

.premium-dashboard .assignment-ring-inner[b-mfyld432xx] {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #edf2f7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}

.premium-dashboard .assignment-value[b-mfyld432xx] {
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1;
    color: #0f172a;
}

.premium-dashboard .assignment-label[b-mfyld432xx] {
    margin-top: 0.12rem;
    font-size: 0.74rem;
    font-weight: 700;
    color: #2563eb;
}

.premium-dashboard .assignment-breakdown[b-mfyld432xx] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.premium-dashboard .assignment-row-head[b-mfyld432xx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.74rem;
    font-weight: 700;
    color: #334155;
}

.premium-dashboard .assignment-track[b-mfyld432xx] {
    height: 6px;
    border-radius: 999px;
    background: #edf2f7;
    overflow: hidden;
    margin-top: 0.35rem;
}

.premium-dashboard .assignment-fill[b-mfyld432xx] {
    height: 100%;
    border-radius: 999px;
}

.premium-dashboard .assignment-foot[b-mfyld432xx] {
    margin-top: 0.75rem;
    font-size: 0.72rem;
    color: #64748b;
    line-height: 1.45;
}

.premium-dashboard .calendar-controls[b-mfyld432xx] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.premium-dashboard .calendar-nav-btn[b-mfyld432xx] {
    width: 2rem;
    height: 2rem;
    border-radius: 0.65rem;
    border: 1px solid #dbe3ee;
    background: #fff;
    color: #475569;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
}

.premium-dashboard .calendar-month-label[b-mfyld432xx] {
    font-size: 0.78rem;
    font-weight: 900;
    color: #0f172a;
    padding: 0.4rem 0.7rem;
    border-radius: 0.8rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
}

.premium-dashboard .calendar-weekdays[b-mfyld432xx] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.45rem;
    margin-bottom: 0.45rem;
}

.premium-dashboard .calendar-weekdays span[b-mfyld432xx] {
    text-align: center;
    font-size: 0.65rem;
    font-weight: 900;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.premium-dashboard .calendar-grid[b-mfyld432xx] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.45rem;
}

.premium-dashboard .calendar-cell[b-mfyld432xx] {
    min-height: 128px;
    border-radius: 1rem;
    border: 1px solid #edf2f7;
    background: #fbfdff;
    padding: 0.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.premium-dashboard .calendar-cell-muted[b-mfyld432xx] {
    opacity: 0.45;
}

.premium-dashboard .calendar-cell-today[b-mfyld432xx] {
    border-color: #c7d2fe;
    background: #f8fbff;
    box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.08);
}

.premium-dashboard .calendar-cell-attention[b-mfyld432xx] {
    border-color: rgba(239, 68, 68, 0.22);
    background: linear-gradient(180deg, #fff, #fff7f7);
}

.premium-dashboard .calendar-cell-active[b-mfyld432xx] {
    border-color: rgba(59, 130, 246, 0.16);
}

.premium-dashboard .calendar-cell-head[b-mfyld432xx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.premium-dashboard .calendar-cell-day[b-mfyld432xx] {
    font-size: 0.92rem;
    font-weight: 900;
    color: #0f172a;
}

.premium-dashboard .calendar-cell-month[b-mfyld432xx] {
    font-size: 0.68rem;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.premium-dashboard .calendar-cell-body[b-mfyld432xx] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-height: 0;
    flex: 1;
}

.premium-dashboard .calendar-empty[b-mfyld432xx] {
    flex: 1;
    display: grid;
    place-items: center;
    font-size: 0.72rem;
    color: #94a3b8;
    border: 1px dashed #edf2f7;
    border-radius: 0.75rem;
    background: #fff;
}

.premium-dashboard .calendar-event[b-mfyld432xx] {
    border-radius: 0.75rem;
    padding: 0.55rem 0.55rem;
    border: 1px solid #edf2f7;
    background: #fff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
}

.premium-dashboard .calendar-event-title[b-mfyld432xx] {
    font-size: 0.7rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.15;
}

.premium-dashboard .calendar-event-time[b-mfyld432xx] {
    font-size: 0.66rem;
    font-weight: 700;
    color: #64748b;
}

.premium-dashboard .accent-blue[b-mfyld432xx] { border-left: 3px solid #3b82f6; }
.premium-dashboard .accent-green[b-mfyld432xx] { border-left: 3px solid #22c55e; }
.premium-dashboard .accent-orange[b-mfyld432xx] { border-left: 3px solid #f59e0b; }
.premium-dashboard .accent-red[b-mfyld432xx] { border-left: 3px solid #ef4444; }
.premium-dashboard .accent-purple[b-mfyld432xx] { border-left: 3px solid #8b5cf6; }

.premium-dashboard .calendar-legend[b-mfyld432xx] {
    display: flex;
    gap: 0.8rem;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0.75rem;
    font-size: 0.68rem;
    color: #64748b;
}

.premium-dashboard .calendar-legend span[b-mfyld432xx] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.premium-dashboard .legend-dot[b-mfyld432xx] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    display: inline-block;
}

.premium-dashboard .legend-blue[b-mfyld432xx] { background: #3b82f6; }
.premium-dashboard .legend-green[b-mfyld432xx] { background: #22c55e; }
.premium-dashboard .legend-orange[b-mfyld432xx] { background: #f59e0b; }
.premium-dashboard .legend-red[b-mfyld432xx] { background: #ef4444; }
.premium-dashboard .legend-purple[b-mfyld432xx] { background: #8b5cf6; }

.premium-dashboard .attention-list[b-mfyld432xx],
.premium-dashboard .activity-list[b-mfyld432xx],
.premium-dashboard .workload-list[b-mfyld432xx],
.premium-dashboard .legend-list[b-mfyld432xx] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.premium-dashboard .attention-row[b-mfyld432xx],
.premium-dashboard .activity-row[b-mfyld432xx] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.65rem 0.7rem;
    border-radius: 0.85rem;
    border: 1px solid #edf2f7;
    background: #fff;
}

.premium-dashboard .attention-dot[b-mfyld432xx] {
    width: 0.74rem;
    height: 0.74rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.premium-dashboard .attention-dot-red[b-mfyld432xx] { background: #ef4444; }
.premium-dashboard .attention-dot-orange[b-mfyld432xx] { background: #f59e0b; }
.premium-dashboard .attention-dot-blue[b-mfyld432xx] { background: #3b82f6; }

.premium-dashboard .attention-copy[b-mfyld432xx],
.premium-dashboard .activity-copy[b-mfyld432xx] {
    min-width: 0;
    flex: 1;
}

.premium-dashboard .attention-title[b-mfyld432xx],
.premium-dashboard .activity-title[b-mfyld432xx] {
    font-size: 0.82rem;
    font-weight: 800;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.premium-dashboard .attention-meta[b-mfyld432xx],
.premium-dashboard .activity-meta[b-mfyld432xx] {
    margin-top: 0.12rem;
    font-size: 0.7rem;
    color: #64748b;
}

.premium-dashboard .attention-due[b-mfyld432xx],
.premium-dashboard .activity-time[b-mfyld432xx] {
    flex-shrink: 0;
    font-size: 0.7rem;
    font-weight: 800;
    white-space: nowrap;
}

.premium-dashboard .due-red[b-mfyld432xx] { color: #dc2626; }
.premium-dashboard .due-orange[b-mfyld432xx] { color: #d97706; }
.premium-dashboard .due-muted[b-mfyld432xx] { color: #64748b; }

.premium-dashboard .trend-chart-wrap[b-mfyld432xx] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.premium-dashboard .trend-chart[b-mfyld432xx] {
    width: 100%;
    height: auto;
    display: block;
}

.premium-dashboard .trend-surface[b-mfyld432xx] {
    fill: #fbfdff;
    stroke: #e5e7eb;
    stroke-width: 1;
}

.premium-dashboard .trend-area[b-mfyld432xx] {
    fill: url(#trendFill);
}

.premium-dashboard .trend-line[b-mfyld432xx] {
    fill: none;
    stroke: url(#trendStroke);
    stroke-width: 3.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.premium-dashboard .trend-point[b-mfyld432xx] {
    fill: #fff;
    stroke: #2f80ed;
    stroke-width: 2.5;
}

.premium-dashboard .trend-axis[b-mfyld432xx] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.35rem;
}

.premium-dashboard .trend-axis-item[b-mfyld432xx] {
    text-align: center;
}

.premium-dashboard .trend-axis-value[b-mfyld432xx] {
    font-size: 0.75rem;
    font-weight: 900;
    color: #0f172a;
}

.premium-dashboard .trend-axis-label[b-mfyld432xx] {
    font-size: 0.67rem;
    color: #94a3b8;
    margin-top: 0.05rem;
}

.premium-dashboard .donut-layout[b-mfyld432xx] {
    position: relative;
    width: 170px;
    height: 170px;
    margin: 0.2rem auto 0.7rem;
}

.premium-dashboard .donut-chart[b-mfyld432xx] {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: conic-gradient(#3b82f6 0deg 90deg, #22c55e 90deg 180deg, #f59e0b 180deg 260deg, #ef4444 260deg 320deg, #8b5cf6 320deg 360deg);
}

.premium-dashboard .donut-center[b-mfyld432xx] {
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    width: 102px;
    height: 102px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #edf2f7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.premium-dashboard .donut-total[b-mfyld432xx] {
    font-size: 1.65rem;
    font-weight: 900;
    color: #0f172a;
    line-height: 1;
}

.premium-dashboard .donut-label[b-mfyld432xx] {
    font-size: 0.7rem;
    font-weight: 700;
    color: #64748b;
    margin-top: 0.12rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.premium-dashboard .legend-item[b-mfyld432xx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.72rem;
    color: #334155;
}

.premium-dashboard .legend-label[b-mfyld432xx] {
    flex: 1;
    min-width: 0;
}

.premium-dashboard .legend-count[b-mfyld432xx] {
    font-weight: 800;
    color: #0f172a;
}

.premium-dashboard .workload-row[b-mfyld432xx],
.premium-dashboard .satisfaction-row[b-mfyld432xx] {
    padding: 0.2rem 0 0.05rem;
}

.premium-dashboard .workload-fill-blue[b-mfyld432xx] { background: #3b82f6; }
.premium-dashboard .workload-fill-green[b-mfyld432xx] { background: #22c55e; }
.premium-dashboard .workload-fill-orange[b-mfyld432xx] { background: #f59e0b; }
.premium-dashboard .workload-fill-purple[b-mfyld432xx] { background: #8b5cf6; }

.premium-dashboard .buildings-grid[b-mfyld432xx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.premium-dashboard .building-card[b-mfyld432xx] {
    border-radius: 0.9rem;
    border: 1px solid #edf2f7;
    background: #fff;
    padding: 0.8rem;
}

.premium-dashboard .building-card-head[b-mfyld432xx] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    align-items: center;
}

.premium-dashboard .building-card-name[b-mfyld432xx] {
    font-size: 0.8rem;
    font-weight: 800;
    color: #0f172a;
}

.premium-dashboard .building-card-meta[b-mfyld432xx] {
    margin-top: 0.35rem;
    font-size: 0.7rem;
    color: #64748b;
}

.premium-dashboard .building-status[b-mfyld432xx] {
    font-size: 0.62rem;
    font-weight: 800;
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.premium-dashboard .building-healthy[b-mfyld432xx] {
    background: #ecfdf5;
    color: #16a34a;
}

.premium-dashboard .building-warn[b-mfyld432xx] {
    background: #fff7ed;
    color: #d97706;
}

.premium-dashboard .building-critical[b-mfyld432xx] {
    background: #fef2f2;
    color: #dc2626;
}

.premium-dashboard .satisfaction-layout[b-mfyld432xx] {
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr);
    gap: 0.9rem;
    align-items: start;
}

.premium-dashboard .satisfaction-score[b-mfyld432xx] {
    text-align: left;
}

.premium-dashboard .satisfaction-value[b-mfyld432xx] {
    font-size: 2rem;
    font-weight: 900;
    color: #0f172a;
    line-height: 1;
}

.premium-dashboard .satisfaction-stars[b-mfyld432xx] {
    margin-top: 0.2rem;
    font-size: 1rem;
    letter-spacing: 0.1rem;
    color: #f59e0b;
}

.premium-dashboard .satisfaction-note[b-mfyld432xx] {
    margin-top: 0.4rem;
    font-size: 0.7rem;
    color: #64748b;
}

.premium-dashboard .satisfaction-green[b-mfyld432xx] { background: #22c55e; }
.premium-dashboard .satisfaction-blue[b-mfyld432xx] { background: #3b82f6; }
.premium-dashboard .satisfaction-orange[b-mfyld432xx] { background: #f59e0b; }
.premium-dashboard .satisfaction-red[b-mfyld432xx] { background: #ef4444; }

.premium-dashboard .quick-actions-grid[b-mfyld432xx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.premium-dashboard .quick-action-card[b-mfyld432xx] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    border-radius: 0.9rem;
    padding: 0.8rem 0.85rem;
    border: 1px solid #edf2f7;
    background: #fff;
    color: inherit;
    text-decoration: none;
    text-align: left;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.premium-dashboard .quick-action-card:hover[b-mfyld432xx],
.premium-dashboard .quick-action-card:focus-visible[b-mfyld432xx] {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
    outline: none;
}

.premium-dashboard .quick-action-icon[b-mfyld432xx] {
    width: 2rem;
    height: 2rem;
    border-radius: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 0.98rem;
}

.premium-dashboard .quick-action-copy[b-mfyld432xx] {
    min-width: 0;
}

.premium-dashboard .quick-action-title[b-mfyld432xx] {
    font-size: 0.8rem;
    font-weight: 800;
    color: #0f172a;
}

.premium-dashboard .quick-action-meta[b-mfyld432xx] {
    margin-top: 0.1rem;
    font-size: 0.68rem;
    color: #64748b;
}

.premium-dashboard .quick-action-blue .quick-action-icon[b-mfyld432xx] { background: #eff6ff; color: #2563eb; }
.premium-dashboard .quick-action-purple .quick-action-icon[b-mfyld432xx] { background: #f5f3ff; color: #7c3aed; }
.premium-dashboard .quick-action-green .quick-action-icon[b-mfyld432xx] { background: #ecfdf5; color: #16a34a; }
.premium-dashboard .quick-action-orange .quick-action-icon[b-mfyld432xx] { background: #fff7ed; color: #d97706; }
.premium-dashboard .quick-action-indigo .quick-action-icon[b-mfyld432xx] { background: #eef2ff; color: #4f46e5; }
.premium-dashboard .quick-action-red .quick-action-icon[b-mfyld432xx] { background: #fef2f2; color: #dc2626; }

.premium-dashboard .completed-strip[b-mfyld432xx] {
    padding: 0.95rem 1rem;
    margin-top: 0.2rem;
}

.premium-dashboard .filter-bar[b-mfyld432xx] {
    padding: 0.7rem 0 0.9rem;
    border-top: 1px solid #edf2f7;
}

.premium-dashboard .dash-toggle-btn[b-mfyld432xx] {
    background: transparent;
    border: 1px solid #dbe3ee;
    border-radius: 0.7rem;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    padding: 0.35rem 0.75rem;
}

.premium-dashboard .dash-table[b-mfyld432xx] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}

.premium-dashboard .dash-table thead th[b-mfyld432xx] {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.66rem;
    color: #94a3b8;
    font-weight: 800;
    border-bottom: 1px solid #edf2f7;
    padding: 0.6rem 0.55rem;
}

.premium-dashboard .dash-table tbody td[b-mfyld432xx] {
    padding: 0.6rem 0.55rem;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
}

.premium-dashboard .dash-table tbody tr:hover[b-mfyld432xx] {
    background: #fafcff;
}

.premium-dashboard .empty-state-inline[b-mfyld432xx] {
    text-align: center;
    color: #94a3b8;
    font-size: 0.8rem;
    padding: 1rem 0.25rem;
}

@media (max-width: 1400px) {
    .premium-dashboard .metric-strip[b-mfyld432xx] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .premium-dashboard .content-grid-primary[b-mfyld432xx],
    .premium-dashboard .content-grid-secondary[b-mfyld432xx],
    .premium-dashboard .content-grid-tertiary[b-mfyld432xx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .premium-dashboard .dashboard-topbar[b-mfyld432xx],
    .premium-dashboard .dashboard-topbar-right[b-mfyld432xx] {
        flex-direction: column;
        align-items: flex-start;
    }

    .premium-dashboard .dashboard-range-picker[b-mfyld432xx] {
        width: 100%;
        justify-content: stretch;
    }

    .premium-dashboard .dashboard-range-field[b-mfyld432xx],
    .premium-dashboard .dashboard-range-input[b-mfyld432xx],
    .premium-dashboard .dashboard-range-reset[b-mfyld432xx] {
        width: 100%;
    }

    .premium-dashboard .metric-strip[b-mfyld432xx],
    .premium-dashboard .content-grid-primary[b-mfyld432xx],
    .premium-dashboard .content-grid-secondary[b-mfyld432xx],
    .premium-dashboard .content-grid-tertiary[b-mfyld432xx] {
        grid-template-columns: 1fr;
    }

    .premium-dashboard .calendar-grid[b-mfyld432xx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .premium-dashboard .buildings-grid[b-mfyld432xx],
    .premium-dashboard .quick-actions-grid[b-mfyld432xx],
    .premium-dashboard .satisfaction-layout[b-mfyld432xx] {
        grid-template-columns: 1fr;
    }

    .premium-dashboard .score-layout[b-mfyld432xx] {
        grid-template-columns: 1fr;
    }

    .premium-dashboard .donut-layout[b-mfyld432xx] {
        margin-inline: 0;
    }
}
/* _content/FlowManagement/Components/Pages/Admin/Locations.razor.rz.scp.css */
.tenant-tabs[b-3pq9je6agc] {
    --tab-bg: linear-gradient(180deg, #f8fafc 0%, #eef3ff 100%);
    --tab-border: #d2dcef;
    --tab-text: #30415f;
    --tab-active-start: #1e63ff;
    --tab-active-end: #0b4fe3;

    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.4rem;
    border-radius: 0.85rem;
    border: 1px solid var(--tab-border);
    background: var(--tab-bg);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.tenant-tab[b-3pq9je6agc] {
    border: 1px solid transparent;
    background: transparent;
    color: var(--tab-text);
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    padding: 0.52rem 1rem;
    border-radius: 0.62rem;
    transition: all 0.18s ease;
}

.tenant-tab:hover[b-3pq9je6agc] {
    background: #ffffff;
    border-color: #d8e1f2;
    color: #1d2f4f;
    transform: translateY(-1px);
}

.tenant-tab:focus-visible[b-3pq9je6agc] {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(30, 99, 255, 0.2);
}

.tenant-tab.active[b-3pq9je6agc] {
    color: #ffffff;
    border-color: #114ed0;
    background: linear-gradient(180deg, var(--tab-active-start) 0%, var(--tab-active-end) 100%);
    box-shadow: 0 0.45rem 0.9rem rgba(14, 73, 207, 0.3);
}

@media (max-width: 576px) {
    .tenant-tabs[b-3pq9je6agc] {
        width: 100%;
    }

    .tenant-tab[b-3pq9je6agc] {
        flex: 1 1 calc(50% - 0.45rem);
        text-align: center;
        padding: 0.55rem 0.75rem;
    }
}
/* _content/FlowManagement/Components/Pages/Admin/Profile.razor.rz.scp.css */
.admin-profile-preview[b-m4tbqn3tjh] {
    width: 64px;
    height: 64px;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid #d5d9e2;
}

.admin-profile-preview-fallback[b-m4tbqn3tjh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #3a76ff;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}

.admin-profile-preview-logo-fallback[b-m4tbqn3tjh] {
    border-radius: 12px;
    object-fit: contain;
    background: #fff;
    padding: 6px;
}
/* _content/FlowManagement/Components/Pages/Admin/QRCodes.razor.rz.scp.css */
.tenant-tabs[b-qfdr96uzp9] {
    --tab-bg: linear-gradient(180deg, #f8fafc 0%, #eef3ff 100%);
    --tab-border: #d2dcef;
    --tab-text: #30415f;
    --tab-active-start: #1e63ff;
    --tab-active-end: #0b4fe3;

    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.4rem;
    border-radius: 0.85rem;
    border: 1px solid var(--tab-border);
    background: var(--tab-bg);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.tenant-tab[b-qfdr96uzp9] {
    border: 1px solid transparent;
    background: transparent;
    color: var(--tab-text);
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    padding: 0.52rem 1rem;
    border-radius: 0.62rem;
    transition: all 0.18s ease;
}

.tenant-tab:hover[b-qfdr96uzp9] {
    background: #ffffff;
    border-color: #d8e1f2;
    color: #1d2f4f;
    transform: translateY(-1px);
}

.tenant-tab:focus-visible[b-qfdr96uzp9] {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(30, 99, 255, 0.2);
}

.tenant-tab.active[b-qfdr96uzp9] {
    color: #ffffff;
    border-color: #114ed0;
    background: linear-gradient(180deg, var(--tab-active-start) 0%, var(--tab-active-end) 100%);
    box-shadow: 0 0.45rem 0.9rem rgba(14, 73, 207, 0.3);
}

@media (max-width: 576px) {
    .tenant-tabs[b-qfdr96uzp9] {
        width: 100%;
    }

    .tenant-tab[b-qfdr96uzp9] {
        flex: 1 1 calc(50% - 0.45rem);
        text-align: center;
        padding: 0.55rem 0.75rem;
    }
}
/* _content/FlowManagement/Components/Pages/Admin/ServiceCompanies.razor.rz.scp.css */
.company-options[b-lb6t854tet] {
    max-height: 170px;
    overflow: auto;
}
/* _content/FlowManagement/Components/Pages/Admin/Tenants.razor.rz.scp.css */
.tenant-tabs[b-68ka2qr3a1] {
    display: inline-flex;
    gap: 0.35rem;
    padding: 0.25rem;
    border: 1px solid #d7dce6;
    border-radius: 0.7rem;
    background: #f6f8fc;
}

.tenant-tab[b-68ka2qr3a1] {
    border: 0;
    background: transparent;
    color: #4a5673;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.5rem 0.9rem;
    border-radius: 0.55rem;
    transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.tenant-tab:hover[b-68ka2qr3a1] {
    background: #e9eef9;
    color: #24314f;
}

.tenant-tab.active[b-68ka2qr3a1] {
    background: #316dff;
    color: #fff;
    box-shadow: 0 0.25rem 0.55rem rgba(49, 109, 255, 0.28);
}
/* _content/FlowManagement/Components/Pages/Installer/AssignQr.razor.rz.scp.css */
.installer-scan-tip[b-5xkyzwyjur] {
    font-size: 0.85rem;
}

.installer-create-actions .btn[b-5xkyzwyjur] {
    min-width: 92px;
}

@media (max-width: 575.98px) {
    .installer-action-buttons[b-5xkyzwyjur] {
        flex-direction: column;
        align-items: stretch !important;
    }

    .installer-action-buttons .btn[b-5xkyzwyjur] {
        width: 100% !important;
    }

    .installer-create-actions[b-5xkyzwyjur] {
        margin-top: 0.25rem;
    }
}
/* _content/FlowManagement/Components/Pages/Installer/InstallerAiSpellCheck.razor.rz.scp.css */
.installer-spellcheck-card .lt-has-errors[b-9938r7jvgc] {
    border-color: #dc3545;
}

.spell-highlight-preview[b-9938r7jvgc] {
    border: 1px dashed #d8dee8;
    border-radius: 8px;
    padding: 0.5rem 0.6rem;
    font-size: 0.9rem;
    background: #f8fafc;
}

.lt-word[b-9938r7jvgc] {
    background: #ffd9dc;
    color: #6b0210;
    border-radius: 3px;
    padding: 0 2px;
}

.spell-suggestion-select[b-9938r7jvgc] {
    min-width: 180px;
    max-width: 260px;
}
/* _content/FlowManagement/Components/Pages/Installer/Locations.razor.rz.scp.css */
.tenant-tabs[b-ydu5spbkmp] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.3rem;
    border-radius: 999px;
    background: linear-gradient(180deg, #f5f8fd 0%, #edf2fa 100%);
    border: 1px solid #d9e1ee;
}

.tenant-tab[b-ydu5spbkmp] {
    border: 1px solid #c8d4e7;
    background: #fff;
    color: #213049;
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.92rem;
    padding: 0.36rem 0.9rem;
    line-height: 1.2;
    transition: all 0.18s ease;
}

.tenant-tab:hover[b-ydu5spbkmp] {
    border-color: #2b6bff;
    color: #1b57db;
    transform: translateY(-1px);
}

.tenant-tab.active[b-ydu5spbkmp] {
    background: linear-gradient(180deg, #2f74ff 0%, #1f63ed 100%);
    border-color: #1f63ed;
    color: #fff;
    box-shadow: 0 6px 16px rgba(31, 99, 237, 0.28);
}

.installer-location-actions[b-ydu5spbkmp] {
    display: flex;
    gap: 0.4rem;
    justify-content: flex-end;
}

@media (max-width: 767.98px) {
    .tenant-tabs[b-ydu5spbkmp] {
        width: 100%;
        border-radius: 14px;
        padding: 0.45rem;
    }

    .tenant-tab[b-ydu5spbkmp] {
        flex: 1 1 calc(50% - 0.5rem);
        text-align: center;
    }

    .installer-location-actions[b-ydu5spbkmp] {
        flex-direction: column;
        align-items: stretch;
    }

    .installer-location-actions .btn[b-ydu5spbkmp] {
        width: 100%;
    }
}
/* _content/FlowManagement/Components/Pages/Installer/Profile.razor.rz.scp.css */
.installer-profile-preview[b-w4l3u8b5ap] {
    width: 64px;
    height: 64px;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid #dbe1eb;
    background: #fff;
}

.installer-profile-preview-fallback[b-w4l3u8b5ap] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0f9f64;
    color: #fff;
    font-weight: 700;
}
/* _content/FlowManagement/Components/Pages/Installer/ScanAssign.razor.rz.scp.css */
@media (max-width: 575.98px) {
    .assign-scan-actions[b-ch46e22ui5] {
        flex-direction: column;
        align-items: stretch;
    }

    .assign-scan-actions .btn[b-ch46e22ui5] {
        width: 100%;
    }
}