/* 8aPDF editorial home refresh — all dynamic widgets use one consistent surface. */
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  padding:0!important;
  margin:17px auto 30px!important;
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  background:transparent!important;
  align-items:stretch!important;
}
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner)>.widget:not(.ws-hidden-widget){
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:var(--surface)!important;
  box-shadow:none!important;
  padding:22px 24px!important;
  margin:0!important;
  min-width:0!important;
  max-height:none!important;
  min-height:0!important;
  overflow:hidden!important;
  transform:none!important;
  transition:background .25s ease,border-color .25s ease!important;
}
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner)>.widget:not(.ws-hidden-widget):hover{
  border-color:var(--line-bold)!important;
  background:var(--surface-high)!important;
  transform:none!important;
  box-shadow:none!important;
}
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner)>.widget:nth-child(odd){
  border-right:1px solid var(--line)!important;
}
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner) .widget-header{
  border:0!important;
  border-bottom:0!important;
  margin:0 0 14px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:27px!important;
}
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner) .widget-header strong{
  font-size:clamp(.83rem,1.05vw,.94rem)!important;
  letter-spacing:-.025em!important;
  font-weight:730!important;
}
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner) .widget-header button{
  font-size:.72rem!important;
  color:var(--muted)!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  padding:5px 0!important;
  min-height:0!important;
  white-space:nowrap!important;
}
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner) .widget-header button:hover{color:var(--text)!important}
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner) :is(.list-row,.planner-task){
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent)!important;
  border-radius:0!important;
  box-shadow:none!important;
  margin:0!important;
  padding:12px 4px!important;
  min-height:0!important;
}
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner) :is(.list-row,.planner-task):last-child{
  border-bottom:0!important;
}
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner) :is(.list-row,.planner-task):hover{
  background:color-mix(in srgb,var(--text) 4%,transparent)!important;
}
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner) .planner-empty{
  margin:0!important;padding:8px 2px!important;min-height:0!important;
}
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner) .widget-header:after,
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner)>.widget:before,
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner)>.widget:after{
  border:0!important;
}
html[data-ui-mode="studio"] #workspaceHomeActions :is(.ws-quiet,.ws-upcoming-btn){
  border:1px solid var(--line-bold)!important;
  min-height:42px!important;
  padding:10px 16px!important;
  border-radius:13px!important;
  font-size:.77rem!important;
  font-family:inherit!important;
  font-weight:650!important;
  letter-spacing:-.015em!important;
  color:var(--text)!important;
  background:var(--surface)!important;
  box-shadow:none!important;
  display:inline-flex!important;
  gap:9px!important;
  align-items:center!important;
  justify-content:center!important;
}
html[data-ui-mode="studio"] #workspaceHomeActions .ws-upcoming-btn[hidden]{display:none!important}
html[data-ui-mode="studio"] #workspaceHomeActions :is(.ws-quiet,.ws-upcoming-btn):hover{background:var(--surface-high)!important}
.ws-due-unconfirmed{padding:10px 3px 3px;color:var(--muted);font-size:.69rem;font-weight:700;letter-spacing:.035em}
html[data-ui-mode="studio"] #dashboardWidgets{border-block:0!important}
html[data-ui-mode="studio"] #newSchoolPlanner{border-block:0!important}
/* New message toast sits above the website, not in the sidebar or music player. */
.eightapdf-chat-toasts{position:fixed;z-index:20001;right:17px;top:18px;display:grid;gap:10px;width:min(385px,calc(100vw - 34px));pointer-events:none}
.eightapdf-chat-alert{pointer-events:auto;position:relative;background:var(--surface-glass,var(--surface));color:var(--text);border:1px solid var(--line-bold);border-radius:16px;padding:15px 39px 15px 17px;box-shadow:0 20px 70px #0006;backdrop-filter:blur(24px);animation:chatAlertSlide .46s cubic-bezier(.16,1,.3,1) both;cursor:pointer}
.eightapdf-chat-alert>strong{font-weight:760;font-size:.8rem}
.eightapdf-chat-alert small{display:block;font-size:.65rem;color:var(--muted);margin-top:3px}
.eightapdf-chat-alert p{font-size:.73rem;line-height:1.5;color:var(--text-soft);margin:10px 0 0;max-height:3.1em;overflow:hidden}
.eightapdf-chat-alert button{position:absolute;right:10px;top:10px;width:26px;height:26px;border:0;border-radius:8px;background:var(--surface-high);color:var(--text);cursor:pointer}
.eightapdf-chat-alert:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;background:var(--line-bold);border-radius:999px}
@keyframes chatAlertSlide{from{opacity:0;transform:translate3d(25px,-8px,0) scale(.96)}to{opacity:1;transform:none}}
.eightapdf-settings-chat,.eightapdf-settings-music{margin:22px 0 10px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);max-width:100%}
.eightapdf-settings-chat h4,.eightapdf-settings-music h4{font-size:.86rem;margin:0 0 7px}
.eightapdf-settings-chat p,.eightapdf-settings-music p{font-size:.7rem;color:var(--muted);line-height:1.6}
.eightapdf-setting-toggle{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 0;border-top:1px solid var(--line);font-size:.76rem}
.eightapdf-setting-toggle input{accent-color:var(--text);width:20px;height:20px;flex:none}
.eightapdf-settings-music .elfsight-app-c819d00c-c4d5-4b38-8e51-d5294975f653{position:relative!important;max-width:100%;min-height:75px}
/* Never hide the embedded audio engine: browsers may stop audio when display:none. */
html[data-ui-mode="studio"] #dashboardWidgets:not(:has(>.widget:not(.ws-hidden-widget))),
html[data-ui-mode="studio"] #newSchoolPlanner:not(:has(>.widget:not(.ws-hidden-widget))){display:none!important}
@media(max-width:840px){
 html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner){grid-template-columns:minmax(0,1fr)!important;gap:13px!important;margin:12px auto 24px!important}
 html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner)>.widget:not(.ws-hidden-widget){padding:17px!important;border-radius:15px!important}
 html[data-ui-mode="studio"] #workspaceHomeActions :is(.ws-quiet,.ws-upcoming-btn){min-height:40px!important;padding:9px 12px!important}
}
@media(prefers-reduced-motion:reduce){.eightapdf-chat-alert{animation:none}}

