/* Vierasopas tools – WiFi QR -kyltti (uses the base .vot-* styles from rules.css) */
#vot-wifi{margin-top:36px}
#vot-wifi *{box-sizing:border-box}
#vot-wifi .vot-out{display:flex!important}
#vot-wifi .vot-sec h3{margin:0 0 14px!important}
#vot-wifi .vot-hint{font-size:13.5px!important;line-height:1.5!important}
#vot-wifi .vot-small{font-size:12.5px!important;line-height:1.45!important}
#vot-wifi .vot-msg{font-size:14.5px!important}
#vot-wifi .vot-field>span{font-size:14px!important;line-height:1.35!important}
#vot-wifi .vot-field i{font-family:inherit!important;font-style:normal!important;font-size:inherit!important;color:var(--muted)}
#vot-wifi label.vot-check{display:flex!important;align-items:flex-start!important;gap:10px!important;margin-top:14px}
#vot-wifi label.vot-check span{font-size:15px!important;line-height:1.45!important}
#vot-wifi label.vot-check input[type=checkbox]{width:20px!important;height:20px!important;flex:0 0 20px;border-radius:6px!important;border:1.5px solid #161514!important;margin:1px 0 0!important;background:#fff}
#vot-wifi label.vot-check input[type=checkbox]:checked{background:#161514;color:#fff}
#vot-wifi .vot-mail .vot-field{flex:0 0 auto}
#vot-wifi .vot-consent span{font-size:14px!important}
#vot-wifi button.vot-btn{background:#FFFF00!important;color:#161514!important;font-size:16px!important;font-weight:600!important;line-height:1!important;border:0!important;box-shadow:none!important}
#vot-wifi button.vot-btn.vot-btn-dark{background:#161514!important;color:#fff!important}
#vot-wifi button.vot-btn:disabled{opacity:.45}
#vot-wifi .vot-ib{height:44px;min-width:44px;padding:0 14px;border-radius:12px!important;border:0!important;background:var(--bg)!important;color:var(--ink)!important;font:inherit;font-size:14px!important;cursor:pointer;box-shadow:none!important;flex:0 0 auto}
#vot-wifi .vot-i{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0!important;margin-left:4px;vertical-align:1px;border-radius:50%!important;border:1.5px solid var(--ink)!important;background:#fff!important;color:var(--ink)!important;font-family:Georgia,serif!important;font-size:12px!important;font-weight:700!important;font-style:italic;line-height:1!important;cursor:pointer;box-shadow:none!important}
#vot-wifi .vot-i[aria-expanded=true]{background:var(--ink)!important;color:#fff!important}
#vot-wifi .vot-info{background:var(--bg);border-radius:12px;padding:12px 14px!important;margin:8px 0 0!important;font-size:14px!important;line-height:1.5!important;color:var(--body)!important}
#vot-wifi .vot-seg{margin:0!important}
#vot-wifi .vot-seg-lg button{height:40px;padding:0 16px;font-size:14.5px}
.vw-passrow{display:flex;gap:8px}
.vw-passrow input{flex:1 1 auto;min-width:0}
.vw-warn{background:#FFF6CC;border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.5;color:#5c4b00;margin-bottom:12px}
.vw-actions{margin-top:14px}
/* the printable sheet: real A4 (794 x 1123 px) */
.vw-sheet{width:794px;height:1123px;background:#fff;display:grid;font-family:Manrope,-apple-system,system-ui,sans-serif;box-shadow:0 2px 14px rgba(0,0,0,.08);overflow:hidden}
.vw-a4{grid-template:1fr/1fr;--pad:72px;--eye:15px;--title:60px;--qr:420px;--scanb:24px;--scans:16px;--lab:13px;--val:26px;--note:17px;--brand:12px;--gap:26px}
.vw-a5x2{grid-template-rows:1fr 1fr;--pad:44px;--eye:12px;--title:38px;--qr:300px;--scanb:18px;--scans:13.5px;--lab:11.5px;--val:20px;--note:14px;--brand:10px;--gap:14px}
.vw-a6x4{grid-template:1fr 1fr/1fr 1fr;--pad:30px;--eye:10.5px;--title:26px;--qr:190px;--scanb:14px;--scans:11px;--lab:9.5px;--val:14.5px;--note:11.5px;--brand:8.5px;--gap:12px}
.vw-card{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:var(--gap);padding:var(--pad);position:relative;min-width:0;min-height:0}
.vw-a5x2 .vw-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"head head" "qr body" "brand brand";align-items:center;text-align:left;column-gap:40px;row-gap:16px}
.vw-a5x2 .vw-card+.vw-card{border-top:1.5px dashed rgba(127,127,127,.55)}
.vw-a6x4 .vw-card:nth-child(odd){border-right:1.5px dashed rgba(127,127,127,.55)}
.vw-a6x4 .vw-card:nth-child(-n+2){border-bottom:1.5px dashed rgba(127,127,127,.55)}
.vw-head{grid-area:head}
.vw-eye{display:block;font-size:var(--eye);font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.65}
.vw-title{font-family:'Instrument Serif',Georgia,serif;font-size:var(--title);line-height:1.05;margin-top:6px;letter-spacing:-.01em;word-break:break-word}
.vw-qr{grid-area:qr;line-height:0}
.vw-qrc{width:var(--qr)!important;height:var(--qr)!important;display:block;image-rendering:pixelated;border-radius:14px}
.vw-qrc.is-empty{background:repeating-linear-gradient(45deg,rgba(127,127,127,.12) 0 10px,transparent 10px 20px);border:1.5px dashed rgba(127,127,127,.5)}
.vw-body{grid-area:body;display:flex;flex-direction:column;gap:var(--gap);min-width:0;width:100%}
.vw-scan b{display:block;font-size:var(--scanb);font-weight:700;line-height:1.3}
.vw-scan span{display:block;font-size:var(--scans);opacity:.7;margin-top:2px}
.vw-cred{display:flex;flex-direction:column;gap:8px;width:100%}
.vw-cred div{border-radius:12px;padding:10px 14px;background:rgba(127,127,127,.12)}
.vw-cred span{display:block;font-size:var(--lab);font-weight:600;opacity:.7;text-transform:uppercase;letter-spacing:.06em}
.vw-cred b{display:block;font-size:var(--val);font-weight:700;line-height:1.25;word-break:break-all;font-family:Manrope,-apple-system,system-ui,sans-serif;letter-spacing:.01em}
.vw-note{font-size:var(--note);line-height:1.4;opacity:.85}
.vw-brand{grid-area:brand;font-size:var(--brand);opacity:.5;margin-top:auto}
.vw-a5x2 .vw-brand{margin-top:0;text-align:center}
.vw-s-light .vw-card{background:#fff;color:#161514}
.vw-s-light .vw-cred div{background:#F4F2EF}
.vw-s-dark .vw-card{background:#161514;color:#fff}
.vw-s-dark .vw-cred div{background:rgba(255,255,255,.1)}
.vw-s-pop .vw-card{background:#FFFF00;color:#161514}
.vw-s-pop .vw-cred div{background:rgba(255,255,255,.55)}
@media (max-width:999px){#vot-wifi .vot-grid{grid-template-columns:minmax(0,1fr)!important}}
@media (max-width:690px){#vot-wifi{margin-top:28px}#vot-wifi .vot-seg-lg button{padding:0 12px;font-size:14px}#vot-wifi .vot-btn{width:100%}}