.okit-reservation{--okit-brand:#17683d;--okit-dark:#103d27;--okit-line:#cfddd4;--okit-error:#9d2424;max-width:720px;border:1px solid var(--okit-line);border-radius:14px;background:#fff;color:#17231d;padding:clamp(18px,4vw,32px);box-shadow:0 10px 30px rgba(18,61,39,.09);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}.okit-reservation *{box-sizing:border-box}.okit-reservation h2{font-size:1.45rem;margin:0 0 .5rem}.okit-reservation p{margin:.5rem 0 1rem}.okit-reservation button{min-height:48px;border:0;border-radius:8px;padding:.7rem 1.1rem;background:var(--okit-brand);color:#fff;font:inherit;font-weight:750;cursor:pointer}.okit-reservation button:hover{background:var(--okit-dark)}.okit-reservation button.okit-secondary{background:#e8efeb;color:#17231d}.okit-reservation button.okit-danger{background:var(--okit-error)}.okit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.okit-field{margin-bottom:14px}.okit-field.okit-full{grid-column:1/-1}.okit-field label{display:block;font-weight:700;margin-bottom:5px}.okit-field input{width:100%;min-height:48px;border:1px solid #9eafa5;border-radius:8px;padding:.7rem;font:inherit}.okit-field input:focus{outline:3px solid rgba(23,104,61,.18);border-color:var(--okit-brand)}.okit-check{display:flex;gap:.6rem;align-items:flex-start}.okit-check input{width:20px;height:20px;margin-top:.2rem}.okit-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.okit-error{border-color:#d69b9b;background:#fff4f4;color:#791919}.okit-message{padding:.8rem 1rem;border-radius:8px;margin:10px 0;background:#edf6f0}.okit-message.error{background:#fff0f0;color:#851d1d}.okit-availability-status{margin:14px 0;padding:14px 16px;border:1px solid;border-radius:10px}.okit-status-badge{display:inline-block;padding:.28rem .65rem;border-radius:999px;font-size:.92rem}.okit-status-message{margin:.7rem 0 0!important;font-weight:700}.okit-state-available .okit-availability-status{background:#eaf8ef;border-color:#8cc69e}.okit-state-available .okit-status-badge{background:#17683d;color:#fff}.okit-state-held .okit-availability-status{background:#fff7df;border-color:#d8b861}.okit-state-held .okit-status-badge{background:#8a5a00;color:#fff}.okit-state-reserved .okit-availability-status{background:#edf3fb;border-color:#8aa9d0}.okit-state-reserved .okit-status-badge{background:#245493;color:#fff}.okit-state-gifted .okit-availability-status{background:#f1f1f1;border-color:#aaa}.okit-state-gifted .okit-status-badge{background:#4b4b4b;color:#fff}.okit-reservation-disabled{font-weight:750;color:#5d2d2d}.okit-timer{font-variant-numeric:tabular-nums;font-weight:800;color:#8a5600}.okit-summary{background:#f2f7f4;border-radius:10px;padding:16px;margin:16px 0}.okit-summary dl{display:grid;grid-template-columns:minmax(130px,1fr) 2fr;gap:6px 12px;margin:0}.okit-summary dt{font-weight:750}.okit-summary dd{margin:0}.okit-loading{color:#53645a}@media(max-width:580px){.okit-form-grid{grid-template-columns:1fr}.okit-field.okit-full{grid-column:auto}.okit-actions{display:grid}.okit-actions button{width:100%}.okit-summary dl{grid-template-columns:1fr}.okit-summary dd{margin-bottom:8px}}