:root{--ll-bg:#08101d;--ll-card:rgba(13,23,39,.82);--ll-card-2:rgba(17,32,54,.92);--ll-border:rgba(117,186,255,.16);--ll-text:#dceeff;--ll-muted:#7f96ad;--ll-blue:#40b8ff;--ll-blue-2:#1169ff;--ll-green:#10c469;--ll-red:#ff5b78;--ll-yellow:#f9c851}body{background:radial-gradient(circle at 18% 0%,rgba(64,184,255,.20),transparent 28%),radial-gradient(circle at 88% 12%,rgba(83,109,230,.18),transparent 22%),linear-gradient(180deg,#07101d 0%,#0a1220 48%,#060b13 100%)!important;color:var(--ll-text)!important}.content-page,.wrapper{background:transparent!important}.page-title-box{padding:16px 0 8px}.page-title{letter-spacing:.2px}.card{background:linear-gradient(145deg,var(--ll-card),rgba(8,16,29,.86))!important;border:1px solid var(--ll-border)!important;border-radius:18px!important;box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(14px)}.card-body{position:relative}.card-title,h6.text-muted{text-shadow:0 0 18px rgba(64,184,255,.16);letter-spacing:.08em}.text-muted{color:var(--ll-muted)!important}.table thead th{color:#8fb1d2!important;border-bottom:1px solid rgba(117,186,255,.13)!important;font-weight:800;letter-spacing:.04em}.table td,.table th{border-top-color:rgba(117,186,255,.06)!important}.table-hover tbody tr:hover{background:rgba(64,184,255,.08)!important}.btn-light,.form-control{background:rgba(255,255,255,.06)!important;border:1px solid rgba(117,186,255,.16)!important;color:var(--ll-text)!important;border-radius:10px!important}#exchange-ratio-slider::-webkit-scrollbar,.ll-table-scroll::-webkit-scrollbar,div[style*="overflow-y: scroll"]::-webkit-scrollbar{height:8px;width:8px}#exchange-ratio-slider::-webkit-scrollbar-thumb,.ll-table-scroll::-webkit-scrollbar-thumb,div[style*="overflow-y: scroll"]::-webkit-scrollbar-thumb{background:linear-gradient(var(--ll-blue),var(--ll-blue-2));border-radius:999px}.ll-loader{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(45,155,255,.22),transparent 18%),radial-gradient(circle at 15% 15%,rgba(75,211,255,.10),transparent 28%),linear-gradient(155deg,#01040a 0%,#071325 46%,#020712 100%)}.ll-loader:before{content:"";position:absolute;inset:-18%;background:linear-gradient(120deg,transparent 0 38%,rgba(92,210,255,.08) 48%,transparent 58% 100%);animation:llLoaderSweep 3.8s ease-in-out infinite}.ll-loader:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(134,218,255,.32) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,#000 0 34%,transparent 70%);opacity:.16;animation:llStarDrift 12s linear infinite}.ll-loader__halo{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(73,190,255,.28),rgba(22,99,255,.12) 42%,transparent 68%);box-shadow:0 0 80px rgba(48,171,255,.36),inset 0 0 60px rgba(93,214,255,.16);animation:llHaloBreathe 2.6s ease-in-out infinite}.ll-loader__particle-field{position:absolute;width:310px;height:310px;z-index:2;animation:llOrbitSlow 10s linear infinite}.ll-loader__particle-field span{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle,#fff,#75d8ff 45%,#176fff 100%);box-shadow:0 0 16px #62d4ff,0 0 34px rgba(33,111,255,.8)}.ll-loader__particle-field span:nth-child(1){left:50%;top:0;animation:llOrbPulse 1.9s ease-in-out infinite}.ll-loader__particle-field span:nth-child(2){right:12%;top:18%;width:6px;height:6px;animation:llOrbPulse 2.2s .2s ease-in-out infinite}.ll-loader__particle-field span:nth-child(3){right:1%;top:57%;width:12px;height:12px;animation:llOrbPulse 1.7s .4s ease-in-out infinite}.ll-loader__particle-field span:nth-child(4){left:18%;bottom:5%;width:7px;height:7px;animation:llOrbPulse 2.4s .6s ease-in-out infinite}.ll-loader__particle-field span:nth-child(5){left:0;top:42%;width:5px;height:5px;animation:llOrbPulse 1.8s .8s ease-in-out infinite}.ll-loader__particle-field span:nth-child(6){left:24%;top:14%;width:10px;height:10px;animation:llOrbPulse 2.1s 1s ease-in-out infinite}.ll-loader__logo{width:188px;height:188px;position:relative;z-index:3;filter:drop-shadow(0 0 26px rgba(69,190,255,.95)) drop-shadow(0 0 64px rgba(18,90,255,.5));animation:llLogoFloat 2.4s ease-in-out infinite}.ll-loader__outer-ring{fill:none;stroke:url(#ll-stroke-glow);stroke-width:2.5;stroke-dasharray:54 18;filter:url(#ll-premium-glow);animation:llDash 2.6s linear infinite}.ll-loader__scan-ring{fill:none;stroke:rgba(111,212,255,.28);stroke-width:1.5;stroke-dasharray:4 10;animation:llDashReverse 4.8s linear infinite}.ll-loader__coin{fill:url(#ll-coin-face);stroke:url(#ll-stroke-glow);stroke-width:5;filter:url(#ll-premium-glow)}.ll-loader__coin-sheen{fill:rgba(255,255,255,.22);filter:blur(1px);animation:llSheen 2.8s ease-in-out infinite}.ll-loader__ltc-shadow{fill:rgba(0,8,30,.34);transform:translate(5px,7px)}.ll-loader__ltc{fill:#f8fdff;stroke:rgba(112,223,255,.75);stroke-width:1.4;filter:url(#ll-premium-glow);animation:llNeonFlicker 2.2s ease-in-out infinite}.ll-loader__caption{position:relative;z-index:3;margin-top:24px;text-align:center;text-transform:uppercase;letter-spacing:.2em;color:#d9f5ff;text-shadow:0 0 18px rgba(69,190,255,.92)}.ll-loader__caption strong{display:block;font-size:15px;font-weight:900;letter-spacing:.24em}.ll-loader__caption span{display:block;margin-top:6px;font-size:11px;color:#7ecfff;letter-spacing:.18em;animation:llTextPulse 1.7s ease-in-out infinite}@keyframes llLoaderSweep{0%,100%{transform:translateX(-12%) rotate(0deg);opacity:.25}50%{transform:translateX(12%) rotate(8deg);opacity:.9}}@keyframes llStarDrift{to{background-position:84px 42px}}@keyframes llHaloBreathe{0%,100%{transform:scale(.94);opacity:.68}50%{transform:scale(1.08);opacity:1}}@keyframes llOrbitSlow{to{transform:rotate(360deg)}}@keyframes llOrbPulse{0%,100%{transform:scale(.75);opacity:.45}50%{transform:scale(1.25);opacity:1}}@keyframes llLogoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.025)}}@keyframes llDash{to{stroke-dashoffset:-144}}@keyframes llDashReverse{to{stroke-dashoffset:112}}@keyframes llSheen{0%,100%{opacity:.18;transform:translate(-3px,-2px) scale(.92)}50%{opacity:.34;transform:translate(3px,2px) scale(1.08)}}@keyframes llNeonFlicker{0%,100%{opacity:.96}45%{opacity:1}48%{opacity:.72}52%{opacity:1}56%{opacity:.86}62%{opacity:1}}@keyframes llTextPulse{0%,100%{opacity:.6}50%{opacity:1}}.ll-liquidation-radar-row{margin-top:2px;margin-bottom:16px}.ll-liquidation-card,.ll-liquidation-table-card{min-height:286px}.ll-liq-hero{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid rgba(64,184,255,.16);border-radius:16px;background:radial-gradient(circle at 20% 10%,rgba(64,184,255,.18),transparent 40%),rgba(255,255,255,.035)}.ll-label{display:block;color:var(--ll-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.ll-liq-hero strong{font-size:30px;color:#eaf6ff;text-shadow:0 0 22px rgba(64,184,255,.35)}.ll-pressure-badge{padding:8px 12px;border-radius:999px;background:rgba(64,184,255,.12);border:1px solid rgba(64,184,255,.28);color:#bfe9ff;font-weight:800}.ll-pressure-badge.bull{background:rgba(16,196,105,.15);border-color:rgba(16,196,105,.3);color:#8dffc7}.ll-pressure-badge.bear{background:rgba(255,91,120,.15);border-color:rgba(255,91,120,.3);color:#ffb6c3}.ll-liq-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.ll-liq-stats div{padding:12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(117,186,255,.1)}.ll-liq-stats span{display:block;color:var(--ll-muted);font-size:11px;text-transform:uppercase}.ll-liq-stats strong{display:block;color:#eaf6ff;font-size:15px;margin-top:4px}.ll-liq-sources{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.ll-liq-source{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(117,186,255,.12);font-size:12px}.ll-table-scroll{height:216px;overflow-y:auto;padding-right:8px}.ll-liquidation-table tbody tr{background:rgba(255,255,255,.025)}.liq-long{box-shadow:inset 3px 0 0 var(--ll-red)}.liq-short{box-shadow:inset 3px 0 0 var(--ll-green)}.ll-value-cell{font-weight:800;color:#eaf6ff}.trade-buy-bg{background:linear-gradient(90deg,rgba(16,196,105,.08),transparent)!important}.trade-sell-bg{background:linear-gradient(90deg,rgba(255,91,91,.08),transparent)!important}@keyframes llSpin{to{transform:rotate(360deg)}}@keyframes llDash{to{stroke-dashoffset:-64}}@keyframes llPulse{0%,100%{transform:scale(1);opacity:.88}50%{transform:scale(1.045);opacity:1}}@keyframes llFloat{0%,100%{transform:translate3d(0,0,0) scale(.85);opacity:.55}50%{transform:translate3d(26px,-42px,0) scale(1.25);opacity:1}}@keyframes llTextPulse{0%,100%{opacity:.65}50%{opacity:1}}@media (max-width:991px){.ll-liquidation-card{margin-bottom:16px}.ll-liq-hero strong{font-size:24px}}

/* Liquidation radar v13 layout polish */
@media (min-width: 992px){
  .ll-liquidation-radar-row{align-items:stretch;}
  .ll-liquidation-card,.ll-liquidation-table-card{height:420px;min-height:420px;}
  .ll-liquidation-card .card-body,.ll-liquidation-table-card .card-body{height:100%;display:flex;flex-direction:column;}
  .ll-liquidation-table-card .ll-table-scroll{height:auto;flex:1;min-height:0;}
}
.ll-liq-source.is-active{border-color:rgba(16,196,105,.36);background:rgba(16,196,105,.08);}
.ll-liq-placeholder td{text-align:center!important;color:var(--ll-muted);padding:48px 0!important;letter-spacing:.05em;}

/* v14: dropdown stacking + theme-aware refresh layer */
.dropdown,
.btn-group,
.card,
.card-body,
.content,
.content-page,
.wrapper{
  overflow: visible !important;
}
.dropdown-menu,
.orderbook-group-menu{
  z-index: 10050 !important;
  background: rgba(12, 22, 38, .98) !important;
  border: 1px solid rgba(99, 185, 255, .28) !important;
  border-radius: 14px !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .46), 0 0 0 1px rgba(255,255,255,.035) inset !important;
  padding: 8px !important;
  backdrop-filter: blur(18px);
  max-height: min(68vh, 620px);
  overflow-y: auto;
}
.dropdown-item,
.orderbook-group-item{
  color: #b8cae1 !important;
  border-radius: 10px !important;
  padding: 8px 14px !important;
  transition: background .16s ease, color .16s ease, transform .16s ease;
}
.dropdown-item:hover,
.dropdown-item:focus,
.orderbook-group-item:hover,
.orderbook-group-item:focus{
  color: #f3fbff !important;
  background: linear-gradient(90deg, rgba(64,184,255,.22), rgba(17,105,255,.12)) !important;
  transform: translateX(2px);
}
.dropdown.show,
.btn-group.show{
  z-index: 10060 !important;
}

