/* Personal account and permission-scoped organization overview. */
body.account-pending #open-welcome-account,
#open-welcome-account[hidden],
.welcome-account-dashboard [hidden] { display:none !important; }
#open-welcome-account { text-align:left; }
.welcome-account-dashboard {
  --wad-soft:#f5f7fb;
  --wad-line:#dce4ee;
  --wad-secondary:#e9eef6;
  width:min(960px, calc(100vw - 32px));
  max-width:960px;
  max-height:calc(100vh - 48px);
  max-height:calc(100dvh - 48px);
  margin:auto;
  padding:0;
  overflow:hidden;
  color:var(--ink);
  background:var(--paper);
  border:1px solid var(--wad-line);
  border-radius:16px;
  box-shadow:0 24px 80px rgba(16,35,63,.24);
  font-family:var(--font-ui, Inter, ui-sans-serif, system-ui, sans-serif);
}
.welcome-account-dashboard::backdrop { background:rgba(11,22,39,.55); backdrop-filter:blur(3px); }
.wad-shell { display:flex; flex-direction:column; max-height:calc(100vh - 50px); max-height:calc(100dvh - 50px); }
.wad-header { display:flex; flex:none; align-items:flex-start; justify-content:space-between; gap:16px; padding:24px 28px 18px; }
.wad-header h2 { margin:0; color:var(--navy); font-size:24px; }
.wad-header .eyebrow { margin:0 0 6px; }
.wad-header p:not(.eyebrow) { margin:5px 0 0; color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
.wad-header-actions { display:flex; align-items:center; gap:10px; }
.wad-header .wad-refresh { min-height:34px; padding:6px 10px; font-size:11px; }
.wad-close { display:grid; flex:none; width:34px; height:34px; place-items:center; padding:0; color:var(--muted); background:var(--wad-soft); border:1px solid var(--wad-line); border-radius:8px; font-size:23px; line-height:1; }
.wad-close:hover { color:var(--ink); background:var(--wad-secondary); }
.wad-tabs { display:flex; flex:none; gap:5px; margin:0 28px; padding:5px; overflow-x:auto; background:var(--wad-soft); border:1px solid var(--wad-line); border-radius:10px; }
.wad-tabs button { flex:1 0 auto; min-height:36px; padding:7px 13px; color:var(--muted); background:transparent; border:1px solid transparent; border-radius:7px; font-size:12px; font-weight:750; white-space:nowrap; }
.wad-tabs button:hover { color:var(--navy); }
.wad-tabs button[aria-selected="true"] { color:#fff; background:#19345b; box-shadow:0 1px 3px rgba(23,46,85,.12); }
.wad-scroll { padding:22px 28px 26px; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; -webkit-overflow-scrolling:touch; }
.wad-content { display:grid; gap:18px; outline:none; }
.wad-content h3 { margin:0; font-size:16px; }
.wad-content h4 { margin:0; font-size:13px; line-height:1.4; }
.wad-content p { margin:0; font-size:12px; line-height:1.55; }
.wad-intro h3 { color:var(--navy); font-size:19px; letter-spacing:-.3px; }
.wad-intro p { margin-top:5px; color:var(--muted); }
.wad-intro-row { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.wad-grid,.wad-ministry-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.wad-card { display:flex; flex-direction:column; gap:16px; min-width:0; padding:19px; background:var(--paper); border:1px solid var(--wad-line); border-radius:11px; }
.wad-card-heading { display:grid; gap:4px; }
.wad-profile-card { align-self:start; }
.wad-card-heading h3 { color:var(--navy); }
.wad-card-heading p,.wad-note { color:var(--muted); }
.wad-identity { display:flex; align-items:center; gap:11px; }
.wad-identity > div { display:grid; min-width:0; gap:3px; }
.wad-identity strong { overflow-wrap:anywhere; font-size:13px; }
.wad-identity small { color:var(--muted); font-size:10px; }
.wad-avatar { display:grid; flex:none; width:42px; height:42px; place-items:center; color:#19345b; background:#e8eef7; border:1px solid #dbe5f2; border-radius:13px; font-size:13px; font-weight:800; }
.wad-profile-form { display:grid; gap:13px; }
.wad-profile-form label,.wad-search label { display:grid; min-width:0; gap:6px; color:var(--muted); font-size:11px; font-weight:750; }
.wad-profile-form input,.wad-search input { width:100%; min-height:39px; padding:9px 10px; color:var(--ink); background:var(--paper); border:1px solid #bfccdc; border-radius:7px; font-size:12px; font-weight:500; }
.wad-profile-form input[readonly] { color:var(--muted); background:var(--wad-soft); }
.wad-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.wad-wallet-offers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.wad-wallet-offer { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; padding:13px; border:1px solid var(--wad-line); border-radius:9px; background:var(--wad-soft); }
.wad-wallet-offer strong { color:var(--navy); font-size:14px; }
.wad-wallet-offer span { flex:1 1 140px; font-size:12px; }
.wad-wallet-controls,.wad-wallet-history { padding-top:14px; border-top:1px solid var(--wad-line); }
.wad-wallet-controls summary,.wad-wallet-history summary { color:var(--navy); cursor:pointer; font-size:14px; font-weight:650; }
.wad-wallet-controls > :not(summary),.wad-wallet-history > :not(summary) { margin-top:12px; }
.wad-wallet-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
.wad-wallet-form .wad-wallet-checkbox { display:flex; align-items:center; gap:8px; }
.wad-wallet-form .wad-wallet-checkbox input { width:18px; min-height:18px; }
.wad-wallet-message-label { display:grid; gap:6px; font-size:12px; color:var(--muted); }
.wad-wallet-message-label textarea { width:100%; padding:10px; font:inherit; color:var(--ink); background:var(--paper); border:1px solid var(--wad-line); border-radius:8px; }
.wad-wallet-alert { padding:11px; color:var(--ink); background:var(--wad-soft); border:1px solid var(--wad-line); border-radius:8px; }
.wad-content .button,.wad-confirmation .button { align-self:flex-start; min-height:36px; margin:0; padding:8px 12px; font-size:11px; font-weight:750; }
.wad-content .button:disabled,.wad-confirmation .button:disabled,.wad-header button:disabled,.wad-tabs button:disabled { cursor:default; opacity:.55; transform:none; }
.wad-billing-note { display:grid; gap:6px; margin-top:auto; padding-top:16px; border-top:1px solid var(--wad-line); }
.wad-billing-note h4 { color:var(--navy); font-size:12px; }
.wad-plan-lines { margin:4px 0; padding-left:20px; color:var(--ink); font-size:12px; line-height:1.6; }
.wad-security-address { display:grid; gap:5px; min-width:0; }
.wad-security-address strong,.wad-email-pending strong { color:var(--ink); font-size:13px; overflow-wrap:anywhere; }
.wad-security-section { display:grid; gap:10px; padding-top:16px; border-top:1px solid var(--wad-line); }
.wad-security-section .button { justify-self:start; }
.wad-email-pending { display:grid; gap:8px; padding:12px; background:var(--wad-soft); border:1px solid var(--wad-line); border-radius:8px; }
.wad-list { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.wad-list > li { min-width:0; padding:13px 0; border-top:1px solid var(--wad-line); }
.wad-list > li:first-child { padding-top:0; border-top:0; }
.wad-list > li:last-child { padding-bottom:0; }
.wad-workspace-row,.wad-admin-organization { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.wad-workspace-create { display:grid; gap:10px; padding-top:16px; border-top:1px solid var(--wad-line); }
.wad-workspace-create > .button { justify-self:start; }
.wad-workspace-create-form { max-width:560px; }
.wad-workspace-create-form .wad-actions { justify-content:flex-start; }
.wad-row-details { display:grid; min-width:0; gap:4px; }
.wad-row-details strong { color:var(--ink); font-size:12px; overflow-wrap:anywhere; }
.wad-row-details small { color:var(--muted); font-size:10px; line-height:1.5; overflow-wrap:anywhere; }
.wad-email { color:var(--muted); font-size:11px; overflow-wrap:anywhere; }
.wad-badge { display:inline-flex; flex:none; align-items:center; align-self:flex-start; max-width:100%; padding:4px 7px; color:#566982; background:var(--wad-soft); border:1px solid var(--wad-line); border-radius:6px; font-size:9px; font-weight:750; line-height:1.45; }
.wad-badge-active { color:#28634d; background:#eef7f1; border-color:#d1e7d9; }
.wad-badge-warning { color:#9a4d32; background:#fff1ea; border-color:#edd7c9; }
.wad-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:0; }
.wad-metric { min-width:0; margin:0; padding:13px; background:var(--wad-soft); border:1px solid var(--wad-line); border-radius:9px; }
.wad-metric dt { margin:0; color:var(--muted); font-size:10px; font-weight:650; }
.wad-metric dd { margin:4px 0 0; color:var(--navy); font-size:22px; font-weight:800; letter-spacing:-.5px; line-height:1.2; overflow-wrap:anywhere; }
.wad-metric small { display:block; margin-top:6px; color:var(--muted); font-size:9px; line-height:1.4; }
.wad-metrics-two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.wad-ministry { display:grid; gap:15px; min-width:0; padding:15px; background:var(--wad-soft); border:1px solid var(--wad-line); border-radius:9px; }
.wad-ministry-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.wad-ministry-heading h4 { color:var(--navy); overflow-wrap:anywhere; }
.wad-ministry-counts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; margin:0; }
.wad-ministry-counts .wad-metric { padding:0; background:transparent; border:0; border-radius:0; }
.wad-ministry-counts dt { font-size:9px; }
.wad-ministry-counts dd { font-size:17px; }
.wad-ministry-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.wad-ministry-footer small { color:var(--muted); font-size:9px; }
.wad-billing-label { color:#28634d; font-size:18px !important; font-weight:800; }
.wad-period { color:var(--muted); font-size:10px !important; }
.wad-connections { display:flex; flex-wrap:wrap; gap:9px 20px; padding-top:13px; color:var(--muted); border-top:1px solid var(--wad-line); font-size:10px; }
.wad-updated { color:var(--muted); font-size:9px; }
.wad-loading,.wad-empty { padding:22px 16px; color:var(--muted); background:var(--wad-soft); border:1px dashed var(--wad-line); border-radius:9px; text-align:center; font-size:12px; }
.wad-loading { padding:45px 20px; }
.wad-search { display:flex; align-items:flex-end; flex-wrap:wrap; gap:8px; }
.wad-search label { flex:1 1 280px; }
.wad-search .button { align-self:flex-end; min-height:39px; }
.wad-admin-user { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:start; }
.wad-user-heading { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.wad-admin-actions { display:flex; flex-wrap:wrap; gap:7px; justify-content:flex-end; }
.wad-danger { color:#9d392c !important; background:#fff1ee !important; border-color:#e9c3bc !important; }
.wad-danger:hover { background:#ffe5de !important; }
.wad-pagination { display:flex; align-items:center; justify-content:center; gap:16px; }
.wad-pagination span { color:var(--muted); font-size:11px; }
.wad-compact-list { max-height:240px; overflow-y:auto; }
.wad-compact-list > li { padding:10px 0; }
.wad-status { margin:16px 0 0; color:#28634d; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.wad-status:empty { display:none; }
.wad-status[data-state="error"] { color:#a43e30; }
.wad-confirmation { display:grid; gap:10px; margin-top:17px; padding:16px; background:var(--wad-soft); border:1px solid #aebfd5; border-radius:10px; }
.wad-confirmation h3 { margin:0; color:var(--navy); font-size:14px; }
.wad-confirmation p { margin:0; color:var(--muted); font-size:12px; line-height:1.5; }
.welcome-account-dashboard :is(button,input):focus-visible { outline:2px solid #578bc6; outline-offset:3px; }
html[data-theme="dark"] .welcome-account-dashboard { --wad-soft:#222225; --wad-line:#3b3b40; --wad-secondary:#303035; box-shadow:0 24px 80px rgba(0,0,0,.55); }
html[data-theme="dark"] .welcome-account-dashboard::backdrop { background:rgba(0,0,0,.7); }
html[data-theme="dark"] .wad-tabs button[aria-selected="true"] { color:#141416; background:#e6e6ea; }
html[data-theme="dark"] .wad-avatar { color:#eeeef2; background:#303035; border-color:#4b4b52; }
html[data-theme="dark"] .wad-profile-form input,html[data-theme="dark"] .wad-search input { background:#101012; border-color:#56565c; }
html[data-theme="dark"] .wad-profile-form input[readonly] { background:#222225; }
html[data-theme="dark"] .wad-badge { color:#cccdd3; }
html[data-theme="dark"] .wad-badge-active { color:#b9e2ce; background:#20362b; border-color:#3e5e4b; }
html[data-theme="dark"] .wad-badge-warning { color:#f1c3a9; background:#3e2b25; border-color:#715043; }
html[data-theme="dark"] .wad-billing-label,html[data-theme="dark"] .wad-status { color:#b9e2ce; }
html[data-theme="dark"] .wad-status[data-state="error"] { color:#ffb9a8; }
html[data-theme="dark"] .wad-danger { color:#ffc1b2 !important; background:#3e2824 !important; border-color:#76514b !important; }
html[data-theme="dark"] .wad-danger:hover { background:#55312a !important; }
html[data-theme="dark"] .wad-confirmation { border-color:#707077; }
@media (max-width:700px) {
  .welcome-account-dashboard { width:calc(100vw - 16px); max-height:calc(100vh - 20px); max-height:calc(100dvh - 20px); border-radius:12px; }
  .wad-shell { max-height:calc(100vh - 22px); max-height:calc(100dvh - 22px); }
  .wad-header { gap:10px; padding:19px 17px 15px; }
  .wad-header h2 { font-size:20px; }
  .wad-header-actions { gap:7px; }
  .wad-header .wad-refresh { min-height:34px; padding:5px 7px; font-size:10px; }
  .wad-tabs { margin:0 17px; }
  .wad-tabs button { padding:7px 9px; font-size:11px; }
  .wad-scroll { padding:18px 17px 22px; scrollbar-gutter:auto; }
  .wad-grid,.wad-ministry-grid { grid-template-columns:1fr; }
  .wad-wallet-offers,.wad-wallet-form { grid-template-columns:1fr; }
  .wad-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wad-card { gap:14px; padding:16px; }
  .wad-metric dd { font-size:20px; }
  .wad-admin-user { grid-template-columns:1fr; gap:11px; }
  .wad-admin-actions { justify-content:flex-start; }
  .wad-admin-organization { align-items:flex-start; flex-direction:column; gap:9px; }
  .wad-workspace-row { gap:10px; }
  .wad-workspace-row .button { flex:none; padding:7px 9px; font-size:10px; }
}
@media (prefers-reduced-motion:reduce) { .welcome-account-dashboard * { scroll-behavior:auto !important; transition:none !important; } }
