.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1rem;margin-bottom:1rem}.form-card{display:grid;gap:1rem;max-width:720px}.section-head,.page-actions,.copy-row,.agenda-toolbar,.day-head,.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-head h2{margin:0}.page-actions{justify-content:flex-start;margin-bottom:1rem;flex-wrap:wrap}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1rem;text-align:left}.metric-card span{display:block;color:#6b7280}.metric-card strong{font-size:1.8rem}.list-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid #f0f1f3}.list-row:last-child{border-bottom:0}.list-row>div{display:grid}.list-row span{color:#6b7280}.interactive{width:100%;border:0;background:transparent;text-align:left}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .55rem;background:#eef0f3;font-size:.75rem;font-weight:700}.status-pill.active{background:#ecfdf3;color:#166534}.status-pill.warn{background:#fffbeb;color:#92400e}.pill-row{display:flex;gap:.35rem;margin-top:.35rem}.modal-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.5);display:grid;place-items:center;padding:1rem;z-index:100}.modal{background:#fff;border-radius:16px;width:min(560px,100%);max-height:min(90vh,900px);overflow:auto}.modal-wide{width:min(800px,100%)}.modal header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb}.modal header h2{margin:0}.modal-body{padding:1rem}.modal-actions{padding:1rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.toast{position:fixed;right:1rem;bottom:1rem;z-index:200;background:#111827;color:#fff;padding:.8rem 1rem;border-radius:10px;max-width:360px}.toast-error{background:#991b1b}.toast-success{background:#166534}.bell-btn{position:relative}.badge{position:absolute;top:0;right:0;min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:#b42318;color:#fff;font-size:.65rem}.notification-popover{position:absolute;right:1rem;top:62px;width:min(390px,calc(100vw - 2rem));max-height:70vh;overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.15);padding:.5rem}.notification-row{width:100%;border:0;background:#fff;text-align:left;padding:.75rem;border-radius:10px;display:grid}.notification-row.unread{background:#eff6ff}.notification-row span{color:#6b7280;font-size:.85rem}.confirmation-card{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #e5e7eb}.confirmation-card>div:first-child{display:grid}.row-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:max-content 1fr;gap:.6rem 1rem}.detail-grid dt{font-weight:700}.detail-grid dd{margin:0}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.segmented{display:flex;background:#eef0f3;border-radius:10px;padding:3px}.segmented button{border:0;background:transparent;padding:.55rem .8rem;border-radius:8px}.segmented button.active{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}.agenda-toolbar{align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap}.date-nav{display:flex;align-items:center;gap:.5rem}.agenda-actions{display:flex;gap:.5rem;flex-wrap:wrap}.booking-item{width:100%;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:1rem;border:0;border-left:4px solid #2563eb;background:#f8fafc;padding:.8rem;margin-bottom:.5rem;border-radius:8px;text-align:left}.booking-item.canceled{opacity:.6;border-left-color:#9ca3af}.booking-item>div{display:grid}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:.6rem;overflow:auto}.week-day{min-width:150px}.day-title{width:100%;border:0;background:#f3f4f6;border-radius:8px;padding:.6rem;font-weight:700;margin-bottom:.5rem}.week-day .booking-item{grid-template-columns:1fr;padding:.6rem}.week-day .booking-item time,.week-day .booking-item .status-pill{display:none}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.month-day{min-height:90px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;text-align:left;padding:.5rem;display:flex;flex-direction:column;justify-content:space-between}.month-day.outside{opacity:.35}.slot-grid{display:flex;gap:.5rem;flex-wrap:wrap}.slot{border:1px solid #d1d5db;background:#fff;border-radius:8px;padding:.6rem}.slot.selected{background:#111827;color:#fff}.day-editor{border-bottom:1px solid #e5e7eb;padding:1rem 0}.day-editor.off .ranges,.day-editor.off [data-add-range]{display:none}.ranges{display:grid;gap:.5rem;margin:.6rem 0}.time-range{display:flex;align-items:center;gap:.5rem}.time-range input{max-width:150px}.toggle-row input[type=checkbox]{width:22px;height:22px}.toggle-row span{display:grid}.toggle-row small{font-weight:400;color:#6b7280}.copy-row code{overflow:auto}.empty-mini{padding:.75rem;color:#6b7280}
.list-row>div,.booking-item>div,.confirmation-card>div{min-width:0}.list-row strong,.list-row span,.booking-item strong,.booking-item span,.confirmation-card strong,.confirmation-card span,.detail-grid dd{overflow-wrap:anywhere}.agenda-card{overflow:hidden}.week-grid{max-width:100%;overscroll-behavior-inline:contain}.month-grid{min-width:0}.notification-popover{overflow-wrap:anywhere}.modal-body{overflow-x:hidden}