/* YZ ve Otomasyon panel ekranlari (yz.js) + konsol / bilet yardimci pilot
   paneli. Olculer app.css belirteclerinden. */

.yaekran .yabos {
  padding: var(--b10) var(--b6);
  text-align: center;
}
.yaekran .yasoluk,
.yapilotnot {
  color: var(--ink3);
  font-size: var(--yz-13);
}
.yauyari {
  display: flex;
  align-items: center;
  gap: var(--b3);
  margin: 0 0 var(--b4);
}
.yauyari > span {
  flex: 1;
}
.yauyari .ri,
.yauyari svg {
  flex: none;
}
.yaform {
  display: flex;
  flex-direction: column;
  gap: var(--b3);
  min-width: 420px;
}
.yaanahsatir {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b6);
  margin: var(--b2) 0 var(--b4);
}
.yadurum {
  display: inline-block;
  margin-left: var(--b2);
  padding: 1px var(--b2);
  border-radius: var(--r-pul);
  background: var(--zemin3);
  color: var(--ink2);
  font-size: var(--yz-12);
}
.yadurum.ok {
  background: var(--ok-zemin);
  color: var(--ok);
}
td > .yadurum:first-child {
  margin-left: 0;
}
.yaozet {
  max-width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yahata {
  color: var(--bad);
}
.yauyarimetin {
  margin: var(--b1) 0 0;
  color: var(--warn);
}

/* --- yanit blogu duzenleyici ------------------------------------------ */
.yabloklar {
  display: flex;
  flex-direction: column;
  gap: var(--b3);
}
.yablok {
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--panel);
}
.yablokbas {
  display: flex;
  align-items: center;
  gap: var(--b2);
  padding: var(--b2) var(--b3);
  border-bottom: 1px solid var(--line);
  background: var(--zemin2);
}
.yablokbas select {
  min-width: 200px;
  height: 32px;
}
.yablokbas .sp {
  flex: 1;
}
.yasira {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--ana-yumusak);
  color: var(--ana);
  font-size: var(--yz-12);
  line-height: 22px;
  text-align: center;
}
.yablokic {
  display: flex;
  flex-direction: column;
  gap: var(--b3);
  padding: var(--b3);
}
.yablokekle {
  align-self: flex-start;
}
.yasatirlar {
  display: flex;
  flex-direction: column;
  gap: var(--b2);
}
.yasatirbas {
  color: var(--ink2);
  font-size: var(--yz-13);
}
.yasatir {
  display: flex;
  align-items: center;
  gap: var(--b2);
}
.yasatiric {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: var(--b2);
}
.yasatiric input,
.yasatiric select {
  flex: 1 1 140px;
  min-width: 0;
  height: 34px;
  padding: 0 var(--b2);
  border: 1px solid var(--line-giris);
  border-radius: var(--r);
  font: inherit;
}
.yazor {
  display: inline-flex;
  align-items: center;
  gap: var(--b1);
  font-size: var(--yz-13);
}
.yamakaleler {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b2);
  margin-bottom: var(--b2);
}
.yacip {
  display: inline-flex;
  align-items: center;
  gap: var(--b1);
  padding: 2px var(--b1) 2px var(--b3);
  border-radius: var(--r-pul);
  background: var(--ana-yumusak);
  color: var(--ana);
  font-size: var(--yz-13);
}
.yacip .ikondugme {
  width: 22px;
  height: 22px;
}
.yamakalesonuc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* --- pano -------------------------------------------------------------- */
.yakullanim h2 {
  display: flex;
  align-items: center;
  gap: var(--b2);
}
.yakullanimic {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--b8);
}
.yaolcerbas {
  display: flex;
  align-items: center;
  gap: var(--b2);
  color: var(--ink2);
}
.yaolcerbas .sp {
  flex: 1;
}
.yaolcersay {
  display: flex;
  justify-content: space-between;
  margin: var(--b4) 0 var(--b1);
  color: var(--ink2);
  font-size: var(--yz-13);
}
.yaolcercubuk {
  height: 6px;
  border-radius: var(--r-pul);
  background: var(--line);
  overflow: hidden;
}
.yaolcerdolu {
  width: 0;
  height: 100%;
  border-radius: var(--r-pul);
  background: var(--ana);
}
.yapanoalt {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
  gap: var(--b4);
  align-items: start;
}
.yakpiler {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 0;
  margin: var(--b4) 0;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.yakpi {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--b2);
  min-height: 96px;
  padding: var(--b4);
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.yakpiad {
  color: var(--ink2);
  font-size: var(--yz-12);
}
.yakpi b {
  font-size: var(--yz-24);
  font-weight: 400;
}
.yakpi small {
  font-size: var(--yz-13);
  color: var(--ink3);
}
.yakpi.ok b {
  color: var(--ok);
}
.yakpi.kotu b {
  color: var(--bad);
}
.yasag {
  display: flex;
  flex-direction: column;
  gap: var(--b1);
}
.yasag h2 + .yahizli {
  margin-top: 0;
}
.yahizli {
  display: flex;
  align-items: center;
  gap: var(--b2);
  padding: var(--b2) 0;
  color: var(--ana);
  text-decoration: none;
}
.yahizli:hover span {
  text-decoration: underline;
}

/* --- akis duzenleyici --------------------------------------------------- */
.yaakisarac {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--b3);
}
.yaakisarac .malansarmal {
  flex: 0 1 320px;
}
.yaakisarac .sp {
  flex: 1;
}
.yaakisarac select {
  height: 36px;
}
.yatuvalkart {
  padding: 0;
  overflow: auto;
  max-height: calc(100vh - 300px);
  min-height: 360px;
  background-color: var(--zemin2);
  background-image: radial-gradient(var(--line) 1px, transparent 1px);
  background-size: 16px 16px;
}
.yatuvalic {
  position: relative;
}
.yabaglar {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.yabag {
  fill: none;
  stroke: var(--ink4);
  stroke-width: 1.5;
}
.yabagetiket {
  fill: var(--ink2);
  font-size: 11px;
  text-anchor: middle;
}
.yadugum {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--b1);
  width: 200px;
  min-height: 80px;
  padding: var(--b2) var(--b3);
  border: 1px solid var(--line);
  border-left: 4px solid var(--ana);
  border-radius: var(--r);
  background: var(--panel);
  box-shadow: var(--golge);
  color: var(--ink);
  text-align: left;
  font: inherit;
  cursor: pointer;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.yadugum:hover,
.yadugum:focus-visible {
  box-shadow: var(--golge2);
}
.yadugum.baslangic {
  outline: 2px solid var(--menu-cubuk);
  outline-offset: 1px;
}
.yadugum.t-soru,
.yadugum.t-dugmeler,
.yadugum.t-form {
  border-left-color: #8e24aa;
}
.yadugum.t-kosul {
  border-left-color: var(--warn);
}
.yadugum.t-devir,
.yadugum.t-bilet {
  border-left-color: var(--ok);
}
.yadugum.t-hedef {
  border-left-color: #00acc1;
}
.yadugum.t-bitir {
  border-left-color: var(--ink4);
}
.yadugumbas {
  display: flex;
  align-items: center;
  gap: var(--b1);
  font-size: var(--yz-13);
}
.yadugumbas b {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}
.yadugumid {
  color: var(--ink4);
  font-size: var(--yz-11);
}
.yadugumozet {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--ink2);
  font-size: var(--yz-12);
}
.yadugumdeg {
  color: var(--ana);
  font-size: var(--yz-11);
}

