/*
 * StudyCore Agenda Workspace
 * THESIS: de kalender blijft leeg en bruikbaar; blijvende meldingen wonen in een echte inbox.
 * OWN-WORLD: warm papier, witte tijdvlakken, inkt, kobalt en functionele statuskleur.
 * STORY: kies bronnen of inbox, oriënteer in tijd, handel signalen af en ga verder.
 * FIRST VIEWPORT: drie tools links, views centraal, Vandaag rechts en context alleen op aanvraag.
 * FORM: één wisselende desktoprail, een mobiele sheet en doorlopende compacte jaargrids.
 */

:root{
  --scaw-ease-out:cubic-bezier(.23,1,.32,1);
  --scaw-ease-in-out:cubic-bezier(.77,0,.175,1);
  --scaw-ease-drawer:cubic-bezier(.32,.72,0,1);
  --scaw-ink:#171A1F;
  --scaw-ink-soft:#4B525C;
  --scaw-muted:#626A75;
  --scaw-paper:#F6F4EF;
  --scaw-surface:#FFFFFF;
  --scaw-surface-soft:#F1EFE9;
  --scaw-canvas-soft:#FCFBF8;
  --scaw-canvas-muted:#FAF9F6;
  --scaw-hover:#EDEAE4;
  --scaw-busy-surface:#E8E6E0;
  --scaw-busy-ink:#59616C;
  --scaw-exam-surface:#FBE8E6;
  --scaw-exam-ink:#96362E;
  --scaw-danger-surface:#FFF4F2;
  --scaw-danger-ink:#713F3A;
  --scaw-line:rgba(23,26,31,.10);
  --scaw-accent:#2E5BFF;
  --scaw-accent-soft:#E9EEFF;
  --scaw-on-accent:#FFFFFF;
  --scaw-green:#279A64;
  --scaw-amber:#DE9A26;
  --scaw-red:#DE5B4E;
  --scaw-on-status:#FFFFFF;
  --scaw-shadow:0 28px 72px -36px rgba(23,26,31,.36),0 8px 24px -18px rgba(23,26,31,.18);
}

html.scaw-mounted,body.scaw-mounted{width:100%;height:100%;min-height:0;overflow:hidden!important;overscroll-behavior:none}
body.scaw-mounted{padding:0!important;background:var(--scaw-paper)}
body.scaw-mounted main.page{max-width:none;width:100%;height:100%;min-height:0!important;padding:0;margin:0;overflow:hidden!important}
body.scaw-mounted main.page>header,
body.scaw-mounted #mainWrap{display:none!important}
body.scaw-mounted .app{max-width:none;width:100%;height:100%;min-height:0!important;padding:0;margin:0;overflow:hidden}
body.scaw-mounted .app>.scaw-workspace~*{display:none!important}
body.scaw-mounted :is(.sc-nav,.sc-school-nav,.sc-smart-dock){z-index:100!important;pointer-events:auto!important}
body.scaw-mounted.scaw-modal-open :is(.sc-nav,.sc-school-nav,.sc-smart-dock){opacity:0!important;pointer-events:none!important}

.scaw-workspace{
  --scaw-sidebar-width:278px;
  --scaw-inspector-width:342px;
  position:fixed;
  inset:14px;
  display:flex;
  width:auto;
  height:auto;
  min-height:0;
  margin:0;
  overflow:hidden;
  color:var(--scaw-ink);
  background:var(--scaw-surface);
  border-radius:24px;
  box-shadow:var(--scaw-shadow);
  font-family:var(--font-body,Inter,system-ui,sans-serif);
  isolation:isolate;
  z-index:1;
}
.scaw-workspace[data-sidebar-open="false"] .scaw-sidebar{flex-basis:0px}
.scaw-workspace[data-inspector-open="true"] .scaw-inspector{flex-basis:var(--scaw-inspector-width)}

.scaw-sidebar,
.scaw-inspector{
  position:relative;
  min-width:0;
  min-height:0;
  height:100%;
  background:color-mix(in srgb,var(--scaw-paper) 88%,transparent);
  overflow:hidden;
  z-index:3;
}
.scaw-sidebar{
  flex:0 0 var(--scaw-sidebar-width);
  width:var(--scaw-sidebar-width);
  border-right:1px solid var(--scaw-line);
  transform:translateX(0);
  transition:flex-basis 260ms var(--scaw-ease-drawer),transform 260ms var(--scaw-ease-drawer),opacity 180ms var(--scaw-ease-out);
}
.scaw-workspace[data-sidebar-open="false"] .scaw-sidebar{
  transform:translateX(-100%);
  opacity:0;
  pointer-events:none;
}
.scaw-inspector{
  flex:0 0 0px;
  width:var(--scaw-inspector-width);
  border-left:1px solid var(--scaw-line);
  background:var(--scaw-surface);
  transform:translateX(100%);
  transition:flex-basis 260ms var(--scaw-ease-drawer),transform 260ms var(--scaw-ease-drawer),opacity 180ms var(--scaw-ease-out);
  opacity:0;
  pointer-events:none;
}
.scaw-workspace[data-inspector-open="true"] .scaw-inspector{
  transform:translateX(0);
  opacity:1;
  pointer-events:auto;
}

.scaw-sidebar-inner{position:relative;height:100%;min-height:0;min-width:0;overflow:hidden}
.scaw-rail-view{position:absolute;inset:0;min-width:0;min-height:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 200ms var(--scaw-ease-out)}
.scaw-rail-sources{display:grid;grid-template-rows:minmax(0,1fr) auto}
.scaw-rail-inbox{display:grid;grid-template-rows:auto minmax(0,1fr)}
.scaw-workspace[data-sidebar-mode="sources"] .scaw-rail-sources,
.scaw-workspace[data-sidebar-mode="inbox"] .scaw-rail-inbox{opacity:1;visibility:visible;pointer-events:auto}
.scaw-inspector-inner{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;overflow:hidden}
.scaw-sidebar-mobile-head{display:none}
.scaw-sidebar-scroll,
.scaw-inspector-scroll{height:auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.scaw-sidebar-scroll{padding:18px 16px 20px}
.scaw-inspector-scroll{padding:20px}

.scaw-account{
  width:100%;display:flex;align-items:center;gap:11px;padding:8px 9px;margin-bottom:18px;
  border:0;background:transparent;border-radius:14px;color:inherit;text-align:left;cursor:pointer;
  font:inherit;transition:background-color 160ms ease,transform 140ms var(--scaw-ease-out)
}
.scaw-account:active{transform:scale(.98)}
.scaw-account-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--scaw-ink);color:#fff;font-family:var(--font-display,"Bricolage Grotesque",sans-serif);font-weight:700}
.scaw-account-copy{min-width:0;flex:1}
.scaw-account-copy strong,.scaw-account-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scaw-account-copy strong{font-family:var(--font-display,"Bricolage Grotesque",sans-serif);font-size:.9rem}
.scaw-account-copy span{margin-top:2px;font-size:.7rem;color:var(--scaw-muted)}
.scaw-account svg{color:var(--scaw-muted);flex:none}

.scaw-sidebar-section{padding:15px 8px;border-top:1px solid var(--scaw-line)}
.scaw-sidebar-section:first-of-type{border-top:0}
.scaw-section-title{margin:0 0 10px;font-size:.68rem;font-weight:700;color:var(--scaw-muted)}
.scaw-filter{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:7px 5px;color:var(--scaw-ink);font-size:.82rem;cursor:pointer}
.scaw-filter input{position:absolute;opacity:0;pointer-events:none}
.scaw-filter input:focus-visible+.scaw-filter-mark{outline:3px solid rgba(46,91,255,.34);outline-offset:3px}
.scaw-filter-mark{width:15px;height:15px;border-radius:5px;display:grid;place-items:center;color:#fff;background:var(--filter-color,var(--scaw-accent));box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.scaw-filter input:not(:checked)+.scaw-filter-mark{background:transparent;box-shadow:inset 0 0 0 1.5px var(--scaw-muted)}
.scaw-filter-mark svg{opacity:1}
.scaw-filter input:not(:checked)+.scaw-filter-mark svg{opacity:0}
.scaw-filter-count{margin-left:auto;color:var(--scaw-muted);font-size:.68rem;font-variant-numeric:tabular-nums}

.scaw-mini-month{flex:none;margin-top:auto;border-top:1px solid var(--scaw-line);padding:16px 16px 18px}
.scaw-mini-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.scaw-mini-head strong{font-size:.76rem;font-family:var(--font-display,"Bricolage Grotesque",sans-serif)}
.scaw-mini-head button{width:30px;height:30px;border:0;border-radius:10px;background:transparent;color:var(--scaw-ink);cursor:pointer}
.scaw-mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.scaw-mini-grid span{font-size:.62rem;color:var(--scaw-muted);font-weight:600;padding:3px 0}
.scaw-mini-day{position:relative;display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:9px;background:transparent;color:var(--scaw-ink);font-size:.66rem;cursor:pointer;font-variant-numeric:tabular-nums}
.scaw-mini-day[data-outside="true"]{color:var(--scaw-muted);opacity:.62}
.scaw-mini-day[data-selected="true"]{background:var(--scaw-accent);color:var(--scaw-on-accent);font-weight:700}
.scaw-mini-day[data-has-items="true"]:not([data-selected="true"])::after{content:"";position:absolute;bottom:2px;width:3px;height:3px;border-radius:50%;background:var(--scaw-accent)}

.scaw-sidebar-actions{display:grid;gap:8px;padding:0 8px 14px}
.scaw-secondary-action,.scaw-help-action{
  min-height:40px;border:0;border-radius:13px;padding:0 12px;background:var(--scaw-surface);color:var(--scaw-ink);font:600 .76rem var(--font-body,Inter,sans-serif);text-align:left;cursor:pointer;box-shadow:0 8px 18px -16px rgba(23,26,31,.55)
}
.scaw-secondary-action{color:var(--scaw-accent)}

.scaw-inbox-head{padding:16px;border-bottom:1px solid var(--scaw-line);background:var(--scaw-paper)}
.scaw-inbox-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:14px;background:var(--scaw-surface-soft);isolation:isolate}
.scaw-inbox-tab-indicator{position:absolute;z-index:-1;inset:4px auto 4px 4px;width:calc((100% - 8px)/2);border-radius:10px;background:var(--scaw-surface);box-shadow:0 8px 18px -16px rgba(23,26,31,.56);transform:translateX(0);transition:transform 250ms var(--scaw-ease-in-out)}
.scaw-workspace[data-inbox-tab="handled"] .scaw-inbox-tab-indicator{transform:translateX(100%)}
.scaw-inbox-tabs button{min-height:36px;border:0;background:transparent;color:var(--scaw-ink-soft);font:650 .74rem var(--font-body,Inter,sans-serif);cursor:pointer}
.scaw-inbox-tabs button[aria-selected="true"]{color:var(--scaw-ink)}
.scaw-inbox-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 12px 28px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.scaw-inbox-list{display:grid;gap:12px}
.scaw-inbox-item{min-width:0;padding:0;border:0;background:transparent}
.scaw-inbox-item>[data-sc-notification]{width:100%!important;max-width:none!important;margin:0!important;transform:none!important;opacity:1}
.scaw-inbox-item-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 4px 0}
.scaw-inbox-state-label{color:var(--scaw-muted);font-size:.62rem;font-weight:650}
.scaw-inbox-item-footer button,.scaw-inbox-error button{min-height:32px;border:0;border-radius:10px;padding:0 10px;background:var(--scaw-surface-soft);color:var(--scaw-accent-deep);font:650 .62rem var(--font-body,Inter,sans-serif);cursor:pointer}
.scaw-inbox-item[data-notification-status="handled"]{opacity:.78}
.scaw-inbox-empty{display:grid;place-items:center;align-content:center;min-height:54vh;padding:36px 20px;text-align:center}
.scaw-inbox-empty strong{font:650 1.05rem var(--font-display,"Bricolage Grotesque",sans-serif)}
.scaw-inbox-empty span{max-width:28ch;margin-top:7px;color:var(--scaw-muted);font-size:.72rem;line-height:1.5}
.scaw-inbox-error{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:10px 11px;border-radius:12px;background:var(--scaw-exam-surface);color:var(--scaw-exam-ink);font-size:.67rem}
.scaw-inbox-trigger,.scaw-mobile-inbox{position:relative}
.scaw-inbox-badge{position:absolute;top:4px;right:4px;display:grid;min-width:16px;height:16px;place-items:center;padding:0 4px;border:2px solid var(--scaw-surface);border-radius:999px;background:var(--scaw-red);color:var(--scaw-on-status);font:700 .52rem/1 var(--font-body,Inter,sans-serif);font-variant-numeric:tabular-nums}
.scaw-inbox-badge[hidden],.scaw-inbox-item[hidden],.scaw-inbox-empty[hidden],.scaw-inbox-error[hidden]{display:none!important}
.scaw-mobile-agenda-row{display:none}

