:root{
  --bg:#0b0f1a;
  --bg2:#0f1629;
  --card:#101a33;
  --card2:#0e1730;

  --text:#e8ecff;
  --muted:#a7b0d6;
  --muted2:#7f89b6;

  --line:rgba(255,255,255,.08);
  --line2:rgba(255,255,255,.12);
  --border:rgba(255,255,255,.08);

  --brand:#5865f2;
  --brand2:#7a6cff;

  --good:#22c55e;
  --bad:#ef4444;
  --warn:#f59e0b;

  --shadow:0 18px 55px rgba(0,0,0,.45);
  --shadow2:0 12px 30px rgba(0,0,0,.35);

  --r10:10px;
  --r12:12px;
  --r14:14px;
  --r16:16px;

  --s1:6px;
  --s2:10px;
  --s3:14px;
  --s4:18px;
  --s5:22px;

  --font:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;

  --focus:0 0 0 3px rgba(88,101,242,.35);
  --wrap-pad:22px;

  --scroll-track:rgba(0,0,0,.18);
  --scroll-thumb:rgba(255,255,255,.16);
  --scroll-thumb-hover:rgba(255,255,255,.20);
}

*{box-sizing:border-box}
.sb__nav,.table,.logcat__events,.logsQuickCats{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
@supports (scrollbar-gutter: stable){
  .sb__nav,.table,.logcat__events,.logsQuickCats{scrollbar-gutter:stable}
}
html,body{height:100%}
html,
body{
  min-height:100%;
  margin:0;
}

body{
  position:relative;
  font-family:var(--font);
  color:var(--text);
  overflow-x:hidden;
  background:transparent;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(1200px 700px at 16% 8%,rgba(88,101,242,.20),transparent 52%),
    radial-gradient(900px 600px at 88% 12%,rgba(122,108,255,.16),transparent 50%),
    linear-gradient(180deg,var(--bg) 0%,#0a0f1d 55%,#080c17 100%);
  background-repeat:no-repeat;
  background-size:cover;
}

a{color:inherit;text-decoration:none}
.btn:focus-visible,.input:focus-visible,.select:focus-visible,.textarea:focus-visible,.switch:focus-visible{outline:none}
.chip .x:focus-visible{box-shadow:var(--focus);border-radius:10px;outline:none}
img{max-width:100%;display:block}
b,strong{font-weight:900;color:var(--text)}
small{color:var(--muted2)}
.ico{display:inline-block;vertical-align:-3px;fill:currentColor}

.app{
  display:flex;
  min-height:100vh;
  width:100%;
}

.sidebar{
  width:288px;
  flex:0 0 288px;
  min-width:0;
  background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 38%),var(--bg2);
  border-right:1px solid var(--line);
  padding:18px 16px;
  display:flex;
  flex-direction:column;
  gap:16px;
}

.sb__top{display:flex;flex-direction:column;gap:14px;min-width:0}

.sb__brand{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:var(--r14);
  background:rgba(255,255,255,.03);
  border:1px solid var(--line);
  min-width:0;
}
.sb__brand:hover{border-color:var(--line2)}

.sb__logo{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:12px;
  object-fit:cover;
  object-position:center;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}
.sb__brandtxt{font-weight:800;letter-spacing:.2px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.sb__server{
  padding:12px;
  border-radius:var(--r14);
  background:rgba(255,255,255,.03);
  border:1px solid var(--line);
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
}

.sb__label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.2px}

.sb__nav{
  display:flex;
  flex-direction:column;
  gap:6px;
  overflow:auto;
  padding-right:4px;
  min-width:0;
}
.sb__nav::-webkit-scrollbar{width:10px;height:10px}
.sb__nav::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:999px}
.sb__nav::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:999px;border:2px solid var(--scroll-track)}
.sb__nav::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}

.sb__sep{height:1px;background:var(--line);margin:10px 0}

.sb__link{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:var(--r14);
  color:var(--muted);
  border:1px solid transparent;
  white-space:nowrap;
  min-width:0;
}
.sb__link:hover{background:rgba(255,255,255,.03);border-color:var(--line)}
.sb__link.active{
  color:var(--text);
  background:linear-gradient(180deg,rgba(88,101,242,.18),rgba(88,101,242,.08));
  border-color:rgba(88,101,242,.28);
  box-shadow:0 10px 26px rgba(88,101,242,.12);
}

.sb__bottom{margin-top:auto;display:flex;flex-direction:column;gap:12px;min-width:0}

