.foc-reservation-list{border:2px solid var(--ink,#222);background:var(--paper,#fffaf0);border-radius:10px;margin:2rem 0;padding:1.25rem}.foc-reservation-list>p,.foc-reservation-row p{overflow-wrap:anywhere;margin:.55rem 0}.foc-reservation-rows{gap:1rem;margin-top:1rem;display:grid}.foc-reservation-row{border:1px solid;border-radius:6px;min-width:0;padding:1rem}.foc-reservation-row h3{overflow-wrap:anywhere;margin:0}.foc-reservation-actions{flex-wrap:wrap;gap:.7rem;margin-top:.8rem;display:flex}.foc-reservation-controls,.foc-reservation-staff-actions{gap:.7rem;max-width:40rem;display:grid}.foc-reservation-controls label{font-size:.875rem}.foc-reservation-controls input{border:1px solid;border-radius:4px;width:6rem;min-height:44px;padding:.5rem}.foc-reservation-staff-actions{margin-top:1rem}.foc-reservation-staff-actions input{border:1px solid;border-radius:4px;width:100%;min-width:0;padding:.6rem}.foc-reservation-list button:disabled,.foc-reservation-controls button:disabled{opacity:.6;cursor:not-allowed}.reader-account-connected .foc-reservation-list{border:1px solid var(--reader-rule,#b9b8aa);background:var(--reader-surface,#fffcf4);border-radius:0;margin-block:16px;padding:14px 16px;font:400 14px/1.5 DM Sans,Arial,sans-serif}.reader-account-connected .foc-reservation-list>h2{letter-spacing:0;margin:0;font:700 18px/1.3 DM Sans,Arial,sans-serif}.reader-account-connected .foc-reservation-row{border-color:var(--reader-rule,#b9b8aa);border-radius:3px;padding:12px}.reader-account-connected .foc-reservation-list :is(.button,.text-link){white-space:normal;max-width:100%;min-height:44px;font-size:13px}.reader-account-connected .foc-reservation-list .button{gap:8px;padding:8px 12px}.foc-reservation-list-staff{color:#182638;background:#f8fbff;border:1px solid #a6b7ce;border-top:3px solid #244f8f;border-radius:4px;margin:0;padding:clamp(12px,2vw,20px);font:400 14px/1.5 DM Sans,Arial,sans-serif}.foc-reservation-list-staff>h2{margin:0;font:700 20px/1.3 DM Sans,Arial,sans-serif}.foc-reservation-payment-note{background:#fff5d9;border-left:3px solid #9b6b00;padding:10px 12px}.foc-reservation-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0;display:grid}.foc-reservation-summary>div{background:#eaf0f8;border:1px solid #c3cfdf;padding:10px 12px}.foc-reservation-summary dt{font-size:12px}.foc-reservation-summary dd{margin:0;font-size:24px;font-weight:700}.foc-reservation-filters{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;display:grid}.foc-reservation-filters label{gap:4px;min-width:0;font-size:13px;font-weight:600;display:grid}.foc-reservation-filters input,.foc-reservation-filters select{color:#182638;width:100%;min-width:0;min-height:44px;font:inherit;background:#fff;border:1px solid #8b9db6;border-radius:3px;padding:8px}.foc-reservation-list-staff .foc-reservation-rows{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));align-items:start;gap:12px}.foc-reservation-list-staff .foc-reservation-row{background:#fff;border-color:#b3c1d4;padding:14px}.foc-reservation-list-staff .foc-reservation-row h3{font:700 17px/1.4 DM Sans,Arial,sans-serif}.foc-reservation-customer{border-bottom:1px solid #d7dfeb;gap:2px;padding-bottom:10px;display:grid}.foc-reservation-customer span{font-size:12px}.foc-reservation-manage{border-top:1px solid #d7dfeb;margin-top:12px}.foc-reservation-manage summary{cursor:pointer;color:#244f8f;min-height:44px;padding:10px 0;font-weight:700}.foc-reservation-list-staff .foc-reservation-staff-actions{margin-top:4px}.foc-reservation-list-staff .button{white-space:normal;min-height:44px;padding:8px 12px;font-size:13px}.foc-reservation-list-staff :is(input,select,summary,button,a):focus-visible{outline-offset:3px;outline:3px solid #244f8f}@media (max-width:600px){.foc-reservation-filters{grid-template-columns:1fr}.foc-reservation-summary>div{padding:8px}.foc-reservation-list{padding:.8rem}.foc-reservation-actions{flex-direction:column}.foc-reservation-actions button{white-space:normal;width:100%}}@media (min-width:761px) and (pointer:fine){.reader-account-connected .foc-reservation-list :is(.button,.text-link){min-height:36px}}