@font-face{font-family:'Vazirmatn';src:url('../font/Vazirmatn-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../font/Vazirmatn-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
  --bg:#05070b;
  --bg2:#071018;
  --panel:rgba(255,255,255,.055);
  --panel-strong:rgba(255,255,255,.09);
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.18);
  --text:#eff6ff;
  --muted:#a8b3c3;
  --muted2:#7f8a99;
  --accent:#6ee7b7;
  --accent2:#60a5fa;
  --accent3:#fbbf24;
  --good:#34d399;
  --warn:#f59e0b;
  --danger:#fb7185;
  --radius:28px;
  --radius2:20px;
  --radius3:14px;
  --shadow:0 24px 80px rgba(0,0,0,.46);
  --shadow-soft:0 16px 42px rgba(0,0,0,.30);
  --glass-blur:18px;
  --topbar-h:76px;
  font-family:'Vazirmatn',Tahoma,sans-serif;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  direction:rtl;
  font-family:'Vazirmatn',Tahoma,sans-serif;
  background:
    radial-gradient(circle at 12% 10%, rgba(96,165,250,.14), transparent 28%),
    radial-gradient(circle at 88% 14%, rgba(110,231,183,.10), transparent 30%),
    radial-gradient(circle at 82% 86%, rgba(251,191,36,.10), transparent 26%),
    linear-gradient(180deg,#04060a 0%,#060910 42%,#071019 100%);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background-image:
    linear-gradient(rgba(255,255,255,.020) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.020) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at 50% 0%, rgba(0,0,0,.8), transparent 72%);
}
body::after{
  content:'';
  position:fixed;
  inset:-12%;
  pointer-events:none;
  z-index:-3;
  background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.02), transparent 55%);
  filter: blur(18px);
}
body.is-loading{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
::selection{background:rgba(110,231,183,.22)}
h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.02em}
p{margin:0;color:var(--muted);line-height:1.95}

.site-topbar{
  position:sticky;
  top:0;
  z-index:200;
  backdrop-filter:blur(16px) saturate(130%);
  -webkit-backdrop-filter:blur(16px) saturate(130%);
  background:rgba(4,7,10,.66);
  border-bottom:1px solid var(--line);
}
.site-topbar-inner{
  width:min(1320px,calc(100% - 24px));
  margin:0 auto;
  min-height:var(--topbar-h);
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:14px;
  padding:10px 0;
}
.site-shell{
  width:min(1320px,calc(100% - 24px));
  margin:0 auto;
  padding:22px 0 42px;
}

.bn-brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.bn-brand-mark{
  width:50px;
  height:50px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  border:1px solid var(--line);
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset, 0 10px 26px rgba(0,0,0,.35);
  position:relative;
  overflow:hidden;
}
.bn-brand-mark::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, rgba(96,165,250,.26), rgba(110,231,183,.18), rgba(251,191,36,.16));
}
.bn-brand-copy{display:flex;flex-direction:column;line-height:1.1}
.bn-brand-copy strong{font-size:1.02rem}
.bn-brand-copy small{font-size:.76rem;color:var(--muted);margin-top:4px}

.top-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

.menu-toggle{
  width:48px;
  height:48px;
  border-radius:16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  cursor:pointer;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:0;
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
  backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
}
.menu-toggle:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);border-color:var(--line-strong)}
.menu-toggle span{display:block;width:18px;height:2px;border-radius:99px;background:var(--text);opacity:.92}

.icon-btn{
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  color:var(--text);
  cursor:pointer;
}

.menu-scrim{
  position:fixed;
  inset:0;
  background:rgba(3,6,10,.56);
  backdrop-filter:blur(6px);
  z-index:240;
}
.menu-scrim[hidden],
.site-drawer[hidden]{display:none !important;}
.site-drawer{
  position:fixed;
  top:14px;
  inset-inline-start:14px;
  width:min(380px, calc(100vw - 28px));
  height:calc(100vh - 28px);
  border-radius:28px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(12,16,24,.96), rgba(7,11,18,.98));
  box-shadow:var(--shadow);
  z-index:250;
  padding:18px;
  transform:translateX(-115%);
  transition:transform .24s ease, opacity .18s ease, visibility .18s ease;
  display:flex;
  flex-direction:column;
  gap:16px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.site-drawer.is-open{
  transform:translateX(0);
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.drawer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
}
.drawer-head h3{font-size:1.05rem;margin-top:4px}
.drawer-links{
  overflow:auto;
  display:grid;
  gap:10px;
  padding-inline-end:4px;
}
.drawer-link{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
}
.drawer-link strong{font-size:.98rem}
.drawer-link span{color:var(--muted);font-size:.84rem}
.drawer-link:hover,.drawer-link.is-active{
  transform:translateY(-1px);
  background:rgba(255,255,255,.075);
  border-color:var(--line-strong);
}

.btn{
  appearance:none;
  border:1px solid var(--line);
  color:var(--text);
  background:var(--panel);
  min-height:46px;
  padding:0 20px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  cursor:pointer;
  font-size:.94rem;
  transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease,opacity .15s ease;
  white-space:nowrap;
  backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
}
.btn:hover{transform:translateY(-1px);border-color:var(--line-strong);background:var(--panel-strong)}
.btn:active{transform:translateY(0)}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.btn-primary{
  border-color:transparent;
  background:linear-gradient(120deg, rgba(96,165,250,1) 0%, rgba(110,231,183,1) 58%, rgba(251,191,36,1) 120%);
  color:#041018;
  font-weight:700;
  box-shadow:0 14px 34px rgba(96,165,250,.18);
}
.btn-soft{background:rgba(255,255,255,.08)}
.btn-ghost{background:transparent}
.btn-danger{
  border-color:rgba(251,113,133,.25);
  background:rgba(251,113,133,.09);
  color:#ffd7de;
}
.btn-square{min-height:48px;border-radius:16px}
.btn-block{width:100%}
.btn-loading{opacity:.92}
.btn-spinner{
  width:16px;height:16px;border-radius:50%;
  border:2px solid rgba(4,16,24,.2);
  border-top-color:rgba(4,16,24,.8);
  display:inline-block;
  animation:spin .8s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}

.hero-card,.form-panel,.art-panel,.ticket-card,.console-card,.command-card,.feature-card,.stat-card,.tag-card,.info-box,.success-box,.error-box,.warning-box,.hero-note,.dashboard-card,.card,.rail-card,.table-card,.banner{
  position:relative;
  border-radius:var(--radius);
  border:1px solid var(--line);
  background:linear-gradient(165deg, rgba(255,255,255,.075), rgba(255,255,255,.02));
  box-shadow:var(--shadow-soft), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(var(--glass-blur)) saturate(120%);
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(120%);
  isolation:isolate;
}
.hero-card::before,.form-panel::before,.art-panel::before,.ticket-card::before,.console-card::before,.dashboard-card::before,.card::before{
  content:'';
  position:absolute;
  top:0;
  left:14px;
  right:14px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(96,165,250,.8), rgba(110,231,183,.8), rgba(251,191,36,.7), transparent);
  opacity:.72;
}
.hero-card,.form-panel,.art-panel,.ticket-card,.console-card,.command-card,.dashboard-card,.card,.rail-card,.table-card{
  padding:24px;
}

.site-shell > section,
.site-shell > form{margin-bottom:16px}

.hero-card{overflow:hidden}
.hero-layout,.auth-layout,.features-layout,.dashboard-layout,.page-grid,.command-grid,.feature-grid,.tags-grid,.store-grid{
  display:grid;
  gap:22px;
}
.hero-layout,.features-layout,.auth-layout,.dashboard-layout{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);align-items:center}
.page-grid.auth-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.92fr);align-items:start}
.command-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-grid,.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tags-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
@media (max-width: 1180px){
  .hero-layout,.features-layout,.auth-layout,.dashboard-layout,.page-grid.auth-grid{grid-template-columns:1fr}
  .command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tags-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 760px){
  .command-card .footer .btn{width:auto;max-width:100%;}
  .site-topbar-inner{grid-template-columns:1fr auto}
  .btn-square{padding-inline:16px}
  .top-actions .btn:not(.btn-square){display:none}
  .feature-grid,.store-grid,.command-grid,.tags-grid{grid-template-columns:1fr}
  .site-shell{width:min(100%,calc(100% - 18px));padding-top:18px}
  .hero-card,.form-panel,.art-panel,.ticket-card,.console-card,.command-card,.feature-card,.stat-card,.tag-card,.info-box,.success-box,.error-box,.warning-box,.hero-note,.dashboard-card,.card,.rail-card,.table-card{padding:18px;border-radius:22px}
}

.badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid var(--line);
  color:var(--text);
  font-size:.82rem;
  letter-spacing:.01em;
}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.76rem;
  color:var(--accent);
  text-transform:uppercase;
  letter-spacing:.12em;
}
.accent{color:#fff;background:linear-gradient(120deg,var(--accent2),var(--accent),var(--accent3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.section-text{margin-top:8px}

.hero-copy,.panel-copy,.auth-copy,.art-copy,.feature-copy{display:grid;gap:14px}
.hero-title,.panel-title,.auth-title{font-size:clamp(2rem,5vw,3.8rem);line-height:1.08}
.hero-copy p,.panel-copy p,.auth-copy p,.art-copy p{max-width:62ch}

.hero-actions,.form-actions,.builder-actions,.top-links,.list-stack,.row-flex,.drawer-actions,.store-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.hero-menu,.rail-menu{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.hero-menu a,.rail-menu a{
  padding:16px 16px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.045);
  border:1px solid var(--line);
  display:flex;
  flex-direction:column;
  gap:4px;
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
}
.hero-menu a strong,.rail-menu a strong{font-size:.96rem}
.hero-menu a span,.rail-menu a span{font-size:.84rem;color:var(--muted)}
.hero-menu a:hover,.rail-menu a:hover{transform:translateY(-1px);background:rgba(255,255,255,.07);border-color:var(--line-strong)}
@media (max-width: 760px){.hero-menu,.rail-menu{grid-template-columns:1fr}}

.bot-summary-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.bot-summary-card{
  padding:16px 18px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.045);
  display:grid;
  gap:6px;
}
.bot-summary-card .label{
  color:var(--muted);
  font-size:.82rem;
}
.bot-summary-card strong{
  font-size:1rem;
  line-height:1.75;
  word-break:break-word;
}
.bot-summary-card-wide{
  grid-column:span 2;
}
.panel-compact-actions .btn{
  flex:1 1 180px;
}
.bot-id-text{
  display:block;
  font-size:clamp(.72rem, 2.8vw, .88rem);
  line-height:1.55;
  letter-spacing:.01em;
  word-break:break-all;
  overflow-wrap:anywhere;
  font-variant-ligatures:none;
}
@media (max-width: 760px){
  .bot-summary-grid{grid-template-columns:1fr}
  .bot-summary-card-wide{grid-column:auto}
}

