/* Scoped ACCOUNT LIST correction; existing SharePoint/EIOM/shared styles remain intact. */
.account-list-page { min-width:0; }
.account-list-page .page-title { margin-bottom:12px; }
.account-list-page .account-security-note { margin-bottom:10px; }
.account-list-page .account-area-switch { margin:10px 0; }
.account-list-page .account-link-grid { margin-bottom:12px; }
.account-list-page .account-filter-card { margin-bottom:10px; }
.account-list-tabs { display:flex; gap:6px; overflow-x:auto; padding:2px 2px 9px; margin-bottom:8px; }
.account-list-tabs button { display:flex; align-items:center; gap:8px; flex:0 0 auto; max-width:min(70vw,440px); padding:9px 13px; border:1px solid #d9e3ee; border-radius:9px; background:#fff; color:#58708d; font-size:12px; font-weight:700; text-align:left; }
.account-list-tabs button span { overflow-wrap:anywhere; white-space:normal; }
.account-list-tabs button b { flex-shrink:0; padding:2px 6px; border-radius:6px; background:#edf2f8; font-size:10px; }
.account-list-tabs button.active { background:#eaf3fe; color:#205ea5; border-color:#7ba9dc; }
.account-list-page .account-system-head { padding:12px 16px; }
.account-list-page .account-system-head h2 { font-size:16px; overflow-wrap:anywhere; }
.account-list-page .account-system-head > div { min-width:0; }
.account-list-page .account-system-head > button { flex-shrink:0; }
.account-list-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:12px; align-items:start; }
.account-card { min-width:0; padding:12px 14px 8px; border:1px solid #dce5ef; border-radius:10px; background:#fff; }
.account-card > header { display:flex; align-items:center; gap:8px; min-height:25px; margin-bottom:5px; color:#56708e; font-size:11px; }
.account-card-edit { display:flex; align-items:center; gap:4px; margin-left:auto; padding:4px 7px; border:0; border-radius:6px; background:#f1f5fa; color:#58708d; font-size:10px; }
.account-card-edit svg { width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:1.7; }
.account-card-select { display:flex; align-items:center; gap:5px; font-size:10px; }
.account-card-select input { width:14px; height:14px; accent-color:#236bc1; }
.account-card-values { margin:0; display:grid; gap:8px; }
.account-card-values > div { display:grid; grid-template-columns:66px minmax(0,1fr); align-items:start; gap:8px; }
.account-card-values dt { font-size:11px; color:#768ba1; line-height:25px; }
.account-card-values dd { display:flex; align-items:flex-start; gap:8px; margin:0; min-width:0; font-size:13px; line-height:25px; color:#2b4561; }
.account-card-text { flex:1; min-width:0; white-space:pre-wrap; overflow-wrap:anywhere; word-break:normal; }
.account-card-note { font-size:12px!important; }
.account-password-value { font-family:inherit; letter-spacing:normal; }
.account-copy { flex-shrink:0; border:1px solid #dce5ef; background:#f8fafc; color:#56708e; border-radius:6px; font-size:10px; padding:3px 8px; line-height:18px; }
.account-copy:disabled { opacity:.5; cursor:not-allowed; }
.account-card footer { margin-top:10px; padding-top:9px; border-top:1px solid #edf1f6; }
.account-copy-status { display:block; min-height:15px; padding-top:4px; color:#376a99; font-size:10px; overflow-wrap:anywhere; }
.account-card-form { display:grid; gap:10px; }
.account-card-form > label:not(.assistant-visibility-toggle) { display:grid; gap:5px; color:#58708d; font-size:11px; }
.account-card-form input:not([type=checkbox]), .account-card-form textarea { box-sizing:border-box; min-width:0; width:100%; padding:8px 10px; border:1px solid #c8d8e8; border-radius:7px; background:#fff; color:#2b4561; font:inherit; font-size:12px; }
.account-card-form textarea { resize:vertical; }
.account-card-form small { color:#768ba1; }
.account-card.is-editing { border-color:#7ba9dc; background:#f9fcff; }
.account-card-actions { display:flex; justify-content:flex-end; gap:7px; }
.account-card-actions button { padding:7px 13px; font-size:11px; }
.account-card-error { margin:0; color:#b64444; font-size:12px; }
.account-list-search-summary { margin:0 2px 10px; color:#58708d; font-size:11px; }
.account-list-select-all { display:flex; align-items:center; gap:6px; padding:10px 16px 0; color:#58708d; font-size:11px; }
.account-list-draft-alert { display:flex; gap:12px; align-items:center; flex-wrap:wrap; padding:12px; margin-bottom:10px; border:1px solid #dfc782; border-radius:9px; color:#805f24; background:#fffaf0; font-size:12px; }
.account-list-page button:focus-visible, .account-list-page input:focus-visible, .account-list-page textarea:focus-visible { outline:2px solid #3784d2; outline-offset:3px; }
:root[data-theme="dark"] .account-list-tabs button, :root[data-theme="dark"] .account-card { background:#182737; border-color:#34495f; color:#d6e3f1; }
:root[data-theme="dark"] .account-list-tabs button.active, :root[data-theme="dark"] .account-card.is-editing { background:#1c354e; border-color:#5b9dd8; color:#d6e9fa; }
:root[data-theme="dark"] .account-list-tabs button b, :root[data-theme="dark"] .account-card-edit, :root[data-theme="dark"] .account-copy { background:#23384c; border-color:#415a73; color:#c2d6e9; }
:root[data-theme="dark"] .account-card-values dd, :root[data-theme="dark"] .account-card-form label { color:#d3e1ed; }
:root[data-theme="dark"] .account-card-values dt, :root[data-theme="dark"] .account-list-search-summary, :root[data-theme="dark"] .account-list-select-all, :root[data-theme="dark"] .account-copy-status { color:#a9bfd4; }
:root[data-theme="dark"] .account-card footer { border-color:#34495f; }
:root[data-theme="dark"] .account-card-form input:not([type=checkbox]), :root[data-theme="dark"] .account-card-form textarea { background:#122030; color:#dbe7f2; border-color:#4d6b89; }
:root[data-theme="dark"] .account-card-error { color:#ffadad; }
@media (max-width:760px) {
  .account-list-grid { grid-template-columns:minmax(0,1fr); padding:9px; }
  .account-list-page .account-security-note { align-items:flex-start; font-size:10px; }
  .account-list-page .account-system-head { gap:8px; }
  .account-list-page .account-system-head h2 { font-size:14px; }
  .account-card { padding:10px 12px 7px; }
  .account-list-page .account-filter-card .toolbar { flex-wrap:wrap; gap:8px; }
  .account-list-page .account-filter-card .search { min-width:0; flex:1 1 150px; }
}