/* ==========================================================
   Teamlead — Cabinet Stats page
   File: resources/css/teamlead/cabinet-stats.css
   Светлый аккуратный стиль, в духе дашборда
   ========================================================== */

:root{
    --cs-primary:#3b82f6;
    --cs-primary-soft:#e5edff;
    --cs-info:#0ea5e9;

    --cs-border:#e5e7eb;
    --cs-text:#0f172a;
    --cs-muted:#6b7280;

    --cs-shadow-soft:0 6px 16px rgba(15,23,42,.10);
    --cs-shadow-hover:0 12px 26px rgba(15,23,42,.16);

    --cs-radius-lg:18px;
    --cs-radius-pill:999px;
}

/* ----------------------------------------------------------
   ANIMATION + WRAPPER
---------------------------------------------------------- */

.cabinet-stats-page{
    animation: cs-fade .22s ease-out;
}

@keyframes cs-fade{
    from{opacity:0; transform:translateY(6px);}
    to  {opacity:1; transform:translateY(0);}
}

/* ----------------------------------------------------------
   QUICK ACTIONS BUTTONS (вверху справа)
---------------------------------------------------------- */

.cab-stats-actions{
    display:flex;
    gap:.5rem;
}

.cab-stats-actions .btn{
    border-radius:var(--cs-radius-pill);
    padding:.4rem 1.1rem;
    font-size:.82rem;
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    border-width:1px;
    box-shadow:var(--cs-shadow-soft);
    transition:
        transform .15s ease,
        box-shadow .15s ease,
        background .15s ease,
        color .15s ease;
}

/* primary — синьо-фиолетовый градиент, без зелёного */

.cab-stats-actions .btn-primary{
    background:linear-gradient(135deg,#3b82f6,#6366f1);
    border-color:transparent;
    color:#ffffff;
}

.cab-stats-actions .btn-primary:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 28px rgba(37,99,235,.35);
}

/* outline-info */

.cab-stats-actions .btn-outline-info{
    background:#ffffff;
    border-color:#bae6fd;
    color:#0369a1;
}

.cab-stats-actions .btn-outline-info:hover{
    background:var(--cs-primary-soft);
    color:#0f172a;
    transform:translateY(-1px);
    box-shadow:var(--cs-shadow-hover);
}

/* ----------------------------------------------------------
   FILTER CARD
---------------------------------------------------------- */

.filter-card{
    border-radius:var(--cs-radius-lg);
    border:1px solid var(--cs-border);
    box-shadow:var(--cs-shadow-soft);
    background:#ffffff;
}

.filter-card .card-body{
    padding:1rem 1.25rem;
}

.filter-card .form-label{
    font-size:.74rem;
    text-transform:uppercase;
    letter-spacing:.05em;
    color:var(--cs-muted);
    margin-bottom:.2rem;
}

.filter-card .form-control{
    border-radius:10px;
    border:1px solid var(--cs-border);
    font-size:.82rem;
    height:36px;
    padding:.25rem .6rem;
}

.filter-card .form-control:focus{
    border-color:var(--cs-primary);
    box-shadow:0 0 0 2px rgba(59,130,246,.15);
}

/* кнопка "Фільтрувати" */

.filter-card .filter-btn{
    border-radius:var(--cs-radius-pill);
    font-size:.8rem;
    box-shadow:var(--cs-shadow-soft);
}

.filter-card .filter-btn:hover{
    background:var(--cs-primary-soft);
    color:#111827;
    transform:translateY(-1px);
    box-shadow:var(--cs-shadow-hover);
}

/* ----------------------------------------------------------
   TABLE CARD
---------------------------------------------------------- */

.table-card{
    border-radius:var(--cs-radius-lg);
    border:1px solid var(--cs-border);
    box-shadow:var(--cs-shadow-soft);
    background:#ffffff;
}

.table-card .table{
    font-size:.82rem;
}

/* THEAD */

.table-card .table thead th{
    background:#eef2ff;
    font-size:.74rem;
    text-transform:uppercase;
    letter-spacing:.05em;
    color:#6b7280;
}

/* ROWS */

.table-card .table tbody tr{
    transition:
        background .15s ease,
        transform .12s ease,
        box-shadow .15s ease;
}

.table-card .table tbody tr:nth-child(even){
    background:#f8f9ff;
}

.table-card .table tbody tr:hover{
    background:#e0ecff;
    transform:translateY(-1px);
    box-shadow:0 6px 18px rgba(148,163,184,.35);
}

/* CELLS */

.text-mono{
    font-variant-numeric:tabular-nums;
}

.fw-semibold{
    font-weight:600;
}

.date-main{
    font-weight:500;
}

/* ----------------------------------------------------------
   ACTION ICON BUTTONS
---------------------------------------------------------- */

.cs-btn-icon{
    width:32px;
    height:32px;
    border-radius:10px;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-shadow:var(--cs-shadow-soft);
    transition:
        transform .12s ease,
        box-shadow .12s ease,
        background .12s ease,
        color .12s ease;
}

.cs-btn-icon i{
    font-size:.8rem;
}

.cs-btn-icon:hover{
    transform:translateY(-1px);
    box-shadow:var(--cs-shadow-hover);
}

/* ----------------------------------------------------------
   CARD FOOTER / PAGINATION
---------------------------------------------------------- */

.table-card .card-footer{
    background:transparent;
    border:0;
    padding:.75rem 1rem;
}

.table-card .pagination{
    margin:0;
}

/* ----------------------------------------------------------
   RESPONSIVE
---------------------------------------------------------- */

@media (max-width:768px){
    .cab-stats-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .cab-stats-actions .btn{
        width:100%;
        justify-content:center;
    }

    .filter-card .card-body{
        padding:.9rem;
    }
}