.hero-visual,.auth-visual{
  position:relative;
  display:grid;
  gap:16px;
  justify-items:end;
}
.hero-art{
  width:min(100%, 520px);
  margin-inline-start:auto;
  filter:drop-shadow(0 24px 60px rgba(0,0,0,.35));
}
.hero-orb{
  position:absolute;
  top:10px;
  inset-inline-end:10px;
  z-index:1;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.84rem;
  color:var(--text);
}
.orb-mini{
  width:10px;height:10px;border-radius:50%;
  background:linear-gradient(120deg,var(--accent2),var(--accent));
  box-shadow:0 0 18px rgba(110,231,183,.55);
}
.floaty{animation:float 5.5s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-8px)}}

.art-panel{display:grid;gap:16px;align-content:start}
.art-bullets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bullet{
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid var(--line);
  display:grid;
  gap:4px;
}
.bullet strong{font-size:.93rem}
.bullet span{font-size:.82rem;color:var(--muted)}
@media (max-width: 760px){.art-bullets{grid-template-columns:1fr}}

.form-panel,.ticket-card,.console-card,.command-card,.feature-card,.card,.stat-card,.tag-card,.hero-note,.info-box,.success-box,.error-box,.warning-box{padding:22px}
.panel-heading,.ticket-head,.console-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.avatar,.icon-badge{
  width:46px;height:46px;border-radius:16px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);
  border:1px solid var(--line);
  flex:0 0 auto;
}
.icon-badge{font-size:1.15rem}
.field{display:grid;gap:8px}
.field label{font-size:.88rem;color:var(--muted)}
input,textarea,select{
  width:100%;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(5,10,16,.68);
  color:var(--text);
  padding:14px 14px;
  outline:none;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
input:focus,textarea:focus,select:focus{
  border-color:rgba(110,231,183,.55);
  box-shadow:0 0 0 3px rgba(110,231,183,.12);
  background:rgba(7,13,20,.82);
}
textarea{min-height:150px;resize:vertical;line-height:1.9}
input::placeholder,textarea::placeholder{color:#7f8a99}

.success-box,.error-box,.warning-box,.info-box,.hero-note{
  border-radius:18px;
  font-size:.94rem;
  line-height:1.9;
}
.success-box{border-color:rgba(52,211,153,.24);background:rgba(52,211,153,.09);color:#d1fae5}
.error-box{border-color:rgba(251,113,133,.22);background:rgba(251,113,133,.09);color:#ffd7de}
.warning-box{border-color:rgba(245,158,11,.24);background:rgba(245,158,11,.09);color:#fde68a}
.info-box,.hero-note{border-color:var(--line);background:rgba(255,255,255,.05);color:var(--text)}

.stat-card,.tag-card,.feature-card,.command-card{
  overflow:hidden;
}
.stat-card .label,.tag-card code,.feature-card p{color:var(--muted)}
.stat-card .value{
  font-size:clamp(1.7rem,4vw,2.6rem);
  font-weight:700;
  margin-top:10px;
}
.stat-card .desc{margin-top:6px;color:var(--muted2);font-size:.86rem}
.feature-card{
  min-height:170px;
  display:grid;
  align-content:start;
  gap:12px;
}
.feature-icon{font-size:1.5rem}
.tag-card code{
  display:inline-block;
  color:#dbeafe;
  margin-bottom:10px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid var(--line);
}
.tag-card p{font-size:.9rem;line-height:1.9}
.command-grid{margin-top:16px}
.command-card{
  min-height:210px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.command-card h3,.feature-card h3,.drawer-link strong{font-size:1rem}
.command-card p,.feature-card p{font-size:.92rem;line-height:1.95}
.command-card .footer{margin-top:18px;display:flex;justify-content:flex-start}
.command-card .footer .btn{width:auto;max-width:100%}

.console-log{
  margin:0;
  padding:18px;
  min-height:220px;
  max-height:460px;
  overflow:auto;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(2,6,12,.70);
  color:#dbeafe;
  line-height:1.8;
  white-space:pre-wrap;
  word-break:break-word;
}

.list-stack{display:grid}
.ticket-item{
  padding:18px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  display:grid;
  gap:12px;
}
.status-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid var(--line);
  font-size:.82rem;
}
.status-pill.good{background:rgba(52,211,153,.1);color:#bbf7d0}
.status-pill.warn{background:rgba(245,158,11,.1);color:#fde68a}
.tag{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid var(--line);
  color:var(--muted);
  font-size:.82rem;
}

.builder-row{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  gap:14px;
  padding:16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  margin-bottom:12px;
}
.builder-row textarea{min-height:120px}
@media (max-width: 760px){
  .builder-row{grid-template-columns:1fr}
  .builder-row .row-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .builder-row .row-actions .btn{width:100%}
  .upload-state-box{flex-direction:column;align-items:flex-start}
  .upload-modal-card{width:min(100%,420px);padding:16px}
  .upload-modal-head{align-items:flex-start}
  .upload-modal-footer{flex-direction:column;align-items:flex-start}
}

.screen-loader{
  position:fixed;
  inset:0;
  display:grid;
  place-items:center;
  background:rgba(3,6,10,.72);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  z-index:500;
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease,visibility .18s ease;
}
body.is-loading .screen-loader{opacity:1;visibility:visible}
.screen-loader-card{
  display:flex;
  align-items:center;
  gap:16px;
  padding:18px 22px;
  border-radius:24px;
  border:1px solid var(--line);
  background:linear-gradient(165deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  box-shadow:var(--shadow);
}
.orb-loader{
  width:58px;height:58px;position:relative;
  display:grid;place-items:center;
}
.orb-ring,.orb-core,.orb-pulse{position:absolute;border-radius:50%}
.orb-ring-a{
  inset:0;border:2px solid rgba(96,165,250,.6);
  animation:spin 2.4s linear infinite;
}
.orb-ring-b{
  inset:10px;border:2px solid rgba(110,231,183,.35);
  animation:spin 3.2s linear reverse infinite;
}
.orb-core{
  width:14px;height:14px;background:linear-gradient(120deg,var(--accent2),var(--accent));
  box-shadow:0 0 22px rgba(110,231,183,.55);
}
.orb-pulse{
  inset:18px;
  background:rgba(255,255,255,.06);
  animation:pulse 1.8s ease-in-out infinite;
}
@keyframes pulse{50%{transform:scale(1.15);opacity:.55}}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .56s ease,transform .56s ease}
.reveal.is-visible{opacity:1;transform:none}

.top-links,.main-nav{display:none !important}

.table-card table{width:100%;border-collapse:collapse}
.table-card th,.table-card td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:right}
.table-card th{color:var(--muted);font-size:.86rem;font-weight:500}

.rail-menu{grid-template-columns:1fr}
.rail-card{display:grid;gap:12px}


.store-feature{display:flex;flex-direction:column;gap:14px;margin-top:10px}
.store-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-top:4px;
}
.store-price{color:var(--muted);font-size:1rem}
.store-modal{
  position:fixed;
  inset:0;
  z-index:320;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(3,6,10,.62);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.store-modal[hidden]{display:none !important}
.store-modal-card{
  width:min(560px,100%);
  border-radius:30px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(11,15,22,.98), rgba(7,10,16,.98));
  box-shadow:var(--shadow);
  padding:22px;
}
.store-modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-bottom:14px;
  border-bottom:1px solid var(--line);
}
.store-modal-head h2{
  margin-top:8px;
  font-size:1.2rem;
}
.store-modal-body{padding-top:16px}
.store-contact-row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.store-contact-row code{
  display:inline-flex;
  align-items:center;
  min-height:48px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  font-size:1rem;
}
.copy-state{
  margin-top:10px;
  min-height:22px;
  color:var(--accent);
  font-size:.95rem;
}


.store-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:16px 0 8px;
}
.trust-chip{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  color:var(--text);
  font-size:.84rem;
}
.store-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.summary-item{
  padding:14px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.045);
  display:grid;
  gap:6px;
}
.summary-item span{font-size:.8rem;color:var(--muted)}
.summary-item strong{font-size:.95rem}
.ready-panel{
  display:grid;
  gap:12px;
}
@media (max-width: 760px){
  .store-summary{grid-template-columns:1fr}
}


.panel-tools-anchor{scroll-margin-top:110px}

.scroll-cue{
  margin-top:18px;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid var(--line);
  background:linear-gradient(135deg, rgba(96,165,250,.10), rgba(110,231,183,.08), rgba(255,255,255,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.scroll-cue-link{
  display:flex;
  align-items:center;
  gap:14px;
  color:var(--text);
}
.scroll-cue-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  background:rgba(255,255,255,.06);
  box-shadow:0 12px 24px rgba(0,0,0,.22);
  font-size:1.2rem;
  animation:scroll-bounce 1.6s ease-in-out infinite;
}
.scroll-cue-text{
  display:grid;
  gap:4px;
}
.scroll-cue-text strong{
  font-size:.98rem;
}
.scroll-cue-text small{
  color:var(--muted);
  font-size:.82rem;
  line-height:1.6;
}
@keyframes scroll-bounce{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(5px)}
}

.admin-tools-grid{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.admin-tools-grid .command-card{
  min-height:188px;
}
.admin-tools-grid .command-card .footer{
  margin-top:auto;
}
.admin-tools-grid .command-card .icon-badge{
  margin-bottom:12px;
}
@media (max-width: 1180px){
  .admin-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 760px){
  .admin-tools-grid{grid-template-columns:1fr}
  .scroll-cue-link{align-items:flex-start}
  .scroll-cue-icon{flex:0 0 auto}
}


.tutorial-steps{display:grid;gap:12px;margin-top:16px}
.tutorial-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:14px 16px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.04)}
.tutorial-card strong{display:block;margin-bottom:4px;color:var(--text)}
.tutorial-card p{line-height:1.7;font-size:.92rem}
.tutorial-num{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(96,165,250,.28), rgba(110,231,183,.22));border:1px solid var(--line-strong);color:var(--text);font-weight:700;box-shadow:0 10px 20px rgba(0,0,0,.2)}
.scroll-cue{border-color:rgba(110,231,183,.24)}


body.is-uploading{overflow-x:hidden;overflow-y:auto}
.upload-modal{
  position:fixed;
  inset:0;
  z-index:620;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(2,6,10,.56);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.upload-modal[hidden]{display:none !important}
.upload-modal-card{
  width:min(460px,100%);
  border-radius:26px;
  border:1px solid var(--line);
  background:linear-gradient(165deg, rgba(11,15,22,.98), rgba(7,10,16,.98));
  box-shadow:var(--shadow);
  padding:20px;
  display:grid;
  gap:14px;
}
.upload-modal-head{display:flex;align-items:center;gap:14px}
.upload-modal-icon{
  width:48px;height:48px;border-radius:16px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.08);
  border:1px solid var(--line);
  color:var(--accent);
  font-size:1.2rem;
  font-weight:700;
}
.upload-modal-card strong{display:block;font-size:1.02rem;line-height:1.6}
.upload-modal-subtitle{color:var(--muted);font-size:.9rem;line-height:1.7}
.upload-progress-track{
  width:100%;
  height:12px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  border:1px solid var(--line);
}
.upload-progress-bar{
  display:block;
  height:100%;
  width:0%;
  border-radius:999px;
  background:linear-gradient(90deg, var(--accent2), var(--accent), var(--accent3));
  transition:width .18s ease;
}
.upload-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text);font-size:.9rem}
.upload-modal.is-done .upload-modal-icon{color:#041018;background:linear-gradient(120deg,var(--accent),var(--accent3))}
.upload-modal.is-error .upload-modal-icon{color:#ffd7de;background:rgba(251,113,133,.12)}
.upload-modal.is-done .upload-progress-bar{background:linear-gradient(90deg, var(--good), var(--accent), var(--accent3))}
.upload-state-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-radius:14px;
  border:1px dashed rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  color:var(--muted);
  line-height:1.7;
  margin-top:12px;
}
.upload-state-box strong{color:var(--text)}
.upload-state-box .upload-state-tick{color:var(--good);font-weight:700}
.builder-row[data-upload-state="uploading"]{border-color:rgba(96,165,250,.35)}
.builder-row[data-upload-state="done"]{border-color:rgba(52,211,153,.28)}
.builder-row[data-upload-state="error"]{border-color:rgba(251,113,133,.28)}



.site-drawer{
  width:min(52vw, 520px);
}
.drawer-links{
  display:grid;
  gap:12px;
}
.drawer-link{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:start;
  gap:10px 12px;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
}
.drawer-link strong{grid-column:2;font-size:1rem}
.drawer-link span{grid-column:2;color:var(--muted);font-size:.84rem;line-height:1.7}
.drawer-icon{
  grid-row:1 / span 2;
  width:42px;height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:rgba(255,255,255,.08);
  border:1px solid var(--line);
  font-size:1.05rem;
}
.drawer-link.is-active{
  border-color:rgba(110,231,183,.35);
  background:linear-gradient(135deg, rgba(96,165,250,.12), rgba(110,231,183,.10));
}

.upload-modal{
  position:fixed;
  inset:0;
  z-index:450;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(3,6,10,.56);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.upload-modal-card{
  width:min(100%, 460px);
  border-radius:24px;
  border:1px solid var(--line);
  background:linear-gradient(165deg, rgba(12,16,24,.98), rgba(7,11,18,.96));
  box-shadow:var(--shadow);
  padding:18px;
}
.upload-modal-head{
  display:flex;
  gap:14px;
  align-items:center;
}
.upload-modal-icon{
  width:54px;height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-size:1.4rem;
  background:rgba(255,255,255,.08);
  border:1px solid var(--line);
}
.upload-modal-subtitle{
  color:var(--muted);
  margin-top:4px;
  line-height:1.7;
}
.upload-progress-track{
  width:100%;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid var(--line);
  overflow:hidden;
  margin-top:16px;
}
.upload-progress-bar{
  display:block;
  width:0%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, var(--accent2), var(--accent));
  transition:width .18s ease;
}
.upload-modal-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
  color:var(--text);
}
.upload-state-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  margin-top:10px;
  width:100%;
  overflow:hidden;
}
.upload-state-box > div:first-child{
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.upload-state-box span{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.upload-state-tick{
  width:40px;height:40px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.08);
  border:1px solid var(--line);
  flex:0 0 auto;
}
@media (max-width: 760px){
  .site-drawer{
    width:calc(100vw - 20px);
    max-width:none;
    top:10px;
    bottom:10px;
    inset-inline-start:10px;
    inset-inline-end:10px;
  }
  .drawer-link{padding:12px 14px}
  .drawer-icon{width:38px;height:38px}
  .builder-row{grid-template-columns:1fr !important}
  .builder-row .row-shell{grid-template-columns:1fr !important}
  .builder-row textarea{min-height:108px}
  .builder-row input[type="file"],
  .builder-row input[type="text"],
  .builder-row textarea,
  .builder-row select{
    width:100%;
    max-width:100%;
  }
  .upload-modal-card{width:calc(100vw - 20px)}
  .upload-modal-head{align-items:flex-start}
  .upload-modal-footer{flex-direction:column;align-items:flex-start}
  .upload-state-box{flex-direction:column;align-items:flex-start}
}


/* =========================================================
   BOTNEX / NOVA UI REFRESH
   Global visual layer — applies to every public, panel and
   admin page without touching business logic.
   ========================================================= */

:root{
  --bg:#070a12;
  --bg2:#0a1020;
  --surface:#0d1424;
  --surface-2:#111a2d;
  --surface-3:#151f35;
  --panel:rgba(13,20,36,.82);
  --panel-strong:rgba(18,28,48,.92);
  --line:rgba(148,163,184,.14);
  --line-strong:rgba(148,163,184,.28);
  --text:#f5f8ff;
  --muted:#9eabc0;
  --muted2:#6f7d95;
  --accent:#72d9ff;
  --accent2:#8b7bff;
  --accent3:#44e1b0;
  --good:#43e6a3;
  --warn:#ffc35c;
  --danger:#ff6f91;
  --radius:24px;
  --radius2:18px;
  --radius3:12px;
  --shadow:0 30px 90px rgba(0,0,0,.52);
  --shadow-soft:0 18px 48px rgba(0,0,0,.30);
  --glass-blur:22px;
  --topbar-h:78px;
  font-family:'Vazirmatn',Tahoma,sans-serif;
}

html{background:var(--bg)}
body{
  color:var(--text);
  background:
    radial-gradient(900px 520px at 7% -8%, rgba(114,217,255,.13), transparent 62%),
    radial-gradient(760px 520px at 96% 8%, rgba(139,123,255,.12), transparent 60%),
    radial-gradient(780px 500px at 72% 110%, rgba(68,225,176,.09), transparent 58%),
    linear-gradient(180deg,#060910 0%,#080d18 46%,#0a1020 100%);
}
body::before{
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 88%);
}
body::after{
  background:
    radial-gradient(circle at 30% 20%,rgba(114,217,255,.06),transparent 22%),
    radial-gradient(circle at 75% 55%,rgba(139,123,255,.06),transparent 24%);
  filter:blur(26px);
}

.site-topbar{
  position:sticky;
  top:0;
  border-bottom:1px solid rgba(148,163,184,.11);
  background:rgba(6,9,16,.78);
  box-shadow:0 10px 34px rgba(0,0,0,.18);
  backdrop-filter:blur(22px) saturate(150%);
}
.site-topbar-inner{
  width:min(1400px,calc(100% - 28px));
  min-height:var(--topbar-h);
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:22px;
  padding:10px 0;
}
.topbar-brand-wrap{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.bn-brand{gap:11px}
.bn-brand-mark{
  width:48px;height:48px;border-radius:15px;
  background:linear-gradient(145deg,rgba(114,217,255,.12),rgba(139,123,255,.10));
  border-color:rgba(148,163,184,.17);
  box-shadow:0 12px 28px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.07);
}
.bn-brand-copy strong{font-size:1.02rem;letter-spacing:-.02em}
.bn-brand-copy small{color:#75839a}
.topbar-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(67,230,163,.16);
  background:rgba(67,230,163,.07);
  color:#bdf6db;
  font-size:.72rem;
  white-space:nowrap;
}
.topbar-status i{
  width:7px;height:7px;border-radius:50%;
  background:var(--good);
  box-shadow:0 0 14px rgba(67,230,163,.8);
}
.top-nav{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  min-width:0;
}
.top-nav-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:13px;
  color:#aab6ca;
  font-size:.84rem;
  transition:.18s ease;
}
.top-nav-link span{font-size:.92rem;color:#7c8aa2}
.top-nav-link:hover{
  color:var(--text);
  background:rgba(255,255,255,.045);
  border-color:rgba(148,163,184,.12);
}
.top-nav-link.is-active{
  color:#eef8ff;
  background:linear-gradient(135deg,rgba(114,217,255,.11),rgba(139,123,255,.11));
  border-color:rgba(114,217,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.top-nav-link.is-active span{color:var(--accent)}
.top-actions{gap:8px}
.top-actions .btn{min-height:42px;padding-inline:15px;border-radius:13px}
.menu-toggle{
  width:44px;height:44px;border-radius:13px;
  background:rgba(255,255,255,.045);
  border-color:rgba(148,163,184,.14);
}
.menu-toggle span{width:17px}

.site-shell{
  width:min(1400px,calc(100% - 28px));
  padding:26px 0 56px;
}
.site-shell > section,.site-shell > form{margin-bottom:18px}

.btn{
  min-height:46px;
  border-radius:13px;
  padding:0 18px;
  border-color:rgba(148,163,184,.15);
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.btn:hover{
  background:rgba(255,255,255,.075);
  border-color:rgba(148,163,184,.27);
  transform:translateY(-1px);
}
.btn-primary{
  background:linear-gradient(135deg,#73dcff 0%,#7f9cff 54%,#9a84ff 100%);
  color:#07101d;
  box-shadow:0 12px 28px rgba(114,156,255,.20),inset 0 1px 0 rgba(255,255,255,.3);
}
.btn-primary:hover{background:linear-gradient(135deg,#8ae4ff,#8aa9ff,#aa91ff)}
.btn-danger{background:rgba(255,111,145,.08);border-color:rgba(255,111,145,.22)}
.btn-square{min-height:44px}

.site-drawer{
  top:12px;
  inset-inline-start:12px;
  width:min(430px,calc(100vw - 24px));
  height:calc(100vh - 24px);
  border-radius:24px;
  border-color:rgba(148,163,184,.16);
  background:
    radial-gradient(500px 240px at 90% 0%,rgba(139,123,255,.10),transparent 62%),
    linear-gradient(180deg,rgba(12,18,31,.98),rgba(7,11,20,.99));
  box-shadow:var(--shadow);
  padding:16px;
}
.drawer-head{padding:8px 4px 14px}
.drawer-head h3{font-size:1.08rem}
.drawer-links{gap:9px}
.drawer-link{
  min-height:64px;
  grid-template-columns:auto 1fr;
  border-radius:16px;
  background:rgba(255,255,255,.032);
  border-color:rgba(148,163,184,.10);
  padding:12px 13px;
}
.drawer-link:hover{
  background:rgba(255,255,255,.06);
  border-color:rgba(114,217,255,.16);
}
.drawer-link.is-active{
  background:linear-gradient(135deg,rgba(114,217,255,.10),rgba(139,123,255,.10));
  border-color:rgba(114,217,255,.22);
}
.drawer-icon{
  width:40px;height:40px;border-radius:12px;
  background:rgba(255,255,255,.045);
  border-color:rgba(148,163,184,.12);
  color:var(--accent);
}

.hero-card,.form-panel,.art-panel,.ticket-card,.console-card,.command-card,.feature-card,.stat-card,.tag-card,.info-box,.success-box,.error-box,.warning-box,.hero-note,.dashboard-card,.card,.rail-card,.table-card,.banner{
  border-radius:24px;
  border-color:rgba(148,163,184,.12);
  background:
    linear-gradient(155deg,rgba(20,30,50,.80),rgba(10,16,29,.72));
  box-shadow:var(--shadow-soft),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(22px) saturate(135%);
}
.hero-card::before,.form-panel::before,.art-panel::before,.ticket-card::before,.console-card::before,.dashboard-card::before,.card::before{
  left:18px;right:18px;
  background:linear-gradient(90deg,transparent,rgba(114,217,255,.55),rgba(139,123,255,.5),transparent);
  opacity:.55;
}
.hero-card,.form-panel,.art-panel,.ticket-card,.console-card,.command-card,.dashboard-card,.card,.rail-card,.table-card{padding:26px}
.hero-layout,.features-layout,.auth-layout,.dashboard-layout{gap:26px}
.command-grid{gap:16px}
.feature-grid,.store-grid{gap:16px}

.hero-title,.panel-title,.auth-title{
  font-size:clamp(2.15rem,4.5vw,4rem);
  line-height:1.12;
}
.hero-copy,.panel-copy,.auth-copy,.art-copy,.feature-copy{gap:12px}
.hero-copy p,.panel-copy p,.auth-copy p,.art-copy p{max-width:68ch}
.eyebrow{color:var(--accent);font-size:.72rem;letter-spacing:.14em}
.badge{
  min-height:30px;
  padding:6px 10px;
  background:rgba(255,255,255,.045);
  border-color:rgba(148,163,184,.13);
  font-size:.77rem;
}
.accent{
  background:linear-gradient(110deg,#76ddff 0%,#8e8aff 52%,#61e8bb 100%);
  -webkit-background-clip:text;
  background-clip:text;
}

.hero-menu,.rail-menu{gap:10px}
.hero-menu a,.rail-menu a{
  min-height:86px;
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.032);
  border-color:rgba(148,163,184,.10);
}
.hero-menu a:hover,.rail-menu a:hover{
  background:rgba(114,217,255,.055);
  border-color:rgba(114,217,255,.18);
  transform:translateY(-2px);
}
.hero-menu a strong,.rail-menu a strong{font-size:.94rem}
.hero-menu a span,.rail-menu a span{font-size:.79rem}

.form-panel,.ticket-card,.console-card,.command-card,.feature-card,.card,.stat-card,.tag-card,.hero-note,.info-box,.success-box,.error-box,.warning-box{padding:22px}
.panel-heading,.ticket-head,.console-head{margin-bottom:18px}
.avatar,.icon-badge{
  width:44px;height:44px;border-radius:13px;
  background:linear-gradient(135deg,rgba(114,217,255,.10),rgba(139,123,255,.10));
  border-color:rgba(148,163,184,.14);
}
.field{gap:7px}
.field label{font-size:.82rem;color:#9cabc1}
input,textarea,select{
  border-radius:13px;
  border-color:rgba(148,163,184,.13);
  background:rgba(3,8,16,.64);
  padding:13px 14px;
}
input:focus,textarea:focus,select:focus{
  border-color:rgba(114,217,255,.48);
  box-shadow:0 0 0 3px rgba(114,217,255,.09),0 8px 26px rgba(0,0,0,.13);
  background:rgba(5,11,20,.78);
}
textarea{min-height:140px}

.success-box{border-color:rgba(67,230,163,.18);background:rgba(67,230,163,.07);color:#c8fae3}
.error-box{border-color:rgba(255,111,145,.18);background:rgba(255,111,145,.07);color:#ffd8e2}
.warning-box{border-color:rgba(255,195,92,.18);background:rgba(255,195,92,.07);color:#ffe7ba}
.info-box,.hero-note{background:rgba(255,255,255,.035)}

.feature-card,.command-card,.stat-card,.tag-card{
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.feature-card:hover,.command-card:hover,.stat-card:hover,.tag-card:hover{
  transform:translateY(-3px);
  border-color:rgba(114,217,255,.18);
  background:linear-gradient(155deg,rgba(22,34,56,.88),rgba(10,16,29,.82));
  box-shadow:0 24px 55px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.04);
}
.feature-card{min-height:182px}
.feature-icon{font-size:1.4rem;filter:drop-shadow(0 6px 14px rgba(114,217,255,.17))}
.stat-card .value{
  font-size:clamp(1.8rem,4vw,2.7rem);
  background:linear-gradient(120deg,#fff,#b4c6ff);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.command-card{min-height:205px}
.command-card .footer{margin-top:18px}
.command-card .footer .btn{width:auto;max-width:100%}

.bot-summary-grid{gap:10px}
.bot-summary-card{
  padding:15px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.032);
  border-color:rgba(148,163,184,.10);
}
.bot-summary-card .label{font-size:.78rem}
.bot-summary-card strong{font-size:.96rem}

.table-card table{border-collapse:separate;border-spacing:0}
.table-card th,.table-card td{
  padding:13px 11px;
  border-bottom:1px solid rgba(148,163,184,.09);
}
.table-card tr:hover td{background:rgba(255,255,255,.025)}
.table-card th{font-size:.78rem;color:#7f8ca3}

.console-log{
  border-radius:15px;
  border-color:rgba(148,163,184,.10);
  background:#050912;
  box-shadow:inset 0 1px 15px rgba(0,0,0,.24);
}

.ticket-item,.builder-row,.tutorial-card,.summary-item,.bullet,.upload-state-box{
  background:rgba(255,255,255,.032);
  border-color:rgba(148,163,184,.10);
  border-radius:16px;
}
.status-pill,.tag,.trust-chip{
  border-color:rgba(148,163,184,.12);
  background:rgba(255,255,255,.045);
}
.status-pill.good{background:rgba(67,230,163,.08);color:#bff7d9}
.status-pill.warn{background:rgba(255,195,92,.08);color:#ffe3a9}

.store-modal,.upload-modal{
  background:rgba(2,6,13,.68);
  backdrop-filter:blur(12px);
}
.store-modal-card,.upload-modal-card{
  border-radius:24px;
  border-color:rgba(148,163,184,.16);
  background:
    radial-gradient(400px 180px at 90% 0%,rgba(139,123,255,.11),transparent 68%),
    linear-gradient(180deg,rgba(12,19,33,.99),rgba(7,11,20,.99));
  box-shadow:var(--shadow);
}
.store-modal-head{border-bottom-color:rgba(148,163,184,.10)}
.store-contact-row code{
  border-radius:13px;
  background:rgba(255,255,255,.035);
}

.screen-loader{
  background:rgba(3,6,12,.72);
  backdrop-filter:blur(16px);
}
.screen-loader-card{
  border-radius:22px;
  border-color:rgba(148,163,184,.15);
  background:linear-gradient(155deg,rgba(18,28,48,.92),rgba(7,12,21,.94));
}
.orb-ring-a{border-color:rgba(114,217,255,.66)}
.orb-ring-b{border-color:rgba(139,123,255,.42)}
.orb-core{background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 22px rgba(114,217,255,.48)}

.scroll-cue{
  border-color:rgba(114,217,255,.15);
  background:linear-gradient(135deg,rgba(114,217,255,.06),rgba(139,123,255,.05),rgba(255,255,255,.025));
}
.scroll-cue-icon{border-color:rgba(148,163,184,.13);background:rgba(255,255,255,.04)}

.reveal{
  opacity:0;
  transform:translateY(14px) scale(.992);
  transition:opacity .5s ease,transform .5s ease;
  transition-delay:var(--reveal-delay,0ms);
}
.reveal.is-visible{opacity:1;transform:none}

.maintenance-wrap{padding:26px}
.maintenance-card{
  border-radius:24px !important;
  border-color:rgba(148,163,184,.14) !important;
  background:
    radial-gradient(600px 260px at 90% 0%,rgba(114,217,255,.09),transparent 62%),
    linear-gradient(155deg,rgba(18,28,48,.92),rgba(8,13,23,.94)) !important;
  box-shadow:var(--shadow) !important;
}

@media (max-width: 1050px){
  .site-topbar-inner{grid-template-columns:auto 1fr auto}
  .top-nav-link{padding-inline:10px}
  .top-nav-link b{display:none}
  .top-nav-link span{font-size:1rem}
}
@media (max-width: 760px){
  .site-topbar-inner{
    width:calc(100% - 18px);
    min-height:68px;
    grid-template-columns:auto 1fr auto;
    gap:8px;
  }
  .topbar-status{display:none}
  .bn-brand-mark{width:44px;height:44px;border-radius:13px}
  .bn-brand-copy strong{font-size:.96rem}
  .bn-brand-copy small{display:none}
  .top-nav{justify-content:flex-end;gap:4px}
  .top-nav-link{
    width:40px;height:40px;min-height:40px;
    justify-content:center;
    padding:0;
    border-radius:12px;
  }
  .top-nav-link:nth-child(n+3){display:none}
  .top-actions .btn{display:none}
  .top-actions .menu-toggle{display:inline-flex}
  .site-shell{width:calc(100% - 18px);padding:18px 0 42px}
  .hero-card,.form-panel,.art-panel,.ticket-card,.console-card,.command-card,.dashboard-card,.card,.rail-card,.table-card{padding:18px;border-radius:20px}
  .hero-title,.panel-title,.auth-title{font-size:clamp(1.8rem,9vw,2.55rem)}
  .feature-grid,.store-grid,.command-grid,.tags-grid{grid-template-columns:1fr}
  .hero-menu,.rail-menu{grid-template-columns:1fr}
  .hero-menu a,.rail-menu a{min-height:72px}
  .builder-row{padding:13px}
  .maintenance-wrap{padding:16px}
}

@media (prefers-reduced-motion: reduce){
  .feature-card,.command-card,.stat-card,.tag-card{transition:none}
  .reveal{transform:none}
}


/* v51 broadcast queue + cinematic loader */
.broadcast-progress{
  margin:0 0 18px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(96,165,250,.2);
  background:
    radial-gradient(500px 180px at 100% 0%, rgba(96,165,250,.12), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  box-shadow:0 18px 50px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
}
.broadcast-progress[hidden]{display:none}
.broadcast-progress-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.broadcast-progress-top strong{display:block;font-size:1rem}
.broadcast-progress-top span{display:block;margin-top:5px;color:var(--muted);font-size:.82rem}
.broadcast-percent{font-size:1.45rem;font-weight:900;letter-spacing:-.04em}
.broadcast-progress-track{position:relative;height:12px;margin:16px 0 14px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.05)}
.broadcast-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#60a5fa,#34d399,#a78bfa);background-size:220% 100%;animation:broadcastGradient 2.2s linear infinite;transition:width .32s ease;box-shadow:0 0 24px rgba(96,165,250,.38)}
@keyframes broadcastGradient{0%{background-position:0% 50%}100%{background-position:220% 50%}}
.broadcast-progress-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.broadcast-progress-stats>div{padding:11px 9px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05)}
.broadcast-progress-stats b{display:block;font-size:1.05rem}
.broadcast-progress-stats span{display:block;margin-top:4px;color:var(--muted);font-size:.75rem}
.broadcast-live{margin-top:11px;color:#bfe3ff;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:680px){.broadcast-progress-top{flex-direction:column}.broadcast-percent{font-size:1.25rem}.broadcast-progress-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

.screen-loader{background:rgba(1,4,10,.76);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}
.screen-loader-card{position:relative;overflow:hidden;min-width:min(370px,calc(100vw - 32px));justify-content:center;padding:22px 26px;border-radius:28px;border:1px solid rgba(96,165,250,.18);background:
  radial-gradient(220px 120px at 18% 20%,rgba(96,165,250,.11),transparent 70%),
  radial-gradient(240px 140px at 100% 80%,rgba(167,139,250,.1),transparent 70%),
  linear-gradient(160deg,rgba(12,18,34,.96),rgba(4,9,18,.98));
 box-shadow:0 28px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.05)}
.screen-loader-card::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.025) 45%,transparent 58%);transform:translateX(-120%);animation:loaderSheen 2.6s ease-in-out infinite}
@keyframes loaderSheen{55%,100%{transform:translateX(120%)}}
.orb-loader{width:78px;height:78px;position:relative;display:grid;place-items:center;filter:drop-shadow(0 0 22px rgba(96,165,250,.24))}
.orb-grid{position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle at center,rgba(96,165,250,.11),transparent 55%),repeating-conic-gradient(from 0deg,rgba(96,165,250,.10) 0 5deg,transparent 5deg 15deg);mask:radial-gradient(circle,#000 58%,transparent 60%);animation:gridTurn 6s linear infinite}
@keyframes gridTurn{to{transform:rotate(360deg)}}
.orb-ring{position:absolute;border-radius:50%;box-sizing:border-box}
.orb-ring-a{inset:0;border:2px solid rgba(96,165,250,.55);border-right-color:transparent;animation:spin 1.7s linear infinite}
.orb-ring-b{inset:7px;border:2px solid rgba(167,139,250,.45);border-left-color:transparent;animation:spinReverse 2.4s linear infinite}
.orb-ring-c{inset:17px;border:1px dashed rgba(52,211,153,.36);animation:spin 3.6s linear infinite}
@keyframes spinReverse{to{transform:rotate(-360deg)}}
.orb-core{width:17px;height:17px;background:radial-gradient(circle at 35% 35%,#e0f2fe 0 8%,#60a5fa 34%,#7c3aed 100%);box-shadow:0 0 18px rgba(96,165,250,.7),0 0 42px rgba(124,58,237,.28);z-index:3}
.orb-pulse{inset:25px;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:corePulse 1.25s ease-out infinite}
@keyframes corePulse{0%{transform:scale(.65);opacity:.8}100%{transform:scale(1.35);opacity:0}}
.orb-scan{position:absolute;left:8px;right:8px;top:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);filter:blur(.2px);animation:scan 1.35s ease-in-out infinite;z-index:4}
@keyframes scan{0%,100%{transform:translateY(-26px);opacity:.1}50%{transform:translateY(26px);opacity:.75}}
.orb-spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#dbeafe;box-shadow:0 0 14px rgba(147,197,253,.85);z-index:4}
.spark-a{top:5px;right:18px;animation:sparkA 1.8s ease-in-out infinite}.spark-b{bottom:10px;left:3px;animation:sparkB 2.1s ease-in-out infinite}.spark-c{top:34px;left:-1px;animation:sparkC 2.5s ease-in-out infinite}
@keyframes sparkA{50%{transform:translate(8px,6px) scale(.55);opacity:.35}}
@keyframes sparkB{50%{transform:translate(8px,-8px) scale(1.25);opacity:.95}}
@keyframes sparkC{50%{transform:translate(-4px,10px) scale(.55);opacity:.25}}
.screen-loader-copy strong{font-size:1rem;letter-spacing:.01em}.screen-loader-copy span{color:#b9c7da}


/* v52 navigation, mobile back button, calmer drawer, branded logo */
.bn-brand-mark{
  width:50px;height:50px;border-radius:16px;
  padding:5px;
  background:linear-gradient(145deg,rgba(77,235,255,.10),rgba(139,92,246,.14));
  border:1px solid rgba(113,225,255,.20);
  box-shadow:0 12px 34px rgba(0,0,0,.30), 0 0 28px rgba(77,235,255,.09), inset 0 1px 0 rgba(255,255,255,.08);
}
.bn-brand-mark::before{display:none}
.bn-brand-mark img{width:100%;height:100%;display:block;object-fit:contain}
.bn-brand-copy small{color:#8ea7c2}

.site-drawer{
  background:
    radial-gradient(420px 180px at 85% 0%,rgba(63,220,255,.09),transparent 65%),
    radial-gradient(420px 260px at 0% 100%,rgba(139,92,246,.08),transparent 68%),
    linear-gradient(180deg,rgba(8,14,27,.985),rgba(5,10,19,.995));
  border-color:rgba(114,217,255,.13);
  box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 40px rgba(114,217,255,.06);
}
.drawer-head .badge{background:rgba(114,217,255,.08);border-color:rgba(114,217,255,.16);color:#aeeaff}
.drawer-link{
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(114,217,255,.025));
  border-color:rgba(114,217,255,.08);
}
.drawer-link:hover,.drawer-link.is-active{
  background:linear-gradient(145deg,rgba(114,217,255,.10),rgba(139,92,246,.08));
  border-color:rgba(114,217,255,.20);
}
.drawer-icon{
  width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:11px;
  background:rgba(114,217,255,.06);
  color:#8ee7ff !important;
  margin-bottom:2px;
}

.top-nav{gap:4px}
.top-nav-link{color:#9aaac1}
.top-nav-link.is-active{
  background:linear-gradient(135deg,rgba(114,217,255,.10),rgba(139,123,255,.10));
  border-color:rgba(114,217,255,.18);
}
@media (max-width:760px){
  .site-topbar-inner{grid-template-columns:auto 1fr auto;gap:8px}
  .topbar-brand-wrap{grid-column:3;justify-self:end}
  .top-nav{grid-column:2;justify-content:center;gap:4px}
  .top-actions{grid-column:1;justify-self:start}
  .top-nav-link{width:38px;height:38px;min-height:38px;padding:0}
  /* Keep one core top-nav item plus the drawer, while page actions remain visible. */
  .top-nav-link:nth-child(n+2){display:none}
  .top-nav-link span{font-size:1rem}
  .top-actions .btn{
    display:inline-flex;
    min-height:40px;
    padding:0 12px;
    border-radius:12px;
    font-size:.80rem;
    order:1;
  }
  .top-actions .btn-square{
    width:auto;
    min-width:78px;
  }
  .top-actions .menu-toggle{display:inline-flex;order:0}
  .top-actions .menu-toggle + .btn,
  .top-actions .btn + .menu-toggle{margin-inline-start:3px}
  .bn-brand-mark{width:46px;height:46px;border-radius:14px}
  .bn-brand-copy strong{font-size:.95rem}
}
@media (max-width:420px){
  .top-actions .btn{min-width:0;padding-inline:10px;font-size:.76rem}
  .top-actions .btn-square{width:auto;min-width:68px}
  .site-drawer{top:9px;inset-inline-start:9px;width:calc(100vw - 18px);height:calc(100vh - 18px);border-radius:22px}
}

/* Build a clearly visible in-page back action on small screens. */
.page-back-mobile{
  display:none;
}
@media (max-width:760px){
  .page-back-mobile{display:inline-flex}
}

/* Remove visual duplication of scroll cues. */
.panel-index-scroll-only .hero-note + .scroll-cue{display:none}


/* v53 final mobile/header pass: compact, non-wrapping, consistent BotNex chrome */
.site-topbar-inner{width:min(1360px,calc(100% - 28px));grid-template-columns:auto minmax(0,1fr) auto;gap:18px}
.topbar-brand-wrap{min-width:0;display:flex;align-items:center;gap:10px}
.topbar-status{white-space:nowrap}
.top-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}
.top-nav{min-width:0}
.mobile-header-shortcuts{display:none}
.mobile-header-shortcut{min-height:42px;padding:0 13px;border-radius:13px;border:1px solid rgba(114,217,255,.15);background:linear-gradient(135deg,rgba(114,217,255,.10),rgba(139,123,255,.09));color:#eaf7ff;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.mobile-header-shortcut span{font-size:1rem}
.site-drawer{background:linear-gradient(180deg,rgba(8,13,25,.985),rgba(6,10,19,.99));border-color:rgba(114,217,255,.14);box-shadow:0 32px 100px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.04)}
.drawer-link{background:linear-gradient(135deg,rgba(114,217,255,.055),rgba(139,123,255,.045));border-color:rgba(114,217,255,.10)}
.drawer-link.is-active{background:linear-gradient(135deg,rgba(114,217,255,.14),rgba(139,123,255,.12));border-color:rgba(114,217,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 28px rgba(0,0,0,.16)}
.bn-brand-mark{flex:0 0 auto}
.bn-brand-mark img{object-fit:cover;border-radius:12px}

@media (max-width: 760px){
  .site-topbar-inner{width:calc(100% - 14px);min-height:66px;padding:8px 0;grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .topbar-brand-wrap{grid-column:1;justify-self:stretch;order:1}
  .top-nav{display:none}
  .top-actions{grid-column:2;order:2;justify-self:end;display:flex;align-items:center;gap:7px}
  .desktop-header-action{display:none !important}
  .mobile-header-shortcuts{display:block}
  .mobile-header-shortcut{min-width:82px;height:42px;padding-inline:12px}
  .mobile-header-shortcut b{font-size:.80rem}
  .menu-toggle{width:42px;height:42px;border-radius:13px;flex:0 0 auto}
  .bn-brand-copy small{display:none}
  .bn-brand-copy strong{font-size:.96rem}
  .bn-brand{gap:9px}
  .bn-brand-mark{width:44px;height:44px;border-radius:13px;padding:4px}
  .topbar-status{display:none}
  .site-shell{width:calc(100% - 14px);padding:14px 0 30px}
  .hero-card,.form-panel,.art-panel,.ticket-card,.console-card,.command-card,.feature-card,.stat-card,.tag-card,.info-box,.success-box,.error-box,.warning-box,.hero-note,.dashboard-card,.card,.rail-card,.table-card{padding:15px;border-radius:20px}
  .page-grid,.hero-layout,.features-layout,.auth-layout,.dashboard-layout,.page-grid.auth-grid{gap:14px}
  .hero-title,.panel-title,.auth-title{font-size:clamp(1.65rem,8vw,2.55rem);line-height:1.14}
  .btn{width:100%;min-height:46px}
  .form-actions,.builder-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .hero-menu,.rail-menu{grid-template-columns:1fr;gap:8px}
  .bot-summary-grid{gap:8px}
  .command-grid{gap:10px}
}

@media (max-width: 420px){
  .site-topbar-inner{width:calc(100% - 10px)}
  .mobile-header-shortcut{min-width:72px;padding-inline:9px}
  .mobile-header-shortcut b{font-size:.74rem}
  .menu-toggle{width:40px;height:40px}
  .bn-brand-mark{width:42px;height:42px}
}

/* Rubika channel quick-access modal */
.rubika-channel-modal[hidden]{display:none!important}
.rubika-channel-modal{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:18px}
.rubika-channel-backdrop{position:absolute;inset:0;background:rgba(2,7,14,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.rubika-channel-card{position:relative;width:min(460px,100%);padding:26px;border-radius:26px;border:1px solid rgba(114,217,255,.18);background:linear-gradient(180deg,rgba(13,20,34,.98),rgba(7,12,23,.99));box-shadow:0 30px 100px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05);text-align:center;z-index:1}
.rubika-channel-close{position:absolute;top:12px;inset-inline-start:12px;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);font-size:1.5rem;line-height:1;cursor:pointer}
.rubika-channel-icon{width:74px;height:74px;border-radius:22px;margin:0 auto 14px;display:grid;place-items:center;font-size:2rem;font-weight:800;color:#7ee7ff;background:radial-gradient(circle at 35% 30%,rgba(126,231,255,.28),rgba(139,123,255,.18) 52%,rgba(255,255,255,.03));border:1px solid rgba(114,217,255,.18);box-shadow:0 0 40px rgba(96,165,250,.18)}
.rubika-channel-card h3{font-size:1.35rem;line-height:1.6;margin:10px 0 8px}
.rubika-channel-card p{color:var(--muted);line-height:1.9;margin:0 auto;max-width:38ch}
.rubika-channel-id-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px 0 14px;padding:10px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--line)}
.rubika-channel-id-row span{display:flex;align-items:center;gap:8px;min-width:0}.rubika-channel-id-row code{max-width:100%;overflow-wrap:anywhere}.rubika-channel-card .rubika-channel-actions + .rubika-channel-actions{margin-top:10px}
.rubika-channel-id-row code{direction:ltr;font-size:1rem;font-weight:700;color:#eaf7ff}
.rubika-copy-btn{width:auto!important;min-height:40px!important;padding-inline:14px!important}
.rubika-channel-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rubika-copy-status{display:block;min-height:22px;margin-top:10px;color:#67e8f9;font-size:.84rem}
@media(max-width:760px){.mobile-header-shortcuts{display:flex;align-items:center;gap:7px}.mobile-header-shortcut{min-width:72px}.mobile-channel-trigger{appearance:none;cursor:pointer}.rubika-channel-card{padding:24px 18px;border-radius:22px}.rubika-channel-actions{grid-template-columns:1fr}.rubika-channel-id-row{justify-content:space-between}}
@media(max-width:420px){.mobile-header-shortcuts{gap:5px}.mobile-header-shortcut{min-width:62px;padding-inline:8px}.mobile-header-shortcut b{font-size:.72rem}.rubika-channel-card h3{font-size:1.2rem}}


/* v90 responsive stability + navigation performance */
html,body{max-width:100%;overflow-x:hidden}
.site-shell,.site-topbar-inner,.page-grid,.dashboard-layout,.hero-layout,.auth-layout,.form-panel,.builder-card,.layout-card,.welcome-file-card{min-width:0}
img,video,iframe,svg{max-width:100%}
input,textarea,select,button{max-width:100%;box-sizing:border-box}
input[type=file]{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}
textarea{overflow-wrap:anywhere;word-break:break-word}
pre,code{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.welcome-file-card{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}
.welcome-file-copy{min-width:0;display:grid;gap:5px}
.welcome-file-copy strong,.welcome-file-copy small{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.welcome-file-copy small{color:var(--muted);line-height:1.65}
.welcome-remove-file{width:auto!important;min-width:140px;flex:0 0 auto}
.welcome-upload-status{margin-top:10px;padding:11px 13px;border-radius:14px;border:1px dashed rgba(148,163,184,.16);background:rgba(255,255,255,.028);color:var(--muted);overflow-wrap:anywhere;word-break:break-word}
.field{min-width:0}
@media(max-width:760px){
  .site-shell{overflow:visible}
  .form-panel,.builder-card,.layout-card{width:100%;min-width:0}
  .welcome-file-card{flex-direction:column;align-items:stretch}
  .welcome-remove-file{width:100%!important;min-width:0}
  input[type=file]{font-size:.82rem;padding:11px 10px}
  .screen-loader-card,.upload-modal-card{width:min(calc(100vw - 20px),420px);max-width:100%;min-width:0}
  .screen-loader-card{padding:16px}
  .upload-modal{padding:10px}
  .upload-modal-card{padding:15px}
  .upload-modal-head{gap:10px;min-width:0}
  .upload-modal-head>div:last-child{min-width:0}
  .upload-modal-subtitle{overflow-wrap:anywhere}
  .builder-row,.row-shell{width:100%;min-width:0}
  .table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}
}


/* BotNex rich-text editor */
.rich-editor {
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 16px;
  background: rgba(10,20,34,.62);
  overflow: visible;
  position: relative;
}
.rich-editor.is-focused {
  border-color: rgba(84,160,255,.50);
  box-shadow: 0 0 0 3px rgba(84,160,255,.09);
}
.rich-editor-toolbar {
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  padding:8px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
}
.rich-editor-tool {
  width:36px;
  height:34px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:#13233a;
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  font:700 .92rem/1 inherit;
  transition:.15s ease;
}
.rich-editor-tool:hover { transform:translateY(-1px); border-color:rgba(84,160,255,.35); }
.rich-editor-tool[data-rich-action="link"] { font-size:1rem; }
.rich-editor-tool[data-rich-action="spoiler"] { font-size:1rem; }
.rich-editor-body {
  min-height:132px;
  max-height:360px;
  overflow:auto;
  padding:13px 15px;
  color:var(--text,#fff);
  line-height:1.9;
  white-space:pre-wrap;
  word-break:break-word;
  outline:0;
  direction:rtl;
}
.rich-editor-body:empty::before {
  content: attr(data-placeholder);
  color: rgba(255,255,255,.38);
  pointer-events:none;
}
.rich-editor-help {
  padding:7px 12px 9px;
  color:rgba(255,255,255,.44);
  font-size:.72rem;
}
.rich-editor-body a { color:#72b7ff; text-decoration:underline; }
.rich-editor-body spoiler {
  display:inline;
  background: rgba(255,255,255,.16);
  color: transparent;
  border-radius:4px;
  padding:0 2px;
  cursor:pointer;
  text-shadow:0 0 8px rgba(255,255,255,.55);
  transition:.12s ease;
}
.rich-editor-body spoiler:hover,
.rich-editor-body spoiler:focus { color: inherit; background: rgba(255,255,255,.08); text-shadow:none; }
.rich-editor-link-modal {
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(2,8,18,.72);
  backdrop-filter:blur(8px);
}
.rich-editor-link-modal[hidden] { display:none; }
.rich-editor-link-card {
  width:min(460px,100%);
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  padding:20px;
  background:linear-gradient(180deg,#13243b,#0d1829);
  box-shadow:0 30px 90px rgba(0,0,0,.46);
}
.rich-editor-link-card h3 { margin:0 0 6px; font-size:1.05rem; }
.rich-editor-link-card p { margin:0 0 14px; color:var(--muted,#a8b3c4); font-size:.83rem; }
.rich-editor-link-card input {
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.12);
  border-radius:13px;
  padding:11px 12px;
  background:#0b1524;
  color:#fff;
  direction:ltr;
  text-align:left;
  font:inherit;
}
.rich-editor-link-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:14px; }
.rich-editor-link-error { min-height:18px; margin-top:7px; color:#ff9e9e; font-size:.76rem; }
@media (max-width:760px) {
  .rich-editor-body { min-height:120px; max-height:300px; }
  .rich-editor-tool { width:34px; height:32px; }
}

/* v140 menu sizing: compact half-page drawer, responsive on phones */
.menu-scrim{
  background:radial-gradient(circle at 70% 15%,rgba(96,165,250,.08),transparent 28%),rgba(2,6,12,.74);
  backdrop-filter:blur(12px) saturate(120%);
}
.site-drawer{
  top:50%;
  inset-inline-start:18px;
  width:min(520px,50vw);
  height:min(76vh,720px);
  max-height:calc(100vh - 36px);
  transform:translateY(-48%) translateX(-110%) scale(.985);
  border-radius:32px;
  padding:0;
  overflow:hidden;
  background:
    radial-gradient(500px 240px at 100% 0%,rgba(94,234,212,.10),transparent 62%),
    radial-gradient(440px 280px at 0% 35%,rgba(129,140,248,.12),transparent 65%),
    linear-gradient(180deg,#091221 0%,#060c17 100%);
  border:1px solid rgba(148,163,184,.15);
  box-shadow:0 40px 120px rgba(0,0,0,.60),inset 0 1px 0 rgba(255,255,255,.04);
  transform:translateX(-110%) scale(.985);
  transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .20s ease,visibility .20s ease;
  gap:0;
}
.site-drawer.is-open{transform:translateY(-50%) translateX(0) scale(1)}
.drawer-head-new{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:20px 20px 16px;
  border-bottom:1px solid rgba(148,163,184,.10);
}
.drawer-brand-block{display:flex;align-items:center;gap:12px;min-width:0}
.drawer-brand-logo{
  width:52px;height:52px;border-radius:17px;display:grid;place-items:center;flex:0 0 52px;
  background:linear-gradient(145deg,rgba(94,234,212,.10),rgba(129,140,248,.12));
  border:1px solid rgba(125,211,252,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)
}
.drawer-brand-logo img{width:42px;height:42px;object-fit:cover;border-radius:12px}
.drawer-brand-block strong{display:block;font-size:1.18rem;line-height:1.3}
.drawer-brand-block small{display:block;color:#8fa1b9;margin-top:3px;font-size:.80rem}
.drawer-close-new{
  width:44px;height:44px;border-radius:14px;border:1px solid rgba(148,163,184,.14);background:rgba(255,255,255,.035);color:#dce8f6;font-size:1.7rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.18s ease
}
.drawer-close-new:hover{transform:rotate(4deg) scale(1.04);background:rgba(255,255,255,.07);border-color:rgba(125,211,252,.24)}
.drawer-intro{
  margin:14px 18px 4px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(148,163,184,.08);display:flex;align-items:center;gap:8px;color:#9cafc7;font-size:.78rem
}
.drawer-intro-dot{width:7px;height:7px;border-radius:999px;background:#67e8f9;box-shadow:0 0 16px rgba(103,232,249,.6);flex:0 0 7px}
.drawer-scroll{overflow:auto;padding:6px 18px 16px;overscroll-behavior:contain}
.drawer-group{margin-top:12px}
.drawer-group-title{display:flex;align-items:center;gap:8px;color:#7f93ae;font-size:.73rem;margin:0 2px 9px;letter-spacing:.02em}
.drawer-group-title i{height:1px;flex:1;background:rgba(148,163,184,.09)}
.drawer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.drawer-card{
  min-height:92px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;border-radius:19px;text-decoration:none!important;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(99,102,241,.025));
  border:1px solid rgba(148,163,184,.09);position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease
}
.drawer-card::after{content:"";position:absolute;inset:auto -20% -65% auto;width:100px;height:100px;border-radius:50%;background:rgba(96,165,250,.08);filter:blur(14px);pointer-events:none}
.drawer-card:hover{transform:translateY(-2px);border-color:rgba(125,211,252,.20);background:linear-gradient(145deg,rgba(125,211,252,.08),rgba(129,140,248,.07));box-shadow:0 14px 34px rgba(0,0,0,.18)}
.drawer-card.is-active{border-color:rgba(94,234,212,.27);background:linear-gradient(145deg,rgba(94,234,212,.11),rgba(129,140,248,.10));box-shadow:0 10px 28px rgba(0,0,0,.16)}
.drawer-card-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(125,211,252,.07);border:1px solid rgba(125,211,252,.10);color:#a5ecff;font-size:1.12rem;font-weight:700;flex:0 0 42px}
.drawer-card-copy{min-width:0}.drawer-card-copy strong{display:block;color:#edf5ff;font-size:.94rem;line-height:1.35}.drawer-card-copy small{display:block;color:#8497b0;font-size:.72rem;line-height:1.55;margin-top:3px}.drawer-card-arrow{color:#5f7490;font-size:1rem;transition:transform .18s ease,color .18s ease}.drawer-card:hover .drawer-card-arrow{transform:translateX(-3px);color:#b5e9ff}
.drawer-foot-new{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid rgba(148,163,184,.09);color:#667a95;font-size:.69rem;background:rgba(255,255,255,.012)}
.drawer-foot-new span:first-child{color:#9fb4cc;font-weight:700}
@media(max-width:900px){
  .site-drawer{width:min(520px,72vw);height:min(78vh,720px)}
}
@media(max-width:560px){
  .site-drawer{top:50%;inset-inline-start:8px;width:calc(100vw - 16px);height:min(72vh,620px);max-height:calc(100vh - 16px);border-radius:25px}
  .drawer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .drawer-card{min-height:72px;padding:10px;border-radius:16px;gap:8px}
  .drawer-card-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px;font-size:1rem}
  .drawer-card-copy strong{font-size:.83rem}.drawer-card-copy small{font-size:.66rem}
  .drawer-card-arrow{font-size:.9rem}
  .drawer-head-new{padding:13px 14px 11px}.drawer-brand-logo{width:44px;height:44px;flex-basis:44px}.drawer-brand-logo img{width:36px;height:36px}.drawer-brand-block strong{font-size:1rem}.drawer-brand-block small{font-size:.72rem}
  .drawer-intro{margin:10px 12px 3px;padding:8px 10px;font-size:.7rem}.drawer-scroll{padding:5px 12px 12px}.drawer-group{margin-top:9px}.drawer-group-title{font-size:.67rem;margin-bottom:7px}.drawer-foot-new{padding:9px 14px}
}


/* v267: modern /start editor aligned with the redesigned management panel */
.welcome-modern-card{width:100%;max-width:1180px;margin:0 auto;padding:26px!important;display:block}
.welcome-heading{align-items:flex-start;margin-bottom:18px}
.welcome-heading h1{margin:8px 0 7px;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.18}
.welcome-heading p{margin:0;color:var(--muted);max-width:72ch;line-height:1.9}
.welcome-editor-card,.welcome-media-card,.welcome-tags-card{margin-top:16px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.015));padding:16px}
.welcome-field-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.welcome-field-head label{margin:0}
.welcome-field-hint{font-size:.72rem;color:var(--muted)}
.welcome-media-card{display:grid;gap:14px}
.welcome-section-title{display:flex;align-items:center;gap:12px}
.welcome-section-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(114,217,255,.12),rgba(139,123,255,.11));border:1px solid rgba(114,217,255,.14);font-size:1.15rem}
.welcome-section-title div:last-child{display:grid;gap:3px}
.welcome-section-title strong{font-size:.95rem}
.welcome-section-title span{font-size:.74rem;color:var(--muted);line-height:1.7}
.welcome-upload-field{margin:0}
.welcome-file-card.modern{margin-top:11px}
.welcome-upload-status.modern{margin-top:11px}
.welcome-tags-card{display:flex;align-items:center;justify-content:space-between;gap:14px}
.welcome-tags-card>div{display:grid;gap:5px;min-width:0}
.welcome-tags-card strong{font-size:.86rem}
.welcome-tags-card span{color:var(--muted);font-size:.74rem;line-height:1.8}
.welcome-tags-card code{direction:ltr;color:#cfe8ff}
.welcome-actions{margin-top:16px}
@media(max-width:760px){
  .welcome-modern-card{padding:18px!important}
  .welcome-heading{margin-bottom:12px}
  .welcome-tags-card{align-items:stretch;flex-direction:column}
  .welcome-tags-card .btn{width:100%}
  .welcome-field-hint{width:100%}
}

/* v271 - global smoothness guardrails */
html{scroll-behavior:smooth}
img{content-visibility:auto}
@media (max-width: 700px){
  .site-shell > section{box-shadow:0 18px 48px rgba(0,0,0,.20)!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* v273 — homepage hero rebuilt around the real BotNex robot mascot */
.bn-home-hero{
  position:relative;
  min-height:clamp(560px,78vh,760px);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);
  align-items:center;
  gap:clamp(18px,4vw,64px);
  padding:clamp(28px,4vw,56px);
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(650px 420px at 14% 78%,rgba(91,91,255,.13),transparent 70%),
    radial-gradient(540px 420px at 84% 18%,rgba(59,211,255,.12),transparent 72%),
    linear-gradient(145deg,#0b1629 0%,#07101e 52%,#060b15 100%);
}
.bn-home-hero::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(400px 220px at 50% 0%,rgba(255,255,255,.045),transparent 72%),
    linear-gradient(90deg,transparent 0 49.8%,rgba(112,220,255,.035) 50%,transparent 50.2%);
}
.bn-home-hero-copy{display:grid;align-content:center;gap:14px;max-width:660px}
.bn-home-badge{width:max-content;border-color:rgba(110,231,255,.15);background:rgba(61,186,255,.065)}
.bn-home-badge i{width:8px;height:8px;border-radius:50%;background:#55e6b2;box-shadow:0 0 0 6px rgba(85,230,178,.08),0 0 18px rgba(85,230,178,.65)}
.bn-home-title{
  font-size:clamp(2.55rem,5.8vw,5.25rem);
  line-height:1.03;
  letter-spacing:-.045em;
  margin-top:3px;
  color:#f7fbff;
}
.bn-home-title .accent{
  display:inline-block;
  color:#7ee6ff;
  background:none;
  -webkit-text-fill-color:currentColor;
  text-shadow:0 0 24px rgba(111,226,255,.18);
}
.bn-home-subtitle{color:#f7fbff;font-size:clamp(1.18rem,2.1vw,1.65rem);font-weight:800;line-height:1.55}
.bn-home-description{color:#9eacc1;font-size:1rem;max-width:56ch;line-height:2}
.bn-home-actions{margin-top:7px;display:flex;gap:10px;flex-wrap:wrap}
.bn-home-actions .btn{min-width:152px}
.bn-main-cta{background:linear-gradient(135deg,#71e8ff 0%,#769cff 55%,#af79ff 100%);box-shadow:0 14px 34px rgba(78,176,255,.14),inset 0 1px 0 rgba(255,255,255,.25)}
.bn-home-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:6px}
.bn-home-points span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;border:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.035);color:#c7d1df;font-size:.78rem}
.bn-home-points i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(85,230,178,.12);color:#77e9bf;font-style:normal;font-size:.72rem}
.bn-home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.bn-home-stat{position:relative;overflow:hidden;padding:18px;border-radius:22px;background:linear-gradient(145deg,rgba(18,31,52,.92),rgba(9,15,28,.92));border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 38px rgba(0,0,0,.13)}.bn-home-stat:before{content:"";position:absolute;inset:-45px auto auto -35px;width:130px;height:130px;background:radial-gradient(circle,rgba(56,232,255,.12),transparent 70%)}.bn-home-stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.bn-home-stat-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:1.1rem}.bn-home-stat-label{font-size:.82rem;color:#aebbd0}.bn-home-stat-value{margin-top:8px;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:900;line-height:1}.bn-home-stat-desc{margin-top:7px;font-size:.78rem;color:#7f8ea5}@media(max-width:720px){.bn-home-stats{grid-template-columns:1fr}.bn-home-stat{padding:16px}}
.bn-home-visual{position:relative;min-height:470px;display:grid;place-items:center}
.bn-robot-halo{position:absolute;width:min(58vw,510px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 42%,rgba(94,217,255,.15),transparent 39%),radial-gradient(circle at 50% 58%,rgba(135,111,255,.12),transparent 70%);filter:blur(6px)}
.bn-robot-halo::before,.bn-robot-halo::after{content:'';position:absolute;inset:7%;border-radius:50%;border:1px solid rgba(101,223,255,.12);transform:rotate(-16deg)}
.bn-robot-halo::after{inset:18%;border-color:rgba(164,118,255,.11);transform:rotate(22deg)}
.bn-robot-float{position:relative;width:min(100%,530px);filter:drop-shadow(0 28px 50px rgba(0,0,0,.34));animation:bnRobotFloat 5.2s ease-in-out infinite;will-change:transform}
.bn-robot-image{display:block;width:100%;height:auto;object-fit:contain;overflow:visible;filter:drop-shadow(0 0 22px rgba(70,210,255,.10))}
.bn-robot-caption{position:absolute;left:1%;bottom:4%;display:grid;gap:3px;text-align:right;padding:10px 13px;border-radius:16px;background:rgba(7,14,27,.62);border:1px solid rgba(119,214,255,.12);backdrop-filter:blur(14px);box-shadow:0 14px 30px rgba(0,0,0,.18)}
.bn-robot-caption strong{font-size:.86rem;display:flex;align-items:center;gap:7px}
.bn-status-dot{width:8px;height:8px;border-radius:50%;background:#55e6b2;box-shadow:0 0 0 5px rgba(85,230,178,.08),0 0 14px rgba(85,230,178,.45)}
.bn-robot-caption span:last-child{font-size:.68rem;color:#8190a7}
@keyframes bnRobotFloat{0%,100%{transform:translate3d(0,2px,0) rotate(-.2deg)}50%{transform:translate3d(0,-10px,0) rotate(.2deg)}}
@media(prefers-reduced-motion:reduce){.bn-robot-float{animation:none!important}}
@media(max-width:900px){
  .bn-home-hero{grid-template-columns:1fr;gap:4px;min-height:auto;padding:22px 18px 22px}
  .bn-home-visual{min-height:390px;order:-1}
  .bn-robot-float{width:min(96%,480px)}
  .bn-robot-halo{width:min(92vw,460px)}
  .bn-home-title{font-size:clamp(2.45rem,10vw,4rem)}
  .bn-home-copy{max-width:none}
}
@media(max-width:760px){
  .bn-home-hero{width:100%;border-radius:22px;padding:17px 14px 18px}
  .bn-home-visual{min-height:345px;margin:-4px 0 2px}
  .bn-robot-float{width:min(100%,430px)}
  .bn-robot-caption{left:2%;bottom:2%;padding:8px 10px}
  .bn-robot-caption strong{font-size:.78rem}
  .bn-robot-caption span:last-child{font-size:.62rem}
  .bn-home-hero-copy{gap:10px;text-align:right}
  .bn-home-description{font-size:.92rem;line-height:1.9}
  .bn-home-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .bn-home-actions .btn{width:100%}
  .bn-home-points{gap:7px}
  .bn-home-points span{font-size:.71rem;padding:7px 8px}
}
@media(max-width:420px){
  .bn-home-hero{padding:14px 11px 15px}
  .bn-home-visual{min-height:300px}
  .bn-robot-float{width:100%}
  .bn-home-title{font-size:clamp(2.2rem,12vw,3.2rem)}
}

/* v273 — replace the tiny B mark with the real BotNex robot mascot */
.bn-brand-mark{background:linear-gradient(145deg,rgba(33,45,70,.95),rgba(11,17,30,.96));border-color:rgba(107,219,255,.18);box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 10px 28px rgba(0,0,0,.38),0 0 28px rgba(74,180,255,.08)}
.bn-brand-mark::before{background:radial-gradient(circle at 60% 20%,rgba(98,226,255,.22),transparent 48%),linear-gradient(145deg,rgba(128,93,255,.15),rgba(63,204,255,.08));z-index:0}
.bn-brand-mark img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain!important;border-radius:12px}
@media(max-width:760px){.bn-brand-mark{padding:2px}.topbar-brand-wrap{gap:8px}.bn-brand-copy strong{font-size:.94rem}}

/* v273 — tighter mobile chrome so the homepage does not feel crowded */
@media(max-width:760px){
  .site-topbar-inner{min-height:62px;width:calc(100% - 12px);display:flex;align-items:center;justify-content:space-between;gap:7px}
  .topbar-brand-wrap{order:2;flex:1;justify-content:center}
  .top-actions{order:1;justify-content:flex-start;gap:7px;flex-wrap:nowrap}
  .top-actions .mobile-header-shortcuts{display:flex;gap:7px}
  .top-actions .mobile-header-shortcut{min-width:auto;height:40px;padding-inline:10px}
  .top-actions .mobile-header-shortcut b{font-size:.72rem}
  .top-actions .menu-toggle{width:40px;height:40px}
}
@media(max-width:420px){.top-actions .mobile-header-shortcut:first-child{display:none}.top-actions .mobile-channel-trigger{min-width:78px}}


/* v274 — homepage polish: restore RTL header, remove robot caption, compact CTA, fast typing title */
@media(max-width:760px){
  .site-topbar-inner{direction:rtl}
  .topbar-brand-wrap{order:initial;flex:0 0 auto;justify-content:flex-start}
  .top-actions{order:initial;margin-inline-start:auto;justify-content:flex-start}
}
.bn-robot-caption{display:none!important}
.bn-home-visual{min-height:440px}
.bn-robot-float{width:min(100%,490px)}
.bn-robot-halo{width:min(52vw,470px)}
.bn-main-cta{
  min-width:0!important;
  width:max-content!important;
  padding-inline:30px!important;
  border-radius:999px!important;
}
.bn-typed-title{display:inline}
.bn-typed-title .accent{
  display:inline;
  color:#7ee6ff;
  background:none;
  -webkit-text-fill-color:currentColor;
  text-shadow:0 0 24px rgba(111,226,255,.18);
}
.bn-typing-caret{display:inline-block;width:3px;height:.9em;margin-inline-start:5px;vertical-align:-.05em;border-radius:999px;background:#7ee6ff;box-shadow:0 0 14px rgba(126,230,255,.55);animation:bnCaret .62s steps(1,end) infinite}
.bn-typing-caret.done{animation:bnCaret .75s steps(1,end) infinite;opacity:.72}
@keyframes bnCaret{50%{opacity:0}}
@media(max-width:760px){
  .bn-home-visual{min-height:325px}
  .bn-robot-float{width:min(92%,390px)}
  .bn-robot-halo{width:min(84vw,390px)}
  .bn-home-actions{display:flex;justify-content:flex-start;flex-wrap:wrap}
  .bn-home-actions .btn{width:auto}
  .bn-main-cta{padding-inline:25px!important}
}
@media(max-width:420px){
  .bn-home-visual{min-height:290px}
  .bn-robot-float{width:min(90%,350px)}
  .bn-main-cta{padding-inline:22px!important}
}


/* BotNex v275: unified fully-rounded UI polish */
.btn, button[type="submit"], button.btn, .login-button, .mobile-header-shortcut, .drawer-links a, .top-actions .btn {
  border-radius:999px !important;
}
.menu-toggle, .icon-btn { border-radius:50% !important; }
input, textarea, select { border-radius:999px !important; }

.hero-card, .command-card, .form-panel, .art-panel, .tutorial-card,
.feature-card, .launch-card, .store-card, .store-modal-card, .pro-lock,
.stat-box, .command-grid, .panel, .card, [class*="-card"] {
  border-radius:32px;
}

.bn-home-actions { justify-content:center !important; }
.bn-main-cta { min-width:190px; width:min(100%,250px); justify-content:center; border-radius:999px !important; }
.bn-typed-title, .bn-typing-caret { white-space:nowrap !important; }
.bn-typed-title { display:inline-block; min-height:1.2em; vertical-align:baseline; }
.bn-typing-caret.done { opacity:0 !important; width:0 !important; margin:0 !important; }

@media(max-width:560px){
  .bn-main-cta { width:min(100%,235px); }
  .bn-typed-title { font-size:1em; max-width:100%; }
}

/* v276: unified fully-rounded controls across the whole site and management panel */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn {
  border-radius: 999px !important;
}

/* Common panel controls that previously used small corner radii */
.sort-actions button,
.real-key,
.cn-action-menu button,
.cn-action-edit-form button,
.cn-send,
.cn-attach {
  border-radius: 999px !important;
}

/* Keep compact circular icon controls circular */
.menu-toggle, .icon-btn, .cn-icon, .cn-send, .cn-attach {
  overflow: hidden;
}

/* v277 unified capsule controls across management panel */
.panel-page .btn,.panel-page .tool-btn,.panel-page .section-link,.panel-page .builder-actions .btn,.panel-page .form-actions .btn{border-radius:999px!important}
.panel-page input,.panel-page textarea,.panel-page select{border-radius:999px}
.panel-page .tool-status{border-radius:999px}


/* BotNex hub mini back button — responsive, compact and header-safe */
.hub-back-mini{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-height:36px;padding:0 12px;border:1px solid rgba(96,165,250,.24);border-radius:12px;background:linear-gradient(135deg,rgba(96,165,250,.10),rgba(255,255,255,.035));color:#e8f4ff;text-decoration:none;font-size:.74rem;font-weight:800;line-height:1;white-space:nowrap;box-shadow:0 8px 22px rgba(0,0,0,.16);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.hub-back-mini::before{content:'‹';font-size:1.25rem;line-height:.7;transform:translateY(-1px);opacity:.9}
.hub-back-mini:hover{transform:translateY(-1px);border-color:rgba(96,165,250,.48);background:linear-gradient(135deg,rgba(96,165,250,.17),rgba(255,255,255,.05));box-shadow:0 10px 28px rgba(0,0,0,.22)}
.hub-back-mini:active{transform:translateY(0);box-shadow:0 5px 14px rgba(0,0,0,.16)}
.saved-heading-actions{min-width:0}
@media(max-width:700px){
  .hub-back-mini{min-width:40px;width:40px;height:36px;padding:0;border-radius:11px;font-size:0;gap:0}
  .hub-back-mini::before{content:'←';font-size:1rem;transform:none}
  .saved-heading-actions{display:flex;align-items:center;gap:8px;max-width:100%;flex-wrap:wrap}
}
@media(max-width:420px){
  .hub-back-mini{width:38px;min-width:38px;height:34px}
}

.top-nav-button{font:inherit;border:0;cursor:pointer}

.drawer-card-button{width:100%;font:inherit;text-align:right;color:inherit}


/* BotNex targeted mobile/performance fixes */
@media(max-width:760px){
  .top-actions .desktop-header-action{display:none !important;}
  .top-actions{min-width:0;flex-wrap:nowrap;gap:7px;}
  .top-actions .mobile-header-shortcuts{display:flex;min-width:0;max-width:calc(100vw - 72px);overflow:hidden;}
  .top-actions .mobile-header-shortcut{min-width:0;max-width:148px;overflow:hidden;text-overflow:ellipsis;}
  .rubika-channel-modal{padding:10px;overflow:auto;overscroll-behavior:contain;}
  .rubika-channel-card{width:100%;max-width:460px;max-height:calc(100dvh - 20px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;}
  .rubika-channel-id-row{min-width:0;}
  .rubika-channel-id-row span{min-width:0;max-width:100%;overflow-wrap:anywhere;}
  .rubika-channel-id-row code{overflow-wrap:anywhere;word-break:break-word;}
}
@media(max-width:420px){
  .top-actions .mobile-header-shortcut{max-width:126px;}
  .rubika-channel-card{padding:20px 14px;}
}
.drawer-card{font:inherit;color:inherit;text-align:right;cursor:pointer;width:100%;}
.drawer-card::-moz-focus-inner{border:0;}


/* BotNex weak-device performance mode */
html.bn-low-end *,
html.bn-low-end *::before,
html.bn-low-end *::after{
  animation-duration:.001ms !important;
  animation-iteration-count:1 !important;
  transition-duration:.001ms !important;
  scroll-behavior:auto !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html.bn-low-end .reveal,
html.bn-low-end [data-reveal]{
  opacity:1 !important;
  transform:none !important;
}
html.bn-low-end .floaty{animation:none !important}
html.bn-low-end .screen-loader{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
html.bn-low-end .card,
html.bn-low-end .hero-card,
html.bn-low-end .panel-card,
html.bn-low-end .site-drawer,
html.bn-low-end .modal-card{
  box-shadow:none !important;
}