/* V19: napi keret, tartalék, kezdőlapi beosztáskártya, napi leosztás, értesítések.
   Egy vizuális szabály viszi végig: a tömör felület biztos helyet, a ferde sávozás tartalékot jelent.
   A szín így soha nem egyedül hordozza a jelentést. */
:root{
  --v19-ink:#0a1f44;
  --v19-ink-2:#12305f;
  --v19-brand:#0b47a8;
  --v19-paper:#ffffff;
  --v19-line:#d9e1ee;
  --v19-muted:#55627a;
  --v19-ok:#0a7a4b;
  --v19-ok-soft:#e3f4ec;
  --v19-wait:#8a5200;
  --v19-wait-soft:#fff3d6;
  --v19-wait-line:#e9b949;
  --v19-issue:#b42318;
  --v19-issue-soft:#fdecea;
  --v19-hatch:repeating-linear-gradient(135deg,rgba(233,185,73,.34) 0 6px,rgba(233,185,73,0) 6px 12px);
  --v19-hatch-soft:repeating-linear-gradient(135deg,rgba(233,185,73,.15) 0 7px,rgba(233,185,73,0) 7px 14px);
  --v19-plate-font:"Bahnschrift","DIN Alternate","DIN Condensed","Roboto Condensed","Arial Narrow",system-ui,sans-serif;
  --v19-nav-h:62px;
}

