/* MMO8386-MANAGED-FILE-V1 | assets/css/modules/accounts.css */
.account-create-card{padding:16px;border:1px solid #e6e6e6;border-radius:12px;background:#fff}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:16px 0}
.section-head h3{margin:0 0 5px;font-size:18px}
.account-create-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.mini-field label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:#555}
.mini-field input,.mini-field select,.inline-input,.inline-select{width:100%;height:38px;border:1px solid #d4d4d4;border-radius:8px;padding:0 9px;background:#fff;font-size:13px}
.account-create-actions .btn{width:100%}
.account-table-wrap{overflow:auto;border:1px solid #e5e5e5;border-radius:12px;background:#fff}
.account-table{width:100%;border-collapse:collapse;min-width:980px}
.account-table th,.account-table td{padding:11px 12px;border-bottom:1px solid #eee;text-align:left;font-size:13px;vertical-align:top}
.account-table th{background:#f8f8f8;font-size:12px;color:#666;position:sticky;top:0}
.display-name-input{margin-top:7px;min-width:150px}
.device-limit-input{width:86px}
.row-actions{display:flex;gap:7px;flex-wrap:wrap;min-width:230px}
.btn{height:40px;padding:0 14px;border:0;border-radius:8px;background:#222;color:#fff;font-weight:700;cursor:pointer}
.btn-secondary{background:#ececec;color:#222}
.btn-small{height:34px;padding:0 10px;font-size:12px}
.form-message{min-height:20px;margin-top:10px;color:#b42318;font-size:12px}
.table-loading{text-align:center!important;color:#777}
.session-count{font-size:16px}
.small-text{font-size:11px;margin-top:4px}
.self-badge{display:inline-block;margin-top:6px;padding:3px 7px;border-radius:999px;background:#eee;font-size:10px;font-weight:700}
@media(max-width:900px){.account-create-form{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.section-head{display:block}.section-head .btn{margin-top:10px}.account-create-form{grid-template-columns:1fr}}

.account-password-modal[hidden]{display:none!important}
.account-password-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px}
.account-password-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58)}
.account-password-modal__dialog{position:relative;width:min(520px,100%);max-height:calc(100vh - 36px);overflow:auto;background:var(--surface,#fff);color:var(--text,#17191d);border:1px solid var(--border,#dfe3e8);border-radius:16px;padding:20px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.account-password-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}
.account-password-modal__head h2{margin:3px 0 0}
.account-password-modal__dialog .field{margin-top:14px}
.account-password-modal__dialog .field label{display:block;margin-bottom:6px;font-weight:700}
.account-password-modal__dialog .field input{width:100%;box-sizing:border-box}
.account-password-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
html[data-theme="dark"] .account-password-modal__dialog{background:#181b20;color:#f3f4f6;border-color:#343941}
@media(max-width:600px){
 .account-password-modal{align-items:end;padding:10px}
 .account-password-modal__dialog{width:100%;border-radius:16px;padding:16px}
 .account-password-modal__actions .btn{flex:1}
}

.account-management-divider{margin:28px 0 14px;padding-top:22px;border-top:1px solid var(--border,#dfe3e8)}
.account-management-divider h2{margin:4px 0 6px}
html[data-theme="dark"] .account-management-divider{border-top-color:#343941}


/* v0.9.29 — account management layout optimization */
.account-management-header{
  margin-top:26px;
  padding-top:22px;
  border-top:1px solid var(--border,#e1e4e8);
}
.account-management-header h2{
  margin:4px 0 6px;
}
.account-admin-card{
  margin-top:12px;
}
.account-list-heading{
  margin-top:18px;
}
.account-list-card{
  border:1px solid var(--border,#e1e4e8);
  border-radius:12px;
  background:var(--surface,#fff);
  overflow:auto;
}
.account-list-card .account-table{
  margin:0;
  border:0;
}
.account-table th,
.account-table td{
  vertical-align:top;
}

/* Make action buttons easier to hit without changing functionality. */
.account-table td:last-child{
  min-width:150px;
}
.account-table td:last-child .btn{
  margin:2px 3px 2px 0;
}

/* Tablet/mobile: preserve all columns, allow horizontal scroll, improve spacing. */
@media(max-width:800px){
  .account-create-form{
    grid-template-columns:1fr 1fr;
  }
  .account-list-card{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .account-table{
    min-width:760px;
  }
}
@media(max-width:620px){
  .account-create-form{
    grid-template-columns:1fr;
  }
  .account-create-actions{
    grid-column:auto;
  }
  .account-management-header{
    margin-top:20px;
    padding-top:18px;
  }
}

/* Dark mode readability */
html[data-theme="dark"] .account-management-header{
  border-top-color:#343941;
}
html[data-theme="dark"] .account-list-card{
  background:#1a1d22!important;
  border-color:#30343b!important;
}