/* Shared responsive forms, navigation and content panels. */
.web-breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 20px}.web-breadcrumbs button{min-height:40px}.os-form,.os-form label,.os-form details{min-width:0}.os-form{display:grid;gap:16px}.os-form label{display:grid;gap:6px}.os-form input,.os-form select,.os-form textarea{width:100%;box-sizing:border-box;min-width:0}.os-form details{grid-column:1/-1}.os-form details>summary{cursor:pointer;padding:12px 0}.os-form details[open]{display:grid;gap:14px}.ui-dialog{width:min(760px,calc(100vw - 24px));max-height:90dvh}.ui-dialog-content{max-height:65dvh;overflow:auto}.ui-dialog-actions{position:sticky;bottom:0}.os-detail{white-space:pre-wrap;overflow-wrap:anywhere}.web-meta{display:flex;gap:8px;flex-wrap:wrap}.web-meta span{padding:5px 8px;border-radius:8px;background:var(--surface-alt,#ffffff0a)}
#p-scripts .scripts-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%;gap:20px}#p-scripts .scripts-grid>.card{width:100%;min-width:0;box-sizing:border-box}#p-scripts .scripts-grid>.card:has(#scriptDetail:empty){display:none}#p-scripts .scripts-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:18px}#p-scripts .scripts-form>*{width:100%;min-width:0;box-sizing:border-box}#p-scripts textarea,#p-scripts .scripts-form button{grid-column:1/-1}#p-scripts .script-code-input{direction:ltr;text-align:left;font-family:monospace;min-height:240px}#scriptsList{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.script-create>summary{cursor:pointer;display:inline-flex}.script-create{margin-bottom:16px}.compare-scroll{overflow:auto}.compare-scroll table{width:100%;border-collapse:collapse}.compare-scroll th,.compare-scroll td{padding:14px;text-align:start;border-bottom:1px solid #8884;min-width:150px;white-space:pre-wrap}.compare-different{background:#39ccd014}.collection-summary{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0}.collection-summary strong{border:1px solid #8884;padding:12px;border-radius:12px}.life-form>details{grid-column:1/-1}.life-form label{display:grid;gap:6px}.life-row small{line-height:1.8}.note-save-status{min-height:24px}.os-tabs{flex-wrap:wrap}@media(max-width:600px){#p-scripts .scripts-form{grid-template-columns:1fr}.web-breadcrumbs{gap:4px}.os-grid{grid-template-columns:1fr!important}}
.personal-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:20px}.personal-day{min-height:110px;border:1px solid #8884;border-radius:10px;padding:8px;min-width:0}.personal-day button{display:block;width:100%;white-space:normal;overflow-wrap:anywhere;font-size:13px;margin-top:6px}.personal-month>strong{text-align:center}@media(max-width:600px){.personal-day{padding:3px;min-height:85px}.personal-day button{font-size:11px;padding:4px}.personal-month{gap:3px}}
/* Keep focus indication inside rounded controls; scrolling containers cannot clip it. */
.ui-dialog-content{padding:6px;box-sizing:border-box;scroll-padding:8px;min-width:0}
.ui-dialog :is(input,select,textarea):focus,.ui-dialog :is(input,select,textarea):focus-visible,
.chat-modal :is(input,select,textarea):focus-visible{outline:2px solid var(--accent,#64b5ff)!important;outline-offset:-2px!important;box-shadow:none!important}
.ui-dialog :is(input,select,textarea){max-width:100%;min-width:0;box-sizing:border-box;border-radius:12px}
.chat-brand-home{display:grid;place-items:center;order:-2;flex:none;width:44px;height:44px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
#chatView .chat-brand-home .chat-brand-mark,html.light-theme #chatView .chat-brand-mark{background:transparent!important;box-shadow:none!important;filter:none!important;border:0!important;border-radius:0!important}
#bottom a{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer}
.overview-widgets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 24px}
.overview-widget{min-width:0;align-self:start;display:grid;gap:14px;padding:22px;background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:24px;transition:border-color .2s,box-shadow .2s}
.overview-widget:hover{border-color:var(--accent);box-shadow:0 8px 24px #00000012}.overview-widget.widget-wide{grid-column:span 2}.overview-widget:only-child{grid-column:1/-1}.overview-widget h3,.overview-widget h2,.overview-widget p{margin:0}.overview-widget h4{margin:0 0 8px}.overview-widget p{line-height:1.8}.overview-widget small{display:block;color:var(--muted);line-height:1.7}.widget-metric{font-size:24px;font-weight:750}.widget-kicker{color:var(--accent)}.widget-task-group{border-top:1px solid var(--line);padding-top:12px}.widget-task-group summary{cursor:pointer;padding:8px 0;font-weight:700}.widget-task{display:flex;gap:12px;align-items:center;padding:12px 0;flex-wrap:wrap;border-bottom:1px solid var(--line)}.widget-task>div{flex:1;min-width:160px}.widget-task strong{overflow-wrap:anywhere}.overview-widget>button{justify-self:start}.widget-subscription,.widget-news{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px}.widget-news>button{justify-self:start}.overview-widget label{display:grid;gap:8px}.overview-widget textarea{width:100%;min-width:0;box-sizing:border-box;resize:vertical;min-height:100px;background:var(--panel2);color:var(--fg);border:1px solid var(--line);border-radius:14px;font:inherit;padding:14px}.widget-feedback{color:var(--accent)}.news-reader{font-size:17px;line-height:1.95}.news-reader p{margin:0 0 20px;overflow-wrap:anywhere}.news-reader a{color:var(--accent)}
@media(max-width:850px){.overview-widgets{grid-template-columns:1fr 1fr}.overview-widget.widget-wide{grid-column:1/-1}}
@media(max-width:560px){.overview-widgets{grid-template-columns:1fr;gap:12px}.overview-widget{padding:18px;border-radius:20px}.widget-task{gap:8px}.news-reader{font-size:16px}}
@media(prefers-reduced-motion:reduce){.overview-widget{transition:none}}
/* Widget controls remain usable with touch, keyboard and reduced motion. */
.widget-dashboard-tools,.widget-heading,.widget-controls,.widget-custom-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.widget-dashboard-tools{margin:0 0 16px}.widget-layout-status{font-size:12px;color:var(--muted)}
.widget-dashboard .overview-widgets{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start}
.widget-dashboard .overview-widget{grid-column:span 3;min-width:0;align-content:start}
.widget-dashboard .overview-widget[data-widget-size=compact]{grid-column:span 2;padding:16px}
.widget-dashboard .overview-widget[data-widget-size=wide]{grid-column:span 4}
.widget-dashboard .overview-widget.is-expanded{grid-column:1/-1}
.widget-heading{justify-content:space-between}.widget-heading h3{margin:0;font-size:18px}
.widget-content{display:grid;gap:14px;min-width:0}.widget-content>button{justify-self:start}
.widget-control{min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;color:inherit;background:var(--panel2);cursor:pointer}
.widget-control:disabled{opacity:.4;cursor:default}.widget-control:focus-visible,.widget-custom-controls select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.widget-custom-controls{border-block:1px solid var(--line);padding:10px 0}.widget-custom-controls label{display:flex;gap:8px;align-items:center}.widget-custom-controls select{width:auto;min-height:36px}
.widget-drag-handle{cursor:grab;font-size:22px}.widget-drag-handle:active{cursor:grabbing}
.widget-dashboard [hidden]{display:none!important}.overview-widget.is-dragging{opacity:.5}.overview-widget.is-drop-target{outline:2px dashed var(--accent);outline-offset:4px}
.widget-dashboard .overview-widget[data-widget-id=shortcuts][data-widget-size=wide]{grid-column:span 4}
.widget-dashboard .overview-widget[data-widget-id=shortcuts].is-expanded{grid-column:1/-1}
body>.cal-sched-menu-panel{position:fixed;inset-inline-end:auto;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;z-index:1100;background:#182536!important;color:#f3f6fc;backdrop-filter:none!important;opacity:1}
html.light-theme body>.cal-sched-menu-panel{background:#fff!important;color:#182536}
body>.cal-sched-menu-panel .cal-sched-menu-item{min-height:44px}
body>.cal-sched-menu-panel .cal-sched-menu-item{background:transparent!important;color:inherit!important;box-shadow:none!important}
body>.cal-sched-menu-panel .cal-sched-menu-item:hover,body>.cal-sched-menu-panel .cal-sched-menu-item:focus-visible{background:#8697b126!important;outline:2px solid var(--accent);outline-offset:-2px}
body>.cal-sched-menu-panel .cal-sched-menu-item.danger{color:#ffaca5!important}
html.light-theme body>.cal-sched-menu-panel .cal-sched-menu-item.danger{color:#b42318!important}
@media(max-width:850px){.widget-dashboard .overview-widgets{grid-template-columns:repeat(2,minmax(0,1fr))}.widget-dashboard .overview-widget[data-widget-size],.widget-dashboard .overview-widget[data-widget-id=shortcuts]{grid-column:span 1}.widget-dashboard .overview-widget[data-widget-size=wide],.widget-dashboard .overview-widget.is-expanded{grid-column:1/-1}}
@media(max-width:560px){.widget-dashboard .overview-widgets{grid-template-columns:minmax(0,1fr)}.widget-dashboard .overview-widget[data-widget-size],.widget-dashboard .overview-widget[data-widget-id=shortcuts]{grid-column:1/-1}.widget-control{min-height:44px}.widget-heading{align-items:flex-start}.widget-dashboard-tools{align-items:flex-start}}
/* Rounded focus stays inside navigation bounds instead of being clipped. */
.nav a:hover,.nav a:active,.nav a.active{transform:none!important;outline-offset:-2px!important;box-shadow:inset 0 0 0 1px var(--accent-soft)!important}
.nav a:focus-visible{outline:2px solid var(--accent)!important;outline-offset:-3px!important;transform:none!important}
.widget-control:has(svg){width:40px;height:40px;padding:9px;display:inline-grid;place-items:center;flex:none}.widget-control svg{width:20px;height:20px}.widget-visibility{display:flex;flex-wrap:wrap;gap:12px;flex-basis:100%;padding:12px;border:1px solid var(--line);border-radius:16px}.widget-visibility label{display:flex;gap:7px;align-items:center}
.course-card{display:grid;gap:14px;min-width:0}.course-card progress{width:100%;accent-color:var(--accent);height:10px}.course-times{font-variant-numeric:tabular-nums}.course-reference{display:grid;gap:8px;border-bottom:1px solid var(--line);padding:12px 0;overflow-wrap:anywhere}.overview-widget .course-card{padding:14px}.course-card .os-controls{flex-wrap:wrap}
.dock-lens{position:absolute;left:0;top:0;pointer-events:none;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);box-shadow:inset 0 1px 1px #fff9,0 2px 12px #0001;transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s,height .28s;box-sizing:border-box;z-index:0}
@media(max-width:1200px){
 #mobileNav.mobile-nav{display:flex;position:fixed;left:50%;right:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:calc(100% - 24px);max-width:580px;box-sizing:border-box;padding:7px;gap:2px;border:1px solid var(--surface-border,#ffffff50);border-radius:999px;overflow:visible;background:color-mix(in srgb,var(--panel) 85%,transparent);backdrop-filter:blur(22px) saturate(150%);box-shadow:0 8px 28px #0002;touch-action:none;z-index:60}
 #mobileNav a{flex:1 1 0;min-width:0;max-width:none;min-height:48px;padding:5px 2px;position:relative;z-index:1;background:transparent!important;border-color:transparent!important;box-shadow:none!important;transition:transform .2s,color .2s;transform:none}
 #mobileNav a .nav-label{font-size:10px;overflow:hidden;text-overflow:ellipsis;max-width:100%}#mobileNav a .nav-icon{width:22px;height:22px}#mobileNav a.active{color:var(--accent)}#mobileNav a.dock-preview{transform:scale(1.12);color:var(--accent)}#mobileNav.dock-pressed .dock-lens{box-shadow:inset 0 2px 3px #fffa,0 4px 16px #0003;backdrop-filter:blur(8px)}
 .workspace-content{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important;scroll-padding-bottom:110px}
}
@media(min-width:761px) and (max-width:1200px){#mobileNav.mobile-nav{max-width:620px}.widget-dashboard .overview-widgets{grid-template-columns:repeat(2,minmax(0,1fr))}.widget-dashboard .overview-widget[data-widget-size]{grid-column:span 1}.widget-dashboard .overview-widget.is-expanded{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.dock-lens,#mobileNav a{transition:none!important}}
/* Fold inner displays keep one compact rail and a non-overlapping search row. */
@media(min-width:769px) and (max-width:1200px){
 .shell{grid-template-columns:80px minmax(0,1fr)!important}.workspace-sidebar{width:auto;min-width:0;margin:8px 0 8px 4px;padding-inline:4px}.sidebar-brand{padding:8px 2px}.sidebar-logo-expanded{display:none!important}.sidebar-logo-collapsed{display:block!important;width:34px;margin-inline:auto}.workspace-sidebar .nav-label,.workspace-sidebar .nav-section-label{display:none!important}.workspace-sidebar .nav a,.workspace-sidebar .bottom a{justify-content:center;padding-inline:4px}.app-topbar{flex-wrap:wrap}.app-topbar .topbar-center{position:static!important;order:3;flex:1 1 100%;max-width:none;margin:0}.app-topbar .topbar-actions{margin-inline-start:auto}
}
@media(min-width:601px) and (max-width:1200px){#app .app-topbar{grid-template-columns:minmax(0,1fr) auto}#app .topbar-center{grid-column:1/-1;grid-row:2;max-width:none}#app .topbar-actions{grid-column:2;grid-row:1}#app .space-picker{grid-column:1;grid-row:1}}
@media(max-width:1200px){#mobileNav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);text-decoration:none;border-radius:999px}#mobileNav a .nav-label{display:block;line-height:1.2}#mobileNav a.active{color:var(--accent)}#mobileNav .nav-icon{display:block}}