/* ---- rendszámtábla ---------------------------------------------------------- */
.v19-plate{display:inline-flex;align-items:stretch;flex:0 0 auto;background:#fff;color:#0b0f19;border:2px solid #0b0f19;border-radius:7px;overflow:hidden;line-height:1;box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 6px 16px rgba(4,12,30,.28)}
.v19-plate-band{display:grid;place-items:end center;width:1.05em;padding-bottom:.28em;background:#0a3a9a;color:#fff;font:700 .42em/1 system-ui,sans-serif;font-size:13px}
.v19-plate-text{padding:.24em .42em .2em;font-family:var(--v19-plate-font);font-stretch:condensed;font-weight:700;font-size:34px;letter-spacing:.04em;white-space:nowrap;font-variant-numeric:tabular-nums}
.v19-plate--sm{border-width:1.5px;border-radius:5px;box-shadow:none}
.v19-plate--sm .v19-plate-band{font-size:9px}
.v19-plate--sm .v19-plate-text{font-size:19px}
.v19-plate--empty{border-style:dashed;border-color:rgba(255,255,255,.55);background:transparent;color:rgba(255,255,255,.7);box-shadow:none}
.v19-plate--empty .v19-plate-band{background:rgba(255,255,255,.18)}

/* ---- státuszjelzők ------------------------------------------------------------ */
.v19-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:750;line-height:1.2;white-space:nowrap;border:1px solid transparent}
.v19-chip--ok{background:var(--v19-ok-soft);color:var(--v19-ok);border-color:#b7e2cd}
.v19-chip--ok::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.v19-chip--standby{background:var(--v19-hatch),var(--v19-wait-soft);color:var(--v19-wait);border-color:var(--v19-wait-line)}
.v19-chip--pending{background:#ede9fe;color:#5b21b6;border-color:#cfc4fb}
.v19-chip--muted{background:#eef2f8;color:var(--v19-muted);border-color:var(--v19-line);font-weight:650}
.v19-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--v19-issue);color:#fff;font-size:11px;font-weight:800;line-height:1}
.v19-empty{margin:12px 0 0;padding:14px;border:1px dashed var(--v19-line);border-radius:14px;color:var(--v19-muted);font-size:14px;line-height:1.45}

/* ---- futár kezdőlap: mai beosztás --------------------------------------------- */
.v19-today{position:relative;margin:0 0 14px;padding:20px 20px 0;border-radius:26px;background:linear-gradient(160deg,var(--v19-ink) 0%,var(--v19-ink-2) 100%);color:#fff;overflow:hidden;box-shadow:0 20px 44px rgba(10,31,68,.26)}
.v19-today--standby::before{content:"";position:absolute;inset:0 0 auto 0;height:8px;background:var(--v19-hatch),var(--v19-wait-line)}
.v19-today--off{background:linear-gradient(160deg,#1c2b47,#2b3d5e)}
.v19-today-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.v19-today-head h2{margin:0;font-size:16px;font-weight:700;color:#cfdcf5;letter-spacing:0}
.v19-facts{display:grid;grid-template-columns:auto auto 1fr;gap:6px 26px;margin:16px 0 0;align-items:end}
.v19-facts div{min-width:0}
.v19-facts dt{font-size:12.5px;color:#a9bbdc;font-weight:600}
.v19-facts dd{margin:2px 0 0;font-size:24px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums}
.v19-facts .v19-facts-time{font-size:52px;letter-spacing:-.02em}
.v19-today-car{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}
.v19-today-car-copy{display:grid;gap:2px;min-width:0}
.v19-today-car-copy strong{font-size:17px;font-weight:750}
.v19-today-car-copy span{font-size:13.5px;color:#b9c8e6;line-height:1.35}
.v19-today-extra{display:flex;justify-content:space-between;gap:12px;margin:14px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.14);font-size:14px}
.v19-today-extra span{color:#a9bbdc}
.v19-today-hint{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.1);font-size:13.5px;line-height:1.45;color:#e4ecfb}
.v19-today-empty{margin-top:14px;display:grid;gap:8px;justify-items:start}
.v19-today-empty strong{font-size:26px;font-weight:800;line-height:1.1}
.v19-today-empty p{margin:0;color:#b9c8e6;font-size:14.5px}
.v19-today-empty .btn{margin-top:6px;background:#fff;color:var(--v19-ink);border-color:#fff}
.v19-standby-note{margin-top:16px;padding:14px;border-radius:16px;background:var(--v19-hatch-soft),var(--v19-wait-soft);color:#3d2500;border:1px solid var(--v19-wait-line)}
.v19-standby-note strong{font-size:17px}
.v19-standby-note p{margin:6px 0 0;font-size:14px;line-height:1.45}
.v19-next{display:flex;align-items:center;gap:14px;width:calc(100% + 40px);margin:18px -20px 0;padding:14px 20px;border:0;border-top:1px solid rgba(255,255,255,.14);background:rgba(4,14,36,.28);color:#fff;font:inherit;text-align:left;cursor:pointer}
.v19-next:focus-visible{outline:3px solid #9ec1ff;outline-offset:-3px}
.v19-next--none{cursor:default}
.v19-next-when,.v19-next-what{display:grid;gap:2px;min-width:0}
.v19-next-when{flex:0 0 auto;min-width:78px}
.v19-next-what{flex:1 1 auto}
.v19-next strong{font-size:15.5px;font-weight:750}
.v19-next span span{font-size:12.5px;color:#a9bbdc}
.v19-next-state{flex:0 0 auto;width:12px;height:12px;border-radius:50%;background:#35c98a}
.v19-next-state--standby{background:var(--v19-hatch),var(--v19-wait-line);border-radius:3px;width:14px;height:14px}

/* ---- átfoglalási ajánlat ------------------------------------------------------- */
.v19-offer{margin-top:12px}
.v19-offer-lead,.v19-offer-other,.v19-offer-none{margin:0 0 8px;font-size:13.5px;line-height:1.45}
.v19-today .v19-offer-lead,.v19-today .v19-offer-other,.v19-today .v19-offer-none{color:#dbe6fb}
.v19-offer-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}
.v19-offer-day{display:grid;gap:1px;padding:10px 12px;border-radius:14px;border:1.5px solid #9fd6bb;background:#fff;color:var(--v19-ink);font:inherit;text-align:left;cursor:pointer;min-height:64px}
.v19-offer-day strong{font-size:15px;font-weight:800}
.v19-offer-day span{font-size:12px;color:var(--v19-muted)}
.v19-offer-day em{font-style:normal;font-size:12px;font-weight:750;color:var(--v19-ok);white-space:nowrap}
.v19-offer-day:hover{border-color:var(--v19-ok)}
.v19-offer-day:focus-visible{outline:3px solid #7fb2ff;outline-offset:2px}
.v19-offer-other{margin-top:10px}

/* ---- értesítés-kérés a kezdőlapon ------------------------------------------------ */
.v19-prompt{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid var(--v19-line)}
.v19-prompt strong{font-size:15px}
.v19-prompt p{margin:2px 0 0;font-size:13.5px;color:var(--v19-muted);line-height:1.4}
.v19-prompt-actions{display:flex;gap:8px;flex-wrap:wrap}

/* ---- munkanap-foglalás ----------------------------------------------------------- */
.v19-booking-intro h2{margin:0;font-size:22px;font-weight:800;line-height:1.15;color:var(--v19-ink)}
.v19-booking-intro p{margin:8px 0 0;max-width:62ch;color:var(--v19-muted);font-size:14.5px;line-height:1.5}
.v19-counts{display:flex;gap:28px;margin:14px 0 0}
.v19-counts dt{font-size:12.5px;color:var(--v19-muted)}
.v19-counts dd{margin:2px 0 0;font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--v19-ink)}
.v19-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v19-calendar-head h3{margin:0;font-size:18px;font-weight:800;text-transform:capitalize}
.v19-weekdays,.v19-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.v19-weekdays{margin:14px 0 6px}
.v19-weekdays span{text-align:center;font-size:11.5px;font-weight:700;color:#8793a8}
.v19-day{position:relative;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:1px;min-height:68px;padding:5px 2px 6px;border-radius:13px;border:1.5px solid var(--v19-line);background:#fff;color:var(--v19-ink);font:inherit;text-align:center;overflow:hidden}
button.v19-day{cursor:pointer;-webkit-tap-highlight-color:transparent}
button.v19-day:focus-visible{outline:3px solid #7fb2ff;outline-offset:1px}
.v19-day--blank{border:0;background:transparent;min-height:0}
.v19-day-num{justify-self:start;margin-left:5px;font-size:11.5px;font-weight:700;color:#7a879c}
.v19-day-main{align-self:center;font-size:15px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums}
.v19-day-sub{font-size:10.5px;font-weight:650;line-height:1.1;white-space:nowrap}
.v19-day--free{border-color:#a9dcc3;background:#f3fbf7}
.v19-day--free .v19-day-main{color:var(--v19-ok);font-size:20px}
.v19-day--free .v19-day-sub{color:var(--v19-ok)}
.v19-day--full{border-color:var(--v19-wait-line);background:var(--v19-hatch),#fffaf0}
.v19-day--full .v19-day-main{font-size:12.5px;color:var(--v19-wait)}
.v19-day--full .v19-day-sub{color:var(--v19-wait)}
.v19-day--mine .v19-day-main,.v19-day--standby .v19-day-main{font-size:13.5px;letter-spacing:-.02em}
.v19-day--mine{background:var(--v19-ink);border-color:var(--v19-ink);color:#fff}
.v19-day--mine .v19-day-num{color:#b7c6e4}
.v19-day--mine .v19-day-sub{color:#8fe0b8}
.v19-day--standby{background:var(--v19-hatch),var(--v19-wait-soft);border-color:var(--v19-wait);color:#3d2500}
.v19-day--standby .v19-day-num{color:#7a5a1c}
.v19-day--standby .v19-day-sub{color:var(--v19-wait)}
.v19-day--pending{box-shadow:inset 0 0 0 2px #8b5cf6}
.v19-day--past{border-color:transparent;background:#f3f5f9;color:#a2adbf}
.v19-day--past .v19-day-main{font-size:12px;font-weight:650}
.v19-day--blocked{border-style:dashed;background:#f3f5f9;color:#7a879c}
.v19-day--blocked .v19-day-main{font-size:12px}
.v19-day--today{box-shadow:0 0 0 2.5px var(--v19-brand)}
.v19-day--today.v19-day--pending{box-shadow:0 0 0 2.5px var(--v19-brand),inset 0 0 0 2px #8b5cf6}
.v19-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0 0;padding:0;list-style:none;font-size:12.5px;color:var(--v19-muted)}
.v19-legend li{display:flex;align-items:center;gap:6px}
.v19-swatch{display:inline-block;width:16px;height:16px;border-radius:5px;border:1.5px solid var(--v19-line)}
.v19-swatch--free{background:#f3fbf7;border-color:#a9dcc3}
.v19-swatch--full{background:var(--v19-hatch),#fffaf0;border-color:var(--v19-wait-line)}
.v19-swatch--mine{background:var(--v19-ink);border-color:var(--v19-ink)}
.v19-swatch--standby{background:var(--v19-hatch),var(--v19-wait-soft);border-color:var(--v19-wait)}
.v19-own h3,.v19-daily-group h3{margin:0;font-size:17px;font-weight:800}
.v19-own-days{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.v19-own-day{border:1.5px solid var(--v19-line);border-radius:16px;background:#fff;overflow:hidden}
.v19-own-day--standby{border-color:var(--v19-wait-line)}
.v19-own-day--standby .v19-offer{padding:0 14px 14px}
.v19-own-day-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%;padding:12px 14px;border:0;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer}
.v19-own-day-main:focus-visible{outline:3px solid #7fb2ff;outline-offset:-3px}
.v19-own-day-date,.v19-own-day-shift{display:grid;gap:1px}
.v19-own-day-date{flex:0 0 92px}
.v19-own-day-shift{flex:1 1 130px;min-width:0}
.v19-own-day-main strong{font-size:15px;font-weight:750}
.v19-own-day-main span span{font-size:12.5px;color:var(--v19-muted)}
.v19-own-day .v19-offer-lead,.v19-own-day .v19-offer-other,.v19-own-day .v19-offer-none{color:#3d2500}

/* saját nap ablakának feje */
.v19-modal-day{display:grid;gap:10px;margin:0 0 14px;padding:14px;border-radius:16px;border:1.5px solid var(--v19-line);background:#fff}
.v19-modal-day--standby{border-color:var(--v19-wait-line);background:var(--v19-hatch-soft),var(--v19-wait-soft);color:#3d2500}
.v19-modal-day-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.v19-modal-day-top strong{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}
.v19-modal-day p{margin:0;font-size:14px;line-height:1.45}
.v19-modal-day-car{display:flex;align-items:center;gap:10px;color:var(--v19-muted)}
.v19-modal-day-wait{padding:9px 12px;border-radius:12px;background:#ede9fe;color:#5b21b6;font-weight:650}
.v19-modal-day .v19-offer{margin-top:0}
.v19-modal-day .v19-offer-lead,.v19-modal-day .v19-offer-other,.v19-modal-day .v19-offer-none{color:#3d2500}
/* foglalási ablak */
.v19-free-note,.v19-full-note{margin:0 0 12px;padding:12px 14px;border-radius:14px}
.v19-free-note{display:flex;align-items:baseline;gap:8px;background:var(--v19-ok-soft);color:var(--v19-ok)}
.v19-free-note strong{font-size:18px}
.v19-free-note span{font-size:13.5px}
.v19-full-note{background:var(--v19-hatch-soft),var(--v19-wait-soft);border:1px solid var(--v19-wait-line);color:#3d2500}
.v19-full-note strong{font-size:16px}
.v19-full-note p{margin:6px 0 10px;font-size:14px;line-height:1.45}
.v19-full-note .v19-full-ok{margin-bottom:0;font-weight:700}
.booking-shift-choice:disabled{opacity:.42;cursor:not-allowed}

/* ---- admin: napi leosztás ---------------------------------------------------------- */
.v19-daynav{display:flex;align-items:center;gap:8px;margin:14px 0 10px}
.v19-daynav-date{position:relative;flex:1 1 auto;display:grid;place-items:center;min-height:46px;padding:6px 12px;border:1.5px solid var(--v19-line);border-radius:14px;background:#fff;font-weight:750;font-size:15px;text-align:center;cursor:pointer}
.v19-daynav-date input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.v19-daynav-date:focus-within{outline:3px solid #7fb2ff;outline-offset:1px}
.v19-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:14px;background:#eef2f8}
.v19-seg-btn{display:grid;gap:1px;justify-items:center;padding:8px 10px;border:0;border-radius:11px;background:transparent;font:inherit;font-weight:750;color:var(--v19-muted);cursor:pointer}
.v19-seg-btn small{font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}
.v19-seg-btn.is-active{background:#fff;color:var(--v19-ink);box-shadow:0 2px 8px rgba(10,31,68,.12)}
.v19-seg-btn:focus-visible{outline:3px solid #7fb2ff;outline-offset:1px}
.v19-meter{margin:14px 0 0}
.v19-meter-bar{height:10px;border-radius:999px;background:#e6ebf3;overflow:hidden}
.v19-meter-fill{display:block;height:100%;border-radius:999px;background:var(--v19-ok)}
.v19-meter-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:12px 0 0}
.v19-meter-facts div{padding:8px 6px;border-radius:12px;background:#f5f7fb;text-align:center;min-width:0}
.v19-meter-facts dt{font-size:11.5px;color:var(--v19-muted);line-height:1.15}
.v19-meter-facts dd{margin:3px 0 0;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.v19-meter-facts .is-issue{background:var(--v19-issue-soft)}
.v19-meter-facts .is-issue dd,.v19-meter-facts .is-issue dt{color:var(--v19-issue)}
.v19-meter-note,.v19-finalized{margin:10px 0 0;font-size:13px;line-height:1.45;color:var(--v19-muted)}
.v19-finalized{padding:10px 12px;border-radius:12px;background:var(--v19-ok-soft);color:var(--v19-ok);font-weight:650}
.v19-daily-tools{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0}
.v19-daily-group{margin-top:22px}
.v19-daily-group h3 span{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;margin-left:4px;border-radius:999px;background:#eef2f8;font-size:13px;color:var(--v19-muted);vertical-align:2px}
.v19-daily-list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.v19-daily-card{padding:14px;border-radius:18px;border:1.5px solid var(--v19-line);background:#fff;display:grid;gap:10px;align-content:start}
.v19-daily-card--standby{border-color:var(--v19-wait-line);background:var(--v19-hatch-soft),#fffdf7}
.v19-daily-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.v19-daily-name{display:block;font-size:16.5px;font-weight:800;line-height:1.2}
.v19-daily-pos{color:var(--v19-wait)}
.v19-daily-shift{display:block;margin-top:2px;font-size:14px;color:var(--v19-muted);font-variant-numeric:tabular-nums}
.v19-daily-car{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;font-size:14px;color:var(--v19-muted)}
.v19-daily-nocar{margin:0;font-size:14px;color:var(--v19-wait);font-weight:650}
.v19-daily-nocar--issue{color:var(--v19-issue)}
.v19-daily-flag{margin:0;padding:8px 10px;border-radius:10px;background:var(--v19-issue-soft);color:var(--v19-issue);font-size:13px;font-weight:650;line-height:1.4}
.v19-steps{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.v19-steps li{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#f1f4f9;color:#7a879c;font-size:12px;font-weight:650}
.v19-steps li::before{content:"";width:9px;height:9px;border-radius:50%;border:1.5px solid currentColor}
.v19-steps li.is-done{background:var(--v19-ok-soft);color:var(--v19-ok)}
.v19-steps li.is-done::before{background:currentColor}
.v19-daily-actions{display:flex;gap:8px;flex-wrap:wrap}
.v19-daily-actions .btn{flex:1 1 auto;min-height:42px;text-align:center;text-decoration:none;display:inline-grid;place-items:center}

/* javaslat-ablak */
.v19-dialog-h{margin:14px 0 8px;font-size:15px}
.v19-picks{display:grid;gap:8px}
.v19-pick{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:14px;border:1.5px solid var(--v19-line);background:#fff;font:inherit;color:inherit;text-align:left;cursor:pointer}
.v19-pick span:not(.v19-plate):not(.v19-plate-band):not(.v19-plate-text){flex:1 1 auto;min-width:0;font-size:14px;color:var(--v19-muted)}
.v19-pick em{flex:0 0 auto;font-style:normal;font-weight:750;font-size:13px;color:var(--v19-brand);white-space:nowrap}
.v19-pick:hover{border-color:var(--v19-brand)}
.v19-pick:focus-visible{outline:3px solid #7fb2ff;outline-offset:1px}
.v19-bump{margin-top:10px;padding:12px 14px;border-radius:14px;background:var(--v19-hatch-soft),var(--v19-wait-soft);border:1px solid var(--v19-wait-line);color:#3d2500}
.v19-bump p{margin:0 0 10px;font-size:14px;line-height:1.45}
.v19-bump .v19-bump-car{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-weight:650}
.v19-bump .btn{width:100%}
.v19-dialog-more{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:12px;border-top:1px solid var(--v19-line)}

/* havi keretcsík */
.v19-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(58px,1fr);gap:5px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
.v19-strip-day{display:grid;gap:2px;justify-items:center;align-content:start;padding:7px 4px;border-radius:12px;border:1.5px solid var(--v19-line);background:#fff;font:inherit;color:var(--v19-ink);cursor:pointer;scroll-snap-align:start;min-height:74px}
.v19-strip--two{grid-auto-columns:minmax(92px,1fr)}
.v19-strip-day b{font-size:14px}
.v19-strip-day small{font-size:10.5px;color:#8793a8}
.v19-strip-day.is-empty{cursor:default;background:#f5f7fb;border-color:transparent;color:#a2adbf}
.v19-strip-day.is-past{opacity:.6}
.v19-strip-day.is-today{box-shadow:0 0 0 2.5px var(--v19-brand)}
.v19-strip-day:focus-visible{outline:3px solid #7fb2ff;outline-offset:1px}
.v19-strip-wh{display:inline-flex;align-items:baseline;gap:3px;font-size:12px;font-weight:750;font-variant-numeric:tabular-nums;padding:1px 5px;border-radius:7px}
.v19-strip-wh i{font-style:normal;font-size:9.5px;color:#8793a8;font-weight:650}
.v19-strip-wh em{font-style:normal;color:var(--v19-wait)}
.v19-strip-wh.is-full{background:var(--v19-ok-soft);color:var(--v19-ok)}
.v19-strip-wh.is-over{background:var(--v19-hatch),var(--v19-wait-soft);color:#3d2500}

/* napi beosztás (havi nézet) kiegészítései */
.month-standby{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:var(--v19-hatch),var(--v19-wait-soft);color:var(--v19-wait);font-weight:750;font-size:11.5px;border:1px solid var(--v19-wait-line)}
.month-no-car--standby{color:var(--v19-wait)}
.month-keret{display:block;margin:4px 0 0 auto;padding:3px 9px;border-radius:999px;border:1px solid var(--v19-line);background:#fff;color:var(--v19-muted);font:inherit;font-size:12px;font-weight:650;cursor:pointer;font-variant-numeric:tabular-nums}
.month-keret.is-over{border-color:var(--v19-wait-line);background:var(--v19-hatch),var(--v19-wait-soft);color:#3d2500}
.month-keret:focus-visible{outline:3px solid #7fb2ff;outline-offset:1px}

/* ---- értesítések: lap és csengő ------------------------------------------------------ */
.v19-bell{position:relative;display:inline-flex;align-items:center;gap:6px}
.v19-sheet-backdrop{position:fixed;inset:0;z-index:130;background:rgba(6,16,38,.5)}
.v19-sheet{position:fixed;z-index:131;top:0;right:0;bottom:0;width:min(440px,100%);display:flex;flex-direction:column;background:#f6f8fc;box-shadow:-18px 0 50px rgba(6,16,38,.28)}
.v19-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(14px + var(--safe-top,0px)) 16px 12px;background:#fff;border-bottom:1px solid var(--v19-line)}
.v19-sheet-head h2{margin:0;font-size:19px;font-weight:800}
.v19-sheet-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 14px calc(18px + var(--safe-bottom,0px))}
.v19-push{padding:14px;border-radius:16px;background:#fff;border:1.5px solid var(--v19-line)}
.v19-push.is-on{border-color:#a9dcc3;background:var(--v19-ok-soft)}
.v19-push strong{font-size:15.5px}
.v19-push p{margin:5px 0 0;font-size:13.5px;line-height:1.45;color:var(--v19-muted)}
.v19-push.is-on p{color:#17573c}
.v19-push .v19-push-error{color:var(--v19-issue);font-weight:650}
.v19-push-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.v19-notes{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.v19-note{position:relative;padding:12px 14px 12px 18px;border-radius:14px;background:#fff;border:1px solid var(--v19-line)}
.v19-note::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:#9fb0cc}
.v19-note--ok::before{background:var(--v19-ok)}
.v19-note--warn::before{background:var(--v19-hatch),var(--v19-wait-line)}
.v19-note.is-unread{border-color:#9db9ea;box-shadow:0 0 0 2px rgba(11,71,168,.08)}
.v19-note-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.v19-note-top strong{font-size:15px;font-weight:750}
.v19-note-top time{flex:0 0 auto;font-size:12px;color:#8793a8}
.v19-note p{margin:4px 0 0;font-size:14px;line-height:1.45;color:#33405a}

/* ---- alsó navigáció telefonon ---------------------------------------------------------- */
/* A sáv a fejléc (70) és minden felugró ablak (95+) alatt marad, így azok takarják. */
.v19-nav{position:fixed;z-index:60;left:0;right:0;bottom:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:6px 6px calc(6px + var(--safe-bottom,0px));background:#fff;border-top:1px solid var(--v19-line);box-shadow:0 -8px 24px rgba(10,31,68,.08)}
.v19-nav-btn{position:relative;display:grid;justify-items:center;gap:3px;min-height:50px;padding:5px 2px 3px;border:0;border-radius:12px;background:transparent;color:#66738b;font:inherit;font-size:11.5px;font-weight:650;cursor:pointer;-webkit-tap-highlight-color:transparent}
.v19-nav-glyph svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.v19-nav-btn.is-active{color:var(--v19-brand);background:#edf3ff}
.v19-nav-btn:focus-visible{outline:3px solid #7fb2ff;outline-offset:-2px}
.v19-nav-btn .v19-badge{position:absolute;top:2px;left:calc(50% + 6px)}
body.v19-has-nav .shell{padding-bottom:calc(var(--v19-nav-h) + 26px + var(--safe-bottom,0px))}
body.v19-has-nav .toast{bottom:calc(var(--v19-nav-h) + 18px + var(--safe-bottom,0px))}
body.v19-sheet-open{overflow:hidden}
body.menu-open .v19-nav{display:none}
/* Gépelés közben az alsó sáv nem takarhat: a billentyűzet fölé ugrana, és elfedné a mezőt. */
body.keyboard-open .v19-nav{display:none}
body.keyboard-open.v19-has-nav .shell{padding-bottom:calc(150px + var(--safe-bottom,0px))}
body.keyboard-open.v19-has-nav .toast{bottom:12px}

/* ---- visszaigazolás előlépéskor: a futár legfontosabb teendője, ezért a kezdőlap tetején áll ---- */
.v19-confirm{display:grid;gap:12px;margin:0 0 14px;padding:16px 18px;border-radius:22px;background:#fff;border:2px solid var(--v19-ok);box-shadow:0 14px 32px rgba(10,122,75,.16)}
.v19-confirm-copy strong{display:block;font-size:19px;font-weight:800;color:var(--v19-ink);line-height:1.2}
.v19-confirm-copy p,.v19-confirm--inline p{margin:6px 0 0;font-size:14.5px;line-height:1.45;color:#33405a}
.v19-confirm-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:8px}
.v19-confirm-actions .btn{min-height:46px;white-space:normal}
.v19-confirm--inline{margin:10px 0 0;padding:12px 14px;border-width:1px;border-radius:14px;box-shadow:none}
.v19-confirm--inline p{margin:0}
.v19-confirm-done{margin:10px 0 0;padding:8px 12px;border-radius:10px;background:var(--v19-ok-soft);color:var(--v19-ok);font-size:14px;font-weight:650}
.v19-note-action{margin-top:10px}
.v19-note-action .v19-confirm-actions{max-width:340px}

/* ---- holnapi szabad hely a kezdőlapon ---- */
.v19-freecard{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:14px 16px;border-radius:18px;background:var(--v19-ok-soft);border:1px solid #b7e2cd}
.v19-freecard strong{display:block;font-size:16px;font-weight:800;color:#075e3a}
.v19-freecard p{margin:3px 0 0;font-size:13.5px;line-height:1.4;color:#2c5a45}

/* ---- értesítés-beállítás ---- */
.v19-prefs{margin-top:10px}
.v19-pref{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:#f5f7fb;border:1px solid var(--v19-line);cursor:pointer}
.v19-pref input{width:22px;height:22px;margin:1px 0 0;flex:0 0 auto;accent-color:var(--v19-brand)}
.v19-pref strong{display:block;font-size:14.5px}
.v19-pref small{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--v19-muted)}

/* ---- koordinátor ---- */
.v19-coord{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin:12px 0 0;padding:10px 12px;border-radius:14px;background:#f5f7fb;border:1px solid var(--v19-line);font-size:14.5px}
.v19-coord-label{color:var(--v19-muted);font-size:13px;font-weight:650}
.v19-coord strong{font-weight:750;min-width:0;overflow-wrap:anywhere}
.v19-coord-actions{display:flex;gap:6px;margin-left:auto}
.v19-coord-person{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;margin-bottom:8px}
.v19-coord-week{display:grid;grid-template-columns:auto 1fr 1fr;gap:6px 8px;align-items:center;font-size:14px}
.v19-coord-week b{font-size:13px;color:var(--v19-muted);text-align:center}
.v19-coord-week .select{min-width:0;width:100%}

/* ---- napi leosztás: visszaigazolás állapota ---- */
.v19-daily-confirm{margin:0;padding:8px 10px;border-radius:10px;background:var(--v19-hatch-soft),var(--v19-wait-soft);border:1px solid var(--v19-wait-line);color:#5a4200;font-size:13px;font-weight:650;line-height:1.4}
.v19-daily-confirm.is-ok{background:var(--v19-ok-soft);border-color:#b7e2cd;color:var(--v19-ok)}
.v19-late{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;font-size:13px;color:#5a4200}

/* ---- megbízhatóság ---- */
.v19-reliability .v19-seg{max-width:360px;margin-top:6px}
.v19-table-wrap{margin-top:14px;overflow-x:auto;border:1px solid var(--v19-line);border-radius:14px}
.v19-table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.v19-table th,.v19-table td{padding:10px 12px;text-align:right;border-bottom:1px solid var(--v19-line);white-space:nowrap}
.v19-table thead th{font-size:12px;font-weight:700;color:var(--v19-muted);background:#f5f7fb;white-space:normal;vertical-align:bottom;line-height:1.25}
.v19-table th[scope="row"],.v19-table thead th:first-child{text-align:left}
.v19-table th[scope="row"]{font-weight:750;white-space:normal}
.v19-table th[scope="row"] small{display:block;font-weight:600;color:var(--v19-muted);font-size:12px}
.v19-table tbody tr:last-child th,.v19-table tbody tr:last-child td{border-bottom:0}
.v19-table td.is-zero{color:#b3bccb}
.v19-table td.is-bad{color:var(--v19-issue);font-weight:800}
.v19-plain-list{margin:0;padding:0;list-style:none;display:grid;gap:2px;max-height:38vh;overflow:auto;border:1px solid var(--v19-line);border-radius:12px}
.v19-plain-list li{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;font-size:14px;border-bottom:1px solid var(--v19-line)}
.v19-plain-list li:last-child{border-bottom:0}
.v19-plain-list small{color:var(--v19-muted);white-space:nowrap}
.v19-foot-actions{display:flex;justify-content:flex-end;margin-top:18px;padding-top:12px;border-top:1px solid var(--v19-line)}

/* Asztali futármenü: a feliratok ne csonkuljanak ("Munkan…") */
@media (min-width:761px){
  .public-mode-tabs{grid-template-columns:repeat(auto-fit,minmax(128px,1fr)) !important;max-width:1280px !important}
  .public-tab-label{overflow:visible;text-overflow:clip;white-space:nowrap}
}
.v19-meter-over{margin:10px 0 0;padding:10px 12px;border-radius:12px;border:1px solid var(--v19-wait-line);background:var(--v19-hatch-soft),#fff8e6;font-size:14px;line-height:1.45;color:#5a4200}

@media (max-width:700px){
  .v19-table-wrap{border:0;overflow:visible}
  .v19-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .v19-table,.v19-table tbody,.v19-table tr{display:block}
  .v19-table tr{display:grid;grid-template-columns:1fr;margin-bottom:10px;padding:10px 14px;border:1px solid var(--v19-line);border-radius:14px}
  .v19-table th[scope="row"]{grid-column:1/-1;padding:0 0 8px;border-bottom:1px solid var(--v19-line);font-size:15.5px}
  .v19-table td{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:0;white-space:normal;text-align:right}
  .v19-table td::before{content:attr(data-label);color:var(--v19-muted);font-weight:600;text-align:left}
  .v19-table td.is-zero{display:none}
  .v19-sheet{top:auto;left:0;width:100%;max-height:88dvh;border-radius:22px 22px 0 0;box-shadow:0 -18px 50px rgba(6,16,38,.3)}
  .v19-sheet-head{padding-top:14px;border-radius:22px 22px 0 0}
  .v19-today{padding:18px 16px 0;border-radius:22px}
  .v19-next{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
  .v19-facts{gap:6px 20px}
  .v19-facts .v19-facts-time{font-size:46px}
  .v19-plate-text{font-size:30px}
  .v19-meter-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v19-daily-tools .btn{flex:1 1 100%}
  .v19-daily-list{grid-template-columns:1fr}
  .v19-calendar{padding-left:10px;padding-right:10px}
}
@media (max-width:360px){
  .v19-day{min-height:62px}
  .v19-day-main{font-size:13.5px}
  .v19-day--free .v19-day-main{font-size:18px}
  .v19-day-sub{font-size:9.5px}
  .v19-facts .v19-facts-time{font-size:40px}
}
@media (prefers-reduced-motion:no-preference){
  .v19-sheet.is-entering{animation:v19-sheet-in .22s ease-out}
  @keyframes v19-sheet-in{from{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}
}

/* ---- V20: partner autók -------------------------------------------------------- */
/* A kölcsönt két irányjelző különbözteti meg: a kifelé menő autó szaggatott, a befelé jövő tömör bal szegélyt kap. */
.v20-partner .v19-seg{max-width:420px;margin-top:16px}
.v20-status{display:grid;gap:4px;margin:4px 0 0;padding:14px 16px;border-radius:16px;background:var(--v19-ok-soft);color:var(--v19-ok)}
.v20-status div{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.v20-status strong{font-size:16.5px}
.v20-status span{font-size:13px;opacity:.85;word-break:break-all}
.v20-status p{margin:0;font-size:13.5px;line-height:1.45;color:var(--v19-ink)}
.v20-status.is-error{background:var(--v19-issue-soft);color:var(--v19-issue)}
.v20-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.v20-tools .btn{min-height:40px}
.v20-link h3{margin:6px 0 0;font-size:17px}
.v20-steps{margin:12px 0 0;padding:0 0 0 22px;display:grid;gap:6px;font-size:14.5px;line-height:1.45}
.v20-pending{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:var(--v19-wait-soft);color:var(--v19-wait);font-size:13.5px;font-weight:650;line-height:1.4}
.v20-days{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.v20-day{padding:12px 14px;border-radius:16px;border:1.5px solid var(--v19-line);background:#fff;display:grid;gap:10px}
.v20-day.has-loans{border-color:#b9c9e6;background:#f8faff}
.v20-day-top{display:grid;grid-template-columns:minmax(92px,auto) 1fr auto;align-items:center;gap:12px}
.v20-day-date strong{display:block;font-size:15.5px;line-height:1.2}
.v20-day-date span{display:block;font-size:12.5px;color:var(--v19-muted)}
.v20-day-own{min-width:0;font-size:13px;color:var(--v19-muted)}
.v20-day-own b{margin-right:6px;font-size:16px;color:var(--v19-ink);font-variant-numeric:tabular-nums}
.v20-day.is-empty{padding-top:8px;padding-bottom:8px;border-style:dashed;background:transparent}
.v20-day.is-empty .v20-day-date strong{font-weight:650}
.v20-facts{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.v20-fact{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:10px;background:#eef2f8;font-size:13px;color:var(--v19-muted);border-left:3px solid transparent}
.v20-fact b{color:var(--v19-ink);font-variant-numeric:tabular-nums}
.v20-fact--out{border-left:3px dashed var(--v19-wait-line);background:var(--v19-wait-soft);color:var(--v19-wait)}
.v20-fact--in{border-left:3px solid var(--v19-ok);background:var(--v19-ok-soft);color:var(--v19-ok)}
.v20-cars h4{margin:0 0 6px;font-size:12.5px;font-weight:700;color:var(--v19-muted)}
.v20-cars ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.v20-cars li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.v20-car-name{flex:1 1 120px;min-width:0;font-size:13.5px;color:var(--v19-muted)}
.v20-nolend{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:2px 12px;max-height:34vh;overflow:auto;padding:8px 10px;border:1px solid var(--v19-line);border-radius:12px}
.v20-nolend small{color:var(--v19-muted)}
.v20-code{width:100%;min-height:112px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.4;word-break:break-all;resize:vertical}
.v20-guest{margin:10px 0 0;padding:10px 12px;border-radius:12px;border-left:3px solid var(--v19-ok);background:rgba(255,255,255,.12);font-size:14px;line-height:1.45}
.v19-modal-day .v20-guest{background:var(--v19-ok-soft);color:var(--v19-ink)}
.v20-meter-offer{color:var(--v19-brand);font-weight:650}
@media (max-width:640px){
  .v20-day-top{grid-template-columns:1fr auto;row-gap:6px}
  .v20-day-own{grid-column:1/-1;order:3}
  .v20-cars li .btn{flex:1 1 100%;min-height:42px}
  .v20-nolend{grid-template-columns:1fr}
}

/* ---- V21: Autók oldal, alkalmi autók, havi autókiosztás -------------------------- */
/* Az autó állapotát a kártya bal szegélye is hordozza: tömör = használható, szaggatott = most nem, pontozott = alkalmi. */
.v21-summary{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:var(--v19-muted)}
.v21-summary strong{font-size:20px;color:var(--v19-ink);font-variant-numeric:tabular-nums}
.v21-tabs{margin-top:14px;grid-auto-columns:minmax(0,1fr);overflow-x:auto}
.v21-tabs .v19-seg-btn{white-space:nowrap;padding-left:12px;padding-right:12px}
.v21-filter{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:12px;margin-top:14px;align-items:end}
.v21-filter .op-field{min-width:0}
.v21-cars{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.v21-car{display:grid;gap:10px;align-content:start;padding:14px;border-radius:18px;border:1.5px solid var(--v19-line);border-left:5px solid var(--v19-ok);background:#fff;min-width:0}
.v21-car[hidden]{display:none}
.v21-car--out,.v21-car--hidden{border-left:5px dashed var(--v19-wait-line);background:var(--v19-hatch-soft),#fffdf7}
.v21-car--temp{border-left:5px dotted #7c5cd6}
.v21-car--archived,.v21-car--guest{border-left:5px solid #b7c2d6;background:#f8fafd}
.v21-car-top{display:flex;align-items:center;gap:12px;min-width:0}
.v21-car-name{display:grid;gap:5px;min-width:0}
.v21-car-name strong{font-size:16px;line-height:1.2;overflow-wrap:anywhere}
.v21-car-name span{display:flex;flex-wrap:wrap;gap:5px}
.v21-car-lines{display:grid;gap:4px}
.v21-car-lines p{margin:0;font-size:13.5px;line-height:1.45;color:var(--v19-muted);overflow-wrap:anywhere}
.v21-car-lines strong{color:var(--v19-ink)}
.v21-warn{color:var(--v19-issue);font-weight:700}
.v21-car-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.v21-car-actions>.btn{min-height:40px}
.v21-more{flex:1 1 100%}
.v21-more summary{display:inline-flex;align-items:center;min-height:36px;padding:0 4px;font-size:13.5px;font-weight:700;color:var(--v19-brand);cursor:pointer;list-style:none}
.v21-more summary::-webkit-details-marker{display:none}
.v21-more summary::after{content:"▾";margin-left:6px;font-size:12px}
.v21-more[open] summary::after{content:"▴"}
.v21-more>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.v21-old{margin-top:16px}
.v21-old>summary{cursor:pointer;font-weight:700;color:var(--v19-muted);padding:6px 0}
.v21-sub{margin-top:22px}
.v21-sub h3{margin:0 0 4px;font-size:16px}
.v21-link-row{margin:0 0 12px}
.v21-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v21-two .op-field{min-width:0}
.v21-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:10px 0 0}
.v21-day{position:relative;display:block;cursor:pointer}
.v21-day input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.v21-day span{display:grid;justify-items:center;gap:1px;padding:7px 2px;border-radius:11px;border:1.5px dashed var(--v19-wait-line);background:var(--v19-hatch-soft),#fffdf7;color:var(--v19-wait);font-variant-numeric:tabular-nums}
.v21-day b{font-size:15px;line-height:1.1;text-decoration:line-through}
.v21-day small{font-size:10.5px;font-weight:650}
.v21-day input:checked+span{border:1.5px solid #b7e2cd;background:var(--v19-ok-soft);color:var(--v19-ok)}
.v21-day input:checked+span b{text-decoration:none}
.v21-day input:focus-visible+span{outline:3px solid #7fb2ff;outline-offset:1px}
.v21-notice{display:grid;gap:10px;justify-items:start;margin:14px 0 0;padding:12px 14px;border-radius:14px;border:1px solid var(--v19-wait-line);background:var(--v19-hatch-soft),#fff8e6;color:#5a4200}
.v21-notice p{margin:0;font-size:14px;line-height:1.5}
.v21-planbox{margin-top:12px}
.v21-planbox .row-actions{margin-top:10px}
.v21-alloc-tools{margin-top:14px}
.v21-plan{margin-top:14px}
.v21-cell-issue .btn{border-color:var(--v19-issue);color:var(--v19-issue)}
.v21-cell-issue small,.op-grid-cell small{display:block}
.v21-templist{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.v21-templist li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border-radius:14px;border:1.5px solid var(--v19-line);border-left:5px dotted #7c5cd6;background:#fff}
.v21-templist li>span:not(.v19-plate){flex:1 1 200px;min-width:0;font-size:14px}
.v21-templist small{display:block;color:var(--v19-muted);font-size:13px}
@media (max-width:700px){
  .v21-cars{grid-template-columns:1fr}
  .v21-filter{grid-template-columns:1fr}
  .v21-car-actions>.btn{flex:1 1 calc(50% - 8px)}
  .v21-more>div .btn{flex:1 1 100%;min-height:42px}
  .v21-tabs{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}
  .v21-days{gap:4px}
  .v21-templist li .btn{flex:1 1 100%;min-height:42px}
}
@media (max-width:420px){
  .v21-two{grid-template-columns:1fr}
}