/* Your domains: same editorial frame as account.css, simpler one-column body
   since this page has no signed-in/signed-out split -- verification works
   for anyone, signed in or not. */
#scene .task-page.account-domains-page {
  --account-accent:var(--primary);
  --account-rule:hsl(var(--text-strong) / .16);
  --account-muted:hsl(var(--text-strong) / .66);
  width:100%;
  max-width:none;
  overflow:auto;
  padding:0;
  color:hsl(var(--text));
}
#scene .account-domains-page [hidden] { display:none !important; }
#scene .account-domains-shell {
  display:block;
  width:min(100%,960px);
  margin:auto;
  padding:clamp(28px,5vw,56px) clamp(24px,5vw,60px) 60px;
  box-sizing:border-box;
}
#scene .account-domains-back {
  display:inline-block;
  margin-bottom:16px;
  color:hsl(var(--text-muted));
  font:600 10px/1.4 var(--mono-font,ui-monospace,monospace);
  letter-spacing:.04em;
  text-decoration:none;
  text-transform:uppercase;
}
#scene .account-domains-back:hover { color:hsl(var(--account-accent)); }
#scene .account-domains-page .account-kicker {
  margin:0 0 10px;
  color:hsl(var(--text-muted));
  font:600 9px/1.5 var(--mono-font,ui-monospace,monospace);
  letter-spacing:.1em;
  text-transform:uppercase;
}
#scene .account-domains-page h1 {
  margin:0 0 14px;
  color:hsl(var(--text-strong));
  font:650 clamp(32px,4.4vw,48px)/1.02 var(--font-sans,"Albert Sans",sans-serif);
  letter-spacing:-.05em;
}
#scene .account-domains-page header>p {
  max-width:62ch;
  margin:0 0 32px;
  color:var(--account-muted);
  font:400 13px/1.55 var(--font-sans,"Albert Sans",sans-serif);
}
#scene .account-domains-layout { display:grid; grid-template-columns:minmax(260px,.9fr) minmax(0,1.3fr); gap:clamp(24px,4vw,44px); align-items:start; }
#scene .account-domains-add,
#scene .account-domains-list {
  min-width:0;
  padding:20px;
  border:1px solid var(--account-rule);
  border-radius:3px;
  background:hsl(var(--surface) / .14);
}
#scene .account-domains-add h2,
#scene .account-domains-list h2 {
  margin:0 0 14px;
  color:hsl(var(--text-strong));
  font:550 20px/1.15 var(--font-sans,"Albert Sans",sans-serif);
  letter-spacing:-.03em;
}
#scene .account-domains-list h2 span { color:hsl(var(--text-faint)); font:400 13px/1 var(--font-sans,"Albert Sans",sans-serif); }
#scene [data-domains-form] { display:grid; gap:10px; }
#scene [data-domains-form] label { color:hsl(var(--text-muted)); font:600 9px/1.4 var(--mono-font,monospace); letter-spacing:.06em; text-transform:uppercase; }
#scene [data-domains-form] input {
  width:100%;
  min-height:42px;
  box-sizing:border-box;
  padding:10px 12px;
  border:1px solid hsl(var(--border-default));
  border-radius:0;
  background:hsl(var(--canvas) / .72);
  color:hsl(var(--text-strong));
  font:400 12px/1.4 var(--mono-font,ui-monospace,monospace);
}
#scene [data-domains-form] button {
  min-height:42px;
  padding:9px 15px;
  border:1px solid hsl(var(--text-strong));
  border-radius:0;
  background:hsl(var(--text-strong));
  color:hsl(var(--canvas));
  font:600 10px/1.3 var(--mono-font,ui-monospace,monospace);
  letter-spacing:.03em;
  text-transform:uppercase;
  cursor:pointer;
}
#scene [data-domains-form] button:hover { border-color:hsl(var(--account-accent)); background:hsl(var(--account-accent)); }
#scene [data-domains-add-status] { min-height:1.3em; margin:10px 0 0; color:hsl(var(--trust,var(--account-accent))); font:400 11px/1.4 var(--font-sans,"Albert Sans",sans-serif); }
#scene .account-domains-note { margin:14px 0 0; padding-top:12px; border-top:1px solid hsl(var(--border-subtle)); color:hsl(var(--text-faint)); font:400 11px/1.5 var(--font-sans,"Albert Sans",sans-serif); }
#scene .account-domains-note a { color:hsl(var(--text-strong)); }
#scene .account-domains-note a:hover { color:hsl(var(--account-accent)); }

#scene [data-domains-items] { display:grid; gap:12px; list-style:none; margin:0; padding:0; }
#scene .account-domains-empty { margin:0; color:hsl(var(--text-faint)); font:400 12px/1.5 var(--font-sans,"Albert Sans",sans-serif); }
#scene .account-domains-item { padding:14px; border:1px solid hsl(var(--border-subtle)); border-left:2px solid hsl(var(--text-strong) / .3); }
#scene .account-domains-item[data-state="mine"] { border-left-color:hsl(var(--trust,var(--account-accent))); }
#scene .account-domains-item[data-state="missing"],
#scene .account-domains-item[data-state="timeout"] { border-left-color:hsl(var(--danger)); }
#scene .account-domains-item-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#scene .account-domains-item-head strong { overflow-wrap:anywhere; color:hsl(var(--text-strong)); font:550 15px/1.3 var(--font-sans,"Albert Sans",sans-serif); }
#scene .account-domains-item-head button {
  flex:0 0 auto;
  min-height:28px;
  padding:4px 10px;
  border:1px solid hsl(var(--border-default));
  background:transparent;
  color:hsl(var(--text-muted));
  font:600 8px/1.3 var(--mono-font,monospace);
  letter-spacing:.03em;
  text-transform:uppercase;
  cursor:pointer;
}
#scene .account-domains-item-head button:hover { border-color:hsl(var(--danger)); color:hsl(var(--danger)); }
#scene .account-domains-item-status { margin:6px 0 10px; color:var(--account-muted); font:400 11px/1.5 var(--font-sans,"Albert Sans",sans-serif); }
#scene .account-domains-item[data-state="mine"] .account-domains-item-status { color:hsl(var(--trust,var(--account-accent))); }
#scene .account-domains-item[data-state="missing"] .account-domains-item-status,
#scene .account-domains-item[data-state="timeout"] .account-domains-item-status { color:hsl(var(--danger)); }
#scene .account-domains-item dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px 14px; margin:0; }
#scene .account-domains-item dt { color:hsl(var(--text-muted)); font:600 8px/1.4 var(--mono-font,monospace); letter-spacing:.06em; text-transform:uppercase; }
#scene .account-domains-item dd { margin:3px 0 0; overflow-wrap:anywhere; color:hsl(var(--text-strong)); font:400 10px/1.45 var(--mono-font,monospace); }
#scene .account-domains-item [data-open] { display:inline-block; margin-top:10px; color:hsl(var(--text-strong)); font:600 10px/1.4 var(--mono-font,monospace); text-decoration:none; text-underline-offset:3px; }
#scene .account-domains-item [data-open]:hover { color:hsl(var(--account-accent)); }

@media(max-width:760px) {
  #scene .account-domains-layout { grid-template-columns:1fr; }
  #scene .account-domains-item dl { grid-template-columns:1fr 1fr; }
}