/* Areté — room-more (2026-09-11). Governed by DESIGN-CONSTITUTION.md.
   The More sheet, Inputs, Documents, Account. Loads after arete-system.css; every rule here
   matches or beats the specificity of the rule it replaces. No new glass: the one sheet in
   Documents wears the Record's recipe. Supporting detail sits on the ground in hairline rows. */

/* ── 1. THE MORE SHEET: a surface of words, Deep Slate on the ground ──────────────────────── */
html:not([data-theme="light"]) #ui-more, #ui-more.ui-sheet{
  background:rgba(26,42,63,.97); border:0; border-top:1px solid var(--hair2); border-radius:22px 22px 0 0;
  box-shadow:0 -20px 60px -40px rgba(3,16,31,.9); padding:12px 20px calc(24px + env(safe-area-inset-bottom,0px)); }
html[data-theme="light"] #ui-more.ui-sheet{ background:#f4f7fb; }
#ui-more .ui-more__head{ display:flex; align-items:center; justify-content:space-between; margin:0 0 6px; min-height:44px; }
#ui-more .ui-more__title{ font:500 18px/1.2 var(--f-disp); letter-spacing:-.015em; color:rgb(var(--ink)); }
#ui-more .ui-more__x{ background:none; border:0; padding:0 2px; min-height:44px; font:500 14px var(--f-body); color:rgb(var(--ink3)); cursor:pointer; }
#ui-more .ui-more__x:hover{ color:rgb(var(--ink)); }
#ui-more .ui-more__x:focus-visible{ outline:2px solid var(--focus); outline-offset:3px; border-radius:6px; }
#ui-more .ui-more__list{ display:block; }
html #ui-more .ui-more__item{ display:flex; align-items:center; width:100%; min-height:48px; margin:0; padding:0 2px; border:0; border-top:1px solid var(--hair); border-radius:0;
  background:transparent; box-shadow:none; font:500 16px/1.3 var(--f-body); color:rgb(var(--ink)); text-align:left; cursor:pointer; transition:color var(--dur-1); }
html #ui-more .ui-more__list .ui-more__item:last-child{ border-bottom:1px solid var(--hair); }
html #ui-more .ui-more__item:hover{ background:transparent; border-color:var(--hair); box-shadow:none; color:rgb(var(--ink)); }
html #ui-more .ui-more__item[aria-current="page"]{ background:transparent; border-top-color:var(--hair3); color:rgb(var(--ink)); }
html #ui-more .ui-more__item[aria-current="page"]::after{ content:''; width:6px; height:6px; border-radius:50%; background:var(--ice); margin-left:auto; }
html #ui-more .ui-more__item:focus-visible{ outline:2px solid var(--focus); outline-offset:-2px; border-radius:6px; }
html #ui-more h3.ui-more__h3{ margin:22px 2px 6px; font:400 13px/1.4 var(--f-body); letter-spacing:0; text-transform:none; color:rgb(var(--ink3)); }
@media (max-width:759px){ #ui-more.ui-sheet{ -webkit-backdrop-filter:none; backdrop-filter:none; } }
@media (min-width:1024px){
  html:not([data-theme="light"]) #ui-more, #ui-more.ui-sheet{ background:#1A2A3F; border:1px solid var(--hair2); border-radius:18px; box-shadow:0 30px 70px -40px rgba(3,16,31,1);
    -webkit-backdrop-filter:none; backdrop-filter:none; padding:14px 22px 20px; width:min(420px, calc(100vw - var(--rail-w) - 24px)); }
  html[data-theme="light"] #ui-more.ui-sheet{ background:#f4f7fb; }
}

