/* Residenza B&B Vistamare — stile comune (gestionale e /prenota). Colori e caratteri dal brand kit 2025: DOC/GRAFICA/BRAND_KIT/MANUALE_IDENTITA.md */
:root{
  --notte:#0C3048;--alga:#436663;--salvia:#A8CCC0;--adriatico:#0E6E9C;--cotto:#A54E24;--sabbia:#F5EFE4;--pietra:#D9D1C3;--grigio:#5B6670;
  --mare:var(--adriatico);--mare2:#E4EFF5;--testo:var(--notte);--bordo:#E3DCCF;--ok:#2F6B4F;--warn:#9A6A12;--ko:var(--cotto);
  --r:8px;--tap:40px
}
*{box-sizing:border-box}
body{margin:0;font:15px/1.45 "Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--testo);background:#fff;-webkit-text-size-adjust:100%}
h1,h2,h3,h4{font-weight:600;line-height:1.2;margin:0 0 .5em}h3{font-size:17px}h4{font-size:15px;margin-top:1em}
a{color:var(--adriatico)}button,input,select,textarea{font:inherit;color:inherit}
button{background:var(--adriatico);color:#fff;border:1px solid var(--adriatico);border-radius:var(--r);padding:8px 14px;min-height:var(--tap);cursor:pointer;font-weight:600;white-space:nowrap}
button:hover{filter:brightness(1.08)}button.sec{background:#fff;color:var(--adriatico);border-color:#BFD5E2}button:disabled{opacity:.45;cursor:default}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--adriatico);outline-offset:2px}
input,select,textarea{border:1px solid var(--pietra);border-radius:var(--r);padding:8px 10px;width:100%;background:#fff;min-height:var(--tap)}
input[type=checkbox],input[type=radio]{min-height:0;width:18px;height:18px;accent-color:var(--adriatico);vertical-align:middle}
label{display:block;font-size:13px;color:var(--grigio);margin:10px 0 4px}
table{border-collapse:collapse;width:100%}
th,td{padding:8px 10px;border-bottom:1px solid var(--bordo);text-align:left;vertical-align:top}
th{font-size:13px;color:var(--grigio);font-weight:600}
.card{border:1px solid var(--bordo);border-radius:12px;padding:16px;background:#fff}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.muted{color:var(--grigio)}.err{color:var(--ko)}.okc{color:var(--ok)}
.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;background:var(--mare2);white-space:nowrap}
.s-opzione{background:#FBEBC8}.s-confermata{background:#D6EBDF}.s-checkin{background:#D3E6F1}.s-checkout{background:#E7E3DA}.s-cancellata{background:#F1D9CE}.s-richiesta{background:#E9E3F3}.s-noshow{background:#F1D9CE}
@media(max-width:760px){
  body{font-size:15px}
  .grid2,.grid3,.grid4{grid-template-columns:1fr}
  .grid3>[style*="span"],.grid4>[style*="span"]{grid-column:auto!important}
  input,select,textarea{font-size:16px} /* evita lo zoom automatico su iPhone */
  .card{padding:14px;border-radius:10px}
}