/* Here, the content of the common custom CSS defined into Home - Setup - Display - CSS*/
#id-top {
border-bottom: 1px solid #bbb !important;
padding: 15px 0;
}
.poweredbypublicpayment {
display: none;
}

.login_table_title {
display: none;
}

body{
background:#f5f7fa;
font-family:'Inter',Arial,sans-serif;
margin:0; padding:0;
}
h1{font-weight:600;margin:0 0 4px 0;text-align:center}
.lead{margin:0 0 40px 0;text-align:center;color:#6c757d}

/* Grille responsive 2 × 2 */
.dashboard-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
gap:1.5rem;
max-width:880px;
margin:0 auto 60px;
padding:0 15px;
}

/* Cartes */
.card-consulaire{
background:#fff;
border:1px solid #e2e6ea;
border-radius:1rem;
box-shadow:0 0.5rem 1rem rgba(0,0,0,.06);
transition:.2s;
}
.card-consulaire:hover{
transform:translateY(-5px);
box-shadow:0 1rem 2rem rgba(0,0,0,.10);
}
.card-consulaire .card-body{
padding:1.4rem 1.6rem;
display:flex;
flex-direction:column;
height:100%;
}
.card-title{
font-size:1.05rem;
margin-bottom:0.75rem;
}
.card-title .icon{
width:1.4rem;font-size:1.4rem;
}
.card-text{font-size:.87rem;color:#555}
.btn{
display:inline-block;
padding:6px 14px;
font-size:.8rem;
border:1px solid #0d6efd;
color:#0d6efd;
border-radius:4px;
text-decoration:none;
}
.btn:hover{background:#0d6efd;color:#fff}