/* SSA Scoped styles (mobile-first) */

.ssa-wrap{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;max-width:1100px;margin:0 auto;padding:16px;}
.ssa-grid{display:grid;grid-template-columns:1fr;gap:14px;}
@media(min-width:860px){.ssa-grid--2{grid-template-columns:1fr 1fr;}.ssa-grid--3{grid-template-columns:repeat(3,1fr);} }

.ssa-card{background:#fff;border:1px solid #e6e8ee;border-radius:16px;padding:14px;box-shadow:0 6px 18px rgba(15,23,42,.06);}
.ssa-card h2,.ssa-card h3{margin:0 0 10px;font-size:18px;}
.ssa-muted{color:#64748b;font-size:13px;}

.ssa-row{display:flex;flex-direction:column;gap:10px;}
@media(min-width:720px){.ssa-row{flex-direction:row;align-items:flex-start;}}

.ssa-field{display:flex;flex-direction:column;gap:6px;flex:1;}
.ssa-field label{font-size:13px;color:#0f172a;}
.ssa-field input[type="text"],
.ssa-field input[type="email"],
.ssa-field input[type="password"],
.ssa-field input[type="tel"],
.ssa-field input[type="date"],
.ssa-field select,
.ssa-field textarea{
  width:100%;border:1px solid #d9deea;border-radius:12px;padding:10px 12px;font-size:14px;outline:none;background:#fff;
}
.ssa-field textarea{min-height:92px;resize:vertical;}
.ssa-field input:focus,.ssa-field select:focus,.ssa-field textarea:focus{border-color:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.25)}

.ssa-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.ssa-btn{appearance:none;border:0;border-radius:12px;padding:10px 14px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .02s ease,opacity .15s ease;}
.ssa-btn:active{transform:translateY(1px)}
.ssa-btn--primary{background:#0ea5e9;color:#fff;}
.ssa-btn--dark{background:#0f172a;color:#fff;}
.ssa-btn--ghost{background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0;}
.ssa-btn--danger{background:#ef4444;color:#fff;}
.ssa-btn[disabled]{opacity:.6;cursor:not-allowed}

.ssa-alert{border-radius:14px;padding:10px 12px;font-size:14px;border:1px solid transparent;}
.ssa-alert--error{background:#fff1f2;border-color:#fecdd3;color:#9f1239;}
.ssa-alert--ok{background:#ecfeff;border-color:#a5f3fc;color:#155e75;}

.ssa-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px;}
.ssa-tab{border:1px solid #e2e8f0;background:#f8fafc;color:#0f172a;border-radius:999px;padding:9px 12px;font-weight:700;font-size:13px;cursor:pointer;}
.ssa-tab.is-active{background:#0ea5e9;border-color:#0ea5e9;color:#fff;}

/* Dashboard (Titolare) menu tabs */
.ssa-dtabs{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.ssa-dtab{border:1px solid #e2e8f0;background:#ffffff;color:#0f172a;border-radius:12px;padding:10px 12px;font-weight:800;font-size:13px;cursor:pointer;}
.ssa-dtab.is-active{background:#0f172a;border-color:#0f172a;color:#fff;}
.ssa-dpanel{display:block;}
.ssa-dpanel.is-hidden{display:none;}

/* Fields config table: keep columns readable */
.ssa-fields-table{table-layout:fixed;}
.ssa-fields-table th:nth-child(1), .ssa-fields-table td:nth-child(1){width:26%;}
.ssa-fields-table th:nth-child(2), .ssa-fields-table td:nth-child(2){width:44%;}
.ssa-fields-table th:nth-child(3), .ssa-fields-table td:nth-child(3){width:10%; text-align:center;}
.ssa-fields-table th:nth-child(4), .ssa-fields-table td:nth-child(4){width:10%; text-align:center;}
.ssa-fields-table th:nth-child(5), .ssa-fields-table td:nth-child(5){width:10%;}
.ssa-fields-table input[type="text"]{width:100%;}

.ssa-table-wrap{overflow:auto;border:1px solid #e6e8ee;border-radius:14px;}
.ssa-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff;}
.ssa-table th,.ssa-table td{padding:10px 12px;border-bottom:1px solid #eef2f7;text-align:left;font-size:13px;vertical-align:top;}
.ssa-table th{background:#f8fafc;color:#0f172a;font-size:12px;letter-spacing:.02em;text-transform:uppercase;}
.ssa-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 10px;border-radius:999px;background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0;}
.ssa-badge--new{background:#ecfeff;border-color:#a5f3fc;color:#155e75;}
.ssa-badge--closed{background:#f0fdf4;border-color:#bbf7d0;color:#166534;}
.ssa-badge--suspended{background:#fff7ed;border-color:#fed7aa;color:#9a3412;}

/* Modal */
.ssa-modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.55);display:none;align-items:center;justify-content:center;padding:14px;z-index:99999;}
.ssa-modal-backdrop.is-open{display:flex;}
.ssa-modal{width:min(920px,100%);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.35);}
.ssa-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #eef2f7;}
.ssa-modal-title{font-weight:800;color:#0f172a;}
.ssa-modal-close{border:0;background:#f1f5f9;border-radius:12px;padding:8px 10px;cursor:pointer;font-weight:900;}
.ssa-modal-body{padding:14px;max-height:70vh;overflow:auto;}

/* Toast */
.ssa-toast{position:fixed;right:14px;bottom:14px;z-index:100000;display:flex;flex-direction:column;gap:8px;}
.ssa-toast .ssa-alert{box-shadow:0 10px 30px rgba(15,23,42,.15)}

/* Small helpers */
.ssa-kpi{display:flex;gap:10px;flex-wrap:wrap;}
.ssa-kpi .ssa-pill{padding:8px 10px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;font-weight:800;font-size:13px;}

/* Hide blocks */
.ssa-hidden{display:none !important;}