/* UniPlan 2.0 — the original blue/cream palette, a simpler responsive shell. */
:root{--radius-xl:24px;--radius-lg:20px;--radius-md:12px;--shadow:0 12px 36px rgba(52,68,82,.07)}
html{overscroll-behavior:auto;touch-action:pan-y pinch-zoom}body{overflow-x:hidden;overscroll-behavior:auto;font-family:"Avenir Next","Segoe UI",sans-serif}.background-layer{opacity:.25}
[hidden]{display:none!important}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent-deep);outline-offset:3px}.app-shell{display:grid;grid-template-columns:205px minmax(0,1fr);padding:0;min-height:100dvh;max-width:none;overflow:visible}.v2-sidebar{padding:32px 18px 24px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:20px;position:sticky;top:0;height:100dvh;overflow-y:auto}.v2-brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:750;text-decoration:none;color:var(--ink);letter-spacing:-.8px}.v2-brand .brand-mark{width:33px;height:36px;border-radius:11px;font-size:20px;flex:none}.v2-brand small{font-size:10px;color:var(--accent-deep);padding:4px;background:var(--accent-soft);border-radius:4px;letter-spacing:0}.v2-sidebar-caption{font-size:9px;letter-spacing:1.6px;color:var(--muted);margin:0 8px 8px}.v2-sidebar .tab-row{display:flex;flex-direction:column;gap:4px;border:0;padding:0;background:none;overflow:visible;align-items:stretch}.v2-sidebar .tab-button{display:flex;align-items:center;gap:12px;padding:12px;border-radius:9px;box-shadow:none;border:0;background:none;color:var(--muted);font-size:13px;text-align:left;justify-content:start;min-height:43px;min-width:0;font-weight:600}.v2-sidebar .tab-button.is-active{background:var(--accent-soft);color:var(--accent-deep)}.v2-sidebar svg,.v2-bottom-nav svg,.v2-more-grid svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.v2-sidebar-bottom{margin-top:auto;display:grid;gap:13px;padding:20px 8px 0}.v2-sidebar-bottom a,.v2-sidebar-bottom button{font-size:11px;color:var(--muted);text-align:left;background:none;border:0;text-decoration:none;padding:0}.v2-sidebar-bottom p{font-size:11px;border-top:1px solid var(--line);padding-top:20px;overflow-wrap:anywhere;color:var(--muted)}.v2-main{padding:26px clamp(20px,3vw,44px) 40px;min-width:0;max-width:1720px;width:100%;margin:0 auto}.v2-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:32px}.v2-breadcrumb{font-size:12px;color:var(--muted)}.v2-breadcrumb span{padding:0 9px}.v2-mobile-brand{display:none}.v2-actions{display:flex;gap:10px;align-items:center}.v2-actions #quick-add{width:auto;min-width:100px;min-height:40px;padding:10px 16px;font-size:12px;border-radius:11px}.v2-actions #quick-add span{margin-right:7px}.v2-actions #open-settings,.v2-actions #open-canvas{width:34px;height:34px;min-width:34px;border:0;background:var(--surface);box-shadow:none}.v2-heading{margin-bottom:24px}.v2-heading h1{font-size:clamp(27px,3vw,36px);font-weight:600;letter-spacing:-.7px;margin:0 0 9px;font-family:"Iowan Old Style",Georgia,serif}.v2-heading p{font-size:12px;line-height:1.6;margin:0;color:var(--muted)}#v2-sync-status{font-size:10px;margin-top:5px}.dashboard{display:block}.tab-shell{padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none}.tab-panels{padding:0}.tab-panel{padding:0}.panel-card{padding:23px;border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);min-width:0}.panel-header{gap:16px;margin-bottom:20px}.panel-header h3{font-family:inherit;font-weight:650;font-size:16px;letter-spacing:-.3px}.panel-label{font-size:10px;letter-spacing:1.4px}.panel-grid{gap:22px;align-items:start}.panel-grid:not(.calendar-layout){grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr)}.primary-button,.ghost-button,.small-button{border-radius:10px}.primary-button{font-size:13px;padding:11px 16px}.small-button,.ghost-button{font-size:12px}.item-title{font-size:15px}.item-meta,.item-notes,.settings-note{font-size:12px;line-height:1.6}.field>span{font-size:12px}.field input,.field select,.field textarea{border-radius:10px;padding:11px 12px;font-size:14px}.v2-week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:7px;margin-bottom:24px}.v2-week-strip button{border:0;background:none;border-radius:10px;padding:12px 3px;color:var(--muted);display:grid;gap:7px}.v2-week-strip span{font-size:10px;text-transform:uppercase}.v2-week-strip strong{font-size:18px;font-weight:600}.v2-week-strip button.is-active{background:var(--accent);color:var(--ink)}.v2-today-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:24px;align-items:start}.v2-today-columns>div{display:grid;gap:22px}.v2-up-next{background:linear-gradient(120deg,var(--accent-soft),var(--surface));border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.v2-up-next h2{font-family:"Iowan Old Style",Georgia,serif;font-size:26px;font-weight:600;margin:14px 0 10px;line-height:1.25}.v2-up-next p:not(.panel-label){font-size:12px;color:var(--muted);line-height:1.6}.v2-up-next button{margin-top:10px}.v2-next-exam{background:var(--surface-soft)}.v2-next-exam h3{font-size:17px}.v2-agenda-item{display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--item-color,var(--accent)) 10%,var(--surface-strong));border-left:3px solid var(--item-color,var(--accent));border-radius:9px;padding:14px 12px;margin:10px 0}.v2-item-content{display:grid;gap:6px;background:none;border:0;padding:0;text-align:left;min-width:0;color:inherit;width:100%}.v2-item-content strong{font-size:13px;overflow-wrap:anywhere}.v2-item-content small{font-size:11px;color:var(--muted);line-height:1.5}.v2-item-type{font-size:9px;text-transform:uppercase;letter-spacing:.9px;color:var(--muted)}.v2-agenda-item.is-complete strong{text-decoration:line-through;opacity:.6}.completed-section{margin-top:15px;border-top:1px solid var(--line);padding-top:14px}.completed-section summary{font-size:12px;color:var(--muted);cursor:pointer}.empty-state{font-size:12px;padding:18px;line-height:1.6}.todo-item{padding:15px;border-radius:12px}.todo-copy strong{font-size:14px}.todo-copy span{font-size:12px}.todo-filters{gap:12px}.v2-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v2-more-grid button{display:flex;gap:12px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:16px;color:var(--ink);text-align:left}.v2-more-grid a{font-size:12px;color:var(--muted);padding:15px}.v2-bottom-nav{display:none}
/* The existing calendar is part of the page, with the same surface and controls. */
.calendar-layout{grid-template-columns:minmax(0,1fr)!important}.calendar-panel{background:var(--surface)!important;border-radius:20px!important}.calendar-header{flex-wrap:wrap;align-items:center}.calendar-header h3{font-family:"Iowan Old Style",Georgia,serif;font-size:26px}.calendar-header .nav-actions{margin-left:auto;width:auto;display:flex;gap:6px}.calendar-header .nav-actions button{flex:0 0 auto;min-height:35px;padding:7px 11px}.calendar-view-switch{max-width:330px;margin-bottom:20px;touch-action:pan-y pinch-zoom}.view-switch-button{font-family:inherit;font-size:12px;font-weight:600}.calendar-grid{cursor:default;overscroll-behavior:auto;touch-action:pan-y pinch-zoom}body:not(.mobile-preview) .calendar-grid[data-view="week"]{grid-template-columns:repeat(7,minmax(0,1fr));overflow:visible;padding:0;gap:0}.calendar-grid[data-view="month"]{grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-grid[data-view="week"] .calendar-day{min-width:0}.calendar-marker-title{font-family:inherit}.weekday-pill{font-size:11px;font-weight:500}.calendar-day-number{font-weight:600}.day-overview-panel{display:block!important}.day-overview-panel .day-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.calendar-item-details-dialog{max-height:90dvh;overflow-y:auto}.calendar-view-switch,.calendar-marker{box-shadow:none}.calendar-grid[data-view="day"] .calendar-markers{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
/* All add/edit forms use the original working form in an accessible dialog. */
.mobile-add-toggle{display:inline-flex!important}.mobile-form-dialog{width:min(680px,calc(100vw - 28px));height:auto;max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:20px;background:var(--surface-strong);color:var(--ink)}.mobile-form-dialog::backdrop{background:#26364555;backdrop-filter:blur(3px)}.mobile-form-dialog-card{max-height:88dvh;overflow-y:auto;padding:24px;overscroll-behavior:contain}.mobile-form-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:-24px;padding:12px 0;background:var(--surface-strong);z-index:2}.mobile-form-dialog-header strong{font-size:20px}.mobile-dialog-form{display:block}.mobile-dialog-form .field-row{display:grid}.v2-canvas-mode{padding:15px;background:var(--surface-soft);border:1px solid var(--line);border-radius:14px;margin:15px 0}.v2-canvas-mode fieldset{margin:0 0 15px;padding:0;border:0}.v2-canvas-mode legend{font-weight:650;font-size:13px;margin-bottom:10px}.v2-canvas-mode label{display:flex;align-items:start;gap:10px;padding:14px 10px;margin:7px 0;border:1px solid var(--line);border-radius:10px;cursor:pointer}.v2-canvas-mode label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.v2-canvas-mode input{accent-color:var(--accent-deep);margin-top:3px}.v2-canvas-mode strong{display:block;font-size:12px}.v2-canvas-mode small{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:6px}.v2-canvas-mode button{margin:4px}.v2-release-links{margin:20px 0;font-size:12px}.whats-new-card{padding:25px}.whats-new-card h2{font-family:Georgia,serif;font-size:30px}.whats-new-card>p{line-height:1.7}.whats-new-list h3{font-size:15px}.whats-new-list p{font-size:12px}.auth-panel .brand-mark{background:var(--accent)}
@media(max-width:1100px){.app-shell{grid-template-columns:175px minmax(0,1fr)}.v2-sidebar{padding:28px 12px}.v2-main{padding:24px}.v2-brand{font-size:21px}.v2-today-columns{gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(245px,1fr)}.panel-card{padding:19px}.calendar-marker{padding:6px 4px!important}.calendar-marker-title{font-size:11px!important}.calendar-marker-time{font-size:10px!important}}
@media(max-width:760px){body{overflow-x:hidden}.app-shell{display:block;min-height:100dvh}.v2-sidebar{display:none}.v2-main{padding:20px 14px 95px}.v2-topline{margin-bottom:27px}.v2-mobile-brand{display:flex;font-size:21px}.v2-breadcrumb{display:none}.v2-actions{gap:5px}.v2-actions #open-settings,.v2-actions #open-canvas{display:none}.v2-actions #quick-add{font-size:11px;padding:9px 11px;min-width:85px;min-height:37px}.v2-heading h1{font-size:29px}.v2-heading{margin-bottom:22px}.v2-heading p{font-size:11px}.v2-week-strip{gap:3px;padding:5px;margin-bottom:19px}.v2-week-strip button{padding:10px 2px}.v2-week-strip span{font-size:9px}.v2-today-columns{grid-template-columns:1fr;gap:19px}.v2-today-columns>div{gap:19px}.panel-card{padding:18px;border-radius:18px}.panel-grid:not(.calendar-layout){grid-template-columns:1fr}.panel-header h3{font-size:16px}.tab-panels{padding:0}.v2-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:15;justify-content:space-around;background:var(--surface-strong);border-top:1px solid var(--line);padding:8px 6px max(10px,env(safe-area-inset-bottom));box-shadow:0 -3px 20px #34445208}.v2-bottom-nav .tab-button{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;border-radius:9px;background:none;color:var(--muted);font-size:10px;min-width:0;padding:8px 14px;box-shadow:none;flex:1}.v2-bottom-nav .tab-button.is-active{background:var(--accent-soft);color:var(--accent-deep)}.v2-bottom-nav .tab-button span{display:block!important}.calendar-header h3{font-size:23px}.calendar-header .nav-actions{margin-left:0;width:auto;gap:5px}.calendar-header .nav-actions button{font-size:10px;padding:6px 9px}.calendar-panel{padding:15px 8px!important}.calendar-view-switch{width:100%;max-width:none}.calendar-grid[data-view="month"] .calendar-marker-title{font-size:9px!important}.calendar-grid[data-view="month"] .calendar-marker-time{font-size:8px!important}.calendar-grid[data-view="month"] .calendar-marker{padding:3px 2px!important}.calendar-grid[data-view="week"]{grid-template-columns:1fr!important;gap:10px!important;border:0!important}.calendar-grid[data-view="week"] .calendar-day{display:block!important;position:relative!important;min-height:0!important;padding:15px!important;border:1px solid var(--line)!important;border-radius:12px!important;text-align:left!important;background:var(--surface-strong)!important}.calendar-grid[data-view="week"] .calendar-day-number{position:static!important;transform:none!important;display:inline-block!important;height:auto!important;width:auto!important;padding:5px 8px!important;margin:0 0 12px!important;font-size:12px}.calendar-grid[data-view="week"] .calendar-marker-title{font-size:12px!important}.calendar-grid[data-view="week"] .calendar-marker-time{font-size:11px!important}.calendar-grid[data-view="week"] .calendar-marker{padding:10px!important}.calendar-grid[data-view="day"] .calendar-markers{grid-template-columns:1fr}.calendar-panel:has(.calendar-grid[data-view="week"]) .calendar-weekdays{display:none}.day-overview-panel .day-summary{grid-template-columns:1fr}.v2-up-next h2{font-size:25px}.field input,.field select,.field textarea{font-size:16px}.todo-filters{grid-template-columns:1fr}.mobile-form-dialog-card{padding:18px}.mobile-form-dialog-header{top:-18px}.whats-new-card{padding:20px}.whats-new-card h2{font-size:26px}}

.todo-filters[hidden],.collection-filter[hidden]{display:none!important}
.v2-class-due{display:grid;gap:6px;padding:14px;margin-top:12px;border-radius:14px;background:var(--surface-soft,#eef5fa)}
.v2-class-due .small-button{justify-self:start}.v2-tour-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
#v2-tour-copy{line-height:1.7}#panel-todo .school-import-accordion{margin-top:20px}
/* Update 2.5: consistent controls and compact settings. */
#panel-calendar .day-overview-panel{display:none!important}
body .v2-actions #open-canvas,body .v2-actions #open-settings,body .v2-actions #quick-add,body .v2-actions #open-customize{display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;padding:10px;border-radius:13px;box-sizing:border-box;flex:none;font-size:21px;line-height:1;border:1px solid var(--line)}
body .v2-actions #quick-add span{margin:0}body .v2-actions svg{width:23px;height:23px;flex:none}#open-customize svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#panel-settings>.panel-grid{grid-template-columns:minmax(0,1fr)!important;max-width:1100px;margin-inline:auto}
#panel-settings .settings-summary-card{order:-1}
#panel-settings #settings-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
#panel-settings .settings-summary-row{padding:12px 0;font-size:12px}
#settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
#settings-form>.customization-dropdown,#settings-form>.form-actions,#settings-form>#settings-status{grid-column:1/-1}
#settings-form>.customization-dropdown{margin:0}
.settings-accordion{border:1px solid var(--line);border-radius:13px;padding:14px;background:var(--surface-soft);min-width:0}
.settings-accordion>summary{font-size:13px;font-weight:600;cursor:pointer}.settings-accordion .subsection{margin-top:14px;padding-top:12px}.settings-accordion .subsection-header{display:none}
#panel-settings .settings-summary-card>.settings-accordion{margin-top:10px}
.v2-countdown{font-weight:700;color:var(--accent-deep)!important}.v2-update-history{margin:22px 0;padding:16px;border:1px solid var(--line);border-radius:13px;font-size:13px;line-height:1.6}.v2-update-history summary{cursor:pointer;font-weight:650}
@media(max-width:760px){.v2-topline{flex-wrap:wrap;gap:12px}.v2-actions{gap:7px}.v2-mobile-brand{font-size:18px}.v2-mobile-brand .brand-mark{width:27px;height:31px}.v2-mobile-brand small{display:none}body .v2-actions #open-canvas,body .v2-actions #open-settings,body .v2-actions #quick-add,body .v2-actions #open-customize{width:38px;height:38px;min-width:38px;min-height:38px;max-width:38px;padding:8px;border-radius:11px}#settings-form,#panel-settings #settings-summary{grid-template-columns:1fr}#panel-settings .settings-summary-row{font-size:11px}.settings-accordion{padding:12px}}
body.uniplan-v2 .v2-actions #open-canvas,body.uniplan-v2 .v2-actions #open-settings,body.uniplan-v2 .v2-actions #quick-add,body.uniplan-v2 .v2-actions #open-customize{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;aspect-ratio:1}
@media(max-width:760px){body.uniplan-v2 .v2-actions #open-canvas,body.uniplan-v2 .v2-actions #open-settings,body.uniplan-v2 .v2-actions #quick-add,body.uniplan-v2 .v2-actions #open-customize{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important}}

.calendar-item-dialog{width:min(680px,calc(100vw - 28px));max-height:90dvh;overflow-y:auto;box-sizing:border-box}
.calendar-item-dialog form{margin-top:20px}
@media(max-width:760px){html,body{max-width:100%;overscroll-behavior-x:none;touch-action:pan-x pan-y}body .calendar-grid,body .calendar-view-switch{touch-action:pan-y}input,select,textarea{font-size:16px!important}}

.calendar-item-actions{display:flex;align-items:center;gap:10px;margin-top:16px}

/* Keep dialogs anchored while their content changes or the keyboard opens. */
html:has(dialog[open]),body:has(dialog[open]){overflow:hidden;overscroll-behavior:none}
dialog{position:fixed;inset:24px 0 auto;margin:0 auto;max-width:calc(100% - 28px);max-height:calc(100dvh - 48px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable}
dialog .field,dialog .field-row,dialog form,dialog .panel-header>div{min-width:0;max-width:100%}
dialog .field-row{grid-template-columns:repeat(2,minmax(0,1fr))}
dialog input:not([type=checkbox]):not([type=radio]),dialog select,dialog textarea{min-width:0;max-width:100%;width:100%;box-sizing:border-box;font-size:16px}
dialog textarea{resize:vertical}
dialog .panel-header .icon-button{flex-shrink:0}
.calendar-item-dialog,.mobile-form-dialog{max-height:calc(100dvh - 48px);overflow:auto}
.mobile-form-dialog-card{max-height:none;overflow:visible}
.mobile-form-dialog-header{position:static;padding-top:0}
.calendar-item-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.calendar-item-actions .small-button{width:100%;min-height:44px;margin:0;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);color:var(--ink);font:inherit;font-size:14px;font-weight:600;box-shadow:none}
@media(max-width:760px){
  dialog{inset: max(12px,env(safe-area-inset-top)) 0 auto;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:calc(100% - 24px)}
  .calendar-item-dialog,.mobile-form-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
  .calendar-item-dialog{padding:18px}
  dialog .field-row,dialog .mobile-dialog-form .field-row{grid-template-columns:minmax(0,1fr)}
  dialog .form-actions{display:flex;flex-wrap:wrap;gap:10px}
  dialog .form-actions>*{min-width:0;max-width:100%}
}

/* Give every tab the full content width, including importers and lists. */
.v2-main { max-width: none; }
.tab-panel > .panel-grid:not(.calendar-layout) { grid-template-columns: minmax(0, 1fr); }
.tab-panel > .panel-grid > .panel-card { width: 100%; min-width: 0; }
.tab-panel .field-row > *, .tab-panel .field { min-width: 0; }
.tab-panel .field input, .tab-panel .field select { width: 100%; max-width: 100%; }

/* Settings uses one consistent, roomy section layout. */
#panel-settings > .panel-grid { max-width: none; margin-inline: 0; }
#settings-form { grid-template-columns: minmax(0, 1fr); gap: 20px; }
#panel-settings :is(.settings-accordion, .customization-dropdown) {
  width: 100%; min-width: 0; margin: 0; padding: 20px;
  border: 1px solid var(--line); border-radius: 16px;
  background: var(--surface-soft); color: var(--ink);
}
#panel-settings :is(.settings-accordion, .customization-dropdown) > summary {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  min-height: 28px; list-style: none; font-size: 16px; font-weight: 650;
  line-height: 1.5; color: var(--ink); cursor: pointer;
}
#panel-settings :is(.settings-accordion, .customization-dropdown) > summary::-webkit-details-marker { display: none; }
#panel-settings :is(.settings-accordion, .customization-dropdown) > summary::after {
  content: '+'; flex: 0 0 auto; float: none; font-size: 22px; color: var(--accent-deep);
}
#panel-settings :is(.settings-accordion, .customization-dropdown)[open] > summary::after { content: '−'; }
#panel-settings :is(.settings-accordion > .subsection, .customization-dropdown-body) {
  margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line);
}
#panel-settings :is(.field-row, .customization-controls) {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  gap: 20px; align-items: start; width: 100%; min-width: 0;
}
#panel-settings .field { display: grid; gap: 8px; width: 100%; margin-bottom: 16px; }
#panel-settings .field > span { font-size: 14px; line-height: 1.5; }
#panel-settings .field :is(input:not([type=checkbox]):not([type=radio]), select, textarea) {
  width: 100%; min-width: 0; min-height: 48px; padding: 12px 14px;
  border: 1px solid var(--line); border-radius: 10px;
  background: var(--surface-strong); color: var(--ink); font-size: 16px; line-height: 1.5;
}
#panel-settings .customization-controls > .field:has(#settings-theme) { grid-column: 1 / -1; }
#panel-settings .customization-presets { grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 12px; }
#panel-settings .customization-preset { padding: 14px; min-height: 48px; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
#panel-settings :is(.settings-note, .v2-canvas-mode small, .canvas-guide) { font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
#panel-settings :is(.small-button, .ghost-button, .primary-button) {
  min-height: 44px; padding: 11px 16px; font-size: 14px; line-height: 1.5;
  white-space: normal; overflow-wrap: anywhere; height: auto;
}
#panel-settings .form-actions { flex-wrap: wrap; gap: 12px; }
#panel-settings #settings-summary { grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 0 28px; }
#panel-settings .settings-summary-row { align-items: start; flex-wrap: wrap; gap: 8px 16px; font-size: 14px; line-height: 1.6; }
#panel-settings .settings-summary-row strong { overflow-wrap: anywhere; }
#panel-settings .weekly-reminder-settings { margin: 0; padding: 20px; border-radius: 16px; background: var(--surface-soft); }
@media (max-width: 760px) {
  #panel-settings :is(.settings-accordion, .customization-dropdown, .weekly-reminder-settings) { padding: 16px; }
  #panel-settings :is(.field-row, .customization-controls) { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  #panel-settings .settings-summary-row { flex-direction: column; }
  #panel-settings .settings-summary-row strong { text-align: left; }
  #panel-settings .customization-heading { flex-wrap: wrap; }
}
#panel-settings .settings-accordion > .weekly-reminder-settings {
  border: 0; border-top: 1px solid var(--line); border-radius: 0;
  padding: 18px 0 0; margin: 18px 0 0; background: transparent;
}

