/* RESET + BASE */
* { box-sizing: border-box; }
html,body { margin:0; padding:0; font-family:Inter, system-ui, sans-serif; background:linear-gradient(180deg,#0a0e16,#0a0e16); color:#e6e8ef; -webkit-font-smoothing:antialiased; }
body { min-height:100dvh; display:flex; justify-content:center; align-items:flex-start; padding:.75rem 1rem 3rem; }
/* Starfield background */
.starfield { position:fixed; inset:0; overflow:hidden; z-index:-2; background:linear-gradient(180deg,#0a0e16,#0a0e16); }
.stars { position:absolute; inset:0; background:radial-gradient(circle at 20% 30%,#ffffff22 0,#00000000 60%), radial-gradient(circle at 80% 70%,#ffffff18 0,#00000000 55%); mask:linear-gradient(#fff,transparent 85%); animation:parallax 40s linear infinite; }
.stars::before,.stars::after { content:""; position:absolute; inset:0; background-image: repeating-radial-gradient(circle at 10% 20%,#fff, #fff 1px, transparent 2px, transparent 60px), repeating-radial-gradient(circle at 70% 40%,#fff,#fff 1px,transparent 3px,transparent 80px); opacity:.18; }
.stars.s2 { animation-duration:65s; opacity:.55; filter:blur(1px); }
.stars.s3 { animation-duration:95s; opacity:.35; filter:blur(2px); }
@keyframes parallax { 0% { transform:translateY(0); } 100% { transform:translateY(600px); } }

/* Day mode variant (lighter, faint stars) */
body.day .starfield { background:linear-gradient(180deg,#dfe8f5,#bcd2ef); }
body.day .stars { opacity:.15; filter:blur(0.5px); }
body.day .stars.s2 { opacity:.12; }
body.day .stars.s3 { opacity:.08; }
body.day { color:#0b1420; }
body.day .cabinet { box-shadow:0 8px 28px -10px rgba(0,0,0,.25),0 0 0 3px #e7eef9 inset; border-color:#c6d7ea; background:linear-gradient(145deg,#f5f8fd,#dfe8f5); }
body.day .screen { background:radial-gradient(circle at 50% 20%,#ffffff,#eaf1fb 60%,#dbe7f8); border-color:#c2d6ee; }
body.day .reels5 .col { background:linear-gradient(160deg,#f1f5fb,#e2eaf7); border-color:#c9d9ef; }
body.day .topper { background:linear-gradient(180deg,#e9f1fb,#cfdff3); border-color:#c2d6ee; }
body.day .topper-marquee { color:#3a4a63; }
body.day .btn { background:#3a87ff; color:#ffffff; }
body.day .cta { background:linear-gradient(90deg,#5aa6ff,#3a87ff); color:#fff; }
img { max-width:100%; display:block; }
button, a { font:inherit; cursor:pointer; }
button { border:none; background:none; }
:focus-visible { outline:2px solid #ffdf5e; outline-offset:2px; }

/* TYPO */
.site-title { font-family:Antonio, Inter, sans-serif; font-weight:700; letter-spacing:.5px; font-size:clamp(1.5rem,3vw,2.4rem); background:linear-gradient(90deg,#ffe169,#ff9d2f); -webkit-background-clip:text; background-clip:text; color:transparent; margin:0; }
.site-title span { color:#fff; }
.logo-container { display:flex; align-items:center; justify-content:center; }
.site-logo-svg { height:60px; width:auto; max-width:200px; filter:drop-shadow(0 2px 8px rgba(0,0,0,.3)); }

/* LAYOUT */
.slot-app { width:min(1200px,100%); position:relative; isolation:isolate; z-index:1; }
.cabinet-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.6rem; }
.site-sub { margin:-.25rem 0 1.1rem; color:#d7ddea; font-size:1rem; position:relative; z-index:2; }
.led { width:18px; height:18px; border-radius:50%; background:radial-gradient(circle at 30% 30%,#ffef9a,#ff9100 70%,#7a2d00); box-shadow:0 0 12px 4px rgba(255,145,0,.55),0 0 0 2px #432300 inset; animation:pulse 2.2s ease-in-out infinite; }
.led-right { animation-delay:1.1s; }

.cabinet { background:linear-gradient(145deg,#20242e,#0d0f14); padding:1rem 1rem 1.25rem; border-radius:30px; border:2px solid #2b313d; box-shadow:0 8px 28px -6px rgba(0,0,0,.65),0 0 0 3px #12161f inset, 0 0 38px -8px #ff9a2f80; display:grid; gap:1rem; position:relative; }
.cabinet::after { content:""; position:absolute; inset:-10px; border-radius:36px; background:radial-gradient(80% 120% at 10% 0%,#ff9a2f10,transparent 40%), radial-gradient(80% 120% at 90% 100%,#ffb34710,transparent 40%); pointer-events:none; }
.screen { background:radial-gradient(circle at 50% 20%,#272f3d,#151a24 60%,#0d1117); border:2px solid #303844; border-radius:22px; padding:1rem; display:flex; flex-direction:column; gap:1rem; position:relative; overflow:hidden; }
.screen::before { content:""; position:absolute; inset:0; background:linear-gradient(145deg,#fff2 0%,transparent 40%,transparent 60%,#fff1 95%); mix-blend-mode:overlay; pointer-events:none; }
/* Win banner */
.win-banner { position:absolute; top:8px; right:12px; background:linear-gradient(90deg,#ffb347,#ff8615); color:#1f1300; font-weight:800; letter-spacing:.6px; padding:.35rem .6rem; border-radius:12px; border:1px solid #7a3d00; box-shadow:0 6px 14px -8px #000c, inset 0 2px 0 #ffdca5; transform:scale(.9); opacity:0; transition:opacity .18s ease, transform .18s ease; z-index:60; }
.win-banner.show { opacity:1; transform:scale(1); }
/* Free spins badge */
.fs-badge { position:absolute; top:8px; left:12px; background:#1b2330; color:#eaeff9; border:1px solid #2d3744; border-radius:10px; padding:.28rem .5rem; font-weight:700; font-size:.85rem; box-shadow:0 6px 14px -8px #000c; opacity:0; transform:translateY(-4px); transition:opacity .2s, transform .2s; z-index:60; }
.fs-badge.show { opacity:1; transform:translateY(0); }
/* Offer badge */
.offer-badge { position:absolute; top:8px; left:calc(12px + 140px); background:linear-gradient(90deg,#9ef7a3,#38e26b); color:#082312; border:1px solid #146a3b; border-radius:10px; padding:.28rem .5rem; font-weight:800; font-size:.85rem; box-shadow:0 6px 14px -8px #000c, inset 0 2px 0 #c9ffcf; opacity:0; transform:translateY(-4px); transition:opacity .2s, transform .2s; letter-spacing:.3px; z-index:60; }
.offer-badge.show { opacity:1; transform:translateY(0); }
/* Streak badge */
.streak-badge { position:absolute; top:8px; left:50%; transform:translate(-50%,-4px); background:linear-gradient(90deg,#7bdcff,#2fb6ff); color:#00121e; border:1px solid #0a3a52; border-radius:12px; padding:.35rem .7rem; font-weight:800; font-size:.9rem; box-shadow:0 6px 14px -8px #000c, inset 0 2px 0 #b9f0ff; opacity:0; transition:opacity .2s, transform .2s; letter-spacing:.4px; z-index:60; }
.streak-badge.show { opacity:1; transform:translate(-50%,0); }
/* Central event toast */
.event-toast { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(.94); min-width:220px; max-width:340px; padding:.85rem 1rem .9rem; border-radius:18px; font-weight:700; font-size:1rem; letter-spacing:.3px; line-height:1.25; text-align:center; box-shadow:0 10px 26px -8px #000c, 0 0 0 1px #203240; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); background:linear-gradient(180deg,rgba(28,42,58,.88),rgba(18,26,36,.92)); color:#e9f4ff; opacity:0; transition:opacity .28s ease, transform .28s ease; z-index:70; pointer-events:none; }
.event-toast.show { opacity:1; transform:translate(-50%,-50%) scale(1); }
.event-toast.win { background:linear-gradient(180deg,#ffe3a5,#ffcf66); color:#311d00; box-shadow:0 10px 26px -8px #000c, 0 0 0 1px #7a4d00, inset 0 2px 0 #fff1cd; }
.event-toast.unlock { background:linear-gradient(180deg,#9ef7a3,#38e26b); color:#042611; box-shadow:0 10px 26px -8px #000c, 0 0 0 1px #146a3b, inset 0 2px 0 #c9ffcf; }
.event-toast.fs { background:linear-gradient(180deg,#7bdcff,#2fb6ff); color:#00121e; box-shadow:0 10px 26px -8px #000c, 0 0 0 1px #0a3a52, inset 0 2px 0 #b9f0ff; }

/* Topper marquee */
.topper { position:absolute; left:50%; transform:translateX(-50%); top:-18px; width:min(600px,80%); height:42px; background:linear-gradient(180deg,#2a303b,#141921); border:2px solid #323b49; border-radius:16px 16px 8px 8px; box-shadow:0 8px 18px -10px #000a; display:flex; align-items:center; justify-content:center; padding:0 40px; }
.topper-marquee { color:#ffdf7d; font-weight:800; letter-spacing:2px; text-transform:uppercase; overflow:hidden; white-space:nowrap; animation:marquee 12s linear infinite; opacity:.85; }
.topper-lights { position:absolute; inset:4px; pointer-events:none; display:flex; gap:6px; }
.topper-lights::before,.topper-lights::after{ content:""; flex:0 0 36px; }
.topper-lights span { width:10px; height:10px; border-radius:50%; background:radial-gradient(circle at 30% 30%,#fff2,#ffb347 80%,#7a2d00); box-shadow:0 0 6px 2px #ff9a2f60; animation:chase 1.8s linear infinite; }

/* Cabinet chasing lights */
.cabinet-lights { pointer-events:none; position:absolute; inset:0; }
.light-strip { position:absolute; display:flex; gap:6px; }
.light-strip span { width:10px; height:10px; border-radius:50%; background:#442600; box-shadow:0 0 4px #000 inset; animation:chase 2.4s linear infinite; }
.light-strip.top { top:-6px; left:30px; right:30px; justify-content:space-between; }
.light-strip.bottom { bottom:-6px; left:30px; right:30px; justify-content:space-between; }
.light-strip.left { top:30px; bottom:30px; left:-6px; flex-direction:column; justify-content:space-between; }
.light-strip.right { top:30px; bottom:30px; right:-6px; flex-direction:column; justify-content:space-between; }
.light-strip span:nth-child(odd){ filter:brightness(1.4) saturate(1.3); }
.light-strip span { background:radial-gradient(circle at 30% 30%,#ffef9a,#ff9100 70%,#7a2d00); box-shadow:0 0 8px 2px rgba(255,145,0,.35),0 0 0 1px #432300 inset; }
.light-strip span:nth-child(n){ animation-delay:calc(var(--i, 0) * .08s); }

/* Reels */
.reels { display:flex; gap:10px; justify-content:center; align-items:center; font-size:2.5rem; font-weight:700; }
.reel { width:60px; height:80px; display:flex; align-items:center; justify-content:center; background:linear-gradient(140deg,#1c232c,#0e1217); border:1px solid #2d3744; border-radius:12px; box-shadow:0 4px 14px -6px #000; font-size:2.2rem; color:#ffd17a; animation:reelIdle 4s linear infinite; }
.reel.spinning { animation:reelSpin .5s linear infinite; }
.spotlight-media.spinning { outline:3px solid #ffb347; outline-offset:4px; }
.brand-card.highlighting { box-shadow:0 0 0 2px #ff7d1f,0 0 18px -4px #ff7d1f; transform:translateY(-6px) scale(1.04); }

/* Coin shower */
.coin { position:absolute; top:0; width:26px; height:26px; background:radial-gradient(circle at 35% 30%,#ffe8a4,#ffbc42 60%,#d97a00); border-radius:50%; box-shadow:0 0 0 2px #7a3d00 inset,0 4px 10px -2px #0008; animation:coinFall var(--dur) linear forwards; pointer-events:none; will-change:transform; }
.coin::after { content:""; position:absolute; inset:3px; border:2px solid #c27000; border-radius:50%; }

/* Sound button state */
#muteBtn[aria-pressed="true"] { background:#ff8615; color:#1e1400; }

@keyframes chase { 0%,100% { filter:brightness(1) } 50% { filter:brightness(1.7); } }
@keyframes reelSpin { 0% { filter:brightness(1) } 50% { filter:brightness(1.5); } 100% { filter:brightness(1); } }
@keyframes reelIdle { 0%,90% { transform:translateY(0); } 95% { transform:translateY(-4px); } 100% { transform:translateY(0); } }
@keyframes coinFall { 0% { transform:translate3d(var(--x),-10px,0) rotate(0deg); opacity:1; } 80% { opacity:1; } 100% { transform:translate3d(calc(var(--x) + 20px), var(--y),0) rotate(380deg); opacity:0; } }

/* Reduced motion support */
@media (prefers-reduced-motion: reduce){
  .stars, .stars.s2, .stars.s3 { animation: none; }
  .topper-marquee, .led, .light-strip span { animation: none; }
  .reel { animation: none; }
  .reels5 .strip { transition: none !important; }
  .paylines.win .line.middle { animation: none; }
}

/* Short viewport adjustments */
@media (max-height: 760px){
  body { padding:.5rem .75rem 2.4rem; }
  .site-title { font-size:clamp(1.35rem,3vw,2.1rem); }
  .cabinet-header { margin-bottom:.5rem; }
  .cabinet { padding:.85rem .85rem 1rem; }
  .topper { top:-14px; height:38px; padding:0 34px; }
}

@media (max-height: 680px){
  body { padding:.4rem .6rem 2rem; }
  .cabinet { padding:.75rem .75rem .9rem; }
  .spotlight { min-height:160px; }
  .site-title { font-size:clamp(1.2rem,3vw,1.9rem); }
}

.spotlight { display:grid; grid-template-columns:260px 1fr; gap:1rem; background:#12161dcc; backdrop-filter:blur(6px); border:1px solid #2b3644; padding:1rem; border-radius:18px; align-items:center; min-height:180px; position:relative; }
.spotlight-media { width:260px; height:160px; border-radius:14px; background:linear-gradient(135deg,#1e2530,#0d1116); display:flex; align-items:center; justify-content:center; border:1px solid #2d3744; box-shadow:0 4px 20px -6px #000; position:relative; overflow:hidden; }
.spotlight-emoji { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:3rem; color:#ffd17a; }
.reels5 { position:absolute; inset:10px; display:grid; grid-template-columns:repeat(5,1fr); gap:6px; opacity:.95; }
.reels5 .col { position:relative; background:linear-gradient(160deg,#232a35,#13171d); border:1px solid #2a3542; border-radius:8px; overflow:hidden; }
.reels5 .strip { position:absolute; left:0; right:0; top:0; will-change:transform; transition:transform .65s cubic-bezier(.26,.9,.24,1); }
.reels5 .cell { height:44px; display:flex; align-items:center; justify-content:center; color:#ffd17a; font-size:1.2rem; }
.reels5.spinning .strip { transition:transform .2s linear; }
.reels5 .cell.win { background:linear-gradient(160deg,#2a323f,#1a2029); box-shadow:inset 0 0 0 1px #ffdf7d55, 0 0 10px -2px #ffdf7d88; border-radius:6px; }
.paylines { position:absolute; inset:0; pointer-events:none; }
.paylines .line { position:absolute; left:6%; right:6%; height:2px; background:#ffe28a33; }
.paylines .line.top { top:28%; }
.paylines .line.middle { top:50%; height:3px; background:#ffd86b; box-shadow:0 0 8px #ffb34766; }
.paylines .line.bottom { bottom:28%; }
.paylines.win .line.middle { animation:payblink 1s ease 3; }
.spotlight-copy h2 { font-family:Antonio,sans-serif; font-size:1.6rem; margin:.1rem 0 .4rem; letter-spacing:.5px; }
.spotlight-copy p { margin:.25rem 0; }
.bonus { font-weight:600; font-size:1.05rem; color:#ffdd76; }

.brand-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:.85rem; align-items:stretch; }
.brand-card { position:relative; background:linear-gradient(160deg,#293140,#151b24 65%); border:1px solid #374253; border-radius:16px; padding:.75rem .65rem .85rem; display:flex; flex-direction:column; gap:.5rem; cursor:pointer; transition:transform .22s, box-shadow .22s, border-color .22s; }
.brand-card:hover, .brand-card:focus-visible { transform:translateY(-4px); box-shadow:0 10px 22px -8px #000c,0 0 0 2px #ffbe3d88; border-color:#ffb347; }
.brand-card.active { box-shadow:0 0 0 2px #ffdf7d,0 0 24px -6px #ffad2f; border-color:#ffdf7d; }
.brand-logo { width:100%; aspect-ratio:16/9; border-radius:10px; background:#151b22; display:flex; align-items:center; justify-content:center; font-size:2rem; color:#ffc65c; border:1px solid #252e38; overflow:hidden; }
.brand-logo img { width:100%; height:100%; object-fit:contain; }
.brand-name { font-size:.9rem; font-weight:700; letter-spacing:.4px; line-height:1.15; color:#e8edf6; }
.mini-bonus { font-size:.8rem; color:#ffdf7d; opacity:.95; }
.badge { position:absolute; top:6px; left:6px; background:linear-gradient(120deg,#ffbf42,#ff9011); color:#1c1200; font-size:.6rem; padding:2px 6px 3px; border-radius:40px; font-weight:600; letter-spacing:.5px; box-shadow:0 0 0 1px #0008,0 2px 4px -1px #000b; text-transform:uppercase; }
.badge.upgrade { left:auto; right:6px; background:linear-gradient(120deg,#7df5ff,#2fb6ff); color:#00202c; border:1px solid #0b4a66; }

.cta { display:inline-flex; align-items:center; gap:.5rem; background:linear-gradient(90deg,#ffb347,#ff8615); color:#1d1300; padding:.65rem 1.1rem; font-weight:600; letter-spacing:.4px; border-radius:14px; text-decoration:none; box-shadow:0 4px 14px -4px #ff941680,0 2px 0 #7a3d00 inset; transition:background .3s, transform .25s; }
.cta[aria-disabled="true"] { pointer-events:none; filter:grayscale(1) opacity(.6); }
.cta:hover { background:linear-gradient(90deg,#ffd070,#ff9d2f); }

/* Upgrade hint under spotlight */
.hint { color:#97a1b0; font-size:.85rem; margin-top:.25rem; }

.panel { display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; }
.filters { display:flex; flex-wrap:wrap; gap:.5rem; }
.chip { background:#1c232c; border:1px solid #303a47; color:#d5dae2; padding:.55rem .95rem; border-radius:999px; font-size:.75rem; font-weight:600; letter-spacing:.5px; text-transform:uppercase; transition:background .25s,border-color .25s,color .25s; }
.chip.is-active, .chip:hover { background:#ffb347; border-color:#ffb347; color:#1e1400; }

.btn-ghost { padding:.55rem 1rem; font-weight:600; background:#232a35; color:#e2e6ec; border:1px solid #303a47; border-radius:10px; }
.btn-ghost:hover { background:#303a41; }
.icon-btn { background:none; border:none; font-size:1.1rem; cursor:pointer; color:#d5d9df; }
.btn { background:#ffb347; color:#201100; border:none; padding:.65rem 1.1rem; font-weight:600; border-radius:12px; }
.btn:hover { background:#ffca6c; }
.btn[disabled] { filter:grayscale(1) opacity(.7); cursor:not-allowed; }
.lever[aria-disabled="true"] { filter:grayscale(1) opacity(.8); }

/* Console meters and lever */
.console { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:.25rem; }
.meters { display:flex; gap:.75rem; }
.meter { background:#161c25; border:1px solid #2d3744; border-radius:10px; padding:.45rem .65rem; min-width:92px; }
.meter label { display:block; font-size:.65rem; text-transform:uppercase; letter-spacing:.7px; color:#97a1b0; }
.meter div { font-family:Antonio, Inter, sans-serif; font-weight:700; color:#ffdf7d; font-size:1.1rem; text-shadow:0 2px 0 #000a; min-width:48px; }
/* removed bet controls */

.lever { position:relative; width:64px; height:64px; background:linear-gradient(180deg,#262f3b,#12171e); border:1px solid #2d3744; border-radius:50%; box-shadow:0 8px 18px -10px #000c, inset 0 0 0 2px #0b0e13; display:inline-flex; align-items:center; justify-content:center; }
.lever .base { position:absolute; width:28px; height:10px; bottom:8px; background:#0d1218; border:1px solid #2b3440; border-radius:8px; }
.lever .stick { position:absolute; width:8px; height:42px; background:linear-gradient(180deg,#c6d2e0,#7a8aa0); border-radius:4px; bottom:18px; transform-origin:bottom center; transition:transform .25s ease; }
.lever .knob { position:absolute; width:20px; height:20px; border-radius:50%; background:radial-gradient(circle at 30% 30%,#ffd060,#ff7b00 70%,#7a2d00); bottom:56px; box-shadow:0 0 10px 2px #ff9a2f70; }
.lever.pulling .stick { transform:rotate(-24deg); }

/* MODAL */
.modal { padding:0; border:1px solid #303a47; border-radius:20px; background:#14191f; color:#e6e9ef; width:min(680px,90vw); box-shadow:0 28px 65px -18px #000d; }
.modal::backdrop { background:rgba(0,0,0,.78); backdrop-filter:blur(4px); }
.modal-head, .modal-foot { display:flex; align-items:center; justify-content:space-between; padding:.9rem 1.1rem; border-bottom:1px solid #25303a; }
.modal-foot { border-top:1px solid #25303a; border-bottom:none; }
.modal-body { padding:1rem 1.2rem 1.4rem; line-height:1.5; font-size:.95rem; }
.modal-body ul { padding-left:1.1rem; margin:.6rem 0 0; }
.modal-body li { margin:.25rem 0; }

@media (max-width:780px){
  .spotlight { grid-template-columns:1fr; text-align:center; }
  .spotlight-media { margin:0 auto; width:220px; height:140px; }
  .brand-grid { grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); }
}

/* Night mode skin (late-night traffic) */
body.night { background:#03050a; }
body.night .cabinet { background:linear-gradient(145deg,#151a22,#0a0e14); box-shadow:0 8px 28px -10px rgba(0,0,0,.8),0 0 0 3px #0b0f16 inset, 0 0 38px -8px #4aa3ff33; border-color:#233042; }
body.night .screen { background:radial-gradient(circle at 50% 20%,#18202b,#0e141c 60%,#070b10); border-color:#223041; }
body.night .reels5 .col { background:linear-gradient(160deg,#1b2330,#0e151d); border-color:#243344; }
body.night .topper { background:linear-gradient(180deg,#1c2430,#0d141c); border-color:#263548; }
body.night .topper-marquee { color:#b8e2ff; }
body.night .light-strip span { box-shadow:0 0 8px 2px rgba(74,163,255,.28),0 0 0 1px #17324f inset; background:radial-gradient(circle at 30% 30%,#c7e7ff,#2fb6ff 70%,#0b5a9a); }
body.night .btn { background:#2fb6ff; color:#031019; }
body.night .cta { background:linear-gradient(90deg,#5fd1ff,#2fb6ff); color:#031019; }
body.night .meter div { color:#bfe8ff; }

@keyframes pulse { 0%,100% { filter:brightness(1) saturate(1); } 50% { filter:brightness(1.6) saturate(1.4); } }
@keyframes marquee { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }
@keyframes payblink { 0%,100% { opacity:.6; box-shadow:0 0 8px #ffb34766; } 50% { opacity:1; box-shadow:0 0 16px #ffb347cc; } }

/* Mobile optimizations */
@media (max-width: 768px) {
  .cabinet { padding: 0.5rem; gap: 0.5rem; }
  .screen { padding: 0.5rem; gap: 0.5rem; }
  .reels { font-size: 1.8rem; gap: 2px; }
  .reel { width: 45px; height: 50px; font-size: 1.5rem; }
  .reels5 .cell { height: 40px; line-height: 40px; }
  .panel { padding: 0.5rem; position: sticky; bottom: 0; background: rgba(32, 36, 46, 0.95); backdrop-filter: blur(10px); border-top: 1px solid #2b313d; z-index: 10; }
  .panel-actions { flex-wrap: wrap; gap: 0.5rem; }
  .btn-ghost { font-size: 0.9rem; padding: 0.4rem 0.6rem; }
  .filters { margin-bottom: 0.5rem; }
}