/* /Components/LanguageSelector.razor.rz.scp.css */
.language-selector[b-c3giialm1k] {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    min-height: 2.5rem;
    padding: .22rem;
    color: var(--tt-secondary-text);
    background: var(--tt-elevated);
    border: 1px solid var(--tt-border);
    border-radius: .7rem;
}

.language-icon[b-c3giialm1k] { margin-inline: .4rem .2rem; }

.language-option[b-c3giialm1k] {
    min-width: 2.2rem;
    min-height: 2rem;
    padding: .25rem .45rem;
    color: var(--tt-secondary-text);
    background: transparent;
    border: 0;
    border-radius: .5rem;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .04em;
}

.language-option:hover[b-c3giialm1k] { color: var(--tt-text); background: var(--tt-hover); }
.language-option.active[b-c3giialm1k] { color: var(--tt-primary-contrast); background: var(--tt-primary); }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-cl7lo2n0br] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.layout-tools[b-cl7lo2n0br] {
    display: flex;
    align-items: center;
    gap: .5rem;
    position: absolute;
    top: .65rem;
    right: 1rem;
    bottom: auto;
    left: auto;
    margin: 0;
    transform: none;
    padding: .25rem;
    border: 1px solid color-mix(in srgb, var(--tt-border) 75%, transparent);
    border-radius: .75rem;
    background: color-mix(in srgb, var(--tt-card) 92%, transparent);
    box-shadow: var(--tt-shadow);
    backdrop-filter: blur(12px);
    direction: ltr;
    z-index: 10000;
}

article.content[b-cl7lo2n0br] { padding-top: 2.75rem; }

.layout-notifications[b-cl7lo2n0br] { position: absolute; top: .65rem; left: 1rem; z-index: 10001; }

main[b-cl7lo2n0br] {
    flex: 1;
    min-width: 0;
    position: relative;
}

.sidebar[b-cl7lo2n0br] {
    background: var(--tt-sidebar);
}

.top-row[b-cl7lo2n0br] {
    background-color: var(--tt-soft);
    border-bottom: 1px solid var(--tt-border);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

@media (max-width: 640.98px) {
    .layout-tools[b-cl7lo2n0br] { top: .5rem; right: .5rem; }
    .layout-notifications[b-cl7lo2n0br] { top: .5rem; left: .5rem; }
    article.content[b-cl7lo2n0br] { padding-inline: .75rem !important; }
    .top-row[b-cl7lo2n0br] {
        justify-content: space-between;
    }

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

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

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

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

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

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

#blazor-error-ui[b-cl7lo2n0br] {
    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-cl7lo2n0br] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.modal-loading-overlay[b-cl7lo2n0br] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 1.5rem;
}

.logout-warning-backdrop[b-cl7lo2n0br] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logout-warning-box[b-cl7lo2n0br] {
    background: var(--tt-card);
    padding: 24px;
    border-radius: 12px;
    max-width: 420px;
    width: 90%;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

    .logout-warning-box h4[b-cl7lo2n0br] {
        color: #dc3545;
        font-size: 1.3rem;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .logout-warning-box p[b-cl7lo2n0br] {
        color: #495057;
        font-size: 0.95rem;
        line-height: 1.5;
        margin-bottom: 24px;
    }

.logout-warning-actions[b-cl7lo2n0br] {
    display: flex;
    gap: 12px;
    justify-content: center;
}

    .logout-warning-actions .btn[b-cl7lo2n0br] {
        padding: 10px 18px;
        border-radius: 6px;
        font-size: 0.9rem;
        font-weight: 500;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-scrollable[b-2f4foihc8d] {
    --tt-nav-text: #d7e2ee;
    --tt-nav-active-text: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

    .nav-scrollable.ready[b-2f4foihc8d] {
        opacity: 1;
    }

@media (max-width: 640.98px) {
    .nav-scrollable[b-2f4foihc8d] {
        height: auto;
        flex-direction: row;
        align-items: stretch;
        overflow-x: auto;
        border-top: 1px solid rgba(255, 255, 255, .08);
    }

    .nav-scrollable nav[b-2f4foihc8d] {
        display: flex;
        flex: 1 0 auto;
        flex-direction: row !important;
        align-items: center;
    }

    .nav-scrollable .nav-item[b-2f4foihc8d] { flex: 0 0 auto; padding-inline: .25rem !important; }
    .nav-scrollable .nav-link[b-2f4foihc8d] { min-height: 3rem; white-space: nowrap; }
    .login-bottom[b-2f4foihc8d] { flex: 0 0 auto; flex-direction: row; align-items: center; gap: 0; margin: 0 !important; padding: 0; border-top: 0; }
}

.top-row[b-2f4foihc8d] {
    min-height: 4.75rem;
    background-color: rgba(0, 0, 0, .18);
}

.navbar-brand[b-2f4foihc8d] {
    font-size: 1.1rem;
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    color: var(--tt-text) !important;
    text-decoration: none;
}

.brand-mark[b-2f4foihc8d] {
    width: 3.15rem;
    height: 3.15rem;
    flex: 0 0 3.15rem;
    object-fit: contain;
    border-radius: .6rem;
}

.brand-copy[b-2f4foihc8d] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    line-height: 1;
}

.brand-accent[b-2f4foihc8d] {
    color: var(--tt-primary);
    font-size: 1.35rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

.brand-company[b-2f4foihc8d] {
    margin-top: .34rem;
    color: var(--tt-nav-text);
    font-size: .69rem;
    font-weight: 650;
    letter-spacing: .14em;
    text-transform: uppercase;
    opacity: .78;
}

.bi[b-2f4foihc8d] {
    display: inline-block;
    flex: 0 0 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

    .bi[b-2f4foihc8d]::before {
        content: none !important;
    }

.bi-speedometer-nav-menu[b-2f4foihc8d] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 2a.5.5 0 0 1 .5.5V4a.5.5 0 0 1-1 0V2.5A.5.5 0 0 1 8 2zM3.732 3.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 8a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 7.31A.91.91 0 1 0 8.85 8.569l3.434-4.297a.389.389 0 0 0-.029-.518z'/%3E%3Cpath fill-rule='evenodd' d='M0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.306 13.48 9.761 13 8 13s-3.306.48-4.615.911c-1.087.352-2.49.003-2.932-1.25A7.988 7.988 0 0 1 0 10zm8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.603.532 4.923.96c.757.245 1.477-.056 1.68-.631A7 7 0 0 0 8 3z'/%3E%3C/svg%3E");
}

.bi-house-door-fill-nav-menu[b-2f4foihc8d] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' 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-person-badge-nav-menu[b-2f4foihc8d] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-5.784 6A2.24 2.24 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.3 6.3 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5'/%3E%3C/svg%3E");
}

.bi-person-circle[b-2f4foihc8d] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath fill-rule='evenodd' d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z'/%3E%3C/svg%3E");
}

.bi-box-arrow-right[b-2f4foihc8d] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6 12.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 6.5 2h8A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 5 12.5v-2a.5.5 0 0 1 1 0z'/%3E%3Cpath fill-rule='evenodd' d='M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708z'/%3E%3C/svg%3E");
}

.bi-folder-nav-menu[b-2f4foihc8d] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M9.828 4a.5.5 0 0 1 .354.146l1.672 1.672A.5.5 0 0 1 12 6.172V12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.172a.5.5 0 0 1 .354.146L8.172 4H9.828z'/%3E%3C/svg%3E");
}

.bi-hourglass-split[b-2f4foihc8d] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 15a.5.5 0 1 1 0-1h1v-1a4.5 4.5 0 0 1 2.557-4.06c.29-.139.443-.377.443-.59v-.7c0-.213-.154-.451-.443-.59A4.5 4.5 0 0 1 3.5 3V2h-1a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-1v1a4.5 4.5 0 0 1-2.557 4.06c-.29.139-.443.377-.443.59v.7c0 .213.154.451.443.59A4.5 4.5 0 0 1 12.5 13v1h1a.5.5 0 0 1 0 1h-11zm2-13v1c0 .537.12 1.041.337 1.5H11.163c.218-.459.337-.963.337-1.5V2h-7zm3 6.35c0 .537-.12 1.041-.337 1.5H11.163c.218-.459.337-.963.337-1.5V2h-7zm3 6.35c0 .701-.478 1.236-1.011 1.492A3.5 3.5 0 0 0 4.5 13.5v1h7v-1a3.5 3.5 0 0 0-1.989-3.158C8.978 10.086 8.5 9.55 8.5 8.85v-.7c0-.7.478-1.236 1.011-1.492A3.5 3.5 0 0 0 11.5 3.5v-1h-7v1a3.5 3.5 0 0 0 1.989 3.158C7.022 6.914 7.5 7.45 7.5 8.15v.7z'/%3E%3C/svg%3E");
}

.bi-calendar-week-nav-menu[b-2f4foihc8d] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E");
}

.bi-calendar2-plus-nav-menu[b-2f4foihc8d] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z'/%3E%3Cpath d='M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4zM8 8a.5.5 0 0 1 .5.5v1.5H10a.5.5 0 0 1 0 1H8.5V12a.5.5 0 0 1-1 0v-1.5H6a.5.5 0 0 1 0-1h1.5V8.5A.5.5 0 0 1 8 8z'/%3E%3C/svg%3E");
}

.bi-calendar2-check-nav-menu[b-2f4foihc8d] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3Cpath d='M10.854 8.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}

.bi-bar-chart-line-nav-menu[b-2f4foihc8d] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 0h1v15h15v1H0V0zm10 10h2v4h-2v-4zm-4-4h2v8H6V6zm-4 3h2v5H2V9zm10-7h2v12h-2V2z'/%3E%3C/svg%3E");
}

.bi-graph-up-arrow-nav-menu[b-2f4foihc8d] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M0 0h1v15h15v1H0V0zm14.5 4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V5.707l-4.646 4.647a.5.5 0 0 1-.708 0L6 7.707l-3.646 3.647a.5.5 0 0 1-.708-.708l4-4a.5.5 0 0 1 .708 0L9 9.293 13.293 5H10.5a.5.5 0 0 1 0-1h4z'/%3E%3C/svg%3E");
}

.nav-item[b-2f4foihc8d] {
    font-size: 0.9rem;
    padding-bottom: 0.1rem;
}

    .nav-item[b-2f4foihc8d]  .nav-link {
        color: var(--tt-nav-text);
        background: none;
        border: none;
        border-radius: 4px;
        height: 2.8rem;
        display: flex;
        align-items: center;
        gap: .75rem;
        width: 100%;
        padding: 0 1rem;
        text-align: start;
        white-space: nowrap;
        text-decoration: none;
        transition: background-color 0.2s;
    }

button.nav-link[b-2f4foihc8d] {
    background: none;
    border: none;
    cursor: pointer;
}

.nav-item[b-2f4foihc8d]  a.active {
    background-color: color-mix(in srgb, var(--tt-primary) 22%, transparent);
    color: var(--tt-nav-active-text);
}

.nav-item[b-2f4foihc8d]  .nav-link:hover { background: color-mix(in srgb, var(--tt-primary) 12%, transparent); color: var(--tt-nav-active-text); }

.login-bottom[b-2f4foihc8d] {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: auto;
}

@media (min-width: 641px) {
    .nav-scrollable[b-2f4foihc8d] {
        height: calc(100vh - 4.75rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-2xs76aaap2],
.components-reconnect-repeated-attempt-visible[b-2xs76aaap2],
.components-reconnect-failed-visible[b-2xs76aaap2],
.components-pause-visible[b-2xs76aaap2],
.components-resume-failed-visible[b-2xs76aaap2],
.components-rejoining-animation[b-2xs76aaap2] {
    display: none;
}

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


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

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

}

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

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

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

@keyframes components-reconnect-modal-fadeInOpacity-b-2xs76aaap2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/ThemeToggle.razor.rz.scp.css */
.theme-toggle[b-elmcehqvka] { min-height: 2.5rem; display: inline-flex; align-items: center; gap: .45rem; padding-inline: .75rem; color: var(--tt-secondary-text); background: var(--tt-elevated); border: 1px solid var(--tt-border); border-radius: .7rem; }
.theme-toggle:hover[b-elmcehqvka] { color: var(--tt-text); border-color: var(--tt-primary); }
@media (max-width: 480px) { .theme-label[b-elmcehqvka] { display: none; } }
/* /Components/Pages/Dashboard/Dashboard.razor.rz.scp.css */
.dashboard-container[b-5lk88qc2tp] {
    position: relative;
    min-height: 90vh;
    display: flex;
    flex-direction: column;
    padding: 30px 40px;
    animation: fadeInPage-b-5lk88qc2tp 0.4s ease-in-out;
    background-color: var(--tt-bg);
}

.dashboard-header[b-5lk88qc2tp] {
    width: 100%;
    margin-bottom: 10px;
}

.main-title[b-5lk88qc2tp] {
    color: var(--tt-primary);
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: 2px;
}

.welcome-section[b-5lk88qc2tp] {
    margin-bottom: 30px;
}

.welcome-text[b-5lk88qc2tp] {
    color: var(--tt-secondary-text);
    font-size: 1.5rem;
    font-weight: 500;
}

.dashboard-content[b-5lk88qc2tp] {
    display: flex;
    gap: 25px;
    align-items: flex-start;
}

.left-space[b-5lk88qc2tp] {
    flex: 0 0 520px;
    min-width: 380px;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.right-content[b-5lk88qc2tp] {
    flex: 1;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.summary-wrapper[b-5lk88qc2tp] {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.loading-screen[b-5lk88qc2tp] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80vh;
    color: var(--tt-primary);
}

@media (max-width: 1100px) {
    .dashboard-content[b-5lk88qc2tp] { flex-direction: column; }
    .left-space[b-5lk88qc2tp], .right-content[b-5lk88qc2tp] { width: 100%; min-width: 0; flex-basis: auto; }
}

@media (max-width: 640px) {
    .dashboard-container[b-5lk88qc2tp] { padding: 18px 4px; }
    .main-title[b-5lk88qc2tp] { font-size: 1.7rem; }
}

@keyframes fadeInPage-b-5lk88qc2tp {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/Dashboard/DashboardActions.razor.rz.scp.css */
.fab-wrapper[b-inq9i5okhv] {
    position: fixed;
    bottom: 35px;
    inset-inline-end: 35px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 12px;
}

.fab-menu[b-inq9i5okhv] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    animation: slideIn-b-inq9i5okhv 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-fab-item[b-inq9i5okhv] {
    background: var(--tt-card);
    color: #0d6efd;
    border: 1px solid #e2e8f0;
    padding: 10px 20px;
    border-radius: 12px;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

    .btn-fab-item:hover[b-inq9i5okhv] {
        background: #0d6efd;
        color: white;
        transform: translateY(-2px);
    }

.btn-main-fab[b-inq9i5okhv] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #0d6efd;
    color: white;
    border: none;
    font-size: 24px;
    box-shadow: 0 8px 20px rgba(13, 110, 253, 0.35);
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .btn-main-fab.active[b-inq9i5okhv] {
        background: #ef4444;
        transform: rotate(45deg);
    }

.custom-modal-backdrop[b-inq9i5okhv] {
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(8px);
    z-index: 1050;
}

.custom-modal-content[b-inq9i5okhv] {
    border-radius: 24px;
    border: none;
    background: var(--tt-card);
}

.modal-header[b-inq9i5okhv] {
    padding: 24px 24px 10px;
}

.form-group-custom[b-inq9i5okhv] {
    display: flex;
    flex-direction: column;
}

.custom-label[b-inq9i5okhv] {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--tt-secondary-text);
    margin-bottom: 8px;
    display: block;
}

.modern-input[b-inq9i5okhv] {
    width: 100%;
    background: var(--tt-soft);
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 12px 16px;
    font-size: 0.95rem;
    outline: none;
    transition: 0.2s;
    color: var(--tt-text);
}

    .modern-input:focus[b-inq9i5okhv] {
        background: var(--tt-card);
        border-color: #0d6efd;
        box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.1);
    }

.btn-modern-cancel[b-inq9i5okhv] {
    background: var(--tt-soft);
    color: var(--tt-secondary-text);
    border: none;
    padding: 12px 24px;
    border-radius: 12px;
    font-weight: 600;
    transition: 0.2s;
    cursor: pointer;
}

.btn-modern-submit[b-inq9i5okhv] {
    background: #0d6efd;
    color: white;
    border: none;
    padding: 12px 28px;
    border-radius: 12px;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.2);
    transition: 0.2s;
    cursor: pointer;
}

.cursor-pointer[b-inq9i5okhv] {
    cursor: pointer;
}
.confirm-icon[b-inq9i5okhv] {
    font-size: 3rem;
}
@keyframes slideIn-b-inq9i5okhv {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/Dashboard/ProjectDeactivateDialog.razor.rz.scp.css */
.modal-backdrop-custom[b-n4d9dqu32d] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(3, 12, 24, .62);
}

.modal-card-custom[b-n4d9dqu32d] {
    width: min(100%, 380px);
    padding: 1.5rem;
    text-align: center;
    color: var(--tt-text);
    background: var(--tt-card);
    border: 1px solid var(--tt-border);
    border-radius: 1rem;
    box-shadow: var(--tt-shadow);
}
/* /Components/Pages/Dashboard/ProjectsTableCard.razor.rz.scp.css */
.projects-card[b-eambmryxeq] {
    background: var(--tt-card);
    border-radius: 16px;
    border: 1px solid var(--tt-border);
    overflow: visible !important;
    margin-top: 0 !important;
}

.card-header-custom[b-eambmryxeq] {
    background: var(--tt-table-head);
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid var(--tt-border);
    height: 60px;
    box-sizing: border-box;
}

    .card-header-custom i[b-eambmryxeq] {
        color: var(--tt-primary);
        font-size: 1.2rem;
    }

    .card-header-custom h3[b-eambmryxeq] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--tt-text);
    }

