@font-face{font-family:MilesGeist;src:url('../font/Geist-MilesAuto.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:MilesAktiv;src:url('../font/AktivGrotesk-Bold.otf') format('opentype');font-weight:700 900;font-display:swap}
body,button,input{font-family:MilesGeist,Arial,sans-serif!important}
:root,body,body.dark-mode{--brand:#ffc40b;--brand-dark:#e4ae00;--brand-soft:rgba(255,196,11,.1)}
.login-btn,.login-btn:hover{color:#111!important}.logo-box img,.brand img{filter:none!important;object-fit:contain}.logo-box img{max-width:240px!important;width:100%!important;height:auto!important}.brand img{width:130px!important;height:auto!important;max-height:45px!important}
.miles-login-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slider-overlay{z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.55))!important}.miles-slogan{z-index:2;position:absolute;bottom:8%;left:7%;right:7%;color:#fff}.miles-slogan h1{font-size:clamp(25px,3vw,52px);font-weight:800}
.lang-toggle [data-current-lang]{font-size:12px;font-weight:800;color:inherit}.lang-option{justify-content:center}.lang-toggle{color:var(--text)}
@media(prefers-reduced-motion:reduce){.miles-login-video{display:none}.slider-side{background:url('login-poster.webp') center/cover}}

/* Match the final font declarations used by the dealer cabinet. */
@font-face{font-family:MilesOnService;src:url('../font/OnService-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:MilesRobotoGeo;src:url('../font/RobotoGeoCaps.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
:root{--ma-font-body:'MilesRobotoGeo','Segoe UI',Arial,sans-serif;--ma-font-strong:'MilesOnService','MilesRobotoGeo','Segoe UI',Arial,sans-serif}
html,body,p,span,small,td,th,li,a,button,input,textarea,select,option,label{font-family:var(--ma-font-body)!important}
h1,h2,h3,h4,h5,h6,strong,b,.user-avatar,.eyebrow{font-family:var(--ma-font-strong)!important}
/* The surrounding surface changes theme; the form stays dark, as in Room. */
body.tracking-auth-page{background:#f7f8fa!important;color:#111318!important}
body.tracking-auth-page.dark-mode{background:#090a0d!important;color:#fff!important}
body.tracking-auth-page .auth-side{background:#f7f8fa!important;color:#111318!important}
body.tracking-auth-page.dark-mode .auth-side{background:#090a0d!important;color:#fff!important}
body.tracking-auth-page .auth-card,body.tracking-auth-page.dark-mode .auth-card{--text:#fff;--muted:#afb4bf;--input-bg:#20242d;--input-border:rgba(255,255,255,.13);background:#151820!important;color:#fff!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 26px 70px rgba(0,0,0,.32)!important}
body.tracking-auth-page .auth-card .auth-copy h3,body.tracking-auth-page .auth-card .field-group>span,body.tracking-auth-page .auth-card .otp-intro h3{color:#fff!important}
body.tracking-auth-page .auth-card .auth-copy p,body.tracking-auth-page .auth-card .otp-intro p,body.tracking-auth-page .auth-card .privacy-note,body.tracking-auth-page .auth-card .back-btn{color:#afb4bf!important}
body.tracking-auth-page .auth-card input,body.tracking-auth-page.dark-mode .auth-card input{background:#20242d!important;color:#fff!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:none!important}
body.tracking-auth-page .auth-card input::placeholder{color:#a9afbb!important;opacity:1}
body.tracking-auth-page .auth-card .phone-wrap{background:#20242d!important;border:1px solid rgba(255,255,255,.13)!important}
body.tracking-auth-page .auth-card .phone-wrap input{border:0!important;background:transparent!important;min-width:0}
body.tracking-auth-page .auth-card .phone-wrap b{color:#afb4bf!important}
body.tracking-auth-page .auth-card input:focus,body.tracking-auth-page .auth-card .phone-wrap:focus-within{border-color:#ffc40b!important;box-shadow:0 0 0 3px rgba(255,196,11,.12)!important}
.ma-language{display:inline-flex;align-items:center;gap:3px;border:1px solid rgba(127,127,127,.25);border-radius:10px;padding:3px;flex-shrink:0}
.ma-language button{display:inline-flex!important;align-items:center;justify-content:center;min-width:37px;height:31px;padding:0 8px;border:0;border-radius:7px;cursor:pointer;background:transparent;color:inherit;font-size:12px;font-weight:700;line-height:1}
.ma-language button.active{background:#ffc40b!important;color:#111!important}
.tracking-auth-page .top-controls .ma-language{color:#111318}
.tracking-auth-page.dark-mode .top-controls .ma-language{color:#fff}
.app-header .ma-language{color:#fff}.mobile-drawer .ma-language{color:var(--text)}
.tracking-auth-page .theme-toggle{color:#111318!important}.tracking-auth-page.dark-mode .theme-toggle{color:#fff!important}

/* ნომრის ველს ფოკუსისას მხოლოდ ერთი გარე ჩარჩო ჰქონდეს */
body.tracking-auth-page .auth-card .phone-wrap input,
body.tracking-auth-page .auth-card .phone-wrap input:focus,
body.tracking-auth-page .auth-card .phone-wrap input:focus-visible {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

body.tracking-auth-page .auth-card .phone-wrap:focus-within {
    border-color: #ffc40b !important;
    box-shadow: 0 0 0 3px rgba(255, 196, 11, .12) !important;
}