.sosao{--ao-blue:#17365d;--ao-cream:#f9fbff;--ao-stroke:#d9e3ef;background:var(--ao-cream);border:1px solid var(--ao-stroke);border-radius:22px;padding:clamp(14px,2.5vw,28px);margin:24px 0;color:#172e4b;box-shadow:0 9px 32px #213b5c11;font:inherit}.sosao *{box-sizing:border-box}.sosao button,.sosao input,.sosao select{font:inherit}.sosao button{cursor:pointer}.sosao-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.sosao-head small{color:#316fb0;font-size:11px;font-weight:800;letter-spacing:.1em}.sosao-head h3{font-size:clamp(22px,3vw,30px);margin:4px 0;color:#102748}.sosao-head p{margin:4px 0;color:#50627a}.sosao-refresh{border:1px solid #c9d9e9;background:white;color:#174672;border-radius:11px;padding:10px 16px;font-weight:700}.sosao-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.sosao-stats>div{background:white;border:1px solid var(--ao-stroke);border-radius:13px;padding:14px;display:flex;flex-direction:column}.sosao-stats b{font-size:25px;color:#133d6c}.sosao-stats span{color:#5b6d82;font-size:12px}.sosao-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:white;border:1px solid var(--ao-stroke);padding:10px;border-radius:15px}.sosao-views,.sosao-paging{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.sosao-views button,.sosao-paging button{padding:9px 11px;background:#eff4fa;border:1px solid transparent;border-radius:9px;color:#214361;font-weight:750}.sosao-views button.on{background:#164e88;color:white}.sosao-paging strong{font-size:13px;text-align:center;max-width:300px}.sosao-paging button{background:white;border-color:#d8e3ee;font-size:15px}.sosao-tools{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.sosao-tools label{display:flex;gap:7px;align-items:center;font-size:13px;font-weight:700}.sosao-tools input,.sosao-tools select{border:1px solid #cbd9e7;border-radius:10px;padding:9px;color:#243e59;min-width:140px;background:white}.sosao-calendar{margin-top:14px;min-height:90px}.sosao-calendar.is-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.sosao-weekdays{display:contents}.sosao-weekdays b{font-size:11px;text-align:center;color:#6b7e92}.sosao-day{background:#fff;border:1px solid var(--ao-stroke);border-radius:13px;padding:11px;min-width:0;margin-bottom:8px}.sosao-day.is-grid{margin:0;padding:8px;min-height:140px}.sosao-day.is-today{border-color:#2981c4;box-shadow:inset 0 3px #2382c6}.sosao-day-label{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-bottom:9px}.sosao-day-label strong{font-size:13px;text-transform:capitalize}.sosao-day-label small{font-size:11px;color:#7a8ca1}.sosao-empty-day{font-size:12px;color:#8a98aa}.sosao-event{width:100%;display:flex;gap:9px;align-items:center;border:1px solid #c4dbf2;border-left:4px solid #256cb2;background:#eaf4ff;border-radius:10px;padding:9px;margin:6px 0;text-align:left;color:#173957;min-width:0}.sosao-event.state-pending{border-left-color:#db8f15;background:#fff8e9}.sosao-event.state-cancelled,.sosao-event.state-no_show{border-left-color:#c1c9d2;background:#f4f5f7;opacity:.65}.sosao-event.state-completed{border-left-color:#2c995c;background:#e8f8ee}.sosao-event-time{font-weight:900;font-size:12px;white-space:nowrap}.sosao-event-body{min-width:0;display:flex;flex-direction:column;gap:2px;flex:1}.sosao-event-body strong{font-size:13px;overflow-wrap:anywhere}.sosao-event-body small{font-size:11px;color:#526d88;overflow-wrap:anywhere}.sosao-event-chevron{font-size:23px}.sosao-calendar.is-grid .sosao-event{padding:6px;gap:4px;display:block}.sosao-calendar.is-grid .sosao-event-body strong{font-size:11px}.sosao-calendar.is-grid .sosao-event-body small{display:none}.sosao-calendar.is-grid .sosao-event-chevron{display:none}.sosao-calendar.is-grid .sosao-event-time{display:block}.sosao-feedback{font-size:12px;margin:12px 0}.sosao-feedback.good,.sosao-modal-status.good{color:#207b4a}.sosao-error{padding:15px;color:#9e2727;background:#fff1f1;border-radius:9px}.sosao-dialog{position:fixed;max-width:min(560px,calc(100vw - 22px));width:100%;max-height:calc(100vh - 28px);overflow:auto;border:0;border-radius:19px;box-shadow:0 30px 100px #0006;padding:0;color:#1c3550;background:#fff}.sosao-dialog::backdrop{background:#0c1a31a8}.sosao-dialog-inner{padding:22px}.sosao-dialog-title{display:flex;justify-content:space-between;align-items:center}.sosao-dialog-title h3{font-size:23px;margin:0;color:#17365b}.sosao-close{border:0;background:#f1f4f8;border-radius:9px;width:36px;height:36px;color:#24384f}.sosao-detail{border-bottom:1px solid #e1e9f2;margin-bottom:14px;padding:12px 0}.sosao-detail-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.sosao-detail-head strong{font-size:12px}.sosao-pill{font-size:12px;font-weight:800;background:#e3f4e9;color:#205d3c;border-radius:8px;padding:5px 9px}.sosao-pill.cancelled{background:#ffeded;color:#9f2a2a}.sosao-detail h4{font-size:20px;margin:9px 0}.sosao-detail p{margin:7px 0;line-height:1.5}.sosao-actions{display:flex;flex-wrap:wrap;gap:8px}.sosao-actions button,.sosao-save-change,.sosao-notification-buttons a,.sosao-notification-buttons button{border:1px solid #c4d4e4;background:#eaf3fd;color:#143f68;border-radius:10px;padding:11px 12px;font-weight:800;text-decoration:none;font-size:13px}.sosao-actions .sosao-accent,.sosao-save-change{background:#165c9a;color:white;border-color:#165c9a}.sosao-actions .sosao-danger{background:#fff1f1;border-color:#eac6c6;color:#a13434}.sosao-reschedule,.sosao-notification{background:#f6f9fd;border:1px solid #dde7f1;border-radius:13px;margin-top:15px;padding:15px}.sosao-reschedule h4,.sosao-notification h4{margin:0 0 8px;font-size:17px}.sosao-reschedule p,.sosao-notification small{font-size:12px;color:#5e7186}.sosao-change-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:11px 0}.sosao-change-grid label{font-weight:700;font-size:12px}.sosao-change-grid input,.sosao-change-grid select{display:block;width:100%;border:1px solid #cbd6e3;border-radius:8px;padding:10px;margin-top:6px;background:white;color:#173552}.sosao-msg-preview{width:100%;resize:vertical;min-height:100px;border:1px solid #cad9e7;border-radius:8px;background:white;color:#1b354d;padding:9px}.sosao-notification-buttons{display:flex;flex-wrap:wrap;gap:9px;margin:9px 0}.sosao-notification-buttons a{background:#15844a;color:white;border-color:#15844a}.sosao-modal-status{min-height:20px;font-size:13px}.sosbs-open-booking{background:#174e88;border:0;border-radius:8px;padding:8px 12px;color:#fff;font-weight:800;cursor:pointer}
@media(max-width:1050px){.sosao-calendar.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sosao-weekdays,.sosao-blank{display:none!important}.sosao-day.is-grid{min-height:100px}.sosao-calendar.is-grid .sosao-event-body small{display:block}.sosao-calendar.is-grid .sosao-event{display:flex}.sosao-calendar.is-grid .sosao-event-body strong{font-size:13px}}
@media(max-width:520px){.sosao{padding:12px;border-radius:14px}.sosao-stats{gap:5px}.sosao-stats>div{padding:10px 5px;text-align:center}.sosao-stats b{font-size:21px}.sosao-stats span{font-size:10px}.sosao-toolbar{padding:7px}.sosao-views{overflow:auto;flex-wrap:nowrap;width:100%}.sosao-views button{flex:1;white-space:nowrap;padding:10px 8px;font-size:12px}.sosao-paging{width:100%;justify-content:space-between}.sosao-paging strong{flex:1;font-size:11px}.sosao-tools label,.sosao-tools input,.sosao-tools select{width:100%}.sosao-calendar.is-grid{grid-template-columns:1fr}.sosao-day.is-grid{min-height:0}.sosao-dialog-inner{padding:14px}.sosao-change-grid{grid-template-columns:1fr}.sosao-actions button{flex:1 1 45%}}