/* Kurumsal e-posta seçicisi, Google Workspace anahtarı ve e-posta karşılaştırma sayfası.
   Renk, yazı tipi ve boşluk yalnızca vionup.css değişkenlerinden gelir. */

/* ---------- Seçici yerleşimi ---------- */
.ep-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:var(--space-10);align-items:start}
.ep-form{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}
.ep-form .v-small svg{vertical-align:-3px;margin-right:4px}

/* Kişi sayısı: seçili durum renge ek olarak onay işaretiyle de belli olur */
.ep-seat{min-width:72px;align-items:center}
.ep-seat__n{display:inline-flex;align-items:center;gap:6px;font:700 21px/1.2 var(--font-display)}
.ep-tick{display:none;line-height:0}
.ep-seat:has(input:checked) .ep-tick{display:inline-flex}

/* Kota kartı: radyo düğmesi görünür (boş halka / dolu düğme) */
.ep-quotas{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr))}
.ep-quotas legend{grid-column:1/-1}
.ep-quota{flex-direction:row;gap:12px;border-radius:var(--radius-lg);padding:18px;min-width:0;justify-content:flex-start}
.ep-dot{flex:none;width:20px;height:20px;margin-top:4px;border:2px solid var(--border-control);border-radius:var(--radius-pill);background:var(--surface)}
.ep-quota:has(input:checked) .ep-dot{border-color:var(--ink);background:var(--ink);box-shadow:inset 0 0 0 3px var(--tint-peach)}
.ep-quota__body{display:flex;flex-direction:column;gap:2px;min-width:0}
.ep-quota__price{margin-top:4px;font:400 15px/1.4 var(--font-sans);color:var(--text-secondary)}
.ep-quota__price strong{font-weight:600;color:var(--ink)}
.ep-quotas:disabled .ep-quota{background:var(--surface-panel);color:var(--text-muted);border-color:var(--line-strong);cursor:not-allowed;box-shadow:none}
.ep-quotas:disabled .ep-dot{border-color:var(--line-strong);background:var(--surface-panel);box-shadow:none}
.ep-fits p[hidden]{display:none}

/* ---------- Seçim özeti ---------- */
.ep-summary{gap:16px;padding:28px}
.ep-summary__kicker{font:600 14px/1.4 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.ep-summary__title{font:800 28px/1.2 var(--font-display);letter-spacing:-.02em;margin-top:4px}
.ep-summary__price{min-height:0;padding-top:16px;border-top:1px solid var(--line)}
.ep-summary__price[hidden],.ep-summary__quote[hidden],.ep-summary [data-ep-per][hidden],.ep-summary .v-btn[hidden],.ep-summary s[hidden],.ep-summary .v-badge[hidden]{display:none}
.ep-summary__per{font-weight:600;color:var(--ink)}
.ep-summary__quote{padding-top:16px;border-top:1px solid var(--line)}
.ep-summary .v-alert svg{flex:none;margin-top:3px}

/* ---------- Kart içi listeler ---------- */
.ep-list{border-top:0;padding-top:0}

/* ---------- Google Workspace ---------- */
.gw-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:var(--space-10)}
.gw-bar .v-switch{flex-wrap:wrap;border-radius:var(--radius-xl)}
.gw-bar .v-switch label{min-height:48px}
.gw-tick{display:none;line-height:0}
.gw-tick svg{stroke:currentColor}
.v-switch label:has(input:checked) .gw-tick{display:inline-flex}
.gw-plan .v-price{min-height:176px}
.gw-plan [data-gw-cycle][hidden]{display:none}
.gw-plan .v-price__now small{display:block;margin-top:6px;line-height:1.3}
.gw-plan__storage{font-size:15px;color:var(--text-secondary);margin-top:-8px}
.gw-plan__quote{font:700 21px/1.3 var(--font-display)}
.gw-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);list-style:none;margin:0;padding:0}
.gw-apps li{display:flex;flex-direction:column;gap:2px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}
.gw-apps b{font:700 18px/1.3 var(--font-display)}
.gw-apps span{font-size:15px;color:var(--text-secondary)}

/* ---------- Karşılaştırma sayfası ---------- */
.ek-table td small{display:block;font-size:14px;color:var(--text-muted)}
.ek-table .v-table tbody td{min-width:150px}

@media (max-width:900px){
  .ep-layout{grid-template-columns:1fr;gap:var(--space-6)}
  .gw-apps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gw-plan .v-price{min-height:0}
}
@media (max-width:640px){
  .ep-quotas{grid-template-columns:1fr}
  .ep-seat{flex:1 1 72px}
  .gw-apps{grid-template-columns:1fr}
  .gw-bar .v-switch{width:100%}
  .gw-bar .v-switch label{flex:1 1 100%}
}

/* .v-sr öğeleri (position:absolute) kaydırılan tablonun dışına taşıp sayfayı yana kaydırmasın.
   Kalıcı çözüm vionup.css'te .v-table-wrap{position:relative} olmalı. */
.v-table-wrap{position:relative}