/*======================
MODE DE PAIEMENT (2 boutons, plutôt qu'un select, pour
sélectionner en un seul clic)
=======================*/

.mode-paiement-toggle{

    display:flex;

    gap:10px;

}

.mode-paiement-btn{

    flex:1;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    height:44px;

    border-radius:10px;

    border:2px solid var(--border);

    background:white;

    color:var(--text-light);

    font-weight:600;

    font-size:14px;

    cursor:pointer;

    transition:.2s;

}

.mode-paiement-btn i{

    font-size:16px;

}

.mode-paiement-btn:hover{

    border-color:#D0D5DD;

}

.mode-paiement-btn.especes.active{

    background:var(--success-light);

    border-color:var(--success);

    color:var(--success);

}

.mode-paiement-btn.orange-money.active{

    background:var(--warning-light);

    border-color:var(--warning);

    color:var(--warning);

}

.btn-admin:disabled{

    opacity:.5;

    cursor:not-allowed;

}

.spinner-btn{

    display:inline-block;

    width:13px;

    height:13px;

    border:2px solid rgba(255,255,255,.5);

    border-top-color:#fff;

    border-radius:50%;

    animation:rotation-spinner-btn .6s linear infinite;

    margin-right:6px;

    vertical-align:-2px;

}

.btn-light-admin .spinner-btn,
.btn-danger-admin .spinner-btn{

    border-color:rgba(16,24,40,.2);
    border-top-color:var(--text-light);

}

@keyframes rotation-spinner-btn{

    to{ transform:rotate(360deg); }

}

.btn-admin{

    height:36px;

    padding:0 14px;

    border-radius:8px;

    font-size:13px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    font-weight:600;

    transition:.25s;

}

.btn-primary-admin{

    background:#2D7FF9;

    color:white;

}

.btn-primary-admin:hover{

    background:#1F6FEA;

}

.btn-success-admin{

    background:#12B76A;

    color:white;

}

.btn-danger-admin{

    background:#F04438;

    color:white;

}

.btn-warning-admin{

    background:#F79009;

    color:white;

}

.btn-light-admin{

    background:white;

    color:#344054;

    border:1px solid #EAECF0;

}

.btn-light-admin:hover{

    background:#F9FAFB;

}

/*======================
ACTIONS RAPIDES (HEADER)
=======================*/

.navbar-quick-actions-btn{

    display:flex;

    align-items:center;

    gap:6px;

    height:38px;

    padding:0 14px;

    border-radius:999px;

    border:none;

    background:var(--primary);

    color:white;

    font-size:13px;

    font-weight:600;

    white-space:nowrap;

    cursor:pointer;

    transition:.2s;

}

.navbar-quick-actions-btn:hover{

    background:var(--primary-hover);

    color:white;

}

.navbar-quick-actions-btn i{

    font-size:16px;

}

.navbar-quick-actions-menu{

    min-width:480px;

    border:none;

    border-radius:18px;

    box-shadow:0 24px 48px -16px rgba(16,24,40,.22);

    padding:22px !important;

    max-height:calc(100vh - 90px);

    overflow-y:auto;

    -webkit-overflow-scrolling:touch;

}

.navbar-quick-actions-menu.show{

    display:block;

}

.navbar-quick-actions-title{

    font-size:11px;

    letter-spacing:.06em;

    text-transform:uppercase;

    color:#98A2B3;

    font-weight:700;

    margin-bottom:16px;

}

.navbar-quick-actions-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:10px;

}

.navbar-quick-action-tile{

    display:flex;

    align-items:center;

    gap:14px;

    padding:14px;

    border-radius:14px;

    border:1px solid transparent;

    background:none;

    text-align:left;

    width:100%;

    text-decoration:none;

    color:var(--dark);

    cursor:pointer;

    transition:.2s;

}

.navbar-quick-action-tile:hover{

    background:#F9FAFB;

    border-color:var(--border);

    transform:translateY(-1px);

}

.navbar-quick-action-icon{

    width:42px;

    height:42px;

    border-radius:12px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    font-size:18px;

}

.navbar-quick-action-icon.icon-vente{ background:#ECFDF3; color:#027A48; }
.navbar-quick-action-icon.icon-client{ background:#F4F3FF; color:#7A5AF8; }
.navbar-quick-action-icon.icon-transfert{ background:#FFFAEB; color:#B54708; }
.navbar-quick-action-icon.icon-fabrication{ background:var(--primary-light); color:var(--primary); }
.navbar-quick-action-icon.icon-produit{ background:#E0F7FE; color:#0BA5EC; }
.navbar-quick-action-icon.icon-achat{ background:#FEF3F2; color:#F04438; }
.navbar-quick-action-icon.icon-depense{ background:#FFF6ED; color:#EF6820; }
.navbar-quick-action-icon.icon-fournisseur{ background:#F2F4F7; color:#475467; }

.navbar-quick-action-label{

    font-size:13.5px;

    font-weight:600;

    color:var(--dark);

    line-height:1.3;

}

.navbar-quick-actions-menu .dropdown-header{

    grid-column:1 / -1;

}