.customer-service-notes{margin:14px 0;border:1px solid #e4d9d5;border-radius:16px;background:#fff;overflow:hidden}.customer-service-notes>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}.customer-service-notes h2{font-size:18px;margin:0}.customer-service-notes header p{font-size:12px;color:#7b6f72;margin:4px 0 0}.customer-service-notes-body{position:relative;border-top:1px solid #eee5e2;padding:16px 18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:18px}.service-note-groups{display:grid;gap:13px;align-content:start}.service-note-groups>section{display:grid;gap:7px}.service-note-form h3,.service-note-groups h3{margin:0;color:#59283a}.service-note-groups article{border-left:4px solid #c7a66a;border-radius:10px;background:#faf7f3;padding:11px 13px}.service-note-groups article p{white-space:pre-wrap;margin:0 0 5px;line-height:1.5}.service-note-groups article small{color:#7c7073}.service-note-form{display:grid;gap:11px;border:1px solid #e5dad7;border-radius:13px;background:#faf8f6;padding:14px;align-content:start}.service-note-form label{display:grid;gap:6px;font-size:12px;font-weight:800}.service-note-form select,.service-note-form textarea{width:100%;box-sizing:border-box;border:1px solid #dcd0cd;border-radius:10px;background:#fff;padding:11px;font:inherit}.service-note-form textarea{resize:vertical;line-height:1.45}.service-notes-empty{padding:18px;border:1px dashed #d9cdca;border-radius:12px;color:#786c6f;margin:0;text-align:center}.service-note-error{position:fixed;inset:0;z-index:150;display:grid;place-content:center;background:#25171d82;padding:20px}.service-note-error p{width:min(400px,calc(100vw - 52px));background:#fff;border-radius:16px;padding:22px;margin:0;font-weight:700}.service-note-error button{margin:10px auto 0;border:0;border-radius:10px;background:#57283a;color:#fff;padding:11px 20px}@media(max-width:760px){.customer-service-notes-body{grid-template-columns:1fr}.customer-service-notes>header{align-items:flex-start;flex-direction:column}.customer-service-notes>header button{width:100%}}.booking-service-notes{margin:14px 0;padding:14px;border:1px solid #dcccae;border-radius:14px;background:#fffaf0}.booking-service-notes h3{margin:0 0 10px;color:#59283a;font-size:15px}.booking-service-notes>div{display:grid;gap:9px}.booking-service-notes article{border-left:4px solid #c7a66a;border-radius:9px;background:#fff;padding:10px 12px}.booking-service-notes article strong{display:block;color:#6a3b4d;font-size:12px;margin-bottom:4px}.booking-service-notes article p{white-space:pre-wrap;margin:0 0 4px;line-height:1.45}.booking-service-notes article small{color:#7c7073;font-size:11px}.booking-service-notes.error{border-color:#e4b9b4;background:#fff5f3}.booking-service-notes.error p{margin:0;color:#8f3128}.booking-service-notes article footer,.service-note-groups article footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.service-note-edit-button{border:0;background:transparent;color:#713c51;font-weight:800;cursor:pointer;padding:5px 8px}.booking-service-note-edit,.service-note-edit{display:grid;gap:9px}.booking-service-note-edit textarea,.service-note-edit textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid #d6c8c5;border-radius:9px;background:#fff;padding:10px;font:inherit;line-height:1.45}.booking-service-note-edit>div,.service-note-edit>div{display:flex;justify-content:flex-end;gap:8px}@media(max-width:760px){.booking-service-notes article footer,.service-note-groups article footer{align-items:flex-start;flex-direction:column}.booking-service-note-edit>div,.service-note-edit>div{display:grid}.booking-service-note-edit>div button,.service-note-edit>div button{width:100%}}.service-note-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.service-note-summary span{display:inline-flex;align-items:center;gap:5px;border:1px solid #ded0ca;border-radius:999px;background:#faf6f2;padding:5px 9px;color:#654c55;font-size:11px;font-weight:700}.service-note-summary strong{display:grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:#713c51;color:#fff;font-size:10px}.service-note-summary-empty{display:block;margin-top:8px;color:#978b8e;font-size:11px}.booking-info-button{width:auto!important;min-width:0!important;padding:7px 14px!important;margin:8px 0;font-size:13px!important}.booking-info-overlay{position:fixed;inset:0;z-index:20000;background:#241b2480;display:flex;align-items:center;justify-content:center;padding:20px;isolation:isolate}.booking-info-dialog{display:flex;flex-direction:column;width:min(720px,100%);max-height:90dvh;background:#fff;border:1px solid #dfd4d8;border-radius:18px;box-shadow:0 20px 70px #0003;color:#332930;overflow:hidden;outline:none;font-size:14px}.booking-info-dialog>footer,.booking-info-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;flex-shrink:0;background:#fff}.booking-info-dialog>header{border-bottom:1px solid #eee6e9}.booking-info-dialog>footer{border-top:1px solid #eee6e9;justify-content:flex-end}.booking-info-dialog h2{font-size:21px!important;margin:4px 0!important}.booking-info-dialog header small{font-size:11px;color:#75666e}.booking-info-dialog header>button{background:none;border:0;font-size:28px;line-height:1;padding:8px;cursor:pointer;color:#684552}.booking-info-body{overflow-y:auto;overscroll-behavior:contain;padding:16px 24px}.booking-info-notice{font-size:12px;line-height:1.5;color:#70666b;margin:0 0 20px}.booking-info-error{padding:12px;color:#a22238;background:#fff0f2;border-radius:8px}.booking-info-timeline{list-style:none;padding:0 0 0 12px;margin:0}.booking-info-timeline>li{position:relative;border-left:2px solid #e3d3da;padding:0 0 26px 22px}.booking-info-timeline>li:before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:#825069}.booking-info-timeline>li:last-child{border-left-color:transparent}.booking-info-timeline time{font-size:12px;color:#74626c}.booking-info-timeline h3{font-size:16px!important;margin:5px 0!important}.booking-info-actor{font-size:12px;color:#745364}.booking-info-timeline p{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;font-size:13px}.booking-info-reversed{color:#7b7b7b}.booking-info-reversed article{background:#f4f4f4;padding:10px;border-radius:8px}.booking-info-changes{margin:10px 0;padding:10px 12px;background:#f8f5f6;border-radius:8px}.booking-info-changes>div{padding:5px 0}.booking-info-changes dt{font-weight:700;font-size:12px}.booking-info-changes dd{margin:3px 0;display:grid;gap:3px;font-size:13px;overflow-wrap:anywhere}.booking-info-changes dd span{color:#7d6c75}.booking-info-changes dd strong{color:#31644e;font-weight:500}.booking-info-undo{padding:12px;background:#fff4e6;border:1px solid #ead2ae;border-radius:8px;margin:12px 0}.booking-info-undo label{display:grid;gap:6px}.booking-info-undo textarea{width:100%;min-height:70px;box-sizing:border-box}.booking-info-undo>div{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.booking-info-dialog button:disabled{opacity:.5;cursor:default}@media(max-width:600px){.booking-info-overlay{padding:10px}.booking-info-dialog{max-height:94dvh}.booking-info-body,.booking-info-dialog>footer,.booking-info-dialog>header{padding:14px}.booking-info-dialog h2{font-size:18px!important}}