.su84-manager{max-width:920px;margin:30px auto;padding:0 14px;font-family:Arial,sans-serif;color:#202124}
.su84-topbar{margin-bottom:20px}
.su84-topbar h1{font-size:30px;margin:0 0 14px}
.su84-back{display:block;text-align:center;border:1px solid #315bea;padding:13px;text-decoration:none;color:#315bea;border-radius:3px;background:#fff}
.su84-card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:26px;margin:20px 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.su84-card h2{margin:0 0 22px;font-size:25px}
.su84-form label>span{display:block;font-size:18px;margin:0 0 8px}
.su84-form>label{display:block;margin-bottom:20px}
.su84-form input[type=text],.su84-form input[type=email],.su84-form input[type=search],.su84-search input{box-sizing:border-box;width:100%;min-height:52px;border:1px solid #aaa;border-radius:4px;padding:10px 12px;font-size:17px;background:#fff}
.su84-course-box{border:0;background:#f6f6f6;padding:18px 20px;margin:10px 0 24px}
.su84-course-box legend{font-size:20px;font-weight:700;padding-top:18px}
.su84-check{display:flex!important;align-items:center;gap:10px;margin:10px 0!important;font-size:18px}
.su84-check input{width:22px;height:22px}
.su84-button{display:inline-block;border:0;border-radius:3px;background:#315bea;color:#fff!important;padding:13px 20px;font-size:16px;cursor:pointer;text-decoration:none}
.su84-secondary{background:#fff;color:#315bea!important;border:1px solid #315bea}
.su84-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:18px}
.su84-student{border-top:1px solid #ddd;padding:20px 0}
.su84-student-head{display:flex;justify-content:space-between;gap:20px}
.su84-student h3{margin:0 0 5px;font-size:20px}
.su84-student p{margin:0 0 15px;color:#666}
.su84-id{font-size:13px;color:#777}
.su84-inline-courses{display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:12px}
.su84-delete-form{margin-top:10px}
.su84-danger{border:0;background:transparent;color:#d93025;text-decoration:underline;cursor:pointer;padding:0}
.su84-notice{position:relative;padding:14px 42px 14px 16px;border-left:5px solid #2eaf65;background:#eefaf2;margin:15px 0}
.su84-error{border-left-color:#d93025;background:#fff0f0}
.su84-dismiss{position:absolute;right:10px;top:7px;border:0;background:transparent;font-size:25px;cursor:pointer}
.su84-access-denied{padding:20px;border:1px solid #f0c36d;background:#fff8e5;border-radius:6px}
.su84-my-courses{display:grid;gap:10px}.su84-course-item{padding:15px;border:1px solid #ddd;border-radius:6px}
@media(max-width:600px){
  .su84-manager{margin:12px auto;padding:0 8px}
  .su84-card{padding:20px 16px;border-radius:8px}
  .su84-topbar h1{font-size:26px}
  .su84-search{grid-template-columns:1fr}
  .su84-search .su84-button{width:100%}
  .su84-student-head{display:block}
  .su84-id{display:block;margin-bottom:10px}
}

/* v1.2.2 - Hiển thị số ngày còn lại của khóa học */
.su84-course-label{font-weight:600}
.su84-remaining-days{display:inline-flex;align-items:center;margin-left:4px;padding:3px 8px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.3;white-space:nowrap;background:#eef4ff;color:#2457d6;border:1px solid #cfdcff}
.su84-remaining-active{background:#edf9f0;color:#16803a;border-color:#c9ebd2}
.su84-remaining-expired{background:#fff0f0;color:#c62828;border-color:#f1c8c8}
.su84-remaining-unlimited{background:#f4f1ff;color:#6b46c1;border-color:#ded4ff}
.su84-remaining-unknown,.su84-remaining-none{background:#f5f5f5;color:#666;border-color:#ddd}
@media(max-width:600px){.su84-remaining-days{font-size:12px;padding:3px 7px}}

/* v1.2.3 - Điều chỉnh trực tiếp số ngày còn lại */
.su84-course-manage-row{display:flex;align-items:center;justify-content:space-between;gap:14px 18px;flex-wrap:wrap;width:100%;padding:8px 10px;border:1px solid #edf0f5;border-radius:8px;background:#fff}
.su84-course-manage-row .su84-course-main-check{flex:1 1 360px;margin:0!important}
.su84-days-editor{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#555;white-space:nowrap;margin:0!important}
.su84-days-editor input[type=number]{width:86px!important;min-height:38px!important;height:38px!important;padding:6px 8px!important;border:1px solid #cfd5df!important;border-radius:5px!important;background:#fff!important;font-size:14px!important;color:#222!important;text-align:center!important;box-sizing:border-box!important}
.su84-days-editor input[type=number]::placeholder{color:#999;opacity:1}
.su84-inline-courses{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:14px}
@media(max-width:600px){
  .su84-course-manage-row{align-items:flex-start;padding:10px}
  .su84-course-manage-row .su84-course-main-check{flex-basis:100%}
  .su84-days-editor{width:100%;justify-content:flex-start;padding-left:32px}
  .su84-days-editor input[type=number]{width:78px!important}
}


/* v1.2.8 - Search compact + hàng thao tác tài khoản ổn định */
.su84-search{align-items:stretch}
.su84-search input[type=search]{min-height:42px!important;height:42px!important;padding:7px 11px!important;font-size:14px!important;line-height:1.2!important}
.su84-search .su84-button{min-height:42px!important;height:42px!important;padding:0 16px!important;font-size:13px!important;font-weight:600!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;margin:0!important}

.su84-login-security .su84-account-actions{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:10px!important;
  width:100%!important;
  margin:14px 0 0!important;
  padding:14px 0 0!important;
  border-top:1px solid #e6e9ef!important;
  box-sizing:border-box!important;
}
.su84-login-security .su84-account-actions > form,
.su84-login-security .su84-account-actions > button,
.su84-login-security .su84-account-actions > a,
.su84-login-security .su84-account-actions > [role="button"]{
  flex:1 1 0!important;
  width:0!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.su84-login-security .su84-account-actions .su84-action-form,
.su84-login-security .su84-account-actions .su84-delete-form{
  margin:0!important;
}
.su84-login-security .su84-account-actions .su84-button{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:46px!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:10px 8px!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.25!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.su84-login-security .su84-account-actions .su84-suspend-button{background:#fff8e8!important;color:#a65a00!important;border:1px solid #e0a03b!important}
.su84-login-security .su84-account-actions .su84-unlock-button{background:#eefaf2!important;color:#16803a!important;border:1px solid #75c58c!important}
.su84-login-security .su84-account-actions .su84-delete-button{background:#fff!important;color:#d93025!important;border:1px solid #d93025!important}
.su84-login-security .su84-account-actions .su84-delete-button:hover{background:#fff1f0!important}

@media(max-width:760px){
  .su84-login-security .su84-account-actions{flex-wrap:wrap!important}
  .su84-login-security .su84-account-actions > form,
  .su84-login-security .su84-account-actions > button,
  .su84-login-security .su84-account-actions > a,
  .su84-login-security .su84-account-actions > [role="button"]{flex:1 1 100%!important;width:100%!important}
  .su84-login-security .su84-account-actions .su84-button{font-size:13px!important}
}

/* v1.3.0 - Dashboard 2 cột + mật khẩu mặc định là số điện thoại */
.su84-manager{
  width:min(1480px,calc(100vw - 48px));
  max-width:none;
  margin:28px 0 40px;
  padding:0;
  position:relative;
  left:50%;
  transform:translateX(-50%);
  font-family:Arial,sans-serif;
  font-size:15px;
  line-height:1.45;
  color:#202124;
  box-sizing:border-box;
}
.su84-manager *{box-sizing:border-box}
.su84-manager-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}
.su84-manager-left,.su84-manager-right{min-width:0}
.su84-topbar{margin:0 0 16px}
.su84-topbar h1{font-size:28px;line-height:1.25;margin:0 0 12px;font-weight:700;color:#111827}
.su84-back{min-height:50px;display:flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:4px;font-size:14px;line-height:20px}
.su84-card{margin:0;background:#fff;border:1px solid #dfe3e8;border-radius:10px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.su84-card h2{margin:0 0 20px;font-size:23px;line-height:1.3;font-weight:700;color:#111827}
.su84-form>label{margin-bottom:18px}
.su84-form label>span{font-size:15px;line-height:20px;margin:0 0 7px;font-weight:600;color:#111827}
.su84-form input[type=text],.su84-form input[type=email],.su84-form input[type=search],.su84-search input{
  width:100%;height:48px!important;min-height:48px!important;padding:0 12px!important;font-size:15px!important;line-height:20px!important;border:1px solid #c6cbd2;border-radius:4px;background:#fff;color:#202124;
}
.su84-course-box{margin:10px 0 18px;padding:14px 14px 12px;border:0;background:#f7f8fa}
.su84-course-box legend{font-size:16px;line-height:22px;font-weight:700;padding:0 8px;margin:0;text-transform:uppercase;color:#111827}
.su84-create-course-list,.su84-inline-courses{display:grid;grid-template-columns:1fr;gap:8px;margin:0 0 12px}
.su84-course-manage-row{min-height:62px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e5e9ef;border-radius:8px;background:#fff;flex-wrap:nowrap}
.su84-course-manage-row .su84-course-main-check{min-width:0;flex:1 1 auto;margin:0!important;display:flex!important;align-items:center!important;gap:11px!important}
.su84-check{font-size:15px!important;line-height:20px!important;color:#111827}
.su84-check input{width:22px!important;height:22px!important;min-width:22px!important;margin:0!important}
.su84-course-label{font-size:15px!important;line-height:20px!important;font-weight:700!important}
.su84-remaining-days{font-size:12px!important;line-height:18px!important;padding:2px 8px!important;margin-left:4px!important}
.su84-days-editor{flex:0 0 auto;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin:0!important;font-size:14px!important;line-height:20px!important;color:#333!important;white-space:nowrap}
.su84-days-editor>span{font-size:14px!important;line-height:20px!important;font-weight:400!important;margin:0!important;color:#333!important}
.su84-days-editor input[type=number]{width:86px!important;height:40px!important;min-height:40px!important;padding:0 8px!important;font-size:14px!important;line-height:20px!important;text-align:center!important;border:1px solid #cfd5df!important;border-radius:5px!important;background:#fff!important}
.su84-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;font-size:14px!important;line-height:20px!important;font-weight:700;text-transform:uppercase;white-space:nowrap;text-align:center;border-radius:4px}
.su84-create-submit{width:100%;margin-top:2px}
.su84-search{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:16px;align-items:stretch}
.su84-search input[type=search]{height:46px!important;min-height:46px!important;font-size:14px!important;line-height:20px!important;padding:0 12px!important}
.su84-search .su84-button{height:46px!important;min-height:46px!important;padding:0 18px!important;font-size:14px!important;line-height:20px!important}
.su84-student{padding:18px 0 0;border-top:1px solid #e1e5ea}
.su84-student-head{align-items:flex-start;margin-bottom:14px}
.su84-student h3{font-size:20px;line-height:26px;margin:0 0 4px;font-weight:700;color:#111827}
.su84-student p{font-size:14px;line-height:20px;margin:0;color:#5f6368}
.su84-id{font-size:13px;line-height:20px;color:#6b7280;padding-top:2px}
.su84-login-security{margin-top:20px!important;padding:18px!important;border:1px solid #dfe3ea!important;border-radius:8px!important;background:#fafbfc!important}
.su84-login-security h4{font-size:20px!important;line-height:26px!important;margin:0 0 14px!important;color:#111827}
.su84-login-security p,.su84-login-security li,.su84-login-security td,.su84-login-security th{font-size:14px!important;line-height:20px!important}
.su84-login-security .su84-account-actions{gap:10px!important}
.su84-login-security .su84-account-actions .su84-button{height:50px!important;min-height:50px!important;padding:0 10px!important;font-size:12px!important;line-height:18px!important;white-space:nowrap!important}

@media(min-width:1180px){
  .su84-create-card,.su84-search-card{min-height:0}
}
@media(max-width:1179px){
  .su84-manager{width:min(960px,calc(100vw - 32px));margin-top:20px}
  .su84-manager-grid{grid-template-columns:1fr;gap:18px}
}
@media(max-width:700px){
  .su84-manager{width:calc(100vw - 16px);margin:12px 0 24px}
  .su84-card{padding:18px 14px}
  .su84-course-manage-row{flex-wrap:wrap;align-items:flex-start}
  .su84-course-manage-row .su84-course-main-check{flex-basis:100%}
  .su84-days-editor{width:100%;justify-content:flex-start!important;padding-left:33px}
  .su84-search{grid-template-columns:1fr}
  .su84-search .su84-button{width:100%}
  .su84-login-security .su84-account-actions{flex-wrap:wrap!important}
  .su84-login-security .su84-account-actions>form{flex:1 1 100%!important;width:100%!important}
  .su84-login-security .su84-account-actions .su84-button{white-space:normal!important;font-size:13px!important}
}

/* v1.3.2 - Chỉ hiển thị ô số ngày, bỏ chữ “Điều chỉnh còn” */
.su84-days-editor-number-only{gap:8px!important;min-width:auto!important}
.su84-days-editor-number-only input[type=number]{font-weight:600!important}


/* v1.3.4 - Đồng đều khoảng cách form trái + dọn chữ số ngày còn lại bị lặp */
.su84-create-card .su84-form > label{
  display:grid!important;
  grid-template-rows:20px 48px!important;
  row-gap:7px!important;
  margin:0 0 24px!important;
  padding:0!important;
}
.su84-create-card .su84-form > label > span{
  display:block!important;
  height:20px!important;
  min-height:20px!important;
  margin:0!important;
  padding:0!important;
  line-height:20px!important;
}
.su84-create-card .su84-form > label > input[type=text],
.su84-create-card .su84-form > label > input[type=email]{
  margin:0!important;
  height:48px!important;
  min-height:48px!important;
}
.su84-create-card .su84-course-box{margin-top:4px!important}

/* v1.3.5 - Khóa cứng 3 nút quản lý tài khoản trên cùng một hàng */
.su84-login-security .su84-account-actions[data-su84-canonical-actions="1"]{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
  width:100%!important;
}
.su84-login-security .su84-account-actions[data-su84-canonical-actions="1"] > form{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.su84-login-security .su84-account-actions[data-su84-canonical-actions="1"] .su84-button{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:50px!important;
  height:50px!important;
  margin:0!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  line-height:1!important;
}
@media(max-width:760px){
  .su84-login-security .su84-account-actions[data-su84-canonical-actions="1"]{
    grid-template-columns:1fr!important;
  }
}


/* v1.3.7 - Native action row fix
   Không tạo container lồng bằng JS. Dùng trực tiếp 3 form PHP trong .su84-account-actions. */
.su84-login-security .su84-account-actions[data-su84-canonical-actions="1"]{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  align-items:stretch!important;
  margin:14px 0 0!important;
  padding:14px 0 0!important;
  border-top:1px solid #e6e9ef!important;
  box-sizing:border-box!important;
}
.su84-login-security .su84-account-actions[data-su84-canonical-actions="1"] > form[data-su84-action]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  position:static!important;
  box-sizing:border-box!important;
}
.su84-login-security .su84-account-actions[data-su84-canonical-actions="1"] > form[data-su84-action] .su84-button{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 8px!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:18px!important;
}
@media(max-width:700px){
  .su84-login-security .su84-account-actions[data-su84-canonical-actions="1"]{
    grid-template-columns:1fr!important;
  }
}


/* v1.3.8 - only Suspend + Delete, same row */
.su84-login-security .su84-account-actions[data-su84-canonical-actions="1"],
.su84-login-security .su84-account-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  align-items:stretch!important;
}
.su84-login-security .su84-account-actions > form{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
}
.su84-login-security .su84-account-actions > form .su84-button,
.su84-login-security .su84-account-actions > form button,
.su84-login-security .su84-account-actions > form input[type="submit"]{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
@media(max-width:700px){
  .su84-login-security .su84-account-actions{
    grid-template-columns:1fr!important;
  }
}


/* v1.3.9 - one native form, two equal action buttons */
.su84-login-security .su84-account-actions{
  display:block!important;
  width:100%!important;
  margin:14px 0 0!important;
  padding:14px 0 0!important;
  border-top:1px solid #e6e9ef!important;
  box-sizing:border-box!important;
}
.su84-login-security .su84-account-actions .su84-account-action-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  position:static!important;
  box-sizing:border-box!important;
}
.su84-login-security .su84-account-actions .su84-account-action-form > .su84-button{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 10px!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  float:none!important;
  position:static!important;
  white-space:nowrap!important;
  text-align:center!important;
  line-height:18px!important;
}
@media(max-width:700px){
  .su84-login-security .su84-account-actions .su84-account-action-form{
    grid-template-columns:1fr!important;
  }
}


/* v1.4.0 - Final account actions fix: no nested forms, two nonce-protected links */
.su84-login-security .su84-account-actions[data-su84-canonical-actions="1"]{
  display:block!important;
  width:100%!important;
  margin:14px 0 0!important;
  padding:14px 0 0!important;
  border-top:1px solid #e6e9ef!important;
  box-sizing:border-box!important;
}
.su84-login-security .su84-account-actions .su84-account-action-links{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.su84-login-security .su84-account-actions .su84-account-action-links > a.su84-button{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 10px!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  float:none!important;
  position:static!important;
  white-space:nowrap!important;
  text-align:center!important;
  text-decoration:none!important;
  line-height:18px!important;
}
@media(max-width:700px){
  .su84-login-security .su84-account-actions .su84-account-action-links{
    grid-template-columns:1fr!important;
  }
}


/* v1.4.1 - Keep account action buttons visible.
   Old JS cleanup removed all non-form children; v1.4.1 removes that cleanup. */
.su84-login-security .su84-account-actions,
.su84-login-security .su84-account-actions[data-su84-canonical-actions="1"]{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
}
.su84-login-security .su84-account-action-links{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
}
.su84-login-security .su84-account-action-links > a.su84-button{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
@media(max-width:700px){
  .su84-login-security .su84-account-action-links{
    grid-template-columns:1fr!important;
  }
}


/* v1.4.2 - Force Suspend/Delete on exactly one desktop row */
.su84-login-security .su84-account-action-links{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  width:100%!important;
  align-items:stretch!important;
}
.su84-login-security .su84-account-action-links > a.su84-button{
  display:flex!important;
  flex:1 1 0!important;
  width:0!important;
  min-width:0!important;
  max-width:none!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  float:none!important;
  clear:none!important;
  position:static!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
@media(max-width:700px){
  .su84-login-security .su84-account-action-links{
    flex-direction:column!important;
  }
  .su84-login-security .su84-account-action-links > a.su84-button{
    width:100%!important;
    flex:0 0 50px!important;
  }
}


/* v1.4.3 - Flatsome-proof account action alignment.
   The wrapper is a fixed positioning context; each action is pinned to the
   same top coordinate, so theme margins cannot push Delete downward. */
.su84-login-security .su84-account-actions[data-su84-canonical-actions="1"]{
  display:block!important;
  visibility:visible!important;
  width:100%!important;
  margin:14px 0 0!important;
  padding:14px 0 0!important;
  box-sizing:border-box!important;
}

.su84-login-security .su84-account-action-links{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

.su84-login-security .su84-account-action-links > a.su84-button{
  position:absolute!important;
  top:0!important;
  bottom:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:calc(50% - 5px)!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  margin:0!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
  float:none!important;
  clear:none!important;
  transform:none!important;
  translate:none!important;
  vertical-align:top!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  text-align:center!important;
}

.su84-login-security .su84-account-action-links > a.su84-unlock-button,
.su84-login-security .su84-account-action-links > a.su84-suspend-button{
  left:0!important;
  right:auto!important;
}

.su84-login-security .su84-account-action-links > a.su84-delete-button{
  left:auto!important;
  right:0!important;
}

/* Neutralize Flatsome button spacing specifically inside this row. */
.su84-login-security .su84-account-action-links .button,
.su84-login-security .su84-account-action-links a.button,
.su84-login-security .su84-account-action-links a.su84-button{
  margin-top:0!important;
  margin-right:0!important;
  margin-bottom:0!important;
  margin-left:0!important;
}

@media(max-width:700px){
  .su84-login-security .su84-account-action-links{
    height:110px!important;
  }
  .su84-login-security .su84-account-action-links > a.su84-button{
    left:0!important;
    right:auto!important;
    width:100%!important;
  }
  .su84-login-security .su84-account-action-links > a.su84-unlock-button,
  .su84-login-security .su84-account-action-links > a.su84-suspend-button{
    top:0!important;
  }
  .su84-login-security .su84-account-action-links > a.su84-delete-button{
    top:60px!important;
  }
}


/* v1.4.4 - repaired runtime row */
.su84-login-security .su84-action-row-fixed{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  width:100%!important;
  position:static!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}
.su84-login-security .su84-action-row-fixed > a.su84-button{
  position:static!important;
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  margin:0!important;
  padding:0 10px!important;
  float:none!important;
  clear:none!important;
  transform:none!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
@media(max-width:700px){
  .su84-login-security .su84-action-row-fixed{
    grid-template-columns:1fr!important;
  }
}


/* v1.4.5 - stable two-button row, no runtime DOM moving */
.su84-login-security .su84-account-actions[data-su84-canonical-actions="1"]{
  display:block!important;
  width:100%!important;
  margin:14px 0 0!important;
  padding:14px 0 0!important;
  box-sizing:border-box!important;
}

.su84-login-security .su84-account-actions[data-su84-canonical-actions="1"] .su84-account-action-links{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  box-sizing:border-box!important;
}

.su84-login-security .su84-account-actions[data-su84-canonical-actions="1"] .su84-account-action-links > a.su84-button{
  display:flex!important;
  position:static!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  margin:0!important;
  padding:0 10px!important;
  float:none!important;
  clear:none!important;
  transform:none!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}

@media(max-width:700px){
  .su84-login-security .su84-account-actions[data-su84-canonical-actions="1"] .su84-account-action-links{
    grid-template-columns:1fr!important;
  }
}


/* v1.4.6 - Account actions vertical stack */
.su84-login-security .su84-account-actions[data-su84-canonical-actions="1"]{
  display:block!important;
  width:100%!important;
  margin:14px 0 0!important;
  padding:14px 0 0!important;
  box-sizing:border-box!important;
}

.su84-login-security .su84-account-actions[data-su84-canonical-actions="1"] .su84-account-action-links{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  box-sizing:border-box!important;
}

.su84-login-security .su84-account-actions[data-su84-canonical-actions="1"] .su84-account-action-links > a.su84-button{
  display:flex!important;
  position:static!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  flex:0 0 50px!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  margin:0!important;
  padding:0 10px!important;
  float:none!important;
  clear:both!important;
  transform:none!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}

/* Ensure delete stays directly below suspend/unlock */
.su84-login-security .su84-account-action-links > a.su84-delete-button{
  order:2!important;
}
.su84-login-security .su84-account-action-links > a.su84-suspend-button,
.su84-login-security .su84-account-action-links > a.su84-unlock-button{
  order:1!important;
}


/* v1.4.7 - Mobile form focus / horizontal clipping fix */
@media (max-width: 700px) {
  html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .su84-account-page,
  .su84-account-page *,
  .su84-create-student,
  .su84-create-student * {
    box-sizing: border-box !important;
  }

  .su84-account-page,
  .su84-create-student,
  .su84-create-student form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .su84-create-student input[type="text"],
  .su84-create-student input[type="email"],
  .su84-create-student input[type="tel"],
  .su84-create-student input[type="number"],
  .su84-create-student input[type="password"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    transform: none !important;
  }

  .su84-create-student input:focus {
    font-size: 16px !important;
    max-width: 100% !important;
    transform: none !important;
  }
}


/* v1.4.8 - iPhone/iOS focus fix
   Prevent horizontal layout overflow and Safari horizontal panning when an input receives focus. */
@media (max-width: 700px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  /* Real plugin wrapper */
  .su84-manager {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
  }

  .su84-manager *,
  .su84-create-card,
  .su84-create-card *,
  .su84-form,
  .su84-form * {
    box-sizing: border-box !important;
  }

  .su84-create-card,
  .su84-create-card .su84-form,
  .su84-create-card .su84-form > label {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Text fields must never be wider than their card on focus. */
  .su84-create-card .su84-form input[type="text"],
  .su84-create-card .su84-form input[type="email"],
  .su84-create-card .su84-form input[type="tel"],
  .su84-create-card .su84-form input[type="search"],
  .su84-create-card .su84-form input[type="password"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    font-size: 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    translate: none !important;
    box-sizing: border-box !important;
  }

  .su84-create-card .su84-form input:focus {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    translate: none !important;
  }

  /* Avoid wide children forcing the layout viewport beyond the phone screen. */
  .su84-card,
  .su84-course-box,
  .su84-course-manage-row,
  .su84-search,
  .su84-login-security {
    max-width: 100% !important;
    min-width: 0 !important;
  }
}


/* v1.4.9 - ROOT FIX for iPhone horizontal clipping on Email / Phone focus.
   Important: .su84-manager previously used width:calc(100vw - 16px) PLUS 28px padding
   under content-box sizing, so the real rendered width exceeded the phone viewport. */
@media (max-width:700px) {
  html,
  body {
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .su84-manager {
    box-sizing:border-box !important;
    width:calc(100vw - 16px) !important;
    max-width:calc(100vw - 16px) !important;
    min-width:0 !important;
    margin:12px 8px 24px 8px !important;
    padding-left:14px !important;
    padding-right:14px !important;
    overflow-x:hidden !important;
  }

  .su84-manager-grid,
  .su84-manager-grid > *,
  .su84-card,
  .su84-create-card,
  .su84-create-card form,
  .su84-create-card label {
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .su84-create-card input[type="text"],
  .su84-create-card input[type="email"],
  .su84-create-card input[type="tel"],
  .su84-create-card input[type="search"],
  .su84-create-card input[type="password"] {
    box-sizing:border-box !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    font-size:16px !important;
    margin-left:0 !important;
    margin-right:0 !important;
    transform:none !important;
  }

  .su84-create-card input:focus {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    font-size:16px !important;
    margin-left:0 !important;
    margin-right:0 !important;
    transform:none !important;
  }
}


/* v1.5.0 - iOS Email/Tel focus hardening */
@media (max-width:700px) {
  html {
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
  }

  .su84-manager,
  .su84-manager-grid,
  .su84-manager-left,
  .su84-create-card,
  .su84-form,
  .su84-form > label {
    box-sizing:border-box !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  .su84-form input[name="full_name"],
  .su84-form input[name="email"],
  .su84-form input[name="phone"] {
    display:block !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    font-size:18px !important;
    line-height:1.25 !important;
    margin:0 !important;
    transform:none !important;
    -webkit-transform:none !important;
    zoom:1 !important;
  }

  .su84-form input[name="full_name"]:focus,
  .su84-form input[name="email"]:focus,
  .su84-form input[name="phone"]:focus {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    font-size:18px !important;
    transform:none !important;
    -webkit-transform:none !important;
  }
}