/* ── 2. INPUTS: the four arcs stay; the channels read as hairline rows ─────────────────────── */
#view-sensors .sn-row{ padding:14px 2px 14px; }
#view-sensors .sn-row__head{ min-height:44px; }
#view-sensors .sn-row__name{ font:500 15px/1.3 var(--f-body); }
#view-sensors .sn-row__what{ font:400 13px/1.45 var(--f-body); color:rgb(var(--ink3)); }
#view-sensors .sn-row__read{ margin:8px 0 0; font:400 14px/1.5 var(--f-body); color:rgb(var(--ink2)); }
#view-sensors .sn-row__fine{ font:400 13px/1.5 var(--f-body); color:rgb(var(--ink3)); }
/* the value reads as a number with its unit beside it, and one word says whether it is running */
#view-sensors .sn-row__val{ font:300 22px/1 var(--f-body) !important; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
#view-sensors .sn-row__unit{ margin-left:3px; font:400 13px/1 var(--f-body); color:rgb(var(--ink3)); }
#view-sensors .sn-row__state{ min-width:8ch; text-align:right; font:400 13px/1.4 var(--f-body); color:rgb(var(--ink3)); }
#view-sensors .sn-row__right{ gap:14px; min-height:44px; }
#view-sensors .sn-row__feeds{ margin-top:6px; }
#view-sensors .sn-row__conf:empty{ display:none; }
#view-sensors .sn-row__conf, #view-sensors .sn-row__right .sense-conf, #view-sensors .sn-conf #sns-conf-badge, #view-sensors .sn-fold__state{ text-transform:none !important; }
/* the switch: a 44px hairline pill with a moving dot, no glow */
#view-sensors .sense-toggle{ min-height:44px; min-width:44px; }
#view-sensors .sense-switch{ position:relative; width:44px; height:22px; border-radius:11px; border:1px solid var(--hair2); background:transparent; box-shadow:none; transition:border-color var(--dur-2); }
#view-sensors .sense-switch::after{ top:3px; left:3px; width:14px; height:14px; background:rgb(var(--ink3)); box-shadow:none; }
#view-sensors [aria-checked="true"] .sense-switch{ background:transparent; border-color:var(--hair3); box-shadow:none; }
#view-sensors [aria-checked="true"] .sense-switch::after{ transform:translateX(22px); background:rgb(var(--ink)); }
#view-sensors .sense-toggle:hover .sense-switch{ border-color:var(--hair3); }
html[data-theme="light"] #view-sensors .sense-switch, html[data-theme="light"] #view-sensors [aria-checked="true"] .sense-switch{ background:transparent; }
/* the physiological entry: no boxes, a wash on focus */
#view-sensors .sn-field{ background:transparent; border:0; border-bottom:1px solid var(--hair2); border-radius:0; padding:8px 0; }
#view-sensors .sn-field:focus{ background:rgba(15,23,36,.5); border-bottom-color:var(--hair3); }
#view-sensors .sn-entry .ui-btn--pill{ border:0; background:transparent; padding:0 2px; min-height:44px; font:500 14px var(--f-body); color:rgb(var(--ink2)); }
#view-sensors .sn-entry .ui-btn--pill:hover{ background:transparent; color:rgb(var(--ink)); }
/* the Sentinel fold: a quiet summary, no box */
#view-sensors .sn-fold{ border-bottom:0; }
#view-sensors .sn-fold__sum{ min-height:48px; font:500 14px/1.4 var(--f-body); color:rgb(var(--ink2)); }
#view-sensors .sn-fold__sum:hover{ color:rgb(var(--ink)); }
#view-sensors .sn-fold__sum::before{ font-size:14px; }
#view-sensors .sn-fold__state{ font:400 13px var(--f-body) !important; }
#view-sensors .sn-fold[open]{ padding-bottom:16px; border-bottom:1px solid var(--hair); }
#view-sensors .sn-quietrow .ui-btn--pill{ border:0; background:transparent; padding:0 2px; min-height:44px; font:500 14px var(--f-body); color:rgb(var(--ink2)); text-decoration:none; }
#view-sensors .sn-quietrow .ui-btn--pill:hover{ background:transparent; color:rgb(var(--ink)); }
#view-sensors .sn-code{ font:inherit; }
@media (max-width:767px){
  #view-sensors .sn-row__head{ column-gap:12px; }
  #view-sensors .sn-row__val{ font-size:18px !important; }
  #view-sensors .sn-row__right{ gap:10px; }
  #view-sensors .sn-row__state{ min-width:0; }
}