.sb__user{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:var(--r14);
  background:rgba(255,255,255,.03);
  border:1px solid var(--line);
  min-width:0;
}
.sb__ava{width:32px;height:32px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.06);flex:0 0 32px}
.sb__utxt{min-width:0}
.sb__uname{font-weight:900;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb__usub{font-size:12px;color:var(--muted2)}

.main{flex:1 1 auto;min-width:0}

.wrap{
  padding:var(--wrap-pad) var(--wrap-pad) 36px;
  margin:0 auto;
  min-width:0;
}

body.density-compact .wrap{padding:18px var(--wrap-pad) 28px}
body.density-compact .card__in{padding:14px}
body.density-compact .row{gap:10px}
body.density-compact .grid2{gap:12px}
body.density-compact .input,body.density-compact .select,body.density-compact .textarea{min-height:40px;padding:9px 12px}
body.density-compact .btn{min-height:40px;padding:9px 12px}
body.density-compact .chipbox,body.density-compact .listbox{min-height:42px;padding:9px 12px}
body.density-compact .table th,body.density-compact .table td{padding:10px 12px}

.h{font-size:18px;font-weight:900;letter-spacing:.2px}
.mini{margin-top:4px;color:var(--muted);font-size:12.5px;line-height:1.35}

.title{font-size:18px;font-weight:950;letter-spacing:.2px}
.subtitle{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.35}

.hint{margin-top:8px;color:var(--muted2);font-size:12.5px;line-height:1.35}
.hint b{font-weight:950}
.hint a{text-decoration:underline}

.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;min-width:0}
.row--between{justify-content:space-between}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;min-width:0}
.grid12{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;min-width:0}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}

.split{display:grid;grid-template-columns:1fr;gap:14px;min-width:0}
.muted{color:var(--muted2)}

.card{
  background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 28%),var(--card);
  border:1px solid var(--line);
  border-radius:var(--r16);
  box-shadow:var(--shadow2);
  min-width:0;
}
.card--soft{
  background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 28%),rgba(0,0,0,.10);
  border-color:rgba(255,255,255,.07);
  box-shadow:none;
}
.card__in{padding:16px;min-width:0}
.card__title{font-weight:950;font-size:14.5px}
.card__text{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.35}

.reveal-ready .reveal-on-scroll{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .42s ease, transform .42s ease;
  will-change:opacity,transform;
}
.reveal-ready .reveal-on-scroll.is-revealed{
  opacity:1;
  transform:none;
}
@media (prefers-reduced-motion: reduce){
  .reveal-ready .reveal-on-scroll,
  .reveal-ready .reveal-on-scroll.is-revealed{
    opacity:1;
    transform:none;
    transition:none;
  }
}

.section{
  border:1px solid var(--line);
  border-radius:var(--r16);
  background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 35%),rgba(0,0,0,.10);
  padding:14px;
  min-width:0;
}
.section__title{font-weight:950;font-size:14px;letter-spacing:.2px}
.section__sub{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.35}

.hr{height:1px;background:var(--line);margin:16px 0}

.pill{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--line);min-width:0}
.ava{width:28px;height:28px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06);flex:0 0 28px}
.pill__name{font-weight:950;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pill__sub{font-size:12px;color:var(--muted2);min-width:0}

.field{display:flex;flex-direction:column;gap:8px;min-width:0;margin-top: 15px;}
.label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.2px}

.control{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-width:0}
.control > *{min-width:0}

.input,.select,.textarea{
  width:100%;
  background:var(--bg);
  color:var(--text);
  border:1px solid var(--line);
  border-radius:var(--r14);
  padding:10px 12px;
  outline:none;
  min-height:42px;
  min-width:0;
}
.select{appearance:none}
.textarea{min-height:110px;resize:vertical}
.input:focus,.select:focus,.textarea:focus{border-color:rgba(88,101,242,.35)}
.input:focus-visible,.select:focus-visible,.textarea:focus-visible{box-shadow:var(--focus);outline:none}
.num{
  display:inline-flex;
  align-items:stretch;
  border:1px solid var(--line);
  border-radius:var(--r14);
  background:var(--bg);
  overflow:hidden;
  min-height:42px;
}
.num:focus-within{box-shadow:var(--focus);border-color:rgba(88,101,242,.35)}
.num .b{
  width:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
  font-weight:950;
  font-size:15px;
  line-height:1;
  color:var(--text);
  background:rgba(255,255,255,.05);
}
.num .b:hover{background:rgba(255,255,255,.08)}
.num .b:active{background:rgba(255,255,255,.10)}
.num .input{
  width:84px;
  min-width:64px;
  border:0;
  border-left:1px solid var(--line);
  border-right:1px solid var(--line);
  border-radius:0;
  background:transparent;
  padding:10px 8px;
  text-align:center;
}
.num .input:focus{box-shadow:none;border-color:transparent}

.chk{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--card);
  cursor:pointer;
  user-select:none;
  min-width:0;
}
.chk input[type="checkbox"],
.bo-check input[type="checkbox"],
label.row input[type="checkbox"]{
  -webkit-appearance:none;
  appearance:none;
  width:18px;
  height:18px;
  min-width:18px;
  border-radius:6px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.04);
  position:relative;
  display:inline-grid;
  place-items:center;
  cursor:pointer;
  transition:border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}
