.oggu {
	--oggc-ana: #16324f; --oggc-koyu: #0e2237; --oggc-vurgu: #c08b2c; --oggc-basari: #1b7a4b; --oggc-hata: #b02a22;
	--oggc-zemin: #f4f6f9; --oggc-cizgi: #dde3ea; --oggc-metin: #1d2b36; --oggc-buton-metin: #ffffff;
	color: var(--oggc-metin);
	max-width: 760px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 1.6;
}
.oggu *, .oggu *::before, .oggu *::after { box-sizing: border-box; }
.oggu.oggu-dizin, .oggu.oggu-siralama { max-width: 980px; }
.oggu.oggu-kutu, .oggu.oggu-yasal-linkler { display: inline; max-width: none; margin: 0; }

.oggu button, .oggu input, .oggu select, .oggu textarea { font-family: inherit; font-size: inherit; color: var(--oggc-metin) !important; }

.oggu-kart { background: #fff; border: 1px solid var(--oggc-cizgi); border-top: 4px solid var(--oggc-ana); border-radius: 8px; padding: 22px; margin-bottom: 16px; }
.oggu-kart h3 { margin: 0 0 12px; color: var(--oggc-koyu); font-size: 1.15em; }
.oggu-kart h4 { margin: 18px 0 8px; color: var(--oggc-koyu); }

.oggu-alan { display: block; margin-bottom: 14px; }
.oggu-alan > span { display: block; margin-bottom: 4px; font-weight: 600; font-size: .95em; }
.oggu-alan small, .oggu-kucuk, .oggu small { color: #5a6b7a !important; font-weight: 400; }
.oggu-alan input, .oggu-alan select, .oggu-alan textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--oggc-cizgi); border-radius: 6px; background: #fff; }
.oggu-alan input:focus, .oggu-alan select:focus, .oggu-alan textarea:focus { outline: 2px solid var(--oggc-vurgu); outline-offset: 1px; }
.oggu-onay { display: flex; gap: 9px; align-items: flex-start; margin-bottom: 11px; font-size: .93em; }
.oggu-onay input { margin-top: 4px; flex: 0 0 auto; }
.oggu-kucuk { font-size: .88em; }
.oggu-bal { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.oggu-ayrac { border: 0; border-top: 1px solid var(--oggc-cizgi); margin: 20px 0; }

.oggu .oggu-btn, .oggu a.oggu-btn {
	display: inline-block; padding: 10px 20px; border: 2px solid var(--oggc-ana); border-radius: 6px;
	background: var(--oggc-ana); color: var(--oggc-buton-metin) !important; font-weight: 700; text-decoration: none; cursor: pointer; line-height: 1.2;
}
.oggu .oggu-btn:hover { background: var(--oggc-koyu); border-color: var(--oggc-koyu); }
.oggu .oggu-btn-hafif, .oggu a.oggu-btn-hafif { background: #fff; color: var(--oggc-ana) !important; }
.oggu .oggu-btn-hafif:hover { background: var(--oggc-zemin); border-color: var(--oggc-ana); }
.oggu .oggu-btn-tam { width: 100%; }
.oggu .oggu-btn-kucuk { padding: 4px 10px; font-size: .85em; }
.oggu .oggu-btn-tehlike { background: var(--oggc-hata); border-color: var(--oggc-hata); }
.oggu .oggu-btn-tehlike:hover { background: #8d1f19; border-color: #8d1f19; }
.oggu .oggu-btn:disabled { opacity: .55; cursor: wait; }

.oggu-bildirim { padding: 12px 14px; margin-bottom: 14px; border-radius: 6px; border-left: 4px solid; font-size: .95em; }
.oggu-hata { background: #fdf2f1; border-color: var(--oggc-hata); }
.oggu-ok { background: #f0f8f3; border-color: var(--oggc-basari); }
.oggu-uyari { background: #fff8e6; border-color: var(--oggc-vurgu); }

.oggu-sekme-nav { display: flex; gap: 6px; margin-bottom: 14px; flex-wrap: wrap; }
.oggu .oggu-sekme-btn { padding: 9px 18px; border: 1px solid var(--oggc-cizgi); border-radius: 20px; background: #fff; font-weight: 600; cursor: pointer; }
.oggu .oggu-sekme-btn.oggu-aktif { background: var(--oggc-ana); border-color: var(--oggc-ana); color: var(--oggc-buton-metin) !important; }
.oggu-sekme-panel[hidden] { display: none; }

.oggu-detay { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--oggc-cizgi); }
.oggu-detay summary { cursor: pointer; font-weight: 600; color: var(--oggc-ana); }
.oggu-tehlike summary { color: var(--oggc-hata); }

/* Profil */
.oggu-profil-ust { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.oggu-av-buyuk { width: 110px; height: 110px; border-radius: 50%; object-fit: cover; border: 3px solid var(--oggc-cizgi); background: var(--oggc-zemin); }
.oggu-av-kucuk { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; vertical-align: middle; }
.oggu-ad { margin: 0 0 4px; font-size: 1.5em; color: var(--oggc-koyu); }
.oggu-rol { display: inline-block; margin-left: 8px; padding: 2px 9px; border-radius: 4px; background: var(--oggc-vurgu); color: #fff !important; font-size: .5em; font-weight: 700; vertical-align: middle; }
.oggu-rol-yonetici { background: var(--oggc-hata); }
.oggu-rol-moderator { background: var(--oggc-basari); }
.oggu-son { margin: 0 0 6px; color: #5a6b7a; font-size: .92em; }
.oggu-cevrimici { color: var(--oggc-basari) !important; font-weight: 600; }
.oggu-nokta { display: inline-block; width: 9px; height: 9px; margin-right: 5px; border-radius: 50%; background: var(--oggc-basari); }
.oggu-rozetler { margin: 6px 0; }
.oggu-rozet { display: inline-block; margin: 0 4px 4px 0; padding: 3px 10px; border: 1px solid var(--oggc-cizgi); border-radius: 14px; background: var(--oggc-zemin); font-size: .85em; cursor: help; }
.oggu-eylemler { display: flex; flex-wrap: wrap; gap: 8px; }
.oggu-bilgi { display: grid; grid-template-columns: max-content 1fr; gap: 6px 18px; margin: 14px 0 0; }
.oggu-bilgi dt { font-weight: 600; color: #5a6b7a; }
.oggu-bilgi dd { margin: 0; }
.oggu-bos { color: #5a6b7a; font-style: italic; }
.oggu-liste { list-style: none; margin: 0; padding: 0; }
.oggu-liste li { padding: 8px 0; border-bottom: 1px solid var(--oggc-cizgi); display: flex; justify-content: space-between; align-items: center; gap: 10px; }

/* Dizin */
.oggu-arama { display: flex; gap: 8px; margin-bottom: 8px; }
.oggu-arama input { flex: 1; padding: 10px 12px; border: 1px solid var(--oggc-cizgi); border-radius: 6px; background: #fff; }
.oggu-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; margin: 12px 0; }
.oggu-uye-kart { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 16px 10px; border: 1px solid var(--oggc-cizgi); border-radius: 8px; background: #fff; text-align: center; text-decoration: none; color: var(--oggc-metin); }
.oggu-uye-kart:hover { border-color: var(--oggc-ana); box-shadow: 0 2px 10px rgba(0,0,0,.07); }
.oggu-uye-kart img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.oggu-uye-kart strong { color: var(--oggc-koyu); }
.oggu-sayfalama { text-align: center; margin: 16px 0; }
.oggu-sayfalama .page-numbers { display: inline-block; padding: 6px 12px; margin: 0 2px; border: 1px solid var(--oggc-cizgi); border-radius: 4px; text-decoration: none; }
.oggu-sayfalama .current { background: var(--oggc-ana); color: #fff; border-color: var(--oggc-ana); }

/* Tablolar / sıralama */
.oggu-tablo { width: 100%; border-collapse: collapse; background: #fff; margin: 0 0 18px; font-size: .95em; }
.oggu-tablo th, .oggu-tablo td { padding: 10px 12px; border-bottom: 1px solid var(--oggc-cizgi); text-align: left; vertical-align: middle; }
.oggu-tablo thead th { background: var(--oggc-ana); color: var(--oggc-buton-metin) !important; font-weight: 600; }
.oggu-uye-link { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; font-weight: 600; color: var(--oggc-koyu); }
.oggu-av-kucuk { width: 28px; height: 28px; }
.oggu-baslik-kucuk { margin: 28px 0 12px; color: var(--oggc-koyu); }
.oggu-rozet-rehber { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; }
.oggu-rehber-kart { display: flex; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--oggc-cizgi); border-radius: 8px; background: #fff; }
.oggu-rehber-emoji { font-size: 1.8em; line-height: 1; }

/* Yasal metinler */
.oggu-yasal { max-width: 860px; }
.oggu-yasal h2 { margin: 28px 0 10px; color: var(--oggc-koyu); font-size: 1.25em; }
.oggu-yasal ul { padding-left: 22px; }
.oggu-yasal li { margin-bottom: 6px; }
.oggu-yasal-alt { margin-top: 30px; padding-top: 12px; border-top: 1px solid var(--oggc-cizgi); }
mark.oggu-eksik { background: #fff3a3; padding: 0 4px; border-radius: 3px; color: #5a4a00; }

@media (max-width: 600px) {
	.oggu-kart { padding: 16px; }
	.oggu-profil-ust { flex-direction: column; text-align: center; }
	.oggu-eylemler { justify-content: center; }
	.oggu-bilgi { grid-template-columns: 1fr; }
}