/* Feuille de style globale NebulaHost. */
.support-pin-toast{position:fixed;z-index:260;top:12px;left:50%;width:min(560px,calc(100vw - 28px));min-height:68px;padding:13px 14px;display:grid;grid-template-columns:38px minmax(0,1fr) 32px;align-items:center;gap:12px;border:1px solid #f1c3c8;border-radius:13px;background:#fff5f6;color:#9f1f2c;box-shadow:0 16px 42px rgba(83,20,28,.16);transform:translateX(-50%);animation:support-pin-toast-in .18s ease-out}.support-pin-toast[hidden]{display:none!important}.support-pin-toast-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#ffe2e5;color:#cf3343;font-size:22px}.support-pin-toast-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.support-pin-toast-copy strong{font-size:14px;line-height:1.35}.support-pin-toast-copy small{color:#a64b55;font-size:11px;line-height:1.4}.support-pin-toast>button{width:32px;height:32px;padding:0;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#a64b55;font-size:21px;cursor:pointer}.support-pin-toast>button:hover{background:#ffe7e9;color:#91202b}@keyframes support-pin-toast-in{from{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%,0)}}
/* ===== app.css ===== */
:root{--ink:#172052;--muted:#68708f;--purple:#5b35db;--purple-dark:#33207f;--purple-soft:#eeeaff;--blue:#1688f8;--green:#19a974;--orange:#f29d38;--red:#d9435f;--line:#e5e8f2;--canvas:#f5f7fb;--card:#fff;--shadow:0 10px 30px rgba(30,39,89,.08);--radius:14px}*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas);line-height:1.5}a{color:var(--purple);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a{transition:.18s ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(91,53,219,.25);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.75rem,3vw,2.4rem);line-height:1.15;letter-spacing:-.035em}h2{font-size:1.2rem;letter-spacing:-.015em}small{color:var(--muted)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f1f0f8;padding:.2rem .4rem;border-radius:6px;word-break:break-all}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(180deg,#30206f,#17143f);color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:inherit;font-weight:800;font-size:1.2rem;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#8e6cff,#4c30c7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:#fff}.brand-large{font-size:1.35rem}.brand-large .brand-mark{width:42px;height:42px}.nav-main{margin:35px 0 20px;display:flex;flex-direction:column;gap:4px}.nav-main a{display:flex;align-items:center;gap:12px;color:#cbc8e4;padding:10px 12px;border-radius:9px;font-size:.91rem}.nav-main a span{width:20px;text-align:center;font-size:1.1rem}.nav-main a:hover,.nav-main a.active{background:rgba(255,255,255,.1);color:#fff}.nav-main a.active{box-shadow:inset 3px 0 #9d85ff}.nav-label{margin:17px 12px 5px;color:#7f7aa7;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sidebar-help{margin-top:auto;padding:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:12px}.sidebar-help strong{font-size:.86rem}.sidebar-help p{font-size:.75rem;color:#b9b5d0;margin:.4rem 0 .7rem}.sidebar-help a{color:#fff;font-size:.78rem;font-weight:700}.app-main{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:15}.topbar-title{display:flex;flex-direction:column}.topbar-title strong{font-size:.96rem}.breadcrumb{font-size:.7rem;color:#9298ac;text-transform:uppercase;letter-spacing:.08em}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);cursor:pointer}.icon-btn:hover{background:var(--purple-soft);border-color:#d9d1ff}.user-menu{display:flex;align-items:center;gap:9px;padding-left:10px;margin-left:2px;border-left:1px solid var(--line)}.user-menu>span:nth-child(2){display:flex;flex-direction:column;max-width:180px}.user-menu strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu small{font-size:.67rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--purple-soft);color:var(--purple);font-weight:800;font-size:.76rem}.avatar.small{width:32px;height:32px}.menu-toggle{display:none}.content{padding:30px;max-width:1550px;width:100%;margin:0 auto;flex:1}.app-footer{padding:18px 30px;border-top:1px solid var(--line);color:#959ab0;font-size:.72rem;display:flex;justify-content:space-between}.page-head,.admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:25px}.page-head h1,.admin-head h1{margin-bottom:8px}.page-head p,.admin-head p{max-width:680px;color:var(--muted);margin-bottom:0}.head-actions,.top-actions,.card-actions,.form-actions{display:flex;align-items:center;gap:10px}.eyebrow{display:block;color:var(--purple);font-size:.68rem;text-transform:uppercase;font-weight:850;letter-spacing:.13em;margin-bottom:8px}.eyebrow.light{color:#c8bbff}.back-link{display:block;font-size:.78rem;color:var(--muted);margin-bottom:16px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 1px 2px rgba(20,27,70,.02);margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.panel-head h2{margin-bottom:0}.panel-head>a{font-size:.78rem;font-weight:700}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 16px;border-radius:9px;border:1px solid transparent;font-weight:750;font-size:.84rem;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#6740e5,#4a2abd);color:#fff;box-shadow:0 7px 16px rgba(91,53,219,.2)}.btn-secondary{background:#fff;color:var(--ink);border-color:#d9dce9}.btn-white{background:#fff;color:var(--purple-dark)}.btn-danger{background:var(--red);color:#fff}.btn-link,.btn-small{min-height:auto;padding:5px 8px;border:0;background:transparent;color:var(--purple);font-size:.76rem;cursor:pointer}.btn-small{border:1px solid var(--line);background:#fff}.btn-block{width:100%}.danger-text{color:var(--red)!important}.alert{padding:13px 15px;border:1px solid;border-radius:10px;margin-bottom:18px;font-size:.84rem}.alert.success{background:#ecfbf5;color:#097351;border-color:#bcebd9}.alert.danger{background:#fff0f3;color:#a8203a;border-color:#f6c4ce}.alert.warning{background:#fff8e9;color:#8d5b0d;border-color:#f5dcaa}.alert.info{background:#eef7ff;color:#17649e;border-color:#c4e1f8}.welcome-banner{background:linear-gradient(120deg,#4b2cae 0%,#6b45df 55%,#1c8de7 120%);border-radius:18px;padding:28px 32px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 14px 28px rgba(76,44,174,.18);margin-bottom:23px;overflow:hidden;position:relative}.welcome-banner:after{content:"";position:absolute;width:260px;height:260px;border:50px solid rgba(255,255,255,.06);border-radius:50%;right:100px;top:-140px}.welcome-banner h1{font-size:1.75rem;margin-bottom:8px}.welcome-banner p{margin:0;color:#ded7ff}.welcome-banner .btn{z-index:1;white-space:nowrap}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;align-items:center;gap:14px}.metric-card>div{min-width:0;display:flex;flex-direction:column}.metric-card small{font-size:.72rem}.metric-card strong{font-size:1.45rem;letter-spacing:-.03em;margin:2px 0}.metric-card a{font-size:.7rem;font-weight:700}.metric-icon{display:grid;place-items:center;min-width:42px;height:42px;border-radius:11px;font-weight:900}.metric-icon.purple{background:var(--purple-soft);color:var(--purple)}.metric-icon.blue{background:#e7f4ff;color:var(--blue)}.metric-icon.green{background:#e7f9f2;color:var(--green)}.metric-icon.orange{background:#fff3e3;color:var(--orange)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wide-left{grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr)}.service-list{display:flex;flex-direction:column}.service-row{display:grid;grid-template-columns:42px 1fr auto 16px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink)}.service-row:last-child{border-bottom:0}.service-row>span:nth-child(2){display:flex;flex-direction:column}.service-row small{font-size:.7rem}.service-type-icon{display:grid;place-items:center;width:38px;height:38px;background:var(--purple-soft);color:var(--purple);border-radius:10px;font-weight:850}.chevron{font-size:1.5rem;color:#a2a7ba}.status,.priority{display:inline-flex;align-items:center;border-radius:99px;padding:4px 9px;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.035em;background:#eef0f6;color:#67708c;white-space:nowrap}.status.active,.status.paid,.status.completed,.status.succeeded,.status.true,.status.1{background:#e5f8ef;color:#11805a}.status.pending,.status.payment_processing,.status.provisioning,.status.awaiting_admin,.status.awaiting_customer,.status.in_progress,.status.issued,.status.received,.status.processing{background:#fff4df;color:#9b6415}.status.suspended,.status.failed,.status.cancelled,.status.expired,.status.closed,.status.deleted,.status.rejected{background:#ffebee;color:#ad2841}.status.refunded,.status.partially_refunded,.status.resolved{background:#eaf3ff;color:#2867a7}.priority.urgent,.priority.high{background:#ffebee;color:#ad2841}.priority.normal{background:#fff4df;color:#8c5d17}.priority.low{background:#eef0f6;color:#69718c}.timeline{display:flex;flex-direction:column}.timeline>a,.timeline-item{display:flex;gap:12px;color:var(--ink);padding:10px 0}.timeline>a>span:first-child,.timeline-item>span:first-child{width:9px;height:9px;border-radius:50%;background:var(--purple);margin-top:6px;box-shadow:0 0 0 4px var(--purple-soft);flex:0 0 auto}.timeline>a div,.timeline-item div{display:flex;flex-direction:column}.timeline p{font-size:.76rem;color:var(--muted);margin:2px 0}.timeline small{font-size:.66rem}.compact-timeline .timeline-item{padding:7px 0}.empty-state{text-align:center;padding:50px 25px}.empty-state.compact{padding:30px 15px}.empty-state h1{font-size:4rem;margin-bottom:5px}.empty-state p{color:var(--muted)}.empty-icon{font-size:2.3rem;color:var(--purple);display:block;margin-bottom:10px}.filter-tabs{display:flex;gap:6px;margin-bottom:20px;overflow-x:auto}.filter-tabs a{color:var(--muted);font-weight:700;font-size:.8rem;padding:9px 14px;border-radius:8px;white-space:nowrap}.filter-tabs a:hover,.filter-tabs a.active{background:#fff;color:var(--purple);box-shadow:0 1px 4px rgba(20,27,70,.08)}.product-grid,.service-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card,.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px;box-shadow:0 3px 12px rgba(29,35,79,.04)}.product-card:hover,.service-card:hover{border-color:#d2c8fc;box-shadow:var(--shadow)}.product-type{display:inline-block;color:var(--purple);background:var(--purple-soft);font-size:.68rem;font-weight:800;padding:4px 8px;border-radius:6px}.product-card h2,.service-card h2{margin:16px 0 6px}.product-card>p,.service-card>p{color:var(--muted);font-size:.82rem;min-height:42px}.spec-list{padding:0;list-style:none;margin:18px 0}.spec-list li{font-size:.78rem;padding:5px 0}.spec-list span{color:var(--green);margin-right:6px}.service-card-head{display:flex;align-items:center;justify-content:space-between}.service-card dl{margin:20px 0}.service-card dl div,.order-summary>div{display:flex;justify-content:space-between;gap:15px;padding:6px 0}.service-card dt,.service-card dd{font-size:.74rem;margin:0}.service-card dt{color:var(--muted)}.service-card dd{font-weight:700;text-align:right}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stack-form{display:flex;flex-direction:column;gap:14px}.form-grid label,.stack-form label,.reply-box>label{display:flex;flex-direction:column;gap:6px;font-size:.76rem;font-weight:750}.form-grid small,.stack-form small{font-size:.66rem;font-weight:500}.span-2{grid-column:1/-1}.form-section{grid-column:1/-1;border-bottom:1px solid var(--line);padding-bottom:8px;margin:14px 0 0;font-size:.95rem}input,select,textarea{width:100%;border:1px solid #d8dce9;background:#fff;border-radius:8px;padding:10px 11px;font-size:.84rem}input:hover,select:hover,textarea:hover{border-color:#bfc4d6}input:focus,select:focus,textarea:focus{border-color:var(--purple)}textarea{resize:vertical}.check{flex-direction:row!important;align-items:flex-start!important;font-weight:500!important}.check input{width:auto;margin-top:3px}.form-between{display:flex;justify-content:space-between;font-size:.75rem}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(360px,42%) 1fr}.auth-brand-panel{background:radial-gradient(circle at 80% 20%,rgba(118,82,236,.75),transparent 32%),linear-gradient(145deg,#24165f,#4b29a8 70%,#2054a8);color:#fff;padding:48px 54px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.auth-brand-panel h1{font-size:clamp(2.5rem,5vw,4.2rem);line-height:1;max-width:620px}.auth-brand-panel p{color:#d8d2ee;max-width:520px;font-size:1.05rem}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:#cfc9e5;font-size:.72rem}.auth-content{display:flex;align-items:center;justify-content:center;padding:30px;background:#fafbfe}.auth-card{width:min(100%,500px);background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:var(--shadow)}.auth-card h2{font-size:1.7rem;margin-bottom:6px}.auth-card>.muted{margin-bottom:22px}.auth-switch{text-align:center;font-size:.78rem;color:var(--muted);margin:20px 0 0}.muted{color:var(--muted)}.small{font-size:.72rem}.install-body{background:linear-gradient(135deg,#22155d,#623bd4);min-height:100vh;padding:30px}.install-shell{max-width:860px;margin:auto}.install-shell>.brand{color:#fff;margin-bottom:24px}.install-card{width:100%;max-width:none}.install-card h1{font-size:2rem}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.65fr);gap:20px}.order-summary{align-self:start;position:sticky;top:96px}.order-summary h2{margin-bottom:14px}.order-summary hr{border:0;border-top:1px solid var(--line);margin:13px 0}.order-summary .total strong{font-size:1.25rem}.secure-note{display:block;margin-top:14px;line-height:1.5}.payment-methods{display:flex;flex-direction:column;gap:12px}.payment-option{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px}.payment-option>div{display:flex;flex-direction:column;flex:1}.payment-logo{display:grid;place-items:center;width:45px;height:36px;border-radius:8px;font-weight:900}.payment-logo.wallet{background:var(--purple-soft);color:var(--purple)}.payment-logo.card{background:#e9f5ff;color:#1177cb}.payment-logo.gift{background:#fff1dd;color:#d28312}.table-wrap{overflow:auto;margin:-1px}table{width:100%;border-collapse:collapse;font-size:.78rem}th{text-align:left;color:#7c839d;text-transform:uppercase;font-size:.62rem;letter-spacing:.07em;background:#fafbfe}th,td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:0}td small{display:block;margin-top:3px}.click-row{cursor:pointer}.click-row:hover{background:#fbfaff}.amount{font-weight:800}.amount.positive{color:var(--green)}.amount.negative{color:var(--red)}.wallet-hero{border-radius:18px;padding:28px 30px;background:linear-gradient(120deg,#251768,#5d36cc 60%,#147dd1);color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;box-shadow:0 14px 28px rgba(76,44,174,.18)}.wallet-hero>div{display:flex;flex-direction:column}.wallet-hero>div>span{color:#d7d0ef;font-size:.8rem}.wallet-hero strong{font-size:2.6rem;letter-spacing:-.05em}.wallet-hero small{color:#c9c3e3}.wallet-chip{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);border-radius:12px;padding:15px 20px;text-align:right;font-size:.72rem}.wallet-chip b{font-size:.9rem}.service-hero{display:grid;grid-template-columns:1.4fr 1fr 1fr;background:linear-gradient(110deg,#2c1b73,#5b37cb);border-radius:14px;color:#fff;padding:22px;margin-bottom:20px}.service-hero>div{display:flex;flex-direction:column;padding:0 20px;border-right:1px solid rgba(255,255,255,.16)}.service-hero>div:last-child{border:0}.service-hero small,.service-hero span{color:#cbc4e5;font-size:.68rem}.service-hero strong{font-size:1.2rem;margin:3px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;margin:0}.detail-grid div{padding:12px 5px;border-bottom:1px solid var(--line)}.detail-grid dt{font-size:.68rem;color:var(--muted)}.detail-grid dd{margin:3px 0 0;font-weight:700;font-size:.82rem}.toggle{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px}.toggle input{display:none}.toggle>span{width:38px;height:22px;background:#c8cbd6;border-radius:20px;position:relative;flex:0 0 auto;margin-top:2px}.toggle>span:after{content:"";width:16px;height:16px;background:#fff;position:absolute;border-radius:50%;left:3px;top:3px;transition:.2s}.toggle input:checked+span{background:var(--purple)}.toggle input:checked+span:after{left:19px}.toggle div{display:flex;flex-direction:column}.duration-options{display:grid;gap:9px}.duration-options input{display:none}.duration-options span{display:flex;justify-content:space-between;border:1px solid var(--line);padding:13px;border-radius:10px}.duration-options input:checked+span{border-color:var(--purple);background:var(--purple-soft);color:var(--purple)}.narrow-panel{max-width:720px}.ticket-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.65fr);gap:20px}.conversation{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.message{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px}.message.admin-message{border-left:4px solid var(--purple);background:#fdfcff}.message-meta{display:flex;align-items:center;gap:10px}.message-meta>div{display:flex;flex-direction:column}.message-meta small{font-size:.66rem}.message-body{margin:14px 0 4px;font-size:.86rem}.attachment{display:inline-flex;gap:8px;align-items:center;margin-top:10px;padding:8px 10px;background:var(--purple-soft);border-radius:8px;font-size:.72rem}.reply-box{box-shadow:var(--shadow)}.reply-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.file-btn{cursor:pointer;color:var(--purple);font-size:.75rem}.file-btn input{display:none}.modal{border:0;background:transparent;padding:15px;width:min(720px,100%);max-width:none}.modal::backdrop{background:rgba(15,14,42,.65);backdrop-filter:blur(3px)}.modal-card{background:#fff;border-radius:16px;padding:25px}.modal-head,.modal-actions{display:flex;justify-content:space-between;align-items:flex-start}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px}.priority{font-size:.62rem}.session-list,.notification-list{display:flex;flex-direction:column}.session-row,.notification-list>a{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink)}.session-row:last-child,.notification-list>a:last-child{border-bottom:0}.session-row>div,.notification-list>a>div{display:flex;flex-direction:column;flex:1}.notification-list p{margin:2px 0;color:var(--muted);font-size:.78rem}.secret-box{background:#f7f5ff;border:1px dashed #b7a8ef;border-radius:10px;padding:13px;display:flex;flex-direction:column;gap:8px;margin:13px 0}.inline-card{display:flex;justify-content:space-between;align-items:center;gap:20px}.inline-card h2{margin-bottom:4px}.danger-panel{border-color:#f3c8d0}.admin-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px}.admin-nav{display:flex;flex-direction:column;gap:2px}.admin-nav strong{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:#979caf;margin:15px 8px 4px}.admin-nav a{padding:7px 9px;border-radius:7px;color:var(--muted);font-size:.75rem}.admin-nav a:hover,.admin-nav a.active{background:#fff;color:var(--purple);font-weight:700}.admin-content{min-width:0}.admin-toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:15px}.admin-toolbar form,.inline-form{display:flex;gap:8px;flex:1}.admin-toolbar input{max-width:420px}.admin-jump{display:none;width:auto}.admin-action-card h2{font-size:.95rem}.admin-action-card small{display:block;margin-top:8px}.admin-editor{border-color:#d8cff9}.row-actions{white-space:nowrap}.row-actions form{display:inline}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-grid a{padding:13px;background:var(--purple-soft);border-radius:8px;font-size:.77rem;font-weight:700}
@media(max-width:1100px){.metrics-grid{grid-template-columns:1fr 1fr}.product-grid,.service-card-grid{grid-template-columns:1fr 1fr}.checkout-grid,.ticket-layout{grid-template-columns:1fr}.order-summary{position:static}.admin-layout{grid-template-columns:1fr}.admin-nav{display:none}.admin-jump{display:block}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 50px rgba(0,0,0,.25)}.app-main{margin-left:0}.menu-toggle{display:grid}.topbar{padding:0 16px}.user-menu>span:nth-child(2),.user-menu>a{display:none}.content{padding:20px 15px}.page-head,.admin-head{flex-direction:column}.welcome-banner{align-items:flex-start;flex-direction:column;padding:24px}.two-column,.wide-left,.product-grid,.service-card-grid{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-content{min-height:100vh;padding:18px}.app-footer{padding:15px;flex-direction:column;gap:5px}.service-hero{grid-template-columns:1fr}.service-hero>div{padding:11px 5px;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.detail-grid{grid-template-columns:1fr}.inline-form{flex-direction:column}.admin-toolbar{flex-direction:column}.admin-toolbar form{display:flex}.install-body{padding:15px}.install-card{padding:22px}}
@media(max-width:520px){.metrics-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2,.form-section{grid-column:auto}.auth-card{padding:24px 20px}.top-actions>.icon-btn{display:none}.wallet-hero{align-items:flex-start;flex-direction:column;gap:22px}.payment-option{align-items:flex-start;flex-wrap:wrap}.payment-option>div{min-width:170px}.reply-actions{align-items:flex-start;flex-direction:column;gap:10px}.panel{padding:17px}.welcome-banner h1{font-size:1.45rem}}

/* Premium Cloud Manager theme — inspired by European cloud control panels */
:root{--ink:#07154a;--muted:#596584;--purple:#000e9c;--purple-dark:#00066d;--purple-soft:#edf3ff;--blue:#0065d5;--green:#078f66;--orange:#c66b00;--red:#c0183c;--line:#dce4f2;--canvas:#f4f7fc;--card:#fff;--shadow:0 18px 50px rgba(5,24,82,.09);--radius:10px}
body{font-family:"Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,#f7f9fd 0,#f3f6fb 100%);letter-spacing:.002em}
h1{font-weight:720;color:#06164b}h2,h3{color:#0a1c55}a{color:#0050d7}.app-shell:before{content:"";position:fixed;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#000e9c,#0050d7 52%,#00a2ff);z-index:40}
.sidebar{width:264px;padding:29px 20px 22px;background:#06144a;border-right:1px solid rgba(255,255,255,.08);box-shadow:10px 0 35px rgba(1,12,57,.08)}
.app-main{margin-left:264px}.brand{font-size:1.08rem;gap:12px}.brand>span:last-child{display:flex;flex-direction:column}.brand>span>small{font-weight:500;color:#93a6d4;font-size:.62rem;letter-spacing:.04em;margin-top:1px}.brand-mark{width:37px;height:37px;border-radius:5px;background:linear-gradient(145deg,#1769ff,#0042cb);box-shadow:0 8px 24px rgba(0,86,255,.32),inset 0 0 0 1px rgba(255,255,255,.25);font-size:1.08rem}
.nav-main{margin-top:31px;gap:2px}.nav-main a{min-height:43px;padding:10px 12px;color:#bac7e5;border-radius:6px;font-size:.86rem;font-weight:520;position:relative}.nav-main a span{color:#8fa8de}.nav-main a:hover{background:#102667;color:#fff}.nav-main a.active{background:linear-gradient(90deg,#15317e,#102866);color:#fff;box-shadow:none}.nav-main a.active:before{content:"";position:absolute;left:-20px;top:8px;bottom:8px;width:3px;background:#4aa8ff;border-radius:0 4px 4px 0}.nav-main a.active span{color:#69b8ff}.nav-label{color:#6f85b6;font-size:.62rem;margin-top:19px;letter-spacing:.15em}
.sidebar-help{padding:16px;background:#0c225d;border:1px solid #1b3678;border-radius:8px;position:relative}.support-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#39d39f;box-shadow:0 0 0 4px rgba(57,211,159,.12);margin-right:7px}.sidebar-help p{color:#aab8d7}.sidebar-help a{color:#72b9ff}.sidebar-help a span{transition:transform .2s;display:inline-block}.sidebar-help a:hover span{transform:translateX(3px)}
.topbar{height:78px;padding:0 32px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-color:#dfe6f1;box-shadow:0 5px 18px rgba(4,20,72,.035)}.breadcrumb{color:#7784a1;font-size:.63rem;letter-spacing:.09em}.topbar-title strong{font-size:1rem;color:#07184f}.top-actions{gap:8px}.region-chip{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 11px;border:1px solid var(--line);border-radius:6px;color:#3e4d70;font-size:.7rem;font-weight:700}.region-chip i{width:7px;height:7px;border-radius:50%;background:#13a673}.icon-btn{width:36px;height:36px;border-radius:6px;color:#253765}.icon-btn:hover{background:#eef4ff;border-color:#b8cef2;color:#0049c6}.notification-button{position:relative}.notification-button i{position:absolute;width:7px;height:7px;border-radius:50%;background:#ff3e62;right:7px;top:6px;border:2px solid #fff}.user-menu{margin-left:7px;padding-left:15px}.avatar{border-radius:6px;background:#e8f1ff;color:#0047bd}
.content{padding:34px 34px 45px;max-width:1500px}.page-head,.admin-head{margin-bottom:28px}.page-head h1,.admin-head h1{font-size:clamp(1.75rem,2.3vw,2.25rem);margin-bottom:7px}.page-head p,.admin-head p{font-size:.9rem}.eyebrow{color:#0050d7;letter-spacing:.12em}.panel{border-color:#dfe6f1;border-radius:10px;padding:24px;box-shadow:0 3px 12px rgba(7,25,76,.035)}.panel:hover{border-color:#cfdaeb}.panel-head{margin-bottom:20px}
.btn{min-height:42px;border-radius:6px;font-size:.8rem;letter-spacing:.01em}.btn:hover{transform:none}.btn-primary{background:#0050d7;border-color:#0050d7;box-shadow:0 5px 14px rgba(0,80,215,.18)}.btn-primary:hover{background:#003fba;border-color:#003fba;box-shadow:0 7px 18px rgba(0,65,185,.22)}.btn-secondary{border-color:#aebbd2;color:#12306b}.btn-secondary:hover{background:#f2f6fc;border-color:#8096bb}.btn-white{color:#003fba;border-color:#fff}.btn-danger{background:#c0183c}.alert{border-radius:7px}
.welcome-banner{min-height:194px;padding:31px 34px;border-radius:12px;background:linear-gradient(118deg,#06144a 0%,#001a8d 53%,#005ed7 100%);box-shadow:0 20px 40px rgba(2,31,118,.18)}.welcome-banner:before{content:"";position:absolute;inset:auto 38% -95px auto;width:260px;height:260px;border:1px solid rgba(255,255,255,.12);transform:rotate(38deg)}.welcome-banner:after{width:330px;height:330px;border:1px solid rgba(255,255,255,.12);right:-80px;top:-138px}.welcome-banner h1{color:#fff;font-size:1.9rem;letter-spacing:-.025em}.welcome-banner p{color:#c9d9f8}.welcome-banner .eyebrow{color:#7fc4ff}
.metrics-grid{gap:18px}.metric-card{min-height:112px;padding:20px;border-color:#dfe6f1;border-radius:9px;box-shadow:0 3px 12px rgba(7,25,76,.035);position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#c9d8ef}.metric-card:hover{border-color:#bfd0e9;box-shadow:0 10px 28px rgba(7,25,76,.08);transform:translateY(-1px)}.metric-card small{text-transform:uppercase;letter-spacing:.065em;font-size:.62rem;font-weight:750}.metric-card strong{font-size:1.65rem;color:#07184f}.metric-card a{color:#0050d7}.metric-icon{border-radius:7px}.metric-icon.purple{background:#edf2ff;color:#001fba}.metric-icon.blue{background:#e9f5ff;color:#0065d5}.metric-icon.green{background:#e7f8f2;color:#078f66}.metric-icon.orange{background:#fff3df;color:#b96000}
.product-grid,.service-card-grid{gap:20px}.product-card,.service-card{border-color:#dfe6f1;border-radius:10px;padding:25px;box-shadow:0 4px 15px rgba(7,25,76,.035)}.product-card:hover,.service-card:hover{border-color:#8fb2e5;box-shadow:0 16px 38px rgba(7,25,76,.1);transform:translateY(-2px)}.product-type{background:#eaf2ff;color:#004bc7;border-radius:4px}.service-type-icon{border-radius:6px;background:#eaf2ff;color:#004bc7}
.status,.priority{border-radius:4px;padding:4px 8px;letter-spacing:.055em}.service-row{padding:14px 0}.service-row:hover{background:#f8faff;margin-inline:-10px;padding-inline:10px;border-radius:6px}.timeline>a>span:first-child,.timeline-item>span:first-child{background:#0065d5;box-shadow:0 0 0 4px #e8f3ff}
.filter-tabs{padding:4px;background:#e8edf6;border-radius:8px;width:max-content;max-width:100%}.filter-tabs a{border-radius:5px;padding:8px 13px}.filter-tabs a:hover,.filter-tabs a.active{box-shadow:0 2px 8px rgba(7,25,76,.09);color:#004fcf}
input,select,textarea{border-color:#bfc9da;border-radius:6px;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:#0065d5;box-shadow:0 0 0 3px rgba(0,101,213,.1);outline:0}table{font-size:.8rem}th{background:#f1f4f9;color:#596785}th,td{padding:13px 14px}tbody tr:hover{background:#f7faff}.wallet-hero,.service-hero{border-radius:10px;background:linear-gradient(112deg,#06144a,#001b91 60%,#0060d7)}
.auth-brand-panel{background:radial-gradient(circle at 80% 18%,rgba(0,120,255,.5),transparent 30%),linear-gradient(145deg,#061142,#001c89 72%,#0062d4)}.auth-card{border-radius:12px}.modal-card{border-radius:10px}.quick-grid a{background:#edf3ff;color:#004bc7;border-radius:6px}
@media(max-width:800px){.sidebar{width:270px}.app-main{margin-left:0}.topbar{padding:0 16px}.content{padding:24px 16px 36px}.region-chip{display:none}.welcome-banner{min-height:0}.app-shell:has(.sidebar.open):after{content:"";position:fixed;inset:0;background:rgba(3,11,40,.48);z-index:19;backdrop-filter:blur(2px)}}
@media(max-width:520px){.topbar-title .breadcrumb{display:none}.welcome-banner{padding:25px 22px}.welcome-banner h1{font-size:1.55rem}.metric-card{min-height:98px}.panel{padding:18px}.filter-tabs{width:100%}}

/* ===== auth-pro.css ===== */
/* NebulaHost v79 — Auth redesign from scratch */
:root{
  --auth-blue:#155eef;
  --auth-blue-dark:#0b49c7;
  --auth-ink:#101828;
  --auth-muted:#667085;
  --auth-line:#e4e7ec;
  --auth-soft:#f7f9fc;
}

.auth-layout{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(460px,.98fr);
  background:#fff;
}

/* Left: login / forms */
.auth-content{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:92px 64px 82px;
  background:#fff;
}
.auth-content:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 8%,rgba(21,94,239,.055),transparent 23%),
    radial-gradient(circle at 92% 88%,rgba(21,94,239,.035),transparent 24%);
}
.auth-content-inner{
  position:relative;
  z-index:1;
  width:min(100%,470px);
}
.auth-mobile-brand{
  position:fixed;
  top:34px;
  left:44px;
  display:flex;
  align-items:center;
  gap:11px;
  color:var(--auth-ink);
  font-size:1rem;
  font-weight:800;
  letter-spacing:-.02em;
}
.auth-mobile-brand .brand-mark{
  width:34px;
  height:34px;
  border-radius:10px;
  background:linear-gradient(135deg,#1767f5,#0f4acb);
  box-shadow:0 7px 18px rgba(21,94,239,.2);
}

.auth-card{
  width:100%;
  max-width:none;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.auth-card .alert{
  margin:0 0 24px;
  border-radius:10px;
  font-size:.8rem;
}
.login-panel{display:block}
.login-heading{margin:0 0 30px}
.login-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0 0 13px;
  color:#155eef;
  font-size:.7rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.login-kicker i{font-size:1rem}
.login-heading h2{
  margin:0;
  color:var(--auth-ink);
  font-size:2.35rem;
  line-height:1.08;
  letter-spacing:-.048em;
  font-weight:800;
}
.login-heading p{
  max-width:410px;
  margin:11px 0 0;
  color:var(--auth-muted);
  font-size:.9rem;
  line-height:1.65;
}
.login-form{display:grid;gap:19px}
.login-field{display:grid!important;gap:7px!important;margin:0!important}
.login-field>span{
  color:#344054;
  font-size:.77rem;
  font-weight:700;
}
.login-input-wrap{position:relative}
.login-input-wrap>i{
  position:absolute;
  left:15px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  color:#98a2b3;
  font-size:1.12rem;
  pointer-events:none;
}
.login-input-wrap input{
  width:100%;
  height:52px;
  margin:0;
  padding:0 15px 0 45px!important;
  border:1px solid #d0d5dd;
  border-radius:10px;
  background:#fff;
  color:#101828;
  font-size:.88rem;
  outline:0;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
  transition:border-color .16s,box-shadow .16s;
}
.login-input-wrap input::placeholder{color:#98a2b3}
.login-input-wrap input:hover{border-color:#aeb7c5}
.login-input-wrap input:focus{
  border-color:#155eef;
  box-shadow:0 0 0 4px rgba(21,94,239,.09),0 1px 2px rgba(16,24,40,.04);
}
.login-options{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:-2px;
}
.login-options>a{
  color:#155eef;
  font-size:.76rem;
  font-weight:750;
  text-decoration:none;
}
.login-options>a:hover{text-decoration:underline}
.login-remember{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center;
  gap:7px!important;
  margin:0!important;
  color:#475467;
  font-size:.76rem;
  font-weight:600;
  cursor:pointer;
}
.login-remember input{
  appearance:none;
  display:grid;
  place-content:center;
  width:17px;
  height:17px;
  margin:0;
  border:1px solid #c7ced8;
  border-radius:5px;
  background:#fff;
}
.login-remember input:checked{border-color:#155eef;background:#155eef}
.login-remember input:checked:after{content:"✓";color:#fff;font-size:.67rem;font-weight:900;line-height:1}
.login-submit{
  min-height:52px;
  margin-top:1px;
  border:0;
  border-radius:10px;
  background:linear-gradient(180deg,#1767f5,#155eef);
  color:#fff;
  font-size:.84rem;
  font-weight:800;
  box-shadow:0 8px 20px rgba(21,94,239,.2);
  transition:transform .16s,box-shadow .16s,background .16s;
}
.login-submit:hover{
  transform:translateY(-1px);
  background:linear-gradient(180deg,#1763e9,#0f55d9);
  box-shadow:0 11px 24px rgba(21,94,239,.24);
}
.login-submit i{margin-left:5px;font-size:1.08rem;vertical-align:-2px}
.login-secure-note{
  display:flex;
  align-items:center;
  gap:10px;
  margin:20px 0 0;
  padding:0;
  border:0;
  background:transparent;
  color:#667085;
}
.login-secure-note>i{font-size:1.1rem;color:#12b76a}
.login-secure-note>span{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.login-secure-note strong{font-size:.71rem;color:#475467}
.login-secure-note small{font-size:.7rem;color:#98a2b3}
.login-switch{
  margin:30px 0 0;
  padding-top:24px;
  border-top:1px solid #eaecf0;
  color:#667085;
  font-size:.78rem;
  text-align:center;
}
.login-switch a{color:#155eef;font-weight:800;text-decoration:none}
.login-switch a:hover{text-decoration:underline}

/* Right: hosting brand panel, completely new composition */
.auth-brand-panel{
  position:relative;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  padding:42px 48px 38px;
  background:#081a3a;
  color:#fff;
}
.auth-brand-panel:before{
  content:"";
  position:absolute;
  width:620px;
  height:620px;
  right:-210px;
  top:-220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(55,128,255,.42) 0%,rgba(55,128,255,.08) 48%,transparent 70%);
}
.auth-brand-panel:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.25;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,black 0%,transparent 76%);
}
.auth-brand-panel>*{position:relative;z-index:1}
.auth-brand-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
.auth-brand-top .brand{display:flex;align-items:center;gap:12px;color:#fff}
.auth-brand-top .brand>span:last-child{display:flex;flex-direction:column;font-size:.95rem;font-weight:800;letter-spacing:-.02em}
.auth-brand-top .brand small{margin-top:1px;color:#91a4c5;font-size:.59rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}
.auth-brand-top .brand-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#2d7dff,#155eef);box-shadow:0 8px 25px rgba(29,105,242,.28)}
.auth-region{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:#c8d5e9;
  font-size:.66rem;
  font-weight:650;
}
.auth-region i{width:6px;height:6px;border-radius:50%;background:#32d583;box-shadow:0 0 0 4px rgba(50,213,131,.09)}
.auth-pitch{max-width:560px;margin:auto 0;padding:80px 0 56px}
.auth-pitch .eyebrow{display:none}
.auth-pitch h1{
  max-width:520px;
  margin:0;
  color:#fff;
  font-size:clamp(2.7rem,4.5vw,4.5rem);
  line-height:.98;
  letter-spacing:-.06em;
  font-weight:820;
}
.auth-pitch h1 em{display:inline;color:#70a6ff;font-style:normal}
.auth-pitch p{
  max-width:500px;
  margin:22px 0 0;
  color:#b5c5dc;
  font-size:.94rem;
  line-height:1.75;
}
.auth-features{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:34px;
}
.auth-features span{
  display:grid;
  gap:7px;
  min-width:0;
  padding:15px 14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.045);
  color:#dbe5f5;
  font-size:.68rem;
  line-height:1.35;
}
.auth-features span b{color:#75a7ff;font-size:.61rem;letter-spacing:.08em}
.auth-preview{
  display:block;
  width:min(100%,540px);
  margin:0 0 30px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(4,17,41,.6);
  box-shadow:0 24px 60px rgba(0,0,0,.23);
  backdrop-filter:blur(12px);
  overflow:hidden;
}
.preview-top{
  min-height:45px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 15px;
  border-bottom:1px solid rgba(255,255,255,.075);
  color:#9fb0c9;
  font-size:.64rem;
}
.preview-top>span{width:6px;height:6px;border-radius:50%;background:#455873}
.preview-top b{margin-left:7px;color:#dbe6f6;font-size:.66rem}
.preview-top i{margin-left:auto;padding:4px 7px;border-radius:999px;background:rgba(50,213,131,.10);color:#75e2ad;font-style:normal;font-size:.58rem;font-weight:700}
.preview-body{display:grid;grid-template-columns:1fr 1fr;gap:0}
.preview-chart,.preview-resources{padding:20px}
.preview-chart{border-right:1px solid rgba(255,255,255,.07)}
.preview-chart small,.preview-resources small{display:block;color:#8599b7;font-size:.6rem;margin-bottom:8px}
.preview-chart strong{display:block;color:#fff;font-size:1.55rem;letter-spacing:-.04em}
.preview-chart>span{display:block;position:relative;height:36px;margin-top:12px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(37,116,255,.16),transparent);clip-path:polygon(0 75%,13% 66%,25% 70%,37% 45%,49% 53%,63% 29%,76% 39%,88% 19%,100% 24%,100% 100%,0 100%)}
.preview-resources{display:grid;align-content:start;gap:8px}
.preview-resources b{display:block;height:7px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.preview-resources b:after{content:"";display:block;height:100%;width:72%;border-radius:inherit;background:linear-gradient(90deg,#236ff1,#69a0ff)}
.preview-resources b:nth-of-type(2):after{width:48%}.preview-resources b:nth-of-type(3):after{width:83%}
.trust-row{display:flex;flex-wrap:wrap;gap:17px;color:#8599b7;font-size:.62rem}
.auth-legal{
  position:fixed;
  left:64px;
  bottom:28px;
  color:#98a2b3;
  font-size:.64rem;
}
.auth-legal a{color:#667085;text-decoration:none}.auth-legal a:hover{color:#155eef}

/* Other auth routes stay clean within the same shell */
.auth-card>.eyebrow,.auth-card .auth-card-head .eyebrow{color:#155eef;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.auth-card>h2,.auth-card .auth-card-head+h2{margin:10px 0 8px;color:#101828;font-size:2rem;letter-spacing:-.04em}
.auth-card>.muted{margin:0 0 24px;color:#667085;line-height:1.6;font-size:.84rem}
.auth-card .stack-form,.auth-card .form-grid{gap:17px}
.auth-card .stack-form label,.auth-card .form-grid label{color:#344054;font-size:.76rem;font-weight:700}
.auth-card .stack-form input,.auth-card .form-grid input:not([type="checkbox"]){min-height:49px;border-radius:10px;border-color:#d0d5dd}
.auth-card .auth-switch{color:#667085;font-size:.76rem;text-align:center}

@media (max-width:1050px){
  .auth-layout{grid-template-columns:minmax(0,1fr) 410px}
  .auth-brand-panel{padding:36px 32px}
  .auth-features{grid-template-columns:1fr}
  .auth-features span:nth-child(n+3){display:none}
  .auth-preview{display:none}
  .auth-content{padding-left:48px;padding-right:48px}
  .auth-mobile-brand{left:36px}
}
@media (max-width:820px){
  .auth-layout{display:block}
  .auth-brand-panel{display:none}
  .auth-content{min-height:100vh;padding:104px 22px 72px}
  .auth-content-inner{width:min(100%,460px)}
  .auth-mobile-brand{position:absolute;top:-66px;left:0}
  .auth-legal{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:max-content;max-width:90%;text-align:center}
}
@media (max-width:520px){
  .auth-content{padding-left:18px;padding-right:18px}
  .login-heading{margin-bottom:25px}
  .login-heading h2{font-size:2rem}
  .login-options{align-items:flex-start;flex-direction:column;gap:11px}
  .login-submit{min-height:50px}
  .login-secure-note>span{display:grid;gap:2px}
}


/* ===== billing-nav.css ===== */
/* Billing dropdown — same visual language as native NebulaHost sidebar links */
.nav-main .nav-dropdown{
  width:100%;
  margin:1px 0;
  padding:0;
  border:0;
  background:transparent;
}

.nav-main .nav-dropdown > summary{
  position:relative;
  width:100%;
  min-height:42px;
  margin:0;
  padding:10px 12px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 20px;
  align-items:center;
  column-gap:13px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#eef1ff;
  font:inherit;
  font-size:1rem;
  font-weight:540;
  line-height:1.25;
  list-style:none;
  cursor:pointer;
  user-select:none;
  box-sizing:border-box;
  outline:0;
}

.nav-main .nav-dropdown > summary::-webkit-details-marker{display:none}
.nav-main .nav-dropdown > summary::marker{display:none;content:""}

.nav-main .nav-dropdown > summary > i:first-child{
  grid-column:1;
  width:24px;
  min-width:24px;
  margin:0;
  text-align:center;
  color:#d7ddff;
  font-size:1.35rem;
}

.nav-main .nav-dropdown > summary > span{
  grid-column:2;
  min-width:0;
  margin:0;
  padding:0;
  color:inherit;
  font-size:inherit;
  font-weight:inherit;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.nav-main .nav-dropdown > summary > .nav-dropdown-arrow{
  grid-column:3;
  width:20px !important;
  margin:0 !important;
  color:#dbe1ff;
  font-size:1.25rem;
  transition:transform .18s ease;
}

.nav-main .nav-dropdown > summary:hover{
  background:#151a5c;
  color:#fff;
}

.nav-main .nav-dropdown > summary:hover > i:first-child{color:#fff}

.nav-main .nav-dropdown > summary.active,
.nav-main .nav-dropdown[open] > summary.active{
  background:#222d55;
  color:#fff;
  font-weight:680;
}

.nav-main .nav-dropdown > summary.active > i:first-child{color:#fff}
.nav-main .nav-dropdown[open] > summary > .nav-dropdown-arrow{transform:rotate(90deg)}

.nav-main .nav-dropdown-menu{
  display:grid;
  gap:1px;
  margin:3px 0 5px 36px;
  padding:2px 0 2px 10px;
  border-left:1px solid rgba(219,225,255,.14);
}

.nav-main .nav-dropdown-menu a{
  width:100%;
  min-height:35px;
  margin:0;
  padding:7px 10px;
  display:grid;
  grid-template-columns:19px minmax(0,1fr) !important;
  align-items:center;
  column-gap:10px;
  border-radius:7px;
  color:#aeb7dc;
  font-size:.86rem;
  font-weight:520;
  box-sizing:border-box;
}

.nav-main .nav-dropdown-menu a > i:first-child{
  grid-column:1 !important;
  width:19px !important;
  min-width:19px !important;
  margin:0 !important;
  color:#8e99ca;
  font-size:1.05rem !important;
  text-align:center;
}

.nav-main .nav-dropdown-menu a > span{
  grid-column:2 !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:inherit;
  font-size:inherit;
  text-align:left;
}

.nav-main .nav-dropdown-menu a:hover{
  background:#151a5c;
  color:#fff;
}
.nav-main .nav-dropdown-menu a:hover > i:first-child{color:#d7ddff}

.nav-main .nav-dropdown-menu a.active{
  background:#1b2450;
  color:#fff;
  font-weight:650;
}
.nav-main .nav-dropdown-menu a.active::before{display:none !important}
.nav-main .nav-dropdown-menu a.active > i:first-child{color:#69c1ff}

@media(max-width:800px){
  .nav-main .nav-dropdown-menu{margin-left:36px}
}

/* ===== status.css ===== */
.status-page{max-width:1180px;margin:0 auto;padding-bottom:52px}.status-page-head{align-items:flex-end}.status-last-update{display:inline-flex;align-items:center;gap:7px;color:#687089;font-size:12px}.status-setup-warning{display:flex;gap:14px;align-items:flex-start;border:1px solid #f0c36a;background:#fff9eb;border-radius:14px;padding:18px 20px}.status-setup-warning>i{font-size:24px;color:#c78600}.status-setup-warning p{margin:4px 0 0;color:#6f6a5f}.status-hero{border:1px solid #9bcfbd;border-radius:15px;background:linear-gradient(135deg,#f2fbf7,#f7fbff);padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 8px 24px rgba(24,38,66,.035)}.status-hero-main{display:flex;align-items:center;gap:16px}.status-hero-icon{width:52px;height:52px;border-radius:16px;background:#cbe8dc;display:grid;place-items:center;color:#109764;font-size:28px}.status-hero h2{font-size:18px;margin:0 0 5px;color:#111827}.status-hero p{margin:0;color:#647087;font-size:13px}.status-hero-uptime{text-align:right}.status-hero-uptime strong{display:block;color:#824cff;font-size:22px;line-height:1}.status-hero-uptime span{font-size:11px;color:#647087}.status-hero.status-degraded,.status-hero.status-partial_outage{border-color:#edc06e;background:#fffaf0}.status-hero.status-major_outage{border-color:#ee9d9d;background:#fff6f6}.status-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.status-kpis article{background:#fff;border:1px solid #dbe0e9;border-radius:12px;min-height:78px;padding:15px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 5px 16px rgba(28,39,60,.03)}.status-kpis strong{display:block;font-size:20px;color:#111827;line-height:1.1}.status-kpis small{display:block;color:#6d7588;font-size:11px;margin-top:4px}.status-kpi-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:20px}.status-kpi-icon.purple{background:#f2eaff;color:#8251ff}.status-kpi-icon.green{background:#e6f7ef;color:#0c9b66}.status-kpi-icon.amber{background:#fff3df;color:#e79213}.status-kpi-icon.blue{background:#eaf2ff;color:#4388f6}.status-calendar-card{background:#fff;border:1px solid #dbe0e9;border-radius:14px;padding:20px 24px;box-shadow:0 5px 18px rgba(28,39,60,.03)}.status-calendar-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.status-calendar-head>div{display:flex;align-items:center;gap:9px}.status-calendar-head strong{font-size:13px}.status-sla-chip,.status-downtime-chip{border:1px solid #d7dce5;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:700;color:#485169}.status-downtime-chip{border:0;background:#eef0f5}.status-calendar-months{display:grid;gap:12px}.status-month>span{display:block;color:#667085;font-size:11px;margin-bottom:5px}.status-day-row{display:flex;flex-wrap:wrap;gap:4px}.status-day{width:12px;height:12px;border-radius:4px;background:#9bd0bb;display:block}.status-day-minor{background:#f4aaa8}.status-day-major{background:#df3737}.status-legend{display:flex;gap:18px;margin-top:14px;font-size:10px;color:#6d7588}.status-legend span{display:flex;align-items:center;gap:6px}.status-legend i{width:9px;height:9px;border-radius:50%;background:#9bd0bb}.status-legend i.minor{background:#f4aaa8}.status-legend i.major{background:#df3737}.status-tabs{background:#eef0f5;border-radius:10px;padding:3px;margin:22px 0 15px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.status-tabs button{border:0;background:transparent;color:#61697d;border-radius:8px;padding:9px 12px;font:inherit;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}.status-tabs button.active{background:#fff;color:#1e293b;box-shadow:0 1px 4px rgba(20,28,45,.08)}.status-tabs b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#e9edf4;font-size:10px}.status-tab-panel{display:none}.status-tab-panel.active{display:block}.status-groups{display:grid;gap:15px}.status-group-card{background:#fff;border:1px solid #dbe0e9;border-radius:14px;padding:14px 16px;box-shadow:0 5px 16px rgba(28,39,60,.025)}.status-group-card>header{display:flex;justify-content:space-between;align-items:center;padding:0 2px 10px}.status-group-card>header>div{display:flex;align-items:center;gap:9px}.status-group-card>header strong{font-size:13px}.status-group-card>header b{font-size:10px;border:1px solid #d6dbe4;border-radius:99px;padding:2px 6px}.status-group-icon{width:34px;height:34px;border-radius:10px;background:#edf2ff;color:#4b7df3;display:grid;place-items:center;font-size:18px}.status-inline,.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:99px;font-size:10px;font-weight:700;padding:4px 9px}.status-inline i,.status-pill i{width:8px;height:8px;border-radius:50%;background:currentColor}.status-inline-operational,.status-pill-operational{color:#078658;background:#edf9f4;border:1px solid #b9e2d1}.status-inline-maintenance,.status-pill-maintenance{color:#8a5e00;background:#fff7df;border:1px solid #efd597}.status-inline-degraded,.status-inline-partial_outage,.status-pill-degraded,.status-pill-partial_outage{color:#a75d00;background:#fff3e6;border:1px solid #f1c993}.status-inline-major_outage,.status-pill-major_outage{color:#b72828;background:#fff0f0;border:1px solid #efb5b5}.status-component-list{display:grid;gap:5px}.status-component{background:#faf9ff;border-radius:9px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.status-component>div{display:flex;align-items:center;gap:8px}.status-component>div:last-child{justify-content:flex-end}.status-component span{font-size:12px;color:#1d2433}.status-component small{font-size:10px;color:#817b97}.status-dot{width:9px;height:9px;border-radius:50%;background:#12a66c}.status-dot-maintenance{background:#d39a23}.status-dot-degraded,.status-dot-partial_outage{background:#e7952e}.status-dot-major_outage{background:#d83a3a}.status-empty{background:#fff;border:1px solid #dbe0e9;border-radius:14px;text-align:center;padding:42px 20px;color:#687089}.status-empty>i{font-size:34px;color:#18a36c}.status-empty h3{margin:8px 0 4px;color:#1c2536}.status-empty p{margin:0;font-size:12px}.status-incident-list,.status-maint-list{display:grid;gap:10px}.status-incident,.status-maint-list article{background:#fff;border:1px solid #dbe0e9;border-radius:13px;padding:16px;display:flex;gap:13px}.incident-impact{width:5px;border-radius:10px;background:#e2a33d}.incident-major{background:#e27436}.incident-critical{background:#d73535}.status-incident>div{flex:1}.status-incident-head{display:flex;justify-content:space-between;gap:15px}.status-incident-head strong{font-size:13px}.status-incident-head span{font-size:10px;border-radius:99px;background:#eef2f7;padding:4px 8px}.status-incident p{font-size:12px;color:#626c80;margin:7px 0}.status-incident small{font-size:10px;color:#8a92a3}.status-maint-list article>i{font-size:20px;color:#d09322}.status-maint-list strong{font-size:13px}.status-maint-list p{margin:4px 0 0;font-size:12px;color:#657086}@media(max-width:900px){.status-kpis{grid-template-columns:repeat(2,1fr)}.status-calendar-head{align-items:flex-start;flex-direction:column}.status-hero{align-items:flex-start}.status-component{align-items:flex-start}.status-component>div:last-child{flex-direction:column;align-items:flex-end}}@media(max-width:620px){.status-page-head{align-items:flex-start}.status-hero{flex-direction:column}.status-hero-uptime{text-align:left}.status-kpis{grid-template-columns:1fr}.status-calendar-card{padding:16px}.status-tabs{grid-template-columns:1fr}.status-component{flex-direction:column}.status-component>div:last-child{align-items:flex-start}.status-day{width:10px;height:10px}.status-group-card>header{align-items:flex-start}.status-inline{margin-top:5px}}

/* v16 - Incidents & maintenances */
.status-history-card{background:#fff;border:1px solid #dbe0e9;border-radius:14px;padding:24px 28px;box-shadow:0 5px 16px rgba(28,39,60,.025)}
.status-section-title{display:flex;align-items:center;gap:10px;margin-bottom:24px}.status-section-title>i{font-size:26px;color:#111827}.status-section-title h2{margin:0;font-size:22px;line-height:1.2;color:#111827}
.status-incident-accordion{display:grid;gap:18px}.status-incident-row{border-left:4px solid #eef0f5;background:#fbfbfd;border-radius:0 12px 12px 0;overflow:hidden}.status-incident-row.open{background:#fbfbfd}
.status-incident-toggle{width:100%;border:0;background:transparent;padding:18px 22px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;text-align:left;cursor:pointer;color:inherit}.status-incident-toggle>div:first-child{display:grid;gap:8px}.status-incident-toggle strong{font-size:18px;line-height:1.3;color:#111827}.status-incident-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#5f6b80;font-size:13px}.status-incident-meta i{font-size:15px}.status-incident-meta span{color:#9299a8}
.status-incident-state{display:flex;align-items:center;gap:10px;flex:none}.status-incident-state>i{font-size:20px;transition:transform .2s ease}.status-incident-row.open .status-incident-state>i{transform:rotate(180deg)}
.status-state-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;background:#edf0f4;color:#202938}.status-state-investigating{background:#fff1f1;color:#b42318}.status-state-identified{background:#fff7e5;color:#9a6700}.status-state-monitoring{background:#eef4ff;color:#175cd3}.status-state-resolved{background:#edf0f4;color:#202938}
.status-incident-body{border-top:1px solid #e5e8ee;margin:0 22px;padding:18px 0 20px}.status-comment-label{display:flex;align-items:center;gap:6px;color:#53627a;font-size:13px;margin-bottom:8px}.status-comment-text{color:#101828;font-size:14px;line-height:1.7}.status-comment-text br+br{line-height:2.1}
.status-affected{margin-top:16px}.status-affected>span{display:block;color:#53627a;font-size:13px;margin-bottom:8px}.status-affected>div{display:flex;flex-wrap:wrap;gap:8px}.status-service-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:#f0f2f6;color:#1f2937;font-size:12px;font-weight:700}.status-service-chip i{width:7px;height:7px;border-radius:50%;background:#7c3aed}
.status-empty-embedded{border:0;box-shadow:none;padding:52px 20px}
.status-maintenance-card{min-height:290px}.status-maintenance-empty{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#667085}.status-maintenance-empty>i{font-size:52px;margin-bottom:14px}.status-maintenance-empty p{margin:0;font-size:18px}
.status-maintenance-list{display:grid;gap:14px}.status-maintenance-item{display:flex;gap:15px;border:1px solid #e2e6ed;border-radius:12px;padding:18px;background:#fbfbfd}.status-maintenance-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f0ecff;color:#6d43e0;flex:none;font-size:21px}.status-maintenance-content{min-width:0;flex:1}.status-maintenance-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.status-maintenance-head strong{font-size:16px;color:#111827}.status-maint-badge{border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.status-maint-scheduled{background:#eef4ff;color:#175cd3}.status-maint-in_progress{background:#fff7e5;color:#9a6700}.status-maint-completed{background:#ecfdf3;color:#067647}.status-maint-cancelled{background:#f2f4f7;color:#667085}.status-maintenance-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;color:#667085;font-size:12px}.status-maintenance-meta span{display:inline-flex;align-items:center;gap:5px}.status-maintenance-content>p{margin:13px 0 0;color:#475467;font-size:13px;line-height:1.65}
@media(max-width:700px){.status-history-card{padding:18px 15px}.status-section-title h2{font-size:19px}.status-incident-toggle{padding:16px}.status-incident-toggle strong{font-size:15px}.status-incident-body{margin:0 16px}.status-incident-toggle,.status-maintenance-head{align-items:flex-start}.status-incident-toggle{flex-direction:column}.status-incident-state{width:100%;justify-content:space-between}.status-maintenance-item{padding:15px}.status-maintenance-head{flex-direction:column}.status-maintenance-meta{gap:8px 12px}}

/* ===== support-client.css ===== */
.support-shell{max-width:1180px;margin:0 auto 42px}.support-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:4px 0 20px}.support-head h1,.ticket-detail-head h1{margin:5px 0 6px;color:#162238;font-size:30px;letter-spacing:-.04em}.support-head p,.ticket-detail-head p{margin:0;color:#778296;font-size:13px}.support-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.support-kpis article{display:flex;align-items:center;gap:13px;padding:16px 18px;background:#fff;border:1px solid #e5e9f0;border-radius:14px}.support-kpis article>i{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#edf4ff;color:#1768e5;font-size:20px}.support-kpis strong{display:block;color:#1e2a3f;font-size:19px}.support-kpis span{display:block;margin-top:1px;color:#8b96a7;font-size:10px}.support-list-panel{padding:0;overflow:hidden}.support-list-head{display:flex;align-items:center;justify-content:space-between;padding:21px 23px 17px;border-bottom:1px solid #edf0f5}.support-list-head h2{margin:0 0 4px;color:#1d293d;font-size:18px}.support-list-head p{margin:0;color:#8993a3;font-size:11px}.support-list-head>span{padding:5px 9px;border-radius:999px;background:#f2f5f9;color:#718096;font-size:10px;font-weight:750}.support-ticket-list{padding:8px 18px 18px}.support-ticket-card{display:grid;grid-template-columns:44px minmax(260px,1fr) 110px 115px 20px;gap:16px;align-items:center;padding:16px 5px;border-bottom:1px solid #eef1f5;color:inherit;text-decoration:none}.support-ticket-card:last-child{border-bottom:0}.support-ticket-card:hover .support-ticket-main strong{color:#1768e5}.support-ticket-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#f1f5fb;color:#60728c;font-size:20px}.support-ticket-main{min-width:0}.support-ticket-main>div{display:flex;align-items:center;gap:9px}.support-ticket-main strong{color:#233047;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-ticket-main p{margin:5px 0 0;color:#8b96a7;font-size:10px}.support-ticket-priority>span,.support-ticket-date>span{display:block;color:#99a2b0;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.support-ticket-priority strong{display:inline-flex;margin-top:5px}.support-ticket-date strong{display:block;margin-top:5px;color:#344157;font-size:11px}.support-ticket-date small{display:block;margin-top:2px;color:#9ba4b2;font-size:9px}.support-ticket-arrow{color:#a0a9b6;font-size:19px}.support-empty{padding:50px 20px}.support-modal .modal-head p{margin:5px 0 0;color:#8490a2;font-size:11px}.ticket-detail-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}.ticket-detail-head .back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:18px;color:#64748b;text-decoration:none;font-size:11px;font-weight:750}.ticket-detail-head .head-actions{display:flex;align-items:center;gap:8px}.ticket-client-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.support-conversation{display:flex;flex-direction:column;gap:12px}.support-conversation .message{margin:0;padding:20px 22px;border:1px solid #e5e9f0;border-radius:15px;background:#fff;box-shadow:0 3px 12px rgba(22,32,50,.025)}.support-conversation .admin-message{border-left:4px solid #1768e5;background:#fbfdff}.support-conversation .client-message{margin-left:30px}.support-conversation .message-meta{display:flex;align-items:center;gap:10px}.support-conversation .message-meta strong{display:block;color:#253147;font-size:12px}.support-conversation .message-meta small{display:block;margin-top:3px;color:#949eac;font-size:9px}.support-conversation .message-body{margin-top:15px;color:#4e5d72;font-size:13px;line-height:1.75}.support-conversation .attachment{display:inline-flex;align-items:center;gap:6px;margin-top:13px;padding:7px 10px;border-radius:8px;background:#f1f5fa;color:#4f6078;text-decoration:none;font-size:10px}.support-reply-box{margin-top:15px;padding:20px}.reply-box-title{display:flex;align-items:center;gap:11px;margin-bottom:14px}.reply-box-title>i{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#edf4ff;color:#1768e5;font-size:18px}.reply-box-title strong,.reply-box-title span{display:block}.reply-box-title strong{color:#263249;font-size:13px}.reply-box-title span{margin-top:3px;color:#8c96a6;font-size:10px}.support-reply-box textarea{width:100%}.ticket-client-aside{display:flex;flex-direction:column;gap:12px}.ticket-info-panel,.ticket-action-panel,.ticket-history-panel{padding:19px}.ticket-info-panel>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #edf0f4}.ticket-info-panel>div:last-child{border-bottom:0}.ticket-info-panel span{color:#8d98a8;font-size:10px}.ticket-info-panel strong{color:#344158;font-size:10px;text-align:right}.ticket-action-panel h2,.ticket-history-panel h2{margin:0 0 7px;color:#273349;font-size:14px}.ticket-action-panel p{margin:0 0 15px;color:#7f8b9e;font-size:10px;line-height:1.55}.ticket-closed-note{display:flex;align-items:center;gap:13px;margin-top:15px;padding:18px}.ticket-closed-note>i{font-size:27px;color:#0aa171}.ticket-closed-note strong{color:#273349;font-size:13px}.ticket-closed-note p{margin:3px 0 0;color:#8490a2;font-size:10px}.priority{font-style:normal}.priority.low{background:#eff3f7;color:#657387}.priority.normal{background:#edf4ff;color:#1768e5}.priority.high{background:#fff3df;color:#a85a06}.priority.urgent{background:#fff0f2;color:#c83245}@media(max-width:900px){.support-ticket-card{grid-template-columns:42px minmax(0,1fr) 105px 20px}.support-ticket-priority{display:none}.ticket-client-layout{grid-template-columns:1fr}.ticket-client-aside{display:grid;grid-template-columns:repeat(2,1fr)}.ticket-history-panel{grid-column:1/-1}}@media(max-width:650px){.support-head,.ticket-detail-head{align-items:flex-start;flex-direction:column}.support-head .btn{width:100%;justify-content:center}.support-kpis{grid-template-columns:1fr}.support-ticket-card{grid-template-columns:38px minmax(0,1fr) 18px;padding:14px 0}.support-ticket-date{display:none}.support-ticket-main>div{align-items:flex-start;flex-direction:column;gap:5px}.ticket-client-aside{display:flex}.support-conversation .client-message{margin-left:0}.ticket-detail-head .head-actions{flex-wrap:wrap}.support-head h1,.ticket-detail-head h1{font-size:25px}}

/* ===== app-premium.css ===== */
:root{--navy-950:#020b35;--navy-900:#061345;--navy-800:#0b205c;--brand:#000e9c;--primary:#0050d7;--primary-hover:#003fba;--cyan:#00a5f0;--ink:#081747;--text:#26365f;--muted:#64708d;--subtle:#8a96af;--line:#dce3ef;--line-strong:#c2ccdc;--surface:#fff;--canvas:#f4f6fa;--soft:#edf3ff;--success:#0b8f65;--warning:#b96800;--danger:#c0183c;--shadow-sm:0 2px 7px rgba(5,20,65,.06);--shadow:0 14px 38px rgba(5,20,65,.10);--radius:8px;--sidebar:272px}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--canvas);color:var(--text);font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;z-index:100;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#000e9c 0,#0050d7 55%,#00a5f0 100%)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}button,input,select,textarea{font:inherit;color:inherit}button,a{transition:color .16s,background .16s,border-color .16s,box-shadow .16s,transform .16s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(0,80,215,.2);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);font-weight:700}h1{font-size:clamp(1.75rem,2.5vw,2.3rem);line-height:1.15;letter-spacing:-.035em}h2{font-size:1.16rem;letter-spacing:-.015em}h3{font-size:.98rem}small{color:var(--muted)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#eef2f8;padding:.2rem .4rem;border-radius:4px;word-break:break-all}
.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:var(--sidebar);padding:28px 20px 20px;background:linear-gradient(180deg,var(--navy-900),#040f3c 72%,#030b2c);color:#fff;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:-.015em}.brand:hover{color:#fff}.brand>span:last-child{display:flex;flex-direction:column}.brand small{font-size:.58rem;text-transform:uppercase;letter-spacing:.13em;color:#8298cc;font-weight:650}.brand-mark{position:relative;width:38px;height:38px;display:block;border-radius:5px;background:linear-gradient(145deg,#1475ff,#003dc2);box-shadow:0 8px 24px rgba(0,73,214,.32),inset 0 0 0 1px rgba(255,255,255,.24);overflow:hidden;flex:0 0 auto}.brand-mark i{position:absolute;background:#fff;transform:skew(-18deg)}.brand-mark i:first-child{width:7px;height:23px;left:10px;top:8px}.brand-mark i:last-child{width:7px;height:23px;right:10px;top:8px}.brand-mark:after{content:"";position:absolute;width:7px;height:19px;left:15px;top:10px;background:#fff;transform:rotate(-38deg)}.workspace-switch{width:100%;margin:27px 0 11px;padding:10px 11px;border:1px solid #20366c;background:#0a1b51;color:#fff;border-radius:6px;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.workspace-switch:hover{background:#102762;border-color:#31508f}.workspace-switch span{display:flex;flex-direction:column}.workspace-switch small{font-size:.57rem;text-transform:uppercase;letter-spacing:.1em;color:#7288ba}.workspace-switch strong{font-size:.73rem;margin-top:1px}.workspace-switch b{color:#7890c3}
.nav-main{display:flex;flex-direction:column;gap:2px;margin-bottom:18px}.nav-main a{position:relative;display:flex;align-items:center;gap:12px;min-height:41px;padding:9px 11px;color:#b6c3e0;border-radius:5px;font-size:.83rem;font-weight:530}.nav-main a span{width:20px;text-align:center;color:#8298c7;font-size:1rem}.nav-main a:hover{background:#10255d;color:#fff}.nav-main a.active{background:linear-gradient(90deg,#142d73,#10255e);color:#fff}.nav-main a.active:before{content:"";position:absolute;left:-20px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#4eb7ff}.nav-main a.active span{color:#69c1ff}.nav-label{margin:18px 11px 5px;color:#6176a5;font-weight:800;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase}.sidebar-help{margin-top:auto;padding:16px;border:1px solid #1c3672;border-radius:7px;background:linear-gradient(145deg,#0d245e,#091c50)}.sidebar-help>div{display:flex;align-items:center;gap:8px}.sidebar-help strong{font-size:.75rem}.support-pulse{width:7px;height:7px;border-radius:50%;background:#35d39a;box-shadow:0 0 0 4px rgba(53,211,154,.11)}.sidebar-help p{margin:.55rem 0 .8rem;color:#9eafd1;font-size:.7rem;line-height:1.55}.sidebar-help a{color:#66b8ff;font-size:.7rem;font-weight:750}.sidebar-help a span{display:inline-block}.sidebar-help a:hover span{transform:translateX(3px)}
.app-main{min-height:100vh;margin-left:var(--sidebar);display:flex;flex-direction:column}.topbar{height:78px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 4px 16px rgba(6,21,68,.035)}.topbar-title{display:flex;flex-direction:column;min-width:0}.topbar-title strong{font-size:.98rem;color:var(--ink)}.breadcrumb{font-size:.62rem;color:#8290aa;text-transform:uppercase;letter-spacing:.075em}.breadcrumb b{color:#bdc5d4;margin:0 3px}.top-actions,.head-actions,.card-actions,.form-actions{display:flex;align-items:center;gap:9px}.quick-order{height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;background:var(--primary);color:#fff;border-radius:5px;font-size:.71rem;font-weight:750}.quick-order:hover{background:var(--primary-hover);color:#fff}.quick-order span{font-size:1rem}.region-chip{height:36px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:5px;font-size:.66rem;color:#415071;font-weight:700}.region-chip i{width:6px;height:6px;border-radius:50%;background:#18a878}.icon-btn{position:relative;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:5px;background:#fff;color:#2f416a;cursor:pointer}.icon-btn:hover{background:#eef4ff;border-color:#abc4ea;color:#004ac6}.notification-button i{position:absolute;right:6px;top:5px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#ef3f5f}.user-menu{display:flex;align-items:center;gap:9px;margin-left:6px;padding-left:14px;border-left:1px solid var(--line)}.user-menu>span:nth-child(2){display:flex;flex-direction:column;max-width:145px}.user-menu strong{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu small{font-size:.61rem}.avatar{width:34px;height:34px;border-radius:5px;display:grid;place-items:center;background:#e7f0ff;color:#0049bf;font-size:.69rem;font-weight:850}.avatar.small{width:31px;height:31px}.menu-toggle{display:none}
.content{width:100%;max-width:1540px;margin:0 auto;padding:34px 34px 45px;flex:1}.app-footer{padding:17px 34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8490a8;font-size:.66rem}.app-footer span:last-child{display:flex;align-items:center;gap:7px}.app-footer i{width:6px;height:6px;border-radius:50%;background:#14a976}.page-head,.admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:27px}.page-head h1,.admin-head h1{margin-bottom:7px}.page-head p,.admin-head p{max-width:700px;margin:0;color:var(--muted);font-size:.86rem}.eyebrow{display:block;margin-bottom:8px;color:var(--primary);font-size:.61rem;line-height:1;text-transform:uppercase;font-weight:850;letter-spacing:.14em}.eyebrow.light{color:#75c5ff}.back-link{display:block;margin-bottom:14px;color:var(--muted);font-size:.72rem}
.panel{margin-bottom:20px;padding:23px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.panel-head h2{margin-bottom:0}.panel-head>a{font-size:.72rem;font-weight:750}.btn{min-height:40px;padding:8px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:5px;font-size:.78rem;font-weight:750;cursor:pointer}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 11px rgba(0,80,215,.16)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff;box-shadow:0 6px 16px rgba(0,63,186,.2)}.btn-secondary{background:#fff;border-color:#aebad0;color:#17366f}.btn-secondary:hover{background:#f2f5fa;border-color:#8194b5;color:#0a2b68}.btn-white{background:#fff;color:#0047bf}.btn-danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-block{width:100%}.btn-link,.btn-small{min-height:auto;padding:5px 7px;border:0;background:transparent;color:var(--primary);font-size:.71rem;cursor:pointer}.btn-small{border:1px solid var(--line);background:#fff}.danger-text{color:var(--danger)!important}.alert{padding:12px 14px;margin-bottom:17px;border:1px solid;border-radius:6px;font-size:.79rem}.alert.success{background:#eaf9f3;color:#08704f;border-color:#bce7d6}.alert.danger{background:#fff0f3;color:#a91c39;border-color:#f0c3cd}.alert.warning{background:#fff7e8;color:#88550a;border-color:#ecd59e}.alert.info{background:#edf6ff;color:#145d99;border-color:#c3dcf2}
.welcome-banner{position:relative;min-height:192px;margin-bottom:21px;padding:31px 33px;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;border-radius:10px;color:#fff;background:linear-gradient(116deg,#071445 0%,#00178b 52%,#0064d8 100%);box-shadow:0 18px 36px rgba(3,30,111,.17)}.welcome-banner:before{content:"";position:absolute;width:290px;height:290px;right:17%;bottom:-215px;border:1px solid rgba(255,255,255,.16);transform:rotate(43deg)}.welcome-banner:after{content:"";position:absolute;width:310px;height:310px;right:-90px;top:-145px;border-radius:50%;border:1px solid rgba(255,255,255,.14)}.welcome-banner>div,.welcome-banner>.btn{position:relative;z-index:1}.welcome-banner h1{color:#fff;font-size:1.85rem;margin-bottom:8px}.welcome-banner p{margin:0;color:#cbd9f7;font-size:.87rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric-card{position:relative;min-height:110px;padding:18px;display:flex;align-items:center;gap:14px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow-sm)}.metric-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#ccd8ea}.metric-card:hover{transform:translateY(-2px);border-color:#b8cbe6;box-shadow:0 10px 25px rgba(5,25,76,.08)}.metric-card>div{min-width:0;display:flex;flex-direction:column}.metric-card small{font-size:.61rem;text-transform:uppercase;letter-spacing:.065em;font-weight:780}.metric-card strong{margin:1px 0;color:var(--ink);font-size:1.48rem;letter-spacing:-.035em}.metric-card a{font-size:.66rem;font-weight:750}.metric-icon,.service-type-icon,.payment-logo{display:grid;place-items:center;flex:0 0 auto;width:41px;height:41px;border-radius:6px;font-weight:850}.metric-icon.purple,.service-type-icon,.payment-logo.wallet{background:#e9efff;color:#001eaf}.metric-icon.blue,.payment-logo.card{background:#e5f4ff;color:#0065c9}.metric-icon.green{background:#e4f8f0;color:#087d5a}.metric-icon.orange,.payment-logo.gift{background:#fff1dc;color:#b35d00}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:19px}.wide-left{grid-template-columns:minmax(0,1.65fr) minmax(270px,.7fr)}.service-list,.timeline,.session-list,.notification-list{display:flex;flex-direction:column}.service-row{display:grid;grid-template-columns:41px 1fr auto 16px;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--ink)}.service-row:last-child{border:0}.service-row:hover{margin-inline:-10px;padding-inline:10px;background:#f7faff;border-radius:5px}.service-row>span:nth-child(2){display:flex;flex-direction:column}.service-row small{font-size:.66rem}.chevron{font-size:1.4rem;color:#9ca8be}.status,.priority{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;background:#edf0f5;color:#59657c;font-size:.59rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.status.active,.status.paid,.status.completed,.status.succeeded,.status.true,.status.1{background:#e3f6ee;color:#087b58}.status.pending,.status.payment_processing,.status.provisioning,.status.awaiting_admin,.status.awaiting_customer,.status.in_progress,.status.issued,.status.received,.status.processing{background:#fff2dd;color:#925b0b}.status.suspended,.status.failed,.status.cancelled,.status.expired,.status.closed,.status.deleted,.status.rejected{background:#ffe9ed;color:#a6243d}.status.refunded,.status.partially_refunded,.status.resolved{background:#e7f2ff;color:#23649f}.priority.urgent,.priority.high{background:#ffe9ed;color:#a6243d}.priority.normal{background:#fff2dd;color:#8d590d}.timeline>a,.timeline-item{display:flex;gap:12px;padding:10px 0;color:var(--ink)}.timeline>a>span:first-child,.timeline-item>span:first-child{width:8px;height:8px;margin-top:6px;flex:0 0 auto;border-radius:50%;background:#0065d5;box-shadow:0 0 0 4px #e7f2ff}.timeline>a div,.timeline-item div{display:flex;flex-direction:column}.timeline p{margin:2px 0;color:var(--muted);font-size:.72rem}.timeline small{font-size:.62rem}.empty-state{text-align:center;padding:48px 24px}.empty-state.compact{padding:28px 14px}.empty-state h1{font-size:4rem;margin-bottom:5px}.empty-state p{color:var(--muted)}.empty-icon{display:block;margin-bottom:9px;color:var(--primary);font-size:2.1rem}
.filter-tabs{width:max-content;max-width:100%;margin-bottom:20px;padding:4px;display:flex;gap:3px;overflow:auto;border-radius:7px;background:#e8edf5}.filter-tabs a{padding:8px 13px;border-radius:4px;color:#5d6b86;font-size:.74rem;font-weight:720;white-space:nowrap}.filter-tabs a:hover,.filter-tabs a.active{background:#fff;color:#004ac6;box-shadow:0 2px 7px rgba(5,21,68,.08)}.product-grid,.service-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card,.service-card{position:relative;padding:23px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm)}.product-card:before,.service-card:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#001b9c,#0076db)}.product-card:hover,.service-card:hover{transform:translateY(-2px);border-color:#9ebbe3;box-shadow:var(--shadow)}.product-type{display:inline-block;padding:4px 8px;border-radius:4px;background:#e9f1ff;color:#004abe;font-size:.61rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.product-card h2,.service-card h2{margin:15px 0 6px}.product-card>p,.service-card>p{min-height:40px;color:var(--muted);font-size:.77rem}.spec-list{margin:17px 0;padding:0;list-style:none}.spec-list li{padding:5px 0;font-size:.73rem}.spec-list span{margin-right:6px;color:var(--success)}.service-card-head{display:flex;align-items:center;justify-content:space-between}.service-card dl{margin:19px 0}.service-card dl div,.order-summary>div{display:flex;justify-content:space-between;gap:15px;padding:6px 0}.service-card dt,.service-card dd{margin:0;font-size:.7rem}.service-card dt{color:var(--muted)}.service-card dd{text-align:right;font-weight:720}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stack-form{display:flex;flex-direction:column;gap:13px}.form-grid label,.stack-form label,.reply-box>label{display:flex;flex-direction:column;gap:6px;font-size:.7rem;font-weight:750}.form-grid small,.stack-form small{font-size:.62rem;font-weight:500}.span-2{grid-column:1/-1}.form-section{grid-column:1/-1;margin:13px 0 0;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:.9rem}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #bac5d7;border-radius:5px;background:#fff;font-size:.79rem}input:hover,select:hover,textarea:hover{border-color:#8fa1bd}input:focus,select:focus,textarea:focus{outline:0;border-color:#0065d5;box-shadow:0 0 0 3px rgba(0,101,213,.1)}textarea{resize:vertical}.check{flex-direction:row!important;align-items:flex-start!important;font-weight:500!important;line-height:1.45}.check input{width:auto;margin-top:3px}.form-between{display:flex;justify-content:space-between;font-size:.7rem}.toggle{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px}.toggle input{display:none}.toggle>span{position:relative;width:37px;height:21px;margin-top:2px;flex:0 0 auto;border-radius:20px;background:#c5cbd8}.toggle>span:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:.2s}.toggle input:checked+span{background:var(--primary)}.toggle input:checked+span:after{left:19px}.toggle div{display:flex;flex-direction:column}.duration-options{display:grid;gap:8px}.duration-options input{display:none}.duration-options span{padding:12px;display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:6px}.duration-options input:checked+span{border-color:var(--primary);background:var(--soft);color:var(--primary)}
.table-wrap{overflow:auto;margin:-1px}table{width:100%;border-collapse:collapse;font-size:.74rem}th,td{padding:12px 13px;border-bottom:1px solid var(--line);vertical-align:middle}th{text-align:left;background:#f0f3f8;color:#69758e;text-transform:uppercase;font-size:.57rem;letter-spacing:.075em}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f7faff}td small{display:block;margin-top:3px}.click-row{cursor:pointer}.amount{font-weight:800}.amount.positive{color:var(--success)}.amount.negative{color:var(--danger)}
.wallet-hero{margin-bottom:20px;padding:27px 29px;display:flex;align-items:center;justify-content:space-between;color:#fff;border-radius:9px;background:linear-gradient(112deg,#061445,#00198b 60%,#0062d5);box-shadow:0 16px 32px rgba(4,30,109,.16)}.wallet-hero>div{display:flex;flex-direction:column}.wallet-hero>div>span,.wallet-hero small{color:#c3d3f2;font-size:.75rem}.wallet-hero strong{font-size:2.45rem;letter-spacing:-.05em}.wallet-chip{padding:14px 18px;text-align:right;border:1px solid rgba(255,255,255,.23);border-radius:7px;background:rgba(255,255,255,.08);font-size:.68rem}.service-hero{margin-bottom:19px;padding:21px;display:grid;grid-template-columns:1.4fr 1fr 1fr;color:#fff;border-radius:8px;background:linear-gradient(110deg,#061445,#00198b 62%,#005bc8)}.service-hero>div{padding:0 19px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.16)}.service-hero>div:last-child{border:0}.service-hero small,.service-hero span{color:#bdcae8;font-size:.64rem}.service-hero strong{margin:3px 0;font-size:1.15rem}.detail-grid{margin:0;display:grid;grid-template-columns:1fr 1fr}.detail-grid div{padding:11px 5px;border-bottom:1px solid var(--line)}.detail-grid dt{color:var(--muted);font-size:.64rem}.detail-grid dd{margin:3px 0 0;font-size:.77rem;font-weight:720}.narrow-panel{max-width:720px}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.65fr);gap:19px}.order-summary{position:sticky;top:96px;align-self:start}.order-summary hr{margin:12px 0;border:0;border-top:1px solid var(--line)}.order-summary .total strong{font-size:1.2rem}.secure-note{display:block;margin-top:13px;line-height:1.5}.payment-methods{display:flex;flex-direction:column;gap:11px}.payment-option{padding:15px;display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:7px}.payment-option>div{display:flex;flex:1;flex-direction:column}.ticket-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.65fr);gap:19px}.conversation{display:flex;flex-direction:column;gap:11px;margin-bottom:14px}.message{padding:17px;background:#fff;border:1px solid var(--line);border-radius:7px}.message.admin-message{border-left:3px solid var(--primary);background:#fbfdff}.message-meta{display:flex;align-items:center;gap:9px}.message-meta>div{display:flex;flex-direction:column}.message-meta small{font-size:.62rem}.message-body{margin:13px 0 4px;font-size:.81rem}.attachment{margin-top:9px;padding:7px 9px;display:inline-flex;align-items:center;gap:7px;border-radius:5px;background:var(--soft);font-size:.68rem}.reply-box{box-shadow:var(--shadow)}.reply-actions{margin-top:11px;display:flex;align-items:center;justify-content:space-between}.file-btn{color:var(--primary);font-size:.7rem;cursor:pointer}.file-btn input{display:none}.modal{width:min(720px,100%);max-width:none;padding:14px;border:0;background:transparent}.modal::backdrop{background:rgba(2,9,34,.68);backdrop-filter:blur(3px)}.modal-card{padding:24px;border-radius:8px;background:#fff}.modal-head,.modal-actions{display:flex;align-items:flex-start;justify-content:space-between}.modal-actions{justify-content:flex-end;gap:9px;margin-top:19px}.session-row,.notification-list>a{padding:13px 0;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);color:var(--ink)}.session-row:last-child,.notification-list>a:last-child{border:0}.session-row>div,.notification-list>a>div{display:flex;flex:1;flex-direction:column}.notification-list p{margin:2px 0;color:var(--muted);font-size:.73rem}.secret-box{margin:12px 0;padding:12px;display:flex;flex-direction:column;gap:7px;border:1px dashed #9eb5d7;border-radius:6px;background:#f3f7ff}.inline-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.danger-panel{border-color:#edc3cc}.admin-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:19px}.admin-nav{display:flex;flex-direction:column;gap:2px}.admin-nav strong{margin:14px 8px 4px;color:#929db1;font-size:.59rem;text-transform:uppercase;letter-spacing:.08em}.admin-nav a{padding:7px 9px;border-radius:4px;color:var(--muted);font-size:.71rem}.admin-nav a:hover,.admin-nav a.active{background:#fff;color:var(--primary);font-weight:730}.admin-content{min-width:0}.admin-toolbar{margin-bottom:14px;display:flex;justify-content:space-between;gap:14px}.admin-toolbar form,.inline-form{display:flex;flex:1;gap:7px}.admin-toolbar input{max-width:420px}.admin-jump{display:none;width:auto}.row-actions{white-space:nowrap}.row-actions form{display:inline}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quick-grid a{padding:12px;border-radius:5px;background:var(--soft);font-size:.73rem;font-weight:730}
.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(520px,52%) 1fr;background:#fff}.auth-brand-panel{position:relative;min-height:100vh;padding:40px 48px 30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:#fff;background:radial-gradient(circle at 84% 16%,rgba(0,132,255,.44),transparent 28%),linear-gradient(145deg,#06113c 0%,#001579 63%,#0059c8 100%)}.auth-brand-panel:before{content:"";position:absolute;right:-170px;top:25%;width:470px;height:470px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.auth-brand-panel:after{content:"";position:absolute;left:42%;bottom:-310px;width:560px;height:560px;border:1px solid rgba(255,255,255,.09);transform:rotate(40deg)}.auth-brand-top,.auth-pitch,.auth-preview,.trust-row{position:relative;z-index:1}.auth-brand-top{display:flex;align-items:center;justify-content:space-between}.brand-large{font-size:1.14rem}.auth-region{display:flex;align-items:center;gap:7px;color:#a9bfe9;font-size:.64rem;font-weight:650}.auth-region i{width:7px;height:7px;border-radius:50%;background:#3bd6a0;box-shadow:0 0 0 4px rgba(59,214,160,.1)}.auth-pitch{margin-top:7vh}.auth-pitch h1{max-width:650px;margin-bottom:18px;color:#fff;font-size:clamp(2.8rem,5vw,5.2rem);line-height:.93;letter-spacing:-.055em}.auth-pitch h1 em{color:#65c3ff;font-style:normal}.auth-pitch>p{max-width:540px;margin-bottom:24px;color:#c2d1ef;font-size:.98rem}.auth-features{display:flex;flex-wrap:wrap;gap:14px}.auth-features span{padding:9px 11px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:rgba(255,255,255,.06);color:#ced9ee;font-size:.66rem}.auth-features b{color:#5ec2ff;font-size:.57rem}.auth-preview{width:min(560px,90%);margin:3vh 0 2vh;padding:13px;border:1px solid rgba(255,255,255,.17);border-radius:9px;background:rgba(4,14,55,.54);box-shadow:0 30px 60px rgba(0,5,35,.25);backdrop-filter:blur(8px)}.preview-top{padding-bottom:10px;display:flex;align-items:center;gap:5px;border-bottom:1px solid rgba(255,255,255,.11);font-size:.6rem}.preview-top>span{width:6px;height:6px;border-radius:50%;background:#5270ad}.preview-top b{margin-left:8px;color:#b9c8e5}.preview-top i{margin-left:auto;color:#40d9a3;font-style:normal}.preview-body{padding:15px 3px 2px;display:grid;grid-template-columns:1.25fr 1fr;gap:12px}.preview-chart,.preview-resources{padding:13px;display:flex;flex-direction:column;border-radius:6px;background:rgba(255,255,255,.065)}.preview-chart small,.preview-resources small{color:#8fa5d1;font-size:.56rem}.preview-chart strong{margin:3px 0 9px;font-size:1.35rem}.preview-chart>span{height:28px;position:relative;overflow:hidden;border-bottom:1px solid rgba(86,182,255,.25)}.preview-chart>span:before{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:#49b8ff;transform:skewY(-5deg);box-shadow:45px -5px #49b8ff,90px 3px #49b8ff,135px -8px #49b8ff,180px -3px #49b8ff}.preview-resources{gap:7px}.preview-resources b{height:7px;border-radius:3px;background:linear-gradient(90deg,#1687e9 65%,rgba(255,255,255,.1) 65%)}.preview-resources b:nth-child(3){background:linear-gradient(90deg,#34c997 82%,rgba(255,255,255,.1) 82%)}.preview-resources b:nth-child(4){background:linear-gradient(90deg,#7d91c3 46%,rgba(255,255,255,.1) 46%)}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:#96acd5;font-size:.61rem}.auth-content{min-height:100vh;padding:36px;display:flex;align-items:center;justify-content:center;background:#fff}.auth-content-inner{width:min(100%,470px)}.auth-mobile-brand{display:none}.auth-card{width:100%;padding:0;background:#fff}.auth-card .eyebrow{margin-bottom:12px}.auth-card h2{margin-bottom:7px;font-size:1.85rem;letter-spacing:-.04em}.auth-card>.muted{margin-bottom:22px;font-size:.83rem}.auth-card .stack-form,.auth-card .form-grid{gap:15px}.auth-card label{font-size:.72rem}.auth-card input{min-height:45px}.auth-card .btn{min-height:45px;margin-top:2px}.auth-switch{margin:20px 0 0;padding-top:18px;text-align:center;border-top:1px solid var(--line);color:var(--muted);font-size:.73rem}.auth-legal{margin-top:28px;text-align:center;color:#99a3b5;font-size:.6rem}.auth-legal a{color:#75829b}.muted{color:var(--muted)}.small{font-size:.69rem}.install-body{min-height:100vh;padding:30px;background:linear-gradient(135deg,#06113c,#001b8a)}.install-shell{max-width:860px;margin:auto}.install-shell>.brand{margin-bottom:24px}.install-card{width:100%;max-width:none;padding:32px;background:#fff;border-radius:9px}.install-card h1{font-size:2rem}
@media(max-width:1180px){.metrics-grid{grid-template-columns:1fr 1fr}.product-grid,.service-card-grid{grid-template-columns:1fr 1fr}.quick-order{display:none}.auth-layout{grid-template-columns:minmax(440px,48%) 1fr}.auth-brand-panel{padding:38px}.auth-preview{width:100%}.auth-features span:nth-child(3){display:none}}
@media(max-width:980px){.checkout-grid,.ticket-layout{grid-template-columns:1fr}.order-summary{position:static}.admin-layout{grid-template-columns:1fr}.admin-nav{display:none}.admin-jump{display:block}.region-chip{display:none}.auth-layout{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-content{padding:28px;min-height:100vh}.auth-content-inner{max-width:480px}.auth-mobile-brand{margin-bottom:50px;display:flex;align-items:center;gap:10px;color:var(--ink)}.auth-mobile-brand .brand-mark{width:34px;height:34px}.auth-mobile-brand strong{font-size:1.05rem}}
@media(max-width:800px){.sidebar{width:278px;transform:translateX(-100%);transition:transform .22s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 50px rgba(0,0,0,.3)}.app-shell:has(.sidebar.open):after{content:"";position:fixed;z-index:25;inset:0;background:rgba(2,8,31,.5);backdrop-filter:blur(2px)}.app-main{margin-left:0}.menu-toggle{display:grid}.topbar{height:69px;padding:0 15px}.user-menu>span:nth-child(2),.user-menu>a{display:none}.content{padding:23px 15px 34px}.page-head,.admin-head{flex-direction:column}.welcome-banner{min-height:auto;padding:25px;align-items:flex-start;flex-direction:column}.two-column,.wide-left,.product-grid,.service-card-grid{grid-template-columns:1fr}.app-footer{padding:14px 15px;flex-direction:column;gap:5px}.service-hero{grid-template-columns:1fr}.service-hero>div{padding:10px 5px;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.detail-grid{grid-template-columns:1fr}.inline-form{flex-direction:column}.admin-toolbar{flex-direction:column}.install-body{padding:15px}.install-card{padding:21px}}
@media(max-width:540px){.metrics-grid,.form-grid{grid-template-columns:1fr}.span-2,.form-section{grid-column:auto}.top-actions>.icon-btn{display:none}.top-actions>.notification-button{display:grid}.user-menu{padding-left:8px;margin-left:0}.welcome-banner h1{font-size:1.5rem}.panel{padding:17px}.wallet-hero{align-items:flex-start;flex-direction:column;gap:20px}.payment-option{align-items:flex-start;flex-wrap:wrap}.payment-option>div{min-width:170px}.reply-actions{align-items:flex-start;flex-direction:column;gap:9px}.inline-card{align-items:flex-start;flex-direction:column}.filter-tabs{width:100%}.auth-content{padding:22px}.auth-mobile-brand{margin-bottom:35px}.auth-card h2{font-size:1.6rem}.auth-card .form-grid{grid-template-columns:1fr}.auth-legal{line-height:1.8}}
.auth-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.security-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:4px;background:#eaf8f3;color:#087352;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.security-badge i{width:6px;height:6px;border-radius:50%;background:#10a978}.remember-choice{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;font-weight:500!important;color:var(--muted)}.remember-choice input{width:auto;min-height:auto;margin:0}.auth-help{margin-top:15px;display:flex;justify-content:space-between;gap:12px;color:#8a96aa;font-size:.62rem}.auth-help span:before{content:"✓";margin-right:5px;color:var(--success)}
@media(max-width:800px){body.menu-open{overflow:hidden}}

/* Sidebar 3.0 — proportions et rythme inspirés du brief fourni */
:root{--sidebar:308px}.sidebar{width:var(--sidebar);padding:30px 18px 22px;background:#080b48;border-right:0}.sidebar .brand{margin:0 10px 26px;font-size:1.55rem;line-height:1.1;letter-spacing:-.04em}.sidebar .brand-mark{width:39px;height:39px;border-radius:50%;background:transparent;box-shadow:none}.sidebar .brand-mark:before{content:"";position:absolute;inset:4px;border:1.5px solid #dce8ff;border-radius:50% 50% 42% 58%;transform:rotate(-42deg)}.sidebar .brand-mark:after{width:13px;height:3px;left:4px;top:29px;background:#28e2a4;transform:rotate(-42deg);box-shadow:-5px 4px 0 -1px #28e2a4}.sidebar .brand-mark i:first-child{width:5px;height:18px;left:17px;top:10px;background:#fff;transform:rotate(-42deg)}.sidebar .brand-mark i:last-child{width:4px;height:4px;right:6px;top:4px;border-radius:50%;background:#28e2a4}.nav-main{flex:1;min-height:0;margin:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#283065 transparent}.nav-main a{min-height:42px;margin:1px 0;padding:9px 10px;border-radius:8px;gap:12px;color:#eef1ff;font-size:1rem;font-weight:540}.nav-main a>i:first-child{width:21px;flex:0 0 21px;text-align:center;color:#d7ddff;font-size:1.35rem}.nav-main a>span{width:auto;flex:1;text-align:left;font-size:inherit}.nav-main a:hover{background:#151a5c}.nav-main a.active{background:#222d55;color:#fff;font-weight:680}.nav-main a.active:before{display:none}.nav-main a.active>i:first-child{color:#fff}.nav-main .nav-arrow{width:auto!important;margin-left:auto;color:#dbe1ff;font-size:1.25rem}.nav-label{margin:23px 10px 8px;color:#9399c4;font-size:.8rem;font-weight:570;letter-spacing:0;text-transform:none}.nav-label:first-child{margin-top:0}.nav-resources{margin-top:26px}.sidebar-profile{margin:18px 8px 0;padding-top:16px;display:grid;grid-template-columns:42px minmax(0,1fr) 26px;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-profile .avatar{width:42px;height:42px;border-radius:50%;background:#fff;color:#c8cde1;font-size:.8rem}.sidebar-profile>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.sidebar-profile strong{overflow:hidden;color:#fff;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile small{overflow:hidden;color:#a3a9cf;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile>a{display:grid;place-items:center;color:#dbe0ff;font-size:1.25rem}.app-main{margin-left:var(--sidebar)}.notification-button>b{position:absolute;right:6px;top:5px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#ef3f5f}.icon-btn>.bx{font-size:1.15rem}.quick-order>.bx{font-size:1.1rem}
.notification-button>i{position:static;width:auto;height:auto;border:0;border-radius:0;background:transparent}.notification-button>b{display:block}.user-menu>a>.bx{font-size:1.15rem}
@media(max-width:800px){.sidebar{width:min(308px,88vw)}.app-main{margin-left:0}}

/* Correctif 3.1 — grille explicite, anti-cache et anti-retour des anciennes règles */
.sidebar .brand{display:flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important}.sidebar-logo{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid rgba(103,211,255,.45);border-radius:12px;background:linear-gradient(145deg,rgba(0,202,255,.17),rgba(30,87,255,.2));box-shadow:0 12px 26px rgba(0,0,0,.14)}.sidebar-logo>.bx{position:static!important;width:auto!important;height:auto!important;color:#55dcff!important;background:transparent!important;border:0!important;font-size:1.75rem!important;transform:none!important}.nav-main>a{width:100%!important;display:grid!important;grid-template-columns:24px minmax(0,1fr) 20px!important;align-items:center!important;column-gap:12px!important;padding:10px 12px!important}.nav-main>a>i:first-child{grid-column:1!important;width:20px!important;min-width:24px!important;margin:0!important}.nav-main>a>span{grid-column:2!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.25!important}.nav-main>a>.nav-arrow{grid-column:3!important;width:20px!important;margin:0!important}.nav-main>a:not(:has(.nav-arrow)){grid-template-columns:24px minmax(0,1fr)!important}.nav-main .nav-label{width:auto!important;max-width:none!important;white-space:nowrap!important}.sidebar-profile{width:auto!important}.sidebar-profile>span:nth-child(2){width:auto!important;min-width:0!important}


/* NEBULAHOST REFERRAL V19 - styles globaux afin que /parrainage soit toujours stylé */
.referral-page{max-width:1050px;margin:0 auto;display:grid;gap:18px}.referral-title{display:flex;gap:12px;align-items:center}.referral-title h1{font-size:20px;margin:0 0 3px;color:#101828}.referral-title p{margin:0;color:#667085;font-size:13px}.referral-title-icon{width:38px;height:38px;border-radius:12px;background:#f1ecff;color:#7c3aed;display:grid;place-items:center;font-size:20px}.referral-tier-card{border:1px solid #fdba74;border-radius:16px;padding:22px;background:linear-gradient(120deg,#fff7ed,#fff 75%);box-shadow:0 1px 2px #1018280a;display:grid;grid-template-columns:1fr auto;gap:18px}.tier-main{display:flex;align-items:center;gap:14px}.tier-trophy{width:58px;height:58px;border-radius:14px;background:#ffedd5;color:#f97316;display:grid;place-items:center;font-size:28px}.tier-main small{display:block;font-size:10px;font-weight:800;color:#f97316;margin-bottom:4px}.tier-main strong{font-size:24px;color:#101828}.tier-main strong span{font-size:12px;font-weight:500;color:#667085}.tier-summary{display:flex;gap:38px;text-align:right}.tier-summary span{display:block;color:#667085;font-size:10px}.tier-summary b{font-size:17px;color:#101828}.tier-summary div:last-child b{color:#059669}.tier-progress-head{grid-column:1/-1;display:flex;justify-content:space-between;font-size:11px;color:#667085}.tier-progress-head span:first-child{font-weight:700;color:#f97316}.tier-progress{grid-column:1/-1;height:8px;background:#eef1f5;border-radius:20px;overflow:hidden}.tier-progress i{display:block;height:100%;background:linear-gradient(90deg,#a855f7,#c084fc);border-radius:20px}.referral-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.referral-level{border:1px solid #e4e7ec;border-radius:12px;background:#fff;padding:12px;text-align:center;color:#98a2b3;display:grid;gap:2px}.referral-level.active{border-color:#fdba74;background:#fff7ed;color:#f97316;box-shadow:0 2px 8px #f9731620}.referral-level i{font-size:18px}.referral-level b{font-size:11px}.referral-level strong{font-size:17px}.referral-level small{font-size:9px;color:#98a2b3}.referral-link-card,.referral-history-card,.referral-how{background:#fff;border:1px solid #d8dde6;border-radius:13px;padding:18px;box-shadow:0 1px 2px #10182808}.referral-link-card label{font-size:11px;font-weight:700;color:#344054}.referral-link-row{display:flex;align-items:center;gap:10px;margin-top:8px}.referral-link-row span{flex:1;min-width:0;border:1px solid #d0d5dd;border-radius:9px;padding:10px 12px;font-size:11px;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referral-link-row span i{margin-right:8px;color:#667085}.referral-link-card p{margin:9px 0 0;padding:8px 10px;border:1px solid #e9d5ff;background:#faf5ff;border-radius:8px;color:#7e22ce;font-size:10px}.referral-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.referral-stats>div{border:1px solid #d8dde6;border-radius:11px;background:#fff;padding:14px;display:flex;align-items:center;gap:12px}.referral-stats>div>i{width:36px;height:36px;border-radius:10px;background:#eef4ff;color:#4f46e5;display:grid;place-items:center;font-size:18px}.referral-stats span b{display:block;font-size:17px;color:#101828}.referral-stats span small{color:#667085;font-size:10px}.card-heading h2,.referral-how h2{margin:0;font-size:14px;color:#101828}.card-heading p{margin:3px 0 0;color:#667085;font-size:10px}.referral-empty{min-height:165px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#98a2b3;gap:5px}.referral-empty i{font-size:35px}.referral-empty strong{font-size:12px;color:#667085}.referral-empty span{font-size:10px}.referral-table-wrap{overflow:auto;margin-top:14px}.referral-table{width:100%;border-collapse:collapse;font-size:11px}.referral-table th{text-align:left;color:#667085;font-size:10px;padding:9px;border-bottom:1px solid #eaecf0}.referral-table td{padding:11px 9px;border-bottom:1px solid #f2f4f7;color:#344054}.ref-status{display:inline-flex;border-radius:999px;padding:4px 8px;background:#ecfdf3;color:#027a48;font-size:9px;font-weight:700}.ref-status.reversed{background:#fef3f2;color:#b42318}.ref-status.partially_reversed{background:#fffaeb;color:#b54708}.referral-how{border-style:dashed}.referral-how h2{display:flex;align-items:center;gap:6px}.referral-how ol{margin:12px 0 0;padding-left:20px;color:#475467;font-size:11px;display:grid;gap:7px}.referral-how li::marker{color:#7c3aed;font-weight:800}@media(max-width:800px){.referral-tier-card{grid-template-columns:1fr}.tier-summary{justify-content:flex-start;text-align:left}.referral-levels{grid-template-columns:repeat(2,1fr)}.referral-levels .referral-level:last-child{grid-column:1/-1}.referral-stats{grid-template-columns:repeat(2,1fr)}.tier-progress-head{gap:15px}.referral-link-row{align-items:stretch}.referral-link-row .btn{padding-inline:12px}}@media(max-width:520px){.referral-stats{grid-template-columns:1fr}.referral-link-row{flex-direction:column}}

/* NEBULAHOST REFERRAL V19 POLISH */
.referral-page{padding-bottom:28px}.referral-title{padding:3px 0 2px}.referral-title-icon{box-shadow:0 6px 18px rgba(124,58,237,.12)}.referral-tier-card{overflow:hidden;position:relative}.referral-tier-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-75px;top:-100px;background:radial-gradient(circle,rgba(249,115,22,.10),transparent 68%);pointer-events:none}.referral-level{transition:.18s ease}.referral-level:hover{transform:translateY(-2px);border-color:#c7d2fe;box-shadow:0 8px 18px rgba(16,24,40,.06)}.referral-link-row .btn{white-space:nowrap}.referral-stats>div{transition:.18s ease}.referral-stats>div:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(16,24,40,.05)}.referral-stats>div:nth-child(2)>i{background:#ecfdf3;color:#059669}.referral-stats>div:nth-child(3)>i{background:#fff7ed;color:#f97316}.referral-stats>div:nth-child(4)>i{background:#faf5ff;color:#9333ea}

/* Security hardening: logout uses POST + CSRF while preserving icon styling. */
.logout-form{margin:0;padding:0;display:grid;place-items:center}.logout-button{margin:0;padding:0;border:0;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer;font-size:1.15rem}.sidebar-profile>.logout-form{color:#dbe0ff;font-size:1.25rem}.user-menu>.logout-form{color:#2f416a}@media(max-width:800px){.user-menu>.logout-form{display:none}}

/* ORDER EXPERIENCE V20 — configuration de commande inspirée d'un checkout SaaS moderne */
body[data-route="cart"] .content{max-width:1320px;background:#f4f7fb}
.order-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}.order-page-title{display:flex;align-items:center;gap:13px}.order-title-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#e9f2ff;color:#3869b7;font-size:20px}.order-page-title h1{margin:0 0 3px;font-size:1.55rem;letter-spacing:-.03em;color:#13213c}.order-page-title p{margin:0;color:#6d7b92;font-size:.83rem}.order-back-link{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:8px;color:#52647f;font-size:.75rem;font-weight:700}.order-back-link:hover{background:#fff;box-shadow:0 1px 3px rgba(21,37,63,.08)}
.order-config-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;align-items:start}.order-config-main{min-width:0;display:grid;gap:18px}.order-product-card,.order-option-panel,.order-summary-card{background:#fff;border:1px solid #d9e0e9;border-radius:13px;box-shadow:0 2px 5px rgba(20,36,62,.07)}.order-product-card{padding:18px 20px}.order-product-main{display:grid;grid-template-columns:52px minmax(0,1fr) auto 34px;gap:14px;align-items:center}.order-product-icon{width:48px;height:48px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#163967,#071d3c);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font-size:24px}.order-product-copy{min-width:0}.order-cloud-label{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;margin-bottom:6px;border-radius:5px;background:#edf5ff;color:#3671c9;font-size:.58rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.order-product-copy h2{margin:0;color:#21314a;font-size:1.05rem}.order-product-copy p{margin:4px 0 0;color:#8290a3;font-size:.71rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:650px}.order-spec-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.order-spec-chips span{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid #d9e2ed;border-radius:99px;background:#f9fbfd;color:#4f6079;font-size:.62rem;font-weight:650}.order-spec-chips i{color:#5c8bcf}.order-product-price{text-align:right;color:#20304a}.order-product-price strong{display:block;font-size:1.22rem;letter-spacing:-.03em}.order-product-price small{font-size:.62rem}.order-remove-form button{width:31px;height:31px;border:0;border-radius:7px;background:#fff1f2;color:#c95d65;cursor:pointer;font-size:16px}.order-remove-form button:hover{background:#ffe5e8}
.order-option-panel{overflow:hidden}.order-panel-heading{height:43px;padding:0 16px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #e1e6ed;color:#39506d;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.035em}.order-panel-heading i{font-size:15px}.billing-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px}.billing-choice{min-height:68px;padding:11px 12px;display:grid;grid-template-columns:15px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #d8e0ea;border-radius:9px;background:#fff}.billing-choice.active{border-color:#7da7e6;background:#f7faff;box-shadow:inset 0 0 0 1px #bed3f2}.billing-radio{width:10px;height:10px;border:2px solid #4f83ca;border-radius:50%;box-shadow:0 0 0 3px #e7f0fc}.billing-radio.soft{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:7px;background:#eef4fb;box-shadow:none;color:#5c7da7;font-size:15px}.billing-choice div{display:flex;flex-direction:column;min-width:0}.billing-choice strong{font-size:.72rem;color:#2c3d56}.billing-choice small{font-size:.59rem}.billing-choice b{font-size:.69rem;color:#263c5b;white-space:nowrap}.order-reassurance-grid{padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.order-reassurance-grid>span{padding:11px;display:grid;grid-template-columns:20px 1fr;gap:1px 7px;border-radius:9px;background:#f8fafc;color:#465a75}.order-reassurance-grid i{grid-row:1/3;color:#45bb91;font-size:17px}.order-reassurance-grid b{font-size:.68rem}.order-reassurance-grid small{font-size:.57rem}
.order-summary-card{position:sticky;top:94px;padding:18px}.summary-product-mini{display:flex;align-items:center;gap:10px}.summary-product-mini>span{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(145deg,#183b69,#091e40);color:#fff}.summary-product-mini div{display:flex;flex-direction:column}.summary-product-mini strong{font-size:.72rem;color:#2c3b53}.summary-product-mini small{font-size:.52rem;letter-spacing:.04em}.summary-divider{height:1px;background:#dce2e9;margin:14px 0}.order-summary-card h2{font-size:.98rem;margin:0 0 12px;color:#293950}.summary-line{padding:5px 0;display:flex;justify-content:space-between;gap:15px;color:#6b7890;font-size:.68rem}.summary-line strong{color:#53637b}.summary-total-box{padding:13px 14px;border:1px solid #b9cef0;border-radius:10px;background:#f5f9ff}.summary-total-box small{color:#7390b7;font-size:.55rem;font-weight:800}.summary-total-box>div{margin-top:1px;display:flex;align-items:center;justify-content:space-between;color:#264e87}.summary-total-box strong{font-size:1.45rem;letter-spacing:-.035em}.summary-total-box i{font-size:23px}.summary-consent{margin:12px 0;padding:11px;display:flex;gap:8px;border:1px solid #d8e0e9;border-radius:8px;color:#64748b;font-size:.61rem;line-height:1.55}.summary-consent i{margin-top:1px;color:#4d86cf;font-size:15px}.summary-checkout-form{display:grid;gap:10px}.order-pay-button{width:100%;min-height:43px;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:8px;background:linear-gradient(135deg,#316bd0,#2355ac);box-shadow:0 7px 16px rgba(41,92,180,.2);color:#fff;font-weight:800;font-size:.75rem;cursor:pointer}.order-pay-button i:last-child{margin-left:auto;font-size:18px}.order-pay-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(41,92,180,.24)}.promo-label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.promo-label>span{min-width:0;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #d8e0e9;border-radius:7px;background:#f8fafc}.promo-label>span i{color:#7b8ba1}.promo-label input{min-width:0;width:100%;height:34px;border:0;outline:0;background:transparent;font-size:.65rem}.promo-label>button{padding:0 10px;border:0;border-radius:7px;background:#edf2f8;color:#5a6c84;font-size:.59rem;font-weight:750;cursor:pointer}.summary-footnote{margin-top:9px;color:#8491a5;font-size:.57rem}.summary-footnote i{margin-right:3px}
@media(max-width:1050px){.order-config-layout{grid-template-columns:1fr}.order-summary-card{position:static}.order-summary-card{max-width:none}.billing-choice-list{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.order-page-head{align-items:flex-start;flex-direction:column}.order-product-main{grid-template-columns:44px minmax(0,1fr) 34px}.order-product-price{grid-column:2;text-align:left}.order-remove-form{grid-column:3;grid-row:1}.order-product-icon{width:42px;height:42px}.billing-choice-list,.order-reassurance-grid{grid-template-columns:1fr}.promo-label{grid-template-columns:1fr}.promo-label>button{min-height:34px}.order-page-title h1{font-size:1.35rem}}

/* CART V82 — panier multi-produits groupé et lisible */
body[data-route="cart"] .content{max-width:1400px;padding-top:22px;background:#f4f7fb}.cart-page-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:11px;margin-bottom:17px}.cart-page-head>div{min-width:0}.cart-page-kicker{display:flex;align-items:center;gap:5px;margin-bottom:3px;color:#4776b8;font-size:.55rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.cart-page-head h1{margin:0 0 3px;color:#17243a;font-size:1.55rem}.cart-page-head p{margin:0;color:#758297;font-size:.72rem}.cart-item-count{padding:5px 9px;border-radius:99px;background:#e8eef7;color:#50627b;font-size:.58rem;font-weight:800}.cart-add-service{min-height:36px;padding:8px 11px;display:inline-flex;align-items:center;gap:6px;border:1px solid #cdd8e7;border-radius:8px;background:#fff;color:#36577e;font-size:.65rem;font-weight:780}.cart-add-service:hover{border-color:#9fb8d8;background:#f9fbff}.cart-empty{padding:60px 20px;text-align:center;border:1px solid #dde4ed;border-radius:13px;background:#fff}.cart-empty>span{width:55px;height:55px;margin:0 auto 13px;display:grid;place-items:center;border-radius:14px;background:#edf3fb;color:#4774af;font-size:27px}.cart-empty h2{margin-bottom:5px}.cart-empty p{margin-bottom:17px;color:#7b8798;font-size:.75rem}.cart-layout-v82{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.cart-groups{min-width:0;display:grid;gap:13px}.cart-category-group{overflow:hidden;border:1px solid #dce3ec;border-radius:12px;background:#fff;box-shadow:0 2px 6px rgba(20,36,62,.045)}.cart-category-head{min-height:56px;padding:10px 14px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #e2e7ee;background:#fafbfd}.cart-category-head>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#eaf2fd;color:#3d70b7;font-size:16px}.cart-category-head h2{margin:0;color:#29384e;font-size:.78rem}.cart-category-head p{margin:1px 0 0;color:#8792a2;font-size:.52rem}.cart-category-head>strong{color:#3b4b62;font-size:.72rem}.cart-category-items{padding:0 14px}.cart-line-item{min-height:94px;padding:13px 0;display:grid;grid-template-columns:38px minmax(215px,1fr) 112px 90px 31px;align-items:center;gap:12px;border-bottom:1px solid #e9edf2}.cart-line-item:last-child{border-bottom:0}.cart-line-item.is-unavailable{opacity:.68}.cart-line-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #dfe6ef;border-radius:8px;background:#f4f7fb;color:#4b6e9c;font-size:17px}.cart-line-main{min-width:0}.cart-line-title{display:flex;align-items:center;gap:6px;min-width:0}.cart-line-title h3{margin:0;overflow:hidden;color:#27364b;font-size:.72rem;white-space:nowrap;text-overflow:ellipsis}.cart-line-title>span{padding:2px 5px;border-radius:4px;background:#eef2f7;color:#5c6b7f;font-size:.48rem;font-weight:800}.cart-line-title>b{padding:3px 6px;display:inline-flex;align-items:center;gap:3px;border-radius:5px;background:#fff0f2;color:#b93547;font-size:.48rem;white-space:nowrap}.cart-line-main>p{margin:3px 0 5px;overflow:hidden;color:#8490a1;font-size:.56rem;white-space:nowrap;text-overflow:ellipsis}.cart-line-chips{display:flex;flex-wrap:wrap;gap:4px}.cart-line-chips span{max-width:210px;padding:3px 6px;display:inline-flex;align-items:center;gap:3px;overflow:hidden;border:1px solid #e2e7ed;border-radius:5px;background:#fafbfd;color:#66758a;font-size:.49rem;white-space:nowrap;text-overflow:ellipsis}.cart-line-chips i{color:#3c82c5}.cart-line-cycle,.cart-line-price{display:flex;flex-direction:column}.cart-line-cycle>span,.cart-line-price>span{color:#919baa;font-size:.46rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.cart-line-cycle strong,.cart-line-price strong{margin-top:2px;color:#3a485d;font-size:.62rem}.cart-line-cycle small,.cart-line-price small{margin-top:2px;font-size:.47rem;line-height:1.35}.cart-line-price{text-align:right}.cart-line-price strong{font-size:.73rem}.cart-line-remove button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e4e7ec;border-radius:7px;background:#fff;color:#a06a71;cursor:pointer}.cart-line-remove button:hover{border-color:#efc8cd;background:#fff3f4;color:#bd3c4c}.cart-reassurance{min-height:47px;padding:9px 14px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border:1px solid #dce3ec;border-radius:11px;background:#fff}.cart-reassurance span{display:flex;align-items:center;justify-content:center;gap:6px;color:#637186;font-size:.55rem}.cart-reassurance span+span{border-left:1px solid #e2e7ed}.cart-reassurance i{color:#24926c;font-size:15px}.cart-summary-v82{position:sticky;top:92px;padding:18px;border:1px solid #d7e0eb;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(22,40,68,.065)}.cart-summary-v82>header{padding-bottom:12px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #e4e8ee}.cart-summary-v82>header>div{display:flex;flex-direction:column}.cart-summary-v82>header span{color:#8792a2;font-size:.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.cart-summary-v82>header h2{margin:2px 0 0;font-size:.95rem}.cart-summary-v82>header>b{padding:4px 7px;border-radius:5px;background:#edf2f8;color:#5d6d83;font-size:.51rem}.cart-summary-items{max-height:230px;padding:5px 0;overflow:auto;scrollbar-width:thin}.cart-summary-items>div{padding:8px 1px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf0f4}.cart-summary-items>div:last-child{border-bottom:0}.cart-summary-items>div>span{min-width:0;display:flex;flex-direction:column}.cart-summary-items strong{overflow:hidden;color:#3b495d;font-size:.59rem;white-space:nowrap;text-overflow:ellipsis}.cart-summary-items small{margin-top:1px;font-size:.48rem}.cart-summary-items b{color:#45536a;font-size:.6rem;white-space:nowrap}.cart-summary-calculation{padding:10px 0;border-top:1px solid #e3e8ee}.cart-summary-calculation>div{padding:4px 0;display:flex;align-items:center;justify-content:space-between;color:#748094;font-size:.59rem}.cart-summary-calculation strong{color:#44546a}.cart-summary-calculation small{font-size:.53rem}.cart-summary-total{padding:12px 13px;display:flex;align-items:center;justify-content:space-between;border:1px solid #b9cfee;border-radius:9px;background:#f4f8fe}.cart-summary-total>span{display:flex;flex-direction:column;color:#46658d;font-size:.62rem;font-weight:800}.cart-summary-total small{font-size:.46rem;font-weight:500}.cart-summary-total>strong{color:#244f88;font-size:1.25rem;letter-spacing:-.035em}.cart-checkout-form{margin-top:12px;display:grid;gap:8px}.cart-checkout-form>label{height:36px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;border:1px solid #d8e0e9;border-radius:7px;background:#fafbfd;overflow:hidden}.cart-checkout-form>label>i{justify-self:end;color:#7b899c}.cart-checkout-form input{min-width:0;height:100%;padding:0 7px;border:0;outline:0;background:transparent;font-size:.58rem}.cart-checkout-form label button{align-self:stretch;padding:0 9px;border:0;border-left:1px solid #dce3eb;background:#eef3f8;color:#51657d;font-size:.52rem;font-weight:800;cursor:pointer}.cart-checkout-button{min-height:42px;padding:9px 11px;display:grid;grid-template-columns:18px minmax(0,1fr) 18px;align-items:center;border:0;border-radius:8px;background:#285fae;color:#fff;font-size:.66rem;font-weight:850;cursor:pointer;box-shadow:0 6px 14px rgba(40,95,174,.18)}.cart-checkout-button:hover{background:#204f94;transform:translateY(-1px)}.cart-checkout-button:disabled,.cart-checkout-form button:disabled{opacity:.45;cursor:not-allowed;transform:none}.cart-summary-v82>p{margin:9px 0 0;text-align:center;color:#8490a2;font-size:.49rem}.cart-summary-v82>p i{margin-right:3px}
@media(max-width:1150px){.cart-layout-v82{grid-template-columns:1fr}.cart-summary-v82{position:static}.cart-summary-items{max-height:none}.cart-line-item{grid-template-columns:38px minmax(220px,1fr) 120px 95px 31px}}
@media(max-width:760px){body[data-route="cart"] .content{padding-top:16px}.cart-page-head{grid-template-columns:minmax(0,1fr) auto}.cart-add-service{grid-column:1/-1;width:max-content}.cart-line-item{grid-template-columns:36px minmax(0,1fr) 31px;gap:9px}.cart-line-main{grid-column:2}.cart-line-cycle{grid-column:2}.cart-line-price{grid-column:2;text-align:left}.cart-line-remove{grid-column:3;grid-row:1}.cart-reassurance{grid-template-columns:1fr;gap:7px}.cart-reassurance span+span{border-left:0}.cart-reassurance span{justify-content:flex-start}.cart-category-items{padding:0 12px}}
@media(max-width:480px){.cart-page-head h1{font-size:1.35rem}.cart-item-count{display:none}.cart-line-title{align-items:flex-start;flex-wrap:wrap}.cart-line-title h3{width:100%}.cart-line-chips span{max-width:100%}.cart-category-head{grid-template-columns:32px minmax(0,1fr)}.cart-category-head>strong{grid-column:2}.cart-summary-v82{padding:15px}}

/* CART V83 — identité colorée, sobre et professionnelle */
body[data-route="cart"] .content{padding-top:14px;background:radial-gradient(circle at 92% 2%,rgba(69,126,203,.07),transparent 25%),#f4f7fb}.cart-page-head{position:relative;min-height:105px;padding:19px 21px;overflow:hidden;border:1px solid #153869;border-radius:13px;background:linear-gradient(115deg,#0b2143,#123d70 62%,#1768a7);box-shadow:0 10px 25px rgba(12,42,80,.13)}.cart-page-head:after{content:"";position:absolute;right:18%;top:-85px;width:190px;height:190px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.cart-page-head>*{position:relative;z-index:1}.cart-page-kicker{color:#80c9ff}.cart-page-head h1{color:#fff}.cart-page-head p{color:#c6d7eb}.cart-item-count{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.1);color:#e8f3ff}.cart-add-service{border-color:#fff;background:#fff;color:#154d83;box-shadow:0 5px 13px rgba(3,22,46,.15)}.cart-add-service:hover{border-color:#d5ebff;background:#eaf6ff;color:#103d69}.cart-category-group{position:relative;border-top-width:3px}.cart-category-group:before{content:"";position:absolute;z-index:2;left:0;top:0;bottom:0;width:3px;background:#4676b7}.cart-category-head{background:linear-gradient(90deg,#f7faff,#fff)}.cart-category-head>strong{padding:5px 8px;border-radius:6px;background:#edf3fb;color:#315c91}.cart-category-vps{border-top-color:#3778d0}.cart-category-vps:before{background:#3778d0}.cart-category-vps .cart-category-head>span,.cart-category-vps .cart-line-icon{background:#eaf2ff;color:#2568bf}.cart-category-vps .cart-category-head>strong{background:#eaf2ff;color:#2568bf}.cart-category-hosting{border-top-color:#18a174}.cart-category-hosting:before{background:#18a174}.cart-category-hosting .cart-category-head>span,.cart-category-hosting .cart-line-icon{background:#e9f8f2;color:#11815d}.cart-category-hosting .cart-category-head>strong{background:#e9f8f2;color:#11815d}.cart-category-domain{border-top-color:#7a55c7}.cart-category-domain:before{background:#7a55c7}.cart-category-domain .cart-category-head>span,.cart-category-domain .cart-line-icon{background:#f1edfb;color:#6845b1}.cart-category-domain .cart-category-head>strong{background:#f1edfb;color:#6845b1}.cart-category-giftcard{border-top-color:#d28a22}.cart-category-giftcard:before{background:#d28a22}.cart-category-giftcard .cart-category-head>span,.cart-category-giftcard .cart-line-icon{background:#fff5e7;color:#ad6d14}.cart-category-giftcard .cart-category-head>strong{background:#fff5e7;color:#ad6d14}.cart-line-item{transition:background .15s}.cart-line-item:hover{margin-inline:-10px;padding-inline:10px;background:#fafcff}.cart-line-icon{border-color:transparent}.cart-line-chips span{background:#f8fafc}.cart-line-chips i{color:#29916e}.cart-reassurance{box-shadow:0 2px 7px rgba(20,36,62,.035)}.cart-reassurance span:nth-child(1) i{color:#3975bd}.cart-reassurance span:nth-child(2) i{color:#ce8121}.cart-reassurance span:nth-child(3) i{color:#1b936b}.cart-summary-v82{overflow:hidden;border-top:3px solid #2b66ad}.cart-summary-v82>header{margin:-18px -18px 0;padding:16px 18px 13px;background:linear-gradient(110deg,#eef5ff,#fff)}.cart-summary-v82>header h2{color:#193f6c}.cart-summary-v82>header>b{background:#dfeeff;color:#2b64a5}.cart-summary-total{border-color:#93b6e5;background:linear-gradient(120deg,#eaf3ff,#f7fbff)}.cart-summary-total>strong{color:#14569c}.cart-checkout-button{background:linear-gradient(135deg,#2669b8,#174e8e);box-shadow:0 7px 16px rgba(31,91,158,.23)}.cart-checkout-button:hover{background:linear-gradient(135deg,#1e5da8,#123f78)}
@media(max-width:760px){.cart-page-head{min-height:auto;padding:17px}.cart-page-head:after{right:-55px}.cart-line-item:hover{margin-inline:0;padding-inline:0;background:transparent}}

/* CHECKOUT V21 — page de paiement compacte et professionnelle */
body[data-route="checkout"] .content{max-width:1320px;padding-top:0;background:#f4f7fb}.checkout-page{width:100%}.checkout-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;color:#63728a;font-size:.72rem;font-weight:720}.checkout-back i{font-size:17px}.checkout-back:hover{color:#255fae}.checkout-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:18px}.checkout-head h1{margin:5px 0 4px;font-size:1.65rem;color:#13213c}.checkout-head p{margin:0;color:#728097;font-size:.78rem}.checkout-kicker{display:flex;align-items:center;gap:5px;color:#4776bb;font-size:.59rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.checkout-head>.status{margin-top:5px}.checkout-steps{height:51px;margin-bottom:18px;padding:0 20px;display:flex;align-items:center;justify-content:center;border:1px solid #dbe2eb;border-radius:11px;background:#fff;box-shadow:0 2px 5px rgba(20,36,62,.04)}.checkout-steps span{display:flex;align-items:center;gap:7px;color:#8a96a8;font-size:.65rem}.checkout-steps span i{width:23px;height:23px;display:grid;place-items:center;border:1px solid #ccd5e1;border-radius:50%;font-size:13px}.checkout-steps span.done{color:#50816e}.checkout-steps span.done i{border-color:#bfe4d4;background:#eaf8f2;color:#16815e}.checkout-steps span.active{color:#245caa}.checkout-steps span.active i{border-color:#abc7ee;background:#eaf2fd;color:#2867bc}.checkout-steps em{width:75px;height:1px;margin:0 13px;background:#dce3ec}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.checkout-payment-card,.checkout-summary-card{background:#fff;border:1px solid #d9e0e9;border-radius:13px;box-shadow:0 2px 6px rgba(20,36,62,.06)}.checkout-payment-card{padding:21px}.checkout-section-head{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid #e4e8ee}.checkout-section-head>span{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;background:#eaf2fd;color:#316abb;font-size:19px}.checkout-section-head h2{margin:0 0 2px;font-size:1rem;color:#26364d}.checkout-section-head p{margin:0;color:#7d899b;font-size:.67rem}.checkout-method-list{display:grid;gap:10px;padding-top:16px}.checkout-method{min-height:79px;padding:12px 13px;display:grid;grid-template-columns:42px minmax(150px,1fr) auto auto;align-items:center;gap:12px;border:1px solid #dce2ea;border-radius:10px;background:#fff}.checkout-method.featured{border-color:#b9cfee;background:#fbfdff}.checkout-method:hover{border-color:#9ebbe2;box-shadow:0 5px 14px rgba(24,56,103,.07)}.checkout-method-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;font-size:20px}.checkout-method-icon.wallet{background:#edf7f2;color:#19805f}.checkout-method-icon.card{background:#eaf2fd;color:#2867bc}.checkout-method-copy{display:flex;flex-direction:column;min-width:0}.checkout-method-copy strong{color:#27364c;font-size:.76rem}.checkout-method-copy small{font-size:.61rem}.checkout-method-price{color:#34465f;font-size:.74rem;font-weight:800;white-space:nowrap}.checkout-method-button{min-height:37px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:7px;background:#285fae;color:#fff;font-size:.66rem;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 4px 10px rgba(40,95,174,.17)}.checkout-method-button.secondary{border:1px solid #b8c6d8;background:#fff;color:#365474;box-shadow:none}.checkout-method-button:hover{background:#204f94;transform:translateY(-1px)}.checkout-method-button.secondary:hover{background:#f1f5f9;color:#274766}.checkout-method-button:disabled{opacity:.42;cursor:not-allowed;transform:none}.checkout-trust{margin-top:16px;padding-top:14px;display:flex;justify-content:center;gap:24px;border-top:1px solid #e7ebf0;color:#758297;font-size:.58rem}.checkout-trust span{display:flex;align-items:center;gap:5px}.checkout-trust i{color:#2a956f;font-size:14px}.checkout-stock-alert,.checkout-processing{margin-top:16px;padding:15px;display:flex;align-items:center;gap:11px;border-radius:9px}.checkout-stock-alert{border:1px solid #f0c8cd;background:#fff4f5;color:#a43b49}.checkout-processing{border:1px solid #c8dcf3;background:#f1f7fe;color:#326592}.checkout-stock-alert>i,.checkout-processing>i{font-size:23px}.checkout-stock-alert>div,.checkout-processing>div{display:flex;flex-direction:column}.checkout-stock-alert strong,.checkout-processing strong{font-size:.73rem}.checkout-stock-alert span,.checkout-processing span{font-size:.63rem}.checkout-summary-card{position:sticky;top:94px;padding:18px}.checkout-summary-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid #e3e8ef}.checkout-summary-head>div{display:flex;flex-direction:column}.checkout-summary-head span{color:#8491a5;font-size:.56rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.checkout-summary-head h2{margin:2px 0 0;font-size:.98rem}.checkout-summary-head a{font-size:.62rem;font-weight:750}.checkout-items{padding:7px 0}.checkout-item{padding:10px 0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;border-bottom:1px solid #edf0f4}.checkout-item:last-child{border-bottom:0}.checkout-item>span{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:#edf3fb;color:#4372b2;font-size:16px}.checkout-item>div{display:flex;flex-direction:column;min-width:0}.checkout-item strong{overflow:hidden;color:#344258;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.checkout-item small{font-size:.55rem}.checkout-item>b{color:#44536a;font-size:.65rem;white-space:nowrap}.checkout-summary-lines{padding:11px 0;border-top:1px solid #e3e8ef}.checkout-summary-lines>div{padding:4px 0;display:flex;justify-content:space-between;color:#707d91;font-size:.65rem}.checkout-summary-lines strong{color:#45546a}.checkout-summary-lines .discount strong{color:#16815e}.checkout-total{padding:13px 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid #b9cfee;border-radius:9px;background:#f4f8fe}.checkout-total>span{display:flex;flex-direction:column;color:#3c5d87;font-size:.66rem;font-weight:800}.checkout-total small{font-size:.52rem;font-weight:500}.checkout-total>strong{color:#244f88;font-size:1.35rem;letter-spacing:-.035em}.checkout-summary-note{margin:12px 0 0;display:flex;align-items:center;gap:6px;color:#758297;font-size:.57rem}.checkout-summary-note i{color:#23906b;font-size:14px}
@media(max-width:1020px){.checkout-layout{grid-template-columns:1fr}.checkout-summary-card{position:static}.checkout-method{grid-template-columns:42px minmax(140px,1fr) auto auto}}
@media(max-width:700px){body[data-route="checkout"] .content{padding-top:0}.checkout-head{flex-direction:column;gap:10px}.checkout-head h1{font-size:1.4rem}.checkout-steps{padding:0 10px}.checkout-steps em{width:28px;margin:0 7px}.checkout-steps b{display:none}.checkout-payment-card{padding:15px}.checkout-method{grid-template-columns:38px minmax(0,1fr) auto;gap:9px}.checkout-method-icon{width:36px;height:36px}.checkout-method-price{font-size:.67rem}.checkout-method-button{grid-column:1/-1;width:100%}.checkout-trust{align-items:center;flex-direction:column;gap:7px}}


/* Hosting domain selection */
.hosting-domain-choice{margin-top:4px;padding:16px;border:1px solid #dbe3ef;border-radius:14px;background:#f8fbff}.hosting-domain-choice__title{display:flex;flex-direction:column;gap:4px;margin-bottom:13px}.hosting-domain-choice__title strong{font-size:14px;color:#172033}.hosting-domain-choice__title small{font-size:12px;color:#64748b}.hosting-domain-choice__hint{margin:8px 0 0;font-size:12px;line-height:1.5;color:#64748b}

/* HOSTING PRODUCT CONFIGURATION V23 */
body[data-route="product-config"] .content{max-width:1320px;background:#f5f6f8}.product-config-page{padding-bottom:36px}.product-config-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:28px;color:#647084;font-size:.78rem;font-weight:650}.product-config-back i{font-size:20px}.product-config-back:hover{color:#17345f}.product-config-head{margin-bottom:34px}.product-config-head h1{margin:0 0 8px;font-size:1.8rem;color:#111827}.product-config-head p{margin:0;color:#687386;font-size:.83rem}.product-config-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:64px;align-items:start}.product-config-card,.product-config-summary{background:#fff;border:1px solid #e1e5eb;border-radius:11px;box-shadow:0 1px 3px rgba(16,24,40,.04)}.product-config-card{padding:25px}.product-config-card-head{padding-bottom:20px;border-bottom:1px solid #e3e7ed}.product-config-type{display:inline-flex;align-items:center;gap:5px;margin-bottom:8px;color:#557195;font-size:.61rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.product-config-card-head h2{margin:0 0 4px;font-size:1rem;color:#151f31}.product-config-card-head p{margin:0;color:#69758a;font-size:.77rem}.product-config-specs{display:flex;flex-wrap:wrap;gap:7px;padding:14px 0;border-bottom:1px solid #e6e9ee}.product-config-specs span{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:99px;background:#f5f7fa;color:#5f6d80;font-size:.62rem}.product-config-specs i{color:#29a975}.product-config-section{padding:21px 0 0}.product-config-section+.product-config-section{margin-top:5px;padding-top:22px;border-top:1px solid #e6e9ee}.config-label{display:block;margin-bottom:9px;color:#111827;font-size:.75rem;font-weight:700}.domain-mode-box{min-height:58px;margin-bottom:11px;padding:10px 12px;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;gap:10px;align-items:center;border:1px solid #cbd9ee;border-radius:9px;background:#f8fbff}.domain-mode-icon{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;background:#e8f1ff;color:#376fbf;font-size:17px}.domain-mode-box div{display:flex;flex-direction:column}.domain-mode-box strong{font-size:.7rem;color:#2c3c54}.domain-mode-box small{font-size:.59rem;line-height:1.45}.domain-mode-check{color:#2fa66f;font-size:18px}.config-input{width:100%;height:45px;padding:0 12px;border:1px solid #cfd6df;border-radius:7px;background:#fff;color:#172033;font-size:.75rem}.config-input::placeholder{color:#98a3b5}.config-input:focus{border-color:#6d9bd8;box-shadow:0 0 0 3px rgba(68,124,198,.11);outline:0}.config-help{display:block;margin-top:6px;font-size:.6rem}.config-billing-list{display:grid;gap:8px}.config-billing-option{min-height:48px;padding:8px 12px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #d8dee7;border-radius:8px;background:#fff;cursor:pointer;transition:.16s ease}.config-billing-option:hover{border-color:#9eb9dc;background:#fbfdff}.config-billing-option.selected{border-color:#315fcb;box-shadow:inset 0 0 0 1px #315fcb;background:#fbfdff}.config-billing-option input{position:absolute;opacity:0;pointer-events:none}.config-radio{width:14px;height:14px;border:1.5px solid #a7b2c2;border-radius:50%;display:grid;place-items:center;color:transparent;font-size:10px}.config-billing-option.selected .config-radio{border-color:#315fcb;background:#315fcb;color:#fff}.config-billing-copy{display:flex;flex-direction:column;gap:1px}.config-billing-copy strong{font-size:.72rem;color:#172033}.config-billing-copy small{font-size:.57rem}.config-discount{padding:4px 10px;border-radius:99px;background:#dff9ea;color:#139059;font-size:.61rem;font-weight:800}.product-config-summary{position:sticky;top:96px;padding:24px}.summary-kicker{display:block;margin-bottom:5px;color:#78859a;font-size:.57rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.product-config-summary h2{margin:0 0 20px;font-size:1rem;color:#1d2738}.config-summary-product{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #e1e6ed;border-radius:8px;background:#fafbfc;margin-bottom:16px}.config-summary-product>span{width:33px;height:33px;display:grid;place-items:center;border-radius:7px;background:#eaf2ff;color:#3f72b8}.config-summary-product div{display:flex;flex-direction:column}.config-summary-product strong{font-size:.69rem;color:#2f3a4d}.config-summary-product small{font-size:.5rem;letter-spacing:.05em}.config-summary-line,.config-summary-domain{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:7px 0;color:#687386;font-size:.68rem}.config-summary-line strong,.config-summary-domain strong{max-width:58%;text-align:right;color:#2c3647;font-weight:650;word-break:break-word}.config-summary-divider{height:1px;background:#e1e5ea;margin:9px 0}.config-summary-line.total{font-size:.73rem}.config-summary-line.grand-total{font-size:.88rem;color:#1d2738}.config-summary-line.grand-total strong{font-size:1rem}.config-submit{width:100%;min-height:43px;margin-top:17px;padding:10px 13px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:7px;background:#315fc8;color:#fff;font-size:.72rem;font-weight:800;cursor:pointer;box-shadow:0 6px 15px rgba(49,95,200,.18)}.config-submit i{font-size:18px}.config-submit:hover{background:#254fae;transform:translateY(-1px)}.config-summary-note{display:block;margin-top:9px;text-align:center;font-size:.55rem}.config-summary-note i{margin-right:3px}@media(max-width:1050px){.product-config-layout{grid-template-columns:1fr;gap:22px}.product-config-summary{position:static}}@media(max-width:700px){.product-config-head{margin-bottom:22px}.product-config-head h1{font-size:1.5rem}.product-config-card,.product-config-summary{padding:18px}.product-config-layout{gap:16px}.domain-mode-box{grid-template-columns:32px minmax(0,1fr)}.domain-mode-check{display:none}}

/* VPS product configurator */
.os-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.os-choice{position:relative;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #dfe4ec;border-radius:12px;background:#fff;cursor:pointer;transition:.2s}.os-choice:hover,.os-choice.selected{border-color:#e51d3e;box-shadow:0 0 0 1px #e51d3e inset}.os-choice input{position:absolute;opacity:0;pointer-events:none}.os-icon,.auth-choice-icon{width:42px;height:42px;border-radius:10px;background:#f3f6fa;display:grid;place-items:center;font-size:22px;color:#172033}.os-choice span:nth-of-type(2){display:flex;flex-direction:column}.os-choice small,.auth-choice small{color:#778195;margin-top:3px}.os-check{margin-left:auto;color:#e51d3e;font-size:21px;opacity:0}.os-choice.selected .os-check{opacity:1}.auth-choice{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #e51d3e;border-radius:12px;background:#fff}.auth-choice>div{display:flex;flex:1;flex-direction:column}.auth-choice>i{color:#e51d3e;font-size:22px}@media(max-width:700px){.os-choice-grid{grid-template-columns:1fr}}

/* VPS configurator v26 - compact OS & authentication */
.os-choice-grid{display:flex;flex-wrap:wrap;gap:8px}.os-choice{min-height:42px;flex:0 1 auto;padding:7px 10px;gap:8px;border-radius:8px;box-shadow:none}.os-choice:hover{border-color:#9fb3cf;box-shadow:none}.os-choice.selected{border-color:#315fc8;background:#f7faff;box-shadow:inset 0 0 0 1px #315fc8}.os-icon{width:27px;height:27px;border-radius:6px;font-size:15px;background:#f1f5f9;color:#334155}.os-choice span:nth-of-type(2){min-width:112px}.os-choice strong{font-size:.66rem;line-height:1.15}.os-choice small{margin-top:1px;font-size:.52rem}.os-check{font-size:16px;color:#315fc8}.auth-choice{min-height:46px;padding:8px 10px;gap:9px;border:1px solid #d8dee7;border-radius:8px;background:#f9fbfd}.auth-choice.selected{border-color:#b8c9df;background:#f8fbff}.auth-choice-icon{width:29px;height:29px;border-radius:6px;font-size:15px;background:#eaf2ff;color:#315fc8}.auth-choice>div strong{font-size:.66rem;color:#243247}.auth-choice>div small{margin-top:1px;font-size:.55rem;line-height:1.35;color:#6f7c8f}.auth-choice>i{font-size:16px;color:#315fc8}.product-config-section .config-label{margin-bottom:7px}@media(max-width:700px){.os-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.os-choice{width:100%}.os-choice span:nth-of-type(2){min-width:0}}@media(max-width:460px){.os-choice-grid{grid-template-columns:1fr}}

/* v27: OS selection state follows the checked radio even without JS class refresh */
.os-choice:has(input[name="os"]:checked){border-color:#315fc8;background:#f7faff;box-shadow:inset 0 0 0 1px #315fc8}.os-choice:has(input[name="os"]:checked) .os-check{opacity:1}


/* v28: single visual selection source for OS and billing.
   The highlight follows the actually checked radio, so the default card cannot remain stuck. */
.os-choice:has(input[name="os"]:checked){border-color:#315fc8;background:#f7faff;box-shadow:inset 0 0 0 1px #315fc8}
.os-choice:has(input[name="os"]:checked) .os-check{opacity:1}
.os-choice:not(:has(input[name="os"]:checked)) .os-check{opacity:0}
.config-billing-option:has(input[name="price_id"]:checked){border-color:#315fcb;box-shadow:inset 0 0 0 1px #315fcb;background:#fbfdff}
.config-billing-option:has(input[name="price_id"]:checked) .config-radio{border-color:#315fcb;background:#315fcb;color:#fff}

/* VPS CONFIGURATOR V81 — distributions par famille et versions */
body[data-route="product-config"] .vps-config-v81{padding-bottom:28px}.vps-config-v81>.product-config-back{margin-bottom:7px}.vps-config-v81>.product-config-head{position:relative;margin-bottom:15px;padding:0 0 14px;border-bottom:1px solid #dfe5ed}.vps-config-kicker{display:flex;align-items:center;gap:5px;margin-bottom:4px;color:#3d70b7;font-size:.55rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.vps-config-v81>.product-config-head h1{margin:0 0 3px;font-size:1.55rem}.vps-config-v81>.product-config-head p{font-size:.72rem}.vps-config-v81 .product-config-layout{grid-template-columns:minmax(0,1fr) 330px;gap:20px}.vps-config-v81 .product-config-card{padding:0;overflow:hidden;border-radius:13px}.vps-config-v81 .product-config-card-head{padding:19px 21px 17px;border-bottom:1px solid #dfe6ef;background:linear-gradient(120deg,#f8fbff,#fff)}.vps-config-v81 .product-config-type{margin-bottom:6px;color:#3f70b2}.vps-config-v81 .product-config-card-head h2{font-size:1.08rem}.vps-config-v81 .product-config-card-head p{font-size:.68rem}.vps-config-v81 .product-config-specs{padding:11px 21px;gap:6px;background:#fbfcfe}.vps-config-v81 .product-config-specs span{border:1px solid #e4e9f0;background:#fff;font-size:.57rem}.vps-config-v81 .product-config-section{margin:0;padding:18px 21px}.vps-config-v81 .product-config-section+.product-config-section{margin:0;padding-top:18px}.vps-config-v81 .config-input{height:42px;border-radius:8px;background:#fbfcfe}.vps-config-v81 .config-help{font-size:.56rem}.vps-section-title{margin-bottom:11px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.vps-section-title>div{display:flex;flex-direction:column}.vps-section-title .config-label{margin:0}.vps-section-title>div>small{margin-top:2px;font-size:.55rem}.vps-section-title>span{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:6px;background:#f1f5fa;color:#63748a;font-size:.52rem;font-weight:700;white-space:nowrap}.vps-os-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.vps-os-card{min-width:0;padding:12px;border:1px solid #dce3ec;border-radius:10px;background:#fff;transition:border-color .16s,box-shadow .16s,transform .16s}.vps-os-card:hover{border-color:#aec3df;transform:translateY(-1px);box-shadow:0 6px 15px rgba(26,48,79,.06)}.vps-os-card.selected{border-color:#4d7fc4;background:#f9fbff;box-shadow:inset 0 0 0 1px #4d7fc4}.vps-os-card-top{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;gap:9px;align-items:center}.vps-os-logo{width:38px;height:38px;padding:5px;display:grid;place-items:center;border:1px solid #e4e8ee;border-radius:9px;background:#fff}.vps-os-logo img{display:block;width:100%;height:100%;object-fit:contain}.vps-os-card-top>div{min-width:0;display:flex;flex-direction:column}.vps-os-card-top strong{color:#26344a;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vps-os-card-top small{margin-top:1px;font-size:.49rem;white-space:nowrap}.vps-os-card-top>i{color:#3e74be;font-size:16px;opacity:0}.vps-os-card.selected .vps-os-card-top>i{opacity:1}.vps-os-card>label{display:grid;gap:4px;margin-top:10px}.vps-os-card>label>span{color:#7b8799;font-size:.48rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.vps-os-select{width:100%;height:33px;padding:0 27px 0 8px;border:1px solid #d5dde8;border-radius:7px;background:#fbfcfd;color:#38475d;font-size:.58rem;cursor:pointer}.vps-os-select:focus{border-color:#6290ce;box-shadow:0 0 0 3px rgba(65,116,185,.1);outline:0}.vps-os-card.selected .vps-os-select{border-color:#9eb9dc;background:#fff}.vps-config-v81 .auth-choice{min-height:52px;padding:10px 12px}.vps-config-v81 .billing-config-section{padding-bottom:21px}.vps-config-v81 .config-billing-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vps-config-v81 .config-billing-option{min-height:52px}.vps-config-v81 .product-config-summary{top:90px;padding:20px;border-radius:13px}.vps-config-v81 .product-config-summary h2{margin-bottom:15px}.vps-config-v81 .config-summary-product{margin-bottom:12px}.vps-config-v81 .config-submit{min-height:41px;background:#285fae}.vps-config-v81 .config-submit:hover{background:#204f94}
@media(max-width:1280px){.vps-os-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.vps-config-v81 .product-config-layout{grid-template-columns:1fr}.vps-config-v81 .product-config-summary{position:static}.vps-os-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.vps-os-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vps-config-v81 .config-billing-list{grid-template-columns:1fr}.vps-section-title{align-items:flex-start;flex-direction:column}.vps-config-v81 .product-config-section,.vps-config-v81 .product-config-card-head{padding-left:15px;padding-right:15px}.vps-config-v81 .product-config-specs{padding-left:15px;padding-right:15px}}
@media(max-width:470px){.vps-os-grid{grid-template-columns:1fr}.vps-config-v81>.product-config-head h1{font-size:1.35rem}}

/* Facturation dropdown. “Factures” is now a direct child of .nav-main, exactly like Compte/Support.
   No color, font-size or font-weight override is applied to the parent row. */
.nav-main>a[data-billing-toggle] .nav-billing-arrow{transition:transform .16s ease}
.nav-main>a[data-billing-toggle][aria-expanded="true"] .nav-billing-arrow{transform:rotate(90deg)}
.nav-billing-menu{display:flex;flex-direction:column;gap:1px;margin:2px 0 5px 37px;padding:2px 0 2px 10px;border-left:1px solid rgba(219,225,255,.14)}
.nav-billing-menu[hidden]{display:none!important}
.nav-main .nav-billing-menu>a{min-height:34px;margin:0;padding:6px 9px;display:grid!important;grid-template-columns:19px minmax(0,1fr)!important;column-gap:7px!important;border-radius:7px;color:#9ea8d2;font-size:.82rem;font-weight:520}
.nav-main .nav-billing-menu>a>i:first-child{grid-column:1!important;width:19px!important;min-width:19px!important;margin:0!important;color:#8792c3;font-size:1rem!important}
.nav-main .nav-billing-menu>a>span{grid-column:2!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;color:inherit;font-size:inherit;line-height:1.25}
.nav-main .nav-billing-menu>a:hover{background:#151a5c;color:#fff}
.nav-main .nav-billing-menu>a.active{background:#1b2450;color:#fff;font-weight:650}
.nav-main .nav-billing-menu>a.active:before{display:none}
.nav-main .nav-billing-menu>a.active>i:first-child{color:#69c1ff}

/* AUTH V95 — connexion, inscription et adresse BAN */
body[data-route="register"] .auth-content-inner{width:min(100%,720px)}
body[data-route="register"] .auth-content{padding-block:28px}
.auth-v95{width:100%}.auth-v95 .eyebrow{display:inline-flex;align-items:center;gap:6px}.auth-v95 .eyebrow i{font-size:14px}.auth-v95-form .auth-v95-input,.auth-v95-register-form .auth-v95-input{position:relative}.auth-v95-input>i:first-child{position:absolute;z-index:1;left:13px;top:50%;transform:translateY(-50%);color:#7888a4;font-size:18px;pointer-events:none}.auth-v95-input>input{padding-left:40px;padding-right:42px}.auth-v95-password-toggle{position:absolute;right:5px;top:50%;width:34px;height:34px;padding:0;display:grid;place-items:center;transform:translateY(-50%);border:0;border-radius:6px;background:transparent;color:#71819d;cursor:pointer}.auth-v95-password-toggle:hover{background:#edf3fb;color:#245fae}.auth-v95-password-toggle i{font-size:18px}.auth-v95-login .btn,.auth-v95-register .btn{display:flex;align-items:center;justify-content:center;gap:7px}.auth-v95-login .btn i,.auth-v95-register .btn i{font-size:18px}[data-password-match-status].is-error{color:#bd2944!important;font-weight:700}[data-password-match-status].is-valid{color:#087752!important;font-weight:700}
.auth-v95-steps{margin:0 0 22px;display:flex;align-items:center;color:#71809a;font-size:.68rem;font-weight:700}.auth-v95-steps span{display:flex;align-items:center;gap:8px;white-space:nowrap}.auth-v95-steps span b{width:28px;height:28px;display:grid;place-items:center;border:1px solid #cbd6e6;border-radius:50%;background:#fff;color:#60718d;font-size:.68rem}.auth-v95-steps span.active{color:#1b3155}.auth-v95-steps span.active b,.auth-v95-steps span.complete b{border-color:#1769d2;background:#1769d2;color:#fff}.auth-v95-steps span.complete{color:#60718d}.auth-v95-steps span.complete b i{font-size:16px}.auth-v95-steps>i{width:52px;height:1px;margin:0 11px;background:#cad5e4}.auth-v95-steps span.complete+ i{background:#1769d2}.auth-v95-register-form{margin-top:18px;padding:20px;border:1px solid #dfe6f0;border-radius:12px;background:#fbfcfe;box-shadow:0 8px 24px rgba(18,42,79,.045)}.auth-v95-step{margin:0}.auth-v95-step[hidden]{display:none!important}.auth-v95-step-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:3px}.auth-v95-step-actions .btn{width:auto;min-width:160px;margin:0}.auth-v95-step-actions .btn-secondary{border:1px solid #cad5e4;background:#fff;color:#41536f;box-shadow:none}.auth-v95-step-actions .btn-secondary:hover{border-color:#9bacc4;background:#f4f7fb}.auth-v95-section-title{display:flex;align-items:center;gap:8px;padding-bottom:9px;border-bottom:1px solid #dfe6ef;color:#253755;font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.075em}.auth-v95-section-title>i{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#eaf2ff;color:#2867bd;font-size:15px}.auth-v95-section-title small{margin-left:auto;font-size:.55rem;font-weight:650;text-transform:none;letter-spacing:0}.auth-v95-register-form label,.auth-v95-address>label{color:#34445e}.auth-v95-register-form input{background:#fff}.auth-v95-address{position:relative}.auth-v95-address-results{position:absolute;z-index:50;left:0;right:0;top:70px;max-height:270px;padding:5px;overflow-y:auto;border:1px solid #cbd8e9;border-radius:9px;background:#fff;box-shadow:0 18px 42px rgba(15,39,76,.17)}.auth-v95-address-results[hidden]{display:none}.auth-v95-address-option{width:100%;min-height:55px;padding:8px 10px;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:9px;border:0;border-radius:7px;background:#fff;text-align:left;cursor:pointer}.auth-v95-address-option:hover,.auth-v95-address-option.active{background:#edf4ff}.auth-v95-address-option>i:first-child{color:#6580a7;font-size:18px}.auth-v95-address-option>i:last-child{color:#96a5ba;font-size:16px}.auth-v95-address-option>span{min-width:0;display:flex;flex-direction:column}.auth-v95-address-option strong{overflow:hidden;color:#203554;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.auth-v95-address-option small{margin-top:1px;color:#667792;font-size:.6rem}.auth-v95-address-meta{min-height:20px;margin-top:5px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7b899e;font-size:.56rem}.auth-v95-address-verified{display:inline-flex;align-items:center;gap:4px;color:#087752;font-weight:800;white-space:nowrap}.auth-v95-address-verified[hidden]{display:none}.auth-v95-address-verified i{font-size:14px}.auth-v95-address-verified em{font-style:normal;font-weight:600}.auth-v95-address.is-verified .auth-v95-input input{border-color:#83cbb0;box-shadow:inset 3px 0 #18a271}.auth-v95-terms{padding:10px 11px!important;align-items:center!important;border:1px solid #dbe4ef;border-radius:8px;background:#fff;color:#53627a!important}.auth-v95-terms input{min-height:auto!important}.auth-v95-terms strong{color:#254d82}.auth-v95-register .auth-switch{margin-top:15px}
@media(max-width:760px){body[data-route="register"] .auth-content{padding:22px}.auth-v95-register-form{padding:16px}.auth-v95-address-meta{align-items:flex-start;flex-direction:column;gap:4px}.auth-v95-address-results{top:70px}.auth-v95-address-verified{white-space:normal}}
@media(max-width:540px){.auth-v95-steps{justify-content:center}.auth-v95-steps>i{width:25px}.auth-v95-steps span{font-size:.61rem}.auth-v95-register-form{padding:14px}.auth-v95-section-title,.auth-v95-address{grid-column:1/-1}.auth-v95-address-verified em{display:none}.auth-v95-step-actions{align-items:stretch;flex-direction:column-reverse}.auth-v95-step-actions .btn{width:100%}}

/* AUTH V96 — interface SaaS professionnelle */
.auth-v96-layout{grid-template-columns:minmax(430px,44%) minmax(0,56%);background:#f5f7fb}.auth-v96-brand{isolation:isolate;padding:38px 46px 34px;background:#07122f;color:#fff}.auth-v96-brand:before{z-index:-1;inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(rgba(112,143,207,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(112,143,207,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}.auth-v96-brand:after{z-index:-1;right:-180px;left:auto;top:-180px;bottom:auto;width:430px;height:430px;border:0;border-radius:50%;background:radial-gradient(circle,rgba(27,109,230,.25),transparent 67%);transform:none}.auth-v96-brand .auth-brand-top{padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.auth-v96-brand .brand-large{font-size:1rem}.auth-v96-brand .brand-mark{width:35px;height:35px;border-radius:8px}.auth-v96-brand .auth-region{padding:6px 9px;border:1px solid rgba(255,255,255,.11);border-radius:99px;background:rgba(255,255,255,.045);color:#aebbd5;font-size:.58rem}.auth-v96-brand .auth-region i{background:#35ce91}.auth-v96-intro{position:relative;z-index:1;max-width:560px;margin:5.7vh 0 28px}.auth-v96-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:15px;color:#65b9ff;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.auth-v96-kicker i{font-size:15px}.auth-v96-intro h1{margin:0 0 14px;color:#fff;font-size:clamp(2.2rem,3.7vw,3.65rem);font-weight:750;line-height:1.03;letter-spacing:-.05em}.auth-v96-intro p{max-width:510px;margin:0;color:#aebbd5;font-size:.83rem;line-height:1.7}.auth-v96-console{position:relative;z-index:1;max-width:570px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(11,28,69,.88);box-shadow:0 25px 60px rgba(0,5,24,.27);overflow:hidden}.auth-v96-console-head{height:42px;padding:0 15px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.09);color:#9fafd0;font-size:.58rem}.auth-v96-console-head>span{display:flex;gap:5px}.auth-v96-console-head>span i{width:6px;height:6px;border-radius:50%;background:#3b4c72}.auth-v96-console-head>b{margin-left:11px;color:#c4cee2}.auth-v96-console-head>em{margin-left:auto;display:flex;align-items:center;gap:5px;color:#74cfae;font-style:normal}.auth-v96-console-head>em i{width:6px;height:6px;border-radius:50%;background:#34cf93}.auth-v96-console-body{padding:16px;display:grid;grid-template-columns:1.35fr 1fr;gap:10px}.auth-v96-console-main,.auth-v96-console-side>span{border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.035)}.auth-v96-console-main{padding:16px}.auth-v96-console-main small{display:block;color:#8293b6;font-size:.55rem}.auth-v96-console-main strong{display:block;margin:4px 0 13px;color:#fff;font-size:1.65rem;letter-spacing:-.04em}.auth-v96-bars{height:34px;display:flex;align-items:flex-end;gap:5px}.auth-v96-bars i{width:100%;height:34%;border-radius:3px 3px 1px 1px;background:#2d70ca}.auth-v96-bars i:nth-child(2){height:48%}.auth-v96-bars i:nth-child(3){height:42%}.auth-v96-bars i:nth-child(4){height:68%;background:#3d8bec}.auth-v96-bars i:nth-child(5){height:60%;background:#3d8bec}.auth-v96-bars i:nth-child(6){height:83%;background:#55a4ff}.auth-v96-bars i:nth-child(7){height:76%;background:#55a4ff}.auth-v96-console-side{display:grid;gap:8px}.auth-v96-console-side>span{padding:10px 12px;display:grid;grid-template-columns:28px 1fr;align-items:center;column-gap:9px}.auth-v96-console-side>span>i{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:rgba(59,139,236,.14);color:#6eb5ff;font-size:15px}.auth-v96-console-side b{color:#dfe6f3;font-size:.62rem}.auth-v96-console-side small{color:#7f91b2;font-size:.5rem}.auth-v96-trust{position:relative;z-index:1;max-width:570px;margin-top:auto;padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid rgba(255,255,255,.1)}.auth-v96-trust>span{display:grid;grid-template-columns:30px 1fr;column-gap:9px;align-items:center}.auth-v96-trust>span>i{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:rgba(91,161,247,.1);color:#70b9ff;font-size:16px}.auth-v96-trust b{color:#d4ddef;font-size:.59rem}.auth-v96-trust small{color:#7f90b0;font-size:.5rem}
.auth-v96-layout .auth-content{padding:34px;background:#f5f7fb}.auth-v96-layout .auth-content-inner{width:min(100%,455px)}body[data-route="register"] .auth-v96-layout .auth-content-inner{width:min(100%,690px)}.auth-v96-layout .auth-card{padding:30px;border:1px solid #dfe5ee;border-radius:15px;background:#fff;box-shadow:0 18px 55px rgba(18,39,74,.09)}body[data-route="register"] .auth-v96-layout .auth-card{padding:25px 28px}.auth-v96-layout .auth-card-head{margin-bottom:12px}.auth-v96-layout .auth-card .eyebrow{margin:0;color:#37699f;font-size:.58rem;font-weight:850;letter-spacing:.085em}.auth-v96-layout .security-badge{padding:5px 8px;border:1px solid #cceadf;border-radius:99px;background:#f1faf7;font-size:.5rem}.auth-v96-layout .auth-card h2{margin-bottom:5px;color:#14243f;font-size:1.55rem;letter-spacing:-.035em}.auth-v96-layout .auth-card>.auth-v95>.muted{margin-bottom:20px;color:#718098;font-size:.72rem}.auth-v96-layout .auth-v95-form{gap:13px}.auth-v96-layout .auth-card label{gap:6px;color:#33445f;font-size:.64rem;font-weight:750}.auth-v96-layout .auth-card input{min-height:44px;padding-top:9px;padding-bottom:9px;border-color:#ccd6e4;border-radius:8px;background:#fbfcfe;font-size:.72rem}.auth-v96-layout .auth-card input::placeholder{color:#9aa7b9}.auth-v96-layout .auth-card input:focus{border-color:#3c78c7;background:#fff;box-shadow:0 0 0 3px rgba(44,112,201,.1)}.auth-v96-layout .auth-v95-input>i:first-child{left:12px;color:#7d8da5;font-size:16px}.auth-v96-layout .auth-card .btn{min-height:43px;border-radius:8px;font-size:.68rem;font-weight:800;box-shadow:0 7px 16px rgba(0,80,215,.15)}.auth-v96-layout .form-between{align-items:center;font-size:.62rem}.auth-v96-layout .auth-help{margin-top:13px;padding-top:13px;border-top:1px solid #e7ebf1}.auth-v96-layout .auth-switch{margin-top:16px;padding-top:15px;font-size:.65rem}.auth-v96-layout .auth-v95-steps{margin:18px 0 20px;padding:10px 12px;border:1px solid #e1e7ef;border-radius:9px;background:#f8fafc}.auth-v96-layout .auth-v95-steps span{font-size:.6rem}.auth-v96-layout .auth-v95-steps span b{width:25px;height:25px}.auth-v96-layout .auth-v95-steps>i{flex:1;max-width:72px}.auth-v96-layout .auth-v95-register-form{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.auth-v96-layout .auth-v95-step{gap:12px}.auth-v96-layout .auth-v95-section-title{padding:0 0 9px}.auth-v96-layout .auth-v95-section-title>i{width:25px;height:25px}.auth-v96-layout .auth-v95-section-title small{font-size:.5rem}.auth-v96-layout .auth-v95-step-actions{padding-top:5px}.auth-v96-layout .auth-v95-step-actions .btn{min-width:150px;box-shadow:none}.auth-v96-layout .auth-v95-step-actions .btn-primary{box-shadow:0 7px 16px rgba(0,80,215,.14)}.auth-v96-layout .auth-v95-terms{padding:9px 11px!important;border-radius:8px;background:#f8fafc}.auth-v96-layout .auth-v95-address-results{top:66px;border-radius:9px}.auth-v96-layout .auth-v95-address-option{min-height:50px}.auth-v96-layout .auth-mobile-brand{margin-bottom:20px}
@media(max-width:1180px){.auth-v96-layout{grid-template-columns:42% 58%}.auth-v96-brand{padding:34px}.auth-v96-intro h1{font-size:2.5rem}.auth-v96-console-body{grid-template-columns:1fr}.auth-v96-console-side{grid-template-columns:1fr 1fr}.auth-v96-trust{grid-template-columns:1fr;gap:10px}}
@media(max-width:980px){.auth-v96-layout{grid-template-columns:1fr}.auth-v96-layout .auth-content{padding:28px 22px}.auth-v96-layout .auth-content-inner{max-width:455px}body[data-route="register"] .auth-v96-layout .auth-content-inner{max-width:690px}.auth-v96-layout .auth-mobile-brand{display:flex}}
@media(max-width:560px){.auth-v96-layout .auth-content{padding:16px}.auth-v96-layout .auth-card,body[data-route="register"] .auth-v96-layout .auth-card{padding:21px 17px;border-radius:12px}.auth-v96-layout .auth-card h2{font-size:1.35rem}.auth-v96-layout .auth-card-head{align-items:flex-start}.auth-v96-layout .auth-v95-steps{padding:9px}.auth-v96-layout .auth-v95-steps>i{width:18px;margin:0 7px}.auth-v96-layout .auth-v95-steps span{font-size:.56rem}.auth-v96-layout .auth-help{align-items:flex-start;flex-direction:column}}

/* AUTH V97 — formulaires structurés et Turnstile */
body[data-route="register"] .auth-v96-layout .auth-content-inner{width:min(100%,735px)}body[data-route="register"] .auth-v96-layout .auth-card{padding:25px 27px}.auth-v97-register-form .auth-v95-step{display:grid;gap:13px}.auth-v97-register-form .auth-v95-step[hidden]{display:none!important}.auth-v97-form-section{overflow:visible;border:1px solid #dfe5ed;border-radius:10px;background:#fff}.auth-v97-section-head{min-height:57px;padding:11px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e5e9ef;background:#f8fafc;border-radius:10px 10px 0 0}.auth-v97-section-head>span{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #d8e3f2;border-radius:8px;background:#edf4fd;color:#2f69af;font-size:17px}.auth-v97-section-head>div{display:flex;flex-direction:column}.auth-v97-section-head strong{color:#243650;font-size:.68rem}.auth-v97-section-head small{margin-top:1px;color:#78869b;font-size:.53rem}.auth-v97-section-head em{margin-left:auto;padding:4px 7px;border-radius:99px;background:#e9f1fb;color:#416eaa;font-size:.49rem;font-style:normal;font-weight:800}.auth-v97-field-grid{gap:12px;padding:14px}.auth-v97-field-grid label>span:first-child{display:block;color:#3c4c63;font-size:.61rem;font-weight:750}.auth-v97-field-grid label>span b{color:#d0364e}.auth-v96-layout .auth-v97-field-grid input{min-height:42px;border-color:#cdd6e2;background:#fff}.auth-v97-password-rules{padding:9px 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;border:1px solid #e1e7ee;border-radius:8px;background:#f8fafc}.auth-v97-password-rules>span{display:flex;align-items:center;gap:5px;color:#6f7d91;font-size:.53rem}.auth-v97-password-rules i{color:#25845f;font-size:13px}.auth-v97-password-rules .is-error{color:#b82d44!important}.auth-v97-password-rules .is-valid{color:#16805b!important}.auth-v97-register-form .auth-v95-step-actions{padding-top:1px}.auth-v97-register-form .auth-v95-step-actions .btn{min-width:132px}.auth-v97-final{display:grid;gap:10px}.auth-v97-final .auth-v95-terms{margin:0;background:#fff}.auth-v97-captcha{min-height:70px;padding:11px 13px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(300px,auto);align-items:center;gap:14px;border:1px solid #dfe5ed;border-radius:9px;background:#f8fafc}.auth-v97-captcha>div:first-child{display:flex;align-items:center;gap:9px}.auth-v97-captcha>div:first-child>i{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#e9f3ef;color:#187656;font-size:17px}.auth-v97-captcha>div:first-child span{display:flex;flex-direction:column}.auth-v97-captcha strong{color:#2d3f58;font-size:.62rem}.auth-v97-captcha small{color:#78869a;font-size:.52rem}.auth-v97-captcha>p{margin:0;padding:9px;border:1px solid #f1c9cf;border-radius:7px;background:#fff4f5;color:#a83b4b;font-size:.57rem}.auth-v97-captcha [data-turnstile-container]{width:100%;min-height:65px;display:flex;align-items:center;justify-content:flex-end}.auth-v97-captcha iframe{max-width:100%}.auth-v96-layout .auth-card .btn:disabled{opacity:.52;cursor:not-allowed;transform:none;box-shadow:none}.auth-v95-address-results{z-index:80}
body[data-route="login"] .auth-v96-layout .auth-card{border-top:3px solid #2768b8}body[data-route="login"] .auth-v96-layout .auth-v95-form{padding:14px;border:1px solid #e1e6ed;border-radius:10px;background:#f9fafc}body[data-route="login"] .auth-v96-layout .auth-v95-form .btn{margin-top:3px}body[data-route="login"] .auth-v96-layout .auth-help{border-top:0;padding-top:0}
@media(max-width:760px){body[data-route="register"] .auth-v96-layout .auth-content-inner{max-width:600px}.auth-v97-password-rules{grid-template-columns:1fr}.auth-v97-captcha{grid-template-columns:1fr}.auth-v97-captcha [data-turnstile-container]{justify-content:flex-start}}
@media(max-width:540px){.auth-v97-field-grid{grid-template-columns:1fr;padding:12px}.auth-v97-field-grid .span-2{grid-column:auto}.auth-v97-section-head{padding:10px 11px}.auth-v97-section-head em{display:none}.auth-v97-captcha{padding:10px}.auth-v97-captcha [data-turnstile-container]{overflow:hidden}}

/* AUTH V98 — inscription en trois étapes et téléphone international */
.auth-v98-register .auth-v98-steps{justify-content:center}.auth-v98-register .auth-v98-steps>i{max-width:58px}.auth-v98-register .auth-v95-step-actions{justify-content:space-between}.auth-v98-register .auth-v95-step-actions:has(>button:only-child){justify-content:flex-end}.auth-v98-register .auth-v97-form-section{box-shadow:0 1px 2px rgba(19,42,72,.025)}.auth-v98-register select{min-height:42px;border-color:#cdd6e2;border-radius:8px;background:#fff;color:#33445f;font-size:.68rem}.auth-v98-phone{position:relative;min-height:42px;display:grid;grid-template-columns:auto minmax(0,1fr);border:1px solid #cdd6e2;border-radius:8px;background:#fff}.auth-v98-phone:focus-within{border-color:#3c78c7;box-shadow:0 0 0 3px rgba(44,112,201,.1)}.auth-v98-phone-trigger{min-width:93px;padding:0 10px;display:flex;align-items:center;gap:7px;border:0;border-right:1px solid #dce2ea;border-radius:8px 0 0 8px;background:#f7f9fc;color:#34465f;font-size:.65rem;cursor:pointer}.auth-v98-phone-trigger:hover{background:#f0f4f9}.auth-v98-phone-trigger>i{margin-left:auto;color:#7f8ca0;font-size:14px}.auth-v96-layout .auth-card .auth-v98-phone>input[type="tel"]{min-width:0;min-height:40px;padding:8px 10px;border:0;border-radius:0 8px 8px 0;box-shadow:none}.auth-v98-phone-menu{position:absolute;z-index:100;left:0;right:0;top:calc(100% + 5px);max-height:230px;padding:5px;overflow-y:auto;border:1px solid #cdd7e5;border-radius:9px;background:#fff;box-shadow:0 15px 35px rgba(18,39,70,.16)}.auth-v98-phone-menu[hidden]{display:none}.auth-v98-phone-menu>button{width:100%;min-height:39px;padding:7px 9px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;border:0;border-radius:6px;background:#fff;color:#34445c;text-align:left;font-size:.62rem;cursor:pointer}.auth-v98-phone-menu>button:hover{background:#edf4fd}.auth-v98-phone-menu>button b{color:#728097;font-size:.58rem}.iti__flag{position:relative;width:20px;height:14px;display:inline-block;flex:0 0 auto;border-radius:2px;box-shadow:0 0 0 1px rgba(23,37,58,.13);overflow:hidden}.iti__fr{background:linear-gradient(90deg,#173d8f 0 33.33%,#fff 33.33% 66.66%,#e22b3e 66.66%)}.iti__be{background:linear-gradient(90deg,#171717 0 33.33%,#f2cf25 33.33% 66.66%,#df2538 66.66%)}.iti__it{background:linear-gradient(90deg,#168b50 0 33.33%,#fff 33.33% 66.66%,#d42d3d 66.66%)}.iti__de{background:linear-gradient(180deg,#171717 0 33.33%,#d72634 33.33% 66.66%,#eac438 66.66%)}.iti__lu{background:linear-gradient(180deg,#e43a4d 0 33.33%,#fff 33.33% 66.66%,#58b5dd 66.66%)}.iti__es{background:linear-gradient(180deg,#b91f31 0 25%,#f2cb36 25% 75%,#b91f31 75%)}.iti__ch{background:#dc2839}.iti__ch:before,.iti__ch:after{content:"";position:absolute;left:50%;top:50%;background:#fff;transform:translate(-50%,-50%)}.iti__ch:before{width:10px;height:3px}.iti__ch:after{width:3px;height:10px}.auth-v98-password-guide{padding:13px;border:1px solid #dfe6ee;border-radius:8px;background:#f8fafc}.auth-v98-password-guide>strong{display:block;margin-bottom:8px;color:#40516a;font-size:.59rem}.auth-v98-password-guide>div{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.auth-v98-password-guide span{display:flex;align-items:center;gap:5px;color:#778498;font-size:.54rem}.auth-v98-password-guide span i{width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:#e4e9ef;color:#8b97a8;font-size:10px}.auth-v98-password-guide span.is-valid{color:#147753!important}.auth-v98-password-guide span.is-valid i{background:#dff2ea;color:#147753}.auth-v98-password-guide span.is-error{color:#b72e45!important}.auth-v98-password-guide span.is-error i{background:#f8e4e7;color:#b72e45}.auth-v98-register [data-company-field][hidden]{display:none!important}
@media(max-width:650px){.auth-v98-register .auth-v98-steps span{font-size:.53rem}.auth-v98-register .auth-v98-steps>i{min-width:12px;margin:0 6px}.auth-v98-password-guide>div{grid-template-columns:1fr}}
@media(max-width:430px){.auth-v98-register .auth-v98-steps span{gap:4px}.auth-v98-register .auth-v98-steps span{font-size:0}.auth-v98-register .auth-v98-steps span b{font-size:.6rem}.auth-v98-register .auth-v98-steps>i{width:30px}.auth-v98-phone-trigger{min-width:88px}}

/* AUTH V99 — inscription centrée sans panneau marketing */
body[data-route="register"] .auth-v99-register{width:100%}body[data-route="register"] .auth-v96-layout{min-height:100vh;display:block;background:#f3f5f8}body[data-route="register"] .auth-v96-brand{display:none!important}body[data-route="register"] .auth-v96-layout .auth-content{min-height:100vh;padding:27px 22px;align-items:flex-start;background:linear-gradient(180deg,#f8f9fb 0,#f3f5f8 180px)}body[data-route="register"] .auth-v96-layout .auth-content-inner{width:min(100%,790px);max-width:790px;margin:0 auto}body[data-route="register"] .auth-v96-layout .auth-mobile-brand{margin:0 0 18px;display:flex;justify-content:center;color:#172b49}body[data-route="register"] .auth-v96-layout .auth-mobile-brand .brand-mark{width:34px;height:34px;border-radius:8px}body[data-route="register"] .auth-v96-layout .auth-card{width:100%;padding:0 28px 23px;overflow:visible;border:1px solid #dce2ea;border-radius:11px;background:#fff;box-shadow:0 10px 28px rgba(20,40,70,.075)}.auth-v99-tabs{height:52px;margin:0 -28px 23px;padding:0 28px;display:flex;align-items:flex-end;gap:25px;border-bottom:1px solid #e1e5eb;background:#fbfcfd;border-radius:11px 11px 0 0}.auth-v99-tabs a,.auth-v99-tabs span{height:52px;padding:0 2px;display:flex;align-items:center;position:relative;color:#78869a;font-size:.65rem;font-weight:750}.auth-v99-tabs a:hover{color:#315f9f}.auth-v99-tabs span{color:#1d4e8d}.auth-v99-tabs span:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:#2867b3}.auth-v99-title{display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:11px}.auth-v99-title>span{width:39px;height:39px;display:grid;place-items:center;border:1px solid #d7e3f1;border-radius:9px;background:#edf4fc;color:#2d68b0;font-size:20px}.auth-v99-title>div{min-width:0}.auth-v96-layout .auth-v99-title h2{margin:0 0 2px;font-size:1.25rem}.auth-v99-title p{margin:0!important;color:#748197!important;font-size:.63rem!important}.auth-v99-title>em{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #d8e9e2;border-radius:99px;background:#f3faf7;color:#227357;font-size:.5rem;font-style:normal;font-weight:800}.auth-v99-title>em i{font-size:13px}.auth-v99-register .auth-v98-steps{margin:17px 0 15px;padding:9px 13px;background:#f7f9fc}.auth-v99-register .auth-v97-form-section{border-radius:9px;box-shadow:none}.auth-v99-register .auth-v97-section-head{min-height:52px;padding:9px 13px;border-radius:9px 9px 0 0;background:#fafbfc}.auth-v99-register .auth-v97-field-grid{padding:13px}.auth-v99-register .auth-v95-step{gap:11px}.auth-v99-register .auth-v95-step-actions{padding-top:2px}.auth-v99-register .auth-v95-step-actions .btn{min-height:39px;min-width:125px;border-radius:7px}.auth-v99-register>.auth-switch{display:none}body[data-route="register"] .auth-legal{margin-top:17px;color:#8995a8}
@media(max-width:650px){body[data-route="register"] .auth-v96-layout .auth-content{padding:17px 12px}body[data-route="register"] .auth-v96-layout .auth-card{padding:0 16px 18px}.auth-v99-tabs{margin:0 -16px 18px;padding:0 16px}.auth-v99-title{grid-template-columns:35px minmax(0,1fr)}.auth-v99-title>span{width:35px;height:35px}.auth-v99-title>em{display:none}.auth-v99-register .auth-v98-steps{margin-top:14px}.auth-v99-register .auth-v97-field-grid{padding:11px}}

/* AUTH V100 — composition originale avec parcours vertical */
body[data-route="register"] .auth-v96-layout .auth-content-inner{width:min(100%,940px);max-width:940px}body[data-route="register"] .auth-v96-layout .auth-card{padding:0;overflow:visible}.auth-v100-register{display:grid;grid-template-columns:215px minmax(0,1fr);grid-template-rows:auto auto minmax(430px,auto)}.auth-v100-register .auth-v99-tabs{grid-column:1/-1;grid-row:1;margin:0;padding:0 25px}.auth-v100-register .auth-v99-title{grid-column:1/-1;grid-row:2;padding:20px 25px;border-bottom:1px solid #e1e6ed}.auth-v100-register .auth-v100-steps{grid-column:1;grid-row:3;align-self:stretch;margin:0!important;padding:25px 17px!important;display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;border:0!important;border-right:1px solid #dfe5ed!important;border-radius:0!important;background:#f7f9fc!important}.auth-v100-steps>span{width:100%;min-height:55px;padding:9px 10px;gap:9px!important;border:1px solid transparent;border-radius:8px;white-space:normal!important}.auth-v100-steps>span.active{border-color:#d5e2f1;background:#fff;box-shadow:0 3px 10px rgba(27,53,87,.055)}.auth-v100-steps>span.complete{color:#50627b}.auth-v100-steps>span>b{width:27px!important;height:27px!important;flex:0 0 auto}.auth-v100-steps>span>strong{display:flex;flex-direction:column;color:#33455f;font-size:.61rem;line-height:1.3}.auth-v100-steps>span>strong small{margin-top:2px;color:#8a96a8;font-size:.49rem;font-weight:550}.auth-v100-steps>i{width:1px!important;height:20px!important;min-height:22px;flex:0 0 22px!important;margin:0 0 0 23px!important;background:#d4dce7}.auth-v100-steps span.complete+i{background:#4a7dbb}.auth-v100-note{margin-top:auto;padding:12px 10px;display:flex;align-items:flex-start;gap:7px;border:1px solid #dde6f0;border-radius:8px;background:#fff;color:#758399;font-size:.5rem!important;line-height:1.5}.auth-v100-note>i{color:#3974b8;font-size:14px}.auth-v100-register .auth-v97-register-form{grid-column:2;grid-row:3;min-width:0;padding:23px 25px 20px}.auth-v100-register .auth-v97-form-section{border:0;background:transparent}.auth-v100-register .auth-v97-section-head{min-height:0;padding:0 0 16px;border:0;border-bottom:1px solid #e5e9ef;border-radius:0;background:transparent}.auth-v100-register .auth-v97-section-head>span{width:34px;height:34px}.auth-v100-register .auth-v97-section-head strong{font-size:.72rem}.auth-v100-register .auth-v97-section-head small{font-size:.55rem}.auth-v100-register .auth-v97-field-grid{padding:17px 0 4px;gap:14px}.auth-v100-register .auth-v97-field-grid label>span:first-child{margin-bottom:1px;font-size:.63rem}.auth-v100-register .auth-v97-field-grid input,.auth-v100-register .auth-v97-field-grid select{min-height:44px}.auth-v100-register .auth-v95-step{min-height:380px}.auth-v100-register .auth-v95-step-actions{margin-top:auto;padding-top:15px;border-top:1px solid #e6eaf0}.auth-v100-register .auth-v95-step-actions .btn{min-height:41px}.auth-v100-register .auth-v97-final{margin-top:13px}.auth-v100-register>.auth-switch{display:none}
@media(max-width:800px){body[data-route="register"] .auth-v96-layout .auth-content-inner{max-width:680px}.auth-v100-register{display:block}.auth-v100-register .auth-v99-title{padding:18px}.auth-v100-register .auth-v99-tabs{padding:0 18px}.auth-v100-register .auth-v100-steps{margin:14px 18px!important;padding:9px 11px!important;display:flex;align-items:center;justify-content:center;flex-direction:row;border:1px solid #e1e7ef!important;border-radius:9px!important;background:#f7f9fc!important}.auth-v100-steps>span{width:auto;min-height:0;padding:0;border:0;background:transparent!important;box-shadow:none!important;white-space:nowrap!important}.auth-v100-steps>span>strong{font-size:.56rem}.auth-v100-steps>span>strong small,.auth-v100-note{display:none}.auth-v100-steps>i{width:34px!important;height:1px!important;min-height:1px;flex:0 0 34px!important;margin:0 7px!important}.auth-v100-register .auth-v97-register-form{padding:5px 18px 18px}.auth-v100-register .auth-v95-step{min-height:0}}
@media(max-width:520px){.auth-v100-register .auth-v100-steps{margin:12px!important}.auth-v100-steps>span>strong{display:none}.auth-v100-steps>i{width:38px!important;flex-basis:38px!important}.auth-v100-register .auth-v97-register-form{padding:4px 13px 15px}.auth-v100-register .auth-v99-title{padding:15px}.auth-v100-register .auth-v99-tabs{padding:0 15px}}

/* AUTH V101 — espace d'inscription professionnel */
body[data-route="register"] .auth-v96-layout{background:#eef2f7}body[data-route="register"] .auth-v96-layout .auth-content{padding:22px;background:radial-gradient(circle at 12% 5%,rgba(46,107,190,.10),transparent 27%),radial-gradient(circle at 88% 95%,rgba(37,151,114,.07),transparent 25%),#eef2f7}body[data-route="register"] .auth-v96-layout .auth-content-inner{width:min(100%,920px);max-width:920px}body[data-route="register"] .auth-v96-layout .auth-mobile-brand{height:38px;margin:0 0 14px;justify-content:flex-start;gap:9px;color:#14243c}body[data-route="register"] .auth-v96-layout .auth-mobile-brand .brand-mark{width:31px;height:31px}body[data-route="register"] .auth-v96-layout .auth-card{border:1px solid #d7dee8;border-radius:16px;box-shadow:0 22px 60px rgba(18,38,67,.11)}.auth-v101-register{grid-template-columns:220px minmax(0,1fr);grid-template-rows:48px 100px minmax(440px,auto);overflow:visible!important}.auth-v101-register .auth-v99-tabs{height:48px;padding:0 22px;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e8ef;background:#fbfcfe}.auth-v101-register .auth-v99-tabs span,.auth-v101-register .auth-v99-tabs a{height:auto;padding:0;color:#65748a;font-size:.58rem}.auth-v101-register .auth-v99-tabs span{gap:7px;color:#43536a;text-transform:uppercase;letter-spacing:.08em}.auth-v101-register .auth-v99-tabs span:after{display:none}.auth-v101-register .auth-v99-tabs a{gap:5px}.auth-v101-register .auth-v99-tabs a strong{color:#225f9f}.auth-v101-register .auth-v99-title{padding:20px 24px;background:#fff}.auth-v101-register .auth-v99-title>span{width:42px;height:42px;border-color:#d9e5f2;border-radius:11px;background:#edf4fb;color:#245f9e}.auth-v101-register .auth-v99-title h2{font-size:1.3rem!important}.auth-v101-register .auth-v99-title>em{border-color:#dce9e4;background:#f4faf7;color:#267258}.auth-v101-register .auth-v100-steps{padding:27px 17px!important;border-right:0!important;background:#111d32!important}.auth-v101-register .auth-v100-steps>span{position:relative;color:#8492aa}.auth-v101-register .auth-v100-steps>span.active{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.075)!important;box-shadow:none}.auth-v101-register .auth-v100-steps>span.complete{color:#aebad0}.auth-v101-register .auth-v100-steps>span>b{border:1px solid rgba(255,255,255,.16);background:#1d2b43;color:#aebad0}.auth-v101-register .auth-v100-steps>span.active>b{border-color:#65a8f3;background:#3983d4;color:#fff}.auth-v101-register .auth-v100-steps>span.complete>b{border-color:#3ea77d;background:#257a5d;color:#fff}.auth-v101-register .auth-v100-steps>span>strong{color:#dfe7f3}.auth-v101-register .auth-v100-steps>span>strong small{color:#8391a9}.auth-v101-register .auth-v100-steps>i{background:#304059}.auth-v101-register .auth-v100-steps span.complete+i{background:#318262}.auth-v101-register .auth-v100-note{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#94a2b8}.auth-v101-register .auth-v100-note>i{color:#65a8f3}.auth-v101-register .auth-v97-register-form{padding:22px 25px 20px;background:#fff}.auth-v101-register .auth-v97-section-head{padding-bottom:14px}.auth-v101-register .auth-v97-section-head>span{border-color:#dce6f1;background:#f1f6fb;color:#2d659f}.auth-v101-register .auth-v97-field-grid{padding-top:15px;gap:12px 14px}.auth-v101-register .auth-v97-field-grid input,.auth-v101-register .auth-v97-field-grid select{border-color:#cad4e1;border-radius:9px;background:#fbfcfe}.auth-v101-register .auth-v97-field-grid input:hover,.auth-v101-register .auth-v97-field-grid select:hover{border-color:#aebed1}.auth-v101-register .auth-v97-field-grid input:focus,.auth-v101-register .auth-v97-field-grid select:focus{border-color:#3276bd;background:#fff;box-shadow:0 0 0 3px rgba(50,118,189,.10)}.auth-v101-register .auth-v97-field-grid input[readonly]{color:#53647a;background:#f3f6f9;cursor:default}.auth-v101-register .auth-v95-step-actions{padding-top:13px}.auth-v101-register .auth-v95-step-actions .btn{min-width:116px;min-height:39px;border-radius:8px;box-shadow:none}.auth-v101-register .auth-v95-step-actions .btn-primary{background:#225f9f;box-shadow:0 7px 15px rgba(34,95,159,.16)}.auth-v101-register .auth-v95-step-actions .btn-primary:hover{background:#194f88}.auth-v101-register .auth-v95-address-results{top:68px;border-color:#cbd6e4;box-shadow:0 18px 40px rgba(18,39,69,.15)}.auth-v101-register .auth-v95-address-option:hover{background:#f0f6fc}.auth-v101-country{min-height:44px;padding:0 12px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:9px;border:1px solid #cad4e1;border-radius:9px;background:#f3f6f9}.auth-v101-register .auth-v101-country input{min-height:34px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.auth-v101-register .auth-v95-address-meta{min-height:18px}.auth-v101-register .auth-v95-address-meta>span:empty{display:none}.auth-v101-register .auth-v95-address-verified{color:#197153}.auth-v101-register .auth-v97-captcha{border-color:#dbe3ec;background:#f7f9fb}
@media(max-width:800px){body[data-route="register"] .auth-v96-layout .auth-content-inner{max-width:680px}.auth-v101-register{display:block}.auth-v101-register .auth-v100-steps{margin:13px 18px!important;border:1px solid #dde4ed!important;background:#f5f7fa!important}.auth-v101-register .auth-v100-steps>span>strong{color:#3b4c64}.auth-v101-register .auth-v100-steps>span.active>b{border-color:#3276bd;background:#3276bd}.auth-v101-register .auth-v100-steps>span.complete>b{border-color:#257a5d;background:#257a5d}.auth-v101-register .auth-v100-steps>i{background:#d0d9e4}.auth-v101-register .auth-v100-steps span.complete+i{background:#318262}.auth-v101-register .auth-v99-title{padding:18px}.auth-v101-register .auth-v97-register-form{padding:5px 18px 18px}}
@media(max-width:520px){body[data-route="register"] .auth-v96-layout .auth-content{padding:12px}body[data-route="register"] .auth-v96-layout .auth-mobile-brand{margin-left:3px}.auth-v101-register{border-radius:12px}.auth-v101-register .auth-v99-tabs{padding:0 14px}.auth-v101-register .auth-v99-tabs span{font-size:.52rem}.auth-v101-register .auth-v99-tabs a{font-size:0}.auth-v101-register .auth-v99-tabs a strong{font-size:.56rem}.auth-v101-register .auth-v99-title{padding:15px}.auth-v101-register .auth-v99-title h2{font-size:1.12rem!important}.auth-v101-register .auth-v97-register-form{padding:4px 13px 15px}.auth-v101-country{grid-column:1/-1}}

/* AUTH V102 — portail client inspiré des interfaces d'hébergeurs */
body[data-route="register"] .auth-v96-layout .auth-content{padding:20px 24px 30px;background:linear-gradient(180deg,#f6f8fb 0,#eef2f6 100%)}body[data-route="register"] .auth-v96-layout .auth-content-inner{width:min(100%,880px);max-width:880px}body[data-route="register"] .auth-v96-layout .auth-mobile-brand{height:42px;margin:0 0 12px;color:#0f2747}body[data-route="register"] .auth-v96-layout .auth-card{border:1px solid #d7dee8;border-top:4px solid #0b5cab;border-radius:4px;background:#fff;box-shadow:0 12px 34px rgba(20,39,66,.09)}.auth-v102-register{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:45px auto auto minmax(390px,auto);overflow:visible!important}.auth-v102-register .auth-v99-tabs{grid-column:1;grid-row:1;height:45px;margin:0;padding:0 24px;border-bottom:1px solid #e1e6ed;border-radius:0;background:#f8fafc}.auth-v102-register .auth-v99-tabs span{font-size:.55rem;letter-spacing:.07em}.auth-v102-register .auth-v99-tabs a{font-size:.57rem}.auth-v102-register .auth-v99-title{grid-column:1;grid-row:2;padding:23px 27px 17px;border:0;background:#fff}.auth-v102-register .auth-v99-title>span{width:39px;height:39px;border:0;border-radius:4px;background:#e9f2fb;color:#0b5cab}.auth-v102-register .auth-v99-title h2{color:#10233e;font-size:1.32rem!important;font-weight:760}.auth-v102-register .auth-v99-title p{font-size:.61rem!important}.auth-v102-register .auth-v99-title>em{border:0;border-radius:3px;background:#edf7f3;color:#1e7357}.auth-v102-register .auth-v100-steps{grid-column:1;grid-row:3;margin:0!important;padding:0 27px!important;display:grid;grid-template-columns:auto minmax(35px,1fr) auto minmax(35px,1fr) auto;align-items:center;border:0!important;border-bottom:1px solid #dfe5ed!important;border-radius:0!important;background:#fff!important}.auth-v102-register .auth-v100-steps>span{width:auto;min-height:72px;padding:12px 0;gap:9px!important;border:0;border-radius:0;background:transparent!important;box-shadow:none!important}.auth-v102-register .auth-v100-steps>span.active{border:0;background:transparent!important}.auth-v102-register .auth-v100-steps>span>b{width:31px!important;height:31px!important;border:1px solid #cbd5e1;border-radius:4px;background:#f4f6f9;color:#617187;font-size:.52rem}.auth-v102-register .auth-v100-steps>span.active>b{border-color:#0b5cab;background:#0b5cab;color:#fff}.auth-v102-register .auth-v100-steps>span.complete>b{border-color:#25805f;background:#25805f;color:#fff}.auth-v102-register .auth-v100-steps>span>strong{color:#34445a;font-size:.6rem}.auth-v102-register .auth-v100-steps>span>strong small{color:#8793a4;font-size:.48rem}.auth-v102-register .auth-v100-steps>i{width:auto!important;height:1px!important;min-height:1px;flex:auto!important;margin:0 14px!important;background:#d7dee7}.auth-v102-register .auth-v100-steps span.complete+i{background:#4a9b7d}.auth-v102-register .auth-v100-note{display:none}.auth-v102-register .auth-v97-register-form{grid-column:1;grid-row:4;padding:22px 27px 24px;background:#fff}.auth-v102-register .auth-v95-step{min-height:350px}.auth-v102-register .auth-v97-form-section{border:0;border-radius:0}.auth-v102-register .auth-v97-section-head{min-height:48px;padding:0 0 13px;border-bottom:1px solid #e2e7ed}.auth-v102-register .auth-v97-section-head>span{width:34px;height:34px;border:0;border-radius:4px;background:#edf3f8;color:#315e8b}.auth-v102-register .auth-v97-section-head strong{color:#23364f;font-size:.69rem}.auth-v102-register .auth-v97-section-head small{font-size:.52rem}.auth-v102-register .auth-v97-section-head em{border-radius:3px;background:#edf3f8;color:#536d89}.auth-v102-register .auth-v97-field-grid{padding:17px 0 2px;gap:14px 16px}.auth-v102-register .auth-v97-field-grid label>span:first-child{margin:0 0 5px;color:#33435a;font-size:.59rem}.auth-v102-register .auth-v97-field-grid input,.auth-v102-register .auth-v97-field-grid select{min-height:43px;border:1px solid #bac7d7;border-radius:3px;background:#fff;color:#24374f}.auth-v102-register .auth-v97-field-grid input:hover,.auth-v102-register .auth-v97-field-grid select:hover{border-color:#8ea2bb}.auth-v102-register .auth-v97-field-grid input:focus,.auth-v102-register .auth-v97-field-grid select:focus{border-color:#0b5cab;box-shadow:0 0 0 2px rgba(11,92,171,.11)}.auth-v102-register .auth-v95-input>i:first-child{color:#66809d}.auth-v102-register .auth-v95-step-actions{margin-top:auto;padding-top:16px;border-top:1px solid #e3e8ee}.auth-v102-register .auth-v95-step-actions .btn{min-width:108px;min-height:39px;border-radius:3px;font-size:.61rem}.auth-v102-register .auth-v95-step-actions .btn-primary{background:#0b5cab;box-shadow:none}.auth-v102-register .auth-v95-step-actions .btn-primary:hover{background:#084b8e}.auth-v102-register .auth-v95-step-actions .btn-secondary{border-color:#b9c5d4;background:#fff;color:#30455f}.auth-v102-register .auth-v98-phone,.auth-v102-register .auth-v98-phone-trigger,.auth-v102-register .auth-v98-phone>input[type="tel"]{border-radius:3px}.auth-v102-register .auth-v98-password-guide{border-radius:3px;background:#f7f9fb}.auth-v102-register .auth-v97-final .auth-v95-terms,.auth-v102-register .auth-v97-captcha{border-radius:3px}.auth-v102-register .auth-v95-address-results{top:70px;border-radius:3px}.auth-v102-country{min-height:43px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;border:1px solid #bac7d7;border-radius:3px;background:#fff}.auth-v102-country:focus-within{border-color:#0b5cab;box-shadow:0 0 0 2px rgba(11,92,171,.11)}.auth-v102-country>i{height:25px;display:grid;place-items:center;border-right:1px solid #d9e0e8;color:#567493;font-size:17px}.auth-v102-register .auth-v102-country select{min-height:41px!important;padding-left:10px;border:0!important;box-shadow:none!important}.auth-v102-register .auth-v95-address-verified{color:#1d7255}.auth-v102-register .auth-v95-address-verified em{color:#748398}.auth-v102-register .auth-v95-address-option{border-radius:2px}.auth-v102-register .auth-v97-captcha{background:#f7f9fb}
@media(max-width:800px){body[data-route="register"] .auth-v96-layout .auth-content-inner{max-width:680px}.auth-v102-register{display:grid}.auth-v102-register .auth-v100-steps{margin:0!important;padding:0 20px!important;display:grid;border-width:0 0 1px!important;background:#fff!important}.auth-v102-register .auth-v100-steps>span{width:auto;min-height:65px;padding:9px 0}.auth-v102-register .auth-v100-steps>span>strong{display:flex;color:#34445a}.auth-v102-register .auth-v100-steps>span>strong small{display:none}.auth-v102-register .auth-v100-steps>i{width:auto!important;margin:0 9px!important}.auth-v102-register .auth-v97-register-form{padding:20px}.auth-v102-register .auth-v99-title{padding:20px}.auth-v102-register .auth-v99-tabs{padding:0 20px}}
@media(max-width:560px){body[data-route="register"] .auth-v96-layout .auth-content{padding:10px}body[data-route="register"] .auth-v96-layout .auth-card{border-radius:3px}.auth-v102-register .auth-v99-tabs{padding:0 14px}.auth-v102-register .auth-v99-tabs span{font-size:.49rem}.auth-v102-register .auth-v99-title{padding:16px 14px}.auth-v102-register .auth-v99-title>em{display:none}.auth-v102-register .auth-v100-steps{padding:0 14px!important;grid-template-columns:auto 1fr auto 1fr auto}.auth-v102-register .auth-v100-steps>span{min-height:58px}.auth-v102-register .auth-v100-steps>span>strong{display:none}.auth-v102-register .auth-v100-steps>i{margin:0 7px!important}.auth-v102-register .auth-v97-register-form{padding:16px 14px 18px}.auth-v102-register .auth-v95-step{min-height:0}.auth-v102-register .auth-v97-field-grid{grid-template-columns:1fr}.auth-v102-register .auth-v97-field-grid .span-2{grid-column:1}.auth-v102-register .auth-v95-step-actions .btn{min-width:96px}}

/* AUTH V103 — retour à la composition d'origine avec panneau infrastructure */
body[data-route="register"] .auth-v96-layout{min-height:100vh;display:grid;grid-template-columns:minmax(430px,44%) minmax(0,56%);background:#f5f7fb}body[data-route="register"] .auth-v96-brand{display:flex!important}body[data-route="register"] .auth-v96-layout .auth-content{min-height:100vh;padding:34px;align-items:center;background:#f5f7fb}body[data-route="register"] .auth-v96-layout .auth-content-inner{width:min(100%,690px);max-width:690px;margin:0 auto}body[data-route="register"] .auth-v96-layout .auth-mobile-brand{display:none;margin-bottom:20px;justify-content:flex-start}body[data-route="register"] .auth-v96-layout .auth-card{width:100%;padding:25px 28px;overflow:visible;border:1px solid #dfe5ee;border-radius:15px;background:#fff;box-shadow:0 18px 55px rgba(18,39,74,.09)}.auth-v103-default{display:block}.auth-v103-default>.auth-card-head{margin-bottom:12px}.auth-v103-default>h2{margin-bottom:5px!important}.auth-v103-default>.muted{margin-bottom:18px!important}.auth-v103-default .auth-v95-steps{margin:0 0 18px;padding:10px 12px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e7ef;border-radius:9px;background:#f8fafc}.auth-v103-default .auth-v95-steps>span{display:flex;align-items:center;gap:7px;color:#6d7b90;font-size:.6rem;font-weight:750;white-space:nowrap}.auth-v103-default .auth-v95-steps>span>b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e6ebf1;color:#738096;font-size:.57rem}.auth-v103-default .auth-v95-steps>span.active{color:#295f9e}.auth-v103-default .auth-v95-steps>span.active>b{background:#2d70bd;color:#fff}.auth-v103-default .auth-v95-steps>span.complete{color:#267658}.auth-v103-default .auth-v95-steps>span.complete>b{background:#2a8a67;color:#fff}.auth-v103-default .auth-v95-steps>i{width:44px;height:1px;margin:0 10px;background:#d5dde7}.auth-v103-default .auth-v95-steps span.complete+i{background:#54a487}.auth-v103-default .auth-v97-register-form{margin:0;padding:0;background:transparent}.auth-v103-default .auth-v95-step{min-height:0}.auth-v103-default .auth-v95-step-actions{margin-top:0}.auth-v103-default .auth-v102-country select{min-height:41px!important;padding-left:10px;border:0!important;border-radius:7px!important;background:#fff;box-shadow:none!important}.auth-v103-default>.auth-switch{display:block}
@media(max-width:1180px){body[data-route="register"] .auth-v96-layout{grid-template-columns:42% 58%}body[data-route="register"] .auth-v96-layout .auth-content{padding:28px}}
@media(max-width:980px){body[data-route="register"] .auth-v96-layout{display:grid;grid-template-columns:1fr}body[data-route="register"] .auth-v96-brand{display:none!important}body[data-route="register"] .auth-v96-layout .auth-content{padding:28px 22px}body[data-route="register"] .auth-v96-layout .auth-content-inner{max-width:690px}body[data-route="register"] .auth-v96-layout .auth-mobile-brand{display:flex!important}}
@media(max-width:560px){body[data-route="register"] .auth-v96-layout .auth-content{padding:16px}body[data-route="register"] .auth-v96-layout .auth-card{padding:21px 17px;border-radius:12px}.auth-v103-default .auth-v95-steps{padding:9px 7px}.auth-v103-default .auth-v95-steps>span{font-size:0}.auth-v103-default .auth-v95-steps>span>b{font-size:.57rem}.auth-v103-default .auth-v95-steps>i{width:30px;margin:0 6px}}

/* AUTH V104 — formulaire pleine largeur, marges compactes */
body[data-route="register"] .auth-v96-layout{grid-template-columns:minmax(400px,40%) minmax(0,60%)}body[data-route="register"] .auth-v96-layout .auth-content{padding:14px}body[data-route="register"] .auth-v96-layout .auth-content-inner{width:100%;max-width:none}body[data-route="register"] .auth-v96-layout .auth-card{padding:21px 23px;border-color:#d9e1eb;border-radius:10px;box-shadow:0 8px 28px rgba(18,39,74,.07)}.auth-v103-default>.auth-card-head{min-height:31px;margin-bottom:9px;padding-bottom:9px;border-bottom:1px solid #e6eaf0}.auth-v103-default>.auth-card-head .eyebrow{display:inline-flex;align-items:center;gap:6px;color:#275f9e}.auth-v103-default>.auth-card-head .eyebrow i{font-size:14px}.auth-v103-default>h2{font-size:1.42rem!important}.auth-v103-default>.muted{margin-bottom:14px!important;font-size:.67rem!important}.auth-v103-default .auth-v95-steps{min-height:48px;margin-bottom:14px;padding:7px 12px;border-color:#dde5ee;border-radius:7px;background:#f7f9fc}.auth-v103-default .auth-v95-steps>span{font-size:.58rem}.auth-v103-default .auth-v95-steps>span>b{width:24px;height:24px}.auth-v103-default .auth-v97-form-section{border-color:#dce3ec;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(18,39,70,.025)}.auth-v103-default .auth-v97-section-head{min-height:50px;padding:9px 12px;border-color:#e3e8ee;border-radius:8px 8px 0 0;background:#f8fafc}.auth-v103-default .auth-v97-section-head>span{width:32px;height:32px;border-color:#d5e2f0;border-radius:7px;background:#eaf3fc;color:#2866a9}.auth-v103-default .auth-v97-section-head strong{font-size:.66rem}.auth-v103-default .auth-v97-section-head small{font-size:.5rem}.auth-v103-default .auth-v97-section-head em{border-radius:4px;background:#e9f1fa;color:#486d98}.auth-v103-default .auth-v97-field-grid{padding:13px 14px 14px;gap:12px 14px}.auth-v103-default .auth-v97-field-grid label>span:first-child{margin-bottom:1px;color:#33465f;font-size:.59rem}.auth-v103-default .auth-v97-field-grid input,.auth-v103-default .auth-v97-field-grid select{min-height:43px;border-color:#c4cfdd;border-radius:7px;background:#fff;color:#25384f;font-size:.68rem}.auth-v103-default .auth-v97-field-grid input:hover,.auth-v103-default .auth-v97-field-grid select:hover{border-color:#99abc1}.auth-v103-default .auth-v97-field-grid input:focus,.auth-v103-default .auth-v97-field-grid select:focus{border-color:#2f73bd;box-shadow:0 0 0 3px rgba(47,115,189,.09)}.auth-v103-default .auth-v95-input>i:first-child{color:#66809d}.auth-v103-default .auth-v98-phone{min-height:43px;border-color:#c4cfdd;border-radius:7px}.auth-v103-default .auth-v98-phone-trigger{border-radius:7px 0 0 7px}.auth-v103-default .auth-v98-phone>input[type="tel"]{border-radius:0 7px 7px 0!important}.auth-v103-default .auth-v98-password-guide{padding:11px 12px;border-color:#dde4ec;border-radius:7px;background:#f7f9fb}.auth-v103-default .auth-v95-step-actions{padding-top:12px;border-top:0}.auth-v103-default .auth-v95-step-actions .btn{min-width:112px;min-height:39px;border-radius:7px;box-shadow:none}.auth-v103-default .auth-v95-step-actions .btn-primary{background:#1769b5;box-shadow:0 6px 14px rgba(23,105,181,.14)}.auth-v103-default .auth-v95-step-actions .btn-primary:hover{background:#105994}.auth-v103-default .auth-v95-step-actions .btn-secondary{border-color:#c2ccd9;background:#fff}.auth-v103-default .auth-v97-final{gap:8px}.auth-v103-default .auth-v95-terms{border:1px solid #dfe5ed;background:#f8fafc}.auth-v103-default .auth-v97-captcha{min-height:66px;border-color:#dfe5ed;border-radius:7px;background:#f8fafc}.auth-v103-default .auth-v95-address-results{border-radius:7px}.auth-v103-default .auth-v102-country{border-color:#c4cfdd;border-radius:7px}.auth-v103-default .auth-v102-country select{border-radius:7px!important}.auth-v103-default>.auth-switch{margin-top:14px;padding-top:13px}
@media(max-width:1180px){body[data-route="register"] .auth-v96-layout{grid-template-columns:38% 62%}body[data-route="register"] .auth-v96-layout .auth-content{padding:12px}}
@media(max-width:980px){body[data-route="register"] .auth-v96-layout{grid-template-columns:1fr}body[data-route="register"] .auth-v96-layout .auth-content{padding:15px}body[data-route="register"] .auth-v96-layout .auth-content-inner{max-width:760px}}
@media(max-width:560px){body[data-route="register"] .auth-v96-layout .auth-content{padding:8px}body[data-route="register"] .auth-v96-layout .auth-card{padding:17px 12px;border-radius:8px}.auth-v103-default .auth-v97-field-grid{padding:11px}.auth-v103-default .auth-v97-section-head{padding:9px 10px}.auth-v103-default .auth-v95-step-actions .btn{min-width:96px}}

/* AUTH V105 — alignement supérieur et finitions du formulaire */
body[data-route="register"] .auth-v96-layout .auth-content{padding:4px 8px 8px;align-items:flex-start}body[data-route="register"] .auth-v96-layout .auth-content-inner{margin:0}body[data-route="register"] .auth-v96-layout .auth-card{padding:16px 18px 15px;border-top:3px solid #1769b5;border-radius:8px;box-shadow:0 5px 20px rgba(17,39,70,.055)}.auth-v103-default>.auth-card-head{min-height:29px;margin:0 0 8px;padding:0 0 8px}.auth-v103-default>.auth-card-head .security-badge{padding:4px 7px;border:1px solid #cce9df;background:#f1faf7}.auth-v103-default>h2{margin:0 0 3px!important;font-size:1.32rem!important}.auth-v103-default>.muted{margin:0 0 11px!important}.auth-v103-default .auth-v95-steps{min-height:44px;margin:0 0 10px;padding:6px 10px;border:0;border-radius:7px;background:#f1f5f9}.auth-v103-default .auth-v95-steps>span{flex:0 0 auto;color:#718096}.auth-v103-default .auth-v95-steps>span>b{width:23px;height:23px;border:1px solid #ced8e4;background:#fff}.auth-v103-default .auth-v95-steps>span.active{color:#155d9f}.auth-v103-default .auth-v95-steps>span.active>b{border-color:#1769b5;background:#1769b5}.auth-v103-default .auth-v95-steps>i{min-width:34px;max-width:90px;flex:1;margin:0 10px}.auth-v103-default .auth-v97-form-section{overflow:visible;border-color:#d7e0e9;border-radius:7px}.auth-v103-default .auth-v97-section-head{position:relative;min-height:47px;padding:8px 11px 8px 14px;border-radius:7px 7px 0 0;background:linear-gradient(90deg,#f5f8fb,#fbfcfd)}.auth-v103-default .auth-v97-section-head:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0 3px 3px 0;background:#3980c2}.auth-v103-default .auth-v97-section-head>span{width:30px;height:30px;border:0;background:#e6f0fa}.auth-v103-default .auth-v97-field-grid{padding:11px 12px 12px;gap:10px 12px}.auth-v103-default .auth-v97-field-grid label{gap:4px}.auth-v103-default .auth-v97-field-grid label>span:first-child{margin:0;font-size:.58rem}.auth-v103-default .auth-v97-field-grid input,.auth-v103-default .auth-v97-field-grid select{min-height:42px;padding:8px 10px;border-color:#becbd9;border-radius:6px;background:#fff}.auth-v103-default .auth-v97-field-grid input::placeholder{color:#9aa7b7}.auth-v103-default .auth-v95-input>input{padding-left:36px}.auth-v103-default .auth-v95-password-toggle{right:7px;width:30px;height:30px;border-radius:5px}.auth-v103-default .auth-v98-phone{min-height:42px;border-radius:6px}.auth-v103-default .auth-v98-phone-trigger{min-width:90px;border-radius:6px 0 0 6px}.auth-v103-default .auth-v98-phone>input[type="tel"]{min-height:40px!important}.auth-v103-default .auth-v98-phone-menu{border-radius:7px}.auth-v103-default .auth-v98-password-guide{padding:10px 11px}.auth-v103-default .auth-v98-password-guide>strong{margin-bottom:6px}.auth-v103-default .auth-v98-password-guide>div{gap:5px 10px}.auth-v103-default .auth-v95-step-actions{margin-top:8px;padding:9px 10px;border:1px solid #dde5ed;border-radius:7px;background:#f8fafc}.auth-v103-default .auth-v95-step-actions .btn{min-width:108px;min-height:40px;padding:8px 15px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:7px;font-size:.61rem;font-weight:820;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.auth-v103-default .auth-v95-step-actions .btn i{font-size:17px}.auth-v103-default .auth-v95-step-actions .btn-primary{border:1px solid #1769b5;background:linear-gradient(180deg,#2378c5,#1769b5);color:#fff;box-shadow:0 5px 12px rgba(23,105,181,.18)}.auth-v103-default .auth-v95-step-actions .btn-primary:hover{background:linear-gradient(180deg,#1e6fb8,#125c9f);box-shadow:0 7px 16px rgba(23,105,181,.22);transform:translateY(-1px)}.auth-v103-default .auth-v95-step-actions .btn-secondary{border:1px solid #bdc9d7;background:#fff;color:#3c5069}.auth-v103-default .auth-v95-step-actions .btn-secondary:hover{border-color:#8fa4bb;background:#f3f6f9;transform:translateY(-1px)}.auth-v103-default .auth-v105-address-grid{grid-template-columns:minmax(110px,.65fr) minmax(150px,1fr) minmax(160px,1fr);gap:9px 11px}.auth-v103-default .auth-v105-address-grid>.span-2{grid-column:1/-1}.auth-v103-default .auth-v95-address-meta{min-height:0;margin-top:4px;gap:8px}.auth-v103-default .auth-v95-address-meta:has(>span:first-child:empty):has(.auth-v95-address-verified[hidden]){display:none}.auth-v103-default .auth-v95-address-verified{padding:3px 6px;border-radius:5px;background:#edf8f3}.auth-v103-default .auth-v95-address-results{top:64px;max-height:245px;padding:4px;border-color:#c5d2e1;box-shadow:0 14px 34px rgba(16,39,72,.14)}.auth-v103-default .auth-v95-address-option{min-height:48px;padding:7px 9px;border-radius:5px}.auth-v103-default .auth-v95-address-option:hover,.auth-v103-default .auth-v95-address-option.active{background:#edf4fb}.auth-v103-default .auth-v102-country{min-height:42px;grid-template-columns:36px minmax(0,1fr);border-radius:6px}.auth-v103-default .auth-v102-country>i{height:24px}.auth-v103-default .auth-v102-country select{min-height:40px!important;border-radius:6px!important}.auth-v103-default .auth-v97-final{margin-top:8px}.auth-v103-default .auth-v95-terms{padding:8px 10px!important;border-radius:6px}.auth-v103-default .auth-v97-captcha{min-height:62px;padding:8px 10px;border-radius:6px}.auth-v103-default>.auth-switch{margin:10px 0 0;padding-top:10px}
@media(max-width:1120px){.auth-v103-default .auth-v105-address-grid{grid-template-columns:1fr 1fr}.auth-v103-default .auth-v105-address-grid>.span-2{grid-column:1/-1}.auth-v103-default .auth-v105-country-field{grid-column:1/-1}}
@media(max-width:980px){body[data-route="register"] .auth-v96-layout .auth-content{padding:6px 8px 10px}body[data-route="register"] .auth-v96-layout .auth-content-inner{margin:0 auto}}
@media(max-width:620px){body[data-route="register"] .auth-v96-layout .auth-content{padding:4px}body[data-route="register"] .auth-v96-layout .auth-card{padding:13px 9px 11px}.auth-v103-default .auth-v105-address-grid{grid-template-columns:1fr}.auth-v103-default .auth-v105-address-grid>.span-2,.auth-v103-default .auth-v105-country-field{grid-column:1}.auth-v103-default .auth-v95-step-actions{padding:8px;align-items:stretch;flex-direction:column-reverse}.auth-v103-default .auth-v95-step-actions .btn{width:100%}.auth-v103-default .auth-v97-captcha{grid-template-columns:1fr}}

/* AUTH V106 — carte droite et actions professionnelles */
body[data-route="register"] .auth-v96-layout .auth-content{padding:8px}body[data-route="register"] .auth-v96-layout .auth-card{padding:16px 18px 15px;border:1px solid #d9e1ea;border-radius:0;box-shadow:0 3px 16px rgba(17,39,70,.055)}.auth-v103-default .auth-v95-step-actions{margin-top:9px;padding:11px 0 0;border:0;border-top:1px solid #e0e6ed;border-radius:0;background:transparent}.auth-v103-default .auth-v95-step-actions .btn{min-width:114px;min-height:39px;padding:0 14px;gap:7px;border-radius:4px;font-size:.6rem;font-weight:800;letter-spacing:.005em;box-shadow:none;transform:none}.auth-v103-default .auth-v95-step-actions .btn i{font-size:17px;line-height:1}.auth-v103-default .auth-v95-step-actions .btn-primary{border:1px solid #155d9f;background:#155d9f;color:#fff;box-shadow:0 2px 5px rgba(20,75,125,.16)}.auth-v103-default .auth-v95-step-actions .btn-primary:hover{border-color:#0e4f89;background:#0e4f89;box-shadow:0 3px 8px rgba(20,75,125,.2);transform:none}.auth-v103-default .auth-v95-step-actions .btn-primary:focus-visible{outline:2px solid rgba(21,93,159,.25);outline-offset:2px}.auth-v103-default .auth-v95-step-actions .btn-secondary{border:1px solid #b9c5d3;background:#fff;color:#344a63}.auth-v103-default .auth-v95-step-actions .btn-secondary:hover{border-color:#879bb2;background:#f4f7fa;color:#233b56;transform:none}.auth-v103-default .auth-v95-step-actions .btn:disabled{border-color:#cbd4de;background:#e7ebf0;color:#8d99a8;box-shadow:none}.auth-v103-default .auth-v95-step-actions .btn-primary>i:first-child{margin-left:-2px}.auth-v103-default .auth-v95-step-actions .btn-primary>i:last-child{margin-right:-3px}
@media(max-width:620px){body[data-route="register"] .auth-v96-layout .auth-content{padding:6px 4px 4px}body[data-route="register"] .auth-v96-layout .auth-card{border-radius:0}.auth-v103-default .auth-v95-step-actions{padding-top:9px}}

/* AUTH V107 — actions pleine largeur inspirées du parcours Ikoula */
body[data-route="register"] .auth-v96-layout .auth-card{border-radius:4px}.auth-v103-default>.auth-card-head{min-height:22px;margin-bottom:6px;padding-bottom:6px}.auth-v103-default>.auth-card-head .eyebrow{font-size:.56rem}.auth-v103-default .auth-v95-step-actions{width:100%;display:flex;align-items:center;gap:10px;margin-top:10px;padding:0;border:0;background:transparent}.auth-v103-default .auth-v95-step-actions .btn{width:auto;min-width:0;min-height:45px;flex:1;padding:11px 14px;gap:12px;border:0;border-radius:14px;font-size:13px;font-weight:650;letter-spacing:0;box-shadow:none}.auth-v103-default .auth-v95-step-actions:has(>button:only-child) .btn{width:100%;flex-basis:100%}.auth-v103-default .auth-v95-step-actions .btn i{font-size:20px}.auth-v103-default .auth-v95-step-actions .btn-primary{border:0;background:linear-gradient(90deg,#17254d 0%,#0b5cab 58%,#168cab 100%);color:#fff;box-shadow:none}.auth-v103-default .auth-v95-step-actions .btn-primary:hover{border:0;background:linear-gradient(90deg,#111d40 0%,#084f98 58%,#117b99 100%);box-shadow:none;filter:brightness(1.03)}.auth-v103-default .auth-v95-step-actions .btn-primary:active{filter:brightness(.94)}.auth-v103-default .auth-v95-step-actions .btn-primary:focus-visible{outline:3px solid rgba(31,121,187,.22);outline-offset:2px}.auth-v103-default .auth-v95-step-actions .btn-secondary{border:1px solid #bdc8d6;background:#f6f8fb;color:#304761}.auth-v103-default .auth-v95-step-actions .btn-secondary:hover{border-color:#94a6ba;background:#eaf0f5;color:#1d3955}.auth-v103-default .auth-v95-step-actions .btn:disabled{border:0;background:linear-gradient(90deg,#9da8b8,#b5beca);color:#edf0f4;filter:none}.auth-v103-default .auth-v95-step-actions .btn-primary>i:first-child,.auth-v103-default .auth-v95-step-actions .btn-primary>i:last-child{margin:0}
@media(max-width:620px){body[data-route="register"] .auth-v96-layout .auth-card{border-radius:4px}.auth-v103-default .auth-v95-step-actions{gap:8px}.auth-v103-default .auth-v95-step-actions .btn{width:100%;min-height:44px;font-size:12px}}

/* AUTH V108 — retour de la carte au format compact */
body[data-route="register"] .auth-v96-layout .auth-content{padding:4px 5px 6px}body[data-route="register"] .auth-v96-layout .auth-content-inner{width:100%;max-width:none}body[data-route="register"] .auth-v96-layout .auth-card{padding:12px 13px 11px;border-radius:4px}.auth-v103-default>.auth-card-head{margin:0 0 4px;padding:0 0 4px}.auth-v103-default>h2{margin-bottom:2px!important}.auth-v103-default>.muted{margin-bottom:8px!important}.auth-v103-default .auth-v95-steps{margin-bottom:8px}.auth-v103-default .auth-v97-field-grid{padding:10px;gap:9px 11px}.auth-v103-default .auth-v95-step-actions{margin-top:7px}.auth-v103-default>.auth-switch{margin-top:7px;padding-top:7px}
@media(max-width:620px){body[data-route="register"] .auth-v96-layout .auth-content{padding:3px}body[data-route="register"] .auth-v96-layout .auth-card{padding:10px 8px 9px}}

/* AUTH V109 — respiration légère autour de la carte */
body[data-route="register"] .auth-v96-layout .auth-content{padding:10px}body[data-route="register"] .auth-v96-layout .auth-content-inner{width:100%;max-width:none}
@media(max-width:620px){body[data-route="register"] .auth-v96-layout .auth-content{padding:6px}}

/* AUTH V110 — arrondi discret de la carte */
body[data-route="register"] .auth-v96-layout .auth-card{border-radius:6px}
@media(max-width:620px){body[data-route="register"] .auth-v96-layout .auth-card{border-radius:6px}}

/* AUTH V111 — boutons plus compacts */
.auth-v103-default .auth-v95-step-actions .btn{min-height:38px;padding:8px 12px;gap:8px;border-radius:9px;font-size:11px}
.auth-v103-default .auth-v95-step-actions .btn i{font-size:16px}
@media(max-width:620px){.auth-v103-default .auth-v95-step-actions .btn{min-height:38px;padding:8px 11px;font-size:11px}}

/* AUTH V112 — aucun espace sous les mentions légales */
body[data-route="register"] .auth-v96-layout .auth-content{padding-bottom:0}
body[data-route="register"] .auth-legal{margin-bottom:0;padding-bottom:0}
@media(max-width:620px){body[data-route="register"] .auth-v96-layout .auth-content{padding-bottom:0}}

/* AUTH V113 — champs illustrés et pied de page au bord inférieur */
body[data-route="register"] .auth-v96-layout .auth-content-inner{min-height:calc(100vh - 10px);display:flex;flex-direction:column}
body[data-route="register"] .auth-legal{margin-top:auto;padding-top:12px}
.auth-v103-default .auth-v97-field-grid{gap:14px 18px}
.auth-v103-default .auth-v97-field-grid label{gap:7px}
.auth-v103-default .auth-v97-field-grid label>span:first-child{color:#19154d;font-size:15px;font-weight:750;line-height:1.25}
.auth-v103-default .auth-v97-field-grid label>span:first-child b{color:#19154d}
.auth-v113-input,.auth-v103-default .auth-v95-input{position:relative;min-height:52px;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:stretch;overflow:hidden;border:1px solid #dfe2e9;border-radius:16px;background:#fff;transition:border-color .16s,box-shadow .16s}
.auth-v113-input:focus-within,.auth-v103-default .auth-v95-input:focus-within{border-color:#6b73a7;box-shadow:0 0 0 3px rgba(35,31,100,.08)}
.auth-v113-input>i,.auth-v103-default .auth-v95-input>i:first-child{position:static;width:52px;height:50px;display:grid;place-items:center;transform:none;border-right:1px solid #dfe2e9;background:#f5f6fa;color:#21186b;font-size:20px;pointer-events:none}
.auth-v113-input>input,.auth-v113-input>select,.auth-v103-default .auth-v95-input>input{min-width:0;min-height:50px!important;padding:12px 16px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#24263b;font-size:12px!important;box-shadow:none!important}
.auth-v113-input>input::placeholder,.auth-v103-default .auth-v95-input>input::placeholder{color:#98a0aa;opacity:1}
.auth-v103-default .auth-v95-password-toggle{right:8px;width:34px;height:34px;border-radius:8px}
.auth-v103-default .auth-v95-input>input[type="password"]{padding-right:48px!important}
.auth-v103-default .auth-v98-phone{min-height:52px;overflow:visible;border-color:#dfe2e9;border-radius:16px;background:#fff}
.auth-v103-default .auth-v98-phone:focus-within{border-color:#6b73a7;box-shadow:0 0 0 3px rgba(35,31,100,.08)}
.auth-v103-default .auth-v98-phone-trigger{min-width:105px;min-height:50px;border-radius:16px 0 0 16px;background:#f5f6fa}
.auth-v103-default .auth-v98-phone>input[type="tel"]{min-height:50px!important;padding:12px 14px!important;border-radius:0 16px 16px 0!important;font-size:15px!important}
.auth-v103-default .auth-v102-country{min-height:52px;grid-template-columns:52px minmax(0,1fr);overflow:hidden;border-color:#dfe2e9;border-radius:16px;background:#fff}
.auth-v103-default .auth-v102-country>i{width:52px;height:50px;display:grid;place-items:center;border-right:1px solid #dfe2e9;background:#f5f6fa;color:#21186b;font-size:20px}
.auth-v103-default .auth-v102-country select{min-height:50px!important;padding:12px 16px!important;border-radius:0!important;font-size:15px!important}
.auth-v103-default .auth-v95-address.is-verified .auth-v95-input{border-color:#83cbb0;box-shadow:0 0 0 3px rgba(24,162,113,.07)}
@media(max-width:620px){body[data-route="register"] .auth-v96-layout .auth-content-inner{min-height:calc(100vh - 6px)}.auth-v103-default .auth-v97-field-grid{gap:12px}.auth-v103-default .auth-v97-field-grid label>span:first-child{font-size:12px}.auth-v113-input,.auth-v103-default .auth-v95-input,.auth-v103-default .auth-v98-phone,.auth-v103-default .auth-v102-country{min-height:48px;border-radius:13px}.auth-v113-input,.auth-v103-default .auth-v95-input,.auth-v103-default .auth-v102-country{grid-template-columns:48px minmax(0,1fr)}.auth-v113-input>i,.auth-v103-default .auth-v95-input>i:first-child,.auth-v103-default .auth-v102-country>i{width:48px;height:46px}.auth-v113-input>input,.auth-v113-input>select,.auth-v103-default .auth-v95-input>input,.auth-v103-default .auth-v102-country select{min-height:46px!important;font-size:13px!important}.auth-v103-default .auth-v98-phone-trigger{min-height:46px;border-radius:13px 0 0 13px}.auth-v103-default .auth-v98-phone>input[type="tel"]{min-height:46px!important;border-radius:0 13px 13px 0!important;font-size:13px!important}}

/* AUTH V114 — dimensions adaptées au facteur d’affichage réel */
.auth-v103-default .auth-v97-field-grid{gap:10px 14px}
.auth-v103-default .auth-v97-field-grid label{gap:5px}
.auth-v103-default .auth-v97-field-grid label>span:first-child{font-size:13px}
.auth-v113-input,.auth-v103-default .auth-v95-input{min-height:36px;grid-template-columns:40px minmax(0,1fr);border-radius:10px}
.auth-v113-input>i,.auth-v103-default .auth-v95-input>i:first-child{width:40px;height:34px;font-size:16px}
.auth-v113-input>input,.auth-v113-input>select,.auth-v103-default .auth-v95-input>input{min-height:34px!important;padding:7px 12px!important;font-size:13px!important}
.auth-v103-default .auth-v95-password-toggle{right:5px;width:27px;height:27px;border-radius:6px}
.auth-v103-default .auth-v95-password-toggle i{font-size:15px}
.auth-v103-default .auth-v95-input>input[type="password"]{padding-right:36px!important}
.auth-v103-default .auth-v98-phone{min-height:36px;border-radius:10px}
.auth-v103-default .auth-v98-phone-trigger{min-width:78px;min-height:34px;padding-inline:9px;border-radius:10px 0 0 10px}
.auth-v103-default .auth-v98-phone>input[type="tel"]{min-height:34px!important;padding:7px 11px!important;border-radius:0 10px 10px 0!important;font-size:13px!important}
.auth-v103-default .auth-v102-country{min-height:36px;grid-template-columns:40px minmax(0,1fr);border-radius:10px}
.auth-v103-default .auth-v102-country>i{width:40px;height:34px;font-size:16px}
.auth-v103-default .auth-v102-country select{min-height:34px!important;padding:7px 12px!important;font-size:13px!important}
@media(max-width:620px){.auth-v103-default .auth-v97-field-grid{gap:9px}.auth-v113-input,.auth-v103-default .auth-v95-input,.auth-v103-default .auth-v98-phone,.auth-v103-default .auth-v102-country{min-height:36px;border-radius:10px}.auth-v113-input,.auth-v103-default .auth-v95-input,.auth-v103-default .auth-v102-country{grid-template-columns:40px minmax(0,1fr)}.auth-v113-input>i,.auth-v103-default .auth-v95-input>i:first-child,.auth-v103-default .auth-v102-country>i{width:40px;height:34px}.auth-v113-input>input,.auth-v113-input>select,.auth-v103-default .auth-v95-input>input,.auth-v103-default .auth-v102-country select{min-height:34px!important;font-size:13px!important}.auth-v103-default .auth-v98-phone-trigger{min-height:34px;border-radius:10px 0 0 10px}.auth-v103-default .auth-v98-phone>input[type="tel"]{min-height:34px!important;border-radius:0 10px 10px 0!important;font-size:13px!important}}

/* AUTH V115 — proportions exactes du groupe de champs Ikoula */
.auth-v113-input,.auth-v103-default .auth-v95-input{min-height:0;display:flex;align-items:stretch;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.auth-v113-input:focus-within,.auth-v103-default .auth-v95-input:focus-within{border-color:transparent;box-shadow:none}
.auth-v113-input>i,.auth-v103-default .auth-v95-input>i:first-child{position:relative;width:auto;min-width:43px;height:auto;flex:0 0 auto;padding:.45rem .9rem;display:grid;place-items:center;border:1px solid #dfe2e9;border-radius:.25rem 0 0 .25rem;background:#f5f6fa;color:#21186b;font-size:.9rem;line-height:1.5}
.auth-v113-input>input,.auth-v113-input>select,.auth-v103-default .auth-v95-input>input{position:relative;width:1%;min-width:0;min-height:0!important;margin-left:-1px;padding:.45rem .9rem!important;flex:1 1 auto;border:1px solid #dfe2e9!important;border-radius:0 1px 12px 0!important;background:#fff!important;font-size:.9rem!important;font-weight:400;line-height:1.5;color:#24263b;box-shadow:none!important}
.auth-v113-input>input:focus,.auth-v113-input>select:focus,.auth-v103-default .auth-v95-input>input:focus{z-index:2;border-color:#6b73a7!important;box-shadow:0 0 0 3px rgba(35,31,100,.08)!important}
.auth-v103-default .auth-v98-phone{min-height:0;display:flex;align-items:stretch;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.auth-v103-default .auth-v98-phone:focus-within{border-color:transparent;box-shadow:none}
.auth-v103-default .auth-v98-phone-trigger{min-width:78px;min-height:0;padding:.45rem .65rem;border:1px solid #dfe2e9;border-radius:.25rem 0 0 .25rem;background:#f5f6fa;font-size:.9rem;line-height:1.5}
.auth-v103-default .auth-v98-phone>input[type="tel"]{position:relative;width:1%;min-width:0;min-height:0!important;margin-left:-1px;padding:.45rem .9rem!important;flex:1 1 auto;border:1px solid #dfe2e9!important;border-radius:0 1px 12px 0!important;background:#fff;font-size:.9rem!important;font-weight:400;line-height:1.5}
.auth-v103-default .auth-v102-country{min-height:0;display:flex;align-items:stretch;overflow:visible;border:0;border-radius:0;background:transparent}
.auth-v103-default .auth-v102-country>i{width:auto;min-width:43px;height:auto;padding:.45rem .9rem;display:grid;place-items:center;flex:0 0 auto;border:1px solid #dfe2e9;border-radius:.25rem 0 0 .25rem;background:#f5f6fa;color:#21186b;font-size:.9rem;line-height:1.5}
.auth-v103-default .auth-v102-country select{position:relative;width:1%;min-width:0;min-height:0!important;margin-left:-1px;padding:.45rem .9rem!important;flex:1 1 auto;border:1px solid #dfe2e9!important;border-radius:0 1px 12px 0!important;background:#fff;font-size:.9rem!important;font-weight:400;line-height:1.5}
.auth-v103-default .auth-v95-address.is-verified .auth-v95-input{box-shadow:none}
.auth-v103-default .auth-v95-address.is-verified .auth-v95-input>input{border-color:#83cbb0!important}
@media(max-width:620px){.auth-v113-input,.auth-v103-default .auth-v95-input,.auth-v103-default .auth-v98-phone,.auth-v103-default .auth-v102-country{min-height:0;border-radius:0}.auth-v113-input>i,.auth-v103-default .auth-v95-input>i:first-child,.auth-v103-default .auth-v102-country>i{width:auto;min-width:43px;height:auto}.auth-v113-input>input,.auth-v113-input>select,.auth-v103-default .auth-v95-input>input,.auth-v103-default .auth-v102-country select,.auth-v103-default .auth-v98-phone>input[type="tel"]{min-height:0!important;font-size:.9rem!important}.auth-v103-default .auth-v98-phone-trigger{min-height:0;border-radius:.25rem 0 0 .25rem}}

/* AUTH V116 — hauteur réduite et rayons asymétriques Ikoula */
.auth-v113-input>i,.auth-v103-default .auth-v95-input>i:first-child,.auth-v103-default .auth-v102-country>i{padding:.36rem .9rem;border-top-left-radius:12px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:1px}
.auth-v113-input>input,.auth-v113-input>select,.auth-v103-default .auth-v95-input>input,.auth-v103-default .auth-v102-country select{padding:.36rem .9rem!important}
.auth-v103-default .auth-v98-phone-trigger{padding:.36rem .65rem;border-top-left-radius:12px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:1px}
.auth-v103-default .auth-v98-phone>input[type="tel"]{padding:.36rem .9rem!important}
@media(max-width:620px){.auth-v113-input>i,.auth-v103-default .auth-v95-input>i:first-child,.auth-v103-default .auth-v102-country>i{border-radius:12px 0 0 1px}.auth-v103-default .auth-v98-phone-trigger{border-radius:12px 0 0 1px}}

/* AUTH V117 — libellés compacts et sélecteurs personnalisés */
.auth-v103-default .auth-v97-field-grid label>span:first-child{font-size:11px}
.auth-v113-input:has(>select),.auth-v103-default .auth-v102-country{position:relative}
.auth-v113-input:has(>select)::after,.auth-v103-default .auth-v102-country::after{content:"";position:absolute;z-index:3;right:15px;top:50%;width:6px;height:6px;transform:translateY(-65%) rotate(45deg);border-right:1.5px solid #344566;border-bottom:1.5px solid #344566;pointer-events:none;transition:transform .16s,border-color .16s}
.auth-v113-input:has(>select):hover::after,.auth-v103-default .auth-v102-country:hover::after{border-color:#21186b}
.auth-v113-input>select,.auth-v103-default .auth-v102-country select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:42px!important;cursor:pointer;background-image:linear-gradient(180deg,#fff,#fbfcfe)!important;color:#25334c;font-weight:600}
.auth-v113-input>select:hover,.auth-v103-default .auth-v102-country select:hover{border-color:#aab4c4!important;background-image:linear-gradient(180deg,#fff,#f7f9fc)!important}
.auth-v113-input>select:focus,.auth-v103-default .auth-v102-country select:focus{background-image:none!important}
@media(max-width:620px){.auth-v103-default .auth-v97-field-grid label>span:first-child{font-size:11px}.auth-v113-input:has(>select)::after,.auth-v103-default .auth-v102-country::after{right:13px}}

/* AUTH V118 — sélecteur de compte entièrement personnalisé */
.auth-v118-select{position:relative;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch}
.auth-v118-select>i:first-child{min-width:43px;padding:.36rem .9rem;display:grid;place-items:center;border:1px solid #dfe2e9;border-radius:12px 0 0 1px;background:#f5f6fa;color:#21186b;font-size:.9rem;line-height:1.5}
.auth-v118-select>select{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden;opacity:0;pointer-events:none}
.auth-v118-select-trigger{position:relative;min-width:0;margin-left:-1px;padding:.36rem .9rem;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dfe2e9;border-radius:0 1px 12px 0;background:#fff;color:#25334c;font-family:inherit;font-size:.9rem;font-weight:600;line-height:1.5;text-align:left;cursor:pointer;box-shadow:none;transition:none}
.auth-v118-select-trigger:hover,.auth-v118-select-trigger:focus,.auth-v118-select-trigger:focus-visible{border-color:#dfe2e9;background:#fff;color:#25334c;outline:0;box-shadow:none;transform:none}
.auth-v118-select-trigger>i{flex:0 0 auto;color:#52627a;font-size:16px;transition:transform .15s}
.auth-v118-select.is-open .auth-v118-select-trigger>i{transform:rotate(180deg)}
.auth-v118-select-menu{position:absolute;z-index:40;left:42px;right:0;top:calc(100% + 5px);padding:5px;overflow:hidden;border:1px solid #d8dee8;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(18,35,66,.14)}
.auth-v118-select-menu>button{width:100%;min-height:44px;padding:7px 9px;display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:8px;border:0;border-radius:5px;background:#fff;color:#2d3b52;font-family:inherit;text-align:left;cursor:pointer;transition:none}
.auth-v118-select-menu>button:hover,.auth-v118-select-menu>button:focus,.auth-v118-select-menu>button:focus-visible{background:#fff;color:#2d3b52;outline:0;box-shadow:none}
.auth-v118-select-menu>button[aria-selected="true"]{background:#f1f3f8;color:#21186b}
.auth-v118-select-menu>button>i:first-child{font-size:17px;text-align:center}
.auth-v118-select-menu>button>span{min-width:0;display:flex;flex-direction:column}
.auth-v118-select-menu strong{font-size:11px;line-height:1.25}
.auth-v118-select-menu small{margin-top:1px;color:#8792a4;font-size:8px;font-weight:500}
.auth-v118-select-menu>button>i:last-child{visibility:hidden;color:#21186b;font-size:15px}
.auth-v118-select-menu>button[aria-selected="true"]>i:last-child{visibility:visible}
@media(max-width:620px){.auth-v118-select-menu{left:42px}.auth-v118-select-trigger{font-size:.9rem}}

/* AUTH V119 — alignement des icônes et suppression du double focus */
.auth-v103-default .auth-v95-input>i:first-child{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;align-self:stretch;transform:none!important}
.auth-v103-default .auth-v95-input{align-items:stretch}
.auth-v113-input>input:hover,.auth-v113-input>select:hover,.auth-v103-default .auth-v95-input>input:hover,.auth-v103-default .auth-v98-phone>input[type="tel"]:hover,.auth-v103-default .auth-v102-country select:hover{border-color:#dfe2e9!important;background:#fff!important;background-image:none!important;box-shadow:none!important}
.auth-v113-input>input:focus,.auth-v113-input>input:focus-visible,.auth-v113-input>select:focus,.auth-v113-input>select:focus-visible,.auth-v103-default .auth-v95-input>input:focus,.auth-v103-default .auth-v95-input>input:focus-visible,.auth-v103-default .auth-v98-phone>input[type="tel"]:focus,.auth-v103-default .auth-v98-phone>input[type="tel"]:focus-visible,.auth-v103-default .auth-v102-country select:focus,.auth-v103-default .auth-v102-country select:focus-visible{z-index:1;border-color:#dfe2e9!important;outline:0!important;background:#fff!important;background-image:none!important;box-shadow:none!important}
.auth-v103-default .auth-v95-address.is-verified .auth-v95-input>input,.auth-v103-default .auth-v95-address.is-verified .auth-v95-input>input:hover,.auth-v103-default .auth-v95-address.is-verified .auth-v95-input>input:focus{border-color:#83cbb0!important}

/* AUTH V120 — confirmation d'inscription et vérification e-mail */
body[data-route="onboarding"] .auth-content-inner{width:min(100%,680px)}
body[data-route="onboarding"] .auth-card{padding:14px 0}
.auth-v120-onboarding{text-align:center}
.auth-v120-mail-icon{width:88px;height:88px;margin:0 auto 30px;display:grid;place-items:center;border-radius:50%;background:#f7f0ff;color:#9135e9}
.auth-v120-mail-icon i{font-size:45px}
.auth-v120-onboarding h2{margin:0 0 10px;color:#202b3c;font-size:28px;line-height:1.2;letter-spacing:-.025em}
.auth-v120-onboarding>p{margin:0 auto 28px;max-width:610px;color:#5e6a7b;font-size:15px;line-height:1.65}
.auth-v120-onboarding>p strong{color:#505e72;font-weight:500;overflow-wrap:anywhere}
.auth-v120-help{padding:22px 27px;border-radius:18px;background:#f8f9fb;text-align:left}
.auth-v120-help h3{margin:0 0 17px;color:#202b3c;font-size:15px}
.auth-v120-help ul{margin:0;padding:0;display:grid;gap:13px;list-style:none}
.auth-v120-help li{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;color:#5e697a;font-size:14px}
.auth-v120-help li i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#fbf5ff;color:#9b32ef;font-size:15px}
@media(max-width:620px){body[data-route="onboarding"] .auth-card{padding:8px 0}.auth-v120-mail-icon{width:70px;height:70px;margin-bottom:22px}.auth-v120-mail-icon i{font-size:36px}.auth-v120-onboarding h2{font-size:22px}.auth-v120-onboarding>p{margin-bottom:21px;font-size:13px}.auth-v120-help{padding:18px 16px;border-radius:13px}.auth-v120-help li{grid-template-columns:24px minmax(0,1fr);font-size:12px}}

/* AUTH V121 — onboarding compact et professionnel */
body[data-route="onboarding"] .auth-content{padding:10px 12px 0;align-items:flex-start;background:#f5f7fa}
body[data-route="onboarding"] .auth-content-inner{width:100%;max-width:none;min-height:calc(100vh - 10px);margin:0;display:flex;flex-direction:column}
body[data-route="onboarding"] .auth-card{width:100%;padding:0;overflow:hidden;border:1px solid #dce3ec;border-radius:8px;background:#fff;box-shadow:0 7px 24px rgba(18,39,70,.065)}
body[data-route="onboarding"] .auth-legal{margin-top:auto;padding:10px 0 0}
.auth-v121-onboarding{text-align:left}
.auth-v121-head{padding:18px 20px 16px;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:14px;border-bottom:1px solid #e3e8ef;background:linear-gradient(100deg,#fbfcfe,#fff)}
.auth-v121-head .auth-v120-mail-icon{width:54px;height:54px;margin:0;border-radius:10px;background:#eaf2fc;color:#2468ad}
.auth-v121-head .auth-v120-mail-icon i{font-size:28px}
.auth-v121-head>div:last-child{min-width:0}
.auth-v121-head>div:last-child>span{margin-bottom:3px;display:flex;align-items:center;gap:6px;color:#287657;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.065em}
.auth-v121-head>div:last-child>span i{width:6px;height:6px;border-radius:50%;background:#2e9a71;box-shadow:0 0 0 3px rgba(46,154,113,.1)}
.auth-v121-onboarding .auth-v121-head h2{margin:0 0 3px;color:#202d42;font-size:20px;line-height:1.2;letter-spacing:-.02em}
.auth-v121-head p{margin:0;color:#7b8798;font-size:10px}
.auth-v121-delivery{margin:14px 18px 0;padding:12px 14px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:11px;border:1px solid #cfe6db;border-radius:7px;background:#f3faf7}
.auth-v121-delivery>i{width:36px;height:36px;display:grid;place-items:center;border-radius:7px;background:#dff3e9;color:#207b58;font-size:20px}
.auth-v121-delivery>div{min-width:0;display:flex;flex-direction:column}
.auth-v121-delivery small{color:#668071;font-size:8px;font-weight:700}
.auth-v121-delivery strong{margin-top:1px;overflow-wrap:anywhere;color:#234a3b;font-size:11px}
.auth-v121-onboarding .auth-v120-help{margin:10px 18px 14px;padding:14px 15px;border:1px solid #e2e7ee;border-radius:7px;background:#f8f9fb}
.auth-v121-onboarding .auth-v120-help h3{margin:0 0 10px;color:#2b374a;font-size:11px}
.auth-v121-onboarding .auth-v120-help ul{gap:8px}
.auth-v121-onboarding .auth-v120-help li{grid-template-columns:22px minmax(0,1fr);gap:8px;color:#697587;font-size:9px}
.auth-v121-onboarding .auth-v120-help li i{width:22px;height:22px;background:#edf2f8;color:#47709d;font-size:13px}
.auth-v121-footer{min-height:47px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #e4e8ee;background:#fbfcfd}
.auth-v121-footer>span{display:inline-flex;align-items:center;gap:6px;color:#8490a1;font-size:8px}
.auth-v121-footer>span i{color:#607b99;font-size:14px}
.auth-v121-footer>a{display:inline-flex;align-items:center;gap:5px;color:#245f9e;font-size:9px;font-weight:800}
.auth-v121-footer>a i{font-size:14px}
@media(max-width:620px){body[data-route="onboarding"] .auth-content{padding:6px 6px 0}body[data-route="onboarding"] .auth-content-inner{min-height:calc(100vh - 6px)}body[data-route="onboarding"] .auth-card{border-radius:6px}.auth-v121-head{padding:15px 13px;grid-template-columns:46px minmax(0,1fr);gap:11px}.auth-v121-head .auth-v120-mail-icon{width:46px;height:46px}.auth-v121-head .auth-v120-mail-icon i{font-size:24px}.auth-v121-onboarding .auth-v121-head h2{font-size:17px}.auth-v121-head p{font-size:9px}.auth-v121-delivery{margin:10px 11px 0;padding:10px}.auth-v121-onboarding .auth-v120-help{margin:8px 11px 11px;padding:12px}.auth-v121-footer{padding:10px 12px;align-items:flex-start;flex-direction:column;gap:6px}}

/* AUTH V122 — connexion compacte et cohérente avec l'inscription */
body[data-route="login"] .auth-content{padding:10px 12px 0;align-items:flex-start;background:#f5f7fa}
body[data-route="login"] .auth-content-inner{width:min(100%,560px);min-height:calc(100vh - 10px);margin:0 auto;display:flex;flex-direction:column}
body[data-route="login"] .auth-card{width:100%;padding:0;overflow:hidden;border:1px solid #dce3ec;border-radius:8px;background:#fff;box-shadow:0 7px 24px rgba(18,39,70,.065)}
body[data-route="login"] .auth-card>.alert{margin:14px 16px 0}
body[data-route="login"] .auth-legal{margin-top:auto;padding:10px 0 0}
.auth-v122-login{display:block}
.auth-v122-head{padding:17px 18px 15px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px;border-bottom:1px solid #e2e7ee;background:linear-gradient(100deg,#fafcfe,#fff)}
.auth-v122-head>span{width:48px;height:48px;display:grid;place-items:center;border-radius:9px;background:#eaf2fc;color:#2669ad}
.auth-v122-head>span i{font-size:24px}
.auth-v122-head>div{min-width:0}
.auth-v122-head small{margin-bottom:2px;display:flex;align-items:center;gap:6px;color:#287658;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.auth-v122-head small i{width:6px;height:6px;border-radius:50%;background:#2f9b71;box-shadow:0 0 0 3px rgba(47,155,113,.09)}
.auth-v122-head h2{margin:0 0 2px;color:#202e43;font-size:19px;line-height:1.2;letter-spacing:-.02em}
.auth-v122-head p{margin:0;color:#7b8798;font-size:9px}
.auth-v122-form{padding:15px 18px 13px;gap:11px!important}
.auth-v122-form>label{gap:5px;color:#27364d;font-size:10px;font-weight:750}
.auth-v122-form .auth-v95-input{position:relative;min-height:0;display:flex;align-items:stretch;overflow:visible;border:0;border-radius:0;background:transparent}
.auth-v122-form .auth-v95-input>i:first-child{position:relative!important;inset:auto!important;width:auto;min-width:43px;height:auto;padding:.36rem .9rem;display:grid;place-items:center;align-self:stretch;transform:none!important;border:1px solid #dfe2e9;border-radius:12px 0 0 1px;background:#f5f6fa;color:#21186b;font-size:.9rem;line-height:1.5}
.auth-v122-form .auth-v95-input>input{position:relative;width:1%;min-width:0;min-height:0!important;margin-left:-1px;padding:.36rem .9rem!important;flex:1 1 auto;border:1px solid #dfe2e9!important;border-radius:0 1px 12px 0!important;background:#fff!important;color:#25334c;font-size:.9rem!important;font-weight:400;line-height:1.5;box-shadow:none!important}
.auth-v122-form .auth-v95-input>input[type="password"]{padding-right:38px!important}
.auth-v122-form .auth-v95-input>input:hover{border-color:#dfe2e9!important}
.auth-v122-form .auth-v95-input>input:focus,.auth-v122-form .auth-v95-input>input:focus-visible{z-index:1;border-color:#aab5c5!important;outline:0!important;box-shadow:none!important}
.auth-v122-form .auth-v95-password-toggle{right:5px;width:27px;height:27px;border-radius:6px}
.auth-v122-form .auth-v95-password-toggle i{font-size:15px}
.auth-v122-between{margin-top:1px;align-items:center;color:#6f7b8d;font-size:9px}
.auth-v122-between .remember-choice{gap:7px!important;color:#59677b}
.auth-v122-between .remember-choice input{width:14px;height:14px;accent-color:#245f9e}
.auth-v122-between>a{color:#356a9f;font-weight:700}
.auth-v122-submit{min-height:38px!important;margin-top:1px!important;padding:8px 12px!important;gap:7px!important;border:0!important;border-radius:8px!important;background:linear-gradient(90deg,#172d5c,#126ca9)!important;color:#fff!important;font-size:12px!important;box-shadow:none!important}
.auth-v122-submit i{font-size:16px}
.auth-v122-submit:hover,.auth-v122-submit:focus{background:linear-gradient(90deg,#172d5c,#126ca9)!important;box-shadow:none!important;transform:none!important}
.auth-v122-assurance{margin:0 18px;padding:10px 0;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;border-top:1px solid #e6eaf0;color:#607187}
.auth-v122-assurance>i{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;background:#edf3f8;color:#376b9f;font-size:16px}
.auth-v122-assurance>span{display:flex;flex-direction:column}
.auth-v122-assurance strong{color:#405269;font-size:9px}
.auth-v122-assurance small{font-size:7px}
.auth-v122-login>.auth-switch{margin:0;padding:11px 18px;border-top:1px solid #e5e9ef;background:#fbfcfd;font-size:9px}
@media(max-width:620px){body[data-route="login"] .auth-content{padding:6px 6px 0}body[data-route="login"] .auth-content-inner{min-height:calc(100vh - 6px)}body[data-route="login"] .auth-card{border-radius:6px}body[data-route="login"] .auth-mobile-brand{margin:0 0 9px}.auth-v122-head{padding:14px 12px;grid-template-columns:43px minmax(0,1fr);gap:10px}.auth-v122-head>span{width:43px;height:43px}.auth-v122-head h2{font-size:17px}.auth-v122-form{padding:13px 12px 11px}.auth-v122-between{align-items:flex-start;flex-direction:column;gap:7px}.auth-v122-assurance{margin-inline:12px}.auth-v122-login>.auth-switch{padding-inline:12px}}

/* AUTH V123 — vérification sans formulaire de renvoi */
body[data-route="verify-email"] .auth-content{padding:10px 12px 0;align-items:flex-start;background:#f5f7fa}
body[data-route="verify-email"] .auth-content-inner{width:min(100%,560px);min-height:calc(100vh - 10px);margin:0 auto;display:flex;flex-direction:column}
body[data-route="verify-email"] .auth-card{width:100%;padding:0;overflow:hidden;border:1px solid #dce3ec;border-radius:8px;background:#fff;box-shadow:0 7px 24px rgba(18,39,70,.065)}
body[data-route="verify-email"] .auth-card>.alert{margin:14px 16px 0}
body[data-route="verify-email"] .auth-legal{margin-top:auto;padding:10px 0 0}
.auth-v123-verify{padding:27px 24px;text-align:center}
.auth-v123-verify>span{width:54px;height:54px;margin:0 auto 14px;display:grid;place-items:center;border-radius:10px;background:#fff1f2;color:#ad4456}
.auth-v123-verify>span i{font-size:27px}
.auth-v123-verify h2{margin:0 0 6px;color:#263348;font-size:19px}
.auth-v123-verify p{max-width:430px;margin:0 auto 17px;color:#748093;font-size:10px;line-height:1.6}
.auth-v123-verify .btn{min-height:36px;padding:7px 12px;border-radius:7px;font-size:9px;box-shadow:none}
@media(max-width:620px){body[data-route="verify-email"] .auth-content{padding:6px 6px 0}body[data-route="verify-email"] .auth-content-inner{min-height:calc(100vh - 6px)}body[data-route="verify-email"] .auth-card{border-radius:6px}.auth-v123-verify{padding:22px 15px}}

/* AUTH V124 — connexion en pleine largeur col-12 */
body[data-route="login"] .auth-content-inner{width:100%;max-width:none;margin:0}
body[data-route="login"] .auth-card{width:100%;max-width:none}

/* AUTH V126 — portail de connexion professionnel */
body[data-route="login"] .auth-content{padding:0;background:#fff}
body[data-route="login"] .auth-content:before{display:none}
body[data-route="login"] .auth-content-inner{width:100%;max-width:none;min-height:100vh;margin:0}
body[data-route="login"] .auth-mobile-brand{display:none}
body[data-route="login"] .auth-card{position:relative;width:100%;max-width:none;min-height:100vh;padding:0;overflow:hidden;border:0;border-radius:0;background:#fff;box-shadow:none}
body[data-route="login"] .auth-card>.alert{position:absolute;z-index:4;top:76px;left:50%;width:min(calc(100% - 64px),560px);margin:0;transform:translateX(-50%);border-radius:7px;font-size:10px}
body[data-route="login"] .auth-legal{display:none}
.auth-v126-login{min-height:100vh;display:flex;flex-direction:column;color:#162338;background:#fff}
.auth-v126-topbar{height:64px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #e3e8ef;background:#fbfcfe;color:#42536a;font-size:9px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.auth-v126-topbar>span{display:inline-flex;align-items:center;gap:8px}
.auth-v126-topbar>span i{color:#1762b4;font-size:17px}
.auth-v126-topbar>em{display:inline-flex;align-items:center;gap:7px;color:#33705c;font-size:8px;font-style:normal;letter-spacing:0;text-transform:none}
.auth-v126-topbar>em i{width:7px;height:7px;border-radius:50%;background:#20a473;box-shadow:0 0 0 3px rgba(32,164,115,.1)}
.auth-v126-main{width:min(calc(100% - 64px),560px);margin:auto;padding:42px 0 34px}
.auth-v126-heading{margin-bottom:27px;display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:14px}
.auth-v126-symbol{width:50px;height:50px;display:grid;place-items:center;border:1px solid #d7e3f1;border-radius:8px;background:#edf4fc;color:#175fae;font-size:24px}
.auth-v126-heading>div{min-width:0}
.auth-v126-heading small{display:block;margin-bottom:2px;color:#1762b4;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.auth-v126-heading h2{margin:0 0 5px!important;color:#13233a!important;font-size:18px!important;line-height:1.2;letter-spacing:-.03em!important}
.auth-v126-heading p{margin:0;color:#718096;font-size:10px;line-height:1.5}
.auth-v126-form{display:grid;gap:15px}
.auth-v126-field{margin:0!important;display:grid!important;gap:6px!important;color:#2b3b51!important;font-size:12px!important;font-weight:780!important}
.auth-v126-field>span{display:flex;align-items:center;justify-content:space-between;gap:12px}
.auth-v126-field>span>a{color:#27629f;font-size:9px;font-weight:750;text-decoration:none}
.auth-v126-field>div{height:48px;position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:stretch;overflow:hidden;border:1px solid #ccd6e2;border-radius:7px;background:#fff}
.auth-v126-field>div>i{display:grid;place-items:center;border-right:1px solid #dce3eb;background:#f5f7fa;color:#536b88;font-size:17px}
.auth-v126-field input{width:100%;min-width:0!important;min-height:0!important;height:46px!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#1c2d45!important;font-size:12px!important;font-weight:500!important;outline:0!important;box-shadow:none!important}
.auth-v126-field input[type="password"]{padding-right:43px!important}
.auth-v126-field input::placeholder{color:#9aa6b5}
.auth-v126-field>div:focus-within{border-color:#7f9dbc;box-shadow:0 0 0 3px rgba(31,88,151,.075)}
.auth-v126-password-toggle{position:absolute;right:7px;top:50%;width:31px;height:31px;padding:0;display:grid;place-items:center;transform:translateY(-50%);border:0;border-radius:5px;background:#fff;color:#6b7e95;cursor:pointer}
.auth-v126-password-toggle i{font-size:17px}
.auth-v126-submit{width:100%;min-height:44px;margin-top:1px;padding:9px 15px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #0f56a8;border-radius:7px;background:#0f56a8;color:#fff;font-family:inherit;font-size:10px;font-weight:850;line-height:1;cursor:pointer;box-shadow:0 3px 9px rgba(15,86,168,.16)}
.auth-v126-submit i{font-size:17px}
.auth-v126-submit:hover,.auth-v126-submit:focus{background:#0f56a8;color:#fff;transform:none;box-shadow:0 3px 9px rgba(15,86,168,.16)}
.auth-v126-register{margin-top:19px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #dfe5ed;border-radius:7px;background:#f8fafc}
.auth-v126-register>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.auth-v126-register strong{color:#26374e;font-size:9px}
.auth-v126-register span{color:#7a8797;font-size:7px;line-height:1.4}
.auth-v126-register>a{min-height:31px;padding:6px 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;border:1px solid #bfcbd9;border-radius:6px;background:#fff;color:#315f94;font-size:8px;font-weight:800;text-decoration:none}
.auth-v126-register>a i{font-size:13px}
.auth-v126-trust{margin-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.auth-v126-trust>span{min-height:35px;padding:7px 9px;display:flex;align-items:center;gap:7px;border-left:2px solid #b8cbe0;background:#f8fafc;color:#607087;font-size:8px}
.auth-v126-trust i{color:#3e6f9f;font-size:15px}
.auth-v126-trust b{font-weight:700}
@media(max-width:620px){.auth-v126-topbar{height:55px;padding:0 17px}.auth-v126-topbar>em{display:none}.auth-v126-main{width:calc(100% - 30px);padding:28px 0 24px}.auth-v126-heading{margin-bottom:23px;grid-template-columns:44px minmax(0,1fr);gap:11px}.auth-v126-symbol{width:44px;height:44px}.auth-v126-heading h2{font-size:20px!important}.auth-v126-heading p{font-size:9px}.auth-v126-register{align-items:flex-start;flex-direction:column}.auth-v126-register>a{width:100%}.auth-v126-trust{grid-template-columns:1fr}body[data-route="login"] .auth-card>.alert{top:64px;width:calc(100% - 30px)}}

/* AUTH V127 — champs compacts identiques à l'inscription */
.auth-v126-main{width:min(calc(100% - 64px),475px);padding:34px 0 28px}
.auth-v126-heading{margin-bottom:22px;grid-template-columns:44px minmax(0,1fr);gap:12px}
.auth-v126-symbol{width:44px;height:44px;border-radius:9px;font-size:21px}
.auth-v126-heading h2{font-size:21px!important}
.auth-v126-form{gap:12px}
.auth-v126-field{gap:5px!important;font-size:10px!important}
.auth-v126-field>div{height:auto;min-height:0;display:flex;align-items:stretch;overflow:visible;border:0;border-radius:0;background:transparent}
.auth-v126-field>div>i{width:auto;min-width:43px;height:auto;padding:.36rem .9rem;display:grid;place-items:center;flex:0 0 auto;border:1px solid #dfe2e9;border-radius:12px 0 0 1px;background:#f5f6fa;color:#21186b;font-size:.9rem;line-height:1.5}
.auth-v126-field input{position:relative;width:1%;min-width:0!important;min-height:0!important;height:auto!important;margin-left:-1px!important;padding:.36rem .9rem!important;flex:1 1 auto;border:1px solid #dfe2e9!important;border-radius:0 1px 12px 0!important;background:#fff!important;color:#24263b!important;font-size:.9rem!important;font-weight:400!important;line-height:1.5;box-shadow:none!important}
.auth-v126-field input[type="password"]{padding-right:40px!important}
.auth-v126-field>div:focus-within{border-color:transparent;box-shadow:none}
.auth-v126-field input:hover,.auth-v126-field input:focus,.auth-v126-field input:focus-visible{z-index:1;border-color:#dfe2e9!important;outline:0!important;background:#fff!important;box-shadow:none!important}
.auth-v126-password-toggle{right:5px;width:27px;height:27px;border-radius:5px;color:#5f6680}
.auth-v126-password-toggle i{font-size:15px}
.auth-v126-submit{min-height:39px;margin-top:2px;padding:5px 7px 5px 39px;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:4px;border-color:#21186b;border-radius:10px 2px 10px 2px;background:#21186b;color:#fff;font-size:10px;box-shadow:0 4px 10px rgba(33,24,107,.14)}
.auth-v126-submit i{width:27px;height:27px;display:grid;place-items:center;justify-self:end;border-radius:7px 1px 7px 1px;background:rgba(255,255,255,.12);font-size:16px}
.auth-v126-submit:hover,.auth-v126-submit:focus{border-color:#21186b;background:#21186b;color:#fff;box-shadow:0 4px 10px rgba(33,24,107,.14)}

/* AUTH LOGIN — validation serveur visible avant redirection. */
.auth-v126-login-feedback[hidden]{display:none!important}.auth-v126-login-feedback:focus{outline:2px solid rgba(184,45,68,.24);outline-offset:2px}.auth-v126-submit{transition:background-color .18s,border-color .18s,box-shadow .18s}.auth-v126-submit:disabled{opacity:1}.auth-v126-submit.is-loading,.auth-v126-submit.is-loading:hover,.auth-v126-submit.is-loading:focus{border-color:#21186b;background:#21186b;color:#fff;box-shadow:0 4px 10px rgba(33,24,107,.14)}.auth-v126-button-loader{font-size:16px;animation:auth-login-spin .75s linear infinite}.auth-v126-button-loader[hidden],.auth-v126-button-success[hidden],[data-login-arrow][hidden]{display:none!important}.auth-v126-submit.is-success,.auth-v126-submit.is-success:hover,.auth-v126-submit.is-success:focus,.auth-v126-submit.is-success:disabled{display:flex;align-items:center;justify-content:center;border-color:#39b98c;background:#39b98c;color:#fff;cursor:default;opacity:.72;transform:none;box-shadow:none}.auth-v126-button-success{font-size:19px}@keyframes auth-login-spin{to{transform:rotate(360deg)}}

/* AUTH V278 — composition Zentic adaptée à NebulaHost, champs conservés. */
body[data-route="login"] .auth-layout.auth-v96-layout{width:100%;max-width:none;min-height:100vh;display:block!important;grid-template-columns:none!important;overflow-x:hidden}body[data-route="login"] .auth-layout>.auth-brand-panel{display:none!important}body[data-route="login"] .auth-layout>.auth-content{width:100%;max-width:none;min-height:100vh;padding:0!important;display:block!important}body[data-route="login"] .auth-layout>.auth-content>.auth-content-inner{width:100%;max-width:none;min-height:100vh;margin:0}.auth-v278-login{width:100%;max-width:100vw}body[data-route="login"] .auth-card{background:#f5f6fa}.auth-v278-login{min-height:100vh;display:grid;grid-template-columns:minmax(520px,3fr) minmax(430px,2fr);background:#f5f6fa}.auth-v278-showcase{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 18% 62%,rgba(131,45,160,.42) 0 9%,transparent 23%),radial-gradient(circle at 88% 5%,rgba(76,45,187,.28) 0 10%,transparent 25%),radial-gradient(circle at 4% 99%,rgba(0,143,181,.23) 0 8%,transparent 24%),linear-gradient(145deg,#080a32 0%,#121543 47%,#082a43 100%);color:#fff}.auth-v278-showcase:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) .8px,transparent .8px);background-size:28px 28px;opacity:.33}.auth-v278-showcase:after{content:"";position:absolute;width:340px;height:340px;right:-105px;top:-115px;border-radius:50%;background:linear-gradient(145deg,rgba(91,53,211,.22),rgba(91,53,211,0));filter:blur(2px)}.auth-v278-showcase-inner{position:relative;z-index:1;width:min(calc(100% - 70px),540px);min-height:100%;margin:auto;display:flex;flex-direction:column;justify-content:center}.auth-v278-brand{position:absolute;top:calc(50% - 225px);left:0;display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.auth-v278-brand>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#7957ee,#315de0);box-shadow:0 8px 24px rgba(72,66,223,.32)}.auth-v278-brand i{font-size:19px}.auth-v278-brand strong{font-size:19px;letter-spacing:-.02em}.auth-v278-pitch{padding-top:10px}.auth-v278-pitch h1{max-width:520px;margin:0;color:#fff;font-size:33px;line-height:1.25;letter-spacing:-.035em}.auth-v278-pitch h1 em{color:#9295ff;font-style:normal}.auth-v278-pitch>p{margin:17px 0 31px;color:#a9acc7;font-size:11px;line-height:1.65}.auth-v278-pitch ul{margin:0;padding:0;display:grid;gap:13px;list-style:none}.auth-v278-pitch li{display:flex;align-items:center;gap:13px;color:#c8cada;font-size:11px}.auth-v278-pitch li>i{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(255,255,255,.07);color:#a9a9ff;font-size:17px}.auth-v278-access{min-width:0;display:grid;place-items:center;padding:42px 55px;background:#f5f6fa}.auth-v278-panel.auth-v126-main{width:min(100%,430px);margin:0;padding:0}.auth-v278-heading{margin-bottom:27px}.auth-v278-heading h2{margin:0 0 6px;color:#191c27;font-size:24px;line-height:1.2;letter-spacing:-.025em}.auth-v278-heading p{margin:0;color:#777d8b;font-size:11px}.auth-v278-oauth.auth-oauth-buttons-v190{margin:0 0 21px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.auth-v278-oauth .auth-oauth-button-v190{min-height:38px;border-color:#dfe2e9;border-radius:7px;background:#f7f8fb;color:#555d6d;box-shadow:none;font-size:10px}.auth-v278-divider.auth-oauth-divider-v190{margin:0 0 21px}.auth-v278-divider.auth-oauth-divider-v190:before{background:#dfe2e8}.auth-v278-divider span{padding:0 11px;background:#f5f6fa;color:#858b98;font-size:8px;text-transform:none}.auth-v278-panel .auth-v126-form{gap:14px}.auth-v278-session{min-height:24px;margin-top:-2px;display:flex;align-items:center;justify-content:flex-start;color:#747c8b;font-size:9px}.auth-v278-session span{display:inline-flex;align-items:center;gap:6px}.auth-v278-session i{color:#416ce7;font-size:14px}.auth-v278-panel .auth-v126-submit{margin-top:0;border-color:#5744e9;background:#5744e9;box-shadow:0 7px 18px rgba(87,68,233,.18)}.auth-v278-panel .auth-v126-submit:hover,.auth-v278-panel .auth-v126-submit:focus{border-color:#4935dc;background:#4935dc;box-shadow:0 8px 20px rgba(87,68,233,.22)}.auth-v278-panel .auth-v126-submit.is-loading{border-color:#5744e9;background:#5744e9}.auth-v278-panel .auth-v126-submit.is-success{border-color:#39b98c;background:#39b98c}.auth-v278-register{margin-top:20px;padding-top:20px;border-top:1px solid #dfe2e8;color:#777d8a;font-size:9px;text-align:center}.auth-v278-register a{color:#5744e9;font-weight:800;text-decoration:none}.auth-v278-help{margin-top:17px;display:flex;align-items:center;justify-content:center;gap:6px;color:#858b97;font-size:8px}.auth-v278-help i{color:#5269a8;font-size:13px}body[data-route="login"] .auth-card>.alert{position:fixed;z-index:20;top:18px;width:min(calc(100% - 36px),480px)}
@media(max-width:960px){.auth-v278-login{grid-template-columns:minmax(0,44%) minmax(0,56%)}.auth-v278-showcase-inner{width:min(calc(100% - 48px),430px)}.auth-v278-pitch h1{font-size:27px}.auth-v278-pitch>p{font-size:10px}.auth-v278-pitch li{font-size:9px}.auth-v278-access{padding:38px 34px}}
@media(max-width:760px){.auth-v278-login{display:block;min-height:100vh}.auth-v278-showcase{min-height:175px}.auth-v278-showcase-inner{width:calc(100% - 36px);min-height:175px;justify-content:center}.auth-v278-brand{position:static}.auth-v278-pitch{margin-top:15px;padding:0}.auth-v278-pitch h1{font-size:21px}.auth-v278-pitch>p{margin:8px 0 0;font-size:8.5px}.auth-v278-pitch ul{display:none}.auth-v278-access{padding:31px 20px 38px}.auth-v278-panel.auth-v126-main{width:min(100%,475px)}.auth-v278-heading{margin-bottom:22px}.auth-v278-heading h2{font-size:21px}.auth-v278-oauth.auth-oauth-buttons-v190{margin-bottom:17px}.auth-v278-divider.auth-oauth-divider-v190{margin-bottom:17px}}
@media(max-width:430px){.auth-v278-showcase{min-height:145px}.auth-v278-showcase-inner{min-height:145px}.auth-v278-pitch h1{font-size:18px}.auth-v278-pitch>p{display:none}.auth-v278-access{padding:25px 15px 34px}.auth-v278-heading h2{font-size:19px}.auth-v278-oauth.auth-oauth-buttons-v190{grid-template-columns:1fr}.auth-v278-panel .auth-v126-field>span{font-size:9px}.auth-v278-session{font-size:8px}}

/* AUTH V280 — finitions visuelles demandées. */
.auth-v278-showcase:before{background-image:radial-gradient(circle,rgba(102,94,171,.7) 1.35px,transparent 1.55px);background-size:30px 30px;background-position:2px 2px;opacity:.95}.auth-v278-divider span{font-weight:400!important}.auth-v278-panel .auth-v126-submit{border-color:#20385f;background:#20385f;box-shadow:0 6px 15px rgba(26,48,84,.17)}.auth-v278-panel .auth-v126-submit:hover,.auth-v278-panel .auth-v126-submit:focus{border-color:#172b4b;background:#172b4b;box-shadow:0 7px 17px rgba(23,43,75,.2)}.auth-v278-panel .auth-v126-submit.is-loading{border-color:#20385f;background:#20385f}.auth-v278-panel .auth-v126-submit.is-success{border-color:#39b98c;background:#39b98c}

/* AUTH V281 — motif fin et alertes rattachées au formulaire. */
.auth-v278-showcase:before{background-image:radial-gradient(circle,rgba(105,97,171,.48) .55px,transparent .72px);background-size:32px 32px;background-position:0 0;opacity:.72}body[data-route="login"] .auth-card>.alert{position:fixed!important;left:80%!important;right:auto!important;top:20px!important;width:min(34vw,430px)!important;margin:0!important;transform:translateX(-50%)!important}
@media(max-width:960px){body[data-route="login"] .auth-card>.alert{left:72%!important;width:min(48vw,430px)!important}}
@media(max-width:760px){body[data-route="login"] .auth-card>.alert{left:50%!important;top:12px!important;width:calc(100% - 30px)!important}}

/* AUTH V282 — alertes dans le formulaire et validation locale. */
.auth-v278-panel>.auth-v278-feedback{position:static!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;margin:0 0 14px!important;transform:none!important}.auth-v278-field-error{margin-top:1px;display:flex;align-items:center;gap:5px;color:#c63249;font-size:8px;font-weight:600;line-height:1.35}.auth-v278-field-error[hidden]{display:none!important}.auth-v126-field.is-invalid>div>i:first-child,.auth-v126-field.is-invalid>div>input{border-color:#d65367!important}.auth-v126-field.is-invalid>div>i:first-child{color:#bb3048;background:#fff7f8}.auth-v126-field.is-invalid>div{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}
.auth-v126-register{margin-top:15px;padding:10px 11px}
.auth-v126-trust{margin-top:11px}
@media(max-width:620px){.auth-v126-main{width:calc(100% - 30px);padding:25px 0 21px}.auth-v126-heading{margin-bottom:20px}.auth-v126-field>div>i{min-width:43px}.auth-v126-field input{font-size:.9rem!important}}

/* AUTH V129 — récupération de mot de passe harmonisée avec le login */
body[data-route="forgot-password"] .auth-content{padding:0;background:#fff}
body[data-route="forgot-password"] .auth-content:before{display:none}
body[data-route="forgot-password"] .auth-content-inner{width:100%;max-width:none;min-height:100vh;margin:0}
body[data-route="forgot-password"] .auth-mobile-brand{display:none}
body[data-route="forgot-password"] .auth-card{position:relative;width:100%;max-width:none;min-height:100vh;padding:0;overflow:hidden;border:0;border-radius:0;background:#fff;box-shadow:none}
body[data-route="forgot-password"] .auth-card>.alert{position:absolute;z-index:4;top:76px;left:50%;width:min(calc(100% - 64px),475px);margin:0;transform:translateX(-50%);border-radius:7px;font-size:10px}
body[data-route="forgot-password"] .auth-legal{display:none}
.auth-v129-forgot .auth-v126-main{width:min(calc(100% - 64px),475px)}
.auth-v129-forgot .auth-v126-heading p{max-width:410px}
.auth-v129-submit{margin-top:3px}
.auth-v129-back{margin-top:16px;padding:10px 11px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #dfe5ed;border-radius:7px;background:#f8fafc}
.auth-v129-back>i{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#eaf1f8;color:#416d9c;font-size:16px}
.auth-v129-back>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.auth-v129-back strong{color:#34445a;font-size:8px}
.auth-v129-back span{color:#8490a0;font-size:7px}
.auth-v129-back>a{padding:6px 9px;border:1px solid #c6d0dc;border-radius:6px;background:#fff;color:#315f94;font-size:8px;font-weight:800;text-decoration:none;white-space:nowrap}
.auth-v129-trust{margin-top:11px}
@media(max-width:620px){body[data-route="forgot-password"] .auth-card>.alert{top:64px;width:calc(100% - 30px)}.auth-v129-forgot .auth-v126-main{width:calc(100% - 30px)}.auth-v129-back{grid-template-columns:28px minmax(0,1fr)}.auth-v129-back>a{grid-column:1/-1;text-align:center}}

/* AUTH V130 — suppression du décalage vertical de récupération */
body[data-route="forgot-password"]{margin:0!important;padding:0!important}
body[data-route="forgot-password"] .auth-v96-layout{margin:0!important;padding:0!important;align-items:stretch!important}
body[data-route="forgot-password"] .auth-content{margin:0!important;align-items:stretch!important;justify-content:flex-start!important}
body[data-route="forgot-password"] .auth-content-inner{margin:0!important;align-self:stretch!important}
body[data-route="forgot-password"] .auth-card{margin:0!important;align-self:stretch!important}
body[data-route="forgot-password"] .auth-v129-forgot{margin:0!important}

/* AUTH V131 — double authentification harmonisée */
body[data-route="two-factor"]{margin:0!important;padding:0!important}
body[data-route="two-factor"] .auth-v96-layout{margin:0!important;padding:0!important;align-items:stretch!important}
body[data-route="two-factor"] .auth-content{margin:0!important;padding:0;background:#fff;align-items:stretch!important;justify-content:flex-start!important}
body[data-route="two-factor"] .auth-content:before{display:none}
body[data-route="two-factor"] .auth-content-inner{width:100%;max-width:none;min-height:100vh;margin:0!important;align-self:stretch!important}
body[data-route="two-factor"] .auth-mobile-brand{display:none}
body[data-route="two-factor"] .auth-card{position:relative;width:100%;max-width:none;min-height:100vh;margin:0!important;padding:0;overflow:hidden;align-self:stretch!important;border:0;border-radius:0;background:#fff;box-shadow:none}
body[data-route="two-factor"] .auth-card>.alert{position:absolute;z-index:4;top:76px;left:50%;width:min(calc(100% - 64px),475px);margin:0;transform:translateX(-50%);border-radius:7px;font-size:10px}
body[data-route="two-factor"] .auth-legal{display:none}
.auth-v131-two-factor{min-height:100vh;margin:0!important;display:flex;flex-direction:column;color:#162338;background:#fff}
.auth-v131-two-factor .auth-v126-main{width:min(calc(100% - 64px),475px)}
.auth-v131-two-factor .auth-v126-heading p{max-width:410px}
.auth-v131-code>span{justify-content:center;text-align:center}
.auth-v131-code .auth-v132-otp{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;overflow:visible;border:0;border-radius:0;background:transparent}
.auth-v131-code .auth-v132-otp>input:not([type="hidden"]){width:39px!important;min-width:39px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;flex:0 0 39px;border:1px solid #d8e0e9!important;border-radius:6px!important;background:#f4f7fa!important;color:#202c40!important;font-size:12px!important;font-weight:800!important;line-height:40px;text-align:center;letter-spacing:0;font-variant-numeric:tabular-nums;caret-color:#21186b;box-shadow:none!important}
.auth-v131-code .auth-v132-otp>input:not([type="hidden"]):focus,.auth-v131-code .auth-v132-otp>input:not([type="hidden"]):focus-visible{z-index:1;border-color:#456ca6!important;outline:0!important;background:#fff!important;box-shadow:0 0 0 2px rgba(33,24,107,.08)!important}
.auth-v131-code .auth-v132-otp>input:not([type="hidden"]):valid{background:#eef3f8!important}
.auth-v131-code .auth-v132-otp>input[type="hidden"]{display:none!important}
.auth-v131-submit{margin-top:3px}
.auth-v131-help{margin-top:16px;padding:11px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #dfe5ed;border-radius:7px;background:#f8fafc}
.auth-v131-help>i{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:#eaf1f8;color:#416d9c;font-size:18px}
.auth-v131-help>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.auth-v131-help strong{color:#34445a;font-size:8px}
.auth-v131-help span{color:#8490a0;font-size:7px;line-height:1.45}
.auth-v131-back{margin-top:9px;text-align:center}
.auth-v131-back>a{display:inline-flex;align-items:center;gap:5px;color:#45698f;font-size:8px;font-weight:750;text-decoration:none}
.auth-v131-back>a i{font-size:14px}
.auth-v131-trust{margin-top:11px}
@media(max-width:620px){body[data-route="two-factor"] .auth-card>.alert{top:64px;width:calc(100% - 30px)}.auth-v131-two-factor .auth-v126-main{width:calc(100% - 30px)}.auth-v131-code .auth-v132-otp{gap:6px}.auth-v131-code .auth-v132-otp>input:not([type="hidden"]){width:34px!important;min-width:36px!important;height:38px!important;min-height:38px!important;flex-basis:36px;line-height:38px}}

/* AUTH V133 — alertes unifiées pour toutes les pages d'authentification */
.auth-layout .auth-card>.alert{position:relative;min-height:44px;padding:10px 13px 10px 43px;display:flex;align-items:center;border:1px solid;border-left-width:3px;border-radius:8px;background:#f8fafc;color:#405168;font-size:9px;font-weight:650;line-height:1.45;box-shadow:0 4px 13px rgba(24,39,61,.055)}
.auth-layout .auth-card>.alert:before{content:"i";position:absolute;left:12px;top:50%;width:21px;height:21px;display:grid;place-items:center;transform:translateY(-50%);border-radius:6px;background:#e4edf7;color:#315f94;font-size:11px;font-weight:900;font-style:normal}
.auth-layout .auth-card>.alert.danger{border-color:#edcbd0;border-left-color:#c44c5b;background:#fff7f8;color:#873743}
.auth-layout .auth-card>.alert.danger:before{content:"!";background:#f7e2e5;color:#aa3e4d}
.auth-layout .auth-card>.alert.success{border-color:#cce5da;border-left-color:#268363;background:#f4faf7;color:#326553}
.auth-layout .auth-card>.alert.success:before{content:"✓";background:#def1e8;color:#207657}
.auth-layout .auth-card>.alert.warning{border-color:#eadbb9;border-left-color:#b47b25;background:#fffbf2;color:#735927}
.auth-layout .auth-card>.alert.warning:before{content:"!";background:#f5ead0;color:#94631c}
.auth-layout .auth-card>.alert.info{border-color:#ceddec;border-left-color:#4274a8;background:#f5f9fd;color:#3c5e80}
.auth-layout .auth-card>.alert.info:before{content:"i";background:#e1edf8;color:#356a9f}
body[data-route="login"] .auth-card>.alert,body[data-route="forgot-password"] .auth-card>.alert,body[data-route="two-factor"] .auth-card>.alert{top:76px;width:min(calc(100% - 64px),475px);margin:0}
body[data-route="register"] .auth-card>.alert{margin:11px 13px 12px}
body[data-route="onboarding"] .auth-card>.alert,body[data-route="verify-email"] .auth-card>.alert{margin:12px 14px 0}
body[data-route="reset-password"] .auth-card>.alert{margin:0 0 14px}
@media(max-width:620px){.auth-layout .auth-card>.alert{min-height:41px;padding:9px 10px 9px 39px;border-radius:7px;font-size:8px}.auth-layout .auth-card>.alert:before{left:10px;width:20px;height:20px}body[data-route="login"] .auth-card>.alert,body[data-route="forgot-password"] .auth-card>.alert,body[data-route="two-factor"] .auth-card>.alert{top:64px;width:calc(100% - 30px)}body[data-route="register"] .auth-card>.alert{margin:9px 9px 10px}}

/* Correctif de largeur — configuration hébergement/VPS uniquement. */
body[data-route="product-config"]:has(.product-config-page){overflow-x:hidden}
body[data-route="product-config"]:has(.product-config-page) .app-shell{width:100%;max-width:100%;overflow-x:clip}
body[data-route="product-config"]:has(.product-config-page) .app-main{
  width:calc(100% - var(--sidebar));
  max-width:calc(100% - var(--sidebar));
  min-width:0;
}
body[data-route="product-config"]:has(.product-config-page) .content{
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
  overflow-x:clip;
}
body[data-route="product-config"] .product-config-page{
  width:100%;
  max-width:1180px;
  min-width:0;
  margin:0 auto;
}
body[data-route="product-config"] .product-config-page form,
body[data-route="product-config"] .product-config-layout,
body[data-route="product-config"] .product-config-card,
body[data-route="product-config"] .product-config-summary{min-width:0;max-width:100%}
body[data-route="product-config"] .product-config-layout{
  width:100%;
  grid-template-columns:minmax(0,1fr) minmax(280px,340px);
  gap:24px;
}
@media(max-width:1050px){
  body[data-route="product-config"] .product-config-layout{grid-template-columns:1fr;gap:22px}
  body[data-route="product-config"] .product-config-summary{position:static}
}

/* AUTH V134 — le bouton d’affichage du mot de passe reste cliquable au-dessus du champ. */
body[data-route="login"] .auth-v126-password-toggle{z-index:4;pointer-events:auto}
body[data-route="login"] .auth-v126-password-toggle:active{background:#eef2f7}

@media(max-width:800px){
  body[data-route="product-config"]:has(.product-config-page) .app-main{width:100%;max-width:100%}
}

/* Catalogue professionnel — catégories puis offres. */
body[data-route="catalogue"] .content{width:100%;max-width:none;padding:0 18px 34px;background:#f7f8fb}.catalog-marketplace{width:100%;max-width:1080px;margin:0 auto;color:#151b2a}
.marketplace-hero{position:relative;padding:34px 110px 27px;text-align:center}.marketplace-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid #d9c8ff;border-radius:999px;background:#f4edff;color:#7c3cf0;font-size:9px;font-weight:700}.marketplace-pill i{font-size:13px}.marketplace-hero h1{margin:15px 0 8px;color:#101827;font-size:29px;line-height:1.1;letter-spacing:-.04em}.marketplace-hero p{max-width:620px;margin:0 auto;color:#677085;font-size:11px;line-height:1.65}.marketplace-cart{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;color:#4a5365;font-size:9px;font-weight:750;transition:.16s}.marketplace-cart:hover{border-color:#b8a4e9;color:#6435c6}.marketplace-hero>.marketplace-cart{position:absolute;right:0;top:35px}.marketplace-cart i{font-size:15px}
.marketplace-banner{min-height:48px;padding:10px 18px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;background:linear-gradient(110deg,#24105d,#362075);color:#fff;box-shadow:0 8px 22px rgba(38,18,93,.12)}.marketplace-banner>span{display:flex;align-items:center;gap:7px}.marketplace-banner>span>i{color:#ffc746;font-size:14px}.marketplace-banner strong{font-size:8px;letter-spacing:.08em}.marketplace-banner>b{font-size:8px;font-weight:650;white-space:nowrap}.marketplace-banner>i{width:3px;height:3px;border-radius:50%;background:#8c77c2}.marketplace-banner>a{margin-left:8px;padding:6px 10px;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;font-size:8px;font-weight:700}.marketplace-banner>a:hover{background:rgba(255,255,255,.09)}
.marketplace-category-grid{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.marketplace-category-card{overflow:hidden;min-height:222px;border:1px solid #dfe3e9;border-radius:10px;background:#fff;color:inherit;box-shadow:0 2px 6px rgba(20,28,45,.035);transition:.18s}.marketplace-category-card:hover{transform:translateY(-3px);border-color:#c9b7ee;box-shadow:0 13px 28px rgba(31,22,57,.09)}.marketplace-category-visual{height:79px;padding:18px 19px;display:flex;align-items:flex-start;justify-content:space-between;background:linear-gradient(135deg,#f4efff,#fbf9ff)}.marketplace-category-visual>span{width:41px;height:41px;display:grid;place-items:center;border:1px solid #e6dbff;border-radius:10px;background:rgba(255,255,255,.75);color:#7541e9;font-size:20px}.marketplace-category-visual>b{padding:4px 7px;display:flex;align-items:center;gap:4px;border-radius:999px;background:#24be81;color:#fff;font-size:7px}.marketplace-category-visual>b i{width:5px;height:5px;border-radius:50%;background:#fff}.marketplace-category-content{padding:17px 19px}.marketplace-category-content h2{margin:0 0 6px;font-size:14px;letter-spacing:-.015em}.marketplace-category-content>p{height:38px;margin:0;color:#727b8c;font-size:8.5px;line-height:1.5}.marketplace-category-content footer{margin-top:13px;padding-top:12px;display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid #e8ebef}.marketplace-category-content footer>span{display:grid;gap:3px}.marketplace-category-content footer small{color:#7e8797;font-size:7px}.marketplace-category-content footer strong{color:#1f2635;font-size:9px}.marketplace-category-content footer>i{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#f4f5f8;color:#4d5668;font-size:16px}.marketplace-category-card:hover footer>i{background:#ede6ff;color:#7040dc}.type-hosting .marketplace-category-visual{background:linear-gradient(135deg,#eeefff,#f8f6ff)}.type-domain .marketplace-category-visual{background:linear-gradient(135deg,#eef7ff,#f8fbff)}.type-giftcard .marketplace-category-visual{background:linear-gradient(135deg,#fff3eb,#fffaf6)}.type-domain .marketplace-category-visual>span{border-color:#dbeeff;color:#3177bd}.type-giftcard .marketplace-category-visual>span{border-color:#ffe4cf;color:#ca6b22}
.marketplace-offers-head{position:relative;padding:25px 0 21px;border-bottom:1px solid #e2e6ec}.marketplace-offers-head>a:first-child{display:inline-flex;align-items:center;gap:5px;margin-bottom:18px;color:#707a8d;font-size:9px;font-weight:700}.marketplace-offers-head>a:first-child i{font-size:15px}.marketplace-offers-head>div{display:flex;align-items:center;gap:14px}.marketplace-offers-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #e4d9ff;border-radius:12px;background:#f4efff;color:#7541e9;font-size:22px}.marketplace-offers-head small{color:#8060c8;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.marketplace-offers-head h1{margin:2px 0 3px;font-size:24px;letter-spacing:-.035em}.marketplace-offers-head p{margin:0;color:#778195;font-size:9px}.marketplace-offers-head>.marketplace-cart{position:absolute;right:0;bottom:28px}
.marketplace-offer-grid{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.marketplace-offer-card{padding:18px;display:flex;flex-direction:column;border:1px solid #dfe3e9;border-radius:11px;background:#fff;box-shadow:0 3px 8px rgba(20,28,45,.035)}.marketplace-offer-card>header{display:flex;align-items:center;gap:8px}.marketplace-offer-card>header>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#f2edff;color:#7440e5;font-size:16px}.marketplace-offer-card>header small{color:#776792;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.marketplace-offer-card>h2{margin:14px 0 5px;font-size:15px}.marketplace-offer-card>p{min-height:39px;margin:0;color:#7b8494;font-size:8.5px;line-height:1.5}.marketplace-offer-card>ul{min-height:94px;margin:12px 0 9px;padding:9px 0;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;list-style:none}.marketplace-offer-card>ul li{min-height:21px;display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:5px;color:#7c8797;font-size:7.5px}.marketplace-offer-card>ul i{color:#28a574;font-size:12px}.marketplace-offer-card>ul strong{color:#465267}.marketplace-offer-price{display:flex;align-items:baseline;gap:5px;margin:3px 0 13px}.marketplace-offer-price span{color:#87909e;font-size:7px}.marketplace-offer-price strong{font-size:19px;letter-spacing:-.03em}.marketplace-offer-price small{color:#9aa2ae;font-size:7px}.marketplace-offer-card form{margin-top:auto;display:grid;gap:8px}.marketplace-offer-card form label{display:grid;gap:4px;color:#707c8f;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.marketplace-offer-card select,.marketplace-offer-card input{width:100%;height:36px;padding:0 9px;border:1px solid #d9dfe7;border-radius:7px;background:#fafbfc;color:#39465b;font-size:8.5px}.marketplace-offer-card button{min-height:37px;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:8px;background:#281066;color:#fff;font-size:9px;font-weight:800;cursor:pointer}.marketplace-offer-card button:hover{background:#3b1b87}.marketplace-offer-card button i{font-size:15px}.catalog-empty{margin-top:22px;padding:55px 20px;text-align:center;border:1px solid #dfe3e9;border-radius:11px;background:#fff}.catalog-empty>i{color:#8261ce;font-size:30px}.catalog-empty h2{margin:7px 0 4px;font-size:15px}.catalog-empty p{margin:0;color:#80899a;font-size:9px}
@media(max-width:1080px){.marketplace-category-grid,.marketplace-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body[data-route="catalogue"] .content{padding:0 12px 28px}.marketplace-hero{padding:27px 0 22px}.marketplace-hero>.marketplace-cart{position:static;margin-top:14px}.marketplace-banner{align-items:flex-start;flex-direction:column;gap:7px;padding:13px 15px}.marketplace-banner>i{display:none}.marketplace-banner>a{margin-left:0}.marketplace-offers-head>.marketplace-cart{position:static;margin-top:15px}.marketplace-category-grid,.marketplace-offer-grid{grid-template-columns:1fr}.marketplace-category-content>p,.marketplace-offer-card>p{height:auto;min-height:0}.marketplace-offer-card>ul{min-height:0}}
@media(max-width:460px){.marketplace-hero h1{font-size:24px}.marketplace-category-grid{margin-top:18px}}
@media(min-width:1081px){.marketplace-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}


/* Configuration professionnelle de la carte cadeau. */
.gift-config-v80{max-width:1060px;padding-bottom:35px}.gift-config-v80 .product-config-back{margin:15px 0 17px}.gift-config-v80 .gift-config-head{margin:0 0 18px;padding:0 0 17px;border-bottom:1px solid #e4e8ee;align-items:center}.gift-config-v80 .gift-config-head>div:first-child>span{color:#7245cc;font-size:8px;letter-spacing:.09em}.gift-config-v80 .gift-config-head h1{margin:5px 0 4px;color:#172033;font-size:25px}.gift-config-v80 .gift-config-head p{font-size:10px}.gift-config-v80 .gift-value-pill{padding:8px 13px;border:1px solid #dfd2fa;background:#f5efff;color:#6737c0;font-size:15px}
.gift-config-v80 .gift-config-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.gift-config-v80 .gift-config-card,.gift-config-v80 .gift-config-summary{border-radius:12px;box-shadow:0 4px 16px rgba(22,31,52,.045)}.gift-config-v80 .gift-config-card{padding:18px}.gift-config-v80 .gift-card-preview{min-height:190px;padding:20px 22px;border-radius:14px;background:linear-gradient(135deg,#24105d,#3e2185 58%,#6943c6);box-shadow:0 14px 30px rgba(48,24,105,.18)}.gift-config-v80 .gift-card-preview:after{width:210px;height:210px}.gift-config-v80 .gift-card-preview-top{position:relative;z-index:2;font-size:11px}.gift-config-v80 .gift-card-preview-top small{font-size:8px}.gift-config-v80 .gift-card-preview>strong{position:relative;z-index:2;margin:23px 0 3px;font-size:33px}.gift-config-v80 .gift-card-preview>p{position:relative;z-index:2;margin:0 0 17px;font-size:9px}.gift-config-v80 .gift-code-placeholder{position:relative;z-index:2;padding:10px 12px;border-radius:8px;font-size:9px}
.gift-delivery-choice{margin-top:16px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #e1e5eb;border-radius:10px;background:#fafbfc}.gift-delivery-choice>div{display:flex;align-items:center;gap:11px}.gift-choice-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f1ebff;color:#7140d0;font-size:17px}.gift-delivery-choice strong,.gift-delivery-choice small{display:block}.gift-delivery-choice strong{color:#30394b;font-size:11px}.gift-delivery-choice small{margin-top:2px;color:#818a9a;font-size:8px}.gift-switch{position:relative;flex:0 0 auto}.gift-switch input{position:absolute;opacity:0;pointer-events:none}.gift-switch>span{width:37px;height:21px;display:block;border-radius:999px;background:#cfd5de;cursor:pointer;transition:.18s}.gift-switch>span:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.18s}.gift-switch input:checked+span{background:#7140d0}.gift-switch input:checked+span:after{transform:translateX(16px)}.gift-switch input:focus-visible+span{outline:3px solid rgba(113,64,208,.18)}
.gift-recipient-fields{margin-top:12px;padding:15px;border:1px solid #e2e6ec;border-radius:10px;background:#fff}.gift-recipient-fields[hidden],.gift-account-delivery[hidden]{display:none!important}.gift-recipient-head{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.gift-recipient-head span{color:#3b4558;font-size:10px;font-weight:800}.gift-recipient-head small{color:#929aa8;font-size:7px}.gift-config-v80 .gift-recipient-fields .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:11px}.gift-config-v80 .gift-recipient-fields .form-grid:last-child{margin-bottom:0}.gift-config-v80 .gift-recipient-fields label{display:grid;gap:5px;color:#596579;font-size:8px;font-weight:750}.gift-config-v80 .gift-recipient-fields input,.gift-config-v80 .gift-recipient-fields textarea{width:100%;padding:9px 10px;border:1px solid #d9dfe7;border-radius:8px;background:#fbfcfd;color:#283448;font-size:9px}.gift-config-v80 .gift-recipient-fields input{height:36px}.gift-config-v80 .gift-recipient-fields input:focus,.gift-config-v80 .gift-recipient-fields textarea:focus{border-color:#9272d6;box-shadow:0 0 0 3px rgba(113,64,208,.09);outline:0}.gift-config-v80 .gift-message-field small{color:#939baa;font-size:7px;font-weight:500}.gift-account-delivery{margin-top:11px;padding:10px 12px;display:flex;align-items:flex-start;gap:8px;border-radius:9px;background:#f6f7fa;color:#717b8c;font-size:8px;line-height:1.5}.gift-account-delivery i{color:#7351be;font-size:14px}
.gift-config-v80 .gift-config-summary{padding:19px;top:82px}.gift-config-v80 .summary-kicker{font-size:8px}.gift-config-v80 .gift-config-summary h2{margin:5px 0 13px;font-size:16px}.gift-config-v80 .gift-summary-line{padding:8px 0;font-size:9px}.gift-config-v80 .gift-summary-total{margin:12px 0 7px}.gift-config-v80 .gift-summary-total span{font-size:10px}.gift-config-v80 .gift-summary-total strong{font-size:21px}.gift-config-v80 .gift-config-summary p{display:flex;gap:7px;margin:11px 0;color:#80899a;font-size:8px}.gift-config-v80 .gift-config-summary p i{color:#2a996f;font-size:14px}.gift-config-v80 .config-submit{min-height:38px;border-radius:8px;background:#281066;font-size:9px}.gift-config-v80 .config-submit:hover{background:#3b1b87}
@media(max-width:850px){.gift-config-v80 .gift-config-layout{grid-template-columns:1fr}.gift-config-v80 .gift-config-summary{position:static}.gift-config-v80 .gift-recipient-fields .form-grid{grid-template-columns:1fr}}
@media(max-width:560px){.gift-config-v80 .gift-config-head{align-items:flex-start;flex-direction:column}.gift-config-v80 .gift-value-pill{margin-top:8px}.gift-config-v80 .gift-config-card{padding:13px}.gift-delivery-choice{align-items:flex-start}.gift-recipient-head{align-items:flex-start;flex-direction:column}}

/* Alignement haut compact — catalogue et configuration. */
body[data-route="catalogue"] .marketplace-hero{padding-top:12px}
body[data-route="catalogue"] .marketplace-offers-head{padding-top:9px}
body[data-route="product-config"] .content{padding-top:9px}
body[data-route="product-config"] .product-config-back{margin-top:0}
.gift-config-v80 .product-config-back{margin-top:0}

/* En-tête compact de la configuration hébergement/VPS. */
body[data-route="product-config"] .product-config-page>.product-config-back{margin-bottom:10px}
body[data-route="product-config"] .product-config-page>.product-config-head{margin-bottom:14px}
body[data-route="product-config"] .product-config-page>.product-config-head h1{margin-bottom:4px}

/* Configuration en pleine largeur, identique au dashboard (col-12). */
body[data-route="product-config"] .content{
  width:100%;
  max-width:none;
  padding:9px 17px 25px;
}
body[data-route="product-config"] .product-config-page,
body[data-route="product-config"] .gift-config-v80{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}

/* Catalogue VPS — offres horizontales avec ressources lisibles. */
.catalog-marketplace-vps{max-width:none}
.vps-offer-list{margin-top:18px;display:grid;gap:14px}
.vps-offer-row{position:relative;min-height:126px;padding:19px 22px;display:grid;grid-template-columns:minmax(235px,1.05fr) minmax(500px,2fr) 125px 132px;align-items:center;gap:20px;border:1px solid #e0e4ea;border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(25,33,49,.035);transition:.18s}
.vps-offer-row:hover{transform:translateY(-2px);border-color:#ef9d9f;box-shadow:0 12px 28px rgba(34,39,54,.08)}
.vps-offer-row.is-featured{border-color:#ef494d;box-shadow:0 9px 24px rgba(225,39,45,.08)}
.vps-offer-identity{min-width:0;display:grid;grid-template-columns:5px minmax(0,1fr);gap:14px;align-items:center}
.vps-offer-identity>i{width:5px;height:58px;border-radius:999px;background:#ed3439}
.vps-offer-identity h2{margin:0 0 3px;color:#111d34;font-size:18px;letter-spacing:-.025em}
.vps-offer-identity p{max-width:285px;margin:0;color:#69758a;font-size:9px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vps-offer-identity small{display:block;margin-top:3px;color:#40506a;font-size:7.5px}
.vps-offer-specs{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(105px,1fr));gap:13px}
.vps-spec{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px}
.vps-spec>span{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;font-size:18px}
.vps-spec-cpu>span{background:#eaf2ff;color:#1768e5}.vps-spec-ram>span{background:#f5edff;color:#833fea}.vps-spec-disk>span{background:#eaf9f1;color:#0aa463}.vps-spec-network>span{background:#fff4e8;color:#ef6c24}
.vps-spec>div{min-width:0;display:grid}.vps-spec small{color:#707b8f;font-size:8.5px}.vps-spec strong{margin-top:1px;overflow:hidden;color:#101b2f;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.vps-spec em{margin-top:1px;overflow:hidden;color:#68758a;font-size:6.5px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}
.vps-offer-price{text-align:right}.vps-offer-price strong{display:block;color:#e12228;font-size:23px;line-height:1;letter-spacing:-.04em}.vps-offer-price span{display:block;margin-top:5px;color:#667287;font-size:8.5px}
.vps-offer-order{margin:0}.vps-offer-order button{width:100%;min-height:48px;padding:10px 13px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:9px;background:#e32228;color:#fff;font-size:10px;font-weight:850;text-transform:uppercase;cursor:pointer;box-shadow:0 7px 14px rgba(213,34,40,.18)}.vps-offer-order button:hover{background:#c9161c;transform:translateY(-1px)}.vps-offer-order button i{font-size:17px}
.vps-featured-badge{position:absolute;right:-13px;top:-13px;width:34px;height:34px;display:grid;place-items:center;border:4px solid #f7f8fb;border-radius:50%;background:#ef343b;color:#fff;font-size:15px;box-shadow:0 7px 15px rgba(225,38,44,.22)}
@media(max-width:1350px){.vps-offer-row{grid-template-columns:minmax(210px,.9fr) minmax(420px,1.7fr) 105px 115px;gap:13px;padding:17px}.vps-offer-specs{gap:8px}.vps-spec{grid-template-columns:32px minmax(0,1fr);gap:6px}.vps-spec>span{width:32px;height:32px;font-size:15px}.vps-offer-order button{padding:9px 8px}}
@media(max-width:1100px){.vps-offer-row{grid-template-columns:minmax(0,1fr) 110px 120px}.vps-offer-specs{grid-column:1/-1;grid-row:2}.vps-offer-price{grid-column:2;grid-row:1}.vps-offer-order{grid-column:3;grid-row:1}}
@media(max-width:760px){.vps-offer-row{padding:16px;grid-template-columns:1fr 105px}.vps-offer-identity{grid-column:1/-1}.vps-offer-specs{grid-column:1/-1;grid-template-columns:1fr 1fr}.vps-offer-price{grid-column:1;grid-row:auto;text-align:left}.vps-offer-order{grid-column:2;grid-row:auto}.vps-featured-badge{right:8px;top:8px}.vps-offer-identity p{white-space:normal}}
@media(max-width:480px){.vps-offer-row{grid-template-columns:1fr}.vps-offer-specs{grid-template-columns:1fr 1fr}.vps-offer-price,.vps-offer-order{grid-column:1}.vps-offer-price{text-align:left}.vps-offer-order button{min-height:43px}}

/* Catalogue VPS compact. */
.vps-offer-list{gap:9px}
.vps-offer-row{min-height:94px;padding:12px 15px;gap:13px;border-radius:10px}
.vps-offer-identity{gap:10px}.vps-offer-identity>i{height:43px;width:4px}.vps-offer-identity h2{font-size:15px}.vps-offer-identity p{font-size:8px}.vps-offer-identity small{font-size:6.5px}
.vps-offer-specs{gap:8px}.vps-spec{grid-template-columns:30px minmax(0,1fr);gap:6px}.vps-spec>span{width:30px;height:30px;border-radius:7px;font-size:14px}.vps-spec small{font-size:7.5px}.vps-spec strong{font-size:11px}.vps-spec em{font-size:6px}
.vps-offer-price strong{font-size:19px}.vps-offer-price span{margin-top:3px;font-size:7.5px}
.vps-offer-order button{min-height:39px;padding:8px 10px;border-radius:7px;font-size:9px}.vps-offer-order button i{font-size:15px}
.vps-featured-badge{right:-10px;top:-10px;width:29px;height:29px;border-width:3px;font-size:12px}

/* Texte VPS complet, sans troncature. */
.vps-offer-identity p{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
.vps-offer-identity small{white-space:normal;line-height:1.3}
@media(min-width:1351px){.vps-offer-row{grid-template-columns:minmax(285px,1.15fr) minmax(460px,2fr) 105px 115px}}
@media(min-width:1101px) and (max-width:1350px){.vps-offer-row{grid-template-columns:minmax(270px,1.05fr) minmax(400px,1.7fr) 100px 110px}}

/* Correctif final : espacement compact et texte VPS fluide. */
body[data-route="catalogue"] .marketplace-offers-head{padding-top:0;padding-bottom:12px}
body[data-route="catalogue"] .marketplace-offers-head>a:first-child{margin-bottom:7px}
body[data-route="catalogue"] .marketplace-offers-head>div{gap:10px}
body[data-route="catalogue"] .marketplace-offers-icon{width:40px;height:40px;border-radius:10px;font-size:19px}
body[data-route="catalogue"] .marketplace-offers-head h1{margin-top:0;font-size:22px}
body[data-route="catalogue"] .vps-offer-list{margin-top:11px}
.vps-spec{align-items:start}
.vps-spec>span{margin-top:1px}
.vps-spec strong,.vps-spec em{overflow:visible;white-space:normal;text-overflow:clip;line-height:1.22}
.vps-spec strong{overflow-wrap:normal;word-break:normal}
.vps-spec em{overflow-wrap:anywhere}

/* La largeur utile est réduite par la barre latérale : passage anticipé sur deux rangées. */
@media(min-width:761px) and (max-width:1550px){
  .vps-offer-row{grid-template-columns:minmax(0,1fr) 105px 115px;row-gap:10px}
  .vps-offer-identity{grid-column:1;grid-row:1}
  .vps-offer-specs{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .vps-offer-price{grid-column:2;grid-row:1}
  .vps-offer-order{grid-column:3;grid-row:1}
}

/* Hébergements web : cartes larges en grille, sans reprendre les lignes VPS. */
body[data-route="catalogue"] .hosting-offer-grid{margin-top:11px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hosting-offer-card{padding:0;overflow:hidden;border-radius:11px;box-shadow:0 3px 10px rgba(20,28,45,.04)}
.hosting-offer-card:before{display:none}
.hosting-offer-card>header{padding:12px 15px;border-bottom:1px solid #e7e5f1;background:linear-gradient(135deg,#f2efff,#fbfaff)}
.hosting-offer-card>header>span{width:34px;height:34px;border:1px solid #e1d7fb;background:#fff;font-size:17px}
.hosting-offer-card>header small{font-size:7.5px;letter-spacing:.08em}
.hosting-offer-card>h2{margin:13px 16px 4px;font-size:15px}
.hosting-offer-card>p{min-height:0;margin:0 16px;color:#68758a;font-size:8.5px;line-height:1.5;overflow-wrap:anywhere}
.hosting-offer-card>ul{min-height:0;margin:12px 16px 0;padding:10px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 13px;border:1px solid #e7ebf0;border-radius:8px;background:#f8fafc}
.hosting-offer-card>ul li{min-width:0;min-height:20px;grid-template-columns:13px minmax(0,1fr) auto;gap:5px}
.hosting-offer-card>ul li span,.hosting-offer-card>ul li strong{min-width:0;white-space:normal;overflow-wrap:anywhere}
.hosting-offer-card>.marketplace-offer-price{margin:12px 16px 8px}
.hosting-offer-card>.marketplace-offer-price strong{color:#271163;font-size:20px}
.hosting-offer-card>form{margin:0 16px 15px;grid-template-columns:1fr;align-items:end;gap:9px}
.hosting-offer-card>form label{min-width:0}
.hosting-offer-card>form button{width:100%;min-width:0;min-height:36px;padding-inline:12px}
.hosting-offer-card:hover{border-color:#c9b7ee;box-shadow:0 10px 24px rgba(43,26,82,.08)}
@media(max-width:1080px){body[data-route="catalogue"] .hosting-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body[data-route="catalogue"] .hosting-offer-grid{grid-template-columns:1fr}}
@media(max-width:560px){
  .hosting-offer-card>ul{grid-template-columns:1fr}
  .hosting-offer-card>form{grid-template-columns:1fr}
  .hosting-offer-card>form button{width:100%}
}

/* Prix mensuel explicite des hébergements. */
.hosting-catalog-price{align-items:baseline}
.hosting-catalog-price span{color:#6f798b;font-size:8px;font-weight:750}
.hosting-catalog-price small{color:#6f798b;font-size:7.5px;font-weight:650}

/* Cartes cadeaux — composant indépendant inspiré d'une carte physique dans son étui. */
body[data-route="catalogue"] .giftcard-offer-grid{margin-top:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.giftcard-product-card{min-width:0;padding:8px;display:flex;flex-direction:column;border:1px solid #dfe4ec;border-radius:11px;background:#fff;box-shadow:0 3px 11px rgba(13,31,54,.045);transition:.2s}
.giftcard-showcase{height:127px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#e9f3f7}
.giftcard-product-card:nth-child(4n+2) .giftcard-showcase{background:#eef3e8}
.giftcard-product-card:nth-child(4n+3) .giftcard-showcase{background:#f8efe3}
.giftcard-product-card:nth-child(4n) .giftcard-showcase{background:#edf0f7}
.giftcard-token{position:relative;width:72%;max-width:180px;aspect-ratio:1.62;padding:11px;overflow:hidden;border-radius:8px;background:#092943;color:#fff;box-shadow:0 10px 18px rgba(8,39,64,.18);transform:rotate(-3deg);transition:.22s}
.giftcard-product-card:nth-child(4n+2) .giftcard-token{background:#174c3b}
.giftcard-product-card:nth-child(4n+3) .giftcard-token{background:#8a421d}
.giftcard-product-card:nth-child(4n) .giftcard-token{background:#24334e}
.giftcard-token:before{content:"";position:absolute;width:20px;inset:0 16px 0 auto;background:rgba(255,255,255,.08)}
.giftcard-token:after{content:"";position:absolute;width:65px;height:65px;right:-27px;bottom:-36px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 12px rgba(255,255,255,.035)}
.giftcard-token-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:7px}.giftcard-token-top>span{display:flex;align-items:center;gap:4px;font-size:6px;font-weight:800}.giftcard-token-top>span i{font-size:9px}.giftcard-token-top>i{font-size:14px;color:#75d8e7}.giftcard-product-card:nth-child(4n+2) .giftcard-token-top>i{color:#a6df8a}.giftcard-product-card:nth-child(4n+3) .giftcard-token-top>i{color:#ffd080}.giftcard-product-card:nth-child(4n) .giftcard-token-top>i{color:#a9c7ff}
.giftcard-token-value{position:absolute;z-index:1;left:11px;bottom:10px;display:grid;gap:1px}.giftcard-token-value small{color:rgba(255,255,255,.58);font-size:5px;font-weight:800;letter-spacing:.13em}.giftcard-token-value strong{color:#fff;font-size:20px;line-height:1;letter-spacing:-.045em}
.giftcard-product-body{padding:10px 4px 2px;display:flex;flex-direction:column}.giftcard-product-body h2{margin:0 0 3px;font-size:12px}.giftcard-product-body p{min-height:0;margin:0 0 6px;color:#717d90;font-size:7.5px;line-height:1.45}.giftcard-product-body form{margin:0}.giftcard-product-body button{width:100%;min-height:32px;padding:6px 9px;display:flex;align-items:center;justify-content:space-between;border:1px solid #29384b;border-radius:7px;background:#29384b;color:#fff;font-size:8px;font-weight:800;cursor:pointer;box-shadow:0 3px 8px rgba(24,38,55,.1)}.giftcard-product-body button:hover{border-color:#192638;background:#192638;color:#fff}.giftcard-product-body button i{font-size:14px}
.giftcard-product-card:hover{transform:translateY(-3px);border-color:#adc0d0;box-shadow:0 14px 29px rgba(13,38,60,.1)}.giftcard-product-card:hover .giftcard-token{transform:rotate(0) translateY(-2px)}
@media(max-width:1380px){body[data-route="catalogue"] .giftcard-offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1080px){body[data-route="catalogue"] .giftcard-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body[data-route="catalogue"] .giftcard-offer-grid{grid-template-columns:1fr}.giftcard-product-body p{min-height:0}}

/* Disponibilité des offres : état commun à tous les types de services. */
.marketplace-category-visual>b.is-stockout{background:#b24b56;color:#fff}
.is-out-of-stock{border-color:#dce1e8!important;background:#fbfcfd!important;box-shadow:0 2px 8px rgba(20,28,45,.035)!important}
.is-out-of-stock:hover{transform:none!important;border-color:#dce1e8!important;box-shadow:0 2px 8px rgba(20,28,45,.035)!important}
.is-out-of-stock .vps-offer-price strong,.is-out-of-stock .marketplace-offer-price strong{color:#778296}
.is-out-of-stock .giftcard-token{filter:saturate(.25);opacity:.72;transform:rotate(-3deg)!important}
.vps-offer-order button:disabled,.marketplace-offer-card button:disabled,.giftcard-product-body button:disabled{cursor:not-allowed;border-color:#d7dce5!important;background:#e7eaf0!important;color:#747e8f!important;box-shadow:none!important;transform:none!important}
.product-stockout-page{width:100%;max-width:none;margin:0;padding:0}
.product-stockout-card{min-height:330px;padding:42px 28px;display:grid;place-items:center;text-align:center;border:1px solid #e0e4ea;border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(20,28,45,.05)}
.product-stockout-card>div{max-width:590px}.product-stockout-icon{width:58px;height:58px;margin:0 auto 15px;display:grid;place-items:center;border-radius:16px;background:#f8e9eb;color:#ae4451;font-size:29px}.product-stockout-kicker{display:block;margin-bottom:7px;color:#ae4451;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.product-stockout-card h1{margin:0 0 8px;font-size:25px}.product-stockout-card p{margin:0 auto 20px;color:#69768a;line-height:1.55}.product-stockout-card .btn{display:inline-flex;align-items:center;gap:7px}
.cart-stock-alert{display:flex;align-items:center;gap:9px;margin-bottom:12px}.cart-stock-alert i{font-size:20px}.cart-stockout-badge{display:inline-flex;align-items:center;gap:4px;margin-top:5px;padding:3px 7px;border-radius:999px;background:#f8e9eb;color:#a83f4c;font-size:8px;font-weight:850}.order-pay-button:disabled,.promo-label button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none!important;transform:none!important}
.status.out_of_stock{background:#f8e9eb;color:#a83f4c}.status.in_stock{background:#e7f6ee;color:#21784b}
@media(max-width:760px){.product-stockout-card{min-height:280px;padding:30px 18px}.product-stockout-card h1{font-size:21px}}

/* PANIER V84 — code promotionnel distinct de la validation de commande. */
.cart-promo-form{margin-top:12px}.cart-promo-form label{height:39px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;border:1px solid #d8e2ee;border-radius:8px;background:#f8fafc;overflow:hidden}.cart-promo-form label>i{padding-left:9px;color:#5c7492;font-size:15px}.cart-promo-form input{height:37px;padding:0 7px;border:0!important;outline:0;background:transparent;font-size:10px}.cart-promo-form button{height:31px;margin-right:4px;padding:0 11px;border:0;border-radius:6px;background:#e5edf7;color:#35597e;font-size:9px;font-weight:800;cursor:pointer}.cart-promo-form button:hover{background:#d9e7f6;color:#194e82}.cart-promo-form button:disabled{cursor:not-allowed;opacity:.55}.cart-promo-discount strong{color:#16805d!important}.cart-promo-applied{margin-top:12px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #bce7d4;border-radius:9px;background:#edfaf4}.cart-promo-applied>span{min-width:0;display:flex;align-items:center;gap:9px}.cart-promo-applied>span>i{color:#159467;font-size:19px}.cart-promo-applied>span>span{min-width:0;display:grid;gap:1px}.cart-promo-applied b{color:#126a4c;font-size:9px}.cart-promo-applied small{overflow:hidden;color:#53806e;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.cart-promo-applied form{margin:0}.cart-promo-applied button{width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:6px;background:#d7f1e5;color:#237558;cursor:pointer}.cart-checkout-form{margin-top:10px}.cart-summary-total>span{display:block}.cart-summary-total>span small{display:none}

/* COMMANDE V84 — fiche client compacte, structurée et orientée action. */
body[data-route="orders"] .content:has(.order-detail-page){padding:13px 17px 28px;background:#f3f6fa}
body[data-route="orders"] .order-detail-page{max-width:1320px;margin:0 auto;padding:0}
body[data-route="orders"] .order-detail-top{min-height:62px;margin:0 0 11px;padding:0 2px;align-items:center}
body[data-route="orders"] .order-detail-back{margin-bottom:7px;color:#63748a;font-size:9px}
body[data-route="orders"] .order-detail-title{gap:10px}
body[data-route="orders"] .order-detail-mark{width:38px;height:38px;border:1px solid #d4e4fa;border-radius:9px;background:#eaf3ff;color:#1e67bd;font-size:18px}
body[data-route="orders"] .order-detail-title .eyebrow{color:#6e7e93;font-size:7px;letter-spacing:.12em}
body[data-route="orders"] .order-detail-title h1{font-size:19px}
body[data-route="orders"] .order-detail-title small{display:block;margin-top:2px;color:#919cab;font-size:8px}
body[data-route="orders"] .order-detail-top-actions{align-items:center;flex-wrap:wrap}
body[data-route="orders"] .order-detail-top-actions .btn{min-height:33px;padding:6px 10px;border-radius:7px;font-size:9px;box-shadow:none}
body[data-route="orders"] .order-cancel-trigger{border:1px solid #efc8cd;background:#fff;color:#ad3d4b}
body[data-route="orders"] .order-cancel-trigger:hover{background:#fff3f4;border-color:#e4aab2}
body[data-route="orders"] .order-state-banner{position:relative;min-height:112px;margin-bottom:11px;padding:18px 20px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:15px;overflow:hidden;border:1px solid #cddced;border-left:4px solid #2e6cb3;border-radius:12px;background:linear-gradient(110deg,#f7fbff 0%,#fff 66%);box-shadow:0 5px 15px rgba(25,53,85,.045)}
body[data-route="orders"] .order-state-banner:after{content:"";position:absolute;right:14%;top:-85px;width:180px;height:180px;border:1px solid rgba(41,103,174,.08);border-radius:50%;box-shadow:0 0 0 25px rgba(41,103,174,.025)}
body[data-route="orders"] .order-state-icon{position:relative;z-index:1;width:45px;height:45px;display:grid;place-items:center;border-radius:11px;background:#e4f0ff;color:#2469b8;font-size:23px}
body[data-route="orders"] .order-state-banner>div{position:relative;z-index:1}
body[data-route="orders"] .order-state-banner .status{margin-bottom:5px;padding:3px 7px;font-size:7px}
body[data-route="orders"] .order-state-banner h2{margin:0;color:#1d2d43;font-size:15px}
body[data-route="orders"] .order-state-banner p{max-width:680px;margin:4px 0 0;color:#718096;font-size:9px;line-height:1.5}
body[data-route="orders"] .order-state-amount{min-width:180px;padding-left:22px;border-left:1px solid #dfe7f0;text-align:right}
body[data-route="orders"] .order-state-amount>span{display:block;color:#8694a6;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
body[data-route="orders"] .order-state-amount>strong{display:block;margin-top:2px;color:#15263c;font-size:24px;letter-spacing:-.04em}
body[data-route="orders"] .order-state-amount>a{display:inline-flex;align-items:center;gap:4px;margin-top:6px;color:#1f63b4;font-size:9px;font-weight:800}
body[data-route="orders"] .order-state-banner.paid{border-left-color:#16956a;background:linear-gradient(110deg,#f3fbf7,#fff 66%)}body[data-route="orders"] .order-state-banner.paid .order-state-icon{background:#e2f6ed;color:#16815e}
body[data-route="orders"] .order-state-banner.cancelled,body[data-route="orders"] .order-state-banner.refunded{border-left-color:#b64a58;background:linear-gradient(110deg,#fff7f8,#fff 66%)}body[data-route="orders"] .order-state-banner.cancelled .order-state-icon,body[data-route="orders"] .order-state-banner.refunded .order-state-icon{background:#f9e7ea;color:#ad4050}
body[data-route="orders"] .order-facts-bar{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:11px;border-radius:10px;box-shadow:0 2px 8px rgba(25,40,65,.025)}
body[data-route="orders"] .order-facts-bar>div{padding:11px 14px}
body[data-route="orders"] .order-workspace{grid-template-columns:minmax(0,1fr) 330px;gap:11px}
body[data-route="orders"] .order-products-panel,body[data-route="orders"] .order-financial-panel,body[data-route="orders"] .order-payment-panel{border-color:#dbe3ec;box-shadow:0 4px 14px rgba(22,40,64,.035)}
body[data-route="orders"] .order-panel-head{min-height:55px;padding:12px 15px;background:#fbfcfe}
body[data-route="orders"] .order-panel-head h2{font-size:13px}
body[data-route="orders"] .order-items-professional .order-item-row{min-height:70px;padding:11px 15px;transition:.15s}
body[data-route="orders"] .order-items-professional .order-item-row:hover{background:#f9fbfe}
body[data-route="orders"] .order-items-professional .order-item-icon{background:#edf4fd;color:#386da8}
body[data-route="orders"] .order-financial-panel{top:82px}
body[data-route="orders"] .order-financial-panel .summary-lines{padding:14px 15px}
body[data-route="orders"] .order-payment-panel{margin-top:11px}
.order-cancel-dialog{width:min(440px,calc(100% - 28px));padding:0;border:0;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(15,28,48,.24)}.order-cancel-dialog::backdrop{background:rgba(10,22,39,.56);backdrop-filter:blur(2px)}.order-cancel-dialog form{padding:25px;text-align:center}.order-cancel-dialog-icon{width:48px;height:48px;margin:0 auto 12px;display:grid;place-items:center;border-radius:13px;background:#fbe9eb;color:#b54452;font-size:25px}.order-cancel-dialog h2{margin:0 0 7px;color:#1d2939;font-size:18px}.order-cancel-dialog p{margin:0 auto 19px;color:#6f7d90;font-size:11px;line-height:1.6}.order-cancel-dialog form>div:last-child{display:flex;justify-content:center;gap:8px}.order-cancel-dialog .btn{min-height:36px;padding:7px 11px;font-size:9px}
@media(max-width:900px){body[data-route="orders"] .order-state-banner{grid-template-columns:45px minmax(0,1fr)}body[data-route="orders"] .order-state-amount{grid-column:2;min-width:0;padding:9px 0 0;border:0;border-top:1px solid #e3eaf2;text-align:left}body[data-route="orders"] .order-state-amount>strong{font-size:20px}body[data-route="orders"] .order-workspace{grid-template-columns:1fr}}
@media(max-width:650px){body[data-route="orders"] .order-detail-top{align-items:flex-start}body[data-route="orders"] .order-detail-top-actions{width:100%}body[data-route="orders"] .order-detail-top-actions .btn{flex:1}body[data-route="orders"] .order-state-banner{padding:15px;grid-template-columns:39px minmax(0,1fr);gap:11px}body[data-route="orders"] .order-state-icon{width:39px;height:39px;font-size:20px}body[data-route="orders"] .order-state-banner h2{font-size:13px}body[data-route="orders"] .order-facts-bar{grid-template-columns:1fr 1fr}.order-cancel-dialog form>div:last-child{flex-direction:column}}

/* HEADER V85 — compte réel du panier, sans faux indicateur de notification. */
.header-cart-button{position:relative}.header-cart-count{position:absolute;right:-6px;top:-7px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;border-radius:999px;background:#e34b55;color:#fff;font-size:8px;font-weight:900;line-height:1;box-shadow:0 2px 6px rgba(164,38,49,.22)}.notification-button>b{display:none!important}.notification-button>i{position:static!important;width:auto!important;height:auto!important;border:0!important;background:transparent!important}

/* COMMANDE V85 — console de commande recomposée. */
body[data-route="orders"] .content:has(.order-detail-v85){padding:12px 18px 30px;background:#f4f6f9}
body[data-route="orders"] .order-detail-v85{width:100%;max-width:1320px;margin:0 auto;padding:0}
.order-v85-back{display:inline-flex;align-items:center;gap:7px;margin:0 0 9px;color:#66768a;font-size:10px;font-weight:750}.order-v85-back:hover{color:#205da7}
.order-v85-header{min-height:57px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:18px}.order-v85-identity{min-width:0;display:flex;align-items:center;gap:11px}.order-v85-identity>span{width:41px;height:41px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #d6e2f0;border-radius:10px;background:#fff;color:#3169aa;font-size:20px;box-shadow:0 3px 8px rgba(28,48,75,.04)}.order-v85-identity>div{min-width:0}.order-v85-identity small{display:block;color:#8a96a7;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.order-v85-identity h1{margin:1px 0 0;color:#18263a;font-size:20px;letter-spacing:-.03em}.order-v85-identity p{margin:2px 0 0;color:#8491a2;font-size:9px}.order-v85-identity>.status{margin-left:4px}.order-v85-actions{display:flex;align-items:center;gap:7px}.order-v85-actions .btn{min-height:34px;padding:7px 11px;border-radius:8px;font-size:9px;box-shadow:none}.order-v85-actions .order-cancel-trigger{border:1px solid #ebcbd0;background:#fff;color:#a94551}.order-v85-actions .order-cancel-trigger:hover{border-color:#ddaeb5;background:#fff5f6}
.order-v85-overview{position:relative;min-height:119px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden;border:1px solid #cfddeb;border-left:4px solid #2d68ad;border-radius:12px;background:linear-gradient(112deg,#f6faff,#fff 67%);box-shadow:0 5px 17px rgba(22,43,69,.04)}.order-v85-overview:after{content:"";position:absolute;right:18%;top:-92px;width:190px;height:190px;border:1px solid rgba(42,99,164,.08);border-radius:50%;box-shadow:0 0 0 28px rgba(42,99,164,.025)}.order-v85-state{position:relative;z-index:1;min-width:0;display:flex;align-items:center;gap:14px}.order-v85-state>span{width:47px;height:47px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#e6f0fc;color:#2867ae;font-size:24px}.order-v85-state small,.order-v85-total>span{display:block;color:#7b899d;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.075em}.order-v85-state h2{margin:3px 0 0;color:#192a40;font-size:16px}.order-v85-state p{max-width:690px;margin:4px 0 0;color:#708095;font-size:10px;line-height:1.5}.order-v85-total{position:relative;z-index:1;min-width:190px;padding-left:25px;border-left:1px solid #dee6ef;text-align:right}.order-v85-total strong{display:block;margin-top:2px;color:#13243b;font-size:26px;letter-spacing:-.045em}.order-v85-total a{display:inline-flex;align-items:center;gap:5px;margin-top:6px;color:#1f62ad;font-size:10px;font-weight:800}.order-v85-overview.paid{border-left-color:#188963;background:linear-gradient(112deg,#f4fbf7,#fff 67%)}.order-v85-overview.paid .order-v85-state>span{background:#e3f5ec;color:#16805c}.order-v85-overview.cancelled,.order-v85-overview.refunded{border-left-color:#b34b58;background:linear-gradient(112deg,#fff6f7,#fff 67%)}.order-v85-overview.cancelled .order-v85-state>span,.order-v85-overview.refunded .order-v85-state>span{background:#f8e8ea;color:#ad4653}
.order-v85-progress{min-height:65px;margin:10px 0;padding:11px 18px;display:grid;grid-template-columns:auto minmax(30px,1fr) auto minmax(30px,1fr) auto;align-items:center;border:1px solid #dde4ec;border-radius:11px;background:#fff;box-shadow:0 2px 8px rgba(22,40,65,.025)}.order-v85-progress>div{display:flex;align-items:center;gap:9px}.order-v85-progress>div>i{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#edf1f5;color:#7e8a9b;font-size:14px}.order-v85-progress span{display:grid}.order-v85-progress small{color:#97a1af;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.order-v85-progress strong{margin-top:1px;color:#4d5a6e;font-size:9px}.order-v85-progress em{height:1px;margin:0 13px;background:#dfe5ec}.order-v85-progress .done>i{background:#e4f5ed;color:#16805c}.order-v85-progress .done strong{color:#226c52}.order-v85-progress .current>i{background:#e8f1fd;color:#2868b1}.order-v85-progress .current strong{color:#255e9f}.order-v85-progress .stopped>i{background:#f8e7e9;color:#ac4652}.order-v85-progress .stopped strong{color:#9d4450}
.order-v85-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:11px;align-items:start}.order-v85-main,.order-v85-sidebar{min-width:0;display:grid;gap:11px}.order-v85-sidebar{position:sticky;top:89px}.order-v85-products,.order-v85-summary,.order-v85-payment{margin:0;padding:0;overflow:hidden;border:1px solid #dce3eb;border-radius:11px;background:#fff;box-shadow:0 4px 14px rgba(22,40,64,.035)}.order-v85-products>header{min-height:58px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6ebf1;background:#fbfcfe}.order-v85-products>header span,.order-v85-summary>header span{display:block;color:#8d98a8;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.075em}.order-v85-products>header h2,.order-v85-summary>header h2{margin:2px 0 0;color:#223047;font-size:14px}.order-v85-products>header>b{padding:4px 8px;border-radius:999px;background:#edf2f8;color:#66768b;font-size:8px}.order-v85-products .order-items-professional{border:0;border-radius:0}.order-v85-products .order-item-row{min-height:76px;padding:13px 16px;grid-template-columns:40px minmax(0,1fr) 55px 115px}.order-v85-products .order-item-row:hover{background:#fafcff}.order-v85-products .order-item-icon{width:37px;height:37px;border-radius:9px;background:#edf4fd;color:#346ba9}.order-v85-products .order-item-main>strong{font-size:12px}.order-v85-products .order-item-meta span{font-size:8px}.order-v85-products .order-item-quantity span{font-size:7px}.order-v85-products .order-item-price small{font-size:8px}.order-v85-products .order-item-price strong{font-size:13px}.order-v85-error{margin:0;padding:12px 14px}.order-v85-error>div{display:grid}.order-v85-error strong{font-size:10px}.order-v85-error span{margin-top:2px;font-size:9px}
.order-v85-summary>header{padding:14px 16px;border-bottom:1px solid #e8edf2;background:#fbfcfe}.order-v85-summary .summary-lines{padding:15px 16px;gap:11px}.order-v85-summary .summary-lines>div{font-size:10px}.order-v85-summary .summary-total{margin-top:2px;padding-top:12px}.order-v85-summary .summary-total strong{font-size:19px}.order-v85-summary .summary-actions{margin:0;padding:0 16px 15px}.order-v85-summary .btn{min-height:36px;padding:7px 10px;font-size:9px}
.order-v85-payment>header{min-height:57px;padding:12px 14px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;border-bottom:1px solid #e8edf2}.order-v85-payment>header>span{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;background:#eef4fc;color:#376da9;font-size:16px}.order-v85-payment>header small{display:block;color:#929dab;font-size:7px;font-weight:800;text-transform:uppercase}.order-v85-payment>header h2{margin:1px 0 0;font-size:12px}.order-v85-payment>header .status{padding:3px 6px;font-size:7px}.order-v85-payment dl{margin:0;padding:5px 14px 10px}.order-v85-payment dl>div{padding:8px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f4}.order-v85-payment dl>div:last-child{border-bottom:0}.order-v85-payment dt{color:#8b96a6;font-size:8px}.order-v85-payment dd{max-width:190px;margin:0;overflow:hidden;color:#334158;font-size:9px;font-weight:750;text-align:right;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:980px){.order-v85-layout{grid-template-columns:1fr}.order-v85-sidebar{position:static;grid-template-columns:1fr 1fr}.order-v85-overview{align-items:flex-start}.order-v85-total{min-width:165px}}
@media(max-width:680px){body[data-route="orders"] .content:has(.order-detail-v85){padding:10px}.order-v85-header{align-items:flex-start;flex-direction:column}.order-v85-actions{width:100%}.order-v85-actions .btn{flex:1}.order-v85-identity{flex-wrap:wrap}.order-v85-identity>.status{margin-left:52px}.order-v85-overview{padding:15px;align-items:flex-start;flex-direction:column}.order-v85-total{width:100%;min-width:0;padding:11px 0 0;border-left:0;border-top:1px solid #e0e7ef;text-align:left}.order-v85-progress{grid-template-columns:1fr;gap:8px}.order-v85-progress em{display:none}.order-v85-sidebar{grid-template-columns:1fr}.order-v85-products .order-item-row{grid-template-columns:36px minmax(0,1fr) 85px;padding:12px}.order-v85-products .order-item-quantity{display:none}.top-actions>.header-cart-button{display:grid}}

/* COMMANDE V86 — finition premium et modal 100 % CSS, sans dépendance script. */
.order-v85-header{padding:5px 0 8px;border-bottom:1px solid #dfe5ec}.order-v85-identity>span{border-color:#cbd9e8;background:linear-gradient(145deg,#fff,#edf4fb)}
.order-v85-overview,.order-v85-overview.paid,.order-v85-overview.cancelled,.order-v85-overview.refunded{border-color:#1e3858;border-left-color:#4b8ed5;background:radial-gradient(circle at 78% -60%,rgba(86,154,226,.25),transparent 43%),linear-gradient(115deg,#0d213b,#173653 65%,#1b4668);box-shadow:0 11px 25px rgba(15,37,60,.13)}.order-v85-overview.paid{border-left-color:#42c28f}.order-v85-overview.cancelled,.order-v85-overview.refunded{border-left-color:#ef7780}.order-v85-overview:after{border-color:rgba(255,255,255,.08);box-shadow:0 0 0 28px rgba(255,255,255,.025)}.order-v85-state>span,.order-v85-overview.paid .order-v85-state>span,.order-v85-overview.cancelled .order-v85-state>span,.order-v85-overview.refunded .order-v85-state>span{background:rgba(255,255,255,.1);color:#d9ebff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.order-v85-state small,.order-v85-total>span{color:#9fb6cf}.order-v85-state h2,.order-v85-total strong{color:#fff}.order-v85-state p{color:#c1d0df}.order-v85-total{border-left-color:rgba(255,255,255,.14)}.order-v85-total a{color:#8fc7ff}.order-v86-tags{margin-top:9px;display:flex;flex-wrap:wrap;gap:6px}.order-v86-tags>span{padding:4px 7px;display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:rgba(255,255,255,.07);color:#dce8f4;font-size:8px;font-weight:700}.order-v86-tags i{color:#8fc7ff;font-size:12px}
.order-v85-progress{border-color:#d7e0e9;box-shadow:0 4px 12px rgba(26,43,65,.035)}.order-v85-progress .done+em{background:linear-gradient(90deg,#52b991,#b9d8ca)}
.order-v85-products,.order-v85-summary,.order-v85-payment{border-color:#d7e0e9;box-shadow:0 7px 20px rgba(22,40,64,.05)}.order-v85-products>header{border-top:3px solid #3e74ae;background:linear-gradient(90deg,#f7faff,#fff)}.order-v85-summary{border-top:3px solid #2d608f}.order-v85-summary>header{background:linear-gradient(90deg,#f2f7fc,#fff)}.order-v85-payment{border-top:3px solid #6a7d94}.order-v85-products .order-item-row{position:relative}.order-v85-products .order-item-row:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;border-radius:0 2px 2px 0;background:#d2e3f6}.order-v85-products .order-item-row:hover:before{background:#4f89c8}.order-v85-products .order-item-meta span{border:1px solid #e2e8ef;background:#f7f9fc}.order-v85-payment>header{background:#fafcfe}
.order-cancel-modal{position:fixed;z-index:1000;inset:0;padding:18px;display:none;place-items:center}.order-cancel-modal:target{display:grid}.order-cancel-modal-backdrop{position:absolute;inset:0;background:rgba(8,20,36,.64);backdrop-filter:blur(3px)}.order-cancel-modal-card{position:relative;z-index:1;width:min(430px,100%);overflow:hidden;border:1px solid #e5e8ed;border-radius:15px;background:#fff;box-shadow:0 28px 80px rgba(8,21,39,.3);animation:orderModalIn .16s ease-out}.order-cancel-modal-card:before{content:"";display:block;height:4px;background:#c64d59}.order-cancel-modal-card form{padding:25px;text-align:center}.order-cancel-modal-card h2{margin:0 0 7px;color:#1d2939;font-size:18px}.order-cancel-modal-card p{margin:0 auto 19px;color:#6f7d90;font-size:11px;line-height:1.6}.order-cancel-modal-card form>div:last-child{display:flex;justify-content:center;gap:8px}.order-cancel-modal-card .btn{min-height:36px;padding:7px 11px;font-size:9px}.order-cancel-modal-card a.btn{text-decoration:none}@keyframes orderModalIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:680px){.order-v85-total{border-top-color:rgba(255,255,255,.14)}.order-v86-tags{display:none}.order-cancel-modal-card form>div:last-child{flex-direction:column}.order-cancel-modal-card .btn{width:100%}}

/* COMMANDE V87 — interface SaaS sobre, dense et sans bannière décorative. */
body[data-route="orders"] .content:has(.order-v87){width:100%;max-width:none;padding:14px 18px 30px;background:#f4f6f9}.order-v87{width:100%;max-width:1340px!important;margin:0 auto!important;padding:0!important}
.order-v87-toolbar{min-height:70px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #dce3eb;border-radius:10px;background:#fff;box-shadow:0 3px 12px rgba(24,42,67,.04)}.order-v87-heading{min-width:0;display:flex;align-items:center;gap:10px}.order-v87-heading>a{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #e0e5eb;border-radius:7px;background:#fff;color:#65758a;font-size:17px}.order-v87-heading>a:hover{border-color:#bed0e4;background:#f5f9fd;color:#245f9f}.order-v87-mark{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#eaf2fb;color:#2f69a7;font-size:19px}.order-v87-heading>div{min-width:0}.order-v87-heading>div>span{display:block;color:#8995a5;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.order-v87-heading h1{margin:1px 0 0;color:#1d2b40;font-size:18px;letter-spacing:-.025em}.order-v87-heading p{margin:2px 0 0;color:#8a96a6;font-size:9px}.order-v87-heading>.status{margin-left:5px}.order-v87-pdf{min-height:34px;padding:7px 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid #d8e0e9;border-radius:7px;background:#fff;color:#40526a;font-size:9px;font-weight:800}.order-v87-pdf:hover{border-color:#b9cadc;background:#f8fafc;color:#245b96}
.order-v87-facts{margin:10px 0;display:grid;grid-template-columns:1.15fr 1fr 1fr .8fr;overflow:hidden;border:1px solid #dce3eb;border-radius:10px;background:#fff;box-shadow:0 3px 12px rgba(24,42,67,.035)}.order-v87-facts>article{min-width:0;min-height:79px;padding:13px 15px;display:flex;align-items:center;gap:11px;border-right:1px solid #e6ebf0}.order-v87-facts>article:last-child{border-right:0}.order-v87-fact-icon{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;font-size:17px}.order-v87-fact-icon.state{background:#fff4df;color:#a56613}.order-v87-fact-icon.payment{background:#eaf2fc;color:#326ca9}.order-v87-fact-icon.invoice{background:#edf7f2;color:#26815e}.order-v87-facts article>div{min-width:0}.order-v87-facts small{display:block;color:#909baa;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.065em}.order-v87-facts strong{display:block;margin-top:3px;overflow:hidden;color:#2c394d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.order-v87-facts p{margin:2px 0 0;overflow:hidden;color:#8a96a5;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.order-v87-fact-total{justify-content:flex-end;background:#fafbfd;text-align:right}.order-v87-fact-total strong{color:#17263b!important;font-size:14px!important;letter-spacing:-.03em}
.order-v87-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:11px;align-items:start}.order-v87-main,.order-v87-sidebar{min-width:0;display:grid;gap:11px}.order-v87-sidebar{position:sticky;top:90px}.order-v87-products,.order-v87-summary,.order-v87-payment-card{margin:0!important;padding:0!important;overflow:hidden;border:1px solid #dce3eb!important;border-radius:8px!important;background:#fff;box-shadow:0 4px 14px rgba(24,42,67,.04)!important}
.order-v87-products>header{min-height:61px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e9ef;background:#fafbfd}.order-v87-products>header span,.order-v87-summary>header span{display:block;color:#8e99a8;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.order-v87-products>header h2,.order-v87-summary>header h2{margin:2px 0 0;color:#253248;font-size:14px}.order-v87-products>header p{margin:2px 0 0;color:#8d98a7;font-size:9px}.order-v87-products>header>b{min-width:25px;height:25px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:#eaf1f9;color:#4c6786;font-size:9px}.order-v87-list{display:grid}.order-v87-item{position:relative;min-height:82px;padding:14px 16px;display:grid;grid-template-columns:40px minmax(0,1fr) 125px;align-items:center;gap:12px;border-bottom:1px solid #e9edf2}.order-v87-item:last-child{border-bottom:0}.order-v87-item:hover{background:#fbfcfe}.order-v87-item:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;border-radius:0 2px 2px 0;background:#ccdff2}.order-v87-item:hover:before{background:#4c86c3}.order-v87-item-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #dce6f0;border-radius:9px;background:#f1f6fb;color:#346ca7;font-size:18px}.order-v87-item-main{min-width:0}.order-v87-item-main>strong{display:block;overflow:hidden;color:#263449;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.order-v87-item-main>div{margin-top:6px;display:flex;flex-wrap:wrap;gap:5px}.order-v87-item-main>div span{padding:3px 6px;display:inline-flex;align-items:center;gap:3px;border:1px solid #e2e7ed;border-radius:5px;background:#f8fafc;color:#66758a;font-size:8px}.order-v87-item-main>div i{color:#467bae}.order-v87-item-main>a{margin-top:6px;display:inline-flex;align-items:center;gap:3px;color:#2764a4;font-size:9px;font-weight:800}.order-v87-item-price{text-align:right}.order-v87-item-price small{display:block;color:#929cab;font-size:8px}.order-v87-item-price strong{display:block;margin-top:3px;color:#253348;font-size:13px}.order-v87-payment-error{padding:12px 14px;display:flex;align-items:flex-start;gap:10px;border:1px solid #efcbd0;border-radius:9px;background:#fff7f8;color:#a34450}.order-v87-payment-error>i{font-size:19px}.order-v87-payment-error>div{display:grid}.order-v87-payment-error strong{font-size:10px}.order-v87-payment-error span{margin-top:2px;font-size:9px}
.order-v87-summary>header{padding:13px 15px;border-bottom:1px solid #e5eaf0;background:#fafbfd}.order-v87-totals{padding:11px 15px}.order-v87-totals>div{padding:5px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#718095;font-size:10px}.order-v87-totals strong{color:#334158}.order-v87-totals .discount strong{color:#16805d}.order-v87-totals .total{margin-top:6px;padding-top:12px;border-top:1px solid #dfe5ec;color:#263449;font-weight:800}.order-v87-totals .total strong{color:#18283e;font-size:19px;letter-spacing:-.03em}.order-v87-primary-action{min-height:37px;margin:0 15px 15px;padding:8px 11px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:7px;background:#245f9f;color:#fff;font-size:9px;font-weight:850;box-shadow:0 5px 11px rgba(36,95,159,.16)}.order-v87-primary-action:hover{background:#1d5087;color:#fff}
.order-v87-payment-card>header{min-height:57px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e6ebf0}.order-v87-payment-card>header>div{min-width:0;display:flex;align-items:center;gap:9px}.order-v87-payment-card>header>div>span{width:33px;height:33px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#eef3f9;color:#486b91;font-size:16px}.order-v87-payment-card header small{display:block;color:#909aa8;font-size:7px;font-weight:800;text-transform:uppercase}.order-v87-payment-card header h2{margin:1px 0 0;color:#2a374b;font-size:11px}.order-v87-payment-card>header>.status{padding:3px 6px;font-size:7px}.order-v87-payment-card dl{margin:0;padding:5px 13px 9px}.order-v87-payment-card dl>div{padding:8px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f4}.order-v87-payment-card dl>div:last-child{border-bottom:0}.order-v87-payment-card dt{color:#8995a5;font-size:8px}.order-v87-payment-card dd{max-width:185px;margin:0;overflow:hidden;color:#354257;font-size:9px;font-weight:750;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.order-v87-cancel-zone{padding:12px 13px;border:1px solid #e7dfe0;border-radius:9px;background:#fff}.order-v87-cancel-zone>div{display:flex;align-items:flex-start;gap:9px}.order-v87-cancel-zone>div>i{margin-top:1px;color:#a76068;font-size:18px}.order-v87-cancel-zone span{display:grid}.order-v87-cancel-zone strong{color:#4a3c3f;font-size:9px}.order-v87-cancel-zone small{margin-top:3px;color:#918387;font-size:8px;line-height:1.45}.order-v87-cancel-zone>a{margin-top:10px;display:inline-flex;color:#a64752;font-size:9px;font-weight:800}.order-v87-cancel-zone>a:hover{color:#84313a;text-decoration:underline}
.order-v87-modal{position:fixed;z-index:1100;inset:0;padding:18px;display:none;place-items:center}.order-v87-modal:target{display:grid}.order-v87-modal-backdrop{position:absolute;inset:0;background:rgba(13,24,40,.58);backdrop-filter:blur(2px)}.order-v87-modal-card{position:relative;z-index:1;width:min(500px,100%);overflow:hidden;border:1px solid #d9dee6;border-radius:12px;background:#fff;box-shadow:0 28px 85px rgba(8,20,38,.28);animation:orderV87Modal .16s ease-out}.order-v87-modal-card>header{min-height:67px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e9ef;background:#fafbfd}.order-v87-modal-card>header>div{display:flex;align-items:center;gap:10px}.order-v87-modal-card>header>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#f8e8ea;color:#ae4652;font-size:20px}.order-v87-modal-card header small{display:block;color:#9a8487;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.order-v87-modal-card header h2{margin:2px 0 0;color:#2a303c;font-size:15px}.order-v87-modal-card>header>a{width:31px;height:31px;display:grid;place-items:center;border:1px solid #e0e4e9;border-radius:7px;background:#fff;color:#7b8491;font-size:17px}.order-v87-modal-body{padding:18px}.order-v87-modal-body>p{margin:0 0 13px;color:#566275;font-size:10px;line-height:1.6}.order-v87-cancel-effects{padding:10px 12px;display:grid;gap:7px;border:1px solid #e1e7ed;border-radius:8px;background:#f8fafc}.order-v87-cancel-effects span{display:flex;align-items:center;gap:7px;color:#526174;font-size:9px}.order-v87-cancel-effects i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#e6f4ed;color:#197b59;font-size:12px}.order-v87-warning{margin-top:11px;padding:10px 11px;display:flex;align-items:flex-start;gap:8px;border:1px solid #edcdd1;border-radius:8px;background:#fff7f8;color:#8e4049}.order-v87-warning>i{font-size:18px}.order-v87-warning>span{font-size:9px;line-height:1.45}.order-v87-warning strong{display:block;margin-bottom:2px}.order-v87-modal-card footer{padding:12px 15px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e5e9ef;background:#fafbfd}.order-v87-modal-card footer .btn{min-height:35px;padding:7px 11px;font-size:9px}.order-v87-modal-card footer a.btn{text-decoration:none}@keyframes orderV87Modal{from{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:980px){.order-v87-layout{grid-template-columns:1fr}.order-v87-sidebar{position:static;grid-template-columns:1fr 1fr}.order-v87-cancel-zone{grid-column:1/-1}.order-v87-facts{grid-template-columns:1fr 1fr}.order-v87-facts>article:nth-child(2){border-right:0}.order-v87-facts>article:nth-child(-n+2){border-bottom:1px solid #e6ebf0}}
@media(max-width:650px){body[data-route="orders"] .content:has(.order-v87){padding:10px}.order-v87-toolbar{align-items:flex-start;flex-direction:column}.order-v87-heading{flex-wrap:wrap}.order-v87-heading>.status{margin-left:80px}.order-v87-pdf{width:100%;justify-content:center}.order-v87-facts{grid-template-columns:1fr}.order-v87-facts>article{border-right:0;border-bottom:1px solid #e6ebf0}.order-v87-facts>article:last-child{border-bottom:0}.order-v87-fact-total{justify-content:flex-start;text-align:left}.order-v87-sidebar{grid-template-columns:1fr}.order-v87-item{grid-template-columns:36px minmax(0,1fr);padding:12px}.order-v87-item-price{grid-column:2;text-align:left}.order-v87-modal-card footer{flex-direction:column}.order-v87-modal-card footer .btn{width:100%}}

/* COMMANDE V88 — paiement placé sous le détail des produits. */
.order-v87-payment-wide dl{padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.order-v87-payment-wide dl>div{min-width:0;min-height:58px;padding:12px 14px;display:block;border-right:1px solid #e7ebf0;border-bottom:0}.order-v87-payment-wide dl>div:last-child{border-right:0}.order-v87-payment-wide dt{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.order-v87-payment-wide dd{max-width:none;margin-top:5px;text-align:left;font-size:10px}.order-v87-sidebar .order-v87-summary{position:relative}.order-v87-sidebar .order-v87-cancel-zone{margin-top:0}
@media(max-width:900px){.order-v87-payment-wide dl{grid-template-columns:1fr 1fr}.order-v87-payment-wide dl>div:nth-child(2){border-right:0}.order-v87-payment-wide dl>div:nth-child(-n+2){border-bottom:1px solid #e7ebf0}}
@media(max-width:560px){.order-v87-payment-wide dl{grid-template-columns:1fr}.order-v87-payment-wide dl>div{border-right:0;border-bottom:1px solid #e7ebf0!important}.order-v87-payment-wide dl>div:last-child{border-bottom:0!important}}

/* PORTEFEUILLE V90 — vue financière compacte et professionnelle. */
body[data-route="wallet"] .content{padding:14px 18px 32px;background:#f4f6f9}
.wallet-v90{width:100%;max-width:1320px;margin:0 auto;color:#233148}.wallet-v90-header{min-height:65px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wallet-v90-kicker{display:block;color:#637a98;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.wallet-v90-header h1{margin:2px 0 3px;color:#17263b;font-size:22px;letter-spacing:-.035em}.wallet-v90-header p,.wallet-v90-history header p{margin:0;color:#7a8799;font-size:10px}.wallet-v90-account{padding:7px 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid #dbe3ec;border-radius:7px;background:#fff;color:#65758a;font-size:9px;font-weight:750}.wallet-v90-account i{color:#24815f;font-size:15px}
.wallet-v90-notice{min-height:47px;margin-bottom:10px;padding:9px 13px;display:flex;align-items:center;gap:10px;border:1px solid #bdd4ed;border-radius:9px;background:#f0f7ff;color:#315f92}.wallet-v90-notice>i{font-size:21px}.wallet-v90-notice>div{display:grid}.wallet-v90-notice strong{font-size:10px}.wallet-v90-notice span{margin-top:2px;font-size:9px}
.wallet-v90-overview{margin-bottom:12px;display:grid;grid-template-columns:minmax(300px,1.35fr) repeat(3,minmax(175px,.72fr));overflow:hidden;border:1px solid #d9e1e9;border-radius:12px;background:#fff;box-shadow:0 4px 15px rgba(22,40,64,.035)}.wallet-v90-overview>article{min-width:0;min-height:105px;padding:18px;display:flex;align-items:center;border-right:1px solid #e5eaf0}.wallet-v90-overview>article:last-child{border-right:0}.wallet-v90-balance{position:relative;justify-content:space-between;overflow:hidden;background:linear-gradient(120deg,#173d6c,#245b91)}.wallet-v90-balance:after{content:"";position:absolute;right:-32px;top:-68px;width:165px;height:165px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 25px rgba(255,255,255,.035)}.wallet-v90-balance>div,.wallet-v90-balance>i{position:relative;z-index:1}.wallet-v90-balance span,.wallet-v90-stat span{display:block;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.wallet-v90-balance span,.wallet-v90-balance small{color:#c7d6e8}.wallet-v90-balance strong{display:block;margin:2px 0;color:#fff;font-size:26px;letter-spacing:-.045em}.wallet-v90-balance small,.wallet-v90-stat small{font-size:8px}.wallet-v90-balance>i{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.17);border-radius:10px;background:rgba(255,255,255,.09);color:#fff;font-size:22px}.wallet-v90-stat{gap:11px}.wallet-v90-stat>i{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#edf3fa;color:#47709e;font-size:18px}.wallet-v90-stat.credit>i{background:#e8f5ef;color:#1c805f}.wallet-v90-stat.debit>i{background:#f9ecee;color:#ad4d59}.wallet-v90-stat span{color:#8793a4}.wallet-v90-stat strong{display:block;margin:3px 0 1px;color:#27364b;font-size:16px}.wallet-v90-stat small{display:block;color:#9aa4b1;white-space:nowrap}
.wallet-v90-actions{margin-bottom:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.wallet-v90-card{padding:0;overflow:hidden;border:1px solid #dae2ea;border-radius:11px;background:#fff;box-shadow:0 3px 12px rgba(22,40,64,.03)}.wallet-v90-card>header{min-height:75px;padding:14px 16px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #e7ebf0;background:#fbfcfe}.wallet-v90-card-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;font-size:20px}.wallet-v90-card-icon.card{background:#e9f2fd;color:#2b67ad}.wallet-v90-card-icon.gift{background:#f7f0df;color:#966f21}.wallet-v90-card header small{display:block;color:#8492a5;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.wallet-v90-card header h2{margin:2px 0;color:#253348;font-size:13px}.wallet-v90-card header p{margin:0;color:#8894a4;font-size:9px}.wallet-v90-form{padding:14px 16px}.wallet-v90-form>label{display:block;margin-bottom:6px;color:#58677c;font-size:9px;font-weight:780}.wallet-v90-input{height:40px;display:flex;align-items:center;overflow:hidden;border:1px solid #ccd6e1;border-radius:8px;background:#fff;transition:.15s}.wallet-v90-input:focus-within{border-color:#7ba2cf;box-shadow:0 0 0 3px rgba(42,103,173,.08)}.wallet-v90-input>span,.wallet-v90-input>i{height:100%;min-width:39px;display:grid;place-items:center;border-right:1px solid #dde4eb;background:#f6f8fa;color:#556981;font-size:14px;font-weight:800}.wallet-v90-input input{height:100%;min-width:0;flex:1;padding:0 11px;border:0!important;border-radius:0;box-shadow:none!important;background:#fff;color:#29384c;font-size:11px}.wallet-v90-input.code input{text-transform:uppercase;letter-spacing:.055em}.wallet-v90-form-footer{min-height:36px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.wallet-v90-form-footer small{display:flex;align-items:center;gap:5px;color:#8290a1;font-size:8px}.wallet-v90-form-footer small i{color:#278064;font-size:13px}.wallet-v90-form-footer .btn{min-height:34px;padding:7px 11px;border-radius:7px;font-size:9px;box-shadow:none}
.wallet-v90-history{overflow:hidden;border:1px solid #dae2ea;border-radius:11px;background:#fff;box-shadow:0 3px 12px rgba(22,40,64,.03)}.wallet-v90-history>header{min-height:68px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e5eaf0;background:#fbfcfe}.wallet-v90-history header h2{margin:2px 0;color:#253348;font-size:14px}.wallet-v90-count{padding:4px 8px;border-radius:999px;background:#edf2f7;color:#647489;font-size:8px;font-weight:800}.wallet-v90-transactions{display:grid}.wallet-v90-transaction{min-height:58px;padding:9px 16px;display:grid;grid-template-columns:34px minmax(0,1fr) 110px 110px;align-items:center;gap:11px;border-bottom:1px solid #edf0f4}.wallet-v90-transaction:last-child{border-bottom:0}.wallet-v90-transaction:hover{background:#fafcff}.wallet-v90-tx-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;font-size:16px}.wallet-v90-tx-icon.credit{background:#e9f5f0;color:#1b7e5e}.wallet-v90-tx-icon.debit{background:#f9ecee;color:#a94d59}.wallet-v90-tx-copy{min-width:0;display:grid}.wallet-v90-tx-copy strong{overflow:hidden;color:#344258;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.wallet-v90-tx-copy small{margin-top:2px;color:#929dab;font-size:8px}.wallet-v90-type{justify-self:start;padding:4px 7px;border-radius:999px;background:#eef2f7;color:#69798d;font-size:8px;font-weight:750}.wallet-v90-amount{text-align:right;font-size:11px;white-space:nowrap}.wallet-v90-amount.credit{color:#197c5c}.wallet-v90-amount.debit{color:#a54652}.wallet-v90-empty{min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8995a4}.wallet-v90-empty>i{margin-bottom:7px;font-size:27px}.wallet-v90-empty strong{color:#59677a;font-size:11px}.wallet-v90-empty span{margin-top:3px;font-size:9px}
@media(max-width:1050px){.wallet-v90-overview{grid-template-columns:1fr 1fr}.wallet-v90-overview>article:nth-child(2){border-right:0}.wallet-v90-overview>article:nth-child(-n+2){border-bottom:1px solid #e5eaf0}}
@media(max-width:760px){body[data-route="wallet"] .content{padding:10px}.wallet-v90-header{align-items:flex-start;flex-direction:column;gap:8px}.wallet-v90-actions{grid-template-columns:1fr}.wallet-v90-transaction{grid-template-columns:34px minmax(0,1fr) auto}.wallet-v90-type{display:none}.wallet-v90-amount{grid-column:3}}
@media(max-width:520px){.wallet-v90-overview{grid-template-columns:1fr}.wallet-v90-overview>article{min-height:88px;border-right:0;border-bottom:1px solid #e5eaf0}.wallet-v90-overview>article:last-child{border-bottom:0}.wallet-v90-form-footer{align-items:flex-start;flex-direction:column}.wallet-v90-form-footer .btn{width:100%}.wallet-v90-history>header{align-items:flex-start}.wallet-v90-transaction{padding:9px 11px}.wallet-v90-amount{font-size:10px}}

/* PORTEFEUILLE V91 — actions renforcées et historique paginé. */
.wallet-v90-overview{grid-template-columns:minmax(330px,1.35fr) repeat(2,minmax(210px,.82fr))}
.wallet-v90-header{justify-content:flex-start}
.wallet-v91-action{position:relative;border-color:#d5dee8;box-shadow:0 6px 18px rgba(24,42,67,.045)}.wallet-v91-action:before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:3px}.wallet-v91-action.recharge:before{background:#316da9}.wallet-v91-action.gift:before{background:#b88932}.wallet-v91-action>header{position:relative;min-height:82px;padding:16px 17px;background:linear-gradient(90deg,#f8fafc,#fff)}.wallet-v91-action.recharge>header{background:linear-gradient(100deg,#f3f8fd,#fff 68%)}.wallet-v91-action.gift>header{background:linear-gradient(100deg,#fbf8f0,#fff 68%)}.wallet-v91-action .wallet-v90-card-icon{width:42px;height:42px;border:1px solid rgba(70,103,139,.09);box-shadow:0 3px 8px rgba(24,42,67,.05)}.wallet-v91-action header h2{font-size:14px}.wallet-v91-action header p{margin-top:2px}.wallet-v91-card-label{margin-left:auto;padding:5px 8px;display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;border:1px solid #dce4ed;border-radius:6px;background:#fff;color:#60738b;font-size:8px;font-weight:800;text-decoration:none}.wallet-v91-card-label i{color:#268061;font-size:12px}.wallet-v91-action.gift .wallet-v91-card-label{border-color:#e7dcc4;color:#876821}.wallet-v91-action.gift .wallet-v91-card-label:hover{background:#f8f1e3;color:#765817}.wallet-v91-action .wallet-v90-form{padding:16px 17px 15px}.wallet-v91-action .wallet-v90-input{height:43px}.wallet-v91-action .wallet-v90-input input{font-size:12px}.wallet-v91-hint{margin-top:7px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8b97a7;font-size:8px}.wallet-v91-hint span{display:inline-flex;align-items:center;gap:4px}.wallet-v91-hint i{color:#557a9f;font-size:12px}.wallet-v91-action .wallet-v90-form-footer{margin-top:13px;padding-top:12px;border-top:1px solid #e9edf2}.wallet-v91-action .wallet-v90-form-footer .btn{min-width:132px}
.wallet-v91-pagination{min-height:52px;padding:9px 14px;display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid #e5eaf0;background:#fbfcfe}.wallet-v91-pagination>div{display:flex;align-items:center;gap:4px}.wallet-v91-pagination a{width:30px;height:30px;display:grid;place-items:center;border:1px solid #dce3eb;border-radius:7px;background:#fff;color:#607187;font-size:9px;font-weight:800;text-decoration:none}.wallet-v91-pagination a:hover{border-color:#aebfd2;background:#f3f7fb;color:#285f9b}.wallet-v91-pagination a.active{border-color:#2f68a5;background:#2f68a5;color:#fff;box-shadow:0 3px 8px rgba(47,104,165,.17)}.wallet-v91-pagination .wallet-v91-page-arrow{font-size:17px}.wallet-v91-pagination a.disabled{opacity:.38;pointer-events:none}
@media(max-width:1050px){.wallet-v90-overview{grid-template-columns:1fr 1fr}.wallet-v90-overview>.wallet-v90-balance{grid-column:1/-1;border-right:0;border-bottom:1px solid #e5eaf0}.wallet-v90-overview>article:nth-child(2){border-right:1px solid #e5eaf0;border-bottom:0}}
@media(max-width:650px){.wallet-v91-card-label{display:none}.wallet-v91-hint{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:520px){.wallet-v90-overview{grid-template-columns:1fr}.wallet-v90-overview>.wallet-v90-balance{grid-column:auto}.wallet-v90-overview>article:nth-child(2){border-right:0;border-bottom:1px solid #e5eaf0}.wallet-v91-pagination{padding-inline:8px;gap:6px}.wallet-v91-pagination a{width:28px;height:28px}}

/* PORTEFEUILLE V92 — cartes plus denses. */
.wallet-v90-overview>article{min-height:78px;padding:12px 14px}.wallet-v90-balance strong{margin:1px 0;font-size:21px}.wallet-v90-balance>i{width:34px;height:34px;border-radius:8px;font-size:18px}.wallet-v90-stat{gap:9px}.wallet-v90-stat>i{width:30px;height:30px;border-radius:7px;font-size:16px}.wallet-v90-stat strong{margin:2px 0 0;font-size:14px}.wallet-v90-balance span,.wallet-v90-stat span{font-size:7px}.wallet-v90-balance small,.wallet-v90-stat small{font-size:7px}
.wallet-v91-action>header{min-height:62px;padding:10px 13px}.wallet-v91-action .wallet-v90-card-icon{width:34px;height:34px;border-radius:8px;font-size:17px}.wallet-v91-action header h2{margin:1px 0;font-size:12px}.wallet-v91-action header p{margin:0;font-size:8px}.wallet-v91-action header small{font-size:6px}.wallet-v91-card-label{padding:4px 6px;font-size:7px}.wallet-v91-action .wallet-v90-form{padding:10px 13px}.wallet-v91-action .wallet-v90-form>label{margin-bottom:5px;font-size:8px}.wallet-v91-action .wallet-v90-input{height:36px}.wallet-v91-action .wallet-v90-input>span,.wallet-v91-action .wallet-v90-input>i{min-width:35px;font-size:13px}.wallet-v91-action .wallet-v90-input input{padding-inline:9px;font-size:10px}.wallet-v91-hint{margin-top:5px;font-size:7px}.wallet-v91-hint i{font-size:11px}.wallet-v91-action .wallet-v90-form-footer{min-height:31px;margin-top:8px;padding-top:8px}.wallet-v91-action .wallet-v90-form-footer small{font-size:7px}.wallet-v91-action .wallet-v90-form-footer .btn{min-width:118px;min-height:31px;padding:6px 9px;font-size:8px}
@media(max-width:520px){.wallet-v90-overview>article{min-height:72px;padding:11px 12px}.wallet-v91-action>header{min-height:58px}.wallet-v91-action .wallet-v90-form-footer .btn{min-height:33px}}

/* PORTEFEUILLE V93 — pagination asynchrone sans changement d’URL. */
.wallet-v91-pagination button{width:30px;height:30px;padding:0;display:grid;place-items:center;border:1px solid #dce3eb;border-radius:7px;background:#fff;color:#607187;font-family:inherit;font-size:9px;font-weight:800;cursor:pointer}.wallet-v91-pagination button:hover:not(:disabled){border-color:#aebfd2;background:#f3f7fb;color:#285f9b}.wallet-v91-pagination button.active{border-color:#2f68a5;background:#2f68a5;color:#fff;box-shadow:0 3px 8px rgba(47,104,165,.17)}.wallet-v91-pagination button:disabled{opacity:.38;cursor:default}.wallet-v91-pagination.loading{opacity:.65;pointer-events:none}.wallet-v91-pagination.loading:after{content:"";width:12px;height:12px;margin-left:2px;border:2px solid #c6d1de;border-top-color:#326ca8;border-radius:50%;animation:walletV93Spin .6s linear infinite}@keyframes walletV93Spin{to{transform:rotate(360deg)}}
@media(max-width:520px){.wallet-v91-pagination button{width:28px;height:28px}}

/* SERVICE V94 — mise à niveau d'hébergement avec prorata. */
.svc-upgrade-trigger{border-color:#cfd9e8;background:#fff;color:#315f9e;box-shadow:none}.svc-upgrade-trigger:hover{border-color:#9fb5d1;background:#f6f9fd}.svc-upgrade-modal{width:min(860px,calc(100vw - 30px));max-width:860px;overflow:hidden}.svc-upgrade-modal>form>header{align-items:flex-start;background:#fbfcfe}.svc-upgrade-modal header h3{color:#202b40;font-size:20px}.svc-upgrade-modal header p{margin:4px 0 0;color:#8a95a7;font-size:10px}.svc-upgrade-modal .svc-modal-body{padding:18px 20px;background:#f7f9fc}.svc-upgrade-current{margin-bottom:12px;padding:11px 13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #dce4ed;border-radius:10px;background:#fff}.svc-upgrade-current>span{display:inline-flex;align-items:center;gap:5px;color:#267557;font-size:9px;font-weight:800}.svc-upgrade-current>span i{font-size:15px}.svc-upgrade-current>strong{color:#2b374c;font-size:11px}.svc-upgrade-current>small{color:#7f8b9e;font-size:8px;text-align:right}.svc-upgrade-list{display:grid;gap:8px}.svc-upgrade-option{position:relative;padding:13px;display:grid;grid-template-columns:18px minmax(0,1fr) 145px;align-items:center;gap:12px;border:1px solid #dce3eb;border-radius:11px;background:#fff;cursor:pointer;transition:.16s}.svc-upgrade-option:hover{border-color:#aebfd3;box-shadow:0 4px 15px rgba(30,52,82,.04)}.svc-upgrade-option:has(input:checked){border-color:#7194bd;background:#fbfdff;box-shadow:0 0 0 2px rgba(56,105,159,.07)}.svc-upgrade-option>input{position:absolute;opacity:0;pointer-events:none}.svc-upgrade-radio{width:17px;height:17px;display:grid;place-items:center;border:1.5px solid #c7d0dc;border-radius:50%}.svc-upgrade-radio i{width:8px;height:8px;border-radius:50%;background:#356ea9;transform:scale(0);transition:.15s}.svc-upgrade-option:has(input:checked) .svc-upgrade-radio{border-color:#356ea9}.svc-upgrade-option:has(input:checked) .svc-upgrade-radio i{transform:scale(1)}.svc-upgrade-copy{min-width:0;display:grid}.svc-upgrade-copy>small{color:#8793a5;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.065em}.svc-upgrade-copy>strong{margin-top:2px;color:#253248;font-size:12px}.svc-upgrade-copy>em{margin-top:3px;overflow:hidden;color:#7b8799;font-size:8.5px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.svc-upgrade-copy>span{margin-top:7px;display:flex;flex-wrap:wrap;gap:5px}.svc-upgrade-copy>span b{padding:3px 6px;display:inline-flex;align-items:center;gap:3px;border-radius:5px;background:#f0f4f8;color:#66758a;font-size:7px;font-weight:750}.svc-upgrade-copy>span i{color:#23815f;font-size:10px}.svc-upgrade-price{min-width:0;padding-left:13px;display:grid;text-align:right;border-left:1px solid #e7ebf0}.svc-upgrade-price small{color:#8793a5;font-size:7px;font-weight:750}.svc-upgrade-price strong{margin:2px 0;color:#1e2d43;font-size:17px;letter-spacing:-.025em}.svc-upgrade-price em{color:#8b96a6;font-size:7px;font-style:normal}.svc-upgrade-note{margin-top:12px;padding:10px 12px;display:flex;align-items:flex-start;gap:9px;border:1px solid #ecd7ae;border-radius:9px;background:#fffaf0;color:#75591e}.svc-upgrade-note>i{margin-top:1px;color:#b77a18;font-size:18px}.svc-upgrade-note>span{display:grid;font-size:8.5px;line-height:1.45}.svc-upgrade-note strong{margin-bottom:2px;color:#674a14;font-size:9px}.svc-upgrade-modal footer .btn{min-height:36px;padding:7px 11px;font-size:9px}
@media(max-width:720px){.svc-upgrade-modal .svc-modal-body{padding:13px}.svc-upgrade-current{grid-template-columns:1fr}.svc-upgrade-current>small{text-align:left}.svc-upgrade-option{grid-template-columns:18px minmax(0,1fr)}.svc-upgrade-price{grid-column:2;padding:8px 0 0;text-align:left;border-left:0;border-top:1px solid #e7ebf0}.svc-upgrade-modal footer{display:grid;grid-template-columns:1fr}.svc-upgrade-modal footer .btn{width:100%}}
.svc-upgrade-pending{border-color:#cfd9e8;background:#fff;color:#315f9e;text-decoration:none;box-shadow:none}.svc-upgrade-pending:hover{border-color:#9fb5d1;background:#f6f9fd}

/* SUPPORT CLIENT — styles centralisés dans app-premium.css. */
.support-shell{max-width:1180px;margin:0 auto 42px}
.support-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:4px 0 20px}
.support-head h1,.ticket-detail-head h1{margin:5px 0 6px;color:#162238;font-size:30px;letter-spacing:-.04em}
.support-head p,.ticket-detail-head p{margin:0;color:#778296;font-size:13px}
.support-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.support-kpis article{display:flex;align-items:center;gap:13px;padding:16px 18px;background:#fff;border:1px solid #e5e9f0;border-radius:14px}
.support-kpis article>i{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#edf4ff;color:#1768e5;font-size:20px}
.support-kpis strong{display:block;color:#1e2a3f;font-size:19px}
.support-kpis span{display:block;margin-top:1px;color:#8b96a7;font-size:10px}
.support-list-panel{padding:0;overflow:hidden}
.support-list-head{display:flex;align-items:center;justify-content:space-between;padding:21px 23px 17px;border-bottom:1px solid #edf0f5}
.support-list-head h2{margin:0 0 4px;color:#1d293d;font-size:18px}
.support-list-head p{margin:0;color:#8993a3;font-size:11px}
.support-list-head>span{padding:5px 9px;border-radius:999px;background:#f2f5f9;color:#718096;font-size:10px;font-weight:750}
.support-ticket-list{padding:8px 18px 18px}
.support-ticket-card{display:grid;grid-template-columns:44px minmax(260px,1fr) 110px 115px 20px;gap:16px;align-items:center;padding:16px 5px;border-bottom:1px solid #eef1f5;color:inherit;text-decoration:none}
.support-ticket-card:last-child{border-bottom:0}
.support-ticket-card:hover .support-ticket-main strong{color:#1768e5}
.support-ticket-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#f1f5fb;color:#60728c;font-size:20px}
.support-ticket-main{min-width:0}
.support-ticket-main>div{display:flex;align-items:center;gap:9px}
.support-ticket-main strong{color:#233047;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-ticket-main p{margin:5px 0 0;color:#8b96a7;font-size:10px}
.support-ticket-priority>span,.support-ticket-date>span{display:block;color:#99a2b0;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.support-ticket-priority strong{display:inline-flex;margin-top:5px}
.support-ticket-date strong{display:block;margin-top:5px;color:#344157;font-size:11px}
.support-ticket-date small{display:block;margin-top:2px;color:#9ba4b2;font-size:9px}
.support-ticket-arrow{color:#a0a9b6;font-size:19px}
.support-empty{padding:50px 20px}
.support-modal .modal-head p{margin:5px 0 0;color:#8490a2;font-size:11px}
.ticket-detail-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}
.ticket-detail-head .back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:18px;color:#64748b;text-decoration:none;font-size:11px;font-weight:750}
.ticket-detail-head .head-actions{display:flex;align-items:center;gap:8px}
.ticket-client-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.support-conversation{display:flex;flex-direction:column;gap:12px}
.support-conversation .message{margin:0;padding:20px 22px;border:1px solid #e5e9f0;border-radius:15px;background:#fff;box-shadow:0 3px 12px rgba(22,32,50,.025)}
.support-conversation .admin-message{border-left:4px solid #1768e5;background:#fbfdff}
.support-conversation .client-message{margin-left:30px}
.support-conversation .message-meta{display:flex;align-items:center;gap:10px}
.support-conversation .message-meta strong{display:block;color:#253147;font-size:12px}
.support-conversation .message-meta small{display:block;margin-top:3px;color:#949eac;font-size:9px}
.support-conversation .message-body{margin-top:15px;color:#4e5d72;font-size:13px;line-height:1.75}
.support-conversation .attachment{display:inline-flex;align-items:center;gap:6px;margin-top:13px;padding:7px 10px;border-radius:8px;background:#f1f5fa;color:#4f6078;text-decoration:none;font-size:10px}
.support-reply-box{margin-top:15px;padding:20px}
.reply-box-title{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.reply-box-title>i{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#edf4ff;color:#1768e5;font-size:18px}
.reply-box-title strong,.reply-box-title span{display:block}
.reply-box-title strong{color:#263249;font-size:13px}
.reply-box-title span{margin-top:3px;color:#8c96a6;font-size:10px}
.support-reply-box textarea{width:100%}
.ticket-client-aside{display:flex;flex-direction:column;gap:12px}
.ticket-info-panel,.ticket-action-panel,.ticket-history-panel{padding:19px}
.ticket-info-panel>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #edf0f4}
.ticket-info-panel>div:last-child{border-bottom:0}
.ticket-info-panel span{color:#8d98a8;font-size:10px}
.ticket-info-panel strong{color:#344158;font-size:10px;text-align:right}
.ticket-action-panel h2,.ticket-history-panel h2{margin:0 0 7px;color:#273349;font-size:14px}
.ticket-action-panel p{margin:0 0 15px;color:#7f8b9e;font-size:10px;line-height:1.55}
.ticket-closed-note{display:flex;align-items:center;gap:13px;margin-top:15px;padding:18px}
.ticket-closed-note>i{font-size:27px;color:#0aa171}
.ticket-closed-note strong{color:#273349;font-size:13px}
.ticket-closed-note p{margin:3px 0 0;color:#8490a2;font-size:10px}
.priority{font-style:normal}
.priority.low{background:#eff3f7;color:#657387}
.priority.normal{background:#edf4ff;color:#1768e5}
.priority.high{background:#fff3df;color:#a85a06}
.priority.urgent{background:#fff0f2;color:#c83245}
@media(max-width:900px){.support-ticket-card{grid-template-columns:42px minmax(0,1fr) 105px 20px}
.support-ticket-priority{display:none}
.ticket-client-layout{grid-template-columns:1fr}
.ticket-client-aside{display:grid;grid-template-columns:repeat(2,1fr)}
.ticket-history-panel{grid-column:1/-1}
}
@media(max-width:650px){.support-head,.ticket-detail-head{align-items:flex-start;flex-direction:column}
.support-head .btn{width:100%;justify-content:center}
.support-kpis{grid-template-columns:1fr}
.support-ticket-card{grid-template-columns:38px minmax(0,1fr) 18px;padding:14px 0}
.support-ticket-date{display:none}
.support-ticket-main>div{align-items:flex-start;flex-direction:column;gap:5px}
.ticket-client-aside{display:flex}
.support-conversation .client-message{margin-left:0}
.ticket-detail-head .head-actions{flex-wrap:wrap}
.support-head h1,.ticket-detail-head h1{font-size:25px}
}

/* SUPPORT V96 — création de ticket dense et professionnelle. */
.ticket-new-shell{max-width:none;margin-top:3px}.ticket-new-head{margin:0 0 16px;display:flex;align-items:center;gap:14px}.ticket-back-button{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border:1px solid #dce2eb;border-radius:9px;background:#fff;color:#43516a;font-size:18px;box-shadow:0 3px 10px rgba(25,40,65,.035)}.ticket-new-head h1{margin:0;color:#1a2639;font-size:21px;letter-spacing:-.035em}.ticket-new-head p{margin:2px 0 0;color:#7f899a;font-size:10px}.ticket-new-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.ticket-new-form{padding:0;overflow:hidden;border-color:#dfe4eb;border-radius:11px;box-shadow:0 5px 19px rgba(19,35,59,.035)}.ticket-card-head{min-height:65px;padding:14px 18px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #e7ebf0;background:#fbfcfe}.ticket-card-head>span{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#edf4ff;color:#1768e5;font-size:18px}.ticket-card-head h2{margin:0;color:#263247;font-size:13px}.ticket-card-head p{margin:2px 0 0;color:#8b95a5;font-size:8px}.ticket-field-row{min-height:72px;padding:13px 18px;display:grid;grid-template-columns:138px minmax(0,1fr);align-items:center;gap:15px;border-bottom:1px solid #edf0f4}.ticket-field-row>label,.ticket-message-label>label{color:#344158;font-size:10px;font-weight:800}.ticket-field-row>label b,.ticket-message-label b{color:#df4056}.ticket-field-row>label em{display:block;margin-top:2px;color:#9ba4b2;font-size:7px;font-style:normal;font-weight:650}.ticket-field-control{display:grid;grid-template-columns:minmax(240px,1fr) minmax(170px,.56fr);align-items:center;gap:14px}.ticket-field-control input,.ticket-field-control select{width:100%;height:39px;padding:0 12px;border:1px solid #d6dde7;border-radius:8px;background:#fff;color:#2b374b;font-size:10px;box-shadow:0 1px 3px rgba(22,39,65,.025)}.ticket-field-control select{padding-right:34px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#7b8799 50%),linear-gradient(135deg,#7b8799 50%,transparent 50%);background-position:calc(100% - 16px) 16px,calc(100% - 12px) 16px;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.ticket-field-control input:focus,.ticket-field-control select:focus,.ticket-message-block textarea:focus{outline:0;border-color:#4384e5;box-shadow:0 0 0 3px rgba(23,104,229,.09)}.ticket-field-control>small{display:flex;align-items:flex-start;gap:6px;color:#8490a2;font-size:8px;line-height:1.4}.ticket-field-control>small i{margin-top:1px;color:#6f7d92;font-size:13px}.ticket-invoice-row{background:#f8fbff}.ticket-invoice-row[hidden]{display:none}.ticket-message-block{padding:17px 18px 15px}.ticket-message-label{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.ticket-message-label>span{color:#9aa3b1;font-size:7px}.ticket-password-warning{margin-bottom:8px;padding:9px 11px;display:flex;align-items:center;gap:8px;border:1px solid #bce0d0;border-radius:7px;background:#eff9f4;color:#34705a;font-size:8px}.ticket-password-warning>i{font-size:15px}.ticket-password-warning strong{color:#237253}.ticket-message-block textarea{width:100%;min-height:205px;padding:13px;border:1px solid #d6dde7;border-radius:8px;background:#fff;color:#344158;font-size:10px;line-height:1.65;resize:vertical}.ticket-upload{position:relative;min-height:56px;margin:0 18px 16px;padding:10px 12px;display:flex!important;align-items:center;flex-direction:row!important;gap:10px!important;border:1px dashed #cad5e3;border-radius:8px;background:#f8fafc;cursor:pointer}.ticket-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ticket-upload>i{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#eaf2fc;color:#276fca;font-size:17px}.ticket-upload>span{display:grid}.ticket-upload strong{color:#344158;font-size:9px}.ticket-upload small{color:#8e98a8!important;font-size:7px!important}.ticket-new-actions{min-height:62px;padding:12px 18px;display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid #e7ebf0;background:#fbfcfd}.ticket-new-actions .btn{min-width:116px;min-height:36px;padding:7px 12px;font-size:9px}.ticket-new-aside{position:sticky;top:88px;display:grid;gap:12px}.ticket-advice-card{padding:0;overflow:hidden;border-radius:11px;box-shadow:none}.ticket-advice-card>header{min-height:58px;padding:13px 15px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e8ebf0}.ticket-advice-card>header span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#edf4ff;color:#1768e5;font-size:17px}.ticket-advice-card h2{margin:0;color:#29364a;font-size:10px}.ticket-advice-card ol{margin:0;padding:13px 15px 16px;display:grid;gap:14px;list-style:none}.ticket-advice-card li{display:grid;grid-template-columns:22px 1fr;gap:9px}.ticket-advice-card li>b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#f3f6fa;color:#52627a;font-size:8px}.ticket-advice-card li>span{display:grid}.ticket-advice-card li strong{color:#364359;font-size:9px}.ticket-advice-card li small{margin-top:2px;color:#8994a4;font-size:8px;line-height:1.45}.ticket-security-card{padding:15px;display:grid;grid-template-columns:34px 1fr;gap:10px;border-color:#d9e8e0;border-radius:11px;background:#f7fbf9;box-shadow:none}.ticket-security-card>i{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#e5f5ed;color:#17845f;font-size:17px}.ticket-security-card strong{color:#344d43;font-size:9px}.ticket-security-card p{margin:3px 0 0;color:#7c9087;font-size:7.5px;line-height:1.5}
@media(max-width:1100px){.ticket-new-layout{grid-template-columns:minmax(0,1fr) 280px}.ticket-field-control{grid-template-columns:1fr}.ticket-field-control>small{display:none}}
@media(max-width:850px){.ticket-new-layout{grid-template-columns:1fr}.ticket-new-aside{position:static;grid-template-columns:1fr 1fr}}
@media(max-width:650px){.ticket-new-head h1{font-size:18px}.ticket-new-head p{font-size:8px}.ticket-field-row{grid-template-columns:1fr;gap:7px;padding:12px 14px}.ticket-field-control{grid-template-columns:1fr}.ticket-message-block{padding:14px}.ticket-message-label{align-items:flex-start;gap:8px}.ticket-upload{margin:0 14px 14px}.ticket-new-actions{padding:11px 14px;display:grid;grid-template-columns:1fr 1fr}.ticket-new-actions .btn{min-width:0}.ticket-new-aside{grid-template-columns:1fr}}

/* SUPPORT V97 — sélecteurs personnalisés avec icônes et statuts. */
.ticket-new-form{overflow:visible}.ticket-service-row[hidden]{display:none}.ticket-native-select{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.ticket-custom-select{position:relative;min-width:0}.ticket-custom-select.open{z-index:35}.ticket-select-trigger{width:100%;min-height:39px;padding:5px 10px;display:grid;grid-template-columns:23px minmax(0,1fr) auto 17px;align-items:center;gap:8px;border:1px solid #d6dde7;border-radius:8px;background:#fff;color:#2b374b;text-align:left;box-shadow:0 1px 3px rgba(22,39,65,.025);cursor:pointer}.ticket-custom-select.open .ticket-select-trigger{border-color:#4384e5;box-shadow:0 0 0 3px rgba(23,104,229,.09)}.ticket-custom-select.invalid .ticket-select-trigger{border-color:#d9435f;box-shadow:0 0 0 3px rgba(217,67,95,.08)}.ticket-custom-select.disabled{opacity:.6}.ticket-select-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:6px;background:#f2f5f9;color:#66758a;font-size:14px}.ticket-select-value{min-width:0;display:grid}.ticket-select-value strong{overflow:hidden;color:#303c50;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.ticket-select-value small{overflow:hidden;margin-top:1px;color:#8a95a5;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.ticket-select-trigger>em,.ticket-select-option>em{padding:3px 6px;border-radius:999px;background:#f0f3f7;color:#67758a;font-size:6.5px;font-style:normal;font-weight:800;white-space:nowrap}.ticket-select-arrow{color:#9aa4b2;font-size:15px;transition:transform .15s}.ticket-custom-select.open .ticket-select-arrow{transform:rotate(180deg)}.ticket-select-panel{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:50;overflow:hidden;border:1px solid #d8dfe8;border-radius:8px;background:#fff;box-shadow:0 13px 30px rgba(22,37,61,.14)}.ticket-select-panel[hidden]{display:none}.ticket-select-search{height:39px;padding:0 10px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #e8ecf1;background:#fbfcfd}.ticket-select-search i{color:#8995a5;font-size:15px}.ticket-select-search input{width:100%;height:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#354257;font-size:9px!important}.ticket-select-options{max-height:240px;padding:4px;overflow:auto}.ticket-select-option{width:100%;min-height:37px;padding:6px 7px;display:grid;grid-template-columns:23px minmax(0,1fr) auto 17px;align-items:center;gap:8px;border:0;border-radius:6px;background:#fff;color:#344158;text-align:left;cursor:pointer}.ticket-select-option:hover{background:#f5f7fa}.ticket-select-option[aria-selected="true"]{background:#f1f6fd}.ticket-select-option>span:not(.ticket-select-icon){min-width:0;display:grid}.ticket-select-option strong{overflow:hidden;font-size:9.5px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.ticket-select-option small{overflow:hidden;margin-top:1px;color:#8c97a7;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.ticket-select-check{color:#2f6fbf;font-size:15px;opacity:0}.ticket-select-option[aria-selected="true"] .ticket-select-check{opacity:1}.ticket-select-empty{margin:0;padding:18px 10px;color:#929cab;text-align:center;font-size:8px}.ticket-select-icon.tone-low{background:#f2f4f7;color:#718096}.ticket-select-icon.tone-normal{background:#edf4ff;color:#1673f9}.ticket-select-icon.tone-high{background:#fff3e8;color:#f06e2f}.ticket-select-icon.tone-urgent{background:#fff0f2;color:#ef334f}.ticket-select-trigger>em.tone-success,.ticket-select-option>em.tone-success{background:#e8f7ef;color:#17815d}.ticket-select-trigger>em.tone-neutral,.ticket-select-option>em.tone-neutral{background:#f0f3f7;color:#67758a}
@media(max-width:650px){.ticket-select-panel{position:absolute;left:0;right:0;top:calc(100% + 5px);bottom:auto;max-height:min(52vh,320px);border-radius:11px}.ticket-select-options{max-height:min(calc(52vh - 48px),272px);overflow-y:auto;-webkit-overflow-scrolling:touch}.ticket-select-trigger{min-height:42px}}

/* SIDEBAR V100 — dimensions, police et navigation client. */
:root{--sidebar:320px}
body .sidebar{width:var(--sidebar)!important;padding:19px 6px 13px 16px!important;background:#0a1230!important;border-right:1px solid rgba(255,255,255,.08)!important;font-family:"Plus Jakarta Sans",Inter,"Segoe UI",sans-serif!important}
body .sidebar .brand{min-height:45px;margin:0 10px 25px!important;padding:0!important;display:flex!important;align-items:center!important;color:#f8f9ff!important;font-family:"Plus Jakarta Sans",Inter,"Segoe UI",sans-serif!important;font-size:23px!important;font-weight:500!important;line-height:1!important;letter-spacing:-.04em!important}.brand-wordmark{position:relative;display:inline-block;white-space:nowrap}.brand-wordmark:after{content:"";position:absolute;right:0;bottom:-5px;width:52%;height:3px;border-radius:99px;background:#0076ff}
body .sidebar .nav-main{flex:1;min-height:0;margin:0!important;padding:0 2px 12px 0;display:block!important;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dce4f4 transparent}body .sidebar .nav-main::-webkit-scrollbar{width:7px}body .sidebar .nav-main::-webkit-scrollbar-track{background:transparent}body .sidebar .nav-main::-webkit-scrollbar-thumb{border-radius:99px;background:#dce4f4}
.sidebar-nav-section{display:block;margin:0 0 12px}.sidebar-nav-section:last-child{margin-bottom:3px}body .sidebar .nav-main .nav-label{margin:0 8px 5px!important;color:#9fa7bf!important;font-family:"Plus Jakarta Sans",Inter,"Segoe UI",sans-serif!important;font-size:12px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:-.015em!important;text-transform:none!important}
body .sidebar .nav-main a[data-sidebar="menu-button"]{width:100%!important;min-height:32px!important;margin:0 0 1px!important;padding:5px 8px!important;display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:center!important;column-gap:6px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#f1f1f1!important;font-family:"Plus Jakarta Sans",Inter,"Segoe UI",sans-serif!important;font-size:13px!important;font-weight:400!important;line-height:1.35!important;letter-spacing:-.02em!important;text-decoration:none!important}body .sidebar .nav-main a[data-sidebar="menu-button"]>i:first-child{grid-column:1!important;width:18px!important;min-width:18px!important;margin:0!important;color:#f1f1f1!important;font-size:14px!important;text-align:center!important}body .sidebar .nav-main a[data-sidebar="menu-button"]>span:not(.nav-new-badge){grid-column:2!important;min-width:0!important;width:auto!important;margin:0!important;color:inherit!important;font-size:inherit!important;text-align:left!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}body .sidebar .nav-main a[data-sidebar="menu-button"]:hover{background:#101c3e!important;color:#fff!important}body .sidebar .nav-main a[data-sidebar="menu-button"].active{background:#142149!important;color:#fff!important;font-weight:500!important;box-shadow:none!important}body .sidebar .nav-main a[data-sidebar="menu-button"].active:before{display:none!important}
body .sidebar .ticket-nav-link{grid-template-columns:18px minmax(0,1fr) auto!important}.nav-ticket-badge{grid-column:3;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#f04b3f;color:#fff;font:750 9px/1 "Plus Jakarta Sans",sans-serif;box-shadow:0 0 0 2px rgba(240,75,63,.12)}body .sidebar .referral-nav-link{grid-template-columns:18px minmax(0,1fr) auto!important}body .sidebar .referral-nav-link .nav-new-badge{grid-column:3!important;width:auto!important;margin:0!important;padding:3px 7px!important;background:rgba(51,154,255,.14)!important;color:#75b9ff!important;font-size:8px!important}
.sidebar-account{position:relative;flex:0 0 auto;margin:0}.sidebar-account>summary{list-style:none}.sidebar-account>summary::-webkit-details-marker{display:none}body .sidebar .sidebar-profile{width:100%!important;min-height:44px;margin:0!important;padding:6px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) 20px!important;align-items:center!important;gap:10px!important;border:0!important;border-radius:8px;background:transparent;cursor:pointer;transition:background .16s ease}body .sidebar .sidebar-profile:hover{background:#101c3e}.sidebar-account[open]>.sidebar-profile{background:#142149}body .sidebar .sidebar-profile .avatar{width:32px!important;height:32px!important;border-radius:8px!important;background:#05295b!important;color:#087cff!important;font-size:12px!important;font-weight:500!important}body .sidebar .sidebar-profile>span:nth-child(2){min-width:0!important;display:flex!important;flex-direction:column!important}body .sidebar .sidebar-profile strong{overflow:hidden;color:#fff!important;font:600 14px/1.3 "Plus Jakarta Sans",sans-serif!important;text-overflow:ellipsis;white-space:nowrap}body .sidebar .sidebar-profile small{overflow:hidden;color:#f1f1f1!important;font:400 10px/1.35 "Plus Jakarta Sans",sans-serif!important;text-overflow:ellipsis;white-space:nowrap}.account-chevrons{display:grid!important;place-items:center;gap:0;color:#f1f1f1}.account-chevrons i{height:8px;font-size:15px;line-height:8px}
.sidebar-account-menu{position:absolute;z-index:80;left:calc(100% + 5px);right:auto;bottom:0;width:236px;padding:0;overflow:hidden;border:1px solid #dce2eb;border-radius:9px;background:#fff;color:#202536;box-shadow:0 7px 18px rgba(9,18,43,.16)}.sidebar-account-menu-head{min-height:57px;padding:9px 10px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;border-bottom:1px solid #e1e5eb;background:#fff}.sidebar-account-menu-head .avatar{width:36px!important;height:36px!important;border-radius:50%!important;background:#e8f2ff!important;color:#0873de!important;font-size:12px!important;font-weight:600!important}.sidebar-account-menu-head>span:last-child{min-width:0;display:flex;flex-direction:column}.sidebar-account-menu-head strong{overflow:hidden;color:#171b2a;font-size:13px;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.sidebar-account-menu-head small{overflow:hidden;color:#4a5060;font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.sidebar-account-menu nav{padding:3px 0;border-bottom:1px solid #e1e5eb}.sidebar-account-menu a,.sidebar-account-menu button{width:100%;min-height:36px;padding:6px 11px;display:grid;grid-template-columns:19px minmax(0,1fr);align-items:center;gap:7px;border:0;border-radius:0;background:#fff;color:#242938;font-family:"Plus Jakarta Sans",sans-serif;font-size:12px;font-weight:400;text-align:left;cursor:pointer}.sidebar-account-menu a:hover,.sidebar-account-menu button:hover{background:#f5f7fa;color:#171b2a}.sidebar-account-menu i{width:19px;color:#7b879a;font-size:16px;text-align:center}.sidebar-account-menu .logout-form{display:block!important;padding:3px 0!important}.sidebar-account-menu .logout-form button,.sidebar-account-menu .logout-form button i{color:#ff3f48}
.sidebar-version{margin:13px 6px 0;color:#8a94b1;font:400 12px/1.3 "Plus Jakarta Sans",sans-serif}body .app-main{margin-left:var(--sidebar)}
@media(max-width:800px){body .sidebar{width:min(320px,88vw)!important;padding:15px 6px 12px 16px!important}body .sidebar .brand{min-height:45px;margin:0 10px 25px!important;font-size:23px!important}body .app-main{margin-left:0}}@media(max-width:650px){.sidebar-account-menu{position:fixed;left:12px;right:12px;bottom:12px;width:auto}}

/* Espacement léger et régulier entre les catégories du menu. */
.sidebar .sidebar-nav-section{margin-bottom:13px}

/* Recherche globale du Cloud Manager. */
.topbar-global-search{position:relative;width:min(560px,44vw);min-width:260px;flex:0 1 560px;margin-right:auto}.topbar-global-search>label{height:42px;padding:0 9px 0 13px;display:flex;align-items:center;gap:10px;border:1px solid #dce3ec;border-radius:9px;background:#f7f9fc;color:#7f8b9d;cursor:text;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.topbar-global-search>label:hover{border-color:#c2cfdf;background:#fafcff}.topbar-global-search.is-open>label,.topbar-global-search>label:focus-within{border-color:#8db2e4;background:#fff;box-shadow:0 0 0 3px rgba(39,104,193,.1)}.topbar-global-search>label>i{flex:0 0 auto;color:#66809f;font-size:19px}.topbar-global-search input{min-width:0;height:40px;padding:0;flex:1;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#29384d;font-size:12px}.topbar-global-search input::placeholder{color:#8e99a9}.topbar-global-search kbd{height:25px;padding:0 7px;display:flex;align-items:center;gap:4px;flex:0 0 auto;border:1px solid #dce3ec;border-bottom-color:#cbd5e1;border-radius:6px;background:#fff;color:#7d899a;font:700 9px "Plus Jakarta Sans",Inter,sans-serif;box-shadow:0 1px 0 #dce3ec}.topbar-global-search kbd b{font-size:10px}.topbar-global-search-panel{position:absolute;z-index:220;left:0;top:calc(100% + 9px);width:100%;min-width:430px;max-height:min(570px,calc(100vh - 96px));overflow:hidden;border:1px solid #dce3ec;border-radius:12px;background:#fff;box-shadow:0 22px 55px rgba(25,42,70,.18),0 4px 12px rgba(25,42,70,.06)}.topbar-global-search-panel[hidden]{display:none!important}.topbar-global-search-panel>header{height:40px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e9edf2;background:#fafbfd}.topbar-global-search-panel>header>span{color:#47566c;font-size:9px;font-weight:800}.topbar-global-search-panel>header>small{color:#98a1af;font-size:7.5px}.topbar-global-search-results{max-height:min(510px,calc(100vh - 144px));padding:6px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c5ccd7 transparent}.topbar-global-search-group+section{margin-top:4px;padding-top:5px;border-top:1px solid #edf0f4}.topbar-global-search-group h3{margin:0;padding:5px 8px 4px;color:#8c97a8;font-size:7px;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.topbar-global-search-result{min-height:48px;padding:5px 7px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:9px;border-radius:8px;color:#2b394e;text-decoration:none}.topbar-global-search-result:hover,.topbar-global-search-result.active{background:#f0f5fc;color:#234c82}.topbar-global-search-result>span:first-child{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;background:#eaf2fd;color:#2d69b9;font-size:17px}.topbar-global-search-result.type-service>span:first-child{background:#eaf8f2;color:#17835d}.topbar-global-search-result.type-order>span:first-child{background:#fff4e5;color:#ad6915}.topbar-global-search-result.type-invoice>span:first-child{background:#f1edff;color:#7052c6}.topbar-global-search-result.type-ticket>span:first-child{background:#eaf7fa;color:#17758d}.topbar-global-search-result>span:nth-child(2){min-width:0;display:grid}.topbar-global-search-result strong{overflow:hidden;color:#2b394e;font-size:10px;font-weight:750;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.topbar-global-search-result small{overflow:hidden;margin-top:1px;color:#8994a5;font-size:8px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.topbar-global-search-result>i{color:#a0aaba;font-size:16px}.topbar-global-search-empty{min-height:150px;padding:24px;display:grid;place-items:center;align-content:center;gap:4px;text-align:center}.topbar-global-search-empty[hidden]{display:none!important}.topbar-global-search-empty>i{margin-bottom:3px;color:#7790b2;font-size:24px}.topbar-global-search-empty>strong{color:#445268;font-size:10px}.topbar-global-search-empty>span{color:#919baa;font-size:8px}.topbar-global-search-empty .bx-spin{animation:global-search-spin .8s linear infinite}@keyframes global-search-spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.topbar-global-search{width:min(410px,38vw);min-width:210px}.topbar-global-search-panel{min-width:390px}.topbar-global-search-panel>header>small{display:none}}
@media(max-width:700px){.topbar-global-search{width:38px;min-width:38px;flex:0 0 38px}.topbar-global-search>label{width:38px;height:38px;padding:0;justify-content:center}.topbar-global-search>label>i{font-size:20px}.topbar-global-search>label input,.topbar-global-search>label kbd{display:none}.topbar-global-search.is-open{position:fixed;z-index:260;left:8px;right:8px;top:8px;width:auto;min-width:0;margin:0}.topbar-global-search.is-open>label{width:100%;height:44px;padding:0 12px;justify-content:flex-start;background:#fff}.topbar-global-search.is-open>label input{height:42px;display:block}.topbar-global-search-panel{top:calc(100% + 7px);width:100%;min-width:0;max-height:calc(100vh - 68px)}.topbar-global-search-results{max-height:calc(100vh - 116px)}.topbar-global-search-result{min-height:52px}.topbar-global-search-panel>header{height:39px}}
.sidebar .sidebar-nav-section:last-child{margin-bottom:3px}

/* Bêta — bannière d'avis, modal et confirmation. */
.beta-feedback-banner{min-height:66px;margin:0 10px;padding:13px 20px;display:flex;align-items:center;gap:16px;border:1px solid #d5e4ff;border-top:0;border-radius:0 0 14px 14px;background:#f0f6ff;color:#073da5;font-family:"Plus Jakarta Sans",Inter,"Segoe UI",sans-serif}.beta-feedback-banner[hidden]{display:none!important}.beta-feedback-banner>i:first-child{color:#1769ff;font-size:25px}.beta-feedback-banner>strong{padding:4px 9px;border-radius:6px;background:#1769ff;color:#fff;font-size:12px;font-weight:800;line-height:1.25}.beta-feedback-banner p{margin:0;display:flex;align-items:center;gap:5px;color:#073da5;font-size:14px}.beta-feedback-banner p button{padding:0;border:0;background:transparent;color:#073da5;font:700 inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.beta-feedback-banner-close{width:34px;height:34px;margin-left:auto;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#0753dc;font-size:23px;cursor:pointer}.beta-feedback-banner-close:hover{background:#e1edff}
.beta-feedback-modal{width:min(670px,calc(100vw - 32px));padding:0;overflow:hidden;border:0;border-radius:14px;background:#fff;color:#292b34;box-shadow:0 28px 80px rgba(20,25,39,.28);font-family:"Plus Jakarta Sans",Inter,"Segoe UI",sans-serif}.beta-feedback-modal::backdrop{background:rgba(25,29,38,.34);backdrop-filter:blur(3px)}.beta-feedback-modal form{margin:0}.beta-feedback-modal header{padding:27px 34px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.beta-feedback-modal header h2{margin:0 0 7px;color:#252832;font-size:24px;letter-spacing:-.035em}.beta-feedback-modal header p{margin:0;color:#747783;font-size:14px}.beta-feedback-modal header button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#686b74;font-size:23px;cursor:pointer}.beta-feedback-modal header button:hover{background:#f1f3f6}.beta-feedback-modal-body{padding:7px 34px 20px}.beta-feedback-modal-body>p:first-child{margin:0 0 12px;color:#6d707c;font-size:15px;text-align:center}.beta-feedback-stars{margin:0 auto 28px;display:flex;justify-content:center;gap:11px}.beta-feedback-stars button{width:45px;height:45px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:#737680;font-size:40px;cursor:pointer}.beta-feedback-stars button:hover,.beta-feedback-stars button.active{color:#1769ff;transform:translateY(-1px)}.beta-feedback-modal-body label{display:grid;gap:8px;color:#555967;font-size:13px;font-weight:650}.beta-feedback-modal-body label small{color:#8d9099;font-weight:500}.beta-feedback-modal textarea{width:100%;min-height:104px;padding:15px 17px;resize:vertical;border:1px solid #d8dce4;border-radius:10px;background:#fff;color:#30333d;font-size:14px;line-height:1.5;box-shadow:0 1px 2px rgba(24,30,45,.03)}.beta-feedback-modal textarea:focus{outline:3px solid rgba(23,105,255,.13);border-color:#7aaaff}.beta-feedback-error{margin:10px 0 0;padding:9px 11px;border-radius:8px;background:#fff0f1;color:#ba2634;font-size:12px}.beta-feedback-modal footer{padding:15px 34px 30px}.beta-feedback-submit{width:100%;min-height:52px;border:0;border-radius:14px;background:#6beec4;color:#0a5d46;font-size:15px;font-weight:700;cursor:pointer}.beta-feedback-submit:disabled{opacity:.48;cursor:not-allowed}.beta-feedback-submit:not(:disabled):hover{background:#54e7b8;transform:translateY(-1px)}.beta-feedback-toast{position:fixed;z-index:250;top:10px;left:50%;width:min(535px,calc(100vw - 28px));min-height:66px;padding:14px 20px;display:flex;align-items:center;gap:12px;border:1px solid #bfe8d0;border-radius:13px;background:#ebfbf2;color:#07833e;box-shadow:0 14px 35px rgba(21,89,52,.13);transform:translateX(-50%)}.beta-feedback-toast[hidden]{display:none!important}.beta-feedback-toast i{font-size:24px}.beta-feedback-toast strong{font-size:15px}
@media(max-width:700px){.beta-feedback-banner{min-height:58px;margin:0;padding:10px 12px;gap:9px;border-radius:0}.beta-feedback-banner>i:first-child{display:none}.beta-feedback-banner p{font-size:12px;line-height:1.45;flex-wrap:wrap}.beta-feedback-modal header{padding:22px 20px 12px}.beta-feedback-modal-body{padding:7px 20px 15px}.beta-feedback-modal footer{padding:12px 20px 22px}.beta-feedback-stars{gap:4px}.beta-feedback-stars button{width:40px;height:40px;font-size:35px}}

/* Ajustement fidèle au bandeau de référence et modal compact. */
.beta-feedback-banner{min-height:66px;margin:12px 20px 0 32px;padding:12px 20px;gap:17px;border-top:1px solid #d5e4ff;border-radius:14px 14px 0 0}.beta-feedback-banner>i:first-child{font-size:25px}.beta-feedback-banner>strong{padding:5px 10px;font-size:13px}.beta-feedback-banner p{font-size:16px}.beta-feedback-banner-close{margin-right:0}
.beta-feedback-modal{width:min(520px,calc(100vw - 30px));border-radius:12px}.beta-feedback-modal header{padding:22px 24px 10px}.beta-feedback-modal header h2{font-size:22px}.beta-feedback-modal header p{font-size:13px}.beta-feedback-modal-body{padding:5px 24px 15px}.beta-feedback-modal-body>p:first-child{margin-bottom:8px;font-size:14px}.beta-feedback-stars{margin-bottom:19px;gap:6px}.beta-feedback-stars button{width:39px;height:39px;font-size:34px}.beta-feedback-comment>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.beta-feedback-modal textarea{min-height:88px;padding:13px 15px;font-size:13px}.beta-feedback-modal footer{padding:12px 24px 24px}.beta-feedback-submit{min-height:46px;border-radius:11px;font-size:14px}
@media(max-width:700px){.beta-feedback-banner{margin:8px 8px 0;padding:10px 12px;border-radius:11px 11px 0 0}.beta-feedback-banner p{font-size:12px}.beta-feedback-modal{width:min(480px,calc(100vw - 22px))}.beta-feedback-modal header{padding:19px 18px 9px}.beta-feedback-modal-body{padding:4px 18px 13px}.beta-feedback-modal footer{padding:10px 18px 19px}}

/* Calibration finale selon les dimensions constatées sur la capture. */
.beta-feedback-banner{min-height:44px;margin:9px 13px 0 21px;padding:7px 14px;gap:11px}.beta-feedback-sparkle{position:relative;width:21px;height:21px;flex:0 0 21px;color:#1769ff}.beta-feedback-sparkle:before{content:"✦";position:absolute;left:0;bottom:-1px;font-size:20px;line-height:1}.beta-feedback-sparkle:after{content:"✦";position:absolute;right:0;top:-1px;font-size:8px;line-height:1}.beta-feedback-banner>strong{padding:3px 7px;border-radius:5px;font-size:11px}.beta-feedback-banner p{gap:4px;font-size:13px}.beta-feedback-banner-close{width:25px;height:25px;font-size:18px}
.beta-feedback-modal{width:min(450px,calc(100vw - 24px));border-radius:10px}.beta-feedback-modal header{padding:18px 20px 8px}.beta-feedback-modal header h2{margin-bottom:5px;font-size:18px}.beta-feedback-modal header p{font-size:12px}.beta-feedback-modal header button{width:27px;height:27px;font-size:19px}.beta-feedback-modal-body{padding:4px 20px 12px}.beta-feedback-modal-body>p:first-child{margin-bottom:6px;font-size:13px}.beta-feedback-stars{margin-bottom:16px;gap:4px}.beta-feedback-stars button{width:32px;height:32px;font-size:28px}.beta-feedback-modal textarea{min-height:72px;padding:11px 13px;font-size:12px}.beta-feedback-modal footer{padding:10px 20px 20px}.beta-feedback-submit{min-height:40px;border-radius:9px;font-size:13px}
@media(max-width:700px){.beta-feedback-banner{min-height:44px;margin:6px 6px 0;padding:7px 9px;gap:7px}.beta-feedback-sparkle{display:none}.beta-feedback-banner>strong{font-size:10px}.beta-feedback-banner p{font-size:11px}.beta-feedback-modal{width:min(450px,calc(100vw - 16px))}}

/* Le bandeau occupe toute la largeur disponible, sans gouttière. */
.beta-feedback-banner{width:100%;max-width:none;margin:0;align-self:stretch;box-sizing:border-box;border-radius:14px 14px 0 0}.beta-feedback-sparkle:before,.beta-feedback-sparkle:after{content:"";display:block;background:#1769ff;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}.beta-feedback-sparkle:before{left:0;bottom:0;width:15px;height:19px}.beta-feedback-sparkle:after{right:0;top:0;width:7px;height:9px}
@media(max-width:700px){.beta-feedback-banner{width:100%;margin:0;border-radius:10px 10px 0 0}}

/* Finition professionnelle de la bannière bêta pleine largeur. */
.beta-feedback-banner{position:relative;z-index:16;background:linear-gradient(90deg,#f2f7ff 0%,#edf5ff 100%);border:1px solid #d2e1f6;border-bottom-color:#d8e2ef;color:#073e9e;box-shadow:0 1px 0 rgba(33,73,134,.04)}.beta-feedback-banner>strong{background:linear-gradient(180deg,#2879ff,#1261ee);box-shadow:0 2px 5px rgba(20,92,224,.16);letter-spacing:.01em}.beta-feedback-banner p{color:#073e9e;font-weight:500}.beta-feedback-banner p button{color:#073e9e;font-weight:750;text-decoration-thickness:1.5px}.beta-feedback-banner-close{color:#0a5ce2;transition:background .15s ease,color .15s ease}.beta-feedback-banner-close:hover{background:#dceaff;color:#064bbd}.beta-feedback-sparkle:before,.beta-feedback-sparkle:after{background:linear-gradient(180deg,#3383ff,#075bea)}

/* Bêta V2 — modal harmonisé. */
.beta-feedback-modal{width:min(430px,calc(100vw - 24px));overflow:hidden;border:1px solid #e0e5ed;border-radius:12px;background:#fff;box-shadow:0 28px 80px rgba(18,30,52,.24),0 3px 12px rgba(18,30,52,.08)}.beta-feedback-modal[open]{animation:beta-feedback-modal-in .18s ease-out}.beta-feedback-modal form{border-top:3px solid #1769f6}.beta-feedback-modal::backdrop{background:rgba(15,23,42,.42);backdrop-filter:blur(4px)}.beta-feedback-modal header{padding:17px 20px 13px;border-bottom:1px solid #edf0f4;background:linear-gradient(180deg,#fff,#fbfcfe)}.beta-feedback-modal header h2{margin:0 0 4px;color:#1d2738;font-size:18px;font-weight:750;letter-spacing:-.025em}.beta-feedback-modal header p{color:#7a8494;font-size:11px}.beta-feedback-modal header button{border:1px solid #e7eaf0;background:#fff;color:#778193}.beta-feedback-modal header button:hover{border-color:#d3d9e3;background:#f5f7fa;color:#344054}.beta-feedback-modal-body{padding:14px 20px 18px}.beta-feedback-modal-body>p:first-child{margin:0 0 9px;color:#4a5567;font-size:12px;font-weight:650}.beta-feedback-stars{width:max-content;margin:0 auto 16px;padding:6px 9px;gap:3px;border:1px solid #e5eaf1;border-radius:11px;background:#f8fafc}.beta-feedback-stars button{width:31px;height:31px;border-radius:7px;color:#a4adba;font-size:26px}.beta-feedback-stars button:hover{background:#eaf2ff;color:#1769f6}.beta-feedback-stars button.active{background:transparent;color:#1769f6;transform:none}.beta-feedback-modal textarea{min-height:76px;padding:11px 12px;border-color:#d8dee8;border-radius:9px;background:#fcfdff;color:#293445;font-size:12px}.beta-feedback-modal textarea::placeholder{color:#98a1af}.beta-feedback-modal textarea:hover{border-color:#bec9d8}.beta-feedback-modal textarea:focus{border-color:#1769f6;outline:3px solid rgba(23,105,246,.11);background:#fff}.beta-feedback-error{border:1px solid #f2c7cd;background:#fff3f4;color:#b42338}.beta-feedback-modal footer{padding:12px 20px 18px;border-top:1px solid #edf0f4;background:#fbfcfd}.beta-feedback-submit{min-height:40px;border-radius:9px;background:#1769f6;color:#fff;font-size:12px;font-weight:750;box-shadow:0 5px 13px rgba(23,105,246,.18)}.beta-feedback-submit:disabled{background:#d7e0ec;color:#8995a7;box-shadow:none;opacity:1}.beta-feedback-submit:not(:disabled):hover{background:#0f5ddd;box-shadow:0 7px 16px rgba(23,105,246,.24);transform:translateY(-1px)}@keyframes beta-feedback-modal-in{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.beta-feedback-modal[open]{animation:none}.beta-feedback-banner p button:after{transition:none}}
@media(max-width:520px){.beta-feedback-modal{width:calc(100vw - 16px)}.beta-feedback-modal header,.beta-feedback-modal-body,.beta-feedback-modal footer{padding-left:16px;padding-right:16px}}

/* Retour au modal précédent ; commentaire et bouton en graisse normale. */
.beta-feedback-modal{width:min(450px,calc(100vw - 24px));border:0;border-radius:10px;box-shadow:0 28px 80px rgba(20,25,39,.28)}.beta-feedback-modal[open]{animation:none}.beta-feedback-modal form{border-top:0}.beta-feedback-modal::backdrop{background:rgba(25,29,38,.34);backdrop-filter:blur(3px)}.beta-feedback-modal header{padding:18px 20px 8px;border-bottom:0;background:#fff}.beta-feedback-modal header h2{margin:0 0 5px;color:#252832;font-size:18px;letter-spacing:-.035em}.beta-feedback-modal header p{color:#747783;font-size:12px}.beta-feedback-modal header button{width:27px;height:27px;border:0;background:transparent;color:#686b74;font-size:19px}.beta-feedback-modal header button:hover{background:#f1f3f6;color:#686b74}.beta-feedback-modal-body{padding:4px 20px 12px}.beta-feedback-modal-body>p:first-child{margin:0 0 6px;color:#6d707c;font-size:13px}.beta-feedback-stars{width:auto;margin:0 auto 16px;padding:0;gap:4px;border:0;border-radius:0;background:transparent}.beta-feedback-stars button{width:32px;height:32px;border-radius:0;background:transparent;color:#737680;font-size:28px}.beta-feedback-stars button:hover,.beta-feedback-stars button.active{background:transparent;color:#1769ff;transform:translateY(-1px)}.beta-feedback-modal textarea{min-height:72px;padding:11px 13px;border-color:#d8dce4;border-radius:10px;background:#fff;color:#30333d;font-size:12px;font-weight:400}.beta-feedback-modal textarea::placeholder{color:#8d9099;font-weight:400}.beta-feedback-modal textarea:hover{border-color:#d8dce4}.beta-feedback-modal textarea:focus{border-color:#7aaaff;outline:3px solid rgba(23,105,255,.13);background:#fff}.beta-feedback-modal footer{padding:10px 20px 20px;border-top:0;background:transparent}.beta-feedback-submit{min-height:40px;border-radius:9px;background:#6beec4;color:#0a5d46;font-size:13px;font-weight:400;box-shadow:none}.beta-feedback-submit:disabled{background:#6beec4;color:#0a5d46;box-shadow:none;opacity:.48}.beta-feedback-submit:not(:disabled):hover{background:#54e7b8;box-shadow:none;transform:translateY(-1px)}

/* Confirmation professionnelle après l'envoi de l'avis. */
.beta-feedback-toast{position:fixed;z-index:250;top:10px;left:50%;width:min(360px,calc(100vw - 20px));min-height:58px;padding:9px 13px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #c8e5d3;border-left:4px solid #159957;border-radius:10px;background:#fff;color:#21362a;box-shadow:0 14px 36px rgba(17,66,39,.15),0 2px 8px rgba(17,66,39,.06);transform:translateX(-50%);animation:beta-feedback-toast-in .2s ease-out}.beta-feedback-toast[hidden]{display:none!important}.beta-feedback-toast-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e8f8ef;color:#0d9850}.beta-feedback-toast .beta-feedback-toast-icon i{font-size:20px;font-weight:800}.beta-feedback-toast-copy{min-width:0;display:grid;gap:1px}.beta-feedback-toast-copy strong{color:#176536;font-size:12px;font-weight:750;line-height:1.3}.beta-feedback-toast-copy small{color:#718078;font-size:9px;line-height:1.35}@keyframes beta-feedback-toast-in{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}@media(prefers-reduced-motion:reduce){.beta-feedback-toast{animation:none}}

/* Plans de support — Essentiel & Premium */
.support-plan-page{max-width:1180px;margin:0 auto 44px;color:#1d2638}.support-plan-title{margin:0 0 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.support-plan-title h1{margin:0 0 4px;font-size:20px;letter-spacing:-.025em}.support-plan-title p{margin:0;color:#778196;font-size:11px}.support-current-chip{min-width:150px;padding:10px 13px;display:flex;align-items:center;gap:9px;border:1px solid #dfe4eb;border-radius:11px;background:#fff}.support-current-chip>i{font-size:25px;color:#8b5cf6}.support-current-chip span{display:grid;gap:2px}.support-current-chip b{font-size:10px}.support-current-chip small{display:flex;align-items:center;gap:5px;color:#159457;font-size:9px}.support-current-chip small i{width:6px;height:6px;border-radius:50%;background:#19b36b}
.support-current-card{min-height:118px;margin-bottom:22px;padding:20px 24px;display:grid;grid-template-columns:54px minmax(0,1fr) minmax(260px,340px);align-items:center;gap:18px;border:1px solid #ded8e9;border-radius:14px;background:radial-gradient(circle at 14% 18%,rgba(173,116,255,.13),transparent 31%),linear-gradient(105deg,#fff 45%,#fbf7ff);box-shadow:0 6px 20px rgba(43,34,74,.035)}.support-current-card.premium{border-color:#cab6f4;background:radial-gradient(circle at 14% 18%,rgba(141,72,246,.17),transparent 32%),linear-gradient(105deg,#fff 42%,#f8f3ff)}.support-current-medal{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#f0e7ff;color:#9348ff;font-size:27px}.support-current-card.premium .support-current-medal{background:#8b4bf3;color:#fff;box-shadow:0 7px 18px rgba(139,75,243,.25)}.support-current-copy{display:grid;gap:6px}.support-current-copy>div{display:flex;align-items:center;gap:8px}.support-current-copy h2{margin:0;font-size:15px}.support-current-copy>div>span{padding:3px 7px;border-radius:999px;background:#eadcff;color:#8f3ff1;font-size:8px;font-weight:750;text-transform:uppercase}.support-current-copy>strong{color:#159457;font-size:12px}.support-current-copy>small{width:max-content;padding:5px 9px;border:1px solid #dfe4eb;border-radius:999px;color:#687386;font-size:9px}.support-current-detail{padding-left:20px;border-left:1px solid #e6e1ec;display:grid;gap:8px}.support-current-detail p{margin:0;color:#657085;font-size:10px;line-height:1.55}.support-current-detail span{padding:7px 9px;border:1px solid #e1dbea;border-radius:8px;background:rgba(255,255,255,.72);color:#4d586d;font-size:9px}.support-current-detail span i{margin-right:5px;color:#904cf1}.support-current-detail>small{color:#788398;font-size:8px}
.support-plan-workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px;align-items:start}.support-plan-choice{text-align:center;margin:0 0 15px}.support-plan-choice h2{margin:0 0 4px;font-size:16px}.support-plan-choice p{margin:0;color:#7a8497;font-size:10px}.support-plan-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:stretch}.support-plan-card{position:relative;min-height:480px;padding:25px 20px 18px;display:flex;flex-direction:column;align-items:center;border:1px solid #dbe1e8;border-radius:13px;background:#fff;box-shadow:0 5px 15px rgba(26,35,58,.04)}.support-plan-card.premium{border:1.5px solid #a855f7;box-shadow:0 10px 25px rgba(139,75,243,.12);transform:translateY(-3px)}.support-plan-recommended,.support-plan-current-label{position:absolute;top:-9px;left:50%;padding:4px 11px;border-radius:999px;transform:translateX(-50%);background:#a44bfa;color:#fff;font-size:8px;font-weight:750;white-space:nowrap}.support-plan-recommended{background:#f7b500;color:#4a3500}.support-plan-icon{width:48px;height:48px;margin-bottom:10px;display:grid;place-items:center;border-radius:14px;background:#f1e9ff;color:#9748f5;font-size:26px}.support-plan-card.premium .support-plan-icon{background:#8c4bf0;color:#fff}.support-plan-card h3{margin:0 0 9px;font-size:14px}.support-plan-price{min-height:29px;display:flex;align-items:baseline;gap:3px}.support-plan-price strong{color:#121a2c;font-size:19px}.support-plan-card.essential .support-plan-price strong{color:#13995c;font-size:16px}.support-plan-price small{color:#7b8495;font-size:9px}.support-plan-delay{margin:11px 0 15px;padding:6px 9px;border-radius:999px;background:#f2f5f9;color:#596579;font-size:8px}.support-plan-card.premium .support-plan-delay{background:#fff3cf;color:#9a6800}.support-plan-card ul{width:100%;margin:0 0 18px;padding:0;display:grid;gap:10px;list-style:none}.support-plan-card li{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;color:#566176;font-size:9px;line-height:1.35}.support-plan-card li>i{color:#19a762;font-size:14px}.support-plan-card li>small{grid-column:2;color:#9099a9;font-size:7px}.support-plan-card form{width:100%;margin-top:auto}.support-plan-button{width:100%;min-height:37px;margin-top:auto;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;font-size:10px;font-weight:700;text-decoration:none}.support-plan-button.current{border:1px solid #e1e5eb;background:#f7f8fa;color:#9aa2af}.support-plan-button.premium{background:linear-gradient(135deg,#9347f3,#7c3ee6);color:#fff;box-shadow:0 7px 15px rgba(130,64,229,.21);cursor:pointer}.support-plan-button.premium:hover{background:linear-gradient(135deg,#8437eb,#6f32d5);transform:translateY(-1px)}
.support-plan-aside{padding-top:46px;display:grid;gap:15px;position:sticky;top:90px}.support-plan-aside .panel{padding:18px;border-radius:13px}.support-plan-aside h3{margin:0 0 14px;font-size:12px}.support-plan-aside ul{margin:0;padding:0;display:grid;gap:11px;list-style:none}.support-plan-aside li{display:flex;align-items:flex-start;gap:8px;color:#626d80;font-size:9px;line-height:1.35}.support-plan-aside li i{color:#17a562;font-size:14px}.support-plan-help{padding:15px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;border:1px solid #dcc7f8;border-radius:13px;background:linear-gradient(135deg,#fbf8ff,#f6efff)}.support-plan-help>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eadcff;color:#8d45ee;font-size:18px}.support-plan-help>div{display:grid;gap:2px}.support-plan-help b{font-size:10px}.support-plan-help small{color:#788297;font-size:8px}.support-plan-help>a{grid-column:1/-1;min-height:34px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:7px;background:#fff;color:#6930c3;font-size:9px;font-weight:700;text-decoration:none;box-shadow:0 2px 7px rgba(83,49,127,.08)}
.support-plan-comparison{margin-top:20px;padding:0;overflow:hidden;border-radius:13px}.support-plan-comparison>header{padding:16px 18px 10px}.support-plan-comparison h2{margin:0;font-size:13px}.support-plan-table-wrap{overflow-x:auto;padding:0 12px 14px}.support-plan-comparison table{width:100%;border-collapse:collapse;table-layout:fixed}.support-plan-comparison th,.support-plan-comparison td{padding:10px 12px;border-bottom:1px solid #e7ebf0;font-size:9px}.support-plan-comparison thead th{color:#3b4659;font-weight:750;text-align:center}.support-plan-comparison thead th:first-child{width:48%;text-align:left}.support-plan-comparison thead th i{margin-right:5px;color:#8950df}.support-plan-comparison thead th.premium{border-radius:8px 8px 0 0;background:#f7f1ff;color:#7432cf}.support-plan-comparison tbody th{text-align:left;color:#5d687b;font-weight:500}.support-plan-comparison tbody th>i{width:20px;color:#7a879a;font-size:13px}.support-plan-comparison tbody td{text-align:center;color:#354052}.support-plan-comparison tbody td.premium{background:#fcfaff}.support-plan-section th{padding:13px 12px 6px;border:0;color:#798398;font-size:8px;font-weight:750;letter-spacing:.08em}.support-feature-yes{color:#18a15f;font-size:15px}.support-feature-no{color:#b7bec9;font-size:15px}.ticket-plus-blocked{padding-top:18px}.ticket-plus-blocked>section{max-width:720px;margin:0 auto;padding:28px;display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px}.ticket-plus-blocked>section>span{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#f0e7ff;color:#8c45ec;font-size:27px}.ticket-plus-blocked small{color:#8d49e8;font-size:9px;font-weight:750;text-transform:uppercase}.ticket-plus-blocked h1{margin:5px 0 8px;font-size:20px}.ticket-plus-blocked p{margin:0 0 18px;color:#6f798b;font-size:11px;line-height:1.6}.ticket-plus-blocked section>div>div{display:flex;gap:9px}
@media(max-width:980px){.support-plan-workspace{grid-template-columns:1fr}.support-plan-aside{padding-top:0;position:static;grid-template-columns:1fr 1fr}.support-plan-comparison{margin-top:17px}}
@media(max-width:700px){.support-plan-title{align-items:flex-start}.support-current-chip{min-width:0}.support-current-chip span{display:none}.support-current-card{padding:16px;grid-template-columns:44px minmax(0,1fr)}.support-current-medal{width:44px;height:44px}.support-current-detail{grid-column:1/-1;padding:12px 0 0;border-left:0;border-top:1px solid #e6e1ec}.support-plan-cards{grid-template-columns:1fr;gap:18px}.support-plan-card{min-height:0}.support-plan-card.premium{transform:none}.support-plan-aside{grid-template-columns:1fr}.support-plan-comparison thead th:first-child{width:54%}.support-plan-comparison th,.support-plan-comparison td{padding:9px 7px}.ticket-plus-blocked>section{padding:20px;grid-template-columns:1fr}.ticket-plus-blocked section>div>div{flex-direction:column}}
.support-plan-button{gap:6px}.support-plan-payment{display:grid;gap:7px}.support-plan-payment .support-plan-button{margin:0}.support-plan-button.wallet{border:1px solid #d8dee8;background:#fff;color:#3e4b60;cursor:pointer}.support-plan-button.wallet:hover{border-color:#9e73e4;background:#faf7ff;color:#7133c7}.support-plan-button.wallet:disabled{border-color:#e5e8ed;background:#f6f7f9;color:#a2aab6;cursor:not-allowed}.support-plan-payment>small{text-align:center;color:#929bab;font-size:7px}
/* Plans de support V2 — interface compacte à deux offres. */
.sp2-page{max-width:1120px}.sp2-heading{margin-bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.sp2-heading>div>span,.sp2-offers>header span,.sp2-comparison>header span{display:block;margin-bottom:4px;color:#5273a5;font-size:8px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.sp2-heading h1{margin:0;color:#172033;font-size:19px;letter-spacing:-.025em}.sp2-heading p{margin:4px 0 0;color:#768197;font-size:10px}.sp2-heading>a{min-height:34px;padding:0 12px;display:flex;align-items:center;gap:6px;border:1px solid #dbe2eb;border-radius:8px;background:#fff;color:#415069;font-size:9px;font-weight:700;text-decoration:none}.sp2-heading>a:hover{border-color:#b9c9dd;background:#f8fafc;color:#245da5}
.sp2-current{min-height:78px;margin-bottom:17px;padding:13px 16px;display:grid;grid-template-columns:42px 190px minmax(0,1fr);align-items:center;gap:13px;border:1px solid #dbe2eb;border-radius:11px;background:linear-gradient(105deg,#fff,#f7faff);box-shadow:0 3px 12px rgba(27,42,67,.035)}.sp2-current-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#e8f1ff;color:#1769d6;font-size:21px}.sp2-current-name{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 7px}.sp2-current-name small{grid-column:1/-1;color:#8791a2;font-size:7px;text-transform:uppercase}.sp2-current-name strong{color:#202a3c;font-size:11px}.sp2-current-name>span{width:max-content;padding:2px 6px;display:flex;align-items:center;gap:4px;border-radius:99px;background:#eaf8f0;color:#168654;font-size:7px;font-weight:700}.sp2-current-name>span i{width:5px;height:5px;border-radius:50%;background:#19a965}.sp2-current dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-left:1px solid #e4e9ef}.sp2-current dl>div{min-height:38px;padding:2px 14px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #e8ecf1}.sp2-current dl>div:last-child{border-right:0}.sp2-current dt{color:#8791a2;font-size:7px}.sp2-current dd{margin:4px 0 0;color:#344055;font-size:9px;font-weight:750}
.sp2-offers{margin-bottom:17px;padding:18px;border:1px solid #dbe2eb;border-radius:12px;background:#fff}.sp2-offers>header{margin:0 0 17px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.sp2-offers>header h2{margin:0;color:#202a3c;font-size:14px}.sp2-offers>header p{max-width:330px;margin:0;color:#7b8699;font-size:9px;text-align:right}.sp2-grid{width:min(840px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.sp2-card{position:relative;padding:18px;display:flex;flex-direction:column;border:1px solid #dce3eb;border-radius:11px;background:#fff;box-shadow:0 4px 13px rgba(25,39,62,.04)}.sp2-card.premium{border-color:#8fb5e7;background:linear-gradient(155deg,#f8fbff 0,#fff 42%);box-shadow:0 8px 22px rgba(28,93,177,.11)}.sp2-card>header{min-height:42px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}.sp2-card-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#edf2f8;color:#52667f;font-size:19px}.sp2-card.premium .sp2-card-icon{background:#1769d6;color:#fff;box-shadow:0 5px 12px rgba(23,105,214,.2)}.sp2-card>header small{color:#8a94a5;font-size:7px}.sp2-card>header h3{margin:2px 0 0;color:#1e2839;font-size:12px}.sp2-card>header>b{align-self:start;padding:3px 7px;border-radius:99px;background:#edf2f7;color:#607087;font-size:7px}.sp2-card.premium>header>b{background:#dcebff;color:#145ebf}.sp2-price{min-height:46px;margin:16px 0 11px;display:flex;align-items:flex-end;gap:4px}.sp2-price strong{color:#182236;font-size:24px;line-height:1}.sp2-card.essential .sp2-price strong{color:#168b58;font-size:19px}.sp2-price span{color:#7d8798;font-size:8px}.sp2-sla{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e2e7ee;border-radius:8px;background:#f8fafc}.sp2-sla>span{min-height:50px;padding:9px 10px;display:grid;grid-template-columns:17px 1fr;align-content:center}.sp2-sla>span+span{border-left:1px solid #e2e7ee}.sp2-sla i{grid-row:1/3;color:#54749c;font-size:13px}.sp2-sla small{color:#8b95a5;font-size:6.5px}.sp2-sla b{margin-top:2px;color:#364258;font-size:8px}.sp2-card>ul{margin:14px 0 15px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;list-style:none}.sp2-card>ul li{min-width:0;display:flex;align-items:center;gap:6px;color:#536075;font-size:8px}.sp2-card>ul li i{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px;border-radius:5px;background:#edf7f2;color:#13915a;font-size:11px}.sp2-ticket-plus{margin:0 0 12px;padding:9px 10px;display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;border:1px solid #cde0f7;border-radius:8px;background:#f2f7fe}.sp2-ticket-plus>i{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#dceaff;color:#1769d6;font-size:15px}.sp2-ticket-plus p{margin:0;display:grid;gap:2px}.sp2-ticket-plus strong{color:#245587;font-size:8px}.sp2-ticket-plus span{color:#69809a;font-size:7px;line-height:1.4}.sp2-card>footer{margin-top:auto}.sp2-card>footer>button,.sp2-included{width:100%;min-height:37px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dfe4eb;border-radius:8px;background:#f6f8fa;color:#8490a1;font-size:9px;font-weight:700}.sp2-card>footer form{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sp2-card>footer form button{min-height:42px;padding:7px 9px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:6px;border-radius:8px;text-align:left;cursor:pointer}.sp2-card>footer form button>i{font-size:17px}.sp2-card>footer form button>span{display:grid;gap:2px;font-size:8px;font-weight:750}.sp2-card>footer form button small{font-size:6.5px;font-weight:500}.sp2-card>footer .card{border:1px solid #1769d6;background:#1769d6;color:#fff}.sp2-card>footer .card:hover{background:#0f5cbf}.sp2-card>footer .wallet{border:1px solid #d7dee8;background:#fff;color:#39475c}.sp2-card>footer .wallet:hover{border-color:#8eb0dd;background:#f7faff}.sp2-card>footer .wallet:disabled{background:#f5f6f8;color:#a5adba;cursor:not-allowed}
.sp2-comparison{padding:0;overflow:hidden;border-radius:12px}.sp2-comparison>header{padding:15px 17px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-bottom:1px solid #e6eaf0}.sp2-comparison>header h2{margin:0;color:#202a3c;font-size:13px}.sp2-comparison>header p{margin:0;color:#7e889a;font-size:8px}.sp2-table{overflow-x:auto;padding:0 13px 13px}.sp2-table table{width:100%;border-collapse:collapse;table-layout:fixed}.sp2-table th,.sp2-table td{height:39px;padding:7px 12px;border-bottom:1px solid #e8ecf1;font-size:8px}.sp2-table thead th{height:49px;color:#344056;font-weight:750;text-align:center}.sp2-table thead th:first-child{width:52%;text-align:left}.sp2-table thead th>i{margin-right:6px;color:#55708e;font-size:15px}.sp2-table thead th:last-child{border-radius:7px 7px 0 0;background:#edf5ff;color:#155bb5}.sp2-table thead th>span{display:inline-grid;text-align:left;vertical-align:middle}.sp2-table thead small{margin-top:2px;color:#8692a4;font-size:6px}.sp2-table tbody th{color:#586478;font-weight:500;text-align:left}.sp2-table tbody th>i{width:22px;color:#77879a;font-size:13px}.sp2-table tbody td{text-align:center;color:#354157}.sp2-table tbody td.premium{background:#f8fbff}.sp2-table .sp2-section th{height:31px;padding-top:12px;border-bottom:0;color:#6f7c90;font-size:7px;font-weight:800;letter-spacing:.08em}.sp2-table td>i{font-size:15px}.sp2-table .yes{color:#15965d}.sp2-table .no{color:#bdc4ce}
@media(max-width:900px){.sp2-current{grid-template-columns:42px minmax(0,1fr)}.sp2-current dl{grid-column:1/-1;border-top:1px solid #e4e9ef;border-left:0}.sp2-current-name{grid-template-columns:auto 1fr}.sp2-grid{width:100%}}
@media(max-width:680px){.sp2-heading{align-items:flex-start}.sp2-heading>a{padding:0 9px}.sp2-current{padding:12px}.sp2-current dl{grid-template-columns:1fr 1fr}.sp2-current dl>div:nth-child(2n){border-right:0}.sp2-current dl>div:nth-child(n+3){border-top:1px solid #e8ecf1}.sp2-offers{padding:13px}.sp2-offers>header,.sp2-comparison>header{align-items:flex-start;flex-direction:column;gap:5px}.sp2-offers>header p,.sp2-comparison>header p{text-align:left}.sp2-grid{grid-template-columns:1fr}.sp2-card>footer form{grid-template-columns:1fr}.sp2-table{padding-inline:8px}.sp2-table thead th:first-child{width:57%}.sp2-table th,.sp2-table td{padding:7px 6px}.sp2-table tbody th>i{display:none}}

.sp2-current{grid-template-columns:42px 180px minmax(0,1fr) auto}.sp2-renewal{padding-left:12px;border-left:1px solid #e4e9ef}.sp2-renewal button,.sp2-renewal span{min-height:31px;padding:0 9px;display:flex;align-items:center;gap:5px;border:1px solid #dce3eb;border-radius:7px;background:#fff;color:#536176;font-size:7.5px;font-weight:700;white-space:nowrap}.sp2-renewal button{cursor:pointer}.sp2-renewal button:hover{border-color:#aec6e4;background:#f7faff;color:#1e61af}.sp2-renewal span{border-color:#cfe8da;background:#f1faf5;color:#188455}.sp2-cancel-modal{width:min(430px,calc(100vw - 24px));padding:0;overflow:hidden;border:0;border-radius:11px;background:#fff;box-shadow:0 25px 70px rgba(17,29,49,.25)}.sp2-cancel-modal::backdrop{background:rgba(17,25,39,.43);backdrop-filter:blur(3px)}.sp2-cancel-modal form>header{padding:16px 17px;display:grid;grid-template-columns:36px minmax(0,1fr) 28px;align-items:center;gap:9px;border-bottom:1px solid #e8ecf1}.sp2-cancel-modal form>header>span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#fff0f1;color:#d74855;font-size:19px}.sp2-cancel-modal header small{color:#8792a4;font-size:7px}.sp2-cancel-modal header h2{margin:2px 0 0;color:#202a3c;font-size:14px}.sp2-cancel-modal header button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:7px;background:#f4f6f8;color:#7d8796;font-size:16px;cursor:pointer}.sp2-cancel-modal form>div{padding:17px}.sp2-cancel-modal p{margin:0;color:#687488;font-size:9px;line-height:1.6}.sp2-cancel-modal p strong{color:#344056}.sp2-cancel-modal ul{margin:13px 0 0;padding:11px 12px;display:grid;gap:7px;border-radius:8px;background:#f7f9fb;list-style:none}.sp2-cancel-modal li{display:flex;align-items:center;gap:7px;color:#536176;font-size:8px}.sp2-cancel-modal li i{color:#17935a;font-size:13px}.sp2-cancel-modal footer{padding:12px 17px 17px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.sp2-cancel-modal footer button{min-height:36px;border:1px solid #dce2ea;border-radius:8px;background:#fff;color:#536176;font-size:8px;font-weight:700;cursor:pointer}.sp2-cancel-modal footer .danger{border-color:#e0525f;background:#e0525f;color:#fff}.sp2-cancel-modal footer .danger:hover{background:#c9414d}
@media(max-width:900px){.sp2-current{grid-template-columns:42px minmax(0,1fr) auto}.sp2-current dl{grid-column:1/-1}.sp2-renewal{grid-column:3;grid-row:1;padding-left:0;border-left:0}}
@media(max-width:520px){.sp2-current{grid-template-columns:42px minmax(0,1fr)}.sp2-renewal{grid-column:1/-1;grid-row:auto;padding-top:9px;border-top:1px solid #e4e9ef}.sp2-renewal button,.sp2-renewal span{justify-content:center}.sp2-cancel-modal footer{grid-template-columns:1fr}}

.support-renewal-manage{width:max-content;min-height:27px;padding:0 8px;display:flex;align-items:center;gap:5px;border:1px solid #dcd5e7;border-radius:7px;background:#fff;color:#66547c;font-size:7.5px;font-weight:700;cursor:pointer}.support-renewal-manage:hover{border-color:#b99ade;background:#faf7ff;color:#7934cc}.support-current-detail .support-renewal-state{width:max-content;padding:5px 8px;border:1px solid #cfe8da;border-radius:7px;background:#f1faf5;color:#188455;font-size:7.5px;font-weight:700}

/* Modal de passage à Premium — complément de l’ancien design. */
.support-upgrade-modal{width:min(500px,calc(100vw - 24px));padding:0;overflow:hidden;border:0;border-radius:12px;background:#fff;box-shadow:0 28px 75px rgba(24,17,48,.28)}
.support-upgrade-modal::backdrop{background:rgba(17,14,35,.48);backdrop-filter:blur(3px)}
.support-upgrade-modal form>header{padding:17px 18px;display:grid;grid-template-columns:40px minmax(0,1fr) 30px;align-items:center;gap:10px;border-bottom:1px solid #ebe7f1}
.support-upgrade-modal form>header>span{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#f0e7ff;color:#8b4bf3;font-size:21px}
.support-upgrade-modal header small{color:#8b4bf3;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.support-upgrade-modal header h2{margin:2px 0 0;color:#242033;font-size:16px}
.support-upgrade-modal header button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:7px;background:#f5f3f7;color:#7d7787;font-size:18px;cursor:pointer}
.support-upgrade-modal-body{padding:18px}.support-upgrade-modal-body>p:first-child{margin:0 0 14px;color:#696274;font-size:11px}.support-upgrade-modal-body>p strong{color:#332c43}
.support-upgrade-summary{margin-bottom:17px;padding:12px 13px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #e1dbe9;border-radius:8px;background:#faf8fc}.support-upgrade-summary>span{display:grid;gap:3px}.support-upgrade-summary>span+span{padding-left:14px;border-left:1px solid #e4deea}.support-upgrade-summary small{color:#857e90;font-size:8px}.support-upgrade-summary b{color:#3c334d;font-size:11px}
.support-upgrade-modal fieldset{margin:0;padding:0;display:grid;gap:8px;border:0}.support-upgrade-modal legend{margin-bottom:9px;color:#3a3249;font-size:10px;font-weight:750}.support-upgrade-modal fieldset label{position:relative;min-height:56px;padding:8px 10px;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:10px;border:1px solid #dfd9e6;border-radius:8px;background:#fff;cursor:pointer}.support-upgrade-modal fieldset label:hover{border-color:#bda6dc;background:#fcfaff}.support-upgrade-modal fieldset label:has(input:checked){border-color:#8b4bf3;background:#faf6ff;box-shadow:0 0 0 2px rgba(139,75,243,.08)}.support-upgrade-modal fieldset label.disabled{background:#f6f5f7;color:#a19ba8;cursor:not-allowed}.support-upgrade-modal fieldset input{position:absolute;opacity:0;pointer-events:none}.support-payment-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#f0edf3;color:#675c78;font-size:18px}.support-upgrade-modal label:has(input:checked) .support-payment-icon{background:#8b4bf3;color:#fff}.support-upgrade-modal fieldset label>span:nth-of-type(2){display:grid;gap:2px}.support-upgrade-modal fieldset b{color:#40364f;font-size:10px}.support-upgrade-modal fieldset small{color:#87808f;font-size:8px}.support-upgrade-modal fieldset label>i{width:18px;height:18px;display:grid;place-items:center;border:1px solid #d1cad9;border-radius:50%;color:transparent;font-size:12px}.support-upgrade-modal label:has(input:checked)>i{border-color:#8b4bf3;background:#8b4bf3;color:#fff}.support-upgrade-balance-note{margin-top:8px;display:flex;align-items:center;gap:5px;color:#936273;font-size:8px}.support-upgrade-renewal{margin:14px 0 0;padding:10px;display:flex;gap:8px;border-radius:7px;background:#f6f4f8;color:#706878;font-size:8px;line-height:1.45}.support-upgrade-renewal>i{color:#8b4bf3;font-size:15px}
.support-upgrade-modal footer{padding:0 18px 18px;display:grid;grid-template-columns:110px minmax(0,1fr);gap:9px}.support-upgrade-modal footer button{min-height:39px;border:1px solid #ded8e5;border-radius:7px;background:#fff;color:#665d70;font-size:9px;font-weight:750;cursor:pointer}.support-upgrade-modal footer .confirm{border-color:#8b4bf3;background:#8b4bf3;color:#fff}.support-upgrade-modal footer .confirm:hover{background:#7539dc}
@media(max-width:520px){.support-upgrade-modal footer{grid-template-columns:1fr}.support-upgrade-summary{grid-template-columns:1fr}.support-upgrade-summary>span+span{margin-top:8px;padding:8px 0 0;border-top:1px solid #e4deea;border-left:0}}

/* Nouveau ticket — hiérarchie claire, sans modifier les sélecteurs personnalisés. */
.ticket-new-shell{max-width:1220px;margin:0 auto}.ticket-new-head{min-height:66px;margin:0 0 18px;padding:0 2px;gap:12px}.ticket-new-head>div{min-width:0}.ticket-new-eyebrow{display:block;margin-bottom:3px;color:#54739e;font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.ticket-new-head h1{font-size:22px;line-height:1.1}.ticket-new-head p{margin-top:5px;color:#758196;font-size:10px;line-height:1.45}.ticket-new-list-link{min-height:35px;margin-left:auto;padding:0 11px;display:flex;align-items:center;gap:6px;border:1px solid #dbe2eb;border-radius:8px;background:#fff;color:#46566d;font-size:9px;font-weight:700;text-decoration:none}.ticket-new-list-link:hover{border-color:#aac1df;background:#f7faff;color:#1d61b8}.ticket-new-list-link i{font-size:15px}.ticket-new-layout{grid-template-columns:minmax(0,1fr) 294px;gap:16px}.ticket-new-form{border-radius:12px;box-shadow:0 7px 24px rgba(24,41,66,.055)}.ticket-card-head{min-height:70px;padding:14px 19px;background:linear-gradient(110deg,#fbfdff,#f7faff)}.ticket-card-head>span:first-child{width:38px;height:38px;border-radius:9px;background:#e8f1ff;color:#1769d6;font-size:19px}.ticket-card-head h2{font-size:14px;letter-spacing:-.01em}.ticket-card-head p{margin-top:3px;font-size:9px}.ticket-form-step{width:auto!important;height:auto!important;margin-left:auto;padding:4px 8px!important;display:inline-flex!important;border:1px solid #d7e3f2;border-radius:999px!important;background:#fff!important;color:#61738c!important;font-size:7.5px!important;font-weight:750}.ticket-form-section{padding:0 19px}.ticket-form-section+.ticket-form-section{border-top:1px solid #e5eaf0}.ticket-section-head{padding:17px 0 10px;display:flex;align-items:center;gap:9px}.ticket-section-head>span{width:27px;height:27px;display:grid;place-items:center;flex:0 0 27px;border-radius:7px;background:#edf4fd;color:#2767ba;font-size:8px;font-weight:800}.ticket-section-head h3{margin:0;color:#29364a;font-size:11px}.ticket-section-head p{margin:2px 0 0;color:#8994a5;font-size:8px}.ticket-form-section .ticket-field-row{min-height:69px;padding:11px 0;grid-template-columns:145px minmax(0,1fr);border-bottom:1px solid #edf0f4}.ticket-form-section .ticket-field-row:last-child{border-bottom:0}.ticket-field-row>label,.ticket-message-label>label{font-size:10px}.ticket-field-row>label em{font-size:7.5px}.ticket-field-control{grid-template-columns:minmax(260px,1fr) minmax(155px,.48fr);gap:13px}.ticket-field-control input{height:39px;padding:0 11px;border-radius:8px;font-size:10px}.ticket-field-control>small{font-size:8px}.ticket-invoice-row{margin:0 -19px;padding-right:19px!important;padding-left:19px!important;background:#f8fbff}.ticket-form-message-section{padding-bottom:16px}.ticket-message-block{padding:10px 0 12px}.ticket-message-label{margin-bottom:9px}.ticket-message-label>span{font-size:7.5px}.ticket-password-warning{margin-bottom:9px;padding:9px 11px;border-color:#cfe4da;background:#f4faf7;font-size:8.5px}.ticket-message-block textarea{min-height:190px;padding:13px 14px;border-radius:8px;font-size:10px;line-height:1.65}.ticket-upload{min-height:58px;margin:0;padding:10px 12px;border-color:#cbd7e5;background:#fafbfd;transition:border-color .15s,background .15s}.ticket-upload:hover{border-color:#8db2df;background:#f5f9ff}.ticket-upload strong{font-size:9.5px}.ticket-upload small{margin-top:2px;font-size:7.5px!important}.ticket-new-actions{min-height:66px;padding:13px 19px}.ticket-new-actions .btn{min-width:125px;min-height:37px;border-radius:8px;font-size:9px}.ticket-new-aside{top:84px;gap:11px}.ticket-advice-card{border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(24,41,66,.035)}.ticket-advice-card>header{min-height:69px;padding:14px 15px;background:#fbfcfe}.ticket-advice-card>header span{width:36px;height:36px;border-radius:9px}.ticket-advice-card>header>div{min-width:0}.ticket-advice-card>header small{display:block;margin-bottom:2px;color:#7f8ca0;font-size:7px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.ticket-advice-card h2{font-size:10.5px;line-height:1.35}.ticket-advice-card ol{padding:8px 15px 14px;gap:0}.ticket-advice-card li{min-height:58px;padding:10px 0;grid-template-columns:29px 1fr;align-items:start;gap:9px;border-bottom:1px solid #edf0f4}.ticket-advice-card li:last-child{border-bottom:0}.ticket-advice-card li>b{width:29px;height:29px;border-radius:8px;background:#f0f5fb;color:#416b9f;font-size:14px}.ticket-advice-card li strong{font-size:9px}.ticket-advice-card li small{margin-top:3px;font-size:7.5px;line-height:1.45}.ticket-security-card{padding:14px 15px;border-color:#d9e5ee;background:#f8fafc}.ticket-security-card strong{font-size:9px}.ticket-security-card p{font-size:7.5px}
@media(max-width:1100px){.ticket-new-layout{grid-template-columns:minmax(0,1fr) 265px}.ticket-field-control{grid-template-columns:1fr}.ticket-field-control>small{display:flex}}
@media(max-width:850px){.ticket-new-layout{grid-template-columns:1fr}.ticket-new-aside{position:static;grid-template-columns:1fr 1fr}.ticket-advice-card ol{grid-template-columns:1fr 1fr}.ticket-advice-card li:nth-child(odd){padding-right:10px}.ticket-advice-card li:nth-child(even){padding-left:10px}.ticket-advice-card li:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:650px){.ticket-new-head{align-items:flex-start}.ticket-new-head h1{font-size:19px}.ticket-new-head p{font-size:9px}.ticket-new-list-link{width:35px;padding:0;justify-content:center;font-size:0}.ticket-new-list-link i{font-size:17px}.ticket-card-head{padding:13px 14px}.ticket-form-step{display:none!important}.ticket-form-section{padding:0 14px}.ticket-section-head{padding-top:14px}.ticket-form-section .ticket-field-row{grid-template-columns:1fr;gap:7px;padding:10px 0}.ticket-invoice-row{margin:0 -14px;padding-right:14px!important;padding-left:14px!important}.ticket-message-block{padding-top:8px}.ticket-upload{margin:0}.ticket-new-actions{padding:11px 14px}.ticket-new-aside{grid-template-columns:1fr}.ticket-advice-card ol{grid-template-columns:1fr}.ticket-advice-card li,.ticket-advice-card li:nth-child(odd),.ticket-advice-card li:nth-child(even){padding:10px 0}.ticket-advice-card li:nth-child(3){border-bottom:1px solid #edf0f4}}

/* Suivi compact dans la création d’un ticket. */
.ticket-process-card{overflow:hidden;border-color:#d8e2ef;background:#fff}.ticket-process-card>header{background:linear-gradient(120deg,#f5f9ff,#fff)}.ticket-process-card>header span{background:#1769d6;color:#fff;box-shadow:0 5px 12px rgba(23,105,214,.16)}.ticket-process-card ol{position:relative;padding-top:10px}.ticket-process-card li{position:relative;min-height:64px;grid-template-columns:30px 1fr;align-items:start}.ticket-process-card li>b{position:relative;z-index:1;width:26px;height:26px;border:1px solid #cfe0f4;border-radius:50%;background:#f2f7fd;color:#2767ba;font-size:8px}.ticket-process-card li:not(:last-child)::after{content:"";position:absolute;left:12px;top:36px;bottom:-11px;width:1px;background:#dce6f2}.ticket-process-card li strong{color:#2f3d52;font-size:9.5px}.ticket-process-card li small{max-width:205px;color:#7f8b9d;font-size:8px;line-height:1.5}

/* Nouveau ticket — formulaire central compact. */
.ticket-new-shell{max-width:1020px;margin-top:0}.ticket-new-head{min-height:48px;margin:0 0 12px;padding:0;align-items:center}.ticket-new-head h1{font-size:19px;letter-spacing:-.025em}.ticket-new-head p{margin-top:3px;font-size:9px}.ticket-back-button{width:35px;height:35px;flex-basis:35px;border-radius:8px}.ticket-new-list-link{min-height:33px}.ticket-new-layout{display:block}.ticket-new-form{width:100%;border-color:#d9e1eb;border-radius:10px;box-shadow:0 5px 18px rgba(24,41,66,.045)}.ticket-card-head{min-height:60px;padding:11px 17px}.ticket-card-head>span:first-child{width:34px;height:34px;font-size:17px}.ticket-card-head h2{font-size:12px}.ticket-card-head p{font-size:8px}.ticket-form-section{padding:0 17px}.ticket-section-head{padding:13px 0 7px}.ticket-section-head>span{width:25px;height:25px;flex-basis:25px}.ticket-section-head h3{font-size:10px}.ticket-section-head p{font-size:7.5px}.ticket-form-section .ticket-field-row{min-height:62px;padding:9px 0;grid-template-columns:135px minmax(0,1fr);gap:13px}.ticket-field-control{grid-template-columns:minmax(280px,1fr) minmax(180px,.42fr)}.ticket-message-block{padding:8px 0 10px}.ticket-message-block textarea{min-height:155px}.ticket-form-message-section{padding-bottom:12px}.ticket-new-actions{min-height:58px;padding:10px 17px}.ticket-new-actions .btn{min-height:35px}.ticket-new-aside{display:none}
@media(max-width:650px){.ticket-new-shell{max-width:none}.ticket-new-head{min-height:43px;margin-bottom:10px}.ticket-new-head p{display:none}.ticket-form-section .ticket-field-row{grid-template-columns:1fr}.ticket-card-head{padding:11px 13px}.ticket-form-section{padding:0 13px}.ticket-new-actions{padding:10px 13px}}

/* Nouveau ticket — interface lisible et guidée. */
.ticket-new-shell{max-width:1030px;margin:0 auto 36px}.ticket-new-head{min-height:56px;margin:0 0 12px;gap:10px}.ticket-new-head h1{font-size:21px}.ticket-new-head p{margin-top:3px;font-size:10px}.ticket-new-eyebrow{margin-bottom:3px;font-size:8px}.ticket-back-button{width:36px;height:36px;flex-basis:36px;border-radius:9px;font-size:18px}.ticket-new-list-link{min-height:34px;padding:0 11px;border-radius:8px;font-size:10px}.ticket-new-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:14px;align-items:start}.ticket-new-form{border-radius:11px;overflow:visible;box-shadow:0 7px 22px rgba(24,41,66,.055)}.ticket-card-head{min-height:62px;padding:12px 16px;border-radius:11px 11px 0 0}.ticket-card-head>span:first-child{width:35px;height:35px;border-radius:9px;font-size:17px}.ticket-card-head h2{font-size:14px}.ticket-card-head p{margin-top:2px;font-size:9px}.ticket-form-step{padding:4px 8px!important;font-size:8px!important}.ticket-progress{height:2px;background:#edf1f6}.ticket-progress>span{display:block;width:0;height:100%;border-radius:0 999px 999px 0;background:#1769d6;transition:width .25s ease,background .2s ease}.ticket-progress.complete>span{background:#16805e}.ticket-form-section{padding:0 16px}.ticket-section-head{padding:14px 0 7px;gap:8px}.ticket-section-head>span{width:26px;height:26px;flex-basis:26px;border-radius:7px;font-size:8px}.ticket-section-head h3{font-size:11px}.ticket-section-head p{margin-top:2px;font-size:8px}.ticket-form-section .ticket-field-row{min-height:64px;padding:9px 0;grid-template-columns:135px minmax(0,1fr);gap:12px}.ticket-field-row>label,.ticket-message-label>label{font-size:11px}.ticket-field-row>label em{margin-top:2px;font-size:8px}.ticket-field-control{grid-template-columns:minmax(220px,1fr) minmax(150px,.46fr);gap:11px}.ticket-field-control input,.ticket-field-control select{height:40px;padding:0 11px;border-radius:8px;font-size:11px}.ticket-field-control>small{gap:5px;font-size:9px;line-height:1.4}.ticket-field-control>small i{font-size:13px}.ticket-invoice-row{margin:0 -16px;padding-right:16px!important;padding-left:16px!important}.ticket-select-trigger{min-height:40px;padding:5px 9px;grid-template-columns:24px minmax(0,1fr) auto 16px;border-radius:8px;gap:7px}.ticket-select-icon{width:24px;height:24px;border-radius:6px;font-size:14px}.ticket-select-value strong{font-size:11px}.ticket-select-value small{font-size:8px}.ticket-select-trigger>em,.ticket-select-option>em{padding:3px 6px;font-size:7.5px}.ticket-select-panel{top:calc(100% + 5px);border-radius:8px}.ticket-select-search{height:39px}.ticket-select-search input{font-size:10px!important}.ticket-select-option{min-height:38px;padding:6px 7px;grid-template-columns:24px minmax(0,1fr) auto 16px}.ticket-select-option strong{font-size:10px}.ticket-select-option small{font-size:8px}.ticket-message-block{padding:8px 0 12px}.ticket-message-label{margin-bottom:7px}.ticket-message-label>span{font-size:8px}.ticket-password-warning{margin-bottom:8px;padding:8px 10px;border-radius:7px;font-size:9px}.ticket-message-block textarea{min-height:160px;padding:11px 12px;border-radius:8px;font-size:11px;line-height:1.55}.ticket-message-hint{margin:7px 0 0;display:flex;align-items:flex-start;gap:6px;color:#738096;font-size:9px;line-height:1.4}.ticket-message-hint i{margin-top:1px;color:#d79a20;font-size:13px}.ticket-new-actions{min-height:60px;padding:10px 16px;border-radius:0 0 11px 11px;gap:8px}.ticket-new-actions>span{margin-right:auto;display:flex;align-items:center;gap:5px;color:#778498;font-size:9px}.ticket-new-actions>span i{color:#16805e;font-size:13px}.ticket-new-actions .btn{min-width:112px;min-height:36px;padding:7px 12px;border-radius:8px;font-size:10px}.ticket-new-aside{position:sticky;top:82px;display:grid;gap:10px}.ticket-advice-card{border-radius:11px}.ticket-advice-card>header{min-height:62px;padding:12px 13px;border-radius:11px 11px 0 0}.ticket-advice-card>header span{width:34px;height:34px;border-radius:8px;font-size:16px}.ticket-advice-card>header small{font-size:7px}.ticket-advice-card h2{font-size:10.5px}.ticket-advice-card ol{padding:5px 13px 10px}.ticket-advice-card li{min-height:58px;padding:10px 0;grid-template-columns:29px 1fr;gap:8px}.ticket-advice-card li>b{width:27px;height:27px;font-size:13px}.ticket-advice-card li strong{font-size:9.5px}.ticket-advice-card li small{margin-top:2px;font-size:8px;line-height:1.4}.ticket-process-card li:not(:last-child)::after{left:13px;top:34px;bottom:-10px}.ticket-security-card{padding:12px 13px;grid-template-columns:34px 1fr;gap:9px;border-radius:10px}.ticket-security-card>i{width:34px;height:34px;border-radius:8px;font-size:17px}.ticket-security-card strong{font-size:9.5px}.ticket-security-card p{margin-top:3px;font-size:8px;line-height:1.45}
@media(max-width:1100px){.ticket-new-layout{grid-template-columns:minmax(0,1fr) 245px}.ticket-field-control{grid-template-columns:1fr}.ticket-field-control>small{display:flex}.ticket-form-section .ticket-field-row{grid-template-columns:130px minmax(0,1fr)}}
@media(max-width:850px){.ticket-new-layout{grid-template-columns:1fr}.ticket-new-aside{position:static;display:grid;grid-template-columns:1fr 1fr}.ticket-advice-card ol{grid-template-columns:1fr}.ticket-advice-card li:nth-child(odd),.ticket-advice-card li:nth-child(even){padding:13px 0}.ticket-advice-card li:nth-last-child(-n+2){border-bottom:1px solid #edf0f4}.ticket-advice-card li:last-child{border-bottom:0}}
@media(max-width:650px){.ticket-new-head{min-height:48px;margin-bottom:10px;align-items:center}.ticket-new-head h1{font-size:19px}.ticket-new-head p,.ticket-new-eyebrow{display:none}.ticket-new-list-link{width:36px;min-height:36px;padding:0}.ticket-card-head{min-height:60px;padding:11px 13px}.ticket-card-head h2{font-size:13px}.ticket-card-head p{font-size:9px}.ticket-form-section{padding:0 13px}.ticket-section-head{padding-top:13px}.ticket-section-head h3{font-size:11px}.ticket-section-head p{font-size:8px}.ticket-form-section .ticket-field-row{grid-template-columns:1fr;gap:6px;padding:9px 0}.ticket-invoice-row{margin:0 -13px;padding-right:13px!important;padding-left:13px!important}.ticket-field-control input,.ticket-select-trigger{min-height:40px}.ticket-message-block textarea{min-height:160px}.ticket-new-actions{padding:10px 13px;display:grid;grid-template-columns:1fr 1.35fr}.ticket-new-actions>span{display:none}.ticket-new-actions .btn{min-width:0}.ticket-new-aside{grid-template-columns:1fr}.ticket-security-card{display:grid}}

/* Création d'un ticket dans une fenêtre modale. */
.ticket-create-modal{width:min(820px,calc(100vw - 28px));max-width:none;max-height:calc(100vh - 32px);margin:auto;padding:0;overflow:auto;border:0;border-radius:13px;background:#fff;color:#263247;box-shadow:0 28px 85px rgba(15,25,43,.28)}
.ticket-create-modal::backdrop{background:rgba(14,23,38,.58);backdrop-filter:blur(3px)}
.ticket-create-modal .ticket-modal-form{display:block}.ticket-create-modal .ticket-new-form{width:100%;border:0;border-radius:13px;box-shadow:none}
.ticket-create-modal .ticket-card-head{position:sticky;top:0;z-index:40;grid-template-columns:35px minmax(0,1fr) auto 32px;display:grid;gap:10px;border-radius:13px 13px 0 0;background:#fbfcfe}
.ticket-create-modal .ticket-card-head>div{min-width:0}.ticket-create-modal .ticket-card-head h1{margin:0;color:#263247;font-size:14px;line-height:1.2}.ticket-create-modal .ticket-card-head p{margin:2px 0 0;color:#8792a3;font-size:8px}.ticket-modal-eyebrow{display:block;margin-bottom:2px;color:#4771aa;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ticket-modal-close{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e0e5ec;border-radius:8px;background:#fff;color:#6f7b8c;font-size:18px;text-decoration:none}.ticket-modal-close:hover{border-color:#c7d0dc;background:#f5f7fa;color:#27364b}
.ticket-create-modal .ticket-form-section{padding:0 18px}.ticket-create-modal .ticket-section-head{padding:12px 0 6px}.ticket-create-modal .ticket-form-section .ticket-field-row{min-height:58px;padding:8px 0;grid-template-columns:125px minmax(0,1fr);gap:11px}.ticket-create-modal .ticket-field-control{grid-template-columns:minmax(220px,1fr) 175px;gap:10px}
.ticket-create-modal .ticket-invoice-row{margin:0 -18px;padding-right:18px!important;padding-left:18px!important}.ticket-create-modal .ticket-form-message-section{padding-bottom:8px}.ticket-create-modal .ticket-message-block{padding:7px 0}.ticket-create-modal .ticket-password-warning{margin-bottom:7px;padding:7px 9px}.ticket-create-modal .ticket-message-block textarea{min-height:130px}.ticket-create-modal .ticket-message-hint{margin-top:6px}
.ticket-create-modal .ticket-new-actions{position:sticky;bottom:0;z-index:30;min-height:56px;padding:9px 18px;border-radius:0 0 13px 13px;background:#fbfcfd}.ticket-create-modal .ticket-new-actions .btn{min-height:35px}
body:has(.ticket-create-modal[open]){overflow:hidden}
@media(max-width:700px){.ticket-create-modal{width:calc(100vw - 18px);max-height:calc(100vh - 18px);border-radius:11px}.ticket-create-modal .ticket-card-head{grid-template-columns:34px minmax(0,1fr) 30px;padding:11px 12px}.ticket-create-modal .ticket-form-step{display:none!important}.ticket-create-modal .ticket-card-head h1{font-size:13px}.ticket-create-modal .ticket-form-section{padding:0 12px}.ticket-create-modal .ticket-form-section .ticket-field-row{grid-template-columns:1fr;gap:5px;padding:8px 0}.ticket-create-modal .ticket-field-control{grid-template-columns:1fr}.ticket-create-modal .ticket-field-control>small{display:none}.ticket-create-modal .ticket-invoice-row{margin:0 -12px;padding-right:12px!important;padding-left:12px!important}.ticket-create-modal .ticket-message-block textarea{min-height:120px}.ticket-create-modal .ticket-new-actions{padding:9px 12px}}

/* En-tête global — correction téléphone. */
@media(max-width:700px){
  .topbar{height:60px;min-height:60px;padding:0 10px;gap:8px;justify-content:flex-start}
  .topbar .menu-toggle{width:38px;height:38px;flex:0 0 38px}
  .topbar-title{min-width:0;flex:1;overflow:hidden}
  .topbar-title .breadcrumb{display:none!important}
  .topbar-title>strong{display:block;overflow:hidden;font-size:.86rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
  .topbar .top-actions{min-width:0;flex:0 0 auto;gap:6px}
  body .topbar .topbar-order-button{display:none!important}
  .topbar .top-actions>.header-cart-button,.topbar .top-actions>.notification-button{width:38px;height:38px;display:grid!important;flex:0 0 38px}
  .topbar .user-menu{margin-left:0;padding-left:6px;gap:0}
  .topbar .user-menu .avatar{width:38px;height:38px;flex:0 0 38px}
}
@media(max-width:390px){
  .topbar{padding:0 8px;gap:6px}
  .topbar .top-actions{gap:5px}
  .topbar .top-actions>.header-cart-button,.topbar .top-actions>.notification-button,.topbar .user-menu .avatar{width:36px;height:36px;flex-basis:36px}
  .topbar .user-menu{padding-left:2px}
}

/* ESSAIS GRATUITS 24 H — catalogue et configuration. */
.catalog-trial-badge{width:max-content;margin:5px 0 1px;padding:4px 8px;display:inline-flex;align-items:center;gap:4px;border:1px solid #bce8d5;border-radius:999px;background:#ecfaf4;color:#13865c;font-size:8px;font-weight:850}.catalog-trial-badge i{font-size:11px}.config-trial-box{margin:12px 0 8px;padding:10px 11px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;border:1px solid #bce8d5;border-radius:9px;background:#f0fbf6;color:#147a58}.config-trial-box>i{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#dff5ea;font-size:17px}.config-trial-box>span{display:grid}.config-trial-box strong{font-size:9px}.config-trial-box small{margin-top:2px;color:#6c8d80;font-size:7px;line-height:1.4}.config-trial-box.used{border-color:#dfe4ea;background:#f7f8fa;color:#6e7888}.config-trial-box.used>i{background:#e9edf2}.config-trial-box.used small{color:#929aa7}.config-trial-submit{width:100%;min-height:40px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #159466;border-radius:9px;background:#159466;color:#fff;font-size:9px;font-weight:850;cursor:pointer;box-shadow:0 6px 14px rgba(21,148,102,.15)}.config-trial-submit:hover{background:#107c55}.vps-offer-identity .catalog-trial-badge{margin-top:5px}

/* ESSAI AU CHECKOUT — même parcours que les autres commandes, sans débit. */
.checkout-method-icon.trial{background:#edf7f2;color:#19805f}.config-submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.cart-line-title .catalog-trial-badge{margin:0;font-size:7px}

/* ===== dashboard-compact.css ===== */
/* NebulaHost 3.2 — compact navigation and operational dashboard */
:root{--sidebar:252px}
.sidebar{width:var(--sidebar);padding:24px 14px 18px}
.sidebar .brand{margin:0 10px 20px!important;font-size:1.18rem!important;gap:10px!important}
.sidebar-logo{width:36px;height:36px;flex-basis:36px;border-radius:10px}
.sidebar-logo>.bx{font-size:1.45rem!important}
.nav-main>a{min-height:38px!important;padding:8px 10px!important;grid-template-columns:21px minmax(0,1fr) 18px!important;column-gap:10px!important;border-radius:7px!important;font-size:.84rem!important}
.nav-main>a:not(:has(.nav-arrow)){grid-template-columns:21px minmax(0,1fr)!important}
.nav-main>a>i:first-child{width:21px!important;min-width:21px!important;font-size:1.08rem!important}
.nav-main>a>.nav-arrow{width:18px!important;font-size:1.05rem!important}
.nav-main .nav-label{margin:16px 10px 5px!important;font-size:.65rem!important;color:#858db7!important}
.nav-resources{margin-top:18px!important}
.sidebar-profile{margin:12px 8px 0;padding-top:12px;grid-template-columns:34px minmax(0,1fr) 22px;gap:8px}
.sidebar-profile .avatar{width:34px;height:34px;font-size:.68rem}
.sidebar-profile strong{font-size:.72rem}.sidebar-profile small{font-size:.59rem}.sidebar-profile>a{font-size:1.05rem}
.app-main{margin-left:var(--sidebar)}.content{padding:27px 28px 38px}
.dashboard-hero{min-height:138px!important;padding:22px 25px!important;margin-bottom:17px!important}
.dashboard-hero h1{font-size:1.48rem!important;margin-bottom:4px!important}.dashboard-hero p{font-size:.78rem!important}
.dashboard-hero:before{bottom:-245px}.dashboard-hero:after{width:230px;height:230px;top:-120px}
.hero-status{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.hero-status span{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid rgba(255,255,255,.16);border-radius:4px;background:rgba(255,255,255,.07);color:#dce8ff;font-size:.59rem;font-weight:650}
.hero-status i{width:6px;height:6px;border-radius:50%;background:#38d49f}
.hero-actions{display:flex;align-items:center;gap:8px}.hero-actions .btn{min-height:36px;padding:7px 12px;font-size:.7rem;white-space:nowrap}
.btn-ghost-light{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.07);color:#fff}.btn-ghost-light:hover{background:rgba(255,255,255,.14);color:#fff}
.metrics-grid{gap:13px;margin-bottom:17px}.metric-card{min-height:92px;padding:15px 14px;gap:11px}.metric-card:before{width:2px}
.metric-icon{width:36px;height:36px}.metric-icon>.bx{font-size:1.08rem}.metric-card small{font-size:.55rem}.metric-card strong{font-size:1.24rem;line-height:1.25}.metric-card a{font-size:.59rem}.metric-arrow{margin-left:auto;color:#a1afc5;font-size:1.05rem}
.two-column{gap:15px}.panel{padding:19px;margin-bottom:17px}.panel-head{margin-bottom:14px}.panel-head h2{font-size:1.02rem}
@media(max-width:800px){.sidebar{width:min(252px,84vw)}.app-main{margin-left:0}.dashboard-hero{align-items:flex-start}.hero-actions{width:100%}}
@media(max-width:540px){.dashboard-hero{padding:20px!important}.hero-status span:nth-child(3){display:none}.hero-actions{flex-wrap:wrap}.hero-actions .btn{flex:1}.content{padding:20px 14px 30px}}

/* v8 — dashboard opérationnel pleine largeur */
.topbar-order-button{display:inline-flex!important;min-height:34px!important;padding:7px 12px!important;border-radius:7px!important;font-size:.7rem!important}.topbar-order-button i{font-size:15px}.dashboard-page-pro{width:100%;max-width:none}.dashboard-page-pro .panel{margin-bottom:0}.dashboard-pro-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:13px}.dashboard-pro-head .eyebrow{margin-bottom:2px;font-size:8px}.dashboard-pro-head h1{margin:0 0 3px;color:#172438;font-size:23px;letter-spacing:-.035em}.dashboard-pro-head p{margin:0;color:#7e899a;font-size:10px}.dashboard-head-actions{display:flex;align-items:center;gap:8px}.dashboard-health{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #dce7e2;border-radius:7px;background:#f5fbf8;color:#35755f;font-size:9px;font-weight:750}.dashboard-health i{width:6px;height:6px;border-radius:50%;background:#12aa77}.dashboard-head-actions .btn{min-height:35px;padding:7px 11px;font-size:10px}.dashboard-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:11px}.dashboard-stat{min-width:0;min-height:84px;padding:13px 14px;display:grid;grid-template-columns:38px minmax(0,1fr) 16px;gap:10px;align-items:center;border:1px solid #dfe5ed;border-radius:10px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 2px 7px rgba(22,34,55,.025)}.dashboard-stat:hover{border-color:#b9cbe1;box-shadow:0 7px 18px rgba(22,34,55,.06)}.dashboard-stat-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-size:18px}.dashboard-stat-icon.blue{background:#edf4ff;color:#1768e5}.dashboard-stat-icon.violet{background:#f2efff;color:#7251d4}.dashboard-stat-icon.amber{background:#fff5e5;color:#ba7112}.dashboard-stat-icon.green{background:#eaf9f3;color:#11966b}.dashboard-stat small{display:block;color:#929cab;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.dashboard-stat strong{display:block;margin-top:2px;color:#202d42;font-size:18px;letter-spacing:-.025em}.dashboard-stat strong em{margin-left:2px;color:#9aa3b1;font-size:10px;font-style:normal;font-weight:600}.dashboard-stat p{margin:1px 0 0;color:#99a2af;font-size:8px}.dashboard-stat>i{color:#a7afba;font-size:16px}.dashboard-pro-grid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(280px,.72fr);gap:11px;margin-bottom:11px}.dashboard-pro-panel{padding:0;overflow:hidden;border-radius:10px}.dashboard-panel-head{min-height:48px;padding:9px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ecf1}.dashboard-panel-head h2{margin:0;color:#233047;font-size:13px}.dashboard-panel-head p{margin:3px 0 0;color:#929cab;font-size:8px}.dashboard-panel-head>a{display:inline-flex;align-items:center;gap:4px;color:#5275a5;font-size:9px;font-weight:750;text-decoration:none}.dashboard-panel-head>a i{font-size:14px}.dashboard-resource-list{padding:3px 13px 10px}.dashboard-resource-row{display:grid;grid-template-columns:34px minmax(170px,1fr) 85px 76px 15px;gap:10px;align-items:center;min-height:56px;padding:8px 3px;border-bottom:1px solid #edf0f4;color:inherit;text-decoration:none}.dashboard-resource-row:last-child{border-bottom:0}.dashboard-resource-row:hover{background:#fbfcfe}.dashboard-resource-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#edf4ff;color:#1768e5;font-size:16px}.dashboard-resource-row>div{min-width:0}.dashboard-resource-row>div strong{display:block;color:#2a374d;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-resource-row>div small{display:block;margin-top:2px;color:#98a1ae;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-resource-row>.status{justify-self:start;font-size:7px}.dashboard-resource-date{color:#7f8b9d;font-size:8px;text-align:right}.dashboard-resource-row>i{color:#a4adba;font-size:15px}.dashboard-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 14px 14px}.dashboard-quick-actions>a{min-height:62px;padding:9px 10px;display:flex;align-items:center;gap:9px;border:1px solid #dfe5ed;border-radius:10px;background:#f1f5fb;color:#344158;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dashboard-quick-actions>a:hover{transform:translateY(-1px);border-color:#c9d6e7;box-shadow:0 6px 16px rgba(22,34,55,.06)}.dashboard-quick-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;color:#edf4ff;background:#315f9f;border-radius:8px;font-size:15px}.dashboard-quick-actions>a>span:last-child{min-width:0;font-size:10.5px;line-height:1.3;font-weight:500;color:#344158;letter-spacing:-.005em}.dashboard-quick-actions>a>span:last-child br{display:none}@media(max-width:480px){.dashboard-quick-actions{grid-template-columns:1fr}.dashboard-quick-actions>a{min-height:58px}}.dashboard-activity-list{padding:5px 14px 10px}.dashboard-activity-list>a{display:grid;grid-template-columns:8px minmax(0,1fr);gap:9px;padding:9px 2px;border-bottom:1px solid #edf0f4;color:inherit;text-decoration:none}.dashboard-activity-list>a:last-child{border-bottom:0}.dashboard-activity-list>a>span{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#4f83cc;box-shadow:0 0 0 3px #edf4ff}.dashboard-activity-list strong{display:block;color:#344158;font-size:9px}.dashboard-activity-list p{margin:2px 0;color:#7f8b9d;font-size:8px;line-height:1.4}.dashboard-activity-list small{display:block;color:#a0a8b4;font-size:7px}.dashboard-orders-panel{margin-bottom:0}.dashboard-order-list{padding:3px 14px 10px}.dashboard-order-row{display:grid;grid-template-columns:1.1fr 1fr 85px 100px 90px 15px;gap:12px;align-items:center;min-height:50px;padding:7px 2px;border-bottom:1px solid #edf0f4;color:inherit;text-decoration:none}.dashboard-order-row:last-child{border-bottom:0}.dashboard-order-row>div span{display:block;color:#9aa3b1;font-size:7px;font-weight:800;text-transform:uppercase}.dashboard-order-row>div strong{display:block;margin-top:2px;color:#344158;font-size:9px}.dashboard-order-row>.status{justify-self:start;font-size:7px}.dashboard-order-total{text-align:right;color:#243147;font-size:10px}.dashboard-order-row>i{color:#a4adba}.dashboard-empty{padding:30px 15px;text-align:center}.dashboard-empty.small{padding:24px 15px}.dashboard-empty>i{display:block;margin-bottom:7px;color:#8ba3c1;font-size:23px}.dashboard-empty strong{color:#344158;font-size:11px}.dashboard-empty p{margin:3px 0 10px;color:#929cab;font-size:8px}.dashboard-empty .btn{min-height:33px;font-size:9px}body[data-route="dashboard"] .content{width:100%;max-width:none;padding:15px 17px 25px;background:#f5f7fa}@media(max-width:1080px){.dashboard-stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-pro-grid{grid-template-columns:1fr}}@media(max-width:700px){.dashboard-pro-head{align-items:flex-start;flex-direction:column}.dashboard-head-actions{width:100%;justify-content:space-between}.dashboard-stat-grid{grid-template-columns:1fr}.dashboard-order-row{grid-template-columns:minmax(0,1fr) 90px 80px 15px}.dashboard-order-row>div:nth-child(2),.dashboard-order-row>div:nth-child(3){display:none}.dashboard-resource-row{grid-template-columns:32px minmax(0,1fr) 70px 15px}.dashboard-resource-date{display:none}.dashboard-health{display:none}}@media(max-width:480px){.dashboard-head-actions .btn{width:100%}.dashboard-stat{min-height:76px}.dashboard-order-row>.status{display:none}.dashboard-order-row{grid-template-columns:minmax(0,1fr) 75px 15px}}

/* ===== menu-typography.css ===== */
/* Menu client 3.3 — contraste et typographie alignés sur la référence */
.sidebar{background:#080a47}
.sidebar .brand{color:#fff;font-family:"Segoe UI",Inter,sans-serif;font-weight:750;letter-spacing:-.025em}
.nav-main>a{color:#dfe3f7!important;font-family:"Segoe UI",Inter,sans-serif;font-weight:500!important;letter-spacing:0}
.nav-main>a>i:first-child{color:#d7dcf6!important}
.nav-main>a:hover{color:#fff!important;background:#171b5c!important}
.nav-main>a.active{color:#fff!important;background:#232d58!important;font-weight:650!important}
.nav-main>a.active>i:first-child{color:#fff!important}
.nav-main .nav-label{color:#9297bd!important;font-weight:550!important;text-transform:none!important;letter-spacing:0!important}
.sidebar-profile strong{color:#fff;font-weight:650}.sidebar-profile small{color:#aeb4d3}

/* Parrainage v19 */
.nav-main .referral-nav-link{position:relative}
.nav-main .referral-nav-link .nav-new-badge{margin-left:auto;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:800;line-height:1.2;background:rgba(124,58,237,.10);color:#7c3aed;letter-spacing:.01em}
.nav-main .referral-nav-link.active .nav-new-badge{background:rgba(255,255,255,.18);color:inherit}

/* ===== service-control.css ===== */
.svc-shell{max-width:1500px;margin:0 auto 50px}.svc-breadcrumb{display:flex;align-items:center;gap:7px;font-size:13px;color:#7c8499;margin-bottom:22px}.svc-breadcrumb a{color:#5b65d8;text-decoration:none;font-weight:700}.svc-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.svc-title{display:flex;align-items:center;gap:16px}.svc-icon{width:54px;height:54px;border:1px solid #dfe3ee;border-radius:16px;display:grid;place-items:center;background:#fff;box-shadow:0 5px 18px rgba(31,36,66,.06);font-size:27px;color:#3940a9}.svc-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:#8a91a5;margin-bottom:4px}.svc-title h1{font-size:29px;margin:0 0 3px;color:#15182b;letter-spacing:-.03em}.svc-title p{margin:0;color:#7b8295}.svc-header-actions{display:flex;align-items:center;gap:12px}.svc-health,.power-state{display:inline-flex;align-items:center;gap:8px;background:#f0fbf5;color:#147a49;border:1px solid #ccefdc;padding:9px 12px;border-radius:10px;font-size:12px;font-weight:800}.svc-health i,.power-state i{width:7px;height:7px;background:#22b573;border-radius:50%;box-shadow:0 0 0 4px rgba(34,181,115,.1)}.svc-metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e5e8f0;border-radius:15px;margin-bottom:20px;overflow:hidden}.svc-metrics>div{padding:18px 22px;border-right:1px solid #edf0f5}.svc-metrics>div:last-child{border-right:0}.svc-metrics span,.svc-card-head span,.hosting-info span,.domain-state-row span{display:block;color:#8a91a3;font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.svc-metrics strong{display:block;font-size:17px;color:#1e2235;margin:5px 0 2px}.svc-metrics small{color:#9aa1b2}.svc-tabs{display:flex;gap:6px;border-bottom:1px solid #e5e8f0;margin:8px 0 20px;position:sticky;top:70px;background:#f7f8fb;z-index:5;padding-top:6px}.svc-tabs a{padding:13px 15px;color:#667085;text-decoration:none;font-size:13px;font-weight:750;border-bottom:2px solid transparent}.svc-tabs a:hover,.svc-tabs a.active{color:#3038a1;border-bottom-color:#4048c4}.svc-card{background:#fff;border:1px solid #e2e6ef;border-radius:15px;padding:22px;box-shadow:0 4px 15px rgba(33,39,67,.035);margin-bottom:18px}.svc-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.svc-card-head h2{margin:3px 0 0;color:#202438;font-size:18px;letter-spacing:-.01em}.svc-card-head p{margin:6px 0 0;color:#8a91a3;font-size:13px}.svc-grid-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:18px}.svc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.server-visual{display:flex;align-items:center;gap:18px;padding:22px;background:#f8f9fc;border:1px solid #edf0f5;border-radius:14px}.server-visual>div:last-child{display:grid;gap:3px}.server-visual strong{font-size:18px;color:#1b2032}.server-visual span{color:#697084}.server-visual small{color:#969daf}.server-unit{width:98px;height:64px;background:#171b2a;border-radius:9px;position:relative;box-shadow:inset 0 0 0 2px #343a4c}.server-unit i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#25c477;margin:14px 0 0 9px}.server-unit b{position:absolute;left:10px;right:10px;bottom:12px;height:13px;background:repeating-linear-gradient(90deg,#5b6275 0,#5b6275 3px,transparent 3px,transparent 7px);opacity:.7}.power-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.power-actions form{margin:0}.svc-action{width:100%;border:1px solid #e0e4ed;background:#fff;border-radius:11px;padding:12px;display:flex;align-items:center;gap:10px;text-align:left;color:#252a3d;cursor:pointer}.svc-action:hover{border-color:#aeb5dc;background:#fafaff}.svc-action i{font-size:20px;color:#5159c6}.svc-action span{display:grid;font-size:12px;font-weight:800}.svc-action small{font-size:10px;color:#9aa0af;font-weight:600}.svc-action.green i{color:#159a5f}.svc-action.danger i{color:#d94f57}.svc-action:disabled{opacity:.45;cursor:not-allowed}.power-state.stopped,.power-state.unknown{background:#f7f7f9;color:#6e7586;border-color:#e4e6eb}.power-state.stopped i,.power-state.unknown i{background:#8b92a3}.power-state.rescue{background:#fff7e9;color:#9a6112;border-color:#f1deb7}.power-state.rescue i{background:#e5a232}.svc-api-note{margin-top:14px;padding:11px 13px;border-radius:9px;background:#f5f6ff;color:#5b63a6;font-size:11px;display:flex;gap:9px;align-items:flex-start}.svc-api-note i{font-size:16px}.resource-list{display:grid;gap:7px}.resource-list>div{display:flex;align-items:center;gap:12px;padding:11px;border-bottom:1px solid #f0f1f5}.resource-list>div:last-child{border-bottom:0}.resource-list i{width:36px;height:36px;border-radius:9px;background:#f5f6fb;display:grid;place-items:center;color:#5b63c7;font-size:18px}.resource-list span{display:grid;color:#8a91a3;font-size:11px}.resource-list b{color:#272c3f;font-size:13px;margin-top:2px}.network-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px}.network-grid>div,.network-grid>form{border:1px solid #e7e9f0;background:#fafbfc;padding:15px;border-radius:11px}.network-grid>div{position:relative}.network-grid span{display:block;color:#8a91a3;font-size:11px;margin-bottom:6px}.network-grid strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.network-grid button[data-copy-text]{position:absolute;right:8px;top:8px;border:0;background:transparent;color:#7d84a2;cursor:pointer}.network-grid form{display:flex;align-items:end;gap:8px}.network-grid label{flex:1;font-size:11px;color:#6e7586}.network-grid input{width:100%;margin-top:5px}.hosting-hero,.domain-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:18px}.hosting-main,.domain-main{padding:27px}.hosting-brand,.domain-name{display:flex;align-items:center;gap:17px}.hosting-brand>span,.domain-name>span{width:54px;height:54px;border-radius:14px;background:#151a2b;color:#fff;display:grid;place-items:center;font-size:25px;font-weight:900}.hosting-brand small,.domain-name small{color:#8d94a6;text-transform:uppercase;font-size:10px;font-weight:800}.hosting-brand h2,.domain-name h2{font-size:23px;margin:3px 0;color:#1d2135}.hosting-brand p,.domain-name p{margin:0;color:#8a91a3}.hosting-status{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 18px}.hosting-status span{border:1px solid #e4e7ee;border-radius:9px;padding:8px 10px;font-size:11px;color:#596074}.hosting-status span:first-child{color:#168453;background:#f1fbf6;border-color:#d5efe1}.hosting-status span:first-child i{display:inline-block;width:6px;height:6px;background:#1fba73;border-radius:50%;margin-right:6px}.plesk-button{display:flex;align-items:center;gap:14px;padding:16px 17px;background:linear-gradient(135deg,#171c30,#252c48);border-radius:13px;color:#fff!important;text-decoration:none}.plesk-button:hover{transform:translateY(-1px)}.plesk-button.disabled{opacity:.6}.plesk-mark{width:38px;height:38px;border-radius:10px;background:#fff;color:#1b66dd;display:grid;place-items:center;font-size:22px;font-weight:900}.plesk-button>span:nth-child(2){display:grid;flex:1}.plesk-button b{font-size:14px}.plesk-button small{color:#bec6dc;margin-top:2px}.plesk-button>i{font-size:22px}.hosting-info{display:grid}.hosting-info>div{padding:11px 0;border-bottom:1px solid #eef0f4}.hosting-info>div:last-child{border-bottom:0}.hosting-info b{display:block;color:#252a3d;margin-top:3px;font-size:13px}.quick-link-list{display:grid}.quick-link-list>a{display:flex;align-items:center;gap:12px;text-decoration:none;padding:13px 0;border-bottom:1px solid #eef0f4;color:#2a2f42}.quick-link-list>a:last-child{border-bottom:0}.quick-link-list>a>i:first-child{width:37px;height:37px;background:#f3f5fb;color:#4e57c5;border-radius:9px;display:grid;place-items:center;font-size:18px}.quick-link-list span{display:grid;flex:1}.quick-link-list b{font-size:13px}.quick-link-list small{font-size:11px;color:#959bad;margin-top:2px}.quick-link-list>a>i:last-child{color:#9ca2b2}.quota-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quota-grid>div{display:flex;align-items:center;gap:12px;border:1px solid #e7e9f0;border-radius:12px;padding:16px}.quota-grid i{font-size:22px;color:#5961c9}.quota-grid span{display:grid;color:#8a91a3;font-size:11px}.quota-grid strong{color:#252a3d;font-size:16px;margin-top:3px}.domain-name>span{background:linear-gradient(145deg,#3741b3,#6b75df);font-size:13px}.domain-state-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px;border-top:1px solid #edf0f4;padding-top:18px}.domain-state-row strong{display:block;margin-top:4px;color:#252a3d}.dns-table-wrap{overflow:auto}.dns-table{width:100%;border-collapse:collapse}.dns-table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#8d94a5;padding:10px;border-bottom:1px solid #e8eaf0}.dns-table td{padding:12px 10px;border-bottom:1px solid #f0f1f4;font-size:12px;color:#3e4458}.dns-type{display:inline-block;background:#f0f2fb;color:#4048a5;border-radius:6px;padding:4px 7px;font-size:10px}.dns-value{max-width:520px;word-break:break-all}.icon-danger{border:0;background:#fff1f2;color:#c8454f;width:30px;height:30px;border-radius:8px;cursor:pointer}.dns-empty{text-align:center;padding:38px;color:#969caf;display:grid;gap:6px;place-items:center}.dns-empty i{font-size:32px;color:#7b83c7}.dns-empty strong{color:#40465a}.renew-line{display:grid;gap:14px}.svc-copy{color:#7f8699;font-size:13px}.svc-card hr{border:0;border-top:1px solid #edf0f4;margin:20px 0}.svc-history{margin-top:4px}.svc-modal{border:0;border-radius:16px;padding:0;width:min(620px,calc(100vw - 30px));box-shadow:0 30px 80px rgba(20,23,44,.28)}.svc-modal::backdrop{background:rgba(16,20,38,.52);backdrop-filter:blur(3px)}.svc-modal header,.svc-modal footer{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eceef3}.svc-modal footer{border-top:1px solid #eceef3;border-bottom:0;justify-content:flex-end;gap:8px}.svc-modal header h3{margin:3px 0 0}.svc-modal header small{color:#8c93a4}.svc-modal header button{border:0;background:#f4f5f8;width:32px;height:32px;border-radius:8px;font-size:20px;cursor:pointer}.svc-modal-body{padding:20px}.svc-modal .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.svc-modal .span-2{grid-column:1/-1}@media(max-width:1050px){.svc-metrics{grid-template-columns:1fr 1fr}.svc-metrics>div:nth-child(2){border-right:0}.svc-grid-main,.hosting-hero,.domain-hero{grid-template-columns:1fr}.network-grid{grid-template-columns:1fr}.power-actions{grid-template-columns:1fr 1fr}}@media(max-width:720px){.svc-header{align-items:flex-start;flex-direction:column}.svc-header-actions{width:100%;justify-content:space-between}.svc-metrics,.svc-grid-2,.quota-grid,.domain-state-row{grid-template-columns:1fr}.svc-metrics>div{border-right:0;border-bottom:1px solid #edf0f5}.svc-tabs{overflow-x:auto;white-space:nowrap}.power-actions{grid-template-columns:1fr}.network-grid form{display:grid}.svc-title h1{font-size:23px}}

/* NebulaHost v49 - Hosting service management */
.hosting-v49{--hv49-border:#e5e9f1;--hv49-muted:#7c879c;--hv49-text:#172033;--hv49-blue:#1677ff;--hv49-soft:#f7f9fc;display:grid;gap:18px}
.hosting-v49-tabs{display:flex;align-items:center;gap:5px;padding:5px;width:max-content;max-width:100%;overflow:auto;border:1px solid #e6eaf1;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(24,38,68,.035)}
.hosting-v49-tabs a{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border-radius:8px;color:#788398;text-decoration:none;font-size:10px;font-weight:750;white-space:nowrap;transition:.18s ease}.hosting-v49-tabs a i{font-size:14px}.hosting-v49-tabs a:hover{color:#34415a;background:#f6f8fb}.hosting-v49-tabs a.active{color:#1f4f9f;background:#edf4ff;box-shadow:inset 0 0 0 1px #dae9ff}
.hosting-v49-hero{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:27px 28px;border-color:#dfe4ec;background:linear-gradient(135deg,#fff 0%,#fff 62%,#f7faff 100%);box-shadow:0 12px 34px rgba(28,44,77,.055)}
.hosting-v49-hero-main{display:flex;align-items:center;gap:17px;min-width:0}.hosting-v49-service-mark{width:58px;height:58px;flex:0 0 58px;border-radius:16px;background:linear-gradient(145deg,#18243f,#2d4776);display:grid;place-items:center;color:#fff;box-shadow:0 12px 25px rgba(28,46,81,.20)}.hosting-v49-service-mark span{font-size:25px;font-weight:900;letter-spacing:-.05em}
.hosting-v49-service-copy{min-width:0}.hosting-v49-overline{display:flex;align-items:center;gap:9px;margin-bottom:6px;color:#8b95a7;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.hosting-v49-live{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;border:1px solid}.hosting-v49-live i{width:6px;height:6px;border-radius:50%}.hosting-v49-live.ok{color:#127047;background:#effaf4;border-color:#d2eddf}.hosting-v49-live.ok i{background:#21b16f}.hosting-v49-live.wait{color:#8a6518;background:#fff9eb;border-color:#f0e2bb}.hosting-v49-live.wait i{background:#e3a832}
.hosting-v49-service-copy h2{margin:0;color:#151f33;font-size:25px;line-height:1.18;letter-spacing:-.035em;word-break:break-word}.hosting-v49-service-copy p{margin:5px 0 0;color:#7f8a9d;font-size:11px;line-height:1.5}.hosting-v49-ref{display:inline-flex;align-items:center;gap:4px;margin-top:8px;color:#a0a8b7;font-size:9px;font-weight:700}.hosting-v49-ref i{font-size:12px}
.hosting-v49-hero-actions{display:flex;align-items:stretch;gap:8px;flex:0 0 auto}.hosting-v49-main-cta{min-width:194px;min-height:46px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:7px 11px!important}.hosting-v49-main-cta>span:not(.hosting-v49-plesk-logo){display:grid;text-align:left;line-height:1.2}.hosting-v49-main-cta>span>small{margin-top:2px;font-size:8px;font-weight:600;opacity:.75}.hosting-v49-main-cta>i:last-child{margin-left:auto;font-size:17px;transform:rotate(45deg)}.hosting-v49-plesk-logo{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;background:rgba(255,255,255,.16);font-weight:900;font-size:14px}.hosting-v49-icon-action{width:46px;height:46px;border:1px solid #e2e7ef;border-radius:10px;background:#fff;color:#617087;display:grid;place-items:center;text-decoration:none;font-size:18px;cursor:pointer;transition:.18s ease}.hosting-v49-icon-action:hover{border-color:#cfd9e8;background:#f7f9fc;color:#2564c7;transform:translateY(-1px)}
.hosting-v49-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hosting-v49-kpis>.svc-card{display:flex;align-items:center;gap:12px;margin:0;padding:15px 16px;min-width:0;border-color:#e7eaf0;box-shadow:none}.hosting-v49-kpi-icon{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:#f1f5fb;color:#576782;display:grid;place-items:center;font-size:17px}.hosting-v49-kpis>div>div{display:grid;min-width:0}.hosting-v49-kpis small{color:#929baa;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.hosting-v49-kpis strong{margin-top:3px;color:#273248;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hosting-v49-kpis>div>div>span{margin-top:2px;color:#9ca4b2;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hosting-v49-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.hosting-v49-maincol,.hosting-v49-sidecol{display:grid;gap:18px}.hosting-v49-panel{margin:0;padding:22px 23px;border-color:#e4e8ef;box-shadow:0 7px 24px rgba(27,42,72,.035)}.hosting-v49-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}.hosting-v49-panel-head>div>span,.hosting-v49-side-head>span{display:block;color:#929bac;font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.075em}.hosting-v49-panel-head h2{margin:3px 0 0;color:#242f43;font-size:16px;letter-spacing:-.015em}.hosting-v49-panel-head p{margin:5px 0 0;color:#929aaa;font-size:10px;line-height:1.45}.hosting-v49-panel-icon{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:#f2f5fa;color:#64728c;display:grid;place-items:center;font-size:17px}
.hosting-v49-access-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e7eaf0;border-radius:12px;overflow:hidden}.hosting-v49-access-item{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:14px;background:#fff;border-bottom:1px solid #edf0f4}.hosting-v49-access-item:nth-child(odd){border-right:1px solid #edf0f4}.hosting-v49-access-item:nth-last-child(-n+2){border-bottom:0}.hosting-v49-access-icon{width:33px;height:33px;border-radius:9px;background:#f4f7fb;color:#5b6c89;display:grid;place-items:center;font-size:15px}.hosting-v49-access-item>div{display:grid;min-width:0}.hosting-v49-access-item small{color:#979faf;font-size:8.5px;font-weight:750}.hosting-v49-access-item strong{margin-top:3px;color:#2c374b;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hosting-v49-access-item button{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:#a2aab7;display:grid;place-items:center;cursor:pointer}.hosting-v49-access-item button:hover{background:#f2f5fa;color:#4f63bd}.hosting-v49-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:10px 12px;border-radius:10px;background:#f6faf8;border:1px solid #e0eee7}.hosting-v49-panel-footer>div{display:flex;align-items:center;gap:8px}.hosting-v49-panel-footer>div>i{color:#209667;font-size:16px}.hosting-v49-panel-footer>div>span{display:grid}.hosting-v49-panel-footer strong{color:#33453e;font-size:9.5px}.hosting-v49-panel-footer small{margin-top:1px;color:#87968f;font-size:8px}.hosting-v49-text-link{display:inline-flex;align-items:center;gap:4px;color:#3363b2;text-decoration:none;font-size:9px;font-weight:800;white-space:nowrap}
.hosting-v49-resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hosting-v49-resource-grid>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto auto;column-gap:10px;align-items:center;padding:13px;border:1px solid #e7eaf0;border-radius:11px;background:#fbfcfe}.hosting-v49-resource-ring{grid-row:1/4;width:34px;height:34px;border-radius:50%;background:#edf3ff;color:#4d63bf;display:grid;place-items:center;font-size:15px}.hosting-v49-resource-grid small{color:#9099aa;font-size:8px;font-weight:750}.hosting-v49-resource-grid strong{margin-top:1px;color:#273248;font-size:12px}.hosting-v49-resource-grid em{margin-top:1px;color:#a2a9b6;font-size:7.5px;font-style:normal}
.hosting-v49-sidecol>.svc-card{margin:0}.hosting-v49-subscription,.hosting-v49-status-card{padding:20px;border-color:#e4e8ef;box-shadow:0 7px 24px rgba(27,42,72,.035)}.hosting-v49-side-head h3{margin:3px 0 15px;color:#283246;font-size:15px}.hosting-v49-expiry{padding:14px;margin-bottom:12px;border:1px solid #e7eaf0;border-radius:11px;background:#f9fafc}.hosting-v49-expiry small{display:block;color:#929baa;font-size:8.5px;font-weight:750}.hosting-v49-expiry strong{display:block;margin:4px 0 2px;color:#202b40;font-size:18px;letter-spacing:-.02em}.hosting-v49-expiry>span{color:#8a94a5;font-size:8.5px}.hosting-v49-divider{height:1px;margin:16px 0;background:#eceff3}.hosting-v49-auto-renew>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.hosting-v49-auto-renew>div>span{display:grid}.hosting-v49-auto-renew strong{color:#303b4f;font-size:9.5px}.hosting-v49-auto-renew small{margin-top:2px;color:#929aaa;font-size:8px;line-height:1.4}.hosting-v49-switch{position:relative;display:block;width:34px;height:20px;flex:0 0 34px}.hosting-v49-switch input{position:absolute;opacity:0;pointer-events:none}.hosting-v49-switch i{position:absolute;inset:0;border-radius:999px;background:#d8dde6;cursor:pointer;transition:.2s}.hosting-v49-switch i:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.2s}.hosting-v49-switch input:checked+i{background:#2d73e8}.hosting-v49-switch input:checked+i:after{transform:translateX(14px)}
.hosting-v49-status-list{display:grid}.hosting-v49-status-list>div{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #edf0f4}.hosting-v49-status-list>div:last-child{border-bottom:0}.hosting-v49-status-list .dot{width:7px;height:7px;border-radius:50%;margin-left:2px}.hosting-v49-status-list .dot.ok{background:#20ae6d;box-shadow:0 0 0 4px #ebf8f2}.hosting-v49-status-list .dot.wait{background:#dda32f;box-shadow:0 0 0 4px #fff7e7}.hosting-v49-status-list>div>div{display:grid}.hosting-v49-status-list strong{color:#303a4d;font-size:9.5px}.hosting-v49-status-list small{margin-top:2px;color:#949cab;font-size:8px}.hosting-v49-status-list b{color:#758095;font-size:7.5px;text-transform:uppercase;letter-spacing:.045em}
.hosting-v49-support{display:grid!important;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:15px 16px!important;text-decoration:none;border-color:#e5e9ef!important;box-shadow:none!important;transition:.18s}.hosting-v49-support:hover{border-color:#d3dce9!important;transform:translateY(-1px)}.hosting-v49-support>span{width:34px;height:34px;border-radius:9px;background:#f1f4fb;color:#5768be;display:grid;place-items:center;font-size:16px}.hosting-v49-support>div{display:grid}.hosting-v49-support strong{color:#303a4d;font-size:9.5px}.hosting-v49-support small{margin-top:2px;color:#949cab;font-size:8px}.hosting-v49-support>i{color:#a4acb9}
/* Renewal modal */
.hosting-v49-renew-modal{width:min(820px,calc(100vw - 30px));max-width:820px;border:0!important;border-radius:17px!important;padding:0!important;overflow:hidden;box-shadow:0 28px 80px rgba(17,28,50,.24)!important}.hosting-v49-renew-modal::backdrop{background:rgba(16,24,40,.46);backdrop-filter:blur(3px)}.hosting-v49-renew-modal>form>header{padding:21px 23px 17px!important;border-bottom:1px solid #e9edf3!important;background:#fff}.hosting-v49-renew-modal>form>header small{color:#7d8ba4;font-size:8px;font-weight:850;letter-spacing:.09em}.hosting-v49-renew-modal>form>header h3{margin:3px 0 0!important;color:#1d273b;font-size:18px!important;letter-spacing:-.02em}.hosting-v49-renew-modal>form>header p{margin:4px 0 0;color:#8d97a8;font-size:9.5px}.hosting-v49-renew-body{display:grid!important;grid-template-columns:minmax(0,1fr) 255px;padding:0!important}.hosting-v49-renew-left{padding:21px 22px}.hosting-v49-current-expiry{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:10px 11px;border:1px solid #e7eaf0;border-radius:10px;background:#fafbfd}.hosting-v49-current-expiry>span{width:31px;height:31px;border-radius:8px;background:#edf3ff;color:#4f63bb;display:grid;place-items:center}.hosting-v49-current-expiry>div{display:grid}.hosting-v49-current-expiry small{color:#929baa;font-size:8px}.hosting-v49-current-expiry strong{margin-top:2px;color:#2a3549;font-size:11px}.hosting-v49-renew-options{display:grid;gap:8px}.hosting-v49-renew-option{position:relative;display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:11px;padding:12px 13px;border:1px solid #e4e8ef;border-radius:11px;background:#fff;cursor:pointer;transition:.16s ease}.hosting-v49-renew-option:hover{border-color:#cdd9ea;background:#fbfdff}.hosting-v49-renew-option input{position:absolute;opacity:0;pointer-events:none}.hosting-v49-renew-option:has(input:checked){border-color:#80aef7;background:#f5f9ff;box-shadow:0 0 0 2px rgba(22,119,255,.07)}.radio-mark{width:16px;height:16px;border:1.5px solid #c9d0dc;border-radius:50%;display:grid;place-items:center}.radio-mark:after{content:"";width:8px;height:8px;border-radius:50%;background:#1677ff;transform:scale(0);transition:.15s}.hosting-v49-renew-option:has(input:checked) .radio-mark{border-color:#1677ff}.hosting-v49-renew-option:has(input:checked) .radio-mark:after{transform:scale(1)}.renew-duration{display:grid}.renew-duration strong{color:#2b3549;font-size:10.5px}.renew-duration small{margin-top:2px;color:#949dab;font-size:8px}.renew-price{display:grid;text-align:right}.renew-price strong{color:#202b40;font-size:12px}.renew-price small{margin-top:1px;color:#9ca4b2;font-size:7.5px}.hosting-v49-renew-summary{padding:21px 19px;background:#f7f9fc;border-left:1px solid #e7ebf1}.summary-label{display:block;color:#929bac;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.hosting-v49-renew-summary h4{margin:4px 0 1px;color:#283247;font-size:13px}.summary-domain{display:block;color:#8e98aa;font-size:8.5px;word-break:break-word}.summary-lines{display:grid;gap:8px;margin:20px 0 12px;padding-bottom:12px;border-bottom:1px solid #dfe4eb}.summary-lines>div,.summary-total{display:flex;align-items:center;justify-content:space-between;gap:12px}.summary-lines span{color:#828da0;font-size:8.5px}.summary-lines strong{color:#4b566b;font-size:9px}.summary-total span{color:#566177;font-size:9px;font-weight:750}.summary-total strong{color:#172239;font-size:18px;letter-spacing:-.025em}.summary-expiry{display:flex;align-items:center;gap:8px;margin-top:17px;padding:9px;border-radius:9px;background:#fff;border:1px solid #e4e8ef}.summary-expiry>i{color:#4f63bb;font-size:16px}.summary-expiry>span{display:grid;color:#949cac;font-size:7.5px}.summary-expiry strong{margin-top:1px;color:#303a4e;font-size:9px}.hosting-v49-renew-modal>form>footer{padding:13px 18px!important;background:#fff!important;border-top:1px solid #e9edf3!important}.hosting-v49-renew-empty{display:grid;place-items:center;padding:35px 20px;text-align:center}.hosting-v49-renew-empty>i{font-size:28px;color:#d4952b}.hosting-v49-renew-empty strong{margin-top:8px;color:#273248;font-size:13px}.hosting-v49-renew-empty span{margin-top:3px;color:#939cab;font-size:9px}
@media(max-width:1080px){.hosting-v49-kpis{grid-template-columns:1fr 1fr}.hosting-v49-layout{grid-template-columns:1fr}.hosting-v49-sidecol{grid-template-columns:1fr 1fr}.hosting-v49-support{grid-column:1/-1}.hosting-v49-resource-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hosting-v49-hero{align-items:flex-start;flex-direction:column;padding:21px}.hosting-v49-hero-actions{width:100%}.hosting-v49-main-cta{flex:1;min-width:0}.hosting-v49-service-copy h2{font-size:21px}.hosting-v49-kpis{grid-template-columns:1fr}.hosting-v49-access-grid{grid-template-columns:1fr}.hosting-v49-access-item:nth-child(odd){border-right:0}.hosting-v49-access-item:nth-last-child(2){border-bottom:1px solid #edf0f4}.hosting-v49-sidecol{grid-template-columns:1fr}.hosting-v49-resource-grid{grid-template-columns:1fr 1fr}.hosting-v49-renew-body{grid-template-columns:1fr}.hosting-v49-renew-summary{border-left:0;border-top:1px solid #e7ebf1}.hosting-v49-panel-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.hosting-v49-service-mark{width:48px;height:48px;flex-basis:48px;border-radius:13px}.hosting-v49-service-copy p{display:none}.hosting-v49-icon-action{display:none}.hosting-v49-resource-grid{grid-template-columns:1fr}.hosting-v49-panel{padding:18px}.hosting-v49-hero-actions{display:block}.hosting-v49-main-cta{width:100%}.hosting-v49-renew-modal>form>footer{display:grid!important;grid-template-columns:1fr}.hosting-v49-renew-modal>form>footer .btn{width:100%}}

/* v51 - Hosting service page: deliberately simple, no dashboard clutter */
.host51{display:grid;gap:18px;margin-top:8px}.host51-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;background:#fff;border:1px solid #e3e8f0;border-radius:14px;box-shadow:0 8px 26px rgba(18,32,58,.04)}.host51-identity{display:flex;align-items:center;gap:15px;min-width:0}.host51-mark{width:48px;height:48px;flex:0 0 48px;border-radius:12px;background:#eef4ff;color:#255fd4;display:grid;place-items:center;font-size:23px}.host51-meta{display:flex;align-items:center;gap:9px;margin-bottom:3px;color:#7d8798;font-size:9px;font-weight:750}.host51-status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:850}.host51-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.host51-status.is-active{background:#edf9f2;color:#15935b}.host51-status.is-other{background:#fff4e8;color:#b6751b}.host51-identity h1{margin:0;color:#172239;font-size:23px;line-height:1.15;letter-spacing:-.025em}.host51-identity small{display:block;margin-top:4px;color:#9aa3b1;font-size:8px}.host51-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.host51-actions .btn{min-height:40px}.host51-plesk{width:20px;height:20px;border-radius:5px;background:rgba(255,255,255,.16);display:inline-grid;place-items:center;font-weight:900}
.host51-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.host51-main{display:grid;gap:18px}.host51-card{padding:0;overflow:hidden;border-color:#e3e8f0;box-shadow:0 8px 26px rgba(18,32,58,.035)}.host51-card-title{padding:19px 21px 15px;border-bottom:1px solid #edf0f4}.host51-card-title span{display:block;color:#929baa;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.host51-card-title h2{margin:3px 0 0;color:#253047;font-size:14px}.host51-info-list{display:grid}.host51-row{display:grid;grid-template-columns:34px minmax(0,1fr) 32px;align-items:center;gap:11px;min-height:64px;padding:10px 18px;border-bottom:1px solid #edf0f4}.host51-row:last-child{border-bottom:0}.host51-row-icon{width:32px;height:32px;border-radius:8px;background:#f4f6fa;color:#66758f;display:grid;place-items:center;font-size:15px}.host51-row>div{min-width:0;display:grid;gap:2px}.host51-row small{color:#929baa;font-size:8px}.host51-row strong{overflow:hidden;text-overflow:ellipsis;color:#2c374c;font-size:10px;white-space:nowrap}.host51-row button{width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#8e98a9;cursor:pointer}.host51-row button:hover{background:#f3f6fa;color:#3267c7}.host51-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;background:#f8fafc;border-top:1px solid #edf0f4;color:#758196;font-size:8.5px}.host51-card-foot>span{display:flex;align-items:center;gap:6px}.host51-card-foot>span i{color:#279669}.host51-card-foot a{display:inline-flex;align-items:center;gap:4px;color:#2562cc;font-weight:850;text-decoration:none}.host51-detail-grid{display:grid;grid-template-columns:repeat(4,1fr)}.host51-detail-grid>div{padding:17px 18px;border-right:1px solid #edf0f4}.host51-detail-grid>div:last-child{border-right:0}.host51-detail-grid small{display:block;color:#929baa;font-size:8px}.host51-detail-grid strong{display:block;margin-top:4px;color:#29354a;font-size:10px}
.host51-side{display:grid;gap:12px}.host51-renew-card{padding:21px;border-color:#e3e8f0;box-shadow:0 8px 26px rgba(18,32,58,.035)}.host51-side-label{display:block;color:#8f99aa;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.075em}.host51-date{display:block;margin-top:6px;color:#1f2a40;font-size:22px;letter-spacing:-.025em}.host51-days{display:block;margin:2px 0 17px;color:#8c96a7;font-size:8.5px}.host51-auto{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:15px;border-top:1px solid #edf0f4}.host51-auto>div{display:grid;gap:2px}.host51-auto strong{color:#354055;font-size:9px}.host51-auto small{color:#969ead;font-size:8px}.host51-auto form{margin:0}.host51-switch{position:relative;display:block;width:35px;height:20px}.host51-switch input{position:absolute;opacity:0}.host51-switch i{position:absolute;inset:0;border-radius:999px;background:#d8dde6;cursor:pointer;transition:.2s}.host51-switch i:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.17);transition:.2s}.host51-switch input:checked+i{background:#2c68d5}.host51-switch input:checked+i:after{transform:translateX(15px)}.host51-support{display:grid!important;grid-template-columns:35px 1fr auto;align-items:center;gap:11px;padding:15px 16px!important;text-decoration:none;border-color:#e3e8f0!important;box-shadow:none!important}.host51-support>span{width:35px;height:35px;border-radius:9px;background:#f1f4fa;color:#6372a0;display:grid;place-items:center}.host51-support>div{display:grid;gap:2px}.host51-support strong{color:#354055;font-size:9.5px}.host51-support small{color:#959ead;font-size:8px}.host51-support>i{color:#a6aebb}
.host51-history{padding:0!important;overflow:hidden;border-color:#e3e8f0!important;box-shadow:none!important}.host51-history summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;cursor:pointer;list-style:none}.host51-history summary::-webkit-details-marker{display:none}.host51-history summary>span{display:flex;align-items:center;gap:8px;color:#39455a}.host51-history summary>span>i{color:#75839a;font-size:16px}.host51-history summary strong{font-size:9.5px}.host51-history summary>i{color:#9ba4b3;transition:.2s}.host51-history[open] summary>i{transform:rotate(180deg)}.host51-history-list{border-top:1px solid #edf0f4;padding:8px 18px 13px}.host51-history-list>div{display:grid;grid-template-columns:8px 1fr;gap:10px;padding:8px 0}.host51-history-list>div>span{width:6px;height:6px;margin-top:5px;border-radius:50%;background:#4b7bd7}.host51-history-list p{margin:0;display:grid;gap:2px}.host51-history-list strong{color:#455166;font-size:8.5px;font-weight:700}.host51-history-list small{color:#a0a8b5;font-size:7.5px}
@media(max-width:980px){.host51-layout{grid-template-columns:1fr}.host51-side{grid-template-columns:1fr 1fr}.host51-head{align-items:flex-start}.host51-detail-grid{grid-template-columns:1fr 1fr}.host51-detail-grid>div:nth-child(2){border-right:0}.host51-detail-grid>div:nth-child(-n+2){border-bottom:1px solid #edf0f4}}
@media(max-width:700px){.host51-head{flex-direction:column;padding:20px}.host51-actions{width:100%}.host51-actions .btn{flex:1}.host51-side{grid-template-columns:1fr}.host51-detail-grid{grid-template-columns:1fr}.host51-detail-grid>div{border-right:0!important;border-bottom:1px solid #edf0f4}.host51-detail-grid>div:last-child{border-bottom:0}.host51-card-foot{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.host51-identity h1{font-size:20px}.host51-actions{display:grid;grid-template-columns:1fr}.host51-row{grid-template-columns:32px minmax(0,1fr) 28px;padding-left:14px;padding-right:14px}}

/* v52 - VPS control page and application catalogue */
.vps-service-v2{--vps-purple:#7c3aed;--vps-purple-dark:#6d28d9;--vps-border:#e4e7ef;--vps-muted:#778197;display:grid;gap:18px}.vps-service-v2>section{scroll-margin-top:132px}.vps-service-v2 .svc-tabs{margin-bottom:0}.svc-shell:has(.vps-service-v2)>.svc-header{padding:22px 24px;border:1px solid #e4e8f0;border-radius:16px;background:linear-gradient(118deg,#fff 0%,#fff 72%,#f5f1ff 100%);box-shadow:0 8px 30px rgba(40,48,76,.045)}.svc-shell:has(.vps-service-v2)>.svc-metrics{box-shadow:0 6px 24px rgba(39,48,74,.03)}.svc-shell:has(.vps-service-v2)>.svc-metrics>div{padding:15px 19px}.svc-shell:has(.vps-service-v2)>.svc-metrics strong{font-size:15px}.vps-service-v2 .svc-card{margin:0;border-color:var(--vps-border);box-shadow:0 7px 26px rgba(32,43,70,.035)}.vps-service-v2 .svc-console-card{background:linear-gradient(135deg,#fff 0%,#fff 70%,#f7f4ff 100%)}.vps-service-v2 .server-visual{padding:18px;background:#fafbfe}.vps-service-v2 .server-unit{background:linear-gradient(145deg,#172033,#29344b)}.vps-service-v2 .svc-action{transition:border-color .18s,background .18s,transform .18s}.vps-service-v2 .svc-action:not(:disabled):hover{border-color:#c5b5f7;background:#faf8ff;transform:translateY(-1px)}
.vps-app-catalog{display:grid;gap:14px}.vps-app-hero{min-height:98px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:15px;padding:18px 22px;border:1px solid #e7ddfb;border-radius:17px;background:radial-gradient(circle at 90% 20%,rgba(192,132,252,.18),transparent 25%),linear-gradient(110deg,#f4ecff 0%,#fff 44%,#faf7ff 100%)}.vps-app-hero-icon{width:48px;height:48px;border:1px solid #d8b4fe;border-radius:14px;background:#f3e8ff;color:#9333ea;display:grid;place-items:center;font-size:24px}.vps-app-hero h2{margin:0;color:#202334;font-size:17px;letter-spacing:-.015em}.vps-app-hero p{margin:5px 0 0;color:#768096;font-size:11px;line-height:1.45}.vps-app-count{align-self:start;margin-top:3px;padding:5px 10px;border:1px solid #dec5ff;border-radius:999px;background:#f2e7ff;color:#9a3df1;font-size:9px;font-weight:850;white-space:nowrap}.vps-app-toolbar{display:grid;gap:10px}.vps-app-search{height:44px;display:grid;grid-template-columns:20px 1fr 30px;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--vps-border);border-radius:13px;background:#fff;color:#7e899b}.vps-app-search:focus-within{border-color:#b99bf4;box-shadow:0 0 0 3px rgba(124,58,237,.07)}.vps-app-search>i{font-size:18px}.vps-app-search input{height:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#2f3749;font-size:11px}.vps-app-search button{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:#929bad;opacity:0;pointer-events:none;cursor:pointer}.vps-app-search button.visible{opacity:1;pointer-events:auto}.vps-app-search button:hover{background:#f2f3f7;color:#4b5568}.vps-app-filters{display:flex;gap:7px;max-width:100%;padding-bottom:5px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c7cbd4 transparent}.vps-app-filters button{min-height:31px;padding:0 11px;border:1px solid #e1e4ec;border-radius:999px;background:#fff;color:#667085;font:inherit;font-size:9.5px;font-weight:700;white-space:nowrap;cursor:pointer;transition:.16s}.vps-app-filters button span{color:#9aa2b0;font-weight:650}.vps-app-filters button:hover{border-color:#ccb8f7;color:#7138c9}.vps-app-filters button.active{border-color:#c084fc;background:#f3e8ff;color:#5b21b6;box-shadow:0 2px 7px rgba(124,58,237,.08)}.vps-app-filters button.active span{color:#8b5bd0}.vps-app-notice{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #e6e9f0;border-radius:11px;background:#fafbfc;color:#717c90;font-size:10px}.vps-app-notice>i{color:#8793a8;font-size:16px}.vps-app-notice code{padding:2px 5px;border-radius:5px;background:#eef0f4;color:#4e596d;font-size:9px}
.vps-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vps-app-card{min-width:0;min-height:142px;display:flex;flex-direction:column;align-items:stretch;padding:16px;border:1px solid var(--vps-border);border-radius:15px;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:0 4px 18px rgba(32,43,70,.025);transition:border-color .18s,box-shadow .18s,transform .18s}.vps-app-card:hover{border-color:#cbb7f2;box-shadow:0 10px 28px rgba(65,47,100,.09);transform:translateY(-2px)}.vps-app-card:focus-visible{outline:3px solid rgba(124,58,237,.18);outline-offset:2px}.vps-app-card-top{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:11px}.vps-app-logo{width:42px;height:42px;border:1px solid #e4e7ed;border-radius:12px;background:#f7f9fc;color:#5b6b83;display:grid;place-items:center;font-size:21px}.vps-app-identity{display:grid;min-width:0}.vps-app-identity strong{overflow:hidden;text-overflow:ellipsis;color:#252a3a;font-size:12px;white-space:nowrap}.vps-app-identity small{margin-top:3px;color:#929bad;font-size:9px}.vps-app-arrow{color:#b2b8c4;font-size:18px;transition:.18s}.vps-app-card:hover .vps-app-arrow{color:#8746de;transform:translateX(2px)}.vps-app-description{min-height:30px;margin:13px 0 12px;color:#717b90;font-size:10px;line-height:1.5}.vps-app-meta{display:flex;align-items:center;gap:6px;margin-top:auto;flex-wrap:wrap}.vps-app-meta>span{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #e5e8ef;border-radius:999px;background:#fafbfc;color:#697387;font-size:8px;font-weight:750}.vps-app-meta>span i{font-size:10px}.vps-app-meta .vps-app-compat{margin-left:auto}.vps-app-meta .vps-app-compat.ok{border-color:#d6eee0;background:#f3fbf6;color:#168451}.vps-app-meta .vps-app-compat.warn{border-color:#f2dfbd;background:#fff9ed;color:#a16916}.tone-docker .vps-app-logo,.tone-portainer .vps-app-logo{background:#edf7ff;color:#1683cb}.tone-nginx .vps-app-logo{background:#edf9f2;color:#05934c}.tone-apache .vps-app-logo{background:#fff2f1;color:#d45145}.tone-mariadb .vps-app-logo,.tone-postgresql .vps-app-logo{background:#eef5ff;color:#356ea8}.tone-redis .vps-app-logo{background:#fff0f0;color:#cc3a3a}.tone-wireguard .vps-app-logo,.tone-fail2ban .vps-app-logo,.tone-ufw .vps-app-logo{background:#fff2f3;color:#b83545}.tone-nextcloud .vps-app-logo{background:#edf8ff;color:#0787d1}.tone-n8n .vps-app-logo{background:#fff1f2;color:#ef476f}.vps-app-empty{min-height:190px;place-items:center;padding:25px;border:1px dashed #d9dde6;border-radius:14px;background:#fafbfc;text-align:center}.vps-app-empty:not([hidden]){display:grid}.vps-app-empty i{color:#a893d1;font-size:30px}.vps-app-empty strong{margin-top:7px;color:#374155;font-size:12px}.vps-app-empty span{margin-top:3px;color:#929bad;font-size:9px}
.vps-app-modal{width:min(720px,calc(100vw - 28px));max-width:720px;overflow:hidden;border-radius:18px}.vps-app-modal-shell{background:#fff}.vps-app-modal .vps-app-modal-head{display:grid;grid-template-columns:52px minmax(0,1fr) 32px;align-items:center;gap:14px;padding:20px 22px;background:linear-gradient(115deg,#f2f7fb,#fff 58%,#faf6ff)}.vps-app-modal-logo{width:50px;height:50px;border:1px solid #e3e7ee;border-radius:14px;background:#f7f9fc;color:#4f6988;display:grid;place-items:center;font-size:24px}.vps-app-modal-head>div{min-width:0}.vps-app-modal-head small{display:block;color:#7d879a;font-size:9px;font-weight:800}.vps-app-modal-head h3{margin:3px 0 0;color:#23283a;font-size:18px}.vps-app-modal-head p{margin:4px 0 0;color:#7b8598;font-size:10px;line-height:1.4}.vps-app-modal-body{display:grid;gap:13px;padding:20px 22px}.vps-app-requirements{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vps-app-requirements>div{display:grid;grid-template-columns:17px 1fr;gap:7px;padding:11px;border:1px solid #e4e7ee;border-radius:11px;background:#fafbfc;color:#8490a3}.vps-app-requirements>div>i{font-size:14px}.vps-app-requirements span{display:grid;color:#7f899c;font-size:8.5px}.vps-app-requirements strong{margin-top:3px;color:#2e3749;font-size:9.5px}.vps-app-compatibility,.vps-app-tip,.vps-app-warning{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid #cbeadd;border-radius:11px;background:#f1faf6;color:#208258}.vps-app-compatibility>i,.vps-app-tip>i,.vps-app-warning>i{margin-top:1px;font-size:15px}.vps-app-compatibility span,.vps-app-tip span{display:grid;color:#6f857a;font-size:8.5px;line-height:1.45}.vps-app-compatibility strong,.vps-app-tip strong{margin-bottom:2px;color:#168158;font-size:9.5px}.vps-app-compatibility.warn{border-color:#f1dcb4;background:#fff8eb;color:#b47717}.vps-app-compatibility.warn span{color:#8f7d60}.vps-app-compatibility.warn strong{color:#a46712}.vps-app-command-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px;color:#33394a;font-size:9.5px;font-weight:800}.vps-app-command-head>span{display:flex;align-items:center;gap:6px}.vps-app-command-head button{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:0;border-radius:9px;background:linear-gradient(135deg,#8b3cf1,#a844f4);color:#fff;font:inherit;font-size:9px;font-weight:800;cursor:pointer}.vps-app-command{max-height:135px;overflow:auto;margin:0;padding:15px 16px;border-radius:12px;background:#101116;color:#f3f4f7;white-space:pre-wrap;word-break:break-word}.vps-app-command code{font:500 10px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.vps-app-tip{border-color:#c6eadd;background:#effaf6;color:#0c9c69}.vps-app-tip strong{color:#0b9666}.vps-app-warning{border-color:#f2ddb4;background:#fff9ef;color:#d18a19;font-size:8.5px;line-height:1.45}.vps-app-modal footer{padding:14px 20px;background:#fafbfc}.vps-app-modal footer .btn{min-height:38px}.vps-app-modal footer a{margin-right:auto}
@media(max-width:1080px){.vps-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.svc-shell:has(.vps-service-v2)>.svc-header{padding:18px}.vps-app-hero{grid-template-columns:43px minmax(0,1fr);padding:16px}.vps-app-hero-icon{width:42px;height:42px;border-radius:12px}.vps-app-count{grid-column:2;justify-self:start;margin:0}.vps-app-grid{grid-template-columns:1fr}.vps-app-requirements{grid-template-columns:1fr}.vps-app-modal .vps-app-modal-head{grid-template-columns:44px minmax(0,1fr) 30px;padding:17px}.vps-app-modal-logo{width:42px;height:42px;border-radius:11px;font-size:20px}.vps-app-modal-body{padding:17px}.vps-app-modal footer{display:grid;grid-template-columns:1fr;padding:14px 17px}.vps-app-modal footer .btn{width:100%;justify-content:center}.vps-app-modal footer a{margin:0;order:2}.vps-app-card{min-height:132px}.vps-app-description{min-height:0}}
@media(max-width:440px){.vps-app-meta .vps-app-compat{margin-left:0}.vps-app-hero p{font-size:9.5px}.vps-app-modal-head p{display:none}.vps-app-command{padding:13px}.vps-app-notice{align-items:flex-start}}

/* v53 - Compact catalogue cards and readable terminal command */
.vps-app-hero{min-height:82px;padding:14px 18px}.vps-app-hero-icon{width:42px;height:42px;border-radius:12px;font-size:21px}.vps-app-grid{gap:9px}.vps-app-card{min-height:112px;padding:12px 13px;border-radius:12px}.vps-app-card-top{grid-template-columns:36px minmax(0,1fr) 16px;gap:9px}.vps-app-logo{width:36px;height:36px;border-radius:10px;font-size:18px}.vps-app-identity strong{font-size:11px}.vps-app-identity small{font-size:8px}.vps-app-description{display:-webkit-box;min-height:25px;margin:8px 0;color:#778196;font-size:9px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vps-app-meta{gap:4px}.vps-app-meta>span{padding:3px 5px;font-size:7.5px}
.vps-app-modal{width:min(620px,calc(100vw - 28px));max-width:620px;border-radius:15px}.vps-app-modal .vps-app-modal-head{grid-template-columns:42px minmax(0,1fr) 30px;gap:11px;padding:15px 17px}.vps-app-modal-logo{width:40px;height:40px;border-radius:11px;font-size:20px}.vps-app-modal-head h3{font-size:16px}.vps-app-modal-head p{margin-top:2px;font-size:9px}.vps-app-modal-body{gap:9px;padding:14px 17px}.vps-app-requirements{gap:6px}.vps-app-requirements>div{grid-template-columns:15px 1fr;gap:6px;padding:8px 9px;border-radius:9px}.vps-app-requirements>div>i{font-size:12px}.vps-app-requirements span{font-size:7.5px}.vps-app-requirements strong{margin-top:2px;font-size:8.5px}.vps-app-compatibility,.vps-app-tip,.vps-app-warning{gap:7px;padding:8px 10px;border-radius:9px}.vps-app-compatibility>i,.vps-app-tip>i,.vps-app-warning>i{font-size:13px}.vps-app-compatibility span,.vps-app-tip span,.vps-app-warning{font-size:7.8px}.vps-app-compatibility strong,.vps-app-tip strong{font-size:8.7px}.vps-app-command-head{font-size:8.8px}.vps-app-command-head button{padding:6px 9px;border-radius:8px;font-size:8px}.vps-app-command{max-height:100px;padding:10px 12px;border-radius:10px}.vps-app-command code{display:block;margin:0;padding:0!important;border-radius:0!important;background:transparent!important;color:#f4f5f7!important;font:500 9px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:normal}.vps-app-modal footer{padding:10px 16px}.vps-app-modal footer .btn{min-height:34px;padding:7px 12px;font-size:9px}
@media(max-width:720px){.vps-app-card{min-height:106px}.vps-app-modal-body{padding:13px 14px}.vps-app-modal .vps-app-modal-head{padding:14px}.vps-app-modal footer{padding:11px 14px}.vps-app-requirements{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.vps-app-requirements{grid-template-columns:1fr}.vps-app-compatibility,.vps-app-tip{display:none}.vps-app-modal-head p{display:none}.vps-app-modal footer{grid-template-columns:1fr 1fr}.vps-app-modal footer a{order:0}.vps-app-modal footer .btn{min-width:0;padding-inline:8px}}

/* ===== referrals.css ===== */
.referral-page{max-width:1050px;margin:0 auto;display:grid;gap:18px}.referral-title{display:flex;gap:12px;align-items:center}.referral-title h1{font-size:20px;margin:0 0 3px;color:#101828}.referral-title p{margin:0;color:#667085;font-size:13px}.referral-title-icon{width:38px;height:38px;border-radius:12px;background:#f1ecff;color:#7c3aed;display:grid;place-items:center;font-size:20px}.referral-tier-card{border:1px solid #fdba74;border-radius:16px;padding:22px;background:linear-gradient(120deg,#fff7ed,#fff 75%);box-shadow:0 1px 2px #1018280a;display:grid;grid-template-columns:1fr auto;gap:18px}.tier-main{display:flex;align-items:center;gap:14px}.tier-trophy{width:58px;height:58px;border-radius:14px;background:#ffedd5;color:#f97316;display:grid;place-items:center;font-size:28px}.tier-main small{display:block;font-size:10px;font-weight:800;color:#f97316;margin-bottom:4px}.tier-main strong{font-size:24px;color:#101828}.tier-main strong span{font-size:12px;font-weight:500;color:#667085}.tier-summary{display:flex;gap:38px;text-align:right}.tier-summary span{display:block;color:#667085;font-size:10px}.tier-summary b{font-size:17px;color:#101828}.tier-summary div:last-child b{color:#059669}.tier-progress-head{grid-column:1/-1;display:flex;justify-content:space-between;font-size:11px;color:#667085}.tier-progress-head span:first-child{font-weight:700;color:#f97316}.tier-progress{grid-column:1/-1;height:8px;background:#eef1f5;border-radius:20px;overflow:hidden}.tier-progress i{display:block;height:100%;background:linear-gradient(90deg,#a855f7,#c084fc);border-radius:20px}.referral-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.referral-level{border:1px solid #e4e7ec;border-radius:12px;background:#fff;padding:12px;text-align:center;color:#98a2b3;display:grid;gap:2px}.referral-level.active{border-color:#fdba74;background:#fff7ed;color:#f97316;box-shadow:0 2px 8px #f9731620}.referral-level i{font-size:18px}.referral-level b{font-size:11px}.referral-level strong{font-size:17px}.referral-level small{font-size:9px;color:#98a2b3}.referral-link-card,.referral-history-card,.referral-how{background:#fff;border:1px solid #d8dde6;border-radius:13px;padding:18px;box-shadow:0 1px 2px #10182808}.referral-link-card label{font-size:11px;font-weight:700;color:#344054}.referral-link-row{display:flex;align-items:center;gap:10px;margin-top:8px}.referral-link-row span{flex:1;min-width:0;border:1px solid #d0d5dd;border-radius:9px;padding:10px 12px;font-size:11px;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referral-link-row span i{margin-right:8px;color:#667085}.referral-link-card p{margin:9px 0 0;padding:8px 10px;border:1px solid #e9d5ff;background:#faf5ff;border-radius:8px;color:#7e22ce;font-size:10px}.referral-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.referral-stats>div{border:1px solid #d8dde6;border-radius:11px;background:#fff;padding:14px;display:flex;align-items:center;gap:12px}.referral-stats>div>i{width:36px;height:36px;border-radius:10px;background:#eef4ff;color:#4f46e5;display:grid;place-items:center;font-size:18px}.referral-stats span b{display:block;font-size:17px;color:#101828}.referral-stats span small{color:#667085;font-size:10px}.card-heading h2,.referral-how h2{margin:0;font-size:14px;color:#101828}.card-heading p{margin:3px 0 0;color:#667085;font-size:10px}.referral-empty{min-height:165px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#98a2b3;gap:5px}.referral-empty i{font-size:35px}.referral-empty strong{font-size:12px;color:#667085}.referral-empty span{font-size:10px}.referral-table-wrap{overflow:auto;margin-top:14px}.referral-table{width:100%;border-collapse:collapse;font-size:11px}.referral-table th{text-align:left;color:#667085;font-size:10px;padding:9px;border-bottom:1px solid #eaecf0}.referral-table td{padding:11px 9px;border-bottom:1px solid #f2f4f7;color:#344054}.ref-status{display:inline-flex;border-radius:999px;padding:4px 8px;background:#ecfdf3;color:#027a48;font-size:9px;font-weight:700}.ref-status.reversed{background:#fef3f2;color:#b42318}.ref-status.partially_reversed{background:#fffaeb;color:#b54708}.referral-how{border-style:dashed}.referral-how h2{display:flex;align-items:center;gap:6px}.referral-how ol{margin:12px 0 0;padding-left:20px;color:#475467;font-size:11px;display:grid;gap:7px}.referral-how li::marker{color:#7c3aed;font-weight:800}@media(max-width:800px){.referral-tier-card{grid-template-columns:1fr}.tier-summary{justify-content:flex-start;text-align:left}.referral-levels{grid-template-columns:repeat(2,1fr)}.referral-levels .referral-level:last-child{grid-column:1/-1}.referral-stats{grid-template-columns:repeat(2,1fr)}.tier-progress-head{gap:15px}.referral-link-row{align-items:stretch}.referral-link-row .btn{padding-inline:12px}}@media(max-width:520px){.referral-stats{grid-template-columns:1fr}.referral-link-row{flex-direction:column}}

/* v19 polish */
.referral-page{padding-bottom:28px}
.referral-title{padding:3px 0 2px}.referral-title-icon{box-shadow:0 6px 18px rgba(124,58,237,.12)}
.referral-tier-card{overflow:hidden;position:relative}.referral-tier-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-75px;top:-100px;background:radial-gradient(circle,rgba(249,115,22,.10),transparent 68%);pointer-events:none}
.referral-level{transition:.18s ease}.referral-level:hover{transform:translateY(-2px);border-color:#c7d2fe;box-shadow:0 8px 18px rgba(16,24,40,.06)}
.referral-link-row .btn{white-space:nowrap}.referral-stats>div{transition:.18s ease}.referral-stats>div:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(16,24,40,.05)}
.referral-stats>div:nth-child(2)>i{background:#ecfdf3;color:#059669}.referral-stats>div:nth-child(3)>i{background:#fff7ed;color:#f97316}.referral-stats>div:nth-child(4)>i{background:#faf5ff;color:#9333ea}

/* ===== security-2fa.css ===== */
.totp-panel{overflow:hidden}.totp-help{color:#667085}.totp-setup{display:grid;grid-template-columns:210px 1fr;gap:22px;align-items:start;margin:18px 0 20px}.totp-qr-card{border:1px solid #e3e7ef;border-radius:16px;padding:14px;background:#fbfcff;text-align:center}.totp-qr{width:180px;height:180px;margin:0 auto 10px;border:1px solid #eaecf0;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;color:#98a2b3;font-size:12px}.totp-qr svg{display:block;width:100%;height:100%;padding:8px;box-sizing:border-box}.totp-qr-card small{display:block;color:#667085;font-size:11px;line-height:1.5}.totp-manual{display:grid;grid-template-columns:28px 1fr;gap:12px 10px}.totp-step{width:28px;height:28px;border-radius:9px;background:#eef2ff;color:#5146d8;display:grid;place-items:center;font-weight:800;font-size:12px}.totp-manual strong{font-size:13px;color:#1d2939}.totp-manual p{margin:4px 0 0;color:#667085;font-size:12px;line-height:1.55}.totp-secret-row{margin-top:8px}.totp-secret-row code{display:block;padding:10px 12px;border:1px dashed #cfd5df;border-radius:9px;background:#fff;word-break:break-all;letter-spacing:1.3px;font-size:12px}.totp-confirm-form{padding-top:16px;border-top:1px solid #eef0f4}.totp-confirm-form input[name=code]{font-size:18px;letter-spacing:7px;text-align:center;font-weight:700}.totp-qr-error{padding:18px;line-height:1.4}@media(max-width:780px){.totp-setup{grid-template-columns:1fr}.totp-qr-card{max-width:240px}.totp-manual{grid-template-columns:28px 1fr}}

/* ===== account-profile.css ===== */
.customer-account-page{max-width:1180px;margin:0 auto;padding:6px 0 48px}.customer-account-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.customer-account-head h1{margin:0 0 6px;font-size:28px;line-height:1.2;letter-spacing:-.025em;color:#111827}.customer-account-head p{margin:0;color:#667085;font-size:14px}.customer-account-tabs{display:flex;align-items:center;gap:4px;border-bottom:1px solid #dfe3e8;margin-bottom:24px}.customer-account-tabs a{position:relative;display:flex;align-items:center;gap:8px;padding:12px 16px 13px;color:#536273;text-decoration:none;font-size:13px;font-weight:600}.customer-account-tabs a i{font-size:18px;color:#7b8794}.customer-account-tabs a:hover{color:#111827}.customer-account-tabs a.active{color:#1456c0}.customer-account-tabs a.active i{color:#1456c0}.customer-account-tabs a.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:#1456c0;border-radius:2px 2px 0 0}.account-block{background:#fff;border:1px solid #dfe3e8;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.025)}.account-block-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border-bottom:1px solid #e7eaee;background:#fff}.account-block-heading h2{margin:0 0 4px;color:#182230;font-size:18px;font-weight:650}.account-block-heading p{margin:0;color:#7a8695;font-size:12.5px}.account-form-body{padding:0 24px}.account-subsection{display:grid;grid-template-columns:220px minmax(0,1fr);gap:38px;padding:26px 0;border-bottom:1px solid #edf0f2}.account-subsection:last-child{border-bottom:0}.account-subsection-label h3{margin:1px 0 6px;color:#1f2937;font-size:13px;font-weight:700}.account-subsection-label p{margin:0;max-width:190px;color:#8a94a3;font-size:11.5px;line-height:1.55}.account-subsection-fields{min-width:0;max-width:700px}.form-grid{display:grid;gap:16px 18px}.form-grid.two{grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:6px;color:#344054;font-size:12px;font-weight:600}.field.span-2{grid-column:1/-1}.field span{display:flex;align-items:center;gap:5px}.field span b{color:#d92d20}.field span em{font-style:normal;font-size:10px;color:#98a2b3;font-weight:500}.field input{width:100%;height:40px;border:1px solid #cfd6df;border-radius:5px;background:#fff;padding:0 11px;color:#17212f;font:inherit;font-size:13px;font-weight:400;outline:none;transition:border-color .14s,box-shadow .14s}.field input:hover{border-color:#abb6c3}.field input:focus{border-color:#5687d9;box-shadow:0 0 0 2px rgba(20,86,192,.09)}.field small{font-size:10.5px;line-height:1.45;color:#98a2b3;font-weight:400}.account-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-top:1px solid #e7eaee;background:#f8f9fb}.account-actions-bar>span{color:#8b95a3;font-size:11px}.account-actions-bar .btn{min-width:190px}.security-block{margin-top:0}.security-setting-row{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 24px;border-bottom:1px solid #edf0f2}.security-setting-row:last-child{border-bottom:0}.security-setting-info{display:flex;align-items:center;gap:14px;min-width:260px}.setting-icon{width:36px;height:36px;border:1px solid #dfe5ec;border-radius:6px;display:grid;place-items:center;background:#f8fafc;color:#536273;flex:none}.setting-icon i{font-size:19px}.security-setting-info h3{margin:0 0 4px;font-size:13px;color:#202936}.security-setting-info p{margin:0;color:#8b95a3;font-size:11.5px}.security-inline-form{display:grid;grid-template-columns:150px 150px 150px auto;gap:8px;align-items:center}.security-inline-form input,.totp-disable-mini input,.totp-confirm-inline input{height:38px;border:1px solid #cfd6df;border-radius:5px;padding:0 10px;font-size:12px;outline:none}.security-inline-form input:focus,.totp-disable-mini input:focus,.totp-confirm-inline input:focus{border-color:#5687d9;box-shadow:0 0 0 2px rgba(20,86,192,.08)}.security-setting-action{display:flex;align-items:center;gap:10px}.totp-disable-mini{display:flex;gap:8px;align-items:center}.totp-disable-mini input{width:120px}.account-totp-setup{display:flex;align-items:center;gap:14px}.account-totp-setup p{margin:4px 0 8px;font-size:11px;color:#667085}.account-totp-setup code{font-size:10px}.totp-confirm-inline{display:flex;gap:8px}.totp-confirm-inline input{width:94px}@media(max-width:980px){.account-subsection{grid-template-columns:180px minmax(0,1fr);gap:24px}.security-setting-row{align-items:flex-start;flex-direction:column}.security-inline-form{width:100%;grid-template-columns:1fr 1fr}.security-inline-form .btn{width:max-content}.security-setting-action{width:100%}}@media(max-width:720px){.customer-account-page{padding-top:0}.customer-account-head h1{font-size:24px}.customer-account-tabs{overflow-x:auto}.customer-account-tabs a{white-space:nowrap;padding-left:10px;padding-right:10px}.account-block-heading{padding:18px}.account-form-body{padding:0 18px}.account-subsection{grid-template-columns:1fr;gap:14px;padding:20px 0}.account-subsection-label p{max-width:none}.form-grid.two{grid-template-columns:1fr}.field.span-2{grid-column:auto}.account-actions-bar{padding:14px 18px;align-items:stretch;flex-direction:column}.account-actions-bar .btn{width:100%}.security-setting-row{padding:18px}.security-inline-form{grid-template-columns:1fr}.security-inline-form .btn{width:100%}.security-setting-action,.totp-disable-mini{align-items:stretch;flex-direction:column}.totp-disable-mini input{width:100%}}

/* v63 — Sessions intégrées au compte */
.account-session-list{display:flex;flex-direction:column}.account-session-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px 24px;border-bottom:1px solid #edf0f2}.account-session-row:last-child{border-bottom:0}.session-device-icon{width:36px;height:36px;border:1px solid #dfe5ec;border-radius:6px;display:grid;place-items:center;background:#f8fafc;color:#536273}.session-device-icon i{font-size:19px}.session-device-info{display:flex;flex-direction:column;gap:4px;min-width:0}.session-device-info strong{font-size:12px;color:#202936;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-device-info span{font-size:11px;color:#8b95a3}.session-device-action{display:flex;align-items:center;justify-content:flex-end}.account-empty-state{padding:28px 24px;color:#8b95a3;font-size:12px;text-align:center}@media(max-width:720px){.account-session-row{grid-template-columns:36px minmax(0,1fr);padding:16px 18px}.session-device-action{grid-column:2;justify-content:flex-start}}

/* v64 — Double authentification en modal */
html.account-modal-lock,html.account-modal-lock body{overflow:hidden}.account-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}.account-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.account-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.52);backdrop-filter:blur(3px)}.account-modal-dialog{position:relative;z-index:1;width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:12px;box-shadow:0 24px 70px rgba(15,23,42,.22);transform:translateY(8px) scale(.99);transition:transform .16s ease}.account-modal.is-open .account-modal-dialog{transform:none}.account-modal-small{width:min(500px,100%)}.account-modal-close{position:absolute;right:16px;top:16px;width:34px;height:34px;border:0;border-radius:7px;background:#f3f5f7;color:#667085;display:grid;place-items:center;cursor:pointer}.account-modal-close:hover{background:#e9edf2;color:#1f2937}.account-modal-close i{font-size:21px}.account-modal-header{display:flex;gap:15px;padding:25px 58px 20px 25px;border-bottom:1px solid #edf0f2}.account-modal-icon{width:42px;height:42px;flex:none;border-radius:9px;display:grid;place-items:center;background:#eef5ff;color:#1456c0;border:1px solid #dbe8fb}.account-modal-icon.danger{background:#fff3f1;color:#d92d20;border-color:#fee4e2}.account-modal-icon i{font-size:22px}.account-modal-kicker{display:block;margin:0 0 4px;color:#1456c0;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.account-modal-header h2{margin:0 0 5px;color:#182230;font-size:19px;letter-spacing:-.015em}.account-modal-header p{margin:0;color:#7a8695;font-size:12px;line-height:1.55}.twofa-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.twofa-qr-panel,.twofa-code-panel{padding:24px}.twofa-qr-panel{border-right:1px solid #edf0f2;background:#fbfcfd}.twofa-step-number{width:24px;height:24px;margin-bottom:12px;border-radius:50%;display:grid;place-items:center;background:#1456c0;color:#fff;font-size:11px;font-weight:700}.twofa-qr-panel>strong,.twofa-code-panel>strong{display:block;color:#202936;font-size:13px;margin-bottom:8px}.twofa-code-panel>p{margin:0 0 18px;color:#7a8695;font-size:11.5px;line-height:1.55}.twofa-qr{width:182px;height:182px;margin:16px auto 14px;background:#fff;border:1px solid #e2e7ed;border-radius:10px;padding:10px;display:grid;place-items:center;overflow:hidden}.twofa-qr canvas,.twofa-qr img,.twofa-qr svg{max-width:100%!important;max-height:100%!important}.twofa-qr span{font-size:11px;color:#98a2b3;text-align:center}.twofa-manual-key{font-size:11px;color:#667085}.twofa-manual-key summary{cursor:pointer;text-align:center;font-weight:600}.twofa-manual-key code{display:block;margin-top:8px;padding:8px;background:#fff;border:1px solid #e6e9ee;border-radius:6px;word-break:break-all;color:#344054;font-size:10px;text-align:center}.twofa-confirm-form,.twofa-disable-form{display:flex;flex-direction:column;gap:14px}.twofa-confirm-form label,.twofa-disable-form label{display:flex;flex-direction:column;gap:6px;color:#344054;font-size:11.5px;font-weight:600}.twofa-confirm-form input,.twofa-disable-form input{height:42px;border:1px solid #cfd6df;border-radius:6px;padding:0 12px;color:#17212f;font-size:13px;outline:none}.twofa-confirm-form input{font-size:19px;letter-spacing:.22em;text-align:center;font-weight:700}.twofa-confirm-form input:focus,.twofa-disable-form input:focus{border-color:#5687d9;box-shadow:0 0 0 3px rgba(20,86,192,.08)}.twofa-confirm-form .btn{margin-top:2px;width:100%}.twofa-disable-form{padding:22px 25px 25px}.account-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.account-modal-note{display:flex;align-items:flex-start;gap:8px;padding:12px 24px;border-top:1px solid #edf0f2;background:#f8fafc;color:#667085;font-size:10.5px;line-height:1.5}.account-modal-note i{font-size:16px;color:#667085}.security-setting-action .status.pending{background:#fff8e7;color:#9a6700;border:1px solid #f4e1ad}.security-setting-action>.btn{white-space:nowrap}@media(max-width:720px){.account-modal{padding:12px;align-items:flex-end}.account-modal-dialog{max-height:calc(100vh - 24px);border-radius:12px 12px 0 0}.account-modal-header{padding:20px 52px 17px 18px}.twofa-setup-grid{grid-template-columns:1fr}.twofa-qr-panel{border-right:0;border-bottom:1px solid #edf0f2}.twofa-qr-panel,.twofa-code-panel{padding:18px}.twofa-qr{width:160px;height:160px}.twofa-disable-form{padding:18px}.account-modal-actions{flex-direction:column-reverse}.account-modal-actions .btn{width:100%}}

/* v68 — 2FA modal sans JavaScript : ouverture/fermeture fiable sur la même page */
.account-modal-toggle{position:fixed!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.account-modal-trigger{cursor:pointer;user-select:none}
.account-modal-css{opacity:0;visibility:hidden;pointer-events:none}
.account-modal-toggle:checked + .account-modal-css{opacity:1;visibility:visible;pointer-events:auto}
.account-modal-toggle:checked + .account-modal-css .account-modal-dialog{transform:none}
.account-modal-css .account-modal-close{cursor:pointer}


/* v70 — erreurs 2FA directement dans la modal */
.twofa-inline-alert{display:flex;align-items:flex-start;gap:9px;margin:0 0 14px;padding:10px 11px;border-radius:7px;font-size:11px;line-height:1.45}
.twofa-inline-alert.danger{background:#fff3f1;border:1px solid #fecdca;color:#912018}
.twofa-inline-alert>i{font-size:17px;line-height:1.2;color:#d92d20;flex:none}
.twofa-inline-alert>div{display:flex;flex-direction:column;gap:2px}
.twofa-inline-alert strong{font-size:11.5px;color:#7a271a}
.twofa-inline-alert span{color:#b42318}

/* Correctif centrage modal 2FA — desktop et mobile */
.account-modal,
.account-modal.account-modal-css {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.account-modal-dialog {
    position: relative;
    margin: 0;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
}
@media (max-width: 720px) {
    .account-modal,
    .account-modal.account-modal-css {
        align-items: center;
        justify-content: center;
        padding: 16px;
    }
    .account-modal-dialog {
        width: 100%;
        max-height: calc(100vh - 32px);
        margin: 0;
        border-radius: 12px;
    }
}

/* v71 — centrage viewport strict des modales TOTP */
.account-modal.account-modal-css{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    max-width:none!important;
    height:100vh!important;
    height:100dvh!important;
    margin:0!important;
    padding:20px!important;
    display:grid!important;
    place-items:center!important;
    overflow:auto!important;
}
.account-modal.account-modal-css .account-modal-backdrop{position:fixed!important;inset:0!important}
.account-modal.account-modal-css .account-modal-dialog{
    position:relative!important;
    inset:auto!important;
    align-self:center!important;
    justify-self:center!important;
    width:min(700px,calc(100vw - 40px))!important;
    max-height:calc(100dvh - 40px)!important;
    margin:auto!important;
    overflow:auto!important;
}
.account-modal.account-modal-css .account-modal-small{width:min(480px,calc(100vw - 40px))!important}
@media(max-width:720px){
    .account-modal.account-modal-css{padding:12px!important}
    .account-modal.account-modal-css .account-modal-dialog,
    .account-modal.account-modal-css .account-modal-small{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;border-radius:12px!important}
}

/* v72 — confirmation du mot de passe avant l’accès au compte. */
.account-confirm-page{
    width:100%;
    min-height:calc(100vh - 132px);
    padding:24px 0;
    display:grid;
    place-items:center;
}
.account-confirm-card{
    width:min(100%,560px);
    overflow:hidden;
    border:1px solid #d8e1eb;
    border-radius:10px;
    background:#fff;
    box-shadow:0 10px 30px rgba(20,39,65,.07);
}
.account-confirm-head{
    padding:22px 24px 20px;
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    align-items:start;
    gap:14px;
    border-bottom:1px solid #e4e9ef;
    background:linear-gradient(105deg,#f5f8fc,#fff 68%);
}
.account-confirm-icon{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border:1px solid #d4e1ef;
    border-radius:9px;
    background:#eaf3fc;
    color:#2367a9;
    font-size:23px;
}
.account-confirm-head small{
    display:block;
    margin:1px 0 3px;
    color:#2d6da9;
    font-size:8px;
    font-weight:850;
    letter-spacing:.085em;
    text-transform:uppercase;
}
.account-confirm-head h1{margin:0 0 6px;color:#1b2b41;font-size:20px;letter-spacing:-.025em}
.account-confirm-head p{max-width:430px;margin:0;color:#748296;font-size:10px;line-height:1.55}
.account-confirm-form{padding:21px 24px 19px;display:grid;gap:8px}
.account-confirm-form>label{color:#2e4058;font-size:9px;font-weight:800}
.account-confirm-field{height:43px;display:grid;grid-template-columns:43px minmax(0,1fr);overflow:hidden;border:1px solid #ccd7e3;border-radius:8px;background:#fff}
.account-confirm-field>i{display:grid;place-items:center;border-right:1px solid #dce4ec;background:#f5f7fa;color:#506d8d;font-size:17px}
.account-confirm-field input{width:100%;min-width:0;height:41px;padding:0 13px;border:0;outline:0;background:#fff;color:#213249;font-size:11px;box-shadow:none}
.account-confirm-field:focus-within{border-color:#7899ba;box-shadow:0 0 0 3px rgba(43,103,160,.08)}
.account-confirm-form>button{min-height:41px;margin-top:6px;padding:7px 9px 7px 13px;display:grid;grid-template-columns:18px minmax(0,1fr) 27px;align-items:center;gap:7px;border:1px solid #205e99;border-radius:8px;background:#205e99;color:#fff;font-family:inherit;font-size:10px;font-weight:850;cursor:pointer;box-shadow:0 4px 10px rgba(32,94,153,.16)}
.account-confirm-form>button>i:first-child{font-size:16px}
.account-confirm-form>button>i:last-child{width:27px;height:27px;display:grid;place-items:center;justify-self:end;border-radius:6px;background:rgba(255,255,255,.12);font-size:17px}
.account-confirm-form>button:hover,.account-confirm-form>button:focus{border-color:#205e99;background:#205e99;color:#fff;transform:none}
.account-confirm-footer{min-height:48px;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #e4e9ef;background:#fafbfd;color:#78879a;font-size:7.5px}
.account-confirm-footer span,.account-confirm-footer a{display:inline-flex;align-items:center;gap:5px}
.account-confirm-footer span i{color:#398067;font-size:13px}
.account-confirm-footer a{color:#3c638d;font-weight:800;text-decoration:none;white-space:nowrap}
.account-confirm-footer a i{font-size:14px}
@media(max-width:620px){
    .account-confirm-page{min-height:auto;padding:8px 0}
    .account-confirm-card{border-radius:8px}
    .account-confirm-head{padding:17px 15px;grid-template-columns:42px minmax(0,1fr);gap:11px}
    .account-confirm-icon{width:42px;height:42px;font-size:20px}
    .account-confirm-head h1{font-size:18px}
    .account-confirm-form{padding:17px 15px 15px}
    .account-confirm-footer{padding:11px 15px;align-items:flex-start;flex-direction:column;gap:7px}
}

/* OAuth v190 — actions compactes sur la page de connexion. */
.auth-oauth-divider-v190{margin:14px 0 10px;display:flex;align-items:center;gap:11px;color:#929cad;font-size:8px;font-weight:800;letter-spacing:.08em}
.auth-oauth-divider-v190::before,.auth-oauth-divider-v190::after{content:"";height:1px;flex:1;background:#e2e6ec}
.auth-oauth-buttons-v190{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.auth-oauth-button-v190{min-height:39px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce2e9;border-radius:9px;background:#fff;color:#273449;font-size:9px;font-weight:800;text-decoration:none;box-shadow:0 2px 6px rgba(27,38,57,.035);transition:border-color .15s,background .15s,color .15s}
.auth-oauth-button-v190:hover,.auth-oauth-button-v190:focus{border-color:#bdc7d4;background:#fafbfc;color:#18263b;transform:none}
.auth-oauth-button-v190 svg{width:18px;height:18px;flex:none}
.auth-oauth-button-v190>i{font-size:19px}
.auth-oauth-button-v190.discord{border-color:#dde0fa;color:#4f5bd5}
.auth-oauth-button-v190.discord:hover,.auth-oauth-button-v190.discord:focus{border-color:#c5caf4;background:#f7f7ff;color:#4551ca}
@media(max-width:420px){.auth-oauth-buttons-v190{grid-template-columns:1fr}}

/* v73 — confirmation harmonisée avec le portail de connexion. */
.account-confirm-page{min-height:calc(100vh - 132px);padding:18px 0}
.account-confirm-card{width:min(100%,640px);border-color:#dce3eb;border-radius:9px;box-shadow:0 8px 24px rgba(20,39,65,.055)}
.account-confirm-topbar{height:52px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e4e9ef;background:#fafbfd;color:#45566d;font-size:8px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}
.account-confirm-topbar>span{display:inline-flex;align-items:center;gap:7px}
.account-confirm-topbar>span i{color:#1762b4;font-size:16px}
.account-confirm-topbar>em{display:inline-flex;align-items:center;gap:6px;color:#33705c;font-size:7.5px;font-style:normal;letter-spacing:0;text-transform:none}
.account-confirm-topbar>em i{width:7px;height:7px;border-radius:50%;background:#20a473;box-shadow:0 0 0 3px rgba(32,164,115,.1)}
.account-confirm-main{width:min(calc(100% - 38px),475px);margin:0 auto;padding:29px 0 25px}
.account-confirm-heading{margin-bottom:21px;grid-template-columns:44px minmax(0,1fr);gap:12px}
.account-confirm-heading .auth-v126-symbol{width:44px;height:44px;border-radius:9px;font-size:21px}
.account-confirm-heading small{display:block;margin:0 0 2px;color:#1762b4;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.account-confirm-heading h1{margin:0 0 5px;color:#13233a;font-size:21px;line-height:1.2;letter-spacing:-.03em}
.account-confirm-heading p{max-width:none;margin:0;color:#718096;font-size:9px;line-height:1.55}
.account-confirm-form{padding:0;gap:12px}
.account-confirm-form>.auth-v126-field{gap:5px!important;color:#2b3b51!important;font-size:12px!important;font-weight:780!important}
.account-confirm-form .auth-v126-field>div{height:auto;min-height:0;display:flex;align-items:stretch;overflow:visible;border:0;border-radius:0;background:transparent}
.account-confirm-form .auth-v126-field>div>i:first-child{width:auto;min-width:43px;height:auto;padding:.36rem .9rem;display:grid;place-items:center;flex:0 0 auto;border:1px solid #dfe2e9;border-radius:12px 0 0 1px;background:#f5f6fa;color:#21186b;font-size:.9rem;line-height:1.5}
.account-confirm-form .auth-v126-field input{position:relative;width:1%;min-width:0!important;min-height:0!important;height:auto!important;margin-left:-1px!important;padding:.36rem 40px .36rem .9rem!important;flex:1 1 auto;border:1px solid #dfe2e9!important;border-radius:0 1px 12px 0!important;background:#fff!important;color:#24263b!important;font-size:.9rem!important;font-weight:400!important;line-height:1.5;outline:0!important;box-shadow:none!important}
.account-confirm-form .auth-v126-field input:hover,.account-confirm-form .auth-v126-field input:focus,.account-confirm-form .auth-v126-field input:focus-visible{z-index:1;border-color:#dfe2e9!important;background:#fff!important;box-shadow:none!important}
.account-confirm-form .auth-v126-password-toggle{z-index:4;right:5px;width:27px;height:27px;border-radius:5px;color:#5f6680;pointer-events:auto}
.account-confirm-form .auth-v126-password-toggle i{font-size:15px}
.account-confirm-form>.account-confirm-submit{min-height:39px;margin-top:2px;padding:5px 7px 5px 39px;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:4px;border:1px solid #21186b;border-radius:10px 2px 10px 2px;background:#21186b;color:#fff;font-size:10px;box-shadow:0 4px 10px rgba(33,24,107,.14)}
.account-confirm-form>.account-confirm-submit i{width:27px;height:27px;display:grid;place-items:center;justify-self:end;border-radius:7px 1px 7px 1px;background:rgba(255,255,255,.12);font-size:16px}
.account-confirm-form>.account-confirm-submit:hover,.account-confirm-form>.account-confirm-submit:focus{border-color:#21186b;background:#21186b;color:#fff;box-shadow:0 4px 10px rgba(33,24,107,.14);transform:none}
.account-confirm-footer{min-height:45px;padding:9px 18px;background:#fafbfd;font-size:7.5px}
@media(max-width:620px){.account-confirm-page{padding:5px 0}.account-confirm-card{border-radius:8px}.account-confirm-topbar{height:48px;padding-inline:13px}.account-confirm-topbar>em{display:none}.account-confirm-main{width:calc(100% - 28px);padding:23px 0 20px}.account-confirm-heading{margin-bottom:19px}.account-confirm-heading h1{font-size:19px}.account-confirm-footer{padding:10px 14px}}

/* ===== services-list.css ===== */
.services-page{max-width:1220px;margin:0 auto 40px}.services-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:2px 0 17px}.services-page-head h1{margin:3px 0 5px;color:#162238;font-size:27px;letter-spacing:-.035em}.services-page-head p{margin:0;color:#7b8798;font-size:12px}.services-toolbar{margin-bottom:14px}.services-filters{width:max-content;max-width:100%;padding:4px;display:flex;gap:3px;overflow:auto;border:1px solid #e1e6ed;border-radius:9px;background:#edf1f6}.services-filters a{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:6px;color:#637187;font-size:10px;font-weight:750;white-space:nowrap;text-decoration:none}.services-filters a.active{background:#fff;color:#1763cf;box-shadow:0 2px 6px rgba(20,38,70,.08)}.services-filters b{min-width:18px;height:18px;padding:0 5px;border-radius:99px;display:grid;place-items:center;background:#edf3fc;font-size:8px}.services-list-panel{padding:0;overflow:hidden;border-radius:12px}.services-list-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 20px 14px;border-bottom:1px solid #e9edf2}.services-list-heading h2{margin:0;color:#233047;font-size:15px}.services-list-heading p{margin:3px 0 0;color:#939dab;font-size:9px}.services-list-heading>span{color:#9ba4b1;font-size:9px}.services-list{padding:4px 16px 12px}.service-line{display:grid;grid-template-columns:40px minmax(190px,1.35fr) 145px 95px 115px 90px 105px;gap:13px;align-items:center;min-height:72px;padding:11px 4px;border-bottom:1px solid #edf0f4}.service-line:last-child{border-bottom:0}.service-line:hover{background:#fbfcfe}.service-line-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#edf4ff;color:#1768e5;font-size:19px}.service-line-icon.vps{background:#eef1ff;color:#4c57c9}.service-line-icon.domain{background:#f0f7ff;color:#2776c5}.service-line-icon.giftcard{background:#fff5e8;color:#c67816}.service-line-main{min-width:0}.service-line-main>span{display:block;color:#8b96a7;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.service-line-main>strong{display:block;margin-top:3px;color:#233047;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-line-main>small{display:block;margin-top:2px;color:#98a1ae;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-line-data>span{display:block;color:#9aa3b1;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.service-line-data>strong{display:block;margin-top:4px;color:#435168;font-size:10px}.service-reference strong{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.renew-state{display:flex!important;align-items:center;gap:5px}.renew-state i{width:6px;height:6px;border-radius:50%;background:#a7afbb}.renew-state.enabled i{background:#10a673}.service-line>.status{justify-self:start;font-size:8px}.service-line-actions{display:flex;justify-content:flex-end;align-items:center;gap:5px}.service-manage-link{display:inline-flex;align-items:center;gap:2px;padding:7px 8px;border:1px solid #d8e0ea;border-radius:7px;color:#42546d;font-size:9px;font-weight:800;text-decoration:none}.service-manage-link:hover{border-color:#9db9dd;color:#1763cf;background:#f8fbff}.service-manage-link i{font-size:14px}.service-renew-link{width:29px;height:29px;border-radius:7px;display:grid;place-items:center;color:#718096;text-decoration:none}.service-renew-link:hover{background:#eef4fc;color:#1763cf}.services-empty{padding:42px 20px}.services-empty-icon{width:48px;height:48px;margin:0 auto 13px;border-radius:13px;display:grid;place-items:center;background:#edf4ff;color:#1768e5;font-size:24px}.services-empty h2{font-size:18px;margin-bottom:6px}.services-empty p{font-size:11px}@media(max-width:1050px){.service-line{grid-template-columns:40px minmax(180px,1fr) 105px 100px 88px 105px}.service-reference{display:none}}@media(max-width:820px){.service-line{grid-template-columns:38px minmax(150px,1fr) 95px 85px 100px}.service-line-data:nth-of-type(3),.service-line>.status{display:none}}@media(max-width:620px){.services-page-head{align-items:flex-start;flex-direction:column}.services-page-head .btn{width:100%}.services-list-heading>span{display:none}.services-list{padding:4px 12px 10px}.service-line{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;min-height:68px}.service-line-data,.service-line>.status{display:none}.service-line-actions{grid-column:3}.service-renew-link{display:none}.service-manage-link{padding:7px}.service-manage-link{font-size:0}.service-manage-link i{font-size:17px}.services-page-head h1{font-size:24px}}

/* ===== billing-pro.css ===== */
.billing-shell{max-width:1180px;margin:0 auto;padding-bottom:36px}.billing-page-head{margin-bottom:22px}.billing-page-head h1{letter-spacing:-.035em}.billing-tabs{display:flex;gap:8px;padding:6px;background:#f5f7fb;border:1px solid #e7ebf2;border-radius:16px;margin-bottom:20px}.billing-tabs a{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;border-radius:11px;color:#657086;font-weight:700;text-decoration:none;transition:.18s ease}.billing-tabs a:hover{background:#fff;color:#28364e}.billing-tabs a.active{background:#fff;color:#155eef;box-shadow:0 1px 3px rgba(15,23,42,.08),0 6px 18px rgba(15,23,42,.05)}.billing-tabs b{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#eef2f7;color:#7a8496;font-size:11px;display:inline-flex;align-items:center;justify-content:center}.billing-tabs a.active b{background:#eaf1ff;color:#155eef}.billing-list-panel{padding:0;overflow:hidden}.billing-list-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 18px;border-bottom:1px solid #edf0f5}.billing-list-head h2,.billing-card-head h2{font-size:18px;margin:0 0 4px;letter-spacing:-.02em}.billing-list-head p,.billing-card-head p{margin:0;color:#7a8496;font-size:13px}.billing-list{display:flex;flex-direction:column}.billing-row{display:grid;grid-template-columns:46px minmax(220px,1fr) 150px 130px 32px;gap:16px;align-items:center;padding:17px 22px;border-bottom:1px solid #f0f2f6;color:inherit;text-decoration:none;transition:.16s ease}.billing-row:last-child{border-bottom:0}.billing-row[href]:hover{background:#fafcff}.billing-row-icon{width:42px;height:42px;border:1px solid #e5eaf1;background:#f8fafc;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#52627a}.billing-row-primary{min-width:0}.billing-row-primary strong{display:block;font-size:14px;color:#172033}.billing-row-primary span{display:block;margin-top:4px;color:#8791a2;font-size:12px}.billing-row-status{justify-self:start}.billing-row-amount{text-align:right}.billing-row-amount strong{display:block;color:#172033;font-size:15px}.billing-row-amount span{font-size:10px;color:#9aa3b2;font-weight:800;letter-spacing:.07em}.billing-row-action{font-size:22px;color:#a7afbb}.payment-row{grid-template-columns:46px minmax(220px,1fr) 150px 130px}.invoice-card-list{padding:8px 18px 18px}.invoice-list-card{display:grid;grid-template-columns:48px minmax(250px,1fr) 130px auto;align-items:center;gap:16px;padding:16px 6px;border-bottom:1px solid #eef1f5}.invoice-list-card:last-child{border-bottom:0}.invoice-list-mark{width:42px;height:42px;border-radius:12px;background:#edf4ff;color:#1768e5;display:flex;align-items:center;justify-content:center;font-size:20px}.invoice-list-main>div{display:flex;align-items:center;gap:10px}.invoice-list-main strong{font-size:14px;color:#172033}.invoice-list-main p{margin:5px 0 0;color:#8791a2;font-size:12px}.invoice-list-total{text-align:right}.invoice-list-total span{display:block;color:#8791a2;font-size:11px}.invoice-list-total strong{font-size:16px;color:#172033}.invoice-list-actions{display:flex;gap:7px}.billing-backbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.billing-backbar>a{display:inline-flex;gap:8px;align-items:center;color:#647085;text-decoration:none;font-weight:700;font-size:13px}.billing-actions{display:flex;gap:8px}.order-hero{display:flex;justify-content:space-between;align-items:center;padding:24px 26px;margin-bottom:18px}.order-title-row{display:flex;align-items:center;gap:12px}.order-title-row h1{margin:4px 0 5px;font-size:26px;letter-spacing:-.035em}.order-hero p{margin:0;color:#7f899a;font-size:13px}.order-hero-total{text-align:right}.order-hero-total span{display:block;color:#8791a2;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.order-hero-total strong{display:block;font-size:28px;letter-spacing:-.04em;color:#172033;margin-top:3px}.order-detail-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.7fr);gap:18px}.billing-stack{display:flex;flex-direction:column;gap:18px}.billing-card{padding:22px}.billing-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.item-count{font-size:11px;background:#f3f6fa;color:#748096;border-radius:999px;padding:5px 9px;font-weight:700}.order-items-list{border:1px solid #e9edf3;border-radius:14px;overflow:hidden}.order-item-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border-bottom:1px solid #edf0f4}.order-item-row:last-child{border-bottom:0}.order-item-icon{width:40px;height:40px;border-radius:11px;background:#edf4ff;color:#1768e5;display:flex;align-items:center;justify-content:center;font-size:20px}.order-item-main>strong{display:block;color:#172033;font-size:14px}.order-item-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.order-item-meta span{display:inline-flex;align-items:center;gap:4px;color:#7d8798;font-size:11px}.service-inline-link{display:inline-flex;align-items:center;gap:4px;margin-top:8px;color:#1768e5;text-decoration:none;font-size:12px;font-weight:700}.order-item-price{text-align:right}.order-item-price small{display:block;color:#98a0ad;font-size:10px}.order-item-price strong{display:block;color:#172033;font-size:14px;margin-top:3px}.payment-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e9edf3;border:1px solid #e9edf3;border-radius:13px;overflow:hidden}.payment-detail-grid>div{background:#fff;padding:14px 15px}.payment-detail-grid span,.order-info-card span{display:block;color:#8b95a5;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.payment-detail-grid strong,.order-info-card strong{display:block;margin-top:5px;color:#263248;font-size:13px;overflow-wrap:anywhere}.mono-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.billing-error-note{margin-top:13px;padding:11px 13px;border-radius:10px;background:#fff1f1;color:#b42318;font-size:12px;display:flex;gap:8px;align-items:flex-start}.summary-lines{display:flex;flex-direction:column;gap:13px}.summary-lines>div{display:flex;justify-content:space-between;align-items:center;color:#687388;font-size:13px}.summary-lines strong{color:#222d42}.summary-lines .discount strong{color:#0f9f6e}.summary-lines .summary-total{margin-top:4px;padding-top:15px;border-top:1px solid #e8ecf2;font-weight:800;color:#202a3d}.summary-lines .summary-total strong{font-size:21px;letter-spacing:-.03em}.summary-actions{display:flex;flex-direction:column;gap:8px;margin-top:18px}.order-info-card{display:flex;flex-direction:column;gap:14px}.order-info-card>div{padding-top:12px;border-top:1px solid #eef1f5}.invoice-browser-shell{max-width:1050px}.invoice-paper{background:#fff;border:1px solid #e4e8ef;border-radius:18px;box-shadow:0 18px 50px rgba(23,32,51,.08);padding:48px 52px 30px;color:#1d2939}.invoice-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:32px;border-bottom:1px solid #e9edf3}.invoice-brand{display:flex;gap:12px;align-items:center}.invoice-logo-mark{width:43px;height:43px;border-radius:12px;background:#1768e5;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px}.invoice-brand strong{display:block;font-size:18px}.invoice-brand span{display:block;margin-top:3px;color:#8a94a5;font-size:11px}.invoice-title{text-align:right}.invoice-title span{display:block;color:#9aa3b2;font-size:11px;font-weight:800;letter-spacing:.16em}.invoice-title strong{display:block;margin-top:6px;font-size:22px;letter-spacing:-.03em}.invoice-meta-grid{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:34px;padding:30px 0}.invoice-party small,.invoice-payment-note small{display:block;color:#9aa3b2;font-size:9px;letter-spacing:.12em;font-weight:800;margin-bottom:9px}.invoice-party strong{font-size:13px}.invoice-party p{margin:5px 0 0;color:#657085;font-size:11px;line-height:1.55}.invoice-facts{border-left:1px solid #e9edf3;padding-left:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.invoice-facts span{display:block;color:#929cab;font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.invoice-facts strong{display:block;margin-top:5px;font-size:12px}.invoice-paid-pill{display:inline-flex!important;width:max-content;padding:4px 7px;border-radius:999px;background:#eafaf3;color:#087a55;font-size:10px!important}.invoice-lines{border:1px solid #e6eaf0;border-radius:13px;overflow:hidden}.invoice-line{display:grid;grid-template-columns:minmax(0,1fr) 60px 125px 125px;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid #edf0f4;font-size:12px}.invoice-line:last-child{border-bottom:0}.invoice-line-head{background:#f8fafc;color:#8490a2;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.invoice-line>span:not(:first-child),.invoice-line>strong:last-child{text-align:right}.invoice-line>div strong{display:block;font-size:12px}.invoice-line>div small{display:block;margin-top:4px;color:#929baa;font-size:10px}.invoice-bottom{display:grid;grid-template-columns:1fr 320px;gap:50px;padding:28px 0 34px}.invoice-payment-note strong{font-size:13px}.invoice-payment-note p{margin:5px 0 0;color:#8590a1;font-size:10px}.invoice-totals{display:flex;flex-direction:column;gap:11px}.invoice-totals>div{display:flex;justify-content:space-between;color:#687388;font-size:12px}.invoice-totals strong{color:#273247}.invoice-totals .discount strong{color:#0f9f6e}.invoice-grand-total{border-top:1px solid #e5e9ef;margin-top:4px;padding-top:14px!important;align-items:flex-end}.invoice-grand-total span{font-weight:800;color:#202a3d}.invoice-grand-total strong{font-size:22px;letter-spacing:-.03em}.invoice-footer{display:flex;justify-content:space-between;border-top:1px solid #e9edf3;padding-top:18px;color:#9ba4b1;font-size:9px}.empty-state i{font-size:30px;color:#9ba8ba}.btn-block{width:100%;justify-content:center}@media(max-width:900px){.order-detail-layout{grid-template-columns:1fr}.invoice-paper{padding:28px 24px}.invoice-meta-grid{grid-template-columns:1fr 1fr}.invoice-facts{grid-column:1/-1;border-left:0;border-top:1px solid #e9edf3;padding:20px 0 0}.invoice-bottom{grid-template-columns:1fr}.billing-row{grid-template-columns:42px minmax(0,1fr) auto}.billing-row-status{display:none}.billing-row-action{display:none}.payment-row{grid-template-columns:42px minmax(0,1fr) auto}.invoice-list-card{grid-template-columns:44px 1fr auto}.invoice-list-total{display:none}.invoice-list-actions{grid-column:2/-1;justify-content:flex-start}}@media(max-width:620px){.billing-tabs{overflow:auto}.billing-tabs a{white-space:nowrap}.billing-tabs b{display:none}.order-hero{align-items:flex-start}.order-hero-total strong{font-size:21px}.order-title-row{align-items:flex-start;flex-direction:column;gap:5px}.order-title-row h1{font-size:21px}.billing-row{padding:14px}.billing-row-amount strong{font-size:13px}.payment-detail-grid{grid-template-columns:1fr}.invoice-paper{border-radius:12px;padding:22px 17px}.invoice-head{flex-direction:column;gap:22px}.invoice-title{text-align:left}.invoice-meta-grid{grid-template-columns:1fr}.invoice-facts{grid-column:auto}.invoice-line{grid-template-columns:minmax(0,1fr) 70px}.invoice-line-head span:nth-child(2),.invoice-line-head span:nth-child(3),.invoice-line>span:nth-child(2),.invoice-line>span:nth-child(3){display:none}.invoice-bottom{gap:25px}.invoice-footer{flex-direction:column;gap:5px}.billing-backbar{align-items:flex-start;gap:12px}.billing-actions{flex-wrap:wrap;justify-content:flex-end}}
@media print{body{background:#fff!important}.app-sidebar,.topbar,.app-header,.no-print,.billing-backbar,.toast-container{display:none!important}.app-main,.main-content,.content{margin:0!important;padding:0!important;max-width:none!important}.invoice-browser-shell{max-width:none;padding:0}.invoice-paper{border:0;box-shadow:none;border-radius:0;padding:0}}

/* v54 - facture inspirée d'un layout éditorial moderne */
.invoice-invoma-style{padding:0;overflow:hidden;border-radius:16px}.invoice-top{display:flex;justify-content:space-between;align-items:flex-start;padding:42px 46px 30px;border-bottom:1px solid #e9edf3}.invoice-brand-block{display:flex;align-items:center;gap:13px}.invoice-brand-block strong{display:block;font-size:20px;letter-spacing:-.02em}.invoice-brand-block span{display:block;margin-top:3px;color:#8d97a7;font-size:11px}.invoice-document-title{text-align:right}.invoice-document-title>span{display:block;color:#9aa3b2;font-size:11px;font-weight:800;letter-spacing:.18em}.invoice-document-title>strong{display:block;margin-top:4px;font-size:20px;letter-spacing:-.03em}.invoice-document-title>small{display:block;margin-top:7px;color:#7f8998;font-size:11px}.invoice-address-grid{display:grid;grid-template-columns:1fr 1fr 220px;gap:32px;padding:30px 46px}.invoice-kicker{display:block;color:#9ba4b2;font-size:9px;letter-spacing:.13em;font-weight:800;margin-bottom:9px}.invoice-address-card strong{display:block;color:#202b3d;font-size:14px}.invoice-address-card p{margin:5px 0 0;color:#6f7a8d;font-size:11px;line-height:1.6}.invoice-reference-card{border-left:1px solid #e8ecf2;padding-left:24px;display:flex;flex-direction:column;gap:15px}.invoice-reference-card span{display:block;color:#98a2b1;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.invoice-reference-card strong{display:block;margin-top:4px;color:#253147;font-size:12px}.invoice-items-table{margin:0 46px;border:1px solid #e5e9ef;border-radius:12px;overflow:hidden}.invoice-items-head,.invoice-items-row{display:grid;grid-template-columns:42px minmax(0,1fr) 110px 70px 120px;gap:10px;align-items:center}.invoice-items-head{min-height:38px;padding:0 15px;background:#f6f8fb;color:#8a95a6;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.invoice-items-row{padding:16px 15px;border-top:1px solid #edf0f4;color:#4d5a6f;font-size:11px}.invoice-items-row>span:nth-child(n+3),.invoice-items-row>strong{text-align:right}.invoice-item-index{color:#97a1af;font-weight:700}.invoice-item-description strong{display:block;color:#1e293b;font-size:12px}.invoice-item-description small{display:block;margin-top:4px;color:#929baa;font-size:10px}.invoice-summary-grid{display:grid;grid-template-columns:1fr 330px;gap:60px;padding:30px 46px 24px}.invoice-payment-box strong{display:block;color:#263247;font-size:13px}.invoice-payment-box p{margin:5px 0 0;color:#8791a1;font-size:10px}.invoice-total-box{display:flex;flex-direction:column;gap:11px}.invoice-total-box>div{display:flex;justify-content:space-between;color:#677286;font-size:12px}.invoice-total-box strong{color:#202b3d}.invoice-total-box .discount strong{color:#0e9f6e}.invoice-total-box .invoice-grand-total{margin-top:4px;padding-top:14px;border-top:1px solid #e5e9ef;align-items:flex-end}.invoice-total-box .invoice-grand-total span{font-weight:800;color:#202b3d}.invoice-total-box .invoice-grand-total strong{font-size:22px;letter-spacing:-.03em}.invoice-terms{margin:0 46px 28px;padding:18px 20px;border-radius:11px;background:#f8fafc}.invoice-terms p{margin:0;color:#778296;font-size:10px;line-height:1.6}.invoice-invoma-style .invoice-footer{margin:0 46px;padding:18px 0 24px}@media(max-width:900px){.invoice-address-grid{grid-template-columns:1fr 1fr}.invoice-reference-card{grid-column:1/-1;border-left:0;border-top:1px solid #e8ecf2;padding:18px 0 0;display:grid;grid-template-columns:repeat(3,1fr)}.invoice-summary-grid{grid-template-columns:1fr;gap:26px}.invoice-items-head,.invoice-items-row{grid-template-columns:35px minmax(0,1fr) 95px 55px 100px}}@media(max-width:620px){.invoice-top{padding:26px 20px}.invoice-address-grid{grid-template-columns:1fr;padding:24px 20px;gap:22px}.invoice-reference-card{grid-column:auto;grid-template-columns:1fr 1fr}.invoice-items-table{margin:0 20px}.invoice-items-head,.invoice-items-row{grid-template-columns:30px minmax(0,1fr) 90px}.invoice-items-head span:nth-child(3),.invoice-items-head span:nth-child(4),.invoice-items-row>span:nth-child(3),.invoice-items-row>span:nth-child(4){display:none}.invoice-summary-grid{padding:24px 20px}.invoice-terms{margin:0 20px 24px}.invoice-invoma-style .invoice-footer{margin:0 20px}.invoice-document-title>strong{font-size:17px}}

/* v57 - facturation plus lisible et commandes plus professionnelles */
.billing-overview-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:4px 0 18px}.billing-overview-head h1{margin:4px 0 5px;font-size:30px;line-height:1.08;letter-spacing:-.04em;color:#152033}.billing-overview-head p{margin:0;color:#778296;font-size:13px}.billing-tabs-clean{margin-bottom:22px}.billing-section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.billing-section-title h2{margin:0;color:#1d2939;font-size:17px;letter-spacing:-.02em}.billing-section-title p{margin:4px 0 0;color:#8791a1;font-size:11px}.order-card-list{display:flex;flex-direction:column;gap:10px}.order-card-modern{display:block;background:#fff;border:1px solid #e5e9f0;border-radius:14px;color:inherit;text-decoration:none;box-shadow:0 2px 8px rgba(22,32,50,.025);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.order-card-modern:hover{border-color:#cfd9e8;box-shadow:0 8px 24px rgba(22,32,50,.06);transform:translateY(-1px)}.order-card-top{display:flex;align-items:center;justify-content:space-between;padding:13px 16px 10px;border-bottom:1px solid #f0f2f6}.order-card-id{display:flex;align-items:baseline;gap:8px}.order-card-id span{color:#9aa3b2;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.order-card-id strong{font-size:13px;color:#222d40}.order-card-body{display:grid;grid-template-columns:minmax(260px,1fr) 115px 145px 120px 20px;gap:20px;align-items:center;padding:15px 16px}.order-card-products{display:flex;align-items:center;gap:11px;min-width:0}.order-card-products>i{width:34px;height:34px;border-radius:9px;background:#f0f5ff;color:#1768e5;display:flex;align-items:center;justify-content:center;font-size:17px;flex:0 0 auto}.order-card-products div{min-width:0}.order-card-products span,.order-card-date span,.order-card-invoice span,.order-card-total span{display:block;color:#98a2b1;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.order-card-products strong{display:block;margin-top:4px;color:#253147;font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-card-date strong,.order-card-invoice strong{display:block;margin-top:4px;color:#253147;font-size:11px}.order-card-date small{display:block;margin-top:2px;color:#9aa3b2;font-size:9px}.order-card-total{text-align:right}.order-card-total strong{display:block;margin-top:4px;color:#182235;font-size:14px;letter-spacing:-.02em}.order-card-chevron{color:#9aa5b5;font-size:18px}.order-item-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}.order-item-meta span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;background:#f6f8fb;color:#657185;font-size:10px}.order-item-meta span b{font-weight:700;color:#465268}.order-item-meta i{font-size:12px;color:#6d7d92}.order-item-row{align-items:flex-start}.order-item-price{padding-top:2px}.invoice-item-description small{line-height:1.5}.invoice-items-row{align-items:flex-start}
@media(max-width:950px){.order-card-body{grid-template-columns:minmax(220px,1fr) 110px 110px 20px}.order-card-invoice{display:none}}@media(max-width:700px){.billing-overview-head{align-items:flex-start;flex-direction:column}.order-card-body{grid-template-columns:minmax(0,1fr) auto 18px;gap:12px}.order-card-date,.order-card-invoice{display:none}.order-card-total{align-self:center}.order-card-top{padding:12px 13px 9px}.order-card-body{padding:13px}.order-item-meta span{width:100%;justify-content:flex-start}.billing-overview-head h1{font-size:25px}}

/* v58 - résumé financier et historique enrichi */
.billing-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 18px}.billing-kpis article{display:flex;align-items:center;gap:14px;min-height:92px;padding:17px 18px;background:#fff;border:1px solid #e5e9f0;border-radius:14px;box-shadow:0 3px 12px rgba(22,32,50,.025)}.billing-kpi-icon{width:43px;height:43px;flex:0 0 auto;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px}.billing-kpi-icon.orders{background:#edf4ff;color:#1768e5}.billing-kpi-icon.invoices{background:#f1edff;color:#7553d8}.billing-kpi-icon.payments{background:#eafaf4;color:#09966a}.billing-kpis small{display:block;color:#8c97a8;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.billing-kpis strong{display:block;margin-top:3px;color:#1d293d;font-size:19px;letter-spacing:-.025em}.billing-kpis p{margin:2px 0 0;color:#929cab;font-size:10px}.payment-row{grid-template-columns:46px minmax(220px,1fr) 150px 130px 28px}.billing-row-primary small{display:block;margin-top:3px;color:#a0a8b5;font-size:9px}.payment-order-link{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#718096;text-decoration:none;font-size:19px}.payment-order-link:hover{background:#edf4ff;color:#1768e5}@media(max-width:850px){.billing-kpis{grid-template-columns:1fr}.billing-kpis article{min-height:78px}.payment-row{grid-template-columns:42px minmax(0,1fr) auto 28px}.payment-row .billing-row-status{display:none}}@media(max-width:520px){.payment-row{grid-template-columns:38px minmax(0,1fr) auto}.payment-row .payment-order-link{display:none}.billing-kpis strong{font-size:17px}}

/* v59 - fiche commande pleine largeur */
.order-detail-page{max-width:none;padding:0 0 24px}.order-detail-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 14px}.order-detail-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:13px;color:#718096;font-size:10px;font-weight:750;text-decoration:none}.order-detail-title{display:flex;align-items:center;gap:12px}.order-detail-mark{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#edf4ff;color:#1768e5;font-size:20px}.order-detail-title .eyebrow{margin:0 0 2px;font-size:8px}.order-detail-title h1{margin:0;color:#182438;font-size:23px;letter-spacing:-.035em}.order-detail-title>.status{margin-left:3px}.order-detail-top-actions{display:flex;gap:7px}.order-detail-top-actions .btn{min-height:36px;padding:7px 11px;font-size:10px}.order-facts-bar{display:grid;grid-template-columns:1.15fr 1fr 1fr 180px;margin-bottom:13px;background:#fff;border:1px solid #dfe5ed;border-radius:11px;overflow:hidden}.order-facts-bar>div{min-width:0;display:flex;align-items:center;gap:10px;padding:13px 16px;border-right:1px solid #e8ecf1}.order-facts-bar>div:last-child{border-right:0}.order-facts-bar i{color:#7185a3;font-size:18px}.order-facts-bar span{min-width:0;display:flex;flex-direction:column;color:#98a1af;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.order-facts-bar strong{margin-top:3px;color:#344158;font-size:10px;text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-facts-bar .order-fact-total{justify-content:flex-end;background:#f8fafc;text-align:right}.order-fact-total strong{color:#172438;font-size:17px;letter-spacing:-.025em}.order-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:13px;align-items:start}.order-products-panel,.order-financial-panel,.order-payment-panel{padding:0;margin:0;border-radius:11px;overflow:hidden}.order-panel-head{min-height:59px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ecf1}.order-panel-head h2{margin:0;color:#233047;font-size:14px}.order-panel-head p{margin:3px 0 0;color:#919baa;font-size:9px}.order-items-professional{border:0;border-radius:0}.order-items-professional .order-item-row{grid-template-columns:40px minmax(0,1fr) 75px 130px;min-height:76px;padding:13px 17px}.order-items-professional .order-item-icon{width:36px;height:36px;border-radius:9px;font-size:17px}.order-items-professional .order-item-main>strong{font-size:12px}.order-items-professional .order-item-meta{gap:6px;margin-top:5px}.order-items-professional .order-item-meta span{padding:3px 6px;background:#f4f6f9;border-radius:5px;font-size:8px}.order-items-professional .service-inline-link{margin-top:5px;font-size:9px}.order-item-quantity{text-align:center}.order-item-quantity span{display:block;color:#9aa3b1;font-size:8px;text-transform:uppercase}.order-item-quantity strong{display:block;margin-top:3px;color:#334158;font-size:11px}.order-items-professional .order-item-price small{font-size:8px}.order-items-professional .order-item-price strong{font-size:13px}.order-financial-panel{position:sticky;top:88px}.order-financial-panel .summary-lines{padding:16px 17px;gap:10px}.order-financial-panel .summary-lines>div{font-size:10px}.order-financial-panel .summary-lines .summary-total{padding-top:12px}.order-financial-panel .summary-lines .summary-total strong{font-size:18px}.order-financial-status{margin:0 17px;padding:11px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8ecf1;border-bottom:1px solid #e8ecf1;color:#8c96a5;font-size:9px}.order-financial-status strong{display:flex;align-items:center;gap:6px;color:#247655;font-size:10px}.order-financial-status strong i{width:6px;height:6px;border-radius:50%;background:#16a676}.order-financial-panel .summary-actions{padding:14px 17px;margin:0}.order-financial-panel .btn{min-height:35px;padding:7px 10px;font-size:9px}.order-payment-panel{margin-top:13px}.order-payment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.order-payment-grid>div{min-width:0;padding:13px 17px;border-right:1px solid #e8ecf1}.order-payment-grid>div:last-child{border-right:0}.order-payment-grid span{display:block;color:#98a1af;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.order-payment-grid strong{display:block;margin-top:4px;color:#344158;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-payment-panel .billing-error-note{margin:0 17px 14px}@media(max-width:900px){.order-workspace{grid-template-columns:1fr}.order-financial-panel{position:static}.order-facts-bar{grid-template-columns:repeat(2,1fr)}.order-facts-bar>div:nth-child(2){border-right:0}.order-facts-bar>div:nth-child(-n+2){border-bottom:1px solid #e8ecf1}}@media(max-width:650px){.order-detail-top{align-items:flex-start;flex-direction:column}.order-detail-top-actions{width:100%}.order-detail-top-actions .btn{flex:1}.order-detail-title{align-items:flex-start;flex-wrap:wrap}.order-detail-title>.status{margin-left:54px}.order-facts-bar{grid-template-columns:1fr}.order-facts-bar>div{border-right:0;border-bottom:1px solid #e8ecf1}.order-facts-bar .order-fact-total{justify-content:flex-start;text-align:left}.order-items-professional .order-item-row{grid-template-columns:36px minmax(0,1fr) 90px;padding:12px}.order-item-quantity{display:none}.order-payment-grid{grid-template-columns:1fr 1fr}.order-payment-grid>div:nth-child(2){border-right:0}.order-payment-grid>div:nth-child(-n+2){border-bottom:1px solid #e8ecf1}}
.content:has(.order-detail-page){width:100%;max-width:none;padding:15px 17px 25px;background:#f5f7fa}
.order-financial-status strong.pending,.order-financial-status strong.payment_processing{color:#9b6415}.order-financial-status strong.pending i,.order-financial-status strong.payment_processing i{background:#e2a237}.order-financial-status strong.failed,.order-financial-status strong.cancelled{color:#ad2841}.order-financial-status strong.failed i,.order-financial-status strong.cancelled i{background:#d84b5f}

/* v60 - Dedicated invoices dashboard */
.invoices-v90 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.invoices-v90{max-width:1240px;padding-bottom:26px}.inv90-hero{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;padding:20px 27px;border:1px solid #e7dcf6;border-radius:17px;background:radial-gradient(circle at 95% 10%,rgba(192,132,252,.18),transparent 28%),linear-gradient(110deg,#f7f1ff 0%,#fff 45%,#fbf7ff 100%);box-shadow:0 6px 24px rgba(75,45,120,.035)}.inv90-title{display:flex;align-items:center;gap:16px}.inv90-title>span{width:52px;height:52px;border:1px solid #ddc2ff;border-radius:15px;background:#f3e8ff;color:#9b42ed;display:grid;place-items:center;font-size:25px}.inv90-title h1{margin:0;color:#1f2332;font-size:23px;letter-spacing:-.03em}.inv90-title p{margin:4px 0 0;color:#737d90;font-size:11px}.inv90-wallet{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #e1e4eb;border-radius:999px;background:rgba(255,255,255,.74);color:#717b8e;text-decoration:none;font-size:9px}.inv90-wallet i{font-size:12px}.inv90-wallet strong{color:#303747;font-size:10px}.inv90-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:23px;align-items:start}.inv90-main,.inv90-side{display:grid;gap:18px}.inv90-alert{min-height:86px;display:flex;align-items:center;gap:15px;padding:16px 20px;border:1px solid #f0c994;border-radius:15px;background:#fffaf3}.inv90-alert>span{width:46px;height:46px;flex:0 0 46px;border-radius:13px;background:#fae9d3;color:#df7900;display:grid;place-items:center;font-size:22px}.inv90-alert div{display:grid}.inv90-alert strong{color:#222735;font-size:13px}.inv90-alert small{margin-top:3px;color:#8b6c50;font-size:9px}.inv90-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.inv90-kpis article{min-width:0;min-height:91px;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #e1e5ec;border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(31,42,62,.025)}.inv90-kpis article>span{width:39px;height:39px;flex:0 0 39px;border-radius:11px;display:grid;place-items:center;font-size:18px}.inv90-kpis article>span.paid{background:#eaf7f0;color:#159664}.inv90-kpis article>span.pending{background:#fff2e2;color:#e37c00}.inv90-kpis article>span.total{background:#f3e9ff;color:#a142ed}.inv90-kpis article>div{min-width:0}.inv90-kpis small{display:block;color:#8993a4;font-size:8px}.inv90-kpis strong{display:block;margin-top:2px;color:#202637;font-size:17px;letter-spacing:-.025em;white-space:nowrap}.inv90-kpis p{margin:1px 0 0;color:#929aaa;font-size:8px}.inv90-browser{overflow:hidden;border:1px solid #e1e5ec;border-radius:15px;background:#fff}.inv90-filters{display:grid;grid-template-columns:minmax(180px,1fr) 128px 145px;gap:10px;padding:14px;border-bottom:1px solid #e8ebf0;background:#fff}.inv90-filters>label{min-width:0}.inv90-filters select{height:38px;padding:0 11px;border:1px solid #dce1e9;border-radius:9px;background:#fafbfc;color:#30384a;font-size:9.5px}.inv90-search{height:38px;display:grid;grid-template-columns:18px 1fr 26px;align-items:center;gap:6px;padding:0 9px;border:1px solid #dce1e9;border-radius:9px;background:#fafbfc;color:#778296}.inv90-search:focus-within{border-color:#bfa2ed;box-shadow:0 0 0 3px rgba(139,66,218,.06)}.inv90-search>i{font-size:15px}.inv90-search input{height:100%;min-width:0;padding:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font-size:9.5px}.inv90-search button{width:25px;height:25px;border:0;border-radius:6px;background:transparent;color:#8993a4;opacity:0;pointer-events:none;cursor:pointer}.inv90-search button.visible{opacity:1;pointer-events:auto}.inv90-search button:hover{background:#eef1f5}.inv90-list{display:flex;flex-direction:column}.inv90-row{min-height:70px;display:grid;grid-template-columns:38px minmax(0,1fr) 90px auto;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #e9ecf1}.inv90-row[hidden]{display:none}.inv90-row-icon{width:36px;height:36px;border-radius:10px;background:#f2f4f7;color:#68758a;display:grid;place-items:center;font-size:16px}.inv90-row.pending .inv90-row-icon{background:#fff3e5;color:#e47900}.inv90-row.paid .inv90-row-icon{background:#ecf8f2;color:#159664}.inv90-row-main{min-width:0}.inv90-row-main>div{display:flex;align-items:center;gap:8px}.inv90-row-main strong{overflow:hidden;text-overflow:ellipsis;color:#222839;font-size:10px;white-space:nowrap}.inv90-row-main .status{padding:3px 7px;font-size:7px}.inv90-row-main p{margin:3px 0 0;color:#7f899c;font-size:8px}.inv90-row-total{justify-self:end;color:#172033;font-size:12px;white-space:nowrap}.inv90-row-actions{display:flex;justify-content:flex-end;gap:6px}.inv90-row-actions a{min-height:33px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid #dce1e9;border-radius:8px;background:#fafbfc;color:#313a4e;text-decoration:none;font-size:8.5px;font-weight:800;white-space:nowrap}.inv90-row-actions a:hover{border-color:#bfc7d3;background:#fff}.inv90-row-actions a.pay{border-color:#9c40e9;background:linear-gradient(135deg,#9a3ee9,#aa48ee);color:#fff;box-shadow:0 5px 12px rgba(157,64,232,.16)}.inv90-browser>footer{padding:10px 14px;color:#8c96a6;font-size:8px;background:#fcfcfd}.inv90-browser>footer strong{color:#697487}.inv90-filter-empty,.inv90-empty{min-height:160px;place-items:center;padding:24px;text-align:center}.inv90-filter-empty:not([hidden]),.inv90-empty{display:grid}.inv90-filter-empty i,.inv90-empty i{font-size:28px;color:#a18bbd}.inv90-filter-empty strong,.inv90-empty strong{margin-top:5px;color:#354055;font-size:11px}.inv90-filter-empty span,.inv90-empty span{margin-top:2px;color:#919aaa;font-size:8px}.inv90-info{padding:17px 18px;border:1px solid #e1e5ec;border-radius:15px;background:#fff}.inv90-info h2{margin:0 0 14px;color:#252b3b;font-size:11px}.inv90-info>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.inv90-info article{display:flex;align-items:flex-start;gap:10px;min-width:0}.inv90-info article>span{width:31px;height:31px;flex:0 0 31px;border-radius:9px;background:#f1f3f6;color:#748095;display:grid;place-items:center;font-size:14px}.inv90-info p{display:grid;margin:0}.inv90-info strong{color:#30384a;font-size:8.5px}.inv90-info small{margin-top:2px;color:#818b9d;font-size:7.5px;line-height:1.45}
.inv90-distribution,.inv90-help{padding:19px;border:1px solid #e1e5ec;border-radius:15px;background:#fff}.inv90-distribution h2,.inv90-help h2{margin:0;color:#202536;font-size:11px}.inv90-chart-wrap{display:grid;grid-template-columns:124px minmax(0,1fr);align-items:center;gap:16px;margin-top:17px}.inv90-chart{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#159664 0 var(--paid),#e47900 var(--paid) var(--pending),#df2c36 var(--pending) var(--cancelled),#718096 var(--cancelled) 100%)}.inv90-chart.empty{background:#e9ecf1}.inv90-chart>span{width:78px;height:78px;border-radius:50%;display:grid;place-content:center;background:#fff;text-align:center}.inv90-chart strong{color:#252b3b;font-size:15px}.inv90-chart small{color:#9099a8;font-size:7px}.inv90-legend{display:grid;gap:8px}.inv90-legend>div{display:grid;grid-template-columns:minmax(0,1fr) 22px 30px;align-items:center;gap:5px;color:#687386;font-size:8px}.inv90-legend>div>span{display:flex;align-items:center;gap:7px}.inv90-legend>div>span:before{content:"";width:6px;height:6px;border-radius:50%;background:#718096}.inv90-legend .paid>span:before{background:#159664}.inv90-legend .pending>span:before{background:#e47900}.inv90-legend .cancelled>span:before{background:#df2c36}.inv90-legend .refunded>span:before{background:#718096}.inv90-legend strong{color:#263044;text-align:right;font-size:8px}.inv90-legend small{color:#8b95a6;text-align:right;font-size:8px}.inv90-help header{display:flex;align-items:flex-start;gap:11px}.inv90-help header>span{width:37px;height:37px;flex:0 0 37px;border-radius:11px;background:#f2e8ff;color:#a143ed;display:grid;place-items:center;font-size:18px}.inv90-help h2{margin-top:1px}.inv90-help p{margin:4px 0 0;color:#7d8799;font-size:8.5px;line-height:1.55}.inv90-help>a{min-height:39px;display:flex;align-items:center;justify-content:center;margin-top:14px;border-radius:9px;text-decoration:none;font-size:9px;font-weight:750}.inv90-help .ticket{border:1px solid #d9dee7;background:#fafbfc;color:#273044}.inv90-help .ticket:hover{background:#fff;border-color:#bdc6d4}.inv90-help .docs{min-height:auto;margin-top:12px;color:#33394a}.inv90-help .docs:hover{color:#8d35d5}
@media(max-width:1050px){.inv90-layout{grid-template-columns:1fr}.inv90-side{grid-template-columns:1fr 1fr}.inv90-distribution,.inv90-help{min-height:190px}}
@media(max-width:760px){.inv90-hero{align-items:flex-start;flex-direction:column;padding:18px}.inv90-wallet{align-self:stretch;justify-content:center}.inv90-kpis{grid-template-columns:1fr}.inv90-kpis article{min-height:76px}.inv90-filters{grid-template-columns:1fr 1fr}.inv90-search{grid-column:1/-1}.inv90-info>div{grid-template-columns:1fr}.inv90-side{grid-template-columns:1fr}.inv90-distribution,.inv90-help{min-height:0}.inv90-row{grid-template-columns:34px minmax(0,1fr) auto}.inv90-row-total{grid-column:2;justify-self:start}.inv90-row-actions{grid-column:3;grid-row:1/3}.inv90-row-actions a{width:34px;padding:0;font-size:0}.inv90-row-actions a i{font-size:15px}.inv90-info{padding:16px}}
@media(max-width:430px){.inv90-title>span{width:44px;height:44px}.inv90-title h1{font-size:20px}.inv90-filters{grid-template-columns:1fr}.inv90-search{grid-column:auto}.inv90-row-main .status{display:none}.inv90-row{padding:11px}.inv90-chart-wrap{grid-template-columns:108px 1fr}.inv90-chart{width:100px;height:100px}.inv90-chart>span{width:68px;height:68px}}

/* v61 - Full-width invoice content and compact secondary cards */
.invoices-v90{width:100%;max-width:none}.inv90-hero{min-height:74px;margin-bottom:14px;padding:12px 17px;border-radius:13px}.inv90-title{gap:11px}.inv90-title>span{width:40px;height:40px;border-radius:11px;font-size:19px}.inv90-title h1{font-size:20px}.inv90-title p{margin-top:2px;font-size:9.5px}.inv90-wallet{padding:5px 9px}.inv90-layout{grid-template-columns:minmax(0,1fr);gap:14px}.inv90-main{width:100%}.inv90-side{gap:12px}.inv90-distribution,.inv90-help{padding:14px 15px;border-radius:12px;box-shadow:0 3px 12px rgba(31,42,62,.02)}.inv90-distribution h2,.inv90-help h2{font-size:10px}.inv90-chart-wrap{grid-template-columns:88px minmax(0,1fr);gap:13px;margin-top:10px}.inv90-chart{width:82px;height:82px}.inv90-chart>span{width:56px;height:56px}.inv90-chart strong{font-size:12px}.inv90-chart small{font-size:6.5px}.inv90-legend{gap:5px}.inv90-help header{gap:9px}.inv90-help header>span{width:31px;height:31px;flex-basis:31px;border-radius:9px;font-size:15px}.inv90-help p{margin-top:2px;font-size:7.8px}.inv90-help>a{min-height:32px;margin-top:9px;border-radius:8px;font-size:8.5px}.inv90-help .docs{margin-top:8px}.inv90-info{width:100%}
@media(min-width:761px){.inv90-side{grid-template-columns:repeat(2,minmax(0,1fr))}.inv90-distribution,.inv90-help{min-height:140px}.inv90-help{display:grid;grid-template-columns:minmax(0,1fr) 135px;grid-template-rows:auto auto;align-items:center;column-gap:13px}.inv90-help header{grid-row:1/3}.inv90-help>a{margin-top:0}.inv90-help .docs{margin-top:7px}}
@media(max-width:760px){.inv90-hero{padding:13px}.inv90-side{grid-template-columns:1fr}.inv90-distribution,.inv90-help{min-height:0}.inv90-chart-wrap{grid-template-columns:88px minmax(0,1fr)}}

/* v62 - Compact right sidebar restored */
@media(min-width:1051px){.inv90-layout{grid-template-columns:minmax(0,1fr) 270px;gap:14px}.inv90-side{grid-template-columns:1fr;align-content:start}.inv90-distribution,.inv90-help{min-height:0}.inv90-help{display:block}.inv90-help header{grid-row:auto}.inv90-help>a{margin-top:9px}.inv90-help .docs{margin-top:8px}}

/* v63 - Dedicated orders dashboard */
.orders-v90{width:100%;max-width:none;padding-bottom:26px}.orders-v90 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ord90-hero{min-height:74px;display:flex;align-items:center;margin-bottom:14px;padding:12px 17px;border:1px solid #e7dcf6;border-radius:13px;background:radial-gradient(circle at 95% 10%,rgba(192,132,252,.18),transparent 28%),linear-gradient(110deg,#f7f1ff 0%,#fff 46%,#fbf7ff 100%);box-shadow:0 5px 20px rgba(75,45,120,.03)}.ord90-title{display:flex;align-items:center;gap:11px}.ord90-title>span{width:40px;height:40px;border:1px solid #ddc2ff;border-radius:11px;background:#f3e8ff;color:#9b42ed;display:grid;place-items:center;font-size:19px}.ord90-title h1{margin:0;color:#1f2332;font-size:20px;letter-spacing:-.03em}.ord90-title p{margin:2px 0 0;color:#737d90;font-size:9.5px}.ord90-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.ord90-kpis article{min-width:0;min-height:82px;display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #e1e5ec;border-radius:13px;background:#fff;box-shadow:0 3px 13px rgba(31,42,62,.022)}.ord90-kpis article>span{width:38px;height:38px;flex:0 0 38px;border-radius:10px;display:grid;place-items:center;font-size:18px}.ord90-kpis .total{background:#f3e9ff;color:#a142ed}.ord90-kpis .progress{background:#fff2e2;color:#e37c00}.ord90-kpis .complete{background:#eaf7f0;color:#159664}.ord90-kpis article>div{min-width:0}.ord90-kpis small{display:block;color:#8993a4;font-size:8px}.ord90-kpis strong{display:block;margin-top:2px;color:#202637;font-size:17px}.ord90-kpis p{margin:1px 0 0;color:#929aaa;font-size:8px}.ord90-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;align-items:start}.ord90-main{display:grid;gap:14px}.ord90-browser{overflow:hidden;border:1px solid #e1e5ec;border-radius:14px;background:#fff}.ord90-filters{display:grid;grid-template-columns:minmax(210px,1fr) 125px 115px 145px;gap:8px;padding:13px;border-bottom:1px solid #e8ebf0}.ord90-filters>label{min-width:0}.ord90-filters select{height:37px;padding:0 10px;border:1px solid #dce1e9;border-radius:9px;background:#fafbfc;color:#30384a;font-size:9px}.ord90-search{height:37px;display:grid;grid-template-columns:18px 1fr 25px;align-items:center;gap:6px;padding:0 9px;border:1px solid #dce1e9;border-radius:9px;background:#fafbfc;color:#778296}.ord90-search:focus-within{border-color:#bfa2ed;box-shadow:0 0 0 3px rgba(139,66,218,.06)}.ord90-search>i{font-size:15px}.ord90-search input{height:100%;min-width:0;padding:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font-size:9.5px}.ord90-search button{width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:#8993a4;opacity:0;pointer-events:none;cursor:pointer}.ord90-search button.visible{opacity:1;pointer-events:auto}.ord90-search button:hover{background:#eef1f5}.ord90-list{display:flex;flex-direction:column}.ord90-row{padding:13px 14px;border-bottom:1px solid #e8ebf0}.ord90-row[hidden]{display:none}.ord90-row-top{display:grid;grid-template-columns:38px minmax(0,1fr) 85px;align-items:center;gap:11px}.ord90-row-icon{width:36px;height:36px;border-radius:10px;background:#f3e9ff;color:#9a41ea;display:grid;place-items:center;font-size:16px}.ord90-row.type-hosting .ord90-row-icon{background:#edf5ff;color:#2775d1}.ord90-row.type-domain .ord90-row-icon{background:#eaf9f6;color:#159777}.ord90-row.type-giftcard .ord90-row-icon{background:#fff4e5;color:#da7c0a}.ord90-row.type-wallet .ord90-row-icon{background:#eef7f3;color:#14845d}.ord90-row-copy{min-width:0}.ord90-row-copy>div{display:flex;align-items:center;gap:7px;min-width:0}.ord90-row-copy strong{overflow:hidden;text-overflow:ellipsis;color:#222839;font-size:10px;white-space:nowrap}.ord90-type{padding:3px 7px;border-radius:999px;background:#f3e9ff;color:#9641df;font-size:7px;font-weight:800;white-space:nowrap}.type-hosting .ord90-type{background:#edf5ff;color:#2672c9}.type-domain .ord90-type{background:#eaf9f6;color:#15876d}.type-giftcard .ord90-type{background:#fff4e5;color:#c7740b}.type-wallet .ord90-type{background:#eef7f3;color:#147955}.ord90-row-copy .status{padding:3px 7px;font-size:7px}.ord90-row-copy p{margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;color:#7f899c;font-size:8px;white-space:nowrap}.ord90-row-total{justify-self:end;color:#172033;font-size:12px;white-space:nowrap}.ord90-row-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin:9px 0 0 47px}.ord90-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:start;gap:5px;max-width:510px}.ord90-progress>span{display:grid;place-items:center;gap:3px;color:#9aa3b2}.ord90-progress>span i{width:8px;height:8px;border:2px solid #cdd3dc;border-radius:50%;background:#fff}.ord90-progress>span small{font-size:7px;color:inherit}.ord90-progress>b{height:3px;margin-top:3px;border-radius:999px;background:#dfe3e9}.ord90-progress>.done{color:#168b62}.ord90-progress>span.done i{border-color:#168b62;background:#168b62}.ord90-progress>b.done{background:#62b797}.ord90-progress>span.active{color:#d57a0a}.ord90-progress>span.active i{border-color:#d57a0a;box-shadow:0 0 0 3px #fff3e3}.ord90-progress.cancelled{opacity:.48}.ord90-action{min-height:33px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid #dce1e9;border-radius:8px;background:#fafbfc;color:#313a4e;text-decoration:none;font-size:8.5px;font-weight:800;white-space:nowrap}.ord90-action:hover{border-color:#bfc7d3;background:#fff}.ord90-action.primary{border-color:#9641e2;background:linear-gradient(135deg,#963de6,#a848ec);color:#fff;box-shadow:0 5px 12px rgba(157,64,232,.15)}.ord90-browser>footer{padding:10px 14px;color:#8c96a6;font-size:8px;background:#fcfcfd}.ord90-filter-empty,.ord90-empty{min-height:170px;place-items:center;padding:24px;text-align:center}.ord90-filter-empty:not([hidden]),.ord90-empty{display:grid}.ord90-filter-empty i,.ord90-empty i{font-size:28px;color:#a18bbd}.ord90-filter-empty strong,.ord90-empty strong{margin-top:5px;color:#354055;font-size:11px}.ord90-filter-empty span,.ord90-empty span{margin-top:2px;color:#919aaa;font-size:8px}.ord90-empty a{margin-top:10px;color:#8e3bd6;font-size:9px;font-weight:800}.ord90-info{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:15px 17px;border:1px solid #e1e5ec;border-radius:13px;background:#fff}.ord90-info article{display:flex;align-items:flex-start;gap:9px;min-width:0}.ord90-info article>span{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#f1f3f6;color:#748095;display:grid;place-items:center;font-size:14px}.ord90-info p{display:grid;margin:0}.ord90-info strong{color:#30384a;font-size:8.5px}.ord90-info small{margin-top:2px;color:#818b9d;font-size:7.5px;line-height:1.45}.ord90-shortcuts{padding:15px;border:1px solid #e1e5ec;border-radius:13px;background:#fff}.ord90-shortcuts h2{margin:0 0 11px;color:#202536;font-size:10px}.ord90-shortcuts>div{display:grid;gap:7px}.ord90-shortcuts a{display:grid;grid-template-columns:31px minmax(0,1fr) 14px;align-items:center;gap:9px;min-height:58px;padding:9px;border:1px solid #e1e5ec;border-radius:10px;background:#fbfcfd;color:inherit;text-decoration:none}.ord90-shortcuts a:hover{border-color:#ccb8ed;background:#fff}.ord90-shortcuts a>span{width:31px;height:31px;border-radius:9px;background:#f3e9ff;color:#9a41ea;display:grid;place-items:center;font-size:15px}.ord90-shortcuts p{display:grid;margin:0;min-width:0}.ord90-shortcuts strong{color:#2d3548;font-size:8.5px}.ord90-shortcuts small{margin-top:2px;overflow:hidden;text-overflow:ellipsis;color:#8993a4;font-size:7.5px;white-space:nowrap}.ord90-shortcuts a>i{color:#929cab}.ord90-side{align-content:start}
@media(max-width:1020px){.ord90-layout{grid-template-columns:1fr}.ord90-shortcuts>div{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.ord90-hero{padding:13px}.ord90-kpis{grid-template-columns:1fr}.ord90-kpis article{min-height:74px}.ord90-filters{grid-template-columns:1fr 1fr}.ord90-search{grid-column:1/-1}.ord90-row-top{grid-template-columns:34px minmax(0,1fr) auto}.ord90-row-bottom{margin-left:45px}.ord90-progress{display:none}.ord90-shortcuts>div{grid-template-columns:1fr 1fr}.ord90-info{grid-template-columns:1fr}.ord90-action{min-width:34px;padding-inline:9px}.ord90-row-copy .status{display:none}}
@media(max-width:460px){.ord90-title h1{font-size:18px}.ord90-filters{grid-template-columns:1fr}.ord90-search{grid-column:auto}.ord90-shortcuts>div{grid-template-columns:1fr}.ord90-type{display:none}.ord90-row-bottom{margin-left:0;justify-items:end}.ord90-row-copy p{max-width:190px}}

/* v64 - Pagination des commandes, 4 éléments par page */
.ord90-list-footer{min-height:51px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ord90-list-footer>span{white-space:nowrap}.ord90-pagination{display:flex;align-items:center;justify-content:center;gap:7px}.ord90-pagination[hidden]{display:none}.ord90-pagination>div{display:flex;align-items:center;gap:4px}.ord90-pagination button{width:29px;height:29px;padding:0;display:grid;place-items:center;border:1px solid #dce3eb;border-radius:7px;background:#fff;color:#607187;font-family:inherit;font-size:8px;font-weight:800;cursor:pointer}.ord90-pagination button:hover:not(:disabled){border-color:#c1a8e8;background:#f8f3ff;color:#8e3bd6}.ord90-pagination button.active{border-color:#9641e2;background:#9641e2;color:#fff;box-shadow:0 3px 8px rgba(150,65,226,.17)}.ord90-pagination button:disabled{opacity:.38;cursor:default}.ord90-pagination>button{font-size:16px}
@media(max-width:560px){.ord90-list-footer{align-items:flex-start;flex-direction:column}.ord90-pagination{width:100%}}

/* ===== payment-success.css ===== */
.payment-result-shell{max-width:760px;margin:12px auto 38px}.payment-result-card{position:relative;overflow:hidden;padding:29px 32px 25px;text-align:left;border:1px solid #dfe5ed;border-radius:14px;box-shadow:0 10px 30px rgba(23,34,55,.06)}.payment-result-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:#1967e8}.payment-result-card.is-success:before{background:#12a678}.payment-result-card.is-failed:before{background:#dc3d4f}.payment-result-icon{position:absolute;top:29px;left:32px;width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#eafaf4;color:#079568;font-size:27px;box-shadow:inset 0 0 0 1px #c9f0e2}.is-pending .payment-result-icon{background:#edf4ff;color:#1768e5;box-shadow:inset 0 0 0 1px #d6e5ff}.is-failed .payment-result-icon{background:#fff0f2;color:#ce3044;box-shadow:inset 0 0 0 1px #ffd9de}.payment-result-card>.eyebrow,.payment-result-card>h1,.payment-result-card>.payment-result-lead{margin-left:64px}.payment-result-card>.eyebrow{margin-bottom:3px;font-size:9px}.payment-result-card h1{margin-top:0;margin-bottom:5px;color:#172238;font-size:25px;letter-spacing:-.035em}.payment-result-lead{max-width:610px;margin-top:0;margin-right:0;margin-bottom:0;color:#68758a;font-size:12px;line-height:1.55}.payment-result-lead strong{color:#253248}.payment-result-lead span{color:#8d97a8}.payment-result-summary{display:grid;grid-template-columns:repeat(3,1fr);margin:23px 0 17px;border:1px solid #e4e9f0;border-radius:10px;background:#fafbfd}.payment-result-summary>div{padding:12px 15px;border-right:1px solid #e4e9f0}.payment-result-summary>div:last-child{border-right:0}.payment-result-summary span{display:block;color:#929cab;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.payment-result-summary strong{display:block;margin-top:4px;color:#202d42;font-size:12px}.payment-next-steps{display:grid;grid-template-columns:185px minmax(0,1fr);align-items:center;gap:18px;padding:14px 16px;border-radius:10px;background:#f5f7fa}.payment-next-title{display:flex;align-items:center;gap:9px}.payment-next-title>i{width:32px;height:32px;flex:none;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#fff;color:#1768e5;font-size:18px}.payment-next-title span{display:block;color:#929cab;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.payment-next-title strong{display:block;margin-top:2px;color:#243148;font-size:11px}.payment-next-steps ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.payment-next-steps li{display:flex;align-items:center;gap:6px;color:#59677c;font-size:10px;line-height:1.35}.payment-next-steps li i{color:#0da273;font-size:14px}.payment-result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px}.payment-result-actions .btn{min-height:36px;padding:7px 12px;font-size:11px}.payment-invoice-link{display:inline-flex;align-items:center;gap:5px;padding:8px;color:#59677c;font-size:10px;font-weight:750;text-decoration:none}.payment-pending-note{display:inline-flex;align-items:center;gap:8px;margin:17px 0 0 64px;padding:8px 11px;border-radius:999px;background:#f0f5ff;color:#53647f;font-size:10px}.payment-pending-note span{width:7px;height:7px;border:2px solid #1768e5;border-top-color:transparent;border-radius:50%;animation:payment-spin .8s linear infinite}.payment-security-note{margin-top:12px;text-align:center;color:#929baa;font-size:9px}.payment-security-note i{margin-right:4px}@keyframes payment-spin{to{transform:rotate(360deg)}}@media(max-width:650px){.payment-result-shell{margin-top:0}.payment-result-card{padding:24px 18px}.payment-result-icon{position:static;width:42px;height:42px;margin-bottom:12px}.payment-result-card>.eyebrow,.payment-result-card>h1,.payment-result-card>.payment-result-lead{margin-left:0}.payment-result-card h1{font-size:22px}.payment-result-summary{grid-template-columns:1fr}.payment-result-summary>div{border-right:0;border-bottom:1px solid #e4e9f0}.payment-result-summary>div:last-child{border-bottom:0}.payment-next-steps{grid-template-columns:1fr}.payment-next-steps ul{margin-top:3px}.payment-pending-note{margin-left:0}.payment-result-actions .btn{flex:1}.payment-security-note{padding:0 12px}}

/* ===== gift-cards.css ===== */
.gift-config-page,.gift-service-page{max-width:1220px;margin:0 auto}.gift-config-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:20px 0 24px}.gift-config-head span,.gift-service-kicker{font-size:11px;font-weight:800;letter-spacing:.1em;color:#69738d}.gift-config-head h1{font-size:32px;letter-spacing:-.03em;margin:5px 0 6px}.gift-config-head p{margin:0;color:#747d92}.gift-value-pill{padding:10px 16px;border-radius:999px;background:#eef3ff;color:#3156c8;font-size:18px;font-weight:850}.gift-config-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.gift-config-card,.gift-config-summary,.gift-info-card,.gift-history{background:#fff;border:1px solid #e5e8f0;border-radius:16px;box-shadow:0 8px 28px rgba(24,35,68,.045)}.gift-config-card{padding:24px}.gift-card-preview,.gift-visual-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#0b174b,#243f9d 55%,#526dd6);color:#fff;border-radius:20px;padding:26px;box-shadow:0 20px 45px rgba(34,61,151,.22)}.gift-card-preview:after,.gift-visual-card:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,.08);right:-90px;top:-110px}.gift-card-preview-top,.gift-visual-top{display:flex;justify-content:space-between;align-items:center;font-weight:800}.gift-card-preview-top small,.gift-visual-top small{letter-spacing:.12em;opacity:.7}.gift-card-preview>strong,.gift-visual-card>strong{display:block;font-size:42px;margin:34px 0 6px;letter-spacing:-.04em}.gift-card-preview p{opacity:.8;margin:0 0 25px}.gift-code-placeholder,.gift-service-code{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);border-radius:11px;font-weight:800;letter-spacing:.09em}.gift-form-section{padding:24px 0 0;margin-top:24px;border-top:1px solid #eceef4}.gift-section-title{display:flex;gap:12px;align-items:center;margin-bottom:16px}.gift-section-title>i{width:38px;height:38px;display:grid;place-items:center;background:#f1f4fb;border-radius:10px;color:#4059b2;font-size:19px}.gift-section-title strong,.gift-section-title small{display:block}.gift-section-title small{color:#8a91a2;margin-top:2px}.gift-form-section label,.gift-info-card label{display:grid;gap:7px;font-size:12px;font-weight:750;color:#515a70}.gift-form-section input,.gift-form-section textarea,.gift-info-card input{width:100%;border:1px solid #dfe3eb;border-radius:10px;padding:11px 12px;background:#fff;color:#242b3e}.gift-form-section textarea{resize:vertical}.gift-form-section .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gift-config-summary{padding:22px;position:sticky;top:96px}.gift-config-summary h2{font-size:19px;margin:6px 0 18px}.gift-summary-line{display:flex;justify-content:space-between;gap:18px;padding:10px 0;color:#727b8d;font-size:13px}.gift-summary-line strong{color:#293147;text-align:right}.gift-summary-total{display:flex;justify-content:space-between;align-items:center;margin:14px 0 8px}.gift-summary-total strong{font-size:25px}.gift-config-summary p{font-size:11px;color:#8a92a4;line-height:1.5}.gift-service-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:14px 0 24px}.gift-service-head h1{margin:5px 0;font-size:30px}.gift-service-head p{margin:0;color:#858da0}.gift-status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#edf8f2;color:#218253;font-size:12px;font-weight:800}.gift-status i{width:7px;height:7px;background:currentColor;border-radius:50%}.gift-status.redeemed,.gift-status.expired,.gift-status.disabled{background:#f3f4f7;color:#747b89}.gift-service-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:22px}.gift-service-main{display:grid;gap:18px}.gift-visual-card{min-height:290px;display:flex;flex-direction:column;justify-content:space-between}.gift-service-code{position:relative;z-index:2}.gift-service-code button{border:0;background:rgba(255,255,255,.16);color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer}.gift-visual-foot{display:flex;justify-content:space-between;gap:20px;margin-top:28px;font-size:12px;opacity:.9}.gift-visual-foot span{display:grid;gap:3px}.gift-message-card{display:flex;gap:14px;padding:18px 20px;border:1px solid #e5e8f0;border-radius:14px;background:#fff}.gift-message-card>i{font-size:23px;color:#5268bd}.gift-message-card small{font-size:10px;letter-spacing:.08em;color:#8b92a1}.gift-message-card p{margin:5px 0 8px;line-height:1.55}.gift-message-card strong{font-size:12px;color:#596177}.gift-service-side{display:grid;gap:16px}.gift-info-card{padding:19px}.gift-info-head{display:flex;gap:11px;align-items:center;margin-bottom:16px}.gift-info-head>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eef3ff;color:#3f5bc0;font-size:18px}.gift-info-head strong,.gift-info-head small{display:block}.gift-info-head small{font-size:11px;color:#8b92a2;margin-top:2px}.gift-info-card form{display:grid;gap:11px}.gift-info-card h3{font-size:14px;margin:0 0 10px}.gift-info-card dl{margin:0}.gift-info-card dl div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef0f4;font-size:12px}.gift-info-card dt{color:#8a91a0}.gift-info-card dd{margin:0;font-weight:750;color:#31384a}.gift-history{padding:20px;margin-top:22px}.gift-history-head small{font-size:10px;letter-spacing:.09em;color:#8991a3;font-weight:800}.gift-history-head h2{font-size:17px;margin:3px 0 16px}.gift-card-catalog-value{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border:1px solid #e6e9f1;background:#f8f9fc;border-radius:10px;margin-bottom:12px}.gift-card-catalog-value small{color:#7b8498}.gift-card-catalog-value strong{font-size:18px;color:#28324b}@media(max-width:900px){.gift-config-layout,.gift-service-layout{grid-template-columns:1fr}.gift-config-summary{position:static}.gift-config-head,.gift-service-head{align-items:flex-start;flex-direction:column}.gift-form-section .form-grid{grid-template-columns:1fr}}@media(max-width:560px){.gift-config-card{padding:16px}.gift-card-preview,.gift-visual-card{padding:20px}.gift-card-preview>strong,.gift-visual-card>strong{font-size:34px}.gift-visual-foot{flex-direction:column}.gift-service-code{font-size:12px;letter-spacing:.04em}}

/* v72 - destinataire facultatif */
.optional-tag{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border-radius:999px;background:#f1f4f9;color:#697386;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle}.gift-form-section label>small{display:inline-block;margin-left:6px;color:#8a93a3;font-size:11px;font-weight:500}.gift-field-help{display:flex;gap:8px;align-items:flex-start;margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#f8fafc;color:#667085;font-size:12px;line-height:1.45}.gift-field-help i{font-size:16px;margin-top:1px}

/* v73 — gestion carte cadeau épurée */
.gift-service-v73{max-width:1120px}.gift-service-head-clean{margin:14px 0 26px;padding-bottom:20px;border-bottom:1px solid #e9ecf2}.gift-service-head-clean h1{font-size:28px;letter-spacing:-.025em;margin:7px 0 5px}.gift-service-head-clean p{font-size:13px;color:#7d8699}.gift-service-meta-line{display:flex;align-items:center;gap:10px}.gift-service-ref{font-size:11px;font-weight:750;color:#98a0b1;padding-left:10px;border-left:1px solid #dfe3eb}.gift-service-layout-clean{grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.gift-card-section{display:grid;gap:14px}.gift-visual-card-compact{width:100%;max-width:520px;min-height:0;height:auto;padding:21px 22px;border-radius:16px;box-shadow:0 14px 35px rgba(34,61,151,.18)}.gift-visual-card-compact:after{width:190px;height:190px;right:-70px;top:-85px}.gift-visual-card-compact .gift-visual-top{font-size:13px;position:relative;z-index:2}.gift-visual-card-compact .gift-visual-top small{font-size:9px}.gift-card-value-block{position:relative;z-index:2;margin:23px 0 18px}.gift-card-value-block>span{display:block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.72;margin-bottom:3px}.gift-card-value-block>strong{display:block;font-size:31px;line-height:1.05;letter-spacing:-.035em}.gift-service-code-compact{padding:10px 10px 10px 12px;border-radius:10px;position:relative;z-index:2}.gift-service-code-compact>div{min-width:0;display:grid;gap:2px}.gift-service-code-compact small{font-size:8px;letter-spacing:.11em;opacity:.65}.gift-service-code-compact span{font-size:13px;letter-spacing:.075em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gift-service-code-compact button{width:34px;height:34px;flex:0 0 34px;transition:.16s ease}.gift-service-code-compact button:hover{background:rgba(255,255,255,.24)}.gift-service-code-compact button.is-copied{background:rgba(255,255,255,.28)}.gift-use-note{max-width:520px;display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border:1px solid #e7eaf0;border-radius:12px;background:#fff}.gift-use-note>i{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#f1f4fb;color:#435dbb;font-size:16px;flex:0 0 31px}.gift-use-note strong,.gift-use-note span{display:block}.gift-use-note strong{font-size:12px;color:#343b4e;margin:1px 0 2px}.gift-use-note span{font-size:11px;color:#81899a;line-height:1.45}.gift-message-card-clean{max-width:520px;padding:15px 16px}.gift-info-card-clean{padding:20px;border-radius:14px;box-shadow:none}.gift-info-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.gift-info-title small{font-size:9px;letter-spacing:.1em;color:#98a0af;font-weight:800}.gift-info-title h2{font-size:16px;margin:2px 0 0;color:#303748}.gift-details-list div{padding:11px 0!important}.gift-details-list dt{font-size:11px}.gift-details-list dd{font-size:12px}.gift-balance-value{color:#2c7a53!important}.gift-history-compact{padding:0;margin-top:24px;box-shadow:none;overflow:hidden}.gift-history-compact summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;cursor:pointer;font-size:12px;font-weight:750;color:#4a5266}.gift-history-compact summary::-webkit-details-marker{display:none}.gift-history-compact summary>span{display:flex;align-items:center;gap:8px}.gift-history-compact summary>span i{font-size:16px;color:#6674a7}.gift-history-compact summary>.bx-chevron-down{font-size:18px;transition:transform .2s ease}.gift-history-compact[open] summary>.bx-chevron-down{transform:rotate(180deg)}.gift-timeline-compact{border-top:1px solid #edf0f4;padding:14px 18px 18px}.gift-timeline-compact .timeline-item strong{font-size:11px}.gift-timeline-compact .timeline-item small{font-size:10px;color:#9aa1af}@media(max-width:900px){.gift-service-layout-clean{grid-template-columns:1fr}.gift-service-side{max-width:520px}.gift-visual-card-compact,.gift-use-note,.gift-message-card-clean{max-width:none}}@media(max-width:560px){.gift-visual-card-compact{padding:18px}.gift-card-value-block{margin:20px 0 15px}.gift-card-value-block>strong{font-size:28px}.gift-service-code-compact span{font-size:11px;letter-spacing:.045em}.gift-service-head-clean h1{font-size:24px}}


/* v74 — disposition resserrée de la page carte cadeau */
.gift-service-v73{
  max-width:1120px;
}
.gift-service-layout-clean{
  grid-template-columns:minmax(0,520px) minmax(280px,310px);
  gap:18px;
  justify-content:start;
  align-items:start;
}
.gift-service-main{
  width:100%;
  gap:14px;
}
.gift-service-side{
  width:100%;
  gap:12px;
}
.gift-card-section{
  gap:12px;
}
.gift-visual-card-compact,
.gift-use-note,
.gift-message-card-clean{
  max-width:none;
  width:100%;
}
.gift-info-card-clean{
  width:100%;
}
.gift-history-compact{
  max-width:848px;
  margin-top:18px;
}
@media(max-width:900px){
  .gift-service-layout-clean{
    grid-template-columns:1fr;
    gap:16px;
  }
  .gift-service-side{
    max-width:none;
  }
  .gift-history-compact{
    max-width:none;
  }
}

/* v75 — page de gestion carte cadeau rééquilibrée */
.gift-service-v75{
  max-width:1040px;
}
.gift-service-v75 .gift-service-head-clean{
  margin-bottom:28px;
}
.gift-service-v75 .gift-service-layout-clean{
  display:grid;
  grid-template-columns:minmax(0,560px) minmax(300px,340px);
  gap:30px;
  justify-content:center;
  align-items:start;
}
.gift-service-v75 .gift-service-main{
  display:grid;
  gap:16px;
  min-width:0;
}
.gift-service-v75 .gift-service-side{
  width:100%;
  min-width:0;
}
.gift-service-v75 .gift-card-section{
  display:grid;
  gap:14px;
}
.gift-service-v75 .gift-visual-card-compact{
  width:100%;
  max-width:none;
  min-height:250px;
  padding:24px 25px;
  border-radius:18px;
  box-shadow:0 16px 38px rgba(34,61,151,.17);
}
.gift-service-v75 .gift-card-value-block{
  margin:26px 0 20px;
}
.gift-service-v75 .gift-card-value-block>strong{
  font-size:34px;
}
.gift-service-v75 .gift-service-code-compact{
  padding:11px 11px 11px 14px;
}
.gift-service-v75 .gift-use-note{
  width:100%;
  max-width:none;
  padding:14px 16px;
  border-radius:13px;
  background:#fff;
}
.gift-service-v75 .gift-message-card-clean{
  width:100%;
  max-width:none;
}
.gift-service-v75 .gift-info-card-clean{
  width:100%;
  padding:22px;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(24,35,68,.035);
}
.gift-service-v75 .gift-info-title{
  padding-bottom:13px;
  margin-bottom:2px;
  border-bottom:1px solid #edf0f4;
}
.gift-service-v75 .gift-details-list div{
  padding:13px 0!important;
}
.gift-service-v75 .gift-details-list div:last-child{
  border-bottom:0;
  padding-bottom:1px!important;
}
.gift-service-v75 .gift-details-list dt{
  font-size:12px;
}
.gift-service-v75 .gift-details-list dd{
  font-size:12px;
  text-align:right;
}
@media(max-width:940px){
  .gift-service-v75 .gift-service-layout-clean{
    grid-template-columns:minmax(0,1fr) 300px;
    gap:24px;
  }
}
@media(max-width:780px){
  .gift-service-v75 .gift-service-layout-clean{
    grid-template-columns:1fr;
    gap:18px;
    justify-content:stretch;
  }
  .gift-service-v75 .gift-service-side{
    max-width:none;
  }
}
@media(max-width:560px){
  .gift-service-v75 .gift-visual-card-compact{
    min-height:0;
    padding:20px;
  }
  .gift-service-v75 .gift-card-value-block>strong{
    font-size:30px;
  }
}


/* v77 — notification compacte après copie du code cadeau */
.gift-copy-toast{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:99999;
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 14px;
  border:1px solid rgba(16,185,129,.22);
  border-radius:10px;
  background:#fff;
  box-shadow:0 12px 34px rgba(15,23,42,.16);
  color:#166534;
  font-size:13px;
  font-weight:700;
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
.gift-copy-toast i{font-size:18px;color:#16a34a}
.gift-copy-toast.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:640px){
  .gift-copy-toast{left:16px;right:16px;bottom:16px;justify-content:center}
}

/* v79 — centre d'assistance : boîte de réception et pilotage des demandes */
.tickets-hub-v2{
  width:min(1240px,100%);
  margin:0 auto 42px;
  color:#18243a;
}
.th2-hero{
  position:relative;
  min-height:210px;
  padding:30px 32px 58px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
  overflow:hidden;
  border:1px solid rgba(125,154,214,.2);
  border-radius:22px;
  background:
    radial-gradient(circle at 78% -10%,rgba(84,110,255,.35),transparent 34%),
    linear-gradient(125deg,#0d1732 0%,#142249 56%,#182b58 100%);
  box-shadow:0 18px 42px rgba(17,31,67,.16);
  color:#fff;
}
.th2-hero-glow{
  position:absolute;
  width:240px;
  height:240px;
  right:18%;
  bottom:-190px;
  border-radius:50%;
  background:#5b72ff;
  filter:blur(42px);
  opacity:.3;
  pointer-events:none;
}
.th2-hero-copy{position:relative;z-index:1;display:flex;align-items:flex-start;gap:17px;max-width:670px}
.th2-hero-icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.13);font-size:25px}
.th2-kicker{display:block;margin-bottom:7px;color:#6f7f99;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.th2-hero .th2-kicker{color:#99b5ff}
.th2-hero h1{margin:0;font-size:31px;line-height:1.08;letter-spacing:-.045em;color:#fff}
.th2-hero-copy p{max-width:590px;margin:10px 0 0;color:#b9c5df;font-size:12px;line-height:1.6}
.th2-hero-actions{position:relative;z-index:1;display:flex;align-items:center;gap:9px}
.th2-button{min-height:40px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:10px;font-size:10px;font-weight:800;text-decoration:none;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}
.th2-button:hover{transform:translateY(-1px)}
.th2-button.primary{background:#6476ff;color:#fff;box-shadow:0 8px 22px rgba(83,103,255,.28)}
.th2-button.primary:hover{background:#7182ff}
.th2-button.ghost{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#eef2ff}
.th2-button.ghost:hover{background:rgba(255,255,255,.12)}
.th2-button i{font-size:16px}
.th2-service-line{position:absolute;z-index:1;left:32px;right:32px;bottom:0;height:43px;display:flex;align-items:center;gap:0;border-top:1px solid rgba(255,255,255,.11);color:#9eacc8;font-size:9px;font-weight:700}
.th2-service-line span{padding:0 17px;border-right:1px solid rgba(255,255,255,.12)}
.th2-service-line span:first-child{padding-left:0;color:#dce5f9}
.th2-service-line span:last-child{border-right:0}
.th2-service-line span>i{width:7px;height:7px;margin-right:7px;display:inline-block;border-radius:50%;background:#49d3a0;box-shadow:0 0 0 4px rgba(73,211,160,.12)}
.th2-metrics{position:relative;z-index:2;margin:-18px 20px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.th2-metrics article{min-width:0;min-height:78px;padding:14px 15px;display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;align-items:center;column-gap:11px;border:1px solid #e0e6ef;border-radius:13px;background:#fff;box-shadow:0 8px 22px rgba(27,42,71,.07)}
.th2-metrics article.needs-action{border-color:#efd8ad;background:#fffcf6}
.th2-metric-icon{width:38px;height:38px;grid-row:1/3;display:grid;place-items:center;border-radius:10px;font-size:18px}
.th2-metric-icon.blue{background:#eaf2ff;color:#2768c8}.th2-metric-icon.violet{background:#f0edff;color:#6951d9}.th2-metric-icon.amber{background:#fff2dd;color:#b66c0d}.th2-metric-icon.green{background:#e9f8f1;color:#17815e}
.th2-metrics article>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.th2-metrics small{color:#536178;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.th2-metrics strong{color:#17243b;font-size:20px;line-height:1}
.th2-metrics article>em{align-self:start;color:#8a95a6;font-size:8px;font-style:normal}
.th2-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:16px;align-items:start}
.th2-inbox-panel,.th2-process-card,.th2-shortcuts{border:1px solid #e0e5ed;border-radius:16px;background:#fff;box-shadow:0 6px 22px rgba(25,40,68,.045)}
.th2-inbox-panel{min-height:460px;overflow:hidden}
.th2-inbox-head{min-height:74px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e8ecf2}
.th2-inbox-head .th2-kicker{margin-bottom:3px}
.th2-inbox-head h2{margin:0;color:#1c293f;font-size:18px;letter-spacing:-.025em}
.th2-inbox-count{padding:5px 9px;border-radius:999px;background:#f1f4f8;color:#68758a;font-size:8px;font-weight:800}
.th2-toolbar{padding:14px 16px 12px;border-bottom:1px solid #e9edf2;background:#fafbfd}
.th2-search{height:41px;padding:0 11px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid #dbe2eb;border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s}
.th2-search:focus-within{border-color:#8fa4dc;box-shadow:0 0 0 3px rgba(91,112,211,.08)}
.th2-search>i{color:#738198;font-size:17px}
.th2-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#26344b;font-size:10px}
.th2-search input::placeholder{color:#9ba5b4}
.th2-search kbd{padding:4px 6px;border:1px solid #e1e6ed;border-bottom-width:2px;border-radius:5px;background:#f8f9fb;color:#8993a2;font:700 7px/1 system-ui}
.th2-filters{margin-top:10px;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}
.th2-filters::-webkit-scrollbar{display:none}
.th2-filters button{min-height:30px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid transparent;border-radius:8px;background:transparent;color:#6b778a;font-size:9px;font-weight:750;cursor:pointer}
.th2-filters button b{min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#e9edf3;color:#6d7788;font-size:7px}
.th2-filters button:hover{background:#f0f3f8;color:#3e4d64}
.th2-filters button.active{border-color:#d8e0f3;background:#edf2ff;color:#334ea1}
.th2-filters button.active b{background:#526fd0;color:#fff}
.th2-ticket-list{padding:5px 15px 13px}
.th2-ticket-row{position:relative;min-height:84px;padding:13px 4px;display:grid;grid-template-columns:42px minmax(210px,1fr) 84px 92px 22px;align-items:center;gap:12px;border-bottom:1px solid #edf0f4;color:inherit;text-decoration:none;transition:background .15s,transform .15s}
.th2-ticket-row:last-child{border-bottom:0}
.th2-ticket-row:hover{background:#f9fbff;transform:translateX(2px)}
.th2-ticket-row.action-required::before{content:"";position:absolute;left:-15px;top:16px;bottom:16px;width:3px;border-radius:0 4px 4px 0;background:#e9a63a}
.th2-ticket-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#edf3fb;color:#4c678b;font-size:18px}
.th2-ticket-row.action-required .th2-ticket-symbol{background:#fff2dc;color:#b46c0f}
.th2-ticket-copy{min-width:0;display:block}
.th2-ticket-title{min-width:0;display:flex;align-items:center;gap:8px}
.th2-ticket-title>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#26344a;font-size:11px}
.th2-status{flex:0 0 auto;padding:4px 6px;border-radius:999px;background:#eef2f6;color:#667388;font-size:7px;font-style:normal;font-weight:800}
.th2-status.awaiting_admin,.th2-status.open,.th2-status.in_progress{background:#eaf2ff;color:#2466ba}.th2-status.awaiting_customer{background:#fff2dc;color:#a8610c}.th2-status.resolved,.th2-status.closed{background:#e9f8f0;color:#187957}
.th2-ticket-meta{margin-top:7px;display:flex;align-items:center;gap:7px;overflow:hidden;white-space:nowrap;color:#8a94a4;font-size:8px;text-overflow:ellipsis}
.th2-ticket-meta b{color:#66748a;font-size:8px}.th2-ticket-meta>i{width:3px;height:3px;flex:0 0 3px;border-radius:50%;background:#b8c0cc}
.th2-ticket-priority,.th2-ticket-time{display:block}
.th2-ticket-priority small,.th2-ticket-time small{display:block;margin-bottom:5px;color:#9aa3b0;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.th2-ticket-priority .priority{display:inline-flex;padding:4px 6px;border-radius:6px;font-size:8px}
.th2-ticket-time b{display:block;color:#435168;font-size:9px}.th2-ticket-time em{display:block;margin-top:2px;color:#9aa4b2;font-size:8px;font-style:normal}
.th2-ticket-arrow{color:#a2adbb;font-size:19px;transition:transform .15s,color .15s}.th2-ticket-row:hover .th2-ticket-arrow{color:#4b68c5;transform:translateX(2px)}
.th2-empty,.th2-no-result{min-height:300px;padding:42px 24px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.th2-empty>span{width:68px;height:68px;display:grid;place-items:center;border:1px solid #d9e1ee;border-radius:20px;background:linear-gradient(145deg,#f7f9fc,#edf2f8);color:#566c8b;font-size:31px;box-shadow:0 10px 25px rgba(28,47,79,.07)}
.th2-empty>small{margin-top:19px;color:#4c67bd;font-size:8px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.th2-empty h3{margin:7px 0 0;color:#202e45;font-size:18px}.th2-empty p{max-width:430px;margin:8px 0 18px;color:#7d899b;font-size:10px;line-height:1.6}
.th2-no-result i{color:#7f8ca0;font-size:35px}.th2-no-result strong{margin-top:10px;color:#2a374c;font-size:14px}.th2-no-result p{margin:5px 0 0;color:#8893a4;font-size:9px}
.th2-side{display:grid;gap:12px}
.th2-plan-card{position:relative;padding:19px;overflow:hidden;border-radius:16px;background:linear-gradient(145deg,#172344,#213763);box-shadow:0 12px 28px rgba(21,38,77,.15);color:#fff}
.th2-plan-card::after{content:"";position:absolute;width:130px;height:130px;right:-64px;top:-58px;border-radius:50%;background:#6179ff;opacity:.3}
.th2-plan-card.premium{background:linear-gradient(145deg,#2b1e55,#483277)}
.th2-plan-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}
.th2-plan-top>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.09);font-size:18px}
.th2-plan-top>em{padding:4px 7px;border:1px solid rgba(101,224,178,.25);border-radius:999px;background:rgba(57,196,145,.12);color:#79e0b8;font-size:7px;font-style:normal;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.th2-plan-card h2{position:relative;z-index:1;margin:14px 0 5px;color:#fff;font-size:16px}.th2-plan-card>p{position:relative;z-index:1;margin:0;color:#aebbd4;font-size:9px;line-height:1.55}
.th2-plan-card dl{position:relative;z-index:1;margin:16px 0 13px;padding:2px 0;border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11)}
.th2-plan-card dl>div{padding:9px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.th2-plan-card dt{color:#9eacc7;font-size:8px}.th2-plan-card dd{margin:0;color:#eef3ff;font-size:8px;font-weight:800;text-align:right}
.th2-plan-card>a{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;color:#b9caff;font-size:9px;font-weight:800;text-decoration:none}.th2-plan-card>a i{font-size:16px}
.th2-process-card{padding:0;overflow:hidden}
.th2-process-card>header{padding:15px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e9edf2;background:#fbfcfd}
.th2-process-card>header>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#edf2ff;color:#4d68c2;font-size:17px}
.th2-process-card header small{display:block;margin-bottom:2px;color:#8390a3;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.th2-process-card h2{margin:0;color:#29364b;font-size:10px}
.th2-process-card ol{margin:0;padding:8px 16px 11px;list-style:none}
.th2-process-card li{position:relative;min-height:62px;padding:11px 0;display:grid;grid-template-columns:28px 1fr;gap:9px;border-bottom:1px solid #edf0f4}.th2-process-card li:last-child{border-bottom:0}
.th2-process-card li>b{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f0f4fa;color:#4f6687;font-size:8px}.th2-process-card li strong,.th2-process-card li span{display:block}.th2-process-card li strong{color:#334056;font-size:9px}.th2-process-card li span{margin-top:3px;color:#8994a4;font-size:8px;line-height:1.45}
.th2-shortcuts{padding:6px 13px}
.th2-shortcuts>a{min-height:55px;display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:9px;border-bottom:1px solid #edf0f4;color:inherit;text-decoration:none}.th2-shortcuts>a:last-child{border-bottom:0}.th2-shortcuts>a>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#f0f4fa;color:#536d91;font-size:15px}.th2-shortcuts strong,.th2-shortcuts small{display:block}.th2-shortcuts strong{color:#364359;font-size:9px}.th2-shortcuts small{margin-top:2px;color:#929cab;font-size:7.5px}.th2-shortcuts>a>i{color:#a1abb9;font-size:16px}.th2-shortcuts>a:hover strong{color:#405ec0}
@media(max-width:1050px){
  .th2-hero{padding:26px 26px 56px}.th2-service-line{left:26px;right:26px}.th2-metrics{grid-template-columns:repeat(2,1fr)}.th2-layout{grid-template-columns:minmax(0,1fr) 265px}.th2-ticket-row{grid-template-columns:40px minmax(180px,1fr) 78px 22px}.th2-ticket-time{display:none}
}
@media(max-width:820px){
  .th2-hero{min-height:245px;display:block}.th2-hero-actions{margin:20px 0 0 69px}.th2-layout{grid-template-columns:1fr}.th2-side{grid-template-columns:repeat(2,1fr)}.th2-shortcuts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.th2-shortcuts>a{padding:0 10px;border-right:1px solid #edf0f4;border-bottom:0}.th2-shortcuts>a:last-child{border-right:0}
}
@media(max-width:620px){
  .tickets-hub-v2{margin-bottom:24px}.th2-hero{min-height:0;padding:20px 17px 68px;border-radius:16px}.th2-hero-copy{gap:11px}.th2-hero-icon{width:43px;height:43px;flex-basis:43px;border-radius:12px;font-size:21px}.th2-hero h1{font-size:23px}.th2-hero-copy p{font-size:10px}.th2-hero-actions{margin:18px 0 0;display:grid;grid-template-columns:1fr 1.2fr}.th2-service-line{left:17px;right:17px;height:48px;overflow-x:auto;white-space:nowrap}.th2-service-line span{padding:0 10px}.th2-service-line span:last-child{display:none}.th2-metrics{margin:-13px 8px 14px;gap:7px}.th2-metrics article{min-height:65px;padding:10px;grid-template-columns:32px auto;column-gap:8px}.th2-metric-icon{width:32px;height:32px;font-size:15px}.th2-metrics strong{font-size:17px}.th2-metrics article>em{display:none}.th2-inbox-panel{border-radius:13px}.th2-inbox-head{min-height:64px;padding:14px}.th2-toolbar{padding:11px}.th2-search kbd{display:none}.th2-ticket-list{padding:4px 11px 10px}.th2-ticket-row{min-height:74px;padding:11px 2px;grid-template-columns:38px minmax(0,1fr) 20px;gap:9px}.th2-ticket-symbol{width:36px;height:36px}.th2-ticket-priority{display:none}.th2-ticket-title{align-items:flex-start;flex-direction:column;gap:4px}.th2-ticket-title>strong{max-width:100%;font-size:10px}.th2-ticket-meta{margin-top:5px}.th2-side{grid-template-columns:1fr}.th2-shortcuts{grid-column:auto;display:block}.th2-shortcuts>a{border-right:0;border-bottom:1px solid #edf0f4}.th2-shortcuts>a:last-child{border-bottom:0}
}

/* v80 — ticket desk sobre, une seule surface de travail */
.ticketdesk{width:min(1240px,100%);margin:0 auto 40px;color:#202c3f}
.ticketdesk-pagehead{min-height:82px;padding:3px 2px 17px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.ticketdesk-eyebrow{display:block;margin-bottom:4px;color:#5272a5;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.ticketdesk-pagehead h1{margin:0;color:#182338;font-size:26px;line-height:1.15;letter-spacing:-.035em}
.ticketdesk-pagehead p{margin:6px 0 0;color:#7b8798;font-size:11px}
.ticketdesk-page-actions{display:flex;align-items:center;gap:8px}
.ticketdesk-page-actions a{min-height:39px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border-radius:8px;font-size:10px;font-weight:750;text-decoration:none;transition:border-color .15s,background .15s,transform .15s}
.ticketdesk-page-actions a:hover{transform:translateY(-1px)}
.ticketdesk-page-actions i{font-size:16px}
.ticketdesk-docs{border:1px solid #d8dfe8;background:#fff;color:#445269}
.ticketdesk-docs:hover{border-color:#aebbd0;background:#f9fafc}
.ticketdesk-create{border:1px solid #315fb4;background:#315fb4;color:#fff;box-shadow:0 5px 14px rgba(49,95,180,.18)}
.ticketdesk-create:hover{border-color:#264f9a;background:#264f9a}
.ticketdesk-context{min-height:43px;padding:0 14px;display:flex;align-items:center;gap:0;border:1px solid #dfe4eb;border-bottom:0;border-radius:12px 12px 0 0;background:#f8fafc;color:#788497;font-size:8.5px}
.ticketdesk-context>span{padding:0 13px;border-right:1px solid #dfe4eb;white-space:nowrap}
.ticketdesk-context>span:first-child{padding-left:0}.ticketdesk-context b{color:#3b485e}
.ticketdesk-online{color:#3d5d51!important;font-weight:750}.ticketdesk-online i{width:7px;height:7px;margin-right:7px;display:inline-block;border-radius:50%;background:#26a875;box-shadow:0 0 0 3px rgba(38,168,117,.11)}
.ticketdesk-context>a{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:#3d609d;font-size:8.5px;font-weight:800;text-decoration:none}.ticketdesk-context>a i{font-size:14px}
.ticketdesk-workspace{min-height:535px;display:grid;grid-template-columns:205px minmax(0,1fr);overflow:hidden;border:1px solid #dfe4eb;border-radius:0 0 12px 12px;background:#fff;box-shadow:0 8px 26px rgba(28,42,66,.045)}
.ticketdesk-sidebar{min-width:0;padding:17px 11px 13px;display:flex;flex-direction:column;border-right:1px solid #e4e8ee;background:#fafbfc}
.ticketdesk-sidebar-title{padding:0 9px 10px;color:#9aa3af;font-size:7.5px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.ticketdesk-sidebar nav{display:grid;gap:3px}
.ticketdesk-sidebar nav button{width:100%;min-height:36px;padding:0 9px;display:grid;grid-template-columns:19px minmax(0,1fr) auto;align-items:center;gap:6px;border:0;border-radius:7px;background:transparent;color:#687589;font-size:9px;font-weight:700;text-align:left;cursor:pointer}
.ticketdesk-sidebar nav button>i{font-size:15px}.ticketdesk-sidebar nav button>b{min-width:19px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#e9edf2;color:#788395;font-size:7px}
.ticketdesk-sidebar nav button:hover{background:#f0f3f7;color:#34445c}.ticketdesk-sidebar nav button.active{background:#e9effa;color:#294f91}.ticketdesk-sidebar nav button.active>b{background:#ccd9ef;color:#294f91}
.ticketdesk-sidebar-section{margin-top:20px;padding-top:15px;border-top:1px solid #e4e8ee;display:grid;gap:3px}
.ticketdesk-sidebar-section>span{padding:0 9px 8px;color:#9aa3af;font-size:7.5px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.ticketdesk-sidebar-section>a{min-height:32px;padding:0 9px;display:flex;align-items:center;gap:8px;border-radius:7px;color:#758195;font-size:8.5px;font-weight:650;text-decoration:none}.ticketdesk-sidebar-section>a i{font-size:14px}.ticketdesk-sidebar-section>a:hover{background:#f0f3f7;color:#3b4d66}
.ticketdesk-sidebar-foot{margin-top:auto;padding:13px 8px 2px;display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:8px;border-top:1px solid #e4e8ee}
.ticketdesk-sidebar-foot>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#e9eff8;color:#49658f;font-size:15px}.ticketdesk-sidebar-foot>span.premium{background:#f1ebff;color:#7455b9}
.ticketdesk-sidebar-foot small,.ticketdesk-sidebar-foot strong{display:block}.ticketdesk-sidebar-foot small{color:#9aa3af;font-size:7px}.ticketdesk-sidebar-foot strong{margin-top:2px;overflow:hidden;color:#4c596c;font-size:8px;white-space:nowrap;text-overflow:ellipsis}
.ticketdesk-main{min-width:0;background:#fff}
.ticketdesk-listhead{min-height:70px;padding:14px 17px 13px 19px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #e5e9ef}
.ticketdesk-listhead h2{margin:0;color:#202d42;font-size:14px}.ticketdesk-listhead>div>span{display:block;margin-top:3px;color:#919aa8;font-size:8px}
.ticketdesk-search{width:min(280px,46%);height:36px;padding:0 9px;display:grid;grid-template-columns:17px minmax(0,1fr) auto;align-items:center;gap:6px;border:1px solid #d9e0e9;border-radius:8px;background:#fff;transition:border-color .15s,box-shadow .15s}
.ticketdesk-search:focus-within{border-color:#8da5cc;box-shadow:0 0 0 3px rgba(54,94,158,.07)}
.ticketdesk-search>i{color:#8995a6;font-size:15px}.ticketdesk-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#344259;font-size:9px}.ticketdesk-search input::placeholder{color:#a2aab6}.ticketdesk-search kbd{padding:3px 5px;border:1px solid #e1e5eb;border-radius:4px;background:#f7f8fa;color:#9aa3ae;font:700 7px/1 system-ui}
.ticketdesk-columns{min-height:33px;padding:0 16px 0 19px;display:grid;grid-template-columns:minmax(260px,1fr) 140px 85px 105px 18px;align-items:center;gap:11px;border-bottom:1px solid #e9edf2;background:#fafbfc;color:#9aa3af;font-size:7px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.ticketdesk-list{padding:0 15px}
.ticketdesk-row{min-height:72px;padding:10px 3px;display:grid;grid-template-columns:minmax(260px,1fr) 140px 85px 105px 18px;align-items:center;gap:11px;border-bottom:1px solid #edf0f4;color:inherit;text-decoration:none;transition:background .15s}
.ticketdesk-row:last-child{border-bottom:0}.ticketdesk-row:hover{background:#fafcff}
.ticketdesk-subject{min-width:0;display:grid;grid-template-columns:8px minmax(0,1fr);align-items:center;gap:10px}.ticketdesk-state-dot{width:7px;height:7px;border-radius:50%;background:#7891b5;box-shadow:0 0 0 3px rgba(120,145,181,.1)}.ticketdesk-state-dot.action{background:#d4942f;box-shadow:0 0 0 3px rgba(212,148,47,.11)}.ticketdesk-state-dot.closed{background:#4eac85;box-shadow:0 0 0 3px rgba(78,172,133,.11)}
.ticketdesk-subject strong,.ticketdesk-subject small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticketdesk-subject strong{color:#2b394e;font-size:10px}.ticketdesk-subject small{margin-top:5px;color:#8d97a6;font-size:7.5px}
.ticketdesk-status{display:inline-flex;padding:4px 7px;border-radius:5px;background:#eef2f6;color:#657388;font-size:7.5px;font-style:normal;font-weight:750}.ticketdesk-status.open,.ticketdesk-status.awaiting_admin,.ticketdesk-status.in_progress{background:#edf3fb;color:#3b659b}.ticketdesk-status.awaiting_customer{background:#fff4df;color:#9b6515}.ticketdesk-status.resolved,.ticketdesk-status.closed{background:#eaf7f1;color:#2d7d60}
.ticketdesk-priority{display:inline-flex;font-size:8px;font-weight:750}.ticketdesk-priority.low{color:#7e8998}.ticketdesk-priority.normal{color:#43699e}.ticketdesk-priority.high{color:#a56b19}.ticketdesk-priority.urgent{color:#b94c5b}
.ticketdesk-row time strong,.ticketdesk-row time small{display:block}.ticketdesk-row time strong{color:#59667a;font-size:8.5px}.ticketdesk-row time small{margin-top:2px;color:#9ca5b1;font-size:7.5px}.ticketdesk-chevron{color:#adb5c0;font-size:16px}.ticketdesk-row:hover .ticketdesk-chevron{color:#4267a5}
.ticketdesk-empty,.ticketdesk-no-result{min-height:365px;padding:40px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.ticketdesk-empty>span{width:52px;height:52px;display:grid;place-items:center;border:1px solid #dce2e9;border-radius:13px;background:#f7f9fb;color:#75869d;font-size:23px}.ticketdesk-empty h2{margin:14px 0 0;color:#29364a;font-size:14px}.ticketdesk-empty p{margin:6px 0 15px;color:#8b95a4;font-size:9px}.ticketdesk-empty>a{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;border-radius:7px;background:#315fb4;color:#fff;font-size:9px;font-weight:750;text-decoration:none}
.ticketdesk-no-result i{color:#8794a6;font-size:28px}.ticketdesk-no-result strong{margin-top:9px;color:#37455a;font-size:11px}.ticketdesk-no-result p{margin:4px 0 0;color:#929ba9;font-size:8px}
@media(max-width:980px){.ticketdesk-context>span:nth-of-type(4){display:none}.ticketdesk-workspace{grid-template-columns:180px minmax(0,1fr)}.ticketdesk-columns,.ticketdesk-row{grid-template-columns:minmax(220px,1fr) 120px 75px 18px}.ticketdesk-columns>span:nth-child(4),.ticketdesk-row time{display:none}}
@media(max-width:760px){.ticketdesk-pagehead{align-items:flex-start}.ticketdesk-context{overflow-x:auto}.ticketdesk-context>a{padding-left:13px;white-space:nowrap}.ticketdesk-workspace{display:block}.ticketdesk-sidebar{padding:9px;border-right:0;border-bottom:1px solid #e4e8ee}.ticketdesk-sidebar-title,.ticketdesk-sidebar-section,.ticketdesk-sidebar-foot{display:none}.ticketdesk-sidebar nav{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.ticketdesk-sidebar nav::-webkit-scrollbar{display:none}.ticketdesk-sidebar nav button{width:auto;min-width:max-content;grid-template-columns:16px auto auto;padding:0 10px}.ticketdesk-columns,.ticketdesk-row{grid-template-columns:minmax(210px,1fr) 110px 18px}.ticketdesk-columns>span:nth-child(3),.ticketdesk-row>span:nth-child(3){display:none}}
@media(max-width:560px){.ticketdesk-pagehead{min-height:74px;display:block}.ticketdesk-pagehead h1{font-size:22px}.ticketdesk-pagehead p{font-size:9px}.ticketdesk-page-actions{margin-top:14px;display:grid;grid-template-columns:1fr 1.15fr}.ticketdesk-page-actions a{justify-content:center}.ticketdesk-context>span{padding:0 10px}.ticketdesk-context>span:nth-of-type(3),.ticketdesk-context>a{display:none}.ticketdesk-workspace{border-radius:0 0 10px 10px}.ticketdesk-listhead{padding:12px;display:block}.ticketdesk-search{width:100%;max-width:none;margin-top:10px}.ticketdesk-columns{display:none}.ticketdesk-list{padding:0 10px}.ticketdesk-row{min-height:70px;grid-template-columns:minmax(0,1fr) 17px;gap:8px}.ticketdesk-row>span:nth-child(2){display:none}.ticketdesk-subject{gap:8px}.ticketdesk-subject strong{font-size:9.5px}.ticketdesk-subject small{font-size:7px}}

/* Tickets v81 — liste horizontale inspirée des portails de support modernes. */
.ticketboard{width:min(1320px,100%);margin:0 auto 44px;color:#16213a}
.ticketboard-head{min-height:106px;padding:8px 1px 21px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.ticketboard-kicker{display:block;margin-bottom:6px;color:#6d7890;font-size:10px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.ticketboard-head h1{margin:0;color:#131d32;font-size:30px;line-height:1.1;letter-spacing:-.045em}
.ticketboard-head p{margin:7px 0 0;color:#8993a4;font-size:11px}.ticketboard-head p span{color:#59677c;font-weight:750}
.ticketboard-head-actions{display:flex;align-items:center;gap:10px}
.ticketboard-support-id{height:43px;padding:0 7px 0 13px;display:flex;align-items:center;gap:9px;border:1px solid #dce2ea;border-radius:11px;background:#fff;color:#617088;box-shadow:0 2px 8px rgba(24,36,60,.025)}
.ticketboard-support-id>i{color:#345ea8;font-size:17px}.ticketboard-support-id>span{font-size:9px;white-space:nowrap}.ticketboard-support-id b{margin-left:5px;color:#1d2b43;font-size:11px;letter-spacing:.07em}
.ticketboard-support-id button{width:29px;height:29px;display:grid;place-items:center;border:0;border-radius:7px;background:#f2f5f8;color:#78869a;font-size:14px;cursor:pointer;transition:.15s}.ticketboard-support-id button:hover{background:#e9eef5;color:#345ea8}.ticketboard-support-id button.copied{background:#e7f7ef;color:#23825d}
.ticketboard-new{height:43px;padding:0 17px;display:inline-flex;align-items:center;gap:7px;border-radius:11px;background:#253e9c;color:#fff;font-size:10px;font-weight:800;text-decoration:none;box-shadow:0 8px 20px rgba(37,62,156,.18);transition:transform .15s,background .15s}.ticketboard-new i{font-size:17px}.ticketboard-new:hover{background:#1b3187;transform:translateY(-1px)}
.ticketboard-toolbar{min-height:80px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #e0e5ec;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(27,40,65,.035)}
.ticketboard-search{width:min(390px,34%);height:48px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid #dce2ea;border-radius:11px;background:#f8f9fb;transition:border-color .15s,box-shadow .15s,background .15s}
.ticketboard-search:focus-within{border-color:#93a6d4;background:#fff;box-shadow:0 0 0 3px rgba(37,62,156,.07)}.ticketboard-search>i{height:100%;display:grid;place-items:center;border-right:1px solid #e1e5eb;color:#51647d;font-size:20px}
.ticketboard-search input{width:100%;height:100%;padding:0 13px;border:0;outline:0;background:transparent;color:#1e2a3f;font-size:11px}.ticketboard-search input::placeholder{color:#a0a8b6}.ticketboard-search kbd{margin-right:9px;padding:4px 6px;border:1px solid #dde2e9;border-radius:5px;background:#fff;color:#9aa4b2;font:700 7px/1 system-ui}
.ticketboard-filters{display:flex;align-items:center;justify-content:flex-end;gap:18px}.ticketboard-filters label{display:flex;align-items:center;gap:8px;color:#4c5a70;font-size:9px;font-weight:750;white-space:nowrap}.ticketboard-filters label>span{color:#37465e}
.ticketboard-filters label{position:relative}.ticketboard-filters select{height:46px;min-width:165px;padding:0 35px 0 13px;appearance:none;border:1px solid #dce2ea;border-radius:11px;outline:0;background:#f8f9fb;color:#4f5d72;font-family:inherit;font-size:10px;font-weight:650;cursor:pointer;transition:.15s}.ticketboard-filters select:hover,.ticketboard-filters select:focus{border-color:#a7b4c8;background:#fff}.ticketboard-filters label>i{position:absolute;right:12px;color:#6e7b8f;font-size:16px;pointer-events:none}
.ticketboard-list{margin-top:15px;display:grid;gap:11px}.ticketboard-row{min-height:99px;padding:17px 18px;display:grid;grid-template-columns:48px minmax(340px,1fr) 245px 180px;align-items:center;gap:18px;border:1px solid #e2e7ed;border-radius:15px;background:#fff;box-shadow:0 4px 13px rgba(22,34,57,.035);transition:border-color .16s,box-shadow .16s,transform .16s}.ticketboard-row:hover{border-color:#cbd5e4;box-shadow:0 8px 22px rgba(22,34,57,.065);transform:translateY(-1px)}
.ticketboard-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#edf3f7;color:#17708a;font-size:22px}.ticketboard-request{min-width:0}.ticketboard-request-title{display:flex;align-items:center;gap:10px;min-width:0}.ticketboard-request-title>a{min-width:0;overflow:hidden;color:#152139;font-size:12px;font-weight:800;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.ticketboard-request-title>a:hover{color:#253e9c}
.ticketboard-status{min-height:24px;padding:0 8px;display:inline-flex;align-items:center;gap:4px;border-radius:7px;font-size:8px;font-weight:750;white-space:nowrap}.ticketboard-status i{font-size:12px}.ticketboard-status.waiting{background:#edf2fb;color:#3e6091}.ticketboard-status.progress{background:#def5fb;color:#17718a}.ticketboard-status.attention{background:#fff0ca;color:#8e640b}.ticketboard-status.success{background:#e3f4ed;color:#277358}
.ticketboard-meta{margin-top:8px;display:flex;align-items:center;gap:6px;min-width:0;color:#7a8799;font-size:8px}.ticketboard-number{font-weight:800;letter-spacing:.02em}.ticketboard-chip,.ticketboard-priority{min-height:22px;padding:0 7px;display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:#f0f2f5;color:#59677a;font-weight:700;white-space:nowrap}.ticketboard-chip i,.ticketboard-priority i{font-size:11px}.ticketboard-priority.low{color:#6f7b8c}.ticketboard-priority.normal{color:#4b6793}.ticketboard-priority.high{background:#fff3dd;color:#96651a}.ticketboard-priority.urgent{background:#fde8ea;color:#b03f50}
.ticketboard-activity strong,.ticketboard-activity small{display:block}.ticketboard-activity strong{color:#25334a;font-size:10px}.ticketboard-activity small{margin-top:5px;color:#8792a3;font-size:8px}.ticketboard-activity small i{font-size:11px;vertical-align:-1px}
.ticketboard-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.ticketboard-view{height:39px;min-width:125px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d8dfe8;border-radius:10px;background:#fff;color:#43546c;font-size:9px;font-weight:750;text-decoration:none;transition:.15s}.ticketboard-view i{font-size:16px}.ticketboard-view:hover{border-color:#9eb0cb;color:#253e9c;background:#fafcff}.ticketboard-more{width:39px;height:39px;display:grid;place-items:center;border:1px solid #d8dfe8;border-radius:10px;background:#fff;color:#718096;font-size:18px;text-decoration:none}.ticketboard-more:hover{border-color:#9eb0cb;color:#253e9c}
.ticketboard-empty{min-height:340px;margin-top:15px;padding:45px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #e1e6ed;border-radius:15px;background:#fff;text-align:center}.ticketboard-empty>span{width:56px;height:56px;display:grid;place-items:center;border-radius:15px;background:#eef2f8;color:#42649a;font-size:25px}.ticketboard-empty h2{margin:15px 0 0;color:#202d42;font-size:15px}.ticketboard-empty p{margin:7px 0 17px;color:#8994a4;font-size:10px}.ticketboard-empty a,.ticketboard-empty button{min-height:37px;padding:0 13px;display:inline-flex;align-items:center;border:0;border-radius:8px;background:#253e9c;color:#fff;font-size:9px;font-weight:800;text-decoration:none;cursor:pointer}.ticketboard-row[hidden]{display:none!important}
@media(max-width:1160px){.ticketboard-toolbar{gap:15px}.ticketboard-search{width:32%}.ticketboard-filters{gap:9px}.ticketboard-filters label>span{display:none}.ticketboard-filters select{min-width:145px}.ticketboard-row{grid-template-columns:44px minmax(280px,1fr) 190px 160px}}
@media(max-width:900px){.ticketboard-head{align-items:flex-start}.ticketboard-toolbar{align-items:stretch;flex-direction:column}.ticketboard-search{width:100%;max-width:none}.ticketboard-filters{display:grid;grid-template-columns:repeat(3,1fr)}.ticketboard-filters label,.ticketboard-filters select{width:100%}.ticketboard-filters select{min-width:0}.ticketboard-row{grid-template-columns:44px minmax(0,1fr) 145px}.ticketboard-row-actions{grid-column:3;grid-row:1}.ticketboard-activity{display:none}}
@media(max-width:640px){.ticketboard-head{display:block;padding-top:0}.ticketboard-head h1{font-size:25px}.ticketboard-head-actions{margin-top:16px}.ticketboard-support-id{flex:1}.ticketboard-support-id>span{overflow:hidden;text-overflow:ellipsis}.ticketboard-new{padding:0 13px}.ticketboard-toolbar{padding:11px}.ticketboard-filters{grid-template-columns:1fr}.ticketboard-row{padding:14px;grid-template-columns:38px minmax(0,1fr);gap:12px}.ticketboard-avatar{width:38px;height:38px;font-size:19px}.ticketboard-request-title{align-items:flex-start;flex-direction:column;gap:6px}.ticketboard-request-title>a{width:100%;font-size:11px}.ticketboard-meta{flex-wrap:wrap}.ticketboard-row-actions{grid-column:2;grid-row:auto;justify-content:flex-start}.ticketboard-view{height:34px;min-width:112px}.ticketboard-more{width:34px;height:34px}.ticketboard-search kbd{display:none}}
@media(max-width:430px){.ticketboard-head-actions{display:grid;grid-template-columns:1fr}.ticketboard-support-id,.ticketboard-new{width:100%}.ticketboard-new{justify-content:center}.ticketboard-chip:nth-of-type(3){display:none}}

/* Tickets v82 — proportions compactes conformes à la référence. */
.ticketboard-head{min-height:76px;padding:0 0 16px;align-items:center}
.ticketboard-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:4px;color:#78859a;font-size:10px}.ticketboard-breadcrumb a{color:#66758b;text-decoration:none}.ticketboard-breadcrumb a:hover{color:#253e9c}.ticketboard-breadcrumb i{color:#a4adba;font-style:normal}
.ticketboard-head h1{font-size:25px}.ticketboard-head p,.ticketboard-kicker{display:none}
.ticketboard-support-id,.ticketboard-new{height:38px;border-radius:9px}.ticketboard-support-id{padding-left:11px}.ticketboard-support-id button{width:26px;height:26px}.ticketboard-new{padding:0 14px}
.ticketboard-toolbar{min-height:62px;padding:9px 13px;border-radius:13px;gap:20px}
.ticketboard-search{width:min(360px,34%);height:42px;border-radius:9px;grid-template-columns:42px minmax(0,1fr) auto}.ticketboard-search>i{font-size:18px}.ticketboard-search input{padding:0 11px;font-size:10px}
.ticketboard-filters{gap:11px}.ticketboard-filters select{height:40px;min-width:150px;border-radius:9px;padding-left:11px;font-size:9px}.ticketboard-filters label{gap:7px;font-size:8px}
.ticketboard-list{margin-top:11px;gap:8px}.ticketboard-row{min-height:76px;padding:11px 15px;grid-template-columns:38px minmax(320px,1fr) 210px 158px;gap:14px;border-radius:12px;box-shadow:0 2px 8px rgba(22,34,57,.03)}
.ticketboard-row:hover{box-shadow:0 6px 16px rgba(22,34,57,.055)}.ticketboard-avatar{width:36px;height:36px;font-size:18px}.ticketboard-request-title{gap:8px}.ticketboard-request-title>a{font-size:10.5px}.ticketboard-status{min-height:21px;padding:0 7px;border-radius:6px;font-size:7.5px}.ticketboard-status.answered{background:#e3f4ed;color:#277358}.ticketboard-status i{font-size:10px}
.ticketboard-meta{margin-top:5px;gap:5px;font-size:7.5px}.ticketboard-chip,.ticketboard-priority{min-height:19px;padding:0 6px}.ticketboard-activity strong{font-size:9px}.ticketboard-activity small{margin-top:3px;font-size:7.5px}.ticketboard-view{height:33px;min-width:108px;padding:0 12px;border-radius:8px;font-size:8px}.ticketboard-view i{font-size:14px}.ticketboard-more{width:33px;height:33px;border-radius:8px;font-size:16px}
.ticketboard-empty{min-height:260px;margin-top:11px;border-radius:12px}.ticketboard-no-result[hidden]{display:none!important}
@media(max-width:1160px){.ticketboard-row{grid-template-columns:36px minmax(270px,1fr) 170px 145px}}
@media(max-width:900px){.ticketboard-toolbar{gap:9px}.ticketboard-search{width:100%}.ticketboard-row{grid-template-columns:36px minmax(0,1fr) 140px}.ticketboard-row-actions{grid-column:3}}
@media(max-width:640px){.ticketboard-head{padding-bottom:14px}.ticketboard-head-actions{margin-top:13px}.ticketboard-toolbar{padding:9px}.ticketboard-row{min-height:70px;padding:11px;grid-template-columns:34px minmax(0,1fr);gap:10px}.ticketboard-avatar{width:34px;height:34px}.ticketboard-row-actions{grid-column:2}.ticketboard-request-title{gap:5px}.ticketboard-request-title>a{font-size:10px}}

/* Tickets v83 — alignement fin sur la capture de référence. */
.ticketboard{width:100%;max-width:none}
.ticketboard-head{min-height:84px;padding:5px 0 17px}.ticketboard-head h1{font-size:22px;font-weight:650;letter-spacing:-.035em}.ticketboard-breadcrumb{margin-bottom:5px;font-size:9px;font-weight:400}
.ticketboard-support-id,.ticketboard-new{height:32px;border-radius:8px;box-shadow:none}.ticketboard-support-id{padding:0 5px 0 10px;gap:7px}.ticketboard-support-id>i{font-size:14px}.ticketboard-support-id>span{font-size:8px;font-weight:450}.ticketboard-support-id b{font-size:10px}.ticketboard-support-id button{width:23px;height:23px;border-radius:6px;font-size:12px}.ticketboard-new{padding:0 11px;gap:5px;font-size:9px;font-weight:650}.ticketboard-new i{font-size:14px}
.ticketboard-toolbar{min-height:56px;padding:8px 12px;justify-content:flex-start;gap:12px;border:0;border-radius:12px;box-shadow:0 2px 8px rgba(28,42,66,.025)}
.ticketboard-search{width:285px;min-width:245px;height:34px;grid-template-columns:36px minmax(0,1fr);border-radius:8px}.ticketboard-search>i{font-size:16px}.ticketboard-search input{padding:0 10px;font-size:9px}.ticketboard-search kbd{display:none}
.ticketboard-filters{min-width:0;flex:1;display:grid;grid-template-columns:minmax(205px,1fr) minmax(175px,.82fr) minmax(235px,1.35fr);gap:10px}.ticketboard-filters label{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;font-size:8.5px;font-weight:550}.ticketboard-filters label>span{display:block;color:#283750;font-weight:550}.ticketboard-filters select{width:100%;height:34px;min-width:0;padding:0 27px 0 10px;border-radius:8px;font-size:9px;font-weight:400}.ticketboard-filters label>i{right:9px;font-size:14px}
.ticketboard-list{margin-top:11px;gap:8px}.ticketboard-row{min-height:70px;padding:9px 14px;grid-template-columns:34px minmax(300px,1fr) 205px 155px;gap:13px;border:0;border-radius:12px;box-shadow:0 2px 8px rgba(22,34,57,.04)}.ticketboard-row:hover{box-shadow:0 5px 13px rgba(22,34,57,.055);transform:none}
.ticketboard-avatar{width:32px;height:32px;font-size:14px;font-weight:600}.ticketboard-request-title{gap:7px}.ticketboard-request-title>a{font-size:10px;font-weight:650}.ticketboard-status{min-height:19px;padding:0 6px;font-size:7px;font-weight:500}.ticketboard-status i{font-size:9px}.ticketboard-meta{margin-top:4px;font-size:7px}.ticketboard-number{font-weight:550}.ticketboard-chip,.ticketboard-priority{min-height:18px;font-weight:500}.ticketboard-activity strong{font-size:8.5px;font-weight:600}.ticketboard-activity small{margin-top:2px;font-size:7px}.ticketboard-view{height:29px;min-width:94px;padding:0 9px;border-radius:8px;font-size:8px;font-weight:500}.ticketboard-view i{font-size:13px}.ticketboard-more{width:29px;height:29px;font-size:14px}
@media(max-width:1080px){.ticketboard-search{width:245px}.ticketboard-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.ticketboard-filters label{display:block}.ticketboard-filters label>span{display:none}.ticketboard-row{grid-template-columns:32px minmax(250px,1fr) 170px 135px}}
@media(max-width:800px){.ticketboard-toolbar{display:block}.ticketboard-search{width:100%;min-width:0}.ticketboard-filters{margin-top:8px}.ticketboard-row{grid-template-columns:32px minmax(0,1fr) 125px}.ticketboard-row-actions{grid-column:3}.ticketboard-activity{display:none}}

/* Tickets v84 — en-tête resserré sans fil d’Ariane. */
.ticketboard{margin:-14px 0 24px}
.ticketboard-head{min-height:48px;padding:0 0 8px}
.ticketboard-toolbar{margin:0}
.ticketboard-list{margin-top:8px;gap:7px}
.ticketboard-support-id button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:640px){.ticketboard{margin:-10px 0 20px}.ticketboard-head{min-height:42px;padding-bottom:7px}.ticketboard-head-actions{margin-top:8px}}

/* Support v87 — PIN asynchrone et formulaire de ticket en page complète. */
.ticketboard-new,.ticketboard-new:visited,.ticketboard-new:hover,.ticketboard-new:active,.ticketboard-new:focus{color:#fff!important}.ticketboard-new i,.ticketboard-new span{color:inherit!important}
.ticketboard-support-id.loading [data-support-pin-refresh] i{animation:ticket-pin-spin .7s linear infinite}.ticketboard-support-id.updated b{color:#16805e}.ticketboard-support-id.failed [data-support-pin-refresh]{color:#c84254;background:#fff0f2}
.support-pin-toast{top:auto;right:18px;bottom:18px;left:auto;width:min(430px,calc(100vw - 36px));transform:none;animation:support-pin-toast-corner-in .2s ease-out}@keyframes support-pin-toast-corner-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:560px){.support-pin-toast{right:10px;bottom:10px;width:calc(100vw - 20px)}}
@keyframes ticket-pin-spin{to{transform:rotate(360deg)}}
.ticket-new-page{width:min(1030px,100%);margin:-14px auto 32px}
.ticket-new-page-head{min-height:66px;padding:0 1px 13px;display:flex;align-items:center;gap:12px}.ticket-new-page-head>a{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;border:1px solid #dbe2eb;border-radius:8px;background:#fff;color:#53647b;font-size:17px;text-decoration:none}.ticket-new-page-head>a:hover{border-color:#adc0d9;color:#245aa0}.ticket-new-page-head>div>span{display:block;margin-bottom:2px;color:#5d77a0;font-size:7.5px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.ticket-new-page-head h1{margin:0;color:#202c40;font-size:21px;line-height:1.15}.ticket-new-page-head p{margin:4px 0 0;color:#7e8999;font-size:9px}
.ticket-new-page .ticket-page-form{width:100%;display:block!important}.ticket-new-page .ticket-new-form{width:100%;overflow:visible;border:1px solid #dce3eb;border-radius:11px;background:#fff;box-shadow:0 6px 20px rgba(24,41,66,.045)}
.ticket-new-page .ticket-page-card-head{position:static;z-index:auto;display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:10px;border-radius:11px 11px 0 0;background:#fbfcfe}.ticket-new-page .ticket-page-card-head>div{min-width:0}.ticket-new-page .ticket-page-card-head h2{margin:0;color:#263247;font-size:13px}.ticket-new-page .ticket-page-card-head p{margin:2px 0 0;color:#8792a3;font-size:8px}
@media(max-width:700px){.ticket-new-page{margin:-10px auto 22px}.ticket-new-page-head{align-items:flex-start}.ticket-new-page-head p{font-size:8px}.ticket-new-page .ticket-page-card-head{grid-template-columns:34px minmax(0,1fr)}.ticket-new-page .ticket-page-card-head .ticket-form-step{display:none!important}}

/* Support v94 — création de ticket, espace de travail unifié. */
.ticket-new-page{width:min(1180px,100%);margin:-10px auto 34px;color:#1b2940}.ticket-new-page-head{min-height:74px;padding:2px 0 15px;gap:13px}.ticket-new-page-head>a{width:39px;height:39px;flex-basis:39px;border-radius:10px;font-size:19px}.ticket-new-page-head h1{font-size:27px;font-weight:700;letter-spacing:-.04em}.ticket-new-page-head p{margin-top:5px;color:#748096;font-size:14px;line-height:1.45}
.ticket-new-page .ticket-compose{width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) 285px;align-items:stretch;overflow:visible;border:1px solid #dce3ec;border-radius:15px;background:#fff;box-shadow:0 12px 32px rgba(22,39,65,.065)}.ticket-compose-main{min-width:0;overflow:visible;border-radius:15px 0 0 15px;background:#fff}.ticket-compose-head{min-height:82px;padding:17px 22px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;border-radius:15px 0 0 0;background:linear-gradient(110deg,#fbfdff,#f6f9fd)}.ticket-compose-head>span:first-child{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#e9f1ff;color:#245caf;font-size:21px}.ticket-compose-head h2{margin:0;color:#202f46;font-size:18px;font-weight:700;letter-spacing:-.02em}.ticket-compose-head p{margin:3px 0 0;color:#7d899b;font-size:13px}.ticket-compose-head .ticket-form-step{width:auto!important;height:auto!important;padding:5px 9px!important;border:1px solid #d9e2ee;border-radius:999px!important;background:#fff!important;color:#68778d!important;font-size:12px!important;font-weight:650!important}.ticket-compose .ticket-progress{height:3px;background:#edf1f6}.ticket-compose .ticket-progress>span{display:block;width:0;height:100%;background:#315faf;transition:width .25s ease,background .2s ease}.ticket-compose .ticket-progress.complete>span{background:#18815e}
.ticket-compose-body{padding:0 22px}.ticket-compose-section{padding:20px 0 23px}.ticket-compose-section+.ticket-compose-section{border-top:1px solid #e8ecf1}.ticket-compose-section-head{margin-bottom:17px;display:flex;align-items:center;gap:10px}.ticket-compose-section-head>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:8px;background:#edf3fb;color:#315f9e;font-size:11px;font-weight:800}.ticket-compose-section-head h3{margin:0;color:#26364c;font-size:15px;font-weight:700}.ticket-compose-section-head p{margin:2px 0 0;color:#8994a5;font-size:12px}.ticket-compose-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px}.ticket-compose-field{min-width:0;display:flex;flex-direction:column}.ticket-compose-field-wide{grid-column:1/-1}.ticket-compose-field[hidden]{display:none!important}.ticket-compose-field>label,.ticket-compose-message-label>label{margin-bottom:7px;color:#34445b;font-size:14px;font-weight:650}.ticket-compose-field>label b,.ticket-compose-message-label label b{color:#cf344b}.ticket-compose-field>label em{margin-left:5px;color:#929cab;font-size:12px;font-style:normal;font-weight:500}.ticket-compose-field>input{width:100%;height:46px;padding:0 13px;border:1px solid #d4dce7;border-radius:9px;background:#fff;color:#24334a;font-size:14px;box-shadow:0 1px 2px rgba(22,39,65,.025)}.ticket-compose-field>input::placeholder{color:#9aa4b2}.ticket-compose-field>input:focus,.ticket-compose-message textarea:focus{outline:0;border-color:#5881bd;box-shadow:0 0 0 3px rgba(49,95,175,.1)}.ticket-compose-field>small{margin-top:6px;color:#8792a3;font-size:12px;line-height:1.4}.ticket-compose-field.ticket-invoice-row{margin:0;padding:13px;border:1px solid #dbe8f7;border-radius:10px;background:#f7faff}
.ticket-compose .ticket-select-trigger{min-height:46px;padding:6px 11px;grid-template-columns:28px minmax(0,1fr) auto 18px;gap:9px;border-color:#d4dce7;border-radius:9px;box-shadow:0 1px 2px rgba(22,39,65,.025)}.ticket-compose .ticket-select-icon{width:28px;height:28px;border-radius:7px;font-size:15px}.ticket-compose .ticket-select-value strong{font-size:14px;font-weight:600}.ticket-compose .ticket-select-value small{font-size:11px}.ticket-compose .ticket-select-trigger>em,.ticket-compose .ticket-select-option>em{font-size:10px}.ticket-compose .ticket-select-panel{top:calc(100% + 6px);border-radius:10px}.ticket-compose .ticket-select-search{height:44px}.ticket-compose .ticket-select-search input{font-size:13px!important}.ticket-compose .ticket-select-option{min-height:44px;grid-template-columns:28px minmax(0,1fr) auto 18px}.ticket-compose .ticket-select-option strong{font-size:13px}.ticket-compose .ticket-select-option small{font-size:11px}.ticket-compose .ticket-select-empty{font-size:12px}
.ticket-compose-message{padding-bottom:24px}.ticket-compose-message-label{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.ticket-compose-message-label>span{color:#8a95a5;font-size:12px}.ticket-compose-message textarea{width:100%;min-height:220px;padding:14px 15px;resize:vertical;border:1px solid #d4dce7;border-radius:10px;background:#fff;color:#2b3a50;font-size:14px;line-height:1.65}.ticket-compose-message textarea::placeholder{color:#9aa4b2}.ticket-compose-message-hint{margin:9px 0 0;display:flex;align-items:flex-start;gap:7px;color:#738096;font-size:12px;line-height:1.45}.ticket-compose-message-hint i{margin-top:1px;color:#c98d20;font-size:16px}
.ticket-compose-actions{min-height:72px;padding:13px 22px;display:flex;align-items:center;gap:9px;border-top:1px solid #e7ebf0;border-radius:0 0 0 15px;background:#fbfcfd}.ticket-compose-actions>span{margin-right:auto;display:flex;align-items:center;gap:6px;color:#748196;font-size:12px}.ticket-compose-actions>span i{color:#19805e;font-size:16px}.ticket-compose-actions>a{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;border:1px solid #d7dee8;border-radius:9px;background:#fff;color:#526177;font-size:13px;font-weight:650;text-decoration:none}.ticket-compose-actions>a:hover{border-color:#b8c4d4;background:#f7f9fb}.ticket-compose-actions>button{min-height:42px;padding:0 17px;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:9px;background:#253e9c;color:#fff;font-size:13px;font-weight:700;box-shadow:0 7px 16px rgba(37,62,156,.17);cursor:pointer}.ticket-compose-actions>button:hover{background:#1c3287}.ticket-compose-actions>button:disabled{opacity:.65;}.ticket-compose-actions>button.is-submitting i{animation:ticket-pin-spin .7s linear infinite}
.ticket-compose-aside{min-width:0;padding:21px 18px;display:flex;flex-direction:column;border-left:1px solid #e2e7ee;border-radius:0 15px 15px 0;background:#f8fafc}.ticket-compose-aside>header{padding-bottom:18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e3e8ef}.ticket-compose-aside>header>span{width:37px;height:37px;display:grid;place-items:center;flex:0 0 37px;border-radius:10px;background:#e7effb;color:#315f9f;font-size:19px}.ticket-compose-aside h2{margin:0;color:#2b3a50;font-size:15px}.ticket-compose-aside header p{margin:3px 0 0;color:#8792a2;font-size:12px;line-height:1.4}.ticket-compose-aside ul{margin:5px 0 0;padding:0;list-style:none}.ticket-compose-aside li{padding:14px 0;display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;border-bottom:1px solid #e5e9ef}.ticket-compose-aside li>i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e5f4ec;color:#18805d;font-size:14px}.ticket-compose-aside li span{display:flex;flex-direction:column}.ticket-compose-aside li strong{color:#3a485c;font-size:13px}.ticket-compose-aside li small{margin-top:3px;color:#808b9c;font-size:12px;line-height:1.45}.ticket-compose-security{margin-top:18px;padding:12px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;border:1px solid #cfe4da;border-radius:10px;background:#f2faf6}.ticket-compose-security>i{color:#17805b;font-size:22px}.ticket-compose-security strong{color:#32624f;font-size:13px}.ticket-compose-security p{margin:3px 0 0;color:#688477;font-size:12px;line-height:1.45}.ticket-compose-docs{margin-top:auto;padding-top:18px;display:flex;align-items:center;gap:7px;color:#365d99;font-size:12px;font-weight:650;text-decoration:none}.ticket-compose-docs i:first-child{font-size:16px}.ticket-compose-docs i:last-child{margin-left:auto;font-size:17px}.ticket-compose-docs:hover{color:#173f82}
@media(max-width:1000px){.ticket-new-page .ticket-compose{grid-template-columns:1fr}.ticket-compose-main{border-radius:15px 15px 0 0}.ticket-compose-head{border-radius:15px 15px 0 0}.ticket-compose-actions{border-radius:0}.ticket-compose-aside{padding:18px 22px;border-top:1px solid #e2e7ee;border-left:0;border-radius:0 0 15px 15px}.ticket-compose-aside ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ticket-compose-aside li{border-bottom:0}.ticket-compose-security{margin-top:8px}.ticket-compose-docs{margin-top:13px}}
@media(max-width:700px){.ticket-new-page{margin:-7px auto 24px}.ticket-new-page-head{min-height:60px;padding-bottom:11px;align-items:center}.ticket-new-page-head h1{font-size:22px}.ticket-new-page-head p{display:none}.ticket-new-page .ticket-compose{border-radius:12px}.ticket-compose-head{min-height:70px;padding:13px 14px;grid-template-columns:36px minmax(0,1fr);border-radius:12px 12px 0 0}.ticket-compose-head>span:first-child{width:36px;height:36px;font-size:18px}.ticket-compose-head h2{font-size:16px}.ticket-compose-head p{font-size:12px}.ticket-compose-head .ticket-form-step{display:none!important}.ticket-compose-body{padding:0 14px}.ticket-compose-section{padding:17px 0 19px}.ticket-compose-section-head{margin-bottom:14px}.ticket-compose-fields{grid-template-columns:1fr;gap:14px}.ticket-compose-field-wide{grid-column:auto}.ticket-compose-field.ticket-invoice-row{padding:11px}.ticket-compose-message textarea{min-height:190px}.ticket-compose-actions{padding:11px 14px;display:grid;grid-template-columns:1fr 1.35fr}.ticket-compose-actions>span{display:none}.ticket-compose-actions>a,.ticket-compose-actions>button{justify-content:center}.ticket-compose-aside{padding:17px 14px;border-radius:0 0 12px 12px}.ticket-compose-aside ul{grid-template-columns:1fr;gap:0}.ticket-compose-aside li{border-bottom:1px solid #e5e9ef}.ticket-compose-docs{margin-top:15px}}

/* Support v95 — densité calibrée sur le formulaire de référence. */
.ticket-new-page{width:min(1060px,100%);margin:-14px auto 28px}.ticket-new-page-head{min-height:56px;padding:0 0 10px;gap:10px}.ticket-new-page-head>a{width:34px;height:34px;flex-basis:34px;border-radius:8px;font-size:17px}.ticket-new-page-head h1{font-size:22px}.ticket-new-page-head p{margin-top:2px;font-size:11px}.ticket-new-page .ticket-compose{grid-template-columns:minmax(0,1fr) 255px;border-radius:11px;box-shadow:0 5px 18px rgba(22,39,65,.045)}.ticket-compose-main{border-radius:11px 0 0 11px}.ticket-compose-head{min-height:62px;padding:11px 16px;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;border-radius:11px 0 0 0}.ticket-compose-head>span:first-child{width:34px;height:34px;border-radius:8px;font-size:17px}.ticket-compose-head h2{font-size:14px}.ticket-compose-head p{margin-top:1px;font-size:10px}.ticket-compose-head .ticket-form-step{padding:4px 7px!important;font-size:9px!important}.ticket-compose .ticket-progress{height:2px}.ticket-compose-body{padding:0 16px}.ticket-compose-section{padding:14px 0 16px}.ticket-compose-section-head{margin-bottom:11px;gap:8px}.ticket-compose-section-head>span{width:25px;height:25px;flex-basis:25px;border-radius:7px;font-size:8px}.ticket-compose-section-head h3{font-size:12px}.ticket-compose-section-head p{font-size:9px}.ticket-compose-fields{gap:12px 14px}.ticket-compose-field>label,.ticket-compose-message-label>label{margin-bottom:5px;font-size:11px}.ticket-compose-field>label em{font-size:9px}.ticket-compose-field>input{height:38px;padding:0 11px;border-radius:7px;font-size:11px}.ticket-compose-field>small{margin-top:4px;font-size:9px}.ticket-compose-field.ticket-invoice-row{padding:9px;border-radius:8px}.ticket-compose .ticket-select-trigger{min-height:38px;padding:4px 8px;grid-template-columns:24px minmax(0,1fr) auto 16px;gap:7px;border-radius:7px}.ticket-compose .ticket-select-icon{width:24px;height:24px;border-radius:6px;font-size:13px}.ticket-compose .ticket-select-value strong{font-size:11px}.ticket-compose .ticket-select-value small{font-size:8px}.ticket-compose .ticket-select-trigger>em,.ticket-compose .ticket-select-option>em{font-size:8px}.ticket-compose .ticket-select-panel{top:calc(100% + 4px);border-radius:8px}.ticket-compose .ticket-select-search{height:37px}.ticket-compose .ticket-select-search input{font-size:10px!important}.ticket-compose .ticket-select-option{min-height:36px;grid-template-columns:24px minmax(0,1fr) auto 16px}.ticket-compose .ticket-select-option strong{font-size:10px}.ticket-compose .ticket-select-option small{font-size:8px}.ticket-compose-message{padding-bottom:16px}.ticket-compose-message-label{margin-bottom:6px}.ticket-compose-message-label>span{font-size:9px}.ticket-compose-message textarea{min-height:155px;padding:10px 11px;border-radius:7px;font-size:11px;line-height:1.55}.ticket-compose-message-hint{margin-top:6px;gap:5px;font-size:9px}.ticket-compose-message-hint i{font-size:13px}.ticket-compose-actions{min-height:56px;padding:9px 16px;gap:7px;border-radius:0 0 0 11px}.ticket-compose-actions>span{font-size:9px}.ticket-compose-actions>span i{font-size:13px}.ticket-compose-actions>a,.ticket-compose-actions>button{min-height:34px;padding:0 12px;border-radius:7px;font-size:10px}.ticket-compose-aside{padding:15px 13px;border-radius:0 11px 11px 0}.ticket-compose-aside>header{padding-bottom:12px;gap:8px}.ticket-compose-aside>header>span{width:31px;height:31px;flex-basis:31px;border-radius:8px;font-size:16px}.ticket-compose-aside h2{font-size:12px}.ticket-compose-aside header p{margin-top:1px;font-size:9px}.ticket-compose-aside li{padding:10px 0;grid-template-columns:20px minmax(0,1fr);gap:7px}.ticket-compose-aside li>i{width:19px;height:19px;font-size:11px}.ticket-compose-aside li strong{font-size:10px}.ticket-compose-aside li small{margin-top:2px;font-size:9px;line-height:1.4}.ticket-compose-security{margin-top:13px;padding:9px;grid-template-columns:23px minmax(0,1fr);gap:7px;border-radius:8px}.ticket-compose-security>i{font-size:18px}.ticket-compose-security strong{font-size:10px}.ticket-compose-security p{margin-top:2px;font-size:9px}.ticket-compose-docs{padding-top:13px;font-size:9px}.ticket-compose-docs i:first-child{font-size:13px}.ticket-compose-docs i:last-child{font-size:14px}
@media(max-width:1000px){.ticket-new-page .ticket-compose{grid-template-columns:1fr}.ticket-compose-main{border-radius:11px 11px 0 0}.ticket-compose-head{border-radius:11px 11px 0 0}.ticket-compose-aside{padding:14px 16px;border-radius:0 0 11px 11px}}
@media(max-width:700px){.ticket-new-page{margin:-9px auto 20px}.ticket-new-page-head{min-height:48px}.ticket-new-page-head h1{font-size:19px}.ticket-compose-head{min-height:58px;padding:10px 12px;grid-template-columns:32px minmax(0,1fr)}.ticket-compose-head>span:first-child{width:32px;height:32px}.ticket-compose-head h2{font-size:13px}.ticket-compose-head p{font-size:9px}.ticket-compose-body{padding:0 12px}.ticket-compose-section{padding:13px 0 15px}.ticket-compose-fields{gap:11px}.ticket-compose-message textarea{min-height:145px}.ticket-compose-actions{padding:8px 12px}.ticket-compose-aside{padding:13px 12px}}

/* Support v96 — aide latérale en deux encarts. */
.ticket-new-page .ticket-compose{align-items:start;gap:14px;border:0;background:transparent;box-shadow:none}.ticket-compose-main{overflow:visible;border:1px solid #dce3ec;border-radius:11px;background:#fff;box-shadow:0 5px 18px rgba(22,39,65,.045)}.ticket-compose-aside{position:static;top:auto;padding:0;display:grid;gap:11px;border:0;border-radius:0;background:transparent}.ticket-compose-side-card{padding:14px;border:1px solid #dce3ec;border-radius:10px;background:#fff;box-shadow:0 3px 10px rgba(22,39,65,.035)}.ticket-compose-side-card>header{display:flex;align-items:center;gap:7px}.ticket-compose-side-card>header i{color:#d79416;font-size:15px}.ticket-compose-side-card:nth-child(2)>header i{color:#4c6f9e}.ticket-compose-side-card h2{margin:0;color:#25354b;font-size:11px;font-weight:700}.ticket-compose-side-card p{margin:7px 0 0;color:#778398;font-size:9px;line-height:1.5}.ticket-compose-side-card>a{min-height:30px;margin-top:11px;padding:0 9px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:7px;background:#eaf0f4;color:#385775;font-size:9px;font-weight:600;text-align:center;text-decoration:none}.ticket-compose-side-card>a:hover{background:#dfe9f0;color:#234869}.ticket-compose-side-card>a i{font-size:13px}
@media(max-width:1000px){.ticket-compose-aside{position:static;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));border:0;background:transparent}.ticket-compose-main{border-radius:11px}.ticket-compose-actions{border-radius:0 0 11px 11px}}
@media(max-width:700px){.ticket-compose-aside{padding:0;grid-template-columns:1fr}.ticket-compose-side-card{padding:13px}}

/* Support v97 — actions finales sans libellé redondant. */
.ticket-compose-actions{justify-content:flex-end}

/* Support v101 — indicateurs de priorité sobres. */
.ticket-native-select[data-priority-select]+.ticket-custom-select .ticket-select-icon{background:transparent!important;color:transparent!important}
.ticket-native-select[data-priority-select]+.ticket-custom-select .ticket-select-icon i{display:none}
.ticket-native-select[data-priority-select]+.ticket-custom-select .ticket-select-icon:before{content:"";width:10px;height:10px;display:block;border-radius:50%;background:#17c964;box-shadow:0 0 0 2px rgba(23,201,100,.08)}
.ticket-native-select[data-priority-select]+.ticket-custom-select .ticket-select-icon.tone-normal:before{background:#f5b800;box-shadow:0 0 0 2px rgba(245,184,0,.09)}
.ticket-native-select[data-priority-select]+.ticket-custom-select .ticket-select-icon.tone-high:before{background:#ff6b00;box-shadow:0 0 0 2px rgba(255,107,0,.08)}
.ticket-native-select[data-priority-select]+.ticket-custom-select .ticket-select-icon.tone-urgent:before{background:#ff3348;box-shadow:0 0 0 2px rgba(255,51,72,.08)}
.ticket-compose-message textarea{min-height:120px}
@media(max-width:700px){.ticket-compose-message textarea{min-height:110px}}
.ticket-select-trigger>em.tone-warning,.ticket-select-option>em.tone-warning{background:#fff4cf;color:#9a6500}
.ticket-select-trigger>em.tone-danger,.ticket-select-option>em.tone-danger{background:#ffeaed;color:#c82e45}
.ticket-select-trigger>em.tone-info,.ticket-select-option>em.tone-info{background:#e8f1ff;color:#2868b2}

/* Support v104 — sélecteurs tactiles visibles sur mobile. */
@media(max-width:650px){
  .ticket-custom-select.open{z-index:1001}
  .ticket-compose .ticket-select-panel{position:absolute;left:0;right:0;top:calc(100% + 5px)!important;bottom:auto!important;z-index:1002;width:auto;max-height:min(52vh,320px);max-height:min(52dvh,320px);overscroll-behavior:contain}
  .ticket-compose .ticket-select-options{max-height:min(calc(52vh - 48px),272px);max-height:min(calc(52dvh - 48px),272px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .ticket-compose .ticket-select-trigger,.ticket-compose .ticket-select-option{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
}

/* Support v106 — détail d’un ticket compact et lisible. */
body[data-route="ticket"] .content{width:100%;max-width:none;padding:12px 22px 32px;background:#f5f7f9}
.ticket-view{width:min(1220px,100%);margin:0 auto;color:#1c293c}
.ticket-view-breadcrumb{margin:0 0 14px;display:flex;align-items:center;gap:6px;color:#718096;font-size:12px}.ticket-view-breadcrumb a{color:#60718a;text-decoration:none}.ticket-view-breadcrumb a:hover{color:#214b91}.ticket-view-breadcrumb i{color:#9ba6b5;font-size:15px}.ticket-view-breadcrumb span{color:#5c6c82}
.ticket-view-head{min-height:52px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.ticket-view-title{min-width:0;display:flex;align-items:center;gap:12px}.ticket-view-title-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:50%;background:#e9f2f5;color:#086184;font-size:20px}.ticket-view-title>div{min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ticket-view-title h1{margin:0;max-width:760px;color:#13233a;font-size:21px;font-weight:700;line-height:1.25;letter-spacing:-.025em}.ticket-view-close,.ticket-view-closed{min-height:38px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:8px;background:#e8f0f4;color:#31506b;font:inherit;font-size:12px;font-weight:600;white-space:nowrap}.ticket-view-close{cursor:pointer}.ticket-view-close:hover{background:#dce9ef;color:#173f61}.ticket-view-closed{background:#e9f6ef;color:#247253}
.ticket-view-status{min-height:20px;padding:2px 7px;display:inline-flex;align-items:center;gap:4px;border-radius:6px;background:#edf1f5;color:#4d5d71;font-size:9px;font-weight:650;line-height:1}.ticket-view-status i{font-size:11px}.ticket-view-status.awaiting{background:#fff0c9;color:#8a5b05}.ticket-view-status.answered{background:#dff2e9;color:#257259}.ticket-view-status.progress{background:#d9f3fa;color:#086c88}.ticket-view-status.closed{background:#e4f3eb;color:#207153}.ticket-view-status.open{background:#e8efff;color:#315fa6}
.ticket-view-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:18px}.ticket-view-main{min-width:0}.ticket-view-reply{margin:0 0 18px;overflow:hidden;border:1px solid #dbe2ea;border-radius:10px;background:#fff;box-shadow:none}.ticket-view-reply summary{height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;list-style:none;color:#26364a;font-size:13px;cursor:pointer}.ticket-view-reply summary::-webkit-details-marker{display:none}.ticket-view-reply summary>span{display:flex;align-items:center;gap:10px}.ticket-view-reply summary>span>i{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#eaf2f6;color:#17648a;font-size:15px}.ticket-view-reply summary>i{color:#758399;font-size:18px;transition:transform .2s ease}.ticket-view-reply[open] summary>i{transform:rotate(180deg)}.ticket-view-reply form{padding:0 18px 16px;border-top:1px solid #edf0f4}.ticket-view-reply form>label{margin:13px 0 6px;display:block;color:#405067;font-size:11px;font-weight:650}.ticket-view-reply textarea{width:100%;min-height:110px;padding:11px 12px;resize:vertical;border:1px solid #d6dee8;border-radius:8px;background:#fff;color:#25364d;font:inherit;font-size:12px;line-height:1.55}.ticket-view-reply textarea:focus{outline:0;border-color:#6687b8;box-shadow:0 0 0 3px rgba(63,101,159,.09)}.ticket-view-reply-actions{margin-top:10px;display:flex;justify-content:flex-end}.ticket-view-reply-actions button{min-height:35px;padding:0 13px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:7px;background:#163d96;color:#fff;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.ticket-view-reply-actions button:hover{background:#102f7d}
.ticket-view-conversation{display:grid;gap:14px}.ticket-view-message{padding:17px 20px;border:1px solid #dce3ea;border-radius:10px;background:#fff}.ticket-view-message.is-support{border-color:#b9d2df;background:#f7fbfd}.ticket-view-message>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding-bottom:11px;border-bottom:1px solid #dce4ea}.ticket-view-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e9f1f4;color:#175d7b;font-size:13px;font-weight:700}.ticket-view-avatar i{font-size:20px}.ticket-view-message>header>div{min-width:0;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ticket-view-message>header strong{color:#152943;font-size:12px}.ticket-view-message>header small{padding:3px 6px;border-radius:6px;background:#e5eff3;color:#42647a;font-size:9px}.ticket-view-message>header time{color:#718096;font-size:9px;white-space:nowrap}.ticket-view-message-body{padding:12px 0 2px 53px;color:#405168;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.ticket-view-closed-note{margin-top:14px;padding:14px 16px;display:flex;gap:10px;border:1px solid #cae5d8;border-radius:9px;background:#f4fbf7;color:#356b53}.ticket-view-closed-note>i{font-size:20px}.ticket-view-closed-note strong{font-size:12px}.ticket-view-closed-note p{margin:2px 0 0;font-size:10px}
.ticket-view-aside{display:grid;gap:14px}.ticket-view-card{padding:17px 18px;border:1px solid #dce3ea;border-radius:10px;background:#fff;box-shadow:0 2px 7px rgba(26,43,67,.025)}.ticket-view-card h2{margin:0;color:#2a374b;font-size:13px;font-weight:700}.ticket-view-card>p{margin:6px 0 0;color:#768297;font-size:10px;line-height:1.5}.ticket-view-details dl{margin:12px 0 0}.ticket-view-details dl>div{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e3e8ee}.ticket-view-details dl>div:last-child{border-bottom:0}.ticket-view-details dt{color:#7c8899;font-size:10px}.ticket-view-details dd{margin:0;color:#2d3b50;font-size:10px;font-weight:600;text-align:right}.ticket-view-priority{display:inline-flex;align-items:center;gap:6px}.ticket-view-priority i{width:8px;height:8px;border-radius:50%;background:#17c964}.ticket-view-priority.normal i{background:#f5b800}.ticket-view-priority.high i{background:#ff6b00}.ticket-view-priority.urgent i{background:#ff3348}.ticket-view-pin-card form{min-height:37px;margin-top:13px;padding:0 9px;display:flex;align-items:center;gap:7px;border:1px solid #dce3ea;border-radius:8px}.ticket-view-pin-card form>i{color:#2d70a6;font-size:14px}.ticket-view-pin-card form>span{min-width:0;margin-right:auto;color:#68768a;font-size:9px}.ticket-view-pin-card form b{margin-left:5px;color:#1b2c43;font-size:13px;letter-spacing:.09em}.ticket-view-pin-card form button{width:27px;height:27px;padding:0;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#64768c;font-size:14px;cursor:pointer}.ticket-view-pin-card form button:hover{background:#edf2f6;color:#214f79}.ticket-view-pin-card form button:disabled{opacity:.45;cursor:not-allowed}.ticket-view-docs a{min-height:34px;margin-top:13px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:7px;background:#e6eff3;color:#395970;font-size:10px;font-weight:600;text-decoration:none}.ticket-view-docs a:hover{background:#dce9ee;color:#214762}
@media(max-width:900px){.ticket-view-layout{grid-template-columns:1fr}.ticket-view-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-view-details{grid-row:span 2}.ticket-view-pin-card,.ticket-view-docs{align-self:start}}
@media(max-width:640px){body[data-route="ticket"] .content{padding:9px 12px 24px}.ticket-view-breadcrumb{margin-bottom:9px;font-size:10px}.ticket-view-head{margin-bottom:13px;align-items:flex-start;flex-direction:column}.ticket-view-title{align-items:flex-start}.ticket-view-title-icon{width:36px;height:36px;flex-basis:36px;font-size:17px}.ticket-view-title>div{gap:7px}.ticket-view-title h1{width:100%;font-size:18px}.ticket-view-head>form,.ticket-view-close{width:100%}.ticket-view-close{min-height:36px}.ticket-view-layout{gap:13px}.ticket-view-reply{margin-bottom:13px}.ticket-view-reply summary{height:52px;padding:0 13px}.ticket-view-reply form{padding:0 13px 13px}.ticket-view-message{padding:14px 13px}.ticket-view-message>header{grid-template-columns:34px minmax(0,1fr);gap:9px}.ticket-view-avatar{width:32px;height:32px}.ticket-view-message>header time{grid-column:2;white-space:normal}.ticket-view-message-body{padding:10px 0 0;font-size:11px}.ticket-view-aside{grid-template-columns:1fr}.ticket-view-details{grid-row:auto}.ticket-view-card{padding:15px 14px}.ticket-view-pin-card form>span{font-size:8px}.ticket-view-pin-card form b{font-size:12px}}

/* Support v108 — détail de ticket aligné sur la référence. */
body[data-route="ticket"] .content{padding:18px 28px 38px;background:#f4f6f8}
.ticket-view{width:min(1280px,100%);margin:0 auto;color:#17243a}
.ticket-view-head{min-height:62px;margin:0 0 20px;align-items:center}
.ticket-view-title{gap:14px}
.ticket-view-title-icon{width:48px;height:48px;flex-basis:48px;border-radius:50%;background:#e7f0f3;color:#075e82;font-size:23px}
.ticket-view-title>div{gap:12px}
.ticket-view-title h1{max-width:800px;color:#101f35;font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.035em}
.ticket-view-close,.ticket-view-closed{min-height:42px;padding:0 15px;border-radius:9px;background:#e7f0f3;color:#234b64;font-size:14px;font-weight:500}
.ticket-view-close:hover{background:#dce9ee;color:#0b4f70}
.ticket-view-layout{grid-template-columns:minmax(0,1fr) 370px;gap:24px}
.ticket-view-main{display:grid;gap:20px}
.ticket-view-reply{margin:0;overflow:hidden;border:1px solid #d9e0e7;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(20,35,55,.02)}
.ticket-view-reply summary{height:68px;padding:0 20px;color:#1e3047;font-size:15px}
.ticket-view-reply summary>span{gap:11px}
.ticket-view-reply summary>span>i{width:32px;height:32px;border-radius:8px;background:#e8f1f4;color:#176384;font-size:17px}
.ticket-view-reply summary>i{font-size:20px}
.ticket-view-reply form{padding:0 20px 18px;border-top:0}
.ticket-view-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ticket-view-reply textarea{min-height:190px;padding:14px 15px;border-color:#d6dee7;border-radius:10px;color:#28384f;font-size:14px;line-height:1.65}
.ticket-view-reply textarea::placeholder{color:#9aa5b5}
.ticket-view-reply form>footer{min-height:64px;margin-top:16px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e3e8ee}
.ticket-view-reply form>footer>span{display:inline-flex;align-items:center;gap:6px;color:#748197;font-size:12px}
.ticket-view-reply form>footer>span i{color:#396983;font-size:16px}
.ticket-view-reply form>footer>button{min-height:40px;padding:0 16px;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:9px;background:#075e82;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.ticket-view-reply form>footer>button:hover{background:#044e6d}
.ticket-view-conversation{gap:16px}
.ticket-view-message{padding:18px 20px;border-color:#d9e0e7;border-radius:12px;box-shadow:0 1px 2px rgba(20,35,55,.018)}
.ticket-view-message.is-support{border-color:#bcd2de;background:#f8fbfc}
.ticket-view-message>header{grid-template-columns:44px minmax(0,1fr) auto;gap:12px;padding-bottom:13px}
.ticket-view-avatar{width:40px;height:40px;background:#e7f0f3;color:#075e82;font-size:13px}
.ticket-view-avatar i{font-size:22px}
.ticket-view-message>header>div{gap:8px}
.ticket-view-message>header strong{color:#12243c;font-size:14px}
.ticket-view-message>header small{padding:0;background:transparent;color:#55708d;font-size:11px;font-weight:600;letter-spacing:.03em}
.ticket-view-message>header time{color:#718096;font-size:12px}
.ticket-view-message-body{padding:14px 0 2px 56px;color:#354861;font-size:14px;line-height:1.72}
.ticket-view-aside{gap:16px}
.ticket-view-card{padding:22px 24px;border-color:#d9e0e7;border-radius:12px;box-shadow:0 2px 5px rgba(22,37,57,.025)}
.ticket-view-card h2{color:#24344b;font-size:16px}
.ticket-view-card>p{margin-top:7px;color:#738095;font-size:13px;line-height:1.55}
.ticket-view-details dl{margin-top:13px}
.ticket-view-details dl>div{min-height:48px;gap:14px}
.ticket-view-details dt{color:#77849a;font-size:13px}
.ticket-view-details dd{color:#27374e;font-size:13px;font-weight:600}
.ticket-view-status{min-height:23px;padding:4px 8px;gap:5px;border-radius:7px;font-size:11px;font-weight:600}
.ticket-view-status i{font-size:12px}
.ticket-view-priority{gap:7px}
.ticket-view-priority i{width:9px;height:9px}
.ticket-view-related-service{align-items:flex-start!important;padding:12px 0}
.ticket-view-related-service dt{padding-top:4px;white-space:nowrap}
.ticket-view-related-service dd{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.ticket-view-related-service a{display:inline-flex;align-items:center;gap:5px;color:#075e82;font-weight:650;text-decoration:none}
.ticket-view-related-service a:hover{text-decoration:underline}
.ticket-view-related-service a i{font-size:17px}
.ticket-view-service-status{min-height:22px;padding:3px 7px;display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:#edf1f5;color:#657387;font-size:11px;font-weight:600}
.ticket-view-service-status.success{background:#e0f1e8;color:#31745b}
.ticket-view-service-status.warning{background:#fff0c9;color:#8a5b05}
.ticket-view-service-status.danger{background:#fee8eb;color:#ad3344}
.ticket-view-service-status i{font-size:13px}
.ticket-view-no-service{color:#8a96a7;font-weight:500}
.ticket-view-pin-card form{min-height:42px;margin-top:15px;padding:0 10px;border-radius:9px}
.ticket-view-pin-card form>i{font-size:16px}
.ticket-view-pin-card form>span{font-size:12px}
.ticket-view-pin-card form b{margin-left:7px;font-size:14px}
.ticket-view-pin-card form button{width:30px;height:30px;font-size:16px}
.ticket-view-docs a{min-height:40px;margin-top:15px;border-radius:8px;font-size:13px}
.ticket-view-closed-note{margin-top:0;padding:16px 18px;border-radius:10px}
.ticket-view-closed-note strong{font-size:14px}
.ticket-view-closed-note p{font-size:12px}

.ticket-close-dialog{width:min(620px,calc(100% - 32px));max-width:none;padding:0;overflow:hidden;border:0;border-radius:20px;background:#fff;color:#19263b;box-shadow:0 26px 80px rgba(10,20,34,.32)}
.ticket-close-dialog::backdrop{background:rgba(17,25,38,.48);backdrop-filter:blur(4px)}
.ticket-close-dialog form{margin:0}
.ticket-close-dialog form>header{min-height:118px;padding:26px 70px 24px 28px;display:flex;align-items:center;gap:17px;border-bottom:1px solid #e2e7ed}
.ticket-close-dialog form>header>span{width:56px;height:56px;display:grid;place-items:center;flex:0 0 56px;border-radius:13px;background:#e7f0f3;color:#075e82}
.ticket-close-dialog form>header>span i{font-size:29px}
.ticket-close-dialog form>header h2{margin:0;color:#18263c;font-size:25px;letter-spacing:-.025em}
.ticket-close-dialog form>header p{margin:4px 0 0;color:#788599;font-size:14px}
.ticket-close-dialog form>header>button{position:absolute;top:23px;right:23px;width:38px;height:38px;padding:0;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#6d7580;font-size:29px;cursor:pointer}
.ticket-close-dialog form>header>button:hover{background:#f1f3f5;color:#263141}
.ticket-close-dialog-body{padding:48px 46px 45px;text-align:center}
.ticket-close-dialog-body>strong{display:block;color:#1c2a40;font-size:23px;line-height:1.3}
.ticket-close-dialog-body>p{margin:10px 0 26px;color:#778397;font-size:17px}
.ticket-rating{margin:0;padding:0;display:flex;flex-direction:row-reverse;justify-content:center;gap:9px;border:0}
.ticket-rating label{position:relative;color:#cbd2da;font-size:44px;line-height:1;cursor:pointer;transition:color .12s ease,transform .12s ease}
.ticket-rating label:hover,.ticket-rating label:has(input:checked){color:#f5b800;transform:translateY(-2px)}
.ticket-rating label:has(input:checked)~label,.ticket-rating label:hover~label{color:#f5b800}
.ticket-rating label:has(input:focus-visible){outline:3px solid rgba(7,94,130,.25);outline-offset:3px;border-radius:5px}
.ticket-rating input{position:absolute;opacity:0;pointer-events:none}
.ticket-rating label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.ticket-close-dialog form>footer{min-height:90px;padding:17px 28px;display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid #e2e7ed;background:#f7f9fa}
.ticket-close-dialog form>footer button{min-height:46px;padding:0 18px;border:0;border-radius:10px;background:#e8f0f3;color:#536477;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.ticket-close-dialog form>footer button[type="submit"]{display:inline-flex;align-items:center;gap:7px;background:#075e82;color:#fff}
.ticket-close-dialog form>footer button[type="submit"]:hover{background:#044e6d}

@media(max-width:1020px){
  .ticket-view-layout{grid-template-columns:1fr}
  .ticket-view-aside{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ticket-view-details{grid-row:span 2}
}
@media(max-width:700px){
  body[data-route="ticket"] .content{padding:12px 14px 28px}
  .ticket-view-head{min-height:0;margin-bottom:16px;align-items:stretch;flex-direction:column}
  .ticket-view-title{align-items:flex-start}
  .ticket-view-title-icon{width:42px;height:42px;flex-basis:42px;font-size:20px}
  .ticket-view-title>div{display:block}
  .ticket-view-title h1{font-size:20px}
  .ticket-view-title .ticket-view-status{margin-top:8px}
  .ticket-view-close{width:100%}
  .ticket-view-layout,.ticket-view-main{gap:14px}
  .ticket-view-reply summary{height:58px;padding:0 14px}
  .ticket-view-reply form{padding:0 14px 14px}
  .ticket-view-reply textarea{min-height:155px;font-size:16px}
  .ticket-view-reply form>footer{align-items:stretch;flex-direction:column}
  .ticket-view-reply form>footer>button{justify-content:center}
  .ticket-view-message{padding:15px 14px}
  .ticket-view-message>header{grid-template-columns:38px minmax(0,1fr)}
  .ticket-view-avatar{width:36px;height:36px}
  .ticket-view-message>header time{grid-column:2;font-size:12px;white-space:normal}
  .ticket-view-message-body{padding:12px 0 0;font-size:14px}
  .ticket-view-aside{grid-template-columns:1fr}
  .ticket-view-details{grid-row:auto}
  .ticket-view-card{padding:18px 16px}
  .ticket-view-details dl>div{min-height:46px}
  .ticket-view-related-service{display:block!important}
  .ticket-view-related-service dt{margin-bottom:9px}
  .ticket-view-related-service dd{justify-content:flex-start;text-align:left}
  .ticket-close-dialog{width:calc(100% - 20px);border-radius:16px}
  .ticket-close-dialog form>header{min-height:96px;padding:20px 58px 18px 20px}
  .ticket-close-dialog form>header>span{width:46px;height:46px;flex-basis:46px}
  .ticket-close-dialog form>header h2{font-size:21px}
  .ticket-close-dialog form>header>button{top:16px;right:14px}
  .ticket-close-dialog-body{padding:34px 20px}
  .ticket-close-dialog-body>strong{font-size:20px}
  .ticket-close-dialog-body>p{font-size:15px}
  .ticket-rating{gap:5px}
  .ticket-rating label{font-size:39px}
  .ticket-close-dialog form>footer{padding:14px 18px}
}

/* Support v109 — identité publique unique pour les réponses de l’équipe. */
.ticket-view-message>header small.ticket-view-support-badge{min-height:25px;padding:3px 9px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#e5f0f5;color:#075e82;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.ticket-view-message>header small.ticket-view-support-badge i{font-size:16px}
.ticket-view-message>header small.ticket-view-author-badge{color:#60738c;font-size:11px;font-weight:600}

/* Support v110 — densité plus compacte pour la conversation et la fermeture. */
.ticket-view{width:min(1220px,100%)}
.ticket-view-head{min-height:52px;margin-bottom:15px}
.ticket-view-title-icon{width:42px;height:42px;flex-basis:42px;font-size:20px}
.ticket-view-title h1{font-size:21px}
.ticket-view-close,.ticket-view-closed{min-height:37px;padding:0 13px;font-size:13px}
.ticket-view-layout{grid-template-columns:minmax(0,1fr) 345px;gap:18px}
.ticket-view-main{gap:14px}
.ticket-view-reply{border-radius:10px}
.ticket-view-reply summary{height:56px;padding:0 17px;font-size:14px}
.ticket-view-reply summary>span>i{width:29px;height:29px;font-size:15px}
.ticket-view-reply form{padding:0 17px 14px}
.ticket-view-reply textarea{min-height:140px;padding:11px 12px;font-size:13px;line-height:1.55}
.ticket-view-reply form>footer{min-height:52px;margin-top:11px;padding-top:11px}
.ticket-view-reply form>footer>button{min-height:36px;padding:0 13px;font-size:13px}
.ticket-view-conversation{gap:12px}
.ticket-view-message{padding:14px 16px;border-radius:10px}
.ticket-view-message>header{grid-template-columns:39px minmax(0,1fr) auto;gap:10px;padding-bottom:10px}
.ticket-view-avatar{width:36px;height:36px;font-size:12px}
.ticket-view-avatar i{font-size:20px}
.ticket-view-message>header strong{font-size:13px}
.ticket-view-message-body{padding:11px 0 0 49px;font-size:13px;line-height:1.6}
.ticket-view-aside{gap:12px}
.ticket-view-card{padding:16px 18px;border-radius:10px}
.ticket-view-card h2{font-size:14px}
.ticket-view-card>p{margin-top:5px;font-size:12px;line-height:1.45}
.ticket-view-details dl{margin-top:8px}
.ticket-view-details dl>div{min-height:40px}
.ticket-view-details dt,.ticket-view-details dd{font-size:12px}
.ticket-view-related-service{padding:9px 0}
.ticket-view-pin-card form{min-height:38px;margin-top:11px}
.ticket-view-pin-card form>span{font-size:11px}
.ticket-view-pin-card form b{font-size:13px}
.ticket-view-docs a{min-height:35px;margin-top:11px;font-size:12px}
.ticket-view-message>header small.ticket-view-support-badge{min-height:22px;padding:2px 7px;font-size:11px}
.ticket-view-message>header small.ticket-view-support-badge i{font-size:14px}

.ticket-close-dialog{width:min(500px,calc(100% - 28px));border-radius:16px}
.ticket-close-dialog form>header{min-height:88px;padding:19px 58px 17px 22px;gap:13px}
.ticket-close-dialog form>header>span{width:44px;height:44px;flex-basis:44px;border-radius:10px}
.ticket-close-dialog form>header>span i{font-size:23px}
.ticket-close-dialog form>header h2{font-size:20px}
.ticket-close-dialog form>header p{margin-top:2px;font-size:12px}
.ticket-close-dialog form>header>button{top:15px;right:15px;width:34px;height:34px;font-size:25px}
.ticket-close-dialog-body{padding:30px 25px 29px}
.ticket-close-dialog-body>strong{font-size:18px}
.ticket-close-dialog-body>p{margin:7px 0 19px;font-size:14px}
.ticket-rating{gap:6px}
.ticket-rating label{font-size:35px}
.ticket-close-dialog form>footer{min-height:70px;padding:12px 20px;gap:8px}
.ticket-close-dialog form>footer button{min-height:39px;padding:0 14px;border-radius:8px;font-size:13px}

@media(max-width:700px){
  .ticket-view-layout,.ticket-view-main{gap:12px}
  .ticket-view-message{padding:13px}
  .ticket-view-message>header{grid-template-columns:35px minmax(0,1fr)}
  .ticket-view-avatar{width:33px;height:33px}
  .ticket-view-message-body{padding-top:10px;font-size:13px}
  .ticket-view-card{padding:15px}
  .ticket-close-dialog form>header{min-height:82px;padding:17px 52px 15px 17px}
  .ticket-close-dialog-body{padding:27px 17px}
  .ticket-close-dialog-body>strong{font-size:17px}
  .ticket-rating label{font-size:33px}
  .ticket-close-dialog form>footer{min-height:64px;padding:10px 14px}
}

/* Support v111 — confirmations et erreurs sous forme de toasts. */
.support-flash-stack{position:fixed;right:18px;bottom:18px;z-index:12000;width:min(390px,calc(100vw - 28px));display:grid;gap:10px;pointer-events:none}
.support-flash-toast{position:relative;min-height:72px;padding:13px 42px 13px 13px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;overflow:hidden;border:1px solid #cddbeb;border-radius:12px;background:#fff;color:#29435f;box-shadow:0 16px 42px rgba(23,38,58,.16);pointer-events:auto;animation:support-flash-in .2s ease-out}
.support-flash-toast:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#3b76b7;transform-origin:left;animation:support-flash-progress 6s linear forwards}
.support-flash-toast:hover:after{animation-play-state:paused}
.support-flash-toast.is-leaving{opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}
.support-flash-toast-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e8f1fb;color:#326ca9;font-size:21px}
.support-flash-toast-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.support-flash-toast-copy strong{color:#24364d;font-size:13px;line-height:1.35}
.support-flash-toast-copy small{color:#65758a;font-size:12px;line-height:1.45}
.support-flash-toast>button{position:absolute;right:8px;top:8px;width:29px;height:29px;padding:0;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#7c899a;font-size:19px;cursor:pointer}
.support-flash-toast>button:hover{background:#f0f3f6;color:#34465b}
.support-flash-toast.success{border-color:#bfe2d3}.support-flash-toast.success:after{background:#248260}.support-flash-toast.success .support-flash-toast-icon{background:#e2f3eb;color:#217758}
.support-flash-toast.danger{border-color:#efc6ce}.support-flash-toast.danger:after{background:#c34255}.support-flash-toast.danger .support-flash-toast-icon{background:#fbe6ea;color:#bb384d}
.support-flash-toast.warning{border-color:#ead8a8}.support-flash-toast.warning:after{background:#b47a18}.support-flash-toast.warning .support-flash-toast-icon{background:#fbf0d5;color:#98630e}
@keyframes support-flash-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes support-flash-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:620px){.support-flash-stack{right:14px;bottom:14px;width:calc(100vw - 28px)}.support-flash-toast{min-height:68px;padding:11px 39px 11px 11px}.support-flash-toast-copy strong{font-size:12px}.support-flash-toast-copy small{font-size:11px}}

/* Support v123 — fiche ticket fluide et réellement mobile. */
body[data-route="ticket"] .content{width:100%;max-width:none;margin:0;padding:0;background:#f4f6f8}
body[data-route="ticket"] .ticket-view{width:100%;max-width:none;margin:0;padding:12px 14px 28px;color:#17243a}
body[data-route="ticket"] .ticket-view-layout{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) minmax(320px,335px)}
body[data-route="ticket"] .ticket-view-main,
body[data-route="ticket"] .ticket-view-aside,
body[data-route="ticket"] .ticket-view-message,
body[data-route="ticket"] .ticket-view-card{min-width:0}
body[data-route="ticket"] .ticket-view-title{min-width:0;flex:1}
body[data-route="ticket"] .ticket-view-title>div{min-width:0}
body[data-route="ticket"] .ticket-view-title h1{max-width:none;overflow-wrap:anywhere}
body[data-route="ticket"] .ticket-view-message>header>div{min-width:0}
body[data-route="ticket"] .ticket-view-message-body{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
body[data-route="ticket"] .ticket-view-details dd{min-width:0;max-width:68%;overflow-wrap:anywhere}
body[data-route="ticket"] .ticket-view-related-service dd{max-width:72%}
body[data-route="ticket"] .ticket-view-related-service a{min-width:0;max-width:100%;overflow-wrap:anywhere}
body[data-route="ticket"] .ticket-view-pin-card form{min-width:0}
body[data-route="ticket"] .ticket-view-pin-card form>span{min-width:0}
.ticket-close-dialog{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);overflow:auto;overscroll-behavior:contain}

@media(max-width:1020px){
  body[data-route="ticket"] .ticket-view-layout{grid-template-columns:1fr}
}

@media(max-width:700px){
  body[data-route="ticket"] .ticket-view{padding:8px 8px 20px}
  body[data-route="ticket"] .ticket-view-head{gap:10px;margin-bottom:11px}
  body[data-route="ticket"] .ticket-view-title{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px}
  body[data-route="ticket"] .ticket-view-title-icon{width:36px;height:36px;flex-basis:36px;font-size:18px}
  body[data-route="ticket"] .ticket-view-title>div{display:flex;align-items:flex-start;flex-direction:column;gap:6px}
  body[data-route="ticket"] .ticket-view-title h1{width:100%;font-size:18px;line-height:1.3}
  body[data-route="ticket"] .ticket-view-title .ticket-view-status{margin-top:0}
  body[data-route="ticket"] .ticket-view-close,
  body[data-route="ticket"] .ticket-view-closed{width:100%;min-height:40px}
  body[data-route="ticket"] .ticket-view-layout,
  body[data-route="ticket"] .ticket-view-main{gap:10px}
  body[data-route="ticket"] .ticket-view-reply summary{height:52px;padding:0 12px}
  body[data-route="ticket"] .ticket-view-reply form{padding:0 12px 12px}
  body[data-route="ticket"] .ticket-view-reply form>footer{gap:10px;margin-top:10px;padding-top:10px}
  body[data-route="ticket"] .ticket-view-reply form>footer>span{font-size:12px;line-height:1.45}
  body[data-route="ticket"] .ticket-view-reply form>footer>button{width:100%;min-height:42px;justify-content:center}
  body[data-route="ticket"] .ticket-view-message{padding:12px}
  body[data-route="ticket"] .ticket-view-message>header{grid-template-columns:34px minmax(0,1fr);gap:9px}
  body[data-route="ticket"] .ticket-view-avatar{width:34px;height:34px}
  body[data-route="ticket"] .ticket-view-message>header>div{align-items:flex-start;flex-direction:column;gap:4px}
  body[data-route="ticket"] .ticket-view-message>header time{grid-column:2;white-space:normal}
  body[data-route="ticket"] .ticket-view-message-body{padding:10px 0 0;font-size:14px;line-height:1.6}
  body[data-route="ticket"] .ticket-view-aside{grid-template-columns:1fr;gap:10px}
  body[data-route="ticket"] .ticket-view-details{grid-row:auto}
  body[data-route="ticket"] .ticket-view-card{padding:14px 13px}
  body[data-route="ticket"] .ticket-view-details dl>div{min-height:44px;align-items:flex-start;padding:10px 0}
  body[data-route="ticket"] .ticket-view-details dt{flex:0 0 36%}
  body[data-route="ticket"] .ticket-view-details dd{max-width:64%;text-align:right}
  body[data-route="ticket"] .ticket-view-related-service{display:grid!important;grid-template-columns:1fr;gap:7px}
  body[data-route="ticket"] .ticket-view-related-service dt{margin:0;padding:0}
  body[data-route="ticket"] .ticket-view-related-service dd{max-width:100%;justify-content:flex-start;text-align:left}
  body[data-route="ticket"] .ticket-view-pin-card form{min-height:48px;padding:5px 6px 5px 9px;display:grid;grid-template-columns:18px minmax(0,1fr) 34px 34px;gap:5px}
  body[data-route="ticket"] .ticket-view-pin-card form>span{display:flex;align-items:center;flex-wrap:wrap;gap:3px;font-size:11px;line-height:1.3}
  body[data-route="ticket"] .ticket-view-pin-card form b{margin-left:3px;font-size:13px}
  body[data-route="ticket"] .ticket-view-pin-card form button{width:34px;height:34px}
  .ticket-close-dialog{width:calc(100% - 12px);max-height:calc(100dvh - 12px);border-radius:13px}
  .ticket-close-dialog form>header{min-height:74px;padding:13px 47px 12px 13px;gap:10px}
  .ticket-close-dialog form>header>span{width:38px;height:38px;flex-basis:38px}
  .ticket-close-dialog form>header h2{font-size:18px}
  .ticket-close-dialog form>header>button{top:10px;right:9px;width:34px;height:34px}
  .ticket-close-dialog-body{padding:22px 13px}
  .ticket-close-dialog-body>strong{font-size:16px}
  .ticket-close-dialog-body>p{margin:6px 0 15px;font-size:13px}
  .ticket-rating{gap:2px}
  .ticket-rating label{font-size:31px}
  .ticket-close-dialog form>footer{min-height:58px;padding:9px 10px;gap:7px}
  .ticket-close-dialog form>footer button{min-height:40px;padding:0 12px;font-size:12px}
}

@media(max-width:380px){
  body[data-route="ticket"] .ticket-view{padding-inline:5px}
  body[data-route="ticket"] .ticket-view-details dl>div{display:grid;grid-template-columns:1fr;gap:4px}
  body[data-route="ticket"] .ticket-view-details dt,
  body[data-route="ticket"] .ticket-view-details dd{max-width:100%;text-align:left}
  body[data-route="ticket"] .ticket-view-pin-card form{grid-template-columns:18px minmax(0,1fr) 32px 32px}
  body[data-route="ticket"] .ticket-view-pin-card form button{width:32px;height:32px}
}

/* Support v132 — carte Premium compacte sous les détails du ticket. */
.ticket-view-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:0 0 auto}
.ticket-view-premium-card{padding:14px 15px!important;border-color:#d8d9fb!important;background:linear-gradient(145deg,#fff 15%,#f7f6ff 100%)}
.ticket-view-premium-card>header{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px}
.ticket-view-premium-card-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#ebe9ff;color:#6d4ee8;font-size:19px}
.ticket-view-premium-card header>div{min-width:0}
.ticket-view-premium-card header small{display:block;margin-bottom:2px;color:#8682a5;font-size:10px;font-weight:600}
.ticket-view-premium-card header h2{margin:0;color:#2c2852;font-size:14px;line-height:1.25}
.ticket-view-premium-state{display:inline-flex;align-items:center;gap:5px;color:#3f7560;font-size:10px;font-weight:700;white-space:nowrap}
.ticket-view-premium-state i{width:6px;height:6px;border-radius:50%;background:#3cab75}
.ticket-view-premium-state.cancelled{color:#91661b}
.ticket-view-premium-state.cancelled i{background:#e0a832}
.ticket-view-premium-card>footer{margin-top:12px;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e4e3f5}
.ticket-view-premium-card>footer>span{display:inline-flex;align-items:center;gap:6px;color:#6c6983;font-size:11px;font-weight:600}
.ticket-view-premium-card>footer>span i{color:#7663cf;font-size:14px}
.ticket-view-premium-manage{position:relative;min-height:28px;padding:0 9px;display:inline-flex;align-items:center;gap:3px;border:1px solid #d1d0f3;border-radius:7px;background:#fff;color:#5043a8;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap;transition:border-color .18s ease,background .18s ease}
.ticket-view-premium-manage:hover{border-color:#aaa8e9;background:#f3f1ff;color:#40358d}
.ticket-view-premium-manage:focus-visible{outline:2px solid #6366f1;outline-offset:2px}
.ticket-view-premium-manage::after{content:attr(data-bs-title);position:absolute;right:0;bottom:calc(100% + 12px);z-index:80;width:270px;padding:10px 14px;border-radius:12px;background:#202d44;box-shadow:0 10px 24px rgba(15,23,42,.2);color:#fff;font-size:13px;font-weight:500;line-height:1.5;text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none}
.ticket-view-premium-manage::before{content:"";position:absolute;right:20px;bottom:calc(100% + 6px);z-index:81;width:12px;height:12px;background:#202d44;opacity:0;visibility:hidden;pointer-events:none;transform:rotate(45deg)}
.ticket-view-premium-manage:hover::after,.ticket-view-premium-manage:hover::before,.ticket-view-premium-manage:focus-visible::after,.ticket-view-premium-manage:focus-visible::before{opacity:1;visibility:visible}
@media(max-width:700px){
  body[data-route="ticket"] .ticket-view-head-actions{width:100%;justify-content:flex-end}
  body[data-route="ticket"] .ticket-view-head-actions .ticket-view-close,
  body[data-route="ticket"] .ticket-view-head-actions .ticket-view-closed{width:auto;min-width:0;flex:1}
}
@media(max-width:380px){
  body[data-route="ticket"] .ticket-view-head-actions{gap:6px}
  body[data-route="ticket"] .ticket-view-head-actions .ticket-view-close,
  body[data-route="ticket"] .ticket-view-head-actions .ticket-view-closed{padding-inline:9px;font-size:11px}
  body[data-route="ticket"] .ticket-view-premium-card>header{grid-template-columns:36px minmax(0,1fr)}
  body[data-route="ticket"] .ticket-view-premium-state{grid-column:2}
  body[data-route="ticket"] .ticket-view-premium-card>footer{align-items:flex-start;flex-direction:column}
  body[data-route="ticket"] .ticket-view-premium-manage{width:100%;justify-content:center}
}
@media(min-width:701px) and (max-width:1020px){
  body[data-route="ticket"] .ticket-view-premium-card{grid-column:1}
}

/* Support v133 — nouveau ticket en pleine largeur, sans marge col-12. */
body[data-route="ticket-new"] .content{width:100%;max-width:none;margin:0;padding:0;background:#f4f6f8}
body[data-route="ticket-new"] .ticket-new-page{width:100%;max-width:none;margin:0;padding:12px 14px 28px}
@media(max-width:700px){
  body[data-route="ticket-new"] .ticket-new-page{margin:0;padding:8px 8px 20px}
}

/* Support v135 — boîte de réception compacte. */
.support-desk{width:100%;margin:-8px 0 28px;color:#152238}
.support-desk-banner{position:relative;overflow:hidden;min-height:118px;margin:0 0 14px;padding:22px 22px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #d7e3f5;border-radius:16px;background:linear-gradient(128deg,#f5f8ff 0%,#eef4ff 48%,#f8fbff 100%);box-shadow:0 14px 30px rgba(50,76,126,.08)}
.support-desk-banner-main,.support-desk-banner-actions{position:relative;z-index:1;min-width:0}
.support-desk-banner-main{display:flex;align-items:center;gap:16px;min-width:0}
.support-desk-banner-icon{width:60px;height:60px;flex:0 0 60px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(180deg,#f0f5ff 0%,#e3ecff 100%);border:1px solid #d7e3fb;color:#2e66dc;box-shadow:0 10px 26px rgba(46,102,220,.1)}
.support-desk-banner-icon i{font-size:30px}
.support-desk-banner-copy{min-width:0}
.support-desk-banner-eyebrow{display:block;margin:0 0 5px;color:#2d63db;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.support-desk-banner-copy h1{margin:0;color:#101b2e;font-size:33px;font-weight:800;line-height:1.02;letter-spacing:-.045em}
.support-desk-banner-stats{margin-top:11px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.support-desk-banner-stat{min-height:36px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe6f7;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 6px 16px rgba(48,73,126,.05)}
.support-desk-banner-stat strong{color:#16284b;font-size:18px;font-weight:800;line-height:1}
.support-desk-banner-stat small{color:#5f6f87;font-size:12px;font-weight:700}
.support-desk-banner-stat.muted{background:rgba(244,248,255,.9)}
.support-desk-banner-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;max-width:48%}
.support-desk-banner-art{position:absolute;right:308px;top:0;bottom:0;width:250px;pointer-events:none;z-index:0;overflow:hidden}
.support-desk-banner-art-glow,.support-desk-banner-art-disc{position:absolute;border-radius:50%}
.support-desk-banner-art-glow{left:20px;top:-72px;width:215px;height:215px;background:radial-gradient(circle,rgba(107,143,226,.12) 0%,rgba(107,143,226,.055) 42%,rgba(107,143,226,0) 72%)}
.support-desk-banner-art-disc{left:55px;top:-54px;width:165px;height:165px;border:18px solid rgba(82,118,205,.055);box-shadow:inset 0 0 0 1px rgba(124,153,221,.025)}
.support-desk-banner-art-headset{position:absolute;left:92px;top:17px;color:rgba(56,94,183,.115);font-size:58px;line-height:1;transform:rotate(-4deg)}
.support-desk-banner-art-message{position:absolute;left:151px;top:50px;color:rgba(63,105,204,.12);font-size:31px;line-height:1;transform:rotate(8deg)}
.support-desk-actions{display:flex;align-items:center;gap:9px}
.support-desk-pin{height:38px;padding:0 5px 0 11px;display:flex;align-items:center;gap:8px;border:1px solid #dce3ec;border-radius:10px;background:#fff;box-shadow:0 2px 6px rgba(29,43,67,.025)}
.support-desk-pin>i{color:#315e9e;font-size:16px}.support-desk-pin>span{display:flex;align-items:baseline;gap:7px;white-space:nowrap}.support-desk-pin small{color:#788599;font-size:11px}.support-desk-pin b{color:#18263d;font-size:12px;letter-spacing:.09em}
.support-desk-pin button{width:27px;height:27px;padding:0;display:grid;place-items:center;border:0;border-radius:7px;background:#f2f5f8;color:#6c7b90;font-size:14px;cursor:pointer;transition:background .15s,color .15s}.support-desk-pin button:hover{background:#e8eef5;color:#274f8b}.support-desk-pin button:focus-visible,.support-desk-new:focus-visible,.support-desk-open:focus-visible,.support-desk-empty button:focus-visible,.support-desk-empty a:focus-visible{outline:3px solid rgba(45,93,174,.2);outline-offset:2px}.support-desk-pin button:disabled{opacity:.45;cursor:not-allowed}.support-desk-pin.loading [data-support-pin-refresh] i{animation:ticket-pin-spin .7s linear infinite}.support-desk-pin.updated b{color:#16805e}.support-desk-pin.failed [data-support-pin-refresh]{color:#c84254;background:#fff0f2}
.support-desk-new{height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:#203b91;color:#fff!important;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 5px 14px rgba(32,59,145,.16);transition:background .15s,box-shadow .15s}.support-desk-new i{color:inherit;font-size:17px}.support-desk-new:hover{background:#172f7d;box-shadow:0 6px 16px rgba(32,59,145,.2)}
.support-desk-pin-banner{height:42px;padding-left:13px;border-color:#d9e4f7;background:rgba(255,255,255,.88);box-shadow:0 10px 22px rgba(32,59,145,.06)}
.support-desk-pin-banner small{font-size:10px;color:#6f7e95;text-transform:uppercase;letter-spacing:.08em}
.support-desk-pin-banner b{font-size:13px;letter-spacing:.14em}
.support-desk-new-banner{height:42px;padding:0 18px;border-radius:12px;background:linear-gradient(135deg,#274fc0 0%,#1d429f 100%);box-shadow:0 10px 22px rgba(31,68,159,.18)}
.support-desk-new-banner:hover{background:linear-gradient(135deg,#2145aa 0%,#173885 100%)}
.support-desk-panel{overflow:hidden;border:1px solid #dfe5ed;border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(23,37,61,.035)}
.support-desk-toolbar{min-height:66px;padding:11px 14px;display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:18px;border-bottom:1px solid #e8ecf1;background:#fcfdfe}
.support-desk-search{height:39px;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;border:1px solid #dce3eb;border-radius:9px;background:#fff;transition:border-color .15s,box-shadow .15s}.support-desk-search:focus-within{border-color:#8ea5c5;box-shadow:0 0 0 3px rgba(49,94,158,.07)}.support-desk-search>i{display:grid;place-items:center;color:#60728a;font-size:18px}.support-desk-search input{width:100%;height:100%;padding:0 11px 0 0;border:0;outline:0;background:transparent;color:#1b293f;font:inherit;font-size:13px}.support-desk-search input::placeholder{color:#9ba5b3}
.support-desk-filters{display:flex;align-items:flex-end;gap:10px}.support-desk-filters>label{display:grid;gap:4px;color:#6f7c8f;font-size:11px;font-weight:600}.support-desk-select{position:relative;display:block}.support-desk-select select{width:156px;height:39px;padding:0 30px 0 11px;appearance:none;border:1px solid #dce3eb;border-radius:9px;outline:0;background:#fff;color:#34445b;font:inherit;font-size:12px;cursor:pointer}.support-desk-filters>label:first-child .support-desk-select select{width:176px}.support-desk-select select:hover,.support-desk-select select:focus{border-color:#9aabc0}.support-desk-select>i{position:absolute;right:9px;top:50%;transform:translateY(-50%);color:#718096;font-size:15px;pointer-events:none}
.support-desk-list-head{min-height:32px;padding:0 16px 0 67px;display:grid;grid-template-columns:minmax(0,1fr) 180px 104px;align-items:center;gap:14px;border-bottom:1px solid #edf0f4;background:#f7f9fb;color:#8a95a5;font-size:11px;font-weight:600}.support-desk-list-head span:nth-child(2){padding-left:4px}
.support-desk-ticket{position:relative;min-height:72px;padding:10px 16px;display:grid;grid-template-columns:minmax(0,1fr) 180px 104px;align-items:center;gap:14px;border-bottom:1px solid #ebeff4;background:#fff;transition:background .15s}.support-desk-ticket:last-child{border-bottom:0}.support-desk-ticket:hover{background:#f9fbfd}.support-desk-ticket.needs-reply{background:linear-gradient(90deg,#fffaf0 0,#fff 18%)}.support-desk-ticket.needs-reply:hover{background:linear-gradient(90deg,#fff7e6 0,#f9fbfd 22%)}.support-desk-ticket.needs-reply::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:#e4a52d}.support-desk-ticket[hidden]{display:none!important}
.support-desk-ticket-main{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;color:inherit;text-decoration:none}.support-desk-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#edf3f7;color:#1b708a;font-size:16px;font-weight:700}.support-desk-avatar.attention{background:#fff0d2;color:#9b6810}.support-desk-avatar.answered{background:#e7f6ef;color:#21745a}.support-desk-avatar.progress{background:#e3f5fa;color:#14718c}.support-desk-avatar.closed{background:#eef1f4;color:#728094}
.support-desk-summary{min-width:0}.support-desk-subject{display:block;overflow:hidden;color:#17243a;font-size:14px;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.support-desk-ticket-main:hover .support-desk-subject{color:#234a91}.support-desk-meta{margin-top:5px;display:flex;align-items:center;gap:8px;min-width:0;color:#7e899a;font-size:11px}.support-desk-meta>b{color:#66758a;font-weight:700}.support-desk-meta>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.support-desk-meta i{font-size:12px}.support-desk-priority>i{width:7px;height:7px;border-radius:50%;background:#12b76a}.support-desk-priority.normal>i{background:#f4b400}.support-desk-priority.high>i{background:#f97316}.support-desk-priority.urgent>i{background:#ef3340}
.support-desk-status{min-height:24px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;border-radius:7px;font-size:11px;font-weight:650;white-space:nowrap}.support-desk-status i{font-size:13px}.support-desk-status.attention{background:#fff0c9;color:#8c6109}.support-desk-status.answered{background:#e2f3eb;color:#256e57}.support-desk-status.progress{background:#dff3f8;color:#176e85}.support-desk-status.open{background:#e9effb;color:#3e6093}.support-desk-status.closed{background:#edf0f3;color:#687688}
.support-desk-activity{min-width:0}.support-desk-activity strong,.support-desk-activity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-desk-activity strong{color:#344258;font-size:12px}.support-desk-activity small{margin-top:4px;color:#8a95a5;font-size:11px}.support-desk-open{height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dce3eb;border-radius:8px;background:#fff;color:#40536d;font-size:11px;font-weight:650;text-decoration:none;transition:border-color .15s,color .15s,background .15s}.support-desk-open i{font-size:16px}.support-desk-open:hover{border-color:#9aabc3;background:#f7faff;color:#234a91}
.support-desk-empty{min-height:255px;padding:38px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.support-desk-first-ticket{border:1px solid #dfe5ed;border-radius:14px;background:#fff}.support-desk-empty>span{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#eef3f8;color:#315e9e;font-size:22px}.support-desk-empty h2{margin:13px 0 0;color:#1c293e;font-size:16px}.support-desk-empty p{margin:6px 0 15px;color:#7b8799;font-size:13px}.support-desk-empty a,.support-desk-empty button{min-height:36px;padding:0 13px;display:inline-flex;align-items:center;gap:5px;border:0;border-radius:8px;background:#203b91;color:#fff;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}.support-desk-no-result[hidden]{display:none!important}
@media(max-width:1120px){.support-desk-toolbar{grid-template-columns:minmax(230px,1fr) auto}.support-desk-filters>label:first-child .support-desk-select select,.support-desk-select select{width:138px}.support-desk-list-head,.support-desk-ticket{grid-template-columns:minmax(0,1fr) 145px 90px}.support-desk-list-head{padding-left:67px}.support-desk-status{font-size:10px}}
@media(max-width:900px){.support-desk-banner{align-items:flex-start;padding:20px}.support-desk-banner-copy h1{font-size:29px}.support-desk-banner-actions{max-width:none}.support-desk-toolbar{grid-template-columns:1fr}.support-desk-filters{display:grid;grid-template-columns:repeat(3,1fr)}.support-desk-filters>label:first-child .support-desk-select select,.support-desk-select select{width:100%}.support-desk-list-head{grid-template-columns:minmax(0,1fr) 128px 38px}.support-desk-ticket{grid-template-columns:minmax(0,1fr) 128px 38px}.support-desk-open{width:34px;padding:0}.support-desk-open span{display:none}.support-desk-ticket-main{grid-template-columns:36px minmax(0,1fr)}.support-desk-status{grid-column:2;width:max-content;margin-top:6px}.support-desk-meta>span:nth-of-type(2){display:none}}
@media(max-width:680px){.support-desk{margin:-5px 0 20px}.support-desk-banner{padding:18px 16px;display:block;min-height:auto}.support-desk-banner-main{align-items:flex-start}.support-desk-banner-icon{width:52px;height:52px;flex-basis:52px;border-radius:15px}.support-desk-banner-icon i{font-size:26px}.support-desk-banner-copy h1{font-size:26px}.support-desk-banner-stats{margin-top:9px}.support-desk-banner-stat{min-height:34px;padding:0 12px}.support-desk-banner-actions{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:stretch}.support-desk-pin{flex:1}.support-desk-new{white-space:nowrap}.support-desk-toolbar{padding:10px;gap:10px}.support-desk-search{height:41px}.support-desk-filters>label{font-size:10px}.support-desk-select select{height:41px}.support-desk-list-head{display:none}.support-desk-ticket{min-height:84px;padding:11px 10px;grid-template-columns:minmax(0,1fr) 34px;gap:9px}.support-desk-ticket-main{grid-column:1}.support-desk-activity{grid-column:1;padding-left:47px;display:flex;align-items:center;gap:6px}.support-desk-activity strong,.support-desk-activity small{display:inline;font-size:10px}.support-desk-activity strong::after{content:" ·"}.support-desk-open{grid-column:2;grid-row:1/3}.support-desk-subject{font-size:13px}.support-desk-meta{font-size:10px}.support-desk-meta>span:nth-of-type(1){display:none}}
@media(max-width:470px){.support-desk-banner{padding:16px 14px;border-radius:14px}.support-desk-banner-main{gap:12px}.support-desk-banner-icon{width:46px;height:46px;flex-basis:46px;border-radius:13px}.support-desk-banner-icon i{font-size:23px}.support-desk-banner-copy h1{font-size:23px}.support-desk-banner-eyebrow{font-size:10px}.support-desk-banner-stat strong{font-size:16px}.support-desk-banner-stat small{font-size:11px}.support-desk-banner-actions{grid-template-columns:1fr}.support-desk-pin,.support-desk-new{width:100%}.support-desk-new{height:40px}.support-desk-filters{grid-template-columns:1fr}.support-desk-filters>label{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px}.support-desk-status{max-width:100%;overflow:hidden;text-overflow:ellipsis}.support-desk-meta>span{max-width:118px;overflow:hidden;text-overflow:ellipsis}.support-desk-activity{padding-left:0}.support-desk-ticket-main{grid-template-columns:34px minmax(0,1fr)}.support-desk-avatar{width:34px;height:34px}}

/* Support v136 — sélecteurs harmonisés et page sans conteneur col-12. */
body[data-route="tickets"] .content{width:100%;max-width:none;margin:0;padding:0;background:#f4f6f8}
body[data-route="tickets"] .support-desk{width:100%;max-width:none;margin:0;padding:12px 14px 28px}
.support-desk-select{width:156px;height:auto;padding:0;display:block;border:0;border-radius:8px;background:transparent;box-shadow:none}
.support-desk-filters>label:first-child .support-desk-select{width:176px}
.support-desk-select .ticket-select-trigger{min-height:40px;padding:5px 8px;grid-template-columns:25px minmax(0,1fr) 16px;gap:7px;border-radius:8px}
.support-desk-select .ticket-select-icon{width:25px;height:25px;border-radius:6px;font-size:14px}
.support-desk-select .ticket-select-value strong{font-size:11px}.support-desk-select .ticket-select-value small{font-size:8px}
.support-desk-select .ticket-select-panel{top:calc(100% + 5px);border-radius:8px}.support-desk-select .ticket-select-option{min-height:38px;grid-template-columns:25px minmax(0,1fr) 16px}.support-desk-select .ticket-select-option strong{font-size:10px}
.support-desk-panel{overflow:visible}.support-desk-toolbar{position:relative;z-index:4;border-radius:14px 14px 0 0}
@media(max-width:1120px){.support-desk-select,.support-desk-filters>label:first-child .support-desk-select{width:145px}}
@media(max-width:900px){.support-desk-select,.support-desk-filters>label:first-child .support-desk-select{width:100%}}
@media(max-width:680px){body[data-route="tickets"] .support-desk{padding:8px 8px 20px}.support-desk-select .ticket-select-panel{position:fixed;left:12px;right:12px;top:auto!important;bottom:max(12px,env(safe-area-inset-bottom));z-index:1002;width:auto;max-height:min(65vh,360px);max-height:min(65dvh,360px)}.support-desk-select .ticket-select-options{max-height:min(calc(65vh - 20px),330px);max-height:min(calc(65dvh - 20px),330px);overflow-y:auto;-webkit-overflow-scrolling:touch}.support-desk-select .ticket-select-trigger,.support-desk-select .ticket-select-option{touch-action:manipulation;-webkit-tap-highlight-color:transparent}}

/* Support v137 — libellés complets et tous les départements. */
.support-desk-filters>label:nth-child(1) .support-desk-select{width:180px}
.support-desk-filters>label:nth-child(2) .support-desk-select{width:210px}
.support-desk-filters>label:nth-child(3) .support-desk-select{width:165px}
@media(max-width:1120px){.support-desk-filters>label:nth-child(1) .support-desk-select{width:170px}.support-desk-filters>label:nth-child(2) .support-desk-select{width:200px}.support-desk-filters>label:nth-child(3) .support-desk-select{width:155px}}
@media(max-width:900px){.support-desk-filters>label:nth-child(1) .support-desk-select,.support-desk-filters>label:nth-child(2) .support-desk-select,.support-desk-filters>label:nth-child(3) .support-desk-select{width:100%}}

/* Support v139 — écran de limite Support Essentiel. */
.ticket-limit-page{width:100%;max-width:none;margin:0;padding:12px 14px 28px;color:#152238}
.ticket-limit-page-head{min-height:52px;padding:0 0 10px;display:flex;align-items:center;gap:10px}.ticket-limit-page-head>a{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid #dbe2ea;border-radius:8px;background:#fff;color:#4c5d74;font-size:17px;text-decoration:none;transition:border-color .15s,color .15s}.ticket-limit-page-head>a:hover{border-color:#9cacc1;color:#244a91}.ticket-limit-page-head h1{margin:0;color:#122038;font-size:22px;line-height:1.15;letter-spacing:-.035em}.ticket-limit-page-head p{margin:2px 0 0;color:#8792a2;font-size:11px}
.ticket-limit-shell{min-height:385px;display:grid;grid-template-columns:minmax(0,1fr) 320px;overflow:hidden;border:1px solid #dfe5ed;border-radius:14px;background:#fff;box-shadow:0 7px 24px rgba(23,37,61,.05)}
.ticket-limit-main{padding:32px 36px 30px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;background:linear-gradient(135deg,#fff 0%,#fff 72%,#f7f9fd 100%)}
.ticket-limit-kicker{min-height:27px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;border-radius:7px;background:#fff3d6;color:#8c620e;font-size:11px;font-weight:700}.ticket-limit-kicker i{font-size:14px}.ticket-limit-main h2{margin:15px 0 8px;color:#101c31;font-size:26px;line-height:1.15;letter-spacing:-.04em}.ticket-limit-main>p{max-width:670px;margin:0;color:#68768b;font-size:14px;line-height:1.65}
.ticket-limit-current{width:min(690px,100%);min-height:78px;margin-top:22px;padding:12px 13px;display:grid;grid-template-columns:40px minmax(0,1fr) 31px;align-items:center;gap:12px;border:1px solid #dce4ed;border-radius:11px;background:#fbfcfe;color:inherit;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s}.ticket-limit-current:hover{border-color:#aabbd0;background:#fff;box-shadow:0 6px 16px rgba(24,41,66,.055)}.ticket-limit-current-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#e8f3f7;color:#176b87;font-size:19px}.ticket-limit-current-copy{min-width:0;display:grid}.ticket-limit-current-copy small{color:#758399;font-size:11px}.ticket-limit-current-copy strong{margin-top:3px;overflow:hidden;color:#1b2a41;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.ticket-limit-current-copy em{width:max-content;margin-top:5px;display:inline-flex;align-items:center;gap:5px;color:#247158;font-size:10px;font-style:normal;font-weight:650}.ticket-limit-current-copy em i{width:6px;height:6px;border-radius:50%;background:#23a979}.ticket-limit-current-arrow{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#edf2f7;color:#50637c;font-size:18px}.ticket-limit-current:hover .ticket-limit-current-arrow{background:#e5ecf5;color:#234a91}
.ticket-limit-actions{margin-top:17px;display:flex;align-items:center;gap:9px}.ticket-limit-primary,.ticket-limit-secondary{min-height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;font-size:12px;font-weight:700;text-decoration:none}.ticket-limit-primary{background:#203b91;color:#fff;box-shadow:0 5px 14px rgba(32,59,145,.16)}.ticket-limit-primary:hover{background:#172f7d;color:#fff}.ticket-limit-primary i{font-size:16px}.ticket-limit-secondary{border:1px solid #dce3eb;background:#fff;color:#53647b}.ticket-limit-secondary:hover{border-color:#a6b5c8;color:#234a91}
.ticket-limit-plan{padding:27px 24px;display:flex;flex-direction:column;border-left:1px solid #e2e7ee;background:#f7f9fc}.ticket-limit-plan-head{padding-bottom:18px;display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #dde4ec}.ticket-limit-plan-head>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e9eefb;color:#4056a3;font-size:18px}.ticket-limit-plan-head div{display:grid}.ticket-limit-plan-head small{color:#8490a1;font-size:10px}.ticket-limit-plan-head strong{margin-top:2px;color:#243249;font-size:13px}.ticket-limit-plan-head em{padding:4px 7px;border-radius:999px;background:#e2f3eb;color:#277158;font-size:9px;font-style:normal;font-weight:700}
.ticket-limit-plan-rule{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e7ed}.ticket-limit-plan-rule span{color:#778499;font-size:11px}.ticket-limit-plan-rule strong{color:#2b3a51;font-size:11px;text-align:right}.ticket-limit-upgrade{margin-top:19px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px}.ticket-limit-upgrade-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#f0eaff;color:#7650c5;font-size:17px}.ticket-limit-upgrade strong{color:#29374e;font-size:12px}.ticket-limit-upgrade p{margin:4px 0 0;color:#758196;font-size:10px;line-height:1.5}.ticket-limit-premium{min-height:38px;margin-top:15px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid #d6d1eb;border-radius:9px;background:#fff;color:#58449c;font-size:11px;font-weight:700;text-decoration:none}.ticket-limit-premium:hover{border-color:#aea4d7;background:#f9f7ff;color:#453483}.ticket-limit-premium i{font-size:17px}
.ticket-limit-page a:focus-visible{outline:3px solid rgba(45,93,174,.2);outline-offset:2px}
@media(max-width:900px){.ticket-limit-shell{grid-template-columns:minmax(0,1fr) 285px}.ticket-limit-main{padding:27px}.ticket-limit-main h2{font-size:23px}.ticket-limit-plan{padding:24px 20px}}
@media(max-width:720px){.ticket-limit-page{padding:8px 8px 20px}.ticket-limit-page-head{min-height:48px}.ticket-limit-page-head h1{font-size:20px}.ticket-limit-page-head p{display:none}.ticket-limit-shell{display:block;min-height:0}.ticket-limit-main{padding:23px 18px}.ticket-limit-main h2{margin-top:13px;font-size:21px}.ticket-limit-main>p{font-size:13px}.ticket-limit-current{margin-top:18px}.ticket-limit-plan{padding:20px 18px;border-top:1px solid #e2e7ee;border-left:0}.ticket-limit-upgrade{margin-top:16px}}
@media(max-width:480px){.ticket-limit-actions{display:grid;grid-template-columns:1fr}.ticket-limit-primary,.ticket-limit-secondary{width:100%}.ticket-limit-current{grid-template-columns:36px minmax(0,1fr) 28px;padding:11px 10px;gap:9px}.ticket-limit-current-icon{width:35px;height:35px}.ticket-limit-current-copy strong{font-size:13px}.ticket-limit-main{padding:20px 14px}.ticket-limit-plan{padding:18px 14px}}

/* Support v140 — file d’assistance compacte. */
.ticket-capacity-page{width:100%;max-width:none;margin:0;padding:12px 14px 28px;color:#152238}
.ticket-capacity-head{min-height:52px;padding:0 0 10px;display:flex;align-items:center;gap:10px}.ticket-capacity-head>a{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid #dbe2ea;border-radius:8px;background:#fff;color:#4c5d74;font-size:17px;text-decoration:none}.ticket-capacity-head>a:hover{border-color:#9cacc1;color:#244a91}.ticket-capacity-head h1{margin:0;color:#122038;font-size:22px;line-height:1.15;letter-spacing:-.035em}.ticket-capacity-head p{margin:2px 0 0;color:#8792a2;font-size:11px}
.ticket-capacity-panel{overflow:hidden;border:1px solid #dde4ec;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(23,37,61,.045)}
.ticket-capacity-intro{min-height:130px;padding:24px 26px;display:grid;grid-template-columns:46px minmax(0,1fr) 160px;align-items:center;gap:15px;background:linear-gradient(115deg,#fff 0%,#fff 68%,#f6f8fc 100%)}
.ticket-capacity-lock{width:44px;height:44px;display:grid;place-items:center;border:1px solid #f0d99c;border-radius:12px;background:#fff5dc;color:#9a6911;font-size:21px}.ticket-capacity-copy{min-width:0}.ticket-capacity-plan{min-height:24px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;border-radius:6px;background:#edf1fb;color:#41589d;font-size:10px;font-weight:700}.ticket-capacity-plan i{font-size:13px}.ticket-capacity-copy h2{margin:9px 0 5px;color:#111e33;font-size:23px;line-height:1.2;letter-spacing:-.035em}.ticket-capacity-copy p{max-width:650px;margin:0;color:#718095;font-size:13px;line-height:1.55}
.ticket-capacity-meter{padding:12px 13px;border:1px solid #e0e5ec;border-radius:10px;background:#fff}.ticket-capacity-meter>span{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.ticket-capacity-meter small{color:#8390a2;font-size:10px}.ticket-capacity-meter strong{color:#223149;font-size:17px;line-height:1}.ticket-capacity-meter strong i{color:#9ba5b3;font-size:10px;font-style:normal;font-weight:600}.ticket-capacity-meter>b{height:4px;margin-top:9px;display:block;overflow:hidden;border-radius:999px;background:#e8edf3}.ticket-capacity-meter>b i{width:100%;height:100%;display:block;border-radius:inherit;background:#e0a128}
.ticket-capacity-section-label{min-height:35px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e7ebf0;border-bottom:1px solid #e7ebf0;background:#f7f9fb}.ticket-capacity-section-label span{color:#516077;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.055em}.ticket-capacity-section-label small{color:#929cab;font-size:10px}
.ticket-capacity-ticket{min-height:78px;padding:11px 16px 11px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;border-bottom:1px solid #e7ebf0;background:#fff}.ticket-capacity-ticket-link{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;color:inherit;text-decoration:none}.ticket-capacity-ticket-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e8f3f7;color:#176b87;font-size:18px}.ticket-capacity-ticket-copy{min-width:0;display:grid}.ticket-capacity-ticket-top{display:flex;align-items:center;gap:9px}.ticket-capacity-ticket-top b{color:#6b788b;font-size:10px;letter-spacing:.02em}.ticket-capacity-ticket-top em{display:inline-flex;align-items:center;gap:5px;color:#247158;font-size:10px;font-style:normal;font-weight:650}.ticket-capacity-ticket-top em i{width:6px;height:6px;border-radius:50%;background:#23a979}.ticket-capacity-ticket-copy>strong{margin-top:5px;overflow:hidden;color:#1b2a41;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.ticket-capacity-ticket-link:hover .ticket-capacity-ticket-copy>strong{color:#234a91}
.ticket-capacity-resume{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;background:#203b91;color:#fff;font-size:11px;font-weight:700;text-decoration:none;box-shadow:0 4px 12px rgba(32,59,145,.14)}.ticket-capacity-resume:hover{background:#172f7d;color:#fff}.ticket-capacity-resume i{font-size:16px}
.ticket-capacity-footer{min-height:76px;padding:12px 16px 12px 22px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#fafbfd}.ticket-capacity-foot-plan{min-width:0;display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:10px}.ticket-capacity-foot-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f0eaff;color:#7650c5;font-size:17px}.ticket-capacity-foot-plan>span:last-child{min-width:0;display:grid}.ticket-capacity-foot-plan strong{color:#334158;font-size:11px}.ticket-capacity-foot-plan small{margin-top:3px;color:#8490a1;font-size:10px;line-height:1.4}.ticket-capacity-footer-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.ticket-capacity-footer-actions>a{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dce3eb;border-radius:8px;background:#fff;color:#5a687d;font-size:10px;font-weight:700;text-decoration:none}.ticket-capacity-footer-actions>a:hover{border-color:#abb8c8;color:#234a91}.ticket-capacity-footer-actions .ticket-capacity-upgrade{border-color:#d7d1eb;color:#5b479d}.ticket-capacity-upgrade i{font-size:15px}
.ticket-capacity-page a:focus-visible{outline:3px solid rgba(45,93,174,.2);outline-offset:2px}
@media(max-width:850px){.ticket-capacity-intro{grid-template-columns:44px minmax(0,1fr)}.ticket-capacity-meter{grid-column:2;width:min(220px,100%)}.ticket-capacity-footer{align-items:flex-start;flex-direction:column}.ticket-capacity-footer-actions{align-self:flex-end}}
@media(max-width:640px){.ticket-capacity-page{padding:8px 8px 20px}.ticket-capacity-head{min-height:48px}.ticket-capacity-head h1{font-size:20px}.ticket-capacity-head p{display:none}.ticket-capacity-intro{min-height:0;padding:18px 14px;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:11px}.ticket-capacity-lock{width:37px;height:37px;border-radius:10px;font-size:18px}.ticket-capacity-copy h2{margin-top:8px;font-size:20px}.ticket-capacity-copy p{font-size:12px}.ticket-capacity-meter{grid-column:1/-1;width:100%;margin-top:3px}.ticket-capacity-section-label{padding:0 13px}.ticket-capacity-section-label small{display:none}.ticket-capacity-ticket{padding:11px 12px;grid-template-columns:minmax(0,1fr) 36px;gap:8px}.ticket-capacity-ticket-link{grid-template-columns:36px minmax(0,1fr);gap:9px}.ticket-capacity-ticket-icon{width:35px;height:35px}.ticket-capacity-resume{width:36px;padding:0}.ticket-capacity-resume span{display:none}.ticket-capacity-ticket-copy>strong{font-size:13px}.ticket-capacity-footer{padding:14px}.ticket-capacity-footer-actions{width:100%;align-self:stretch;display:grid;grid-template-columns:1fr 1fr}.ticket-capacity-footer-actions>a{padding:0 7px}}
@media(max-width:420px){.ticket-capacity-footer-actions{grid-template-columns:1fr}.ticket-capacity-ticket-top{align-items:flex-start;flex-direction:column;gap:3px}.ticket-capacity-ticket-copy>strong{margin-top:4px}}

/* Support v141 — finition premium de la file d’assistance. */
.ticket-capacity-panel{position:relative;border-color:#d9e1eb;box-shadow:0 12px 34px rgba(17,31,55,.075)}
.ticket-capacity-panel::before{content:"";position:absolute;left:0;right:0;top:0;z-index:2;height:3px;background:linear-gradient(90deg,#1b7a96 0%,#304f9d 52%,#7954c6 100%)}
.ticket-capacity-intro{min-height:136px;padding-top:27px;background:linear-gradient(118deg,#14233d 0%,#1a2c4a 62%,#263c61 100%)}
.ticket-capacity-lock{border-color:rgba(255,211,120,.24);background:rgba(244,182,54,.13);color:#ffd071;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.ticket-capacity-plan{background:rgba(151,177,255,.13);color:#c9d6ff}.ticket-capacity-copy h2{color:#fff}.ticket-capacity-copy p{color:#bac6d7}
.ticket-capacity-meter{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.ticket-capacity-meter small{color:#b8c5d7}.ticket-capacity-meter strong{color:#fff}.ticket-capacity-meter strong i{color:#aebcd0}.ticket-capacity-meter>b{background:rgba(255,255,255,.13)}.ticket-capacity-meter>b i{background:linear-gradient(90deg,#ffc85f,#f0a72a)}
.ticket-capacity-section-label{border-top:0;background:#f6f8fb}.ticket-capacity-section-label span{color:#43536b}.ticket-capacity-ticket{min-height:91px}.ticket-capacity-ticket-icon{background:linear-gradient(145deg,#e5f2f7,#eef5fa);box-shadow:inset 0 0 0 1px #dce9ef}.ticket-capacity-ticket-top em.waiting{color:#8e640b}.ticket-capacity-ticket-top em.waiting i{background:#e3a328}.ticket-capacity-ticket-top em.progress{color:#176e85}.ticket-capacity-ticket-top em.progress i{background:#1a9fc0}.ticket-capacity-ticket-top em.answered{color:#247158}.ticket-capacity-ticket-top em.answered i{background:#23a979}.ticket-capacity-ticket-top em.open{color:#3f6093}.ticket-capacity-ticket-top em.open i{background:#557bb6}
.ticket-capacity-ticket-meta{margin-top:6px;display:flex;align-items:center;gap:9px;min-width:0;color:#7c899a;font-size:10px}.ticket-capacity-ticket-meta>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.ticket-capacity-ticket-meta>span>i{color:#718096;font-size:12px}.ticket-capacity-ticket-meta>span[class^="priority-"]>i{width:6px;height:6px;border-radius:50%;background:#f4b400}.ticket-capacity-ticket-meta>span.priority-low>i{background:#12b76a}.ticket-capacity-ticket-meta>span.priority-high>i{background:#f97316}.ticket-capacity-ticket-meta>span.priority-urgent>i{background:#ef3340}
.ticket-capacity-resume{min-height:38px;padding-inline:14px;box-shadow:0 6px 16px rgba(32,59,145,.17)}
.ticket-capacity-footer{background:linear-gradient(90deg,#faf9ff,#f7f8fc)}.ticket-capacity-foot-icon{background:#ece7fb;color:#6944bb}.ticket-capacity-premium-benefits{display:flex;align-items:center;gap:7px;white-space:nowrap}.ticket-capacity-premium-benefits span{min-height:25px;padding:0 8px;display:inline-flex;align-items:center;gap:4px;border:1px solid #e0dbee;border-radius:999px;background:#fff;color:#5f5775;font-size:9px;font-weight:650}.ticket-capacity-premium-benefits i{color:#7554b8;font-size:12px}
@media(max-width:1080px){.ticket-capacity-premium-benefits{display:none}}
@media(max-width:720px){.ticket-capacity-intro{background:linear-gradient(140deg,#14233d,#233958)}.ticket-capacity-ticket{min-height:94px}.ticket-capacity-ticket-meta{flex-wrap:wrap;gap:5px 8px}.ticket-capacity-ticket-meta>span:last-child{width:100%}.ticket-capacity-footer{background:#f8f8fc}}
@media(max-width:480px){.ticket-capacity-ticket-meta>span:nth-child(2){display:none}.ticket-capacity-ticket-meta{font-size:9px}}

/* Support v142 — interface claire, sobre et compacte. */
.ticket-capacity-panel{border-color:#dce3eb;box-shadow:0 8px 26px rgba(24,38,62,.06)}
.ticket-capacity-panel::before{display:none}
.ticket-capacity-intro{min-height:118px;padding:20px 24px;background:radial-gradient(circle at 94% 18%,rgba(69,94,158,.055),transparent 27%),#fff}
.ticket-capacity-lock{width:42px;height:42px;border-color:#eadfbf;background:#fff8e9;color:#a1711c;box-shadow:none}
.ticket-capacity-plan{border:1px solid #e1e6ef;background:#f5f7fa;color:#52627c}
.ticket-capacity-copy h2{margin-top:8px;color:#142137;font-size:22px}.ticket-capacity-copy p{color:#748196}
.ticket-capacity-meter{padding:11px 12px;border-color:#dfe5ec;background:#f8fafc;box-shadow:none}.ticket-capacity-meter small{color:#7e8a9c}.ticket-capacity-meter strong{color:#25344a}.ticket-capacity-meter strong i{color:#929eae}.ticket-capacity-meter>b{background:#e7ebf0}.ticket-capacity-meter>b i{background:#d8a13d}
.ticket-capacity-section-label{min-height:33px;border-color:#e5e9ef;background:#f8fafc}.ticket-capacity-section-label span{color:#4e5d72}.ticket-capacity-section-label small{color:#929cab}
.ticket-capacity-ticket{position:relative;min-height:86px;background:#fff}.ticket-capacity-ticket::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:#d8a13d}.ticket-capacity-ticket:hover{background:#fbfcfe}.ticket-capacity-ticket-icon{background:#eef5f8;box-shadow:inset 0 0 0 1px #dde9ee;color:#176b87}.ticket-capacity-ticket-copy>strong{color:#17253b}.ticket-capacity-ticket-meta{color:#7b8799}
.ticket-capacity-resume{background:#263f88;box-shadow:0 4px 12px rgba(38,63,136,.14)}.ticket-capacity-resume:hover{background:#1f3576}
.ticket-capacity-footer{min-height:70px;background:#f9fafc}.ticket-capacity-foot-icon{border:1px solid #e1dced;background:#f4f1fa;color:#6b55a6}.ticket-capacity-foot-plan strong{color:#344158}.ticket-capacity-premium-benefits span{border-color:#e1e5eb;background:#fff;color:#667187}.ticket-capacity-premium-benefits i{color:#6e5aa9}.ticket-capacity-footer-actions .ticket-capacity-upgrade{border-color:#d9d4e7;background:#fff;color:#5c4d8d}
@media(max-width:720px){.ticket-capacity-intro{min-height:0;background:#fff}.ticket-capacity-ticket{min-height:90px}.ticket-capacity-footer{background:#f9fafc}}

/* Support v143 — parcours explicite en deux choix. */
.ticket-choice-page{width:100%;max-width:none;margin:0;padding:12px 14px 28px;color:#152238}
.ticket-choice-page-head{min-height:52px;padding:0 0 10px;display:flex;align-items:center;gap:10px}.ticket-choice-page-head>a{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid #dbe2ea;border-radius:8px;background:#fff;color:#4c5d74;font-size:17px;text-decoration:none}.ticket-choice-page-head>a:hover{border-color:#9cacc1;color:#244a91}.ticket-choice-page-head h1{margin:0;color:#122038;font-size:22px;line-height:1.15;letter-spacing:-.035em}.ticket-choice-page-head p{margin:2px 0 0;color:#8792a2;font-size:11px}
.ticket-choice-panel{overflow:hidden;border:1px solid #dce3eb;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(24,38,62,.055)}
.ticket-choice-intro{min-height:112px;padding:22px 26px;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:15px;border-bottom:1px solid #e3e8ee;background:#fff}.ticket-choice-intro-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #eadfbe;border-radius:12px;background:#fff8e9;color:#9f711c;font-size:21px}.ticket-choice-plan{min-height:23px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;border:1px solid #e1e6ee;border-radius:6px;background:#f6f8fa;color:#57667c;font-size:10px;font-weight:700}.ticket-choice-plan i{font-size:13px}.ticket-choice-intro h2{margin:8px 0 4px;color:#132137;font-size:22px;line-height:1.2;letter-spacing:-.035em}.ticket-choice-intro p{margin:0;color:#728095;font-size:13px;line-height:1.5}
.ticket-choice-options{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr)}
.ticket-choice-option{position:relative;min-width:0;padding:23px 25px 24px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:12px}.ticket-choice-current{border-right:1px solid #e3e7ed;background:#fff}.ticket-choice-premium{background:#faf9fd}.ticket-choice-number{width:28px;height:28px;display:grid;place-items:center;border:1px solid #d9e1ea;border-radius:8px;background:#f6f8fa;color:#596980;font-size:11px;font-weight:800}.ticket-choice-premium .ticket-choice-number{border-color:#ddd6eb;background:#f2eff9;color:#68559a}.ticket-choice-content{min-width:0}.ticket-choice-content h3{margin:3px 0 4px;color:#1e2c42;font-size:14px}.ticket-choice-content>p{margin:0;color:#7b8799;font-size:11px;line-height:1.5}
.ticket-choice-ticket{min-height:72px;margin-top:14px;padding:10px 11px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #dce4ec;border-radius:10px;background:#f9fbfc;color:inherit;text-decoration:none;transition:border-color .15s,background .15s}.ticket-choice-ticket:hover{border-color:#aebdd0;background:#fff}.ticket-choice-ticket-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#e8f3f7;color:#176b87;font-size:17px}.ticket-choice-ticket-copy{min-width:0;display:grid}.ticket-choice-ticket-copy small{overflow:hidden;color:#78869a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ticket-choice-ticket-copy strong{margin-top:3px;overflow:hidden;color:#1a2940;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.ticket-choice-ticket-copy em{width:max-content;margin-top:4px;display:inline-flex;align-items:center;gap:5px;color:#3f6093;font-size:9px;font-style:normal;font-weight:650}.ticket-choice-ticket-copy em i{width:6px;height:6px;border-radius:50%;background:#557bb6}.ticket-choice-ticket-copy em.waiting{color:#8e640b}.ticket-choice-ticket-copy em.waiting i{background:#e3a328}.ticket-choice-ticket-copy em.progress{color:#176e85}.ticket-choice-ticket-copy em.progress i{background:#1a9fc0}.ticket-choice-ticket-copy em.answered{color:#247158}.ticket-choice-ticket-copy em.answered i{background:#23a979}.ticket-choice-ticket-action{min-height:33px;padding:0 9px;display:inline-flex;align-items:center;gap:4px;border-radius:8px;background:#263f88;color:#fff;font-size:10px;font-weight:700;white-space:nowrap}.ticket-choice-ticket-action i{font-size:15px}
.ticket-choice-ticketplus{min-height:23px;margin-bottom:7px;padding:0 7px;display:inline-flex;align-items:center;gap:5px;border-radius:6px;background:#eee9fa;color:#674ca1;font-size:9px;font-weight:750}.ticket-choice-ticketplus i{font-size:13px}.ticket-choice-benefits{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.ticket-choice-benefits span{min-height:24px;padding:0 7px;display:inline-flex;align-items:center;gap:4px;border:1px solid #e2ddeb;border-radius:999px;background:#fff;color:#625978;font-size:9px;font-weight:650}.ticket-choice-benefits i{color:#6d55a5;font-size:12px}.ticket-choice-premium-action{min-height:35px;margin-top:13px;padding:0 11px;display:inline-flex;align-items:center;gap:5px;border:1px solid #d8d1e8;border-radius:8px;background:#fff;color:#5b4790;font-size:10px;font-weight:750;text-decoration:none}.ticket-choice-premium-action:hover{border-color:#aa9acb;background:#f7f4fc;color:#483571}.ticket-choice-premium-action i{font-size:15px}
.ticket-choice-footer{min-height:45px;padding:8px 17px 8px 25px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #e3e8ee;background:#f8fafc}.ticket-choice-footer p{margin:0;display:flex;align-items:center;gap:6px;color:#748196;font-size:10px}.ticket-choice-footer p i{color:#607a9d;font-size:14px}.ticket-choice-footer>a{color:#4f6078;font-size:10px;font-weight:700;text-decoration:none}.ticket-choice-footer>a:hover{color:#234a91}.ticket-choice-page a:focus-visible{outline:3px solid rgba(45,93,174,.2);outline-offset:2px}
@media(max-width:860px){.ticket-choice-options{grid-template-columns:1fr}.ticket-choice-current{border-right:0;border-bottom:1px solid #e3e7ed}.ticket-choice-premium{background:#faf9fd}.ticket-choice-option{padding:20px 22px}}
@media(max-width:640px){.ticket-choice-page{padding:8px 8px 20px}.ticket-choice-page-head{min-height:48px}.ticket-choice-page-head h1{font-size:20px}.ticket-choice-page-head p{display:none}.ticket-choice-intro{min-height:0;padding:18px 14px;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:11px}.ticket-choice-intro-icon{width:37px;height:37px;border-radius:10px;font-size:18px}.ticket-choice-intro h2{font-size:20px}.ticket-choice-intro p{font-size:12px}.ticket-choice-option{padding:17px 14px;grid-template-columns:27px minmax(0,1fr);gap:9px}.ticket-choice-number{width:26px;height:26px}.ticket-choice-ticket{grid-template-columns:34px minmax(0,1fr) 34px}.ticket-choice-ticket-action{width:34px;padding:0;justify-content:center}.ticket-choice-ticket-action span{display:none}.ticket-choice-footer{padding:11px 14px;align-items:flex-start;flex-direction:column;gap:7px}.ticket-choice-footer p{align-items:flex-start;line-height:1.4}}
@media(max-width:420px){.ticket-choice-benefits{display:grid}.ticket-choice-premium-action{width:100%;justify-content:center}.ticket-choice-ticket-copy small{max-width:170px}}

/* Support v144 — blocage clair et professionnel. */
.ticket-block-page{width:100%;max-width:none;margin:0;padding:12px 14px 28px;color:#152238}
.ticket-block-page-head{width:min(900px,100%);min-height:52px;margin:0 auto;padding:0 0 10px;display:flex;align-items:center;gap:10px}.ticket-block-page-head>a{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid #dbe2ea;border-radius:8px;background:#fff;color:#4c5d74;font-size:17px;text-decoration:none}.ticket-block-page-head>a:hover{border-color:#9cacc1;color:#244a91}.ticket-block-page-head h1{margin:0;color:#122038;font-size:22px;line-height:1.15;letter-spacing:-.035em}.ticket-block-page-head p{margin:2px 0 0;color:#8792a2;font-size:11px}
.ticket-block-panel{width:min(900px,100%);margin:0 auto;overflow:hidden;border:1px solid #dce3eb;border-radius:14px;background:#fff;box-shadow:0 8px 25px rgba(24,38,62,.055)}
.ticket-block-intro{min-height:125px;padding:23px 25px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:15px;border-bottom:1px solid #e4e8ee;background:#fff}.ticket-block-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #e9dfc2;border-radius:12px;background:#fff8e9;color:#9c6d16;font-size:21px}.ticket-block-copy{min-width:0}.ticket-block-plan{min-height:23px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;border:1px solid #e0e5ed;border-radius:6px;background:#f6f8fa;color:#56657b;font-size:10px;font-weight:700}.ticket-block-plan i{font-size:13px}.ticket-block-copy h2{margin:8px 0 4px;color:#132137;font-size:22px;line-height:1.2;letter-spacing:-.035em}.ticket-block-copy p{max-width:620px;margin:0;color:#728095;font-size:13px;line-height:1.5}.ticket-block-limit{min-width:92px;padding:11px 12px;display:grid;border:1px solid #e0e5ec;border-radius:10px;background:#f8fafc;text-align:center}.ticket-block-limit strong{color:#26364d;font-size:20px;line-height:1}.ticket-block-limit small{margin-top:4px;color:#8490a1;font-size:9px;text-transform:uppercase;letter-spacing:.04em}
.ticket-block-label{min-height:33px;padding:0 20px;display:flex;align-items:center;border-bottom:1px solid #e6eaf0;background:#f8fafc;color:#59687d;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.ticket-block-ticket{position:relative;min-height:91px;padding:13px 16px 13px 20px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;background:#fff}.ticket-block-ticket::before{content:"";position:absolute;left:0;top:19px;bottom:19px;width:3px;border-radius:0 3px 3px 0;background:#d8a13d}.ticket-block-ticket-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e9f3f7;color:#176b87;font-size:18px}.ticket-block-ticket-copy{min-width:0}.ticket-block-ticket-copy>div{display:flex;align-items:center;gap:8px}.ticket-block-ticket-copy>div>span{color:#748196;font-size:10px;font-weight:700}.ticket-block-ticket-copy em{display:inline-flex;align-items:center;gap:5px;color:#3f6093;font-size:9px;font-style:normal;font-weight:650}.ticket-block-ticket-copy em i{width:6px;height:6px;border-radius:50%;background:#557bb6}.ticket-block-ticket-copy em.waiting{color:#8e640b}.ticket-block-ticket-copy em.waiting i{background:#e3a328}.ticket-block-ticket-copy em.progress{color:#176e85}.ticket-block-ticket-copy em.progress i{background:#1a9fc0}.ticket-block-ticket-copy em.answered{color:#247158}.ticket-block-ticket-copy em.answered i{background:#23a979}.ticket-block-ticket-copy h3{margin:4px 0 0;overflow:hidden;color:#19283f;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.ticket-block-ticket-copy p{margin:5px 0 0;display:flex;align-items:center;gap:5px;overflow:hidden;color:#7c899a;font-size:10px;white-space:nowrap}.ticket-block-ticket-copy p i{font-size:12px}.ticket-block-ticket-copy p span{width:3px;height:3px;margin:0 2px;border-radius:50%;background:#b8c0cb}.ticket-block-open{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;background:#263f88;color:#fff;font-size:10px;font-weight:700;text-decoration:none;box-shadow:0 4px 12px rgba(38,63,136,.14)}.ticket-block-open:hover{background:#1f3576;color:#fff}.ticket-block-open i{font-size:15px}
.ticket-block-footer{min-height:72px;padding:12px 16px 12px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #e4e8ee;background:#f9fafc}.ticket-block-ticketplus{min-width:0;display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:10px}.ticket-block-ticketplus>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e1dced;border-radius:9px;background:#f4f1fa;color:#6b55a6;font-size:17px}.ticket-block-ticketplus strong{color:#344158;font-size:11px}.ticket-block-ticketplus p{margin:3px 0 0;color:#8490a1;font-size:10px;line-height:1.4}.ticket-block-ticketplus p b{color:#67568f;font-weight:700}.ticket-block-footer>a{min-height:35px;padding:0 11px;display:inline-flex;align-items:center;gap:5px;border:1px solid #d8d2e6;border-radius:8px;background:#fff;color:#5b4a89;font-size:10px;font-weight:750;text-decoration:none;white-space:nowrap}.ticket-block-footer>a:hover{border-color:#aa9acb;background:#f7f4fc;color:#483571}.ticket-block-footer>a i{font-size:15px}.ticket-block-page a:focus-visible{outline:3px solid rgba(45,93,174,.2);outline-offset:2px}
@media(max-width:650px){.ticket-block-page{padding:8px 8px 20px}.ticket-block-page-head{min-height:48px}.ticket-block-page-head h1{font-size:20px}.ticket-block-page-head p{display:none}.ticket-block-intro{min-height:0;padding:18px 14px;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:11px}.ticket-block-icon{width:37px;height:37px;border-radius:10px;font-size:18px}.ticket-block-copy h2{font-size:20px}.ticket-block-copy p{font-size:12px}.ticket-block-limit{grid-column:2;width:max-content;min-width:0;padding:7px 10px;display:flex;align-items:baseline;gap:5px}.ticket-block-limit strong{font-size:15px}.ticket-block-limit small{margin:0;font-size:9px}.ticket-block-ticket{min-height:96px;padding:12px 11px;grid-template-columns:35px minmax(0,1fr) 36px;gap:9px}.ticket-block-ticket-icon{width:34px;height:34px}.ticket-block-ticket-copy h3{font-size:13px}.ticket-block-open{width:36px;padding:0}.ticket-block-open span{display:none}.ticket-block-footer{padding:14px;align-items:flex-start;flex-direction:column}.ticket-block-footer>a{align-self:flex-end}}
@media(max-width:420px){.ticket-block-ticket-copy p{max-width:190px;text-overflow:ellipsis}.ticket-block-footer>a{width:100%;justify-content:center}}

/* Support v145 — formulation plus naturelle et finition légère. */
.ticket-block-panel{width:min(880px,100%);box-shadow:0 7px 22px rgba(24,38,62,.05)}
.ticket-block-page-head{width:min(880px,100%)}
.ticket-block-intro{min-height:120px;padding:21px 23px}
.ticket-block-limit{min-width:0;padding:8px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-color:#dfe5ec;background:#f8fafc;color:#63738a}.ticket-block-limit>i{font-size:15px}.ticket-block-limit small{margin:0;color:#63738a;font-size:10px;font-weight:700;text-transform:none;letter-spacing:0;white-space:nowrap}
.ticket-block-ticket{background:#fdfefe}.ticket-block-ticket:hover{background:#fafcfe}
.ticket-block-footer{min-height:68px}.ticket-block-footer>a{padding-inline:12px}
@media(max-width:650px){.ticket-block-limit{grid-column:2;width:max-content;padding:7px 9px}.ticket-block-intro{padding:17px 14px}}

/* Support v152 — présentation structurée du bloc Ticket+. */
.ticket-block-footer{min-height:82px;padding:14px 18px 14px 20px;border-top-color:#e1e6ec;background:#fbfcfd}
.ticket-block-ticketplus{grid-template-columns:38px minmax(0,1fr);gap:11px}.ticket-block-ticketplus>span{width:37px;height:37px;border-color:#ddd7ea;background:#f5f2fa;color:#665198;font-size:18px}.ticket-block-ticketplus strong{color:#2c3a50;font-size:12px}.ticket-block-ticketplus p{margin-top:4px;display:grid;gap:2px;color:#7c8899;font-size:10px;line-height:1.4}.ticket-block-ticketplus p span{display:block}.ticket-block-ticketplus p span:first-child b{color:#59677b;font-weight:650}.ticket-block-ticketplus p span:last-child b{color:#604d8d;font-weight:750}
.ticket-block-footer>a{min-height:37px;padding:0 13px;border-color:#5e4b8d;background:#5e4b8d;color:#fff;box-shadow:0 4px 11px rgba(94,75,141,.13)}.ticket-block-footer>a:hover{border-color:#4e3c7c;background:#4e3c7c;color:#fff}
@media(max-width:650px){.ticket-block-footer{gap:13px}.ticket-block-footer>a{align-self:stretch;width:100%;justify-content:center}}

/* Support v153 — lien Premium discret et compact. */
.ticket-block-footer>a.ticket-block-premium-link{min-height:28px;padding:0 2px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#5d4b8b;font-size:10px;font-weight:750}.ticket-block-footer>a.ticket-block-premium-link:hover{border:0;background:transparent;box-shadow:none;color:#42346d}.ticket-block-footer>a.ticket-block-premium-link i{font-size:14px;transition:transform .16s ease}.ticket-block-footer>a.ticket-block-premium-link:hover i{transform:translateX(2px)}
@media(max-width:650px){.ticket-block-footer>a.ticket-block-premium-link{width:auto;min-height:26px;padding:0;align-self:flex-start;justify-content:flex-start}}

/* Support v154 — accès bêta discret dans le pied du menu. */
.sidebar-release{margin:12px 6px 0;display:flex;align-items:center;gap:7px}.sidebar-release .sidebar-version{margin:0;color:#8a94b1;font:400 11px/1.3 "Plus Jakarta Sans",sans-serif}.sidebar-beta-feedback{min-height:24px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(146,163,202,.22);border-radius:6px;background:rgba(255,255,255,.055);color:#b7c1d9;font:600 9px/1 "Plus Jakarta Sans",sans-serif;white-space:nowrap;cursor:pointer}.sidebar-beta-feedback i{color:#7da9ff;font-size:13px}.sidebar-beta-feedback:hover{border-color:rgba(137,169,232,.38);background:rgba(255,255,255,.09);color:#fff}.sidebar-beta-feedback:focus-visible{outline:2px solid #6097ff;outline-offset:2px}

/* Support v156 — notation du formulaire bêta fonctionnelle et lisible. */
.beta-feedback-stars button:hover,.beta-feedback-stars button.active{background:transparent;color:#f4b400}.beta-feedback-stars button:focus-visible{outline:2px solid rgba(244,180,0,.38);outline-offset:1px}

/* Support v157 — confirmation d’avis en bas à droite. */
.beta-feedback-toast{top:auto;right:18px;bottom:18px;left:auto;width:min(380px,calc(100vw - 28px));min-height:58px;transform:none}.beta-feedback-toast[hidden]{display:none!important}
@media(max-width:520px){.beta-feedback-toast{right:12px;bottom:12px;width:calc(100vw - 24px)}}

/* Compte v162 — paramètres inspirés d'un véritable centre de contrôle. */
.accx-page{width:100%;max-width:none;margin:0;padding:8px 12px 34px;color:#172238}.accx-page *{box-sizing:border-box}.accx-page-head{min-height:60px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.accx-kicker{display:block;margin-bottom:2px;color:#7d889a;font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.accx-page-head h1{margin:0;color:#142137;font-size:23px;line-height:1.18;letter-spacing:-.035em}.accx-page-head p{margin:3px 0 0;color:#7c899b;font-size:11px}.accx-head-actions{display:flex;align-items:center;gap:7px}.accx-button{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dce2ea;border-radius:8px;background:#fff;color:#536176;font-family:inherit;font-size:10px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.accx-button:hover{border-color:#b8c2d0;background:#f8fafc;color:#2e4058}.accx-button.primary{border-color:#21186b;background:#21186b;color:#fff;box-shadow:0 4px 11px rgba(33,24,107,.15)}.accx-button.primary:hover,.accx-button.primary:focus{border-color:#21186b;background:#21186b;color:#fff;transform:none}.accx-button i{font-size:14px}
.accx-tabs{min-height:46px;margin-bottom:15px;padding:4px;display:flex;align-items:center;gap:3px;overflow-x:auto;border:1px solid #dfe4eb;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(23,36,60,.025);scrollbar-width:none}.accx-tabs::-webkit-scrollbar{display:none}.accx-tabs a{min-height:36px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;color:#5d687a;font-size:10px;font-weight:700;text-decoration:none;white-space:nowrap}.accx-tabs a i{color:#7d8999;font-size:15px}.accx-tabs a:hover{background:#f5f6fa;color:#313f55}.accx-tabs a.active{background:#21186b;color:#fff;box-shadow:0 3px 8px rgba(33,24,107,.14)}.accx-tabs a.active i{color:#fff}
.accx-layout{display:grid;grid-template-columns:236px minmax(0,1fr);align-items:start;gap:15px}.accx-profile-card{position:sticky;top:78px;padding:21px 17px 14px;overflow:hidden;border:1px solid #dfe4eb;border-radius:12px;background:#fff;text-align:center;box-shadow:0 5px 18px rgba(21,35,58,.04)}.accx-avatar{position:relative;width:68px;height:68px;margin:0 auto 11px;display:grid;place-items:center;border:4px solid #f0edfa;border-radius:22px 7px 22px 7px;background:linear-gradient(145deg,#4933a2,#21186b);color:#fff;font-size:20px;font-weight:800;letter-spacing:.04em;box-shadow:0 8px 20px rgba(33,24,107,.16)}.accx-avatar>span{position:absolute;right:-6px;bottom:-5px;width:24px;height:24px;display:grid;place-items:center;border:3px solid #fff;border-radius:8px 3px 8px 3px;background:#eaedf5;color:#443592;font-size:12px}.accx-profile-card>h2{margin:0;overflow:hidden;color:#1c293e;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.accx-profile-card>p{margin:3px 0 11px;overflow:hidden;color:#838e9e;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.accx-profile-email{min-height:31px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:7px;background:#f6f7fa;color:#667286;font-size:8px}.accx-profile-email i{color:#6653a4;font-size:13px}.accx-profile-email span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accx-profile-facts{margin:13px 0 0;padding:0;border-top:1px solid #e8ebf0}.accx-profile-facts>div{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #edf0f3}.accx-profile-facts dt{display:inline-flex;align-items:center;gap:6px;color:#707d90;font-size:8px}.accx-profile-facts dt i{width:15px;color:#7888a0;font-size:12px;text-align:center}.accx-profile-facts dd{margin:0;color:#435168;font-size:8px;font-weight:750}.accx-profile-facts dd.good{color:#1b815d}.accx-profile-facts dd.warning{color:#9b6b0d}.accx-profile-facts dd.muted{color:#929cab}.accx-profile-help{min-height:44px;margin-top:12px;padding:7px 8px;display:grid;grid-template-columns:28px minmax(0,1fr) 15px;align-items:center;gap:7px;border:1px solid #e2e6ed;border-radius:8px;background:#fafbfc;color:#536176;text-align:left;text-decoration:none}.accx-profile-help>i:first-child{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#ece9f7;color:#614da1;font-size:15px}.accx-profile-help>span{min-width:0;display:grid}.accx-profile-help b{color:#354359;font-size:8px}.accx-profile-help small{margin-top:2px;color:#9099a8;font-size:7px}.accx-profile-help>i:last-child{color:#8994a4;font-size:14px}.accx-profile-help:hover{border-color:#c9c2df;background:#faf9fd;color:#44358a}
.accx-content{min-width:0}.accx-panel{overflow:hidden;border:1px solid #dfe4eb;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(21,35,58,.04)}.accx-panel-head{min-height:67px;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e7ebf0;background:#fff}.accx-panel-head h2{margin:0;color:#202d42;font-size:14px}.accx-panel-head p{margin:3px 0 0;color:#8490a1;font-size:9px}.accx-panel-head>span{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#efedf8;color:#6652a1;font-size:17px}.accx-form-body{padding:0 17px}.accx-form-section{padding:17px 0 18px}.accx-form-section+.accx-form-section{border-top:1px solid #e9edf1}.accx-section-title{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:14px}.accx-section-title>span{color:#354359;font-size:10px;font-weight:800}.accx-section-title>small{color:#969fac;font-size:8px}.accx-fields{display:grid;gap:11px 13px}.accx-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.accx-fields label{min-width:0;display:flex;flex-direction:column;gap:5px;color:#435167;font-size:9px;font-weight:700}.accx-fields label.wide{grid-column:1/-1}.accx-fields label>span{display:flex;align-items:center;gap:4px}.accx-fields label b{color:#d73d4c}.accx-fields label em{color:#9aa3af;font-size:7px;font-style:normal;font-weight:550}.accx-fields input,.accx-password-form input{width:100%;height:37px;padding:0 10px;border:1px solid #d4dbe4;border-radius:7px;background:#fff;color:#223047;font-family:inherit;font-size:10px;font-weight:500;line-height:1.3;outline:0;transition:border-color .15s,box-shadow .15s}.accx-fields input::placeholder,.accx-password-form input::placeholder{color:#a5adba}.accx-fields input:hover,.accx-password-form input:hover{border-color:#b7c1ce}.accx-fields input:focus,.accx-password-form input:focus{border-color:#7b6ab5;box-shadow:0 0 0 3px rgba(83,65,145,.08)}.accx-fields label>small{display:flex;align-items:center;gap:4px;color:#939dac;font-size:7px;font-weight:500}.accx-fields label>small i{color:#6f80a0;font-size:11px}.accx-panel-footer{min-height:54px;padding:9px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e7ebf0;background:#fafbfc}.accx-panel-footer>span{display:inline-flex;align-items:center;gap:5px;color:#8b95a4;font-size:8px}.accx-panel-footer>span i{color:#438166;font-size:12px}
.accx-security-item{min-height:76px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e9edf1}.accx-security-item:last-child{border-bottom:0}.accx-security-item.password{align-items:flex-start;flex-direction:column}.accx-setting-copy{min-width:0;display:flex;align-items:center;gap:10px}.accx-setting-copy>span{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border:1px solid #e0e5eb;border-radius:8px;background:#f7f9fb;color:#5f7190;font-size:16px}.accx-setting-copy h3{margin:0;color:#354258;font-size:11px}.accx-setting-copy p{margin:3px 0 0;color:#8893a3;font-size:8px}.accx-password-form{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:8px}.accx-password-form label{min-width:0;display:grid;gap:5px;color:#536176;font-size:8px;font-weight:700}.accx-setting-action{display:flex;align-items:center;gap:7px}.accx-setting-action form{margin:0}.accx-state{min-height:22px;padding:0 7px;display:inline-flex;align-items:center;gap:5px;border-radius:6px;font-size:8px;font-weight:750;white-space:nowrap}.accx-state>i{width:6px;height:6px;border-radius:50%}.accx-state.good{background:#e8f5ef;color:#247055}.accx-state.good>i{background:#22a271}.accx-state.warning{background:#fff2d8;color:#8b620f}.accx-state.warning>i{background:#e0a42d}.accx-state.muted{background:#f0f2f5;color:#7d8795}.accx-state.muted>i{background:#a8b0bc}
.accx-sessions-panel .accx-panel-head>form{margin:0}.accx-session-list{display:grid}.accx-session{min-height:70px;padding:12px 17px;display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:11px;border-bottom:1px solid #e9edf1}.accx-session:last-child{border-bottom:0}.accx-session-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eef3f7;color:#4f6988;font-size:17px}.accx-session>div{min-width:0;display:grid}.accx-session strong{overflow:hidden;color:#344258;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.accx-session>div>span{margin-top:3px;display:flex;align-items:center;gap:4px;color:#8993a2;font-size:8px}.accx-session>div>span i{font-size:11px}.accx-session>div>span b{color:#bac0c9}.accx-session small{margin-top:3px;overflow:hidden;color:#a0a8b3;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.accx-session form{margin:0}.accx-empty{min-height:150px;padding:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8792a2;text-align:center}.accx-empty>i{width:42px;height:42px;margin-bottom:8px;display:grid;place-items:center;border-radius:11px;background:#eff3f7;color:#607691;font-size:21px}.accx-empty strong{color:#3d4b60;font-size:11px}.accx-empty span{margin-top:3px;font-size:8px}.accx-page button:focus-visible,.accx-page a:focus-visible,.accx-page input:focus-visible,.accx-page label.account-modal-trigger:focus-visible{outline:3px solid rgba(83,65,145,.14);outline-offset:2px}
@media(max-width:980px){.accx-layout{grid-template-columns:210px minmax(0,1fr)}.accx-password-form{grid-template-columns:repeat(2,minmax(0,1fr))}.accx-password-form .accx-button{width:max-content}.accx-password-form label:nth-of-type(3){grid-column:1}.accx-password-form .accx-button{grid-column:2;grid-row:2}}
@media(max-width:760px){.accx-page{padding:4px 6px 24px}.accx-page-head{min-height:56px}.accx-page-head h1{font-size:21px}.accx-page-head p{display:none}.accx-head-actions .ghost{display:none}.accx-tabs{margin-bottom:10px}.accx-layout{grid-template-columns:1fr;gap:10px}.accx-profile-card{position:static;padding:12px 13px;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;text-align:left}.accx-avatar{grid-row:1/4;width:50px;height:50px;margin:0;border-width:3px;border-radius:15px 5px 15px 5px;font-size:15px}.accx-avatar>span{right:-4px;bottom:-4px;width:20px;height:20px;border-width:2px;font-size:10px}.accx-profile-card>h2{align-self:end;font-size:12px}.accx-profile-card>p{align-self:start;margin:2px 0 0}.accx-profile-email{grid-column:2;min-height:auto;padding:0;justify-content:flex-start;background:transparent}.accx-profile-facts,.accx-profile-help{display:none}.accx-panel-head{min-height:61px;padding:12px 13px}.accx-form-body{padding:0 13px}.accx-form-section{padding:14px 0 15px}.accx-panel-footer{padding:9px 13px}.accx-security-item{padding:13px}.accx-password-form{grid-template-columns:1fr 1fr}.accx-session{padding:11px 13px}}
@media(max-width:540px){.accx-tabs{justify-content:flex-start}.accx-tabs a{padding:0 10px}.accx-fields.two{grid-template-columns:1fr}.accx-fields label.wide{grid-column:auto}.accx-section-title{align-items:flex-start;flex-direction:column;gap:2px}.accx-panel-footer>span{display:none}.accx-panel-footer .accx-button{width:100%}.accx-security-item{align-items:flex-start;flex-direction:column;gap:10px}.accx-setting-action{width:100%;justify-content:flex-end}.accx-password-form{grid-template-columns:1fr}.accx-password-form label:nth-of-type(3),.accx-password-form .accx-button{grid-column:auto;grid-row:auto}.accx-password-form .accx-button{width:100%}.accx-session{grid-template-columns:34px minmax(0,1fr)}.accx-session>.accx-state,.accx-session>form{grid-column:2;justify-self:start}.accx-sessions-panel .accx-panel-head{align-items:flex-start;flex-direction:column}.accx-sessions-panel .accx-panel-head .accx-button{min-height:30px}}
@media(max-width:390px){.accx-page-head{align-items:flex-end}.accx-page-head .accx-kicker{display:none}.accx-head-actions .accx-button.primary{width:34px;padding:0;font-size:0}.accx-head-actions .accx-button.primary i{font-size:15px}.accx-tabs a{min-width:37px;padding:0 9px}.accx-tabs a span{display:none}.accx-tabs a i{font-size:17px}.accx-profile-card{grid-template-columns:48px minmax(0,1fr)}.accx-avatar{width:45px;height:45px}.accx-panel-head>span{display:none}}

/* Compte v163 — contenu bord à bord et e-mail verrouillé. */
.accx-page{margin:0!important;padding:0 0 34px!important}.accx-fields input:disabled{border-color:#e0e5eb;background:#f4f6f8;color:#707b8d;cursor:not-allowed;opacity:1}.accx-fields input:disabled:hover{border-color:#e0e5eb}
@media(max-width:760px){.accx-page{padding:0 0 24px!important}}

/* Compte v165 — mêmes marges que le support et profil non flottant. */
body[data-route="account"] .content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#f4f6f8}
body[data-route="account"] .accx-page{width:100%!important;max-width:none!important;margin:0!important;padding:12px 14px 28px!important}
body[data-route="account"] .accx-layout{align-items:start!important}
body[data-route="account"] .accx-profile-card{position:static!important;inset:auto!important;top:auto!important;align-self:start!important;transform:none!important}
@media(max-width:760px){body[data-route="account"] .accx-page{padding:8px 8px 20px!important}}

/* Compte v168 — journal d’activité client. */
.accx-activity-panel{overflow:visible}.accx-activity-head{min-height:76px;padding:15px 17px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.accx-activity-head>div{display:flex;align-items:flex-start;gap:10px}.accx-activity-head>div>span{width:27px;height:27px;display:grid;place-items:center;color:#9b43ef;font-size:21px}.accx-activity-head h2{margin:0;color:#172238;font-size:17px;line-height:1.3;letter-spacing:-.025em}.accx-activity-head p{margin:3px 0 0;color:#748095;font-size:10px}.accx-activity-filter{position:relative;width:225px;z-index:4}.accx-activity-filter summary{height:39px;padding:0 11px;display:grid;grid-template-columns:20px minmax(0,1fr) 17px;align-items:center;gap:7px;border:1px solid #dce2ea;border-radius:8px;background:#fff;color:#273348;font-size:10px;cursor:pointer;list-style:none}.accx-activity-filter summary::-webkit-details-marker{display:none}.accx-activity-filter summary>i:first-child{font-size:15px}.accx-activity-filter summary>i:last-child{font-size:16px;transition:transform .15s}.accx-activity-filter[open] summary>i:last-child{transform:rotate(180deg)}.accx-activity-filter nav{position:absolute;top:44px;right:0;width:100%;padding:5px;border:1px solid #dce2ea;border-radius:9px;background:#fff;box-shadow:0 12px 28px rgba(22,34,55,.14)}.accx-activity-filter nav a{min-height:36px;padding:0 9px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:6px;border-radius:7px;color:#263247;font-size:10px}.accx-activity-filter nav a i{color:transparent;font-size:15px}.accx-activity-filter nav a:hover{background:#f6f4fb}.accx-activity-filter nav a.active{background:#f0e9fb;color:#6c2bc5}.accx-activity-filter nav a.active i{color:#8e3de4}.accx-activity-list{padding:2px 17px 17px}.accx-activity-item{min-height:53px;padding:8px 10px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;border-radius:8px}.accx-activity-item:hover{background:#fafbfc}.accx-activity-item>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#eef1f5;color:#69768a;font-size:16px}.accx-activity-item.tickets>span{color:#8f42df}.accx-activity-item.auth>span{color:#18a97b}.accx-activity-item.billing>span{color:#d58922}.accx-activity-item.security>span{color:#45688e}.accx-activity-item.profile>span{color:#657185}.accx-activity-item>div{min-width:0}.accx-activity-item>div>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.accx-activity-item strong{color:#263247;font-size:10px}.accx-activity-item em{min-height:20px;padding:2px 7px;display:inline-flex;align-items:center;border:1px solid #dde2e8;border-radius:99px;background:#fff;color:#394457;font-size:8px;font-style:normal;font-weight:750}.accx-activity-item time{margin-top:2px;display:block;color:#7a8597;font-size:9px}.accx-activity-list>.accx-empty{min-height:180px}
@media(max-width:760px){.accx-activity-head{min-height:auto;padding:13px;flex-direction:column}.accx-activity-filter{width:100%}.accx-activity-filter nav{position:static;margin-top:5px}.accx-activity-list{padding:2px 9px 11px}.accx-activity-item{padding:8px 6px}.accx-activity-head h2{font-size:15px}}

/* Compte v168 — indicateur du niveau de sécurité. */
.accx-security-score{margin-bottom:14px;padding:17px 19px 18px;overflow:hidden}.accx-security-score>header{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}.accx-security-score>header>span{width:36px;height:36px;display:grid;place-items:center;color:#f4ad13;font-size:21px}.accx-security-score>header h2{margin:0;color:#273247;font-size:12px}.accx-security-score>header p{margin:2px 0 0;color:#788396;font-size:9px}.accx-security-score>header>strong{color:#efa90e;font-size:11px}.accx-security-progress{height:7px;margin:15px 0 13px;overflow:hidden;border-radius:99px;background:#e9edf2}.accx-security-progress>i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#ac44fa,#9942ee)}.accx-security-score.score-33 .accx-security-progress>i{width:33%}.accx-security-score.score-66 .accx-security-progress>i{width:66%}.accx-security-score.score-67 .accx-security-progress>i{width:67%}.accx-security-score.score-100 .accx-security-progress>i{width:100%}.accx-security-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.accx-security-checks article{min-height:70px;padding:12px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;border:1px solid #e1e6ec;border-radius:10px;background:#fff}.accx-security-checks article>i{margin-top:1px;color:#22c995;font-size:17px}.accx-security-checks article.warning>i{color:#f2ad18}.accx-security-checks article strong{display:block;color:#2d384b;font-size:9px}.accx-security-checks article p{margin:3px 0 0;color:#788396;font-size:8px;line-height:1.45}
@media(max-width:760px){.accx-security-score{padding:14px}.accx-security-checks{grid-template-columns:1fr}.accx-security-checks article{min-height:60px}.accx-security-progress{margin:12px 0}.accx-security-score>header{grid-template-columns:32px minmax(0,1fr) auto}.accx-security-score>header>span{width:30px;height:30px}}

/* Compte v169 — pagination du journal d’activité. */
.accx-activity-pagination{min-height:53px;padding:10px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e7ebf0;background:#fbfcfe;color:#7d8797;font-size:8px}.accx-activity-pagination>div{display:flex;align-items:center;gap:4px}.accx-activity-pagination a,.accx-activity-pagination>div>span{width:29px;height:29px;display:grid;place-items:center;border:1px solid #dce3eb;border-radius:7px;background:#fff;color:#607187;font-size:8px;font-weight:800;text-decoration:none}.accx-activity-pagination a:hover{border-color:#bca6df;background:#f8f4fd;color:#7132b5}.accx-activity-pagination>div>span.active{border-color:#7b3cc0;background:#7b3cc0;color:#fff;box-shadow:0 3px 8px rgba(123,60,192,.16)}.accx-activity-pagination>div>span.disabled{opacity:.38}.accx-activity-pagination .arrow{font-size:16px}
@media(max-width:540px){.accx-activity-pagination{padding:9px 10px;align-items:flex-start;flex-direction:column}.accx-activity-pagination>div{width:100%;justify-content:center}.accx-activity-pagination a,.accx-activity-pagination>div>span{width:28px;height:28px}}

/* Compte v170 — filtres et pagination dynamiques, environnement de connexion. */
.accx-activity-filter nav button{width:100%;min-height:36px;padding:0 9px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:6px;border:0;border-radius:7px;background:#fff;color:#263247;font:10px inherit;text-align:left;cursor:pointer}.accx-activity-filter nav button i{color:transparent;font-size:15px}.accx-activity-filter nav button:hover{background:#f6f4fb}.accx-activity-filter nav button.active{background:#f0e9fb;color:#6c2bc5}.accx-activity-filter nav button.active i{color:#8e3de4}.accx-activity-item[hidden],.accx-activity-pagination[hidden],.accx-activity-empty[hidden]{display:none!important}.accx-activity-item p{margin:2px 0 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#7a8597;font-size:9px}.accx-activity-item p time{margin:0;display:inline;color:inherit;font-size:inherit}.accx-activity-item p b{color:#b0b7c1;font-weight:600}.accx-activity-pagination button,.accx-activity-pages button{width:29px;height:29px;padding:0;display:grid;place-items:center;border:1px solid #dce3eb;border-radius:7px;background:#fff;color:#607187;font-family:inherit;font-size:8px;font-weight:800;cursor:pointer}.accx-activity-pagination button:hover:not(:disabled),.accx-activity-pages button:hover:not(:disabled){border-color:#bca6df;background:#f8f4fd;color:#7132b5}.accx-activity-pages{width:auto!important;height:auto!important;display:flex!important;align-items:center;gap:4px;border:0!important;background:transparent!important}.accx-activity-pages button.active{border-color:#7b3cc0;background:#7b3cc0;color:#fff;box-shadow:0 3px 8px rgba(123,60,192,.16)}.accx-activity-pagination button:disabled{opacity:.38;cursor:default}
@media(max-width:540px){.accx-activity-pagination button,.accx-activity-pages button{width:28px;height:28px}.accx-activity-item p{gap:4px;font-size:8px}}

/* Compte v171 — état vide fiable et journal limité aux actions client. */
[data-activity-empty][hidden]{display:none!important}

/* Compte v172 — filtre et pictogrammes du journal plus compacts. */
.accx-activity-filter{width:185px}.accx-activity-filter summary{height:34px;padding:0 9px;grid-template-columns:17px minmax(0,1fr) 15px;gap:5px;font-size:9px}.accx-activity-filter summary>i:first-child{font-size:13px}.accx-activity-filter summary>i:last-child{font-size:14px}.accx-activity-filter nav{top:39px}.accx-activity-filter nav button{min-height:32px;padding:0 8px;grid-template-columns:17px minmax(0,1fr);gap:5px;font-size:9px}.accx-activity-filter nav button i{font-size:13px}.accx-activity-head>div>span{width:23px;height:23px;font-size:18px}.accx-activity-item{min-height:47px;grid-template-columns:29px minmax(0,1fr);gap:8px}.accx-activity-item>span{width:27px;height:27px;font-size:14px}.accx-activity-item strong{font-size:9px}.accx-activity-item em{min-height:18px;padding:1px 6px;font-size:7px}.accx-activity-item p{font-size:8px}
@media(max-width:760px){.accx-activity-filter{width:100%}}

/* Compte v173 — filtres illustrés, profil allégé et mot de passe en modal. */
.accx-profile-facts>div:last-child{border-bottom:0}.accx-profile-facts dd{max-width:118px;text-align:right;line-height:1.35}.accx-activity-filter nav button{grid-template-columns:17px minmax(0,1fr) 15px}.accx-activity-filter nav button>i:first-child{color:#738095}.accx-activity-filter nav button>i:last-child{color:transparent}.accx-activity-filter nav button.active>i:first-child{color:#7e39c8}.accx-activity-filter nav button.active>i:last-child{color:#8e3de4}.account-password-form{padding:20px 24px 22px;display:grid;gap:12px}.account-password-form>label{display:grid;gap:6px;color:#344054;font-size:11px;font-weight:650}.account-password-form input{height:40px;padding:0 11px;border:1px solid #cfd6df;border-radius:7px;background:#fff;color:#17212f;font-size:11px;outline:0}.account-password-form input:focus{border-color:#6f78bf;box-shadow:0 0 0 3px rgba(83,65,145,.09)}.account-password-form .account-modal-actions{margin-top:2px}.account-password-dialog .account-modal-icon{background:#f0edfa;color:#5e4c9b;border-color:#e2dcf3}
@media(max-width:720px){.account-password-form{padding:17px}.accx-profile-facts dd{max-width:none}}

/* Compte v174 — solde client et modal de mot de passe restructurée. */
.accx-profile-balance dd{font-weight:800}.accx-profile-balance dd.positive{color:#16845d}.accx-profile-balance dt i{color:#6577a0}
.account-password-dialog{width:min(470px,100%);overflow:hidden;border:1px solid #e1e6ec;border-radius:16px;box-shadow:0 28px 80px rgba(17,28,48,.24)}
.account-password-dialog .account-modal-close{top:17px;right:17px;width:31px;height:31px;border:1px solid #e3e7ec;border-radius:8px;background:#fff;color:#728095}.account-password-dialog .account-modal-close:hover{border-color:#cbd3dd;background:#f7f9fb;color:#26354a}
.account-password-heading{padding:23px 58px 18px 22px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;border-bottom:1px solid #e8ecf1;background:linear-gradient(145deg,#fff 55%,#f7f5fc)}
.account-password-heading-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ded8ef;border-radius:12px;background:#f1edf9;color:#5b498e;font-size:20px;box-shadow:0 4px 10px rgba(74,55,125,.07)}
.account-password-heading h2{margin:0;color:#1f2c40;font-size:17px;line-height:1.25;letter-spacing:-.02em}.account-password-heading p{margin:4px 0 0;color:#7d8999;font-size:9px;line-height:1.5}
.account-password-form{padding:18px 22px 17px;gap:13px;background:#fff}.account-password-form label{display:grid;gap:6px;color:#425066;font-size:9px;font-weight:750}.account-password-current{padding-bottom:13px;border-bottom:1px solid #edf0f3}.account-password-new{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.account-password-input{height:39px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid #d6dde6;border-radius:8px;background:#fff;transition:border-color .15s,box-shadow .15s}.account-password-input>i{flex:none;color:#8390a2;font-size:15px}.account-password-input:focus-within{border-color:#7967b3;box-shadow:0 0 0 3px rgba(83,65,145,.08)}.account-password-form .account-password-input input{min-width:0;height:37px;padding:0;border:0;background:transparent;box-shadow:none}.account-password-form .account-password-input input:focus{border:0;box-shadow:none}
.account-password-requirements{min-height:39px;padding:9px 10px;display:grid;grid-template-columns:17px minmax(0,1fr);align-items:start;gap:7px;border:1px solid #dfe9e5;border-radius:8px;background:#f5faf8;color:#68786f;font-size:8px;line-height:1.45}.account-password-requirements>i{color:#20936a;font-size:15px}.account-password-requirements strong{color:#365a4c;font-weight:800}
.account-password-actions{padding-top:2px;display:flex;justify-content:flex-end;gap:7px}.account-password-actions .accx-button{min-height:35px}.account-password-actions .primary{padding-inline:13px}
.account-password-footer{min-height:42px;padding:10px 22px;display:flex;align-items:center;gap:7px;border-top:1px solid #e8ecf1;background:#fafbfc;color:#7e8998;font-size:8px}.account-password-footer i{color:#60738e;font-size:14px}
@media(max-width:720px){.account-password-dialog{border-radius:15px 15px 0 0}.account-password-heading{padding:19px 52px 16px 17px;grid-template-columns:38px minmax(0,1fr)}.account-password-heading-icon{width:38px;height:38px;border-radius:10px}.account-password-form{padding:16px 17px}.account-password-new{grid-template-columns:1fr}.account-password-actions{flex-direction:column-reverse}.account-password-actions .accx-button{width:100%}.account-password-footer{padding-inline:17px}.accx-profile-card .accx-profile-facts{grid-column:1/-1;margin-top:10px;display:block}.accx-profile-card .accx-profile-facts>div:not(.accx-profile-balance){display:none}.accx-profile-card .accx-profile-balance{min-height:34px}.accx-profile-card .accx-profile-balance dd{max-width:none}}

/* Compte v175 — profil uniquement dans Coordonnées et champs de mot de passe lisibles. */
.accx-layout.accx-layout-wide{grid-template-columns:minmax(0,1fr)}
.account-password-new{grid-template-columns:minmax(0,1fr)}

/* Compte v176 — vérification d’identité et confidentialité. */
.account-confirm-v176{min-height:calc(100vh - 130px);padding:22px 0;display:grid;place-items:center}.account-confirm-v176 .account-confirm-card{width:min(100%,490px);overflow:hidden;border:1px solid #dde3eb;border-radius:15px;background:#fff;box-shadow:0 18px 45px rgba(26,38,59,.09)}.account-confirm-v176 .account-confirm-main{width:100%;margin:0;padding:28px 30px 24px;text-align:center}.account-confirm-shield{position:relative;width:54px;height:54px;margin:0 auto 15px;display:grid;place-items:center;border:1px solid #ddd8ef;border-radius:17px 6px 17px 6px;background:linear-gradient(145deg,#f4f1fb,#ece8f7);color:#56438d;font-size:26px}.account-confirm-shield>span{position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#1b9b6c;color:#fff;font-size:11px}.account-confirm-v176 .account-confirm-heading{margin:0 0 20px;display:block}.account-confirm-v176 .account-confirm-heading small{margin:0 0 5px;color:#68539d;font-size:8px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.account-confirm-v176 .account-confirm-heading h1{margin:0;color:#1b293d;font-size:20px;line-height:1.25;letter-spacing:-.025em}.account-confirm-v176 .account-confirm-heading p{max-width:355px;margin:6px auto 0;color:#788598;font-size:9px;line-height:1.55}.account-confirm-v176 .account-confirm-form{padding:0;display:grid;gap:11px;text-align:left}.account-confirm-v176 .account-confirm-form>label{display:grid;gap:6px;color:#405067;font-size:9px;font-weight:800}.account-confirm-input{height:41px;display:grid;grid-template-columns:38px minmax(0,1fr) 35px;align-items:center;overflow:hidden;border:1px solid #d5dce5;border-radius:9px;background:#fff;transition:border-color .15s,box-shadow .15s}.account-confirm-input:focus-within{border-color:#7866b2;box-shadow:0 0 0 3px rgba(83,65,145,.08)}.account-confirm-input>i{height:100%;display:grid;place-items:center;color:#7f8ca0;font-size:15px}.account-confirm-input>input{width:100%;height:39px;padding:0;border:0;background:transparent;color:#243248;font-family:inherit;font-size:10px;outline:0}.account-confirm-input>input::placeholder{color:#a0a9b6}.account-confirm-input>button{width:29px;height:29px;padding:0;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#788699;cursor:pointer}.account-confirm-input>button:hover{background:#f1f3f7;color:#384960}.account-confirm-v176 .account-confirm-form>.account-confirm-submit{min-height:39px;margin:2px 0 0;padding:0 11px 0 15px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #21186b;border-radius:9px;background:#21186b;color:#fff;font-family:inherit;font-size:10px;font-weight:800;box-shadow:0 5px 12px rgba(33,24,107,.16);cursor:pointer}.account-confirm-v176 .account-confirm-form>.account-confirm-submit>i{width:auto;height:auto;display:inline;font-size:16px;background:transparent}.account-confirm-v176 .account-confirm-form>.account-confirm-submit:hover,.account-confirm-v176 .account-confirm-form>.account-confirm-submit:focus{border-color:#21186b;background:#21186b;color:#fff;transform:none}.account-confirm-trust{margin-top:14px;padding:9px 10px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;background:#f7f8fa;color:#7e8998;font-size:8px;line-height:1.4}.account-confirm-trust i{color:#52718f;font-size:13px}.account-confirm-v176 .account-confirm-footer{min-height:44px;padding:9px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e7ebf0;background:#fafbfc;color:#7d8998;font-size:8px}.account-confirm-v176 .account-confirm-footer a,.account-confirm-v176 .account-confirm-footer span{display:inline-flex;align-items:center;gap:5px}.account-confirm-v176 .account-confirm-footer a{color:#56677d;font-weight:750}.account-confirm-v176 .account-confirm-footer span i{color:#1c9569}
.accx-privacy-panel{overflow:hidden}.accx-privacy-head{min-height:72px;padding:14px 17px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #e6ebf0}.accx-privacy-head>span{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:9px;background:#efedf8;color:#62509a;font-size:17px}.accx-privacy-head h2{margin:0;color:#202d42;font-size:14px}.accx-privacy-head p{margin:3px 0 0;color:#8390a1;font-size:9px}.accx-privacy-body{padding:15px 17px 18px;display:grid;gap:13px}.accx-privacy-summary{min-height:57px;padding:10px 12px;display:flex;align-items:center;gap:10px;border:1px solid #e0e5eb;border-radius:9px;background:#fafbfc}.accx-privacy-summary>div{width:31px;height:31px;display:grid;place-items:center;flex:none;border-radius:8px;background:#edf4f1;color:#247a5f;font-size:16px}.accx-privacy-summary>span{display:grid}.accx-privacy-summary strong{color:#354358;font-size:10px}.accx-privacy-summary small{margin-top:2px;color:#818d9d;font-size:8px;line-height:1.45}.accx-delete-section{overflow:hidden;border:1px solid #eadadd;border-left:3px solid #dc5360;border-radius:10px;background:#fff}.accx-delete-section>header{min-height:67px;padding:13px 15px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eee5e7;background:#fff}.accx-delete-section>header>span{width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:8px;background:#fff0f2;color:#d54150;font-size:16px}.accx-delete-section>header h3{margin:0;color:#2c3545;font-size:12px}.accx-delete-section>header p{margin:3px 0 0;color:#858e9b;font-size:8px}.accx-delete-content{padding:14px 15px 15px}.accx-delete-copy strong{color:#354156;font-size:10px}.accx-delete-copy p{max-width:680px;margin:3px 0 0;color:#7c8798;font-size:8px;line-height:1.55}.accx-delete-checks{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.accx-delete-checks article{min-height:52px;padding:9px 10px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #e1e6ec;border-radius:8px;background:#fafbfc}.accx-delete-checks article>span{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;font-size:14px}.accx-delete-checks article.ready>span{background:#e8f6f0;color:#19815c}.accx-delete-checks article.blocked>span{background:#fff0f1;color:#c93e4c}.accx-delete-checks article>div{display:grid}.accx-delete-checks strong{color:#344156;font-size:9px}.accx-delete-checks small{margin-top:2px;color:#7e8999;font-size:8px}.accx-delete-checks a{display:inline-flex;align-items:center;gap:3px;color:#66508f;font-size:8px;font-weight:800}.accx-delete-action{min-height:50px;margin-top:12px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #edf0f3}.accx-delete-action>div{display:flex;align-items:center;gap:6px;color:#7b8697;font-size:8px}.accx-delete-action>div i{color:#667c99;font-size:14px}.accx-button.danger{border-color:#d94956;background:#d94956;color:#fff;box-shadow:none}.accx-button.danger:hover,.accx-button.danger:focus{border-color:#c83c49;background:#c83c49;color:#fff;transform:none}.accx-button.danger:disabled{border-color:#e2c6c9;background:#ead5d7;color:#9b777b;cursor:not-allowed}.accx-delete-section.pending{border-left-color:#d69a32}.accx-delete-section.pending>header>span{background:#fff5e5;color:#b77512}.accx-deletion-pending{margin:14px 15px 0;padding:13px;border:1px solid #ead8b6;border-radius:9px;background:#fff9ee}.accx-deletion-pending-title{display:flex;align-items:flex-start;gap:8px}.accx-deletion-pending-title>i{color:#b77615;font-size:18px}.accx-deletion-pending-title>div{display:grid}.accx-deletion-pending-title strong{color:#76511a;font-size:10px}.accx-deletion-pending-title span{margin-top:2px;color:#937346;font-size:8px}.accx-deletion-pending dl{margin:12px 0 10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.accx-deletion-pending dl>div{padding:9px;border-radius:8px;background:rgba(191,137,45,.09)}.accx-deletion-pending dt{color:#a07739;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.accx-deletion-pending dd{margin:4px 0 0;color:#724c13;font-size:9px;font-weight:800}.accx-deletion-pending>p{margin:0;color:#8a6a3d;font-size:8px;line-height:1.55}.accx-deletion-cancel{margin:12px 15px 15px}.accx-button.privacy-cancel{border-color:#9dd8be;color:#147652}.accx-button.privacy-cancel:hover{border-color:#6fc29e;background:#f4fbf8;color:#0b6947}
.account-delete-dialog{width:min(535px,100%);overflow:hidden;border:1px solid #e3e6eb;border-radius:15px}.account-delete-heading{padding:21px 55px 17px 21px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #ebeef2}.account-delete-heading>span{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:11px;background:#fff0f1;color:#d94753;font-size:21px}.account-delete-heading small{display:block;margin-bottom:2px;color:#c74651;font-size:7px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.account-delete-heading h2{margin:0;color:#263247;font-size:16px}.account-delete-heading p{margin:4px 0 0;color:#818b99;font-size:8px}.account-delete-form{padding:17px 21px 19px;display:grid;gap:13px}.account-delete-grace{padding:12px;display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;border:1px solid #ead6b1;border-radius:9px;background:#fff9ee}.account-delete-grace>i{color:#b97511;font-size:19px}.account-delete-grace strong{color:#754d10;font-size:10px}.account-delete-grace p{margin:3px 0 7px;color:#8e6a32;font-size:8px;line-height:1.5}.account-delete-grace ul{margin:0;padding-left:15px;color:#8e6a32;font-size:8px;line-height:1.7}.account-delete-confirm{display:grid;gap:7px;color:#3e4b5f;font-size:9px}.account-delete-confirm b{padding:2px 5px;border-radius:4px;background:#f4eee4;color:#9d5f0a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.account-delete-confirm input{height:41px;padding:0 11px;border:1px solid #cfd7e1;border-radius:8px;color:#273449;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;text-transform:uppercase;outline:0}.account-delete-confirm input:focus{border-color:#d44a56;box-shadow:0 0 0 3px rgba(212,74,86,.1)}.account-delete-legal{margin:0;display:flex;align-items:flex-start;gap:6px;color:#818b99;font-size:8px;line-height:1.45}.account-delete-legal i{flex:none;color:#697d99;font-size:13px}.account-delete-form>footer{padding-top:2px;display:flex;justify-content:flex-end;gap:7px}
@media(max-width:720px){.account-confirm-v176{min-height:auto;padding:6px 0}.account-confirm-v176 .account-confirm-card{border-radius:12px}.account-confirm-v176 .account-confirm-main{padding:22px 17px 18px}.account-confirm-v176 .account-confirm-footer{padding:10px 14px}.accx-privacy-body{padding:11px}.accx-delete-checks{grid-template-columns:1fr}.accx-delete-action{align-items:stretch;flex-direction:column}.accx-delete-action .accx-button{width:100%}.accx-deletion-pending dl{grid-template-columns:1fr}.account-delete-dialog{border-radius:14px 14px 0 0}.account-delete-heading{padding:18px 50px 15px 17px}.account-delete-form{padding:15px 17px}.account-delete-form>footer{flex-direction:column-reverse}.account-delete-form>footer .accx-button{width:100%}}
@media(max-width:420px){.account-confirm-v176 .account-confirm-footer>span{display:none}.account-confirm-v176 .account-confirm-footer{justify-content:center}.accx-tabs a{padding-inline:9px}.accx-privacy-summary{align-items:flex-start}.accx-delete-checks article{grid-template-columns:28px minmax(0,1fr)}.accx-delete-checks article>a{grid-column:2;justify-self:start}}

/* Compte v177 — indicateur de sécurité légèrement plus compact. */
.accx-security-score{padding:13px 17px 14px}.accx-security-score>header{grid-template-columns:32px minmax(0,1fr) auto;gap:8px}.accx-security-score>header>span{width:30px;height:30px;font-size:18px}.accx-security-score>header h2{font-size:11px}.accx-security-score>header p{font-size:8px}.accx-security-progress{height:6px;margin:11px 0 10px}.accx-security-checks{gap:7px}.accx-security-checks article{min-height:57px;padding:9px 10px;grid-template-columns:21px minmax(0,1fr);gap:7px}.accx-security-checks article>i{font-size:15px}.accx-security-checks article strong{font-size:8px}.accx-security-checks article p{font-size:7px}
@media(max-width:760px){.accx-security-score{padding:12px}.accx-security-checks article{min-height:52px;padding:8px 9px}}

/* Compte v178 — suppression de compte plus claire et compacte. */
.accx-privacy-body{padding:12px 14px 15px;display:block}.accx-delete-section{width:min(820px,100%);margin:0 auto}.accx-delete-section>header{min-height:56px;padding:10px 12px;gap:9px}.accx-delete-section>header>span{width:29px;height:29px;border-radius:7px;font-size:14px}.accx-delete-section>header h3{font-size:11px}.accx-delete-section>header p{margin-top:2px;font-size:8px}.accx-delete-content{padding:11px 12px 12px}.accx-delete-copy strong{font-size:9px}.accx-delete-copy p{margin-top:2px;font-size:8px}.accx-delete-checks{margin-top:9px;gap:7px}.accx-delete-checks article{min-height:45px;padding:7px 8px;grid-template-columns:25px minmax(0,1fr) auto;gap:7px}.accx-delete-checks article>span{width:24px;height:24px;border-radius:6px;font-size:13px}.accx-delete-checks strong{font-size:8px}.accx-delete-checks small,.accx-delete-checks a{font-size:7px}.accx-delete-action{min-height:42px;margin-top:9px;padding-top:9px}.accx-delete-action>div{font-size:7px}.accx-delete-action .accx-button{min-height:31px;font-size:9px}.accx-deletion-pending{margin:11px 12px 0;padding:11px}.accx-deletion-pending dl{margin:9px 0 8px}.accx-deletion-cancel{margin:9px 12px 12px}
@media(max-width:720px){.accx-privacy-body{padding:9px}.accx-delete-checks article{grid-template-columns:25px minmax(0,1fr) auto}.accx-delete-action{gap:9px}}

/* Compte v179 — nouvelle zone de suppression, sobre et structurée. */
.accx-privacy-page{width:min(900px,100%);margin:0 auto}.accx-privacy-page .accx-privacy-head{min-height:54px;margin-bottom:10px;padding:4px 2px 10px;border:0;background:transparent}.accx-privacy-page .accx-privacy-head>span{width:30px;height:30px;border:1px solid #ded9ec;background:#f3f0f8;color:#625094;font-size:15px}.accx-privacy-page .accx-privacy-head h2{font-size:13px}.accx-privacy-page .accx-privacy-body{padding:0}.account-deletion-card{overflow:hidden;border:1px solid #dfe4ea;border-radius:11px;background:#fff;box-shadow:0 4px 14px rgba(24,37,57,.035)}.account-deletion-head{min-height:62px;padding:11px 14px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #e8ebef}.account-deletion-head>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#fff0f1;color:#cc3d4a;font-size:16px}.account-deletion-head>div{min-width:0}.account-deletion-head small{display:block;margin-bottom:1px;color:#a04b55;font-size:7px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.account-deletion-head h3{margin:0;color:#263247;font-size:12px;line-height:1.3}.account-deletion-head p{margin:2px 0 0;color:#828c9a;font-size:8px}.account-deletion-head>em{padding:4px 7px;border-radius:6px;background:#fff1f2;color:#b43d49;font-size:7px;font-style:normal;font-weight:800;white-space:nowrap}.account-deletion-body{padding:0 14px}.account-deletion-rules{min-height:49px;padding:10px 0;display:grid;align-content:center}.account-deletion-rules strong{color:#374459;font-size:9px}.account-deletion-rules span{margin-top:2px;color:#858f9e;font-size:8px}.account-deletion-list{border-top:1px solid #edf0f3}.account-deletion-list article{min-height:49px;padding:8px 0;display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid #edf0f3}.account-deletion-list article>span{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;font-size:13px}.account-deletion-list article.ready>span{background:#eaf6f1;color:#16805a}.account-deletion-list article.blocked>span{background:#fff0f1;color:#c83d4a}.account-deletion-list article>div{display:grid}.account-deletion-list strong{color:#344156;font-size:9px}.account-deletion-list small{margin-top:2px;color:#808b9b;font-size:8px}.account-deletion-list article>a{display:inline-flex;align-items:center;gap:2px;color:#5f4d8c;font-size:8px;font-weight:800}.account-deletion-list article>a i{font-size:13px}.account-deletion-list article>em{padding:3px 6px;border-radius:5px;background:#eef7f3;color:#247557;font-size:7px;font-style:normal;font-weight:800}.account-deletion-action{min-height:58px;padding:9px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.account-deletion-action>div{display:grid}.account-deletion-action strong{color:#465267;font-size:8px}.account-deletion-action span{margin-top:2px;color:#858f9d;font-size:7px}.account-deletion-action .accx-button{min-height:32px;font-size:9px}.account-deletion-card.pending{border-color:#e1d5bf}.account-deletion-card.pending .account-deletion-head>span{background:#fff5e7;color:#af7115}.account-deletion-card.pending .account-deletion-head small{color:#9c702d}.account-deletion-pending{margin:12px 14px 0;padding:11px 12px;border:1px solid #e7d7ba;border-radius:8px;background:#fffaf1}.account-deletion-pending-title{display:flex;align-items:flex-start;gap:8px}.account-deletion-pending-title>i{color:#b57514;font-size:17px}.account-deletion-pending-title>div{display:grid}.account-deletion-pending-title strong{color:#6f4d1b;font-size:9px}.account-deletion-pending-title span{margin-top:2px;color:#8e7045;font-size:8px}.account-deletion-pending dl{margin:10px 0 8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.account-deletion-pending dl>div{padding:8px;border-radius:7px;background:rgba(187,133,43,.08)}.account-deletion-pending dt{color:#9a7337;font-size:7px;font-weight:800;text-transform:uppercase}.account-deletion-pending dd{margin:3px 0 0;color:#6f4a13;font-size:8px;font-weight:800}.account-deletion-pending>p{margin:0;color:#876a40;font-size:8px;line-height:1.5}.account-deletion-cancel{margin:9px 14px 12px}
@media(max-width:720px){.accx-privacy-page .accx-privacy-head{padding-inline:2px}.account-deletion-head{grid-template-columns:30px minmax(0,1fr);padding:10px 11px}.account-deletion-head>em{grid-column:2;justify-self:start}.account-deletion-body{padding:0 11px}.account-deletion-action{align-items:stretch;flex-direction:column}.account-deletion-action .accx-button{width:100%}.account-deletion-pending{margin-inline:11px}.account-deletion-pending dl{grid-template-columns:1fr}.account-deletion-cancel{margin-inline:11px}}

/* Compte v180 — confidentialité dans une seule card, sans sous-cartes. */
.account-privacy-card-v180{width:min(900px,100%);margin:0 auto;overflow:hidden;border-color:#dfe4ea;background:#fff;box-shadow:0 5px 18px rgba(28,39,57,.045)}
.account-privacy-header-v180{min-height:65px;padding:13px 16px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #e8ecf1;background:#fff}
.account-privacy-header-v180>span{width:34px;height:34px;display:grid;place-items:center;flex:none;border:1px solid #ddd7eb;border-radius:9px;background:#f7f5fb;color:#655395;font-size:16px}
.account-privacy-header-v180 h2{margin:0;color:#243147;font-size:13px;line-height:1.35}
.account-privacy-header-v180 p{margin:3px 0 0;color:#818c9c;font-size:8px}
.account-delete-v180{padding:14px 16px 16px}
.account-delete-title-v180{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px}
.account-delete-title-v180>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#fff1f2;color:#c73c49;font-size:15px}
.account-delete-title-v180 h3{margin:0;color:#2b374b;font-size:11px;line-height:1.35}
.account-delete-title-v180 p{margin:2px 0 0;color:#818b9a;font-size:8px}
.account-delete-notice-v180{margin:13px 0 0;padding:9px 11px;display:flex;align-items:flex-start;gap:8px;border-left:2px solid #98a5b7;background:#f7f8fa;color:#687486}
.account-delete-notice-v180>i{margin-top:1px;font-size:15px}
.account-delete-notice-v180>div{display:grid}
.account-delete-notice-v180 strong{color:#465267;font-size:8px}
.account-delete-notice-v180 span{margin-top:2px;font-size:8px;line-height:1.45}
.account-delete-checks-v180{margin-top:11px;border-top:1px solid #e9edf1}
.account-delete-checks-v180>div{min-height:53px;padding:9px 2px;display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:9px;border-bottom:1px solid #e9edf1}
.account-delete-checks-v180>div>span{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#f1f3f6;color:#667387;font-size:14px}
.account-delete-checks-v180>div>div{display:grid;min-width:0}
.account-delete-checks-v180 strong{color:#344156;font-size:9px}
.account-delete-checks-v180 small{margin-top:2px;color:#808b9b;font-size:8px}
.account-delete-checks-v180 a{display:inline-flex;align-items:center;gap:4px;color:#5f4a8a;font-size:8px;font-weight:800;white-space:nowrap}
.account-delete-checks-v180 a i{font-size:13px}
.account-delete-checks-v180 em{display:inline-flex;align-items:center;gap:3px;color:#1f7759;font-size:8px;font-style:normal;font-weight:800;white-space:nowrap}
.account-delete-checks-v180 em i{font-size:13px}
.account-delete-checks-v180 .is-ready>span{background:#ecf7f2;color:#197b5a}
.account-delete-checks-v180 .is-blocked>span{background:#fff1f2;color:#c43c49}
.account-delete-checks-v180 .is-blocked small{color:#b14953}
.account-delete-footer-v180{min-height:55px;padding:11px 0 0;display:flex;align-items:center;justify-content:space-between;gap:15px}
.account-delete-footer-v180>div{display:flex;align-items:center;gap:8px;min-width:0}
.account-delete-footer-v180>div>i{width:27px;height:27px;display:grid;place-items:center;flex:none;border-radius:7px;background:#f1f3f6;color:#69768a;font-size:14px}
.account-delete-footer-v180>div>span{display:grid}
.account-delete-footer-v180 strong{color:#465267;font-size:8px}
.account-delete-footer-v180 small{margin-top:2px;color:#858f9d;font-size:7px}
.account-delete-footer-v180 .accx-button{min-height:33px;font-size:9px;white-space:nowrap}
.account-delete-pending-v180{margin-top:13px;border-top:1px solid #e9edf1}
.account-delete-pending-status-v180{padding:12px 2px;display:flex;align-items:flex-start;gap:9px;border-bottom:1px solid #e9edf1}
.account-delete-pending-status-v180>i{width:29px;height:29px;display:grid;place-items:center;flex:none;border-radius:7px;background:#fff5e7;color:#a96c11;font-size:15px}
.account-delete-pending-status-v180>div{display:grid}
.account-delete-pending-status-v180 strong{color:#6f4c19;font-size:9px}
.account-delete-pending-status-v180 span{margin-top:2px;color:#88704b;font-size:8px}
.account-delete-pending-v180 dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #e9edf1}
.account-delete-pending-v180 dl>div{padding:11px 10px;border-right:1px solid #e9edf1}
.account-delete-pending-v180 dl>div:first-child{padding-left:2px}
.account-delete-pending-v180 dl>div:last-child{border-right:0}
.account-delete-pending-v180 dt{color:#8a93a0;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}
.account-delete-pending-v180 dd{margin:4px 0 0;color:#3c485a;font-size:8px;font-weight:800}
.account-delete-pending-action-v180{padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.account-delete-pending-action-v180 p{margin:0;color:#818c9b;font-size:8px}
.account-delete-pending-action-v180 .accx-button{min-height:33px;font-size:9px;white-space:nowrap}
.account-privacy-card-v180.is-pending .account-delete-title-v180>span{background:#fff5e7;color:#a96c11}
@media(max-width:720px){.account-privacy-card-v180{width:100%}.account-privacy-header-v180{padding:11px 12px}.account-delete-v180{padding:12px}.account-delete-checks-v180>div{grid-template-columns:28px minmax(0,1fr)}.account-delete-checks-v180 a,.account-delete-checks-v180 em{grid-column:2;justify-self:start;margin-top:2px}.account-delete-footer-v180,.account-delete-pending-action-v180{align-items:stretch;flex-direction:column}.account-delete-footer-v180 .accx-button,.account-delete-pending-action-v180 .accx-button{width:100%}.account-delete-pending-v180 dl{grid-template-columns:1fr}.account-delete-pending-v180 dl>div,.account-delete-pending-v180 dl>div:first-child{padding:9px 2px;border-right:0;border-bottom:1px solid #e9edf1}.account-delete-pending-v180 dl>div:last-child{border-bottom:0}}

/* Compte v180 — confirmation d’identité pleine largeur. */
.account-confirm-v180{width:100%;min-height:calc(100vh - 130px);padding:12px 0;display:block}
.account-confirm-v180 .account-confirm-card{width:100%;min-height:0;overflow:hidden;border:1px solid #dfe4eb;border-radius:12px;background:#fff;box-shadow:0 6px 22px rgba(27,39,58,.05)}
.account-confirm-header-v180{min-height:82px;padding:17px 20px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #e8ecf1;background:#fff}
.account-confirm-shield-v180{width:40px;height:40px;display:grid;place-items:center;flex:none;border:1px solid #dcd7eb;border-radius:10px;background:#f6f4fa;color:#59458e;font-size:20px}
.account-confirm-header-v180>div{min-width:0}
.account-confirm-header-v180 small{display:block;margin-bottom:2px;color:#69569a;font-size:8px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.account-confirm-header-v180 h1{margin:0;color:#202e43;font-size:16px;line-height:1.25;letter-spacing:-.02em}
.account-confirm-header-v180 p{margin:4px 0 0;color:#7e8999;font-size:9px;line-height:1.5}
.account-confirm-body-v180{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(340px,1.28fr);min-height:245px}
.account-confirm-info-v180{padding:21px 20px;display:grid;align-content:center;gap:18px;border-right:1px solid #e8ecf1;background:#fafbfc}
.account-confirm-info-v180>div{display:grid;grid-template-columns:31px minmax(0,1fr);align-items:start;gap:10px}
.account-confirm-info-v180>div>i{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#eef1f5;color:#5f6e82;font-size:15px}
.account-confirm-info-v180>div>span{display:grid}
.account-confirm-info-v180 strong{color:#3b485c;font-size:9px}
.account-confirm-info-v180 small{margin-top:3px;color:#7f8a9a;font-size:8px;line-height:1.5}
.account-confirm-v180 .account-confirm-form-v180{width:min(460px,100%);padding:22px 24px;align-self:center;justify-self:center;display:grid;gap:13px;text-align:left}
.account-confirm-form-title-v180{display:grid;padding-bottom:3px}
.account-confirm-form-title-v180 strong{color:#2e3b50;font-size:11px}
.account-confirm-form-title-v180 span{margin-top:3px;color:#838d9c;font-size:8px}
.account-confirm-v180 .account-confirm-form-v180>label{display:grid;gap:6px;color:#405067;font-size:9px;font-weight:800}
.account-confirm-v180 .account-confirm-input{height:41px;grid-template-columns:39px minmax(0,1fr) 36px;border-radius:8px}
.account-confirm-v180 .account-confirm-input>input{height:39px;font-size:10px}
.account-confirm-v180 .account-confirm-form-v180>.account-confirm-submit{min-height:39px;margin:0;padding:0 12px 0 15px;border-radius:8px;font-size:10px;box-shadow:none}
.account-confirm-v180 .account-confirm-footer{min-height:46px;padding:10px 20px;background:#fff}
@media(max-width:760px){.account-confirm-v180{min-height:auto;padding:6px 0}.account-confirm-v180 .account-confirm-card{border-radius:10px}.account-confirm-header-v180{min-height:auto;padding:14px}.account-confirm-header-v180 h1{font-size:15px}.account-confirm-body-v180{grid-template-columns:1fr;min-height:0}.account-confirm-info-v180{padding:14px;grid-template-columns:1fr;gap:11px;border-right:0;border-bottom:1px solid #e8ecf1}.account-confirm-v180 .account-confirm-form-v180{width:100%;padding:17px 14px}.account-confirm-v180 .account-confirm-footer{padding:10px 14px}}
@media(max-width:430px){.account-confirm-v180 .account-confirm-footer>span{display:none}.account-confirm-v180 .account-confirm-footer{justify-content:flex-start}}

/* Compte v181 — marges de support/new et confidentialité pleine largeur. */
.account-confirm-v180{padding:12px 14px 28px}
.account-privacy-card-v181{width:100%;max-width:none;margin:0;overflow:hidden;border:1px solid #dfe4eb;border-radius:11px;background:#fff;box-shadow:0 5px 18px rgba(22,39,65,.045)}
.account-privacy-header-v181{min-height:64px;padding:13px 16px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #e7ebf0;background:#fff}
.account-privacy-header-v181>span{width:34px;height:34px;display:grid;place-items:center;flex:none;border:1px solid #ddd8ea;border-radius:9px;background:#f7f5fb;color:#625092;font-size:16px}
.account-privacy-header-v181 h2{margin:0;color:#243147;font-size:13px;line-height:1.35}
.account-privacy-header-v181 p{margin:3px 0 0;color:#818c9c;font-size:8px}
.account-delete-layout-v181{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.45fr)}
.account-delete-summary-v181{padding:20px 18px;display:flex;align-items:flex-start;flex-direction:column;border-right:1px solid #e7ebf0;background:#fafbfc}
.account-delete-symbol-v181{width:38px;height:38px;margin-bottom:13px;display:grid;place-items:center;border-radius:10px;background:#fff0f1;color:#c63c49;font-size:18px}
.account-delete-summary-v181 h3{margin:0;color:#263349;font-size:13px;line-height:1.3}
.account-delete-summary-v181 p{margin:5px 0 0;color:#7c8798;font-size:9px;line-height:1.55}
.account-delete-delay-v181{margin-top:auto;padding-top:18px;display:flex;align-items:center;gap:7px;color:#68758a}
.account-delete-delay-v181>i{font-size:15px}
.account-delete-delay-v181>span{display:grid}
.account-delete-delay-v181 strong{color:#435167;font-size:9px}
.account-delete-delay-v181 small{margin-top:1px;color:#8a94a3;font-size:7px}
.account-delete-content-v181{min-width:0;padding:17px 18px 15px}
.account-delete-content-head-v181{padding-bottom:12px}
.account-delete-content-head-v181 strong{color:#344158;font-size:10px}
.account-delete-content-head-v181 p{margin:3px 0 0;color:#818c9c;font-size:8px;line-height:1.5}
.account-delete-checks-v181{border-top:1px solid #e9edf1}
.account-delete-checks-v181>div{min-height:54px;padding:9px 1px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;border-bottom:1px solid #e9edf1}
.account-delete-checks-v181>div>span{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#f0f3f6;color:#647287;font-size:14px}
.account-delete-checks-v181>div>div{display:grid;min-width:0}
.account-delete-checks-v181 strong{color:#344158;font-size:9px}
.account-delete-checks-v181 small{margin-top:2px;color:#818c9b;font-size:8px}
.account-delete-checks-v181 a{display:inline-flex;align-items:center;gap:2px;color:#5d4a89;font-size:8px;font-weight:800;white-space:nowrap}
.account-delete-checks-v181 a i{font-size:13px}
.account-delete-checks-v181 em{display:inline-flex;align-items:center;gap:3px;color:#1d7858;font-size:8px;font-style:normal;font-weight:800;white-space:nowrap}
.account-delete-checks-v181 em i{font-size:12px}
.account-delete-checks-v181 .is-ready>span{background:#ebf7f2;color:#197c59}
.account-delete-checks-v181 .is-blocked>span{background:#fff0f1;color:#c63c49}
.account-delete-checks-v181 .is-blocked small{color:#ad4650}
.account-delete-action-v181{min-height:51px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.account-delete-action-v181 p{margin:0;color:#858f9e;font-size:8px;line-height:1.45}
.account-delete-action-v181 .accx-button{min-height:33px;font-size:9px;white-space:nowrap}
.account-delete-pending-head-v181{min-height:51px;padding:0 0 12px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #e9edf1}
.account-delete-pending-head-v181>span{width:29px;height:29px;display:grid;place-items:center;flex:none;border-radius:8px;background:#fff4e2;color:#a9690e;font-size:14px}
.account-delete-pending-head-v181>div{display:grid}
.account-delete-pending-head-v181 strong{color:#5d4930;font-size:10px}
.account-delete-pending-head-v181 small{margin-top:2px;color:#87765e;font-size:8px}
.account-delete-dates-v181{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #e9edf1}
.account-delete-dates-v181>div{padding:12px 10px;border-right:1px solid #e9edf1}
.account-delete-dates-v181>div:first-child{padding-left:1px}
.account-delete-dates-v181>div:last-child{border-right:0}
.account-delete-dates-v181 dt{color:#8b95a3;font-size:7px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}
.account-delete-dates-v181 dd{margin:4px 0 0;color:#3d495b;font-size:8px;font-weight:800}
.account-privacy-card-v181.is-pending .account-delete-symbol-v181{background:#fff4e2;color:#a9690e}
@media(max-width:780px){.account-delete-layout-v181{grid-template-columns:1fr}.account-delete-summary-v181{padding:15px;border-right:0;border-bottom:1px solid #e7ebf0}.account-delete-symbol-v181{margin-bottom:10px}.account-delete-delay-v181{margin-top:13px;padding-top:0}.account-delete-content-v181{padding:14px 15px}}
@media(max-width:700px){.account-confirm-v180{padding:8px 8px 20px}.account-privacy-header-v181{padding:11px 12px}.account-delete-summary-v181{padding:13px 12px}.account-delete-content-v181{padding:13px 12px}.account-delete-checks-v181>div{grid-template-columns:29px minmax(0,1fr)}.account-delete-checks-v181 a,.account-delete-checks-v181 em{grid-column:2;justify-self:start}.account-delete-action-v181{align-items:stretch;flex-direction:column}.account-delete-action-v181 .accx-button{width:100%}.account-delete-dates-v181{grid-template-columns:1fr}.account-delete-dates-v181>div,.account-delete-dates-v181>div:first-child{padding:9px 1px;border-right:0;border-bottom:1px solid #e9edf1}.account-delete-dates-v181>div:last-child{border-bottom:0}}

/* Compte v182 — vérification préalable plus lisible. */
.account-delete-content-head-v181{padding:1px 0 15px}
.account-delete-content-head-v181 strong{display:block;color:#263349;font-size:12px;line-height:1.35;letter-spacing:-.01em}
.account-delete-content-head-v181 p{max-width:590px;margin:5px 0 0;color:#748094;font-size:9px;line-height:1.55}
.account-delete-checks-v181 em{padding:4px 7px;border-radius:6px;background:#ebf7f2;color:#197557;font-size:7.5px}
footer.account-delete-action-v181{justify-content:flex-end}

/* Compte v183 — confirmation d’annulation et notifications de compte. */
.account-cancel-dialog-v183 .account-delete-heading>span{background:#edf4ff;color:#315f9d}
.account-cancel-dialog-v183 .account-delete-heading small{color:#58739a}
.account-cancel-form-v183{gap:15px}
.account-cancel-message-v183{padding:13px;display:grid;grid-template-columns:31px minmax(0,1fr);align-items:start;gap:10px;border:1px solid #dce5ee;border-radius:9px;background:#f8fafc}
.account-cancel-message-v183>i{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#eaf2fb;color:#315f9d;font-size:16px}
.account-cancel-message-v183 strong{display:block;color:#344258;font-size:10px}
.account-cancel-message-v183 p{margin:4px 0 0;color:#788598;font-size:8px;line-height:1.55}
.accx-button.account-cancel-confirm-v183{border-color:#315f9d;background:#315f9d;color:#fff;box-shadow:none}
.accx-button.account-cancel-confirm-v183:hover,.accx-button.account-cancel-confirm-v183:focus{border-color:#294f82;background:#294f82;color:#fff;transform:none}

/* Dashboard v184 — bandeau d’accueil NebulaHost. */
.dashboard-v184{overflow:visible}
.dashboard-welcome-v184{position:relative;min-height:174px;padding:25px 27px 47px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:radial-gradient(circle at 38% 15%,rgba(135,100,255,.7),transparent 36%),radial-gradient(circle at 62% 92%,rgba(36,123,220,.32),transparent 32%),linear-gradient(118deg,#30206f 0%,#4b2fa0 45%,#121c5e 100%);box-shadow:0 10px 26px rgba(30,27,92,.16);color:#fff}
.dashboard-welcome-v184:before{content:"";position:absolute;right:58px;top:-92px;width:270px;height:270px;border:1px dashed rgba(255,255,255,.24);border-radius:50%;transform:rotate(-18deg)}
.dashboard-welcome-v184:after{content:"";position:absolute;right:196px;bottom:-88px;width:180px;height:180px;border:1px solid rgba(255,255,255,.09);border-radius:50%}
.dashboard-welcome-copy-v184{position:relative;z-index:2;max-width:720px}
.dashboard-welcome-copy-v184>span{display:block;margin-bottom:4px;color:#d8d5f4;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.dashboard-welcome-copy-v184 h1{margin:0;color:#fff;font-size:25px;line-height:1.2;letter-spacing:-.035em}
.dashboard-welcome-copy-v184 h1 i{font-style:normal;font-size:.88em}
.dashboard-welcome-copy-v184>p{max-width:590px;margin:6px 0 0;color:#e1e3f4;font-size:10px;line-height:1.55}
.dashboard-welcome-copy-v184>div{margin-top:16px;display:flex;align-items:center;gap:9px}
.dashboard-welcome-primary-v184,.dashboard-welcome-secondary-v184{min-height:35px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;font-size:9px;font-weight:750;text-decoration:none}
.dashboard-welcome-primary-v184{border:1px solid #fff;background:#fff;color:#31236e;box-shadow:0 5px 13px rgba(8,10,55,.15)}
.dashboard-welcome-primary-v184:hover{background:#f7f6ff;color:#241959;transform:none}
.dashboard-welcome-secondary-v184{border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.08);color:#fff}
.dashboard-welcome-secondary-v184:hover{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.13);color:#fff;transform:none}
.dashboard-welcome-primary-v184 i,.dashboard-welcome-secondary-v184 i{font-size:14px}
.dashboard-welcome-art-v184{position:absolute;right:31px;top:17px;width:260px;height:130px;z-index:1;color:#fff}
.dashboard-welcome-orbit-v184{position:absolute;right:24px;top:32px;width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(255,255,255,.11);box-shadow:none;transform:rotate(7deg)}
.dashboard-welcome-orbit-v184 i{font-size:17px;opacity:1}
.dashboard-welcome-art-v184>b{position:absolute;width:6px;height:6px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.16)}
.dashboard-welcome-art-v184>b:nth-of-type(1){left:28px;top:22px}.dashboard-welcome-art-v184>b:nth-of-type(2){left:115px;top:91px}.dashboard-welcome-art-v184>b:nth-of-type(3){right:2px;bottom:4px}
.dashboard-welcome-art-v184>em{position:absolute;width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(255,255,255,.11);font-style:normal;transform:rotate(-8deg)}
.dashboard-welcome-art-v184>em i{font-size:17px}.dashboard-welcome-art-v184>em:nth-of-type(1){left:60px;top:44px}.dashboard-welcome-art-v184>em:nth-of-type(2){right:105px;top:4px;transform:rotate(9deg)}
.dashboard-v184>.dashboard-stat-grid{position:relative;z-index:3;margin:-29px 15px 12px}
.dashboard-v184>.dashboard-stat-grid .dashboard-stat{border-color:#e0e4ec;box-shadow:0 7px 20px rgba(20,30,63,.09)}
@media(max-width:900px){.dashboard-welcome-art-v184{right:7px;opacity:.55}.dashboard-welcome-copy-v184{max-width:620px}}
@media(max-width:700px){.dashboard-welcome-v184{min-height:166px;padding:20px 18px 43px;border-radius:12px}.dashboard-welcome-v184:before{right:-120px}.dashboard-welcome-art-v184{display:none}.dashboard-welcome-copy-v184 h1{font-size:21px}.dashboard-welcome-copy-v184>p{font-size:9px}.dashboard-v184>.dashboard-stat-grid{margin:-25px 9px 11px}.dashboard-welcome-secondary-v184{display:none}}
@media(max-width:430px){.dashboard-welcome-v184{padding-inline:15px}.dashboard-welcome-copy-v184>div{margin-top:13px}.dashboard-welcome-primary-v184{width:100%}.dashboard-v184>.dashboard-stat-grid{margin-inline:7px}}

/* Dashboard v185 — bandeau bord à bord. */
body[data-route="dashboard"] .content{width:100%;max-width:none;margin:0;padding:0 0 25px;background:#f5f7fa}
.dashboard-welcome-v184{width:100%;margin:0;border-top:0;border-right:0;border-left:0;border-radius:0}
.dashboard-v184>.dashboard-pro-grid,
.dashboard-v184>.dashboard-orders-panel{margin-right:17px;margin-left:17px}
@media(max-width:767.98px){
body[data-route="dashboard"] .content{padding:0 0 20px}
.dashboard-welcome-v184{border-radius:0}
.dashboard-v184>.dashboard-pro-grid,
.dashboard-v184>.dashboard-orders-panel{margin-right:8px;margin-left:8px}
}

/* Dashboard v186 — actions alignées à droite sans masquer les illustrations. */
.dashboard-welcome-v184{display:flex;align-items:center;gap:28px}
.dashboard-welcome-copy-v184{max-width:610px}
.dashboard-welcome-actions-v186{position:relative;z-index:3;margin-left:auto;display:flex;align-items:center;gap:9px;flex:none}
.dashboard-welcome-art-v184{right:270px;top:17px;opacity:.42;transform:scale(.82);transform-origin:right top;pointer-events:none}
@media(max-width:1080px){
.dashboard-welcome-art-v184{display:none}
.dashboard-welcome-v184{gap:18px}
.dashboard-welcome-copy-v184{max-width:560px}
}
@media(max-width:820px){
.dashboard-welcome-v184{align-items:flex-start;flex-direction:column;justify-content:center}
.dashboard-welcome-actions-v186{width:100%;margin:13px 0 0}
}
@media(max-width:700px){
.dashboard-welcome-actions-v186{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-welcome-actions-v186 .dashboard-welcome-primary-v184,
.dashboard-welcome-actions-v186 .dashboard-welcome-secondary-v184{width:100%;display:inline-flex}
}
@media(max-width:430px){
.dashboard-welcome-actions-v186{grid-template-columns:1fr}
}

/* Dashboard v187 — bandeau légèrement plus compact et décor enrichi. */
.dashboard-welcome-v184{min-height:144px;padding-bottom:26px}
.dashboard-welcome-art-v184>em:nth-of-type(3){left:8px;top:1px;transform:rotate(-7deg)}
.dashboard-welcome-art-v184>em:nth-of-type(4){right:64px;bottom:16px;transform:rotate(8deg)}
@media(max-width:700px){
.dashboard-welcome-v184{min-height:140px;padding-bottom:25px}
}

/* Dashboard et Account v188. */
.dashboard-welcome-v184{padding-top:10px}
@media(min-width:821px){
.dashboard-welcome-art-v184{display:block;right:320px;opacity:.66}
}
.dashboard-stat strong.dashboard-wallet-positive{color:#16855f}
.dashboard-abstract-v217{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.dashboard-abstract-v217>span,.dashboard-abstract-v217>i{position:absolute;display:block}
.dashboard-abstract-v217>span:nth-child(1){left:45%;top:-63px;width:128px;height:128px;border:1px solid rgba(255,255,255,.08);border-radius:31px;transform:rotate(36deg)}
.dashboard-abstract-v217>span:nth-child(2){right:4%;bottom:-112px;width:205px;height:205px;border:1px dashed rgba(255,255,255,.13);border-radius:50%}
.dashboard-abstract-v217>span:nth-child(3){right:39%;top:26px;width:112px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.17),transparent);transform:rotate(-19deg)}
.dashboard-abstract-v217>i{width:5px;height:5px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.1);box-shadow:0 0 0 4px rgba(255,255,255,.018)}
.dashboard-abstract-v217>i:nth-of-type(1){left:39%;bottom:24px}
.dashboard-abstract-v217>i:nth-of-type(2){left:58%;top:20px;width:4px;height:4px}
.dashboard-abstract-v217>i:nth-of-type(3){right:17%;top:31px;width:6px;height:6px}
.dashboard-abstract-v217>i:nth-of-type(4){right:30%;bottom:18px;width:3px;height:3px}
@media(max-width:820px){.dashboard-abstract-v217>span:nth-child(1){left:58%}.dashboard-abstract-v217>span:nth-child(3),.dashboard-abstract-v217>i:nth-of-type(1),.dashboard-abstract-v217>i:nth-of-type(4){display:none}}
.accx-connections-panel-v188{width:100%}
.accx-connections-intro-v188{min-height:44px;padding:9px 17px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e7ebf0;background:#fafbfc;color:#748095;font-size:9px;line-height:1.5}
.accx-connections-intro-v188>i{width:27px;height:27px;display:grid;place-items:center;flex:none;border-radius:7px;background:#edf4f1;color:#238064;font-size:14px}
.accx-connections-list-v188{padding:3px 17px 9px}
.accx-connection-v188{min-height:76px;padding:11px 1px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid #e9edf1}
.accx-connection-v188:last-of-type{border-bottom:0}
.accx-connection-logo-v188{width:37px;height:37px;display:grid;place-items:center;border:1px solid #e0e5ec;border-radius:10px;background:#fff}
.accx-connection-logo-v188 svg{width:20px;height:20px}
.accx-connection-logo-v188>i{font-size:22px}
.accx-connection-v188.discord .accx-connection-logo-v188{border-color:#dfe2ff;background:#f4f5ff;color:#5865f2}
.accx-connection-visual-v199{display:flex;align-items:center;gap:6px}
.accx-connection-v188.has-discord-avatar{grid-template-columns:72px minmax(0,1fr) auto}
.accx-discord-avatar-v199{width:29px;height:29px;display:block;flex:none;border:2px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #dfe4eb}
.accx-connection-copy-v188{min-width:0;display:grid}
.accx-connection-copy-v188>div{display:flex;align-items:center;gap:8px}
.accx-connection-copy-v188 h3{margin:0;color:#2d3a50;font-size:11px}
.accx-connection-copy-v188 p{margin:3px 0 0;overflow:hidden;color:#69768a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.accx-connection-copy-v188 small{margin-top:3px;color:#909aaa;font-size:8px}
.accx-discord-identity-v194{margin:3px 0 0!important;display:flex;align-items:center;gap:7px!important;overflow:visible!important;white-space:normal!important}
.accx-discord-identity-v194 strong{color:#3c4a60;font-size:8px;font-weight:800}
.accx-discord-identity-v194 span{color:#8a95a5;font-size:7px}
.accx-connection-state-v188{min-height:20px;padding:2px 7px;display:inline-flex;align-items:center;gap:4px;border-radius:999px;font-size:7px;font-weight:800}
.accx-connection-state-v188.connected{background:#e9f7f1;color:#177657}
.accx-connection-state-v188.connected i{font-size:11px}
.accx-connection-state-v188.available{background:#eef3fb;color:#41658f}
.accx-connection-state-v188.disabled{background:#f1f3f6;color:#7d8795}
.accx-connection-state-v188.available i,.accx-connection-state-v188.disabled i{width:5px;height:5px;border-radius:50%;background:currentColor}
.accx-connection-v188>.accx-button{min-width:104px}
.accx-connection-action-v190{margin:0}
.accx-connection-action-v190 .accx-button{min-width:104px}
.accx-button.unlink{border-color:#ead8dc;background:#fff;color:#b23f50;box-shadow:none}
.accx-button.unlink:hover,.accx-button.unlink:focus{border-color:#dfbcc4;background:#fff7f8;color:#9d3041;transform:none}
@media(max-width:620px){
.accx-connections-intro-v188{padding:9px 13px}
.accx-connections-list-v188{padding:2px 13px 8px}
.accx-connection-v188{grid-template-columns:37px minmax(0,1fr)}
.accx-connection-v188.has-discord-avatar{grid-template-columns:71px minmax(0,1fr)}
.accx-connection-v188>.accx-button{grid-column:2;width:max-content;min-width:0}
.accx-connection-action-v190{grid-column:2;width:max-content}
.accx-connection-action-v190 .accx-button{min-width:0}
}

/* Account v191 — confirmation compacte avant la déliaison OAuth. */
.account-unlink-dialog-v191{width:min(320px,calc(100vw - 28px))!important;overflow:hidden;border-radius:11px!important}
.account-unlink-head-v191{min-height:58px;padding:10px 39px 9px 12px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;border-bottom:1px solid #e8ecf1}
.account-unlink-head-v191>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e0e5ec;border-radius:8px;background:#fff;color:#4b596d;font-size:17px}
.account-unlink-head-v191>span.discord{border-color:#dfe2ff;background:#f4f5ff;color:#5865f2}
.account-unlink-head-v191 small{display:block;margin-bottom:2px;color:#8994a4;font-size:7px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.account-unlink-head-v191 h2{margin:0;color:#263247;font-size:13px;line-height:1.3}
.account-unlink-form-v191{padding:10px 12px 11px}
.account-unlink-message-v192{margin:0;color:#657286;font-size:8px;line-height:1.6}
.account-unlink-message-v192 strong{color:#354258;font-weight:800}
.account-unlink-form-v191 footer{margin-top:9px;padding-top:9px;display:flex;justify-content:flex-end;gap:6px;border-top:1px solid #edf0f3}
.account-unlink-form-v191 footer .accx-button{min-height:29px;padding-inline:9px;font-size:8px}
.account-unlink-dialog-v191 .account-modal-close{top:10px;right:10px;width:27px;height:27px;border-radius:7px}
.account-unlink-dialog-v191 .account-modal-close i{font-size:17px}
@media(max-width:520px){.account-unlink-dialog-v191{width:min(320px,calc(100vw - 20px))!important;border-radius:11px!important}.account-unlink-head-v191{padding:10px 39px 9px 12px}.account-unlink-form-v191{padding:10px 12px 11px}.account-unlink-form-v191 footer{flex-direction:row}.account-unlink-form-v191 footer .accx-button{width:auto}}

/* Topbar v200 — menu de compte client. */
.topbar:not(.admin-topbar){padding-right:8px}
.topbar-user-menu-v200{position:relative;display:block!important;gap:0;padding-left:10px}
.topbar-account-v200{position:relative}
.topbar-account-trigger-v200{min-width:0;display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;border-radius:8px}
.topbar-account-trigger-v200::-webkit-details-marker{display:none}
.topbar-account-trigger-v200:focus-visible{outline:3px solid rgba(91,53,219,.2);outline-offset:4px}
.topbar-account-trigger-copy-v200{min-width:0;max-width:145px;display:grid!important}
.topbar-account-trigger-copy-v200 strong{overflow:hidden;color:#27344a;font-size:12px!important;font-weight:800;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.topbar-account-trigger-copy-v200 small{overflow:hidden;color:#8993a3;font-size:8px!important;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.topbar-account-chevron-v200{margin-left:-4px;color:#8e99aa;font-size:16px;transition:transform .18s ease}
.topbar-account-v200[open] .topbar-account-chevron-v200{transform:rotate(180deg)}
.topbar-account-menu-v200{position:absolute;z-index:120;top:calc(100% + 11px);right:0;width:286px;padding:6px;border:1px solid #dfe5ed;border-radius:12px;background:#fff;box-shadow:0 16px 38px rgba(27,38,65,.15),0 3px 9px rgba(27,38,65,.05);animation:topbar-account-in-v200 .16s ease both}
.topbar-account-menu-v200:before{content:"";position:absolute;right:17px;top:-6px;width:11px;height:11px;transform:rotate(45deg);border-left:1px solid #dfe5ed;border-top:1px solid #dfe5ed;background:#fff}
@keyframes topbar-account-in-v200{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.topbar-client-number-card{min-height:43px;margin:1px 1px 6px;padding:7px 9px;display:grid;grid-template-columns:29px minmax(0,1fr);align-items:center;gap:8px;border:1px solid #e3e7ed;border-radius:8px;background:#f5f6f8;color:#344054}
.topbar-client-number-card>span{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#e8ebf0;color:#667085;font-size:14px}
.topbar-client-number-card>div{min-width:0;display:grid;gap:1px}.topbar-client-number-card small{color:#858d9b;font-size:7.5px!important;line-height:1.25}.topbar-client-number-card strong{overflow:hidden;color:#303847;font:600 9.5px/1.3 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.045em;text-overflow:ellipsis;white-space:nowrap}
.topbar-account-links-v200{padding:0 0 4px;display:grid;gap:0;border-bottom:1px solid #e9edf2}
.topbar-account-links-v200>a{min-height:41px;padding:5px 7px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;border-radius:8px;color:#2b384d}
.topbar-account-links-v200>a:hover{background:#f5f7fb;color:#263a61}
.topbar-account-links-v200>a>i:first-child{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#edf2ff;color:#516dd0;font-size:15px}
.topbar-account-links-v200>a>span{min-width:0;display:grid}
.topbar-account-links-v200>a strong{font-size:9px!important;font-weight:800;line-height:1.4;white-space:normal}
.topbar-account-links-v200>a small{overflow:hidden;color:#8a95a6;font-size:7.5px!important;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.topbar-account-links-v200>a>i:last-child{color:#9ba5b4;font-size:16px}
.topbar-account-links-v200>a>b{color:#6f7b8e;font-size:8px;font-weight:800;white-space:nowrap}
.topbar-account-links-v200>a>b.positive{color:#16855f}
.topbar-account-ticket-v200{min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#fff0df;color:#a66112!important;font-size:8px!important}
.topbar-account-logout-v200{margin:0;padding-top:5px;border-top:1px solid #e9edf2}
.topbar-account-logout-v200 button{width:100%;min-height:41px;padding:5px 7px;display:grid;grid-template-columns:30px minmax(0,1fr) 15px;align-items:center;gap:8px;border:0;border-radius:8px;background:#fff3f5;color:#c33c54;cursor:pointer;text-align:left}
.topbar-account-logout-v200 button:hover{background:#ffecef}
.topbar-account-logout-v200 button>i:first-child{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#ffe1e6;font-size:15px}
.topbar-account-logout-v200 button>span{display:grid}
.topbar-account-logout-v200 button strong{font-size:9px!important;font-weight:850;white-space:normal}
.topbar-account-logout-v200 button small{color:#aa7781;font-size:7.5px!important}
.topbar-account-logout-v200 button>i:last-child{font-size:16px}
@media(max-width:800px){
  .topbar-user-menu-v200{padding-left:6px!important}
  .topbar-account-trigger-v200{min-width:57px;gap:5px}
  .topbar-account-trigger-copy-v200{display:none!important}
}
@media(max-width:520px){
  .topbar-user-menu-v200{padding-left:2px!important}
  .topbar-account-trigger-v200{min-width:36px}
  .topbar-account-chevron-v200{display:none}
  .topbar-account-menu-v200{position:fixed;top:64px;right:0;width:min(286px,calc(100vw - 8px))}
  .topbar-account-menu-v200:before{right:13px}
}

/* Interface v205 — barre de défilement fine et discrète. */
*{scrollbar-width:thin;scrollbar-color:#c7cbd3 transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{border-radius:999px;background:#c7cbd3}
*::-webkit-scrollbar-thumb:hover{background:#aeb4bf}
*::-webkit-scrollbar-corner{background:transparent}

/* Recherche globale plus compacte. */
.topbar-global-search{width:min(420px,36vw);min-width:230px;flex:0 1 420px}.topbar-global-search>label{height:36px;padding:0 7px 0 11px;gap:8px;border-radius:8px}.topbar-global-search>label>i{font-size:17px}.topbar-global-search input{height:34px;font-size:11px}.topbar-global-search kbd{height:22px;padding:0 6px;border-radius:5px;font-size:8px}.topbar-global-search kbd b{font-size:9px}
@media(max-width:980px){.topbar-global-search{width:min(330px,33vw);min-width:200px;flex-basis:330px}}
@media(max-width:700px){.topbar-global-search{width:34px;min-width:34px;flex:0 0 34px}.topbar-global-search>label{width:34px;height:34px}.topbar-global-search.is-open{left:8px;right:8px;width:auto;min-width:0}.topbar-global-search.is-open>label{width:100%;height:40px;padding:0 10px}.topbar-global-search.is-open>label input{height:38px}}

/* Largeur réduite sans modifier la hauteur. */
.topbar-global-search{width:min(340px,30vw);min-width:210px;flex-basis:340px}
@media(max-width:980px){.topbar-global-search{width:min(290px,28vw);min-width:190px;flex-basis:290px}}
@media(max-width:700px){.topbar-global-search{width:34px;min-width:34px;flex:0 0 34px}.topbar-global-search.is-open{left:8px;right:8px;width:auto;min-width:0}}

/* Recherche globale v233 : déclencheur compact et palette modale. */
.topbar-global-search{position:relative;width:min(340px,30vw);min-width:210px;flex:0 1 340px;margin-right:auto}
.topbar-global-search-trigger{width:100%;height:36px;padding:0 7px 0 11px;display:flex;align-items:center;gap:8px;border:1px solid #dce3ec;border-radius:8px;background:#f7f9fc;color:#8e99a9;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.topbar-global-search-trigger:hover,.topbar-global-search-trigger:focus-visible,.topbar-global-search.is-open .topbar-global-search-trigger{border-color:#b7c9df;background:#fff;box-shadow:0 0 0 3px rgba(39,104,193,.08);outline:0}
.topbar-global-search-trigger>i{flex:0 0 auto;color:#66809f;font-size:17px}
.topbar-global-search-trigger>span{min-width:0;flex:1;overflow:hidden;color:#8e99a9;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.topbar-global-search-trigger kbd,.global-search-dialog-input kbd{height:22px;padding:0 6px;display:flex;align-items:center;gap:4px;flex:0 0 auto;border:1px solid #dce3ec;border-bottom-color:#cbd5e1;border-radius:5px;background:#fff;color:#7d899a;font:700 8px "Plus Jakarta Sans",Inter,sans-serif;box-shadow:0 1px 0 #dce3ec}
.topbar-global-search-trigger kbd b{font-size:9px}
.global-search-dialog{width:min(620px,calc(100vw - 28px));max-width:none;margin:10vh auto auto;padding:0;overflow:visible;border:0;background:transparent;color:#26364c}
.global-search-dialog::backdrop{background:rgba(21,31,48,.42);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.global-search-dialog[open]{animation:global-search-dialog-in .16s ease-out}
.global-search-dialog-shell{overflow:hidden;border:1px solid rgba(215,224,236,.95);border-radius:14px;background:#fff;box-shadow:0 28px 80px rgba(17,31,52,.24),0 6px 18px rgba(17,31,52,.08)}
.global-search-dialog-head{min-height:62px;padding:11px 13px 10px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #edf0f4;background:linear-gradient(180deg,#fff,#fbfcfe)}
.global-search-dialog-head>div{min-width:0;display:grid;gap:2px}
.global-search-dialog-head span{color:#728097;font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.global-search-dialog-head h2{margin:0;color:#26364c;font-size:14px;font-weight:750;letter-spacing:-.015em}
.global-search-dialog-head>button{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:8px;background:#f1f4f8;color:#758297;cursor:pointer}
.global-search-dialog-head>button:hover,.global-search-dialog-head>button:focus-visible{background:#e8eef6;color:#304c70;outline:0}
.global-search-dialog-head>button i{font-size:20px}
.global-search-dialog-input{height:44px;margin:12px 13px;display:flex;align-items:center;gap:9px;border:1px solid #cbd8e8;border-radius:9px;background:#fff;box-shadow:0 0 0 3px rgba(39,104,193,.07)}
.global-search-dialog-input>i{margin-left:12px;color:#54759e;font-size:19px}
.global-search-dialog-input input{min-width:0;height:42px;padding:0;flex:1;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#29384d;font-size:12px}
.global-search-dialog-input input::placeholder{color:#909baa}
.global-search-dialog-input kbd{margin-right:9px;padding:0 7px;font-size:7.5px}
.global-search-dialog .topbar-global-search-panel{position:static;width:100%;min-width:0;max-height:min(480px,calc(80vh - 130px));overflow:hidden;border:0;border-top:1px solid #edf0f4;border-radius:0;background:#fff;box-shadow:none}
.global-search-dialog .topbar-global-search-panel>header{height:38px;padding:0 14px}
.global-search-dialog .topbar-global-search-results{max-height:min(440px,calc(80vh - 168px));padding:7px 8px 9px}
@keyframes global-search-dialog-in{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:980px){.topbar-global-search{width:min(290px,28vw);min-width:190px;flex-basis:290px}}
@media(max-width:700px){.topbar-global-search,.topbar-global-search.is-open{position:relative;left:auto;right:auto;top:auto;width:34px;min-width:34px;flex:0 0 34px;margin-right:auto}.topbar-global-search-trigger{width:34px;height:34px;padding:0;justify-content:center}.topbar-global-search-trigger>i{font-size:19px}.topbar-global-search-trigger>span,.topbar-global-search-trigger>kbd{display:none}.global-search-dialog{width:calc(100vw - 16px);margin:8px auto auto}.global-search-dialog-head{min-height:58px;padding-left:13px}.global-search-dialog-head h2{font-size:13px}.global-search-dialog-input{margin:9px}.global-search-dialog-input kbd{display:none}.global-search-dialog .topbar-global-search-panel{max-height:calc(100vh - 124px)}.global-search-dialog .topbar-global-search-results{max-height:calc(100vh - 162px)}}

/* Largeur réduite du déclencheur ; le modal conserve sa largeur confortable. */
@media(min-width:981px){.topbar-global-search{width:270px;min-width:190px;flex-basis:270px}}
@media(min-width:701px) and (max-width:980px){.topbar-global-search{width:230px;min-width:175px;flex-basis:230px}}

/* Palette de recherche compacte v235. */
.global-search-dialog{width:min(500px,calc(100vw - 24px));margin:9vh auto auto}
.global-search-dialog .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.global-search-dialog-shell{border-radius:12px;box-shadow:0 24px 64px rgba(17,25,40,.25),0 5px 14px rgba(17,25,40,.08)}
.global-search-dialog-search{height:54px;padding:0 11px 0 15px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e1e6ee;background:#fff}
.global-search-dialog-search>i{flex:0 0 auto;color:#7c8798;font-size:22px}
.global-search-dialog-search>input{min-width:0;height:52px;padding:0;flex:1;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#273548;font-size:13px}
.global-search-dialog-search>input::placeholder{color:#8a95a6}
.global-search-dialog-search>button{width:30px;height:30px;padding:0;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:7px;background:transparent;color:#6d7787;cursor:pointer}
.global-search-dialog-search>button:hover,.global-search-dialog-search>button:focus-visible{background:#f1f3f7;color:#29364a;outline:0}
.global-search-dialog-search>button i{font-size:20px}
.global-search-dialog .topbar-global-search-panel{max-height:min(390px,calc(82vh - 104px));border-top:0}
.global-search-dialog .topbar-global-search-panel>header{height:36px;padding:0 14px;border:0;background:#fff}
.global-search-dialog .topbar-global-search-panel>header>span{color:#717d8f;font-size:9px;font-weight:750;letter-spacing:0;text-transform:none}
.global-search-dialog .topbar-global-search-results{max-height:min(354px,calc(82vh - 140px));padding:0 8px 7px}
.global-search-dialog .topbar-global-search-group+section{margin-top:2px;padding-top:3px}
.global-search-dialog .topbar-global-search-group h3{padding:5px 7px 3px;font-size:7px}
.global-search-dialog .topbar-global-search-group:first-child h3{display:none}
.global-search-dialog .topbar-global-search-result{min-height:43px;padding:4px 9px;grid-template-columns:29px minmax(0,1fr) 16px;gap:8px;border-radius:8px}
.global-search-dialog .topbar-global-search-result:hover,.global-search-dialog .topbar-global-search-result.active{background:#f0ebff;color:#5b32d6}
.global-search-dialog .topbar-global-search-result>span:first-child{width:28px;height:28px;border-radius:7px;background:transparent!important;color:#748095!important;font-size:17px}
.global-search-dialog .topbar-global-search-result:hover>span:first-child,.global-search-dialog .topbar-global-search-result.active>span:first-child{color:#6540d8!important}
.global-search-dialog .topbar-global-search-result strong{font-size:10px;font-weight:650}
.global-search-dialog .topbar-global-search-result small{font-size:7.5px}
.global-search-dialog .topbar-global-search-result>i{font-size:14px}
.global-search-dialog .topbar-global-search-result.type-page small,.global-search-dialog .topbar-global-search-result.type-page>i{display:none}
.global-search-dialog .topbar-global-search-result.type-page{grid-template-columns:29px minmax(0,1fr)}
.global-search-dialog-footer{height:38px;padding:0 11px;display:flex;align-items:center;gap:13px;border-top:1px solid #e1e6ee;background:#fbfcfe;color:#798496;font-size:8px}
.global-search-dialog-footer>span{display:flex;align-items:center;gap:5px}
.global-search-dialog-footer>span:last-child{margin-left:auto}
.global-search-dialog-footer kbd{min-width:23px;height:20px;padding:0 5px;display:grid;place-items:center;border:1px solid #d4dae3;border-radius:5px;background:#f1f3f6;color:#687386;font:700 7px "Plus Jakarta Sans",Inter,sans-serif;box-shadow:none}
@media(max-width:700px){.global-search-dialog{width:calc(100vw - 12px);margin:6px auto auto}.global-search-dialog-search{height:50px;padding-left:12px}.global-search-dialog-search>input{height:48px;font-size:11px}.global-search-dialog .topbar-global-search-panel{max-height:calc(100vh - 100px)}.global-search-dialog .topbar-global-search-results{max-height:calc(100vh - 136px)}.global-search-dialog-footer{gap:9px}.global-search-dialog-footer>span{font-size:0}.global-search-dialog-footer kbd{font-size:7px}}

/* Finition premium de la palette v236. */
.global-search-dialog::backdrop{background:rgba(15,22,36,.5);backdrop-filter:blur(7px) saturate(.88);-webkit-backdrop-filter:blur(7px) saturate(.88)}
.global-search-dialog-shell{position:relative;border-color:rgba(215,221,233,.96);background:#fff;box-shadow:0 30px 90px rgba(10,19,35,.3),0 8px 24px rgba(10,19,35,.11),0 0 0 1px rgba(255,255,255,.55)}
.global-search-dialog-shell::before{content:"";position:absolute;z-index:2;left:18px;right:18px;top:0;height:2px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,transparent,#7657dc 22%,#4f79de 58%,#56a4c5 82%,transparent);opacity:.78;pointer-events:none}
.global-search-dialog-search{position:relative;height:55px;padding-left:12px;gap:9px;background:linear-gradient(180deg,#fff 0%,#fcfdff 100%);transition:box-shadow .16s ease}
.global-search-dialog-search:focus-within{box-shadow:inset 0 -2px 0 rgba(103,79,207,.16)}
.global-search-dialog-search>i{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#f2effc;color:#6b50c9;font-size:17px}
.global-search-dialog-search>input{height:53px;color:#202b3d;font-size:12px;font-weight:500;letter-spacing:-.005em}
.global-search-dialog-search>input::placeholder{color:#8d97a8;font-weight:450}
.global-search-dialog-search>button{border:1px solid transparent;color:#7d8796;transition:background .14s ease,border-color .14s ease,color .14s ease}
.global-search-dialog-search>button:hover,.global-search-dialog-search>button:focus-visible{border-color:#e2e6ed;background:#f4f6f9;color:#38465b}
.global-search-dialog .topbar-global-search-panel>header{position:relative;height:35px;padding:0 13px}
.global-search-dialog .topbar-global-search-panel>header>span{display:flex;align-items:center;gap:7px;color:#657185;font-size:8px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.global-search-dialog .topbar-global-search-panel>header>span::before{content:"";width:5px;height:5px;border-radius:50%;background:#7657dc;box-shadow:0 0 0 3px #f0ebff}
.global-search-dialog .topbar-global-search-results{padding:0 7px 8px;scrollbar-width:thin;scrollbar-color:#c7ccd6 transparent}
.global-search-dialog .topbar-global-search-results::-webkit-scrollbar{width:5px}
.global-search-dialog .topbar-global-search-results::-webkit-scrollbar-track{background:transparent}
.global-search-dialog .topbar-global-search-results::-webkit-scrollbar-thumb{border-radius:999px;background:#c7ccd6}
.global-search-dialog .topbar-global-search-group+section{margin-top:4px;padding-top:4px;border-top-color:#eef1f5}
.global-search-dialog .topbar-global-search-group h3{padding-left:10px;color:#929baa;font-weight:800;letter-spacing:.07em}
.global-search-dialog .topbar-global-search-result{--search-accent:#6750cc;position:relative;min-height:44px;padding:5px 9px;overflow:hidden;border:1px solid transparent;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease}
.global-search-dialog .topbar-global-search-result::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:0 999px 999px 0;background:var(--search-accent);opacity:0;transition:opacity .14s ease}
.global-search-dialog .topbar-global-search-result.type-page{--search-accent:#6750cc}
.global-search-dialog .topbar-global-search-result.type-service{--search-accent:#198a6a}
.global-search-dialog .topbar-global-search-result.type-order{--search-accent:#bf7414}
.global-search-dialog .topbar-global-search-result.type-invoice{--search-accent:#7154c8}
.global-search-dialog .topbar-global-search-result.type-ticket{--search-accent:#1d7e9c}
.global-search-dialog .topbar-global-search-result:hover,.global-search-dialog .topbar-global-search-result.active{border-color:#e4ddf8;background:linear-gradient(90deg,#f4f0ff 0%,#f8f6ff 62%,#fbfcff 100%);box-shadow:0 2px 8px rgba(70,52,130,.055);color:#4e35ad}
.global-search-dialog .topbar-global-search-result:hover::before,.global-search-dialog .topbar-global-search-result.active::before{opacity:1}
.global-search-dialog .topbar-global-search-result>span:first-child{border:1px solid #e6e9ef!important;background:#f7f8fa!important;color:var(--search-accent)!important;transition:border-color .14s ease,background .14s ease}
.global-search-dialog .topbar-global-search-result:hover>span:first-child,.global-search-dialog .topbar-global-search-result.active>span:first-child{border-color:#ddd5f5!important;background:#fff!important;color:var(--search-accent)!important;box-shadow:0 2px 6px rgba(51,39,98,.07)}
.global-search-dialog .topbar-global-search-result strong{color:#263246;font-size:9.5px;font-weight:700;letter-spacing:-.008em}
.global-search-dialog .topbar-global-search-result:hover strong,.global-search-dialog .topbar-global-search-result.active strong{color:#443192}
.global-search-dialog .topbar-global-search-result small{margin-top:2px;color:#8993a3;font-size:7.5px}
.global-search-dialog .topbar-global-search-result>i{color:#a1a9b6;transition:color .14s ease}
.global-search-dialog .topbar-global-search-result:hover>i,.global-search-dialog .topbar-global-search-result.active>i{color:#6750cc}
.global-search-dialog .topbar-global-search-empty{min-height:145px;background:radial-gradient(circle at 50% 45%,rgba(116,87,220,.055),transparent 38%)}
.global-search-dialog .topbar-global-search-empty>i{width:36px;height:36px;display:grid;place-items:center;border:1px solid #e5e8ee;border-radius:10px;background:#f7f8fb;color:#7358cd;font-size:19px}
.global-search-dialog .topbar-global-search-empty>strong{margin-top:3px;color:#354156;font-size:9.5px}
.global-search-dialog-footer{background:linear-gradient(180deg,#fbfcfe,#f8fafc);color:#7e8898}
.global-search-dialog-footer kbd{border-color:#d9dee7;background:#fff;color:#596578;box-shadow:0 1px 1px rgba(30,41,59,.05)}
.topbar-global-search-trigger{background:linear-gradient(180deg,#fafbfe,#f6f8fb)}
.topbar-global-search-trigger:hover,.topbar-global-search-trigger:focus-visible,.topbar-global-search.is-open .topbar-global-search-trigger{border-color:#c5bbeb;box-shadow:0 0 0 3px rgba(105,79,204,.075)}
@media(max-width:700px){.global-search-dialog-search{height:50px;padding-left:9px}.global-search-dialog-search>input{height:48px;font-size:11px}.global-search-dialog-search>i{width:28px;height:28px}.global-search-dialog .topbar-global-search-result{min-height:43px}.global-search-dialog-shell::before{left:12px;right:12px}}

/* Palette v237 : finition neutre, SaaS B2B. */
.global-search-dialog::backdrop{background:rgba(17,24,39,.44);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.global-search-dialog-shell{border-color:#d9dfe8;border-radius:13px;background:#fff;box-shadow:0 26px 72px rgba(15,23,42,.24),0 7px 22px rgba(15,23,42,.09),0 0 0 1px rgba(255,255,255,.7)}
.global-search-dialog-shell::before{display:none}
.global-search-dialog-search{background:#fff;box-shadow:none}
.global-search-dialog-search:focus-within{box-shadow:inset 0 -2px 0 rgba(44,94,143,.14)}
.global-search-dialog-search>i{border:1px solid #e1e6ec;background:#f5f7f9;color:#405a75;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.global-search-dialog-search>input{color:#1d2939;font-weight:500}
.global-search-dialog-search>button:hover,.global-search-dialog-search>button:focus-visible{border-color:#dde3ea;background:#f5f7f9;color:#26384d}
.global-search-dialog .topbar-global-search-panel>header>span{width:100%;color:#687588;letter-spacing:.045em}
.global-search-dialog .topbar-global-search-panel>header>span::before{display:none}
.global-search-dialog .topbar-global-search-panel>header>span::after{content:"";height:1px;flex:1;background:#edf0f4}
.global-search-dialog .topbar-global-search-results{scrollbar-color:#c8ced7 transparent}
.global-search-dialog .topbar-global-search-results::-webkit-scrollbar-thumb{background:#c8ced7}
.global-search-dialog .topbar-global-search-group h3{color:#8b95a4}
.global-search-dialog .topbar-global-search-result,.global-search-dialog .topbar-global-search-result.type-page,.global-search-dialog .topbar-global-search-result.type-service,.global-search-dialog .topbar-global-search-result.type-order,.global-search-dialog .topbar-global-search-result.type-invoice,.global-search-dialog .topbar-global-search-result.type-ticket{--search-accent:#315f8d;grid-template-columns:29px minmax(0,1fr);padding-right:40px}
.global-search-dialog .topbar-global-search-result::before{top:10px;bottom:10px;background:#315f8d}
.global-search-dialog .topbar-global-search-result::after{content:"↵";position:absolute;right:11px;top:50%;min-width:21px;height:19px;display:grid;place-items:center;border:1px solid #d5dee8;border-radius:5px;background:#fff;color:#65758a;font-size:8px;font-weight:700;opacity:0;transform:translateY(-50%);transition:opacity .14s ease}
.global-search-dialog .topbar-global-search-result:hover,.global-search-dialog .topbar-global-search-result.active{border-color:#d9e3ee;background:linear-gradient(90deg,#eef4fa 0%,#f5f8fb 72%,#fff 100%);box-shadow:0 2px 7px rgba(30,64,98,.045);color:#254e76}
.global-search-dialog .topbar-global-search-result:hover::after,.global-search-dialog .topbar-global-search-result.active::after{opacity:1}
.global-search-dialog .topbar-global-search-result>span:first-child{border-color:#e1e6ec!important;background:#f6f8fa!important;color:#49647f!important;box-shadow:none}
.global-search-dialog .topbar-global-search-result:hover>span:first-child,.global-search-dialog .topbar-global-search-result.active>span:first-child{border-color:#cfdbe7!important;background:#fff!important;color:#2f618f!important;box-shadow:0 1px 3px rgba(28,58,87,.06)}
.global-search-dialog .topbar-global-search-result strong{color:#283548;font-size:10px;font-weight:680}
.global-search-dialog .topbar-global-search-result:hover strong,.global-search-dialog .topbar-global-search-result.active strong{color:#224f79}
.global-search-dialog .topbar-global-search-result small{color:#8792a2;font-size:7.7px}
.global-search-dialog .topbar-global-search-result>i{display:none}
.global-search-dialog .topbar-global-search-empty{background:radial-gradient(circle at 50% 44%,rgba(49,95,141,.045),transparent 40%)}
.global-search-dialog .topbar-global-search-empty>i{border-color:#dfe5eb;background:#f6f8fa;color:#496783}
.global-search-dialog-footer{border-top-color:#e3e7ed;background:#f8fafc;color:#727f91}
.global-search-dialog-footer kbd{border-color:#d6dde6;background:#fff;color:#566579}
.topbar-global-search-trigger{background:#f7f9fb}
.topbar-global-search-trigger:hover,.topbar-global-search-trigger:focus-visible,.topbar-global-search.is-open .topbar-global-search-trigger{border-color:#b9c7d6;background:#fff;box-shadow:0 0 0 3px rgba(49,95,141,.07)}

/* Palette v238 : monochrome et sans graisse forte. */
.global-search-dialog::backdrop{background:rgba(18,22,29,.46);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.global-search-dialog-shell{border-color:#d8dce2;background:#fff;box-shadow:0 28px 76px rgba(12,17,24,.25),0 8px 24px rgba(12,17,24,.08),inset 0 0 0 1px rgba(255,255,255,.7)}
.global-search-dialog-search{border-bottom-color:#e3e6ea;background:#fff}
.global-search-dialog-search:focus-within{box-shadow:inset 0 -1px 0 #aeb5bf}
.global-search-dialog-search>i{border:0;background:transparent;color:#687282;box-shadow:none;font-size:20px}
.global-search-dialog-search>input{color:#202631;font-weight:400}
.global-search-dialog-search>input::placeholder{color:#8b93a0;font-weight:400}
.global-search-dialog-search>button{color:#767f8c}
.global-search-dialog-search>button:hover,.global-search-dialog-search>button:focus-visible{border-color:#dfe3e8;background:#f4f5f7;color:#282f3a}
.global-search-dialog .topbar-global-search-panel>header>span{color:#727b88;font-weight:400;letter-spacing:.025em;text-transform:none}
.global-search-dialog .topbar-global-search-panel>header>span::after{background:#e9ebef}
.global-search-dialog .topbar-global-search-group h3{color:#8a929e;font-weight:400;letter-spacing:.04em}
.global-search-dialog .topbar-global-search-result,.global-search-dialog .topbar-global-search-result.type-page,.global-search-dialog .topbar-global-search-result.type-service,.global-search-dialog .topbar-global-search-result.type-order,.global-search-dialog .topbar-global-search-result.type-invoice,.global-search-dialog .topbar-global-search-result.type-ticket{--search-accent:#626b78}
.global-search-dialog .topbar-global-search-result::before{width:2px;background:#626b78}
.global-search-dialog .topbar-global-search-result::after{border-color:#d7dce3;background:#fff;color:#6e7785;font-weight:400}
.global-search-dialog .topbar-global-search-result:hover,.global-search-dialog .topbar-global-search-result.active{border-color:#dfe3e8;background:#f3f4f6;box-shadow:none;color:#252c36}
.global-search-dialog .topbar-global-search-result>span:first-child{border-color:#e2e5e9!important;background:#f7f8f9!important;color:#626c7a!important}
.global-search-dialog .topbar-global-search-result:hover>span:first-child,.global-search-dialog .topbar-global-search-result.active>span:first-child{border-color:#d7dce2!important;background:#fff!important;color:#424b58!important;box-shadow:none}
.global-search-dialog .topbar-global-search-result strong{color:#29313d;font-weight:400}
.global-search-dialog .topbar-global-search-result:hover strong,.global-search-dialog .topbar-global-search-result.active strong{color:#20262f;font-weight:400}
.global-search-dialog .topbar-global-search-result small{color:#858e9b;font-weight:400}
.global-search-dialog .topbar-global-search-empty{background:#fff}
.global-search-dialog .topbar-global-search-empty>i{border-color:#e0e4e9;background:#f6f7f8;color:#626c79}
.global-search-dialog .topbar-global-search-empty>strong,.global-search-dialog .topbar-global-search-empty>span{font-weight:400}
.global-search-dialog-footer{border-top-color:#e2e5e9;background:#fafafa;color:#747d89;font-weight:400}
.global-search-dialog-footer kbd{border-color:#d8dde3;background:#fff;color:#606a77;font-weight:400;box-shadow:none}
.topbar-global-search-trigger{border-color:#dde2e8;background:#f7f8fa}
.topbar-global-search-trigger>span,.topbar-global-search-trigger kbd,.topbar-global-search-trigger kbd b{font-weight:400}
.topbar-global-search-trigger:hover,.topbar-global-search-trigger:focus-visible,.topbar-global-search.is-open .topbar-global-search-trigger{border-color:#bfc5ce;background:#fff;box-shadow:0 0 0 3px rgba(31,41,55,.055)}

/* Palette v239 : retour à la composition validée, sans surcharge. */
.global-search-dialog{width:min(500px,calc(100vw - 24px));margin:9vh auto auto}
.global-search-dialog::backdrop{background:rgba(21,27,39,.4);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.global-search-dialog-shell{border:1px solid #dadee6;border-radius:12px;background:#fff;box-shadow:0 24px 64px rgba(17,25,40,.24),0 5px 14px rgba(17,25,40,.08)}
.global-search-dialog-shell::before{display:none}
.global-search-dialog-search{height:54px;padding:0 11px 0 15px;gap:10px;border-bottom:1px solid #e1e5eb;background:#fff;box-shadow:none}
.global-search-dialog-search:focus-within{box-shadow:none}
.global-search-dialog-search>i{width:auto;height:auto;border:0;border-radius:0;background:transparent;color:#778294;font-size:21px;box-shadow:none}
.global-search-dialog-search>input{height:52px;color:#273143;font-size:12px;font-weight:400}
.global-search-dialog-search>input::placeholder{color:#8b95a5;font-weight:400}
.global-search-dialog-search>button{border:0;background:transparent;color:#727b89}
.global-search-dialog-search>button:hover,.global-search-dialog-search>button:focus-visible{border:0;background:#f1f3f6;color:#303846}
.global-search-dialog .topbar-global-search-panel{border-top:0;background:#fff}
.global-search-dialog .topbar-global-search-panel>header{height:36px;padding:0 14px;border:0;background:#fff}
.global-search-dialog .topbar-global-search-panel>header>span{width:auto;color:#717b8b;font-size:9px;font-weight:400;letter-spacing:0;text-transform:none}
.global-search-dialog .topbar-global-search-panel>header>span::before,.global-search-dialog .topbar-global-search-panel>header>span::after{display:none}
.global-search-dialog .topbar-global-search-results{padding:0 8px 7px;scrollbar-color:#c7ccd5 transparent}
.global-search-dialog .topbar-global-search-group+section{margin-top:2px;padding-top:3px;border-top:1px solid #edf0f4}
.global-search-dialog .topbar-global-search-group h3{padding:5px 7px 3px;color:#929aa7;font-size:7px;font-weight:400;letter-spacing:.04em}
.global-search-dialog .topbar-global-search-group:first-child h3{display:none}
.global-search-dialog .topbar-global-search-result,.global-search-dialog .topbar-global-search-result.type-page,.global-search-dialog .topbar-global-search-result.type-service,.global-search-dialog .topbar-global-search-result.type-order,.global-search-dialog .topbar-global-search-result.type-invoice,.global-search-dialog .topbar-global-search-result.type-ticket{position:relative;min-height:43px;padding:4px 9px;display:grid;grid-template-columns:29px minmax(0,1fr);gap:8px;overflow:visible;border:1px solid transparent;border-radius:8px;background:#fff;color:#2b3442;box-shadow:none}
.global-search-dialog .topbar-global-search-result::before,.global-search-dialog .topbar-global-search-result::after{display:none}
.global-search-dialog .topbar-global-search-result:hover,.global-search-dialog .topbar-global-search-result.active{border-color:transparent;background:#f0ecfb;color:#5536bc;box-shadow:none}
.global-search-dialog .topbar-global-search-result>span:first-child{width:28px;height:28px;border:0!important;border-radius:7px;background:transparent!important;color:#748095!important;font-size:17px;box-shadow:none!important}
.global-search-dialog .topbar-global-search-result:hover>span:first-child,.global-search-dialog .topbar-global-search-result.active>span:first-child{border:0!important;background:transparent!important;color:#6543c5!important;box-shadow:none!important}
.global-search-dialog .topbar-global-search-result strong{color:#2b3442;font-size:10px;font-weight:400}
.global-search-dialog .topbar-global-search-result:hover strong,.global-search-dialog .topbar-global-search-result.active strong{color:#4f32aa;font-weight:400}
.global-search-dialog .topbar-global-search-result small{margin-top:1px;color:#8993a2;font-size:7.5px;font-weight:400}
.global-search-dialog .topbar-global-search-result>i{display:none}
.global-search-dialog .topbar-global-search-empty{min-height:145px;background:#fff}
.global-search-dialog .topbar-global-search-empty>i{width:auto;height:auto;border:0;background:transparent;color:#778294;font-size:23px}
.global-search-dialog .topbar-global-search-empty>strong,.global-search-dialog .topbar-global-search-empty>span{font-weight:400}
.global-search-dialog-footer{height:38px;padding:0 11px;gap:13px;border-top:1px solid #e1e5eb;background:#fafbfc;color:#798393;font-size:8px;font-weight:400}
.global-search-dialog-footer kbd{border:1px solid #d5dae2;background:#f1f3f6;color:#687384;font-weight:400;box-shadow:none}
.topbar-global-search-trigger{border-color:#dce2e9;background:#f7f9fc}
.topbar-global-search-trigger>span,.topbar-global-search-trigger kbd,.topbar-global-search-trigger kbd b{font-weight:400}
.topbar-global-search-trigger:hover,.topbar-global-search-trigger:focus-visible,.topbar-global-search.is-open .topbar-global-search-trigger{border-color:#c5cbd5;background:#fff;box-shadow:0 0 0 3px rgba(63,72,89,.05)}
@media(max-width:700px){.global-search-dialog{width:calc(100vw - 12px);margin:6px auto auto}.global-search-dialog-search{height:50px;padding-left:12px}.global-search-dialog-search>input{height:48px;font-size:11px}.global-search-dialog .topbar-global-search-result{min-height:43px}}

/* Palette v240 : proportions et rendu de la référence. */
.global-search-dialog{width:min(700px,calc(100vw - 16px));margin:4px auto auto}
.global-search-dialog-shell{border-color:#d9dde5;border-radius:12px;box-shadow:0 24px 70px rgba(12,18,29,.26)}
.global-search-dialog-search{height:66px;padding:0 18px;gap:13px;border-bottom-color:#dfe3e9}
.global-search-dialog-search>i{color:#7b8492;font-size:27px}
.global-search-dialog-search>input{height:64px;color:#273141;font-size:17px;font-weight:400}
.global-search-dialog-search>input::placeholder{color:#707b8d}
.global-search-dialog-search>button{width:34px;height:34px;color:#626b78}
.global-search-dialog-search>button i{font-size:24px}
.global-search-dialog .topbar-global-search-panel{max-height:min(450px,calc(100vh - 118px))}
.global-search-dialog .topbar-global-search-panel>header{height:43px;padding:0 21px}
.global-search-dialog .topbar-global-search-panel>header>span{color:#687386;font-size:14px}
.global-search-dialog .topbar-global-search-results{max-height:min(407px,calc(100vh - 161px));padding:0 12px 8px}
.global-search-dialog .topbar-global-search-results::-webkit-scrollbar{width:7px}
.global-search-dialog .topbar-global-search-results::-webkit-scrollbar-thumb{background:#c5cad3}
.global-search-dialog .topbar-global-search-group+section{margin-top:3px;padding-top:4px}
.global-search-dialog .topbar-global-search-group h3{padding:7px 12px 5px;font-size:11px}
.global-search-dialog .topbar-global-search-result,.global-search-dialog .topbar-global-search-result.type-page,.global-search-dialog .topbar-global-search-result.type-service,.global-search-dialog .topbar-global-search-result.type-order,.global-search-dialog .topbar-global-search-result.type-invoice,.global-search-dialog .topbar-global-search-result.type-ticket{min-height:60px;padding:8px 13px;grid-template-columns:32px minmax(0,1fr);gap:11px;border-radius:9px}
.global-search-dialog .topbar-global-search-result:hover,.global-search-dialog .topbar-global-search-result.active{background:#f0e9ff;color:#5926dc}
.global-search-dialog .topbar-global-search-result>span:first-child{width:32px;height:32px;color:#687386!important;font-size:26px}
.global-search-dialog .topbar-global-search-result:hover>span:first-child,.global-search-dialog .topbar-global-search-result.active>span:first-child{color:#5d2bdb!important}
.global-search-dialog .topbar-global-search-result strong{color:#222b39;font-size:16px;font-weight:400;line-height:1.35}
.global-search-dialog .topbar-global-search-result:hover strong,.global-search-dialog .topbar-global-search-result.active strong{color:#5926dc;font-weight:400}
.global-search-dialog .topbar-global-search-result small{margin-top:2px;color:#7f8998;font-size:12px;font-weight:400}
.global-search-dialog-footer{height:50px;padding:0 18px;gap:15px;color:#6e7889;font-size:13px}
.global-search-dialog-footer kbd{min-width:27px;height:27px;padding:0 7px;border-color:#d3d8e0;border-radius:6px;background:#f0f2f5;color:#697485;font-size:11px}
@media(max-width:700px){.global-search-dialog{width:calc(100vw - 10px);margin:5px auto auto}.global-search-dialog-search{height:56px;padding:0 13px}.global-search-dialog-search>i{font-size:22px}.global-search-dialog-search>input{height:54px;font-size:14px}.global-search-dialog .topbar-global-search-panel{max-height:calc(100vh - 106px)}.global-search-dialog .topbar-global-search-panel>header{height:39px;padding:0 14px}.global-search-dialog .topbar-global-search-panel>header>span{font-size:12px}.global-search-dialog .topbar-global-search-results{max-height:calc(100vh - 145px);padding:0 7px 6px}.global-search-dialog .topbar-global-search-result{min-height:53px;padding:6px 9px;grid-template-columns:29px minmax(0,1fr)}.global-search-dialog .topbar-global-search-result>span:first-child{width:29px;height:29px;font-size:22px}.global-search-dialog .topbar-global-search-result strong{font-size:13px}.global-search-dialog .topbar-global-search-result small{font-size:10px}.global-search-dialog-footer{height:43px;padding:0 11px}.global-search-dialog-footer kbd{height:23px;min-width:24px}}

/* Palette v241 : mêmes dimensions compactes qu'avant. */
.global-search-dialog{width:min(500px,calc(100vw - 24px));margin:9vh auto auto}
.global-search-dialog-search{height:54px;padding:0 11px 0 15px;gap:10px}
.global-search-dialog-search>i{font-size:21px}
.global-search-dialog-search>input{height:52px;font-size:12px}
.global-search-dialog-search>button{width:30px;height:30px}
.global-search-dialog-search>button i{font-size:20px}
.global-search-dialog .topbar-global-search-panel{max-height:min(390px,calc(82vh - 104px))}
.global-search-dialog .topbar-global-search-panel>header{height:36px;padding:0 14px}
.global-search-dialog .topbar-global-search-panel>header>span{font-size:9px}
.global-search-dialog .topbar-global-search-results{max-height:min(354px,calc(82vh - 140px));padding:0 8px 7px}
.global-search-dialog .topbar-global-search-results::-webkit-scrollbar{width:5px}
.global-search-dialog .topbar-global-search-group h3{padding:5px 7px 3px;font-size:7px}
.global-search-dialog .topbar-global-search-result,.global-search-dialog .topbar-global-search-result.type-page,.global-search-dialog .topbar-global-search-result.type-service,.global-search-dialog .topbar-global-search-result.type-order,.global-search-dialog .topbar-global-search-result.type-invoice,.global-search-dialog .topbar-global-search-result.type-ticket{min-height:43px;padding:4px 9px;grid-template-columns:29px minmax(0,1fr);gap:8px;border-radius:8px}
.global-search-dialog .topbar-global-search-result>span:first-child{width:28px;height:28px;font-size:17px}
.global-search-dialog .topbar-global-search-result strong{font-size:10px}
.global-search-dialog .topbar-global-search-result small{font-size:7.5px}
.global-search-dialog-footer{height:38px;padding:0 11px;gap:13px;font-size:8px}
.global-search-dialog-footer kbd{min-width:23px;height:20px;padding:0 5px;border-radius:5px;font-size:7px}
@media(max-width:700px){.global-search-dialog{width:calc(100vw - 12px);margin:6px auto auto}.global-search-dialog-search{height:50px;padding-left:12px}.global-search-dialog-search>input{height:48px;font-size:11px}.global-search-dialog .topbar-global-search-panel{max-height:calc(100vh - 100px)}.global-search-dialog .topbar-global-search-results{max-height:calc(100vh - 136px)}.global-search-dialog .topbar-global-search-result{min-height:43px}.global-search-dialog-footer{height:38px}}

/* Palette v241 : direction cloud provider moderne. */
.global-search-dialog::backdrop{background:rgba(5,18,45,.43);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.global-search-dialog-shell{border:1px solid #d5deea;border-radius:11px;background:#fff;box-shadow:0 26px 72px rgba(5,24,58,.24),0 6px 18px rgba(5,24,58,.09)}
.global-search-dialog-search{position:relative;border-bottom-color:#dfe6ef;background:#fff}
.global-search-dialog-search::after{content:"";position:absolute;left:15px;right:15px;bottom:-1px;height:1px;background:#075ccf;opacity:0;transition:opacity .15s ease}
.global-search-dialog-search:focus-within::after{opacity:1}
.global-search-dialog-search>i{color:#3e5f84;font-size:18px}
.global-search-dialog-search>input{color:#152943;font-weight:400}
.global-search-dialog-search>input::placeholder{color:#7e8da0;font-weight:400}
.global-search-dialog-search>button{border:0;background:transparent;color:#738197}
.global-search-dialog-search>button:hover,.global-search-dialog-search>button:focus-visible{border:0;background:#edf3fa;color:#173d69}
.global-search-dialog .topbar-global-search-panel>header{background:#f8fafc}
.global-search-dialog .topbar-global-search-panel>header>span{color:#4f6480;font-weight:400;letter-spacing:.02em}
.global-search-dialog .topbar-global-search-results{padding-top:6px;background:#fff;scrollbar-color:#bdc7d4 transparent}
.global-search-dialog .topbar-global-search-group+section{border-top-color:#e8edf3}
.global-search-dialog .topbar-global-search-group h3{color:#76869a;font-weight:400}
.global-search-dialog .topbar-global-search-result,.global-search-dialog .topbar-global-search-result.type-page,.global-search-dialog .topbar-global-search-result.type-service,.global-search-dialog .topbar-global-search-result.type-order,.global-search-dialog .topbar-global-search-result.type-invoice,.global-search-dialog .topbar-global-search-result.type-ticket{position:relative;border:1px solid transparent;background:#fff;color:#25384f;transition:border-color .13s ease,background .13s ease}
.global-search-dialog .topbar-global-search-result::before{content:"";position:absolute;display:block;left:-1px;top:8px;bottom:8px;width:2px;border-radius:0 2px 2px 0;background:#075ccf;opacity:0}
.global-search-dialog .topbar-global-search-result::after{display:none}
.global-search-dialog .topbar-global-search-result:hover,.global-search-dialog .topbar-global-search-result.active{border-color:#d7e3f1;background:#f3f7fc;color:#123e70}
.global-search-dialog .topbar-global-search-result:hover::before,.global-search-dialog .topbar-global-search-result.active::before{opacity:1}
.global-search-dialog .topbar-global-search-result>span:first-child{border:1px solid #dae5f2!important;border-radius:7px;background:#edf4fb!important;color:#275b91!important;box-shadow:none!important}
.global-search-dialog .topbar-global-search-result:hover>span:first-child,.global-search-dialog .topbar-global-search-result.active>span:first-child{border-color:#c5d8ed!important;background:#fff!important;color:#075ccf!important;box-shadow:none!important}
.global-search-dialog .topbar-global-search-result strong{color:#20334b;font-weight:400}
.global-search-dialog .topbar-global-search-result:hover strong,.global-search-dialog .topbar-global-search-result.active strong{color:#103f73;font-weight:400}
.global-search-dialog .topbar-global-search-result small{color:#7c8a9b;font-weight:400}
.global-search-dialog .topbar-global-search-empty{background:#fff}
.global-search-dialog .topbar-global-search-empty>i{color:#3b628c}
.global-search-dialog-footer{border-top-color:#dce4ed;background:#f7f9fc;color:#68788d;font-weight:400}
.global-search-dialog-footer kbd{border-color:#cfd8e3;background:#fff;color:#51647c;font-weight:400}
.topbar-global-search-trigger{border-color:#d8e0ea;background:#f7f9fc}
.topbar-global-search-trigger:hover,.topbar-global-search-trigger:focus-visible,.topbar-global-search.is-open .topbar-global-search-trigger{border-color:#aebfd3;background:#fff;box-shadow:0 0 0 3px rgba(7,92,207,.065)}

/* Palette v242 : micro-finitions. */
.global-search-dialog-shell{box-shadow:0 28px 76px rgba(5,24,58,.23),0 7px 20px rgba(5,24,58,.08),0 0 0 1px rgba(255,255,255,.5)}
.global-search-dialog-search>input{caret-color:#075ccf}
.global-search-dialog-search>button{border-radius:7px;transition:background .14s ease,color .14s ease}
.global-search-dialog .topbar-global-search-panel>header{border-bottom:1px solid #edf1f5}
.global-search-dialog .topbar-global-search-results{padding-top:5px;padding-bottom:6px}
.global-search-dialog .topbar-global-search-result{outline:0;transition:border-color .14s ease,background .14s ease,color .14s ease}
.global-search-dialog .topbar-global-search-result:hover,.global-search-dialog .topbar-global-search-result.active,.global-search-dialog .topbar-global-search-result:focus-visible{border-color:#d3e0ef;background:#f2f7fc;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.global-search-dialog .topbar-global-search-result:focus-visible::before{opacity:1}
.global-search-dialog .topbar-global-search-result strong{letter-spacing:-.006em}
.global-search-dialog .topbar-global-search-result>span:first-child{transition:border-color .14s ease,background .14s ease,color .14s ease}
.global-search-dialog-footer{box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.global-search-dialog-footer kbd{box-shadow:0 1px 1px rgba(22,42,68,.04)}
.topbar-global-search-trigger{transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}

/* Suppression du trait de focus sous la recherche. */
.global-search-dialog-search::after{display:none}

/* Identité client compacte dans le profil du menu latéral. */
body .sidebar .sidebar-profile .sidebar-account-email{color:#a8b1cc!important;font-size:9px!important;line-height:1.3!important}
body .sidebar .sidebar-profile .sidebar-client-number{min-width:0;margin-top:2px;display:flex;align-items:center;gap:5px;color:#7f8aa9;font-size:8px;line-height:1.2;white-space:nowrap}
body .sidebar .sidebar-profile .sidebar-client-number>i{width:2px;height:2px;flex:0 0 2px;border-radius:50%;background:#687597}
body .sidebar .sidebar-profile .sidebar-client-number>b{overflow:hidden;color:#c2cae0;font:600 8.5px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.035em;text-overflow:ellipsis}

/* Changelog client — timeline SaaS pleine largeur. */
body[data-route="changelog"] .content{width:100%;max-width:none;margin:0;padding:0;background:#f4f6f8}
.changelog-page{width:100%;max-width:none;margin:0;padding:12px 14px 30px;color:#192335}
.changelog-hero{min-height:104px;padding:20px 24px;display:flex;align-items:center;gap:15px;overflow:hidden;position:relative;border:1px solid #e0dfea;border-radius:14px;background:linear-gradient(108deg,#f1e8ff 0,#f8f4ff 34%,#fff 74%);box-shadow:0 4px 16px rgba(37,30,61,.035)}
.changelog-hero:after{content:"";position:absolute;right:-52px;top:-105px;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,rgba(133,78,204,.13),transparent 68%);pointer-events:none}
.changelog-hero-icon{width:49px;height:49px;flex:0 0 49px;display:grid;place-items:center;border:1px solid rgba(139,75,213,.08);border-radius:14px;background:#e8d8fb;color:#8d47d6;box-shadow:0 8px 22px rgba(123,65,188,.11)}
.changelog-hero-icon i{font-size:25px}.changelog-hero>div{position:relative;z-index:1}.changelog-hero h1{margin:0 0 4px;color:#20283a;font-size:23px;line-height:1.2;letter-spacing:-.035em}.changelog-hero p{margin:0;color:#707a8c;font-size:11px;line-height:1.5}
.changelog-toolbar{margin:12px 0;display:flex;align-items:center;gap:10px}.changelog-stats{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:7px}.changelog-stats>span{min-height:32px;padding:6px 10px;display:flex;align-items:center;gap:6px;border:1px solid #dfe3e9;border-radius:999px;background:#fff;color:#596579;font-size:9px;white-space:nowrap;box-shadow:0 2px 5px rgba(24,35,54,.02)}.changelog-stats i{color:#707989;font-size:13px}.changelog-stats b{color:#263247;font-weight:700}.changelog-stats .latest{border-color:#decaf5;background:#faf7ff;color:#7f43bd}.changelog-stats .latest i,.changelog-stats .latest b{color:#8444c5}
.changelog-timeline{position:relative;padding-left:37px}.changelog-timeline:before{content:"";position:absolute;left:12px;top:22px;bottom:22px;width:1px;background:#d9dfe7}.changelog-entry{position:relative;margin-bottom:10px}.changelog-timeline-dot{position:absolute;left:-31px;top:22px;width:11px;height:11px;border:3px solid #f4f6f8;border-radius:50%;background:#aeb6c3;box-shadow:0 0 0 2px #e0e4ea}.changelog-entry.is-recent .changelog-timeline-dot{background:#9b4ce4;box-shadow:0 0 0 3px #e8d8fb}
.changelog-release{overflow:hidden;border:1px solid #dfe3e9;border-radius:13px;background:#fff;box-shadow:0 2px 5px rgba(22,34,54,.025);transition:border-color .18s ease,box-shadow .18s ease}.changelog-release[open]{border-color:#d3c1e7;box-shadow:0 9px 25px rgba(45,33,66,.055)}.changelog-release>summary{min-height:91px;padding:14px 17px;display:grid;grid-template-columns:minmax(0,1fr) 26px;align-items:center;gap:13px;list-style:none;cursor:pointer;transition:background .15s ease}.changelog-release>summary::-webkit-details-marker{display:none}.changelog-release>summary:hover{background:#fcfbfd}.changelog-release-main{min-width:0}.changelog-release-meta{margin-bottom:6px;display:flex;align-items:center;flex-wrap:wrap;gap:7px}.changelog-release-meta span,.changelog-release-meta time{font-size:9px}.changelog-release-meta .recent{padding:3px 7px;border-radius:999px;background:#9c4ce4;color:#fff;font-weight:700;text-transform:uppercase}.changelog-release-meta .version{padding:3px 7px;border:1px solid #ddc9f4;border-radius:999px;background:#fbf8ff;color:#8844c9;font:650 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.changelog-release-meta time{color:#818b9c}.changelog-release h2{margin:0;color:#222d40;font-size:13px;line-height:1.45;letter-spacing:-.016em}.changelog-release-main>p{margin:4px 0 0;color:#929aa8;font-size:9px}.changelog-release>summary>i{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;color:#717b8c;font-size:18px;transition:transform .18s ease,background .15s ease}.changelog-release>summary:hover>i{background:#f3eff8}.changelog-release[open]>summary>i{transform:rotate(180deg)}
.changelog-release-content{padding:0 17px 16px;border-top:1px solid #eceff3;background:#fdfdfe}.changelog-release-summary{margin:13px 0;color:#687488;font-size:10px;line-height:1.65}.changelog-change-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.changelog-change{min-height:62px;padding:10px 11px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:9px;border:1px solid #e7eaef;border-radius:9px;background:#fff}.changelog-change>span{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#eef1f5;color:#68758a;font-size:14px}.changelog-change>div{min-width:0}.changelog-change small{display:block;margin-bottom:2px;color:#7d8798;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.045em}.changelog-change h3{margin:0;color:#2d394d;font-size:9px;line-height:1.45}.changelog-change p{margin:4px 0 0;color:#7a8698;font-size:8px;line-height:1.55}.changelog-change.feature>span{background:#e9f8f1;color:#16885f}.changelog-change.feature small{color:#16885f}.changelog-change.improvement>span{background:#edf4ff;color:#3975d3}.changelog-change.improvement small{color:#3975d3}.changelog-change.fix>span{background:#fff3e8;color:#d36a22}.changelog-change.fix small{color:#c6611d}.changelog-change.update>span{background:#f2ebff;color:#8f4bd2}.changelog-change.update small{color:#8f4bd2}.changelog-no-detail{margin:13px 0 0;color:#858fa0;font-size:9px}
.changelog-pagination{margin:15px 0 0;padding-left:37px;display:flex;align-items:center;justify-content:center;gap:10px}.changelog-pagination a,.changelog-pagination span{min-height:32px;padding:6px 10px;display:inline-flex;align-items:center;gap:4px;border:1px solid #dde2e9;border-radius:8px;background:#fff;color:#536074;font-size:9px}.changelog-pagination a:hover{border-color:#cdb8e3;background:#fbf8ff;color:#8242be}.changelog-empty{min-height:230px;display:grid;place-items:center;align-content:center;text-align:center;border:1px dashed #d7dde6;border-radius:14px;background:#fff}.changelog-empty>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#f1e7ff;color:#9348df;font-size:22px}.changelog-empty h2{margin:10px 0 3px;font-size:14px}.changelog-empty p{margin:0;color:#7f899b;font-size:10px}
@media(max-width:900px){.changelog-change-list{grid-template-columns:1fr}}
@media(max-width:700px){.changelog-page{padding:8px 8px 22px}.changelog-hero{min-height:91px;padding:16px;border-radius:12px}.changelog-hero-icon{width:43px;height:43px;flex-basis:43px;border-radius:11px}.changelog-hero-icon i{font-size:22px}.changelog-hero h1{font-size:20px}.changelog-hero p{font-size:10px}.changelog-toolbar{margin:9px 0 11px}.changelog-stats{gap:5px}.changelog-stats>span{min-height:29px;padding:5px 8px;font-size:8px}.changelog-stats .latest{width:100%;justify-content:center}.changelog-timeline{padding-left:25px}.changelog-timeline:before{left:6px}.changelog-timeline-dot{left:-24px}.changelog-release>summary{min-height:86px;padding:12px;grid-template-columns:minmax(0,1fr) 22px}.changelog-release h2{font-size:11px}.changelog-release-content{padding:0 12px 12px}.changelog-pagination{padding-left:25px;flex-wrap:wrap}}

/* Changelog v263 — version compacte et détails structurés en lignes. */
.changelog-hero{border-color:#dbe4eb;background:linear-gradient(108deg,#eaf3f7 0,#f4f8fa 38%,#fff 76%)}
.changelog-hero:after{background:radial-gradient(circle,rgba(45,112,133,.13),transparent 68%)}
.changelog-hero-icon{border-color:#d3e3e8;background:#dcecf0;color:#236b7c;box-shadow:0 8px 22px rgba(35,99,117,.1)}
.changelog-stats .latest{border-color:#cddfe5;background:#f3f9fa;color:#286b79}.changelog-stats .latest i,.changelog-stats .latest b{color:#286b79}
.changelog-entry.is-recent .changelog-timeline-dot{background:#2b7186;box-shadow:0 0 0 3px #d8ebef}
.changelog-release,.changelog-release[open]{overflow:visible;border:0;background:transparent;box-shadow:none}
.changelog-release>summary{min-height:91px;border:1px solid #dfe4ea;border-radius:13px;background:#fff;box-shadow:0 2px 5px rgba(22,34,54,.025)}
.changelog-release[open]>summary{border-color:#cbd8e1;box-shadow:0 5px 16px rgba(26,46,68,.045)}
.changelog-release>summary:hover{background:#fbfcfd}
.changelog-release-meta .recent{background:#2b7186;color:#fff}.changelog-release-meta .version{border-color:#cbdde4;background:#f4f9fa;color:#286879}
.changelog-release>summary:hover>i,.changelog-release[open]>summary>i{background:#edf4f6;color:#2c6878}
.changelog-release-content{margin-top:8px;padding:0;border:0;background:transparent}
.changelog-release-summary{margin:0 0 8px;padding:10px 13px;border:1px solid #e1e6eb;border-radius:9px;background:#fff;color:#687488}
.changelog-change-groups{overflow:hidden;display:block;border:1px solid #dfe4e9;border-radius:11px;background:#fff;box-shadow:0 2px 5px rgba(22,34,54,.02)}
.changelog-change-group{overflow:visible;border:0;border-radius:0;background:#fff;box-shadow:none}.changelog-change-group+.changelog-change-group{border-top:1px solid #dfe4e9}
.changelog-change-group>header{min-height:36px;padding:7px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e6eaee;background:#f7f9fa}
.changelog-change-group>header>span{display:inline-flex;align-items:center;gap:6px;color:#536176;font-size:8px;font-weight:750;letter-spacing:.055em;text-transform:uppercase}.changelog-change-group>header>span i{font-size:13px}
.changelog-change-group>header>b{min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border:1px solid #d9e0e6;border-radius:999px;background:#fff;color:#667387;font-size:7px}
.changelog-change-group>div{display:block}.changelog-change-group .changelog-change{min-height:54px;padding:9px 13px 9px 16px;display:grid;grid-template-columns:94px minmax(0,1fr);align-items:start;gap:10px;border:0;border-bottom:1px solid #e8ebef;border-radius:0;background:#fff}.changelog-change-group .changelog-change:last-child{border-bottom:0}
.changelog-change-type{width:max-content;height:20px;min-height:20px;padding:3px 7px;display:inline-flex;align-items:center;gap:4px;border:1px solid #d7e3e7;border-radius:999px;background:#f1f7f8;color:#2a6b79;font-size:7px;font-weight:700;white-space:nowrap}.changelog-change-type i{font-size:10px}
.changelog-change-group .changelog-change>div{padding-top:2px}.changelog-change-group .changelog-change h3{color:#2b3547;font-size:9px;font-weight:550;line-height:1.55}.changelog-change-group .changelog-change p{margin-top:3px;color:#727e90;font-size:8px;line-height:1.55}
.changelog-change-group.feature>header>span{color:#287466}.changelog-change-group.feature .changelog-change-type{border-color:#c8e1da;background:#edf8f4;color:#24715f}
.changelog-change-group.improvement>header>span{color:#376ba5}.changelog-change-group.improvement .changelog-change-type{border-color:#ceddf0;background:#f0f5fb;color:#386aa2}
.changelog-change-group.fix>header>span{color:#a66028}.changelog-change-group.fix .changelog-change-type{border-color:#ead6c6;background:#fff6ef;color:#a65d24}
.changelog-change-group.update>header>span{color:#5a608c}.changelog-change-group.update .changelog-change-type{border-color:#d7d9e8;background:#f4f4f9;color:#585d88}
@media(max-width:700px){.changelog-change-group .changelog-change{grid-template-columns:1fr;gap:6px;padding:10px}.changelog-change-group .changelog-change>div{padding:0}.changelog-change-type{min-height:19px}.changelog-release-content{margin-top:6px}.changelog-change-group>header{padding-inline:10px}}

/* Changelog v264 — corrections responsive et palette indigo neutre. */
.changelog-page{overflow:hidden}
.changelog-hero{min-height:76px;padding:12px 16px;gap:11px;border-color:#e0e3eb;background:linear-gradient(108deg,#f0f2f8 0,#f7f8fb 42%,#fff 78%)}
.changelog-hero:after{right:-70px;top:-125px;background:radial-gradient(circle,rgba(55,70,139,.1),transparent 68%)}
.changelog-hero-icon{width:37px;height:37px;flex-basis:37px;border-color:#d9deeb;border-radius:10px;background:#e7eaf4;color:#43529b;box-shadow:none}.changelog-hero-icon i{font-size:19px}.changelog-hero h1{margin-bottom:3px;font-size:18px}.changelog-hero p{font-size:9px}
.changelog-toolbar,.changelog-stats{width:100%;max-width:100%}.changelog-stats>span{box-sizing:border-box}.changelog-stats .latest{border-color:#d8ddec;background:#f5f6fa;color:#4d598e}.changelog-stats .latest i,.changelog-stats .latest b{color:#4d598e}
.changelog-entry.is-recent .changelog-timeline-dot{background:#46569e;box-shadow:0 0 0 3px #e0e4f2}.changelog-release-meta .recent{background:#405093}.changelog-release-meta .version{border-color:#d6dbea;background:#f6f7fa;color:#4a568e}.changelog-release>summary:hover>i,.changelog-release[open]>summary>i{background:#f0f2f8;color:#48558e}
.changelog-release-description{max-width:900px;margin:5px 0 0!important;color:#727d8f!important;font-size:8px!important;line-height:1.5}.changelog-release-count{margin-top:4px!important}
.changelog-release-content{min-width:0}.changelog-change-groups,.changelog-change-group,.changelog-change-group>div{min-width:0}
.changelog-change-group>header{background:#f7f8fa}.changelog-change-group>header>span{color:#536074}
.changelog-change-group .changelog-change>.changelog-change-type{width:max-content!important;height:20px!important;min-height:20px!important;padding:3px 7px!important;display:inline-flex!important;place-items:unset!important;align-items:center!important;justify-content:flex-start!important;border-radius:999px!important;font-size:7px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important}
.changelog-change-group.feature>header>span{color:#3d6f68}.changelog-change-group.feature .changelog-change-type{border-color:#d1e1dd!important;background:#f0f7f5!important;color:#3c7067!important}
.changelog-change-group.improvement>header>span{color:#435b99}.changelog-change-group.improvement .changelog-change-type{border-color:#d5dcec!important;background:#f2f4f9!important;color:#435991!important}
.changelog-change-group.fix>header>span{color:#9a6538}.changelog-change-group.fix .changelog-change-type{border-color:#e5d9ce!important;background:#faf6f2!important;color:#956137!important}
.changelog-change-group.update>header>span{color:#626979}.changelog-change-group.update .changelog-change-type{border-color:#dde0e5!important;background:#f5f6f7!important;color:#626979!important}
@media(max-width:700px){.changelog-page{overflow:hidden}.changelog-hero{min-height:70px;padding:11px 12px}.changelog-hero-icon{width:34px;height:34px;flex-basis:34px}.changelog-hero-icon i{font-size:17px}.changelog-hero h1{font-size:17px}.changelog-hero p{font-size:8px}.changelog-toolbar{width:100%;overflow:hidden}.changelog-stats{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.changelog-stats>span{width:100%;min-width:0;justify-content:center;overflow:hidden}.changelog-stats .latest{width:100%;grid-column:1/-1;white-space:normal;text-align:center}.changelog-change-group .changelog-change>.changelog-change-type{width:max-content!important;height:19px!important}.changelog-release-description{font-size:7.5px!important}}

/* Changelog v267 — introduction courte et résumé de la dernière version. */
.changelog-top{width:100%;display:block}.changelog-top.has-latest{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:9px}
.changelog-top .changelog-hero{min-height:64px;padding:9px 13px;gap:10px;border-radius:11px}.changelog-top .changelog-hero-icon{width:32px;height:32px;flex-basis:32px;border-radius:8px}.changelog-top .changelog-hero-icon i{font-size:17px}.changelog-top .changelog-hero h1{margin-bottom:2px;font-size:16px}.changelog-top .changelog-hero p{font-size:8px;line-height:1.4}
.changelog-latest-card{min-width:0;min-height:64px;padding:9px 11px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #dfe3eb;border-radius:11px;background:linear-gradient(135deg,#fff,#f8f9fc);box-shadow:0 3px 12px rgba(24,37,59,.03)}
.changelog-latest-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#edf0f7;color:#4a5791;font-size:15px}.changelog-latest-card>div{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:6px}.changelog-latest-card small{grid-column:1/-1;margin-bottom:2px;color:#8992a1;font-size:6.5px;font-weight:650;text-transform:uppercase;letter-spacing:.045em}.changelog-latest-card strong{color:#3f4c80;font:700 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.changelog-latest-card p{overflow:hidden;margin:0;color:#39465a;font-size:8px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.changelog-latest-card time{min-height:22px;padding:0 7px;display:inline-flex;align-items:center;border:1px solid #e0e4ea;border-radius:6px;background:#fff;color:#7c8797;font-size:7px;white-space:nowrap}
.changelog-top+.changelog-toolbar{margin-top:9px;margin-bottom:10px}
@media(max-width:900px){.changelog-top.has-latest{grid-template-columns:minmax(0,1fr) minmax(250px,300px)}}
@media(max-width:760px){.changelog-top.has-latest{grid-template-columns:1fr}.changelog-latest-card{min-height:58px}.changelog-top .changelog-hero{min-height:58px}.changelog-latest-card p{white-space:normal}.changelog-top+.changelog-toolbar{margin-top:7px}}
@media(max-width:420px){.changelog-latest-card{grid-template-columns:30px minmax(0,1fr)}.changelog-latest-card time{grid-column:2;width:max-content;margin-top:3px}}

/* Changelog v268 — contenu principal et véritable colonne latérale. */
.changelog-heading{min-height:48px;margin:0 0 9px;padding:2px 1px;display:flex;align-items:center;gap:10px}.changelog-heading>span{width:33px;height:33px;display:grid;place-items:center;flex:0 0 33px;border:1px solid #dce1eb;border-radius:9px;background:#eef0f6;color:#46548f;font-size:17px}.changelog-heading h1{margin:0;color:#1d293b;font-size:18px;line-height:1.15;letter-spacing:-.03em}.changelog-heading p{margin:3px 0 0;color:#7d8797;font-size:8px;line-height:1.4}
.changelog-layout{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,310px);align-items:start;gap:12px}.changelog-main{min-width:0}.changelog-aside{min-width:0;position:sticky;top:82px}
.changelog-guide-card{padding:15px;border:1px solid #dfe3ea;border-radius:13px;background:#fff;box-shadow:0 3px 12px rgba(24,37,59,.03)}.changelog-guide-card h2{margin:0;color:#273349;font-size:12px;line-height:1.3}.changelog-guide-card>p{margin:4px 0 12px;color:#7b8697;font-size:8px;line-height:1.5}.changelog-guide-list{overflow:hidden;border:1px solid #e4e7ec;border-radius:9px;background:#fafbfc}.changelog-guide-list>span{min-height:43px;padding:7px 9px;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;border-bottom:1px solid #e7eaee}.changelog-guide-list>span:last-child{border-bottom:0}.changelog-guide-list i{width:24px;height:24px;grid-row:1/3;display:grid;place-items:center;border-radius:7px;background:#eef1f5;color:#657186;font-size:13px}.changelog-guide-list b{align-self:end;color:#455267;font-size:8px}.changelog-guide-list small{align-self:start;color:#8b95a4;font-size:7px}.changelog-guide-list .feature i{background:#f0f7f5;color:#3c7067}.changelog-guide-list .improvement i{background:#f0f2f8;color:#46578f}.changelog-guide-list .fix i{background:#faf5f0;color:#956137}.changelog-guide-list .update i{background:#f2f3f5;color:#636a79}
@media(max-width:940px){.changelog-layout{grid-template-columns:1fr}.changelog-aside{position:static}.changelog-guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.changelog-guide-list>span:nth-child(odd){border-right:1px solid #e7eaee}.changelog-guide-list>span:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:600px){.changelog-heading{min-height:43px;margin-bottom:7px}.changelog-heading>span{width:30px;height:30px;flex-basis:30px;font-size:15px}.changelog-heading h1{font-size:16px}.changelog-heading p{font-size:7.5px}.changelog-layout{gap:9px}.changelog-guide-card{padding:12px}.changelog-guide-list{display:block}.changelog-guide-list>span:nth-child(odd){border-right:0}.changelog-guide-list>span:nth-last-child(2){border-bottom:1px solid #e7eaee}}

/* Changelog v269 — indicateurs restaurés et actions latérales compactes. */
.changelog-heading+.changelog-toolbar{margin:0 0 10px}
.changelog-aside{display:grid;gap:9px}
.changelog-side-card{padding:13px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:3px 9px;border:1px solid #dfe3ea;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(24,37,59,.03)}
.changelog-side-icon{width:30px;height:30px;grid-row:1;display:grid;place-items:center;border-radius:8px;background:#eef1f6;color:#4f5d78;font-size:15px}
.changelog-side-card>div{min-width:0;padding-top:1px}.changelog-side-card h2{margin:0;color:#263247;font-size:10px;line-height:1.35}.changelog-side-card p{margin:3px 0 0;color:#7d8797;font-size:7.5px;line-height:1.5}
.changelog-side-card>button,.changelog-side-card>a{width:100%;min-height:33px;margin-top:8px;padding:7px 10px;grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d9dee7;border-radius:8px;background:#fff;color:#3d495d;font:650 8px Inter,ui-sans-serif,system-ui,sans-serif;text-align:center;cursor:pointer;box-shadow:none;transform:none}
.changelog-side-card>button:hover,.changelog-side-card>button:focus-visible,.changelog-side-card>a:hover,.changelog-side-card>a:focus-visible{border-color:#bfc8d5;background:#f8f9fb;color:#273449;box-shadow:none;transform:none}
.changelog-side-card>button i,.changelog-side-card>a i{font-size:13px}
.changelog-feedback-card .changelog-side-icon{background:#eef1f8;color:#46578f}.changelog-support-card .changelog-side-icon{background:#edf7f4;color:#317467}.changelog-support-card>a{border-color:#d4e3df;background:#f5faf8;color:#2c675d}.changelog-support-card>a:hover,.changelog-support-card>a:focus-visible{border-color:#b8d4cc;background:#eef7f4;color:#22594f}
@media(max-width:940px){.changelog-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.changelog-heading+.changelog-toolbar{margin-bottom:8px}.changelog-aside{grid-template-columns:1fr}.changelog-side-card{padding:12px}}

/* Changelog v270 — bannière compacte et indicateurs centrés. */
.changelog-heading{position:relative;min-height:60px;margin:0 0 8px;padding:10px 14px;overflow:hidden;border:1px solid #d9e1ee;border-radius:12px;background:linear-gradient(112deg,#edf2fb 0%,#f2f6fb 48%,#eef8f5 100%);box-shadow:0 3px 12px rgba(29,45,72,.035)}
.changelog-heading:after{content:"";position:absolute;right:-28px;top:-54px;width:145px;height:145px;border:1px solid rgba(70,84,143,.09);border-radius:50%;box-shadow:0 0 0 24px rgba(70,84,143,.025),0 0 0 49px rgba(49,116,103,.02);pointer-events:none}
.changelog-heading>span{position:relative;z-index:1;border-color:#d3dbea;background:rgba(255,255,255,.78);color:#445490;box-shadow:0 2px 6px rgba(39,52,88,.04)}
.changelog-heading>div{position:relative;z-index:1}.changelog-heading h1{color:#202c40}.changelog-heading p{color:#68768b}
.changelog-heading+.changelog-toolbar{margin:0 0 11px;justify-content:center}.changelog-heading+.changelog-toolbar .changelog-stats{justify-content:center}
@media(max-width:600px){.changelog-heading{min-height:55px;padding:9px 11px}.changelog-heading+.changelog-toolbar{margin-bottom:9px}.changelog-heading+.changelog-toolbar .changelog-stats{justify-content:stretch}}
/* Badge bêta de la marque et liens Ressources bientôt disponibles. */

/* AUTH V283 — alertes de connexion illustrées et lisibles. */
.auth-v278-panel>.auth-v278-feedback{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;min-height:52px;margin:0 0 15px!important;padding:10px 12px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;transform:none!important;border:1px solid #efd2d7!important;border-left:3px solid #c94c60!important;border-radius:8px!important;background:linear-gradient(135deg,#fff8f9,#fff4f6)!important;color:#77313e!important;font-size:9px!important;font-weight:600!important;line-height:1.5!important;box-shadow:0 5px 16px rgba(112,39,53,.06)!important}
.auth-v278-panel>.auth-v278-feedback[hidden]{display:none!important}.auth-v283-alert-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#f8dfe4;color:#b83e52;font-size:17px}.auth-v283-alert-message{min-width:0;display:block}.auth-v278-panel>.auth-v278-feedback.success{border-color:#cce8dc!important;border-left-color:#2b9770!important;background:linear-gradient(135deg,#f6fcf9,#effaf5)!important;color:#28634f!important}.auth-v278-panel>.auth-v278-feedback.success .auth-v283-alert-icon{background:#daf1e6;color:#21815f}.auth-v278-panel>.auth-v278-feedback.warning{border-color:#efdfb9!important;border-left-color:#bd842e!important;background:linear-gradient(135deg,#fffdf7,#fff9ec)!important;color:#745827!important}.auth-v278-panel>.auth-v278-feedback.warning .auth-v283-alert-icon{background:#f8edcf;color:#a16c1e}.auth-v278-panel>.auth-v278-feedback.info{border-color:#cedeef!important;border-left-color:#497bae!important;background:linear-gradient(135deg,#f8fbfe,#f1f7fd)!important;color:#395f83!important}.auth-v278-panel>.auth-v278-feedback.info .auth-v283-alert-icon{background:#deebf7;color:#3d72a6}
@media(max-width:620px){.auth-v278-panel>.auth-v278-feedback{min-height:48px;padding:9px 10px!important;grid-template-columns:29px minmax(0,1fr);gap:9px;font-size:8.5px!important}.auth-v283-alert-icon{width:29px;height:29px;border-radius:8px;font-size:16px}}

.sidebar .brand .sidebar-brand-beta{position:absolute;left:calc(100% + 7px);top:-7px;margin:0;padding:3px 6px;display:inline-flex;align-items:center;border:1px solid rgba(125,190,255,.42);border-radius:5px;background:linear-gradient(135deg,#176fca,#2455b8);color:#eef7ff;font:800 7px/1 "Plus Jakarta Sans",Inter,sans-serif;letter-spacing:.07em;box-shadow:0 4px 10px rgba(0,49,128,.28)}
body .sidebar .nav-main a.sidebar-coming-link{grid-template-columns:18px minmax(0,1fr) auto!important;cursor:not-allowed!important;opacity:.58;pointer-events:none}
body .sidebar .nav-main a.sidebar-coming-link>i:first-child{grid-column:1!important}
body .sidebar .nav-main a.sidebar-coming-link>span{grid-column:2!important}
.nav-coming-soon-badge{grid-column:3;min-width:max-content;padding:3px 6px;border:1px solid rgba(143,195,255,.2);border-radius:999px;background:rgba(76,132,205,.12);color:#9dbce4;font:750 7px/1 "Plus Jakarta Sans",Inter,sans-serif;letter-spacing:.02em}

/* AUTH V284 — toutes les alertes du login deviennent des toasts. */
.auth-v284-toast-stack{position:fixed;z-index:1000;top:18px;right:18px;width:min(390px,calc(100vw - 36px));display:grid;gap:10px;pointer-events:none}.auth-v284-toast{position:relative;min-height:64px;padding:11px 38px 11px 12px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:11px;overflow:hidden;border:1px solid #ecd0d6;border-left:3px solid #c7485d;border-radius:12px;background:rgba(255,249,250,.98);color:#71313c;box-shadow:0 15px 38px rgba(32,26,48,.16),0 3px 10px rgba(111,38,53,.07);backdrop-filter:blur(12px);pointer-events:auto;animation:auth-v284-toast-in .24s ease both}.auth-v284-toast[hidden]{display:none!important}.auth-v284-toast.is-leaving{animation:auth-v284-toast-out .18s ease both}.auth-v284-toast-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f7dde3;color:#b83b50;font-size:20px}.auth-v284-toast-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.auth-v284-toast-copy strong{color:#552731;font-size:10px;font-weight:800;line-height:1.3}.auth-v284-toast-copy small{color:#824552;font-size:9px;font-weight:550;line-height:1.45}.auth-v284-toast>button{position:absolute;top:8px;right:8px;width:25px;height:25px;padding:0;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#a16a74;font-size:17px;cursor:pointer}.auth-v284-toast>button:hover{background:rgba(161,67,84,.09);color:#873747}.auth-v284-toast.success{border-color:#c8e5d8;border-left-color:#27916b;background:rgba(246,252,249,.98);color:#2b624f}.auth-v284-toast.success .auth-v284-toast-icon{background:#d9f0e5;color:#21805e}.auth-v284-toast.success .auth-v284-toast-copy strong{color:#235c48}.auth-v284-toast.success .auth-v284-toast-copy small{color:#477666}.auth-v284-toast.warning{border-color:#eadab4;border-left-color:#b57a22;background:rgba(255,251,241,.98);color:#705523}.auth-v284-toast.warning .auth-v284-toast-icon{background:#f7ebcb;color:#9d681b}.auth-v284-toast.warning .auth-v284-toast-copy strong{color:#664a1d}.auth-v284-toast.warning .auth-v284-toast-copy small{color:#806937}.auth-v284-toast.info{border-color:#cbddec;border-left-color:#4175a8;background:rgba(247,251,254,.98);color:#385d80}.auth-v284-toast.info .auth-v284-toast-icon{background:#dfebf7;color:#396fa3}.auth-v284-toast.info .auth-v284-toast-copy strong{color:#315779}.auth-v284-toast.info .auth-v284-toast-copy small{color:#56748f}@keyframes auth-v284-toast-in{from{opacity:0;transform:translate3d(18px,-5px,0) scale(.98)}to{opacity:1;transform:none}}@keyframes auth-v284-toast-out{to{opacity:0;transform:translate3d(20px,0,0) scale(.98)}}
@media(max-width:620px){.auth-v284-toast-stack{top:12px;right:12px;width:calc(100vw - 24px)}.auth-v284-toast{min-height:58px;padding:9px 35px 9px 10px;grid-template-columns:32px minmax(0,1fr);gap:9px;border-radius:10px}.auth-v284-toast-icon{width:32px;height:32px;border-radius:9px;font-size:18px}.auth-v284-toast-copy strong{font-size:9.5px}.auth-v284-toast-copy small{font-size:8.5px}}

/* AUTH V286 — panneau sombre gauche légèrement plus étroit. */
@media(min-width:961px){.auth-v278-login{grid-template-columns:minmax(520px,1.38fr) minmax(430px,1fr)}}

/* AUTH V287 — encart d’inscription inspiré de la référence. */
.auth-v287-register.auth-v278-register{position:relative;min-height:132px;margin-top:22px;padding:17px 18px 16px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dce2f1;border-radius:14px;background:radial-gradient(circle at 92% 8%,rgba(102,82,222,.1) 0 22%,transparent 23%),radial-gradient(circle at 5% 100%,rgba(36,112,176,.08) 0 24%,transparent 25%),linear-gradient(135deg,#fafbff,#f5f7fc);color:#253653;text-align:center;box-shadow:0 7px 20px rgba(26,42,72,.045)}.auth-v287-register:before{content:"";position:absolute;top:-38px;right:-34px;width:104px;height:104px;border:1px solid rgba(86,73,198,.1);border-radius:50%;box-shadow:0 0 0 18px rgba(86,73,198,.025)}.auth-v287-register-icon{position:absolute;top:13px;left:14px;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e9ecfa;color:#5363b2;font-size:15px}.auth-v287-register>div{position:relative;z-index:1;display:grid;gap:2px}.auth-v287-register strong{color:#26344b;font-size:10px;font-weight:800;line-height:1.35}.auth-v287-register small{color:#7a8597;font-size:8px;line-height:1.45}.auth-v287-register>a{position:relative;z-index:1;min-width:180px;min-height:38px;margin-top:12px;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #3f5597;border-radius:9px;background:#fff;color:#354b8b;font-size:9px;font-weight:850;letter-spacing:.035em;text-decoration:none;text-transform:uppercase;box-shadow:0 4px 10px rgba(52,73,137,.06)}.auth-v287-register>a:hover,.auth-v287-register>a:focus-visible{border-color:#263d80;background:#263d80;color:#fff;box-shadow:0 7px 16px rgba(38,61,128,.16);transform:translateY(-1px)}.auth-v287-register>a i{font-size:14px}
@media(max-width:620px){.auth-v287-register.auth-v278-register{min-height:126px;padding:16px 12px 14px}.auth-v287-register-icon{width:25px;height:25px;font-size:14px}.auth-v287-register>a{min-width:165px;min-height:36px}}

/* AUTH V288 — espacement resserré autour du séparateur OAuth. */
.auth-v278-oauth.auth-oauth-buttons-v190{margin-bottom:12px}.auth-v278-divider.auth-oauth-divider-v190{margin-bottom:13px}

/* AUTH V289 — récupération du mot de passe alignée sur le nouveau login. */
body[data-route="forgot-password"] .auth-layout.auth-v96-layout{width:100%;max-width:none;min-height:100vh;display:block!important;grid-template-columns:none!important;overflow-x:hidden}
body[data-route="forgot-password"] .auth-layout>.auth-brand-panel{display:none!important}
body[data-route="forgot-password"] .auth-layout>.auth-content{width:100%;max-width:none;min-height:100vh;padding:0!important;display:block!important;background:#f5f6fa}
body[data-route="forgot-password"] .auth-layout>.auth-content>.auth-content-inner{width:100%;max-width:none;min-height:100vh;margin:0}
body[data-route="forgot-password"] .auth-card{background:#f5f6fa}
.auth-v289-forgot .auth-v278-panel{width:min(100%,430px)}
.auth-v289-forgot .auth-v278-heading{margin-bottom:18px}
.auth-v289-information{min-height:49px;margin-bottom:17px;padding:10px 11px;display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:9px;border:1px solid #dce3ee;border-radius:9px;background:#f9faff;color:#69758a;font-size:8.5px;line-height:1.5}
.auth-v289-information>i{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#e9edf9;color:#5265a7;font-size:15px}
.auth-v289-submit{margin-top:1px!important}
.auth-v289-back{min-height:55px;margin-top:19px;padding:9px 11px;display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #dce2ea;border-radius:10px;background:#f9fafc;color:#34445a;text-decoration:none;transition:border-color .15s,background .15s,transform .15s}
.auth-v289-back>i{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#e9edf6;color:#475f96;font-size:17px}
.auth-v289-back>span{min-width:0;display:flex;flex-direction:column;gap:2px}
.auth-v289-back strong{color:#334158;font-size:9px;font-weight:800}
.auth-v289-back small{color:#858f9e;font-size:7.5px}
.auth-v289-back:hover,.auth-v289-back:focus-visible{border-color:#c7d0df;background:#fff;transform:translateY(-1px)}
@media(max-width:760px){.auth-v289-forgot .auth-v278-heading{margin-bottom:16px}.auth-v289-information{margin-bottom:15px}}

/* AUTH V290 — nouveau mot de passe aligné sur le login et la récupération. */
body[data-route="reset-password"] .auth-layout.auth-v96-layout{width:100%;max-width:none;min-height:100vh;display:block!important;grid-template-columns:none!important;overflow-x:hidden}
body[data-route="reset-password"] .auth-layout>.auth-brand-panel{display:none!important}
body[data-route="reset-password"] .auth-layout>.auth-content{width:100%;max-width:none;min-height:100vh;padding:0!important;display:block!important;background:#f5f6fa}
body[data-route="reset-password"] .auth-layout>.auth-content>.auth-content-inner{width:100%;max-width:none;min-height:100vh;margin:0}
body[data-route="reset-password"] .auth-mobile-brand,body[data-route="reset-password"] .auth-legal{display:none!important}
body[data-route="reset-password"] .auth-card{position:relative;width:100%;max-width:none;min-height:100vh;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:#f5f6fa;box-shadow:none}
.auth-v290-reset .auth-v278-panel{width:min(100%,430px)}
.auth-v290-reset .auth-v278-heading{margin-bottom:20px}
.auth-v290-reset .auth-v126-form{gap:12px}
.auth-v290-strength{height:5px;margin-top:1px;overflow:hidden;border-radius:999px;background:#e2e5eb}
.auth-v290-strength>span{width:var(--reset-strength,0%);height:100%;display:block;border-radius:inherit;background:#dc5368;transition:width .2s ease,background .2s ease}
.auth-v290-strength[data-level="empty"]>span{background:#e2e5eb}
.auth-v290-strength[data-level="medium"]>span{background:#43a8c5}
.auth-v290-strength[data-level="strong"]>span{background:#2aa477}
.auth-v290-rules{min-height:20px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 15px;color:#7e8999;font-size:8px;line-height:1.35}
.auth-v290-rules>span{display:inline-flex;align-items:center;gap:4px}
.auth-v290-rules>span[hidden]{display:none!important}
.auth-v290-rules i{font-size:13px;color:#9da6b2}
.auth-v290-rules .is-valid{color:#25815f}.auth-v290-rules .is-valid i{color:#2ba173}
.auth-v290-rules .is-invalid{color:#c3465a}.auth-v290-rules .is-invalid i{color:#dc5368}
.auth-v290-submit{margin-top:2px!important}
.auth-v290-invalid-link{padding:20px 18px 18px;display:grid;grid-template-columns:43px minmax(0,1fr);gap:12px;border:1px solid #e8d6da;border-radius:13px;background:linear-gradient(135deg,#fffafb,#fff7f8);box-shadow:0 7px 20px rgba(83,38,49,.045)}
.auth-v290-invalid-link>span{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:#f8e2e6;color:#bb4357;font-size:22px}
.auth-v290-invalid-link h3{margin:1px 0 5px;color:#4d2931;font-size:12px;line-height:1.3}.auth-v290-invalid-link p{margin:0;color:#805d65;font-size:8.5px;line-height:1.55}
.auth-v290-invalid-link>a{min-height:38px;margin-top:5px;padding:8px 12px;grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #a84658;border-radius:9px;background:#fff;color:#943a4b;font-size:9px;font-weight:800;text-decoration:none;transition:background .15s,color .15s,transform .15s}
.auth-v290-invalid-link>a:hover,.auth-v290-invalid-link>a:focus-visible{background:#943a4b;color:#fff;transform:translateY(-1px)}.auth-v290-invalid-link>a i{font-size:14px}
@media(max-width:760px){.auth-v290-reset .auth-v278-heading{margin-bottom:17px}.auth-v290-rules{gap:5px 11px}}

/* AUTH V291 — confirmation TOTP avant changement du mot de passe. */
.auth-v291-two-factor{margin-top:2px;padding:12px;border:1px solid #d9e1ee;border-radius:11px;background:#f9faff}
.auth-v291-two-factor>header{margin-bottom:10px;display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:9px}.auth-v291-two-factor>header>i{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#e7edf9;color:#4864a2;font-size:17px}.auth-v291-two-factor>header>span{display:flex;flex-direction:column;gap:2px}.auth-v291-two-factor>header strong{color:#34445e;font-size:9px}.auth-v291-two-factor>header small{color:#7e899a;font-size:7.5px;line-height:1.4}
.auth-v291-two-factor>label{display:grid;gap:6px;color:#435167;font-size:8px;font-weight:750}.auth-v291-two-factor .auth-v132-otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.auth-v291-two-factor .auth-v132-otp>input:not([type="hidden"]){width:100%;height:39px;padding:0;border:1px solid #d7dee8;border-radius:8px;background:#fff;color:#27354b;font-size:15px;font-weight:750;text-align:center;outline:0;box-shadow:none}.auth-v291-two-factor .auth-v132-otp>input:focus{border-color:#7182b6;box-shadow:0 0 0 3px rgba(72,100,162,.09)}.auth-v291-two-factor .auth-v132-otp.is-invalid>input:not([type="hidden"]){border-color:#d65367;background:#fffafb}.auth-v291-two-factor .auth-v278-field-error{font-weight:600}
@media(max-width:430px){.auth-v291-two-factor{padding:10px}.auth-v291-two-factor .auth-v132-otp{gap:4px}.auth-v291-two-factor .auth-v132-otp>input:not([type="hidden"]){height:36px;border-radius:7px}}

/* AUTH V292 — générateur de mot de passe et OTP légèrement compact. */
.auth-v291-two-factor .auth-v132-otp{gap:5px}.auth-v291-two-factor .auth-v132-otp>input:not([type="hidden"]){height:35px;font-size:14px}
body[data-route="reset-password"] .auth-v126-password-toggle{z-index:4;display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto}body[data-route="reset-password"] .auth-v126-field input[type="text"]{padding-right:40px!important}
.auth-v292-generator-row{min-height:31px;margin-bottom:-2px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7c8797;font-size:7.5px}.auth-v292-generator-row>span{display:inline-flex;align-items:center;gap:5px}.auth-v292-generator-row>span i{color:#6679ab;font-size:13px}.auth-v292-generator-row>button{min-height:29px;padding:5px 9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #d4dbea;border-radius:7px;background:#f8f9fd;color:#435b9b;font:750 8px/1.2 inherit;cursor:pointer}.auth-v292-generator-row>button:hover,.auth-v292-generator-row>button:focus-visible{border-color:#bfc9df;background:#fff;color:#304985}.auth-v292-generator-row>button i{font-size:13px}
.auth-v292-password-dialog{width:min(540px,calc(100vw - 28px));max-width:none;padding:0;overflow:hidden;border:1px solid #dce2eb;border-radius:15px;background:#fff;color:#28364b;box-shadow:0 28px 80px rgba(13,24,46,.28)}.auth-v292-password-dialog::backdrop{background:rgba(13,22,39,.53);backdrop-filter:blur(3px)}.auth-v292-password-dialog>header{min-height:72px;padding:15px 52px 15px 17px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;border-bottom:1px solid #e5e9ef;background:linear-gradient(135deg,#fff,#f7f8fd)}.auth-v292-password-dialog>header>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e9ecfa;color:#5262ac;font-size:19px}.auth-v292-password-dialog h2{margin:0;color:#243249;font-size:15px;line-height:1.25}.auth-v292-password-dialog header p{margin:3px 0 0;color:#818c9b;font-size:8px}.auth-v292-password-dialog>header>button{position:absolute;top:16px;right:16px;width:29px;height:29px;padding:0;display:grid;place-items:center;border:1px solid #e1e5eb;border-radius:8px;background:#fff;color:#7c8796;font-size:17px;cursor:pointer}.auth-v292-password-dialog>header>button:hover{background:#f4f6f9;color:#3e4b5f}
.auth-v292-password-body{padding:18px 18px 17px}.auth-v292-password-body>label{display:block;margin-bottom:6px;color:#4b596e;font-size:8px;font-weight:750}.auth-v292-password-value{height:43px;display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid #d3dbe6;border-radius:9px;background:#fff;overflow:hidden}.auth-v292-password-value>input{min-width:0;padding:0 12px;border:0;background:transparent;color:#324158;font:600 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;outline:0}.auth-v292-password-value>button{min-width:91px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-left:1px solid #dce2ea;background:#fafbfc;color:#5d6980;font:700 8px/1 inherit;cursor:pointer}.auth-v292-password-value>button:hover{background:#f1f4f8;color:#34445d}.auth-v292-password-value>button i{font-size:14px}.auth-v292-regenerate{min-height:32px;margin-top:12px;padding:6px 11px;display:inline-flex;align-items:center;gap:6px;border:1px solid #d4dbe5;border-radius:8px;background:#fff;color:#526078;font:750 8px/1 inherit;cursor:pointer}.auth-v292-regenerate:hover{background:#f6f8fb}.auth-v292-regenerate i{font-size:14px}
.auth-v292-password-dialog>footer{min-height:62px;padding:12px 18px;display:flex;align-items:center;justify-content:flex-end;border-top:1px solid #e5e9ef;background:#f8f9fb}.auth-v292-password-dialog>footer>button{min-height:37px;padding:7px 13px;display:inline-flex;align-items:center;gap:6px;border:1px solid #20385f;border-radius:9px;background:#20385f;color:#fff;font:800 8.5px/1 inherit;cursor:pointer}.auth-v292-password-dialog>footer>button:hover{border-color:#172b4b;background:#172b4b}.auth-v292-password-dialog>footer i{font-size:15px}
@media(max-width:520px){.auth-v292-generator-row{align-items:flex-start;flex-direction:column}.auth-v292-generator-row>button{width:100%}.auth-v292-password-dialog{margin:auto 14px}.auth-v292-password-body{padding:15px}.auth-v292-password-dialog>footer{padding:11px 15px}.auth-v292-password-dialog>footer>button{width:100%;justify-content:center}}

/* AUTH V293 — dimensions affinées du TOTP et du générateur. */
.auth-v291-two-factor .auth-v132-otp{grid-template-columns:repeat(6,27px);justify-content:start;gap:4px}.auth-v291-two-factor .auth-v132-otp>input:not([type="hidden"]){width:27px;height:29px;border-radius:6px;font-size:12px}
.auth-v292-generator-row{min-height:25px;justify-content:flex-end}.auth-v292-generator-row>button{min-height:24px;padding:4px 7px;border-radius:6px;font-size:7px}.auth-v292-generator-row>button i{font-size:11px}
.auth-v292-password-dialog{width:min(500px,calc(100vw - 28px))}.auth-v292-password-dialog>header{min-height:56px;padding:9px 43px 9px 13px;grid-template-columns:30px minmax(0,1fr);gap:9px}.auth-v292-password-dialog>header>span{width:30px;height:30px;border-radius:8px;font-size:15px}.auth-v292-password-dialog h2{font-size:12px;font-weight:400}.auth-v292-password-dialog header p{margin-top:2px;font-size:7px}.auth-v292-password-dialog>header>button{top:12px;right:12px;width:25px;height:25px;border-radius:7px;font-size:15px}
.auth-v292-password-dialog>footer{min-height:49px;padding:9px 14px}.auth-v292-password-dialog>footer>button{min-height:30px;padding:5px 10px;border-radius:7px;font-size:7.5px}.auth-v292-password-dialog>footer i{font-size:13px}
@media(max-width:430px){.auth-v291-two-factor .auth-v132-otp{grid-template-columns:repeat(6,25px);gap:3px}.auth-v291-two-factor .auth-v132-otp>input:not([type="hidden"]){width:25px;height:28px}}

/* AUTH V294 — largeur TOTP restaurée, hauteur seule réduite. */
.auth-v291-two-factor .auth-v132-otp{width:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.auth-v291-two-factor .auth-v132-otp>input:not([type="hidden"]){width:100%;height:29px}
.auth-v292-generator-row{min-height:23px}.auth-v292-generator-row>button{min-height:21px;padding:3px 6px;font-size:6.5px}.auth-v292-generator-row>button i{font-size:10px}
.auth-v292-password-dialog>header{min-height:52px}.auth-v292-password-dialog h2{font-size:12px;font-weight:400}.auth-v292-password-dialog>footer>button{min-height:34px;padding:6px 12px;font-size:8px}.auth-v292-password-dialog>footer i{font-size:14px}
@media(max-width:430px){.auth-v291-two-factor .auth-v132-otp{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.auth-v291-two-factor .auth-v132-otp>input:not([type="hidden"]){width:100%;height:28px}}

/* AUTH V295 — hauteur TOTP réellement compacte, largeur inchangée. */
body[data-route="reset-password"] .auth-v291-two-factor .auth-v132-otp{min-height:0}
body[data-route="reset-password"] .auth-v291-two-factor .auth-v132-otp>input:not([type="hidden"]){height:30px!important;min-height:30px!important;max-height:30px!important;padding-block:0!important;line-height:30px!important}
@media(max-width:430px){body[data-route="reset-password"] .auth-v291-two-factor .auth-v132-otp>input:not([type="hidden"]){height:22px!important;min-height:24px!important;max-height:24px!important;line-height:28px!important}}

/* AUTH V296 — double authentification alignée sur le panneau de connexion. */
body[data-route="two-factor"] .auth-layout.auth-v96-layout{width:100%;max-width:none;min-height:100vh;display:block!important;grid-template-columns:none!important;overflow-x:hidden}
body[data-route="two-factor"] .auth-layout>.auth-brand-panel{display:none!important}
body[data-route="two-factor"] .auth-layout>.auth-content{width:100%;max-width:none;min-height:100vh;padding:0!important;display:block!important;background:#f5f6fa}
body[data-route="two-factor"] .auth-layout>.auth-content>.auth-content-inner{width:100%;max-width:none;min-height:100vh;margin:0}
body[data-route="two-factor"] .auth-mobile-brand,body[data-route="two-factor"] .auth-legal{display:none!important}
body[data-route="two-factor"] .auth-card{position:relative;width:100%;max-width:none;min-height:100vh;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:#f5f6fa;box-shadow:none}
.auth-v296-two-factor .auth-v278-panel{width:min(100%,430px)}
.auth-v296-two-factor .auth-v278-heading{margin-bottom:18px}
.auth-v296-information{min-height:49px;margin-bottom:17px;padding:10px 11px;display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:9px;border:1px solid #dce3ee;border-radius:9px;background:#f9faff;color:#69758a;font-size:8.5px;line-height:1.5}
.auth-v296-information>i{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#e9edf9;color:#5265a7;font-size:15px}
.auth-v296-code{display:grid;gap:6px;color:#2b3b51;font-size:9px;font-weight:780}
.auth-v296-code>span{text-align:left}
.auth-v296-code .auth-v132-otp{width:100%;min-height:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.auth-v296-code .auth-v132-otp>input:not([type="hidden"]){width:100%!important;min-width:0!important;height:30px!important;min-height:30px!important;max-height:30px!important;margin:0!important;padding:0!important;border:1px solid #d7dee8!important;border-radius:6px!important;background:#fff!important;color:#27354b!important;font-size:12px!important;font-weight:750!important;line-height:30px!important;text-align:center;outline:0!important;box-shadow:none!important}
.auth-v296-code .auth-v132-otp>input:not([type="hidden"]):focus{z-index:1;border-color:#7182b6!important;box-shadow:0 0 0 3px rgba(72,100,162,.09)!important}
.auth-v296-code .auth-v132-otp.is-invalid>input:not([type="hidden"]){border-color:#d65367!important;background:#fffafb!important}
.auth-v296-code .auth-v132-otp>input[type="hidden"]{display:none!important}
.auth-v296-code .auth-v278-field-error{font-weight:600}
.auth-v296-submit{margin-top:2px!important}
@media(max-width:430px){.auth-v296-information{margin-bottom:15px}.auth-v296-code .auth-v132-otp{gap:4px}.auth-v296-code .auth-v132-otp>input:not([type="hidden"]){height:24px!important;min-height:24px!important;max-height:24px!important;line-height:28px!important}}

/* AUTH V297 — inscription harmonisée et cases A2F de connexion agrandies. */
.auth-v296-code .auth-v132-otp{gap:7px}
.auth-v296-code .auth-v132-otp>input:not([type="hidden"]){height:40px!important;min-height:40px!important;max-height:40px!important;border-radius:8px!important;font-size:14px!important;line-height:40px!important}
body[data-route="register"] .auth-layout.auth-v96-layout{width:100%;max-width:none;min-height:100vh;display:block!important;grid-template-columns:none!important;overflow-x:hidden}
body[data-route="register"] .auth-layout>.auth-brand-panel{display:none!important}
body[data-route="register"] .auth-layout>.auth-content{width:100%;max-width:none;min-height:100vh;padding:0!important;display:block!important;background:#f5f6fa}
body[data-route="register"] .auth-layout>.auth-content>.auth-content-inner{width:100%;max-width:none;min-height:100vh;margin:0}
body[data-route="register"] .auth-mobile-brand,body[data-route="register"] .auth-legal{display:none!important}
body[data-route="register"] .auth-card{position:relative;width:100%;max-width:none;min-height:100vh;margin:0;padding:0!important;overflow:hidden;border:0!important;border-radius:0!important;background:#f5f6fa;box-shadow:none!important}
.auth-v297-register{align-items:stretch}
.auth-v297-register .auth-v278-access{align-items:start;padding:27px 34px;overflow:visible}
.auth-v297-panel{width:min(100%,720px);margin:auto}
.auth-v297-register .auth-v103-default{width:100%;max-width:none;margin:0;padding:0;background:transparent}
.auth-v297-register .auth-v278-heading{margin-bottom:15px}
.auth-v297-register .auth-v95-steps{margin-bottom:11px}
.auth-v297-register .auth-v97-field-grid{border-color:#dce2ec;border-radius:11px;background:#fff;box-shadow:0 5px 18px rgba(29,42,69,.045)}
.auth-v297-register .auth-v95-step-actions .btn-primary{background:#20385f}
.auth-v297-register .auth-v95-step-actions .btn-primary:hover{background:#172b4b}
.auth-v297-register-submit.is-loading{background:#20385f!important;}
.auth-v297-register-submit .auth-v126-button-loader{font-size:18px;animation:auth-login-spin .7s linear infinite}
.auth-v297-login-card.auth-v278-register{min-height:112px;margin-top:17px;padding-block:14px}
@media(max-width:960px){.auth-v297-register .auth-v278-access{padding:24px 25px}.auth-v297-panel{width:100%}}
@media(max-width:760px){.auth-v297-register .auth-v278-access{padding:25px 15px 34px}.auth-v297-register .auth-v278-showcase{min-height:145px}.auth-v297-register .auth-v278-showcase-inner{min-height:145px}.auth-v297-register .auth-v278-heading h2{font-size:19px}}
@media(max-width:430px){.auth-v296-code .auth-v132-otp{gap:5px}.auth-v296-code .auth-v132-otp>input:not([type="hidden"]){height:36px!important;min-height:36px!important;max-height:36px!important;line-height:36px!important}.auth-v297-register .auth-v278-access{padding-inline:10px}}

/* AUTH V298 — panneau sombre de l’inscription ramené au repère visuel. */
@media(min-width:1101px){.auth-v297-register{grid-template-columns:minmax(0,46.5%) minmax(0,53.5%)}}
@media(min-width:961px) and (max-width:1100px){.auth-v297-register{grid-template-columns:minmax(0,45%) minmax(0,55%)}}

/* AUTH V299 — cartes du formulaire d’inscription sur toute la ligne (col-12). */
.auth-v297-register .auth-v297-panel{width:100%;max-width:none}
.auth-v297-register .auth-v95-register-form,.auth-v297-register .auth-v95-step,.auth-v297-register .auth-v97-form-section{width:100%;max-width:none;grid-column:1/-1}

/* AUTH V300 — cartes d’étape étendues jusqu’aux bords du panneau droit. */
.auth-v297-register .auth-v278-access{--auth-v300-card-extra:36px;--auth-v300-card-offset:-18px}
.auth-v297-register .auth-v97-form-section{width:calc(100% + var(--auth-v300-card-extra));margin-inline:var(--auth-v300-card-offset)}
@media(max-width:960px){.auth-v297-register .auth-v278-access{--auth-v300-card-extra:26px;--auth-v300-card-offset:-13px}}
@media(max-width:760px){.auth-v297-register .auth-v278-access{--auth-v300-card-extra:14px;--auth-v300-card-offset:-7px}}
@media(max-width:430px){.auth-v297-register .auth-v278-access{--auth-v300-card-extra:8px;--auth-v300-card-offset:-4px}}

/* AUTH V301 — onboarding harmonisé avec le parcours d’authentification. */
body[data-route="onboarding"] .auth-layout.auth-v96-layout{width:100%;max-width:none;min-height:100vh;display:block!important;grid-template-columns:none!important;overflow-x:hidden}
body[data-route="onboarding"] .auth-layout>.auth-brand-panel{display:none!important}
body[data-route="onboarding"] .auth-layout>.auth-content{width:100%;max-width:none;min-height:100vh;padding:0!important;display:block!important;background:#f5f6fa}
body[data-route="onboarding"] .auth-layout>.auth-content>.auth-content-inner{width:100%;max-width:none;min-height:100vh;margin:0}
body[data-route="onboarding"] .auth-mobile-brand,body[data-route="onboarding"] .auth-legal{display:none!important}
body[data-route="onboarding"] .auth-card{position:relative;width:100%;max-width:none;min-height:100vh;margin:0;padding:0!important;overflow:hidden;border:0!important;border-radius:0!important;background:#f5f6fa;box-shadow:none!important}
.auth-v301-onboarding{grid-template-columns:minmax(0,46.5%) minmax(0,53.5%)}
.auth-v301-onboarding .auth-v278-access{padding:34px;overflow:visible}
.auth-v301-panel{width:min(100%,520px);margin:auto}
.auth-v301-onboarding .auth-v278-heading{margin-bottom:18px}
.auth-v301-card{width:calc(100% + 36px);margin-inline:-18px;overflow:hidden;border:1px solid #dce3ed;border-radius:13px;background:#fff;box-shadow:0 8px 25px rgba(28,42,70,.06)}
.auth-v301-card>header{min-height:65px;padding:12px 15px;display:grid;grid-template-columns:36px minmax(0,1fr) 22px;align-items:center;gap:10px;border-bottom:1px solid #e5e9ef;background:linear-gradient(90deg,#f7f9fc,#fff)}
.auth-v301-card>header>span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#e8edf9;color:#5265a7;font-size:18px}
.auth-v301-card>header>div{min-width:0;display:flex;flex-direction:column;gap:2px}.auth-v301-card>header small{color:#7f8999;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.065em}.auth-v301-card>header strong{color:#2b394e;font-size:10px}.auth-v301-card>header>i{color:#2ba173;font-size:20px}
.auth-v301-address{margin:14px 15px 0;padding:12px 13px;display:flex;flex-direction:column;gap:3px;border:1px solid #d7e5df;border-radius:9px;background:#f5fbf8}.auth-v301-address small{color:#718177;font-size:7.5px}.auth-v301-address strong{overflow-wrap:anywhere;color:#27624f;font-size:10px}
.auth-v301-help{padding:15px}.auth-v301-help h3{margin:0 0 10px;color:#344158;font-size:9px}.auth-v301-help ul{margin:0;padding:0;display:grid;gap:8px;list-style:none}.auth-v301-help li{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:7px;color:#707c8d;font-size:8px;line-height:1.4}.auth-v301-help li i{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#edf2f8;color:#47709d;font-size:12px}
.auth-v301-card>footer{min-height:43px;padding:9px 15px;display:flex;align-items:center;border-top:1px solid #e5e9ef;background:#fafbfc;color:#818b99;font-size:7.5px}.auth-v301-card>footer span{display:inline-flex;align-items:center;gap:5px}.auth-v301-card>footer i{color:#6275a4;font-size:13px}
.auth-v301-login-card.auth-v278-register{min-height:112px;margin-top:17px;padding-block:14px}
@media(max-width:960px){.auth-v301-onboarding{grid-template-columns:minmax(0,44%) minmax(0,56%)}.auth-v301-onboarding .auth-v278-access{padding:28px 25px}.auth-v301-card{width:calc(100% + 26px);margin-inline:-13px}}
@media(max-width:760px){.auth-v301-onboarding{display:block}.auth-v301-onboarding .auth-v278-showcase{min-height:145px}.auth-v301-onboarding .auth-v278-showcase-inner{min-height:145px}.auth-v301-onboarding .auth-v278-access{padding:25px 15px 34px}.auth-v301-card{width:calc(100% + 14px);margin-inline:-7px}.auth-v301-panel{width:min(100%,520px)}}
@media(max-width:430px){.auth-v301-onboarding .auth-v278-access{padding-inline:10px}.auth-v301-card{width:calc(100% + 8px);margin-inline:-4px}.auth-v301-card>header{padding-inline:12px}.auth-v301-address{margin-inline:12px}.auth-v301-help{padding:13px 12px}}

/* AUTH V302 — carte onboarding plus généreuse. */
.auth-v301-panel{width:min(100%,620px)}

/* AUTH V303 — alignement des deux cartes onboarding. */
.auth-v301-login-card.auth-v278-register{width:calc(100% + 36px);margin:17px -18px 0}
@media(max-width:960px){.auth-v301-login-card.auth-v278-register{width:calc(100% + 26px);margin-inline:-13px}}
@media(max-width:760px){.auth-v301-login-card.auth-v278-register{width:calc(100% + 14px);margin-inline:-7px}}
@media(max-width:430px){.auth-v301-login-card.auth-v278-register{width:calc(100% + 8px);margin-inline:-4px}}

/* AUTH V304 — panneau onboarding revenu aux proportions standard. */
@media(min-width:961px){
  .auth-v301-onboarding{grid-template-columns:minmax(520px,1.38fr) minmax(430px,1fr)}
}

/* DASHBOARD V305 — rappel modal de configuration A2F. */
.dashboard-2fa-reminder{width:min(calc(100% - 32px),470px);max-width:none;margin:auto;padding:0;overflow:visible;border:0;border-radius:18px;background:#fff;color:#202d43;box-shadow:0 24px 68px rgba(8,22,43,.22)}
.dashboard-2fa-reminder::backdrop{background:rgba(13,24,40,.48);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.dashboard-2fa-reminder-card{position:relative;padding:36px 34px 30px;display:flex;flex-direction:column;align-items:center;text-align:center}
.dashboard-2fa-reminder-close{position:absolute;top:12px;right:12px;width:30px;height:30px;padding:0;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#8793a4;font-size:21px;line-height:1;cursor:pointer}.dashboard-2fa-reminder-close:hover{background:#f0f3f6;color:#34455a}
.dashboard-2fa-reminder-icon{width:62px;height:62px;display:grid;place-items:center;margin-bottom:22px;border-radius:50%;background:#d9f5fb;color:#075d70;font-size:31px}
.dashboard-2fa-reminder-copy h2{margin:0 0 10px;color:#202d43;font-size:21px;line-height:1.2;letter-spacing:-.025em}
.dashboard-2fa-reminder-copy p{max-width:370px;margin:0 auto;color:#718096;font-size:13px;line-height:1.58}
.dashboard-2fa-reminder-actions{width:min(100%,365px);margin:28px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.dashboard-2fa-reminder-actions button,.dashboard-2fa-reminder-actions a{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:9px;font:inherit;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.dashboard-2fa-reminder-actions button{background:#e8f0f4;color:#526479}.dashboard-2fa-reminder-actions button:hover{background:#dce8ed;color:#34485d}
.dashboard-2fa-reminder-actions a{background:#075d7b;color:#fff;box-shadow:0 8px 20px rgba(7,93,123,.18)}.dashboard-2fa-reminder-actions a:hover{background:#064d68;transform:translateY(-1px)}
.dashboard-2fa-reminder-actions a i{font-size:16px}
@media(max-width:620px){.dashboard-2fa-reminder{width:calc(100% - 20px);border-radius:16px}.dashboard-2fa-reminder-card{padding:30px 20px 22px}.dashboard-2fa-reminder-close{top:9px;right:9px}.dashboard-2fa-reminder-icon{width:56px;height:56px;margin-bottom:20px;font-size:28px}.dashboard-2fa-reminder-copy h2{font-size:19px}.dashboard-2fa-reminder-copy p{font-size:12px}.dashboard-2fa-reminder-actions{width:min(100%,280px);margin-top:24px;grid-template-columns:1fr}.dashboard-2fa-reminder-actions button,.dashboard-2fa-reminder-actions a{min-height:38px;font-size:12px}}
/* Compte v312 — sécurité en trois blocs distincts. */
.accx-security-page-v312{width:100%}.accx-security-page-head-v312{position:relative;min-height:108px;margin-bottom:13px;padding:18px 62px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #dce2f1;border-radius:14px;background:radial-gradient(circle at 92% 8%,rgba(102,82,222,.1) 0 22%,transparent 23%),radial-gradient(circle at 5% 100%,rgba(36,112,176,.08) 0 24%,transparent 25%),linear-gradient(135deg,#fafbff,#f5f7fc);text-align:center;box-shadow:0 7px 20px rgba(26,42,72,.045)}.accx-security-page-head-v312:before{content:"";position:absolute;top:-38px;right:-34px;width:104px;height:104px;border:1px solid rgba(86,73,198,.1);border-radius:50%;box-shadow:0 0 0 18px rgba(86,73,198,.025)}.accx-security-page-head-v312>div{position:relative;z-index:1}.accx-security-page-head-v312 h2{margin:0;color:#26344b;font-size:15px;font-weight:800;line-height:1.35;letter-spacing:-.015em}.accx-security-page-head-v312 p{margin:4px 0 0;color:#7a8597;font-size:10px;line-height:1.5}.accx-security-page-head-v312>span{position:absolute;top:14px;left:15px;width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#e9ecfa;color:#5363b2;font-size:16px}
.accx-security-grid-v312{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.accx-security-card-v312{min-width:0;min-height:220px;padding:16px;display:flex;flex-direction:column;border:1px solid #dce3eb;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(24,38,60,.045)}.accx-security-card-v312>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.accx-security-icon-v312{width:39px;height:39px;display:grid;place-items:center;flex:none;border:1px solid #dce3eb;border-radius:10px;background:#f5f7fa;color:#49627f;font-size:19px}.accx-security-card-v312.twofa .accx-security-icon-v312{background:#f1f3f8;color:#314d70}.accx-security-card-v312.twofa.disabled .accx-security-icon-v312{border-color:#e9ddc6;background:#fff8ed;color:#9b681e}
.accx-security-status-v312{min-height:24px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;border-radius:99px;font-size:9px;font-weight:750;white-space:nowrap}.accx-security-status-v312>i:not(.bx){width:6px;height:6px;border-radius:50%}.accx-security-status-v312.active{background:#eaf6f1;color:#1e7255}.accx-security-status-v312.active>i{background:#259a70}.accx-security-status-v312.pending{background:#fff5e3;color:#8f651e}.accx-security-status-v312.pending>i{background:#d89b32}.accx-security-status-v312.inactive{background:#f0f2f5;color:#717c8b}.accx-security-status-v312.inactive>i{background:#9ca5b1}.accx-security-status-v312.neutral{background:#eef3f8;color:#52677f}.accx-security-status-v312.neutral i{font-size:12px}
.accx-security-card-body-v312{padding:17px 0 15px}.accx-security-card-body-v312 h3{margin:0;color:#26364d;font-size:13px;line-height:1.35}.accx-security-card-body-v312 p{margin:6px 0 0;color:#778395;font-size:10px;line-height:1.55}.accx-security-card-v312>footer{margin-top:auto;padding-top:13px;border-top:1px solid #e9edf2}.accx-security-card-v312>footer form{margin:0}.accx-security-card-v312 .accx-button{width:100%;min-height:36px;padding:0 11px;border-radius:8px;font-size:10px}.accx-security-card-v312 .accx-button.primary{border-color:#27466f;background:#27466f;color:#fff;box-shadow:none}.accx-security-card-v312 .accx-button.primary:hover,.accx-security-card-v312 .accx-button.primary:focus{border-color:#1f395d;background:#1f395d;color:#fff}.accx-security-card-v312 .accx-button.ghost{border-color:#d8e0e9;background:#fff;color:#40536b}.accx-security-card-v312 .accx-button.ghost:hover{border-color:#bfcbd8;background:#f8fafc;color:#263c58}
@media(max-width:900px){.accx-security-grid-v312{grid-template-columns:1fr}.accx-security-card-v312{min-height:178px}}
@media(max-width:540px){.accx-security-page-head-v312{min-height:104px;padding:18px 46px}.accx-security-page-head-v312>span{top:12px;left:12px;width:26px;height:26px;font-size:14px}.accx-security-page-head-v312 h2{font-size:14px}.accx-security-page-head-v312 p{font-size:9px}.accx-security-card-v312{min-height:188px;padding:14px}}

/* Compte v321 — en-tête sobre et cartes alignées. */
.accx-security-page-head-v312{position:relative;min-height:50px;margin-bottom:13px;padding:5px 0 11px;overflow:visible;justify-content:flex-start;border:0;border-bottom:1px solid #dfe5ec;border-radius:0;background:transparent;text-align:left;box-shadow:none}
.accx-security-page-head-v312:before,.accx-security-page-head-v312:after{content:none}
.accx-security-page-head-v312>span{position:relative;top:auto;left:auto;width:34px;height:34px;margin-right:10px;display:grid;place-items:center;flex:none;border:1px solid #d9e2ea;border-radius:9px;background:#f3f7f9;color:#315b74;font-size:17px;box-shadow:none}
.accx-security-page-head-v312>div{position:relative;z-index:1}.accx-security-page-head-v312 h2{margin:0;color:#25374d;font-size:14px;font-weight:800;line-height:1.25;letter-spacing:-.01em}.accx-security-page-head-v312 p{margin:2px 0 0;color:#7a8696;font-size:9.5px;line-height:1.35}
.accx-security-grid-v312{grid-template-columns:repeat(3,minmax(0,1fr))}.accx-security-card-v312{min-height:220px}
@media(max-width:700px){.accx-security-grid-v312{grid-template-columns:repeat(3,minmax(0,1fr))}.accx-security-card-v312{min-width:0;min-height:178px}}
@media(max-width:540px){.accx-security-page-head-v312{min-height:48px;padding:4px 0 10px}.accx-security-page-head-v312>span{top:auto;left:auto;width:32px;height:32px;margin-right:9px;font-size:16px}.accx-security-page-head-v312 h2{font-size:13px}.accx-security-page-head-v312 p{font-size:8.5px}}

/* Compte v323 — un bloc horizontal pleine largeur par ligne. */
.accx-security-grid-v312{display:grid;grid-template-columns:1fr;gap:10px}
.accx-security-card-v312{min-height:96px;padding:13px 14px;display:grid;grid-template-columns:130px minmax(0,1fr) 190px;align-items:center;border-radius:11px}
.accx-security-card-v312>header{min-width:0;padding-right:14px;justify-content:flex-start;gap:9px}
.accx-security-card-v312 .accx-security-icon-v312{width:38px;height:38px;border-radius:9px;font-size:18px}
.accx-security-card-v312 .accx-security-status-v312{min-height:22px;padding:0 7px}
.accx-security-card-body-v312{min-width:0;padding:2px 18px;border-left:1px solid #e7ebf0}
.accx-security-card-body-v312 h3{font-size:12.5px}.accx-security-card-body-v312 p{margin-top:4px}
.accx-security-card-v312>footer{min-width:0;margin:0;padding:0 0 0 18px;border-top:0;border-left:1px solid #e7ebf0}
.accx-security-card-v312 .accx-button{min-height:35px}
@media(max-width:820px){.accx-security-card-v312{grid-template-columns:112px minmax(0,1fr) 160px}.accx-security-card-v312>header{padding-right:10px;gap:6px}.accx-security-card-body-v312{padding-right:12px;padding-left:12px}.accx-security-card-v312>footer{padding-left:12px}}
@media(max-width:620px){.accx-security-card-v312{min-height:0;padding:13px;grid-template-columns:1fr}.accx-security-card-v312>header{padding:0 0 10px}.accx-security-card-body-v312{padding:11px 0;border-top:1px solid #e7ebf0;border-left:0}.accx-security-card-v312>footer{padding:11px 0 0;border-top:1px solid #e7ebf0;border-left:0}}

/* Compte v324 — lignes de sécurité plus compactes et mieux hiérarchisées. */
.accx-security-grid-v312{gap:8px}
.accx-security-card-v312{min-height:74px;padding:9px 11px;grid-template-columns:112px minmax(0,1fr) 164px;border-color:#dfe5eb;border-radius:9px;background:linear-gradient(100deg,#fff 0%,#fff 76%,#fafbfd 100%);box-shadow:0 2px 8px rgba(24,38,60,.035);transition:border-color .18s ease,box-shadow .18s ease}
.accx-security-card-v312:hover{border-color:#cfd9e3;box-shadow:0 4px 12px rgba(24,38,60,.055)}
.accx-security-card-v312.password{box-shadow:inset 3px 0 0 #5978a8,0 2px 8px rgba(24,38,60,.035)}.accx-security-card-v312.twofa{box-shadow:inset 3px 0 0 #438b78,0 2px 8px rgba(24,38,60,.035)}.accx-security-card-v312.twofa.disabled{box-shadow:inset 3px 0 0 #c6903f,0 2px 8px rgba(24,38,60,.035)}.accx-security-card-v312.sessions{box-shadow:inset 3px 0 0 #728092,0 2px 8px rgba(24,38,60,.035)}
.accx-security-card-v312>header{padding-right:10px;gap:7px}.accx-security-card-v312 .accx-security-icon-v312{width:32px;height:32px;border-radius:8px;font-size:16px}.accx-security-card-v312 .accx-security-status-v312{min-height:20px;padding:0 6px;font-size:8px}
.accx-security-card-body-v312{padding:0 14px}.accx-security-card-body-v312 h3{font-size:12px}.accx-security-card-body-v312 p{margin-top:3px;font-size:9px;line-height:1.4}
.accx-security-card-v312>footer{padding-left:14px}.accx-security-card-v312 .accx-button{min-height:32px;padding:0 9px;border-radius:7px;font-size:9px}
@media(max-width:820px){.accx-security-card-v312{grid-template-columns:100px minmax(0,1fr) 145px}.accx-security-card-v312>header{padding-right:7px;gap:5px}.accx-security-card-body-v312{padding:0 10px}.accx-security-card-v312>footer{padding-left:10px}}
@media(max-width:620px){.accx-security-card-v312{min-height:0;padding:10px 11px;grid-template-columns:1fr}.accx-security-card-v312>header{padding:0 0 8px}.accx-security-card-body-v312{padding:8px 0;border-top:1px solid #e7ebf0;border-left:0}.accx-security-card-v312>footer{padding:8px 0 0;border-top:1px solid #e7ebf0;border-left:0}}

/* Compte v325 — liste de sécurité professionnelle. */
.accx-security-grid-v312{gap:8px}
.accx-security-card-v312{min-height:72px;padding:11px 12px 11px 14px;display:grid;grid-template-columns:minmax(0,1fr) 168px;align-items:center;border:1px solid #dde4eb;border-radius:10px;background:#fff;box-shadow:0 2px 7px rgba(26,42,64,.03);transition:border-color .18s ease,box-shadow .18s ease}
.accx-security-card-v312:hover{border-color:#cbd6e1;box-shadow:0 5px 14px rgba(26,42,64,.055)}
.accx-security-card-v312.password,.accx-security-card-v312.twofa,.accx-security-card-v312.twofa.disabled,.accx-security-card-v312.sessions{box-shadow:0 2px 7px rgba(26,42,64,.03)}
.accx-security-card-v312.password:hover,.accx-security-card-v312.twofa:hover,.accx-security-card-v312.twofa.disabled:hover,.accx-security-card-v312.sessions:hover{box-shadow:0 5px 14px rgba(26,42,64,.055)}
.accx-security-main-v325{min-width:0;display:flex;align-items:center;gap:12px}
.accx-security-card-v312 .accx-security-icon-v312{width:36px;height:36px;border:0;border-radius:9px;background:#edf3f7;color:#355d77;font-size:17px}.accx-security-card-v312.twofa .accx-security-icon-v312{background:#eef4f3;color:#397064}.accx-security-card-v312.twofa.disabled .accx-security-icon-v312{background:#faf3e8;color:#93672d}.accx-security-card-v312.sessions .accx-security-icon-v312{background:#f1f2f5;color:#5e6a7a}
.accx-security-card-v312 .accx-security-card-body-v312{min-width:0;padding:0;border:0}.accx-security-title-v325{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.accx-security-title-v325 h3{margin:0;color:#26384e;font-size:12.5px;font-weight:750;line-height:1.3}.accx-security-card-v312 .accx-security-card-body-v312 p{margin:3px 0 0;color:#7b8797;font-size:9.5px;line-height:1.4}
.accx-security-card-v312 .accx-security-status-v312{min-height:19px;padding:0 7px;gap:4px;font-size:8px;font-weight:700}.accx-security-card-v312 .accx-security-status-v312>i:not(.bx){width:5px;height:5px}
.accx-security-card-v312>footer{min-width:0;margin:0;padding:0 0 0 14px;border:0;border-left:1px solid #e7ebef}.accx-security-card-v312>footer form{width:100%}.accx-security-card-v312 .accx-button{width:100%;min-height:33px;padding:0 10px;border-radius:7px;font-size:9.5px;font-weight:700;box-shadow:none}
@media(max-width:720px){.accx-security-card-v312{grid-template-columns:minmax(0,1fr) 148px}.accx-security-card-v312>footer{padding-left:10px}.accx-security-main-v325{gap:9px}}
@media(max-width:560px){.accx-security-card-v312{min-height:0;padding:11px;grid-template-columns:1fr}.accx-security-card-v312>footer{margin-top:10px;padding:10px 0 0;border-top:1px solid #e7ebef;border-left:0}.accx-security-card-v312 .accx-button{min-height:34px}}

/* Compte v326 — finitions premium des contrôles de sécurité. */
.accx-security-grid-v312{gap:9px}
.accx-security-card-v312{position:relative;min-height:76px;padding:12px 13px 12px 15px;overflow:hidden;border-color:#dde4ec;border-radius:12px;background:linear-gradient(115deg,#fff 0%,#fff 58%,#f9fbfd 100%);box-shadow:0 7px 20px rgba(29,45,68,.045)}
.accx-security-card-v312:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:#7893ad;opacity:.75}.accx-security-card-v312.twofa:before{background:#4c907e}.accx-security-card-v312.twofa.disabled:before{background:#c79750}.accx-security-card-v312.sessions:before{background:#8791a0}
.accx-security-card-v312:hover{border-color:#cbd6e1;box-shadow:0 10px 26px rgba(29,45,68,.07)}
.accx-security-card-v312.password,.accx-security-card-v312.twofa,.accx-security-card-v312.twofa.disabled,.accx-security-card-v312.sessions{box-shadow:0 7px 20px rgba(29,45,68,.045)}.accx-security-card-v312.password:hover,.accx-security-card-v312.twofa:hover,.accx-security-card-v312.twofa.disabled:hover,.accx-security-card-v312.sessions:hover{box-shadow:0 10px 26px rgba(29,45,68,.07)}
.accx-security-main-v325{gap:13px}.accx-security-card-v312 .accx-security-icon-v312{width:38px;height:38px;border:1px solid rgba(255,255,255,.85);border-radius:10px;background:linear-gradient(145deg,#f2f6f9,#e8f0f5);color:#2e5873;font-size:18px;box-shadow:0 4px 11px rgba(39,70,96,.08),inset 0 1px 0 #fff}.accx-security-card-v312.twofa .accx-security-icon-v312{background:linear-gradient(145deg,#f1f8f6,#e6f0ed);color:#347363}.accx-security-card-v312.twofa.disabled .accx-security-icon-v312{background:linear-gradient(145deg,#fffaf2,#f7eddc);color:#97672a}.accx-security-card-v312.sessions .accx-security-icon-v312{background:linear-gradient(145deg,#f6f7f9,#eceff3);color:#566476}
.accx-security-title-v325 h3{color:#21364e;font-size:13px;font-weight:780;letter-spacing:-.01em}.accx-security-card-v312 .accx-security-card-body-v312 p{color:#7a8696;font-size:9.5px}
.accx-security-card-v312 .accx-security-status-v312{border:1px solid rgba(28,111,81,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.accx-security-card-v312 .accx-security-status-v312.pending{border-color:rgba(143,101,30,.1)}.accx-security-card-v312 .accx-security-status-v312.inactive{border-color:rgba(80,95,112,.08)}
.accx-security-card-v312>footer{border-left-color:#e5eaf0}.accx-security-card-v312 .accx-button.ghost{border-color:#d7e0e8;background:linear-gradient(180deg,#fff,#f7f9fb);color:#344d67}.accx-security-card-v312 .accx-button.ghost:hover{border-color:#bdcad6;background:#f5f8fa;color:#213d5a}.accx-security-card-v312 .accx-button.primary{border-color:#234669;background:linear-gradient(135deg,#294e75,#1f3f62);box-shadow:0 5px 12px rgba(32,66,101,.14)}.accx-security-card-v312 .accx-button.primary:hover,.accx-security-card-v312 .accx-button.primary:focus{border-color:#1d3b5c;background:linear-gradient(135deg,#23486e,#193753);box-shadow:0 7px 16px rgba(32,66,101,.18)}
@media(max-width:560px){.accx-security-card-v312{padding:11px 12px}.accx-security-card-v312 .accx-security-icon-v312{width:36px;height:36px;font-size:17px}}

/* Compte v327 — panneau de sécurité SaaS moderne. */
.accx-security-grid-v312{gap:6px;padding:7px;border:1px solid #e7ecf2;border-radius:16px;background:linear-gradient(145deg,#f5f7fa,#f8fafc);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.accx-security-card-v312{min-height:70px;padding:10px 11px 10px 12px;overflow:visible;grid-template-columns:minmax(0,1fr) 158px;border:1px solid rgba(210,219,229,.9);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 1px 2px rgba(24,39,58,.035),0 5px 16px rgba(24,39,58,.025);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.accx-security-card-v312:before{content:none}.accx-security-card-v312:hover{transform:translateY(-1px);border-color:#cbd6e1;box-shadow:0 2px 4px rgba(24,39,58,.04),0 10px 24px rgba(24,39,58,.055)}
.accx-security-card-v312.password,.accx-security-card-v312.twofa,.accx-security-card-v312.twofa.disabled,.accx-security-card-v312.sessions{box-shadow:0 1px 2px rgba(24,39,58,.035),0 5px 16px rgba(24,39,58,.025)}.accx-security-card-v312.password:hover,.accx-security-card-v312.twofa:hover,.accx-security-card-v312.twofa.disabled:hover,.accx-security-card-v312.sessions:hover{box-shadow:0 2px 4px rgba(24,39,58,.04),0 10px 24px rgba(24,39,58,.055)}
.accx-security-main-v325{gap:12px}.accx-security-card-v312 .accx-security-icon-v312{width:38px;height:38px;border:0;border-radius:11px;background:linear-gradient(145deg,#1b4568,#102f4d);color:#fff;font-size:18px;box-shadow:0 7px 16px rgba(21,55,84,.17),inset 0 1px 0 rgba(255,255,255,.18)}.accx-security-card-v312.twofa .accx-security-icon-v312{background:linear-gradient(145deg,#287966,#185545);color:#fff;box-shadow:0 7px 16px rgba(29,101,83,.16),inset 0 1px 0 rgba(255,255,255,.18)}.accx-security-card-v312.twofa.disabled .accx-security-icon-v312{background:linear-gradient(145deg,#b27a31,#85571f);color:#fff;box-shadow:0 7px 16px rgba(151,101,39,.15),inset 0 1px 0 rgba(255,255,255,.18)}.accx-security-card-v312.sessions .accx-security-icon-v312{background:linear-gradient(145deg,#5c6d84,#3d4c60);color:#fff;box-shadow:0 7px 16px rgba(65,80,100,.15),inset 0 1px 0 rgba(255,255,255,.18)}
.accx-security-title-v325 h3{color:#1e3148;font-size:12.5px;font-weight:780}.accx-security-card-v312 .accx-security-card-body-v312 p{margin-top:2px;color:#7a8797;font-size:9.5px;line-height:1.35}.accx-security-card-v312 .accx-security-status-v312{min-height:18px;padding:0 7px;border:0;border-radius:99px;box-shadow:none;font-size:7.5px}
.accx-security-card-v312>footer{padding-left:12px;border:0}.accx-security-card-v312 .accx-button{min-height:32px;border:0;border-radius:9px;font-size:9px;box-shadow:none}.accx-security-card-v312 .accx-button.ghost{border:0;background:#eef3f7;color:#334e68}.accx-security-card-v312 .accx-button.ghost:hover{border:0;background:#e5edf3;color:#203d59}.accx-security-card-v312 .accx-button.primary{border:0;background:linear-gradient(135deg,#284f77,#1c3c5e);box-shadow:0 6px 14px rgba(31,65,99,.14)}.accx-security-card-v312 .accx-button.primary:hover,.accx-security-card-v312 .accx-button.primary:focus{border:0;background:linear-gradient(135deg,#23496f,#173451);box-shadow:0 8px 18px rgba(31,65,99,.19)}
@media(max-width:720px){.accx-security-card-v312{grid-template-columns:minmax(0,1fr) 142px}}
@media(max-width:560px){.accx-security-grid-v312{padding:6px;border-radius:14px}.accx-security-card-v312{min-height:0;padding:10px;grid-template-columns:1fr}.accx-security-card-v312:hover{transform:none}.accx-security-card-v312>footer{margin-top:9px;padding:9px 0 0;border-top:1px solid #e8edf2}.accx-security-card-v312 .accx-button{min-height:34px}}

/* Compte v328 — panneau premium unifié, sans effet au survol. */
.accx-security-grid-v312{gap:0;padding:0;overflow:hidden;border:1px solid #dfe6ed;border-radius:15px;background:#fff;box-shadow:0 12px 34px rgba(25,42,62,.06)}
.accx-security-card-v312{min-height:76px;padding:12px 15px;overflow:visible;grid-template-columns:minmax(0,1fr) 158px;border:0;border-bottom:1px solid #e8edf2;border-radius:0;background:linear-gradient(90deg,#fff 0%,#fff 72%,#fbfcfe 100%);box-shadow:none;transition:none}.accx-security-card-v312:last-child{border-bottom:0}
.accx-security-card-v312:before{content:none}.accx-security-card-v312:hover{transform:none;border-color:#e8edf2;box-shadow:none;background:linear-gradient(90deg,#fff 0%,#fff 72%,#fbfcfe 100%)}
.accx-security-card-v312.password,.accx-security-card-v312.twofa,.accx-security-card-v312.twofa.disabled,.accx-security-card-v312.sessions,.accx-security-card-v312.password:hover,.accx-security-card-v312.twofa:hover,.accx-security-card-v312.twofa.disabled:hover,.accx-security-card-v312.sessions:hover{box-shadow:none}
.accx-security-main-v325{gap:13px}.accx-security-card-v312 .accx-security-icon-v312{width:40px;height:40px;border:1px solid #e0e8ef;border-radius:12px;background:linear-gradient(145deg,#f7fafc,#eaf1f6);color:#274f6c;font-size:19px;box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(38,68,91,.07)}.accx-security-card-v312.twofa .accx-security-icon-v312{border-color:#dceae6;background:linear-gradient(145deg,#f3faf8,#e6f1ed);color:#28705e;box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(39,105,87,.065)}.accx-security-card-v312.twofa.disabled .accx-security-icon-v312{border-color:#eee2d2;background:linear-gradient(145deg,#fffaf4,#f6eddf);color:#93632a;box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(143,97,39,.06)}.accx-security-card-v312.sessions .accx-security-icon-v312{border-color:#e2e6eb;background:linear-gradient(145deg,#f8f9fb,#eceff3);color:#526174;box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(70,83,100,.06)}
.accx-security-title-v325{gap:7px}.accx-security-title-v325 h3{color:#1c3047;font-size:13px;font-weight:780;letter-spacing:-.012em}.accx-security-card-v312 .accx-security-card-body-v312 p{margin-top:3px;color:#7b8796;font-size:9.5px;line-height:1.4}.accx-security-card-v312 .accx-security-status-v312{min-height:19px;padding:0 7px;border:0;border-radius:99px;font-size:7.5px;box-shadow:none}
.accx-security-card-v312>footer{padding-left:16px;border:0}.accx-security-card-v312 .accx-button{min-height:33px;border-radius:9px;font-size:9px;transition:background .15s ease,color .15s ease}.accx-security-card-v312 .accx-button.ghost{border:1px solid #dce4eb;background:#fff;color:#304b65;box-shadow:0 2px 5px rgba(33,52,72,.035)}.accx-security-card-v312 .accx-button.ghost:hover{border-color:#dce4eb;background:#fff;color:#304b65;box-shadow:0 2px 5px rgba(33,52,72,.035)}.accx-security-card-v312 .accx-button.primary{border:1px solid #234667;background:#234667;box-shadow:0 4px 10px rgba(31,65,98,.12)}.accx-security-card-v312 .accx-button.primary:hover,.accx-security-card-v312 .accx-button.primary:focus{border-color:#234667;background:#234667;box-shadow:0 4px 10px rgba(31,65,98,.12)}
@media(max-width:720px){.accx-security-card-v312{grid-template-columns:minmax(0,1fr) 142px}}
@media(max-width:560px){.accx-security-grid-v312{padding:0;border-radius:13px}.accx-security-card-v312{min-height:0;padding:12px;grid-template-columns:1fr}.accx-security-card-v312>footer{margin-top:10px;padding:10px 0 0;border-top:1px solid #edf1f4}.accx-security-card-v312 .accx-button{min-height:34px}}

/* Compte v329 — interactions premium uniquement sur les boutons. */
.accx-security-card-v312 .accx-button{transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.accx-security-card-v312 .accx-button i{transition:transform .18s ease}
.accx-security-card-v312 .accx-button.ghost:hover,.accx-security-card-v312 .accx-button.ghost:focus-visible{border-color:#294d70;background:#294d70;color:#fff;box-shadow:0 7px 16px rgba(32,68,103,.16);transform:translateY(-1px)}
.accx-security-card-v312 .accx-button.primary:hover,.accx-security-card-v312 .accx-button.primary:focus-visible{border-color:#173b5d;background:#173b5d;color:#fff;box-shadow:0 8px 18px rgba(28,61,93,.2);transform:translateY(-1px)}
.accx-security-card-v312 .accx-button:hover i,.accx-security-card-v312 .accx-button:focus-visible i{transform:translateX(2px)}
.accx-security-card-v312 .accx-button:active{box-shadow:0 2px 6px rgba(31,61,90,.12);transform:translateY(0)}.accx-security-card-v312 .accx-button:focus-visible{outline:3px solid rgba(43,86,127,.16);outline-offset:2px}

/* Compte v330 — survol des boutons discret, sans mouvement. */
.accx-security-card-v312 .accx-button,.accx-security-card-v312 .accx-button i{transition:color .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;transform:none}
.accx-security-card-v312 .accx-button.ghost:hover,.accx-security-card-v312 .accx-button.ghost:focus-visible{border-color:#bdcad6;background:#f4f7fa;color:#294760;box-shadow:0 3px 8px rgba(32,55,78,.06);transform:none}
.accx-security-card-v312 .accx-button.primary:hover,.accx-security-card-v312 .accx-button.primary:focus-visible{border-color:#1d405f;background:#1d405f;color:#fff;box-shadow:0 5px 12px rgba(29,64,95,.16);transform:none}
.accx-security-card-v312 .accx-button:hover i,.accx-security-card-v312 .accx-button:focus-visible i,.accx-security-card-v312 .accx-button:active{transform:none}

/* Compte v331 — aucun effet au survol des boutons. */
.accx-security-card-v312 .accx-button,.accx-security-card-v312 .accx-button i{transition:none;transform:none}
.accx-security-card-v312 .accx-button.ghost:hover{border-color:#dce4eb;background:#fff;color:#304b65;box-shadow:0 2px 5px rgba(33,52,72,.035);transform:none}
.accx-security-card-v312 .accx-button.primary:hover{border-color:#234667;background:#234667;color:#fff;box-shadow:0 4px 10px rgba(31,65,98,.12);transform:none}
.accx-security-card-v312 .accx-button:hover i{transform:none}

/* Compte v332 — boutons secondaires remplis, sans blanc. */
.accx-security-card-v312 .accx-button.ghost{border-color:transparent;background:linear-gradient(180deg,#edf2f6,#e6edf3);color:#294760;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 5px rgba(32,54,76,.045)}
.accx-security-card-v312 .accx-button.ghost:hover{border-color:transparent;background:linear-gradient(180deg,#edf2f6,#e6edf3);color:#294760;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 5px rgba(32,54,76,.045);transform:none}

/* Compte v333 — géométrie identique pour toutes les actions. */
.accx-security-card-v312>footer,.accx-security-card-v312>footer form{height:33px}
.accx-security-card-v312>footer .accx-button{width:100%;height:33px;min-height:33px;margin:0;padding:0 11px;box-sizing:border-box;appearance:none;-webkit-appearance:none;border-width:1px;border-style:solid;border-radius:9px;font:700 9px/1 inherit}
.accx-security-card-v312>footer .accx-button.ghost,.accx-security-card-v312>footer .accx-button.ghost:hover{border-color:transparent}
.accx-security-card-v312>footer .accx-button.primary,.accx-security-card-v312>footer .accx-button.primary:hover{border-color:transparent}
@media(max-width:560px){.accx-security-card-v312>footer{height:auto}.accx-security-card-v312>footer form{height:34px}.accx-security-card-v312>footer .accx-button{height:34px;min-height:34px}}

/* Compte v334 — action A2F active en vert. */
.accx-security-card-v312.twofa.enabled>footer .accx-button,.accx-security-card-v312.twofa.enabled>footer .accx-button:hover{border-color:transparent;background:linear-gradient(180deg,#2f8a6c,#26765d);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 3px 8px rgba(35,116,88,.14);transform:none}

/* Compte v335 — boutons plats comme dans la boutique d’hébergement. */
.accx-security-card-v312>footer .accx-button{border:0;border-radius:8px;background:#e7eaf0;color:#475266;box-shadow:none}
.accx-security-card-v312>footer .accx-button.ghost,.accx-security-card-v312>footer .accx-button.ghost:hover{border:0;background:#e7eaf0;color:#475266;box-shadow:none;transform:none}
.accx-security-card-v312>footer .accx-button.primary,.accx-security-card-v312>footer .accx-button.primary:hover{border:0;background:#281066;color:#fff;box-shadow:none;transform:none}
.accx-security-card-v312.twofa.enabled>footer .accx-button,.accx-security-card-v312.twofa.enabled>footer .accx-button:hover{border:0;background:#23805f;color:#fff;box-shadow:none;transform:none}

/* Compte v336 — modal dédié à la désactivation de l’A2F. */
.account-modal.account-modal-css .account-modal-dialog.account-disable-2fa-v336{width:min(448px,calc(100vw - 32px))!important;overflow:hidden;border:1px solid #e0e5eb;border-radius:14px;background:#fff;box-shadow:0 28px 72px rgba(15,28,44,.24)}
.account-disable-2fa-v336 .account-modal-close{top:13px;right:13px;width:28px;height:28px;border:0;border-radius:8px;background:#f1f3f6;color:#7a8491}.account-disable-2fa-v336 .account-modal-close:hover{background:#f1f3f6;color:#7a8491}.account-disable-2fa-v336 .account-modal-close i{font-size:18px}
.account-disable-2fa-head-v336{min-height:82px;padding:17px 50px 15px 18px;align-items:center;gap:12px;border-bottom:1px solid #e8ebef;background:#fff}.account-disable-2fa-head-v336 .account-modal-icon{width:38px;height:38px;border:0;border-radius:10px;background:#fbeaec;color:#c53f4d}.account-disable-2fa-head-v336 .account-modal-icon i{font-size:20px}.account-disable-2fa-head-v336 .account-modal-kicker{margin-bottom:2px;color:#9d4c55;font-size:7px;letter-spacing:.08em}.account-disable-2fa-head-v336 h2{margin:0;color:#202d40;font-size:15px;line-height:1.3;letter-spacing:-.015em}.account-disable-2fa-head-v336 p{margin:3px 0 0;color:#818b99;font-size:8.5px;line-height:1.45}
.account-disable-2fa-form-v336{padding:15px 18px 17px;display:grid;gap:12px}.account-disable-2fa-warning-v336{min-height:52px;padding:10px 11px;display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:9px;border:1px solid #eadcdf;border-radius:9px;background:#fff8f8}.account-disable-2fa-warning-v336>i{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#f9e5e8;color:#bd4652;font-size:15px}.account-disable-2fa-warning-v336>div{display:grid;gap:2px}.account-disable-2fa-warning-v336 strong{color:#71343b;font-size:9px}.account-disable-2fa-warning-v336 span{color:#936269;font-size:8px;line-height:1.4}
.account-disable-2fa-fields-v336{display:grid;gap:10px}.account-disable-2fa-form-v336 .account-disable-2fa-fields-v336>label{display:grid;gap:5px;color:#455369;font-size:8.5px;font-weight:750}.account-disable-2fa-fields-v336>label>div{height:39px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid #d7dee6;border-radius:8px;background:#fff}.account-disable-2fa-fields-v336>label>div>i{height:100%;display:grid;place-items:center;border-right:1px solid #e2e7ec;background:#f7f9fb;color:#607087;font-size:15px}.account-disable-2fa-form-v336 .account-disable-2fa-fields-v336 input{width:100%;height:37px;padding:0 10px;border:0;border-radius:0;background:#fff;color:#263448;font-size:10px;outline:0;box-shadow:none}.account-disable-2fa-form-v336 .account-disable-2fa-fields-v336 input[name="code"]{font-weight:750;letter-spacing:.16em}.account-disable-2fa-fields-v336>label>div:focus-within{border-color:#8298af;box-shadow:0 0 0 3px rgba(72,101,130,.08)}
.account-disable-2fa-form-v336 .twofa-inline-alert{margin:0;padding:9px 10px;border-radius:8px}.account-disable-2fa-actions-v336{padding-top:2px;display:grid;grid-template-columns:1fr 1.25fr;gap:8px}.account-disable-2fa-form-v336 .account-disable-2fa-actions-v336 .btn{width:100%;height:34px;min-height:34px;margin:0;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:5px;border:0;border-radius:8px;font:750 8.5px/1 inherit;box-shadow:none;transform:none}.account-disable-2fa-actions-v336 .btn-secondary,.account-disable-2fa-actions-v336 .btn-secondary:hover{background:#e7eaf0;color:#475266}.account-disable-2fa-actions-v336 .btn-danger,.account-disable-2fa-actions-v336 .btn-danger:hover{background:#c94754;color:#fff}.account-disable-2fa-actions-v336 .btn i{font-size:14px}
@media(max-width:520px){.account-modal.account-modal-css .account-modal-dialog.account-disable-2fa-v336{width:calc(100vw - 20px)!important;border-radius:12px!important}.account-disable-2fa-head-v336{padding:15px 45px 13px 14px}.account-disable-2fa-form-v336{padding:13px 14px 15px}.account-disable-2fa-actions-v336{grid-template-columns:1fr}}

/* Dashboard v306 — Actions rapides plus compactes et équilibrées. */
.dashboard-pro-grid{align-items:start}
.dashboard-quick-actions-panel{align-self:start}
.dashboard-quick-actions-panel .dashboard-panel-head{min-height:44px;padding:7px 14px}
.dashboard-quick-actions-panel .dashboard-panel-head h2{font-size:12px;letter-spacing:-.01em}
.dashboard-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 12px 12px}
.dashboard-quick-actions>a{min-height:56px;padding:8px 9px;gap:8px;border-radius:9px;background:#f4f7fb}
.dashboard-quick-icon{width:30px;height:30px;flex-basis:30px;border-radius:8px;font-size:14px}
.dashboard-quick-actions>a>span:last-child{font-size:10px;line-height:1.25;font-weight:500;letter-spacing:-.01em}
@media(max-width:480px){.dashboard-quick-actions{grid-template-columns:1fr}.dashboard-quick-actions>a{min-height:54px}}

/* Dashboard v307 — conserver la hauteur/position d'origine de la carte Actions rapides. */
.dashboard-pro-grid{align-items:stretch}
.dashboard-quick-actions-panel{align-self:stretch}

/* Dashboard v308 — Raccourcis + Support en colonne latérale, commandes compactes. */
.dashboard-layout-v8{grid-template-columns:minmax(0,1.86fr) minmax(270px,.64fr);align-items:start}
.dashboard-main-column-v8{display:grid;gap:11px;min-width:0}
.dashboard-side-column-v8{display:grid;gap:11px;min-width:0;margin-right:3px}
.dashboard-side-card-v8{padding:0;overflow:hidden;background:#fff}
.dashboard-shortcuts-title-v8{margin:0;padding:22px 24px 12px;display:flex;align-items:center;justify-content:flex-start;gap:10px;color:#172438;font-size:18px;font-weight:700;line-height:1.2;letter-spacing:-.02em}
.dashboard-shortcuts-title-v8 i{width:22px;flex:0 0 22px;display:grid;place-items:center;color:#1554a0;font-size:22px;line-height:1}
.dashboard-shortcuts-title-v8 span{display:block}
.dashboard-shortcut-list-v8{padding:0 24px 12px}
.dashboard-shortcut-list-v8>a{min-height:48px;display:grid;grid-template-columns:32px minmax(0,1fr) 14px;align-items:center;gap:12px;color:#1f3550;text-decoration:none;border-bottom:1px solid #edf0f4}
.dashboard-shortcut-list-v8>a:last-child{border-bottom:0}
.dashboard-shortcut-icon-v8{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eef5ff;color:#1261d8;font-size:15px}
.dashboard-shortcut-list-v8>a>span:nth-child(2){font-size:12.5px;font-weight:500;color:#20344e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-shortcut-list-v8>a>i{justify-self:end;color:#5275a5;font-size:17px}
.dashboard-support-v8{padding:0 0 18px}
.dashboard-support-title-v8{margin:0;padding:20px 24px 0;display:flex;align-items:center;gap:10px;color:#172438;font-size:18px;font-weight:700;line-height:1.2;letter-spacing:-.02em}
.dashboard-support-title-v8 i{width:22px;flex:0 0 22px;display:grid;place-items:center;color:#1554a0;font-size:22px;line-height:1}
.dashboard-support-v8>p{margin:12px 24px 16px;color:#70809a;font-size:11.5px;line-height:1.45}
.dashboard-support-v8>a{margin:0 24px;display:flex;align-items:center;justify-content:center;height:40px;border-radius:8px;text-decoration:none;font-size:11px;font-weight:700}
.dashboard-support-primary-v8{background:#1768e5;color:#fff;box-shadow:0 4px 10px rgba(23,104,229,.14)}
.dashboard-support-secondary-v8{margin-top:8px!important;border:1px solid #dfe5ed;color:#35516f;background:#fff}
.dashboard-orders-compact-v8 .dashboard-panel-head{min-height:45px;padding:7px 14px}
.dashboard-orders-compact-v8 .dashboard-order-list{padding:2px 12px 7px}
.dashboard-orders-compact-v8 .dashboard-order-row{min-height:43px;padding:5px 2px;gap:9px}
.dashboard-orders-compact-v8 .dashboard-order-row>div strong{font-size:8.5px}
.dashboard-orders-compact-v8 .dashboard-order-total{font-size:9px}
@media(max-width:1080px){.dashboard-layout-v8{grid-template-columns:1fr}.dashboard-side-column-v8{grid-template-columns:1fr 1fr}.dashboard-main-column-v8{min-width:0}}
@media(max-width:700px){.dashboard-side-column-v8{grid-template-columns:1fr}}

/* Dashboard v309 — finition des cartes Raccourcis / Support */
.dashboard-side-card-v8{box-sizing:border-box}
.dashboard-shortcuts-v8 .dashboard-shortcuts-title-v8{justify-content:flex-start;text-align:left}
.dashboard-shortcuts-v8 .dashboard-shortcuts-title-v8 i{display:grid!important;visibility:visible!important;opacity:1!important}

/* Dashboard v310 — Raccourcis style carte bleue + actions superposées. */
.dashboard-shortcuts-v8{overflow:hidden;border-radius:12px;background:#fff}
.dashboard-shortcuts-hero-v14{min-height:96px;padding:18px 18px 28px;box-sizing:border-box;display:flex;align-items:flex-start;gap:12px;color:#fff;background:linear-gradient(135deg,#315db1 0%,#24509f 58%,#1f4896 100%)}
.dashboard-shortcuts-hero-icon-v14{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.10);color:#fff;font-size:21px}
.dashboard-shortcuts-hero-v14 h2{margin:1px 0 3px;color:#fff;font-size:14px;font-weight:750;line-height:1.2;letter-spacing:-.015em}
.dashboard-shortcuts-hero-v14 p{margin:0;color:rgba(255,255,255,.9);font-size:10px;line-height:1.4}
.dashboard-shortcuts-v8 .dashboard-shortcut-list-v8{position:relative;margin:-21px 12px 12px;padding:0;z-index:1;display:grid;gap:7px}
.dashboard-shortcuts-v8 .dashboard-shortcut-list-v8>a{min-height:43px;padding:0 11px;box-sizing:border-box;display:grid;grid-template-columns:32px minmax(0,1fr) 14px;gap:10px;border:1px solid #e2eaf4;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(28,54,88,.035)}
.dashboard-shortcuts-v8 .dashboard-shortcut-list-v8>a:last-child{border-bottom:1px solid #e2eaf4}
.dashboard-shortcuts-v8 .dashboard-shortcut-icon-v8{width:32px;height:32px;border-radius:9px;background:#edf4ff;color:#1468e8;font-size:15px}
.dashboard-shortcuts-v8 .dashboard-shortcut-list-v8>a>span:nth-child(2){font-size:10.5px;font-weight:500;color:#203653;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-shortcuts-v8 .dashboard-shortcut-list-v8>a>i{color:#5a78a0;font-size:16px}
@media(max-width:480px){.dashboard-shortcuts-hero-v14{min-height:90px;padding:16px 16px 25px}.dashboard-shortcuts-v8 .dashboard-shortcut-list-v8{margin-left:10px;margin-right:10px}.dashboard-shortcuts-v8 .dashboard-shortcut-list-v8>a{min-height:42px}}

/* Dashboard v311 — carte Support compacte, style "Besoin d'aide ?" */
.dashboard-support-v8{padding:16px 16px 15px!important;overflow:hidden;background:#fff;border:1px solid #e1e8f1;border-radius:11px;box-shadow:0 2px 8px rgba(24,53,88,.035)}
.dashboard-support-top-v16{display:flex;align-items:flex-start;gap:14px;padding:0 1px}
.dashboard-support-icon-v16{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:50%;background:#f1f7ff;color:#0f6bea;font-size:24px}
.dashboard-support-copy-v16{min-width:0;padding-top:1px}
.dashboard-support-copy-v16 h2{margin:0 0 6px;color:#17243a;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:-.01em}
.dashboard-support-copy-v16 p{margin:0;color:#667b9b;font-size:10.5px;line-height:1.65;max-width:235px}
.dashboard-support-primary-v16{margin:14px 1px 0;min-height:39px;display:flex;align-items:center;justify-content:center;border:1px solid #1f73ff;border-radius:7px;background:#fff;color:#0865ee;text-decoration:none;font-size:11px;font-weight:600;line-height:1;box-sizing:border-box;transition:background .15s ease,color .15s ease,box-shadow .15s ease}
.dashboard-support-primary-v16:hover,.dashboard-support-primary-v16:focus-visible{background:#f4f8ff;color:#075edb;box-shadow:0 2px 8px rgba(31,115,255,.10)}

/* Dashboard v312 — Support aligné comme la maquette. */
.dashboard-support-v8 .dashboard-support-primary-v16{margin:14px 2px 0!important;width:calc(100% - 4px);min-height:41px}

/* Support card — compact proportions aligned with the reference */
.dashboard-support-v8{padding:13px 16px 12px!important}
.dashboard-support-top-v16{gap:12px!important;padding:0!important}
.dashboard-support-icon-v16{width:36px!important;height:40px!important;flex:0 0 42px!important;font-size:21px!important}
.dashboard-support-copy-v16{padding-top:0!important}
.dashboard-support-copy-v16 h2{margin:1px 0 5px!important;font-size:12px!important;line-height:1.25!important;font-weight:700!important}
.dashboard-support-copy-v16 p{font-size:12px!important;line-height:1.5!important;max-width:235px!important}
.dashboard-support-v8 .dashboard-support-primary-v16{margin:12px 2px 0!important;width:calc(100% - 4px)!important;height:40px!important;min-height:40px!important;max-height:40px!important;border-radius:7px!important;font-size:10.5px!important;font-weight:600!important}

/* Dashboard v313 — bouton Support réduit pour coller à la maquette. */
.dashboard-support-v8 .dashboard-support-primary-v16{
  width:calc(100% - 8px)!important;
  margin:12px 4px 0!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  border-radius:7px!important;
  font-size:12px!important;
  font-weight:600!important;
}

/* Dashboard v314 — bouton Support encore plus compact, proportions de la maquette */
.dashboard-support-v8 .dashboard-support-primary-v16{
  width:calc(100% - 36px)!important;
  margin:10px 18px 0!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  border-radius:6px!important;
  font-size:12px!important;
  font-weight:600!important;
}

/* Dashboard v315 — bouton Support : largeur précédente conservée, réduction uniquement verticale. */
.dashboard-support-v8 .dashboard-support-primary-v16{
  width:calc(100% - 8px)!important;
  margin:12px 4px 0!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  border-radius:6px!important;
  font-size:12px!important;
  font-weight:600!important;
}


/* Dashboard v316 — carte « Besoin d’aide ? » alignée sur la référence. */
.dashboard-support-v8{
  padding:12px 10px 9px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e8edf5!important;
  border-radius:9px!important;
  box-shadow:0 1px 5px rgba(28,45,75,.05)!important;
}
.dashboard-support-top-v16{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:0!important;
}
.dashboard-support-icon-v16{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:#f0efff!important;
  color:#4f46e5!important;
  font-size:18px!important;
}
.dashboard-support-copy-v16{
  min-width:0!important;
  padding-top:1px!important;
}
.dashboard-support-copy-v16 h2{
  margin:0 0 5px!important;
  color:#18243a!important;
  font-size:12.5px!important;
  font-weight:750!important;
  line-height:1.25!important;
  letter-spacing:-.01em!important;
}
.dashboard-support-copy-v16 p{
  margin:0!important;
  max-width:220px!important;
  color:#697896!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.dashboard-support-v8 .dashboard-support-primary-v16{
  width:100%!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  margin:10px 0 0!important;
  padding:0 12px!important;
  border:1px solid #284a89!important;
  border-radius:6px!important;
  background:linear-gradient(180deg,#244785 0%,#1f3f79 100%)!important;
  color:#fff!important;
  box-shadow:0 2px 4px rgba(25,55,111,.16)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
}
.dashboard-support-v8 .dashboard-support-primary-v16:hover,
.dashboard-support-v8 .dashboard-support-primary-v16:focus-visible{
  background:linear-gradient(180deg,#294e91 0%,#244581 100%)!important;
  color:#fff!important;
  box-shadow:0 2px 5px rgba(25,55,111,.2)!important;
}

/* Dashboard v314 — carte Mes services alignée sur la nouvelle maquette. */
.dashboard-services-card-v314{overflow:hidden!important;border:1px solid #e1e8f2!important;border-radius:11px!important;background:#fff!important;box-shadow:0 2px 9px rgba(28,54,88,.035)!important}
.dashboard-services-head-v314{min-height:70px;padding:14px 18px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #e8edf4}
.dashboard-services-heading-v314{min-width:0;display:flex;align-items:center;gap:12px}.dashboard-services-head-icon-v314{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;color:#1168ef;font-size:25px}.dashboard-services-heading-v314 h2{margin:0;color:#16243d;font-size:14px;font-weight:760;line-height:1.25;letter-spacing:-.015em}.dashboard-services-heading-v314 p{margin:3px 0 0;color:#617493;font-size:9.5px;line-height:1.35}
.dashboard-services-all-v314{min-height:36px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;border-radius:8px;background:#f2f6ff;color:#1564df;text-decoration:none;font-size:9.5px;font-weight:720;white-space:nowrap;transition:background .15s ease,color .15s ease}.dashboard-services-all-v314 i{font-size:16px}.dashboard-services-all-v314:hover,.dashboard-services-all-v314:focus-visible{background:#eaf1ff;color:#0758cf}
.dashboard-services-list-v314{padding:0 18px}.dashboard-service-row-v314{min-height:72px;display:grid;grid-template-columns:44px minmax(150px,1.35fr) 86px minmax(92px,.72fr) minmax(92px,.68fr) 68px 18px;align-items:center;gap:12px;border-bottom:1px solid #e9eef4}.dashboard-service-row-v314:last-child{border-bottom:0}
.dashboard-service-icon-v314{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#edf5ff;color:#1368ed;font-size:21px}.dashboard-service-icon-v314.vps{background:#f3efff;color:#7047ef}.dashboard-service-icon-v314.domain{background:#edf5ff;color:#1268ed}.dashboard-service-icon-v314.giftcard{background:#fff3e9;color:#c36b1f}
.dashboard-service-main-v314{min-width:0}.dashboard-service-main-v314 strong{display:block;color:#15243d;font-size:10.5px;font-weight:750;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-service-main-v314 small{display:block;margin-top:3px;color:#506b99;font-size:9.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-service-status-v314{width:max-content;min-height:24px;padding:0 9px;display:inline-flex;align-items:center;gap:6px;border-radius:8px;background:#e8fbf4;color:#169367;font-size:8.5px;font-weight:720;white-space:nowrap}.dashboard-service-status-v314>i{width:6px;height:6px;border-radius:50%;background:currentColor}.dashboard-service-status-v314.pending,.dashboard-service-status-v314.provisioning{background:#fff6df;color:#a97418}.dashboard-service-status-v314.failed,.dashboard-service-status-v314.cancelled{background:#fff0f0;color:#c64f56}.dashboard-service-status-v314.suspended,.dashboard-service-status-v314.expired{background:#f0f2f5;color:#6d798a}
.dashboard-service-meta-v314{min-width:0;padding-left:12px;border-left:1px solid #e9eef4}.dashboard-service-meta-v314 span{display:block;color:#62759a;font-size:8px;line-height:1.15}.dashboard-service-meta-v314 strong{display:block;margin-top:4px;color:#14243e;font-size:9.5px;font-weight:760;line-height:1.2;white-space:nowrap}.dashboard-service-price-v314 strong{font-size:10.5px}.dashboard-service-price-v314 em{margin-left:2px;font-size:8px;font-style:normal;font-weight:700;color:#314563}
.dashboard-service-manage-v314{height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f1f5fd;color:#1265e5;text-decoration:none;font-size:9.5px;font-weight:750;transition:background .15s ease}.dashboard-service-manage-v314:hover,.dashboard-service-manage-v314:focus-visible{background:#e7efff}.dashboard-service-more-v314{display:grid;place-items:center;color:#173a76;text-decoration:none;font-size:18px}.dashboard-service-more-v314:hover{color:#0b62dd}
.dashboard-services-empty-v314{padding:22px 20px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.dashboard-services-empty-illustration-v314{position:relative;width:220px;max-width:100%;height:112px;margin:0 auto 6px}.dashboard-services-empty-halo-v314{position:absolute;left:50%;top:14px;transform:translateX(-50%);width:132px;height:88px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(110,97,255,.12),rgba(110,97,255,.03) 62%,rgba(110,97,255,0) 74%)}.dashboard-services-empty-cloud-v314{position:absolute;top:0;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:56px;height:34px;border-radius:999px;background:linear-gradient(180deg,#d7d1ff 0%,#9e91ff 100%);box-shadow:0 12px 30px rgba(124,112,255,.22);color:#fff;font-size:26px}.dashboard-services-empty-cloud-v314::before,.dashboard-services-empty-cloud-v314::after{content:"";position:absolute;bottom:11px;background:inherit;border-radius:50%}.dashboard-services-empty-cloud-v314::before{left:8px;width:20px;height:20px}.dashboard-services-empty-cloud-v314::after{right:6px;width:23px;height:23px}.dashboard-services-empty-server-v314{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:96px;height:70px;padding:9px 0;display:flex;flex-direction:column;justify-content:space-between;border-radius:18px;background:linear-gradient(180deg,#fff 0%,#f6f4ff 100%);box-shadow:0 18px 38px rgba(44,53,117,.16)}.dashboard-services-empty-server-v314::before,.dashboard-services-empty-server-v314::after{content:"";position:absolute;top:11px;bottom:11px;width:14px;border-radius:14px;background:linear-gradient(180deg,rgba(179,172,255,.5),rgba(179,172,255,.15))}.dashboard-services-empty-server-v314::before{left:-14px}.dashboard-services-empty-server-v314::after{right:-14px}.dashboard-services-empty-server-v314 i{position:relative;display:flex;align-items:center;width:100%;height:14px;padding:0 18px;color:#9f95ff;font-size:14px}.dashboard-services-empty-server-v314 i::before,.dashboard-services-empty-server-v314 i::after{content:"";display:block;border-radius:999px}.dashboard-services-empty-server-v314 i::before{width:6px;height:6px;background:#8090c7;box-shadow:11px 0 0 #2d3c71}.dashboard-services-empty-server-v314 i::after{margin-left:auto;width:22px;height:6px;background:#e1e5f4}.dashboard-services-empty-spark-v314{position:absolute;width:6px;height:6px;transform:rotate(45deg);background:linear-gradient(180deg,#cfc8ff 0%,#8f80ff 100%);border-radius:2px;opacity:.9}.dashboard-services-empty-spark-v314.spark-one{left:22px;top:50px}.dashboard-services-empty-spark-v314.spark-two{right:26px;top:44px}.dashboard-services-empty-spark-v314.spark-three{right:14px;top:16px;width:8px;height:8px}.dashboard-services-empty-copy-v314 h3{margin:0;color:#182849;font-size:16px;font-weight:780;letter-spacing:-.02em}.dashboard-services-empty-copy-v314 p{max-width:560px;margin:8px auto 0;color:#687a97;font-size:12px;line-height:1.55}.dashboard-services-empty-actions-v314{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px}.dashboard-services-empty-primary-v314,.dashboard-services-empty-secondary-v314{min-width:210px;height:28px;min-height:28px;max-height:28px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;text-decoration:none;font-size:10px;font-weight:700;line-height:1;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.dashboard-services-empty-primary-v314{background:linear-gradient(90deg,#2563ff 0%,#2754f2 100%);box-shadow:0 14px 24px rgba(39,95,255,.18);color:#fff}.dashboard-services-empty-primary-v314:hover,.dashboard-services-empty-primary-v314:focus-visible{transform:translateY(-1px);box-shadow:0 18px 28px rgba(39,95,255,.22);color:#fff}.dashboard-services-empty-primary-v314 i{font-size:14px}.dashboard-services-empty-secondary-v314{border:1px solid #dbe3ef;background:#fff;color:#24385d}.dashboard-services-empty-secondary-v314:hover,.dashboard-services-empty-secondary-v314:focus-visible{background:#f8fbff;color:#17325f}
@media(max-width:900px){.dashboard-service-row-v314{grid-template-columns:40px minmax(145px,1fr) 80px minmax(88px,.72fr) 65px 18px}.dashboard-service-price-v314{display:none}}
@media(max-width:700px){.dashboard-services-head-v314{align-items:flex-start;flex-direction:column}.dashboard-services-all-v314{width:100%;box-sizing:border-box}.dashboard-services-list-v314{padding:0 14px}.dashboard-service-row-v314{grid-template-columns:40px minmax(0,1fr) auto 18px;gap:10px;padding:10px 0}.dashboard-service-meta-v314,.dashboard-service-manage-v314{display:none}.dashboard-service-main-v314 strong{font-size:10px}.dashboard-service-status-v314{justify-self:end}.dashboard-services-empty-v314{padding:20px 16px 22px}.dashboard-services-empty-illustration-v314{width:200px;height:104px}.dashboard-services-empty-copy-v314 h3{font-size:15px}.dashboard-services-empty-copy-v314 p{font-size:11.5px}.dashboard-services-empty-primary-v314,.dashboard-services-empty-secondary-v314{width:100%;min-width:0;height:28px;min-height:28px;max-height:28px}}
@media(max-width:460px){.dashboard-services-heading-v314{align-items:flex-start}.dashboard-services-head-icon-v314{width:30px;height:30px;flex-basis:30px;font-size:22px}.dashboard-service-row-v314{grid-template-columns:36px minmax(0,1fr) 18px}.dashboard-service-icon-v314{width:34px;height:34px;font-size:18px}.dashboard-service-status-v314{display:none}.dashboard-services-empty-illustration-v314{width:180px;height:96px}.dashboard-services-empty-server-v314{width:88px;height:66px}.dashboard-services-empty-cloud-v314{width:52px;height:32px;font-size:24px}.dashboard-services-empty-copy-v314 h3{font-size:14px}.dashboard-services-empty-copy-v314 p{font-size:11px}.dashboard-services-empty-actions-v314{gap:9px;margin-top:16px}}


/* Dashboard empty-state illustration v2 — clearer cloud/server visual */
.dashboard-services-empty-illustration-v314{width:188px!important;height:96px!important;margin:0 auto 8px!important}
.dashboard-services-empty-halo-v314{top:10px!important;width:144px!important;height:88px!important;background:radial-gradient(circle at 50% 50%,rgba(108,95,255,.11),rgba(108,95,255,.025) 64%,rgba(108,95,255,0) 76%)!important}
.dashboard-services-empty-halo-v314::after{content:"";position:absolute;left:50%;top:34px;transform:translateX(-50%);width:2px;height:14px;border-radius:999px;background:linear-gradient(180deg,rgba(157,148,255,.95),rgba(157,148,255,.18))}
.dashboard-services-empty-cloud-v314{top:2px!important;width:50px!important;height:30px!important;font-size:20px!important;border-radius:999px!important;background:linear-gradient(180deg,#d8d2ff 0%,#a395ff 100%)!important;box-shadow:0 8px 18px rgba(124,112,255,.2)!important;color:#fff!important;z-index:2}
.dashboard-services-empty-cloud-v314::before,.dashboard-services-empty-cloud-v314::after{bottom:10px!important;background:inherit!important}
.dashboard-services-empty-cloud-v314::before{left:8px!important;width:18px!important;height:18px!important}
.dashboard-services-empty-cloud-v314::after{right:6px!important;width:21px!important;height:21px!important}
.dashboard-services-empty-server-v314{bottom:8px!important;width:88px!important;height:60px!important;padding:8px 0!important;border-radius:12px!important;border:1px solid #e6ebf7!important;background:linear-gradient(180deg,#ffffff 0%,#f7f8ff 100%)!important;box-shadow:0 12px 24px rgba(50,62,123,.12)!important;overflow:hidden}
.dashboard-services-empty-server-v314::before,.dashboard-services-empty-server-v314::after{content:none!important}
.dashboard-services-empty-server-v314 i{height:13px!important;padding:0 13px!important;color:#8f83ff!important;font-size:13px!important}
.dashboard-services-empty-server-v314 i::before{width:5px!important;height:5px!important;background:#556cac!important;box-shadow:9px 0 0 #b8c6e7!important}
.dashboard-services-empty-server-v314 i::after{width:24px!important;height:5px!important;background:#dfe6f5!important}
.dashboard-services-empty-spark-v314{width:5px!important;height:5px!important;background:linear-gradient(180deg,#d7d0ff 0%,#8e7eff 100%)!important;opacity:.95!important}
.dashboard-services-empty-spark-v314.spark-one{left:18px!important;top:48px!important}
.dashboard-services-empty-spark-v314.spark-two{right:22px!important;top:40px!important}
.dashboard-services-empty-spark-v314.spark-three{right:12px!important;top:14px!important;width:7px!important;height:7px!important}
@media(max-width:700px){.dashboard-services-empty-illustration-v314{width:176px!important;height:92px!important}.dashboard-services-empty-server-v314{width:68px!important;height:58px!important}}
@media(max-width:460px){.dashboard-services-empty-illustration-v314{width:160px!important;height:86px!important}.dashboard-services-empty-halo-v314{width:130px!important;height:80px!important}.dashboard-services-empty-cloud-v314{width:46px!important;height:24px!important;font-size:20px!important}.dashboard-services-empty-server-v314{width:78px!important;height:56px!important}}


/* Dashboard empty-state v315 — illustration serveur/cloud lisible + boutons légèrement plus hauts */
.dashboard-services-empty-illustration-v314{width:170px!important;height:108px!important;margin:0 auto 10px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.dashboard-services-empty-svg-v315{display:block;width:100%;height:auto;overflow:visible}
.dashboard-services-empty-illustration-v314>.dashboard-services-empty-halo-v314,
.dashboard-services-empty-illustration-v314>.dashboard-services-empty-cloud-v314,
.dashboard-services-empty-illustration-v314>.dashboard-services-empty-server-v314,
.dashboard-services-empty-illustration-v314>.dashboard-services-empty-spark-v314{display:none!important}
.dashboard-services-empty-primary-v314,.dashboard-services-empty-secondary-v314{height:31px!important;min-height:31px!important;max-height:31px!important;padding:0 14px!important;border-radius:7px!important;font-size:10.5px!important}
.dashboard-services-empty-primary-v314 i{font-size:15px!important}
@media(max-width:700px){.dashboard-services-empty-illustration-v314{width:158px!important;height:102px!important}.dashboard-services-empty-primary-v314,.dashboard-services-empty-secondary-v314{height:31px!important;min-height:31px!important;max-height:31px!important}}
@media(max-width:460px){.dashboard-services-empty-illustration-v314{width:148px!important;height:96px!important}}

/* Dashboard — header Mes services compact, aligné sur Mes commandes */
.dashboard-services-head-v314{
  min-height:45px!important;
  padding:7px 14px!important;
  gap:12px!important;
}
.dashboard-services-heading-v314{gap:8px!important}
.dashboard-services-head-icon-v314{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  font-size:18px!important;
}
.dashboard-services-heading-v314 h2{
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.15!important;
  letter-spacing:0!important;
}
.dashboard-services-heading-v314 p{
  margin-top:1px!important;
  color:#929cab!important;
  font-size:8px!important;
  line-height:1.2!important;
}
.dashboard-services-all-v314{
  min-height:auto!important;
  padding:0!important;
  gap:4px!important;
  border-radius:0!important;
  background:transparent!important;
  color:#5275a5!important;
  font-size:9px!important;
  font-weight:750!important;
}
.dashboard-services-all-v314:hover,.dashboard-services-all-v314:focus-visible{
  background:transparent!important;
  color:#315f9f!important;
}
.dashboard-services-all-v314 i{font-size:14px!important}
@media(max-width:700px){
  .dashboard-services-head-v314{min-height:auto!important;padding:9px 14px!important;gap:8px!important}
  .dashboard-services-all-v314{width:auto!important}
}


/* Dashboard empty-state v316 — illustration type carte "Mes services" plus compacte */
.dashboard-services-empty-v314{padding-top:18px!important}
.dashboard-services-empty-illustration-v314{width:105px!important;height:62px!important;margin:0 auto 8px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.dashboard-services-empty-svg-v316{display:block;width:100%;height:auto;overflow:visible}
.dashboard-services-empty-primary-v314,.dashboard-services-empty-secondary-v314{height:31px!important;min-height:31px!important;max-height:31px!important}
@media(max-width:700px){.dashboard-services-empty-illustration-v314{width:98px!important;height:58px!important}}
@media(max-width:460px){.dashboard-services-empty-illustration-v314{width:84px!important;height:55px!important}}

/* Dashboard — bouton "Voir tous mes services" dans la carte Mes services */
.dashboard-services-all-v314{
  min-height:31px!important;
  height:31px!important;
  padding:0 11px!important;
  gap:5px!important;
  border:1px solid #dbe5f2!important;
  border-radius:7px!important;
  background:#f5f8fd!important;
  color:#285f9f!important;
  font-size:9px!important;
  font-weight:700!important;
  box-sizing:border-box!important;
}
.dashboard-services-all-v314:hover,.dashboard-services-all-v314:focus-visible{
  border-color:#cbd9eb!important;
  background:#edf3fb!important;
  color:#174e90!important;
}
.dashboard-services-all-v314 i{font-size:14px!important}
@media(max-width:700px){
  .dashboard-services-all-v314{width:auto!important;min-height:31px!important;height:31px!important;padding:0 11px!important}
}


/* Dashboard v320 — carte Mes commandes alignée sur la maquette */
.dashboard-orders-v320{overflow:hidden!important;border:1px solid #e1e8f2!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 9px rgba(28,54,88,.035)!important}
.dashboard-orders-head-v320{min-height:58px;padding:10px 16px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px}
.dashboard-orders-heading-v320{min-width:0;display:flex;align-items:center;gap:10px}.dashboard-orders-head-icon-v320{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;color:#1268ef;font-size:26px}.dashboard-orders-heading-v320 h2{margin:0;color:#172642;font-size:13px;font-weight:760;line-height:1.2;letter-spacing:-.015em}.dashboard-orders-heading-v320 p{margin:3px 0 0;color:#647696;font-size:9px;line-height:1.35}.dashboard-orders-all-v320{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;color:#1465e5;text-decoration:none;font-size:9.5px;font-weight:750;white-space:nowrap}.dashboard-orders-all-v320 i{font-size:17px}.dashboard-orders-all-v320:hover,.dashboard-orders-all-v320:focus-visible{color:#074fc4}
.dashboard-orders-table-v320{padding:0 14px 10px}.dashboard-orders-table-head-v320{min-height:34px;padding:0 10px;display:grid;grid-template-columns:minmax(135px,1.05fr) minmax(200px,1.5fr) 86px 76px 98px;gap:12px;align-items:center;border-radius:7px;background:#f5f8fd;color:#63769b;font-size:8.5px;font-weight:650}.dashboard-orders-list-v320{padding:2px 0 0}.dashboard-order-line-v320{min-height:59px;padding:7px 10px;display:grid;grid-template-columns:minmax(135px,1.05fr) minmax(200px,1.5fr) 86px 76px 98px;gap:12px;align-items:center;border-bottom:1px solid #e9eef5;color:inherit;text-decoration:none;transition:background .15s ease}.dashboard-order-line-v320:last-child{border-bottom:0}.dashboard-order-line-v320:hover{background:#fbfcff}.dashboard-order-ref-v320{min-width:0;color:#314a82;font-size:9px;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-order-product-v320{min-width:0;display:flex;align-items:center;gap:9px}.dashboard-order-product-icon-v320{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(180deg,#edf5ff,#dceaff);color:#226ee8;font-size:17px;box-shadow:inset 0 0 0 1px rgba(56,111,207,.08)}.dashboard-order-product-icon-v320.vps,.dashboard-order-product-icon-v320.hosting{background:linear-gradient(180deg,#eef5ff,#dce8fb);color:#557cc7}.dashboard-order-product-icon-v320.domain{background:#edf5ff;color:#1268ed}.dashboard-order-product-icon-v320.giftcard{background:#fff3ea;color:#c36a22}.dashboard-order-product-copy-v320{min-width:0}.dashboard-order-product-copy-v320 strong{display:block;color:#263b66;font-size:9.5px;font-weight:720;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-order-product-copy-v320 small{display:block;margin-top:2px;color:#6f82a3;font-size:8.2px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-order-date-v320{color:#64779b;font-size:8.8px;font-weight:600;white-space:nowrap}.dashboard-order-price-v320{color:#31466f;font-size:9.5px;font-weight:760;white-space:nowrap}.dashboard-order-status-v320{width:max-content;min-height:27px;padding:0 9px;display:inline-flex;align-items:center;gap:6px;border-radius:8px;background:#e9fbf4;color:#13956a;font-size:8.6px;font-weight:720;white-space:nowrap}.dashboard-order-status-v320>i{width:6px;height:6px;border-radius:50%;background:currentColor}.dashboard-order-status-v320.pending,.dashboard-order-status-v320.payment_processing{background:#fff6e5;color:#e89a1c}.dashboard-order-status-v320.provisioning{background:#edf3ff;color:#2e67ef}.dashboard-order-status-v320.failed,.dashboard-order-status-v320.cancelled{background:#fff0f1;color:#c9525b}.dashboard-order-status-v320.refunded,.dashboard-order-status-v320.partially_refunded{background:#f1f2f6;color:#69778f}
@media(max-width:900px){.dashboard-orders-table-head-v320,.dashboard-order-line-v320{grid-template-columns:minmax(130px,1fr) minmax(180px,1.3fr) 78px 90px}.dashboard-orders-table-head-v320>span:nth-child(4),.dashboard-order-price-v320{display:none}}
@media(max-width:700px){.dashboard-orders-head-v320{align-items:flex-start;gap:10px}.dashboard-orders-heading-v320 p{max-width:245px}.dashboard-orders-table-v320{padding:0 10px 8px}.dashboard-orders-table-head-v320{display:none}.dashboard-order-line-v320{min-height:58px;padding:8px 6px;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.dashboard-order-ref-v320{grid-column:1;grid-row:1;font-size:8.5px}.dashboard-order-product-v320{grid-column:1;grid-row:2}.dashboard-order-date-v320{display:none}.dashboard-order-price-v320{display:block;grid-column:2;grid-row:1;text-align:right;font-size:9px}.dashboard-order-status-v320{grid-column:2;grid-row:2;justify-self:end}.dashboard-order-product-copy-v320 strong{font-size:9px}}
@media(max-width:460px){.dashboard-orders-head-v320{padding:9px 12px}.dashboard-orders-head-icon-v320{width:30px;height:30px;flex-basis:30px;font-size:23px}.dashboard-orders-heading-v320 p{font-size:8.3px}.dashboard-orders-all-v320{font-size:8.8px}.dashboard-order-product-icon-v320{width:28px;height:28px;flex-basis:28px;font-size:15px}.dashboard-order-status-v320{min-height:25px;padding:0 8px;font-size:8px}}

/* Dashboard v321 — Mes commandes : header identique à Mes services + lignes plus compactes */
.dashboard-orders-head-v320{
  min-height:45px!important;
  padding:7px 14px!important;
  gap:12px!important;
  border-bottom:1px solid #e8edf4!important;
}
.dashboard-orders-heading-v320{gap:8px!important}
.dashboard-orders-head-icon-v320{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  font-size:18px!important;
}
.dashboard-orders-heading-v320 h2{
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:0!important;
}
.dashboard-orders-heading-v320 p{
  margin-top:1px!important;
  color:#929cab!important;
  font-size:8px!important;
  line-height:1.2!important;
}
.dashboard-orders-all-v320{
  min-height:31px!important;
  height:31px!important;
  padding:0 11px!important;
  gap:5px!important;
  border:1px solid #dbe5f2!important;
  border-radius:7px!important;
  background:#f5f8fd!important;
  color:#285f9f!important;
  font-size:9px!important;
  font-weight:700!important;
  box-sizing:border-box!important;
}
.dashboard-orders-all-v320:hover,.dashboard-orders-all-v320:focus-visible{
  border-color:#cbd9eb!important;
  background:#edf3fb!important;
  color:#174e90!important;
}
.dashboard-orders-all-v320 i{font-size:14px!important}

.dashboard-orders-table-v320{padding:0 14px 8px!important}
.dashboard-orders-table-head-v320{
  min-height:30px!important;
  margin-left:-14px!important;
  margin-right:-14px!important;
  padding:0 23px!important;
  border-radius:0!important;
  font-size:8px!important;
}
.dashboard-orders-list-v320{padding-top:1px!important}
.dashboard-order-line-v320{
  min-height:50px!important;
  padding:4px 9px!important;
}
.dashboard-order-product-icon-v320{
  width:24px!important;
  height:24px!important;
  flex-basis:28px!important;
  font-size:14px!important;
  border-radius:7px!important;
}
.dashboard-order-status-v320{
  min-height:25px!important;
  padding:0 8px!important;
  font-size:8.2px!important;
}
@media(max-width:700px){
  .dashboard-orders-head-v320{min-height:auto!important;padding:9px 14px!important;gap:8px!important}
  .dashboard-orders-heading-v320 p{max-width:none!important}
  .dashboard-orders-all-v320{height:31px!important;min-height:31px!important;padding:0 11px!important}
  .dashboard-order-line-v320{min-height:52px!important;padding:6px 6px!important}
}
@media(max-width:460px){
  .dashboard-orders-head-v320{padding:9px 12px!important}
  .dashboard-orders-head-icon-v320{width:24px!important;height:24px!important;flex-basis:24px!important;font-size:18px!important}
  .dashboard-orders-heading-v320 p{font-size:8px!important}
  .dashboard-orders-all-v320{font-size:8.5px!important}
}


/* Dashboard v322 — état vide Mes commandes comme la maquette */
.dashboard-orders-empty-v320{padding:26px 16px 28px;display:flex;flex-direction:column;align-items:center;text-align:center}
.dashboard-orders-empty-illustration-v320{width:104px;max-width:100%;margin:0 auto 10px}
.dashboard-orders-empty-svg-v320{display:block;width:100%;height:auto}
.dashboard-orders-empty-copy-v320 h3{margin:0;color:#1b2746;font-size:13px;font-weight:760;letter-spacing:-.015em}
.dashboard-orders-empty-copy-v320 p{margin:4px 0 0;color:#8694ad;font-size:9.5px;line-height:1.4}
.dashboard-orders-empty-button-v320{margin-top:16px;min-width:168px;height:38px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d9e3f2;border-radius:9px;background:#fff;color:#2a58f0;text-decoration:none;font-size:10.5px;font-weight:760;box-shadow:0 1px 0 rgba(18,52,102,.02);transition:border-color .15s ease,background .15s ease,color .15s ease}
.dashboard-orders-empty-button-v320 i{font-size:15px}
.dashboard-orders-empty-button-v320:hover,.dashboard-orders-empty-button-v320:focus-visible{border-color:#c7d6ee;background:#f8fbff;color:#174be0}
@media(max-width:700px){.dashboard-orders-empty-v320{padding:24px 14px 26px}.dashboard-orders-empty-illustration-v320{width:96px}.dashboard-orders-empty-button-v320{height:36px;min-width:160px}}
@media(max-width:460px){.dashboard-orders-empty-illustration-v320{width:88px}.dashboard-orders-empty-copy-v320 h3{font-size:12.5px}.dashboard-orders-empty-copy-v320 p{font-size:9px}.dashboard-orders-empty-button-v320{width:100%;max-width:220px;height:34px;font-size:10px}}


/* Dashboard v323 — état vide Mes commandes plus compact */
.dashboard-orders-empty-illustration-v320{width:94px!important;margin-bottom:8px!important}
.dashboard-orders-empty-button-v320{min-width:210px!important;height:31px!important;min-height:31px!important;max-height:31px!important;padding:0 14px!important;border-radius:7px!important;font-size:10.5px!important;gap:7px!important}
.dashboard-orders-empty-button-v320 i{font-size:15px!important}
@media(max-width:700px){.dashboard-orders-empty-illustration-v320{width:88px!important}.dashboard-orders-empty-button-v320{min-width:210px!important;height:31px!important;min-height:31px!important;max-height:31px!important}}
@media(max-width:460px){.dashboard-orders-empty-illustration-v320{width:82px!important}.dashboard-orders-empty-button-v320{width:100%!important;max-width:210px!important;min-width:0!important;height:31px!important;min-height:31px!important;max-height:31px!important;font-size:10.5px!important}}

/* Dashboard v324 — mise en avant Support Premium */
.dashboard-support-divider-v324{
  height:1px;
  margin:13px 2px 11px;
  background:#e8edf4;
}
.dashboard-support-premium-v324{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 24px;
  gap:9px;
  align-items:center;
  padding:2px 2px 1px;
}
.dashboard-support-premium-icon-v324{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:linear-gradient(180deg,#fff8e8 0%,#fff1cf 100%);
  color:#d89924;
  font-size:18px;
  box-shadow:inset 0 0 0 1px rgba(218,164,55,.10);
}
.dashboard-support-premium-copy-v324{min-width:0}
.dashboard-support-premium-copy-v324 strong{
  display:block;
  margin:0 0 3px;
  color:#253651;
  font-size:10.5px;
  font-weight:750;
  line-height:1.2;
}
.dashboard-support-premium-copy-v324 p{
  margin:0;
  color:#7a8ba5;
  font-size:8.8px;
  line-height:1.45;
}
.dashboard-support-premium-link-v324{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  justify-self:end;
  border-radius:7px;
  color:#3b6fbd;
  text-decoration:none;
  font-size:17px;
  transition:background .15s ease,color .15s ease;
}
.dashboard-support-premium-link-v324:hover,
.dashboard-support-premium-link-v324:focus-visible{
  background:#f1f6fd;
  color:#155bb7;
}
@media(max-width:460px){
  .dashboard-support-divider-v324{margin-top:11px;margin-bottom:10px}
  .dashboard-support-premium-v324{grid-template-columns:32px minmax(0,1fr) 22px;gap:8px}
  .dashboard-support-premium-icon-v324{width:32px;height:32px;font-size:17px}
  .dashboard-support-premium-copy-v324 p{font-size:8.5px}
}





/* Dashboard v327 — cartes compactes fixes + défilement interne (5 derniers éléments) */
.dashboard-services-card-v314,
.dashboard-orders-v320{
  height:290px!important;
  min-height:290px!important;
  max-height:290px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.dashboard-services-head-v314,
.dashboard-orders-head-v320{flex:0 0 auto!important}
.dashboard-services-list-v314,
.dashboard-services-empty-v314,
.dashboard-orders-table-v320,
.dashboard-orders-empty-v320{
  flex:1 1 auto!important;
  min-height:0!important;
  box-sizing:border-box!important;
}
.dashboard-services-list-v314{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin;
  scrollbar-color:#cbd7e9 transparent;
}
.dashboard-service-row-v314{
  min-height:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
}
.dashboard-orders-table-v320{
  display:flex!important;
  flex-direction:column!important;
}
.dashboard-orders-table-head-v320{flex:0 0 30px!important}
.dashboard-orders-list-v320{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin;
  scrollbar-color:#cbd7e9 transparent;
}
.dashboard-order-line-v320{
  min-height:49px!important;
  height:49px!important;
  flex:0 0 49px!important;
  box-sizing:border-box!important;
}
.dashboard-services-empty-v314,
.dashboard-orders-empty-v320{
  justify-content:center!important;
}
.dashboard-services-list-v314::-webkit-scrollbar,
.dashboard-orders-list-v320::-webkit-scrollbar{width:6px}
.dashboard-services-list-v314::-webkit-scrollbar-track,
.dashboard-orders-list-v320::-webkit-scrollbar-track{background:transparent}
.dashboard-services-list-v314::-webkit-scrollbar-thumb,
.dashboard-orders-list-v320::-webkit-scrollbar-thumb{background:#cbd7e9;border-radius:999px}
.dashboard-services-list-v314::-webkit-scrollbar-thumb:hover,
.dashboard-orders-list-v320::-webkit-scrollbar-thumb:hover{background:#aebed5}
@media(max-width:700px){
  .dashboard-services-card-v314,
  .dashboard-orders-v320{
    height:auto!important;
    min-height:249px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .dashboard-service-row-v314,
  .dashboard-order-line-v320{
    height:auto!important;
    flex-basis:auto!important;
  }
}


/* Dashboard bottom catalog banner */
.dashboard-catalog-banner-v330{position:relative;overflow:hidden;margin:10px 17px 0;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:26px;border:1px solid #d7e3f5;border-radius:12px;background:linear-gradient(90deg,#f4f8ff 0%,#eef5ff 38%,#edf4ff 100%);box-shadow:0 14px 30px rgba(50,76,126,.08)}
.dashboard-catalog-banner-v330::before{content:"";position:absolute;inset:-30% auto auto 34%;width:420px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(108,143,255,.12) 0%,rgba(108,143,255,.04) 48%,rgba(108,143,255,0) 72%);pointer-events:none}
.dashboard-catalog-banner-copy-v330{position:relative;z-index:1;max-width:640px}
.dashboard-catalog-banner-kicker-v330{display:block;margin-bottom:8px;color:#7b88a7;font-size:11px;font-weight:800;letter-spacing:.14em}
.dashboard-catalog-banner-copy-v330 h2{margin:0;color:#102a5a;font-size:20px;line-height:1.18;font-weight:850;letter-spacing:-.03em}
.dashboard-catalog-banner-copy-v330 h2 span{color:#2563ff}
.dashboard-catalog-banner-copy-v330 p{margin:8px 0 0;max-width:620px;color:#6f7f9e;font-size:13px;line-height:1.6}
.dashboard-catalog-banner-actions-v330{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.dashboard-catalog-banner-primary-v330,.dashboard-catalog-banner-secondary-v330{height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;text-decoration:none;font-size:13px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}
.dashboard-catalog-banner-primary-v330{padding:0 20px;background:linear-gradient(90deg,#2a6cff 0%,#1f5cf0 100%);color:#fff;box-shadow:0 10px 20px rgba(37,99,255,.20)}
.dashboard-catalog-banner-primary-v330:hover,.dashboard-catalog-banner-primary-v330:focus-visible{transform:translateY(-1px);color:#fff;box-shadow:0 14px 26px rgba(37,99,255,.24)}
.dashboard-catalog-banner-secondary-v330{padding:0 8px;background:transparent;color:#2563ff}
.dashboard-catalog-banner-secondary-v330:hover,.dashboard-catalog-banner-secondary-v330:focus-visible{color:#184fda}
.dashboard-catalog-banner-secondary-v330 i{margin-left:6px;font-size:18px}
.dashboard-catalog-banner-visual-v330{position:relative;z-index:1;flex:0 0 280px;align-self:stretch;min-height:130px;display:flex;align-items:center;justify-content:flex-end}
.dashboard-catalog-banner-svg-v330{display:block;width:100%;max-width:280px;height:auto}
@media(max-width:980px){.dashboard-catalog-banner-v330{padding:20px;gap:20px}.dashboard-catalog-banner-copy-v330 h2{font-size:18px}.dashboard-catalog-banner-visual-v330{flex-basis:240px}}
@media(max-width:760px){.dashboard-catalog-banner-v330{margin-left:8px;margin-right:8px;padding:18px;flex-direction:column;align-items:flex-start}.dashboard-catalog-banner-copy-v330{max-width:none}.dashboard-catalog-banner-visual-v330{width:100%;flex:0 0 auto;min-height:110px;justify-content:center}.dashboard-catalog-banner-svg-v330{max-width:240px}}
@media(max-width:520px){.dashboard-catalog-banner-copy-v330 h2{font-size:16px}.dashboard-catalog-banner-copy-v330 p{font-size:12px}.dashboard-catalog-banner-actions-v330{gap:10px}.dashboard-catalog-banner-primary-v330,.dashboard-catalog-banner-secondary-v330{width:100%;justify-content:center}.dashboard-catalog-banner-visual-v330{min-height:98px}.dashboard-catalog-banner-svg-v330{max-width:210px}}


/* Dashboard mobile compact — uniquement téléphone */
@media(max-width:700px){
  .dashboard-welcome-v184{min-height:124px!important;padding:14px 15px 31px!important;gap:0!important}
  .dashboard-welcome-copy-v184>span{margin-bottom:3px;font-size:7.5px}
  .dashboard-welcome-copy-v184 h1{font-size:16px!important;line-height:1.15}
  .dashboard-welcome-copy-v184>p{margin-top:5px;font-size:8.5px!important;line-height:1.45}
  .dashboard-welcome-actions-v186{margin-top:9px!important;gap:6px!important}
  .dashboard-welcome-primary-v184,.dashboard-welcome-secondary-v184{min-height:31px!important;padding:0 10px!important;border-radius:7px;font-size:8.5px}
  .dashboard-welcome-primary-v184 i,.dashboard-welcome-secondary-v184 i{font-size:13px}
  .dashboard-v184>.dashboard-stat-grid{gap:7px!important;margin:-18px 8px 10px!important}
  .dashboard-v184>.dashboard-stat-grid .dashboard-stat{min-height:66px!important;padding:9px 11px!important;grid-template-columns:34px minmax(0,1fr) 14px!important;gap:9px!important;border-radius:10px}
  .dashboard-stat-icon{width:32px!important;height:32px!important;border-radius:8px!important;font-size:16px!important}
  .dashboard-stat small{font-size:7.5px!important;letter-spacing:.045em}
  .dashboard-stat strong{margin-top:1px!important;font-size:16px!important}
  .dashboard-stat strong em{font-size:9px!important}
  .dashboard-stat p{margin-top:1px!important;font-size:7.5px!important}
  .dashboard-stat>i{font-size:14px!important}
}
@media(max-width:430px){
  .dashboard-welcome-v184{padding-inline:14px!important}
  .dashboard-welcome-actions-v186{gap:6px!important}
  .dashboard-v184>.dashboard-stat-grid{margin-inline:7px!important}
}


/* Ticket form inline validation (no native browser tooltip) */
.ticket-compose .ticket-field-error{display:block;margin-top:5px;color:#d92d45;font-size:10px;font-weight:400;line-height:1.35}
.ticket-compose .ticket-field-invalid>input,.ticket-compose .ticket-field-invalid>textarea{border-color:#e5485f!important;box-shadow:0 0 0 3px rgba(229,72,95,.08)!important}
.ticket-compose .ticket-custom-select.invalid .ticket-select-trigger,.ticket-compose .ticket-field-invalid .ticket-custom-select .ticket-select-trigger{border-color:#e5485f!important;box-shadow:0 0 0 3px rgba(229,72,95,.08)!important}
.ticket-compose .ticket-field-invalid>label{color:#c92f45}
@media(max-width:700px){.ticket-compose .ticket-field-error{margin-top:4px;font-size:10px}}


/* Nouveau ticket v341 — résumé du niveau d'assistance */
body[data-route="ticket-new"] .ticket-support-level-card{padding:14px 15px;border:1px solid #dce6ef;border-radius:14px;background:linear-gradient(135deg,#f9fcff 0%,#f4f9ff 100%);box-shadow:0 10px 24px rgba(25,67,112,.06)}
body[data-route="ticket-new"] .ticket-support-level-card.is-premium{border-color:#cfeadd;background:linear-gradient(135deg,#f5fffa 0%,#eefbf5 100%)}
body[data-route="ticket-new"] .ticket-support-level-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;column-gap:11px}
body[data-route="ticket-new"] .ticket-support-level-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#eef4fb;color:#4a6d95;font-size:23px;grid-row:1/span 2}
body[data-route="ticket-new"] .ticket-support-level-card.is-premium .ticket-support-level-icon{background:#ddf8e9;color:#059669}
body[data-route="ticket-new"] .ticket-support-level-title{min-width:0;align-self:center}
body[data-route="ticket-new"] .ticket-support-level-title strong{display:block;margin:0 0 3px;color:#172b4d;font-size:13px;font-weight:750;line-height:1.2;white-space:nowrap}
body[data-route="ticket-new"] .ticket-support-level-title p{margin:0;color:#74849a;font-size:9.5px;line-height:1.4;max-width:205px}
body[data-route="ticket-new"] .ticket-support-level-badge{align-self:start;min-height:25px;padding:0 9px;display:inline-flex;align-items:center;gap:6px;border-radius:8px;background:#edf3fa;color:#58708d;font-size:9px;font-weight:700;white-space:nowrap}
body[data-route="ticket-new"] .ticket-support-level-card.is-premium .ticket-support-level-badge{background:#ddf8e9;color:#168461}
body[data-route="ticket-new"] .ticket-support-level-badge i{width:7px;height:7px;border-radius:50%;background:currentColor}
body[data-route="ticket-new"] .ticket-support-level-meta{margin-top:13px;padding-top:12px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(123,145,172,.16)}
body[data-route="ticket-new"] .ticket-support-level-meta>div{min-width:0;display:flex;align-items:center;gap:9px}
body[data-route="ticket-new"] .ticket-support-level-meta>div+div{margin-left:12px;padding-left:12px;border-left:1px solid rgba(123,145,172,.18)}
body[data-route="ticket-new"] .ticket-support-level-meta-icon{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#eef4fb;color:#55779d;font-size:17px}
body[data-route="ticket-new"] .ticket-support-level-card.is-premium .ticket-support-level-meta-icon{background:#e1faec;color:#07956c}
body[data-route="ticket-new"] .ticket-support-level-meta p{margin:0;min-width:0}
body[data-route="ticket-new"] .ticket-support-level-meta small{display:block;margin-bottom:2px;color:#8492a5;font-size:8.5px;line-height:1.15;white-space:nowrap}
body[data-route="ticket-new"] .ticket-support-level-meta strong{display:block;color:#253b5b;font-size:10.5px;font-weight:750;line-height:1.2;white-space:nowrap}
body[data-route="ticket-new"] .ticket-support-level-card.is-premium .ticket-support-level-meta strong{color:#147b5e}
@media(max-width:760px){body[data-route="ticket-new"] .ticket-support-level-card{padding:13px 14px}body[data-route="ticket-new"] .ticket-support-level-head{grid-template-columns:42px minmax(0,1fr) auto;column-gap:10px}body[data-route="ticket-new"] .ticket-support-level-icon{width:42px;height:42px;font-size:21px}body[data-route="ticket-new"] .ticket-support-level-title strong{font-size:12.5px}body[data-route="ticket-new"] .ticket-support-level-title p{font-size:9.25px;max-width:none}body[data-route="ticket-new"] .ticket-support-level-meta{margin-top:12px;padding-top:11px}}
@media(max-width:430px){body[data-route="ticket-new"] .ticket-support-level-head{grid-template-columns:40px minmax(0,1fr) auto;column-gap:9px}body[data-route="ticket-new"] .ticket-support-level-icon{width:40px;height:40px;font-size:20px}body[data-route="ticket-new"] .ticket-support-level-badge{min-height:23px;padding:0 8px;font-size:8.5px}body[data-route="ticket-new"] .ticket-support-level-title strong{font-size:12px}body[data-route="ticket-new"] .ticket-support-level-title p{font-size:9px}body[data-route="ticket-new"] .ticket-support-level-meta{grid-template-columns:1fr 1fr;gap:0}body[data-route="ticket-new"] .ticket-support-level-meta>div{gap:7px}body[data-route="ticket-new"] .ticket-support-level-meta>div+div{margin-left:8px;padding-left:8px;border-left:1px solid rgba(123,145,172,.18)}body[data-route="ticket-new"] .ticket-support-level-meta-icon{flex-basis:30px;width:30px;height:30px;font-size:16px}body[data-route="ticket-new"] .ticket-support-level-meta small{font-size:8px}body[data-route="ticket-new"] .ticket-support-level-meta strong{font-size:10px}}

/* Ticket new - give the support column a little more room on desktop */
@media (min-width:1001px){
  body[data-route="ticket-new"] .ticket-new-page .ticket-compose{
    grid-template-columns:minmax(0,1fr) 280px;
  }
  body[data-route="ticket-new"] .ticket-support-level-meta strong>span{
    display:block;
  }
}


/* Ticket new - services status card */
.ticket-services-status-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;padding:14px 15px;border:1px solid #dce6ef;border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(25,67,112,.06)}
.ticket-services-status-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e8f8f1;color:#0fa878;font-size:18px}
.ticket-services-status-copy{min-width:0}
.ticket-services-status-head{display:flex;align-items:center;justify-content:space-between;gap:9px}
.ticket-services-status-head h2{margin:0;color:#172b4d;font-size:13px;font-weight:750;line-height:1.2;white-space:nowrap}
.ticket-services-status-badge{flex:0 0 auto;min-height:21px;padding:0 7px;display:inline-flex;align-items:center;gap:5px;border-radius:7px;background:#e7f8f1;color:#11865f;font-size:8.5px;font-weight:700;white-space:nowrap}
.ticket-services-status-badge i{width:6px;height:6px;border-radius:50%;background:#10b981}
.ticket-services-status-copy p{margin:4px 0 0;color:#74849a;font-size:9.5px;line-height:1.4}
@media(max-width:760px){.ticket-services-status-card{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:13px 14px}.ticket-services-status-icon{width:36px;height:36px;border-radius:10px;font-size:17px}.ticket-services-status-head h2{font-size:12.5px}.ticket-services-status-badge{min-height:20px;padding:0 7px;font-size:8px}.ticket-services-status-copy p{font-size:9.25px}}


/* Ticket new - next steps timeline */
body[data-route="ticket-new"] .ticket-next-steps-card{padding:14px 15px;border:1px solid #dce6ef;border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(25,67,112,.055)}
body[data-route="ticket-new"] .ticket-next-steps-head{display:flex;align-items:center;gap:10px;margin:0 0 12px}
body[data-route="ticket-new"] .ticket-next-steps-head .ticket-next-steps-icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef5ff;color:#1768e5;font-size:18px}
body[data-route="ticket-new"] .ticket-next-steps-head .ticket-next-steps-icon i{color:inherit;font-size:18px}
body[data-route="ticket-new"] .ticket-next-steps-head h2{margin:0;color:#172b4d;font-size:13px;font-weight:750;line-height:1.2}
body[data-route="ticket-new"] .ticket-next-steps-list{position:relative;display:grid;gap:12px}
body[data-route="ticket-new"] .ticket-next-step{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start}
body[data-route="ticket-new"] .ticket-next-step:not(:last-child)::after{content:"";position:absolute;left:14.5px;top:28px;bottom:-12px;width:1px;background:linear-gradient(180deg,#cfe0fb 0%,#e6eef9 100%)}
body[data-route="ticket-new"] .ticket-next-step-number{position:relative;z-index:1;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#eef4ff;color:#2563eb;font-size:10px;font-weight:750}
body[data-route="ticket-new"] .ticket-next-step p{margin:1px 0 0;color:#71819a;font-size:9.5px;line-height:1.45}
body[data-route="ticket-new"] .ticket-next-step p a{color:#1768e5;font-weight:650;text-decoration:none}
body[data-route="ticket-new"] .ticket-next-step p a:hover{text-decoration:underline}
@media(max-width:760px){body[data-route="ticket-new"] .ticket-next-steps-card{padding:13px 14px}body[data-route="ticket-new"] .ticket-next-steps-head{margin-bottom:11px}body[data-route="ticket-new"] .ticket-next-steps-head .ticket-next-steps-icon{width:32px;height:32px;flex-basis:32px;font-size:17px}body[data-route="ticket-new"] .ticket-next-steps-head h2{font-size:12.5px}body[data-route="ticket-new"] .ticket-next-step{grid-template-columns:28px minmax(0,1fr);gap:9px}body[data-route="ticket-new"] .ticket-next-step-number{width:28px;height:28px;font-size:9.5px}body[data-route="ticket-new"] .ticket-next-step:not(:last-child)::after{left:13.5px;top:26px}body[data-route="ticket-new"] .ticket-next-step p{font-size:9.25px}}


/* Support plans — redesigned to match the client-area reference */
.support-plan-page{max-width:1280px;margin:0 auto 44px;color:#142447}
.support-plan-title{margin:0 0 14px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.support-plan-title h1{margin:0 0 3px;font-size:22px;font-weight:820;letter-spacing:-.03em;color:#122344}
.support-plan-title p{margin:0;color:#73819d;font-size:11.5px}
.support-current-chip{min-width:170px;padding:10px 14px;display:flex;align-items:center;gap:10px;border:1px solid #dce4f0;border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(31,55,95,.07)}
.support-current-chip>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f0eaff;color:#6c3df0;font-size:20px}
.support-current-chip span{display:grid;gap:2px}.support-current-chip b{font-size:10px;color:#1d3158}.support-current-chip small{display:flex;align-items:center;gap:5px;color:#0c9b60;font-size:9px}.support-current-chip small i{width:6px;height:6px;border-radius:50%;background:#12b76a}

.support-current-card{position:relative;overflow:hidden;min-height:105px;margin-bottom:20px;padding:18px 22px;display:grid;grid-template-columns:54px minmax(0,1fr) minmax(310px,410px);align-items:center;gap:17px;border:1px solid #cfdcf3;border-radius:11px;background:linear-gradient(105deg,#fff 0%,#fff 64%,#f7f4ff 100%);box-shadow:0 8px 22px rgba(31,55,95,.045)}
.support-current-card::after{content:"";position:absolute;right:-48px;bottom:-58px;width:270px;height:128px;border-radius:50%;background:linear-gradient(145deg,rgba(99,102,241,.02),rgba(124,58,237,.12));transform:rotate(-12deg);pointer-events:none}
.support-current-card::before{content:"";position:absolute;right:58px;bottom:-72px;width:240px;height:118px;border-radius:50%;background:rgba(62,116,255,.055);transform:rotate(-9deg);pointer-events:none}
.support-current-medal{position:relative;z-index:1;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#eee8ff;color:#7139ef;font-size:25px}
.support-current-copy{position:relative;z-index:1;display:grid;gap:5px}.support-current-copy>div{display:flex;align-items:center;gap:8px}.support-current-copy h2{margin:0;font-size:14px;color:#17284a}.support-current-copy>div>span{padding:3px 7px;border-radius:999px;background:#f0eaff;color:#6b3bea;font-size:7.5px;font-weight:800;text-transform:uppercase}.support-current-copy>strong{color:#0a9a5e;font-size:13px}.support-current-copy>small{width:max-content;padding:5px 9px;border:1px solid #dce4f1;border-radius:999px;background:#fff;color:#61708d;font-size:8.5px}.support-current-copy>small i{margin-right:4px;color:#6f7fa0}
.support-current-detail{position:relative;z-index:1;padding-left:20px;border-left:1px solid #dde5f2;display:grid;gap:7px}.support-current-detail p{margin:0;color:#65738f;font-size:9.5px;line-height:1.5}.support-current-detail span{width:max-content;padding:6px 10px;border:1px solid #dce4f0;border-radius:999px;background:#fff;color:#55657f;font-size:8.5px}.support-current-detail span i{margin-right:4px;color:#6f7fa0}.support-current-detail>small{color:#7c89a0;font-size:8px}

.support-plan-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.support-plan-choice{text-align:center;margin:0 0 12px}.support-plan-choice h2{margin:0 0 4px;font-size:17px;color:#17284a}.support-plan-choice p{margin:0;color:#74819a;font-size:10px}
.support-plan-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.support-plan-card{position:relative;min-height:405px;padding:22px 18px 16px;display:flex;flex-direction:column;align-items:center;border:1px solid #d9e1ee;border-radius:11px;background:#fff;box-shadow:0 8px 22px rgba(31,55,95,.05)}
.support-plan-card.premium{border:1.5px solid #7047ef;box-shadow:0 10px 28px rgba(112,71,239,.13);transform:none}
.support-plan-current-label{position:absolute;top:10px;left:12px;transform:none;padding:4px 9px;border-radius:999px;background:#f1ecff;color:#6740e8;font-size:7.5px;font-weight:800;white-space:nowrap}
.support-plan-recommended{position:absolute;top:8px;left:50%;transform:translateX(-50%);padding:4px 14px;border-radius:999px;background:linear-gradient(90deg,#7b4df4,#6538e8);color:#fff;font-size:7.5px;font-weight:800;white-space:nowrap;box-shadow:0 6px 14px rgba(105,61,232,.2)}
.support-plan-icon{width:44px;height:44px;margin:4px 0 10px;display:grid;place-items:center;border-radius:12px;background:#f1ecff;color:#7043ea;font-size:22px}.support-plan-card.premium .support-plan-icon{background:linear-gradient(180deg,#8355f6,#6b3de8);color:#fff;box-shadow:0 7px 15px rgba(107,61,232,.22)}
.support-plan-card h3{margin:0 0 7px;font-size:13px;color:#162749}.support-plan-price{min-height:27px;display:flex;align-items:baseline;gap:4px}.support-plan-price strong{color:#122344;font-size:17px}.support-plan-card.essential .support-plan-price strong{color:#07985a;font-size:15px}.support-plan-price small{color:#7a879c;font-size:8px}
.support-plan-delay{margin:9px 0 14px;padding:5px 9px;border-radius:999px;background:#f3f6fa;color:#60708a;font-size:7.8px}.support-plan-card.premium .support-plan-delay{background:#fff3cf;color:#9b6b00}
.support-plan-card ul{width:100%;margin:0 0 14px;padding:0;display:grid;gap:7px;list-style:none}.support-plan-card li{display:grid;grid-template-columns:15px minmax(0,1fr);align-items:start;color:#52617c;font-size:8.5px;line-height:1.28}.support-plan-card li>i{color:#0ea463;font-size:13px}.support-plan-card li>small{grid-column:2;color:#8c98aa;font-size:7px}
.support-plan-button{width:100%;min-height:34px;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:7px;font-size:9px;font-weight:750;text-decoration:none}.support-plan-button.current{border:1px solid #dde4ef;background:#f8fafc;color:#8d99aa}.support-plan-button.premium{background:linear-gradient(90deg,#7d49f3,#6539e8);color:#fff;box-shadow:0 8px 16px rgba(106,61,232,.2)}

.support-plan-aside{padding-top:43px;display:grid;gap:14px;position:static}.support-plan-aside .panel{padding:17px;border:1px solid #dde4ee;border-radius:11px;box-shadow:0 8px 22px rgba(31,55,95,.05)}
.support-plan-included h3{margin:0 0 14px;display:flex;align-items:center;gap:8px;font-size:11.5px;color:#192b50}.support-plan-included h3>span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#eef3ff;color:#5a54e8;font-size:15px}.support-plan-aside ul{margin:0;padding:0;display:grid;gap:9px;list-style:none}.support-plan-aside li{display:flex;align-items:flex-start;gap:7px;color:#62708a;font-size:8.5px;line-height:1.35}.support-plan-aside li i{color:#0da160;font-size:13px}
.support-plan-help{padding:15px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;border:1px solid #dfd3f8;border-radius:11px;background:linear-gradient(135deg,#fbf9ff,#f6f1ff);box-shadow:0 8px 22px rgba(89,58,155,.05)}.support-plan-help>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eee6ff;color:#6b3de8;font-size:18px}.support-plan-help b{font-size:10px;color:#1a2a4c}.support-plan-help small{color:#7a879d;font-size:8px}.support-plan-help>a{grid-column:1/-1;min-height:32px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #e6def6;border-radius:7px;background:#fff;color:#6640df;font-size:8.5px;font-weight:750;text-decoration:none}

.support-plan-comparison{margin-top:18px;padding:0;overflow:hidden;border:1px solid #dce4ef;border-radius:11px;box-shadow:0 8px 22px rgba(31,55,95,.045)}
.support-plan-comparison>header{padding:14px 16px 10px;display:flex;align-items:flex-start;gap:9px}.support-plan-comparison>header>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eef2ff;color:#5d51e8;font-size:16px}.support-plan-comparison>header>div{display:grid;gap:2px}.support-plan-comparison h2{margin:0;font-size:12.5px;color:#17284a}.support-plan-comparison>header p{margin:0;color:#7b879d;font-size:8px}.support-plan-table-wrap{overflow-x:auto;padding:0 14px 14px}.support-plan-comparison table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid #e4e9f1;border-radius:9px;overflow:hidden}.support-plan-comparison th,.support-plan-comparison td{padding:7px 10px;border-bottom:1px solid #e8ecf2;font-size:8px}.support-plan-comparison thead th{background:#f6f8fb;color:#3d4b64;font-weight:800;text-align:center}.support-plan-comparison thead th:first-child{width:46%;text-align:left}.support-plan-comparison thead th i{margin-right:5px;color:#5d51e8}.support-plan-comparison thead th.premium{background:#f3edff;color:#6b3de8}.support-plan-comparison tbody th{text-align:left;color:#5d6a82;font-weight:500}.support-plan-comparison tbody th>i{width:19px;color:#7c89a0;font-size:12px}.support-plan-comparison tbody td{text-align:center;color:#34425c}.support-plan-comparison tbody td.premium{background:#fcfaff}.support-plan-section th{padding:8px 10px 5px;border:0;background:#fff;color:#7c899e;font-size:7px;font-weight:800;letter-spacing:.08em}.support-feature-yes{color:#0aa05e;font-size:14px}.support-feature-no{color:#b2bbc8;font-size:14px}

@media(max-width:1050px){.support-plan-workspace{grid-template-columns:1fr}.support-plan-aside{padding-top:0;grid-template-columns:1fr 1fr}.support-current-card{grid-template-columns:54px minmax(0,1fr) minmax(260px,340px)}}
@media(max-width:720px){.support-plan-page{margin-bottom:30px}.support-plan-title{align-items:flex-start}.support-current-chip{min-width:0}.support-current-chip span{display:none}.support-current-card{padding:15px;grid-template-columns:44px minmax(0,1fr)}.support-current-medal{width:42px;height:42px}.support-current-detail{grid-column:1/-1;padding:11px 0 0;border-left:0;border-top:1px solid #e2e7ef}.support-plan-cards{grid-template-columns:1fr}.support-plan-card{min-height:0}.support-plan-aside{grid-template-columns:1fr}.support-plan-comparison thead th:first-child{width:54%}.support-plan-comparison th,.support-plan-comparison td{padding:7px 6px}}


/* Support plans - editorial layout v2 */
.support-plan-page{max-width:1320px!important;margin:0 auto 46px!important}
.support-plan-title{margin:0 0 18px!important;align-items:flex-end!important;padding:0 2px}
.support-plan-title>div:first-child{display:grid;gap:3px}
.support-plan-eyebrow{color:#7b6fe7;font-size:8px;font-weight:850;letter-spacing:.18em}
.support-plan-title h1{font-size:27px!important;line-height:1.05!important;margin:0!important;color:#101d46!important}
.support-plan-title p{font-size:12px!important;color:#6f7e9b!important}
.support-plan-title-note{max-width:270px;padding:2px 0 2px 20px;border-left:1px solid #d9e0ed;display:grid;gap:6px;color:#6b77a2}
.support-plan-title-note strong{font-size:10px;color:#6c63d9;font-weight:750}
.support-plan-title-note span{font-size:9px;line-height:1.5;color:#8791aa}

.support-current-card{position:relative;overflow:hidden;min-height:118px;padding:18px 20px!important;grid-template-columns:58px minmax(0,1fr) minmax(300px,370px)!important;gap:14px!important;border:1px solid #dce3ef!important;border-radius:12px!important;background:linear-gradient(90deg,#fff 0%,#fff 74%,#faf9ff 100%)!important;box-shadow:0 9px 24px rgba(35,57,97,.06)!important}
.support-current-card::after{content:"";position:absolute;right:-55px;bottom:-88px;width:310px;height:190px;border-radius:58% 42% 0 0;background:radial-gradient(circle at 35% 25%,rgba(130,101,244,.18),rgba(130,101,244,.07) 48%,rgba(130,101,244,0) 70%);transform:rotate(-14deg);pointer-events:none}
.support-current-medal{position:relative;z-index:1;width:56px!important;height:56px!important;border-radius:18px!important;background:linear-gradient(145deg,#f2edff,#e4d9ff)!important;color:#7045ea!important;font-size:28px!important;box-shadow:0 9px 18px rgba(110,73,226,.12)!important}
.support-current-copy{position:relative;z-index:1;align-self:center}
.support-current-copy>div{display:flex!important;align-items:center;gap:9px!important;flex-wrap:wrap}
.support-current-kicker{width:100%;color:#6f54e5;font-size:7.5px;font-weight:850;letter-spacing:.08em}
.support-current-copy h2{margin:0!important;font-size:15px!important;color:#16264a!important}
.support-current-copy h2 em{margin-left:7px;padding:4px 8px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#e8f8ef;color:#15935d;font-size:7.5px;font-style:normal;font-weight:800;vertical-align:middle}
.support-current-copy h2 em i{width:6px;height:6px;border-radius:50%;background:#18b873}
.support-current-copy>strong{display:block;margin-top:3px;color:#15925b!important;font-size:12px!important;font-weight:800!important}
.support-current-copy>small{margin-top:8px!important;padding:5px 9px!important;display:inline-flex!important;align-items:center;gap:6px;border-radius:999px;background:#f7f9fc;color:#61718d!important;font-size:8px!important;border:1px solid #e7ebf2}
.support-current-detail{position:relative;z-index:1;align-self:center;padding-left:24px!important;border-left:1px solid #dde3ec!important}
.support-current-detail p{max-width:255px;margin:0 0 10px!important;color:#63708e!important;font-size:9px!important;line-height:1.55!important}
.support-current-detail>span{display:inline-flex!important;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid #e2e7ef;background:#fff;color:#5f6d89;font-size:8px!important}

.support-plan-choice{text-align:left!important;margin:22px 0 12px!important}.support-plan-choice h2{font-size:18px!important;margin-bottom:3px!important}.support-plan-choice p{font-size:10px!important}
.support-plan-workspace{grid-template-columns:minmax(0,1fr) 268px!important;gap:22px!important}
.support-plan-cards{gap:22px!important}
.support-plan-card{min-height:430px!important;padding:28px 20px 16px!important;border-radius:12px!important;box-shadow:0 8px 22px rgba(31,55,95,.045)!important}
.support-plan-card.premium{border:1.5px solid #7350f4!important;box-shadow:0 10px 26px rgba(101,67,224,.11)!important}
.support-plan-current-label{top:10px!important;right:12px!important;left:auto!important;background:#f3efff!important;color:#7150e6!important}
.support-plan-recommended{top:9px!important;padding:5px 16px!important}
.support-plan-icon{width:48px!important;height:48px!important;margin:2px 0 12px!important;border-radius:12px!important;font-size:24px!important}
.support-plan-card h3{font-size:14px!important;margin-bottom:4px!important}
.support-plan-card h3::after{content:"";display:block;height:0}
.support-plan-price{min-height:32px!important}.support-plan-price strong{font-size:20px!important}.support-plan-card.essential .support-plan-price strong{font-size:18px!important}
.support-plan-delay{margin:10px 0 14px!important;padding:6px 10px!important;font-size:8px!important}
.support-plan-card ul{gap:6px!important}.support-plan-card li{font-size:8.8px!important}.support-plan-card li>i{font-size:14px!important}
.support-plan-button{min-height:38px!important;border-radius:7px!important;font-size:9px!important}

.support-plan-aside{padding-top:43px!important;gap:16px!important}
.support-plan-aside .panel,.support-plan-help{border-radius:12px!important;box-shadow:0 8px 22px rgba(31,55,95,.045)!important}
.support-plan-included{position:relative;overflow:hidden;background:#fff!important}
.support-plan-included::after{content:"";position:absolute;right:-30px;bottom:-40px;width:120px;height:110px;border-radius:60% 0 0 0;background:radial-gradient(circle at 40% 35%,rgba(109,83,226,.12),rgba(109,83,226,0) 72%)}
.support-plan-included h3{font-size:12px!important}.support-plan-aside li{font-size:8.7px!important}
.support-plan-help{padding:12px!important;grid-template-columns:38px minmax(0,1fr)!important;background:linear-gradient(135deg,#fbfaff,#f7f4ff)!important}
.support-plan-help>span{width:38px!important;height:38px!important}.support-plan-help b{font-size:10.2px!important}.support-plan-help small{font-size:8px!important;line-height:1.45}
.support-plan-help>a:not(.support-plan-help-center){min-height:34px!important;margin-top:2px!important}
.support-plan-help-center{grid-column:1/-1!important;min-height:54px!important;padding:9px 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border:1px solid #e3e6ef!important;border-radius:8px!important;background:#fff!important;color:#213358!important;text-decoration:none!important}
.support-plan-help-center>span{display:grid;gap:2px}.support-plan-help-center b{font-size:8.5px!important}.support-plan-help-center small{font-size:7.3px!important;color:#8994a7!important}.support-plan-help-center>i{color:#6d49e8;font-size:15px}

.support-plan-comparison{margin-top:20px!important;border-radius:12px!important}.support-plan-comparison>header{padding:13px 17px 9px!important}.support-plan-comparison>header>span{background:#f0ecff!important;color:#6b48e7!important}.support-plan-comparison h2{font-size:12.5px!important}.support-plan-table-wrap{padding:0 16px 14px!important}.support-plan-comparison th,.support-plan-comparison td{padding:6px 10px!important;font-size:7.8px!important}.support-plan-section{display:none}
.support-plan-comparison thead th.premium{background:#f2ecff!important}

@media(max-width:1080px){.support-plan-workspace{grid-template-columns:1fr!important}.support-plan-aside{padding-top:0!important;grid-template-columns:1fr 1fr!important}.support-current-card{grid-template-columns:54px minmax(0,1fr) minmax(250px,320px)!important}}
@media(max-width:760px){.support-plan-title-note{display:none}.support-plan-title h1{font-size:24px!important}.support-current-card{grid-template-columns:46px minmax(0,1fr)!important}.support-current-detail{grid-column:1/-1!important;padding:12px 0 0!important;border-left:0!important;border-top:1px solid #e2e7ef!important}.support-plan-cards{grid-template-columns:1fr!important}.support-plan-aside{grid-template-columns:1fr!important}.support-plan-workspace{gap:16px!important}}


/* Support plans - compact cards */
@media(min-width:1081px){
  .support-plan-workspace{grid-template-columns:minmax(0,1fr) 330px!important;gap:18px!important}
  .support-plan-cards{gap:16px!important}
  .support-plan-card{min-height:360px!important;padding:20px 16px 14px!important}
  .support-plan-card.premium{transform:none!important}
  .support-plan-icon{width:40px!important;height:40px!important;margin:0 0 9px!important;border-radius:12px!important;font-size:21px!important}
  .support-plan-card h3{font-size:12px!important;margin-bottom:3px!important}
  .support-plan-price{min-height:26px!important}
  .support-plan-price strong{font-size:18px!important}
  .support-plan-card.essential .support-plan-price strong{font-size:16px!important}
  .support-plan-delay{margin:8px 0 11px!important;padding:5px 9px!important;font-size:7.6px!important}
  .support-plan-card ul{gap:4px!important;margin-bottom:12px!important}
  .support-plan-card li{font-size:8.2px!important;line-height:1.25!important}
  .support-plan-card li>i{font-size:13px!important}
  .support-plan-button{min-height:34px!important;font-size:8.6px!important}
  .support-plan-aside{padding-top:40px!important;gap:12px!important}
  .support-plan-aside .panel{padding:14px!important}
  .support-plan-included h3{margin-bottom:10px!important;font-size:11px!important}
  .support-plan-included h3>span{width:24px!important;height:24px!important;font-size:14px!important}
  .support-plan-aside ul{gap:7px!important}
  .support-plan-aside li{font-size:8.1px!important}
  .support-plan-help{padding:13px!important;grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important}
  .support-plan-help>span{width:32px!important;height:32px!important;font-size:16px!important}
  .support-plan-help b{font-size:9.4px!important}
  .support-plan-help small{font-size:7.6px!important}
  .support-plan-help>a:not(.support-plan-help-center){min-height:30px!important;font-size:8px!important}
  .support-plan-help-center{min-height:46px!important;padding:7px 9px!important}
  .support-plan-help-center b{font-size:8px!important}
  .support-plan-help-center small{font-size:7px!important}
  .support-plan-choice{margin:16px 0 10px!important}
  .support-plan-choice h2{font-size:16px!important}
  .support-plan-choice p{font-size:9.5px!important}
  .support-plan-comparison{margin-top:15px!important}
  .support-plan-comparison>header{padding:11px 15px 7px!important}
  .support-plan-table-wrap{padding:0 12px 12px!important}
  .support-plan-comparison th,.support-plan-comparison td{padding:5px 8px!important;font-size:7.4px!important}
}


/* support/plans structural relayout to match reference disposition */
.sp3-page{max-width:1320px!important;margin:0 auto 44px!important;color:#142447!important}
.sp3-header{align-items:flex-start!important;margin-bottom:14px!important}.sp3-header-note{max-width:320px!important;padding:6px 0 0 22px!important;border-left:1px solid #dde4ef!important;display:grid!important;gap:6px!important}.sp3-header-note strong{font-size:12px!important;color:#6f66df!important;font-weight:800!important}.sp3-header-note span{font-size:9.5px!important;line-height:1.45!important;color:#8592ab!important}
.sp3-current{display:grid!important;grid-template-columns:58px minmax(0,1fr) minmax(280px,360px)!important;gap:14px!important;align-items:center!important;padding:16px 18px!important;border:1px solid #e2e8f2!important;border-radius:13px!important;background:#fff!important;box-shadow:0 8px 22px rgba(31,55,95,.04)!important;position:relative!important;overflow:hidden!important}.sp3-current::after{content:"";position:absolute;right:-10px;bottom:-36px;width:220px;height:120px;background:radial-gradient(circle at 30% 30%,rgba(119,93,245,.14),rgba(119,93,245,0) 70%);pointer-events:none}.sp3-current-medal{width:58px!important;height:58px!important;border-radius:18px!important;background:linear-gradient(135deg,#f5f0ff,#ece4ff)!important;color:#6d47ea!important;display:grid!important;place-items:center!important;font-size:30px!important}.sp3-current-copy{display:grid!important;gap:6px!important}.sp3-current-title-row{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap}.sp3-current-copy h2{margin:0!important;font-size:18px!important;color:#11264d!important}.sp3-current-title-row em{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;border-radius:999px!important;background:#e8f7ed!important;color:#169155!important;font-style:normal!important;font-size:12px!important;font-weight:800!important}.sp3-current-title-row em i{width:9px!important;height:9px!important;border-radius:50%!important;background:#20b362!important}.sp3-current-copy p{margin:0!important;display:flex!important;align-items:baseline!important;gap:6px!important;flex-wrap:wrap}.sp3-current-copy p strong{font-size:15px!important;color:#16a05b!important}.sp3-current-copy p span{font-size:12px!important;color:#70809d!important}.sp3-current-pills{display:flex!important;gap:10px!important;flex-wrap:wrap}.sp3-current-pills span{height:30px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;border:1px solid #e4eaf2!important;border-radius:999px!important;background:#fafcff!important;color:#51617d!important;font-size:9.5px!important;font-weight:700!important}.sp3-current-pills i{font-size:15px!important;color:#6575e4!important}.sp3-current-detail{min-height:100%!important;padding-left:22px!important;border-left:1px solid #e5eaf2!important;display:grid!important;align-content:center!important;gap:10px!important}.sp3-current-detail p{margin:0!important;color:#697896!important;font-size:11.5px!important;line-height:1.45!important}.sp3-current-detail small{color:#8793a9!important;font-size:9px!important}.sp3-current .support-renewal-manage{justify-self:start!important}
.sp3-choice{text-align:left!important;margin:16px 0 10px!important}.sp3-choice h2{margin:0 0 3px!important;font-size:14px!important;color:#17284a!important}.sp3-choice p{margin:0!important;color:#74819a!important;font-size:9.8px!important}
.sp3-workspace{display:grid!important;grid-template-columns:minmax(0,1fr) 268px!important;gap:16px!important;align-items:start!important}.sp3-offers{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.sp3-plan{min-height:345px!important;padding:18px 16px 14px!important;border-radius:12px!important;align-items:stretch!important}.sp3-plan .support-plan-current-label{top:12px!important;right:12px!important;left:auto!important;transform:none!important;padding:4px 10px!important;font-size:7px!important;background:#f1ecff!important;color:#6d4ae7!important}.sp3-plan .support-plan-recommended{top:9px!important;left:50%!important;transform:translateX(-50%)!important;padding:5px 15px!important;font-size:7.2px!important;background:linear-gradient(90deg,#7b4df4,#6538e8)!important;color:#fff!important}.sp3-plan-head{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;margin-bottom:8px!important}.sp3-plan .support-plan-icon{width:40px!important;height:40px!important;margin:0!important;border-radius:12px!important;font-size:22px!important}.sp3-plan h3{margin:0 0 3px!important;font-size:15px!important;color:#17284a!important}.sp3-plan-subtitle{margin:0!important;color:#73819c!important;font-size:9.5px!important;line-height:1.4!important}.sp3-plan-price{margin:0 0 8px!important;justify-content:flex-start!important;min-height:36px!important}.sp3-plan-price strong{font-size:17px!important}.sp3-plan.essential .sp3-plan-price strong{font-size:14px!important;color:#5d39e7!important}.sp3-plan-price small{font-size:9px!important;color:#7e8aa1!important}.sp3-plan-meta{display:flex!important;gap:9px!important;flex-wrap:wrap;margin:0 0 10px!important}.sp3-plan-meta .support-plan-delay{margin:0!important;height:30px!important;padding:0 10px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;border:1px solid #e4eaf2!important;border-radius:999px!important;background:#fafcff!important;color:#55647f!important;font-size:8px!important;font-weight:700!important}.sp3-plan.premium .sp3-plan-meta .support-plan-delay{background:#fff!important}.sp3-plan-meta .support-plan-delay i{font-size:14px!important;color:#6a53e8!important}.sp3-features{gap:4px!important;margin:0 0 12px!important}.sp3-features li{grid-template-columns:14px minmax(0,1fr)!important;font-size:8.3px!important;line-height:1.28!important;color:#596882!important}.sp3-features li i{font-size:12px!important;color:#693ee8!important}.sp3-plan .support-plan-button{min-height:36px!important;border-radius:8px!important;font-size:8.8px!important;gap:6px!important;margin-top:auto!important}.sp3-plan .support-plan-button.premium{background:linear-gradient(90deg,#6f46ef,#7c3cff)!important}.sp3-plan .support-plan-button.current{background:#f7f9fc!important}
.sp3-aside{padding-top:0!important;gap:12px!important;position:static!important}.sp3-aside .panel{padding:18px 16px!important;border-radius:12px!important;border:1px solid #e1e7f0!important;box-shadow:0 8px 22px rgba(31,55,95,.04)!important}.sp3-included h3{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 10px!important;font-size:12px!important;color:#17284a!important}.sp3-included h3 span{width:24px!important;height:24px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:#f1ecff!important;color:#6d49e8!important;font-size:15px!important}.sp3-included ul{gap:9px!important}.sp3-included li{font-size:9px!important;color:#5f6d86!important}.sp3-included li i{font-size:14px!important;color:#15a462!important}.sp3-help{padding:14px!important;grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;border:1px solid #e1e7f0!important;border-radius:12px!important;background:#fff!important;box-shadow:0 8px 22px rgba(31,55,95,.04)!important}.sp3-help>span{width:36px!important;height:36px!important;border-radius:12px!important;background:#f1ecff!important;color:#7449e8!important;font-size:18px!important}.sp3-help b{font-size:12px!important;color:#17284a!important}.sp3-help small{font-size:8.6px!important;color:#76849f!important;line-height:1.45!important}.sp3-help>a:not(.support-plan-help-center){grid-column:1/-1!important;min-height:34px!important;border-radius:8px!important;background:#fff!important;border:1px solid #dccff7!important;color:#6f46ef!important;font-size:9px!important;font-weight:800!important;box-shadow:none!important}.sp3-help-center{grid-column:1/-1!important;min-height:54px!important;padding:10px 11px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border:1px solid #e3e7ef!important;border-radius:9px!important;background:#fff!important;text-decoration:none!important}.sp3-help-center b{font-size:9px!important;color:#24365e!important}.sp3-help-center small{font-size:7.7px!important;color:#8994a7!important}.sp3-help-center>i{font-size:14px!important;color:#6f46ef!important}
.sp3-comparison{margin-top:16px!important;padding:0!important;border-radius:12px!important;border:1px solid #e1e7f0!important;box-shadow:0 8px 22px rgba(31,55,95,.04)!important}.sp3-comparison>header{padding:12px 16px 8px!important;display:flex!important;align-items:flex-start!important;gap:10px!important}.sp3-comparison>header>span{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:#f1ecff!important;color:#7048e8!important;font-size:15px!important}.sp3-comparison h2{margin:0!important;font-size:12px!important;color:#17284a!important}.sp3-comparison header p{margin:2px 0 0!important;color:#7a879f!important;font-size:8px!important}.sp3-comparison .support-plan-table-wrap{padding:0 14px 12px!important}.sp3-comparison table{width:100%!important;border-collapse:collapse!important}.sp3-comparison th,.sp3-comparison td{padding:5px 9px!important;border-bottom:1px solid #edf1f6!important;font-size:7.2px!important}.sp3-comparison thead th{background:#f8f9fc!important;color:#3d4b64!important;font-weight:800!important;text-align:center!important}.sp3-comparison thead th:first-child{width:45%!important;text-align:left!important}.sp3-comparison thead th small{display:block!important;margin-top:2px!important;font-size:7px!important;color:#7a87a0!important}.sp3-comparison thead th.premium{background:#f3edff!important;color:#6b3de8!important}.sp3-comparison tbody th{text-align:left!important;color:#5d6a82!important;font-weight:500!important}.sp3-comparison tbody th>i{width:16px!important;color:#7c89a0!important;font-size:11px!important}.sp3-comparison tbody td{text-align:center!important;color:#34425c!important}.sp3-comparison tbody td.premium{background:#fcfaff!important}.sp3-comparison .support-plan-section{display:none!important}.sp3-comparison .support-feature-yes{color:#0aa05e!important;font-size:12px!important}.sp3-comparison .support-feature-no{color:#b2bbc8!important;font-size:12px!important}
@media(max-width:1080px){.sp3-current{grid-template-columns:58px minmax(0,1fr)!important}.sp3-current-detail{grid-column:1/-1!important;border-left:0!important;border-top:1px solid #e5eaf2!important;padding:14px 0 0!important}.sp3-workspace{grid-template-columns:1fr!important}.sp3-aside{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){.sp3-header-note{display:none!important}.sp3-current{grid-template-columns:50px minmax(0,1fr)!important;padding:14px!important}.sp3-current-medal{width:50px!important;height:50px!important}.sp3-current-copy h2{font-size:16px!important}.sp3-current-pills span{height:24px!important;font-size:8.5px!important}.sp3-offers{grid-template-columns:1fr!important}.sp3-aside{grid-template-columns:1fr!important}.sp3-workspace{gap:14px!important}.sp3-plan{min-height:0!important}}


/* support/plans — pleine largeur comme ticket-new + plan actuel plus compact */
body[data-route="support-plans"] .content{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  background:#f4f6f8;
}
body[data-route="support-plans"] .support-plan-page.sp3-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:12px 14px 28px!important;
}

body[data-route="support-plans"] .sp3-current{
  grid-template-columns:48px minmax(0,1fr) minmax(250px,330px)!important;
  gap:12px!important;
  padding:11px 14px!important;
  min-height:0!important;
  border-radius:11px!important;
}
body[data-route="support-plans"] .sp3-current-medal{
  width:48px!important;
  height:48px!important;
  border-radius:12px!important;
  font-size:22px!important;
}
body[data-route="support-plans"] .sp3-current-copy{
  gap:4px!important;
}
body[data-route="support-plans"] .sp3-current-copy h2{
  font-size:12px!important;
}
body[data-route="support-plans"] .sp3-current-title-row{
  gap:7px!important;
}
body[data-route="support-plans"] .sp3-current-title-row em{
  padding:4px 9px!important;
  font-size:8.5px!important;
}
body[data-route="support-plans"] .sp3-current-copy p strong{
  font-size:12px!important;
}
body[data-route="support-plans"] .sp3-current-copy p span{
  font-size:9.5px!important;
}
body[data-route="support-plans"] .sp3-current-pills{
  gap:7px!important;
}
body[data-route="support-plans"] .sp3-current-pills span{
  height:26px!important;
  padding:0 10px!important;
  gap:6px!important;
  font-size:8.3px!important;
}
body[data-route="support-plans"] .sp3-current-pills i{
  font-size:12px!important;
}
body[data-route="support-plans"] .sp3-current-detail{
  padding-left:18px!important;
  gap:6px!important;
}
body[data-route="support-plans"] .sp3-current-detail p{
  font-size:9px!important;
  line-height:1.25!important;
}
body[data-route="support-plans"] .sp3-current-detail small{
  font-size:8px!important;
}

/* la colonne de droite ne garde plus d'espace prévu pour la card supprimée */
body[data-route="support-plans"] .sp3-aside{
  display:block!important;
}

@media(max-width:760px){
  body[data-route="support-plans"] .support-plan-page.sp3-page{
    padding:8px 8px 20px!important;
  }
  body[data-route="support-plans"] .sp3-current{
    grid-template-columns:42px minmax(0,1fr)!important;
    padding:10px 11px!important;
  }
  body[data-route="support-plans"] .sp3-current-medal{
    width:40px!important;
    height:40px!important;
    font-size:18px!important;
  }
}


/* support/plans — centered heading, blue accent, recommendation badge fix */
body[data-route="support-plans"] .sp3-choice{
  text-align:center!important;
  margin:18px 0 12px!important;
}
body[data-route="support-plans"] .sp3-choice h2,
body[data-route="support-plans"] .sp3-choice p{
  text-align:center!important;
}

/* badge remains fully inside the premium card */
body[data-route="support-plans"] .sp3-plan.premium{
  padding-top:18px!important;
  border-color:#3b82f6!important;
  box-shadow:0 9px 24px rgba(37,99,235,.11)!important;
}
body[data-route="support-plans"] .sp3-plan .support-plan-recommended{
  top:10px!important;
  right:12px!important;
  left:auto!important;
  transform:none!important;
  padding:4px 10px!important;
  background:#2563eb!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(37,99,235,.16)!important;
}
body[data-route="support-plans"] .sp3-plan.premium .sp3-plan-head{
  padding-right:82px!important;
}

/* replace purple with the same blue family used across the client area */
body[data-route="support-plans"] .support-plan-eyebrow,
body[data-route="support-plans"] .sp3-header-note strong{
  color:#2563eb!important;
}
body[data-route="support-plans"] .sp3-current-medal,
body[data-route="support-plans"] .sp3-plan .support-plan-icon,
body[data-route="support-plans"] .sp3-included h3 span{
  background:#eef4ff!important;
  color:#2563eb!important;
}
body[data-route="support-plans"] .sp3-plan.premium .support-plan-icon{
  background:linear-gradient(135deg,#3b82f6,#2563eb)!important;
  color:#fff!important;
}
body[data-route="support-plans"] .sp3-plan .support-plan-current-label{
  background:#eef4ff!important;
  color:#2563eb!important;
}
body[data-route="support-plans"] .sp3-plan.essential .sp3-plan-price strong{
  color:#2563eb!important;
}
body[data-route="support-plans"] .sp3-plan-meta .support-plan-delay i,
body[data-route="support-plans"] .sp3-features li i{
  color:#2563eb!important;
}
body[data-route="support-plans"] .sp3-plan .support-plan-button.premium{
  background:linear-gradient(90deg,#2563eb,#3478f6)!important;
  box-shadow:0 7px 16px rgba(37,99,235,.18)!important;
}
body[data-route="support-plans"] .sp3-plan .support-plan-button.premium:hover{
  background:linear-gradient(90deg,#1f56d9,#2c6de8)!important;
}
body[data-route="support-plans"] .sp3-help>span,
body[data-route="support-plans"] .sp3-help>a:not(.support-plan-help-center),
body[data-route="support-plans"] .sp3-help-center>i{
  color:#2563eb!important;
}
body[data-route="support-plans"] .sp3-help>span{
  background:#eef4ff!important;
}
body[data-route="support-plans"] .sp3-help>a:not(.support-plan-help-center){
  border-color:#cfe0ff!important;
}
body[data-route="support-plans"] .sp3-comparison>header>span{
  background:#eef4ff!important;
  color:#2563eb!important;
}
body[data-route="support-plans"] .sp3-comparison-icon svg{
  display:block;
  width:16px;
  height:16px;
}
body[data-route="support-plans"] .sp3-comparison thead th i{
  color:#2563eb!important;
}
body[data-route="support-plans"] .sp3-comparison thead th.premium{
  background:#eef4ff!important;
  color:#245ac9!important;
}
body[data-route="support-plans"] .sp3-comparison tbody td.premium{
  background:#f8fbff!important;
}

@media(max-width:760px){
  body[data-route="support-plans"] .sp3-plan.premium .sp3-plan-head{
    padding-right:74px!important;
  }
}


/* support/plans — header simplifie, plan actuel plus compact, accent bleu ardoise */
body[data-route="support-plans"] .sp3-header{
  margin-bottom:10px!important;
  align-items:flex-start!important;
}
body[data-route="support-plans"] .sp3-header>div:first-child{
  gap:1px!important;
}
body[data-route="support-plans"] .sp3-header-note,
body[data-route="support-plans"] .support-plan-eyebrow{
  display:none!important;
}

/* card plan actuel : reduite verticalement */
body[data-route="support-plans"] .sp3-current{
  grid-template-columns:42px minmax(0,1fr) minmax(235px,310px)!important;
  gap:12px!important;
  padding:8px 12px!important;
  border-radius:8px!important;
}
body[data-route="support-plans"] .sp3-current-medal{
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  font-size:18px!important;
}
body[data-route="support-plans"] .sp3-current-copy{
  gap:2px!important;
}
body[data-route="support-plans"] .support-current-kicker{
  font-size:7px!important;
  line-height:1!important;
}
body[data-route="support-plans"] .sp3-current-copy h2{
  font-size:14.5px!important;
  line-height:1.1!important;
}
body[data-route="support-plans"] .sp3-current-title-row em{
  padding:3px 8px!important;
  font-size:7.7px!important;
}
body[data-route="support-plans"] .sp3-current-title-row em i{
  width:6px!important;
  height:6px!important;
}
body[data-route="support-plans"] .sp3-current-copy p strong{
  font-size:11.5px!important;
}
body[data-route="support-plans"] .sp3-current-copy p span{
  font-size:8.6px!important;
}
body[data-route="support-plans"] .sp3-current-pills{
  gap:6px!important;
}
body[data-route="support-plans"] .sp3-current-pills span{
  height:23px!important;
  padding:0 8px!important;
  gap:5px!important;
  font-size:7.5px!important;
}
body[data-route="support-plans"] .sp3-current-pills i{
  font-size:12px!important;
}
body[data-route="support-plans"] .sp3-current-detail{
  padding-left:14px!important;
  gap:4px!important;
}
body[data-route="support-plans"] .sp3-current-detail p{
  font-size:8.9px!important;
  line-height:1.25!important;
}
body[data-route="support-plans"] .sp3-current-detail small{
  font-size:7.3px!important;
}

/* accent plus sobre : bleu ardoise, moins vif */
body[data-route="support-plans"] .sp3-plan.premium{
  border-color:#5570b8!important;
  box-shadow:0 9px 22px rgba(55,79,145,.10)!important;
}
body[data-route="support-plans"] .sp3-plan .support-plan-recommended{
  background:#4d67ad!important;
  box-shadow:0 5px 12px rgba(55,79,145,.14)!important;
}
body[data-route="support-plans"] .sp3-current-medal,
body[data-route="support-plans"] .sp3-plan .support-plan-icon,
body[data-route="support-plans"] .sp3-included h3 span,
body[data-route="support-plans"] .sp3-comparison>header>span{
  background:#eef2fa!important;
  color:#4d67ad!important;
}
body[data-route="support-plans"] .sp3-plan.premium .support-plan-icon{
  background:linear-gradient(135deg,#627cc1,#4d67ad)!important;
  color:#fff!important;
}
body[data-route="support-plans"] .sp3-plan .support-plan-current-label{
  background:#eef2fa!important;
  color:#4d67ad!important;
}
body[data-route="support-plans"] .sp3-plan.essential .sp3-plan-price strong,
body[data-route="support-plans"] .sp3-plan-meta .support-plan-delay i,
body[data-route="support-plans"] .sp3-features li i,
body[data-route="support-plans"] .sp3-comparison thead th i{
  color:#4d67ad!important;
}
body[data-route="support-plans"] .sp3-plan .support-plan-button.premium{
  background:linear-gradient(90deg,#4d67ad,#5d78bd)!important;
  box-shadow:0 7px 16px rgba(55,79,145,.16)!important;
}
body[data-route="support-plans"] .sp3-plan .support-plan-button.premium:hover{
  background:linear-gradient(90deg,#425b9d,#536db0)!important;
}
body[data-route="support-plans"] .sp3-comparison thead th.premium{
  background:#eef2fa!important;
  color:#405a9d!important;
}
body[data-route="support-plans"] .sp3-comparison tbody td.premium{
  background:#fafbfe!important;
}

@media(max-width:760px){
  body[data-route="support-plans"] .sp3-current{
    grid-template-columns:38px minmax(0,1fr)!important;
    padding:8px 9px!important;
  }
  body[data-route="support-plans"] .sp3-current-medal{
    width:38px!important;
    height:38px!important;
    font-size:17px!important;
  }
}


/* support/plans exact section disposition adjustment */
body[data-route="support-plans"] .sp3-choice{margin:10px 0 8px!important;text-align:center!important}
body[data-route="support-plans"] .sp3-choice h2{font-size:14px!important;margin-bottom:2px!important}
body[data-route="support-plans"] .sp3-choice p{font-size:8.8px!important}
body[data-route="support-plans"] .sp3-workspace{grid-template-columns:minmax(0,1fr) 330px!important;gap:16px!important;align-items:start!important}
body[data-route="support-plans"] .sp3-offers{grid-template-columns:330px minmax(380px,1fr)!important;gap:16px!important;align-items:stretch!important}
body[data-route="support-plans"] .sp3-plan{min-height:356px!important;padding:16px 18px 14px!important;border-radius:12px!important;box-shadow:0 6px 18px rgba(34,56,96,.04)!important;border:1px solid #e4e8f1!important;background:#fff!important}
body[data-route="support-plans"] .sp3-plan.essential{min-height:356px!important}
body[data-route="support-plans"] .sp3-plan.premium{min-height:356px!important;border:1px solid #8b78e8!important;box-shadow:0 8px 20px rgba(83,79,190,.08)!important}
body[data-route="support-plans"] .sp3-plan .support-plan-current-label{top:14px!important;right:14px!important;padding:4px 10px!important;border-radius:999px!important;background:#eef0ff!important;color:#615bd4!important;font-size:7.3px!important}
body[data-route="support-plans"] .sp3-plan .support-plan-recommended{display:none!important}
body[data-route="support-plans"] .sp3-plan-head{grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;margin-bottom:10px!important}
body[data-route="support-plans"] .sp3-plan .support-plan-icon{width:40px!important;height:40px!important;border-radius:12px!important;font-size:18px!important;background:#f5f3ff!important;color:#615bd4!important;box-shadow:none!important}
body[data-route="support-plans"] .sp3-plan.premium .support-plan-icon{background:linear-gradient(180deg,#6f63ea,#5a4cd8)!important;color:#fff!important}
body[data-route="support-plans"] .sp3-plan h3{font-size:15px!important;margin:0 0 2px!important}
body[data-route="support-plans"] .sp3-plan-subtitle{font-size:8.8px!important;line-height:1.4!important;margin:0!important;color:#7683a0!important}
body[data-route="support-plans"] .sp3-plan-price{margin:0 0 8px!important;min-height:32px!important;display:flex!important;align-items:baseline!important;gap:6px!important}
body[data-route="support-plans"] .sp3-plan-price strong{font-size:18px!important;color:#192d56!important}
body[data-route="support-plans"] .sp3-plan.essential .sp3-plan-price strong{font-size:14px!important;color:#644fdb!important}
body[data-route="support-plans"] .sp3-plan-price small{font-size:9px!important;color:#7c88a3!important}
body[data-route="support-plans"] .sp3-plan-meta{display:none!important}
body[data-route="support-plans"] .sp3-features{gap:5px!important;margin:0 0 14px!important;padding-top:2px!important}
body[data-route="support-plans"] .sp3-features li{grid-template-columns:18px minmax(0,1fr)!important;font-size:8.7px!important;line-height:1.34!important;color:#5a6882!important}
body[data-route="support-plans"] .sp3-features li i{font-size:12px!important;color:#18a260!important}
body[data-route="support-plans"] .sp3-plan .support-plan-button{min-height:34px!important;border-radius:8px!important;font-size:8.8px!important;margin-top:auto!important}
body[data-route="support-plans"] .sp3-plan .support-plan-button.current{background:#f8fafc!important;border:1px solid #e5eaf1!important;color:#8a97ad!important}
body[data-route="support-plans"] .sp3-plan .support-plan-button.premium{background:linear-gradient(90deg,#6a5be3,#5a4dd6)!important;color:#fff!important}
body[data-route="support-plans"] .sp3-aside{display:grid!important;gap:14px!important}
body[data-route="support-plans"] .sp3-aside .panel{padding:16px 16px!important;border-radius:12px!important;background:#fff!important;border:1px solid #e4e8f1!important;box-shadow:0 6px 18px rgba(34,56,96,.04)!important}
body[data-route="support-plans"] .sp3-included{min-height:236px!important}
body[data-route="support-plans"] .sp3-included h3{font-size:12px!important;margin:0 0 12px!important}
body[data-route="support-plans"] .sp3-included h3 span{width:24px!important;height:24px!important;border-radius:8px!important;background:#f4f2ff!important;color:#615bd4!important}
body[data-route="support-plans"] .sp3-included ul{gap:7px!important}
body[data-route="support-plans"] .sp3-included li{font-size:8.8px!important;line-height:1.3!important}
body[data-route="support-plans"] .sp3-help-compact{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;grid-template-areas:"icon copy button";align-items:center!important;gap:12px!important;min-height:96px!important}
body[data-route="support-plans"] .sp3-help-compact-icon{grid-area:icon;width:34px!important;height:34px!important;border-radius:11px!important;background:#f4f2ff!important;color:#6457dc!important;display:grid!important;place-items:center!important;font-size:18px!important}
body[data-route="support-plans"] .sp3-help-compact-copy{grid-area:copy;display:grid!important;gap:4px!important;min-width:0!important}
body[data-route="support-plans"] .sp3-help-compact-copy b{font-size:12px!important;color:#1d2f57!important}
body[data-route="support-plans"] .sp3-help-compact-copy small{font-size:8.1px!important;line-height:1.45!important;color:#7a879f!important}
body[data-route="support-plans"] .sp3-help-compact-button{grid-area:button;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:36px!important;padding:0 14px!important;border:1px solid #dadff0!important;border-radius:8px!important;background:#fff!important;color:#5c57d6!important;text-decoration:none!important;font-size:8.6px!important;font-weight:800!important;white-space:nowrap!important}
body[data-route="support-plans"] .sp3-help-compact-button i{font-size:14px!important}
body[data-route="support-plans"] .sp3-comparison{margin-top:14px!important}
@media(max-width:1180px){body[data-route="support-plans"] .sp3-workspace{grid-template-columns:1fr!important}body[data-route="support-plans"] .sp3-aside{grid-template-columns:1fr 1fr!important}body[data-route="support-plans"] .sp3-help-compact{grid-template-columns:34px minmax(0,1fr)!important;grid-template-areas:"icon copy" "button button";}body[data-route="support-plans"] .sp3-help-compact-button{width:100%!important}}
@media(max-width:900px){body[data-route="support-plans"] .sp3-offers{grid-template-columns:1fr!important}.sp3-plan{min-height:0!important}body[data-route="support-plans"] .sp3-aside{grid-template-columns:1fr!important}}


/* support/plans - equal width Essential / Premium cards */
body[data-route="support-plans"] .sp3-offers{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body[data-route="support-plans"] .sp3-plan.essential,
body[data-route="support-plans"] .sp3-plan.premium{
  width:auto!important;
  min-width:0!important;
}


/* support/plans - compact included card, no help card */
body[data-route="support-plans"] .sp3-aside{display:block!important}
body[data-route="support-plans"] .sp3-included{min-height:170px!important;padding:13px 14px!important}
body[data-route="support-plans"] .sp3-included h3{margin:0 0 9px!important;font-size:11px!important}
body[data-route="support-plans"] .sp3-included h3 span{width:22px!important;height:22px!important;font-size:13px!important}
body[data-route="support-plans"] .sp3-included ul{gap:5px!important}
body[data-route="support-plans"] .sp3-included li{font-size:8.2px!important;line-height:1.25!important}
body[data-route="support-plans"] .sp3-included li i{font-size:12px!important}
@media(max-width:1180px){body[data-route="support-plans"] .sp3-aside{display:block!important}}


/* support/plans — réduire uniquement la CARD "Inclus dans votre plan", pas le texte */
body[data-route="support-plans"] .sp3-workspace{
  grid-template-columns:minmax(0,1fr) 300px!important;
}

body[data-route="support-plans"] .sp3-included{
  min-height:170px!important;
  padding:14px 16px!important;
}

/* Restaurer les tailles de texte/icônes d'origine */
body[data-route="support-plans"] .sp3-included h3{
  margin:0 0 12px!important;
  font-size:12px!important;
}
body[data-route="support-plans"] .sp3-included h3 span{
  width:24px!important;
  height:24px!important;
  font-size:15px!important;
}
body[data-route="support-plans"] .sp3-included ul{
  gap:7px!important;
}
body[data-route="support-plans"] .sp3-included li{
  font-size:8.8px!important;
  line-height:1.3!important;
}
body[data-route="support-plans"] .sp3-included li i{
  font-size:14px!important;
}

@media(max-width:1180px){
  body[data-route="support-plans"] .sp3-workspace{
    grid-template-columns:1fr!important;
  }
}


/* support plans comparison boolean icons like reference */
body[data-route="support-plans"] .support-plan-comparison .support-feature-yes, body[data-route="support-plans"] .sp3-comparison .support-feature-yes{color:#22b466!important;font-size:15px!important}
body[data-route="support-plans"] .support-plan-comparison .support-feature-no, body[data-route="support-plans"] .sp3-comparison .support-feature-no{color:#9ba7bb!important;font-size:15px!important;font-weight:700!important}


/* support/plans — plan actuel plus propre + moins d'espace avant le choix */
body[data-route="support-plans"] .sp3-choice{
  margin:4px 0 8px!important;
}

body[data-route="support-plans"] .sp3-current-detail{
  gap:6px!important;
}

body[data-route="support-plans"] .sp3-current-detail-head{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
}

body[data-route="support-plans"] .sp3-current-detail-head>span{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#f2f5fb!important;
  color:#526684!important;
  font-size:14px!important;
}

body[data-route="support-plans"] .sp3-current-detail-head>div{
  display:grid!important;
  gap:3px!important;
}

body[data-route="support-plans"] .sp3-current-detail-head strong{
  color:#1c2f55!important;
  font-size:10.5px!important;
  font-weight:800!important;
}

body[data-route="support-plans"] .sp3-current-detail-head p{
  margin:0!important;
  color:#74819b!important;
  font-size:9px!important;
  line-height:1.4!important;
}

@media(max-width:760px){
  body[data-route="support-plans"] .sp3-choice{
    margin-top:3px!important;
  }
}


/* support/plans — supprimer réellement l'espace entre le plan actuel et le titre suivant */
body[data-route="support-plans"] .support-current-card.sp3-current{
  margin-bottom:0!important;
}
body[data-route="support-plans"] .sp3-choice{
  margin-top:0!important;
  padding-top:0!important;
}


/* support/plans — petit espace équilibré avant "Choisissez votre niveau de support" */
body[data-route="support-plans"] .support-current-card.sp3-current{
  margin-bottom:6px!important;
}
body[data-route="support-plans"] .sp3-choice{
  margin-top:2px!important;
}


/* support/plans — séparateur entre le plan actuel et le choix du niveau */
body[data-route="support-plans"] .support-current-card.sp3-current{
  margin-bottom:8px!important;
}

body[data-route="support-plans"] .sp3-choice{
  position:relative!important;
  margin-top:0!important;
  padding-top:12px!important;
}

body[data-route="support-plans"] .sp3-choice::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:1px!important;
  background:#e3e8f0!important;
}


/* support/plans — état visuel du plan actuellement actif */
body[data-route="support-plans"] .sp3-plan .support-plan-button.current-active{
  border:1px solid #c9ead9!important;
  background:#e5f7ee!important;
  color:#168c5b!important;
  font-weight:800!important;
  opacity:1!important;
}
body[data-route="support-plans"] .sp3-plan .support-plan-button.current-active i{
  margin-right:6px!important;
  color:#16a36a!important;
  font-size:14px!important;
}


/* support/plans — boutons légèrement moins hauts */
body[data-route="support-plans"] .sp3-plan .support-plan-button{min-height:30px!important}
body[data-route="support-plans"] .sp3-plan .support-plan-button.current{min-height:30px!important}
body[data-route="support-plans"] .sp3-plan .support-plan-button.premium{min-height:30px!important}


/* support/plans - right side of current plan like requested */
body[data-route="support-plans"] .sp3-current-detail{
  align-self:stretch!important;
  padding-left:18px!important;
  gap:0!important;
}
body[data-route="support-plans"] .sp3-current-detail-layout{
  min-height:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 165px!important;
  align-items:center!important;
  gap:14px!important;
}
body[data-route="support-plans"] .sp3-current-detail-main{
  display:grid!important;
  gap:10px!important;
  align-content:center!important;
}
body[data-route="support-plans"] .sp3-current-info-block{
  display:grid!important;
  gap:4px!important;
}
body[data-route="support-plans"] .sp3-current-info-block small{
  color:#8a95a8!important;
  font-size:8.5px!important;
  font-weight:700!important;
  text-transform:none!important;
}
body[data-route="support-plans"] .sp3-current-info-block strong{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#1e2d50!important;
  font-size:12px!important;
  font-weight:800!important;
}
body[data-route="support-plans"] .sp3-current-info-block strong i{
  color:#7687a6!important;
  font-size:15px!important;
}
body[data-route="support-plans"] .sp3-current-detail .support-renewal-manage{
  min-height:31px!important;
  padding:0 12px!important;
  border-radius:8px!important;
  border:1px solid #dfe4ee!important;
  background:#f7f9fc!important;
  color:#41557e!important;
  font-size:8px!important;
  gap:6px!important;
  box-shadow:none!important;
}
body[data-route="support-plans"] .sp3-current-detail .support-renewal-manage:hover{
  background:#f2f6fb!important;
  border-color:#d2dbe8!important;
  color:#30486f!important;
}
body[data-route="support-plans"] .sp3-current-detail .support-renewal-state{
  width:max-content!important;
  padding:6px 10px!important;
  border:1px solid #d6ebdf!important;
  border-radius:8px!important;
  background:#f3fbf6!important;
  color:#178856!important;
  font-size:8px!important;
  font-weight:700!important;
}
body[data-route="support-plans"] .sp3-current-detail-note{
  position:relative!important;
  align-self:stretch!important;
  border-left:1px solid #e7ecf3!important;
  padding-left:18px!important;
  display:grid!important;
  align-content:center!important;
  justify-items:start!important;
  gap:2px!important;
}
body[data-route="support-plans"] .sp3-current-detail-note strong{
  color:#6678bf!important;
  font-size:12px!important;
  line-height:1.22!important;
  font-weight:700!important;
}
body[data-route="support-plans"] .sp3-current-detail-note span{
  width:18px!important;
  height:3px!important;
  border-radius:999px!important;
  background:#526cff!important;
  margin-top:8px!important;
}
@media(max-width:1080px){
  body[data-route="support-plans"] .sp3-current-detail-layout{grid-template-columns:1fr!important;gap:12px!important}
  body[data-route="support-plans"] .sp3-current-detail-note{border-left:0!important;border-top:1px solid #e7ecf3!important;padding-left:0!important;padding-top:12px!important}
}


/* support/plans — bloc droit du plan actuel plus compact, proche de la référence */
body[data-route="support-plans"] .sp3-current{
  min-height:0!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
}
body[data-route="support-plans"] .sp3-current::after{
  width:150px!important;
  height:76px!important;
  right:18px!important;
  bottom:-30px!important;
  opacity:.45!important;
}
body[data-route="support-plans"] .sp3-current-detail{
  padding-left:14px!important;
}
body[data-route="support-plans"] .sp3-current-detail-layout{
  grid-template-columns:minmax(0,1fr) 128px!important;
  gap:12px!important;
}
body[data-route="support-plans"] .sp3-current-detail-main{
  gap:7px!important;
}
body[data-route="support-plans"] .sp3-current-info-block{
  gap:2px!important;
}
body[data-route="support-plans"] .sp3-current-info-block small{
  font-size:7.8px!important;
}
body[data-route="support-plans"] .sp3-current-info-block strong{
  gap:5px!important;
  font-size:12px!important;
}
body[data-route="support-plans"] .sp3-current-info-block strong i{
  font-size:12px!important;
}
body[data-route="support-plans"] .sp3-current-detail .support-renewal-manage{
  min-height:27px!important;
  padding:0 9px!important;
  border-radius:7px!important;
  font-size:7.4px!important;
}
body[data-route="support-plans"] .sp3-current-detail-note{
  padding-left:14px!important;
  gap:1px!important;
}
body[data-route="support-plans"] .sp3-current-detail-note strong{
  font-size:9.3px!important;
  line-height:1.18!important;
}
body[data-route="support-plans"] .sp3-current-detail-note span{
  width:15px!important;
  height:2px!important;
  margin-top:3px!important;
}


/* support/plans — trait sous "Un support toujours à vos côtés" plus fin */
body[data-route="support-plans"] .sp3-current-detail-note span{
  width:12px!important;
  height:1px!important;
  margin-top:4px!important;
}


/* support/plans — vrai correctif du petit trait */
body[data-route="support-plans"] .support-current-detail .sp3-current-detail-note>span{
  display:block!important;
  width:12px!important;
  min-width:12px!important;
  height:1px!important;
  min-height:1px!important;
  margin:5px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#526cff!important;
  box-shadow:none!important;
}


/* Support Premium renewal modal - refined layout */
.sp4-renewal-modal{width:min(520px,calc(100vw - 24px))!important;border-radius:18px!important;box-shadow:0 28px 80px rgba(18,32,56,.24)!important}
.sp4-renewal-modal::backdrop{background:rgba(18,27,43,.48)!important;backdrop-filter:blur(4px)!important}
.sp4-renewal-modal form>header{padding:18px 20px!important;grid-template-columns:42px minmax(0,1fr) 30px!important;gap:12px!important;border-bottom:1px solid #e7ecf2!important}
.sp4-renewal-modal form>header>span{width:40px!important;height:40px!important;border-radius:12px!important;background:#edf4ff!important;color:#2d66c8!important;font-size:21px!important}
.sp4-renewal-modal header h2{margin:0!important;color:#172a4d!important;font-size:14px!important;font-weight:800!important}
.sp4-renewal-modal header p{margin:3px 0 0!important;color:#7a879f!important;font-size:8.7px!important;line-height:1.4!important}
.sp4-renewal-modal header button{width:30px!important;height:30px!important;border-radius:8px!important;background:#f6f8fb!important;color:#8390a4!important}
.sp4-renewal-body{padding:18px 20px 4px!important;display:grid!important;gap:13px!important}
.sp4-renewal-status{padding:12px 13px!important;display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;border:1px solid #dcebe3!important;border-radius:8px!important;background:#f4fbf7!important}
.sp4-renewal-status>span{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#e3f6ea!important;color:#15945a!important;font-size:16px!important}
.sp4-renewal-status div{display:grid!important;gap:2px!important}.sp4-renewal-status strong{color:#28523c!important;font-size:9.5px!important}.sp4-renewal-status small{color:#698176!important;font-size:8px!important;line-height:1.4!important}
.sp4-renewal-summary{overflow:hidden!important;border:1px solid #e3e8f0!important;border-radius:11px!important;background:#fff!important}
.sp4-renewal-summary>div{min-height:40px!important;padding:0 13px!important;display:grid!important;grid-template-columns:26px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;border-bottom:1px solid #edf1f5!important}
.sp4-renewal-summary>div:last-child{border-bottom:0!important}.sp4-renewal-summary>div>span{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:#f3f6fb!important;color:#657895!important;font-size:14px!important}
.sp4-renewal-summary small{color:#8290a6!important;font-size:8.2px!important;font-weight:700!important}.sp4-renewal-summary strong{color:#243657!important;font-size:9px!important;font-weight:800!important;text-align:right!important}
.sp4-renewal-note{padding:12px 13px!important;display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;gap:9px!important;border:1px solid #e3e9f2!important;border-radius:8px!important;background:#f8fafe!important}
.sp4-renewal-note>i{color:#3b6eca!important;font-size:18px!important}.sp4-renewal-note div{display:grid!important;gap:3px!important}.sp4-renewal-note strong{color:#34486c!important;font-size:8.8px!important}.sp4-renewal-note p{margin:0!important;color:#74829b!important;font-size:8px!important;line-height:1.5!important}.sp4-renewal-note p strong{font-size:inherit!important;color:#52627e!important}
.sp4-renewal-modal footer{padding:14px 20px 18px!important;display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;gap:9px!important}.sp4-renewal-modal footer button{min-height:36px!important;border-radius:8px!important;font-size:8.5px!important}.sp4-renewal-modal footer .danger{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border-color:#e5d3d6!important;background:#fff6f7!important;color:#c74654!important}.sp4-renewal-modal footer .danger:hover{border-color:#dbaeb4!important;background:#fff0f2!important;color:#b43744!important}
@media(max-width:520px){.sp4-renewal-modal footer{grid-template-columns:1fr!important}.sp4-renewal-summary>div{grid-template-columns:26px minmax(0,1fr)!important}.sp4-renewal-summary strong{grid-column:2!important;text-align:left!important;margin-top:-4px!important;padding-bottom:7px!important}}


/* Support Premium renewal modal — layout closely matching reference */
.sp5-renewal-modal{
  width:min(470px,calc(100vw - 24px))!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #e1e6ee!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(19,34,57,.24)!important;
}
.sp5-renewal-modal::backdrop{
  background:rgba(20,31,49,.42)!important;
  backdrop-filter:blur(3px)!important;
}
.sp5-renewal-modal form{margin:0!important;padding:0!important}
.sp5-renewal-header{
  padding:16px 18px 14px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 26px!important;
  gap:11px!important;
  align-items:center!important;
  border:0!important;
  background:#fff!important;
}
.sp5-renewal-header-icon{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:#eef4ff!important;
  color:#316ad1!important;
  font-size:18px!important;
}
.sp5-renewal-header h2{
  margin:0!important;
  color:#162846!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.sp5-renewal-header p{
  margin:3px 0 0!important;
  color:#77859b!important;
  font-size:8.3px!important;
  line-height:1.4!important;
}
.sp5-renewal-header>button{
  width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#77869b!important;
  font-size:14px!important;
  cursor:pointer!important;
}
.sp5-renewal-header>button:hover{background:#f3f6fa!important;color:#4b5e7b!important}
.sp5-renewal-body{
  padding:4px 18px 0!important;
  display:grid!important;
  gap:12px!important;
}
.sp5-renewal-intro{
  padding:10px 4px 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.sp5-renewal-intro h3{
  margin:0 0 3px!important;
  color:#213453!important;
  font-size:9.8px!important;
  font-weight:800!important;
}
.sp5-renewal-intro p{
  margin:0!important;
  color:#75839a!important;
  font-size:7.9px!important;
  line-height:1.42!important;
}
.sp5-renewal-active{
  flex:0 0 auto!important;
  min-height:26px!important;
  padding:0 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  border-radius:999px!important;
  background:#edf8f2!important;
  color:#188856!important;
  font-size:7.8px!important;
  font-weight:800!important;
}
.sp5-renewal-active i{width:7px!important;height:7px!important;border-radius:50%!important;background:#20b66d!important}
.sp5-renewal-summary{
  overflow:hidden!important;
  border:1px solid #dde4ee!important;
  border-radius:8px!important;
  background:#fbfcfe!important;
}
.sp5-renewal-summary>div{
  min-height:37px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  border-bottom:1px solid #e8edf3!important;
}
.sp5-renewal-summary>div:last-child{border-bottom:0!important}
.sp5-renewal-summary span{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#74829a!important;
  font-size:8px!important;
  font-weight:600!important;
}
.sp5-renewal-summary span i{width:16px!important;color:#657792!important;font-size:13px!important}
.sp5-renewal-summary strong{
  color:#273a5b!important;
  font-size:8.2px!important;
  font-weight:800!important;
  text-align:right!important;
}
.sp5-renewal-info{
  padding:10px 11px!important;
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  gap:9px!important;
  border:1px solid #dce6f5!important;
  border-radius:8px!important;
  background:#f2f7ff!important;
}
.sp5-renewal-info>span{
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  color:#2b67c9!important;
  font-size:14px!important;
}
.sp5-renewal-info div{display:grid!important;gap:3px!important}
.sp5-renewal-info strong{color:#2e4364!important;font-size:8.4px!important;font-weight:800!important}
.sp5-renewal-info p{margin:0!important;color:#6f7e96!important;font-size:7.7px!important;line-height:1.48!important}
.sp5-renewal-info p b{color:#4c607f!important;font-weight:800!important}
.sp5-renewal-footer{
  padding:13px 18px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border:0!important;
}
.sp5-renewal-footer button{
  min-height:34px!important;
  padding:0 13px!important;
  border:1px solid #dce3ec!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#596a83!important;
  font-size:8px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.sp5-renewal-footer .danger{
  margin-left:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border-color:#f0d3d7!important;
  background:#fff7f8!important;
  color:#c54a57!important;
}
.sp5-renewal-footer .danger:hover{background:#fff0f2!important;border-color:#e5b9bf!important;color:#b53e4b!important}
@media(max-width:520px){
  .sp5-renewal-modal{width:min(440px,calc(100vw - 16px))!important}
  .sp5-renewal-header{padding:14px!important;grid-template-columns:38px minmax(0,1fr) 26px!important}
  .sp5-renewal-header-icon{width:38px!important;height:38px!important;font-size:19px!important}
  .sp5-renewal-body{padding:4px 14px 0!important}
  .sp5-renewal-footer{padding:12px 14px 14px!important}
  .sp5-renewal-footer{display:grid!important;grid-template-columns:1fr!important}
  .sp5-renewal-footer button,.sp5-renewal-footer .danger{width:100%!important;margin:0!important}
}


/* Support renewal modal — typography/proportions aligned with reference capture */
body[data-route="support-plans"] .sp5-renewal-modal{
  width:min(455px,calc(100vw - 24px))!important;
  border:1px solid #dfe5ee!important;
  border-radius:12px!important;
  box-shadow:0 22px 60px rgba(18,32,55,.23)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
body[data-route="support-plans"] .sp5-renewal-header{
  padding:16px 18px 14px!important;
  grid-template-columns:44px minmax(0,1fr) 28px!important;
  gap:12px!important;
}
body[data-route="support-plans"] .sp5-renewal-header-icon{
  width:40px!important;
  height:40px!important;
  border-radius:11px!important;
  background:#edf3ff!important;
  color:#2168e8!important;
  font-size:18px!important;
}
body[data-route="support-plans"] .sp5-renewal-header h2{
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
  color:#172847!important;
}
body[data-route="support-plans"] .sp5-renewal-header p{
  margin-top:4px!important;
  font-size:9.5px!important;
  line-height:1.42!important;
  font-weight:500!important;
  color:#71809a!important;
}
body[data-route="support-plans"] .sp5-renewal-header>button{
  width:24px!important;
  height:24px!important;
  border-radius:7px!important;
  font-size:14px!important;
}
body[data-route="support-plans"] .sp5-renewal-body{
  padding:4px 18px 0!important;
  gap:12px!important;
}
body[data-route="support-plans"] .sp5-renewal-intro{
  padding:10px 5px 8px!important;
  gap:12px!important;
}
body[data-route="support-plans"] .sp5-renewal-intro h3{
  margin:0 0 4px!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:800!important;
  color:#223652!important;
}
body[data-route="support-plans"] .sp5-renewal-intro p{
  font-size:9.2px!important;
  line-height:1.45!important;
  font-weight:500!important;
  color:#72819a!important;
}
body[data-route="support-plans"] .sp5-renewal-active{
  min-height:24px!important;
  padding:0 10px!important;
  gap:6px!important;
  font-size:9px!important;
  font-weight:800!important;
}
body[data-route="support-plans"] .sp5-renewal-active i{
  width:7px!important;
  height:7px!important;
}
body[data-route="support-plans"] .sp5-renewal-summary{
  border-radius:9px!important;
  background:#fafcff!important;
}
body[data-route="support-plans"] .sp5-renewal-summary>div{
  min-height:40px!important;
  padding:0 12px!important;
  gap:12px!important;
}
body[data-route="support-plans"] .sp5-renewal-summary span{
  gap:7px!important;
  font-size:9.6px!important;
  line-height:1.25!important;
  font-weight:500!important;
  color:#64738c!important;
}
body[data-route="support-plans"] .sp5-renewal-summary span i{
  width:18px!important;
  font-size:14px!important;
  color:#617696!important;
}
body[data-route="support-plans"] .sp5-renewal-summary strong{
  font-size:9.8px!important;
  line-height:1.25!important;
  font-weight:800!important;
  color:#263958!important;
}
body[data-route="support-plans"] .sp5-renewal-info{
  padding:10px 11px!important;
  grid-template-columns:21px minmax(0,1fr)!important;
  gap:9px!important;
  border-radius:9px!important;
  background:#edf5ff!important;
  border-color:#d7e5f8!important;
}
body[data-route="support-plans"] .sp5-renewal-info>span{
  width:21px!important;
  height:21px!important;
  font-size:14px!important;
}
body[data-route="support-plans"] .sp5-renewal-info div{
  gap:3px!important;
}
body[data-route="support-plans"] .sp5-renewal-info strong{
  font-size:9.8px!important;
  font-weight:800!important;
  color:#273d60!important;
}
body[data-route="support-plans"] .sp5-renewal-info p{
  font-size:8.9px!important;
  line-height:1.45!important;
  font-weight:500!important;
  color:#65758f!important;
}
body[data-route="support-plans"] .sp5-renewal-footer{
  padding:14px 18px 16px!important;
  gap:9px!important;
}
body[data-route="support-plans"] .sp5-renewal-footer button{
  min-height:38px!important;
  padding:0 15px!important;
  border-radius:8px!important;
  font-size:9.5px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
body[data-route="support-plans"] .sp5-renewal-footer>button:first-child{
  min-width:68px!important;
  background:#fff!important;
  border-color:#d7dfe9!important;
  color:#435775!important;
}
body[data-route="support-plans"] .sp5-renewal-footer .danger{
  min-width:164px!important;
  background:#1768e5!important;
  border-color:#1768e5!important;
  color:#fff!important;
}
body[data-route="support-plans"] .sp5-renewal-footer .danger:hover{
  background:#125ccc!important;
  border-color:#125ccc!important;
  color:#fff!important;
}
@media(max-width:520px){
  body[data-route="support-plans"] .sp5-renewal-modal{width:min(455px,calc(100vw - 16px))!important}
  body[data-route="support-plans"] .sp5-renewal-header{padding:14px!important;grid-template-columns:40px minmax(0,1fr) 27px!important;gap:10px!important}
  body[data-route="support-plans"] .sp5-renewal-header-icon{width:40px!important;height:40px!important;font-size:19px!important}
  body[data-route="support-plans"] .sp5-renewal-header h2{font-size:14px!important}
  body[data-route="support-plans"] .sp5-renewal-header p{font-size:9px!important}
  body[data-route="support-plans"] .sp5-renewal-body{padding:3px 14px 0!important;gap:12px!important}
  body[data-route="support-plans"] .sp5-renewal-summary>div{min-height:39px!important;padding:0 10px!important}
  body[data-route="support-plans"] .sp5-renewal-footer{padding:12px 14px 14px!important;grid-template-columns:82px minmax(0,1fr)!important;display:grid!important}
  body[data-route="support-plans"] .sp5-renewal-footer button,body[data-route="support-plans"] .sp5-renewal-footer .danger{width:100%!important;min-width:0!important;margin:0!important}
}


/* support renewal modal — use the exact same typography language as the rest of the app */
body[data-route="support-plans"] .sp5-renewal-modal,
body[data-route="support-plans"] .sp5-renewal-modal button,
body[data-route="support-plans"] .sp5-renewal-modal input,
body[data-route="support-plans"] .sp5-renewal-modal select,
body[data-route="support-plans"] .sp5-renewal-modal textarea{
  font-family:inherit!important;
}
body[data-route="support-plans"] .sp5-renewal-header h2{
  color:var(--ink)!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}
body[data-route="support-plans"] .sp5-renewal-header p,
body[data-route="support-plans"] .sp5-renewal-intro p,
body[data-route="support-plans"] .sp5-renewal-summary span,
body[data-route="support-plans"] .sp5-renewal-info p{
  font-weight:400!important;
}
body[data-route="support-plans"] .sp5-renewal-intro h3,
body[data-route="support-plans"] .sp5-renewal-summary strong,
body[data-route="support-plans"] .sp5-renewal-info strong{
  color:var(--ink)!important;
  font-weight:700!important;
}
body[data-route="support-plans"] .sp5-renewal-active{
  font-weight:700!important;
}
body[data-route="support-plans"] .sp5-renewal-footer button{
  font-weight:750!important;
  letter-spacing:0!important;
}


/* Support renewal modal — typographie exactement alignée au reste du site */
body[data-route="support-plans"] .sp5-renewal-info strong{
  font-family:inherit!important;
  font-size:9.5px!important;
  font-weight:700!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  color:var(--ink)!important;
}

body[data-route="support-plans"] .sp5-renewal-footer .danger{
  font-family:inherit!important;
  font-size:9.5px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

body[data-route="support-plans"] .sp5-renewal-footer>button:first-child{
  font-family:inherit!important;
  font-size:9.5px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
}


/* Support renewal modal — alignement VISUEL avec la typographie globale du site */
body[data-route="support-plans"] .sp5-renewal-modal{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}

body[data-route="support-plans"] .sp5-renewal-info strong{
  font-size:.78rem!important;
  font-weight:700!important;
  line-height:1.3!important;
  letter-spacing:-.01em!important;
  color:var(--ink)!important;
}

body[data-route="support-plans"] .sp5-renewal-info p{
  font-size:.70rem!important;
  font-weight:400!important;
  line-height:1.5!important;
}

body[data-route="support-plans"] .sp5-renewal-summary span{
  font-size:.72rem!important;
  font-weight:400!important;
}

body[data-route="support-plans"] .sp5-renewal-summary strong{
  font-size:.75rem!important;
  font-weight:700!important;
  color:var(--ink)!important;
}

body[data-route="support-plans"] .sp5-renewal-footer button{
  font-family:inherit!important;
  font-size:.76rem!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

body[data-route="support-plans"] .sp5-renewal-footer .danger{
  font-size:.76rem!important;
  font-weight:700!important;
}

body[data-route="support-plans"] .sp5-renewal-footer>button:first-child{
  font-size:.76rem!important;
  font-weight:700!important;
}


/* FINAL — Renewal modal: same typography as app + true mobile layout */
body[data-route="support-plans"] #support-cancel-modal.sp5-renewal-modal{
  width:min(500px,calc(100vw - 28px))!important;
  max-width:500px!important;
  max-height:min(760px,calc(100dvh - 28px))!important;
  padding:0!important;
  overflow:hidden!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  color:var(--ink)!important;
}
body[data-route="support-plans"] #support-cancel-modal.sp5-renewal-modal form{
  max-height:inherit!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-header{
  flex:0 0 auto!important;
}
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-header h2{
  font-family:inherit!important;
  font-size:1rem!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
  color:var(--ink)!important;
}
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-header p{
  font-family:inherit!important;
  font-size:.75rem!important;
  font-weight:400!important;
  color:var(--muted)!important;
}
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-body{
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-intro h3{
  font-family:inherit!important;
  font-size:.84rem!important;
  font-weight:700!important;
  color:var(--ink)!important;
}
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-intro p,
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-summary span,
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-info p{
  font-family:inherit!important;
  font-size:.72rem!important;
  font-weight:400!important;
  color:var(--muted)!important;
}
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-summary strong{
  font-family:inherit!important;
  font-size:.75rem!important;
  font-weight:700!important;
  color:var(--ink)!important;
}
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-info strong{
  font-family:inherit!important;
  font-size:.78rem!important;
  font-weight:700!important;
  letter-spacing:0!important;
  color:var(--ink)!important;
}
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-active{
  font-family:inherit!important;
  font-size:.7rem!important;
  font-weight:700!important;
}
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-footer{
  flex:0 0 auto!important;
  background:#fff!important;
}
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-footer button,
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-footer .danger{
  min-height:40px!important;
  font-family:inherit!important;
  font-size:.84rem!important;
  font-weight:750!important;
  line-height:1.1!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

@media(max-width:600px){
  body[data-route="support-plans"] #support-cancel-modal.sp5-renewal-modal{
    width:calc(100vw - 20px)!important;
    max-width:none!important;
    max-height:calc(100dvh - 20px)!important;
    margin:auto!important;
    border-radius:12px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-header{
    padding:14px 14px 12px!important;
    grid-template-columns:40px minmax(0,1fr) 30px!important;
    gap:10px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-header-icon{
    width:40px!important;
    height:40px!important;
    border-radius:8px!important;
    font-size:17px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-header h2{
    font-size:.95rem!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-header p{
    font-size:.7rem!important;
    line-height:1.35!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-body{
    padding:2px 12px 0!important;
    gap:10px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-intro{
    padding:8px 2px!important;
    align-items:flex-start!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-active{
    min-height:25px!important;
    padding:0 8px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-summary>div{
    min-height:40px!important;
    padding:7px 10px!important;
    gap:10px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-summary span{
    min-width:0!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-summary strong{
    max-width:48%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-info{
    padding:10px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-footer{
    padding:10px 12px 12px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    border-top:1px solid var(--line)!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-footer button,
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-footer .danger{
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    margin:0!important;
    font-size:.82rem!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-footer .danger{
    order:1!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-footer>button:first-child{
    order:2!important;
  }
}

@media(max-width:380px){
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-intro{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-active{
    justify-self:start!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-summary>div{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-summary strong{
    max-width:none!important;
    padding-left:26px!important;
    text-align:left!important;
  }
}


/* Support renewal modal — use the exact default typography conventions of the site */
body[data-route="support-plans"] #support-cancel-modal,
body[data-route="support-plans"] #support-cancel-modal *{
  font-family:inherit!important;
  font-style:normal!important;
  letter-spacing:normal!important;
  text-transform:none!important;
}

body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-header h2{
  font-size:.96rem!important;
  font-weight:700!important;
  line-height:1.25!important;
  color:var(--ink)!important;
}

body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-header p,
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-intro p,
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-summary span,
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-info p{
  font-size:.75rem!important;
  font-weight:400!important;
  line-height:1.5!important;
  color:var(--muted)!important;
}

body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-intro h3,
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-info strong{
  font-size:.84rem!important;
  font-weight:700!important;
  line-height:1.3!important;
  color:var(--ink)!important;
}

body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-summary strong{
  font-size:.78rem!important;
  font-weight:700!important;
  line-height:1.3!important;
  color:var(--ink)!important;
}

body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-active{
  font-size:.72rem!important;
  font-weight:700!important;
}

body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-footer button,
body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-footer .danger{
  font:inherit!important;
  font-family:inherit!important;
  font-size:.84rem!important;
  font-weight:750!important;
  line-height:1!important;
  letter-spacing:normal!important;
  text-transform:none!important;
}

@media(max-width:600px){
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-header h2{
    font-size:.92rem!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-intro h3,
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-info strong{
    font-size:.80rem!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-footer button,
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-footer .danger{
    font-size:.82rem!important;
  }
}


/* Support renewal modal — restore Boxicons after typography reset */
body[data-route="support-plans"] #support-cancel-modal .bx,
body[data-route="support-plans"] #support-cancel-modal [class^="bx-"],
body[data-route="support-plans"] #support-cancel-modal [class*=" bx-"]{
  font-family:boxicons!important;
  font-weight:400!important;
  font-style:normal!important;
  font-variant:normal!important;
  line-height:1!important;
  text-transform:none!important;
  letter-spacing:normal!important;
  speak:none!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}


/* Support renewal modal — vrai layout mobile */
@media (max-width: 600px){
  body[data-route="support-plans"] #support-cancel-modal.sp5-renewal-modal{
    box-sizing:border-box!important;
    position:fixed!important;
    inset:6px!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    max-height:calc(100vh - 20px)!important;
    max-height:calc(100svh - 20px)!important;
    margin:0!important;
    padding:0!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }

  body[data-route="support-plans"] #support-cancel-modal.sp5-renewal-modal[open]{
    display:block!important;
  }

  body[data-route="support-plans"] #support-cancel-modal.sp5-renewal-modal form{
    width:100%!important;
    height:100%!important;
    max-height:calc(100vh - 20px)!important;
    max-height:calc(100svh - 20px)!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    overflow:hidden!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-header{
    padding:10px 8px 10px!important;
    grid-template-columns:38px minmax(0,1fr) 28px!important;
    gap:9px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-header-icon{
    width:38px!important;
    height:38px!important;
    border-radius:8px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-header h2{
    margin:0 0 1px!important;
    font-size:.9rem!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-header p{
    margin:0!important;
    font-size:.68rem!important;
    line-height:1.35!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-body{
    min-height:0!important;
    padding:6px 12px 10px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-gutter:auto!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-intro{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
    align-items:start!important;
    padding:6px 0 8px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-active{
    align-self:start!important;
    white-space:nowrap!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-summary{
    overflow:hidden!important;
    border-radius:8px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-summary>div{
    min-height:0!important;
    padding:9px 10px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,46%)!important;
    gap:10px!important;
    align-items:center!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-summary span{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-summary strong{
    min-width:0!important;
    max-width:none!important;
    text-align:right!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-info{
    margin-top:10px!important;
    padding:10px!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    gap:7px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-footer{
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;
    background:#fff!important;
    border-top:1px solid var(--line)!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-footer button,
  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-footer .danger{
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    margin:0!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-footer .danger{
    order:1!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-footer>button:first-child{
    order:2!important;
  }
}

@media (max-width: 380px){
  body[data-route="support-plans"] #support-cancel-modal.sp5-renewal-modal{
    inset:6px!important;
    max-height:calc(100vh - 12px)!important;
    max-height:calc(100svh - 12px)!important;
  }

  body[data-route="support-plans"] #support-cancel-modal.sp5-renewal-modal form{
    max-height:calc(100vh - 12px)!important;
    max-height:calc(100svh - 12px)!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-intro{
    grid-template-columns:1fr!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-active{
    justify-self:start!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-summary>div{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp5-renewal-summary strong{
    padding-left:25px!important;
    text-align:left!important;
  }
}


/* =========================================================
   Support Premium renewal modal — reference layout
   Isolated SP6 styles to avoid legacy modal conflicts.
   ========================================================= */
body[data-route="support-plans"] #support-cancel-modal.sp6-renewal-modal{
  width:min(780px,calc(100vw - 32px))!important;
  max-width:780px!important;
  max-height:min(900px,calc(100vh - 32px))!important;
  margin:auto!important;
  padding:0!important;
  border:1px solid #dbe3ef!important;
  border-radius:18px!important;
  background:#fff!important;
  color:var(--ink)!important;
  box-shadow:0 26px 70px rgba(17,31,58,.28)!important;
  overflow:hidden!important;
}
body[data-route="support-plans"] #support-cancel-modal.sp6-renewal-modal::backdrop{
  background:rgba(31,45,67,.64)!important;
  backdrop-filter:blur(2px)!important;
}
body[data-route="support-plans"] #support-cancel-modal.sp6-renewal-modal,
body[data-route="support-plans"] #support-cancel-modal.sp6-renewal-modal button{
  font-family:inherit!important;
}
body[data-route="support-plans"] #support-cancel-modal.sp6-renewal-modal .bx{
  font-family:'boxicons'!important;
  font-weight:normal!important;
  font-style:normal!important;
}
body[data-route="support-plans"] .sp6-renewal-form{
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  max-height:min(900px,calc(100vh - 32px))!important;
  overflow:hidden!important;
  background:#fff!important;
}
body[data-route="support-plans"] .sp6-renewal-header{
  position:relative!important;
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr) 44px!important;
  gap:22px!important;
  align-items:start!important;
  padding:34px 36px 30px!important;
  overflow:hidden!important;
  background:linear-gradient(115deg,#fff 0%,#fff 57%,#f4f7ff 100%)!important;
  border-bottom:1px solid #edf1f7!important;
}
body[data-route="support-plans"] .sp6-renewal-header::after{
  content:""!important;
  position:absolute!important;
  right:-95px!important;
  top:-115px!important;
  width:390px!important;
  height:300px!important;
  border-radius:50%!important;
  border:28px solid rgba(104,123,255,.045)!important;
  box-shadow:0 0 0 34px rgba(104,123,255,.035)!important;
  pointer-events:none!important;
}
body[data-route="support-plans"] .sp6-renewal-header-icon{
  position:relative!important;
  z-index:1!important;
  width:78px!important;
  height:78px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:#eef4ff!important;
  color:#2c6af4!important;
  font-size:36px!important;
}
body[data-route="support-plans"] .sp6-renewal-header-copy{
  position:relative!important;
  z-index:1!important;
  padding-top:1px!important;
}
body[data-route="support-plans"] .sp6-renewal-header-copy small{
  display:block!important;
  margin-bottom:8px!important;
  color:#2f67df!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
}
body[data-route="support-plans"] .sp6-renewal-header-copy h2{
  margin:0 0 12px!important;
  color:#13254a!important;
  font-size:28px!important;
  line-height:1.12!important;
  font-weight:750!important;
  letter-spacing:-.03em!important;
}
body[data-route="support-plans"] .sp6-renewal-header-copy p{
  margin:0!important;
  color:#5f7296!important;
  font-size:14px!important;
  line-height:1.55!important;
  font-weight:400!important;
}
body[data-route="support-plans"] .sp6-renewal-close{
  position:relative!important;
  z-index:2!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid #dce4f0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.76)!important;
  color:#536783!important;
  font-size:22px!important;
  cursor:pointer!important;
}
body[data-route="support-plans"] .sp6-renewal-close:hover{background:#fff!important;color:#2f4568!important}
body[data-route="support-plans"] .sp6-renewal-content{
  min-height:0!important;
  padding:20px 24px!important;
  display:grid!important;
  gap:14px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}
body[data-route="support-plans"] .sp6-renewal-status{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) auto!important;
  gap:16px!important;
  align-items:center!important;
  padding:20px!important;
  border:1px solid #ccebdc!important;
  border-radius:12px!important;
  background:linear-gradient(90deg,#f3fcf7,#f7fdf9)!important;
}
body[data-route="support-plans"] .sp6-renewal-status-icon{
  width:52px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#d8f5e6!important;
  color:#0d8e52!important;
  font-size:28px!important;
}
body[data-route="support-plans"] .sp6-renewal-status h3{
  margin:0 0 5px!important;
  color:#12613e!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:750!important;
}
body[data-route="support-plans"] .sp6-renewal-status p{
  margin:0!important;
  color:#476f60!important;
  font-size:12px!important;
  line-height:1.45!important;
}
body[data-route="support-plans"] .sp6-renewal-active{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  background:#d9f7e7!important;
  color:#138553!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
body[data-route="support-plans"] .sp6-renewal-active i{
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  background:#16b86b!important;
}
body[data-route="support-plans"] .sp6-renewal-details{
  overflow:hidden!important;
  border:1px solid #dfe6ef!important;
  border-radius:12px!important;
  background:#fff!important;
}
body[data-route="support-plans"] .sp6-renewal-details>header{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  padding:16px 18px 14px!important;
  border-bottom:1px solid #e8edf4!important;
}
body[data-route="support-plans"] .sp6-renewal-details>header>span{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:#eef3ff!important;
  color:#3370f1!important;
  font-size:23px!important;
}
body[data-route="support-plans"] .sp6-renewal-details h3{
  margin:0 0 3px!important;
  color:#14274d!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:750!important;
}
body[data-route="support-plans"] .sp6-renewal-details header p{
  margin:0!important;
  color:#74839f!important;
  font-size:12px!important;
  line-height:1.35!important;
}
body[data-route="support-plans"] .sp6-renewal-rows{padding:0 18px!important}
body[data-route="support-plans"] .sp6-renewal-rows>div{
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:20px!important;
  align-items:center!important;
  border-bottom:1px solid #e9edf3!important;
}
body[data-route="support-plans"] .sp6-renewal-rows>div:last-child{border-bottom:0!important}
body[data-route="support-plans"] .sp6-renewal-rows span{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#5e708f!important;
  font-size:12px!important;
  font-weight:400!important;
}
body[data-route="support-plans"] .sp6-renewal-rows span i{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#f3f5f8!important;
  color:#60728f!important;
  font-size:14px!important;
}
body[data-route="support-plans"] .sp6-renewal-rows strong{
  color:#14254a!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:750!important;
  text-align:right!important;
}
body[data-route="support-plans"] .sp6-renewal-note{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  padding:16px 18px!important;
  border:1px solid #ceddf6!important;
  border-radius:12px!important;
  background:#f5f9ff!important;
}
body[data-route="support-plans"] .sp6-renewal-note>span{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#e6efff!important;
  color:#2f6eea!important;
  font-size:18px!important;
}
body[data-route="support-plans"] .sp6-renewal-note h3{
  margin:1px 0 5px!important;
  color:#18305a!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:750!important;
}
body[data-route="support-plans"] .sp6-renewal-note p{
  margin:0!important;
  color:#617494!important;
  font-size:12px!important;
  line-height:1.5!important;
}
body[data-route="support-plans"] .sp6-renewal-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:18px 24px 22px!important;
  border-top:1px solid #edf1f6!important;
  background:#fff!important;
}
body[data-route="support-plans"] .sp6-renewal-footer button{
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0 22px!important;
  border-radius:8px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:750!important;
  cursor:pointer!important;
}
body[data-route="support-plans"] .sp6-renewal-secondary{
  border:1px solid #dbe3ee!important;
  background:#fff!important;
  color:#354a6d!important;
}
body[data-route="support-plans"] .sp6-renewal-secondary:hover{background:#f8fafc!important}
body[data-route="support-plans"] .sp6-renewal-danger{
  min-width:285px!important;
  border:1px solid #ed4b62!important;
  background:linear-gradient(90deg,#f13f59,#ef4760)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(239,71,96,.17)!important;
}
body[data-route="support-plans"] .sp6-renewal-danger:hover{background:linear-gradient(90deg,#e93851,#e53c55)!important}

@media(max-width:700px){
  body[data-route="support-plans"] #support-cancel-modal.sp6-renewal-modal{
    width:calc(100vw - 16px)!important;
    max-height:calc(100svh - 16px)!important;
    border-radius:15px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-form{max-height:calc(100svh - 16px)!important}
  body[data-route="support-plans"] .sp6-renewal-header{
    grid-template-columns:48px minmax(0,1fr) 34px!important;
    gap:12px!important;
    padding:14px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-header::after{display:none!important}
  body[data-route="support-plans"] .sp6-renewal-header-icon{width:48px!important;height:48px!important;border-radius:13px!important;font-size:24px!important}
  body[data-route="support-plans"] .sp6-renewal-header-copy small{margin-bottom:5px!important;font-size:8px!important;letter-spacing:.14em!important}
  body[data-route="support-plans"] .sp6-renewal-header-copy h2{margin-bottom:5px!important;font-size:18px!important}
  body[data-route="support-plans"] .sp6-renewal-header-copy p{font-size:12px!important;line-height:1.4!important}
  body[data-route="support-plans"] .sp6-desktop-only{display:none!important}
  body[data-route="support-plans"] .sp6-renewal-close{width:34px!important;height:34px!important;font-size:19px!important}
  body[data-route="support-plans"] .sp6-renewal-content{padding:12px!important;gap:12px!important}
  body[data-route="support-plans"] .sp6-renewal-status{grid-template-columns:38px minmax(0,1fr)!important;padding:13px!important;gap:10px!important}
  body[data-route="support-plans"] .sp6-renewal-status-icon{width:38px!important;height:38px!important;font-size:20px!important}
  body[data-route="support-plans"] .sp6-renewal-status h3{font-size:12px!important;margin-bottom:3px!important}
  body[data-route="support-plans"] .sp6-renewal-status p{font-size:9px!important;line-height:1.35!important}
  body[data-route="support-plans"] .sp6-renewal-active{grid-column:2!important;justify-self:start!important;padding:6px 9px!important;font-size:8px!important}
  body[data-route="support-plans"] .sp6-renewal-details>header{grid-template-columns:36px minmax(0,1fr)!important;padding:12px!important;gap:10px!important}
  body[data-route="support-plans"] .sp6-renewal-details>header>span{width:36px!important;height:36px!important;border-radius:8px!important;font-size:18px!important}
  body[data-route="support-plans"] .sp6-renewal-details h3{font-size:12px!important}
  body[data-route="support-plans"] .sp6-renewal-details header p{font-size:9px!important}
  body[data-route="support-plans"] .sp6-renewal-rows{padding:0 12px!important}
  body[data-route="support-plans"] .sp6-renewal-rows>div{min-height:40px!important;gap:10px!important}
  body[data-route="support-plans"] .sp6-renewal-rows span{gap:7px!important;font-size:9px!important}
  body[data-route="support-plans"] .sp6-renewal-rows span i{width:24px!important;height:24px!important;border-radius:8px!important;font-size:14px!important}
  body[data-route="support-plans"] .sp6-renewal-rows strong{font-size:9.5px!important;max-width:46vw!important;overflow-wrap:anywhere!important}
  body[data-route="support-plans"] .sp6-renewal-note{grid-template-columns:32px minmax(0,1fr)!important;padding:12px!important;gap:9px!important}
  body[data-route="support-plans"] .sp6-renewal-note>span{width:32px!important;height:32px!important;font-size:17px!important}
  body[data-route="support-plans"] .sp6-renewal-note h3{font-size:12px!important;margin-bottom:3px!important}
  body[data-route="support-plans"] .sp6-renewal-note p{font-size:8.7px!important;line-height:1.4!important}
  body[data-route="support-plans"] .sp6-renewal-footer{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important}
  body[data-route="support-plans"] .sp6-renewal-footer button{width:100%!important;min-width:0!important;min-height:40px!important;padding:0 14px!important;font-size:10px!important}
  body[data-route="support-plans"] .sp6-renewal-danger{order:1!important}.sp6-renewal-secondary{order:2!important}
}


/* =========================================================
   Support renewal modal — desktop scale matched closer to reference
   Keep mobile rules untouched.
   ========================================================= */
@media (min-width:701px){
  body[data-route="support-plans"] #support-cancel-modal.sp6-renewal-modal{
    width:min(720px,calc(100vw - 48px))!important;
    max-width:720px!important;
    border-radius:12px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-form{
    max-height:min(760px,calc(100vh - 40px))!important;
  }

  body[data-route="support-plans"] .sp6-renewal-header{
    grid-template-columns:58px minmax(0,1fr) 38px!important;
    gap:16px!important;
    padding:22px 24px 20px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-header::after{
    right:-82px!important;
    top:-105px!important;
    width:315px!important;
    height:245px!important;
    border-width:22px!important;
    box-shadow:0 0 0 26px rgba(104,123,255,.03)!important;
  }

  body[data-route="support-plans"] .sp6-renewal-header-icon{
    width:58px!important;
    height:58px!important;
    border-radius:12px!important;
    font-size:28px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-header-copy{
    padding-top:0!important;
  }

  body[data-route="support-plans"] .sp6-renewal-header-copy small{
    margin-bottom:6px!important;
    font-size:9px!important;
    letter-spacing:.15em!important;
  }

  body[data-route="support-plans"] .sp6-renewal-header-copy h2{
    margin-bottom:7px!important;
    font-size:20px!important;
    line-height:1.12!important;
  }

  body[data-route="support-plans"] .sp6-renewal-header-copy p{
    font-size:12px!important;
    line-height:1.45!important;
  }

  body[data-route="support-plans"] .sp6-renewal-close{
    width:38px!important;
    height:38px!important;
    font-size:18px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-content{
    padding:14px 18px!important;
    gap:12px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-status{
    grid-template-columns:42px minmax(0,1fr) auto!important;
    gap:12px!important;
    padding:14px 16px!important;
    border-radius:11px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-status-icon{
    width:40px!important;
    height:40px!important;
    font-size:20px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-status h3{
    margin-bottom:2px!important;
    font-size:12px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-status p{
    font-size:9.5px!important;
    line-height:1.4!important;
  }

  body[data-route="support-plans"] .sp6-renewal-active{
    gap:6px!important;
    padding:7px 10px!important;
    font-size:8.5px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-active i{
    width:7px!important;
    height:7px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-details{
    border-radius:11px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-details>header{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:10px!important;
    padding:11px 14px 10px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-details>header>span{
    width:34px!important;
    height:34px!important;
    border-radius:8px!important;
    font-size:18px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-details h3{
    margin-bottom:2px!important;
    font-size:12px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-details header p{
    font-size:9px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-rows{
    padding:0 14px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-rows>div{
    min-height:39px!important;
    gap:12px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-rows span{
    gap:9px!important;
    font-size:9px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-rows span i{
    width:24px!important;
    height:24px!important;
    border-radius:8px!important;
    font-size:14px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-rows strong{
    font-size:9.5px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-note{
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:10px!important;
    padding:11px 14px!important;
    border-radius:11px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-note>span{
    width:30px!important;
    height:30px!important;
    font-size:14px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-note h3{
    margin:0 0 3px!important;
    font-size:12px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-note p{
    font-size:9px!important;
    line-height:1.4!important;
  }

  body[data-route="support-plans"] .sp6-renewal-footer{
    gap:12px!important;
    padding:12px 18px 14px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-footer button{
    min-height:38px!important;
    gap:7px!important;
    padding:0 16px!important;
    border-radius:8px!important;
    font-size:9.5px!important;
  }

  body[data-route="support-plans"] .sp6-renewal-danger{
    min-width:240px!important;
  }
}


/* support renewal modal — proportions calibrated to the reference */
@media (min-width:701px){
  body[data-route="support-plans"] #support-cancel-modal.sp6-renewal-modal{
    width:min(790px,calc(100vw - 56px))!important;
    max-width:790px!important;
    max-height:calc(100vh - 28px)!important;
    border-radius:18px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-form{
    max-height:none!important;
    overflow:visible!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-header{
    grid-template-columns:52px minmax(0,1fr) 34px!important;
    gap:12px!important;
    padding:18px 20px 16px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-header-icon{
    width:52px!important;
    height:52px!important;
    border-radius:13px!important;
    font-size:25px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-header-copy small{
    margin-bottom:4px!important;
    font-size:8px!important;
    letter-spacing:.13em!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-header-copy h2{
    margin:0 0 5px!important;
    font-size:17px!important;
    line-height:1.12!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-header-copy p{
    max-width:520px!important;
    font-size:9.5px!important;
    line-height:1.42!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-close{
    width:34px!important;
    height:34px!important;
    font-size:18px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-content{
    padding:12px 16px!important;
    gap:10px!important;
    overflow:visible!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-status{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:11px 13px!important;
    border-radius:8px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-status-icon{
    width:36px!important;
    height:36px!important;
    font-size:17px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-status h3{
    margin:0 0 1px!important;
    font-size:11.5px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-status p{
    font-size:8.6px!important;
    line-height:1.35!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-active{
    padding:5px 8px!important;
    font-size:7.8px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-details{
    border-radius:8px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-details>header{
    grid-template-columns:31px minmax(0,1fr)!important;
    gap:9px!important;
    padding:9px 12px 8px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-details>header>span{
    width:31px!important;
    height:31px!important;
    border-radius:8px!important;
    font-size:14px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-details h3{
    margin-bottom:1px!important;
    font-size:10.5px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-details header p{
    font-size:8px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-rows{
    padding:0 12px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-rows>div{
    min-height:32px!important;
    gap:10px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-rows span{
    gap:7px!important;
    font-size:8.2px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-rows span i{
    width:23px!important;
    height:23px!important;
    border-radius:7px!important;
    font-size:12px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-rows strong{
    font-size:8.7px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-note{
    grid-template-columns:26px minmax(0,1fr)!important;
    gap:7px!important;
    padding:9px 12px!important;
    border-radius:8px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-note>span{
    width:26px!important;
    height:26px!important;
    font-size:14px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-note h3{
    margin:0 0 2px!important;
    font-size:9.8px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-note p{
    font-size:8.2px!important;
    line-height:1.35!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-footer{
    gap:10px!important;
    padding:10px 16px 12px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-footer button{
    min-height:34px!important;
    padding:0 13px!important;
    border-radius:8px!important;
    font-size:8.8px!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-danger{
    min-width:220px!important;
  }
}


/* Support renewal modal — smaller desktop scale */
@media (min-width:701px){
  body[data-route="support-plans"] #support-cancel-modal.sp6-renewal-modal{
    width:min(610px,calc(100vw - 56px))!important;
    max-width:610px!important;
    border-radius:12px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-form{
    max-height:min(650px,calc(100vh - 56px))!important;
  }
  body[data-route="support-plans"] .sp6-renewal-header{
    grid-template-columns:48px minmax(0,1fr) 34px!important;
    gap:12px!important;
    padding:17px 19px 15px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-header-icon{
    width:48px!important;
    height:48px!important;
    border-radius:12px!important;
    font-size:23px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-header-copy small{
    margin-bottom:4px!important;
    font-size:7.8px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-header-copy h2{
    margin-bottom:5px!important;
    font-size:18px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-header-copy p{
    font-size:9px!important;
    line-height:1.4!important;
  }
  body[data-route="support-plans"] .sp6-renewal-close{
    width:34px!important;
    height:34px!important;
    font-size:14px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-content{
    padding:11px 14px!important;
    gap:9px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-status{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:11px 13px!important;
    border-radius:8px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-status-icon{
    width:36px!important;
    height:36px!important;
    font-size:17px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-status h3{
    font-size:12px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-status p{
    font-size:8px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-active{
    padding:6px 9px!important;
    font-size:7.5px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-details>header{
    grid-template-columns:31px minmax(0,1fr)!important;
    gap:9px!important;
    padding:9px 11px 8px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-details>header>span{
    width:31px!important;
    height:31px!important;
    border-radius:9px!important;
    font-size:15px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-details h3{
    font-size:10.5px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-details header p{
    font-size:7.7px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-rows{
    padding:0 11px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-rows>div{
    min-height:32px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-rows span{
    gap:7px!important;
    font-size:7.7px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-rows span i{
    width:23px!important;
    height:23px!important;
    border-radius:7px!important;
    font-size:12px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-rows strong{
    font-size:8.2px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-note{
    grid-template-columns:26px minmax(0,1fr)!important;
    gap:7px!important;
    padding:9px 11px!important;
    border-radius:8px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-note>span{
    width:26px!important;
    height:26px!important;
    font-size:14px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-note h3{
    font-size:9.5px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-note p{
    font-size:7.7px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-footer{
    padding:10px 14px 11px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-footer button{
    min-height:33px!important;
    padding:0 13px!important;
    border-radius:7px!important;
    font-size:8px!important;
  }
  body[data-route="support-plans"] .sp6-renewal-danger{
    min-width:205px!important;
  }
}


/* Support renewal — icon arrêt plus lisible */
body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-danger>i{
  font-size:14px!important;
  line-height:1!important;
  flex:0 0 auto!important;
}


/* Support renewal modal — largeur desktop encore réduite */
@media (min-width:701px){
  body[data-route="support-plans"] #support-cancel-modal.sp6-renewal-modal{
    width:min(550px,calc(100vw - 56px))!important;
    max-width:550px!important;
  }
}


/* Support renewal modal — mobile compact so all 4 plan rows remain reachable/visible */
@media (max-width:700px){
  body[data-route="support-plans"] #support-cancel-modal.sp6-renewal-modal{
    width:calc(100vw - 12px)!important;
    max-width:none!important;
    max-height:calc(100svh - 12px)!important;
    border-radius:13px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-form{
    height:auto!important;
    max-height:calc(100svh - 12px)!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-header{
    grid-template-columns:38px minmax(0,1fr) 28px!important;
    gap:9px!important;
    padding:10px 11px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-header-icon{
    width:38px!important;
    height:38px!important;
    border-radius:8px!important;
    font-size:17px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-header-copy small{
    margin-bottom:2px!important;
    font-size:7px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-header-copy h2{
    margin-bottom:2px!important;
    font-size:15px!important;
    line-height:1.15!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-header-copy p{
    font-size:8px!important;
    line-height:1.3!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-close{
    width:24px!important;
    height:24px!important;
    font-size:14px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-content{
    min-height:0!important;
    padding:8px!important;
    gap:7px!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-status{
    grid-template-columns:31px minmax(0,1fr) auto!important;
    gap:7px!important;
    padding:8px 9px!important;
    border-radius:9px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-status-icon{
    width:31px!important;
    height:31px!important;
    font-size:14px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-status h3{
    margin-bottom:1px!important;
    font-size:9.7px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-status p{
    font-size:7.4px!important;
    line-height:1.3!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-active{
    grid-column:auto!important;
    justify-self:end!important;
    padding:5px 7px!important;
    font-size:7px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-details>header{
    grid-template-columns:29px minmax(0,1fr)!important;
    gap:7px!important;
    padding:7px 9px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-details>header>span{
    width:29px!important;
    height:29px!important;
    border-radius:8px!important;
    font-size:14px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-details h3{
    font-size:9.5px!important;
    margin-bottom:1px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-details header p{
    font-size:7.2px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-rows{
    padding:0 9px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-rows>div{
    min-height:34px!important;
    gap:7px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-rows span{
    gap:7px!important;
    font-size:7.8px!important;
    white-space:nowrap!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-rows span i{
    width:23px!important;
    height:23px!important;
    border-radius:7px!important;
    font-size:12px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-rows strong{
    max-width:44vw!important;
    font-size:8.1px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-note{
    grid-template-columns:25px minmax(0,1fr)!important;
    gap:7px!important;
    padding:8px 9px!important;
    border-radius:9px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-note>span{
    width:25px!important;
    height:25px!important;
    font-size:12px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-note h3{
    margin:0 0 1px!important;
    font-size:8.8px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-note p{
    font-size:7.1px!important;
    line-height:1.3!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-footer{
    display:grid!important;
    grid-template-columns:1fr 1.45fr!important;
    gap:7px!important;
    padding:8px 9px calc(8px + env(safe-area-inset-bottom))!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-footer button{
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    padding:0 9px!important;
    font-size:8px!important;
  }

  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-danger,
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-secondary{
    order:initial!important;
  }
}

@media (max-width:390px){
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-footer{
    grid-template-columns:1fr!important;
  }
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-danger{order:1!important}
  body[data-route="support-plans"] #support-cancel-modal .sp6-renewal-secondary{order:2!important}
}


/* =========================================================
   Support subscription page
   ========================================================= */
.support-renewal-manage{text-decoration:none!important}
.support-subscription-page{width:100%;max-width:none;margin:0;padding:10px 14px 34px;color:var(--ink)}
.support-subscription-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;color:#71809a;text-decoration:none;font-size:12px;font-weight:600}
.support-subscription-back i{font-size:17px}.support-subscription-back:hover{color:#2c4772}
.support-subscription-heading{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px;margin-bottom:14px;border:1px solid #e1e7f0;border-radius:13px;background:linear-gradient(110deg,#fff 0%,#fbfcff 70%,#f5f7ff 100%);box-shadow:0 7px 20px rgba(35,55,90,.04)}
.support-subscription-heading::after{content:"";position:absolute;right:-60px;top:-90px;width:250px;height:210px;border:18px solid rgba(93,112,220,.07);border-radius:50%;transform:rotate(-24deg)}
.support-subscription-heading>div{position:relative;z-index:1}.support-subscription-heading>div>span{display:block;margin-bottom:5px;color:#6878a8;font-size:9px;font-weight:800;letter-spacing:.15em}.support-subscription-heading h1{margin:0 0 5px;font-size:22px;line-height:1.15;color:#14264a}.support-subscription-heading p{margin:0;color:#74819a;font-size:11px;line-height:1.5}
.support-subscription-heading-icon{position:relative;z-index:1;width:50px;height:50px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:#eef1fb;color:#5668a5;font-size:25px}
.support-subscription-status{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;margin-bottom:14px;border:1px solid #d8eadf;border-radius:11px;background:#f4fbf6}.support-subscription-status.ending{border-color:#eadfcb;background:#fffaf1}.support-subscription-status-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#dff4e6;color:#168954;font-size:20px}.support-subscription-status.ending .support-subscription-status-icon{background:#fff0d6;color:#aa741f}.support-subscription-status h2{margin:0 0 2px;font-size:13px}.support-subscription-status p{margin:0;color:#65758d;font-size:10px;line-height:1.4}.support-subscription-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#e5f6eb;color:#168954;font-size:9px;font-weight:700}.support-subscription-status.ending .support-subscription-status-badge{background:#fff0d6;color:#9a681f}.support-subscription-status-badge i{width:7px;height:7px;border-radius:50%;background:currentColor}
.support-subscription-card{overflow:hidden;margin-bottom:14px;border:1px solid #e1e7f0;border-radius:12px;background:#fff;box-shadow:0 7px 20px rgba(35,55,90,.04)}.support-subscription-card>header{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid #edf1f5}.support-subscription-card>header>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#f0f3fb;color:#5b6eaa;font-size:19px}.support-subscription-card h2{margin:0 0 2px;font-size:12px}.support-subscription-card header p{margin:0;color:#7b879b;font-size:9px}.support-subscription-rows{padding:0 15px}.support-subscription-rows>div{min-height:44px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;border-bottom:1px solid #edf1f5}.support-subscription-rows>div:last-child{border-bottom:0}.support-subscription-rows span{display:flex;align-items:center;gap:9px;color:#65728a;font-size:10px}.support-subscription-rows span i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f5f7fb;color:#71809d;font-size:14px}.support-subscription-rows strong{color:#1f3156;font-size:10px;text-align:right}
.support-subscription-note{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:11px 14px;margin-bottom:14px;border:1px solid #dbe8f5;border-radius:11px;background:#f6faff}.support-subscription-note>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e7f1fc;color:#4d79a9;font-size:16px}.support-subscription-note h2{margin:0 0 3px;font-size:11px}.support-subscription-note p{margin:0;color:#66768f;font-size:9.5px;line-height:1.45}.support-subscription-note strong{font-weight:700;color:#3d557c}
.support-subscription-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:2px}.support-subscription-actions>a,.support-subscription-actions button{min-height:38px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;font:inherit;font-size:10px;font-weight:700;text-decoration:none;cursor:pointer}.support-subscription-actions>a{border:1px solid #dde4ee;background:#fff;color:#596983}.support-subscription-actions button{border:1px solid #e6c5c8;background:#fff3f3;color:#bd4348}.support-subscription-actions button i{font-family:boxicons!important;font-size:16px}.support-subscription-actions button:hover{background:#feecec}
@media(max-width:700px){.support-subscription-page{padding:8px 8px 24px}.support-subscription-back{margin-bottom:9px}.support-subscription-heading{padding:14px;gap:12px}.support-subscription-heading h1{font-size:18px}.support-subscription-heading p{font-size:10px}.support-subscription-heading-icon{width:42px;height:42px;font-size:21px}.support-subscription-status{grid-template-columns:34px minmax(0,1fr);padding:10px}.support-subscription-status-icon{width:34px;height:34px;font-size:17px}.support-subscription-status-badge{grid-column:2;justify-self:start;padding:5px 8px}.support-subscription-rows{padding:0 10px}.support-subscription-rows>div{min-height:42px;gap:8px}.support-subscription-rows span{font-size:9px}.support-subscription-rows strong{max-width:48vw;font-size:9px;white-space:normal;overflow-wrap:anywhere}.support-subscription-actions{display:grid;grid-template-columns:1fr;gap:8px}.support-subscription-actions>a,.support-subscription-actions form,.support-subscription-actions button{width:100%}.support-subscription-actions button{min-height:40px}}


/* /support/plans/subscription — pleine largeur comme support/tickets/new */
body[data-route="plans-subscription"] .content{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  background:#f4f6f8;
}

body[data-route="plans-subscription"] .support-subscription-page{
  width:100%;
  max-width:none;
  margin:0;
  padding:12px 14px 28px;
}

@media(max-width:700px){
  body[data-route="plans-subscription"] .support-subscription-page{
    margin:0;
    padding:8px 8px 20px;
  }
}


/* =========================================================
   /support/plans/subscription — premium page redesign
   ========================================================= */
body[data-route="plans-subscription"] .subscription-premium-page{padding:12px 14px 32px!important;color:#17284a}
.subscription-premium-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 14px;padding:0 2px}.subscription-premium-topbar .support-subscription-back{margin:0 0 8px;font-size:11px}.subscription-premium-topbar h1{margin:0 0 4px;font-size:22px;line-height:1.1;letter-spacing:-.025em;color:#14264a}.subscription-premium-topbar p{margin:0;color:#74819a;font-size:10.5px}.subscription-premium-top-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f0f3fa;color:#5c6d95;font-size:21px}
.subscription-premium-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:14px;padding:18px 20px;border:1px solid #dfe6f0;border-radius:14px;background:linear-gradient(120deg,#fff 0%,#fbfcff 70%,#f5f8ff 100%);box-shadow:0 10px 28px rgba(29,51,90,.05)}.subscription-premium-hero::after{content:"";position:absolute;right:-55px;top:-70px;width:240px;height:200px;border:20px solid rgba(76,99,180,.055);border-radius:50%;transform:rotate(-20deg)}.subscription-premium-hero-main,.subscription-premium-price{position:relative;z-index:1}.subscription-premium-badge{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;padding:5px 9px;border-radius:999px;background:#e8f7ee;color:#188a56;font-size:8.5px;font-weight:700}.subscription-premium-badge i{width:7px;height:7px;border-radius:50%;background:#20ad68}.subscription-premium-hero.ending .subscription-premium-badge{background:#fff2db;color:#996722}.subscription-premium-hero.ending .subscription-premium-badge i{background:#cf8b2c}.subscription-premium-plan-line{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:center}.subscription-premium-plan-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(180deg,#7385c5,#5d6fa9);color:#fff;font-size:23px;box-shadow:0 9px 18px rgba(69,86,145,.15)}.subscription-premium-plan-line small{display:block;margin-bottom:3px;color:#8490a7;font-size:7.5px;font-weight:800;letter-spacing:.13em}.subscription-premium-plan-line h2{margin:0 0 3px;font-size:17px;color:#14264a}.subscription-premium-plan-line p{margin:0;color:#74819a;font-size:9.5px}.subscription-premium-price{min-width:150px;padding-left:24px;border-left:1px solid #e3e8f0;text-align:right}.subscription-premium-price small{display:block;margin-bottom:3px;color:#8692a6;font-size:8px}.subscription-premium-price strong{display:inline-block;font-size:24px;color:#17294e;letter-spacing:-.03em}.subscription-premium-price span{color:#8490a5;font-size:9px}
.subscription-premium-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.subscription-premium-main{display:grid;gap:14px}.subscription-premium-card,.subscription-premium-side-card,.subscription-premium-danger-card{border:1px solid #e1e7ef;border-radius:13px;background:#fff;box-shadow:0 7px 20px rgba(34,55,91,.04)}.subscription-premium-card-head{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid #edf1f5}.subscription-premium-card-head>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f0f3f8;color:#617293;font-size:18px}.subscription-premium-card-head h2{margin:0 0 2px;font-size:12px;color:#1a2d53}.subscription-premium-card-head p{margin:0;color:#7d899d;font-size:8.5px}.subscription-premium-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.subscription-premium-details>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:11px 10px;border-radius:9px}.subscription-premium-details>div:hover{background:#f8fafd}.subscription-premium-detail-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f4f6fa;color:#6f7e99;font-size:16px}.subscription-premium-details small{display:block;margin-bottom:2px;color:#8b96a8;font-size:7.5px}.subscription-premium-details strong{display:block;color:#203358;font-size:9.5px}
.subscription-premium-renewal-body{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;padding:12px 14px}.subscription-premium-renewal-status{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:#f3faf5;border:1px solid #dceee2}.subscription-premium-renewal-status>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e0f3e6;color:#1b935c;font-size:17px}.subscription-premium-renewal-status strong{display:block;margin-bottom:2px;color:#1b5438;font-size:9.5px}.subscription-premium-renewal-status p{margin:0;color:#66816f;font-size:8px;line-height:1.4}.subscription-premium-renewal-status.ending{background:#fff9ef;border-color:#f0e4cc}.subscription-premium-renewal-status.ending>span{background:#ffefd2;color:#aa7425}.subscription-premium-renewal-status.ending strong{color:#754f17}.subscription-premium-renewal-status.ending p{color:#8d7655}.subscription-premium-next-date{display:grid;align-content:center;justify-items:end;padding:0 0 0 16px;border-left:1px solid #e6ebf1}.subscription-premium-next-date small{color:#8b96a8;font-size:7.5px}.subscription-premium-next-date strong{margin-top:3px;color:#1c3055;font-size:13px}
.subscription-premium-note{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:11px 13px;border:1px solid #dce8f4;border-radius:11px;background:#f6faff}.subscription-premium-note>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e8f2fc;color:#4e79a7;font-size:15px}.subscription-premium-note h2{margin:0 0 3px;font-size:10px}.subscription-premium-note p{margin:0;color:#66768f;font-size:8.5px;line-height:1.45}.subscription-premium-note strong{color:#3e577e;font-weight:700}
.subscription-premium-aside{display:grid;gap:14px}.subscription-premium-side-card{padding:16px}.subscription-premium-side-icon{width:38px;height:38px;display:grid;place-items:center;margin-bottom:11px;border-radius:11px;background:#eef2f8;color:#5e7193;font-size:19px}.subscription-premium-side-card small{display:block;margin-bottom:3px;color:#8a95a8;font-size:7.5px;font-weight:800;letter-spacing:.11em}.subscription-premium-side-card h3{margin:0 0 4px;font-size:13px}.subscription-premium-side-card p{margin:0;color:#74819a;font-size:8.5px;line-height:1.4}.subscription-premium-side-card ul{margin:13px 0 12px;padding:11px 0 0;border-top:1px solid #edf1f5;display:grid;gap:8px;list-style:none}.subscription-premium-side-card li{display:flex;align-items:center;gap:7px;color:#5e6c83;font-size:8.5px}.subscription-premium-side-card li i{color:#16a261;font-size:13px}.subscription-premium-side-card>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid #edf1f5;color:#526789;text-decoration:none;font-size:8.5px;font-weight:700}.subscription-premium-danger-card{padding:14px}.subscription-premium-danger-card>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;margin-bottom:11px}.subscription-premium-danger-card>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#fff1f1;color:#c5555a;font-size:17px}.subscription-premium-danger-card h3{margin:0 0 3px;font-size:10px;color:#73383b}.subscription-premium-danger-card p{margin:0;color:#8b6b6d;font-size:8px;line-height:1.4}.subscription-premium-danger-card button{width:100%;min-height:34px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e6c7ca;border-radius:8px;background:#fff5f5;color:#bb454b;font:inherit;font-size:8.8px;font-weight:700;cursor:pointer}.subscription-premium-danger-card button i{font-family:boxicons!important;font-size:15px}.subscription-premium-danger-card button:hover{background:#feeeee}
@media(max-width:980px){.subscription-premium-grid{grid-template-columns:1fr}.subscription-premium-aside{grid-template-columns:1fr 1fr}.subscription-premium-side-card,.subscription-premium-danger-card{height:100%}}
@media(max-width:700px){body[data-route="plans-subscription"] .subscription-premium-page{padding:8px 8px 22px!important}.subscription-premium-topbar{align-items:center;margin-bottom:10px}.subscription-premium-topbar h1{font-size:19px}.subscription-premium-top-icon{display:none}.subscription-premium-hero{grid-template-columns:1fr;padding:14px}.subscription-premium-price{min-width:0;padding:12px 0 0;border-left:0;border-top:1px solid #e5eaf1;text-align:left}.subscription-premium-price strong{font-size:20px}.subscription-premium-details{grid-template-columns:1fr}.subscription-premium-renewal-body{grid-template-columns:1fr}.subscription-premium-next-date{justify-items:start;padding:10px 0 0;border-left:0;border-top:1px solid #e7ebf1}.subscription-premium-aside{grid-template-columns:1fr}.subscription-premium-plan-line{grid-template-columns:42px minmax(0,1fr)}.subscription-premium-plan-icon{width:42px;height:42px;font-size:20px}.subscription-premium-plan-line h2{font-size:15px}}


/* =========================================================
   /support/plans/subscription — layout faithful to reference
   ========================================================= */
body[data-route="plans-subscription"] .subscription-reference-page{
  width:100%;
  max-width:none;
  margin:0;
  padding:10px 14px 22px;
  color:#15264a;
}
.subscription-reference-heading{margin:0 0 12px;padding:0 2px}
.subscription-reference-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;color:#65799d;text-decoration:none;font-size:9.5px;font-weight:700}
.subscription-reference-back i{font-family:boxicons!important;font-size:15px}
.subscription-reference-heading h1{margin:0 0 3px;font-size:24px;line-height:1.08;letter-spacing:-.025em;color:#13264b}
.subscription-reference-heading p{margin:0;color:#74819b;font-size:9.5px}

.subscription-reference-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 220px 190px;align-items:center;gap:20px;min-height:120px;margin-bottom:12px;padding:16px 18px;border:1px solid #e0e7f1;border-radius:12px;background:linear-gradient(105deg,#fff 0%,#fbfcff 64%,#f2f6ff 100%);box-shadow:0 6px 20px rgba(34,55,91,.04)}
.subscription-reference-hero::after{content:"";position:absolute;right:145px;top:-90px;width:240px;height:240px;border:20px solid rgba(74,113,255,.055);border-radius:50%}
.subscription-reference-hero-left{position:relative;z-index:1;display:grid;grid-template-columns:74px minmax(0,1fr);gap:16px;align-items:center}
.subscription-reference-calendar{width:74px;height:74px;display:grid;place-items:center;border-radius:14px;background:#edf4ff;color:#1e6be3;font-size:33px}
.subscription-reference-calendar i{font-family:boxicons!important}
.subscription-reference-plan-copy small,.subscription-reference-current small{display:block;margin-bottom:3px;color:#1474e5;font-size:7px;font-weight:850;letter-spacing:.15em}
.subscription-reference-plan-copy h2{margin:0 0 3px;font-size:16px;color:#14284f}
.subscription-reference-plan-copy p{margin:0 0 8px;color:#6f7f9c;font-size:8.8px}
.subscription-reference-chips{display:flex;flex-wrap:wrap;gap:7px}
.subscription-reference-chips span{height:25px;padding:0 9px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#f4f7fb;color:#60718e;font-size:7.7px;font-weight:650}
.subscription-reference-chips i{font-family:boxicons!important;color:#2370db;font-size:12px}
.subscription-reference-current{position:relative;z-index:1;padding-left:22px;border-left:1px solid #e1e7f0;display:grid;align-content:center}
.subscription-reference-current strong{font-size:14px;color:#152a53}.subscription-reference-current span{margin-top:3px;color:#152a53;font-size:10.5px;font-weight:800}
.subscription-reference-art{position:relative;z-index:1;height:96px}
.subscription-reference-art-card{position:absolute;right:12px;width:98px;height:50px;border:1px solid #d7e4fb;border-radius:8px;background:linear-gradient(145deg,#fafdff,#e9f1ff);box-shadow:0 8px 18px rgba(44,91,172,.10);transform:skewY(-13deg)}
.subscription-reference-art-card.art-one{bottom:4px;right:2px}.subscription-reference-art-card.art-two{bottom:20px;right:14px}.subscription-reference-art-card.art-three{bottom:36px;right:26px;display:grid;place-items:center;color:#1f66d8;font-size:25px}
.subscription-reference-art-card i{font-family:boxicons!important;transform:skewY(13deg)}

.subscription-reference-status{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;border:1px solid #d6ecde;border-radius:10px;background:#f3fbf5}
.subscription-reference-status.ending{border-color:#eadfc9;background:#fffaf0}
.subscription-reference-status-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#dff5e6;color:#16a060;font-size:19px}.subscription-reference-status-icon i{font-family:boxicons!important}
.subscription-reference-status strong{display:block;margin-bottom:2px;color:#174b34;font-size:10.5px}.subscription-reference-status p{margin:0;color:#648071;font-size:8px}
.subscription-reference-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#e0f7e8;color:#178d57;font-size:8px;font-weight:800}.subscription-reference-status-badge i{width:7px;height:7px;border-radius:50%;background:#19b669}
.subscription-reference-status.ending .subscription-reference-status-icon{background:#fff0d8;color:#a76f20}.subscription-reference-status.ending .subscription-reference-status-badge{background:#fff0d8;color:#9a671f}.subscription-reference-status.ending .subscription-reference-status-badge i{background:#cf892c}

.subscription-reference-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.75fr);gap:14px;align-items:start}
.subscription-reference-leftcol{display:grid;gap:12px}
.subscription-reference-card,.subscription-reference-benefits{border:1px solid #dfe7f1;border-radius:11px;background:#fff;box-shadow:0 5px 18px rgba(34,55,91,.035)}
.subscription-reference-details>header{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid #edf1f5}
.subscription-reference-details>header>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#edf5ff;color:#1d6ee1;font-size:18px}.subscription-reference-details>header>span i{font-family:boxicons!important}
.subscription-reference-details h2,.subscription-reference-benefits h2,.subscription-reference-note h2{margin:0 0 2px;font-size:11px;color:#172c54}.subscription-reference-details header p,.subscription-reference-benefits header p{margin:0;color:#7a879e;font-size:7.7px}
.subscription-reference-rows{padding:0 14px}.subscription-reference-rows>div{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #edf1f5}.subscription-reference-rows>div:last-child{border-bottom:0}
.subscription-reference-rows span{display:flex;align-items:center;gap:8px;color:#62718d;font-size:8px}.subscription-reference-rows span i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#f2f5f9;color:#617493;font-family:boxicons!important;font-size:12px}.subscription-reference-rows strong{color:#182d55;font-size:8.7px}

.subscription-reference-benefits{padding:14px 16px;background:linear-gradient(135deg,#fff 0%,#fbfdff 100%);border-color:#d6e8fb}
.subscription-reference-benefits>header{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;margin-bottom:13px}.subscription-reference-benefits>header>span{width:34px;height:34px;display:grid;place-items:center;color:#4384ee;font-size:24px}.subscription-reference-benefits>header>span i{font-family:boxicons!important}
.subscription-reference-benefit-list{display:grid;gap:12px}.subscription-reference-benefit-list>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center}.benefit-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:18px}.benefit-icon i{font-family:boxicons!important}.benefit-icon.green{background:#e8f8ee;color:#14965b}.benefit-icon.blue{background:#e9f3ff;color:#2479e4}.benefit-icon.purple{background:#f1ebff;color:#7e4ae4}
.subscription-reference-benefit-list strong{display:block;margin-bottom:2px;color:#24385e;font-size:8.8px}.subscription-reference-benefit-list p{margin:0;color:#76849d;font-size:7.6px;line-height:1.35}

.subscription-reference-note{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:9px 12px;border:1px solid #d8e8f8;border-radius:10px;background:#f5faff}.subscription-reference-note>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e5f2ff;color:#2679df;font-size:16px}.subscription-reference-note>span i{font-family:boxicons!important}.subscription-reference-note p{margin:0;color:#63748f;font-size:7.8px;line-height:1.4}.subscription-reference-note strong{font-weight:700;color:#36557e}

.subscription-reference-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.subscription-reference-actions>a,.subscription-reference-actions button{min-height:34px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;font:inherit;font-size:8.3px;font-weight:700;text-decoration:none}.subscription-reference-actions>a{border:1px solid #dfe5ed;background:#fff;color:#5e6f8c}.subscription-reference-actions button{border:1px solid #f0b5ba;background:#fff6f6;color:#d74852;cursor:pointer}.subscription-reference-actions i{font-family:boxicons!important;font-size:14px}
.subscription-reference-actions form{margin:0}

@media(max-width:980px){.subscription-reference-hero{grid-template-columns:minmax(0,1fr) 200px}.subscription-reference-art{display:none}.subscription-reference-grid{grid-template-columns:1fr}.subscription-reference-benefits{order:2}}
@media(max-width:700px){body[data-route="plans-subscription"] .subscription-reference-page{padding:8px 8px 20px}.subscription-reference-heading h1{font-size:20px}.subscription-reference-hero{grid-template-columns:1fr;padding:13px}.subscription-reference-hero-left{grid-template-columns:48px minmax(0,1fr);gap:11px}.subscription-reference-calendar{width:48px;height:48px;border-radius:12px;font-size:23px}.subscription-reference-current{padding:10px 0 0;border-left:0;border-top:1px solid #e5eaf1}.subscription-reference-chips{gap:5px}.subscription-reference-chips span{height:23px;font-size:7px}.subscription-reference-status{grid-template-columns:32px minmax(0,1fr);gap:9px}.subscription-reference-status-icon{width:32px;height:32px}.subscription-reference-status-badge{grid-column:2;justify-self:start;padding:5px 8px}.subscription-reference-grid{grid-template-columns:1fr}.subscription-reference-benefit-list>div{grid-template-columns:36px minmax(0,1fr)}.benefit-icon{width:36px;height:36px}.subscription-reference-actions{display:grid;grid-template-columns:1fr;gap:8px}.subscription-reference-actions>a,.subscription-reference-actions form,.subscription-reference-actions button{width:100%}}


/* =========================================================
   /support/plans/subscription
   Desktop proportions tightened to match the supplied reference
   ========================================================= */
@media (min-width:981px){
  body[data-route="plans-subscription"] .subscription-reference-page{
    padding:8px 28px 20px!important;
  }

  body[data-route="plans-subscription"] .subscription-reference-heading{
    margin-bottom:10px!important;
    padding:0 2px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-back{
    margin-bottom:5px!important;
    font-size:8.5px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-heading h1{
    margin-bottom:2px!important;
    font-size:18px!important;
    line-height:1.06!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-heading p{
    font-size:8.7px!important;
  }

  body[data-route="plans-subscription"] .subscription-reference-hero{
    grid-template-columns:minmax(0,1fr) 200px 170px!important;
    gap:16px!important;
    min-height:100px!important;
    margin-bottom:10px!important;
    padding:12px 16px!important;
    border-radius:11px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-hero::after{
    right:128px!important;
    top:-86px!important;
    width:210px!important;
    height:210px!important;
    border-width:17px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-hero-left{
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:12px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-calendar{
    width:58px!important;
    height:58px!important;
    border-radius:13px!important;
    font-size:27px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-plan-copy small,
  body[data-route="plans-subscription"] .subscription-reference-current small{
    margin-bottom:2px!important;
    font-size:6.6px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-plan-copy h2{
    margin-bottom:2px!important;
    font-size:14px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-plan-copy p{
    margin-bottom:6px!important;
    font-size:7.8px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-chips{
    gap:6px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-chips span{
    height:20px!important;
    padding:0 8px!important;
    gap:5px!important;
    font-size:7px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-chips i{
    font-size:12px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-current{
    padding-left:18px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-current strong{
    font-size:12.5px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-current span{
    margin-top:2px!important;
    font-size:9.5px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-art{
    height:76px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-art-card{
    right:9px!important;
    width:82px!important;
    height:41px!important;
    border-radius:7px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-art-card.art-one{
    bottom:2px!important;
    right:0!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-art-card.art-two{
    bottom:15px!important;
    right:11px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-art-card.art-three{
    bottom:28px!important;
    right:22px!important;
    font-size:18px!important;
  }

  body[data-route="plans-subscription"] .subscription-reference-status{
    grid-template-columns:32px minmax(0,1fr) auto!important;
    gap:10px!important;
    margin-bottom:10px!important;
    padding:8px 12px!important;
    border-radius:9px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-status-icon{
    width:32px!important;
    height:32px!important;
    border-radius:9px!important;
    font-size:14px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-status strong{
    margin-bottom:1px!important;
    font-size:9.5px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-status p{
    font-size:7.4px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-status-badge{
    gap:5px!important;
    padding:5px 9px!important;
    font-size:7.4px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-status-badge i{
    width:6px!important;
    height:6px!important;
  }

  body[data-route="plans-subscription"] .subscription-reference-grid{
    grid-template-columns:minmax(0,1.18fr) minmax(320px,.76fr)!important;
    gap:12px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-leftcol{
    gap:10px!important;
  }

  body[data-route="plans-subscription"] .subscription-reference-card,
  body[data-route="plans-subscription"] .subscription-reference-benefits{
    border-radius:8px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-details>header{
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:9px!important;
    padding:8px 12px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-details>header>span{
    width:32px!important;
    height:32px!important;
    border-radius:9px!important;
    font-size:15px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-details h2,
  body[data-route="plans-subscription"] .subscription-reference-benefits h2,
  body[data-route="plans-subscription"] .subscription-reference-note h2{
    margin-bottom:1px!important;
    font-size:12px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-details header p,
  body[data-route="plans-subscription"] .subscription-reference-benefits header p{
    font-size:7px!important;
  }

  body[data-route="plans-subscription"] .subscription-reference-rows{
    padding:0 12px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-rows>div{
    min-height:31px!important;
    gap:12px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-rows span{
    gap:7px!important;
    font-size:7.3px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-rows span i{
    width:20px!important;
    height:22px!important;
    border-radius:7px!important;
    font-size:10.5px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-rows strong{
    font-size:7.9px!important;
  }

  body[data-route="plans-subscription"] .subscription-reference-benefits{
    padding:11px 13px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-benefits>header{
    grid-template-columns:29px minmax(0,1fr)!important;
    gap:9px!important;
    margin-bottom:10px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-benefits>header>span{
    width:29px!important;
    height:29px!important;
    font-size:18px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-benefit-list{
    gap:9px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-benefit-list>div{
    grid-template-columns:35px minmax(0,1fr)!important;
    gap:9px!important;
  }
  body[data-route="plans-subscription"] .benefit-icon{
    width:35px!important;
    height:35px!important;
    font-size:15px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-benefit-list strong{
    margin-bottom:1px!important;
    font-size:8px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-benefit-list p{
    font-size:6.9px!important;
    line-height:1.3!important;
  }

  body[data-route="plans-subscription"] .subscription-reference-note{
    grid-template-columns:29px minmax(0,1fr)!important;
    gap:9px!important;
    padding:7px 10px!important;
    border-radius:9px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-note>span{
    width:29px!important;
    height:29px!important;
    border-radius:8px!important;
    font-size:14px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-note p{
    font-size:7px!important;
    line-height:1.35!important;
  }

  body[data-route="plans-subscription"] .subscription-reference-actions{
    margin-top:10px!important;
    gap:12px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-actions>a,
  body[data-route="plans-subscription"] .subscription-reference-actions button{
    min-height:30px!important;
    padding:0 12px!important;
    gap:6px!important;
    border-radius:7px!important;
    font-size:7.6px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-actions i{
    font-size:12px!important;
  }
}


/* =========================================================
   /support/plans/subscription — confirmation d'arrêt
   ========================================================= */
body[data-route="plans-subscription"] .subscription-reference-actions>.subscription-cancel-open{
  min-height:30px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid #f2b8bf;
  border-radius:7px;
  background:#fff8f8;
  color:#db3e50;
  font:inherit;
  font-size:7.6px;
  font-weight:700;
  cursor:pointer;
}
body[data-route="plans-subscription"] .subscription-reference-actions>.subscription-cancel-open:hover{
  border-color:#ed9ca7;
  background:#fff2f3;
}

body[data-route="plans-subscription"] .subscription-cancel-dialog{
  width:min(440px,calc(100vw - 32px));
  max-width:440px;
  padding:0;
  border:0;
  border-radius:14px;
  background:#fff;
  color:var(--ink);
  box-shadow:0 26px 80px rgba(15,30,58,.25);
  overflow:hidden;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog::backdrop{
  background:rgba(15,29,52,.48);
  backdrop-filter:blur(3px);
}
body[data-route="plans-subscription"] .subscription-cancel-dialog form{
  margin:0;
  display:block;
}

body[data-route="plans-subscription"] .subscription-cancel-dialog-head{
  position:relative;
  padding:18px 48px 16px 18px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:start;
  border-bottom:1px solid #e8edf4;
  background:linear-gradient(135deg,#fff 0%,#fbfcff 70%,#f4f7ff 100%);
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#fff0f2;
  color:#e24458;
  font-size:21px;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-head small{
  display:block;
  margin-bottom:3px;
  color:#64758f;
  font-size:8px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-head h2{
  margin:0 0 4px;
  color:#14264a;
  font-size:16px;
  font-weight:750;
  line-height:1.2;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-head p{
  margin:0;
  color:#74829b;
  font-size:9px;
  line-height:1.45;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-close{
  position:absolute;
  top:12px;
  right:12px;
  width:30px;
  height:30px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid #e1e7ef;
  border-radius:9px;
  background:#fff;
  color:#63728a;
  font-size:17px;
  cursor:pointer;
}

body[data-route="plans-subscription"] .subscription-cancel-dialog-body{
  padding:16px 18px;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary{
  padding:12px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:center;
  border:1px solid #e5eaf1;
  border-radius:10px;
  background:#f8fafc;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary>span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#edf3ff;
  color:#3572e8;
  font-size:17px;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary div{
  display:grid;
  gap:2px;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary small{
  color:#7a879c;
  font-size:8px;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary strong{
  color:#16294e;
  font-size:12px;
  font-weight:750;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-text{
  margin:13px 2px 11px;
  color:#596982;
  font-size:9px;
  line-height:1.55;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-info{
  padding:10px 11px;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  gap:8px;
  align-items:start;
  border:1px solid #dbe7fb;
  border-radius:9px;
  background:#f4f8ff;
  color:#5d6f8e;
  font-size:8px;
  line-height:1.45;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-info i{
  color:#3676eb;
  font-size:15px;
}

body[data-route="plans-subscription"] .subscription-cancel-dialog-actions{
  padding:12px 18px 14px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  border-top:1px solid #e8edf4;
  background:#fff;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-actions button{
  min-height:34px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid #dde4ee;
  border-radius:8px;
  background:#fff;
  color:#455773;
  font:inherit;
  font-size:8.5px;
  font-weight:700;
  cursor:pointer;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-actions .danger{
  border-color:#ef4659;
  background:#ef4659;
  color:#fff;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-actions .danger:hover{
  border-color:#dd3548;
  background:#dd3548;
}

@media(max-width:600px){
  body[data-route="plans-subscription"] .subscription-cancel-dialog{
    width:calc(100vw - 16px);
    max-width:none;
    max-height:calc(100svh - 16px);
    border-radius:13px;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog form{
    max-height:calc(100svh - 16px);
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    overflow:hidden;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog-head{
    padding:14px 42px 12px 14px;
    grid-template-columns:36px minmax(0,1fr);
    gap:9px;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog-icon{
    width:36px;
    height:36px;
    border-radius:10px;
    font-size:18px;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog-head h2{
    font-size:14px;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog-body{
    min-height:0;
    padding:12px 14px;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog-actions{
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog-actions button{
    width:100%;
    min-height:40px;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog-actions .danger{
    order:1;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog-actions button:not(.danger){
    order:2;
  }
}


/* Subscription cancel modal — date card + footer polish */
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary{
  position:relative;
  overflow:hidden;
  min-height:92px;
  padding:16px 18px;
  grid-template-columns:48px minmax(0,1fr);
  gap:14px;
  border:1px solid #d8e5ff;
  border-radius:13px;
  background:linear-gradient(135deg,#f7fbff 0%,#eef5ff 100%);
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary::before,
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:999px;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary::before{
  right:-46px;
  bottom:-58px;
  width:210px;
  height:120px;
  background:linear-gradient(135deg,rgba(80,124,255,.08),rgba(80,124,255,.02));
  transform:rotate(-9deg);
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary::after{
  right:56px;
  bottom:-74px;
  width:170px;
  height:110px;
  background:linear-gradient(135deg,rgba(112,143,255,.06),rgba(112,143,255,.015));
  transform:rotate(-14deg);
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary>span{
  position:relative;
  z-index:1;
  width:48px;
  height:48px;
  border-radius:12px;
  background:#eaf2ff;
  color:#2f6fe9;
  font-size:22px;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary>div{
  position:relative;
  z-index:1;
  align-self:center;
  gap:3px;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary small{
  color:#617391;
  font-size:9px;
  line-height:1.35;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary strong{
  color:#101f45;
  font-size:22px;
  line-height:1;
  font-weight:750;
  letter-spacing:-.02em;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-actions{
  justify-content:flex-end;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-actions .danger i{
  font-size:18px;
  line-height:1;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-actions .keep-premium{
  margin-left:0;
}
@media(max-width:600px){
  body[data-route="plans-subscription"] .subscription-cancel-dialog-summary{
    min-height:80px;
    padding:13px 14px;
    grid-template-columns:42px minmax(0,1fr);
    gap:11px;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog-summary>span{
    width:42px;
    height:42px;
    font-size:20px;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog-summary strong{
    font-size:19px;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog-actions .keep-premium{
    order:1;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog-actions .danger{
    order:2;
  }
}


/* Subscription cancel modal — footer aux extrémités + date card plus basse */
@media(min-width:601px){
  body[data-route="plans-subscription"] .subscription-cancel-dialog-actions{
    justify-content:space-between!important;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog-actions .keep-premium{
    margin:0!important;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog-actions .danger{
    margin-left:auto!important;
  }
}

body[data-route="plans-subscription"] .subscription-cancel-dialog-summary{
  min-height:66px!important;
  padding:10px 14px!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:11px!important;
  border-radius:11px!important;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary>span{
  width:38px!important;
  height:38px!important;
  border-radius:8px!important;
  font-size:18px!important;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary>div{
  gap:1px!important;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary small{
  font-size:8px!important;
  line-height:1.25!important;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary strong{
  font-size:17px!important;
  line-height:1.05!important;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary::before{
  bottom:-78px!important;
  height:105px!important;
}
body[data-route="plans-subscription"] .subscription-cancel-dialog-summary::after{
  bottom:-88px!important;
  height:96px!important;
}

@media(max-width:600px){
  body[data-route="plans-subscription"] .subscription-cancel-dialog-summary{
    min-height:62px!important;
    padding:9px 11px!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:9px!important;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog-summary>span{
    width:36px!important;
    height:36px!important;
    font-size:14px!important;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog-summary strong{
    font-size:14px!important;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog-actions .keep-premium{
    order:1!important;
  }
  body[data-route="plans-subscription"] .subscription-cancel-dialog-actions .danger{
    order:2!important;
  }
}


/* /support/plans/subscription — derniers paiements */
body[data-route="plans-subscription"] .subscription-recent-payments{
  margin-top:10px;
  overflow:hidden;
  border:1px solid #e2e7ef;
  border-radius:10px;
  background:#fff;
  box-shadow:0 5px 16px rgba(31,55,95,.035);
}
body[data-route="plans-subscription"] .subscription-recent-payments>header{
  padding:10px 12px 8px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:9px;
  align-items:center;
  border-bottom:1px solid #edf1f5;
}
body[data-route="plans-subscription"] .subscription-recent-payments>header>span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#eef4ff;
  color:#4076dc;
  font-size:15px;
}
body[data-route="plans-subscription"] .subscription-recent-payments h2{
  margin:0 0 1px;
  color:#17284a;
  font-size:10px;
}
body[data-route="plans-subscription"] .subscription-recent-payments header p{
  margin:0;
  color:#7b879d;
  font-size:7px;
}
body[data-route="plans-subscription"] .subscription-recent-payments-list{
  padding:0 12px;
}
body[data-route="plans-subscription"] .subscription-recent-payment-row{
  min-height:42px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto auto;
  gap:9px;
  align-items:center;
  border-bottom:1px solid #edf1f5;
}
body[data-route="plans-subscription"] .subscription-recent-payment-row:last-child{
  border-bottom:0;
}
body[data-route="plans-subscription"] .subscription-recent-payment-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#f4f7fb;
  color:#60728f;
  font-size:13px;
}
body[data-route="plans-subscription"] .subscription-recent-payment-main{
  min-width:0;
  display:grid;
  gap:1px;
}
body[data-route="plans-subscription"] .subscription-recent-payment-main strong{
  color:#263958;
  font-size:8px;
  font-weight:700;
}
body[data-route="plans-subscription"] .subscription-recent-payment-main small{
  color:#8792a5;
  font-size:6.9px;
}
body[data-route="plans-subscription"] .subscription-recent-payment-amount{
  color:#1d3154;
  font-size:8.2px;
  font-weight:700;
  white-space:nowrap;
}
body[data-route="plans-subscription"] .subscription-recent-payment-status{
  padding:4px 7px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  border-radius:999px;
  background:#edf9f2;
  color:#178552;
  font-size:6.8px;
  font-weight:700;
  white-space:nowrap;
}
body[data-route="plans-subscription"] .subscription-recent-payment-status i{
  font-size:10px;
}
body[data-route="plans-subscription"] .subscription-recent-payments-empty{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#8793a7;
  font-size:7.5px;
}
body[data-route="plans-subscription"] .subscription-recent-payments-empty i{
  font-size:14px;
}

@media(max-width:700px){
  body[data-route="plans-subscription"] .subscription-recent-payment-row{
    min-height:52px;
    grid-template-columns:30px minmax(0,1fr) auto;
  }
  body[data-route="plans-subscription"] .subscription-recent-payment-status{
    grid-column:2/4;
    justify-self:start;
    margin-top:-5px;
    margin-bottom:5px;
  }
}


/* /support/plans/subscription — historique de paiements premium */
body[data-route="plans-subscription"] .subscription-payment-history{
  margin-top:10px;
  overflow:hidden;
  border:1px solid #e2e8f1;
  border-radius:11px;
  background:#fff;
  box-shadow:0 6px 18px rgba(31,55,95,.035);
}

body[data-route="plans-subscription"] .subscription-payment-history-head{
  min-height:52px;
  padding:10px 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid #edf1f5;
  background:linear-gradient(180deg,#fff 0%,#fcfdff 100%);
}

body[data-route="plans-subscription"] .subscription-payment-history-title{
  min-width:0;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:9px;
  align-items:center;
}

body[data-route="plans-subscription"] .subscription-payment-history-title>span{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#eef4ff;
  color:#3f72dc;
  font-size:16px;
}

body[data-route="plans-subscription"] .subscription-payment-history-title h2{
  margin:0 0 1px;
  color:#182a4c;
  font-size:10px;
  font-weight:750;
}

body[data-route="plans-subscription"] .subscription-payment-history-title p{
  margin:0;
  color:#7a879d;
  font-size:7px;
}

body[data-route="plans-subscription"] .subscription-payment-history-head>small{
  flex:0 0 auto;
  padding:4px 7px;
  border:1px solid #e0e7f0;
  border-radius:999px;
  background:#f8fafc;
  color:#77849a;
  font-size:6.8px;
  font-weight:700;
}

body[data-route="plans-subscription"] .subscription-payment-history-table{
  padding:0 13px 4px;
}

body[data-route="plans-subscription"] .subscription-payment-history-labels,
body[data-route="plans-subscription"] .subscription-payment-history-row{
  display:grid;
  grid-template-columns:minmax(220px,1.55fr) minmax(90px,.72fr) minmax(80px,.58fr) minmax(72px,.5fr);
  gap:12px;
  align-items:center;
}

body[data-route="plans-subscription"] .subscription-payment-history-labels{
  min-height:30px;
  color:#9aa4b5;
  font-size:6.5px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}

body[data-route="plans-subscription"] .subscription-payment-history-labels span:nth-child(n+2){
  text-align:right;
}

body[data-route="plans-subscription"] .subscription-payment-history-row{
  min-height:46px;
  border-top:1px solid #edf1f5;
}

body[data-route="plans-subscription"] .subscription-payment-history-payment{
  min-width:0;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:9px;
  align-items:center;
}

body[data-route="plans-subscription"] .subscription-payment-history-icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#f4f7fb;
  color:#5f718e;
  font-size:14px;
}

body[data-route="plans-subscription"] .subscription-payment-history-payment>div{
  min-width:0;
  display:grid;
  gap:1px;
}

body[data-route="plans-subscription"] .subscription-payment-history-payment strong{
  color:#263958;
  font-size:8px;
  font-weight:750;
}

body[data-route="plans-subscription"] .subscription-payment-history-payment small{
  color:#8994a7;
  font-size:6.8px;
}

body[data-route="plans-subscription"] .subscription-payment-history-row time,
body[data-route="plans-subscription"] .subscription-payment-history-amount,
body[data-route="plans-subscription"] .subscription-payment-history-status{
  justify-self:end;
}

body[data-route="plans-subscription"] .subscription-payment-history-row time{
  color:#63718a;
  font-size:7.4px;
}

body[data-route="plans-subscription"] .subscription-payment-history-amount{
  color:#172b50;
  font-size:8.4px;
  font-weight:750;
}

body[data-route="plans-subscription"] .subscription-payment-history-status{
  padding:4px 7px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  border-radius:999px;
  background:#edf9f2;
  color:#178552;
  font-size:6.8px;
  font-weight:750;
  white-space:nowrap;
}

body[data-route="plans-subscription"] .subscription-payment-history-status i{
  font-size:10px;
}

body[data-route="plans-subscription"] .subscription-payment-history-empty{
  min-height:76px;
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

body[data-route="plans-subscription"] .subscription-payment-history-empty>span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#f4f7fb;
  color:#8090a7;
  font-size:16px;
}

body[data-route="plans-subscription"] .subscription-payment-history-empty>div{
  display:grid;
  gap:2px;
}

body[data-route="plans-subscription"] .subscription-payment-history-empty strong{
  color:#53617a;
  font-size:8px;
}

body[data-route="plans-subscription"] .subscription-payment-history-empty small{
  color:#929daf;
  font-size:6.8px;
}

@media(max-width:700px){
  body[data-route="plans-subscription"] .subscription-payment-history-head{
    min-height:48px;
    padding:9px 10px;
  }

  body[data-route="plans-subscription"] .subscription-payment-history-head>small{
    display:none;
  }

  body[data-route="plans-subscription"] .subscription-payment-history-table{
    padding:0 10px 4px;
  }

  body[data-route="plans-subscription"] .subscription-payment-history-labels{
    display:none;
  }

  body[data-route="plans-subscription"] .subscription-payment-history-row{
    min-height:68px;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "payment amount"
      "payment status"
      "date date";
    gap:2px 10px;
    padding:9px 0;
  }

  body[data-route="plans-subscription"] .subscription-payment-history-payment{
    grid-area:payment;
    align-self:center;
  }

  body[data-route="plans-subscription"] .subscription-payment-history-row time{
    grid-area:date;
    justify-self:start;
    padding-left:39px;
    color:#929cad;
    font-size:6.8px;
  }

  body[data-route="plans-subscription"] .subscription-payment-history-amount{
    grid-area:amount;
    justify-self:end;
    align-self:end;
  }

  body[data-route="plans-subscription"] .subscription-payment-history-status{
    grid-area:status;
    justify-self:end;
    align-self:start;
  }
}


/* =========================================================
   Derniers paiements — correction header + rendu moins blanc
   ========================================================= */
body[data-route="plans-subscription"] .subscription-payment-history-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:11px 14px!important;
  background:linear-gradient(135deg,#f8fbff 0%,#f3f7ff 100%)!important;
  border-bottom:1px solid #e4ebf4!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-title{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-title>span{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  border-radius:8px!important;
  background:#e8f1ff!important;
  color:#2f6fe7!important;
  box-shadow:inset 0 0 0 1px rgba(47,111,231,.08)!important;
  font-size:14px!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-title>div{
  min-width:0!important;
  display:block!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-title h2{
  margin:0 0 2px!important;
  white-space:nowrap!important;
  font-size:12px!important;
  color:#14284d!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-title p{
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:7.3px!important;
  color:#72809a!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-head>small{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  padding:5px 8px!important;
  border:1px solid #dfe8f5!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#587092!important;
  font-size:7px!important;
  box-shadow:0 2px 8px rgba(31,55,95,.03)!important;
}

/* table légèrement teintée */
body[data-route="plans-subscription"] .subscription-payment-history-table{
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-labels{
  color:#8c98aa!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-row{
  transition:background .15s ease!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-row:hover{
  background:#f8fbff!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-icon{
  background:#eef4ff!important;
  color:#4776d8!important;
  box-shadow:inset 0 0 0 1px rgba(71,118,216,.07)!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-payment strong{
  color:#20385f!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-amount{
  color:#0f5fcf!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-status{
  background:#e9f8ef!important;
  color:#13844f!important;
  border:1px solid #d9f0e2!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-status i{
  font-size:12px!important;
}

/* petits pictos dans les en-têtes de colonnes */
body[data-route="plans-subscription"] .subscription-payment-history-labels span::before{
  font-family:'boxicons'!important;
  margin-right:4px!important;
  font-size:9px!important;
  vertical-align:-1px!important;
  color:#91a0b6!important;
}
body[data-route="plans-subscription"] .subscription-payment-history-labels span:nth-child(1)::before{content:"\eb25";}
body[data-route="plans-subscription"] .subscription-payment-history-labels span:nth-child(2)::before{content:"\eaae";}
body[data-route="plans-subscription"] .subscription-payment-history-labels span:nth-child(3)::before{content:"\ea6e";}
body[data-route="plans-subscription"] .subscription-payment-history-labels span:nth-child(4)::before{content:"\eac7";}

@media(max-width:700px){
  body[data-route="plans-subscription"] .subscription-payment-history-head{
    padding:10px 11px!important;
  }
  body[data-route="plans-subscription"] .subscription-payment-history-title{
    gap:9px!important;
  }
  body[data-route="plans-subscription"] .subscription-payment-history-title>span{
    flex-basis:32px!important;
    width:32px!important;
    height:32px!important;
    font-size:14px!important;
  }
  body[data-route="plans-subscription"] .subscription-payment-history-title h2{
    font-size:12px!important;
  }
  body[data-route="plans-subscription"] .subscription-payment-history-title p{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    line-height:1.35!important;
  }
}


/* Derniers paiements — icônes/labels affinés */
body[data-route="plans-subscription"] .subscription-payment-history-head>small{
  border-radius:8px!important;
  background:#f4f7fb!important;
  color:#50637f!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-title>span{
  border-radius:9px!important;
  background:linear-gradient(180deg,#edf4ff 0%,#e7f0ff 100%)!important;
  color:#2f6fe7!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-labels span::before{
  content:none!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-labels span{
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-icon{
  border-radius:8px!important;
  background:linear-gradient(180deg,#eef4ff 0%,#e8f0ff 100%)!important;
  color:#366fe0!important;
  font-size:15px!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-row{
  min-height:52px!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-status{
  border-radius:7px!important;
  background:#edf8f1!important;
  border:1px solid #d8ecdf!important;
  color:#167d4d!important;
  padding:5px 9px!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-status i{
  font-size:12px!important;
}

@media(max-width:700px){
  body[data-route="plans-subscription"] .subscription-payment-history-status{
    border-radius:7px!important;
  }
}


/* Derniers paiements — réalignement des colonnes */
body[data-route="plans-subscription"] .subscription-payment-history-labels span:first-child{
  padding-left:39px!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-labels span:nth-child(n+2){
  justify-self:end!important;
  text-align:right!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-row time,
body[data-route="plans-subscription"] .subscription-payment-history-amount,
body[data-route="plans-subscription"] .subscription-payment-history-status{
  text-align:right!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-payment{
  padding-right:8px!important;
}

@media(max-width:700px){
  body[data-route="plans-subscription"] .subscription-payment-history-labels span:first-child{
    padding-left:0!important;
  }
}


/* =========================================================
   Derniers paiements — finition premium
   ========================================================= */
body[data-route="plans-subscription"] .subscription-payment-history{
  position:relative!important;
  border:1px solid #dfe6f0!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(32,54,92,.045)!important;
}

body[data-route="plans-subscription"] .subscription-payment-history::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:3px!important;
  border-radius:12px 0 0 12px!important;
  background:linear-gradient(180deg,#3f7cf4 0%,#7aa4ff 100%)!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-head{
  min-height:56px!important;
  padding:11px 15px 11px 17px!important;
  background:
    radial-gradient(circle at 92% 15%,rgba(72,121,235,.08),transparent 28%),
    linear-gradient(180deg,#fbfdff 0%,#f7faff 100%)!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-title>span{
  width:36px!important;
  height:36px!important;
  flex-basis:36px!important;
  border-radius:8px!important;
  background:#eaf2ff!important;
  color:#2e6fe8!important;
  box-shadow:0 4px 10px rgba(58,108,218,.09),inset 0 0 0 1px rgba(47,111,231,.07)!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-title h2{
  font-size:11.5px!important;
  color:#12284d!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-title p{
  font-size:7.4px!important;
  color:#74819a!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-head>small{
  padding:5px 9px!important;
  border:1px solid #dce5f1!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#5c6e8a!important;
  box-shadow:0 3px 10px rgba(33,55,92,.035)!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-table{
  padding:0 16px 7px!important;
  background:#fff!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-labels{
  min-height:34px!important;
  color:#8794a8!important;
  font-size:6.6px!important;
  letter-spacing:.055em!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-row{
  position:relative!important;
  min-height:56px!important;
  border-top:1px solid #e9eef4!important;
  transition:background .16s ease,transform .16s ease!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-row:hover{
  background:#f9fbff!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-icon{
  width:32px!important;
  height:32px!important;
  border-radius:9px!important;
  background:#edf3ff!important;
  color:#326fdf!important;
  box-shadow:inset 0 0 0 1px rgba(53,111,222,.06)!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-payment strong{
  color:#193157!important;
  font-size:8.2px!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-payment small{
  color:#8a96a9!important;
  font-size:6.9px!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-row time{
  color:#5e6f8a!important;
  font-size:7.5px!important;
  font-weight:600!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-amount{
  color:#0c5ed1!important;
  font-size:8.8px!important;
  font-weight:800!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-status{
  min-height:27px!important;
  padding:0 9px!important;
  border-radius:7px!important;
  border:1px solid #d7ecdf!important;
  background:#edf8f1!important;
  color:#137c4b!important;
  box-shadow:none!important;
}

body[data-route="plans-subscription"] .subscription-payment-history-status i{
  font-size:12px!important;
}

@media(max-width:700px){
  body[data-route="plans-subscription"] .subscription-payment-history{
    border-radius:11px!important;
  }

  body[data-route="plans-subscription"] .subscription-payment-history::before{
    border-radius:11px 0 0 11px!important;
  }

  body[data-route="plans-subscription"] .subscription-payment-history-head{
    min-height:52px!important;
    padding:10px 11px 10px 14px!important;
  }

  body[data-route="plans-subscription"] .subscription-payment-history-title>span{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
  }

  body[data-route="plans-subscription"] .subscription-payment-history-table{
    padding:0 11px 5px!important;
  }

  body[data-route="plans-subscription"] .subscription-payment-history-row{
    min-height:72px!important;
  }
}


/* /support/plans/subscription — note intégrée aux avantages */
body[data-route="plans-subscription"] .subscription-reference-leftcol{
  display:block!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefits{
  display:flex!important;
  flex-direction:column!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefits-separator{
  width:100%!important;
  height:1px!important;
  margin:12px 0 10px!important;
  background:#e7edf5!important;
  flex:0 0 auto!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefits-note{
  display:grid!important;
  grid-template-columns:25px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:start!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefits-note>span{
  width:25px!important;
  height:25px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#eef5ff!important;
  color:#3474e7!important;
  font-size:12px!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefits-note p{
  margin:0!important;
  color:#6d7b93!important;
  font-size:7.1px!important;
  line-height:1.45!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefits-note strong{
  color:#344766!important;
  font-weight:700!important;
}

@media(max-width:700px){
  body[data-route="plans-subscription"] .subscription-reference-benefits-separator{
    margin:10px 0 9px!important;
  }

  body[data-route="plans-subscription"] .subscription-reference-benefits-note{
    grid-template-columns:24px minmax(0,1fr)!important;
    gap:7px!important;
  }

  body[data-route="plans-subscription"] .subscription-reference-benefits-note>span{
    width:24px!important;
    height:24px!important;
    font-size:12px!important;
  }

  body[data-route="plans-subscription"] .subscription-reference-benefits-note p{
    font-size:7px!important;
  }
}


/* /support/plans/subscription — card avantages redesign premium */
body[data-route="plans-subscription"] .subscription-reference-benefits{
  position:relative!important;
  overflow:hidden!important;
  padding:11px 12px 10px!important;
  border:1px solid #d9e6f5!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fbfdff 0%,#f7fbff 100%)!important;
  box-shadow:0 10px 30px rgba(25,51,95,.05)!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefits::before{
  content:""!important;
  position:absolute!important;
  top:-42px!important;
  right:-44px!important;
  width:150px!important;
  height:150px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(79,127,234,.10) 0%,rgba(79,127,234,.035) 42%,rgba(79,127,234,0) 70%)!important;
  pointer-events:none!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefits::after{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  top:69px!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(219,228,240,0) 0%,#e6edf6 10%,#e6edf6 90%,rgba(219,228,240,0) 100%)!important;
  pointer-events:none!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefits>header{
  position:relative!important;
  z-index:1!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  margin-bottom:20px!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefits>header>span{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#eef4ff 0%,#e8efff 100%)!important;
  color:#3972e8!important;
  box-shadow:inset 0 0 0 1px rgba(57,114,232,.06),0 8px 16px rgba(57,114,232,.08)!important;
  font-size:20px!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefits h2{
  margin:0 0 2px!important;
  font-size:11.8px!important;
  color:#13284e!important;
  letter-spacing:-.01em!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefits header p{
  margin:0!important;
  color:#6f7f96!important;
  font-size:7.35px!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefit-list{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  gap:10px!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefit-list>div{
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  padding:10px 11px!important;
  border:1px solid #e6edf7!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 5px 15px rgba(26,49,90,.03)!important;
}

body[data-route="plans-subscription"] .benefit-icon{
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  font-size:18px!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.02)!important;
}

body[data-route="plans-subscription"] .benefit-icon.green{
  background:linear-gradient(180deg,#ecf8f1 0%,#e4f5eb 100%)!important;
  color:#14915b!important;
}

body[data-route="plans-subscription"] .benefit-icon.blue{
  background:linear-gradient(180deg,#edf4ff 0%,#e7f0ff 100%)!important;
  color:#2b74e4!important;
}

body[data-route="plans-subscription"] .benefit-icon.purple{
  background:linear-gradient(180deg,#f3efff 0%,#eee8ff 100%)!important;
  color:#7d53db!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefit-list strong{
  margin-bottom:2px!important;
  color:#1a3158!important;
  font-size:8.6px!important;
  font-weight:800!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefit-list p{
  color:#71809a!important;
  font-size:7.2px!important;
  line-height:1.45!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefits-separator{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:1px!important;
  margin:12px 0 12px!important;
  background:linear-gradient(90deg,rgba(226,234,243,0) 0%,#dfe8f2 12%,#dfe8f2 88%,rgba(226,234,243,0) 100%)!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefits-note{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  padding:10px 11px!important;
  border:1px solid #e6edf8!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%)!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefits-note>span{
  width:30px!important;
  height:30px!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#edf4ff 0%,#e8efff 100%)!important;
  color:#3873e9!important;
  font-size:15px!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefits-note p{
  margin:0!important;
  color:#667893!important;
  font-size:7.15px!important;
  line-height:1.5!important;
}

body[data-route="plans-subscription"] .subscription-reference-benefits-note strong{
  color:#304560!important;
  font-weight:800!important;
}

@media(max-width:700px){
  body[data-route="plans-subscription"] .subscription-reference-benefits{
    padding:14px!important;
    border-radius:12px!important;
  }

  body[data-route="plans-subscription"] .subscription-reference-benefits::after{
    left:14px!important;
    right:14px!important;
    top:63px!important;
  }

  body[data-route="plans-subscription"] .subscription-reference-benefits>header{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:10px!important;
    margin-bottom:18px!important;
  }

  body[data-route="plans-subscription"] .subscription-reference-benefits>header>span{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    font-size:18px!important;
  }

  body[data-route="plans-subscription"] .subscription-reference-benefit-list>div{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:10px!important;
    padding:10px!important;
    border-radius:12px!important;
  }

  body[data-route="plans-subscription"] .benefit-icon{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }

  body[data-route="plans-subscription"] .subscription-reference-benefits-note{
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:9px!important;
    padding:10px!important;
    border-radius:12px!important;
  }

  body[data-route="plans-subscription"] .subscription-reference-benefits-note>span{
    width:24px!important;
    height:24px!important;
    border-radius:9px!important;
    font-size:14px!important;
  }
}


/* compactage fort card avantages auto-renouvellement */
body[data-route="plans-subscription"] .subscription-reference-benefits{
  align-self:start!important;
  padding:12px 12px 10px!important;
  border-radius:50%!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefits::before{
  width:112px!important;
  height:112px!important;
  top:-34px!important;
  right:-34px!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefits::after{
  left:12px!important;
  right:12px!important;
  top:57px!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefits>header{
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:10px!important;
  margin-bottom:14px!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefits>header>span{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  font-size:18px!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefits h2{
  margin:0 0 1px!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefit-list{
  gap:7px!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefit-list>div{
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:9px!important;
  padding:9px 10px!important;
  border-radius:12px!important;
}
body[data-route="plans-subscription"] .benefit-icon{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  font-size:15px!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefit-list strong{
  margin-bottom:2px!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefit-list p{
  line-height:1.35!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefits-separator{
  margin:9px 0!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefits-note{
  grid-template-columns:24px minmax(0,1fr)!important;
  gap:7px!important;
  padding:9px 10px!important;
  border-radius:11px!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefits-note>span{
  width:24px!important;
  height:24px!important;
  border-radius:8px!important;
  font-size:12px!important;
}
@media(max-width:700px){
  body[data-route="plans-subscription"] .subscription-reference-benefits{
    padding:11px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-benefits::after{
    left:11px!important;
    right:11px!important;
    top:54px!important;
  }
}


/* /support/plans/subscription — card avantages ULTRA compacte */
body[data-route="plans-subscription"] .subscription-reference-benefits{
  align-self:start!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  min-height:0!important;
  box-shadow:0 5px 16px rgba(25,51,95,.035)!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefits::before{
  width:86px!important;
  height:86px!important;
  top:-28px!important;
  right:-28px!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefits::after{
  display:none!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefits>header{
  grid-template-columns:28px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
  margin:0 0 8px!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefits>header>span{
  width:24px!important;
  height:24px!important;
  border-radius:9px!important;
  font-size:15px!important;
  box-shadow:none!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefits h2{
  margin:0 0 1px!important;
  font-size:9.4px!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefits header p{
  font-size:6.7px!important;
  line-height:1.25!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefit-list{
  gap:0!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefit-list>div{
  grid-template-columns:27px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
  padding:7px 2px!important;
  border:0!important;
  border-top:1px solid #e9eef5!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefit-list>div:first-child{
  border-top:0!important;
}
body[data-route="plans-subscription"] .benefit-icon{
  width:27px!important;
  height:27px!important;
  border-radius:8px!important;
  font-size:12px!important;
  box-shadow:none!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefit-list strong{
  margin-bottom:1px!important;
  font-size:7.7px!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefit-list p{
  font-size:6.6px!important;
  line-height:1.25!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefits-separator{
  margin:7px 0!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefits-note{
  grid-template-columns:22px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
  padding:7px 8px!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefits-note>span{
  width:22px!important;
  height:22px!important;
  border-radius:7px!important;
  font-size:12px!important;
}
body[data-route="plans-subscription"] .subscription-reference-benefits-note p{
  font-size:6.6px!important;
  line-height:1.3!important;
}

@media(max-width:700px){
  body[data-route="plans-subscription"] .subscription-reference-benefits{
    padding:9px 10px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-benefits>header{
    grid-template-columns:27px minmax(0,1fr)!important;
    margin-bottom:7px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-benefits>header>span{
    width:27px!important;
    height:27px!important;
    font-size:14px!important;
  }
  body[data-route="plans-subscription"] .subscription-reference-benefit-list>div{
    grid-template-columns:26px minmax(0,1fr)!important;
    padding:6px 1px!important;
  }
  body[data-route="plans-subscription"] .benefit-icon{
    width:26px!important;
    height:26px!important;
    font-size:12px!important;
  }
}


/* Note renouvellement — texte légèrement plus lisible sans agrandir la card */
body[data-route="plans-subscription"] .subscription-reference-benefits-note p{
  font-size:7.8px!important;
  line-height:1.45!important;
}
@media(max-width:700px){
  body[data-route="plans-subscription"] .subscription-reference-benefits-note p{
    font-size:7.6px!important;
  }
}


/* =========================================================
   Support plans — confirmation changement de plan
   ========================================================= */
body[data-route="support-plans"] .support-plan-change-modal{
  width:min(500px,calc(100vw - 24px))!important;
  max-width:500px!important;
  border-radius:12px!important;
  font-family:inherit!important;
}

body[data-route="support-plans"] .support-plan-change-modal .support-plan-change-head{
  padding:17px 18px 15px!important;
  grid-template-columns:34px minmax(0,1fr) 28px!important;
  gap:10px!important;
  border-bottom:0!important;
  background:#fff!important;
}

body[data-route="support-plans"] .support-plan-change-modal .support-plan-change-head>span{
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
  background:#edf3ff!important;
  color:#316fe1!important;
  font-size:18px!important;
}

body[data-route="support-plans"] .support-plan-change-modal .support-plan-change-head h2{
  margin:0 0 5px!important;
  color:#171d2c!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:750!important;
}

body[data-route="support-plans"] .support-plan-change-modal .support-plan-change-head p{
  margin:0!important;
  color:#6f788b!important;
  font-size:12px!important;
  line-height:1.4!important;
}

body[data-route="support-plans"] .support-plan-change-modal .support-plan-change-head button{
  width:24px!important;
  height:24px!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#697386!important;
}

body[data-route="support-plans"] .support-plan-change-modal .support-upgrade-modal-body{
  padding:12px 18px 16px!important;
}

body[data-route="support-plans"] .support-plan-change-summary{
  margin:0 0 12px!important;
  padding:9px 14px 8px!important;
  border:1px solid #e7eaf0!important;
  border-radius:8px!important;
  background:#f8f9fb!important;
}

body[data-route="support-plans"] .support-plan-change-row{
  min-height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  color:#646e82!important;
  font-size:12px!important;
  line-height:1.25!important;
}

body[data-route="support-plans"] .support-plan-change-row>strong{
  display:flex!important;
  align-items:baseline!important;
  gap:6px!important;
  color:#242b3b!important;
  font-size:10.5px!important;
  font-weight:500!important;
  text-align:right!important;
}

body[data-route="support-plans"] .support-plan-change-row>strong small{
  color:#242b3b!important;
  font-size:12px!important;
  font-weight:400!important;
}

body[data-route="support-plans"] .support-plan-change-total{
  min-height:36px!important;
  margin-top:2px!important;
  padding-top:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  border-top:1px solid #dfe3e9!important;
}

body[data-route="support-plans"] .support-plan-change-total span{
  color:#171d2c!important;
  font-size:12.5px!important;
  font-weight:750!important;
  line-height:1.2!important;
}

body[data-route="support-plans"] .support-plan-change-total strong{
  color:#1469d7!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.1!important;
}

body[data-route="support-plans"] .support-plan-change-modal fieldset{
  gap:7px!important;
}

body[data-route="support-plans"] .support-plan-change-modal legend{
  margin-bottom:8px!important;
  color:#263249!important;
  font-size:9.5px!important;
}

body[data-route="support-plans"] .support-plan-change-modal fieldset label{
  min-height:52px!important;
  border-color:#e2e7ef!important;
  border-radius:9px!important;
}

body[data-route="support-plans"] .support-plan-change-modal fieldset label:has(input:checked){
  border-color:#8fb3ee!important;
  background:#f7faff!important;
  box-shadow:0 0 0 2px rgba(55,112,220,.06)!important;
}

body[data-route="support-plans"] .support-plan-change-modal .support-payment-icon{
  background:#eef3fb!important;
  color:#56749f!important;
}

body[data-route="support-plans"] .support-plan-change-modal label:has(input:checked) .support-payment-icon{
  background:#e8f1ff!important;
  color:#2f6fe2!important;
}

body[data-route="support-plans"] .support-plan-change-modal fieldset label>i{
  border-color:#cbd6e4!important;
}

body[data-route="support-plans"] .support-plan-change-modal label:has(input:checked)>i{
  border-color:#2f6fe2!important;
  background:#2f6fe2!important;
}

body[data-route="support-plans"] .support-plan-change-modal .support-upgrade-renewal{
  background:#f5f8fc!important;
  color:#69768d!important;
}

body[data-route="support-plans"] .support-plan-change-modal .support-upgrade-renewal>i{
  color:#3774dd!important;
}

body[data-route="support-plans"] .support-plan-change-modal footer{
  padding:0 18px 16px!important;
}

body[data-route="support-plans"] .support-plan-change-modal footer button{
  min-height:36px!important;
  border-radius:8px!important;
  border-color:#dfe5ed!important;
  color:#55637a!important;
  font-family:inherit!important;
}

body[data-route="support-plans"] .support-plan-change-modal footer .confirm{
  border-color:#1769d3!important;
  background:#1769d3!important;
  color:#fff!important;
}

body[data-route="support-plans"] .support-plan-change-modal footer .confirm:hover{
  background:#105ab9!important;
}

@media(max-width:520px){
  body[data-route="support-plans"] .support-plan-change-modal{
    width:calc(100vw - 16px)!important;
    max-width:none!important;
  }

  body[data-route="support-plans"] .support-plan-change-modal .support-plan-change-head{
    padding:14px 13px 12px!important;
  }

  body[data-route="support-plans"] .support-plan-change-modal .support-upgrade-modal-body{
    padding:10px 13px 14px!important;
  }

  body[data-route="support-plans"] .support-plan-change-row{
    align-items:flex-start!important;
  }

  body[data-route="support-plans"] .support-plan-change-row>strong{
    flex-direction:column!important;
    align-items:flex-end!important;
    gap:1px!important;
  }

  body[data-route="support-plans"] .support-plan-change-modal footer{
    padding:0 13px 13px!important;
  }
}
\n\n/* Support plans — finition résumé changement de plan */\nbody[data-route="support-plans"] .support-plan-change-total strong{\n  font-weight:500!important;\n}\nbody[data-route="support-plans"] .support-plan-change-modal .support-upgrade-renewal>span{\n  display:block!important;\n  line-height:1.5!important;\n}\n

/* Support plans — montant "À payer maintenant" sans gras */
body[data-route="support-plans"] .support-plan-change-total .support-plan-change-amount{
  color:#1469d7!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.1!important;
}
\n\n/* Support plans — état de chargement du paiement */\nbody[data-route="support-plans"] .support-plan-change-modal .support-payment-submit{\n  min-width:190px!important;\n  transition:background .16s ease,border-color .16s ease,opacity .16s ease!important;\n}\nbody[data-route="support-plans"] .support-plan-change-modal .support-payment-submit>i{\n  font-size:15px!important;\n  line-height:1!important;\n}\nbody[data-route="support-plans"] .support-plan-change-modal .support-payment-submit.is-loading,\nbody[data-route="support-plans"] .support-plan-change-modal .support-payment-submit:disabled{\n  cursor:default!important;\n  opacity:.86!important;\n  pointer-events:none!important;\n}\nbody[data-route="support-plans"] .support-plan-change-modal .support-payment-submit.is-loading>i{\n  font-size:14px!important;\n}\n

/* Support plans — loader paiement réellement visible */
@keyframes support-payment-spin{
  to{transform:rotate(360deg)}
}
body[data-route="support-plans"] .support-plan-change-modal .support-payment-spinner{
  display:inline-block!important;
  font-size:14px!important;
  line-height:1!important;
  animation:support-payment-spin .7s linear infinite!important;
}
body[data-route="support-plans"] .support-plan-change-modal .support-payment-submit.is-loading{
  cursor:default!important;
  opacity:1!important;
}


/* Support plans — bouton de confirmation paiement plus lisible */
body[data-route="support-plans"] .support-plan-change-modal footer .support-payment-submit{
  min-height:40px!important;
  padding:0 16px!important;
  gap:9px!important;
  font-size:10.5px!important;
  font-weight:700!important;
}

body[data-route="support-plans"] .support-plan-change-modal footer .support-payment-submit>i{
  font-size:18px!important;
  line-height:1!important;
  flex:0 0 auto!important;
}

body[data-route="support-plans"] .support-plan-change-modal footer .support-payment-submit>span{
  font-size:10.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

body[data-route="support-plans"] .support-plan-change-modal footer .support-payment-submit.is-loading{
  min-width:205px!important;
  opacity:1!important;
  cursor:default!important;
  background:#1769d3!important;
  border-color:#1769d3!important;
  color:#fff!important;
}

body[data-route="support-plans"] .support-plan-change-modal footer .support-payment-submit.is-loading>i{
  font-size:18px!important;
  animation:support-payment-spinner-rotate .72s linear infinite!important;
}

body[data-route="support-plans"] .support-plan-change-modal footer .support-payment-submit.is-loading>span{
  font-size:10.5px!important;
  font-weight:700!important;
}

@keyframes support-payment-spinner-rotate{
  to{transform:rotate(360deg)}
}

@media(max-width:520px){
  body[data-route="support-plans"] .support-plan-change-modal footer .support-payment-submit{
    min-height:40px!important;
    font-size:10.5px!important;
  }

  body[data-route="support-plans"] .support-plan-change-modal footer .support-payment-submit>i{
    font-size:17px!important;
  }

  body[data-route="support-plans"] .support-plan-change-modal footer .support-payment-submit.is-loading>i{
    font-size:18px!important;
  }

  body[data-route="support-plans"] .support-plan-change-modal footer .support-payment-submit.is-loading{
    min-width:0!important;
  }
}


/* Support plans — footer paiement compact comme les boutons du site */
body[data-route="support-plans"] .support-plan-change-modal footer{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  padding:0 18px 15px!important;
}

body[data-route="support-plans"] .support-plan-change-modal footer>button{
  width:auto!important;
  min-width:0!important;
  min-height:35px!important;
  height:35px!important;
  padding:0 13px!important;
  border-radius:8px!important;
  font-size:9.5px!important;
  line-height:1!important;
}

body[data-route="support-plans"] .support-plan-change-modal footer>button[data-close-modal]{
  min-width:84px!important;
}

body[data-route="support-plans"] .support-plan-change-modal footer .support-payment-submit{
  width:auto!important;
  min-width:0!important;
  min-height:35px!important;
  height:35px!important;
  padding:0 14px!important;
  gap:6px!important;
  border-radius:8px!important;
  font-size:9.5px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

body[data-route="support-plans"] .support-plan-change-modal footer .support-payment-submit>i{
  font-size:14px!important;
  line-height:1!important;
}

body[data-route="support-plans"] .support-plan-change-modal footer .support-payment-submit>span{
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:700!important;
}

body[data-route="support-plans"] .support-plan-change-modal footer .support-payment-submit.is-loading{
  width:auto!important;
  min-width:0!important;
  height:35px!important;
  padding:0 14px!important;
}

body[data-route="support-plans"] .support-plan-change-modal footer .support-payment-submit.is-loading>i,
body[data-route="support-plans"] .support-plan-change-modal .support-payment-spinner{
  font-size:15px!important;
}

body[data-route="support-plans"] .support-plan-change-modal footer .support-payment-submit.is-loading>span{
  font-size:9.5px!important;
}

@media(max-width:520px){
  body[data-route="support-plans"] .support-plan-change-modal footer{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:0 13px 13px!important;
  }

  body[data-route="support-plans"] .support-plan-change-modal footer>button,
  body[data-route="support-plans"] .support-plan-change-modal footer .support-payment-submit{
    width:100%!important;
    min-height:38px!important;
    height:38px!important;
  }
}


/* Support plans — finition réelle du bouton paiement */
body[data-route="support-plans"] #support-upgrade-modal.support-plan-change-modal footer{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  padding:0 18px 14px!important;
}

body[data-route="support-plans"] #support-upgrade-modal.support-plan-change-modal footer > button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:8px!important;
  font-family:inherit!important;
  font-size:9px!important;
  line-height:1!important;
}

body[data-route="support-plans"] #support-upgrade-modal.support-plan-change-modal footer > button[data-close-modal]{
  min-width:76px!important;
}

body[data-route="support-plans"] #support-upgrade-modal.support-plan-change-modal footer .support-payment-submit{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:8px!important;
  white-space:nowrap!important;
  font-size:9px!important;
}

body[data-route="support-plans"] #support-upgrade-modal.support-plan-change-modal footer .support-payment-submit > i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:15px!important;
  min-width:15px!important;
  height:15px!important;
  margin:0!important;
  padding:0!important;
  font-size:15px!important;
  line-height:15px!important;
}

body[data-route="support-plans"] #support-upgrade-modal.support-plan-change-modal footer .support-payment-submit > span{
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:700!important;
}

body[data-route="support-plans"] #support-upgrade-modal.support-plan-change-modal footer .support-payment-submit.is-loading{
  width:auto!important;
  min-width:0!important;
  height:34px!important;
  padding:0 12px!important;
  gap:7px!important;
}

body[data-route="support-plans"] #support-upgrade-modal.support-plan-change-modal footer .support-payment-submit.is-loading > i{
  width:16px!important;
  min-width:16px!important;
  height:16px!important;
  font-size:14px!important;
  line-height:16px!important;
}

@media(max-width:520px){
  body[data-route="support-plans"] #support-upgrade-modal.support-plan-change-modal footer{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:0 13px 13px!important;
  }

  body[data-route="support-plans"] #support-upgrade-modal.support-plan-change-modal footer > button,
  body[data-route="support-plans"] #support-upgrade-modal.support-plan-change-modal footer .support-payment-submit{
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
  }
}


/* Support plans — avertissement portefeuille intégré à la méthode de paiement */
body[data-route="support-plans"] .support-payment-wallet-copy{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

body[data-route="support-plans"] .support-payment-wallet-warning{
  margin-top:1px!important;
  color:#d9535f!important;
  font-size:8px!important;
  line-height:1.25!important;
  font-weight:600!important;
}

body[data-route="support-plans"] .support-plan-change-modal fieldset label.disabled .support-payment-wallet-warning{
  opacity:1!important;
}


/* Support plans — avertissement portefeuille avec icône */
body[data-route="support-plans"] .support-payment-wallet-warning{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
}
body[data-route="support-plans"] .support-payment-wallet-warning>i{
  font-family:boxicons!important;
  font-size:12px!important;
  line-height:1!important;
  flex:0 0 auto!important;
}


/* Support plans — informations importantes avant confirmation du paiement */
body[data-route="support-plans"] .support-plan-important-info{
  margin-top:10px!important;
  padding:10px 11px!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  border:1px solid #dce8f7!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#f6faff 0%,#f1f7ff 100%)!important;
}

body[data-route="support-plans"] .support-plan-important-icon{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:#e9f2ff!important;
  color:#2870e4!important;
  font-size:14px!important;
}

body[data-route="support-plans"] .support-plan-important-copy{
  min-width:0!important;
}

body[data-route="support-plans"] .support-plan-important-copy>strong{
  display:block!important;
  margin:0 0 5px!important;
  color:#172b50!important;
  font-size:9.5px!important;
  font-weight:750!important;
}

body[data-route="support-plans"] .support-plan-important-copy ul{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  display:grid!important;
  gap:3px!important;
}

body[data-route="support-plans"] .support-plan-important-copy li{
  position:relative!important;
  margin:0!important;
  padding-left:12px!important;
  color:#65758f!important;
  font-size:8px!important;
  line-height:1.38!important;
}

body[data-route="support-plans"] .support-plan-important-copy li::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:.47em!important;
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  background:#2e73e8!important;
}

body[data-route="support-plans"] .support-plan-manage-link{
  color:#1769d3!important;
  font-weight:700!important;
}

body[data-route="support-plans"] .support-plan-confirmation-note{
  margin:8px 1px 0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#718099!important;
  background:transparent!important;
  border:0!important;
  font-size:7.7px!important;
  line-height:1.35!important;
}

body[data-route="support-plans"] .support-plan-confirmation-note>i{
  flex:0 0 auto!important;
  color:#7d8ca4!important;
  font-size:12px!important;
}

@media(max-width:520px){
  body[data-route="support-plans"] .support-plan-important-info{
    padding:10px!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:7px!important;
  }

  body[data-route="support-plans"] .support-plan-important-icon{
    width:24px!important;
    height:24px!important;
    font-size:14px!important;
  }

  body[data-route="support-plans"] .support-plan-important-copy li{
    font-size:7.8px!important;
  }

  body[data-route="support-plans"] .support-plan-confirmation-note{
    font-size:7.5px!important;
  }
}


/* Support plans — bloc Informations importantes plus compact */
body[data-route="support-plans"] .support-plan-important-info{
  margin-top:8px!important;
  padding:8px 10px!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  gap:7px!important;
  border-radius:9px!important;
}

body[data-route="support-plans"] .support-plan-important-icon{
  width:24px!important;
  height:24px!important;
  border-radius:7px!important;
  font-size:14px!important;
}

body[data-route="support-plans"] .support-plan-important-copy>strong{
  margin:0 0 3px!important;
  font-size:8.6px!important;
  line-height:1.2!important;
}

body[data-route="support-plans"] .support-plan-important-copy ul{
  gap:1px!important;
}

body[data-route="support-plans"] .support-plan-important-copy li{
  padding-left:10px!important;
  font-size:7.25px!important;
  line-height:1.26!important;
}

body[data-route="support-plans"] .support-plan-important-copy li::before{
  top:.44em!important;
  width:3px!important;
  height:3px!important;
}

body[data-route="support-plans"] .support-plan-confirmation-note{
  margin:6px 1px 0!important;
  gap:6px!important;
  font-size:7.2px!important;
  line-height:1.25!important;
}

body[data-route="support-plans"] .support-plan-confirmation-note>i{
  font-size:12px!important;
}

@media(max-width:520px){
  body[data-route="support-plans"] .support-plan-important-info{
    padding:8px!important;
    grid-template-columns:23px minmax(0,1fr)!important;
    gap:7px!important;
  }

  body[data-route="support-plans"] .support-plan-important-icon{
    width:23px!important;
    height:23px!important;
    font-size:12px!important;
  }

  body[data-route="support-plans"] .support-plan-important-copy li{
    font-size:7.1px!important;
    line-height:1.3!important;
  }
}


/* Support plans — prix séparé et toujours visible dans le bouton Premium */
body[data-route="support-plans"] #support-upgrade-modal .support-payment-submit{
  gap:6px!important;
}

body[data-route="support-plans"] #support-upgrade-modal .support-payment-submit-label,
body[data-route="support-plans"] #support-upgrade-modal .support-payment-submit-price{
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  white-space:nowrap!important;
}

body[data-route="support-plans"] #support-upgrade-modal .support-payment-submit-label{
  font-size:9px!important;
  font-weight:700!important;
}

body[data-route="support-plans"] #support-upgrade-modal .support-payment-submit-price{
  font-size:9px!important;
  font-weight:700!important;
  opacity:.92!important;
}

body[data-route="support-plans"] #support-upgrade-modal .support-payment-submit.is-loading .support-payment-submit-price{
  display:none!important;
}

/* Tickets — bannière moins haute, largeur d'origine conservée */
body[data-route="tickets"] .support-desk-banner{
  width:100%!important;
  max-width:none!important;
  min-height:92px!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:14px 18px!important;
  gap:14px!important;
}
body[data-route="tickets"] .support-desk-banner-main{gap:12px!important}
body[data-route="tickets"] .support-desk-banner-icon{
  width:48px!important;
  height:48px!important;
  flex-basis:48px!important;
  border-radius:12px!important;
}
body[data-route="tickets"] .support-desk-banner-icon i{font-size:24px!important}
body[data-route="tickets"] .support-desk-banner-eyebrow{margin-bottom:2px!important;font-size:9px!important}
body[data-route="tickets"] .support-desk-banner-copy h1{font-size:27px!important}
body[data-route="tickets"] .support-desk-banner-stats{margin-top:7px!important;gap:7px!important}
body[data-route="tickets"] .support-desk-banner-stat{
  min-height:30px!important;
  padding:0 11px!important;
  gap:6px!important;
}
body[data-route="tickets"] .support-desk-banner-stat strong{font-size:15px!important}
body[data-route="tickets"] .support-desk-banner-stat small{font-size:10px!important}
body[data-route="tickets"] .support-desk-pin-banner,
body[data-route="tickets"] .support-desk-new-banner{height:36px!important}
body[data-route="tickets"] .support-desk-new-banner{padding:0 14px!important}
body[data-route="tickets"] .support-desk-banner-art{right:300px!important;width:240px!important}
body[data-route="tickets"] .support-desk-banner-art-glow{left:18px!important;top:-70px!important;width:205px!important;height:205px!important}
body[data-route="tickets"] .support-desk-banner-art-disc{left:54px!important;top:-50px!important;width:156px!important;height:156px!important;border-width:17px!important}
body[data-route="tickets"] .support-desk-banner-art-headset{left:91px!important;top:19px!important;font-size:52px!important}
body[data-route="tickets"] .support-desk-banner-art-message{left:145px!important;top:49px!important;font-size:28px!important}

@media(max-width:680px){
  body[data-route="tickets"] .support-desk-banner{
    min-height:auto!important;
    padding:14px!important;
  }
  body[data-route="tickets"] .support-desk-banner-icon{
    width:40px!important;
    height:40px!important;
    flex-basis:44px!important;
  }
  body[data-route="tickets"] .support-desk-banner-copy h1{font-size:23px!important}
  body[data-route="tickets"] .support-desk-banner-actions{margin-top:10px!important}
  body[data-route="tickets"] .support-desk-banner-art{display:none!important}
}


/* Tickets — bannière encore un peu plus compacte verticalement */
body[data-route="tickets"] .support-desk-banner{
  min-height:82px!important;
  padding:10px 16px!important;
  gap:16px!important;
}
body[data-route="tickets"] .support-desk-banner-main{gap:10px!important}
body[data-route="tickets"] .support-desk-banner-icon{
  width:40px!important;
  height:40px!important;
  flex-basis:44px!important;
  border-radius:13px!important;
}
body[data-route="tickets"] .support-desk-banner-icon i{font-size:22px!important}
body[data-route="tickets"] .support-desk-banner-eyebrow{margin-bottom:2px!important}
body[data-route="tickets"] .support-desk-banner-copy h1{font-size:25px!important}
body[data-route="tickets"] .support-desk-banner-stats{margin-top:4px!important;gap:6px!important}
body[data-route="tickets"] .support-desk-banner-stat{
  min-height:27px!important;
  padding:0 10px!important;
  gap:5px!important;
}
body[data-route="tickets"] .support-desk-banner-stat strong{font-size:14px!important}
body[data-route="tickets"] .support-desk-banner-stat small{font-size:9px!important}
body[data-route="tickets"] .support-desk-pin-banner,
body[data-route="tickets"] .support-desk-new-banner{height:34px!important}
body[data-route="tickets"] .support-desk-new-banner{padding:0 13px!important}

@media(max-width:680px){
  body[data-route="tickets"] .support-desk-banner{padding:12px!important}
  body[data-route="tickets"] .support-desk-banner-actions{margin-top:8px!important}
  body[data-route="tickets"] .support-desk-banner-art{display:none!important}
}


/* Tickets — titre de bannière plus discret + description */
body[data-route="tickets"] .support-desk-banner-copy h1{
  font-size:17px!important;
  line-height:1.1!important;
  letter-spacing:-.025em!important;
}
body[data-route="tickets"] .support-desk-banner-description{
  margin:3px 0 0!important;
  max-width:470px!important;
  color:#6f7d92!important;
  font-size:9.5px!important;
  line-height:1.35!important;
  font-weight:500!important;
}
body[data-route="tickets"] .support-desk-banner-stats{
  margin-top:4px!important;
}
@media(max-width:680px){
  body[data-route="tickets"] .support-desk-banner-copy h1{font-size:18px!important}
  body[data-route="tickets"] .support-desk-banner-description{
    max-width:100%!important;
    font-size:9px!important;
  }
}


/* Tickets — bannière sans titre principal */
body[data-route="tickets"] .support-desk-banner-description{
  margin-top:2px!important;
}


/* Tickets — finition bannière support premium */
body[data-route="tickets"] .support-desk-banner-main,
body[data-route="tickets"] .support-desk-banner-actions{position:relative!important;z-index:2!important}
body[data-route="tickets"] .support-desk-banner-actions{gap:7px!important;max-width:none!important}
body[data-route="tickets"] .support-desk-pin-banner{
  height:32px!important;
  padding:0 4px 0 10px!important;
  gap:6px!important;
  border-radius:9px!important;
  box-shadow:0 6px 16px rgba(38,70,135,.05)!important;
}
body[data-route="tickets"] .support-desk-pin-banner>i{font-size:14px!important}
body[data-route="tickets"] .support-desk-pin-banner small{font-size:8.5px!important;letter-spacing:.07em!important}
body[data-route="tickets"] .support-desk-pin-banner b{font-size:12px!important;letter-spacing:.11em!important}
body[data-route="tickets"] .support-desk-pin-banner button{width:25px!important;height:25px!important;border-radius:6px!important;font-size:12px!important}
body[data-route="tickets"] .support-desk-new-banner{
  height:32px!important;
  padding:0 12px!important;
  gap:5px!important;
  border-radius:9px!important;
  font-size:10.5px!important;
  box-shadow:0 7px 16px rgba(31,68,159,.13)!important;
}
body[data-route="tickets"] .support-desk-new-banner i{font-size:15px!important}
@media(max-width:980px){
  body[data-route="tickets"] .support-desk-banner-art{right:250px!important;opacity:.72!important}
}
@media(max-width:680px){
  body[data-route="tickets"] .support-desk-banner-art{display:none!important}
  body[data-route="tickets"] .support-desk-pin-banner,
  body[data-route="tickets"] .support-desk-new-banner{height:36px!important}
}

/* Tickets — bannière : illustration support plus élégante et mieux intégrée */
body[data-route="tickets"] .support-desk-banner-art{
  right:270px!important;
  top:50%!important;
  bottom:auto!important;
  width:228px!important;
  height:150px!important;
  transform:translateY(-50%)!important;
  overflow:visible!important;
  opacity:1!important;
}
body[data-route="tickets"] .support-desk-banner-art::before,
body[data-route="tickets"] .support-desk-banner-art::after{
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
}
body[data-route="tickets"] .support-desk-banner-art::before{
  right:32px;
  top:22px;
  width:66px;
  height:66px;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(245,249,255,.46));
  border:1px solid rgba(193,208,239,.65);
  box-shadow:0 12px 26px rgba(54,82,138,.06);
}
body[data-route="tickets"] .support-desk-banner-art::after{
  left:28px;
  top:12px;
  width:170px;
  height:126px;
  background:radial-gradient(circle at 52% 48%,rgba(134,160,226,.08) 0%,rgba(134,160,226,.045) 42%,rgba(134,160,226,0) 72%);
}
body[data-route="tickets"] .support-desk-banner-art-glow{
  left:6px!important;
  top:50%!important;
  width:188px!important;
  height:188px!important;
  transform:translateY(-50%)!important;
  background:radial-gradient(circle,rgba(119,147,214,.16) 0%,rgba(119,147,214,.075) 40%,rgba(119,147,214,0) 74%)!important;
}
body[data-route="tickets"] .support-desk-banner-art-disc{
  left:34px!important;
  top:50%!important;
  width:142px!important;
  height:142px!important;
  transform:translateY(-50%)!important;
  border:none!important;
  background:linear-gradient(180deg,rgba(242,246,255,.72),rgba(234,241,253,.46))!important;
  box-shadow:
    inset 0 0 0 13px rgba(122,149,214,.08),
    inset 0 0 0 28px rgba(122,149,214,.04)!important;
}
body[data-route="tickets"] .support-desk-banner-art-headset{
  left:76px!important;
  top:50%!important;
  font-size:52px!important;
  color:rgba(89,121,194,.20)!important;
  transform:translateY(-50%)!important;
  filter:drop-shadow(0 4px 10px rgba(93,122,186,.08));
}
body[data-route="tickets"] .support-desk-banner-art-message{
  left:148px!important;
  top:74px!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(243,247,255,.72))!important;
  border:1px solid rgba(193,208,239,.78)!important;
  color:rgba(78,112,200,.72)!important;
  font-size:18px!important;
  box-shadow:0 10px 18px rgba(59,90,153,.08)!important;
  transform:none!important;
}

@media(max-width:1100px){
  body[data-route="tickets"] .support-desk-banner-art{right:242px!important;transform:translateY(-50%) scale(.94)!important;transform-origin:center right!important}
}
@media(max-width:980px){
  body[data-route="tickets"] .support-desk-banner-art{right:228px!important;transform:translateY(-50%) scale(.88)!important}
}

/* Tickets — bannière : illustration support finale, plus discrète et plus propre */
body[data-route="tickets"] .support-desk-banner-art{
  right:276px!important;
  top:50%!important;
  width:190px!important;
  height:122px!important;
  transform:translateY(-50%)!important;
  opacity:.95!important;
}
body[data-route="tickets"] .support-desk-banner-art::before{
  display:none!important;
}
body[data-route="tickets"] .support-desk-banner-art::after{
  left:18px!important;
  top:10px!important;
  width:148px!important;
  height:102px!important;
  background:radial-gradient(circle at 50% 50%,rgba(126,150,214,.085) 0%,rgba(126,150,214,.045) 43%,rgba(126,150,214,0) 74%)!important;
}
body[data-route="tickets"] .support-desk-banner-art-glow{
  left:4px!important;
  top:50%!important;
  width:154px!important;
  height:154px!important;
  transform:translateY(-50%)!important;
  background:radial-gradient(circle,rgba(122,146,213,.12) 0%,rgba(122,146,213,.05) 42%,rgba(122,146,213,0) 74%)!important;
}
body[data-route="tickets"] .support-desk-banner-art-disc{
  left:30px!important;
  top:50%!important;
  width:118px!important;
  height:118px!important;
  transform:translateY(-50%)!important;
  background:linear-gradient(180deg,rgba(244,247,255,.74),rgba(237,242,252,.52))!important;
  box-shadow:
    inset 0 0 0 11px rgba(122,149,214,.07),
    inset 0 0 0 24px rgba(122,149,214,.035)!important;
}
body[data-route="tickets"] .support-desk-banner-art-headset{
  left:67px!important;
  top:50%!important;
  font-size:44px!important;
  color:rgba(96,123,191,.22)!important;
  transform:translateY(-50%)!important;
  filter:none!important;
}
body[data-route="tickets"] .support-desk-banner-art-message{
  left:120px!important;
  top:68px!important;
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(245,248,255,.74))!important;
  border:1px solid rgba(195,209,238,.82)!important;
  box-shadow:0 8px 16px rgba(70,96,154,.06)!important;
  color:rgba(89,118,193,.74)!important;
  font-size:15px!important;
}
@media(max-width:1100px){
  body[data-route="tickets"] .support-desk-banner-art{right:248px!important;transform:translateY(-50%) scale(.94)!important;transform-origin:center right!important}
}
@media(max-width:980px){
  body[data-route="tickets"] .support-desk-banner-art{right:232px!important;transform:translateY(-50%) scale(.88)!important}
}

/* Tickets — bannière illustration premium finale */
body[data-route="tickets"] .support-desk-banner-art{
  right:372px!important;
  top:50%!important;
  width:176px!important;
  height:112px!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
  opacity:1!important;
}
body[data-route="tickets"] .support-desk-banner-art::before,
body[data-route="tickets"] .support-desk-banner-art::after{
  content:"";
  position:absolute;
  inset:auto;
  border-radius:999px;
  pointer-events:none;
}
body[data-route="tickets"] .support-desk-banner-art::before{
  left:10px!important;
  top:50%!important;
  width:134px!important;
  height:134px!important;
  transform:translateY(-50%)!important;
  background:radial-gradient(circle,rgba(123,147,210,.09) 0%,rgba(123,147,210,.04) 50%,rgba(123,147,210,0) 76%)!important;
}
body[data-route="tickets"] .support-desk-banner-art::after{
  left:28px!important;
  top:50%!important;
  width:98px!important;
  height:98px!important;
  transform:translateY(-50%)!important;
  background:linear-gradient(180deg,rgba(252,253,255,.78),rgba(240,245,255,.46))!important;
  box-shadow:inset 0 0 0 11px rgba(127,150,214,.07), inset 0 0 0 22px rgba(127,150,214,.03)!important;
}
body[data-route="tickets"] .support-desk-banner-art-glow{
  left:0!important;
  top:50%!important;
  width:150px!important;
  height:150px!important;
  transform:translateY(-50%)!important;
  background:radial-gradient(circle,rgba(125,149,214,.11) 0%,rgba(125,149,214,.05) 42%,rgba(125,149,214,0) 74%)!important;
}
body[data-route="tickets"] .support-desk-banner-art-disc{
  left:24px!important;
  top:50%!important;
  width:106px!important;
  height:106px!important;
  transform:translateY(-50%)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:inset 0 0 0 10px rgba(120,145,211,.06), inset 0 0 0 1px rgba(255,255,255,.65)!important;
}
body[data-route="tickets"] .support-desk-banner-art-headset{
  position:absolute!important;
  left:57px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  font-size:42px!important;
  color:rgba(95,121,190,.24)!important;
  filter:none!important;
}
body[data-route="tickets"] .support-desk-banner-art-shield,
body[data-route="tickets"] .support-desk-banner-art-message{
  position:absolute!important;
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(244,247,255,.8))!important;
  border:1px solid rgba(201,213,238,.85)!important;
  box-shadow:0 8px 18px rgba(67,92,149,.08)!important;
  line-height:1!important;
}
body[data-route="tickets"] .support-desk-banner-art-shield{
  left:48px!important;
  top:66px!important;
  font-size:15px!important;
  color:rgba(72,114,201,.72)!important;
}
body[data-route="tickets"] .support-desk-banner-art-message{
  left:118px!important;
  top:57px!important;
  font-size:15px!important;
  color:rgba(102,126,198,.72)!important;
  transform:none!important;
}
@media(max-width:1180px){
  body[data-route="tickets"] .support-desk-banner-art{right:338px!important;transform:translateY(-50%) scale(.95)!important;transform-origin:center center!important}
}
@media(max-width:1060px){
  body[data-route="tickets"] .support-desk-banner-art{right:300px!important;transform:translateY(-50%) scale(.9)!important}
}
@media(max-width:980px){
  body[data-route="tickets"] .support-desk-banner-art{display:none!important}
}


/* Tickets — bannière illustration luxe/minimaliste finale */
body[data-route="tickets"] .support-desk-banner-art{
  right:390px!important;
  top:50%!important;
  width:186px!important;
  height:118px!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
  opacity:1!important;
  overflow:visible!important;
}
body[data-route="tickets"] .support-desk-banner-art::before,
body[data-route="tickets"] .support-desk-banner-art::after{
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
}
body[data-route="tickets"] .support-desk-banner-art::before{
  left:18px!important;
  top:50%!important;
  width:128px!important;
  height:128px!important;
  transform:translateY(-50%)!important;
  background:radial-gradient(circle,rgba(119,142,206,.07) 0%,rgba(119,142,206,.03) 54%,rgba(119,142,206,0) 76%)!important;
}
body[data-route="tickets"] .support-desk-banner-art::after{
  left:34px!important;
  top:50%!important;
  width:94px!important;
  height:94px!important;
  transform:translateY(-50%)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(244,248,255,.18))!important;
  box-shadow:inset 0 0 0 10px rgba(126,149,211,.06), inset 0 0 0 22px rgba(126,149,211,.028)!important;
}
body[data-route="tickets"] .support-desk-banner-art-glow{
  left:4px!important;
  top:50%!important;
  width:156px!important;
  height:156px!important;
  transform:translateY(-50%)!important;
  background:radial-gradient(circle,rgba(132,154,217,.08) 0%,rgba(132,154,217,.03) 46%,rgba(132,154,217,0) 74%)!important;
  filter:none!important;
}
body[data-route="tickets"] .support-desk-banner-art-disc{
  left:32px!important;
  top:50%!important;
  width:100px!important;
  height:100px!important;
  transform:translateY(-50%)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72), inset 0 0 0 12px rgba(120,145,211,.05), inset 0 0 0 24px rgba(120,145,211,.022)!important;
}
body[data-route="tickets"] .support-desk-banner-art-headset{
  position:absolute!important;
  left:61px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  font-size:40px!important;
  color:rgba(98,123,192,.22)!important;
  filter:none!important;
}
body[data-route="tickets"] .support-desk-banner-art-shield,
body[data-route="tickets"] .support-desk-banner-art-message{
  position:absolute!important;
  display:grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,248,255,.88))!important;
  border:1px solid rgba(204,216,240,.95)!important;
  box-shadow:0 10px 20px rgba(65,88,144,.08)!important;
  line-height:1!important;
}
body[data-route="tickets"] .support-desk-banner-art-shield{
  left:16px!important;
  top:60px!important;
  font-size:14px!important;
  color:rgba(79,117,198,.78)!important;
}
body[data-route="tickets"] .support-desk-banner-art-message{
  left:144px!important;
  top:60px!important;
  font-size:14px!important;
  color:rgba(103,127,198,.78)!important;
  transform:none!important;
}
@media(max-width:1180px){
  body[data-route="tickets"] .support-desk-banner-art{right:352px!important;transform:translateY(-50%) scale(.95)!important;transform-origin:center center!important}
}
@media(max-width:1080px){
  body[data-route="tickets"] .support-desk-banner-art{right:316px!important;transform:translateY(-50%) scale(.9)!important}
}
@media(max-width:980px){
  body[data-route="tickets"] .support-desk-banner-art{display:none!important}
}

/* Tickets — illustration premium type messagerie, intégrée à la bannière */
body[data-route="tickets"] .support-desk-banner-art-chat{
  position:absolute!important;
  right:390px!important;
  top:50%!important;
  bottom:auto!important;
  width:190px!important;
  height:86px!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
  overflow:visible!important;
  opacity:1!important;
  z-index:1!important;
}
body[data-route="tickets"] .support-desk-banner-art-chat::before,
body[data-route="tickets"] .support-desk-banner-art-chat::after{
  display:none!important;
  content:none!important;
}
body[data-route="tickets"] .support-desk-banner-wave{
  position:absolute!important;
  display:block!important;
  border-radius:999px!important;
  pointer-events:none!important;
}
body[data-route="tickets"] .support-desk-banner-wave-one{
  left:-22px!important;
  top:8px!important;
  width:205px!important;
  height:68px!important;
  background:radial-gradient(ellipse at 40% 50%,rgba(120,153,225,.10) 0%,rgba(120,153,225,.045) 52%,rgba(120,153,225,0) 75%)!important;
  transform:rotate(-4deg)!important;
}
body[data-route="tickets"] .support-desk-banner-wave-two{
  left:18px!important;
  top:22px!important;
  width:176px!important;
  height:52px!important;
  background:linear-gradient(115deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.54) 46%,rgba(224,235,255,.28) 70%,rgba(224,235,255,0) 100%)!important;
  filter:blur(.2px)!important;
  transform:skewX(-14deg) rotate(3deg)!important;
}
body[data-route="tickets"] .support-desk-banner-chat{
  position:absolute!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border:1px solid rgba(199,215,244,.9)!important;
  box-shadow:0 10px 22px rgba(54,88,153,.10)!important;
  backdrop-filter:blur(2px)!important;
}
body[data-route="tickets"] .support-desk-banner-chat-back{
  left:35px!important;
  top:19px!important;
  width:62px!important;
  height:43px!important;
  border-radius:12px 12px 12px 5px!important;
  background:linear-gradient(145deg,#8db2ff 0%,#6291ee 100%)!important;
  transform:rotate(4deg)!important;
  box-shadow:0 11px 24px rgba(75,112,190,.18)!important;
}
body[data-route="tickets"] .support-desk-banner-chat-back::after{
  content:""!important;
  position:absolute!important;
  left:9px!important;
  bottom:-6px!important;
  width:12px!important;
  height:12px!important;
  background:#6897f2!important;
  clip-path:polygon(0 0,100% 0,0 100%)!important;
  transform:rotate(7deg)!important;
}
body[data-route="tickets"] .support-desk-banner-chat-front{
  left:69px!important;
  top:29px!important;
  width:75px!important;
  height:48px!important;
  border-radius:13px 13px 13px 5px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,250,255,.96) 100%)!important;
  transform:rotate(2deg)!important;
  box-shadow:0 13px 26px rgba(72,100,157,.12)!important;
}
body[data-route="tickets"] .support-desk-banner-chat-front::after{
  content:""!important;
  position:absolute!important;
  left:11px!important;
  bottom:-7px!important;
  width:13px!important;
  height:13px!important;
  background:#f7faff!important;
  clip-path:polygon(0 0,100% 0,0 100%)!important;
}
body[data-route="tickets"] .support-desk-banner-chat-dot{
  width:7px!important;
  height:7px!important;
  display:block!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#8eb4ff 0%,#5e8de9 100%)!important;
  box-shadow:0 2px 5px rgba(79,117,195,.16)!important;
}
body[data-route="tickets"] .support-desk-banner-chat-back .support-desk-banner-chat-dot{
  width:5px!important;
  height:5px!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:none!important;
}
@media(max-width:1180px){
  body[data-route="tickets"] .support-desk-banner-art-chat{
    right:350px!important;
    transform:translateY(-50%) scale(.94)!important;
    transform-origin:center right!important;
  }
}
@media(max-width:1060px){
  body[data-route="tickets"] .support-desk-banner-art-chat{
    right:315px!important;
    transform:translateY(-50%) scale(.88)!important;
  }
}
@media(max-width:980px){
  body[data-route="tickets"] .support-desk-banner-art-chat{display:none!important}
}


/* Tickets — illustration bulles plus petite + détails abstraits */
body[data-route="tickets"] .support-desk-banner-art-chat{
  right:390px!important;
  width:164px!important;
  height:76px!important;
}
body[data-route="tickets"] .support-desk-banner-wave-one{
  left:-14px!important;
  top:7px!important;
  width:178px!important;
  height:58px!important;
}
body[data-route="tickets"] .support-desk-banner-wave-two{
  left:14px!important;
  top:19px!important;
  width:150px!important;
  height:45px!important;
}
body[data-route="tickets"] .support-desk-banner-chat-back{
  left:33px!important;
  top:18px!important;
  width:52px!important;
  height:36px!important;
  border-radius:11px 11px 11px 5px!important;
}
body[data-route="tickets"] .support-desk-banner-chat-front{
  left:62px!important;
  top:27px!important;
  width:64px!important;
  height:41px!important;
  border-radius:12px 12px 12px 5px!important;
}
body[data-route="tickets"] .support-desk-banner-chat-dot{
  width:6px!important;
  height:6px!important;
}
body[data-route="tickets"] .support-desk-banner-chat-back .support-desk-banner-chat-dot{
  width:4px!important;
  height:4px!important;
}
body[data-route="tickets"] .support-desk-banner-abstract{
  position:absolute!important;
  display:block!important;
  pointer-events:none!important;
  z-index:0!important;
}
body[data-route="tickets"] .support-desk-banner-abstract-one{
  left:3px!important;
  top:10px!important;
  width:40px!important;
  height:40px!important;
  border:1px solid rgba(120,151,219,.15)!important;
  border-radius:15px 22px 16px 24px!important;
  transform:rotate(28deg)!important;
}
body[data-route="tickets"] .support-desk-banner-abstract-two{
  right:5px!important;
  top:8px!important;
  width:24px!important;
  height:24px!important;
  border:1px solid rgba(137,165,225,.13)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 7px rgba(128,158,224,.025)!important;
}
body[data-route="tickets"] .support-desk-banner-abstract-three{
  right:18px!important;
  bottom:5px!important;
  width:36px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(122,151,219,.22),transparent)!important;
  transform:rotate(-22deg)!important;
}
@media(max-width:1180px){
  body[data-route="tickets"] .support-desk-banner-art-chat{
    right:350px!important;
    transform:translateY(-50%) scale(.92)!important;
  }
}
@media(max-width:1060px){
  body[data-route="tickets"] .support-desk-banner-art-chat{
    right:315px!important;
    transform:translateY(-50%) scale(.86)!important;
  }
}

/* Tickets — nouvelle hiérarchie visuelle de la liste */
body[data-route="tickets"] .support-desk-banner-stats{
  display:none!important;
}

body[data-route="tickets"] .support-desk-list-head{
  min-height:40px!important;
  padding:0 14px 0 70px!important;
  grid-template-columns:minmax(0,1fr) 170px 38px!important;
  gap:12px!important;
  background:#f8fafc!important;
  color:#8a96a7!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.015em!important;
}
body[data-route="tickets"] .support-desk-list-head>span:first-child{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
body[data-route="tickets"] .support-desk-list-head>span:first-child b{
  color:#536176!important;
  font-size:12px!important;
  font-weight:800!important;
}
body[data-route="tickets"] .support-desk-list-head>span:first-child small{
  color:#9aa4b2!important;
  font-size:8px!important;
  font-weight:600!important;
}

body[data-route="tickets"] .support-desk-ticket{
  min-height:82px!important;
  padding:11px 14px!important;
  grid-template-columns:minmax(0,1fr) 170px 38px!important;
  gap:12px!important;
  border-bottom-color:#edf0f4!important;
}
body[data-route="tickets"] .support-desk-ticket:hover{
  background:#fbfcfe!important;
}
body[data-route="tickets"] .support-desk-ticket.needs-reply{
  background:linear-gradient(90deg,#fffaf1 0,#fff 13%)!important;
}
body[data-route="tickets"] .support-desk-ticket.needs-reply:hover{
  background:linear-gradient(90deg,#fff8e9 0,#fbfcfe 16%)!important;
}
body[data-route="tickets"] .support-desk-ticket.needs-reply::before{
  top:15px!important;
  bottom:15px!important;
  width:2px!important;
}

body[data-route="tickets"] .support-desk-ticket-main{
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
}
body[data-route="tickets"] .support-desk-avatar{
  width:40px!important;
  height:40px!important;
  border-radius:11px!important;
  font-size:15px!important;
  box-shadow:inset 0 0 0 1px rgba(112,139,170,.06)!important;
}
body[data-route="tickets"] .support-desk-summary{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
}
body[data-route="tickets"] .support-desk-ticket-topline{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
body[data-route="tickets"] .support-desk-subject{
  flex:0 1 auto!important;
  min-width:0!important;
  color:#17243a!important;
  font-size:14px!important;
  font-weight:760!important;
  line-height:1.25!important;
  letter-spacing:-.012em!important;
}
body[data-route="tickets"] .support-desk-ticket-main:hover .support-desk-subject{
  color:#234a91!important;
}
body[data-route="tickets"] .support-desk-status{
  min-height:20px!important;
  padding:0 6px!important;
  flex:0 0 auto!important;
  gap:4px!important;
  border-radius:6px!important;
  font-size:8px!important;
  font-weight:750!important;
}
body[data-route="tickets"] .support-desk-status i{
  font-size:12px!important;
}
body[data-route="tickets"] .support-desk-ticket-reference{
  width:max-content!important;
  color:#51647f!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.025em!important;
  line-height:1.2!important;
}
body[data-route="tickets"] .support-desk-meta{
  margin-top:1px!important;
  gap:9px!important;
  color:#8994a4!important;
  font-size:9px!important;
  line-height:1.2!important;
}
body[data-route="tickets"] .support-desk-meta>span{
  gap:4px!important;
}
body[data-route="tickets"] .support-desk-meta i{
  color:#78879b!important;
  font-size:12px!important;
}
body[data-route="tickets"] .support-desk-priority{
  color:#7e8999!important;
}
body[data-route="tickets"] .support-desk-priority>i{
  width:6px!important;
  height:6px!important;
}

body[data-route="tickets"] .support-desk-activity{
  min-width:0!important;
  display:grid!important;
  align-content:center!important;
  gap:2px!important;
  padding-left:3px!important;
}
body[data-route="tickets"] .support-desk-activity small{
  margin:0!important;
  color:#a0a9b6!important;
  font-size:7.5px!important;
  font-weight:750!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}
body[data-route="tickets"] .support-desk-activity strong{
  color:#445166!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.25!important;
}
body[data-route="tickets"] .support-desk-activity em{
  overflow:hidden!important;
  color:#8a95a5!important;
  font-size:8.5px!important;
  font-style:normal!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-open{
  width:32px!important;
  height:32px!important;
  padding:0!important;
  border-color:transparent!important;
  border-radius:8px!important;
  background:#f5f7fa!important;
  color:#6e7c90!important;
  box-shadow:none!important;
}
body[data-route="tickets"] .support-desk-open i{
  font-size:18px!important;
}
body[data-route="tickets"] .support-desk-open:hover{
  border-color:#dce4ef!important;
  background:#fff!important;
  color:#2f5796!important;
}

@media(max-width:1120px){
  body[data-route="tickets"] .support-desk-list-head,
  body[data-route="tickets"] .support-desk-ticket{
    grid-template-columns:minmax(0,1fr) 145px 38px!important;
  }
}
@media(max-width:900px){
  body[data-route="tickets"] .support-desk-list-head,
  body[data-route="tickets"] .support-desk-ticket{
    grid-template-columns:minmax(0,1fr) 120px 34px!important;
  }
  body[data-route="tickets"] .support-desk-meta>span:nth-of-type(2){display:none!important}
}
@media(max-width:680px){
  body[data-route="tickets"] .support-desk-ticket{
    min-height:86px!important;
    padding:11px 10px!important;
    grid-template-columns:minmax(0,1fr) 32px!important;
    gap:7px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-main{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:9px!important;
  }
  body[data-route="tickets"] .support-desk-avatar{
    width:34px!important;
    height:34px!important;
    border-radius:9px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-topline{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:4px!important;
  }
  body[data-route="tickets"] .support-desk-subject{font-size:12px!important}
  body[data-route="tickets"] .support-desk-status{width:max-content!important;margin:0!important;grid-column:auto!important}
  body[data-route="tickets"] .support-desk-meta{gap:6px!important;font-size:8.5px!important}
  body[data-route="tickets"] .support-desk-activity{
    grid-column:1!important;
    padding-left:45px!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
  }
  body[data-route="tickets"] .support-desk-activity small{display:none!important}
  body[data-route="tickets"] .support-desk-activity strong,
  body[data-route="tickets"] .support-desk-activity em{display:inline!important;font-size:8.5px!important}
  body[data-route="tickets"] .support-desk-activity strong::after{content:" ·"!important}
  body[data-route="tickets"] .support-desk-open{grid-column:2!important;grid-row:1/3!important}
}

/* Tickets — hiérarchie professionnelle v2 */
body[data-route="tickets"] .support-desk-list-head-pro{
  min-height:34px!important;
  padding:0 14px 0 68px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 160px 165px 34px!important;
  align-items:center!important;
  gap:12px!important;
  border-bottom:1px solid #e8edf3!important;
  background:#f7f9fc!important;
  color:#8d98a8!important;
  font-size:8.5px!important;
  font-weight:760!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
body[data-route="tickets"] .support-desk-list-head-ticket{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
body[data-route="tickets"] .support-desk-list-head-ticket strong{
  color:#526176!important;
  font-size:8.5px!important;
  font-weight:800!important;
}
body[data-route="tickets"] .support-desk-list-head-ticket small{
  min-height:18px!important;
  padding:0 6px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid #e0e6ee!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#8b96a6!important;
  font-size:7.5px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

body[data-route="tickets"] .support-desk-list-pro{
  overflow:hidden!important;
  border-radius:0 0 14px 14px!important;
}
body[data-route="tickets"] .support-desk-ticket-pro{
  position:relative!important;
  min-height:78px!important;
  padding:11px 14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 160px 165px 34px!important;
  align-items:center!important;
  gap:12px!important;
  border-bottom:1px solid #edf1f5!important;
  background:#fff!important;
  transition:background .16s ease,box-shadow .16s ease!important;
}
body[data-route="tickets"] .support-desk-ticket-pro:last-child{
  border-bottom:0!important;
}
body[data-route="tickets"] .support-desk-ticket-pro:hover{
  z-index:1!important;
  background:#fbfcfe!important;
  box-shadow:inset 3px 0 #d9e4f8!important;
}
body[data-route="tickets"] .support-desk-ticket-pro.needs-reply{
  background:#fffdfa!important;
}
body[data-route="tickets"] .support-desk-ticket-pro.needs-reply::before{
  left:0!important;
  top:16px!important;
  bottom:16px!important;
  width:2px!important;
  border-radius:0 2px 2px 0!important;
  background:#d9a33a!important;
}
body[data-route="tickets"] .support-desk-ticket-pro.needs-reply:hover{
  background:#fffaf2!important;
  box-shadow:none!important;
}

body[data-route="tickets"] .support-desk-ticket-main-pro{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  color:inherit!important;
  text-decoration:none!important;
}
body[data-route="tickets"] .support-desk-avatar-pro{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #dfe7ef!important;
  border-radius:8px!important;
  background:#f4f7fa!important;
  color:#55708d!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:800!important;
}
body[data-route="tickets"] .support-desk-avatar-pro i{
  font-size:14px!important;
}
body[data-route="tickets"] .support-desk-avatar-pro.attention{background:#fff8ea!important;border-color:#f0e0bd!important;color:#9c6d18!important}
body[data-route="tickets"] .support-desk-avatar-pro.answered{background:#edf8f3!important;border-color:#d6ecdf!important;color:#247158!important}
body[data-route="tickets"] .support-desk-avatar-pro.progress{background:#eef8fb!important;border-color:#d8ebf0!important;color:#20758a!important}
body[data-route="tickets"] .support-desk-avatar-pro.open{background:#f1f5fb!important;border-color:#dde6f3!important;color:#496b9e!important}
body[data-route="tickets"] .support-desk-avatar-pro.closed{background:#f4f5f7!important;border-color:#e3e6ea!important;color:#788391!important}

body[data-route="tickets"] .support-desk-summary-pro{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
}
body[data-route="tickets"] .support-desk-ticket-kicker{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#8b96a5!important;
  font-size:8px!important;
  line-height:1.15!important;
}
body[data-route="tickets"] .support-desk-ticket-reference{
  flex:none!important;
  color:#53657d!important;
  font-size:8.5px!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
}
body[data-route="tickets"] .support-desk-ticket-category{
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-ticket-category::before{
  content:"";
  width:3px;
  height:3px;
  flex:none;
  border-radius:50%;
  background:#c4ccd7;
}
body[data-route="tickets"] .support-desk-ticket-category i{
  color:#8b98aa!important;
  font-size:12px!important;
}
body[data-route="tickets"] .support-desk-summary-pro .support-desk-subject{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  color:#17243a!important;
  font-size:12px!important;
  font-weight:760!important;
  line-height:1.25!important;
  letter-spacing:-.012em!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-ticket-main-pro:hover .support-desk-subject{
  color:#244f91!important;
}
body[data-route="tickets"] .support-desk-meta-pro{
  margin:0!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#8793a3!important;
  font-size:8px!important;
  line-height:1.15!important;
}
body[data-route="tickets"] .support-desk-meta-pro>span{
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-meta-pro>span:first-child{
  max-width:220px!important;
}
body[data-route="tickets"] .support-desk-meta-pro i{
  color:#7b8ba0!important;
  font-size:12px!important;
}
body[data-route="tickets"] .support-desk-priority{
  flex:none!important;
  color:#7d8898!important;
  font-weight:650!important;
}
body[data-route="tickets"] .support-desk-priority>i{
  width:5px!important;
  height:5px!important;
  flex:none!important;
}

body[data-route="tickets"] .support-desk-ticket-state{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
}
body[data-route="tickets"] .support-desk-ticket-state .support-desk-status{
  min-height:auto!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  border-radius:0!important;
  background:transparent!important;
  color:#526074!important;
  font-size:9px!important;
  font-weight:700!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-status-icon{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:7px!important;
  background:#f0f3f7!important;
  color:#68788d!important;
}
body[data-route="tickets"] .support-desk-status-icon i{
  font-size:12px!important;
}
body[data-route="tickets"] .support-desk-status.attention .support-desk-status-icon{background:#fff5dc!important;color:#95660f!important}
body[data-route="tickets"] .support-desk-status.answered .support-desk-status-icon{background:#eaf7f1!important;color:#247158!important}
body[data-route="tickets"] .support-desk-status.progress .support-desk-status-icon{background:#e9f6fa!important;color:#1e7187!important}
body[data-route="tickets"] .support-desk-status.open .support-desk-status-icon{background:#eef3fb!important;color:#49699b!important}
body[data-route="tickets"] .support-desk-status.closed .support-desk-status-icon{background:#f0f2f4!important;color:#758191!important}

body[data-route="tickets"] .support-desk-activity-pro{
  min-width:0!important;
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
  padding:0!important;
}
body[data-route="tickets"] .support-desk-activity-pro strong{
  overflow:hidden!important;
  color:#3e4d62!important;
  font-size:9.5px!important;
  font-weight:760!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-activity-pro small{
  margin:0!important;
  overflow:hidden!important;
  color:#929dac!important;
  font-size:8px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  text-transform:none!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}

body[data-route="tickets"] .support-desk-open-pro{
  width:30px!important;
  height:30px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#9aa5b4!important;
  box-shadow:none!important;
}
body[data-route="tickets"] .support-desk-open-pro i{
  font-size:14px!important;
}
body[data-route="tickets"] .support-desk-ticket-pro:hover .support-desk-open-pro{
  border-color:#dde5ee!important;
  background:#fff!important;
  color:#345d9d!important;
}

@media(max-width:1120px){
  body[data-route="tickets"] .support-desk-list-head-pro,
  body[data-route="tickets"] .support-desk-ticket-pro{
    grid-template-columns:minmax(0,1fr) 145px 145px 32px!important;
  }
}
@media(max-width:900px){
  body[data-route="tickets"] .support-desk-list-head-pro,
  body[data-route="tickets"] .support-desk-ticket-pro{
    grid-template-columns:minmax(0,1fr) 125px 32px!important;
  }
  body[data-route="tickets"] .support-desk-list-head-pro>span:nth-child(3),
  body[data-route="tickets"] .support-desk-activity-pro{display:none!important}
  body[data-route="tickets"] .support-desk-meta-pro>span:first-child{max-width:150px!important}
}
@media(max-width:680px){
  body[data-route="tickets"] .support-desk-list-head-pro{display:none!important}
  body[data-route="tickets"] .support-desk-ticket-pro{
    min-height:84px!important;
    padding:11px 10px!important;
    grid-template-columns:minmax(0,1fr) 30px!important;
    gap:7px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-main-pro{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:9px!important;
  }
  body[data-route="tickets"] .support-desk-avatar-pro{
    width:34px!important;
    height:34px!important;
    border-radius:9px!important;
  }
  body[data-route="tickets"] .support-desk-summary-pro .support-desk-subject{font-size:12px!important}
  body[data-route="tickets"] .support-desk-ticket-state{
    grid-column:1!important;
    padding-left:45px!important;
    margin-top:1px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-state .support-desk-status{font-size:8px!important;gap:5px!important}
  body[data-route="tickets"] .support-desk-status-icon{width:20px!important;height:20px!important;flex-basis:20px!important;border-radius:6px!important}
  body[data-route="tickets"] .support-desk-open-pro{grid-column:2!important;grid-row:1/3!important;align-self:center!important}
  body[data-route="tickets"] .support-desk-meta-pro{gap:6px!important;font-size:7.5px!important}
  body[data-route="tickets"] .support-desk-meta-pro>span:first-child{max-width:120px!important}
}

/* Tickets — liste premium simple v2 */
body[data-route="tickets"] .support-desk-panel{
  border-color:#e2e7ee!important;
  box-shadow:0 8px 24px rgba(26,40,66,.045)!important;
}
body[data-route="tickets"] .support-desk-list-head-premium{
  min-height:38px!important;
  padding:0 14px 0 16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 150px 155px 30px!important;
  align-items:center!important;
  gap:12px!important;
  border-bottom:1px solid #e9edf2!important;
  background:#fafbfd!important;
  color:#8b96a6!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}
body[data-route="tickets"] .support-desk-list-head-premium .support-desk-list-head-ticket{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
body[data-route="tickets"] .support-desk-list-head-premium .support-desk-list-head-ticket strong{
  color:#556379!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
}
body[data-route="tickets"] .support-desk-list-head-premium .support-desk-list-head-ticket small{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#a0a9b6!important;
  font-size:7.5px!important;
  font-weight:650!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body[data-route="tickets"] .support-desk-list-premium{
  overflow:hidden!important;
  border-radius:0 0 14px 14px!important;
}
body[data-route="tickets"] .support-desk-ticket-premium{
  position:relative!important;
  min-height:74px!important;
  padding:10px 14px 10px 16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 150px 155px 30px!important;
  align-items:center!important;
  gap:12px!important;
  border-bottom:1px solid #eef1f4!important;
  background:#fff!important;
  transition:background .16s ease,box-shadow .16s ease!important;
}
body[data-route="tickets"] .support-desk-ticket-premium:last-child{border-bottom:0!important}
body[data-route="tickets"] .support-desk-ticket-premium:hover{
  z-index:1!important;
  background:#fbfcfe!important;
  box-shadow:inset 2px 0 #d8e4f6!important;
}
body[data-route="tickets"] .support-desk-ticket-premium.needs-reply{
  background:#fffdf9!important;
}
body[data-route="tickets"] .support-desk-ticket-premium.needs-reply::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:18px!important;
  bottom:18px!important;
  width:2px!important;
  border-radius:0 2px 2px 0!important;
  background:#dba943!important;
}
body[data-route="tickets"] .support-desk-ticket-premium.needs-reply:hover{
  background:#fffbf4!important;
  box-shadow:none!important;
}
body[data-route="tickets"] .support-desk-ticket-main-premium{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  color:inherit!important;
  text-decoration:none!important;
}
body[data-route="tickets"] .support-desk-avatar-premium{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #dfe6ef!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#f8fafc 0%,#f2f5f9 100%)!important;
  color:#5f7899!important;
  box-shadow:0 3px 8px rgba(30,48,77,.025)!important;
}
body[data-route="tickets"] .support-desk-avatar-premium i{
  font-size:15px!important;
}
body[data-route="tickets"] .support-desk-summary-premium{
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
}
body[data-route="tickets"] .support-desk-summary-premium .support-desk-subject{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  color:#17243a!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.25!important;
  letter-spacing:-.012em!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-ticket-main-premium:hover .support-desk-subject{
  color:#244f91!important;
}
body[data-route="tickets"] .support-desk-ticket-meta-line{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  overflow:hidden!important;
  color:#8994a4!important;
  font-size:8px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-ticket-reference{
  flex:none!important;
  color:#5c6d84!important;
  font-size:8.3px!important;
  font-weight:800!important;
  letter-spacing:.025em!important;
}
body[data-route="tickets"] .support-desk-ticket-meta-sep{
  width:3px!important;
  height:3px!important;
  flex:0 0 3px!important;
  border-radius:50%!important;
  background:#c8d0da!important;
}
body[data-route="tickets"] .support-desk-ticket-category,
body[data-route="tickets"] .support-desk-ticket-service{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-ticket-service{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  max-width:190px!important;
}
body[data-route="tickets"] .support-desk-ticket-service i{
  flex:none!important;
  color:#7c8da3!important;
  font-size:9.5px!important;
}
body[data-route="tickets"] .support-desk-ticket-state-premium{
  min-width:0!important;
  display:grid!important;
  align-content:center!important;
  gap:5px!important;
}
body[data-route="tickets"] .support-desk-ticket-state-premium .support-desk-status{
  min-height:auto!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  border-radius:0!important;
  background:transparent!important;
  color:#4f5e72!important;
  font-size:9px!important;
  font-weight:750!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-status-dot{
  width:6px!important;
  height:6px!important;
  flex:0 0 6px!important;
  border-radius:50%!important;
  background:#7b8ba0!important;
  box-shadow:0 0 0 3px rgba(123,139,160,.08)!important;
}
body[data-route="tickets"] .support-desk-status.attention .support-desk-status-dot{background:#d89d2e!important;box-shadow:0 0 0 3px rgba(216,157,46,.09)!important}
body[data-route="tickets"] .support-desk-status.answered .support-desk-status-dot{background:#2b9b72!important;box-shadow:0 0 0 3px rgba(43,155,114,.08)!important}
body[data-route="tickets"] .support-desk-status.progress .support-desk-status-dot{background:#2488a3!important;box-shadow:0 0 0 3px rgba(36,136,163,.08)!important}
body[data-route="tickets"] .support-desk-status.open .support-desk-status-dot{background:#5f7caf!important;box-shadow:0 0 0 3px rgba(95,124,175,.08)!important}
body[data-route="tickets"] .support-desk-status.closed .support-desk-status-dot{background:#8c98a7!important;box-shadow:0 0 0 3px rgba(140,152,167,.08)!important}
body[data-route="tickets"] .support-desk-priority-premium{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#9aa4b1!important;
  font-size:7.7px!important;
  font-weight:600!important;
  line-height:1.2!important;
  text-transform:none!important;
}
body[data-route="tickets"] .support-desk-priority-premium>i{
  width:4px!important;
  height:4px!important;
  flex:0 0 4px!important;
  border-radius:50%!important;
}
body[data-route="tickets"] .support-desk-activity-premium{
  min-width:0!important;
  padding:0!important;
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
}
body[data-route="tickets"] .support-desk-activity-premium strong{
  overflow:hidden!important;
  color:#425168!important;
  font-size:9px!important;
  font-weight:750!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-activity-premium small{
  margin:0!important;
  overflow:hidden!important;
  color:#9aa4b1!important;
  font-size:7.8px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-open-premium{
  width:24px!important;
  height:24px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#a1abb8!important;
  box-shadow:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
body[data-route="tickets"] .support-desk-open-premium i{font-size:16px!important}
body[data-route="tickets"] .support-desk-ticket-premium:hover .support-desk-open-premium{
  border-color:#e1e7ee!important;
  background:#fff!important;
  color:#3d639c!important;
  transform:translateX(1px)!important;
}
@media(max-width:1120px){
  body[data-route="tickets"] .support-desk-list-head-premium,
  body[data-route="tickets"] .support-desk-ticket-premium{
    grid-template-columns:minmax(0,1fr) 138px 138px 30px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-service{max-width:140px!important}
}
@media(max-width:900px){
  body[data-route="tickets"] .support-desk-list-head-premium,
  body[data-route="tickets"] .support-desk-ticket-premium{
    grid-template-columns:minmax(0,1fr) 130px 30px!important;
  }
  body[data-route="tickets"] .support-desk-list-head-premium>span:nth-child(3),
  body[data-route="tickets"] .support-desk-activity-premium{display:none!important}
  body[data-route="tickets"] .support-desk-ticket-service{max-width:110px!important}
}
@media(max-width:680px){
  body[data-route="tickets"] .support-desk-list-head-premium{display:none!important}
  body[data-route="tickets"] .support-desk-ticket-premium{
    min-height:80px!important;
    padding:10px!important;
    grid-template-columns:minmax(0,1fr) 28px!important;
    gap:7px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-main-premium{
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:9px!important;
  }
  body[data-route="tickets"] .support-desk-avatar-premium{width:32px!important;height:32px!important;border-radius:8px!important}
  body[data-route="tickets"] .support-desk-summary-premium .support-desk-subject{font-size:12px!important}
  body[data-route="tickets"] .support-desk-ticket-state-premium{
    grid-column:1!important;
    padding-left:43px!important;
    margin-top:1px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-state-premium .support-desk-status{font-size:8px!important;gap:6px!important}
  body[data-route="tickets"] .support-desk-priority-premium{font-size:7px!important}
  body[data-route="tickets"] .support-desk-open-premium{grid-column:2!important;grid-row:1/3!important;align-self:center!important}
  body[data-route="tickets"] .support-desk-ticket-meta-line{font-size:7.4px!important;gap:5px!important}
  body[data-route="tickets"] .support-desk-ticket-service{max-width:105px!important}
}

/* =========================================================
   Ticket / ID — carte "Détails du ticket" fidèle à la référence
   ========================================================= */
body[data-route="ticket"] .ticket-view-layout{
  grid-template-columns:minmax(0,1fr) minmax(410px,460px)!important;
}

body[data-route="ticket"] .ticket-view-details-reference{
  padding:0 20px 13px!important;
  overflow:hidden!important;
  border:1px solid #dce4ee!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(23,40,64,.035)!important;
}

body[data-route="ticket"] .ticket-details-reference-head{
  min-height:58px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  border:0!important;
}

body[data-route="ticket"] .ticket-details-reference-title{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}

body[data-route="ticket"] .ticket-details-reference-title>span{
  width:31px!important;
  height:31px!important;
  flex:0 0 31px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:#eaf3ff!important;
  color:#2872dc!important;
  font-size:16px!important;
}

body[data-route="ticket"] .ticket-details-reference-title h2{
  margin:0!important;
  color:#102348!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:750!important;
  letter-spacing:-.015em!important;
}

body[data-route="ticket"] .ticket-details-reference-status{
  min-height:29px!important;
  padding:0 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border-radius:8px!important;
  background:#eef2f6!important;
  color:#55667d!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

body[data-route="ticket"] .ticket-details-reference-status i{
  font-size:13px!important;
}

body[data-route="ticket"] .ticket-details-reference-status.closed,
body[data-route="ticket"] .ticket-details-reference-status.answered{
  background:#e9f7ef!important;
  color:#20724f!important;
}

body[data-route="ticket"] .ticket-details-reference-status.awaiting{
  background:#fff4d9!important;
  color:#8e6209!important;
}

body[data-route="ticket"] .ticket-details-reference-status.progress{
  background:#e8f5fb!important;
  color:#176a88!important;
}

body[data-route="ticket"] .ticket-details-reference-status.open{
  background:#edf3ff!important;
  color:#315f9f!important;
}

body[data-route="ticket"] .ticket-view-details-reference dl{
  margin:0!important;
}

body[data-route="ticket"] .ticket-view-details-reference dl>div.ticket-details-reference-row{
  min-height:46px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  border-bottom:1px solid #e0e7ef!important;
}

body[data-route="ticket"] .ticket-view-details-reference dl>div.ticket-details-reference-row:last-child{
  border-bottom:0!important;
}

body[data-route="ticket"] .ticket-view-details-reference dt{
  min-width:0!important;
  flex:1 1 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#70809b!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:500!important;
  white-space:nowrap!important;
}

body[data-route="ticket"] .ticket-view-details-reference dt>i{
  width:17px!important;
  flex:0 0 17px!important;
  display:grid!important;
  place-items:center!important;
  color:#60779b!important;
  font-size:14px!important;
}

body[data-route="ticket"] .ticket-view-details-reference dd{
  min-width:0!important;
  max-width:68%!important;
  margin:0!important;
  padding:0!important;
  color:#10234a!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:600!important;
  text-align:right!important;
}

body[data-route="ticket"] .ticket-details-reference-number{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
}

body[data-route="ticket"] .ticket-details-reference-number strong{
  color:#10234a!important;
  font-size:12.5px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}

body[data-route="ticket"] .ticket-details-reference-number button{
  width:20px!important;
  height:20px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  color:#526b93!important;
  font-size:15px!important;
  cursor:pointer!important;
}

body[data-route="ticket"] .ticket-details-reference-number button:hover{
  background:#edf3fa!important;
  color:#285b9c!important;
}

body[data-route="ticket"] .ticket-details-reference-value-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  white-space:nowrap!important;
}

body[data-route="ticket"] .ticket-details-reference-value-icon>i{
  flex:0 0 auto!important;
  color:#536d96!important;
  font-size:14px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-view-priority{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  color:#12264b!important;
  font-size:12px!important;
  font-weight:600!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-view-priority i{
  width:9px!important;
  height:9px!important;
  flex:0 0 9px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service{
  min-height:76px!important;
  align-items:flex-start!important;
  padding:12px 0 10px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service dt{
  padding-top:2px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service dd{
  max-width:72%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:7px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service a{
  max-width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  color:#12264b!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.25!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service a:hover{
  color:#205aa2!important;
  text-decoration:none!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service a>i:first-child{
  color:#526d94!important;
  font-size:15px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service a>i:last-child{
  color:#45658f!important;
  font-size:14px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-view-service-status{
  min-height:24px!important;
  padding:0 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  border-radius:9px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-view-service-status.warning{
  background:#fff1cf!important;
  color:#a66d06!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-view-service-status.success{
  background:#e7f7ee!important;
  color:#247652!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-view-service-status.danger{
  background:#feecef!important;
  color:#bd3d50!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-view-service-status>i{
  font-size:12px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-view-no-service{
  color:#7b8799!important;
  font-size:11px!important;
  font-weight:500!important;
}

/* La facture garde le même rythme que les autres lignes. */
body[data-route="ticket"] .ticket-view-details-reference .ticket-view-related-invoice{
  min-height:50px!important;
  padding:5px 0!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-view-related-invoice dd{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}

@media(max-width:1180px){
  body[data-route="ticket"] .ticket-view-layout{
    grid-template-columns:minmax(0,1fr) minmax(370px,410px)!important;
  }
}

@media(max-width:1020px){
  body[data-route="ticket"] .ticket-view-layout{
    grid-template-columns:1fr!important;
  }

  body[data-route="ticket"] .ticket-view-aside{
    width:min(460px,100%)!important;
    justify-self:end!important;
  }
}

@media(max-width:700px){
  body[data-route="ticket"] .ticket-view-aside{
    width:100%!important;
    justify-self:stretch!important;
  }

  body[data-route="ticket"] .ticket-view-details-reference{
    padding:0 14px 11px!important;
  }

  body[data-route="ticket"] .ticket-details-reference-head{
    min-height:54px!important;
  }

  body[data-route="ticket"] .ticket-view-details-reference dl>div.ticket-details-reference-row{
    min-height:45px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }

  body[data-route="ticket"] .ticket-view-details-reference dt{
    flex:0 0 auto!important;
    min-width:115px!important;
    font-size:11px!important;
  }

  body[data-route="ticket"] .ticket-view-details-reference dd{
    max-width:calc(100% - 125px)!important;
    font-size:11px!important;
  }

  body[data-route="ticket"] .ticket-details-reference-number strong{
    font-size:11px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  body[data-route="ticket"] .ticket-details-reference-value-icon{
    white-space:normal!important;
  }

  body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service{
    min-height:72px!important;
    display:flex!important;
    align-items:flex-start!important;
    padding:11px 0 9px!important;
  }

  body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service dt{
    min-width:115px!important;
  }

  body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service dd{
    max-width:calc(100% - 125px)!important;
    align-items:flex-end!important;
    text-align:right!important;
  }

  body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service a{
    white-space:normal!important;
    text-align:right!important;
  }
}

@media(max-width:430px){
  body[data-route="ticket"] .ticket-view-details-reference{
    padding-inline:12px!important;
  }

  body[data-route="ticket"] .ticket-view-details-reference dt{
    min-width:104px!important;
    gap:7px!important;
    font-size:10.5px!important;
  }

  body[data-route="ticket"] .ticket-view-details-reference dd{
    max-width:calc(100% - 112px)!important;
    font-size:10.5px!important;
  }

  body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service dt{
    min-width:104px!important;
  }

  body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service dd{
    max-width:calc(100% - 112px)!important;
  }
}


/* =========================================================
   Ticket / ID — détails plus compacts (ajustement référence)
   ========================================================= */
@media(min-width:1021px){
  body[data-route="ticket"] .ticket-view-layout{
    grid-template-columns:minmax(0,1fr) 360px!important;
    gap:18px!important;
  }

  body[data-route="ticket"] .ticket-view-aside{
    width:360px!important;
    max-width:360px!important;
    justify-self:end!important;
  }
}

body[data-route="ticket"] .ticket-view-details-reference{
  padding:0 14px 9px!important;
  border-radius:9px!important;
}

body[data-route="ticket"] .ticket-details-reference-head{
  min-height:46px!important;
  gap:10px!important;
}

body[data-route="ticket"] .ticket-details-reference-title{
  gap:7px!important;
}

body[data-route="ticket"] .ticket-details-reference-title>span{
  width:27px!important;
  height:27px!important;
  flex-basis:27px!important;
  border-radius:7px!important;
  font-size:14px!important;
}

body[data-route="ticket"] .ticket-details-reference-title h2{
  font-size:12px!important;
}

body[data-route="ticket"] .ticket-details-reference-status{
  min-height:25px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  gap:4px!important;
  font-size:9px!important;
}

body[data-route="ticket"] .ticket-details-reference-status i{
  font-size:11px!important;
}

body[data-route="ticket"] .ticket-view-details-reference dl>div.ticket-details-reference-row{
  min-height:37px!important;
  gap:10px!important;
}

body[data-route="ticket"] .ticket-view-details-reference dt{
  gap:7px!important;
  font-size:10px!important;
}

body[data-route="ticket"] .ticket-view-details-reference dt>i{
  width:14px!important;
  flex-basis:14px!important;
  font-size:12px!important;
}

body[data-route="ticket"] .ticket-view-details-reference dd{
  max-width:69%!important;
  font-size:10px!important;
}

body[data-route="ticket"] .ticket-details-reference-number{
  gap:5px!important;
}

body[data-route="ticket"] .ticket-details-reference-number strong{
  font-size:10.5px!important;
}

body[data-route="ticket"] .ticket-details-reference-number button{
  width:18px!important;
  height:18px!important;
  border-radius:4px!important;
  font-size:13px!important;
}

body[data-route="ticket"] .ticket-details-reference-value-icon{
  gap:5px!important;
}

body[data-route="ticket"] .ticket-details-reference-value-icon>i{
  font-size:12px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-view-priority{
  gap:5px!important;
  font-size:10px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-view-priority i{
  width:7px!important;
  height:7px!important;
  flex-basis:7px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service{
  min-height:56px!important;
  padding:8px 0 7px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service dt{
  padding-top:1px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service dd{
  gap:5px!important;
  max-width:72%!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service a{
  gap:5px!important;
  font-size:10px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service a>i:first-child{
  font-size:12px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service a>i:last-child{
  font-size:11px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-view-service-status{
  min-height:20px!important;
  padding:0 7px!important;
  gap:4px!important;
  border-radius:7px!important;
  font-size:8.5px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-view-service-status>i{
  font-size:10px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-view-related-invoice{
  min-height:40px!important;
  padding:3px 0!important;
}

@media(max-width:1020px) and (min-width:701px){
  body[data-route="ticket"] .ticket-view-aside{
    width:min(380px,100%)!important;
    max-width:380px!important;
  }
}


/* Ticket / ID — card Détails du ticket légèrement moins large */
@media(min-width:1021px){
  body[data-route="ticket"] .ticket-view-layout{
    grid-template-columns:minmax(0,1fr) 350px!important;
  }

  body[data-route="ticket"] .ticket-view-aside{
    width:350px!important;
    max-width:350px!important;
  }
}

@media(max-width:1020px) and (min-width:701px){
  body[data-route="ticket"] .ticket-view-aside{
    width:min(370px,100%)!important;
    max-width:370px!important;
  }
}


/* Ticket / ID — largeur globale de la card réduite de 7px supplémentaires */
@media(min-width:1021px){
  body[data-route="ticket"] .ticket-view-layout{
    grid-template-columns:minmax(0,1fr) 343px!important;
  }

  body[data-route="ticket"] .ticket-view-aside{
    width:343px!important;
    max-width:343px!important;
  }
}

@media(max-width:1020px) and (min-width:701px){
  body[data-route="ticket"] .ticket-view-aside{
    width:min(363px,100%)!important;
    max-width:363px!important;
  }
}


/* Ticket / ID — réduction franche de la largeur de la card Détails du ticket */
@media(min-width:1021px){
  body[data-route="ticket"] .ticket-view-layout{
    grid-template-columns:minmax(0,1fr) 320px!important;
  }

  body[data-route="ticket"] .ticket-view-aside{
    width:320px!important;
    max-width:320px!important;
  }
}

@media(max-width:1020px) and (min-width:701px){
  body[data-route="ticket"] .ticket-view-aside{
    width:min(340px,100%)!important;
    max-width:340px!important;
  }
}


/* Ticket / ID — largeur 320px conservée, card légèrement agrandie verticalement */
@media(min-width:1021px){
  body[data-route="ticket"] .ticket-view-layout{
    grid-template-columns:minmax(0,1fr) 320px!important;
  }

  body[data-route="ticket"] .ticket-view-aside{
    width:320px!important;
    max-width:320px!important;
  }
}

body[data-route="ticket"] .ticket-view-details-reference{
  padding-bottom:12px!important;
}

body[data-route="ticket"] .ticket-details-reference-head{
  min-height:51px!important;
}

body[data-route="ticket"] .ticket-view-details-reference dl>div.ticket-details-reference-row{
  min-height:41px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-details-reference-service{
  min-height:62px!important;
  padding:9px 0 8px!important;
}

body[data-route="ticket"] .ticket-view-details-reference .ticket-view-related-invoice{
  min-height:44px!important;
  padding:4px 0!important;
}


/* Ticket / ID — décalage visuel forcé de la ligne Service associé */
body[data-route="ticket"] .ticket-view-card.ticket-view-details.ticket-view-details-reference
dl > div.ticket-details-reference-row.ticket-details-reference-service{
  min-height:64px!important;
  padding:7px 0 7px!important;
  align-items:flex-start!important;
}

body[data-route="ticket"] .ticket-view-card.ticket-view-details.ticket-view-details-reference
dl > div.ticket-details-reference-row.ticket-details-reference-service > dt{
  margin:0!important;
  padding:0!important;
  transform:translateY(8px)!important;
}

body[data-route="ticket"] .ticket-view-card.ticket-view-details.ticket-view-details-reference
dl > div.ticket-details-reference-row.ticket-details-reference-service > dd{
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:5px!important;
  transform:translateY(8px)!important;
}

body[data-route="ticket"] .ticket-view-card.ticket-view-details.ticket-view-details-reference
dl > div.ticket-details-reference-row.ticket-details-reference-service > dd > a{
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  line-height:1.15!important;
}

body[data-route="ticket"] .ticket-view-card.ticket-view-details.ticket-view-details-reference
dl > div.ticket-details-reference-row.ticket-details-reference-service > dd > .ticket-view-service-status{
  margin:0!important;
}


/* Ticket / ID — même alignement pour la ligne Facture associée */
body[data-route="ticket"] .ticket-view-card.ticket-view-details.ticket-view-details-reference
dl > div.ticket-view-related-invoice.ticket-details-reference-row{
  min-height:64px!important;
  padding:7px 0 7px!important;
  align-items:flex-start!important;
}

body[data-route="ticket"] .ticket-view-card.ticket-view-details.ticket-view-details-reference
dl > div.ticket-view-related-invoice.ticket-details-reference-row > dt{
  margin:0!important;
  padding:0!important;
  transform:translateY(8px)!important;
}

body[data-route="ticket"] .ticket-view-card.ticket-view-details.ticket-view-details-reference
dl > div.ticket-view-related-invoice.ticket-details-reference-row > dd{
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:5px!important;
  transform:translateY(8px)!important;
}

body[data-route="ticket"] .ticket-view-card.ticket-view-details.ticket-view-details-reference
dl > div.ticket-view-related-invoice.ticket-details-reference-row > dd > a{
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  line-height:1.15!important;
}

body[data-route="ticket"] .ticket-view-card.ticket-view-details.ticket-view-details-reference
dl > div.ticket-view-related-invoice.ticket-details-reference-row > dd > .ticket-view-service-status{
  margin:0!important;
}

/* Ticket / ID — card Détails du ticket légèrement raccourcie verticalement */
body[data-route="ticket"] .ticket-view-details-reference{
  padding-bottom:10px!important;
}

body[data-route="ticket"] .ticket-details-reference-head{
  min-height:49px!important;
}

body[data-route="ticket"] .ticket-view-details-reference dl>div.ticket-details-reference-row{
  min-height:39px!important;
}

body[data-route="ticket"] .ticket-view-card.ticket-view-details.ticket-view-details-reference
dl > div.ticket-details-reference-row.ticket-details-reference-service,
body[data-route="ticket"] .ticket-view-card.ticket-view-details.ticket-view-details-reference
dl > div.ticket-view-related-invoice.ticket-details-reference-row{
  min-height:61px!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
}


/* Ticket / ID — card Détails du ticket encore un peu plus courte */
body[data-route="ticket"] .ticket-view-details-reference{
  padding-bottom:8px!important;
}

body[data-route="ticket"] .ticket-details-reference-head{
  min-height:47px!important;
}

body[data-route="ticket"] .ticket-view-details-reference dl>div.ticket-details-reference-row{
  min-height:37px!important;
}

body[data-route="ticket"] .ticket-view-card.ticket-view-details.ticket-view-details-reference
 dl > div.ticket-details-reference-row.ticket-details-reference-service,
body[data-route="ticket"] .ticket-view-card.ticket-view-details.ticket-view-details-reference
 dl > div.ticket-view-related-invoice.ticket-details-reference-row{
  min-height:58px!important;
  padding-top:5px!important;
  padding-bottom:5px!important;
}

/* Ticket / ID — Code PIN d’assistance sur une seule ligne */
body[data-route="ticket"] .ticket-view-pin-card form{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}

body[data-route="ticket"] .ticket-view-pin-card form>span{
  min-width:0!important;
  flex:1 1 auto!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  color:#68768a!important;
  font-size:10px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

body[data-route="ticket"] .ticket-view-pin-card form b{
  flex:0 0 auto!important;
  margin:0!important;
  color:#14294a!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:750!important;
  letter-spacing:.06em!important;
}

@media(max-width:640px){
  body[data-route="ticket"] .ticket-view-pin-card form{
    display:flex!important;
    min-height:42px!important;
    padding:0 7px 0 9px!important;
    gap:6px!important;
  }

  body[data-route="ticket"] .ticket-view-pin-card form>span{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:space-between!important;
    gap:8px!important;
    font-size:9px!important;
  }

  body[data-route="ticket"] .ticket-view-pin-card form b{
    margin:0!important;
    font-size:12px!important;
  }

  body[data-route="ticket"] .ticket-view-pin-card form button{
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
  }
}

/* =========================================================
   Tickets — hiérarchie luxe / simple v3
   Scope strict : page liste des tickets uniquement.
   ========================================================= */
body[data-route="tickets"] .support-desk-list-head-luxe{
  min-height:36px!important;
  padding:0 14px 0 16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 170px 28px!important;
  align-items:center!important;
  gap:14px!important;
  border-bottom:1px solid #e9edf2!important;
  background:#fbfcfe!important;
  color:#909aaa!important;
  font-size:8px!important;
  font-weight:750!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}
body[data-route="tickets"] .support-desk-list-head-ticket-luxe{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
body[data-route="tickets"] .support-desk-list-head-ticket-luxe strong{
  color:#657287!important;
  font:inherit!important;
}
body[data-route="tickets"] .support-desk-list-head-ticket-luxe small{
  color:#a2acb9!important;
  font-size:7.5px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body[data-route="tickets"] .support-desk-list-luxe{
  overflow:hidden!important;
  background:#fff!important;
}
body[data-route="tickets"] .support-desk-ticket-luxe{
  position:relative!important;
  min-height:70px!important;
  padding:10px 14px 10px 16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 170px 28px!important;
  align-items:center!important;
  gap:14px!important;
  border-bottom:1px solid #edf1f5!important;
  background:#fff!important;
  transition:background .16s ease,box-shadow .16s ease!important;
}
body[data-route="tickets"] .support-desk-ticket-luxe:last-child{border-bottom:0!important}
body[data-route="tickets"] .support-desk-ticket-luxe:hover{
  z-index:1!important;
  background:linear-gradient(90deg,#fff 0%,#fbfcff 100%)!important;
  box-shadow:inset 2px 0 0 #d8e4f5!important;
}
body[data-route="tickets"] .support-desk-ticket-luxe.needs-reply{
  background:linear-gradient(90deg,#fffdf8 0%,#fff 20%)!important;
}
body[data-route="tickets"] .support-desk-ticket-luxe.needs-reply::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:18px!important;
  bottom:18px!important;
  width:2px!important;
  border-radius:0 2px 2px 0!important;
  background:#d9a23a!important;
}
body[data-route="tickets"] .support-desk-ticket-luxe.needs-reply:hover{
  background:linear-gradient(90deg,#fffaf1 0%,#fcfdff 26%)!important;
}
body[data-route="tickets"] .support-desk-ticket-main-luxe{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  color:inherit!important;
  text-decoration:none!important;
}
body[data-route="tickets"] .support-desk-ticket-icon-luxe{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #e0e6ee!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#fafbfd 0%,#f3f6fa 100%)!important;
  color:#647b9b!important;
  box-shadow:0 3px 8px rgba(25,42,70,.025)!important;
}
body[data-route="tickets"] .support-desk-ticket-icon-luxe i{font-size:14px!important}
body[data-route="tickets"] .support-desk-ticket-content-luxe{
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
}
body[data-route="tickets"] .support-desk-ticket-title-luxe{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
body[data-route="tickets"] .support-desk-ticket-title-luxe>strong{
  min-width:0!important;
  overflow:hidden!important;
  color:#17243a!important;
  font-size:12px!important;
  font-weight:760!important;
  line-height:1.25!important;
  letter-spacing:-.012em!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-ticket-main-luxe:hover .support-desk-ticket-title-luxe>strong{
  color:#244f91!important;
}
body[data-route="tickets"] .support-desk-ticket-status-luxe{
  flex:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#6d798b!important;
  font-size:8.4px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-ticket-status-luxe>i{
  width:5px!important;
  height:5px!important;
  flex:0 0 5px!important;
  border-radius:50%!important;
  background:#8995a4!important;
}
body[data-route="tickets"] .support-desk-ticket-status-luxe.attention{color:#8f681a!important}
body[data-route="tickets"] .support-desk-ticket-status-luxe.attention>i{background:#d7a139!important}
body[data-route="tickets"] .support-desk-ticket-status-luxe.answered{color:#287459!important}
body[data-route="tickets"] .support-desk-ticket-status-luxe.answered>i{background:#2b9b72!important}
body[data-route="tickets"] .support-desk-ticket-status-luxe.progress{color:#287187!important}
body[data-route="tickets"] .support-desk-ticket-status-luxe.progress>i{background:#2a8ca7!important}
body[data-route="tickets"] .support-desk-ticket-status-luxe.open{color:#526e9a!important}
body[data-route="tickets"] .support-desk-ticket-status-luxe.open>i{background:#617eae!important}
body[data-route="tickets"] .support-desk-ticket-status-luxe.closed{color:#7d8795!important}
body[data-route="tickets"] .support-desk-ticket-status-luxe.closed>i{background:#8e99a6!important}
body[data-route="tickets"] .support-desk-ticket-meta-luxe{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  overflow:hidden!important;
  color:#8c97a6!important;
  font-size:8.6px!important;
  font-weight:500!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-ticket-ref-luxe{
  flex:none!important;
  color:#607087!important;
  font-size:8.8px!important;
  font-weight:780!important;
  letter-spacing:.015em!important;
}
body[data-route="tickets"] .support-desk-ticket-separator-luxe{
  width:3px!important;
  height:3px!important;
  flex:0 0 3px!important;
  border-radius:50%!important;
  background:#c8d0da!important;
}
body[data-route="tickets"] .support-desk-ticket-service-luxe{
  min-width:0!important;
  max-width:190px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-ticket-service-luxe>i{
  flex:none!important;
  color:#8291a5!important;
  font-size:9px!important;
}
body[data-route="tickets"] .support-desk-ticket-priority-luxe{
  flex:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  font-size:8px!important;
  font-weight:700!important;
}
body[data-route="tickets"] .support-desk-ticket-priority-luxe>i{font-size:9px!important}
body[data-route="tickets"] .support-desk-ticket-priority-luxe.high{color:#a25f19!important}
body[data-route="tickets"] .support-desk-ticket-priority-luxe.urgent{color:#b64a54!important}
body[data-route="tickets"] .support-desk-activity-luxe{
  min-width:0!important;
  padding:0!important;
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
}
body[data-route="tickets"] .support-desk-activity-luxe strong{
  overflow:hidden!important;
  color:#4b596d!important;
  font-size:9px!important;
  font-weight:720!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-activity-luxe strong>span{
  color:#8f99a8!important;
  font-size:8.2px!important;
  font-weight:550!important;
}
body[data-route="tickets"] .support-desk-activity-luxe small{
  margin:0!important;
  overflow:hidden!important;
  color:#9ca5b2!important;
  font-size:7.9px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-open-luxe{
  width:26px!important;
  height:26px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#a5aeba!important;
  box-shadow:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
body[data-route="tickets"] .support-desk-open-luxe i{font-size:15px!important}
body[data-route="tickets"] .support-desk-ticket-luxe:hover .support-desk-open-luxe{
  border-color:#e1e7ee!important;
  background:#fff!important;
  color:#45679a!important;
  transform:translateX(1px)!important;
}
@media(max-width:1040px){
  body[data-route="tickets"] .support-desk-list-head-luxe,
  body[data-route="tickets"] .support-desk-ticket-luxe{
    grid-template-columns:minmax(0,1fr) 145px 28px!important;
    gap:12px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-service-luxe{max-width:130px!important}
}
@media(max-width:820px){
  body[data-route="tickets"] .support-desk-list-head-luxe{display:none!important}
  body[data-route="tickets"] .support-desk-ticket-luxe{
    min-height:74px!important;
    padding:10px!important;
    grid-template-columns:minmax(0,1fr) 28px!important;
    gap:7px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-main-luxe{grid-template-columns:32px minmax(0,1fr)!important;gap:9px!important}
  body[data-route="tickets"] .support-desk-ticket-icon-luxe{width:30px!important;height:30px!important;border-radius:8px!important}
  body[data-route="tickets"] .support-desk-ticket-title-luxe{gap:7px!important}
  body[data-route="tickets"] .support-desk-ticket-title-luxe>strong{font-size:12px!important}
  body[data-route="tickets"] .support-desk-ticket-status-luxe{font-size:7.8px!important}
  body[data-route="tickets"] .support-desk-ticket-meta-luxe{font-size:7.7px!important;gap:5px!important}
  body[data-route="tickets"] .support-desk-ticket-service-luxe{max-width:110px!important}
  body[data-route="tickets"] .support-desk-activity-luxe{grid-column:1!important;padding-left:41px!important;display:flex!important;align-items:center!important;gap:5px!important;margin-top:1px!important}
  body[data-route="tickets"] .support-desk-activity-luxe strong{font-size:7.8px!important}
  body[data-route="tickets"] .support-desk-activity-luxe small{font-size:7.5px!important}
  body[data-route="tickets"] .support-desk-open-luxe{grid-column:2!important;grid-row:1/3!important;align-self:center!important}
}
@media(max-width:520px){
  body[data-route="tickets"] .support-desk-ticket-title-luxe{display:grid!important;gap:4px!important}
  body[data-route="tickets"] .support-desk-ticket-status-luxe{width:max-content!important}
  body[data-route="tickets"] .support-desk-ticket-service-luxe{max-width:85px!important}
  body[data-route="tickets"] .support-desk-ticket-meta-luxe>span:nth-of-type(n+4),
  body[data-route="tickets"] .support-desk-ticket-meta-luxe>i:nth-of-type(n+3){display:none!important}
}

/* =========================================================
   Tickets — liste premium/simple v4
   Scope strict : uniquement la page /support/tickets.
   ========================================================= */
body[data-route="tickets"] .support-desk-list-head-premium{
  min-height:40px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  border-bottom:1px solid #e9edf3!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%)!important;
}
body[data-route="tickets"] .support-desk-list-heading-premium{
  display:flex!important;
  align-items:baseline!important;
  gap:9px!important;
}
body[data-route="tickets"] .support-desk-list-heading-premium strong{
  color:#26354b!important;
  font-size:11.5px!important;
  font-weight:760!important;
  letter-spacing:-.01em!important;
}
body[data-route="tickets"] .support-desk-list-heading-premium small{
  color:#9aa4b2!important;
  font-size:9px!important;
  font-weight:550!important;
}
body[data-route="tickets"] .support-desk-list-premium{
  overflow:hidden!important;
  background:#fff!important;
}
body[data-route="tickets"] .support-desk-ticket-premium{
  position:relative!important;
  min-height:84px!important;
  padding:13px 14px 13px 18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 164px 30px!important;
  align-items:center!important;
  gap:16px!important;
  border-bottom:1px solid #edf1f5!important;
  background:#fff!important;
  transition:background .18s ease,box-shadow .18s ease!important;
}
body[data-route="tickets"] .support-desk-ticket-premium:last-child{border-bottom:0!important}
body[data-route="tickets"] .support-desk-ticket-premium:hover{
  z-index:1!important;
  background:linear-gradient(90deg,#ffffff 0%,#fbfcff 60%,#f8faff 100%)!important;
  box-shadow:inset 3px 0 0 #dbe5f5!important;
}
body[data-route="tickets"] .support-desk-ticket-premium.needs-reply{
  background:linear-gradient(90deg,#fffdf8 0%,#fff 23%)!important;
}
body[data-route="tickets"] .support-desk-ticket-premium.needs-reply::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:20px!important;
  bottom:20px!important;
  width:2px!important;
  border-radius:0 2px 2px 0!important;
  background:#dca33c!important;
}
body[data-route="tickets"] .support-desk-ticket-premium.needs-reply:hover{
  background:linear-gradient(90deg,#fffaf1 0%,#fcfdff 34%,#f8faff 100%)!important;
}
body[data-route="tickets"] .support-desk-ticket-main-premium{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  color:inherit!important;
  text-decoration:none!important;
}
body[data-route="tickets"] .support-desk-ticket-icon-premium{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #e1e7ef!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#fbfcfe 0%,#f3f6fa 100%)!important;
  color:#60799d!important;
  box-shadow:0 4px 12px rgba(28,46,75,.035)!important;
  transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease!important;
}
body[data-route="tickets"] .support-desk-ticket-icon-premium i{font-size:16px!important}
body[data-route="tickets"] .support-desk-ticket-premium:hover .support-desk-ticket-icon-premium{
  border-color:#d5e0ee!important;
  background:#fff!important;
  color:#416795!important;
  transform:translateY(-1px)!important;
}
body[data-route="tickets"] .support-desk-ticket-content-premium{
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
}
body[data-route="tickets"] .support-desk-ticket-context-premium{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  overflow:hidden!important;
  color:#929dab!important;
  font-size:9px!important;
  font-weight:540!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-ticket-context-premium>strong{
  flex:none!important;
  color:#68778c!important;
  font-size:9.2px!important;
  font-weight:780!important;
  letter-spacing:.02em!important;
}
body[data-route="tickets"] .support-desk-ticket-context-premium>span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body[data-route="tickets"] .support-desk-ticket-context-premium>span+span::before{
  content:"·"!important;
  margin-right:7px!important;
  color:#c1c8d1!important;
}
body[data-route="tickets"] .support-desk-ticket-service-premium{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  max-width:210px!important;
}
body[data-route="tickets"] .support-desk-ticket-service-premium>i{
  flex:none!important;
  color:#8392a5!important;
  font-size:12px!important;
}
body[data-route="tickets"] .support-desk-ticket-subject-premium{
  min-width:0!important;
  overflow:hidden!important;
  color:#17253a!important;
  font-size:13.5px!important;
  font-weight:760!important;
  line-height:1.28!important;
  letter-spacing:-.016em!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  transition:color .18s ease!important;
}
body[data-route="tickets"] .support-desk-ticket-main-premium:hover .support-desk-ticket-subject-premium{color:#244f8e!important}
body[data-route="tickets"] .support-desk-ticket-foot-premium{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:14px!important;
}
body[data-route="tickets"] .support-desk-ticket-status-premium{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#748092!important;
  font-size:9px!important;
  font-weight:650!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-ticket-status-premium>i{
  width:6px!important;
  height:6px!important;
  flex:0 0 6px!important;
  border-radius:50%!important;
  background:#97a2af!important;
  box-shadow:0 0 0 3px rgba(151,162,175,.10)!important;
}
body[data-route="tickets"] .support-desk-ticket-status-premium.attention{color:#8c681c!important}
body[data-route="tickets"] .support-desk-ticket-status-premium.attention>i{background:#d9a13a!important;box-shadow:0 0 0 3px rgba(217,161,58,.11)!important}
body[data-route="tickets"] .support-desk-ticket-status-premium.answered{color:#277257!important}
body[data-route="tickets"] .support-desk-ticket-status-premium.answered>i{background:#2a9b70!important;box-shadow:0 0 0 3px rgba(42,155,112,.10)!important}
body[data-route="tickets"] .support-desk-ticket-status-premium.progress{color:#287086!important}
body[data-route="tickets"] .support-desk-ticket-status-premium.progress>i{background:#2a8da7!important;box-shadow:0 0 0 3px rgba(42,141,167,.10)!important}
body[data-route="tickets"] .support-desk-ticket-status-premium.open{color:#526c96!important}
body[data-route="tickets"] .support-desk-ticket-status-premium.open>i{background:#607eae!important;box-shadow:0 0 0 3px rgba(96,126,174,.10)!important}
body[data-route="tickets"] .support-desk-ticket-status-premium.closed{color:#7d8794!important}
body[data-route="tickets"] .support-desk-ticket-status-premium.closed>i{background:#939da9!important;box-shadow:0 0 0 3px rgba(147,157,169,.09)!important}
body[data-route="tickets"] .support-desk-ticket-priority-premium{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  font-size:8.5px!important;
  font-weight:680!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-ticket-priority-premium i{font-size:10px!important}
body[data-route="tickets"] .support-desk-ticket-priority-premium.high{color:#9e641f!important}
body[data-route="tickets"] .support-desk-ticket-priority-premium.urgent{color:#b14b55!important}
body[data-route="tickets"] .support-desk-activity-premium{
  min-width:0!important;
  min-height:48px!important;
  padding-left:17px!important;
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
  border-left:1px solid #edf1f5!important;
}
body[data-route="tickets"] .support-desk-activity-premium>small{
  margin:0!important;
  color:#a0a9b5!important;
  font-size:7.6px!important;
  font-weight:700!important;
  letter-spacing:.055em!important;
  line-height:1.1!important;
  text-transform:uppercase!important;
}
body[data-route="tickets"] .support-desk-activity-premium>strong{
  overflow:hidden!important;
  color:#46556a!important;
  font-size:12px!important;
  font-weight:720!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-activity-premium>span{
  overflow:hidden!important;
  color:#929ca9!important;
  font-size:8.4px!important;
  font-weight:520!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-open-premium{
  width:24px!important;
  height:24px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#a3acb8!important;
  box-shadow:none!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
body[data-route="tickets"] .support-desk-open-premium i{font-size:16px!important}
body[data-route="tickets"] .support-desk-ticket-premium:hover .support-desk-open-premium{
  border-color:#dfe6ef!important;
  background:#fff!important;
  color:#456995!important;
  transform:translateX(2px)!important;
}

@media(max-width:1040px){
  body[data-route="tickets"] .support-desk-ticket-premium{grid-template-columns:minmax(0,1fr) 142px 28px!important;gap:13px!important}
  body[data-route="tickets"] .support-desk-ticket-service-premium{max-width:140px!important}
  body[data-route="tickets"] .support-desk-activity-premium{padding-left:13px!important}
}
@media(max-width:820px){
  body[data-route="tickets"] .support-desk-list-head-premium{min-height:40px!important;padding:0 12px!important}
  body[data-route="tickets"] .support-desk-ticket-premium{
    min-height:88px!important;
    padding:12px!important;
    grid-template-columns:minmax(0,1fr) 28px!important;
    gap:7px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-main-premium{grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important}
  body[data-route="tickets"] .support-desk-ticket-icon-premium{width:32px!important;height:32px!important;border-radius:9px!important}
  body[data-route="tickets"] .support-desk-ticket-subject-premium{font-size:12.5px!important}
  body[data-route="tickets"] .support-desk-ticket-context-premium{font-size:8.3px!important}
  body[data-route="tickets"] .support-desk-activity-premium{
    grid-column:1!important;
    min-height:0!important;
    margin-top:2px!important;
    padding:0 0 0 44px!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    border-left:0!important;
  }
  body[data-route="tickets"] .support-desk-activity-premium>small{display:none!important}
  body[data-route="tickets"] .support-desk-activity-premium>strong{font-size:8.2px!important}
  body[data-route="tickets"] .support-desk-activity-premium>span{font-size:8px!important}
  body[data-route="tickets"] .support-desk-open-premium{grid-column:2!important;grid-row:1/3!important;align-self:center!important}
}
@media(max-width:520px){
  body[data-route="tickets"] .support-desk-list-heading-premium strong{font-size:11px!important}
  body[data-route="tickets"] .support-desk-ticket-context-premium{gap:5px!important}
  body[data-route="tickets"] .support-desk-ticket-context-premium>span:nth-of-type(n+2){display:none!important}
  body[data-route="tickets"] .support-desk-ticket-foot-premium{gap:8px!important}
  body[data-route="tickets"] .support-desk-ticket-status-premium{font-size:8.4px!important}
}

/* Tickets — hero en 2 colonnes + carte aperçu à droite */
body[data-route="tickets"] .support-desk-hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr)!important;
  gap:16px!important;
  align-items:stretch!important;
  margin:0 0 14px!important;
}
body[data-route="tickets"] .support-desk-hero-grid .support-desk-banner{
  margin:0!important;
  min-height:100%!important;
}
body[data-route="tickets"] .support-desk-overview{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-width:0!important;
  padding:14px!important;
  border:1px solid #dbe5f4!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%)!important;
  box-shadow:0 14px 30px rgba(50,76,126,.07)!important;
}
body[data-route="tickets"] .support-desk-overview-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}
body[data-route="tickets"] .support-desk-overview-title{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
body[data-route="tickets"] .support-desk-overview-icon{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  border:1px solid #e0e8f5!important;
  background:linear-gradient(180deg,#f7f9ff 0%,#edf2ff 100%)!important;
  color:#2e66dc!important;
  box-shadow:0 8px 20px rgba(46,102,220,.08)!important;
}
body[data-route="tickets"] .support-desk-overview-icon i{
  font-size:20px!important;
}
body[data-route="tickets"] .support-desk-overview-title strong{
  display:block!important;
  color:#11203d!important;
  font-size:22px!important;
  line-height:1.12!important;
  letter-spacing:-.03em!important;
  font-weight:800!important;
}
body[data-route="tickets"] .support-desk-overview-total{
  flex:0 0 auto!important;
  text-align:right!important;
  padding-top:2px!important;
}
body[data-route="tickets"] .support-desk-overview-total small{
  display:block!important;
  margin:0 0 4px!important;
  color:#8b97aa!important;
  font-size:12px!important;
  font-weight:700!important;
}
body[data-route="tickets"] .support-desk-overview-total strong{
  display:block!important;
  color:#15264a!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:800!important;
}
body[data-route="tickets"] .support-desk-overview-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
body[data-route="tickets"] .support-desk-overview-stat{
  min-width:0!important;
  min-height:88px!important;
  padding:14px 14px 12px!important;
  border:1px solid #edf1f7!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fbfcff 0%,#f7f9fc 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
body[data-route="tickets"] .support-desk-overview-dot{
  width:7px!important;
  height:7px!important;
  display:block!important;
  border-radius:50%!important;
  margin:0 0 12px!important;
  box-shadow:0 0 0 4px rgba(0,0,0,.03)!important;
}
body[data-route="tickets"] .support-desk-overview-stat small{
  display:block!important;
  color:#6f7d92!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.25!important;
}
body[data-route="tickets"] .support-desk-overview-stat strong{
  display:block!important;
  margin-top:8px!important;
  color:#16284b!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
}
body[data-route="tickets"] .support-desk-overview-stat.is-open .support-desk-overview-dot{background:#49b24b!important}
body[data-route="tickets"] .support-desk-overview-stat.is-progress .support-desk-overview-dot{background:#4e79f7!important}
body[data-route="tickets"] .support-desk-overview-stat.is-resolved .support-desk-overview-dot{background:#7a869c!important}
body[data-route="tickets"] .support-desk-overview-stat.is-closed .support-desk-overview-dot{background:#f25d7d!important}

@media(max-width:1200px){
  body[data-route="tickets"] .support-desk-hero-grid{
    grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr)!important;
  }
  body[data-route="tickets"] .support-desk-overview-title strong{font-size:21px!important}
  body[data-route="tickets"] .support-desk-overview-total strong{font-size:25px!important}
  body[data-route="tickets"] .support-desk-overview-stat strong{font-size:30px!important}
}
@media(max-width:980px){
  body[data-route="tickets"] .support-desk-hero-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:680px){
  body[data-route="tickets"] .support-desk-overview{
    padding:14px!important;
    border-radius:18px!important;
  }
  body[data-route="tickets"] .support-desk-overview-icon{
    width:40px!important;
    height:40px!important;
    flex-basis:44px!important;
  }
  body[data-route="tickets"] .support-desk-overview-title strong{
    font-size:18px!important;
  }
  body[data-route="tickets"] .support-desk-overview-total strong{
    font-size:22px!important;
  }
  body[data-route="tickets"] .support-desk-overview-grid{
    gap:7px!important;
  }
  body[data-route="tickets"] .support-desk-overview-stat{
    min-height:78px!important;
    padding:12px!important;
    border-radius:12px!important;
  }
  body[data-route="tickets"] .support-desk-overview-dot{
    margin-bottom:10px!important;
  }
  body[data-route="tickets"] .support-desk-overview-stat small{
    font-size:12px!important;
  }
  body[data-route="tickets"] .support-desk-overview-stat strong{
    font-size:28px!important;
  }
}
@media(max-width:460px){
  body[data-route="tickets"] .support-desk-overview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-route="tickets"] .support-desk-overview-head{
    align-items:center!important;
  }
  body[data-route="tickets"] .support-desk-overview-title{
    gap:10px!important;
  }
  body[data-route="tickets"] .support-desk-overview-title strong{
    font-size:18px!important;
  }
  body[data-route="tickets"] .support-desk-overview-total small{font-size:11px!important}
  body[data-route="tickets"] .support-desk-overview-total strong{font-size:22px!important}
  body[data-route="tickets"] .support-desk-overview-stat small{font-size:12px!important}
  body[data-route="tickets"] .support-desk-overview-stat strong{font-size:24px!important}
}

/* Tickets — liste + aperçu côte à côte */
body[data-route="tickets"] .support-desk-hero-grid{
  display:block!important;
  margin:0!important;
}
body[data-route="tickets"] .support-desk-banner{
  margin:0 0 14px!important;
}
body[data-route="tickets"] .support-desk-content-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 268px!important;
  gap:6px!important;
  align-items:start!important;
}
body[data-route="tickets"] .support-desk-content-grid > .support-desk-panel,
body[data-route="tickets"] .support-desk-content-grid > .support-desk-first-ticket{
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}
body[data-route="tickets"] .support-desk-content-grid > .support-desk-overview{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  align-self:start!important;
}

/* La colonne tickets reste lisible même avec la card à droite */
body[data-route="tickets"] .support-desk-content-grid .support-desk-toolbar{
  grid-template-columns:1fr!important;
  align-items:stretch!important;
  gap:11px!important;
  padding:12px 14px!important;
}
body[data-route="tickets"] .support-desk-content-grid .support-desk-filters{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
}
body[data-route="tickets"] .support-desk-content-grid .support-desk-filters > label{
  min-width:0!important;
}
body[data-route="tickets"] .support-desk-content-grid .support-desk-filters .support-desk-select,
body[data-route="tickets"] .support-desk-content-grid .support-desk-filters select{
  width:100%!important;
  min-width:0!important;
}

/* Aperçu plus compact lorsqu'il est en colonne droite */
body[data-route="tickets"] .support-desk-content-grid .support-desk-overview{
  padding:14px!important;
  gap:12px!important;
  border-radius:18px!important;
}
body[data-route="tickets"] .support-desk-content-grid .support-desk-overview-icon{
  width:40px!important;
  height:40px!important;
  flex-basis:40px!important;
  border-radius:12px!important;
}
body[data-route="tickets"] .support-desk-content-grid .support-desk-overview-icon i{
  font-size:18px!important;
}
body[data-route="tickets"] .support-desk-content-grid .support-desk-overview-head{
  align-items:center!important;
  gap:12px!important;
}
body[data-route="tickets"] .support-desk-content-grid .support-desk-overview-title{
  gap:10px!important;
}
body[data-route="tickets"] .support-desk-content-grid .support-desk-overview-title strong{
  font-size:14px!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}
body[data-route="tickets"] .support-desk-content-grid .support-desk-overview-total small{
  margin-bottom:2px!important;
  font-size:12px!important;
}
body[data-route="tickets"] .support-desk-content-grid .support-desk-overview-total strong{
  font-size:20px!important;
}
body[data-route="tickets"] .support-desk-content-grid .support-desk-overview-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
body[data-route="tickets"] .support-desk-content-grid .support-desk-overview-stat{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  align-content:start!important;
  column-gap:7px!important;
  row-gap:5px!important;
  min-height:62px!important;
  padding:9px 8px!important;
  border-radius:12px!important;
}
body[data-route="tickets"] .support-desk-content-grid .support-desk-overview-dot{
  grid-column:1!important;
  width:8px!important;
  height:8px!important;
  margin:0!important;
  box-shadow:0 0 0 3px rgba(0,0,0,.025)!important;
}
body[data-route="tickets"] .support-desk-content-grid .support-desk-overview-stat small{
  grid-column:2!important;
  display:block!important;
  font-size:10px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-content-grid .support-desk-overview-stat strong{
  grid-column:1 / -1!important;
  margin-top:2px!important;
  font-size:18px!important;
}

@media(max-width:1180px){
  body[data-route="tickets"] .support-desk-content-grid{
    grid-template-columns:minmax(0,1fr) 268px!important;
  }
}
@media(max-width:980px){
  body[data-route="tickets"] .support-desk-content-grid{
    grid-template-columns:1fr!important;
  }
  body[data-route="tickets"] .support-desk-content-grid .support-desk-overview{
    order:2!important;
  }
}
@media(max-width:680px){
  body[data-route="tickets"] .support-desk-content-grid .support-desk-filters{
    grid-template-columns:1fr!important;
  }
}

/* Tickets overview card - chart layout */
body[data-route="tickets"] .support-desk-content-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 268px!important;
  gap:6px!important;
  align-items:start!important;
}
body[data-route="tickets"] .support-desk-overview--chart{
  position:relative!important;
  padding:10px 8px 10px!important;
  border-radius:18px!important;
  border:1px solid #dfe7f3!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(16,43,98,.06)!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:6px!important;
  margin:0 0 8px!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-title-wrap{
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  min-width:0!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-icon{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#2f6bff!important;
  background:linear-gradient(180deg,#edf3ff 0%,#e8f0ff 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(47,107,255,.08)!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-icon i{
  font-size:18px!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-title-copy{
  min-width:0!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-title-copy strong{
  display:block!important;
  margin:0 0 1px!important;
  color:#102b62!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-title-copy p{
  margin:0!important;
  color:#7486a7!important;
  font-size:10px!important;
  line-height:1.25!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-arrow{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:20px!important;
  height:20px!important;
  border-radius:7px!important;
  color:#97a5bf!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-arrow i{
  font-size:15px!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-body{
  display:grid!important;
  grid-template-columns:84px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-donut-block{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-donut{
  position:relative!important;
  width:68px!important;
  aspect-ratio:1 / 1!important;
  border-radius:50%!important;
  background:var(--overview-chart)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-donut::before{
  content:""!important;
  position:absolute!important;
  inset:6px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 0 0 5px rgba(232,237,246,.92) inset!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-donut-center{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-donut-center strong{
  display:block!important;
  color:#102b62!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:800!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-donut-center small{
  display:block!important;
  margin-top:2px!important;
  color:#8b99b2!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:700!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-list{
  min-width:0!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-list-row{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:5px!important;
  padding:5px 0!important;
  border-bottom:1px solid #e9eef6!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-list-row:first-child{
  padding-top:1px!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-list-row:last-child{
  border-bottom:none!important;
  padding-bottom:1px!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-dot{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  margin:0!important;
  box-shadow:none!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-list-row small{
  color:#6f809d!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-list-row strong{
  color:#102b62!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-list-row.is-open .support-desk-overview-dot{background:#2f6bff!important}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-list-row.is-progress .support-desk-overview-dot{background:#f3b428!important}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-list-row.is-resolved .support-desk-overview-dot{background:#43c174!important}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-list-row.is-closed .support-desk-overview-dot{background:#aeb7c8!important}
@media (max-width: 1250px){
  body[data-route="tickets"] .support-desk-content-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}
@media (max-width: 640px){
  body[data-route="tickets"] .support-desk-overview--chart{
    padding:12px!important;
  }
  body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-body{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-donut{
    width:84px!important;
  }
}





/* Tickets — réponse reçue : clignotement visible de l'icône support */
@keyframes support-ticket-reply-blink-visible{
  0%,42%{
    opacity:1;
    color:#2f6bff;
    transform:scale(1);
    filter:drop-shadow(0 0 0 rgba(47,107,255,0));
  }
  50%,92%{
    opacity:.12;
    color:#7ea4ff;
    transform:scale(.90);
    filter:drop-shadow(0 0 7px rgba(47,107,255,.45));
  }
  100%{
    opacity:1;
    color:#2f6bff;
    transform:scale(1);
    filter:drop-shadow(0 0 0 rgba(47,107,255,0));
  }
}
body[data-route="tickets"] .support-desk-ticket[data-ticket-status="answered"] .support-desk-ticket-icon-premium i.bx-support{
  display:inline-block!important;
  color:#2f6bff!important;
  animation:support-ticket-reply-blink-visible .82s steps(1,end) infinite!important;
  transform-origin:center!important;
  will-change:opacity,transform,filter!important;
}
body[data-route="tickets"] .support-desk-ticket[data-ticket-status="answered"] .support-desk-ticket-icon-premium:has(i.bx-support){
  border-color:rgba(47,107,255,.20)!important;
  background:linear-gradient(180deg,#f1f5ff 0%,#e8efff 100%)!important;
}

/* Tickets — les filtres doivent réellement masquer les lignes non correspondantes */
body[data-route="tickets"] .support-desk-ticket[hidden],
body[data-route="tickets"] .support-desk-ticket-premium[hidden],
body[data-route="tickets"] [data-ticket-row][hidden]{
  display:none!important;
}


/* Support tickets — compact premium no-result state */
.support-desk-no-result{
  min-height: 0;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 22px 16px 18px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.support-desk-no-result > span{
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: linear-gradient(180deg,#f3f6fb 0%,#edf2f8 100%);
  color: #2e5ca8;
  font-size: 24px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
.support-desk-no-result h2{
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.2;
}
.support-desk-no-result p{
  max-width: 250px;
  margin: 7px 0 0;
  font-size: 12.5px;
  line-height: 1.55;
  color: #7b889b;
}
.support-desk-no-result button{
  min-height: 34px;
  margin-top: 14px;
  padding: 0 14px;
  border-radius: 10px;
  background: linear-gradient(135deg,#2143a7 0%,#2d56cf 100%);
  box-shadow: 0 12px 24px rgba(38,77,183,.18);
  font-size: 12px;
  font-weight: 700;
}
.support-desk-no-result button:hover{
  filter: brightness(1.02);
}
@media (max-width: 640px){
  .support-desk-no-result{
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 20px 14px 16px;
    border-radius: 0;
  }
}


/* Réponse reçue — l’icône principale clignote quel que soit le département */
@keyframes ticket-answered-main-icon-blink{
  0%,42%,100%{
    opacity:1;
    transform:scale(1);
    filter:drop-shadow(0 0 0 rgba(47,107,255,0));
  }
  50%,90%{
    opacity:.18;
    transform:scale(.90);
    filter:drop-shadow(0 0 7px rgba(47,107,255,.35));
  }
}
body[data-route="tickets"] .support-desk-ticket[data-ticket-status="answered"] .support-desk-ticket-icon-premium > i,
body[data-route="ticket"] .ticket-view[data-ticket-status="answered"] .ticket-view-title-icon > i{
  display:inline-block!important;
  animation:ticket-answered-main-icon-blink .82s steps(1,end) infinite!important;
  transform-origin:center!important;
  will-change:opacity,transform,filter!important;
}

/* Tickets — colonne droite avec FAQ */
body[data-route="tickets"] .support-desk-side-stack{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  align-self:start!important;
  display:grid!important;
  gap:10px!important;
}
body[data-route="tickets"] .support-desk-faq{
  position:relative!important;
  padding:12px 12px 8px!important;
  border-radius:20px!important;
  border:1px solid #e1e8f3!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(16,43,98,.06)!important;
}
body[data-route="tickets"] .support-desk-faq-head{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 10px!important;
}
body[data-route="tickets"] .support-desk-faq-head-icon,
body[data-route="tickets"] .support-desk-faq-item-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  color:#9a57ff!important;
  background:linear-gradient(180deg,#f5ebff 0%,#f1e5ff 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(154,87,255,.15)!important;
}
body[data-route="tickets"] .support-desk-faq-head-icon{
  width:40px!important;
  height:40px!important;
  border-radius:13px!important;
}
body[data-route="tickets"] .support-desk-faq-head-icon i{
  font-size:20px!important;
}
body[data-route="tickets"] .support-desk-faq-head strong{
  margin:0!important;
  color:#1f2633!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
body[data-route="tickets"] .support-desk-faq-list{
  display:block!important;
}
body[data-route="tickets"] .support-desk-faq-item{
  border-top:1px solid #edf1f7!important;
}
body[data-route="tickets"] .support-desk-faq-item:first-child{
  border-top:none!important;
}
body[data-route="tickets"] .support-desk-faq-item summary{
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 0!important;
  cursor:pointer!important;
  user-select:none!important;
}
body[data-route="tickets"] .support-desk-faq-item summary::-webkit-details-marker{
  display:none!important;
}
body[data-route="tickets"] .support-desk-faq-item-icon{
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
}
body[data-route="tickets"] .support-desk-faq-item-icon i{
  font-size:16px!important;
}
body[data-route="tickets"] .support-desk-faq-item-question{
  min-width:0!important;
  flex:1 1 auto!important;
  color:#252d3a!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:700!important;
}
body[data-route="tickets"] .support-desk-faq-item-arrow{
  color:#697892!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  transition:transform .2s ease!important;
}
body[data-route="tickets"] .support-desk-faq-item[open] .support-desk-faq-item-arrow{
  transform:rotate(180deg)!important;
}
body[data-route="tickets"] .support-desk-faq-item-answer{
  padding:0 0 12px 40px!important;
}
body[data-route="tickets"] .support-desk-faq-item-answer p{
  margin:0!important;
  color:#6c7b95!important;
  font-size:13px!important;
  line-height:1.7!important;
}
@media(max-width:980px){
  body[data-route="tickets"] .support-desk-side-stack{
    order:2!important;
  }
}
@media(max-width:640px){
  body[data-route="tickets"] .support-desk-faq{
    padding:12px 10px 6px!important;
  }
  body[data-route="tickets"] .support-desk-faq-item-question{
    font-size:13px!important;
  }
  body[data-route="tickets"] .support-desk-faq-item-answer{
    padding-left:0!important;
  }
}

/* FAQ tickets — version plus compacte */
body[data-route="tickets"] .support-desk-faq{
  padding:10px 10px 4px!important;
  border-radius:18px!important;
  box-shadow:0 10px 24px rgba(16,43,98,.05)!important;
}
body[data-route="tickets"] .support-desk-faq-head{
  gap:8px!important;
  margin:0 0 6px!important;
}
body[data-route="tickets"] .support-desk-faq-head-icon{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
}
body[data-route="tickets"] .support-desk-faq-head-icon i{
  font-size:17px!important;
}
body[data-route="tickets"] .support-desk-faq-head strong{
  font-size:15px!important;
}
body[data-route="tickets"] .support-desk-faq-item summary{
  gap:10px!important;
  padding:10px 0!important;
}
body[data-route="tickets"] .support-desk-faq-item-icon{
  width:24px!important;
  height:24px!important;
  border-radius:8px!important;
}
body[data-route="tickets"] .support-desk-faq-item-icon i{
  font-size:14px!important;
}
body[data-route="tickets"] .support-desk-faq-item-question{
  font-size:13px!important;
  font-weight:700!important;
}
body[data-route="tickets"] .support-desk-faq-item-arrow i{
  font-size:18px!important;
}
body[data-route="tickets"] .support-desk-faq-item-answer{
  padding:0 0 10px 34px!important;
}
body[data-route="tickets"] .support-desk-faq-item-answer p{
  font-size:12px!important;
  line-height:1.55!important;
}
@media(max-width:640px){
  body[data-route="tickets"] .support-desk-faq{
    padding:9px 9px 4px!important;
  }
  body[data-route="tickets"] .support-desk-faq-head strong{
    font-size:14px!important;
  }
}

/* FAQ tickets — palette sobre et typographie allégée */
body[data-route="tickets"] .support-desk-faq{
  border-color:#e5eaf2!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(21,45,86,.045)!important;
}
body[data-route="tickets"] .support-desk-faq-head-icon,
body[data-route="tickets"] .support-desk-faq-item-icon{
  color:#5675a8!important;
  background:#f3f6fa!important;
  box-shadow:inset 0 0 0 1px #e5eaf2!important;
}
body[data-route="tickets"] .support-desk-faq-head strong{
  color:#53627a!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
}
body[data-route="tickets"] .support-desk-faq-item{
  border-top-color:#eef1f5!important;
}
body[data-route="tickets"] .support-desk-faq-item-question{
  color:#4b596f!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.35!important;
}
body[data-route="tickets"] .support-desk-faq-item-arrow{
  color:#8a97aa!important;
}
body[data-route="tickets"] .support-desk-faq-item-answer p{
  color:#7f8b9d!important;
  font-size:11.5px!important;
  line-height:1.5!important;
}

/* Tickets — cards Aperçu des tickets + Besoin d'aide moins arrondies */
body[data-route="tickets"] .support-desk-overview--chart,
body[data-route="tickets"] .support-desk-faq{
  border-radius:8px!important;
}


/* Tickets — cards Aperçu des tickets + Besoin d'aide encore moins arrondies */
body[data-route="tickets"] .support-desk-overview,
body[data-route="tickets"] .support-desk-overview--chart,
body[data-route="tickets"] .support-desk-content-grid > .support-desk-overview,
body[data-route="tickets"] .support-desk-content-grid .support-desk-overview,
body[data-route="tickets"] .support-desk-faq{
  border-radius:6px!important;
}
body[data-route="tickets"] .support-desk-overview--chart .support-desk-overview-icon{
  border-radius:9px!important;
}
body[data-route="tickets"] .support-desk-faq-head-icon{
  border-radius:9px!important;
}
body[data-route="tickets"] .support-desk-faq-item-icon{
  border-radius:6px!important;
}


/* Tickets — hiérarchie premium renforcée pour la liste des tickets */
body[data-route="tickets"] .support-desk-list-premium{
  border-top:1px solid #edf1f6!important;
}
body[data-route="tickets"] .support-desk-ticket-premium{
  min-height:92px!important;
  padding:16px 18px!important;
  grid-template-columns:minmax(0,1fr) 188px 28px!important;
  gap:20px!important;
}
body[data-route="tickets"] .support-desk-ticket-main-premium{
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:flex-start!important;
  gap:14px!important;
}
body[data-route="tickets"] .support-desk-ticket-icon-premium{
  width:44px!important;
  height:44px!important;
  border-radius:10px!important;
  margin-top:1px!important;
  background:linear-gradient(180deg,#f9fbff 0%,#eff4fb 100%)!important;
  color:#5a7397!important;
}
body[data-route="tickets"] .support-desk-ticket-icon-premium i{
  font-size:18px!important;
}
body[data-route="tickets"] .support-desk-ticket-content-premium{
  gap:7px!important;
}
body[data-route="tickets"] .support-desk-ticket-context-premium{
  gap:8px!important;
  color:#98a3b1!important;
  font-size:10px!important;
  font-weight:560!important;
}
body[data-route="tickets"] .support-desk-ticket-context-premium>strong{
  color:#6c7d93!important;
  font-size:10px!important;
  font-weight:790!important;
  letter-spacing:.015em!important;
}
body[data-route="tickets"] .support-desk-ticket-context-premium>span+span::before{
  margin-right:8px!important;
}
body[data-route="tickets"] .support-desk-ticket-subject-premium{
  color:#12213b!important;
  font-size:16px!important;
  font-weight:780!important;
  line-height:1.22!important;
  letter-spacing:-.022em!important;
}
body[data-route="tickets"] .support-desk-ticket-foot-premium{
  gap:10px!important;
  min-height:auto!important;
}
body[data-route="tickets"] .support-desk-ticket-status-premium,
body[data-route="tickets"] .support-desk-ticket-priority-premium{
  min-height:24px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#f6f8fb!important;
}
body[data-route="tickets"] .support-desk-ticket-status-premium{
  gap:7px!important;
  font-size:9.5px!important;
  font-weight:700!important;
}
body[data-route="tickets"] .support-desk-ticket-status-premium>i{
  width:6px!important;
  height:6px!important;
  flex:0 0 6px!important;
  box-shadow:none!important;
}
body[data-route="tickets"] .support-desk-ticket-status-premium.attention{background:#fff6e7!important;color:#996819!important}
body[data-route="tickets"] .support-desk-ticket-status-premium.answered{background:#edf9f2!important;color:#277257!important}
body[data-route="tickets"] .support-desk-ticket-status-premium.progress{background:#eef8fb!important;color:#287086!important}
body[data-route="tickets"] .support-desk-ticket-status-premium.open{background:#eff4fb!important;color:#526c96!important}
body[data-route="tickets"] .support-desk-ticket-status-premium.closed{background:#f3f5f8!important;color:#788392!important}
body[data-route="tickets"] .support-desk-ticket-priority-premium{
  gap:5px!important;
  font-size:8.8px!important;
  font-weight:700!important;
  background:#fff7f0!important;
}
body[data-route="tickets"] .support-desk-ticket-priority-premium.high{color:#9e641f!important;background:#fff4e7!important}
body[data-route="tickets"] .support-desk-ticket-priority-premium.urgent{color:#b14b55!important;background:#fff0f2!important}
body[data-route="tickets"] .support-desk-activity-premium{
  min-height:56px!important;
  padding-left:18px!important;
  gap:4px!important;
  border-left:1px solid #e9eef5!important;
}
body[data-route="tickets"] .support-desk-activity-premium>small{
  color:#a3acb8!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}
body[data-route="tickets"] .support-desk-activity-premium>strong{
  color:#2f4058!important;
  font-size:13px!important;
  font-weight:760!important;
}
body[data-route="tickets"] .support-desk-activity-premium>span{
  color:#8f9aa9!important;
  font-size:9px!important;
  font-weight:560!important;
}
body[data-route="tickets"] .support-desk-open-premium{
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
}
body[data-route="tickets"] .support-desk-open-premium i{
  font-size:18px!important;
}
body[data-route="tickets"] .support-desk-ticket-premium:hover .support-desk-open-premium{
  background:#f9fbff!important;
}

@media(max-width:1040px){
  body[data-route="tickets"] .support-desk-ticket-premium{
    grid-template-columns:minmax(0,1fr) 164px 28px!important;
    gap:16px!important;
  }
}
@media(max-width:820px){
  body[data-route="tickets"] .support-desk-ticket-premium{
    min-height:90px!important;
    padding:14px 12px!important;
    grid-template-columns:minmax(0,1fr) 28px!important;
    gap:8px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-main-premium{
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:12px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-icon-premium{
    width:40px!important;
    height:40px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-subject-premium{
    font-size:14px!important;
  }
  body[data-route="tickets"] .support-desk-activity-premium{
    padding-left:52px!important;
  }
}
@media(max-width:520px){
  body[data-route="tickets"] .support-desk-ticket-context-premium{
    font-size:9.2px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-subject-premium{
    font-size:13.5px!important;
  }
}


/* Tickets — hiérarchie premium v6 : plus compacte et plus premium */
body[data-route="tickets"] .support-desk-ticket-premium{
  min-height:80px!important;
  padding:12px 14px!important;
  grid-template-columns:minmax(0,1fr) 170px 26px!important;
  gap:14px!important;
  align-items:center!important;
}
body[data-route="tickets"] .support-desk-ticket-main-premium{
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:12px!important;
}
body[data-route="tickets"] .support-desk-ticket-icon-premium{
  width:42px!important;
  height:42px!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#fbfcff 0%,#f1f5fb 100%)!important;
}
body[data-route="tickets"] .support-desk-ticket-icon-premium i{
  font-size:17px!important;
}
body[data-route="tickets"] .support-desk-ticket-content-premium{
  gap:5px!important;
}
body[data-route="tickets"] .support-desk-ticket-context-premium{
  gap:7px!important;
  color:#9aa5b4!important;
  font-size:9.2px!important;
  font-weight:600!important;
  line-height:1.15!important;
}
body[data-route="tickets"] .support-desk-ticket-context-premium>strong{
  color:#5f728a!important;
  font-size:9.4px!important;
  font-weight:800!important;
  letter-spacing:.025em!important;
}
body[data-route="tickets"] .support-desk-ticket-context-premium>span+span::before{
  margin-right:7px!important;
}
body[data-route="tickets"] .support-desk-ticket-service-premium{
  gap:4px!important;
  max-width:175px!important;
  color:#8593a5!important;
  font-size:9.2px!important;
}
body[data-route="tickets"] .support-desk-ticket-service-premium>i{
  font-size:11px!important;
  color:#90a0b4!important;
}
body[data-route="tickets"] .support-desk-ticket-subject-premium{
  color:#14233d!important;
  font-size:15px!important;
  font-weight:780!important;
  line-height:1.16!important;
  letter-spacing:-.02em!important;
}
body[data-route="tickets"] .support-desk-ticket-foot-premium{
  gap:8px!important;
}
body[data-route="tickets"] .support-desk-ticket-status-premium,
body[data-route="tickets"] .support-desk-ticket-priority-premium{
  min-height:21px!important;
  padding:0 9px!important;
}
body[data-route="tickets"] .support-desk-ticket-status-premium{
  gap:6px!important;
  font-size:8.7px!important;
  font-weight:750!important;
}
body[data-route="tickets"] .support-desk-ticket-status-premium>i{
  width:5px!important;
  height:5px!important;
  flex:0 0 5px!important;
}
body[data-route="tickets"] .support-desk-ticket-priority-premium{
  gap:4px!important;
  font-size:8.3px!important;
  font-weight:750!important;
}
body[data-route="tickets"] .support-desk-ticket-priority-premium i{
  font-size:10px!important;
}
body[data-route="tickets"] .support-desk-activity-premium{
  min-height:50px!important;
  padding-left:14px!important;
  gap:3px!important;
}
body[data-route="tickets"] .support-desk-activity-premium>small{
  font-size:7.6px!important;
  letter-spacing:.14em!important;
}
body[data-route="tickets"] .support-desk-activity-premium>strong{
  font-size:12px!important;
  line-height:1.15!important;
}
body[data-route="tickets"] .support-desk-activity-premium>span{
  font-size:8.6px!important;
  line-height:1.15!important;
}
body[data-route="tickets"] .support-desk-open-premium{
  width:26px!important;
  height:26px!important;
  border-radius:8px!important;
}
body[data-route="tickets"] .support-desk-open-premium i{
  font-size:17px!important;
}

@media(max-width:1040px){
  body[data-route="tickets"] .support-desk-ticket-premium{
    grid-template-columns:minmax(0,1fr) 154px 26px!important;
    gap:12px!important;
  }
}
@media(max-width:820px){
  body[data-route="tickets"] .support-desk-ticket-premium{
    min-height:78px!important;
    padding:12px 10px!important;
    grid-template-columns:minmax(0,1fr) 26px!important;
    gap:8px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-main-premium{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:10px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-icon-premium{
    width:38px!important;
    height:38px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-subject-premium{
    font-size:13.5px!important;
  }
  body[data-route="tickets"] .support-desk-activity-premium{
    padding-left:48px!important;
  }
}


/* Tickets — liste premium v7 inspirée de la référence */
body[data-route="tickets"] .support-desk-ticket-row-v7{
  min-height:92px!important;
  padding:12px 16px!important;
  border:1px solid #e7edf6!important;
  border-radius:14px!important;
  background:#fff!important;
  grid-template-columns:minmax(0,1fr) 148px 120px 116px!important;
  gap:14px!important;
  box-shadow:0 8px 24px rgba(15,23,42,.035)!important;
}
body[data-route="tickets"] .support-desk-ticket-row-v7 + .support-desk-ticket-row-v7{margin-top:10px!important}
body[data-route="tickets"] .support-desk-ticket-row-v7::before{display:none!important}
body[data-route="tickets"] .support-desk-ticket-row-v7:hover{
  transform:none!important;
  border-color:#dfe7f3!important;
  box-shadow:0 10px 26px rgba(15,23,42,.05)!important;
}
body[data-route="tickets"] .support-desk-ticket-main-v7{
  min-width:0!important;
  align-items:center!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:14px!important;
}
body[data-route="tickets"] .support-desk-ticket-avatar-v7{
  width:44px!important;height:44px!important;border-radius:50%!important;
  background:linear-gradient(180deg,#f6f9ff 0%,#edf3ff 100%)!important;
  border:1px solid #e1e8f5!important;color:#3a66d8!important;box-shadow:none!important;
}
body[data-route="tickets"] .support-desk-ticket-avatar-v7.open{color:#3b6ff0!important}
body[data-route="tickets"] .support-desk-ticket-avatar-v7.attention{color:#d18a00!important;background:linear-gradient(180deg,#fff9ed 0%,#fff3d9 100%)!important;border-color:#f6e1ad!important}
body[data-route="tickets"] .support-desk-ticket-avatar-v7.closed{color:#5f738f!important;background:linear-gradient(180deg,#f7f9fc 0%,#eef2f7 100%)!important}
body[data-route="tickets"] .support-desk-ticket-avatar-v7.answered{color:#256c52!important;background:linear-gradient(180deg,#effcf5 0%,#e1f7ea 100%)!important;border-color:#cdeed9!important}
body[data-route="tickets"] .support-desk-ticket-avatar-v7 span{font-size:20px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.02em!important}
body[data-route="tickets"] .support-desk-ticket-avatar-v7 i{font-size:20px!important}
body[data-route="tickets"] .support-desk-ticket-content-v7{gap:5px!important;min-width:0!important}
body[data-route="tickets"] .support-desk-ticket-subject-v7{display:block!important;color:#17305d!important;font-size:15px!important;line-height:1.22!important;font-weight:780!important;letter-spacing:-.02em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body[data-route="tickets"] .support-desk-ticket-context-v7{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;color:#8a98ac!important;font-size:10.5px!important;font-weight:600!important}
body[data-route="tickets"] .support-desk-ticket-context-v7 > strong{color:#6d7f96!important;font-size:10.8px!important;font-weight:800!important;letter-spacing:.02em!important}
body[data-route="tickets"] .support-desk-ticket-context-v7 > span+span::before{display:none!important}
body[data-route="tickets"] .support-desk-ticket-context-sep-v7{color:#b6c0cf!important;font-weight:700!important}
body[data-route="tickets"] .support-desk-ticket-chip-v7{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:24px!important;padding:0 10px!important;border-radius:999px!important;background:#f5f7fb!important;border:1px solid #ebf0f6!important;color:#71819a!important;font-size:10.4px!important;font-weight:700!important}
body[data-route="tickets"] .support-desk-ticket-chip-v7 i{font-size:12px!important;color:#8796ab!important}
body[data-route="tickets"] .support-desk-ticket-priority-v7{display:inline-flex!important;align-items:center!important;gap:5px!important;color:#d85656!important;font-size:10.6px!important;font-weight:750!important}
body[data-route="tickets"] .support-desk-ticket-priority-v7 i{font-size:12px!important}
body[data-route="tickets"] .support-desk-ticket-status-col-v7{display:flex!important;align-items:center!important;justify-content:flex-start!important}
body[data-route="tickets"] .support-desk-ticket-status-v7{min-height:29px!important;padding:0 13px!important;border-radius:999px!important;font-size:11px!important;font-weight:750!important;gap:7px!important;box-shadow:none!important}
body[data-route="tickets"] .support-desk-ticket-status-v7 > i{width:8px!important;height:8px!important;flex:0 0 8px!important}
body[data-route="tickets"] .support-desk-activity-v7{min-height:auto!important;padding-left:0!important;border-left:0!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important}
body[data-route="tickets"] .support-desk-activity-v7 > small{display:none!important}
body[data-route="tickets"] .support-desk-activity-v7 > strong{color:#243a61!important;font-size:13px!important;line-height:1.15!important;font-weight:780!important}
body[data-route="tickets"] .support-desk-activity-v7 > span{display:flex!important;align-items:center!important;gap:5px!important;color:#6f829b!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important}
body[data-route="tickets"] .support-desk-activity-v7 > span i{font-size:13px!important;color:#91a0b4!important}
body[data-route="tickets"] .support-desk-ticket-actions-v7{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important}
body[data-route="tickets"] .support-desk-ticket-view-v7,body[data-route="tickets"] .support-desk-ticket-more-v7{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;border-radius:10px!important;border:1px solid #e2e8f2!important;background:#fff!important;color:#2b4774!important;text-decoration:none!important;transition:border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease!important}
body[data-route="tickets"] .support-desk-ticket-view-v7{gap:7px!important;padding:0 16px!important;font-size:12.5px!important;font-weight:760!important}
body[data-route="tickets"] .support-desk-ticket-view-v7 i{font-size:15px!important}
body[data-route="tickets"] .support-desk-ticket-more-v7{width:34px!important;flex:0 0 34px!important}
body[data-route="tickets"] .support-desk-ticket-more-v7 i{font-size:18px!important}
body[data-route="tickets"] .support-desk-ticket-view-v7:hover,body[data-route="tickets"] .support-desk-ticket-more-v7:hover{border-color:#d1dceb!important;background:#f9fbff!important;color:#17305d!important}
body[data-route="tickets"] .support-desk-ticket-row-v7.needs-reply .support-desk-ticket-avatar-v7 i,
body[data-route="tickets"] .support-desk-ticket-row-v7.needs-reply .support-desk-ticket-view-v7 i,
body[data-route="tickets"] .support-desk-ticket-row-v7.needs-reply .support-desk-ticket-more-v7 i{animation:supportTicketBlink 1.4s ease-in-out infinite!important}
@media (max-width:1180px){
  body[data-route="tickets"] .support-desk-ticket-row-v7{grid-template-columns:minmax(0,1fr) 136px 106px 108px!important;gap:12px!important}
  body[data-route="tickets"] .support-desk-ticket-subject-v7{font-size:14px!important}
}
@media (max-width:960px){
  body[data-route="tickets"] .support-desk-ticket-row-v7{grid-template-columns:minmax(0,1fr) 130px 100px!important}
  body[data-route="tickets"] .support-desk-ticket-actions-v7{grid-column:2 / 4!important;justify-content:flex-start!important}
}
@media (max-width:760px){
  body[data-route="tickets"] .support-desk-ticket-row-v7{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;padding:12px!important}
  body[data-route="tickets"] .support-desk-ticket-status-col-v7,body[data-route="tickets"] .support-desk-activity-v7,body[data-route="tickets"] .support-desk-ticket-actions-v7{justify-content:flex-start!important}
  body[data-route="tickets"] .support-desk-ticket-main-v7{grid-template-columns:40px minmax(0,1fr)!important;gap:12px!important}
  body[data-route="tickets"] .support-desk-ticket-avatar-v7{width:40px!important;height:40px!important}
  body[data-route="tickets"] .support-desk-ticket-subject-v7{white-space:normal!important}
}


/* Tickets — v7 compactage vertical */
body[data-route="tickets"] .support-desk-ticket-row-v7{
  min-height:74px!important;
  padding:10px 14px!important;
  grid-template-columns:minmax(0,1fr) 134px 102px 106px!important;
  gap:12px!important;
}
body[data-route="tickets"] .support-desk-ticket-row-v7 + .support-desk-ticket-row-v7{
  margin-top:8px!important;
}
body[data-route="tickets"] .support-desk-ticket-main-v7{
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:12px!important;
}
body[data-route="tickets"] .support-desk-ticket-avatar-v7{
  width:38px!important;
  height:38px!important;
}
body[data-route="tickets"] .support-desk-ticket-avatar-v7 span{
  font-size:16px!important;
}
body[data-route="tickets"] .support-desk-ticket-avatar-v7 i{
  font-size:18px!important;
}
body[data-route="tickets"] .support-desk-ticket-content-v7{
  gap:3px!important;
  justify-content:center!important;
}
body[data-route="tickets"] .support-desk-ticket-subject-v7{
  font-size:13.5px!important;
  line-height:1.15!important;
}
body[data-route="tickets"] .support-desk-ticket-context-v7{
  gap:6px!important;
  font-size:10px!important;
  line-height:1!important;
}
body[data-route="tickets"] .support-desk-ticket-context-v7 > strong{
  font-size:10px!important;
}
body[data-route="tickets"] .support-desk-ticket-chip-v7{
  min-height:20px!important;
  padding:0 8px!important;
  gap:5px!important;
  font-size:9.8px!important;
}
body[data-route="tickets"] .support-desk-ticket-chip-v7 i{
  font-size:11px!important;
}
body[data-route="tickets"] .support-desk-ticket-priority-v7{
  min-height:20px!important;
  padding:0 2px!important;
  font-size:9.8px!important;
  line-height:1!important;
}
body[data-route="tickets"] .support-desk-ticket-priority-v7 i{
  font-size:11px!important;
}
body[data-route="tickets"] .support-desk-ticket-status-v7{
  min-height:25px!important;
  padding:0 10px!important;
  font-size:10.2px!important;
  gap:6px!important;
}
body[data-route="tickets"] .support-desk-ticket-status-v7 > i{
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
}
body[data-route="tickets"] .support-desk-activity-v7{
  gap:2px!important;
}
body[data-route="tickets"] .support-desk-activity-v7 > strong{
  font-size:11.8px!important;
  line-height:1.05!important;
}
body[data-route="tickets"] .support-desk-activity-v7 > span{
  gap:4px!important;
  font-size:10.2px!important;
}
body[data-route="tickets"] .support-desk-activity-v7 > span i{
  font-size:11px!important;
}
body[data-route="tickets"] .support-desk-ticket-actions-v7{
  gap:6px!important;
}
body[data-route="tickets"] .support-desk-ticket-view-v7,
body[data-route="tickets"] .support-desk-ticket-more-v7{
  min-height:30px!important;
  border-radius:9px!important;
}
body[data-route="tickets"] .support-desk-ticket-view-v7{
  padding:0 13px!important;
  gap:6px!important;
  font-size:11.5px!important;
}
body[data-route="tickets"] .support-desk-ticket-view-v7 i{
  font-size:14px!important;
}
body[data-route="tickets"] .support-desk-ticket-more-v7{
  width:30px!important;
  flex:0 0 30px!important;
}
body[data-route="tickets"] .support-desk-ticket-more-v7 i{
  font-size:16px!important;
}
@media (max-width:1180px){
  body[data-route="tickets"] .support-desk-ticket-row-v7{
    grid-template-columns:minmax(0,1fr) 128px 96px 100px!important;
  }
}
@media (max-width:960px){
  body[data-route="tickets"] .support-desk-ticket-row-v7{
    grid-template-columns:minmax(0,1fr) 124px 92px!important;
  }
}
@media (max-width:760px){
  body[data-route="tickets"] .support-desk-ticket-row-v7{
    min-height:auto!important;
    padding:10px 12px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-main-v7{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:10px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-avatar-v7{
    width:36px!important;
    height:36px!important;
  }
}


/* Tickets — suppression effet carte + icône carrée */
body[data-route="tickets"] .support-desk-ticket-row-v7{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #edf1f6!important;
  border-radius:0!important;
  box-shadow:none!important;
  margin-top:0!important;
}
body[data-route="tickets"] .support-desk-ticket-row-v7 + .support-desk-ticket-row-v7{
  margin-top:0!important;
}
body[data-route="tickets"] .support-desk-ticket-row-v7:last-child{
  border-bottom:0!important;
}
body[data-route="tickets"] .support-desk-ticket-row-v7:hover{
  background:#fbfcff!important;
  border-color:#edf1f6!important;
  box-shadow:none!important;
}
body[data-route="tickets"] .support-desk-ticket-avatar-v7{
  border-radius:10px!important;
}


/* Tickets — numéro sans gras */
body[data-route="tickets"] .support-desk-ticket-context-v7 strong{
  font-weight:500!important;
}


/* Tickets — liste : retrait du bouton trois-points + meilleur alignement */
body[data-route="tickets"] .support-desk-ticket-row-v7{
  align-items:center!important;
}
body[data-route="tickets"] .support-desk-ticket-main-v7{
  align-self:center!important;
}
body[data-route="tickets"] .support-desk-ticket-content-v7{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
body[data-route="tickets"] .support-desk-ticket-subject-v7{
  margin:0!important;
}
body[data-route="tickets"] .support-desk-ticket-context-v7{
  margin-top:2px!important;
  align-items:center!important;
}
body[data-route="tickets"] .support-desk-ticket-status-col-v7,
body[data-route="tickets"] .support-desk-activity-v7,
body[data-route="tickets"] .support-desk-ticket-actions-v7{
  align-self:center!important;
}
body[data-route="tickets"] .support-desk-ticket-actions-v7{
  gap:0!important;
}
body[data-route="tickets"] .support-desk-ticket-view-v7{
  min-width:104px!important;
}
body[data-route="tickets"] .support-desk-ticket-more-v7{
  display:none!important;
}
body[data-route="tickets"] .support-desk-ticket-row-v7.needs-reply .support-desk-ticket-more-v7 i{
  animation:none!important;
}


/* Tickets — alignement premium + séparateur vertical */
body[data-route="tickets"] .support-desk-ticket-row-v7{
  grid-template-columns:minmax(0,1fr) 184px 134px 110px!important;
  gap:0!important;
  background:#fff!important;
}
body[data-route="tickets"] .support-desk-ticket-main-v7{
  min-height:58px!important;
  padding-right:20px!important;
  align-self:center!important;
}
body[data-route="tickets"] .support-desk-ticket-content-v7{
  justify-content:center!important;
  gap:4px!important;
}
body[data-route="tickets"] .support-desk-ticket-subject-v7{
  line-height:1.16!important;
}
body[data-route="tickets"] .support-desk-ticket-context-v7{
  margin-top:0!important;
}
body[data-route="tickets"] .support-desk-ticket-status-col-v7{
  position:relative!important;
  min-height:58px!important;
  align-self:center!important;
  align-items:center!important;
  justify-content:center!important;
  padding-left:22px!important;
}
body[data-route="tickets"] .support-desk-ticket-status-col-v7::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:44px;
  background:#e7edf5;
}
body[data-route="tickets"] .support-desk-ticket-status-v7{
  min-width:146px!important;
  justify-content:center!important;
}
body[data-route="tickets"] .support-desk-activity-v7{
  min-height:58px!important;
  justify-content:center!important;
  align-self:center!important;
  padding-left:18px!important;
}
body[data-route="tickets"] .support-desk-ticket-actions-v7{
  min-height:58px!important;
  justify-content:flex-end!important;
  align-self:center!important;
  padding-left:14px!important;
}
@media (max-width:1180px){
  body[data-route="tickets"] .support-desk-ticket-row-v7{
    grid-template-columns:minmax(0,1fr) 170px 124px 104px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-status-v7{
    min-width:134px!important;
  }
}
@media (max-width:960px){
  body[data-route="tickets"] .support-desk-ticket-row-v7{
    grid-template-columns:minmax(0,1fr) 150px 112px 100px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-status-col-v7{
    padding-left:16px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-status-v7{
    min-width:120px!important;
  }
}
@media (max-width:760px){
  body[data-route="tickets"] .support-desk-ticket-status-col-v7::before{display:none!important}
  body[data-route="tickets"] .support-desk-ticket-main-v7,
  body[data-route="tickets"] .support-desk-ticket-status-col-v7,
  body[data-route="tickets"] .support-desk-activity-v7,
  body[data-route="tickets"] .support-desk-ticket-actions-v7{
    min-height:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body[data-route="tickets"] .support-desk-ticket-status-v7{
    min-width:0!important;
  }
}


/* Tickets — correction trait vertical : vrai trait visible quand le statut est Réponse reçue */
body[data-route="tickets"] .support-desk-ticket-status-col-v7::before{display:none!important}
body[data-route="tickets"] .support-desk-ticket-status-col-v7{padding-left:0!important}
body[data-route="tickets"] .support-desk-activity-v7{padding-left:0!important}
body[data-route="tickets"] .support-desk-ticket-actions-v7{padding-left:0!important}
body[data-route="tickets"] .support-desk-ticket-premium.needs-reply{
  box-shadow:inset 2px 0 0 #2f6df6!important;
}
body[data-route="tickets"] .support-desk-ticket-premium.needs-reply::before,
body[data-route="tickets"] .support-desk-ticket-row-v7.needs-reply::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:2px!important;
  border-radius:0!important;
  background:#2f6df6!important;
}
body[data-route="tickets"] .support-desk-ticket-premium.needs-reply:hover{
  box-shadow:inset 2px 0 0 #245ce0!important;
}
body[data-route="tickets"] .support-desk-ticket-premium.needs-reply:hover::before,
body[data-route="tickets"] .support-desk-ticket-row-v7.needs-reply:hover::before{
  background:#245ce0!important;
}


/* Tickets — icône neutre sauf quand Réponse reçue clignote */
body[data-route="tickets"] .support-desk-ticket-avatar-v7,
body[data-route="tickets"] .support-desk-ticket-avatar-v7.open,
body[data-route="tickets"] .support-desk-ticket-avatar-v7.attention,
body[data-route="tickets"] .support-desk-ticket-avatar-v7.closed,
body[data-route="tickets"] .support-desk-ticket-avatar-v7.answered{
  color:#8ea0b8!important;
  background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%)!important;
  border-color:#e2e8f0!important;
}
body[data-route="tickets"] .support-desk-ticket-avatar-v7 i{
  color:#8ea0b8!important;
  filter:none!important;
}
body[data-route="tickets"] .support-desk-ticket-row-v7:not(.needs-reply) .support-desk-ticket-avatar-v7 i{
  animation:none!important;
  opacity:1!important;
  transform:none!important;
}
body[data-route="tickets"] .support-desk-ticket-row-v7.needs-reply .support-desk-ticket-avatar-v7 i{
  color:#2f6bff!important;
  animation:support-ticket-reply-blink-visible .82s steps(1,end) infinite!important;
}
body[data-route="tickets"] .support-desk-ticket[data-ticket-status="answered"] .support-desk-ticket-icon-premium:has(i.bx-support){
  background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%)!important;
  border-color:#e2e8f0!important;
}


/* Tickets — lignes compactes comme avant */
body[data-route="tickets"] .support-desk-ticket-row-v7{
  min-height:68px!important;
  padding:8px 13px!important;
}
body[data-route="tickets"] .support-desk-ticket-main-v7,
body[data-route="tickets"] .support-desk-ticket-status-col-v7,
body[data-route="tickets"] .support-desk-activity-v7,
body[data-route="tickets"] .support-desk-ticket-actions-v7{
  min-height:50px!important;
}
body[data-route="tickets"] .support-desk-ticket-main-v7{
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:11px!important;
  padding-right:16px!important;
}
body[data-route="tickets"] .support-desk-ticket-avatar-v7{
  width:36px!important;
  height:36px!important;
  border-radius:9px!important;
}
body[data-route="tickets"] .support-desk-ticket-avatar-v7 i{
  font-size:17px!important;
}
body[data-route="tickets"] .support-desk-ticket-content-v7{
  gap:3px!important;
}
body[data-route="tickets"] .support-desk-ticket-subject-v7{
  font-size:13.1px!important;
  line-height:1.12!important;
}
body[data-route="tickets"] .support-desk-ticket-context-v7{
  gap:5px!important;
  font-size:9.5px!important;
  line-height:1!important;
}
body[data-route="tickets"] .support-desk-ticket-context-v7 > strong{
  font-size:9.5px!important;
}
body[data-route="tickets"] .support-desk-ticket-chip-v7{
  min-height:19px!important;
  padding:0 7px!important;
  gap:4px!important;
  font-size:9.4px!important;
}
body[data-route="tickets"] .support-desk-ticket-chip-v7 i{
  font-size:10.5px!important;
}
body[data-route="tickets"] .support-desk-ticket-priority-v7{
  min-height:19px!important;
  font-size:9.4px!important;
}
body[data-route="tickets"] .support-desk-ticket-status-v7{
  min-height:24px!important;
  min-width:0!important;
  padding:0 10px!important;
  font-size:10px!important;
  gap:5px!important;
}
body[data-route="tickets"] .support-desk-ticket-status-v7 > i{
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
}
body[data-route="tickets"] .support-desk-activity-v7{
  gap:1px!important;
}
body[data-route="tickets"] .support-desk-activity-v7 > strong{
  font-size:11.3px!important;
}
body[data-route="tickets"] .support-desk-activity-v7 > span{
  font-size:9.8px!important;
  gap:3px!important;
}
body[data-route="tickets"] .support-desk-ticket-view-v7{
  min-height:29px!important;
  min-width:94px!important;
  padding:0 12px!important;
  gap:5px!important;
  font-size:11px!important;
  border-radius:8px!important;
}
body[data-route="tickets"] .support-desk-ticket-view-v7 i{
  font-size:13.5px!important;
}
@media(max-width:760px){
  body[data-route="tickets"] .support-desk-ticket-row-v7{
    min-height:auto!important;
    padding:9px 11px!important;
  }
}

/* Recherche globale — Support Premium : statut + action de gestion. */
.global-search-dialog .topbar-global-search-result.type-premium-support{grid-template-columns:29px minmax(0,1fr) auto;padding-right:9px}
.global-search-dialog .topbar-global-search-result.type-premium-support>span:first-child{border-color:#ddd8f0!important;background:#f5f2ff!important;color:#6847a8!important}
.global-search-dialog .topbar-global-search-result.type-premium-support:hover>span:first-child,.global-search-dialog .topbar-global-search-result.type-premium-support.active>span:first-child,.global-search-dialog .topbar-global-search-result.type-premium-support:focus-visible>span:first-child{border-color:#cdc3e7!important;background:#fff!important;color:#5f3ca4!important}
.global-search-dialog .topbar-global-search-result.type-premium-support small{color:#67768a}
.global-search-dialog .topbar-global-search-action{height:25px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;justify-self:end;border:1px solid #ccd9e8;border-radius:6px;background:#fff;color:#244f7f;font-size:8px;font-weight:650;line-height:1;white-space:nowrap;transition:border-color .14s ease,background .14s ease,color .14s ease}
.global-search-dialog .topbar-global-search-result.type-premium-support:hover .topbar-global-search-action,.global-search-dialog .topbar-global-search-result.type-premium-support.active .topbar-global-search-action,.global-search-dialog .topbar-global-search-result.type-premium-support:focus-visible .topbar-global-search-action{border-color:#aec6df;background:#edf5fd;color:#0b5da8}
@media(max-width:700px){.global-search-dialog .topbar-global-search-result.type-premium-support{grid-template-columns:29px minmax(0,1fr) auto;padding-right:7px}.global-search-dialog .topbar-global-search-action{height:23px;padding:0 7px;font-size:7px}}



/* Global search — Support Premium badge refinement */
.global-search-dialog .topbar-global-search-copy{min-width:0;display:grid;gap:2px}
.global-search-dialog .topbar-global-search-title-row{min-width:0;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.global-search-dialog .topbar-global-search-result.type-premium-support{grid-template-columns:29px minmax(0,1fr) auto;align-items:center;min-height:47px;padding-top:6px;padding-bottom:6px}
.global-search-dialog .topbar-global-search-result.type-premium-support small{margin-top:0;color:#728096}
.global-search-dialog .topbar-global-search-badge{height:20px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;border:1px solid transparent;border-radius:999px;font-size:7.5px;font-weight:700;line-height:1;white-space:nowrap}
.global-search-dialog .topbar-global-search-badge i{width:6px;height:6px;display:block;flex:0 0 auto;border-radius:50%;background:currentColor}
.global-search-dialog .topbar-global-search-badge.is-active{border-color:#cfe7d8;background:#eefaf2;color:#167c52}
.global-search-dialog .topbar-global-search-badge.is-ending{border-color:#efd9b9;background:#fff5e8;color:#a66a12}
.global-search-dialog .topbar-global-search-action{height:27px;padding:0 10px;border-color:#d8dff2;background:linear-gradient(180deg,#ffffff 0%,#f8f5ff 100%);color:#5a3cad;font-size:8px;font-weight:700;box-shadow:0 3px 10px rgba(88,62,165,.08)}
.global-search-dialog .topbar-global-search-result.type-premium-support:hover .topbar-global-search-action,.global-search-dialog .topbar-global-search-result.type-premium-support.active .topbar-global-search-action,.global-search-dialog .topbar-global-search-result.type-premium-support:focus-visible .topbar-global-search-action{border-color:#c9bdf0;background:linear-gradient(180deg,#ffffff 0%,#f2edff 100%);color:#4f2fa6}
@media(max-width:700px){.global-search-dialog .topbar-global-search-title-row{gap:6px}.global-search-dialog .topbar-global-search-result.type-premium-support{grid-template-columns:29px minmax(0,1fr) auto;padding-right:7px}.global-search-dialog .topbar-global-search-badge{height:18px;padding:0 7px;font-size:7px}.global-search-dialog .topbar-global-search-action{height:24px;padding:0 8px;font-size:7px}}


/* Tickets — responsive mobile fix */
@media (max-width:760px){
  body[data-route="tickets"] .support-desk-ticket-row-v7{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px 12px!important;
    align-items:start!important;
    min-height:auto!important;
    padding:14px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-main-v7{
    grid-column:1 / -1!important;
    min-height:0!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:start!important;
    gap:12px!important;
    padding-right:0!important;
  }
  body[data-route="tickets"] .support-desk-ticket-avatar-v7{
    width:42px!important;
    height:42px!important;
    border-radius:11px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-avatar-v7 i{
    font-size:18px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-content-v7{
    width:100%!important;
    min-width:0!important;
    gap:4px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-subject-v7{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    line-height:1.24!important;
  }
  body[data-route="tickets"] .support-desk-ticket-context-v7{
    gap:6px!important;
    row-gap:5px!important;
    line-height:1.2!important;
  }
  body[data-route="tickets"] .support-desk-ticket-context-sep-v7{
    display:none!important;
  }
  body[data-route="tickets"] .support-desk-ticket-status-col-v7,
  body[data-route="tickets"] .support-desk-activity-v7,
  body[data-route="tickets"] .support-desk-ticket-actions-v7{
    min-height:0!important;
    align-self:start!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body[data-route="tickets"] .support-desk-ticket-status-col-v7{
    grid-column:1 / 2!important;
    justify-content:flex-start!important;
  }
  body[data-route="tickets"] .support-desk-ticket-status-v7{
    min-height:28px!important;
    min-width:0!important;
    padding:0 11px!important;
    font-size:10px!important;
  }
  body[data-route="tickets"] .support-desk-activity-v7{
    grid-column:2 / 3!important;
    justify-self:end!important;
    align-items:flex-end!important;
    text-align:right!important;
    gap:2px!important;
  }
  body[data-route="tickets"] .support-desk-activity-v7 > strong{
    font-size:11px!important;
    line-height:1.15!important;
  }
  body[data-route="tickets"] .support-desk-activity-v7 > span{
    font-size:9.8px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-actions-v7{
    grid-column:1 / -1!important;
    justify-content:flex-start!important;
    gap:0!important;
  }
  body[data-route="tickets"] .support-desk-ticket-view-v7{
    min-height:36px!important;
    min-width:128px!important;
    padding:0 16px!important;
    border-radius:10px!important;
  }
}
@media (max-width:430px){
  body[data-route="tickets"] .support-desk-ticket-row-v7{
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
    padding:13px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-status-col-v7,
  body[data-route="tickets"] .support-desk-activity-v7,
  body[data-route="tickets"] .support-desk-ticket-actions-v7{
    grid-column:1 / -1!important;
    justify-self:stretch!important;
    text-align:left!important;
    align-items:flex-start!important;
  }
  body[data-route="tickets"] .support-desk-activity-v7{
    gap:6px!important;
  }
  body[data-route="tickets"] .support-desk-ticket-view-v7{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
  }
}

/* Panier — design par défaut, largeur alignée sur Nouveau ticket */
body[data-route="cart"] .content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:12px 14px 28px!important;
}
@media(max-width:700px){
  body[data-route="cart"] .content{
    padding:8px 8px 20px!important;
  }
}