/* ============================================================================
   CANIPUS · SELLER · 397 (20 Oct 2026). The one seller page for OEMs and
   distributors, in the buyers' shell and dress (buyer.css carries the tokens,
   the shell, the sheet, the toast, the chips). This file is the nine rooms:
   Home, Devices, Asks, Channel, Films, Credits, The numbers, Team, You, and
   the entry of a device. Phone under 700, laptop 920 up. No dashes in words.
   ============================================================================ */

/* ---------- small shared pieces ---------- */
.se-tiles{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; margin-top:14px; }
@media (min-width:700px){ .se-tiles{ grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; } }
@media (min-width:1100px){ .se-tiles.six{ grid-template-columns:repeat(6, minmax(0,1fr)); } .se-tiles.four{ grid-template-columns:repeat(4, minmax(0,1fr)); } }
.se-tile{ box-sizing:border-box; padding:14px 16px; display:flex; flex-direction:column; gap:2px; background:var(--by-glass); border:1px solid rgba(153,189,208,0.2); border-radius:16px; color:var(--by-silver); text-decoration:none; }
.se-tile b{ font-family:var(--by-serif); font-weight:400; font-size:30px; line-height:34px; color:var(--by-silver-hi); }
.se-tile span{ font:400 12px/16px var(--by-sans); color:var(--by-silver-lo); }
.se-tile small{ font:400 12px/16px var(--by-sans); color:var(--by-silver); }
.se-tile.gold b{ color:var(--by-gold-hi); }
.se-tile.warn b{ color:var(--by-amber); }
.se-sec{ display:flex; flex-direction:column; gap:8px; margin-top:28px; }
.se-sec > .se-btn, .se-sec > .by-btn{ align-self:flex-start; }
.se-sec-head{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.se-sec-head h2{ margin:0; font-family:var(--by-serif); font-weight:400; font-size:26px; line-height:30px; color:var(--by-silver-hi); }
.se-sec-head h2 em{ font-style:italic; color:var(--by-gold); }
.se-sec-head a, .se-sec-head .by-link{ font:400 13px var(--by-sans); text-decoration:none; }
.se-grid{ display:grid; grid-template-columns:1fr; gap:28px; }
@media (min-width:920px){ .se-grid{ grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:40px; } }
.se-list{ display:flex; flex-direction:column; border-top:1px solid var(--by-hair); }
.se-row{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 14px; align-items:center; padding:14px 0; border-bottom:1px solid var(--by-hair); font:400 14px/19px var(--by-sans); color:var(--by-silver); text-align:left; background:none; border-left:0; border-right:0; border-top:0; width:100%; cursor:pointer; }
.se-row.plain{ cursor:default; }
.se-row > :first-child, .se-row > .meta{ grid-column:1 / -1; }
.se-row .nm{ color:var(--by-silver-hi); font-weight:500; }
.se-row .nm small{ font-weight:400; color:var(--by-silver-lo); margin-left:6px; }
.se-row .co{ color:var(--by-silver-lo); }
.se-row .meta{ display:flex; flex-wrap:wrap; gap:6px 10px; align-items:center; font-size:12px; color:var(--by-silver-lo); }
.se-row .acts{ display:flex; gap:8px; justify-self:end; flex-wrap:wrap; justify-content:flex-end; }
.se-row.on{ background:rgba(64,201,190,0.06); }
@media (min-width:700px){ .se-row{ grid-template-columns:minmax(0,2fr) minmax(0,1.3fr) minmax(0,1fr) auto; } .se-row > :first-child, .se-row > .meta{ grid-column:auto; } .se-row .meta{ font-size:13px; } }
.se-tag{ display:inline-flex; align-items:center; height:22px; padding:0 8px; border-radius:11px; background:rgba(153,189,208,0.1); font:500 10px var(--by-mono); letter-spacing:.06em; text-transform:uppercase; color:var(--by-silver); white-space:nowrap; }
.se-tag.teal{ background:rgba(64,201,190,0.14); color:var(--by-teal-hi); }
.se-tag.gold{ background:rgba(221,185,114,0.16); color:var(--by-gold-hi); }
.se-tag.amber{ background:rgba(255,196,107,0.14); color:var(--by-amber); }
.se-tag.red{ background:rgba(255,138,122,0.14); color:var(--by-red); }
.se-tag.ok{ background:rgba(95,216,168,0.14); color:var(--by-ok); }
.se-tag.dim{ color:var(--by-silver-lo); }
.se-st{ font:500 11px var(--by-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--by-teal); white-space:nowrap; }
.se-st.gold{ color:var(--by-gold-hi); } .se-st.amber{ color:var(--by-amber); } .se-st.dim{ color:var(--by-silver-lo); } .se-st.ok{ color:var(--by-ok); } .se-st.red{ color:var(--by-red); }
.se-btn{ display:inline-flex; align-items:center; justify-content:center; height:36px; padding:0 12px; border-radius:10px; border:1px solid rgba(153,189,208,0.3); background:transparent; color:var(--by-silver-hi); font:400 13px var(--by-sans); cursor:pointer; text-decoration:none; white-space:nowrap; }
.se-btn.p{ background:var(--by-btn); color:var(--by-ink); font-weight:600; border-color:transparent; }
.se-btn.g{ background:rgba(221,185,114,0.14); color:var(--by-gold-hi); border-color:rgba(221,185,114,0.3); }
.se-btn:disabled{ opacity:.5; cursor:default; }
.se-fine{ margin:0; font:400 12.5px/18px var(--by-sans); color:var(--by-silver-lo); }
.se-fine b{ color:var(--by-silver); font-weight:500; }
.se-filters{ display:flex; gap:8px; overflow-x:auto; padding-bottom:4px; margin-top:14px; scrollbar-width:none; }
.se-filters::-webkit-scrollbar{ display:none; }
.se-kv{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:6px 14px; font:400 14px/20px var(--by-sans); color:var(--by-silver); }
.se-kv dt{ margin:0; color:var(--by-silver-lo); } .se-kv dd{ margin:0; color:var(--by-silver-hi); }
.se-kv dd small{ color:var(--by-silver-lo); margin-left:6px; }
.se-field{ display:flex; flex-direction:column; gap:6px; }
.se-field label, .se-lbl{ font:500 11px/16px var(--by-mono); letter-spacing:.14em; text-transform:uppercase; color:var(--by-silver-lo); }
textarea.by-in{ height:auto; min-height:96px; padding:12px 14px; resize:vertical; line-height:22px; }
.se-steps{ display:flex; gap:6px; flex-wrap:wrap; margin:6px 0 2px; }
.se-step{ display:inline-flex; align-items:center; gap:8px; height:30px; padding:0 10px 0 6px; border-radius:15px; border:1px solid var(--by-hair2); font:400 13px var(--by-sans); color:var(--by-silver-lo); background:none; cursor:pointer; }
.se-step i{ display:grid; place-items:center; width:20px; height:20px; border-radius:10px; background:rgba(153,189,208,0.12); font:500 11px var(--by-mono); font-style:normal; color:var(--by-silver); }
.se-step.on{ color:var(--by-silver-hi); border-color:rgba(64,201,190,0.5); } .se-step.on i{ background:var(--by-btn); color:var(--by-ink); }
.se-step.done i{ background:rgba(95,216,168,0.2); color:var(--by-ok); }
.se-split{ display:grid; grid-template-columns:1fr; gap:22px; margin-top:18px; }
@media (min-width:920px){ .se-split{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; } .se-split.wide{ grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); } }
.se-stick{ position:relative; }
@media (min-width:920px){ .se-stick{ position:sticky; top:20px; align-self:start; } }
.se-src{ display:inline-flex; align-items:center; height:18px; padding:0 6px; border-radius:9px; font:500 9.5px var(--by-mono); letter-spacing:.06em; text-transform:uppercase; }
.se-src.licence{ background:rgba(95,216,168,0.14); color:var(--by-ok); } .se-src.brochure{ background:rgba(64,201,190,0.14); color:var(--by-teal-hi); } .se-src.stated{ background:rgba(153,189,208,0.12); color:var(--by-silver-lo); }
.se-frame{ width:100%; border:0; display:block; min-height:80vh; background:transparent; border-radius:16px; }
.se-pane-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.se-pane-head .by-head{ flex:1 1 320px; }
.se-pane-head .acts{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; padding-top:6px; }
.se-empty{ box-sizing:border-box; padding:28px 22px; border:1px dashed rgba(153,189,208,0.3); border-radius:18px; color:var(--by-silver-lo); font:400 15px/22px var(--by-sans); }
.se-empty b{ display:block; font-family:var(--by-serif); font-weight:400; font-size:26px; line-height:30px; color:var(--by-silver-hi); margin-bottom:6px; }
.se-empty .by-btn{ margin-top:14px; }
.se-ok{ color:var(--by-ok); } .se-red{ color:var(--by-red); }

