.ws-event-reservations{--res-accent:var(--ws-blue,#08796d);--res-surface:var(--ws-surface,#fff);--res-soft:var(--ws-surface-soft,#eef8f5);--res-text:var(--ws-text,#153c37);--res-muted:var(--ws-muted,#526f6a);--res-line:var(--ws-line,#b9d3cd);display:grid;overflow:hidden;border:1px solid color-mix(in srgb,var(--res-accent) 32%,var(--res-line));border-radius:18px;background:var(--res-surface);box-shadow:0 10px 28px color-mix(in srgb,var(--res-accent) 9%,transparent);color:var(--res-text)}.ws-event-reservations-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--res-accent) 12%,var(--res-soft)),var(--res-surface))}.ws-event-reservations-head>span{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:var(--res-accent);color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--res-accent) 24%,transparent)}.ws-event-reservations-head>div:nth-child(2){display:grid;gap:4px}.ws-event-reservations-head strong{font-size:.9rem}.ws-event-reservations-head small{color:var(--res-muted);font-size:.73rem;line-height:1.7}.ws-event-reservations-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.ws-event-reservations-actions button,.ws-event-reservations-filter button,.ws-event-reservations-pagination button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--res-accent) 48%,var(--res-line));border-radius:11px;background:var(--res-surface);color:var(--res-accent);font:inherit;font-size:.74rem;font-weight:900;cursor:pointer}.ws-event-reservations-actions button:first-child{background:var(--res-accent);color:#fff}.ws-event-reservations-actions button:last-child svg{transition:transform .2s ease}.ws-event-reservations[data-open=true] .ws-event-reservations-actions button:last-child svg{transform:rotate(90deg)}.ws-event-reservations button:disabled{cursor:not-allowed;opacity:.55}.ws-event-reservations-error{padding:10px 14px;border-top:1px solid #e6b4ad;background:#fff2f0;color:#8a291e;font-size:.76rem;font-weight:800}.ws-event-reservations-body{display:grid;gap:12px;padding:14px;border-top:1px solid var(--res-line)}.ws-event-reservations-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ws-event-reservations-summary>div{display:grid;justify-items:center;gap:2px;padding:10px;border:1px solid var(--res-line);border-radius:12px;background:var(--res-soft);text-align:center}.ws-event-reservations-summary b{color:var(--res-accent);font-size:1.05rem}.ws-event-reservations-summary span{color:var(--res-muted);font-size:.68rem}.ws-event-reservations-filter{display:grid;grid-template-columns:minmax(220px,1fr) 150px 150px auto;gap:8px}.ws-event-reservations-filter label{display:flex;align-items:center;gap:8px;min-height:43px;padding:0 11px;border:1px solid var(--res-line);border-radius:11px;background:var(--res-surface);color:var(--res-accent)}.ws-event-reservations-filter input{width:100%;min-width:0;border:0!important;box-shadow:none!important;outline:0;background:transparent!important;color:var(--res-text)!important;font:inherit}.ws-event-reservations-filter select{min-height:43px;padding:7px 10px;border:1px solid var(--res-line);border-radius:11px;outline:0;background:var(--res-surface);color:var(--res-text);font:inherit;font-size:.75rem}.ws-event-reservations-filter button{border-color:var(--res-accent);background:var(--res-accent);color:#fff}.ws-event-reservations-table{display:grid;overflow:hidden;border:1px solid var(--res-line);border-radius:13px}.ws-event-reservations-table-head,.ws-event-reservations-row{display:grid;grid-template-columns:minmax(180px,1.35fr) minmax(130px,.8fr) 105px 100px minmax(135px,.8fr);align-items:center;gap:9px;padding:10px 12px}.ws-event-reservations-table-head{background:color-mix(in srgb,var(--res-accent) 12%,var(--res-soft));color:var(--res-text);font-size:.7rem;font-weight:900}.ws-event-reservations-row{border-top:1px solid var(--res-line);background:var(--res-surface);font-size:.75rem}.ws-event-reservations-row:hover{background:color-mix(in srgb,var(--res-accent) 5%,var(--res-surface))}.ws-event-reservations-row .is-name{display:grid;gap:3px}.ws-event-reservations-row .is-name b{font-size:.8rem}.ws-event-reservations-row .is-name small,.ws-event-reservations-row .is-date{color:var(--res-muted);font-size:.68rem}.ws-event-reservations-row .is-mobile{direction:ltr;text-align:right}.ws-event-reservations-row .is-mobile a{color:var(--res-accent);font-weight:900;text-decoration:none}.ws-event-reservations-row .is-mobile em{color:var(--res-muted);font-style:normal}.ws-event-reservations-row span>i{display:inline-flex;width:fit-content;padding:4px 8px;border-radius:999px;background:var(--res-soft);color:var(--res-text);font-size:.67rem;font-style:normal;font-weight:900}.ws-event-reservations-row i.is-active{background:#def6eb;color:#075f45}.ws-event-reservations-row i.is-cancelled{background:#fff0ee;color:#8c2d23}.ws-event-reservations-row i.is-in_person{background:#fff3d8;color:#714a00}.ws-event-reservations-row i.is-online{background:#e4f2ff;color:#124f7a}.ws-event-reservations[data-phones=false] .ws-event-reservations-table-head,.ws-event-reservations[data-phones=false] .ws-event-reservations-row{grid-template-columns:minmax(180px,1.35fr) 105px 100px minmax(135px,.8fr)}.ws-event-reservations-state{display:flex;min-height:110px;align-items:center;justify-content:center;gap:8px;color:var(--res-muted);font-size:.76rem}.ws-event-reservations-state i{width:24px;height:24px;border:3px solid var(--res-line);border-top-color:var(--res-accent);border-radius:50%;animation:ws-event-res-spin .8s linear infinite}@keyframes ws-event-res-spin{to{transform:rotate(360deg)}}.ws-event-reservations-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px}.ws-event-reservations-pagination>span{color:var(--res-muted);font-size:.7rem}.ws-event-reservations-pagination>div{display:flex;gap:6px}.ws-app[data-theme=dark] .ws-event-reservations{--res-surface:#173832;--res-soft:#1b443c;--res-text:#f0fffb;--res-muted:#bedad3;--res-line:#466d65}.ws-app[data-theme=dark] .ws-event-reservations-error{border-color:#754d47;background:#492823;color:#ffd7d1}.ws-app[data-theme=dark] .ws-event-reservations-row i.is-active{background:#164e3c;color:#caffea}.ws-app[data-theme=dark] .ws-event-reservations-row i.is-cancelled{background:#512b27;color:#ffd7d1}.ws-app[data-theme=dark] .ws-event-reservations-row i.is-in_person{background:#4b3c1e;color:#ffe4a6}.ws-app[data-theme=dark] .ws-event-reservations-row i.is-online{background:#183d5b;color:#d8efff}@media(max-width:760px){.ws-event-reservations-head{grid-template-columns:44px minmax(0,1fr)}.ws-event-reservations-head>span{width:44px;height:44px}.ws-event-reservations-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.ws-event-reservations-filter{grid-template-columns:1fr 1fr}.ws-event-reservations-filter label,.ws-event-reservations-filter button{grid-column:1/-1}.ws-event-reservations-filter input,.ws-event-reservations-filter select{font-size:16px}.ws-event-reservations-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-event-reservations-table-head{display:none}.ws-event-reservations-row{grid-template-columns:1fr auto;gap:8px;padding:12px}.ws-event-reservations-row .is-name,.ws-event-reservations-row .is-date{grid-column:1/-1}.ws-event-reservations-pagination{align-items:stretch;flex-direction:column}.ws-event-reservations-pagination>div{display:grid;grid-template-columns:1fr 1fr}.ws-event-reservations-pagination button{width:100%}}@media(max-width:430px){.ws-event-reservations-actions,.ws-event-reservations-filter{grid-template-columns:1fr}.ws-event-reservations-filter label,.ws-event-reservations-filter button{grid-column:auto}}.ws-event-reservations{width:100%;min-height:0;max-height:100%;align-self:start}.ws-event-reservations[data-open=true]{display:flex;height:100%;align-self:stretch;flex-direction:column}.ws-event-reservations[data-open=true] .ws-event-reservations-head,.ws-event-reservations[data-open=true] .ws-event-reservations-error{flex:0 0 auto}.ws-event-reservations[data-open=true] .ws-event-reservations-body{display:flex;flex:1 1 auto;min-height:0;align-items:stretch;flex-direction:column;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;touch-action:pan-y}.ws-event-reservations[data-open=true] .ws-event-reservations-body>*{flex:0 0 auto}.ws-event-reservations-body:focus-visible{outline:2px solid color-mix(in srgb,var(--res-accent) 55%,transparent);outline-offset:-3px}
