#notification-center{max-width:1180px;margin:0 auto;padding:48px 24px 28px;color:var(--v-ink)}
#notification-center h1{font:400 clamp(36px,5vw,62px)/1.08 CLJournal,Georgia,serif;margin:12px 0 22px}
#notification-center>p{max-width:75ch;line-height:1.65}
.cl-inbox-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:20px 0;margin:24px 0;border-block:1px solid var(--v-line)}
.cl-inbox-filters label{display:grid;gap:8px;flex:1;min-width:150px;font-size:14px}
.cl-inbox-filters :is(input,select){width:100%;min-height:44px;background:var(--v-paper);color:var(--v-ink);border:1px solid var(--v-line);border-radius:8px;padding:10px}
.cl-inbox-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}
.cl-event-card{padding:26px;border:1px solid var(--v-line);border-top:3px solid #278774;border-radius:12px;background:var(--v-paper);min-width:0}
.cl-event-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;color:var(--v-muted)}
.cl-event-card h2{font:400 36px/1.2 CLJournal,Georgia,serif;margin:24px 0 12px}
.cl-event-condition{color:var(--v-blue);font-weight:600}.cl-event-levels{font-size:20px;line-height:1.5;background:var(--v-soft);padding:18px;border-radius:8px;font-variant-numeric:tabular-nums}
.cl-event-card pre{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.65 Arial,sans-serif;padding-block:14px;border-block:1px solid var(--v-line)}
.cl-event-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:24px}.cl-event-actions button{background:var(--v-soft);border:1px solid var(--v-line);padding:10px;color:var(--v-ink);border-radius:6px;cursor:pointer}
.cl-event-evidence{font-size:13px;color:var(--v-muted);line-height:1.55}.cl-event-measures{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cl-event-measures dd{margin:0}
.cl-inbox-detail[hidden]{display:none}.cl-inbox-detail{scroll-margin-top:30px;margin-bottom:28px}.cl-inbox-status a{display:inline-block;margin-left:12px}
@media(max-width:720px){.cl-inbox-list{grid-template-columns:1fr}.cl-event-card{padding:20px}.cl-inbox-filters label{min-width:100%;}.cl-inbox-filters button{flex:1}.cl-event-top{display:grid}}
/* The journal is primary; setup remains in an accessible disclosure below it. */
.cl-inbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.cl-inbox-toolbar p{margin:0;max-width:65ch}.cl-inbox-settings-link{white-space:nowrap;font-size:14px;padding:10px 0}
.cl-inbox-history-title{font:400 34px/1.15 CLJournal,Georgia,serif;margin:40px 0 16px;scroll-margin-top:30px}
.cl-inbox-filters{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.3fr 1.5fr;gap:14px;margin:0 0 16px;padding:22px;background:var(--v-soft);border:1px solid var(--v-line);border-radius:12px}
.cl-inbox-filters label{min-width:0}.cl-inbox-filters select{text-overflow:ellipsis}.cl-inbox-filters button{justify-self:start;min-height:42px}
.cl-inbox-list{gap:14px}.cl-inbox-list .cl-event-card{padding:22px}.cl-event-card h3{font:400 28px/1.15 CLJournal,Georgia,serif;margin:16px 0 10px}.cl-inbox-list .cl-event-levels{font-size:16px;padding:12px}.cl-inbox-list .cl-event-condition{font-size:15px}
.cl-event-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:28px;margin-top:24px}.cl-event-figure{margin:0;min-width:0}.cl-event-figure img{width:100%;height:auto;border:1px solid var(--v-line);border-radius:12px;display:block}.cl-event-figure figcaption{font-size:12px;color:var(--v-muted);line-height:1.55;margin-top:12px}.cl-event-notes{min-width:0}.cl-event-notes details{border-bottom:1px solid var(--v-line);padding:16px 0}.cl-event-notes summary{cursor:pointer;font-weight:600}.cl-event-context{margin-top:0}.cl-event-actions{align-items:start;flex-direction:column;gap:16px}.cl-event-delivery{margin-top:20px}
.cl-notification-settings{margin:40px auto 64px;padding:24px;border:1px solid var(--v-line);border-radius:12px;background:var(--v-paper);color:var(--v-ink)}.cl-notification-settings>summary{cursor:pointer;list-style:inside;font-size:20px;font-weight:600}.cl-notification-settings>summary small{display:block;font-size:14px;font-weight:400;color:var(--v-muted);margin:10px 0 0 24px}.cl-notification-settings>summary::marker{color:var(--v-blue)}.cl-notification-settings .v-document{padding:32px 0;margin:0;width:100%}.cl-notification-settings .v-channel-card h2{font-size:28px}.cl-notification-settings #notification-message-preview{width:100%;margin:0;padding:30px 0}.cl-notification-settings #notification-retention{border-bottom:1px solid var(--v-line);padding:28px 0}.cl-notification-settings #notification-retention p{max-width:80ch;line-height:1.7}.cl-retention-form{display:flex;align-items:end;gap:18px;flex-wrap:wrap}.cl-retention-form label{display:grid;gap:8px}.cl-retention-form select{min-height:46px;padding:10px;border:1px solid var(--v-line);border-radius:8px;background:var(--v-soft);color:var(--v-ink)}.cl-retention-confirm{max-width:540px;padding:28px;border:1px solid var(--v-line);border-radius:14px;background:var(--v-paper);color:var(--v-ink)}.cl-retention-confirm::backdrop{background:#061227b3}.cl-retention-confirm p{line-height:1.7}.cl-retention-confirm button{margin:10px 8px 0 0}
@media(max-width:1000px){.cl-inbox-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-inbox-filters label:first-child{grid-column:1/-1}}
@media(max-width:720px){.cl-event-detail-grid{grid-template-columns:1fr}.cl-inbox-filters{padding:16px;gap:12px}.cl-inbox-filters label{min-width:0}.cl-inbox-filters :is(input,select){min-width:0;font-size:14px}.cl-inbox-toolbar{align-items:start}.cl-notification-settings{width:calc(100% - 32px);padding:18px}.cl-retention-form{align-items:stretch;flex-direction:column}.cl-retention-confirm{width:calc(100% - 32px);box-sizing:border-box}.cl-event-actions{gap:20px}}

.cl-card-zoom{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;cursor:zoom-in}.cl-card-dialog{width:min(94vw,950px);max-width:94vw;max-height:94vh;box-sizing:border-box;padding:14px;border:1px solid var(--v-line);border-radius:14px;background:var(--v-paper);color:var(--v-ink)}.cl-card-dialog::backdrop{background:#061227c9}.cl-card-dialog>button{position:sticky;top:0;margin-bottom:12px;z-index:1}.cl-card-zoom-scroll{overflow:auto}.cl-card-dialog .cl-card-zoom-scroll img{width:900px;max-width:none;height:auto}