/* v10.35 — equal-width home cards and matching, opaque study popups.
   Applied after earlier theme/home CSS to prevent theme art from bleeding through. */
:root { --mdna-pop-bg:#142b41; --mdna-pop-row:#284762; --mdna-pop-row-hover:#365f7c; --mdna-pop-edge:#89afc4; --mdna-pop-text:#f5f9fd; --mdna-pop-muted:#c3d5e3; --mdna-pop-gold:#f1d5a0; }

/* Equal outer widths in all three entry modes. Preserve narrow inner forms. */
#usergate .mdnaHomeStack>.userbox,
#usergate:has(#sessionLoginArea:not([hidden])) .mdnaHomeStack>.userbox {
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  align-self:stretch!important;
  margin-inline:0!important;
}
#usergate .mdnaHomeStack>.mdnaResourceSection {
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
/* Restore the original input/form width while broadening only the outer card. */
#usergate .userbox #selfLoginArea { max-width:min(460px,100%)!important;margin-inline:auto!important; }
#usergate .userbox #sessionLoginArea { max-width:min(500px,100%)!important;margin-inline:auto!important; }

/* Shared popup shell: no background transparency, strong readable border and text. */
#mdnaThemePanel.mdnaThemePanel,
#mdnaSoundPanel,
#subjectPopup.mdnaSubjectPopup,
#mdnaSearchDialog,
body[data-theme] #mdnaThemePanel.mdnaThemePanel,
body[data-theme] #mdnaSoundPanel,
body[data-theme] #subjectPopup.mdnaSubjectPopup,
body[data-theme] #mdnaSearchDialog {
  background:var(--mdna-pop-bg)!important;
  background-color:#142b41!important;
  background-image:none!important;
  color:var(--mdna-pop-text)!important;
  opacity:1!important;
  border:1px solid var(--mdna-pop-edge)!important;
  border-radius:13px!important;
  box-shadow:0 16px 46px rgba(0,15,30,.62),0 0 0 1px rgba(255,255,255,.10)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#mdnaSoundPanel *, #mdnaThemePanel *, #subjectPopup *, #mdnaSearchDialog * { text-shadow:none!important; }
#mdnaSoundPanel label,
#mdnaSearchDialog .mdnaSearchHead,
#subjectPopup .mdnaSubjectPopupTop,
#subjectPopup .mdnaSubjectPopupTop strong {
  color:var(--mdna-pop-text)!important;
}
#subjectPopup .mdnaSubjectPopupTop button,
#subjectPopup .mdnaSubjectPopupTop button:hover {
  color:var(--mdna-pop-gold)!important;
  background:transparent!important;
}
#subjectPopup .mdnaSubjectCheckboxes label {
  color:var(--mdna-pop-text)!important;
  background:var(--mdna-pop-row)!important;
  border:1px solid #43637d!important;
  border-radius:8px!important;
  padding:7px 8px!important;
  min-height:30px;
}
#subjectPopup .mdnaSubjectCheckboxes label:hover,
#subjectPopup .mdnaSubjectCheckboxes label:focus-within {
  background:var(--mdna-pop-row-hover)!important;
  border-color:#a3d2e9!important;
}
#subjectPopup .mdnaSubjectCheckboxes label:has(input:checked) {
  background:#3b5870!important;
  border-color:var(--mdna-pop-gold)!important;
}
#subjectPopup .mdnaSubjectCheckboxes input { accent-color:var(--mdna-pop-gold)!important; }
#subjectPopup p {color:var(--mdna-pop-muted)!important;}

#mdnaSoundPanel #mdnaStudyTrack,
#mdnaSearchDialog #mdnaSearchInput {
  background:var(--mdna-pop-row)!important;
  background-color:var(--mdna-pop-row)!important;
  color:#fff!important;
  border:1px solid #7493a9!important;
  border-radius:9px!important;
  color-scheme:dark;
}
#mdnaSoundPanel #mdnaStudyTrack option { background:#142b41;color:#fff; }
#mdnaSoundPanel .soundActions button,
#mdnaSearchDialog #mdnaSearchClose {
  background:var(--mdna-pop-row)!important;
  color:var(--mdna-pop-text)!important;
  border:1px solid #7493a9!important;
  border-radius:9px!important;
}
#mdnaSoundPanel .soundActions button:hover,
#mdnaSearchDialog #mdnaSearchClose:hover {background:var(--mdna-pop-row-hover)!important;}
#mdnaSoundPanel .soundHint,
#mdnaSearchDialog .mdnaSearchHint,
#mdnaSearchDialog #mdnaSearchCount { color:var(--mdna-pop-muted)!important; }
#mdnaSoundPanel #mdnaStudyVolume {accent-color:var(--mdna-pop-gold)!important;}
#mdnaSearchDialog #mdnaSearchInput::placeholder {color:#c6d8e3!important;opacity:1;}
#mdnaSearchDialog .mdnaSearchResult {
  background:var(--mdna-pop-row)!important;
  color:var(--mdna-pop-text)!important;
  border:1px solid #43637d!important;
  border-radius:9px!important;
}
#mdnaSearchDialog .mdnaSearchResult strong {color:var(--mdna-pop-gold)!important;}
#mdnaSearchDialog .mdnaSearchResult:hover,
#mdnaSearchDialog .mdnaSearchResult:focus-visible {
  background:var(--mdna-pop-row-hover)!important;
  border-color:#a3d2e9!important;
}
#mdnaSearchDialog .mdnaSearchResult:focus-visible,
#mdnaSoundPanel :is(button,select,input):focus-visible,
#subjectPopup :is(button,input):focus-visible {
  outline:2px solid var(--mdna-pop-gold)!important;outline-offset:2px!important;
}
/* Theme selector remains the reference color palette. */
#mdnaThemePanel .mdnaThemeChoice:focus-visible {outline:2px solid var(--mdna-pop-gold)!important;outline-offset:1px!important;}