/* ── 3. DOCUMENTS: the newest sheet wears the Record's glass; the pool is a low light ──────── */
html:not([data-theme="light"]) #view-archive .ar-sheet{
  border-radius:24px; border:1px solid rgba(160,225,255,.16); isolation:isolate;
  background:linear-gradient(150deg,rgba(0,191,255,.08),rgba(10,122,205,.06) 55%,rgba(255,255,255,.012));
  -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 30px 70px -40px rgba(18,64,184,.95); }
html:not([data-theme="light"]) #view-archive .ar-sheet::before{ left:-1px; right:-1px; top:-1px; bottom:-1px; height:auto; border-radius:inherit; z-index:-1; pointer-events:none;
  background:radial-gradient(60% 50% at 20% 0%,rgba(47,123,255,.22),transparent 70%),radial-gradient(50% 50% at 90% 100%,rgba(47,123,255,.12),transparent 70%); }
html:not([data-theme="light"]) #view-archive .ar-sheet::after{ background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(255,255,255,0) 45%); }
html:not([data-theme="light"]) #view-archive .ar-sheet--empty{ background:rgba(31,126,219,.03); box-shadow:none; }
html:not([data-theme="light"]) #view-archive .ar-sheet--empty::before{ display:none; }
#view-archive .ar-pool__r1{ border-color:rgba(127,211,255,.10); box-shadow:0 0 22px rgba(31,126,219,.08); }
#view-archive .ar-pool__r2{ border-color:rgba(127,211,255,.20); box-shadow:0 0 18px rgba(31,126,219,.18), inset 0 0 22px rgba(31,126,219,.10); }
#view-archive .ar-pool__glow{ background:radial-gradient(closest-side, rgba(31,126,219,.30), rgba(31,126,219,0)); }
#view-archive .ar-sheet__kind, #view-archive .ar-sheet__date{ font:400 13px/1.4 var(--f-body); color:rgb(var(--ink3)); }
#view-archive .ar-quiet{ margin-top:24px; }
#view-archive .ar-quiet .ui-btn--primary{ min-height:52px; }
/* earlier: hairline rows */
#view-archive .ar-h3{ font:400 13px/1.4 var(--f-body); letter-spacing:0; color:rgb(var(--ink3)); margin:0 0 2px; }
#view-archive .ar-row{ min-height:44px; padding:12px 2px; font:400 15px/1.5 var(--f-body); }
#view-archive .ar-row__t{ font:500 15px/1.4 var(--f-body); color:rgb(var(--ink)); }
#view-archive .ar-row__k{ font:400 13px/1.45 var(--f-body); color:rgb(var(--ink3)); }
#view-archive .ar-row__d{ font:400 13px/1.45 var(--f-body); color:rgb(var(--ink3)); }
@media (max-width:767px){
  #view-archive .ar-quiet .ui-btn--primary{ width:100%; }
}