body.ll-light-mode{
  --ll-bg:#f4f8fd;
  --ll-card:rgba(255,255,255,.92);
  --ll-card-2:rgba(246,250,255,.98);
  --ll-border:rgba(33,92,156,.16);
  --ll-text:#152033;
  --ll-muted:#64758a;
  --ll-blue:#1976d2;
  --ll-blue-2:#40b8ff;
  background: radial-gradient(circle at 12% 0%, rgba(64,184,255,.16), transparent 27%), radial-gradient(circle at 90% 10%, rgba(83,109,230,.10), transparent 24%), linear-gradient(180deg,#f7fbff 0%, #eef5fb 100%) !important;
  color: var(--ll-text) !important;
}
body.ll-light-mode .card{
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(246,250,255,.92)) !important;
  border-color: rgba(33,92,156,.15) !important;
  box-shadow: 0 16px 44px rgba(32,68,110,.12), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
body.ll-light-mode .table thead th{color:#496681!important;border-bottom-color:rgba(33,92,156,.16)!important;}
body.ll-light-mode .table td,body.ll-light-mode .table th{border-top-color:rgba(33,92,156,.08)!important;}
body.ll-light-mode .table-hover tbody tr:hover{background:rgba(25,118,210,.07)!important;}
body.ll-light-mode .btn-light,
body.ll-light-mode .form-control,
body.ll-light-mode #orderbook-group-btn{
  background: rgba(255,255,255,.78) !important;
  border-color: rgba(33,92,156,.18) !important;
  color: #152033 !important;
}
body.ll-light-mode .dropdown-menu,
body.ll-light-mode .orderbook-group-menu{
  background: rgba(255,255,255,.98) !important;
  border-color: rgba(33,92,156,.18) !important;
  box-shadow: 0 22px 60px rgba(32,68,110,.20), 0 0 0 1px rgba(255,255,255,.8) inset !important;
}
body.ll-light-mode .dropdown-item,
body.ll-light-mode .orderbook-group-item{color:#52657a!important;}
body.ll-light-mode .dropdown-item:hover,
body.ll-light-mode .dropdown-item:focus,
body.ll-light-mode .orderbook-group-item:hover,
body.ll-light-mode .orderbook-group-item:focus{
  color:#12304f!important;
  background:linear-gradient(90deg, rgba(25,118,210,.13), rgba(64,184,255,.10))!important;
}
body.ll-light-mode .ll-liq-hero,
body.ll-light-mode .ll-liq-stats div,
body.ll-light-mode .ll-liq-source{
  background: rgba(255,255,255,.68) !important;
  border-color: rgba(33,92,156,.14) !important;
}
body.ll-light-mode .ll-liq-hero strong,
body.ll-light-mode .ll-liq-stats strong,
body.ll-light-mode .ll-value-cell{color:#152033!important;}
body.ll-light-mode .ll-pressure-badge{color:#155278;}
body.ll-light-mode .trade-buy-bg{background:linear-gradient(90deg,rgba(16,196,105,.12),transparent)!important;}
body.ll-light-mode .trade-sell-bg{background:linear-gradient(90deg,rgba(255,91,91,.11),transparent)!important;}

/* v15: force Bootstrap dropdowns above later dashboard cards */
.row[data-plugin="dragula"],
.row[data-plugin="dragula"] > [class*="col"],
.row[data-plugin="dragula"] .card,
.row[data-plugin="dragula"] .card-body,
.page-title-box,
.content,
.content-page,
.wrapper{
  overflow: visible !important;
}
.row[data-plugin="dragula"] > [class*="col"],
.card{
  position: relative !important;
  z-index: 1;
}
.row[data-plugin="dragula"] > [class*="col"]:has(.dropdown.show),
.row[data-plugin="dragula"] .card:has(.dropdown.show),
.row[data-plugin="dragula"] .card-body:has(.dropdown.show),
.dropdown.show,
.btn-group.show{
  position: relative !important;
  z-index: 2147483000 !important;
}
.dropdown-menu.show,
.orderbook-group-menu.show,
.dropdown-menu[x-placement],
.orderbook-group-menu[x-placement]{
  z-index: 2147483647 !important;
  isolation: isolate;
}
.orderbook-group-menu{
  min-width: 158px !important;
  max-height: 74vh !important;
  overflow-y: auto !important;
  padding: 8px !important;
}
.orderbook-group-menu .dropdown-item{
  border-radius: 10px !important;
  margin: 2px 0 !important;
  padding: 9px 12px !important;
  color: #cfe2f6 !important;
}
.orderbook-group-menu .dropdown-item:hover,
.orderbook-group-menu .dropdown-item:focus{
  background: rgba(64,184,255,.16) !important;
  color: #ffffff !important;
}
body.ll-light-mode .orderbook-group-menu .dropdown-item{
  color:#223449!important;
}
body.ll-light-mode .orderbook-group-menu .dropdown-item:hover,
body.ll-light-mode .orderbook-group-menu .dropdown-item:focus{
  background: rgba(17,105,255,.10) !important;
  color:#102033!important;
}

/* v18: keep liquidation source chips inside the radar card */
.ll-liq-sources{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;align-items:start;}
.ll-liq-source{display:flex!important;align-items:center;gap:4px;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:4px 7px!important;font-size:11px!important;line-height:1.15!important;}
.ll-liq-source img{width:14px!important;height:14px!important;flex:0 0 14px;}
.ll-liq-source-name{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.ll-liq-source strong{flex:0 0 auto;}
.ll-liq-source em{margin-left:auto;flex:0 0 auto;font-size:10px;font-style:normal;opacity:.85;line-height:1;}
.ll-liq-source.is-connected em,.ll-liq-source.is-active em{color:#7dffc0;}
.ll-liq-source.is-waiting em{color:#8fb1d2;}
.ll-liq-source.is-error em{color:#ff9cac;}
@media (min-width:1500px){.ll-liq-sources{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:575px){.ll-liq-sources{grid-template-columns:1fr;}}

/* v19: compact SVG liquidation connection states */
.ll-liq-source-v19{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 20px;
  align-items:center;
  gap:7px!important;
  min-height:30px;
  padding:5px 8px!important;
}
.ll-liq-source-v19 .ll-liq-source-left{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;}
.ll-liq-source-v19 img{width:15px!important;height:15px!important;flex:0 0 15px;}
.ll-liq-source-v19 .ll-liq-source-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ll-liq-source-v19 strong{justify-self:end;font-size:11px;white-space:nowrap;}
.ll-status-wrap{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;justify-self:end;position:relative;}
.ll-status-svg{width:18px;height:18px;display:block;overflow:visible;filter:drop-shadow(0 0 5px rgba(64,184,255,.38));transition:filter .25s ease, transform .25s ease;}
.ll-status-ring{fill:none;stroke:#78cfff;stroke-width:1.8;stroke-linecap:round;opacity:.9;}
.ll-status-dot{fill:#f4fcff;filter:drop-shadow(0 0 8px rgba(103,219,255,.95));}
.ll-status-halo{fill:rgba(64,184,255,.17);stroke:none;transform-origin:12px 12px;animation:llStatusPulse 1.8s ease-in-out infinite;}
.ll-status-live .ll-status-ring{stroke:#51d6ff;animation:llStatusPulseStroke 1.8s ease-in-out infinite;}
.ll-status-live .ll-status-dot{animation:llStatusDot 1.8s ease-in-out infinite;}
.ll-status-connected .ll-status-ring{stroke:#7df8bd;}
.ll-status-check{fill:none;stroke:#eafff6;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(16,196,105,.95));}
.ll-status-waiting .ll-status-ring{stroke:rgba(127,205,255,.72);stroke-dasharray:2.5 3.5;}
.ll-status-orbit{transform-origin:12px 12px;animation:llStatusOrbit 1.55s linear infinite;}
.ll-status-orb{fill:#8ee6ff;filter:drop-shadow(0 0 7px rgba(64,184,255,.9));}
.ll-status-error{filter:drop-shadow(0 0 6px rgba(249,200,81,.42));animation:llStatusBreathe 1.6s ease-in-out infinite;}
.ll-status-error .ll-status-ring{stroke:#f9c851;}
.ll-status-bolt{fill:#ffd983;filter:drop-shadow(0 0 5px rgba(249,200,81,.9));}
.ll-liq-source-v19.has-data{border-color:rgba(81,214,255,.36)!important;background:rgba(64,184,255,.08)!important;box-shadow:0 0 18px rgba(64,184,255,.08),inset 0 0 0 1px rgba(255,255,255,.02);}
.ll-liq-source-v19.is-open{border-color:rgba(16,196,105,.25)!important;background:rgba(16,196,105,.055)!important;}
.ll-liq-source-v19.has-error{border-color:rgba(249,200,81,.30)!important;background:rgba(249,200,81,.075)!important;}
.ll-liq-source-v19:hover .ll-status-svg{transform:scale(1.12);filter:drop-shadow(0 0 9px rgba(64,184,255,.65));}
@keyframes llStatusPulse{0%,100%{transform:scale(.82);opacity:.32}50%{transform:scale(1.22);opacity:.72}}
@keyframes llStatusPulseStroke{0%,100%{opacity:.75;stroke-width:1.6}50%{opacity:1;stroke-width:2.15}}
@keyframes llStatusDot{0%,100%{transform:scale(.88);transform-origin:12px 12px}50%{transform:scale(1.16);transform-origin:12px 12px}}
@keyframes llStatusOrbit{to{transform:rotate(360deg)}}
@keyframes llStatusBreathe{0%,100%{opacity:.74}50%{opacity:1}}
@media (max-width:420px){.ll-liq-source-v19{grid-template-columns:minmax(0,1fr) 18px}.ll-liq-source-v19 strong{display:none}}

/* v20 liquidation empty-state + test-display polish */
.ll-empty-liq{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:8px 10px;text-align:center;line-height:1.35}
.ll-liq-demo-btn{border:1px solid rgba(78,175,255,.45);background:linear-gradient(135deg,rgba(28,116,255,.18),rgba(0,212,255,.10));color:#cfeeff;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 0 18px rgba(0,145,255,.13);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.ll-liq-demo-btn:hover{transform:translateY(-1px);border-color:rgba(126,213,255,.8);box-shadow:0 0 22px rgba(0,170,255,.28)}
.ll-demo-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(116,203,255,.45);color:#bdeaff;background:rgba(49,149,255,.10);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
tr.ll-demo-liquidation{animation:ll-demo-flash 1.8s ease-out 1;background:linear-gradient(90deg,rgba(48,145,255,.18),transparent)!important}
@keyframes ll-demo-flash{0%{box-shadow:inset 0 0 0 999px rgba(63,181,255,.18)}100%{box-shadow:inset 0 0 0 999px rgba(63,181,255,0)}}
body.ll-light-mode .ll-liq-demo-btn{color:#155b93;background:linear-gradient(135deg,rgba(17,116,255,.10),rgba(0,195,255,.08));border-color:rgba(20,117,210,.35)}
body.ll-light-mode .ll-demo-pill{color:#155b93;background:rgba(19,125,222,.08);border-color:rgba(19,125,222,.28)}

/* === v21 brand header/logo + runtime polish === */
.ll-brand-header {
  display: flex !important;
  align-items: center;
  gap: 16px;
  margin: 0 !important;
  min-height: 72px;
  width: 100%;
}
.ll-brand-logo-link {
  display: inline-flex;
  align-items: center;
  max-width: min(520px, 58vw);
  text-decoration: none !important;
}
.ll-brand-logo {
  display: block;
  height: 60px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  border-radius: 14px;
  filter: drop-shadow(0 0 116px rgba(45, 166, 255, .64));
}
.ll-runtime-pill {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(71, 169, 255, .26);
  border-radius: 999px;
  color: var(--ll-text, #d9ecff) !important;
  background: linear-gradient(135deg, rgba(21, 51, 77, .70), rgba(11, 18, 31, .54));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 18px rgba(33, 150, 243, .12);
  font-size: 12px !important;
  font-weight: 800;
  letter-spacing: .02em;
}
.ll-runtime-pill::before {
  content: '';
  width: 7px;
  height: 7px;
  margin-right: 8px;
  border-radius: 999px;
  background: #00e0ff;
  box-shadow: 0 0 10px rgba(0, 224, 255, .85);
  animation: ll-runtime-pulse 1.8s ease-in-out infinite;
}
@keyframes ll-runtime-pulse {
  0%, 100% { opacity: .55; transform: scale(.85); }
  50% { opacity: 1; transform: scale(1.08); }
}
.page-title-box {
  display: flex;
  align-items: center;
  min-height: 84px;
}
body:not(.authentication-bg) .content-page .content {
  padding-top: 16px;
}
@media (max-width: 767.98px) {
  .ll-brand-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    min-height: auto;
    padding: 10px 0;
  }
  .ll-brand-logo-link { max-width: 100%; }
  .ll-brand-logo { height: 48px; }
  .ll-runtime-pill { height: 30px; font-size: 11px !important; }
  .page-title-box { min-height: auto; }
}


/* v22: prevent orderbook headers from sticking to viewport when scrolling */
table:has(> tbody#orderbook) thead th,
#orderbook.closest-noop thead th,
#card-body-prices table thead th {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
}
#orderbook, #trades, #liquidations {
  scroll-margin-top: 0 !important;
}
.ll-empty-liq {
  justify-content: center !important;
}
.ll-liq-demo-btn, .ll-demo-pill, .ll-demo-liquidation {
  display: none !important;
}