.chk input[type="checkbox"]::after,
.bo-check input[type="checkbox"]::after,
label.row input[type="checkbox"]::after{
  content:"";
  width:9px;
  height:5px;
  border:2px solid #fff;
  border-top:0;
  border-right:0;
  transform:translateY(-1px) rotate(-45deg) scale(0);
  transition:transform .16s ease;
}
.chk input[type="checkbox"]:hover,
.bo-check input[type="checkbox"]:hover,
label.row input[type="checkbox"]:hover{
  border-color:rgba(88,101,242,.38);
  background:rgba(255,255,255,.07);
}
.chk input[type="checkbox"]:checked,
.bo-check input[type="checkbox"]:checked,
label.row input[type="checkbox"]:checked{
  background:rgba(88,101,242,.78);
  border-color:rgba(88,101,242,.88);
}
.chk input[type="checkbox"]:checked::after,
.bo-check input[type="checkbox"]:checked::after,
label.row input[type="checkbox"]:checked::after{
  transform:translateY(-1px) rotate(-45deg) scale(1);
}
.chk input[type="checkbox"]:focus,
.bo-check input[type="checkbox"]:focus,
label.row input[type="checkbox"]:focus{outline:none}
.chk input[type="checkbox"]:focus-visible,
.bo-check input[type="checkbox"]:focus-visible,
label.row input[type="checkbox"]:focus-visible{
  box-shadow:var(--focus);
}
.chk input[type="checkbox"]:disabled,
.bo-check input[type="checkbox"]:disabled,
label.row input[type="checkbox"]:disabled{
  opacity:.5;
  cursor:not-allowed;
}
.chk span{font-size:13px;color:var(--text);min-width:0}

.mono{font-family:var(--mono)}
.meJson{font-family:var(--mono);font-size:12.5px;line-height:1.35}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:var(--r14);
  padding:10px 14px;
  border:1px solid transparent;
  font-weight:950;
  font-size:13px;
  letter-spacing:.1px;
  cursor:pointer;
  user-select:none;
  background:rgba(255,255,255,.06);
  color:var(--text);
  min-height:42px;
  white-space:nowrap;
}
.btn:hover{background:rgba(255,255,255,.08)}
.btn:active{transform:translateY(1px)}
.btn:focus{outline:none}
.btn:focus-visible{box-shadow:var(--focus)}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}

.btn--primary{
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  border-color:rgba(255,255,255,.10);
  box-shadow:0 16px 38px rgba(88,101,242,.22);
}
.btn--primary:hover{filter:brightness(1.04)}
.btn--soft{background:rgba(88,101,242,.12);border-color:rgba(88,101,242,.22)}
.btn--soft:hover{background:rgba(88,101,242,.16)}
.btn--danger{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.22)}
.btn--danger:hover{background:rgba(239,68,68,.18)}
.btn--icon{padding:10px 12px}

.badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--line);
  font-weight:900;
  font-size:12px;
  color:var(--muted);
  white-space:nowrap;
}
.badge--good,.badge--ok,.badge--success{color:#b9f6cf;background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.22)}
.badge--bad,.badge--danger{color:#ffd0d0;background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.22)}
.badge--warn,.badge--warning{color:#ffe0b8;background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.22)}

.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}

.chipbox,.listbox{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:var(--r14);
  background:var(--bg);
  min-height:44px;
  align-items:center;
  min-width:0;
}
.chipbox:focus-within,.listbox:focus-within{box-shadow:var(--focus);border-color:rgba(88,101,242,.35)}
.chipbox .chips,.listbox .chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}
.chipbox__input{
  flex:1 1 160px;
  min-width:140px;
  background:transparent;
  color:var(--text);
  border:0;
  outline:none;
  padding:6px 2px;
  font-size:13px;
}
.chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
  font-weight:950;
  font-size:12px;
}
.chip .x{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  font-size:16px;
  line-height:1;
  padding:0;
}
.chip .x:hover{color:var(--text)}

.switch{
  width:48px;
  height:28px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid var(--line);
  position:relative;
  cursor:pointer;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  padding:3px;
  outline:none;
}
.switch:focus{outline:none}
.switch:focus-visible{box-shadow:var(--focus);border-color:rgba(88,101,242,.35)}
.switch .knob{
  width:22px;
  height:22px;
  border-radius:999px;
  background:rgba(255,255,255,.70);
  box-shadow:0 2px 10px rgba(0,0,0,.18);
  transform:translateX(0);
  transition:transform .14s ease, background .14s ease;
}
.switch.on{
  background:rgba(88,101,242,.22);
  border-color:rgba(88,101,242,.35);
}
.switch.on .knob{
  background:#fff;
  transform:translateX(20px);
}

.tabs{display:flex;flex-wrap:wrap;gap:8px}
.tab{display:none}
.tab.on,.tab.active{display:block}

.table{
  width:100%;
  overflow:auto;
  border:1px solid var(--line);
  border-radius:var(--r16);
  background:rgba(0,0,0,.10);
  min-width:0;
}
.table table{width:100%;border-collapse:collapse;min-width:640px}
.table th,.table td{padding:12px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.table th{
  font-size:12px;
  color:var(--muted);
  font-weight:950;
  letter-spacing:.2px;
  background:rgba(255,255,255,.02);
  position:sticky;
  top:0;
  z-index:1;
}
.table tr:hover td{background:rgba(255,255,255,.02)}
.table td .hint{margin-top:6px}

.table{
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable both-edges;
  scrollbar-width:thin;
  scrollbar-color:var(--scroll-thumb) var(--scroll-track);
}

.table::-webkit-scrollbar{
  width:10px;
  height:10px;
}

.table::-webkit-scrollbar-track{
  background:var(--scroll-track);
  border-radius:999px;
}

.table::-webkit-scrollbar-thumb{
  background:var(--scroll-thumb);
  border-radius:999px;
  border:2px solid var(--scroll-track);
}

.table::-webkit-scrollbar-thumb:hover{
  background:var(--scroll-thumb-hover);
}

.table::-webkit-scrollbar-corner{
  background:transparent;
}
.footerbar{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--line);
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  min-width:0;
}

.statgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.stat{
  border:1px solid var(--line);
  border-radius:var(--r14);
  background:rgba(255,255,255,.02);
  padding:12px;
  min-width:0;
}
.stat__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
.stat__label{color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.2px}
.stat__value{margin-top:6px;font-size:18px;font-weight:950;line-height:1.1;letter-spacing:.2px;word-break:break-word}
.stat__sub{margin-top:6px;color:var(--muted2);font-size:12.5px;line-height:1.35;word-break:break-word}
.stat__right{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.stat--ok{border-color:rgba(34,197,94,.22);background:rgba(34,197,94,.06)}
.stat--bad{border-color:rgba(239,68,68,.22);background:rgba(239,68,68,.06)}
.stat--warn{border-color:rgba(245,158,11,.22);background:rgba(245,158,11,.06)}

.modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(10px);
  z-index:50;
  overflow:auto;
}
.modal.on{display:flex}
.modal__card{
  width:min(720px,100%);
  border-radius:var(--r16);
  background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 35%),var(--card);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  max-height:calc(100vh - 36px);
  min-width:0;
}
.modal__card--sm{width:min(520px,100%)}
.modal__card--lg{width:min(980px,100%)}
.modal__head{
  padding:16px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
.modal__title{font-weight:950;letter-spacing:.2px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.modal__body{padding:16px;min-width:0;overflow:auto;flex:1 1 auto}
.modal__foot{padding:16px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;min-width:0}
.modal__x{
  appearance:none;
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  color:var(--text);
  border-radius:12px;
  width:38px;
  height:38px;
  cursor:pointer;
}
.modal__x:hover{background:rgba(255,255,255,.07)}

.iziToast.ref-izitoast{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:var(--r16);box-shadow:var(--shadow2);overflow:hidden;min-height:auto!important}
.iziToast.ref-izitoast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand)}
.iziToast.ref-izitoast--success:before{background:var(--good)}
.iziToast.ref-izitoast--error:before{background:var(--bad)}
.iziToast.ref-izitoast .iziToast-body{margin:0;padding:12px 14px;min-height:auto;display:block}
.iziToast.ref-izitoast .iziToast-icon{display:none;width:0;min-width:0;margin:0;padding:0}
.iziToast.ref-izitoast .iziToast-texts{margin:0;padding:0}
.iziToast.ref-izitoast .iziToast-message{margin:0;padding:0;color:var(--text);font-size:13px;font-weight:900;line-height:1.35}

.bn-stats-table{max-height:420px}
@media (max-width:520px){
  .bn-stats-table{max-height:360px}
}
.bn-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;min-width:0}
.bn-pager__left,.bn-pager__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.logsTop{margin-top:14px;position:relative;min-width:0}
.logsTop__actions{gap:10px}
.logsToolbar{margin-top:14px;min-width:0}
.logsToolbar__add{gap:10px;flex-wrap:wrap;min-width:0}
.logsToolbar__add .input{flex:1 1 280px;min-width:220px}
.logsToolbar__add .btn{flex:0 0 auto}

.logsGrid{margin-top:14px;align-items:start;min-width:0}
@supports not (container-type: inline-size){
  #logsPage .logsGrid{grid-template-columns:1fr}
}

.logsColors{margin-top:10px;min-width:0}
.logsColorRow{gap:10px;flex-wrap:wrap;min-width:0}
.logsSwatch{
  width:16px;
  height:16px;
  border-radius:6px;
  background:rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);
  flex:0 0 16px;
}

.logsAllField{margin-top:10px;min-width:0}
.logsAllRow{gap:10px;flex-wrap:wrap;min-width:0}
.logsAllRow .select{min-width:240px;flex:1 1 260px}
.logsAllRow .input{min-width:180px;flex:1 1 240px;max-width:none}
.logsCatsTop{margin-top:14px;gap:12px;align-items:baseline;min-width:0}

.sep{height:1px;background:var(--line);border-radius:999px;margin:12px 0}

#logsCats{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  align-items:start;
  min-width:0;
}
#logsCats.grid2{grid-template-columns:1fr}

.logcat{
  min-width:0;
  container-type:inline-size;
  container-name:logcat;
}
.logcat.is-open{border-color:rgba(88,101,242,.30);box-shadow:0 18px 55px rgba(88,101,242,.10)}

.logcat__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.logcat__headL{display:flex;flex-direction:column;gap:4px;min-width:0}
.logcat__headR{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}

.logsPill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  font-size:12px;
  font-weight:950;
  color:var(--text);
  white-space:nowrap;
}
.logsPill--soft{background:rgba(0,0,0,.18);border-color:rgba(255,255,255,.08);color:var(--muted)}

.logcat__ctl{margin-top:10px;min-width:0}
.logcat__ctlRow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  min-width:0;
}
.logcat__ctlRow > *{min-width:0}
.logcat__ctlRow .select{flex:1 1 260px;min-width:220px}
.logcat__ctlRow .input{flex:1 1 240px;min-width:180px}
.logcat__ctlRow .btn{min-height:42px;flex:0 0 auto}

