.wram-bookings{--wb-brand:#126e69;--wb-ink:#173d3a;--wb-line:#dce8e5;font-family:Tajawal,"Segoe UI",Tahoma,sans-serif;color:var(--wb-ink);background:#f2f7f5;padding:32px;border-radius:24px;max-width:1500px;margin:24px auto;box-sizing:border-box;text-align:right}.wram-bookings *{box-sizing:border-box}.wb-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.wb-brand{color:var(--wb-brand);font-weight:700;letter-spacing:.4px}.wram-bookings h1{font-size:36px;margin:8px 0}.wram-bookings h2{font-size:24px;margin:16px 0}.wram-bookings h3{font-size:18px;margin:24px 0 12px}.wram-bookings p{line-height:1.8;white-space:pre-wrap;margin:8px 0}.wram-bookings button{font:inherit;cursor:pointer;background:var(--wb-brand);color:white;border:1px solid transparent;padding:11px 18px;border-radius:12px;font-weight:600;line-height:1.5}.wram-bookings button:disabled{opacity:.5;cursor:default}.wram-bookings button:focus-visible,.wram-bookings input:focus-visible,.wram-bookings select:focus-visible,.wram-bookings textarea:focus-visible{outline:3px solid #56a69e;outline-offset:3px}.wb-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px}.wram-bookings .wb-stat{background:#fff;border:1px solid var(--wb-line);color:var(--wb-ink);display:flex;flex-direction:column;gap:8px;text-align:right;padding:20px}.wb-stat strong{font-size:30px;line-height:1}.wb-stat span{font-size:14px;color:#55746f}.wb-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:start}.wb-panel{background:#fff;border:1px solid var(--wb-line);border-radius:18px;padding:24px;min-width:0}.wb-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;align-items:end}.wb-filters .wb-search{grid-column:1/-1}.wram-bookings label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.wram-bookings input,.wram-bookings select,.wram-bookings textarea{font:inherit;font-size:15px;background:#fff;color:var(--wb-ink);width:100%;padding:11px;border:1px solid #cddbd7;border-radius:10px;min-height:44px}.wram-bookings textarea{resize:vertical}.wb-list{display:grid;gap:12px}.wram-bookings .wb-request{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#fff;color:var(--wb-ink);border:1px solid var(--wb-line);text-align:right;padding:18px}.wram-bookings .wb-request:hover,.wram-bookings .wb-request.is-selected{border-color:var(--wb-brand);background:#f0f8f5}.wb-request strong{font-size:17px}.wb-request small,.wb-muted,.wb-footnote{color:#667e78}.wb-pill{display:inline-block;align-self:flex-start;background:#eff4f8;color:#405e77;border-radius:30px;padding:5px 12px;font-size:12px;font-weight:700}.wb-pill.approved,.wb-pill.completed{background:#e4f5ed;color:#176740}.wb-pill.rejected,.wb-pill.cancelled{background:#fff0ee;color:#a12c29}.wb-pill.pending{background:#fff6df;color:#8c6213}.wb-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;font-size:13px}.wb-pagination button{background:#eaf3ef;color:var(--wb-brand)}.wb-empty{text-align:center;padding:60px 16px;color:#718a84;line-height:1.8}.wb-field{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #edf2f0;padding:12px 0;overflow-wrap:anywhere}.wb-field span{color:#657d76;flex-shrink:0}.wb-field strong{white-space:pre-wrap;text-align:left;font-size:14px}.wb-event{border-right:3px solid #bbdcd0;padding:8px 16px;margin:12px 0}.wb-event small{display:block;margin-top:6px;color:#657d76}.wb-reply{padding:16px;background:#edf8f2;border-radius:12px}.wb-review{display:grid;gap:16px;margin-top:24px;border-top:1px solid var(--wb-line)}.wb-conflict,[data-error]{padding:14px;border-radius:12px;background:#fff3e5;color:#8c4b11;margin-bottom:18px}.wb-footnote{font-size:13px;margin-top:24px!important}[data-error][hidden]{display:none}.wb-detail{scroll-margin-top:24px}@media(max-width:1000px){.wb-stats{grid-template-columns:repeat(3,1fr)}.wb-layout{grid-template-columns:1fr}.wram-bookings{padding:20px}}@media(max-width:560px){.wram-bookings{padding:14px;margin:0;border-radius:0}.wb-panel{padding:16px}.wb-header{gap:12px}.wram-bookings h1{font-size:28px}.wb-stats{grid-template-columns:repeat(2,1fr)}.wb-stat strong{font-size:25px}.wb-pagination{flex-wrap:wrap}.wb-field{gap:12px}}