/* ============================================================================ * genel-bakis.css — "Genel Bakış" v2 · TEK EKRAN (kaydırmasız) · 18.08.2026 * * 🔴 KAPSAM KİLİDİ: panel tek SPA kabuğu; bu dosya TÜM sekmelerde yüklüdür. * Bu yüzden HER seçici ya `#gb-root` kökünden ya `body[data-page="dashboard"]` * kapısından geçer. Kapısız tek bir seçici bile YAZILMAZ. * (overview-page.css'teki `.kpi` sızıntısı 6 sayfayı etkiliyor — tekrarlama.) * bkz. memory/reference_panel_sayfa_css_print_tuzagi * * 🔴 @media print BLOĞU YOK. Eklenecekse gövde sınıfı kapısıyla: * `@media print { body.gb-yazdiriliyor … }` — çıplak `body{visibility:hidden}` * her sekmede BOMBOŞ KÂĞIT bastırır. * * RENK SÖZLEŞMESİ — renk burada anlam taşır, süs değildir: * bordo = BİZİM paramız (ciro, net kâr, envanter değeri) * kil = DEVLETİN payı (hesaplanan KDV, gelir vergisi) * teal = GERİ GELEN para (indirilecek KDV, gelecek tahsilat) * grafit = BAŞKASININ payı (ürün maliyeti, komisyon, kargo) * kırmızı/yeşil = YALNIZCA işaret (zarar / kâr). Süs olarak asla. * ==========================================================================*/ #gb-root { --gb-bordo: #681620; --gb-bordo-soft: rgba(104, 22, 32, .09); --gb-kil: #b45309; --gb-kil-soft: rgba(180, 83, 9, .10); --gb-geri: #0f766e; --gb-grafit: #475569; --gb-grafit-2: #7c899b; --gb-grafit-3: #a4b0be; --gb-grafit-4: #cbd5e1; --gb-kar: #15803d; --gb-zarar: #b91c1c; --gb-gap: 9px; --gb-pad: 11px; --gb-r: 10px; display: grid; gap: var(--gb-gap); grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: auto auto minmax(120px, 1.18fr) minmax(110px, 1fr) auto auto; /* Tek ekran: kabuk üst çubuğu + #main dikey dolgusu düşülür. Taşan içerik SAYFAYI değil, kendi kutusunu kaydırır. */ height: calc(100vh - var(--shell-top-h, 52px) - (2 * var(--main-pad-y, 12px))); min-height: 520px; font-variant-numeric: tabular-nums; } /* Sayfa kaydırmasını YALNIZCA bu sekmede kapat (gövde sınıfı kapısı) */ body[data-page="dashboard"] { overflow: hidden; } body[data-page="dashboard"] #main { overflow: hidden; } /* ------------------------------------------------------------------ kutu -- */ #gb-root .gb-kutu { background: var(--surface); border: 1px solid var(--border); border-radius: var(--gb-r); padding: var(--gb-pad); display: flex; flex-direction: column; min-height: 0; min-width: 0; overflow: hidden; } #gb-root .gb-bas { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 8px; flex-shrink: 0; } #gb-root .gb-bas h3 { margin: 0; font-size: 11.5px; font-weight: 700; color: var(--text); letter-spacing: -.1px; white-space: nowrap; } #gb-root .gb-bas a { font-size: 10.5px; font-weight: 600; color: var(--gb-bordo); white-space: nowrap; text-decoration: none; } #gb-root .gb-bas a:hover { text-decoration: underline; } #gb-root .gb-not { font-size: 10px; color: var(--text-secondary); font-weight: 500; } #gb-root .gb-govde { flex: 1; min-height: 0; display: flex; flex-direction: column; } #gb-root .gb-bos-kutu { padding: 14px 8px; text-align: center; color: var(--text-tertiary); font-size: 12px; margin: auto 0; } #gb-root .gb-dip { font-size: 9.5px; color: var(--text-secondary); margin-top: auto; padding-top: 6px; line-height: 1.45; flex-shrink: 0; } #gb-root .gb-dip b { color: var(--text-secondary); } #gb-root .gb-et { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .9px; color: var(--text-secondary); } #gb-root .gb-alt { font-size: 10.5px; color: var(--text-secondary); margin-top: 2px; line-height: 1.35; } /* rakam gövdesi: rakam ağır, birim hafif — sütunlarda optik hizalama */ #gb-root .gb-sayi { font-weight: 700; letter-spacing: -.025em; color: var(--text); line-height: 1.05; } #gb-root .gb-cur { font-size: .62em; font-weight: 600; color: var(--text-tertiary); margin-left: 2px; font-style: normal; } #gb-root .gb-yok { color: var(--gb-grafit-3); font-weight: 500; } #gb-root .gb-kar-h { color: var(--gb-kar); font-weight: 600; } #gb-root .gb-zarar-h { color: var(--gb-zarar); font-weight: 600; } #gb-root .gb-bordo-r { color: var(--gb-bordo); } #gb-root .gb-geri-r { color: var(--gb-geri); } /* veri kalitesi rozeti — bu ekranın dürüstlük sözü */ #gb-root .gb-uyari { display: inline-flex; align-items: center; gap: 3px; font-size: 9.5px; font-weight: 700; padding: 1px 5px; border-radius: 20px; background: var(--gb-kil-soft); color: var(--gb-kil); cursor: help; white-space: nowrap; vertical-align: middle; } /* -------------------------------------------------------------- şerit ----- */ #gb-root .gb-serit { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 0 2px; } #gb-root .gb-selam { font-size: 15px; font-weight: 700; letter-spacing: -.3px; margin: 0; } #gb-root .gb-selam span { color: var(--text-tertiary); font-weight: 500; font-size: 12px; margin-left: 7px; } #gb-root .gb-donem { display: flex; gap: 2px; margin-left: auto; background: var(--surface); border: 1px solid var(--border); border-radius: 20px; padding: 2px; } #gb-root .gb-donem a { padding: 3px 11px; border-radius: 20px; font-size: 11.5px; font-weight: 600; color: var(--text-secondary); text-decoration: none; white-space: nowrap; } #gb-root .gb-donem a.on { background: var(--gb-bordo); color: #fff; } #gb-root .gb-donem a:hover:not(.on) { background: var(--surface-hover); color: var(--text); } #gb-root .gb-yenile { width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); font-size: 14px; cursor: pointer; line-height: 1; } #gb-root .gb-yenile:hover { background: var(--surface-hover); color: var(--text); } #gb-root .gb-btn { font: inherit; font-size: 10.5px; font-weight: 700; cursor: pointer; background: var(--gb-bordo); color: #fff; border: none; border-radius: 6px; padding: 4px 10px; margin-top: 6px; } #gb-root .gb-btn:hover { background: #811c2a; } #gb-root a:focus-visible, #gb-root button:focus-visible { outline: 2px solid var(--gb-bordo); outline-offset: 2px; } /* ------------------------------------------------ HERO — paranın hâli ----- */ #gb-root .gb-hero { grid-column: 1 / -1; } #gb-root .gb-hero .gb-govde { flex-direction: row; align-items: stretch; gap: 16px; } #gb-root .gb-hero-sol { flex-shrink: 0; display: flex; align-items: center; gap: 18px; } #gb-root .gb-hero-blok .gb-et { display: block; margin-bottom: 1px; } #gb-root .gb-hero-ciro .gb-sayi { font-size: 25px; } #gb-root .gb-hero-kar .gb-sayi { font-size: 25px; color: var(--gb-bordo); } #gb-root .gb-hero-ok { color: var(--gb-grafit-4); font-size: 17px; align-self: center; } #gb-root .gb-hero-sag { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 6px; } #gb-root .gb-yigin { display: flex; height: 26px; border-radius: 6px; overflow: hidden; background: var(--surface-hover); } #gb-root .gb-yigin i { display: block; height: 100%; transform-origin: left; animation: gb-buyu .75s cubic-bezier(.2,.7,.2,1) forwards; } @keyframes gb-buyu { from { transform: scaleX(0); } to { transform: scaleX(1); } } #gb-root .gb-yigin i + i { border-left: 1px solid rgba(255,255,255,.55); } #gb-root .gb-yigin i[data-tip] { cursor: help; } #gb-root .gb-efsane { display: flex; gap: 14px; flex-wrap: wrap; } #gb-root .gb-efsane span { display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; color: var(--text-secondary); white-space: nowrap; } #gb-root .gb-efsane b { color: var(--text); font-weight: 700; } #gb-root .gb-efsane u { width: 9px; height: 9px; border-radius: 2px; flex-shrink: 0; text-decoration: none; } /* ---------------------------------------------- aylık para tablosu -------- */ #gb-root .gb-ay { grid-column: span 5; grid-row: 3; } /* 🪤 Kısa ekranda (1366×768) TOPLAM satırı kırpılıyordu. Kutu kendi içinde kayar; sayfa kaymaz. Dip notu kaymanın DIŞINDA kalır. */ #gb-root .gb-ay .gb-govde > div { display: flex; flex-direction: column; flex: 1; min-height: 0; } #gb-root .gb-ay .gb-tablo { flex-shrink: 0; } #gb-root .gb-ay-kaydir { overflow-y: auto; flex: 1; min-height: 0; } #gb-root .gb-tablo { width: 100%; border-collapse: collapse; font-size: 11.5px; } #gb-root .gb-tablo th { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; color: var(--text-secondary); text-align: right; padding: 0 0 5px; white-space: nowrap; border-bottom: 1px solid var(--border); } #gb-root .gb-tablo th:first-child, #gb-root .gb-tablo td:first-child { text-align: left; } #gb-root .gb-tablo td { padding: 9px 0; text-align: right; border-bottom: 1px solid var(--border); white-space: nowrap; } #gb-root .gb-tablo td:first-child { font-weight: 600; color: var(--text); } #gb-root .gb-tablo tr.gb-simdi td { background: var(--gb-bordo-soft); } #gb-root .gb-tablo tr.gb-simdi td:first-child { border-radius: 5px 0 0 5px; padding-left: 5px; } #gb-root .gb-tablo tr.gb-simdi td:last-child { border-radius: 0 5px 5px 0; padding-right: 5px; } #gb-root .gb-tablo tr.gb-toplam td { border-bottom: none; border-top: 2px solid var(--border-strong); padding-top: 9px; font-weight: 700; color: var(--text); } #gb-root .gb-tablo tr.gb-toplam td:first-child { font-size: 10px; text-transform: uppercase; letter-spacing: .6px; color: var(--text-secondary); } /* satır içi mini ciro çubuğu — sayıyı okumadan büyüklük hissi */ #gb-root .gb-mini { display: block; height: 3px; border-radius: 2px; background: var(--gb-bordo); opacity: .55; margin-top: 3px; } /* ------------------------------------------- KDV terazisi (imza öge) ------ */ /* Beyanın aritmetiğini birebir çizer: hesaplanan − indirilecek = ödenecek */ #gb-root .gb-kdv { grid-column: span 4; grid-row: 3; } #gb-root .gb-terazi { display: flex; flex-direction: column; gap: 9px; flex: 1; justify-content: center; } #gb-root .gb-t-satir { display: grid; grid-template-columns: 36px 1fr 82px; align-items: center; gap: 8px; } #gb-root .gb-t-ay { font-size: 10.5px; font-weight: 700; color: var(--text-secondary); } #gb-root .gb-t-alan { position: relative; height: 30px; } #gb-root .gb-t-sifir { position: absolute; left: 50%; top: -2px; bottom: -2px; width: 1px; background: var(--border-strong); } #gb-root .gb-t-cubuk { position: absolute; top: 5px; height: 20px; border-radius: 3px; animation: gb-buyu .7s cubic-bezier(.2,.7,.2,1) forwards; } #gb-root .gb-t-sol { right: 50%; background: var(--gb-geri); transform-origin: right; } #gb-root .gb-t-sag { left: 50%; background: var(--gb-kil); transform-origin: left; } #gb-root .gb-t-eksik { background: repeating-linear-gradient(135deg, var(--gb-grafit-4) 0 4px, transparent 4px 8px); border: 1px dashed var(--gb-grafit-3); } #gb-root .gb-t-deg { position: absolute; top: 8px; font-size: 9.5px; font-weight: 700; color: #fff; white-space: nowrap; } #gb-root .gb-t-deg-bos { color: var(--gb-grafit-2); } #gb-root .gb-t-sol .gb-t-deg { left: 5px; } #gb-root .gb-t-sag .gb-t-deg { right: 5px; } #gb-root .gb-t-oden { text-align: right; font-size: 12.5px; font-weight: 700; letter-spacing: -.02em; } #gb-root .gb-t-oden small { display: block; font-size: 9px; font-weight: 600; color: var(--text-secondary); letter-spacing: 0; } #gb-root .gb-t-yok { font-size: 10.5px; } #gb-root .gb-t-basl { display: grid; grid-template-columns: 36px 1fr 82px; gap: 8px; margin-bottom: 2px; flex-shrink: 0; } #gb-root .gb-t-basl div { display: flex; justify-content: space-between; } #gb-root .gb-t-basl span { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; } #gb-root .gb-t-basl .l { color: var(--gb-geri); } #gb-root .gb-t-basl .r { color: var(--gb-kil); } #gb-root .gb-t-basl .o { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--text-secondary); text-align: right; display: block; } /* --------------------------------------------------------- vergi yükü ----- */ #gb-root .gb-vergi { grid-column: span 3; grid-row: 3; } #gb-root .gb-v-satir { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 5px 0; border-bottom: 1px solid var(--border); } #gb-root .gb-v-satir:last-child { border-bottom: none; } #gb-root .gb-v-ad { font-size: 11px; color: var(--text-secondary); } #gb-root .gb-v-ad em { font-style: normal; display: block; font-size: 9.5px; color: var(--text-secondary); } #gb-root .gb-v-deg { font-size: 14px; font-weight: 700; letter-spacing: -.02em; white-space: nowrap; } #gb-root .gb-v-matrah { background: var(--gb-bordo-soft); border-radius: 7px; padding: 7px 9px; margin-bottom: 6px; } #gb-root .gb-v-matrah .gb-sayi { font-size: 19px; color: var(--gb-bordo); } #gb-root .gb-v-mini { font-size: 9.5px; color: var(--text-secondary); margin-top: 2px; } #gb-root .gb-v-kalan { margin-top: 8px; padding: 7px 9px; border-radius: 7px; background: var(--gb-kil-soft); } #gb-root .gb-v-kalan .gb-sayi { font-size: 18px; color: var(--gb-kil); } #gb-root .gb-v-bos { margin-top: auto; border: 1px dashed var(--gb-grafit-3); border-radius: 7px; padding: 8px 9px; font-size: 10.5px; color: var(--text-secondary); line-height: 1.45; } #gb-root .gb-v-bos b { color: var(--text); display: block; margin-bottom: 2px; font-size: 11px; } /* ----------------------------------------------------- nakit takvimi ------ */ #gb-root .gb-nakit { grid-column: span 4; grid-row: 4; } #gb-root .gb-n-ust { display: flex; align-items: baseline; gap: 12px; margin-bottom: 7px; flex-shrink: 0; } #gb-root .gb-n-ust .gb-sayi { font-size: 21px; } #gb-root .gb-takvim { display: flex; align-items: flex-end; gap: 2px; flex: 1; min-height: 38px; } #gb-root .gb-t-gun { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; min-width: 0; cursor: help; } #gb-root .gb-t-gun i { display: block; background: var(--gb-geri); border-radius: 2px 2px 0 0; min-height: 1px; transform-origin: bottom; animation: gb-yuksel .7s cubic-bezier(.2,.7,.2,1) forwards; } @keyframes gb-yuksel { from { transform: scaleY(0); } to { transform: scaleY(1); } } #gb-root .gb-t-gun.bos i { background: var(--gb-grafit-4); } #gb-root .gb-n-eksen { display: flex; justify-content: space-between; font-size: 9px; color: var(--text-secondary); margin-top: 3px; flex-shrink: 0; } #gb-root .gb-n-kanal { display: flex; gap: 10px; margin-top: 6px; flex-wrap: wrap; flex-shrink: 0; } #gb-root .gb-n-kanal span { font-size: 10px; color: var(--text-secondary); display: inline-flex; align-items: center; gap: 4px; } #gb-root .gb-n-kanal u { width: 8px; height: 8px; border-radius: 2px; text-decoration: none; } #gb-root .gb-n-kanal b { color: var(--text); } /* --------------------------------------------------------- envanter ------- */ #gb-root .gb-env { grid-column: span 3; grid-row: 4; } #gb-root .gb-e-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 7px; flex-shrink: 0; } #gb-root .gb-e-ust .gb-sayi { font-size: 20px; } #gb-root .gb-e-say { font-size: 10px; color: var(--text-secondary); text-align: right; } #gb-root .gb-e-saglik { display: flex; height: 8px; border-radius: 20px; overflow: hidden; background: var(--surface-hover); margin-bottom: 7px; flex-shrink: 0; } #gb-root .gb-e-saglik i { display: block; height: 100%; transform-origin: left; animation: gb-buyu .7s cubic-bezier(.2,.7,.2,1) forwards; cursor: help; } #gb-root .gb-e-kat { display: flex; flex-direction: column; gap: 4px; flex: 1; min-height: 0; overflow-y: auto; } #gb-root .gb-e-satir { display: grid; grid-template-columns: minmax(0,1fr) 46px; align-items: center; gap: 7px; font-size: 10.5px; } #gb-root .gb-e-ad { color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } #gb-root .gb-e-cub { display: block; height: 4px; border-radius: 2px; background: var(--gb-bordo); opacity: .7; margin-top: 2px; transform-origin: left; animation: gb-buyu .7s cubic-bezier(.2,.7,.2,1) forwards; } #gb-root .gb-e-tut { text-align: right; font-weight: 600; color: var(--text-secondary); font-size: 10px; } #gb-root .gb-e-rozet { display: flex; gap: 5px; margin-top: 6px; flex-wrap: wrap; flex-shrink: 0; } #gb-root .gb-e-rozet a { font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 20px; text-decoration: none; } #gb-root .gb-e-rozet .k { background: var(--danger-soft); color: var(--gb-zarar); } #gb-root .gb-e-rozet .u { background: var(--warning-soft); color: var(--gb-kil); } /* ------------------------------------------------- kârlılık röntgeni ------ */ #gb-root .gb-marj { grid-column: span 5; grid-row: 4; } #gb-root .gb-m-liste { display: flex; flex-direction: column; gap: 5px; flex: 1; min-height: 0; overflow-y: auto; } #gb-root .gb-m-satir { display: grid; grid-template-columns: minmax(0,1fr) 124px 46px; align-items: center; gap: 10px; font-size: 11px; } #gb-root .gb-m-ad { min-width: 0; } #gb-root .gb-m-ad b { display: block; font-weight: 600; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11px; } #gb-root .gb-m-ad em { font-style: normal; font-size: 9.5px; color: var(--text-secondary); } /* Çubuk SIFIRDAN büyür: sola=zarar, sağa=kâr. Kesik çizgi=dönem marjı. Sola dayalı doldurmak "az kârlı"yı "hiç kârsız"dan ayırt ettirmiyordu. */ #gb-root .gb-m-sk { position: relative; height: 14px; border-radius: 3px; background: var(--surface-hover); cursor: help; } #gb-root .gb-m-sk i { position: absolute; top: 4px; height: 6px; border-radius: 2px; animation: gb-buyu .7s cubic-bezier(.2,.7,.2,1) forwards; transform-origin: left; } #gb-root .gb-m-sk .z { position: absolute; top: 0; bottom: 0; width: 1px; background: var(--border-strong); animation: none; } #gb-root .gb-m-sk .h { position: absolute; top: 0; bottom: 0; width: 0; border-left: 1px dashed var(--gb-grafit-3); animation: none; } #gb-root .gb-m-yuz { text-align: right; font-weight: 700; font-size: 11.5px; letter-spacing: -.02em; } /* --------------------------------------------------- operasyon şeridi ----- */ /* Çip sayısı role göre değişir (owner 6, personel 3) — sabit 6 kolon boş göz bırakır. */ #gb-root .gb-ops { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--gb-gap); } #gb-root .gb-op { background: var(--surface); border: 1px solid var(--border); border-radius: var(--gb-r); padding: 8px 11px; text-decoration: none; color: inherit; display: flex; align-items: center; gap: 10px; min-width: 0; transition: border-color .15s, box-shadow .15s; } #gb-root .gb-op:hover { border-color: var(--gb-bordo); box-shadow: var(--shadow-sm); } #gb-root .gb-op-ik { font-size: 17px; flex-shrink: 0; } #gb-root .gb-op .gb-sayi { font-size: 18px; } #gb-root .gb-op-yazi { min-width: 0; } #gb-root .gb-op-yazi .gb-et { display: block; } #gb-root .gb-op-yazi small { display: block; font-size: 9.5px; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #gb-root .gb-op.acil { border-color: #fecaca; background: var(--danger-soft); } #gb-root .gb-op.acil .gb-sayi { color: var(--gb-zarar); } #gb-root .gb-dipnot { grid-column: 1 / -1; font-size: 9.5px; color: var(--text-secondary); line-height: 1.5; padding: 0 2px; } #gb-root .gb-dipnot b { color: var(--gb-kil); } /* --------------------------------------------------- dar / kısa ekran ----- */ /* "Tek ekran" sözü YALNIZ masaüstünde geçerli. Dar veya kısa ekranda kutular üst üste düşer ve sayfa normal kayar — sıkıştırıp okunmaz hâle getirmektense kaydırmak doğrudur. 🪤 @media ÖZGÜLLÜK EKLEMEZ, bu yüzden #gb-root koru. */ @media (max-width: 1180px), (max-height: 660px) { body[data-page="dashboard"] { overflow: auto; } body[data-page="dashboard"] #main { overflow: visible; } #gb-root { height: auto; grid-template-rows: none; } #gb-root .gb-ay, #gb-root .gb-kdv, #gb-root .gb-vergi, #gb-root .gb-nakit, #gb-root .gb-env, #gb-root .gb-marj { grid-column: 1 / -1; grid-row: auto; } #gb-root .gb-ops { grid-template-columns: repeat(3, 1fr); } #gb-root .gb-hero .gb-govde { flex-direction: column; gap: 10px; } #gb-root .gb-m-liste { overflow: visible; } } @media (max-width: 620px) { #gb-root .gb-ops { grid-template-columns: repeat(2, 1fr); } #gb-root .gb-hero-sol { gap: 12px; } #gb-root .gb-hero-ciro .gb-sayi, #gb-root .gb-hero-kar .gb-sayi { font-size: 21px; } #gb-root .gb-m-satir { grid-template-columns: minmax(0,1fr) 70px 44px; } /* dokunma hedefi tabanı — mobile.css ile hizalı */ #gb-root .gb-donem a, #gb-root .gb-op { min-height: 44px; } } @media (prefers-reduced-motion: reduce) { #gb-root .gb-yigin i, #gb-root .gb-t-cubuk, #gb-root .gb-t-gun i, #gb-root .gb-e-saglik i, #gb-root .gb-e-cub, #gb-root .gb-m-sk i { animation: none !important; transform: none !important; } } /* --- 18.08.2026 · KDV beyanı sütunu (28.08 son gün) --------------------------- */ #gb-root .gb-tbas-alt { display: block; font-size: 8px; font-weight: 600; letter-spacing: .3px; color: var(--gb-grafit-3); text-transform: none; } #gb-root .gb-uyari.gb-devir { background: var(--gb-geri-soft, rgba(15,118,110,.10)); color: var(--gb-geri); }