/* =====================================================================
   EFLİS — Son düzen katmanı (üst bar + sekme menüleri + telefon)
   Bu dosya en son yüklenir; diğer katmanların üst bar / sekme kurallarını toparlar.
   ===================================================================== */

/* ---------- 1. Sekme menüleri ----------
   Her ekran boyunda: sığmayan sekmeler alt satıra iner, kaydırma gerekmez, hiçbir sekme gizli kalmaz.
   Telefonda sekmeler küçülür ve satırı eşit doldurur. */
html:root body :is(#applicationScreen, #eflParentApp, #app) :is(.ap-tabs, .ap-subtabs, .sp-tabs, .at-tabs, .ec-tabs, .cm-toptabs, .exu-tabs, .ef-survey-tabs, .duty-tabs, .abs-seg, .efl-admin-local-nav, .sc-tabs),
html:root body #clTabs,
html:root body #clTabs.eflis-club-tabs.eflis-club-tabs{
  display:flex!important;flex-wrap:wrap!important;overflow:visible!important;row-gap:6px!important;
  -webkit-mask-image:none!important;mask-image:none!important;scroll-snap-type:none!important}
@media (max-width:760px){
  html:root body :is(#applicationScreen, #eflParentApp, #app) :is(.ap-tabs, .ap-subtabs, .sp-tabs, .at-tabs, .ec-tabs, .cm-toptabs, .exu-tabs, .ef-survey-tabs, .duty-tabs, .abs-seg, .efl-admin-local-nav, .sc-tabs),
  html:root body #clTabs,
  html:root body #clTabs.eflis-club-tabs.eflis-club-tabs{
    grid-template-columns:none!important;justify-content:stretch!important;align-items:stretch!important;
    gap:5px!important;width:auto!important;max-width:100%!important;box-sizing:border-box!important;padding:5px!important}
  html:root body :is(#applicationScreen, #eflParentApp, #app) :is(.ap-tabs, .ap-subtabs, .sp-tabs, .at-tabs, .ec-tabs, .cm-toptabs, .exu-tabs, .ef-survey-tabs, .duty-tabs, .abs-seg, .efl-admin-local-nav, .sc-tabs)>*:not(.ap-tabs-year),
  html:root body #clTabs>*,
  html:root body #clTabs.eflis-club-tabs.eflis-club-tabs button{
    flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;white-space:nowrap!important;
    justify-content:center!important;text-align:center!important;padding:8px 9px!important;font-size:12.5px!important;line-height:1.15!important;min-height:34px!important}
  /* İdareci Paneli sekmeleri: yıl rozeti telefonda yer kaplamasın */
  html:root body #applicationScreen .ap-tabs .ap-tabs-year{display:none!important}
  html:root body #applicationScreen .ap-tabs{margin:2px 0 12px!important}
}

/* ---------- 2. Üst bar: telefonda okul adı tam görünsün ---------- */
@media (max-width:760px){
  /* ad rozeti yalnız kişi simgesi (dokununca Şifremi Değiştir) */
  html:root body #applicationScreen #eflis-main-header-87a #eflTopActions .eflis-user-chip>span,
  html:root body #applicationScreen #eflis-main-header-87a #eflTopActions .eflis-user-chip .eflis-user-key,
  html:root body #eflis-parent-header .parent-actions .eflis-user-chip>span,
  html:root body #eflis-parent-header .parent-actions .eflis-user-chip .eflis-user-key,
  html:root body #eflis-clubs-header-87d .top-actions .eflis-user-chip>span,
  html:root body #eflis-clubs-header-87d .top-actions .eflis-user-chip .eflis-user-key{display:none!important}
}
@media (max-width:480px){
  html:root body #applicationScreen #eflis-main-header-87a .app-header-inner{padding:6px 8px!important;gap:6px!important}
  html:root body #applicationScreen #eflis-main-header-87a :is(.eflis-logo-87a){width:36px!important;height:36px!important;flex:0 0 36px!important}
  html:root body #applicationScreen #eflis-main-header-87a .eflis-brand-87a{gap:7px!important;min-width:0!important;flex:1 1 auto!important}
  html:root body #applicationScreen #eflis-main-header-87a .eflis-brand-copy-87a{min-width:0!important}
  html:root body #applicationScreen #eflis-main-header-87a .app-school-name{font-size:clamp(11.5px,3.45vw,15px)!important;letter-spacing:-.2px!important}
  html:root body #applicationScreen #eflis-main-header-87a :is(#eflisShellMenuBtn,#menuBtn){width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;flex:0 0 36px!important}
  html:root body #applicationScreen #eflis-main-header-87a .app-title{font-size:10.5px!important}
  html:root body #applicationScreen #eflis-main-header-87a #eflTopActions{gap:5px!important;flex:0 0 auto!important}
  html:root body #applicationScreen #eflis-main-header-87a #eflTopActions>button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;flex:0 0 36px!important}
  html:root body #applicationScreen #eflis-main-header-87a #eflTopActions>button.hidden{display:none!important}
  html:root body #applicationScreen #eflis-main-header-87a #eflTopActions .eflis-user-chip{width:36px!important;height:36px!important;flex:0 0 36px!important}
}

