/* Shared TVOTT shell and palette. No identity information in the appearance cookie. */
:root{color-scheme:dark;--bg:#101715;--bg1:#19231f;--bg2:#14201a;--surf:#1b2721;--surf2:#26382d;--border:#354b3e;--border2:#50695a;--accent:#a7dfb1;--accent2:#c6f3ce;--text:#edf5ef;--text2:#b8cbbf;--text3:#a0b8a8}
:root[data-theme=light]{color-scheme:light;--bg:#f5f7f9;--bg1:#fff;--bg2:#f0f4f6;--surf:#fff;--surf2:#eaf1f3;--border:#e3e9ed;--border2:#ccd8de;--accent:#087e82;--accent2:#096b70;--text:#182e3a;--text2:#526974;--text3:#657b86}
html{background:var(--bg);color:var(--text)}body{background:var(--bg);color:var(--text)}
.tvott-header{box-sizing:border-box;position:fixed;top:0;left:0;right:0;z-index:120;min-height:68px;padding:12px max(20px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:28px;background:var(--bg);border-bottom:1px solid var(--border);font:14px/1.4 system-ui,sans-serif}
.tvott-header a{color:var(--text2);text-decoration:none;white-space:nowrap}.tvott-header .tvott-brand{font-size:18px;letter-spacing:.09em;font-weight:800;color:var(--text)}.tvott-header nav{display:flex;gap:6px;align-items:center}.tvott-header nav a{padding:8px 12px;border-radius:8px}.tvott-header nav a[aria-current=page],.tvott-header nav a:hover{background:var(--surf2);color:var(--accent)}
.tvott-header .theme-switch{position:static;margin-left:auto;display:flex;gap:3px;padding:3px;background:var(--surf);border:1px solid var(--border2);border-radius:10px;box-shadow:none}.tvott-header .theme-switch button{width:auto;min-height:32px;padding:6px 10px;margin:0;border:0;border-radius:7px;font:600 12px/1.3 system-ui,sans-serif;background:transparent;color:var(--text2);cursor:pointer}.tvott-header .theme-switch button[aria-pressed=true]{background:var(--accent);color:var(--bg)}
html body:has(.tvott-header){padding-top:92px}html body.center-page:has(.tvott-header){padding-top:100px;padding-bottom:30px}html body:has(.app-nav){padding-top:68px}.app-nav{top:68px}body:has(.app-nav) main{padding-top:38px}
.tvott-public{font:16px/1.55 system-ui,sans-serif}.tvott-public h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;letter-spacing:-.04em}.tvott-public h2{line-height:1.25}.tvott-public a{color:var(--accent)}.tvott-public .intro,.tvott-public .small,.tvott-public .eyebrow{color:var(--text2)}
.tvott-public form,.tvott-public section{background:var(--surf);border-color:var(--border)}.tvott-public input,.tvott-public select,.tvott-public textarea{background:var(--bg);color:var(--text);border-color:var(--border2)}.tvott-public button,.tvott-public .button{background:var(--accent);color:var(--bg)}.tvott-public .secondary{background:transparent;color:var(--text);border-color:var(--border2)}.tvott-public #logout,.tvott-public .session-bar{border:0;background:none;padding:0}.tvott-public .session-bar{min-height:0}.tvott-public #error{color:var(--red,#ffa4ac)}
.tvott-public .methods{background:transparent}.tvott-public .method{background:var(--surf);border-color:var(--border)}.tvott-public .method.recommended{background:var(--surf);border-color:var(--accent)}.tvott-public .method-sub,.tvott-public .method>p:not(.method-sub),.tvott-public .method li,.tvott-public .privacy,.tvott-public .tuto-body p,.tvott-public .tuto-body li,.tvott-public footer{color:var(--text2)}.tvott-public .method li strong,.tvott-public .privacy summary{color:var(--text)}.tvott-public .badge{color:var(--accent);background:var(--surf2)}.tvott-public .method-verdict,.tvott-public .method:not(.recommended) .method-verdict,.tvott-public .destination,.tvott-public .guide-help{background:var(--bg2);border-color:var(--border2)}.tvott-public .method-verdict p{color:var(--text)}.tvott-public .method-verdict strong{color:var(--accent)}.tvott-public .method:not(.recommended) .method-verdict strong{color:var(--text)}.tvott-public .step-nav select,.tvott-public .floating-help select,.tvott-public .guide-help textarea{background:var(--bg);color:var(--text);border-color:var(--border2)}.tvott-public .guide-contents button,.tvott-public .assistant-top button{color:var(--text);background:transparent}.tvott-public .guide-contents .contents-detail{color:var(--text2)}.tvott-public .guide-contents button:hover,.tvott-public .guide-shortcuts button,.tvott-public .guide-help .source-step{color:var(--text);background:var(--surf2)}.tvott-public .progress{color:var(--text2)}.tvott-public .progress .active{color:var(--accent);border-color:var(--accent)}.tvott-public .language a{color:var(--text2);border-color:var(--border2)}.tvott-public .language a[aria-current=page],html[lang=en] .tvott-public .language [lang=en],html[lang=fr] .tvott-public .language [lang=fr]{background:var(--accent);color:var(--bg)}.tvott-public .topbar{padding:0 0 18px;border-color:var(--border)}.tvott-public .hero{padding-top:20px}.tvott-public .topbar .brand{color:var(--text)}
.home-main{max-width:1120px;margin:auto}.home-intro{max-width:680px;padding:32px 0 28px}.home-intro p{color:var(--text2)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px;background:var(--surf);border:1px solid var(--border);border-radius:20px}.service-card .service-number{font:600 12px/1 system-ui;color:var(--accent);letter-spacing:.1em}.service-card h2{margin:22px 0 10px;font-size:1.65rem}.service-card p{color:var(--text2);margin:0 0 20px}.service-card .service-detail{font-size:.85rem;margin-bottom:28px}.service-card .button{margin-top:auto;width:100%}.home-note{max-width:760px;margin:30px 0;color:var(--text2);font-size:.9rem}.tvott-public :focus-visible,.tvott-header :focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:760px){.tvott-header{min-height:100px;padding:10px 16px;gap:8px;flex-wrap:wrap}.tvott-header nav{order:3;width:100%;justify-content:center}.tvott-header nav a{padding:6px 13px}.tvott-header .theme-switch{margin-left:auto}.tvott-header .tvott-brand{font-size:16px}html body:has(.tvott-header){padding-top:120px}html body.center-page:has(.tvott-header){padding:124px 16px 30px}html body:has(.app-nav){padding-top:100px}.app-nav{top:100px;height:70px;padding:12px 16px;align-items:center}.app-nav .nav-links{top:69px;max-height:calc(100dvh - 170px)}body:has(.app-nav) main{padding-top:24px}.service-grid{grid-template-columns:1fr}.home-intro{padding:12px 0 20px}.service-card{padding:24px}}
/* Reset legacy portal nav and Autowallet-specific overrides inside the common shell. */
.tvott-header nav{position:static;background:transparent;border:0;padding:0;margin:0;box-shadow:none;backdrop-filter:none;min-height:0}
html.autowallet-dark body.center-page{background:var(--bg)}
html.autowallet-dark .btn,html.autowallet-dark .logo-mark{background:var(--accent);color:var(--bg)}
html.autowallet-dark .btn:hover{background:var(--accent2);color:var(--bg)}
html.autowallet-dark .btn-outline{background:var(--surf);color:var(--text);border-color:var(--border2)}
html.autowallet-dark :focus-visible{outline-color:var(--accent)}

.tvott-public .brand span{color:var(--accent)}
.tvott-public .hero h1{font-size:clamp(1.65rem,3vw,2.4rem)}

.tvott-header nav .tvott-home-link{color:var(--accent);font-weight:650;border:1px solid var(--border2)}
@media(max-width:760px){.tvott-header nav{gap:2px}.tvott-header nav a{padding:6px 8px;font-size:12px}}

/* Compact language switch, alongside the shared appearance control. */
.tvott-header .language{order:0;display:flex;flex:0 0 auto;width:auto;gap:3px;margin:0 0 0 auto;padding:3px;border:1px solid var(--border2);border-radius:10px;background:var(--surf)}
.tvott-header .language a{display:grid;place-items:center;min-width:34px;min-height:32px;margin:0;padding:5px 8px;border:0;border-radius:7px;text-decoration:none;font:650 12px/1.3 system-ui,sans-serif;color:var(--text2);background:transparent}
.tvott-header .language a[aria-current=page]{background:var(--accent);color:var(--bg)}
.tvott-header .language a:not([aria-current]):hover{background:var(--surf2);color:var(--text)}
.tvott-header .language+.theme-switch{margin-left:0}
.tvott-header:has(.language){gap:14px}
@media(min-width:761px) and (max-width:1000px){.tvott-header:has(.language){gap:8px;padding-left:16px;padding-right:16px}.tvott-header:has(.language) .tvott-services a{padding-left:7px;padding-right:7px}}
@media(max-width:760px){.tvott-header:has(.language){gap:6px}.tvott-header .language{order:0;width:auto;gap:2px;margin-left:auto}.tvott-header .language a{min-width:29px;padding:5px 6px}.tvott-header .language+.theme-switch button{padding-left:7px;padding-right:7px}}

.tvott-header .tvott-logout{flex:0 0 auto;margin:0;padding:0;border:0;background:none}
.tvott-header :is(#logout,.tvott-logout) button{display:flex;align-items:center;gap:6px;width:auto;min-height:38px;margin:0;padding:7px 10px;border:1px solid var(--border2);border-radius:10px;background:var(--surf);color:var(--text2);font:600 12px/1.3 system-ui,sans-serif;cursor:pointer}
.tvott-header :is(#logout,.tvott-logout) button:hover{color:var(--text);background:var(--surf2)}
.tvott-header .tvott-logout svg{width:18px;height:18px;flex:none}
@media(max-width:1100px){.tvott-header .tvott-logout .logout-label{display:none}.tvott-header :is(#logout,.tvott-logout) button{padding:7px}}
@media(max-width:380px){.tvott-header{padding-left:10px;padding-right:10px}.tvott-header .tvott-brand{font-size:14px}.tvott-header .language a{min-width:23px;padding:5px 4px}.tvott-header .theme-switch button{padding:6px}}
.payment-admin-card{margin:18px 0}.payment-admin-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.payment-admin-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.payment-admin-details dt{font-size:.8rem;color:var(--text3)}.payment-admin-details dd{margin:4px 0;color:var(--text)}.payment-wrap{overflow-wrap:anywhere}.payment-admin-card textarea,.payment-admin-card select{display:block;width:100%;box-sizing:border-box;margin:8px 0 16px}.payment-admin-card label{display:block}.payment-admin-card summary{cursor:pointer;color:var(--accent);padding:12px 0}