/* Login-Design „Rubin Gold“ (Standard). Nur Aussehen der Login-Seite; Felder, Knöpfe und Abläufe bleiben unverändert. */
.lp-page.okp-th-rubin{background:#0b0202!important}
.lp-page.okp-th-rubin .lp-premium-shell{position:relative;max-width:520px;margin:0 auto;border:0!important;border-radius:0!important;box-shadow:0 0 40px #000c!important;
 background:url("login-themes/rubin-hero.webp?v=1") top center/100% auto no-repeat,url("login-themes/rubin-bottom.webp?v=1") bottom center/100% auto no-repeat,url("login-themes/rubin-mid.webp?v=1") top center/100% auto repeat-y,#100101!important;padding-bottom:calc(min(100vw,520px)*.15)!important}
.lp-page.okp-th-rubin .lp-art{background:none!important;border:0!important;box-shadow:none!important;aspect-ratio:512/505;min-height:0!important;height:auto!important;position:relative;overflow:visible!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important;padding:0 16px 4px!important}
.lp-page.okp-th-rubin .lp-art::before,.lp-page.okp-th-rubin .lp-art::after,.lp-page.okp-th-rubin .lp-art-shade{display:none!important}
.lp-page.okp-th-rubin .lp-art img{display:none!important}
.lp-page.okp-th-rubin .lp-brand{position:static!important;transform:none!important;display:grid!important;justify-items:center;gap:2px;text-align:center;margin:0!important;padding:0!important;width:100%}
.lp-page.okp-th-rubin .lp-brand>span.lp-text{text-align:center!important;font:700 clamp(26px,8vw,36px)/1.05 Georgia,"Times New Roman",serif!important;letter-spacing:.01em!important;background:linear-gradient(180deg,#fff2c4,#e9bd5a 45%,#a8701f)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:none!important;filter:drop-shadow(0 2px 3px #000c)}
.lp-page.okp-th-rubin .lp-tulip{display:none!important}
.lp-page.okp-th-rubin .lp-brand small{position:static!important;font:700 11px/1.3 system-ui,sans-serif!important;letter-spacing:.22em!important;color:#d9b36a!important;-webkit-text-fill-color:#d9b36a!important;background:none!important;text-transform:uppercase;text-align:center!important}
.lp-page.okp-th-rubin .lp-top-note{position:static!important;transform:none!important;margin:4px 0 0!important;color:#cfae7c!important;font:600 10px/1.3 system-ui,sans-serif!important;letter-spacing:.2em!important;text-align:center!important}
.lp-page.okp-th-rubin .lp-top-note *{color:inherit!important}
.lp-page.okp-th-rubin .lp-layout{padding-top:6px!important}
.lp-page.okp-th-rubin .lp-card{background:transparent!important;border:0!important;box-shadow:none!important;padding-left:clamp(22px,8%,44px)!important;padding-right:clamp(22px,8%,44px)!important}
.lp-page.okp-th-rubin .lp-langflags .lpf small{color:#e7cf9a}
.lp-page.okp-th-rubin .lp-field,.lp-page.okp-th-rubin .lp-input{background:#1a0505e6!important;border:1px solid #b8873a!important;border-radius:11px!important;color:#f4e3c3!important;box-shadow:inset 0 1px 6px #000a!important}
.lp-page.okp-th-rubin .lp-input::placeholder{color:#cfae7c!important;opacity:.9}
.lp-page.okp-th-rubin .lp-field svg,.lp-page.okp-th-rubin .lp-reveal{color:#d9a441!important}
.lp-page.okp-th-rubin .lp-field .lp-input{border:0!important;background:transparent!important;box-shadow:none!important}
.lp-page.okp-th-rubin .lp-submit{position:relative;background:url("login-themes/rubin-btn-l.webp?v=1") left center/auto 100% no-repeat,url("login-themes/rubin-btn-r.webp?v=1") right center/auto 100% no-repeat,linear-gradient(90deg,#0007 0,#0000 30%,#0000 70%,#0007 100%),linear-gradient(180deg,#c01416 0,#930f11 14%,#730610 38%,#62080f 52%,#3a0001 74%,#240300 100%)!important;color:#f6d78f!important;border:0!important;border-radius:6px!important;min-height:58px!important;box-shadow:inset 0 2px 0 #d9a84e,inset 0 -2px 0 #b8873a,0 6px 14px #000c!important;font:700 21px Georgia,"Times New Roman",serif!important;text-shadow:0 1px 2px #000a!important}
.lp-page.okp-th-rubin .lp-submit:hover{filter:brightness(1.08)}
.lp-page.okp-th-rubin .presence-box,.lp-page.okp-th-rubin .presence-box p{color:#f1e4cc!important;background:transparent!important;border:0!important}
.lp-page.okp-th-rubin .lp-help-link{color:#e6c27a!important}
.lp-page.okp-th-rubin .lp-notice{background:#1a0505cc!important;border:1px solid #8a5a22!important;color:#f1e4cc!important}
.lp-page.okp-th-rubin .lp-footer,.lp-page.okp-th-rubin .lp-footer *{color:#d9c39a!important;border-color:#5a3a12!important}
.lp-page.okp-th-rubin .lp-ornament{display:none!important}
.lp-page.okp-th-rubin .lp-message{color:#ffd9a0!important}
.lp-page.okp-th-rubin .lp-input input{background:transparent!important;color:#f4e3c3!important;-webkit-text-fill-color:#f4e3c3}
.lp-page.okp-th-rubin .lp-submit .lp-text{color:#f6d78f!important;font:700 20px Georgia,"Times New Roman",serif!important}
.lp-page.okp-th-rubin .lp-help-link .lp-text,.lp-page.okp-th-rubin .lp-help-link{color:#e6c27a!important}
.lp-page.okp-th-rubin .presence-box .lp-text{color:#f1e4cc!important}
/* Zier-Ornament unter dem Titel (aus der Vorlage) */
.lp-page.okp-th-rubin .lp-brand::after{content:"";display:block;width:min(62%,230px);aspect-ratio:212/26;margin:2px auto 0;background:url("login-themes/rubin-divider.webp?v=1") center/contain no-repeat}
.lp-page.okp-th-rubin .lp-submit>*{background:none!important;box-shadow:none!important;border:0!important}
.lp-page.okp-th-rubin .lp-submit::before,.lp-page.okp-th-rubin .lp-submit::after{display:none!important}
/* Titel wie in der Vorlage: „Şampiyonlar Ligi“ statt Logo-Text */
.lp-page.okp-th-rubin .lp-brand>.lp-text,.lp-page.okp-th-rubin .lp-brand>small{display:none!important}
.lp-page.okp-th-rubin .lp-brand::before{content:"\015E ampiyonlar Ligi";display:block;white-space:nowrap;font:700 clamp(28px,8.6vw,38px)/1.12 Georgia,"Times New Roman",serif;letter-spacing:.01em;background:linear-gradient(180deg,#fff8dc 10%,#f6d27a 50%,#d9a03c 90%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 3px #000c)}
/* Volle Bildschirmhöhe auf allen Handys: Rahmen füllt den Bildschirm, Inhalt sitzt mittig dazwischen */
.lp-page.okp-th-rubin{padding:0!important;min-height:100vh;min-height:100dvh}
.lp-page.okp-th-rubin .lp-premium-shell{display:flex!important;flex-direction:column!important;min-height:100vh;min-height:100dvh;margin:0 auto!important}
.lp-page.okp-th-rubin .lp-layout{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.lp-page.okp-th-rubin .lp-langflags{flex-wrap:nowrap!important;gap:clamp(6px,3vw,12px)!important}
.lp-page.okp-th-rubin .lp-langflags .lpf-flag{width:clamp(42px,13.5vw,58px)!important;height:clamp(42px,13.5vw,58px)!important}
/* Niedrige Bildschirme: alles etwas kompakter, damit nicht gescrollt werden muss */
@media (max-height:760px){
 .lp-page.okp-th-rubin .lp-art{aspect-ratio:512/470!important}
 .lp-page.okp-th-rubin .lp-brand::before{font-size:clamp(24px,7.4vw,32px)!important}
 .lp-page.okp-th-rubin .lp-langflags{margin-bottom:8px!important}
 .lp-page.okp-th-rubin .lp-langflags .lpf-flag{width:clamp(38px,11.5vw,50px)!important;height:clamp(38px,11.5vw,50px)!important}
 .lp-page.okp-th-rubin .lp-field{min-height:44px!important}
 .lp-page.okp-th-rubin .lp-input input{padding-top:8px!important;padding-bottom:8px!important}
 .lp-page.okp-th-rubin .lp-form{gap:8px!important}
 .lp-page.okp-th-rubin .lp-submit{min-height:50px!important;font-size:19px!important}
 .lp-page.okp-th-rubin .lp-top-note{display:none!important}
}
@media (max-height:600px){
 .lp-page.okp-th-rubin .lp-art{aspect-ratio:512/430!important}
 .lp-page.okp-th-rubin .lp-premium-shell{background-size:100% auto,100% auto,100% auto!important}
}
/* Eingabefelder mindestens 16 px: iPhone zoomt beim Antippen nicht hinein */
.lp-page.okp-th-rubin .lp-input input{font-size:16px!important}
.lp-page.okp-th-rubin .lp-premium-shell{width:100%}
/* Kleine Handys (Höhe bis 700 px): kompakter, Schrift in den Feldern bleibt 16 px */
@media (max-height:700px){
 .lp-page.okp-th-rubin .lp-brand::before{font-size:24px!important}
 .lp-page.okp-th-rubin .lp-brand::after{margin-top:0!important;width:min(52%,180px)!important}
 .lp-page.okp-th-rubin .lp-langflags{margin:2px auto 6px!important;gap:10px!important}
 .lp-page.okp-th-rubin .lp-langflags .lpf{gap:1px!important}
 .lp-page.okp-th-rubin .lp-langflags .lpf-flag{width:36px!important;height:36px!important}
 .lp-page.okp-th-rubin .lp-langflags .lpf small{font-size:9px!important}
 .lp-page.okp-th-rubin .lp-card{padding-top:0!important;padding-bottom:4px!important}
 .lp-page.okp-th-rubin .lp-form{gap:6px!important;margin:0!important}
 .lp-page.okp-th-rubin .lp-field{min-height:42px!important}
 .lp-page.okp-th-rubin .lp-input input{padding-top:6px!important;padding-bottom:6px!important}
 .lp-page.okp-th-rubin .lp-submit{min-height:46px!important;font-size:18px!important;margin-top:4px!important}
 .lp-page.okp-th-rubin .presence-box{margin:6px 0 0!important;padding:0!important;font-size:12px!important}
 .lp-page.okp-th-rubin .lp-help-link{margin:4px 0 0!important;padding:4px!important;font-size:13px!important}
 .lp-page.okp-th-rubin .lp-message:empty{display:none!important}
 .lp-page.okp-th-rubin .lp-premium-shell{padding-bottom:calc(min(100vw,520px)*.12)!important}
}
/* Sehr niedrige Bildschirme (Höhe bis 600 px) */
@media (max-height:600px){
 .lp-page.okp-th-rubin .lp-brand::before{font-size:21px!important}
 .lp-page.okp-th-rubin .lp-langflags .lpf-flag{width:32px!important;height:32px!important}
 .lp-page.okp-th-rubin .lp-field{min-height:40px!important}
 .lp-page.okp-th-rubin .lp-submit{min-height:42px!important;font-size:17px!important}
 .lp-page.okp-th-rubin .presence-box{display:none!important}
}
/* Kein grüner Streifen unter der Login-Seite (iPhone-Leisten), Seite füllt die Höhe */
html:has(.lp-page.okp-th-rubin),body:has(.lp-page.okp-th-rubin),#app:has(.lp-page.okp-th-rubin){background:#0b0202!important}
.lp-page.okp-th-rubin,.lp-page.okp-th-rubin .lp-premium-shell{min-height:100svh;min-height:100dvh}

/* 2026 Medaillon themes: other palettes inherit EXACTLY the Rubin layout and all form dimensions. */
.lp-page.okp-th-rubin.okp-th-smaragd{background:#031c14!important}
.lp-page.okp-th-rubin.okp-th-smaragd .lp-premium-shell{background-image:url("login-themes/smaragd-hero.webp?v=3"),url("login-themes/smaragd-bottom.webp?v=3"),url("login-themes/smaragd-mid.webp?v=3")!important;background-color:#041d15!important}
.lp-page.okp-th-rubin.okp-th-smaragd .lp-submit{background-image:url("login-themes/smaragd-btn-l.webp?v=3"),url("login-themes/smaragd-btn-r.webp?v=3"),linear-gradient(90deg,#0007 0,#0000 30%,#0000 70%,#0007 100%),linear-gradient(180deg,#195d3c,#07462d 48%,#022518)!important}
.lp-page.okp-th-rubin.okp-th-smaragd .lp-brand::after{background-image:url("login-themes/smaragd-divider.webp?v=3")!important}
.lp-page.okp-th-rubin.okp-th-smaragd .lp-field,.lp-page.okp-th-rubin.okp-th-smaragd .lp-input{background-color:#061e15ed!important;border-color:#b89c54!important}
.lp-page.okp-th-rubin.okp-th-smaragd .lp-notice{background:#061e15ed!important}
.lp-page.okp-th-rubin.okp-th-saphir{background:#020b20!important}
.lp-page.okp-th-rubin.okp-th-saphir .lp-premium-shell{background-image:url("login-themes/saphir-hero.webp?v=3"),url("login-themes/saphir-bottom.webp?v=3"),url("login-themes/saphir-mid.webp?v=3")!important;background-color:#020c24!important}
.lp-page.okp-th-rubin.okp-th-saphir .lp-submit{background-image:url("login-themes/saphir-btn-l.webp?v=3"),url("login-themes/saphir-btn-r.webp?v=3"),linear-gradient(90deg,#0007 0,#0000 30%,#0000 70%,#0007 100%),linear-gradient(180deg,#1c4173,#0b2855 48%,#030c2a)!important}
.lp-page.okp-th-rubin.okp-th-saphir .lp-brand::after{background-image:url("login-themes/saphir-divider.webp?v=3")!important}
.lp-page.okp-th-rubin.okp-th-saphir .lp-field,.lp-page.okp-th-rubin.okp-th-saphir .lp-input{background-color:#061329ed!important;border-color:#a48e60!important}
.lp-page.okp-th-rubin.okp-th-saphir .lp-notice{background:#061329ed!important}
/* Visible branding only. Text from the original, user-editable login settings remains untouched. */
.lp-page.okp-th-rubin .lp-brand::before{content:"Şampiyonlar Ligi"!important}
.lp-page.okp-th-rubin .lp-footer>.lp-text:first-child{font-size:0!important;line-height:1.3!important}
.lp-page.okp-th-rubin .lp-footer>.lp-text:first-child::before{content:"Şampiyonlar Ligi · Özel Kulüp";font:600 13px/1.35 Georgia,serif;color:#e4c783;-webkit-text-fill-color:#e4c783}
/* No viewport/zoom manipulation; all login fields retain 16px minimum on iOS. */
.lp-page.okp-th-rubin .lp-input input{font-size:16px!important}