.scaw-main{position:relative;min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);flex:1 1 0;overflow:hidden;background:var(--scaw-surface);z-index:1;transform-origin:left center}
.scaw-toolbar{position:relative;display:grid;grid-template-columns:auto minmax(200px,1fr) auto;align-items:center;gap:16px;min-height:76px;padding:12px 18px;border-bottom:1px solid var(--scaw-line);background:color-mix(in srgb,var(--scaw-surface) 96%,transparent);z-index:8}
.scaw-toolbar-start,.scaw-toolbar-end{display:flex;align-items:center;gap:8px;min-width:0}
.scaw-icon-button{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:14px;background:var(--scaw-surface-soft);color:var(--scaw-ink);cursor:pointer;transition:transform 140ms var(--scaw-ease-out),background-color 160ms ease}
.scaw-icon-button:active{transform:scale(.96)}
.scaw-icon-button[data-active="true"]{background:var(--scaw-ink);color:#fff}
.scaw-today{height:36px;border:0;border-radius:12px;padding:0 13px;background:var(--scaw-surface-soft);color:var(--scaw-ink);font:650 .74rem var(--font-body,Inter,sans-serif);cursor:pointer}
.scaw-add{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:14px;padding:0;background:var(--scaw-accent);color:var(--scaw-on-accent);font:650 1.3rem/1 var(--font-body,Inter,sans-serif);cursor:pointer;box-shadow:0 12px 24px -15px rgba(46,91,255,.8)}
.scaw-add-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.scaw-add:active,.scaw-today:active{transform:scale(.97)}

.scaw-view-tabs{position:relative;justify-self:center;display:grid;grid-template-columns:repeat(4,minmax(64px,1fr));padding:4px;border-radius:16px;background:var(--scaw-surface-soft);isolation:isolate}
.scaw-view-indicator{position:absolute;inset:4px auto 4px 4px;width:calc((100% - 8px)/4);border-radius:12px;background:var(--scaw-surface);box-shadow:0 8px 18px -15px rgba(23,26,31,.6);transform:translateX(calc(var(--scaw-view-index,0)*100%));transition:transform 240ms var(--scaw-ease-in-out);z-index:-1}
.scaw-view-tab{min-height:36px;border:0;background:transparent;color:var(--scaw-ink-soft);font:650 .73rem var(--font-body,Inter,sans-serif);cursor:pointer;padding:0 12px}
.scaw-view-tab[aria-selected="true"]{color:var(--scaw-ink)}

.scaw-datebar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;min-height:88px;padding:16px 24px 14px;border-bottom:1px solid var(--scaw-line);background:var(--scaw-surface)}
.scaw-date-copy{min-width:0}
.scaw-year-back{display:inline-flex;min-height:40px;align-items:center;gap:4px;border:0;border-radius:13px;padding:0 14px;background:var(--scaw-surface-soft);color:var(--scaw-ink);font:650 .78rem var(--font-body,Inter,sans-serif);cursor:pointer}
.scaw-year-back[hidden]{display:none!important}
.scaw-workspace[data-view="month"] .scaw-datebar{min-height:118px}
.scaw-workspace[data-view="month"] .scaw-date-copy h1{margin-top:8px}
.scaw-date-copy h1{margin:0;font:650 clamp(1.65rem,2.8vw,2.65rem)/1 var(--font-display,"Bricolage Grotesque",sans-serif);letter-spacing:-.035em;color:var(--scaw-ink)}
.scaw-date-copy p{margin:8px 0 0;color:var(--scaw-muted);font-size:.78rem}
.scaw-date-nav{display:flex;gap:6px}
.scaw-date-nav button{width:36px;height:36px;border:0;border-radius:12px;background:var(--scaw-surface-soft);cursor:pointer;color:var(--scaw-ink)}
.scaw-date-nav .scaw-today{width:auto}

.scaw-mobile-week{display:none}
.scaw-stage{position:relative;height:auto;min-height:0;overflow:auto;padding-bottom:84px;background:var(--scaw-surface);overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.scaw-stage-inner{position:relative;min-height:100%;will-change:transform,opacity}
.scaw-stage-loading{display:grid;place-items:center;min-height:420px;color:var(--scaw-muted);font-size:.8rem}
.scaw-empty{display:grid;place-items:center;min-height:420px;padding:40px;text-align:center}
.scaw-empty strong{font:650 1.1rem var(--font-display,"Bricolage Grotesque",sans-serif)}
.scaw-empty p{max-width:42ch;color:var(--scaw-muted);font-size:.8rem;line-height:1.55}
.scaw-empty button{min-height:44px;margin-top:12px;border:0;border-radius:14px;padding:0 16px;background:var(--scaw-accent);color:var(--scaw-on-accent);font:650 .76rem var(--font-body,Inter,sans-serif);cursor:pointer}
.scaw-error-state strong{color:var(--scaw-red)}

.scaw-all-day{display:flex;align-items:center;gap:8px;min-height:38px;padding:6px 14px 6px 72px;border-bottom:1px solid var(--scaw-line);background:var(--scaw-canvas-soft);position:sticky;top:0;z-index:4}
.scaw-all-day-label{position:absolute;left:12px;color:var(--scaw-muted);font-size:.62rem}
.scaw-exam-pill{border:0;border-radius:999px;padding:6px 10px;background:var(--scaw-exam-surface);color:var(--scaw-exam-ink);font:650 .67rem var(--font-body,Inter,sans-serif);cursor:pointer;white-space:nowrap}

.scaw-day-grid{--scaw-minute-px:1.08px;position:relative;min-height:calc(1440 * var(--scaw-minute-px));margin-left:64px;background:var(--scaw-surface)}
.scaw-hour-line{position:absolute;left:0;right:0;border-top:1px solid rgba(23,26,31,.09)}
.scaw-hour-label{position:absolute;right:calc(100% + 12px);top:-8px;color:var(--scaw-muted);font-size:.64rem;font-variant-numeric:tabular-nums}
.scaw-now-line{position:absolute;left:-1px;right:0;height:2px;background:var(--scaw-red);z-index:5;pointer-events:none}
.scaw-now-line::before{content:attr(data-time);position:absolute;right:calc(100% + 4px);top:-10px;padding:3px 6px;border-radius:8px;background:var(--scaw-red);color:var(--scaw-on-status);font:700 .61rem var(--font-body,Inter,sans-serif);font-variant-numeric:tabular-nums}

.scaw-event{position:absolute;left:10px;right:12px;display:flex;align-items:flex-start;gap:8px;overflow:hidden;border:0;border-radius:12px;padding:8px 10px;text-align:left;cursor:pointer;z-index:3;color:var(--scaw-ink);font-family:inherit;box-shadow:0 10px 20px -18px rgba(23,26,31,.65);transition:filter 160ms ease,box-shadow 160ms ease,transform 140ms var(--scaw-ease-out)}
.scaw-event:active{transform:scale(.993)}
.scaw-event::before{content:"";width:4px;align-self:stretch;min-height:18px;border-radius:4px;background:currentColor;flex:none}
.scaw-event[data-kind="study"]{background:var(--scaw-accent-soft);color:#2149D8}
.scaw-event[data-kind="busy"]{background:var(--scaw-busy-surface);color:var(--scaw-busy-ink);box-shadow:none;z-index:1}
.scaw-event[data-kind="exam"]{background:var(--scaw-exam-surface);color:var(--scaw-exam-ink)}
.scaw-event[data-conflict="true"]{box-shadow:0 0 0 2px var(--scaw-red),0 16px 28px -18px rgba(222,91,78,.55)}
.scaw-event-copy{min-width:0;flex:1}
.scaw-event-title{display:block;color:var(--scaw-ink);font-weight:700;font-size:.75rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scaw-event-meta{display:block;margin-top:3px;color:currentColor;font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.scaw-week{min-width:850px;display:grid;grid-template-columns:58px repeat(7,minmax(105px,1fr));position:relative}
.scaw-week-corner,.scaw-week-head{position:sticky;top:0;z-index:5;min-height:62px;background:color-mix(in srgb,var(--scaw-surface) 97%,transparent);border-bottom:1px solid var(--scaw-line)}
.scaw-week-corner{left:0;z-index:6}
.scaw-week-head{display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-bottom:1px solid var(--scaw-line);border-left:1px solid var(--scaw-line);padding:0;font:inherit;color:inherit;cursor:pointer}
.scaw-week-head span{font-size:.63rem;color:var(--scaw-muted)}
.scaw-week-head strong{margin-top:3px;font:650 1rem var(--font-display,"Bricolage Grotesque",sans-serif)}
.scaw-week-head[data-selected="true"] strong{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--scaw-accent);color:var(--scaw-on-accent)}
.scaw-week-hours{position:relative;min-height:1440px;position:sticky;left:0;background:var(--scaw-surface);z-index:2}
.scaw-week-day{position:relative;min-height:1440px;border-left:1px solid var(--scaw-line);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,rgba(23,26,31,.08) 59px,rgba(23,26,31,.08) 60px)}
.scaw-week-hours .scaw-hour-label{right:8px;top:auto;transform:translateY(-7px)}
.scaw-week-event{left:5px;right:5px;padding:6px;border-radius:10px}
.scaw-event[data-review="true"]{box-shadow:0 0 0 2px var(--scaw-accent),0 16px 28px -18px rgba(46,91,255,.55);z-index:4}
.scaw-review-ghost{background:transparent;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--scaw-accent) 45%,transparent);color:color-mix(in srgb,var(--scaw-accent) 55%,transparent);cursor:default;z-index:2;background-image:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in srgb,var(--scaw-accent) 7%,transparent) 6px 12px)}
.scaw-review-ghost .scaw-event-title{color:var(--scaw-muted)}
.scaw-review-ghost .scaw-event-meta{color:var(--scaw-muted)}