/* --- test merkezi ------------------------------------------------------- */
.yatestduzen {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: var(--b4);
  align-items: start;
}
.yatestsohbet {
  display: flex;
  flex-direction: column;
  padding: 0;
  height: calc(100vh - 260px);
  min-height: 420px;
}
.yatestbas {
  display: flex;
  align-items: center;
  gap: var(--b2);
  padding: var(--b3) var(--b4);
  border-bottom: 1px solid var(--line);
}
.yataslak {
  display: inline-flex;
  align-items: center;
  gap: var(--b1);
  margin-left: auto;
  color: var(--ink2);
  font-size: var(--yz-13);
}
.yasohbet {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--b3);
  padding: var(--b4);
  overflow-y: auto;
  background: var(--bg);
}
.yabalon {
  max-width: 75%;
  padding: var(--b2) var(--b3);
  border-radius: var(--r-lg);
  background: var(--panel);
  box-shadow: var(--golge);
  white-space: pre-wrap;
}
.yabalon.ziyaretci {
  align-self: flex-end;
  background: var(--ana-yumusak);
}
.yabalon.sistem {
  align-self: center;
  background: transparent;
  box-shadow: none;
  color: var(--ink3);
  font-size: var(--yz-13);
}
.yasecler {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b1);
  margin-top: var(--b2);
}
.yabaglantilar {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: var(--b2);
}
.yabaglantilar a {
  color: var(--ana);
}
.yaformbalon {
  display: flex;
  flex-direction: column;
  gap: var(--b2);
  margin-top: var(--b2);
}
.yaformbalon label {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: var(--yz-12);
}
.yaformbalon input,
.yaformbalon select,
.yaformbalon textarea {
  height: 32px;
  padding: 0 var(--b2);
  border: 1px solid var(--line-giris);
  border-radius: var(--r);
  font: inherit;
}
.yaformbalon textarea {
  height: auto;
  padding: var(--b1) var(--b2);
}
.yaformbalon button {
  align-self: flex-start;
}
.yagiris {
  display: flex;
  gap: var(--b2);
  padding: var(--b3);
  border-top: 1px solid var(--line);
}
.yagiris input {
  flex: 1;
  height: 38px;
  padding: 0 var(--b3);
  border: 1px solid var(--line-giris);
  border-radius: var(--r);
  font: inherit;
}
.yaayiklama h3 {
  margin: var(--b4) 0 var(--b2);
  font-size: var(--yz-14);
}
.yaayiklama h3:first-child {
  margin-top: 0;
}
.yaayiklama dl {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--b1) var(--b3);
  margin: 0;
}
.yaayiklama dt {
  color: var(--ink2);
}
.yaayiklama dd {
  margin: 0;
}
.yaaday {
  width: 100%;
}
.yadeg {
  max-height: 200px;
  margin: 0;
  padding: var(--b2);
  overflow: auto;
  border-radius: var(--r);
  background: var(--zemin2);
  font-size: var(--yz-12);
}

