:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#f3f3f4;background:#101114;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#101114;--surface:#18191d;--raised:#202126;--line:#2c2d33;--muted:#96979e;--orange:#f36c21;--orange-light:#ff8a3d;--paper:#f7f5f1;--green:#c7fa45;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-size:13px;min-width:320px}.demo-strip{height:30px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--orange);color:#161311;font-size:9px;font-weight:850;letter-spacing:.12em}.demo-pulse{width:6px;height:6px;border-radius:50%;background:#fff4eb;box-shadow:0 0 0 3px #ffffff30}.demo-divider{opacity:.5}.topbar{height:70px;border-bottom:1px solid #28292e;display:flex;align-items:center;padding:0 max(4.2%,calc((100% - 1440px)/2));gap:62px;background:#141519;position:relative;z-index:2}.brand{text-decoration:none;color:#f6f6f7;font-weight:900;font-size:25px;letter-spacing:-1.6px;display:flex;align-items:center;gap:9px}.brand-mark{width:31px;height:31px;background:var(--orange);color:#181513;display:grid;place-items:center;font-weight:950;font-size:21px;font-style:italic;clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}.brand-dot{color:var(--orange)}.main-nav{height:100%;display:flex;gap:34px;align-items:center}.main-nav a{height:100%;display:flex;align-items:center;color:#adaeb4;text-decoration:none;font-size:12px;font-weight:650;position:relative;gap:8px;transition:color .18s}.main-nav a:hover,.main-nav a.active{color:white}.main-nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--orange)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff4c50;box-shadow:0 0 0 3px #ff4c5026;flex:none}.account-actions{margin-left:auto}.demo-account{font-size:10px;color:#dadadd;border:1px solid #393a40;padding:9px 12px;letter-spacing:.02em;border-radius:3px}.demo-account span{color:var(--orange);margin-right:5px}.layout{width:min(1440px,100%);margin:26px auto 54px;padding:0 26px;display:grid;grid-template-columns:184px minmax(400px,1fr) 318px;gap:25px;align-items:start}.sidebar{position:sticky;top:16px}.side-heading{color:#898a91;font-size:9px;font-weight:850;letter-spacing:.15em;margin:10px 5px 13px;display:flex;justify-content:space-between}.side-heading span{font-size:14px}.sport{width:100%;border:0;background:transparent;color:#b9bac0;text-align:left;padding:12px 10px;display:flex;align-items:center;gap:11px;border-radius:3px;cursor:pointer;font:600 11px inherit;transition:background .18s,color .18s,transform .18s}.sport>span{width:18px;text-align:center;font-size:14px}.sport b{margin-left:auto;color:#7e7f86;font-size:9px;font-weight:600}.sport:hover{background:#202126;color:#f6f6f7}.sport.active{background:#2a211d;color:#ff8a3d;box-shadow:inset 2px 0 var(--orange)}.sport.active b{color:#eda277}.side-promo{margin-top:29px;background:radial-gradient(ellipse at top right,#813e21 0,transparent 58%),linear-gradient(145deg,#35251e,#211a18 70%);padding:17px 15px 18px;border:1px solid #513222;border-radius:4px;display:flex;flex-direction:column;gap:8px;min-height:167px}.promo-icon{font-size:20px;color:var(--orange-light)}.side-promo strong{font-size:22px;line-height:.96;letter-spacing:-.6px;font-weight:850}.side-promo small{font-size:9px;line-height:1.55;color:#b4aaa3}.responsible{color:#85868d;font-size:9px;line-height:1.8;margin:21px 5px}.responsible a{color:#e8a07a;text-decoration:none}.responsible a:hover{text-decoration:underline}.content{min-width:0}.welcome{min-height:226px;background:linear-gradient(104deg,#1d1e22 0%,#27211e 54%,#392218 100%);border:1px solid #39302c;border-radius:5px;padding:29px 31px;position:relative;overflow:hidden;display:flex;align-items:center;isolation:isolate}.welcome:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(0deg,#171719a8,transparent);z-index:-1}.welcome-copy{position:relative;z-index:1}.eyebrow{font-size:8px;font-weight:850;letter-spacing:.14em;color:#e3b39b;margin:0 0 12px;display:flex;align-items:center;gap:8px}.eyebrow-line{width:19px;height:2px;background:var(--orange)}.welcome h1{font-size:clamp(30px,3vw,42px);line-height:.99;font-weight:900;letter-spacing:-1.7px;margin:0}.welcome h1 span{color:var(--orange-light)}.subtitle{font-size:10px;color:#c3bdb8;margin:11px 0 0}.welcome-link{display:inline-flex;align-items:center;gap:16px;margin-top:18px;color:#fff;text-decoration:none;font-size:9px;font-weight:850;letter-spacing:.1em;border-bottom:1px solid #f36c21;padding-bottom:5px;transition:gap .18s,color .18s}.welcome-link:hover{gap:22px;color:#ffad7d}.welcome-link span{color:var(--orange-light);font-size:14px}.hero-art{position:absolute;width:255px;height:220px;right:6%;top:0;display:grid;place-items:center;pointer-events:none;z-index:-1}.hero-art:before{content:"";position:absolute;width:185px;height:185px;border-radius:50%;background:radial-gradient(circle,#f36c2130 0%,#f36c210b 49%,transparent 70%)}.hero-ball{font-size:83px;filter:grayscale(.15) drop-shadow(0 13px 16px #0008);transform:rotate(-17deg);animation:ball-float 5s ease-in-out infinite}.hero-orbit{position:absolute;border:1px solid #ff9b5545;border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:226px;height:91px}.orbit-two{width:188px;height:157px;transform:rotate(38deg)}.hero-star{position:absolute;color:var(--orange-light)}.star-one{font-size:18px;left:33px;top:43px}.star-two{font-size:13px;right:29px;bottom:38px}.hero-score{position:absolute;right:12px;top:33px;font-size:11px;font-weight:800;color:#fff8;letter-spacing:.08em}.hero-score span{color:var(--orange-light)}.hero-index{position:absolute;right:21px;bottom:16px;font-size:9px;color:#c7b2a7;letter-spacing:.12em}.hero-index span{color:var(--orange)}@keyframes ball-float{0%,100%{transform:translateY(0) rotate(-17deg)}50%{transform:translateY(-7px) rotate(-11deg)}}.event-toolbar{display:flex;align-items:center;justify-content:space-between;margin:25px 1px 17px;padding-bottom:13px;border-bottom:1px solid var(--line)}.event-heading{display:flex;align-items:center;gap:11px}.event-heading h2{font-size:16px;letter-spacing:-.4px;margin:0;font-weight:800}.live-badge{display:flex;align-items:center;gap:7px;color:#f5825c;font-size:8px;font-weight:850;letter-spacing:.08em}.live-badge .live-dot{width:6px;height:6px}.toolbar-note{font-size:8px;color:#777980;letter-spacing:.08em}.league-head{display:flex;align-items:center;gap:9px;color:#f0f0f2;font-size:9px;letter-spacing:.07em;margin:18px 1px 9px}.league-icon{color:var(--orange-light);font-size:15px}.league-head strong{font-size:9px;font-weight:850}.league-label{font-size:8px;color:#85868c;letter-spacing:.05em}.league-label i{color:var(--orange);font-style:normal}.match-count{margin-left:auto;color:#87888f;font-size:8px;font-weight:700;letter-spacing:.08em}.matches{display:flex;flex-direction:column;gap:7px}.match{background:var(--surface);border:1px solid #2b2c32;border-radius:4px;padding:13px 14px;transition:border-color .18s,background .18s,transform .18s}.match:hover{border-color:#45464c;background:#1b1c20}.match:has(.odd.selected){border-color:#9c552e}.match-meta{display:flex;align-items:center;gap:8px;color:#96979d;font-size:8px;margin-bottom:11px}.live-label{color:#fa7563;font-weight:850;letter-spacing:.08em}.match-main{display:grid;grid-template-columns:minmax(130px,1fr) repeat(3,minmax(58px,78px));gap:7px;align-items:center}.teams{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:650}.team{display:flex;align-items:center;gap:8px;white-space:nowrap}.team-icon{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#2b2c32;font-size:11px}.odds-label{font-size:8px;color:#8e8f95;text-align:center;margin-bottom:4px}.odd{width:100%;min-height:38px;border:1px solid #37383f;background:#26272d;color:#ececef;border-radius:3px;font:750 12px inherit;cursor:pointer;transition:background .16s,border-color .16s,color .16s,transform .16s}.odd:hover{border-color:#db7945;background:#332821;color:#ff9d68;transform:translateY(-1px)}.odd.selected{background:#56301f;border-color:var(--orange);color:#ffad7e;box-shadow:inset 0 0 0 1px #f36c2144}.odd:disabled{opacity:.5;cursor:not-allowed}.bet-panel{background:#18191d;border:1px solid #33343a;border-radius:4px;position:sticky;top:16px;overflow:hidden;box-shadow:0 16px 38px #0002}.coupon-head{padding:17px 16px 15px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line)}.coupon-head>div{margin-right:auto}.coupon-kicker{display:block;font-size:8px;color:#a0a1a7;letter-spacing:.12em;font-weight:800;margin-bottom:4px}.coupon-head h2{font-size:18px;letter-spacing:-.4px;margin:0;font-weight:850}.count{font-size:10px;background:#3c281e;color:#ff9a62;padding:4px 7px;border-radius:2px;min-width:22px;text-align:center}.clear{color:#b0b1b7;background:none;border:0;font:600 9px inherit;cursor:pointer;padding:5px}.clear span{font-size:14px;margin-left:3px;color:#898a91}.clear:hover{color:white}.coupon-mode{display:flex;align-items:center;gap:20px;padding:0 16px;border-bottom:1px solid var(--line);height:42px;color:#888990;font-size:9px;font-weight:700;position:relative}.coupon-mode>span:not(.demo-tag){height:100%;display:flex;align-items:center}.coupon-mode .mode-active{color:#ff9763;border-bottom:2px solid var(--orange)}.demo-tag{margin-left:auto;font-size:7px;letter-spacing:.09em;color:#ffa270;border:1px solid #5b392a;padding:4px 6px;border-radius:2px}.coupon-body{min-height:165px;padding:22px 16px 17px;text-align:center;display:flex;align-items:center;flex-direction:column}.empty-icon{width:34px;height:34px;border:1px solid #4b4c51;color:var(--orange-light);display:grid;place-items:center;border-radius:50%;font-size:19px;margin-bottom:10px}.coupon-body>strong{font-size:11px}.coupon-body p{color:#92939a;font-size:9px;line-height:1.55;max-width:215px;margin:7px 0}.coupon-body:has(.coupon-selection){align-items:stretch;text-align:left;padding:8px 16px 12px;min-height:0}.coupon-selection{width:100%;text-align:left;padding:11px 0;border-bottom:1px solid #303137}.selection-top{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:700}.remove-selection{color:#8c8d93;border:0;background:none;font-size:16px;cursor:pointer;line-height:1}.remove-selection:hover{color:#ff9160}.selection-detail{font-size:9px;color:#92939a;margin-top:6px}.coupon-summary{border-top:1px solid var(--line);padding:14px 16px}.coupon-summary label{font-weight:700;font-size:9px;display:flex;justify-content:space-between}.coupon-summary label span{font-size:8px;color:#85868d;font-weight:600}.stake-input{display:flex;align-items:center;background:#111215;border:1px solid #3b3c42;margin:8px 0 6px;padding:0 10px;height:39px;color:#9b9ca2;font-size:11px;border-radius:3px;transition:border-color .18s}.stake-input:focus-within{border-color:var(--orange)}.stake-input input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:white;padding:8px;font:650 12px inherit}.stake-input input::placeholder{color:#72737a}.stake-input input::-webkit-inner-spin-button{appearance:none}.stake-currency{font-size:8px;color:#85868d}.input-help{display:block;color:#87888f;font-size:8px;margin:0 0 13px}.summary-row{display:flex;justify-content:space-between;font-size:9px;color:#aaabb1;margin:10px 0}.summary-row strong{color:#efeff1}.summary-row.return{padding-top:12px;border-top:1px solid #303137;color:#e5e5e8}.summary-row.return strong{font-size:15px;color:#ff9660}.place-bet{width:100%;background:var(--orange);color:#21140d;border:0;border-radius:3px;padding:12px;font:850 9px inherit;text-transform:uppercase;letter-spacing:.08em;display:flex;justify-content:space-between;cursor:pointer;margin-top:14px;transition:background .16s,transform .16s}.place-bet:not(:disabled):hover{background:#ff8542;transform:translateY(-1px)}.place-bet:disabled{background:#38393e;color:#85868d;cursor:not-allowed}.place-bet span{font-size:14px;line-height:9px}.coupon-note{display:block;text-align:center;color:#8e8f95;font-size:8px;line-height:1.45;margin-top:10px}.coupon-security{border-top:1px solid var(--line);padding:11px 16px;color:#85868d;font-size:8px;display:flex;align-items:center;gap:7px}.coupon-security span{color:#8db884}.disclaimer{border-top:1px solid #292a2f;margin:22px 0 0;padding:12px 2px 0;color:#777880;font-size:8px;line-height:1.5}footer{border-top:1px solid #292a2f;padding:17px max(5%,calc((100% - 1400px)/2));display:flex;gap:22px;color:#818289;font-size:8px;align-items:center}footer span:first-child{font-weight:850;letter-spacing:.08em;color:#c8c8cd}footer i{font-style:normal;color:#85868d;font-size:7px;margin-left:4px}footer a{margin-left:auto;color:#c3a08f;text-decoration:none}footer a:hover{color:#ff9865}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,14px);opacity:0;pointer-events:none;background:#f36c21;color:#20140e;padding:12px 18px;font-size:11px;font-weight:750;border-radius:3px;transition:opacity .2s,transform .2s;z-index:5;box-shadow:0 10px 24px #0005}.toast.visible{opacity:1;transform:translate(-50%,0)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ff9a62;outline-offset:3px}.welcome-link:focus-visible{border-radius:2px}.tennis-league{margin-top:21px}
@media(max-width:1100px){.layout{grid-template-columns:160px minmax(360px,1fr) 285px;gap:17px;padding:0 18px}.topbar{padding:0 3%;gap:40px}.hero-art{right:1%;opacity:.78}.match-main{grid-template-columns:minmax(115px,1fr) repeat(3,minmax(52px,68px));gap:5px}}
@media(max-width:850px){.layout{grid-template-columns:145px minmax(0,1fr);gap:16px}.bet-panel{grid-column:2;position:static}.sidebar{grid-row:1 / span 2}.side-promo{padding:14px 11px;min-height:145px}.welcome{min-height:205px;padding:24px}.hero-art{right:-14px;transform:scale(.83);transform-origin:right center;opacity:.68}}
@media(max-width:620px){body{font-size:12px}.demo-strip{height:27px;font-size:8px;letter-spacing:.08em}.topbar{height:58px;padding:0 14px;gap:0}.brand{font-size:22px}.brand-mark{width:27px;height:27px;font-size:18px}.main-nav{display:none}.account-actions{gap:0}.demo-account{font-size:8px;padding:8px 9px}.layout{display:flex;flex-direction:column;margin:13px auto 30px;padding:0 12px;gap:14px}.sidebar{position:static;order:0;width:100%;overflow:auto;scrollbar-width:none;display:flex;gap:6px}.sidebar::-webkit-scrollbar{display:none}.side-heading,.side-promo,.responsible{display:none}.sport{width:auto;white-space:nowrap;flex:none;padding:9px 10px;background:#191a1e;gap:7px;font-size:10px;border-radius:3px}.sport b{display:none}.content{width:100%;order:1}.welcome{min-height:177px;padding:20px;border-radius:4px}.eyebrow{font-size:7px;letter-spacing:.1em;margin-bottom:10px}.welcome h1{font-size:31px;letter-spacing:-1.1px}.subtitle{font-size:9px;max-width:220px;line-height:1.45}.welcome-link{margin-top:14px;font-size:8px}.hero-art{right:-42px;transform:scale(.7);opacity:.6}.hero-index{right:12px;bottom:11px;font-size:8px}.event-toolbar{margin:19px 1px 14px}.event-heading{gap:8px}.event-heading h2{font-size:14px}.live-badge{font-size:7px}.toolbar-note{font-size:7px;max-width:106px;text-align:right;line-height:1.35}.league-head{gap:7px;margin-top:16px}.league-head strong{font-size:8px}.league-label{font-size:7px}.match-count{font-size:7px}.match{padding:11px 9px}.match-meta{font-size:7px;margin-bottom:9px}.match-main{grid-template-columns:minmax(89px,1fr) repeat(3,minmax(45px,1fr));gap:4px}.teams{font-size:9px;gap:7px}.team{gap:5px}.team-icon{width:16px;height:16px;font-size:9px}.odds-label{font-size:7px}.odd{min-height:35px;font-size:10px}.bet-panel{order:2;width:100%;position:relative;grid-column:auto}.coupon-body{min-height:130px}.coupon-body:has(.coupon-selection){min-height:0}.coupon-summary{padding:13px}.coupon-security{padding:10px 13px}.disclaimer{margin-top:17px}footer{padding:14px 12px;gap:9px;flex-wrap:wrap;font-size:7px}footer a{margin-left:auto}}
@media(max-width:370px){.toolbar-note{display:none}.match-main{grid-template-columns:minmax(80px,1fr) repeat(3,minmax(40px,1fr))}.teams{font-size:8px}.odd{font-size:9px}.welcome h1{font-size:28px}.hero-art{right:-66px;opacity:.48}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.sport{font-family:inherit;font-size:11px;font-weight:600}.odd{font-family:inherit;font-size:12px;font-weight:750}.clear{font-family:inherit;font-size:9px;font-weight:600}.stake-input input{font-family:inherit;font-size:12px;font-weight:650}.place-bet{font-family:inherit;font-size:9px;font-weight:850}
@media(max-width:620px){.sport{font-size:10px}.odd{font-size:10px}.team{white-space:normal;line-height:1.15}}
.coupon-mode .mode-button{height:100%;display:flex;align-items:center;padding:0;background:none;border:0;border-bottom:2px solid transparent;color:#888990;font:700 9px inherit;cursor:pointer}.coupon-mode .mode-button:hover{color:#f2f2f4}.coupon-mode .mode-button.mode-active{color:#ff9763;border-bottom-color:var(--orange)}.coupon-mode .mode-button:focus-visible{outline-offset:-3px}.coupon-mode .demo-tag{margin-left:auto}.live-filter-active .live-badge{background:#3b211d;padding:5px 7px;border-radius:2px}.empty-events{margin-top:12px;padding:27px 20px;background:#18191d;border:1px solid #2d2e34;border-radius:4px;text-align:center}.empty-events>span{display:block;font-size:24px;color:var(--orange-light);margin-bottom:7px}.empty-events strong{font-size:12px}.empty-events p{color:#96979e;font-size:9px;margin:7px 0 12px}.empty-events button{border:1px solid #5d3928;background:#32241d;color:#ff9d6b;border-radius:3px;padding:8px 11px;font:700 9px inherit;cursor:pointer}.empty-events button:hover{background:#492d20}.promo-info{display:flex;align-items:center;gap:12px;margin-top:12px;padding:14px 16px;background:#19191c;border:1px solid #2f3035;border-radius:4px;scroll-margin-top:18px}.promo-info-icon{width:30px;height:30px;display:grid;place-items:center;background:#3b261d;color:var(--orange-light);border-radius:50%;font-size:15px;flex:none}.promo-info h2{font-size:10px;margin:0 0 4px}.promo-info p{font-size:8px;color:#9a9ba1;margin:0}.promo-info:target{border-color:#a3542e}
@media(max-width:620px){.coupon-mode .mode-button{font-size:9px}.empty-events{padding:23px 14px}.promo-info{padding:12px}}
.coupon-mode .mode-button,.empty-events button{font-family:inherit;font-size:9px;font-weight:700}

/* Finishing touches: keep the Cancha demo aligned with Betano's orange/ink palette. */
:root{
  --orange:#ff5a00;
  --orange-light:#ff8a45;
  --line:#303137;
  accent-color:var(--orange);
  scrollbar-color:#55565c #17181b;
  scrollbar-width:thin;
}
::selection{background:#ff5a0052;color:#fff}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#17181b}
::-webkit-scrollbar-thumb{background:#4a4b51;border:2px solid #17181b;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#66676d}

.topbar{box-shadow:0 1px 0 #ffffff05}
.main-nav a:after{transform:scaleX(0);transform-origin:left;transition:transform .22s cubic-bezier(.2,.75,.25,1)}
.main-nav a.active:after{transform:scaleX(1)}
.sport{border-radius:4px}
.sport.active{box-shadow:inset 2px 0 var(--orange),inset 0 0 0 1px #ff5a0012}
.welcome{background:linear-gradient(105deg,#1d1e22 0%,#27211e 58%,#382219 100%)}
.match{border-radius:5px}
.odd{font-variant-numeric:tabular-nums;min-height:40px}
.odd.selected{background:#4a291b;box-shadow:inset 0 0 0 1px #ff5a0050}
.coupon-selection{animation:selection-in .2s cubic-bezier(.2,.75,.25,1) both}
@keyframes selection-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.stake-input{border-radius:4px}
.place-bet:not(:disabled):hover{background:#ff7130}
.toast{background:#ff5a00}
a{text-underline-offset:3px}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#ff9a62}

@media(max-width:850px){
  .layout{grid-template-columns:136px minmax(0,1fr);gap:14px}
  .bet-panel{grid-column:2}
}
@media(max-width:620px){
  .topbar{position:sticky;top:0;z-index:4;background:#141519f2;backdrop-filter:saturate(1.15)}
  .sidebar{scroll-snap-type:x proximity;overscroll-behavior-x:contain}
  .sport{scroll-snap-align:start;min-height:40px}
  .odd{min-height:40px}
  .coupon-head,.coupon-summary,.coupon-security{padding-left:14px;padding-right:14px}
}
@media(prefers-reduced-motion:reduce){
  .coupon-selection{animation:none}
}

/* --- Engagement: prueba social, impulsos y promos --- */
.social-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--raised);border:1px solid var(--line);border-radius:8px;padding:8px 14px;margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.5}
.social-banner strong{color:var(--green)}
.social-sep{opacity:.4}
.social-strip{display:flex;align-items:center;gap:7px;margin:10px 0 0;padding:7px 10px;background:rgba(32,33,74,.15);border:1px dashed #3a3b44;border-radius:6px;color:var(--muted);font-size:11.5px}
.odd-boosted{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange) inset}
.odd-boosted .odd-bump{font-style:normal;color:var(--orange);font-size:10px;vertical-align:super}
.promo-card{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);margin:0 0 8px}
.promo-card strong{color:var(--green);font-size:14px}
.promo-card .promo-note{color:var(--muted);font-size:11.5px;line-height:1.5}
.plan-editor{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11.5px;color:var(--muted)}
.plan-editor label{display:flex;flex-direction:column;gap:2px}
.plan-editor input,.plan-editor select{max-width:110px;padding:4px 6px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:inherit}
.gradient-bar{position:relative;height:8px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.gradient-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green),#00ff9d);border-radius:999px}
.status-note{min-height:14px}