/* --- Genel --- */
.tpp-wrap{margin:1rem 0}

/* --- Kart --- */
.tpp-summary-card{
  width:100%;
  margin-top:.5rem;
  padding:14px 16px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  box-shadow:0 6px 14px rgba(0,0,0,.06);
  background:#fff;
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* Başlık (ikon + çizgi) */
.tpp-card-title{
  font-size:1.1rem;
  font-weight:700;
  color:#ff6900;
  margin-bottom:.25rem;
  display:flex;
  align-items:center;
  gap:.4rem;
}
.tpp-card-title::after{
  content:"";
  flex-grow:1;
  height:2px;
  background:linear-gradient(90deg, rgba(14,165,233,.5), transparent);
  margin-left:.5rem;
  border-radius:1px;
}

/* Üst kontrol (select) */
.tpp-control{ display:flex; flex-direction:column; gap:8px; }
.tpp-control-label{ font-size:.9rem; font-weight:600; letter-spacing:.2px; color:#3a3a3a; }
.tpp-select-wrap{ position:relative; }
.tpp-personas{
  width:100%;
  font-size:1.05rem;
  font-weight:600;
  padding:12px 44px 12px 14px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:12px;
  background:#f8f8f8;
  outline:none;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  transition:background .2s, border-color .2s, box-shadow .2s;
}
.tpp-personas:focus{
  background:#fff;
  border-color:#60a5fa;
  box-shadow:0 0 0 4px rgba(96,165,250,.2);
}
.tpp-select-wrap::after{
  content:"";
  position:absolute;
  right:14px; top:50%;
  translate:0 -50%;
  width:0; height:0;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:7px solid rgba(0,0,0,.55);
  pointer-events:none;
}

/* Ayraç */
.tpp-divider{
  height:1px;
  background:linear-gradient(90deg, rgba(0,0,0,.06), rgba(0,0,0,.12), rgba(0,0,0,.06));
  border-radius:1px;
  margin:2px 0 6px;
}

/* Özet satırları */
.tpp-summary-row{ display:flex; flex-direction:column; gap:4px; }
.tpp-summary-label{ font-size:.9rem; font-weight:600; color:#3a3a3a; }
.tpp-summary-value{
  font-size:1.15rem;
  font-weight:700;
  line-height:1.3;
  color:#111;
  font-variant-numeric: tabular-nums;
}

/* Fiyat rozetleri */
.tpp-summary-value.tpp-picked-pg,
.tpp-summary-value.tpp-picked-pp{
  align-self:flex-start;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(0,0,0,.04);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}

/* Daha geniş ekranlarda iki yana */
@media (min-width: 520px){
  .tpp-summary-row{ flex-direction:row; align-items:center; justify-content:space-between; }
}

/* Tablet ve üstü */
@media (min-width: 768px){
  .tpp-summary-card{ padding:16px 18px; }
  .tpp-summary-label{ font-size:.95rem; }
  .tpp-summary-value{ font-size:1.25rem; }
}

/* Koyu mod */
@media (prefers-color-scheme: dark){
  .tpp-summary-card{
    background:#121212;
    border-color:rgba(255,255,255,.08);
    box-shadow:0 6px 14px rgba(0,0,0,.35);
  }
  .tpp-card-title{ color:#38bdf8; }
  .tpp-card-title::after{
    background:linear-gradient(90deg, rgba(56,189,248,.6), transparent);
  }
  .tpp-control-label, .tpp-summary-label{ color:#e6e6e6; }
  .tpp-summary-value{ color:#fff; }
  .tpp-personas{
    background:#1c1c1c;
    border-color:rgba(255,255,255,.14);
    color:#fff;
  }
  .tpp-personas:focus{
    background:#161616;
    border-color:#60a5fa;
    box-shadow:0 0 0 4px rgba(96,165,250,.25);
  }
  .tpp-select-wrap::after{ border-top-color:rgba(255,255,255,.7); }
  .tpp-summary-value.tpp-picked-pg,
  .tpp-summary-value.tpp-picked-pp{
    background:rgba(255,255,255,.1);
    box-shadow:none;
  }
  .tpp-divider{
    background:linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.12), rgba(255,255,255,.06));
  }
}

/* Not/Mesaj kutusu */
.tpp-note{
  margin-top:4px;
  font-size:.95rem;
  line-height:1.35;
  color:#0f172a;
  background:linear-gradient(0deg, rgba(15,23,42,0.06), rgba(15,23,42,0.06));
  border:1px dashed rgba(15,23,42,.15);
  border-radius:10px;
  padding:10px 12px;
}
@media (prefers-color-scheme: dark){
  .tpp-note{
    color:#e5e7eb;
    background:linear-gradient(0deg, rgba(255,255,255,0.06), rgba(255,255,255,0.06));
    border-color:rgba(255,255,255,.2);
  }
}

/* Mesaj kutusu (varsayılan: bilgi tonu) */
.tpp-more-msg{
  color:#1f3a5f;
  background:#eef6fb;
  border:1px solid #cfe3f1;
  border-radius:12px;
  padding:10px 12px;
  font-weight:700;
  margin-top:6px;
}

@media (prefers-color-scheme: dark){
  .tpp-more-msg{
    color:#dbeafe;
    background:rgba(56,189,248,.12);
    border-color:rgba(56,189,248,.35);
  }
}

.tpp-more-msg::before {
  content: "ℹ️ ";
  margin-right: 4px;
}

/* Mobil başlık kırılımı */
.tpp-mbreak{ display:inline; }
@media (max-width: 480px){
  .tpp-card-title{
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
  }
  .tpp-mbreak{ display:block; }
  .tpp-card-title::after{
    flex: 0 0 100%;
    margin-left: 0;
    margin-top: .4rem;
  }
}

/* full layout tablo */
.tpp-table{width:100%; border-collapse:collapse; margin-top:.5rem}
.tpp-table th, .tpp-table td{border:1px solid #ddd; padding:8px; text-align:left}
.tpp-highlight{background:#f5f5f5}

/* --- fiyat değişiminde yumuşak vurgu --- */
.tpp-bump { animation: tppFlash .6s ease; }
@keyframes tppFlash{
  0%   { box-shadow:0 0 0 0 rgba(0,0,0,.08); transform:scale(1.0); }
  40%  { box-shadow:0 0 0 8px rgba(0,0,0,.06); transform:scale(1.02); }
  100% { box-shadow:0 0 0 0 rgba(0,0,0,0); transform:scale(1.0); }
}

.price-toggle{
  margin-top: 12px;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}

.price-toggle > summary{
  list-style: none;
  cursor: pointer;
  padding: 12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-weight: 700;
}

.price-toggle > summary::-webkit-details-marker{ display:none; }

.price-toggle .chevron{
  transition: transform .2s ease;
  opacity: .7;
}

.price-toggle[open] .chevron{
  transform: rotate(180deg);
}

#escalatable{
  width: 100%;
  border-collapse: collapse;
}

#escalatable th, #escalatable td{
  padding: 10px 12px;
  border-top: 1px solid rgba(0,0,0,.08);
}

#escalatable tr.is-selected td{
  font-weight: 700;
}

#escalatable tr.is-selected{
  background: rgba(0,0,0,.04);
}