/* MedLab — klinik laboratoriya stansiyasi (printga tegmaydi) */
:root {
  --display: "Outfit", "Plus Jakarta Sans", sans-serif;
  --lab-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --lab-metal: #e8eef5;
  --lab-steel: #94a3b8;
}

.header-title,
.card-title,
.btn,
.btn-history,
.auth-card h1,
.result-title,
.hist-head h2,
.lab-select,
.micro-total-value,
.report-banner,
.slide-chip,
.hud-v,
.obj-turret {
  font-family: var(--display);
}

.hud-v,
.slide-chip-frost,
.micro-total-value,
#hudMag,
#slideMag,
#reportMag,
.result-id {
  font-family: var(--lab-mono) !important;
}

/* ── Lab bench: plitka, petri, yoqma, naycha ── */
body {
  background: #dfe6ee;
}
body::before {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.55), rgba(226, 232, 240, 0.4)),
    repeating-linear-gradient(0deg, transparent 0 31px, rgba(100, 116, 139, 0.07) 31px 32px),
    repeating-linear-gradient(90deg, transparent 0 31px, rgba(100, 116, 139, 0.07) 31px 32px),
    #e4eaf1 !important;
}
body::after {
  opacity: 0.35 !important;
  background-image:
    radial-gradient(circle at 18% 22%, rgba(185, 28, 28, 0.07) 0 10px, transparent 11px),
    radial-gradient(circle at 82% 70%, rgba(14, 116, 144, 0.08) 0 14px, transparent 15px) !important;
  background-size: 180px 180px, 220px 220px !important;
  animation: none !important;
  mask-image: none;
}

.lab-ambient { display: none !important; }

