/* ============================================================ Mortanas Journal — MOR TEMA (mor / beyaz / siyah) Enjekte katman — derlenmiş uygulamaya dokunmadan. Aktif olduğunda: Palet (🎨 "Tasarımı Değiştir") butonu -> orijinale döner. ============================================================ */ /* ---------- SOL MENÜ (aside) ---------- Arka plan uygulamanın ORİJİNAL koyu hâlinde kalır (mor gradyan yok). Sadece ince gri çizgiler (kutu/öğe kenarlıkları) kaldırılır. */ html[data-mor="1"] aside [class*="border"]{ border-color:transparent !important; } /* Bağış Yap + VIP Üye Ol / Akışlar + Haber Masası tek satır (JS ile taşınır) */ .__mor_btnrow__{ display:flex; gap:6px; padding:4px 8px 6px; align-items:stretch; } .__mor_btnrow__ > *{ flex:1 1 0; min-width:0; margin:0 !important; justify-content:center; padding:7px 6px !important; border-radius:10px !important; font-size:11px !important; gap:5px !important; } .__mor_btnrow__ > * svg{ width:14px !important; height:14px !important; flex-shrink:0; } .__mor_btnrow__ > * span{ font-size:11px !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* Bağış Yap (gül) + VIP Üye Ol (mor) — renklerine göre hafif opak kartlar */ .__mor_btnrow__:not(.__mor_row2__) > *:first-child{ background:rgba(244,63,94,.14) !important; border:1px solid rgba(244,63,94,.38) !important; box-shadow:none !important; } .__mor_btnrow__:not(.__mor_row2__) > *:first-child *{ color:#fb7185 !important; } .__mor_btnrow__:not(.__mor_row2__) > *:nth-child(2){ background:rgba(124,58,237,.16) !important; border:1px solid rgba(139,92,246,.40) !important; box-shadow:none !important; } .__mor_btnrow__:not(.__mor_row2__) > *:nth-child(2) *{ color:#a78bfa !important; } /* Akışlar + Haber Masası — kart, tam okunur, bakım rozeti küçük */ .__mor_row2__{ padding:2px 8px 6px; } .__mor_row2__ > *{ background:rgba(139,92,246,.10) !important; border:1px solid rgba(139,92,246,.18) !important; } .__mor_row2__ .__maint_item__{ opacity:.85; } .__mor_row2__ .__maint_item__::after{ right:3px; top:4px; transform:none; font-size:9px; } /* Mortanas Journal — özel/premium, parıldayan çerçeve + canlı ✨ */ .__mor_mj__{ position:relative; border-radius:10px !important; background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(167,139,250,.10)) !important; border:1px solid rgba(167,139,250,.45) !important; animation:__mor_glow__ 2.6s ease-in-out infinite; } @keyframes __mor_glow__{ 0%,100%{ box-shadow:0 0 8px -2px rgba(124,58,237,.45); } 50%{ box-shadow:0 0 16px 1px rgba(167,139,250,.85); } } .__mor_mj__ .__mor_pplus__::before{ content:"✨"; margin-right:3px; display:inline-block; animation:__mor_spark__ 1.4s ease-in-out infinite; } @keyframes __mor_spark__{ 0%,100%{ transform:scale(1) rotate(0); opacity:.85 } 50%{ transform:scale(1.35) rotate(12deg); opacity:1 } } /* Menü rozetleri: Ücretsiz (yeşil) + Premium+ (mor) */ .__mor_free__{ margin-left:auto; flex-shrink:0; font-size:8.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:#fff; background:linear-gradient(135deg,#10b981,#34d399); padding:2px 8px; border-radius:999px; line-height:1.45; box-shadow:0 2px 9px -2px rgba(16,185,129,.6); } .__mor_pplus__{ margin-left:auto; flex-shrink:0; font-size:9px; font-weight:700; letter-spacing:.03em; color:#fff; background:linear-gradient(135deg,#7c3aed,#a78bfa); padding:1px 6px; border-radius:999px; line-height:1.5; box-shadow:0 2px 6px -1px rgba(124,58,237,.5); } /* ---------- GENEL BAKIŞ (main) : krem/altın -> mor ---------- */ /* kart & blok kenarlıkları */ html[data-mor="1"] main [class*="d4af37"]{ border-color:rgba(124,58,237,.30) !important; } /* krem gradyan başlık & kart arka planları -> açık mor */ html[data-mor="1"] main [class*="fefcf5"], html[data-mor="1"] main [class*="fcf6d6"]{ background-image:linear-gradient(135deg,#f7f3ff 0%,#ece1ff 100%) !important; } /* altın/amber ikon rozetleri -> mor */ html[data-mor="1"] main [class*="amber"]{ background-color:#efe8ff !important; color:#7c3aed !important; } /* altın metin -> mor */ html[data-mor="1"] main [class*="text-[#d4af37"], html[data-mor="1"] main [class*="text-amber"]{ color:#6d28d9 !important; } /* zengin gölgeler */ html[data-mor="1"] main [class*="rounded-2xl"]{ box-shadow:0 14px 36px -12px rgba(76,29,149,.32), 0 3px 8px -3px rgba(76,29,149,.18) !important; } html[data-mor="1"] main [class*="rounded-xl"]{ box-shadow:0 6px 18px -8px rgba(76,29,149,.22) !important; } /* kart hover'da biraz daha derin gölge */ html[data-mor="1"] main [class*="rounded-2xl"]:hover{ box-shadow:0 20px 44px -12px rgba(76,29,149,.40), 0 4px 10px -3px rgba(76,29,149,.22) !important; } /* ---------- ASİSTAN ALT PANELLERİ (sekme içi açılan uygulamalar) ---------- Sıcak kahve/altın koyu tema -> SOL MENÜ (eren) ile aynı nötr koyu + mor. Bu hex'ler yalnızca asistan görünümünde kullanılıyor (güvenli). */ /* en koyu zemin zaten nötr (#0a0a0f) — menüyle uyumlu, dokunmuyoruz */ [class*="bg-[#0a0807]"], [class*="bg-[#0c0806]"], [class*="bg-[#120e0c]"], [class*="bg-[#15100c]"], [class*="bg-[#15120f]"], [class*="bg-[#1a120c]"]{ background-color:#0f0f14 !important; } [class*="bg-[#1a1410]"], [class*="bg-[#1f1610]"], [class*="bg-[#211a14]"], [class*="bg-[#261d16]"]{ background-color:#1a1a24 !important; } [class*="bg-[#2a1d13]"], [class*="bg-[#2d1c10]"], [class*="bg-[#2d241c]"], [class*="bg-[#322316]"]{ background-color:#2a2a3a !important; } /* altın/turuncu vurgular -> menüdeki mor/indigo */ [class*="bg-[#d4af37]"], [class*="bg-[#d97736]"]{ background-color:#8b5cf6 !important; } [class*="bg-[#a65620]"]{ background-color:#7c3aed !important; } [class*="text-[#d97736"], [class*="text-[#d4af37"]{ color:#a78bfa !important; } [class*="border-[#2d241c"], [class*="border-[#322316"], [class*="border-[#2a1d13"], [class*="border-[#d4af37"], [class*="border-[#d97736"]{ border-color:rgba(139,92,246,.30) !important; } /* aktif/seçili sekme (altın) -> menü moru */ main [class*="bg-[#4f46e5]"]{ background-color:#7c3aed !important; } /* sıcak gradyanlar -> nötr koyu (menü hissi) */ [class*="from-[#2a1d13]"], [class*="from-[#1a1410]"], [class*="from-[#2d241c]"], [class*="from-[#211a14]"], [class*="from-[#322316]"]{ background-image:linear-gradient(135deg,#1c1c28 0%,#0f0f14 100%) !important; } /* focus/hover halkaları altın -> mor */ [class*="ring-[#d4af37]"], [class*="ring-[#d97736]"]{ --tw-ring-color:#8b5cf6 !important; } /* Asistan görünümü sağ paneli / uygulama zemini: beyaz -> yumuşak mavi-mor gradyan NOT: tema toggle'ından bağımsız — karşılama ekranları her modda beyaz OLMAZ. */ [class*="min-h-screen"][class*="bg-white"]{ background:linear-gradient(150deg,#eceffe 0%,#f0eafd 48%,#f6f0ff 100%) !important; } /* Asistan/karşılama görünümü açıkken zemin KOYU olsun (aydınlık/parlak olmasın) */ body.__mor_on_asistan__ [class*="min-h-screen"][class*="bg-white"]{ background:linear-gradient(150deg,#12101f 0%,#191231 52%,#0e0b1a 100%) !important; } /* ===== DEKORATİF GLOW / BLOB / SHEEN KATMANLARINI TAMAMEN KALDIR ===== Karşılama ekranındaki parlak beyazımsı glow — KOŞULSUZ (timing/tema'dan bağımsız). Radyal gradyanlar, TÜM bulanık blob'lar (blur-[150px]/[80px]/xl/2xl/3xl) ve beyaz shimmer. */ [class*="bg-[radial-gradient"]{ background-image:none !important; } [class*="rounded-full"][class*="blur-["], [class*="rounded-full"][class*="blur-xl"], [class*="rounded-full"][class*="blur-2xl"], [class*="rounded-full"][class*="blur-3xl"], [class*="blur-[80px]"], [class*="blur-[150px]"], [class*="via-white/"]{ opacity:0 !important; background:transparent !important; background-image:none !important; } /* ================= GENEL BAKIŞ — DASHBOARD PANELİ ================= */ .__mor_dash__{ margin:0 0 22px; font-family:inherit; } .__mor_dash_pills__{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:16px; } .__mor_pill__{ border-radius:16px; padding:16px 18px; color:#fff; box-shadow:0 12px 30px -12px rgba(76,29,149,.5); background:linear-gradient(135deg,#7c3aed,#6d28d9); } .__mor_pill__.p2{ background:linear-gradient(135deg,#8b5cf6,#7c3aed); } .__mor_pill__.p3{ background:linear-gradient(135deg,#6366f1,#7c3aed); } .__mor_pill__.p4{ background:linear-gradient(135deg,#a78bfa,#8b5cf6); } .__mor_pl__{ font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; opacity:.85; } .__mor_pv__{ font-size:26px; font-weight:800; margin-top:6px; line-height:1; } .__mor_pv__ small{ font-size:12px; font-weight:600; opacity:.8; } .__mor_dash_grid__{ display:grid; grid-template-columns:1fr 1.15fr; gap:14px; } .__mor_card__{ background:#fff; border:1px solid rgba(124,58,237,.14); border-radius:18px; padding:18px 20px; box-shadow:0 14px 36px -14px rgba(76,29,149,.28), 0 3px 8px -3px rgba(76,29,149,.14); } .__mor_ct__{ font-size:13px; font-weight:800; color:#4c1d95; letter-spacing:.02em; margin-bottom:14px; } .__mor_donut__{ display:flex; align-items:center; gap:18px; } .__mor_lgs__{ display:flex; flex-direction:column; gap:8px; } .__mor_lg__{ font-size:12.5px; color:#4b3b66; display:flex; align-items:center; gap:8px; font-weight:500; } .__mor_lg__ b{ margin-left:auto; color:#6d28d9; } .__mor_dot__{ width:10px; height:10px; border-radius:50%; display:inline-block; } .__mor_bars__{ display:flex; flex-direction:column; gap:11px; } .__mor_bar__{ display:flex; align-items:center; gap:10px; } .__mor_bl__{ flex:0 0 132px; font-size:12px; color:#4b3b66; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .__mor_bt__{ flex:1; height:9px; border-radius:999px; background:rgba(124,58,237,.10); overflow:hidden; } .__mor_bf__{ display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,#a78bfa,#7c3aed); box-shadow:0 0 8px -1px rgba(124,58,237,.5); } .__mor_bv__{ flex:0 0 auto; font-size:12px; font-weight:800; color:#6d28d9; } @media (max-width:1100px){ .__mor_dash_pills__{ grid-template-columns:repeat(2,1fr); } .__mor_dash_grid__{ grid-template-columns:1fr; } } /* ===== PREMIUM KULLANIM REHBERİ MODALI ===== */ #__mor_guide__{ position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; background:rgba(23,15,44,.6); backdrop-filter:blur(5px); animation:__mor_fade__ .18s ease-out; } #__mor_guide__ .box{ position:relative; width:min(500px,92vw); max-height:90vh; overflow:auto; background:linear-gradient(165deg,#ffffff,#f5f1ff); border:1px solid rgba(124,58,237,.22); border-radius:20px; padding:26px; color:#3b2b5c; box-shadow:0 40px 90px -25px rgba(76,29,149,.5); animation:__mor_pop__ .2s ease-out; } #__mor_guide__ .x{ position:absolute; top:10px; right:14px; background:transparent; border:0; color:#8b7aa8; font-size:24px; cursor:pointer; } #__mor_guide__ .pp{ display:inline-block; font-size:10px; font-weight:800; letter-spacing:.06em; color:#6d28d9; background:rgba(124,58,237,.12); padding:3px 12px; border-radius:999px; margin-bottom:10px; } #__mor_guide__ h3{ margin:0 0 8px; font-size:20px; font-weight:800; color:#2e1065; } #__mor_guide__ .sub{ margin:0 0 14px; font-size:13px; color:#5b4b7c; } #__mor_guide__ ul{ margin:0 0 18px; padding-left:18px; display:flex; flex-direction:column; gap:9px; } #__mor_guide__ li{ font-size:13px; line-height:1.5; color:#4b3b66; } #__mor_guide__ li b{ color:#6d28d9; } #__mor_guide__ .ok{ width:100%; border:0; cursor:pointer; background:linear-gradient(135deg,#7c3aed,#8b5cf6); color:#fff; font-weight:700; font-size:14px; padding:11px; border-radius:12px; box-shadow:0 8px 20px -6px rgba(124,58,237,.6); } /* zengin rehber: modül kartları + indirme/yükleme */ #__mor_guide__ .gcount{ display:inline-block; font-size:11px; font-weight:700; color:#6d28d9; background:rgba(124,58,237,.1); padding:3px 10px; border-radius:8px; margin-bottom:14px; } #__mor_guide__ .gmods{ display:flex; flex-direction:column; gap:12px; } #__mor_guide__ .gm{ text-align:left; border:1px solid rgba(124,58,237,.16); border-radius:14px; padding:14px 16px; background:linear-gradient(180deg,#faf8ff,#f3eeff); } #__mor_guide__ .gmh{ display:flex; align-items:center; gap:10px; margin-bottom:7px; } #__mor_guide__ .gi{ width:22px; height:22px; border-radius:7px; background:linear-gradient(135deg,#7c3aed,#a78bfa); color:#fff; font-size:12px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0; } #__mor_guide__ .gmh b{ font-size:14px; color:#2e1065; font-weight:800; } #__mor_guide__ .gm p{ font-size:12.5px; line-height:1.5; color:#4b3b66; margin:0 0 8px; } #__mor_guide__ .gm p b{ color:#6d28d9; } #__mor_guide__ .gp{ font-size:11.5px; color:#5b4b7c; margin-bottom:6px; } #__mor_guide__ .gp span{ display:block; font-weight:700; color:#6d28d9; font-size:10px; text-transform:uppercase; letter-spacing:.04em; margin-bottom:2px; } #__mor_guide__ .ge{ font-size:11.5px; color:#5b4b7c; background:rgba(124,58,237,.05); border-radius:8px; padding:8px 10px; } #__mor_guide__ .ge b{ color:#6d28d9; } #__mor_guide__ .gdl{ text-align:left; margin-top:18px; border-top:1px solid rgba(124,58,237,.14); padding-top:16px; } #__mor_guide__ .gdlt{ font-size:14px; font-weight:800; color:#2e1065; margin-bottom:6px; } #__mor_guide__ .gdl p{ font-size:12px; color:#5b4b7c; margin:0 0 12px; } #__mor_guide__ .gdlb{ display:flex; gap:10px; } #__mor_guide__ .gdlb .dl, #__mor_guide__ .gdlb .up{ flex:1; text-align:center; cursor:pointer; padding:11px; border-radius:12px; font-weight:700; font-size:13px; text-decoration:none; border:0; } #__mor_guide__ .gdlb .dl{ background:linear-gradient(135deg,#7c3aed,#8b5cf6); color:#fff; box-shadow:0 8px 20px -6px rgba(124,58,237,.6); } #__mor_guide__ .gdlb .up{ background:rgba(124,58,237,.1); color:#6d28d9; border:1px solid rgba(124,58,237,.3) !important; } /* ===== MORTANAS PREMIUM PROMO MODALI ===== */ #__mor_promo__{ position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; background:rgba(23,15,44,.62); backdrop-filter:blur(5px); animation:__mor_fade__ .18s ease-out; } #__mor_promo__ .box{ position:relative; width:min(500px,92vw); max-height:92vh; overflow:auto; background:linear-gradient(165deg,#1b1230 0%,#241a3f 100%); border:1px solid rgba(167,139,250,.4); border-radius:22px; padding:30px 28px; text-align:center; color:#e9e2ff; box-shadow:0 40px 90px -25px rgba(76,29,149,.7); animation:__mor_pop__ .2s ease-out; } #__mor_promo__ .x{ position:absolute; top:10px; right:15px; background:transparent; border:0; color:#b8a6e0; font-size:24px; cursor:pointer; line-height:1; } #__mor_promo__ .pp{ display:inline-block; font-size:10px; font-weight:800; letter-spacing:.08em; color:#fff; background:linear-gradient(135deg,#7c3aed,#a78bfa); padding:3px 12px; border-radius:999px; margin-bottom:12px; } #__mor_promo__ h3{ margin:0 0 10px; font-size:24px; font-weight:800; color:#fff; } #__mor_promo__ .sub{ margin:0 0 18px; font-size:13.5px; line-height:1.6; color:#c6bce6; } #__mor_promo__ .sub b{ color:#c4b5fd; } #__mor_promo__ .video{ margin-bottom:18px; } #__mor_promo__ .vph{ aspect-ratio:16/9; border-radius:14px; border:1px dashed rgba(167,139,250,.45); background:rgba(139,92,246,.08); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:#b8a6e0; font-size:12.5px; } #__mor_promo__ .play{ width:52px; height:52px; border-radius:50%; background:linear-gradient(135deg,#7c3aed,#a78bfa); display:flex; align-items:center; justify-content:center; font-size:20px; color:#fff; box-shadow:0 10px 24px -6px rgba(124,58,237,.7); } #__mor_promo__ .vnote{ font-size:11px; color:#9d8fc4; margin-top:8px; } #__mor_promo__ .vnote code{ background:rgba(139,92,246,.18); padding:1px 5px; border-radius:5px; } #__mor_promo__ .price{ background:rgba(139,92,246,.10); border:1px solid rgba(139,92,246,.22); border-radius:14px; padding:14px; margin-bottom:18px; } #__mor_promo__ .pv{ font-size:30px; font-weight:800; color:#fff; } #__mor_promo__ .pv small{ font-size:14px; font-weight:600; color:#b8a6e0; } #__mor_promo__ .pn{ font-size:12px; color:#b8a6e0; margin-top:2px; } #__mor_promo__ .acts{ display:flex; gap:10px; } #__mor_promo__ .acts button{ flex:1; border:0; cursor:pointer; padding:12px; border-radius:12px; font-weight:700; font-size:13px; } #__mor_promo__ .demo{ background:rgba(255,255,255,.08); color:#e9e2ff; border:1px solid rgba(167,139,250,.35) !important; } #__mor_promo__ .sub2{ background:linear-gradient(135deg,#7c3aed,#8b5cf6); color:#fff; box-shadow:0 8px 20px -6px rgba(124,58,237,.6); } /* ===== VIP SAYFASI — üst üste binmeleri gider + sığdır ===== */ .__mor_vip_root__{ overflow-y:auto !important; height:auto !important; min-height:100vh !important; max-height:100vh !important; } /* "En Çok Tercih Edilen" rozeti kartın üstünden taşıp başlığa biniyor -> paket ızgarasına üst boşluk */ body.__mor_on_vip__ [class*="grid-cols-3"]{ margin-top:30px !important; padding-top:4px !important; } /* başlık üstteki turuncu header'a yapışmasın (hafif ayrım) */ body.__mor_on_vip__ [class*="py-8"]{ padding-top:1.1rem !important; padding-bottom:1.1rem !important; } body.__mor_on_vip__ [class*="gap-8"]{ gap:1rem !important; } /* kredi paketleri ızgarası da rozet/başlık için hafif boşluk */ body.__mor_on_vip__ [class*="grid-cols-4"]{ margin-top:10px !important; } /* ===== ARŞİV — boş durumu yumuşat/güzelleştir ===== */ body.__mor_on_arsiv__ [class*="border-dashed"]{ border-color:rgba(139,92,246,.28) !important; border-radius:18px !important; background:linear-gradient(180deg,rgba(139,92,246,.05),rgba(139,92,246,.01)) !important; } /* ===== KAPALI (DAR) MENÜ — ikonlar dolu & büyük, ekstralar gizli ===== */ aside[class*="w-16"] .__mor_free__, aside[class*="w-16"] .__mor_pplus__{ display:none !important; } aside[class*="w-16"] .__maint_item__::after{ display:none !important; } /* Bağış/VIP ve Akışlar/Haber Masası satırları: dikey, tam ikon */ aside[class*="w-16"] .__mor_btnrow__{ flex-direction:column !important; gap:8px !important; padding:8px 6px !important; } aside[class*="w-16"] .__mor_btnrow__ > *{ padding:10px 0 !important; } /* menü ikonlarını büyüt + ortala */ aside[class*="w-16"] nav a, aside[class*="w-16"] nav button{ justify-content:center !important; } aside[class*="w-16"] nav svg{ width:22px !important; height:22px !important; } aside[class*="w-16"] .__mor_mj__{ padding:10px 0 !important; } /* dar menüde taşan etiketleri gizle (klon öğeleri dahil) */ aside[class*="w-16"] nav button > span:not(:has(svg)), aside[class*="w-16"] nav a > span:not(:has(svg)){ display:none !important; } /* ===== PREMIUM KULLANIM REHBERİ SEKMESİ — belirgin/farklı renk ===== */ .__mor_premguide__{ background:linear-gradient(135deg, rgba(124,58,237,.22), rgba(167,139,250,.08)) !important; border:1px solid rgba(167,139,250,.5) !important; border-radius:10px !important; box-shadow:0 2px 10px -3px rgba(124,58,237,.4) !important; } .__mor_premguide__ *{ color:#c4b5fd !important; font-weight:700 !important; } .__mor_premguide__ svg{ color:#a78bfa !important; } /* Asistan fonksiyon listesi: tüm öğeler kaymadan sığsın + son öğe altına boşluk */ .__mor_fnlist__{ padding-bottom:10px !important; } .__mor_fnlist__ > button{ padding-top:3px !important; padding-bottom:3px !important; } .__mor_fnlist__ > button svg{ width:15px !important; height:15px !important; } /* ===== HABER OTOMASYONU + GÜNDEM RAPORU + BİRİMLER + ANALİTİK — içerik alanında normal sekme gibi (iframe) ===== */ #__mor_sablon_frame__, #__mor_auto_frame__, #__mor_rapor_frame__, #__mor_ekip_frame__, #__mor_analitik_frame__, #__mor_vip_frame__, #__mor_asistan_frame__{ position:fixed; top:0; right:0; bottom:0; height:100vh; border:0; z-index:36; background:#f2e9d2; display:none; } #__mor_komut_frame__{ position:fixed; top:0; right:0; bottom:0; height:100vh; border:0; z-index:35; background:#f2e9d2; display:none; } .__mor_auto_tab__[data-mor-active], .__mor_rapor_tab__[data-mor-active], .__mor_ekip_tab__[data-mor-active], .__mor_analitik_tab__[data-mor-active], .__mor_mj__[data-mor-active]{ background:linear-gradient(135deg,rgba(124,58,237,.30),rgba(167,139,250,.12)) !important; border-radius:8px !important; } .__mor_auto_tab__[data-mor-active] *, .__mor_rapor_tab__[data-mor-active] *, .__mor_ekip_tab__[data-mor-active] *, .__mor_analitik_tab__[data-mor-active] *{ color:#fff !important; } /* ===== ASİSTAN FORM ALANLARI — çerçeve boyutu aynı, iç görünüm güzelleşir ===== */ textarea, input[type="text"], input[type="email"], input[type="search"], input:not([type]), select{ border-radius:12px !important; border:1px solid rgba(139,92,246,.30) !important; transition:border-color .15s ease, box-shadow .15s ease, background-color .15s ease !important; } textarea:hover, input[type="text"]:hover, input:not([type]):hover, select:hover{ border-color:rgba(139,92,246,.5) !important; } textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input:not([type]):focus, select:focus{ border-color:#8b5cf6 !important; box-shadow:0 0 0 3px rgba(139,92,246,.22) !important; outline:none !important; } /* Asistan içi opsiyon/aksiyon düğmeleri: yumuşak köşe + ince mor kenar + hover */ main button[class*="rounded"]{ transition:transform .12s ease, box-shadow .15s ease, border-color .15s ease !important; } main button[class*="border"]:hover{ border-color:rgba(139,92,246,.55) !important; box-shadow:0 4px 14px -6px rgba(124,58,237,.45) !important; } /* ---------- TAŞINAN / GİZLENEN ÖĞELER ---------- */ .__mor_hidden__{ display:none !important; } /* ---------- BAKIM ROZETİ (5 asistan) ---------- */ .__maint_item__{ position:relative; opacity:.72; } .__maint_item__::after{ content:"🔧"; position:absolute; top:50%; right:8px; transform:translateY(-50%); font-size:11px; opacity:.9; pointer-events:none; } /* ---------- BAKIM MODALI ---------- */ #__maint_modal__{ position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; background:rgba(23,15,44,.55); backdrop-filter:blur(4px); animation:__mor_fade__ .18s ease-out; } @keyframes __mor_fade__{ from{opacity:0} to{opacity:1} } #__maint_modal__ .box{ width:min(420px,90vw); background:linear-gradient(160deg,#ffffff 0%,#f6f1ff 100%); border:1px solid rgba(124,58,237,.25); border-radius:20px; box-shadow:0 30px 70px -20px rgba(76,29,149,.55); padding:28px 26px; text-align:center; transform:translateY(6px) scale(.98); animation:__mor_pop__ .2s ease-out forwards; } @keyframes __mor_pop__{ to{ transform:translateY(0) scale(1) } } #__maint_modal__ .ico{ width:64px; height:64px; margin:0 auto 14px; border-radius:50%; background:linear-gradient(135deg,#7c3aed,#a78bfa); display:flex; align-items:center; justify-content:center; font-size:30px; box-shadow:0 10px 24px -6px rgba(124,58,237,.6); } #__maint_modal__ h3{ margin:0 0 8px; font-size:19px; font-weight:700; color:#2e1065; } #__maint_modal__ p{ margin:0 0 20px; font-size:14px; line-height:1.55; color:#5b4b7c; } #__maint_modal__ p b{ color:#6d28d9; } #__maint_modal__ button.ok{ border:0; cursor:pointer; background:linear-gradient(135deg,#7c3aed,#8b5cf6); color:#fff; font-weight:600; font-size:14px; padding:11px 26px; border-radius:12px; box-shadow:0 8px 20px -6px rgba(124,58,237,.6); transition:transform .12s ease, box-shadow .12s ease; } #__maint_modal__ button.ok:hover{ transform:translateY(-1px); box-shadow:0 12px 26px -6px rgba(124,58,237,.7); }