.recesso-form{max-width:560px}
.recesso-form p{margin-bottom:1rem}
.recesso-form label{font-weight:600;display:block}
.recesso-form input,.recesso-form select,.recesso-form textarea{width:100%;padding:.5rem;margin-top:.25rem}
.recesso-intro{color:#555;font-weight:400}
.recesso-receipt{padding:1rem;border:1px solid #46b450;background:#f6fff6;border-radius:4px}
.recesso-code{font-size:1.4rem;letter-spacing:1px}
.recesso-errors{padding:1rem;border:1px solid #dc3232;background:#fff6f6;border-radius:4px;margin-bottom:1rem}
.recesso-order-box{margin:1rem 0}
.recesso-footer-link{text-align:center;font-size:.85rem;padding:.5rem 0}
.recesso-badge{display:inline-block;padding:.15em .6em;border-radius:3px;background:#eee;font-size:.85em}
.recesso-status-ricevuta{background:#e5f0ff}
.recesso-status-in_lavoro{background:#fff3cd}
.recesso-status-approvata{background:#d4edda}
.recesso-status-rifiutata{background:#f8d7da}
.recesso-status-conclusa{background:#e2e3e5}

/* Banner white-label: colori da variabili CSS iniettate dalle impostazioni */
.recesso-banner{
  display:block;max-width:320px;margin:16px auto;padding:18px 16px;text-align:center;
  background:linear-gradient(135deg,var(--recesso-c1,#2a7de1) 0%,var(--recesso-c2,#16b5b0) 100%);
  border-radius:12px;text-decoration:none;color:#fff!important;
  box-shadow:0 4px 14px rgba(0,0,0,.12);transition:transform .15s ease,box-shadow .15s ease;
}
.recesso-banner:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.18)}
.recesso-banner__icon{display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.2);margin-bottom:10px}
.recesso-banner__text{display:block}
.recesso-banner__title{display:block;font-size:17px;font-weight:700;line-height:1.3;color:#fff}
.recesso-banner__sub{display:block;font-size:13px;opacity:.95;margin:6px 0 14px;line-height:1.4;color:#fff}
.recesso-banner__cta{display:inline-block;background:#fff;color:var(--recesso-c1,#2a7de1);
  font-size:14px;font-weight:700;padding:10px 24px;border-radius:30px}

/* Variante orizzontale */
.recesso-banner--horizontal{max-width:900px;display:flex;align-items:center;gap:18px;text-align:left}
.recesso-banner--horizontal .recesso-banner__icon{margin-bottom:0;flex:0 0 auto}
.recesso-banner--horizontal .recesso-banner__text{flex:1 1 auto}
.recesso-banner--horizontal .recesso-banner__sub{margin:2px 0 0}
.recesso-banner--horizontal .recesso-banner__cta{flex:0 0 auto}
@media(max-width:600px){.recesso-banner--horizontal{flex-direction:column;text-align:center}}