.project-row[b-eambmryxeq] {
    cursor: pointer;
}

.project-row:focus-visible[b-eambmryxeq] {
    outline: 3px solid var(--tt-primary);
    outline-offset: -3px;
}

.status-pill[b-eambmryxeq] {
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
}

    .status-pill.active[b-eambmryxeq] {
        background: #dcfce7;
        color: #166534;
    }

    .status-pill.inactive[b-eambmryxeq] {
        background: #fee2e2;
        color: #991b1b;
    }

.table-responsive[b-eambmryxeq] {
    overflow: visible !important;
}

    .table-responsive .table td[b-eambmryxeq],
    .table-responsive .table th[b-eambmryxeq] {
        padding: 8px 12px !important;
    }

.pagination-wrapper[b-eambmryxeq] {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.dropdown-menu[b-eambmryxeq] {
    border-radius: 12px;
    padding: 8px;
    min-width: 150px;
    display: block;
    position: absolute !important;
    top: 100% !important;
    right: 0;
    z-index: 9999;
    margin-top: 5px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.dropdown-item[b-eambmryxeq] {
    border-radius: 8px;
    font-size: 0.9rem;
    transition: 0.2s;
}

    .dropdown-item:hover[b-eambmryxeq] {
        background-color: var(--tt-hover);
    }

.actions-menu-backdrop[b-eambmryxeq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9990;
    background: transparent;
}

.actions-dropdown-menu[b-eambmryxeq] {
    z-index: 9999 !important;
    min-width: 140px;
    top: 100%;
    right: 0;
}

.modal-backdrop-custom[b-eambmryxeq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-card-custom[b-eambmryxeq] {
    background: var(--tt-card);
    border-radius: 16px;
    padding: 28px;
    width: 90%;
    max-width: 380px;
    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);
}
/* /Components/Pages/Leave/Admin/AdminLeaveRequests.razor.rz.scp.css */
.admin-leave-page[b-08xo5vswkz] {
    max-width: 1500px;

}
.admin-leave-table th[b-08xo5vswkz] {
    white-space: nowrap; 
    color: var(--tt-secondary-text);
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 1rem; 

}
.admin-leave-table td[b-08xo5vswkz] { padding: 1rem; }
.sort-header[b-08xo5vswkz] { display: inline-flex; align-items: center; gap: .3rem; padding: 0; color: inherit; background: transparent; border: 0; font: inherit; font-weight: 700; letter-spacing: inherit; text-transform: inherit; }
.sort-header:hover[b-08xo5vswkz], .sort-header:focus-visible[b-08xo5vswkz] { color: var(--tt-primary); }
.sort-header:focus-visible[b-08xo5vswkz] { outline: 2px solid var(--tt-primary); outline-offset: .2rem; border-radius: .2rem; }
.employee-name[b-08xo5vswkz] { font-weight: 700;
                 color: var(--tt-text);

}
.modal-backdrop-custom[b-08xo5vswkz] {
    background: rgba(15, 23, 42, .55); 

}
.detail-label[b-08xo5vswkz] { display: block; 
                color: var(--tt-secondary-text);
                font-size: .75rem;
                font-weight: 700; 
                letter-spacing: .04em; 
                text-transform: uppercase; 
                margin-bottom: .25rem;

}
@media (max-width: 767px)
{ 
    .admin-leave-page[b-08xo5vswkz] { 
        padding-inline: .75rem !important;

    } 

}
/* /Components/Pages/Leave/Employee/LeaveRequestActions.razor.rz.scp.css */
.leave-actions[b-iwyijtdnw0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.action-button[b-iwyijtdnw0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background-color: var(--tt-card);
    font-size: 15px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    outline: none;
}

    .action-button i[b-iwyijtdnw0] {
        line-height: 1;
        transition: transform 0.2s ease;
    }

    .action-button:active[b-iwyijtdnw0] {
        transform: translateY(0) scale(0.96) !important;
        box-shadow: none !important;
    }

.view-button[b-iwyijtdnw0] {
    color: #1d72e7;
    background-color: var(--tt-soft);
    border-color: #e2e8f0;
}

    .view-button:hover[b-iwyijtdnw0] {
        background-color: #1d72e7;
        border-color: #1d72e7;
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(29, 114, 231, 0.28);
    }

        .view-button:hover i[b-iwyijtdnw0] {
            transform: scale(1.1);
        }

.cancel-button[b-iwyijtdnw0] {
    color: #ef4444;
    background-color: var(--tt-soft);
    border-color: #e2e8f0;
}

    .cancel-button:hover[b-iwyijtdnw0] {
        background-color: #ef4444;
        border-color: #ef4444;
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(239, 68, 68, 0.28);
    }

        .cancel-button:hover i[b-iwyijtdnw0] {
            transform: scale(1.1);
        }

.leave-actions[b-iwyijtdnw0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.action-button[b-iwyijtdnw0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background-color: var(--tt-card);
    font-size: 15px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    outline: none;
}

    .action-button i[b-iwyijtdnw0] {
        line-height: 1;
        transition: transform 0.2s ease;
    }

    .action-button:active[b-iwyijtdnw0] {
        transform: translateY(0) scale(0.96) !important;
        box-shadow: none !important;
    }

.view-button[b-iwyijtdnw0] {
    color: #1d72e7;
    background-color: var(--tt-soft);
    border-color: #e2e8f0;
}

    .view-button:hover[b-iwyijtdnw0] {
        background-color: #1d72e7;
        border-color: #1d72e7;
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(29, 114, 231, 0.28);
    }

        .view-button:hover i[b-iwyijtdnw0] {
            transform: scale(1.1);
        }

.cancel-button[b-iwyijtdnw0] {
    color: #ef4444;
    background-color: var(--tt-soft);
    border-color: #e2e8f0;
}

    .cancel-button:hover[b-iwyijtdnw0] {
        background-color: #ef4444;
        border-color: #ef4444;
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(239, 68, 68, 0.28);
    }

        .cancel-button:hover i[b-iwyijtdnw0] {
            transform: scale(1.1);
        }
/* /Components/Pages/Leave/Employee/LeaveRequestDetailsModal.razor.rz.scp.css */
.leave-modal-backdrop[b-khjx5yxnl2] {
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(5px);
    z-index: 1050;
    animation: fadeIn-b-khjx5yxnl2 0.2s ease-out;
}

.leave-details-modal[b-khjx5yxnl2] {
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.12), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
    overflow: hidden;
    background: var(--tt-card);
}

    .leave-details-modal .modal-header[b-khjx5yxnl2] {
        padding: 22px 26px;
        border-bottom: 1px solid #f1f5f9;
        background: var(--tt-card);
        align-items: center;
    }

    .leave-details-modal .modal-title[b-khjx5yxnl2] {
        font-size: 18px;
        font-weight: 700;
        color: var(--tt-text);
        letter-spacing: -0.01em;
        margin: 0;
    }

.request-number[b-khjx5yxnl2] {
    display: inline-block;
    margin-top: 4px;
    color: #1d72e7;
    font-size: 12px;
    font-weight: 600;
    background: #eff6ff;
    padding: 2px 8px;
    border-radius: 6px;
}

.leave-details-modal .btn-close[b-khjx5yxnl2] {
    font-size: 12px;
    opacity: 0.6;
    transition: all 0.15s ease;
}

    .leave-details-modal .btn-close:hover[b-khjx5yxnl2] {
        opacity: 1;
        transform: scale(1.1);
    }

/* Modal Body */
.leave-details-modal .modal-body[b-khjx5yxnl2] {
    padding: 26px;
}

/* Status Row */
.details-status-row[b-khjx5yxnl2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 12px 16px;
    background: var(--tt-soft);
    border: 1px solid #f1f5f9;
    border-radius: 12px;
}

.detail-label[b-khjx5yxnl2] {
    display: block;
    margin-bottom: 4px;
    color: var(--tt-secondary-text);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.details-status-row .detail-label[b-khjx5yxnl2] {
    margin-bottom: 0;
}

.details-grid[b-khjx5yxnl2] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.detail-item[b-khjx5yxnl2] {
    background: var(--tt-soft);
    border: 1px solid #f1f5f9;
    padding: 12px 14px;
    border-radius: 12px;
}

    .detail-item strong[b-khjx5yxnl2] {
        color: var(--tt-text);
        font-size: 13.5px;
        font-weight: 600;
        display: block;
    }

/* Reason & Rejection Boxes */
.reason-section[b-khjx5yxnl2] {
    margin-top: 20px;
}

.reason-text[b-khjx5yxnl2],
.empty-reason[b-khjx5yxnl2] {
    margin: 6px 0 0;
    padding: 14px;
    border-radius: 12px;
    background: var(--tt-soft);
    border: 1px solid #e2e8f0;
    color: var(--tt-text);
    font-size: 13.5px;
    line-height: 1.5;
}

.empty-reason[b-khjx5yxnl2] {
    color: var(--tt-muted);
    font-style: italic;
}

.rejection-section[b-khjx5yxnl2] {
    margin-top: 18px;
}

    .rejection-section p[b-khjx5yxnl2] {
        margin: 6px 0 0;
        padding: 14px;
        border-radius: 12px;
        background: #fef2f2;
        border: 1px solid #fca5a5;
        border-left: 4px solid #ef4444;
        color: #991b1b;
        font-size: 13.5px;
        line-height: 1.5;
        font-weight: 500;
    }

.leave-details-modal .modal-footer[b-khjx5yxnl2] {
    padding: 16px 26px;
    border-top: 1px solid #f1f5f9;
    background: var(--tt-card);
}

.modal-close-btn[b-khjx5yxnl2] {
    height: 40px;
    min-width: 100px;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 600;
    background-color: var(--tt-card);
    border: 1px solid #cbd5e1;
    color: var(--tt-secondary-text);
    transition: all 0.15s ease;
}

    .modal-close-btn:hover[b-khjx5yxnl2] {
        background-color: var(--tt-soft);
        border-color: var(--tt-muted);
        color: var(--tt-text);
    }

@media (max-width: 576px) {
    .details-grid[b-khjx5yxnl2] {
        grid-template-columns: 1fr;
    }

    .leave-details-modal .modal-body[b-khjx5yxnl2] {
        padding: 20px;
    }

    .leave-details-modal .modal-header[b-khjx5yxnl2] {
        padding: 18px 20px;
    }
}

@keyframes fadeIn-b-khjx5yxnl2 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* /Components/Pages/Leave/Employee/LeaveRequestForm.razor.rz.scp.css */
.leave-form-card[b-izboqve1xq] {
    background: var(--tt-card);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.04), 0 8px 10px -6px rgba(15, 23, 42, 0.02);
    transition: all 0.25s ease-in-out;
}

.leave-form-header[b-izboqve1xq] {
    display: flex;
    direction: ltr;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f5f9;
}

    .leave-form-header h4[b-izboqve1xq] {
        margin: 0;
        font-size: 20px;
        font-weight: 700;
        color: var(--tt-text);
        letter-spacing: -0.01em;
    }

    .leave-form-header p[b-izboqve1xq] {
        margin: 4px 0 0;
        color: var(--tt-secondary-text);
        font-size: 13.5px;
    }

.leave-form-header[b-izboqve1xq]  .leave-period-summary { margin-left: auto; }

/* Form Labels */
.form-label[b-izboqve1xq] {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--tt-text);
}

    .form-label span[b-izboqve1xq] {
        color: #ef4444;
        font-weight: 700;
        margin-left: 2px;
    }

    .form-label small[b-izboqve1xq] {
        color: var(--tt-muted);
        font-weight: 400;
        font-size: 12px;
        margin-left: 4px;
    }

/* Form Inputs & Selects */
.form-control[b-izboqve1xq],
.form-select[b-izboqve1xq] {
    min-height: 44px;
    border-radius: 10px;
    font-size: 14px;
    color: var(--tt-text);
    background-color: var(--tt-soft);
    border: 1px solid #e2e8f0;
    padding: 0 14px;
    transition: all 0.2s ease-in-out;
    box-shadow: none;
}

    .form-control:hover[b-izboqve1xq],
    .form-select:hover[b-izboqve1xq] {
        background-color: var(--tt-soft);
        border-color: #cbd5e1;
    }

    .form-control:focus[b-izboqve1xq],
    .form-select:focus[b-izboqve1xq] {
        background-color: var(--tt-card);
        border-color: #1d72e7;
        box-shadow: 0 0 0 4px rgba(29, 114, 231, 0.15);
        outline: none;
    }

textarea.form-control[b-izboqve1xq] {
    min-height: 110px;
    padding: 12px 14px;
    resize: vertical;
    line-height: 1.5;
}

[b-izboqve1xq] .validation-message {
    display: block;
    margin-top: 6px;
    color: #ef4444;
    font-size: 12px;
    font-weight: 500;
}

[b-izboqve1xq] .invalid {
    border-color: #ef4444 !important;
    background-color: #fef2f2 !important;
}

.leave-form-error[b-izboqve1xq] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 24px;
    padding: 12px 16px;
    border-radius: 10px;
    background-color: #fef2f2;
    border: 1px solid #fca5a5;
    border-left: 4px solid #ef4444;
    color: #991b1b;
    font-size: 13.5px;
    font-weight: 500;
}

    .leave-form-error i[b-izboqve1xq] {
        font-size: 16px;
        color: #ef4444;
    }

.leave-form-actions[b-izboqve1xq] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid #f1f5f9;
}

    .leave-form-actions .btn[b-izboqve1xq] {
        min-width: 130px;
        height: 42px;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 600;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease-in-out;
    }

    .leave-form-actions .btn-primary[b-izboqve1xq] {
        background-color: #1d72e7;
        border: 1px solid #1d72e7;
        color: #ffffff;
        box-shadow: 0 2px 6px rgba(29, 114, 231, 0.25);
    }

        .leave-form-actions .btn-primary:hover:not(:disabled)[b-izboqve1xq] {
            background-color: #155bca;
            border-color: #155bca;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(29, 114, 231, 0.35);
        }

    .leave-form-actions .btn-light[b-izboqve1xq] {
        background-color: var(--tt-card);
        border: 1px solid #e2e8f0;
        color: var(--tt-secondary-text);
    }

        .leave-form-actions .btn-light:hover:not(:disabled)[b-izboqve1xq] {
            background-color: var(--tt-soft);
            border-color: #cbd5e1;
            color: var(--tt-text);
        }

    .leave-form-actions .btn:disabled[b-izboqve1xq] {
        opacity: 0.65;
        cursor: not-allowed;
        transform: none;
    }

@media (max-width: 576px) {
    .leave-form-card[b-izboqve1xq] {
        padding: 20px;
        border-radius: 12px;
    }

    .leave-form-actions[b-izboqve1xq] {
        flex-direction: column-reverse;
        gap: 10px;
    }

        .leave-form-actions .btn[b-izboqve1xq] {
            width: 100%;
        }
}
/* /Components/Pages/Leave/Employee/LeaveRequestPeriodSummary.razor.rz.scp.css */
.leave-period-summary[b-jlanlpl2th] { display: flex; flex-direction: column; gap: .4rem; padding: .75rem 1rem; border: 1px solid var(--tt-border); border-radius: .8rem; background: var(--tt-elevated); color: var(--tt-text); font-size: .85rem; text-align: start; }
.duration-label[b-jlanlpl2th] { font-weight: 700; color: var(--tt-primary); }
.period-range[b-jlanlpl2th] { display: flex; flex-wrap: wrap; gap: .35rem .8rem; }
.period-range > span[b-jlanlpl2th] { display: inline-flex; align-items: baseline; gap: .35rem; }
/* /Components/Pages/Leave/Employee/LeaveRequests.razor.rz.scp.css */
.leave-page[b-ebeiachqe0] {
    padding: 32px;
    max-width: 1400px;
    margin: 0 auto;
}

