/* ===== Clone Studio ===== */
.clone-studio { width: 100%; max-width: none; min-height: 100%; margin: 0; padding: 30px; }
.clone-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  min-height: 190px;
  padding: 32px 36px;
  overflow: hidden;
  border: 1px solid rgba(145,166,255,.24);
  border-radius: 24px;
  background:
    linear-gradient(120deg, rgba(74, 78, 178, .24), rgba(16,23,47,.86) 48%, rgba(19,90,121,.16)),
    rgba(10,14,29,.82);
  box-shadow: 0 35px 80px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.1);
}
.clone-hero::before { content: ""; position: absolute; z-index:-1; width: 360px; height:360px; top:-190px; right:20%; border-radius:50%; background: conic-gradient(from 90deg, rgba(117,140,255,.34), rgba(167,93,255,.06), rgba(65,217,255,.24), rgba(117,140,255,.34)); filter: blur(12px); animation: clone-orbit 18s linear infinite; }
.clone-hero::after { content:""; position:absolute; z-index:-1; inset:0; opacity:.17; background-image: linear-gradient(rgba(150,170,255,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(150,170,255,.16) 1px, transparent 1px); background-size:36px 36px; mask-image: linear-gradient(90deg,#000,transparent 72%); }
@keyframes clone-orbit { to { transform: rotate(360deg); } }
.eyebrow { display:block; color:#8396dc; font-size:10px; font-weight:800; letter-spacing:.18em; direction:ltr; text-align:right; }
.clone-hero h2 { display:flex; align-items:baseline; justify-content:flex-start; gap:12px; margin:8px 0; font-size:clamp(30px,4vw,48px); line-height:1; direction:rtl; text-align:right; letter-spacing:-.04em; }
.clone-hero h2 b { font:inherit; color:inherit; }
.clone-hero h2 span { color:transparent; background:linear-gradient(90deg,var(--cyan),#b096ff); background-clip:text; text-shadow:0 10px 35px rgba(75,202,255,.15); }
.clone-hero p { max-width:620px; margin:0; color:#a6b0c8; line-height:1.9; }

.mode-switch { display:flex; align-items:center; gap:14px; min-width:255px; margin:0; padding:16px 18px; color:var(--text); border:1px solid rgba(112,228,188,.22); border-radius:16px; background:rgba(11,20,32,.62); box-shadow:0 15px 35px rgba(0,0,0,.23), inset 0 1px rgba(255,255,255,.07); cursor:pointer; backdrop-filter:blur(12px); }
.mode-switch input { position:absolute; opacity:0; pointer-events:none; }
.mode-switch > span:last-child { display:flex; flex-direction:column; gap:3px; }
.mode-switch b { font-size:13px; }
.mode-switch small { color:var(--muted); font-size:10px; }
.switch-track { flex:0 0 auto; position:relative; width:48px; height:27px; border:1px solid rgba(102,226,184,.3); border-radius:99px; background:rgba(65,217,166,.13); box-shadow:inset 0 3px 7px rgba(0,0,0,.35); }
.switch-track i { position:absolute; width:19px; height:19px; top:3px; right:4px; border-radius:50%; background:linear-gradient(145deg,#8ff8d0,#38ca96); box-shadow:0 3px 10px rgba(56,202,150,.46), inset 0 1px #fff; transition:transform .25s, background .25s; }
.mode-switch.is-dry { border-color:rgba(255,201,107,.35); background:rgba(56,39,15,.35); }
.mode-switch.is-dry .switch-track { border-color:rgba(255,201,107,.4); background:rgba(255,201,107,.12); }
.mode-switch.is-dry .switch-track i { transform:translateX(-20px); background:linear-gradient(145deg,#ffe3a6,#f4a83d); box-shadow:0 3px 11px rgba(244,168,61,.45),inset 0 1px #fff; }
.clone-notice { display:flex; align-items:center; gap:12px; margin-top:14px; padding:13px 17px; color:#ffe0a6; border:1px solid rgba(255,201,107,.28); border-radius:14px; background:rgba(75,48,10,.28); box-shadow:inset 0 1px rgba(255,255,255,.04); }
.clone-notice > span { font-size:20px; color:var(--yellow); text-shadow:0 0 15px var(--yellow); }
.clone-notice div { display:flex; flex-direction:column; gap:3px; }
.clone-notice small { color:#bfae8a; }

.clone-flow { display:grid; grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr); align-items:center; gap:18px; margin-top:22px; perspective:1100px; }
.clone-step { min-height:230px; padding:24px; overflow:visible; transform-style:preserve-3d; }
.source-step { box-shadow:var(--shadow-3d), inset 3px 0 0 rgba(65,217,255,.45); }
.target-step { box-shadow:var(--shadow-3d), inset -3px 0 0 rgba(166,101,255,.45); }
.step-head { display:flex; align-items:center; gap:12px; margin-bottom:17px; }
.step-head > span { display:grid; place-items:center; width:43px; height:43px; color:#dfe6ff; font-weight:800; direction:ltr; border:1px solid rgba(144,166,255,.3); border-radius:13px; background:linear-gradient(145deg,rgba(110,132,255,.24),rgba(76,55,176,.13)); box-shadow:0 9px 20px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.12); transform:translateZ(18px); }
.step-head h3 { margin:0 0 3px; font-size:17px; }
.step-head small { color:var(--muted); }
.flow-orb { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:76px; height:76px; margin:auto; border:1px solid rgba(149,170,255,.28); border-radius:24px; background:linear-gradient(145deg,rgba(117,140,255,.25),rgba(92,48,174,.16)); box-shadow:0 18px 30px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.14); transform:rotate(-5deg); }
.flow-orb::before { content:""; position:absolute; inset:-10px; border:1px dashed rgba(136,158,255,.16); border-radius:29px; animation:clone-orbit 16s linear infinite; }
.flow-orb span { font-size:26px; color:#c9d3ff; }
.flow-orb small { margin-top:1px; font-size:7px; letter-spacing:.14em; color:#7f8bad; }

.section-title { display:flex; align-items:flex-end; justify-content:space-between; gap:15px; margin-bottom:19px; }
.section-title h3 { margin:6px 0 0; font-size:19px; }
.clone-options-card,.clone-channels-card { padding:25px; }
.clone-filter-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
.filter-option { position:relative; display:grid; grid-template-columns:32px 1fr 20px; align-items:center; gap:10px; min-height:64px; margin:0; padding:11px 13px; color:#a7b1c9; border:1px solid rgba(135,155,226,.13); border-radius:13px; background:rgba(7,11,23,.36); cursor:pointer; transition:transform .18s,border-color .18s,background .18s,color .18s; }
.filter-option:hover { transform:translateY(-2px); border-color:rgba(132,154,255,.32); }
.filter-option input { position:absolute; opacity:0; pointer-events:none; }
.filter-option i { display:grid;place-items:center;width:32px;height:32px;font-style:normal;font-size:16px;color:#9fabff;border-radius:10px;background:rgba(117,140,255,.09);box-shadow:inset 0 1px rgba(255,255,255,.05); }
.filter-option b { font-size:11.5px; line-height:1.7; }
.filter-check { display:grid;place-items:center;width:19px;height:19px;color:transparent;border:1px solid rgba(139,159,226,.28);border-radius:6px;background:rgba(3,6,14,.5);font-size:11px;transition:.18s; }
.filter-option:has(input:checked) { color:#eef1ff; border-color:rgba(121,145,255,.4); background:linear-gradient(120deg,rgba(117,140,255,.13),rgba(152,85,255,.06)); box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.13); }
.filter-option:has(input:checked) .filter-check { color:white;border-color:transparent;background:linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 4px 10px rgba(111,93,237,.38); }
.danger-option i { color:#ff93aa;background:rgba(255,86,125,.08); }
.danger-option:has(input:checked) { border-color:rgba(255,96,132,.4);background:rgba(104,22,43,.18); }
.danger-option:has(input:checked) .filter-check { background:linear-gradient(145deg,#ff7d9b,#cf3159); }
.danger-hint { margin-top:15px;padding:11px 13px;color:#a9939d;font-size:11px;border:1px solid rgba(255,105,139,.12);border-radius:11px;background:rgba(64,18,31,.12); }
.count-chip { padding:6px 11px;color:#c6d0ff;font-size:11px;border:1px solid rgba(129,151,255,.25);border-radius:99px;background:rgba(117,140,255,.08); }

.clone-channel-list { gap:12px; }
.clone-channel-group { border-color:rgba(131,152,224,.14);border-radius:14px;background:rgba(6,9,20,.4);box-shadow:inset 0 1px rgba(255,255,255,.025); }
.clone-group-title { min-height:52px;padding:11px 14px;border-color:rgba(132,152,222,.1); }
.clone-group-title input { accent-color:var(--accent); }
.clone-group-expand { font-family:inherit; }
.clone-group-arrow { display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(117,140,255,.08); }
.clone-channel-group .pill-list { padding:12px;background:rgba(2,5,13,.25); }
.pill { border-color:rgba(134,154,222,.14);border-radius:10px;background:rgba(16,22,42,.72);transition:border-color .15s,transform .15s; }
.pill:hover { transform:translateY(-1px);border-color:rgba(129,152,255,.34); }
.pill input { accent-color:var(--accent); }

.clone-launch-card { padding:24px; }
.launch-copy { display:flex;align-items:center;gap:14px; }
.launch-copy h3 { margin:0 0 5px; }
.launch-copy p { margin:0;color:var(--muted);font-size:12px; }
.launch-icon { display:grid;place-items:center;width:48px;height:48px;font-size:22px;border:1px solid rgba(139,160,255,.28);border-radius:14px;background:linear-gradient(145deg,rgba(117,140,255,.2),rgba(151,89,255,.1));box-shadow:0 10px 22px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.1); }
.clone-launch { display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:56px;margin-top:20px;font-family:inherit;font-size:14px; }
.clone-launch i { font-style:normal;font-size:20px;transition:transform .2s; }
.clone-launch:hover i { transform:translateX(-5px); }
.clone-launch.dry { background:linear-gradient(145deg,#f3c16c,#c58237);box-shadow:0 11px 24px rgba(190,126,40,.28),inset 0 1px rgba(255,255,255,.45);color:#241708; }
.clone-progress-panel { margin-top:22px;padding:20px;border:1px solid rgba(137,159,240,.14);border-radius:16px;background:rgba(4,7,17,.34); }
.progress-meta,.progress-stats { display:flex;align-items:center;justify-content:space-between;gap:18px; }
.progress-meta { margin-bottom:18px; }
.progress-copy { display:flex;flex:1;flex-direction:column;gap:7px;min-width:0; }
.progress-copy small { color:#7f8dad;font-size:10px; }
.progress-copy b { font-size:15px;line-height:1.8; }
.percent-display {
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:150px;
  min-height:104px;
  padding:12px 18px;
  overflow:hidden;
  border:1px solid rgba(126,153,255,.42);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(71,91,190,.3),rgba(28,20,76,.5));
  box-shadow:0 18px 38px rgba(0,0,0,.32),0 0 35px rgba(105,126,255,.17),inset 0 1px rgba(255,255,255,.16);
  transform:translateZ(24px);
}
.percent-display::before { content:"";position:absolute;z-index:-1;width:100px;height:100px;border-radius:50%;background:rgba(78,217,255,.18);filter:blur(25px);animation:percent-pulse 1.6s ease-in-out infinite alternate; }
.percent-display span { color:#f7f8ff;font-size:clamp(38px,5vw,58px);font-weight:950;line-height:.9;direction:ltr;text-shadow:0 0 12px rgba(255,255,255,.35),0 0 30px rgba(91,214,255,.44);font-variant-numeric:tabular-nums; }
.percent-display small { color:#9aa8d1;font-size:9px;letter-spacing:.03em; }
@keyframes percent-pulse { to { transform:scale(1.24);opacity:.55; } }
.clone-progress-panel .progress { position:relative;height:24px;padding:3px;border-radius:14px;overflow:hidden;box-shadow:inset 0 4px 10px rgba(0,0,0,.52),0 0 22px rgba(106,130,255,.12); }
.clone-progress-panel .progress > div { position:relative;min-width:0;overflow:hidden;border-radius:10px;transition:width .45s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 18px rgba(75,219,255,.72),0 0 34px rgba(115,102,255,.48); }
.clone-progress-panel .progress > div::after { content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 12px,rgba(255,255,255,.2) 12px 21px,transparent 21px 33px);animation:progress-flow .8s linear infinite; }
@keyframes progress-flow { to { transform:translateX(-33px); } }
.progress-stats { justify-content:flex-start;margin-top:10px;color:var(--muted);font-size:11px; }
.progress-stats span { padding:5px 9px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.02); }
.progress-stats b { color:var(--text); }
.clone-progress-panel .logbox { height:32vh;min-height:220px; }
.clone-progress-panel .logline{position:relative;margin:5px 0;padding:8px 10px 8px 42px;border:1px solid rgba(255,255,255,.055);border-radius:9px;color:#9ca7bc;background:rgba(255,255,255,.018);line-height:1.55;transition:.18s ease}.clone-progress-panel .logline:before{content:"•";position:absolute;left:9px;top:8px;display:grid;place-items:center;min-width:22px;height:18px;padding:0 3px;border-radius:5px;color:#7f8ba5;background:rgba(126,142,178,.1);font-size:9px;font-weight:900}.clone-progress-panel .logline.success{color:#aee7c9;border-color:rgba(72,211,145,.18);background:rgba(39,137,91,.075)}.clone-progress-panel .logline.success:before{content:"OK";color:#76e4ad;background:rgba(47,172,111,.14)}.clone-progress-panel .logline.warn{color:#f1cb8b;border-color:rgba(255,185,77,.22);background:rgba(151,94,30,.09)}.clone-progress-panel .logline.warn:before{content:"!";color:#ffc568;background:rgba(210,126,31,.16)}.clone-progress-panel .logline.error{color:#ffb2bc;border-color:rgba(255,76,103,.48);background:linear-gradient(90deg,rgba(151,31,50,.28),rgba(92,18,35,.12));box-shadow:inset 3px 0 #ff4c68,0 7px 20px rgba(117,22,39,.12)}.clone-progress-panel .logline.error:before{content:"ERR";color:#fff;background:#d93652;box-shadow:0 0 12px rgba(255,63,92,.28)}#clone-log:has(.logline.error){border-color:rgba(255,71,99,.4);box-shadow:inset 0 4px 18px rgba(0,0,0,.4),0 0 24px rgba(170,34,56,.1)}#clone-failed.has-errors{color:#ff637b;text-shadow:0 0 12px rgba(255,70,100,.3)}
.clone-actions {
  position:sticky;
  bottom:12px;
  z-index:12;
  display:grid;
  grid-template-columns:minmax(150px,1fr) minmax(180px,1.2fr);
  gap:12px;
  margin-bottom:0;
  padding:12px;
  border:1px solid rgba(143,164,240,.25);
  border-radius:16px;
  background:rgba(8,12,25,.9);
  box-shadow:0 18px 45px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
}
.clone-actions .btn { min-height:52px;font-family:inherit;font-size:13px;font-weight:800; }
.clone-actions .btn span { margin-left:7px;font-size:17px; }
.pause-clone { color:#dbe3ff;border-color:rgba(126,151,255,.38);background:linear-gradient(145deg,rgba(75,93,169,.45),rgba(26,34,68,.85)); }
.resume-clone { color:#07251b;border-color:rgba(82,232,174,.55);background:linear-gradient(145deg,#73f0c0,#37c991);box-shadow:0 10px 24px rgba(55,201,145,.3),inset 0 1px rgba(255,255,255,.45); }
.cancel-clone { color:#ffb4c4!important;border-color:rgba(255,91,130,.55)!important;background:linear-gradient(145deg,rgba(115,25,51,.62),rgba(52,16,30,.88))!important; }
.status-ok { color:var(--green); }
.status-warn { color:var(--yellow); }
.status-error { color:var(--red); }

/* Full-screen success fireworks. */
.clone-celebration {
  position:fixed;
  inset:0;
  z-index:999;
  display:grid;
  place-items:center;
  overflow:hidden;
  pointer-events:none;
  background:radial-gradient(circle at center,rgba(19,26,59,.26),rgba(2,4,12,.76));
  opacity:1;
  animation:celebration-in .35s ease-out;
  transition:opacity .42s ease;
}
.clone-celebration.leaving { opacity:0; }
.clone-celebration canvas { position:absolute;inset:0;width:100%;height:100%; }
.celebration-message {
  position:relative;
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:8px;
  min-width:min(440px,88vw);
  padding:28px 34px;
  border:1px solid rgba(143,174,255,.52);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(28,39,76,.9),rgba(11,15,33,.92));
  box-shadow:0 35px 90px rgba(0,0,0,.58),0 0 70px rgba(99,113,255,.27),inset 0 1px rgba(255,255,255,.19);
  backdrop-filter:blur(18px);
  animation:celebration-card .65s cubic-bezier(.16,1,.3,1);
}
.celebration-message > span { display:grid;place-items:center;width:66px;height:66px;margin-bottom:4px;color:#081b15;font-size:34px;font-weight:950;border-radius:50%;background:linear-gradient(145deg,#81ffd1,#39dba2);box-shadow:0 0 30px rgba(73,230,173,.62),inset 0 2px rgba(255,255,255,.62); }
.celebration-message strong { font-size:clamp(21px,4vw,34px);text-align:center; }
.celebration-message small { color:#aab5d0;font-size:12px;text-align:center; }
@keyframes celebration-in { from { opacity:0; } }
@keyframes celebration-card { from { opacity:0;transform:translateY(28px) scale(.82) rotateX(12deg); } to { opacity:1;transform:none; } }

@media (max-width:1100px) {
  .clone-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:768px) {
  .app { grid-template-columns:1fr; }
  .sidebar {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:auto;
    z-index:50;
    width:264px;
    border-left:0;
    transform:translateX(100%);
  }
  .sidebar.open { transform:translateX(0); }
  .view { padding:17px; }
  .clone-hero { align-items:flex-start;flex-direction:column;padding:25px; }
  .mode-switch { width:100%;min-width:0; }
  .clone-flow { grid-template-columns:1fr; }
  .flow-orb { width:58px;height:58px;transform:rotate(90deg); }
  .clone-filter-grid { grid-template-columns:1fr; }
  .section-title { align-items:flex-start;flex-direction:column; }
  .clone-options-card,.clone-channels-card,.clone-launch-card { padding:18px; }
  .progress-meta { align-items:stretch;flex-direction:column-reverse; }
  .percent-display { width:100%;min-height:115px; }
  .percent-display span { font-size:54px; }
  .clone-actions { grid-template-columns:1fr;bottom:8px; }
}
@media (max-width:420px) {
  .clone-hero { padding:21px; }
  .clone-hero h2 { font-size:30px; }
  .mode-switch { padding:13px; }
  .clone-step { min-height:0;padding:18px; }
  .filter-option { grid-template-columns:30px 1fr 20px; }
  .clone-launch-card .launch-copy { align-items:flex-start; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
}

/* Native controls need explicit dark colors in Safari/Android WebView too. */
select,
select option,
select optgroup {
  color: #f4f6ff;
  background-color: #0b1020;
  color-scheme: dark;
}
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  display: inline-grid;
  place-content: center;
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  min-height: 17px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(151, 170, 244, .42);
  border-radius: 5px;
  background: #080d1b;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .38);
  color-scheme: dark;
}
input[type="checkbox"]::after {
  content: "✓";
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  transform: scale(0);
  transition: transform .12s ease;
}
input[type="checkbox"]:checked {
  border-color: transparent;
  background: linear-gradient(145deg, var(--accent), var(--accent-2));
  box-shadow: 0 4px 10px rgba(101, 89, 235, .35), inset 0 1px rgba(255, 255, 255, .35);
}
input[type="checkbox"]:checked::after { transform: scale(1); }
input[type="checkbox"]:indeterminate::after { content: "−"; transform: scale(1); }
.clone-channel-group,
.clone-channel-group .pill-list,
.clone-channel-group .pill {
  color: #eef2ff;
  background-color: #080d1b;
  color-scheme: dark;
}
.clone-channel-group .pill-list { background: #070b17 !important; }
.clone-channel-group .pill { background: #11182d !important; }
.clone-channel-group .pill span { color: #d8def0; }
.clone-hero .eyebrow,
.clone-studio .section-title .eyebrow {
  direction: rtl;
  letter-spacing: 0;
  font-size: 11px;
}

/* Clone is a workspace, not a centered card: give it the whole main screen. */
body.clone-route .topbar { display: none; }
body.clone-route .main {
  position: relative;
  background:
    radial-gradient(850px 620px at 78% -8%, rgba(101, 105, 255, .12), transparent 68%),
    linear-gradient(145deg, #070a16, #050711 66%);
}
body.clone-route .view {
  width: 100%;
  height: 100%;
  padding: 0;
  overflow-y: auto;
  scrollbar-gutter: auto;
}
body.clone-route .clone-studio {
  width: 100%;
  min-width: 0;
  min-height: 100vh;
  padding: 28px 30px 50px;
}
body.clone-route .clone-hero,
body.clone-route .clone-flow,
body.clone-route .clone-options-card,
body.clone-route .clone-cleanup-card,
body.clone-route .clone-channels-card,
body.clone-route .clone-launch-card {
  width: 100%;
  max-width: none;
}

/* ===== Selective destination cleanup ===== */
.clone-cleanup-card {
  position: relative; overflow: hidden; padding: 24px;
  border-color: rgba(255, 174, 91, .22);
  background: linear-gradient(145deg, rgba(39, 26, 26, .9), rgba(12, 16, 29, .96));
  box-shadow: inset 0 1px rgba(255,255,255,.04), 0 18px 50px rgba(0,0,0,.25);
}
.clone-cleanup-card::after { content:""; position:absolute; width:240px; height:240px; border-radius:50%; left:-110px; top:-130px; background:rgba(255,151,84,.08); filter:blur(4px); pointer-events:none; }
.cleanup-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; position:relative; z-index:1; }
.cleanup-head h3 { font-size:20px; margin:5px 0 7px; }
.cleanup-head p { margin:0; color:#aeb6cb; max-width:680px; line-height:1.9; }
.count-chip.safe { color:#69e6b2; border-color:rgba(74,222,160,.25); background:rgba(29,122,87,.13); }
.cleanup-list { position:relative; z-index:1; }
.cleanup-group { border-color:rgba(255,255,255,.09); }
.cleanup-group .clone-group-title { gap:10px; flex-wrap:wrap; padding:10px 12px; background:linear-gradient(135deg,#10182a,#0b1120); }
.cleanup-group .clone-group-expand { min-width:190px; }
.cleanup-group .clone-group-expand strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cleanup-group .clone-group-title .muted { margin-inline-start:0; white-space:nowrap; }
.cleanup-category-delete { display:flex; align-items:center; gap:7px; margin:0;margin-inline-start:auto; padding:7px 10px; border:1px solid rgba(255,123,84,.28); border-radius:9px; color:#ffad94; background:rgba(135,48,38,.12); cursor:pointer; white-space:nowrap; transition:.18s ease; }
.cleanup-category-delete:hover { border-color:rgba(255,123,84,.62); color:#ffd5c8; background:rgba(155,53,41,.2); }
.cleanup-category-delete input { width:auto; accent-color:#ff6f55; }
.cleanup-category-delete:has(input:checked) { color:#fff; border-color:#ff7157; background:linear-gradient(135deg,#a33835,#d64f3b); box-shadow:0 7px 18px rgba(185,57,43,.24); }
.cleanup-category-delete:has(input:indeterminate) { color:#ffc3af; border-color:rgba(255,143,105,.5); background:rgba(153,67,48,.2); }
.cleanup-group-empty { grid-column:1/-1; padding:14px; text-align:center; color:#707c96; border:1px dashed #28334d; border-radius:10px; }
.cleanup-group-items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:12px; background:#070b17; }
.cleanup-channel { display:grid; grid-template-columns:18px 24px minmax(0,1fr) auto; align-items:center; gap:8px; margin:0; padding:10px; color:#dce3f6; border:1px solid #202943; border-radius:10px; background:#10172a; cursor:pointer; transition:.18s ease; }
.cleanup-channel:hover { transform:translateY(-1px); border-color:#6574bd; background:#141e36; }
.cleanup-channel:has(input:checked) { color:#ffd6bd; border-color:rgba(255,123,84,.55); background:linear-gradient(135deg,rgba(126,48,41,.3),#15172a); box-shadow:inset 3px 0 #ff7b54; }
.cleanup-channel small { color:#717d99; font-size:10px; }
.cleanup-channel-icon { color:#8da1de; text-align:center; }
.cleanup-safety { display:grid; grid-template-columns:32px auto 1fr; gap:8px 12px; align-items:center; margin-top:14px; padding:12px 14px; border:1px solid rgba(77,220,159,.18); border-radius:12px; background:rgba(39,146,102,.07); }
.cleanup-safety > span { grid-row:1/3; font-size:24px; }.cleanup-safety b { color:#6ee7b7; }.cleanup-safety small { color:#94a3b8; }
.destination-capacity { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:11px 13px;border:1px solid rgba(255,180,84,.3);border-radius:11px;color:#ffca83;background:rgba(160,91,28,.11); }.destination-capacity span{color:#b6a48e;font-size:12px;}

/* ===== Discord command center ===== */
body.guild-manager-route .topbar { display:none; }
body.guild-manager-route .main { background:radial-gradient(1000px 680px at 72% -15%,rgba(111,76,255,.18),transparent 65%),linear-gradient(155deg,#070914,#060810 72%); }
body.guild-manager-route .view { width:100%; height:100%; padding:0; overflow-y:auto; scrollbar-gutter:auto; }
.guild-command-center { min-height:100vh; padding:26px 30px 48px; color:#edf1ff; }
.gm-hero { position:relative; isolation:isolate; display:grid; grid-template-columns:1fr minmax(300px,390px); gap:34px; align-items:center; min-height:265px; padding:34px 38px; overflow:hidden; border:1px solid rgba(144,126,255,.22); border-radius:28px; background:linear-gradient(135deg,rgba(30,26,72,.94),rgba(10,15,32,.94) 56%,rgba(8,25,37,.94)); box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08); }
.gm-hero::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(90deg,#000,transparent 72%); }
.gm-hero-copy { position:relative; z-index:2; max-width:760px; }
.gm-live { display:inline-flex; align-items:center; gap:9px; direction:ltr; color:#9ea9ff; font-size:11px; letter-spacing:2px; font-weight:800; }
.gm-live i { width:8px;height:8px;border-radius:50%;background:#4ff0b7;box-shadow:0 0 15px #4ff0b7;animation:gmPulse 1.8s infinite; }
.gm-hero h2 { margin:13px 0 9px; font-size:clamp(30px,4vw,52px); line-height:1.25; letter-spacing:-1.5px; }
.gm-hero h2 b { color:transparent; background:linear-gradient(95deg,#9b8cff,#65d9ff,#6ef0bc); background-clip:text; -webkit-background-clip:text; }
.gm-hero p { margin:0; max-width:700px; color:#aab4cf; font-size:15px; line-height:2; }
.gm-server-picker { position:relative; z-index:3; padding:20px; border:1px solid rgba(255,255,255,.1); border-radius:20px; background:rgba(7,11,25,.73); backdrop-filter:blur(18px); box-shadow:0 20px 50px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.07); }
.gm-server-picker label { margin-top:0; }.gm-server-picker select { margin-bottom:11px; min-height:44px; }.gm-sync { width:100%; color:#b8c5ff; }
.gm-orbit { position:absolute; z-index:0; border:1px solid rgba(119,111,255,.23); border-radius:50%; pointer-events:none; }.gm-orbit::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#68e0ff;box-shadow:0 0 18px #68e0ff;top:17%;left:8%;}
.gm-orbit.one { width:390px;height:390px;left:-110px;bottom:-285px;transform:rotate(-16deg); }.gm-orbit.two{width:210px;height:210px;left:31%;top:-165px;}
.gm-overview { display:grid; grid-template-columns:1.5fr repeat(3,1fr) 1.25fr; gap:12px; margin-top:16px; }
.gm-stat,.gm-server-identity,.gm-power { min-height:92px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:15px; border:1px solid #1e2740; border-radius:17px; background:linear-gradient(145deg,#11172a,#0b1020); box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 30px rgba(0,0,0,.2); }
.gm-stat span,.gm-server-identity small,.gm-power span { color:#77829c; font-size:11px; }.gm-stat b { margin-top:5px; font-size:26px; }.gm-server-identity { flex-direction:row;justify-content:flex-start;gap:12px; }.gm-server-identity img,.gm-server-identity>span { width:50px;height:50px;border-radius:15px;object-fit:cover;display:grid;place-items:center;background:#5865f2;font-weight:900; }.gm-server-identity div { display:flex;flex-direction:column;gap:5px; }.gm-server-identity b { max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.gm-power { flex-direction:row; gap:12px; }.gm-power i { width:12px;height:12px;border-radius:50%; }.gm-power.ready i { background:#4ee6a8;box-shadow:0 0 15px #4ee6a8; }.gm-power.limited i { background:#ffb454;box-shadow:0 0 15px #ffb454; }.gm-power div { display:flex;flex-direction:column;gap:5px; }
.gm-overview.loading { opacity:.55;filter:saturate(.5); }
.gm-simple-tabs{position:sticky;top:10px;z-index:12;display:grid;grid-template-columns:repeat(7,minmax(108px,1fr));gap:6px;width:100%;margin:16px auto 0;padding:6px;border:1px solid #252e47;border-radius:14px;background:rgba(8,12,24,.92);backdrop-filter:blur(16px);box-shadow:0 12px 34px rgba(0,0,0,.26);overflow-x:auto}.gm-simple-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;border:0;border-radius:10px;padding:10px 8px;background:transparent;color:#8995ad;cursor:pointer;font:inherit;text-align:right}.gm-simple-tabs button>i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #303a55;border-radius:9px;background:#10172a;font-style:normal}.gm-simple-tabs button span,.gm-simple-tabs button b,.gm-simple-tabs button small{display:block;min-width:0}.gm-simple-tabs button b{font-size:11px;white-space:nowrap}.gm-simple-tabs button small{margin-top:2px;color:#65718a;font-size:8px;white-space:nowrap}.gm-simple-tabs button.active{color:#fff;background:linear-gradient(135deg,#6656da,#7669ef);box-shadow:0 7px 18px rgba(83,66,196,.3)}.gm-simple-tabs button.active>i{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.12)}.gm-simple-tabs button.active small{color:#d5d1ff}
.gm-section-hub{margin-top:12px;padding:22px;border:1px solid #202943;border-radius:21px;background:radial-gradient(620px 280px at 100% -25%,rgba(104,84,226,.18),transparent 68%),linear-gradient(145deg,rgba(17,23,42,.97),rgba(9,13,27,.99));box-shadow:0 20px 50px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.04)}.gm-hub-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.gm-hub-head small{color:#8a7fff;font-size:10px;font-weight:800}.gm-hub-head h3{margin:5px 0;font-size:21px}.gm-hub-head p{margin:0;color:#828da7;line-height:1.7}.gm-hub-head>span{padding:7px 11px;border:1px solid rgba(126,111,241,.3);border-radius:99px;color:#b8afff;background:rgba(99,77,211,.12);font-size:10px;white-space:nowrap}.gm-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gm-hub-grid>button{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;gap:11px;align-items:center;min-height:86px;padding:13px;border:1px solid #252f49;border-radius:15px;color:#dce4f5;background:linear-gradient(145deg,#10182b,#0a1020);cursor:pointer;font:inherit;text-align:right;transition:transform .18s,border-color .18s,background .18s}.gm-hub-grid>button:hover{transform:translateY(-2px);border-color:#526799;background:linear-gradient(145deg,#15203a,#0d1528)}.gm-hub-grid>button>i{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#fff;font-size:18px;font-style:normal;box-shadow:inset 0 1px rgba(255,255,255,.2),0 8px 20px rgba(0,0,0,.22)}.gm-hub-grid>button>i.violet{background:linear-gradient(145deg,#784dff,#b76fff)}.gm-hub-grid>button>i.cyan{background:linear-gradient(145deg,#1583ba,#48d8e8)}.gm-hub-grid>button>i.subscription{background:linear-gradient(145deg,#b983ff,#6b7cff)}.gm-hub-grid>button>i.access{background:linear-gradient(145deg,#6159d8,#38bad6)}.gm-hub-grid>button>i.red{background:linear-gradient(145deg,#d4485d,#ff7c69)}.gm-hub-grid>button>i.guide{background:linear-gradient(145deg,#278c83,#59d5b4)}.gm-hub-grid b,.gm-hub-grid small{display:block}.gm-hub-grid b{font-size:13px}.gm-hub-grid small{margin-top:5px;color:#75819a;font-size:10px;line-height:1.6}.gm-hub-grid em{color:#667490;font-size:18px;font-style:normal}.gm-single-pane{margin-top:12px}.gm-single-pane[data-gm-pane="roles"]{max-width:900px;margin-inline:auto}.gm-single-pane .gm-panel{width:100%}
.gm-guide-pane{margin-top:12px}.gm-guide-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:24px;align-items:center;overflow:hidden;padding:25px 27px;border:1px solid rgba(103,220,255,.22);border-radius:21px;background:radial-gradient(520px 220px at 5% -20%,rgba(90,117,255,.24),transparent 70%),linear-gradient(135deg,#121a35,#0a1223 60%,#091b25);box-shadow:0 20px 50px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.07)}.gm-guide-hero:after{content:"?";position:absolute;left:24px;bottom:-56px;color:rgba(112,225,255,.06);font-size:190px;font-weight:900;line-height:1;pointer-events:none}.gm-guide-kicker{color:#74dff0;font-size:10px;font-weight:800;letter-spacing:1.4px}.gm-guide-hero h3{margin:7px 0 5px;font-size:22px}.gm-guide-hero p{margin:0;color:#8e9ab3;line-height:1.8}.gm-guide-search{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin:0;padding:6px 12px;border:1px solid #2c3958;border-radius:13px;background:rgba(6,11,24,.76);box-shadow:inset 0 1px rgba(255,255,255,.04)}.gm-guide-search:focus-within{border-color:#6b83dc;box-shadow:0 0 0 3px rgba(95,116,215,.11)}.gm-guide-search span{color:#72dced;font-size:24px}.gm-guide-search input{min-width:0;margin:0;padding:10px 2px;border:0!important;background:transparent!important;box-shadow:none!important}.gm-guide-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:11px 0}.gm-guide-quick button{display:grid;grid-template-columns:35px 1fr;column-gap:9px;align-items:center;text-align:right;padding:12px;border:1px solid #202c47;border-radius:14px;color:#dce5f8;background:linear-gradient(145deg,#11192c,#0a1020);cursor:pointer;transition:transform .18s,border-color .18s,background .18s;box-shadow:0 10px 24px rgba(0,0,0,.14)}.gm-guide-quick button:hover{transform:translateY(-2px);border-color:#526799;background:linear-gradient(145deg,#15203a,#0d1528)}.gm-guide-quick b{grid-row:1/3;display:grid;place-items:center;width:35px;height:35px;border:1px solid #4a5d91;border-radius:11px;color:#8ce2f4;background:#141f39}.gm-guide-quick span{font-weight:800}.gm-guide-quick small{margin-top:3px;color:#74819c}.gm-guide-topics{display:grid;gap:8px}.gm-guide-topic{overflow:hidden;border:1px solid #202a43;border-radius:15px;background:linear-gradient(145deg,#0e1527,#090f1d);box-shadow:0 9px 26px rgba(0,0,0,.13)}.gm-guide-topic.hidden{display:none}.gm-guide-topic summary{display:grid;grid-template-columns:42px minmax(0,1fr) 25px;gap:11px;align-items:center;padding:14px 16px;list-style:none;cursor:pointer;user-select:none}.gm-guide-topic summary::-webkit-details-marker{display:none}.gm-guide-topic summary:hover{background:rgba(107,129,205,.06)}.gm-guide-topic-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #324268;border-radius:13px;color:#8fe3f2;background:linear-gradient(145deg,#172544,#10182d);font-size:18px;box-shadow:inset 0 1px rgba(255,255,255,.07),0 8px 18px rgba(0,0,0,.2)}.gm-guide-topic summary b,.gm-guide-topic summary small{display:block}.gm-guide-topic summary small{margin-top:4px;color:#73809a}.gm-guide-topic summary i{display:grid;place-items:center;color:#7181a3;font-size:20px;font-style:normal;transition:transform .2s}.gm-guide-topic[open] summary i{transform:rotate(45deg);color:#81ddee}.gm-guide-topic[open] summary{border-bottom:1px solid #202a43;background:rgba(83,109,188,.055)}.gm-guide-body{padding:15px 69px 18px 18px;color:#aab5cb;line-height:1.95}.gm-guide-body p{margin:0 0 10px}.gm-guide-body p:last-child{margin-bottom:0}.gm-guide-body strong{color:#e8edfa}.gm-guide-body ol,.gm-guide-body ul{margin:0 0 12px;padding-right:20px}.gm-guide-body li{margin:4px 0}.gm-guide-warning,.gm-guide-tip{margin:11px 0;padding:10px 12px;border-radius:10px}.gm-guide-warning{border:1px solid rgba(255,176,81,.25);color:#e8c08d;background:rgba(157,91,30,.11)}.gm-guide-tip{border:1px solid rgba(77,220,164,.22);color:#8de4bd;background:rgba(36,137,99,.1)}.gm-guide-map{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gm-guide-map span{padding:10px;border:1px solid #252f49;border-radius:10px;color:#8290aa;background:#0a1020}.gm-guide-map b{display:block;margin-bottom:2px;color:#dbe4f6}.gm-guide-commands{display:grid;grid-template-columns:minmax(150px,.55fr) 1fr;gap:6px 10px;align-items:center;margin:10px 0 13px}.gm-guide-commands code{direction:ltr;text-align:left;padding:7px 9px;border:1px solid #303b5a;border-radius:8px;color:#bfcdf1;background:#070d1a}.gm-guide-commands span{color:#8390a9}.gm-guide-jump{margin-top:2px;color:#bfc9ff;border-color:#3e4a74;background:rgba(88,103,180,.12)}.gm-guide-empty{display:grid;place-items:center;min-height:190px;margin-top:8px;border:1px dashed #2b3857;border-radius:15px;color:#8e9ab3;background:#0a1020}.gm-guide-empty span{font-size:36px;color:#6e83bb}.gm-guide-empty b{margin-top:-25px;color:#dce5f7}.gm-guide-empty small{margin-top:-24px;color:#74819a}
.gm-grid { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px; }
.gm-panel { position:relative;overflow:hidden;padding:22px;border:1px solid #202943;border-radius:21px;background:linear-gradient(145deg,rgba(17,23,42,.96),rgba(9,13,27,.98));box-shadow:0 20px 50px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.04); }
.gm-panel-head { display:flex;align-items:center;gap:12px;margin-bottom:18px; }.gm-panel-head small { direction:ltr;display:block;color:#697697;font-size:9px;letter-spacing:2px;font-weight:800; }.gm-panel-head h3 { margin:4px 0 0;font-size:18px; }.gm-panel-icon { display:grid;place-items:center;width:45px;height:45px;border-radius:14px;font-size:20px;box-shadow:inset 0 1px rgba(255,255,255,.18),0 10px 25px rgba(0,0,0,.25); }.gm-panel-icon.violet{background:linear-gradient(145deg,#784dff,#b76fff)}.gm-panel-icon.cyan{background:linear-gradient(145deg,#1583ba,#48d8e8)}.gm-panel-icon.green{background:linear-gradient(145deg,#16885f,#50daa6)}
.gm-panel-icon.red{background:linear-gradient(145deg,#d4485d,#ff7c69)}.gm-mod-commands{grid-column:1/-1}.gm-mod-commands>p{margin:-6px 0 13px;color:#8e99b0}.gm-command-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.gm-command-list code{direction:ltr;padding:8px 11px;border:1px solid #323b58;border-radius:9px;color:#c8d1e8;background:#090f1d}.gm-mod-commands>small{color:#78849d}.gm-mod-commands>small b{color:#b8c4dc}
.gm-template-row { display:grid;grid-template-columns:repeat(3,1fr);gap:8px; }.gm-template { border:1px solid #27314e;background:#0c1222;color:#76829f;padding:9px;border-radius:10px;font-size:11px;letter-spacing:1px;cursor:pointer; }.gm-template.active { color:#fff;border-color:#806cff;background:rgba(111,79,255,.18);box-shadow:0 0 20px rgba(111,79,255,.12); }
.gm-color-field { flex:0 0 90px!important;min-width:90px!important; }.gm-color-field input { height:39px;padding:4px;cursor:pointer; }
.gm-permissions { display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:14px 0; }.gm-permissions label,.gm-mini-options label { display:flex;align-items:center;gap:8px;margin:0;padding:8px 9px;border:1px solid #202a44;border-radius:9px;background:#0b1121;color:#aab4cc;cursor:pointer; }.gm-permissions label:has(input:checked){border-color:rgba(132,109,255,.5);color:#ddd7ff;background:rgba(100,69,225,.11)}
.gm-mini-options { display:flex;gap:8px;margin-bottom:15px; }.gm-mini-options label { flex:1; }.gm-wide { width:100%;display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px; }
.gm-member-search { display:grid;grid-template-columns:1fr auto;gap:8px;margin:10px 0; }.gm-members { display:flex;flex-direction:column;gap:7px;max-height:395px;overflow:auto;padding-left:3px; }.gm-member { display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border:1px solid #1f2942;border-radius:12px;background:#0b1120; }.gm-member img { width:42px;height:42px;object-fit:cover;border-radius:12px;background:#252e46; }.gm-member div{min-width:0}.gm-member b,.gm-member small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-member small{color:#727e99;font-size:10px;margin-top:4px;direction:ltr;text-align:right}.gm-empty{display:grid;place-items:center;min-height:100px;color:#74809a;border:1px dashed #29334e;border-radius:12px}
.gm-role-all-channels{display:flex;align-items:center;gap:11px;margin:11px 0 5px;padding:11px 12px;border:1px solid rgba(255,255,255,.11);border-radius:13px;color:#d8d9de;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012)),rgba(0,0,0,.48);box-shadow:inset 0 1px rgba(255,255,255,.09);cursor:pointer}.gm-role-all-channels:has(input:checked){border-color:rgba(255,255,255,.22);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),rgba(0,0,0,.52)}.gm-role-all-channels input{width:auto;accent-color:#f2f2f4}.gm-role-all-channels b,.gm-role-all-channels small{display:block}.gm-role-all-channels small{margin-top:4px;color:#858a94;line-height:1.55}.gm-member-list-head{display:flex;align-items:center;justify-content:space-between;margin:12px 2px 7px}.gm-member-list-head b{font-size:12px;color:#e4e6eb}.gm-member-list-head span{padding:4px 8px;border:1px solid rgba(255,255,255,.1);border-radius:99px;color:#9da2ac;background:rgba(255,255,255,.035);font-size:10px}.gm-member-role-action{min-width:112px;white-space:nowrap}
.gm-shield-panel { border-color:rgba(67,208,158,.2); }.gm-shield-head { align-items:flex-start; }.gm-shield-head p{margin:5px 0 0;color:#8e99b2;line-height:1.8}.gm-selection-count{margin-right:auto;align-self:center;padding:8px 13px;border:1px solid rgba(80,218,168,.25);border-radius:99px;color:#64e1b3;background:rgba(38,142,104,.1);white-space:nowrap}.gm-shield-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:13px}.gm-shield-controls>div:first-child{min-width:280px}.gm-shield-buttons{display:flex;gap:8px}.gm-channel-vault{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:10px;max-height:480px;overflow:auto;padding:3px}.gm-channel-zone{overflow:hidden;border:1px solid #1d2940;border-radius:13px;background:#090e1c;box-shadow:0 9px 22px rgba(0,0,0,.14)}.gm-channel-zone-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;background:linear-gradient(145deg,#111a2d,#0d1425);border-bottom:1px solid #202a42}.gm-channel-zone-expand{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-width:0;padding:2px;border:0;color:#e2e8f6;background:transparent;cursor:pointer;font:inherit;text-align:right}.gm-channel-zone-expand i{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:8px;color:#73dcb3;background:rgba(56,188,139,.1);font-style:normal}.gm-channel-zone-expand b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gm-channel-zone-expand small{margin-right:auto;color:#67738d;white-space:nowrap}.gm-category-access{display:flex;align-items:center;gap:6px;margin:0;padding:7px 8px;border:1px solid #29354f;border-radius:8px;color:#9ca9c0;background:#0b1221;cursor:pointer;font-size:10px}.gm-category-access:has(input:checked){color:#a9f0d3;border-color:rgba(68,208,154,.32);background:rgba(39,143,104,.11)}.gm-category-access input{width:auto;accent-color:#49d4a0}.gm-delete-category{padding:7px 9px;border:1px solid rgba(255,106,91,.32);border-radius:8px;color:#ffad9e;background:rgba(144,48,43,.13);cursor:pointer;font:inherit;font-size:10px;white-space:nowrap}.gm-delete-category:hover{color:#fff;border-color:#ed6859;background:rgba(184,57,49,.27)}.gm-delete-category:disabled{opacity:.55;cursor:wait}.gm-channel-zone-items{background:#080d19}.gm-channel-zone-empty{display:block;padding:14px;text-align:center;color:#68758f}.gm-channel{display:grid;grid-template-columns:18px 34px minmax(0,1fr);gap:7px;align-items:center;margin:0;padding:9px 11px;color:#aeb8cf;border-bottom:1px solid rgba(34,44,70,.55);cursor:pointer}.gm-channel:last-child{border-bottom:0}.gm-channel:hover{background:#10182a}.gm-channel:has(input:checked){color:#dffaf0;background:rgba(42,151,111,.1)}.gm-channel i{font-style:normal;color:#7084b5;direction:ltr}.gm-shield-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px;padding:15px;border:1px solid rgba(77,219,166,.16);border-radius:14px;background:linear-gradient(90deg,rgba(30,126,91,.1),rgba(10,16,30,.25))}.gm-shield-action>div:first-child{display:flex;flex-direction:column;gap:5px}.gm-shield-action small{color:#8290a9}.gm-shield-action>div:last-child{display:flex;gap:9px;white-space:nowrap}.gm-task{margin-top:14px;padding:15px;border:1px solid #26324d;border-radius:14px;background:#080d19}.gm-task-meta{display:flex;justify-content:space-between;margin-bottom:9px}.gm-task-percent{color:#6ee7b7;font-size:20px}.gm-task-log{height:105px;overflow:auto;margin:10px 0;padding:9px;border-radius:9px;background:#050812;color:#8895ae;font:11px ui-monospace,monospace;direction:ltr;text-align:left}.gm-task .progress>div{background:linear-gradient(90deg,#24bd81,#68e9c1)}
.gm-community-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.gm-policy-box,.gm-gate-box{padding:14px;border:1px solid #22304a;border-radius:14px;background:#0a1020}.gm-policy-switches{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:11px}.gm-policy-switches label,.gm-general-chat{display:flex;align-items:center;gap:8px;margin:0;padding:9px;border:1px solid #26314b;border-radius:9px;color:#aeb9ce;background:#0e1628;cursor:pointer}.gm-policy-switches label:has(input:checked),.gm-general-chat:has(input:checked){color:#dbfff1;border-color:rgba(69,207,154,.35);background:rgba(37,139,101,.1)}.gm-gate-box>label:not(.gm-general-chat){margin-top:0}.gm-general-chat{margin:10px 0}

/* Access shield visual refresh */
.gm-shield-panel{isolation:isolate;overflow:hidden;border:1px solid rgba(130,114,255,.28);background:radial-gradient(720px 380px at 92% -18%,rgba(103,76,255,.2),transparent 66%),radial-gradient(600px 350px at -8% 45%,rgba(42,190,238,.11),transparent 70%),linear-gradient(155deg,#11172d 0%,#090f20 54%,#080d19 100%);box-shadow:0 26px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.075)}
.gm-shield-panel>*:not(.gm-shield-glow){position:relative;z-index:1}.gm-shield-glow{position:absolute;z-index:0;border-radius:50%;filter:blur(2px);pointer-events:none}.gm-shield-glow.one{width:260px;height:260px;left:-170px;top:35%;background:rgba(52,210,255,.07);box-shadow:0 0 90px rgba(52,210,255,.12)}.gm-shield-glow.two{width:220px;height:220px;right:-150px;bottom:-100px;background:rgba(137,91,255,.09);box-shadow:0 0 100px rgba(137,91,255,.13)}
.gm-panel-icon.access{position:relative;color:#fff;background:linear-gradient(145deg,#8f70ff,#5b7dff 48%,#42ccec);box-shadow:inset 0 1px rgba(255,255,255,.32),inset 0 -8px 18px rgba(47,37,132,.24),0 13px 30px rgba(88,79,233,.34)}.gm-panel-icon.access:after{content:"";position:absolute;inset:-6px;border:1px solid rgba(118,115,255,.22);border-radius:18px}
.gm-shield-head{padding:4px 2px 2px}.gm-shield-head h3{font-size:22px}.gm-shield-head p{max-width:690px;color:#98a7c3}.gm-shield-head small{color:#8f87ff;letter-spacing:2.4px}.gm-selection-count{min-width:92px;margin-right:auto;padding:10px 15px;text-align:center;color:#dcd8ff;border:1px solid rgba(137,121,255,.35);background:linear-gradient(145deg,rgba(102,82,220,.22),rgba(55,188,232,.1));box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 25px rgba(42,35,116,.21)}
.gm-shield-controls{padding:13px 14px;border:1px solid rgba(122,137,205,.18);border-radius:16px;background:linear-gradient(145deg,rgba(19,27,51,.86),rgba(9,15,31,.88));box-shadow:inset 0 1px rgba(255,255,255,.05),0 13px 32px rgba(0,0,0,.18)}.gm-role-console label{margin-top:0;color:#96a5c2}.gm-role-console select{min-height:44px;margin:0;border-color:#354267;background-color:#0a1122}.gm-vault-search{display:flex;align-items:center;flex:1;max-width:380px;margin:0;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(0,0,0,.35)}.gm-vault-search span{color:#9aa3b1;font-size:18px}.gm-vault-search input{margin:0;border:0;background:transparent;box-shadow:none}.gm-vault-search input:focus{border:0;box-shadow:none}.gm-shield-buttons .btn{min-height:39px;border-color:#3d4870;color:#bfc9ee;background:#121a31}.gm-shield-buttons .btn:first-child{color:#fff;border-color:#7167d8;background:linear-gradient(135deg,#6358d4,#546fe0);box-shadow:0 8px 20px rgba(78,72,195,.24)}
.gm-community-tools{gap:12px;margin:12px 0}.gm-policy-box,.gm-gate-box{position:relative;overflow:hidden;padding:16px;border-radius:17px;box-shadow:inset 0 1px rgba(255,255,255,.055),0 13px 30px rgba(0,0,0,.16)}.gm-policy-box{border-color:rgba(146,112,255,.24);background:radial-gradient(300px 150px at 100% 0,rgba(125,83,255,.12),transparent 72%),linear-gradient(145deg,#12182e,#0b1121)}.gm-gate-box{border-color:rgba(68,196,235,.23);background:radial-gradient(300px 150px at 100% 0,rgba(37,185,232,.12),transparent 72%),linear-gradient(145deg,#101a2c,#091220)}.gm-policy-box .gm-subhead>span{color:#d9ccff;border-color:#6958af;background:linear-gradient(145deg,#47348e,#2e2b66)}.gm-gate-box .gm-subhead>span{color:#c9f5ff;border-color:#357a9b;background:linear-gradient(145deg,#185e80,#19405e)}.gm-policy-switches label,.gm-general-chat{border-color:#293653;border-radius:11px;color:#98a7c0;background:rgba(8,14,28,.66);transition:.18s ease}.gm-policy-switches label:hover,.gm-general-chat:hover{transform:translateY(-1px);border-color:#465779}.gm-policy-switches label:has(input:checked){color:#ddd7ff;border-color:rgba(137,107,255,.42);background:linear-gradient(135deg,rgba(102,73,211,.2),rgba(61,79,159,.12))}.gm-general-chat:has(input:checked){color:#c9f5ff;border-color:rgba(61,196,236,.38);background:rgba(35,142,181,.12)}.gm-policy-switches input{accent-color:#866dff}.gm-general-chat input{accent-color:#42c8ef}#gm-save-policy{color:#fff;border-color:#745fe4;background:linear-gradient(135deg,#6950d8,#7f65e8);box-shadow:0 9px 22px rgba(87,64,194,.22)}#gm-apply-gate{border-color:#2da8d4;background:linear-gradient(135deg,#1e87b7,#2bbbd4);box-shadow:0 9px 22px rgba(28,139,180,.2)}
.gm-vault-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:18px 2px 10px}.gm-vault-head div{display:flex;flex-direction:column;gap:4px}.gm-vault-head small{direction:ltr;color:#6f7f9f;font-size:9px;font-weight:800;letter-spacing:1.7px}.gm-vault-head b{font-size:16px}.gm-vault-head>span{color:#7786a1;font-size:11px}
.gm-channel-vault{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:560px;padding:4px 4px 10px;scrollbar-color:#3f4f7b transparent}.gm-channel-zone{--zone:#8074ff;--zone-rgb:128,116,255;position:relative;overflow:hidden;border:1px solid rgba(var(--zone-rgb),.2);border-radius:17px;background:linear-gradient(150deg,#11182c,#090f1d);box-shadow:inset 0 1px rgba(255,255,255,.055),0 13px 28px rgba(0,0,0,.21);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.gm-channel-zone:nth-child(4n+2){--zone:#3cccef;--zone-rgb:60,204,239}.gm-channel-zone:nth-child(4n+3){--zone:#bd6cff;--zone-rgb:189,108,255}.gm-channel-zone:nth-child(4n+4){--zone:#ffad68;--zone-rgb:255,173,104}.gm-channel-zone:before{content:"";position:absolute;z-index:2;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--zone),transparent);opacity:.66}.gm-channel-zone:hover{transform:translateY(-2px);border-color:rgba(var(--zone-rgb),.4);box-shadow:inset 0 1px rgba(255,255,255,.07),0 18px 38px rgba(0,0,0,.28),0 0 26px rgba(var(--zone-rgb),.07)}.gm-channel-zone:has(.gm-category-access-toggle:checked){border-color:rgba(var(--zone-rgb),.52);box-shadow:inset 0 1px rgba(255,255,255,.08),inset 3px 0 rgba(var(--zone-rgb),.75),0 15px 35px rgba(0,0,0,.25)}
.gm-channel-zone-title{display:block;padding:0;border:0;background:radial-gradient(330px 120px at 5% 0,rgba(var(--zone-rgb),.1),transparent 72%),linear-gradient(145deg,#141c32,#0d1426)}.gm-channel-zone-expand{display:grid;grid-template-columns:43px minmax(0,1fr) 28px;gap:11px;width:100%;padding:15px 15px 11px;text-align:right}.gm-zone-symbol{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(var(--zone-rgb),.35);border-radius:13px;color:var(--zone);background:linear-gradient(145deg,rgba(var(--zone-rgb),.18),rgba(var(--zone-rgb),.05));box-shadow:inset 0 1px rgba(255,255,255,.12),0 9px 20px rgba(var(--zone-rgb),.1);font-size:20px}.gm-zone-copy{min-width:0;align-self:center}.gm-zone-copy b,.gm-zone-copy small{display:block}.gm-zone-copy b{overflow:hidden;color:#edf1fb;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.gm-zone-copy small{margin-top:5px;color:#7786a1;font-size:10px}.gm-zone-arrow{display:grid!important;place-items:center!important;align-self:center;width:28px!important;height:28px!important;border:1px solid rgba(var(--zone-rgb),.22);border-radius:9px!important;color:var(--zone)!important;background:rgba(var(--zone-rgb),.08)!important;font-size:15px;transition:transform .2s}.gm-channel-zone-expand[aria-expanded="true"] .gm-zone-arrow{transform:rotate(0deg);box-shadow:0 0 18px rgba(var(--zone-rgb),.12)}
.gm-zone-actions{display:flex;align-items:center;gap:8px;padding:0 15px 13px}.gm-category-access{position:relative;display:flex;align-items:center;gap:8px;margin:0;padding:7px 10px;border:1px solid rgba(var(--zone-rgb),.18);border-radius:10px;color:#8593ad;background:rgba(5,10,21,.52);cursor:pointer;font-size:10px}.gm-category-access input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.gm-category-access em{font-style:normal;white-space:nowrap}.gm-access-switch{position:relative;width:31px;height:17px;border:1px solid #37435d;border-radius:99px;background:#151c2d;box-shadow:inset 0 2px 5px rgba(0,0,0,.3);transition:.2s}.gm-access-switch i{position:absolute;width:11px;height:11px;top:2px;right:2px;border-radius:50%;background:#68748c;box-shadow:0 2px 5px rgba(0,0,0,.35);transition:.2s}.gm-category-access input:checked+.gm-access-switch{border-color:rgba(var(--zone-rgb),.65);background:rgba(var(--zone-rgb),.28);box-shadow:0 0 14px rgba(var(--zone-rgb),.15)}.gm-category-access input:checked+.gm-access-switch i{right:16px;background:var(--zone);box-shadow:0 0 9px rgba(var(--zone-rgb),.55)}.gm-category-access input:checked~em{color:#e7e8ff}.gm-category-access input:indeterminate+.gm-access-switch{border-color:rgba(var(--zone-rgb),.42);background:linear-gradient(90deg,rgba(var(--zone-rgb),.24) 50%,#151c2d 50%)}.gm-delete-category{display:flex;align-items:center;gap:6px;margin-right:auto;padding:7px 10px;border-color:rgba(255,99,119,.2);border-radius:10px;color:#ba7884;background:rgba(89,29,46,.1)}.gm-delete-category span{font-size:15px}.gm-delete-category b{font-size:10px}.gm-delete-category:hover{color:#ffdce1;border-color:rgba(255,94,116,.62);background:linear-gradient(135deg,rgba(175,45,63,.38),rgba(118,31,52,.25));box-shadow:0 8px 20px rgba(151,40,55,.16)}
.gm-channel-zone-items{border-top:1px solid rgba(var(--zone-rgb),.14);background:linear-gradient(180deg,rgba(4,8,18,.5),rgba(7,12,23,.8))}.gm-channel{position:relative;grid-template-columns:19px 29px minmax(0,1fr);gap:8px;padding:10px 15px;border-color:rgba(78,91,127,.2);color:#9ba8be;transition:.16s ease}.gm-channel input{position:absolute;width:1px;height:1px;opacity:0}.gm-channel-check{display:grid;place-items:center;width:18px;height:18px;border:1px solid #35415b;border-radius:6px;color:transparent;background:#111827;font-size:10px;transition:.18s}.gm-channel input:checked+.gm-channel-check{color:#0b1020;border-color:var(--zone);background:var(--zone);box-shadow:0 0 12px rgba(var(--zone-rgb),.27)}.gm-channel>i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:var(--zone);background:rgba(var(--zone-rgb),.075)}.gm-channel:hover{padding-right:18px;color:#e0e6f2;background:rgba(var(--zone-rgb),.055)}.gm-channel:has(input:checked){color:#f0f2fa;background:linear-gradient(90deg,rgba(var(--zone-rgb),.1),transparent)}.gm-channel-zone-empty{color:#6d7890}
.gm-shield-action{padding:17px 18px;border-color:rgba(120,103,255,.24);border-radius:17px;background:radial-gradient(380px 120px at 100% 0,rgba(126,86,255,.14),transparent 70%),linear-gradient(135deg,#11182d,#0a1121);box-shadow:inset 0 1px rgba(255,255,255,.055),0 14px 30px rgba(0,0,0,.18)}.gm-shield-action b{color:#eae8ff}.gm-shield-action #gm-chat-access{color:#d0f6ff;border-color:#347f9e;background:rgba(38,145,183,.14)}.gm-shield-action #gm-readonly-access{border-color:#705ce0;background:linear-gradient(135deg,#6450d2,#7a61df);box-shadow:0 9px 22px rgba(82,61,190,.24)}.gm-task{border-color:#323a64;background:#080d1b}.gm-task-percent{color:#a99cff}.gm-task .progress>div{background:linear-gradient(90deg,#735cff,#806fff,#4ccff0);box-shadow:0 0 15px rgba(105,91,238,.36)}

.gm-panel-icon.signal{background:linear-gradient(145deg,#ff8a4c,#ffce68);color:#251507}.gm-signal-desk{border-color:rgba(255,170,83,.2);background:radial-gradient(620px 300px at 8% -20%,rgba(255,133,70,.12),transparent 66%),linear-gradient(145deg,rgba(20,22,39,.97),rgba(8,13,25,.99))}.gm-signal-head{align-items:flex-start}.gm-signal-head p{margin:5px 0 0;color:#8995af;line-height:1.8}.gm-signal-live{margin-right:auto;direction:ltr;padding:6px 10px;border:1px solid rgba(255,171,86,.25);border-radius:99px;color:#ffb767;background:rgba(176,90,35,.1);font-size:9px;letter-spacing:1.5px;white-space:nowrap}.gm-workspace-builder{display:grid;grid-template-columns:minmax(190px,1fr) minmax(180px,1fr) auto;gap:10px;align-items:end;padding:15px;border:1px solid #252d46;border-radius:15px;background:rgba(8,12,24,.72)}.gm-workspace-builder label{margin-top:0}.gm-signal-create{min-height:40px;color:#ffd3a4;border-color:rgba(255,164,77,.35);background:linear-gradient(135deg,rgba(151,70,28,.25),rgba(79,49,57,.25))}.gm-workspace-note{grid-column:1/-1;display:flex;gap:7px;align-items:center;color:#74809a;font-size:11px;direction:rtl}.gm-workspace-note b{color:#a4aec2}.gm-workspace-note span{direction:ltr}.gm-signal-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:13px;margin-top:13px}.gm-signal-composer,.gm-result-console{padding:17px;border:1px solid #202a42;border-radius:16px;background:linear-gradient(145deg,#0d1425,#090e1c)}.gm-subhead{display:flex;align-items:center;gap:10px;margin-bottom:13px}.gm-subhead>span{display:grid;place-items:center;width:33px;height:33px;border:1px solid #38425e;border-radius:10px;color:#9aa8c7;background:#141c30;font-weight:800}.gm-subhead b,.gm-subhead small{display:block}.gm-subhead small{margin-top:3px;color:#707d98;font-size:10px}.gm-trade-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.gm-signal-composer textarea,.gm-result-console textarea{resize:vertical;min-height:70px}.gm-ping-role{display:flex;align-items:center;gap:9px;margin:13px 0;padding:10px;border:1px solid rgba(255,169,82,.18);border-radius:10px;color:#c7ad91;background:rgba(142,77,31,.08);cursor:pointer}.gm-recent-select{display:grid;grid-template-columns:1fr auto;gap:7px}.gm-result-statuses{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.gm-result-statuses button{padding:9px;border:1px solid #27314b;border-radius:9px;background:#0a1020;color:#7f8ba4;cursor:pointer}.gm-result-statuses button.active{color:#eafff6;border-color:rgba(70,215,159,.4);background:rgba(40,157,113,.13);box-shadow:inset 0 0 18px rgba(43,181,130,.06)}.gm-result-button{margin-top:13px;color:#77e5bc;border-color:rgba(63,210,157,.3);background:rgba(37,135,100,.12)}.gm-signal-preview{display:flex;gap:11px;align-items:center;margin:13px 0;padding:13px;border:1px solid #252e47;border-radius:12px;background:#0a1020}.gm-signal-preview>span{font-size:28px;color:#ffad66}.gm-signal-preview b,.gm-signal-preview small{display:block}.gm-signal-preview small{margin-top:5px;color:#77839c;line-height:1.6}
.gm-panel-icon.subscription{background:linear-gradient(145deg,#b983ff,#6b7cff)}.gm-subscription-desk{border-color:rgba(139,119,255,.23);background:radial-gradient(650px 320px at 8% -20%,rgba(136,90,255,.14),transparent 67%),linear-gradient(145deg,rgba(18,21,43,.98),rgba(8,13,25,.99))}.gm-subscription-head{align-items:flex-start}.gm-subscription-head p{margin:5px 0 0;color:#8995af;line-height:1.8}.gm-auto-expire{margin-right:auto;direction:ltr;padding:6px 10px;border:1px solid rgba(94,234,175,.24);border-radius:99px;color:#65e2b1;background:rgba(34,139,100,.1);font-size:9px;letter-spacing:1.4px;white-space:nowrap}.gm-subscription-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.gm-package-builder,.gm-grant-console,.gm-access-channel-builder{padding:17px;border:1px solid #232c47;border-radius:16px;background:linear-gradient(145deg,#0d1426,#090e1c)}.gm-package-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}.gm-package-presets button{padding:9px 6px;border:1px solid #303a59;border-radius:9px;color:#9ba8c4;background:#10172a;cursor:pointer}.gm-package-presets button:hover{color:#fff;border-color:#7d70df;background:rgba(108,83,222,.15)}.gm-package-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.gm-own-role-note{margin-top:10px;padding:10px;border:1px dashed #303a58;border-radius:10px;color:#8490aa;font-size:11px;line-height:1.7}.gm-grant-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.gm-active-subscriptions{display:flex;flex-direction:column;gap:7px;max-height:235px;overflow:auto}.gm-active-subscriptions article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid #222c46;border-radius:10px;background:#0a1020}.gm-active-subscriptions b,.gm-active-subscriptions small{display:block}.gm-active-subscriptions small{margin-top:4px;color:#76839d}.gm-active-subscriptions article>span{color:#6be1b3;font-size:11px;white-space:nowrap}.gm-access-channel-builder{margin-top:13px}.gm-access-fields{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:8px;align-items:end}.gm-access-fields label{margin-top:0}.gm-access-create{min-height:40px;color:#c8c1ff;border-color:#4d467d;background:rgba(99,76,194,.14)}
@keyframes gmPulse{50%{opacity:.35;transform:scale(.75)}}

/* Calm mode: one task at a time, less decoration and more usable space. */
.guild-manager-route .gm-hero{min-height:190px;padding:24px 28px;border-radius:20px}.guild-manager-route .gm-hero h2{font-size:clamp(27px,3.2vw,40px);margin:8px 0 4px}.guild-manager-route .gm-hero p{font-size:13px;line-height:1.75}.guild-manager-route .gm-orbit{display:none}.guild-manager-route .gm-overview{margin-top:10px}.guild-manager-route .gm-stat,.guild-manager-route .gm-server-identity,.guild-manager-route .gm-power{min-height:76px}.guild-manager-route [data-gm-pane].section-gap{margin-top:12px}

@media(max-width:1100px){.gm-overview{grid-template-columns:repeat(3,1fr)}.gm-server-identity,.gm-power{grid-column:span 3}.gm-grid{grid-template-columns:1fr}.gm-channel-vault{grid-template-columns:repeat(2,1fr)}.gm-signal-grid,.gm-subscription-grid{grid-template-columns:1fr}.gm-workspace-builder{grid-template-columns:1fr 1fr}.gm-signal-create{grid-column:1/-1}.gm-access-fields{grid-template-columns:1fr 1fr}.gm-access-create{grid-column:1/-1}.gm-community-tools{grid-template-columns:1fr}.gm-guide-map{grid-template-columns:1fr 1fr}.gm-simple-tabs{grid-template-columns:repeat(7,minmax(118px,1fr))}.gm-hub-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.guild-command-center{padding:13px 13px 36px}.gm-hero{grid-template-columns:1fr;padding:20px 16px;border-radius:17px}.gm-hero h2{font-size:28px}.gm-overview{grid-template-columns:repeat(3,1fr)}.gm-server-identity,.gm-power{grid-column:span 3}.gm-stat{min-height:68px}.gm-stat b{font-size:20px}.gm-panel{padding:16px}.gm-permissions{grid-template-columns:1fr}.gm-channel-vault{grid-template-columns:1fr}.gm-shield-head,.gm-shield-controls,.gm-shield-action,.gm-signal-head,.gm-subscription-head{align-items:stretch;flex-direction:column}.gm-selection-count{margin-right:0;align-self:flex-start}.gm-shield-controls>div:first-child{min-width:0;width:100%}.gm-vault-search{width:100%;max-width:none}.gm-shield-action>div:last-child{display:grid;grid-template-columns:1fr}.cleanup-head{flex-direction:column}.cleanup-group-items{grid-template-columns:1fr}.cleanup-group .clone-group-expand{min-width:calc(100% - 100px)}.cleanup-group .clone-group-title .muted{order:3}.cleanup-category-delete{order:4;margin-inline-start:auto}.cleanup-safety{grid-template-columns:32px 1fr}.cleanup-safety small{grid-column:2}.gm-workspace-builder,.gm-access-fields{grid-template-columns:1fr}.gm-signal-create,.gm-access-create{grid-column:auto}.gm-workspace-note{align-items:flex-start;flex-direction:column}.gm-trade-row,.gm-package-fields,.gm-policy-switches{grid-template-columns:1fr}.gm-signal-live,.gm-auto-expire{margin-right:0;align-self:flex-start}.gm-package-presets{grid-template-columns:1fr 1fr}.gm-simple-tabs{top:6px;width:100%;overflow:auto}.gm-simple-tabs button{padding:8px 7px}.gm-simple-tabs button small{display:none}.gm-hub-head{align-items:flex-start;flex-direction:column}.gm-hub-grid{grid-template-columns:1fr}.gm-section-hub{padding:16px}.gm-guide-hero{grid-template-columns:1fr;padding:19px 16px}.gm-guide-quick{grid-template-columns:1fr 1fr}.gm-guide-topic summary{grid-template-columns:38px minmax(0,1fr) 20px;padding:12px}.gm-guide-topic-icon{width:38px;height:38px}.gm-guide-body{padding:13px 15px 16px}.gm-guide-map{grid-template-columns:1fr}.gm-guide-commands{grid-template-columns:1fr}.gm-guide-commands span{margin-bottom:4px}.gm-guide-hero:after{display:none}}

@media (max-width: 768px) {
  body.clone-route .clone-studio { min-height: 100%; padding: 14px 14px 36px; }
  body.clone-route .clone-hero { border-radius: 20px; }
}

/* Slow bulk role assignment */
.gm-member-bulk{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:12px 0;padding:12px;border:1px solid rgba(111,102,235,.27);border-radius:14px;background:linear-gradient(145deg,rgba(91,74,205,.15),rgba(24,36,68,.3))}
.gm-member-bulk>label{display:flex;align-items:center;gap:10px;margin:0;cursor:pointer}
.gm-member-bulk input{width:auto;accent-color:#8171f3}
.gm-member-bulk b,.gm-member-bulk small{display:block}
.gm-member-bulk small{margin-top:4px;color:#828da7;line-height:1.55}
.gm-member-task{margin:10px 0 13px}
.gm-member-task-counts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.gm-member-task-counts span{padding:5px 8px;border:1px solid #293551;border-radius:99px;color:#8d99b3;background:#0c1323;font-size:10px}
.gm-member-task-counts b{color:#dce2f3}
@media(max-width:700px){.gm-member-bulk{grid-template-columns:1fr}.gm-member-bulk>.btn{width:100%}}

/* Global blacklist profile cards */
.blacklist-users{display:flex;flex-direction:column;gap:9px}
.blacklist-user{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border:1px solid #242e47;border-radius:14px;background:#0b1120}
.blacklist-user>img,.blacklist-avatar-fallback{width:52px;height:52px;border-radius:15px;background:#252e46;object-fit:cover}
.blacklist-avatar-fallback{display:grid;place-items:center;font-weight:800;color:#aeb8d5}
.blacklist-user-info{min-width:0}
.blacklist-user-info b,.blacklist-user-info small,.blacklist-user-info code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blacklist-user-info small{color:#8792ac;margin:3px 0;font-size:11px}
.blacklist-user-info code{color:#68738e;font-size:10px}
.blacklist-platform{padding:5px 9px;border-radius:99px;border:1px solid #38435d;color:#aeb8cf;font-size:10px;white-space:nowrap}
.blacklist-platform.discord{border-color:#5865f255;color:#8993ff;background:#5865f210}
.blacklist-platform.telegram{border-color:#2aabee55;color:#60c5f8;background:#2aabee10}
.blacklist-actions{display:flex;gap:6px}
.blacklist-actions .btn{white-space:nowrap}
.blacklist-recent-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.blacklist-recent-head h3{margin-bottom:4px}.blacklist-recent-head p{margin:0}.blacklist-user.recent{border-color:#283553;background:linear-gradient(145deg,#0d1527,#0a1020)}
@media(max-width:700px){.blacklist-user{grid-template-columns:46px minmax(0,1fr) auto}.blacklist-user>img,.blacklist-avatar-fallback{width:46px;height:46px;border-radius:13px}.blacklist-platform{display:none}.blacklist-actions{grid-column:2/4}.blacklist-actions .btn{flex:1}}

/* Dedicated outgoing Discord bridge */
.bridge-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px;border:1px solid #33446b;border-radius:20px;background:radial-gradient(circle at 85% 20%,rgba(88,101,242,.2),transparent 35%),linear-gradient(135deg,#10182d,#0a1020);box-shadow:0 24px 70px rgba(0,0,0,.3)}
.bridge-hero h2{margin:5px 0 8px;font-size:26px}.bridge-hero p{max-width:690px;margin:0;color:#9aa7c3;line-height:1.9}.bridge-kicker{font-size:10px;letter-spacing:2px;color:#7f8cff;font-weight:800}
.bridge-flow{display:flex;align-items:center;gap:10px;direction:ltr;flex-shrink:0}.bridge-flow>span{width:105px;padding:13px 8px;border-radius:14px;text-align:center;border:1px solid #35415f;background:#0a1020;color:#dbe3ff;font-size:12px;font-weight:800}.bridge-flow small{display:block;margin-top:3px;color:#7784a5;font-size:8px;font-weight:600}.bridge-flow i{color:#6475a6;font-style:normal}.bridge-flow .self{border-color:#71532d;color:#ffc37b}.bridge-flow .queue{border-color:#315c74;color:#6dd6ff}.bridge-flow .bot{border-color:#4e50a1;color:#aeb5ff}
.bridge-card{min-height:245px}.bridge-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:17px}.bridge-card-head small{display:block;color:#71809f;font-size:9px;letter-spacing:1px;margin-bottom:4px}.bridge-card-head h3{margin:0}.bridge-hint{font-size:11px;line-height:1.8}.bridge-test-dot{width:11px;height:11px;border-radius:50%;background:#38d996;box-shadow:0 0 0 6px rgba(56,217,150,.08),0 0 18px rgba(56,217,150,.5)}
.bridge-queue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.bridge-queue-grid span{padding:16px 8px;border:1px solid #27334f;border-radius:13px;text-align:center;background:#0a1120}.bridge-queue-grid b,.bridge-queue-grid small{display:block}.bridge-queue-grid b{font-size:23px;color:#dbe4ff}.bridge-queue-grid small{font-size:9px;color:#7885a2;margin-top:5px}.bridge-queue-grid span.bad b{color:#ff6f7d}
.bridge-test-result{padding:11px 12px;border-radius:11px;border:1px solid #28334d;background:#0a1020;font-size:11px;line-height:1.7}.bridge-test-result.ok{color:#56dba0;border-color:#285b49;background:#0d211c}.bridge-test-result.bad{color:#ff8490;border-color:#61323a;background:#271217}
@media(max-width:900px){.bridge-hero{align-items:flex-start;flex-direction:column}.bridge-flow{width:100%;justify-content:center}.bridge-flow>span{width:auto;flex:1}}
@media(max-width:520px){.bridge-flow{gap:5px}.bridge-flow>span{padding:10px 4px;font-size:10px}.bridge-queue-grid{grid-template-columns:1fr 1fr}}

/* Live delivery monitor */
.delivery-account-picker{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px;padding:17px 19px;border:1px solid #2b3857;border-radius:17px;background:linear-gradient(145deg,#121a2c,#0a1020);box-shadow:inset 0 1px rgba(255,255,255,.035)}.delivery-account-copy{display:flex;align-items:center;gap:12px}.delivery-account-copy>span{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(136,118,255,.28);border-radius:13px;color:#b5a6ff;background:rgba(117,86,226,.12);font-size:20px}.delivery-account-copy small,.delivery-account-copy b{display:block}.delivery-account-copy small{color:#77839b;font-size:9px;letter-spacing:1px}.delivery-account-copy b{margin:3px 0;font-size:15px}.delivery-account-copy p{margin:0;color:#78849b;font-size:10px}.delivery-account-picker>label{width:min(420px,45%);margin:0}.delivery-account-picker>label>span{display:block;margin-bottom:5px;color:#8995ad;font-size:10px}.delivery-account-picker select{border-color:#364363;background:#080e1b}
.delivery-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:14px;padding:18px;border:1px solid #293759;border-radius:20px;background:radial-gradient(560px 220px at 8% 0,rgba(51,214,151,.12),transparent 68%),linear-gradient(145deg,#0e1729,#080e1a);box-shadow:0 22px 65px rgba(0,0,0,.28)}
.delivery-live,.delivery-last{display:flex;align-items:center;gap:15px;min-height:95px;padding:17px 20px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(4,9,18,.48)}
.delivery-live small,.delivery-last small{display:block;color:#75829c;font-size:9px;letter-spacing:1.4px}.delivery-live h2{margin:5px 0 0;font-size:23px}.delivery-live.live h2{color:#cffff0}.delivery-live.idle h2{color:#ffe4a0}.delivery-live.stale h2{color:#ffb2ba}
.delivery-radar{position:relative;display:grid;place-items:center;flex:0 0 49px;width:49px;height:49px;border:1px solid rgba(58,219,157,.28);border-radius:50%;background:rgba(40,190,133,.08)}.delivery-radar:before,.delivery-radar:after{content:"";position:absolute;border:1px solid rgba(65,224,164,.14);border-radius:50%}.delivery-radar:before{inset:7px}.delivery-radar:after{inset:14px}.delivery-radar i{width:9px;height:9px;border-radius:50%;background:#43dda5;box-shadow:0 0 18px #43dda5;animation:deliveryPulse 1.8s infinite}.delivery-live.idle .delivery-radar i{background:#f6c95b;box-shadow:0 0 18px #f6c95b}.delivery-live.stale .delivery-radar i{background:#ef6573;box-shadow:0 0 18px #ef6573;animation:none}
.delivery-last{display:block;text-align:center}.delivery-last b,.delivery-last span{display:block}.delivery-last b{margin:5px 0;font-size:22px}.delivery-last span{color:#77839d;font-size:10px}
.delivery-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.delivery-stats article{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #222d46;border-radius:15px;background:linear-gradient(145deg,#111827,#0b1120)}.delivery-stats small,.delivery-stats b{display:block}.delivery-stats small{color:#77849d;font-size:10px}.delivery-stats b{margin-top:4px;font-size:19px}.delivery-stat-icon{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:12px;font-size:18px;font-weight:900}.delivery-stat-icon.latency{color:#8eb8ff;background:rgba(75,131,230,.13)}.delivery-stat-icon.success{color:#4ae0a8;background:rgba(45,193,139,.12)}.delivery-stat-icon.error{color:#ff7481;background:rgba(213,66,81,.12)}.delivery-stat-icon.queue{color:#bd9dff;background:rgba(127,90,219,.13)}
.delivery-panel{margin-top:14px;border:1px solid #222d46;border-radius:20px;background:#0d131f;overflow:hidden}.delivery-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #202a40;background:linear-gradient(90deg,rgba(31,42,69,.45),transparent)}.delivery-panel h3{margin:4px 0;font-size:19px}.delivery-panel header p{margin:0;color:#77849e;font-size:11px}.delivery-refresh{display:flex;align-items:center;gap:9px;color:#77849e;font-size:9px;text-align:left;direction:ltr}.delivery-refresh i{width:8px;height:8px;border-radius:50%;background:#42dca4;box-shadow:0 0 10px #42dca4}.delivery-refresh b{color:#c8d1e5;font-size:11px}
.delivery-list{padding:8px 14px 14px}.delivery-row{display:grid;grid-template-columns:38px minmax(0,1fr) 130px;gap:13px;align-items:start;padding:15px 8px;border-bottom:1px solid #1c2538}.delivery-row:last-child{border-bottom:0}.delivery-status{display:grid;place-items:center;width:30px;height:30px;margin-top:3px;border-radius:10px;color:#45dda6;background:rgba(53,207,151,.11);font-weight:900}.delivery-row.failed .delivery-status{color:#ff6e7b;background:rgba(225,66,81,.12)}.delivery-main{min-width:0}.delivery-route{display:flex;align-items:center;gap:10px;min-width:0}.delivery-route>span{min-width:0}.delivery-route small,.delivery-route b{display:block}.delivery-route small{color:#697791;font-size:8px}.delivery-route b{max-width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.delivery-route i{color:#53617b;font-style:normal}.delivery-main>p{margin:9px 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b8c1d4;font-size:12px}.delivery-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#69758c;font-size:9px}.delivery-meta b{color:#9ca8c0}.delivery-kind{padding:3px 7px;border:1px solid #35405a;border-radius:99px;color:#aab5cd;background:#131b2c}.delivery-meta .mono{direction:ltr;font-family:ui-monospace,monospace}.delivery-error{margin-top:8px;padding:7px 9px;border-radius:8px;color:#ff929c;background:rgba(181,50,65,.09);font-size:10px;line-height:1.6}.delivery-timing{text-align:left;direction:ltr}.delivery-timing b,.delivery-timing span,.delivery-timing small,.delivery-timing time{display:block}.delivery-timing b{color:#65e5b4;font-size:15px}.delivery-row.failed .delivery-timing b{color:#ff7c88}.delivery-timing span{margin-top:2px;color:#65718a;font-size:8px}.delivery-timing small{margin-top:8px;color:#8996ad;font-size:9px}.delivery-timing time{margin-top:5px;color:#606c83;font-size:9px}
.delivery-empty{padding:65px 20px;text-align:center;color:#77839a}.delivery-empty span,.delivery-empty b{display:block}.delivery-empty span{font-size:42px;color:#47536d}.delivery-empty b{margin:8px 0;color:#bdc6d7}
@keyframes deliveryPulse{50%{opacity:.4;transform:scale(.65)}}
@media(max-width:950px){.delivery-stats{grid-template-columns:1fr 1fr}.delivery-hero{grid-template-columns:1fr}.delivery-last{text-align:right}}
@media(max-width:650px){.delivery-account-picker{align-items:stretch;flex-direction:column}.delivery-account-picker>label{width:100%}.delivery-stats{grid-template-columns:1fr}.delivery-panel>header{align-items:stretch;flex-direction:column}.delivery-row{grid-template-columns:30px minmax(0,1fr)}.delivery-timing{grid-column:2;display:flex;align-items:center;gap:8px;text-align:right;direction:rtl}.delivery-timing span,.delivery-timing small,.delivery-timing time{margin:0}.delivery-route{align-items:flex-start;flex-direction:column;gap:5px}.delivery-route i{display:none}.delivery-main>p{white-space:normal;line-height:1.7}.delivery-live h2{font-size:18px}}

/* Keep the only mobile navigation trigger visible inside full-screen workspaces. */
@media (max-width: 768px) {
  body.clone-route .topbar,
  body.guild-manager-route .topbar { display: flex; }
}
/* ========================================================================== 
   Obsidian Prism — unified design system
   Route workspaces above retain only their specialized layouts. Everything
   below is the source of truth for color, shell, controls and responsiveness.
   ========================================================================== */

:root {
  color-scheme: dark;
  --bg: #08070d;
  --bg-deep: #050408;
  --bg-2: #0c0a11;
  --panel: #100e17;
  --panel-2: #16121f;
  --card: #121019;
  --card-hover: #17131f;
  --field: #0b0910;
  --overlay: rgba(3, 2, 6, .78);
  --border: rgba(255, 255, 255, .075);
  --border-strong: rgba(255, 255, 255, .13);
  --text: #f5f2f8;
  --text-soft: #d8d2df;
  --muted: #958d9f;
  --muted-2: #6f6878;
  --accent: #8b5cf6;
  --accent-2: #c084fc;
  --accent-rgb: 139, 92, 246;
  --accent-2-rgb: 192, 132, 252;
  --cyan: #67e8f9;
  --green: #34d399;
  --green-rgb: 52, 211, 153;
  --red: #fb7185;
  --red-rgb: 251, 113, 133;
  --yellow: #fbbf24;
  --yellow-rgb: 251, 191, 36;
  --radius-xs: 8px;
  --radius-sm: 11px;
  --radius: 15px;
  --radius-lg: 21px;
  --shadow: 0 18px 50px rgba(0, 0, 0, .36);
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, .22);
  --shadow-3d: var(--shadow);
  --focus: 0 0 0 3px rgba(var(--accent-rgb), .24);
  --sidebar-w: 252px;
  --topbar-h: 70px;
  --mobile-nav-h: 72px;
  --ease: cubic-bezier(.2, .8, .2, 1);
}

html[data-palette="azure"] {
  --bg: #060a0f;
  --bg-deep: #030609;
  --bg-2: #080e15;
  --panel: #0c131c;
  --panel-2: #101b28;
  --card: #0d1620;
  --card-hover: #111e2c;
  --field: #060c12;
  --accent: #3b82f6;
  --accent-2: #38bdf8;
  --accent-rgb: 59, 130, 246;
  --accent-2-rgb: 56, 189, 248;
}

html[data-palette="emerald"] {
  --bg: #060b0a;
  --bg-deep: #030706;
  --bg-2: #08110e;
  --panel: #0b1512;
  --panel-2: #101e19;
  --card: #0c1713;
  --card-hover: #112019;
  --field: #060d0a;
  --accent: #10b981;
  --accent-2: #34d399;
  --accent-rgb: 16, 185, 129;
  --accent-2-rgb: 52, 211, 153;
}

html[data-palette="rose"] {
  --bg: #0d070b;
  --bg-deep: #080306;
  --bg-2: #13090f;
  --panel: #180d13;
  --panel-2: #211019;
  --card: #1a0e14;
  --card-hover: #25121b;
  --field: #10070b;
  --accent: #f43f5e;
  --accent-2: #fb7185;
  --accent-rgb: 244, 63, 94;
  --accent-2-rgb: 251, 113, 133;
}

*, *::before, *::after { box-sizing: border-box; }
html {
  width: 100%;
  min-height: 100%;
  background: var(--bg-deep);
  scrollbar-color: rgba(var(--accent-rgb), .46) transparent;
  scrollbar-width: thin;
}
html, body { margin: 0; height: 100%; min-height: 100dvh; overflow: hidden; }
body {
  position: relative;
  color: var(--text);
  background:
    radial-gradient(900px 560px at 82% -18%, rgba(var(--accent-rgb), .14), transparent 68%),
    radial-gradient(700px 480px at -12% 108%, rgba(var(--accent-2-rgb), .07), transparent 66%),
    var(--bg);
  font-family: Tahoma, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: -.01em;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior: none;
}
button, input, select, textarea { font: inherit; }
button, a, summary, label { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
svg { display: block; width: 1.25em; height: 1.25em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.icon-sprite { position: fixed; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.hidden, [hidden] { display: none !important; }
.muted { color: var(--muted) !important; }
.mono, code, pre { direction: ltr; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; text-align: left; }
.error-text { min-height: 18px; margin-top: 7px; color: var(--red); font-size: 12px; line-height: 1.7; }
.empty { padding: 40px 18px; color: var(--muted); text-align: center; }
.spacer { flex: 1; }
.section-gap { margin-top: 18px; }
::selection { color: #fff; background: rgba(var(--accent-rgb), .38); }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: rgba(var(--accent-rgb), .42); background-clip: padding-box; }

:where(button, a, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--accent-2);
  outline-offset: 3px;
}

.skip-link {
  position: fixed;
  z-index: 300;
  inset-block-start: 10px;
  inset-inline-start: 10px;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid var(--accent);
  border-radius: var(--radius-sm);
  color: #fff;
  background: var(--panel-2);
  transform: translateY(-160%);
}
.skip-link:focus { transform: none; }

/* Controls */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  padding: 9px 14px;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  color: var(--text-soft);
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)), var(--panel-2);
  box-shadow: inset 0 1px rgba(255,255,255,.045);
  font-weight: 650;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color .18s, color .18s, background .18s, transform .18s var(--ease), box-shadow .18s;
}
.btn:hover { color: #fff; border-color: rgba(var(--accent-rgb), .52); background-color: rgba(var(--accent-rgb), .1); }
.btn:active { transform: translateY(1px); }
.btn.primary {
  color: #fff;
  border-color: rgba(var(--accent-2-rgb), .42);
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  box-shadow: 0 10px 24px rgba(var(--accent-rgb), .24), inset 0 1px rgba(255,255,255,.24);
}
.btn.primary:hover { filter: brightness(1.08); box-shadow: 0 12px 28px rgba(var(--accent-rgb), .32); }
.btn.ghost { color: var(--muted); background: transparent; box-shadow: none; }
.btn.danger { color: #ff9cad; border-color: rgba(var(--red-rgb), .3); background: rgba(var(--red-rgb), .07); }
.btn.danger:hover { color: #ffd9df; border-color: rgba(var(--red-rgb), .56); background: rgba(var(--red-rgb), .13); }
.btn.sm { min-height: 36px; padding: 7px 10px; font-size: 12px; }
.btn:disabled { opacity: .42; filter: grayscale(.25); cursor: not-allowed; transform: none; box-shadow: none; }

input, select, textarea {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  outline: none;
  color: var(--text);
  background: var(--field);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.28);
  color-scheme: dark;
  transition: border-color .18s, box-shadow .18s, background .18s;
}
input::placeholder, textarea::placeholder { color: var(--muted-2); opacity: 1; }
input:focus, select:focus, textarea:focus { border-color: rgba(var(--accent-rgb), .72); box-shadow: var(--focus); }
textarea { min-height: 100px; resize: vertical; }
select, select option, select optgroup { color: var(--text); background-color: var(--field); }
label { display: block; margin: 11px 0 5px; color: var(--muted); font-size: 12px; }
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  display: inline-grid;
  place-content: center;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  min-height: 18px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--border-strong);
  border-radius: 5px;
  background: var(--field);
}
input[type="checkbox"]::after { content: "✓"; color: #fff; font-size: 11px; font-weight: 900; line-height: 1; transform: scale(0); transition: transform .12s; }
input[type="checkbox"]:checked { border-color: transparent; background: linear-gradient(135deg, var(--accent), var(--accent-2)); box-shadow: 0 3px 10px rgba(var(--accent-rgb), .26); }
input[type="checkbox"]:checked::after { transform: scale(1); }
input[type="checkbox"]:indeterminate::after { content: "−"; transform: scale(1); }

/* Shared primitives */
.grid { display: grid; gap: 14px; }
.grid.cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid.cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.card {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(255,255,255,.025), transparent 45%), var(--card);
  box-shadow: var(--shadow-soft), inset 0 1px rgba(255,255,255,.025);
}
.card h3 { margin: 0 0 12px; font-size: 15px; }
.stat { min-height: 116px; display: flex; flex-direction: column; justify-content: flex-end; }
.stat .num { color: var(--text); font-size: clamp(25px, 3vw, 32px); font-weight: 850; line-height: 1; font-variant-numeric: tabular-nums; }
.stat .num.accent { color: transparent; background: linear-gradient(100deg, var(--accent), var(--accent-2)); background-clip: text; }
.stat .lbl { margin-top: 8px; color: var(--muted); font-size: 10px; }
.row { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; }
.row > div { flex: 1; min-width: 150px; }
.toolbar { display: flex; align-items: center; gap: 9px; margin-bottom: 15px; flex-wrap: wrap; }
.section-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin-bottom: 17px; }
.section-title h3 { margin: 5px 0 0; }

.badge {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  padding: 3px 8px;
  border: 1px solid var(--border-strong);
  border-radius: 999px;
  color: var(--text-soft);
  background: rgba(255,255,255,.025);
  font-size: 10px;
  font-weight: 750;
  white-space: nowrap;
}
.badge.tg { color: #6dcfff; border-color: rgba(42,171,238,.3); background: rgba(42,171,238,.07); }
.badge.dc { color: #aab1ff; border-color: rgba(88,101,242,.34); background: rgba(88,101,242,.08); }
.badge.self { color: #ffc47a; border-color: rgba(251,191,36,.28); background: rgba(251,191,36,.07); }
.badge.ok { color: var(--green); border-color: rgba(var(--green-rgb), .28); background: rgba(var(--green-rgb), .07); }
.badge.off { color: var(--red); border-color: rgba(var(--red-rgb), .28); background: rgba(var(--red-rgb), .07); }
.badge.warn-b { color: var(--yellow); border-color: rgba(var(--yellow-rgb), .28); background: rgba(var(--yellow-rgb), .07); }
.dot { flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--muted-2); }
.dot.ok { background: var(--green); box-shadow: 0 0 0 4px rgba(var(--green-rgb), .09), 0 0 12px rgba(var(--green-rgb), .45); }
.dot.warn { background: var(--yellow); box-shadow: 0 0 10px rgba(var(--yellow-rgb), .4); }
.dot.bad { background: var(--red); }

.progress { height: 9px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.055); }
.progress > div { width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--accent), var(--accent-2)); box-shadow: 0 0 14px rgba(var(--accent-rgb), .3); transition: width .3s var(--ease); }
.pager { display: flex; align-items: center; justify-content: center; gap: 9px; margin: 15px 0; flex-wrap: wrap; }
.pager .pageinfo { color: var(--muted); font-size: 12px; }
.chart { display: flex; align-items: flex-end; gap: 6px; height: 180px; padding-top: 10px; }
.bar-col { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; gap: 5px; }
.bar-col .bar { width: min(72%, 24px); min-height: 2px; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, var(--accent-2), var(--accent)); }
.bar-col span { color: var(--muted-2); font-size: 9px; white-space: nowrap; direction: ltr; }

table { width: 100%; border-collapse: collapse; }
th, td { padding: 11px 12px; border-bottom: 1px solid var(--border); text-align: start; font-size: 12px; }
th { color: var(--muted); font-size: 10px; font-weight: 750; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr:hover td { background: rgba(var(--accent-rgb), .035); }
.card:has(> table), .card:has(> .dashboard-table) { overflow-x: auto; }

.logbox { height: min(62vh, 640px); overflow: auto; padding: 13px; border: 1px solid var(--border); border-radius: var(--radius); color: #abb4c5; background: #050407; font: 12px/1.7 ui-monospace, "SFMono-Regular", Consolas, monospace; direction: ltr; text-align: left; }
.logline { padding: 2px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.logline .lv { display: inline-block; width: 54px; font-weight: 800; }
.logline.info .lv { color: var(--accent-2); }
.logline.warn .lv { color: var(--yellow); }
.logline.error .lv { color: var(--red); }
.logline .ts, .logline .sc { margin-right: 8px; color: var(--muted-2); }
.pill-list { display: flex; flex-wrap: wrap; gap: 7px; max-height: 240px; overflow: auto; padding: 4px; }
.pill { display: flex; align-items: center; gap: 8px; min-height: 38px; margin: 0; padding: 7px 10px; border: 1px solid var(--border); border-radius: 9px; color: var(--text-soft); background: var(--panel); font-size: 12px; cursor: pointer; }
.checklist { display: flex; flex-direction: column; gap: 7px; }
.checklist label { display: flex; align-items: center; gap: 9px; min-height: 40px; margin: 0; color: var(--text-soft); cursor: pointer; }
.clone-channel-tools { margin: 0; }
.clone-channel-search { width: min(100%, 320px); min-width: min(100%, 260px); margin-inline-start: auto; }
.clone-channel-hint { margin-top: 9px; font-size: 11px; }
.clone-channel-list { display: flex; flex-direction: column; gap: 10px; }
.clone-channel-group { overflow: hidden; border: 1px solid var(--border); border-radius: 12px; background: var(--field); }
.clone-group-title { display: flex; align-items: center; gap: 9px; min-height: 52px; margin: 0; padding: 9px 12px; border-bottom: 1px solid var(--border); }
.clone-group-title > input, .clone-group-toggle, .destination-group-toggle, .destination-delete-channel, .gm-channel-item-toggle, .bulk-cb { width: 18px; }
.clone-group-title .muted { margin-inline-start: auto; font-size: 10px; }
.clone-group-expand { display: flex; align-items: center; gap: 7px; flex: 1; min-width: 0; min-height: 40px; padding: 0; border: 0; color: var(--text-soft); background: transparent; text-align: start; cursor: pointer; }
.clone-group-expand strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.clone-group-arrow { display: grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; border-radius: 7px; color: var(--accent-2); background: rgba(var(--accent-rgb), .08); transition: transform .18s; }
.clone-group-expand[aria-expanded="true"] .clone-group-arrow { transform: rotate(90deg); }
.clone-channel-group > .pill-list { max-height: none; padding: 10px; background: rgba(255,255,255,.012); }
.command-palette, .mbody { min-width: 0; }
.dashboard-primary-action { flex: 0 0 auto; }
.nm-select { min-width: 130px; }
.gm-role-forge, .gm-members-panel { width: 100%; }
.skeleton { position: relative; overflow: hidden; color: transparent !important; }
.skeleton::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 22%, rgba(255,255,255,.05) 45%, rgba(var(--accent-rgb),.07) 50%, rgba(255,255,255,.05) 55%, transparent 78%); transform: translateX(-110%); animation: skeleton-shimmer 1.55s ease-in-out infinite; }

/* Login */
.login-wrap { position: relative; isolation: isolate; display: grid; place-items: center; min-height: 100dvh; padding: max(22px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left)); overflow: auto; }
.login-aurora { position: fixed; z-index: -1; width: min(72vw, 760px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(var(--accent-rgb), .2), transparent 68%); filter: blur(16px); opacity: .8; }
.login-card { position: relative; width: min(420px, 100%); padding: 34px; overflow: hidden; border: 1px solid rgba(var(--accent-rgb), .22); border-radius: 24px; background: linear-gradient(145deg, rgba(255,255,255,.04), transparent 45%), rgba(15,12,21,.94); box-shadow: 0 32px 90px rgba(0,0,0,.58), inset 0 1px rgba(255,255,255,.06); backdrop-filter: blur(20px); }
.login-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), var(--accent-2), transparent); }
.login-badge { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 20px; padding: 5px 9px; border: 1px solid rgba(var(--green-rgb), .2); border-radius: 999px; color: #9ee8cb; background: rgba(var(--green-rgb), .055); font-size: 10px; }
.login-badge span { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 9px var(--green); }
.brand-lg { display: flex; align-items: center; gap: 10px; margin: 0; direction: ltr; font-size: 27px; letter-spacing: -.03em; }
.login-card h2 { margin: 26px 0 4px; font-size: 22px; }
.login-card p { margin: 0 0 20px; font-size: 12px; }
.login-card .btn { width: 100%; min-height: 48px; margin-top: 18px; }

/* Shell */
.app { position: relative; display: grid; grid-template-columns: var(--sidebar-w) minmax(0, 1fr); width: 100%; height: 100dvh; min-height: 0; }
.sidebar { position: relative; z-index: 30; display: flex; flex-direction: column; min-width: 0; min-height: 0; padding: 15px 12px; overflow: hidden; border: 0; border-inline-start: 1px solid var(--border); background: rgba(8,7,12,.94); box-shadow: -16px 0 50px rgba(0,0,0,.18); backdrop-filter: blur(20px); }
.brand { display: flex; align-items: center; gap: 10px; min-height: 58px; padding: 6px 8px 15px; direction: ltr; }
.logo-dot { display: none; }
.logo-cube { position: relative; display: inline-grid; place-items: center; flex: 0 0 29px; width: 29px; height: 29px; border-radius: 9px; background: linear-gradient(145deg, var(--accent-2), var(--accent) 62%, rgba(var(--accent-rgb), .5)); box-shadow: 0 8px 18px rgba(var(--accent-rgb), .25), inset 0 1px rgba(255,255,255,.34); transform: rotate(-7deg); }
.logo-cube::before { content: ""; position: absolute; inset: 6px; border: 1.5px solid rgba(255,255,255,.8); border-radius: 4px; }
.logo-cube span { width: 4px; height: 4px; border-radius: 50%; background: #fff; box-shadow: 0 0 8px #fff; }
.brand-copy { display: flex; min-width: 0; flex-direction: column; }
.brand-copy b { font-size: 17px; }
.brand-copy small { color: var(--muted-2); font-size: 8px; letter-spacing: .2em; }
.sidebar-close { display: none; place-items: center; width: 44px; height: 44px; margin-inline-start: auto; padding: 0; border: 0; border-radius: 11px; color: var(--muted); background: transparent; cursor: pointer; }
.sidebar-close svg { width: 20px; height: 20px; }
#nav { display: flex; flex: 1; min-height: 0; flex-direction: column; gap: 7px; padding-inline-end: 2px; overflow-y: auto; overscroll-behavior: contain; }
.nav-group { padding-bottom: 7px; border-bottom: 1px solid var(--border); }
.nav-group:last-child { border: 0; }
.nav-group-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 36px; padding: 7px 9px; border: 0; border-radius: 9px; color: var(--muted-2); background: transparent; font-size: 10px; font-weight: 750; cursor: pointer; }
.nav-group-toggle:hover { color: var(--text-soft); background: rgba(255,255,255,.025); }
.nav-group-toggle i { font-style: normal; transition: transform .18s; }
.nav-group-toggle[aria-expanded="false"] i { transform: rotate(90deg); }
.nav-group-items { display: grid; gap: 3px; }
.nav-item { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 8px 10px; border: 1px solid transparent; border-radius: 10px; color: var(--muted); font-size: 12px; cursor: pointer; transition: color .16s, background .16s, border-color .16s; }
.nav-item i { display: grid; place-items: center; flex: 0 0 23px; width: 23px; height: 23px; color: color-mix(in srgb, var(--accent-2) 62%, var(--muted)); }
.nav-item i svg { width: 18px; height: 18px; }
.nav-item:hover { color: var(--text); background: rgba(var(--accent-rgb), .055); }
.nav-item.active { color: #fff; border-color: rgba(var(--accent-rgb), .19); background: linear-gradient(100deg, rgba(var(--accent-rgb), .18), rgba(var(--accent-2-rgb), .045)); box-shadow: inset -2px 0 var(--accent); }
.nav-item.active i { color: var(--accent-2); }
.sidebar-foot { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 12px 7px 0; border-top: 1px solid var(--border); }
.user-avatar { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(var(--accent-rgb), .26); border-radius: 10px; color: #fff; background: rgba(var(--accent-rgb), .14); font-weight: 800; }
.sidebar-user { display: flex; min-width: 0; flex-direction: column; }
.sidebar-user small { color: var(--muted-2); font-size: 9px; }
.sidebar-user b { overflow: hidden; color: var(--text-soft); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-foot .btn { min-width: 0; padding-inline: 8px; }
.main { display: flex; min-width: 0; min-height: 0; flex-direction: column; overflow: hidden; }
.topbar { position: relative; z-index: 24; display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 18px; min-height: var(--topbar-h); padding: 11px clamp(16px, 2.2vw, 30px); border-bottom: 1px solid var(--border); background: rgba(8,7,13,.82); backdrop-filter: blur(18px); }
.topbar-left, .topbar-actions { display: flex; align-items: center; gap: 9px; min-width: 0; }
.topbar-title { min-width: 0; }
.topbar-title small { display: block; margin-bottom: 1px; color: var(--muted-2); font-size: 9px; }
.topbar-title h1 { margin: 0; overflow: hidden; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.icon-btn, .topbar-tool { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 12px; border: 1px solid var(--border); border-radius: 11px; color: var(--muted); background: rgba(255,255,255,.022); cursor: pointer; }
.icon-btn { display: none; padding: 0; }
.icon-btn svg, .topbar-tool svg { width: 19px; height: 19px; }
.topbar-tool:hover, .icon-btn:hover { color: #fff; border-color: rgba(var(--accent-rgb), .34); background: rgba(var(--accent-rgb), .07); }
.command-trigger { gap: 9px; min-width: 150px; justify-content: flex-start; }
.command-trigger span { color: var(--text-soft); font-size: 11px; }
kbd { padding: 2px 6px; border: 1px solid var(--border-strong); border-radius: 6px; color: var(--muted); background: rgba(255,255,255,.035); font: 10px ui-monospace, monospace; direction: ltr; }
.command-trigger kbd { margin-inline-start: auto; }
.topbar-right { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 7px 10px; border: 1px solid var(--border); border-radius: 999px; background: rgba(255,255,255,.018); font-size: 11px; white-space: nowrap; }
.view { position: relative; z-index: 1; flex: 1 1 auto; min-width: 0; min-height: 0; padding: clamp(16px, 2.2vw, 30px); overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; scroll-padding-bottom: 110px; }

/* Theme picker */
.theme-picker { position: relative; }
.theme-popover { position: absolute; z-index: 130; inset-block-start: calc(100% + 10px); inset-inline-end: 0; width: 184px; padding: 9px; border: 1px solid var(--border-strong); border-radius: 14px; background: rgba(17,14,24,.98); box-shadow: var(--shadow); backdrop-filter: blur(20px); }
.theme-popover > span { display: block; padding: 4px 8px 8px; color: var(--muted-2); font-size: 9px; }
.theme-popover button { display: flex; align-items: center; gap: 9px; width: 100%; min-height: 42px; padding: 7px 8px; border: 1px solid transparent; border-radius: 9px; color: var(--muted); background: transparent; text-align: start; cursor: pointer; }
.theme-popover button:hover, .theme-popover button.active { color: #fff; border-color: var(--border); background: rgba(255,255,255,.045); }
.theme-popover button.active::after { content: "✓"; margin-inline-start: auto; color: var(--accent-2); font-weight: 900; }
.swatch { width: 16px; height: 16px; border: 2px solid rgba(255,255,255,.22); border-radius: 50%; }
.swatch.violet { background: #8b5cf6; }.swatch.azure { background: #3b82f6; }.swatch.emerald { background: #10b981; }.swatch.rose { background: #f43f5e; }

/* Overlay, modal and command palette */
.sidebar-overlay { position: fixed; z-index: 55; inset: 0; width: auto; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: rgba(0,0,0,.64); backdrop-filter: blur(4px); cursor: default; }
.modal-bg { position: fixed; z-index: 180; inset: 0; display: grid; place-items: center; padding: 18px; background: var(--overlay); backdrop-filter: blur(9px); }
.modal { width: min(480px, 100%); max-height: min(88dvh, 820px); padding: 20px; overflow: auto; overscroll-behavior: contain; border: 1px solid var(--border-strong); border-radius: var(--radius-lg); background: linear-gradient(145deg, rgba(255,255,255,.035), transparent 42%), var(--panel); box-shadow: 0 30px 90px rgba(0,0,0,.65); }
.modal-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 15px; }
.modal-head h3, .modal > h3 { margin: 0; }
.modal-close { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 1px solid var(--border); border-radius: 11px; color: var(--muted); background: rgba(255,255,255,.025); font-size: 22px; cursor: pointer; }
.modal-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 18px; }
.command-modal { width: min(620px, 100%); padding: 14px; }
.command-modal .modal-head { padding: 2px 4px 5px; }
.command-search { display: flex; align-items: center; gap: 9px; min-height: 48px; margin: 0 0 9px; padding: 0 12px; border: 1px solid rgba(var(--accent-rgb), .28); border-radius: 12px; background: var(--field); }
.command-search:focus-within { border-color: var(--accent); box-shadow: var(--focus); }
.command-search svg { flex: 0 0 20px; color: var(--accent-2); }
.command-search input { min-height: 46px; padding: 8px 0; border: 0; background: transparent; box-shadow: none; }
.command-search input:focus { box-shadow: none; }
.command-results { display: grid; gap: 3px; max-height: min(54dvh, 430px); overflow: auto; }
.command-results button { display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 10px; min-height: 54px; padding: 8px 10px; border: 1px solid transparent; border-radius: 11px; color: var(--muted); background: transparent; text-align: start; cursor: pointer; }
.command-results button:hover, .command-results button.selected { color: #fff; border-color: rgba(var(--accent-rgb), .2); background: rgba(var(--accent-rgb), .11); }
.command-results i { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; color: var(--accent-2); background: rgba(var(--accent-rgb), .1); }
.command-results i svg { width: 19px; height: 19px; }
.command-results b, .command-results small { display: block; }
.command-results small { color: var(--muted-2); font-size: 9px; }
.command-hint { display: block; padding: 9px 5px 1px; color: var(--muted-2); font-size: 9px; }

/* Toasts and persistent jobs */
.toasts { position: fixed; z-index: 240; inset-inline-start: 18px; inset-block-end: 18px; display: flex; width: min(360px, calc(100vw - 36px)); flex-direction: column; gap: 8px; pointer-events: none; }
.toast { min-width: 0; padding: 11px 13px; border: 1px solid var(--border-strong); border-radius: 12px; color: var(--text-soft); background: rgba(18,15,25,.97); box-shadow: var(--shadow); animation: toast-in .22s var(--ease); }
.toast.ok { border-color: rgba(var(--green-rgb), .28); }.toast.err { border-color: rgba(var(--red-rgb), .35); }
body.modal-open .toasts { inset-block-start: max(12px, env(safe-area-inset-top)); inset-block-end: auto; }
body.nav-open .toasts { visibility: hidden; }
@keyframes toast-in { from { opacity: 0; transform: translateY(10px); } }
.background-task-note { margin-top: 10px; padding: 10px 12px; border: 1px solid rgba(var(--green-rgb), .16); border-radius: 10px; color: #9bc6b5; background: rgba(var(--green-rgb), .055); font-size: 10px; line-height: 1.75; }
.background-jobs { position: fixed; z-index: 80; inset-inline-start: 18px; inset-block-end: 18px; display: grid; grid-template-columns: 10px minmax(0,1fr) auto; align-items: center; gap: 10px; width: min(390px, calc(100vw - 36px)); min-height: 62px; padding: 10px 13px; border: 1px solid rgba(var(--green-rgb), .25); border-radius: 14px; color: #def0e8; background: rgba(8,18,15,.97); box-shadow: var(--shadow); text-align: start; cursor: pointer; }
.background-jobs b, .background-jobs small { display: block; }
.background-jobs b { font-size: 11px; }.background-jobs small { margin-top: 2px; color: #82a696; font-size: 9px; line-height: 1.55; }
.background-jobs > i { color: var(--green); font-style: normal; }
.background-job-pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(var(--green-rgb), .09); animation: deliveryPulse 1.8s infinite; }

/* Mobile navigation is intentionally absent on desktop. */
.mobile-nav { display: none; }

/* Dashboard */
.dashboard-shell { width: min(100%, 1240px); margin-inline: auto; }
.dashboard-intro {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  min-height: 182px;
  padding: clamp(22px, 3vw, 34px);
  overflow: hidden;
  border: 1px solid rgba(var(--accent-rgb), .18);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(120deg, rgba(var(--accent-rgb), .13), transparent 46%),
    linear-gradient(145deg, rgba(255,255,255,.025), transparent),
    var(--card);
  box-shadow: var(--shadow-soft), inset 0 1px rgba(255,255,255,.04);
}
.dashboard-intro::after { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .13; background-image: linear-gradient(rgba(var(--accent-rgb),.28) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--accent-rgb),.28) 1px, transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(90deg, #000, transparent 72%); pointer-events: none; }
.dashboard-intro-copy { position: relative; z-index: 1; max-width: 680px; }
.dashboard-kicker { display: inline-flex; align-items: center; gap: 8px; color: color-mix(in srgb, var(--accent-2) 78%, #fff); font-size: 10px; font-weight: 800; }
.dashboard-kicker i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px rgba(var(--green-rgb), .7); }
.dashboard-kicker i.warn { background: var(--yellow); box-shadow: 0 0 10px rgba(var(--yellow-rgb), .65); }
.dashboard-intro h2 { margin: 8px 0 5px; font-size: clamp(24px, 3.2vw, 38px); line-height: 1.25; letter-spacing: -.035em; }
.dashboard-intro p { max-width: 630px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.9; }
.dashboard-hero-meta { display: flex; gap: 8px; margin-top: 15px; flex-wrap: wrap; }
.dashboard-hero-meta span { padding: 4px 8px; border: 1px solid var(--border); border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.025); font-size: 9px; }
.dashboard-intro-actions { position: relative; z-index: 2; display: flex; flex: 0 0 auto; flex-direction: column; gap: 9px; width: min(205px, 28%); }
.dashboard-intro-actions .btn { width: 100%; }
.dashboard-command svg { width: 17px; height: 17px; color: var(--accent-2); }
.dashboard-hero-orb { position: absolute; z-index: 0; inset-inline-start: -60px; inset-block-end: -100px; width: 230px; height: 230px; border: 1px solid rgba(var(--accent-rgb), .13); border-radius: 50%; box-shadow: 0 0 80px rgba(var(--accent-rgb), .08), inset 0 0 70px rgba(var(--accent-rgb), .045); pointer-events: none; }
.dashboard-hero-orb::before, .dashboard-hero-orb::after { content: ""; position: absolute; border: 1px solid rgba(var(--accent-rgb), .12); border-radius: 50%; }
.dashboard-hero-orb::before { inset: 32px; }.dashboard-hero-orb::after { inset: 72px; background: rgba(var(--accent-rgb), .12); box-shadow: 0 0 24px rgba(var(--accent-rgb), .3); }

.dashboard-kpis { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 11px; margin-top: 12px; }
.dashboard-kpis article { position: relative; display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: start; gap: 11px; min-height: 122px; padding: 16px; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); box-shadow: inset 0 1px rgba(255,255,255,.025); }
.dashboard-kpis article::after { content: ""; position: absolute; inset: auto -30px -45px auto; width: 90px; height: 90px; border-radius: 50%; background: rgba(var(--accent-rgb), .055); }
.dashboard-kpi-icon { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(var(--accent-rgb), .2); border-radius: 12px; color: var(--accent-2); background: rgba(var(--accent-rgb), .09); }
.dashboard-kpi-icon svg { width: 20px; height: 20px; }
.dashboard-kpis small, .dashboard-kpis strong, .dashboard-kpis strong span { display: block; }
.dashboard-kpis small { color: var(--muted); font-size: 10px; }
.dashboard-kpis strong { margin-top: 7px; font-size: 27px; line-height: 1; font-variant-numeric: tabular-nums; }
.dashboard-kpis strong span { margin-top: 7px; color: var(--muted-2); font-size: 9px; font-weight: 500; line-height: 1.55; }
.dashboard-kpis article.needs-attention { border-color: rgba(var(--red-rgb), .25); }
.dashboard-kpis article.needs-attention .dashboard-kpi-icon { color: var(--red); border-color: rgba(var(--red-rgb), .24); background: rgba(var(--red-rgb), .08); }
.dashboard-kpis article.needs-attention strong { color: #ff9aab; }
.dashboard-kpi-meter { position: absolute; inset-inline: 16px; inset-block-end: 12px; height: 3px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.05); }
.dashboard-kpi-meter b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--accent), var(--accent-2)); }

.dashboard-shortcuts { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 9px; margin: 11px 0 14px; }
.dashboard-shortcuts a { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 10px; min-height: 62px; padding: 9px 11px; border: 1px solid var(--border); border-radius: 12px; color: var(--text-soft); background: rgba(255,255,255,.018); transition: border-color .18s, background .18s, transform .18s var(--ease); }
.dashboard-shortcuts a:hover { border-color: rgba(var(--accent-rgb), .28); background: rgba(var(--accent-rgb), .055); transform: translateY(-1px); }
.dashboard-shortcuts i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: var(--accent-2); background: rgba(var(--accent-rgb), .09); font-style: normal; }
.dashboard-shortcuts i svg { width: 18px; height: 18px; }.dashboard-shortcuts b, .dashboard-shortcuts small { display: block; }
.dashboard-shortcuts b { font-size: 11px; }.dashboard-shortcuts small { margin-top: 2px; color: var(--muted-2); font-size: 9px; }
.dashboard-shortcuts em { color: var(--muted-2); font-style: normal; }
.dashboard-disclosure { margin-top: 9px; overflow: hidden; border: 1px solid var(--border); border-radius: 13px; background: var(--card); }
.dashboard-disclosure summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 60px; padding: 10px 15px; list-style: none; cursor: pointer; }
.dashboard-disclosure summary::-webkit-details-marker { display: none; }
.dashboard-disclosure summary:hover { background: rgba(var(--accent-rgb), .025); }
.dashboard-disclosure summary b, .dashboard-disclosure summary small { display: block; }.dashboard-disclosure summary b { font-size: 12px; }.dashboard-disclosure summary small { margin-top: 3px; color: var(--muted-2); font-size: 9px; }
.dashboard-disclosure summary > i { color: var(--muted-2); font-style: normal; transition: transform .18s; }.dashboard-disclosure[open] summary > i { transform: rotate(180deg); }
.dashboard-disclosure[open] summary { border-bottom: 1px solid var(--border); }
.dashboard-disclosure-body { padding: 15px; }.dashboard-disclosure-body > h3 { margin: 18px 0 0; font-size: 12px; }
.dashboard-secondary-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.dashboard-secondary-stats span { padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; background: rgba(255,255,255,.018); }
.dashboard-secondary-stats small, .dashboard-secondary-stats b { display: block; }.dashboard-secondary-stats small { color: var(--muted-2); font-size: 9px; }.dashboard-secondary-stats b { margin-top: 4px; font-size: 16px; }
.dashboard-table { overflow-x: auto; }

/* Forwards: summary-first cards rather than a dense desktop table. */
.forward-list { display: grid; gap: 10px; }
.forward-card { padding: 0; overflow: hidden; }
.forward-card.is-disabled { opacity: .76; }
.forward-card[open] { border-color: rgba(var(--accent-rgb), .21); }
.forward-summary { display: flex; align-items: center; justify-content: space-between; gap: 13px; min-height: 66px; padding: 11px 14px; list-style: none; cursor: pointer; user-select: none; }
.forward-summary::-webkit-details-marker { display: none; }
.forward-summary:hover { background: rgba(var(--accent-rgb), .035); }
.forward-source { display: flex; align-items: center; gap: 8px; min-width: 0; flex-wrap: wrap; }
.forward-source > b { max-width: min(32vw, 420px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.forward-activity { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.forward-activity > i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; color: var(--muted-2); background: rgba(255,255,255,.03); font-style: normal; transition: transform .18s; }
.forward-card[open] .forward-activity > i { transform: rotate(180deg); }
.forward-actions { display: flex; gap: 7px; padding: 12px 14px; border-top: 1px solid var(--border); background: rgba(255,255,255,.014); flex-wrap: wrap; }
.forward-meta { padding: 2px 14px 10px; overflow-wrap: anywhere; font-size: 10px; }
.forward-card > .error-text { margin: 0 14px 10px; }
.forward-name-mode { display: flex; align-items: center; gap: 9px; padding: 10px 14px; border-top: 1px solid var(--border); }
.forward-name-mode select { width: auto; min-width: 130px; }
.forward-destinations { border-top: 1px solid var(--border); }
.forward-destinations td:first-child { color: var(--text-soft); }
.forward-destinations td:last-child { width: 56px; }
.forward-destinations .btn { min-width: 36px; padding-inline: 9px; }

/* Loading state */
.view-skeleton { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; width: min(100%, 1160px); margin-inline: auto; }
.view-skeleton span { position: relative; min-height: 150px; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); }
.view-skeleton span:first-child { grid-column: 1/-1; min-height: 92px; }
.view-skeleton span::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,.045) 42%, rgba(var(--accent-rgb),.08) 50%, rgba(255,255,255,.045) 58%, transparent 80%); transform: translateX(-110%); animation: skeleton-shimmer 1.55s ease-in-out infinite; }
@keyframes skeleton-shimmer { to { transform: translateX(110%); } }

/* Generic route surfaces are pulled into the palette without changing their layouts. */
:where(
  .clone-hero, .clone-step, .clone-options-card, .clone-channels-card, .clone-launch-card, .clone-cleanup-card,
  .gm-hero, .gm-server-picker, .gm-stat, .gm-server-identity, .gm-power, .gm-section-hub, .gm-panel,
  .gm-guide-hero, .gm-guide-topic, .gm-member, .gm-task, .gm-package-builder, .gm-grant-console,
  .gm-access-channel-builder, .gm-signal-composer, .gm-result-console, .gm-channel-zone,
  .bridge-hero, .bridge-card, .delivery-account-picker, .delivery-hero, .delivery-panel,
  .blacklist-user
) { border-color: var(--border-strong); color: var(--text); background-color: var(--card); }

body.clone-route .main, body.guild-manager-route .main { background: radial-gradient(900px 520px at 78% -12%, rgba(var(--accent-rgb), .11), transparent 68%), var(--bg); }
body.clone-route .view, body.guild-manager-route .view { padding: 0; scrollbar-gutter: auto; }
body.clone-route .clone-studio, .guild-command-center { min-height: 100dvh; padding: clamp(16px, 2.3vw, 30px) clamp(14px, 2.3vw, 30px) 52px; }
.clone-hero, .gm-hero { border-color: rgba(var(--accent-rgb), .2); background: radial-gradient(580px 260px at 12% -15%, rgba(var(--accent-rgb), .18), transparent 70%), linear-gradient(145deg, rgba(255,255,255,.025), transparent), var(--card); }
.clone-hero h2 span, .gm-hero h2 b { color: transparent; background: linear-gradient(95deg, var(--accent-2), var(--accent), var(--cyan)); background-clip: text; -webkit-background-clip: text; }
.eyebrow, .gm-live, .gm-guide-kicker { color: color-mix(in srgb, var(--accent-2) 78%, #fff); }
.flow-orb, .step-head > span, .launch-icon, .gm-panel-icon.violet, .gm-template.active, .gm-simple-tabs button.active { border-color: rgba(var(--accent-rgb), .27); background: linear-gradient(135deg, rgba(var(--accent-rgb), .28), rgba(var(--accent-2-rgb), .12)); color: #fff; }
.gm-simple-tabs { scrollbar-width: none; }
.gm-simple-tabs::-webkit-scrollbar { display: none; }
.gm-simple-tabs button { min-height: 48px; }
.gm-simple-tabs button.active { background: linear-gradient(135deg, var(--accent), var(--accent-2)); box-shadow: 0 8px 20px rgba(var(--accent-rgb), .22); }
.gm-channel-zone:nth-child(n) { --zone: var(--accent-2); --zone-rgb: var(--accent-2-rgb); }
.gm-channel input:checked + .gm-channel-check { color: #fff; border-color: var(--accent); background: var(--accent); }
.blacklist-user, .delivery-stats article, .bridge-queue-grid span { border-color: var(--border); background: var(--card); }

/* Fireworks and progress remain clear above the mobile chrome. */
.clone-celebration { z-index: 300; }
.clone-actions { border-color: rgba(var(--accent-rgb), .24); background: rgba(10,8,14,.94); }
.clone-progress-panel .progress > div, .gm-task .progress > div { background: linear-gradient(90deg, var(--accent), var(--accent-2)); }

/* True card tables are opted in per route. Desktop remains semantic table UI. */
.mobile-cards { width: 100%; }

/* Responsive system */
@media (max-width: 1180px) {
  .grid.cols-4 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .dashboard-kpis { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .dashboard-shortcuts { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .clone-filter-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .cleanup-group-items { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 900px) {
  :root { --sidebar-w: 232px; }
  .grid.cols-3 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .bridge-hero { align-items: flex-start; flex-direction: column; }
  .bridge-flow { width: 100%; justify-content: center; }
  .bridge-flow > span { width: auto; flex: 1; }
  .delivery-hero { grid-template-columns: 1fr; }
  .delivery-stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 768px) {
  :root { --topbar-h: 58px; }
  html, body { width: 100%; height: 100%; min-height: 100dvh; }
  body { font-size: 13px; background: radial-gradient(520px 360px at 88% -10%, rgba(var(--accent-rgb), .1), transparent 68%), var(--bg); }
  body.authenticated { padding-bottom: 0; }
  body.modal-open { overscroll-behavior: none; }

  input, select, textarea { min-height: 46px; font-size: 16px; }
  .btn, .btn.sm { min-height: 44px; }
  .btn.sm { padding: 8px 11px; font-size: 12px; }

  .app { grid-template-columns: minmax(0,1fr); height: 100dvh; }
  .sidebar {
    position: fixed;
    z-index: 70;
    inset-block: 0;
    inset-inline-start: auto;
    inset-inline-end: 0;
    width: min(88vw, 320px);
    height: 100dvh;
    padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) 12px;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(102%);
    transition: transform .24s var(--ease), visibility .24s;
  }
  .sidebar.open { visibility: visible; pointer-events: auto; transform: none; box-shadow: -24px 0 70px rgba(0,0,0,.6); }
  .sidebar-close { display: grid; }
  .brand { min-height: 58px; padding-top: 2px; }
  .nav-group-toggle { min-height: 44px; font-size: 11px; }
  .nav-item { min-height: 46px; font-size: 13px; }
  .sidebar-foot { padding-bottom: 3px; }
  .sidebar-foot .btn { min-height: 44px; }
  .sidebar-overlay { z-index: 65; }

  .topbar {
    min-height: calc(var(--topbar-h) + env(safe-area-inset-top));
    padding: max(7px, env(safe-area-inset-top)) 10px 7px;
    gap: 8px;
    background: rgba(8,7,13,.94);
  }
  .icon-btn { display: inline-flex; flex: 0 0 44px; }
  .topbar-left { gap: 7px; flex: 1; overflow: hidden; }
  .topbar-title small { display: none; }
  .topbar-title h1 { font-size: 15px; }
  .topbar-actions { gap: 6px; flex: 0 0 auto; }
  .topbar-tool { width: 44px; padding: 0; }
  .command-trigger { min-width: 44px; width: 44px; }
  .command-trigger span, .command-trigger kbd { display: none; }
  .topbar-right { max-width: min(35vw, 138px); min-height: 42px; padding: 7px 9px; }
  #health-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .theme-popover { position: fixed; inset-block-start: calc(var(--topbar-h) + env(safe-area-inset-top) + 7px); inset-inline: auto 10px; width: min(220px, calc(100vw - 20px)); }

  .view {
    padding: 13px;
    padding-inline: max(13px, env(safe-area-inset-left)) max(13px, env(safe-area-inset-right));
    padding-bottom: calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 24px);
    scrollbar-gutter: auto;
    scroll-padding: 12px 0 calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 28px);
  }

  .mobile-nav {
    position: fixed;
    z-index: 52;
    inset-inline: 0;
    inset-block-end: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0,1fr));
    min-height: calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));
    padding: 7px max(7px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left));
    border-top: 1px solid var(--border-strong);
    background: rgba(9,7,13,.97);
    box-shadow: 0 -14px 40px rgba(0,0,0,.42);
    backdrop-filter: blur(18px);
  }
  .mobile-nav a, .mobile-nav button { display: flex; align-items: center; justify-content: center; gap: 4px; min-width: 0; min-height: 54px; flex-direction: column; padding: 5px 3px; border: 0; border-radius: 11px; color: var(--muted-2); background: transparent; font: inherit; font-size: 9px; cursor: pointer; }
  .mobile-nav svg { width: 20px; height: 20px; }
  .mobile-nav :is(a,button):hover, .mobile-nav :is(a,button).active, .mobile-nav a[aria-current="page"] { color: #fff; background: rgba(var(--accent-rgb), .1); }
  .mobile-nav :is(a,button).active svg, .mobile-nav a[aria-current="page"] svg { color: var(--accent-2); filter: drop-shadow(0 0 7px rgba(var(--accent-rgb), .5)); }

  .toasts { inset-inline: 10px; inset-block-end: calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 10px); width: auto; }
  .background-jobs { inset-inline: 10px; inset-block-end: calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 10px); width: auto; min-height: 62px; }
  body.nav-open .background-jobs { visibility: hidden; }
  .background-jobs small { display: none; }

  .modal-bg { align-items: end; padding: max(12px, env(safe-area-inset-top)) 0 0; }
  .modal { width: 100%; max-width: none; max-height: calc(100dvh - max(12px, env(safe-area-inset-top))); padding: 18px 16px max(18px, env(safe-area-inset-bottom)); border-width: 1px 0 0; border-radius: 22px 22px 0 0; }
  .modal-head { position: sticky; z-index: 2; top: -18px; margin: -18px -16px 13px; padding: 12px 16px 9px; background: rgba(16,14,23,.96); backdrop-filter: blur(16px); }
  .modal-head::before { content: ""; position: absolute; top: 5px; left: 50%; width: 34px; height: 4px; border-radius: 999px; background: rgba(255,255,255,.14); transform: translateX(-50%); }
  .modal-actions { position: sticky; bottom: calc(0px - max(18px, env(safe-area-inset-bottom))); z-index: 2; margin: 18px -16px calc(0px - max(18px, env(safe-area-inset-bottom))); padding: 11px 16px max(12px, env(safe-area-inset-bottom)); background: linear-gradient(180deg, transparent, var(--panel) 14%); }
  .modal-actions .btn { flex: 1; }
  .command-modal { padding-inline: 12px; }
  .command-modal .modal-head { margin-inline: -12px; }
  .command-results button { min-height: 58px; }

  .grid { gap: 10px; }
  .grid.cols-4, .grid.cols-3, .grid.cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .card { padding: 14px; border-radius: 13px; box-shadow: 0 8px 26px rgba(0,0,0,.2); }
  .stat { min-height: 102px; }
  .stat .num { font-size: 25px; }
  .row > div { min-width: 100%; }
  .toolbar { gap: 7px; }
  .section-title { align-items: flex-start; flex-direction: column; }

  .dashboard-intro { align-items: stretch; flex-direction: column; gap: 18px; min-height: 0; padding: 21px 18px; }
  .dashboard-intro h2 { font-size: 26px; }
  .dashboard-intro-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .dashboard-hero-orb { opacity: .55; }
  .dashboard-kpis { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
  .dashboard-kpis article { grid-template-columns: 34px minmax(0,1fr); gap: 8px; min-height: 112px; padding: 12px; }
  .dashboard-kpi-icon { width: 34px; height: 34px; border-radius: 10px; }
  .dashboard-kpi-icon svg { width: 17px; height: 17px; }
  .dashboard-kpis strong { font-size: 23px; }
  .dashboard-kpis strong span { font-size: 8px; }
  .dashboard-kpi-meter { inset-inline: 12px; inset-block-end: 9px; }
  .dashboard-shortcuts { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 7px; }
  .dashboard-shortcuts a { min-height: 64px; }
  .dashboard-disclosure-body { padding: 11px; }

  .forward-summary { align-items: flex-start; min-height: 70px; padding: 12px; }
  .forward-source > b { max-width: 44vw; }
  .forward-activity { align-items: flex-end; flex-direction: column-reverse; }
  .forward-actions { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); padding: 10px 12px; }
  .forward-actions .btn { width: 100%; }
  .forward-meta, .forward-card > .error-text { margin-inline: 0; padding-inline: 12px; }
  .forward-name-mode { padding-inline: 12px; }
  .forward-destinations { display: block; }
  .forward-destinations tbody { display: grid; gap: 7px; padding: 0 12px 12px; }
  .forward-destinations tr { display: grid; grid-template-columns: minmax(0,1fr) auto; padding: 9px; border: 1px solid var(--border); border-radius: 10px; background: rgba(255,255,255,.018); }
  .forward-destinations td { padding: 4px; border: 0; }
  .forward-destinations td:nth-child(2) { grid-column: 1/-1; grid-row: 2; overflow-wrap: anywhere; font-size: 9px; }
  .forward-destinations td:last-child { grid-column: 2; grid-row: 1; width: auto; }

  body.clone-route .topbar, body.guild-manager-route .topbar { display: flex; }
  body.clone-route .clone-studio, .guild-command-center { min-height: 100%; padding: 13px 13px calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 26px); }
  .clone-hero, .gm-hero { grid-template-columns: 1fr; align-items: flex-start; flex-direction: column; min-height: 0; padding: 20px 17px; border-radius: 17px; }
  .clone-hero h2, .gm-hero h2 { font-size: 28px; }
  .mode-switch { width: 100%; min-width: 0; min-height: 62px; }
  .clone-flow { grid-template-columns: 1fr; gap: 12px; }
  .clone-step { min-height: 0; padding: 17px; }
  .flow-orb { width: 54px; height: 54px; transform: rotate(90deg); }
  .clone-filter-grid, .cleanup-group-items { grid-template-columns: 1fr; }
  .clone-options-card, .clone-channels-card, .clone-launch-card, .clone-cleanup-card { padding: 16px; }
  .progress-meta { align-items: stretch; flex-direction: column-reverse; }
  .percent-display { width: 100%; min-height: 104px; }
  .clone-actions { grid-template-columns: 1fr 1fr; inset-block-end: calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 8px); padding: 9px; }
  .clone-actions .btn { min-height: 48px; }

  .gm-overview { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .gm-server-identity, .gm-power { grid-column: 1/-1; }
  .gm-simple-tabs { position: sticky; top: 6px; display: flex; gap: 6px; padding: 5px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 6px; overscroll-behavior-inline: contain; }
  .gm-simple-tabs button { flex: 0 0 122px; min-height: 52px; scroll-snap-align: start; }
  .gm-simple-tabs button small { display: none; }
  .gm-panel, .gm-section-hub { padding: 15px; border-radius: 16px; }
  .gm-grid, .gm-community-tools, .gm-signal-grid, .gm-subscription-grid, .gm-workspace-builder, .gm-access-fields { grid-template-columns: 1fr; }
  .gm-channel-vault { grid-template-columns: 1fr; max-height: none; }
  .gm-hub-grid { grid-template-columns: 1fr; }
  .gm-guide-hero, .gm-guide-map, .gm-guide-commands { grid-template-columns: 1fr; }
  .gm-guide-quick { grid-template-columns: 1fr 1fr; }
  .gm-shield-head, .gm-shield-controls, .gm-shield-action, .gm-signal-head, .gm-subscription-head { align-items: stretch; flex-direction: column; }
  .gm-shield-controls > div:first-child { width: 100%; min-width: 0; }
  .gm-vault-search { width: 100%; max-width: none; }
  .gm-shield-buttons, .gm-shield-action > div:last-child { display: grid; grid-template-columns: 1fr 1fr; width: 100%; white-space: normal; }
  .gm-selection-count, .gm-signal-live, .gm-auto-expire { align-self: flex-start; margin-inline-start: 0; }
  .gm-member { grid-template-columns: 42px minmax(0,1fr); }
  .gm-member .gm-member-role-action { grid-column: 1/-1; width: 100%; }

  .delivery-account-picker { align-items: stretch; flex-direction: column; }
  .delivery-account-picker > label { width: 100%; }
  .delivery-panel > header { align-items: stretch; flex-direction: column; }
  .delivery-row { grid-template-columns: 30px minmax(0,1fr); }
  .delivery-timing { grid-column: 2; display: flex; align-items: center; gap: 8px; text-align: start; direction: rtl; flex-wrap: wrap; }
  .delivery-timing :is(span,small,time) { margin: 0; }
  .blacklist-user { grid-template-columns: 46px minmax(0,1fr) auto; }
  .blacklist-platform { display: none; }
  .blacklist-actions { grid-column: 2/4; }
  .blacklist-actions .btn { flex: 1; }
}

@media (max-width: 640px) {
  .grid.cols-2 { grid-template-columns: 1fr; }
  .card:has(> table.mobile-cards), .dashboard-table { overflow: visible; }
  table.mobile-cards, .mobile-cards tbody { display: block; width: 100%; }
  .mobile-cards thead { display: none; }
  .mobile-cards tbody { display: grid; gap: 9px; }
  .mobile-cards tr { display: grid; gap: 0; padding: 9px 11px; border: 1px solid var(--border); border-radius: 12px; background: rgba(255,255,255,.018); }
  .mobile-cards td { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-width: 0; min-height: 38px; padding: 7px 0; border-bottom: 1px solid var(--border); text-align: end !important; white-space: normal; overflow-wrap: anywhere; }
  .mobile-cards td:last-child { border-bottom: 0; }
  .mobile-cards td::before { content: attr(data-label); flex: 0 0 auto; color: var(--muted-2); font-size: 9px; font-weight: 700; text-align: start; }
  .mobile-cards td[colspan] { display: block; text-align: center !important; }
  .mobile-cards td[colspan]::before { display: none; }
  .mobile-cards td .btn { min-height: 40px; }
  .dashboard-table table { min-width: 0; }

  .delivery-stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .delivery-route { align-items: flex-start; flex-direction: column; gap: 5px; }
  .delivery-route i { display: none; }
  .delivery-main > p { white-space: normal; line-height: 1.7; }
  .bridge-flow { gap: 5px; }
  .bridge-flow > span { padding: 10px 4px; font-size: 10px; }
  .bridge-queue-grid { grid-template-columns: 1fr 1fr; }
  .view-skeleton { grid-template-columns: 1fr; gap: 10px; }
  .view-skeleton span:first-child { grid-column: auto; }
}

@media (max-width: 420px) {
  .topbar-right { max-width: 46px; width: 46px; justify-content: center; }
  #health-text { display: none; }
  .topbar-title h1 { max-width: 31vw; }
  .dashboard-intro { padding: 19px 15px; }
  .dashboard-intro-actions { grid-template-columns: 1fr; }
  .dashboard-kpis article { display: block; min-height: 118px; }
  .dashboard-kpi-icon { margin-bottom: 8px; }
  .dashboard-kpis strong { margin-top: 5px; font-size: 21px; }
  .dashboard-shortcuts a { grid-template-columns: 30px minmax(0,1fr); padding: 8px; }
  .dashboard-shortcuts i { width: 30px; height: 30px; }
  .dashboard-shortcuts em { display: none; }
  .dashboard-secondary-stats { grid-template-columns: 1fr; }
  .forward-source > b { max-width: 42vw; }
  .forward-actions { grid-template-columns: 1fr; }
  .clone-actions { grid-template-columns: 1fr; }
  .gm-guide-quick { grid-template-columns: 1fr; }
  .gm-shield-buttons, .gm-shield-action > div:last-child { grid-template-columns: 1fr; }
  .gm-package-presets { grid-template-columns: 1fr 1fr; }
  .modal-actions { display: grid; grid-template-columns: 1fr 1fr; }
}

@media (pointer: coarse) {
  :where(button, a, summary, label, .pill) { touch-action: manipulation; }
  .btn:hover, .card:hover, .dashboard-shortcuts a:hover, .gm-channel-zone:hover, .filter-option:hover { transform: none; }
  .sidebar, .topbar, .mobile-nav, .modal-bg, .theme-popover { backdrop-filter: none; -webkit-backdrop-filter: none; }
  .clone-hero::before, .flow-orb::before, .gm-orbit { animation: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .view-skeleton span::after, .skeleton::after { display: none; }
}

@media (max-width: 768px) and (max-height: 520px) and (orientation: landscape) {
  :root { --mobile-nav-h: 60px; }
  .mobile-nav a, .mobile-nav button { min-height: 45px; flex-direction: row; }
  .mobile-nav svg { width: 18px; height: 18px; }
  .modal { max-height: calc(100dvh - 6px); }
}