/* ============================================================ PETELGO — style ekranow /auth (logowanie) Ten arkusz jest wstrzykiwany przez nginx TYLKO na stronach /auth, wiec nie potrzebuje zadnego markera na / — dziala od pierwszej klatki i przezywa kazda przebudowe Reacta. ============================================================ */ form { max-width: 420px; margin: 0 auto; flex-direction: column !important; } /* karta logowania na pelna szerokosc (oryginal: sztywne 600px z lewej) */ .lg\:w-\[600px\] { width: 100% !important; flex: 1 1 auto !important; } /* logo "petelgo" rysowane czystym CSS-em */ form::before { content: ''; display: block; height: 96px; width: 260px; margin: 0 auto 30px; background: url('/petelgo/wordmark-white.png') center / contain no-repeat; filter: drop-shadow(0 6px 24px rgba(0, 0, 0, 0.5)); } /* zostaje tylko: logo, e-mail, haslo, przycisk */ form h1 { display: none !important; } a[href="/auth/forgot"], a[href="/auth"] { display: none !important; } .max-w-\[440px\] > svg { display: none !important; } div.pt-\[88px\] { display: none !important; } form div.mt-\[32px\] { display: none !important; } form .h-\[20px\].mb-\[24px\].mt-\[24px\] { display: none !important; } form div:has(> div > svg[viewBox="0 0 48 48"]) { display: none !important; } /* czytelne etykiety i ciemne pola */ form div.text-\[14px\] { color: #ffffff !important; font-weight: 600; } input { background: #161b22 !important; border: 1px solid #3a4453 !important; border-radius: 10px !important; color: #e6edf3 !important; } input:focus { border-color: #4cc9f0 !important; outline: none !important; } /* autofill Chrome maluje pola na jasno — wymuszamy ciemne */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #161b22 inset !important; -webkit-text-fill-color: #e6edf3 !important; caret-color: #e6edf3; }