/* ZEAM_OPERATIONAL_SKIN_V39_FINAL */
/* فقط ظاهر را تغییر می‌دهد؛ هیچ route/form/action/button/link حذف نمی‌شود. */
:root{
  --op39-bg:#020914;
  --op39-panel:#061525;
  --op39-line:rgba(40,231,255,.18);
  --op39-cyan:#28e7ff;
  --op39-blue:#147dff;
  --op39-gold:#ffd982;
  --op39-green:#50ffc8;
  --op39-red:#ff7898;
  --op39-text:#f4fbff;
  --op39-muted:#93aabd;
  --op39-radius:24px;
}
body.zs39-operational{
  background:
    radial-gradient(circle at 82% 8%,rgba(40,231,255,.10),transparent 31%),
    radial-gradient(circle at 8% 92%,rgba(255,132,55,.07),transparent 32%),
    linear-gradient(135deg,#020914,#031526 60%,#020914)!important;
  color:var(--op39-text)!important;
}
body.zs39-operational h1,
body.zs39-operational h2,
body.zs39-operational h3{color:#fff!important;letter-spacing:-.3px}
body.zs39-operational h1{font-size:clamp(30px,4.6vw,56px)!important;line-height:1.1!important}
body.zs39-operational p,
body.zs39-operational small,
body.zs39-operational .muted,
body.zs39-operational .text-muted{color:var(--op39-muted)!important}
body.zs39-operational .page-header,
body.zs39-operational .content-header,
body.zs39-operational .dashboard-header,
body.zs39-operational .hero{
  border:1px solid var(--op39-line)!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 84% 0%,rgba(40,231,255,.15),transparent 34%),
    linear-gradient(120deg,rgba(255,255,255,.06),transparent 24%,rgba(40,231,255,.035)),
    linear-gradient(145deg,rgba(10,35,56,.74),rgba(1,8,17,.92))!important;
  box-shadow:0 0 42px rgba(0,180,255,.12), inset 0 1px 0 rgba(255,255,255,.05)!important;
  padding:22px!important;
  margin-bottom:20px!important;
}
body.zs39-operational .card,
body.zs39-operational .panel,
body.zs39-operational .box,
body.zs39-operational .glass-card,
body.zs39-operational .stat-card,
body.zs39-operational .widget,
body.zs39-operational .table-card,
body.zs39-operational .content-card{
  border:1px solid var(--op39-line)!important;
  border-radius:var(--op39-radius)!important;
  background:
    linear-gradient(120deg,rgba(255,255,255,.045),transparent 26%,rgba(40,231,255,.028)),
    linear-gradient(145deg,rgba(10,34,54,.66),rgba(1,8,17,.92))!important;
  box-shadow:0 0 34px rgba(0,170,255,.09), inset 0 1px 0 rgba(255,255,255,.04)!important;
  color:var(--op39-text)!important;
}
body.zs39-operational table{
  width:100%;
  border-collapse:separate!important;
  border-spacing:0!important;
  color:var(--op39-text)!important;
}
body.zs39-operational .table-responsive,
body.zs39-operational .table-wrap,
body.zs39-operational .table-container,
body.zs39-operational .zs39-table-wrap{
  overflow:auto!important;
  border-radius:var(--op39-radius)!important;
  -webkit-overflow-scrolling:touch;
}
body.zs39-operational table th{
  background:#061525!important;
  color:#9fb4c8!important;
  font-size:12px!important;
  font-weight:1000!important;
  border-bottom:1px solid rgba(40,231,255,.12)!important;
  padding:13px!important;
  white-space:nowrap!important;
}
body.zs39-operational table td{
  color:#e8fbff!important;
  font-size:13px!important;
  border-bottom:1px solid rgba(40,231,255,.08)!important;
  padding:13px!important;
  vertical-align:middle!important;
}
body.zs39-operational table tr:hover td{background:rgba(40,231,255,.035)!important}
body.zs39-operational input,
body.zs39-operational select,
body.zs39-operational textarea{
  border:1px solid rgba(40,231,255,.20)!important;
  border-radius:15px!important;
  background:#020b15!important;
  color:#f4fbff!important;
  outline:none!important;
}
body.zs39-operational input:not([type="checkbox"]):not([type="radio"]),
body.zs39-operational select{min-height:42px!important;padding:0 12px!important}
body.zs39-operational textarea{padding:12px!important;line-height:1.75!important}
body.zs39-operational input:focus,
body.zs39-operational select:focus,
body.zs39-operational textarea:focus{
  border-color:rgba(40,231,255,.62)!important;
  box-shadow:0 0 0 4px rgba(40,231,255,.10)!important;
}
body.zs39-operational label{color:#d7e9f8!important;font-weight:900!important}
body.zs39-operational button,
body.zs39-operational .btn,
body.zs39-operational input[type="submit"],
body.zs39-operational input[type="button"],
body.zs39-operational a.btn{
  min-height:39px;
  border:1px solid rgba(40,231,255,.22)!important;
  border-radius:14px!important;
  background:rgba(1,10,19,.66)!important;
  color:#e8fbff!important;
  text-decoration:none!important;
  font-weight:900!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
body.zs39-operational button:hover,
body.zs39-operational .btn:hover,
body.zs39-operational a.btn:hover{
  border-color:rgba(40,231,255,.55)!important;
  background:linear-gradient(135deg,rgba(20,125,255,.30),rgba(1,10,19,.78))!important;
  box-shadow:0 0 18px rgba(0,170,255,.12)!important;
}
body.zs39-operational .btn-primary,
body.zs39-operational button[type="submit"],
body.zs39-operational input[type="submit"]{
  border-color:rgba(40,231,255,.45)!important;
  background:linear-gradient(135deg,rgba(20,125,255,.35),rgba(1,10,19,.86))!important;
}
body.zs39-operational .btn-danger,
body.zs39-operational .danger,
body.zs39-operational button.danger{
  border-color:rgba(255,120,152,.35)!important;
  color:#ffc6d2!important;
  background:rgba(255,120,152,.09)!important;
}
body.zs39-operational a:not(.zs31-link):not(.zs31-footer a){color:#c8f8ff}
body.zs39-operational .badge,
body.zs39-operational .tag,
body.zs39-operational .pill,
body.zs39-operational .status,
body.zs39-operational .label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:27px;
  border-radius:999px!important;
  border:1px solid rgba(40,231,255,.18)!important;
  background:rgba(1,10,19,.66)!important;
  color:#dffcff!important;
  padding:4px 10px!important;
  font-size:11px!important;
  font-weight:1000!important;
}
body.zs39-operational pre,
body.zs39-operational code{
  direction:ltr;
  text-align:left;
  border:1px solid rgba(40,231,255,.11)!important;
  border-radius:18px!important;
  background:#020b15!important;
  color:#dffcff!important;
}
body.zs39-operational .actions,
body.zs39-operational .toolbar,
body.zs39-operational .filters,
body.zs39-operational .form-actions,
body.zs39-operational .button-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
@media(max-width:760px){
  body.zs39-operational .card,
  body.zs39-operational .panel,
  body.zs39-operational .box,
  body.zs39-operational .glass-card,
  body.zs39-operational .widget{border-radius:21px!important}
  body.zs39-operational table{min-width:820px}
  body.zs39-operational .actions,
  body.zs39-operational .toolbar,
  body.zs39-operational .filters,
  body.zs39-operational .form-actions,
  body.zs39-operational .button-row{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.zs39-operational button,
  body.zs39-operational .btn,
  body.zs39-operational a.btn,
  body.zs39-operational input[type="submit"]{
    width:100%;
    justify-content:center;
  }
}
