/* Learner workspace: the approved glass system at operational density. */
body.foe-ui .learner-layout { padding:24px 0 48px; }
body.foe-ui .learner-layout .account-panel { background:none; border:0; box-shadow:none; backdrop-filter:none; padding:0; overflow:visible; }
body.foe-ui .learner-layout .account-panel > .woocommerce { display:block; }
.learner-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:24px; }
body.foe-ui .learner-heading h1 { font-size:clamp(1.75rem,3vw,2.4rem); margin:0 0 8px; letter-spacing:-.03em; }
.learner-heading p { margin:0; color:var(--muted); max-width:65ch; }
.learner-heading > .button { flex:none; }
body.foe-ui.woocommerce-page .learner-layout .learner-heading > a.button.button--outline,
html[data-theme=dark] body.foe-ui.woocommerce-page .learner-layout .learner-heading > a.button.button--outline { background:var(--glass-fill); color:var(--ink); border:1px solid var(--glass-edge); box-shadow:inset 0 1px var(--glass-reflection); }
body.foe-ui.woocommerce-page .learner-layout .learner-heading > a.button.button--outline:is(:hover,:focus-visible),
html[data-theme=dark] body.foe-ui.woocommerce-page .learner-layout .learner-heading > a.button.button--outline:is(:hover,:focus-visible) { background:var(--interactive-purple); color:#fff; }
.learner-workspace { display:grid; grid-template-columns:240px minmax(0,1fr); align-items:start; gap:24px; }
.learner-rail { min-width:0; padding:24px 16px; border-radius:20px; background:var(--glass-quiet,var(--surface)); box-shadow:0 12px 32px rgba(24,67,108,.08); }
.learner-identity { display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; margin-bottom:24px; }
.learner-avatar { display:grid; place-items:center; width:72px; height:72px; flex:none; overflow:hidden; border-radius:50%; background:var(--blue-wash); color:var(--blue-strong); font-family:Manrope,sans-serif; font-size:1.5rem; font-weight:800; }
.learner-avatar img { width:100%; height:100%; object-fit:cover; }
.learner-avatar--large { width:96px; height:96px; font-size:2rem; }
.learner-identity strong { font-size:1rem; color:var(--ink); overflow-wrap:anywhere; max-width:100%; }
.learner-identity > a { font-size:.82rem; font-weight:700; color:var(--blue-strong); text-decoration:underline; text-underline-offset:3px; }
.learner-workspace .woocommerce-MyAccount-navigation { width:100%; }
body.foe-ui .learner-workspace .woocommerce-MyAccount-navigation a { display:flex; align-items:center; gap:12px; padding:12px; min-height:46px; font-size:.85rem; }
.learner-workspace .woocommerce-MyAccount-navigation svg { flex:none; }
body.foe-ui .learner-workspace .woocommerce-MyAccount-navigation a:hover { background:var(--interactive-purple); color:#fff; }
.learner-support { margin-top:24px; padding:20px 12px 0; border-top:1px solid var(--line); }
.learner-support strong { font-size:.85rem; }
.learner-support p { font-size:.82rem; color:var(--muted); margin:8px 0; }
.learner-support a { color:var(--blue-strong); font-size:.82rem; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.learner-content { min-width:0; padding:24px; border-radius:20px; background:var(--glass-quiet,var(--surface)); box-shadow:0 12px 32px rgba(24,67,108,.08); }
.learning-summary { display:flex; margin:0 0 24px; padding-bottom:24px; border-bottom:1px solid var(--line); }
.learning-summary > a { display:flex; align-items:center; gap:12px; flex:1; color:var(--ink); padding:8px 16px; }
.learning-summary > a:first-child { padding-left:0; }
.learning-summary > a + a { border-left:1px solid var(--line); }
.learning-summary strong { font-family:Manrope,sans-serif; font-size:1.6rem; color:var(--blue-strong); font-variant-numeric:tabular-nums; }
.learning-summary span { font-size:.82rem; font-weight:600; }
.learning-summary a:hover span { color:var(--interactive-purple); text-decoration:underline; }
.learning-sections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.learning-sections > .my-courses,.learning-sections > .legacy-orders { grid-column:1/-1; }
.learner-content .my-courses,.learner-content .my-certificates,.learner-content .saved-courses { margin:0; min-width:0; }
.learner-content .eyebrow { display:none; }
body.foe-ui .learner-content .my-courses__heading { align-items:center; margin:0 0 16px; }
body.foe-ui .learner-content h2 { font-size:1.2rem; margin:0 0 16px; }
.learner-content .my-courses__heading h2 { margin:0; }
.learner-content .my-courses__heading > a { font-size:.84rem; }
.learning-empty { display:flex; gap:24px; align-items:center; background:var(--blue-wash); padding:24px; border-radius:16px; color:var(--blue-strong); }
.learning-empty > svg { flex:none; }
body.foe-ui .learning-empty h3 { font-size:1.3rem; margin:0 0 8px; }
.learning-empty p { color:var(--muted); margin:0 0 16px; font-size:.9rem; max-width:55ch; }
.learning-empty .button { min-height:44px; font-size:.88rem; }
.learning-sections > .my-certificates,.learning-sections > .saved-courses { padding-top:24px; border-top:1px solid var(--line); }
.learner-content .my-certificates > p,.learner-content .saved-courses > p { color:var(--muted); font-size:.88rem; margin:0; }
body.foe-ui .learner-content .my-course { border:0; padding:16px 0; border-radius:0; background:none; box-shadow:none; border-bottom:1px solid var(--line); gap:16px; }
.my-course__image { width:96px; height:72px; object-fit:cover; border-radius:10px; flex:none; }
.my-course__body { flex:1; min-width:0; }
.learner-content .my-course h3 { font-size:1rem; margin:4px 0 12px; }
.learner-content .my-course__status { font-size:.73rem; letter-spacing:0; text-transform:none; }
.learner-content .my-course__progress progress { width:100%; max-width:280px; }
.learner-content .my-course > .button { font-size:.8rem; min-height:44px; padding:10px 14px; }
.learner-content .saved-course,.learner-content .my-certificate { font-size:.88rem; }
body.foe-ui .learner-content table { font-size:.88rem; width:100%; border-color:var(--line); border-radius:12px; }
body.foe-ui .learner-content table th,body.foe-ui .learner-content table td { padding:16px 12px; border-color:var(--line); color:var(--ink); }
.learner-content .legacy-order-table { overflow:auto; }
.learner-content .woocommerce-Addresses { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.learner-content .woocommerce-Addresses .col-1,.learner-content .woocommerce-Addresses .col-2 { width:auto; float:none; }
.learner-content .woocommerce-Address { padding:20px; border:1px solid var(--line); border-radius:12px; background:var(--surface-soft); }
.learner-content .woocommerce-Address address { font-size:.9rem; color:var(--muted); font-style:normal; }
body.foe-ui .learner-content .woocommerce-Address-title h2 { font-size:1.1rem; }
body.foe-ui .learner-content input.input-text,body.foe-ui .learner-content select,body.foe-ui .learner-content textarea { background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:10px; min-height:48px; width:100%; padding:12px 14px; box-shadow:none; }
.learner-content .form-row label { color:var(--ink); font-size:.86rem; font-weight:700; margin-bottom:8px; }
.learner-content .form-row { margin:0 0 20px; padding:0; }
.learner-content .form-row em { display:block; font-style:normal; color:var(--muted); font-size:.82rem; margin-top:8px; }
.learner-content form.edit-account { margin-top:24px; }
.learner-content .form-row-first,.learner-content .form-row-last { width:calc(50% - 12px); }
.learner-content fieldset { border:0; border-top:1px solid var(--line); padding:24px 0 0; margin:24px 0 0; }
.learner-content fieldset legend { font-family:Manrope,sans-serif; font-size:1.2rem; font-weight:800; padding:0 12px 0 0; color:var(--ink); }
.learner-content .woocommerce-Button,.learner-content a.button,.learner-content button.button { border-radius:12px; min-height:44px; background:var(--blue-strong); color:var(--page); font-size:.88rem; padding:12px 18px; }
.learner-content .button--outline { background:none; color:var(--blue-strong); border:1px solid var(--line); box-shadow:none; }
body.foe-ui .learner-content .button:hover { background:var(--interactive-purple); color:#fff; }
.learner-content .woocommerce-info,.learner-content .woocommerce-message,.learner-content .woocommerce-error { border:1px solid var(--line); background:var(--surface-soft); color:var(--ink); padding:16px; font-size:.9rem; }
body.foe-ui .learner-content #add_payment_method #payment { background:var(--surface-soft); border:1px solid var(--line); border-radius:12px; color:var(--ink); }
body.foe-ui .learner-content #add_payment_method #payment ul.payment_methods { border-color:var(--line); padding:20px; }
body.foe-ui .learner-content #add_payment_method #payment .payment_box { background:var(--surface); color:var(--ink); border-radius:10px; padding:16px; }
body.foe-ui .learner-content #add_payment_method #payment .payment_box:before { border-bottom-color:var(--surface); }
.learner-content #payment label { font-weight:700; color:var(--ink); }
.learner-content #payment label img { max-width:280px; height:auto; padding:8px; border-radius:8px; background:#fff; }
.profile-photo-editor { padding-bottom:24px; border-bottom:1px solid var(--line); }
.profile-photo-editor__row { display:flex; align-items:start; gap:24px; }
.profile-photo-editor__row > div { min-width:0; flex:1; }
.profile-photo-editor h2 { margin:0 0 8px; }
.profile-photo-editor p { color:var(--muted); font-size:.86rem; max-width:60ch; margin:0 0 16px; }
.profile-photo-form { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.profile-photo-label { width:100%; font-size:.86rem; font-weight:700; }
.profile-photo-form input[type=file] { font-size:.85rem; color:var(--ink); width:100%; min-width:0; }
.profile-photo-form input[type=file]::file-selector-button { padding:10px 14px; margin-right:12px; border:1px solid var(--line); border-radius:8px; background:var(--surface-soft); color:var(--blue-strong); cursor:pointer; font:inherit; }
.profile-photo-actions { display:flex; flex-wrap:wrap; gap:8px; }
.profile-photo-editor .profile-photo-notice { padding:16px; background:var(--blue-wash); border-radius:10px; color:var(--ink); max-width:none; }
.profile-photo-feedback { width:100%; font-size:.85rem; color:var(--muted); }
.learner-layout a:focus-visible,.learner-layout button:focus-visible,.learner-layout input:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
@media(max-width:1024px) { .learner-workspace { grid-template-columns:220px minmax(0,1fr); gap:16px; } .learner-content { padding:24px 20px; } .learning-summary > a { flex-direction:column; align-items:start; gap:4px; } .my-course__image { width:72px; height:64px; } }
@media(max-width:780px) {
 .learner-workspace { grid-template-columns:minmax(0,1fr); }
 .learner-rail { padding:16px; }
 .learner-identity { display:grid; grid-template-columns:48px minmax(0,1fr); gap:4px 12px; text-align:left; margin-bottom:16px; align-items:center; }
 .learner-identity .learner-avatar { width:48px; height:48px; font-size:1rem; grid-row:1/3; }
 .learner-identity > a { justify-self:start; }
 .learner-support { display:none; }
 .learner-workspace .woocommerce-MyAccount-navigation ul { display:flex; overflow-x:auto; padding-bottom:8px; scrollbar-width:thin; }
 .learner-workspace .woocommerce-MyAccount-navigation li { flex:none; }
 .learner-workspace .woocommerce-MyAccount-navigation a { white-space:nowrap; }
 .learner-content .my-course { flex-wrap:wrap; }
 .learner-content .my-course > .button { margin-left:auto; }
 .learner-content .woocommerce-Addresses { grid-template-columns:1fr; }
}
@media(max-width:560px) {
 body.foe-ui .learner-layout { padding:16px 0 32px; }
 .learner-heading { align-items:start; margin-bottom:16px; gap:12px; flex-direction:column; }
 .learner-heading p { font-size:.9rem; }
 .learner-heading > .button { padding:10px 14px; min-height:44px; }
 .learner-content { padding:20px 16px; border-radius:16px; }
 .learning-summary { margin-bottom:20px; padding-bottom:16px; }
 .learning-summary > a { padding:4px 12px; }
 .learning-summary span { font-size:.75rem; }
 .learning-summary strong { font-size:1.4rem; }
 .learning-sections { grid-template-columns:1fr; gap:20px; }
 .learning-sections > * { grid-column:1; }
 .learning-empty { gap:16px; padding:20px; align-items:start; flex-direction:column; }
 .learning-empty > svg { width:80px; height:64px; }
 .learner-content .my-courses__heading { flex-direction:row; }
 .learner-content .my-courses__heading > a { font-size:.78rem; }
 .learner-content .my-course { flex-direction:row; align-items:start; }
 .learner-content .my-course > .button { width:100%; margin:0; }
 .profile-photo-editor__row { flex-direction:column; gap:16px; }
 .learner-content .form-row-first,.learner-content .form-row-last { float:none; width:100%; }
 .learner-content #payment label img { max-width:100%; margin-top:8px; }
 .learner-content table.shop_table_responsive tr td { text-align:left!important; }
 .learner-content table.shop_table_responsive tr td::before { margin-right:12px; }
}