/* ============================
   DASHBOARD
   Fichier: public/assets/css/40-dashboard.css
   ============================ */


/* ============================
   KPI / STAT CARDS
   ============================ */

.lx-dashboard-stat{
    min-height:105px;
    overflow:hidden;
}

.lx-dashboard-stat--prospects{
    background:#707d9f;
    color:#fff;
}

.lx-dashboard-stat--conversion{
    background:#dda692;
    color:#fff;
}

.lx-dashboard-stat--occupancy-current{
    background:var(--lx-brand-blue);
    color:#fff;
}

.lx-dashboard-stat--occupancy-future{
    background:#ffdc48;
    color:var(--lx-text-dark);
}

.lx-dashboard-stat__title{
    font-size:.75rem;
    font-weight:700;
}

.lx-dashboard-stat__value{
    font-size:2rem;
    font-weight:800;
    line-height:1;
}

.lx-dashboard-stat__sub{
    font-size:.75rem;
    font-weight:600;
}


/* ============================
   KPI ACTION
   ============================ */

.lx-dashboard-stat__action{
    position:absolute;
    top:1rem;
    right:1rem;

    color:inherit;
    text-decoration:none;

    opacity:.75;
    transition:opacity .15s ease;
}

.lx-dashboard-stat__action:hover{
    color:inherit;
    opacity:1;
}


/* ============================
   GRAPHIQUES
   ============================ */

.lx-dashboard-chart{
    position:relative;
    height:260px;
}

.lx-dashboard-chart--small{
    height:220px;
}


/* ============================
   LISTES AVEC SCROLL
   ============================ */

.lx-dashboard-list{
    max-height:260px;
    overflow-y:auto;
}

.lx-dashboard-list--small{
    max-height:220px;
}


/* ============================
   RÉSERVATIONS WEB
   ============================ */

.lx-dashboard-reservation{
    background:#ffe36a;
    color:var(--lx-text-dark);

    transition:
            filter .15s ease,
            transform .15s ease;
}

.lx-dashboard-reservation:hover{
    color:var(--lx-text-dark);
    filter:brightness(.98);
}

.lx-dashboard-reservation__icon{
    width:36px;
    height:36px;
    min-width:36px;

    border-color:#f1cf32 !important;
}


/* ============================
   TAUX DE CONVERSION UTILISATEURS
   ============================ */

.lx-dashboard-conversion-avatar{
    width:32px;
    height:32px;
    min-width:32px;
}

.lx-dashboard-conversion-progress{
    height:24px;
    background:#edf0f2;
}

.lx-dashboard-conversion-bar{
    min-width:45px;
}


/* Couleurs des utilisateurs */
.lx-dashboard-conversion-bar--1{
    background:#67989a;
}

.lx-dashboard-conversion-bar--2{
    background:#96c5c4;
}

.lx-dashboard-conversion-bar--3{
    background:#dc9a79;
}

.lx-dashboard-conversion-bar--4{
    background:#efb16f;
}


/* ============================
   ACTIONS À FAIRE
   ============================ */

.lx-dashboard-action{
    color:#fff;
    text-decoration:none;

    transition:
            filter .15s ease,
            transform .15s ease;
}

.lx-dashboard-action:hover{
    color:#fff;
    filter:brightness(.97);
}


/* Appel */
.lx-dashboard-action--call{
    background:#5c8791;
}

.lx-dashboard-action--call .lx-dashboard-action__icon{
    color:#5c8791;
    border-color:#5c8791;
}


/* Visite */
.lx-dashboard-action--visit{
    background:#91c9c4;
}

.lx-dashboard-action--visit .lx-dashboard-action__icon{
    color:#91c9c4;
    border-color:#91c9c4;
}


/* SMS */
.lx-dashboard-action--sms{
    background:#de9b7b;
}

.lx-dashboard-action--sms .lx-dashboard-action__icon{
    color:#de9b7b;
    border-color:#de9b7b;
}


/* Icône ronde */
.lx-dashboard-action__icon{
    width:38px;
    height:38px;
    min-width:38px;

    background:#fff;

    border-width:2px;
    border-style:solid;
}


/* ============================
   RESPONSIVE
   ============================ */

@media (max-width:767.98px){

    .lx-dashboard-stat{
        min-height:95px;
    }

    .lx-dashboard-chart{
        height:220px;
    }

    .lx-dashboard-chart--small{
        height:200px;
    }

}