/* ---------- Home ---------- */
.se-today{ display:flex; flex-direction:column; border-top:1px solid var(--by-hair); }
.se-need{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:4px 12px; align-items:center; padding:12px 0; border-bottom:1px solid var(--by-hair); font:400 14px/20px var(--by-sans); color:var(--by-silver); text-align:left; background:none; border-left:0; border-right:0; border-top:0; width:100%; cursor:pointer; }
.se-need i{ width:8px; height:8px; border-radius:4px; background:var(--by-teal); }
.se-need i.gold{ background:var(--by-gold-hi); } .se-need i.amber{ background:var(--by-amber); }
.se-need b{ color:var(--by-silver-hi); font-weight:500; }
.se-need small{ display:block; color:var(--by-silver-lo); font-size:12.5px; }
.se-need .se-st{ justify-self:end; }
.se-first{ box-sizing:border-box; padding:22px 24px; display:flex; flex-direction:column; gap:10px; background:linear-gradient(180deg, rgba(64,201,190,0.12), rgba(10,20,40,0.84)); border:1px solid rgba(64,201,190,0.3); border-radius:20px; margin-top:16px; }
.se-first h2{ margin:0; font-family:var(--by-serif); font-weight:400; font-size:30px; line-height:34px; color:var(--by-silver-hi); }
.se-first h2 em{ font-style:italic; color:var(--by-gold); }
.se-first p{ margin:0; font:400 15px/22px var(--by-sans); color:var(--by-silver); max-width:640px; }
.se-first .by-btn{ align-self:flex-start; margin-top:4px; }