/* ── 4. ACCOUNT: the operator's type and address on the ground; every setting a hairline row ── */
#view-profile .pr-body{ grid-template-columns:minmax(0,4fr) minmax(0,8fr); column-gap:64px; }
#view-profile .pr-seal{ align-items:flex-start; text-align:left; padding-top:6px; }
#view-profile .pr-sig{ order:-1; margin:0 !important; font:500 22px/1.15 var(--f-disp) !important; letter-spacing:-.02em; color:rgb(var(--ink)) !important; }
#view-profile .pr-email{ margin:6px 0 0; font:400 15px/1.4 var(--f-body); color:rgb(var(--ink2)); word-break:break-all; }
#view-profile .pr-opno{ margin:6px 0 0; }
#view-profile .pr-line{ margin:18px 0 0; padding-top:14px; text-align:left; }
#view-profile .pr-seal .pr-quietrow{ margin-top:8px; }
#view-profile .pr-seal > #pf-avatar{ display:none; }
/* the rows */
#view-profile .pr-row{ padding:18px 2px; column-gap:32px; min-height:44px; }
#view-profile .pr-row__t{ font:500 15px/1.35 var(--f-body); }
#view-profile .pr-row__d{ margin-top:4px; font:400 13px/1.5 var(--f-body); color:rgb(var(--ink3)); }
/* quiet exits; one pill where a row truly commits */
#view-profile .pr-row__r .ui-btn--quiet, #view-profile a.ui-btn--quiet{ min-height:44px; padding:0 2px; font:500 14px var(--f-body); color:rgb(var(--ink2)); border:0; background:transparent; box-shadow:none; text-decoration:none; }
#view-profile .pr-row__r .ui-btn--quiet:hover, #view-profile a.ui-btn--quiet:hover{ color:rgb(var(--ink)); background:transparent; }
#view-profile .pr-quiet--dim{ color:rgb(var(--ink3)); }
#view-profile .pr-quiet--dim:hover{ color:rgb(var(--ink)); }
#view-profile #pf-orders-save.ui-btn--primary{ min-height:52px; }
/* the three-way sensitivity: tappable words inside one pill, like the Intercept's facts */
#view-profile .pr-opts{ display:inline-flex; flex-wrap:nowrap; align-items:center; gap:4px; min-height:44px; padding:0 8px; border-radius:999px;
  border:1px solid rgba(160,225,255,.16); background:rgba(0,191,255,.05); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
#view-profile .pr-opts .int-pill{ padding:0 10px !important; min-height:42px; border-radius:999px; font:500 14px var(--f-body) !important; color:rgb(var(--ink3)) !important; }
#view-profile .pr-opts .int-pill + .int-pill{ position:relative; }
#view-profile .pr-opts .int-pill + .int-pill::before{ content:'·'; position:absolute; left:-6px; color:rgb(var(--ink3)); pointer-events:none; }
#view-profile .pr-opts .int-pill:hover{ color:rgb(var(--ink)) !important; }
#view-profile .pr-opts .int-pill.sel, #view-profile .pr-opts .int-pill[aria-pressed="true"]{ color:rgb(var(--ink)) !important; text-decoration:none; }
#view-profile .pr-opts .int-pill:focus-visible{ outline:2px solid var(--focus); outline-offset:-2px; }
/* the orders: a wash, no line */
#view-profile .pr-area{ border:0; border-radius:12px; background:rgba(15,23,36,.6); }
#view-profile .pr-area:focus{ background:rgba(15,23,36,.85); box-shadow:inset 0 0 0 1px var(--hair2); }
html[data-theme="light"] #view-profile .pr-area{ background:rgba(15,40,70,.05); }
/* the folds: quiet summaries, no boxes */
#view-profile .pr-status{ font:400 14px/1.5 var(--f-body) !important; color:rgb(var(--ink2)) !important; }
#view-profile .pr-fold__sum{ min-height:44px; font:500 14px var(--f-body); color:rgb(var(--ink3)); }
#view-profile .pr-fold__sum:hover{ color:rgb(var(--ink)); }
#view-profile .pr-fine{ font:400 13px/1.55 var(--f-body); }
#view-profile .pr-code{ font:400 13px/1.6 var(--f-body); border:0; padding:6px 0 0; margin:4px 0 0; color:rgb(var(--ink3)); }
#view-profile .pr-msg{ font:400 13px var(--f-body); }
@media (max-width:1023px){
  #view-profile .pr-body{ grid-template-columns:minmax(0,1fr); row-gap:28px; }
  #view-profile .pr-row{ row-gap:10px; }
}
@media (max-width:767px){
  #view-profile .pr-opts{ display:flex; width:100%; justify-content:space-between; padding:0 6px; }
  #view-profile .pr-opts .int-pill{ flex:1 1 0; justify-content:center; padding:0 4px !important; }
  #view-profile #pf-orders-save.ui-btn--primary{ width:100%; }
  #view-profile .pr-row__r .pr-quietrow{ gap:16px 20px; }
}
/* light theme: the same rows, no filled chip on the current room */
html[data-theme="light"] #ui-more .ui-more__item, html[data-theme="light"] #ui-more .ui-more__item:hover, html[data-theme="light"] #ui-more .ui-more__item[aria-current="page"]{ background:transparent; border-color:rgba(15,40,70,.12); box-shadow:none; }
html[data-theme="light"] #ui-more .ui-more__item[aria-current="page"]{ border-top-color:rgba(15,40,70,.36); }
/* Account: the two async labels js/06 paints in caps read in words (Constitution §2). */
#view-profile #pf-opno, #view-profile #pf-advisor-status{ text-transform:none !important; letter-spacing:0 !important; font:400 13px/1.4 var(--f-body) !important; color:rgb(var(--ink3)) !important; }
#view-profile #pf-stack{ display:none; }

