/* A single settings surface. Numbers and status originate in existing read APIs. */
.stage1-r22-settings {
 --settings-ink:#e4edf4; --settings-muted:#96a8b8; --settings-soft:#70879a;
 --settings-line:rgba(132,172,197,.17); --settings-edge:rgba(144,190,216,.25);
 --settings-surface:rgba(7,19,30,.82); --settings-wash:rgba(39,68,88,.14);
 --settings-accent:#78bedc; --settings-active:rgba(84,157,194,.12);
 color:var(--settings-ink); max-width:1440px; margin-inline:auto; padding:18px 10px 40px;
}
.r22-settings-header { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:9px 6px 31px; }
.r22-settings-eyebrow { color:var(--settings-soft); font-size:9px; font-weight:650; letter-spacing:.19em; }
.r22-settings-header h1 { color:var(--settings-ink); margin:11px 0 9px; font-size:clamp(25px,2.6vw,36px); line-height:1.2; letter-spacing:-.045em; font-weight:560; }
.r22-settings-header p { color:var(--settings-muted); font-size:13px; line-height:1.8; margin:0; }
.r22-settings-identity { display:flex; align-items:center; gap:11px; flex-shrink:0; padding-inline-start:25px; border-inline-start:1px solid var(--settings-line); }
.r22-settings-avatar { width:39px; height:39px; display:grid; place-items:center; border:1px solid var(--settings-edge); border-radius:50%; color:var(--settings-accent); background:var(--settings-wash); font-size:17px; }
.r22-settings-identity strong { display:block; font-size:13px; font-weight:550; }
.r22-settings-identity small { display:block; margin-top:4px; color:var(--settings-muted); font-size:11px; }
.r22-settings-layout { display:grid; grid-template-columns:208px minmax(0,1fr); direction:ltr; align-items:start; gap:26px; }
.r22-settings-nav { direction:rtl; display:flex; flex-direction:column; gap:4px; position:sticky; top:88px; padding:9px 0; }
.r22-settings-nav>button { position:relative; display:flex; align-items:center; gap:12px; width:100%; min-height:47px; text-align:start; padding:11px 14px; background:transparent; border:1px solid transparent; border-radius:9px; color:var(--settings-muted); font:inherit; font-size:12px; cursor:pointer; transition:background .16s,color .16s,border-color .16s; }
.r22-settings-nav>button:hover { color:var(--settings-ink); background:var(--settings-wash); }
.r22-settings-nav>button[aria-current="page"] { color:var(--settings-ink); background:var(--settings-active); border-color:var(--settings-line); }
.r22-settings-nav>button[aria-current="page"]>svg { color:var(--settings-accent); }
.r22-settings-nav-mark { width:4px; height:4px; border-radius:50%; margin-inline-start:auto; background:var(--settings-accent); }
.r22-settings-security { display:flex; align-items:center; gap:10px; color:var(--settings-muted); font-size:11px; text-decoration:none; border-top:1px solid var(--settings-line); margin-top:18px; padding:21px 14px 8px; min-height:48px; }
.r22-settings-security:hover { color:var(--settings-ink); }
.r22-settings-pane { direction:rtl; min-width:0; background:var(--settings-surface); border:1px solid var(--settings-edge); border-radius:16px; box-shadow:inset 0 1px rgba(210,235,250,.035),0 12px 46px rgba(0,0,0,.09); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); overflow:hidden; }
.r22-settings-pane-head { padding:27px 30px 24px; border-bottom:1px solid var(--settings-line); background:linear-gradient(115deg,transparent,var(--settings-wash)); }
.r22-settings-pane-head h2 { margin:0 0 6px; color:var(--settings-ink); font-size:23px; font-weight:560; letter-spacing:-.03em; }
.r22-settings-pane-head p { margin:0; color:var(--settings-muted); font-size:12px; line-height:1.8; }
.r22-settings-pane-body { padding:0 30px 12px; min-height:400px; }
.r22-settings-chapter { padding:24px 0; border-bottom:1px solid var(--settings-line); }
.r22-settings-chapter:last-child { border-bottom:0; }
.r22-settings-chapter-head { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:17px; }
.r22-settings-chapter-head h3 { margin:0; color:var(--settings-ink); font-size:14px; font-weight:600; line-height:1.65; }
.r22-settings-chapter-head p { margin:5px 0 0; color:var(--settings-muted); font-size:11px; line-height:1.8; max-width:540px; }
.r22-settings-chapter-head>.btn { flex-shrink:0; min-height:40px; font-size:11px; padding:8px 10px; }
.r22-settings-definitions { margin:0; }
.r22-settings-detail { display:flex; align-items:baseline; gap:24px; padding:13px 0; border-bottom:1px solid var(--settings-line); }
.r22-settings-detail:last-child { border-bottom:0; }
.r22-settings-detail dt { flex:0 0 155px; color:var(--settings-muted); font-size:12px; }
.r22-settings-detail dd { margin:0; flex:1; min-width:0; color:var(--settings-ink); font-size:13px; overflow-wrap:anywhere; }
.r22-settings-detail strong { font-weight:550; }
.r22-settings-detail small { display:block; color:var(--settings-muted); font-size:11px; margin-top:5px; line-height:1.8; font-weight:400; }
.r22-settings-destinations { padding-block:8px; border-bottom:1px solid var(--settings-line); }
.r22-settings-destination { display:flex; align-items:center; gap:15px; width:100%; min-height:66px; padding:14px 3px; text-align:start; color:var(--settings-ink); background:transparent; border:0; border-radius:5px; text-decoration:none; cursor:pointer; font:inherit; }
.r22-settings-destination+.r22-settings-destination { border-top:1px solid var(--settings-line); }
.r22-settings-destination:hover { background:var(--settings-wash); }
.r22-settings-row-icon { color:var(--settings-accent); flex:0 0 22px; display:grid; place-items:center; }
.r22-settings-row-copy { flex:1; min-width:0; }
.r22-settings-row-copy strong { display:block; color:var(--settings-ink); font-size:12px; font-weight:550; line-height:1.7; }
.r22-settings-row-copy small { display:block; margin-top:3px; font-size:11px; color:var(--settings-muted); line-height:1.8; }
.r22-settings-destination>svg { flex-shrink:0; color:var(--settings-soft); }
.r22-settings-measures { margin:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:22px; }
.r22-settings-measures .r22-settings-detail { display:block; border:0; padding:9px 0 12px; }
.r22-settings-measures dt { font-size:11px; margin-bottom:10px; }
.r22-settings-measures dd>strong { font-size:27px; line-height:1.15; letter-spacing:-.035em; font-variant-numeric:tabular-nums; font-weight:500; }
.r22-settings-measures .r22-settings-detail small { margin-top:9px; }
.r22-settings-next { margin-top:14px; border-top:1px solid var(--settings-line); }
.r22-settings-note,.r22-settings-context-note { color:var(--settings-muted); font-size:12px; line-height:1.9; margin:4px 0 13px; max-width:650px; }
.r22-settings-context-note { padding:20px 0 0; }
.r22-settings-scope { margin:0 0 8px; color:var(--settings-accent); font-size:12px; }
.r22-settings-setup { display:flex; align-items:flex-start; gap:17px; margin:20px 0 14px; padding:20px; background:var(--settings-wash); border:1px solid var(--settings-line); border-radius:10px; }
.r22-settings-status { flex-shrink:0; display:inline-block; color:var(--settings-muted); font-size:10px; padding:5px 8px; border:1px solid var(--settings-edge); border-radius:5px; line-height:1.5; }
.r22-settings-setup h3 { margin:0 0 6px; color:var(--settings-ink); font-size:13px; font-weight:550; }
.r22-settings-setup p { margin:0; color:var(--settings-muted); font-size:11px; line-height:1.9; }
.r22-settings-meter { display:grid; grid-template-columns:auto minmax(80px,1fr) auto; align-items:center; gap:18px; padding-block:19px 8px; border-top:1px solid var(--settings-line); color:var(--settings-muted); font-size:11px; }
.r22-settings-meter meter { width:100%; height:8px; border:0; border-radius:10px; background:var(--settings-active); }
.r22-settings-meter meter::-webkit-meter-bar { background:var(--settings-active); border:0; border-radius:10px; }
.r22-settings-meter meter::-webkit-meter-optimum-value { background:var(--settings-accent); border-radius:10px; }
.r22-settings-meter meter::-moz-meter-bar { background:var(--settings-accent); border-radius:10px; }
.r22-settings-meter small { white-space:nowrap; font-variant-numeric:tabular-nums; }
.r22-settings-measure-time { margin:15px 0 0; color:var(--settings-soft); font-size:10px; }
.r22-settings-storage { display:flex; align-items:flex-start; gap:21px; padding:21px 0 12px; }
.r22-settings-storage>svg { color:var(--settings-accent); flex-shrink:0; margin-top:3px; }
.r22-settings-storage strong { display:block; font-weight:500; font-size:17px; color:var(--settings-ink); }
.r22-settings-storage p { margin:9px 0 0; color:var(--settings-muted); font-size:12px; line-height:1.9; max-width:530px; }
.r22-settings-embedded { padding-block:22px; }
.r22-settings-embedded>div>.page-heading { display:none; }
.stage1-r22-settings .r22-settings-embedded .panel { background:transparent!important; box-shadow:none!important; border:0!important; border-bottom:1px solid var(--settings-line)!important; border-radius:0!important; margin:0!important; padding:8px 0 25px!important; }
.stage1-r22-settings .r22-settings-embedded .panel+.panel { padding-top:25px!important; }
.stage1-r22-settings .r22-settings-embedded .panel-head { padding-inline:0; }
.stage1-r22-settings .r22-settings-embedded .panel-head h2 { font-size:15px; color:var(--settings-ink); }
.stage1-r22-settings .r22-settings-embedded .subscription-plans { gap:12px; }
.stage1-r22-settings .r22-settings-embedded .subscription-plan { min-width:0; padding:20px 16px; background:var(--settings-wash); border-color:var(--settings-line); box-shadow:none; border-radius:10px; }
.stage1-r22-settings .r22-settings-embedded .billing-plans-head { margin-block:25px 16px; }
.stage1-r22-settings .r22-settings-embedded .billing-plans-head h2 { font-size:16px; }
.stage1-r22-settings :is(button,a,input,select,textarea,meter):focus-visible { outline:2px solid var(--settings-accent); outline-offset:4px; }
.r22-settings-pane-head h2:focus { outline:none; }
html[data-theme="light"] .stage1-r22-settings {
 --settings-ink:#1b3547; --settings-muted:#546e81; --settings-soft:#647f92;
 --settings-line:rgba(45,96,125,.16); --settings-edge:rgba(45,96,125,.23);
 --settings-surface:rgba(249,252,255,.93); --settings-wash:rgba(40,107,151,.045);
 --settings-accent:#296f95; --settings-active:rgba(42,118,158,.09);
}
html:is([data-ui-effects="reduced"],[data-reduce-transparency="true"],.a11y-opaque) .r22-settings-pane { background:#091622; backdrop-filter:none; -webkit-backdrop-filter:none; box-shadow:none; }
html[data-theme="light"]:is([data-ui-effects="reduced"],[data-reduce-transparency="true"],.a11y-opaque) .r22-settings-pane { background:#f9fcff; }
html:is([data-ui-effects="reduced"],[data-reduced-motion="true"],.a11y-no-motion) .stage1-r22-settings * { transition:none!important; animation:none!important; }
@media(max-width:1100px) {
 .r22-settings-layout { grid-template-columns:185px minmax(0,1fr); gap:16px; }
 .r22-settings-pane-head { padding:23px; }
 .r22-settings-pane-body { padding-inline:23px; }
 .r22-settings-detail dt { flex-basis:130px; }
 .stage1-r22-settings .r22-settings-embedded .subscription-plans { grid-template-columns:1fr; }
}
@media(max-width:760px) {
 .stage1-r22-settings { padding:8px 0 30px; }
 .r22-settings-header { padding:7px 3px 22px; gap:12px; align-items:flex-start; }
 .r22-settings-header h1 { font-size:27px; }
 .r22-settings-header p { font-size:12px; }
 .r22-settings-identity { padding:0; border:0; }
 .r22-settings-identity>div { display:none; }
 .r22-settings-avatar { width:32px; height:32px; font-size:14px; margin-top:24px; }
 .r22-settings-layout { grid-template-columns:minmax(0,1fr); gap:14px; }
 .r22-settings-nav { position:static; flex-direction:row; flex-wrap:wrap; gap:5px; padding:0; }
 .r22-settings-nav>button { width:auto; min-height:44px; flex:1 1 calc(33.333% - 8px); padding:9px 10px; gap:7px; font-size:11px; border-color:var(--settings-line); justify-content:center; }
 .r22-settings-nav>button>svg { width:15px; height:15px; }
 .r22-settings-nav-mark { display:none; }
 .r22-settings-security { margin:0; padding:7px 4px; border:0; min-height:44px; flex-basis:100%; justify-content:flex-end; font-size:10px; }
 .r22-settings-pane { border-radius:12px; }
 .r22-settings-pane-head { padding:21px 18px; }
 .r22-settings-pane-head h2 { font-size:21px; }
 .r22-settings-pane-body { padding-inline:18px; }
 .r22-settings-chapter { padding-block:22px; }
 .r22-settings-detail { gap:16px; }
 .r22-settings-detail dt { flex-basis:105px; font-size:11px; }
 .r22-settings-detail dd { font-size:12px; }
 .r22-settings-measures { gap:14px; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .r22-settings-measures dd>strong { font-size:24px; }
 .r22-settings-meter { grid-template-columns:minmax(0,1fr) auto; gap:12px; }
 .r22-settings-meter label { grid-column:1/-1; }
 .r22-settings-setup { flex-direction:column; gap:12px; padding:17px; }
 .r22-settings-storage { gap:15px; }
 .r22-settings-storage strong { font-size:15px; }
 .r22-settings-chapter-head { align-items:flex-start; gap:8px; }
 .r22-settings-chapter-head>.btn { min-height:44px; }
 .stage1-r22-settings .r22-settings-embedded .two-col { grid-template-columns:1fr; }
}
@media(max-width:390px) {
 .r22-settings-nav>button { flex-basis:calc(50% - 5px); }
 .r22-settings-pane-head { padding-inline:14px; }
 .r22-settings-pane-body { padding-inline:14px; }
 .r22-settings-detail dt { flex-basis:88px; }
 .r22-settings-header h1 { font-size:24px; }
}
@media(prefers-reduced-motion:reduce) { .stage1-r22-settings * { transition:none!important; animation:none!important; } }
/* Global Readiness · v24.40 */
.global-readiness{display:grid;gap:22px;padding:4px 0 20px}.global-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.global-card{border:1px solid var(--settings-line);background:var(--settings-wash);border-radius:12px;padding:18px;min-width:0}.global-card h3,.global-org-block h3{margin:0 0 14px;font-size:14px;color:var(--settings-ink)}.global-card p{font-size:12px;line-height:1.85;color:var(--settings-muted)}.global-row{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--settings-line);font-size:12px}.global-row:last-child{border-bottom:0}.global-row span{color:var(--settings-muted)}.global-row strong{font-weight:550;overflow-wrap:anywhere}.global-row small{grid-column:2;color:var(--settings-muted);line-height:1.7}.global-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.global-org-block{border-top:1px solid var(--settings-line);padding-top:22px}.global-readiness .notice{margin-top:14px}@media(max-width:760px){.global-summary,.global-form-grid{grid-template-columns:1fr}.global-row{grid-template-columns:1fr}.global-row small{grid-column:auto}}