/* Course display controls and student-owned study preferences. */
.study-profile-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
[data-study-profile] [hidden] { display:none !important; }
.study-profile-fields label { display:grid; gap:6px; font-size:.92rem; font-weight:600; color:var(--text-primary); }
.study-profile-fields select { box-sizing:border-box; width:100%; min-height:44px; border:1px solid var(--border-card); border-radius:10px; padding:10px; background:var(--bg-card-alt, #f4f8fa); color:var(--text-primary, #143747); font:inherit; }
.study-profile-fields select:disabled { background:var(--bg-subtle, #f4f8fa); color:var(--text-muted, #526779); -webkit-text-fill-color:currentColor; opacity:1; cursor:not-allowed; }
.study-profile-fields select:focus-visible, [data-study-profile] button:focus-visible { outline:2px solid var(--accent-primary, #00a9d8); outline-offset:2px; }
/* Native select menus must use the same light/dark palette as the page. */
:is(.study-profile-fields, .study-choice-fields, .study-workspace-picker) select { color-scheme:light; }
html:is([data-mode="dark"], [data-theme-mode="dark"], [data-theme="dark"]) :is(.study-profile-fields, .study-choice-fields, .study-workspace-picker) select { color-scheme:dark; }
:is(.study-profile-fields, .study-choice-fields, .study-workspace-picker) :is(option,optgroup) { background:var(--bg-card-alt, #f4f8fa); color:var(--text-primary, #143747); }
.registration-study-profile { padding-block:16px; border-block:1px solid var(--border-color); margin-bottom:18px; }
.registration-study-profile h2, .account-study-profile h2 { margin:0 0 10px; font-size:1.08rem; }
.account-study-profile { margin:22px 0; padding:18px 0; border-block:1px solid var(--border-color); }
.study-profile-heading, .study-profile-actions { display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.study-profile-heading p { margin:0; color:var(--text-secondary); }
.study-profile-actions { justify-content:flex-start; margin-top:14px; }
[data-study-profile] button { min-height:44px; border:1px solid var(--border-card); border-radius:10px; padding:9px 14px; font:inherit; font-size:.9rem; color:var(--text-primary); background:var(--bg-card-alt, #f4f8fa); cursor:pointer; }
[data-study-profile] button[type=submit] { background:var(--color-primary, #006b7d); color:white; font-weight:600; }
[data-study-profile] button:disabled { opacity:.6; cursor:wait; }
[data-study-status] { color:var(--text-secondary); font-size:.9rem; }
[data-study-status].is-error { color:var(--color-error, #b32632); }
@media (max-width:480px) { .study-profile-fields { grid-template-columns:1fr; } }
.membership-sales-page .study-choice-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:16px 0 10px; }
.membership-sales-page .study-choice-fields label { display:grid; gap:7px; font-size:.9rem; font-weight:600; color:var(--sales-ink, #12303e); }
.membership-sales-page .study-choice-fields select { width:100%; min-height:44px; padding:8px 12px; border:1px solid var(--sales-line); border-radius:10px; background:var(--sales-surface); color:var(--sales-ink, #12303e); font:inherit; }
.membership-sales-page .study-choice-fields [hidden] { display:none !important; }
.membership-sales-page .course-picker-card [hidden] { display:none !important; }
.membership-sales-page .study-scope-all .study-choice-fields { grid-template-columns:1fr; }
.membership-sales-page .study-scope-all .picker-header { display:none; }
.membership-sales-page .study-choice-note { margin:8px 0; color:var(--sales-copy); font-size:.88rem; line-height:1.65; }
.membership-sales-page .study-choice-count { color:var(--sales-copy); font-size:.85rem; margin:8px 0; }
.membership-sales-page #coursesListbox { max-height:230px; overflow-y:auto; overscroll-behavior:contain; }
.membership-sales-page .study-availability-note { margin:0 0 18px; color:var(--sales-copy); font-size:.85rem; line-height:1.7; }
.membership-sales-page .study-course-variant { display:block; margin-top:3px; font-size:.75rem; color:var(--sales-copy); font-weight:400; }
.membership-sales-page .category-tabs-group { flex-wrap:wrap; }
.membership-sales-page .category-tab-btn { flex:1 1 100px; min-height:44px; }
.membership-sales-page #coursePickerSection .picker-title { font-size:1.2rem; }
.membership-sales-page .study-choice-fields select:focus-visible { outline:2px solid var(--sales-accent); outline-offset:2px; }
body.learning-workspace-page #workspaceCourseDropdown [hidden] { display:none !important; }
body.learning-workspace-page .study-workspace-picker { color:var(--ws-text-primary); }
body.learning-workspace-page .study-workspace-picker .workspace-dropdown-header { display:grid; gap:3px; }
body.learning-workspace-page [data-study-label] { font-size:.78rem; font-weight:400; color:var(--ws-text-secondary); }
body.learning-workspace-page .study-menu-search,
body.learning-workspace-page .study-menu-filters label,
body.learning-workspace-page .study-menu-variant { display:grid; gap:5px; margin:9px 12px; font-size:.78rem; color:var(--ws-text-secondary); }
body.learning-workspace-page .study-workspace-picker :is(input,select) { box-sizing:border-box; width:100%; min-height:40px; border:1px solid var(--ws-border); border-radius:8px; padding:7px 10px; background:var(--ws-bg-page); color:var(--ws-text-primary); font:inherit; }
body.learning-workspace-page .study-workspace-picker :is(input,select,button):focus-visible { outline:2px solid var(--ws-accent); outline-offset:2px; }
body.learning-workspace-page .study-menu-filters { border-block:1px solid var(--ws-border); padding-block:3px; }
body.learning-workspace-page .study-other-courses { display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; width:calc(100% - 24px); margin:12px; padding:10px 12px; min-height:44px; font:inherit; font-size:.88rem; font-weight:600; border:1px solid var(--ws-border); border-radius:9px; color:var(--ws-text-primary); background:var(--ws-bg-surface, var(--ws-bg-page)); text-decoration:none; cursor:pointer; }
@media (max-width:480px) {
  .membership-sales-page .category-tabs-group { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .membership-sales-page .study-choice-fields { grid-template-columns:1fr; gap:10px; }
  .membership-sales-page #coursesListbox { max-height:190px; }
}