.scaw-month{padding:18px 20px 26px;min-width:720px}
.scaw-month-weekdays,.scaw-month-grid{display:grid;grid-template-columns:repeat(7,minmax(86px,1fr))}
.scaw-month-weekdays span{padding:8px 10px;color:var(--scaw-muted);font-size:.65rem;font-weight:700}
.scaw-month-day{position:relative;min-height:118px;padding:9px;border-right:1px solid var(--scaw-line);border-bottom:1px solid var(--scaw-line);background:var(--scaw-surface);cursor:pointer;overflow:hidden}
.scaw-month-day:nth-child(7n+1){border-left:1px solid var(--scaw-line)}
.scaw-month-day:nth-child(-n+7){border-top:1px solid var(--scaw-line)}
.scaw-month-day[data-outside="true"]{background:var(--scaw-canvas-muted);color:var(--scaw-muted);opacity:.72}
.scaw-month-number{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:.68rem;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}
.scaw-month-day[data-today="true"] .scaw-month-number{background:var(--scaw-accent);color:var(--scaw-on-accent)}
.scaw-month-items{display:grid;gap:4px;margin-top:7px}
.scaw-month-item{display:flex;align-items:center;gap:5px;min-width:0;padding:4px 6px;border-radius:7px;background:var(--scaw-accent-soft);font-size:.6rem;color:#2149D8}
.scaw-month-item[data-kind="busy"]{background:var(--scaw-busy-surface);color:var(--scaw-busy-ink)}
.scaw-month-item[data-kind="exam"]{background:var(--scaw-exam-surface);color:var(--scaw-exam-ink)}
.scaw-month-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scaw-month-more{font-size:.58rem;color:var(--scaw-muted);padding-left:5px}

.scaw-year-stream{min-height:100%;padding:18px 20px 40px;background:var(--scaw-canvas-muted)}
.scaw-year-section{scroll-margin-top:16px}
.scaw-year-section+.scaw-year-section{margin-top:42px}
.scaw-year-section>h2{margin:0 0 14px;font:650 clamp(1.8rem,3.2vw,2.7rem)/1 var(--font-display,"Bricolage Grotesque",sans-serif);letter-spacing:-.035em;color:var(--scaw-ink)}
.scaw-year-section[data-selected-year="true"]>h2{display:none}
.scaw-year{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:12px}
.scaw-year-month{border:0;border-radius:16px;background:var(--scaw-surface);padding:14px;text-align:left;cursor:pointer;box-shadow:0 10px 22px -20px rgba(23,26,31,.5)}
.scaw-year-month h3{margin:0 0 10px;font:650 .88rem var(--font-display,"Bricolage Grotesque",sans-serif)}
.scaw-year-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.scaw-year-grid span{font-size:.53rem;color:var(--scaw-muted);padding:2px 0}
.scaw-year-day{position:relative;font-size:.57rem;padding:3px 0;color:var(--scaw-ink)}
.scaw-year-day[data-outside="true"]{visibility:hidden}
.scaw-year-day[data-today="true"]{border-radius:999px;background:var(--scaw-accent);color:var(--scaw-on-accent);font-weight:700}
.scaw-year-day[data-selected="true"]{box-shadow:inset 0 0 0 1px var(--scaw-accent);border-radius:999px}
.scaw-year-day[data-has-study="true"]::after,.scaw-year-day[data-has-exam="true"]::after{content:"";position:absolute;left:50%;bottom:0;width:3px;height:3px;border-radius:50%;background:var(--scaw-accent);transform:translateX(-50%)}
.scaw-year-day[data-has-exam="true"]::after{background:var(--scaw-red)}
.scaw-year-loader{display:flex;min-height:64px;align-items:center;justify-content:center;gap:10px;margin-top:18px;color:var(--scaw-muted);font-size:.7rem}
.scaw-year-loader button{min-height:34px;border:0;border-radius:11px;padding:0 11px;background:var(--scaw-surface);color:var(--scaw-accent-deep);font:650 .66rem var(--font-body,Inter,sans-serif);cursor:pointer}

.scaw-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--scaw-line)}
.scaw-inspector-head strong{font:650 .85rem var(--font-display,"Bricolage Grotesque",sans-serif)}
.scaw-inspector-close{width:34px;height:34px;border:0;border-radius:11px;background:var(--scaw-surface-soft);color:var(--scaw-ink);cursor:pointer}
.scaw-inspector-kicker{font-size:.66rem;font-weight:700;color:var(--scaw-accent);margin-bottom:8px}
.scaw-inspector-title{margin:0;font:650 1.35rem/1.08 var(--font-display,"Bricolage Grotesque",sans-serif);letter-spacing:-.025em}
.scaw-inspector-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}
.scaw-inspector-meta span{padding:6px 9px;border-radius:999px;background:var(--scaw-surface-soft);font-size:.65rem;color:var(--scaw-ink-soft)}
.scaw-inspector-copy{margin:16px 0 0;color:var(--scaw-ink-soft);font-size:.78rem;line-height:1.55}
.scaw-inspector-actions{display:grid;gap:8px;margin-top:20px}
.scaw-inspector-actions button{min-height:44px;border:0;border-radius:14px;padding:0 14px;font:650 .76rem var(--font-body,Inter,sans-serif);cursor:pointer}
.scaw-inspector-actions .primary{background:var(--scaw-accent);color:var(--scaw-on-accent)}
.scaw-inspector-actions .secondary{background:var(--scaw-surface-soft);color:var(--scaw-ink)}
.scaw-inspector-actions .quiet{background:transparent;color:var(--scaw-muted)}

.scaw-conflict{padding:15px;border-radius:16px;background:var(--scaw-danger-surface);box-shadow:inset 0 0 0 1px rgba(222,91,78,.16)}
.scaw-conflict-badge{display:inline-flex;align-items:center;gap:6px;color:#A83F36;font-size:.65rem;font-weight:750}
.scaw-conflict-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--scaw-red)}
.scaw-conflict h3{margin:9px 0 0;font:650 1rem/1.18 var(--font-display,"Bricolage Grotesque",sans-serif)}
.scaw-conflict p{margin:8px 0 0;color:var(--scaw-danger-ink);font-size:.73rem;line-height:1.45}
.scaw-proposal{margin-top:12px;padding:11px;border-radius:13px;background:var(--scaw-surface)}
.scaw-review{margin-bottom:16px;padding:15px;border-radius:16px;background:var(--scaw-accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--scaw-accent) 16%,transparent)}
.scaw-review-badge{display:inline-flex;align-items:center;gap:6px;color:var(--scaw-accent);font-size:.65rem;font-weight:750}
.scaw-review-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--scaw-accent)}
.scaw-review-move{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:10px;font-size:.86rem;line-height:1.35}
.scaw-review-from{color:var(--scaw-muted);text-decoration:line-through;text-decoration-thickness:1px}
.scaw-review-arrow{color:var(--scaw-accent);font-weight:700}
.scaw-review-to{color:var(--scaw-ink);font-weight:750}
.scaw-review p{margin:8px 0 0;color:var(--scaw-ink-soft);font-size:.74rem;line-height:1.45}
.scaw-review-nav{display:flex;align-items:center;gap:6px;margin-top:12px}
.scaw-review-nav:empty{display:none}
.scaw-review-count{margin-right:auto;color:var(--scaw-muted);font-size:.68rem;font-weight:700}
.scaw-review-nav button{min-height:34px;padding:0 12px;border:0;border-radius:999px;background:var(--scaw-surface);color:var(--scaw-ink);font-family:inherit;font-size:.72rem;font-weight:700;line-height:1;cursor:pointer}
.scaw-review-nav button:disabled{opacity:.4;cursor:default}
.scaw-review-nav .scaw-review-done{margin-left:auto;background:var(--scaw-accent);color:var(--scaw-on-accent)}
.scaw-review-nav button:focus-visible{outline:2px solid var(--scaw-accent);outline-offset:2px}
.scaw-proposal strong{display:block;font-size:.8rem}
.scaw-proposal span{display:block;margin-top:3px;color:var(--scaw-muted);font-size:.65rem}
.scaw-status{min-height:18px;margin-top:10px;color:var(--scaw-red);font-size:.68rem;line-height:1.4}

