/* Plus-Heberg — direction locale adaptée aux pages reliées aux vraies API.
   Ce fichier ne change ni les formulaires ni les actions serveur. */
:root{--ph-bg:#0d0d10;--ph-bg-alt:#111116;--ph-surface:#151519;--ph-surface-2:#1b1b21;--ph-surface-3:#24232b;--ph-border:#2d2b34;--ph-border-2:#47404f;--ph-text:#f5f4f8;--ph-text-2:#b5afbf;--ph-text-3:#898393;--ph-accent:#7854e6;--ph-accent-hover:#8964f0;--ph-accent-text:#c7b5ff;--ph-accent-soft:#9775fa18;--ph-accent-line:#9775fa58;--ph-radius:12px;--ph-radius-lg:17px;--ph-shadow:0 20px 50px #0007;--bg:#0d0d10;--panel:#151519;--panel2:#1b1b21;--line:#302d35;--text:#f5f4f8;--muted:#aaa5b1;--purple:#7854e6;--violet:#c7b5ff;--green:#56d79d}
html:has(body.ph)::before,html:has(body.ph)::after{display:none!important}
body.ph,body:not(.ph){background:#0d0d10;color:#f5f4f8}
.ph-header{background:#0d0d10f2;border-color:#302d35;backdrop-filter:blur(12px)}
.ph-header .ph-container{width:min(1700px,calc(100% - 56px))}
.ph-nav{gap:30px}.ph-brand img{width:205px}.ph-menu{margin-left:clamp(10px,2.5vw,42px);gap:6px}
.ph-menu-trigger,.ph-menu>li>a{font-size:13px;color:#beb9c7}
.ph-menu-trigger:hover,.ph-menu>li>a:hover,.ph-menu-trigger[aria-expanded="true"]{background:#ffffff09}
.ph-mega,.ph-drawer-panel{background:#19161f;border-color:#544260}
.ph-btn{border-radius:10px}.ph-btn--primary{background:#7854e6;box-shadow:inset 0 1px 0 #ffffff1e}.ph-btn--primary:hover{background:#8964f0;filter:none}
.ph-btn--secondary{background:#1b1b21;border-color:#37323e}.ph-btn--secondary:hover{background:#24232b}
.ph-section--alt{background:#121116;border-color:#302d35}
.ph-hero{background:#0d0d10;padding-top:82px}.ph-hero h1{font-size:clamp(44px,5.5vw,75px);font-weight:650;line-height:1.04;letter-spacing:-.055em}
.ph-grad-text{background:none;color:#c7b5ff;-webkit-text-fill-color:#c7b5ff}
.ph-hero-copy .ph-lead{color:#bbb5c3;font-size:16px;line-height:1.7}
.ph-kicker{border-color:#4e405e;background:#211b2b;color:#d9cce9}.ph-kicker b{background:#7854e6}
.ph-hero-visual::before,.ph-float{display:none}.ph-hero-visual .ph-mock{transform:none;box-shadow:0 24px 55px #0007;border-radius:17px}
.ph-hero-actions{margin-top:28px}.ph-hero-note{color:#aaa5b1!important}
.ph-rack-visual{min-height:445px;display:grid;place-items:center;padding:26px 32px;isolation:isolate;overflow:visible}
.ph-rack-visual::before{display:block;content:"";position:absolute;inset:10%;z-index:-2;background:radial-gradient(circle,#4c34733e,transparent 66%);filter:none;border-radius:50%}
.ph-rack-orbit{position:absolute;width:430px;height:430px;border:1px solid #a978e524;border-radius:50%;transform:rotateX(68deg) rotateZ(-18deg);pointer-events:none}
.ph-rack-orbit-two{width:540px;height:540px;border-color:#a978e514}
.ph-rack-machine{width:min(322px,76%);padding:18px 16px 21px;border:1px solid #5f4b70;border-radius:14px;background:linear-gradient(145deg,#262430,#111217 35%,#0d0e12);box-shadow:28px 30px 55px #0009,inset 0 1px 0 #ffffff22;transform:perspective(750px) rotateY(-12deg) rotateX(2deg);position:relative}
.ph-rack-machine:before{content:"";position:absolute;left:0;right:0;top:0;height:13px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,#4c3b64,#17141e)}
.ph-rack-head{display:flex;align-items:center;justify-content:space-between;color:#b7a6ca;font:600 10px Consolas,monospace;letter-spacing:.05em;margin:14px 0 16px}
.ph-rack-head span:last-child{color:#7f7191}
.ph-rack-unit{height:54px;border:1px solid #46414f;border-radius:6px;background:linear-gradient(#23252c,#181a20);display:flex;align-items:center;gap:7px;padding:10px;margin-top:8px;box-shadow:inset 0 1px 0 #ffffff18}
.ph-rack-unit>span{height:25px;flex:1;border-radius:3px;background:repeating-linear-gradient(90deg,#373941 0 3px,#17191e 3px 6px)}
.ph-rack-unit>i{height:5px;width:5px;border-radius:50%;background:#9775fa;box-shadow:0 0 8px #9775fa80}.ph-rack-unit>i:last-child{width:10px;height:10px;margin-left:4px;background:#6fbd95;box-shadow:0 0 10px #6fbd9566}
.ph-rack-callout{position:absolute;display:flex;align-items:center;gap:10px;z-index:1;padding:13px 15px;border:1px solid #66557b;border-radius:10px;background:#211b2af0;box-shadow:0 13px 34px #0007;color:#f5f4f8;font-size:11px;font-weight:600;line-height:1.3}
.ph-rack-callout small{display:block;margin-top:4px;color:#aaa2b8;font-size:9px;font-weight:400}
.ph-rack-callout>i{height:7px;width:7px;border-radius:50%;background:#69d49c;box-shadow:0 0 0 4px #69d49c1e}
.ph-rack-callout>.ph-i{color:#c7b5ff;width:19px;height:19px}
.ph-rack-callout-top{top:52px;right:-10px}.ph-rack-callout-bottom{bottom:57px;left:-12px}
.ph-rack-caption{position:absolute;bottom:6px;right:28px;color:#82798e;font:10px Consolas,monospace;letter-spacing:.09em}
.ph-stats{border-color:#34303a}.ph-stats>div{border-color:#34303a}.ph-stats .ph-tile{background:#2a2137}.ph-stats b{font-size:15px}.ph-stats small{font-size:11px}
.ph-h2{font-size:clamp(30px,3vw,42px);letter-spacing:-.045em}.ph-eyebrow{color:#c7b5ff}
.ph-offer,.ph-plan,.ph-feature,.ph-doc-card,.ph-cart-items,.ph-cart-summary,.ph-faq details,.ph-node{background:#151519;border-color:#35313c;border-radius:16px;box-shadow:none}
.ph-offer:hover,.ph-plan:hover,.ph-feature:hover,.ph-doc-card:hover{border-color:#80649f;box-shadow:none}
.ph-offer-cover{height:120px}.ph-offer-cover--gmod{background:#1b2130}.ph-offer-cover--bot{background:#18241f}.ph-offer-cover--vps{background:#211a31}.ph-offer-cover--mc{background:linear-gradient(145deg,#212329,#17191d)}
.ph-plan--rec{background:linear-gradient(160deg,#252030,#17151c 65%);border-color:#9270c1}
.ph-tag,.ph-badge-count{border-radius:7px}
.ph-footer{background:#0d0d10;border-color:#302d35}
.ph-pagehead{background:#0d0d10}
.ph-input,body:not(.ph) input,body:not(.ph) select,body:not(.ph) textarea{border-radius:9px}
.ph-cookie-banner,.ph-cookie-panel{background:#1b1822;border-color:#544260;border-radius:14px}
/* Espace client et administration existants : même palette, aucune modification JS. */
.site-header{background:#0d0d10ef;border-color:#302d35}
.site-header .shell{width:min(1700px,calc(100% - 56px))}
.brand-symbol{border-radius:10px;clip-path:none}
.btn.primary{background:#7854e6;border-color:#9775fa73;box-shadow:inset 0 1px 0 #ffffff16}
.client-account,.client-card,.client-metrics article,.billing-metrics article,.client-service,.wallet-hero,.presence-panel,.admin-section,.admin-card,.admin-stat,.admin-panel{background:#151519;border-color:#35313c;border-radius:16px}
.client-tabs{background:#17151c;border:1px solid #35313c;border-radius:12px;padding:5px;gap:3px;margin-bottom:28px}
.client-tabs button{border:0;border-radius:8px;padding:11px 16px;color:#b3aebc}
.client-tabs button.active{background:#30273e;color:#e5d9ff;box-shadow:inset 0 0 0 1px #674e83}
.admin-sidebar{background:#141218;border-color:#35313c}.admin-content{background:#0d0d10}
.admin-page .admin-heading h1,.client-heading h1{letter-spacing:-.05em}
@media(max-width:900px){.ph-header .ph-container,.site-header .shell{width:calc(100% - 36px)}.ph-brand img{width:170px}.ph-menu{margin-left:0}.ph-hero{padding-top:55px}.ph-offer-cover{height:120px}}
@media(max-width:600px){.ph-header .ph-container,.site-header .shell{width:calc(100% - 28px)}.ph-brand img{width:145px}.ph-hero h1{font-size:clamp(40px,12vw,56px)}.ph-hero-copy .ph-lead{font-size:13px}.ph-hero-visual{padding:0}.ph-rack-visual{min-height:400px}.ph-rack-machine{width:245px}.ph-rack-unit{height:43px;padding:7px}.ph-rack-orbit{width:290px;height:290px}.ph-rack-orbit-two{width:350px;height:350px}.ph-rack-callout{padding:9px 10px;font-size:9px}.ph-rack-callout-top{right:0;top:40px}.ph-rack-callout-bottom{left:0;bottom:45px}.ph-rack-caption{right:0;bottom:8px;font-size:8px}.ph-stats b{font-size:12px}.client-tabs{overflow:auto}}
@media(prefers-reduced-motion:reduce){.ph-hero .ph-hero-copy,.ph-offer,.ph-plan{animation:none!important;transition:none!important}}

/* Statut : les deux nœuds réels de l’API, sans état inventé. */
.rl-status-page{padding-bottom:72px}.rl-status-hero{padding:50px 0 63px}.rl-status-hero .ph-crumbs{margin-bottom:50px}
.rl-status-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);gap:60px;align-items:center}
.rl-status-kicker{display:block;color:#c7b5ff;font-size:11px;letter-spacing:.15em;font-weight:700;margin-bottom:20px}
.rl-status-grid h1{font-size:clamp(48px,6vw,82px);line-height:1.04;letter-spacing:-.06em;font-weight:650}
.rl-status-grid h1 em{color:#c7b5ff;font-style:normal}.rl-status-intro{color:#b5afbf;font-size:15px;line-height:1.7;max-width:530px;margin-top:22px!important}
.rl-status-overview{padding:30px;border:1px solid #584668;border-radius:18px;background:radial-gradient(circle at 85% 5%,#70509a4a,transparent 45%),linear-gradient(145deg,#251e30,#17151d 72%);min-height:260px;display:flex;flex-direction:column;justify-content:space-between}
.rl-status-overview-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#cbb8e6;font-size:10px;letter-spacing:.08em}
.rl-status-overview-top .ph-i{color:#c7b5ff}.rl-status-overview h2{font-size:24px;line-height:1.25;margin:32px 0 8px}.rl-status-overview p{font-size:11px;color:#bdb1cc}
[data-status-root][data-overall="online"] .rl-status-overview{border-color:#547c66}[data-status-root][data-overall="online"] .rl-status-overview-top .ph-i{color:#70d6a0}
[data-status-root][data-overall="degraded"] .rl-status-overview,[data-status-root][data-overall="offline"] .rl-status-overview{border-color:#9e615f}
.rl-status-overview-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ffffff21;margin-top:23px;padding-top:17px}
.rl-status-overview-foot small{font-size:11px;color:#c3b6d0}.rl-status-overview-foot .ph-btn{min-height:36px;font-size:11px}
.rl-status-main{border-top:1px solid #302d35;padding-top:50px}.rl-status-main h2{font-size:31px;letter-spacing:-.04em}.rl-status-main>p{color:#aaa5b1;font-size:12px;margin:10px 0 25px}
.rl-status-list{border:1px solid #39333f;border-radius:17px;background:#151419;overflow:hidden}
.rl-status-service{padding:28px;display:grid;grid-template-columns:minmax(280px,1fr) minmax(150px,.55fr) minmax(175px,.55fr);gap:24px;align-items:center;border-bottom:1px solid #343039}
.rl-status-service:last-child{border-bottom:0}.rl-status-service[data-state="online"]{--rl-state:#69d49c}.rl-status-service[data-state="offline"]{--rl-state:#eb8888}.rl-status-service[data-state="checking"]{--rl-state:#b99bf0}
.rl-status-ident{display:flex;align-items:center;gap:15px;min-width:0}.rl-status-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border:1px solid #6c5782;border-radius:12px;background:#352741;color:#c9a6fb}
.rl-status-ident h3{font-size:16px;margin-bottom:4px}.rl-status-ident small{font-size:11px;color:#9f98aa}
.rl-status-metric small{display:block;font-size:10px;color:#8f8899;text-transform:uppercase;letter-spacing:.06em}.rl-status-metric strong{display:block;font-size:14px;font-weight:600;margin-top:6px;font-variant-numeric:tabular-nums}
.rl-status-state{justify-self:end;display:inline-flex;align-items:center;gap:9px;color:#d9d1e3;font-size:12px;text-align:right}.rl-status-state:before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--rl-state);box-shadow:0 0 0 4px color-mix(in srgb,var(--rl-state) 17%,transparent)}
.rl-status-service>p{grid-column:1/-1;border-top:1px solid #302d35;padding-top:17px;color:#aaa5b1;font-size:12px;line-height:1.6}
.rl-status-note{display:flex;gap:11px;align-items:start;margin-top:18px;color:#aaa5b1;font-size:11px;line-height:1.65}.rl-status-note .ph-i{color:#c7b5ff;flex:0 0 18px;margin-top:1px}
.rl-status-help{margin-top:38px;border:1px solid #544260;background:linear-gradient(130deg,#211a2b,#151419 72%);border-radius:16px;padding:27px;display:flex;justify-content:space-between;align-items:center;gap:25px}.rl-status-help h3{font-size:19px}.rl-status-help p{font-size:12px;color:#aaa5b1;margin-top:7px}
@media(max-width:850px){.rl-status-grid{grid-template-columns:1fr;gap:30px}.rl-status-service{grid-template-columns:1fr 1fr;gap:17px}.rl-status-ident{grid-column:1/-1}.rl-status-state{justify-self:end}}
@media(max-width:600px){.rl-status-hero{padding:34px 0 45px}.rl-status-hero .ph-crumbs{margin-bottom:34px}.rl-status-grid h1{font-size:clamp(45px,12vw,63px)}.rl-status-intro{font-size:13px}.rl-status-overview{min-height:225px;padding:23px}.rl-status-overview h2{font-size:20px}.rl-status-main{padding-top:41px}.rl-status-main h2{font-size:27px}.rl-status-service{padding:20px;gap:15px}.rl-status-state{font-size:11px}.rl-status-metric strong{font-size:12px}.rl-status-help{display:block}.rl-status-help .ph-btn{margin-top:20px}}

/* Pied de page refondu (oct. 2026) sur les pages historiques : espace client, admin. */
.ph-footer-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,3fr);gap:48px;padding:56px 0 40px}
.ph-footer-brand{display:block}.ph-footer-brand img{width:140px;height:auto}.ph-footer-brand p{max-width:280px;margin:14px 0 18px;color:#8b8592;font-size:13px}
.ph-footer-top .ph-footer-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.ph-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 0 26px;border-top:1px solid #302d35;text-align:left}
.ph-footer-legal{display:flex;flex-wrap:wrap;gap:6px 18px;color:#8b8592;font-size:12.5px}
.ph-footer-note{width:100%;margin:0;color:#6b6672;font-size:12px}
@media(max-width:1020px){.ph-footer-top{grid-template-columns:1fr;gap:32px}}
@media(max-width:760px){.ph-footer-top .ph-footer-cols{grid-template-columns:1fr 1fr}}