/*
  CengizHarita v20
  Dark corporate operator override
  Loaded after page styles to normalize the product into a
  high-contrast cadastral / engineering interface.
*/

:root {
  --bg: #07111b !important;
  --bg2: #0b1826 !important;
  --bg3: #112233 !important;
  --panel: #0d1b2a !important;
  --card: #102133 !important;
  --b: #1f374d !important;
  --b2: #35506a !important;
  --ac: #29c7d8 !important;
  --ac2: #1188a6 !important;
  --gr: #25c36f !important;
  --gr2: #169b56 !important;
  --or: #ffb020 !important;
  --re: #ff5c5c !important;
  --ye: #f1d04b !important;
  --t: #edf5ff !important;
  --t2: #9db0c4 !important;
  --t3: #c7d3df !important;
  --mono: 'JetBrains Mono', 'Consolas', monospace !important;
  --sans: 'Rajdhani', 'Segoe UI', sans-serif !important;
  --raj: 'Rajdhani', 'Segoe UI', sans-serif !important;
  --r: 8px !important;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .35), 0 0 0 1px rgba(20, 40, 58, .5) !important;
  --shadow-md: 0 10px 24px rgba(0, 0, 0, .28), 0 0 0 1px rgba(31, 55, 77, .75) !important;
  --shadow-lg: 0 18px 40px rgba(0, 0, 0, .35), 0 0 0 1px rgba(31, 55, 77, .85) !important;
}