.logcat__events{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--line);
  display:none;
  flex-direction:column;
  gap:8px;
  max-height:clamp(240px,52vh,520px);
  overflow:auto;
  padding-right:6px;
  box-shadow:inset 0 10px 14px -14px rgba(0,0,0,.65),inset 0 -10px 14px -14px rgba(0,0,0,.65);
  min-width:0;
}
.logcat.is-open .logcat__events{display:flex}

.logcat__events:focus-within{box-shadow:var(--focus),inset 0 10px 14px -14px rgba(0,0,0,.65),inset 0 -10px 14px -14px rgba(0,0,0,.65)}
.logcat__events::-webkit-scrollbar{width:10px;height:10px}
.logcat__events::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:999px}
.logcat__events::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:999px;border:2px solid var(--scroll-track)}
.logcat__events::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}

.logev{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  padding:10px 10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(0,0,0,.12);
  min-width:0;
}
.logev:hover{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.10)}
.logev__key{font-weight:950;font-size:13px;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 260px}
.logev > .select{flex:1 1 240px;min-width:200px}
.logev > .input{flex:1 1 240px;min-width:200px}
.logev__act{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0;margin-left:auto}
.logev .select,.logev .input{min-height:42px}

.logsQuickField{margin-top:12px;min-width:0}
.logsQuickCats{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:10px;
  max-height:clamp(240px,52vh,520px);
  overflow:auto;
  padding-right:6px;
  box-shadow:inset 0 10px 14px -14px rgba(0,0,0,.65),inset 0 -10px 14px -14px rgba(0,0,0,.65);
  min-width:0;
  container-type:inline-size;
  container-name:logsq;
}
.logsQuickCats:focus-within{box-shadow:var(--focus),inset 0 10px 14px -14px rgba(0,0,0,.65),inset 0 -10px 14px -14px rgba(0,0,0,.65)}
.logsQuickCats::-webkit-scrollbar{width:10px;height:10px}
.logsQuickCats::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:999px}
.logsQuickCats::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:999px;border:2px solid var(--scroll-track)}
.logsQuickCats::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}

.logq__info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 280px}
.logq{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  padding:10px 10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(0,0,0,.12);
  min-width:0;
}
.logq:hover{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.10)}
.logq__title{font-weight:950;font-size:13px;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logq__badges{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;min-width:0;flex:0 0 auto}
.logq > .select{flex:1 1 240px;min-width:200px}
.logq > .input{flex:1 1 240px;min-width:200px}
.logq__act{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0;flex:0 0 auto;margin-left:auto}
.logq .select,.logq .input{min-height:42px}

@media (max-width:1100px){
  .logcat__head{flex-direction:column;align-items:stretch}
  .logcat__headR{justify-content:flex-start}
}

@media (max-width:820px){
  .logcat__ctlRow .select{flex:1 1 100%;min-width:0}
  .logcat__ctlRow .input{flex:1 1 100%;min-width:0}
  .logcat__ctlRow .btn{justify-content:flex-start}

  .logq__info{flex:1 1 100%}
  .logq > .select{flex:1 1 100%;min-width:0}
  .logq > .input{flex:1 1 100%;min-width:0}
  .logq__act{margin-left:0;justify-content:flex-start;width:100%}

  .logev__key{white-space:normal;overflow:visible;text-overflow:clip;flex:1 1 100%}
  .logev > .select{flex:1 1 100%;min-width:0}
  .logev > .input{flex:1 1 100%;min-width:0}
  .logev__act{margin-left:0;justify-content:flex-start;width:100%}
}
.msgEditor{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);gap:14px;align-items:start;min-width:0}
.msgEditor__col{min-width:0}

