/* AIDV.vn — learner pages. Shared spacing also applies to lesson controls. */
:root{--mu-xs:4px;--mu-s:8px;--mu-sm:12px;--mu-m:16px;--mu-l:24px;--mu-xl:32px;--mu-xxl:48px;--mu-success:#6ee7b7;--mu-warning:#fcd34d;--mu-error:#fca5a5}
html[data-theme="light"]{--mu-success:#146b4f;--mu-warning:#854d0e;--mu-error:#b91c1c}
.member-page{--accent-gradient:linear-gradient(135deg,#2457c5,#08758d)}
.member-page main .btn-primary,.member-page main .btn-secondary,.member-page main .btn-enter-learn{border-radius:8px}
.member-page main .btn-enter-learn{background:var(--accent-gradient)}
.member-page .member-content,.member-page .member-content-form,.member-page .member-content-courses,.member-page .lx-page>div{box-sizing:border-box;padding:var(--mu-l) var(--mu-xl)!important;min-width:0}
.member-page .member-content-form{max-width:960px}
.member-page h1{font-size:1.5rem!important;line-height:1.4;font-weight:700;margin:0 0 var(--mu-l)!important;color:var(--text-primary)}
.member-page h1 .text-gradient{background:none;-webkit-text-fill-color:currentColor;color:inherit}
.member-page .card-dark{border-radius:12px}
.member-page .member-content-form>.card-dark:not(.profile-accordion){padding:var(--mu-l)!important}
.member-page .profile-accordion{padding:0!important}
.member-page .profile-accordion-summary{padding:var(--mu-l)!important}
.member-page .profile-accordion-body{padding:0 var(--mu-l) var(--mu-l)!important}
.member-page .member-content-form>.card-dark:first-of-type{gap:var(--mu-m)!important}
.member-page input,.member-page textarea,.member-page select{max-width:100%;box-sizing:border-box}
.member-page button,.member-page .btn-primary,.member-page .btn-secondary{min-height:44px;box-sizing:border-box}
.member-page .lx-grid{gap:var(--mu-l)}
.member-page .lx-panel{margin:0 0 var(--mu-l)}
.member-page .lx-grid>.lx-panel{margin:0}
.member-page .lx-panel h2{font-size:1.125rem}
.member-page .mc-expiry--warning,.member-page .mu-unverified{color:var(--mu-warning)!important}
.member-page .mc-expiry--expired,.member-page .error-text{color:var(--mu-error)!important}
.member-page .mu-verified{color:var(--mu-success)!important}
.member-page .badge-status-pending,.member-page .badge-status-pending_payment{color:var(--mu-warning)}
.member-page .badge-status-active,.member-page .badge-status-approved,.member-page .badge-status-paid{color:var(--mu-success)}
.member-page .badge-status-waiting_admin_confirm,.member-page .badge-status-waiting,.member-page .btn-detail{color:var(--accent-cyan)}
.member-page .badge-status-cancelled,.member-page .badge-status-rejected,.member-page .btn-cancel-x{color:var(--mu-error)}
.member-page .btn-detail{min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;color:var(--accent-cyan)!important;padding:8px!important}
.member-page .btn-cancel-x{width:44px;height:44px;flex:none;color:var(--mu-error)!important}
.member-page .orders-card-stack .card-dark>div:first-child{flex-wrap:wrap;gap:var(--mu-s)!important}
.member-page .orders-card-stack code{word-break:normal!important;overflow-wrap:anywhere}
html[data-theme="light"] .member-page .mc-expired-count{color:#475569}
html[data-theme="light"] .member-page .mc-card.is-expired .mc-progress{opacity:1}
.mc-card{display:flex;flex-direction:column;padding:0;overflow:hidden;height:100%}
.mc-thumb>a{display:block}
.mc-thumb img,.mu-course-placeholder{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.mu-course-placeholder{display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;background:var(--bg-secondary);color:var(--text-secondary)}
.mu-course-body{padding:var(--mu-m);flex:1;display:flex;flex-direction:column;gap:var(--mu-sm)}
.mu-course-body h3{margin:0;font-size:1rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.mu-course-body h3 a{color:inherit;text-decoration:none}
.mu-course-body h3 a:hover{text-decoration:underline}
.mu-topic{font-size:.75rem;align-self:flex-start}
.mu-course-state{font-size:.875rem;line-height:1.6}
.mu-course-state strong{font-weight:600;color:var(--text-primary)}
.mu-course-state p{margin:var(--mu-s) 0;color:var(--text-secondary)}
.mu-progress-label{display:flex;justify-content:space-between;gap:var(--mu-s);font-size:.8125rem;color:var(--text-secondary);margin-bottom:var(--mu-s)}
.mu-progress-track{height:8px;background:var(--border);border-radius:8px;overflow:hidden}
.mu-progress-track>div{height:100%;background:var(--accent-gradient)}
.mu-progress-percent{margin-top:var(--mu-xs);text-align:right;font-size:.75rem;color:var(--accent-cyan)}
.mu-course-cta{margin-top:auto;min-height:44px;display:flex;justify-content:center;align-items:center;text-align:center}
.mu-zalo{min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;text-decoration:none;color:#fff;background:#0060d8;font-size:.875rem;font-weight:600}
.mu-resume{display:flex;align-items:center;justify-content:space-between;gap:var(--mu-l)}
.mu-resume>div{min-width:0}
.mu-resume h2{font-size:.875rem!important;color:var(--accent-cyan);margin:0 0 var(--mu-s)!important}
.mu-resume h3{margin:0!important;line-height:1.5}
.mu-resume p{margin:0 0 var(--mu-xs)!important;font-size:.8125rem!important;color:var(--text-secondary)}
.mu-resume .mu-small{margin:var(--mu-s) 0 0!important}
.lx-panel .lx-link.mu-primary{background:var(--accent-gradient);color:#fff;border:0;font-weight:600;margin:0;flex:none}
.mu-help{display:flex;align-items:center;justify-content:space-between;gap:var(--mu-l);border-top:1px solid var(--border);margin-top:var(--mu-l)}
.mu-help p{margin:var(--mu-s) 0 0;font-size:.875rem;line-height:1.6;color:var(--text-secondary)}
.mu-help>a{flex:none;display:flex;align-items:center;justify-content:center}
.mu-saved-list{display:grid;gap:var(--mu-m)}
.member-page .mu-saved-list>.lx-panel{margin:0}
@media(min-width:769px){.member-page .member-courses-grid,.member-page .gift-mine-grid{grid-auto-rows:1fr}}
.mu-saved-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--mu-m);align-items:center}
.mu-saved-row h2{margin:0 0 var(--mu-s)!important;overflow-wrap:anywhere}
.mu-saved-row p{margin:var(--mu-xs) 0!important;color:var(--text-secondary);font-size:.875rem!important}
.mu-saved-actions{display:flex;align-items:center;gap:var(--mu-s);flex-wrap:wrap}
.mu-saved-actions>.lx-tools{margin:0}
.mu-saved-row .lx-message{grid-column:1/-1;margin:0!important}
.mu-saved-row .lx-message:empty{display:none}
.mu-device-current{border-color:var(--accent-cyan)!important}
.mu-device-current h2{color:var(--accent-cyan)}
.mu-device-label{display:inline-flex;align-self:flex-start;padding:var(--mu-xs) var(--mu-s);border:1px solid var(--border);border-radius:8px;font-size:.8125rem;font-weight:600}
.mu-device-times{display:grid;gap:var(--mu-sm);margin:var(--mu-m) 0}
.mu-device-times dt{font-size:.8125rem;color:var(--text-secondary)}
.mu-device-times dd{margin:var(--mu-xs) 0 0;font-size:.875rem;line-height:1.6}
.mu-device-actions{display:flex;align-items:center;gap:var(--mu-m);flex-wrap:wrap;margin-top:var(--mu-l)}
.mu-device-actions button:disabled{opacity:.5;cursor:default}
.mu-device-actions a{color:var(--accent-cyan);min-height:44px;display:inline-flex;align-items:center}
.mu-completion-note,.vs-help{font-size:.8125rem;line-height:1.6;color:var(--text-secondary);margin:var(--mu-s) 0 var(--mu-m)}
.mu-finished{border-color:var(--mu-success);color:var(--text-primary)}
.mu-finished h2{color:var(--mu-success)}
.mu-finished[hidden]{display:none!important}
.mu-owner-summary{display:none}
.member-page .orders-table-wrap table{table-layout:fixed}
.member-page .orders-table-wrap td,.member-page .orders-table-wrap th{overflow-wrap:anywhere;white-space:normal!important}
.member-page .orders-table-wrap th:first-child{width:18%}
.member-page .orders-table-wrap th:nth-child(2){width:12%}
.member-page .orders-table-wrap th:nth-child(4){width:13%}
.member-page .orders-table-wrap th:nth-child(5){width:18%}
.member-page .orders-table-wrap th:last-child{width:168px!important}
.member-page .orders-table-wrap .badge-status{white-space:normal;text-align:center}
.member-page .orders-table-wrap td>div{min-width:0!important}
.member-page .orders-table-wrap td:last-child>div{justify-content:flex-end;gap:var(--mu-s)!important}
.member-page .mu-device-actions{margin-top:var(--mu-l)}
@media(max-width:1100px){.member-page .orders-table-wrap{display:none!important}.member-page .orders-card-stack{display:block!important}}
@media(max-width:1023px){.mu-owner-summary{display:block;margin:var(--mu-m) 0}.mu-owner-summary .btn-enter-learn{width:100%;box-sizing:border-box}}
@media(max-width:768px){
 .member-page .has-sidebar{padding-top:0}
 .member-page .mobile-topbar{display:none}
 .member-page .member-content,.member-page .member-content-form,.member-page .member-content-courses,.member-page .lx-page>div{padding:var(--mu-l) var(--mu-m)!important}
 .member-page .member-content-form>.card-dark:not(.profile-accordion){padding:var(--mu-m)!important}
 .member-page .profile-accordion-summary{padding:var(--mu-m)!important}
 .member-page .profile-accordion-body{padding:0 var(--mu-m) var(--mu-m)!important}
 .member-page h1{margin-bottom:var(--mu-l)!important}
 .mu-resume{gap:var(--mu-m);align-items:stretch;flex-direction:column}
 .mu-resume .lx-link{width:100%;box-sizing:border-box}
 .mu-help{flex-direction:column;align-items:stretch}
 .mu-saved-row{grid-template-columns:minmax(0,1fr)}
 .mu-saved-actions>*{flex:1}
 .mu-saved-actions .lx-actions>button{width:100%}
 .mu-saved-actions>.lx-link{margin:0}
 .member-page .mu-device-actions{padding:var(--mu-m)}
}

@media(max-width:768px){.mu-saved-actions>.lx-link.mu-primary{flex:1}.member-page .mu-help{padding-top:24px!important}}
.la-copy-status{font-size:.8125rem;line-height:1.6;color:var(--text-secondary);margin:8px 0}
html[data-theme="light"] .la-copy.done{color:#146b4f;border-color:#146b4f}

.member-menu-section .ic,.user-menu--member .umi-ic{display:inline-flex;align-items:center;justify-content:center}