/* Wik Desktop -- the Settings tab (pack H, CSS prefix .set-). The page scrolls inside the page-stack element (the core page element).
   port: activity_crossroads.xml pageSettings -> settingsContent: padding 16dp sides, 4dp top, 24dp bottom. The cards, rows, chips and
   dialogs are core's (kit.js / dialogs.js) and are NOT restyled here (CONTRACT_D2 §9.16). */
.set-page { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; background: var(--c-page-bg); }
.set-content { display: flex; flex-direction: column; padding: 4px 16px 24px 16px; min-width: 0; }
/* a dialog's column of rows (Linked wallets): the view handed to dialogs.alert */
.set-dialogcol { display: flex; flex-direction: column; padding: 8px 20px 4px 20px; max-height: 60vh; overflow-y: auto; }
.set-dialoglist { display: flex; flex-direction: column; }
/* R6 #6: a short wallet address is ONE token -- never split across two lines (the kit row's sub keeps its own wrapping) */
.set-nobreak { white-space: nowrap; overflow-wrap: normal; word-break: keep-all; }

/* W2b (W1/69) -- THE Settings host: ONE header (the switch bar) that never moves, and one box per sublist below it. A switch hides one
   box and shows the other (.set-off: display none -- b102 A CONTRACT "display none, not opacity"; settings.js keeps each box's scroll
   and puts it back in the same task) in one frame: no transition, no animation, no slide (his b102 (d) "simply switch the page").
   port: b102 A (Crossroads settingsHeader + one scroller per sublist), SettingsSwitch.bar */
.set-host { flex: 1 1 auto; min-height: 0; }
/* the bar under the start header, outside any scroller: 16 dp sides, 4 dp above, 8 dp below (b102 A CONTRACT) */
.set-head { flex: 0 0 auto; display: flex; flex-direction: row; align-items: center; box-sizing: border-box;
  padding: 4px 16px 8px 16px; background: var(--c-page-bg); }
.set-bar { flex: 1 1 auto; min-width: 0; }
.set-host > .set-body { flex: 1 1 auto; min-height: 0; position: relative; padding: 0; }
.set-body > .set-sub { position: absolute; inset: 0; }
.set-body > .set-sub.set-off { display: none; }
/* the Appearance sublist's rows shown / hidden IN PLACE (the Auto rows, the secondary strip) -- their own display */
.set-secondbox { display: flex; flex-direction: column; min-width: 0; }
.set-secondbox[hidden], .set-autorows[hidden] { display: none; }

/* W2b -- the Wik-room icon 8 dp right of the start page's Wik logo, the logo's height, on EVERY tab (b102 A CONTRACT: "identical on
   every tab" -- a tab-dependent header would move); rooms.js renderHeader. b102 (b) "Add to the Wik logo also the Wik room icon". */
.set-wikroom { display: flex; flex: none; /* W177A2_DESK A2-1: the gap = core/header.js slot2 */ padding: 0; border: 0; background: none; cursor: pointer; }
.set-wikroom > * { width: 100%; height: 100%; }
.set-wikroom:focus-visible { outline: 2px solid var(--c-accent-shown); outline-offset: 2px; }

/* W2b -- "Your rooms" roll-in / roll-out (rooms.js; b102 B copies BadgeShelf.fold): the heading row (label + room count + chevron)
   is the fold's head; rolled in, the card is hidden in the same frame (kit.fold: no transition) */
.set-roomsfold { display: flex; flex-direction: row; align-items: center; min-height: 48px; margin-bottom: 0; }

.set-roomscount { margin-inline-start: 8px; color: var(--c-dim); font-weight: 700; }
.set-roomsfold:focus-visible { outline: 2px solid var(--c-accent-shown); outline-offset: 2px; }
.set-rolledin { display: none; }   /* the Your rooms card rolled in (later than base.css / rooms.css: this wins) */
/* the strip's marker rail (appearance.js strip): full width, moved by transform -- no layout change while dragging */
.set-strip-rail { position: absolute; inset: 0; pointer-events: none; }

/* W1/70 DSK2 -- the footer [Save] [Load saved] [Default]: ONE fixed row under BOTH sublists, outside every scroller (a child of the host
   frame after its body; the body keeps flex 1 and the footer its own height -- nothing moves when a sublist switches). Mirrors the head:
   16 dp sides, 8 dp above and below, the chips' 6 dp gap (.wk-kit-wrap). Load while nothing is saved: dimmed, still tappable (a toast).
   port: Android activity_crossroads.xml settingsFooter (AND2, b104) / SettingsSwitch.bar metrics */
.set-foot { flex: 0 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px; box-sizing: border-box;
  padding: 8px 16px 8px 16px; background: var(--c-page-bg); border-top: 1px solid var(--c-card-border); }
.set-foot-btn { cursor: pointer; }
/* W1/72 SETUI item 6: the Save chip's disk -- before the words, inside the frame, the chip's text colour, the icon level's size, 6 px gap */
.set-foot-glyph { display: inline-flex; align-items: center; justify-content: center; margin-inline-end: 6px; position: relative; flex: 0 0 auto; }
.set-foot-glyph > svg { width: 1em; height: 1em; }
.set-foot-btn.set-foot-dim { opacity: 0.45; }
.set-foot-btn:focus-visible { outline: 2px solid var(--c-accent-shown); outline-offset: 2px; }