/* WTIL Premium RTL: adapted from the OGP RTL Premium visual system provided by the owner.
   Only visual styles are used; no OGP PHP modules, accounts or settings are imported. */
:root {
  color-scheme: light;
  --gp-bg:#eef5ff; --gp-bg-2:#f7faff; --gp-surface:rgba(255,255,255,.88);
  --gp-surface-solid:#fff; --gp-surface-soft:#f7faff;
  --gp-text:#0b1730; --gp-text-2:#22314c; --gp-muted:#6f7f99;
  --gp-border:#dfe8f5; --gp-border-2:#cddbf0;
  --gp-primary:#377cf6; --gp-primary-deep:#195ee0; --gp-primary-soft:#eaf2ff;
  --gp-cyan:#35b8ff; --gp-green:#18b97a; --gp-red:#e74d67; --gp-orange:#f5a623;
  --gp-shadow:0 18px 50px rgba(45,83,137,.12);
  --gp-shadow-sm:0 8px 24px rgba(45,83,137,.08);
  --gp-radius:18px; --gp-radius-lg:26px;
  --bg:var(--gp-bg); --card:var(--gp-surface-solid); --elev:#f4f8ff;
  --border:var(--gp-border); --text:var(--gp-text); --muted:var(--gp-muted);
  --brand:var(--gp-primary); --green:var(--gp-green); --red:var(--gp-red); --amber:var(--gp-orange);
  font-family:'Segoe UI',Arial,'Noto Sans Hebrew',sans-serif;
}
body { direction:rtl; color:var(--gp-text); line-height:1.6;
  background:radial-gradient(circle at 84% 8%,rgba(64,133,255,.18),transparent 30rem),
             radial-gradient(circle at 10% 62%,rgba(60,172,255,.10),transparent 33rem),
             linear-gradient(180deg,#f4f8ff 0%,#eef5ff 44%,#f7faff 100%);
  -webkit-font-smoothing:antialiased;
}
body::before {content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(circle,rgba(63,125,226,.16) 1px,transparent 1.5px) 0 0/56px 56px;
  opacity:.22; mask-image:linear-gradient(#000,transparent 80%);
}
.app {display:block; min-height:100vh;}
.gp-header {height:76px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.88);
  border-bottom:1px solid rgba(195,211,234,.68);box-shadow:0 8px 34px rgba(58,91,138,.055);
  backdrop-filter:blur(20px) saturate(1.2);
}
.gp-header-inner {max-width:1460px;width:calc(100% - 42px);height:100%;margin:auto;
 display:flex;align-items:center;gap:26px;}
.gp-brand {flex:0 0 auto;display:flex;direction:ltr;align-items:center;gap:12px;white-space:nowrap;}
.gp-logo {width:43px;height:43px;border-radius:15px;display:grid;place-items:center;
 background:linear-gradient(145deg,#367ef9,#53c5ff);box-shadow:0 8px 20px #377cf63d;
 position:relative;overflow:hidden;}
.gp-logo::before {content:'';position:absolute;inset:5px;border:1px solid #ffffff55;border-radius:11px;}
.gp-logo-core {font-size:24px;color:white;font-weight:950;line-height:1;position:relative;}
.gp-brand-copy {display:flex;flex-direction:column;line-height:1.12;gap:4px;}
.gp-brand-copy strong {font-size:18px;letter-spacing:-.6px;color:var(--gp-text);font-weight:900;}
.gp-brand-accent {color:var(--gp-primary);}
.gp-brand-copy small {font-size:10px;color:var(--gp-muted);letter-spacing:1px;font-weight:700;}
.gp-nav-host {height:100%;display:flex;align-items:center;gap:3px;flex:1;}
.gp-nav-host .nav {height:45px;width:auto;margin:0;border:0;border-radius:12px;padding:0 14px;
 color:#536178;background:transparent;font-size:13px;font-weight:750;display:inline-flex;gap:9px;
 align-items:center;white-space:nowrap;position:relative;}
.gp-nav-host .nav:hover {background:var(--gp-primary-soft);color:var(--gp-text);}
.gp-nav-host .nav.active {background:transparent;color:var(--gp-primary-deep);}
.gp-nav-host .nav.active::after {content:'';height:3px;position:absolute;bottom:-16px;left:12px;right:12px;
 border-radius:4px;background:linear-gradient(90deg,var(--gp-primary),var(--gp-cyan));}
.gp-nav-host .nav-icon {font-size:18px;color:inherit;opacity:.75;}
.gp-actions {display:flex;align-items:center;gap:8px;margin-inline-start:auto;}
.gp-live-pill {height:38px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
 background:#f0fbf7;color:#16835c;border:1px solid #d6f2e7;
 border-radius:12px;font-size:11px;font-weight:800;padding:0 13px;}
.gp-live-pill:has(.dot:not(.online)){background:#fff0f3;border-color:#f4d7dc;color:#b83b4e;}
.gp-icon-btn {width:40px;height:40px;display:grid;place-items:center;background:var(--gp-surface-solid);
 color:var(--gp-text-2);border:1px solid var(--gp-border);border-radius:12px;
 box-shadow:0 1px 2px #1535650a,0 4px 12px #1535650a;font-size:21px;cursor:pointer;}
.gp-icon-btn:hover {background:var(--gp-primary-soft);border-color:var(--gp-border-2);}
.header-actions .user {font-size:12px;font-weight:750;color:var(--gp-text-2);padding:0 7px;}
.dot {width:8px;height:8px;border-radius:50%;background:#d66b75;flex-shrink:0;}
.dot.online {background:var(--gp-green);box-shadow:0 0 0 4px #18b97a1c;}
.main.gp-page-wrap {max-width:1460px;width:calc(100% - 42px);min-width:0;
 margin:0 auto;padding:0 0 44px;position:relative;overflow:visible;}
.gp-ambient {position:absolute;pointer-events:none;border-radius:50%;z-index:-1;}
.gp-ambient-a {height:340px;width:340px;right:-140px;top:30px;
 background:radial-gradient(circle,#4c8eff26,transparent 70%);}
.gp-ambient-b {height:270px;width:270px;left:-100px;top:380px;
 background:radial-gradient(circle,#2cbfff1c,transparent 70%);}
.topbar.gp-page-head {min-height:180px;display:flex;align-items:center;justify-content:space-between;
 padding:31px 18px 25px;margin:0;gap:25px;}
.gp-eyebrow {font-size:11px;color:var(--gp-primary-deep);font-weight:850;letter-spacing:.02em;
 display:flex;align-items:center;gap:9px;}
.gp-eyebrow::before {content:'';width:8px;height:8px;border-radius:3px;background:var(--gp-primary);
 box-shadow:0 0 0 5px #377cf61a;}
.topbar h1 {font-size:clamp(30px,4vw,48px);font-weight:900;line-height:1.12;letter-spacing:-1.5px;
 margin:11px 0 0;color:var(--gp-text);}
.page-subtitle {color:var(--gp-muted);font-size:14px;font-weight:600;margin:12px 0 0;}
.top-actions {gap:22px;align-items:center;flex-shrink:0;}
.gp-page-orbit {width:140px;height:108px;position:relative;opacity:.88;}
.gp-page-orbit::before,.gp-page-orbit::after {content:'';border:1px solid #377cf62b;position:absolute;border-radius:50%;}
.gp-page-orbit::before {width:104px;height:104px;top:0;left:10px;}
.gp-page-orbit::after {width:64px;height:64px;top:20px;left:30px;box-shadow:0 0 0 18px #377cf607;}
.gp-page-orbit i {position:absolute;width:9px;height:9px;border-radius:3px;background:var(--gp-primary);box-shadow:0 6px 15px #377cf64d;}
.gp-page-orbit i:nth-child(1){top:3px;left:92px;}
.gp-page-orbit i:nth-child(2){top:72px;left:18px;width:6px;height:6px;background:var(--gp-cyan);}
.gp-page-orbit i:nth-child(3){top:88px;left:112px;width:5px;height:5px;}
.servers-nav-section {display:flex;align-items:center;gap:15px;min-width:0;margin:0 0 24px;padding:11px 15px;
 border:1px solid var(--gp-border);border-radius:17px;background:var(--gp-surface);
 box-shadow:0 5px 24px #2d53880d;}
.servers-nav-heading {white-space:nowrap;color:var(--gp-muted);font-size:11px;font-weight:850;}
.side-servers {display:flex;flex-wrap:wrap;align-items:center;gap:7px;overflow:visible;max-height:none;}
.side-server {display:inline-flex;width:auto;padding:8px 11px;align-items:center;gap:8px;border-radius:10px;
 background:#f8fbff;border:1px solid #e1e9f5;color:var(--gp-text-2);font-size:12px;font-weight:750;}
.side-server:hover,.side-server.active {background:var(--gp-primary-soft);border-color:#c5d9ff;color:var(--gp-primary-deep);}
.side-server .ellipsis {max-width:165px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.panel-content {min-height:300px;}
.btn {border-radius:12px;min-height:42px;padding:10px 17px;color:var(--gp-text-2);font-weight:750;
 background:var(--gp-surface-solid);box-shadow:0 2px 8px #1535650a;border:1px solid var(--gp-border);transition:.18s;}
.btn:hover {border-color:var(--gp-border-2);transform:translateY(-1px);filter:none;box-shadow:0 6px 18px #2d53881c;}
.btn.primary {background:linear-gradient(115deg,#3377f4,#5b9bff);border:1px solid #4b8cf7;
 box-shadow:0 10px 23px #377cf63d;color:white;}
.btn.danger {border:1px solid #efbbc5;background:#fff1f4;color:#b9344a;}
.btn.success {background:#e8fbf4;border:1px solid #bbefdd;color:#14845b;}
.btn.ghost {background:transparent;box-shadow:none;}
.card {border:1px solid var(--gp-border);background:var(--gp-surface);border-radius:22px;
 box-shadow:var(--gp-shadow-sm);padding:22px;backdrop-filter:blur(14px);}
.card-title {color:var(--gp-text);font-weight:850;letter-spacing:-.25px;}
.metric {color:var(--gp-text);font-size:29px;}
.section-title {margin:0 0 16px;}
.section-title h2 {font-size:20px;font-weight:850;}
.dashboard-layout {display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:22px;align-items:start;}
.dashboard-main {min-width:0;}
.dashboard-rail {display:grid;gap:14px;}
.welcome-card {border-radius:24px;padding:28px 22px;min-height:212px;color:white;
 background:linear-gradient(145deg,#286bdb,#498cf8 58%,#58b8ff);box-shadow:0 18px 38px #377cf633;position:relative;overflow:hidden;}
.welcome-card::before,.welcome-card::after {content:'';position:absolute;border:1px solid #ffffff33;border-radius:50%;pointer-events:none;}
.welcome-card::before {height:260px;width:260px;left:-130px;top:-135px;}
.welcome-card::after {height:155px;width:155px;left:-77px;top:-83px;}
.welcome-card small {font-size:11px;font-weight:800;letter-spacing:1px;opacity:.84;}
.welcome-card h2 {font-size:26px;line-height:1.2;letter-spacing:-.5px;margin:14px 0 12px;}
.welcome-card p {opacity:.9;font-size:13px;line-height:1.8;margin:0;}
.dashboard-rail .grid {grid-template-columns:1fr;gap:12px;}
.dashboard-rail .grid .card {padding:17px 20px;box-shadow:0 5px 21px #2d538811;}
.dashboard-rail .grid .metric {margin:3px 0 2px;}
.server-list {display:grid;grid-template-columns:1fr;gap:12px;}
.server-tile {padding:23px;display:flex;gap:17px;align-items:flex-start;
 border:1px solid var(--gp-border);border-radius:21px;background:var(--gp-surface-solid);
 box-shadow:0 8px 24px #2d538811;transition:all .2s;}
.server-tile:hover {transform:translateY(-2px);border-color:#b5d3ff;box-shadow:0 16px 30px #2d538819;}
.server-mark {display:grid;place-items:center;min-width:56px;height:56px;border-radius:16px;
 background:linear-gradient(145deg,#eaf2ff,#dbeaff);color:#377cf6;font-size:28px;}
.server-info h3 {font-weight:850;font-size:18px;color:var(--gp-text);}
.server-info p,.server-info .meta {color:var(--gp-muted);}
.badge {border-radius:99px;background:#edf2f8;color:#65788e;border:1px solid #dce5f0;padding:5px 11px;}
.badge.running {color:#14845b;background:#e8fbf4;border-color:#bcebd8;}
.badge.crashed,.badge.error {color:#b9344a;background:#fff1f4;border-color:#f4c9d0;}
.badge.starting,.badge.stopping,.badge.creating {color:#a96b15;background:#fff7e8;border-color:#f8e0b2;}
.server-heading {background:#fff;border:1px solid var(--gp-border);border-radius:23px;
 padding:21px 24px;box-shadow:var(--gp-shadow-sm);margin:0 0 19px;}
.server-tabs {gap:6px;margin-bottom:18px;border-bottom:1px solid var(--gp-border);padding-bottom:11px;}
.tab {background:transparent;border:1px solid transparent;border-radius:11px;color:#63738f;font-weight:750;}
.tab.active {background:var(--gp-primary-soft);border-color:#d4e5ff;color:var(--gp-primary-deep);}
.message {color:#167a57;background:#e8fbf4;border-color:#baebd9;}
.message.warn {color:#9c6a22;background:#fff8eb;border-color:#f0ddb6;}
.alert {background:#fff0f3;color:#b83e54;border-color:#f2cbd3;}
input,textarea,select {background:#fff;color:var(--gp-text);border:1px solid #d7e3f3;border-radius:12px;
 padding:11px 12px;box-shadow:0 1px 3px #2d53880a;}
input:focus,textarea:focus,select:focus {border-color:#679bfa;outline:0;box-shadow:0 0 0 3px #377cf61d;}
label {color:#45556f;font-size:12px;font-weight:750;}
.file-item {color:var(--gp-primary-deep);}
.file-actions button {color:#5374a6;}
.file-actions button:hover {color:var(--gp-primary-deep);}
.file-list th {color:var(--gp-muted);background:#f8fbff;}
.file-list tr:hover td {background:#f9fbff;}
.file-path {color:#627894;}
.cpu-config {background:#f7faff;border-color:#dce7f7;}
.empty strong {color:var(--gp-text-2);}
.audit-row span:first-child {color:var(--gp-muted);}
.user-row,.server-perms {border-color:var(--gp-border);border-radius:14px;}
.login-screen {background:radial-gradient(circle at 75% 10%,#cfe1ff,transparent 35%),
 radial-gradient(circle at 8% 80%,#dff3ff,transparent 37%),#eef5ff;}
.login-panel {background:rgba(255,255,255,.95);border:1px solid #dce8f7;
 box-shadow:0 26px 85px #396fbb23;border-radius:26px;padding:43px;}
.login-panel .brand {gap:13px;color:var(--gp-text);}
.login-panel .brand b {color:var(--gp-primary);}
.login-panel .brand-icon {box-shadow:0 8px 25px #377cf63b;background:linear-gradient(145deg,#3477f4,#5bb6fa);}
.login-panel input {background:#f9fbff;color:var(--gp-text);}
dialog {background:#fff;color:var(--gp-text);border:1px solid #d7e4f4;
 box-shadow:0 30px 90px #193c6b40;border-radius:22px;}
dialog::backdrop {background:#132948b8;backdrop-filter:blur(3px);}
.modal-top h2 {font-weight:850;}
.checkline input {accent-color:var(--gp-primary);}
.iconbtn {color:#6a7d98;}
#toast {background:#214678;color:white;border-color:#6a95d2;border-radius:13px;}
#toast.bad {background:#ad3450;color:white;border-color:#e17b97;}
.delete-block {border-color:var(--gp-border);}
.delete-dialog {width:min(540px,calc(100vw - 24px));max-height:92vh;overflow:auto;}
.delete-target {display:grid;gap:2px;padding:14px 15px;margin:18px 0 13px;background:#f1f6ff;
 border:1px solid #dbe8fb;border-radius:14px;}
.delete-target strong {font-size:17px;}
.delete-target small {word-break:break-all;direction:ltr;text-align:right;}
.delete-mode-card {padding:16px 18px;margin:13px 0;border:1px solid #dce7f7;background:#fbfdff;border-radius:16px;}
.delete-mode-card h3 {font-size:15px;margin:0 0 6px;color:var(--gp-text);}
.delete-mode-card p {font-size:12.5px;color:var(--gp-muted);line-height:1.8;margin:0 0 12px;}
.delete-mode-card.permanent {border-color:#efc7ce;background:#fff8f9;}
.delete-mode-card.permanent h3 {color:#b9344a;}
.delete-mode-card .checkline {margin:12px 0!important;font-size:12px;line-height:1.5;}
.delete-mode-card .checkline span {color:#934051;}
.delete-mode-card button {width:100%;}
.panel-footer {font-size:11px;color:#8a9ab2;text-align:center;margin:26px auto 0;font-weight:700;letter-spacing:.5px;}
.panel-footer span {color:var(--gp-primary);}
/* Optional darker appearance, matching the OGP Premium dark palette. */
body.gp-dark {color-scheme:dark;--gp-bg:#0b1424;--gp-bg-2:#101c2e;--gp-surface:rgba(17,31,52,.9);
 --gp-surface-solid:#122139;--gp-surface-soft:#152741;--gp-text:#edf5ff;--gp-text-2:#d0dded;
 --gp-muted:#92a6bf;--gp-border:#243a57;--gp-border-2:#355170;
 --gp-primary:#6fa6ff;--gp-primary-deep:#8db8ff;--gp-primary-soft:#1b3965;
 --bg:var(--gp-bg);--card:var(--gp-surface-solid);--elev:#1b2c45;--text:var(--gp-text);--border:var(--gp-border);
 background:radial-gradient(circle at 84% 8%,#377cf62d,transparent 30rem),#0b1424;}
.gp-dark .gp-header {background:#102039ed;border-color:#2b405b;}
.gp-dark .gp-nav-host .nav {color:#afc0d8;}
.gp-dark .gp-nav-host .nav.active {color:#8db8ff;}
.gp-dark .gp-live-pill {background:#123329;color:#67d8af;border-color:#204c3d;}
.gp-dark .gp-live-pill:has(.dot:not(.online)) {background:#43202a;color:#ffc4d1;border-color:#654252;}
.gp-dark .servers-nav-section,.gp-dark .server-tile,.gp-dark .server-heading {background:#122139;border-color:#243a57;}
.gp-dark .side-server,.gp-dark .gp-icon-btn,.gp-dark .btn {background:#182b45;color:#d0dded;border-color:#355170;}
.gp-dark .btn.primary {background:linear-gradient(115deg,#3477f4,#5b9bff);color:white;}
.gp-dark .btn.danger {background:#43202a;border-color:#654252;color:#ffc4d1;}
.gp-dark .btn.success {background:#12392d;color:#67d8af;border-color:#204c3d;}
.gp-dark .side-server.active,.gp-dark .side-server:hover {background:#1b3965;color:#b9d5ff;}
.gp-dark .card {background:#122139;border-color:#243a57;}
.gp-dark .badge {background:#19304d;border-color:#355170;color:#b7c9e0;}
.gp-dark .badge.running {background:#12392d;border-color:#204c3d;color:#67d8af;}
.gp-dark .badge.error,.gp-dark .badge.crashed {background:#43202a;border-color:#654252;color:#ffc4d1;}
.gp-dark .tab.active {background:#1b3965;border-color:#355170;color:#8db8ff;}
.gp-dark input,.gp-dark select,.gp-dark textarea {background:#11213a;color:#edf5ff;border-color:#355170;}
.gp-dark .cpu-config,.gp-dark .delete-target,.gp-dark .delete-mode-card {background:#152741;border-color:#355170;}
.gp-dark .file-list th,.gp-dark .file-list tr:hover td {background:#152741;}
.gp-dark .file-item {color:#8db8ff;}
.gp-dark .login-screen {background:radial-gradient(circle at 50% 0%,#243b67,#0b1424 54%);}
.gp-dark .login-panel,.gp-dark dialog {background:#122139;color:#edf5ff;border-color:#355170;}
.gp-dark .login-panel input {background:#152741;color:#edf5ff;}
.gp-dark .delete-mode-card.permanent {background:#43202a;border-color:#654252;}
.gp-dark .delete-mode-card.permanent h3,.gp-dark .delete-mode-card .checkline span {color:#ffc4d1;}
@media(max-width:1130px){
 .gp-header-inner{gap:12px;}.gp-nav-host .nav{padding:0 9px;font-size:12px;}
 .gp-brand-copy strong{font-size:15px;}.gp-brand-copy small{font-size:8px;}
 .gp-live-pill{font-size:10px;padding:0 9px;}
 .dashboard-layout{grid-template-columns:minmax(0,1fr) 260px;}
}
@media(max-width:900px){
 .gp-header{height:auto;min-height:68px;}
 .gp-header-inner{min-height:68px;padding:12px 0;flex-wrap:wrap;}
 .gp-brand{margin-inline-end:auto;}
 .gp-nav-host{height:auto;order:3;flex:0 0 100%;justify-content:flex-start;overflow-x:auto;padding:6px 0 1px;}
 .gp-nav-host .nav.active::after{bottom:-2px;}
 .header-actions{margin-inline-start:0;}
 .gp-page-orbit{display:none;}
 .dashboard-layout{grid-template-columns:1fr;}
 .dashboard-rail{grid-row:1;}
 .dashboard-rail .grid{grid-template-columns:repeat(3,minmax(0,1fr));}
 .welcome-card{min-height:165px;}
 .topbar.gp-page-head{min-height:150px;}
}
@media(max-width:650px){
 .gp-header-inner,.main.gp-page-wrap{width:calc(100% - 26px);}
 .gp-brand-copy strong{font-size:14px;}
 .gp-live-pill{max-width:125px;overflow:hidden;}
 .gp-live-pill #agent-caption{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
 .header-actions .user{display:none;}
 .topbar.gp-page-head{flex-wrap:wrap;padding:21px 4px 25px;gap:14px;}
 .topbar h1{font-size:31px;}
 .page-subtitle{font-size:12.5px;}
 .top-actions{width:100%;justify-content:flex-start;}
 .servers-nav-section{flex-direction:column;align-items:flex-start;padding:12px;}
 .side-servers{width:100%;}
 .dashboard-rail .grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .dashboard-rail .grid .card:last-child{grid-column:1/-1;}
 .server-tile{padding:17px;gap:11px;}
 .server-mark{min-width:44px;height:44px;font-size:22px;}
 .server-info h3{font-size:16px;}
 .card{padding:18px;}
 .modal-form{padding:19px;}
}