/* V1.11.0 masaustu yerlesimi.
   Bu dosya base.html'de media="(min-width:1024px)" ile yuklenir: telefon ve dar ekranlarda HIC uygulanmaz,
   mobil gorunum birebir aynidir. Yalniz CSS + kucuk bir betik (alt menuyu yan menuye cevirir). */

:root{--side:236px}

/* ---------- genel cerceve ---------- */
body.has-nav .app{max-width:none;margin:0;padding:0 0 32px var(--side);min-height:100vh}
body.has-nav .header{position:sticky;top:0;z-index:40;border-radius:0;padding:12px 28px;box-shadow:0 2px 12px rgba(16,52,101,.18)}
body.has-nav .header .brand{font-size:18px}
body.has-nav main{max-width:1320px;margin:0 auto;padding:18px 28px 40px}
body.has-nav h1{margin:10px 0 4px;font-size:26px}

/* ---------- yan menu (alt menunun masaustu hali) ---------- */
body.has-nav .nav{left:0;top:0;bottom:0;transform:none;width:var(--side);display:flex;flex-direction:column;
  gap:2px;padding:16px 12px 24px;border-top:none;border-right:1px solid #e5eaf2;box-shadow:2px 0 16px rgba(17,32,58,.05);
  overflow-y:auto;background:#fff;z-index:45}
body.has-nav .nav::before{content:"";height:58px;min-height:58px;flex-shrink:0;background:url(/static/brand/nis-pdks-logo.png?v=1440) left center/contain no-repeat;display:block;font-size:17px;font-weight:900;color:#103465;
  padding:6px 12px 14px;margin-bottom:6px;border-bottom:1px solid #eef1f6}
body.has-nav .nav a,body.has-nav .h7-actions-menu a{flex-direction:row!important;justify-content:flex-start!important;
  align-items:center;gap:10px!important;min-height:42px!important;padding:9px 12px!important;border-radius:10px;
  font-size:14px!important;font-weight:700;color:#344054;text-align:left;white-space:nowrap;line-height:1.2}
body.has-nav .nav a span,body.has-nav .h7-actions-menu a span{display:inline-block;width:26px;flex:0 0 26px;
  text-align:center;font-size:17px!important;font-weight:800}
body.has-nav .nav a:hover,body.has-nav .h7-actions-menu a:hover{background:#f2f6fc}
body.has-nav .nav a.active{background:#e9f2ff;color:#155dcc}
/* "Islemler" alt menusu masaustunde hep acik bir bolumdur */
body.has-nav .h7-actions{display:block;order:0}
body.has-nav .h7-actions>summary{pointer-events:none;flex-direction:row!important;justify-content:flex-start!important;
  min-height:0!important;padding:14px 12px 4px!important;font-size:11px!important;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:#98a2b3}
body.has-nav .h7-actions>summary span{display:none!important}
body.has-nav .h7-actions-menu{position:static!important;width:auto!important;padding:0!important;border:none!important;
  box-shadow:none!important;background:transparent!important;max-height:none!important}

/* ---------- icerik ---------- */
body.has-nav .card{padding:18px 20px;overflow-x:auto}
body.has-nav .stats{grid-template-columns:repeat(4,minmax(0,1fr))}
body.has-nav .actions{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
body.has-nav .grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
body.has-nav .field input,body.has-nav .field select,body.has-nav .field textarea{font-size:14px;padding:10px 12px}
/* listelerde satir ici dugmeler tam genislik olmasin */
body.has-nav .item{align-items:center}
body.has-nav .item .btn{width:auto}
body.has-nav .item .info{flex:1 1 360px}
/* tablolar kartin tamamini kullansin; sigmazsa kart icinde kaydirilir */
body.has-nav table{display:table;font-size:13px}
body.has-nav th{position:sticky;top:0;background:#fff;z-index:1}
body.has-nav tbody tr:hover td{background:#f8fafd}
body.has-nav th,body.has-nav td{padding:9px 10px}
/* telefona ozel kurulum karti masaustunde gereksiz */
body.has-nav .pwa-install-card{display:none!important}

/* ---------- sayfa bazli izgaralar ---------- */
/* Ana sayfalar: kartlar iki sutuna akar (siralama yukaridan asagi korunur) */
body.pg-dashboard:not(.pg-sub) main{column-count:2;column-gap:20px}
body.pg-dashboard main>*{break-inside:avoid}
body.pg-dashboard main>h1,body.pg-dashboard main>.flash,body.pg-dashboard main>a{column-span:all}
body.pg-dashboard main>.card{display:inline-block;width:100%;margin-top:0;margin-bottom:16px}
/* Ayarlar ana sayfasi: kartlar iki sutun (alt sayfalar tek sutun) */
body.pg-settings:not(.pg-sub) main{column-count:2;column-gap:20px}
body.pg-settings:not(.pg-sub) main>h1,body.pg-settings:not(.pg-sub) main>.flash{column-span:all}
body.pg-settings:not(.pg-sub) main>.card{display:inline-block;width:100%;margin-top:0;margin-bottom:16px;break-inside:avoid}
/* Personel listesi: kayit tek satir, dugmeler sagda */
body.pg-personnel:not(.pg-sub) .pm-person{display:flex;align-items:center;gap:18px;padding:12px 16px}
body.pg-personnel:not(.pg-sub) .pm-person-top{flex:1;min-width:0}
body.pg-personnel:not(.pg-sub) .pm-actions{margin-top:0;grid-template-columns:repeat(2,130px)}
body.pg-personnel:not(.pg-sub) .pm-actions .btn{min-height:36px;padding:6px 12px;font-size:13px}
body.pg-personnel:not(.pg-sub) .pm-search,body.pg-personnel:not(.pg-sub) .pm-search input{max-width:none}
/* liste satirlarindaki dugmeler masaustunde daha kompakt */
body.has-nav .item .btn{min-height:36px;padding:7px 14px;font-size:13px}
body.has-nav .h7-actions>summary{background:transparent!important}