.leave-page-header[b-ebeiachqe0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

    .leave-page-header h2[b-ebeiachqe0] {
        margin: 0;
        font-size: 26px;
        font-weight: 800;
        color: var(--tt-text);
        letter-spacing: -0.02em;
    }

    .leave-page-header p[b-ebeiachqe0] {
        margin: 4px 0 0;
        color: var(--tt-secondary-text);
        font-size: 14px;
    }

.new-request-button[b-ebeiachqe0] {
    height: 44px;
    border-radius: 10px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 600;
    background-color: #1d72e7;
    border: 1px solid #1d72e7;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(29, 114, 231, 0.25);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
}

    .new-request-button:hover[b-ebeiachqe0] {
        background-color: #155bca;
        border-color: #155bca;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(29, 114, 231, 0.35);
    }

    .new-request-button:active[b-ebeiachqe0] {
        transform: translateY(0);
    }

.leave-form-section[b-ebeiachqe0] {
    margin-bottom: 32px;
    animation: fadeInDown-b-ebeiachqe0 0.25s ease-out;
}

@keyframes fadeInDown-b-ebeiachqe0 {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.leave-section[b-ebeiachqe0] {
    background: transparent;
}

.section-header[b-ebeiachqe0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

    .section-header h5[b-ebeiachqe0] {
        margin: 0;
        font-size: 17px;
        font-weight: 700;
        color: var(--tt-text);
        letter-spacing: -0.01em;
    }

    .section-header p[b-ebeiachqe0] {
        margin: 2px 0 0;
        color: var(--tt-secondary-text);
        font-size: 13px;
    }

.request-count[b-ebeiachqe0] {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 20px;
    background: #eff6ff;
    color: #1d72e7;
    border: 1px solid #dbeafe;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.cancel-backdrop[b-ebeiachqe0] {
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(4px);
    z-index: 1050;
    animation: fadeIn-b-ebeiachqe0 0.15s ease-out;
}

.cancel-modal[b-ebeiachqe0] {
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.1), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
    overflow: hidden;
    background: var(--tt-card);
}

.cancel-icon[b-ebeiachqe0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin: 0 auto 16px;
    border-radius: 14px;
    background: #fef3c7;
    color: #d97706;
    font-size: 22px;
    border: 1px solid #fde68a;
}

.cancel-modal h5[b-ebeiachqe0] {
    font-size: 18px;
    font-weight: 700;
    color: var(--tt-text);
    margin-bottom: 6px;
}

.cancel-modal p[b-ebeiachqe0] {
    margin: 0 0 24px;
    color: var(--tt-secondary-text);
    font-size: 13.5px;
    line-height: 1.5;
}

.cancel-btn-light[b-ebeiachqe0] {
    height: 40px;
    border-radius: 10px;
    padding: 0 18px;
    font-size: 13.5px;
    font-weight: 600;
    background-color: var(--tt-card);
    border: 1px solid #cbd5e1;
    color: var(--tt-secondary-text);
    transition: all 0.15s ease;
}

    .cancel-btn-light:hover[b-ebeiachqe0] {
        background-color: var(--tt-soft);
        border-color: var(--tt-muted);
        color: var(--tt-text);
    }

.cancel-btn-danger[b-ebeiachqe0] {
    height: 40px;
    border-radius: 10px;
    padding: 0 18px;
    font-size: 13.5px;
    font-weight: 600;
    background-color: #ef4444;
    border: 1px solid #ef4444;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(239, 68, 68, 0.25);
    transition: all 0.15s ease;
}

    .cancel-btn-danger:hover[b-ebeiachqe0] {
        background-color: #dc2626;
        border-color: #dc2626;
        box-shadow: 0 4px 10px rgba(239, 68, 68, 0.35);
    }

@media (max-width: 768px) {
    .leave-page[b-ebeiachqe0] {
        padding: 18px;
    }

    .leave-page-header[b-ebeiachqe0] {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
    }

    .new-request-button[b-ebeiachqe0] {
        width: 100%;
    }
}

@keyframes fadeIn-b-ebeiachqe0 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* /Components/Pages/Leave/Employee/LeaveRequestsTable.razor.rz.scp.css */
/* Table Wrapper Card */
.leave-table-wrapper[b-lfn9sem09f] {
    background: var(--tt-card);
    border: 1px solid var(--tt-border);
    border-radius: 16px;
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.04), 0 8px 10px -6px rgba(15, 23, 42, 0.02);
    overflow: hidden;
}

.table-responsive[b-lfn9sem09f] {
    width: 100%;
    overflow-x: auto;
}

.leave-table[b-lfn9sem09f] {
    width: 100%;
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

    .leave-table thead th[b-lfn9sem09f] {
        padding: 16px 20px;
        background: var(--tt-soft);
        border-bottom: 1px solid var(--tt-border);
        color: var(--tt-secondary-text);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        white-space: nowrap;
    }

.sort-header[b-lfn9sem09f] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    font: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
}

.sort-header:hover[b-lfn9sem09f],
.sort-header:focus-visible[b-lfn9sem09f] { color: var(--tt-primary); }

.sort-header:focus-visible[b-lfn9sem09f] {
    outline: 2px solid var(--tt-primary);
    outline-offset: .2rem;
    border-radius: .2rem;
}

    .leave-table tbody td[b-lfn9sem09f] {
        padding: 16px 20px;
        border-bottom: 1px solid var(--tt-border);
        color: var(--tt-text);
        font-size: 13.5px;
        vertical-align: middle;
        transition: background-color 0.15s ease;
    }

    .leave-table tbody tr:hover[b-lfn9sem09f] {
        background-color: var(--tt-soft);
    }

    .leave-table tbody tr:last-child td[b-lfn9sem09f] {
        border-bottom: 0;
    }

.leave-type[b-lfn9sem09f] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: var(--tt-text);
}

    .leave-type i[b-lfn9sem09f] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 9px;
        background-color: #eff6ff;
        color: #1d72e7;
        font-size: 14px;
        flex-shrink: 0;
    }

.date-range-badge[b-lfn9sem09f] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: var(--tt-soft);
    border: 1px solid var(--tt-border);
    padding: 5px 12px;
    border-radius: 8px;
    white-space: nowrap;
}

.date-chip[b-lfn9sem09f] {
    color: var(--tt-text);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.date-arrow[b-lfn9sem09f] {
    color: var(--tt-muted);
    font-size: 11px;
}

.submitted-date[b-lfn9sem09f] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--tt-secondary-text);
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

    .submitted-date i[b-lfn9sem09f] {
        font-size: 13px;
        color: var(--tt-muted);
    }

.days-count[b-lfn9sem09f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 26px;
    padding: 0 8px;
    border-radius: 20px;
    background: var(--tt-soft);
    color: var(--tt-text);
    font-size: 12.5px;
    font-weight: 700;
    border: 1px solid var(--tt-border);
}

.empty-state[b-lfn9sem09f] {
    padding: 50px 20px;
    text-align: center;
    color: var(--tt-secondary-text);
}

.empty-icon-box[b-lfn9sem09f] {
    width: 56px;
    height: 56px;
    margin: 0 auto 16px auto;
    background-color: var(--tt-soft);
    border: 1px solid var(--tt-border);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-state i[b-lfn9sem09f] {
    font-size: 26px;
    color: var(--tt-muted);
}

.empty-state h6[b-lfn9sem09f] {
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: 700;
    color: var(--tt-text);
}

.empty-state p[b-lfn9sem09f] {
    margin: 0;
    font-size: 13px;
    color: var(--tt-secondary-text);
}
/* /Components/Pages/Leave/LeaveRequestFilter.razor.rz.scp.css */
.leave-filter-wrap[b-08qbc6il9m] { position: relative; margin-bottom: 1rem; }
.filter-control[b-08qbc6il9m] { display: inline-flex; flex-direction: column; align-items: flex-start; gap: .35rem; }
.filter-label[b-08qbc6il9m] { color: var(--tt-secondary-text); font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.filter-trigger[b-08qbc6il9m] { min-width: 10rem; display: inline-flex; align-items: center; justify-content: space-between; }
.filter-dismiss-layer[b-08qbc6il9m] { position: fixed; inset: 0; z-index: 1039; }
.filter-popover[b-08qbc6il9m] { position: absolute; z-index: 1040; top: calc(100% + .5rem); inset-inline-start: 0; width: min(25rem, calc(100vw - 2rem)); padding: 1rem; border: 1px solid var(--tt-border); background: var(--tt-card); }
.filter-heading[b-08qbc6il9m] { display: flex; justify-content: space-between; gap: 1rem; color: var(--tt-text); }
.filter-heading span[b-08qbc6il9m] { color: var(--tt-muted); font-size: .78rem; }
.filter-shortcuts[b-08qbc6il9m] { display: flex; justify-content: flex-end; }
.status-option[b-08qbc6il9m] { display: flex; align-items: center; gap: .65rem; padding: .45rem .25rem; cursor: pointer; }
.filter-actions[b-08qbc6il9m] { display: flex; justify-content: flex-end; gap: .5rem; margin-top: 1rem; }
.single-status-filter[b-08qbc6il9m] { display: grid; grid-template-columns: minmax(12rem, 1fr) auto auto; align-items: end; gap: .75rem; max-width: 34rem; padding: 1rem; border: 1px solid var(--tt-border); }
.single-status-filter .form-label[b-08qbc6il9m] { margin-bottom: .35rem; }
@media (max-width: 575.98px) { .filter-control[b-08qbc6il9m], .filter-trigger[b-08qbc6il9m] { width: 100%; } .filter-popover[b-08qbc6il9m] { position: fixed; top: 7rem; inset-inline: 1rem; width: auto; max-height: calc(100vh - 8rem); overflow-y: auto; } .single-status-filter[b-08qbc6il9m] { grid-template-columns: 1fr 1fr; } .single-status-filter > div[b-08qbc6il9m] { grid-column: 1 / -1; } }
/* /Components/Pages/Login.razor.rz.scp.css */
.login-container[b-d0a2ajcxih] {
    max-width: 380px;
    margin: 60px auto;
    padding: 35px;
    background-color: var(--tt-card);
    border-radius: 12px;
    border: 1px solid var(--tt-border);
    box-shadow: var(--tt-shadow);
}

    .login-container h3[b-d0a2ajcxih] {
        color: var(--tt-text);
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 25px;
        text-align: center;
    }

    .login-container .field-label[b-d0a2ajcxih] {
        display: block;
        margin-bottom: 8px;
        color: var(--tt-secondary-text);
        font-size: 14px;
    }

.field-wrapper[b-d0a2ajcxih] {
    position: relative;
    margin-bottom: 5px;
    width: 100%;
}

.login-container input:not([type="checkbox"])[b-d0a2ajcxih] {
    width: 100%;
    padding-block: 12px;
    padding-inline: 15px 45px;
    border: 1px solid var(--tt-input-border);
    border-radius: 8px;
    background-color: var(--tt-input-bg);
    font-size: 15px;
    color: var(--tt-text);
    box-sizing: border-box;
    display: block;
    outline: none;
    transition: all 0.2s ease;
}

    .login-container input:not([type="checkbox"]):focus[b-d0a2ajcxih] {
        border-color: var(--tt-primary);
        background-color: var(--tt-input-bg);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--tt-primary) 20%, transparent);
    }

.field-icon[b-d0a2ajcxih], .password-toggle[b-d0a2ajcxih] {
    position: absolute;
    inset-inline-end: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--tt-primary);
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    z-index: 10;
}

.password-toggle[b-d0a2ajcxih] {
    cursor: pointer;
    padding: .25rem;
    border: 0;
    background: transparent;
    border-radius: .35rem;
}

.password-toggle:focus-visible[b-d0a2ajcxih] {
    outline: 2px solid var(--tt-primary);
    outline-offset: 2px;
}

.remember-row[b-d0a2ajcxih] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 15px;
    font-size: 14px;
    color: var(--tt-secondary-text);
}

.login-btn-wrapper[b-d0a2ajcxih] {
    margin-top: 25px;
}

.login-btn[b-d0a2ajcxih] {
    background-color: var(--tt-primary);
    color: var(--tt-primary-contrast);
    padding: 12px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    transition: background-color 0.2s;
}

    .login-btn:hover:not(:disabled)[b-d0a2ajcxih] {
        background-color: var(--tt-primary-hover);
    }

.report-box[b-d0a2ajcxih] {
    background-color: color-mix(in srgb, var(--tt-danger) 12%, var(--tt-card));
    color: var(--tt-danger);
    padding: 10px;
    border-radius: 8px;
    margin-top: 20px;
    font-size: 13px;
    border: 1px solid color-mix(in srgb, var(--tt-danger) 45%, var(--tt-border));
    text-align: center;
}
/* /Components/Pages/Profile/EmployeeProjects.razor.rz.scp.css */
.projects-section[b-sfqvsjarqx] {
    margin-top: 1.5rem;
    text-align: start;
}

.projects-header[b-sfqvsjarqx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; 
    padding-inline: 14px;
    margin-bottom: 0.5rem;
}

.projects-title[b-sfqvsjarqx] {
    font-weight: 800;
    font-size: 0.9rem;
    color: #00bcd4;
    letter-spacing: 0.3px;
}

.projects-count[b-sfqvsjarqx] {
    font-weight: 800;
    font-size: 0.9rem;
    color: #00bcd4;
    position: relative;
/*    top: 0px;*/
}

.projects-list[b-sfqvsjarqx] {
    border-radius: 12px;
    background-color: var(--tt-card);
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px solid var(--tt-border);
    overflow: hidden;
}

.projects-item[b-sfqvsjarqx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    background-color: var(--tt-soft);
    border-bottom: 1px solid var(--tt-border);
    transition: background-color 0.2s ease;
    cursor: pointer;
}

    .projects-item:last-child[b-sfqvsjarqx] {
        border-bottom: none;
    }

    .projects-item:hover[b-sfqvsjarqx] {
        background-color: var(--tt-hover);
    }

    .projects-item:focus-visible[b-sfqvsjarqx] {
        position: relative;
        outline: 3px solid var(--tt-primary);
        outline-offset: -3px;
    }

.project-name[b-sfqvsjarqx] {
    font-weight: 600;
    color: var(--tt-text);
    font-size: 0.9rem;
}

.project-date[b-sfqvsjarqx] {
    font-size: 0.8rem;
    color: var(--tt-secondary-text);
}

.no-projects[b-sfqvsjarqx] {
    text-align: center;
    color: var(--tt-secondary-text);
    font-style: italic;
    padding: 12px;
    border: 1px dashed var(--tt-border);
    border-radius: 8px;
    background-color: var(--tt-soft);
}
/* /Components/Pages/Profile/ProfileContent.razor.rz.scp.css */
.profile-page-root[b-stu2b4wdad] {
    background-color: var(--tt-bg);
    min-height: 100vh;
}
/* /Components/Pages/Profile/ProfileSettingsForm.razor.rz.scp.css */
.custom-profile-card[b-mariuusxnt] {
    border: 2px solid #51cf9f !important;
    border-radius: 20px !important;
    background-color: var(--tt-card) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    overflow: hidden;
}

.details-header[b-mariuusxnt] {
    border-bottom: 1px solid var(--tt-border);
}

.section-title[b-mariuusxnt] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--tt-text);
    display: flex;
    align-items: center;
    padding-bottom: 5px;
    border-bottom: 2px solid #51cf9f;
    width: fit-content;
}

    .section-title i[b-mariuusxnt] {
        color: #51cf9f;
    }

.brand-input[b-mariuusxnt] {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--tt-input-border);
    border-radius: 10px;
    font-size: 0.9rem;
    color: var(--tt-text);
    background: var(--tt-input-bg);
    transition: all 0.2s ease;
    outline: none;
}

    .brand-input:focus[b-mariuusxnt] {
        border-color: #51cf9f;
        box-shadow: 0 0 0 2px rgba(81, 207, 159, 0.2);
    }

