/* Kabuk: sol menü ERP grupları, GTİP & Vergi sekmeleri ve telefon (≤ 760 px) ortak kuralları.
   En son yüklenir. Yeni renk yok: yalnız var(--…) ve menünün workspace.css'teki mevcut tonları. */

/* --- Sol menü --- */
.sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.nav-close{display:none}
.sidebar .nav-item{margin:2px 0;padding:10px 14px}
.nav-group{margin-top:8px}
.nav-group-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;color:#8ca398;font-size:11px;font-weight:700;letter-spacing:1.6px;text-align:left;padding:10px 14px 6px;border-radius:9px;cursor:pointer}
.nav-group-head:hover{color:white}
.nav-group-head::after{content:"";flex:none;width:6px;height:6px;margin-right:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s}
.nav-group-head[aria-expanded="true"]::after{transform:rotate(45deg)}
.nav-group-items[hidden]{display:none}
.sidebar .nav-item:focus-visible,.nav-group-head:focus-visible,.nav-close:focus-visible{outline:2px solid #eaf1e6;outline-offset:1px}

/* --- GTİP & Vergi: üç ekranın ortak sekme çubuğu --- */
.gtip-tabs{display:flex;gap:4px;margin:0 0 24px;box-shadow:inset 0 -1px 0 var(--line);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.gtip-tabs::-webkit-scrollbar{display:none}
.gtip-tab{background:none;min-height:44px;padding:10px 16px;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap;cursor:pointer}
.gtip-tab:hover{color:var(--ink)}
.gtip-tab.active{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}

/* --- Yeni maliyet: telefonda katlanan ikincil bölümler; masaüstünde özet satırı yok, bölüm hep açık --- */
@media (min-width:761px){
  .cost-fold>summary{display:none}
}

@media (max-width:760px){
  /* Menü çekmecesi: tam ekran */
  .app-shell{display:block}
  body:has(.sidebar.open){overflow:hidden}
  .sidebar{inset:0;width:100%;padding:12px 16px 24px;overflow-y:auto;z-index:30;transform:translateX(-100%);visibility:hidden;transition:transform .2s,visibility .2s}
  .sidebar.open{transform:none;visibility:visible;box-shadow:none}
  .sidebar-head{align-items:center;margin-bottom:12px}
  .sidebar-head .brand{padding:0 8px}
  .nav-close{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:9px;background:#24433d;color:white;font-size:14px;font-weight:600;cursor:pointer}
  .nav-close span{font-size:22px;line-height:1}
  .sidebar .nav-item{min-height:48px;padding:12px 14px;font-size:15px}
  .nav-group-head{min-height:44px;padding:12px 14px 8px;font-size:12px}
  .sidebar-footer{margin-top:24px}
  .sidebar-footer p,.user-row small{font-size:12px}

  /* Üst çubuk */
  .topbar{height:60px;padding:0 8px 0 4px;gap:8px}
  .mobile-menu{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;background:none;color:var(--ink)}
  .topbar>.actions{flex-wrap:nowrap;gap:4px;min-width:0}
  .topbar .crumb{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .crumb-co{display:none}
  .crumb b{font-weight:600}
  .top-actions{flex:none;gap:4px}
  .top-actions>.badge{display:none}
  .top-actions .btn{min-width:44px;padding:8px 10px}

  /* Ortak dokunma hedefleri */
  .btn,.btn.small{min-height:44px}
  .btn.small{padding:8px 12px;font-size:12px}
  main summary{min-height:44px;box-sizing:border-box;align-content:center}
  main label.check{min-height:44px}
  .gtip-tabs{margin-bottom:16px}
  /* Sekmeler sığmazsa yatay kayar (sayfa kaymaz); etkin sekme render() içinde görünür alana alınır. */
  .gtip-tab{flex:0 0 auto;padding:10px 12px}

  /* En küçük metin 12 px */
  .eyebrow,.badge,.hint,.field,.field small,.btn,main small,#main td small,main th,.demo-strip,.section-note p,.result-hero p{font-size:12px}

  /* Yeni maliyet */
  .cost-fold{margin-top:16px;border-top:1px solid var(--line)}
  .cost-fold>summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--ink);line-height:1.3}
  .cost-fold[open]{padding-bottom:8px}
  .cost-fold>.cost-gap{margin-top:0}
  .cost-fold.cost-hint{margin-top:4px;border-top:0}
  .cost-fold.cost-hint>summary{font-size:12px;font-weight:500;color:var(--muted)}
  .cost-fold.cost-hint>.hint{margin-top:0}
  .cost-fold-fx .cost-fx{margin-top:0;border-top:0;padding-top:0}
  .cost-fold-fx .cost-fx h3{display:none}
  .cost-fold-fx .cost-fx .card-title{margin-bottom:12px}
  #cost-form .cost-step>.feature-details,#cost-form .cost-step>.cost-fold:not(.cost-hint){margin-top:8px}
  #cost-form .cost-step>.fields+.cost-fold,#cost-form .cost-step>.fields+.feature-details{margin-top:16px}
  #cost-form .feature-details:not([open]),.cost-fold:not([open]){padding-top:0}
  /* Yapışkan alt çubukta "Hesapla" hep görünür: form sonundaki ve özet kartındaki yinelenen düğmeler gizlenir. */
  #cost-form .section-note{display:none}
  #result-rail .result-body>.btn.full[type="submit"]{display:none}
}