/* === ESAGAMES REMAKE — DARK PRO MODE ==================================
   Autor: GPT-5 Thinking — versiune mai întunecată, calmă și profesională.
   ===================================================================== */

:root{
  /* Dark areas */
  --bg:#0b0c1b;      /* body */
  --bg-2:#1a1b2e;    /* main */
  --bg-3:#212235;    /* reset */

  /* Brand colors */
  --primary:rgb(10,187,118);
  --primary-700:#057e4f;
  --primary-900:#046141;
  --primary-alt:#057e4f;

  /* Accent palette (subtle) */
  --blue:#5a8fff; --blue-700:#4977e6; --blue-900:#3457aa;
  --text:#d3d3d3; --muted:#9fa6b5;
  --danger:#ff5f5f; --warn:#e9b949; --success:#28c88a;

  /* Radii / shadow */
  --r-xl:22px; --r-lg:16px; --r-md:12px; --r-sm:8px;
  --shadow:0 6px 20px rgba(0,0,0,.45);
  --ring:0 0 0 3px rgba(10,187,118,.25);

  /* Typography */
  --fs-h1:clamp(30px,2.5vw,44px);
  --fs-h2:clamp(22px,2vw,32px);
  --fs:15px;
}

body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:var(--fs);
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}

/* Navbar */
.skin-blue .main-header .navbar{
  background:linear-gradient(180deg,var(--bg-2) 0%, var(--bg-3) 100%) !important;
  border-bottom:1px solid #2a2b40;
  min-height:64px;box-shadow:0 6px 16px rgba(0,0,0,.4);
}
.skin-blue .main-header .navbar .nav>li>a{color:var(--text) !important;font-weight:600}
.skin-blue .main-header .navbar .nav>li>a:hover{color:var(--primary) !important}