.input-tag[b-mariuusxnt] {
    font-size: 0.65rem;
    font-weight: 800;
    color: var(--tt-secondary-text);
    margin-bottom: 4px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.bg-light-gray[b-mariuusxnt] {
    background-color: var(--tt-readonly) !important;
    color: var(--tt-secondary-text) !important;
    cursor: not-allowed;
}

select.brand-input[b-mariuusxnt] {
    cursor: pointer;
    background-color: var(--tt-input-bg);
}

.border-primary[b-mariuusxnt] {
    border-color: #51cf9f !important;
}
/* /Components/Pages/Profile/ProfileSidebar.razor.rz.scp.css */
.custom-profile-card[b-2p13ddkjjo] {
    border: 2px solid #51cf9f !important;
    border-radius: 20px !important;
    background-color: var(--tt-card) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    overflow: hidden !important;
    width: 100%;
    max-width: 100%;
}

.card-inner[b-2p13ddkjjo] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.profile-avatar-circle[b-2p13ddkjjo] {
    width: 110px;
    height: 110px;
    background: linear-gradient(135deg, #00bcd4, #00acc1);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.2rem;
    font-weight: bold;
    border: 4px solid var(--tt-card);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.status-dot[b-2p13ddkjjo] {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 3px solid var(--tt-card);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    z-index: 2;
}

.profile-user-name[b-2p13ddkjjo] {
    width: 100% !important;
    max-width: 100% !important;
    word-break: break-all !important; 
    overflow-wrap: anywhere !important;
    display: block !important;
}

.display-value-box[b-2p13ddkjjo] {
    background: var(--tt-soft);
    border: 1px solid var(--tt-border);
    padding: 10px;
    border-radius: 12px;
    text-align: center;
    font-size: 0.9rem;
    min-height: 42px;
    color: var(--tt-text);
    font-weight: 500;
    width: 100% !important;
    max-width: 100% !important;
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
}

.info-label[b-2p13ddkjjo] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--tt-secondary-text);
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

.bg-success[b-2p13ddkjjo] {
    background-color: #22c55e !important;
}

.bg-secondary[b-2p13ddkjjo] {
    background-color: var(--tt-muted) !important;
}
/* /Components/Pages/projects/ProjectAddFab.razor.rz.scp.css */
.custom-modal-backdrop[b-4vr5ygtkmk] {
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(8px);
    z-index: 1050;
}

.custom-modal-content[b-4vr5ygtkmk] {
    border-radius: 24px;
    border: none;
    background: var(--tt-card);
}

.modal-header[b-4vr5ygtkmk] {
    padding: 24px 24px 10px;
}

.form-group-custom[b-4vr5ygtkmk] {
    display: flex;
    flex-direction: column;
}

.custom-label[b-4vr5ygtkmk] {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--tt-secondary-text);
    margin-bottom: 8px;
}

.modern-input[b-4vr5ygtkmk], select.modern-input[b-4vr5ygtkmk] {
    width: 100%;
    background: var(--tt-input-bg);
    border: 1px solid var(--tt-input-border);
    border-radius: 12px;
    padding: 12px 16px;
    color: var(--tt-text);
    outline: none;
    appearance: none;
    font: inherit;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.modern-input[b-4vr5ygtkmk]::placeholder { color: var(--tt-muted); opacity: 1; }
.modern-input:hover:not(:disabled)[b-4vr5ygtkmk] { border-color: color-mix(in srgb, var(--tt-primary) 55%, var(--tt-input-border)); }
.modern-input:focus[b-4vr5ygtkmk], .modern-input:focus-visible[b-4vr5ygtkmk] { border-color: var(--tt-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--tt-primary) 20%, transparent); }
.modern-input:disabled[b-4vr5ygtkmk] { color: var(--tt-secondary-text); background: var(--tt-readonly); opacity: .8; cursor: not-allowed; }

.dropdown-trigger[b-4vr5ygtkmk] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; text-align: start; }
.dropdown-trigger .bi[b-4vr5ygtkmk] { color: var(--tt-primary); }

.cursor-pointer[b-4vr5ygtkmk] {
    cursor: pointer;
}

.btn-modern-cancel[b-4vr5ygtkmk] {
    background: var(--tt-soft);
    color: var(--tt-text);
    border: 1px solid var(--tt-border);
    padding: 12px 24px;
    border-radius: 12px;
    font-weight: 600;
}

.btn-modern-submit[b-4vr5ygtkmk] {
    background: var(--tt-primary);
    color: var(--tt-primary-contrast);
    border: none;
    padding: 12px 28px;
    border-radius: 12px;
    font-weight: 600;
}

.search-results-container[b-4vr5ygtkmk] {
    width: 100%;
    max-height: 180px;
    overflow-y: auto;
    background: var(--tt-card);
    border: 1px solid var(--tt-border);
    border-radius: 0 0 12px 12px;
    margin-top: -5px;
    z-index: 10;
    padding: 8px 0;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
}

.search-item[b-4vr5ygtkmk] {
    width: 100%;
    padding: 8px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--tt-text);
    background: transparent;
    border: 0;
    text-align: start;
    font: inherit;
}

    .search-item:hover[b-4vr5ygtkmk] {
        background: var(--tt-hover);
    }

    .search-item:focus-visible[b-4vr5ygtkmk] { outline: 2px solid var(--tt-primary); outline-offset: -2px; }

.selected-users-tags[b-4vr5ygtkmk] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 5px 0;
}

.user-tag-pill[b-4vr5ygtkmk] {
    background: var(--tt-primary-soft);
    color: var(--tt-text);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
}

.remove-user-button[b-4vr5ygtkmk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--tt-primary);
    background: transparent;
    border: 0;
    border-radius: 50%;
}

.remove-user-button:hover[b-4vr5ygtkmk] { color: var(--tt-danger); }
.remove-user-button:focus-visible[b-4vr5ygtkmk] { outline: 2px solid var(--tt-primary); outline-offset: 2px; }
/* /Components/Pages/projects/ProjectDetailsPanel.razor.rz.scp.css */
.project-details-form[b-ma7lieb0kk] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.project-details-card[b-ma7lieb0kk] {
    background-color: var(--tt-card);
    border: 2px solid #51cf9f;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.project-scroll-content[b-ma7lieb0kk] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    padding-right: 0.5rem;
}

.project-header-section[b-ma7lieb0kk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 0.75rem;
}

.project-main-title[b-ma7lieb0kk] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--tt-text);
    margin: 0;
    display: flex;
    align-items: center;
}

.project-header-actions[b-ma7lieb0kk] {
    display: flex;
    gap: 0.5rem;
}

.divider[b-ma7lieb0kk] {
    height: 1px;
    background-color: var(--tt-soft);
    margin: 1.5rem 0;
}
/* /Components/Pages/projects/ProjectEmployeesSection.razor.rz.scp.css */
.employees-section-header[b-7e6j8licfg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.form-section-title[b-7e6j8licfg] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--tt-text);
    display: flex;
    align-items: center;
}

.no-margin[b-7e6j8licfg] {
    margin-bottom: 0;
}

.section-icon[b-7e6j8licfg] {
    margin-right: 0.5rem;
}

.update-employees-btn[b-7e6j8licfg] {
    border-radius: 8px;
    padding: 0.35rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

.employees-list-wrapper[b-7e6j8licfg] {
    background-color: var(--tt-soft);
    border: 1px solid var(--tt-border);
    border-radius: 10px;
    padding: 0.75rem;
    max-height: 250px;
    overflow-y: auto;
}

    .employees-list-wrapper.disabled[b-7e6j8licfg] {
        opacity: 0.8;
    }
/* /Components/Pages/projects/ProjectFilters.razor.rz.scp.css */
.project-filter[b-dzel9m4hsn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
}

.filter-row[b-dzel9m4hsn] {
    display: flex;
    gap: 0.75rem;
    align-items: end;
}

.filter-group[b-dzel9m4hsn] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

    .filter-group label[b-dzel9m4hsn] {
        font-size: 0.8rem;
        font-weight: 600;
        color: var(--tt-secondary-text);
        margin-bottom: 0.3rem;
    }

.form-control[b-dzel9m4hsn] {
    width: 100%;
}

.status-group[b-dzel9m4hsn] {
    flex: 1;
}

.search-btn[b-dzel9m4hsn] {
    flex: 0 0 110px;
    height: 40px;
    border: none;
    border-radius: 10px;
    background: #51cf9f;
    color: white;
    font-weight: 600;
    cursor: pointer;
}

    .search-btn:hover[b-dzel9m4hsn] {
        background: #3dbb89;
    }
/* /Components/Pages/projects/ProjectFormContent.razor.rz.scp.css */
.form-section-title[b-k7k95wi5qj] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--tt-text);
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.project-details-grid[b-k7k95wi5qj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.form-group-container[b-k7k95wi5qj] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.full-width-group[b-k7k95wi5qj] {
    grid-column: span 2;
}

.detail-label[b-k7k95wi5qj] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--tt-secondary-text);
    letter-spacing: 0.05em;
}

.profile-input-box[b-k7k95wi5qj] {
    padding: 0.6rem 0.8rem;
    border: 1px solid var(--tt-input-border);
    border-radius: 8px;
    font-size: 0.9rem;
    color: var(--tt-text);
    background-color: var(--tt-input-bg);
    outline: none;
    transition: all 0.2s ease;
}

    .profile-input-box:focus[b-k7k95wi5qj] {
        border-color: var(--tt-primary);
        background-color: var(--tt-input-bg);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--tt-primary) 20%, transparent);
    }

    .profile-input-box:disabled[b-k7k95wi5qj] {
        color: var(--tt-secondary-text);
        background-color: var(--tt-readonly);
        opacity: .85;
    }

    .profile-input-box[b-k7k95wi5qj]::placeholder { color: var(--tt-muted); opacity: 1; }

.textarea-box[b-k7k95wi5qj] {
    resize: vertical;
    min-height: 80px;
}

.project-state-box[b-k7k95wi5qj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 38px;
    padding: 0.35rem 0.5rem 0.35rem 0.75rem;
    border-radius: 8px;
    border: 1px solid var(--tt-input-border);
    background-color: var(--tt-input-bg);
    font-size: 0.9rem;
}

.project-state-badge[b-k7k95wi5qj] {
    font-size: 0.75rem;
    font-weight: 700;
}

.project-state-badge.active[b-k7k95wi5qj] {
    color: var(--tt-status-approved-text);
}

.project-state-badge.closed[b-k7k95wi5qj] {
    color: var(--tt-status-rejected-text);
}

.project-deactivate-btn[b-k7k95wi5qj] {
    background: transparent;
    color: var(--tt-danger);
    border: 1px solid color-mix(in srgb, var(--tt-danger) 65%, transparent);
    border-radius: 6px;
    padding: 0.22rem 0.6rem;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

    .project-deactivate-btn:hover:not(:disabled)[b-k7k95wi5qj] {
        color: #fff;
        border-color: var(--tt-danger);
        background-color: var(--tt-danger);
    }

    .project-deactivate-btn:focus-visible[b-k7k95wi5qj] {
        outline: 3px solid color-mix(in srgb, var(--tt-danger) 25%, transparent);
        outline-offset: 2px;
    }

    .project-deactivate-btn:disabled[b-k7k95wi5qj] {
        cursor: not-allowed;
        opacity: 0.55;
    }
/* /Components/Pages/projects/ProjectModals.razor.rz.scp.css */
.modal-backdrop-custom[b-x64rbphkk8] {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-body-scrollable[b-x64rbphkk8] {
    max-height: 300px;
    overflow-y: auto;
    padding: 1rem 1.25rem;
}

.confirm-icon[b-x64rbphkk8] {
    font-size: 2.5rem;
}
/* /Components/Pages/projects/Projects.razor.rz.scp.css */
.projects-container[b-kz30s6sa30] {
    display: grid;
    grid-template-columns: 380px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 1.5rem;
    padding: 1.5rem;
    height: calc(100vh - 4rem);
    margin-top: 0.5rem;
    overflow: hidden;
    font-family: system-ui, -apple-system, sans-serif;
    width: 100%;
    box-sizing: border-box;
}

.projects-sidebar-card[b-kz30s6sa30] {
    width: 380px;
    min-width: 380px;
    max-width: 380px;
    background-color: var(--tt-card);
    border: 2px solid #51cf9f;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0; 
    overflow: hidden;
    box-sizing: border-box;
}

.projects-title[b-kz30s6sa30] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--tt-text);
    margin: 0;
}

.projects-header[b-kz30s6sa30] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.projects-items[b-kz30s6sa30] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    margin-top: 0.5rem;
}

.btn-add-project[b-kz30s6sa30] {
    background-color: #51cf9f !important;
    color: white !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 0.2rem 0.7rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    font-size: 1.1rem !important;
    line-height: 1 !important;
}

    .btn-add-project:hover[b-kz30s6sa30] {
        background-color: #43b389 !important;
    }
/* /Components/Pages/projects/ProjectsList.razor.rz.scp.css */
.projects-wrapper[b-5d0y82df4v] {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 15px;
    overflow: hidden;
}

.projects-list[b-5d0y82df4v] {
    flex: 1;
    background: var(--tt-card);
    border-radius: 20px;
    padding: 1.2rem;
    color: var(--tt-text);
    overflow-y: auto;
    border: 2px solid #51cf9f;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    min-height: 150px;
}

    .projects-list.inactive[b-5d0y82df4v] {
        border: 2px solid #ff6b6b;
    }

.project-item[b-5d0y82df4v] {
    --project-status-color: var(--tt-border);
    display: block;
    width: 100%;
    border-radius: 10px;
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid var(--project-status-color) !important;
    color: var(--tt-text);
    background: color-mix(in srgb, var(--project-status-color) 8%, var(--tt-card)) !important;
    text-align: start;
    font: inherit;
    overflow: hidden;
}

    .project-item.selected[b-5d0y82df4v] {
        font-weight: 600;
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--project-status-color) 42%, transparent);
    }

    .project-item:hover[b-5d0y82df4v] {
        color: var(--tt-text);
        background: color-mix(in srgb, var(--project-status-color) 14%, var(--tt-card)) !important;
        transform: translateY(-1px);
    }

    .project-item:focus-visible[b-5d0y82df4v] {
        outline: 3px solid color-mix(in srgb, var(--project-status-color) 65%, transparent);
        outline-offset: 2px;
    }

.status-expired[b-5d0y82df4v] {
    --project-status-color: var(--tt-danger);
}

.status-near[b-5d0y82df4v] {
    --project-status-color: var(--tt-warning);
}

.status-far[b-5d0y82df4v] {
    --project-status-color: var(--tt-success);
}

.status-default[b-5d0y82df4v] {
    --project-status-color: var(--tt-border);
}

.status-closed[b-5d0y82df4v] {
    --project-status-color: var(--tt-danger);
}

.project-name[b-5d0y82df4v] {
    font-size: 0.9rem;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow-wrap: anywhere;
    word-break: normal;
}

.projects-title[b-5d0y82df4v] {
    font-size: 0.85rem;
    font-weight: 800;
    color: var(--tt-secondary-text);
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
/* /Components/Pages/Register.razor.rz.scp.css */
.register-wrapper[b-bwge4vvy19] {
    display: flex;
    justify-content: center;
    padding: 20px;
    background-color: var(--tt-soft);
    min-height: 100vh;
}

.login-container[b-bwge4vvy19] {
    width: 100%;
    max-width: 600px;
    background: var(--tt-card);
    padding: 35px;
    border-radius: 16px;
    border: 1px solid var(--tt-border);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    height: fit-content;
}

[b-bwge4vvy19] .section-title {
    margin-top: 20px;
    font-weight: bold;
    color: var(--tt-primary);
    border-bottom: 1px solid var(--tt-border);
    padding-bottom: 5px;
    margin-bottom: 10px;
}

[b-bwge4vvy19] .row-flex {
    display: flex;
    gap: 15px;
    margin-bottom: 10px;
}

[b-bwge4vvy19] .field-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}

    [b-bwge4vvy19] .field-group label {
        margin: 8px 0 4px 0;
        color: var(--tt-secondary-text);
        font-size: 13px;
        font-weight: 600;
    }

[b-bwge4vvy19] .field-wrapper {
    position: relative;
    width: 100%;
}

[b-bwge4vvy19] .form-control {
    width: 100%;
    padding-block: 12px;
    padding-inline: 15px 40px;
    border: 1px solid var(--tt-input-border);
    border-radius: 8px;
    background-color: var(--tt-input-bg);
    color: var(--tt-text);
    font-size: 14px;
    box-sizing: border-box;
}

[b-bwge4vvy19] .input-error {
    border-color: #ef4444 !important;
}

[b-bwge4vvy19] .field-icon, [b-bwge4vvy19] .password-toggle {
    position: absolute;
    inset-inline-end: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--tt-primary);
    z-index: 5;
}

[b-bwge4vvy19] .password-toggle {
    position: absolute;
    inset-inline-end: 12px;
    color: var(--tt-primary);
    cursor: pointer;
    padding: .25rem;
    border: 0;
    background: transparent;
    border-radius: .35rem;
}

[b-bwge4vvy19] .password-toggle:focus-visible {
    outline: 2px solid var(--tt-primary);
    outline-offset: 2px;
}

.login-btn[b-bwge4vvy19] {
    width: 100%;
    padding: 14px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    transition: 0.3s;
    border: none;
    border-radius: 12px;
    font-weight: 600;
    margin-top: 25px;
    background-color: var(--tt-primary);
    color: var(--tt-primary-contrast);
}