/* ---------- Devices ---------- */
.se-cards{ display:grid; grid-template-columns:1fr; gap:10px; margin-top:14px; }
@media (min-width:760px){ .se-cards{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px; } }
@media (min-width:1200px){ .se-cards{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
.se-card{ box-sizing:border-box; padding:16px 18px; display:flex; flex-direction:column; gap:6px; background:var(--by-glass); border:1px solid rgba(153,189,208,0.2); border-radius:16px; color:var(--by-silver); text-align:left; cursor:pointer; font:400 13px/18px var(--by-sans); }
.se-card:hover{ border-color:rgba(64,201,190,0.45); }
.se-card b{ font-family:var(--by-serif); font-weight:400; font-size:24px; line-height:28px; color:var(--by-silver-hi); }
.se-card .kd{ color:var(--by-teal); font-size:13px; }
.se-card .row{ display:flex; flex-wrap:wrap; gap:6px 12px; margin-top:4px; color:var(--by-silver-lo); font-size:12.5px; }
.se-card .row b{ font:500 12.5px var(--by-sans); color:var(--by-silver); }
.se-card .tags{ display:flex; flex-wrap:wrap; gap:6px; margin-top:4px; }
.se-bar{ height:4px; border-radius:2px; background:rgba(153,189,208,0.14); overflow:hidden; margin-top:6px; }
.se-bar i{ display:block; height:100%; background:var(--by-teal); border-radius:2px; }
.se-record{ display:flex; flex-direction:column; gap:22px; }
.se-record .by-head h1{ font-size:32px; line-height:36px; }
.se-lines{ display:flex; flex-direction:column; border-top:1px solid var(--by-hair); }
.se-line{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,2fr); gap:4px 14px; align-items:start; padding:11px 0; border-bottom:1px solid var(--by-hair); font:400 14px/20px var(--by-sans); }
.se-line .lb{ color:var(--by-silver-lo); } .se-line .lb small{ display:block; font-size:11.5px; }
.se-line .vl{ color:var(--by-silver-hi); display:flex; flex-wrap:wrap; gap:6px 10px; align-items:center; }
.se-line .vl.stated{ color:var(--by-silver-lo); font-style:italic; }
.se-line .ed{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.se-line .ed input.by-in{ height:40px; max-width:160px; font-size:15px; }
.se-line .ed .by-chip{ min-height:36px; padding:6px 12px; font-size:14px; }
.se-who{ display:flex; flex-wrap:wrap; gap:8px; }
.se-who .by-chip{ min-height:38px; font-size:14px; }
.se-who .by-chip.off{ opacity:.45; text-decoration:line-through; }
.se-sellers{ display:flex; flex-direction:column; border-top:1px solid var(--by-hair); }
.se-seller{ display:flex; justify-content:space-between; gap:12px; align-items:center; padding:10px 0; border-bottom:1px solid var(--by-hair); font:400 14px/20px var(--by-sans); color:var(--by-silver); }
.se-seller b{ color:var(--by-silver-hi); font-weight:500; }
.se-seller small{ color:var(--by-silver-lo); }
.se-models{ display:flex; flex-wrap:wrap; gap:6px; }
.se-model{ display:inline-flex; align-items:center; height:26px; padding:0 10px; border-radius:13px; background:rgba(153,189,208,0.1); font:400 12.5px var(--by-sans); color:var(--by-silver); }
.se-dups{ display:flex; flex-direction:column; gap:8px; }
.se-dup{ display:flex; justify-content:space-between; gap:12px; align-items:center; padding:12px 14px; background:rgba(255,196,107,0.08); border:1px solid rgba(255,196,107,0.3); border-radius:14px; font:400 14px/20px var(--by-sans); color:var(--by-silver); }
.se-dup b{ color:var(--by-silver-hi); font-weight:500; display:block; }
.se-dup small{ color:var(--by-silver-lo); }

/* the entry of a device */
.se-entry{ display:flex; flex-direction:column; gap:18px; max-width:980px; }
.se-entry .by-head h1{ font-size:32px; line-height:36px; }
.se-kinds{ display:flex; flex-direction:column; gap:8px; }
.se-kind{ box-sizing:border-box; padding:14px 16px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; align-items:center; background:var(--by-glass); border:1px solid rgba(153,189,208,0.22); border-radius:14px; color:var(--by-silver); text-align:left; cursor:pointer; font:400 13px/18px var(--by-sans); }
.se-kind:hover{ border-color:rgba(64,201,190,0.45); }
.se-kind.on{ border-color:rgba(64,201,190,0.7); background:linear-gradient(180deg, rgba(64,201,190,0.14), rgba(10,20,40,0.84)); }
.se-kind b{ font-size:16px; line-height:21px; color:var(--by-silver-hi); font-weight:500; display:block; }
.se-kind .path{ color:var(--by-silver-lo); font-size:12.5px; grid-column:1 / -1; }
.se-kind .who{ color:var(--by-teal); font-size:12.5px; grid-column:1 / -1; }
.se-kind .sc{ justify-self:end; }
.se-read{ box-sizing:border-box; padding:12px 14px; border-radius:14px; background:rgba(221,185,114,0.08); border:1px solid rgba(221,185,114,0.28); font:400 13.5px/19px var(--by-sans); color:var(--by-silver); }
.se-read b{ color:var(--by-gold-hi); font-weight:500; }
.se-lic{ display:flex; flex-direction:column; gap:8px; }
.se-licl{ box-sizing:border-box; padding:12px 14px; display:flex; flex-direction:column; gap:3px; background:var(--by-glass); border:1px solid rgba(153,189,208,0.22); border-radius:14px; color:var(--by-silver); text-align:left; cursor:pointer; font:400 13px/18px var(--by-sans); }
.se-licl.on{ border-color:rgba(64,201,190,0.7); }
.se-licl b{ color:var(--by-silver-hi); font-weight:500; font-size:15px; }
.se-licl small{ color:var(--by-silver-lo); }
.se-up{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.se-up input[type=file], .se-upl input[type=file]{ display:none; }
.se-upl{ display:inline-flex; align-items:center; gap:8px; height:46px; padding:0 16px; border:1px dashed rgba(153,189,208,0.4); border-radius:14px; color:var(--by-teal); font:400 15px var(--by-sans); cursor:pointer; background:none; }
.se-upl.done{ border-style:solid; color:var(--by-silver-hi); }
.se-states{ display:flex; flex-wrap:wrap; gap:6px; max-height:220px; overflow:auto; padding:2px; }
.se-states .by-chip{ min-height:34px; padding:4px 12px; font-size:13.5px; }
.se-sticky-acts{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; padding-top:8px; }

/* ---------- Asks ---------- */
.se-asks{ display:grid; grid-template-columns:1fr; gap:20px; margin-top:14px; }
@media (min-width:920px){ .se-asks{ grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:32px; } .se-asks.one{ grid-template-columns:1fr; } }
.se-ask{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 10px; align-items:center; padding:12px 0; border-bottom:1px solid var(--by-hair); font:400 14px/19px var(--by-sans); color:var(--by-silver); text-align:left; background:none; border-left:0; border-right:0; border-top:0; width:100%; cursor:pointer; }
.se-ask.on{ background:rgba(64,201,190,0.06); margin:0 -8px; padding:12px 8px; border-radius:10px; }
.se-ask .t{ color:var(--by-silver-hi); font-weight:500; }
.se-ask .t small{ font-weight:400; color:var(--by-silver-lo); margin-left:6px; }
.se-ask .m{ grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:4px 10px; font-size:12.5px; color:var(--by-silver-lo); align-items:center; }
.se-ask .dot{ width:8px; height:8px; border-radius:4px; background:var(--by-gold-hi); justify-self:end; }
.se-ask .dot.dim{ background:rgba(153,189,208,0.3); }
.se-lock{ box-sizing:border-box; padding:18px 20px; display:flex; flex-direction:column; gap:10px; background:var(--by-glass); border:1px solid rgba(153,189,208,0.22); border-radius:18px; }
.se-lock h3{ margin:0; font-family:var(--by-serif); font-weight:400; font-size:26px; line-height:30px; color:var(--by-silver-hi); }
.se-lock h3 em{ font-style:italic; color:var(--by-gold); }
.se-lock .se-kv{ margin-top:4px; }
.se-lock .hidden{ padding:12px 14px; border-radius:12px; background:rgba(10,20,40,0.6); border:1px dashed rgba(153,189,208,0.3); color:var(--by-silver-lo); font:400 14px/20px var(--by-sans); }
.se-lock .price{ display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; margin-top:6px; }
.se-thread{ min-height:300px; }
.se-thread-top{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:space-between; margin-bottom:10px; }
.se-thread-top .who{ font:400 14px/20px var(--by-sans); color:var(--by-silver); }
.se-thread-top .who b{ color:var(--by-silver-hi); font-weight:500; }
.se-quote-grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; }
.se-quote-grid .wide{ grid-column:1 / -1; }
.se-req{ box-sizing:border-box; padding:16px 18px; display:flex; flex-direction:column; gap:8px; background:var(--by-glass); border:1px solid rgba(153,189,208,0.22); border-radius:18px; }
.se-req h3{ margin:0; font-family:var(--by-serif); font-weight:400; font-size:24px; line-height:28px; color:var(--by-silver-hi); }
.se-fit{ display:flex; flex-direction:column; border-top:1px solid var(--by-hair); margin-top:6px; }
.se-fit div{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:10px; padding:8px 0; border-bottom:1px solid var(--by-hair); font:400 13px/18px var(--by-sans); color:var(--by-silver); }
.se-fit div span:first-child{ color:var(--by-silver-lo); }

/* ---------- Channel ---------- */
.se-auth{ box-sizing:border-box; padding:16px 18px; display:flex; flex-direction:column; gap:8px; background:var(--by-glass); border:1px solid rgba(153,189,208,0.22); border-radius:16px; font:400 13.5px/19px var(--by-sans); color:var(--by-silver); }
.se-auth b{ font-size:18px; line-height:24px; color:var(--by-silver-hi); font-weight:500; }
.se-auth .row{ display:flex; flex-wrap:wrap; gap:6px 12px; align-items:center; color:var(--by-silver-lo); }
.se-auth .acts{ display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; }
.se-rules{ display:flex; flex-direction:column; border-top:1px solid var(--by-hair); }
.se-rule{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:8px 12px; align-items:center; padding:10px 0; border-bottom:1px solid var(--by-hair); font:400 14px/20px var(--by-sans); color:var(--by-silver); }
.se-rule b{ color:var(--by-silver-hi); font-weight:500; }
.se-rule small{ color:var(--by-silver-lo); display:block; font-size:12.5px; }

/* ---------- Team ---------- */
.se-person{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; align-items:center; padding:12px 0; border-bottom:1px solid var(--by-hair); font:400 14px/19px var(--by-sans); color:var(--by-silver); }
.se-person .nm{ color:var(--by-silver-hi); font-weight:500; }
.se-person .nm small{ font-weight:400; color:var(--by-silver-lo); margin-left:6px; }
.se-person .pw{ grid-column:1 / -1; font-size:12.5px; line-height:17px; color:var(--by-silver-lo); }
.se-person .pw i{ font-style:normal; color:var(--by-silver); }
.se-person .acts{ display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
@media (min-width:760px){ .se-person{ grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) auto; } .se-person .pw{ grid-column:auto; } }
.se-link{ display:block; box-sizing:border-box; width:100%; padding:12px 14px; border-radius:12px; background:rgba(10,20,40,0.7); border:1px solid rgba(153,189,208,0.3); font:400 13px/18px var(--by-mono); color:var(--by-silver-hi); word-break:break-all; }

/* ---------- Credits ---------- */
.se-plans{ display:grid; grid-template-columns:1fr; gap:10px; }
@media (min-width:760px){ .se-plans{ grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; } }
.se-plan{ box-sizing:border-box; padding:16px 18px; display:flex; flex-direction:column; gap:6px; background:var(--by-glass); border:1px solid rgba(153,189,208,0.22); border-radius:16px; font:400 13.5px/19px var(--by-sans); color:var(--by-silver); }
.se-plan b{ font-family:var(--by-serif); font-weight:400; font-size:24px; line-height:28px; color:var(--by-silver-hi); }
.se-plan .pr{ font-family:var(--by-serif); font-size:22px; color:var(--by-gold-hi); }
.se-plan.on{ border-color:rgba(64,201,190,0.6); }
.se-ledger{ display:flex; flex-direction:column; border-top:1px solid var(--by-hair); }
.se-ledger div{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:8px 12px; padding:9px 0; border-bottom:1px solid var(--by-hair); font:400 13px/18px var(--by-sans); color:var(--by-silver); }
.se-ledger div span:first-child{ color:var(--by-silver-lo); font-family:var(--by-mono); font-size:12px; }
.se-ledger div span:last-child{ font-family:var(--by-mono); color:var(--by-silver-hi); }
.se-ledger div span.minus{ color:var(--by-silver-lo); } .se-ledger div span.plus{ color:var(--by-ok); }

/* ---------- The numbers ---------- */
.se-demand{ display:flex; flex-direction:column; border-top:1px solid var(--by-hair); }
.se-demand div{ display:grid; grid-template-columns:minmax(0,2fr) repeat(4, minmax(0,1fr)); gap:8px; padding:9px 0; border-bottom:1px solid var(--by-hair); font:400 13px/18px var(--by-sans); color:var(--by-silver); }
.se-demand div span:first-child{ color:var(--by-silver-hi); }
.se-demand div.hd span{ color:var(--by-silver-lo); font:500 10.5px var(--by-mono); letter-spacing:.08em; text-transform:uppercase; }

/* ---------- You ---------- */
.se-you{ display:flex; flex-direction:column; gap:22px; max-width:760px; }
.se-logo{ width:72px; height:72px; border-radius:18px; background:rgba(153,189,208,0.1); display:grid; place-items:center; overflow:hidden; font-family:var(--by-serif); font-size:30px; color:var(--by-silver-hi); }
.se-logo img{ width:100%; height:100%; object-fit:contain; }

/* ---------- the gate: the one screen after the code ---------- */
.se-declare{ display:flex; flex-direction:column; gap:18px; max-width:720px; margin:12px auto 0; }
.se-declare .by-btn{ align-self:flex-start; min-width:240px; }
.se-gst{ display:flex; flex-direction:column; gap:4px; }
.se-gst small{ color:var(--by-silver-lo); font-size:12.5px; min-height:16px; }

/* ---------- phone ---------- */
@media (max-width:699px){
  .se-pane-head .acts .se-btn{ height:40px; }
  .se-asks{ gap:14px; }
  .se-line{ grid-template-columns:1fr; }
}