.lab-bench {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.bench-petri {
  position: absolute;
  border-radius: 50%;
  border: 3px solid rgba(14, 116, 144, 0.16);
  box-shadow:
    inset 0 0 0 10px rgba(14, 165, 233, 0.06),
    inset 0 0 24px rgba(125, 211, 252, 0.18);
}
.bench-petri::after {
  content: "";
  position: absolute;
  inset: 28%;
  border-radius: 50%;
  border: 1.5px dashed rgba(14, 116, 144, 0.2);
}
.bp1 { width: 140px; height: 140px; left: -28px; top: 18%; }
.bp2 { width: 96px; height: 96px; right: -16px; bottom: 16%; border-color: rgba(190, 18, 60, 0.14); }

.bench-slide {
  position: absolute;
  width: 120px;
  height: 36px;
  border-radius: 3px;
  background: linear-gradient(90deg, #d6dee8 0 28%, rgba(224, 242, 254, 0.55) 28% 100%);
  border: 1px solid rgba(100, 116, 139, 0.28);
  opacity: 0.45;
  transform: rotate(-12deg);
}
.bs1 { left: 6%; bottom: 9%; }
.bs2 { right: 8%; top: 14%; transform: rotate(18deg); opacity: 0.32; }

.bench-tube {
  position: absolute;
  width: 14px;
  height: 46px;
  border-radius: 0 0 8px 8px;
  border: 1.5px solid rgba(100, 116, 139, 0.35);
  background: linear-gradient(180deg, rgba(255,255,255,0.5) 0 18%, rgba(185, 28, 28, 0.35) 40% 100%);
  opacity: 0.4;
}
.bench-tube::before {
  content: "";
  position: absolute;
  top: -6px; left: -2px; right: -2px;
  height: 8px;
  border-radius: 2px;
  background: #7e22ce;
}
.bt1 { right: 22%; top: 12%; }
.bt2 { right: 24.2%; top: 12%; background: linear-gradient(180deg, rgba(255,255,255,0.5) 0 18%, rgba(202, 138, 4, 0.4) 40% 100%); }
.bt2::before { background: #ca8a04; }
.bt3 { right: 26.4%; top: 12%; background: linear-gradient(180deg, rgba(255,255,255,0.5) 0 18%, rgba(29, 78, 216, 0.35) 40% 100%); }
.bt3::before { background: #1d4ed8; }

/* ── Header: LIS / analyzer ── */
.header {
  min-height: 58px !important;
  padding: 8px 14px !important;
  background:
    linear-gradient(180deg, #ffffff, #f1f5f9) !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}
.header::after { display: none !important; }
.header-brand { max-width: 240px !important; flex: 0 0 auto; }
.header-logo-wrap {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, #0e7490, #155e75) !important;
  box-shadow: 0 8px 20px rgba(14, 116, 144, 0.28) !important;
  animation: none !important;
}
.header-logo-wrap svg { width: 22px !important; height: 22px !important; color: #ecfeff !important; animation: none !important; }
.header-kicker {
  font-size: 0.54rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #0e7490;
  margin-bottom: 1px;
}
.header-title {
  font-size: 1.12rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  background: none !important;
  -webkit-text-fill-color: unset;
  color: #0f172a !important;
  animation: none !important;
}
.header-sub { display: none; }

.header-status {
  flex: 0 1 auto !important;
  max-width: none;
}
.lab-hud {
  display: flex;
  align-items: stretch;
  gap: 0;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 520px;
  margin: 0 8px;
  background: #0f172a;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}
.hud-cell {
  flex: 1;
  min-width: 0;
  padding: 6px 12px 5px;
  border-right: 1px solid rgba(148, 163, 184, 0.22);
}
.hud-cell:last-child { border-right: 0; }
.hud-k {
  display: block;
  font-size: 0.52rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #67e8f9;
}
.hud-v {
  display: block;
  color: #f8fafc;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hud-mag .hud-v {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fde68a;
}

.tube-stripe {
  display: flex;
  height: 7px;
  flex-shrink: 0;
  z-index: 2;
}
.tube-stripe i { flex: 1; display: block; }
.t-purple { background: #7e22ce; }
.t-red { background: #b91c1c; }
.t-blue { background: #1d4ed8; }
.t-yellow { background: #ca8a04; }
.t-green { background: #15803d; }
.t-pink { background: #db2777; }

.header-id-search input {
  height: 38px !important;
  border-radius: 10px 0 0 10px !important;
  background: #fff !important;
  font-size: 0.75rem !important;
  font-family: var(--lab-mono);
}
.header-id-search button {
  height: 38px !important;
  border-radius: 0 10px 10px 0 !important;
  background: #0e7490 !important;
  border: none !important;
  font-family: var(--display);
}
.btn-history {
  height: 38px;
  border-radius: 10px !important;
  background: #ecfeff !important;
  border-color: #a5f3fc !important;
  color: #155e75 !important;
  padding: 0 12px !important;
}
.btn-auth-logout { height: 38px; border-radius: 10px !important; }

.status-pill {
  display: inline-flex;
  align-items: center;
  height: 38px;
  border-radius: 10px !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  font-family: var(--display);
  font-weight: 700;
  font-size: 0.7rem !important;
}
.status-pill--user { background: #f8fafc !important; }

/* ── Instrument modules ── */
.left-panel,
.right-panel {
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.97) 0%, rgba(241,245,249,0.94) 100%) !important;
  box-shadow:
    0 1px 0 #fff inset,
    0 16px 40px rgba(15, 23, 42, 0.08) !important;
  border: 1px solid rgba(100, 116, 139, 0.22) !important;
}

.card {
  border-radius: 12px !important;
  padding: 11px 12px !important;
  background: #fff !important;
  border: 1px solid rgba(148, 163, 184, 0.2) !important;
  box-shadow: 0 1px 0 #fff inset !important;
  transform: none !important;
}
.card:hover {
  transform: none !important;
  border-color: color-mix(in srgb, var(--lab-accent) 50%, #cbd5e1) !important;
  animation: none !important;
  filter: none !important;
}
.card::before { height: 3px !important; opacity: 1 !important; }

.card-title {
  font-size: 0.72rem !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569 !important;
}
.step-num {
  width: 20px !important;
  height: 20px !important;
  font-size: 0.65rem !important;
  border-radius: 5px !important;
}

.lab-select,
.micro-select,
.input-row select {
  height: 40px;
  border-radius: 10px !important;
  border: 1px solid #cbd5e1 !important;
  background: linear-gradient(180deg, #fff, #f1f5f9) !important;
  font-size: 0.8rem !important;
}
.src-tab {
  border-radius: 10px !important;
  min-height: 42px !important;
  font-size: 0.75rem !important;
  background: #fff !important;
}
.src-tab.active {
  background: #ecfeff !important;
  color: #134e4a !important;
  font-weight: 800 !important;
  border-color: #5eead4 !important;
}

.upload-zone {
  min-height: 92px !important;
  border-radius: 12px !important;
  border-style: dashed !important;
  border-width: 2px !important;
  background:
    repeating-linear-gradient(-45deg, rgba(14, 116, 144, 0.04) 0 8px, transparent 8px 16px),
    #f8fafc !important;
}
.upload-ico {
  width: 44px !important;
  height: 44px !important;
  font-size: 1.3rem !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.lab-chip {
  background: #fff !important;
  border-color: color-mix(in srgb, var(--lab-accent) 35%, #e2e8f0) !important;
  font-size: 0.65rem !important;
}

.micro-total-banner {
  border-radius: 10px !important;
  padding: 8px 10px !important;
  background: #0f172a !important;
  border: 0 !important;
  color: #e2e8f0;
}
.micro-total-label {
  color: #67e8f9 !important;
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 700;
}
.micro-total-value {
  font-size: 1.2rem !important;
  color: #fde68a !important;
  font-variant-numeric: tabular-nums;
}

.btn {
  min-height: 44px !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
}
.btn-ziyrakai {
  min-height: 48px !important;
  font-size: 0.88rem !important;
  background: linear-gradient(180deg, #0e7490, #155e75) !important;
  background-size: auto !important;
  animation: none !important;
  box-shadow: 0 10px 24px rgba(14, 116, 144, 0.32) !important;
  position: relative;
  overflow: hidden;
}
.btn-ziyrakai::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,0.28) 50%, transparent 65%);
  transform: translateX(-120%);
  animation: keyShine 3.6s ease-in-out infinite;
}
@keyframes keyShine {
  0%, 55% { transform: translateX(-120%); }
  75%, 100% { transform: translateX(120%); }
}

/* ── Mikroskop stoli + yoqma ── */
.center-panel { padding: 0 !important; gap: 8px !important; }

.stage-rail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-shrink: 0;
  min-width: 0;
}
.slide-chip {
  display: flex;
  align-items: stretch;
  min-width: 0;
  background: #fff;
  border: 1px solid #94a3b8;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
  flex: 1;
}
.slide-chip-frost {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  flex-shrink: 0;
  background: #d6dee8;
  color: #0f172a;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  border-right: 2px dashed #94a3b8;
}
.slide-chip-body {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 12px;
  min-width: 0;
  background: linear-gradient(90deg, #f0f9ff, #fff);
}
.slide-chip-body b {
  font-size: 0.78rem;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.slide-chip-body em {
  font-style: normal;
  font-size: 0.68rem;
  color: #0e7490;
  font-weight: 600;
  white-space: nowrap;
}
.slide-chip-body strong {
  margin-left: auto;
  font-size: 0.85rem;
  color: #b45309;
  font-family: var(--lab-mono);
}

.obj-turret {
  display: flex;
  gap: 3px;
  flex-shrink: 0;
  background: #1e293b;
  padding: 4px;
  border-radius: 999px;
}
.obj-turret span {
  width: 36px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 700;
  color: #94a3b8;
  font-family: var(--lab-mono);
}
.obj-turret span.on {
  background: #f59e0b;
  color: #0f172a;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.35);
}

.media-box {
  border-radius: 14px !important;
  background:
    radial-gradient(ellipse 70% 60% at 50% 45%, #fff 0%, #e8eef4 55%, #cfd8e3 100%) !important;
  border: 2px solid #94a3b8 !important;
  box-shadow:
    inset 0 0 0 6px rgba(255,255,255,0.7),
    inset 0 0 0 8px rgba(71, 85, 105, 0.25),
    0 20px 48px rgba(15, 23, 42, 0.14) !important;
  animation: none !important;
}
.media-box.is-live {
  border-color: #0f766e !important;
  box-shadow:
    inset 0 0 0 6px rgba(255,255,255,0.7),
    inset 0 0 0 8px rgba(15, 118, 110, 0.45),
    0 20px 48px rgba(15, 118, 110, 0.16) !important;
}

.opt-fiducial {
  position: absolute;
  width: 18px;
  height: 18px;
  z-index: 6;
  border: 2px solid rgba(14, 116, 144, 0.55);
  pointer-events: none;
}
.opt-fiducial.nw { top: 14px; left: 14px; border-right: 0; border-bottom: 0; }
.opt-fiducial.ne { top: 14px; right: 14px; border-left: 0; border-bottom: 0; }
.opt-fiducial.sw { bottom: 14px; left: 14px; border-right: 0; border-top: 0; }
.opt-fiducial.se { bottom: 14px; right: 14px; border-left: 0; border-top: 0; }

.opt-lamp {
  position: absolute;
  left: 20%;
  right: 20%;
  bottom: 8px;
  height: 22px;
  z-index: 3;
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(253, 224, 71, 0.4), transparent 72%);
  filter: blur(5px);
  animation: lampPulse 3s ease-in-out infinite;
}
@keyframes lampPulse {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 0.9; }
}

.opt-iris {
  position: absolute;
  inset: 12px;
  border-radius: 10px;
  z-index: 5;
  pointer-events: none;
  box-shadow: inset 0 0 70px rgba(15, 23, 42, 0.08);
}
.opt-scale {
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: 16px;
  height: 10px;
  z-index: 6;
  pointer-events: none;
  background: repeating-linear-gradient(90deg, rgba(15,23,42,0.35) 0 1.5px, transparent 1.5px 8px);
  mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  opacity: 0.4;
}
.opt-scale::after {
  content: "µm";
  position: absolute;
  right: -20px;
  top: -4px;
  font-size: 9px;
  font-weight: 800;
  color: #475569;
  font-family: var(--lab-mono);
}
.media-box.is-live .opt-scale { opacity: 0.16; }

.media-overlay {
  background:
    radial-gradient(circle at 50% 40%, rgba(255,255,255,0.15), rgba(226,232,240,0.88) 55%) !important;
}
.ov-scope { display: none !important; }
.idle-stage {
  position: relative;
  width: 280px;
  height: 108px;
}
.idle-slide-draw,
.idle-scope-draw {
  width: 280px;
  height: 86px;
  filter: drop-shadow(0 10px 18px rgba(15, 23, 42, 0.12));
}
.idle-stage .ov-icon {
  position: absolute;
  left: 62%;
  top: 46%;
  width: 32px !important;
  height: 32px !important;
  font-size: 1rem !important;
  margin: -16px 0 0 -16px;
  border-radius: 8px !important;
  background: #fff !important;
  border: 2px solid #fff !important;
  box-shadow: 0 6px 14px rgba(185, 28, 28, 0.2) !important;
}
.overlay-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 320px !important;
}
.overlay-content p {
  margin-top: 8px;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
}
.ov-lab-hint {
  margin-top: 2px !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0e7490 !important;
}

.micro-context-chip {
  top: 16px !important;
  right: 16px !important;
  font-family: var(--lab-mono);
  font-weight: 700 !important;
  background: rgba(15, 23, 42, 0.82) !important;
  color: #fde68a !important;
  border: 0 !important;
}

/* ── LIS hisobot varaqasi ── */
.report-sheet {
  background:
    linear-gradient(90deg, rgba(185, 28, 28, 0.08) 0 10px, transparent 10px),
    repeating-linear-gradient(180deg, #fff 0 27px, #e2e8f0 27px 28px) !important;
}
.report-banner {
  flex-shrink: 0;
  padding: 8px 12px 6px;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #fff;
  background: #0e7490;
}
.report-meta-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  flex-shrink: 0;
  border-bottom: 1px solid #cbd5e1;
  background: #f8fafc;
}
.report-meta-grid > div {
  padding: 8px 12px;
  border-right: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  min-width: 0;
}
.report-meta-grid > div:nth-child(2n) { border-right: 0; }
.report-meta-grid span {
  display: block;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #64748b;
}
.report-meta-grid b {
  display: block;
  font-size: 0.88rem;
  color: #0f172a;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.result-header {
  padding: 10px 12px !important;
  background: #fff !important;
}
.result-title { font-size: 1.02rem !important; font-weight: 800 !important; }
#resultLabIcon {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #f1f5f9;
  font-size: 0.95rem;
}
.result-body {
  background: transparent !important;
}
.re-lis {
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  color: #0e7490;
  margin-bottom: 4px;
}
.re-icon {
  width: 56px !important;
  height: 56px !important;
  font-size: 1.5rem !important;
  border-radius: 8px !important;
  animation: none !important;
}
.re-checks {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
  max-width: 260px;
}
.re-checks li {
  font-size: 0.64rem;
  font-weight: 700;
  color: #334155;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  padding: 3px 8px;
}

.btn-sm-pdf-clinic:not(:disabled) {
  background: #1e3a5f !important;
  color: #fff !important;
  border: none !important;
}
.btn-sm-pdf-patient:not(:disabled) {
  background: #0f766e !important;
  color: #fff !important;
  border: none !important;
}

.app-footer {
  background: #f8fafc !important;
  font-size: 0.66rem !important;
  border-top: 1px solid #e2e8f0;
}
.app-footer::before { display: none !important; }

.hist-drawer {
  background: #fff !important;
  border-left: 1px solid #e2e8f0;
}

.auth-card {
  border-radius: 16px !important;
  padding: 36px 32px !important;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.12) !important;
}
.auth-card::before {
  background: #0e7490 !important;
  animation: none !important;
}
.auth-card h1 { font-weight: 800; letter-spacing: -0.03em; }

@media (min-width: 960px) {
  .header { flex-wrap: wrap !important; }
}
@media (min-width: 1320px) {
  .header { flex-wrap: nowrap !important; }
}
@media (max-width: 1180px) {
  .lab-hud { display: none; }
  .obj-turret span[data-obj="4"],
  .obj-turret span[data-obj="20"] { display: none; }
}
@media (max-width: 900px) {
  .bench-tube, .bs2 { display: none; }
}

/* ── LIS workbar / qabul / stol ── */
.workbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  flex-shrink: 0;
  padding: 5px 12px;
  background: #0f172a;
  color: #e2e8f0;
  z-index: 2;
}
.wb-clock {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
  min-width: 78px;
}
.wb-clock strong {
  font-family: var(--lab-mono);
  font-size: 0.82rem;
  color: #fde68a;
}
.wb-clock span { font-size: 0.58rem; color: #94a3b8; }
.wb-station {
  font-family: var(--lab-mono);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #67e8f9;
  padding-right: 10px;
  border-right: 1px solid #334155;
}
.wb-flow {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0;
  flex: 1 1 auto;
  min-width: 0;
}
.wb-flow li {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
  padding: 4px 10px;
  position: relative;
}
.wb-flow li + li::before {
  content: "›";
  position: absolute;
  left: -2px;
  color: #475569;
}
.wb-flow li.on { color: #f8fafc; background: #155e75; border-radius: 4px; }
.wb-flow li.done { color: #5eead4; }
.wb-inst {
  font-family: var(--lab-mono);
  font-size: 0.68rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 4px;
  background: #334155;
  color: #cbd5e1;
}
.wb-inst.live { background: #065f46; color: #a7f3d0; }
.wb-inst.busy { background: #9a3412; color: #fed7aa; }
.wb-bsl {
  font-family: var(--lab-mono);
  font-size: 0.62rem;
  font-weight: 700;
  color: #67e8f9;
}
.wb-haz {
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #fff;
  background: #b91c1c;
  padding: 3px 7px;
  border-radius: 3px;
}
.wb-haz.hidden { display: none !important; }

.proto-row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
}
.proto-row span {
  font-size: 0.6rem;
  font-weight: 700;
  color: #0f766e;
  background: #ecfeff;
  border: 1px solid #99f6e4;
  border-radius: 4px;
  padding: 2px 6px;
}

.stage-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  flex-shrink: 0;
  padding: 5px 8px;
  background: #1e293b;
  color: #e2e8f0;
  border-radius: 8px;
  font-size: 0.68rem;
  font-weight: 700;
}
.st-illum { color: #7dd3fc; }
.st-oil {
  color: #0f172a;
  background: #fbbf24;
  padding: 2px 7px;
  border-radius: 4px;
}
.st-oil.hidden { display: none !important; }
.st-live { color: #94a3b8; font-family: var(--lab-mono); }
.st-live.on { color: #34d399; }
.st-field b { font-family: var(--lab-mono); color: #fde68a; }
.st-btn {
  margin-left: auto;
  border: 0;
  background: #0e7490;
  color: #fff;
  font-weight: 800;
  font-size: 0.65rem;
  border-radius: 5px;
  padding: 5px 10px;
  cursor: pointer;
  font-family: var(--display);
}
.st-btn:hover { background: #155e75; }

.acc-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 8px;
  padding: 8px 10px;
  background: #fff;
  border-bottom: 1px solid #e2e8f0;
  flex-shrink: 0;
}
.acc-form label {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
  min-width: 0;
}
.acc-form .acc-span { grid-column: 1 / -1; }
.acc-form input,
.acc-form select {
  height: 28px;
  border: 1px solid #cbd5e1;
  border-radius: 5px;
  padding: 0 7px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #0f172a;
  font-family: var(--ios-font);
  background: #f8fafc;
  width: 100%;
}
.acc-form input:focus,
.acc-form select:focus {
  outline: 2px solid #0e7490;
  outline-offset: 0;
  background: #fff;
}
.acc-form label.req > span::after {
  content: " *";
  color: #b91c1c;
  letter-spacing: 0;
}
.acc-form input.missing,
.acc-form select.missing {
  border-color: #b91c1c;
  background: #fef2f2;
}
.prio-row {
  display: flex;
  align-items: center;
  gap: 6px;
}
.prio {
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #475569;
  font-size: 0.65rem;
  font-weight: 800;
  border-radius: 5px;
  padding: 5px 10px;
  cursor: pointer;
  font-family: var(--display);
}
.prio.on { background: #0e7490; color: #fff; border-color: #0e7490; }
.prio-stat.on { background: #b91c1c; border-color: #b91c1c; }
.case-pill {
  margin-left: auto;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #92400e;
  background: #fef3c7;
  padding: 4px 8px;
  border-radius: 4px;
}
.case-pill.ready { color: #065f46; background: #d1fae5; }
.case-pill.ok { color: #1e3a8a; background: #dbeafe; }
.case-pill.busy { color: #9a3412; background: #ffedd5; }

.btn-sm-ok {
  background: #ecfdf5 !important;
  color: #047857 !important;
  border: 1px solid #6ee7b7 !important;
}
.btn-sm-ok:disabled { opacity: 0.4; }
.btn-sm-ok.is-ok {
  background: #047857 !important;
  color: #fff !important;
}
.result-actions { flex-wrap: wrap !important; }

@media (max-width: 1100px) {
  .wb-flow { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .opt-lamp, .btn-ziyrakai::after { animation: none !important; }
}

/* ═══ Rasmiy klinik palitra: oq / yashil ═══ */
:root {
  --ink: #166534;
  --ink-2: #14532d;
  --leaf: #16a34a;
  --mint: #4ade80;
  --paper: #f1f7f2;
  --line: #cfe3d4;
  --muted: #4d6a57;
  --green-flow: linear-gradient(90deg, #14532d, #15803d, #22c55e, #0f766e, #166534, #14532d);
}
body {
  background: #e8f3ea !important;
}
body::before {
  background: #f1f7f2 !important;
}
body::after { display: none !important; }
.lab-bench { display: none !important; }

.official-bar {
  height: 3px;
  flex-shrink: 0;
  background: var(--ink);
  z-index: 2;
}

.header {
  background: #fff !important;
  border-bottom: 1px solid var(--line) !important;
}
.header-logo-wrap {
  background: var(--ink) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.header-logo-wrap svg { color: #fff !important; }
.header-kicker { color: var(--ink) !important; }
.header-title { color: var(--ink) !important; font-weight: 700 !important; }

.lab-hud {
  background: #f4f6f8 !important;
  border: 1px solid var(--line);
  border-radius: 6px !important;
  box-shadow: none !important;
}
.hud-cell { border-right-color: var(--line) !important; }
.hud-k { color: var(--muted) !important; }
.hud-v { color: var(--ink) !important; }
.hud-mag .hud-v { color: var(--ink) !important; }

.header-id-search button { background: var(--ink) !important; }
.btn-history {
  background: #fff !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
}

.workbar {
  background: var(--ink) !important;
  color: #e8eef4;
}
.wb-clock strong { color: #fff !important; }
.wb-clock span { color: #b8c4d0; }
.wb-station { color: #d5dde6; border-right-color: #3d5270; }
.wb-flow li { color: #8fa0b3; }
.wb-flow li + li::before { color: #6b7c90; }
.wb-flow li.on { background: #fff; color: var(--ink); }
.wb-flow li.done { color: #c5d0dc; }
.wb-inst { background: #2c4666; color: #e8eef4; }
.wb-inst.live { background: #1f4d3a; color: #d7ece3; }
.wb-inst.busy { background: #5c3a1a; color: #f0e4d4; }
.wb-bsl { color: #c5d0dc; }
.wb-haz { background: #7f1d1d; }

.proto-row span {
  color: var(--ink) !important;
  background: #f4f6f8 !important;
  border-color: var(--line) !important;
}

.src-tab.active {
  background: #f4f6f8 !important;
  color: var(--ink) !important;
  border-color: var(--ink) !important;
}
.upload-zone {
  background: #f8f9fb !important;
  border-color: var(--line) !important;
}
.card::before {
  background: var(--ink) !important;
  animation: none !important;
  height: 2px !important;
  opacity: 1 !important;
}
.card:hover {
  border-color: var(--line) !important;
  box-shadow: 0 1px 0 #fff inset !important;
}

.micro-total-banner {
  background: #f4f6f8 !important;
  border: 1px solid var(--line) !important;
  color: var(--ink);
}
.micro-total-label { color: var(--muted) !important; }
.micro-total-value { color: var(--ink) !important; }

.btn-ziyrakai {
  background: var(--ink) !important;
  box-shadow: none !important;
  animation: none !important;
}
.btn-ziyrakai::after { display: none !important; }
.btn-green {
  background: #2f6b4f !important;
  animation: none !important;
  box-shadow: none !important;
}
.btn-red {
  background: #8b2e2e !important;
  animation: none !important;
  box-shadow: none !important;
}
.btn-blue {
  background: var(--ink) !important;
  animation: none !important;
}

.slide-chip-body { background: #fff !important; }
.slide-chip-body em { color: var(--muted) !important; }
.slide-chip-body strong { color: var(--ink) !important; }
.obj-turret {
  background: #f4f6f8 !important;
  border: 1px solid var(--line);
  border-radius: 6px !important;
}
.obj-turret span { color: var(--muted) !important; }
.obj-turret span.on {
  background: var(--ink) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.media-box {
  border-color: #b8c2cc !important;
  box-shadow:
    inset 0 0 0 6px #fff,
    0 8px 24px rgba(27, 58, 92, 0.08) !important;
}
.media-box.is-live {
  border-color: var(--ink) !important;
  box-shadow:
    inset 0 0 0 6px #fff,
    0 8px 24px rgba(27, 58, 92, 0.1) !important;
}
.opt-fiducial { border-color: #8a9aab !important; }
.opt-lamp { display: none !important; }
.media-scan { display: none !important; }
.ov-lab-hint { color: var(--muted) !important; }
.micro-context-chip {
  background: rgba(27, 58, 92, 0.88) !important;
  color: #fff !important;
}

.stage-toolbar {
  background: #f4f6f8 !important;
  color: var(--ink) !important;
  border: 1px solid var(--line);
  border-radius: 6px !important;
}
.st-illum { color: var(--ink) !important; }
.st-oil { background: #e8ecf0; color: var(--ink); }
.st-live { color: var(--muted) !important; }
.st-live.on { color: #2f6b4f !important; }
.st-field b { color: var(--ink) !important; }
.st-btn { background: var(--ink) !important; }

.report-sheet {
  background: #fff !important;
}
.report-banner { background: var(--ink) !important; }
.re-lis { color: var(--muted) !important; }
.btn-sm-pdf-clinic:not(:disabled) { background: var(--ink) !important; }
.btn-sm-pdf-patient:not(:disabled) { background: #3d5270 !important; }
.prio.on { background: var(--ink) !important; border-color: var(--ink) !important; }
.prio-stat.on { background: #8b2e2e !important; border-color: #8b2e2e !important; }
.case-pill { color: var(--ink); background: #eef1f4; }
.case-pill.ready { color: #2f6b4f; background: #e8f0eb; }
.case-pill.ok { color: var(--ink); background: #e8ecf0; }
.case-pill.busy { color: #8b2e2e; background: #f3e8e8; }
.btn-sm-ok { background: #fff !important; color: var(--ink) !important; border: 1px solid var(--line) !important; }
.btn-sm-ok.is-ok { background: #2f6b4f !important; color: #fff !important; }

.left-panel, .right-panel {
  border-radius: 8px !important;
  box-shadow: 0 1px 3px rgba(27, 58, 92, 0.08) !important;
}
.card, .lab-select, .micro-select, .src-tab, .btn {
  border-radius: 6px !important;
}
.app-footer { background: #fff !important; color: var(--muted) !important; }
.auth-card::before { background: var(--ink) !important; }

.lab-chip {
  border-color: var(--line) !important;
  color: var(--ink);
}
.step-num {
  background: var(--ink) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.lab-checks, .proto-row, .lab-brief, .upload-hint, .ov-lab-hint, .re-checks {
  display: none !important;
}
.src-tabs {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6px;
}
.src-tab {
  text-align: center !important;
  padding: 8px 4px !important;
  min-height: 38px !important;
}
.daftar-more {
  grid-column: 1 / -1;
}
.daftar-more > summary {
  cursor: pointer;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
  padding: 4px 0;
}
.daftar-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 8px;
  margin-top: 6px;
}
.daftar-grid label {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}
.sample-id-field input {
  font-family: 'IBM Plex Mono', ui-monospace, monospace !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  color: #1b3a5c !important;
  background: #f1f5f9 !important;
}
.lab-hud[hidden] { display: none !important; }
.left-panel .acc-form {
  padding: 8px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.analyze-card {
  position: sticky;
  bottom: 0;
  z-index: 12;
  margin-top: auto !important;
  flex: 0 0 auto !important;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 2px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
}
.analyze-card.hidden { display: flex !important; }
.analyze-card .btn-ziyrakai {
  width: 100%;
  min-height: 46px;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
}
.analyze-status {
  min-height: 0 !important;
}
.analyze-status:empty {
  display: none;
}

.media-box.has-upload .opt-scale,
.media-box.has-upload .opt-lamp {
  display: none !important;
}
.media-count {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 7;
  font-family: var(--lab-mono);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #fff;
  background: rgba(27, 58, 92, 0.82);
  padding: 3px 8px;
  border-radius: 4px;
}
.media-count.hidden { display: none !important; }
.media-thumbs {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  flex-shrink: 0;
  padding: 4px 2px 2px;
  min-height: 64px;
}
.media-thumbs.hidden { display: none !important; }
.media-thumb {
  position: relative;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  padding: 0;
  border: 2px solid #cbd5e1;
  border-radius: 6px;
  overflow: hidden;
  background: #0f172a;
  cursor: pointer;
}
.media-thumb img,
.media-thumb video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.media-thumb.on {
  border-color: #1b3a5c;
  box-shadow: 0 0 0 2px rgba(27, 58, 92, 0.25);
}
.media-thumb-n {
  position: absolute;
  left: 3px;
  bottom: 3px;
  font-size: 0.58rem;
  font-weight: 800;
  color: #fff;
  background: rgba(15, 23, 42, 0.75);
  padding: 0 4px;
  border-radius: 3px;
}

/* ── Login: klinik stansiya kirishi ── */
body.auth-page-body {
  background: #d7dee8 !important;
}
body.auth-page-body::before {
  background:
    linear-gradient(180deg, rgba(27, 58, 92, 0.06), transparent 28%),
    repeating-linear-gradient(0deg, transparent 0 27px, rgba(27, 58, 92, 0.05) 27px 28px),
    repeating-linear-gradient(90deg, transparent 0 27px, rgba(27, 58, 92, 0.05) 27px 28px),
    #dce3ec !important;
}
body.auth-page-body::after {
  opacity: 0.22 !important;
  background-image:
    radial-gradient(circle at 12% 80%, rgba(14, 116, 144, 0.18) 0 90px, transparent 91px),
    radial-gradient(circle at 88% 18%, rgba(27, 58, 92, 0.12) 0 70px, transparent 71px) !important;
}
.auth-page {
  flex-direction: column;
  gap: 22px;
  padding: 20px 16px 28px;
}
.auth-topbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: min(920px, 100%);
  padding: 8px 14px;
  background: #1b3a5c;
  color: #e8eef5;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: 6px;
}
.auth-topbar-mark {
  width: 8px;
  height: 8px;
  border-radius: 1px;
  background: #7dd3fc;
}
.auth-topbar-sep { opacity: 0.45; }
.auth-station {
  width: min(920px, 100%);
  display: grid;
  grid-template-columns: minmax(240px, 0.92fr) minmax(280px, 1.08fr);
  min-height: 420px;
  background: #fff;
  border: 1px solid #c5d0dc;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 18px 50px rgba(27, 58, 92, 0.14);
}
.auth-side {
  background:
    linear-gradient(165deg, #1b3a5c 0%, #24364d 55%, #152a42 100%);
  color: #e8eef5;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.auth-side-kicker {
  font-family: var(--lab-mono);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: #7dd3fc;
}
.auth-logo {
  display: flex;
  align-items: center;
  gap: 12px;
}
.auth-logo-mark {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,0.22);
  background: rgba(255,255,255,0.06);
  border-radius: 8px;
  color: #fff;
}
.auth-logo h1 {
  margin: 0;
  font-size: 1.7rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #fff;
}
.auth-logo p {
  margin: 2px 0 0;
  font-size: 0.78rem;
  color: #b8c5d4;
}
.auth-points {
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}
.auth-points li {
  position: relative;
  padding-left: 14px;
  font-size: 0.84rem;
  color: #d5deea;
}
.auth-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 6px;
  height: 6px;
  background: #7dd3fc;
}
.auth-station-id {
  margin-top: auto;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.12);
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  color: #94a3b8;
}
.auth-station-id strong {
  font-family: var(--lab-mono);
  font-size: 1rem;
  letter-spacing: 0.08em;
  color: #fff;
}
.auth-page .auth-card {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 32px 30px 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
  backdrop-filter: none;
}
.auth-page .auth-card::before { display: none !important; }
.auth-card-kicker {
  margin: 0 0 6px;
  font-family: var(--lab-mono);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #1b3a5c;
}
.auth-page .auth-card h2 {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 800;
  color: #1b3a5c;
}
.auth-page .auth-sub {
  margin: 6px 0 22px !important;
  color: #64748b !important;
}
.auth-page .auth-field label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}
.auth-page .auth-field input {
  height: 42px;
  border-radius: 6px !important;
  border: 1px solid #cbd5e1;
  background: #f8fafc;
  font-weight: 600;
}
.auth-page .auth-field input:focus {
  border-color: #1b3a5c;
  box-shadow: 0 0 0 3px rgba(27, 58, 92, 0.12);
  background: #fff;
}
.auth-page .auth-btn {
  height: 44px;
  border-radius: 6px !important;
  background: #1b3a5c !important;
  box-shadow: none !important;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.auth-page .auth-btn:hover {
  background: #152a42 !important;
  transform: none;
}
.auth-brand svg { animation: none !important; }
.auth-foot {
  font-size: 0.72rem;
  color: #64748b;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
@media (max-width: 760px) {
  .auth-station { grid-template-columns: 1fr; min-height: 0; }
  .auth-side { min-height: 0; padding: 22px 20px; }
  .auth-station-id { margin-top: 8px; }
}

/* ═══ Silliq / yengil / suyuq — qirralarni yumshatish ═══ */
:root {
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-2xl: 32px;
  --line: rgba(27, 58, 92, 0.09);
  --ios-ease: cubic-bezier(0.22, 1, 0.36, 1);
}
html { scroll-behavior: smooth; }
body {
  background: #e8eef5 !important;
}
body::before {
  background:
    radial-gradient(1100px 520px at 8% -8%, rgba(27, 58, 92, 0.07), transparent 58%),
    radial-gradient(900px 480px at 100% 110%, rgba(14, 116, 144, 0.06), transparent 52%),
    linear-gradient(180deg, #f4f7fb, #e8eef5) !important;
}
.official-bar {
  height: 0 !important;
  background: transparent !important;
}
.header {
  margin: 8px 10px 0;
  border-radius: 22px !important;
  border: 1px solid rgba(27, 58, 92, 0.08) !important;
  box-shadow: 0 12px 36px rgba(27, 58, 92, 0.06) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(18px) saturate(1.15);
}
.header-logo-wrap {
  border-radius: 16px !important;
  box-shadow: 0 8px 20px rgba(27, 58, 92, 0.18) !important;
}
.workbar {
  margin: 8px 10px 0;
  border-radius: 18px !important;
  background: linear-gradient(105deg, #1b3a5c 0%, #2a4f73 100%) !important;
  box-shadow: 0 10px 28px rgba(27, 58, 92, 0.16);
}
.wb-flow li.on {
  border-radius: 999px !important;
  padding: 3px 10px;
}
.wb-inst {
  border-radius: 999px !important;
}
.main-layout {
  padding: 10px !important;
  gap: 12px !important;
}
.left-panel,
.right-panel,
.center-panel .media-box {
  border-radius: 24px !important;
  border: 1px solid rgba(27, 58, 92, 0.08) !important;
  box-shadow: 0 14px 40px rgba(27, 58, 92, 0.07) !important;
}
.card {
  border-radius: 18px !important;
  border: 1px solid rgba(27, 58, 92, 0.07) !important;
  box-shadow: 0 6px 18px rgba(27, 58, 92, 0.04) !important;
  transition: box-shadow 0.25s var(--ios-ease), border-color 0.25s, transform 0.25s var(--ios-ease);
}
.card:hover {
  border-color: rgba(27, 58, 92, 0.14) !important;
  box-shadow: 0 10px 26px rgba(27, 58, 92, 0.08) !important;
  transform: translateY(-1px);
}
.card::before { display: none !important; }
.lab-select,
.micro-select,
.src-tab,
.btn,
.btn-icon,
.btn-history,
.btn-auth-logout,
.header-id-search input,
.header-id-search button,
.acc-form input,
.acc-form select,
.upload-zone,
.file-preview,
.micro-total-banner,
.prio,
.case-pill,
.media-thumb,
.st-live {
  border-radius: 14px !important;
  transition: border-color 0.22s var(--ios-ease), box-shadow 0.22s, background 0.22s, transform 0.18s var(--ios-ease);
}
.src-tab,
.btn-ziyrakai,
.auth-page .auth-btn,
.header-id-search button,
.prio,
.case-pill,
.result-id,
.btn-small {
  border-radius: 999px !important;
}
.src-tab:hover,
.btn:hover:not(:disabled) {
  transform: translateY(-1px);
}
.btn-ziyrakai {
  box-shadow: 0 10px 24px rgba(27, 58, 92, 0.22) !important;
}
.btn-ziyrakai:hover:not(:disabled) {
  box-shadow: 0 14px 28px rgba(27, 58, 92, 0.28) !important;
}
.step-num {
  border-radius: 10px !important;
}
.analyze-card {
  border-radius: 0 !important;
  box-shadow: none !important;
}
.media-box {
  border-radius: 24px !important;
  overflow: hidden;
}
#liveVideo {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #0b1220;
  z-index: 1;
}
.media-box:not(.is-live):not(.has-upload) {
  background: #f8fafc !important;
  border-color: #d4dbe3 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8) !important;
}
.media-overlay {
  background: transparent !important;
  flex-direction: column;
  gap: 0;
  padding: 16px;
}
.scope-idle { display: none !important; }
.overlay-content {
  max-width: 320px !important;
  padding: 0;
  border: 0;
  background: transparent !important;
  box-shadow: none !important;
}
.overlay-content::before { display: none !important; }
.ov-kicker {
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #0e7490;
  margin-bottom: 4px;
}
.overlay-content p {
  margin: 0 !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: #1b3a5c !important;
}
.ov-idle-hint {
  display: block;
  margin-top: 4px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #64748b;
  line-height: 1.4;
}
.media-center {
  border-radius: 16px !important;
}
.media-thumbs { gap: 8px; }
.media-count { border-radius: 999px !important; }
.stage-toolbar {
  border-radius: 16px !important;
}
.slide-chip,
.slide-chip-frost,
.obj-turret {
  border-radius: 16px !important;
}
.obj-turret span {
  border-radius: 999px !important;
}
.report-banner {
  border-radius: 24px 24px 0 0 !important;
}
.report-meta-grid {
  border: 0;
}
.r-table-wrap {
  border-radius: 16px !important;
  overflow: hidden;
}
.result-header {
  border-radius: 0;
}
.app-footer {
  margin: 0 10px 8px;
  border-radius: 18px !important;
  border: 1px solid rgba(27, 58, 92, 0.08);
  box-shadow: 0 8px 22px rgba(27, 58, 92, 0.05);
}
.auth-topbar {
  border-radius: 999px !important;
}
.auth-station {
  border-radius: 28px !important;
  box-shadow: 0 22px 60px rgba(27, 58, 92, 0.12) !important;
  border: 1px solid rgba(27, 58, 92, 0.08) !important;
}
.auth-page .auth-field input {
  border-radius: 14px !important;
}
.auth-logo-mark {
  border-radius: 16px !important;
}
@media (prefers-reduced-motion: reduce) {
  .card, .btn, .src-tab, .lab-select { transition: none !important; transform: none !important; }
}

/* ═══ Harakat qatlami — klinik, yumshoq ═══ */
@keyframes labFadeUp {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: none; }
}
@keyframes labPop {
  from { opacity: 0; transform: scale(0.92); }
  to { opacity: 1; transform: none; }
}
@keyframes labLogoBreath {
  0%, 100% { box-shadow: 0 8px 20px rgba(27, 58, 92, 0.18); transform: translateY(0); }
  50% { box-shadow: 0 12px 28px rgba(14, 116, 144, 0.32); transform: translateY(-1px); }
}
@keyframes labShimmerSweep {
  0% { transform: translateX(-120%); }
  100% { transform: translateX(220%); }
}
@keyframes labScanLine {
  0% { top: 8%; opacity: 0; }
  12% { opacity: 0.7; }
  88% { opacity: 0.45; }
  100% { top: 88%; opacity: 0; }
}
@keyframes labIdFlash {
  0% { background: #dbeafe; box-shadow: 0 0 0 3px rgba(27, 58, 92, 0.12); }
  100% { background: #f1f5f9; box-shadow: none; }
}
@keyframes labRowIn {
  from { opacity: 0; transform: translateX(-8px); }
  to { opacity: 1; transform: none; }
}
@keyframes labLivePulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(47, 107, 79, 0.35); }
  50% { box-shadow: 0 0 0 6px rgba(47, 107, 79, 0); }
}
@keyframes labBar {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(250%); }
}
@keyframes labGridSoft {
  0% { background-position: 0 0, 0 0, 0 0, 0 0; }
  100% { background-position: 0 32px, 32px 0, 0 0, 0 0; }
}

.header { animation: labFadeUp 0.55s var(--ios-ease) both; }
.workbar { animation: labFadeUp 0.6s 0.05s var(--ios-ease) both; }
.left-panel { animation: labFadeUp 0.7s 0.1s var(--ios-ease) both; }
.center-panel { animation: labFadeUp 0.7s 0.16s var(--ios-ease) both; }
.right-panel { animation: labFadeUp 0.7s 0.22s var(--ios-ease) both; }
.app-footer { animation: labFadeUp 0.55s 0.28s var(--ios-ease) both; }

.header-logo-wrap {
  animation: labLogoBreath 3.8s ease-in-out infinite !important;
}
.header-logo-wrap svg {
  animation: none !important;
}

body::before {
  animation: labGridSoft 28s linear infinite !important;
}

.wb-flow li {
  transition: background 0.35s var(--ios-ease), color 0.35s, transform 0.3s var(--ios-ease), box-shadow 0.3s;
}
.wb-flow li.on {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
}

.acc-form input,
.acc-form select {
  transition: border-color 0.22s var(--ios-ease), box-shadow 0.22s var(--ios-ease), background 0.22s !important;
}
.acc-form input:focus,
.acc-form select:focus {
  border-color: #1b3a5c !important;
  box-shadow: 0 0 0 4px rgba(27, 58, 92, 0.12) !important;
}

.sample-id-field input.is-fresh {
  animation: labIdFlash 0.7s var(--ios-ease);
}

.btn-ziyrakai {
  position: relative;
  overflow: hidden;
}
.btn-ziyrakai:not(:disabled)::after {
  content: "";
  display: block !important;
  position: absolute;
  inset: 0 auto 0 -40%;
  width: 40%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
  animation: labShimmerSweep 2.6s ease-in-out infinite;
  pointer-events: none;
}
.btn-ziyrakai:active:not(:disabled) {
  transform: translateY(1px) scale(0.98);
}
.btn:active:not(:disabled),
.btn-small:active:not(:disabled),
.src-tab:active {
  transform: scale(0.97);
}

.prio {
  transition: transform 0.2s var(--ios-ease), background 0.2s, box-shadow 0.2s !important;
}
.prio.on {
  box-shadow: 0 4px 12px rgba(27, 58, 92, 0.16);
}

.upload-zone {
  transition: border-color 0.25s, background 0.25s, transform 0.25s var(--ios-ease) !important;
}
.upload-zone:hover {
  transform: translateY(-1px);
  border-color: rgba(27, 58, 92, 0.28) !important;
}

.media-thumb {
  transition: transform 0.22s var(--ios-ease), box-shadow 0.22s, border-color 0.22s !important;
}
.media-thumb:hover {
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 8px 18px rgba(27, 58, 92, 0.14);
}
.media-thumb.is-on {
  box-shadow: 0 0 0 2px #1b3a5c, 0 8px 16px rgba(27, 58, 92, 0.16);
}

.analyzing-overlay {
  background: rgba(248, 250, 252, 0.72) !important;
  color: #1b3a5c !important;
  text-shadow: none !important;
  animation: labFadeUp 0.28s var(--ios-ease) both;
  overflow: hidden;
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
}
.analyzing-overlay::after { display: none !important; }
.analyzing-overlay.hidden { display: none; }
.az-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 240px;
  max-width: 320px;
  padding: 22px 26px 20px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(27, 58, 92, 0.1);
  box-shadow: 0 18px 44px rgba(27, 58, 92, 0.12);
}
.az-scope {
  position: relative;
  width: 92px;
  height: 92px;
  margin-bottom: 4px;
}
.az-halo {
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(14, 116, 144, 0.18), transparent 70%);
  animation: azGlow 2.4s ease-in-out infinite;
}
.az-ring {
  position: absolute;
  inset: 10px;
  border-radius: 50%;
  border: 2px solid rgba(14, 116, 144, 0.18);
  border-top-color: #0e7490;
  animation: azSpin 1.4s linear infinite;
}
.az-scan {
  position: absolute;
  left: 18%;
  right: 18%;
  height: 28%;
  top: 18%;
  border-radius: 50%;
  background: linear-gradient(180deg, transparent, rgba(14, 116, 144, 0.22), transparent);
  animation: azScan 2.2s ease-in-out infinite;
  pointer-events: none;
}
.az-core {
  position: absolute;
  inset: 30px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #fff, #e0f2fe 55%, #0e7490);
  box-shadow: 0 0 0 4px rgba(14, 116, 144, 0.12), 0 8px 18px rgba(14, 116, 144, 0.22);
  animation: azPulse 1.8s ease-in-out infinite;
}
.az-kicker {
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #0e7490;
}
.az-title {
  margin: 0;
  font-size: 1.02rem;
  font-weight: 800;
  color: #1b3a5c;
  letter-spacing: -0.02em;
}
.az-hint {
  font-size: 0.72rem;
  font-weight: 600;
  color: #64748b;
  text-align: center;
  line-height: 1.35;
}
.az-bar {
  width: 100%;
  height: 4px;
  margin-top: 6px;
  border-radius: 999px;
  overflow: hidden;
  background: #e2e8f0;
}
.az-bar i {
  display: block;
  width: 42%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1b3a5c, #0e7490, #7dd3fc);
  animation: azBar 1.2s ease-in-out infinite;
}
@keyframes azSpin { to { transform: rotate(360deg); } }
@keyframes azGlow {
  0%, 100% { opacity: 0.45; transform: scale(0.94); }
  50% { opacity: 1; transform: scale(1.06); }
}
@keyframes azPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}
@keyframes azScan {
  0% { top: 16%; opacity: 0; }
  20% { opacity: 1; }
  100% { top: 58%; opacity: 0; }
}
@keyframes azBar {
  0% { transform: translateX(-120%); }
  100% { transform: translateX(280%); }
}

.pill-connected {
  animation: labLivePulse 2.2s ease-out infinite;
}
.st-live.on {
  animation: labLivePulse 2.4s ease-out infinite;
}

.result-id:not(.hidden) {
  animation: labPop 0.4s var(--ios-ease) both;
}
.btn-small.is-ok {
  animation: labPop 0.35s var(--ios-ease) both;
}

#resultBody > .r-anim,
#resultBody > .r-table-wrap,
#resultBody > .result-empty,
#resultBody > .result-loading {
  animation: labFadeUp 0.5s var(--ios-ease) both;
}
#resultBody > *:nth-child(2) { animation-delay: 0.05s; }
#resultBody > *:nth-child(3) { animation-delay: 0.1s; }
#resultBody > *:nth-child(4) { animation-delay: 0.15s; }
#resultBody > *:nth-child(5) { animation-delay: 0.2s; }
#resultBody > *:nth-child(6) { animation-delay: 0.25s; }
#resultBody > *:nth-child(7) { animation-delay: 0.3s; }
#resultBody > *:nth-child(8) { animation-delay: 0.35s; }
#resultBody > *:nth-child(9) { animation-delay: 0.4s; }
#resultBody > *:nth-child(10) { animation-delay: 0.45s; }

.r-table tbody tr {
  animation: labRowIn 0.4s var(--ios-ease) both;
}
.r-table tbody tr:nth-child(1) { animation-delay: 0.06s; }
.r-table tbody tr:nth-child(2) { animation-delay: 0.1s; }
.r-table tbody tr:nth-child(3) { animation-delay: 0.14s; }
.r-table tbody tr:nth-child(4) { animation-delay: 0.18s; }
.r-table tbody tr:nth-child(5) { animation-delay: 0.22s; }
.r-table tbody tr:nth-child(6) { animation-delay: 0.26s; }
.r-table tbody tr:nth-child(7) { animation-delay: 0.3s; }
.r-table tbody tr:nth-child(8) { animation-delay: 0.34s; }
.r-table tbody tr:nth-child(9) { animation-delay: 0.38s; }
.r-table tbody tr:nth-child(10) { animation-delay: 0.42s; }

.result-loading {
  flex-direction: column;
  color: #1b3a5c !important;
}
.load-bar {
  width: min(220px, 70%);
  height: 4px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(27, 58, 92, 0.12);
}
.load-bar i {
  display: block;
  width: 40%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1b3a5c, #0e7490);
  animation: labBar 1.15s ease-in-out infinite;
}

.re-icon {
  animation: labLogoBreath 3.2s ease-in-out infinite;
}

.hist-drawer {
  animation: labFadeUp 0.35s var(--ios-ease) both;
}
.hist-card {
  transition: transform 0.2s var(--ios-ease), box-shadow 0.2s !important;
}
.hist-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(27, 58, 92, 0.1);
}
.hist-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.hist-card-main {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.hist-patient {
  font-size: 0.82rem;
  font-weight: 700;
  color: #1b3a5c;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hist-card-mid,
.hist-card-prev,
.hist-st {
  display: none !important;
}
.hist-del {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  visibility: visible !important;
  min-width: 92px;
  min-height: 34px;
  border: 0;
  background: #dc2626 !important;
  color: #fff !important;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  border-radius: 999px;
  padding: 6px 14px;
  cursor: pointer;
  font-family: inherit;
  z-index: 2;
}
.hist-del:hover {
  background: #b91c1c !important;
  color: #fff !important;
}

.auth-page .auth-topbar { animation: labFadeUp 0.5s var(--ios-ease) both; }
.auth-page .auth-station { animation: labFadeUp 0.7s 0.08s var(--ios-ease) both; }
.auth-page .auth-foot { animation: labFadeUp 0.5s 0.18s var(--ios-ease) both; }
.auth-logo-mark {
  animation: labLogoBreath 3.8s ease-in-out infinite;
}
.auth-page .auth-btn {
  position: relative;
  overflow: hidden;
}
.auth-page .auth-btn::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 -40%;
  width: 40%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
  animation: labShimmerSweep 2.8s ease-in-out infinite;
  pointer-events: none;
}
.auth-page .auth-field input:focus {
  border-color: #1b3a5c !important;
  box-shadow: 0 0 0 4px rgba(27, 58, 92, 0.12) !important;
}

@media (prefers-reduced-motion: reduce) {
  .header, .workbar, .left-panel, .center-panel, .right-panel, .app-footer,
  .header-logo-wrap, .btn-ziyrakai:not(:disabled)::after, .analyzing-overlay,
  .analyzing-overlay::after, .scope-ring, .scope-core, .re-icon, .r-anim,
  .r-table tbody tr, .result-id, .auth-page .auth-station, .auth-logo-mark,
  .auth-page .auth-btn::after, .load-bar i, body::before, .pill-connected, .st-live.on,
  .az-halo, .az-ring, .az-scan, .az-core, .az-bar i {
    animation: none !important;
  }
}

/* ═══ Chap panel — scrollsiz ixcham ═══ */
.header {
  margin: 4px 8px 0 !important;
  min-height: 46px !important;
  padding: 4px 10px !important;
}
.header-logo-wrap {
  width: 34px !important;
  height: 34px !important;
}
.header-logo-wrap svg { width: 18px !important; height: 18px !important; }
.header-title { font-size: 1rem !important; }
.workbar {
  margin: 4px 8px 0 !important;
  padding: 3px 10px !important;
}
.main-layout {
  padding: 6px 8px !important;
  gap: 8px !important;
}
.app-footer {
  margin: 0 8px 4px !important;
  padding: 2px 10px !important;
  justify-content: flex-start !important;
}
.app-footer-text {
  text-align: left !important;
  flex: 1 1 auto !important;
}
.app-footer-right {
  margin-left: auto;
}
.left-panel {
  padding: 6px !important;
  gap: 6px !important;
  overflow-y: auto;
  scrollbar-width: thin;
  height: 100%;
  min-height: 0;
}
.left-panel > .card {
  padding: 6px 8px !important;
  gap: 5px !important;
  border-radius: 14px !important;
}
.left-panel > .card.card-grow {
  flex: 1 1 auto !important;
  flex-shrink: 1 !important;
  min-height: 0 !important;
  overflow: hidden;
  display: flex !important;
  flex-direction: column;
}
.left-panel #paneUpload,
.left-panel #panePhone,
.left-panel #paneScope {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.left-panel #filePreview {
  flex: 1 1 auto;
  min-height: 0;
  display: flex !important;
  flex-direction: column;
  overflow: hidden;
}
.left-panel .card:hover {
  transform: none !important;
}
.left-panel .card-title {
  font-size: 0.62rem !important;
  margin: 0;
  line-height: 1.1;
}
.step-num { display: none !important; }
.left-panel .capture-card {
  gap: 6px !important;
}
.left-panel .capture-head {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 0 0 auto;
}
.left-panel .capture-card .lab-select {
  width: 100%;
  height: 34px !important;
  min-height: 34px !important;
  font-size: 0.8rem !important;
  font-weight: 700;
  padding: 0 10px !important;
  border-radius: 12px !important;
  border-color: rgba(27, 58, 92, 0.18) !important;
  background: #f8fafc !important;
}
.left-panel .acc-form {
  gap: 4px 6px !important;
  padding: 4px 0 0 !important;
}
.left-panel .acc-form input,
.left-panel .acc-form select {
  height: 24px !important;
  min-height: 24px !important;
  font-size: 0.7rem !important;
  padding: 0 6px !important;
  border-radius: 8px !important;
}
.left-panel .prio,
.left-panel .case-pill {
  padding: 3px 8px !important;
  font-size: 0.6rem !important;
}
.left-panel .lab-select {
  height: 34px !important;
  min-height: 34px !important;
  font-size: 0.8rem !important;
  padding: 0 10px !important;
}
.left-panel .src-tab {
  min-height: 28px !important;
  padding: 4px 4px !important;
  font-size: 0.68rem !important;
  border-radius: 8px !important;
}
.left-panel .upload-zone {
  flex: 1 1 auto;
  min-height: 72px !important;
  padding: 14px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-width: 2px !important;
  text-align: center;
}
.left-panel #paneUpload.has-files .upload-zone,
.left-panel .upload-zone.is-compact {
  flex: 0 0 auto !important;
  min-height: 38px !important;
  height: auto !important;
  padding: 6px 8px !important;
}
.left-panel .upload-ico { display: none !important; }
.left-panel .upload-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-width: 0;
}
.left-panel .upload-main {
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  color: #1b3a5c !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.left-panel .upload-hint-line {
  font-size: 0.68rem;
  font-weight: 600;
  color: #64748b;
  letter-spacing: 0.01em;
  text-align: center;
}
.left-panel .micro-grid-3 {
  display: grid !important;
  grid-template-columns: 1fr 1fr 0.9fr;
  gap: 6px;
  align-items: end;
}
.left-panel .micro-select {
  height: 28px !important;
  min-height: 28px !important;
  font-size: 0.7rem !important;
  padding: 0 6px !important;
}
.left-panel .micro-field label,
.left-panel .micro-total-label {
  margin-bottom: 2px;
  font-size: 0.5rem !important;
}
.left-panel .micro-total-mini {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4px 8px !important;
  border-radius: 10px !important;
  background: #1b3a5c !important;
  border: 0 !important;
  min-height: 42px;
  margin: 0 !important;
  animation: none !important;
}
.left-panel .micro-total-mini .micro-total-value {
  font-size: 0.92rem !important;
  color: #fde68a !important;
  line-height: 1.1;
}
.left-panel .micro-total-mini .micro-total-label {
  color: #7dd3fc !important;
}
.left-panel .analyze-card {
  padding: 2px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.left-panel .analyze-card .btn-ziyrakai,
.left-panel .btn {
  min-height: 34px !important;
  height: 34px !important;
  font-size: 0.8rem !important;
  padding: 0 10px !important;
}
.left-panel .btn-pair .btn {
  min-height: 30px !important;
  height: 30px !important;
}
.left-panel .input-row select {
  height: 30px !important;
}
.left-panel .file-preview {
  position: relative;
  z-index: 4;
  padding: 0 !important;
  border-radius: 12px !important;
  pointer-events: auto !important;
}
.left-panel .btn-x,
.left-panel .file-item-del {
  position: relative;
  z-index: 6;
  pointer-events: auto !important;
  min-width: 28px;
  min-height: 26px;
  cursor: pointer;
}
.left-panel .preview-header {
  flex: 0 0 auto;
  padding: 5px 8px !important;
  border-bottom: none !important;
}
.left-panel .file-list {
  flex: 1 1 auto;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 6px;
  align-content: start;
}
.left-panel .file-item {
  padding: 5px 6px !important;
  min-width: 0;
  gap: 4px !important;
}
.left-panel .file-item.is-on {
  border-color: #1b3a5c !important;
  background: #eef4fa !important;
}
.left-panel .file-item-name {
  font-size: 0.62rem;
}
.left-panel .file-item-size {
  display: none;
}

#toast {
  position: fixed !important;
  top: 18px !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -28px);
  z-index: 2147483647 !important;
  min-width: 280px;
  max-width: min(560px, 92vw);
  padding: 14px 22px !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  text-align: center;
  border-radius: 999px !important;
  border: 0 !important;
  animation: none !important;
  box-shadow: 0 14px 36px rgba(127, 29, 29, 0.38) !important;
}
#toast.toast-ios--red,
#toast.toast-ios--gray,
#toast.toast-ios--blue {
  background: #b91c1c !important;
  color: #fff !important;
}
#toast.toast-ios--green {
  background: #166534 !important;
  color: #fff !important;
  box-shadow: 0 14px 36px rgba(22, 101, 52, 0.32) !important;
}

/* ═══ Klinik yashil oqim ═══ */
@keyframes medGreenFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.official-bar {
  height: 4px !important;
  background: var(--green-flow) !important;
  background-size: 280% 100% !important;
  animation: medGreenFlow 7s ease infinite;
}
.header-logo-wrap,
.btn-ziyrakai,
.header-id-search button,
.hist-search button,
.report-banner,
.auth-page .auth-btn,
.st-btn,
.prio.on,
.obj-turret span.on,
.left-panel .micro-total-mini,
.auth-logo-mark {
  background-image: var(--green-flow) !important;
  background-size: 240% 100% !important;
  background-color: #166534 !important;
  animation: medGreenFlow 6.5s ease infinite;
  color: #fff !important;
}
.btn-ziyrakai:hover:not(:disabled) {
  filter: brightness(1.06);
}
.src-tab.active {
  border-color: #16a34a !important;
  color: #166534 !important;
  box-shadow: 0 0 0 1px rgba(22, 163, 74, 0.25);
}
.wb-flow li.on {
  background: var(--green-flow) !important;
  background-size: 220% 100% !important;
  animation: medGreenFlow 5s ease infinite;
  color: #fff !important;
}
.az-kicker,
.ov-kicker,
.header-kicker,
.header-title {
  color: #166534 !important;
}
.az-ring { border-top-color: #16a34a !important; }
.az-core {
  background: radial-gradient(circle at 35% 30%, #fff, #bbf7d0 55%, #166534) !important;
}
.az-bar i {
  background: var(--green-flow) !important;
  background-size: 200% 100% !important;
  animation: medGreenFlow 1.35s linear infinite;
}
.az-halo {
  background: radial-gradient(circle, rgba(22, 163, 74, 0.22), transparent 70%) !important;
}
.left-panel .upload-zone {
  border-color: rgba(22, 101, 52, 0.28) !important;
  background:
    repeating-linear-gradient(-45deg, rgba(22, 163, 74, 0.06) 0 8px, transparent 8px 16px),
    #f4fbf6 !important;
}
.hist-id,
.file-item.is-on {
  color: #166534;
  border-color: #166534 !important;
}
.status-pill {
  border-color: #bbf7d0 !important;
}
.pill-connected {
  background: #dcfce7 !important;
  color: #166534 !important;
}
.st-live.on { color: #166534 !important; }
@media (prefers-reduced-motion: reduce) {
  .official-bar, .header-logo-wrap, .btn-ziyrakai, .header-id-search button,
  .hist-search button, .report-banner, .auth-page .auth-btn, .st-btn, .prio.on,
  .obj-turret span.on, .left-panel .micro-total-mini, .auth-logo-mark,
  .wb-flow li.on, .az-bar i {
    animation: none !important;
    background: #166534 !important;
  }
}