/* =====================================================
   Site sections inside the control shell (TEAM SOL first).
   1) Section chrome: breadcrumbs and the section tab strip.
   2) The styles the ported TEAM SOL admin screens need, scoped to .sx so they never leak into the rest of the control site.
      Generated from TEAM SOL's stylesheets (only the classes those screens use), on the same SOL tokens.
   ===================================================== */
.sx { --wrap:1240px; --gutter:clamp(14px,4.5vw,40px); --tb-stick:0px; --tb-full:0px; }
.crumbs { display:flex; align-items:center; gap:6px; flex-wrap:wrap; font-size:12px; font-weight:800; color:var(--sol-muted); margin-bottom:10px }
.crumbs a { color:var(--sol-muted) } .crumbs a:hover { color:var(--sol-text) }
.crumbs .sol-ic { width:14px; height:14px; opacity:.6 }
.crumbs span { color:var(--sol-text) }
.stabs { display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; padding:6px; margin:0 0 18px; border-radius:var(--sol-radius); background:var(--sol-popover); border:1px solid var(--sol-border); position:sticky; top:0; z-index:6; backdrop-filter:blur(14px) saturate(1.3); -webkit-backdrop-filter:blur(14px) saturate(1.3) }
.stabs::-webkit-scrollbar { display:none }
.stab { flex-shrink:0; display:inline-flex; align-items:center; gap:7px; padding:9px 13px; border-radius:11px; color:var(--sol-muted); font-size:12.5px; font-weight:800; white-space:nowrap; transition:background .2s, color .2s }
.stab .sol-ic { width:16px; height:16px }
.stab:hover { color:var(--sol-text); background:var(--sol-hover) }
.stab[aria-current] { color:#fff; background:linear-gradient(135deg,var(--sol-primary),var(--sol-primary-2)); box-shadow:var(--sol-shadow-glow) }
.stab__n { font:900 10px var(--sol-font-display); padding:2px 7px; border-radius:99px; background:rgba(239,68,68,.9); color:#fff }
@media (max-width:760px) { .stabs { top:56px } }

/* ---------------- TEAM SOL admin screens (scoped) ---------------- */
.sx .wrap { max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter) }
.sx .ltr { direction:ltr;unicode-bidi:isolate }
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sx .toolbar { display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px }
.sx .toolbar .sol-seg { flex:0 1 auto }
.sx .toolbar .sol-search { flex:1;min-width:220px }
.sx .sticky-bar { position:sticky;top:calc(var(--tb-stick) + 8px);z-index:5;transition:top .32s var(--sol-ease) }
.sx .chips { display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:6px;border-radius:var(--sol-radius);background:var(--sol-popover);border:1px solid var(--sol-border);box-shadow:var(--sol-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px) }
.sx .chips::-webkit-scrollbar { display:none }
.sx .chip-btn { flex-shrink:0;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:11px;color:var(--sol-muted);font-size:12.5px;font-weight:800;white-space:nowrap;transition:var(--sol-transition) }
.sx .chip-btn b { font:900 11px var(--sol-font-display);color:var(--sol-primary-2) }
.sx .chip-btn:hover { color:var(--sol-text);background:var(--sol-hover) }
.sx .chip-btn.active { color:#fff;background:linear-gradient(135deg,var(--sol-primary),var(--sol-primary-2));box-shadow:var(--sol-shadow-glow) }
.sx .chip-btn.active b { color:#fff }
.sx .adm-head { background:linear-gradient(135deg,rgba(var(--sol-primary-rgb),.15),var(--panel));border:1px solid var(--sol-border);border-radius:var(--sol-radius-lg);padding:22px;margin:22px 0 16px;display:flex;flex-wrap:wrap;align-items:center;gap:16px;position:relative;overflow:hidden;box-shadow:var(--sol-shadow-lg) }
.sx .adm-head::before { content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:linear-gradient(180deg,var(--sol-primary),transparent);box-shadow:var(--glow) }
.sx .adm-head__t { flex:1;min-width:220px }
.sx .adm-head__t h1 { font-size:22px;font-weight:900;display:flex;align-items:center;gap:10px }
.sx .adm-head__t h1 .sol-ic { width:24px;height:24px;color:var(--sol-primary-2) }
.sx .adm-head__t p { font-size:13px;color:var(--sol-muted);font-weight:600;margin-top:4px }
.sx .adm-head__acts { display:flex;gap:8px;flex-wrap:wrap }
.sx .admin-tab .tab-count { font:900 10px var(--sol-font-display);padding:2px 7px;border-radius:99px;background:rgba(239,68,68,.9);color:#fff }
.sx .fgrid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px }
.sx .fgrid .is-full { grid-column:1/-1 }
@media (max-width:640px) {
  .sx .fgrid { grid-template-columns:1fr }
}
.sx .f-row { display:flex;gap:8px;align-items:stretch }
.sx .f-row>input { flex:1;min-width:0 }
.sx .f-row .btn { flex-shrink:0;min-height:46px;border-radius:var(--sol-radius-sm) }
.sx .img-prev { width:46px;height:46px;border-radius:10px;flex-shrink:0;background:var(--sol-field) center/cover no-repeat;border:1px solid var(--sol-border);display:flex;align-items:center;justify-content:center;color:var(--sol-muted) }
.sx .img-prev .sol-ic { width:18px;height:18px }
.sx .ed-list { display:flex;flex-direction:column;gap:10px }
.sx .ed { border-radius:var(--sol-radius);background:var(--sol-field);border:1px solid var(--sol-border);transition:border-color var(--sol-transition) }
.sx .ed.is-open { border-color:rgba(var(--sol-primary-rgb),.45);box-shadow:0 0 0 1px rgba(var(--sol-primary-rgb),.12) }
.sx .ed__head { display:flex;align-items:center;gap:8px;padding:8px 8px 8px 8px }
.sx .ed__toggle { flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;text-align:right;color:var(--sol-text);font-weight:800;font-size:13.5px }
.sx .ed__toggle:hover { background:var(--sol-hover) }
.sx .ed__label { flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;text-align:right }
.sx .ed.is-open .ed__chev { transform:rotate(180deg) }
.sx .ed__acts { display:flex;gap:4px;flex-shrink:0 }
.sx .ed__acts .btn-icon { width:34px;min-height:34px;border-radius:10px }
.sx .ed__acts .btn-icon .sol-ic { width:17px;height:17px }
.sx .ed__body { display:none;padding:6px 14px 14px;border-top:1px solid var(--sol-line) }
.sx .ed.is-open>.ed__body { display:block;animation:fadeIn .25s ease }
.sx .ed .ed { background:var(--sol-card) }
.sx .savebar { position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;margin-top:18px;border-radius:var(--sol-radius);background:var(--sol-popover);border:1px solid rgba(var(--sol-primary-rgb),.35);box-shadow:var(--sol-shadow-lg),0 0 30px rgba(var(--sol-primary-rgb),.15);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px) }
.sx .savebar__txt { flex:1;min-width:160px;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:var(--sol-muted) }
.sx .savebar__txt i { width:9px;height:9px;border-radius:50%;background:var(--sol-success);flex-shrink:0 }
.sx .savebar.is-dirty .savebar__txt { color:var(--sol-warning-text) }
.sx .savebar.is-dirty .savebar__txt i { background:#facc15;box-shadow:0 0 10px rgba(250,204,21,.7) }
.sx .savebar .btn { flex-shrink:0 }
@media (max-width:520px) {
  .sx .savebar__txt { flex-basis:100% }
  .sx .savebar .btn { flex:1;min-width:0 }
}
.sx .h3 { display:flex;align-items:center;gap:8px;font-size:15px;font-weight:900;margin-bottom:10px }
.sx .rowc__end small { font-weight:700 }
.sx .h2 { font-size:clamp(19px,2.4vw,24px);font-weight:900;color:var(--sol-text);display:flex;align-items:center;gap:10px }
.sx .h2 .sol-ic { width:22px;height:22px;color:var(--sol-primary-2) }
.sx .link-more { display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--sol-primary-2);padding:6px 10px;border-radius:999px;transition:var(--sol-transition) }
.sx .link-more:hover { background:var(--sol-hover) }
.sx .link-more .sol-ic { width:16px;height:16px }
.sx .row.wrap { flex-wrap:wrap }
.sx .mt8 { margin-top:8px }
.sx .mt12 { margin-top:12px }
.sx .ellipsis { white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.sx .pill.is-hot { color:#fff;background:linear-gradient(135deg,#f97316,#ef4444);border-color:transparent }
.sx .split { display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(14px,2vw,20px);align-items:start }
@media (max-width:980px) {
  .sx .split { grid-template-columns:minmax(0,1fr) }
}
.sx .cols-2 { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px }
@media (max-width:600px) {
  .sx .cols-2, .sx .cols-3 { grid-template-columns:minmax(0,1fr) }
}
.sx .sav { --sz:40px;position:relative;width:var(--sz);height:var(--sz);border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,hsl(var(--h,215) 60% 30%),hsl(calc(var(--h,215) + 40) 60% 14%));color:#fff;font:900 calc(var(--sz) * .4) var(--sol-font);overflow:hidden;border:2px solid rgba(var(--sol-primary-rgb),.55) }
.sx .sav img { width:100%;height:100%;object-fit:cover;display:block }
.sx .sav.has-frame { border-color:var(--fc);box-shadow:0 0 0 2px var(--sol-background),0 0 0 4px var(--fc),0 0 18px var(--fc) }
.sx .sav.is-lg { --sz:84px }
.sx .sav.is-md { --sz:56px }
.sx .sav.is-sm { --sz:32px }
.sx .sav.is-xs { --sz:26px }
.sx .role-tag { display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:900;padding:2px 8px;border-radius:999px;color:#fff;background:var(--rc,var(--sol-primary));margin-inline-start:6px;vertical-align:2px }
.sx .lvl { display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 8px;border-radius:8px;font:900 12px var(--sol-font-display);color:#fff;background:linear-gradient(135deg,var(--sol-primary),var(--sol-primary-2));box-shadow:var(--sol-shadow-glow);transform:skewX(-8deg) }
.sx .lvl>span { transform:skewX(8deg) }
.sx .xpbar { position:relative;height:8px;border-radius:99px;background:var(--sol-field);border:1px solid var(--sol-border);overflow:hidden }
.sx .xpbar>i { position:absolute;inset:0 auto 0 0;inset-inline-start:0;width:var(--p,0%);border-radius:99px;background:linear-gradient(90deg,var(--sol-primary),var(--sol-primary-2));box-shadow:0 0 12px rgba(var(--sol-primary-rgb),.7);transition:width 1s var(--sol-ease) }
.sx [dir=rtl] .xpbar>i { right:0;left:auto }
.sx .cat-head__ic { width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--cc,var(--sol-primary));box-shadow:0 0 20px color-mix(in srgb,var(--cc,#0b55ea) 50%,transparent) }
.sx .cat-head__ic .sol-ic { width:22px;height:22px }
.sx .chal .xpbar { margin-top:7px;height:6px }
.sx .period { font:800 10px var(--sol-font-display);letter-spacing:1.5px;color:var(--sol-muted);margin:14px 0 8px }
.sx .rows { display:flex;flex-direction:column;gap:8px }
.sx .rowc { display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--sol-radius);background:var(--sol-field);border:1px solid var(--sol-border);color:inherit;transition:border-color var(--sol-transition),transform var(--sol-transition) }
.sx a.rowc:hover, .sx button.rowc:hover { border-color:rgba(var(--sol-primary-rgb),.5);transform:translateX(-2px) }
.sx button.rowc { width:100%;text-align:right;font:inherit }
.sx .rowc__ic { width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(var(--sol-primary-rgb),.13);color:var(--sol-primary-2);flex-shrink:0 }
.sx .rowc__ic .sol-ic { width:18px;height:18px }
.sx .rowc__t { flex:1;min-width:0 }
.sx .rowc__t b { display:block;font-size:13.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.sx .rowc__t small { display:block;font-size:11.5px;color:var(--sol-muted);font-weight:700;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.sx .rowc__end { flex-shrink:0;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800 }
.sx .rowc.is-win .rowc__ic { background:rgba(16,185,129,.16);color:var(--sol-success-text) }
.sx .rowc.is-unread { border-color:rgba(var(--sol-primary-rgb),.45);background:linear-gradient(90deg,transparent,rgba(var(--sol-primary-rgb),.07)) }
.sx .lbr__who .ellipsis { font-size:13.5px }
.sx .feed { display:flex;flex-direction:column;gap:2px }
.sx .feed__i { display:flex;align-items:flex-start;gap:10px;padding:10px 4px;border-bottom:1px solid var(--sol-line) }
.sx .feed__i:last-child { border-bottom:0 }
.sx .feed__txt { flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.7 }
.sx .feed__txt b { font-weight:900 }
.sx .feed__txt small { display:block;font-size:11px;color:var(--sol-muted);font-weight:700 }
.sx .feed__ic { width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(var(--sol-primary-rgb),.13);color:var(--sol-primary-2);flex-shrink:0 }
.sx .feed__ic .sol-ic { width:16px;height:16px }
.sx .ncenter .rows { max-height:min(60vh,520px);overflow:auto;overscroll-behavior:contain;padding:2px }
.sx .prof { position:relative;overflow:hidden;padding:clamp(18px,3vw,28px);border-radius:var(--sol-radius-lg);background:radial-gradient(circle at 12% 0%,rgba(var(--sol-primary-rgb),.3),transparent 55%),var(--sol-card);border:1px solid rgba(var(--sol-primary-rgb),.3);box-shadow:var(--sol-shadow-lg) }
.sx .prof::after { content:"";position:absolute;left:-40px;bottom:-40px;width:170px;height:170px;border:2px solid var(--sol-primary);opacity:.09;transform:rotate(45deg);pointer-events:none }
.sx .prof__top { display:flex;align-items:center;gap:16px;flex-wrap:wrap;position:relative;z-index:1 }
.sx .prof__names { flex:1;min-width:180px }
.sx .prof__names h1 { font-size:clamp(20px,3vw,28px);font-weight:900;display:flex;align-items:center;flex-wrap:wrap;gap:6px }
.sx .prof__names .at { font-size:12.5px;color:var(--sol-muted);font-weight:700;direction:ltr;text-align:right }
.sx .prof__bio { font-size:13px;color:var(--sol-muted);font-weight:600;margin-top:6px;line-height:1.7 }
.sx .prof__acts { display:flex;gap:8px;flex-wrap:wrap }
.sx .bar { display:grid;grid-template-columns:110px minmax(0,1fr) 54px;align-items:center;gap:10px;font-size:12px;font-weight:800 }
.sx .bar .xpbar { height:10px }
.sx .bar span:last-child { font-family:var(--sol-font-display);color:var(--sol-muted);text-align:left }
.sx .ach .xpbar { margin-top:8px;height:6px }
.sx .team-logo { width:84px;height:84px;border-radius:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--sol-primary),var(--sol-primary-2)) center/cover no-repeat;color:#fff;box-shadow:var(--sol-shadow-glow);font:900 30px var(--sol-font) }
.sx .team-logo.is-sm { width:44px;height:44px;border-radius:14px;font-size:17px }
.sx .thread { display:flex;flex-direction:column;gap:10px;max-height:min(60vh,560px);overflow:auto;padding:4px }
.sx .msg { max-width:min(85%,560px);padding:10px 14px;border-radius:16px;font-size:13.5px;line-height:1.75;font-weight:600;white-space:pre-wrap;word-break:break-word;background:var(--sol-field);border:1px solid var(--sol-border) }
.sx .msg small { display:block;font-size:10.5px;color:var(--sol-muted);font-weight:800;margin-bottom:4px }
.sx .msg.is-mine { align-self:flex-start;background:linear-gradient(135deg,rgba(var(--sol-primary-rgb),.28),rgba(var(--sol-primary-rgb),.12));border-color:rgba(var(--sol-primary-rgb),.4) }
.sx .msg.is-other { align-self:flex-end }
.sx .msg.is-note { align-self:center;border-style:dashed;border-color:rgba(250,204,21,.5);background:rgba(250,204,21,.07) }
.sx .msg.is-system { align-self:center;background:transparent;border:0;font-size:11.5px;color:var(--sol-muted);font-weight:800;padding:2px }
.sx .composer { display:flex;gap:8px;align-items:flex-end;margin-top:12px }
.sx .composer textarea { min-height:48px;max-height:160px }
.sx .gal { columns:4 220px;column-gap:12px }
.sx .gal__i { break-inside:avoid;margin-bottom:12px;border-radius:var(--sol-radius);overflow:hidden;background:var(--sol-card);border:1px solid var(--sol-border);box-shadow:var(--sol-shadow);display:block;color:inherit;transition:var(--sol-transition) }
.sx .gal__i:hover { transform:translateY(-3px);border-color:rgba(var(--sol-primary-rgb),.5) }
.sx .gal__i img { width:100%;display:block;background:#fff;aspect-ratio:4/3;object-fit:contain }
.sx .gal__b { padding:10px 12px }
.sx .gal__b b { display:block;font-size:13px;font-weight:900 }
.sx .gal__meta { display:flex;align-items:center;gap:10px;margin-top:6px;font-size:11px;color:var(--sol-muted);font-weight:800 }
.sx .gal__meta span { display:inline-flex;align-items:center;gap:4px }
.sx .gal__meta .sol-ic { width:13px;height:13px }
.sx .fx-banner.is-hot .sol-ic { color:#f97316 }
@media (max-width:560px) {
  .sx .team-logo { width:64px;height:64px;border-radius:18px;font-size:24px }
}
.sx .adm-pre { direction:ltr;text-align:left;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--sol-field);border:1px solid var(--sol-border);border-radius:12px;padding:12px;max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-word;margin-bottom:10px }
.sx .adm-table { overflow-x:auto;border:1px solid var(--sol-border);border-radius:12px }
.sx .adm-table table { width:100%;border-collapse:collapse;font-size:13px;font-weight:700 }
.sx .adm-table th, .sx .adm-table td { padding:10px 12px;border-bottom:1px solid var(--sol-line);text-align:right;white-space:nowrap }
.sx .adm-table th { font-size:11.5px;color:var(--sol-muted);font-weight:800;background:var(--sol-field);position:sticky;top:0 }
.sx .adm-table tr:last-child td { border-bottom:0 }
.sx .vchart { display:flex;align-items:flex-end;gap:3px;height:170px;padding-top:6px;overflow-x:auto }
.sx .vchart__c { flex:1 0 14px;min-width:14px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px }
.sx .vchart__c i { display:block;width:100%;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--sol-primary-2),var(--sol-primary));box-shadow:0 0 10px rgba(var(--sol-primary-rgb),.35);transition:height .6s var(--sol-ease) }
.sx .vchart__c span { font:700 9px var(--sol-font-display);color:var(--sol-muted);direction:ltr;white-space:nowrap }
.sx .vchart__c:hover i { filter:brightness(1.25) }
.sx .perm-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px 12px }
@media (max-width:600px) {
  .sx .adm-head { padding:16px }
  .sx .vchart { height:130px }
}
.sx .grid2 { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px }
@media (max-width:560px) {
  .sx .grid2 { grid-template-columns:1fr }
}
.sx .hudc.is-hot b { color:#f97316 }
.sx .cframe { width:100%;min-height:360px;border:1px solid var(--sol-border);border-radius:16px;background:var(--sol-field);display:block }
.sx .cp__s.is-hot b { color:#f97316 }

/* ---------------- main site editor and requests (scoped) ---------------- */
.sx .req { display:flex;flex-direction:column;gap:10px }
.sx .req__row { display:flex;align-items:center;gap:12px }
.sx .req__thumb { width:58px;height:58px;border-radius:12px;flex-shrink:0;background:var(--sol-field) center/cover no-repeat;border:1px solid var(--sol-border);display:flex;align-items:center;justify-content:center;color:var(--sol-muted);transition:var(--sol-transition) }
.sx .req__thumb:hover { border-color:var(--sol-primary) }
.sx .req__thumb .sol-ic { width:22px;height:22px }
.sx .req__name { display:flex;align-items:center;gap:8px;font-weight:900;font-size:15px;color:var(--sol-text);min-width:0 }
.sx .req__name span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext }
.sx .req__dot { width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor }
.sx .req__note { font-size:12.5px;line-height:1.7;padding:10px 12px;border-radius:10px;background:var(--sol-field);border:1px solid var(--sol-border);color:var(--sol-muted);font-weight:600;word-break:break-word }
.sx .req__note.is-danger { border-color:rgba(239,68,68,.35);color:var(--sol-danger-text);background:rgba(239,68,68,.06) }
.sx .subbox { padding:12px 14px;border-radius:12px;background:var(--sol-field);border:1px solid var(--sol-border);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px }
.sx .subbox div small { display:block;font-size:10.5px;color:var(--sol-muted);font-weight:800 }
.sx .subbox div b { font-size:12.5px;font-weight:800;color:var(--sol-text) }
.sx .subbox .sol-progress { grid-column:1/-1;margin-top:2px;height:6px }
.sx .subbox.is-warn .sol-progress__bar { background:linear-gradient(90deg,#f59e0b,#facc15);box-shadow:0 0 10px rgba(250,204,21,.5) }
.sx .subbox.is-end { opacity:.7 }
.sx .subbox.is-end .sol-progress__bar { background:var(--sol-muted);box-shadow:none }
@media (max-width:520px) {
  .sx .subbox { grid-template-columns:repeat(2,minmax(0,1fr)) }
}
.sx .clr { display:flex;gap:8px;align-items:center }
.sx .clr input[type=color] { width:46px;height:46px;border-radius:var(--sol-radius-sm);border:1.5px solid var(--sol-border-field);background:var(--sol-field);padding:4px;cursor:pointer;flex-shrink:0 }
.sx .clr input[type=color]::-webkit-color-swatch-wrapper { padding:0 }
.sx .clr input[type=color]::-webkit-color-swatch { border:0;border-radius:7px }
.sx .clr input[type=color]::-moz-color-swatch { border:0;border-radius:7px }
.sx .clr input[type=text] { flex:1;direction:ltr;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace }
.sx .ed__n { width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(var(--sol-primary-rgb),.14);color:var(--sol-primary-2);font:900 11px var(--sol-font-display) }
.sx .ed__thumb { width:30px;height:30px;border-radius:50%;flex-shrink:0;background:var(--sol-card) center/cover no-repeat;border:1px solid var(--sol-border) }
.sx .ed__sub { margin-top:8px;padding-top:14px;border-top:1px dashed var(--sol-border) }
.sx .ed__sub-t { font-size:12px;font-weight:900;color:var(--sol-primary-2);margin-bottom:10px;display:flex;align-items:center;gap:8px }
.sx .add-btn { margin-top:10px;border-style:dashed }
.sx .req { padding:16px; border-radius:var(--sol-radius); background:var(--sol-popover); border:1px solid var(--sol-border) }
.sx .req + .req { margin-top:12px }
.sx .req__kv { display:grid; gap:6px }
.stab__dirty { width:8px; height:8px; border-radius:50%; background:#facc15 }
.in.code, textarea.code { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:12.5px; line-height:1.6; min-height:260px; direction:ltr; text-align:left; white-space:pre; tab-size:2 }