/* portal.reactive.security: builds on the site stylesheet and begin.css. */

.portal-copy{margin-top:20px;max-width:560px;color:#a8a89e;font-size:14px;line-height:1.8}
.portal-small{font-size:12px;margin-top:34px}
.portal-feedback{margin-top:18px;color:#ff9d8d;font-size:12px;line-height:1.7;max-width:560px}
.portal-who{font-family:var(--font-mono);font-size:10px;color:#82827f}
@media (width<=639px){.portal-who{display:none}}

.portal-stats{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:12px;margin:6px 0 46px}
.portal-stat{border:1px solid #ffffff1c;border-radius:6px;background:#0f0f0f;padding:22px}
.portal-stat .micro-label{color:#82827f;font-size:9px}
.portal-figure{margin:12px 0 0;font-size:30px;letter-spacing:-.045em;font-weight:520;color:#f4f3ed;line-height:1.1}
.portal-of{font-size:15px;color:#82827f;letter-spacing:-.02em}
.portal-note{margin:10px 0 0;color:#82827f;font-size:11px;line-height:1.6}
.portal-meter{height:6px;margin-top:16px;border-radius:3px;background:#ffffff14;overflow:hidden}
.portal-meter span{display:block;height:100%;width:0;background:var(--color-accent);transition:width .4s}
.portal-meter.full span{background:#ff9d8d}
@media (width<=900px){.portal-stats{grid-template-columns:1fr}}

.signin-email{margin-top:30px;max-width:560px}
.signin-email label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;color:#d8d8cc;margin-bottom:8px}
.signin-row{display:flex;gap:8px}
.signin-row input{flex:1;min-width:0;color:#eaeae0;background:#0b0b0b;border:1px solid #ffffff26;border-radius:3px;min-height:46px;padding:12px;font-size:14px;font-family:inherit}
.signin-row input:focus{border-color:var(--color-accent);outline:none}
.signin-as{margin:26px 0 18px}
.signin-as strong{color:#f4f3ed;font-weight:560}
.signin-change{all:unset;cursor:pointer;color:#a8a89e;text-decoration:underline;text-underline-offset:3px;font-size:inherit}
.signin-change:hover,.signin-change:focus-visible{color:var(--color-accent)}
.signin-sent{max-width:560px;border:1px solid #ff553b44;background:#ff553b0d;border-radius:4px;padding:4px 16px 14px}

/* ---- Tabs ---- */
.portal-tabs{display:flex;gap:4px;margin:0 0 30px;border-bottom:1px solid #ffffff1c}
.portal-tabs a{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:#a8a89e;text-decoration:none;padding:12px 14px;border-bottom:2px solid transparent;margin-bottom:-1px}
.portal-tabs a:hover,.portal-tabs a:focus-visible{color:#f4f3ed}
.portal-tabs a[aria-current=page]{color:#f4f3ed;border-bottom-color:var(--color-accent)}

/* ---- Shared panels, figures and lists (Home, Surface, Offense) ---- */
.dash-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.dash-window{display:inline-flex;border:1px solid #ffffff26;border-radius:4px;overflow:hidden}
.dash-window button{all:unset;cursor:pointer;font-family:var(--font-mono);font-size:10.5px;color:#a8a89e;padding:9px 13px}
.dash-window button+button{border-left:1px solid #ffffff1c}
.dash-window button[aria-checked=true]{background:#f4f3ed;color:#0b0b0b}
.dash-window button:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}
.dash-status{color:#a8a89e;font-size:13px;margin:24px 0}
.dash-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:26px 0 14px}
.dash-kpi{border:1px solid #ffffff1c;border-radius:6px;background:#0f0f0f;padding:18px;text-decoration:none;color:inherit;display:block}
a.dash-kpi:hover{border-color:#ffffff40}
.dash-kpi .micro-label{color:#82827f;font-size:9px}
.dash-kpi .portal-figure{font-size:34px}
@media (width<=1100px){.dash-kpis{grid-template-columns:repeat(3,1fr)}}
@media (width<=640px){.dash-kpis{grid-template-columns:1fr 1fr}.dash-kpi .portal-figure{font-size:26px}}
.dash-panel{border:1px solid #ffffff1c;border-radius:6px;background:#0f0f0f;padding:22px;min-width:0}
.dash-panel h2{font-size:17px;letter-spacing:-.02em;color:#f4f3ed;margin:0;font-weight:560}
.dash-panel-head{margin-bottom:14px}
.dash-sub{color:#82827f;font-size:12px;line-height:1.6;margin:6px 0 0;max-width:720px}
.dash-loop{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
@media (width<=1000px){.dash-loop{grid-template-columns:1fr}}
.dash-list{list-style:none;margin:0;padding:0}
.dash-list li{padding:11px 0;border-top:1px solid #ffffff10;font-size:12.5px;line-height:1.6;color:#d8d8cc}
.dash-list li:first-child{border-top:0;padding-top:2px}
.dash-list p{margin:3px 0 0}
.dash-li-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.dash-li-head strong{color:#f4f3ed;font-weight:540}
.dash-muted{color:#82827f;font-size:11.5px}
.dash-empty{color:#82827f;font-size:12.5px;line-height:1.7;margin:4px 0}
.dash-flag{font-family:var(--font-mono);font-size:10px;color:#ec835a;white-space:nowrap}
.dash-flag::before{content:"▲ "}
.dash-ok{font-family:var(--font-mono);font-size:10px;color:#82827f;white-space:nowrap}
.dash-ok::before{content:"✓ "}
.sev{font-family:var(--font-mono);font-size:10px;white-space:nowrap;letter-spacing:.02em}
.sev-critical{color:#ff6b6b}.sev-high{color:#ec835a}.sev-medium{color:#fab219}.sev-low,.sev-info{color:#a8a89e}
/* The map as a table, under Surface. */
.chart-table{margin-top:8px;font-size:11px;color:#82827f}
.chart-table summary{cursor:pointer;font-family:var(--font-mono);font-size:9.5px}
.chart-table table{border-collapse:collapse;margin-top:8px}
.chart-table td,.chart-table th{border:1px solid #ffffff1c;padding:3px 8px;text-align:left}

/* ---- Home ---- */
.begin-grid:has(#summary-view:not([hidden])){max-width:1240px}
#sum-map-link{font-size:12.5px}
#sum-notice{margin:26px 0 0}
.sum-gaps{margin-bottom:40px}
/* A notice that needs attention, such as recon paused over the plan's allowance. */
.portal-notice{margin:14px 0;max-width:760px;border:1px solid #ff553b55;background:#ff553b0d;border-radius:4px;padding:14px 16px;color:#d8d8cc;font-size:12.5px;line-height:1.7}
.portal-notice p{margin:0}
.portal-notice p+p{margin-top:8px}
.portal-notice .button{margin-top:12px}

/* ---- Surface Monitor ---- */
.begin-grid:has(#surface-view:not([hidden])){max-width:1400px}
.sm-run-warn{color:#fab219}
.sm-toolbar{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin:4px 0 12px}
.sm-input{flex-wrap:wrap}
.sm-toggles{display:flex;gap:14px;flex-wrap:wrap;font-family:var(--font-mono);font-size:10.5px;color:#a8a89e}
.sm-toggles label{display:flex;gap:6px;align-items:center;cursor:pointer}
.sm-search{position:relative;display:flex;gap:6px;margin-left:auto;flex:0 1 300px;min-width:200px}
.sm-search input{flex:1;min-width:0;color:#eaeae0;background:#0b0b0b;border:1px solid #ffffff26;border-radius:3px;min-height:34px;padding:6px 10px;font:inherit;font-size:12.5px}
.sm-search input:focus{border-color:var(--color-accent);outline:none}
.sm-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:5;background:#151515;border:1px solid #ffffff26;border-radius:4px;display:flex;flex-direction:column}
.sm-results:empty{display:none}
.sm-results .sm-linkbtn,.sm-results p{padding:8px 10px;margin:0}
.sm-stage{display:grid;grid-template-columns:1fr 340px;gap:12px;margin-bottom:10px}
@media (width<=1000px){.sm-stage{grid-template-columns:1fr}}
.sm-map{position:relative;height:min(70vh,680px);min-height:420px;border:1px solid #ffffff1c;border-radius:6px;background:#0b0b0b;overflow:hidden;cursor:grab;touch-action:none}
.sm-map.dragging{cursor:grabbing}
.sm-map:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.sm-svg{display:block;user-select:none}
.sm-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#82827f;font-size:13px;padding:30px;text-align:center;margin:0}
.sm-empty[hidden]{display:none}
.sm-controls{position:absolute;top:10px;right:10px;display:flex;gap:4px;align-items:center}
.sm-controls button{all:unset;cursor:pointer;min-width:30px;height:30px;text-align:center;line-height:30px;font-family:var(--font-mono);font-size:12px;color:#f4f3ed;background:#151515;border:1px solid #ffffff2e;border-radius:4px;padding:0 6px}
.sm-controls button:hover,.sm-controls button:focus-visible{border-color:var(--color-accent)}
.sm-zoom-level{font-family:var(--font-mono);font-size:10px;color:#82827f;margin-left:4px;min-width:36px}
.sm-mini{position:absolute;right:10px;bottom:10px;width:180px;height:120px;background:#111111e6;border:1px solid #ffffff26;border-radius:4px;cursor:pointer}
@media (width<=640px){.sm-mini{display:none}}
.sm-mini rect{fill:#5f5f5b}
.sm-mini .mini-critical{fill:#d03b3b}.sm-mini .mini-high{fill:#ec835a}.sm-mini .mini-medium{fill:#fab219}
.sm-mini .mini-view{fill:#f4f3ed12;stroke:#f4f3edb3;stroke-width:1.5;vector-effect:non-scaling-stroke}
.sm-col{fill:#82827f;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em}
.sm-edge{fill:none;stroke:#ffffff2e;stroke-width:1.2}
.sm-link{fill:none;stroke:#3987e5;stroke-opacity:.55;stroke-width:1.2;stroke-dasharray:4 4}
.sm-bracket{fill:#ffffff06;stroke:#ffffff1f}
.sm-bracket-head{cursor:pointer;outline:none}
.sm-bracket-head text{fill:#a8a89e;font-family:var(--font-mono);font-size:10px}
.sm-bracket-head:hover text,.sm-bracket-head:focus-visible text{fill:var(--color-accent)}
.sm-node{cursor:pointer;outline:none}
.sm-shape{fill:#1b1b1a;stroke:#82827f;stroke-width:1.2}
.sm-node.sev-critical .sm-shape{fill:#d03b3b}.sm-node.sev-high .sm-shape{fill:#ec835a}.sm-node.sev-medium .sm-shape{fill:#fab219}.sm-node.sev-low .sm-shape{fill:#8a8a83}
.sm-node.tested-recent .sm-shape{stroke:#f4f3ed;stroke-width:1.6}
.sm-node.tested-never .sm-shape{stroke-dasharray:2.5 2}
.sm-label{fill:#e4e4da;font-size:12px;paint-order:stroke;stroke:#0b0b0b;stroke-width:4px;stroke-linejoin:round}
.sm-sub{fill:#82827f;font-family:var(--font-mono);font-size:9.5px;paint-order:stroke;stroke:#0b0b0b;stroke-width:3px}
.sev-critical .sm-sub{fill:#ff8a8a}.sev-high .sm-sub{fill:#ec835a}.sev-medium .sm-sub{fill:#fab219}
.sm-group-pill{fill:#161616;stroke:#ffffff33;stroke-dasharray:3 3}
.sm-group.sev-critical .sm-group-pill{stroke:#d03b3b}.sm-group.sev-high .sm-group-pill{stroke:#ec835a}.sm-group.sev-medium .sm-group-pill{stroke:#fab219}
.sm-node:hover .sm-label,.sm-node:focus-visible .sm-label{fill:#fff;text-decoration:underline}
.sm-node:focus-visible .sm-shape,.sm-node:focus-visible .sm-group-pill{stroke:var(--color-accent);stroke-width:2.5}
.sm-node.selected .sm-shape,.sm-node.selected .sm-group-pill{stroke:var(--color-accent);stroke-width:3}
.sm-svg.far .sm-label,.sm-svg.far .sm-sub,.sm-svg.far .sm-bracket-head{opacity:0}
.sm-svg.far .sm-group .sm-label{opacity:1}
.sm-svg.path-on .sm-node:not(.on-path),.sm-svg.code-on .sm-node:not(.code-hi){opacity:.35}
.sm-svg.path-on .sm-edge,.sm-svg.path-on .sm-link{opacity:.4}
.sm-route{fill:none;stroke:var(--color-accent);stroke-width:3;stroke-linecap:round}
.sm-step{fill:var(--color-accent)}
.sm-step-n{fill:#0b0b0b;font-family:var(--font-mono);font-size:10px;font-weight:700}
.sm-panel{border:1px solid #ffffff1c;border-radius:6px;background:#0f0f0f;padding:18px;max-height:min(70vh,680px);overflow:auto;font-size:12.5px;line-height:1.65;color:#d8d8cc}
@media (width<=1000px){.sm-panel{max-height:none}}
.sm-panel p{margin:4px 0}
.sm-panel .micro-label{color:#82827f;font-size:9px;margin:0 0 4px}
.sm-title{font-size:18px;color:#f4f3ed;margin:2px 0 8px;letter-spacing:-.02em;word-break:break-word;font-weight:560}
.sm-sec{margin-top:16px;padding-top:12px;border-top:1px solid #ffffff14}
.sm-weak{padding:8px 0;border-bottom:1px solid #ffffff0d}
.sm-weak.closed{opacity:.55}
.sm-weak strong{color:#f4f3ed;font-weight:540}
.sm-next{color:#f4f3ed}
.sm-code{font-size:11.5px;color:#a8a89e}
.sm-code code{font-family:var(--font-mono);font-size:10.5px;color:#d8d8cc;background:#161616;border:1px solid #ffffff1c;border-radius:3px;padding:1px 5px;word-break:break-all}
.sm-linkbtn{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:2px;width:100%;box-sizing:border-box;padding:4px 0;color:#d8d8cc;font-size:12.5px}
.sm-linkbtn:hover strong,.sm-linkbtn:focus-visible strong,.sm-linkbtn:hover{color:#fff}
.sm-linkbtn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.sm-steps{margin:10px 0;padding-left:20px}
.sm-steps li{margin-bottom:12px}
.sm-tech{font-family:var(--font-mono);font-size:10.5px;color:var(--color-accent)}
.sm-legend{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:11px;color:#a8a89e;margin:6px 0 22px}
.sm-legend span{display:inline-flex;align-items:center;gap:6px}
.sm-legend .lg{fill:#1b1b1a;stroke:#a8a89e;stroke-width:1.2}
.lg-sep{width:1px;height:14px;background:#ffffff26}
.lg-fill{display:inline-block;width:11px;height:11px;border-radius:2px;background:#1b1b1a;border:1px solid #82827f}
.lg-fill.sev-critical{background:#d03b3b}.lg-fill.sev-high{background:#ec835a}.lg-fill.sev-medium{background:#fab219}.lg-fill.sev-low{background:#8a8a83}
.lg-ring{display:inline-block;width:11px;height:11px;border-radius:50%;border:1.5px solid #82827f}
.lg-ring.recent{border-color:#f4f3ed}.lg-ring.never{border-style:dashed}
.lg-code{font-family:var(--font-mono);font-size:10px;color:#d8d8cc;font-weight:400}
.sm-paths-panel{margin-bottom:14px}
.sm-paths{display:grid;gap:10px}
.sm-path{all:unset;cursor:pointer;display:block;border:1px solid #ffffff1c;border-radius:5px;padding:14px 16px;background:#0b0b0b;color:#d8d8cc;font-size:12.5px;line-height:1.65}
.sm-path:hover,.sm-path:focus-visible{border-color:#ffffff4d}
.sm-path[aria-pressed=true]{border-color:var(--color-accent)}
.sm-path strong{color:#f4f3ed;font-size:14px;font-weight:560}
.sm-path p{margin:4px 0 0}
.sm-table-wrap{margin-bottom:40px}

/* ---- Users ---- */
.settings-users{border-top:1px solid #ffffff1c;padding-top:34px;margin-bottom:40px}
.settings-title{font-size:clamp(24px,3vw,32px);letter-spacing:-.04em;line-height:1.1;color:#f4f3ed;margin:0 0 10px;font-weight:540}
.users-invite{margin:26px 0 8px;max-width:760px}
.users-invite .micro-label{display:block;color:#d8d8cc;font-size:10px;margin-bottom:8px}
.users-row{display:flex;gap:8px;flex-wrap:wrap}
.users-row input{flex:1 1 260px;min-width:0;color:#eaeae0;background:#0b0b0b;border:1px solid #ffffff26;border-radius:3px;min-height:46px;padding:12px;font:inherit;font-size:14px}
.users-row input:focus{border-color:var(--color-accent);outline:none}
/* Role picker: the segmented control used elsewhere in the portal (no OS-drawn menus). */
.users-role-toggle{flex:none;align-self:stretch}
.users-role-toggle button{display:flex;align-items:center;padding:0 18px;font-size:11px}
.users-role-small{align-self:auto}
.users-role-small button{padding:7px 11px;font-size:10px}
.users-role-toggle[data-busy] button{opacity:.5;cursor:progress}
.users-invite .portal-note strong{color:#d8d8cc;font-weight:560}
.portal-feedback.ok{color:#9fd99f}
.users-table-wrap{overflow-x:auto;margin-top:22px;border:1px solid #ffffff1c;border-radius:6px;background:#0f0f0f}
.users-table{width:100%;border-collapse:collapse;font-size:12.5px;color:#d8d8cc}
.users-table th{text-align:left;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.05em;color:#82827f;font-weight:400;padding:12px 14px;border-bottom:1px solid #ffffff1c;text-transform:uppercase}
.users-table td{padding:12px 14px;border-bottom:1px solid #ffffff10;vertical-align:middle}
.users-table tr:last-child td{border-bottom:0}
.users-email{color:#f4f3ed}
.users-you{margin-left:8px;font-family:var(--font-mono);font-size:9.5px;color:#82827f;border:1px solid #ffffff26;border-radius:3px;padding:1px 5px}
.users-role{font-family:var(--font-mono);font-size:10.5px}
.users-role-admin{color:#f4f3ed}
.users-act{text-align:right;white-space:nowrap}
.users-act .button{margin-right:10px}
#users-count{margin-top:10px}
#users-invitations{margin-top:18px}
#users-invitations .setup-invites{margin-top:0}
/* Shown only once the invitations panel has loaded (it stays hidden when invitations are off). */
.settings-invites{display:none}
.settings-invites:has(.setup-invites:not([hidden])){display:block}

/* ---- Settings: plan ---- */
.settings-plan{margin-bottom:46px}
.settings-plan .portal-stats{margin-bottom:14px}
.plan-manage{all:unset;cursor:pointer;font-size:13px;color:var(--color-accent);display:inline-flex;align-items:center;gap:8px}
.plan-manage::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
.plan-manage[aria-expanded=true]::after{transform:translateY(1px) rotate(-135deg)}
.plan-manage:hover{text-decoration:underline}
.plan-manage:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
.plan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;max-width:760px}
.plan-options[hidden]{display:none}
/* Shared rows keep actions aligned even when prices, features or payment notes wrap. */
.plan-card{border:1px solid #ffffff1c;border-radius:6px;background:#0f0f0f;padding:22px;display:grid;grid-template-rows:subgrid;grid-row:span 5;gap:10px}
.plan-card .micro-label{color:var(--color-accent);font-size:9px;margin:0}
.plan-price{margin:0;font-size:30px;letter-spacing:-.045em;font-weight:520;color:#f4f3ed;line-height:1.1}
.plan-price span{font-size:13px;letter-spacing:0;color:#82827f;font-weight:400}
.plan-card ul{margin:4px 0 6px;padding:0;list-style:none;color:#d8d8cc;font-size:12.5px;line-height:1.7}
.plan-card li::before{content:"✓";color:#82827f;margin-right:8px}
.plan-card-action{display:flex;align-items:center}
.plan-current{margin:0;font-family:var(--font-mono);font-size:10px;color:#f4f3ed}
.plan-note,.plan-volume{grid-column:1/-1;margin:0}
.plan-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.plan-billing{margin:0 0 14px;max-width:760px}
.plan-pay{margin:0;font-size:11.5px}
@media (width<=640px){.plan-options{grid-template-columns:1fr}.plan-card{display:flex;flex-direction:column;grid-row:auto}}

/* ---- Offense ---- */
.off-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:6px 0 14px}
.off-mode{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:10px;border:1px solid #ffffff1c;border-radius:6px;background:#0f0f0f;padding:20px;min-width:0}
.off-mode:hover{border-color:#ffffff4d}
.off-mode:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.off-mode[aria-checked=true]{border-color:#f4f3ed;box-shadow:inset 0 0 0 1px #f4f3ed}
.off-mode[aria-disabled=true]{cursor:default}
.off-mode[aria-disabled=true]:not([aria-checked=true]):hover{border-color:#ffffff1c}
.off-mode[data-mode=attack][aria-disabled=true]:not([aria-checked=true]) .off-mode-what{color:#82827f}
.off-mode-head{display:flex;align-items:center;gap:10px}
.off-mode-head strong{font-size:17px;letter-spacing:-.02em;color:#f4f3ed;font-weight:560}
.off-mode-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid #ffffff59;flex:none;box-sizing:border-box}
.off-mode[aria-checked=true] .off-mode-dot{border:4px solid var(--color-accent)}
.off-mode-note{margin-left:auto;font-family:var(--font-mono);font-size:9.5px;color:#82827f;letter-spacing:.03em;text-transform:uppercase}
.off-mode[aria-checked=true] .off-mode-note{color:#f4f3ed}
.off-mode-what{color:#d8d8cc;font-size:12.5px;line-height:1.7}
.off-mode-lock{font-size:12px;color:#a8a89e}
.off-scope{margin:26px 0 40px;max-width:760px}
.off-targets{list-style:none;margin:0;padding:0}
.off-add{margin:0 0 18px}
.off-add-hint{margin:8px 0 0}
.off-add .micro-label{display:block;color:#d8d8cc;font-size:10px;margin-bottom:8px}
.off-targets li{padding:14px 0;border-top:1px solid #ffffff10;font-size:12.5px;color:#d8d8cc}
.off-targets li:first-child{border-top:0;padding-top:2px}
.off-domain-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.off-domain-head code{font-family:var(--font-mono);font-size:12px;color:#f4f3ed;overflow-wrap:anywhere}
.off-dns{margin-top:12px;border:1px solid #ffffff14;border-radius:4px;background:#0b0b0b;padding:14px}
.off-dns>p{margin:0 0 10px;line-height:1.65}
.off-dns>p.dash-muted{margin:10px 0 0}
.off-dns-field+.off-dns-field{margin-top:10px}
.off-dns-field .micro-label{color:#82827f;font-size:9px;margin:0 0 6px}
.off-dns .secret-row code{overflow-wrap:anywhere}
.off-domain-note{margin:8px 0 0}
.off-domain-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:12px}
.off-confirm{display:inline-flex;gap:12px;align-items:center}
@media (width<=900px){.off-modes{grid-template-columns:1fr}}