/* ============================================================
   WebEdu — TÀI KHOẢN (mọi vai): .edu-acc-* dùng chung 2 vỏ
   ============================================================ */
.edu-acc-cols { max-width: 760px; }
.edu-acc-head { display: flex; align-items: center; gap: 16px; }
.edu-acc-avatar { position: relative; border: 0; background: transparent; padding: 0; cursor: pointer; flex: 0 0 auto; border-radius: 50%; }
.edu-acc-avatar .edu-avatar { box-shadow: 0 0 0 3px var(--surface), 0 0 0 5px var(--primary-soft2); }
.edu-acc-avatar-cam { position: absolute; right: -2px; bottom: -2px; width: 26px; height: 26px; border-radius: 50%; background: var(--primary); color: #fff; display: flex; align-items: center; justify-content: center; border: 2px solid var(--surface); }
.edu-acc-avatar-busy { position: absolute; inset: 0; border-radius: 50%; background: rgba(15, 30, 61, .55); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; }
.edu-acc-head-main { flex: 1 1 auto; min-width: 0; }
.edu-acc-name { font-weight: 800; font-size: var(--fs-lg); line-height: 1.2; }
.edu-acc-sub { font-size: var(--fs-sm); color: var(--text-2); margin-top: 4px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.edu-acc-head > .edu-btn { margin: 0; flex: 0 0 auto; }
.edu-acc-list .edu-row { min-height: 60px; }
.edu-acc-list .edu-row-sub { white-space: normal; }
.edu-acc-list .edu-row .edu-switch { margin-left: 4px; }
.edu-acc-row-col { flex-direction: column; align-items: stretch; gap: 10px; }
.edu-acc-row-top { width: 100%; gap: 12px; }
.edu-acc-seg { margin-left: 52px; }
.edu-acc-uimodes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-left: 52px; }
.edu-acc-uimode { border: 1.5px solid var(--border-strong); border-radius: var(--r); background: var(--surface); padding: 10px 8px; text-align: center; cursor: pointer; display: flex; flex-direction: column; gap: 2px; font: inherit; color: var(--text-1); transition: all .15s; }
.edu-acc-uimode b { font-size: var(--fs-sm); }
.edu-acc-uimode small { font-size: 11px; color: var(--text-3); line-height: 1.25; }
.edu-acc-uimode.is-on { border-color: var(--primary); background: var(--primary-soft); color: var(--primary); }
.edu-acc-logout .edu-row-title { color: var(--danger); }
.edu-acc-sheet .edu-field:last-of-type { margin-bottom: 4px; }
.edu-acc-sheet-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 14px; }
.edu-acc-sheet-actions .edu-btn { margin: 0; }
@media (max-width: 480px) {
  .edu-acc-head { flex-wrap: wrap; }
  .edu-acc-head > .edu-btn { width: 100%; }
  .edu-acc-seg, .edu-acc-uimodes { margin-left: 0; }
}