/* ==========================================================
   Teamlead — Cabinet Edit page
   File: resources/css/teamlead/cabinet-edit.css
   Стиль у дусі дашборду / нотаток / балансів
   ========================================================== */

:root{
    --ce-primary:#3b82f6;
    --ce-soft:#e5edff;

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

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

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

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

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

.cabinet-edit-page{
    max-width:920px;
    margin:0 auto;
    animation:ceFade .22s ease-out;
}

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

.cab-edit-card{
    background:#ffffff;
    border-radius:var(--ce-radius-lg);
    border:1px solid var(--ce-border);
    box-shadow:var(--ce-shadow-soft);
    padding:1.3rem 1.4rem;
}

/* ----------------------------------------------------------
   HEADER META
---------------------------------------------------------- */

.cab-edit-header{
    margin-bottom:.75rem;
}

.cab-edit-meta{
    display:flex;
    flex-wrap:wrap;
    gap:1.25rem;
}

.cab-meta-item{
    display:flex;
    flex-direction:column;
}

.cab-meta-label{
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:var(--ce-muted);
}

.cab-meta-value{
    font-weight:600;
    color:var(--ce-text);
}

.cab-meta-hint{
    margin-top:.35rem;
    font-size:.8rem;
    color:var(--ce-muted);
}

.cab-edit-separator{
    margin:1rem 0 1rem;
}

/* ----------------------------------------------------------
   TITLES / SHIFT BLOCKS
---------------------------------------------------------- */

.cab-edit-title{
    font-size:1rem;
    font-weight:600;
    color:var(--ce-text);
    margin-bottom:.6rem;
}

.shift-block{
    border-radius:14px;
    border:1px solid #e5e7eb;
    padding:.7rem .8rem .9rem;
    background:#f9fafb;
    margin-bottom:.9rem;
}

.shift-title{
    font-size:.8rem;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:600;
    margin-bottom:.45rem;
}

/* кольори заголовків змін (легкі, без "кислоти") */
.shift-day{
    color:#166534;
}

.shift-evening{
    color:#854d0e;
}

.shift-night{
    color:#1e40af;
}

/* ----------------------------------------------------------
   FORM CONTROLS
---------------------------------------------------------- */

.cab-edit-card label{
    font-size:.75rem;
    text-transform:uppercase;
    letter-spacing:.05em;
    color:var(--ce-muted);
}

.cab-edit-card .form-control{
    border-radius:10px;
    border:1px solid var(--ce-border);
    font-size:.82rem;
    height:38px;
    padding:.45rem .6rem;
}

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

/* ----------------------------------------------------------
   ACTIONS (buttons)
---------------------------------------------------------- */

.cab-edit-actions{
    display:flex;
    gap:.5rem;
    margin-top:1rem;
}

.cab-edit-actions .btn{
    border-radius:var(--ce-radius-pill);
    padding:.45rem 1.3rem;
    font-size:.82rem;
    box-shadow:var(--ce-shadow-soft);
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    transition:
        transform .15s ease,
        box-shadow .15s ease,
        background .15s ease,
        color .15s ease;
}

.cab-edit-actions .btn:hover{
    transform:translateY(-1px);
    box-shadow:var(--ce-shadow-hover);
}

/* primary (замість стандартної зеленої/синьої) */

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

/* cancel */

.cabinet-edit-page .btn-outline-secondary,
.cabinet-edit-page .btn-light{
    background:#ffffff;
    border-color:#cbd5e1;
    color:#334155;
}

.cabinet-edit-page .btn-outline-secondary:hover,
.cabinet-edit-page .btn-light:hover{
    background:var(--ce-soft);
    color:#111827;
}

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

@media (max-width:768px){
    .cab-edit-card{
        padding:1rem 1rem;
    }

    .cab-edit-meta{
        flex-direction:column;
        gap:.5rem;
    }

    .cab-edit-actions{
        flex-direction:column;
    }

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