#view-archive :is(p,span,div,time,small){ font-size:max(13px, 1em); }
#view-archive [class*="text-[10"], #view-archive [class*="text-[11"], #view-archive [class*="text-[12"]{
  font-size:13px !important; font-weight:400 !important; letter-spacing:0 !important;
  color:rgb(var(--ink3)) !important; }

/* ═══ THE MORE SHEET ON THE INTERCEPT SURFACE (founder 2026-09-16: "do the same
   to More"). The Deep Slate slab (#1A2A3F) stands down. The sheet is the
   Intercept's glass: same gradient, hairline, blur, shadow and corner lights,
   copied from .int-card. The scrim behind it is the Intercept's ground. ═══ */
html:not([data-theme="light"]) #ui-more, #ui-more.ui-sheet,
html:not([data-theme="light"]) #ui-more.ui-sheet{
  position:fixed; isolation:isolate; border-radius:22px 22px 0 0;
  background:linear-gradient(150deg,rgba(0,191,255,.08),rgba(10,122,205,.06) 55%,rgba(3,16,31,.86)) !important;
  background-color:rgba(3,16,31,.9) !important;
  border:1px solid rgba(160,225,255,.16) !important; border-bottom:0 !important;
  -webkit-backdrop-filter:blur(20px) !important; backdrop-filter:blur(20px) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 70px -40px rgba(18,64,184,.95) !important; }
#ui-more::before{ content:""; position:absolute; inset:-1px; border-radius:inherit; z-index:-1; pointer-events:none;
  background:radial-gradient(60% 50% at 20% 0%,rgba(47,123,255,.22),transparent 70%),radial-gradient(50% 50% at 90% 100%,rgba(122,92,255,.18),transparent 70%); }
