/* Shared member/admin rhythm. Keep map geometry and security dialogs unchanged. */
:root { --bg:#10151c; --yuzey:#19212c; --yuzey2:#212d3b; --cizgi:#35465b; --yazi:#e8eaed; --sonuk:#b0bdce; }
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; }
}
body main { max-width:1180px; padding:20px; }
body main h1 { font-size:26px; margin:0 0 22px; letter-spacing:0; }
body main h2 { letter-spacing:0; }
body header { gap:12px; }
body header nav { gap:4px; }
body header nav a { padding:7px 10px; }
body .dugme, body button.birincil, body .savas-islemler button {
  min-height:40px; padding:8px 12px; font-size:13px; border-radius:8px; max-width:100%; white-space:normal;
}
body .koy-calisma { grid-template-columns:184px minmax(0,1fr); gap:20px; margin-top:20px; padding-top:18px; }
body .koy-listesi a { padding:10px; }
body .koy-rozetler { gap:6px; margin:8px 0 12px; }
body .koy-sekmeler { margin-bottom:14px; overflow-x:auto; }
body .koy-sekmeler button { min-height:38px; padding:8px 12px; flex-shrink:0; }
body .harita-sahneler { gap:12px; }
body .harita-hizli { margin:10px 0; }
body .harita-hizli select { min-height:36px; padding:6px 8px; }
body .harita-emir { gap:8px; margin-top:14px; padding-top:12px; }
body #koy-panel-kuyruk { margin-top:18px; padding-top:14px; }
body #koy-panel-kuyruk h3 { margin-bottom:10px; font-size:15px; }
body .koy-islemler { gap:4px; }
body .koy-islemler button { width:34px; height:34px; padding:0; border-radius:5px; }
body .ayar-calisma { grid-template-columns:190px minmax(0,1fr); gap:24px; }
body .ayar-listesi a { padding:8px 10px; font-size:13px; }
body .ayar-etkin .ayar-grubu { margin-bottom:16px; }
body .ayar-etkin .ayar-grubu > summary { font-size:18px; }
body .ayar-kapsam { margin-bottom:14px; }
body .ayar-alanlari { gap:10px 18px; margin-bottom:14px; }
body .ayar-alanlari > [data-ayar-turu=bool] { padding-bottom:8px; }
body .ayar-alani input:not([type=checkbox]), body .ayar-alani select { min-height:36px; padding:6px 8px; font-size:13px; }
body .ayar-alani input[type=number] { max-width:120px; }
body .ayar-grubu form { padding-bottom:12px; }
body .hero-oasis, body .hero-loadout { margin:12px 0; padding:10px 0; }
body .hero-oasis-fields { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:10px 0; align-items:end; }
body .hero-oasis-fields label { font-size:12px; gap:4px; }
body .hero-oasis-fields input { height:34px; padding:6px 8px; }
body .hero-loadout-fields { gap:12px; }
body .hero-loadout-set { gap:6px; }
body .hero-loadout-set label { display:grid; grid-template-columns:72px minmax(0,1fr); gap:8px; align-items:center; }
body .hero-loadout-set select { min-height:34px; font-size:13px; }
body .settings-fold > summary { cursor:pointer; min-height:36px; padding:8px 0; font-size:13px; color:var(--sonuk); }
body .settings-fold[open] > summary { color:var(--yazi); }
body .settings-fold summary:focus-visible { outline:2px solid var(--vurgu); outline-offset:2px; }
body .feature-help { margin-bottom:4px; }
body .savas-plan, body .savas-islemler { gap:8px; margin:8px 0; }
body .savas-hedef { padding:12px 0; }
body .savas-alanlar, body .savas-birimler { gap:8px 12px; margin:12px 0; }
body .savas-birim input[type=number] { max-width:90px; }
body .uzak-yenile { gap:8px; margin:6px 0 12px; }
body .durum-ana { margin-top:16px; padding:10px 0; }
body .durum-sayilar { padding:14px 0; }
body .durum-sayilar dd { font-size:23px; }
body .durum-bolum { margin:20px 0 10px; }
body .durum-alt { gap:24px; }
body .durum-koy { gap:12px; padding:10px 0; }
body .admin-log-filters { gap:8px; margin:14px 0; }
body .admin-log-filters input, body .admin-log-filters select { min-height:36px; padding:6px 8px; }
body .kart { border-radius:12px; padding:18px; }
body header nav a { min-height:40px; display:inline-flex; align-items:center; }
body header nav a.aktif { background:#22354f; box-shadow:inset 0 -3px #4f8cff; }
body button.birincil { background:#2e63bb; border-color:#2e63bb; }
body button.birincil:hover { background:#3972ce; }
body .durum-sayilar { gap:12px; border:0; }
body .durum-sayilar > div, body .durum-sayilar > div:first-child, body .durum-sayilar > div:nth-child(3) { min-width:0; padding:16px; border:1px solid var(--cizgi); border-radius:12px; background:var(--yuzey); overflow-wrap:anywhere; }
body .durum-sayilar dd { font-size:28px; font-variant-numeric:tabular-nums; }
body .durum-koyler { gap:10px; }
body .durum-koy { padding:14px; border:1px solid var(--cizgi); border-radius:10px; background:var(--yuzey); }
body .ayar-etkin .ayar-grubu { padding:16px; border:1px solid var(--cizgi); border-radius:12px; background:var(--yuzey); }
body .ayar-etkin .ayar-grubu > summary { font-size:16px; min-height:32px; }
body .ayar-listesi a, body .koy-listesi a { border-radius:8px; }
body :is(button,a,input,select,summary):focus-visible { outline:2px solid var(--vurgu); outline-offset:3px; }
@media (max-width:700px) {
  body main { padding:16px 12px; }
  body .koy-calisma, body .ayar-calisma { grid-template-columns:minmax(0,1fr); gap:14px; }
  body .koy-sekmeler { flex-wrap:wrap; overflow:visible; gap:2px; }
  body .koy-sekmeler button { flex:1 1 90px; min-height:44px; padding:8px; font-size:12px; line-height:1.4; white-space:normal; overflow-wrap:anywhere; }
  body .koy-sekmeler button[aria-selected=true] { background:var(--yuzey2); }
  body .koy-mobil-secim select, body .ayar-mobil-secim select { min-height:38px; padding:8px; }
  body .durum-alt { gap:0; }
  body .ayar-alanlari { gap:10px 12px; }
}
@media (pointer:coarse) {
  body .dugme, body button.birincil, body .savas-islemler button,
  body .koy-sekmeler button, body .ayar-alani input:not([type=checkbox]),
  body .ayar-alani select, body .hero-oasis-fields input { min-height:44px; }
  body .koy-islemler button { width:44px; height:44px; }
}

/* One visual rhythm across member and administration pages. */
body main h1 { font-size:22px; line-height:1.3; margin-bottom:14px; font-weight:650; }
body main h2 { font-size:14px; line-height:1.4; }
body .kart { border-radius:8px; padding:14px; }
body .durum-sayilar > div, body .durum-sayilar > div:first-child, body .durum-sayilar > div:nth-child(3) { padding:12px; border-radius:8px; }
body .durum-sayilar dd { font-size:24px; line-height:1.3; }
body .durum-koy { padding:12px; border-radius:8px; }
body .ayar-etkin .ayar-grubu { padding:12px; border-radius:8px; }
body .ayar-etkin .ayar-grubu > summary { font-size:14px; font-weight:650; }
body .ayar-alani > label { font-size:12px; }
/* Match the app's readable form width without narrowing tables or results. */
body .ayar-alanlari, body .savas-alanlar { max-width:640px; }
body .ayar-alani > small { max-width:76ch; }
body .ayar-listesi a, body .koy-listesi a { border-radius:5px; }
body .dugme, body button.birincil, body .savas-islemler button { border-radius:5px; }
body header nav a { border-radius:5px 5px 0 0; font-size:13px; }
body .ayar-kapsam { padding-bottom:10px; border-bottom:1px solid var(--cizgi); }
body .savas-hedef + .savas-hedef { border-top:1px solid var(--cizgi); }
@media(max-width:700px) {
 body main { padding:14px 12px; }
 body main h1 { font-size:20px; margin-bottom:12px; }
 body header { padding:10px 12px; gap:8px; }
 body header nav a { min-height:44px; padding:6px 8px; font-size:12px; }
 body .ayar-calisma, body .koy-calisma { gap:10px; }
 body .ayar-etkin .ayar-grubu { padding:10px; }
}

body .ayar-etkin .ayar-grubu > summary { min-height:24px; padding:0 0 6px; }
body .ayar-grubu form { padding:0; }
body .ayar-kapsam { margin:0 0 10px; padding:0; border:0; font-size:11px; }
body .ayar-alanlari > [data-ayar-turu=bool] { padding-bottom:6px; border-bottom:0; }

/* The section picker remains reachable while reading long settings and villages. */
@media(min-width:701px) {
 body .ayar-secim, body .koy-secim { position:sticky; top:12px; align-self:start; max-height:calc(100dvh - 24px); overflow-y:auto; scrollbar-width:thin; }
}
body .ayar-listesi a[aria-current], body .koy-listesi a[aria-current] { background:#22354f; border-color:#4f8cff; }
body .ayar-alani > label { color:var(--yazi); font-weight:500; }
body .ayar-grubu > summary { line-height:1.5; }
body .hero-loadout-set > strong { display:flex; align-items:center; gap:10px; }
body .hero-loadout-set > strong::after { content:""; flex:1; height:1px; background:var(--cizgi); }

/* Settings and manual jobs share the same field, action and result hierarchy. */
body .ayar-alanlari { align-items:start; }
body .ayar-alanlari > .ayar-alani { min-width:0; padding-block:8px; border-bottom:1px solid var(--cizgi); }
body .ayar-alanlari > [data-ayar-turu=bool] { padding-block:8px; border-bottom:1px solid var(--cizgi); }
body .ayar-alani > label { line-height:1.45; }
body .ayar-alani > small { display:block; margin-top:4px; line-height:1.5; }
body .ayar-grubu form > button, body .ayar-grubu form > .dugme { margin-top:8px; }
body .savas-alanlar { padding-top:10px; border-top:1px solid var(--cizgi); }
body .savas-islemler { padding-top:10px; border-top:1px solid var(--cizgi); }
body .savas-hedef { padding:10px 0; }
body .durum-sayilar > div, body .durum-sayilar > div:first-child, body .durum-sayilar > div:nth-child(3) { padding:10px 12px; border-radius:6px; }
body .durum-sayilar dd { font-size:22px; }
body .hero-loadout-set { padding-top:8px; border-top:1px solid var(--cizgi); }
body .hero-loadout-set > strong { font-size:13px; }
body .hero-loadout-set > strong::after { display:none; }
body .hero-loadout-set label { min-height:36px; }
body .admin-log-filters { align-items:end; padding-bottom:10px; border-bottom:1px solid var(--cizgi); }
body .admin-log-filters label { font-size:12px; }

/* Use the same hierarchy as the app in member and administration views. */
body .ayar-etkin .ayar-grubu > summary { padding-bottom:10px; margin-bottom:4px; border-bottom:1px solid var(--cizgi); }
body .ayar-etkin .ayar-grubu { background:transparent; }
body :is(.hero-loadout-set,.savas-hedef) > strong { font-size:13px; font-weight:600; }
body .ayar-alani > label, body .hero-oasis-fields label { color:var(--sonuk); line-height:1.45; }
body .ayar-alani:focus-within > label { color:var(--yazi); }
body :is(.ayar-listesi,.koy-listesi) a { border-inline-start:2px solid transparent; }
body :is(.ayar-listesi,.koy-listesi) a[aria-current] { border-inline-start-color:var(--vurgu,#4f8cff); }
body .hesap-islemleri h2 { margin-top:16px; padding-top:12px; font-size:14px; }
body .hesap-islemleri details { margin:10px 0; }
body .hesap-islemleri summary { min-height:44px; padding-block:10px; }
body :is(.ayar-taslak-durum,.hesap-bildirim) { font-size:13px; line-height:1.5; }

/* Filled member/admin views use the same task-row hierarchy as the clients. */
body .ayar-alanlari > .ayar-alani { border-bottom:0; padding-block:6px; }
body .ayar-alanlari > [data-ayar-turu=bool] { border-bottom:0; }
body .ayar-grubu form > button { min-width:88px; }
body .ayar-grubu form > .ayar-taslak-durum { border-inline-start:2px solid var(--vurgu,#4f8cff); padding-inline-start:8px; }
body .savas-hedef { border-radius:0; background:transparent; padding:12px 0; }
body .savas-islemler { gap:6px; }
body .hero-loadout-set { border:0; padding-top:4px; }
body .hero-loadout-set > strong { padding-bottom:8px; border-bottom:1px solid var(--cizgi); }
body .koy-rozetler { gap:4px 8px; }
body .durum-koyler { gap:0; border-top:1px solid var(--cizgi); }
body .durum-koy { border:0; border-bottom:1px solid var(--cizgi); border-radius:0; background:transparent; padding:12px 2px; }
body .durum-hesap-nav { gap:4px 8px; padding-block:8px; }
body .durum-hesap-nav a { min-height:40px; display:inline-flex; align-items:center; padding:6px 10px; border-radius:5px; }
body .hesap-islemleri details > summary { font-weight:600; }
@media(pointer:coarse) {
 body .durum-hesap-nav a { min-height:44px; }
 body .hero-loadout-set select { min-height:44px; }
}

/* Member and administrator surfaces share the client hierarchy. */
:root { --bg:#0e141d; --yuzey:#17212e; --yuzey2:#203044; --cizgi:#3a4e67; --yazi:#edf2f8; --sonuk:#b6c4d6; --vurgu:#6aa4ff; }
body header { background:#121c29; border-bottom-color:#2a394d; }
body header nav a { border-radius:6px; }
body main h1 { font-size:24px; letter-spacing:-.3px; margin-bottom:16px; }
body :is(.ayar-etkin .ayar-grubu,.kart) { background:var(--yuzey); border-color:#2a394d; border-radius:9px; }
body .ayar-etkin .ayar-grubu > summary { color:var(--yazi); font-size:14px; font-weight:650; }
body :is(.ayar-listesi,.koy-listesi) a[aria-current] { background:#253e60; border-color:var(--vurgu); color:#e5f0ff; }
body :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { background:#101a27; color:var(--yazi); border-color:var(--cizgi); border-radius:6px; }
body :is(.ayar-alani,.hero-loadout-set) label { font-size:13px; }
body :is(.dugme,button.birincil,.savas-islemler button) { border-radius:6px; font-weight:600; }
body button.birincil { background:#3569b7; color:#fff; }
body .ayar-etkin .ayar-grubu { padding:12px; }
body .ayar-alanlari { gap:8px 20px; }
body .ayar-grubu form > button { margin-top:4px; }
body .durum-sayilar dd { font-size:24px; font-weight:650; }
body .durum-koy { padding:10px 2px; }
body .hesap-islemleri h2 { color:var(--yazi); }
@media(max-width:700px) {
 body main { padding:14px 12px; }
 body main h1 { font-size:21px; }
 body .ayar-alanlari { gap:8px 12px; }
}

/* Keep the selected unit and the maximum permitted troop count readable. */
body .empty-oasis-web-profile .empty-oasis-web-group { grid-template-columns:minmax(0,1fr) 72px 100px; }
@media(max-width:599px) {
 body .empty-oasis-web-profile .empty-oasis-web-group { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body .empty-oasis-web-group > label:has(select) { grid-column:1/-1; }
}