.lane-map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px;margin:16px 0}.lane-tile{min-height:130px;min-width:64px;border:2px solid;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:10px 5px;cursor:pointer;font:inherit}.lane-tile span:last-child{font-size:12px}.lane-free{background:#ecfdf5;border-color:#15803d;color:#14532d}.lane-occupied{background:#fee2e2;border-color:#b91c1c;color:#7f1d1d}.lane-closed{background:#e5e7eb;border-color:#6b7280;color:#374151}.lane-tile:disabled{opacity:1;cursor:not-allowed}.lane-selected{background:#dbeafe;border:3px solid #1d4ed8;color:#1e3a8a;box-shadow:0 0 0 2px #fff inset}.lane-target{font-size:26px;line-height:1.5;border-bottom:2px solid currentColor;width:70%;text-align:center}.lane-edit{display:flex!important;flex-direction:column;gap:8px;padding:10px!important;min-height:100px;background:#ecfdf5;border:2px solid #15803d!important;border-radius:8px}.lane-edit:has(input:checked){background:#e5e7eb;border-color:#6b7280!important}.lane-edit::after{content:'Käytössä';font-size:12px}.lane-edit:has(input:checked)::after{content:'Ei käytössä'}.rh-available-slot{min-height:0;overflow:hidden}.rh-available-slot:focus-visible,.lane-tile:focus-visible{outline:3px solid #111;outline-offset:3px}
@media(max-width:700px){.rh-booking-panel:has(#lane-map){max-height:90dvh!important}.lane-target{font-size:24px}.lane-tile{min-height:120px}}