/* Summary cards stay in two columns above the full-width daily agenda. */
@media (min-width: 761px) {
  .v2-today-columns { align-items: stretch; }
  .v2-today-columns > div { display: flex; flex-direction: column; }
  .v2-today-columns :is(.v2-up-next, .v2-next-exam, .v2-attention-card) { flex: 1; }
}

#panel-today > .v2-full-day { width: 100%; margin-top: 24px; }
@media (max-width: 760px) { #panel-today > .v2-full-day { margin-top: 19px; } }

/* Compact, readable previews use the extra room in both summary cards. */
.v2-preview-item {
  display: grid; gap: 6px; width: 100%; min-width: 0; margin: 0 !important;
  padding: 10px 0; border: 0; border-bottom: 1px solid var(--line);
  background: transparent; color: var(--ink); font: inherit; text-align: left;
}
.v2-preview-item:first-child { padding-top: 4px; }
.v2-preview-item:last-child { border-bottom: 0; padding-bottom: 0; }
.v2-preview-item strong { font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
.v2-preview-item .settings-note { margin: 0; }
.v2-preview-item:hover strong { color: var(--accent-deep); }
#v2-next-exam > .small-button, #v2-up-next > .small-button { margin-top: 14px; }

.tesla-share-dialog{border:1px solid var(--line);border-radius:18px;background:var(--surface-strong);color:var(--ink);padding:24px;max-width:min(520px,calc(100vw - 32px))}.tesla-share-dialog::backdrop{background:#162a3b66}.tesla-share-dialog p{font-size:13px;line-height:1.8;color:var(--muted)}.tesla-share-dialog label{display:grid;gap:8px;font-size:12px}.tesla-share-dialog textarea{width:100%;min-height:80px;font:inherit;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.tesla-share-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:18px}.tesla-share-actions a{font-size:12px;color:var(--accent-deep)}.location-map-links .tesla-share{align-self:center}#panel-study{min-width:0}