:root { --jega-primary: #2563eb; --jega-primary-deep: #1d4ed8; --jega-primary-light: #60a5fa; --jega-charcoal: #0f1a2e; --jega-ink: #1b2233; } /* ======================================================= GIRIS (LOGIN) SAYFASI - acik, faturet (low-poly) buzlu-cam dokusu + beyaz cam efektli (glassmorphism) giris karti. Panelin acik/koyu tema tercihinden bagimsiz, sabit marka kimligi olarak uygulanir. ======================================================= */ body:has(form[wire\:submit="authenticate"]), body:has(form[wire\:submit="register"]) { position: relative; min-height: 100vh; /* Fuar Secimi ekraninda kullandigimiz ayni gorsel dil (koselerde mavi aksan sekilleri + ince cizgiler + silik fuar sahnesi) - bkz. public/images/auth-fon.svg. Eskiden burada ayri bir "low-poly" desen kullaniliyordu, artik marka genelinde tutarlilik icin ayni SVG dili kullaniliyor. */ background: radial-gradient(circle at 22% 15%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 45%), radial-gradient(circle at 85% 82%, rgba(219, 232, 250, 0.85) 0%, rgba(219, 232, 250, 0) 48%), url("/images/auth-fon.svg"); background-size: cover; background-position: center; background-color: #eef4fc; overflow: hidden; } body:has(form[wire\:submit="authenticate"]) main, body:has(form[wire\:submit="register"]) main { position: relative; z-index: 1; background: rgba(255, 255, 255, 0.82) !important; backdrop-filter: blur(22px) saturate(140%); -webkit-backdrop-filter: blur(22px) saturate(140%); border: 1px solid rgba(15, 23, 42, 0.06) !important; border-radius: 1.25rem !important; box-shadow: 0 30px 60px -22px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(15, 23, 42, 0.02) !important; } body:has(form[wire\:submit="authenticate"]) main h2, body:has(form[wire\:submit="register"]) main h2 { color: var(--jega-ink) !important; font-weight: 800 !important; } body:has(form[wire\:submit="authenticate"]) main label, body:has(form[wire\:submit="register"]) main label { color: #4b5563 !important; } body:has(form[wire\:submit="authenticate"]) main .fi-fo-field-wrp input, body:has(form[wire\:submit="register"]) main .fi-fo-field-wrp input { background: rgba(15, 23, 42, 0.03) !important; border-color: rgba(15, 23, 42, 0.12) !important; color: var(--jega-ink) !important; } body:has(form[wire\:submit="authenticate"]) main .fi-fo-field-wrp input::placeholder, body:has(form[wire\:submit="register"]) main .fi-fo-field-wrp input::placeholder { color: #9ca3af !important; } body:has(form[wire\:submit="authenticate"]) main .fi-fo-field-wrp, body:has(form[wire\:submit="register"]) main .fi-fo-field-wrp { background: transparent !important; } .jega-login-divider { width: 56px; height: 4px; border-radius: 999px; background: linear-gradient(90deg, var(--jega-primary), var(--jega-primary-deep)); margin: 0.35rem auto 1.75rem auto; } .jega-login-footer { position: relative; z-index: 2; text-align: center; font-size: 0.75rem; color: #6b7280; margin-top: 1.5rem; } .fi-logo { filter: drop-shadow(0 4px 10px rgba(15, 23, 42, 0.12)); } body:has(form[wire\:submit="authenticate"]) main input:focus, body:has(form[wire\:submit="register"]) main input:focus { border-color: var(--jega-primary) !important; --tw-ring-color: var(--jega-primary) !important; } /* "Beni hatırla" varsayilan olarak isaretli geliyor (bkz. App\Filament\Auth\Login::getRememberFormComponent) ama bu ortamda derlenmis Filament CSS'i checkbox'in "isaretli" gorunumunu (tik isareti) tetiklemiyor - checkbox islevsel olarak isaretli olsa da gozle gorunmuyordu. Isaretliyken acikca mavi zemin + beyaz tik gostererek bunu garantiye aliyoruz. */ body:has(form[wire\:submit="authenticate"]) input[type="checkbox"]:checked { appearance: none !important; -webkit-appearance: none !important; background-color: var(--jega-primary) !important; border-color: var(--jega-primary) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M13.28 4.97a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 1 1 1.06-1.06l1.97 1.97 4.97-4.97a.75.75 0 0 1 1.06 0Z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 75% 75% !important; } body:has(form[wire\:submit="authenticate"]) main form button[type="submit"], body:has(form[wire\:submit="register"]) main form button[type="submit"] { border-radius: 0.75rem !important; background: linear-gradient(90deg, var(--jega-primary), var(--jega-primary-deep)) !important; box-shadow: 0 12px 24px -10px rgba(29, 78, 216, 0.35) !important; transition: transform 0.15s ease, box-shadow 0.15s ease; } body:has(form[wire\:submit="authenticate"]) main form button[type="submit"]:hover, body:has(form[wire\:submit="register"]) main form button[type="submit"]:hover { transform: translateY(-1px); } body:has(form[wire\:submit="authenticate"]) main form button[type="submit"]::after, body:has(form[wire\:submit="register"]) main form button[type="submit"]::after { content: "→"; margin-inline-start: 0.5rem; } /* "Giriş yap" butonu + altindaki "Kayıt olun" aksiyonu varsayilan olarak Filament'in "fullWidth" grid'inde ("auto-fit" sutunlar) yan yana diziliyordu; tek sutuna zorlayarak kayit aksiyonunu giris butonunun ALTINA aliyoruz (kullanicinin acik istegi). */ body:has(form[wire\:submit="authenticate"]) .fi-form-actions .fi-ac { grid-template-columns: 1fr !important; gap: 0.65rem !important; } /* ======================================================= PANELIN GERI KALANI - sadece guvenli, dusuk riskli dokunuslar (sidebar varsayilan Filament temasinda kaliyor - okunabilirlik icin) ======================================================= */ .fi-section { border-radius: 1rem !important; box-shadow: 0 1px 2px rgba(15, 18, 24, 0.04), 0 8px 20px -12px rgba(15, 18, 24, 0.12) !important; } /* ======================================================= PANEL ARKA PLANI (acik tema) - Giris sayfasindakiyle ayni ailede, cok daha yumusak/soluk bir buzlu-cam dokusu. Sidebar ve kartlar (.fi-sidebar, .fi-section vb.) opak beyaz kaldigi icin okunabilirligi etkilemiyor; sadece aralardaki bosluklarda ince bir doku hissi katiyor. Koyu modda (.dark .fi-body, asagida) devre disi birakiliyor. ======================================================= */ .fi-body { background-color: #f3f7fd; background-image: linear-gradient(rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.78)), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAwIDkwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiPgo8cmVjdCB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9IiNlZWY0ZmMiLz4KPHBvbHlnb24gcG9pbnRzPSIxMDMzLDc3IDExMDQsMTAxIDExNjIsMTkzIDEwNjMsMjQ5IDkzMSwxNjQiIGZpbGw9IiNmZmZmZmYiIHN0cm9rZT0iI2E5YzNlOCIgc3Ryb2tlLW9wYWNpdHk9IjAuNSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBvbHlnb24gcG9pbnRzPSIyMzYsNTQxIDQ2OCw2NjggMzczLDc5MCA5MCw2OTYiIGZpbGw9IiNlYWYyZmQiIHN0cm9rZT0iI2E5YzNlOCIgc3Ryb2tlLW9wYWNpdHk9IjAuNSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBvbHlnb24gcG9pbnRzPSIxNDU4LDY0MCAxNTI4LDc4MSAxNDY1LDg1NSAxMzYyLDkxMSAxMjc1LDg4MSAxMTg2LDc4MCAxMjg4LDY3OSIgZmlsbD0iI2RiZThmYSIgc3Ryb2tlPSIjYTljM2U4IiBzdHJva2Utb3BhY2l0eT0iMC41IiBzdHJva2Utd2lkdGg9IjEiLz48cG9seWdvbiBwb2ludHM9IjcxLDM2OCAyOTYsMTA0IDQzOCw0MzUgMjUxLDYzMCIgZmlsbD0iI2YyZjdmZCIgc3Ryb2tlPSIjYTljM2U4IiBzdHJva2Utb3BhY2l0eT0iMC41IiBzdHJva2Utd2lkdGg9IjEiLz48cG9seWdvbiBwb2ludHM9IjE5Niw3ODAgMTkxLDkyMCAxOCwxMDk5IC00OSwxMDIyIC0xOTcsODc2IC0xMDUsNzM3IDMyLDcxNiIgZmlsbD0iI2NmZTBmNyIgc3Ryb2tlPSIjYTljM2U4IiBzdHJva2Utb3BhY2l0eT0iMC41IiBzdHJva2Utd2lkdGg9IjEiLz48cG9seWdvbiBwb2ludHM9IjE2MTgsMTQ1IDE3NjMsMTQ0IDE3NjIsMzk3IDE1MzAsMzQ2IiBmaWxsPSIjZTRlZWZiIiBzdHJva2U9IiNhOWMzZTgiIHN0cm9rZS1vcGFjaXR5PSIwLjUiIHN0cm9rZS13aWR0aD0iMSIvPjxwb2x5Z29uIHBvaW50cz0iNTQsODk4IC0xNzgsOTkzIC0yMzMsODc4IC0yNzgsNjg2IC0xOSw2NTcgMTAzLDc0NiIgZmlsbD0iI2ZmZmZmZiIgc3Ryb2tlPSIjYTljM2U4IiBzdHJva2Utb3BhY2l0eT0iMC41IiBzdHJva2Utd2lkdGg9IjEiLz48cG9seWdvbiBwb2ludHM9IjM1Niw5MDcgMTMyLDk1OSAtMTgsODYzIDIxOCw3MzIiIGZpbGw9IiNlYWYyZmQiIHN0cm9rZT0iI2E5YzNlOCIgc3Ryb2tlLW9wYWNpdHk9IjAuNSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBvbHlnb24gcG9pbnRzPSI5MzcsMTAwIDkxMSw0MDUgNjA2LDMzOSA1NzgsMTEyIDc1NywtMTAiIGZpbGw9IiNkYmU4ZmEiIHN0cm9rZT0iI2E5YzNlOCIgc3Ryb2tlLW9wYWNpdHk9IjAuNSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBvbHlnb24gcG9pbnRzPSI3MjEsOTgzIDY0OSwxMTAxIDUwMiwxMDI3IDQ2MSw5MDIgNjI1LDg1MSIgZmlsbD0iI2YyZjdmZCIgc3Ryb2tlPSIjYTljM2U4IiBzdHJva2Utb3BhY2l0eT0iMC41IiBzdHJva2Utd2lkdGg9IjEiLz48cG9seWdvbiBwb2ludHM9Ijc5NSw1MDEgOTM0LDU2OSA5NTEsNzQxIDc2OSw4NzEgNjg1LDc3MSA1NDcsNjIwIDY4Myw1MjAiIGZpbGw9IiNjZmUwZjciIHN0cm9rZT0iI2E5YzNlOCIgc3Ryb2tlLW9wYWNpdHk9IjAuNSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBvbHlnb24gcG9pbnRzPSI1ODgsNTM3IDU3OSw0MzAgODE5LDQxMiA4MzIsNTk2IDczNiw2MzMiIGZpbGw9IiNlNGVlZmIiIHN0cm9rZT0iI2E5YzNlOCIgc3Ryb2tlLW9wYWNpdHk9IjAuNSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBvbHlnb24gcG9pbnRzPSIyNjIsNTgxIDE5NCw1NjggMjEzLDQ1MCAyNzEsNDM5IDMzMSwzOTkgMzcyLDQ5NSAzMjAsNTQ5IiBmaWxsPSIjZmZmZmZmIiBzdHJva2U9IiNhOWMzZTgiIHN0cm9rZS1vcGFjaXR5PSIwLjUiIHN0cm9rZS13aWR0aD0iMSIvPjxwb2x5Z29uIHBvaW50cz0iMTE1NSw2NTkgOTA0LDc1MCA3MTMsNjg2IDgzMSw0MTkgMTA5OCw0NzciIGZpbGw9IiNlYWYyZmQiIHN0cm9rZT0iI2E5YzNlOCIgc3Ryb2tlLW9wYWNpdHk9IjAuNSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBvbHlnb24gcG9pbnRzPSI5ODMsODQ4IDc5MCw3MDMgODc1LDQ4NyAxMDk1LDM2NyAxMDc2LDY5MSIgZmlsbD0iI2RiZThmYSIgc3Ryb2tlPSIjYTljM2U4IiBzdHJva2Utb3BhY2l0eT0iMC41IiBzdHJva2Utd2lkdGg9IjEiLz48cG9seWdvbiBwb2ludHM9IjM3MSw2MDMgMzYsNTE2IDIyMCwyNTYgNDUyLDMxMCIgZmlsbD0iI2YyZjdmZCIgc3Ryb2tlPSIjYTljM2U4IiBzdHJva2Utb3BhY2l0eT0iMC41IiBzdHJva2Utd2lkdGg9IjEiLz48cG9seWdvbiBwb2ludHM9IjExNDUsMTA1MSAxMDExLDEwNjMgMTA1OSw5MDQgMTE4NCw5MTAiIGZpbGw9IiNjZmUwZjciIHN0cm9rZT0iI2E5YzNlOCIgc3Ryb2tlLW9wYWNpdHk9IjAuNSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBvbHlnb24gcG9pbnRzPSI1Niw4NTAgLTE2OCw4NzQgLTEwMiw2MDcgMTkwLDYxNSIgZmlsbD0iI2U0ZWVmYiIgc3Ryb2tlPSIjYTljM2U4IiBzdHJva2Utb3BhY2l0eT0iMC41IiBzdHJva2Utd2lkdGg9IjEiLz48cG9seWdvbiBwb2ludHM9Ijc3LDI5NiA4LDEyMiAxMjIsNzEgMjc0LDU0IDI0MiwyNjUiIGZpbGw9IiNmZmZmZmYiIHN0cm9rZT0iI2E5YzNlOCIgc3Ryb2tlLW9wYWNpdHk9IjAuNSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBvbHlnb24gcG9pbnRzPSIxMTQxLDY0IDEyNzAsMzg1IDkxNyw1MjIgODQyLDI2MyA5NzksMTI5IiBmaWxsPSIjZWFmMmZkIiBzdHJva2U9IiNhOWMzZTgiIHN0cm9rZS1vcGFjaXR5PSIwLjUiIHN0cm9rZS13aWR0aD0iMSIvPjxwb2x5Z29uIHBvaW50cz0iMTQ3OCw4NDkgMTU1MCw4NjggMTU3NywxMDE4IDE1MDYsMTAzNSAxMzc5LDEwMzUgMTMyOCw5MDkgMTM2MSw4MjYiIGZpbGw9IiNkYmU4ZmEiIHN0cm9rZT0iI2E5YzNlOCIgc3Ryb2tlLW9wYWNpdHk9IjAuNSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBvbHlnb24gcG9pbnRzPSIxOTEsODk2IDMyNiwxMDAyIDIzMCwxMTEwIDE0NywxMDE2IiBmaWxsPSIjZjJmN2ZkIiBzdHJva2U9IiNhOWMzZTgiIHN0cm9rZS1vcGFjaXR5PSIwLjUiIHN0cm9rZS13aWR0aD0iMSIvPjxwb2x5Z29uIHBvaW50cz0iMTc2Miw2MTcgMTYzMyw3NDIgMTQyNyw3NDQgMTQyMSw1NjQgMTU4OCw0NDIiIGZpbGw9IiNjZmUwZjciIHN0cm9rZT0iI2E5YzNlOCIgc3Ryb2tlLW9wYWNpdHk9IjAuNSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBvbHlnb24gcG9pbnRzPSIxNDAsNzg1IDEwNiw2NzAgMjkyLDYzOSAzOTMsNzQ0IDI4Nyw4OTYiIGZpbGw9IiNlNGVlZmIiIHN0cm9rZT0iI2E5YzNlOCIgc3Ryb2tlLW9wYWNpdHk9IjAuNSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBvbHlnb24gcG9pbnRzPSIxNDI4LDcwMSAxNjM2LDY2MCAxNzU2LDc5NSAxODM0LDkxMiAxNTY4LDEwMDQgMTQyMSw4NzgiIGZpbGw9IiNmZmZmZmYiIHN0cm9rZT0iI2E5YzNlOCIgc3Ryb2tlLW9wYWNpdHk9IjAuNSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBvbHlnb24gcG9pbnRzPSI5MTIsNjI4IDEwNDQsNjc3IDEwODcsNzM4IDEwMjEsODg5IDkyMCw5NjIgODcyLDg2NiA4MDYsNzU4IiBmaWxsPSIjZWFmMmZkIiBzdHJva2U9IiNhOWMzZTgiIHN0cm9rZS1vcGFjaXR5PSIwLjUiIHN0cm9rZS13aWR0aD0iMSIvPgo8L3N2Zz4="); background-size: cover; background-position: center; background-attachment: fixed; } /* ======================================================= HOS GELDIN BANNERI (dashboard) ======================================================= */ .jega-banner { position: relative; overflow: hidden; border-radius: 1.15rem; padding: 2rem 2.25rem; background: linear-gradient(120deg, #ffffff 0%, #f3f8fe 55%, #dbe8fa 100%); color: var(--jega-ink); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem; box-shadow: 0 20px 40px -26px rgba(15, 23, 42, 0.22); border: 1px solid rgba(15, 23, 42, 0.05); } .jega-banner::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(37, 99, 235, 0.09) 1.2px, transparent 1.2px); background-size: 20px 20px; opacity: 0.7; pointer-events: none; } .jega-banner-eyebrow { text-transform: uppercase; letter-spacing: 0.09em; font-size: 0.7rem; font-weight: 600; color: var(--jega-primary-deep); margin: 0 0 0.4rem 0; position: relative; z-index: 1; } .jega-banner-title { font-size: 1.6rem; font-weight: 700; margin: 0 0 0.4rem 0; position: relative; z-index: 1; color: var(--jega-ink); } .jega-banner-subtitle { font-size: 0.9rem; color: #5b6472; margin: 0; position: relative; z-index: 1; } .dark .jega-banner { background: linear-gradient(120deg, var(--jega-charcoal) 0%, #16213b 55%, var(--jega-primary-deep) 100%); color: #fff; border-color: transparent; box-shadow: 0 20px 40px -18px rgba(15, 18, 24, 0.5); } .dark .jega-banner::before { background-image: radial-gradient(rgba(255, 255, 255, 0.06) 1.2px, transparent 1.2px); opacity: 0.6; } .dark .jega-banner-eyebrow { color: rgba(255, 255, 255, 0.65); } .dark .jega-banner-title { color: #fff; } .dark .jega-banner-subtitle { color: rgba(255, 255, 255, 0.78); } .jega-banner--with-fuar { padding-right: 13rem; } @media (max-width: 640px) { .jega-banner--with-fuar { padding-right: 2.25rem; } } .jega-banner-fuar-adi { display: flex; flex-direction: column; align-items: flex-end; text-align: right; padding: 0.7rem 1.1rem; background: rgba(37, 99, 235, 0.08); border: 1px solid rgba(37, 99, 235, 0.18); border-radius: 0.85rem; /* Bilincli olarak flex akisindan cikarilip sag-usta sabitleniyor ("adminde sag ustte fuar adi yazsin" istegi) — banner karti dar genislikte render edildiginde (bkz. .jega-banner'in gercek genisligi) flex "space-between" ile bu blok bir alt satira kayiyordu; mutlak konumlama bunu her genislikte sag-usta sabit tutar. */ position: absolute; top: 1.5rem; right: 1.75rem; z-index: 2; } @media (max-width: 640px) { .jega-banner-fuar-adi { position: static; align-items: flex-start; text-align: left; margin-top: 1rem; } } .jega-banner-fuar-etiket { font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.07em; color: var(--jega-primary-deep); font-weight: 600; } .jega-banner-fuar-ad { font-size: 1rem; font-weight: 700; color: var(--jega-ink); margin-top: 0.15rem; } .dark .jega-banner-fuar-adi { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.18); } .dark .jega-banner-fuar-etiket { color: rgba(255, 255, 255, 0.7); } .dark .jega-banner-fuar-ad { color: #fff; } .jega-banner-stats { display: flex; gap: 1.25rem; position: relative; z-index: 1; } .jega-stat { display: flex; flex-direction: column; align-items: center; min-width: 92px; padding: 0.85rem 1rem; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0.85rem; backdrop-filter: blur(4px); } .jega-stat-value { font-size: 1.85rem; font-weight: 700; line-height: 1; } .jega-stat-label { font-size: 0.68rem; color: rgba(255, 255, 255, 0.75); margin-top: 0.4rem; text-align: center; line-height: 1.3; } /* ======================================================= SIPARIS OZETI WIDGET'I (dashboard) ======================================================= */ .jega-siparis-toplam { display: flex; flex-direction: column; padding-bottom: 1rem; border-bottom: 1px solid rgba(20, 23, 31, 0.08); margin-bottom: 1rem; } .jega-siparis-toplam-deger { font-size: 1.65rem; font-weight: 800; color: var(--jega-ink); font-variant-numeric: tabular-nums; } .jega-siparis-toplam-etiket { font-size: 0.72rem; color: #6b7280; margin-top: 0.15rem; } .jega-tahsilat-ust { display: flex; justify-content: space-between; font-size: 0.78rem; font-weight: 600; color: var(--jega-ink); margin-bottom: 0.4rem; } .jega-tahsilat-bar { width: 100%; height: 0.55rem; border-radius: 999px; background: rgba(20, 23, 31, 0.08); overflow: hidden; } .jega-tahsilat-bar-dolu { height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--jega-primary), var(--jega-primary-deep)); transition: width 0.3s ease; } .jega-mini-bar-grafik { display: flex; align-items: flex-end; gap: 0.5rem; height: 70px; margin-top: 1.25rem; } .jega-mini-bar-sutun { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; } .jega-mini-bar { width: 100%; max-width: 22px; border-radius: 0.25rem 0.25rem 0 0; background: linear-gradient(180deg, var(--jega-primary), var(--jega-primary-deep)); opacity: 0.85; } .jega-mini-bar-etiket { font-size: 0.62rem; color: #9ca3af; margin-top: 0.35rem; text-transform: capitalize; } /* ======================================================= KATILIMCI TAMAMLAMA DURUMU WIDGET'I (dashboard) ======================================================= */ .jega-tamamlama-baslik { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; } .jega-tamamlama-alt { font-size: 0.78rem; color: #6b7280; margin-top: 0.15rem; } .jega-tamamlama-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0.85rem; } .jega-tamamlama-kart { border: 1px solid rgba(20, 23, 31, 0.08); border-radius: 0.85rem; padding: 0.85rem 1rem; } .jega-tamamlama-kart-ust { display: flex; align-items: center; gap: 0.4rem; font-size: 0.76rem; font-weight: 600; color: var(--jega-ink); margin-bottom: 0.55rem; } .jega-tamamlama-bar { width: 100%; height: 0.45rem; border-radius: 999px; background: rgba(20, 23, 31, 0.08); overflow: hidden; } .jega-tamamlama-bar-dolu { height: 100%; border-radius: 999px; background: linear-gradient(90deg, #f59e0b, var(--jega-primary)); transition: width 0.3s ease; } .jega-tamamlama-kart-alt { font-size: 0.7rem; color: #6b7280; margin-top: 0.4rem; } .jega-tamamlama-kart-alt b { color: var(--jega-ink); } /* ======================================================= KATILIMCI - FIRMA SECIMI KIMLIK SERIDI ("stant" degil, kisi + firma olarak karsilama) ======================================================= */ .jega-kimlik-banner { /* Artik jega-fuarsecimi-hero'nun (margin-bottom: 0) hemen altinda ikinci bir serit olarak render ediliyor, aralarina bosluk lazim. */ margin-top: 1.5rem; margin-bottom: 1.5rem; padding: 1.5rem 1.75rem; } .jega-kimlik-banner .jega-banner-title { font-size: 1.3rem; } /* ======================================================= FUAR SECIMI - KARSILAMA SERIDI, AKSIYON BUTONLARI ======================================================= */ .jega-fuarsecimi-hero { align-items: center; /* Temel .jega-banner "space-between" kullanıyor; burada sadece iki öğe (ikon + metin) olduğundan space-between bunları köşelere itip ortada büyük bir boşluk bırakıyordu. flex-start ile ikisi solda tek blok halinde durur, sağ taraf tamamen degrade + illüstrasyona ayrılır (referans tasarımdaki gibi). */ justify-content: flex-start; gap: 1.75rem; margin-bottom: 0; min-height: 190px; padding: 2.25rem 2.5rem; /* Kullanıcının paylaştığı referans fona benzer şekilde: açık modda neredeyse beyaza yakın, sade bir zemin — renk/doku ağırlığı köşelerdeki aksan şekillerinde ve sağdaki silik fuar sahnesinde (bkz. asagidaki ::after, public/images/fuar-hero-fon.svg). Gercek bir fotograf kullanilmiyor; tamami bu proje icin ozel cizilmis, telif riski tasimayan bir SVG. */ background: linear-gradient(135deg, #ffffff 0%, #f6f9ff 55%, #eaf1ff 100%); } .jega-fuarsecimi-hero::after { content: ""; position: absolute; inset: 0; background-image: url('/images/fuar-hero-fon.svg'); background-repeat: no-repeat; background-position: center; /* "cover" burada koseleri kirpip aksan sekillerini kesebiliyor; tam koseden kosaye germe (100% 100%) hem her genislikte 4 koseyi de gosteriyor hem de soyut/dekoratif bir doku oldugu icin hafif oran degisimi goze batmiyor. */ background-size: 100% 100%; pointer-events: none; } .dark .jega-fuarsecimi-hero { /* Koyu modda onceki, zaten onaylanmis olan koyu lacivert degrade + stant/isik illustrasyonu (fuar-hero-illustration.svg) korunuyor — yeni acik-mod fonu (fuar-hero-fon.svg) beyaz zemine gore tasarlandigi icin koyu zeminde kullanilmiyor. */ background: linear-gradient(100deg, var(--jega-charcoal) 0%, #182449 30%, #1f3a8f 62%, #0d1638 100%); } .dark .jega-fuarsecimi-hero::after { background-image: url('/images/fuar-hero-illustration.svg'); background-position: right -6px bottom -18px; background-size: 58% auto; opacity: 0.95; } @media (max-width: 900px) { .dark .jega-fuarsecimi-hero::after { opacity: 0.55; background-size: 75% auto; } } @media (max-width: 640px) { .jega-fuarsecimi-hero { padding: 1.75rem 1.5rem; min-height: 0; } .jega-fuarsecimi-hero::after { display: none; } } .jega-fuarsecimi-hero-icon { position: relative; z-index: 1; width: 4rem; height: 4rem; min-width: 4rem; border-radius: 9999px; background: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 14px 28px -12px rgba(37, 99, 235, 0.4); color: var(--jega-primary-deep); } .dark .jega-fuarsecimi-hero-icon { background: rgba(255, 255, 255, 0.12); color: #fff; } .jega-fuarsecimi-hero-metin { position: relative; z-index: 1; } .jega-fuarsecimi-hero-cizgi { width: 2.75rem; height: 4px; border-radius: 999px; background: var(--jega-primary); margin-top: 0.65rem; } .jega-fuarsecimi-aksiyonlar { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 0.75rem; margin: 1.5rem 0; } .jega-btn { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.6rem 1.15rem; border-radius: 0.65rem; font-size: 0.85rem; font-weight: 600; line-height: 1; white-space: nowrap; transition: background 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease; } .jega-btn-primary { background: var(--jega-primary); color: #fff; box-shadow: 0 10px 20px -10px rgba(37, 99, 235, 0.55); } .jega-btn-primary:hover { background: var(--jega-primary-deep); color: #fff; } .jega-btn-outline { background: #fff; color: var(--jega-ink); border: 1px solid rgba(20, 23, 31, 0.14); } .jega-btn-outline:hover { background: #f8fafc; } .dark .jega-btn-outline { background: #1a1e29; color: #f4f5f7; border-color: rgba(255, 255, 255, 0.14); } .dark .jega-btn-outline:hover { background: #20263a; } /* ======================================================= FUARLAR KART GORUNUMU (liste sayfasi) ======================================================= */ .jega-fuar-karti { position: relative; display: flex; flex-direction: row; align-items: stretch; gap: 1rem; border: 1px solid rgba(20, 23, 31, 0.08); border-radius: 1rem; padding: 1rem; background: #fff; transition: box-shadow 0.15s ease, transform 0.15s ease; } @media (max-width: 480px) { .jega-fuar-karti { flex-direction: column; } } .dark .jega-fuar-karti { background: #1a1e29; border-color: rgba(255, 255, 255, 0.08); } .dark .jega-fuar-karti-baslik { color: #f4f5f7; } .dark .jega-fuar-karti-mekan { color: #9aa1b1; } .dark .jega-fuar-karti-alt { border-top-color: rgba(255, 255, 255, 0.08); } .dark .jega-fuar-karti-katilimci { color: #f4f5f7; } .jega-fuar-karti:hover { box-shadow: 0 12px 28px -14px rgba(20, 23, 31, 0.25); transform: translateY(-2px); } .jega-fuar-karti-thumb { position: relative; width: 8.5rem; min-width: 8.5rem; border-radius: 0.85rem; background: linear-gradient(150deg, #1e3a8a 0%, #2563eb 55%, #3b82f6 100%); overflow: hidden; } @media (max-width: 480px) { .jega-fuar-karti-thumb { width: 100%; min-height: 4.5rem; } } .jega-fuar-karti-thumb::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255, 255, 255, 0.16) 1.4px, transparent 1.4px); background-size: 14px 14px; } .jega-fuar-karti-thumb-ikon { position: absolute; right: -0.6rem; bottom: -0.6rem; width: 4.5rem; height: 4.5rem; color: rgba(255, 255, 255, 0.18); } .jega-fuar-karti-content { display: flex; flex-direction: column; gap: 0.55rem; flex: 1; min-width: 0; } .jega-fuar-karti-ust { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; } .jega-fuar-tarih-rozeti { position: absolute; top: 0.6rem; left: 0.6rem; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 2.85rem; height: 2.85rem; border-radius: 0.65rem; background: linear-gradient(160deg, var(--jega-primary), var(--jega-primary-deep)); color: #fff; box-shadow: 0 8px 16px -6px rgba(15, 23, 42, 0.5); } .jega-fuar-tarih-rozeti .gun { font-size: 1.05rem; font-weight: 800; line-height: 1; } .jega-fuar-tarih-rozeti .ay { font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.04em; margin-top: 0.1rem; } .jega-fuar-karti-baslik { font-size: 1.05rem; font-weight: 700; color: var(--jega-ink); line-height: 1.3; } .jega-fuar-karti-mekan { font-size: 0.78rem; color: #6b7280; display: flex; align-items: center; gap: 0.3rem; margin-top: 0.2rem; } .jega-fuar-karti-alt { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; margin-top: auto; padding-top: 0.7rem; border-top: 1px solid rgba(20, 23, 31, 0.06); } .jega-fuar-karti-katilimci { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.76rem; color: var(--jega-ink); font-weight: 600; white-space: nowrap; } .jega-fuar-karti-geri-sayim { font-size: 0.7rem; color: var(--jega-primary-deep); font-weight: 600; text-align: center; white-space: nowrap; background: rgba(37, 99, 235, 0.08); padding: 0.15rem 0.55rem; border-radius: 999px; } .dark .jega-fuar-karti-geri-sayim { background: rgba(255, 255, 255, 0.1); color: #93c5fd; } /* ======================================================= FUAR KATALOGU (yazdirilabilir / PDF'e kaydedilebilir) ======================================================= */ .jega-katalog-arac-cubugu { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; flex-wrap: wrap; } .jega-katalog-kagit { background: #fff; border: 1px solid rgba(20, 23, 31, 0.08); border-radius: 1rem; padding: 2.5rem; box-shadow: 0 1px 2px rgba(15, 18, 24, 0.04), 0 8px 20px -12px rgba(15, 18, 24, 0.12); } .jega-katalog-baslik { border-bottom: 3px solid var(--jega-primary); padding-bottom: 1rem; margin-bottom: 1.5rem; } .jega-katalog-baslik h1 { font-size: 1.65rem; font-weight: 800; color: var(--jega-ink); margin: 0; } .jega-katalog-alt-baslik { font-size: 1rem; color: #6b7280; margin: 0.15rem 0 0 0; } .jega-katalog-tarih { font-size: 0.85rem; color: var(--jega-primary-deep); font-weight: 600; margin: 0.5rem 0 0 0; } .jega-katalog-aciklama { font-size: 0.85rem; color: #374151; margin-bottom: 1.5rem; line-height: 1.6; } .jega-katalog-tablo { width: 100%; border-collapse: collapse; font-size: 0.85rem; } .jega-katalog-tablo th { text-align: left; text-transform: uppercase; letter-spacing: 0.04em; font-size: 0.68rem; color: #6b7280; padding: 0.5rem 0.6rem; border-bottom: 2px solid rgba(20, 23, 31, 0.1); } .jega-katalog-tablo td { padding: 0.55rem 0.6rem; border-bottom: 1px solid rgba(20, 23, 31, 0.06); color: var(--jega-ink); } .jega-katalog-tablo tr:nth-child(even) td { background: rgba(20, 23, 31, 0.015); } .jega-katalog-bos { text-align: center; color: #9ca3af; padding: 1.5rem 0.6rem !important; } .jega-katalog-toplam { margin-top: 1rem; font-size: 0.78rem; color: #6b7280; text-align: right; } @media print { body * { visibility: hidden; } #jega-katalog-alani, #jega-katalog-alani * { visibility: visible; } #jega-katalog-alani { position: absolute; top: 0; left: 0; width: 100%; border: none; box-shadow: none; padding: 0; } } .jega-ayarlar-sekme-btn { padding: 0.6rem 1rem; font-size: 0.85rem; font-weight: 600; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color 0.15s ease, border-color 0.15s ease; } .jega-ayarlar-sekme { color: #6b7280; } .jega-ayarlar-sekme:hover { color: var(--jega-primary, #2563eb); } .jega-ayarlar-sekme-aktif { color: var(--jega-primary, #2563eb); border-bottom-color: var(--jega-primary, #2563eb); } /* ======================================================= SECILI FUAR CUBUGU (aktif fuar bilgi seridi) - admin panelde bir fuar secildikten sonra tum sayfalarin ustunde gorunen, hangi fuar uzerinde calisildigini hatirlatan ince serit ======================================================= */ .jega-secili-fuar-cubugu { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; padding: 0.7rem 1.1rem; margin-bottom: 1rem; border-radius: 0.75rem; background: linear-gradient(135deg, var(--jega-primary, #2563eb), var(--jega-primary-deep, #1d4ed8)); color: #fff; font-size: 0.82rem; } .jega-secili-fuar-cubugu::before { content: ""; flex-shrink: 0; width: 1.15rem; height: 1.15rem; border-radius: 999px; background: rgba(255, 255, 255, 0.22); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M18 10A8 8 0 11 2 10a8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z' clip-rule='evenodd'/%3E%3C/svg%3E"); background-size: 0.75rem; background-position: center; background-repeat: no-repeat; } .jega-secili-fuar-etiket { text-transform: uppercase; letter-spacing: 0.04em; font-size: 0.68rem; font-weight: 700; color: rgba(255, 255, 255, 0.8); } .jega-secili-fuar-ad { font-weight: 700; color: #fff; } .jega-secili-fuar-degistir { margin-left: auto; padding: 0.2rem 0.65rem; border-radius: 999px; background: rgba(255, 255, 255, 0.15); color: #fff; font-weight: 600; font-size: 0.75rem; text-decoration: none; transition: background 0.15s ease; } .jega-secili-fuar-degistir:hover { background: rgba(255, 255, 255, 0.28); color: #fff; } /* ======================================================= SOL MENU (SIDEBAR) SIKILASTIRMA - Filament varsayilani menu ogeleri arasinda ve her butonun ic dolgusunda gereksiz bosluk birakiyor; burada satir yuksekligi ve gruplar arasi bosluk azaltiliyor. ======================================================= */ .fi-sidebar-nav { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; row-gap: 1.1rem !important; } .fi-sidebar-nav-groups { row-gap: 1.1rem !important; } .fi-sidebar-group-items { row-gap: 0.15rem !important; } .fi-sidebar-item-button { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; } .fi-sidebar-item-icon { height: 1.35rem !important; width: 1.35rem !important; } .fi-sidebar-group-label { padding-top: 0.35rem !important; padding-bottom: 0.35rem !important; } /* sidebar genisligini daraltip icerikle arasindaki bosluk hissini azaltiyor (varsayilan Filament genisligi 20rem) */ .fi-sidebar { --sidebar-width: 16rem; } .fi-sidebar-item-button { padding-inline: 0.65rem !important; } /* ======================================================= DAHA YUMUSAK KOYU TEMA - Filament'in varsayilan koyu modu neredeyse siyaha yakin bir arka plan (gray-950) + kartlar icin gray-900 kullaniyor; bu yuksek kontrast uzun sure bakildiginda goz yoruyor. Burada daha yumusak, hafif lacivert agirlikli bir palete geciyoruz — panelin geri kalani (Color::Blue) ile de tutarli. ======================================================= */ .dark .fi-body { background-color: #111a2e !important; background-image: none !important; } .dark .fi-sidebar, .dark .fi-sidebar-header { background-color: #16213b !important; } .dark .fi-topbar nav { background-color: #16213b !important; } .dark .fi-section, .dark .fi-modal-window, .dark .fi-sticky, .dark .fi-dropdown-panel { background-color: #1a2540 !important; border-color: rgba(255, 255, 255, 0.07) !important; } .dark .fi-sidebar-item-button { color: #aab4c8 !important; } .dark .fi-sidebar-item.fi-active .fi-sidebar-item-button, .dark .fi-sidebar-item-active .fi-sidebar-item-button { background-color: rgba(37, 99, 235, 0.18) !important; color: #fff !important; } .dark .fi-sidebar-item-button:hover { background-color: rgba(255, 255, 255, 0.04) !important; } /* ======================================================= SAYFA BASLIGI (simge + baslik + aciklama) - Katilimci panelindeki her sayfanin ustunde, ne icin oldugunu tek bakista anlatan tutarli bir baslik seridi. ======================================================= */ .jega-sayfa-baslik { display: flex; align-items: flex-start; gap: 0.9rem; } .jega-sayfa-baslik-simge { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 2.75rem; height: 2.75rem; border-radius: 0.85rem; background: rgba(37, 99, 235, 0.12); color: var(--jega-primary); } .dark .jega-sayfa-baslik-simge { background: rgba(37, 99, 235, 0.16); color: #93c5fd; } .jega-sayfa-baslik-simge svg { width: 1.5rem; height: 1.5rem; } .jega-sayfa-baslik-metin h1 { font-size: 1.5rem; font-weight: 700; line-height: 1.25; color: var(--jega-ink); } .dark .jega-sayfa-baslik-metin h1 { color: #f4f5f7; } .jega-sayfa-baslik-metin p { margin-top: 0.2rem; font-size: 0.85rem; color: #6b7280; } .dark .jega-sayfa-baslik-metin p { color: #8b93a7; } /* * Stant filtresi (Hizmet Talebi ve Projem sayfalarindaki "Isleme * yapilacak stant" secici) — tarayicilarin bazilarinda acilir listedeki *