/* ─── GÖNÜLLÜ EKRANI ─────────────────────────────────────── */
#gonulluScreen { font-family: 'DM Sans', 'Inter', sans-serif; color: #e6edf3; }
#gonulluScreen * { box-sizing: border-box; }

#gonulluScreen .gon-card { background: #161b22; border: 1px solid #21262d; border-radius: 13px; padding: 20px; }

#gonulluScreen .gon-inp { width: 100%; background: #0d1117; border: 1px solid #30363d; border-radius: 7px; padding: 8px 12px; color: #e6edf3; font-size: 13px; outline: none; transition: border .2s; font-family: inherit; }
#gonulluScreen .gon-inp:focus { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,.12); }
#gonulluScreen .gon-inp option { background: #161b22; }

#gonulluScreen .gon-btn1 { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; border: none; padding: 8px 15px; border-radius: 8px; cursor: pointer; font-size: 12px; font-weight: 600; display: inline-flex; align-items: center; gap: 5px; transition: all .2s; white-space: nowrap; font-family: inherit; }
#gonulluScreen .gon-btn1:hover { transform: translateY(-1px); box-shadow: 0 4px 16px rgba(37,99,235,.4); }
#gonulluScreen .gon-btn1:disabled { opacity: .4; cursor: default; transform: none; box-shadow: none; }

#gonulluScreen .gon-btng { background: transparent; color: #8b949e; border: 1px solid #30363d; padding: 7px 13px; border-radius: 8px; cursor: pointer; font-size: 12px; font-weight: 500; display: inline-flex; align-items: center; gap: 5px; transition: all .2s; white-space: nowrap; font-family: inherit; }
#gonulluScreen .gon-btng:hover { border-color: #58a6ff; color: #58a6ff; background: rgba(88,166,255,.06); }
#gonulluScreen .gon-btng:disabled { opacity: .4; cursor: default; }

#gonulluScreen .gon-btnsm { background: rgba(37,99,235,.12); color: #58a6ff; border: 1px solid rgba(37,99,235,.2); padding: 5px 10px; border-radius: 6px; cursor: pointer; font-size: 11px; font-weight: 600; display: inline-flex; align-items: center; gap: 4px; transition: all .2s; white-space: nowrap; font-family: inherit; }
#gonulluScreen .gon-btnsm:hover { background: rgba(37,99,235,.22); }

#gonulluScreen .gon-btnpromote { background: rgba(249,115,22,.14); color: #fb923c; border: 1px solid rgba(249,115,22,.28); padding: 4px 9px; border-radius: 6px; cursor: pointer; font-size: 10px; font-weight: 700; display: inline-flex; align-items: center; gap: 3px; transition: all .2s; white-space: nowrap; font-family: inherit; }
#gonulluScreen .gon-btnpromote:hover { background: rgba(249,115,22,.25); }

#gonulluScreen .gon-nav-item { display: flex; align-items: center; gap: 9px; padding: 8px 13px; border-radius: 8px; cursor: pointer; font-size: 13px; font-weight: 500; transition: all .15s; color: #8b949e; border: none; background: none; width: 100%; text-align: left; font-family: inherit; }
#gonulluScreen .gon-nav-item:hover  { background: rgba(255,255,255,.04); color: #e6edf3; }
#gonulluScreen .gon-nav-item.active { background: rgba(37,99,235,.14); color: #58a6ff; }

#gonulluScreen .gon-asil-row  { background: rgba(37,99,235,.05); border: 1px solid rgba(37,99,235,.2); border-radius: 8px; padding: 8px 11px; margin-bottom: 4px; display: flex; align-items: center; gap: 8px; }
#gonulluScreen .gon-yedek-row { background: rgba(249,115,22,.05); border: 1px solid rgba(249,115,22,.2); border-radius: 8px; padding: 7px 11px; margin-bottom: 4px; display: flex; align-items: center; gap: 8px; }

#gonulluScreen table { width: 100%; border-collapse: collapse; }
#gonulluScreen th { padding: 12px 17px; text-align: left; font-size: 10px; font-weight: 700; color: #484f58; text-transform: uppercase; letter-spacing: .7px; border-bottom: 1px solid #21262d; }
#gonulluScreen td { padding: 11px 17px; border-bottom: 1px solid #21262d; color: #e6edf3; font-size: 13px; }
#gonulluScreen .gon-tr td { transition: background .1s; }
#gonulluScreen .gon-tr:hover td { background: rgba(37,99,235,.04) !important; }

#gonulluScreen .gon-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.75); display: flex; align-items: center; justify-content: center; z-index: 1000; }
#gonulluScreen .gon-modal-box { background: #161b22; border: 1px solid #30363d; border-radius: 15px; padding: 28px; max-width: 480px; width: 92%; box-shadow: 0 20px 60px rgba(0,0,0,.5); max-height: 90vh; overflow-y: auto; }

@keyframes gon-fade { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes gon-fi   { from { opacity: 0; } to { opacity: 1; } }
@keyframes gon-shimmer { 0%,100% { border-color: rgba(249,115,22,.2); } 50% { border-color: rgba(249,115,22,.6); } }

#gonulluScreen ::-webkit-scrollbar       { width: 5px; height: 5px; }
#gonulluScreen ::-webkit-scrollbar-track { background: #0d1117; }
#gonulluScreen ::-webkit-scrollbar-thumb { background: #30363d; border-radius: 4px; }
#gonulluScreen ::-webkit-scrollbar-thumb:hover { background: #484f58; }
#gonulluScreen .gon-inp:disabled { opacity: .45; cursor: not-allowed; }