.login-btn:hover[b-bwge4vvy19], .login-btn:focus-visible[b-bwge4vvy19], .login-btn:active[b-bwge4vvy19] {
    background-color: var(--tt-primary-hover);
    color: var(--tt-primary-contrast);
}

    .login-btn:disabled[b-bwge4vvy19] {
        background-color: var(--tt-muted);
        cursor: not-allowed;
    }

.cancel-btn[b-bwge4vvy19] {
    width: 100%;
    background: none;
    border: 1px solid var(--tt-input-border);
    color: var(--tt-secondary-text);
    padding: 12px;
    border-radius: 12px;
    margin-top: 10px;
    cursor: pointer;
}

.cancel-btn:hover[b-bwge4vvy19], .cancel-btn:focus-visible[b-bwge4vvy19], .cancel-btn:active[b-bwge4vvy19] {
    background: var(--tt-hover);
    border-color: var(--tt-primary);
    color: var(--tt-text);
}

[b-bwge4vvy19] .field-wrapper .form-select {
    padding-block: 12px;
    padding-inline: 15px 40px;
    border-radius: 8px;
}

[b-bwge4vvy19] .text-danger {
    color: #ef4444;
}

@media (max-width: 640px) {
    .register-wrapper[b-bwge4vvy19] { padding: .75rem; }
    .login-container[b-bwge4vvy19] { padding: 1.25rem; }
    [b-bwge4vvy19] .row-flex { flex-direction: column; gap: 0; }
}
/* /Components/Pages/Reports/AdminReports.razor.rz.scp.css */
.reports-page[b-5fr6glge00] { max-width: 1500px; }.reports-header h2[b-5fr6glge00] { color: var(--tt-text); }.loading-state[b-5fr6glge00] { min-height: 240px; display: flex; flex-direction: column; align-items: center; justify-content: center; }@media (max-width: 575.98px) { .reports-page[b-5fr6glge00] { padding-inline: .75rem !important; }.reports-header[b-5fr6glge00] { align-items: flex-start !important; }.reports-header .btn[b-5fr6glge00] { width: 100%; } }
/* /Components/Pages/Reports/DepartmentReportList.razor.rz.scp.css */
.report-section[b-08v4fbuf3w] { background: var(--tt-card); border: 1px solid var(--tt-border); border-radius: 1rem; padding: 1.25rem; box-shadow: var(--tt-shadow); margin-bottom: 1.5rem; }
.section-heading h3[b-08v4fbuf3w], .department-heading h4[b-08v4fbuf3w] { margin: 0; font-size: 1.05rem; }
.section-heading p[b-08v4fbuf3w] { margin: .25rem 0 1rem; color: var(--tt-muted); }
.department-card[b-08v4fbuf3w] { height: 100%; min-width: 0; padding: 1rem; border: 1px solid var(--tt-border); border-radius: .8rem; background: var(--tt-elevated); }
.department-heading[b-08v4fbuf3w] { display: flex; justify-content: space-between; align-items: flex-start; gap: .75rem; }
.department-heading h4[b-08v4fbuf3w] { overflow-wrap: anywhere; }
.department-metrics[b-08v4fbuf3w] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .35rem .75rem; margin: 1rem 0; }
.department-metrics > div[b-08v4fbuf3w] { display: grid; grid-template-rows: subgrid; grid-row: span 2; }
.department-metrics dt[b-08v4fbuf3w] { font-size: .75rem; font-weight: 500; color: var(--tt-muted); }
.department-metrics dd[b-08v4fbuf3w] { margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.records-panel[b-08v4fbuf3w] { margin-top: .75rem; border: 1px solid var(--tt-border); border-radius: .8rem; overflow: hidden; }
.records-panel summary[b-08v4fbuf3w] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; color: var(--tt-text); cursor: pointer; font-weight: 700; list-style: none; }
.records-panel summary[b-08v4fbuf3w]::-webkit-details-marker { display: none; }
.records-panel summary:hover[b-08v4fbuf3w] { background: var(--tt-hover); }
.records-panel[open] .chevron[b-08v4fbuf3w] { transform: rotate(180deg); }
.records-content[b-08v4fbuf3w] { border-top: 1px solid var(--tt-border); }
.records-table th[b-08v4fbuf3w] { padding: .75rem; color: var(--tt-muted); background: var(--tt-card); font-size: .75rem; white-space: nowrap; }
.records-table td[b-08v4fbuf3w] { padding: .85rem .75rem; }
.project-records[b-08v4fbuf3w] { min-width: 600px; }
@media (max-width: 575.98px) { .department-metrics[b-08v4fbuf3w] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* /Components/Pages/Reports/EmployeeInsights.razor.rz.scp.css */
.insights-page[b-ol8lhvj6pa] { max-width: 1200px; }
.insights-mode[b-ol8lhvj6pa] { display: flex; gap: .5rem; margin-bottom: 1rem; }
.performance-section[b-ol8lhvj6pa] { background: var(--tt-card); border: 1px solid var(--tt-border); border-radius: 1rem; padding: 1.5rem; box-shadow: var(--tt-shadow); }
@media (max-width: 575.98px) { .performance-section[b-ol8lhvj6pa] { padding: 1rem; } .insights-mode .btn[b-ol8lhvj6pa] { flex: 1; } }
/* /Components/Pages/Reports/EmployeeProjectBreakdown.razor.rz.scp.css */
.report-section[b-tskk3tbo8z] { background: var(--tt-card); border: 1px solid var(--tt-border); border-radius: 1rem; padding: 1.25rem; box-shadow: var(--tt-shadow); margin-bottom: 1.5rem; }
.section-heading h3[b-tskk3tbo8z] { margin: 0; font-size: 1.1rem; }
.section-heading p[b-tskk3tbo8z] { margin: .25rem 0 1rem; color: var(--tt-muted); }
.project-card[b-tskk3tbo8z] { height: 100%; min-width: 0; padding: 1rem; border: 1px solid var(--tt-border); border-radius: .8rem; background: var(--tt-elevated); }
.project-card-heading[b-tskk3tbo8z] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; min-width: 0; }
.project-card h4[b-tskk3tbo8z] { min-width: 0; margin: 0; font-size: 1rem; overflow-wrap: anywhere; }
.project-card-heading strong[b-tskk3tbo8z] { flex: 0 0 auto; }
.progress[b-tskk3tbo8z] { height: .4rem; margin: 1rem 0 .4rem; background: var(--tt-surface); }
.progress-bar[b-tskk3tbo8z] { background: var(--tt-primary); }
.project-card small[b-tskk3tbo8z] { color: var(--tt-muted); }
.week-list[b-tskk3tbo8z] { margin-top: .8rem; }
.week-list div[b-tskk3tbo8z] { display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; border-top: 1px solid var(--tt-border); color: var(--tt-secondary-text); font-size: .82rem; }
/* /Components/Pages/Reports/EmployeeReport.razor.rz.scp.css */
.employee-report[b-y40xsfrw88] { max-width: 1400px; }
.report-section[b-y40xsfrw88] { margin-bottom: 1.5rem; padding: 1.25rem; border: 1px solid var(--tt-border); border-radius: 1rem; background: var(--tt-card); box-shadow: var(--tt-shadow); }
.section-heading[b-y40xsfrw88] { margin-bottom: 1rem; }
.section-heading h3[b-y40xsfrw88] { margin: 0; font-size: 1.15rem; }
.section-heading p[b-y40xsfrw88] { margin: .35rem 0 0; color: var(--tt-muted); }
@media (max-width: 575.98px) { .employee-report[b-y40xsfrw88] { padding-inline: .75rem !important; } .report-section[b-y40xsfrw88] { padding: 1rem; } }
/* /Components/Pages/Reports/EmployeeReportHeader.razor.rz.scp.css */
.employee-report-header[b-xil4f79k9x] { margin-bottom: 1.5rem; }.employee-report-header h2[b-xil4f79k9x] { margin: .2rem 0; }.employee-report-header p[b-xil4f79k9x] { margin: 0; color: var(--tt-secondary-text); }.eyebrow[b-xil4f79k9x] { color: var(--tt-primary); font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
/* /Components/Pages/Reports/EmployeeReportList.razor.rz.scp.css */
.report-section[b-dmqdgub5qx] { background: var(--tt-card); border: 1px solid var(--tt-border); border-radius: 1rem; padding: 1.25rem; box-shadow: var(--tt-shadow); margin-bottom: 1.5rem; }.section-heading h3[b-dmqdgub5qx] { margin: 0; font-size: 1.15rem; }.section-heading p[b-dmqdgub5qx] { margin: .25rem 0 1rem; color: var(--tt-muted); }.report-table[b-dmqdgub5qx] { min-width: 920px; }.report-table th[b-dmqdgub5qx] { color: var(--tt-muted); background: var(--tt-elevated); font-size: .75rem; text-transform: uppercase; white-space: nowrap; }.report-table th[b-dmqdgub5qx],.report-table td[b-dmqdgub5qx] { padding: .9rem; }
.report-link[b-dmqdgub5qx] { display: inline-flex; align-items: center; gap: .4rem; color: var(--tt-primary); font-weight: 700; text-decoration: none; }
.report-link:hover[b-dmqdgub5qx] { text-decoration: underline; text-underline-offset: .2rem; }
.report-link:focus-visible[b-dmqdgub5qx] { outline: 2px solid var(--tt-primary); outline-offset: .25rem; border-radius: .2rem; }
/* /Components/Pages/Reports/EmployeeReportSummary.razor.rz.scp.css */
.section-title[b-rb1oclbubj] { margin-bottom: 1rem; font-size: 1.1rem; }
/* /Components/Pages/Reports/EmployeeWeeklyDistribution.razor.rz.scp.css */
.report-section[b-cirbn86cx3] { background: var(--tt-card); border: 1px solid var(--tt-border); border-radius: 1rem; padding: 1.25rem; box-shadow: var(--tt-shadow); margin-bottom: 1.5rem; }
.section-heading h3[b-cirbn86cx3] { margin: 0; font-size: 1.1rem; }
.section-heading p[b-cirbn86cx3] { margin: .25rem 0 1rem; color: var(--tt-muted); }
.week-card[b-cirbn86cx3] { height: 100%; min-width: 0; padding: 1rem; border: 1px solid var(--tt-border); border-radius: .8rem; background: var(--tt-elevated); }
.week-card h4[b-cirbn86cx3] { font-size: .95rem; margin-bottom: .75rem; }
.week-project[b-cirbn86cx3] { display: flex; justify-content: space-between; gap: 1rem; min-width: 0; padding: .5rem 0; border-top: 1px solid var(--tt-border); }
.week-project span[b-cirbn86cx3] { min-width: 0; overflow-wrap: anywhere; }
.week-project strong[b-cirbn86cx3] { flex: 0 0 auto; }
/* /Components/Pages/Reports/LeaveReportSummary.razor.rz.scp.css */
.report-section[b-4lu039vhu5] {
    margin-bottom: 1.5rem;
    padding: 1.25rem;
    border: 1px solid var(--tt-border);
    border-radius: 1rem;
    background: var(--tt-card);
    box-shadow: var(--tt-shadow);
}

.section-heading h3[b-4lu039vhu5] {
    margin: 0;
    font-size: 1.05rem;
}

.section-heading p[b-4lu039vhu5] {
    margin: .25rem 0 1rem;
    color: var(--tt-muted);
}

.leave-heading[b-4lu039vhu5] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.record-count[b-4lu039vhu5] { flex: 0 0 auto; padding: .3rem .65rem; border: 1px solid var(--tt-border); border-radius: 999px; color: var(--tt-secondary-text); background: var(--tt-elevated); font-size: .8rem; font-weight: 700; }
.records-panel[b-4lu039vhu5] { margin-top: 1.25rem; border: 1px solid var(--tt-border); border-radius: .8rem; overflow: hidden; background: var(--tt-elevated); }
.records-panel summary[b-4lu039vhu5] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; color: var(--tt-text); cursor: pointer; font-weight: 700; list-style: none; }
.records-panel summary[b-4lu039vhu5]::-webkit-details-marker { display: none; }
.records-panel summary:hover[b-4lu039vhu5] { background: var(--tt-hover); }
.records-panel[open] .chevron[b-4lu039vhu5] { transform: rotate(180deg); }
.chevron[b-4lu039vhu5] { transition: transform .2s ease; }
.records-content[b-4lu039vhu5] { border-top: 1px solid var(--tt-border); }
.records-table[b-4lu039vhu5] { min-width: 760px; }
.records-table th[b-4lu039vhu5] { padding: .75rem 1rem; color: var(--tt-muted); background: var(--tt-card); font-size: .72rem; text-transform: uppercase; white-space: nowrap; }
.records-table td[b-4lu039vhu5] { padding: .85rem 1rem; border-color: var(--tt-border); }
.empty-records[b-4lu039vhu5] { padding: 2rem 1rem; color: var(--tt-muted); text-align: center; }
@media (max-width: 575.98px) { .leave-heading[b-4lu039vhu5] { flex-direction: column; } .record-count[b-4lu039vhu5] { align-self: flex-start; } }
/* /Components/Pages/Reports/LocalizedMonthPicker.razor.rz.scp.css */
.month-picker[b-hy8l7aozo3] { display: grid; grid-template-columns: minmax(0, 1fr) 6rem; gap: .5rem; }
.month-picker .form-control[b-hy8l7aozo3] { min-width: 0; font-variant-numeric: tabular-nums; }
/* /Components/Pages/Reports/MetricCard.razor.rz.scp.css */
.metric-icon[b-wz0re11u6i] { width: 2.75rem; height: 2.75rem; border-radius: .75rem; display: inline-grid; place-items: center; font-size: 1.2rem; flex: 0 0 auto; }
/* /Components/Pages/Reports/MonthlyPeriodSelector.razor.rz.scp.css */
.period-selector[b-jihry7ssse] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; align-items: center; margin-bottom: 1rem; }.period-selector h3[b-jihry7ssse] { margin: 0; font-size: 1.15rem; }.period-selector p[b-jihry7ssse] { margin: .25rem 0 0; color: var(--tt-muted); }.selector-controls[b-jihry7ssse] { width: min(100%, 15rem); }.custom-range[b-jihry7ssse] { padding: 1rem; margin: 0 0 1rem; border-radius: .75rem; background: var(--tt-elevated); border: 1px solid var(--tt-border); }@media (max-width: 575.98px) { .selector-controls[b-jihry7ssse] { width: 100%; } }
/* /Components/Pages/Reports/PerformancePeriodGroup.razor.rz.scp.css */
.period-card[b-s5ymgccn4b] { height: 100%; padding: 1rem; border-radius: .8rem; border: 1px solid var(--tt-border); background: var(--tt-elevated); }
.period-card-header[b-s5ymgccn4b] { display: flex; justify-content: space-between; gap: .75rem; align-items: flex-start; flex-wrap: wrap; }
.period-card h4[b-s5ymgccn4b] { margin: 0 0 .35rem; font-size: 1rem; line-height: 1.5; }
.period-card h4 .tt-date[b-s5ymgccn4b] { white-space: normal; }
.period-metrics[b-s5ymgccn4b] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .4rem .75rem; margin: 1rem 0; }
.period-metric[b-s5ymgccn4b] { display: grid; grid-template-rows: subgrid; grid-row: span 2; min-width: 0; text-align: start; }
.metric-label[b-s5ymgccn4b] { color: var(--tt-muted); font-size: .75rem; line-height: 1.5; text-transform: uppercase; overflow-wrap: anywhere; }
.metric-value[b-s5ymgccn4b] { display: flex; flex-wrap: wrap; align-items: baseline; gap: .3em; margin: 0; font-size: 1rem; line-height: 1.5; font-variant-numeric: tabular-nums; }
.metric-value bdi[b-s5ymgccn4b] { white-space: nowrap; }
.empty-period[b-s5ymgccn4b] { padding: 3rem 1rem; text-align: center; color: var(--tt-muted); }
.empty-period i[b-s5ymgccn4b] { font-size: 2rem; }
.empty-period p[b-s5ymgccn4b] { margin: .5rem 0 0; }
@media (max-width: 575.98px) { .period-metrics[b-s5ymgccn4b] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* /Components/Pages/Reports/ProjectReportList.razor.rz.scp.css */
.report-section[b-kme1rmltm5] { background: var(--tt-card); border: 1px solid var(--tt-border); border-radius: 1rem; padding: 1.25rem; box-shadow: var(--tt-shadow); margin-bottom: 1.5rem; }
.section-heading h3[b-kme1rmltm5], .project-card h4[b-kme1rmltm5] { margin: 0; font-size: 1.05rem; }
.section-heading p[b-kme1rmltm5] { margin: .25rem 0 1rem; color: var(--tt-muted); }
.project-card[b-kme1rmltm5] { height: 100%; min-width: 0; padding: 1rem; border: 1px solid var(--tt-border); border-radius: .8rem; background: var(--tt-elevated); }
.project-heading[b-kme1rmltm5] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; min-width: 0; }
.project-identity[b-kme1rmltm5] { min-width: 0; }
.project-card h4[b-kme1rmltm5] { min-width: 0; overflow-wrap: anywhere; }
.project-heading > strong[b-kme1rmltm5] { flex: 0 0 auto; }
.project-period[b-kme1rmltm5] { display: flex; flex-wrap: wrap; gap: .25rem .5rem; margin-top: .35rem; }
.project-period > span[b-kme1rmltm5] { font-weight: 700; color: var(--tt-secondary-text); }
.contributions[b-kme1rmltm5] { margin-top: 1rem; }
.contributions div[b-kme1rmltm5] { display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; border-top: 1px solid var(--tt-border); color: var(--tt-secondary-text); }
/* /Components/Pages/Reports/ReportFilters.razor.rz.scp.css */
.report-filters-wrap[b-bcbd8hsfsx] { position: relative; margin-bottom: 1.5rem; }
.filter-toggle[b-bcbd8hsfsx] { display: inline-flex; align-items: center; gap: .35rem; }
.filter-range[b-bcbd8hsfsx] { margin-inline: .4rem; color: var(--tt-secondary-text); font-size: .82rem; }
.report-filters[b-bcbd8hsfsx] { position: absolute; z-index: 1035; top: calc(100% + .5rem); left: 0; width: min(42rem, calc(100vw - 2rem)); padding: 1rem; border: 1px solid var(--tt-border); box-shadow: var(--tt-shadow); }
.filter-title[b-bcbd8hsfsx] { display: flex; align-items: center; justify-content: space-between; margin-bottom: .75rem; }
.filter-context[b-bcbd8hsfsx] { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin-top: 1rem; color: var(--tt-secondary-text); font-size: .85rem; }
@media (max-width: 575.98px) { .filter-toggle[b-bcbd8hsfsx] { width: 100%; justify-content: space-between; } .filter-range[b-bcbd8hsfsx] { overflow: hidden; text-overflow: ellipsis; } .report-filters[b-bcbd8hsfsx] { position: fixed; top: 5rem; left: .75rem; right: .75rem; width: auto; max-height: calc(100vh - 6rem); overflow-y: auto; } }
/* /Components/Pages/Reports/ReportsOverview.razor.rz.scp.css */
.reports-overview[b-v2dskm66kk] {
    width: 100%;
}