.meMsgs{display:flex;flex-direction:column;gap:8px;min-width:0}
.meMsgItem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r14);border:1px solid var(--line);background:rgba(255,255,255,.02);cursor:pointer;min-width:0}
.meMsgItem:hover{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.10)}
.meMsgItem.active{border-color:rgba(88,101,242,.35);box-shadow:0 0 0 3px rgba(88,101,242,.14)}
.meMsgItem__main{flex:1 1 auto;min-width:0}
.meMsgItem__t{font-weight:950;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meMsgItem__s{margin-top:2px;font-size:12px;color:var(--muted2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meMsgItem__btns{display:flex;gap:6px;flex:0 0 auto}

.btn--mini{min-height:32px;padding:6px 10px;border-radius:12px;font-size:12.5px}
.btn--mini.btn--icon{padding:6px 9px}

.meFields{display:flex;flex-direction:column;gap:12px;min-width:0}
.meField{border:1px solid var(--line);border-radius:var(--r16);background:rgba(0,0,0,.12);padding:12px;min-width:0}
.meField__top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.meField__idx{font-weight:950;font-size:12px;color:var(--muted2)}
.meField__btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

.mePreview{min-width:0}
.dmsg{display:flex;gap:12px;align-items:flex-start;min-width:0}
.dmsg__ava{width:40px;height:40px;border-radius:999px;background:rgba(255,255,255,.06);background-size:cover;background-position:center;flex:0 0 40px}
.dmsg__body{flex:1 1 auto;min-width:0}
.dmsg__head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}
.dmsg__name{font-weight:950;font-size:14px;color:var(--text)}
.dmsg__time{font-size:12px;color:var(--muted2)}
.dmsg__content{margin-top:6px;font-size:13.5px;line-height:1.45;color:var(--text);overflow-wrap:anywhere;word-break:break-word;min-width:0}
.dmsg__content a{color:var(--brand);text-decoration:underline}
.dmsg__content strong{font-weight:950}
.dmsg__content em{font-style:italic}
.dmsg__content u{text-decoration:underline}
.dmsg__content s{text-decoration:line-through}

.dmention{display:inline-block;padding:0 6px;border-radius:8px;background:rgba(88,101,242,.18);border:1px solid rgba(88,101,242,.22);color:var(--text);font-weight:900}
.dcode{display:inline-block;padding:2px 6px;border-radius:8px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12.5px}
.dpre{margin:8px 0 0;padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12.5px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.dquote{margin:8px 0 0;padding:6px 10px 6px 12px;border-left:3px solid rgba(255,255,255,.18);background:rgba(255,255,255,.03);border-radius:12px;color:var(--text);min-width:0}

.dspoiler{display:inline-block;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);cursor:pointer}
.dspoiler__in{display:inline-block;padding:0 6px;filter:blur(7px);transition:filter var(--transition-duration) ease}
.dspoiler.reveal .dspoiler__in{filter:none}

.dembed{margin-top:10px;border-left:4px solid var(--ecolor, var(--brand));border-radius:14px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.06);padding:10px 12px;position:relative;min-width:0}
.dembed.hasThumb{padding-right:78px}
.dembed__author{display:flex;align-items:center;gap:8px;min-width:0}
.dembed__authorIco{width:20px;height:20px;border-radius:999px;background:rgba(255,255,255,.06);background-size:cover;background-position:center;flex:0 0 20px}
.dembed__authorTxt{font-size:12.5px;font-weight:950;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dembed__authorTxt a{color:inherit;text-decoration:none}
.dembed__title{margin-top:6px;font-weight:950;font-size:14px;color:var(--text);text-decoration:none;display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dembed__desc{margin-top:6px;font-size:13px;line-height:1.4;color:var(--text);overflow-wrap:anywhere;word-break:break-word;min-width:0}
.dembed__desc a{color:var(--brand);text-decoration:underline}

.dembed__fields{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
.dembed__field{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:8px 10px;min-width:0;grid-column:1/-1}
.dembed__field.inline{grid-column:span 1}
.dembed__fname{font-weight:950;font-size:12px;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dembed__fval{margin-top:4px;font-size:12.5px;line-height:1.35;color:var(--text);overflow-wrap:anywhere;word-break:break-word;min-width:0}
.dembed__fval a{color:var(--brand);text-decoration:underline}

.dembed__img{margin-top:10px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.25)}
.dembed__img img{display:block;width:100%;height:auto}

.dembed__thumb{position:absolute;top:10px;right:10px;width:56px;height:56px;border-radius:12px;background:rgba(255,255,255,.06);background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.08)}

.dembed__footer{margin-top:10px;display:flex;align-items:center;gap:8px;color:var(--muted2);font-size:12px;min-width:0}
.dembed__footerIco{width:16px;height:16px;border-radius:999px;background:rgba(255,255,255,.06);background-size:cover;background-position:center;flex:0 0 16px}
.dembed__footerTxt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media (max-width:980px){
  .msgEditor{grid-template-columns:1fr}
}

@media (max-width:520px){
  .dembed__fields{grid-template-columns:1fr}
  .dembed__field.inline{grid-column:1/-1}
}

.sidebar{
  transition:width var(--transition-duration) ease,flex-basis var(--transition-duration) ease,padding var(--transition-duration) ease;
}

.sb__head{display:flex;align-items:center;gap:10px;min-width:0}
.sb__head .sb__brand{flex:1 1 auto}
.sb__toggle{flex:0 0 auto}
.sb__toggleIco--expand{display:none}
.sidebar-collapsed .sb__toggleIco--expand{display:inline-block}
.sidebar-collapsed .sb__toggleIco--collapse{display:none}
.sb__serverCompact{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-weight:900}

.main{display:flex;flex-direction:column;min-height:100vh}
.wrap{width:100%;padding:var(--wrap-pad) var(--wrap-pad) 36px;margin:0 auto;min-width:0}
.wrap--wide{max-width:1440px}
body.page-editor .wrap,body.page-owner .wrap,body.page-bots_owner .wrap,body.page-logs .wrap,body.page-updates_owner .wrap{max-width:1440px}
body.sidebar-collapsed .wrap--wide,body.sidebar-collapsed.page-editor .wrap,body.sidebar-collapsed.page-owner .wrap,body.sidebar-collapsed.page-bots_owner .wrap,body.sidebar-collapsed.page-logs .wrap,body.sidebar-collapsed.page-updates_owner .wrap{max-width:1580px}

.sidebar-collapsed .sidebar{width:88px;flex-basis:88px;padding:18px 10px}
.sidebar-collapsed .sb__head{justify-content:center}
.sidebar-collapsed .sb__brand{opacity:0;visibility:hidden;pointer-events:none;width:0;min-width:0;padding:0;border:0;margin:0;overflow:hidden;display: none;}
.sidebar-collapsed .sb__toggle{margin:0 auto}
.sidebar-collapsed .sb__brandtxt,
.sidebar-collapsed .sb__txt,
.sidebar-collapsed .sb__utxt,
.sidebar-collapsed .sb__label span,
.sidebar-collapsed .sb__server .select{display:none}
.sidebar-collapsed .sb__server{padding:10px;align-items:center}
.sidebar-collapsed .sb__serverCompact{display:flex}
.sidebar-collapsed .sb__label{justify-content:center}
.sidebar-collapsed .sb__link,
.sidebar-collapsed .sb__bottom > .btn{justify-content:center;padding:10px}
.sidebar-collapsed .sb__user{justify-content:center;padding:10px}
.sidebar-collapsed .sb__nav{padding-right:0}
.sidebar-collapsed .sb__link.active{box-shadow:0 0 0 2px rgba(88,101,242,.16),0 10px 24px rgba(88,101,242,.14)}

.panelNoticeWrap{padding-top:18px;padding-bottom:0}
.panelNotice{position:sticky;top:14px;z-index:30;display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),var(--card);box-shadow:var(--shadow2)}
.panelNotice__pin{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.06);flex:0 0 36px}
.panelNotice__pin .ico{width:18px;height:18px}
.panelNotice--info .panelNotice__pin{background:rgba(59,130,246,.14);color:#93c5fd}
.panelNotice--success .panelNotice__pin{background:rgba(34,197,94,.14);color:#86efac}
.panelNotice--warning .panelNotice__pin{background:rgba(245,158,11,.16);color:#fcd34d}
.panelNotice--danger .panelNotice__pin{background:rgba(239,68,68,.14);color:#fca5a5}
.panelNotice__body{flex:1 1 auto;min-width:0}
.panelNotice__title{font-size:14px;font-weight:950}
.panelNotice__text{margin-top:4px;color:var(--text);font-size:13.5px;line-height:1.45;overflow-wrap:anywhere}
.panelNotice__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.panelNotice--info{border-color:rgba(88,101,242,.24)}
.panelNotice--success{border-color:rgba(34,197,94,.28)}
.panelNotice--warning{border-color:rgba(245,158,11,.30)}
.panelNotice--danger{border-color:rgba(239,68,68,.30)}

.panelFooter{margin-top:auto;padding:10px 0 20px}
.panelFooter__shell{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 38%),var(--card);box-shadow:var(--shadow2);padding:18px}
.panelFooter__public{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:18px;align-items:start}
.panelFooter__brand{font-size:15px;font-weight:950}
.panelFooter__sub{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.45}
.panelFooter__links{display:flex;flex-wrap:wrap;gap:10px 12px}
.panelFooter__link{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:12.5px;font-weight:800;color:var(--muted)}
.panelFooter__link:hover{color:var(--text);border-color:var(--line2)}
.panelFooter__copy{justify-self:end;color:var(--muted2);font-size:12px;white-space:nowrap}
.panelFooter__ownerBar{display:flex;justify-content:flex-end;margin-top:14px}
.panelFooter__editor{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.panelFooter__editorGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.panelFooter__editorTop{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.panelFooter__rows{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.panelFooterRow{display:grid;grid-template-columns:64px minmax(0,.9fr) minmax(0,1.1fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}
.panelFooterRow__sort{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:12px;background:rgba(255,255,255,.04);font-weight:950;color:var(--muted2)}
.panelFooterRow__actions{display:flex;gap:8px;align-items:center}
.panelFooter__editorActions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}

.msgEditor{grid-template-columns:minmax(0,1.35fr) minmax(360px,520px);gap:18px}
.msgEditor__sticky{position:sticky;top:18px}
.msgEditor__topGrid{align-items:start}
.wrap--editor{padding-bottom:26px}

.meMsgItem{align-items:flex-start;padding:12px 14px;border-radius:16px}
.meMsgItem__meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.meChip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:11.5px;font-weight:900;color:var(--muted)}
.meMsgItem__s{margin-top:8px;white-space:normal;line-height:1.35}
.meMsgItem__btns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}

.editorFoldStack{display:flex;flex-direction:column;gap:10px}
.editorFold{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02);overflow:hidden}
.editorFold[open]{background:rgba(255,255,255,.03)}
.editorFold > summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:950;display:flex;align-items:center;justify-content:space-between}
.editorFold > summary::-webkit-details-marker{display:none}
.editorFold__body{padding:0 16px 16px}

.label--split{display:flex;align-items:center;justify-content:space-between;gap:10px}
.limitBadge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:11px;font-weight:900;color:var(--muted2)}
.limitBadge.is-warn{border-color:rgba(245,158,11,.35);color:#fbbf24}
.limitBadge.is-over{border-color:rgba(239,68,68,.40);color:#f87171}

.meField{padding:14px;border-radius:18px}
.meField__btns{gap:6px}

.mePreviewSummary,.meWebhookSummary{display:flex;gap:8px;flex-wrap:wrap}
.mePreviewSummary__chip{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:12px;font-weight:900;color:var(--muted)}
.mePreviewSummary__chip--title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meWebhookSummary{padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:12.5px;color:var(--muted);line-height:1.4}

@media (max-width:1180px){
  .panelFooter__public{grid-template-columns:1fr;gap:14px}
  .panelFooter__copy{justify-self:start;white-space:normal}
  .msgEditor{grid-template-columns:1fr}
  .msgEditor__sticky{position:static}
}

@media (max-width:980px){
  .panelFooterRow{grid-template-columns:1fr}
  .panelFooterRow__sort{justify-content:flex-start;padding:0 12px}
}

@media (max-width:760px){
  .panelNotice{flex-wrap:wrap}
  .panelNotice__actions{width:100%;justify-content:flex-start}
  .panelFooter__editorGrid{grid-template-columns:1fr}
  .msgEditor__topGrid{grid-template-columns:1fr}
}

@media (max-width:700px){
  body.sidebar-collapsed .sidebar{width:72px;flex-basis:72px;padding:14px 8px}
}
.pageHero{margin-top:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;min-width:0}
.pageHero__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.pageHero__actions--tight{gap:8px}
.pageGridTop{margin-top:14px;align-items:start;min-width:0}
.pageCardTop{margin-top:14px;min-width:0}
.pageSectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;min-width:0}
.pageInlineControl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;margin-top:8px}
.pageInlineControl--end{justify-content:space-between}
.pageFilters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;margin-top:12px}
.pageFilters .input,.pageFilters .select{min-height:42px}
.pageActiveFilters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;margin-top:10px}
.pageFilterTag{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:900;color:var(--text)}
.pageFilterTag__k{color:var(--muted2)}
.pageDirty{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:12px;font-weight:900;color:var(--muted)}
.pageDirty.is-dirty{border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.10);color:#ffe0b8}
.btn.is-attention{box-shadow:0 0 0 3px rgba(245,158,11,.16)}
.pageEmpty{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 16px;border:1px dashed rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.02)}
.pageEmpty--compact{padding:14px 12px}
.pageEmpty__title{font-size:14px;font-weight:950;color:var(--text)}
.pageEmpty__text{font-size:12.5px;line-height:1.45;color:var(--muted2);max-width:820px}
.pageTableTop{margin-top:12px}
.pagePager{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;min-width:0;margin-top:12px}
.tableActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}
.idCell{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.idCell__value{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.statusStack{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}
.reasonCell{display:flex;flex-direction:column;gap:6px;min-width:0;overflow-wrap:anywhere;word-break:break-word}
.hr{height:1px;background:var(--line);border-radius:999px;margin:14px 0}
.pvLimit .num{max-width:140px}
.logsToolbarGrid{margin-top:10px;align-items:start}
.logsToolbar__eventField{flex:1 1 320px;min-width:240px}
.bannerStatsFilters{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.bannerNumbers{align-items:start}
#bannerPage #bn_stats_cards,#bannerPage #bn_state_cards,#moderationPage #modSummary,#pvPage #pvStats{margin-top:12px}
#moderationPage .modStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
#moderationPage .moderationCreateGrid{align-items:start}
#moderationPage .pageFilters--moderation .input{flex:1 1 420px;min-width:260px}
#moderationPage .modTable td{vertical-align:top}
#logsPage .pageHero__actions{justify-content:flex-end}
#logsPage .logsToolbar .pageInlineControl{margin-top:0}
#logsPage .logcat.is-open{border-color:rgba(88,101,242,.30);box-shadow:0 18px 55px rgba(88,101,242,.10)}
#pvPage .pvEmojiGrid{align-items:start}
#pvPage .pageFilters--pv .input,#pvPage .pageFilters--pv .select{flex:1 1 180px;min-width:160px}
#pvPage .pageFilters--pv #pv_rooms_q{flex:1 1 280px;min-width:220px}
#pvPage #pvStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#bannerPage .pageHero__actions{justify-content:flex-end}
#bannerPage #bn_stats_page_input{width:90px}
#bannerPage .bannerStatsFilters .field:last-child{max-width:180px}
@media (max-width:1100px){
  #moderationPage .modStats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  .pageHero{align-items:stretch}
  .pageHero__actions{justify-content:flex-start}
  .pageFilters{align-items:stretch}
  .pageFilters > *{flex:1 1 100%;min-width:0}
  .pageInlineControl > *{flex:1 1 100%;min-width:0}
  #moderationPage .modStats,#pvPage #pvStats{grid-template-columns:1fr}
  .bannerStatsFilters{grid-template-columns:1fr}
}


.metaSelect{display:grid;gap:8px;min-width:0}
.metaSelect__search{width:100%}
.metaSelect__hint{font-size:12px;color:var(--muted);line-height:1.4}
.metaSelect__select{min-width:0}
.metaSelect__select option[data-fallback="1"]{font-style:italic}

#dashboardPage #dashGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pageGridAdaptive{grid-template-columns:repeat(2,minmax(0,1fr))}
body.sidebar-collapsed #dashboardPage #dashGrid,
body.sidebar-collapsed #ownerPage .pageGridAdaptive{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
}
body.sidebar-collapsed #botsOwnerPage .bo-grid{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)}
@media (max-width:1280px){
  body.sidebar-collapsed #dashboardPage #dashGrid,
  body.sidebar-collapsed #ownerPage .pageGridAdaptive,
  body.sidebar-collapsed #botsOwnerPage .bo-grid{grid-template-columns:1fr}
}

.bo-badge--danger{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.08)}
.bo-badge--success{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.08)}
.bo-badge--warning{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.08)}