/* Background music is loaded in its own viewport so a third-party
   floating player can never overlap the study page or mobile tab bar. */
#eightapdfSettingsMusic{
  display:block!important;
  contain:layout style!important;
  overflow:hidden!important;
  padding:18px!important;
}
#eightapdfMusicPlayerFrame{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:230px!important;
  border:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:var(--surface-high,var(--surface))!important;
}
@media(max-width:700px){
  #eightapdfSettingsMusic{padding:14px!important}
  #eightapdfMusicPlayerFrame{height:240px!important;min-height:230px!important}
}
/* Old global music dock/launcher, if cached markup survives an in-place update. */
body>.ws-music-dock,
body>#wsMusicDock{
  display:none!important;
}

/* 8aPDF text-only home widgets: remove card chrome without changing content or animation logic. */
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner){
  column-gap:clamp(26px,3.3vw,52px)!important;
  row-gap:clamp(25px,3vw,40px)!important;
  align-items:start!important;
}
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner)>.widget:not(.ws-hidden-widget),
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner)>.widget:not(.ws-hidden-widget):hover{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:8px 0!important;
  overflow:visible!important;
}
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner)>.widget:nth-child(odd){
  border-right:0!important;
}
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner) :is(.list-row,.planner-task),
html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner) :is(.list-row,.planner-task):hover{
  border:0!important;
  border-bottom:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:11px 0!important;
}
html[data-ui-mode="studio"] #dashboardWidgets .task-row{
  border:0!important;
  background:transparent!important;
}
html[data-ui-mode="studio"] #dashboardWidgets .timetable-day-select{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-ui-mode="studio"] #dashboardWidgets .notes-form input{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding-inline:0!important;
}
html[data-ui-mode="studio"] #dashboardWidgets .notes-form button,
html[data-ui-mode="studio"] #newSchoolPlanner .planner-go{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--text)!important;
}
html[data-ui-mode="studio"] #dashboardWidgets :is(.notes-form input,.notes-form button,.timetable-day-select):focus-visible,
html[data-ui-mode="studio"] #newSchoolPlanner .planner-go:focus-visible{
  outline:2px solid var(--text)!important;
  outline-offset:3px!important;
}
@media(max-width:840px){
  html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner){
    row-gap:27px!important;
  }
  html[data-ui-mode="studio"] :is(#dashboardWidgets,#newSchoolPlanner)>.widget:not(.ws-hidden-widget){
    padding:5px 0!important;
  }
}

/* Keep borderless home content comfortably inset from the studio sidebar. */
html[data-ui-mode="studio"] main :is(#dashboardWidgets,#newSchoolPlanner){
  box-sizing:border-box!important;
  padding-left:clamp(28px,3.1vw,54px)!important;
  padding-right:clamp(28px,3.1vw,54px)!important;
}
@media(max-width:840px){
  html[data-ui-mode="studio"] main :is(#dashboardWidgets,#newSchoolPlanner){
    padding-left:20px!important;
    padding-right:20px!important;
  }
}
@media(max-width:510px){
  html[data-ui-mode="studio"] main :is(#dashboardWidgets,#newSchoolPlanner){
    padding-left:16px!important;
    padding-right:16px!important;
  }
}