.section-title[b-v2dskm66kk] {
    margin-bottom: 1rem;
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--tt-text);
}

@media (max-width: 575.98px) {
    .section-title[b-v2dskm66kk] {
        font-size: 1.05rem;
    }
}
/* /Components/Pages/Reports/WeeklyPeriodSelector.razor.rz.scp.css */
.period-selector[b-5yuet7aqsv] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; align-items: center; margin-bottom: 1rem; }
.period-selector h3[b-5yuet7aqsv] { margin: 0; font-size: 1.15rem; }.period-selector p[b-5yuet7aqsv] { margin: .25rem 0 0; color: var(--tt-muted); }.selector-controls[b-5yuet7aqsv] { width: min(100%, 15rem); }
.custom-range[b-5yuet7aqsv] { padding: 1rem; margin: 0 0 1rem; border-radius: .75rem; background: var(--tt-elevated); border: 1px solid var(--tt-border); }
@media (max-width: 575.98px) { .selector-controls[b-5yuet7aqsv] { width: 100%; } }
/* /Components/Pages/Time/TimerActions.razor.rz.scp.css */
.timer-actions-wrapper[b-61w4w4a7cy] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.timer-btn[b-61w4w4a7cy] {
    width: 100%;
    padding: 14px;
    border: none;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s ease;
}

.btn-start[b-61w4w4a7cy] {
    background: #10b981;
    color: #ffffff;
}

    .btn-start:hover[b-61w4w4a7cy] {
        background: #059669;
    }

.btn-break[b-61w4w4a7cy] {
    background: #f59e0b;
    color: #ffffff;
}

    .btn-break:hover[b-61w4w4a7cy] {
        background: #d97706;
    }

.btn-resume[b-61w4w4a7cy] {
    background: #3b82f6;
    color: #ffffff;
}

    .btn-resume:hover[b-61w4w4a7cy] {
        background: #2563eb;
    }

.btn-stop[b-61w4w4a7cy] {
    background: #ef4444;
    color: #ffffff;
}

    .btn-stop:hover[b-61w4w4a7cy] {
        background: #dc2626;
    }

.timer-btn:disabled[b-61w4w4a7cy] {
    opacity: 0.6;
    cursor: not-allowed;
}

.timer-btn:focus-visible[b-61w4w4a7cy] {
    outline: 3px solid color-mix(in srgb, var(--tt-primary) 70%, white);
    outline-offset: 3px;
    box-shadow: 0 0 0 4px var(--tt-card);
}

.timer-btn:active:not(:disabled)[b-61w4w4a7cy] {
    transform: translateY(1px);
    filter: brightness(.9);
}

.timer-btn:disabled[b-61w4w4a7cy] {
    color: rgba(255, 255, 255, .9);
    filter: saturate(.55);
}
/* /Components/Pages/Time/TimerConfirmModal.razor.rz.scp.css */
.confirm-overlay[b-8bjmwyaz0k] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--tt-card);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    border-radius: 20px;
    padding: 32px;
}

.confirm-box[b-8bjmwyaz0k] {
    text-align: center;
    width: 100%;
}

    .confirm-box h4[b-8bjmwyaz0k] {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: var(--tt-text);
    }

    .confirm-box p[b-8bjmwyaz0k] {
        margin: 0 0 24px 0;
        font-size: 14px;
        color: var(--tt-secondary-text);
        line-height: 1.5;
    }

.confirm-actions[b-8bjmwyaz0k] {
    display: flex;
    gap: 12px;
}

.btn-confirm-yes[b-8bjmwyaz0k] {
    flex: 1;
    padding: 12px;
    background: #ef4444;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

    .btn-confirm-yes:hover[b-8bjmwyaz0k] {
        background: #dc2626;
    }

.btn-confirm-no[b-8bjmwyaz0k] {
    flex: 1;
    padding: 12px;
    background: var(--tt-soft);
    color: var(--tt-secondary-text);
    border: 1px solid var(--tt-border);
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

    .btn-confirm-no:hover[b-8bjmwyaz0k] {
        background: var(--tt-hover);
    }
/* /Components/Pages/Time/TimerHeader.razor.rz.scp.css */
.timer-header[b-6p3fpq1dcy] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

    .timer-header h3[b-6p3fpq1dcy] {
        margin: 0;
        font-size: 20px;
        font-weight: 700;
        color: var(--tt-text);
    }

.status-indicator[b-6p3fpq1dcy] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.status-working[b-6p3fpq1dcy] {
    background-color: #10b981;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.2);
    animation: timer-pulse-b-6p3fpq1dcy 2s infinite;
}

.status-break[b-6p3fpq1dcy] {
    background-color: #f59e0b;
    box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.2);
    animation: timer-pulse-b-6p3fpq1dcy 2s infinite;
}

.status-idle[b-6p3fpq1dcy] {
    background-color: var(--tt-muted);
}

@keyframes timer-pulse-b-6p3fpq1dcy {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(16, 185, 129, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
    }
}
/* /Components/Pages/Time/TimerModal.razor.rz.scp.css */
.timer-modal-backdrop[b-xmaouymnn7] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.timer-card[b-xmaouymnn7] {
    background: var(--tt-card);
    border-radius: 20px;
    padding: 32px;
    width: 100%;
    max-width: 440px;
    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 var(--tt-border);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    position: relative;
    overflow: hidden;
    text-align: start;
}

.timer-btn-close[b-xmaouymnn7] {
    width: 100%;
    padding: 12px;
    background: transparent;
    border: 1px solid var(--tt-border);
    color: var(--tt-secondary-text);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .timer-btn-close:hover:not(:disabled)[b-xmaouymnn7] {
        background: var(--tt-soft);
        color: var(--tt-text);
        border-color: var(--tt-primary);
    }

    .timer-btn-close:disabled[b-xmaouymnn7] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.timer-loading-container[b-xmaouymnn7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
    gap: 16px;
}

.timer-spinner[b-xmaouymnn7] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--tt-border);
    border-top-color: var(--tt-primary);
    border-radius: 50%;
    animation: spin-b-xmaouymnn7 0.8s linear infinite;
}

@keyframes spin-b-xmaouymnn7 {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Pages/Time/TimerStatsGrid.razor.rz.scp.css */
.timer-stats-grid[b-bt03j46vfk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 24px;
}

.stat-box[b-bt03j46vfk] {
    background: var(--tt-soft);
    border: 1px solid var(--tt-border);
    border-radius: 14px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    transition: all 0.3s ease;
}

    .stat-box.active-work[b-bt03j46vfk] {
        background: color-mix(in srgb, var(--tt-success) 16%, var(--tt-card));
        border-color: color-mix(in srgb, var(--tt-success) 55%, var(--tt-border));
    }

    .stat-box.active-break[b-bt03j46vfk] {
        background: color-mix(in srgb, var(--tt-warning) 16%, var(--tt-card));
        border-color: color-mix(in srgb, var(--tt-warning) 55%, var(--tt-border));
    }

.stat-label[b-bt03j46vfk] {
    font-size: 11px;
    color: var(--tt-secondary-text);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-bt03j46vfk] {
    font-size: 24px;
    font-weight: 700;
    color: var(--tt-text);
    font-variant-numeric: tabular-nums;
    direction: ltr;
}
/* /Components/Pages/Time/Timesheet.razor.rz.scp.css */
.timesheet-container[b-44w4thfezi] {
    width: 100%;
    margin: 1.5rem 0;
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.days-list[b-44w4thfezi] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.day-row[b-44w4thfezi] {
    background-color: var(--tt-card);
    border: 1px solid var(--tt-border);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
    transition: all 0.2s ease;
}

    .day-row:hover[b-44w4thfezi] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    }

    .day-row.weekend[b-44w4thfezi] {
        background-color: var(--tt-soft);
    }

    .day-row[b-44w4thfezi]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 5px;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
    }

    .day-row.absent[b-44w4thfezi]::before {
        background-color: #ef4444;
    }

    .day-row.partial[b-44w4thfezi]::before {
        background-color: #eab308;
    }

    .day-row.complete[b-44w4thfezi]::before {
        background-color: #22c55e;
    }

    .day-row.weekend[b-44w4thfezi]::before {
        background-color: #3b82f6;
    }

.day-info-section[b-44w4thfezi] {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.day-number[b-44w4thfezi] {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--tt-text);
    line-height: 1;
    min-width: 40px;
}

.day-name-month[b-44w4thfezi] {
    display: flex;
    flex-direction: column;
}

.day-name[b-44w4thfezi] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--tt-secondary-text);
    text-transform: uppercase;
}

.day-month[b-44w4thfezi] {
    font-size: 0.75rem;
    color: var(--tt-muted);
}

.day-divider-line[b-44w4thfezi] {
    flex-grow: 1;
    border-bottom: 1px dashed var(--tt-border);
    margin: 0 2rem;
}

.day-meta-section[b-44w4thfezi] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.time-badge[b-44w4thfezi] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background-color: var(--tt-soft);
    color: var(--tt-secondary-text);
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
}

.day-row.weekend .time-badge[b-44w4thfezi] {
    background-color: color-mix(in srgb, var(--tt-primary) 16%, var(--tt-card));
    color: var(--tt-primary);
}

@media (max-width: 767.98px) {
    .timesheet-container[b-44w4thfezi] {
        margin-block: 1rem;
        padding-inline: .25rem;
    }
}

.day-row.absent .time-badge[b-44w4thfezi] {
    background-color: color-mix(in srgb, var(--tt-danger) 16%, var(--tt-card));
    color: var(--tt-danger);
}

.btn-add-entry[b-44w4thfezi] {
    background-color: var(--tt-card);
    border: 1px solid var(--tt-border);
    color: var(--tt-secondary-text);
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-add-entry:hover[b-44w4thfezi] {
        background-color: var(--tt-soft);
        color: var(--tt-text);
        border-color: var(--tt-primary);
    }
/* /Components/Pages/Time/TimeSheetDayList.razor.rz.scp.css */
.month-total-wrapper[b-61w39ynh1j] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
    width: 100%;
}

.month-combined-badge[b-61w39ynh1j] {
    background-color: #0d6efd;
    color: #ffffff;
    font-weight: 700;
    font-size: 0.85rem;
    padding: 6px 20px;
    border-radius: 50px;
    box-shadow: 0 2px 4px rgba(13, 110, 253, 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    letter-spacing: 0.5px;
}

.badge-item[b-61w39ynh1j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.badge-label[b-61w39ynh1j] {
    opacity: 0.9;
    font-weight: 500;
}

.badge-value[b-61w39ynh1j] {
    font-weight: 800;
}

.badge-divider[b-61w39ynh1j] {
    width: 1px;
    height: 14px;
    background-color: rgba(255, 255, 255, 0.4);
}

.days-container[b-61w39ynh1j] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding: 5px 0;
    margin: 0;
}

.day-card[b-61w39ynh1j] {
    background: var(--tt-card);
    border: 1px solid var(--tt-border);
    border-radius: 12px;
    padding: 14px 24px;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 110px;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.01);
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(10rem, 12rem) minmax(0, 1fr) 6.5rem;
    grid-template-areas: "date projects action";
    direction: ltr;
    align-items: stretch;
    gap: 20px;
}

.day-card.rtl-layout[b-61w39ynh1j] {
    direction: rtl;
}

    .day-card[b-61w39ynh1j]::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 5px;
        background: transparent;
        transition: background-color 0.25s ease;
        z-index: 3;
    }

    .day-card.rtl-layout[b-61w39ynh1j]::before {
        left: auto;
        right: 0;
    }

    .day-card:hover[b-61w39ynh1j] {
        transform: translateY(-1px);
        box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.05);
        border-color: var(--tt-primary);
    }

.bg-dashed-line[b-61w39ynh1j] {
    position: absolute;
    top: 50%;
    left: 24px;
    right: 24px;
    height: 1px;
    border-top: 1px dashed var(--tt-border);
    z-index: 0;
}

.day-side-column[b-61w39ynh1j] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    z-index: 1;
    background: var(--tt-card);
    padding: 4px 0;
}

.left-column[b-61w39ynh1j] {
    grid-area: date;
    min-width: 0;
    padding-inline-end: 12px;
    gap: 10px;
    direction: inherit;
}

.right-column[b-61w39ynh1j] {
    grid-area: action;
    display: grid;
    grid-template-rows: minmax(28px, 1fr) minmax(28px, 1fr);
    padding-inline-start: 0;
    justify-content: stretch;
    justify-items: end;
    align-items: start;
    background: transparent;
}

.right-column .add-entry-btn[b-61w39ynh1j] { grid-row: 1; }

.day-date-wrapper[b-61w39ynh1j] {
    display: flex;
    align-items: center;
    gap: 12px;
    direction: inherit;
}

.day-number[b-61w39ynh1j] {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--tt-text);
    line-height: 1;
    letter-spacing: -0.5px;
}

.day-details[b-61w39ynh1j] {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.day-name[b-61w39ynh1j] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--tt-secondary-text);
    text-transform: uppercase;
    line-height: 1.1;
}

.day-month-year[b-61w39ynh1j] {
    font-size: 0.65rem;
    font-weight: 500;
    color: var(--tt-muted);
}

.badge-row[b-61w39ynh1j] {
    display: flex;
    gap: 6px;
    align-items: flex-start;
    align-self: stretch;
    flex-direction: column;
}

.calendar-context-badge[b-61w39ynh1j] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 220px;
    padding: 2px 8px;
    border-radius: 5px;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.leave-badge[b-61w39ynh1j] { background: #f3e8ff; color: #7e22ce; }
.day-leave[b-61w39ynh1j] { border-color: #d8b4fe; }
.day-leave[b-61w39ynh1j]::before { background-color: #9333ea; }

.hours-badge[b-61w39ynh1j] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--tt-soft);
    padding: 2px 8px;
    border-radius: 5px;
    color: var(--tt-secondary-text);
    direction: inherit;
    align-self: flex-start;
}

.hours-value[b-61w39ynh1j] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.card-status-text[b-61w39ynh1j] {
    grid-row: 2;
    align-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .25rem .65rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    background: color-mix(in srgb, currentColor 12%, var(--tt-card));
    white-space: nowrap;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    min-height: 1.5rem;
}

.day-projects-center[b-61w39ynh1j] {
    grid-area: projects;
    min-width: 0;
    display: flex;
    align-items: stretch;
    gap: 12px;
    z-index: 2;
    overflow-x: auto;
    scrollbar-width: thin;
    justify-content: flex-start;
    direction: inherit;
}

.project-tall-card[b-61w39ynh1j] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 170px;
    flex-shrink: 0;
    text-align: start;
    padding: 10px;
    border-radius: 8px;
    background: var(--tt-soft);
    border: 1px solid var(--tt-border);
    box-sizing: border-box;
    cursor: pointer;
}

