.booking-view{display:grid;gap:20px}.booking-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.booking-toolbar label{display:grid;gap:5px;font-size:12px;color:#667085}.booking-toolbar input,.booking-toolbar select{min-height:38px;border:1px solid #d0d5dd;border-radius:8px;padding:0 10px;background:#fff}.booking-cutoff{padding:12px 16px;border-radius:10px;background:#fff7e6;color:#8a5a00;border:1px solid #ffe0a3}.booking-panel{background:#fff;border:1px solid #e4e7ec;border-radius:14px;overflow:hidden}.booking-panel>header{padding:16px 18px;border-bottom:1px solid #eef0f3}.booking-panel h2{margin:0 0 4px;font-size:18px}.booking-panel p{margin:0;color:#667085;font-size:13px}.booking-schedule{overflow:auto;padding:14px}.booking-grid{display:grid;grid-template-columns:minmax(110px,1.1fr) repeat(14,minmax(96px,1fr));min-width:1500px;border-top:1px solid #e4e7ec;border-left:1px solid #e4e7ec}.booking-cell{min-height:54px;padding:8px;border-right:1px solid #e4e7ec;border-bottom:1px solid #e4e7ec;font-size:12px}.booking-head{background:#f8fafc;font-weight:700}.booking-chip{display:block;padding:5px 7px;border-radius:6px;background:#e9f2ff;color:#175cd3;margin:2px 0;white-space:normal}.booking-list{overflow:auto}.booking-table{width:100%;border-collapse:collapse;min-width:1050px}.booking-table th,.booking-table td{padding:11px 12px;border-bottom:1px solid #eef0f3;text-align:left;font-size:13px;vertical-align:top}.booking-table th{background:#f8fafc;color:#475467}.booking-status{display:inline-flex;border-radius:999px;padding:3px 8px;background:#f2f4f7}.booking-actions{display:flex;gap:6px;flex-wrap:wrap}.booking-actions button{font-size:12px}.booking-stats{padding:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.booking-stat-card{border:1px solid #e4e7ec;border-radius:10px;padding:12px}.booking-stat-card strong{display:block;margin-bottom:7px}.booking-dialog{width:min(920px,calc(100vw - 24px));max-height:92vh;border:0;border-radius:16px;padding:0}.booking-dialog::backdrop{background:rgba(16,24,40,.5)}.booking-dialog form{padding:22px;display:grid;gap:16px;overflow:auto;max-height:92vh}.booking-dialog header,.booking-dialog footer{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.booking-dialog h2{margin:0}.booking-dialog header p{margin:5px 0 0;color:#667085}.booking-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.booking-dialog label{display:grid;gap:6px}.booking-dialog input,.booking-dialog select,.booking-dialog textarea{width:100%;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:8px;padding:9px;background:#fff}.booking-dialog fieldset{border:1px solid #e4e7ec;border-radius:10px;padding:12px}.booking-slot-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.booking-slot-day{border:1px solid #e4e7ec;border-radius:8px;padding:8px}.booking-slot-day strong{display:block;margin-bottom:6px}.booking-slot-day label{display:flex;align-items:center;gap:5px}.booking-slot-day input{width:auto}.booking-attachment{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px dashed #e4e7ec}.booking-attachment.is-uploading{color:#667085}.booking-link{color:#175cd3;text-decoration:none}.booking-empty{padding:24px;color:#667085;text-align:center}
.booking-trace{border-top:1px solid #e4e7ec;padding-top:12px}.booking-trace h3{margin:8px 0}.booking-trace article{border-left:3px solid #84adff;background:#f8fafc;padding:10px 12px;margin:8px 0}.booking-trace pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;padding:10px;border-radius:8px}.booking-trace details{margin-top:6px}
@media(max-width:900px){.booking-form-grid{grid-template-columns:1fr}.booking-slot-picker{grid-template-columns:repeat(2,1fr)}.booking-toolbar>*{flex:1 1 140px}.booking-panel{border-radius:10px}}

/* V1.24 appointment workspace layout */
.booking-view{gap:12px;background:#f5f8fc;padding:14px;min-height:100%}.booking-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;border:1px solid #e4efff;border-radius:10px;background:linear-gradient(100deg,#eef7ff,#e8f2ff)}.booking-hero h1{margin:0 0 5px;color:#16325c;font-size:25px}.booking-hero p{margin:0;color:#4d6b91;font-size:13px}.booking-hero-tip{display:grid;grid-template-columns:34px auto;column-gap:10px;align-items:center;background:rgba(255,255,255,.76);padding:12px 16px;border-radius:8px;color:#254a78}.booking-hero-tip:before{content:'i';grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#8ab6ff;color:#fff;font-weight:800}.booking-hero-tip strong{font-size:13px}.booking-hero-tip span{font-size:12px;color:#6b7d95}.booking-workspace{display:grid;grid-template-columns:minmax(300px,340px) minmax(0,1fr);gap:10px;align-items:start}.booking-dashboard{display:grid;gap:10px;min-width:0}.booking-composer-host{position:sticky;top:8px}.booking-toolbar{justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border:1px solid #e3eaf3;border-radius:10px}.booking-week-nav{display:flex;align-items:center;gap:8px}.booking-week-nav>button{min-width:38px;height:38px;padding:0 12px}.booking-week-copy{display:grid;text-align:center;min-width:130px;color:#213c62}.booking-week-copy strong{font-size:14px}.booking-week-copy span{font-size:11px;color:#7b8da5}.booking-week-picker{display:flex!important;align-items:center;grid-template-columns:none!important;gap:6px!important;font-size:11px!important;color:#667085}.booking-week-picker input{height:36px!important}.booking-cutoff{padding:9px 13px;border-radius:8px;font-size:12px}.booking-panel{border-radius:10px;box-shadow:0 1px 2px rgba(30,55,90,.03)}.booking-panel>header{padding:12px 14px}.booking-panel h2{font-size:15px;color:#24364f}.booking-panel p{font-size:11px}.booking-schedule{padding:9px}.booking-grid{grid-template-columns:108px repeat(14,minmax(74px,1fr));min-width:1160px}.booking-cell{min-height:56px;padding:5px;font-size:11px}.booking-head{background:#edf5ff;color:#314d73;text-align:center;min-height:34px}.booking-designer-head{grid-row:span 2;display:grid;place-items:center}.booking-day-head{grid-column:span 2}.booking-day-head span{display:block;margin-top:2px;font-weight:500}.booking-subhead{background:#f7faff;text-align:center;min-height:26px;color:#596d88;font-weight:600}.booking-designer{display:flex;flex-direction:column;justify-content:center;padding-left:10px}.booking-designer strong{font-size:12px;color:#263c5a}.booking-designer span{font-size:10px;color:#8795a8;margin-top:3px}.booking-slot-cell{min-height:72px;background:#fbfdff}.booking-chip{display:grid;width:100%;gap:2px;padding:7px;border:0;border-radius:5px;text-align:left;color:#1e5eaf;background:#dcecff}.booking-chip strong{font-size:10px}.booking-chip span,.booking-chip small{font-size:9px}.booking-chip.is-delivered{background:#d9f5e1;color:#14743a}.booking-chip.is-temporary,.booking-chip.is-warning{background:#fff0cd;color:#9b6500}.booking-chip.is-cancelled{background:#eef1f5;color:#7a8492}.booking-list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.booking-list-filters{display:flex;gap:7px;flex-wrap:wrap}.booking-list-filters label{display:grid;gap:3px;font-size:10px;color:#7b8798}.booking-list-filters select{height:30px;border:1px solid #d8e1ec;border-radius:6px;background:#fff;padding:0 8px;font-size:11px}.booking-table{min-width:980px}.booking-table th,.booking-table td{padding:9px 10px;font-size:11px;vertical-align:middle}.booking-table th{background:#f4f8fd}.booking-table tbody tr:hover{background:#f9fbfe}.booking-status{color:#246bc1}.booking-status.is-delivered{background:#e1f6e8;color:#15743a}.booking-status.is-cancelled{background:#f0f1f3;color:#7b8490}.booking-status.is-temporary,.booking-status.is-warning{background:#fff3d9;color:#9a690c}.booking-score-linked{color:#216ed0}.booking-score-waiting{color:#7d8794}.booking-actions button{font-size:10px;color:#236dcc;background:none;border:0;padding:2px 3px}.booking-stats{padding:10px;grid-template-columns:repeat(4,1fr);gap:10px}.booking-stat-card{display:flex;align-items:center;gap:12px;border-radius:8px;padding:12px}.booking-stat-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#edf5ff;color:#2877de;font-size:20px}.booking-stat-card.is-alert .booking-stat-icon{background:#fff0ed;color:#d8524c}.booking-stat-card>div{display:grid}.booking-stat-card span{font-size:11px;color:#718097}.booking-stat-card strong{font-size:22px;color:#1e3657;line-height:1.1;margin:0}.booking-stat-card small{font-size:9px;color:#8591a3;margin-top:3px}.booking-plan-panel>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:13px 15px;list-style:none}.booking-plan-panel>summary::-webkit-details-marker{display:none}.booking-plan-panel>summary>span{font-size:11px;color:#3975c5}.booking-plan-actions{display:flex;gap:8px;padding:0 14px 10px}.booking-dialog{display:block;position:static;width:100%;max-width:none;max-height:none;margin:0;border:1px solid #e3eaf3;border-radius:10px;padding:0;background:#fff;box-shadow:none}.booking-dialog::backdrop{display:none}.booking-dialog form{padding:15px;gap:13px;overflow:auto;max-height:calc(100vh - 110px)}.booking-dialog h2{font-size:16px}.booking-dialog header p{font-size:10px}.booking-form-grid{grid-template-columns:1fr;gap:9px}.booking-dialog label{font-size:11px}.booking-dialog input,.booking-dialog select,.booking-dialog textarea{padding:8px;font-size:12px}.booking-dialog fieldset{border-style:dashed;padding:10px}.booking-slot-picker{grid-template-columns:repeat(2,1fr);gap:6px}.booking-dialog footer{position:sticky;bottom:-15px;margin:0 -15px -15px;padding:12px 15px;background:#fff;border-top:1px solid #edf1f6}
@media(max-width:1200px){.booking-workspace{grid-template-columns:290px minmax(0,1fr)}.booking-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.booking-view{padding:8px}.booking-hero{align-items:flex-start}.booking-hero-tip{display:none}.booking-workspace{grid-template-columns:1fr}.booking-composer-host{position:static}.booking-dialog form{max-height:none}.booking-toolbar,.booking-list-heading{align-items:stretch;flex-direction:column}.booking-week-nav{overflow:auto}.booking-stats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.booking-stats{grid-template-columns:1fr}.booking-list-filters{display:grid;grid-template-columns:1fr 1fr}.booking-list-filters select{width:100%}}
.booking-dialog[hidden]{display:none}