.reservation-quick-filters{display:flex;gap:7px;margin:0 0 12px;overflow-x:auto;padding:1px 1px 4px;scrollbar-width:thin}.reservation-quick-filters button{flex:0 0 auto;border:1px solid #dedbd3;border-radius:999px;background:#fff;color:#66767e;padding:8px 13px;font:700 10px "DM Sans",sans-serif;cursor:pointer;transition:.16s ease}.reservation-quick-filters button:hover{border-color:#c9a55b;color:#08263e}.reservation-quick-filters button.active{border-color:#08263e;background:#08263e;color:#fff;box-shadow:0 5px 14px rgba(8,38,62,.16)}
.reservation-workspace-toolbar{grid-template-columns:minmax(230px,1.4fr) repeat(5,minmax(120px,.55fr)) auto auto;overflow:visible}.reservation-workspace-toolbar .reservation-filter{min-width:0}.reservation-workspace-toolbar .reservation-filter input,.reservation-workspace-toolbar .reservation-filter select{width:100%;min-height:44px;border:0;outline:0;background:#fff;color:#344b57;padding:0 12px;font:500 11px "DM Sans",sans-serif}.reservation-clear-filters{align-self:stretch;border:0;border-left:1px solid #ece9e2;background:#faf9f6;color:#536771;padding:0 13px;font:700 10px "DM Sans",sans-serif;cursor:pointer}.reservation-clear-filters:hover{background:#f1eee7;color:#08263e}
#reservas .reservation-workspace-table{min-width:1000px}.reservation-workspace-table tbody tr{cursor:pointer}.reservation-workspace-table tbody tr:focus{outline:2px solid rgba(217,163,60,.55);outline-offset:-2px}.reservation-workspace-table .reservation-client{min-width:205px}.reservation-client .reservation-code{display:block;margin-bottom:4px;color:#b17e20;font-size:9px;letter-spacing:.55px}.reservation-workspace-table .reservation-date-cell{width:95px}.reservation-date-cell strong{display:block;color:#08263e;font-size:12px!important;white-space:nowrap}.reservation-date-cell small{text-transform:uppercase;letter-spacing:.5px}.reservation-workspace-table .reservation-service{max-width:260px}.reservation-workspace-table .reservation-service strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reservation-workspace-table .reservation-service small:empty{display:none}.reservation-workspace-table .status{white-space:nowrap}.reservation-workspace-table .row-actions{width:58px}.reservation-workspace-table .reservation-action-popover{width:178px}.reservation-workspace-table tbody tr:nth-last-child(-n+3) .reservation-action-popover{top:auto;bottom:calc(100% + 5px)}
.reservation-payment{min-width:135px}.reservation-payment strong{white-space:nowrap}.reservation-payment strong span{color:#829097;font-size:9px;font-weight:500}.reservation-payment small{color:#77868d}.payment-track{display:block;width:100%;height:3px;margin-top:7px;border-radius:9px;background:#ebe9e3;overflow:hidden}.payment-track i{display:block;height:100%;border-radius:inherit;background:#d9a33c}.reservation-payment.paid .payment-track i{background:#3c9a70}.reservation-payment.unpaid .payment-track i{background:#d36b5f}.reservation-payment.unset strong,.reservation-payment.unset small{color:#98a2a7}
.reservation-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-top:1px solid #ebe8e0;color:#75848b;font-size:10px}.reservation-pagination>div{display:flex;align-items:center;gap:14px}.reservation-pagination label{display:flex;align-items:center;gap:6px}.reservation-pagination select{border:1px solid #dcd9d1;border-radius:7px;background:#fff;color:#08263e;padding:5px 7px;font:700 10px "DM Sans",sans-serif}.reservation-pagination nav{display:flex;align-items:center;gap:4px}.reservation-pagination nav button{min-width:29px;height:29px;border:1px solid transparent;border-radius:7px;background:transparent;color:#596d76;font:700 10px "DM Sans",sans-serif;cursor:pointer}.reservation-pagination nav button:hover:not(:disabled){border-color:#d8d4ca;background:#faf8f3}.reservation-pagination nav button.active{background:#08263e;color:#fff}.reservation-pagination nav button:disabled{opacity:.35;cursor:default}.reservation-pagination nav span{padding:0 3px}
.reservation-drawer-backdrop{position:fixed;z-index:180;inset:0;background:rgba(5,24,37,.28);opacity:0;pointer-events:none;transition:opacity .22s ease}.reservation-drawer-backdrop.open{opacity:1;pointer-events:auto}.reservation-drawer{position:absolute;top:0;right:0;width:min(440px,100%);height:100%;overflow-y:auto;background:#fcfbf8;box-shadow:-20px 0 55px rgba(5,27,42,.2);transform:translateX(100%);transition:transform .24s ease;padding:28px}.reservation-drawer-backdrop.open .reservation-drawer{transform:translateX(0)}.reservation-drawer-close{position:absolute;top:18px;right:18px;width:34px;height:34px;border:1px solid #dedbd3;border-radius:9px;background:#fff;color:#536771;font-size:21px;cursor:pointer}.reservation-drawer header{padding:8px 45px 20px 0;border-bottom:1px solid #e5e1d8}.reservation-drawer h2{margin:4px 0 10px;color:#08263e;font:700 25px "Playfair Display",serif}.reservation-drawer dl{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:18px 0}.reservation-drawer dl div{padding:13px;border:1px solid #e5e1d8;border-radius:11px;background:#fff}.reservation-drawer dt{margin-bottom:5px;color:#8a9599;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.55px}.reservation-drawer dd{margin:0;color:#243d49;font-size:12px;line-height:1.55}.reservation-drawer-services{margin:20px 0}.reservation-drawer-services h3{margin:0 0 10px;color:#08263e;font-size:13px}.reservation-drawer-services ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.reservation-drawer-services li{position:relative;padding:12px 12px 12px 20px;border-left:2px solid #d9a33c;border-radius:0 10px 10px 0;background:#fff}.reservation-drawer-services time,.reservation-drawer-services strong,.reservation-drawer-services small{display:block}.reservation-drawer-services time{margin-bottom:4px;color:#b17e20;font-size:9px;font-weight:700}.reservation-drawer-services strong{color:#203945;font-size:11px}.reservation-drawer-services small{margin-top:3px;color:#7b898f;font-size:9px}.reservation-drawer footer{position:sticky;bottom:-28px;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px -28px -28px;padding:16px 28px;background:rgba(252,251,248,.96);border-top:1px solid #e5e1d8;backdrop-filter:blur(9px)}.reservation-drawer footer button{border:1px solid #d8d4ca;border-radius:9px;background:#fff;color:#08263e;padding:10px;font:700 10px "DM Sans",sans-serif;cursor:pointer}.reservation-drawer footer button:first-child{border-color:#08263e;background:#08263e;color:#fff}.drawer-open{overflow:hidden}
@media(max-width:1250px){.reservation-workspace-toolbar{grid-template-columns:minmax(230px,1fr) repeat(3,minmax(125px,.5fr))}.reservation-workspace-toolbar .reservation-filter:nth-of-type(5),.reservation-workspace-toolbar .reservation-filter:nth-of-type(6){border-top:1px solid #ece9e2}.reservation-workspace-toolbar .reservation-clear-all{min-height:44px}}
@media(max-width:760px){.reservation-workspace-toolbar{grid-template-columns:1fr 1fr}.reservation-workspace-toolbar .reservation-search{grid-column:1/-1;min-height:45px}.reservation-workspace-toolbar .reservation-filter{border-top:1px solid #ece9e2;border-left:0}.reservation-workspace-toolbar .reservation-clear-filters,.reservation-workspace-toolbar .reservation-clear-all{min-height:42px;border-top:1px solid #ece9e2;border-left:0}.reservation-workspace-table thead{display:none}#reservas .reservation-workspace-table{display:block;min-width:0}#reservas .reservation-workspace-table tbody{display:grid;gap:9px;padding:9px}#reservas .reservation-workspace-table tr{display:grid;grid-template-columns:72px 1fr auto;gap:8px 12px;padding:14px;border:1px solid #e1ded7;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(8,35,52,.035)}#reservas .reservation-workspace-table tr:hover{box-shadow:0 5px 18px rgba(8,35,52,.07)}#reservas .reservation-workspace-table td{display:block;width:auto!important;min-width:0!important;max-width:none;padding:0;border:0}.reservation-workspace-table .reservation-client{grid-column:1/3}.reservation-workspace-table .reservation-date-cell{grid-column:1;grid-row:2}.reservation-workspace-table .reservation-service{grid-column:2/4;grid-row:2}.reservation-workspace-table td:nth-child(4){grid-column:1;grid-row:3}.reservation-workspace-table td:nth-child(5){grid-column:2;grid-row:3}.reservation-workspace-table td:nth-child(6){grid-column:3;grid-row:3;align-self:center}.reservation-workspace-table .row-actions{grid-column:3;grid-row:1;align-self:start}.reservation-workspace-table .reservation-service strong{white-space:normal}.reservation-workspace-table .payment-track{max-width:145px}.reservation-workspace-table .reservation-action-popover{position:fixed;z-index:220;top:auto!important;right:14px;bottom:14px;width:min(260px,calc(100vw - 28px));padding:8px}.reservation-workspace-table .reservation-action-popover button{padding:11px}.reservation-pagination{align-items:flex-start;flex-direction:column}.reservation-pagination nav{max-width:100%;overflow-x:auto}.reservation-drawer{padding:22px}.reservation-drawer dl{grid-template-columns:1fr}.reservation-drawer footer{bottom:-22px;margin:22px -22px -22px;padding:14px 22px}}
@media(prefers-reduced-motion:reduce){.reservation-drawer-backdrop,.reservation-drawer{transition:none}}
#reservas .reservation-workspace-table .row-actions{width:58px;min-width:58px}
@media(max-width:760px){#reservas .reservation-workspace-table td.row-actions{grid-column:3;grid-row:1;align-self:start}}