.simple-seat-picker { --tile-bg:#f7faff; --tile-circle:#fff; --tile-chosen:#eaf2ff; --tile-taken:#f1f3f6; --tile-taken-circle:#dce2e9; }
html[data-theme=dark] .simple-seat-picker { --tile-bg:#1c2b42; --tile-circle:#182338; --tile-chosen:#203d66; --tile-taken:#152035; --tile-taken-circle:#354157; }
.simple-seat-subtitle,.simple-examples-note { color:var(--muted); font-size:12px; line-height:1.5; }
.simple-seat-grid { display:grid; grid-template-columns:repeat(2,96px); gap:14px 32px; justify-content:center; margin:25px 0 24px; }
.simple-seat-picker .simple-seat-grid .booking-seat,.simple-seat-picker .simple-driver { position:relative; width:96px; min-width:96px; height:96px; min-height:96px; padding:9px 3px; border:1.5px solid var(--line); border-radius:16px; background:var(--tile-bg); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; color:var(--muted); }
.simple-seat-picker .simple-seat-grid .booking-seat strong { font-size:18px; line-height:1; }
.simple-seat-circle { position:relative; width:43px; height:43px; flex:none; display:flex; align-items:center; justify-content:center; border:1.5px solid var(--blue); border-radius:50%; background:var(--tile-circle); color:var(--blue); }
.simple-driver .simple-seat-circle { border-color:var(--muted); color:var(--muted); }.simple-driver svg { width:26px; height:26px; }
.simple-seat-picker .simple-driver>span:last-child,.simple-seat-picker .booking-seat [data-seat-caption] { font-size:10px; font-weight:600; line-height:1.2; }
.simple-seat-picker .booking-seat small { font-size:9px; line-height:1; white-space:nowrap; }
.simple-seat-picker .simple-seat-grid .booking-seat.is-selected { border:2px solid var(--blue); background:var(--tile-chosen); box-shadow:none; color:var(--blue); }
.simple-seat-picker .booking-seat.is-selected .simple-seat-circle { background:var(--blue); color:white; }.simple-seat-picker [data-seat-owner] { position:absolute; right:-5px; bottom:-3px; width:17px; height:17px; border-radius:50%; background:white; color:#005bff; font-size:11px; font-weight:800; line-height:17px; }
.simple-seat-picker .simple-seat-grid .booking-seat.paid,.simple-seat-picker .simple-seat-grid .booking-seat.held,.simple-seat-picker .simple-seat-grid .booking-seat.review,.simple-seat-picker .simple-seat-grid .booking-seat.closed { background:var(--tile-taken); border-color:var(--line); color:var(--muted); }.simple-seat-picker .booking-seat:not(.free):not(.is-selected) .simple-seat-circle { background:var(--tile-taken-circle); border-color:transparent; color:var(--muted); }
.simple-seat-legend { display:flex; justify-content:center; flex-wrap:wrap; gap:14px; color:var(--muted); font-size:10px; }.simple-seat-legend span { display:flex; align-items:center; gap:5px; }.simple-seat-legend i { width:9px; height:9px; border-radius:50%; }.simple-seat-legend .free { border:1px solid var(--blue); }.simple-seat-legend .selected { background:var(--blue); }.simple-seat-legend .taken { background:var(--tile-taken-circle); }
.simple-vehicle-examples { margin:24px 0; }.simple-vehicle-examples h2 { font-size:18px; }.simple-photo-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.simple-photo { display:block; padding:0; min-width:0; overflow:hidden; text-align:left; border:1px solid var(--line); border-radius:16px; background:var(--surface); color:var(--text); cursor:pointer; }.simple-photo img { display:block; width:100%; aspect-ratio:1.4; object-fit:cover; }.simple-photo span { display:block; padding:10px; font-size:11px; font-weight:700; }.simple-photo-credits { color:var(--muted); font-size:11px; margin-top:12px; }.simple-photo-credits a { color:inherit; }.simple-photo:focus-visible,.simple-photo-dialog button:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
.simple-photo-dialog { max-width:min(92vw,780px); max-height:90vh; padding:16px; border:1px solid var(--line); border-radius:20px; background:var(--surface); color:var(--text); }.simple-photo-dialog::backdrop { background:#050c1dd9; }.simple-photo-dialog img { display:block; width:100%; max-height:70vh; object-fit:contain; }.simple-photo-dialog button { display:block; margin:0 0 10px auto; width:44px; height:44px; border:1px solid var(--line); border-radius:50%; background:var(--surface); color:inherit; font-size:25px; cursor:pointer; }
.simple-seat-change .booking-seat { cursor:pointer; }.simple-seat-change .booking-seat input[type=radio] { position:absolute; width:1px; height:1px; opacity:0; }.simple-seat-change .booking-seat:focus-within { outline:3px solid var(--blue); outline-offset:3px; }
@media(max-width:350px){.simple-seat-grid{gap:14px 20px}.simple-photo span{font-size:10px}}