/**
==========================================================
DISCÍPULO ONLINE
Dashboard V3
ERP Corporativo para Igrejas
==========================================================
*/

/* =======================================================
   Cabeçalho
======================================================= */

.dashboard-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:35px;

}

.dashboard-header h2{

    font-size:36px;

    font-weight:700;

    color:var(--primary);

    margin-bottom:8px;

}

.dashboard-header p{

    color:var(--text-light);

    font-size:16px;

}

/* =======================================================
   Cards
======================================================= */

.dashboard-card{

    display:flex;

    align-items:center;

    gap:18px;

    min-height:120px;

    transition:.30s;

    cursor:pointer;

}

.dashboard-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 35px rgba(0,0,0,.10);

}

.card-icon{

    width:72px;

    height:72px;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#FFF;

    font-size:28px;

    flex-shrink:0;

}

.card-info{

    flex:1;

}

.card-info small{

    display:block;

    color:#6B7280;

    font-size:14px;

    margin-bottom:4px;

}

.card-info h3{

    margin:0;

    font-size:34px;

    font-weight:700;

    color:#0A1F54;

}

.card-info span{

    display:block;

    margin-top:8px;

    color:#94A3B8;

    font-size:13px;

}

/* =======================================================
   Painéis
======================================================= */

.dashboard-panel{

    background:#FFF;

    border-radius:18px;

    box-shadow:var(--shadow);

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

    padding:28px;

    height:100%;

}

.dashboard-panel h5{

    margin-bottom:18px;

    font-size:22px;

    color:var(--primary);

    font-weight:600;

}

.dashboard-panel p{

    color:#6B7280;

    line-height:1.8;

}

/* =======================================================
   Lista de Avisos
======================================================= */

.notice-list{

    list-style:none;

    margin:0;

    padding:0;

}

.notice-list li{

    padding:14px 0;

    border-bottom:1px solid #ECECEC;

}

.notice-list li:last-child{

    border-bottom:none;

}

.notice-title{

    font-weight:600;

    color:#1F2937;

}

.notice-date{

    color:#94A3B8;

    font-size:13px;

}

/* =======================================================
   Status
======================================================= */

.status-table td{

    padding:14px;

    vertical-align:middle;

}

.status-table tr{

    border-bottom:1px solid #ECECEC;

}

.status-table tr:last-child{

    border:none;

}

/* =======================================================
   Badges
======================================================= */

.badge{

    border-radius:30px;

    padding:7px 14px;

    font-size:12px;

    font-weight:600;

}

/* =======================================================
   Botão Principal
======================================================= */

.dashboard-btn{

    border:none;

    background:var(--primary-light);

    color:#FFF;

    border-radius:12px;

    padding:12px 22px;

    font-weight:600;

    transition:.30s;

}

.dashboard-btn:hover{

    background:var(--primary);

    transform:translateY(-2px);

}

/* =======================================================
   Área de gráficos
======================================================= */

.chart-area{

    height:340px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#94A3B8;

    border:2px dashed #D9E1EC;

    border-radius:16px;

    background:#FAFBFD;

}

/* =======================================================
   Informações rápidas
======================================================= */

.quick-info{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:18px;

    border-radius:14px;

    background:#F8FAFC;

    margin-bottom:15px;

}

.quick-info:last-child{

    margin-bottom:0;

}

.quick-info strong{

    font-size:18px;

    color:var(--primary);

}

.quick-info span{

    color:#6B7280;

}

/* =======================================================
   Responsividade
======================================================= */

@media(max-width:992px){

    .dashboard-header{

        flex-direction:column;

        align-items:flex-start;

        gap:20px;

    }

    .dashboard-card{

        min-height:100px;

    }

}

@media(max-width:768px){

    .dashboard-header h2{

        font-size:28px;

    }

    .card-icon{

        width:58px;

        height:58px;

        font-size:22px;

    }

    .card-info h3{

        font-size:28px;

    }

}