/* AERIA CONTROL 1.4 — OBSIDIAN RED
   Whole-interface skin; isolated from the app's feature-specific layout CSS.
   No external fonts required: consistent on Debian/Windows/iOS/Android. */
:root {
  color-scheme: dark;
  --bg: #08090b;
  --panel: #111318;
  --panel2: #181b21;
  --panel3: #1e2229;
  --border: #2b3038;
  --text: #f5f5f6;
  --sub: #9ca3ae;
  --primary: #f04450;
  --primary2: #c92b38;
  --cyan: #fa8791;
  --ok: #48d1a3;
  --warn: #ffc878;
  --bad: #ff6070;
  --red-soft: rgba(240,68,80,.115);
  --edge-light: rgba(255,255,255,.055);
  font-family: 'Inter','Manrope','Segoe UI',Arial,system-ui,sans-serif;
  font-synthesis:none;
  font-weight: 440;
}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth;scrollbar-color:#393b42 #101115}
body {
  color:var(--text);
  background:
    radial-gradient(ellipse 940px 520px at 84% -8%,rgba(174,22,41,.115),transparent 66%),
    radial-gradient(ellipse 780px 720px at 7% 103%,rgba(91,12,23,.10),transparent 74%),
    #08090b;
  font-size:14px;
  -webkit-font-smoothing:antialiased;
}
::selection{background:#c62b40;color:white}
a{color:#ff8f98;text-underline-offset:3px}
*:focus-visible{outline:2px solid #ff6673;outline-offset:3px}
.sidebar {
  background:linear-gradient(175deg,#131419 0%,#0e1014 55%,#0b0c0f 100%);
  border-right:1px solid #26272e;
  padding-top:24px;
  box-shadow:12px 0 38px rgba(0,0,0,.07);
}
.brand {gap:12px;padding-top:9px;padding-bottom:23px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}
.brandmark {
  border:1px solid rgba(255,155,155,.32);
  border-radius:13px;
  background:linear-gradient(135deg,#ff636b,#d32236 65%,#970c20);
  box-shadow:0 12px 29px rgba(208,19,40,.19),inset 0 1px rgba(255,255,255,.3);
  color:white;
}
.brand strong {font-size:19px;color:#fff;font-weight:800;letter-spacing:-.05em}
.brand small{color:#98949b;letter-spacing:1.9px}
.nav-group {color:#787d87;letter-spacing:1.9px;font-size:9px}
.nav-item {
  color:#aeb2bb;
  border-radius:11px;
  font-size:12.5px;
  font-weight:610;
  margin:3px 0;
  transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease;
}
.nav-item .ico {opacity:.87}
.nav-item:hover {background:#202126;color:#fff;transform:translateX(1px)}
.nav-item.active {
  background:linear-gradient(100deg,rgba(204,39,55,.21),rgba(204,39,55,.055));
  color:#fff;border-color:rgba(241,76,87,.25);
  box-shadow:inset 3px 0 #f04450;
}
.nav-item.active .ico {color:#ff6974;opacity:1}
.sidebar-foot {background:linear-gradient(180deg,#121317,#0c0d11);border-color:#292b32}
.avatar {background:linear-gradient(145deg,#5b222b,#3d181e);color:#ffd6d9;border:1px solid #71313b;border-radius:11px}
.identity b{color:#f8f8f9}.identity span{color:#a1a5af}
.header {
  height:76px;
  background:rgba(11,12,16,.89);
  backdrop-filter:blur(24px);
  border-color:#272930;
  box-shadow:0 1px 0 rgba(255,255,255,.025);
}
.header-title {font-size:14px;letter-spacing:-.01em}
.crumb{color:#858b96}
.icon-btn {background:#1b1d23;color:#d0d2d9;border:1px solid #363940;border-radius:11px;transition:.18s}
.icon-btn:hover{background:#313039;border-color:#b84853;color:#fff}
.live-pill{background:#191d20;border:1px solid #34403b;color:#b7e9d8}
.live-pill.demo{background:#30241d;border-color:#57402a;color:#f2d4b1}
main{max-width:1690px;padding:33px clamp(18px,2.5vw,44px) 64px}
.page-title{margin-bottom:24px;gap:24px}
.eyebrow{color:#ff727f;letter-spacing:2.05px;font-size:10px;font-weight:750}
.page-title h1{color:#fff;font-family:inherit;font-size:clamp(25px,2.3vw,35px);letter-spacing:-.052em;line-height:1.14;font-weight:820;background:none;-webkit-background-clip:initial;background-clip:initial;filter:none}
.page-title p{color:#a0a5af;font-size:12.5px;line-height:1.7}
.card,.stat,.srv,.mini-stat, .diag-box,.mode-tile,.staff-roles>div {
  background:linear-gradient(145deg,#17191e,#121419 78%);
  border:1px solid #303239;
  box-shadow:0 12px 37px rgba(0,0,0,.15),inset 0 1px var(--edge-light);
  border-radius:16px;
}
.card{overflow:hidden}
.cardhead{border-bottom:1px solid #292d34;background:rgba(255,255,255,.012);padding:19px 21px}
.cardhead h2{color:#fff;font-weight:745;font-size:14px}
.cardhead p,.cardbody .form-help{color:#989fa9}
.stat{padding:23px 24px;min-height:145px;overflow:hidden}
.stat::after{width:154px;height:154px;right:-80px;top:-84px;background:radial-gradient(circle,rgba(242,57,69,.18),transparent 70%);border-radius:50%}
.stat strong{font-family:inherit;font-size:34px;font-weight:815;letter-spacing:-.05em;color:#fff}
.stat .symbol{color:#f1616e}
.stat .sl{color:#adb0b9}
.stat small{color:#8d939c}
.btn {
  color:#e2e4e9;
  background:#24262d;
  border:1px solid #41434c;
  border-radius:10px;
  font-weight:700;
  letter-spacing:-.005em;
  transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.btn:hover{background:#31343d;border-color:#636872;transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn.primary {
  background:linear-gradient(115deg,#fb4b57,#d62b3b 90%);
  border:1px solid #ff6f79;
  color:white;
  box-shadow:0 9px 22px rgba(218,40,56,.18),inset 0 1px rgba(255,255,255,.18);
}
.btn.primary:hover{background:linear-gradient(125deg,#ff646e,#e83344);box-shadow:0 11px 25px rgba(230,37,57,.23)}
.btn.danger{background:#42222b;color:#ffb5ba;border-color:#843f4d}
.btn.danger:hover{background:#5b2633;border-color:#b64e5f}
.btn.ghost{background:transparent;color:#aeb2bc}
.input,.textarea,.select,.file-editor {
  background:#0e1014;
  color:#f3f4f6;
  border:1px solid #41434b;
  border-radius:10px;
  font-size:13px;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.input:focus,.textarea:focus,.select:focus,.db-form-grid .input:focus,.db-form-grid .select:focus{
  border-color:#f0525d;
  box-shadow:0 0 0 3px rgba(240,68,80,.14);
}
.input::placeholder,.textarea::placeholder{color:#737a85}
.field label,.db-form-grid label{color:#c9cbd1;font-weight:650}
.form-help{color:#a1a4ae}
.table-scroll{scrollbar-color:#3e3f45 #141519}
.table th{background:#1b1d22;color:#a3a7b0;border-color:#303239;font-weight:700}
.table td{color:#d1d3da;border-color:#2b2e35}
.table tbody tr:hover{background:rgba(242,68,80,.055)}
.table td b{color:#fff}
.table td small{color:#9399a4}
.mono{color:#bdc0c9}
.server-icon{background:#46202a;color:#ffa0a7}
.progress{background:#35343b}.progress>i{background:linear-gradient(90deg,#e83b4b,#ff8f8f)}
.status{background:#2a2d34;color:#aeb4be}
.status.violet,.status.purple{background:#49252f;color:#ffb1ba}
.status.red{background:#48252d;color:#ff8998}
.status.green{background:#18352e;color:#6dddb4}
.status.yellow{background:#4c3825;color:#ffcc81}
.alert{background:#3d2e1e;color:#ffe1b7;border-color:#5f4830}
.alert.info{background:#24252c;color:#cbd0da;border:1px solid #44464f;border-left:3px solid #ed4b57}
.alert.red{background:#3a1d24;color:#ffc1c7;border:1px solid #78303c}
.stat-chart,.chart-card,.stats-chart,.trend-chart{border-color:#38343c}
.mode-tile,.mode-tile.mode-live{
  background:linear-gradient(147deg,#1e2026,#13151a 83%);
  border-color:#36363d;
  min-height:164px;
}
.mode-tile.mode-live{background:radial-gradient(ellipse at top right,rgba(229,56,75,.13),transparent 74%),linear-gradient(142deg,#211d22,#141519);border-color:#70404a}
.mode-top>span,.mode-tile>span{color:#fa8a92}
.mode-tile>strong,.mode-metrics b{color:#fff}
.mode-tile>div,.mode-metrics small{color:#aeb3bd}
.mode-metrics{border-color:#3f3639}
.mode-instance-list span{color:#fac4c9;background:#522b3388;border-color:#78434b80}
.network-strip{background:#181a1f;border-color:#36363d;color:#eee}
.network-strip>span{color:#abb0ba}
.srv{padding:19px 20px}
.srvname{color:#fff;font-weight:760;letter-spacing:-.015em}
.instance-full{color:#969ba6}
.srvmeta b{color:#fff}
.quick button{background:#202228;border-color:#34363e;color:#e2e3e7}
.quick button:hover{background:#2f3036}
.event-dot{background:#f04450;box-shadow:0 0 0 4px rgba(244,68,80,.11)}
.calendar .day,.day{background:#18191e;border-color:#303239}
.day.today{border-color:#e14a58}
.event-chip{background:#54232f;color:#ffb7c0}
.event-note{background:#211c21;border-color:#51323a;color:#b9bac0}
.event-history-line{border-color:#3a3034}
.event-filters .btn{background:#212329;border-color:#44434b}
.event-filters .btn.primary{background:#e43c4c;border-color:#fc6573}
.file-toolbar{background:#1b1d22;border-color:#383a44}
.file-entry:hover{background:#28252b}
.file-editor{background:#0e1014;color:#f3e8e9;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.terminal,.terminal-output,.terminal-input{background:#0b0d10;border-color:#32343c;color:#d6d7dc}
.diag-hero,.discord-hero,.chat-hero,.staff-intro,.form-card{
  background:radial-gradient(ellipse at right,rgba(213,40,55,.14),transparent 65%),linear-gradient(135deg,#202025,#121418 89%);
  border:1px solid #444047;
  box-shadow:0 16px 42px rgba(0,0,0,.18);
}
.diag-box,.discord-metrics article{background:#1a1c22;border-color:#363940}
.diag-box .diag-icon{background:#462229;border-color:#89434b;color:#ffa0aa}
.discord-schedule{background:#221f23;border-color:#544147}
.discord-orb,.chat-hero-icon{color:#fc5669}
.discord-commands code,.discord-install-note code{color:#ff9fa9;background:#371e27;border-color:#613442}
.chat-room{color:#bbbfc8}
.chat-room:hover{background:#25262d}
.chat-room.selected{background:#47242b;border-color:#a44453;color:white}
.chat-avatar{background:#303038;color:#ededf0}
.from-bot .chat-avatar,.chat-bubble.from-bot .chat-avatar{background:linear-gradient(145deg,#e84b59,#922130)}
.chat-message p{background:#25262c;color:#eaebee}
.from-bot .chat-message p{background:#3b232b}
.chat-compose{background:#17191e;border-color:#383a41}
.chat-top{border-color:#383940}
.chat-stream{scrollbar-color:#4c454a transparent}
.chat-hero p,.staff-intro p{color:#b6b7be}
.staff-intro{background:linear-gradient(130deg,#241b20,#16171c)}
.staff-roles>div{background:linear-gradient(145deg,#242026,#17181d);border-color:#3d353b}
.staff-roles b{color:#fff}
.staff-roles span{color:#a6a8b1}
#database-settings-form .form-help{color:#a6a8b1}
.db-form-grid .input,.db-form-grid .select{background:#101115;border-color:#424149;color:#f2f2f4}
.modal-bg{background:rgba(3,4,6,.79);backdrop-filter:blur(7px)}
.modal{background:#16181d;border:1px solid #48414a;box-shadow:0 30px 120px rgba(0,0,0,.55);border-radius:18px;color:#f3f3f4}
.modal-head{border-color:#36353e}
.modal-head h2{letter-spacing:-.04em}
.modal-foot{border-color:#34353c;background:#1a1b20}
.report-proof{border-color:#3c3439}
.empty,.empty-live{color:#a2a6b0}
.empty-live{border-color:#4c333a;background:#18151a}
.login-bg{background:radial-gradient(ellipse at 64% 17%,rgba(218,43,59,.25),transparent 68%),#090a0d}
.form-card{border-radius:22px;box-shadow:0 35px 110px rgba(0,0,0,.48)}
.form-card h1{font-weight:820;letter-spacing:-.052em;color:#fff}
#toasts>div{border-color:#66414a}
@media(max-width:1100px){.sidebar{box-shadow:8px 0 60px #0008}}
@media(max-width:880px){.sidebar{border-right:1px solid #454047}.header{height:65px}}
@media(max-width:680px){
  main{padding:19px 13px 45px}
  .header{padding:0 13px}
  .grid{gap:10px}
  .stat{min-height:110px;padding:15px}
  .stat strong{font-size:27px}
  .cardhead{padding:15px}
  .cardbody{padding:15px}
  .mode-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mode-tile{padding:16px;min-height:145px}
  .mode-tile>strong{font-size:21px}
  .btn{min-height:42px}
  .page-title{align-items:flex-start}
  .page-title h1{font-size:26px}
  .db-form-grid,.form-grid{grid-template-columns:minmax(0,1fr)}
  .staff-roles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modal{max-width:calc(100vw - 20px)}
  .report-dossier-modal .modal-body{max-height:65dvh}
  .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .chat-room-list{scrollbar-color:#4c383e transparent}
}
@media(max-width:390px){
  .mode-overview,.staff-roles{grid-template-columns:minmax(0,1fr)}
  .page-title h1{font-size:23px}
  .brand strong{font-size:17px}
  .actions .btn{flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v1.5 node control & MOTD : mobile-friendly */
.node-control,.velocity-motd{margin-bottom:18px}.node-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.node-controls p{margin:7px 0;color:var(--muted,#aaa)}.node-warning{border-top:1px solid rgba(239,68,68,.25);padding:12px 20px;color:#ffb5ba;font-size:12px}.velocity-motd form{display:flex;align-items:stretch;flex-direction:column;gap:12px}.velocity-motd textarea{min-height:90px;max-width:700px}.velocity-motd button{align-self:flex-start}.node-controls .actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:700px){.node-controls,.node-controls .actions{width:100%}.node-controls .actions button{flex:1;min-height:45px}.velocity-motd button{width:100%}}

/* v1.5 diagnostics: eliminate legacy violet in the red/black visual system. */
.diag-hero-symbol{color:rgba(248,70,84,.52)}
.setup-steps li{background:#121317;border-color:rgba(244,65,81,.2)}
.setup-steps li:before{background:linear-gradient(135deg,#b51c30,#f23a4c)}
.setup-steps code{background:#221216;color:#ffacb5}