/* ============================================================
   KELEBEK DAĞITIM MODÜLÜ CSS — Kelebek Platform V2
   Bağımsız çalışabilir. Ortak stiller: ../shared/css/*
   ============================================================ */

/* ── TOPBAR STILLARI ── */
.back-btn{
  background:var(--bg2);border:1px solid var(--border);color:var(--text2);
  padding:6px 12px;border-radius:8px;cursor:pointer;
  font-size:var(--fs-base,.85rem);font-weight:600;transition:all .2s;
  font-family:var(--font);
}
.back-btn:hover{border-color:var(--blue);color:var(--blue)}

.topbar-title{font-weight:700;font-size:var(--fs-md,1rem);color:var(--text)}

/* ── Margin utility'leri ── */
.mt2{margin-top:8px}
.mt3{margin-top:12px}

/* ── Flex yardımcıları ── */
.fx{display:flex}
.g2{gap:8px}
.fw{flex-wrap:wrap}

/* ── OTURMA PLANI STILLARI ── */
.srow{
  display:flex;
  gap:4px;
  justify-content:flex-start;
  align-items:stretch;
}

.seat{
  flex:0 0 100px;
  min-width:0;
  padding:6px 4px;
  border-radius:6px;
  background:var(--bg2);
  border:1px solid var(--border);
  text-align:center;
  cursor:default;
  transition:all .15s;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:58px;
}

.seat:hover{
  transform:scale(1.03);
  z-index:1;
  box-shadow:0 4px 16px rgba(0,0,0,.15);
  border-color:var(--border2);
}

.seat.sempty{
  background:transparent;
  border:1px dashed var(--border);
  cursor:default;
}

.seat.sempty:hover{
  transform:none;
  box-shadow:none;
}

/* Grup renkleri */
.seat.s9{
  background:rgba(56,139,253,0.08);
  border-color:rgba(56,139,253,0.25);
}
.seat.s10{
  background:rgba(63,185,80,0.08);
  border-color:rgba(63,185,80,0.25);
}
.seat.s11{
  background:rgba(210,153,34,0.08);
  border-color:rgba(210,153,34,0.25);
}
.seat.s12{
  background:rgba(188,140,255,0.08);
  border-color:rgba(188,140,255,0.25);
}

.sno{
  font-size:var(--fs-xs,.72rem);
  font-weight:700;
  font-family:var(--mono);
  color:var(--text2);
  line-height:1.2;
}

.sname{
  font-size:var(--fs-xs,.72rem);
  font-weight:600;
  color:var(--text);
  line-height:1.3;
  margin-top:1px;
}

.scls{
  font-size:var(--fs-xs,.72rem);
  color:var(--text3);
  margin-top:1px;
}

/* ── RESPONSIVE ── */
@media(max-width:800px){
  .seat{
    flex:0 0 80px;
    padding:4px 2px;
  }
  .sno{font-size:var(--fs-xs,.72rem)}
  .sname{font-size:var(--fs-xs,.72rem)}
  .scls{font-size:var(--fs-xs,.72rem)}
}

/* ── PRINT STYLES ── */
@media print{
  .topbar{display:none!important}
  .srow{gap:2px}
  .seat{
    flex:0 0 90px;
    border:1px solid #000;
    background:#fff;
    min-height:50px;
  }
  .seat.s9,.seat.s10,.seat.s11,.seat.s12{
    background:#fff;
  }
}