/* Layout generale */
.oecf-wrap{max-width:920px;margin:0 auto;padding:24px}
.oecf-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:20px}
.oecf-head{display:flex;gap:16px;align-items:center;margin-bottom:12px}
.oecf-logo{width:56px;height:56px;object-fit:contain}

/* Form */
.oecf-form .oecf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.oecf-form label{display:flex;flex-direction:column;font-weight:600;font-size:.9rem;gap:6px}
.oecf-form input,.oecf-form select{padding:.6rem .8rem;border:1px solid #e3e3e3;border-radius:10px}
.oecf-actions{display:flex;gap:10px;margin-top:14px}
.oecf-btn{background:#16a34a;color:#fff;border:0;border-radius:999px;padding:.7rem 1.1rem;font-weight:700;cursor:pointer}
.oecf-btn-ghost{background:#f3f4f6;color:#111}
@media (max-width:700px){.oecf-form .oecf-grid{grid-template-columns:1fr}}

/* --- CARD RISULTATO STILE TESSERA --- */
.oecf-result{margin-top:18px}
.oecf-result-card{
  border-radius:18px;
  border:1px solid #bcd8bc;
  background:#fff;
  overflow:hidden;
  padding:0;
}

/* testata verde con gradiente e stemma */
.oecf-result-head{
  display:flex; align-items:center; gap:14px;
  padding:16px 18px;
  background:linear-gradient(180deg,#1fb741 0%, #159233 100%);
  color:#fff;
}
.oecf-result-head img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))}
.oecf-result-head h3{margin:0;font-weight:800;letter-spacing:.2px}
.oecf-result-head small{opacity:.9}

/* riga codice fiscale grande */
.oecf-cf{
  font: 800 36px ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing:.08em;
  color:#111;
  padding:14px 18px 8px;
}

/* tabella dati */
.oecf-rows{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;
  padding:0 18px 18px;
}
.oecf-rows div{
  background: #f6fbf6;
  border:1px solid #dce9dc;
  border-radius:10px;
  padding:.55rem .8rem;
  display:flex; justify-content:space-between; gap:14px;
}
.oecf-rows strong{color:#0f5e22; font-weight:800}

/* nota */
.oecf-note{font-size:.85rem;color:#6b7280;margin-top:8px}

@media (max-width:700px){ .oecf-rows{grid-template-columns:1fr} }