/* ============================================================ Mortanas Journal — GAZETE TEMASI (lacivert + altın + bordo) Landing paletinin uygulamaya uyarlanmış hali. GERİ ALMAK İÇİN: index.html içindeki gazete-theme.css satırını silin. 1) Tailwind renk değişkenleri ezilir (mor aile -> altın, fuşya -> bordo) 2) Önceden çözülmüş (literal) renkler yeniden boyanır ============================================================ */ :root,:host{--color-violet-50:#faf5e6;--color-violet-100:#f2e6c4;--color-violet-200:#e9d391;--color-violet-300:#e3c26a;--color-violet-400:#d4ab45;--color-violet-500:#c9a227;--color-violet-600:#b8901c;--color-violet-700:#9c7a10;--color-violet-800:#7a6008;--color-violet-900:#5a4708;--color-violet-950:#3a2f14;--color-purple-50:#faf5e6;--color-purple-100:#f2e6c4;--color-purple-200:#e9d391;--color-purple-300:#e3c26a;--color-purple-400:#d4ab45;--color-purple-500:#c9a227;--color-purple-600:#b8901c;--color-purple-700:#9c7a10;--color-purple-800:#7a6008;--color-purple-900:#5a4708;--color-purple-950:#3a2f14;--color-indigo-50:#faf5e6;--color-indigo-100:#f2e6c4;--color-indigo-200:#e9d391;--color-indigo-300:#e3c26a;--color-indigo-400:#d4ab45;--color-indigo-500:#c9a227;--color-indigo-600:#b8901c;--color-indigo-700:#9c7a10;--color-indigo-800:#7a6008;--color-indigo-900:#5a4708;--color-indigo-950:#3a2f14;--color-fuchsia-50:#faebee;--color-fuchsia-100:#f4d6dc;--color-fuchsia-200:#e9b0bc;--color-fuchsia-300:#db8598;--color-fuchsia-400:#c8546e;--color-fuchsia-500:#b22c4a;--color-fuchsia-600:#9b203c;--color-fuchsia-700:#801831;--color-fuchsia-800:#641226;--color-fuchsia-900:#4a0d1c;--color-fuchsia-950:#300812} .border-fuchsia-400\/30{border-color:#c8546e4d} .border-fuchsia-400\/50{border-color:#c8546e80} .border-fuchsia-500\/20{border-color:#b22c4a33} .border-fuchsia-500\/25{border-color:#b22c4a40} .border-indigo-200\/50{border-color:#e9d39180} .border-indigo-200\/60{border-color:#e9d39199} .border-indigo-400\/30{border-color:#d4ab454d} .border-indigo-400\/50{border-color:#d4ab4580} .border-indigo-500\/20{border-color:#c9a22733} .border-indigo-500\/30{border-color:#c9a2274d} .border-purple-400\/30{border-color:#d4ab454d} .border-purple-400\/50{border-color:#d4ab4580} .border-purple-500\/20{border-color:#c9a22733} .border-violet-400\/30{border-color:#d4ab454d} .border-violet-500\/20{border-color:#c9a22733} .bg-fuchsia-400\/20{background-color:#c8546e33} .bg-fuchsia-500\/10{background-color:#b22c4a1a} .bg-fuchsia-500\/20{background-color:#b22c4a33} .bg-fuchsia-600\/5{background-color:#9b203c0d} .bg-fuchsia-600\/10{background-color:#9b203c1a} .bg-indigo-50\/10{background-color:#faf5e61a} .bg-indigo-50\/30{background-color:#faf5e64d} .bg-indigo-50\/40{background-color:#faf5e666} .bg-indigo-50\/50{background-color:#faf5e680} .bg-indigo-500\/10{background-color:#c9a2271a} .bg-indigo-500\/20{background-color:#c9a22733} .bg-indigo-500\/70{background-color:#c9a227b3} .bg-indigo-600\/5{background-color:#b8901c0d} .bg-indigo-600\/10{background-color:#b8901c1a} .bg-purple-50\/70{background-color:#faf5e6b3} .bg-purple-500\/10{background-color:#c9a2271a} .bg-purple-500\/20{background-color:#c9a22733} .bg-purple-600\/10{background-color:#b8901c1a} .bg-violet-600\/10{background-color:#b8901c1a} .from-fuchsia-500\/20{--tw-gradient-from:#b22c4a33!important} .from-fuchsia-500\/50{--tw-gradient-from:#b22c4a80!important} .from-fuchsia-950\/40{--tw-gradient-from:#30081266!important} .from-indigo-50\/50{--tw-gradient-from:#faf5e680!important} .from-indigo-100\/40{--tw-gradient-from:#f2e6c466!important} .from-indigo-500\/20{--tw-gradient-from:#c9a22733!important} .from-indigo-500\/50{--tw-gradient-from:#c9a22780!important} .from-indigo-600\/20{--tw-gradient-from:#b8901c33!important} .from-indigo-900\/30{--tw-gradient-from:#5a47084d!important} .from-purple-500\/20{--tw-gradient-from:#c9a22733!important} .from-purple-500\/50{--tw-gradient-from:#c9a22780!important} .from-violet-500\/20{--tw-gradient-from:#c9a22733!important} .from-violet-500\/50{--tw-gradient-from:#c9a22780!important} .via-fuchsia-400\/50{--tw-gradient-via:#c8546e80!important} .via-indigo-400\/50{--tw-gradient-via:#d4ab4580!important} .to-fuchsia-500\/5{--tw-gradient-to:#b22c4a0d!important} .to-fuchsia-500\/20{--tw-gradient-to:#b22c4a33!important} .to-fuchsia-500\/50{--tw-gradient-to:#b22c4a80!important} .to-fuchsia-900\/30{--tw-gradient-to:#4a0d1c4d!important} .to-fuchsia-900\/40{--tw-gradient-to:#4a0d1c66!important} .to-indigo-50\/20{--tw-gradient-to:#faf5e633!important} .to-indigo-500\/5{--tw-gradient-to:#c9a2270d!important} .to-indigo-500\/20{--tw-gradient-to:#c9a22733!important} .to-indigo-500\/50{--tw-gradient-to:#c9a22780!important} .to-indigo-900\/40{--tw-gradient-to:#5a470866!important} .to-purple-500\/5{--tw-gradient-to:#c9a2270d!important} .to-purple-500\/20{--tw-gradient-to:#c9a22733!important} .to-purple-500\/50{--tw-gradient-to:#c9a22780!important} .to-purple-600\/10{--tw-gradient-to:#b8901c1a!important} .to-purple-900\/20{--tw-gradient-to:#5a470833!important} .to-purple-900\/40{--tw-gradient-to:#5a470866!important} .to-violet-500\/5{--tw-gradient-to:#c9a2270d!important} .to-violet-500\/20{--tw-gradient-to:#c9a22733!important} .to-violet-500\/50{--tw-gradient-to:#c9a22780!important} .to-violet-900\/40{--tw-gradient-to:#5a470866!important} .text-fuchsia-100\/70{color:#f4d6dcb3} .text-fuchsia-100\/80{color:#f4d6dccc} .text-indigo-100\/70{color:#f2e6c4b3} .text-indigo-100\/80{color:#f2e6c4cc} .text-indigo-300\/70{color:#e3c26ab3} .text-indigo-500\/80{color:#c9a227cc} .text-indigo-700\/80{color:#9c7a10cc} .text-purple-100\/80{color:#f2e6c4cc} .text-violet-100\/70{color:#f2e6c4b3} .shadow-indigo-200\/50{--tw-shadow-color:#e9d39180} .shadow-indigo-500\/20{--tw-shadow-color:#c9a22733} .shadow-indigo-500\/40{--tw-shadow-color:#c9a22766} .shadow-indigo-600\/20{--tw-shadow-color:#b8901c33} .shadow-indigo-600\/25{--tw-shadow-color:#b8901c40} .shadow-purple-500\/20{--tw-shadow-color:#c9a22733} .ring-indigo-500\/10{--tw-ring-color:#c9a2271a} .group-hover\:bg-fuchsia-400\/50:is(:where(.group):hover *){background-color:#c8546e80} .group-hover\/banner\:bg-fuchsia-500\/30:is(:where(.group\/banner):hover *){background-color:#b22c4a4d} .group-hover\/banner\:bg-fuchsia-500\/35:is(:where(.group\/banner):hover *){background-color:#b22c4a59} .group-hover\/banner\:bg-indigo-500\/30:is(:where(.group\/banner):hover *){background-color:#c9a2274d} .group-hover\/banner\:bg-purple-500\/30:is(:where(.group\/banner):hover *){background-color:#c9a2274d} .hover\:border-indigo-300\/60:hover{border-color:#e3c26a99} .hover\:border-indigo-300\/80:hover{border-color:#e3c26acc} .hover\:from-indigo-200\/60:hover{--tw-gradient-from:#e9d39199!important} .hover\:shadow-indigo-500\/5:hover{--tw-shadow-color:#c9a2270d} .focus\:border-fuchsia-500\/50:focus{border-color:#b22c4a80} .focus\:border-indigo-500\/50:focus{border-color:#c9a22780} .focus\:border-indigo-500\/60:focus{border-color:#c9a22799} .focus\:border-purple-500\/50:focus{border-color:#c9a22780} .focus\:border-violet-500\/50:focus{border-color:#c9a22780} .focus\:ring-fuchsia-500\/50:focus{--tw-ring-color:#b22c4a80} .focus\:ring-indigo-500\/10:focus{--tw-ring-color:#c9a2271a} .focus\:ring-indigo-500\/20:focus{--tw-ring-color:#c9a22733} .focus\:ring-indigo-500\/50:focus{--tw-ring-color:#c9a22780} .focus\:ring-purple-500\/50:focus{--tw-ring-color:#c9a22780} .focus\:ring-violet-500\/50:focus{--tw-ring-color:#c9a22780} /* Mor enjekte temanın kalan parçaları -> altın */ html[data-mor="1"] .__mor_btnrow__:not(.__mor_row2__)>*:nth-child(2){background:rgba(201,162,39,.16)!important;border:1px solid rgba(227,194,106,.4)!important} html[data-mor="1"] .__mor_btnrow__:not(.__mor_row2__)>*:nth-child(2) *{color:#e3c26a!important} html[data-mor="1"] .__mor_row2__>*{background:rgba(201,162,39,.1)!important;border:1px solid rgba(201,162,39,.18)!important} .__mor_mj__{background:linear-gradient(135deg,rgba(201,162,39,.22),rgba(227,194,106,.1))!important;border:1px solid rgba(227,194,106,.45)!important;animation:__gz_glow__ 2.6s ease-in-out infinite!important} @keyframes __gz_glow__{0%,100%{box-shadow:0 0 8px -2px rgba(201,162,39,.45)}50%{box-shadow:0 0 16px 1px rgba(227,194,106,.85)}} .__mor_pplus__{background:linear-gradient(135deg,#c9a227,#e3c26a)!important;box-shadow:0 2px 9px -2px rgba(201,162,39,.6)!important} :focus-visible{outline-color:#c9a227!important} /* ============ V2 GELİŞTİRMELER ============ */ /* Koyu zeminler: gri-slate yerine gazete lacivertleri */ .bg-slate-950{background-color:#070d18!important} .bg-slate-900{background-color:#0a1220!important} .bg-slate-800{background-color:#122032!important} .from-slate-950{--tw-gradient-from:#070d18!important} .from-slate-900{--tw-gradient-from:#0a1220!important} .via-slate-900{--tw-gradient-via:#0a1220!important} .to-slate-900{--tw-gradient-to:#0a1220!important} .from-slate-800{--tw-gradient-from:#122032!important} /* Açık zeminler: kağıt tonu */ .bg-slate-50{background-color:#f8f2e0!important} .border-slate-200{border-color:rgba(150,122,60,.25)!important} /* Marka tipografisi: uygulama başlıkları serif */ #root h1,#root h2{font-family:'Playfair Display',Georgia,'Times New Roman',serif!important;letter-spacing:-.01em} /* Altın kaydırma çubuğu */ ::-webkit-scrollbar{width:11px;height:11px} ::-webkit-scrollbar-track{background:#0a1220} ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c9a227,#9c7a10);border-radius:8px;border:2px solid #0a1220} ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e3c26a,#c9a227)} *{scrollbar-color:#c9a227 #0a1220;scrollbar-width:thin} /* Metin seçimi */ ::selection{background:rgba(201,162,39,.4)} /* Sol menü: altın ayraç */ #root aside{border-right:1px solid rgba(201,162,39,.16)!important} /* ============ V3: ADMIN PANELİ — ESKİMİŞ KAĞIT TEMASI ============ */ html[data-adm="1"] body{background:#f2e9d2} html[data-adm="1"] .text-white{color:#2b2415!important} html[data-adm="1"] .bg-black\/60{background-color:rgba(43,36,21,.55)!important} html[data-adm="1"] .bg-\[\#0f0f14\]{background-color:#f2e9d2!important} html[data-adm="1"] .bg-\[\#12121a\]{background-color:#f0e6cc!important} html[data-adm="1"] .bg-\[\#15151e\]{background-color:#ede2c4!important} html[data-adm="1"] .bg-\[\#1a1a24\]{background-color:#faf4e4!important} html[data-adm="1"] .bg-\[\#2a2a3a\]{background-color:#e9dcba!important} html[data-adm="1"] .bg-\[\#27272a\]{background-color:#e2d5b0!important} html[data-adm="1"] .bg-\[\#333\]{background-color:#e2d5b0!important} html[data-adm="1"] .bg-\[\#4f46e5\]{background-color:#c9a227!important} html[data-adm="1"] .bg-\[\#4338ca\]{background-color:#b8901c!important} html[data-adm="1"] .border-\[\#1f1f2e\]{border-color:#d9c89b!important} html[data-adm="1"] .border-\[\#22222e\]{border-color:#d9c89b!important} html[data-adm="1"] .border-\[\#2a2a3a\]{border-color:#cdb987!important} html[data-adm="1"] .border-\[\#3f3f46\]{border-color:#c4b183!important} html[data-adm="1"] .border-\[\#4f46e5\]{border-color:#b8901c!important} html[data-adm="1"] .divide-\[\#1f1f2e\]>:not([hidden])~:not([hidden]){border-color:#d9c89b!important} html[data-adm="1"] .text-\[\#52525B\]{color:#6e6250!important} html[data-adm="1"] .text-\[\#71717A\]{color:#7a6c56!important} html[data-adm="1"] .text-\[\#6a6a7a\]{color:#857658!important} html[data-adm="1"] .text-\[\#a1a1aa\]{color:#5c5140!important} html[data-adm="1"] .text-\[\#3a3a4a\]{color:#93815f!important} html[data-adm="1"] .text-\[\#4a4a5a\]{color:#93815f!important} html[data-adm="1"] .text-\[\#2a2a3a\]{color:#93815f!important} html[data-adm="1"] .text-\[\#c5c5d5\]{color:#4a3f2c!important} html[data-adm="1"] .text-\[\#e2e8f0\]{color:#4a3f2c!important} html[data-adm="1"] .text-\[\#9a9aaa\]{color:#4a3f2c!important} html[data-adm="1"] .text-\[\#4f46e5\]{color:#9c7a10!important} html[data-adm="1"] .text-\[\#818cf8\]{color:#b8901c!important} html[data-adm="1"] .bg-\[\#4f46e5\]\/10{background-color:rgba(201,162,39,.1)!important} html[data-adm="1"] .bg-\[\#4f46e5\]\/15{background-color:rgba(201,162,39,.15)!important} html[data-adm="1"] .bg-\[\#4f46e5\]\/20{background-color:rgba(201,162,39,.2)!important} html[data-adm="1"] .border-\[\#4f46e5\]\/30{border-color:rgba(184,144,28,.3)!important} html[data-adm="1"] .border-\[\#4f46e5\]\/40{border-color:rgba(184,144,28,.4)!important} html[data-adm="1"] .from-\[\#1a1a24\]{--tw-gradient-from:#faf4e4!important} html[data-adm="1"] .to-\[\#12121a\]{--tw-gradient-to:#f0e6cc!important} html[data-adm="1"] input,html[data-adm="1"] select,html[data-adm="1"] textarea{color:#2b2415!important} html[data-adm="1"] ::placeholder{color:#93815f!important} /* ============ V4: TÜM UYGULAMA — ESKİMİŞ GAZETE KAĞIDI ============ */ body{background:#f2e9d2!important;color:#2b2415} #root{background:#f2e9d2} .text-white{color:#2b2415!important} .bg-white\/5{background-color:rgba(96,78,40,.05)!important} .bg-white\/10{background-color:rgba(96,78,40,.08)!important} .border-white\/10{border-color:rgba(96,78,40,.16)!important} .border-white\/20{border-color:rgba(96,78,40,.24)!important} ::-webkit-scrollbar-track{background:#e9dcba} ::-webkit-scrollbar-thumb{border-color:#e9dcba} *{scrollbar-color:#c9a227 #e9dcba} input,select,textarea{color:#2b2415} .bg-\[\#09090B\]{background-color:#f2e9d2!important} .bg-\[\#0a0807\]\/95{background-color:rgba(96,78,40,0.47)!important} .bg-\[\#0a0a0f\]{background-color:#f2e9d2!important} .bg-\[\#0c0806\]{background-color:#f2e9d2!important} .bg-\[\#0d0d14\]{background-color:#f2e9d2!important} .bg-\[\#0f0f14\]{background-color:#f6eeda!important} .bg-\[\#120e0c\]{background-color:#f2e9d2!important} .bg-\[\#120e0c\]\/60{background-color:rgba(96,78,40,0.3)!important} .bg-\[\#12121a\]{background-color:#f6eeda!important} .bg-\[\#15100c\]\/90{background-color:rgba(96,78,40,0.45)!important} .bg-\[\#15120f\]{background-color:#f6eeda!important} .bg-\[\#15151e\]{background-color:#f6eeda!important} .bg-\[\#1a120c\]{background-color:#f6eeda!important} .bg-\[\#1a1410\]{background-color:#f6eeda!important} .bg-\[\#1a1410\]\/20{background-color:rgba(96,78,40,0.1)!important} .bg-\[\#1a1410\]\/40{background-color:rgba(96,78,40,0.2)!important} .bg-\[\#1a1410\]\/80{background-color:rgba(96,78,40,0.4)!important} .bg-\[\#1a1a24\]{background-color:#f6eeda!important} .bg-\[\#1a1a24\]\/80{background-color:rgba(96,78,40,0.4)!important} .bg-\[\#1f1610\]{background-color:#f6eeda!important} .bg-\[\#211a14\]{background-color:#f6eeda!important} .bg-\[\#211a14\]\/80{background-color:rgba(96,78,40,0.4)!important} .bg-\[\#261d16\]{background-color:#f6eeda!important} .bg-\[\#27272A\]{background-color:#faf4e4!important} .bg-\[\#27272a\]{background-color:#faf4e4!important} .bg-\[\#2a1d13\]{background-color:#faf4e4!important} .bg-\[\#2a2a3a\]{background-color:#faf4e4!important} .bg-\[\#2d1c10\]{background-color:#faf4e4!important} .bg-\[\#2d241c\]{background-color:#faf4e4!important} .bg-\[\#322316\]{background-color:#faf4e4!important} .bg-\[\#333\]{background-color:#faf4e4!important} .bg-\[\#4338ca\]{background-color:#efe4c6!important} .bg-\[\#4f46e5\]{background-color:#efe4c6!important} .bg-\[\#4f46e5\]\/10{background-color:rgba(96,78,40,0.05)!important} .bg-\[\#4f46e5\]\/15{background-color:rgba(96,78,40,0.07)!important} .bg-\[\#4f46e5\]\/20{background-color:rgba(96,78,40,0.1)!important} .bg-\[\#B00020\]{background-color:#faf4e4!important} .bg-\[\#D90429\]{background-color:#faf4e4!important} .bg-\[\#D90429\]\/10{background-color:rgba(96,78,40,0.05)!important} .bg-\[\#D90429\]\/5{background-color:rgba(96,78,40,0.03)!important} .border-\[\#09090B\]\/25{border-color:#d9c89b!important} .border-\[\#09090B\]\/30{border-color:#d9c89b!important} .border-\[\#1f1f2e\]{border-color:#d9c89b!important} .border-\[\#211a14\]{border-color:#d9c89b!important} .border-\[\#22222e\]{border-color:#d9c89b!important} .border-\[\#2a2a3a\]{border-color:#d9c89b!important} .border-\[\#2d241c\]{border-color:#d9c89b!important} .border-\[\#2d241c\]\/50{border-color:#d9c89b!important} .border-\[\#3b2314\]{border-color:#d9c89b!important} .border-\[\#3b2314\]\/20{border-color:#d9c89b!important} .border-\[\#3b2314\]\/60{border-color:#d9c89b!important} .border-\[\#3b2d1c\]{border-color:#d9c89b!important} .border-\[\#3b2d1c\]\/50{border-color:#d9c89b!important} .border-\[\#3f3f46\]{border-color:#d9c89b!important} .border-\[\#4a2e1d\]\/50{border-color:#d9c89b!important} .border-\[\#4f46e5\]{border-color:#d9c89b!important} .border-\[\#4f46e5\]\/30{border-color:#d9c89b!important} .border-\[\#4f46e5\]\/40{border-color:#d9c89b!important} .border-\[\#4f46e5\]\/50{border-color:#d9c89b!important} .border-\[\#5c4024\]\/40{border-color:#d9c89b!important} .border-\[\#6366f1\]{border-color:#cdb987!important} .border-\[\#8b5cf6\]\/0{border-color:#cdb987!important} .border-\[\#8b5cf6\]\/10{border-color:#cdb987!important} .border-\[\#8b5cf6\]\/20{border-color:#cdb987!important} .border-\[\#8b5cf6\]\/30{border-color:#cdb987!important} .border-\[\#D90429\]{border-color:#d9c89b!important} .border-\[\#E5E7EB\]{border-color:#cdb987!important} .border-\[\#F4F4F5\]{border-color:#cdb987!important} .border-\[\#a65620\]\/60{border-color:#cdb987!important} .border-\[\#b08745\]\/50{border-color:#cdb987!important} .border-\[\#d4af37\]\/20{border-color:#cdb987!important} .border-\[\#d4af37\]\/30{border-color:#cdb987!important} .border-\[\#d4af37\]\/40{border-color:#cdb987!important} .border-\[\#d4af37\]\/50{border-color:#cdb987!important} .border-\[\#d4af37\]\/60{border-color:#cdb987!important} .border-\[\#d4af37\]\/80{border-color:#cdb987!important} .border-\[\#d97736\]\/20{border-color:#cdb987!important} .border-\[\#d97736\]\/50{border-color:#cdb987!important} .divide-\[\#1f1f2e\]>:not([hidden])~:not([hidden]){border-color:#d9c89b!important} .divide-\[\#E5E7EB\]>:not([hidden])~:not([hidden]){border-color:#cdb987!important} .from-\[\#1a1410\]{--tw-gradient-from:#f6eeda!important} .from-\[\#1a1a24\]{--tw-gradient-from:#f6eeda!important} .from-\[\#1c110a\]{--tw-gradient-from:#f6eeda!important} .from-\[\#1c1c28\]{--tw-gradient-from:#f6eeda!important} .from-\[\#2a1d13\]{--tw-gradient-from:#faf4e4!important} .from-\[\#3a1d0d\]\/30{--tw-gradient-from:#faf4e4!important} .from-\[\#4f46e5\]{--tw-gradient-from:#efe4c6!important} .ring-\[\#4f46e5\]\/15{--tw-ring-color:#d9c89b!important} .ring-\[\#4f46e5\]\/20{--tw-ring-color:#d9c89b!important} .text-\[\#22c55e\]{color:#4a3f2c!important} .text-\[\#4f46e5\]{color:#7a6c56!important} .text-\[\#52525B\]{color:#7a6c56!important} .text-\[\#5c4a3b\]{color:#7a6c56!important} .text-\[\#6366f1\]{color:#6e6250!important} .text-\[\#6a6a7a\]{color:#6e6250!important} .text-\[\#705a3b\]{color:#7a6c56!important} .text-\[\#705e4f\]{color:#7a6c56!important} .text-\[\#71717A\]{color:#6e6250!important} .text-\[\#818cf8\]{color:#6e6250!important} .text-\[\#8a7224\]{color:#6e6250!important} .text-\[\#8a7224\]\/80{color:#6e6250!important} .text-\[\#8c7462\]{color:#6e6250!important} .text-\[\#8c7a6b\]{color:#6e6250!important} .text-\[\#9a9aaa\]{color:#4a3f2c!important} .text-\[\#A1A1AA\]{color:#4a3f2c!important} .text-\[\#a1a1aa\]{color:#4a3f2c!important} .text-\[\#a68a73\]{color:#6e6250!important} .text-\[\#a78bfa\]{color:#6e6250!important} .text-\[\#a78bfa\]\/80{color:#6e6250!important} .text-\[\#a88655\]{color:#6e6250!important} .text-\[\#b09886\]{color:#4a3f2c!important} .text-\[\#b49020\]{color:#6e6250!important} .text-\[\#c4a985\]{color:#4a3f2c!important} .text-\[\#c4a993\]{color:#4a3f2c!important} .text-\[\#c5c5d5\]{color:#4a3f2c!important} .text-\[\#d4af37\]{color:#4a3f2c!important} .text-\[\#d4af37\]\/60{color:#4a3f2c!important} .text-\[\#d4af37\]\/80{color:#4a3f2c!important} .text-\[\#d97736\]{color:#6e6250!important} .text-\[\#e2e8f0\]{color:#2b2415!important} .text-\[\#e8d5c4\]{color:#4a3f2c!important} .text-\[\#ef4444\]{color:#7a6c56!important} .text-\[\#f0d4ab\]{color:#4a3f2c!important} .text-\[\#f0e6d2\]{color:#2b2415!important} .text-\[\#f87171\]{color:#6e6250!important} .text-\[\#fdede0\]{color:#2b2415!important} .text-\[\#fdede0\]\/60{color:#2b2415!important} .text-\[\#ffeecc\]{color:#2b2415!important} .text-\[\#ffffff\]{color:#2b2415!important} .to-\[\#050302\]{--tw-gradient-to:#f2e9d2!important} .to-\[\#0a0a0f\]{--tw-gradient-to:#f2e9d2!important} .to-\[\#0c0a09\]{--tw-gradient-to:#f2e9d2!important} .to-\[\#120e0a\]{--tw-gradient-to:#f2e9d2!important} .to-\[\#120e0c\]{--tw-gradient-to:#f2e9d2!important} .to-\[\#12121a\]{--tw-gradient-to:#f6eeda!important} .to-\[\#1a1410\]\/20{--tw-gradient-to:#f6eeda!important} .to-\[\#1a1410\]\/40{--tw-gradient-to:#f6eeda!important} .to-\[\#7c3aed\]{--tw-gradient-to:#efe4c6!important} .to-\[\#8c471b\]{--tw-gradient-to:#efe4c6!important} .to-\[\#db2777\]{--tw-gradient-to:#efe4c6!important} .via-\[\#0a0604\]{--tw-gradient-via:#f2e9d2!important} .via-\[\#0f0f14\]{--tw-gradient-via:#f6eeda!important} .via-\[\#211a14\]{--tw-gradient-via:#f6eeda!important} .via-\[\#7c3aed\]{--tw-gradient-via:#efe4c6!important} .bg-slate-800{background-color:#faf4e4!important} .bg-slate-900{background-color:#f4ecd6!important} .border-slate-600{border-color:#cdb987!important} .border-slate-700{border-color:#cdb987!important} .border-zinc-800{border-color:#d9c89b!important} .from-slate-800{--tw-gradient-from:#faf4e4!important} .from-slate-900{--tw-gradient-from:#f4ecd6!important} .text-slate-200{color:#4a3f2c!important} .text-slate-300{color:#5c5140!important} .text-slate-400{color:#6e6250!important} .text-slate-500{color:#7a6c56!important} .text-zinc-100{color:#3a3122!important} .text-zinc-300{color:#5c5140!important} .text-zinc-400{color:#6e6250!important} .via-slate-900{--tw-gradient-via:#f4ecd6!important} /* ============ V5: UYUM DÜZELTMELERİ + CANLI GÖLGELER ============ */ :root,:host{--color-violet-800:#efe4c6;--color-violet-900:#f4ecd6;--color-violet-950:#f2e9d2;--color-purple-800:#efe4c6;--color-purple-900:#f4ecd6;--color-purple-950:#f2e9d2;--color-indigo-800:#efe4c6;--color-indigo-900:#f4ecd6;--color-indigo-950:#f2e9d2;--color-fuchsia-800:#efe4c6;--color-fuchsia-900:#f4ecd6;--color-fuchsia-950:#f2e9d2} .bg-black\/10{background-color:rgba(250,244,228,.95)!important} .bg-black\/20{background-color:rgba(250,244,228,.95)!important} .bg-black\/30{background-color:rgba(250,244,228,.95)!important} .bg-black\/40{background-color:rgba(250,244,228,.95)!important} .bg-black\/50{background-color:rgba(250,244,228,.95)!important} .bg-black\/60{background-color:rgba(250,244,228,.95)!important} .bg-black\/80{background-color:rgba(250,244,228,.95)!important} .bg-slate-600\/10{background-color:rgba(250,244,228,.95)!important} .bg-slate-800\/50{background-color:rgba(250,244,228,.95)!important} .bg-slate-900\/20{background-color:rgba(250,244,228,.95)!important} .bg-slate-900\/40{background-color:rgba(250,244,228,.95)!important} .bg-slate-900\/50{background-color:rgba(250,244,228,.95)!important} .bg-slate-900\/60{background-color:rgba(250,244,228,.95)!important} .border-black\/20{border-color:#d9c89b!important} .from-slate-800\/40{--tw-gradient-from:#f4ecd6!important} .from-slate-900\/80{--tw-gradient-from:#f4ecd6!important} .to-black\/40{--tw-gradient-to:#f4ecd6!important} .via-slate-900\/40{--tw-gradient-via:#f4ecd6!important} .via-slate-900\/80{--tw-gradient-via:#f4ecd6!important} .bg-\[\#4f46e5\]\/20{background-color:rgba(250,244,228,.95)!important} .bg-\[\#4f46e5\]\/10{background-color:rgba(250,244,228,.95)!important} .bg-\[\#4f46e5\]\/15{background-color:rgba(250,244,228,.95)!important} .bg-\[\#D90429\]\/10{background-color:rgba(250,244,228,.95)!important} .bg-\[\#D90429\]\/5{background-color:rgba(250,244,228,.95)!important} .bg-\[\#120e0c\]\/60{background-color:rgba(250,244,228,.95)!important} .bg-\[\#1a1a24\]\/80{background-color:rgba(250,244,228,.95)!important} .bg-\[\#1a1410\]\/20{background-color:rgba(250,244,228,.95)!important} .bg-\[\#1a1410\]\/80{background-color:rgba(250,244,228,.95)!important} .bg-\[\#211a14\]\/80{background-color:rgba(250,244,228,.95)!important} .bg-\[\#1a1410\]\/40{background-color:rgba(250,244,228,.95)!important} .bg-\[\#15100c\]\/90{background-color:rgba(250,244,228,.95)!important} .bg-\[\#0a0807\]\/95{background-color:rgba(250,244,228,.95)!important} .bg-\[\#4338ca\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#0f0f14\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#1a1a24\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#2a2a3a\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#27272a\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#D90429\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#B00020\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#15151e\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#12121a\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#2a1d13\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#322316\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#1a120c\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#2d1c10\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#1a1410\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#261d16\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#1f1610\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#211a14\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#15120f\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#2d241c\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-\[\#27272A\]{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .bg-slate-800,.bg-slate-900{box-shadow:0 14px 32px -14px rgba(110,80,20,.4),0 4px 12px -6px rgba(110,80,20,.28),0 0 0 1px rgba(190,155,60,.28)!important} .shadow,.shadow-sm,.shadow-md,.shadow-lg,.shadow-xl,.shadow-2xl{box-shadow:0 18px 40px -16px rgba(110,80,20,.42),0 6px 16px -8px rgba(110,80,20,.3)!important} #root button{transition:transform .15s ease, box-shadow .15s ease} #root button:hover{transform:translateY(-1px)} /* ============ V6: CANLI RENK CİLASI ============ */ :root,:host{--color-violet-400:#e0b23f;--color-purple-400:#e0b23f;--color-indigo-400:#e0b23f;--color-violet-500:#d4a625;--color-purple-500:#d4a625;--color-indigo-500:#d4a625;--color-violet-600:#c1901a;--color-purple-600:#c1901a;--color-indigo-600:#c1901a;--color-fuchsia-500:#c22a50;--color-fuchsia-600:#a81f42} body{background:linear-gradient(160deg,#f6ecd2 0%,#faf3df 48%,#f0e4c4 100%) fixed!important} #root{background:transparent!important} body::after{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(0deg,rgba(120,95,45,.03) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(120,95,45,.024) 0 1px,transparent 1px 4px)} #root{position:relative;z-index:1} #root aside{background:linear-gradient(180deg,#f7efdc,#eee2c2)!important;box-shadow:inset -1px 0 0 rgba(190,155,60,.4),10px 0 26px -14px rgba(110,80,20,.22)!important} .bg-\[\#4f46e5\]{background:linear-gradient(165deg,#f2e8cc,#e9dcba)!important} .bg-\[\#4338ca\]{background:linear-gradient(165deg,#f2e8cc,#e9dcba)!important} .bg-\[\#0f0f14\]{background:linear-gradient(165deg,#f9f1dd,#f1e6c8)!important} .bg-\[\#1a1a24\]{background:linear-gradient(165deg,#f9f1dd,#f1e6c8)!important} .bg-\[\#2a2a3a\]{background:linear-gradient(165deg,#fdf8ea,#f4ebd1)!important} .bg-\[\#27272a\]{background:linear-gradient(165deg,#fdf8ea,#f4ebd1)!important} .bg-\[\#D90429\]{background:linear-gradient(165deg,#fdf8ea,#f4ebd1)!important} .bg-\[\#B00020\]{background:linear-gradient(165deg,#fdf8ea,#f4ebd1)!important} .bg-\[\#15151e\]{background:linear-gradient(165deg,#f9f1dd,#f1e6c8)!important} .bg-\[\#12121a\]{background:linear-gradient(165deg,#f9f1dd,#f1e6c8)!important} .bg-\[\#0d0d14\]{background:linear-gradient(160deg,#f5ebd0,#eee2c2)!important} .bg-\[\#0a0a0f\]{background:linear-gradient(160deg,#f5ebd0,#eee2c2)!important} .bg-\[\#2a1d13\]{background:linear-gradient(165deg,#fdf8ea,#f4ebd1)!important} .bg-\[\#322316\]{background:linear-gradient(165deg,#fdf8ea,#f4ebd1)!important} .bg-\[\#1a120c\]{background:linear-gradient(165deg,#f9f1dd,#f1e6c8)!important} .bg-\[\#2d1c10\]{background:linear-gradient(165deg,#fdf8ea,#f4ebd1)!important} .bg-\[\#1a1410\]{background:linear-gradient(165deg,#f9f1dd,#f1e6c8)!important} .bg-\[\#261d16\]{background:linear-gradient(165deg,#f9f1dd,#f1e6c8)!important} .bg-\[\#1f1610\]{background:linear-gradient(165deg,#f9f1dd,#f1e6c8)!important} .bg-\[\#211a14\]{background:linear-gradient(165deg,#f9f1dd,#f1e6c8)!important} .bg-\[\#15120f\]{background:linear-gradient(165deg,#f9f1dd,#f1e6c8)!important} .bg-\[\#0c0806\]{background:linear-gradient(160deg,#f5ebd0,#eee2c2)!important} .bg-\[\#2d241c\]{background:linear-gradient(165deg,#fdf8ea,#f4ebd1)!important} .bg-\[\#120e0c\]{background:linear-gradient(160deg,#f5ebd0,#eee2c2)!important} .bg-\[\#09090B\]{background:linear-gradient(160deg,#f5ebd0,#eee2c2)!important} .bg-\[\#27272A\]{background:linear-gradient(165deg,#fdf8ea,#f4ebd1)!important} .bg-slate-900,.bg-slate-950{background:linear-gradient(165deg,#f9f1dd,#f1e6c8)!important} .bg-slate-800{background:linear-gradient(165deg,#fdf8ea,#f4ebd1)!important} .bg-\[\#4f46e5\]{background:linear-gradient(130deg,#e6bd45,#c9a227 55%,#b0821a)!important;color:#241a06!important;box-shadow:0 8px 20px -8px rgba(180,135,26,.7),0 2px 8px -3px rgba(200,53,46,.2)!important} .bg-\[\#4338ca\]{background:linear-gradient(130deg,#e6bd45,#c9a227 55%,#b0821a)!important;color:#241a06!important;box-shadow:0 8px 20px -8px rgba(180,135,26,.7),0 2px 8px -3px rgba(200,53,46,.2)!important} .bg-amber-500,.bg-amber-600{background:linear-gradient(130deg,#e6bd45,#c9a227 55%,#b0821a)!important;color:#241a06!important;box-shadow:0 8px 20px -8px rgba(180,135,26,.7),0 2px 8px -3px rgba(200,53,46,.2)!important} .bg-fuchsia-500,.bg-fuchsia-600{background:linear-gradient(130deg,#d4436a,#a81f42)!important;color:#fff!important;box-shadow:0 8px 20px -8px rgba(168,31,66,.6)!important} #root input:focus,#root select:focus,#root textarea:focus{border-color:#c9a227!important;box-shadow:0 0 0 3px rgba(201,162,39,.22)!important} #root a:hover{color:#9c7a10} #root ::selection{background:rgba(201,162,39,.35)} /* ============ V7: GÖRSEL DÜZELTME + DERİN GÖLGE + CANLI TON ============ */ .bg-black\/10{background-color:rgba(32,24,10,0.1)!important} .bg-black\/20{background-color:rgba(32,24,10,0.2)!important} .bg-black\/30{background-color:rgba(32,24,10,0.3)!important} .bg-black\/40{background-color:rgba(32,24,10,0.4)!important} .bg-black\/50{background-color:rgba(32,24,10,0.5)!important} .bg-black\/60{background-color:rgba(32,24,10,0.6)!important} .bg-black\/80{background-color:rgba(250,244,228,.96)!important} .bg-slate-600\/10{background-color:rgba(32,24,10,0.1)!important} .bg-slate-800\/50{background-color:rgba(32,24,10,0.5)!important} .bg-slate-900\/20{background-color:rgba(32,24,10,0.2)!important} .bg-slate-900\/40{background-color:rgba(32,24,10,0.4)!important} .bg-slate-900\/50{background-color:rgba(32,24,10,0.5)!important} .bg-slate-900\/60{background-color:rgba(32,24,10,0.6)!important} .from-slate-800\/40{--tw-gradient-from:rgba(32,24,10,0.4) var(--tw-gradient-from-position)} .from-slate-900\/80{--tw-gradient-from:#f4ecd6!important} .to-black\/40{--tw-gradient-to:rgba(32,24,10,0.4) var(--tw-gradient-to-position)} .via-slate-900\/40{--tw-gradient-via:rgba(32,24,10,0.4) var(--tw-gradient-via-position)} .via-slate-900\/80{--tw-gradient-via:#f4ecd6!important} .bg-\[\#4f46e5\]\/20{background-color:rgba(32,24,10,0.2)!important} .bg-\[\#4f46e5\]\/10{background-color:rgba(32,24,10,0.1)!important} .bg-\[\#4f46e5\]\/15{background-color:rgba(32,24,10,0.15)!important} .bg-\[\#D90429\]\/10{background-color:rgba(32,24,10,0.1)!important} .bg-\[\#D90429\]\/5{background-color:rgba(32,24,10,0.05)!important} .bg-\[\#120e0c\]\/60{background-color:rgba(32,24,10,0.6)!important} .from-\[\#3a1d0d\]\/30{--tw-gradient-from:rgba(32,24,10,0.3) var(--tw-gradient-from-position)} .bg-\[\#1a1a24\]\/80{background-color:rgba(250,244,228,.96)!important} .to-\[\#1a1410\]\/20{--tw-gradient-to:rgba(32,24,10,0.2) var(--tw-gradient-to-position)} .to-\[\#1a1410\]\/40{--tw-gradient-to:rgba(32,24,10,0.4) var(--tw-gradient-to-position)} .bg-\[\#1a1410\]\/20{background-color:rgba(32,24,10,0.2)!important} .bg-\[\#1a1410\]\/80{background-color:rgba(250,244,228,.96)!important} .bg-\[\#211a14\]\/80{background-color:rgba(250,244,228,.96)!important} .bg-\[\#1a1410\]\/40{background-color:rgba(32,24,10,0.4)!important} .bg-\[\#15100c\]\/90{background-color:rgba(250,244,228,.96)!important} .bg-\[\#0a0807\]\/95{background-color:rgba(250,244,228,.96)!important} #root img{opacity:1!important;filter:none!important} .bg-\[\#4338ca\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#0f0f14\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#1a1a24\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#2a2a3a\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#27272a\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#D90429\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#B00020\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#15151e\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#12121a\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#2a1d13\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#322316\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#1a120c\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#2d1c10\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#1a1410\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#261d16\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#1f1610\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#211a14\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#15120f\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#2d241c\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-\[\#27272A\]{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .bg-slate-800,.bg-slate-900{box-shadow:0 26px 54px -18px rgba(96,66,12,.55),0 12px 26px -12px rgba(96,66,12,.38),0 3px 8px -3px rgba(96,66,12,.3),0 0 0 1px rgba(190,155,60,.38)!important} .shadow,.shadow-sm,.shadow-md,.shadow-lg,.shadow-xl,.shadow-2xl{box-shadow:0 30px 60px -20px rgba(96,66,12,.55),0 12px 28px -12px rgba(96,66,12,.4)!important} :root,:host{--color-violet-300:#f0cf6e;--color-purple-300:#f0cf6e;--color-indigo-300:#f0cf6e;--color-violet-400:#eab633;--color-purple-400:#eab633;--color-indigo-400:#eab633;--color-violet-500:#e0a71c;--color-purple-500:#e0a71c;--color-indigo-500:#e0a71c;--color-violet-600:#c78f12;--color-purple-600:#c78f12;--color-indigo-600:#c78f12;--color-fuchsia-400:#e0577c;--color-fuchsia-500:#cf2f58;--color-fuchsia-600:#b02248} body{background:linear-gradient(160deg,#f8eed2 0%,#fcf5e2 45%,#ecdcb4 100%) fixed!important} #root aside{background:linear-gradient(180deg,#f9f1de,#e9d9b2)!important;box-shadow:inset -1px 0 0 rgba(180,140,40,.5),12px 0 30px -14px rgba(96,66,12,.3)!important} .bg-\[\#4f46e5\]{background:linear-gradient(130deg,#f0c64f,#d4a01e 55%,#a3730f)!important;color:#221806!important;box-shadow:0 12px 26px -10px rgba(160,115,15,.75),0 3px 10px -4px rgba(200,53,46,.25)!important} .bg-\[\#4338ca\]{background:linear-gradient(130deg,#f0c64f,#d4a01e 55%,#a3730f)!important;color:#221806!important;box-shadow:0 12px 26px -10px rgba(160,115,15,.75),0 3px 10px -4px rgba(200,53,46,.25)!important} .bg-amber-500,.bg-amber-600{background:linear-gradient(130deg,#f0c64f,#d4a01e 55%,#a3730f)!important;color:#221806!important;box-shadow:0 12px 26px -10px rgba(160,115,15,.75),0 3px 10px -4px rgba(200,53,46,.25)!important} #root button:hover{transform:translateY(-1px);filter:saturate(1.08)} #root h1,#root h2{color:#2a1e08} /* ============ V8: ASISTAN PANELLERİ / SLATE-OPAKLIK KREM ============ */ .bg-slate-600\/10{background-color:rgba(251,245,230,.92)!important;box-shadow:0 10px 24px -12px rgba(96,66,12,.4),0 0 0 1px rgba(190,155,60,.3)!important} .bg-slate-800\/50{background-color:rgba(251,245,230,.92)!important;box-shadow:0 10px 24px -12px rgba(96,66,12,.4),0 0 0 1px rgba(190,155,60,.3)!important} .bg-slate-900\/20{background-color:rgba(251,245,230,.92)!important;box-shadow:0 10px 24px -12px rgba(96,66,12,.4),0 0 0 1px rgba(190,155,60,.3)!important} .bg-slate-900\/40{background-color:rgba(251,245,230,.92)!important;box-shadow:0 10px 24px -12px rgba(96,66,12,.4),0 0 0 1px rgba(190,155,60,.3)!important} .bg-slate-900\/50{background-color:rgba(251,245,230,.92)!important;box-shadow:0 10px 24px -12px rgba(96,66,12,.4),0 0 0 1px rgba(190,155,60,.3)!important} .bg-slate-900\/60{background-color:rgba(251,245,230,.92)!important;box-shadow:0 10px 24px -12px rgba(96,66,12,.4),0 0 0 1px rgba(190,155,60,.3)!important} .from-slate-800\/40{--tw-gradient-from:#f6eeda!important} .from-slate-900\/80{--tw-gradient-from:#f6eeda!important} .via-slate-900\/40{--tw-gradient-via:#f6eeda!important} .via-slate-900\/80{--tw-gradient-via:#f6eeda!important} .border-white\/5{border-color:rgba(120,95,40,.12)!important} .border-white\/10{border-color:rgba(120,95,40,.18)!important} .border-white\/20{border-color:rgba(120,95,40,.28)!important} .border-white\/30{border-color:rgba(120,95,40,.36)!important} .border-white\/50{border-color:rgba(120,95,40,.45)!important} .bg-white\/5{background-color:rgba(96,78,40,.05)!important} .bg-white\/10{background-color:rgba(96,78,40,.08)!important} .bg-white\/20{background-color:rgba(96,78,40,.12)!important} .bg-slate-900\/40:hover{background-color:#fdf6e3!important;box-shadow:0 14px 30px -12px rgba(96,66,12,.5),0 0 0 1px rgba(201,162,39,.5)!important} /* ============ V9: SOL MENÜ KOMPAKT MOD (kaydırmasız sığsın) ============ */ #root aside{font-size:12px;line-height:1.3;overflow-y:auto} #root aside *{line-height:1.3} /* öğe dolguları */ #root aside a,#root aside button{padding-top:3px!important;padding-bottom:3px!important;min-height:0!important} #root aside [class*="py-2"],#root aside [class*="py-3"],#root aside [class*="py-4"]{padding-top:3px!important;padding-bottom:3px!important} #root aside [class*="p-3"],#root aside [class*="p-4"],#root aside [class*="p-5"]{padding:6px 8px!important} #root aside [class*="px-3"],#root aside [class*="px-4"]{padding-left:8px!important;padding-right:8px!important} /* dikey boşluklar */ #root aside [class*="space-y-1"]>*+*,#root aside [class*="space-y-2"]>*+*,#root aside [class*="space-y-3"]>*+*{margin-top:1px!important} #root aside [class*="mb-2"],#root aside [class*="mb-3"],#root aside [class*="mb-4"],#root aside [class*="mb-6"]{margin-bottom:4px!important} #root aside [class*="mt-2"],#root aside [class*="mt-3"],#root aside [class*="mt-4"],#root aside [class*="mt-6"]{margin-top:4px!important} #root aside [class*="gap-2"],#root aside [class*="gap-3"]{gap:6px!important} /* yazı boyutları */ #root aside [class*="text-base"],#root aside [class*="text-sm"]{font-size:12px!important} #root aside [class*="text-lg"],#root aside [class*="text-xl"]{font-size:14px!important} #root aside [class*="text-xs"]{font-size:10px!important} #root aside [class*="text-\[10px\]"],#root aside [class*="text-\[11px\]"]{font-size:9px!important} /* ikonlar */ #root aside svg{width:14px!important;height:14px!important;flex-shrink:0} /* VIP / Ücretsiz rozetleri */ #root aside span[class*="rounded-full"]{padding:0 5px!important;font-size:8.5px!important;line-height:1.5!important} /* bölüm başlıkları (YAZI & METİN ARAÇLARI vb.) */ #root aside [class*="uppercase"]{font-size:9px!important;letter-spacing:.08em!important;margin:5px 0 2px!important} /* alt kullanıcı bloğu ve üst logo alanı sıkışsın */ #root aside [class*="border-t"],#root aside [class*="border-b"]{padding-top:5px!important;padding-bottom:5px!important} /* ince kaydırma çubuğu (taşarsa görünsün ama yer kaplamasın) */ #root aside::-webkit-scrollbar{width:5px} /* ============ V10: SİYAH GRADYAN/ZEMİN -> KAĞIT (asistan uygulama pilleri) ============ */ .bg-black{background:linear-gradient(165deg,#f9f1dd,#f0e5c6)!important;box-shadow:0 14px 30px -14px rgba(96,66,12,.45),0 0 0 1px rgba(190,155,60,.32)!important} .bg-black\/10{background-color:rgba(96,78,40,0.03)!important} .bg-black\/20{background-color:rgba(96,78,40,0.06)!important} .bg-black\/30{background-color:rgba(96,78,40,0.09)!important} .bg-black\/40{background-color:rgba(96,78,40,0.12)!important} .to-black{--tw-gradient-to:#efe4c6!important} .to-black\/40{--tw-gradient-to:rgba(96,78,40,0.12) var(--tw-gradient-to-position)} /* ============ V11: ASISTAN SEKMELERİ (krem kart + altın seçili) & HOVER VARYANTLARI ============ */ .bg-\[\#261d16\]{background:linear-gradient(120deg,#e8c552,#c9a227 55%,#a3730f)!important;border-color:rgba(140,100,20,.55)!important;box-shadow:0 10px 24px -8px rgba(160,115,15,.65)!important} .bg-\[\#261d16\], .bg-\[\#261d16\] *{color:#241a06!important} .text-\[\#f0e6d2\]{color:#241a06!important} .text-\[\#b09886\]{color:#5c5140!important;background:rgba(251,245,230,.88)!important;border-color:rgba(190,155,60,.32)!important;box-shadow:0 6px 16px -9px rgba(96,66,12,.4)!important;border-radius:10px} .text-\[\#8c7462\]{color:#8a6a14!important} .bg-\[\#211a14\]{background:rgba(201,162,39,.2)!important;box-shadow:none!important} .hover\:bg-\[\#4338ca\]:hover{background:#fdf6e3!important;box-shadow:0 10px 22px -10px rgba(96,66,12,.45),0 0 0 1px rgba(201,162,39,.45)!important} .hover\:border-\[\#09090B\]\/25:hover{border-color:rgba(201,162,39,.5)!important} .hover\:border-\[\#09090B\]\/30:hover{border-color:rgba(201,162,39,.5)!important} .hover\:bg-\[\#2a2a3a\]:hover{background:#fdf6e3!important;box-shadow:0 10px 22px -10px rgba(96,66,12,.45),0 0 0 1px rgba(201,162,39,.45)!important} .hover\:bg-\[\#1a1a24\]:hover{background:#fdf6e3!important;box-shadow:0 10px 22px -10px rgba(96,66,12,.45),0 0 0 1px rgba(201,162,39,.45)!important} .hover\:text-\[\#a78bfa\]:hover{color:#3a2c10!important} .hover\:text-\[\#b49020\]:hover{color:#3a2c10!important} .hover\:bg-\[\#B00020\]:hover{background:#fdf6e3!important;box-shadow:0 10px 22px -10px rgba(96,66,12,.45),0 0 0 1px rgba(201,162,39,.45)!important} .hover\:bg-\[\#15151e\]:hover{background:#fdf6e3!important;box-shadow:0 10px 22px -10px rgba(96,66,12,.45),0 0 0 1px rgba(201,162,39,.45)!important} .hover\:border-\[\#4f46e5\]:hover{border-color:rgba(201,162,39,.5)!important} .hover\:bg-\[\#D90429\]\/5:hover{background:#fdf6e3!important;box-shadow:0 10px 22px -10px rgba(96,66,12,.45),0 0 0 1px rgba(201,162,39,.45)!important} .hover\:bg-\[\#322316\]:hover{background:#fdf6e3!important;box-shadow:0 10px 22px -10px rgba(96,66,12,.45),0 0 0 1px rgba(201,162,39,.45)!important} .hover\:text-\[\#f0d4ab\]:hover{color:#3a2c10!important} .hover\:bg-\[\#2d1c10\]:hover{background:#fdf6e3!important;box-shadow:0 10px 22px -10px rgba(96,66,12,.45),0 0 0 1px rgba(201,162,39,.45)!important} .hover\:bg-\[\#1f1610\]:hover{background:#fdf6e3!important;box-shadow:0 10px 22px -10px rgba(96,66,12,.45),0 0 0 1px rgba(201,162,39,.45)!important} .hover\:border-\[\#4a2e1d\]\/50:hover{border-color:rgba(201,162,39,.5)!important} .hover\:text-\[\#e8d5c4\]:hover{color:#3a2c10!important} .hover\:text-\[\#d4af37\]:hover{color:#3a2c10!important} .hover\:bg-\[\#15120f\]:hover{background:#fdf6e3!important;box-shadow:0 10px 22px -10px rgba(96,66,12,.45),0 0 0 1px rgba(201,162,39,.45)!important} .hover\:text-\[\#c4a985\]:hover{color:#3a2c10!important} .hover\:text-\[\#f0e6d2\]:hover{color:#3a2c10!important} .hover\:bg-\[\#2d241c\]:hover{background:#fdf6e3!important;box-shadow:0 10px 22px -10px rgba(96,66,12,.45),0 0 0 1px rgba(201,162,39,.45)!important} .hover\:text-\[\#d97736\]:hover{color:#3a2c10!important} .hover\:bg-\[\#27272A\]:hover{background:#fdf6e3!important;box-shadow:0 10px 22px -10px rgba(96,66,12,.45),0 0 0 1px rgba(201,162,39,.45)!important} /* ============ V12: SOL MENÜ ULTRA-KOMPAKT (kesin sığar) ============ */ #root aside{font-size:11px;line-height:1.2} #root aside *{line-height:1.2} #root aside a,#root aside button{padding-top:2px!important;padding-bottom:2px!important} #root aside [class*="py-1"],#root aside [class*="py-2"],#root aside [class*="py-3"],#root aside [class*="py-4"]{padding-top:2px!important;padding-bottom:2px!important} #root aside [class*="p-2"],#root aside [class*="p-3"],#root aside [class*="p-4"],#root aside [class*="p-5"]{padding:4px 6px!important} #root aside [class*="px-2"],#root aside [class*="px-3"],#root aside [class*="px-4"]{padding-left:6px!important;padding-right:6px!important} #root aside [class*="space-y"]>*+*{margin-top:0!important} #root aside [class*="mb-1"],#root aside [class*="mb-2"],#root aside [class*="mb-3"],#root aside [class*="mb-4"],#root aside [class*="mb-6"]{margin-bottom:2px!important} #root aside [class*="mt-1"],#root aside [class*="mt-2"],#root aside [class*="mt-3"],#root aside [class*="mt-4"],#root aside [class*="mt-6"]{margin-top:2px!important} #root aside [class*="gap-1"],#root aside [class*="gap-2"],#root aside [class*="gap-3"]{gap:4px!important} #root aside [class*="text-base"],#root aside [class*="text-sm"]{font-size:11px!important} #root aside [class*="text-lg"],#root aside [class*="text-xl"]{font-size:12.5px!important} #root aside [class*="text-xs"]{font-size:9px!important} #root aside svg{width:12px!important;height:12px!important} #root aside span[class*="rounded-full"]{padding:0 4px!important;font-size:8px!important;line-height:1.4!important} #root aside [class*="uppercase"]{font-size:8.5px!important;letter-spacing:.06em!important;margin:3px 0 1px!important} #root aside [class*="border-t"],#root aside [class*="border-b"]{padding-top:3px!important;padding-bottom:3px!important} #root aside [class*="w-10"][class*="h-10"],#root aside [class*="w-9"][class*="h-9"]{width:24px!important;height:24px!important;font-size:9px!important} #root aside [class*="w-8"][class*="h-8"]{width:22px!important;height:22px!important} #root aside [class*="rounded-xl"],#root aside [class*="rounded-lg"]{border-radius:7px!important} /* ============ V13: AKTİF SEKME METNİ + ANALİTİK HIZLI ERİŞİM ============ */ .bg-\[\#4f46e5\].text-zinc-100,.bg-\[\#4f46e5\] .text-zinc-100, .bg-\[\#4f46e5\] span,.bg-\[\#4f46e5\] svg{color:#241a06!important} #gz-analitik{position:fixed;right:18px;bottom:18px;z-index:70;display:inline-flex;align-items:center;gap:7px; padding:9px 16px;border-radius:999px;font:700 12.5px/1 Inter,sans-serif;letter-spacing:.04em; background:linear-gradient(130deg,#f0c64f,#d4a01e 55%,#a3730f);color:#241a06!important;text-decoration:none; box-shadow:0 14px 30px -10px rgba(160,115,15,.75),0 3px 10px -4px rgba(0,0,0,.3);transition:.2s} #gz-analitik:hover{transform:translateY(-2px);filter:saturate(1.1)} /* ============ V14: HIZLI ERİŞİM PİLLERİ (Analitik, Birimler...) ============ */ #gz-quick{position:fixed;right:18px;bottom:18px;z-index:70;display:flex;gap:8px} .gz-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px; font:700 12.5px/1 Inter,sans-serif;letter-spacing:.04em;text-decoration:none; background:linear-gradient(130deg,#f0c64f,#d4a01e 55%,#a3730f);color:#241a06!important; box-shadow:0 14px 30px -10px rgba(160,115,15,.75),0 3px 10px -4px rgba(0,0,0,.3);transition:.2s} .gz-pill:hover{transform:translateY(-2px);filter:saturate(1.1)} #gz-analitik{display:none!important} /* ============================================================ V13 — MOR/PEMBE/YEŞİL KALINTILARIN TEMİZLİĞİ (custom-theme.css override) Bu kurallar custom-theme.css'te data-mor'a bağlı DEĞİL, her zaman aktifti. ============================================================ */ /* Bağış Yap → bordo/kızıl kağıt pili */ #root .__mor_btnrow__:not(.__mor_row2__) > *:first-child{ background:linear-gradient(135deg,#fbf2e2,#f3e4c6)!important; border:1px solid rgba(155,42,42,.42)!important; box-shadow:0 2px 10px -4px rgba(120,40,30,.35)!important; } #root .__mor_btnrow__:not(.__mor_row2__) > *:first-child *{ color:#9b2a2a!important; } /* VIP Üye Ol → altın gradyan */ #root .__mor_btnrow__:not(.__mor_row2__) > *:nth-child(2){ background:linear-gradient(135deg,#e6bb43,#c9922a)!important; border:1px solid rgba(150,110,20,.55)!important; box-shadow:0 3px 12px -4px rgba(180,140,40,.65)!important; } #root .__mor_btnrow__:not(.__mor_row2__) > *:nth-child(2) *{ color:#2b2415!important; } /* Akışlar / Haber Masası ikinci sıra → krem kağıt */ #root .__mor_row2__ > *{ background:linear-gradient(135deg,#faf3e2,#f0e5c8)!important; border:1px solid rgba(190,155,60,.35)!important; } #root .__mor_row2__ > * *{ color:#5c4a30!important; } /* Mortanas Süper Zeka bloğu → altın ışıma (mor glow yerine) */ #root .__mor_mj__{ background:linear-gradient(135deg,rgba(201,162,39,.22),rgba(230,187,67,.10))!important; border:1px solid rgba(190,150,45,.55)!important; animation:__gz_glow__ 2.8s ease-in-out infinite!important; } @keyframes __gz_glow__{ 0%,100%{ box-shadow:0 0 8px -2px rgba(180,140,40,.45); } 50%{ box-shadow:0 0 16px 1px rgba(214,175,60,.75); } } /* ÜCRETSİZ rozeti (yeşil) → sepya-yeşil değil, koyu zeytin/altın kağıt rozeti */ #root .__mor_free__{ color:#3b2f12!important; background:linear-gradient(135deg,#f0e2b4,#dcc98a)!important; border:1px solid rgba(150,115,25,.45)!important; box-shadow:0 2px 7px -3px rgba(140,105,25,.5)!important; } /* Premium+ rozeti (mor) → bordo mürekkep rozeti */ #root .__mor_pplus__{ color:#fdf6e6!important; background:linear-gradient(135deg,#9b2a2a,#c0453a)!important; box-shadow:0 2px 7px -2px rgba(140,40,35,.55)!important; } /* VIP rozetleri (menüdeki taç ikonlu) → altın */ #root aside [class*="rounded-full"][class*="text-"]:not(.__mor_free__):not(.__mor_pplus__){ } /* ============================================================ V14 — SOL MENÜ AKTİF SEKME: altın gradyan (uygulama sekmeleriyle aynı dil) Uygulamanın aktif sınıfları: bg-[#4f46e5] (Genel Bakış), bg-[#27272a] ve bg-[#1a1a24] (asistan/araç satırları), bg-rose-500 (Bağış Yap) ============================================================ */ #root aside button.bg-\[\#4f46e5\], #root aside a.bg-\[\#4f46e5\], #root aside button.bg-\[\#27272a\], #root aside a.bg-\[\#27272a\], #root aside button.bg-\[\#1a1a24\]:not(:has(h1)), #root aside a.bg-\[\#1a1a24\]{ background:linear-gradient(135deg,#e9c352 0%,#d2a531 45%,#b8862071 100%)!important; background-color:#d9ab33!important; border-color:rgba(140,105,20,.65)!important; box-shadow:0 3px 14px -4px rgba(170,130,35,.75), inset 0 1px 0 rgba(255,255,255,.35)!important; } #root aside button.bg-\[\#4f46e5\] *, #root aside a.bg-\[\#4f46e5\] *, #root aside button.bg-\[\#27272a\] *, #root aside a.bg-\[\#27272a\] *, #root aside button.bg-\[\#1a1a24\]:not(:has(h1)) *, #root aside a.bg-\[\#1a1a24\] *{ color:#2b2415!important; text-shadow:none!important; } /* aktif satırdaki VIP/Ücretsiz rozetleri altın üstünde okunur kalsın */ #root aside button.bg-\[\#27272a\] .__mor_free__, #root aside button.bg-\[\#1a1a24\] .__mor_free__{ background:linear-gradient(135deg,#fdf6e6,#f1e3bd)!important; color:#3b2f12!important; } /* Bağış Yap aktifken → bordo mürekkep */ #root aside button.bg-rose-500{ background:linear-gradient(135deg,#a83232,#8c2424)!important; border-color:#7a1f1f!important; box-shadow:0 3px 14px -4px rgba(130,35,35,.6)!important; } #root aside button.bg-rose-500 *{ color:#fdf1e0!important; } /* ============================================================ V15 — V7'den kalan "koyu yarı saydam" kalıntıları (asistan boş-durum kartları) #1a1410 / #120e0c opaklık varyantları arayüz yüzeyidir, fotoğraf karartması DEĞİL. (Fotoğraf karartmaları bg-black/* ile yapılıyor — onlara dokunulmuyor.) ============================================================ */ #root .bg-\[\#120e0c\]\/60, #root .bg-\[\#1a1410\]\/20, #root .bg-\[\#1a1410\]\/40, #root .bg-\[\#1a1410\]\/80, #root .bg-\[\#1a1410\]\/95{ background-color:rgba(250,244,228,.94)!important; background-image:none!important; border-color:rgba(190,155,60,.42)!important; } #root .to-\[\#1a1410\]\/20{--tw-gradient-to:rgba(246,238,218,.2)!important} #root .to-\[\#1a1410\]\/40{--tw-gradient-to:rgba(246,238,218,.4)!important} /* Boş-durum kartlarındaki ikon kutuları (koyu kahve gradyan) → krem + altın çerçeve */ #root .bg-gradient-to-br.from-\[\#1a1410\], #root .bg-gradient-to-br.from-\[\#2a1d13\]{ background:linear-gradient(135deg,#fbf4e3,#efe2c0)!important; border-color:rgba(190,155,60,.5)!important; } #root .bg-gradient-to-br.from-\[\#1a1410\] svg, #root .bg-gradient-to-br.from-\[\#2a1d13\] svg{ color:#b8860b!important; } /* Boş-durum kartı metinleri okunur mürekkep */ #root .bg-\[\#120e0c\]\/60 p, #root .bg-\[\#1a1410\]\/40 p{ color:#5c4a30!important; } /* ============================================================ V16 — DERİN GÖLGE KATMANI (kartlar sayfadan iyice kalksın) 5 katmanlı sıcak gölge: uzak yayılım + orta + yakın temas + üst ışık + altın halka ============================================================ */ #root main [class*="rounded-2xl"], #root main [class*="rounded-xl"], #root main [class*="rounded-[16px]"], #root main [class*="rounded-[20px]"], #root main [class*="rounded-[24px]"], #root main [class*="rounded-[32px]"], #root main [class*="rounded-[2rem]"], #root section [class*="rounded-2xl"], #root [class*="bg-[#faf4e4]"], #root [class*="bg-white"]{ box-shadow: 0 40px 80px -28px rgba(88,60,10,.42), 0 22px 44px -20px rgba(96,66,12,.34), 0 10px 20px -10px rgba(96,66,12,.26), 0 2px 5px -2px rgba(96,66,12,.22), inset 0 1px 0 rgba(255,255,255,.75), 0 0 0 1px rgba(190,155,60,.34)!important; } /* Sohbet / form panelleri ve büyük bloklar — daha da derin */ #root main > div [class*="rounded-[2rem]"], #root main [class*="p-8"][class*="rounded"], #root main [class*="p-10"][class*="rounded"], #root main [class*="lg:p-12"]{ box-shadow: 0 56px 110px -34px rgba(80,54,8,.48), 0 30px 60px -26px rgba(96,66,12,.36), 0 12px 24px -12px rgba(96,66,12,.28), inset 0 1px 0 rgba(255,255,255,.8), 0 0 0 1px rgba(190,155,60,.38)!important; } /* Kenar çubuğu satırları ve asistan sekmeleri — belirgin ama kompakt gölge */ #root aside button, #root aside a, #root [class*="w-[280px]"] button{ box-shadow:0 6px 16px -8px rgba(96,66,12,.35), 0 1px 3px -1px rgba(96,66,12,.25)!important; } #root aside button.bg-\[\#4f46e5\], #root aside button.bg-\[\#27272a\], #root aside button.bg-\[\#1a1a24\]:not(:has(h1)){ box-shadow: 0 14px 28px -10px rgba(150,110,20,.7), 0 6px 12px -6px rgba(120,88,15,.5), inset 0 1px 0 rgba(255,255,255,.45), 0 0 0 1px rgba(140,105,20,.55)!important; } /* Hover: kart yükselsin, gölge büyüsün */ #root main [class*="rounded-2xl"]:hover, #root main [class*="rounded-xl"]:hover, #root main [class*="rounded-[16px]"]:hover{ transform:translateY(-3px); box-shadow: 0 56px 100px -30px rgba(80,54,8,.5), 0 28px 52px -22px rgba(96,66,12,.4), 0 12px 22px -10px rgba(96,66,12,.3), inset 0 1px 0 rgba(255,255,255,.8), 0 0 0 1px rgba(190,155,60,.5)!important; } #root main [class*="rounded-2xl"], #root main [class*="rounded-xl"], #root main [class*="rounded-[16px]"]{ transition:transform .18s ease, box-shadow .22s ease!important; } /* Input/textarea: içeri gömülü his (kartın üstünde oyuk gibi dursun) */ #root textarea, #root input[type="text"], #root select{ box-shadow:inset 0 3px 8px -3px rgba(96,66,12,.28), inset 0 1px 0 rgba(255,255,255,.6), 0 0 0 1px rgba(190,155,60,.32)!important; } /* ============================================================ V17 — Akışlar + Haber Masası satırı artık alt barda (Ayarlar / Yardım ile aynı satır) ============================================================ */ #root aside .__mor_row2__.__gz_inbar__{ display:flex!important; flex:1 1 auto; min-width:0; padding:0!important; margin:0 0 0 auto!important; gap:4px!important; justify-content:flex-end; } #root aside .__mor_row2__.__gz_inbar__ > *{ flex:0 1 auto; min-width:0; padding:2px 7px!important; border-radius:999px!important; background:linear-gradient(135deg,#faf3e2,#efe2c0)!important; border:1px solid rgba(190,155,60,.45)!important; box-shadow:0 2px 8px -4px rgba(96,66,12,.4)!important; } #root aside .__mor_row2__.__gz_inbar__ > * span{ font-size:10px!important; color:#5c4a30!important; } #root aside .__mor_row2__.__gz_inbar__ > * svg{ width:11px!important;height:11px!important;color:#8a6a12!important; } /* alt bar tek satırda kalsın */ #root aside [data-testid="settings-button"]{ flex:0 0 auto; } /* ============================================================ V18 — ASİSTAN MODÜL KARTLARI: derin gölge + gazete cilası (Konu kutusu, açılır menüler, ekstra optimizasyon çipleri, ana buton) ============================================================ */ /* --- Modül panelinin kendisi: sıcak kağıt + derin kabartma --- */ #root main form, #root main [class*="rounded-[2rem]"], #root main [class*="rounded-3xl"]{ background:linear-gradient(165deg,#fbf5e6 0%,#f6efdc 45%,#efe6ca 100%)!important; border:1px solid rgba(190,155,60,.42)!important; box-shadow: 0 60px 120px -36px rgba(78,52,8,.5), 0 32px 64px -28px rgba(96,66,12,.38), 0 14px 28px -14px rgba(96,66,12,.3), inset 0 1px 0 rgba(255,255,255,.85)!important; } /* --- Bölüm etiketleri (KONU VEYA HAM METİN, DUYGU TONU…) --- */ #root main label, #root main [class*="uppercase"][class*="tracking-widest"]{ color:#8a6a12!important; font-weight:700!important; letter-spacing:.14em!important; } /* --- Ana metin kutusu: beyaz kağıt, oyuk gölge, altın odak --- */ #root main textarea{ background:linear-gradient(180deg,#fffdf6,#faf4e4)!important; border:1px solid rgba(190,155,60,.45)!important; color:#2b2415!important; box-shadow: inset 0 4px 12px -4px rgba(96,66,12,.22), inset 0 1px 0 rgba(255,255,255,.9), 0 2px 6px -2px rgba(96,66,12,.18)!important; } #root main textarea::placeholder{ color:#a8946f!important; } #root main textarea:focus{ border-color:#c9a227!important; box-shadow: inset 0 4px 12px -4px rgba(96,66,12,.2), 0 0 0 3px rgba(201,162,39,.28), 0 8px 24px -10px rgba(150,110,20,.4)!important; } /* --- Açılır menüler (select): kabartmalı krem pil --- */ #root main select{ background:linear-gradient(180deg,#fdf8ea,#f3e9cf)!important; border:1px solid rgba(190,155,60,.5)!important; color:#3f3320!important; font-weight:600!important; box-shadow: 0 10px 22px -12px rgba(96,66,12,.45), 0 2px 5px -2px rgba(96,66,12,.28), inset 0 1px 0 rgba(255,255,255,.9)!important; transition:transform .15s ease, box-shadow .2s ease!important; } #root main select:hover{ transform:translateY(-1px); box-shadow: 0 16px 30px -12px rgba(120,88,16,.5), 0 3px 8px -2px rgba(96,66,12,.3), inset 0 1px 0 rgba(255,255,255,.95)!important; } /* --- Ekstra optimizasyon çipleri (grid içindeki küçük butonlar) --- */ #root main .grid button{ background:linear-gradient(180deg,#fdf8ea,#f2e7cb)!important; border:1px solid rgba(190,155,60,.45)!important; color:#5c4a30!important; box-shadow: 0 10px 20px -10px rgba(96,66,12,.4), 0 2px 4px -2px rgba(96,66,12,.25), inset 0 1px 0 rgba(255,255,255,.9)!important; transition:transform .15s ease, box-shadow .2s ease, background .2s ease!important; } #root main .grid button svg{ color:#b8860b!important; } #root main .grid button:hover{ transform:translateY(-2px); background:linear-gradient(180deg,#fff8e2,#f6e9c4)!important; border-color:rgba(190,155,60,.75)!important; box-shadow: 0 18px 34px -12px rgba(140,105,20,.55), 0 4px 10px -3px rgba(96,66,12,.3), inset 0 1px 0 rgba(255,255,255,.95)!important; } /* seçili çip → altın */ #root main .grid button[class*="border-orange-"], #root main .grid button[class*="border-emerald-"], #root main .grid button[class*="border-blue-"], #root main .grid button[class*="border-pink-"]{ background:linear-gradient(135deg,#e9c352,#cfa233)!important; border-color:rgba(140,105,20,.7)!important; color:#2b2415!important; box-shadow:0 14px 28px -10px rgba(160,120,25,.7), inset 0 1px 0 rgba(255,255,255,.45)!important; } #root main .grid button[class*="border-orange-"] svg, #root main .grid button[class*="border-emerald-"] svg, #root main .grid button[class*="border-blue-"] svg, #root main .grid button[class*="border-pink-"] svg{ color:#3b2f12!important; } /* --- Ana eylem butonu (Manşet Seçeneklerini Getir) → altın gradyan --- */ #root main button[type="submit"]{ background:linear-gradient(135deg,#f0cd5c 0%,#d8a92f 45%,#b8811c 100%)!important; border:1px solid rgba(140,105,20,.65)!important; color:#2b2415!important; font-weight:800!important; letter-spacing:.01em!important; text-shadow:0 1px 0 rgba(255,255,255,.35)!important; box-shadow: 0 24px 46px -14px rgba(170,125,25,.72), 0 10px 20px -8px rgba(120,88,15,.5), inset 0 1px 0 rgba(255,255,255,.5)!important; transition:transform .15s ease, box-shadow .2s ease, filter .2s ease!important; } #root main button[type="submit"] *{ color:#2b2415!important; } #root main button[type="submit"]:hover{ transform:translateY(-2px); filter:saturate(1.1); box-shadow: 0 32px 60px -16px rgba(170,125,25,.85), 0 12px 24px -8px rgba(120,88,15,.55), inset 0 1px 0 rgba(255,255,255,.6)!important; } #root main button[type="submit"]:active{ transform:translateY(0); } #root main button[type="submit"]:disabled{ filter:grayscale(.35) opacity(.7); transform:none; } /* ============================================================ V19 — Alt bar tek satır: Ayarlar • Yardım • Akışlar • Haber Masası ============================================================ */ #root aside div:has(> [data-testid="settings-button"]){ flex-wrap:nowrap!important; gap:4px!important; padding-left:6px!important; padding-right:6px!important; overflow:hidden; } #root aside div:has(> [data-testid="settings-button"]) > span{ flex:0 0 auto; font-size:11px!important; white-space:nowrap; } #root aside div:has(> [data-testid="settings-button"]) > div.mx-1{ margin:0!important; width:0!important; } #root aside .__mor_row2__.__gz_inbar__{ flex-wrap:nowrap!important; } #root aside .__mor_row2__.__gz_inbar__ > *{ padding:2px 6px!important; gap:3px!important; white-space:nowrap; } /* ============================================================ V20 — KARŞILAMA EKRANI: zengin gazete vitrini (madalyon ikon, künye başlık, kabartmalı modül kartları, altın gönder butonu) ============================================================ */ /* --- Başlık madalyonu: altın rozet, derin kabartma --- */ #root main .w-16.h-16.rounded-2xl, #root main .w-20.h-20[class*="rounded-"]{ background: radial-gradient(circle at 32% 26%, #fbeec2 0%, #e6c45e 38%, #c9992c 68%, #9c7318 100%)!important; border:1px solid rgba(130,98,18,.7)!important; box-shadow: 0 28px 50px -18px rgba(150,110,20,.7), 0 12px 22px -10px rgba(96,66,12,.5), inset 0 2px 3px rgba(255,255,255,.75), inset 0 -3px 6px rgba(120,88,15,.45), 0 0 0 5px rgba(201,162,39,.14), 0 0 0 6px rgba(190,155,60,.3)!important; } #root main .w-16.h-16.rounded-2xl svg, #root main .w-20.h-20[class*="rounded-"] svg{ color:#3b2f12!important; filter:drop-shadow(0 1px 0 rgba(255,255,255,.5)); } /* --- Karşılama başlığı: gazete künyesi + altın çift çizgi --- */ #root main .font-heading.text-3xl{ color:#241c0c!important; font-family:'Playfair Display',Georgia,serif!important; font-size:34px!important; letter-spacing:-.015em!important; text-shadow:0 1px 0 rgba(255,255,255,.7)!important; position:relative; padding-bottom:12px; } #root main .font-heading.text-3xl::after{ content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:132px; height:4px; background: linear-gradient(90deg,transparent,#c9a227 18%,#8a6a12 50%,#c9a227 82%,transparent) 0 0/100% 2px no-repeat, linear-gradient(90deg,transparent,rgba(201,162,39,.45) 25%,rgba(138,106,18,.5) 50%,rgba(201,162,39,.45) 75%,transparent) 0 3px/100% 1px no-repeat; } #root main .font-heading.text-3xl + p, #root main .text-base.font-body{ color:#6e5c3c!important; font-style:italic; letter-spacing:.01em; } /* --- Modül kısayol kartları: kabartmalı krem kağıt --- */ #root main button[class*="bg-[#1a1410]/20"]{ background:linear-gradient(165deg,#fdf8ea 0%,#f5ead0 60%,#efe2c0 100%)!important; border:1px solid rgba(190,155,60,.45)!important; border-radius:12px!important; padding:10px 12px!important; box-shadow: 0 22px 40px -18px rgba(96,66,12,.5), 0 8px 16px -8px rgba(96,66,12,.35), 0 2px 4px -2px rgba(96,66,12,.25), inset 0 1px 0 rgba(255,255,255,.95)!important; transition:transform .18s ease, box-shadow .24s ease, background .24s ease!important; } #root main button[class*="bg-[#1a1410]/20"]:hover{ transform:translateY(-3px) scale(1.012); background:linear-gradient(165deg,#fffaec 0%,#f9efd8 60%,#f2e6c6 100%)!important; border-color:rgba(180,140,40,.85)!important; box-shadow: 0 34px 60px -20px rgba(140,105,20,.62), 0 14px 26px -10px rgba(96,66,12,.42), inset 0 1px 0 rgba(255,255,255,1), 0 0 0 1px rgba(201,162,39,.5)!important; } #root main button[class*="bg-[#1a1410]/20"] span{ color:#4a3b22!important; font-weight:600!important; } #root main button[class*="bg-[#1a1410]/20"]:hover span{ color:#2b2415!important; } /* kart ikon kutucuğu → altın mühür */ #root main button[class*="bg-[#1a1410]/20"] > div:first-child, #root main button[class*="bg-[#1a1410]/20"] .w-6.h-6{ background:linear-gradient(135deg,#f0d885,#cfa233)!important; border:1px solid rgba(140,105,20,.55)!important; border-radius:7px!important; box-shadow:0 3px 8px -3px rgba(140,105,20,.6), inset 0 1px 0 rgba(255,255,255,.6)!important; } #root main button[class*="bg-[#1a1410]/20"] svg{ color:#3b2f12!important; opacity:1!important; } /* --- Karşılama girdi kutusu ve gönder butonu --- */ #root main .group\/input textarea, #root main .relative.group\/input textarea{ background:linear-gradient(180deg,#fffdf6,#f9f2e0)!important; border:1.5px solid rgba(190,155,60,.5)!important; box-shadow: inset 0 4px 12px -5px rgba(96,66,12,.24), 0 18px 36px -18px rgba(96,66,12,.45), inset 0 1px 0 rgba(255,255,255,.95)!important; } #root main button[class*="from-[#d97736]"]{ background:linear-gradient(135deg,#f0cd5c,#cfa233 55%,#a97e1c)!important; border:1px solid rgba(130,98,18,.6)!important; box-shadow:0 12px 26px -10px rgba(160,120,25,.8), inset 0 1px 0 rgba(255,255,255,.5)!important; } #root main button[class*="from-[#d97736]"] svg{ color:#2b2415!important; } #root main button[class*="from-[#d97736]"]:hover{ filter:saturate(1.12) brightness(1.03); } /* --- Arka plan ışıması: turuncu haleler → sıcak altın hale --- */ #root main [class*="bg-amber-700/5"], #root main [class*="bg-orange-800/10"], #root main [class*="bg-[#d97736]/5"], #root main [class*="bg-[#a65620]/5"]{ background-color:rgba(201,162,39,.10)!important; } /* --- Alt bilgi pili ("... 5 kredi" vb.) --- */ #root main [class*="rounded-full"][class*="bg-[#1a1410]/40"]{ background:linear-gradient(135deg,#fbf3e0,#f0e2bf)!important; border:1px solid rgba(190,155,60,.5)!important; color:#6e5c3c!important; box-shadow:0 6px 14px -8px rgba(96,66,12,.45), inset 0 1px 0 rgba(255,255,255,.9)!important; } /* ============================================================ V21 — PREMİUM KULLANIM REHBERİ: zengin renk + derin gölge (dikey ölçüler değişmiyor: padding/margin'e dokunulmadı) ============================================================ */ /* --- Üst künye kartı --- */ #root main [class*="bg-white/80"][class*="rounded-[2rem]"]{ background:linear-gradient(165deg,#fffaec 0%,#fbf3df 55%,#f4e9cd 100%)!important; border:1px solid rgba(190,155,60,.55)!important; box-shadow: 0 60px 110px -34px rgba(78,52,8,.5), 0 30px 56px -26px rgba(96,66,12,.38), 0 12px 22px -12px rgba(96,66,12,.3), inset 0 1px 0 rgba(255,255,255,.95), 0 0 0 1px rgba(201,162,39,.25)!important; } /* üstteki ince altın bant → daha zengin */ #root main [class*="from-amber-400"][class*="via-yellow-500"]{ background:linear-gradient(90deg,#8a6a12,#e6c45e 22%,#f6e6a8 50%,#e6c45e 78%,#8a6a12)!important; opacity:1!important; box-shadow:0 2px 10px rgba(201,162,39,.55)!important; } /* --- Rehber modül kartları (beyaz kartlar) --- */ #root main [class*="bg-white/70"], #root main [class*="bg-white/60"], #root main [class*="bg-white"][class*="rounded-2xl"], #root main [class*="bg-white"][class*="rounded-3xl"]{ background:linear-gradient(168deg,#fffdf4 0%,#faf3e1 58%,#f3e8ca 100%)!important; border:1px solid rgba(190,155,60,.5)!important; box-shadow: 0 44px 84px -28px rgba(88,60,10,.48), 0 22px 40px -20px rgba(96,66,12,.35), 0 8px 16px -8px rgba(96,66,12,.28), inset 0 1px 0 rgba(255,255,255,.95), 0 0 0 1px rgba(201,162,39,.22)!important; transition:transform .2s ease, box-shadow .25s ease!important; } #root main [class*="bg-white/70"]:hover, #root main [class*="bg-white"][class*="rounded-2xl"]:hover{ transform:translateY(-3px); box-shadow: 0 60px 110px -30px rgba(78,52,8,.55), 0 28px 50px -22px rgba(96,66,12,.42), inset 0 1px 0 rgba(255,255,255,1), 0 0 0 1px rgba(201,162,39,.5)!important; } /* --- Modül ikon madalyonları (renkli iconBg'ler) → derin kabartma + altın halka --- */ #root main [class*="w-20"][class*="rounded-3xl"], #root main [class*="w-20"][class*="rounded-2xl"]{ border:1px solid rgba(140,105,20,.45)!important; box-shadow: 0 26px 46px -16px rgba(96,66,12,.55), 0 10px 18px -8px rgba(96,66,12,.4), inset 0 2px 3px rgba(255,255,255,.85), inset 0 -4px 8px rgba(120,88,15,.22), 0 0 0 4px rgba(201,162,39,.12), 0 0 0 5px rgba(190,155,60,.28)!important; } /* --- Rozet/etiket pilleri (amber çipler) → dolgun altın --- */ #root main [class*="from-amber-100"], #root main [class*="from-amber-50"], #root main [class*="bg-amber-100"]{ background:linear-gradient(135deg,#f3dc95,#dfbb50)!important; border:1px solid rgba(150,115,25,.55)!important; color:#3b2f12!important; box-shadow:0 8px 18px -8px rgba(150,110,20,.6), inset 0 1px 0 rgba(255,255,255,.7)!important; } #root main [class*="from-amber-100"] *, #root main [class*="from-amber-50"] *, #root main [class*="bg-amber-100"] *{ color:#3b2f12!important; } /* --- Madde satırları (modüller listesi) → kağıt kabartma --- */ #root main [class*="from-[#fffbf5]"]{ background:linear-gradient(100deg,#fdf7e6,#f7efd9)!important; border:1px solid rgba(190,155,60,.4)!important; box-shadow:0 8px 16px -10px rgba(96,66,12,.45), inset 0 1px 0 rgba(255,255,255,.9)!important; transition:box-shadow .2s ease, border-color .2s ease!important; } #root main [class*="from-[#fffbf5]"]:hover{ border-color:rgba(180,140,40,.75)!important; box-shadow:0 14px 26px -10px rgba(140,105,20,.55), inset 0 1px 0 rgba(255,255,255,1)!important; } /* madde noktaları → altın ışıklı */ #root main [class*="bg-amber-400"][class*="rounded-full"]{ background:radial-gradient(circle at 35% 30%,#f7e6a6,#c9a227 70%)!important; box-shadow:0 0 8px rgba(201,162,39,.75)!important; } /* --- "Nasıl kullanılır" bilgi paneli (usageBg) → sıcak kağıt oyuk --- */ #root main [class*="p-5"][class*="rounded-2xl"][class*="bg-"]{ background:linear-gradient(160deg,#f8efd6,#f0e4c4)!important; border:1px solid rgba(180,140,40,.5)!important; box-shadow: inset 0 6px 16px -8px rgba(96,66,12,.35), inset 0 1px 0 rgba(255,255,255,.85), 0 12px 26px -14px rgba(96,66,12,.4)!important; } #root main [class*="p-5"][class*="rounded-2xl"] .text-slate-800, #root main [class*="p-5"][class*="rounded-2xl"] [class*="text-slate-7"]{ color:#3f3320!important; } /* --- Başlıklar --- */ #root main h2[class*="font-extrabold"]{ color:#241c0c!important; text-shadow:0 1px 0 rgba(255,255,255,.8)!important; } #root main [class*="from-amber-600"][class*="to-yellow-500"]{ background-image:linear-gradient(90deg,#b8860b,#e0b93c 55%,#8a6a12)!important; } #root main [class*="text-[#a88655]"]{ color:#8a6a12!important; } /* --- Zemin ışıması --- */ #root main [class*="bg-amber-100/40"], #root main [class*="bg-orange-50/50"], #root main [class*="bg-amber-400/5"]{ background-color:rgba(201,162,39,.13)!important; } /* ============================================================ V22 — REHBER: DAHA DERİN PALET + AĞIRLAŞTIRILMIŞ GÖLGELER (koyu bronz/tütün tonları, kartlar zeminden daha net ayrışıyor) ============================================================ */ /* --- Rehber sayfa zemini: eskimiş kağıt + vinyet --- */ #root main [class*="from-[#faf8f5]"][class*="to-[#f5f2eb]"]{ background: radial-gradient(ellipse at 50% -10%, rgba(255,250,232,.95) 0%, rgba(238,224,190,.6) 45%, rgba(206,183,132,.55) 100%), linear-gradient(165deg,#efe3c4 0%,#e7d9b4 55%,#dccfa6 100%)!important; position:relative; } #root main [class*="from-[#faf8f5]"][class*="to-[#f5f2eb]"]::before{ content:"";position:absolute;inset:0;pointer-events:none;z-index:0; background:radial-gradient(ellipse at center, transparent 52%, rgba(84,58,14,.20) 100%); } /* --- Kartlar: zeminden net ayrışan aydınlık kağıt + ağır gölge --- */ #root main [class*="bg-white/80"][class*="rounded-[2rem]"], #root main [class*="bg-white/70"], #root main [class*="bg-white"][class*="rounded-2xl"], #root main [class*="bg-white"][class*="rounded-3xl"]{ background:linear-gradient(168deg,#fffdf3 0%,#f9f1dc 55%,#f1e5c4 100%)!important; border:1px solid rgba(150,115,25,.6)!important; box-shadow: 0 80px 140px -40px rgba(52,34,4,.62), 0 44px 76px -32px rgba(70,46,6,.5), 0 20px 36px -16px rgba(80,54,10,.42), 0 6px 12px -6px rgba(80,54,10,.35), inset 0 1px 0 rgba(255,255,255,1), inset 0 -2px 6px rgba(140,105,20,.14), 0 0 0 1px rgba(150,115,25,.35)!important; } #root main [class*="bg-white/70"]:hover, #root main [class*="bg-white"][class*="rounded-2xl"]:hover{ transform:translateY(-4px); box-shadow: 0 100px 170px -42px rgba(48,32,4,.68), 0 52px 88px -34px rgba(70,46,6,.55), 0 22px 40px -16px rgba(80,54,10,.45), inset 0 1px 0 rgba(255,255,255,1), 0 0 0 1px rgba(170,130,30,.65)!important; } /* --- Üst altın bant: bronzdan şampanyaya, daha kalın ışıma --- */ #root main [class*="from-amber-400"][class*="via-yellow-500"]{ background:linear-gradient(90deg,#6b4f0c,#a97e1c 18%,#e6c45e 42%,#fbf0c4 52%,#e6c45e 62%,#a97e1c 84%,#6b4f0c)!important; box-shadow:0 3px 16px rgba(169,126,28,.75), 0 1px 0 rgba(255,255,255,.45) inset!important; } /* --- Mürekkep: başlık ve gövde daha koyu, kontrast yüksek --- */ #root main h2[class*="font-extrabold"]{ color:#1e1707!important; } #root main [class*="text-[#5c4a30]"], #root main [class*="text-[#5c4a30]/80"]{ color:#4a3a1e!important; } #root main [class*="text-[#2a1d13]"]{ color:#241a08!important; } #root main [class*="text-[#a88655]"]{ color:#7a5c0e!important; letter-spacing:.16em!important; } /* --- Rozet/çipler: bronz-altın, koyu kenar --- */ #root main [class*="from-amber-100"], #root main [class*="from-amber-50"], #root main [class*="bg-amber-100"]{ background:linear-gradient(135deg,#e8ce77 0%,#cfa233 55%,#a97e1c 100%)!important; border:1px solid rgba(107,79,12,.75)!important; box-shadow: 0 12px 24px -10px rgba(107,79,12,.75), 0 3px 6px -2px rgba(80,54,10,.5), inset 0 1px 0 rgba(255,255,255,.65)!important; } #root main [class*="from-amber-100"] *, #root main [class*="from-amber-50"] *, #root main [class*="bg-amber-100"] *{ color:#2b2008!important; font-weight:700!important; } /* --- Madde satırları: derin kabartma --- */ #root main [class*="from-[#fffbf5]"]{ background:linear-gradient(100deg,#fdf8e8,#f4ead0)!important; border:1px solid rgba(150,115,25,.5)!important; box-shadow: 0 14px 26px -14px rgba(80,54,10,.6), 0 3px 6px -3px rgba(80,54,10,.4), inset 0 1px 0 rgba(255,255,255,.95)!important; } #root main [class*="from-[#fffbf5]"]:hover{ border-color:rgba(150,115,25,.9)!important; box-shadow: 0 22px 38px -14px rgba(80,54,10,.7), inset 0 1px 0 rgba(255,255,255,1), 0 0 0 1px rgba(201,162,39,.5)!important; } /* --- Bilgi paneli: koyu oyuk, tütün tonu --- */ #root main [class*="p-5"][class*="rounded-2xl"][class*="bg-"]{ background:linear-gradient(160deg,#f2e5c2,#e6d5a8)!important; border:1px solid rgba(130,98,18,.65)!important; box-shadow: inset 0 10px 22px -10px rgba(70,46,6,.5), inset 0 -1px 0 rgba(255,255,255,.6), 0 18px 34px -16px rgba(70,46,6,.55)!important; } #root main [class*="p-5"][class*="rounded-2xl"] .text-slate-800, #root main [class*="p-5"][class*="rounded-2xl"] [class*="text-slate-7"]{ color:#332608!important; } /* --- İkon madalyonları: bronz halka + ağır gölge --- */ #root main [class*="w-20"][class*="rounded-3xl"], #root main [class*="w-20"][class*="rounded-2xl"]{ box-shadow: 0 40px 70px -22px rgba(60,40,6,.7), 0 16px 28px -12px rgba(80,54,10,.55), inset 0 2px 3px rgba(255,255,255,.9), inset 0 -5px 10px rgba(107,79,12,.35), 0 0 0 4px rgba(169,126,28,.18), 0 0 0 6px rgba(107,79,12,.35)!important; } /* --- Madde noktaları --- */ #root main [class*="bg-amber-400"][class*="rounded-full"]{ background:radial-gradient(circle at 35% 30%,#fbeec2,#a97e1c 75%)!important; box-shadow:0 0 10px rgba(169,126,28,.9), 0 1px 2px rgba(60,40,6,.6)!important; } /* ============================================================ V23 — "Mortanas Süper Zeka / Premium+" bloğu: hafif mavimsi gece mavisi ============================================================ */ #root .__mor_mj__{ background:linear-gradient(135deg,rgba(58,110,165,.26) 0%,rgba(96,158,214,.14) 55%,rgba(140,190,235,.10) 100%)!important; border:1px solid rgba(86,142,196,.55)!important; animation:__gz_glow_blue__ 3s ease-in-out infinite!important; } @keyframes __gz_glow_blue__{ 0%,100%{ box-shadow:0 0 10px -2px rgba(70,125,180,.45), inset 0 1px 0 rgba(255,255,255,.5); } 50%{ box-shadow:0 0 20px 1px rgba(110,170,225,.7), inset 0 1px 0 rgba(255,255,255,.6); } } #root .__mor_mj__ *{ color:#1e3a5c!important; } #root .__mor_mj__ .__mor_pplus__{ background:linear-gradient(135deg,#3f7db8,#65a8dd)!important; color:#f2f8ff!important; box-shadow:0 2px 8px -2px rgba(60,120,180,.6)!important; } #root .__mor_mj__ .__mor_pplus__ *{ color:#f2f8ff!important; } /* ============================================================ V24 — "ASİSTANA SOR" ekranı: mavi/sky paleti → ana sayfanın gazete paleti Kapsam: görünümün kök kabı (from-blue-50 sınıfı) altındaki her şey ============================================================ */ #root [class*="from-blue-50"]{ background:linear-gradient(160deg,#f6ecd2 0%,#faf3df 48%,#f0e4c4 100%)!important; color:#2b2415!important; } /* --- Yüzeyler: beyaz paneller → krem kağıt --- */ #root [class*="from-blue-50"] [class*="bg-white"]{ background:linear-gradient(165deg,#fffdf5,#f8f1de)!important; border-color:rgba(190,155,60,.42)!important; box-shadow:0 18px 40px -22px rgba(74,58,26,.42),0 4px 10px -5px rgba(74,58,26,.25),inset 0 1px 0 rgba(255,255,255,.95)!important; } #root [class*="from-blue-50"] [class*="bg-slate-50"], #root [class*="from-blue-50"] [class*="bg-slate-100"]{ background:linear-gradient(165deg,#f9f2e0,#efe4c6)!important; } /* --- Kenarlıklar --- */ #root [class*="from-blue-50"] [class*="border-slate-1"], #root [class*="from-blue-50"] [class*="border-slate-2"]{ border-color:rgba(190,155,60,.4)!important; } /* --- Metinler: slate → mürekkep/sepya --- */ #root [class*="from-blue-50"] [class*="text-slate-8"], #root [class*="from-blue-50"] [class*="text-slate-9"]{ color:#2b2415!important; } #root [class*="from-blue-50"] [class*="text-slate-7"], #root [class*="from-blue-50"] [class*="text-slate-6"]{ color:#4a3b22!important; } #root [class*="from-blue-50"] [class*="text-slate-5"], #root [class*="from-blue-50"] [class*="text-slate-4"]{ color:#8a7a5c!important; } /* --- Mavi vurgular → altın --- */ #root [class*="from-blue-50"] [class*="bg-blue-600"], #root [class*="from-blue-50"] [class*="bg-blue-700"], #root [class*="from-blue-50"] [class*="from-blue-500"], #root [class*="from-blue-50"] [class*="from-blue-600"]{ background:linear-gradient(135deg,#e9c352,#c9992c 55%,#a97e1c)!important; box-shadow:0 12px 26px -10px rgba(160,120,25,.7),inset 0 1px 0 rgba(255,255,255,.45)!important; border-color:rgba(140,105,20,.6)!important; } #root [class*="from-blue-50"] [class*="bg-blue-600"] *, #root [class*="from-blue-50"] [class*="from-blue-500"] *{ color:#2b2415!important; } #root [class*="from-blue-50"] [class*="bg-blue-100"], #root [class*="from-blue-50"] [class*="bg-blue-50"]{ background:linear-gradient(135deg,#f6ead0,#eddfb6)!important; border-color:rgba(190,155,60,.5)!important; } #root [class*="from-blue-50"] [class*="text-blue-6"], #root [class*="from-blue-50"] [class*="text-blue-5"]{ color:#8a6a12!important; } #root [class*="from-blue-50"] [class*="border-blue-1"], #root [class*="from-blue-50"] [class*="border-blue-5"]{ border-color:rgba(190,155,60,.65)!important; } /* --- Aktif sohbet satırı → altın kağıt --- */ #root [class*="from-blue-50"] [class*="bg-blue-50"][class*="border-blue-100"]{ background:linear-gradient(135deg,#f4e3ad,#e5cd85)!important; border-color:rgba(150,115,25,.6)!important; box-shadow:0 8px 18px -8px rgba(150,110,20,.55)!important; } /* --- Hover durumları --- */ #root [class*="from-blue-50"] [class*="hover:bg-slate-1"]:hover, #root [class*="from-blue-50"] [class*="hover:bg-slate-2"]:hover, #root [class*="from-blue-50"] [class*="hover:bg-blue-5"]:hover, #root [class*="from-blue-50"] [class*="hover:bg-blue-1"]:hover{ background:linear-gradient(135deg,#fdf6e4,#f2e6c8)!important; box-shadow:0 0 0 1px rgba(201,162,39,.45)!important; } /* --- Odak halkaları → altın --- */ #root [class*="from-blue-50"] [class*="focus:ring-blue"]:focus, #root [class*="from-blue-50"] input:focus, #root [class*="from-blue-50"] textarea:focus{ border-color:#c9a227!important; box-shadow:0 0 0 3px rgba(201,162,39,.25)!important; outline:none!important; } /* --- Avatar / ikon madalyonları --- */ #root [class*="from-blue-50"] [class*="rounded-2xl"][class*="from-blue-500"], #root [class*="from-blue-50"] [class*="rounded-full"][class*="bg-white"]{ border:1px solid rgba(190,155,60,.55)!important; } /* --- Sil butonu bordo, kaydet altın-yeşil kalsın --- */ #root [class*="from-blue-50"] [class*="text-red-6"]{ color:#9b2a2a!important; } #root [class*="from-blue-50"] [class*="hover:bg-red-50"]:hover{ background:rgba(155,42,42,.10)!important; } /* ============================================================ V25 — KAPALI (daraltılmış) SOL PANEL: ikonlar büyük ve ferah Kompakt mod (V12) yalnızca açık menü için; daraltılmışta ikonlar büyür. ============================================================ */ #root aside[class*="w-16"], #root aside[class*="w-20"]{ font-size:0!important; } #root aside[class*="w-16"] svg, #root aside[class*="w-20"] svg{ width:18px!important; height:18px!important; stroke-width:1.8!important; } #root aside[class*="w-16"] a, #root aside[class*="w-16"] button, #root aside[class*="w-20"] a, #root aside[class*="w-20"] button{ padding:7px 0!important; min-height:36px!important; justify-content:center!important; border-radius:12px!important; margin:2px 6px!important; } /* daraltılmışta metin ve rozetler gizli kalsın */ #root aside[class*="w-16"] .__mor_free__, #root aside[class*="w-16"] .__mor_pplus__, #root aside[class*="w-20"] .__mor_free__, #root aside[class*="w-20"] .__mor_pplus__{ display:none!important; } /* bölüm başlıkları daraltılmışta ince ayraç olsun */ #root aside[class*="w-16"] [class*="uppercase"]{ height:1px!important;overflow:hidden!important;color:transparent!important; background:rgba(190,155,60,.35)!important;margin:8px 14px!important;padding:0!important; } /* aktif sekme: büyük altın kare */ #root aside[class*="w-16"] button.bg-\[\#4f46e5\], #root aside[class*="w-16"] button.bg-\[\#27272a\], #root aside[class*="w-16"] button.bg-\[\#1a1a24\]{ box-shadow:0 12px 24px -8px rgba(150,110,20,.75), inset 0 1px 0 rgba(255,255,255,.45), 0 0 0 1px rgba(140,105,20,.6)!important; } /* Bağış / VIP pilleri daraltılmışta kare ikon butona dönsün */ #root aside[class*="w-16"] .__mor_btnrow__{ flex-direction:column!important; gap:4px!important; padding:6px 6px 4px!important; } #root aside[class*="w-16"] .__mor_btnrow__ > *{ padding:7px 0!important; justify-content:center!important; margin:0!important; } /* alt bar (Ayarlar/Yardım/Akışlar/Haber Masası) daraltılmışta sarsın */ #root aside[class*="w-16"] div:has(> [data-testid="settings-button"]){ flex-wrap:wrap!important;justify-content:center!important;gap:4px!important; } #root aside[class*="w-16"] div:has(> [data-testid="settings-button"]) > span{ display:none!important; } #root aside[class*="w-16"] .__mor_row2__.__gz_inbar__{ margin:0 auto!important; } /* kullanıcı avatarı büyük */ #root aside[class*="w-16"] [class*="rounded-full"]{ width:30px!important;height:30px!important;font-size:11px!important; } /* ============================================================ V26 — GENEL BAKIŞ: kategori panelleri kaldırıldı (YAZI & METİN ARAÇLARI / ARAŞTIRMA & MEDYA / PLANLAMA & KİŞİSEL blokları) Asistanlara sol menüden erişim devam ediyor. ============================================================ */ #root main [class*="lg:grid-cols-4"][class*="min-h-0"]{ display:none!important; } /* ============================================================ V27 — PR STÜDYOSU (yeni bülten modülleri) ============================================================ */ #pr-nav{ margin-top:10px; padding-top:8px; border-top:1px dashed rgba(190,155,60,.5); } #pr-nav .pr-nav-title{ font-size:9px;font-weight:800;letter-spacing:.16em;color:#8a6a12;margin:0 2px 6px; display:flex;align-items:center;gap:6px; } #pr-nav .pr-nav-title i{ font-style:normal;font-size:8px;letter-spacing:.05em;color:#2b2415; background:linear-gradient(135deg,#e9c352,#c9992c);border-radius:999px;padding:1px 6px; } #pr-nav .pr-nav-btn{ width:100%;display:flex;align-items:center;gap:8px;text-align:left; padding:6px 9px;margin-bottom:4px;border-radius:9px;cursor:pointer; background:linear-gradient(165deg,#fdf8ea,#f2e7cb)!important; border:1px solid rgba(190,155,60,.45)!important; box-shadow:0 6px 14px -8px rgba(96,66,12,.45), inset 0 1px 0 rgba(255,255,255,.9); transition:.16s; } #pr-nav .pr-nav-btn em{font-style:normal;font-size:13px} #pr-nav .pr-nav-btn span{font-size:11.5px;font-weight:700;color:#5c4a30;line-height:1.2} #pr-nav .pr-nav-btn:hover{transform:translateY(-1px);border-color:rgba(180,140,40,.85)!important; box-shadow:0 12px 22px -10px rgba(140,105,20,.55), inset 0 1px 0 #fff} #pr-nav .pr-nav-btn.on{ background:linear-gradient(135deg,#e9c352,#cfa233)!important; border-color:rgba(140,105,20,.7)!important; box-shadow:0 12px 24px -8px rgba(160,120,25,.7), inset 0 1px 0 rgba(255,255,255,.45); } #pr-nav .pr-nav-btn.on span{color:#2b2415} /* --- panel --- */ #pr-panel{ position:absolute;inset:0;z-index:40;overflow-y:auto;padding:26px 28px 40px; background:linear-gradient(160deg,#f6ecd2 0%,#faf3df 48%,#f0e4c4 100%); } #pr-panel .pr-head{display:flex;align-items:center;gap:14px;margin-bottom:20px} #pr-panel .pr-h-ico{ width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:22px;flex-shrink:0; background:radial-gradient(circle at 32% 26%,#fbeec2,#e6c45e 40%,#c9992c 75%); border:1px solid rgba(130,98,18,.6); box-shadow:0 16px 30px -12px rgba(150,110,20,.7), inset 0 2px 3px rgba(255,255,255,.7); } #pr-panel .pr-h-txt b{display:block;font-family:'Playfair Display',Georgia,serif;font-size:22px;color:#241c0c} #pr-panel .pr-h-txt span{font-size:13px;color:#6e5c3c} #pr-panel .pr-close{ margin-left:auto;width:34px;height:34px;border-radius:50%;border:1px solid rgba(190,155,60,.5); background:linear-gradient(165deg,#fffdf5,#f2e7cb);color:#5c4a30;font-weight:800;cursor:pointer; box-shadow:0 8px 16px -8px rgba(96,66,12,.5); } #pr-panel .pr-close:hover{background:#fff;transform:translateY(-1px)} #pr-panel .pr-form{ display:grid;grid-template-columns:1fr 1fr;gap:14px; background:linear-gradient(165deg,#fbf5e6,#f2e9d5); border:1px solid rgba(190,155,60,.45);border-radius:18px;padding:20px; box-shadow:0 50px 100px -40px rgba(78,52,8,.45),0 20px 40px -24px rgba(96,66,12,.32),inset 0 1px 0 rgba(255,255,255,.9); } #pr-panel .pr-field{display:flex;flex-direction:column;gap:6px;min-width:0} #pr-panel .pr-field.full{grid-column:1 / -1} #pr-panel .pr-lab{font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8a6a12} #pr-panel input[type="text"],#pr-panel select,#pr-panel textarea{ width:100%;font-family:inherit;font-size:13.5px;color:#2b2415;padding:10px 12px;border-radius:10px; background:linear-gradient(180deg,#fffdf6,#f8f1e0);border:1px solid rgba(190,155,60,.5); box-shadow:inset 0 3px 8px -4px rgba(96,66,12,.25), inset 0 1px 0 rgba(255,255,255,.9);outline:none; } #pr-panel textarea{resize:vertical;line-height:1.5} #pr-panel input:focus,#pr-panel select:focus,#pr-panel textarea:focus{ border-color:#c9a227;box-shadow:0 0 0 3px rgba(201,162,39,.25)} #pr-panel .pr-actions{grid-column:1 / -1;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:2px} #pr-panel .pr-run{ display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(140,105,20,.65);border-radius:12px; padding:12px 22px;font-weight:800;font-size:14px;cursor:pointer;color:#2b2415;font-family:inherit; background:linear-gradient(135deg,#f0cd5c,#d8a92f 45%,#b8811c); box-shadow:0 22px 44px -14px rgba(170,125,25,.72), inset 0 1px 0 rgba(255,255,255,.5);transition:.18s; } #pr-panel .pr-run:hover{transform:translateY(-2px);filter:saturate(1.08)} #pr-panel .pr-run:disabled{filter:grayscale(.3) opacity(.75);transform:none;cursor:progress} #pr-panel .pr-cost{font-size:10px;font-weight:800;background:rgba(43,36,21,.16);border-radius:999px;padding:2px 8px} #pr-panel .pr-hint{font-size:11.5px;color:#8a7a5c} #pr-panel .pr-spin{width:13px;height:13px;border-radius:50%;border:2px solid rgba(43,36,21,.3);border-top-color:#2b2415;display:inline-block;animation:prspin .7s linear infinite} @keyframes prspin{to{transform:rotate(360deg)}} #pr-panel .pr-out{margin-top:18px} #pr-panel .pr-loading{ padding:22px;border-radius:16px;text-align:center;font-size:13.5px;color:#6e5c3c; background:linear-gradient(165deg,#fbf5e6,#f1e7d0);border:1px dashed rgba(190,155,60,.6); } #pr-panel .pr-err{padding:16px 18px;border-radius:12px;background:rgba(155,42,42,.08);border:1px solid rgba(155,42,42,.35);color:#9b2a2a;font-weight:700;font-size:13.5px} #pr-panel .pr-out-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px} #pr-panel .pr-out-head b{font-family:'Playfair Display',Georgia,serif;font-size:17px;color:#241c0c} #pr-panel .pr-copy{ border:1px solid rgba(190,155,60,.5);border-radius:999px;padding:6px 13px;font-size:12px;font-weight:800;cursor:pointer; color:#6d5507;background:linear-gradient(165deg,#fffdf6,#f4ead2);box-shadow:0 8px 16px -8px rgba(96,66,12,.45)} #pr-panel .pr-copy:hover{background:#fff;transform:translateY(-1px)} #pr-panel .pr-body{ background:linear-gradient(165deg,#fffdf5,#f8f1de);border:1px solid rgba(190,155,60,.45);border-radius:16px;padding:22px 24px; color:#3f3320;font-size:14.5px;line-height:1.75; box-shadow:0 40px 80px -34px rgba(78,52,8,.42),inset 0 1px 0 rgba(255,255,255,.95); } #pr-panel .pr-body h2,#pr-panel .pr-body h3{font-family:'Playfair Display',Georgia,serif;color:#241c0c;margin:16px 0 8px;font-size:18px} #pr-panel .pr-body b{color:#2b2415} #pr-panel .pr-body ul{margin:8px 0 12px 20px} #pr-panel .pr-body li{margin-bottom:5px} @media(max-width:900px){#pr-panel .pr-form{grid-template-columns:1fr}} /* V28 — PR/Köşe stüdyosu kartları: karşılama ekranı ızgarasında */ #pr-nav{ width:100%; max-width:none; margin-top:18px; padding-top:14px; border-top:1px dashed rgba(190,155,60,.55); } #pr-nav .pr-nav-title{ justify-content:center; font-size:10px; margin-bottom:10px; } #pr-nav .pr-nav-grid{ display:grid; grid-template-columns:1fr 1fr; gap:8px; } #pr-nav .pr-nav-btn{ margin-bottom:0; padding:9px 12px; } #pr-nav .pr-nav-btn span{ font-size:12px; } @media(max-width:820px){ #pr-nav .pr-nav-grid{ grid-template-columns:1fr; } } /* ============================================================ V29 — Görsel Üretim Asistanı: modül başlık şeridi diğer asistanlarla aynı yükseklikte (bu şerit p-2.5/p-3 ile çok basıktı; başlık taşıyor, açıklama kırpılıyordu) ============================================================ */ #root main [class*="to-purple-900/40"][class*="rounded-[20px]"]{ padding:18px 22px!important; min-height:96px!important; margin-bottom:20px!important; display:flex!important; align-items:center!important; } #root main [class*="to-purple-900/40"][class*="rounded-[20px]"] h1, #root main [class*="to-purple-900/40"][class*="rounded-[20px]"] h2, #root main [class*="to-purple-900/40"][class*="rounded-[20px]"] h3{ font-size:24px!important; line-height:1.2!important; margin-bottom:4px!important; } /* açıklama satırı kırpılmasın, okunur olsun */ #root main [class*="to-purple-900/40"][class*="rounded-[20px]"] p{ font-size:12.5px!important; line-height:1.45!important; color:#6e5c3c!important; -webkit-line-clamp:unset!important; display:block!important; overflow:visible!important; } #root main [class*="to-purple-900/40"][class*="rounded-[20px]"] [class*="line-clamp"]{ -webkit-line-clamp:unset!important;display:block!important;overflow:visible!important; } /* V30 — Görsel stüdyosu çıktı ızgarası */ #pr-panel .pr-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px} #pr-panel .pr-img-card{ background:linear-gradient(165deg,#fffdf5,#f4ead2);border:1px solid rgba(190,155,60,.5);border-radius:14px;padding:8px; box-shadow:0 30px 60px -28px rgba(78,52,8,.5),inset 0 1px 0 rgba(255,255,255,.95); } #pr-panel .pr-img-card img{width:100%;display:block;border-radius:9px;box-shadow:0 10px 22px -10px rgba(60,40,6,.6)} #pr-panel .pr-img-bar{display:flex;gap:6px;margin-top:8px} #pr-panel .pr-mini{ flex:1;text-align:center;border:1px solid rgba(190,155,60,.5);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800; color:#6d5507;background:linear-gradient(165deg,#fffdf6,#f2e7cb);cursor:pointer;text-decoration:none; box-shadow:0 6px 14px -8px rgba(96,66,12,.45); } #pr-panel .pr-mini:hover{background:#fff;transform:translateY(-1px)} /* V31 — Görsel stüdyosu: uygulamanın kendi kartı içine gömülü kontrol şeridi */ #gv-strip{ margin:0 0 14px;padding:14px 16px;border-radius:14px; background:linear-gradient(165deg,#fbf5e6,#f2e7cf); border:1px solid rgba(190,155,60,.5); box-shadow:0 18px 36px -20px rgba(96,66,12,.45), inset 0 1px 0 rgba(255,255,255,.95); } #gv-strip .gv-strip-title{ display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#8a6a12;margin-bottom:10px; } #gv-strip .gv-strip-title i{ font-style:normal;font-size:8px;color:#2b2415;background:linear-gradient(135deg,#e9c352,#c9992c);border-radius:999px;padding:1px 6px; } #gv-strip .gv-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:10px} #gv-strip .gv-sel{ width:100%;font-size:12.5px;font-weight:600;color:#3f3320;padding:8px 10px;border-radius:9px;font-family:inherit; background:linear-gradient(180deg,#fffdf6,#f4ead2);border:1px solid rgba(190,155,60,.5);outline:none; box-shadow:0 6px 14px -8px rgba(96,66,12,.4), inset 0 1px 0 rgba(255,255,255,.9); } #gv-strip .gv-sel:focus{border-color:#c9a227;box-shadow:0 0 0 3px rgba(201,162,39,.22)} #gv-strip .gv-run{ width:100%;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer; border:1px solid rgba(140,105,20,.65);border-radius:11px;padding:11px 18px;font-size:13.5px;font-weight:800;color:#2b2415;font-family:inherit; background:linear-gradient(135deg,#f0cd5c,#d8a92f 45%,#b8811c); box-shadow:0 18px 36px -14px rgba(170,125,25,.7), inset 0 1px 0 rgba(255,255,255,.5);transition:.18s; } #gv-strip .gv-run:hover{transform:translateY(-2px);filter:saturate(1.08)} #gv-strip .gv-run:disabled{filter:grayscale(.3) opacity(.75);transform:none;cursor:progress} #gv-out{margin-top:14px} #gv-out .pr-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px} #gv-out .pr-img-card{background:linear-gradient(165deg,#fffdf5,#f4ead2);border:1px solid rgba(190,155,60,.5);border-radius:14px;padding:8px; box-shadow:0 26px 52px -26px rgba(78,52,8,.5),inset 0 1px 0 rgba(255,255,255,.95)} #gv-out .pr-img-card img{width:100%;display:block;border-radius:9px} #gv-out .pr-img-bar{display:flex;gap:6px;margin-top:8px} #gv-out .pr-mini{flex:1;text-align:center;border:1px solid rgba(190,155,60,.5);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800; color:#6d5507;background:linear-gradient(165deg,#fffdf6,#f2e7cb);cursor:pointer;text-decoration:none} #gv-out .pr-loading{padding:18px;border-radius:14px;text-align:center;font-size:13px;color:#6e5c3c; background:linear-gradient(165deg,#fbf5e6,#f1e7d0);border:1px dashed rgba(190,155,60,.6)} /* ============================================================ V32 — Görsel kartı taşma düzeltmesi (SADECE stüdyo şeridi olan kart) Diğer modüllerin dikey ölçüleri değişmez. ============================================================ */ #root main [class*="rounded-[24px]"]:has(#gv-strip){ height:auto!important; max-height:none!important; min-height:0!important; overflow:visible!important; } #root main [class*="rounded-[24px]"]:has(#gv-strip) [class*="min-h-[300px]"]{ min-height:170px!important; margin-bottom:12px!important; } #root main [class*="rounded-[24px]"]:has(#gv-strip) [class*="min-h-[300px]"] svg{ width:44px!important;height:44px!important; } /* stüdyo şeridi: kompakt */ #gv-strip{ padding:10px 12px!important; margin-bottom:10px!important; } #gv-strip .gv-strip-title{ margin-bottom:7px!important; } #gv-strip .gv-row{ grid-template-columns:repeat(auto-fit,minmax(126px,1fr))!important; gap:6px!important; margin-bottom:7px!important; } #gv-strip .gv-sel{ padding:6px 8px!important; font-size:11.5px!important; border-radius:8px!important; } #gv-strip .gv-run{ padding:9px 14px!important; font-size:12.5px!important; border-radius:9px!important; } /* ============================================================ V33 — Görsel modüllerinin HER BİRİNE ayrı kart tasarımı (aksan rengi, başlık, alan yerleşimi modüle göre değişir) ============================================================ */ #gv-strip .gv-row{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:8px; margin-bottom:9px; } #gv-strip .gv-field{ display:flex; flex-direction:column; gap:4px; min-width:0; } #gv-strip .gv-lab{ font-size:8.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; opacity:.85; } #gv-strip .gv-strip-title em{ font-style:normal; font-size:13px; } /* --- aksanlar: her modül kendi rengiyle --- */ #gv-strip[data-accent="gold"]{ background:linear-gradient(165deg,#fdf6e4,#f2e5c4); border-color:rgba(190,155,60,.55); } #gv-strip[data-accent="gold"] .gv-strip-title,#gv-strip[data-accent="gold"] .gv-lab{ color:#8a6a12; } #gv-strip[data-accent="gold"] .gv-run{ background:linear-gradient(135deg,#f0cd5c,#d8a92f 45%,#b8811c); color:#2b2415; border-color:rgba(140,105,20,.65); } #gv-strip[data-accent="blue"]{ background:linear-gradient(165deg,#eef4fb,#dfe9f6); border-color:rgba(86,142,196,.5); } #gv-strip[data-accent="blue"] .gv-strip-title,#gv-strip[data-accent="blue"] .gv-lab{ color:#2f5f92; } #gv-strip[data-accent="blue"] .gv-run{ background:linear-gradient(135deg,#6fa8dc,#3f7db8 55%,#2c5f92); color:#f2f8ff; border-color:rgba(44,95,146,.7); } #gv-strip[data-accent="blue"] .gv-sel{ border-color:rgba(86,142,196,.45); background:linear-gradient(180deg,#fbfdff,#eef4fb); color:#24405e; } #gv-strip[data-accent="rose"]{ background:linear-gradient(165deg,#fdf0ee,#f6e0dc); border-color:rgba(178,90,80,.45); } #gv-strip[data-accent="rose"] .gv-strip-title,#gv-strip[data-accent="rose"] .gv-lab{ color:#9b3a30; } #gv-strip[data-accent="rose"] .gv-run{ background:linear-gradient(135deg,#d98a7e,#b25a50 55%,#8f3f37); color:#fff6f3; border-color:rgba(143,63,55,.65); } #gv-strip[data-accent="rose"] .gv-sel{ border-color:rgba(178,90,80,.4); background:linear-gradient(180deg,#fffaf9,#fbeeeb); color:#5c322c; } #gv-strip[data-accent="violet"]{ background:linear-gradient(165deg,#f4f0fb,#e6dff5); border-color:rgba(124,92,190,.42); } #gv-strip[data-accent="violet"] .gv-strip-title,#gv-strip[data-accent="violet"] .gv-lab{ color:#5b3fa0; } #gv-strip[data-accent="violet"] .gv-run{ background:linear-gradient(135deg,#a98edb,#7c5cbe 55%,#5b3fa0); color:#f7f4ff; border-color:rgba(91,63,160,.65); } #gv-strip[data-accent="violet"] .gv-sel{ border-color:rgba(124,92,190,.38); background:linear-gradient(180deg,#fdfcff,#f2eefb); color:#3d2c66; } #gv-strip[data-accent="teal"]{ background:linear-gradient(165deg,#ecf7f5,#dcefeb); border-color:rgba(58,150,138,.45); } #gv-strip[data-accent="teal"] .gv-strip-title,#gv-strip[data-accent="teal"] .gv-lab{ color:#22665d; } #gv-strip[data-accent="teal"] .gv-run{ background:linear-gradient(135deg,#5cbdb0,#2f8d80 55%,#1f6b60); color:#f2fffc; border-color:rgba(31,107,96,.65); } #gv-strip[data-accent="teal"] .gv-sel{ border-color:rgba(58,150,138,.4); background:linear-gradient(180deg,#f9fffd,#eaf6f3); color:#22453f; } #gv-strip[data-accent="slate"]{ background:linear-gradient(165deg,#f1f2f4,#e2e4e9); border-color:rgba(90,100,118,.42); } #gv-strip[data-accent="slate"] .gv-strip-title,#gv-strip[data-accent="slate"] .gv-lab{ color:#3c4453; } #gv-strip[data-accent="slate"] .gv-run{ background:linear-gradient(135deg,#8d97a8,#5a6476 55%,#3c4453); color:#f7f8fa; border-color:rgba(60,68,83,.65); } #gv-strip[data-accent="slate"] .gv-sel{ border-color:rgba(90,100,118,.38); background:linear-gradient(180deg,#fdfdfe,#eff0f3); color:#2c323c; } #gv-strip[data-accent="amber"]{ background:linear-gradient(165deg,#fdf1e2,#f6e2c6); border-color:rgba(196,124,40,.5); } #gv-strip[data-accent="amber"] .gv-strip-title,#gv-strip[data-accent="amber"] .gv-lab{ color:#96591a; } #gv-strip[data-accent="amber"] .gv-run{ background:linear-gradient(135deg,#f0b45c,#d98d2c 55%,#a8661a); color:#2b1f0c; border-color:rgba(168,102,26,.7); } #gv-strip[data-accent="amber"] .gv-sel{ border-color:rgba(196,124,40,.42); background:linear-gradient(180deg,#fffbf4,#f8ecd8); color:#5a3c14; } #gv-strip[data-accent="green"]{ background:linear-gradient(165deg,#eef7ec,#dfeeda); border-color:rgba(84,146,74,.45); } #gv-strip[data-accent="green"] .gv-strip-title,#gv-strip[data-accent="green"] .gv-lab{ color:#356b2c; } #gv-strip[data-accent="green"] .gv-run{ background:linear-gradient(135deg,#7cba6c,#4f8f42 55%,#356b2c); color:#f4fff1; border-color:rgba(53,107,44,.65); } #gv-strip[data-accent="green"] .gv-sel{ border-color:rgba(84,146,74,.4); background:linear-gradient(180deg,#fbfffa,#eef7ec); color:#2c4a26; } /* ============================================================ V34 — GÖRSEL STÜDYOSU KONTROL PANELİ (yeni tasarım) Başlık rozeti + etiketli alanlar + chip seçiciler + geniş eylem butonu ============================================================ */ #gv-strip{ padding:0!important; margin:0 0 14px!important; border-radius:16px!important; overflow:visible; border:1px solid rgba(190,155,60,.5); box-shadow:0 26px 52px -26px rgba(78,52,8,.5), 0 8px 18px -10px rgba(96,66,12,.3), inset 0 1px 0 rgba(255,255,255,.95); } /* --- başlık --- */ #gv-strip .gv-head{ display:flex; align-items:center; gap:11px; padding:10px 14px; border-bottom:1px solid rgba(0,0,0,.07); background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0)); } #gv-strip .gv-ico{ width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:17px;flex-shrink:0; background:rgba(255,255,255,.65); box-shadow:inset 0 1px 0 #fff, 0 6px 14px -8px rgba(0,0,0,.35); } #gv-strip .gv-htxt{display:flex;flex-direction:column;min-width:0} #gv-strip .gv-htxt b{font-size:11px;font-weight:900;letter-spacing:.16em} #gv-strip .gv-htxt span{font-size:10.5px;opacity:.72;letter-spacing:.01em} #gv-strip .gv-credit{ margin-left:auto;flex-shrink:0;font-size:10px;font-weight:800;letter-spacing:.04em; padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.6); box-shadow:inset 0 1px 0 #fff, 0 4px 10px -6px rgba(0,0,0,.35); } #gv-strip .gv-advanced-toggle{ margin-left:auto;flex-shrink:0;border:1px solid rgba(0,0,0,.11);border-radius:999px; padding:5px 9px;background:rgba(255,255,255,.58);font:800 9.5px/1 inherit;letter-spacing:.03em; cursor:pointer;box-shadow:inset 0 1px 0 #fff;transition:.15s; } #gv-strip .gv-advanced-toggle:hover,#gv-strip .gv-advanced-toggle.on{background:#231f18;color:#fff;transform:translateY(-1px)} #gv-strip .gv-advanced-toggle span{display:inline-grid;place-items:center;min-width:16px;height:16px;margin-left:3px;border-radius:99px;background:rgba(201,162,39,.24)} #gv-strip .gv-advanced-toggle.on span{background:rgba(255,255,255,.18)} #gv-strip .gv-advanced-toggle + .gv-credit{margin-left:0} #gv-strip .gv-advanced-panel{ display:none;position:absolute;z-index:40;top:58px;right:12px;width:min(620px,calc(100% - 24px)); padding:13px;border-radius:14px;background:rgba(25,22,18,.97);color:#f8f2e4; border:1px solid rgba(216,178,76,.42);box-shadow:0 24px 55px -18px rgba(0,0,0,.72);backdrop-filter:blur(18px); } #gv-strip .gv-advanced-panel.open{display:block;animation:gvPanelIn .16s ease-out} #gv-strip .gv-advanced-title{display:flex;align-items:baseline;gap:9px;margin-bottom:10px} #gv-strip .gv-advanced-title b{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#f0cd5c} #gv-strip .gv-advanced-title span{font-size:9.5px;color:rgba(255,255,255,.58)} #gv-strip .gv-advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px} #gv-strip .gv-advanced-panel .gv-lab{color:#e6d9bd} #gv-strip .gv-advanced-panel .gv-chip{color:#ddd4c3;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);box-shadow:none} #gv-strip .gv-advanced-panel .gv-chip:hover{color:#fff;background:rgba(255,255,255,.14)} #gv-strip .gv-advanced-panel .gv-chip.on{color:#251d0d;background:linear-gradient(135deg,#f2d46d,#c9972f);border-color:#d7ab43;box-shadow:0 7px 16px -8px #000} @keyframes gvPanelIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}} /* --- alanlar --- */ #gv-strip .gv-row{ display:grid!important; grid-template-columns:repeat(auto-fit,minmax(148px,1fr))!important; gap:9px!important; padding:12px 14px!important; margin:0!important; } #gv-strip .gv-field{display:flex;flex-direction:column;gap:5px;min-width:0} #gv-strip .gv-field.chips{grid-column:span 2} #gv-strip .gv-lab{font-size:8.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;opacity:.8} #gv-strip .gv-selshell{position:relative} #gv-strip .gv-sel{ width:100%;appearance:none;-webkit-appearance:none; font-size:12px;font-weight:600;padding:8px 26px 8px 10px;border-radius:9px;font-family:inherit;cursor:pointer; background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.55)); border:1px solid rgba(0,0,0,.12); box-shadow:inset 0 1px 0 #fff, 0 5px 12px -8px rgba(0,0,0,.35); outline:none;transition:.15s; } #gv-strip .gv-sel:hover{background:rgba(255,255,255,.95)} #gv-strip .gv-sel:focus{box-shadow:0 0 0 3px rgba(0,0,0,.07), inset 0 1px 0 #fff} #gv-strip .gv-arrow{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:10px;pointer-events:none;opacity:.6} /* --- chip seçiciler (oran / varyant / kare) --- */ #gv-strip .gv-chips{display:flex;gap:4px;flex-wrap:wrap} #gv-strip .gv-chip{ flex:1 1 auto;min-width:44px; font-family:inherit;font-size:11px;font-weight:800;cursor:pointer; padding:6px 8px;border-radius:8px; background:rgba(255,255,255,.55); border:1px solid rgba(0,0,0,.1); box-shadow:inset 0 1px 0 #fff; transition:.14s; } #gv-strip .gv-chip:hover{background:#fff;transform:translateY(-1px)} #gv-strip .gv-chip.on{ color:#fff; background:rgba(0,0,0,.62); border-color:rgba(0,0,0,.5); box-shadow:0 6px 14px -6px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.25); } /* --- eylem --- */ #gv-strip .gv-foot{padding:0 14px 13px} #gv-strip .gv-run{ width:100%!important; display:grid!important; grid-template-columns:auto 1fr; grid-template-rows:auto auto; column-gap:11px;row-gap:0;align-items:center; padding:11px 16px!important;border-radius:12px!important; border:1px solid rgba(0,0,0,.18);cursor:pointer;font-family:inherit; box-shadow:0 20px 40px -18px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.4); transition:transform .16s ease, filter .16s ease, box-shadow .2s ease; text-align:left; } #gv-strip .gv-run:hover{transform:translateY(-2px);filter:saturate(1.08) brightness(1.03)} #gv-strip .gv-run:active{transform:translateY(0)} #gv-strip .gv-run:disabled{filter:grayscale(.35) opacity(.8);transform:none;cursor:progress} #gv-strip .gv-run-ico{grid-row:1 / span 2;font-size:20px;line-height:1} #gv-strip .gv-run-txt{font-size:14px;font-weight:900;letter-spacing:.01em} #gv-strip .gv-run-sub{font-size:10px;font-weight:600;opacity:.75;letter-spacing:.02em} #gv-strip .pr-spin{grid-row:1 / span 2;border-color:rgba(255,255,255,.35);border-top-color:#fff} /* boş istem uyarısı */ .gv-shake{animation:gvshake .4s ease} @keyframes gvshake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}} @media(max-width:760px){ #gv-strip .gv-field.chips{grid-column:span 1} #gv-strip .gv-advanced-grid{grid-template-columns:1fr;max-height:255px;overflow:auto} #gv-strip .gv-htxt span,#gv-strip .gv-credit{display:none} } /* V35 — Stüdyo şeridi tıklanabilir olsun (kartın absolute katmanları üstünü kapatıyordu) */ #gv-strip{ position:relative!important; z-index:30!important; pointer-events:auto!important; } #gv-strip *, #gv-strip select, #gv-strip button, #gv-strip .gv-chip{ pointer-events:auto!important; position:relative; z-index:1; } #gv-strip select{ cursor:pointer!important; } /* kartın dekoratif katmanları tıklamayı yutmasın */ #root main [class*="rounded-[24px]"]:has(#gv-strip) > [class*="absolute"]{ pointer-events:none!important; } #root main [class*="rounded-[24px]"]:has(#gv-strip) [class*="blur-"]{ pointer-events:none!important; } #gv-out{ position:relative; z-index:20; } /* ============================================================ V36 — Tüm stüdyo seçimleri chip düğme (native select kaldırıldı) ============================================================ */ #gv-strip .gv-row{ display:flex!important; flex-direction:column!important; gap:9px!important; padding:12px 14px!important; } #gv-strip .gv-field{ display:flex; flex-direction:column; gap:5px; } #gv-strip .gv-field.chips{ grid-column:auto; } #gv-strip .gv-chips{ display:flex; flex-wrap:wrap; gap:5px; } #gv-strip .gv-chip{ flex:0 0 auto; min-width:0; font-family:inherit; font-size:11.5px; font-weight:700; line-height:1.15; padding:7px 11px; border-radius:999px; cursor:pointer; white-space:nowrap; background:rgba(255,255,255,.6); border:1px solid rgba(0,0,0,.12); box-shadow:inset 0 1px 0 #fff, 0 4px 10px -7px rgba(0,0,0,.4); transition:transform .12s ease, background .15s ease, box-shadow .15s ease; user-select:none; } #gv-strip .gv-chip:hover{ background:#fff; transform:translateY(-1px); } #gv-strip .gv-chip.on{ color:#fff; font-weight:800; background:rgba(0,0,0,.66); border-color:rgba(0,0,0,.55); box-shadow:0 8px 16px -8px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.28); } #gv-strip .gv-chip.on::before{ content:"✓ "; font-size:10px; } /* ============================================================ V37 — MODÜL BAŞLIK ŞERİTLERİ: SADECE RENK (yerleşim uygulamanın kendi hâlinde) ============================================================ */ #root main [class*="from-slate-900/80"][class*="rounded-[20px]"]{ background:linear-gradient(100deg,#fffaea 0%,#f9f0d8 45%,#f3e7c9 100%)!important; border-color:rgba(176,132,24,.5)!important; } /* sağdaki soluk gri gradyan katmanı */ #root main [class*="from-slate-900/80"][class*="rounded-[20px]"] [class*="bg-gradient-to-l"]{ background:none!important; } /* başlık ve açıklama renkleri */ #root main [class*="from-slate-900/80"][class*="rounded-[20px]"] h1, #root main [class*="from-slate-900/80"][class*="rounded-[20px]"] h2, #root main [class*="from-slate-900/80"][class*="rounded-[20px]"] h3{ color:#241c0c!important; -webkit-text-fill-color:#241c0c!important; background:none!important; } #root main [class*="from-slate-900/80"][class*="rounded-[20px]"] p{ color:#6e5c3c!important; opacity:1!important; } /* ikon kutucuğu ve ikon rengi */ #root main [class*="from-slate-900/80"][class*="rounded-[20px]"] svg{ color:#8a6a12!important; } /* ============================================================ V38 — GENEL BAKIŞ EK PANELLERİ (dash-extras) ============================================================ */ .gzd-host{overflow-y:auto!important;overflow-x:hidden!important;align-content:flex-start!important} #gz-dash{ flex:0 0 auto;width:100%;margin:8px 0 12px; } #gz-dash .gzd-head{ display:flex; align-items:center; gap:10px; margin-bottom:12px; } #gz-dash .gzd-head h3{ font-family:'Playfair Display',Georgia,serif; font-size:20px; color:#241c0c; margin:0; display:flex; align-items:center; gap:8px; } #gz-dash .gzd-head h3 i{ font-style:normal; font-size:8.5px; letter-spacing:.14em; color:#2b2415; background:linear-gradient(135deg,#e9c352,#c9992c); border-radius:999px; padding:2px 7px; } #gz-dash .gzd-clock{font:800 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#8a7a5c;letter-spacing:.04em} #gz-dash .gzd-refresh{ margin-left:auto; font-size:11.5px; font-weight:800; padding:6px 12px; border-radius:999px; cursor:pointer; color:#6d5507; background:linear-gradient(165deg,#fffdf6,#f2e7cb); border:1px solid rgba(176,132,24,.5); box-shadow:0 8px 18px -10px rgba(96,66,12,.5); } #gz-dash .gzd-refresh:hover{ background:#fff; transform:translateY(-1px); } /* Bugünün Haber Masası — işlevsel üst kontrol katmanı */ #gz-dash .gzd-command{ position:relative;overflow:hidden;margin-bottom:15px;padding:18px;border-radius:19px; color:#f8f3e8;background:linear-gradient(135deg,#171713 0%,#252116 54%,#332812 100%); border:1px solid rgba(224,185,60,.42); box-shadow:0 34px 70px -30px rgba(25,18,4,.8),inset 0 1px 0 rgba(255,255,255,.12); } #gz-dash .gzd-command:after{content:"";position:absolute;width:240px;height:240px;right:-70px;top:-120px;border-radius:50%;background:rgba(224,185,60,.13);filter:blur(20px);pointer-events:none} #gz-dash .gzd-command-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px} #gz-dash .gzd-eyebrow{display:block;margin-bottom:3px;font-size:8px;font-weight:900;letter-spacing:.2em;color:#e3bd4e} #gz-dash .gzd-command h4{margin:0;font:800 19px/1.2 'Playfair Display',Georgia,serif;color:#fff} #gz-dash .gzd-status{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;font-size:9.5px;font-weight:900;letter-spacing:.06em;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13)} #gz-dash .gzd-status i{width:7px;height:7px;border-radius:50%;background:#d8a92f;box-shadow:0 0 12px currentColor} #gz-dash .gzd-status.ready i{background:#55c77b}.gzd-status.progress i{background:#e3bd4e}.gzd-status.start i{background:#ef8d66} #gz-dash .gzd-pulses{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px} #gz-dash .gzd-pulse{min-width:0;padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)} #gz-dash .gzd-pulse.accent{background:linear-gradient(135deg,rgba(224,185,60,.22),rgba(224,185,60,.08));border-color:rgba(224,185,60,.32)} #gz-dash .gzd-pulse span{display:block;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#b9ad94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #gz-dash .gzd-pulse b{display:block;margin:4px 0 1px;font-size:23px;line-height:1;color:#fff} #gz-dash .gzd-pulse small{display:block;font-size:8.5px;color:#8f856f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #gz-dash .gzd-workbench{position:relative;z-index:1;display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(250px,1fr);gap:10px} #gz-dash .gzd-note,#gz-dash .gzd-checks{padding:10px;border-radius:12px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.08)} #gz-dash .gzd-note label{display:block;margin-bottom:6px;font-size:8.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#d9cdaE} #gz-dash .gzd-note>div{display:flex;gap:6px} #gz-dash .gzd-note input{flex:1;min-width:0;padding:8px 10px;border-radius:9px;color:#fff;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);outline:none;font-size:11px} #gz-dash .gzd-note input:focus{border-color:rgba(224,185,60,.65);box-shadow:0 0 0 3px rgba(224,185,60,.1)} #gz-dash .gzd-note button{padding:8px 11px;border-radius:9px;cursor:pointer;color:#251d0d;background:linear-gradient(135deg,#efd267,#c99527);border:0;font-size:9.5px;font-weight:900;white-space:nowrap} #gz-dash .gzd-note button:disabled{opacity:.55;cursor:progress} #gz-dash .gzd-note small{display:block;margin-top:5px;color:#807765;font-size:8.5px} #gz-dash .gzd-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-items:stretch} #gz-dash .gzd-checks button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-width:0;padding:8px;border-radius:9px;cursor:pointer;color:#bbb19e;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);font-size:9px;font-weight:800;text-align:left;transition:.15s} #gz-dash .gzd-checks button:hover{background:rgba(255,255,255,.09);transform:translateY(-1px)} #gz-dash .gzd-checks button i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-style:normal;color:#d6b64f;background:rgba(224,185,60,.12);border:1px solid rgba(224,185,60,.25)} #gz-dash .gzd-checks button.done{color:#eaf7ee;background:rgba(62,145,91,.15);border-color:rgba(85,199,123,.3)} #gz-dash .gzd-checks button.done i{color:#102719;background:#55c77b;border-color:#55c77b} @media(max-width:900px){#gz-dash .gzd-pulses{grid-template-columns:1fr 1fr}#gz-dash .gzd-workbench{grid-template-columns:1fr}} @media(max-width:560px){#gz-dash .gzd-command{padding:14px}#gz-dash .gzd-clock{display:none}#gz-dash .gzd-pulse b{font-size:19px}#gz-dash .gzd-checks{grid-template-columns:1fr 1fr 1fr}.gzd-command-top{align-items:flex-start}} #gz-dash .gzd-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; } #gz-dash .gzd-card{ background:linear-gradient(165deg,#fffdf5 0%,#faf3e0 60%,#f2e7ca 100%); border:1px solid rgba(176,132,24,.45); border-radius:16px; padding:16px 18px; box-shadow:0 40px 76px -34px rgba(74,58,26,.5), 0 14px 28px -16px rgba(96,66,12,.32), inset 0 1px 0 rgba(255,255,255,.95); transition:transform .18s ease, box-shadow .22s ease; } #gz-dash .gzd-card:hover{ transform:translateY(-3px); box-shadow:0 56px 100px -34px rgba(74,58,26,.55), 0 18px 34px -14px rgba(96,66,12,.4), 0 0 0 1px rgba(201,162,39,.5), inset 0 1px 0 #fff; } #gz-dash .gzd-wide{ grid-column:span 2; } @media(max-width:900px){ #gz-dash .gzd-wide{ grid-column:span 1; } } #gz-dash .gzd-card h4{ margin:0 0 12px; font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#8a6a12; } #gz-dash .gzd-sub{ font-weight:600; letter-spacing:.02em; opacity:.75; text-transform:none; } /* hızlı başlat */ #gz-dash .gzd-qbtns{ display:grid; grid-template-columns:1fr 1fr; gap:7px; } #gz-dash .gzd-qbtns button{ font-size:12px; font-weight:700; padding:9px 10px; border-radius:10px; cursor:pointer; text-align:left; color:#4a3b22; background:linear-gradient(165deg,#fffdf6,#f4ead2); border:1px solid rgba(190,155,60,.45); box-shadow:0 8px 16px -10px rgba(96,66,12,.5), inset 0 1px 0 #fff; transition:.14s; } #gz-dash .gzd-qbtns button:hover{ transform:translateY(-2px); background:linear-gradient(135deg,#f0cd5c,#d8a92f); color:#2b2415; box-shadow:0 14px 26px -10px rgba(160,120,25,.7); } /* sparkline */ #gz-dash .gzd-spark{ display:flex; align-items:flex-end; gap:8px; height:62px; } #gz-dash .gzd-bar{ flex:1; display:flex; flex-direction:column; align-items:center; gap:4px; } #gz-dash .gzd-bar i{ display:block; width:100%; border-radius:5px 5px 2px 2px; background:linear-gradient(180deg,#e9c352,#c9992c); box-shadow:0 8px 16px -8px rgba(150,110,20,.7), inset 0 1px 0 rgba(255,255,255,.5); } #gz-dash .gzd-bar span{ font-size:9px; font-weight:800; color:#8a7a5c; } #gz-dash .gzd-mini{ margin-top:8px; font-size:11.5px; color:#6e6250; } /* satırlar */ #gz-dash .gzd-row{ display:flex; align-items:center; gap:9px; padding:8px 10px; border-radius:10px; margin-bottom:6px; background:rgba(255,255,255,.62); border:1px solid rgba(190,155,60,.32); font-size:12.5px; color:#4a3f2c; } #gz-dash .gzd-row:last-child{ margin-bottom:0; } #gz-dash .gzd-row span{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #gz-dash .gzd-row b{ font-weight:800; } #gz-dash .gzd-row b.pos{ color:#2f6b48; } #gz-dash .gzd-row b.neg{ color:#9b2a2a; } #gz-dash .gzd-row.item{ align-items:flex-start; } #gz-dash .gzd-t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; } #gz-dash .gzd-t b{ font-size:12.5px; color:#241c0c; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #gz-dash .gzd-t span{ font-size:11px; color:#8a7a5c; } #gz-dash .gzd-copy{ flex:0 0 auto; cursor:pointer; font-size:11px; padding:4px 8px; border-radius:7px; background:rgba(201,162,39,.16); border:1px solid rgba(190,155,60,.45); color:#7a5c0e; } #gz-dash .gzd-pill{ flex:0 0 auto; font-size:9.5px; font-weight:800; padding:2px 8px; border-radius:999px; background:rgba(201,162,39,.16); border:1px solid rgba(190,155,60,.45); color:#7a5c0e; } #gz-dash .gzd-pill.ok{ background:rgba(63,143,95,.14); border-color:rgba(63,143,95,.45); color:#2f6b48; } #gz-dash .gzd-empty,#gz-dash .gzd-loading{ font-size:12px; color:#8a7a5c; } #gz-dash .gzd-tip p{ margin:0; font-size:13px; line-height:1.6; color:#4a3f2c; } #gz-dash .gzd-tip b{ color:#241c0c; } #gz-dash .gzd-tip code{ background:rgba(201,162,39,.16); border-radius:5px; padding:1px 5px; font-size:12px; } /* ============================================================ V39 — Metin Seslendirme başlık şeridi: diğerleriyle aynı çerçeve/renk (bu asistan farklı bir gradyan deseni kullanıyor: from-fuchsia-950/40) ============================================================ */ #root main [class*="from-fuchsia-950/40"][class*="rounded-[20px]"], #root main [class*="from-fuchsia-900/30"][class*="rounded-[20px]"]{ background:linear-gradient(100deg,#fffaea 0%,#f9f0d8 45%,#f3e7c9 100%)!important; border-color:rgba(176,132,24,.5)!important; } #root main [class*="from-fuchsia-950/40"][class*="rounded-[20px]"] [class*="bg-gradient-to-l"], #root main [class*="from-fuchsia-900/30"][class*="rounded-[20px]"] [class*="bg-gradient-to-l"]{ background:none!important; } #root main [class*="from-fuchsia-950/40"][class*="rounded-[20px]"] :is(h1,h2,h3), #root main [class*="from-fuchsia-900/30"][class*="rounded-[20px]"] :is(h1,h2,h3){ color:#241c0c!important; -webkit-text-fill-color:#241c0c!important; background:none!important; } #root main [class*="from-fuchsia-950/40"][class*="rounded-[20px]"] p, #root main [class*="from-fuchsia-900/30"][class*="rounded-[20px]"] p{ color:#6e5c3c!important; opacity:1!important; } #root main [class*="from-fuchsia-950/40"][class*="rounded-[20px]"] svg, #root main [class*="from-fuchsia-900/30"][class*="rounded-[20px]"] svg{ color:#8a6a12!important; } /* ============================================================ V40 — Sohbet geçmişi satırları (BUGÜN listesi) ve kalan koyu kutular ============================================================ */ #root main [class*="hover:bg-[#15120f]"], #root main [class*="from-[#1a1410]"][class*="to-[#120e0c]"]{ background:linear-gradient(100deg,#fffdf5,#f6eed9)!important; border-color:rgba(190,155,60,.5)!important; box-shadow:0 10px 22px -14px rgba(96,66,12,.45), inset 0 1px 0 rgba(255,255,255,.9)!important; } #root main [class*="hover:bg-[#15120f]"]:hover{ background:linear-gradient(100deg,#fffaea,#f2e7cb)!important; border-color:rgba(180,140,40,.8)!important; } /* satır içindeki metinler ve ikon kutusu */ #root main [class*="hover:bg-[#15120f]"] span, #root main [class*="from-[#1a1410]"][class*="to-[#120e0c]"] span{ color:#2b2415!important; } #root main [class*="hover:bg-[#15120f]"] [class*="bg-[#1a1410]"], #root main [class*="from-[#1a1410]"][class*="to-[#120e0c]"] [class*="bg-[#1a1410]"]{ background:linear-gradient(135deg,#f0d885,#cfa233)!important; border-color:rgba(140,105,20,.5)!important; } #root main [class*="hover:bg-[#15120f]"] svg, #root main [class*="from-[#1a1410]"][class*="to-[#120e0c]"] svg{ color:#3b2f12!important; } /* satır içi yeniden adlandırma input'u */ #root main [class*="bg-[#0c0806]"]{ background:linear-gradient(180deg,#fffdf6,#f8f1e0)!important; color:#2b2415!important; border-color:rgba(190,155,60,.6)!important; } /* ============================================================ V41 — ADMİN PANELİ: derin, zengin gölgeler (özellikle sol menü sekmeleri) ============================================================ */ html[data-adm="1"] #root aside{ box-shadow: inset -1px 0 0 rgba(190,155,60,.45), 22px 0 60px -28px rgba(74,58,26,.55), 10px 0 26px -18px rgba(96,66,12,.4)!important; } /* sol menü sekmeleri */ html[data-adm="1"] #root aside button, html[data-adm="1"] #root aside a{ border-radius:12px!important; box-shadow: 0 22px 40px -22px rgba(74,58,26,.55), 0 8px 16px -10px rgba(96,66,12,.42), 0 2px 4px -2px rgba(96,66,12,.3), inset 0 1px 0 rgba(255,255,255,.9)!important; transition:transform .16s ease, box-shadow .2s ease!important; } html[data-adm="1"] #root aside button:hover, html[data-adm="1"] #root aside a:hover{ transform:translateY(-2px); box-shadow: 0 32px 56px -22px rgba(140,105,20,.6), 0 12px 22px -10px rgba(96,66,12,.45), inset 0 1px 0 #fff, 0 0 0 1px rgba(201,162,39,.5)!important; } /* aktif sekme: altın ışıma */ html[data-adm="1"] #root aside button[class*="bg-"][class*="text-white"], html[data-adm="1"] #root aside button.bg-\[\#4f46e5\], html[data-adm="1"] #root aside button.bg-\[\#27272a\]{ box-shadow: 0 26px 46px -16px rgba(160,120,25,.8), 0 10px 20px -8px rgba(120,88,15,.55), inset 0 1px 0 rgba(255,255,255,.5), 0 0 0 1px rgba(140,105,20,.6)!important; } /* admin içerik kartları */ html[data-adm="1"] #root main [class*="rounded-2xl"], html[data-adm="1"] #root main [class*="rounded-xl"], html[data-adm="1"] #root main [class*="rounded-lg"], html[data-adm="1"] #root main [class*="bg-white"]{ box-shadow: 0 60px 110px -40px rgba(60,40,6,.55), 0 30px 56px -28px rgba(80,54,10,.42), 0 12px 24px -12px rgba(80,54,10,.32), 0 3px 6px -3px rgba(80,54,10,.25), inset 0 1px 0 rgba(255,255,255,.95), 0 0 0 1px rgba(190,155,60,.28)!important; transition:transform .18s ease, box-shadow .22s ease!important; } html[data-adm="1"] #root main [class*="rounded-2xl"]:hover, html[data-adm="1"] #root main [class*="rounded-xl"]:hover{ transform:translateY(-3px); box-shadow: 0 80px 140px -40px rgba(52,34,4,.62), 0 36px 64px -28px rgba(80,54,10,.48), inset 0 1px 0 #fff, 0 0 0 1px rgba(201,162,39,.55)!important; } /* admin tablo ve istatistik kutuları */ html[data-adm="1"] #root main table{ box-shadow:0 40px 80px -36px rgba(74,58,26,.5)!important; border-radius:14px; overflow:hidden; } html[data-adm="1"] #root main [class*="grid"] > [class*="rounded"]{ box-shadow: 0 44px 80px -34px rgba(60,40,6,.5), 0 16px 30px -16px rgba(80,54,10,.4), inset 0 1px 0 rgba(255,255,255,.95)!important; } /* ============================================================ V42 — VIP ÜYE OL: kartlar tam sayfaya sığsın (dikey kaydırma yok) ============================================================ */ #root main [data-gzpage="vip"]{ height:100%!important; max-height:100vh!important; overflow:hidden!important; padding:12px!important; align-items:flex-start!important; } /* paket ızgarası */ #root main [class*="lg:grid-cols-4"][class*="gap-3"]{ gap:10px!important; } /* paket kartları: dikey sıkıştırma */ #root main [class*="lg:grid-cols-4"][class*="gap-3"] > *{ padding:0!important; } #root main [class*="lg:grid-cols-4"][class*="gap-3"] [class*="p-4"]{ padding:10px 12px!important; } #root main [class*="lg:grid-cols-4"][class*="gap-3"] [class*="mb-4"]{ margin-bottom:8px!important; } #root main [class*="lg:grid-cols-4"][class*="gap-3"] [class*="mb-3"]{ margin-bottom:6px!important; } #root main [class*="lg:grid-cols-4"][class*="gap-3"] [class*="space-y-2"] > * + *{ margin-top:3px!important; } #root main [class*="lg:grid-cols-4"][class*="gap-3"] [class*="space-y-3"] > * + *{ margin-top:4px!important; } #root main [class*="lg:grid-cols-4"][class*="gap-3"] li, #root main [class*="lg:grid-cols-4"][class*="gap-3"] p{ font-size:11.5px!important; line-height:1.35!important; } #root main [class*="lg:grid-cols-4"][class*="gap-3"] h3, #root main [class*="lg:grid-cols-4"][class*="gap-3"] h4{ font-size:14px!important; margin-bottom:2px!important; } #root main [class*="lg:grid-cols-4"][class*="gap-3"] button{ padding:8px 12px!important; font-size:12.5px!important; } /* fiyat bloğu */ #root main [class*="lg:grid-cols-4"][class*="gap-3"] [class*="text-3xl"], #root main [class*="lg:grid-cols-4"][class*="gap-3"] [class*="text-4xl"]{ font-size:24px!important; } /* üst başlık alanı kompakt */ #root main [class*="text-xl"][class*="md:text-2xl"]{ font-size:18px!important; } /* ============================================================ V43 — VIP: üst blok (Ayrıcalıklar Dünyası / VIP Üyeliğe Geçin / açıklama) dikey ölçüsü %10 daha küçük ============================================================ */ #root main [data-gzpage="vip"] h1{ font-size:26px!important; line-height:1.2!important; margin-bottom:4px!important; } #root main [data-gzpage="vip"] h2{ font-size:19px!important; line-height:1.2!important; margin-bottom:4px!important; } #root main [data-gzpage="vip"] h3{ font-size:15px!important; line-height:1.2!important; margin-bottom:3px!important; } #root main [data-gzpage="vip"] > * > :first-child{ margin-bottom:8px!important; } #root main [data-gzpage="vip"] p{ font-size:12px!important; line-height:1.4!important; margin-bottom:6px!important; } /* "Ayrıcalıklar Dünyası" rozeti / etiketi */ #root main [data-gzpage="vip"] [class*="uppercase"]{ font-size:9px!important; padding:2px 8px!important; margin-bottom:4px!important; } /* başlık bloğunun dolguları */ #root main [data-gzpage="vip"] [class*="mb-6"]{ margin-bottom:8px!important; } #root main [data-gzpage="vip"] [class*="mb-8"]{ margin-bottom:10px!important; } #root main [data-gzpage="vip"] [class*="py-6"]{ padding-top:8px!important; padding-bottom:8px!important; } #root main [data-gzpage="vip"] [class*="py-8"]{ padding-top:10px!important; padding-bottom:10px!important; } /* "VIP Abonelik Paketleri" ara başlığı */ #root main [data-gzpage="vip"] [class*="text-lg"]{ font-size:14px!important; margin-bottom:6px!important; } /* ============================================================ V44 — BAĞIŞ ("Mortanas Journal'ı Destekleyin"): orta yol sıkıştırma (önceki hâl ile son hâl arasında ~%5) ============================================================ */ /* Bağış sayfasında otomatik küçültme YOK — uygulamanın kendi ölçüleri geçerli. */ /* ============================================================ V45 — ARŞİV ("Tüm İçerikler"): kompakt, kibar kartlar ============================================================ */ /* kart gövdesi */ #root main [class*="p-5"][class*="lg:p-6"][class*="bg-white"]{ padding:12px 14px!important; background:linear-gradient(165deg,#fffdf5,#f8f1de)!important; border-radius:14px!important; } /* içerik metni: 3 satırda kes */ #root main [class*="p-5"][class*="lg:p-6"][class*="bg-white"] > :is(p,div):not([class*="mt-auto"]):not([class*="absolute"]){ font-size:12.5px!important; line-height:1.5!important; color:#4a3f2c!important; display:-webkit-box!important; -webkit-line-clamp:3!important; -webkit-box-orient:vertical!important; overflow:hidden!important; margin-bottom:8px!important; max-height:58px!important; } /* alt yazı silme gradyanı kaldırıldı (metin zaten kırpılıyor) */ #root main [class*="h-24"][class*="from-white"]{ display:none!important; } /* kart alt barı */ #root main [class*="pt-4"][class*="mt-auto"][class*="border-t"]{ padding-top:8px!important; margin-top:auto!important; border-color:rgba(190,155,60,.35)!important; font-size:11.5px!important; } /* "Okumaya Devam Et" bağlantısı → altın pil */ #root main [class*="mt-auto"] button, #root main [class*="mt-auto"] a{ font-size:11.5px!important; font-weight:800!important; padding:5px 11px!important; border-radius:999px!important; color:#6d5507!important; background:linear-gradient(165deg,#fffdf6,#f2e7cb)!important; border:1px solid rgba(176,132,24,.5)!important; box-shadow:0 8px 16px -10px rgba(96,66,12,.5)!important; } /* tarih rozeti */ #root main [class*="text-slate-400"]{ font-size:11px!important; color:#8a7a5c!important; } /* ikon kutusu küçült */ #root main [class*="w-10"][class*="h-10"][class*="rounded-2xl"][class*="bg-white"]{ width:30px!important; height:30px!important; border-radius:9px!important; background:linear-gradient(135deg,#f0d885,#cfa233)!important; border-color:rgba(140,105,20,.5)!important; } #root main [class*="w-10"][class*="h-10"][class*="rounded-2xl"] svg{ width:15px!important; height:15px!important; color:#3b2f12!important; } /* eylem butonları (favori/indir/sil) kompakt */ #root main [class*="rounded-xl"][class*="border-slate-200"] button{ padding:5px!important; } #root main [class*="rounded-xl"][class*="border-slate-200"] svg{ width:14px!important; height:14px!important; } /* liste ızgarası: 2-3 sütun, sıkı boşluk */ /* NOT: yalnızca ARŞİV kartları (beyaz kart) hedeflenir. Asistan modül kartları da lg:p-6 taşıdığı için eskiden bu kural onları da 300px'lik sütuna sıkıştırıyordu → kartlar dar görünüyordu. bg-white şartı eklendi. */ #root main [class*="grid"][class*="gap-4"]:has(> * > [class*="lg:p-6"][class*="bg-white"]), #root main [class*="grid"][class*="gap-4"]:has(> [class*="lg:p-6"][class*="bg-white"]), #root main [class*="grid"][class*="gap-6"]:has(> * > [class*="lg:p-6"][class*="bg-white"]), #root main [class*="grid"][class*="gap-6"]:has(> [class*="lg:p-6"][class*="bg-white"]){ grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important; gap:12px!important; } /* ---- ASİSTAN MODÜL KARTLARI: her zaman tam genişlik (tek sütun) ---- */ #root main [class*="grid"]:has(> [class*="rounded-[24px]"][class*="bg-gradient-to-br"]), #root main [class*="grid"][class*="grid-cols-1"][class*="gap-6"]{ grid-template-columns:1fr!important; } #root main [class*="rounded-[24px]"][class*="bg-gradient-to-br"]{ width:100%!important; max-width:none!important; } /* kart dış kabı: kibar gölge, sabit yükseklik */ #root main [class*="group"]:has(> [class*="lg:p-6"][class*="bg-white"]){ border-radius:16px!important; box-shadow:0 26px 50px -28px rgba(74,58,26,.45), 0 8px 18px -12px rgba(96,66,12,.3), inset 0 1px 0 rgba(255,255,255,.95)!important; transition:transform .18s ease, box-shadow .22s ease!important; } #root main [class*="group"]:has(> [class*="lg:p-6"][class*="bg-white"]):hover{ transform:translateY(-3px); box-shadow:0 40px 72px -28px rgba(140,105,20,.5), 0 12px 24px -12px rgba(96,66,12,.35), 0 0 0 1px rgba(201,162,39,.5)!important; } /* ============================================================ V46 — BAĞIŞ SAYFASI BAŞLIK BLOĞU: okunur + zarif (alt açıklama ve soluk metinler beyaz kaldığı için görünmüyordu) ============================================================ */ /* başlık */ #root main [data-gzpage="donate"] h1, #root main [data-gzpage="donate"] h2{ font-size:unset; font-family:'Playfair Display',Georgia,serif!important; color:#241c0c!important; -webkit-text-fill-color:#241c0c!important; background:none!important; text-shadow:0 1px 0 rgba(255,255,255,.8)!important; margin-bottom:6px!important; position:relative; padding-bottom:10px; } /* başlığın altına altın çift çizgi */ #root main [data-gzpage="donate"] h1::after, #root main [data-gzpage="donate"] h2::after{ content:""; position:absolute; left:0; bottom:0; width:150px; height:4px; background: linear-gradient(90deg,#c9a227,#8a6a12 55%,transparent) 0 0/100% 2px no-repeat, linear-gradient(90deg,rgba(201,162,39,.5),rgba(138,106,18,.35) 60%,transparent) 0 3px/100% 1px no-repeat; } /* alt açıklama — beyazdı, artık okunur sepya */ #root main [data-gzpage="donate"] h1 + p, #root main [data-gzpage="donate"] h2 + p, #root main [data-gzpage="donate"] header p, #root main [data-gzpage="donate"] > * > p:first-of-type{ color:#6e5c3c!important; -webkit-text-fill-color:#6e5c3c!important; opacity:1!important; font-style:italic; text-shadow:none!important; } /* sayfadaki tüm açık/beyaz yazılar → mürekkep (görünmez metin sorunu) */ #root main [data-gzpage="donate"] [class*="text-white"], #root main [data-gzpage="donate"] [class*="text-slate-100"], #root main [data-gzpage="donate"] [class*="text-slate-200"], #root main [data-gzpage="donate"] [class*="text-gray-100"], #root main [data-gzpage="donate"] [class*="text-indigo-100"], #root main [data-gzpage="donate"] [class*="text-white/"], #root main [data-gzpage="donate"] [class*="/70"], #root main [data-gzpage="donate"] [class*="/80"]{ color:#4a3f2c!important; -webkit-text-fill-color:#4a3f2c!important; opacity:1!important; } /* koyu zeminli kutulardaki başlıklar okunur kalsın */ #root main [data-gzpage="donate"] [class*="from-amber"] [class*="text-white"], #root main [data-gzpage="donate"] [class*="from-[#"] [class*="text-white"]{ color:#2b2415!important;-webkit-text-fill-color:#2b2415!important; } /* sağ sütun küçük başlıklar / e-posta satırı */ #root main [data-gzpage="donate"] [class*="uppercase"]{ color:#8a6a12!important; } #root main [data-gzpage="donate"] a[href^="mailto"], #root main [data-gzpage="donate"] [class*="rounded-xl"] span{ color:#4a3f2c!important; } /* kalp rozeti (sağ üst) */ #root main [data-gzpage="donate"] [class*="rounded-3xl"][class*="rotate-3"]{ background:linear-gradient(165deg,#fffdf5,#f6eed9)!important; border:1px solid rgba(190,155,60,.5)!important; box-shadow:0 30px 56px -26px rgba(74,58,26,.5), inset 0 1px 0 #fff!important; } /* ============================================================ V47 — ARŞİV SEKMELERİ (Tüm İçerikler / Favoriler / Klasörler) ============================================================ */ #root main [class*="rounded-2xl"][class*="border-slate-200"] button, #root main [class*="bg-white"][class*="p-2"][class*="rounded-2xl"] button{ border-radius:999px!important; font-weight:800!important; transition:transform .15s ease, box-shadow .2s ease, background .2s ease!important; } /* sekme şeridi kabı */ #root main [class*="p-2"][class*="rounded-2xl"][class*="border-slate-200"]{ background:linear-gradient(165deg,#fdf6e4,#f2e5c4)!important; border:1px solid rgba(190,155,60,.5)!important; border-radius:999px!important; box-shadow:inset 0 1px 0 #fff, 0 14px 28px -20px rgba(96,66,12,.5)!important; padding:5px!important; } /* pasif sekme */ #root main [class*="p-2"][class*="rounded-2xl"] button:not([class*="bg-white"]):not([class*="shadow"]){ color:#8a7a5c!important; background:transparent!important; } #root main [class*="p-2"][class*="rounded-2xl"] button:hover{ color:#5c4a30!important; background:rgba(255,255,255,.7)!important; transform:translateY(-1px); } /* aktif sekme → altın */ #root main [class*="p-2"][class*="rounded-2xl"] button[class*="bg-white"], #root main [class*="p-2"][class*="rounded-2xl"] button[class*="shadow"]{ background:linear-gradient(135deg,#f0cd5c,#d8a92f 55%,#b8811c)!important; color:#2b2415!important; border:1px solid rgba(140,105,20,.6)!important; box-shadow:0 12px 24px -10px rgba(160,120,25,.75), inset 0 1px 0 rgba(255,255,255,.5)!important; } /* sekmedeki sayaç rozeti */ #root main [class*="p-2"][class*="rounded-2xl"] button span, #root main [class*="p-2"][class*="rounded-2xl"] button [class*="rounded-full"]{ font-size:10px!important; font-weight:800!important; padding:1px 6px!important; border-radius:999px!important; background:rgba(43,36,21,.15)!important; color:inherit!important; } #root main [class*="p-2"][class*="rounded-2xl"] button:not([class*="bg-white"]) [class*="rounded-full"]{ background:rgba(201,162,39,.2)!important; color:#7a5c0e!important; } /* sekme ikonları */ #root main [class*="p-2"][class*="rounded-2xl"] button svg{ width:15px!important; height:15px!important; } #root main [class*="p-2"][class*="rounded-2xl"] button[class*="bg-white"] svg{ color:#3b2f12!important; } /* ============================================================ V48 — VIP planları (Pro / Plus / Premium+ / Business) ============================================================ */ #gzv-plans{ width:100%; max-width:1180px; margin:0 auto; } #gzv-plans .gzv-head{ text-align:center; margin-bottom:16px; } #gzv-plans .gzv-head h2{ font-family:'Playfair Display',Georgia,serif!important; font-size:26px!important; color:#241c0c!important; margin:0 0 4px!important; } #gzv-plans .gzv-head p{ font-size:13px!important; color:#6e5c3c!important; font-style:italic; margin:0!important; } #gzv-plans .gzv-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; align-items:stretch; } #gzv-plans .gzv-card{ position:relative; display:flex; flex-direction:column; padding:18px 16px 16px; border-radius:18px; background:linear-gradient(165deg,#fffdf5 0%,#faf3e0 60%,#f2e7ca 100%); border:1px solid rgba(176,132,24,.45); box-shadow:0 44px 84px -34px rgba(74,58,26,.5),0 14px 28px -16px rgba(96,66,12,.32),inset 0 1px 0 rgba(255,255,255,.95); transition:transform .18s ease, box-shadow .22s ease; } #gzv-plans .gzv-card:hover{ transform:translateY(-4px); box-shadow:0 62px 110px -34px rgba(140,105,20,.55),0 18px 34px -14px rgba(96,66,12,.4),0 0 0 1px rgba(201,162,39,.55),inset 0 1px 0 #fff; } #gzv-plans .gzv-card.pop{ border-color:rgba(140,105,20,.75); box-shadow:0 60px 110px -34px rgba(150,110,20,.6),0 18px 34px -14px rgba(96,66,12,.42),0 0 0 2px rgba(201,162,39,.5),inset 0 1px 0 #fff; } #gzv-plans .gzv-pop{ position:absolute; top:-10px; left:50%; transform:translateX(-50%); font-size:8.5px; font-weight:900; letter-spacing:.12em; padding:4px 10px; border-radius:999px; white-space:nowrap; background:linear-gradient(135deg,#9b2a2a,#c0453a); color:#fdf6e6; box-shadow:0 10px 20px -8px rgba(140,40,35,.6); } #gzv-plans .gzv-tier{ font-size:8.5px; font-weight:900; letter-spacing:.16em; color:#8a6a12; margin-bottom:6px; } #gzv-plans .gzv-card h3{ font-family:'Playfair Display',Georgia,serif!important; font-size:19px!important; color:#241c0c!important; margin:0 0 2px!important; } #gzv-plans .gzv-tag{ font-size:11.5px!important; color:#8a7a5c!important; margin:0 0 10px!important; } #gzv-plans .gzv-price{ display:flex; align-items:baseline; gap:5px; margin-bottom:4px; } #gzv-plans .gzv-price b{ font-size:26px; font-weight:900; color:#8a6a12; } #gzv-plans .gzv-price span{ font-size:12px; color:#8a7a5c; font-weight:700; } #gzv-plans .gzv-credit{ display:inline-block; font-size:10.5px; font-weight:800; padding:3px 9px; border-radius:999px; margin-bottom:11px; background:rgba(201,162,39,.16); border:1px solid rgba(190,155,60,.45); color:#7a5c0e; } #gzv-plans .gzv-card ul{ list-style:none; margin:0 0 14px; padding:0; flex:1; } #gzv-plans .gzv-card li{ display:flex; gap:7px; align-items:flex-start; font-size:12px; color:#4a3f2c; margin-bottom:6px; line-height:1.35; } #gzv-plans .gzv-card li i{ font-style:normal; color:#2f6b48; font-weight:900; flex:0 0 auto; } #gzv-plans .gzv-buy{ width:100%; padding:10px 14px; border-radius:11px; cursor:pointer; font-family:inherit; font-size:13px; font-weight:800; color:#2b2415; border:1px solid rgba(140,105,20,.65); background:linear-gradient(135deg,#f0cd5c,#d8a92f 45%,#b8811c); box-shadow:0 18px 36px -16px rgba(170,125,25,.75), inset 0 1px 0 rgba(255,255,255,.5); transition:.18s; } #gzv-plans .gzv-buy:hover{ transform:translateY(-2px); filter:saturate(1.08); } #gzv-plans .gzv-foot{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:16px; font-size:12px; color:#6e6250; } #gzv-plans .gzv-credits-link{ font-weight:800; text-decoration:none; padding:8px 15px; border-radius:999px; color:#6d5507; background:linear-gradient(165deg,#fffdf6,#f2e7cb); border:1px solid rgba(176,132,24,.5); box-shadow:0 12px 24px -14px rgba(96,66,12,.5); } #gzv-plans .gzv-credits-link:hover{ background:#fff; transform:translateY(-1px); } /* ============================================================ V49 — SOL PANEL (kenar çubuğu): daha canlı, derin ve zengin ============================================================ */ #root aside{ background: linear-gradient(180deg,#fdf7e6 0%,#f7eed7 42%,#eee1bd 100%)!important; box-shadow: inset -1px 0 0 rgba(190,155,60,.55), 20px 0 56px -26px rgba(74,58,26,.5), 8px 0 22px -16px rgba(96,66,12,.35)!important; border-right:1px solid rgba(176,132,24,.45)!important; } /* kağıt dokusu */ #root aside::before{ content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.4; background-image: repeating-linear-gradient(0deg,rgba(120,95,45,.04) 0 1px,transparent 1px 3px), repeating-linear-gradient(90deg,rgba(120,95,45,.03) 0 1px,transparent 1px 4px); } #root aside > *{ position:relative; z-index:1; } /* --- satırlar: kabartmalı kağıt --- */ #root aside button, #root aside a{ border-radius:11px!important; background:linear-gradient(165deg,rgba(255,253,246,.9),rgba(247,238,215,.6))!important; border:1px solid rgba(190,155,60,.32)!important; box-shadow: 0 12px 24px -14px rgba(96,66,12,.5), 0 2px 5px -3px rgba(96,66,12,.35), inset 0 1px 0 rgba(255,255,255,.95)!important; transition:transform .15s ease, box-shadow .2s ease, background .2s ease!important; } #root aside button:hover, #root aside a:hover{ transform:translateY(-2px) translateX(1px); background:linear-gradient(165deg,#fffcf0,#f8efd6)!important; border-color:rgba(180,140,40,.75)!important; box-shadow: 0 20px 34px -14px rgba(140,105,20,.6), 0 4px 10px -4px rgba(96,66,12,.35), inset 0 1px 0 #fff, 0 0 0 1px rgba(201,162,39,.45)!important; } /* --- aktif sekme: canlı altın + ışıma --- */ #root aside button.bg-\[\#4f46e5\], #root aside a.bg-\[\#4f46e5\], #root aside button.bg-\[\#27272a\], #root aside a.bg-\[\#27272a\], #root aside button.bg-\[\#1a1a24\]:not(:has(h1)), #root aside a.bg-\[\#1a1a24\]{ background:linear-gradient(135deg,#f4d478 0%,#dfb43c 45%,#bd8a1e 100%)!important; border-color:rgba(140,105,20,.8)!important; box-shadow: 0 22px 40px -12px rgba(170,125,25,.85), 0 8px 16px -6px rgba(120,88,15,.6), inset 0 1px 0 rgba(255,255,255,.55), 0 0 22px -6px rgba(224,185,60,.65)!important; } /* --- bölüm başlıkları: altın künye çizgili --- */ #root aside [class*="uppercase"]{ color:#8a6a12!important; font-weight:900!important; position:relative; } #root aside [class*="uppercase"]::after{ content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px; background:linear-gradient(90deg,rgba(201,162,39,.65),rgba(201,162,39,0)); } /* --- VIP / ÜCRETSİZ rozetleri canlansın --- */ #root aside [class*="rounded"][class*="text-[10px]"], #root aside .__mor_free__{ box-shadow:0 6px 14px -6px rgba(150,110,20,.6), inset 0 1px 0 rgba(255,255,255,.7)!important; } /* --- üst logo bloğu --- */ #root aside [class*="rounded-lg"]:has(h1){ background:linear-gradient(165deg,#fffdf5,#f4ead2)!important; border:1px solid rgba(190,155,60,.5)!important; box-shadow:0 18px 34px -18px rgba(96,66,12,.55), inset 0 1px 0 #fff!important; } #root aside [class*="rounded-full"][class*="from-[#6366f1]"]{ background:radial-gradient(circle at 32% 26%,#fbeec2,#e6c45e 42%,#c9992c 75%)!important; box-shadow:0 8px 18px -6px rgba(150,110,20,.7), inset 0 1px 0 rgba(255,255,255,.6)!important; } #root aside [class*="rounded-full"][class*="from-[#6366f1]"] svg{ color:#3b2f12!important; } /* --- alt kullanıcı kartı --- */ #root aside [data-testid="settings-button"], #root aside div:has(> [data-testid="settings-button"]){ background:linear-gradient(165deg,rgba(255,253,246,.9),rgba(244,234,210,.7))!important; border-top:1px solid rgba(190,155,60,.45)!important; } /* ============================================================ V50 — SOL PANEL: daha canlı, AMA dikey ölçü aynı (dolgu/satır yüksekliği V12 kompakt değerlerine sabitlendi) ============================================================ */ /* --- ölçü kilidi: hiçbir kural satırları büyütemesin --- */ #root aside a, #root aside button{ padding-top:3px!important; padding-bottom:3px!important; margin-top:1px!important; margin-bottom:1px!important; min-height:0!important; line-height:1.25!important; } #root aside [class*="uppercase"]{ margin-top:6px!important; margin-bottom:2px!important; padding:0 2px!important; line-height:1.2!important; } /* --- renk canlılığı: satırlara ince renkli künye çizgisi --- */ #root aside button, #root aside a{ position:relative; overflow:hidden; border-left:3px solid rgba(201,162,39,.45)!important; } #root aside button::before, #root aside a::before{ content:"";position:absolute;inset:0;pointer-events:none; background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 62%); transform:translateX(-120%); transition:transform .55s ease; } #root aside button:hover::before, #root aside a:hover::before{ transform:translateX(120%); } /* parıltı geçişi */ /* --- ikonlar altın, hover'da parlıyor --- */ #root aside svg{ color:#a9821a!important; transition:color .15s ease, filter .15s ease; } #root aside button:hover svg, #root aside a:hover svg{ color:#7a5c0e!important; filter:drop-shadow(0 0 6px rgba(201,162,39,.6)); } /* --- aktif sekme: canlı altın + nabız gibi hafif ışıma --- */ #root aside button.bg-\[\#4f46e5\], #root aside button.bg-\[\#27272a\], #root aside button.bg-\[\#1a1a24\]:not(:has(h1)){ border-left-color:#8a6a12!important; animation:gzSideGlow 2.6s ease-in-out infinite; } #root aside button.bg-\[\#4f46e5\] svg, #root aside button.bg-\[\#27272a\] svg, #root aside button.bg-\[\#1a1a24\]:not(:has(h1)) svg{ color:#3b2f12!important; } @keyframes gzSideGlow{ 0%,100%{ box-shadow:0 18px 34px -14px rgba(170,125,25,.75), inset 0 1px 0 rgba(255,255,255,.5), 0 0 16px -6px rgba(224,185,60,.5); } 50%{ box-shadow:0 22px 40px -12px rgba(180,135,25,.9), inset 0 1px 0 rgba(255,255,255,.6), 0 0 26px -4px rgba(224,185,60,.85); } } /* --- bölüm renk kodları (kategori kimliği) --- */ #root aside [class*="uppercase"]{ color:#8a6a12!important; letter-spacing:.14em!important; } /* --- VIP rozeti: canlı altın; ÜCRETSİZ: canlı yeşil-altın --- */ #root aside [class*="rounded"][class*="text-[10px]"]{ background:linear-gradient(135deg,#f0d885,#cfa233)!important; color:#3b2f12!important; border:1px solid rgba(150,115,25,.55)!important; box-shadow:0 6px 14px -6px rgba(150,110,20,.7), inset 0 1px 0 rgba(255,255,255,.75)!important; } #root aside .__mor_free__{ background:linear-gradient(135deg,#bfe3c4,#7fc48c)!important; color:#1f4a2b!important; border:1px solid rgba(60,120,75,.5)!important; box-shadow:0 6px 14px -6px rgba(45,110,70,.6), inset 0 1px 0 rgba(255,255,255,.7)!important; } #root aside .__mor_pplus__{ background:linear-gradient(135deg,#3f7db8,#65a8dd)!important; color:#f2f8ff!important; box-shadow:0 6px 14px -5px rgba(50,110,170,.7)!important; } /* --- Bağış / VIP butonları canlı --- */ #root .__mor_btnrow__:not(.__mor_row2__) > *:first-child{ background:linear-gradient(135deg,#fdeeee,#f6dcdc)!important; border-color:rgba(155,42,42,.5)!important; box-shadow:0 10px 20px -10px rgba(140,40,35,.5), inset 0 1px 0 #fff!important; } #root .__mor_btnrow__:not(.__mor_row2__) > *:nth-child(2){ background:linear-gradient(135deg,#f4d478,#dfb43c 55%,#bd8a1e)!important; box-shadow:0 14px 26px -10px rgba(170,125,25,.8), inset 0 1px 0 rgba(255,255,255,.55), 0 0 18px -6px rgba(224,185,60,.6)!important; } /* ============================================================ V51 — METİN SESLENDİRME modülleri: dikey ölçü diğerleriyle aynı Bu asistanın kartları (p-6 lg:p-8 / mt-8 lg:p-10) uygulamada h-[635px] sınıfını taşımıyor → içeriğe göre büyüyüp küçülüyordu. Diğer tüm asistan modülleri 635px olduğu için burada da sabitliyoruz. ============================================================ */ #root main [class*="rounded-[24px]"][class*="lg:p-8"]:not([class*="h-["]), #root main [class*="rounded-[24px]"][class*="lg:p-10"][class*="mt-8"]:not([class*="h-["]){ height:635px!important; display:flex!important; flex-direction:column!important; overflow-y:auto!important; } /* iç alanlar kartı taşırmasın */ #root main [class*="rounded-[24px]"][class*="lg:p-8"]:not([class*="h-["]) > div, #root main [class*="rounded-[24px]"][class*="lg:p-10"][class*="mt-8"]:not([class*="h-["]) > div{ min-height:0; } /* ============================================================ V52 — SOL MENÜ: ince rötuşlar (dikey ölçü DEĞİŞMEZ) Künye bloğu, bölüm başlıkları, VIP rozetleri ve alt bar. ============================================================ */ /* --- künye (logo) bloğu: kağıt kartı + altın mühür --- */ #root aside > div:first-child{ margin:6px 8px 8px!important; padding:8px 10px!important; border-radius:14px!important; background:linear-gradient(150deg,#fffdf5,#f6edd6 60%,#efe3c4)!important; border:1px solid rgba(176,132,24,.45)!important; box-shadow:0 16px 30px -18px rgba(74,58,26,.55), inset 0 1px 0 rgba(255,255,255,.95)!important; } #root aside h1, #root aside [class*="font-heading"]:first-of-type{ font-family:'Playfair Display',Georgia,serif!important; letter-spacing:.01em!important; color:#241c0c!important; text-shadow:0 1px 0 rgba(255,255,255,.8)!important; } /* --- bölüm başlıkları: altın elmas + künye çizgisi --- */ #root aside [class*="uppercase"]{ position:relative; display:flex!important; align-items:center; gap:6px; } #root aside [class*="uppercase"]::before{ content:"◆"; font-size:6px; color:#c9a227; text-shadow:0 0 6px rgba(201,162,39,.7); } #root aside [class*="uppercase"]::after{ content:""; flex:1; height:1px; background:linear-gradient(90deg,rgba(201,162,39,.55),rgba(201,162,39,0)); } /* --- VIP rozetleri: taç + altın hap --- */ #root aside span[class*="amber"], #root aside span[class*="text-[9px]"], #root aside span[class*="text-[10px]"]{ display:inline-flex!important; align-items:center; gap:3px; padding:2px 7px!important; border-radius:999px!important; font-weight:900!important; letter-spacing:.06em!important; color:#3b2f12!important; background:linear-gradient(135deg,#f3dc95,#d9b345 55%,#bd8a1e)!important; border:1px solid rgba(150,115,25,.55)!important; box-shadow:0 6px 14px -6px rgba(150,110,20,.75), inset 0 1px 0 rgba(255,255,255,.8)!important; } #root aside span[class*="amber"]::before{ content:"♛"; font-size:8px; opacity:.85; } /* --- satırlar: yumuşak iç ışık + hover'da altın kenar --- */ #root aside button, #root aside a{ border-radius:10px!important; } #root aside button:active{ transform:translateY(0)!important; } /* --- alt bar: kağıt şeridi --- */ #root aside div:has(> [data-testid="settings-button"]){ background:linear-gradient(180deg,rgba(255,253,245,.85),rgba(238,225,189,.95))!important; border-top:1px solid rgba(176,132,24,.4)!important; box-shadow:0 -10px 24px -18px rgba(74,58,26,.5)!important; } /* --- kaydırma çubuğu: altın --- */ #root aside::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#e0b93c,#b8811c)!important; border-radius:3px!important; } /* ============================================================ V53 — BÖLÜM BAŞLIKLARI: gazete "kategori künyesi" (kırmızı bayrak) YAZI & METİN ARAÇLARI / ARAŞTIRMA & MEDYA / PLANLAMA & KİŞİSEL ============================================================ */ #root aside [class*="uppercase"]{ position:relative!important; display:flex!important; align-items:center!important; gap:7px!important; margin:9px 2px 4px!important; padding:4px 8px 4px 7px!important; border-radius:7px!important; font-size:9px!important; font-weight:900!important; letter-spacing:.13em!important; color:#7a2f2f!important; /* gazete kırmızısı */ background:linear-gradient(100deg,rgba(155,42,42,.10),rgba(201,162,39,.08) 60%,transparent)!important; border-left:3px solid #9b2a2a!important; /* kategori bayrağı */ box-shadow:0 8px 16px -12px rgba(140,40,35,.5), inset 0 1px 0 rgba(255,255,255,.75)!important; text-shadow:0 1px 0 rgba(255,255,255,.7)!important; } /* soldaki mürekkep karesi */ #root aside [class*="uppercase"]::before{ content:""!important; width:6px; height:6px; flex:0 0 auto; border-radius:2px; background:linear-gradient(135deg,#c0453a,#9b2a2a); box-shadow:0 0 8px -1px rgba(155,42,42,.7); } /* sağa doğru sönen altın künye çizgisi */ #root aside [class*="uppercase"]::after{ content:""!important; flex:1; height:1px; background:linear-gradient(90deg,rgba(155,42,42,.45),rgba(201,162,39,.35) 45%,transparent)!important; } /* ============================================================ V54 — SOL MENÜ: TÜM SATIRLAR EŞİT YÜKSEKLİK (25px) Rozetli satırlar (Ücretsiz / VIP / Premium+) artık uzamıyor. ============================================================ */ #root aside button, #root aside a{ height:25px!important; min-height:25px!important; max-height:25px!important; padding-top:0!important; padding-bottom:0!important; padding-left:9px!important; padding-right:8px!important; display:flex!important; align-items:center!important; gap:7px!important; line-height:1!important; } /* rozetler satırı büyütmesin */ #root aside span[class*="amber"], #root aside span[class*="text-[9px]"], #root aside span[class*="text-[10px]"], #root aside em{ flex:0 0 auto!important; padding:1px 6px!important; line-height:1.5!important; font-size:8.5px!important; max-height:16px!important; } /* satır metni tek satır, taşarsa üç nokta */ #root aside button > span:not([class*="amber"]):not([class*="text-[9px]"]):not([class*="text-[10px]"]), #root aside a > span:not([class*="amber"]):not([class*="text-[9px]"]):not([class*="text-[10px]"]){ flex:1 1 auto!important; min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } /* ---- istisnalar: künye bloğu ve alt bar sabit yükseklikten muaf ---- */ #root aside > div:first-child button, #root aside > div:first-child a, #root aside div:has(> [data-testid="settings-button"]) button, #root aside div:has(> [data-testid="settings-button"]) a, #root aside .__mor_btnrow__ button, #root aside .__mor_btnrow__ a{ height:auto!important; min-height:0!important; max-height:none!important; } /* Bağış Yap / VIP Üye Ol ikilisi de kendi arasında eşit */ #root aside .__mor_btnrow__ > *{ height:28px!important; display:flex!important; align-items:center!important; justify-content:center!important; } /* ---- V55: Genel Bakış "Birimler & Analitik" kartı ---- */ #gz-dash .gzd-ba{ display:grid; grid-template-columns:1fr 1fr; gap:8px; } #gz-dash .gzd-ba a{ display:flex; align-items:center; justify-content:center; gap:7px; padding:10px 12px; border-radius:11px; text-decoration:none; font-size:12.5px; font-weight:800; color:#3b2f12; background:linear-gradient(135deg,#f3dc95,#dfbb50 55%,#c9a227); border:1px solid rgba(150,115,25,.55); box-shadow:0 16px 30px -14px rgba(170,125,25,.8), inset 0 1px 0 rgba(255,255,255,.7); transition:.16s; } #gz-dash .gzd-ba a:hover{ transform:translateY(-2px); filter:saturate(1.1) brightness(1.03); box-shadow:0 22px 40px -14px rgba(180,135,25,.9), 0 0 20px -6px rgba(224,185,60,.6); } /* ---- V56: sol menüden kaldırılan sekmeler (Birimler / Analitik) ---- NOT: V54'teki display:flex!important kuralını yenmesi için en sonda. */ #root aside [data-gz-hidden="1"]{ display:none!important; } /* ---- V57: sekmeler arası boşluk 3px ---- */ #root aside button, #root aside a{ margin-top:1.5px!important; margin-bottom:1.5px!important; } /* space-y sınıflarının eklediği ekstra aralığı sabitle */ #root aside [class*="space-y"] > * + *{ margin-top:3px!important; } /* ============================================================ V58 — SEKME İÇİ KARTLAR: gölgeler daha derin/canlı (asistan modül kartları, sonuç kartları, başlık şeritleri, panel kartları) ============================================================ */ #root main [class*="rounded-[24px]"], #root main [class*="rounded-[20px]"], #root main [class*="rounded-2xl"], #root main [class*="rounded-xl"][class*="border"], #root main [class*="shadow-2xl"], #gz-dash .gzd-card{ box-shadow: 0 90px 150px -46px rgba(52,34,4,.55), 0 46px 82px -36px rgba(70,46,6,.42), 0 20px 38px -18px rgba(96,66,12,.36), 0 6px 12px -6px rgba(96,66,12,.28), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -3px 8px rgba(150,115,25,.10)!important; } /* üzerine gelince kalksın ve altın halka çıksın */ #root main [class*="rounded-[24px]"]:hover, #root main [class*="rounded-[20px]"]:hover, #gz-dash .gzd-card:hover{ box-shadow: 0 120px 190px -46px rgba(48,32,4,.62), 0 58px 98px -36px rgba(140,105,20,.5), 0 24px 44px -16px rgba(96,66,12,.42), inset 0 1px 0 #fff, 0 0 0 1px rgba(201,162,39,.5), 0 0 34px -8px rgba(224,185,60,.4)!important; } /* kart içindeki küçük kutucuklar (giriş alanı, chip, sonuç bloğu) */ #root main textarea, #root main input[type="text"], #root main [class*="rounded-2xl"][class*="bg-slate-900/40"]{ box-shadow:inset 0 2px 8px rgba(120,95,45,.16), 0 10px 20px -14px rgba(96,66,12,.4)!important; } /* ============================================================ V59 — SOL MENÜ SEKMELERİ: durağan haldeyken de derin gölge (üzerine gelmeden, tıklamadan bakınca kabarık dursunlar) ============================================================ */ #root aside button, #root aside a{ box-shadow: 0 18px 30px -18px rgba(74,58,26,.55), 0 8px 14px -8px rgba(96,66,12,.45), 0 2px 4px -2px rgba(96,66,12,.35), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -2px 5px rgba(150,115,25,.10)!important; } #root aside button:hover, #root aside a:hover{ box-shadow: 0 26px 42px -18px rgba(74,58,26,.65), 0 12px 20px -8px rgba(140,105,20,.5), 0 0 0 1px rgba(201,162,39,.45), inset 0 1px 0 #fff!important; } /* aktif sekme: altın ışıma + derin gölge (nabız animasyonu korunur) */ #root aside button.bg-\[\#4f46e5\], #root aside button.bg-\[\#27272a\], #root aside button.bg-\[\#1a1a24\]:not(:has(h1)){ box-shadow: 0 26px 44px -16px rgba(170,125,25,.85), 0 10px 18px -8px rgba(120,88,15,.6), inset 0 1px 0 rgba(255,255,255,.55), 0 0 24px -6px rgba(224,185,60,.75)!important; } /* Bağış / VIP ikilisi de kabarık */ #root aside .__mor_btnrow__ > *{ box-shadow: 0 18px 30px -16px rgba(74,58,26,.6), 0 8px 14px -8px rgba(96,66,12,.45), inset 0 1px 0 rgba(255,255,255,.85)!important; } /* ---- V60: Admin sol menüsündeki "Çöp Kutusu" bağlantısı ---- */ .__gz_trash_btn__{ display:flex!important; align-items:center; gap:7px; margin-top:8px!important; padding:0 10px!important; height:30px!important; border-radius:9px!important; font-size:12px; font-weight:800; color:#7a2f2f!important; text-decoration:none; background:linear-gradient(165deg,#fdeeee,#f6dcdc)!important; border:1px solid rgba(155,42,42,.5)!important; box-shadow:0 14px 26px -14px rgba(140,40,35,.55), inset 0 1px 0 rgba(255,255,255,.9)!important; } .__gz_trash_btn__:hover{ transform:translateY(-1px); border-color:rgba(155,42,42,.85)!important; } /* ---- V61: alt kullanıcı bloğu (Mortanas Admin / Çıkış) tek satır, kompakt ---- */ #root aside div:has(> [data-testid="settings-button"]) ~ div, #root aside [class*="border-t"]:last-child{ padding-top:6px!important; padding-bottom:6px!important; } #root aside [class*="border-t"]:last-child > div{ display:flex!important; align-items:center!important; gap:8px!important; flex-wrap:nowrap!important; } #root aside [class*="border-t"]:last-child p, #root aside [class*="border-t"]:last-child span, #root aside [class*="border-t"]:last-child button{ line-height:1.2!important; margin:0!important; font-size:11.5px!important; white-space:nowrap!important; } #root aside [class*="border-t"]:last-child [class*="rounded-full"]{ width:26px!important; height:26px!important; font-size:11px!important; } /* ============================================================ V62 — SOL MENÜ: TÜM SEKMELERDE AYNI PUNTO (React satırlara farklı text-[11px]/text-[13px]/text-sm sınıfları veriyordu → punto farkı oluşuyordu. Hepsi tek ölçüye sabitlendi.) ============================================================ */ #root aside button, #root aside a, #root aside button *, #root aside a *{ font-size:12px!important; font-weight:700!important; letter-spacing:0!important; } /* rozetler (ÜCRETSİZ / VIP / Premium+) kendi küçük puntosunda kalsın */ #root aside span[class*="amber"], #root aside span[class*="text-[9px]"], #root aside span[class*="text-[10px]"], #root aside em, #root aside .__mor_free__, #root aside .__mor_pplus__{ font-size:8.5px!important; font-weight:900!important; letter-spacing:.06em!important; } /* ikonlar tek ölçü */ #root aside button svg, #root aside a svg{ width:14px!important; height:14px!important; flex:0 0 auto!important; } /* bölüm başlıkları kendi puntosunda (V53) */ #root aside [class*="uppercase"], #root aside [class*="uppercase"] *{ font-size:9px!important; font-weight:900!important; letter-spacing:.13em!important; } /* alt bar (Ayarlar/Yardım/kullanıcı) küçük ve eşit */ #root aside div:has(> [data-testid="settings-button"]) button, #root aside div:has(> [data-testid="settings-button"]) a, #root aside div:has(> [data-testid="settings-button"]) span{ font-size:11px!important; font-weight:700!important; } /* ============================================================ V63 — HABER OTOMASYONU + GÜNDEM RAPORU: PREMIUM (platin gri) ============================================================ */ #root aside .__mor_prem__{ background:linear-gradient(135deg,#f4f5f7 0%,#dcdfe4 45%,#b9bec6 100%)!important; border:1px solid rgba(120,128,140,.55)!important; border-left:3px solid #8a929d!important; color:#2f343b!important; box-shadow: 0 18px 32px -16px rgba(60,66,76,.55), 0 8px 14px -8px rgba(60,66,76,.4), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -2px 6px rgba(90,98,110,.14)!important; } #root aside .__mor_prem__:hover{ border-color:rgba(120,128,140,.9)!important; box-shadow: 0 26px 44px -16px rgba(60,66,76,.65), 0 0 0 1px rgba(150,158,170,.6), 0 0 22px -8px rgba(190,198,210,.8), inset 0 1px 0 #fff!important; } #root aside .__mor_prem__ svg{ color:#5b636e!important; } /* aktifken platin daha koyu, gümüş ışıma */ #root aside .__mor_prem__[class*="bg-[#4f46e5]"], #root aside .__mor_prem__[class*="bg-[#27272a]"], #root aside .__mor_prem__[class*="bg-[#1a1a24]"]{ background:linear-gradient(135deg,#dfe3e8,#b7bdc6 45%,#98a0aa)!important; box-shadow:0 24px 40px -14px rgba(60,66,76,.7), 0 0 24px -8px rgba(200,208,218,.9)!important; } /* PREMIUM rozeti — platin */ #root aside .__mor_premb__{ flex:0 0 auto; font-size:8.5px!important; font-weight:900!important; letter-spacing:.06em!important; padding:1px 7px!important; border-radius:999px!important; line-height:1.5!important; color:#2f343b!important; background:linear-gradient(135deg,#ffffff,#d5d9df 55%,#aeb5be)!important; border:1px solid rgba(110,118,130,.55)!important; box-shadow:0 6px 14px -6px rgba(60,66,76,.6), inset 0 1px 0 rgba(255,255,255,.95)!important; } #root aside .__mor_premb__::before{ content:"✦"; margin-right:3px; opacity:.7; } /* ---- V64: Admin menüsü "Ödeme Ayarları" bağlantısı ---- */ .__gz_pay_btn__{ display:flex!important; align-items:center; gap:7px; margin-top:6px!important; padding:0 10px!important; height:30px!important; border-radius:9px!important; font-size:12px; font-weight:800; color:#2b2415!important; text-decoration:none; background:linear-gradient(135deg,#f4d478,#dfb43c 55%,#bd8a1e)!important; border:1px solid rgba(140,105,20,.7)!important; box-shadow:0 16px 28px -14px rgba(170,125,25,.8), inset 0 1px 0 rgba(255,255,255,.6)!important; } .__gz_pay_btn__:hover{ transform:translateY(-1px); filter:brightness(1.04); } /* ============================================================ V65 — TÜM ASİSTANLARDA "Karşılama Ekranı" + "Premium Kullanım Rehberi" satırları her zaman altın zeminli (aktif olmasalar bile) ============================================================ */ #root main [data-testid="nav-welcome"], #root main [data-testid="nav-app-rehber"], #root main .__mor_premguide__{ background:linear-gradient(135deg,#f4d478,#dfb43c 45%,#bd8a1e)!important; border:1px solid rgba(140,105,20,.75)!important; color:#2b2415!important; font-weight:800!important; box-shadow: 0 22px 38px -16px rgba(170,125,25,.85), 0 8px 16px -8px rgba(120,88,15,.55), inset 0 1px 0 rgba(255,255,255,.55), 0 0 22px -8px rgba(224,185,60,.7)!important; } #root main [data-testid="nav-welcome"]:hover, #root main [data-testid="nav-app-rehber"]:hover, #root main .__mor_premguide__:hover{ transform:translateY(-1px); filter:saturate(1.08) brightness(1.03); box-shadow: 0 30px 50px -16px rgba(180,135,25,.95), inset 0 1px 0 #fff, 0 0 30px -8px rgba(224,185,60,.85)!important; } /* içindeki ikon kutusu ve metin koyu mürekkep */ #root main [data-testid="nav-welcome"] *, #root main [data-testid="nav-app-rehber"] *, #root main .__mor_premguide__ *{ color:#2b2415!important; -webkit-text-fill-color:#2b2415!important; } #root main [data-testid="nav-welcome"] [class*="rounded-md"], #root main [data-testid="nav-app-rehber"] [class*="rounded-md"], #root main .__mor_premguide__ [class*="rounded-md"]{ background:linear-gradient(135deg,#fffdf5,#f2e7cb)!important; border:1px solid rgba(140,105,20,.4)!important; box-shadow:inset 0 1px 0 #fff, 0 6px 12px -8px rgba(96,66,12,.5)!important; } /* ============================================================ V66 — GİRİŞ / KAYIT / ŞİFRE SAYFALARI: derin gazete kartları ============================================================ */ html[data-auth="1"] #root{ min-height:100vh; } /* form kolonu: kağıt üstünde yüzen künye kartı */ html[data-auth="1"] #root form, html[data-auth="1"] #root [class*="max-w-md"], html[data-auth="1"] #root [class*="max-w-sm"]{ padding:26px 28px!important; border-radius:22px!important; background:linear-gradient(165deg,#fffdf5 0%,#faf3e0 58%,#f2e7ca 100%)!important; border:1px solid rgba(176,132,24,.5)!important; box-shadow: 0 100px 170px -48px rgba(52,34,4,.6), 0 50px 88px -36px rgba(70,46,6,.45), 0 22px 42px -18px rgba(96,66,12,.4), inset 0 1px 0 rgba(255,255,255,1), inset 0 -3px 8px rgba(150,115,25,.12)!important; } /* başlıklar */ html[data-auth="1"] #root h1, html[data-auth="1"] #root h2{ font-family:'Playfair Display',Georgia,serif!important; color:#241c0c!important; text-shadow:0 1px 0 rgba(255,255,255,.85)!important; } /* girdi kutuları: kağıda gömülü */ html[data-auth="1"] #root input{ padding:13px 15px!important; border-radius:13px!important; font-size:14px!important; color:#2b2415!important; background:linear-gradient(180deg,#fffef9,#fbf5e6)!important; border:1px solid rgba(176,132,24,.5)!important; box-shadow: inset 0 3px 8px rgba(120,95,45,.16), inset 0 -1px 0 rgba(255,255,255,.9), 0 10px 20px -14px rgba(96,66,12,.5)!important; transition:.16s!important; } html[data-auth="1"] #root input:focus{ outline:none!important; border-color:rgba(180,140,40,.95)!important; box-shadow: inset 0 3px 8px rgba(120,95,45,.14), 0 0 0 3px rgba(201,162,39,.22), 0 14px 26px -14px rgba(96,66,12,.55)!important; } html[data-auth="1"] #root label{ font-size:10.5px!important; font-weight:900!important; letter-spacing:.12em!important; text-transform:uppercase!important; color:#8a6a12!important; } /* ana buton: kabartılmış altın */ html[data-auth="1"] #root button[type="submit"], html[data-auth="1"] #root button:not([type]):not([aria-label]){ padding:13px 18px!important; border-radius:13px!important; font-weight:800!important; color:#2b2415!important; background:linear-gradient(135deg,#f6d977,#e0b93c 42%,#b8811c)!important; border:1px solid rgba(140,105,20,.75)!important; box-shadow: 0 30px 55px -18px rgba(170,125,25,.9), 0 12px 22px -10px rgba(120,88,15,.6), inset 0 1px 0 rgba(255,255,255,.6)!important; transition:.18s!important; } html[data-auth="1"] #root button[type="submit"]:hover{ transform:translateY(-2px); filter:saturate(1.1) brightness(1.04); box-shadow:0 40px 70px -18px rgba(180,135,25,1), inset 0 1px 0 #fff!important; } /* Google ile giriş: beyaz kağıt kartı */ html[data-auth="1"] #root button[class*="bg-white"], html[data-auth="1"] #root button:has(img), html[data-auth="1"] #root button:has(svg[viewBox="0 0 24 24"][class*="w-5"]){ background:linear-gradient(165deg,#ffffff,#f7f1e2)!important; border:1px solid rgba(176,132,24,.45)!important; box-shadow:0 26px 46px -20px rgba(74,58,26,.5), inset 0 1px 0 #fff!important; } /* bağlantılar */ html[data-auth="1"] #root a{ color:#9b2a2a!important; font-weight:800!important; } html[data-auth="1"] #root a:hover{ text-decoration:underline; } /* sağdaki görsel panelin kenarı */ html[data-auth="1"] #root img{ box-shadow:-40px 0 90px -40px rgba(52,34,4,.65)!important; } /* ---- V67: Google ile Giriş butonu — beyaz kağıt kartı (altın olmasın) ---- */ html[data-auth="1"] #root button.__gz_google__{ background:linear-gradient(165deg,#ffffff,#f8f3e6)!important; color:#2b2415!important; border:1px solid rgba(176,132,24,.45)!important; box-shadow: 0 30px 52px -22px rgba(74,58,26,.5), 0 10px 20px -10px rgba(96,66,12,.35), inset 0 1px 0 #fff!important; } html[data-auth="1"] #root button.__gz_google__:hover{ transform:translateY(-2px); border-color:rgba(180,140,40,.85)!important; box-shadow:0 40px 68px -22px rgba(74,58,26,.6), 0 0 0 1px rgba(201,162,39,.45), inset 0 1px 0 #fff!important; } /* ---- V68: Mortanas Süper Zeka sekmesi → Haber Otomasyonu ile aynı platin tasarım ---- */ #root aside .__mor_premplus__, #root aside .__mor_mj__{ background:linear-gradient(135deg,#f4f5f7 0%,#dcdfe4 45%,#b9bec6 100%)!important; border:1px solid rgba(120,128,140,.55)!important; border-left:3px solid #8a929d!important; color:#2f343b!important; box-shadow: 0 18px 32px -16px rgba(60,66,76,.55), 0 8px 14px -8px rgba(60,66,76,.4), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -2px 6px rgba(90,98,110,.14)!important; } #root aside .__mor_premplus__:hover, #root aside .__mor_mj__:hover{ border-color:rgba(120,128,140,.9)!important; box-shadow:0 26px 44px -16px rgba(60,66,76,.65), 0 0 0 1px rgba(150,158,170,.6), 0 0 22px -8px rgba(190,198,210,.8), inset 0 1px 0 #fff!important; } #root aside .__mor_premplus__ svg, #root aside .__mor_mj__ svg{ color:#5b636e!important; } /* Premium+ rozeti de platin (mavi değil) */ #root aside .__mor_premplus__ .__mor_pplus__, #root aside .__mor_premplus__ span[class*="text-[10px]"], #root aside .__mor_premplus__ span[class*="text-[9px]"], #root aside .__mor_mj__ span[class*="text-[10px]"]{ background:linear-gradient(135deg,#ffffff,#d5d9df 55%,#aeb5be)!important; color:#2f343b!important; border:1px solid rgba(110,118,130,.55)!important; box-shadow:0 6px 14px -6px rgba(60,66,76,.6), inset 0 1px 0 rgba(255,255,255,.95)!important; } /* ============================================================ V69 — VIP ROZETLERİ: HEPSİ AYNI BOYUT (React bazı satırlarda daha büyük punto/ikon veriyordu) ============================================================ */ #root aside span[class*="amber"], #root aside .__mor_premb__, #root aside .__mor_free__, #root aside .__mor_pplus__{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:4px!important; flex:0 0 auto!important; width:auto!important; min-width:58px!important; height:16px!important; min-height:16px!important; max-height:16px!important; padding:0 8px!important; border-radius:999px!important; font-size:8.5px!important; font-weight:900!important; letter-spacing:.08em!important; line-height:16px!important; overflow:hidden!important; white-space:nowrap!important; box-sizing:border-box!important; } /* rozet içindeki her şey tek ölçüde */ #root aside span[class*="amber"] *, #root aside .__mor_premb__ *, #root aside .__mor_pplus__ *{ font-size:8.5px!important; font-weight:900!important; letter-spacing:.08em!important; line-height:1!important; margin:0!important; padding:0!important; } #root aside span[class*="amber"] svg, #root aside .__mor_pplus__ svg{ width:8px!important; height:8px!important; flex:0 0 auto!important; } /* rozet içindeki noktacık/işaret */ #root aside span[class*="amber"] > span:not(:last-child){ width:5px!important; height:5px!important; border-radius:50%!important; flex:0 0 auto!important; overflow:hidden!important; text-indent:-999px!important; } /* ============================================================ V70 — SOL MENÜ ROZETLERİ: HEPSİ BİRE BİR AYNI (VIP / ÜCRETSİZ / PREMIUM / Premium+ → aynı genişlik, aynı yükseklik, aynı punto, aynı sağ hiza) :not() zincirleri, alt bar kuralını (border-t:last-child) yenmek için özgüllüğü yükseltir. ============================================================ */ #root aside .__mor_bdg__:not(.zz):not(.yy), #root aside .__mor_free__:not(.zz):not(.yy), #root aside .__mor_premb__:not(.zz):not(.yy), #root aside .__mor_pplus__:not(.zz):not(.yy){ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:3px!important; box-sizing:border-box!important; flex:0 0 68px!important; width:68px!important; min-width:68px!important; max-width:68px!important; height:14px!important; min-height:14px!important; max-height:14px!important; margin:0 0 0 auto!important; padding:0 5px!important; border-radius:999px!important; font-size:7.6px!important; font-weight:900!important; letter-spacing:.02em!important; line-height:14px!important; text-transform:uppercase!important; white-space:nowrap!important; overflow:hidden!important; transform:none!important; vertical-align:middle!important; } /* rozet içeriği (taç ikonu, noktacık, metin) de tek ölçüde */ #root aside .__mor_bdg__:not(.zz) *, #root aside .__mor_free__:not(.zz) *, #root aside .__mor_premb__:not(.zz) *, #root aside .__mor_pplus__:not(.zz) *{ font-size:7.6px!important; font-weight:900!important; letter-spacing:.02em!important; line-height:1!important; margin:0!important; padding:0!important; } #root aside .__mor_bdg__:not(.zz) svg, #root aside .__mor_free__:not(.zz) svg, #root aside .__mor_premb__:not(.zz) svg, #root aside .__mor_pplus__:not(.zz) svg{ width:7.5px!important; height:7.5px!important; min-width:7.5px!important; flex:0 0 7.5px!important; stroke-width:2.4px!important; } /* V71 — kısa "VIP" rozeti: gereksiz yatay boşluğu azalt */ #root aside .__mor_bdg__:not(.zz):not(.yy){ flex-basis:42px!important; width:42px!important; min-width:42px!important; max-width:42px!important; padding-left:4px!important; padding-right:4px!important; } /* rozeti taşıyan satır kabı: sağ boşluk her satırda eşit */ #root aside a > [class*="justify-between"], #root aside button > [class*="justify-between"]{ padding-right:8px!important; gap:6px!important; min-width:0!important; } /* JS ile eklenen rozetler (Ücretsiz / Premium / Premium+) satırın en sağına, React rozetleriyle aynı hizaya otursun (pr-2 = 8px) */ #root aside .__mor_free__:not(.zz):not(.yy), #root aside .__mor_premb__:not(.zz):not(.yy), #root aside .__mor_pplus__:not(.zz):not(.yy){ margin-right:8px!important; }