/* ===== WhatsApp Staff — base grid & cards ===== */
.iwes-grid4{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(220px,1fr));
    gap:12px;
    margin:.5rem 0;
}

.iwes-card{
    border:1px solid #e5e5e5;
    border-radius:8px;
    padding:10px;
    background:#fff;
    display:flex;
    flex-direction:column;
    gap:8px;
    min-height:120px;
    transition:box-shadow .2s ease;
}
.iwes-card:hover{ box-shadow:0 0 4px rgba(0,0,0,.1); }

.iwes-card--empty{
    grid-column:1/-1;
    color:#666;
    border:1px dashed #e6e6e6;
    text-align:center;
}

.iwes-card__head{ display:flex; align-items:center; gap:10px; margin-bottom:4px; }
.iwes-card__avatar{ border-radius:50%; width:150px; height:150px; object-fit:cover;border:1px dashed #e6e6e6; }
.iwes-card__name small{ display:block; color:#666; font-weight:400; }
.iwes-card__status{ display:block; font-size:11px; }

.iwes-card__desc{ color:#333; font-size:12px; line-height:1.35; }
.iwes-card__actions{ display:flex; gap:8px; flex-wrap:wrap; margin-top:4px; }
.iwes-card__actions .btn{ font-size:12px; padding:3px 6px; }

.dot{ width:8px; height:8px; border-radius:50%; display:inline-block; margin-right:3px; }
.dot--on{ background:#25d366; }
.dot--off{ background:#999; }

/* Stato offline “attenuato” */
.iwes-card.is-offline{ opacity:.75; }
.iwes-card.is-offline .btn-success,
.iwes-card.is-offline .btn-default{ filter:grayscale(.4); }

/* WhatsApp brand */
.btn.btn-success{ background:#25D366; border-color:#1bb353; }

/* ===== Accordion stile GSW (barra nera minimal) ===== */
.gswbars .accordion{
    background:#fff;
    cursor:pointer;
    padding:5px 8px;
    width:100%;
    border:none;
    border-top:1px solid #010101 !important;
    text-align:left;
    outline:none;
    text-transform:uppercase !important;
    font-size:11px !important;
    letter-spacing:2px !important;
    transition:.4s;
    display:flex; justify-content:space-between; align-items:center;
}
.gswbars .accordion:hover{ background:#f8f8f8; }
.gswbars .iwes-acc-icon{ transition:transform .25s ease; font-size:14px; }
.gswbars .accordion[aria-expanded="true"] .iwes-acc-icon{ transform:rotate(180deg); }

.gswbars .panel{
    padding:10px 0;
    border-top:1px solid #010101;
    background:#fff;
}

/* ===== Responsive helpers (opzionali, l'autofill già copre) ===== */
@media(max-width:768px){
    .iwes-card__avatar{ width:44px; height:44px; }
}
@media(max-width:480px){
    .iwes-grid4{ grid-template-columns:1fr; }
}