.scaw-settings-slot{margin-top:12px}
.scaw-settings-slot .calendar-sync-card,.scaw-settings-slot .calendar-connect{position:static!important;width:auto!important;max-width:none!important;margin:0!important;box-shadow:none!important;border:0!important;background:transparent!important;padding:0!important}
.scaw-settings-slot .calendar-sync-head,.scaw-settings-slot .connect-head{display:none!important}
.scaw-settings-slot .calendar-sync-section,.scaw-settings-slot .connect-group{padding:13px 0!important;border-top:1px solid var(--scaw-line)!important}
.scaw-settings-slot input{font-size:.72rem!important}

.scaw-explainer-backdrop{position:fixed;inset:0;background:rgba(23,26,31,.28);opacity:0;pointer-events:none;transition:opacity 220ms var(--scaw-ease-out);z-index:210}
.scaw-explainer{position:fixed;left:50%;top:50%;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;transform:translate(-50%,-46%) scale(.97);opacity:0;pointer-events:none;padding:22px;border-radius:22px;background:var(--scaw-surface);color:var(--scaw-ink);box-shadow:0 36px 90px -28px rgba(23,26,31,.55);transition:transform 240ms var(--scaw-ease-out),opacity 200ms var(--scaw-ease-out);z-index:211}
.scaw-explainer-backdrop[data-open="true"]{opacity:1;pointer-events:auto}
.scaw-explainer[data-open="true"]{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.scaw-explainer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.scaw-explainer h2{margin:0;font:650 1.35rem var(--font-display,"Bricolage Grotesque",sans-serif)}
.scaw-explainer-close{width:34px;height:34px;border:0;border-radius:11px;background:var(--scaw-surface-soft);cursor:pointer}
.scaw-flow-visual{position:relative;display:grid;grid-template-columns:1fr 46px 1fr;align-items:center;gap:8px;min-height:150px;margin:20px 0 14px;padding:18px;border-radius:18px;background:var(--scaw-paper);overflow:hidden}
.scaw-flow-device{min-height:88px;border-radius:14px;background:var(--scaw-surface);box-shadow:0 12px 26px -21px rgba(23,26,31,.7);padding:12px}
.scaw-flow-device strong{display:block;font-size:.7rem}
.scaw-flow-line{height:3px;border-radius:3px;background:var(--scaw-accent);transform-origin:left center;animation:scaw-flow 2.4s var(--scaw-ease-in-out) infinite}
.scaw-flow-block{height:16px;border-radius:6px;background:var(--scaw-accent-soft);margin-top:9px;animation:scaw-flow-block 2.4s var(--scaw-ease-in-out) infinite}
.scaw-flow-block.busy{background:var(--scaw-busy-surface);animation-delay:120ms}
.scaw-explainer-steps{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:steps}
.scaw-explainer-steps li{display:grid;grid-template-columns:26px 1fr;gap:9px;align-items:start;color:var(--scaw-ink-soft);font-size:.76rem;line-height:1.45;counter-increment:steps}
.scaw-explainer-steps li::before{content:counter(steps);display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--scaw-accent-soft);color:var(--scaw-accent);font-size:.65rem;font-weight:750}
@keyframes scaw-flow{0%,15%{transform:scaleX(0);opacity:.25}45%,80%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes scaw-flow-block{0%,25%{transform:translateY(7px);opacity:.35}55%,90%{transform:translateY(0);opacity:1}100%{opacity:.4}}

.scaw-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,18px);opacity:0;pointer-events:none;padding:10px 15px;border-radius:13px;background:var(--scaw-ink);color:#fff;font-size:.73rem;z-index:240;transition:opacity 220ms var(--scaw-ease-out),transform 220ms var(--scaw-ease-out)}
.scaw-toast[data-show="true"]{opacity:1;transform:translate(-50%,0)}

@media(hover:hover) and (pointer:fine){
  .scaw-account:hover,.scaw-icon-button:hover,.scaw-today:hover,.scaw-date-nav button:hover,.scaw-mini-head button:hover,.scaw-inbox-item-footer button:hover,.scaw-mobile-agenda-row>div>button:hover{background:var(--scaw-hover)}
  .scaw-event:hover{filter:brightness(.985);box-shadow:0 14px 28px -18px rgba(23,26,31,.48)}
  .scaw-month-day:hover,.scaw-year-month:hover{background:var(--scaw-hover)}
}
.scaw-inbox-tabs button:active,.scaw-inbox-item-footer button:active,.scaw-mobile-agenda-row button:active{transform:scale(.97)}

@media(max-width:1199px) and (min-width:821px){
  .scaw-workspace{--scaw-sidebar-width:248px;--scaw-inspector-width:310px}
  .scaw-year{grid-template-columns:repeat(2,minmax(220px,1fr))}
  .scaw-toolbar{grid-template-columns:auto 1fr;gap:10px}
  .scaw-view-tabs{grid-column:1/-1;grid-row:2;width:min(420px,100%)}
}

@media(max-width:820px){
  .scaw-workspace{
    --scaw-sidebar-width:min(88vw,340px);--scaw-inspector-width:min(94vw,420px);
    inset:0;display:block;width:auto;height:auto;margin:0;border-radius:0;box-shadow:none;overflow:hidden
  }
  .scaw-sidebar{position:fixed;left:8px;right:8px;top:auto;bottom:8px;width:auto;height:min(86dvh,760px);z-index:202;border:0;border-radius:28px;background:color-mix(in srgb,var(--scaw-paper) 96%,transparent);box-shadow:0 -30px 72px -34px rgba(23,26,31,.58);transform:translateY(0);transition:transform 260ms var(--scaw-ease-drawer),opacity 180ms var(--scaw-ease-out)}
  .scaw-sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:10px 16px;border-bottom:1px solid var(--scaw-line);background:var(--scaw-surface)}
  .scaw-sidebar-mobile-head strong{font:650 .9rem var(--font-display,"Bricolage Grotesque",sans-serif)}
  .scaw-sidebar-mobile-head button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:12px;background:var(--scaw-surface-soft);color:var(--scaw-ink);font-size:1.25rem;cursor:pointer}
  .scaw-workspace[data-sidebar-open="false"] .scaw-sidebar{transform:translateY(calc(100% + 20px))}
  .scaw-sidebar-scrim{display:block;position:fixed;inset:0;border:0;background:rgba(23,26,31,.22);opacity:0;pointer-events:none;z-index:201;transition:opacity 220ms var(--scaw-ease-out)}
  .scaw-workspace[data-sidebar-open="true"] .scaw-sidebar-scrim{opacity:1;pointer-events:auto}
  .scaw-inspector-scrim{display:block;position:fixed;inset:0;border:0;background:rgba(23,26,31,.22);opacity:0;pointer-events:none;z-index:202;transition:opacity 220ms var(--scaw-ease-out)}
  .scaw-workspace[data-inspector-open="true"] .scaw-inspector-scrim{opacity:1;pointer-events:auto}
  .scaw-inspector{position:fixed;left:0;right:0;bottom:0;width:100%;height:min(72dvh,620px);z-index:203;border:0;border-radius:22px 22px 0 0;transform:translateY(100%);box-shadow:0 -28px 64px -30px rgba(23,26,31,.5)}
  .scaw-workspace[data-inspector-open="true"] .scaw-inspector{transform:translateY(0)}
  .scaw-main{height:100%}
  .scaw-toolbar{grid-template-columns:42px 1fr 42px;min-height:66px;padding:10px 12px;gap:8px}
  .scaw-toolbar-start{display:contents}
  .scaw-toolbar-start>.scaw-icon-button{display:none}
  .scaw-toolbar-start>.scaw-add{grid-column:3;grid-row:1}
  .scaw-toolbar-end{display:none}
  .scaw-view-tabs{grid-column:2;grid-row:1}
  .scaw-view-tabs{grid-template-columns:repeat(4,1fr);width:100%;min-width:0;padding:3px;border-radius:14px}
  .scaw-view-tab{padding:0 5px;font-size:.66rem;min-height:34px}
  .scaw-view-indicator{inset:3px auto 3px 3px;width:calc((100% - 6px)/4)}
  .scaw-datebar{min-height:60px;padding:10px 14px;align-items:center}
  .scaw-date-copy h1{font-size:1.22rem}
  .scaw-date-copy p{display:none}
  .scaw-date-nav{display:none}
  .scaw-workspace[data-view="month"] .scaw-date-copy h1{margin-top:12px;font-size:2rem}
  .scaw-workspace[data-view="year"] .scaw-date-copy h1{font-size:2.2rem;color:var(--scaw-accent)}
  .scaw-mobile-week{display:grid;grid-template-columns:repeat(7,1fr);padding:10px 10px 12px;border-bottom:1px solid var(--scaw-line);background:var(--scaw-surface)}
  .scaw-workspace:not([data-view="day"]) .scaw-mobile-week{display:none}
  .scaw-mobile-day{display:grid;justify-items:center;gap:5px;border:0;background:transparent;color:var(--scaw-muted);cursor:pointer}
  .scaw-mobile-day span{font-size:.58rem;font-weight:700}
  .scaw-mobile-day strong{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:650 .9rem var(--font-display,"Bricolage Grotesque",sans-serif)}
  .scaw-mobile-day[data-selected="true"]{color:var(--scaw-ink)}
  .scaw-mobile-day[data-selected="true"] strong{background:var(--scaw-accent);color:var(--scaw-on-accent)}
  .scaw-all-day{padding-left:58px}
  .scaw-day-grid{margin-left:54px}
  .scaw-workspace[data-view="day"] .scaw-stage{touch-action:pan-y}
  .scaw-event{left:8px;right:9px}
  .scaw-week{min-width:780px}
  .scaw-workspace[data-view="month"] .scaw-stage{overflow-x:hidden}
  .scaw-month{width:100%;min-width:0;padding:8px}
  .scaw-month-weekdays,.scaw-month-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
  .scaw-month-weekdays span{padding:6px 2px;text-align:center}
  .scaw-month-day{min-height:86px;padding:4px}
  .scaw-month-number{width:24px;height:24px}
  .scaw-month-items{gap:3px;margin-top:4px}
  .scaw-month-item{width:100%;min-height:17px;padding:2px 4px;font-size:.52rem}
  .scaw-month-more{padding-left:2px;font-size:.52rem}
  .scaw-stage{padding-bottom:176px}
  .scaw-year-stream{padding:22px 12px 180px;background:var(--scaw-surface)}
  .scaw-year-section+.scaw-year-section{margin-top:52px}
  .scaw-year-section>h2{margin-left:4px;font-size:2.2rem;color:var(--scaw-accent)}
  .scaw-year{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 8px}
  .scaw-year-month{min-width:0;padding:4px 2px;border-radius:0;background:transparent;box-shadow:none}
  .scaw-year-month h3{margin-bottom:8px;font-size:.83rem}
  .scaw-year-grid{gap:1px}
  .scaw-year-grid span,.scaw-year-day{font-size:.45rem;padding:2px 0}
  .scaw-mobile-agenda-row{position:fixed;left:14px;right:14px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:190;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none;transition:opacity 180ms var(--scaw-ease-out),transform 220ms var(--scaw-ease-out)}
  .scaw-mobile-agenda-row>button,.scaw-mobile-agenda-row>div{pointer-events:auto;border:1px solid color-mix(in srgb,var(--scaw-surface) 72%,var(--scaw-line));background:color-mix(in srgb,var(--scaw-surface) 88%,transparent);box-shadow:0 18px 42px -28px rgba(23,26,31,.62);backdrop-filter:blur(18px) saturate(145%)}
  .scaw-mobile-agenda-row>button{min-height:48px;border-radius:18px;padding:0 17px;color:var(--scaw-ink);font:700 .83rem var(--font-body,Inter,sans-serif);cursor:pointer}
  .scaw-mobile-agenda-row>div{display:flex;padding:4px;border-radius:18px}
  .scaw-mobile-agenda-row>div>button{position:relative;display:grid;width:46px;height:42px;place-items:center;border:0;border-radius:14px;background:transparent;color:var(--scaw-ink);cursor:pointer}
  .scaw-workspace[data-sidebar-open="true"] .scaw-mobile-agenda-row{opacity:0;transform:translateY(8px);pointer-events:none}
  .scaw-inspector-scroll{padding:18px}
}

