:root{--bg:#07111f;--panel:#0d1a2c;--panel2:#11223a;--text:#eef5ff;--muted:#91a4bd;--line:#20344f;--green:#20d68f;--orange:#ff9c4a;--red:#ff6376}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#07111f,#0a1525 45%,#07111f);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,4vw,56px);background:rgba(7,17,31,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{font-weight:900;letter-spacing:.04em}.brand span{color:var(--green)}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:.18em}.top nav{display:flex;gap:8px}.top nav a{color:var(--muted);text-decoration:none;padding:10px 13px;border-radius:10px;font-size:14px}.top nav a.active,.top nav a:hover{background:var(--panel2);color:#fff}.container{max-width:1280px;margin:auto;padding:28px clamp(16px,4vw,42px) 60px}.hero,.pagehead,.panel{background:linear-gradient(145deg,var(--panel),#0a1728);border:1px solid var(--line);border-radius:18px;padding:24px}.hero,.pagehead{display:flex;align-items:center;justify-content:space-between;gap:22px}.hero h1,.pagehead h1{font-size:clamp(28px,4vw,48px);margin:7px 0}.pagehead h1{font-size:clamp(26px,3vw,40px)}p{color:var(--muted);line-height:1.55}.eyebrow{color:var(--green);font-weight:800;font-size:12px;letter-spacing:.14em}.grid{display:grid;gap:14px}.metrics{grid-template-columns:repeat(4,1fr);margin:18px 0 28px}.metrics article,.platforms article,.actions article{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{display:block;font-size:25px;margin:10px 0}.platforms{grid-template-columns:repeat(3,1fr)}.actions{grid-template-columns:repeat(3,1fr);margin-top:18px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;background:#29384e;color:#c8d4e4}.badge.configured,.badge.connected,.badge.simulation{background:rgba(32,214,143,.14);color:var(--green)}.badge.error{background:rgba(255,99,118,.14);color:var(--red)}.btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--line);background:var(--panel2);color:#fff;text-decoration:none;padding:11px 16px;border-radius:11px;font-weight:800;cursor:pointer}.btn.primary{background:var(--green);border-color:var(--green);color:#052118}.btn:disabled{opacity:.5;cursor:not-allowed}.decision{margin-top:28px;display:flex;justify-content:space-between;align-items:center}.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.filters label,.form label{display:grid;gap:7px;color:var(--muted);font-size:13px}input,select{width:100%;background:#091626;border:1px solid var(--line);color:#fff;padding:12px;border-radius:10px}.empty{text-align:center;padding:60px 18px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.form{max-width:760px;margin:18px 0;display:grid;gap:15px}.warning{background:rgba(255,156,74,.09);border:1px solid rgba(255,156,74,.35);padding:14px;border-radius:12px;color:#ffd4ad;margin:18px 0}.rulegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rulegrid div{background:#091626;border:1px solid var(--line);padding:14px;border-radius:12px}.rulegrid span,.rulegrid b{display:block}.rulegrid span{color:var(--muted);font-size:12px}.rulegrid b{margin-top:7px}.flash{padding:13px 16px;border-radius:12px;margin-bottom:14px}.flash.success{background:rgba(32,214,143,.13);border:1px solid rgba(32,214,143,.4);color:#9ef2cf}footer{text-align:center;color:var(--muted);padding:26px;font-size:12px}@media(max-width:900px){.top{align-items:flex-start}.top nav{max-width:70%;overflow:auto}.metrics{grid-template-columns:repeat(2,1fr)}.platforms,.actions{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.rulegrid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.top{display:block;padding:12px 14px}.top nav{max-width:none;margin-top:10px;padding-bottom:4px}.top nav a{white-space:nowrap;padding:9px}.container{padding:16px 12px 48px}.hero,.pagehead,.decision{display:block}.hero .btn,.pagehead .btn,.decision .btn{width:100%;margin-top:14px}.metrics,.platforms,.actions,.filters,.rulegrid{grid-template-columns:1fr}.metrics article{padding:15px}.hero h1,.pagehead h1{font-size:29px}}
.auth-body{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-wrap,.installer-wrap{width:min(100%,960px)}.auth-wrap{width:min(100%,480px)}.auth-card,.install-card{background:linear-gradient(145deg,var(--panel),#0a1728);border:1px solid var(--line);border-radius:22px;padding:clamp(22px,4vw,38px);box-shadow:0 28px 80px rgba(0,0,0,.35)}.brand.big{font-size:22px;margin-bottom:24px}.auth-card h1,.install-card h1{font-size:clamp(30px,5vw,46px);margin:8px 0}.fineprint{font-size:12px;text-align:center}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.checks>div{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;background:#091626;border:1px solid var(--line);padding:12px;border-radius:12px}.checks small{grid-column:2;color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%;background:var(--red)}.dot.ok{background:var(--green)}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flash.error{background:rgba(255,99,118,.13);border:1px solid rgba(255,99,118,.4);color:#ffc1ca}.brand-link{text-decoration:none;color:inherit}.user-menu{display:flex;align-items:center;gap:12px;margin-left:14px;padding-left:14px;border-left:1px solid var(--line)}.user-menu span,.user-menu small{display:block}.user-menu small{color:var(--muted);font-size:10px}.user-menu a{color:var(--muted);font-size:12px}.nav-toggle{display:none;background:var(--panel2);border:1px solid var(--line);color:#fff;border-radius:10px;padding:8px 11px;font-size:18px}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.permission-grid label,.switch-line{display:flex;align-items:center;gap:9px;background:#091626;border:1px solid var(--line);border-radius:10px;padding:11px}.permission-grid input,.switch-line input{width:auto}.row-start{display:flex;gap:10px}.table-panel{margin-top:18px;padding:0;overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}td small{display:block;color:var(--muted);margin-top:4px;max-width:500px}.actions-cell{display:flex;align-items:center;gap:7px}.actions-cell form{margin:0}.btn.small{padding:7px 10px;font-size:12px}.btn.danger{background:rgba(255,99,118,.12);border-color:rgba(255,99,118,.45);color:#ff9baa}.user-metrics{margin-top:18px}
@media(max-width:1100px){.top{flex-wrap:wrap}.user-menu{margin-left:auto}.top nav{order:3;width:100%;max-width:none;margin-top:10px}}
@media(max-width:700px){.checks,.form-two,.permission-grid{grid-template-columns:1fr}.nav-toggle{display:block;position:absolute;right:14px;top:13px}.top{display:flex;align-items:center}.top nav{display:none;flex-direction:column;overflow:visible}.nav-open .top nav{display:flex}.top nav a{width:100%}.user-menu{display:none;width:100%;margin:8px 0 0;padding:10px 0 0;border-left:0;border-top:1px solid var(--line)}.nav-open .user-menu{display:flex}.row-start{flex-direction:column}.row-start .btn{width:100%}}
.connector-grid{grid-template-columns:1.05fr .95fr;margin-top:18px}.status-card h2{margin-top:0}.connection-state{display:flex;gap:13px;align-items:center;background:#091626;border:1px solid var(--line);padding:16px;border-radius:14px}.connection-state strong,.connection-state small{display:block}.connection-state small{color:var(--muted);margin-top:5px}.status-light{width:15px;height:15px;border-radius:50%;background:#718096;box-shadow:0 0 0 6px rgba(113,128,150,.12)}.connection-state.connected .status-light{background:var(--green);box-shadow:0 0 0 6px rgba(32,214,143,.12),0 0 18px rgba(32,214,143,.45)}.connection-state.error .status-light{background:var(--red);box-shadow:0 0 0 6px rgba(255,99,118,.12)}.status-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.status-details>div{background:#091626;border:1px solid var(--line);border-radius:11px;padding:12px}.status-details span,.status-details b{display:block}.status-details span{font-size:11px;color:var(--muted);margin-bottom:6px}.fineprint code{background:#091626;padding:3px 6px;border-radius:5px;color:#cfe3ff}@media(max-width:850px){.connector-grid,.status-details{grid-template-columns:1fr}}

/* Sprint 1.3 - Centre de diagnostic OKX */
.diagnostic-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.diagnostic-head h2{margin:0 0 4px}.diagnostic-head p{margin:0;color:var(--muted)}.diagnostic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.diagnostic-item{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(8,25,43,.55)}.diagnostic-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:900;flex:0 0 32px}.diagnostic-item.ok .diagnostic-icon{background:rgba(35,211,153,.18);color:#23d399}.diagnostic-item.fail .diagnostic-icon{background:rgba(255,91,120,.18);color:#ff5b78}.diagnostic-item.warn .diagnostic-icon{background:rgba(255,187,74,.18);color:#ffbb4a}.diagnostic-item b{display:block}.diagnostic-item small{display:block;margin-top:3px;color:var(--muted)}@media(max-width:760px){.diagnostic-list{grid-template-columns:1fr}.diagnostic-head{align-items:flex-start;flex-direction:column}.diagnostic-head .btn{width:100%}}

.badge.limited{background:rgba(255,156,74,.14);color:var(--orange)}.connection-state.limited .status-light{background:var(--orange);box-shadow:0 0 0 6px rgba(255,156,74,.12),0 0 18px rgba(255,156,74,.3)}.text-ok{color:var(--green)}.text-warn{color:var(--orange)}.text-fail{color:var(--red)}

/* Sprint 2.1 - Tableau de bord Merchant OKX */
.merchant-command{margin-top:18px}.merchant-command-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.merchant-command-head h2{margin:6px 0}.merchant-command-head p{margin:0}.merchant-profile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:20px;padding:16px;background:#091626;border:1px solid var(--line);border-radius:15px}.merchant-profile img,.merchant-avatar{width:68px;height:68px;border-radius:18px;object-fit:cover}.merchant-avatar{display:grid;place-items:center;background:rgba(32,214,143,.14);color:var(--green);font-size:22px;font-weight:900}.merchant-profile h3{margin:0 0 4px;font-size:24px}.merchant-profile p{margin:0 0 8px}.sync-note{text-align:right}.sync-note span,.sync-note b,.sync-note small{display:block}.sync-note span,.sync-note small{color:var(--muted);font-size:11px}.sync-note b{margin:5px 0}.merchant-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.merchant-metrics article{background:#091626;border:1px solid var(--line);border-radius:13px;padding:15px}.merchant-metrics span,.merchant-metrics strong,.merchant-metrics small{display:block}.merchant-metrics span,.merchant-metrics small{color:var(--muted)}.merchant-metrics span{font-size:12px}.merchant-metrics strong{font-size:22px;margin:8px 0;overflow-wrap:anywhere}.merchant-metrics small{font-size:11px}.compact-empty{padding:28px;margin-top:18px}@media(max-width:900px){.merchant-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.merchant-command-head{display:block}.merchant-command-head .btn{width:100%;margin-top:12px}.merchant-profile{grid-template-columns:auto 1fr}.sync-note{grid-column:1/-1;text-align:left;border-top:1px solid var(--line);padding-top:12px}.merchant-metrics{grid-template-columns:1fr}}


/* Sprint 2.3 - Gestion des annonces OKX */
.merchant-manager{margin-top:18px}.merchant-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.merchant-tabs a{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#091626;color:#cfe3ff;text-decoration:none}.merchant-tabs a:hover{border-color:var(--green);color:var(--green)}.manager-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.manager-summary article{padding:14px;border-radius:13px;border:1px solid var(--line);background:#091626}.manager-summary span,.manager-summary strong,.manager-summary small{display:block}.manager-summary span,.manager-summary small{color:var(--muted)}.manager-summary strong{font-size:24px;margin:7px 0}.ad-builder-form{max-width:980px}.builder-actions{display:flex;gap:10px;flex-wrap:wrap}.row-actions{display:flex;gap:7px;align-items:center}.row-actions form{margin:0}.btn.tiny{padding:7px 9px;font-size:12px;min-height:auto}.ads-filter-form{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:end}.ads-sync{margin:14px 0;text-align:left}.form textarea{width:100%;resize:vertical}.form label small{display:block;color:var(--muted);margin-top:5px}@media(max-width:850px){.manager-summary,.ads-filter-form{grid-template-columns:1fr}.builder-actions .btn{width:100%}.row-actions{flex-direction:column;align-items:stretch}.row-actions .btn{width:100%}}

/* Sprint 2.4 - Espace Merchant professionnel avec menu vertical */
html{scroll-behavior:smooth;scroll-padding-top:98px}
.okx-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;align-items:start}
.okx-sidebar{position:sticky;top:92px;max-height:calc(100vh - 112px);overflow:auto;background:linear-gradient(160deg,#0d1b2e,#091626);border:1px solid var(--line);border-radius:17px;padding:14px;box-shadow:0 18px 45px rgba(0,0,0,.2)}
.okx-sidebar-head{display:flex;align-items:center;gap:11px;padding:8px 8px 15px;border-bottom:1px solid var(--line)}
.okx-sidebar-head b,.okx-sidebar-head small{display:block}.okx-sidebar-head small{color:var(--muted);font-size:11px;margin-top:3px}.okx-sidebar .status-light.is-online{background:var(--green);box-shadow:0 0 0 6px rgba(32,214,143,.12),0 0 18px rgba(32,214,143,.4)}
.okx-sidebar nav{display:grid;gap:5px;padding:12px 0}.okx-sidebar nav a{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:10px;border-radius:10px;color:#d6e5f7;text-decoration:none;font-weight:700;font-size:13px;border:1px solid transparent}.okx-sidebar nav a span{color:var(--muted);font-size:10px;font-weight:900}.okx-sidebar nav a:hover,.okx-sidebar nav a:focus{background:var(--panel2);border-color:var(--line);color:#fff}.okx-sidebar-note{padding:12px;border-radius:11px;background:rgba(32,214,143,.08);border:1px solid rgba(32,214,143,.2)}.okx-sidebar-note b,.okx-sidebar-note small{display:block}.okx-sidebar-note b{color:var(--green);font-size:12px}.okx-sidebar-note small{color:var(--muted);font-size:10px;margin-top:4px;line-height:1.4}
.okx-content{min-width:0}.okx-content>section{margin-top:16px;scroll-margin-top:98px}.okx-content>.pagehead{margin-top:0}.okx-content .panel{padding:21px}.okx-content table{font-size:13px}.okx-content th{white-space:nowrap}.okx-content td{white-space:nowrap}.okx-content td:last-child{white-space:normal}
@media(max-width:1050px){.okx-workspace{grid-template-columns:205px minmax(0,1fr)}.okx-sidebar{top:132px;max-height:calc(100vh - 150px)}}
@media(max-width:780px){.okx-workspace{display:block}.okx-sidebar{position:relative;top:auto;max-height:none;margin-bottom:14px;padding:10px}.okx-sidebar nav{display:flex;overflow-x:auto;gap:7px;padding:10px 0}.okx-sidebar nav a{display:flex;white-space:nowrap;min-width:max-content;padding:9px 11px}.okx-sidebar nav a span{display:none}.okx-sidebar-note{display:none}.okx-content>section{scroll-margin-top:145px}.okx-content .panel{padding:16px}}

/* Sprint 2.5 — une page claire par menu */
[data-okx-page]{display:none!important}
[data-okx-page].is-active-page{display:block!important}
[data-okx-page].is-active-page.grid{display:grid!important}
.okx-sidebar nav a.active{background:#142c49;color:#fff;border-color:#2a527d;box-shadow:inset 3px 0 0 #22d39a}
.okx-sidebar nav a.active span{color:#22d39a}
.okx-content>[data-okx-page].is-active-page{animation:okxPageIn .16s ease-out}
@keyframes okxPageIn{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Sprint 2.6 — Références OKX et interface plus compacte */
.okx-workspace{grid-template-columns:220px minmax(0,1fr);gap:14px}
.okx-sidebar{padding:10px;border-radius:14px}.okx-sidebar-head{padding:6px 6px 11px}.okx-sidebar nav{gap:2px;padding:8px 0}.okx-sidebar nav a{padding:8px 9px;font-size:12px;line-height:1.25;border-radius:8px}.okx-sidebar nav a span{font-size:9px}.okx-sidebar-note{padding:9px}
.okx-content>section{margin-top:12px}.okx-content .panel{padding:16px}.pagehead{padding:18px}.pagehead h1{font-size:30px;margin:5px 0}.pagehead p{margin:0;max-width:760px}
.form{gap:12px}.form label{gap:5px}.form input,.form select,.form textarea{padding:10px 11px;min-height:42px}.btn{padding:9px 12px}.table-scroll table{font-size:12px}.table-scroll th,.table-scroll td{padding:10px 9px}
.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reference-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.reference-card>span,.reference-card>strong,.reference-card>small{display:block}.reference-card>span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.reference-card>strong{font-size:28px;margin:5px 0}.reference-card>small{color:var(--muted);font-size:11px}.reference-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.reference-tags span{background:#091626;border:1px solid var(--line);padding:5px 8px;border-radius:8px;font-size:11px;font-weight:800}.reference-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.reference-list>div{background:#091626;border:1px solid var(--line);border-radius:9px;padding:8px}.reference-list b,.reference-list small{display:block}.reference-list b{font-size:12px}.reference-list small{font-size:10px;color:var(--muted);margin-top:2px}.reference-list em{color:var(--muted);font-size:12px}.sync-mini-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:6px}.sync-mini-list li{padding:7px 9px;border-radius:8px;background:#091626;border:1px solid var(--line);font-size:11px}.sync-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sync-status-grid article{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:14px}.sync-status-grid span,.sync-status-grid b,.sync-status-grid small{display:block}.sync-status-grid span,.sync-status-grid small{color:var(--muted);font-size:11px}.sync-status-grid b{font-size:15px;margin:7px 0;overflow-wrap:anywhere}
@media(max-width:1050px){.okx-workspace{grid-template-columns:190px minmax(0,1fr)}.sync-status-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.reference-grid,.sync-status-grid{grid-template-columns:1fr}.reference-list{grid-template-columns:1fr}.pagehead{padding:15px}.pagehead h1{font-size:25px}}

/* Sprint 2.7 — Interface globale compacte, lisible et responsive */
:root{--radius-lg:14px;--radius-md:10px;--space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px}
body{font-size:14px}
.top{padding:10px clamp(12px,2.5vw,30px);min-height:68px}
.brand{font-size:16px;line-height:1.05}.brand small{font-size:9px;margin-top:3px}.top nav{gap:4px}.top nav a{padding:8px 10px;font-size:12px;border-radius:8px}.user-menu{gap:9px;margin-left:9px;padding-left:10px}.user-menu span{font-size:12px}.user-menu small,.user-menu a{font-size:10px}
.container{max-width:1440px;padding:16px clamp(10px,2.4vw,28px) 36px}
.hero,.pagehead,.panel{border-radius:var(--radius-lg);padding:16px}.hero,.pagehead{gap:14px}.hero h1,.pagehead h1{font-size:clamp(23px,2.5vw,34px);line-height:1.08;margin:4px 0}.eyebrow{font-size:10px;letter-spacing:.12em}p{line-height:1.42;margin-top:7px;margin-bottom:7px}
.grid{gap:10px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 18px}.metrics article,.platforms article,.actions article{border-radius:12px;padding:12px}.metrics strong{font-size:20px;margin:5px 0}.metrics span,.metrics small{font-size:11px}
.btn{padding:8px 11px;border-radius:8px;font-size:12px;min-height:36px}.btn.small,.btn.tiny{padding:6px 8px;font-size:11px}.badge{padding:4px 7px;font-size:9px}
input,select,textarea{padding:9px 10px;border-radius:8px;font-size:13px;min-height:38px}.form{gap:10px;margin:12px 0}.form label,.filters label{font-size:11px;gap:4px}.form-two{gap:9px}.filters{gap:9px;margin:12px 0}
.table-panel{margin-top:12px;border-radius:12px}.table-scroll{max-width:100%}table{min-width:680px;font-size:12px}th,td{padding:9px 10px}th{font-size:10px;letter-spacing:.05em}td small{font-size:10px;margin-top:2px}.actions-cell{gap:5px}
.flash,.warning{padding:10px 12px;border-radius:9px;margin:10px 0;font-size:12px}
.status-details{gap:8px;margin-top:10px}.status-details>div{padding:9px;border-radius:9px}.status-details span{font-size:10px;margin-bottom:4px}.status-details b{font-size:12px}
.diagnostic-list{gap:8px}.diagnostic-item{padding:10px;border-radius:10px;gap:9px}.diagnostic-icon{width:26px;height:26px;flex-basis:26px;font-size:12px}.diagnostic-item b{font-size:12px}.diagnostic-item small{font-size:10px}
.merchant-command{margin-top:12px}.merchant-profile{gap:12px;margin-top:12px;padding:12px;border-radius:11px}.merchant-profile img,.merchant-avatar{width:50px;height:50px;border-radius:12px}.merchant-profile h3{font-size:18px}.merchant-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.merchant-metrics article{padding:10px;border-radius:10px}.merchant-metrics span,.merchant-metrics small{font-size:10px}.merchant-metrics strong{font-size:17px;margin:4px 0}
.manager-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.manager-summary article{padding:10px;border-radius:10px}.manager-summary strong{font-size:18px;margin:4px 0}.manager-summary span,.manager-summary small{font-size:10px}
.okx-workspace{grid-template-columns:188px minmax(0,1fr);gap:10px}.okx-sidebar{padding:8px;border-radius:12px;top:78px;max-height:calc(100vh - 90px)}.okx-sidebar-head{padding:5px 5px 9px}.okx-sidebar nav{gap:1px;padding:6px 0}.okx-sidebar nav a{grid-template-columns:22px 1fr;gap:5px;padding:7px 8px;font-size:11px;border-radius:7px}.okx-sidebar nav a span{font-size:8px}.okx-sidebar-note{padding:8px;border-radius:8px}.okx-content>section{margin-top:9px}.okx-content .panel{padding:13px}.pagehead{padding:14px}.pagehead h1{font-size:27px}.pagehead p{font-size:12px}
.reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.reference-card{padding:11px;border-radius:10px}.reference-card>strong{font-size:20px;margin:3px 0}.reference-card>span,.reference-card>small{font-size:9px}.reference-tags{gap:4px;margin-top:8px}.reference-tags span{padding:4px 6px;font-size:9px;border-radius:6px}.reference-list{gap:5px;margin-top:8px}.reference-list>div{padding:6px;border-radius:7px}.sync-status-grid{gap:8px}.sync-status-grid article{padding:10px;border-radius:10px}.sync-status-grid span,.sync-status-grid small{font-size:9px}.sync-status-grid b{font-size:13px;margin:4px 0}
.empty{padding:28px 12px;border-radius:11px;font-size:12px}

@media(max-width:1150px){.merchant-metrics,.manager-summary,.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.okx-workspace{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:900px){.top{flex-wrap:wrap}.top nav{order:3;width:100%;overflow-x:auto;margin-top:6px;padding-bottom:2px}.top nav a{white-space:nowrap}.container{padding-top:12px}.okx-sidebar{top:118px;max-height:calc(100vh - 128px)}}
@media(max-width:780px){body{font-size:13px}.container{padding:10px 8px 28px}.okx-workspace{display:block}.okx-sidebar{position:relative;top:auto;max-height:none;padding:7px;margin-bottom:8px}.okx-sidebar-head{padding:4px 4px 7px}.okx-sidebar nav{display:flex;overflow-x:auto;gap:4px;padding:6px 0}.okx-sidebar nav a{display:flex;white-space:nowrap;min-width:max-content;padding:7px 9px}.okx-sidebar nav a span{display:none}.okx-sidebar-note{display:none}.okx-content .panel,.pagehead{padding:11px}.pagehead h1{font-size:22px}.merchant-metrics,.manager-summary,.reference-grid,.sync-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-scroll{border-radius:9px}table{min-width:620px}.form-two,.filters,.ads-filter-form{grid-template-columns:1fr}.btn{min-height:34px}.builder-actions{display:grid;grid-template-columns:1fr 1fr}.builder-actions .btn{width:100%}}
@media(max-width:520px){.top{padding:9px 10px}.brand{font-size:14px}.top nav a{padding:7px 8px;font-size:11px}.user-menu{display:none}.hero h1,.pagehead h1{font-size:20px}.merchant-metrics,.manager-summary,.reference-grid,.sync-status-grid{grid-template-columns:1fr 1fr}.merchant-profile{grid-template-columns:42px 1fr}.merchant-profile img,.merchant-avatar{width:42px;height:42px}.sync-note{grid-column:1/-1}.reference-list{grid-template-columns:1fr}.builder-actions{grid-template-columns:1fr}.actions-cell,.row-actions{flex-direction:column;align-items:stretch}.actions-cell .btn,.row-actions .btn{width:100%}.status-details{grid-template-columns:1fr 1fr}.diagnostic-list{grid-template-columns:1fr}.checks{grid-template-columns:1fr}}
@media(max-width:380px){.merchant-metrics,.manager-summary,.reference-grid,.sync-status-grid,.status-details{grid-template-columns:1fr}.container{padding-left:6px;padding-right:6px}.pagehead,.panel{border-radius:10px}}


/* Sprint 2.8 — cartes compactes, couleurs sémantiques et remplissage sans vides */
:root{--blue:#55a7ff;--purple:#a88cff;--teal:#39d6d0;--gold:#f3c75f}
.panel,.pagehead,.hero{padding:14px;border-radius:13px}
.okx-content{min-width:0}
.merchant-command{margin-top:8px}
.merchant-command-head{gap:10px}
.merchant-command-head h2{font-size:21px;margin:3px 0}
.merchant-command-head p{font-size:12px;line-height:1.35;margin:0}
.merchant-profile{margin-top:10px;padding:10px 12px;border-radius:11px;min-height:72px}
.merchant-profile img,.merchant-avatar{width:48px;height:48px;border-radius:12px}
.merchant-profile h3{font-size:18px;margin:0 0 2px}
.merchant-profile p{font-size:11px;line-height:1.3;margin:0 0 5px}
.sync-note{padding:7px 9px;border-radius:8px}
.sync-note span,.sync-note small{font-size:9px}.sync-note b{font-size:12px}
.merchant-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:7px;margin-top:8px;align-items:stretch}
.merchant-metrics article{position:relative;overflow:hidden;min-height:88px;padding:10px 11px;border-radius:10px;border:1px solid var(--line);background:#0a192a}
.merchant-metrics article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--card-accent,var(--blue))}
.merchant-metrics article:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-32px;top:-35px;background:var(--card-glow,rgba(85,167,255,.09));pointer-events:none}
.merchant-metrics span{font-size:10px;color:#a9bad0}.merchant-metrics strong{font-size:18px;margin:5px 0 3px;line-height:1.1;word-break:break-word}.merchant-metrics small{font-size:9px;line-height:1.25}
.tone-blue{--card-accent:var(--blue);--card-glow:rgba(85,167,255,.14);background:linear-gradient(145deg,rgba(85,167,255,.09),#0a192a)!important}
.tone-purple{--card-accent:var(--purple);--card-glow:rgba(168,140,255,.14);background:linear-gradient(145deg,rgba(168,140,255,.09),#0a192a)!important}
.tone-green{--card-accent:var(--green);--card-glow:rgba(32,214,143,.14);background:linear-gradient(145deg,rgba(32,214,143,.09),#0a192a)!important}
.tone-teal{--card-accent:var(--teal);--card-glow:rgba(57,214,208,.14);background:linear-gradient(145deg,rgba(57,214,208,.09),#0a192a)!important}
.tone-orange{--card-accent:var(--orange);--card-glow:rgba(255,156,74,.14);background:linear-gradient(145deg,rgba(255,156,74,.09),#0a192a)!important}
.tone-gold{--card-accent:var(--gold);--card-glow:rgba(243,199,95,.14);background:linear-gradient(145deg,rgba(243,199,95,.09),#0a192a)!important}
.tone-profile{border-left:3px solid var(--green);background:linear-gradient(100deg,rgba(32,214,143,.07),#091626 38%)}

/* Cartes globales : compactes et visuellement distinctes */
.metrics{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px;margin:10px 0 14px}
.metrics article,.platforms article,.actions article,.manager-summary article,.reference-card,.sync-status-grid article,.status-details>div,.rulegrid div{position:relative;overflow:hidden;padding:10px 11px;border-radius:10px;min-height:82px}
.metrics article:nth-child(4n+1),.manager-summary article:nth-child(4n+1),.reference-card:nth-child(4n+1){border-left:3px solid var(--blue);background:linear-gradient(145deg,rgba(85,167,255,.08),var(--panel))}
.metrics article:nth-child(4n+2),.manager-summary article:nth-child(4n+2),.reference-card:nth-child(4n+2){border-left:3px solid var(--green);background:linear-gradient(145deg,rgba(32,214,143,.08),var(--panel))}
.metrics article:nth-child(4n+3),.manager-summary article:nth-child(4n+3),.reference-card:nth-child(4n+3){border-left:3px solid var(--purple);background:linear-gradient(145deg,rgba(168,140,255,.08),var(--panel))}
.metrics article:nth-child(4n),.manager-summary article:nth-child(4n),.reference-card:nth-child(4n){border-left:3px solid var(--orange);background:linear-gradient(145deg,rgba(255,156,74,.08),var(--panel))}
.metrics strong{font-size:19px;margin:5px 0}.metrics span,.metrics small{font-size:10px}
.manager-summary,.reference-grid,.sync-status-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:7px}
.actions{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin-top:9px}.actions article{min-height:0}.actions h3{font-size:15px;margin:0 0 4px}.actions p{font-size:11px;line-height:1.3;margin:0 0 8px}

/* États parlants */
.connection-state.connected,.flash.success{border-left:3px solid var(--green);background:linear-gradient(100deg,rgba(32,214,143,.10),#091626)}
.connection-state.error,.flash.error{border-left:3px solid var(--red);background:linear-gradient(100deg,rgba(255,99,118,.10),#091626)}
.warning{border-left:3px solid var(--orange);padding:9px 11px;margin:9px 0;font-size:11px}
.empty{padding:22px 12px}.compact-empty{min-height:80px;display:grid;place-items:center}

/* Formulaires et tableaux plus denses */
.form{gap:9px;margin:9px 0}.form-two{gap:8px}.form label,.filters label{gap:4px;font-size:11px}input,select,textarea{padding:9px 10px;border-radius:8px;font-size:12px}.btn{padding:8px 11px;border-radius:8px;font-size:11px;min-height:32px}th,td{padding:9px 10px;font-size:11px}th{font-size:9px}.table-panel{margin-top:9px}.badge{padding:4px 7px;font-size:9px}

@media(max-width:1100px){.merchant-metrics,.metrics,.manager-summary,.reference-grid,.sync-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.merchant-metrics,.metrics,.manager-summary,.reference-grid,.sync-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-profile{grid-template-columns:48px 1fr}.sync-note{grid-column:1/-1;width:100%}}
@media(max-width:430px){.merchant-metrics,.metrics,.manager-summary,.reference-grid,.sync-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.merchant-metrics article,.metrics article,.manager-summary article,.reference-card{padding:8px;min-height:78px}.merchant-metrics strong,.metrics strong{font-size:15px}.merchant-metrics span,.merchant-metrics small,.metrics span,.metrics small{font-size:8px}.panel,.pagehead{padding:9px}.okx-content{overflow:hidden}}

/* Sprint 2.9 — Radar réellement interactif */
.compact-head{min-height:auto}.radar-panel{padding:14px}.radar-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}.radar-form label{margin:0}.radar-form select,.radar-form input{min-height:42px}.radar-form .fx-field{grid-column:span 2}.radar-form .fx-field small{display:block;margin-top:4px}.radar-submit{display:flex;align-items:end}.radar-submit .btn{width:100%;min-height:42px}.radar-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}.metric-card{border:1px solid var(--line);border-radius:14px;padding:13px;min-height:112px;display:flex;flex-direction:column;justify-content:center;background:var(--panel)}.metric-card span{font-size:.78rem;color:var(--muted)}.metric-card strong{font-size:1.2rem;line-height:1.25;margin:5px 0}.metric-card small{font-size:.75rem;color:var(--muted)}.tone-blue{border-left:4px solid #3b82f6;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(7,21,38,.92))}.tone-violet{border-left:4px solid #8b5cf6;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(7,21,38,.92))}.tone-green{border-left:4px solid #22c55e;background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(7,21,38,.92))}.tone-cyan{border-left:4px solid #06b6d4;background:linear-gradient(135deg,rgba(6,182,212,.12),rgba(7,21,38,.92))}.tone-orange{border-left:4px solid #f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(7,21,38,.92))}.tone-red{border-left:4px solid #ef4444;background:linear-gradient(135deg,rgba(239,68,68,.12),rgba(7,21,38,.92))}.compact-empty{min-height:150px}.notice.compact{padding:12px 14px}.hidden{display:none!important}
@media(max-width:1100px){.radar-form{grid-template-columns:repeat(2,minmax(0,1fr))}.radar-results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.radar-form{grid-template-columns:1fr 1fr}.radar-form .fx-field{grid-column:1/-1}.radar-submit{grid-column:1/-1}.radar-results{grid-template-columns:1fr 1fr}.metric-card{min-height:100px;padding:11px}.metric-card strong{font-size:1rem}}
@media(max-width:420px){.radar-form,.radar-results{grid-template-columns:1fr}.radar-form .fx-field,.radar-submit{grid-column:auto}}

/* Sprint 3.0 - Centre des opportunités */
.opportunity-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:12px 0}
.opportunity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:12px;margin:12px 0}
.opportunity-card{border:1px solid var(--line,#20354f);border-radius:16px;padding:16px;background:var(--panel,#0b1a2d)}
.opportunity-card.tone-green{box-shadow:inset 4px 0 0 #20d79a}.opportunity-card.tone-red{box-shadow:inset 4px 0 0 #ff637d}
.opportunity-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.opportunity-card-head h2{font-size:1.15rem;margin:3px 0}
.score-badge{background:#15364a;color:#6ff0bd;padding:7px 10px;border-radius:999px;font-weight:800;font-size:.78rem;white-space:nowrap}
.opportunity-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.opportunity-data>div{border:1px solid #1d3450;border-radius:10px;padding:9px;background:#081728}.opportunity-data span{display:block;color:#8eabc9;font-size:.72rem;margin-bottom:3px}.opportunity-data b{font-size:.9rem}
.opportunity-actions{display:flex;gap:8px;margin-top:12px}.btn.danger{background:#3a1825;color:#ff9caf;border-color:#7e3046}
.compact-panel{padding:14px}.compact-table{font-size:.82rem}.compact-table th,.compact-table td{padding:9px 10px}
@media(max-width:700px){.opportunity-grid{grid-template-columns:1fr}.opportunity-data{grid-template-columns:repeat(2,minmax(0,1fr))}.opportunity-card{padding:12px}}
/* Sprint 3.2 — conversion automatique */
.radar-form .fx-field{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end}
.radar-form .fx-field.hidden{display:none!important}
@media(max-width:700px){.radar-form .fx-field{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.radar-form .fx-field{grid-template-columns:1fr}}
.code-box{padding:.75rem 1rem;border:1px solid var(--line,#243b55);border-radius:10px;background:#071728;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.switch-line{display:flex!important;align-items:center;gap:.55rem}.switch-line input{width:auto!important}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media(max-width:680px){.form-grid{grid-template-columns:1fr}}

/* Sprint 3.4 — interface dense globale et radar avancé */
.container{max-width:1440px;padding:16px clamp(10px,2.2vw,28px) 34px}
.pagehead,.hero,.panel{border-radius:14px;padding:16px}
.compact-head,.dense-head{min-height:0;margin-bottom:10px}.compact-head h1,.dense-head h1{font-size:clamp(22px,2.4vw,32px);margin:4px 0}.compact-head p,.dense-head p{margin:3px 0;font-size:.88rem}
.grid,.metrics,.platforms,.actions{gap:9px}.metrics{margin:10px 0 14px}.metrics article,.platforms article,.actions article{padding:12px;border-radius:12px}.metrics strong{font-size:20px;margin:5px 0}
.status-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:10px 0}
.mini-status{border:1px solid var(--line);border-radius:11px;padding:10px 12px;min-width:0}.mini-status span{display:block;color:var(--muted);font-size:.7rem;margin-bottom:3px}.mini-status strong{display:block;font-size:.91rem;line-height:1.25;overflow-wrap:anywhere}
.radar-settings-form{width:100%;max-width:none!important;margin:10px 0;display:block}.setting-toggle{margin-bottom:8px}.setting-toggle small{display:block;color:var(--muted);font-weight:400;margin-top:2px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.setting-card{border:1px solid var(--line);border-radius:12px;padding:12px;min-width:0}.setting-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.setting-title span{font-size:.67rem;letter-spacing:.12em;font-weight:900;color:var(--muted)}.setting-title b{font-size:.9rem}.mini-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mini-form-grid label{display:grid;gap:4px;color:var(--muted);font-size:.7rem}.mini-form-grid input,.mini-form-grid select{padding:8px 9px;border-radius:8px;font-size:.84rem;min-height:36px}.span-2{grid-column:span 2}.compact-actions{display:flex;justify-content:flex-end;margin-top:9px}.compact-actions .btn{padding:9px 15px}.panel-head-inline{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head-inline h2{margin:3px 0;font-size:1.15rem}.cron-panel{margin-top:10px}.cron-grid{display:grid;grid-template-columns:minmax(300px,2fr) repeat(2,minmax(170px,1fr));gap:8px;align-items:stretch}.field-caption{display:block;color:var(--muted);font-size:.7rem;margin-bottom:4px}.code-box{padding:9px 11px;font-size:.72rem;min-height:42px}
.tone-blue{border-left:4px solid #3b82f6;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(7,21,38,.92))}
.form{max-width:none}.filters{gap:8px;margin:10px 0}.filters input,.filters select,input,select{padding:9px 10px}.btn{padding:9px 13px;border-radius:9px;font-size:.82rem}.empty{padding:28px 14px;min-height:110px}.opportunity-card{padding:12px}.opportunity-data{gap:6px}.opportunity-data>div{padding:8px}.compact-table th,.compact-table td,table th,table td{padding:7px 8px}
@media(max-width:980px){.settings-grid{grid-template-columns:1fr}.cron-grid{grid-template-columns:1fr 1fr}.cron-grid>div:first-child{grid-column:1/-1}}
@media(max-width:650px){.container{padding:10px 8px 26px}.pagehead,.hero,.panel{padding:11px;border-radius:11px}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-form-grid{grid-template-columns:1fr 1fr}.cron-grid{grid-template-columns:1fr}.cron-grid>div:first-child{grid-column:auto}.top{padding:9px 10px}.settings-grid{gap:7px}.setting-card{padding:9px}}
@media(max-width:390px){.status-strip,.mini-form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}

/* Sprint 3.5 — Réglages compacts avec vue globale */
.settings-pagehead{margin-bottom:9px}
.settings-overview-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:8px 0}
.settings-overview-card{border:1px solid var(--line);border-radius:11px;padding:10px 11px;min-height:84px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.settings-overview-card span,.settings-overview-card small{color:var(--muted);font-size:.68rem}
.settings-overview-card strong{font-size:1rem;line-height:1.15;margin:5px 0;overflow-wrap:anywhere}
.truncate-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.settings-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:8px 0}
.settings-action-card{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;text-decoration:none;color:var(--text);border:1px solid var(--line);border-radius:11px;padding:9px 10px;min-height:66px}
.settings-action-card:hover{transform:translateY(-1px);border-color:#3a5b80}
.settings-action-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.07);font-weight:900}
.settings-action-card b,.settings-action-card small{display:block}.settings-action-card b{font-size:.82rem}.settings-action-card small{color:var(--muted);font-size:.66rem;margin-top:3px;line-height:1.25}.settings-action-card i{font-style:normal;font-size:1.25rem;color:var(--muted)}
.settings-main-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(260px,.9fr);gap:8px;margin-top:8px;align-items:start}
.settings-panel-head h2{font-size:1.05rem;margin:2px 0}.compact-help{font-size:.74rem;margin:4px 0 8px}
.settings-key-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.settings-key-grid label{display:grid;gap:4px;color:var(--muted);font-size:.68rem}.settings-key-grid input{min-height:37px;padding:8px 9px;font-size:.8rem}
.settings-security-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}.settings-security-row>div{border:1px solid var(--line);border-radius:9px;padding:8px;background:#081728}.settings-security-row span,.settings-security-row b{display:block}.settings-security-row span{font-size:.62rem;color:var(--muted)}.settings-security-row b{font-size:.75rem;margin-top:3px;color:var(--green)}
.compact-warning{margin:8px 0;padding:9px 10px;font-size:.72rem}.settings-form-actions{display:flex;gap:7px;justify-content:flex-end}.settings-form-actions .btn{min-height:36px}
.settings-check-list{display:grid;gap:6px}.settings-check-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-left-width:3px;border-radius:9px;padding:8px 9px;background:#081728}.settings-check-list span{color:var(--muted);font-size:.68rem}.settings-check-list b{font-size:.75rem;text-align:right}.check-ok{border-left-color:var(--green)!important}.check-ok b{color:var(--green)}.check-warn{border-left-color:var(--orange)!important}.check-warn b{color:var(--orange)}.check-info{border-left-color:#55a7ff!important}.check-info b{color:#9ecbff}
@media(max-width:1150px){.settings-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-main-grid{grid-template-columns:1fr}.settings-side-card{order:-1}.settings-check-list{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-check-list>div{display:block}.settings-check-list b{display:block;margin-top:4px;text-align:left}}
@media(max-width:700px){.settings-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-action-grid{grid-template-columns:1fr 1fr}.settings-key-grid{grid-template-columns:1fr}.settings-security-row{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-check-list{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-form-actions{display:grid;grid-template-columns:1fr 1fr}.settings-form-actions .btn{width:100%}}
@media(max-width:420px){.settings-overview-grid,.settings-action-grid,.settings-check-list,.settings-form-actions{grid-template-columns:1fr}.settings-overview-card{min-height:72px}.settings-action-card{min-height:60px}}
.route-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.35fr);gap:14px;align-items:start}.route-cards{display:grid;gap:10px}.route-card,.spot-card{background:var(--panel,#111827);border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:14px}.route-card.active-route{border-left:4px solid #22c55e}.route-card.disabled-route{opacity:.68;border-left:4px solid #64748b}.route-card h3,.spot-card h3{margin:2px 0}.route-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.route-stats span,.quote-pair span{padding:8px;border-radius:9px;background:rgba(148,163,184,.08);font-size:.82rem}.route-stats b,.quote-pair em{display:block;font-style:normal;font-size:1rem;margin-top:3px}.route-actions{margin-top:10px;flex-wrap:wrap}.route-actions form{margin:0}.btn.small{padding:7px 10px;font-size:.78rem}.btn.danger{border-color:#ef4444;color:#ef4444}.checks{display:flex;gap:10px;flex-wrap:wrap}.checks label,.inline-check{display:flex;align-items:center;gap:6px}.spot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.spot-card.ok{border-top:3px solid #22c55e}.spot-card.fail{border-top:3px solid #ef4444}.quote-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}@media(max-width:950px){.route-layout{grid-template-columns:1fr}.spot-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.spot-grid{grid-template-columns:1fr}.route-stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr!important}}

.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.payment-grid fieldset{min-width:0}.payment-options>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:9px 0}.payment-options label{display:flex;align-items:center;gap:6px;padding:7px;border:1px solid var(--line);border-radius:8px;font-size:.78rem}.disabled-options{opacity:.38;pointer-events:none}.payment-summary{display:grid;gap:5px;margin:9px 0;padding:9px;border-radius:9px;background:rgba(148,163,184,.07);font-size:.78rem}.warning-line{margin-top:10px}.muted-note{display:block;color:var(--muted);margin:5px 0 10px}@media(max-width:680px){.payment-grid{grid-template-columns:1fr}.payment-options>div{grid-template-columns:1fr 1fr}}@media(max-width:390px){.payment-options>div{grid-template-columns:1fr}}
/* V5.0.1 PWA */
.pwa-connect .actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.pwa-connect .btn{border:1px solid #28496d;background:#102943;color:#fff;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.pwa-connect .btn.primary{background:#18a978;border-color:#18a978;color:#04150f}.pwa-connect .muted{color:#a7bbd3}.pwa-connect small{display:block;color:#91a6bf;line-height:1.5}@media(max-width:640px){.pwa-connect .actions{display:grid}.pwa-connect .btn{width:100%}}

/* V5.2.1 — Console VIB Alert compacte */
.vib-alert-console{padding:12px 14px!important;margin-bottom:8px}
.vib-console-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.vib-console-head h1{font-size:1.35rem;margin:2px 0;line-height:1}.vib-console-head .eyebrow{font-size:.62rem}
.vib-console-actions{display:flex;gap:6px;flex-wrap:wrap}.vib-console-actions .btn{padding:7px 10px;font-size:.74rem;min-height:32px}
.vib-status-strip{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:6px}
.vib-kpi{min-width:0;border:1px solid var(--line);border-left:3px solid #64748b;background:#081728;border-radius:8px;padding:7px 9px}
.vib-kpi.success{border-left-color:var(--green)}.vib-kpi.warning{border-left-color:var(--orange)}.vib-kpi.info{border-left-color:#55a7ff}.vib-kpi.danger{border-left-color:var(--red)}
.vib-kpi span,.vib-kpi b{display:block}.vib-kpi span{font-size:.61rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.vib-kpi b{font-size:.83rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vib-console-foot{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:8px;margin-top:7px;padding-top:7px;border-top:1px solid var(--line);font-size:.68rem;color:var(--muted)}
.compact-section{padding:12px 14px!important;margin-top:8px}.compact-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.compact-section-head h2{font-size:1.02rem;margin:0}.compact-section-head small{color:var(--muted);font-size:.66rem}
.device-card-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:7px}
.device-card{border:1px solid var(--line);border-radius:10px;background:#081728;padding:9px;min-width:0}
.device-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}.device-card-top b{display:block;font-size:.82rem;overflow-wrap:anywhere}.device-card-top small{display:block;color:var(--muted);font-size:.62rem;margin-top:2px;overflow-wrap:anywhere}
.device-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:7px 0}.device-meta span{background:rgba(148,163,184,.07);border-radius:6px;padding:5px 6px;font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.device-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:7px}.device-stats span{color:var(--muted);font-size:.59rem}.device-stats b{display:block;color:var(--text);font-size:.72rem;margin-top:1px}
.device-actions{display:grid;grid-template-columns:minmax(110px,1fr) repeat(4,auto);gap:4px;align-items:center}.device-actions input{min-height:30px;padding:5px 7px;font-size:.68rem}.device-actions .btn{padding:6px 7px;font-size:.64rem;min-height:30px}
.compact-empty{grid-column:1/-1;padding:18px}.compact-table{min-width:720px}.compact-table th,.compact-table td{padding:6px 7px;font-size:.7rem}.compact-table th{font-size:.62rem}.compact-table td small{font-size:.62rem;margin-top:2px}
.container{max-width:1500px;padding-top:12px}.panel{margin-bottom:8px}
@media(max-width:1250px){.vib-status-strip{grid-template-columns:repeat(4,minmax(110px,1fr))}.device-card-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}}
@media(max-width:800px){.vib-console-head{align-items:flex-start}.vib-console-actions{justify-content:flex-end}.vib-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.vib-console-foot{grid-template-columns:1fr}.device-card-grid{grid-template-columns:1fr}.device-actions{grid-template-columns:1fr 1fr}.device-actions input{grid-column:1/-1}.device-actions .btn{width:100%}}
@media(max-width:480px){.vib-console-head{display:block}.vib-console-actions{margin-top:7px;display:grid;grid-template-columns:repeat(3,1fr)}.vib-console-actions .btn{padding:7px 5px}.vib-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.vib-alert-console,.compact-section{padding:9px!important}.device-meta{grid-template-columns:1fr 1fr}}

/* V5.2.2 — VIB Alert en cartes professionnelles */
.vib-dashboard{display:grid;gap:10px;margin:0 0 10px}.vib-top-kpis{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));gap:8px}.vib-stat-card{display:flex;align-items:center;gap:10px;min-height:82px;padding:11px;border:1px solid var(--line);border-top:3px solid #64748b;border-radius:12px;background:linear-gradient(145deg,#0b1c30,#081524);box-shadow:0 8px 22px rgba(0,0,0,.12)}.vib-stat-card.success{border-top-color:var(--green)}.vib-stat-card.info{border-top-color:#3399ff}.vib-stat-card.purple{border-top-color:#a855f7}.vib-stat-card.warning{border-top-color:var(--orange)}.vib-stat-card.danger{border-top-color:var(--red)}.vib-stat-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:rgba(51,153,255,.12);font-size:0;color:transparent}.vib-stat-icon:before{font-size:18px;color:#6db7ff}.vib-stat-icon:nth-child(1):before{content:'●'}.vib-stat-card small,.vib-stat-card b,.vib-stat-card em{display:block}.vib-stat-card small{font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;color:#afc0d5}.vib-stat-card b{font-size:1rem;line-height:1.15;margin-top:3px;color:#fff}.vib-stat-card.success b{color:#21db87}.vib-stat-card.info b{color:#5db2ff}.vib-stat-card.purple b{color:#c16aff}.vib-stat-card.warning b{color:#ffb52d}.vib-stat-card.danger b{color:#ff6575}.vib-stat-card em{font-style:normal;font-size:.6rem;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vib-action-card,.vib-section-card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#0b1c30,#081524);padding:13px}.vib-action-card{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(360px,.8fr);gap:10px;align-items:stretch}.vib-action-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.vib-action-main h1{font-size:1.4rem;margin:2px 0}.vib-action-main p{font-size:.7rem;color:var(--muted);margin:4px 0 0}.vib-console-actions{display:flex;gap:7px;flex-wrap:wrap}.vib-console-actions .btn{min-height:36px;padding:8px 12px;font-size:.72rem}.info-btn{background:#123d75!important;border-color:#225f9f!important}.purple-btn{background:#552085!important;border-color:#8134ba!important}.warning-btn{background:#5c3b08!important;border-color:#9f6d10!important;color:#ffd36c!important}.vib-action-status{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.vib-action-status article{border:1px solid var(--line);border-radius:9px;background:#07182a;padding:9px}.vib-action-status small,.vib-action-status b,.vib-action-status span{display:block}.vib-action-status small{font-size:.58rem;text-transform:uppercase;color:var(--muted)}.vib-action-status b{font-size:.8rem;margin-top:4px}.vib-action-status span{font-size:.58rem;color:var(--muted);margin-top:3px}.vib-inline-note{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:8px;color:var(--muted);font-size:.64rem}
.vib-main-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(310px,.85fr);gap:10px}.vib-main-left,.vib-main-right{display:grid;gap:10px;align-content:start}.vib-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.vib-section-head>div{display:flex;align-items:center;gap:8px}.vib-section-head h2{font-size:.92rem;margin:0;color:#62b0ff;text-transform:uppercase;letter-spacing:.025em}.vib-section-head small{font-size:.6rem;color:var(--muted)}
.device-card-grid.pro-grid{grid-template-columns:repeat(3,minmax(235px,1fr));gap:8px}.pro-device{border-top:3px solid #64748b;padding:10px}.pro-device.ok{border-top-color:var(--green)}.pro-device.warning{border-top-color:var(--orange)}.pro-device.danger{border-top-color:var(--red)}.device-title{display:flex;align-items:center;gap:7px}.device-kind{display:grid;place-items:center;min-width:36px;height:27px;border-radius:7px;background:#122f50;color:#67b7ff;font-size:.58rem;font-weight:800}.device-info-list{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:9px 0}.device-info-list span{background:rgba(148,163,184,.065);border:1px solid rgba(148,163,184,.08);border-radius:7px;padding:6px}.device-info-list small,.device-info-list b{display:block}.device-info-list small{font-size:.54rem;color:var(--muted);text-transform:uppercase}.device-info-list b{font-size:.66rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 0 8px}.device-mini-stats span{font-size:.55rem;color:var(--muted);background:#07182a;border-radius:6px;padding:5px}.device-mini-stats b{display:block;color:#fff;font-size:.7rem;margin-top:1px}.pro-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.pro-actions input{grid-column:1/-1}.pro-actions .btn{width:100%}.vib-history td:first-child{white-space:nowrap}.vib-history td:nth-child(3){min-width:220px}
.vib-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.live-card{border:1px solid var(--line);border-left:3px solid #64748b;border-radius:9px;background:#07182a;padding:9px}.live-card.success{border-left-color:var(--green)}.live-card.warning{border-left-color:var(--orange)}.live-card.info{border-left-color:#3399ff}.live-card.purple{border-left-color:#a855f7}.live-card small,.live-card b,.live-card span{display:block}.live-card small{font-size:.57rem;text-transform:uppercase;color:#aebfd2}.live-card b{font-size:1.15rem;margin-top:4px}.live-card.success b{color:#21db87}.live-card.warning b{color:#ffb52d}.live-card.info b{color:#5db2ff}.live-card.purple b{color:#c16aff}.live-card span{font-size:.57rem;color:var(--muted);margin-top:3px}.system-check-list{display:grid;gap:6px}.system-check-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(148,163,184,.12);padding:7px 2px}.system-check-list>div:last-child{border-bottom:0}.system-check-list span{font-size:.66rem;color:#c5d1df}.system-check-list b{font-size:.66rem;text-align:right}.text-success{color:#20d781!important}.text-warning{color:#ffb52d!important}.text-info{color:#55a7ff!important}
@media(max-width:1350px){.vib-top-kpis{grid-template-columns:repeat(4,1fr)}.device-card-grid.pro-grid{grid-template-columns:repeat(2,minmax(235px,1fr))}}@media(max-width:1050px){.vib-action-card{grid-template-columns:1fr}.vib-main-grid{grid-template-columns:1fr}.vib-main-right{grid-template-columns:1fr 1fr}.vib-main-right .vib-section-card{min-width:0}}@media(max-width:760px){.vib-top-kpis{grid-template-columns:repeat(2,1fr)}.vib-action-main{align-items:flex-start;display:grid}.vib-action-status{grid-template-columns:1fr 1fr 1fr}.device-card-grid.pro-grid{grid-template-columns:1fr}.vib-main-right{grid-template-columns:1fr}.vib-inline-note{display:grid}.vib-live-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.vib-action-status,.vib-live-grid{grid-template-columns:1fr 1fr}.vib-console-actions{display:grid;grid-template-columns:1fr 1fr}.vib-console-actions .btn:last-child{grid-column:1/-1}.vib-stat-card{min-height:72px;padding:8px}.vib-stat-card em{display:none}}

/* ============================================================
   EXECUTION OKX — PRESENTATION COMPACTE ET VISIBLE
   Version externe pour éviter les conflits et le CSS inline ignoré
   ============================================================ */
body .container .execution-okx-page {
  padding: 14px !important;
  border: 1px solid #294a68 !important;
  border-radius: 13px !important;
  background:
    radial-gradient(circle at 85% 5%, rgba(33, 219, 160, .08), transparent 27%),
    linear-gradient(145deg, #0b2035, #071728) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .20) !important;
  overflow: visible !important;
}

body .container .execution-okx-page .execution-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 10px !important;
}

body .container .execution-okx-page .execution-title h2 {
  margin: 2px 0 0 !important;
  font-size: clamp(20px, 2vw, 27px) !important;
  line-height: 1.08 !important;
}

body .container .execution-okx-page .execution-title label {
  width: min(340px, 100%) !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* Cartes de contrôles */
body .container .execution-okx-page .execution-checks {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 8px 0 10px !important;
}

body .container .execution-okx-page .check-card {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  min-height: 72px !important;
  padding: 9px 10px !important;
  border: 1px solid #31516f !important;
  border-radius: 10px !important;
  background: linear-gradient(145deg, rgba(15, 43, 69, .98), rgba(7, 23, 39, .98)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.04) !important;
}

body .container .execution-okx-page .check-card .check-icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  padding: 2px !important;
  border-radius: 10px !important;
  color: #05131f !important;
  font-size: 7px !important;
  font-weight: 950 !important;
  letter-spacing: -.02em !important;
}

body .container .execution-okx-page .check-card > div {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 3px !important;
}

body .container .execution-okx-page .check-card small {
  color: #8eafcc !important;
  font-size: 8px !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}

body .container .execution-okx-page .check-card b {
  overflow: hidden !important;
  color: #f8fbff !important;
  font-size: 12px !important;
  line-height: 1.16 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .container .execution-okx-page .tone-api { border-color: #16c784 !important; }
body .container .execution-okx-page .tone-api .check-icon { background: #21df9a !important; }
body .container .execution-okx-page .tone-balance { border-color: #168cff !important; }
body .container .execution-okx-page .tone-balance .check-icon { background: #3b9cff !important; }
body .container .execution-okx-page .tone-price { border-color: #9664ff !important; }
body .container .execution-okx-page .tone-price .check-icon { background: #a979ff !important; }
body .container .execution-okx-page .tone-payment { border-color: #e5a119 !important; }
body .container .execution-okx-page .tone-payment .check-icon { background: #ffb629 !important; }
body .container .execution-okx-page .tone-total { border-color: #13c3c8 !important; }
body .container .execution-okx-page .tone-total .check-icon { background: #20d0d5 !important; }
body .container .execution-okx-page .check-card.bad { border-color: #ef6f84 !important; }
body .container .execution-okx-page .check-card.bad .check-icon { background: #ff8193 !important; }

/* Ruban de résumé */
body .container .execution-okx-page .execution-info-ribbon {
  display: grid !important;
  grid-template-columns: 1.35fr repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 1px solid #294760 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #091d31 !important;
}

body .container .execution-okx-page .execution-info-ribbon > span {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  min-height: 71px !important;
  padding: 9px 12px !important;
  border: 0 !important;
  border-right: 1px solid #243e57 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #f5f9fd !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body .container .execution-okx-page .execution-info-ribbon > span:last-child {
  border-right: 0 !important;
}

body .container .execution-okx-page .execution-info-ribbon b {
  color: #82a6c6 !important;
  font-size: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: .055em !important;
}

body .container .execution-okx-page .execution-info-ribbon small {
  color: #7898b4 !important;
  font-size: 8px !important;
  font-weight: 500 !important;
}

body .container .execution-okx-page .direction-badge {
  display: inline-flex !important;
  width: max-content !important;
  padding: 3px 8px !important;
  border-radius: 5px !important;
  color: #defff2 !important;
  background: #178b5e !important;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: 950 !important;
}

/* Barre de publication */
body .container .execution-okx-page .execution-publish-bar {
  display: flex !important;
  position: static !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 10px !important;
  padding: 9px 11px !important;
  border: 1px solid #16c784 !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, rgba(22,199,132,.18), rgba(7,25,40,.98)) !important;
  box-shadow: none !important;
}

body .container .execution-okx-page .execution-publish-bar > div {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 2px !important;
}

body .container .execution-okx-page .execution-publish-bar span {
  color: #63e4b4 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body .container .execution-okx-page .execution-publish-bar b {
  overflow: hidden !important;
  color: #f9fcff !important;
  font-size: 13px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .container .execution-okx-page .execution-publish-bar small {
  color: #9bb8d2 !important;
  font-size: 9px !important;
}

body .container .execution-okx-page .execution-publish-main {
  min-width: 205px !important;
  min-height: 43px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

/* Zone centrale en deux colonnes */
body .container .execution-okx-page .execution-content-grid {
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
  align-items: stretch !important;
  gap: 9px !important;
  margin: 0 0 9px !important;
}

body .container .execution-okx-page .execution-details-card,
body .container .execution-okx-page .execution-payment-card {
  min-width: 0 !important;
  padding: 10px !important;
  border: 1px solid #294760 !important;
  border-radius: 10px !important;
  background: #081d30 !important;
}

body .container .execution-okx-page .execution-details-card h3,
body .container .execution-okx-page .execution-summary-card h3 {
  margin: 0 0 8px !important;
  color: #dfeaf4 !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

body .container .execution-okx-page .compact-form-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 7px !important;
  margin: 0 0 6px !important;
}

body .container .execution-okx-page .compact-form-row label {
  margin: 0 !important;
  color: #b7cde0 !important;
  font-size: 9px !important;
}

body .container .execution-okx-page .compact-form-row input {
  min-height: 38px !important;
  margin-top: 4px !important;
  padding: 7px 9px !important;
  border-color: #294963 !important;
  border-radius: 7px !important;
  background: #07192a !important;
  font-size: 11px !important;
}

body .container .execution-okx-page .compact-form-row small {
  display: block !important;
  margin-top: 3px !important;
  color: #7695af !important;
  font-size: 7px !important;
}

/* Paiements officiels */
body .container .execution-okx-page .execution-payments {
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body .container .execution-okx-page .execution-payments legend {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

body .container .execution-okx-page .execution-payments legend span {
  color: #dce9f4 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body .container .execution-okx-page .execution-payments legend small {
  color: #6edfb2 !important;
  font-size: 8px !important;
}

body .container .execution-okx-page .execution-payment-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 7px !important;
}

body .container .execution-okx-page .execution-payment-grid label {
  display: grid !important;
  position: relative !important;
  grid-template-columns: 31px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 68px !important;
  margin: 0 !important;
  padding: 9px !important;
  border: 1px solid #e09a1b !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, rgba(224,154,27,.13), #081b2e 67%) !important;
  overflow: hidden !important;
  cursor: pointer !important;
}

body .container .execution-okx-page .execution-payment-grid label:nth-child(odd) {
  border-color: #16c784 !important;
  background: linear-gradient(135deg, rgba(22,199,132,.15), #081b2e 67%) !important;
}

body .container .execution-okx-page .execution-payment-grid input {
  position: absolute !important;
  opacity: 0 !important;
}

body .container .execution-okx-page .execution-payment-grid .check {
  display: grid !important;
  place-items: center !important;
  width: 27px !important;
  height: 27px !important;
  border: 1px solid #657f98 !important;
  border-radius: 7px !important;
  color: transparent !important;
  background: rgba(4,16,27,.7) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body .container .execution-okx-page .execution-payment-grid label:has(input:checked) {
  border-color: #25df9d !important;
  box-shadow: 0 0 0 1px rgba(37,223,157,.23) inset !important;
}

body .container .execution-okx-page .execution-payment-grid label:has(input:checked) .check {
  border-color: #25df9d !important;
  color: #03160f !important;
  background: #25df9d !important;
}

body .container .execution-okx-page .payment-main {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 3px !important;
}

body .container .execution-okx-page .payment-name-row {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 6px !important;
}

body .container .execution-okx-page .payment-name-row b {
  overflow: hidden !important;
  color: #f7fbff !important;
  font-size: 12px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .container .execution-okx-page .payment-name-row em {
  flex: 0 0 auto !important;
  padding: 2px 5px !important;
  border-radius: 4px !important;
  color: #dffff2 !important;
  background: #19794f !important;
  font-size: 7px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

body .container .execution-okx-page .payment-main > small {
  color: #86a5c0 !important;
  font-size: 8px !important;
}

body .container .execution-okx-page .payment-extra {
  display: flex !important;
  min-width: 112px !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 3px !important;
}

body .container .execution-okx-page .payment-extra small {
  color: #7e9db8 !important;
  font-size: 7px !important;
}

body .container .execution-okx-page .payment-extra b {
  color: #5ee2ac !important;
  font-size: 11px !important;
}

body .container .execution-okx-page .payment-id {
  position: absolute !important;
  right: 9px !important;
  bottom: 4px !important;
  color: #607f9b !important;
  font-size: 7px !important;
}

/* Instructions et validations */
body .container .execution-okx-page .execution-instructions {
  display: block !important;
  margin: 0 0 8px !important;
  color: #a9c1d5 !important;
  font-size: 9px !important;
}

body .container .execution-okx-page .execution-instructions textarea {
  width: 100% !important;
  min-height: 56px !important;
  margin-top: 4px !important;
  padding: 8px 9px !important;
  border-color: #294963 !important;
  border-radius: 7px !important;
  background: #07192a !important;
  color: #eaf1f7 !important;
  font-size: 10px !important;
  resize: vertical !important;
}

body .container .execution-okx-page .execution-verification-strip {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 8px 0 7px !important;
}

body .container .execution-okx-page .execution-verification-strip span {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 7px !important;
  padding: 7px 8px !important;
  border: 1px solid #294760 !important;
  border-radius: 7px !important;
  background: #091d31 !important;
  color: #dce7f1 !important;
  font-size: 8px !important;
}

body .container .execution-okx-page .execution-verification-strip b {
  padding: 2px 6px !important;
  border-radius: 4px !important;
  color: #e1fff3 !important;
  background: #1b7e53 !important;
  font-size: 7px !important;
}

body .container .execution-okx-page .execution-ready-message {
  margin: 0 0 7px !important;
  padding: 9px 11px !important;
  border-radius: 8px !important;
  text-align: center !important;
  font-size: 10px !important;
  font-weight: 850 !important;
}

body .container .execution-okx-page .execution-ready-message.is-ready {
  border: 1px solid #16c784 !important;
  color: #61e5b4 !important;
  background: rgba(22,199,132,.13) !important;
}

body .container .execution-okx-page .execution-ready-message.is-blocked {
  border: 1px solid #ef6e82 !important;
  color: #ff9aae !important;
  background: rgba(239,110,130,.12) !important;
}

body .container .execution-okx-page .execution-live-total {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 8px !important;
  padding: 8px 10px !important;
  border: 1px solid #294760 !important;
  border-radius: 8px !important;
  background: #091d31 !important;
}

body .container .execution-okx-page .execution-live-total span {
  color: #82a5c4 !important;
  font-size: 8px !important;
}

body .container .execution-okx-page .execution-live-total b {
  color: #f8fbfe !important;
  font-size: 13px !important;
}

body .container .execution-okx-page .execution-live-total small {
  margin: 0 !important;
  color: #65e3b2 !important;
  font-size: 8px !important;
}

/* Résumé final */
body .container .execution-okx-page .execution-summary-card {
  margin: 0 0 8px !important;
  padding: 9px 10px !important;
  border: 1px solid #294760 !important;
  border-radius: 9px !important;
  background: #081d30 !important;
}

body .container .execution-okx-page .execution-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
}

body .container .execution-okx-page .execution-summary-grid span {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 3px !important;
  padding: 5px 10px !important;
  border-right: 1px solid #243e57 !important;
}

body .container .execution-okx-page .execution-summary-grid span:last-child {
  border-right: 0 !important;
}

body .container .execution-okx-page .execution-summary-grid small {
  color: #7899b5 !important;
  font-size: 7px !important;
}

body .container .execution-okx-page .execution-summary-grid b {
  overflow: hidden !important;
  color: #f4f9fd !important;
  font-size: 11px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .container .execution-okx-page .execution-summary-grid span:nth-child(1) b { color: #49dfa8 !important; }
body .container .execution-okx-page .execution-summary-grid span:nth-child(2) b { color: #45a4ff !important; }
body .container .execution-okx-page .execution-summary-grid span:nth-child(3) b { color: #aa7dff !important; }
body .container .execution-okx-page .execution-summary-grid span:nth-child(4) b { color: #ffb72c !important; }

/* Barre d'action */
body .container .execution-okx-page .execution-actions {
  display: flex !important;
  position: sticky !important;
  bottom: 0 !important;
  z-index: 30 !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 10px -14px -14px !important;
  padding: 9px 14px !important;
  border-top: 1px solid #294760 !important;
  background: rgba(5,18,31,.98) !important;
  box-shadow: 0 -8px 22px rgba(0,0,0,.24) !important;
}

body .container .execution-okx-page .execution-actions-right {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body .container .execution-okx-page .execution-actions-right span {
  color: #92afc8 !important;
  font-size: 9px !important;
}

body .container .execution-okx-page #publishOpportunityButton,
body .container .execution-okx-page #publishOpportunityButtonTop {
  min-height: 42px !important;
  padding: 8px 18px !important;
  font-weight: 950 !important;
}

body .container .execution-okx-page #publishOpportunityButton:disabled,
body .container .execution-okx-page #publishOpportunityButtonTop:disabled {
  opacity: .43 !important;
  cursor: not-allowed !important;
}

@media (max-width: 1120px) {
  body .container .execution-okx-page .execution-checks {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  body .container .execution-okx-page .execution-info-ribbon {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  body .container .execution-okx-page .execution-content-grid {
    grid-template-columns: 1fr !important;
  }
  body .container .execution-okx-page .execution-verification-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  body .container .execution-okx-page {
    padding: 10px !important;
  }
  body .container .execution-okx-page .execution-title,
  body .container .execution-okx-page .execution-publish-bar {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  body .container .execution-okx-page .execution-checks,
  body .container .execution-okx-page .execution-info-ribbon,
  body .container .execution-okx-page .execution-verification-strip {
    grid-template-columns: 1fr 1fr !important;
  }
  body .container .execution-okx-page .execution-publish-main {
    width: 100% !important;
    min-width: 0 !important;
  }
  body .container .execution-okx-page .compact-form-row {
    grid-template-columns: 1fr !important;
  }
  body .container .execution-okx-page .execution-payment-grid label {
    grid-template-columns: 29px minmax(0, 1fr) !important;
  }
  body .container .execution-okx-page .payment-extra {
    grid-column: 2 !important;
    align-items: flex-start !important;
  }
  body .container .execution-okx-page .execution-summary-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  body .container .execution-okx-page .execution-summary-grid span {
    border-right: 0 !important;
    border-bottom: 1px solid #243e57 !important;
  }
  body .container .execution-okx-page .execution-live-total {
    grid-template-columns: 1fr !important;
  }
  body .container .execution-okx-page .execution-actions,
  body .container .execution-okx-page .execution-actions-right {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  body .container .execution-okx-page .execution-actions-right span {
    text-align: center !important;
  }
  body .container .execution-okx-page #publishOpportunityButton {
    width: 100% !important;
  }
}

@media (max-width: 450px) {
  body .container .execution-okx-page .execution-checks,
  body .container .execution-okx-page .execution-info-ribbon,
  body .container .execution-okx-page .execution-verification-strip,
  body .container .execution-okx-page .execution-summary-grid {
    grid-template-columns: 1fr !important;
  }
}


/* === V5.6.0 Compact OKX Order Center === */
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:8px 0}
.kpi-card{background:#11223a;border:1px solid #20344f;border-radius:12px;padding:10px}
.kpi-card h4{margin:0;font-size:12px;color:#91a4bd}
.kpi-card .value{font-size:22px;font-weight:700;margin-top:4px}
.status-new{border-left:4px solid #2ea8ff}
.status-pay{border-left:4px solid #ff9c4a}
.status-done{border-left:4px solid #20d68f}
.status-alert{border-left:4px solid #ff6376}
.order-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;background:#0d1a2c;border:1px solid #20344f;border-radius:10px;padding:8px;margin-bottom:8px}

/* ========================================================================== */
/* VIB — Coûts par route V4 : cartes compactes, drapeaux, filtres responsive */
/* ========================================================================== */
.costs-dashboard{--cost-bg:#061321;--cost-panel:#0a1a2b;--cost-panel-2:#081725;--cost-line:#203a52;--cost-text:#f4f8fc;--cost-muted:#91a8bd;--cost-green:#11d77d;max-width:1600px;margin:0 auto;padding:14px 0 4px;color:var(--cost-text)}
.costs-dashboard *{box-sizing:border-box}.costs-hero{display:grid;grid-template-columns:minmax(300px,1.4fr) minmax(420px,1fr) auto;align-items:center;gap:12px;padding:0 0 14px;border-bottom:1px solid #1c3348}.costs-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.costs-title-line h1{margin:0;font-size:27px;line-height:1.08}.costs-title-block p{margin:7px 0 0;color:#c7d4df;font-size:12px}.costs-real-badge{padding:5px 9px;border:1px solid rgba(17,215,125,.3);border-radius:6px;background:rgba(17,215,125,.1);color:#18df88;font-size:10px;font-weight:900}.costs-kpis{display:grid;grid-template-columns:repeat(4,minmax(96px,1fr));gap:8px}.costs-kpi{min-height:58px;padding:8px 10px;border:1px solid #20384d;border-radius:8px;background:linear-gradient(180deg,#0b1b2b,#081522);text-align:center}.costs-kpi span{display:block;color:#d4dee7;font-size:10px}.costs-kpi strong{display:block;margin-top:3px;color:#14db7f;font-size:20px;line-height:1}.costs-kpi:last-child strong{color:#bcd7f5}.costs-hero-actions{display:flex;gap:8px}.costs-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:39px;padding:8px 13px;border:1px solid #29445c;border-radius:7px;color:#eef6fc;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}.costs-action.secondary{background:#091725}.costs-action.primary{border-color:#00a95f;background:#069455}.costs-toolbar{display:grid;grid-template-columns:minmax(220px,290px) 1fr minmax(190px,250px);align-items:center;gap:10px;padding:13px 0}.costs-search{display:flex;align-items:center;gap:8px;height:39px;padding:0 11px;border:1px solid #20384e;border-radius:7px;background:#0a1928}.costs-search span{color:#a9bed0;font-size:19px}.costs-search input{width:100%;padding:0!important;border:0!important;outline:0;background:transparent!important;color:#edf5fb!important;font-size:11px!important}.costs-filters{display:flex;gap:9px;flex-wrap:wrap}.cost-filter{min-height:38px;padding:7px 15px;border:1px solid #2a455e;border-radius:7px;background:#091725;color:#bcd0df;font-size:11px;font-weight:850;cursor:pointer}.cost-filter b{font-weight:700}.cost-filter.active{border-color:#0acb73;color:#16dd82;background:rgba(10,203,115,.07)}.cost-filter[data-filter="zero"]{border-color:#b34b55;color:#ff7781}.costs-sort{display:flex;align-items:center;justify-content:flex-end;gap:6px;color:#9eb2c4;font-size:10px}.costs-sort select{height:39px;min-width:180px;padding:0 10px;border:1px solid #20384e;border-radius:7px;background:#0a1928;color:#dce8f1;font-size:10px}.costs-card-grid{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:12px}.cost-route-card{min-width:0;overflow:hidden;border:1px solid var(--tone,#0acb73);border-radius:8px;background:linear-gradient(145deg,rgba(15,35,50,.98),rgba(6,18,30,.98));box-shadow:0 8px 22px rgba(0,0,0,.14)}.cost-route-card[hidden]{display:none!important}.cost-card-form{padding:9px}.cost-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.cost-card-route{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0}.country-flag{display:inline-flex;align-items:center;justify-content:center;width:34px;height:27px;border-radius:4px;background:rgba(255,255,255,.05);font-size:23px;line-height:1;filter:saturate(1.05)}.country-flag.destination{width:27px;height:23px;font-size:19px}.cost-card-route h2{margin:0;overflow:hidden;color:#f6f9fc;font-size:16px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.cost-card-route p{margin:4px 0 0;overflow:hidden;color:#c1d0dc;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.cost-card-status{flex:0 0 auto;padding:5px 7px;border-radius:5px;font-size:9px;font-weight:900}.cost-card-status.configured{color:#e7fff4;background:color-mix(in srgb,var(--tone) 70%,#153529)}.cost-card-status.empty{color:#ffe3b2;background:#8f5308}.cost-summary-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.cost-summary-row>div,.cost-mini-stats>div{min-width:0;padding:7px 8px;border-radius:5px;background:rgba(2,13,23,.58)}.cost-summary-row span,.cost-mini-stats span{display:block;color:#c1d1de;font-size:9px}.cost-summary-row strong{display:block;margin-top:3px;color:#f7fbfe;font-size:15px}.cost-summary-row strong small{font-size:9px}.cost-summary-row>div:first-child strong{color:var(--tone)}.cost-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:6px}.cost-mini-stats>div{padding:6px;text-align:center}.cost-mini-stats b{display:block;margin-top:2px;color:#f4f9fd;font-size:11px}.cost-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 2px;border-top:1px solid color-mix(in srgb,var(--tone) 35%,transparent);color:#aebfce;font-size:8px}.cost-card-meta b{color:var(--tone)}.cost-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cost-card-actions button{min-height:34px;padding:6px;border:1px solid var(--tone);border-radius:5px;background:transparent;color:#eff7fc;font-size:10px;font-weight:850;cursor:pointer}.cost-card-actions .cost-edit-toggle{background:color-mix(in srgb,var(--tone) 35%,#071421)}.cost-route-card.is-open .cost-card-actions{margin-bottom:7px}.cost-edit-panel{padding-top:7px;border-top:1px solid #294156}.cost-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cost-field-grid label{display:block;min-width:0;color:#aec1d1;font-size:8px}.cost-field-grid label>span:first-child{display:block;margin:0 0 3px}.cost-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid #29445b;border-radius:5px;background:#061522}.cost-input-wrap input{width:100%!important;min-width:0!important;height:29px!important;padding:5px 6px!important;border:0!important;background:transparent!important;color:#f5f9fc!important;font-size:10px!important}.cost-input-wrap i{padding:0 5px;color:#7792a8;font-size:7px;font-style:normal}.cost-save-button{width:100%;min-height:34px;margin-top:7px;border:1px solid #0ecb75;border-radius:5px;background:#079653;color:#fff;font-size:10px;font-weight:900;cursor:pointer}.costs-info-strip{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;margin-top:16px;padding:10px 15px;border:1px solid #20394f;border-radius:8px;background:#0a1928;color:#9db2c4;font-size:9px}.costs-info-strip .synced{display:flex;align-items:center;gap:6px}.costs-info-strip .synced i{width:7px;height:7px;border-radius:50%;background:#14ce75}.costs-empty{padding:20px;border:1px solid #20394f;border-radius:9px;background:#0a1928}.tone-green{--tone:#10d879}.tone-blue{--tone:#168cff}.tone-purple{--tone:#9a60e8}.tone-orange{--tone:#ff920b}.tone-cyan{--tone:#13cbd1}.tone-red{--tone:#ff3349}.tone-amber{--tone:#ff9f0a}.tone-rose{--tone:#ff365a}
@media(max-width:1280px){.costs-hero{grid-template-columns:1fr}.costs-kpis{max-width:720px}.costs-hero-actions{position:absolute;right:28px;top:86px}.costs-card-grid{grid-template-columns:repeat(3,minmax(230px,1fr))}}
@media(max-width:980px){.costs-hero-actions{position:static}.costs-toolbar{grid-template-columns:1fr}.costs-sort{justify-content:flex-start}.costs-card-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.costs-info-strip{grid-template-columns:1fr}}
@media(max-width:650px){.costs-dashboard{padding-top:5px}.costs-title-line h1{font-size:22px}.costs-kpis{grid-template-columns:repeat(2,1fr)}.costs-hero-actions{display:grid;grid-template-columns:1fr 1fr}.costs-filters{display:grid;grid-template-columns:1fr 1fr}.cost-filter{padding:6px 8px}.costs-card-grid{grid-template-columns:1fr;gap:9px}.cost-card-form{padding:8px}.cost-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.costs-sort{display:grid;grid-template-columns:auto 1fr}.costs-sort select{min-width:0;width:100%}.costs-info-strip{gap:8px;padding:9px}.country-flag{width:30px;height:25px;font-size:21px}}
@media(max-width:390px){.costs-filters{grid-template-columns:1fr}.cost-mini-stats{grid-template-columns:repeat(2,1fr)}.cost-field-grid{grid-template-columns:1fr}.cost-card-actions{grid-template-columns:1fr 1fr}}


/* === COUTS PAR ROUTE V5 — correction visible, compacte et responsive === */
.costs-dashboard{max-width:none!important;width:100%!important;margin:0!important;padding:10px 0 4px!important}
.costs-dashboard [hidden]{display:none!important}
.costs-hero{position:relative!important;display:grid!important;grid-template-columns:minmax(280px,1.15fr) minmax(420px,.95fr) auto!important;gap:10px!important;align-items:center!important;padding:0 0 10px!important}
.costs-toolbar{grid-template-columns:minmax(210px,280px) 1fr minmax(190px,235px)!important;gap:8px!important;padding:9px 0!important}
.costs-card-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:start!important;grid-auto-flow:row dense!important}
.cost-route-card{align-self:start!important;height:auto!important;min-height:0!important;border-radius:10px!important;overflow:visible!important}
.cost-card-form{display:block!important;height:auto!important;min-height:0!important;padding:9px!important}
.cost-card-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:7px!important;margin-bottom:7px!important}
.cost-card-route{display:grid!important;grid-template-columns:34px minmax(0,1fr) 28px!important;gap:7px!important;align-items:center!important;min-width:0!important}
.country-flag-img{display:block!important;width:34px!important;height:22px!important;object-fit:cover!important;border-radius:4px!important;box-shadow:0 0 0 1px rgba(255,255,255,.16),0 2px 5px rgba(0,0,0,.3)!important;background:#102235!important}
.country-flag-img.destination{width:28px!important;height:19px!important}
.cost-card-route h2{font-size:15px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.cost-card-route p{font-size:9px!important;margin-top:3px!important}
.cost-card-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:start!important;max-width:84px!important;min-width:0!important;height:27px!important;padding:0 7px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;border-radius:5px!important;font-size:8px!important}
.cost-summary-row{gap:5px!important;margin-bottom:5px!important}.cost-summary-row>div{padding:6px 7px!important}.cost-summary-row strong{font-size:14px!important}
.cost-mini-stats{gap:4px!important;margin-bottom:5px!important}.cost-mini-stats>div{padding:5px 3px!important}.cost-mini-stats span{font-size:8px!important}.cost-mini-stats b{font-size:10px!important}
.cost-card-meta{padding:5px 2px!important;font-size:8px!important}.cost-card-actions{gap:5px!important}.cost-card-actions button{min-height:31px!important;padding:5px!important;font-size:9px!important}
.cost-edit-panel{display:block;padding-top:6px!important}.cost-edit-panel[hidden]{display:none!important}.cost-field-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}.cost-input-wrap input{height:27px!important}
.costs-info-strip{margin-top:10px!important;padding:9px 12px!important}
@media (max-width:1450px){.costs-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.cost-card-route h2{font-size:14px!important}.cost-card-status{max-width:74px!important;font-size:7.5px!important}}
@media (max-width:1180px){.costs-hero{grid-template-columns:1fr!important}.costs-hero-actions{position:static!important}.costs-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.costs-toolbar{grid-template-columns:1fr 1fr!important}.costs-sort{justify-content:flex-start!important}}
@media (max-width:900px){.costs-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.costs-toolbar{grid-template-columns:1fr!important}.costs-kpis{grid-template-columns:repeat(4,minmax(80px,1fr))!important}}
@media (max-width:620px){.costs-dashboard{padding-top:4px!important}.costs-card-grid{grid-template-columns:1fr!important;gap:8px!important}.costs-kpis{grid-template-columns:repeat(2,1fr)!important}.costs-filters{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important}.cost-filter{padding:5px 4px!important;font-size:9px!important}.costs-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.cost-card-header{grid-template-columns:minmax(0,1fr) auto!important}.cost-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:390px){.costs-filters{grid-template-columns:1fr!important}.cost-field-grid{grid-template-columns:1fr!important}.cost-mini-stats{grid-template-columns:repeat(2,1fr)!important}}

/* === COUTS PAR ROUTE V6 — drapeaux visibles + cartes de dimensions uniformes === */
.costs-card-grid{
  align-items:stretch!important;
  grid-auto-rows:1fr!important;
}
.cost-route-card{
  display:flex!important;
  height:100%!important;
  min-height:292px!important;
  align-self:stretch!important;
}
.cost-card-form{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  width:100%!important;
  height:100%!important;
  min-height:292px!important;
}
.cost-card-actions{
  margin-top:auto!important;
}
.cost-card-route{
  min-height:38px!important;
}
.country-flag-img{
  display:block!important;
  flex:0 0 auto!important;
  width:34px!important;
  height:22px!important;
  max-width:34px!important;
  min-width:34px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:4px!important;
  background:#fff!important;
}
.country-flag-img.destination{
  width:28px!important;
  height:19px!important;
  min-width:28px!important;
  max-width:28px!important;
}
.cost-route-card.is-open{
  height:auto!important;
  min-height:292px!important;
}
.cost-route-card.is-open .cost-card-form{
  height:auto!important;
}
@media(max-width:1180px){
  .cost-route-card,.cost-card-form{min-height:286px!important}
}
@media(max-width:620px){
  .costs-card-grid{grid-auto-rows:auto!important}
  .cost-route-card,.cost-card-form{min-height:278px!important}
}
\n\n/* === COUTS PAR ROUTE V7 — en-têtes strictement uniformes === */\n.cost-card-header{\n  display:grid!important;\n  grid-template-columns:minmax(0,1fr) 82px!important;\n  align-items:center!important;\n  min-height:48px!important;\n  height:48px!important;\n  gap:8px!important;\n  margin-bottom:7px!important;\n}\n.cost-card-route{\n  display:grid!important;\n  grid-template-columns:34px minmax(0,1fr) 28px!important;\n  align-items:center!important;\n  min-width:0!important;\n  height:38px!important;\n  gap:7px!important;\n}\n.cost-route-copy{\n  min-width:0!important;\n  overflow:hidden!important;\n}\n.cost-route-copy h2{\n  display:block!important;\n  width:100%!important;\n  margin:0!important;\n  overflow:hidden!important;\n  color:#f6f9fc!important;\n  font-size:14px!important;\n  line-height:1.15!important;\n  text-overflow:ellipsis!important;\n  white-space:nowrap!important;\n  text-transform:none!important;\n}\n.cost-route-copy p{\n  display:block!important;\n  width:100%!important;\n  margin:3px 0 0!important;\n  overflow:hidden!important;\n  color:#a9c1d4!important;\n  font-size:8px!important;\n  line-height:1!important;\n  text-overflow:ellipsis!important;\n  white-space:nowrap!important;\n}\n.cost-card-status{\n  display:inline-flex!important;\n  width:82px!important;\n  min-width:82px!important;\n  max-width:82px!important;\n  height:27px!important;\n  min-height:27px!important;\n  max-height:27px!important;\n  align-items:center!important;\n  justify-content:center!important;\n  align-self:center!important;\n  padding:0 5px!important;\n  overflow:hidden!important;\n  border-radius:5px!important;\n  font-size:8px!important;\n  line-height:27px!important;\n  text-align:center!important;\n  text-overflow:ellipsis!important;\n  white-space:nowrap!important;\n}\n.country-flag-img,.country-flag-img.destination{align-self:center!important}\n@media(max-width:1450px){\n  .cost-card-header{grid-template-columns:minmax(0,1fr) 76px!important}\n  .cost-card-status{width:76px!important;min-width:76px!important;max-width:76px!important;font-size:7.5px!important}\n  .cost-route-copy h2{font-size:13px!important}\n}\n@media(max-width:620px){\n  .cost-card-header{grid-template-columns:minmax(0,1fr) 82px!important}\n  .cost-card-status{width:82px!important;min-width:82px!important;max-width:82px!important}\n  .cost-route-copy h2{font-size:14px!important}\n}\n
/* === OPPORTUNITIES V9 — compact cards matching Costs page === */
.opp-pagehead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:14px 16px;border:1px solid #29445f;border-radius:12px;background:linear-gradient(145deg,#0c2035,#081829)}
.opp-pagehead h1{margin:2px 0 3px;font-size:28px}.opp-pagehead p{margin:0;color:#8eabc7;font-size:11px}
.opp-top-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
.opp-kpi{min-height:72px;padding:10px 12px;border:1px solid #29445f;border-radius:10px;background:#0a1d31}.opp-kpi span,.opp-kpi small{display:block;color:#83a5c3;font-size:9px}.opp-kpi strong{display:block;margin:3px 0;color:#fff;font-size:23px}.kpi-green{border-left:4px solid #21d49a}.kpi-blue{border-left:4px solid #3d94ff}.kpi-orange{border-left:4px solid #f59e0b}.kpi-violet{border-left:4px solid #9b6cff}
.opp-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(180px,240px);align-items:center;gap:10px;margin:10px 0}.opp-search{display:flex;align-items:center;gap:8px;margin:0;padding:0 11px;border:1px solid #29445f;border-radius:8px;background:#091b2e}.opp-search input{width:100%;min-height:42px;border:0!important;background:transparent!important}.opp-filters{display:flex;gap:6px}.opp-filter{min-height:40px;padding:6px 12px;border:1px solid #35506a;border-radius:8px;background:#0a1b2c;color:#d8e4ef;font-size:10px;font-weight:800}.opp-filter.active{border-color:#21d49a;color:#55e5b1}.opp-sort{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;margin:0;color:#8da9c3;font-size:9px}.opp-sort select{min-height:42px;margin:0}
.opp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px}.opp-compact-card{display:flex;min-width:0;min-height:420px;flex-direction:column;padding:11px;border:1px solid #2a4a67;border-radius:11px;background:linear-gradient(145deg,#0b2035,#071828);overflow:hidden}.opp-compact-card.tone-green{border-color:#20cf94}.opp-compact-card.tone-blue{border-color:#348cff}.opp-compact-card.tone-orange{border-color:#f59e0b}
.opp-card-header{display:grid;grid-template-columns:34px minmax(0,1fr) 34px auto;align-items:center;gap:7px;min-height:48px}.opp-flag{width:34px;height:25px;border-radius:5px;object-fit:cover;border:1px solid rgba(255,255,255,.15)}.opp-route-title{min-width:0}.opp-route-title h2{overflow:hidden;margin:0;color:#fff;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.opp-route-title small{color:#8eb0cc;font-size:8px}.opp-score{padding:5px 7px;border-radius:6px;background:#173a56;color:#5ce3b1;font-size:8px;font-weight:900;white-space:nowrap}
.opp-main-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:9px}.opp-main-stats>div,.opp-price-row>div,.opp-mini-grid>div{padding:7px 8px;border:1px solid #18344e;border-radius:7px;background:#07192a}.opp-main-stats span,.opp-price-row span,.opp-mini-grid span{display:block;color:#83a4c1;font-size:8px}.opp-main-stats b{display:block;margin-top:2px;color:#fff;font-size:12px}.positive{color:#27d99b!important}.negative{color:#ff667d!important}
.opp-price-row{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:5px}.opp-price-row b{display:block;margin-top:2px;color:#f6f9fc;font-size:11px}.opp-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:5px}.opp-mini-grid b{display:block;margin-top:2px;color:#fff;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot.yes{color:#28df9e!important}.status-dot.no{color:#ff657c!important}.status-dot.wait{color:#ffb52f!important}
.opp-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;padding:6px 2px;border-top:1px solid #29445f;color:#89a8c4;font-size:8px}.opp-details{margin-top:4px;border:1px solid #29445f;border-radius:7px;background:#081b2d}.opp-details summary{padding:7px 9px;color:#a9c7df;font-size:9px;font-weight:800;cursor:pointer}.opp-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 7px 7px}.opp-details-grid div{padding:6px;border-radius:6px;background:#061522}.opp-details-grid span{display:block;color:#7898b4;font-size:7px}.opp-details-grid b{font-size:8px;color:#eef5fb}.opp-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto;padding-top:8px}.opp-card-actions .btn{min-height:38px;padding:6px 8px;font-size:10px}.opp-history{margin-top:12px}.opp-history summary{cursor:pointer;font-weight:800}
@media(max-width:1180px){.opp-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opp-toolbar{grid-template-columns:1fr}.opp-filters{flex-wrap:wrap}}
@media(max-width:760px){.opp-pagehead{align-items:stretch;flex-direction:column}.opp-top-metrics{grid-template-columns:1fr 1fr}.opp-card-grid{grid-template-columns:1fr}.opp-compact-card{min-height:auto}.opp-main-stats{grid-template-columns:1fr 1fr}.opp-mini-grid{grid-template-columns:1fr 1fr}.opp-toolbar{display:flex;align-items:stretch;flex-direction:column}.opp-sort{grid-template-columns:1fr}.opp-pagehead h1{font-size:23px}}

/* =========================================================
   ROUTES V10 — cartes compactes, colorées et uniformes
   ========================================================= */
.routes-v10{display:grid;gap:12px;padding-bottom:18px}
.routes-v10 *{box-sizing:border-box}
.routes-hero{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;align-items:center;gap:14px;padding:16px 18px;border:1px solid #243e59;border-radius:14px;background:linear-gradient(145deg,#0b2035,#08192b)}
.routes-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.routes-title-line h1{margin:0;font-size:28px;line-height:1.05}.routes-hero p{margin:6px 0 0;color:#8eabc7;font-size:12px}.route-live-pill{padding:4px 8px;border:1px solid rgba(31,218,151,.38);border-radius:6px;background:rgba(31,218,151,.1);color:#42dda9;font-size:8px;font-weight:900}
.routes-kpis{display:grid;grid-template-columns:repeat(4,minmax(92px,1fr));gap:7px}.routes-kpis article{min-width:92px;padding:8px 10px;border:1px solid #29465f;border-radius:9px;background:#091c2f;text-align:center}.routes-kpis small{display:block;color:#86a7c4;font-size:8px}.routes-kpis strong{display:block;margin-top:2px;color:#2cdd9d;font-size:20px}.route-create-toggle{white-space:nowrap}
.route-create-panel{padding:14px;border:1px solid #2c4b68;border-radius:12px;background:#091d31}.route-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.route-panel-head h2{margin:2px 0 0;font-size:20px}.route-close{border:0;background:transparent;color:#9ab5ce;font-size:26px;cursor:pointer}.route-editor-form{display:grid;gap:10px}.route-editor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.route-editor-form label{margin:0;color:#a8c0d5;font-size:9px}.route-editor-form input,.route-editor-form select{min-height:38px;margin-top:4px;padding:7px 9px;border:1px solid #294963;border-radius:7px;background:#07192a;color:#f5f9fd}.route-platform-checks{display:flex;flex-wrap:wrap;gap:6px}.route-platform-checks label{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #2b4864;border-radius:6px;background:#0a2035}.route-platform-checks input{min-height:auto;margin:0}.route-payment-editor{display:grid;grid-template-columns:1fr 1fr;gap:8px}.route-payment-editor fieldset{margin:0;padding:9px;border:1px solid #294760;border-radius:8px}.route-payment-editor legend{padding:0 5px;color:#dce8f2;font-size:10px;font-weight:800}.route-payment-editor .payment-options>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.route-editor-bottom{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.routes-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(170px,230px);align-items:center;gap:10px}.route-search{display:flex;align-items:center;gap:8px;margin:0;padding:0 12px;border:1px solid #29465f;border-radius:9px;background:#091c2f}.route-search span{color:#82a9cc;font-size:20px}.route-search input{width:100%;min-height:42px;border:0;background:transparent;color:#f4f8fc;outline:0}.route-filter-group{display:flex;gap:6px;flex-wrap:wrap}.route-filter{min-height:40px;padding:6px 12px;border:1px solid #31516d;border-radius:8px;background:#0a1f34;color:#b7cce0;font-size:10px;font-weight:800;cursor:pointer}.route-filter.active{border-color:#22d798;color:#48e3af;background:rgba(34,215,152,.1)}.route-sort{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin:0;color:#91acc4;font-size:9px}.route-sort select{min-height:42px;border:1px solid #29465f;border-radius:8px;background:#091c2f;color:#eef5fb}
.routes-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:10px}.route-tile{display:flex;min-width:0;min-height:365px;flex-direction:column;padding:10px;border:1px solid var(--route-accent,#22d798);border-radius:11px;background:linear-gradient(145deg,rgba(12,34,55,.98),rgba(7,22,37,.98));box-shadow:inset 0 1px rgba(255,255,255,.03)}.route-tile.tone-green{--route-accent:#20d68f;--route-button:#087847}.route-tile.tone-blue{--route-accent:#238df0;--route-button:#0c5b9f}.route-tile.tone-violet{--route-accent:#9263e8;--route-button:#563492}.route-tile.tone-orange{--route-accent:#e89212;--route-button:#8f5107}.route-tile.tone-cyan{--route-accent:#1cc9c9;--route-button:#087878}.route-tile.is-inactive{opacity:.78;filter:saturate(.72)}
.route-tile-head{display:grid;grid-template-columns:34px minmax(0,1fr) 34px auto;align-items:center;gap:7px;min-height:50px}.route-flag{width:34px;height:24px;object-fit:cover;border:1px solid rgba(255,255,255,.13);border-radius:5px;background:#10243a}.route-tile-title{min-width:0}.route-tile-title h3{overflow:hidden;margin:0;color:#f7fbff;font-size:15px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.route-tile-title h3 span{color:var(--route-accent)}.route-tile-title small{display:block;margin-top:3px;color:#9eb8cf;font-size:9px}.route-status{display:inline-flex;align-items:center;justify-content:center;min-width:68px;max-width:82px;height:26px;padding:0 8px;border-radius:6px;font-size:8px;font-weight:900;white-space:nowrap}.route-status.enabled{background:var(--route-button);color:#effff8}.route-status.disabled{background:#923b42;color:#fff}
.route-primary-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}.route-primary-stats span{display:flex;min-height:55px;flex-direction:column;justify-content:center;padding:7px 9px;border-radius:7px;background:#061728}.route-primary-stats small{color:#86a6c2;font-size:8px}.route-primary-stats b{margin-top:3px;color:#f8fbff;font-size:14px}.route-primary-stats em{font-size:8px;font-style:normal}.route-primary-stats span:nth-child(2) b,.route-primary-stats span:nth-child(3) b{color:var(--route-accent)}
.route-meta-line{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin-top:6px}.route-meta-line span{display:flex;min-width:0;flex-direction:column;padding:6px;border:1px solid #203b54;border-radius:6px;color:#789ab8;font-size:7px}.route-meta-line b{overflow:hidden;margin-top:2px;color:#eef5fa;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.route-meta-line span:first-child b{color:var(--route-accent)}
.route-payment-box{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px;padding:7px;border:1px solid #29465f;border-radius:7px;background:#081a2c}.route-payment-box>div{min-width:0}.route-payment-box small{display:block;color:#7899b5;font-size:7px}.route-payment-box b{display:block;overflow:hidden;margin-top:2px;color:#edf4fa;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.route-match{grid-column:1/-1;padding:3px 6px;border-radius:5px;text-align:center;font-size:7px;font-weight:900;text-transform:uppercase}.route-match.assist{color:#63e0b3;background:rgba(34,215,152,.13)}.route-match.strict{color:#ffc45f;background:rgba(245,158,11,.14)}
.route-platforms{display:flex;min-height:25px;align-items:center;gap:4px;flex-wrap:wrap;margin-top:6px}.route-platforms span{padding:3px 6px;border:1px solid #2b4863;border-radius:5px;background:#0a1c2f;color:#a9c0d3;font-size:7px;font-weight:800}.route-tile-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:auto;padding-top:8px}.route-tile-actions form{margin:0}.route-btn{display:flex;width:100%;min-height:34px;align-items:center;justify-content:center;padding:5px 6px;border:1px solid var(--route-accent);border-radius:6px;background:#081a2d;color:#f4f8fc;font-size:8px;font-weight:850;text-decoration:none;cursor:pointer}.route-btn.edit,.route-btn.toggle{background:var(--route-button)}.route-btn.delete{border-color:#b84550;color:#ff9ca8}.route-inline-editor{margin-top:8px;border-top:1px solid #29465f;padding-top:7px}.route-inline-editor summary{color:#8eb0cb;font-size:9px;cursor:pointer}.route-inline-editor[open]{grid-column:1/-1}.compact-edit{margin-top:8px;padding:8px;border:1px solid #29465f;border-radius:8px;background:#07192a}.compact-edit .route-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1380px){.routes-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.routes-hero{grid-template-columns:1fr}.routes-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.route-create-toggle{width:max-content}.route-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.routes-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.routes-toolbar{grid-template-columns:1fr}.route-filter-group{order:2}.route-sort{max-width:300px}.route-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-payment-editor{grid-template-columns:1fr}}
@media(max-width:650px){.routes-v10{gap:8px}.routes-hero{padding:12px}.routes-title-line h1{font-size:22px}.routes-kpis{grid-template-columns:1fr 1fr}.routes-card-grid{grid-template-columns:1fr}.route-tile{min-height:auto}.route-editor-grid,.compact-edit .route-editor-grid{grid-template-columns:1fr}.route-filter-group{display:grid;grid-template-columns:1fr 1fr}.route-tile-actions{grid-template-columns:1fr 1fr}.route-payment-editor .payment-options>div{grid-template-columns:1fr 1fr}}

/* ============================================================
   BANQUES ET PORTEFEUILLES — CARTES COMPACTES V11
   ============================================================ */
.wallets-page{display:grid;gap:12px}.wallets-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border:1px solid #29445f;border-radius:13px;background:linear-gradient(145deg,#0c2035,#081728)}.wallets-hero h1{margin:4px 0 3px;font-size:30px}.wallets-hero p{margin:0;color:#8eabc8}.wallet-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wallet-metrics article{min-height:84px;padding:10px 12px;border:1px solid #29445f;border-radius:10px;background:#0b1f33}.wallet-metrics article:nth-child(1){border-color:#22d3a0}.wallet-metrics article:nth-child(2){border-color:#3b82f6}.wallet-metrics article:nth-child(3){border-color:#a855f7}.wallet-metrics article:nth-child(4){border-color:#f59e0b}.wallet-metrics span,.wallet-metrics small{display:block;color:#86a4bf;font-size:9px}.wallet-metrics strong{display:block;margin:4px 0;color:#f8fbff;font-size:22px}.wallet-create-panel{padding:12px;border:1px solid #2a4864;border-radius:11px;background:#091d31}.wallet-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.wallet-panel-head h2{margin:2px 0 0;font-size:18px}.wallet-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.wallet-form label{font-size:9px;color:#9bb6cf}.wallet-form input,.wallet-form select{width:100%;min-height:38px;margin-top:3px;padding:7px 9px;border:1px solid #2a4964;border-radius:7px;background:#07192a;color:#f4f8fc}.wallet-form-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.wallet-switch{display:flex;align-items:center;gap:6px}.wallet-switch input{width:auto;min-height:0;margin:0}.wallet-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(180px,240px);align-items:center;gap:8px}.wallet-search{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 11px;border:1px solid #29445f;border-radius:8px;background:#091d31}.wallet-search input{width:100%;border:0;outline:0;background:transparent;color:#f5f9fd}.wallet-filters{display:flex;gap:6px;flex-wrap:wrap}.wallet-filters button{min-height:38px;padding:7px 11px;border:1px solid #29445f;border-radius:8px;background:#091d31;color:#b9cbdc;font-size:10px;font-weight:800;cursor:pointer}.wallet-filters button.active{border-color:#22d3a0;color:#54e6b6;background:rgba(34,211,160,.1)}.wallet-sort{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;color:#8daac4;font-size:9px}.wallet-sort select{min-height:42px;padding:7px 9px;border:1px solid #29445f;border-radius:8px;background:#091d31;color:#f5f9fd}.wallet-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:10px}.wallet-card{display:flex;min-width:0;min-height:360px;flex-direction:column;padding:10px;border:1px solid #2c4b67;border-radius:11px;background:linear-gradient(145deg,#0b2238,#08192a);box-shadow:inset 0 1px rgba(255,255,255,.03)}.wallet-card.wallet-tone-green{border-color:#1fcf90}.wallet-card.wallet-tone-blue{border-color:#2d8fff}.wallet-card.wallet-tone-violet{border-color:#9664ff}.wallet-card.wallet-tone-orange{border-color:#f59e0b}.wallet-card.wallet-tone-cyan{border-color:#20c4ce}.wallet-card.is-disabled{opacity:.68;filter:saturate(.65)}.wallet-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-height:54px}.wallet-identity{display:flex;align-items:center;min-width:0;gap:7px}.wallet-identity img{width:34px;height:24px;border-radius:5px;object-fit:cover;border:1px solid rgba(255,255,255,.18)}.wallet-type-icon{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:7px;background:rgba(255,255,255,.07);font-size:14px}.wallet-identity div{min-width:0}.wallet-identity h3{overflow:hidden;margin:0;color:#f7fbff;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.wallet-identity small{display:block;overflow:hidden;margin-top:2px;color:#8da9c2;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.wallet-head-badges{display:flex;align-items:flex-end;flex-direction:column;gap:4px}.wallet-currency,.wallet-status{display:inline-flex;padding:3px 6px;border-radius:5px;font-size:8px;font-weight:900}.wallet-currency{color:#d8e8f5;background:#1e3b58}.wallet-status.active{color:#dffff2;background:#157b51}.wallet-status.inactive{color:#ffb6c0;background:#742a38}.wallet-balance-main{margin:8px 0;padding:10px;border:1px solid rgba(34,211,160,.38);border-radius:8px;background:rgba(34,211,160,.08)}.wallet-balance-main span{display:block;color:#7fa2be;font-size:8px}.wallet-balance-main strong{display:block;margin-top:2px;color:#56e5b3;font-size:22px;line-height:1}.wallet-balance-main strong small{font-size:9px}.wallet-balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.wallet-balance-grid span,.wallet-meta-grid span{min-width:0;padding:7px;border:1px solid #24425d;border-radius:7px;background:#07192a}.wallet-balance-grid small,.wallet-meta-grid small{display:block;color:#7899b5;font-size:7px}.wallet-balance-grid b,.wallet-meta-grid b{display:block;overflow:hidden;margin-top:3px;color:#f6f9fc;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.wallet-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px}.wallet-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid #24425d}.wallet-card-footer>small{color:#7899b5;font-size:7px}.wallet-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.wallet-actions form{display:inline-flex;margin:0}.wallet-actions .btn{min-height:31px;padding:5px 7px;font-size:8px}.wallet-edit-panel{margin-top:8px;padding-top:8px;border-top:1px dashed #31516e}.wallet-form.compact .wallet-form-grid{grid-template-columns:1fr 1fr}.wallet-form.compact input,.wallet-form.compact select{min-height:34px;padding:6px 7px}.wallet-empty{padding:20px;border:1px dashed #31516e;border-radius:10px;text-align:center;color:#8eaac4}
@media(max-width:1350px){.wallet-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wallet-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wallet-toolbar{grid-template-columns:1fr}.wallet-filters{order:2}.wallet-sort{max-width:280px}}
@media(max-width:960px){.wallet-metrics{grid-template-columns:1fr 1fr}.wallet-card-grid{grid-template-columns:1fr 1fr}.wallet-form-grid{grid-template-columns:1fr 1fr}.wallets-hero{align-items:flex-start;flex-direction:column}.wallet-card{min-height:350px}}
@media(max-width:620px){.wallet-metrics,.wallet-card-grid,.wallet-form-grid,.wallet-form.compact .wallet-form-grid{grid-template-columns:1fr}.wallet-card{min-height:0}.wallet-toolbar{gap:7px}.wallet-filters{display:grid;grid-template-columns:1fr 1fr}.wallet-sort{grid-template-columns:1fr}.wallet-card-footer{align-items:stretch;flex-direction:column}.wallet-actions{display:grid;grid-template-columns:repeat(3,1fr)}.wallet-actions .btn{width:100%}.wallets-hero h1{font-size:24px}}


/* === OKX Drafts compact cards V12 === */
.okx-drafts-page{padding:14px!important;overflow:visible!important}
.drafts-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.drafts-hero h2{margin:3px 0;font-size:24px}.drafts-hero p{margin:0;color:var(--muted);font-size:11px}.drafts-import-form{margin:0}
.drafts-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:8px 0}
.draft-kpi{min-height:74px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#091a2c}.draft-kpi span,.draft-kpi small{display:block;color:var(--muted);font-size:8px}.draft-kpi strong{display:block;margin:4px 0;font-size:20px}.draft-kpi.tone-blue{border-left:3px solid #4f9cff}.draft-kpi.tone-green{border-left:3px solid #25d99e}.draft-kpi.tone-purple{border-left:3px solid #a77bff}.draft-kpi.tone-orange{border-left:3px solid #ff9f43}
.drafts-toolbar{display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(150px,220px);align-items:center;gap:8px;margin:10px 0 12px}.draft-search{display:flex;align-items:center;gap:7px;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#081829}.draft-search input{width:100%;height:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.draft-search span{color:#79b9ff;font-size:18px}.draft-filter-group{display:flex;gap:5px;flex-wrap:wrap}.draft-filter{min-height:38px;padding:7px 10px;border:1px solid #294863;border-radius:8px;background:#0a1b2e;color:#cfe1f2;font-size:9px;font-weight:800;cursor:pointer}.draft-filter b{margin-left:3px}.draft-filter.active{border-color:#25d99e;color:#48e8b3;background:rgba(37,217,158,.1)}.draft-sort{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;color:#8eabc5;font-size:9px}.draft-sort select{min-height:40px;padding:7px 9px}
.draft-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px}.draft-card{display:flex;min-width:0;min-height:325px;flex-direction:column;padding:10px;border:1px solid #2b4b66;border-radius:11px;background:linear-gradient(145deg,#0b2034,#071829);overflow:hidden}.draft-card[hidden]{display:none!important}.draft-card.tone-green{border-color:#20cc8e}.draft-card.tone-blue{border-color:#3195ef}.draft-card.tone-purple{border-color:#9367dc}.draft-card.tone-orange{border-color:#dc8e18}.draft-card.tone-cyan{border-color:#17bec7}.draft-card-head{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:56px}.draft-pair-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#102c43;font-size:20px}.draft-card-title{min-width:0}.draft-card-title h3{overflow:hidden;margin:2px 0;color:#fff;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.draft-card-title small,.draft-id{display:block;color:#89a8c2;font-size:8px}.draft-id{color:#54e0ad;font-weight:900;letter-spacing:.04em}.draft-head-badges{display:flex;align-items:flex-end;flex-direction:column;gap:4px}.draft-side,.draft-state{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:22px;padding:0 7px;border-radius:6px;font-size:7px;font-weight:900}.draft-side.buy{color:#dffff2;background:#1a7b53}.draft-side.sell{color:#ffe8ec;background:#9d3046}.draft-state.ready{color:#dffff2;background:#146f4b}.draft-state.imported{color:#e4dcff;background:#5c3a8e}.draft-state.pending{color:#ffe3b3;background:#9a5b00}
.draft-primary-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.draft-primary-grid span,.draft-limits-grid span{display:flex;min-width:0;flex-direction:column;gap:3px;padding:7px 8px;border-radius:7px;background:#061625}.draft-primary-grid .draft-total{grid-column:1/-1;border:1px solid rgba(37,217,158,.28)}.draft-primary-grid small,.draft-limits-grid small{color:#86a4bd;font-size:8px}.draft-primary-grid b,.draft-limits-grid b{overflow:hidden;color:#f5f9fd;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.draft-total b{color:#54e0ad;font-size:14px}.draft-limits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:5px}.draft-payment-line{display:flex;min-height:31px;align-items:center;gap:4px;flex-wrap:wrap;margin-top:6px;padding:5px;border:1px solid #29445f;border-radius:7px;background:#081a2a}.draft-payment-line span{padding:3px 6px;border-radius:5px;color:#b7d2e9;background:#12304b;font-size:7px;font-weight:750}.draft-payment-line span.missing{color:#ffb76a;background:rgba(255,159,67,.12)}.draft-meta{display:flex;justify-content:space-between;gap:8px;margin-top:6px;padding-top:6px;border-top:1px solid #25435c;color:#7899b5;font-size:7px}.draft-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:auto;padding-top:8px}.draft-actions form{margin:0}.draft-actions .btn{width:100%;min-width:0;padding:7px 4px;font-size:8px}.disabled-link{pointer-events:none;opacity:.4}.draft-empty,.draft-no-result{padding:28px;border:1px dashed #36526b;border-radius:10px;text-align:center;color:#89a9c4;background:#08192a}.draft-empty b,.draft-empty span{display:block}.draft-empty b{color:#fff;margin-bottom:4px}
@media(max-width:1180px){.draft-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drafts-toolbar{grid-template-columns:1fr 1fr}.draft-filter-group{grid-column:1/-1;order:3}.drafts-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.drafts-hero{align-items:stretch;flex-direction:column}.drafts-import-form .btn{width:100%}.drafts-toolbar{grid-template-columns:1fr}.draft-filter-group{grid-column:auto}.draft-sort{grid-template-columns:70px 1fr}.draft-card-grid{grid-template-columns:1fr}.draft-card{min-height:0}.draft-actions{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.drafts-kpis{grid-template-columns:1fr 1fr}.draft-primary-grid,.draft-limits-grid{grid-template-columns:1fr 1fr}.draft-limits-grid span:last-child{grid-column:1/-1}.draft-card-head{grid-template-columns:32px minmax(0,1fr)}.draft-pair-icon{width:32px;height:32px}.draft-head-badges{grid-column:1/-1;align-items:center;flex-direction:row}}


/* ===== OKX ACTIVE ADS COMPACT V13 ===== */
.okx-ads-page{padding:14px!important}
.okx-ads-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.okx-ads-head h2{margin:2px 0 3px;font-size:25px}
.okx-ads-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0}
.okx-ads-metrics article{padding:9px 11px;border:1px solid #28455f;border-radius:9px;background:#091c2f}
.okx-ads-metrics span,.okx-ads-metrics strong,.okx-ads-metrics small{display:block}
.okx-ads-metrics span,.okx-ads-metrics small{color:#86a6c2;font-size:8px}
.okx-ads-metrics strong{margin:3px 0;color:#f4f9fd;font-size:20px}
.okx-ads-metrics .tone-green{border-color:#1fc889}.okx-ads-metrics .tone-green strong{color:#2de19d}
.okx-ads-metrics .tone-blue{border-color:#258ef5}.okx-ads-metrics .tone-blue strong{color:#52a7ff}
.okx-ads-metrics .tone-orange{border-color:#e5961c}.okx-ads-metrics .tone-orange strong{color:#ffad2e}
.okx-ads-metrics .tone-purple{border-color:#9565e8}.okx-ads-metrics .tone-purple strong{color:#b181ff}
.okx-ads-sync-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;gap:7px!important;padding:8px!important;border:1px solid #28455f;border-radius:9px;background:#081b2d}
.okx-ads-sync-form label{font-size:9px}
.okx-ads-sync-form select{min-height:38px;padding:7px 9px}
.okx-ads-last-sync{display:flex!important;align-items:center;gap:8px;margin:7px 0!important;padding:6px 9px!important}
.okx-ads-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(180px,.55fr);gap:8px;align-items:center;margin:8px 0}
.okx-ads-search{display:flex;align-items:center;gap:6px;min-height:38px;padding:0 10px;border:1px solid #28455f;border-radius:8px;background:#081b2d;color:#7da1c0}
.okx-ads-search input{width:100%;border:0!important;background:transparent!important;padding:0!important;min-height:34px!important}
.okx-ads-filters{display:flex;gap:5px;flex-wrap:wrap}
.okx-ads-filters button{min-height:36px;padding:7px 10px;border:1px solid #31516f;border-radius:7px;background:#091c2f;color:#b7cadd;font-size:9px;font-weight:800}
.okx-ads-filters button.active{border-color:#21d797;color:#4fe5ae;background:rgba(33,215,151,.12)}
.okx-ads-sort{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;color:#82a3bf;font-size:9px}
.okx-ads-sort select{min-height:38px;padding:7px 9px}
.okx-ads-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}
.okx-ad-card{display:flex;min-width:0;min-height:304px;flex-direction:column;padding:10px;border:1px solid #2a4b66;border-radius:10px;background:linear-gradient(145deg,#0c2238,#071727);overflow:hidden}
.okx-ad-card.is-active{border-color:#1bc88a}.okx-ad-card.is-hidden{border-color:#e29a22}
.okx-ad-card-head{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:55px}
.okx-ad-flag img{display:block;width:34px;height:24px;object-fit:cover;border-radius:5px;border:1px solid rgba(255,255,255,.13)}
.okx-ad-title{min-width:0}.okx-ad-title span{color:#5be0ad;font-size:7px;font-weight:900;letter-spacing:.05em}.okx-ad-title h3{margin:2px 0;color:#f6faff;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.okx-ad-title small{color:#82a3bf;font-size:8px}
.okx-ad-head-badges{display:flex;align-items:flex-end;flex-direction:column;gap:4px}
.okx-ad-side,.okx-ad-state{display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;border-radius:5px;font-size:7px;font-weight:900}
.okx-ad-side.buy{color:#dcfff1;background:#167a52}.okx-ad-side.sell{color:#ddecff;background:#1766a7}
.okx-ad-state.active{color:#dffff2;background:#168157}.okx-ad-state.hidden{color:#fff1d5;background:#9b5b05}
.okx-ad-primary{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 6px}
.okx-ad-primary span,.okx-ad-limits span{display:flex;min-width:0;flex-direction:column;gap:3px;padding:7px 8px;border:1px solid #203e58;border-radius:7px;background:#061827}
.okx-ad-primary small,.okx-ad-limits small{color:#789ab7;font-size:7px}.okx-ad-primary b{color:#f4f9fd;font-size:14px}.okx-ad-primary em{color:#93b1ca;font-size:8px;font-style:normal}
.okx-ad-limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.okx-ad-limits b{overflow:hidden;color:#eef5fb;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.okx-ad-payments{display:flex;gap:4px;flex-wrap:wrap;min-height:31px;margin:7px 0;padding:6px;border:1px solid #203e58;border-radius:7px;background:#061827}
.okx-ad-payments span{display:inline-flex;align-items:center;padding:3px 6px;border-radius:999px;background:#12324c;color:#bfe0fa;font-size:7px;font-weight:750}
.okx-ad-payments .muted{background:transparent;color:#7796b1}
.okx-ad-meta{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding:7px 0 6px;border-top:1px solid #21415b;color:#7799b5;font-size:7px}
.okx-ad-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.okx-ad-actions form{margin:0}.okx-ad-actions .btn{width:100%;min-height:35px}
.okx-ads-empty{padding:16px;border:1px dashed #31516f;border-radius:9px;text-align:center;color:#8aa8c1}
.okx-ads-empty-state{margin-top:8px}
@media(max-width:1180px){.okx-ads-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.okx-ads-tools{grid-template-columns:1fr}.okx-ads-sort{grid-template-columns:auto minmax(160px,1fr)}}
@media(max-width:800px){.okx-ads-page{padding:10px!important}.okx-ads-head{align-items:stretch;flex-direction:column}.okx-ads-metrics{grid-template-columns:1fr 1fr}.okx-ads-sync-form{grid-template-columns:1fr 1fr!important}.okx-ads-sync-form .btn{grid-column:1/-1}.okx-ads-grid{grid-template-columns:1fr}.okx-ad-card{min-height:auto}}
@media(max-width:480px){.okx-ads-metrics,.okx-ads-sync-form{grid-template-columns:1fr!important}.okx-ad-limits{grid-template-columns:1fr 1fr}.okx-ad-limits span:last-child{grid-column:1/-1}.okx-ads-filters{display:grid;grid-template-columns:1fr 1fr}.okx-ads-filters button{width:100%}}


/* ===== OKX ORDERS COMPACT V14 ===== */
.okx-orders-pagehead{align-items:center!important}
.okx-orders-pagehead h1{margin:2px 0 4px!important}
.okx-orders-metrics{display:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:0 0 9px}
.okx-orders-metrics.is-active-page{display:grid}
.okx-orders-metrics article{display:flex;min-width:0;flex-direction:column;gap:3px;padding:9px 10px;border:1px solid #294761;border-radius:9px;background:linear-gradient(145deg,#0c2841,#071828)}
.okx-orders-metrics span,.okx-orders-metrics small{color:#83a4c0;font-size:8px}
.okx-orders-metrics strong{overflow:hidden;color:#f6faff;font-size:20px;text-overflow:ellipsis;white-space:nowrap}
.okx-orders-metrics .metric-total{border-color:#1fd195}.okx-orders-metrics .metric-total strong{color:#3ee2aa}
.okx-orders-metrics .metric-pending{border-color:#f0a120}.okx-orders-metrics .metric-pending strong{color:#ffb533}
.okx-orders-metrics .metric-completed{border-color:#24c878}.okx-orders-metrics .metric-completed strong{color:#44dd96}
.okx-orders-metrics .metric-cancelled{border-color:#ec667d}.okx-orders-metrics .metric-cancelled strong{color:#ff8294}
.okx-orders-metrics .metric-volume{border-color:#3d8ff2}.okx-orders-metrics .metric-volume strong{color:#5aa7ff}
.okx-orders-metrics .metric-side{border-color:#9668e8}.okx-orders-metrics .metric-side strong{color:#b083ff}

.okx-orders-panel{padding:12px!important}
.okx-orders-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.okx-orders-panel-head h2{margin:0;font-size:21px}
.okx-orders-panel-head small{color:#7f9fba;font-size:8px}

.okx-orders-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(170px,.55fr);gap:7px;align-items:center;margin:7px 0 9px}
.okx-order-search{display:flex;align-items:center;gap:6px;min-height:37px;padding:0 10px;border:1px solid #294862;border-radius:8px;background:#071a2b;color:#7da0bc}
.okx-order-search input{width:100%;min-height:34px!important;padding:0!important;border:0!important;background:transparent!important}
.okx-order-filters{display:flex;gap:5px;flex-wrap:wrap}
.okx-order-filters button{min-height:35px;padding:7px 9px;border:1px solid #31516f;border-radius:7px;background:#091d31;color:#b7cadb;font-size:8px;font-weight:850}
.okx-order-filters button.active{border-color:#25d99f;color:#52e4b2;background:rgba(37,217,159,.12)}
.okx-order-sort{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;color:#80a1bc;font-size:8px}
.okx-order-sort select{min-height:37px;padding:7px 8px}

.okx-orders-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}
.okx-order-card{display:flex;min-width:0;min-height:325px;flex-direction:column;padding:10px;border:1px solid #2b4b66;border-radius:10px;background:linear-gradient(145deg,#0c2238,#071727);overflow:hidden}
.okx-order-card.status-completed{border-color:#21ca85}
.okx-order-card.status-pending{border-color:#e69a20}
.okx-order-card.status-cancelled{border-color:#e65d75}

.okx-order-card-head{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:57px}
.okx-order-flag img{display:block;width:34px;height:24px;object-fit:cover;border:1px solid rgba(255,255,255,.13);border-radius:5px}
.okx-order-title{min-width:0}
.okx-order-title span{color:#5de2ae;font-size:7px;font-weight:900;letter-spacing:.045em}
.okx-order-title h3{overflow:hidden;margin:2px 0;color:#f7fbff;font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.okx-order-title small{color:#7e9eb9;font-size:8px}
.okx-order-head-badges{display:flex;align-items:flex-end;flex-direction:column;gap:4px}
.okx-order-side,.okx-order-state{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:3px 6px;border-radius:5px;font-size:7px;font-weight:900}
.okx-order-side.buy{color:#dffff2;background:#176e4b}
.okx-order-side.sell{color:#ffe2e7;background:#842c3f}
.okx-order-state.completed{color:#e0fff1;background:#176f49}
.okx-order-state.pending{color:#fff0c9;background:#8a5b0c}
.okx-order-state.cancelled{color:#ffe0e6;background:#812c3f}

.okx-order-primary{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 6px}
.okx-order-primary span,.okx-order-details span,.okx-order-payment-meta span{display:flex;min-width:0;flex-direction:column;gap:3px;padding:7px 8px;border:1px solid #203d57;border-radius:7px;background:#061827}
.okx-order-primary small,.okx-order-details small,.okx-order-payment-meta small{color:#7899b5;font-size:7px}
.okx-order-primary b{overflow:hidden;color:#f4f9fd;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.okx-order-primary em{color:#8daac3;font-size:8px;font-style:normal}

.okx-order-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.okx-order-details b{overflow:hidden;color:#eef5fb;font-size:9px;text-overflow:ellipsis;white-space:nowrap}

.okx-order-payment-meta{display:grid;grid-template-columns:1fr 1.5fr;gap:5px;margin-top:6px}
.okx-order-payment-meta b{overflow:hidden;color:#e9f1f7;font-size:8px;text-overflow:ellipsis;white-space:nowrap}

.okx-order-footer{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding:7px 0 6px;border-top:1px solid #21405a;color:#7696b1;font-size:7px}
.okx-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.okx-order-actions .btn{width:100%;min-height:35px}

.okx-order-technical{display:none;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px;padding:7px;border:1px solid #28465f;border-radius:7px;background:#061725}
.okx-order-card.show-technical .okx-order-technical{display:grid}
.okx-order-technical span{display:flex;flex-direction:column;gap:2px;color:#7898b4;font-size:7px}
.okx-order-technical b{overflow:hidden;color:#dce8f2;font-size:8px;text-overflow:ellipsis;white-space:nowrap}

.okx-orders-empty{padding:16px;border:1px dashed #31516f;border-radius:9px;text-align:center;color:#88a7c1}
.okx-orders-empty-state{margin-top:8px}

@media(max-width:1280px){
    .okx-orders-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
    .okx-orders-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .okx-orders-tools{grid-template-columns:1fr}
    .okx-order-sort{grid-template-columns:auto minmax(160px,1fr)}
}
@media(max-width:800px){
    .okx-orders-metrics{grid-template-columns:1fr 1fr}
    .okx-orders-grid{grid-template-columns:1fr}
    .okx-order-card{min-height:auto}
    .okx-order-filters{display:grid;grid-template-columns:repeat(3,1fr)}
    .okx-order-filters button{width:100%}
}
@media(max-width:480px){
    .okx-orders-metrics{grid-template-columns:1fr}
    .okx-order-primary,.okx-order-details,.okx-order-payment-meta{grid-template-columns:1fr}
    .okx-order-filters{grid-template-columns:1fr 1fr}
    .okx-order-card-head{grid-template-columns:34px minmax(0,1fr)}
    .okx-order-head-badges{grid-column:1/-1;align-items:flex-start;flex-direction:row}
}


/* ===== OKX ORDERS CARDS ULTRA COMPACT V15 ===== */
.okx-orders-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    align-items:stretch!important;
}
.okx-order-card{
    min-height:248px!important;
    padding:8px!important;
    border-radius:9px!important;
}
.okx-order-card-head{
    grid-template-columns:30px minmax(0,1fr) auto!important;
    gap:6px!important;
    min-height:46px!important;
}
.okx-order-flag img{
    width:29px!important;
    height:20px!important;
    border-radius:4px!important;
}
.okx-order-title span{
    font-size:6px!important;
}
.okx-order-title h3{
    margin:1px 0!important;
    font-size:13px!important;
}
.okx-order-title small{
    font-size:7px!important;
}
.okx-order-head-badges{
    gap:3px!important;
}
.okx-order-side,
.okx-order-state{
    min-width:41px!important;
    padding:2px 5px!important;
    font-size:6px!important;
}
.okx-order-primary{
    gap:4px!important;
    margin:6px 0 4px!important;
}
.okx-order-primary span,
.okx-order-details span,
.okx-order-payment-meta span{
    gap:2px!important;
    padding:5px 6px!important;
    border-radius:6px!important;
}
.okx-order-primary small,
.okx-order-details small,
.okx-order-payment-meta small{
    font-size:6px!important;
}
.okx-order-primary b{
    font-size:10px!important;
}
.okx-order-primary em{
    font-size:7px!important;
}
.okx-order-details{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
}
.okx-order-details b{
    font-size:7px!important;
}
.okx-order-payment-meta{
    gap:4px!important;
    margin-top:4px!important;
}
.okx-order-payment-meta b{
    font-size:7px!important;
}
.okx-order-footer{
    gap:5px!important;
    padding:5px 0 4px!important;
    font-size:6px!important;
}
.okx-order-actions{
    gap:4px!important;
}
.okx-order-actions .btn{
    min-height:30px!important;
    padding:5px 7px!important;
    font-size:7px!important;
}
.okx-order-technical{
    gap:4px!important;
    margin-top:5px!important;
    padding:5px!important;
}
.okx-order-technical span{
    font-size:6px!important;
}
.okx-order-technical b{
    font-size:7px!important;
}
.okx-orders-metrics{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:6px!important;
}
.okx-orders-metrics article{
    padding:7px 8px!important;
}
.okx-orders-metrics strong{
    font-size:17px!important;
}
.okx-orders-tools{
    gap:6px!important;
    margin:6px 0 7px!important;
}
.okx-order-filters{
    gap:4px!important;
}
.okx-order-filters button{
    min-height:31px!important;
    padding:5px 7px!important;
    font-size:7px!important;
}

@media(max-width:1450px){
    .okx-orders-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}
@media(max-width:1050px){
    .okx-orders-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .okx-orders-metrics{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}
@media(max-width:700px){
    .okx-orders-grid{
        grid-template-columns:1fr!important;
    }
    .okx-orders-metrics{
        grid-template-columns:1fr 1fr!important;
    }
    .okx-order-card{
        min-height:auto!important;
    }
}
@media(max-width:430px){
    .okx-orders-metrics{
        grid-template-columns:1fr!important;
    }
    .okx-order-primary,
    .okx-order-details,
    .okx-order-payment-meta{
        grid-template-columns:1fr 1fr!important;
    }
    .okx-order-details span:last-child{
        grid-column:1/-1;
    }
}


/* ===== V17 PREMIUM ORDER CARDS ===== */
.okx-order-card{height:100%!important;display:flex!important;flex-direction:column!important;transition:.22s ease!important}
.okx-order-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.28)!important}
.okx-order-card.buy{
background:linear-gradient(180deg,#eefeea,#dcffd5)!important;
border:2px solid #74d98d!important;color:#16341f!important}
.okx-order-card.sell{
background:linear-gradient(180deg,#116d36,#0a5628)!important;
border:2px solid #35d97b!important}
.okx-order-card.pending{
background:linear-gradient(180deg,#fff0d3,#ffd99a)!important;
border:2px solid #f39c12!important;color:#5c3a00!important}
.okx-order-card.cancelled{
background:linear-gradient(180deg,#ffe6e8,#ffc9cf)!important;
border:2px solid #e74c3c!important;color:#661717!important}
.okx-order-status.completed{
background:#18a957!important;color:#fff!important;
padding:4px 10px!important;border-radius:999px!important;font-weight:700}
.okx-order-status.completed:before{content:"✓ ";font-weight:900}
.okx-order-card .badge,
.okx-order-card .status-badge{
border-radius:999px!important;
font-weight:700!important;
padding:4px 10px!important}


/* ===== CORRECTION REELLE BUY JAUNE V19 ===== */
/* La classe visuelle est maintenant réellement ajoutée dans okx.php. */

.okx-order-card.buy{
    background:linear-gradient(180deg,#fffdf0 0%,#fff8c9 55%,#ffef9a 100%)!important;
    border:2px solid #e5c33f!important;
    color:#312800!important;
}
.okx-order-card.buy .okx-order-primary span,
.okx-order-card.buy .okx-order-details span,
.okx-order-card.buy .okx-order-payment-meta span,
.okx-order-card.buy .okx-order-technical{
    background:rgba(255,255,255,.34)!important;
    border-color:rgba(146,113,0,.23)!important;
}
.okx-order-card.buy .okx-order-title h3,
.okx-order-card.buy .okx-order-title span,
.okx-order-card.buy .okx-order-title small,
.okx-order-card.buy small,
.okx-order-card.buy b,
.okx-order-card.buy em,
.okx-order-card.buy .okx-order-footer,
.okx-order-card.buy .okx-order-technical span,
.okx-order-card.buy .okx-order-technical b{
    color:#312800!important;
}
.okx-order-card.buy .okx-order-side.buy{
    background:#f4c400!important;
    color:#2b2300!important;
}
.okx-order-card.buy .okx-order-state.completed{
    background:#169956!important;
    color:#fff!important;
}
.okx-order-card.buy .okx-order-state.completed::before{
    content:"✓ ";
    font-weight:900;
}

/* Vente terminée : vert foncé */
.okx-order-card.sell{
    background:linear-gradient(180deg,#0d6a35 0%,#075229 100%)!important;
    border:2px solid #2fd67a!important;
    color:#fff!important;
}
.okx-order-card.sell .okx-order-primary span,
.okx-order-card.sell .okx-order-details span,
.okx-order-card.sell .okx-order-payment-meta span{
    background:rgba(3,30,23,.58)!important;
}

/* En cours : orange, quelle que soit la direction */
.okx-order-card.pending{
    background:linear-gradient(180deg,#fff0d0 0%,#ffd28b 100%)!important;
    border:2px solid #f39c12!important;
    color:#4b2d00!important;
}
.okx-order-card.pending .okx-order-primary span,
.okx-order-card.pending .okx-order-details span,
.okx-order-card.pending .okx-order-payment-meta span{
    background:rgba(255,255,255,.30)!important;
    border-color:rgba(173,94,0,.24)!important;
}

/* Annulé : rouge clair */
.okx-order-card.cancelled{
    background:linear-gradient(180deg,#ffe8ea 0%,#ffcbd1 100%)!important;
    border:2px solid #e74c3c!important;
    color:#64141c!important;
}
.okx-order-card.cancelled .okx-order-primary span,
.okx-order-card.cancelled .okx-order-details span,
.okx-order-card.cancelled .okx-order-payment-meta span{
    background:rgba(255,255,255,.30)!important;
    border-color:rgba(162,26,39,.22)!important;
}

/* Cartes uniformes et survol */
.okx-orders-grid{align-items:stretch!important}
.okx-order-card{
    height:100%!important;
    min-height:248px!important;
    transition:transform .18s ease,box-shadow .18s ease!important;
}
.okx-order-card:hover{
    transform:translateY(-3px)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
}


/* ===== V20 LISIBILITE CARTES ORDRES ===== */

/* BUY terminé : jaune très clair + texte foncé lisible */
.okx-order-card.buy{
    background:linear-gradient(180deg,#fffef5 0%,#fff9d8 56%,#fff0a8 100%)!important;
    border:2px solid #e0bd36!important;
    color:#2b2400!important;
}
.okx-order-card.buy .okx-order-title span,
.okx-order-card.buy .okx-order-title h3,
.okx-order-card.buy .okx-order-title small,
.okx-order-card.buy .okx-order-primary small,
.okx-order-card.buy .okx-order-details small,
.okx-order-card.buy .okx-order-payment-meta small,
.okx-order-card.buy .okx-order-primary b,
.okx-order-card.buy .okx-order-details b,
.okx-order-card.buy .okx-order-payment-meta b,
.okx-order-card.buy .okx-order-footer,
.okx-order-card.buy .okx-order-technical span,
.okx-order-card.buy .okx-order-technical b,
.okx-order-card.buy em{
    color:#2b2400!important;
}
.okx-order-card.buy .okx-order-primary span,
.okx-order-card.buy .okx-order-details span,
.okx-order-card.buy .okx-order-payment-meta span,
.okx-order-card.buy .okx-order-technical{
    background:rgba(255,255,255,.72)!important;
    border-color:rgba(118,91,0,.24)!important;
}
.okx-order-card.buy .okx-order-side.buy{
    background:#24a865!important;
    color:#fff!important;
}

/* ANNULÉ : rouge clair + contraste élevé */
.okx-order-card.cancelled{
    background:linear-gradient(180deg,#fff5f6 0%,#ffe4e8 55%,#ffd1d7 100%)!important;
    border:2px solid #df4b5f!important;
    color:#421016!important;
}
.okx-order-card.cancelled .okx-order-title span{
    color:#b42336!important;
}
.okx-order-card.cancelled .okx-order-title h3,
.okx-order-card.cancelled .okx-order-title small,
.okx-order-card.cancelled .okx-order-primary small,
.okx-order-card.cancelled .okx-order-details small,
.okx-order-card.cancelled .okx-order-payment-meta small,
.okx-order-card.cancelled .okx-order-footer,
.okx-order-card.cancelled .okx-order-technical span{
    color:#5d1b24!important;
}
.okx-order-card.cancelled .okx-order-primary b,
.okx-order-card.cancelled .okx-order-details b,
.okx-order-card.cancelled .okx-order-payment-meta b,
.okx-order-card.cancelled .okx-order-technical b,
.okx-order-card.cancelled em{
    color:#8f1e2e!important;
}
.okx-order-card.cancelled .okx-order-primary span,
.okx-order-card.cancelled .okx-order-details span,
.okx-order-card.cancelled .okx-order-payment-meta span,
.okx-order-card.cancelled .okx-order-technical{
    background:rgba(255,255,255,.70)!important;
    border-color:rgba(151,30,48,.22)!important;
}
.okx-order-card.cancelled .okx-order-state.cancelled{
    background:#c92f45!important;
    color:#fff!important;
}
.okx-order-card.cancelled .okx-order-side.buy{
    background:#2aa66b!important;
    color:#fff!important;
}
.okx-order-card.cancelled .okx-order-side.sell{
    background:#8d2335!important;
    color:#fff!important;
}

/* SELL terminé : texte blanc sur vert foncé */
.okx-order-card.sell,
.okx-order-card.sell .okx-order-title span,
.okx-order-card.sell .okx-order-title h3,
.okx-order-card.sell .okx-order-title small,
.okx-order-card.sell .okx-order-primary small,
.okx-order-card.sell .okx-order-details small,
.okx-order-card.sell .okx-order-payment-meta small,
.okx-order-card.sell .okx-order-primary b,
.okx-order-card.sell .okx-order-details b,
.okx-order-card.sell .okx-order-payment-meta b,
.okx-order-card.sell .okx-order-footer,
.okx-order-card.sell .okx-order-technical span,
.okx-order-card.sell .okx-order-technical b,
.okx-order-card.sell em{
    color:#f6fff9!important;
}
.okx-order-card.sell .okx-order-primary span,
.okx-order-card.sell .okx-order-details span,
.okx-order-card.sell .okx-order-payment-meta span,
.okx-order-card.sell .okx-order-technical{
    background:rgba(2,31,18,.46)!important;
    border-color:rgba(130,255,184,.18)!important;
}

/* EN COURS : orange + texte brun foncé */
.okx-order-card.pending,
.okx-order-card.pending .okx-order-title span,
.okx-order-card.pending .okx-order-title h3,
.okx-order-card.pending .okx-order-title small,
.okx-order-card.pending .okx-order-primary small,
.okx-order-card.pending .okx-order-details small,
.okx-order-card.pending .okx-order-payment-meta small,
.okx-order-card.pending .okx-order-primary b,
.okx-order-card.pending .okx-order-details b,
.okx-order-card.pending .okx-order-payment-meta b,
.okx-order-card.pending .okx-order-footer,
.okx-order-card.pending em{
    color:#4a2d00!important;
}

/* Badges uniformes + carte de même hauteur + survol */
.okx-order-side,
.okx-order-state{
    min-width:54px!important;
    min-height:22px!important;
    padding:4px 8px!important;
    border-radius:999px!important;
    font-size:7px!important;
    font-weight:900!important;
}
.okx-orders-grid{align-items:stretch!important}
.okx-order-card{
    height:100%!important;
    min-height:248px!important;
    transition:transform .18s ease,box-shadow .18s ease!important;
}
.okx-order-card:hover{
    transform:translateY(-3px)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
}


/* ===== V21 STATISTIQUES ORDRES COMPACTES ===== */
section.okx-orders-metrics.okx-orders-metrics-compact.is-active-page{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    margin:0 0 8px!important;
    align-items:stretch!important;
}
section.okx-orders-metrics.okx-orders-metrics-compact article{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    min-height:74px!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    background:linear-gradient(145deg,#0b2237,#071827)!important;
    box-shadow:none!important;
}
section.okx-orders-metrics.okx-orders-metrics-compact article > div{
    display:flex!important;
    min-width:0!important;
    flex-direction:column!important;
    gap:1px!important;
}
section.okx-orders-metrics.okx-orders-metrics-compact .metric-icon{
    display:inline-flex!important;
    width:36px!important;
    height:36px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    font-size:18px!important;
    font-weight:900!important;
    line-height:1!important;
}
section.okx-orders-metrics.okx-orders-metrics-compact article > div > span{
    color:#9bb5cb!important;
    font-size:9px!important;
    font-weight:650!important;
    white-space:nowrap!important;
}
section.okx-orders-metrics.okx-orders-metrics-compact strong{
    margin:1px 0!important;
    color:#f7fbff!important;
    font-size:21px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
}
section.okx-orders-metrics.okx-orders-metrics-compact small{
    overflow:hidden!important;
    color:#7898b3!important;
    font-size:7px!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

/* Ligne secondaire : les deux cartes larges occupent chacune deux colonnes */
section.okx-orders-metrics.okx-orders-metrics-compact .metric-volume,
section.okx-orders-metrics.okx-orders-metrics-compact .metric-side{
    grid-column:span 2!important;
}

/* Couleurs des cartes et icônes */
section.okx-orders-metrics.okx-orders-metrics-compact .metric-total{border:1px solid #20c997!important}
section.okx-orders-metrics.okx-orders-metrics-compact .metric-total .metric-icon{background:#0d7755!important;color:#42e3a8!important}
section.okx-orders-metrics.okx-orders-metrics-compact .metric-total strong{color:#3ee2aa!important}

section.okx-orders-metrics.okx-orders-metrics-compact .metric-pending{border:1px solid #e49a16!important}
section.okx-orders-metrics.okx-orders-metrics-compact .metric-pending .metric-icon{background:#70470a!important;color:#ffb32a!important}
section.okx-orders-metrics.okx-orders-metrics-compact .metric-pending strong{color:#ffb32a!important}

section.okx-orders-metrics.okx-orders-metrics-compact .metric-completed{border:1px solid #20bd72!important}
section.okx-orders-metrics.okx-orders-metrics-compact .metric-completed .metric-icon{background:#0d7044!important;color:#43df94!important}
section.okx-orders-metrics.okx-orders-metrics-compact .metric-completed strong{color:#43df94!important}

section.okx-orders-metrics.okx-orders-metrics-compact .metric-cancelled{border:1px solid #e55b70!important}
section.okx-orders-metrics.okx-orders-metrics-compact .metric-cancelled .metric-icon{background:#762737!important;color:#ff7b90!important}
section.okx-orders-metrics.okx-orders-metrics-compact .metric-cancelled strong{color:#ff7b90!important}

section.okx-orders-metrics.okx-orders-metrics-compact .metric-volume{border:1px solid #388df1!important}
section.okx-orders-metrics.okx-orders-metrics-compact .metric-volume .metric-icon{background:#174b88!important;color:#64aaff!important}
section.okx-orders-metrics.okx-orders-metrics-compact .metric-volume strong{color:#64aaff!important}

section.okx-orders-metrics.okx-orders-metrics-compact .metric-side{border:1px solid #9366e2!important}
section.okx-orders-metrics.okx-orders-metrics-compact .metric-side .metric-icon{background:#50328c!important;color:#b585ff!important}
section.okx-orders-metrics.okx-orders-metrics-compact .metric-side strong{color:#b585ff!important}

@media(max-width:1150px){
    section.okx-orders-metrics.okx-orders-metrics-compact.is-active-page{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
    section.okx-orders-metrics.okx-orders-metrics-compact .metric-volume,
    section.okx-orders-metrics.okx-orders-metrics-compact .metric-side{
        grid-column:span 1!important;
    }
}
@media(max-width:760px){
    section.okx-orders-metrics.okx-orders-metrics-compact.is-active-page{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:480px){
    section.okx-orders-metrics.okx-orders-metrics-compact.is-active-page{
        grid-template-columns:1fr!important;
    }
    section.okx-orders-metrics.okx-orders-metrics-compact article{
        min-height:66px!important;
    }
}


/* ===== V22 SYNCHRONISATION COMPACTE ===== */
.okx-sync-pagehead{
    display:none!important;
    padding:14px!important;
}
.okx-sync-pagehead.is-active-page{display:flex!important}
.okx-sync-pagehead h1{margin:2px 0 3px!important;font-size:27px!important}

.okx-sync-panel{
    display:none!important;
    padding:12px!important;
}
.okx-sync-panel.is-active-page{display:block!important}

.okx-sync-summary{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin-bottom:8px!important;
}
.okx-sync-summary article{
    padding:8px 10px!important;
    border:1px solid #294a65!important;
    border-radius:9px!important;
    background:linear-gradient(145deg,#0c2238,#071827)!important;
}
.okx-sync-summary span,.okx-sync-summary strong,.okx-sync-summary small{display:block!important}
.okx-sync-summary span{color:#8aa8c1!important;font-size:8px!important}
.okx-sync-summary strong{margin:2px 0!important;color:#41dda1!important;font-size:20px!important}
.okx-sync-summary small{color:#6f8fa9!important;font-size:7px!important}

.okx-sync-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
}
.okx-sync-card{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    min-height:92px!important;
    padding:9px 10px!important;
    border:1px solid #2b4d68!important;
    border-radius:10px!important;
    background:linear-gradient(145deg,#0d263e,#071827)!important;
    transition:transform .18s ease,box-shadow .18s ease!important;
}
.okx-sync-card:hover{
    transform:translateY(-3px)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.25)!important;
}
.okx-sync-card-icon{
    display:flex!important;
    width:38px!important;
    height:38px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    font-size:18px!important;
    font-weight:900!important;
}
.okx-sync-card-main{min-width:0!important}
.okx-sync-card-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
}
.okx-sync-card-head > span:first-child{
    color:#a5bdd0!important;
    font-size:8px!important;
    font-weight:750!important;
}
.okx-sync-card strong{
    display:block!important;
    overflow:hidden!important;
    margin:4px 0 2px!important;
    color:#f6fbff!important;
    font-size:13px!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.okx-sync-card small{
    display:block!important;
    overflow:hidden!important;
    color:#7c9bb5!important;
    font-size:7px!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.okx-sync-status{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:20px!important;
    padding:3px 6px!important;
    border-radius:999px!important;
    background:#155f45!important;
    color:#dffff2!important;
    font-size:6px!important;
    font-weight:900!important;
}
.okx-sync-card.status-empty .okx-sync-status{
    background:#6d480d!important;
    color:#ffe8b1!important;
}

.okx-sync-card.tone-green{border-color:#1fc889!important}
.okx-sync-card.tone-green .okx-sync-card-icon{background:#0d7451!important;color:#4ce1aa!important}
.okx-sync-card.tone-blue{border-color:#338ce5!important}
.okx-sync-card.tone-blue .okx-sync-card-icon{background:#174d83!important;color:#68afff!important}
.okx-sync-card.tone-purple{border-color:#8e63df!important}
.okx-sync-card.tone-purple .okx-sync-card-icon{background:#4d3384!important;color:#b688ff!important}
.okx-sync-card.tone-orange{border-color:#df941d!important}
.okx-sync-card.tone-orange .okx-sync-card-icon{background:#70470b!important;color:#ffb534!important}

.okx-sync-actions{
    display:flex!important;
    gap:6px!important;
    flex-wrap:wrap!important;
    margin-top:9px!important;
}
.okx-sync-actions .btn{min-height:34px!important;padding:6px 10px!important}

@media(max-width:1150px){
    .okx-sync-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
    .okx-sync-summary{grid-template-columns:1fr!important}
    .okx-sync-grid{grid-template-columns:1fr!important}
}
@media(max-width:480px){
    .okx-sync-card{min-height:82px!important}
    .okx-sync-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
}


/* ===== V24 INTELLIGENCE OPPORTUNITES DETAILLEES ===== */
.intelligence-toolbar{
    display:grid;
    grid-template-columns:minmax(280px,1fr) auto minmax(175px,.45fr);
    gap:8px;
    align-items:center;
    margin:10px 0;
}
.intel-search{
    display:flex;
    align-items:center;
    gap:7px;
    min-height:42px;
    padding:0 10px;
    border:1px solid #2b4d68;
    border-radius:9px;
    background:#071a2b;
}
.intel-search input{
    width:100%;
    min-height:39px;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
    color:#f4f9fd;
}
.intel-filters{display:flex;gap:5px;flex-wrap:wrap}
.intel-filter{
    min-height:39px;
    padding:7px 10px;
    border:1px solid #31516f;
    border-radius:7px;
    background:#091d31;
    color:#b9ccdc;
    font-size:8px;
    font-weight:850;
}
.intel-filter.active{
    border-color:#25d99f;
    background:rgba(37,217,159,.12);
    color:#50e3b0;
}
.intel-sort{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:5px;
    align-items:center;
    color:#7e9eb8;
    font-size:8px;
}
.intel-sort select{min-height:40px}
.intel-count{
    grid-column:1/-1;
    color:#7798b3;
    font-size:8px;
    text-align:right;
}

.intelligence-opportunity-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    align-items:stretch;
}
.intel-opportunity-card{
    display:flex;
    min-width:0;
    min-height:365px;
    flex-direction:column;
    padding:10px;
    border:1px solid #2a4d68;
    border-radius:11px;
    background:linear-gradient(145deg,#0c2238,#071727);
    transition:transform .18s ease,box-shadow .18s ease;
}
.intel-opportunity-card:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 28px rgba(0,0,0,.25);
}
.intel-opportunity-card.tone-green{border-color:#22ca87}
.intel-opportunity-card.tone-blue{border-color:#398fe8}
.intel-opportunity-card.tone-orange{border-color:#e59b22}

.intel-card-header{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:8px;
    align-items:center;
    min-height:58px;
}
.intel-route-flags{
    display:flex;
    align-items:center;
    gap:3px;
}
.intel-route-flags img{
    width:30px;
    height:21px;
    object-fit:cover;
    border-radius:4px;
    border:1px solid rgba(255,255,255,.14);
}
.intel-route-flags span{color:#6e91ad;font-size:9px}
.intel-route-title{min-width:0}
.intel-route-title > span{
    color:#53dfa9;
    font-size:6px;
    font-weight:900;
    letter-spacing:.04em;
}
.intel-route-title h2{
    overflow:hidden;
    margin:2px 0;
    color:#f6faff;
    font-size:15px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.intel-route-title small{color:#80a0ba;font-size:7px}
.intel-card-badges{
    display:flex;
    align-items:flex-end;
    flex-direction:column;
    gap:3px;
}
.intel-status{
    padding:3px 6px;
    border-radius:999px;
    font-size:6px;
    font-weight:900;
}
.intel-status.yes{background:#18734d;color:#e1fff1}
.intel-status.no{background:#77520f;color:#fff0c8}

.intel-primary-data,
.intel-market-data,
.intel-price-data{
    display:grid;
    gap:5px;
    margin-top:6px;
}
.intel-primary-data{grid-template-columns:repeat(3,minmax(0,1fr))}
.intel-market-data{grid-template-columns:1fr 1fr}
.intel-price-data{grid-template-columns:repeat(3,minmax(0,1fr))}
.intel-primary-data > div,
.intel-market-data > div,
.intel-price-data > div{
    display:flex;
    min-width:0;
    flex-direction:column;
    gap:2px;
    padding:6px 7px;
    border:1px solid #203e58;
    border-radius:7px;
    background:#061827;
}
.intel-primary-data span,
.intel-market-data span,
.intel-price-data span{
    color:#7899b5;
    font-size:6px;
}
.intel-primary-data b{color:#f4f9fd;font-size:10px}
.intel-market-data b,
.intel-price-data b{
    overflow:hidden;
    color:#eef5fb;
    font-size:8px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.intel-market-data small{color:#7191aa;font-size:6px}

.intel-checks{
    display:flex;
    gap:4px;
    flex-wrap:wrap;
    margin-top:6px;
}
.intel-checks span{
    padding:3px 6px;
    border-radius:999px;
    font-size:6px;
    font-weight:800;
}
.intel-checks .ok{background:#155f45;color:#ddfff1}
.intel-checks .bad{background:#7f2939;color:#ffe4e8}
.intel-checks .wait{background:#76500e;color:#ffedc2}
.intel-checks .info{background:#173b58;color:#d6ebfb}

.intel-classification{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:6px;
    padding:6px 8px;
    border:1px solid #21425d;
    border-radius:7px;
    background:#081b2d;
}
.intel-classification span{color:#7898b3;font-size:7px}
.intel-classification b{color:#4ce0aa;font-size:8px}

.intel-reasons{
    margin-top:6px;
    padding:6px 8px;
    border:1px solid #24445d;
    border-radius:7px;
    background:#071a2a;
}
.intel-reasons summary{cursor:pointer;color:#8eacc4;font-size:7px}
.intel-reasons ul{margin:6px 0 0;padding-left:14px}
.intel-reasons li{color:#a6bfd2;font-size:7px}
.intel-reasons li b{color:#4ce1aa}

.intel-card-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:7px;
    margin-top:auto;
    padding-top:7px;
    border-top:1px solid #21415b;
}
.intel-card-footer span{color:#7595af;font-size:6px}
.intel-card-footer .btn{min-height:30px;padding:5px 7px;font-size:7px}

.intel-no-result,
.intelligence-empty{
    padding:18px;
    border:1px dashed #355875;
    border-radius:10px;
    background:#081b2d;
    color:#89a7bf;
    text-align:center;
}
.intel-no-result[hidden],
.intel-opportunity-card[hidden]{display:none!important}

@media(max-width:1250px){
    .intelligence-opportunity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .intelligence-toolbar{grid-template-columns:1fr}
    .intel-count{text-align:left}
}
@media(max-width:760px){
    .intelligence-opportunity-grid{grid-template-columns:1fr}
    .intel-opportunity-card{min-height:auto}
    .intel-filters{display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
    .intel-primary-data,
    .intel-price-data{grid-template-columns:1fr 1fr}
    .intel-primary-data > div:last-child,
    .intel-price-data > div:last-child{grid-column:1/-1}
    .intel-market-data{grid-template-columns:1fr}
    .intel-filters{grid-template-columns:1fr}
}


/* ===== V27 RADAR MONDIAL VISUEL ===== */
.rw27-pagehead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px;padding:10px 4px}
.rw27-title{display:flex;align-items:center;gap:12px}.rw27-globe{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border:2px solid #2f91ff;border-radius:50%;color:#55a9ff;font-size:25px}
.rw27-title h1{margin:0;color:#f7fbff;font-size:28px}.rw27-title p{margin:3px 0 0;color:#8ba6bd;font-size:9px}
.rw27-head-status{display:flex;align-items:center;gap:8px}.rw27-updated{padding:8px 11px;border:1px solid #233f58;border-radius:9px;background:#081a2a;color:#9eb5c8;font-size:8px}

.rw27-compare-panel{padding:11px!important;border-color:#34516a!important}
.rw27-panel-title{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:#49dca8;font-size:9px}
.rw27-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:7px;align-items:end}
.rw27-control{display:grid;gap:4px;margin:0}.rw27-control>span{color:#91acc2;font-size:7px}
.rw27-control-body{display:flex;align-items:center;gap:6px;min-height:48px;padding:5px 7px;border:1px solid #29465f;border-radius:8px;background:#081a2b}
.rw27-control-body img{width:27px;height:19px;object-fit:cover;border-radius:3px}.rw27-control-body select,.rw27-control-body input{width:100%;min-width:0;min-height:34px;padding:5px;border:0;background:transparent;color:#f5f9fd}
.rw27-control-body small{color:#809ab0;font-size:7px}.rw27-control-icon{display:flex;min-width:29px;height:29px;align-items:center;justify-content:center;border-radius:7px;background:#173b58;color:#62b8ed;font-size:8px;font-weight:900}
.rw27-fx{display:grid;grid-column:span 1}.rw27-fx.hidden{display:none}.rw27-submit{min-height:50px;padding:8px 13px;white-space:nowrap}

.rw27-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:9px 0}
.rw27-kpi{position:relative;min-height:91px;padding:10px;border:1px solid #294a65;border-radius:9px;background:linear-gradient(145deg,#0c2238,#071727)}
.rw27-kpi span,.rw27-kpi strong,.rw27-kpi small{display:block}.rw27-kpi span{color:#8ca8bf;font-size:7px}.rw27-kpi strong{margin:5px 0;color:#f7fbff;font-size:16px}.rw27-kpi small{color:#7797b2;font-size:7px}.rw27-kpi>b{position:absolute;right:10px;bottom:9px;font-size:22px}
.rw27-kpi.tone-green{border-color:#17b97b}.rw27-kpi.tone-green>b,.rw27-kpi.tone-green strong{color:#32df9d}
.rw27-kpi.tone-blue{border-color:#338de8}.rw27-kpi.tone-blue>b,.rw27-kpi.tone-blue strong{color:#58a9ff}
.rw27-kpi.tone-purple{border-color:#8d61dc}.rw27-kpi.tone-purple>b,.rw27-kpi.tone-purple strong{color:#b47eff}
.rw27-kpi.tone-orange{border-color:#d78321}.rw27-kpi.tone-orange>b,.rw27-kpi.tone-orange strong{color:#ffa53b}
.rw27-kpi.tone-cyan{border-color:#17aebc}.rw27-kpi.tone-cyan>b,.rw27-kpi.tone-cyan strong{color:#3bd8e4}

.rw27-route{display:grid;grid-template-columns:1fr auto 1fr 1.15fr 1.4fr 1fr;gap:10px;align-items:center;padding:10px!important}
.rw27-route-country{display:flex;align-items:center;gap:8px}.rw27-route-country img{width:34px;height:24px;object-fit:cover;border-radius:4px}.rw27-route-country strong,.rw27-route-country span{display:block}.rw27-route-country strong{font-size:11px}.rw27-route-country span,.rw27-route-stat span{color:#7e9db7;font-size:7px}.rw27-arrow{color:#5bb7ed;font-size:22px}.rw27-route-stat{padding-left:10px;border-left:1px solid #29465f}.rw27-route-stat strong{display:block;margin-top:3px;font-size:9px}

.rw27-platform-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:10px 0}
.rw27-platform-card{position:relative;display:flex;min-width:0;min-height:285px;flex-direction:column;padding:10px;border:1px solid #314c65;border-radius:10px;background:linear-gradient(165deg,#0b2034,#061522);transition:.18s ease}
.rw27-platform-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.25)}
.rw27-platform-card header{display:flex;align-items:center;gap:7px}.rw27-platform-icon{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;font-size:8px;font-weight:900}.rw27-platform-card h3{margin:0;font-size:12px}.rw27-platform-card header small{color:#4fe3a8;font-size:6px}
.rw27-price-row{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:9px}.rw27-price-row>div{padding:7px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:rgba(3,17,27,.48)}.rw27-price-row span,.rw27-platform-profit span{display:block;color:#8da8be;font-size:6px}.rw27-price-row strong{display:block;margin-top:3px;font-size:10px}.rw27-platform-profit{margin-top:6px;padding:8px;border-radius:7px;background:rgba(2,17,26,.55)}.rw27-platform-profit strong{display:block;margin-top:3px;color:#36dfa0;font-size:11px}
.rw27-best{position:absolute;right:-3px;top:-7px;padding:5px 9px;border-radius:5px;background:#28d96f;color:#07301a;font-size:6px;font-weight:900;transform:rotate(8deg)}
.rw27-coming-box{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center}.rw27-coming-box span{color:#6e8da6;font-size:6px}.rw27-coming-box strong{margin:6px 0;color:#b8c9d6;font-size:9px}.rw27-coming-box small{color:#67849c;font-size:6px}
.rw27-platform-card.tone-okx{border-color:#d6d6d6}.rw27-platform-card.tone-okx .rw27-platform-icon{background:#fff;color:#111}
.rw27-platform-card.tone-binance{border-color:#e0b735}.rw27-platform-card.tone-binance .rw27-platform-icon{background:#f3ba2f;color:#111}
.rw27-platform-card.tone-bybit{border-color:#825ed4}.rw27-platform-card.tone-bybit .rw27-platform-icon{background:#6842ba;color:#fff}
.rw27-platform-card.tone-bitget{border-color:#11a9b9}.rw27-platform-card.tone-bitget .rw27-platform-icon{background:#0c91a1;color:#fff}
.rw27-platform-card.tone-mexc{border-color:#2573dd}.rw27-platform-card.tone-mexc .rw27-platform-icon{background:#1e64bd;color:#fff}
.rw27-platform-card.tone-kucoin{border-color:#18c987}.rw27-platform-card.tone-kucoin .rw27-platform-icon{background:#0ba873;color:#fff}

.rw27-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #543786;border-radius:10px;background:linear-gradient(90deg,#15102a,#24123d)}.rw27-notice strong,.rw27-notice span{display:block}.rw27-notice strong{font-size:9px}.rw27-notice span{margin-top:3px;color:#a99abe;font-size:7px}
.rw27-empty{display:flex;align-items:center;justify-content:center;gap:12px;min-height:145px;border:1px dashed #31516d;border-radius:10px;background:#071a2a}.rw27-empty>span{font-size:36px;color:#399de2}.rw27-empty h3{margin:0 0 4px}.rw27-empty p{margin:0;color:#7d9db7;font-size:8px}

@media(max-width:1400px){.rw27-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rw27-form{grid-template-columns:repeat(3,minmax(0,1fr))}.rw27-submit{grid-column:auto}.rw27-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.rw27-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rw27-form,.rw27-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rw27-route{grid-template-columns:1fr auto 1fr}.rw27-route-stat{border-left:0;padding-left:0}.rw27-head-status{align-items:flex-end;flex-direction:column}}
@media(max-width:600px){.rw27-pagehead{align-items:flex-start;flex-direction:column}.rw27-form,.rw27-kpis,.rw27-platform-grid{grid-template-columns:1fr}.rw27-route{grid-template-columns:1fr}.rw27-arrow{transform:rotate(90deg)}.rw27-notice{align-items:stretch;flex-direction:column}.rw27-platform-card{min-height:250px}}


/* ===== V28 LISTE PAYS LISIBLE AVEC DRAPEAUX ===== */
.rw-country-control{
    position:relative!important;
    z-index:20;
}
.rw-country-control:has(.rw-country-menu:not([hidden])){
    z-index:2000;
}
.rw-country-trigger{
    display:grid!important;
    width:100%!important;
    min-height:48px!important;
    grid-template-columns:30px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:7px 10px!important;
    border:1px solid #29465f!important;
    border-radius:8px!important;
    background:#081a2b!important;
    color:#f5f9fd!important;
    cursor:pointer!important;
    text-align:left!important;
}
.rw-country-trigger:hover,
.rw-country-trigger[aria-expanded="true"]{
    border-color:#22d59a!important;
    box-shadow:0 0 0 3px rgba(34,213,154,.10)!important;
}
.rw-country-trigger img{
    display:block!important;
    width:29px!important;
    height:21px!important;
    object-fit:cover!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:4px!important;
}
.rw-country-trigger span{
    overflow:hidden!important;
    color:#f5f9fd!important;
    font-size:11px!important;
    font-weight:750!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.rw-country-trigger b{
    color:#48dda8!important;
    font-size:14px!important;
}

.rw-country-menu{
    position:absolute!important;
    top:calc(100% + 6px)!important;
    left:0!important;
    right:0!important;
    z-index:99999!important;
    overflow:hidden!important;
    max-height:360px!important;
    padding:7px!important;
    border:1px solid #355b77!important;
    border-radius:10px!important;
    background:#071725!important;
    box-shadow:0 18px 45px rgba(0,0,0,.58)!important;
}
.rw-country-menu[hidden]{display:none!important}

.rw-country-search{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-height:39px!important;
    margin-bottom:6px!important;
    padding:0 9px!important;
    border:1px solid #2a4c66!important;
    border-radius:7px!important;
    background:#0b2135!important;
}
.rw-country-search span{
    color:#70a2c4!important;
    font-size:15px!important;
}
.rw-country-search input{
    width:100%!important;
    min-height:36px!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#f5f9fd!important;
    font-size:10px!important;
}
.rw-country-search input::placeholder{
    color:#7390a8!important;
}

.rw-country-options{
    display:flex!important;
    overflow-y:auto!important;
    max-height:285px!important;
    flex-direction:column!important;
    gap:3px!important;
    padding-right:2px!important;
    scrollbar-width:thin;
    scrollbar-color:#3e6582 #071725;
}
.rw-country-option{
    display:grid!important;
    width:100%!important;
    min-height:46px!important;
    grid-template-columns:34px minmax(0,1fr) 20px!important;
    align-items:center!important;
    gap:9px!important;
    padding:6px 8px!important;
    border:1px solid transparent!important;
    border-radius:7px!important;
    background:#0a1d2f!important;
    color:#f5f9fd!important;
    cursor:pointer!important;
    text-align:left!important;
}
.rw-country-option:hover{
    border-color:#2ccf99!important;
    background:#10334a!important;
}
.rw-country-option.is-selected{
    border-color:#27d99f!important;
    background:linear-gradient(90deg,#0e4d39,#10324a)!important;
}
.rw-country-option[hidden]{display:none!important}
.rw-country-option img{
    display:block!important;
    width:32px!important;
    height:23px!important;
    object-fit:cover!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:4px!important;
}
.rw-country-option > span{
    display:flex!important;
    min-width:0!important;
    flex-direction:column!important;
    gap:2px!important;
}
.rw-country-option strong{
    overflow:hidden!important;
    color:#f8fbfe!important;
    font-size:10px!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.rw-country-option small{
    color:#7fa0ba!important;
    font-size:8px!important;
}
.rw-country-option > b{
    visibility:hidden!important;
    color:#43e0a7!important;
    font-size:12px!important;
}
.rw-country-option.is-selected > b{
    visibility:visible!important;
}
.rw-country-empty{
    padding:14px!important;
    color:#8da8bc!important;
    font-size:9px!important;
    text-align:center!important;
}
.rw-country-empty[hidden]{display:none!important}

@media(max-width:600px){
    .rw-country-menu{
        position:fixed!important;
        top:15%!important;
        right:14px!important;
        left:14px!important;
        max-height:70vh!important;
    }
    .rw-country-options{max-height:55vh!important}
}


/* ===== V29 LISTE PLATEFORMES LISIBLE ===== */
.rw-platform-control{
    position:relative!important;
    z-index:25;
}
.rw-platform-control:has(.rw-platform-menu:not([hidden])){
    z-index:2100;
}
.rw-platform-trigger{
    display:grid!important;
    width:100%!important;
    min-height:48px!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:6px 9px!important;
    border:1px solid #29465f!important;
    border-radius:8px!important;
    background:#081a2b!important;
    color:#f5f9fd!important;
    cursor:pointer!important;
    text-align:left!important;
}
.rw-platform-trigger:hover,
.rw-platform-trigger[aria-expanded="true"]{
    border-color:#24d89e!important;
    box-shadow:0 0 0 3px rgba(36,216,158,.10)!important;
}
.rw-platform-trigger-copy{
    display:flex!important;
    min-width:0!important;
    flex-direction:column!important;
    gap:2px!important;
}
.rw-platform-trigger-copy strong{
    overflow:hidden!important;
    color:#f8fbfe!important;
    font-size:10px!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.rw-platform-trigger-copy small{
    overflow:hidden!important;
    color:#65dcae!important;
    font-size:7px!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.rw-platform-trigger>b{
    color:#45dfa8!important;
    font-size:14px!important;
}

.rw-platform-logo{
    display:flex!important;
    width:36px!important;
    height:36px!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 36px!important;
    border-radius:9px!important;
    font-size:8px!important;
    font-weight:950!important;
    letter-spacing:-.03em!important;
}
.rw-platform-logo.tone-okx{background:#174c78!important;color:#68c5ff!important}
.rw-platform-logo.tone-binance{background:#5e470b!important;color:#f5ba27!important}
.rw-platform-logo.tone-bitget{background:#087d8c!important;color:#6defff!important}
.rw-platform-logo.tone-bybit{background:#f4f4f4!important;color:#292929!important}
.rw-platform-logo.tone-kucoin{background:#11875f!important;color:#c8ffeb!important}
.rw-platform-logo.tone-mexc{background:#255cc1!important;color:#dbe8ff!important}

.rw-platform-menu{
    position:absolute!important;
    top:calc(100% + 6px)!important;
    right:0!important;
    left:0!important;
    z-index:99999!important;
    overflow:hidden!important;
    padding:7px!important;
    border:1px solid #1bbf83!important;
    border-radius:10px!important;
    background:#071725!important;
    box-shadow:0 18px 46px rgba(0,0,0,.62)!important;
}
.rw-platform-menu[hidden]{display:none!important}

.rw-platform-menu-head{
    padding:7px 8px 9px!important;
    border-bottom:1px solid #23435c!important;
}
.rw-platform-menu-head strong,
.rw-platform-menu-head small{
    display:block!important;
}
.rw-platform-menu-head strong{
    color:#f5f9fd!important;
    font-size:10px!important;
}
.rw-platform-menu-head small{
    margin-top:2px!important;
    color:#7798b3!important;
    font-size:7px!important;
}

.rw-platform-options{
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    padding-top:6px!important;
}
.rw-platform-option{
    display:grid!important;
    width:100%!important;
    min-height:57px!important;
    grid-template-columns:38px minmax(0,1fr) auto 18px!important;
    align-items:center!important;
    gap:8px!important;
    padding:7px 8px!important;
    border:1px solid #213d54!important;
    border-radius:8px!important;
    background:#0a1d2f!important;
    color:#f4f9fd!important;
    cursor:pointer!important;
    text-align:left!important;
}
.rw-platform-option:hover{
    border-color:#2bd39c!important;
    background:#103249!important;
}
.rw-platform-option.is-selected{
    border-color:#1fda97!important;
    background:linear-gradient(90deg,#0d573b,#10334a)!important;
}
.rw-platform-option-copy{
    display:flex!important;
    min-width:0!important;
    flex-direction:column!important;
    gap:3px!important;
}
.rw-platform-option-copy strong{
    overflow:hidden!important;
    color:#f8fbfe!important;
    font-size:10px!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.rw-platform-option-copy small{
    color:#7f9db6!important;
    font-size:7px!important;
}
.rw-platform-option-state{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:20px!important;
    padding:3px 6px!important;
    border-radius:999px!important;
    font-size:6px!important;
    font-weight:900!important;
    white-space:nowrap!important;
}
.rw-platform-option-state.connected{
    background:#116848!important;
    color:#dffff2!important;
}
.rw-platform-option-state.coming{
    background:#594412!important;
    color:#ffe7a8!important;
}
.rw-platform-option>b{
    visibility:hidden!important;
    color:#47e0a8!important;
    font-size:12px!important;
}
.rw-platform-option.is-selected>b{
    visibility:visible!important;
}

@media(max-width:600px){
    .rw-platform-menu{
        position:fixed!important;
        top:18%!important;
        right:14px!important;
        left:14px!important;
        max-height:68vh!important;
        overflow-y:auto!important;
    }
}


/* ===== V25 RADAR SPOT COMPACT ===== */
.spot-pagehead{align-items:center!important}
.spot-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0 0 9px}
.spot-metrics article{padding:8px 10px;border:1px solid #294761;border-radius:9px;background:linear-gradient(145deg,#0c2238,#071827)}
.spot-metrics span,.spot-metrics strong,.spot-metrics small{display:block}
.spot-metrics span,.spot-metrics small{color:#83a4c0;font-size:8px}
.spot-metrics strong{margin:2px 0;color:#f6faff;font-size:19px;line-height:1.05}
.spot-metrics .tone-green{border-color:#20c98b}.spot-metrics .tone-green strong{color:#43e0a4}
.spot-metrics .tone-blue{border-color:#3b8ff0}.spot-metrics .tone-blue strong{color:#5ca8ff}
.spot-metrics .tone-purple{border-color:#9264df}.spot-metrics .tone-purple strong{color:#b181ff}
.spot-metrics .tone-orange{border-color:#e49a1e}.spot-metrics .tone-orange strong{color:#ffb331}
.spot-metrics .tone-cyan{border-color:#25b9c6}.spot-metrics .tone-cyan strong{color:#4dd8e4}

.spot-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(170px,.48fr);gap:8px;align-items:center;margin:8px 0}
.spot-search{position:relative;display:flex;align-items:center;gap:7px;min-height:42px;padding:0 10px;border:1px solid #2c4e69;border-radius:9px;background:#071a2b}
.spot-search:focus-within{border-color:#28d99e;box-shadow:0 0 0 3px rgba(40,217,158,.11)}
.spot-search input{width:100%;min-height:39px;padding:0 30px 0 0;border:0;outline:0;background:transparent;color:#f4f9fd}
.spot-search button{position:absolute;right:7px;width:27px;height:27px;border:0;border-radius:50%;background:#17344d;color:#fff;cursor:pointer}
.spot-search button[hidden]{display:none}
.spot-filters{display:flex;gap:5px;flex-wrap:wrap}
.spot-filters button{min-height:39px;padding:7px 10px;border:1px solid #31516f;border-radius:7px;background:#091d31;color:#b8cadb;font-size:8px;font-weight:850}
.spot-filters button.active{border-color:#25d99f;background:rgba(37,217,159,.12);color:#50e3b0}
.spot-sort{display:grid;grid-template-columns:auto 1fr;gap:5px;align-items:center;color:#7f9fba;font-size:8px}
.spot-sort select{min-height:40px}
.spot-count{grid-column:1/-1;color:#7798b3;font-size:8px;text-align:right}

.spot-platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}
.spot-platform-card{display:flex;min-width:0;min-height:285px;flex-direction:column;padding:10px;border:1px solid #2a4d68;border-radius:11px;background:linear-gradient(145deg,#0c2238,#071727);transition:transform .18s ease,box-shadow .18s ease}
.spot-platform-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.25)}
.spot-platform-card.tone-green{border-color:#22c987}.spot-platform-card.tone-yellow{border-color:#e5b91c}.spot-platform-card.tone-orange{border-color:#e58f25}.spot-platform-card.tone-blue{border-color:#3d8fe7}.spot-platform-card.tone-cyan{border-color:#25b8c6}.spot-platform-card.tone-purple{border-color:#9165de}.spot-platform-card.tone-gray{border-color:#526a7c}
.spot-platform-card.is-error{border-color:#e05e74;background:linear-gradient(145deg,#251721,#100d15)}

.spot-card-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:54px}
.spot-platform-icon{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:#173b58;color:#dff2ff;font-size:10px;font-weight:900}
.tone-green .spot-platform-icon{background:#0f704b;color:#4ce1aa}.tone-yellow .spot-platform-icon{background:#735d08;color:#ffd95d}.tone-orange .spot-platform-icon{background:#73430e;color:#ffb054}.tone-blue .spot-platform-icon{background:#174c82;color:#67afff}.tone-cyan .spot-platform-icon{background:#175a62;color:#5de3ed}.tone-purple .spot-platform-icon{background:#4c3383;color:#b989ff}
.spot-platform-title{min-width:0}.spot-platform-title span{color:#55dfa9;font-size:6px;font-weight:900;letter-spacing:.05em}.spot-platform-title h2{margin:2px 0;color:#f6faff;font-size:16px}.spot-platform-title small{color:#7f9fba;font-size:7px}
.spot-status{display:inline-flex;min-height:21px;align-items:center;padding:3px 7px;border-radius:999px;font-size:6px;font-weight:900}.spot-status.connected{background:#166e4a;color:#e0fff1}.spot-status.error{background:#862e42;color:#ffe2e7}

.spot-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 6px}
.spot-price-grid>div{display:flex;flex-direction:column;gap:2px;padding:8px;border:1px solid #203e58;border-radius:7px;background:#061827}
.spot-price-grid span,.spot-price-grid small{color:#7899b5;font-size:7px}.spot-price-grid b{color:#f5f9fd;font-size:15px}.spot-price-grid .is-best{border-color:#24d796;background:rgba(22,117,78,.19)}.spot-price-grid .is-best b{color:#50e3af}
.spot-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.spot-detail-grid>div{display:flex;flex-direction:column;gap:2px;padding:6px 7px;border:1px solid #203e58;border-radius:7px;background:#061827}
.spot-detail-grid span{color:#7899b5;font-size:6px}.spot-detail-grid b{overflow:hidden;color:#eef5fb;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.spot-card-badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}
.spot-card-badges span{padding:3px 6px;border-radius:999px;font-size:6px;font-weight:850}.best-buy{background:#155f45;color:#dcfff1}.best-sell{background:#254f83;color:#deecff}.fast{background:#155f45;color:#dcfff1}.slow{background:#76500e;color:#ffedc2}
.spot-error-box{margin:9px 0;padding:10px;border:1px solid rgba(230,92,116,.32);border-radius:8px;background:rgba(117,36,53,.16)}.spot-error-box b{color:#ff8398}.spot-error-box p{margin:4px 0 0;color:#cba7ae;font-size:8px}
.spot-card-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:auto;padding-top:7px;border-top:1px solid #21415b}.spot-card-footer span{color:#7595af;font-size:6px}.spot-card-footer .btn{min-height:30px;padding:5px 7px;font-size:7px}
.spot-no-results{padding:16px;border:1px dashed #355875;border-radius:10px;background:#081b2d;color:#89a7bf;text-align:center}.spot-no-results[hidden],.spot-platform-card[hidden]{display:none!important}.spot-warning{margin-top:9px}

@media(max-width:1250px){.spot-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.spot-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spot-toolbar{grid-template-columns:1fr}.spot-count{text-align:left}}
@media(max-width:760px){.spot-metrics{grid-template-columns:1fr 1fr}.spot-platform-grid{grid-template-columns:1fr}.spot-platform-card{min-height:auto}.spot-filters{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:460px){.spot-metrics{grid-template-columns:1fr}.spot-filters{grid-template-columns:1fr}.spot-detail-grid{grid-template-columns:1fr}}



/* ===== V30 RESTAURATION RADAR SPOT ===== */
body .spot-pagehead{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
body .spot-metrics{display:grid!important}
body .spot-toolbar{display:grid!important}
body .spot-platform-grid{display:grid!important}
body .spot-platform-card{display:flex!important}
body .spot-platform-card[hidden],body .spot-no-results[hidden]{display:none!important}
body .spot-filters button{appearance:none!important;-webkit-appearance:none!important}
body .spot-sort select,body .spot-search input{font:inherit!important}


/* ===== V34 RADAR SPOT CARTES VISUELLES ===== */
.spot-pagehead{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:14px 18px!important;
    border:1px solid #29465f!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,#0c2035,#071727)!important;
}
.spot-pagehead h1{
    margin:2px 0!important;
    color:#f7fbff!important;
    font-size:28px!important;
}
.spot-pagehead p{
    margin:0!important;
    color:#89a6bc!important;
    font-size:9px!important;
}

.spot-metrics{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:7px!important;
    margin:10px 0!important;
}
.spot-metrics article{
    display:flex!important;
    min-height:92px!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:10px 12px!important;
    border:1px solid #294960!important;
    border-radius:10px!important;
    background:linear-gradient(145deg,#0b2135,#071725)!important;
    box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
}
.spot-metrics article span,
.spot-metrics article strong,
.spot-metrics article small{
    display:block!important;
}
.spot-metrics article span{
    font-size:7px!important;
    font-weight:850!important;
}
.spot-metrics article strong{
    margin:5px 0!important;
    color:#fff!important;
    font-size:17px!important;
    line-height:1!important;
}
.spot-metrics article small{
    color:#7898b2!important;
    font-size:7px!important;
}
.spot-metrics .tone-green{border-color:#1cc687!important;background:linear-gradient(145deg,#093b2c,#071725)!important}
.spot-metrics .tone-blue{border-color:#318de8!important;background:linear-gradient(145deg,#0d294d,#071725)!important}
.spot-metrics .tone-purple{border-color:#8d5eda!important;background:linear-gradient(145deg,#25143d,#071725)!important}
.spot-metrics .tone-orange{border-color:#d77a25!important;background:linear-gradient(145deg,#3a2111,#071725)!important}
.spot-metrics .tone-cyan{border-color:#15b5c5!important;background:linear-gradient(145deg,#08353d,#071725)!important}

.spot-toolbar{
    display:grid!important;
    grid-template-columns:minmax(300px,1fr) auto minmax(190px,.45fr)!important;
    gap:8px!important;
    align-items:center!important;
    margin:0 0 8px!important;
    padding:9px!important;
    border:1px solid #27455e!important;
    border-radius:10px!important;
    background:#081a2b!important;
}
.spot-search{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-height:42px!important;
    padding:0 10px!important;
    border:1px solid #2b4b65!important;
    border-radius:8px!important;
    background:#061827!important;
}
.spot-search input{
    width:100%!important;
    min-height:39px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#f4f9fd!important;
}
.spot-search button{
    width:26px!important;
    height:26px!important;
    border:0!important;
    border-radius:50%!important;
    background:#173a55!important;
    color:#fff!important;
}
.spot-filters{
    display:flex!important;
    gap:5px!important;
    flex-wrap:wrap!important;
}
.spot-filters button{
    min-height:38px!important;
    padding:7px 10px!important;
    border:1px solid #294960!important;
    border-radius:7px!important;
    background:#091b2b!important;
    color:#a8bfd1!important;
    font-size:7px!important;
    font-weight:850!important;
}
.spot-filters button.active{
    border-color:#28d99d!important;
    background:rgba(40,217,157,.13)!important;
    color:#45e0a7!important;
}
.spot-sort{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    gap:6px!important;
    align-items:center!important;
    color:#7f9db4!important;
    font-size:7px!important;
}
.spot-sort select{
    min-height:40px!important;
}
.spot-count{
    grid-column:1/-1!important;
    color:#7998b1!important;
    font-size:7px!important;
}

.spot-platform-grid{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:7px!important;
    align-items:stretch!important;
}
.spot-platform-card{
    display:flex!important;
    min-width:0!important;
    min-height:330px!important;
    flex-direction:column!important;
    padding:9px!important;
    border:1px solid #294860!important;
    border-radius:10px!important;
    background:linear-gradient(165deg,#0b2034,#061522)!important;
    overflow:hidden!important;
    transition:transform .18s ease,box-shadow .18s ease!important;
}
.spot-platform-card:hover{
    transform:translateY(-3px)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.25)!important;
}
.spot-platform-card[hidden]{display:none!important}

.spot-card-head{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
}
.spot-platform-icon{
    display:flex!important;
    width:36px!important;
    height:36px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    background:#153853!important;
    color:#fff!important;
    font-size:8px!important;
    font-weight:900!important;
}
.spot-platform-title{
    min-width:0!important;
}
.spot-platform-title>span{
    color:#7da0b9!important;
    font-size:6px!important;
    font-weight:850!important;
}
.spot-platform-title h2{
    margin:2px 0!important;
    color:#f7fbff!important;
    font-size:13px!important;
}
.spot-platform-title small{
    color:#89a6bc!important;
    font-size:6px!important;
}
.spot-status{
    padding:3px 6px!important;
    border-radius:999px!important;
    font-size:5px!important;
    font-weight:900!important;
}
.spot-status.connected{background:#0f6b48!important;color:#dffff2!important}
.spot-status.error{background:#72283a!important;color:#ffe5ea!important}

.spot-price-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
    margin-top:10px!important;
}
.spot-price-grid>div,
.spot-detail-grid>div{
    padding:8px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:7px!important;
    background:rgba(3,17,27,.48)!important;
}
.spot-price-grid span,
.spot-price-grid b,
.spot-price-grid small,
.spot-detail-grid span,
.spot-detail-grid b{
    display:block!important;
}
.spot-price-grid span,
.spot-detail-grid span{
    color:#7898b2!important;
    font-size:6px!important;
}
.spot-price-grid b{
    margin:4px 0!important;
    color:#31e0a1!important;
    font-size:11px!important;
}
.spot-price-grid>div:nth-child(2) b{
    color:#ff8f38!important;
}
.spot-price-grid small{
    color:#79a4c2!important;
    font-size:6px!important;
}
.spot-price-grid .is-best{
    border-color:#2cdb9e!important;
    box-shadow:inset 0 0 0 1px rgba(44,219,158,.15)!important;
}
.spot-detail-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
    margin-top:5px!important;
}
.spot-detail-grid b{
    margin-top:3px!important;
    color:#f5f9fc!important;
    font-size:8px!important;
}
.spot-card-badges{
    display:flex!important;
    gap:4px!important;
    flex-wrap:wrap!important;
    margin-top:6px!important;
}
.spot-card-badges span{
    padding:3px 5px!important;
    border-radius:999px!important;
    font-size:5px!important;
    font-weight:900!important;
}
.spot-card-badges .best-buy{background:#154f82!important;color:#8dceff!important}
.spot-card-badges .best-sell{background:#7c470e!important;color:#ffd28f!important}
.spot-card-badges .fast{background:#116544!important;color:#bcffe5!important}
.spot-card-badges .slow{background:#6b3f13!important;color:#ffd7a1!important}

.spot-error-box{
    display:flex!important;
    min-height:150px!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    margin-top:10px!important;
    padding:12px!important;
    border:1px dashed #7b3948!important;
    border-radius:8px!important;
    background:#2a1018!important;
    text-align:center!important;
}
.spot-error-box b{color:#ff8e9f!important}
.spot-error-box p{color:#d1aab2!important;font-size:7px!important}

.spot-card-footer{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
    margin-top:auto!important;
    padding-top:8px!important;
    border-top:1px solid #213d54!important;
}
.spot-card-footer span{
    color:#7898b2!important;
    font-size:6px!important;
}
.spot-card-footer .btn{
    min-height:30px!important;
    padding:5px 7px!important;
    font-size:6px!important;
}

.spot-platform-card.tone-yellow{border-color:#d8ad27!important}
.spot-platform-card.tone-gray{border-color:#d8d8d8!important}
.spot-platform-card.tone-cyan{border-color:#17becd!important}
.spot-platform-card.tone-blue{border-color:#2f76df!important}
.spot-platform-card.tone-purple{border-color:#895fd5!important}
.spot-platform-card.tone-green{border-color:#1bc88b!important}

.spot-no-results{
    padding:16px!important;
    border:1px dashed #31536f!important;
    border-radius:9px!important;
    background:#071a2a!important;
    color:#8ca8bd!important;
    text-align:center!important;
}
.spot-no-results[hidden]{display:none!important}

.spot-warning{
    margin-top:9px!important;
    padding:10px 12px!important;
    border:1px solid #70571a!important;
    border-radius:9px!important;
    background:#2b230d!important;
    color:#e7d8a0!important;
    font-size:7px!important;
}

@media(max-width:1400px){
    .spot-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
    .spot-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1000px){
    .spot-toolbar{grid-template-columns:1fr!important}
    .spot-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
    .spot-pagehead{align-items:flex-start!important;flex-direction:column!important}
    .spot-metrics{grid-template-columns:1fr 1fr!important}
    .spot-platform-grid{grid-template-columns:1fr!important}
    .spot-filters{display:grid!important;grid-template-columns:1fr 1fr!important}
}
@media(max-width:440px){
    .spot-metrics,.spot-filters{grid-template-columns:1fr!important}
}