.proj-top[b-61w39ynh1j] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.proj-name[b-61w39ynh1j] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--tt-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.proj-desc[b-61w39ynh1j] {
    font-size: 0.75rem;
    color: var(--tt-secondary-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.proj-time[b-61w39ynh1j] {
    font-size: 0.75rem;
    font-weight: 800;
    color: var(--tt-secondary-text);
    background: var(--tt-card);
    border: 1px solid var(--tt-border);
    padding: 2px 8px;
    border-radius: 6px;
    text-align: center;
    align-self: flex-start;
}

.add-entry-btn[b-61w39ynh1j] {
    border: 1px solid var(--tt-border);
    background: var(--tt-soft);
    color: var(--tt-secondary-text);
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .add-entry-btn:hover[b-61w39ynh1j] {
        background: #3b82f6;
        color: #ffffff;
        border-color: #3b82f6;
    }

.day-complete[b-61w39ynh1j]::before {
    background-color: #10b981;
}

.day-complete .hours-badge[b-61w39ynh1j] {
    background-color: color-mix(in srgb, var(--tt-success) 16%, var(--tt-card));
    color: var(--tt-success);
}

.day-complete .card-status-text[b-61w39ynh1j] {
    color: #059669;
}

.day-complete .project-tall-card[b-61w39ynh1j] {
    background: color-mix(in srgb, var(--tt-success) 12%, var(--tt-card));
    border-color: color-mix(in srgb, var(--tt-success) 55%, var(--tt-border));
}

.day-complete .proj-name[b-61w39ynh1j] {
    color: var(--tt-text);
}

.day-complete .proj-desc[b-61w39ynh1j] {
    color: var(--tt-success);
}

.day-complete .proj-time[b-61w39ynh1j] {
    border-color: color-mix(in srgb, var(--tt-success) 55%, var(--tt-border));
    color: var(--tt-success);
    background: var(--tt-card);
}

.day-partial[b-61w39ynh1j]::before {
    background-color: #f59e0b;
}

.day-partial .hours-badge[b-61w39ynh1j] {
    background-color: color-mix(in srgb, var(--tt-warning) 16%, var(--tt-card));
    color: var(--tt-warning);
}

.day-partial .card-status-text[b-61w39ynh1j] {
    color: #b45309;
}

.day-partial .project-tall-card[b-61w39ynh1j] {
    background: color-mix(in srgb, var(--tt-warning) 12%, var(--tt-card));
    border-color: color-mix(in srgb, var(--tt-warning) 55%, var(--tt-border));
}

.day-partial .proj-name[b-61w39ynh1j] {
    color: var(--tt-text);
}

.day-partial .proj-desc[b-61w39ynh1j] {
    color: var(--tt-warning);
}

.day-partial .proj-time[b-61w39ynh1j] {
    border-color: color-mix(in srgb, var(--tt-warning) 55%, var(--tt-border));
    color: var(--tt-warning);
    background: var(--tt-card);
}

.day-absent[b-61w39ynh1j]::before {
    background-color: #ef4444;
}

.day-absent .hours-badge[b-61w39ynh1j] {
    background-color: color-mix(in srgb, var(--tt-danger) 16%, var(--tt-card));
    color: var(--tt-danger);
}

.day-absent .card-status-text[b-61w39ynh1j] {
    color: #ef4444;
}

.day-weekend[b-61w39ynh1j]::before {
    background-color: #3b82f6;
}

.day-weekend .hours-badge[b-61w39ynh1j] {
    background-color: color-mix(in srgb, var(--tt-primary) 16%, var(--tt-card));
    color: var(--tt-primary);
}

.day-weekend .card-status-text[b-61w39ynh1j] {
    color: #3b82f6;
}

.day-upcoming[b-61w39ynh1j]::before {
    background-color: var(--tt-muted);
}

.day-upcoming .hours-badge[b-61w39ynh1j] {
    background-color: var(--tt-soft);
    color: var(--tt-secondary-text);
}

.day-upcoming .card-status-text[b-61w39ynh1j] {
    color: var(--tt-secondary-text);
}

.day-leave-final .card-status-text[b-61w39ynh1j] {
    color: #9333ea;
    letter-spacing: normal;
    text-transform: none;
    white-space: normal;
    text-align: center;
    max-width: 100%;
}

.day-leave-final .hours-badge[b-61w39ynh1j] {
    background: color-mix(in srgb, #9333ea 12%, var(--tt-card));
    color: #9333ea;
}

@media (max-width: 767.98px) {
    .month-combined-badge[b-61w39ynh1j] {
        width: 100%;
        flex-wrap: wrap;
        gap: 8px 12px;
        border-radius: 14px;
    }

    .day-card[b-61w39ynh1j] {
        grid-template-columns: minmax(0, 1fr) 6.5rem;
        grid-template-areas:
            "date action"
            "projects projects";
        min-height: 0;
        padding: 14px 16px;
        gap: 12px;
    }

    .day-card.rtl-layout[b-61w39ynh1j] {
        grid-template-columns: minmax(0, 1fr) 6.5rem;
        grid-template-areas:
            "date action"
            "projects projects";
    }

    .day-projects-center[b-61w39ynh1j] { padding-top: 8px; }
    .project-tall-card[b-61w39ynh1j] { min-width: 150px; }
    .bg-dashed-line[b-61w39ynh1j] { display: none; }
}
/* /Components/Pages/Time/TimeSheetLogModal.razor.rz.scp.css */
.modal-overlay[b-eij73alsjs] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
    animation: fadeIn-b-eij73alsjs 0.2s ease-out;
}

.modal-container[b-eij73alsjs] {
    background-color: var(--tt-card);
    width: 100%;
    max-width: 520px;
    padding: 2rem;
    border-radius: 16px;
    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;
    transform: translateY(0);
    animation: slideUp-b-eij73alsjs 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    text-align: start;
}

.modal-actions[b-eij73alsjs] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.75rem;
}

@keyframes fadeIn-b-eij73alsjs {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideUp-b-eij73alsjs {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.tracking-wider[b-eij73alsjs] {
    letter-spacing: 0.05em;
}

.modal-title[b-eij73alsjs] {
    letter-spacing: -0.5px;
}

.time-date-badge[b-eij73alsjs] {
    font-variant-numeric: tabular-nums;
}

.form-select-rounded[b-eij73alsjs] {
    border-radius: 10px;
}

.form-control-rounded[b-eij73alsjs] {
    border-radius: 10px;
}

.btn-rounded[b-eij73alsjs] {
    border-radius: 10px;
}
/* /Components/Pages/Time/TimeSheetMonthNavigator.razor.rz.scp.css */
.month-navigation[b-dq0t2xc1zg] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-bottom: 25px;
    width: 100%;
    direction: inherit;
}

.month-nav-btn[b-dq0t2xc1zg] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: none;
    background: var(--tt-primary-soft);
    color: var(--tt-primary);
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .month-nav-btn:hover[b-dq0t2xc1zg] {
        background: var(--tt-hover);
    }

.month-title[b-dq0t2xc1zg] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--tt-text);
    text-align: center;
    min-width: 150px;
}

.nav-placeholder[b-dq0t2xc1zg] {
    width: 38px;
    height: 38px;
}

.month-btn[b-dq0t2xc1zg] {
    min-width: 100px;
}
/* /Components/Pages/Time/TimeSheetTimePicker.razor.rz.scp.css */
.time-picker-container[b-8fnr18wngu] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--tt-soft);
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 1rem;
    transition: all 0.2s ease;
    direction: ltr;
}

    .time-picker-container:focus-within[b-8fnr18wngu] {
        border-color: #3b82f6;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
    }

.time-box[b-8fnr18wngu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 70px;
}

.time-input[b-8fnr18wngu] {
    width: 100%;
    border: none;
    background: transparent;
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--tt-text);
    text-align: center;
    padding: 0;
}

    .time-input:focus[b-8fnr18wngu] {
        outline: none;
    }

.btn-time-control[b-8fnr18wngu] {
    background: none;
    border: none;
    color: var(--tt-muted);
    font-size: 0.8rem;
    cursor: pointer;
    padding: 2px 8px;
    border-radius: 4px;
    transition: all 0.2s;
}

    .btn-time-control:hover:not(:disabled)[b-8fnr18wngu] {
        color: #3b82f6;
        background-color: #eff6ff;
    }

    .btn-time-control:disabled[b-8fnr18wngu] {
        color: #cbd5e1;
        cursor: not-allowed;
    }

.time-separator[b-8fnr18wngu] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--tt-muted);
    margin: 0 1rem;
    padding-bottom: 28px;
}

.summary-box[b-8fnr18wngu] {
    background-color: var(--tt-soft);
    border-radius: 8px;
    padding: 0.85rem 1rem;
    border: 1px dashed #cbd5e1;
}

.summary-divider[b-8fnr18wngu] {
    border-color: #e2e8f0;
}

