/* T&M Tiefbau: Mini Brand Guide 2026. Native Open WebUI authentication remains intact. */
@font-face{font-family:TMInter;src:url('/static/brand/Inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:TMMontserrat;src:url('/static/brand/Montserrat.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--tm-ink:#181818;--tm-orange:#ed8325;--tm-hover:#d96e14;--tm-muted:#555555;--tm-base:#f4f4f4}
body{font-family:TMInter,Inter,sans-serif!important}
body:has(#auth-login-card) #logo{display:none!important}
/* Remove stock product/model marks, preserving personal avatars and controls. */
img.sidebar-new-chat-icon,img[src^="/api/v1/models/model/profile/image"]{display:none!important}
h1,h2,h3{font-family:TMMontserrat,TMInter,sans-serif!important;letter-spacing:-.025em}
::selection{background:#f3a45f;color:#181818}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ed8325!important;outline-offset:3px}
#auth-container{background:#f4f4f4!important;color:#181818!important;isolation:isolate}
#auth-container::before{content:'Wissen. Ideen.\A Gemeinsam\A weiterdenken.';white-space:pre;position:fixed;inset:0 52% 0 0;background:linear-gradient(150deg,transparent 65%,#292929 65.1%,#292929 79%,transparent 79.1%),#181818;color:#fff;display:flex;align-items:center;padding:8vw 5vw;font:700 clamp(32px,3.6vw,60px)/1.18 TMMontserrat,sans-serif;letter-spacing:-.045em;border-bottom:9px solid #ed8325;pointer-events:none;z-index:-1}
#auth-container::after{content:'T&M Tiefbau';position:fixed;top:54px;left:5vw;color:#ed8325;font:700 26px/1.2 TMMontserrat,sans-serif;letter-spacing:-.035em;pointer-events:none}
#auth-container>div{width:52%!important;margin-left:48%;padding:60px 5vw!important;min-height:100%;text-align:left!important}
#auth-login-card{max-width:440px!important;width:100%;padding:0!important;color:#181818!important;margin:auto!important}
#auth-login-card::before{content:'FTGPT / DEIN KI-ARBEITSPLATZ';display:block;color:#d96e14;font:600 11px/1.5 TMInter,sans-serif;letter-spacing:.18em;margin-bottom:22px}
#auth-login-card form>div:first-child>div:first-child{font:700 clamp(23px,2.4vw,34px)/1.25 TMMontserrat,sans-serif;letter-spacing:-.04em;margin-bottom:16px;color:#181818!important}
#auth-login-card form>div:nth-child(2){gap:15px;margin-top:24px}
#auth-login-card label{color:#555!important;font-size:13px!important;font-weight:500!important;margin-bottom:8px!important}
#auth-login-card input{border:1px solid #d7d7d7!important;border-radius:10px!important;background:white!important;padding:15px 16px!important;font-size:16px!important;line-height:1.4!important;color:#181818!important;box-sizing:border-box;min-height:54px}
#auth-login-card input::placeholder{color:#8a8a8a!important}
#auth-login-card input:focus{border-color:#ed8325!important;box-shadow:0 0 0 3px #ed83251a;outline:none!important}
#auth-login-card input[type=password],#auth-login-card input.password{padding-right:50px!important}
#auth-login-card button[aria-label*="Passwort"]{position:absolute;right:14px;top:0;bottom:0;color:#555!important;width:24px}
#auth-login-card button[type=submit]{background:#ed8325!important;color:#181818!important;font:600 15px/1.4 TMInter,sans-serif;border-radius:10px!important;min-height:54px;margin-top:12px;box-shadow:0 6px 18px #ed832520;transition:background .15s,transform .15s}
#auth-login-card button[type=submit]:hover{background:#d96e14!important;transform:translateY(-1px)}
#auth-login-card::after{content:'Persönliche Chats. Eigene Projekte.\A Ein gemeinsamer Arbeitsplatz.';white-space:pre-line;display:block;font:400 13px/1.75 TMInter,sans-serif;color:#777;margin-top:28px;border-top:1px solid #dedede;padding-top:22px}
/* Brand accents in the chat. Keep controls and content readable in both themes. */
#sidebar{border-right:1px solid #e8e8e8}
html:not(.dark) #sidebar{background:#f4f4f4!important}
html.dark #sidebar{background:#181818!important;border-right-color:#292929}
#sidebar a[aria-current=page],#sidebar button[aria-selected=true]{background:#ed83251a!important}
#chat-input{font-family:TMInter,sans-serif!important}
#send-message-button{background:#ed8325!important;color:#181818!important}
#message-input-container:focus-within{outline-color:#ed8325}
a:not([role=button]):focus-visible{outline-color:#ed8325!important}
@media(max-width:760px){
 #auth-container::before{display:none}
 #auth-container::after{position:absolute;top:32px;left:28px;font-size:23px}
 #auth-container>div{width:100%!important;margin-left:0;padding:108px 28px 38px!important;min-height:100dvh;justify-content:center!important}
 #auth-login-card{max-width:420px!important}
 #auth-login-card::before{margin-bottom:14px;font-size:10px}
 #auth-login-card form>div:first-child>div:first-child{font-size:27px}
 #auth-login-card::after{margin-top:24px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}#auth-login-card button[type=submit]{transition:none}}