/* ---------- 3. Sosyal Kulüpler üst barı: ana uygulamayla aynı sıkılaştırma ---------- */
@media (max-width:480px){
  html:root body #eflis-clubs-header-87d{padding-left:8px!important;padding-right:8px!important;gap:6px!important}
  html:root body #eflis-clubs-header-87d .eflis-clubs-brand-87d{gap:7px!important;min-width:0!important;flex:1 1 auto!important}
  html:root body #eflis-clubs-header-87d .eflis-clubs-logo-87d{width:36px!important;height:36px!important;flex:0 0 36px!important}
  html:root body #eflis-clubs-header-87d .eflis-clubs-copy-87d{min-width:0!important}
  html:root body #eflis-clubs-header-87d .eflis-clubs-school-87d{font-size:clamp(11.5px,3.3vw,15px)!important;letter-spacing:-.1px!important}
  html:root body #eflis-clubs-header-87d .eflis-clubs-location-87d{font-size:10.5px!important}
  html:root body #eflis-clubs-header-87d .top-actions{gap:5px!important;flex:0 0 auto!important}
  html:root body #eflis-clubs-header-87d .top-actions>button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;flex:0 0 36px!important}
  html:root body #eflis-clubs-header-87d :is(#eflisShellMenuBtn,#menuBtn){width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;flex:0 0 36px!important}
}

/* ---------- 4. Veli üst barı ---------- */
@media (max-width:760px){
  /* birden çok çocuğu olan velide öğrenci seçimi ikinci satıra iner, okul adını sıkıştırmaz */
  html:root body #eflis-parent-header{flex-wrap:wrap!important;row-gap:6px!important}
  html:root body #eflis-parent-header .parent-actions{display:contents!important}
  html:root body #eflis-parent-header .parent-actions>:not(.parent-student-select){order:2}
  html:root body #eflis-parent-header .parent-student-select{order:3;flex:1 1 100%!important;display:flex!important;align-items:center!important;gap:8px!important;color:#fff!important;font-size:12.5px!important;margin:0!important}
  html:root body #eflis-parent-header .parent-student-select select{flex:1 1 auto!important;min-width:0!important;height:34px!important;border-radius:10px!important;font-size:13px!important}
}
@media (max-width:480px){
  html:root body #eflis-parent-header{padding-left:8px!important;padding-right:8px!important;gap:6px!important}
  html:root body #eflis-parent-header .parent-brand{gap:7px!important;min-width:0!important;flex:1 1 0!important}
  html:root body #eflis-parent-header .parent-logo-modern{width:36px!important;height:36px!important;flex:0 0 36px!important}
  html:root body #eflis-parent-header .parent-brand-copy{min-width:0!important}
  html:root body #eflis-parent-header .parent-brand-copy b{font-size:clamp(11.5px,3.3vw,15px)!important;letter-spacing:-.1px!important}
  html:root body #eflis-parent-header .parent-location{font-size:10.5px!important}
  html:root body #eflis-parent-header .parent-menu-modern,
  html:root body #eflis-parent-header .parent-actions>button,
  html:root body #eflis-parent-header .eflis-user-chip{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;flex:0 0 36px!important}
}
@media (max-width:760px){
  html:root body #eflis-parent-header:has(.parent-student-select){height:auto!important;max-height:none!important;padding-bottom:8px!important;align-content:center!important}
}

