/* Only the embedded calendar changes; the approved shell keeps its own tokens. */
body[data-live-calendar] [hidden]{display:none!important}
body[data-live-calendar] .calendar-identity{display:flex;align-items:center;gap:12px;margin-bottom:12px}
body[data-live-calendar] .calendar-identity img{width:40px;height:40px;object-fit:contain}
body[data-live-calendar] .calendar-identity div{display:grid;min-width:0}
body[data-live-calendar] #calendarGroup{font-weight:650;overflow-wrap:anywhere}
body[data-live-calendar] .calendar-identity small,
body[data-live-calendar] #calendarState,
body[data-live-calendar] .calendar-source{font-size:12px;color:var(--review-muted)}
body[data-live-calendar] #calendarState{min-height:36px;margin:8px 0}
body[data-live-calendar] #calendarRecovery{display:flex;gap:16px}
body[data-live-calendar] #calendarRecovery>*{min-height:44px;padding:10px 0}
body[data-live-calendar] .calendar-source{margin-top:20px}
body[data-live-calendar] .calendar-source a{color:var(--review-accent)}
body[data-live-calendar] .cal-dialog :is(input:not([type=checkbox]),textarea,select){box-sizing:border-box;width:100%;padding:10px;font:inherit;font-size:16px;background:var(--review-bg);color:var(--review-ink);border:1px solid var(--review-line);border-radius:6px}
body[data-live-calendar] .cal-complete{width:22px;height:22px}
body[data-live-calendar] .cal-event-main{overflow-wrap:anywhere}
body[data-live-calendar] .cal-filter select{background:var(--review-soft);color:var(--review-ink)}
body[data-live-calendar] .home-calendar-summary :is(h2,p,small){overflow-wrap:anywhere}
body[data-live-calendar] .home-calendar-summary .lesson-progress{grid-column:1/-1;width:100%}
#calendarImportArea{margin-top:18px;border-top:1px solid var(--review-line);padding-top:12px}
#calendarImportArea>button{display:flex;align-items:center;gap:8px;min-height:44px;background:none;border:0;color:var(--review-accent);font:inherit;cursor:pointer}
#calendarImportArea svg{width:20px;height:20px}
#calendarImportDialog .import-rows{max-height:40dvh;overflow:auto;margin:12px 0}
#calendarImportDialog .import-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--review-line);cursor:pointer}
#calendarImportDialog .import-row input{width:22px;height:22px;flex:none}
#calendarImportDialog .import-row span{min-width:0;overflow-wrap:anywhere}
#calendarImportDialog .import-row small{display:block;color:var(--review-muted)}
#calendarImportDialog p{font-size:13px;line-height:1.5}
#calendarImportDialog button:disabled{opacity:.5;cursor:default}
#calendarImportDialog .import-file{display:block;margin:12px 0}