/* Domains shares the workspace's typography and light/dark color tokens. */
body.workspace-clone[data-screen] .domains-page { padding:0; min-width:0; }
body.workspace-clone[data-screen] .domains-page .ws-page-header { margin-bottom:26px; }
body.workspace-clone[data-screen] .domains-page .ws-page-header p { margin:0; font-size:14px; color:var(--ws-muted); }
body.workspace-clone[data-screen] .domain-service-note { display:flex; align-items:center; gap:14px; padding:18px 20px; border:1px solid var(--ws-line); border-radius:9px; background:var(--ws-panel); }
.domain-service-note>div { flex:1; min-width:0; }
body.workspace-clone[data-screen] .domain-service-note strong { font-size:14px; font-weight:500; }
body.workspace-clone[data-screen] .domain-service-note p { margin:3px 0 0; color:var(--ws-muted); font-size:13px; }
body.workspace-clone[data-screen] .domain-status { display:inline-flex; align-items:center; justify-content:center; width:fit-content; color:var(--ws-muted); background:var(--ws-bg); border:1px solid var(--ws-line); border-radius:5px; padding:3px 8px; font-size:12px; line-height:1.5; white-space:nowrap; }
body.workspace-clone[data-screen] .domain-tabs { display:flex; gap:22px; margin:26px 0; border-bottom:1px solid var(--ws-line); }
body.workspace-clone[data-screen] .domain-tabs button { display:flex; align-items:center; gap:8px; padding:13px 2px; background:none; border:0; border-bottom:2px solid transparent; border-radius:0; color:var(--ws-muted); font-size:14px; }
body.workspace-clone[data-screen] .domain-tabs button[aria-selected=true] { color:var(--ws-ink); border-bottom-color:var(--ws-ink); }
body.workspace-clone[data-screen] .domain-tabs button:hover { color:var(--ws-ink); }
body.workspace-clone[data-screen] .domains-page h2 { font-size:18px; margin:0 0 8px; letter-spacing:-.03em; }
body.workspace-clone[data-screen] .domain-intro { color:var(--ws-muted); font-size:14px; margin:0 0 20px; }
.domain-search-box { display:flex; align-items:stretch; gap:10px; }
body.workspace-clone[data-screen] .domain-search-input { display:flex; align-items:center; gap:10px; min-width:0; flex:1; background:var(--ws-panel); border:1px solid var(--ws-line); border-radius:7px; padding:0 13px; }
body.workspace-clone[data-screen] .domain-search-input>.icon { color:var(--ws-muted); }
body.workspace-clone[data-screen] .domains-page .domain-search-input input { border:0; padding:13px 0; font-size:15px; background:transparent; outline:none; }
.domain-search-input:focus-within { outline:2px solid var(--ws-accent); outline-offset:3px; }
body.workspace-clone[data-screen] .domains-page .domain-search-box>.button { min-width:158px; }
body.workspace-clone[data-screen] .domain-search-status { margin:10px 0 0; font-size:13px; color:var(--ws-muted); }
body.workspace-clone[data-screen] .domain-search-status:empty { display:none; }
body.workspace-clone[data-screen] .domain-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:28px 0 16px; }
body.workspace-clone[data-screen] .domain-section-heading h2 { margin:0; }
body.workspace-clone[data-screen] #domain-draft-count { font-size:12px; font-weight:400; color:var(--ws-muted); letter-spacing:0; margin-left:9px; white-space:nowrap; }
body.workspace-clone[data-screen] .domain-secondary { font-size:13px; font-weight:400; color:var(--ws-muted); line-height:1.6; }
.domain-list { border:1px solid var(--ws-line); border-radius:10px; background:var(--ws-panel); overflow:hidden; }
.domain-offer-grid { display:grid; grid-template-columns:minmax(0,1fr) 130px 140px 135px; gap:20px; align-items:center; }
body.workspace-clone[data-screen] .domain-list-heading { padding:12px 20px; background:var(--ws-bg); font-size:12px; color:var(--ws-muted); border-bottom:1px solid var(--ws-line); }
.domain-offer { padding:20px; border-bottom:1px solid var(--ws-line); }
.domain-offer:last-child,.domain-draft-row:last-child { border-bottom:0; }
body.workspace-clone[data-screen] .domain-offer h3,body.workspace-clone[data-screen] .domain-draft-name h3 { font-size:15px; font-weight:500; letter-spacing:-.015em; margin:0 0 5px; overflow-wrap:anywhere; }
body.workspace-clone[data-screen] .domain-availability { display:inline-flex; align-items:center; gap:6px; color:var(--ws-muted); font-size:12px; }
.domain-availability.is-available::before { content:''; width:5px; height:5px; border-radius:50%; background:#398455; }
body.workspace-clone[data-screen] .domain-amount { font-size:14px; font-variant-numeric:tabular-nums; }
body.workspace-clone[data-screen] .domain-amount strong { font-weight:500; }
body.workspace-clone[data-screen] .domain-unavailable { font-size:12px; color:var(--ws-muted); text-align:right; }
body.workspace-clone[data-screen] .domain-offer>.button { justify-self:end; }
.domain-price-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.domain-results-footer { display:flex; justify-content:space-between; gap:12px; margin-top:12px; }
body.workspace-clone[data-screen] .domain-results-footer p { font-size:12px; color:var(--ws-muted); margin:0; }
body.workspace-clone[data-screen] .domain-draft-section { margin-top:40px; }
.domain-draft-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 122px 120px; align-items:center; gap:20px; }
.domain-draft-row { padding:20px; border-bottom:1px solid var(--ws-line); }
.domain-draft-name { display:flex; align-items:center; gap:13px; min-width:0; }
.domain-draft-name>div { min-width:0; }
body.workspace-clone[data-screen] .domain-draft-name>.icon { width:19px; height:19px; color:var(--ws-muted); }
body.workspace-clone[data-screen] .domain-project-name { font-size:13px; overflow-wrap:anywhere; }
.domain-row-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
body.workspace-clone[data-screen] .domain-empty { padding:42px 24px; text-align:center; }
body.workspace-clone[data-screen] .domain-empty>.icon { width:25px; height:25px; margin-bottom:15px; color:var(--ws-muted); }
body.workspace-clone[data-screen] .domain-empty h3 { font-size:16px; font-weight:500; margin-bottom:7px; }
body.workspace-clone[data-screen] .domain-empty p { color:var(--ws-muted); font-size:14px; margin:0 0 5px; }
.domain-connect-fields { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
body.workspace-clone[data-screen] .domain-connect-fields label { margin:0 0 8px; }
body.workspace-clone[data-screen] .domain-connect-fields input,body.workspace-clone[data-screen] .domain-connect-fields select { height:48px; font-size:15px; }
.domain-connect-actions { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:18px; }
body.workspace-clone[data-screen] .domain-connect-actions p { font-size:13px; color:var(--ws-muted); max-width:490px; margin:0; }
body.workspace-clone[data-screen] .domain-field-error { font-size:14px; color:var(--ws-danger); margin:12px 0 0; }
.domain-field-error:empty { display:none; }
body.workspace-clone[data-screen] .domain-feedback { padding:13px 16px; border:1px solid var(--ws-line); border-radius:7px; margin:22px 0 0; font-size:14px; background:var(--ws-panel); }
body.workspace-clone[data-screen] .domain-feedback.is-error { color:var(--ws-danger); }
.domain-page-footer { display:flex; justify-content:space-between; align-items:flex-start; gap:30px; border-top:1px solid var(--ws-line); padding-top:22px; margin-top:28px; }
.domain-page-footer>div { display:flex; align-items:flex-start; gap:10px; max-width:670px; }
body.workspace-clone[data-screen] .domain-page-footer .icon { margin-top:2px; width:15px; height:15px; }
body.workspace-clone[data-screen] .domain-page-footer p { margin:0; font-size:13px; color:var(--ws-muted); }
body.workspace-clone[data-screen] .domain-page-footer a { display:inline-flex; gap:8px; font-size:13px; white-space:nowrap; text-decoration:none; }
body.workspace-clone[data-screen] .domain-page-footer a:hover { text-decoration:underline; }

body.workspace-clone[data-screen] dialog.domain-dialog { margin:auto; color:var(--ws-ink); background:var(--ws-panel); width:min(720px,calc(100% - 32px)); max-height:calc(100dvh - 40px); border:1px solid var(--ws-line); border-radius:14px; padding:26px; box-shadow:0 22px 70px #0002; overflow:auto; }
body.workspace-clone[data-screen] .domain-dialog::backdrop { background:#0005; backdrop-filter:none; }
.domain-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px; }
body.workspace-clone[data-screen] .domain-dialog-heading h2 { font-size:23px; margin:0; letter-spacing:-.045em; }
body.workspace-clone[data-screen] .domain-dialog p { font-size:14px; }
body.workspace-clone[data-screen] .domain-dialog .domain-dialog-intro { color:var(--ws-muted); margin:0 0 22px; }
.domain-chosen { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:22px 0; }
body.workspace-clone[data-screen] .domain-chosen strong { font-weight:500; font-size:18px; overflow-wrap:anywhere; min-width:0; max-width:100%; }
.domain-chosen .domain-status { margin-left:auto; }
.domain-checkout-grid { display:grid; grid-template-columns:1fr 1fr; gap:26px; margin:24px 0; }
body.workspace-clone[data-screen] .domain-checkout-grid label:first-child { margin-top:0; }
body.workspace-clone[data-screen] .domain-dialog .domain-checkbox { display:flex; align-items:flex-start; gap:10px; margin:24px 0; font-size:14px; font-weight:400; }
body.workspace-clone[data-screen] .domain-checkbox input { width:16px; height:16px; flex-shrink:0; margin:3px 0 0; accent-color:var(--ws-ink); }
body.workspace-clone[data-screen] .domain-checkbox small { display:block; margin-top:5px; font-size:12px; }
body.workspace-clone[data-screen] .domain-dialog p.domain-secondary { color:var(--ws-muted); font-size:13px; }
.domain-order { background:var(--ws-bg); border:1px solid var(--ws-line); border-radius:8px; padding:18px; }
body.workspace-clone[data-screen] .domain-order h3 { font-size:14px; font-weight:500; margin:0 0 20px; display:flex; justify-content:space-between; }
body.workspace-clone[data-screen] .domain-order h3 span { font-size:12px; font-weight:400; color:var(--ws-muted); }
.domain-order dl { margin:0; font-size:13px; }
.domain-order dl>div { display:flex; justify-content:space-between; align-items:baseline; gap:16px; margin:14px 0; }
.domain-order dt { color:var(--ws-muted); }
.domain-order dd { margin:0; white-space:nowrap; font-variant-numeric:tabular-nums; }
body.workspace-clone[data-screen] .domain-order p { font-size:12px; color:var(--ws-muted); margin:18px 0; }
.domain-order-total { display:flex; justify-content:space-between; align-items:baseline; gap:12px; border-top:1px solid var(--ws-line); padding-top:16px; font-size:13px; }
.domain-order-total strong { font-size:22px; font-weight:500; }
body.workspace-clone[data-screen] .domain-modal-notice { font-size:13px; color:var(--ws-muted); margin:20px 0 0; }
.domain-dialog-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:24px; border-top:1px solid var(--ws-line); padding-top:20px; }
.domain-dialog-actions>span { flex:1; font-size:12px; color:var(--ws-muted); }
.domain-connection-status { margin-top:28px; }
body.workspace-clone[data-screen] .domain-connection-status h3 { font-size:14px; margin-bottom:16px; }
.domain-steps { list-style:none; padding:0; margin:0; }
.domain-steps li { display:flex; align-items:flex-start; gap:14px; border-top:1px solid var(--ws-line); padding:15px 0; }
.domain-steps li>span { display:flex; align-items:center; justify-content:center; border:1px solid var(--ws-line); color:var(--ws-muted); border-radius:50%; width:25px; height:25px; flex-shrink:0; font-size:12px; }
.domain-steps li>div { flex:1; }
.domain-steps strong { font-weight:500; font-size:14px; }
body.workspace-clone[data-screen] .domain-steps p { font-size:13px; color:var(--ws-muted); margin:4px 0 0; }
body.workspace-clone[data-screen] .domain-steps small { font-size:12px; }
@media(max-width:1120px) {
 .domain-offer-grid { grid-template-columns:minmax(0,1fr) 85px 100px 100px; gap:12px; }
 .domain-draft-grid { grid-template-columns:minmax(0,1fr) minmax(0,.8fr) 110px; gap:14px; }
 .domain-draft-row>.domain-status { position:absolute; width:1px!important; height:1px; overflow:hidden; clip-path:inset(50%); }
 .domain-draft-section .domain-list-heading>span:nth-child(3) { display:none; }
 .domain-page-footer { gap:20px; }
}
@media(max-width:900px) {
 .domain-draft-grid { grid-template-columns:minmax(0,1fr) auto; }
 .domain-draft-section .domain-list-heading { display:none; }
 .domain-project-name { grid-column:1; margin-left:32px; }
 .domain-row-actions { grid-column:2; grid-row:1 / 4; }
 .domain-draft-row>.domain-status { position:static; width:fit-content!important; height:auto; clip-path:none; grid-column:1; margin-left:32px; }
}
@media(min-width:761px) and (max-width:850px) {
 .domain-offer-grid { grid-template-columns:1fr 1fr; gap:14px; }
 .domain-offer>div:first-child { grid-column:1 / -1; }
 .domain-offer>.button { grid-column:1 / -1; justify-self:stretch!important; }
 .domain-offer>.domain-unavailable { grid-column:1 / -1; text-align:left!important; }
 body.workspace-clone[data-screen] .domain-list-heading { display:none; }
 .domain-price-label { position:static; width:auto; height:auto; clip-path:none; display:block; font-size:12px; color:var(--ws-muted); margin-bottom:4px; }
}
@media(max-width:620px) {
 body.workspace-clone[data-screen] .domain-service-note { padding:16px; align-items:flex-start; gap:10px; }
 .domain-service-note>.icon { margin-top:2px; }
 .domain-service-note>.domain-status { display:none!important; }
 body.workspace-clone[data-screen] .domain-tabs { gap:16px; margin:24px 0; }
 body.workspace-clone[data-screen] .domain-tabs button { font-size:13px; gap:7px; }
 .domain-tabs .icon { display:none; }
 .domain-search-box { flex-wrap:wrap; }
 .domain-search-input { flex-basis:100%; }
 body.workspace-clone[data-screen] .domains-page .domain-search-box>.button { width:100%; min-height:44px; }
 .domain-offer-grid { grid-template-columns:1fr 1fr; gap:14px; }
 .domain-offer>div:first-child { grid-column:1 / -1; }
 .domain-offer>.button { grid-column:1 / -1; justify-self:stretch!important; }
 .domain-offer>.domain-unavailable { grid-column:1 / -1; text-align:left!important; }
 body.workspace-clone[data-screen] .domain-list-heading { display:none; }
 .domain-price-label { position:static; width:auto; height:auto; clip-path:none; display:block; font-size:12px; color:var(--ws-muted); margin-bottom:4px; }
 .domain-results-footer { flex-direction:column; gap:4px; }
 body.workspace-clone[data-screen] .domain-section-heading { flex-wrap:wrap; gap:7px; }
 .domain-connect-fields,.domain-checkout-grid { grid-template-columns:1fr; }
 .domain-connect-actions { flex-direction:column; align-items:stretch; gap:16px; }
 .domain-draft-row { padding:18px 16px; gap:8px; }
 .domain-draft-name { gap:10px; }
 .domain-draft-name>.icon { display:none; }
 .domain-project-name,.domain-draft-row>.domain-status { margin-left:0; }
 .domain-row-actions { grid-column:1 / -1; grid-row:auto; justify-content:flex-end; }
 .domain-draft-grid { grid-template-columns:minmax(0,1fr); }
 .domain-page-footer { flex-direction:column; gap:16px; }
 .domain-page-footer>a { margin-left:25px; }
 body.workspace-clone[data-screen] dialog.domain-dialog { padding:20px; }
 .domain-dialog-actions { flex-wrap:wrap; }
 .domain-dialog-actions>span { flex-basis:100%; }
 .domain-steps li { gap:10px; flex-wrap:wrap; }
 .domain-steps li>small { margin-left:35px; }
 .domain-chosen { gap:9px; }
 .domain-chosen .domain-status { margin-left:0; }
}