/*
 * JTS3 Control Center, 2026
 * Presentational override for the complete legacy Web Interface.
 * No SQL schema, bot settings or PHP mail settings are modified.
 * Default theme is dark; white mode is opt-in and saved in the browser.
 */
:root,
html[data-jts-theme="dark"] {
  color-scheme:dark;
  --j-bg:#0b1020;
  --j-bg2:#101729;
  --j-sidebar:#0f1627;
  --j-surface:#151e32;
  --j-surface2:#1b263d;
  --j-hover:#253351;
  --j-input:#111b2f;
  --j-border:#293653;
  --j-border-soft:#222f49;
  --j-text:#eef3ff;
  --j-muted:#9baac4;
  --j-subtle:#7587a5;
  --j-accent:#7c9cff;
  --j-accent-soft:rgba(113,143,252,.14);
  --j-accent-hover:#95adff;
  --j-green:#34d6ad;
  --j-green-soft:rgba(52,214,173,.13);
  --j-red:#ff7c91;
  --j-red-soft:rgba(255,124,145,.12);
  --j-shadow:0 18px 60px rgba(0,0,0,.22);
  --j-header:rgba(15,22,39,.92);
  --j-scroll:rgba(129,152,191,.3);
  --j-grad:linear-gradient(135deg,#7697ff,#56d6d2);
}
html[data-jts-theme="light"] {
  color-scheme:light;
  --j-bg:#f4f7fd;
  --j-bg2:#edf1fa;
  --j-sidebar:#ffffff;
  --j-surface:#ffffff;
  --j-surface2:#f6f8fe;
  --j-hover:#edf2ff;
  --j-input:#fff;
  --j-border:#dce4f1;
  --j-border-soft:#e9edf6;
  --j-text:#1c2841;
  --j-muted:#52627c;
  --j-subtle:#74819a;
  --j-accent:#4967df;
  --j-accent-soft:rgba(70,103,222,.09);
  --j-accent-hover:#3152cf;
  --j-green:#169f7b;
  --j-green-soft:rgba(22,159,123,.1);
  --j-red:#ce3856;
  --j-red-soft:rgba(206,56,86,.09);
  --j-shadow:0 16px 45px rgba(29,51,94,.08);
  --j-header:rgba(255,255,255,.91);
  --j-scroll:rgba(70,93,137,.25);
  --j-grad:linear-gradient(135deg,#607ff1,#26b3ba);
}
html { min-width:320px;scroll-behavior:smooth; }
html,body { min-height:100%; }
html * { box-sizing:border-box; }
body.jts-app {
  margin:0!important;padding:0!important;
  background:var(--j-bg)!important;color:var(--j-text)!important;
  font:14px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.003em;
}
body.jts-app:before{content:"";position:fixed;inset:0 0 auto 280px;height:520px;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 68% 0%,rgba(101,128,255,.065),transparent 63%)}
body.jts-app a { color:var(--j-accent)!important;text-decoration:none;transition:color .16s ease,background .16s ease,border-color .16s ease; }
body.jts-app a:hover{color:var(--j-accent-hover)!important;}
body.jts-app a:focus-visible,body.jts-app button:focus-visible,body.jts-app input:focus-visible,body.jts-app select:focus-visible,body.jts-app textarea:focus-visible,body.jts-app summary:focus-visible {outline:2px solid var(--j-accent)!important;outline-offset:3px;}
body.jts-app h1,body.jts-app h2,body.jts-app h3,body.jts-app h4{color:var(--j-text);line-height:1.25;letter-spacing:-.025em}
body.jts-app p{line-height:1.65}
body.jts-app img{max-width:100%;vertical-align:middle}
body.jts-app strong,body.jts-app b{color:inherit}
body.jts-app hr{border:0;border-top:1px solid var(--j-border)!important}
::selection{background:var(--j-accent);color:white}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:var(--j-scroll);border-radius:9px;border:2px solid var(--j-bg)}
::-webkit-scrollbar-track{background:transparent}
.jts-layout {display:grid;grid-template-columns:278px minmax(0,1fr);min-height:100vh;position:relative;isolation:isolate}
.jts-sidebar {background:var(--j-sidebar);border-right:1px solid var(--j-border);position:sticky;top:0;height:100vh;min-height:600px;display:flex;flex-direction:column;z-index:50;overflow-y:auto;overflow-x:hidden}
.jts-brand {display:flex;gap:12px;align-items:center;padding:28px 24px 28px!important;color:var(--j-text)!important;border-bottom:1px solid var(--j-border-soft)}
.jts-brand:hover{color:var(--j-text)!important}
.jts-brand-icon{height:45px;width:45px;border-radius:14px;background:var(--j-grad);color:#fff;box-shadow:0 9px 23px rgba(75,103,216,.27);display:grid;place-items:center;flex-shrink:0}
.jts-brand-word{display:flex;flex-direction:column;line-height:1.15}
.jts-brand-word strong{font-size:20px;letter-spacing:-.075em;font-weight:800}
.jts-brand-word strong span{color:var(--j-accent)}
.jts-brand-word small{font-size:9px;letter-spacing:.2em;font-weight:750;color:var(--j-subtle);margin-top:7px}
.jts-sidebar-content{padding:22px 14px;flex:1}
.jts-menu-label{padding:0 14px 11px;font-size:10px;font-weight:800;letter-spacing:.17em;color:var(--j-subtle)}
.jts-nav {font-size:13.5px;overflow-wrap:anywhere}
.jts-nav #framemenu_bigscreen,.jts-nav #framemenu_smallscreen{display:block!important}
.jts-nav #framemenu_smallscreen {display:none!important}
.jts-nav .framemenublock_big,.jts-nav .framemenublock_nowidth,.jts-nav .framemenublock_single,.jts-nav .framemenublock_single_nowidth,.jts-nav .framemenublock_login {
 display:block!important;float:none!important;width:auto!important;height:auto!important;min-width:0!important;max-width:100%;padding:0!important;margin:0 0 15px!important;white-space:normal!important;overflow:visible!important;
}
.jts-nav .framemenublock_big br,.jts-nav .framemenublock_login br,.jts-nav .framemenublock_nowidth br,.jts-nav .framemenublock_single br,.jts-nav .framemenublock_single_nowidth br{display:none}
.jts-nav .framemenublock_big > a,.jts-nav .framemenublock_nowidth > a,.jts-nav .framemenublock_single > a,.jts-nav .framemenublock_single_nowidth > a,.jts-nav .framemenublock_login > a,.jts-nav .framemenublock_big > a.nounderline {
 display:flex!important;align-items:center;min-height:43px;gap:11px;padding:10px 13px!important;margin:3px 0;border-radius:11px;border:1px solid transparent;font-weight:600;line-height:1.3;color:var(--j-muted)!important;
}
.jts-nav a img:not(.languageimagechooser){width:17px;height:17px;object-fit:contain;flex-shrink:0;image-rendering:auto}
.jts-nav .framemenublock_big > a:hover,.jts-nav .framemenublock_login > a:hover,.jts-nav .framemenublock_nowidth > a:hover,.jts-nav .framemenublock_single > a:hover,.jts-nav .framemenublock_single_nowidth > a:hover{background:var(--j-hover)!important;color:var(--j-text)!important}
.jts-nav a.jts-nav-active{color:var(--j-accent)!important;background:var(--j-accent-soft)!important;border-color:var(--j-border)!important}
.jts-nav .framemenublock_big > b{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--j-subtle);margin:0 13px 8px;font-weight:800}
.jts-nav #framemenu_bigscreen>.framemenublock_big:first-child{background:var(--j-surface2);border:1px solid var(--j-border);border-radius:13px;padding:15px 13px!important;margin-bottom:19px!important;line-height:1.7;font-weight:700;color:var(--j-text)}
.jts-nav #framemenu_bigscreen>.framemenublock_big:first-child b{margin:0 0 3px}
.jts-nav form{display:block!important;margin:0!important;padding:0!important}
.jts-nav form .framemenublock_login:first-child {margin-top:4px!important}
.jts-nav form .framemenublock_login label{font-size:12px;font-weight:700;color:var(--j-muted);display:block!important;width:100%!important;margin-bottom:5px}
.jts-nav form .framemenublock_login input:not([type=submit]){width:100%!important;margin:0!important}
.jts-nav form .framemenublock_login input[type=submit]{width:100%;margin:6px 0 0!important}
.jts-nav #languagename{color:var(--j-subtle);font-size:10px;text-transform:uppercase;letter-spacing:.15em;margin:15px 12px 8px}
.jts-nav .languageimagechooser{display:inline-block;width:26px;max-width:none;margin:2px}
.jts-nav .framemenublock_nowidth:has(#languagename){padding:5px 11px!important}
.jts-sidebar-bottom {border-top:1px solid var(--j-border-soft);margin:0 13px 15px;padding:17px 12px;display:flex;align-items:center;gap:11px;color:var(--j-text)}
.jts-sidebar-bottom strong{display:block;font-size:12px;font-weight:700}
.jts-sidebar-bottom small{display:block;font-size:11px;color:var(--j-subtle)}
.jts-sidebar-bottom .build{font-size:11px!important;color:var(--j-subtle)!important}
.jts-live-dot {width:9px;height:9px;background:var(--j-green);box-shadow:0 0 0 4px var(--j-green-soft);border-radius:50%;flex-shrink:0}
.jts-stage{min-width:0;display:flex;flex-direction:column;position:relative;z-index:1}
.jts-topbar {min-height:91px;position:sticky;top:0;z-index:35;background:var(--j-header);border-bottom:1px solid var(--j-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:20px clamp(18px,2.6vw,40px);display:flex;justify-content:space-between;align-items:center;gap:20px}
.jts-topbar-left,.jts-topbar-actions{display:flex;align-items:center;gap:13px;min-width:0}
.jts-heading span {display:block;font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--j-subtle);margin-bottom:4px}
.jts-heading h1{font-weight:790;font-size:22px;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.jts-topbar-actions{gap:13px}
.jts-topbar-status{color:var(--j-muted);font-weight:650;font-size:12px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding-right:9px}
.jts-topbar-status i{background:var(--j-green);width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px var(--j-green-soft)}
.jts-theme-toggle, .jts-icon-btn {background:var(--j-surface)!important;color:var(--j-text)!important;border:1px solid var(--j-border)!important;box-shadow:none!important;border-radius:11px!important;min-height:41px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:background .2s,border-color .2s,transform .2s;padding:8px 13px!important;font:650 12px/1.3 inherit}
.jts-theme-toggle:hover,.jts-icon-btn:hover{background:var(--j-hover)!important;border-color:var(--j-accent)!important;transform:translateY(-1px)}
.jts-theme-icon{display:flex;align-items:center;color:var(--j-accent)}
.jts-user-pill{background:var(--j-accent-soft);color:var(--j-accent);border:1px solid var(--j-border);min-height:39px;padding:9px 14px;border-radius:999px;font-weight:750;font-size:12px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jts-menu-trigger{display:none!important;padding:9px!important;flex:0 0 42px}
.jts-overlay{display:none}
.jts-main{width:100%;flex:1;min-width:0;padding:29px clamp(18px,2.6vw,40px) 48px}
.jts-main-inner{width:100%;max-width:1470px;margin:0 auto;min-width:0;overflow-wrap:break-word}
.jts-main-inner >.title,.jts-main-inner .title{background:none!important;border:0!important;border-radius:0!important;text-shadow:none!important;color:var(--j-text)!important;box-shadow:none!important;padding:0!important;margin:19px 0 15px!important;font-size:20px!important;font-weight:780!important;white-space:normal!important;line-height:1.3;letter-spacing:-.026em}
.jts-main-inner>.title:first-child{font-size:22px!important;margin-top:3px!important;margin-bottom:20px!important}
.jts-main-inner div.botmanagertitle{font-size:23px;font-weight:800;letter-spacing:-.03em;margin:15px 0;color:var(--j-text)}
.jts-main-inner .botmanagerdescription {font-size:13px;color:var(--j-muted);padding:5px 0 17px;font-weight:500}
.jts-main-inner .botmanagerwarning {color:var(--j-red)}
.jts-main-inner > p,.jts-main-inner > div:not(.title):not(.jts-smtp):not(.jts-smtp-shortcut){max-width:100%}
.jts-main-inner fieldset,.jts-main-inner .jts-smtp,.jts-main-inner .settingstable {
 background:var(--j-surface)!important;color:var(--j-text)!important;border:1px solid var(--j-border)!important;border-radius:16px!important;box-shadow:var(--j-shadow);max-width:100%;
}
.jts-main-inner fieldset{min-width:0!important;padding:22px 24px!important;margin:8px 0 22px!important}
.jts-main-inner fieldset legend{color:var(--j-accent)!important;font-size:13px;font-weight:800;padding:0 10px}
.jts-main-inner fieldset.small{width:min(100%,650px)!important;margin-inline:auto!important}
.jts-main-inner p.borderline,.jts-main-inner .borderline{border-bottom:1px solid var(--j-border-soft)!important;padding:15px 2px!important;margin:0!important;color:var(--j-text)}
.jts-main-inner fieldset > p.borderline{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,36%);align-items:center;gap:15px}
.jts-main-inner fieldset > p.borderline:last-of-type{border-bottom:0!important}
.jts-main-inner fieldset > p.borderline > label{width:auto!important;display:block!important;min-width:0;line-height:1.45;color:var(--j-muted)!important;font-weight:550!important}
.jts-main-inner fieldset > p.borderline > input,.jts-main-inner fieldset > p.borderline > select{max-width:100%!important;width:100%!important}
.jts-main-inner input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=image]):not([type=hidden]):not([type=range]),
.jts-main-inner select,.jts-main-inner textarea,.jts-sidebar input:not([type=submit]):not([type=checkbox]):not([type=hidden]),
.jts-sidebar select,.jts-sidebar textarea {
 background:var(--j-input)!important;color:var(--j-text)!important;border:1px solid var(--j-border)!important;border-radius:10px!important;min-height:41px;box-shadow:none!important;padding:9px 12px!important;font-family:inherit;font-size:13px;max-width:100%;transition:border .18s,box-shadow .18s;margin:3px 0!important;
}
.jts-main-inner textarea{min-height:115px;resize:vertical}
.jts-main-inner input::placeholder,.jts-main-inner textarea::placeholder,.jts-sidebar input::placeholder{color:var(--j-subtle);opacity:.9}
.jts-main-inner input:focus,.jts-main-inner textarea:focus,.jts-main-inner select:focus,.jts-sidebar input:focus {border-color:var(--j-accent)!important;box-shadow:0 0 0 3px var(--j-accent-soft)!important;outline:0!important}
.jts-main-inner input[type=checkbox],.jts-main-inner input[type=radio]{accent-color:var(--j-accent);width:16px;height:16px}
.jts-main-inner input[type=submit],.jts-main-inner input[type=button],.jts-main-inner button:not(.jts-theme-toggle),.jts-sidebar input[type=submit],.jts-main-inner a.jts-action {
 background:var(--j-accent)!important;border:1px solid transparent!important;border-radius:10px!important;color:#fff!important;min-height:40px;padding:9px 17px!important;font-family:inherit;font-size:13px;font-weight:760;box-shadow:none!important;cursor:pointer;transition:transform .16s,filter .16s,background .16s;
}
.jts-main-inner input[type=submit]:hover,.jts-main-inner input[type=button]:hover,.jts-main-inner button:hover,.jts-sidebar input[type=submit]:hover{filter:brightness(1.07);transform:translateY(-1px)}
.jts-main-inner input[type=image]{width:auto!important;height:auto!important;cursor:pointer;padding:5px}
.jts-main-inner select{cursor:pointer}
.jts-main-inner label{color:var(--j-muted)}
.jts-main-inner .button{display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;width:auto!important;min-width:148px;max-width:100%;height:auto!important;min-height:44px;border:1px solid var(--j-border)!important;background:var(--j-surface2)!important;color:var(--j-muted)!important;border-radius:12px!important;font-weight:720;padding:11px 17px!important;margin:0 6px 6px 0!important;cursor:pointer;box-shadow:none!important}
.jts-main-inner .button:hover,.jts-main-inner .button_active{background:var(--j-accent-soft)!important;color:var(--j-accent)!important;border-color:var(--j-accent)!important}
.jts-main-inner #statusscreen,.jts-main-inner #botstatusscreen,.jts-main-inner .errormessage,.jts-main-inner #loadingscreen,.jts-main-inner #loadingscreencommand,.jts-main-inner #helpinstancelistreload {
 background:var(--j-surface2)!important;border:1px solid var(--j-border)!important;color:var(--j-text)!important;border-radius:12px;padding:15px 18px!important;font-weight:650;margin:13px 0!important;
}
.jts-main-inner #statusscreen,.jts-main-inner #botstatusscreen{border-left:3px solid var(--j-accent)!important}
.jts-main-inner .errormessage,.jts-main-inner .textcolorerror,.jts-main-inner .botmanagerwarning{color:var(--j-red)!important}
.jts-main-inner .textcolorgood{color:var(--j-green)!important}
.jts-main-inner .jts-smtp-shortcut {display:block;background:var(--j-accent-soft)!important;border:1px solid var(--j-border)!important;border-radius:12px!important;padding:14px 17px!important;margin:8px 0 20px!important;font-weight:760;max-width:100%}
.jts-main-inner .jts-smtp {max-width:960px!important;margin:10px auto!important;padding:clamp(20px,3vw,32px)!important}
.jts-main-inner .jts-smtp-intro{padding:0 0 8px;border-bottom:1px solid var(--j-border-soft)}
.jts-main-inner .jts-smtp-intro h2{margin:0 0 8px!important;font-size:23px}
.jts-main-inner .jts-smtp-intro p,.jts-main-inner .jts-test p{color:var(--j-muted)!important;font-size:13px}
.jts-smtp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px;margin:23px 0}
.jts-main-inner .jts-smtp label,.jts-main-inner .jts-test label{display:flex;flex-direction:column;width:100%!important;gap:7px;color:var(--j-muted)!important;font-size:12px;font-weight:700}
.jts-main-inner .jts-smtp label input,.jts-main-inner .jts-smtp label select{width:100%!important}
.jts-main-inner .jts-smtp .jts-check{display:inline-flex;flex-direction:row;align-items:center;gap:12px;color:var(--j-text)!important;min-height:42px}
.jts-main-inner .jts-smtp .jts-check input{width:18px!important;min-height:0!important}
.jts-main-inner .jts-smtp .jts-notice{padding:13px 15px;background:var(--j-accent-soft);color:var(--j-text);border:1px solid var(--j-border);border-radius:11px}
.jts-main-inner .jts-smtp .jts-test{border-top:1px solid var(--j-border);margin-top:26px;padding-top:20px;max-width:590px}
.jts-main-inner .jts-smtp .jts-test h3{margin:0;font-size:18px}
.jts-main-inner .jts-smtp .jts-test label{margin-bottom:14px}
.jts-main-inner .jts-smtp .jts-action.secondary{background:var(--j-surface2)!important;border-color:var(--j-border)!important;color:var(--j-text)!important}
.jts-main-inner table {color:var(--j-text)!important;border-color:var(--j-border)!important;max-width:100%;}
.jts-main-inner table.functionlist,.jts-main-inner table.settingstable,.jts-main-inner table.bbcode{
 border:1px solid var(--j-border)!important;border-collapse:separate!important;border-spacing:0!important;border-radius:14px!important;overflow:hidden;background:var(--j-surface)!important;margin:13px 0 24px!important;box-shadow:var(--j-shadow);width:100%!important
}
.jts-main-inner table.functionlist th,.jts-main-inner table.functionlist td,
.jts-main-inner table.settingstable td,.jts-main-inner table.settingstable th {padding:12px 13px!important;border-bottom:1px solid var(--j-border-soft)!important;vertical-align:middle;line-height:1.5}
.jts-main-inner table.functionlist th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--j-muted)!important}
.jts-main-inner tr.functionlist_title,.jts-main-inner th.functionlist_title{background:var(--j-surface2)!important;color:var(--j-muted)!important}
.jts-main-inner tr.functionlist:hover{background:var(--j-hover)!important}
.jts-main-inner tr.functionlist:last-child td,.jts-main-inner table.functionlist tbody tr:last-child td{border-bottom:0!important}
.jts-main-inner tr.nospacer{background:var(--j-surface)!important}
.jts-main-inner tr.nospacer th{padding:0!important}
.jts-main-inner table.functionlist .leftrightpadding{padding-left:12px!important;padding-right:12px!important}
.jts-main-inner .settingstable{padding:0!important}
.jts-main-inner table.bbcode select,.jts-main-inner table.bbcode,.jts-main-inner select.bbcode{background:var(--j-surface2)!important;color:var(--j-text)!important}
.jts-main-inner .div_addfunction,.jts-main-inner div.functionssettings{max-width:100%!important;background:var(--j-surface)!important;border:1px solid var(--j-border)!important;border-radius:15px;padding:23px!important;margin:17px 0!important;text-align:left!important}
.jts-main-inner .div_addfunction_title{font-size:17px;font-weight:770;margin-bottom:11px;color:var(--j-text)}
.jts-main-inner div.settings,.jts-main-inner div.settingsright{width:auto!important;max-width:100%;vertical-align:middle;padding:6px 0!important}
.jts-main-inner .checkbox{border:1px solid var(--j-border)!important;background:var(--j-surface2)!important;border-radius:6px!important}
.jts-main-inner .jts-theme-hint{display:flex;flex-direction:column;gap:5px;background:var(--j-accent-soft);padding:17px 20px;margin:8px 0 16px;border-radius:12px;border:1px solid var(--j-border)}
.jts-main-inner .jts-theme-hint strong{font-size:14px;color:var(--j-text)}
.jts-main-inner .jts-theme-hint span{font-size:12px;color:var(--j-muted)}
.jts-main-inner .jts-advanced{padding:12px 16px;margin:8px 0 18px;background:var(--j-surface2);border-radius:12px;border:1px solid var(--j-border)}
.jts-main-inner .jts-advanced summary{cursor:pointer;color:var(--j-subtle);font-size:12px}
.jts-main-inner .jts-advanced[open] summary{color:var(--j-text);font-weight:700;margin-bottom:10px}
.jts-main-inner .jts-advanced .borderline{display:flex!important;flex-wrap:wrap;gap:14px;align-items:center}
.jts-main-inner .jts-advanced label{flex:1 1 230px}
.jts-main-inner .jts-advanced select{flex:1 1 220px}
.jts-main-inner .jts-test {color:var(--j-text)}
.jts-main-inner .jts-main-inner>* {min-width:0}
.jts-main-inner .textinputerror {border-color:var(--j-red)!important;background:var(--j-red-soft)!important;color:var(--j-text)!important}
.jts-main-inner .rightspacer{padding-right:12px}
.jts-main-inner .topspacer{padding-top:20px}
.jts-main-inner .spacer_topnbottom{padding:18px 0}
.jts-main-inner .botmanagerdescription,.jts-main-inner .logviewpages{line-height:1.65}
.jts-main-inner .languageimagechooser:hover{border-radius:5px}
.jts-main-inner a.highlight_red,.jts-main-inner .highlight_red{color:var(--j-red)!important}
.jts-main-inner a.highlight_green,.jts-main-inner .highlight_green{color:var(--j-green)!important}
.jts-footer{padding:19px clamp(18px,2.6vw,40px) 24px!important;background:transparent!important;border-top:1px solid var(--j-border-soft)!important;position:static!important;width:100%!important;display:flex;gap:12px 22px;flex-wrap:wrap;justify-content:space-between;align-items:center;color:var(--j-subtle)!important;font-size:11px;min-height:68px;text-align:left!important}
.jts-footer a{font-size:11px;color:var(--j-muted)!important}
/* Any legacy elements with fixed dimensions should stay inside the viewport. */
.jts-main-inner form,.jts-main-inner fieldset,.jts-main-inner .settings,.jts-main-inner .settingsright{min-width:0}
.jts-main-inner pre,.jts-main-inner code{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--j-text)}
@media (max-width:1160px){
 .jts-layout{grid-template-columns:244px minmax(0,1fr)}
 .jts-topbar-status{display:none}
 .jts-sidebar-content{padding-inline:10px}
 .jts-brand{padding-inline:15px!important}
 .jts-main-inner fieldset > p.borderline{grid-template-columns:minmax(0,1fr) minmax(160px,39%)}
}
@media (max-width:900px){
 .jts-layout{display:block}
 .jts-sidebar{position:fixed;top:0;bottom:0;left:0;width:min(310px,86vw);height:100dvh;min-height:0;transform:translateX(-105%);transition:transform .22s ease;box-shadow:0 15px 55px rgba(0,0,0,.16)}
 body.jts-menu-open .jts-sidebar{transform:translateX(0)}
 body.jts-menu-open .jts-overlay{display:block;position:fixed;z-index:49;inset:0;background:rgba(3,10,24,.65);backdrop-filter:blur(4px)}
 .jts-menu-trigger{display:inline-flex!important}
 .jts-main{padding-top:24px}
 .jts-topbar{min-height:80px;padding-block:14px}
 .jts-heading h1{font-size:19px}
}
@media (max-width:700px){
 .jts-theme-toggle{min-width:42px;padding:9px!important}
 .jts-theme-label{display:none}
 .jts-user-pill{display:none}
 .jts-heading span{font-size:9px}
 .jts-heading h1{font-size:18px}
 .jts-main{padding:17px 13px 28px}
 .jts-topbar{padding:12px 13px;gap:9px}
 .jts-topbar-left,.jts-topbar-actions{gap:9px}
 .jts-main-inner fieldset{padding:16px!important}
 .jts-main-inner fieldset>p.borderline{display:flex!important;flex-direction:column;align-items:stretch;gap:5px;padding:12px 0!important}
 .jts-main-inner fieldset>p.borderline>*{width:100%!important;max-width:100%!important}
 .jts-main-inner fieldset>p.borderline label{font-size:12px!important}
 .jts-main-inner .button{min-width:0!important}
 .jts-main-inner .jts-smtp-grid{grid-template-columns:1fr}
 .jts-main-inner .jts-smtp-grid>span{display:none}
 .jts-main-inner table.functionlist{display:block!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
 .jts-main-inner .settingstable,.jts-main-inner table.bbcode{display:block;overflow-x:auto!important;max-width:100%}
 .jts-main-inner table.functionlist th,.jts-main-inner table.functionlist td{padding:10px 8px!important}
 .jts-main-inner .title{font-size:18px!important}
 .jts-footer{padding-inline:15px!important;gap:7px}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Bot detail cards and compact action links throughout the legacy templates. */
.jts-main-inner #botheader_bigscreen {display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:stretch;margin:0 0 19px}
.jts-main-inner #botheader_smallscreen {display:none!important}
.jts-main-inner #botheader_bigscreen>.framemenublock_big,.jts-main-inner #botheader_smallscreen>.framemenublock_big{
 display:block!important;width:auto!important;min-width:0!important;height:auto!important;min-height:88px;margin:0!important;padding:16px!important;border:1px solid var(--j-border);border-radius:13px;background:var(--j-surface);white-space:normal!important;overflow-wrap:anywhere;box-shadow:var(--j-shadow);font-size:13px;line-height:1.8
}
.jts-main-inner #botheader_bigscreen>.framemenublock_big b,.jts-main-inner #botheader_smallscreen>.framemenublock_big b{font-size:10px;color:var(--j-subtle);text-transform:uppercase;letter-spacing:.08em;display:inline-block;margin-bottom:7px}
.jts-main-inner #botheader_bigscreen>.framemenublock_big a,.jts-main-inner #botheader_smallscreen>.framemenublock_big a{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:1px 0}
.jts-main-inner #botheader_bigscreen>.framemenublock_big br,.jts-main-inner #botheader_smallscreen>.framemenublock_big br{display:none}
.jts-main-inner #botheader_bigscreen>.framemenublock_big a:not(:only-of-type){display:flex}
.jts-main-inner #botheader_bigscreen>.framemenublock_big img{max-width:17px}
.jts-main-inner .framemenublock_single_nowidth,.jts-main-inner .framemenublock_single{
 display:inline-flex!important;align-items:center;width:auto!important;height:auto!important;min-width:0!important;max-width:100%;margin:5px 8px 12px 0!important;padding:10px 13px!important;border:1px solid var(--j-border);border-radius:10px;background:var(--j-surface)!important;font-weight:700;vertical-align:top;white-space:normal!important
}
.jts-main-inner .framemenublock_single_nowidth a,.jts-main-inner .framemenublock_single a{display:inline-flex;align-items:center;gap:7px}
.jts-main-inner .framemenublock_single_nowidth img,.jts-main-inner .framemenublock_single img{max-height:18px}
.jts-main-inner .framemenublock_single_nowidth:hover,.jts-main-inner .framemenublock_single:hover{background:var(--j-accent-soft)!important;border-color:var(--j-accent)}
.jts-main-inner .framemenublock_big:not(#jts-nav .framemenublock_big) {max-width:100%}
.jts-main-inner #framecontent{padding:0!important;margin:0!important}
.jts-main-inner #loadingscreen,.jts-main-inner #loadingscreencommand{color:var(--j-accent)!important}
.jts-main-inner .logviewpages,.jts-main-inner .logdelete{padding:12px}
.jts-main-inner .jts-theme-hint + .jts-advanced + p{margin-top:8px!important}
@media(max-width:700px){
 .jts-main-inner #botheader_bigscreen{display:none!important}
 .jts-main-inner #botheader_smallscreen{display:grid!important;grid-template-columns:1fr;gap:9px;margin-bottom:15px}
 .jts-main-inner #botheader_smallscreen>.framemenublock_big{min-height:0;padding:14px!important}
}