.cursor-pointer[b-8fnr18wngu] {
    cursor: pointer;
}
/* /Components/Pages/Users/DeductWorkTimeModal.razor.rz.scp.css */
.modal-overlay[b-3w9nqq5ddm] { position: fixed; inset: 0; width: 100vw; height: 100vh; background: rgba(15, 23, 42, .6); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 2000; animation: fadeIn-b-3w9nqq5ddm .2s ease; }
.modal-container[b-3w9nqq5ddm] { background: #fff; border-radius: 16px; padding: 24px; width: 520px; max-width: 95%; max-height: 90vh; display: flex; flex-direction: column; box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04); transition: all .3s cubic-bezier(.16,1,.3,1); }
.modal-container.expanded[b-3w9nqq5ddm] { width: 580px; }
.modal-header-custom[b-3w9nqq5ddm] { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f1f5f9; padding-bottom: 12px; }
.modal-body-custom[b-3w9nqq5ddm] { overflow-y: auto; padding-right: 4px; }
.btn-close-custom[b-3w9nqq5ddm] { background: none; border: none; font-size: 1.25rem; color: #94a3b8; cursor: pointer; }
.btn-close-custom:hover[b-3w9nqq5ddm] { color: #475569; }
.form-label-custom[b-3w9nqq5ddm] { display: block; font-size: .8rem; font-weight: 700; color: #475569; text-transform: uppercase; margin-bottom: 6px; }
.form-control-custom[b-3w9nqq5ddm] { width: 100%; padding: 8px 12px; border: 2px solid #e2e8f0; border-radius: 10px; font-size: .9rem; color: #1e293b; outline: none; }
.form-control-custom:focus[b-3w9nqq5ddm] { border-color: #3b82f6; }
.range-picker-card[b-3w9nqq5ddm] { background: #f8fafc; border: 2px solid #e2e8f0; border-radius: 12px; }
.range-title[b-3w9nqq5ddm], .style-cap[b-3w9nqq5ddm] { display: block; font-size: .72rem; font-weight: 700; color: #64748b; text-transform: uppercase; }
.time-spinner[b-3w9nqq5ddm] { display: flex; flex-direction: column; align-items: center; background: #fff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 2px 8px; }
.btn-time-arrow[b-3w9nqq5ddm] { background: none; border: none; color: #3b82f6; font-size: .65rem; line-height: 1; cursor: pointer; padding: 2px 6px; }
.btn-time-arrow:hover[b-3w9nqq5ddm] { color: #1d4ed8; background: #f1f5f9; border-radius: 4px; }
.btn-time-arrow:disabled[b-3w9nqq5ddm] { color: #cbd5e1; cursor: not-allowed; background: transparent; }
.time-display[b-3w9nqq5ddm] { min-width: 24px; color: #1e293b; font-size: 1rem; font-weight: 700; }
.time-colon[b-3w9nqq5ddm] { font-size: 1.2rem; font-weight: 700; color: #64748b; }
.details-panel[b-3w9nqq5ddm] { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px; }
.custom-scroll[b-3w9nqq5ddm] { overflow-y: auto; scrollbar-width: thin; }
.bg-warning-soft[b-3w9nqq5ddm] { background-color: #fef3c7; }
.bg-primary-soft[b-3w9nqq5ddm] { background-color: #e0f2fe; }
.table-break-row[b-3w9nqq5ddm] { background-color: #fffbeb; }
.table-work-row[b-3w9nqq5ddm] { background-color: #fff; }
.fs-7[b-3w9nqq5ddm] { font-size: .95rem; }
.border-danger[b-3w9nqq5ddm] { border-color: #dc3545 !important; }
.modal-footer-custom[b-3w9nqq5ddm] { display: flex; gap: 12px; justify-content: flex-end; border-top: 1px solid #f1f5f9; padding-top: 14px; margin-top: 12px; }
.btn-custom[b-3w9nqq5ddm] { padding: 8px 18px; border-radius: 10px; font-size: .88rem; font-weight: 600; cursor: pointer; border: none; }
.btn-light-custom[b-3w9nqq5ddm] { background: #f1f5f9; color: #475569; }
.btn-danger-custom[b-3w9nqq5ddm] { background: #dc3545; color: #fff; }
.btn-custom:disabled[b-3w9nqq5ddm] { cursor: not-allowed; opacity: .55; }
.fade-in[b-3w9nqq5ddm] { animation: fadeIn-b-3w9nqq5ddm .25s ease-in-out; }
@keyframes fadeIn-b-3w9nqq5ddm { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
/* /Components/Pages/Users/EmployeeTable.razor.rz.scp.css */
.employee-summary-card[b-b14bzl81aj] {
    margin-top: 0 !important;
    border-radius: 18px;
    overflow: hidden;
    background: var(--tt-card);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
}

    .employee-summary-card table[b-b14bzl81aj] {
        margin-bottom: 0;
    }

    .employee-summary-card thead th[b-b14bzl81aj] {
        background: #0d6efd;
        color: white;
        border: none;
        padding: 16px;
        font-weight: 600;
    }

    .employee-summary-card tbody td[b-b14bzl81aj] {
        padding: 14px 16px;
        vertical-align: middle;
        border-bottom: 1px solid var(--tt-border);
    }

    .employee-summary-card tbody tr:hover[b-b14bzl81aj] {
        background-color: var(--tt-hover);
    }

    .employee-summary-card tbody tr:focus-visible[b-b14bzl81aj] {
        outline: 3px solid var(--tt-primary);
        outline-offset: -3px;
    }

.card-header-custom[b-b14bzl81aj] {
    background: var(--tt-table-head);
    padding: 15px 20px;
    border-bottom: 1px solid var(--tt-border);
}

.header-icon[b-b14bzl81aj] {
    font-size: 1.2rem;
}

.header-title[b-b14bzl81aj] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--tt-text);
}

.search-container[b-b14bzl81aj] {
    max-width: 320px;
}

.search-input[b-b14bzl81aj] {
    border-radius: 8px;
    border: 1px solid var(--tt-input-border);
    font-size: 0.85rem;
    min-width: 150px;
}

.apply-btn[b-b14bzl81aj] {
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
}

.employee-row[b-b14bzl81aj] {
    cursor: pointer;
}

.pagination-footer[b-b14bzl81aj] {
    background: var(--tt-soft);
}

.pagination-btn[b-b14bzl81aj] {
    border-radius: 6px;
    font-size: 0.85rem;
    border: 1px solid var(--tt-border);
}

.page-indicator[b-b14bzl81aj] {
    font-size: 0.9rem;
    font-weight: 500;
}

.status-pill[b-b14bzl81aj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 95px;
    padding: 5px 12px;
    border-radius: 8px;
    font-size: .85rem;
    font-weight: 600;
    text-align: center;
}

    .status-pill.not-started[b-b14bzl81aj] {
        background: #eeeeee;
        color: #666666;
    }

    .status-pill.working[b-b14bzl81aj] {
        background: #d7f6de;
        color: #15803d;
    }

    .status-pill.break[b-b14bzl81aj] {
        background: #fff4d6;
        color: #d97706;
    }

    .status-pill.finished[b-b14bzl81aj] {
        background: #dbeafe;
        color: #2563eb;
    }
/* /Components/Pages/Users/EmployeeTimeSheetDetailsModal.razor.rz.scp.css */
.details-panel[b-y6sri1w1af] {
    background-color: var(--tt-soft);
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 12px;
}

.fade-in[b-y6sri1w1af] {
    animation: fadeIn-b-y6sri1w1af 0.25s ease-in-out;
}

.style-cap[b-y6sri1w1af] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fs-7[b-y6sri1w1af] {
    font-size: 0.95rem;
}

.custom-scroll[b-y6sri1w1af] {
    overflow-y: auto;
    scrollbar-width: thin;
}

    .custom-scroll[b-y6sri1w1af]::-webkit-scrollbar {
        width: 5px;
    }

    .custom-scroll[b-y6sri1w1af]::-webkit-scrollbar-track {
        background: var(--tt-soft);
        border-radius: 4px;
    }

    .custom-scroll[b-y6sri1w1af]::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 4px;
    }

        .custom-scroll[b-y6sri1w1af]::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }

.bg-warning-soft[b-y6sri1w1af] {
    background-color: #fef3c7;
}

.bg-primary-soft[b-y6sri1w1af] {
    background-color: #e0f2fe;
}

.table-break-row[b-y6sri1w1af] {
    background-color: #fffbeb;
}

.table-work-row[b-y6sri1w1af] {
    background-color: var(--tt-card);
}

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

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/Users/LogHoursModal.razor.rz.scp.css */
.modal-overlay[b-vzs7hq1jp4] {
    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: 2000;
    animation: fadeIn-b-vzs7hq1jp4 0.2s ease;
}

.modal-container[b-vzs7hq1jp4] {
    background: var(--tt-card);
    border-radius: 16px;
    padding: 24px;
    width: 520px;
    max-width: 95%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

    .modal-container.expanded[b-vzs7hq1jp4] {
        width: 580px;
    }

.modal-header-custom[b-vzs7hq1jp4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 12px;
}

.modal-body-custom[b-vzs7hq1jp4] {
    overflow-y: auto;
    padding-right: 4px;
}

.btn-close-custom[b-vzs7hq1jp4] {
    background: none;
    border: none;
    font-size: 1.25rem;
    color: var(--tt-muted);
    cursor: pointer;
    transition: color 0.2s;
}

    .btn-close-custom:hover[b-vzs7hq1jp4] {
        color: var(--tt-secondary-text);
    }

.form-label-custom[b-vzs7hq1jp4] {
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--tt-secondary-text);
    text-transform: uppercase;
    margin-bottom: 6px;
}

.form-control-custom[b-vzs7hq1jp4] {
    width: 100%;
    padding: 8px 12px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    font-size: 0.9rem;
    color: var(--tt-text);
    outline: none;
    transition: border-color 0.2s;
}

    .form-control-custom:focus[b-vzs7hq1jp4] {
        border-color: #3b82f6;
    }

.is-invalid-custom[b-vzs7hq1jp4] {
    border-color: #ef4444 !important;
}

.range-picker-card[b-vzs7hq1jp4] {
    background: var(--tt-soft);
    border: 2px solid #e2e8f0;
    border-radius: 12px;
}

.range-title[b-vzs7hq1jp4] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--tt-secondary-text);
    text-transform: uppercase;
}

.time-spinner[b-vzs7hq1jp4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--tt-card);
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 2px 4px;
}

.btn-time-arrow[b-vzs7hq1jp4] {
    background: none;
    border: none;
    color: #3b82f6;
    font-size: 0.65rem;
    line-height: 1;
    cursor: pointer;
    padding: 2px 6px;
    user-select: none;
    transition: color 0.15s, background-color 0.15s;
}

    .btn-time-arrow:hover[b-vzs7hq1jp4] {
        color: #1d4ed8;
        background-color: var(--tt-soft);
        border-radius: 4px;
    }

.time-input[b-vzs7hq1jp4] {
    width: 28px;
    border: none;
    background: transparent;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    color: var(--tt-text);
    outline: none;
    margin: 2px 0;
}

.time-colon[b-vzs7hq1jp4] {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--tt-secondary-text);
}

.bg-primary-soft[b-vzs7hq1jp4] {
    background-color: #e0f2fe;
}

.border-danger[b-vzs7hq1jp4] {
    border-color: #ef4444 !important;
}

.modal-footer-custom[b-vzs7hq1jp4] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    border-top: 1px solid #f1f5f9;
    padding-top: 14px;
    margin-top: 12px;
}

.btn-custom[b-vzs7hq1jp4] {
    padding: 8px 18px;
    border-radius: 10px;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
}

.btn-light-custom[b-vzs7hq1jp4] {
    background: var(--tt-soft);
    color: var(--tt-secondary-text);
}

.btn-primary-custom[b-vzs7hq1jp4] {
    background: #3b82f6;
    color: #ffffff;
}

@keyframes fadeIn-b-vzs7hq1jp4 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* /Components/Pages/Users/UsersFilter.razor.rz.scp.css */
.filter-container[b-nhkxs72yh5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    background: var(--tt-card);
    padding: 10px;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    border: 1px solid #e2e8f0;
}

.filter-item[b-nhkxs72yh5] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .filter-item label[b-nhkxs72yh5] {
        font-weight: 600;
        color: var(--tt-secondary-text);
        font-size: 0.9rem;
    }

.filter-input[b-nhkxs72yh5],
.filter-select[b-nhkxs72yh5] {
    padding: 8px 15px;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    outline: none;
    transition: 0.2s;
}

    .filter-input:focus[b-nhkxs72yh5],
    .filter-select:focus[b-nhkxs72yh5] {
        border-color: #0d6efd;
        box-shadow: 0 0 0 3px rgba(13,110,253,0.1);
    }

.filter-btn[b-nhkxs72yh5] {
    padding: 9px 20px;
    background-color: #0d6efd;
    color: white;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    transition: 0.2s;
}

    .filter-btn:hover[b-nhkxs72yh5] {
        background-color: #0284c7;
    }

.checkbox-item[b-nhkxs72yh5] {
    display: flex;
    align-items: center;
}

.cursor-pointer[b-nhkxs72yh5] {
    cursor: pointer;
}
/* /Components/Pages/Users/UsersListContainer.razor.rz.scp.css */
.right-content[b-25ht1o7qrq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/* /Components/Pages/Users/UsersPagination.razor.rz.scp.css */
.pagination-container[b-q36ou3ta2m] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.page-btn[b-q36ou3ta2m] {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: var(--tt-card);
    color: var(--tt-secondary-text);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
}

    .page-btn:hover:not(:disabled)[b-q36ou3ta2m] {
        background: var(--tt-soft);
    }

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

.page-number-btn[b-q36ou3ta2m] {
    padding: 5px 12px;
    border-radius: 8px;
    border: none;
    background: transparent;
    color: var(--tt-secondary-text);
    font-weight: 600;
    transition: 0.2s;
}

    .page-number-btn:hover[b-q36ou3ta2m] {
        background: #e2e8f0;
    }

    .page-number-btn.active[b-q36ou3ta2m] {
        background: #0d6efd;
        color: white;
    }

.dots[b-q36ou3ta2m] {
    color: var(--tt-secondary-text);
    padding: 0 5px;
}
/* /Components/Pages/Users/UsersTable.razor.rz.scp.css */
.dashboard-table-container[b-nu8wu2z49x] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.dashboard-table-wrapper[b-nu8wu2z49x] {
    width: 100%;
    max-width: 1400px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.dashboard-table[b-nu8wu2z49x] {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
    --bs-table-bg: transparent;
}

    .dashboard-table thead th[b-nu8wu2z49x] {
        background: #0d6efd;
        color: #fff;
        border-bottom: 0;
        padding: 12px 16px;
        font-weight: 700;
    }

    .dashboard-table td[b-nu8wu2z49x] {
        padding: 14px 18px;
        font-size: 1rem;
        color: var(--tt-text);
        background: transparent;
        border-bottom: 1px solid var(--tt-border);
    }

.clickable-row[b-nu8wu2z49x] {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .clickable-row:hover > td[b-nu8wu2z49x],
    .clickable-row:focus > td[b-nu8wu2z49x],
    .clickable-row:focus-visible > td[b-nu8wu2z49x] {
        color: var(--tt-text) !important;
        background-color: var(--tt-hover) !important;
        --bs-table-accent-bg: var(--tt-hover) !important;
    }

    .clickable-row:focus-visible[b-nu8wu2z49x] {
        outline: 3px solid color-mix(in srgb, var(--tt-primary) 65%, transparent);
        outline-offset: -3px;
    }

.status-badge[b-nu8wu2z49x] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}

.badge-working[b-nu8wu2z49x] {
    background-color: #d4edda;
    color: #198754;
}

.badge-break[b-nu8wu2z49x] {
    background-color: #fff3cd;
    color: #b8860b;
}

.badge-finished[b-nu8wu2z49x] {
    background-color: #dbeafe;
    color: #2563eb;
}

.badge-notstarted[b-nu8wu2z49x] {
    background-color: #e9ecef;
    color: #6c757d;
}
/* /Components/Shared/LeaveStatusBadge.razor.rz.scp.css */
.status-badge[b-4h54vwz19u] {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border: 1px solid transparent;
    border-radius: 20px;
    font-size: 11.5px;
    font-weight: 600;
    text-transform: capitalize;
}

.status-pending[b-4h54vwz19u] {
    color: var(--tt-status-pending-text);
    background: var(--tt-status-pending-bg);
    border-color: var(--tt-status-pending-border);
}

.status-approved[b-4h54vwz19u] {
    color: var(--tt-status-approved-text);
    background: var(--tt-status-approved-bg);
    border-color: var(--tt-status-approved-border);
}

.status-rejected[b-4h54vwz19u] {
    color: var(--tt-status-rejected-text);
    background: var(--tt-status-rejected-bg);
    border-color: var(--tt-status-rejected-border);
}

.status-cancelled[b-4h54vwz19u] {
    color: var(--tt-status-cancelled-text);
    background: var(--tt-status-cancelled-bg);
    border-color: var(--tt-status-cancelled-border);
}
/* /Components/Shared/NotificationBell.razor.rz.scp.css */
.notification-center[b-xnrwqfpqm8] { position: relative; }
.notification-bell[b-xnrwqfpqm8] { position: relative; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--tt-border); border-radius: .75rem; background: var(--tt-card); color: var(--tt-text); box-shadow: var(--tt-shadow); font-size: 1.15rem; }
.notification-bell:hover[b-xnrwqfpqm8], .notification-bell[aria-expanded="true"][b-xnrwqfpqm8] { border-color: var(--tt-primary); color: var(--tt-primary); background: var(--tt-soft); }
.notification-count[b-xnrwqfpqm8] { position: absolute; top: -5px; inset-inline-end: -5px; min-width: 20px; height: 20px; padding: 0 4px; display: grid; place-items: center; border-radius: 20px; background: #e5484d; color: white; border: 2px solid var(--tt-card); font-size: .65rem; font-weight: 800; }
.notification-dismiss[b-xnrwqfpqm8] { position: fixed; inset: 0; z-index: 1; background: transparent; border: 0; cursor: default; }
.notification-panel[b-xnrwqfpqm8] { position: absolute; top: calc(100% + 12px); left: 0; z-index: 2; width: min(390px, calc(100vw - 2rem)); border: 1px solid var(--tt-border); border-radius: 16px; background: var(--tt-card); color: var(--tt-text); box-shadow: 0 16px 48px #0003; overflow: hidden; text-align: start; }
.notification-header[b-xnrwqfpqm8] { display: flex; gap: 8px; align-items: center; padding: 18px 16px; border-bottom: 1px solid var(--tt-border); }
.notification-header > div[b-xnrwqfpqm8] { flex: 1; }
.notification-header h2[b-xnrwqfpqm8] { font-size: 1rem; font-weight: 750; margin: 0 0 4px; }
.notification-header p[b-xnrwqfpqm8] { color: var(--tt-muted); font-size: .78rem; margin: 0; }
.notification-icon-button[b-xnrwqfpqm8] { border: 0; background: transparent; color: var(--tt-secondary-text); border-radius: 8px; width: 30px; height: 30px; }
.notification-icon-button:hover[b-xnrwqfpqm8] { background: var(--tt-soft); color: var(--tt-primary); }
.notification-list[b-xnrwqfpqm8] { max-height: min(440px, 65vh); overflow-y: auto; overscroll-behavior: contain; }
.notification-item[b-xnrwqfpqm8] { display: flex; align-items: flex-start; gap: 12px; width: 100%; padding: 16px; border: 0; border-bottom: 1px solid var(--tt-border); background: transparent; text-align: start; color: inherit; }
.notification-item:last-child[b-xnrwqfpqm8] { border-bottom: 0; }
.notification-item.unread[b-xnrwqfpqm8] { background: color-mix(in srgb, var(--tt-primary) 5%, var(--tt-card)); }
.notification-item:hover[b-xnrwqfpqm8] { background: var(--tt-soft); }
.notification-item:focus-visible[b-xnrwqfpqm8], .notification-bell:focus-visible[b-xnrwqfpqm8], .notification-icon-button:focus-visible[b-xnrwqfpqm8] { outline: 2px solid var(--tt-primary); outline-offset: -2px; }
.notification-symbol[b-xnrwqfpqm8] { display: grid; place-items: center; width: 38px; height: 38px; flex-shrink: 0; border-radius: 12px; font-size: 1.1rem; background: color-mix(in srgb, var(--tt-primary) 12%, var(--tt-card)); color: var(--tt-primary); }
.notification-symbol.approved[b-xnrwqfpqm8] { background: color-mix(in srgb, var(--tt-success) 12%, var(--tt-card)); color: var(--tt-success); }
.notification-symbol.rejected[b-xnrwqfpqm8] { background: color-mix(in srgb, var(--tt-danger) 12%, var(--tt-card)); color: var(--tt-danger); }
.notification-copy[b-xnrwqfpqm8] { flex: 1; display: flex; flex-direction: column; gap: 5px; min-width: 0; font-size: .8rem; line-height: 1.6; }
.notification-copy strong[b-xnrwqfpqm8] { font-size: .85rem; }
.notification-copy > span[b-xnrwqfpqm8] { color: var(--tt-secondary-text); }
.notification-copy time[b-xnrwqfpqm8] { color: var(--tt-muted); font-size: .7rem; }
.notification-unread-dot[b-xnrwqfpqm8] { width: 7px; height: 7px; margin-top: 7px; border-radius: 50%; background: var(--tt-primary); flex-shrink: 0; }
.notification-empty[b-xnrwqfpqm8] { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; padding: 38px 24px; }
.notification-empty > i[b-xnrwqfpqm8] { font-size: 2rem; color: var(--tt-muted); }
.notification-empty p[b-xnrwqfpqm8] { color: var(--tt-muted); font-size: .8rem; margin: 0; }
.notification-error[b-xnrwqfpqm8] { padding: 12px 16px; font-size: .8rem; color: var(--tt-danger); background: color-mix(in srgb, var(--tt-danger) 8%, var(--tt-card)); }
.notification-footer[b-xnrwqfpqm8] { display: flex; align-items: center; gap: 7px; border-top: 1px solid var(--tt-border); padding: 10px 16px; color: var(--tt-muted); font-size: .7rem; }
.connection-dot[b-xnrwqfpqm8] { width: 6px; height: 6px; border-radius: 50%; background: var(--tt-warning); }
.connection-dot.connected[b-xnrwqfpqm8] { background: var(--tt-success); }
/* /Components/Shared/ToastContainer.razor.rz.scp.css */
.toast-stack[b-cz95ox873d] {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 2000;
    display: flex;
    width: min(380px, calc(100vw - 2rem));
    flex-direction: column;
    gap: .75rem;
    pointer-events: none;
}

.app-toast[b-cz95ox873d] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .75rem;
    align-items: start;
    padding: .9rem 1rem;
    border: 1px solid;
    border-radius: .75rem;
    background: var(--tt-card);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .18);
    pointer-events: auto;
}

.toast-content[b-cz95ox873d] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .15rem;
}

.toast-content span[b-cz95ox873d] {
    overflow-wrap: anywhere;
}

.toast-close[b-cz95ox873d] {
    border: 0;
    background: transparent;
    color: inherit;
    opacity: .65;
}

.toast-success[b-cz95ox873d] { color: #166534; border-color: #86efac; background: #f0fdf4; }
.toast-error[b-cz95ox873d] { color: #991b1b; border-color: #fca5a5; background: #fef2f2; }
.toast-warning[b-cz95ox873d] { color: #92400e; border-color: #fcd34d; background: #fffbeb; }
.toast-info[b-cz95ox873d] { color: #1e40af; border-color: #93c5fd; background: #eff6ff; }

@media (max-width: 576px) {
    .toast-stack[b-cz95ox873d] {
        top: .75rem;
        right: .75rem;
        width: calc(100vw - 1.5rem);
    }
}