@media (min-width:1024px){
  html:not([data-theme="light"]) #ui-more, #ui-more.ui-sheet, html:not([data-theme="light"]) #ui-more.ui-sheet{ border-radius:24px; border-bottom:1px solid rgba(160,225,255,.16) !important; }
}
html:not([data-theme="light"]) .ui-sheet-backdrop{ background:radial-gradient(70% 55% at 50% 0%,rgba(14,58,107,.55) 0%,rgba(0,31,63,.6) 40%,rgba(3,16,31,.72) 100%); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
html[data-theme="light"] #ui-more, html[data-theme="light"] #ui-more.ui-sheet{
  background:linear-gradient(150deg,rgba(255,255,255,.86),rgba(255,255,255,.72)) !important; background-color:#f4f7fb !important;
  border:1px solid rgba(15,40,70,.14) !important; box-shadow:inset 0 1px 0 #fff,0 30px 70px -40px rgba(18,64,184,.35) !important; }
html[data-theme="light"] #ui-more::before{ background:radial-gradient(60% 50% at 20% 0%,rgba(47,123,255,.14),transparent 70%),radial-gradient(50% 50% at 90% 100%,rgba(122,92,255,.10),transparent 70%); }

/* SWEEP 2026-09-25: the three words sit on one line; nothing in the group shifts when pressed */
#view-profile .pr-opts .int-pill{ margin:0 !important; transform:none !important; align-items:center !important; align-self:center !important; line-height:1 !important; top:auto !important; }
#view-profile .pr-opts .int-pill + .int-pill::before{ top:50%; transform:translateY(-50%); }

/* ── ACCOUNT, second sweep pass 2026-09-25: one column of hairline rows at the room width ── */
#view-profile .ac{ width:min(760px,100%); margin:0 auto; padding:40px var(--room-pad,24px) 64px; box-sizing:border-box; }
#view-profile .ac-group{ border-top:1px solid rgba(160,225,255,.12); }
#view-profile .ac-group + .ac-group{ margin-top:40px; }
#view-profile .ac-row{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:24px; row-gap:10px;
  min-height:44px; padding:12px 0; border-bottom:1px solid rgba(160,225,255,.12); }
#view-profile .ac-row[hidden]{ display:none; }
#view-profile .ac-row--stack{ grid-template-columns:minmax(0,1fr); }
#view-profile .ac-l{ font:400 15px/1.4 var(--f-body); color:rgb(var(--ink3)); min-width:0; }
#view-profile .ac-l.ac-strong{ color:rgb(var(--ink)); font-weight:500; word-break:break-all; }
#view-profile .ac-l small{ display:block; margin-top:2px; font:400 13px/1.4 var(--f-body); color:rgb(var(--ink3)); }
#view-profile .ac-row .ac-l:not(.ac-strong){ color:rgb(var(--ink)); }
#view-profile .ac-r{ display:flex; align-items:center; justify-content:flex-end; gap:6px 18px; flex-wrap:wrap; text-align:right; }
#view-profile .ac-v{ font:400 15px/1.4 var(--f-body); color:rgb(var(--ink2)); font-variant-numeric:tabular-nums; }
#view-profile .ac-q{ display:inline-flex; align-items:center; min-height:44px; padding:0 2px; background:none; border:0; cursor:pointer; text-decoration:none;
  font:500 14px/1 var(--f-body); color:rgb(var(--ink2)); transition:color .18s ease; }
#view-profile .ac-q:hover{ color:rgb(var(--ink)); }
#view-profile .ac-q:focus-visible{ outline:2px solid var(--ice2,#7FD3FF); outline-offset:3px; }
#view-profile .ac-msg{ grid-column:1 / -1; margin:0; font:400 14px/1.45 var(--f-body); color:rgb(var(--ink2)); }
#view-profile .ac-msg:empty{ display:none; }
#view-profile .ac-fold{ grid-column:1 / -1; }
#view-profile .ac-line{ width:100%; min-height:44px; border:0; border-radius:12px; background:transparent; resize:none; overflow:hidden; outline:none;
  padding:8px 10px; margin-left:-10px; font:500 22px/1.25 var(--f-disp); letter-spacing:-.018em; color:rgb(var(--ink)); box-sizing:border-box; width:calc(100% + 20px); }
#view-profile .ac-line::placeholder{ color:rgb(var(--ink3)); font-weight:400; }
#view-profile .ac-line:focus-visible{ background:rgba(0,191,255,.07); }
#view-profile .ac-act{ display:flex; }
#view-profile .pr-read{ grid-column:1 / -1; }
@media (max-width:760px){
  #view-profile .ac{ padding:24px 16px 48px; }
  #view-profile .ac-row{ grid-template-columns:minmax(0,1fr); }
  #view-profile .ac-r{ justify-content:flex-start; text-align:left; }
  #view-profile .ac-act .ui-btn{ width:100%; }
  #view-profile .pr-opts{ width:100%; }
}