/* VOLENG Agenda 25.19: deliberate feedback, archive list, contrast and responsive UX. */
#view-appointments>.panel{border-radius:22px!important;padding:26px!important;background:linear-gradient(155deg,#fff,#fcfdff);box-shadow:0 16px 40px rgba(13,42,87,.045)}
#view-appointments .panel-top{align-items:flex-start;gap:16px;flex-wrap:wrap}
#view-appointments .filters{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
#appointments-search{min-width:250px;width:min(320px,100%);border:1px solid #c7d7f2;background:#fff;min-height:43px;font-size:13px;padding:12px 15px}
.agenda-list-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;border-top:1px solid #e7edf6;padding:19px 0 17px;margin-top:17px}
.agenda-list-modes{margin-left:0;gap:4px;flex-wrap:wrap;border:1px solid #dfe8f6;border-radius:13px}
.agenda-list-modes button{font-weight:750;font-size:12px;padding:11px 16px;border-radius:10px;color:#4b6486;cursor:pointer}
.agenda-list-modes button.selected{background:#1e61d2;color:#fff;box-shadow:0 4px 14px #1650ab27}
.agenda-list-count{font-size:12px;font-weight:750;color:#57769e}
.agenda-archive-hint{background:#eef5ff;border-left:3px solid #1f67cc;padding:13px 17px;color:#38597d;border-radius:9px;font-size:12px}
.agenda-page-tools{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin:16px 0 0;font-size:12px;font-weight:720}
.agenda-page-tools[hidden]{display:none}.agenda-page-tools button{background:#fff;border:1px solid #ccdaee;color:#1f57aa;border-radius:9px;padding:10px 15px;cursor:pointer}.agenda-page-tools button:disabled{opacity:.35;cursor:not-allowed}
#view-appointments .appt-item{margin-bottom:10px!important;padding:17px 20px!important;border:1px solid #e2eaf7!important;border-radius:15px!important;background:#fff;box-shadow:0 5px 17px #1a447209;gap:19px}
#view-appointments .appt-item:hover{border-color:#a5c0ef!important;box-shadow:0 9px 25px #1a44721a}
#view-appointments .appt-time{width:124px;font-size:14px;display:flex;flex-direction:column;gap:5px}#view-appointments .appt-time small{font-size:11px;color:#879fbd;font-weight:700}
#view-appointments .appt-main strong{font-size:15px}#view-appointments .appt-actions button{min-height:34px;padding:8px 12px}
.agenda-empty-state{padding:45px 16px}.agenda-empty-state strong{display:block;color:#1e3c67;font-size:17px}.agenda-empty-state p{font-size:12px}
#notice.notice{position:fixed!important;z-index:99999!important;top:82px!important;right:25px!important;bottom:auto!important;left:auto!important;width:min(465px,calc(100vw - 34px));display:flex;align-items:flex-start;gap:13px;border-radius:15px!important;padding:18px!important;border:1px solid #9be5c6!important;background:#effdf6!important;box-shadow:0 24px 65px #0d294e39!important;font-size:14px!important;line-height:1.45!important;color:#166646!important}
#notice[hidden]{display:none!important}#notice.notice-error{background:#fff2f2!important;border-color:#ffb6bd!important;color:#9f2f45!important}
.toast-icon{display:grid;place-items:center;flex:0 0 29px;height:29px;background:#0ba87c;border-radius:50%;color:white;font-size:17px;font-weight:900}
.notice-error .toast-icon{background:#db425e}.toast-message{flex:1;min-width:0;white-space:pre-line;font-weight:730}
.toast-close{cursor:pointer;flex:0 0 26px;border:0;background:transparent!important;color:inherit!important;font-size:23px;line-height:1}
#appointment-detail{position:fixed;inset:0 0 0 auto;margin:0!important;height:100dvh;max-height:100dvh!important;border-radius:22px 0 0 22px!important;width:min(475px,96vw)!important}
#appointment-detail::backdrop{background:rgba(10,28,53,.52);backdrop-filter:blur(3px)}.agenda-detail-x{position:sticky;top:16px;float:right;right:15px;margin:15px 16px -50px 0;z-index:4;border:1px solid #d8e4f2;background:#fff;color:#38577f;border-radius:11px;width:35px;height:35px;font-size:21px;cursor:pointer}
.audit-timeline{display:grid;gap:13px;max-height:65vh;overflow:auto}.audit-event{border-left:3px solid #2762c3;border-radius:7px;background:#f5f8ff;padding:13px 15px}.audit-event strong{display:block;color:#20395f;text-transform:capitalize}.audit-event small{display:block;color:#6c85a3;margin:4px 0}.audit-event p{color:#4c6585;font-size:12px;margin:6px 0}
@media(max-width:900px){#view-appointments .panel-top{display:block}#view-appointments .filters{justify-content:flex-start;margin-top:16px}#view-appointments .appt-item{flex-wrap:wrap}#view-appointments .appt-time{width:100%}}
@media(max-width:600px){#view-appointments>.panel{padding:16px!important}.agenda-list-modes button{padding:9px 11px}#notice.notice{top:65px!important;right:12px!important}}
/* Product theme dark mode: inherit shell markers, preserve readable list and toast. */
:is(html[data-theme="dark"],body[data-theme="dark"],body.dark,.theme-dark) #view-appointments>.panel{background:#142640!important;color:#e3ecfa}
:is(html[data-theme="dark"],body[data-theme="dark"],body.dark,.theme-dark) #view-appointments .appt-item{background:#1e344f!important;border-color:#36506d!important;color:#eff5ff}
:is(html[data-theme="dark"],body[data-theme="dark"],body.dark,.theme-dark) .agenda-list-modes{background:#16273e!important}
:is(html[data-theme="dark"],body[data-theme="dark"],body.dark,.theme-dark) .agenda-list-modes button:not(.selected){color:#c6d9f3!important}
:is(html[data-theme="dark"],body[data-theme="dark"],body.dark,.theme-dark) .agenda-archive-hint{background:#223b5a;color:#dce8f9}