/* V1.45.0 yeni telefon arayuzu.
   base.html'de media="(max-width:1023px)" ile yuklenir: masaustu gorunumu HIC degismez.
   Yalniz gorunum: ekranlarin yapisi, formlar ve adresler aynidir (hicbir ozellik kaldirilmaz). */

:root{--m-radius:20px;--m-soft:#e8f0ff;--m-shadow:0 1px 2px rgba(17,32,58,.05),0 6px 18px rgba(17,32,58,.06)}

body{-webkit-tap-highlight-color:transparent;font-feature-settings:"tnum" 1}
.app{padding-bottom:calc(92px + env(safe-area-inset-bottom))}

/* ---------- ust bant ---------- */
.header{padding:calc(10px + env(safe-area-inset-top)) 16px 14px;border-radius:0 0 22px 22px}
.header .brand-logo{padding:3px 8px;border-radius:10px}
.header .brand-logo img{height:30px}
.header .hdr-actions .btn{min-height:34px;border-radius:11px}

h1{font-size:22px;margin:6px 2px 12px;letter-spacing:-.3px}

/* ---------- kartlar / dugmeler / alanlar ---------- */
.card{border:none;border-radius:var(--m-radius);box-shadow:var(--m-shadow)}
.btn{min-height:46px;border-radius:14px;font-size:15px;transition:transform .12s ease,filter .12s ease}
.btn:active{transform:scale(.98);filter:brightness(.96)}
.field input,.field select,.field textarea{border-radius:14px;border-width:1.5px;min-height:46px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,105,255,.15)}
.badge{padding:5px 10px}
.tab{padding:9px 13px;font-size:13px}
.flash{border-radius:14px;font-weight:600}

/* ---------- alt menu (Material tarzi secili sekme) ---------- */
.nav{padding:8px 4px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px rgba(17,32,58,.06);border-top:1px solid var(--line)}
.nav>a,.nav .h7-actions>summary{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px!important;
  font-weight:700;color:#5b6579;padding:2px 1px!important;min-width:0;line-height:1.15;letter-spacing:-.1px}
.nav>a span,.nav .h7-actions>summary span{display:grid!important;place-items:center;width:52px;max-width:100%;height:30px;
  border-radius:16px;font-size:0!important;transition:background .15s ease}
.nav .nav-ico{width:22px;height:22px}
.nav>a.active,.nav>a:active{color:var(--text);background:transparent}
.nav>a,.nav .h7-actions>summary{min-height:52px!important;justify-content:center}
.nav>a.active span{background:var(--m-soft);color:var(--blue)}
.nav .h7-actions[open]>summary span{background:var(--m-soft);color:var(--blue)}
.h7-actions-menu{border-radius:20px;bottom:calc(84px + env(safe-area-inset-bottom))!important}
/* V1.48.0: Islemler menusu - simge solda, yazi yaninda (alt menu kurallari bu baglantilara uygulanmaz) */
.h7-actions-menu a{justify-content:flex-start!important;color:var(--text)!important;font-weight:700}
.h7-actions-menu a span{display:inline-flex;align-items:center;justify-content:center;width:30px;flex:0 0 30px;font-size:20px;line-height:1}