html, body {
  background:
    radial-gradient(circle at top right, rgba(41, 199, 216, .08), transparent 28%),
    radial-gradient(circle at top left, rgba(255, 176, 32, .05), transparent 24%),
    linear-gradient(180deg, #06111a 0%, #091521 45%, #07111b 100%) !important;
  color: var(--t) !important;
  font-family: var(--sans) !important;
}

body::before {
  background-image:
    linear-gradient(rgba(41, 199, 216, .03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(41, 199, 216, .03) 1px, transparent 1px) !important;
  background-size: 28px 28px !important;
  opacity: .7 !important;
}

body, p, div, span, td, th, li, button, input, select, textarea, label {
  color: inherit;
  font-family: var(--sans) !important;
}

h1, h2, h3, h4, h5, h6,
.logo-name,
.adm-title,
.kart-bas-ic,
.cogo-ar-bas,
.tab,
.login-tab {
  font-family: var(--raj) !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase;
}

#header,
.adm-header,
.site-header,
.top-header {
  background: linear-gradient(180deg, rgba(5, 10, 16, .96), rgba(8, 17, 27, .92)) !important;
  border-bottom: 1px solid var(--b) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18) !important;
  backdrop-filter: blur(14px) !important;
}

.logo-gem,
.splash-diamond {
  background: linear-gradient(135deg, #25d3e4 0%, #1188a6 100%) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  box-shadow: 0 0 0 1px rgba(8, 33, 49, .7), 0 10px 20px rgba(17, 136, 166, .28) !important;
}

.logo-name,
.logo-ver,
.adm-title,
.adm-user,
.user-name {
  color: var(--t) !important;
}

.logo-ver,
.adm-badge,
.user-badge,
.st-chip,
.badge,
.format-chip,
.htb-aktif,
.htb-lbl {
  font-family: var(--mono) !important;
  letter-spacing: .8px !important;
}

.st-chip,
.user-info,
.format-chip,
.badge,
.htb-aktif {
  background: rgba(9, 21, 33, .82) !important;
  border: 1px solid var(--b) !important;
  color: var(--t3) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
}

.page,
.kart,
.card,
.panel,
.htb-panel,
.cogo-panel,
.login-box,
.stat-card,
.durum-karti,
.tablo-wrap,
table,
.modal-ic,
.modal-box,
.popup-content,
.leaflet-popup-content-wrapper {
  background:
    linear-gradient(180deg, rgba(18, 35, 53, .95), rgba(10, 23, 36, .95)) !important;
  border: 1px solid var(--b) !important;
  box-shadow: var(--shadow-md) !important;
  color: var(--t) !important;
}

.kart,
.card,
.panel,
.login-box,
.tablo-wrap,
table,
.durum-karti,
.stat-card,
.popup-content,
.leaflet-popup-content-wrapper {
  border-radius: 10px !important;
}

.kart-bas,
.cogo-h,
.modal-bas,
.popup-title {
  background: linear-gradient(180deg, rgba(14, 31, 46, .96), rgba(10, 23, 36, .9)) !important;
  border-bottom: 1px solid var(--b) !important;
}

button,
.btn,
.hdr-btn,
.mini-btn,
.htb-btn,
.cogo-btn,
.filter-btn,
.act-btn,
.login-submit,
.adm-logout,
.adm-back,
.upload-btn-inner {
  background: linear-gradient(180deg, #152a3d, #102132) !important;
  color: var(--t) !important;
  border: 1px solid var(--b2) !important;
  border-radius: 7px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 6px 14px rgba(0, 0, 0, .15) !important;
  text-transform: uppercase;
}

button:hover,
.btn:hover,
.hdr-btn:hover,
.mini-btn:hover,
.htb-btn:hover,
.cogo-btn:hover,
.filter-btn:hover,
.act-btn:hover,
.adm-logout:hover,
.adm-back:hover {
  border-color: var(--ac) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

.login-submit,
.htb-btn.primary,
.upload-btn-inner,
.filter-btn.active,
.tab.active,
.cogo-tab.on,
.htb-btn.togl.on,
.bnav-item.active {
  background: linear-gradient(180deg, #1aa8c0, #1188a6) !important;
  border-color: #2ad1e4 !important;
  color: #041119 !important;
  box-shadow: 0 0 0 1px rgba(45, 208, 229, .16), 0 10px 18px rgba(17, 136, 166, .26) !important;
}

.mini-btn.warn,
.act-banla,
.adm-logout {
  border-color: rgba(255, 92, 92, .55) !important;
  color: #ffd6d6 !important;
}

.act-onayla {
  border-color: rgba(37, 195, 111, .55) !important;
  color: #c8ffd9 !important;
}

.act-rol,
.adm-back {
  border-color: rgba(41, 199, 216, .55) !important;
  color: #cbfaff !important;
}

input,
select,
textarea,
.login-input,
.htb-sel {
  background: #09131d !important;
  color: var(--t) !important;
  border: 1px solid var(--b2) !important;
  border-radius: 7px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02) !important;
}

input::placeholder,
textarea::placeholder {
  color: #7e93a8 !important;
}

input:focus,
select:focus,
textarea:focus,
.login-input:focus,
.htb-sel:focus {
  border-color: #2ad1e4 !important;
  box-shadow: 0 0 0 3px rgba(41, 199, 216, .16) !important;
}

.tabs,
.login-tabs,
.cogo-tabs,
#bottom-nav {
  background: linear-gradient(180deg, rgba(11, 24, 38, .94), rgba(7, 17, 27, .95)) !important;
  border: 1px solid var(--b) !important;
  box-shadow: var(--shadow-sm) !important;
}

.tab,
.login-tab,
.cogo-tab,
.bnav-item {
  color: var(--t2) !important;
}

.tab:hover,
.login-tab:hover,
.cogo-tab:hover,
.bnav-item:hover {
  color: var(--t) !important;
}

table,
thead,
tbody {
  background: transparent !important;
}

th {
  background: rgba(13, 28, 42, .92) !important;
  color: #84dded !important;
  border-bottom: 1px solid var(--b) !important;
  text-transform: uppercase;
}

td {
  color: var(--t3) !important;
  border-bottom: 1px solid rgba(31, 55, 77, .7) !important;
}

tr:hover td {
  background: rgba(20, 42, 62, .35) !important;
}

.upload-zone {
  background:
    linear-gradient(180deg, rgba(16, 33, 51, .92), rgba(9, 20, 31, .98)) !important;
  border: 1px dashed rgba(41, 199, 216, .45) !important;
  box-shadow: inset 0 0 0 1px rgba(41, 199, 216, .06), 0 12px 22px rgba(0, 0, 0, .16) !important;
}

.upload-zone:hover {
  border-color: rgba(41, 199, 216, .75) !important;
  background:
    linear-gradient(180deg, rgba(20, 41, 62, .96), rgba(9, 20, 31, .98)) !important;
}

.upload-icon,
.bnav-icon {
  color: #8ee9f5 !important;
  text-shadow: 0 0 14px rgba(41, 199, 216, .2);
}

#harita-toolbar,
#cogo-toggle,
#cogo-panel,
#harita-bos,
#login-overlay,
#splash {
  background-color: transparent;
}

#harita-toolbar,
#cogo-panel,
#cogo-toggle,
.leaflet-control-zoom a,
.leaflet-bar a {
  border-color: var(--b2) !important;
}

.leaflet-control-zoom a,
.leaflet-bar a {
  background: #102133 !important;
  color: var(--t) !important;
}

.toast,
.toast-item,
.toast-container > div {
  background: linear-gradient(180deg, rgba(13, 28, 42, .96), rgba(7, 17, 27, .98)) !important;
  color: var(--t) !important;
  border: 1px solid var(--b) !important;
  box-shadow: var(--shadow-md) !important;
}

.loading,
.bos-durum,
.login-err,
.login-ok,
.stat-lbl,
.dk-lbl {
  color: var(--t2) !important;
}

.dk-val,
.stat-val {
  color: var(--t) !important;
}

.dk-val.ac,
.stat-card .stat-val,
.badge-muhendis {
  color: #87f0ff !important;
}

.dk-val.gr,
.badge-aktif {
  color: #7af0a8 !important;
}

.dk-val.or,
.badge-beklemede,
.badge-admin {
  color: #ffd06d !important;
}

.badge-banli {
  color: #ff9e9e !important;
}

.leaflet-popup-tip {
  background: #102133 !important;
}

@media (max-width: 768px) {
  #header,
  .adm-header {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .kart,
  .tablo-wrap,
  .login-box,
  table {
    border-radius: 8px !important;
  }
}