/* Couche UI orange, limitée aux écrans professionnels et connexion. */
:root{--to-bg:#0D0601;--to-surface:#1E1004;--to-line:#43230A;--to-orange:#FF6A00;--to-soft:#FF9A4D;--to-cream:#FFF0E2;--to-muted:#C49C7A;--to-teal:#17D4C0}
.to-pro,.to-login{font-family:'Work Sans',Arial,sans-serif;color:var(--to-cream)}
.to-pro h1,.to-pro h2,.to-login h1{font-family:'Playfair Display',Georgia,serif}
.to-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.14em;color:var(--to-teal);margin:0 0 .8rem}
.to-pro-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--to-line);padding:1rem 0;margin-bottom:2rem}
.to-pro-brand{font:700 1.35rem 'Playfair Display',Georgia,serif;color:var(--to-cream)}.to-pro-brand span{color:var(--to-soft)}.to-pro-brand small{font:700 .65rem 'Work Sans',sans-serif;color:var(--to-teal);letter-spacing:.12em}
.to-pro-nav{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.to-pro-nav a,.to-pro-nav button{border:0;background:transparent;color:var(--to-soft);font-weight:700;padding:.55rem .7rem;cursor:pointer;border-radius:10px}.to-pro-nav a:hover,.to-pro-nav button:hover{background:#2B1405}.to-pro-nav form{margin:0}.to-pro-user{color:var(--to-muted);font-size:.85rem}
.to-pro-hero{padding:1rem 0 2rem}.to-pro-hero h1{font-size:clamp(2rem,4vw,3.2rem);margin:.2rem 0 .8rem}.to-pro-hero p:not(.to-eyebrow),.to-pro-card p:not(.to-eyebrow),.to-login p:not(.to-eyebrow){color:var(--to-muted)}
.to-pro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:1rem}.to-pro-card,.to-login-card{background:var(--to-surface);border:1px solid var(--to-line);border-radius:20px;padding:clamp(1.25rem,3vw,2rem)}.to-pro-card h2{font-size:1.5rem}.to-pro-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.5rem}
.to-btn,.to-pro form:not(.to-pro-nav form) button[type=submit],.to-login button[type=submit]{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.1rem;background:var(--to-orange);color:#1A0A00!important;border:2px solid var(--to-orange);border-radius:999px;font-weight:800;text-decoration:none;cursor:pointer}.to-btn:hover,.to-pro form button[type=submit]:hover{filter:brightness(1.12)}.to-btn-outline{background:transparent;color:var(--to-soft)!important}
.to-login{max-width:540px;margin:clamp(2rem,7vw,5rem) auto}.to-login h1{font-size:clamp(2rem,4vw,3rem)}.to-login form p{margin:1rem 0}.to-login label,.to-pro form label{display:block;margin-bottom:.4rem;font-weight:700}
.to-login input:not([type=hidden]),.to-pro form:not(.to-pro-nav form) input:not([type=hidden]),.to-pro form select,.to-pro form textarea{max-width:100%;padding:.75rem .85rem;border-radius:10px;border:1px solid var(--to-line);background:#140A02;color:var(--to-cream)}.to-login input:not([type=hidden]){width:100%}.to-pro form textarea{width:100%}.to-pro form input[type=checkbox]{width:auto!important}.to-error,.to-login .errorlist{color:#ffb4a4}.to-note{font-size:.85rem;margin-top:1.6rem}
.to-pro :is(a,button,input,select,textarea):focus-visible,.to-login :is(a,button,input):focus-visible{outline:2px solid var(--to-teal);outline-offset:3px}
@media(max-width:640px){.to-pro-bar{align-items:flex-start}.to-pro-nav{width:100%}.to-pro-nav a,.to-pro-nav button{padding:.45rem .55rem}}