/* FokusPro — Launch Preflight UI Polish
   Amaç: canlı öncesi giriş, çalışma durumu ve oda yüzeylerini daha sakin/okunur yapmak.
   Not: Runtime/Auth/Firestore mantığına dokunmaz; sadece görsel hiyerarşi ve erişilebilirlik katmanı. */

:root{
  --fp-preflight-ink:var(--color-text, #0f172a);
  --fp-preflight-muted:var(--color-text-muted, #64748b);
  --fp-preflight-line:#dbe4f0;
  --fp-preflight-soft:var(--color-primary-soft, #f8fbff);
  --fp-preflight-card:var(--color-surface, #fff);
  --fp-preflight-blue:var(--color-primary, #2563eb);
  --fp-preflight-navy:var(--c-navy-950, #111827);
  --fp-preflight-shadow:0 18px 46px rgba(15,23,42,.075);
  --fp-preflight-soft-shadow:0 10px 28px rgba(15,23,42,.055);
}

/* ─────────────────────────────
   1) Auth / giriş ekranı
   ───────────────────────────── */
body:has(.auth-layout){
  background:
    radial-gradient(circle at 15% 10%,rgba(37,99,235,.10),transparent 28%),
    linear-gradient(180deg,var(--c-blue-50, #f6f9ff) 0%,var(--color-bg, #f8fafc) 46%,var(--color-surface, #fff) 100%) !important;
}
.auth-layout{
  grid-template-columns:minmax(320px,420px) minmax(0,1fr) !important;
}
.auth-left{
  background:
    radial-gradient(circle at 80% 4%,rgba(96,165,250,.22),transparent 26%),
    linear-gradient(155deg,var(--c-navy-950, #0b1220) 0%,var(--c-navy-800, #13294b) 52%,var(--c-navy-950, #111827) 100%) !important;
}
.auth-left .brand + .brand{display:none!important;}
.auth-hero-title{
  font-size:clamp(26px,3vw,36px) !important;
  max-width:11ch;
}
.auth-hero-sub{max-width:34ch!important;color:rgba(255,255,255,.78)!important;}
.auth-trust li{color:rgba(255,255,255,.84)!important;}
.auth-right{
  justify-content:center !important;
  align-items:center !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,251,255,.94)),
    radial-gradient(circle at 86% 12%,rgba(147,197,253,.18),transparent 32%) !important;
}
.auth-right > *{
  width:100%;
  max-width:760px;
}
.auth-card{
  border-color:rgba(219,228,240,.96)!important;
  border-radius:28px!important;
  box-shadow:var(--fp-preflight-shadow)!important;
}
.auth-tabs-wrap{padding:20px 22px 0!important;}
.auth-card .tabs{
  background:#eef4fb!important;
  border-color:#dbe4f0!important;
  border-radius:18px!important;
  padding:6px!important;
  gap:6px!important;
}
.auth-card .tab-btn{
  min-height:42px!important;
  border-radius:14px!important;
  letter-spacing:-.01em!important;
}
.auth-card .tab-btn.is-active{
  background:linear-gradient(135deg,var(--color-text, #0f172a) 0%,#1d4ed8 100%)!important;
  box-shadow:0 10px 24px rgba(37,99,235,.18)!important;
}
.auth-card .panel{padding:20px 22px 26px!important;}
.auth-card .helper{
  background:var(--color-primary-soft, #f8fbff);
  border:1px solid var(--color-border, #e2e8f0);
  border-radius:16px;
  padding:12px 14px;
  color:#475569!important;
}
.auth-card .input,.auth-card .select,.auth-card .btn{
  min-height:46px!important;
}
.auth-card .state.is-visible,
.session-box.is-visible,
.return-box.is-visible,
.link-box.is-visible{
  border-radius:16px!important;
  box-shadow:var(--fp-preflight-soft-shadow)!important;
}

/* ─────────────────────────────
   2) Ortak çalışma durumu / fallback
   ───────────────────────────── */
#adminLoadingState,
.coach-surface-state:not(:empty){
  display:flex!important;
  align-items:center;
  gap:10px;
  width:min(100%,760px);
  margin:10px 24px 18px!important;
  padding:12px 16px!important;
  border:1px solid #c7d7ee!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#eff6ff 0%,var(--color-surface, #fff) 100%)!important;
  color:#1e3a8a!important;
  box-shadow:var(--fp-preflight-soft-shadow)!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.45!important;
}
.coach-surface-state:empty{display:none!important;}
#adminLoadingState::before,
.coach-surface-state:not(:empty)::before{
  content:"";
  flex:0 0 auto;
  width:9px;
  height:9px;
  border-radius:999px;
  background:var(--color-primary, #2563eb);
  box-shadow:0 0 0 5px rgba(37,99,235,.12);
}
#adminMain > header[data-static-fallback="admin-shell"]{
  margin:24px 24px 10px!important;
  padding:22px 24px!important;
  border:1px solid #dbe4f0!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,var(--color-surface, #fff) 0%,var(--color-primary-soft, #f8fbff) 100%)!important;
  box-shadow:var(--fp-preflight-soft-shadow)!important;
}
#adminWorkspace[data-static-fallback="admin-main"] article{
  border-radius:20px!important;
  box-shadow:var(--fp-preflight-soft-shadow)!important;
}

/* ─────────────────────────────
   3) Koç dashboard — tek karar hissi
   ───────────────────────────── */
body.coach-minimal-shell .workspace-shell{
  gap:20px!important;
}
body.coach-minimal-shell .workspace-rail{
  box-shadow:var(--fp-preflight-shadow)!important;
  border-color:rgba(219,228,240,.92)!important;
}
body.coach-minimal-shell .workspace-rail__title{
  font-size:20px!important;
  line-height:1.16!important;
  letter-spacing:-.035em!important;
}
body.coach-minimal-shell .rail-drawer:not(.is-priority-drawer){
  border-style:dashed!important;
  background:var(--color-primary-soft, #f8fbff)!important;
  box-shadow:none!important;
}
body.coach-minimal-shell .coach-room-card,
body.coach-minimal-shell .surface-room-card,
body.coach-minimal-shell .coach-followup-snapshot,
body.coach-minimal-shell .coach-decision-board{
  border-radius:24px!important;
  border-color:#dbe4f0!important;
  box-shadow:var(--fp-preflight-soft-shadow)!important;
}
body.coach-minimal-shell .coach-room-head__title,
body.coach-minimal-shell .surface-family-title,
body.coach-minimal-shell .coach-section-lead-card h2{
  color:var(--fp-preflight-ink)!important;
  letter-spacing:-.03em!important;
}
body.coach-minimal-shell .coach-room-head__text,
body.coach-minimal-shell .surface-family-summary{
  color:var(--color-text-muted, #64748b)!important;
  line-height:1.58!important;
  max-width:68ch!important;
}
body.coach-minimal-shell .queue-row,
body.coach-minimal-shell [class*="student-row"]{
  border-radius:18px!important;
}
body.coach-minimal-shell .queue-row__status-line,
body.coach-minimal-shell .queue-main__meta{
  color:var(--color-text-muted, #64748b)!important;
}
body.coach-minimal-shell [data-home-secondary-hidden][hidden]{
  display:none!important;
}
body.coach-minimal-shell .coach-observation-empty,
body.coach-minimal-shell .rail-student-empty,
body.coach-minimal-shell .rail-selected-empty{
  border:1px dashed #cbd5e1!important;
  border-radius:16px!important;
  background:var(--color-primary-soft, #f8fbff)!important;
  color:var(--color-text-muted, #64748b)!important;
  line-height:1.55!important;
}

/* ─────────────────────────────
   4) Koç öğrenci detay — odaları sakinleştir
   ───────────────────────────── */
.coach-detail-body .main-header{
  border-bottom-color:var(--color-border, #dbe4f0)!important;
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(14px)!important;
}
.coach-detail-body .identity-title{
  letter-spacing:-.035em!important;
}
.coach-detail-body .density-toolbar{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  border:1px solid var(--color-border, #dbe4f0)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 14px 32px rgba(15,23,42,.07)!important;
  backdrop-filter:blur(14px)!important;
}
.coach-detail-body .workspace-section[data-room]{
  max-width:1180px!important;
  margin-inline:auto!important;
}
.coach-detail-body .workspace-section[data-room].is-active{
  border-color:var(--c-blue-200, #bfdbfe)!important;
  background:linear-gradient(180deg,var(--color-surface, #fff) 0%,var(--color-primary-soft, var(--color-primary-soft, #f8fbff)) 100%)!important;
  box-shadow:0 22px 54px rgba(15,23,42,.08)!important;
}
.coach-detail-body .workspace-section[data-room].room-hidden,
.coach-detail-body .workspace-section[data-room][hidden]{
  display:none!important;
}
.coach-detail-body .workspace-section .workspace-head{
  display:flex!important;
  justify-content:space-between!important;
  gap:16px!important;
  align-items:flex-start!important;
}
.coach-detail-body .workspace-section .workspace-head h2{
  font-size:clamp(20px,2vw,26px)!important;
}
.coach-detail-body .workspace-section .workspace-head p{
  max-width:62ch!important;
}
.coach-detail-body .card,
.coach-detail-body .panel,
.coach-detail-body .detail-fold{
  border-color:var(--color-border, #dbe4f0)!important;
}
.coach-detail-body .feedback-loading-line,
.coach-detail-body .summary-strip-fallback{
  border:1px dashed var(--c-neutral-300, #cbd5e1)!important;
  background:var(--color-primary-soft, var(--color-primary-soft, #f8fbff))!important;
  border-radius:16px!important;
  color:var(--color-text-muted, var(--color-text-muted, #64748b))!important;
}

@media (max-width: 960px){
  .auth-layout{grid-template-columns:1fr!important;}
  .auth-left{position:relative!important;height:auto!important;}
  .auth-hero-title{max-width:18ch!important;}
  .auth-right{padding:24px 16px 42px!important;}
  #adminLoadingState,.coach-surface-state:not(:empty){margin:10px 14px 16px!important;width:auto;}
  body.coach-minimal-shell .workspace-shell{gap:14px!important;}
  .coach-detail-body .density-toolbar{top:8px!important;}
  .coach-detail-body .workspace-section .workspace-head{display:block!important;}
}

@media (max-width: 560px){
  .auth-card .tabs{grid-template-columns:1fr!important;border-radius:18px!important;}
  .auth-card .tab-btn{text-align:center!important;}
  .auth-card .panel{padding:18px 16px 22px!important;}
  .coach-detail-body .room-tab{min-height:60px!important;}
  .coach-detail-body .coach-room-nav{grid-template-columns:1fr!important;}
}

@media (prefers-reduced-motion:reduce){
  .coach-detail-body .coach-room-nav__card:is(:hover,:focus-visible){transform:none!important;}
}