/* Seguito — form di accoglienza da tablet. */

.kiosk{
  --ink:#171A2B; --paper:#F6F4EF; --mist:#E7E4DB; --line:#D9D6CC;
  --signal:#FF5B3C; --thread:#1FB6A6; --ink-70:#565A72;
  max-width:720px; margin:0 auto; background:#fff;
  border:1px solid var(--line); border-radius:16px; padding:34px;
  box-shadow:0 12px 34px rgba(23,26,43,.08);
}

.kiosk *{ box-sizing:border-box; }

.kiosk-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:18px; border-bottom:1px solid var(--line); margin-bottom:24px; }
.kiosk-brand{ display:flex; align-items:center; gap:8px; color:var(--ink); font-family:'Space Grotesk','Inter',sans-serif; font-weight:600; font-size:19px; letter-spacing:-.03em; }
.kiosk-negozio{ font-family:'IBM Plex Mono',monospace; font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--ink-70); margin:0; }

.kiosk-title{ font-family:'Space Grotesk','Inter',sans-serif; font-size:27px; font-weight:600; letter-spacing:-.02em; line-height:1.15; margin:0 0 10px; color:var(--ink); }
.kiosk-sub{ color:var(--ink-70); font-size:16px; margin:0 0 26px; }

.kiosk-form{ display:grid; gap:18px; }
.kiosk-row{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.kiosk-field{ display:grid; gap:7px; }
.kiosk-field > span{ font-size:13px; font-weight:600; color:var(--ink-70); }
.kiosk-field input, .kiosk-field textarea{
  font-family:inherit; font-size:17px; padding:14px 15px; width:100%;
  border:1.5px solid var(--line); border-radius:9px; background:var(--paper); color:var(--ink);
}
.kiosk-field input:focus, .kiosk-field textarea:focus{ outline:none; border-color:var(--ink); background:#fff; }
.kiosk-field input[aria-invalid=true]{ border-color:var(--signal); background:#FFF6F4; }
.kiosk-field textarea{ resize:vertical; }

.kiosk-chips{ border:none; padding:0; margin:0; display:grid; gap:11px; }
.kiosk-chips legend{ font-size:13px; font-weight:600; color:var(--ink-70); padding:0; margin-bottom:2px; }
.kiosk-chips > label{ display:inline-flex; }
.kiosk-chips{ display:flex; flex-wrap:wrap; gap:10px; }
.kiosk-chips legend{ width:100%; }
.chip{ display:inline-flex; align-items:center; }
.chip input{ position:absolute; opacity:0; width:0; height:0; }
.chip span{
  display:inline-block; padding:11px 17px; border:1.5px solid var(--line); border-radius:100px;
  font-size:15px; cursor:pointer; background:#fff; user-select:none;
}
.chip input:checked + span{ background:var(--ink); border-color:var(--ink); color:var(--paper); }
.chip input:focus-visible + span{ outline:2.5px solid var(--signal); outline-offset:2px; }

.kiosk-consensi{ display:grid; gap:12px; padding:16px 18px; background:var(--paper); border-radius:10px; }
.kiosk-check{ display:flex; gap:11px; align-items:flex-start; font-size:14.5px; color:var(--ink); }
.kiosk-check input{ margin-top:3px; width:20px; height:20px; accent-color:var(--signal); flex:none; }

.kiosk-submit{
  font-family:'Space Grotesk','Inter',sans-serif; font-weight:600; font-size:18px;
  padding:17px 24px; border:none; border-radius:10px; background:var(--signal); color:#fff; cursor:pointer;
}
.kiosk-submit:hover{ background:#F04A2B; }
.kiosk-submit:disabled{ opacity:.6; cursor:wait; }

.kiosk-feedback{ margin:0; font-size:14.5px; min-height:1.2em; }
.kiosk-feedback.is-error{ color:#B93317; }

.kiosk-done{ text-align:center; padding:26px 10px; }
.kiosk-done-mark{ color:var(--ink); margin-bottom:14px; }
.kiosk-done-title{ font-family:'Space Grotesk','Inter',sans-serif; font-size:25px; font-weight:600; margin:0 0 8px; color:var(--ink); }
.kiosk-done-sub{ color:var(--ink-70); margin:0 0 24px; }
.kiosk-reset{
  font-family:'Space Grotesk','Inter',sans-serif; font-weight:600; font-size:16px;
  padding:14px 22px; border-radius:9px; border:1.5px solid var(--ink); background:#fff; color:var(--ink); cursor:pointer;
}
.kiosk-reset:hover{ background:var(--ink); color:var(--paper); }

@media (max-width:640px){
  .kiosk{ padding:22px; border-radius:12px; }
  .kiosk-row{ grid-template-columns:1fr; }
  .kiosk-title{ font-size:23px; }
  .kiosk-submit{ width:100%; }
}