[hidden] { display: none !important; }
.add-booking { display:flex; align-items:center; gap:6px; padding:7px 11px 7px 8px; border:1px solid #ead8d5; border-radius:999px; background:#fbf2f3; color:var(--dark); font-size:11px; font-weight:800; box-shadow:0 3px 10px #6f3e4610; }
.add-booking span { display:grid; place-items:center; width:21px; height:21px; border-radius:50%; background:var(--rose); color:#fff; font-size:15px; line-height:1; }
.add-booking:active { transform:translateY(1px); }
.booking-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-bottom:10px; padding:4px; border-radius:13px; background:#f4ece8; }
.booking-tabs button { padding:8px; border:0; border-radius:10px; background:transparent; color:var(--muted); font-size:11px; font-weight:700; }
.booking-tabs button.active { background:#fff; color:var(--dark); box-shadow:0 2px 8px #4b302316; }
.booking-row { display:grid !important; grid-template-columns:39px 1fr auto; position:relative; }
.booking-row.completed { background:#faf8f6; opacity:.78; }
.booking-row .status-label { width:max-content; margin-top:4px; padding:2px 6px; border-radius:8px; background:#f5e7ea; color:var(--dark); font-size:9px; }
.booking-row.completed .status-label { background:#e8efe8; color:#4f7457; }
.booking-actions { grid-column:2 / 4; display:flex !important; flex-direction:row !important; gap:7px; margin-top:8px; }
.booking-actions button { padding:6px 10px; border:0; border-radius:8px; background:#f2e4e7; color:var(--dark); font-size:10px; font-weight:700; }
.booking-actions button.cancel-action { background:#f3efec; color:var(--muted); }
.booking-actions button:disabled { background:#e7eee7; color:#55725a; }
.empty-booking { margin:0; padding:20px; color:var(--muted); font-size:12px; text-align:center; }
.recent-item { width:100%; color:inherit; text-align:left; background:#fff; cursor:pointer; }
.recent-item div span { color:var(--rose); font-size:10px; }
dialog label { display:flex; flex-direction:column; gap:6px; margin-top:13px; font-size:12px; font-weight:700; }
#booking-form { width:100%; }
#booking-form input { display:block; min-width:0; height:48px; padding:0 13px; border-radius:13px; appearance:none; -webkit-appearance:none; }
.booking-date-fields { display:grid; grid-template-columns:1fr; width:100%; }
.booking-date-fields label { min-width:0; }
#booking-form .submit { height:48px; }
#record-detail .detail-photo { width:100%; max-height:260px; border-radius:16px; object-fit:cover; }
#record-detail dl { display:grid; grid-template-columns:80px 1fr; gap:8px; font-size:12px; }
#record-detail dt { color:var(--muted); }
#record-detail dd { margin:0; }
#record-detail h4 { margin:18px 0 5px; }
#record-detail p { margin:0; white-space:pre-wrap; color:#5c4d49; font-size:12px; line-height:1.7; }