@media(min-width:821px){.scaw-sidebar-scrim,.scaw-inspector-scrim{display:none}}
@media(min-width:1400px){.scaw-year{grid-template-columns:repeat(4,minmax(210px,1fr))}}

@media(max-width:520px){
  .scaw-toolbar{grid-template-columns:42px minmax(0,1fr) 42px}
  .scaw-icon-button{width:40px;height:40px}
  .scaw-view-tab{font-size:.62rem}
  .scaw-month{min-width:0}
  .scaw-year{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(prefers-reduced-motion:reduce){
  .scaw-workspace{transition:none!important}
  .scaw-sidebar,.scaw-inspector{transition:opacity 120ms ease!important;animation:none!important}
  .scaw-view-indicator,.scaw-inbox-tab-indicator,.scaw-rail-view,.scaw-mobile-agenda-row,.scaw-event,.scaw-explainer,.scaw-explainer-backdrop,.scaw-toast{transition:opacity 120ms ease!important;animation:none!important}
  .scaw-flow-line,.scaw-flow-block{animation:none!important;opacity:1!important;transform:none!important}
}
@media(prefers-reduced-transparency:reduce){
  .scaw-sidebar,.scaw-mobile-agenda-row>button,.scaw-mobile-agenda-row>div{background:var(--scaw-surface);backdrop-filter:none}
}
@media(prefers-contrast:more){
  .scaw-sidebar,.scaw-mobile-agenda-row>button,.scaw-mobile-agenda-row>div{background:var(--scaw-surface);border:1px solid currentColor;backdrop-filter:none}
}

.scaw-workspace button:focus-visible,.scaw-explainer button:focus-visible{outline:3px solid rgba(46,91,255,.30);outline-offset:2px}

:root[data-sc-theme="dark"]{
  --scaw-ink:#F6F4EF;
  --scaw-ink-soft:#C3CAD8;
  --scaw-muted:#AAB4C7;
  --scaw-paper:#111726;
  --scaw-surface:#192133;
  --scaw-surface-soft:#232D41;
  --scaw-canvas-soft:#151D2D;
  --scaw-canvas-muted:#121A29;
  --scaw-hover:#283349;
  --scaw-line:#2B3549;
  --scaw-accent:#6F8CFF;
  --scaw-accent-soft:#24325F;
  --scaw-on-accent:#0B101B;
  --scaw-green:#51C58D;
  --scaw-amber:#F0B856;
  --scaw-red:#F07A6E;
  --scaw-on-status:#0B101B;
  --scaw-busy-surface:#2A3447;
  --scaw-busy-ink:#C3CAD8;
  --scaw-exam-surface:#472925;
  --scaw-exam-ink:#F6AAA2;
  --scaw-danger-surface:#392624;
  --scaw-danger-ink:#F4C5C0;
  --scaw-shadow:0 28px 72px -36px rgba(0,0,0,.78),0 8px 24px -18px rgba(0,0,0,.7);
}
:root[data-sc-theme="dark"] .scaw-hour-line{border-top-color:rgba(246,244,239,.12)}
:root[data-sc-theme="dark"] .scaw-week-day{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,rgba(246,244,239,.09) 59px,rgba(246,244,239,.09) 60px)}
:root[data-sc-theme="dark"] .scaw-event[data-kind="study"],
:root[data-sc-theme="dark"] .scaw-month-item{color:#C5D0FF}
:root[data-sc-theme="dark"] .scaw-account-avatar,
:root[data-sc-theme="dark"] .scaw-icon-button[data-active="true"]{background:var(--scaw-accent);color:var(--scaw-on-accent)}
:root[data-sc-theme="dark"] .scaw-toast{background:#0B101B;color:#F6F4EF}
:root[data-sc-theme="dark"] .scaw-conflict-badge{color:#FFB2AA}
:root[data-sc-theme="dark"] .scaw-explainer-backdrop,
:root[data-sc-theme="dark"] .scaw-sidebar-scrim,
:root[data-sc-theme="dark"] .scaw-inspector-scrim{background:rgba(4,8,16,.58)}

/* ===== Apple-opbouw (23 okt 2026) =====
   Laptop volgt Apple Agenda op de Mac: één rij bovenin, de kalender vlak tot de rand, blokken zo hoog als hun
   tijd, de nu-lijn fel in vandaag. De telefoon volgt Apple Agenda op de iPhone (blok voor smal, verderop).
   Ontwerp: docs/superpowers/specs/2026-10-22-agenda-apple-design.md. */
.scaw-workspace{border-radius:18px;box-shadow:0 1px 2px rgba(23,26,31,.05),0 16px 40px -32px rgba(23,26,31,.35)}
.scaw-mnav,.scaw-mpill,.scaw-mobile-date,.scaw-mode-menu{display:none}
@media(min-width:821px){
  .scaw-toolbar{grid-template-columns:1fr auto 1fr;min-height:54px;padding:8px 14px;gap:12px}
  .scaw-toolbar-start{gap:6px}
  .scaw-icon-button{width:34px;height:32px;border-radius:10px}
  .scaw-icon-button[data-active="true"]{background:var(--scaw-surface-soft);color:var(--scaw-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--scaw-accent) 32%,transparent)}
  .scaw-add{width:32px;height:32px;border-radius:10px;font-size:1.1rem;box-shadow:none}
  .scaw-view-tabs{grid-template-columns:repeat(4,minmax(58px,1fr));padding:3px;border-radius:11px}
  .scaw-view-indicator{inset:3px auto 3px 3px;width:calc((100% - 6px)/4);border-radius:8px;box-shadow:0 1px 3px rgba(23,26,31,.14)}
  .scaw-view-tab{min-height:28px;font-size:.72rem}
  .scaw-datebar,.scaw-workspace[data-view="month"] .scaw-datebar{min-height:0;padding:12px 20px 10px;border-bottom:0}
  .scaw-workspace[data-view="month"] .scaw-date-copy h1{margin-top:0}
  .scaw-date-copy h1{font-weight:400;font-size:1.75rem;line-height:1.05;letter-spacing:-.025em}
  .scaw-date-copy h1 b{font-weight:750}
  .scaw-date-copy p{margin-top:2px}
  .scaw-date-copy p:empty{display:none}
  .scaw-date-nav{align-items:center}
  .scaw-date-nav button{width:28px;height:28px;border-radius:9px}
  .scaw-date-nav .scaw-today{height:28px;padding:0 11px;border-radius:9px}
  .scaw-year-back{display:none!important}
  .scaw-workspace[data-day-panel="true"][data-has-selection="false"] .scaw-inspector-close{visibility:hidden}
  .scaw-month{padding:0;min-width:0;height:100%;display:grid;grid-template-rows:auto 1fr}
  .scaw-month-weekdays span{padding:6px 10px;text-align:right}
  .scaw-month-grid{grid-template-rows:repeat(6,minmax(96px,1fr))}
  .scaw-month-day{min-height:0;padding:4px 6px;display:flex;flex-direction:column}
  .scaw-month-day:nth-child(7n+1){border-left:0}
  .scaw-month-day:nth-child(-n+7){border-top:0}
  .scaw-month-day[data-outside="true"]{opacity:1;background:var(--scaw-surface)}
  .scaw-month-day[data-outside="true"] .scaw-month-number{color:var(--scaw-muted);opacity:.6}
  .scaw-month-day:nth-child(7n+6),.scaw-month-day:nth-child(7n){background:color-mix(in srgb,var(--scaw-ink) 2.5%,var(--scaw-surface))}
  .scaw-month-number{align-self:flex-end;width:auto;min-width:24px;height:24px;padding:0 6px;border-radius:999px;font-size:.74rem;font-weight:600}
  .scaw-month-items{gap:1px;margin-top:2px}
  .scaw-month-item{display:grid;grid-template-columns:3px minmax(0,1fr) auto;gap:6px;padding:1px 4px;border-radius:5px;background:transparent;color:var(--scaw-ink);font-size:.66rem;border:0;text-align:left;cursor:pointer}
  .scaw-month-item::before{content:"";width:3px;height:12px;border-radius:2px;background:var(--scaw-accent)}
  .scaw-month-item[data-kind="busy"]{background:transparent;color:var(--scaw-ink-soft)}
  .scaw-month-item[data-kind="busy"]::before{background:var(--scaw-muted)}
  .scaw-month-item[data-kind="exam"]{background:transparent;color:var(--scaw-exam-ink)}
  .scaw-month-item[data-kind="exam"]::before{background:var(--scaw-red)}
  .scaw-month-item small{color:var(--scaw-muted);font-size:.6rem;font-variant-numeric:tabular-nums}
  .scaw-month-more{padding-left:13px;font-size:.6rem}
  .scaw-year-stream{background:var(--scaw-surface);padding:8px 24px 40px}
  .scaw-year{grid-template-columns:repeat(4,minmax(180px,1fr));gap:22px 26px}
  .scaw-year-month{box-shadow:none;background:transparent;padding:6px;border-radius:12px}
  .scaw-year-month h3{color:var(--scaw-ink)}
  .scaw-year-section[data-selected-year="true"] .scaw-year-month:has([data-today="true"]) h3{color:var(--scaw-accent)}
  .scaw-year-day[data-has-study="true"]::after{display:none}
}
.scaw-week{grid-template-columns:58px repeat(var(--scaw-cols,7),minmax(96px,1fr))}
.scaw-week-corner,.scaw-week-head{min-height:40px}
.scaw-week-head{flex-direction:row;gap:6px}
.scaw-week-head span{font-size:.72rem;color:var(--scaw-ink-soft)}
.scaw-week-head strong{margin-top:0;display:grid;place-items:center;min-width:26px;height:26px;padding:0 5px;border-radius:999px;font:600 .9rem var(--font-body,Inter,sans-serif)}
.scaw-week-head[data-selected="true"] strong{width:auto;height:26px;background:transparent;color:var(--scaw-ink);box-shadow:inset 0 0 0 1.5px var(--scaw-line)}
.scaw-week-head[data-today="true"] strong{background:var(--scaw-accent);color:var(--scaw-on-accent);box-shadow:none}
.scaw-week-head[data-weekend="true"] span,.scaw-week-head[data-weekend="true"]:not([data-today="true"]) strong{color:var(--scaw-muted)}
.scaw-week-day[data-weekend="true"]{background-color:color-mix(in srgb,var(--scaw-ink) 2.5%,transparent)}
.scaw-week-now{position:absolute;left:0;right:0;height:0;border-top:1px solid color-mix(in srgb,var(--scaw-red) 35%,transparent);pointer-events:none;z-index:5}
.scaw-week-now.is-today{border-top:2px solid var(--scaw-red);z-index:6}
.scaw-week-now.is-today::before{content:"";position:absolute;left:-5px;top:-6px;width:10px;height:10px;border-radius:50%;background:var(--scaw-red)}
.scaw-now-pill{position:absolute;left:4px;right:6px;transform:translateY(-50%);padding:2px 0;border-radius:999px;background:var(--scaw-red);color:var(--scaw-on-status);font:700 .62rem/1.2 var(--font-body,Inter,sans-serif);text-align:center;font-variant-numeric:tabular-nums;z-index:6}
.scaw-event{left:4px;right:6px;gap:0;padding:3px 6px 3px 10px;border-radius:6px;box-shadow:none}
.scaw-event::before{position:absolute;left:3px;top:3px;bottom:3px;width:3px;min-height:0;border-radius:3px}
.scaw-week-event{left:3px;right:4px;padding:2px 5px 2px 9px;border-radius:5px}
.scaw-event[data-kind="study"]{background:color-mix(in srgb,var(--scaw-accent) 14%,var(--scaw-surface));color:color-mix(in srgb,var(--scaw-accent) 80%,var(--scaw-ink))}
.scaw-event[data-kind="busy"]{background:color-mix(in srgb,var(--scaw-ink) 7%,var(--scaw-surface));color:var(--scaw-busy-ink)}
.scaw-event[data-kind="busy"] .scaw-event-title{color:var(--scaw-ink-soft)}
.scaw-event-title{font-size:.7rem;font-weight:650;line-height:1.25}
.scaw-event-meta{margin-top:1px;font-size:.62rem}
.scaw-event[data-compact="true"]{padding-top:1px;padding-bottom:1px}
.scaw-event[data-compact="true"] .scaw-event-meta{display:none}
.scaw-event[data-done="true"]{opacity:.55}
.scaw-event[data-done="true"] .scaw-event-title{text-decoration:line-through}
.scaw-event[data-selected="true"][data-kind="study"]{background:var(--scaw-accent);color:var(--scaw-on-accent)}
.scaw-event[data-selected="true"][data-kind="study"] .scaw-event-title,.scaw-event[data-selected="true"][data-kind="study"] .scaw-event-meta{color:var(--scaw-on-accent)}
.scaw-event[data-selected="true"][data-kind="busy"]{background:var(--scaw-busy-ink);color:var(--scaw-surface)}
.scaw-event[data-selected="true"][data-kind="busy"] .scaw-event-title{color:var(--scaw-surface)}
.scaw-event[data-movable="true"]{cursor:grab}
.scaw-event[data-dragging="true"]{cursor:grabbing;z-index:20;opacity:.95;box-shadow:var(--scaw-shadow)}
.scaw-day-list{display:grid;gap:2px;margin-top:6px}
.scaw-day-item{display:grid;grid-template-columns:4px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--scaw-ink);font:inherit;text-align:left;cursor:pointer}
.scaw-day-item:hover{background:var(--scaw-hover)}
.scaw-day-item i{width:4px;height:30px;border-radius:3px;background:var(--scaw-accent)}
.scaw-day-item[data-kind="busy"] i{background:var(--scaw-muted)}
.scaw-day-item[data-kind="exam"] i{background:var(--scaw-red)}
.scaw-day-item-copy{min-width:0}
.scaw-day-item-copy strong{display:block;font-size:.78rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scaw-day-item-copy small{display:block;color:var(--scaw-muted);font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scaw-day-item-time{color:var(--scaw-muted);font-size:.68rem;line-height:1.3;text-align:right;font-variant-numeric:tabular-nums}
/* Telefoon = Apple Agenda op de iPhone: terugknop (jaar › maand › dag), pil rechtsboven, doorlopende maand. */
@media(max-width:820px){
  .scaw-main{grid-template-rows:auto auto auto auto minmax(0,1fr)}
  .scaw-toolbar{grid-row:1}.scaw-mobile-week{grid-row:2}.scaw-mobile-date{grid-row:3}.scaw-datebar{grid-row:4}.scaw-stage{grid-row:5}
  .scaw-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:8px 12px 4px;border-bottom:0;background:var(--scaw-surface)}
  .scaw-toolbar-start,.scaw-toolbar .scaw-view-tabs,.scaw-toolbar-end{display:none}
  .scaw-mnav{display:flex;align-items:center;gap:2px;height:36px;padding:0 13px 0 7px;border:1px solid var(--scaw-line);border-radius:999px;background:color-mix(in srgb,var(--scaw-surface) 82%,transparent);color:var(--scaw-ink);font:600 .95rem var(--font-body,Inter,sans-serif);cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  .scaw-mnav[hidden]{display:flex!important;visibility:hidden}
  .scaw-mpill{display:flex;gap:2px;padding:2px;border:1px solid var(--scaw-line);border-radius:999px;background:color-mix(in srgb,var(--scaw-surface) 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  .scaw-mpill button{display:grid;place-items:center;width:40px;height:34px;border:0;border-radius:999px;background:transparent;color:var(--scaw-ink);cursor:pointer}
  .scaw-mpill button[hidden]{display:none}
  .scaw-mnav:active,.scaw-mpill button:active{transform:scale(.94)}
  .scaw-mode-menu{display:grid;position:absolute;top:52px;right:12px;z-index:30;min-width:214px;padding:6px;border:1px solid var(--scaw-line);border-radius:16px;background:color-mix(in srgb,var(--scaw-surface) 88%,transparent);box-shadow:var(--scaw-shadow);transform-origin:top right;animation:scaw-menu-in 180ms var(--scaw-ease-out);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%)}
  .scaw-mode-menu[hidden]{display:none}
  .scaw-mode-menu button{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:center;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--scaw-ink);font:500 .95rem var(--font-body,Inter,sans-serif);text-align:left;cursor:pointer}
  .scaw-mode-menu button span{opacity:0;color:var(--scaw-accent)}
  .scaw-mode-menu button[aria-checked="true"] span{opacity:1}
  .scaw-datebar,.scaw-workspace[data-view="month"] .scaw-datebar{min-height:0;padding:0 18px 4px;border-bottom:0}
  .scaw-date-copy h1,.scaw-workspace[data-view="month"] .scaw-date-copy h1,.scaw-workspace[data-view="year"] .scaw-date-copy h1{margin:0;font:400 2.1rem/1.05 var(--font-display,"Bricolage Grotesque",sans-serif);letter-spacing:-.025em}
  .scaw-date-copy h1 b{font-weight:750}
  .scaw-workspace[data-view="year"] .scaw-date-copy h1{color:var(--scaw-accent)}
  .scaw-workspace[data-view="day"] .scaw-datebar,.scaw-workspace[data-view="week"] .scaw-datebar{display:none}
  .scaw-workspace[data-view="week"] .scaw-mobile-week{display:grid}
  .scaw-mobile-week{position:relative;z-index:3;padding:2px 6px 6px;border-bottom:0}
  .scaw-mobile-day strong{width:34px;height:34px;font:500 1.05rem var(--font-body,Inter,sans-serif)}
  .scaw-mobile-day[data-today="true"]{color:var(--scaw-accent)}
  .scaw-mobile-day[data-today="true"] strong{font-weight:700}
  .scaw-mobile-day[data-selected="true"] strong{background:var(--scaw-ink);color:var(--scaw-surface)}
  .scaw-mobile-day[data-selected="true"][data-today="true"] strong{background:var(--scaw-accent);color:var(--scaw-on-accent)}
  .scaw-mobile-date{display:block;padding:0 16px 8px;border-bottom:1px solid var(--scaw-line);background:var(--scaw-surface);font:650 .9rem var(--font-body,Inter,sans-serif);text-align:center}
  .scaw-workspace:not([data-view="day"]):not([data-view="week"]) .scaw-mobile-date{display:none}
  .scaw-week{min-width:0;grid-template-columns:44px repeat(var(--scaw-cols,3),minmax(0,1fr))}
  .scaw-workspace[data-view="week"] .scaw-stage{touch-action:pan-y;overflow-x:hidden}
  .scaw-week-corner,.scaw-week-head{min-height:30px}
  .scaw-week-head span{font-size:.7rem}
  .scaw-week-head strong{min-width:22px;height:22px;font-size:.8rem}
  .scaw-day-grid{--scaw-minute-px:1.08px;margin-left:50px}
  .scaw-all-day{padding-left:58px}
  .scaw-all-day:not(:has(.scaw-exam-pill)){display:none}
  .scaw-mmonths{padding:0 4px 120px}
  .scaw-mwd{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:repeat(7,1fr);padding:4px 2px 6px;border-bottom:1px solid var(--scaw-line);background:color-mix(in srgb,var(--scaw-surface) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .scaw-mwd span{text-align:center;color:var(--scaw-muted);font:650 .7rem var(--font-body,Inter,sans-serif)}
  .scaw-mmonth-label{display:grid;grid-template-columns:repeat(7,1fr);padding:14px 0 2px}
  .scaw-mmonth-label b{text-align:center;color:var(--scaw-accent);font:700 .95rem var(--font-body,Inter,sans-serif)}
  .scaw-mweek{display:grid;grid-template-columns:repeat(7,1fr);min-height:52px;border-top:1px solid var(--scaw-line)}
  .scaw-mmonths[data-mode="details"] .scaw-mweek{min-height:72px}
  .scaw-mmonths[data-mode="stacked"] .scaw-mweek{min-height:60px}
  .scaw-mcell{display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:0;padding:5px 1px 4px;border:0;background:transparent;color:var(--scaw-ink);font:inherit;text-align:center;cursor:pointer}
  .scaw-mcell[data-empty="true"]{visibility:hidden}
  .scaw-mnum{align-self:center;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font:500 1rem var(--font-body,Inter,sans-serif);font-variant-numeric:tabular-nums}
  .scaw-mcell[data-weekend="true"] .scaw-mnum{color:var(--scaw-muted)}
  .scaw-mcell[data-selected="true"] .scaw-mnum{background:var(--scaw-ink);color:var(--scaw-surface);font-weight:650}
  .scaw-mcell[data-today="true"] .scaw-mnum{background:var(--scaw-accent);color:var(--scaw-on-accent);font-weight:650}
  .scaw-mchip{display:block;margin:0 1px;padding:1px 3px;border-radius:4px;background:color-mix(in srgb,var(--scaw-accent) 14%,var(--scaw-surface));color:color-mix(in srgb,var(--scaw-accent) 80%,var(--scaw-ink));font:600 .56rem/1.3 var(--font-body,Inter,sans-serif);text-align:left;white-space:nowrap;overflow:hidden}
  .scaw-mchip[data-kind="busy"]{background:color-mix(in srgb,var(--scaw-ink) 7%,var(--scaw-surface));color:var(--scaw-ink-soft)}
  .scaw-mchip[data-kind="exam"]{background:var(--scaw-exam-surface);color:var(--scaw-exam-ink)}
  .scaw-mmore{color:var(--scaw-muted);font-size:.56rem}
  .scaw-mbars{display:grid;gap:2px;padding:0 4px}
  .scaw-mbars i{height:4px;border-radius:2px;background:var(--scaw-accent)}
  .scaw-mbars i[data-kind="busy"]{background:var(--scaw-muted)}
  .scaw-mbars i[data-kind="exam"]{background:var(--scaw-red)}
  .scaw-mdot{align-self:center;width:5px;height:5px;border-radius:50%;background:var(--scaw-muted)}
  .scaw-alist{padding:0 0 120px}
  .scaw-alist-day{position:sticky;top:0;z-index:2;padding:12px 18px 6px;background:color-mix(in srgb,var(--scaw-surface) 92%,transparent);color:var(--scaw-ink-soft);font:650 .82rem var(--font-body,Inter,sans-serif);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .scaw-alist-day.is-today{color:var(--scaw-accent)}
  .scaw-alist .scaw-day-item{padding:10px 18px;border-radius:0}
  .scaw-alist-empty{margin:0;padding:4px 18px 10px;color:var(--scaw-muted);font-size:.8rem}
  .scaw-year-stream{padding-top:6px}
  .scaw-year-section[data-selected-year="true"]>h2{display:none}
  .scaw-inspector-head{position:relative;padding-top:22px;touch-action:none;cursor:grab}
  .scaw-inspector-head::before{content:"";position:absolute;left:50%;top:8px;width:38px;height:5px;margin-left:-19px;border-radius:3px;background:var(--scaw-line)}
}
@keyframes scaw-menu-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@media(max-width:820px) and (prefers-reduced-transparency:reduce){.scaw-mnav,.scaw-mpill,.scaw-mode-menu,.scaw-mwd,.scaw-alist-day{background:var(--scaw-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.scaw-mode-menu{animation:none}}
@media(min-width:821px){
  .scaw-week-head{border-left:0}
  .scaw-secondary-action,.scaw-help-action{min-height:32px;background:transparent;box-shadow:none;border-radius:9px;padding:0 8px}
  .scaw-secondary-action:hover,.scaw-help-action:hover{background:var(--scaw-hover)}
}
@media(max-width:820px){
  .scaw-year-back{display:none!important}
  .scaw-week-corner,.scaw-week-head{background:var(--scaw-surface)}
}
/* Telefoon: het Agenda's-blad toont alleen je agenda's en instellingen, zoals op de iPhone; datums kies je in de maand zelf. */
@media(max-width:820px){.scaw-sidebar .scaw-mini-month{display:none}}
/* Zijpaneel en kader zoals het prototype (CB, 22 okt 2026). Laptop: de kalender tot de rand van het venster, zonder
   kaart, schaduw of ronde hoeken; het paneel met tabs bovenin, groepen in kleine hoofdletters en kobalt links. */
.scaw-side-tabs{display:flex;gap:4px;margin:0 0 14px;padding:3px;border-radius:11px;background:var(--scaw-surface-soft);border:1px solid var(--scaw-line)}
.scaw-side-tabs button{flex:1;height:28px;border:0;border-radius:8px;background:transparent;color:var(--scaw-ink-soft);font:600 .75rem var(--font-body,Inter,sans-serif);cursor:pointer}
.scaw-side-tabs button[aria-selected="true"]{background:var(--scaw-surface);color:var(--scaw-ink);box-shadow:0 1px 3px rgba(23,26,31,.12)}
.scaw-side-tabs button:focus-visible{outline:2px solid var(--scaw-accent);outline-offset:1px}
.scaw-rail-inbox>.scaw-side-tabs{margin:16px 16px 6px}
.scaw-sidebar-section{padding:4px 2px 6px;border-top:0}
.scaw-section-title{margin:8px 0 4px;font-size:.66rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--scaw-muted)}
.scaw-filter{min-height:34px;padding:6px 6px;border-radius:9px}
.scaw-filter:hover{background:var(--scaw-hover)}
.scaw-side-links{display:grid;gap:2px;padding:6px 2px 14px}
.scaw-side-link{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 6px;border:0;border-radius:9px;background:transparent;color:var(--scaw-accent);font:600 .8rem var(--font-body,Inter,sans-serif);text-align:left;cursor:pointer}
.scaw-side-link svg{flex:none}
.scaw-side-link:hover{background:var(--scaw-hover)}
.scaw-side-link:focus-visible{outline:2px solid var(--scaw-accent);outline-offset:1px}
@media(min-width:821px){
  .scaw-workspace{inset:0;border-radius:0;box-shadow:none}
}
@media(max-width:820px){.scaw-side-tabs{display:none}}
/* Telefoon na CB's iPhone-test (23 okt 2026): de balk helemaal onderaan zoals Apple; het Agenda's-blad met een vaste
   titel en daaronder alleen de lijst die scrolt; in de iPhone-app ruimte links voor het menu van de app. */
.scaw-rail-inbox{grid-template-rows:auto auto minmax(0,1fr)}
.scaw-sidebar-inner,.scaw-rail-view{overflow:hidden}
.scaw-sidebar-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:820px){
  .scaw-mobile-agenda-row{bottom:calc(10px + env(safe-area-inset-bottom))}
  .scaw-rail-sources{grid-template-rows:auto minmax(0,1fr)}
  .scaw-sidebar-mobile-head{position:relative;z-index:3}
  html[data-shell="ios"] .scaw-toolbar{padding-left:62px}
}

/* Kleur per vak, toetsen en deadlines uit je rooster (CB, 23 okt 2026). Een les krijgt de zachte kleur van
   zijn vak, een studieblok dezelfde kleur vol met het sterretje; rood blijft voor toetsen en deadlines. */
.scaw-event[data-kind="busy"][style*="--scaw-ev-c"],.scaw-month-item[data-kind="busy"][style*="--scaw-ev-c"],.scaw-mchip[data-kind="busy"][style*="--scaw-ev-c"]{background:color-mix(in srgb,var(--scaw-ev-c) 17%,var(--scaw-surface));color:color-mix(in srgb,var(--scaw-ev-c) 70%,var(--scaw-ink))}
.scaw-event[data-kind="busy"][style*="--scaw-ev-c"] .scaw-event-title{color:color-mix(in srgb,var(--scaw-ev-c) 55%,var(--scaw-ink))}
.scaw-event[data-kind="study"][style*="--scaw-ev-c"],.scaw-month-item[data-kind="study"][style*="--scaw-ev-c"],.scaw-mchip[data-kind="study"][style*="--scaw-ev-c"]{background:var(--scaw-ev-c);color:#FFFFFF}
.scaw-event[data-kind="study"][style*="--scaw-ev-c"] .scaw-event-title{color:#FFFFFF}
.scaw-event-star{display:inline-block;margin-right:4px;vertical-align:-1px;opacity:.9}
.scaw-event[data-variant="exam"],.scaw-month-item[data-variant="exam"],.scaw-mchip[data-variant="exam"]{background:#C8372D;color:#FFFFFF}
.scaw-event[data-variant="exam"] .scaw-event-title{color:#FFFFFF}
.scaw-event[data-variant="deadline"]{min-height:22px;padding-top:4px;padding-bottom:4px;border-top:2px solid var(--scaw-red);border-radius:4px 10px 10px 4px;background:var(--scaw-exam-surface);color:var(--scaw-exam-ink);z-index:4}
.scaw-event[data-variant="deadline"] .scaw-event-title{color:var(--scaw-exam-ink)}
.scaw-month-item[data-variant="deadline"],.scaw-mchip[data-variant="deadline"]{background:var(--scaw-exam-surface);color:var(--scaw-exam-ink);box-shadow:inset 3px 0 0 var(--scaw-red)}
.scaw-event-hint{display:inline-block;margin-top:5px;padding:2px 7px;border-radius:999px;background:var(--scaw-exam-surface);color:var(--scaw-exam-ink);font-size:.6rem;font-weight:650;white-space:nowrap}
.scaw-event[data-compact="true"] .scaw-event-hint{display:none}
.scaw-mark-box{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--scaw-line)}
.scaw-mark-box .scaw-inspector-actions{margin-top:0}
.scaw-mark-hint{margin:0;padding:10px 12px;border-radius:12px;background:var(--scaw-exam-surface);color:var(--scaw-exam-ink);font-size:.72rem;line-height:1.45}
.scaw-mark-copy{margin:0;color:var(--scaw-muted);font-size:.72rem;line-height:1.45}
.scaw-mark-field{display:grid;gap:6px;color:var(--scaw-muted);font-size:.66rem;font-weight:650}
.scaw-mark-field select{min-height:44px;border:1px solid var(--scaw-line);border-radius:12px;padding:0 12px;background:var(--scaw-surface);color:var(--scaw-ink);font:500 .78rem var(--font-body,Inter,sans-serif)}
.scaw-color-hint{margin:0 0 6px;color:var(--scaw-muted);font-size:.66rem;line-height:1.4}
.scaw-color-list{display:grid;gap:2px;padding:2px 0 6px}
.scaw-color-row{display:grid;gap:6px}
.scaw-color-row .scaw-swatches{padding:2px 6px 8px}
.scaw-color-current{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:34px;padding:4px 6px;border:0;border-radius:8px;background:transparent;color:var(--scaw-ink);font:inherit;cursor:pointer;text-align:left}
.scaw-color-current:hover{background:var(--scaw-hover)}
.scaw-color-current:focus-visible{outline:2px solid var(--scaw-accent);outline-offset:1px}
.scaw-color-dot{flex:none;width:16px;height:16px;border-radius:999px;background:var(--scaw-ev-c)}
.scaw-color-current[aria-expanded="true"] .scaw-color-dot{box-shadow:0 0 0 2px var(--scaw-surface),0 0 0 3.5px var(--scaw-ev-c)}
.scaw-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.scaw-color-name{overflow:hidden;color:var(--scaw-ink);font-size:.72rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.scaw-swatches{display:flex;flex-wrap:wrap;gap:6px}
.scaw-swatch{position:relative;width:26px;height:26px;border:0;border-radius:999px;background:var(--scaw-ev-c);cursor:pointer}
.scaw-swatch::after{content:"";position:absolute;inset:-9px}
.scaw-swatch[aria-pressed="true"]{box-shadow:0 0 0 2px var(--scaw-surface),0 0 0 4px var(--scaw-ev-c)}
.scaw-swatch:focus-visible{outline:2px solid var(--scaw-accent);outline-offset:3px}

/* Dagoverzicht in het detailpaneel: dezelfde kleur als in de agenda; toets en deadline rood. */
.scaw-day-item[data-kind="busy"][style*="--scaw-ev-c"] i{background:var(--scaw-ev-c)}
.scaw-day-item[data-variant="exam"] i,.scaw-day-item[data-variant="deadline"] i{background:var(--scaw-red)}
/* "Eigen studieblok?" is een vraag, geen alarm: rood blijft voor toetsen en deadlines. */
.scaw-event[data-suggest="study"] .scaw-event-hint{background:var(--scaw-surface);color:var(--scaw-ink)}

/* Deadline bovenaan de dag, een rij deadlines in de week en een rode stip onder de dag (CB, 23 okt). */
.scaw-day-top{position:sticky;top:0;z-index:4}
.scaw-day-top .scaw-all-day{position:relative;top:auto}
.scaw-deadline-notes{display:grid;gap:6px;padding:8px 14px 8px 72px;background:var(--scaw-canvas-soft);border-bottom:1px solid var(--scaw-line)}
.scaw-deadline-note{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:12px;background:var(--scaw-exam-surface);color:var(--scaw-exam-ink);font:inherit;text-align:left;cursor:pointer}
.scaw-deadline-note svg{flex:none}
.scaw-deadline-note small{display:block;font-size:.62rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.scaw-deadline-note strong{display:block;margin-top:1px;color:var(--scaw-ink);font-size:.82rem;font-weight:650;overflow-wrap:anywhere}
.scaw-deadline-note:focus-visible,.scaw-week-deadline-chip:focus-visible{outline:2px solid var(--scaw-accent);outline-offset:2px}
.scaw-day-dot{display:block;width:5px;height:5px;margin:0 auto;border-radius:999px;background:transparent}
.scaw-day-dot[data-on="true"]{background:var(--scaw-red)}
.scaw-week-head .scaw-day-dot{display:inline-block;margin:0}
.scaw-week-deadline-corner{top:40px;display:flex;align-items:center;justify-content:center;min-height:36px;color:var(--scaw-muted);font-size:.6rem}
.scaw-week-deadline{position:sticky;top:40px;z-index:5;display:grid;gap:4px;align-content:start;min-width:0;min-height:36px;padding:4px;background:var(--scaw-surface);border-bottom:1px solid var(--scaw-line);border-left:1px solid var(--scaw-line)}
.scaw-week-deadline-chip{display:flex;align-items:center;gap:5px;min-width:0;height:26px;padding:0 7px;border:0;border-radius:8px;background:var(--scaw-exam-surface);color:var(--scaw-exam-ink);font:700 .64rem var(--font-body,Inter,sans-serif);text-align:left;cursor:pointer}
.scaw-week-deadline-chip svg{flex:none}
.scaw-week-deadline-chip span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:820px){
  .scaw-deadline-notes{padding:6px 12px 8px}
  .scaw-week-deadline-corner,.scaw-week-deadline{top:30px}
  .scaw-week-head .scaw-day-dot{display:none}
  .scaw-week-deadline-corner{font-size:0}
}

/* Moodboardpunten die CB koos (23 okt): telefoon 1 rode lijn, 2 TENTAMEN, 3 paneel; laptop 2 TENTAMEN, 4 toetsdag, 5 aftelling. */
.scaw-event-badge{display:inline-block;align-self:flex-start;margin-bottom:3px;padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.22);color:#fff;font:800 .56rem/1.3 var(--font-body,Inter,sans-serif);letter-spacing:.06em;text-transform:uppercase}
.scaw-event[data-compact="true"] .scaw-event-badge{display:none}
.scaw-deadline-line{display:none}
.scaw-countdown{display:inline-flex;align-items:center;margin-left:14px;padding:6px 12px;border-radius:999px;background:var(--scaw-exam-surface);color:var(--scaw-exam-ink);font:650 .8rem/1.2 var(--font-body,Inter,sans-serif);letter-spacing:0;vertical-align:middle;white-space:nowrap}
.scaw-inspector-actions .quiet{background:transparent;color:var(--scaw-muted)}
@media(min-width:821px){
  .scaw-week-day[data-exam="true"]{background-color:color-mix(in srgb,var(--scaw-exam-surface) 55%,transparent)}
  .scaw-week-head[data-exam="true"],.scaw-week-head[data-exam="true"] span{color:var(--scaw-exam-ink)}
}
@media(max-width:820px){
  .scaw-day-grid .scaw-event[data-variant="deadline"]{display:none}
  .scaw-deadline-line{position:absolute;left:4px;right:6px;z-index:3;display:block;height:28px;margin-top:-1px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}
  .scaw-deadline-line i{position:absolute;left:4px;right:0;top:0;height:2px;background:var(--scaw-red)}
  .scaw-deadline-line i::before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:999px;background:var(--scaw-red)}
  .scaw-deadline-line span{position:absolute;left:10px;top:7px;color:var(--scaw-exam-ink);font:700 .72rem/1.2 var(--font-body,Inter,sans-serif);white-space:nowrap}
  .scaw-mark-hint[data-tone="exam"]{padding:12px;border-radius:12px;background:var(--scaw-exam-surface);color:var(--scaw-exam-ink)}
  .scaw-inspector-actions .primary.danger{background:#C8372D;color:#fff}
}