/* --- surum, ayar, icgoru --------------------------------------------------- */
.yayayin {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--b3);
}
.yayayin > div {
  flex: 1 1 260px;
}
.yayayin > input {
  flex: 1 1 260px;
  height: 36px;
  padding: 0 var(--b3);
  border: 1px solid var(--line-giris);
  border-radius: var(--r);
  font: inherit;
}
.yaozsatir {
  display: flex;
  align-items: flex-start;
  gap: var(--b3);
  padding: var(--b3) 0;
  border-top: 1px solid var(--line2);
}
.yaozsatir > span {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.yaozsatir small {
  color: var(--ink3);
}
.yasinir {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--b4);
}
.yasinir h2 {
  flex-basis: 100%;
  margin: 0;
}
.yasinir .malansarmal {
  flex: 0 1 320px;
}
.yatarih {
  display: flex;
  gap: var(--b4);
}
.yatarih .malansarmal {
  flex: 0 0 200px;
}
.yaikili {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--b4);
  align-items: start;
}
.yatemel {
  margin-top: var(--b4);
}
.yzyonet,
.yzgeri {
  display: inline-flex;
  align-items: center;
  gap: var(--b1);
  margin: var(--b2) 0;
  color: var(--ana);
}

/* --- yardimci pilot paneli (konsol sag panel + bilet yazari) ------------- */
.yapilotbas {
  display: flex;
  align-items: center;
  gap: var(--b2);
  padding: var(--b3) var(--b4);
  border-bottom: 1px solid var(--line);
}
.yapilotdugmeler {
  display: flex;
  flex-direction: column;
  gap: var(--b2);
  padding: var(--b3) var(--b4);
}
.yapilotsatir {
  display: flex;
  align-items: center;
  gap: var(--b2);
}
.yapilotsatir > button {
  flex: 1;
  justify-content: flex-start;
}
.yapilotsatir select {
  width: 120px;
  height: 32px;
}
.yapilotnot {
  margin: 0 var(--b4);
}
.yapilotsonuc {
  display: flex;
  flex-direction: column;
  gap: var(--b2);
  padding: var(--b3) var(--b4);
}
.yapilotkart {
  padding: var(--b3);
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--panel);
}
.yapilotkart p {
  margin: 0 0 var(--b2);
  white-space: pre-wrap;
}
.yapilotbos {
  padding: var(--b3) var(--b4);
  color: var(--ink3);
  font-size: var(--yz-13);
}
.btyzpanel {
  max-height: 340px;
  margin-bottom: var(--b2);
  overflow-y: auto;
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--zemin2);
}
.btyzpanel .yapilotdugmeler {
  flex-direction: row;
  flex-wrap: wrap;
}
.btyzpanel .yapilotsatir > button {
  flex: none;
}

@media (max-width: 1100px) {
  .yapanoalt,
  .yatestduzen,
  .yaikili,
  .yakullanimic {
    grid-template-columns: 1fr;
  }
}