/* TEB Analyzer — Interface System V3
   Fully local, RTL-first, functional UI layer. The original stylesheet stays
   intact underneath so this redesign can be rolled back in one step. */

:root {
  --v3-bg:#07101c;
  --v3-bg-deep:#040a12;
  --v3-surface:#0d1928;
  --v3-surface-2:#111f31;
  --v3-surface-3:#16273b;
  --v3-border:rgba(183,211,238,.12);
  --v3-border-strong:rgba(183,211,238,.22);
  --v3-text:#f5f8fb;
  --v3-muted:#a5b4c6;
  --v3-faint:#718096;
  --v3-primary:#65d6c4;
  --v3-primary-2:#38bdf8;
  --v3-primary-rgb:101,214,196;
  --v3-warm:#f5c96b;
  --v3-good:#5ee3a1;
  --v3-warn:#f5c96b;
  --v3-danger:#ff7895;
  --v3-radius-xl:28px;
  --v3-radius-lg:21px;
  --v3-radius-md:15px;
  --v3-shadow:0 24px 70px rgba(0,0,0,.27);
  --v3-shadow-soft:0 12px 36px rgba(0,0,0,.18);
}

body[data-platform="telegram"] { --v3-primary:#42bff5; --v3-primary-2:#7dd3fc; --v3-primary-rgb:66,191,245; }
body[data-platform="eitaa"] { --v3-primary:#ff9a4a; --v3-primary-2:#f5c96b; --v3-primary-rgb:255,154,74; }
body[data-platform="bale"] { --v3-primary:#38d0a5; --v3-primary-2:#73e5c6; --v3-primary-rgb:56,208,165; }
body[data-platform="instagram"] { --v3-primary:#e14aaa; --v3-primary-2:#ff8b68; --v3-primary-rgb:225,74,170; }

html { scroll-behavior:smooth; background:#07111d; }
input:not([type]),
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea,
[contenteditable="true"] {
  cursor:text !important;
}
button:disabled,
input:disabled,
select:disabled,
[aria-disabled="true"] {
  cursor:not-allowed !important;
}
body {
  color:var(--v3-text);
  background:
    radial-gradient(900px 520px at 92% -8%, rgba(var(--v3-primary-rgb),.13), transparent 68%),
    radial-gradient(720px 460px at -6% 38%, rgba(56,189,248,.07), transparent 70%),
    linear-gradient(145deg,var(--v3-bg),var(--v3-bg-deep) 72%) !important;
  font-family:"Sahel",Tahoma,sans-serif;
  line-height:1.65;
  min-height:100vh;
}
body::before {
  opacity:.34 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) !important;
  background-size:48px 48px !important;
  mask-image:linear-gradient(to bottom,#000 0%,transparent 88%) !important;
  animation:none !important;
}
body::after {
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background:linear-gradient(112deg,transparent 25%,rgba(255,255,255,.012) 50%,transparent 75%);
}
body > * { position:relative; z-index:1; }
body:has(.v3-page-ambient) {
  padding-top:16px;
  background:#07111d !important;
  min-height:100dvh;
}
body:has(.v3-page-ambient)::before,
body:has(.v3-page-ambient)::after { display:none !important; }
.v3-page-ambient {
  position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden;
  background:#07111d;
  isolation:isolate;
}
.v3-page-ambient::before {
  content:""; position:absolute; inset:0; opacity:.32;
  background-image:
    linear-gradient(rgba(140,188,218,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(140,188,218,.035) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(ellipse at 50% 36%,#000 0%,transparent 82%);
}
.v3-page-ambient::after {
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(760px 430px at 88% -5%,rgba(56,189,248,.085),transparent 70%),
    radial-gradient(620px 380px at -8% 78%,rgba(45,212,191,.045),transparent 72%);
}
body.processing .v3-page-ambient::after { animation:v3-ambient-pulse 2.4s ease-in-out infinite; }
@keyframes v3-ambient-pulse { 50% { opacity:.72; } }

::selection { color:#03120f; background:var(--v3-primary); }
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-track { background:var(--v3-bg-deep); }
::-webkit-scrollbar-thumb { background:#294057; border:2px solid var(--v3-bg-deep); border-radius:99px; }
::-webkit-scrollbar-thumb:hover { background:var(--v3-primary); }

/* Global application chrome */
.v3-appbar {
  width:min(1460px,calc(100% - 36px)); min-height:70px; margin:18px auto 0;
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:18px;
  padding:10px 12px 10px 18px; border:1px solid var(--v3-border);
  border-radius:20px; background:rgba(7,16,28,.78); box-shadow:0 14px 40px rgba(0,0,0,.2);
  backdrop-filter:blur(18px); position:sticky; top:10px; z-index:100;
}
.v3-brand {
  display:flex; align-items:center; gap:11px; color:var(--v3-text); text-decoration:none;
  padding:8px 11px; border-radius:13px; transition:.2s ease;
}
.v3-brand:hover { background:rgba(var(--v3-primary-rgb),.09); }
.v3-brand-mark {
  width:38px; height:38px; display:grid; place-items:center; border-radius:12px;
  color:#04201b; background:linear-gradient(145deg,var(--v3-primary-2),var(--v3-primary));
  box-shadow:0 8px 24px rgba(var(--v3-primary-rgb),.2);
}
.v3-brand-mark img { width:100%; height:100%; display:block; object-fit:cover; border-radius:12px; }
.v3-brand-copy { display:grid; line-height:1.25; }
.v3-brand-copy strong { font-size:.92rem; }
.v3-brand-copy small { color:var(--v3-faint); font-size:.68rem; }
.v3-route-meta { min-width:0; display:flex; align-items:center; justify-content:center; gap:12px; }
.v3-route-logo {
  width:38px; height:38px; object-fit:contain; border-radius:12px; padding:4px;
  background:rgba(var(--v3-primary-rgb),.1); border:1px solid rgba(var(--v3-primary-rgb),.2);
}
.v3-route-copy { min-width:0; display:grid; line-height:1.25; }
.v3-route-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.88rem; }
.v3-route-copy small { color:var(--v3-primary); font-size:.68rem; font-weight:800; }
.v3-app-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.v3-settings-link {
  width:42px; height:42px; display:grid; place-items:center; flex:0 0 auto;
  color:var(--v3-muted); text-decoration:none; border:1px solid var(--v3-border);
  border-radius:13px; background:rgba(255,255,255,.025); transition:.2s ease;
}
.v3-settings-link span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.v3-settings-link svg { width:19px; height:19px; }
.v3-settings-link:hover { color:var(--v3-primary); border-color:rgba(var(--v3-primary-rgb),.38); background:rgba(var(--v3-primary-rgb),.08); }
.v3-home-link {
  min-height:42px; display:inline-flex; align-items:center; gap:8px; padding:8px 14px;
  color:var(--v3-muted); text-decoration:none; border:1px solid var(--v3-border);
  border-radius:13px; background:rgba(255,255,255,.025); font-weight:750; font-size:.82rem;
  transition:.2s ease;
}
.v3-home-link svg { width:18px; height:18px; }
.v3-home-link:hover { color:var(--v3-text); border-color:rgba(var(--v3-primary-rgb),.38); background:rgba(var(--v3-primary-rgb),.08); }

.container { width:min(1260px,calc(100% - 36px)) !important; margin:28px auto 80px !important; }
.platform-tabs { display:none !important; }

/* Dashboard hero */
.topbar {
  min-height:138px; margin:0 0 18px !important; padding:28px 30px !important;
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  border:1px solid var(--v3-border) !important; border-radius:var(--v3-radius-xl) !important;
  background:
    radial-gradient(420px 210px at 90% 0,rgba(var(--v3-primary-rgb),.15),transparent 72%),
    linear-gradient(135deg,rgba(17,31,49,.96),rgba(10,21,35,.94)) !important;
  box-shadow:var(--v3-shadow-soft); overflow:hidden; position:relative;
}
.topbar::before {
  content:""; width:210px; height:210px; position:absolute; left:-74px; bottom:-118px;
  border:1px solid rgba(var(--v3-primary-rgb),.18); border-radius:50%; box-shadow:0 0 0 28px rgba(var(--v3-primary-rgb),.025),0 0 0 58px rgba(var(--v3-primary-rgb),.018);
}
.topbar > div:first-child { min-width:0; position:relative; }
.topbar h1 {
  margin:0; color:var(--v3-text) !important; background:none !important;
  font-size:clamp(1.35rem,2.4vw,2rem) !important; letter-spacing:-.035em; line-height:1.45;
}
.topbar h1::before { content:"مرکز عملیات"; display:block; margin-bottom:8px; color:var(--v3-primary); font-size:.71rem; letter-spacing:.02em; font-weight:850; }
#account-status {
  width:max-content; max-width:100%; margin:12px 0 0 !important; padding:7px 11px;
  display:flex; align-items:center; gap:8px; color:var(--v3-muted) !important;
  background:rgba(3,10,18,.28); border:1px solid var(--v3-border); border-radius:999px;
  font-family:"Sahel",Tahoma,sans-serif !important; font-size:.76rem !important;
}
#account-status::before { content:""; width:8px; height:8px; flex:0 0 auto; border-radius:50%; background:var(--v3-warn); box-shadow:0 0 0 4px rgba(245,201,107,.1); }
body.v3-connected #account-status::before { background:var(--v3-good); box-shadow:0 0 0 4px rgba(94,227,161,.11); }

/* Context navigation */
.v3-quicknav {
  display:flex; align-items:center; gap:8px; overflow:auto; scrollbar-width:none;
  margin:0 0 18px; padding:7px; border:1px solid var(--v3-border); border-radius:17px;
  background:rgba(10,21,35,.76); position:sticky; top:96px; z-index:70; backdrop-filter:blur(16px);
}
.v3-quicknav::-webkit-scrollbar { display:none; }
.v3-quicknav a {
  min-height:38px; padding:8px 13px; display:inline-flex; align-items:center; gap:8px;
  flex:0 0 auto; color:var(--v3-muted); text-decoration:none; white-space:nowrap;
  border-radius:11px; font-size:.75rem; font-weight:750; transition:.2s ease;
}
.v3-quicknav a::before { content:attr(data-index); color:var(--v3-primary); font-size:.67rem; font-weight:900; }
.v3-quicknav a:hover,.v3-quicknav a.is-active { color:var(--v3-text); background:rgba(var(--v3-primary-rgb),.1); }

/* Guided path */
.ux-route-guide {
  display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:0 !important;
  margin:0 0 18px !important; padding:7px !important; border:1px solid var(--v3-border) !important;
  border-radius:17px !important; background:rgba(10,21,35,.68) !important; box-shadow:none !important;
}
.ux-route-guide span {
  min-height:48px; display:flex !important; align-items:center; justify-content:center; gap:9px;
  padding:8px 10px !important; border:0 !important; border-radius:12px !important;
  color:var(--v3-muted) !important; background:transparent !important; font-size:.73rem !important;
  text-align:center; position:relative;
}
.ux-route-guide span:not(:last-child)::after { content:""; position:absolute; left:-1px; top:15px; width:1px; height:18px; background:var(--v3-border); }
.ux-route-guide b {
  width:25px !important; height:25px !important; display:grid !important; place-items:center;
  flex:0 0 auto; color:var(--v3-primary) !important; background:rgba(var(--v3-primary-rgb),.1) !important;
  border:1px solid rgba(var(--v3-primary-rgb),.2); border-radius:8px !important; font-size:.69rem;
}

/* Surfaces */
.card {
  padding:25px !important; color:var(--v3-text);
  border:1px solid var(--v3-border) !important; border-radius:var(--v3-radius-lg) !important;
  background:linear-gradient(145deg,rgba(17,31,49,.94),rgba(10,21,35,.94)) !important;
  box-shadow:var(--v3-shadow-soft) !important; overflow:hidden;
}
.card::before { display:none !important; }
.card::after {
  content:""; position:absolute; inset:0 0 auto; height:2px; pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(var(--v3-primary-rgb),.72),transparent);
  opacity:.52;
}
.card:hover { border-color:var(--v3-border-strong) !important; }

body[data-platform="telegram"] .card {
  border-color:rgba(66,191,245,.18) !important;
  background:
    radial-gradient(430px 190px at 100% 0,rgba(66,191,245,.115),transparent 68%),
    linear-gradient(145deg,rgba(17,31,49,.96),rgba(8,18,30,.95)) !important;
  box-shadow:0 12px 36px rgba(0,0,0,.18),inset 0 1px 0 rgba(125,211,252,.055) !important;
}
body[data-platform="telegram"] .card::after {
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(66,191,245,.88),rgba(125,211,252,.56),transparent);
  opacity:.78;
}
body[data-platform="telegram"] .card:hover {
  border-color:rgba(66,191,245,.34) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.21),0 0 0 1px rgba(66,191,245,.035) !important;
}

body[data-platform="eitaa"] .card {
  border-color:rgba(255,154,74,.2) !important;
  background:
    radial-gradient(430px 190px at 100% 0,rgba(255,154,74,.12),transparent 68%),
    linear-gradient(145deg,rgba(19,31,47,.96),rgba(9,18,29,.95)) !important;
  box-shadow:0 12px 36px rgba(0,0,0,.18),inset 0 1px 0 rgba(245,201,107,.06) !important;
}
body[data-platform="eitaa"] .card::after {
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(255,154,74,.9),rgba(245,201,107,.58),transparent);
  opacity:.8;
}
body[data-platform="eitaa"] .card:hover {
  border-color:rgba(255,154,74,.38) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.21),0 0 0 1px rgba(255,154,74,.04) !important;
}

body[data-platform="bale"] .card {
  border-color:rgba(56,208,165,.2) !important;
  background:
    radial-gradient(430px 190px at 100% 0,rgba(56,208,165,.12),transparent 68%),
    linear-gradient(145deg,rgba(16,32,47,.96),rgba(7,19,29,.95)) !important;
  box-shadow:0 12px 36px rgba(0,0,0,.18),inset 0 1px 0 rgba(115,229,198,.06) !important;
}
body[data-platform="bale"] .card::after {
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(56,208,165,.9),rgba(115,229,198,.58),transparent);
  opacity:.8;
}
body[data-platform="bale"] .card:hover {
  border-color:rgba(56,208,165,.38) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.21),0 0 0 1px rgba(56,208,165,.04) !important;
}
.grid { gap:18px !important; margin:18px 0 !important; }
.card + .card,.card + .grid,.grid + .card { margin-top:18px !important; }
.card[style*="margin-top"] { margin-top:18px !important; }
.card[style*="border"] { border-color:var(--v3-border) !important; }
.card[style*="background"] { background:linear-gradient(145deg,rgba(17,31,49,.94),rgba(10,21,35,.94)) !important; }

h1,h2,h3,strong { color:var(--v3-text); }
h2 {
  margin:0 0 16px !important; display:flex; align-items:center; gap:11px;
  color:var(--v3-text) !important; font-size:1.02rem !important; font-weight:850;
}
h2::before {
  content:"" !important; width:10px !important; height:10px !important; flex:0 0 auto;
  border-radius:4px !important; background:var(--v3-primary) !important;
  box-shadow:0 0 0 5px rgba(var(--v3-primary-rgb),.09) !important;
}
p,.hint { color:var(--v3-muted) !important; }
.hint { font-size:.79rem !important; line-height:1.85; }

/* Forms */
.form-grid { gap:15px !important; }
.job-form { gap:14px !important; }
label { gap:8px !important; color:var(--v3-muted) !important; font-size:.78rem !important; font-weight:750 !important; }
input,select,textarea {
  min-height:48px; padding:11px 14px !important; color:var(--v3-text) !important;
  border:1px solid var(--v3-border) !important; border-radius:13px !important;
  background:rgba(3,10,18,.45) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  font-family:"Sahel",Tahoma,sans-serif !important; font-size:.87rem; transition:.18s ease !important;
}
textarea { min-height:112px; line-height:1.8; }
input::placeholder,textarea::placeholder { color:#65758a !important; }
input:hover,select:hover,textarea:hover { border-color:var(--v3-border-strong) !important; }
input:focus,select:focus,textarea:focus {
  outline:none !important; border-color:rgba(var(--v3-primary-rgb),.72) !important;
  background:rgba(3,10,18,.7) !important; box-shadow:0 0 0 4px rgba(var(--v3-primary-rgb),.1) !important;
}
select {
  background-color:rgba(3,10,18,.45) !important;
  background-image:linear-gradient(45deg,transparent 50%,var(--v3-primary) 50%),linear-gradient(135deg,var(--v3-primary) 50%,transparent 50%) !important;
  background-position:16px 52%,21px 52% !important; background-size:6px 6px,6px 6px !important; background-repeat:no-repeat !important;
}
select option,select option:hover,select option:checked { color:var(--v3-text) !important; background:var(--v3-surface) !important; }
.check,.chart-option {
  min-height:48px; padding:11px 13px !important; align-items:center !important;
  border:1px solid var(--v3-border) !important; border-radius:13px !important;
  color:var(--v3-text) !important; background:rgba(255,255,255,.02) !important;
  font-size:.78rem !important;
}
.check:hover,.chart-option:hover { border-color:rgba(var(--v3-primary-rgb),.38) !important; background:rgba(var(--v3-primary-rgb),.045) !important; }
.check input,.chart-option input { accent-color:var(--v3-primary) !important; }

/* Actions */
button,.download,.menu-link {
  min-height:44px; padding:10px 18px; border:1px solid transparent !important;
  border-radius:13px !important; color:#031b18 !important;
  background:linear-gradient(135deg,var(--v3-primary-2),var(--v3-primary)) !important;
  box-shadow:0 9px 24px rgba(var(--v3-primary-rgb),.16) !important;
  font-family:"Sahel",Tahoma,sans-serif !important; font-size:.82rem; font-weight:850;
  transition:transform .16s ease,box-shadow .18s ease,filter .18s ease !important;
}
button::after { display:none !important; }
button:hover,.download:hover,.menu-link:hover {
  transform:translateY(-2px) !important; filter:brightness(1.06); animation:none !important;
  box-shadow:0 13px 28px rgba(var(--v3-primary-rgb),.23) !important;
}
button:active { transform:translateY(0) scale(.98) !important; }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:3px solid rgba(var(--v3-primary-rgb),.38); outline-offset:3px; }
button:disabled { opacity:.55; cursor:not-allowed; transform:none !important; }
button.secondary {
  color:var(--v3-text) !important; border-color:var(--v3-border-strong) !important;
  background:rgba(255,255,255,.035) !important; box-shadow:none !important;
}
button.secondary:hover { border-color:rgba(var(--v3-primary-rgb),.48) !important; background:rgba(var(--v3-primary-rgb),.08) !important; }
button.danger { color:#fff !important; background:linear-gradient(135deg,#ff8da5,#e95073) !important; box-shadow:0 9px 22px rgba(233,80,115,.17) !important; }
button.danger.ghost { color:#ff9db2 !important; border-color:rgba(255,120,149,.28) !important; background:rgba(255,120,149,.055) !important; box-shadow:none !important; }
.actions { gap:10px !important; margin-top:16px !important; }
.inline-form { gap:11px !important; }

/* Feedback and system states */
#notice:not(:empty) {
  margin:0 0 18px !important; padding:14px 17px !important; color:var(--v3-text) !important;
  border:1px solid rgba(var(--v3-primary-rgb),.28) !important; border-radius:15px !important;
  background:rgba(var(--v3-primary-rgb),.085) !important; box-shadow:none !important;
}
#notice.error { color:#ffdbe3 !important; border-color:rgba(255,120,149,.3) !important; background:rgba(255,120,149,.08) !important; }
.ux-operation-status {
  top:94px !important; padding:15px 17px !important; margin:0 0 18px !important;
  border:1px solid rgba(var(--v3-primary-rgb),.28) !important; border-radius:16px !important;
  background:rgba(10,25,39,.93) !important; box-shadow:0 16px 48px rgba(0,0,0,.26) !important; backdrop-filter:blur(18px);
}
.ux-operation-title { color:var(--v3-text) !important; }
.ux-operation-detail { color:var(--v3-muted) !important; }
.ux-operation-time { color:var(--v3-primary) !important; }
.ux-operation-bar { height:5px !important; background:rgba(var(--v3-primary-rgb),.1) !important; }
.ux-operation-bar span { background:linear-gradient(90deg,transparent,var(--v3-primary),var(--v3-primary-2),transparent) !important; }
.spinner { border-color:rgba(var(--v3-primary-rgb),.22) !important; border-top-color:var(--v3-primary) !important; }

/* Account/browser preview */
.browser-card { min-height:420px; }
.preview-wrap { min-height:320px; border-radius:16px; overflow:hidden; background:#050b12; }
.browser-card img {
  min-height:320px !important; border:1px solid var(--v3-border) !important; border-radius:16px !important;
  background:linear-gradient(145deg,#08111d,#050b12) !important;
}
.live-dot {
  top:12px !important; left:12px !important; z-index:3; color:var(--v3-good) !important;
  border:1px solid rgba(94,227,161,.2) !important; background:rgba(3,12,18,.82) !important;
}

/* Jobs and reports */
.jobs { gap:13px !important; }
.job {
  padding:20px !important; border:1px solid var(--v3-border) !important; border-radius:17px !important;
  background:rgba(3,10,18,.31) !important; box-shadow:none !important;
}
.job:hover { border-color:var(--v3-border-strong) !important; transform:none !important; }
.job-title { color:var(--v3-text); font-size:.92rem !important; }
.job-meta { color:var(--v3-muted) !important; font-family:"Sahel",Tahoma,sans-serif !important; line-height:1.85; }
.badge {
  color:var(--v3-warn) !important; border:1px solid rgba(245,201,107,.16);
  background:rgba(245,201,107,.08) !important; font-family:"Sahel",Tahoma,sans-serif !important;
}
.badge.completed { color:var(--v3-good) !important; border-color:rgba(94,227,161,.16); background:rgba(94,227,161,.08) !important; }
.badge.failed,.badge.stopped { color:var(--v3-danger) !important; border-color:rgba(255,120,149,.16); background:rgba(255,120,149,.08) !important; }
.job:is([data-status="running"],[data-status="queued"],[data-status="retrying"]),
.job:has(.badge.running),.job:has(.badge.queued),.job:has(.badge.retrying) { position:relative; }
.job:is([data-status="running"],[data-status="queued"],[data-status="retrying"])::after,
.job:has(.badge.running)::after,.job:has(.badge.queued)::after,.job:has(.badge.retrying)::after {
  content:""; position:absolute; right:20px; left:20px; bottom:0; height:3px; border-radius:99px;
  background:linear-gradient(90deg,transparent,var(--v3-primary),transparent); background-size:45% 100%; background-repeat:no-repeat;
  animation:v3-scan 1.6s ease-in-out infinite;
}
@keyframes v3-scan { 0%{background-position:130% 0} 100%{background-position:-70% 0} }
.analysis { border-color:var(--v3-border) !important; }
.analysis summary { min-height:48px; color:var(--v3-primary) !important; }
.analysis-body { padding-top:5px; }
.download { color:#031b18 !important; text-decoration:none; }
.download::before { content:"↓" !important; }

/* Tables, markdown and outputs */
table { width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; border:1px solid var(--v3-border); border-radius:14px; }
th,td { padding:12px 13px; text-align:right; border-bottom:1px solid var(--v3-border); color:var(--v3-muted); }
th { color:var(--v3-text); background:rgba(var(--v3-primary-rgb),.06); font-size:.78rem; }
tr:last-child td { border-bottom:0; }
.markdown-body,.output-content { color:var(--v3-muted); line-height:2; }
.markdown-body h1,.markdown-body h2,.markdown-body h3 { color:var(--v3-text) !important; background:none !important; }

/* Login */
.narrow,#admin-login.narrow { width:min(460px,100%) !important; margin:9vh auto !important; padding:34px !important; }
#admin-login h1,#admin-login h2 { text-align:center; justify-content:center; font-size:1.55rem !important; }
#admin-login h1::before { content:""; width:52px; height:52px; display:block; margin:0 auto 16px; border-radius:16px; background:radial-gradient(circle at 34% 34%,var(--v3-primary-2),var(--v3-primary)); box-shadow:0 14px 34px rgba(var(--v3-primary-rgb),.22); }
#admin-login > p { text-align:center; }

/* Home — editorial command center */
.home-shell { width:min(1520px,calc(100% - 36px)) !important; margin-top:0 !important; }
.home-hero {
  min-height:240px; padding:42px 48px !important; margin-bottom:16px !important;
  display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
  border:1px solid var(--v3-border) !important; border-radius:32px !important;
  background:
    radial-gradient(560px 300px at 88% 18%,rgba(101,214,196,.16),transparent 70%),
    radial-gradient(420px 240px at 60% 100%,rgba(66,191,245,.09),transparent 75%),
    linear-gradient(135deg,#112033,#091522) !important;
  box-shadow:var(--v3-shadow); text-align:right !important; overflow:hidden;
}
.home-hero::before { content:""; position:absolute; left:8%; top:-90px; width:260px; height:260px; border:1px solid rgba(101,214,196,.14); border-radius:50%; box-shadow:0 0 0 42px rgba(101,214,196,.025),0 0 0 85px rgba(101,214,196,.015); }
.home-hero::after { width:180px !important; height:180px !important; left:auto !important; right:-70px !important; bottom:-100px !important; opacity:.5 !important; }
.home-eyebrow {
  margin-bottom:17px; padding:7px 12px !important; color:var(--v3-primary) !important;
  border:1px solid rgba(101,214,196,.19) !important; border-radius:999px !important;
  background:rgba(101,214,196,.055) !important; font-size:.72rem !important;
}
.home-hero h1 { max-width:800px; margin:0 !important; color:var(--v3-text) !important; background:none !important; font-size:clamp(1.7rem,3.3vw,3rem) !important; line-height:1.45; letter-spacing:-.045em; }
.home-hero p { max-width:720px; margin:13px 0 0 !important; color:var(--v3-muted) !important; font-size:.92rem; }
.v3-home-stats {
  display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:0 0 16px; padding:10px;
  border:1px solid var(--v3-border); border-radius:20px; background:rgba(10,21,35,.76);
}
.v3-home-stat { min-height:64px; padding:10px 16px; display:flex; align-items:center; justify-content:center; gap:11px; text-align:center; border-radius:13px; }
.v3-home-stat:not(:last-child) { border-left:1px solid var(--v3-border); }
.v3-home-stat strong { color:var(--v3-primary); font-size:1.2rem; }
.v3-home-stat span { color:var(--v3-muted); font-size:.76rem; }
.platform-hub-grid { gap:16px !important; }
.platform-hub-card {
  min-height:560px !important; padding:20px !important; border:1px solid var(--v3-border) !important;
  border-radius:26px !important; background:linear-gradient(150deg,rgba(17,31,49,.95),rgba(8,18,30,.96)) !important;
  box-shadow:var(--v3-shadow-soft) !important; transition:transform .22s ease,border-color .22s ease !important;
}
.platform-hub-card:hover { transform:translateY(-4px); border-color:rgba(var(--platform-tint),.31) !important; }
.platform-hub-card::before { opacity:.08 !important; }
.platform-hub-header { min-height:165px !important; padding:6px 4px 20px !important; border-color:var(--v3-border) !important; }
.platform-logo-wrap {
  width:104px !important; height:104px !important; padding:11px !important; border-radius:26px !important;
  background:rgba(var(--platform-tint),.08) !important; border:1px solid rgba(var(--platform-tint),.18) !important; box-shadow:none !important;
}
.platform-bale .platform-logo-wrap { padding:0 !important; }
.platform-kicker { color:rgba(var(--platform-tint),1) !important; font-size:.78rem !important; }
.platform-hub-header p { color:var(--v3-muted) !important; }
.platform-capabilities { gap:10px !important; padding-top:18px !important; }
.capability-link {
  min-height:66px !important; padding:11px 12px !important; gap:10px !important;
  color:var(--v3-text) !important; border:1px solid var(--v3-border) !important; border-radius:15px !important;
  background:rgba(255,255,255,.025) !important; box-shadow:none !important; font-size:.79rem !important; line-height:1.6 !important;
  transition:.18s ease !important;
}
.capability-link:hover { transform:translateX(-3px) !important; border-color:rgba(var(--platform-tint),.3) !important; background:rgba(var(--platform-tint),.065) !important; box-shadow:none !important; }
.capability-number {
  width:31px !important; height:31px !important; color:rgba(var(--platform-tint),1) !important;
  border:1px solid rgba(var(--platform-tint),.2) !important; border-radius:10px !important; background:rgba(var(--platform-tint),.08) !important;
}
.capability-arrow { color:rgba(var(--platform-tint),.9) !important; font-size:1rem !important; }

/* Date picker */
.jdp-pop { color:var(--v3-text) !important; border-color:var(--v3-border-strong) !important; background:rgba(8,18,30,.98) !important; }
.jdp-day.sel,.jdp-cell.sel { color:#041c18 !important; background:var(--v3-primary) !important; }
.jdp-day.today,.jdp-cell.today { border-color:var(--v3-primary) !important; }

/* Responsive */
@media (max-width:980px) {
  .v3-appbar { width:calc(100% - 24px); grid-template-columns:auto minmax(0,1fr); margin-top:12px; }
  .v3-home-link { display:none; }
  .two,.job-form { grid-template-columns:1fr !important; }
  .browser-card { min-height:360px; }
  .ux-route-guide { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .ux-route-guide span:nth-child(2)::after { display:none; }
  .platform-hub-grid { grid-template-columns:1fr !important; }
  .platform-hub-card { width:100% !important; max-width:none !important; min-height:0 !important; }
}

@media (max-width:680px) {
  .container { width:calc(100% - 20px) !important; margin-top:16px !important; margin-bottom:48px !important; }
  body:has(.home-shell) { padding-top:12px; }
  .home-shell { width:calc(100% - 20px) !important; margin-top:0 !important; margin-bottom:48px !important; }
  .v3-appbar { width:calc(100% - 20px); min-height:62px; top:7px; padding:8px; gap:9px; border-radius:16px; }
  .v3-brand { padding:5px; }
  .v3-brand-mark { width:36px; height:36px; }
  .v3-brand-copy { display:none; }
  .v3-route-meta { justify-content:flex-start; gap:8px; }
  .v3-route-logo { width:34px; height:34px; }
  .v3-route-copy strong { font-size:.76rem; }
  .v3-route-copy small { font-size:.62rem; }
  .topbar { min-height:126px; padding:22px 19px !important; border-radius:22px !important; }
  .topbar h1 { font-size:1.28rem !important; }
  .topbar > button { width:100%; }
  #account-status { width:100%; }
  .v3-quicknav { top:78px; margin-bottom:13px; }
  .ux-route-guide { grid-template-columns:1fr !important; }
  .ux-route-guide span { justify-content:flex-start !important; text-align:right; }
  .ux-route-guide span::after { display:none !important; }
  .card { padding:18px !important; border-radius:18px !important; }
  .inline-form,.topbar { flex-direction:column !important; align-items:stretch !important; }
  .inline-form button,.actions button { width:100%; }
  .job-header { align-items:flex-start !important; flex-direction:column; }
  .home-hero { min-height:260px; padding:30px 22px !important; border-radius:24px !important; }
  .home-hero h1 { font-size:1.72rem !important; }
  .v3-home-stats { grid-template-columns:1fr; }
  .v3-home-stat { justify-content:flex-start; }
  .v3-home-stat:not(:last-child) { border-left:0; border-bottom:1px solid var(--v3-border); }
  .platform-hub-card { display:block !important; padding:16px !important; border-radius:21px !important; }
  .platform-hub-header { min-height:0 !important; border-left:0 !important; }
  .platform-logo-wrap { width:82px !important; height:82px !important; border-radius:21px !important; }
  .capability-link { min-height:62px !important; font-size:.76rem !important; }
  .ux-operation-status { top:78px !important; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}

@media print {
  .v3-appbar,.v3-quicknav,.ux-route-guide,.ux-operation-status { display:none !important; }
  body { background:#fff !important; color:#111 !important; }
}

/* Universal operation HUD: always visible without moving the user's scroll. */
.ux-operation-status {
  position:fixed !important;
  top:auto !important;
  right:auto !important;
  left:18px !important;
  bottom:18px !important;
  z-index:1200 !important;
  width:min(480px,calc(100vw - 36px)) !important;
  min-height:88px;
  margin:0 !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  animation:v3-operation-enter .38s cubic-bezier(.22,1,.36,1) both !important;
}
.ux-operation-status[hidden] { display:none !important; }
.ux-operation-visual {
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  position:relative;
  border:1px solid rgba(var(--v3-primary-rgb),.18);
  border-radius:15px;
  background:rgba(var(--v3-primary-rgb),.06);
}
.ux-operation-visual .spinner.big {
  width:28px;
  height:28px;
  margin:0;
}
.ux-operation-pulse {
  position:absolute;
  inset:6px;
  border:1px solid rgba(var(--v3-primary-rgb),.3);
  border-radius:11px;
  animation:v3-operation-pulse 1.8s ease-out infinite;
}
.ux-operation-status.is-taking-long .ux-operation-detail::after {
  content:" پاسخ سامانه هنوز در حال پردازش است.";
  color:var(--v3-primary);
}
.ux-operation-status.is-error {
  border-color:rgba(255,120,149,.46) !important;
}
.ux-operation-status.is-error .ux-operation-visual {
  border-color:rgba(255,120,149,.32);
  background:rgba(255,120,149,.07);
}
.ux-operation-status.is-finishing {
  transform:translate3d(0,12px,0) scale(.985);
}
@keyframes v3-operation-enter {
  from { opacity:0; transform:translate3d(0,24px,0) scale(.98); }
  to { opacity:1; transform:translate3d(0,0,0) scale(1); }
}
@keyframes v3-operation-pulse {
  0% { opacity:.75; transform:scale(.72); }
  72%,100% { opacity:0; transform:scale(1.35); }
}
@media (max-width:680px) {
  .ux-operation-status {
    left:10px !important;
    bottom:10px !important;
    width:calc(100vw - 20px) !important;
    min-height:82px;
    padding:13px !important;
    grid-template-columns:auto minmax(0,1fr) !important;
  }
  .ux-operation-time {
    grid-column:2 !important;
  }
}