/* Sidebar */
.skin-blue .wrapper,.skin-blue .main-sidebar,.skin-blue .left-side{
  background:linear-gradient(180deg,#0b0c1b 0%, #101223 100%) !important;
}
.skin-blue .sidebar-menu>li>a{
  border-left:3px solid transparent;border-radius:12px;margin:4px 10px;padding:12px 14px;
  color:#bfc5d6;font-weight:600;transition:all .2s ease;
}
.skin-blue .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a{
  color:#fff;background:#14152a;border-left-color:var(--primary);
  box-shadow:inset 0 0 0 1px #262840;
}

/* Cards / Panels */
.card,.box,.panel{
  background:linear-gradient(180deg,var(--bg-2) 0%, var(--bg-3) 100%);
  border:1px solid #2a2b40; border-radius:var(--r-lg); box-shadow:var(--shadow);
}
.box-header,.panel-heading{
  padding:16px 18px;border-bottom:1px solid #2a2b40;
  background:linear-gradient(180deg,#15162a,#111222);
  border-top-left-radius:var(--r-lg);border-top-right-radius:var(--r-lg);
}
.box-title,.panel-title{font-size:var(--fs-h2);font-weight:700;color:var(--text)}

/* Buttons */
.btn{border-radius:12px;border:1px solid transparent;font-weight:700;padding:10px 16px;transition:all .2s ease}
.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary-700)}
.btn-primary:hover{background:var(--primary-700)}
.btn-secondary{background:#2a2b40;color:#d0d5e6;border:1px solid #3a3b55}
.btn-secondary:hover{background:#343654}

/* Tables */
.table{background:transparent;color:var(--text)}
.table>thead>tr>th{color:var(--muted);font-weight:700;border-bottom:1px solid #2a2b40 !important}
.table>tbody>tr:hover{background:#14152a}

/* Footer */
.main-footer{background:var(--bg-2);border-top:1px solid #2a2b40;color:#9fa6b5;border-radius:var(--r-lg) var(--r-lg) 0 0}

/* Headings */
.page-header h1, h1, .h1{font-size:var(--fs-h1);font-weight:800;color:var(--text)}
h2,.h2{font-size:var(--fs-h2);font-weight:700;color:var(--text)}

/* Forms */
.form-control{background:#12132a;border:1px solid #2a2b40;color:var(--text);border-radius:12px}
.form-control:focus{border-color:var(--primary);box-shadow:var(--ring)}

/* Alerts */
.alert{border-radius:14px;border:1px solid #2a2b40;background:#15162a;color:var(--text)}
.alert-success{border-color:#0a9c68;background:#0d1e17;color:#b4f1da}
.alert-danger{border-color:#a0383a;background:#1e0d0d;color:#ffd6d6}
.alert-warning{border-color:#a07a2f;background:#1e1a0d;color:#ffe8b5}

/* Smooth hover for pro feel */
.card:hover,.box:hover,.panel:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.5)}

/* Utility */
.round{border-radius:var(--r-lg)}
.shadow{box-shadow:var(--shadow)}

/* === DARKER PALETTE PATCH — per user vars =============================
   Obiectiv: mai întunecat, verde principal #0ABB76, accente cuminți.
   Adaugă această secțiune DUPĂ tot (override final). */
:root{
  /* Mapping după ce ai cerut: */
  --bg:#0b0c1b;               /* body */
  --bg-2:#0e1022;             /* ușor mai închis pt fundaluri large */
  --bg-3:#0a0b18;
  --panel:#1a1b2e;            /* main surfaces */
  --panel-2:#212235;          /* alternate surface */
  --hover:#17182a;            /* hover pe liste/tabele */
  --line:#2a2b44;             /* linii subtile */

  --primary:rgb(10,187,118);  /* 0ABB76 */
  --primary-700:#057e4f;      /* darker */
  --primary-900:#046243;      /* și mai închis */

  --blue:#6daedb;             /* accente reci mai cuminți */
  --blue-700:#5c99c1;
  --blue-900:#3c6d8b;

  --text:#d3d3d3;             /* text principal */
  --muted:#a5a7bb;
}

/* Fundal general: scoatem conic/neon, păstrăm un vignet subtil */
body{
  background:
    radial-gradient(1200px 800px at 10% -20%, rgba(45,60,120,.18) 0%, transparent 60%),
    radial-gradient(1200px 800px at 110% 10%, rgba(10,187,118,.10) 0%, transparent 55%),
    var(--bg) !important;
}
body::after{ display:none; }

/* Navbar mai sobru */
.skin-blue .main-header .navbar{
  background:linear-gradient(180deg,#12132a 0%, #0e1022 100%) !important;
  box-shadow:0 6px 22px rgba(0,0,0,.4);
}
.skin-blue .main-header .navbar::before{ display:none }

/* Carduri / box-uri: fără glow, doar umbre moi */
.card,.box,.panel{
  background:linear-gradient(180deg,var(--panel) 0%, var(--panel-2) 100%);
  box-shadow:0 10px 28px rgba(0,0,0,.45);
}
.card::before,.box::before,.panel::before{ display:none }
.card:hover,.box:hover,.panel:hover{ transform:none; box-shadow:0 12px 30px rgba(0,0,0,.48) }

/* Headings: fără neon, doar gradient rece discret */
.page-header h1, h1, .h1{
  background:linear-gradient(90deg,#b9c7df 0%, #87a6c6 50%, #d1deeb 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow:none !important;
}

/* Butoane: plat-profesional cu ușor depth */
.btn{ border-radius:12px }
.btn-primary{
  background:linear-gradient(180deg,var(--primary) 0%, var(--primary-700) 100%);
  color:#0b1a14; border:1px solid #0aa56a; box-shadow:0 4px 12px rgba(10,187,118,.18);
}
.btn-primary:hover{ filter:brightness(1.03); box-shadow:0 6px 16px rgba(10,187,118,.22) }
.btn-secondary{ background:linear-gradient(180deg,#22243b,#1b1d33); border:1px solid #2c2f4f }
.btn-secondary:hover{ filter:brightness(1.03) }

/* Linkuri: turcoaz soft */
a{ color:#66cbb1 }
a:hover{ color:#7bd7bd }

/* Tabele: hover mai închis, text mai contrastant */
.table>thead>tr>th{ color:#b9bfd4 }
.table>tbody>tr:hover{ background:#14162a }

/* DataTables: butoane paginare discrete */
.dataTables_wrapper .paginate_button{
  background:linear-gradient(180deg,#202241,#191b33) !important;
  border:1px solid #2b2d4b !important; color:#d3d6e6 !important;
}
.dataTables_wrapper .paginate_button.current,
.dataTables_wrapper .paginate_button:hover{
  background:linear-gradient(180deg,#26294d,#1f2241) !important;
  box-shadow:none; color:#fff !important;
}

/* Hero: minus luminozitate, fără puls */
.dashboard-hero{
  background:linear-gradient(180deg,#12132a 0%, #0e1022 100%), radial-gradient(900px 460px at 110% 0%, rgba(10,187,118,.08) 0%, transparent 60%) !important;
  background-blend-mode:overlay,normal; box-shadow:0 16px 48px rgba(0,0,0,.5);
}
.dashboard-hero .btn-primary{ animation:none }
.dashboard-hero:after{ display:none }

/* Badge-uri: fără glow, culori mate */
.badge--online{ background:rgba(10,187,118,.10); color:#54cfa2; border:1px solid rgba(10,187,118,.35); box-shadow:none }
.badge--offline{ background:rgba(255,86,86,.08); color:#ff8c8c; border:1px solid rgba(255,86,86,.28); box-shadow:none }
.badge--ok{ background:rgba(35,212,164,.10); color:#7ddfc5; border:1px solid rgba(35,212,164,.28); box-shadow:none }

/* Formular: contrast bun pe închis */
.form-control{ background:#0f1230; border:1px solid #2b2d4b; color:#d7d9e6 }
.form-control:focus{ border-color:#379f7d; box-shadow:0 0 0 3px rgba(10,187,118,.18) }

/* Accente minore în sidebar/meniu */
.skin-blue .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a{
  background:#1a1b2e; border-left-color:var(--primary); box-shadow:inset 0 0 0 1px #292b48;
}

<style>
/* ===== ESA LOGIN — scoped ca să NU se bată cu restul ===== */
.esa-login{
  --bg:#0b0c1b; --surface:#1a1b2e; --surface2:#212235;
  --line:#2a2b44; --text:#d3d3d3; --muted:#aab0c5;
  --primary:rgb(10,187,118); --primary-700:#057e4f;
  --r-lg:16px; --r-md:12px; --shadow:0 10px 30px rgba(0,0,0,.45);
}
/* container */
.esa-login .card{
  background:linear-gradient(180deg,var(--surface),var(--surface2));
  border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow); overflow:hidden;
}
.esa-login .header{padding:22px 22px 12px; border-bottom:1px solid var(--line)}
.esa-login .header h1{margin:0;font:800 22px/1 Inter,system-ui,sans-serif; color:var(--primary)}
.esa-login .header .sub{margin-top:4px;color:var(--muted);font:600 13px/1.2 Inter,system-ui,sans-serif}
.esa-login .content{padding:20px 22px 22px}

/* RESET bootstrap form-horizontal local */
.esa-login .form-horizontal .form-group{display:block;margin:0 0 14px}
.esa-login .control-label{display:block; float:none; width:auto; text-align:left; padding:0; margin:0 0 6px; color:#cdd2e0; font-weight:700; letter-spacing:.02em; font-size:13px}
.esa-login .col-sm-3,.esa-login .col-sm-7{float:none; width:auto; padding:0}

/* inputs */
.esa-login .form-control{
  width:100%; background:#12142a; border:1px solid #2a2c49; color:#e7e9ef; border-radius:12px; padding:10px 12px; height:auto;
}
.esa-login .form-control:focus{border-color:var(--primary-700); box-shadow:0 0 0 3px rgba(10,187,118,.18); outline:none}

/* password field with eye */
.esa-login .field{position:relative}
.esa-login .field .toggle{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  background:transparent; border:0; color:#9fb1c7; padding:6px; border-radius:8px; cursor:pointer;
}

/* actions */
.esa-login .actions{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:8px}
.esa-login .btn-primary{
  background:linear-gradient(180deg,var(--primary),var(--primary-700)); color:#06140f; border:1px solid #0aa56a;
  border-radius:12px; padding:10px 16px; font-weight:800;
}
.esa-login .btn-primary:hover{filter:brightness(1.03)}
.esa-login .forgotpassword{color:#73d9bf; font-weight:700}
.esa-login .forgotpassword:hover{color:#8fe6cb}

/* vechiul .panel/.well devin card curat */
.esa-login .panel{border:0;background:transparent;box-shadow:none}
.esa-login .panel .panel-body{padding:0}
.esa-login .panel .panel-footer{border:0;background:transparent;padding:0;margin-top:8px}

/* separator */
.esa-login .hr{height:1px;background:var(--line);margin:14px 0}

/* ========= 1) Sidebar header "MAIN NAVIGATION" ======================= */
.skin-blue .sidebar-menu > li.header{
  color:#9fb3d6 !important;
  background: linear-gradient(180deg,#0e1022,#0b0c1b) !important;
  border:1px solid #2a2b44; border-left:4px solid var(--primary);
  margin:10px 10px 8px; padding:10px 12px; border-radius:12px;
  text-transform:uppercase; letter-spacing:.08em; font-weight:800;
}

/* ========= 2) Tabs (Summary / Database / Settings / ...) ============= */
/* pentru Bootstrap nav-tabs și nav-pills */
.nav-tabs, .nav-pills{
  border-bottom: 0; gap: 8px;
  padding: 8px 10px; background: transparent;
}
.nav-tabs>li>a, .nav-pills>li>a{
  border:1px solid #2a2b44 !important;
  background: linear-gradient(180deg,#1a1b2e,#12142a);
  color:#cfd6ea !important; border-radius:12px !important;
  font-weight:700; padding:10px 14px; transition:all .2s ease;
}
.nav-tabs>li>a:hover, .nav-pills>li>a:hover{
  background:#1d2140; color:#ffffff !important; border-color:#33406b !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
  background: linear-gradient(180deg, var(--primary), var(--primary-700)) !important;
  color:#06140f !important; border-color:#0aa56a !important;
  box-shadow:0 4px 12px rgba(10,187,118,.18);
}

/* mic indicator sub tab (opțional) */
.nav-tabs>li.active>a:after, .nav-pills>li.active>a:after{
  content:""; display:block; height:3px; margin-top:6px; border-radius:6px;
  background: rgba(10,187,118,.8);
}

/* ========= 3) Console Log (modal) ==================================== */
.modal-content{
  background: linear-gradient(180deg,#10152b,#0e1226);
  border:1px solid #233255; border-radius:18px; box-shadow:0 18px 48px rgba(0,0,0,.55);
}
.modal-header{
  border-bottom:1px solid #233255; background:linear-gradient(180deg,#141a34,#10162d);
  border-top-left-radius:18px; border-top-right-radius:18px;
}
.modal-title{ font-weight:900; color:#eaf2ff }
.modal-body{ color:#cfe0ff }

/* zona de output — prinde <pre>, <code> sau <textarea> din modal */
.modal-body pre,
.modal-body code,
.modal-body textarea{
  width:100%; min-height:360px;
  background:#061a14;            /* verde-terminal închis */
  color:#68ffbe;                  /* text verde */
  border:1px solid #1f5a45;
  border-radius:14px; padding:14px;
  font: 600 14px/1.45 "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  box-shadow: inset 0 0 0 1px rgba(10,187,118,.12);
}

/* câmpul “Send Command” din modal */
.modal-body .form-control{
  background:#0f1230; border:1px solid #2b2d4b; color:#e7e9ef; border-radius:12px;
}
.modal-body .form-control:focus{
  border-color:#379f7d; box-shadow:0 0 0 3px rgba(10,187,118,.18);
}

/* butoanele din modal: Refresh/Stop (de regulă .btn-success / .btn-danger) */
.modal .btn-success{
  background: linear-gradient(180deg,#2ee69d,#19bf78); color:#062016; border:1px solid #16a667;
  font-weight:800; border-radius:14px; padding:8px 14px;
}
.modal .btn-success:hover{ filter:brightness(1.05) }
.modal .btn-danger{
  background: linear-gradient(180deg,#ff7b7b,#ff5b5b); color:#2e0e10; border:1px solid #e14d4d;
  font-weight:800; border-radius:14px; padding:8px 14px;
}

/* ========= 4) Bara de info albastră (monitor message) ================= */
.alert-info{
  background: linear-gradient(180deg,#14203a,#101a2f);
  border:1px solid #233255; color:#cfe0ff; border-radius:14px;
}


/* ===== Console Log — container & header */
.modal-content{
  background: linear-gradient(180deg,#0f1429,#0c1123);
  border: 1px solid #243256;
  border-radius: 20px;
  box-shadow: 0 22px 60px rgba(0,0,0,.55);
}
.modal-header{
  background: linear-gradient(180deg,#151c36,#10162c);
  border-bottom: 1px solid #243256;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.modal-title{ font-weight: 900; color: #eaf2ff; letter-spacing:.2px }

/* ===== Console body — ramă cu gradient subtil + colțuri rotunjite */
.modal-body{
  color:#cfe0ff;
}
.console-shell{
  /* atașăm cu CSS pe wrapperul conținutului dacă există; dacă nu, stilurile de mai jos
     prind direct <pre>/<textarea> din .modal-body */
  border-radius: 16px;
  border:1px solid #1f2d4f;
  padding: 12px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  backdrop-filter: blur(6px);
}

/* ===== Consola propriu-zisă (pre/textarea) */
.modal-body pre,
.modal-body code,
.modal-body textarea{
  width: 100%;
  min-height: 420px;
  margin: 0;
  background:
    /* “carbon grid” foarte subtil */
    linear-gradient(#0b231b 0 0) padding-box,
    radial-gradient(transparent 1px,#072017 1px) 0 0 / 14px 14px,
    radial-gradient(transparent 1px,#072017 1px) 7px 7px / 14px 14px,
    #071913;
  color: #6dffbf;                   /* verde terminal */
  border: 1px solid #1a5a45;
  border-radius: 14px;
  padding: 14px 16px;
  line-height: 1.42;
  font: 600 14px/1.42 ui-monospace, "Fira Code", Menlo, Consolas, "Liberation Mono", monospace;
  box-shadow:
    inset 0 0 0 1px rgba(10,187,118,.12),
    inset 0 8px 24px rgba(0,0,0,.35);
  resize: vertical;
  overflow: auto;
}

/* selecție tematică + caret vizibil */
.modal-body pre::selection,
.modal-body code::selection,
.modal-body textarea::selection{ background: rgba(10,187,118,.25); color:#dfffef }
.modal-body textarea{ caret-color:#66f5c3 }

/* scrollbar dedicat terminalului */
.modal-body pre::-webkit-scrollbar,
.modal-body textarea::-webkit-scrollbar{ width: 12px; height: 12px }
.modal-body pre::-webkit-scrollbar-track,
.modal-body textarea::-webkit-scrollbar-track{ background:#0a1a14; border-radius:12px }
.modal-body pre::-webkit-scrollbar-thumb,
.modal-body textarea::-webkit-scrollbar-thumb{
  background:#1e6e52; border-radius:12px; border:3px solid #0a1a14;
}
.modal-body pre::-webkit-scrollbar-thumb:hover,
.modal-body textarea::-webkit-scrollbar-thumb:hover{ background:#24986f }

/* ===== “Send Command” */
.modal-body label,
.modal-body .send-label{
  display:block; margin:14px 2px 6px; font-weight:800; font-size:12px; color:#9fb1c7; letter-spacing:.03em;
}
.modal-body .form-control{
  background:#0f1230; border:1px solid #2b2d4b; color:#e7e9ef; border-radius:12px; height:auto; padding:10px 12px;
}
.modal-body .form-control:focus{ border-color:#379f7d; box-shadow:0 0 0 3px rgba(10,187,118,.18) }

/* ===== Butoane din header (Refresh / Stop Refresh) */
.modal .btn-success{
  background: linear-gradient(180deg,#2ee69d,#19bf78);
  color:#062016; border:1px solid #16a667;
  font-weight:900; border-radius:16px; padding:8px 16px;
}
.modal .btn-success:hover{ filter:brightness(1.06) }
.modal .btn-danger{
  background: linear-gradient(180deg,#ff7b7b,#ff5b5b);
  color:#2e0e10; border:1px solid #e14d4d;
  font-weight:900; border-radius:16px; padding:8px 16px;
}

/* ===== Bordură “active” pe container când consola rulează */
.modal-body .running,
.modal-content.console-running{
  box-shadow: 0 0 0 1px rgba(10,187,118,.35), 0 0 0 6px rgba(10,187,118,.10);
  border-radius: 18px;
}

/* ===== Mic header sticky pentru toolbar (dacă ai o bară internă) */
.console-toolbar{
  position: sticky; top: 0; z-index: 2;
  display:flex; gap:8px; justify-content:flex-end;
  padding: 6px 0 10px;
  background: linear-gradient(180deg, rgba(15,20,41,.85), rgba(12,17,35,.85));
  backdrop-filter: blur(4px);
  border-bottom: 1px solid #233256;
  border-top-left-radius: 12px; border-top-right-radius: 12px;
}

/* dropdown general */
.dropdown-menu{
  background: linear-gradient(180deg,#0f1429,#0c1123);
  border:1px solid #243256; border-radius:14px;
  box-shadow: 0 20px 50px rgba(0,0,0,.55);
  padding:8px; min-width: 210px;
}
.dropdown-menu > li > a{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px; border-radius:10px;
  color:#cfd6ea; font-weight:700; letter-spacing:.2px;
}
.dropdown-menu > li > a > i{ width:18px; text-align:center; opacity:.9 }
.dropdown-menu > li > a:hover{
  background:#1b2242; color:#ffffff;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover{
  background: linear-gradient(180deg, var(--primary), var(--primary-700));
  color:#06140f;
}

/* săgeata de la butonul Management (chip) */
.btn-group.open .dropdown-toggle{
  box-shadow: inset 0 0 0 1px #2b3c6a;
  background: linear-gradient(180deg,#1a1f3b,#161a33);
}
/* ====== CONSOLE — OVERDRIVE (for Bootstrap modal) ===================== */
/* containerul modal */
.skin-blue .modal .modal-content{
  background: linear-gradient(180deg,#0f1429,#0c1123) !important;
  border: 1px solid #243256 !important;
  border-radius: 20px !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.55) !important;
}
.skin-blue .modal .modal-header{
  background: linear-gradient(180deg,#151c36,#10162c) !important;
  border-bottom: 1px solid #243256 !important;
  border-top-left-radius:20px !important; border-top-right-radius:20px !important;
}
.skin-blue .modal .modal-title{ font-weight:900; color:#eaf2ff }

/* output (textarea / pre) — selector super specific + important */
.skin-blue .modal .modal-body textarea,
.skin-blue .modal .modal-body pre,
.modal.in .modal-dialog .modal-content .modal-body textarea,
#consoleLogModal .modal-body textarea {
  width:100% !important;
  min-height:420px !important;
  margin:0 !important;
  background:
    linear-gradient(#0b231b 0 0) padding-box,
    radial-gradient(transparent 1px,#072017 1px) 0 0 / 14px 14px,
    radial-gradient(transparent 1px,#072017 1px) 7px 7px / 14px 14px,
    #071913 !important;           /* carbon grid + verde închis */
  color:#6dffbf !important;       /* verde terminal */
  border:1px solid #1a5a45 !important;
  border-radius:14px !important;
  padding:14px 16px !important;
  line-height:1.42 !important;
  font:600 14px/1.42 ui-monospace,"Fira Code",Menlo,Consolas,monospace !important;
  box-shadow:
    inset 0 0 0 1px rgba(10,187,118,.12),
    inset 0 8px 24px rgba(0,0,0,.35) !important;
  resize:vertical;
  overflow:auto;
}
.skin-blue .modal .modal-body textarea::selection,
.skin-blue .modal .modal-body pre::selection { background: rgba(10,187,118,.25); color:#dfffef }
.skin-blue .modal .modal-body textarea{ caret-color:#66f5c3 }

/* scrollbar în terminal */
.skin-blue .modal .modal-body textarea::-webkit-scrollbar,
.skin-blue .modal .modal-body pre::-webkit-scrollbar{ width:12px; height:12px }
.skin-blue .modal .modal-body textarea::-webkit-scrollbar-track,
.skin-blue .modal .modal-body pre::-webkit-scrollbar-track{ background:#0a1a14; border-radius:12px }
.skin-blue .modal .modal-body textarea::-webkit-scrollbar-thumb,
.skin-blue .modal .modal-body pre::-webkit-scrollbar-thumb{
  background:#1e6e52; border-radius:12px; border:3px solid #0a1a14;
}
.skin-blue .modal .modal-body textarea::-webkit-scrollbar-thumb:hover,
.skin-blue .modal .modal-body pre::-webkit-scrollbar-thumb:hover{ background:#24986f }

/* input “Send Command” */
.skin-blue .modal .modal-body .form-control{
  background:#0f1230 !important; border:1px solid #2b2d4b !important;
  color:#e7e9ef !important; border-radius:12px !important; height:auto; padding:10px 12px;
}
.skin-blue .modal .modal-body .form-control:focus{
  border-color:#379f7d !important; box-shadow:0 0 0 3px rgba(10,187,118,.18) !important;
}

/* butoanele Refresh / Stop Refresh din header */
.skin-blue .modal .btn-success{
  background: linear-gradient(180deg,#2ee69d,#19bf78) !important;
  color:#062016 !important; border:1px solid #16a667 !important;
  font-weight:900; border-radius:16px; padding:8px 16px;
}
.skin-blue .modal .btn-danger{
  background: linear-gradient(180deg,#ff7b7b,#ff5b5b) !important;
  color:#2e0e10 !important; border:1px solid #e14d4d !important;
  font-weight:900; border-radius:16px; padding:8px 16px;
}

/* ====== MANAGEMENT DROPDOWN (inclusiv “Debug”) ======================== */
.skin-blue .btn-group .dropdown-menu,
.dropdown-menu{
  background: linear-gradient(180deg,#0f1429,#0c1123) !important;
  border:1px solid #243256 !important; border-radius:14px !important;
  box-shadow:0 20px 50px rgba(0,0,0,.55) !important;
  padding:8px; min-width:220px;
}
.skin-blue .btn-group .dropdown-menu > li > a,
.dropdown-menu > li > a{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px; border-radius:10px;
  color:#cfd6ea !important; font-weight:700; letter-spacing:.2px;
}
.skin-blue .btn-group .dropdown-menu > li > a > i,
.dropdown-menu > li > a > i{ width:18px; text-align:center; opacity:.9 }
.skin-blue .btn-group .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:hover{
  background:#1b2242 !important; color:#ffffff !important;
}
.skin-blue .btn-group.open .dropdown-toggle{
  box-shadow: inset 0 0 0 1px #2b3c6a !important;
  background: linear-gradient(180deg,#1a1f3b,#161a33) !important;
}

/* ====== TABS (Summary / Database / Settings / …) ====================== */
.skin-blue .nav-tabs,
.skin-blue .nav-pills{ border-bottom:0; gap:8px; padding:8px 10px; background:transparent }
.skin-blue .nav-tabs>li>a,
.skin-blue .nav-pills>li>a{
  border:1px solid #2a2b44 !important;
  background: linear-gradient(180deg,#1a1b2e,#12142a) !important;
  color:#cfd6ea !important; border-radius:12px !important;
  font-weight:700; padding:10px 14px; transition:all .2s ease;
}
.skin-blue .nav-tabs>li>a:hover,
.skin-blue .nav-pills>li>a:hover{
  background:#1d2140 !important; color:#fff !important; border-color:#33406b !important;
}
.skin-blue .nav-tabs>li.active>a,
.skin-blue .nav-tabs>li.active>a:focus,
.skin-blue .nav-tabs>li.active>a:hover,
.skin-blue .nav-pills>li.active>a,
.skin-blue .nav-pills>li.active>a:focus,
.skin-blue .nav-pills>li.active>a:hover{
  background: linear-gradient(180deg,var(--primary),var(--primary-700)) !important;
  color:#06140f !important; border-color:#0aa56a !important;
  box-shadow:0 4px 12px rgba(10,187,118,.18) !important;
}
/* ===== Console — skin premium, garantat să prindă ===================== */
.esa-console-modal .modal-content{
  background: linear-gradient(180deg,#0f1429,#0c1123) !important;
  border: 1px solid #243256 !important;
  border-radius: 20px !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.55) !important;
}
.esa-console-modal .modal-header{
  background: linear-gradient(180deg,#151c36,#10162c) !important;
  border-bottom: 1px solid #243256 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.esa-console-modal .modal-title{ font-weight:900; color:#eaf2ff }

/* Terminalul propriu-zis — prinde clasa setată din JS + fallback pe id-uri uzuale */
.esa-terminal,
.modal .modal-body textarea[id*="console" i],
.modal .modal-body pre[id*="console" i],
.modal .modal-body #console,
.modal .modal-body #consolelog,
.modal .modal-body #serverconsole {
  width: 100% !important;
  min-height: 420px !important;
  margin: 0 !important;
  background:
    linear-gradient(#0b231b 0 0) padding-box,
    radial-gradient(transparent 1px,#072017 1px) 0 0 / 14px 14px,
    radial-gradient(transparent 1px,#072017 1px) 7px 7px / 14px 14px,
    #071913 !important;             /* carbon grid + verde închis */
  color: #6dffbf !important;         /* verde terminal */
  border: 1px solid #1a5a45 !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  line-height: 1.42 !important;
  font: 600 14px/1.42 ui-monospace,"Fira Code",Menlo,Consolas,monospace !important;
  box-shadow:
    inset 0 0 0 1px rgba(10,187,118,.12),
    inset 0 8px 24px rgba(0,0,0,.35) !important;
  resize: vertical;
  overflow: auto;
}

/* Scrollbar & selection în terminal */
.esa-terminal::selection{ background: rgba(10,187,118,.25); color:#dfffef }
.esa-terminal::-webkit-scrollbar{ width:12px; height:12px }
.esa-terminal::-webkit-scrollbar-track{ background:#0a1a14; border-radius:12px }
.esa-terminal::-webkit-scrollbar-thumb{ background:#1e6e52; border-radius:12px; border:3px solid #0a1a14 }
.esa-terminal::-webkit-scrollbar-thumb:hover{ background:#24986f }

/* Input “Send Command” în același stil */
.esa-console-modal .modal-body .form-control{
  background:#0f1230 !important; border:1px solid #2b2d4b !important;
  color:#e7e9ef !important; border-radius:12px !important; height:auto; padding:10px 12px;
}
.esa-console-modal .modal-body .form-control:focus{
  border-color:#379f7d !important; box-shadow:0 0 0 3px rgba(10,187,118,.18) !important;
}

/* Butoanele din header (Refresh / Stop Refresh) */
.esa-console-modal .btn-success{
  background: linear-gradient(180deg,#2ee69d,#19bf78) !important;
  color:#062016 !important; border:1px solid #16a667 !important;
  font-weight:900; border-radius:16px; padding:8px 16px;
}
.esa-console-modal .btn-danger{
  background: linear-gradient(180deg,#ff7b7b,#ff5b5b) !important;
  color:#2e0e10 !important; border:1px solid #e14d4d !important;
  font-weight:900; border-radius:16px; padding:8px 16px;
}
/* ==== Console UX Fix — vizibilitate & layout ========================= */
/* 1) Modal responsive pe înălțime */
.esa-console-modal .modal-dialog{
  width: 94vw;             /* mai lat, mai aerisit */
  max-width: 1400px;
  margin: 30px auto;
}
@media (min-width: 1600px){
  .esa-console-modal .modal-dialog{ width: 86vw; }
}

/* 2) Body pe coloană: zona de loguri scrollează, 'Send' rămâne la vedere */
.esa-console-modal .modal-body{
  display: flex;
  flex-direction: column;
  gap: 14px;
  /* calc: header (64px) + footer (72px) + margini */
  max-height: calc(100vh - 160px);
  overflow: hidden; /* scrollează DOAR conținutul intern, nu toată fereastra */
}

/* 3) Zona consolei (scrollează independent) */
.esa-console-modal .console-wrap{
  flex: 1 1 auto;
  min-height: 260px;
  max-height: calc(100vh - 260px);
  overflow: auto;
  padding: 10px 6px 6px;
  border-radius: 16px;
  background: radial-gradient(1200px 300px at 10% -20%, rgba(10,187,118,.08), transparent 70%);
  box-shadow: inset 0 0 0 1px rgba(10,187,118,.12), inset 0 8px 24px rgba(0,0,0,.35);
  border: 1px solid #1a5a45;
}

/* terminalul real (textarea/pre) — păstrăm skinul verde */
.esa-console-modal .console-wrap .esa-terminal,
.esa-console-modal .console-wrap textarea,
.esa-console-modal .console-wrap pre{
  width: 100% !important;
  height: 100% !important;      /* ia toată înălțimea wrap-ului */
  min-height: 240px !important;
  background:
    linear-gradient(#0b231b 0 0) padding-box,
    radial-gradient(transparent 1px,#072017 1px) 0 0 / 14px 14px,
    radial-gradient(transparent 1px,#072017 1px) 7px 7px / 14px 14px,
    #071913 !important;
  color: #6dffbf !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 16px !important;
  line-height: 1.42 !important;
  font: 600 14px/1.42 ui-monospace,"Fira Code",Menlo,Consolas,monospace !important;
  outline: none;
  box-shadow: none !important;
}

/* 4) Bara de „Send Command” fixată jos (sticky) */
.esa-console-modal .send-wrap{
  position: sticky;
  bottom: 0;
  padding: 10px 12px 2px;
  margin: 0 -15px; /* întinde pe toată lățimea modal-body */
  background: linear-gradient(180deg, rgba(15,20,41,.92), rgba(12,17,35,.92));
  backdrop-filter: blur(4px);
  border-top: 1px solid #233256;
}
.esa-console-modal .send-wrap label{
  display:block; margin:0 0 6px 3px; font:800 12px/1 Inter,system-ui,sans-serif; color:#9fb1c7;
}
.esa-console-modal .send-wrap .form-control{
  background:#0f1230 !important; border:1px solid #2b2d4b !important;
  color:#e7e9ef !important; border-radius:12px !important; height:auto; padding:10px 12px;
}

/* 5) Footerul modalului (Cancel / Send) rămâne vizibil */
.esa-console-modal .modal-footer{
  position: sticky;
  bottom: 0;
  background: linear-gradient(180deg, rgba(15,20,41,.96), rgba(12,17,35,.96));
  border-top: 1px solid #233256;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  z-index: 2;
}

/* Butoane mai solide */
.esa-console-modal .modal-footer .btn{
  border-radius: 14px; font-weight: 800; padding: 10px 16px;
}
/* === CONSOLE — one scroll only + sticky Send ======================== */

/* 1) .modal-body devine containerul de scroll (unicul) */
.esa-console-modal .modal-body{
  display:flex; flex-direction:column; gap:12px;
  max-height:calc(100vh - 160px);  /* responsive */
  overflow:auto;                   /* UNICUL scroll vizibil */
  padding-bottom:0;
}

/* 2) zona consolei NU mai are scroll propriu */
.esa-console-modal .console-wrap{
  flex:1 1 auto;
  min-height:260px;
  overflow:visible !important;     /* să nu mai apară al doilea scroll */
  padding:8px 6px 0;
  border-radius:16px;
  background: radial-gradient(1200px 300px at 10% -20%, rgba(10,187,118,.08), transparent 70%);
  box-shadow: inset 0 0 0 1px rgba(10,187,118,.12), inset 0 8px 24px rgba(0,0,0,.35);
  border:1px solid #1a5a45;
}

/* 3) textarea-ul (terminalul) — ascundem scrollbarul, păstrăm stilul */
.esa-console-modal .console-wrap .esa-terminal,
.esa-console-modal .console-wrap textarea,
.esa-console-modal .console-wrap pre{
  width:100% !important;
  min-height:240px !important;
  height:auto !important;
  background:
    linear-gradient(#0b231b 0 0) padding-box,
    radial-gradient(transparent 1px,#072017 1px) 0 0 / 14px 14px,
    radial-gradient(transparent 1px,#072017 1px) 7px 7px / 14px 14px,
    #071913 !important;
  color:#6dffbf !important;
  border:none !important;
  border-radius:12px !important;
  padding:16px !important;
  line-height:1.42 !important;
  font:600 14px/1.42 ui-monospace,"Fira Code",Menlo,Consolas,monospace !important;
  outline:none; box-shadow:none !important;

  /* ascundem scrollul intern => rămâne doar cel al .modal-body */
  scrollbar-width: none;                    /* Firefox */
}
.esa-console-modal .console-wrap .esa-terminal::-webkit-scrollbar{ width:0; height:0 } /* WebKit */

/* 4) bara Send Command sticky, jos, în modal-body */
.esa-console-modal .send-wrap{
  position:sticky; bottom:0; z-index:2;
  padding:10px 12px 12px; margin:0 -15px;
  background: linear-gradient(180deg, rgba(15,20,41,.96), rgba(12,17,35,.96));
  backdrop-filter: blur(4px);
  border-top:1px solid #233256;
}
.esa-console-modal .send-wrap label{
  display:block; margin:0 0 6px 3px; font:800 12px/1 Inter,system-ui,sans-serif; color:#9fb1c7;
}
.esa-console-modal .send-wrap .form-control{
  background:#0f1230 !important; border:1px solid #2b2d4b !important;
  color:#e7e9ef !important; border-radius:12px !important; height:auto; padding:10px 12px;
}
/* === Console — one scroll, no inner bars, wrapping =================== */

/* modal-body = singurul container care scrollează */
.esa-console-modal .modal-body{
  display:flex; flex-direction:column; gap:12px;
  max-height:calc(100vh - 160px);
  overflow:auto;                 /* un singur scrollbar (vertical) */
  padding-bottom:0;
}

/* cutia consolei NU mai scrollează separat */
.esa-console-modal .console-wrap{
  flex:1 1 auto;
  min-height:260px;
  overflow:visible !important;
  padding:8px 6px 0;
  border-radius:16px;
  background: radial-gradient(1200px 300px at 10% -20%, rgba(10,187,118,.08), transparent 70%);
  box-shadow: inset 0 0 0 1px rgba(10,187,118,.12), inset 0 8px 24px rgba(0,0,0,.35);
  border:1px solid #1a5a45;
}

/* terminalul real */
.esa-console-modal .console-wrap .esa-terminal,
.esa-console-modal .console-wrap textarea,
.esa-console-modal .console-wrap pre{
  width:100% !important;
  min-height:240px !important;
  height:auto !important;        /* îl controlăm noi din JS */
  background:
    linear-gradient(#0b231b 0 0) padding-box,
    radial-gradient(transparent 1px,#072017 1px) 0 0 / 14px 14px,
    radial-gradient(transparent 1px,#072017 1px) 7px 7px / 14px 14px,
    #071913 !important;
  color:#6dffbf !important;
  border:none !important;
  border-radius:12px !important;
  padding:16px !important;
  line-height:1.42 !important;
  font:600 14px/1.42 ui-monospace,"Fira Code",Menlo,Consolas,monospace !important;
  outline:none; box-shadow:none !important;

  /* fără scroll intern, fără bară orizontală */
  overflow:hidden !important;
  resize:none !important;
  white-space:pre-wrap !important;   /* wrap pe linii lungi */
  word-break:break-word !important;  /* taie token-urile foarte lungi */
}

/* bara “Send Command” sticky jos */
.esa-console-modal .send-wrap{
  position:sticky; bottom:0; z-index:2;
  padding:10px 12px 12px; margin:0 -15px;
  background: linear-gradient(180deg, rgba(15,20,41,.96), rgba(12,17,35,.96));
  backdrop-filter: blur(4px);
  border-top:1px solid #233256;
}
.esa-console-modal .send-wrap label{
  display:block; margin:0 0 6px 3px; font:800 12px/1 Inter,system-ui,sans-serif; color:#9fb1c7;
}
.esa-console-modal .send-wrap .form-control{
  background:#0f1230 !important; border:1px solid #2b2d4b !important;
  color:#e7e9ef !important; border-radius:12px !important; height:auto; padding:10px 12px;
}
/* === Console fix: one scroll, no nested scrollbars ================== */
.esa-console-modal .console-wrap{
  flex:1 1 auto;
  min-height:360px;
  max-height:60vh;
  overflow-y:auto;
  overflow-x:hidden;          /* elimină bara orizontală */
  border-radius:16px;
  border:1px solid #1a5a45;
  background:#071913;
  padding:12px 14px;
  box-shadow: inset 0 0 0 1px rgba(10,187,118,.12),
              inset 0 8px 24px rgba(0,0,0,.35);
  white-space:pre-wrap;       /* wrap text */
  word-break:break-word;
  font:600 14px/1.45 ui-monospace,"Fira Code",Menlo,Consolas,monospace;
  color:#6dffbf;
}

/* scoatem complet scroll-ul intern al <textarea> */
.esa-console-modal .console-wrap textarea{
  width:100% !important;
  height:auto !important;
  min-height:100% !important;
  resize:none !important;
  overflow:hidden !important;
  background:transparent !important;
  border:0 !important;
  color:inherit !important;
  line-height:inherit !important;
  font:inherit !important;
  white-space:pre-wrap !important;
  word-break:break-word !important;
}

/* Send Command bar fixată jos */
.esa-console-modal .send-wrap{
  position:sticky; bottom:0; z-index:2;
  background:linear-gradient(180deg,rgba(15,20,41,.95),rgba(12,17,35,.95));
  backdrop-filter:blur(4px);
  border-top:1px solid #233256;
  padding:12px;
}
/* --- Console layout: one scroll ONLY on the log box ------------------ */
.esa-console-modal .modal-body{
  display:flex; flex-direction:column; gap:12px;
  max-height:calc(100vh - 180px);
  overflow:hidden;                     /* nu mai scrollează modal-body */
  padding-bottom:0;
}

/* box-ul care SCROLEAZĂ (singurul) */
.esa-console-modal .console-wrap{
  flex:1 1 auto;
  min-height:360px;
  overflow:auto;                       /* singurul scroll vertical */
  overflow-x:hidden;                   /* fără bară orizontală */
  border-radius:16px;
  border:1px solid #1a5a45;
  background:#071913;
  padding:12px 14px;
  box-shadow: inset 0 0 0 1px rgba(10,187,118,.12),
              inset 0 8px 24px rgba(0,0,0,.35);
}

/* ascunde textarea-ul sursă (rămâne în DOM pt. update-uri) */
.esa-console-modal .console-wrap textarea.esa-terminal {
  position:absolute !important; left:-9999px !important; top:auto !important;
  height:0 !important; width:0 !important; opacity:0 !important;
  pointer-events:none !important; border:0 !important; padding:0 !important; margin:0 !important;
}

/* viewer-ul nostru (fără scroll intern orizontal) */
.esa-console-modal .console-wrap .esa-logview{
  margin:0;
  white-space:pre-wrap;                /* wrap la linii lungi */
  word-break:break-word;
  font:600 14px/1.45 ui-monospace,"Fira Code",Menlo,Consolas,monospace;
  color:#6dffbf;
  background:
    linear-gradient(#0b231b 0 0) padding-box,
    radial-gradient(transparent 1px,#072017 1px) 0 0 / 14px 14px,
    radial-gradient(transparent 1px,#072017 1px) 7px 7px / 14px 14px,
    #071913;
  border-radius:12px;
  padding:2px 2px 16px;                /* aer, dar păstrăm maxim spațiul pt. text */
}

/* bara Send Command sticky jos */
.esa-console-modal .send-wrap{
  position:sticky; bottom:0; z-index:2;
  background:linear-gradient(180deg,rgba(15,20,41,.96),rgba(12,17,35,.96));
  backdrop-filter:blur(4px);
  border-top:1px solid #233256;
  padding:12px; margin:0 -15px 0;     /* întinde pe lățimea modal-body */
}
.esa-console-modal .send-wrap label{
  display:block; margin:0 0 6px 3px; font:800 12px/1 Inter,system-ui,sans-serif; color:#9fb1c7;
}
.esa-console-modal .send-wrap .form-control{
  background:#0f1230 !important; border:1px solid #2b2d4b !important;
  color:#e7e9ef !important; border-radius:12px !important; height:auto; padding:10px 12px;
}
/* ================= ESA CONSOLE — FINAL CLEAN BUILD ==================== */
/* Scope pe modal ca să nu afecteze alte modale */
.esa-console-modal .modal-content{
  background: linear-gradient(180deg,#0f1429,#0c1123) !important;
  border: 1px solid #243256 !important;
  border-radius: 20px !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.55) !important;
}
.esa-console-modal .modal-header{
  background: linear-gradient(180deg,#151c36,#10162c) !important;
  border-bottom: 1px solid #243256 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.esa-console-modal .modal-title{ font-weight:900; color:#eaf2ff }

/* dialog mai lat, responsive */
.esa-console-modal .modal-dialog{
  width: 94vw; max-width: 1400px; margin: 30px auto;
}
@media (min-width:1600px){ .esa-console-modal .modal-dialog{ width:86vw } }

/* ---- Layout: UN singur scroll (pe .console-wrap) -------------------- */
.esa-console-modal .modal-body{
  display:flex; flex-direction:column; gap:12px;
  max-height:calc(100vh - 180px);
  overflow:hidden;                 /* body NU mai scrollează */
  padding-bottom:0;
}

/* Cutia consolei = SINGURUL container care scrollează */
.esa-console-modal .console-wrap{
  flex:1 1 auto;
  min-height:360px;
  overflow:auto;                   /* vertical */
  overflow-x:hidden;               /* fără bară orizontală */
  border-radius:16px;
  border:1px solid #1a5a45;
  background:#071913;
  padding:12px 14px;
  box-shadow:
    inset 0 0 0 1px rgba(10,187,118,.12),
    inset 0 8px 24px rgba(0,0,0,.35);
}

/* TEXTAREA sursă (dacă există) — ascunsă, rămâne doar ca buffer */
.esa-console-modal .console-wrap textarea.esa-terminal{
  position:absolute !important; left:-9999px !important; top:auto !important;
  width:0 !important; height:0 !important; opacity:0 !important;
  pointer-events:none !important; border:0 !important; padding:0 !important; margin:0 !important;
}

/* Viewer-ul efectiv (mirrored din textarea/pre) */
.esa-console-modal .console-wrap .esa-logview,
.esa-console-modal .console-wrap pre.esa-terminal,
.esa-console-modal .console-wrap code.esa-terminal{
  margin:0;
  white-space:pre-wrap;            /* înfășurare linii lungi */
  word-break:break-word;
  font:600 14px/1.45 ui-monospace,"Fira Code",Menlo,Consolas,monospace;
  color:#6dffbf;
  background:
    linear-gradient(#0b231b 0 0) padding-box,
    radial-gradient(transparent 1px,#072017 1px) 0 0 / 14px 14px,
    radial-gradient(transparent 1px,#072017 1px) 7px 7px / 14px 14px,
    #071913;
  border-radius:12px;
  padding:2px 2px 16px;
}

/* Selectare text tematică */
.esa-console-modal .console-wrap .esa-logview::selection,
.esa-console-modal .console-wrap pre.esa-terminal::selection{
  background: rgba(10,187,118,.25); color:#dfffef;
}

/* ---- “Send Command” bar: sticky jos, pe toată lățimea --------------- */
.esa-console-modal .send-wrap{
  position:sticky; bottom:0; z-index:2;
  margin:0 -15px 0; padding:12px;
  background:linear-gradient(180deg,rgba(15,20,41,.96),rgba(12,17,35,.96));
  backdrop-filter:blur(4px);
  border-top:1px solid #233256;
}
.esa-console-modal .send-wrap label{
  display:block; margin:0 0 6px 3px;
  font:800 12px/1 Inter,system-ui,sans-serif; color:#9fb1c7;
}
.esa-console-modal .send-wrap .form-control{
  background:#0f1230 !important;
  border:1px solid #2b2d4b !important;
  color:#e7e9ef !important;
  border-radius:12px !important;
  height:auto; padding:10px 12px;
}

/* ---- Butoane din footer --------------------------------------------- */
.esa-console-modal .modal-footer{
  position:sticky; bottom:0; z-index:2;
  background:linear-gradient(180deg,rgba(15,20,41,.96),rgba(12,17,35,.96));
  border-top:1px solid #233256;
  border-bottom-left-radius:20px; border-bottom-right-radius:20px;
}
.esa-console-modal .modal-footer .btn{
  border-radius:14px; font-weight:800; padding:10px 16px;
}
.esa-console-modal .btn-success{
  background:linear-gradient(180deg,#2ee69d,#19bf78) !important;
  color:#062016 !important; border:1px solid #16a667 !important;
}
.esa-console-modal .btn-danger{
  background:linear-gradient(180deg,#ff7b7b,#ff5b5b) !important;
  color:#2e0e10 !important; border:1px solid #e14d4d !important;
}

/* ---- Mic polish pe scrollbarul consolei ----------------------------- */
.esa-console-modal .console-wrap::-webkit-scrollbar{ width:12px; height:12px }
.esa-console-modal .console-wrap::-webkit-scrollbar-track{ background:#0a1a14; border-radius:12px }
.esa-console-modal .console-wrap::-webkit-scrollbar-thumb{
  background:#1e6e52; border-radius:12px; border:3px solid #0a1a14;
}
.esa-console-modal .console-wrap::-webkit-scrollbar-thumb:hover{ background:#24986f }
/* ===================================================================== */