/* ---------- 5. Ana Menü: gruplu kart ızgarası (system-hub arrangeHub) ---------- */
html body.efl-system-hub .efl-hub-panel.efl-hub-v2{width:min(1120px,100%)!important;max-width:100%!important;padding:28px 30px 24px!important}
html body.efl-system-hub .efl-hub-v2 .efl-hub-brand{margin-bottom:14px!important}
html body.efl-system-hub .efl-hub-v2 .efl-hub-brand h1{font-size:clamp(24px,3vw,32px)!important}
html body.efl-system-hub .efl-hub-v2 .efl-hub-actions{display:block!important;margin-top:14px!important}
.efl-hub-v2 .efl-hub-tools{display:grid;gap:10px;margin:0 0 14px}
.efl-hub-v2 .efl-hub-search{display:flex;align-items:center;gap:8px;background:#f3f8fc;border:1.5px solid #d6e5f0;border-radius:14px;padding:0 14px;transition:border-color .15s,box-shadow .15s}
.efl-hub-v2 .efl-hub-search:focus-within{border-color:#1680bd;box-shadow:0 0 0 4px rgba(22,128,189,.14)}
.efl-hub-v2 .efl-hub-search span{font-size:20px;color:#6a8396}
html body .efl-hub-v2 .efl-hub-search input{all:unset;flex:1;min-width:0;padding:13px 0;font:600 15px/1.2 Inter,system-ui,sans-serif;color:#123f62}
.efl-hub-v2 .efl-hub-quick{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.efl-hub-v2 .efl-hub-quick>span{font-size:12px;font-weight:800;color:#6a8396;text-transform:uppercase;letter-spacing:.8px;margin-right:2px}
html body .efl-hub-v2 .efl-hub-quick button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #d6e5f0;border-radius:999px;padding:5px 14px 5px 5px;box-shadow:0 4px 12px rgba(15,63,99,.08);font:700 13.5px/1 Inter,system-ui,sans-serif;color:#123f62}
html body .efl-hub-v2 .efl-hub-quick button:hover{border-color:#1680bd}
html body .efl-hub-v2 .efl-hub-quick .efl-hub-icon{width:30px!important;height:30px!important;border-radius:50%!important;font-size:15px!important;box-shadow:none!important}
.efl-hub-v2 .efl-hub-group{margin-top:16px}.efl-hub-v2 .efl-hub-group[hidden],.efl-hub-v2 .efl-hub-card[hidden],.efl-hub-v2 .efl-hub-none[hidden]{display:none!important}
.efl-hub-v2 .efl-hub-group h2{display:flex;align-items:center;gap:10px;margin:0 0 10px;font:800 12.5px/1 Inter,system-ui,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#5b7a93}
.efl-hub-v2 .efl-hub-group h2::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#d6e5f0,transparent)}
.efl-hub-v2 .efl-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
html body.efl-system-hub .efl-hub-v2 .efl-hub-card{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:start!important;gap:12px!important;min-height:104px!important;padding:15px 14px!important;border-radius:18px!important;width:100%!important;margin:0!important;box-sizing:border-box!important;transition:transform .15s,box-shadow .15s,border-color .15s!important}
html body.efl-system-hub .efl-hub-v2 .efl-hub-card:hover{transform:translateY(-2px)!important;box-shadow:0 14px 30px rgba(15,63,99,.16)!important;border-color:rgba(22,128,189,.45)!important}
html body.efl-system-hub .efl-hub-v2 .efl-hub-card:focus-visible{outline:3px solid #9fd3ff!important;outline-offset:2px!important}
html body.efl-system-hub .efl-hub-v2 .efl-hub-card .efl-hub-icon{width:48px!important;height:48px!important;border-radius:14px!important;font-size:22px!important}
html body.efl-system-hub .efl-hub-v2 .efl-hub-card .efl-hub-arrow{display:none!important}
html body.efl-system-hub .efl-hub-v2 .efl-hub-text{min-width:0!important}
html body.efl-system-hub .efl-hub-v2 .efl-hub-text strong{font-size:16.5px!important;line-height:1.2!important}
html body.efl-system-hub .efl-hub-v2 .efl-hub-text span{font-size:12.5px!important;line-height:1.35!important;margin-top:4px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.efl-hub-v2 .efl-hub-none{text-align:center;color:#6a8396;font-weight:700;margin:16px 0}
/* grup renkleri: simgeler gruba göre */
html body .efl-hub-v2 .efl-hub-group:nth-of-type(1) .efl-hub-icon:not(.efl-hub-icon-efli){background:linear-gradient(145deg,#0f7a5a,#155e47)!important}
html body .efl-hub-v2 .efl-hub-group:nth-of-type(2) .efl-hub-icon:not(.efl-hub-icon-efli){background:linear-gradient(145deg,#0f659c,#17456f)!important}
html body .efl-hub-v2 .efl-hub-group:nth-of-type(3) .efl-hub-icon:not(.efl-hub-icon-efli){background:linear-gradient(145deg,#a86a16,#7b4a0d)!important}
html body .efl-hub-v2 .efl-hub-group:nth-of-type(4) .efl-hub-icon:not(.efl-hub-icon-efli){background:linear-gradient(145deg,#5b3cc4,#3f2a8c)!important}
html body .efl-hub-v2 .efl-hub-group:nth-of-type(5) .efl-hub-icon:not(.efl-hub-icon-efli){background:linear-gradient(145deg,#475569,#334155)!important}
#hubSecurity .efl-hub-icon{background:linear-gradient(145deg,#c2410c,#9a3412)!important}
@media (max-width:850px){
  html body.efl-system-hub .efl-hub-panel.efl-hub-v2{padding:18px 12px 16px!important}
  html body.efl-system-hub .efl-hub-v2 .efl-hub-actions{display:block!important}
}
@media (max-width:620px){
  .efl-hub-v2 .efl-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  html body.efl-system-hub .efl-hub-v2 .efl-hub-card{grid-template-columns:minmax(0,1fr)!important;gap:8px!important;min-height:118px!important;padding:12px 11px!important;border-radius:16px!important}
  html body.efl-system-hub .efl-hub-v2 .efl-hub-card .efl-hub-icon{width:40px!important;height:40px!important;border-radius:12px!important;font-size:19px!important}
  html body.efl-system-hub .efl-hub-v2 .efl-hub-text strong{font-size:14.5px!important}
  html body.efl-system-hub .efl-hub-v2 .efl-hub-text span{font-size:11.5px!important}
  .efl-hub-v2 .efl-hub-group{margin-top:12px}
}
@media (min-width:1060px){html body.efl-system-hub .efl-hub-panel.efl-hub-v2{width:min(1120px,calc(100vw - 480px))!important}}
html body .efl-hub-v2 .efl-hub-search input[type=search]{border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;height:auto!important;min-height:0!important;padding:13px 0!important;margin:0!important;border-radius:0!important}

/* Ana Menü kart rozetleri (bekleyen iş sayısı) */
html body.efl-system-hub .efl-hub-card{position:relative!important}
.efl-hub-badge{position:absolute;top:10px;right:10px;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#d93025;color:#fff;font:800 12.5px/24px Inter,system-ui,sans-serif;font-style:normal;text-align:center;box-shadow:0 0 0 3px #fff,0 6px 14px rgba(217,48,37,.35);pointer-events:none}
#hubApprovals .efl-hub-icon{background:linear-gradient(145deg,#18864b,#0f6c4a)!important}

/* Telefonda sağ alttaki EFLİ avatarı son satırdaki düğmeleri kapatmasın: içerik altına boşluk */
@media (max-width:760px){
  #applicationContent,main#content{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
}

/* ---------- Veli ana sayfası: idareci/öğretmen ana menüsüyle aynı kart dili ---------- */
#eflParentApp .pc2-group{margin-top:16px}
#eflParentApp .pc2-group h2{display:flex;align-items:center;gap:10px;margin:0 0 10px;font:800 12.5px/1 Inter,system-ui,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#5b7a93}
#eflParentApp .pc2-group h2::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#d6e5f0,transparent)}
#eflParentApp .pc2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
html body #eflParentApp .pc2-card{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:12px;min-height:96px;padding:15px 14px;border-radius:18px;background:rgba(255,255,255,.96);border:1px solid rgba(18,79,122,.15);box-shadow:0 8px 22px rgba(15,63,99,.08);transition:transform .15s,box-shadow .15s,border-color .15s}
html body #eflParentApp .pc2-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,63,99,.16);border-color:rgba(22,128,189,.45)}
html body #eflParentApp .pc2-card:focus-visible{outline:3px solid #9fd3ff;outline-offset:2px}
#eflParentApp .pc2-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:22px;background:linear-gradient(145deg,#0f7a5a,#155e47);box-shadow:0 7px 18px rgba(15,82,127,.22)}
#eflParentApp .pc2-group.g1 .pc2-ic{background:linear-gradient(145deg,#0f659c,#17456f)}
#eflParentApp .pc2-tx{min-width:0;display:grid}
#eflParentApp .pc2-tx strong{font:800 16.5px/1.2 Inter,system-ui,sans-serif;color:#0b3a5c}
#eflParentApp .pc2-tx span{font-size:12.5px;line-height:1.35;margin-top:4px;color:#5d7689;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.parent-drawer nav .parent-drawer-group{margin:12px 7px 4px}
.parent-drawer nav .parent-drawer-group:first-child{margin-top:4px}
@media (max-width:620px){
  #eflParentApp .pc2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  html body #eflParentApp .pc2-card{grid-template-columns:minmax(0,1fr);gap:8px;min-height:118px;padding:12px 11px;border-radius:16px}
  #eflParentApp .pc2-ic{width:40px;height:40px;border-radius:12px;font-size:19px}
  #eflParentApp .pc2-tx strong{font-size:14.5px}
  #eflParentApp .pc2-tx span{font-size:11.5px}
  #eflParentApp .pc2-group{margin-top:12px}
}

/* ---------- Veli sayfaları: ortak sayfa başlığı, kenar boşluğu ve boş durum kutusu ---------- */
html body #parentMain :is(.sp-wrap,.exam-shell,.abs,.pv-page,.efl-req,.svc){padding-left:0!important;padding-right:0!important;padding-top:0!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
html body #parentMain :is(.parent-head,.sp-head,.abs-head,.efl-req-head,.exam-head){margin:0 0 14px!important;padding:2px 6px 0!important;background:none!important;border:0!important;box-shadow:none!important}
html body #parentMain .pv-page>h1{padding:2px 6px 0!important}
html body #parentMain .pv-page>.pv-sub{padding:0 6px!important;margin:4px 0 14px!important}
html body #parentMain :is(.parent-head h1,.sp-head h1,.abs-head h1,.pv-page>h1,.efl-req-head h1,.exam-head h2){margin:0!important;font:800 22px/1.2 Inter,system-ui,sans-serif!important;color:#0b3a5c!important;letter-spacing:-.2px!important}
html body #parentMain :is(.parent-head p,.sp-sub,.abs-sub,.pv-sub,.efl-req-head .sub,.exam-head .exam-note){margin:4px 0 0!important;font:500 13.5px/1.45 Inter,system-ui,sans-serif!important;color:#5d7689!important}
html body #parentMain :is(.parent-empty,.exu-empty,.pf-empty,.efl-empty,.svc-empty){background:#fff!important;border:1px solid #dfe9f1!important;border-radius:16px!important;padding:20px 16px!important;text-align:center!important;color:#5d7689!important;font:600 14px/1.5 Inter,system-ui,sans-serif!important;box-shadow:0 6px 18px rgba(15,63,99,.06)!important}
html body #parentMain .parent-panel.parent-empty{margin:0!important}
@media (min-width:761px){html body #parentMain :is(.parent-head h1,.sp-head h1,.abs-head h1,.pv-page>h1,.efl-req-head h1,.exam-head h2){font-size:26px!important}}
@media (max-width:760px){html body #eflParentApp #parentMain{margin:10px 6px 0!important}}
#eflParentApp .pc2-group h2{padding:0 6px}