.ap-heading,.ap-toolbar,.ap-footer,.ap-actions,.ap-navigation{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ap-heading,.ap-footer{justify-content:space-between}.ap-heading{margin-bottom:18px}.ap-heading h1{font-size:26px;margin:0}.ap-heading h2,.ap-editor h2{font-size:19px}
.ap-toolbar{margin-bottom:18px}.ap-toolbar label{font-size:13px;display:flex;gap:6px;flex-direction:column}.ap-toolbar input,.ap-toolbar select,.ap-toolbar button,.ap-editor input,.ap-editor select,.ap-editor textarea,.ap-editor button,.ap-results button,.ap-heading button{font:inherit;border:1px solid var(--line);border-radius:6px;padding:9px 11px;background:white;color:var(--text);max-width:100%}.ap-toolbar button,.ap-editor button,.ap-results button,.ap-heading button{cursor:pointer}.ap-editor .primary,.ap-heading .primary{background:var(--blue);color:white}.ap-editor button:disabled,.ap-results button:disabled{opacity:.5;cursor:default}
.ap-modes{display:flex;gap:12px;border:0;margin:0;padding:8px}.ap-modes label{flex-direction:row;align-items:center}.ap-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ap-editor{padding:18px 0;margin-bottom:22px;border-block:1px solid var(--line);scroll-margin-top:80px}.ap-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ap-fields label{display:flex;flex-direction:column;gap:7px;font-size:13px;min-width:0}.ap-fields input,.ap-fields select,.ap-fields textarea{width:100%}.ap-fields textarea{min-height:80px;resize:vertical}.ap-wide{grid-column:1/-1}.ap-error{color:#b3293b}.ap-actions{margin-top:16px}.ap-notes{white-space:pre-wrap;overflow-wrap:anywhere}.ap-table{overflow:auto}.ap-table td{max-width:260px;overflow-wrap:anywhere}.ap-footer{margin-top:16px;font-size:14px}.ap-footer button{margin-left:8px}
.ap-calendar{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));overflow-x:auto;gap:8px}.ap-calendar.ap-single-day{grid-template-columns:1fr}.ap-day{min-width:0;border-right:1px solid var(--line);padding-right:8px}.ap-day h2{font-size:14px;min-height:30px}.ap-results .ap-event{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;margin-bottom:10px;border-left:3px solid #248456;overflow-wrap:anywhere;font-size:13px}.ap-results .ap-pending{border-left-color:#b7790b}.ap-results .ap-cancelled,.ap-results .ap-rejected,.ap-results .ap-late_cancelled,.ap-results .ap-no_show{border-left-color:#bc3f51}.ap-event small,.ap-empty{color:var(--muted)}.ap-empty{font-size:13px}.ap-editor-host{scroll-margin-top:80px}
@media(max-width:900px){.ap-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ap-fields{grid-template-columns:1fr}.ap-toolbar>input,.ap-toolbar>select,.ap-toolbar>label{width:100%}.ap-calendar{grid-template-columns:1fr}.ap-day{border-right:0;border-bottom:1px solid var(--line)}}
.ap-modern-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.ap-modern-head h1{margin:0}.ap-modern-head p{color:#7183a1;margin:6px 0 16px}.ap-month{background:#fff;border:1px solid #dfe8f4;border-radius:8px;padding:14px}.ap-month-nav{display:flex;align-items:center;justify-content:space-between}.ap-month-nav h2{font-size:18px;margin:0;text-transform:capitalize}.ap-month-nav button,.ap-modern-card button,.ap-status-filters button{border:1px solid #cfe0f5;background:#fff;border-radius:7px;padding:7px 10px;cursor:pointer}.ap-weekdays,.ap-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.ap-weekdays{margin-top:14px;color:#7183a1;font-size:12px;text-align:center}.ap-month-grid{margin-top:6px}.ap-empty-cell,.ap-month-day{min-height:72px;border:1px solid #edf2f7;background:#fff;border-radius:6px;padding:8px;text-align:left}.ap-month-day{cursor:pointer}.ap-month-day b,.ap-month-day span{display:block}.ap-month-day span{font-size:12px;color:#1677ff;margin-top:8px}.ap-month-day.has-appointments{background:#f1f7ff;border-color:#b9d7fa}.ap-status-filters{display:flex;gap:7px;overflow:auto;padding:16px 0}.ap-status-filters button{white-space:nowrap}.ap-status-filters button.active{background:#ffe7ee;border-color:#f7b9ca;color:#9f2548}.ap-modern-list{display:grid;gap:8px}.ap-modern-card{display:grid;grid-template-columns:1.2fr 1fr 130px 120px 60px 75px;align-items:center;gap:10px;background:#fff;border:1px solid #dfe8f4;border-radius:8px;padding:12px}.ap-modern-card .ap-patient-link{border:0;background:none;padding:0;text-align:left;color:#0b2450;font-weight:700}.ap-modern-card span,.ap-modern-card time{font-size:13px}.ap-modern-card strong{font-size:12px;color:#1677ff}.ap-modern-card em{font-style:normal;font-size:13px}.ap-popup{position:fixed;inset:0;z-index:80;background:rgba(3,20,40,.45);display:grid;place-items:center;padding:16px}.ap-popup section{position:relative;width:min(570px,100%);max-height:85vh;overflow:auto;background:#fff;border-radius:8px;padding:22px}.ap-popup-close{float:right;border:0;background:none;font-size:24px;cursor:pointer}.ap-popup article,.ap-detail-history div{display:grid;gap:4px;border-top:1px solid #edf2f7;padding:10px 0}.ap-popup article span,.ap-popup article small,.ap-detail-history span,.ap-detail-history small{font-size:13px;color:#60779b}.ap-detail{position:relative;background:#fff;border:1px solid #dfe8f4;border-radius:8px;padding:20px;margin:12px 0}.ap-detail header{display:flex;justify-content:space-between;gap:12px}.ap-detail h2,.ap-detail h3{margin:6px 0}.ap-detail header p{color:#7183a1;margin:0}.ap-detail-info{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.ap-detail-info div{border:1px solid #edf2f7;padding:10px}.ap-detail-info span,.ap-detail-info b{display:block}.ap-detail-info span{font-size:12px;color:#7183a1;margin-bottom:4px}.ap-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.ap-detail-actions button{border:1px solid #cfe0f5;background:#fff;border-radius:7px;padding:9px 12px;cursor:pointer}.ap-detail-actions .primary{background:#1677ff;color:#fff;border-color:#1677ff}@media(max-width:850px){.ap-modern-card{grid-template-columns:1fr 1fr}.ap-detail-info{grid-template-columns:repeat(2,1fr)}.ap-month-day{min-height:56px}}@media(max-width:520px){.ap-weekdays{font-size:10px}.ap-month{padding:9px}.ap-month-grid{gap:3px}.ap-month-day{padding:5px;min-height:48px}.ap-modern-head{align-items:center}.ap-detail-info{grid-template-columns:1fr}}