:root{
  --bg:#030a06;
  --panel:#09150e;
  --panel2:#0d1d13;
  --line:#17301f;
  --green:#16ff72;
  --green2:#0ed962;
  --text:#f3f7f4;
  --muted:#8ea096;
  --gold:#ffd45a;
  --red:#ff6b6b;
}

*{
  box-sizing:border-box;
}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,Arial,sans-serif;
}

button,
input,
textarea{
  font:inherit;
}

.hidden{
  display:none!important;
}

.bg{
  position:fixed;
  inset:0;
  background:
    radial-gradient(
      circle at 60% 0%,
      rgba(20,255,110,.09),
      transparent 35%
    ),
    linear-gradient(
      rgba(2,10,5,.90),
      rgba(2,10,5,.98)
    );
  z-index:-1;
}

.center{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
}

.login-card{
  width:min(460px,100%);
  padding:42px;
  border:1px solid var(--line);
  border-radius:24px;
  background:rgba(9,21,14,.94);
  box-shadow:0 30px 80px #0008;
}

.brand{
  font-weight:800;
  font-size:28px;
  letter-spacing:-1px;
  color:var(--green);
}

.brand.small{
  font-size:23px;
  line-height:1.02;
}

.muted,
.login-card p{
  color:var(--muted);
}

.stadium-line{
  height:1px;
  background:var(--line);
  margin:26px 0;
}

.login-card h1{
  font-size:34px;
  margin:0 0 8px;
}

.big{
  width:100%;
  margin-top:18px;
}

.primary,
.secondary,
.ghost{
  border:0;
  border-radius:12px;
  padding:13px 17px;
  font-weight:800;
  cursor:pointer;
}

.primary{
  background:var(--green);
  color:#021007;
}

.primary:hover{
  background:#42ff8d;
}

.primary:disabled,
.secondary:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.secondary{
  background:#173b26;
  color:var(--green);
  border:1px solid #255b39;
}

.ghost{
  background:transparent;
  color:var(--muted);
  padding:8px 0;
  text-align:left;
}

.app{
  min-height:100vh;
  display:grid;
  grid-template-columns:245px 1fr;
}

.sidebar{
  position:sticky;
  top:0;
  height:100vh;
  padding:30px 24px;
  border-right:1px solid var(--line);
  background:#061009;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.admin-pill{
  display:inline-block;
  margin-top:12px;
  padding:6px 8px;
  border:1px solid #225d38;
  border-radius:7px;
  color:#7effac;
  font-size:10px;
  font-weight:800;
}

nav{
  display:grid;
  gap:8px;
  margin-top:-120px;
}

.nav{
  display:flex;
  gap:12px;
  align-items:center;
  border:0;
  border-radius:11px;
  padding:13px;
  background:transparent;
  color:var(--muted);
  text-align:left;
}

.nav.active{
  background:#10271a;
  color:var(--green);
}

.nav small{
  margin-left:auto;
}

.nav.disabled{
  opacity:.45;
}

.account{
  display:grid;
  gap:8px;
}

.account img{
  width:36px;
  height:36px;
  border-radius:50%;
  background:#17301f;
}

.account-text{
  display:grid;
}

.account-text span{
  font-size:10px;
  color:var(--muted);
  overflow:hidden;
  text-overflow:ellipsis;
}

main{
  padding:42px 48px 70px;
  max-width:1500px;
  width:100%;
  margin:auto;
}

header{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  margin-bottom:24px;
}

header h1{
  font-size:34px;
  margin:4px 0 8px;
}

header p,
.section-title p{
  margin:0;
  color:var(--muted);
}

.eyebrow{
  color:var(--green);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.2px;
}

.status{
  font-size:12px;
  color:#b9c7bf;
  background:#0b1a11;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:999px;
}

.status i{
  display:inline-block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--green);
  margin-right:7px;
}

.panel{
  background:rgba(10,24,15,.92);
  border:1px solid var(--line);
  border-radius:18px;
}

/* SPORT SELECTOR */

.sport-selector{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}

.sport-btn{
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#07130c;
  color:var(--muted);
  font-weight:800;
  font-size:12px;
  cursor:pointer;
  transition:.15s;
}

.sport-btn:hover{
  border-color:#2b6942;
  background:#0a1b11;
  color:white;
}

.sport-btn.active{
  border-color:#26b960;
  background:#0e2a19;
  color:var(--green);
  box-shadow:inset 0 0 0 1px rgba(22,255,114,.08);
}

.sport-icon{
  font-size:22px;
}

.sport-btn small{
  font-size:8px;
  padding:3px 5px;
  border-radius:5px;
  background:#17231b;
  color:#75867b;
}

.disabled-sport{
  opacity:.42;
  cursor:not-allowed;
}

.disabled-sport:hover{
  border-color:var(--line);
  background:#07130c;
  color:var(--muted);
}

/* TOOLBAR */

.toolbar{
  padding:17px;
  display:flex;
  gap:12px;
  align-items:end;
  margin-bottom:28px;
}

.toolbar label,
.editor>div>label{
  display:block;
  font-size:11px;
  color:var(--muted);
  margin:0 0 7px;
}

input,
textarea{
  width:100%;
  border:1px solid #1d3b28;
  background:#061009;
  color:white;
  border-radius:11px;
  padding:12px 13px;
  outline:none;
}

input:focus,
textarea:focus{
  border-color:#2bcf70;
}

.toolbar input{
  width:190px;
}

.current-sport{
  display:grid;
  gap:3px;
  padding:0 8px;
}

.current-sport small{
  color:var(--muted);
  font-size:10px;
}

.current-sport strong{
  color:var(--green);
  font-size:12px;
}

.stats{
  margin-left:auto;
  text-align:right;
}

.stats span{
  display:block;
  color:var(--green);
  font-size:22px;
  font-weight:800;
}

.stats small{
  color:var(--muted);
}

/* CONTENT */

.content-grid{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(360px,.8fr);
  gap:25px;
  align-items:start;
}

.section-title{
  display:flex;
  justify-content:space-between;
  align-items:end;
  margin-bottom:15px;
}

.section-title h2{
  margin:4px 0;
}

.search{
  width:260px;
}

.match-list{
  display:grid;
  gap:10px;
}

.match{
  background:#08150d;
  border:1px solid var(--line);
  border-radius:16px;
  padding:15px;
  cursor:pointer;
  transition:.15s;
}

.match:hover,
.match.selected{
  border-color:#2e7c4b;
  background:#0b1d12;
  transform:translateY(-1px);
}

.match-top,
.meta{
  display:flex;
  justify-content:space-between;
  color:var(--muted);
  font-size:10px;
}

.match-teams{
  display:grid;
  grid-template-columns:1fr 34px 1fr;
  align-items:center;
  gap:10px;
  margin-top:13px;
}

.mteam{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:700;
}

.mteam.right{
  justify-content:flex-end;
  text-align:right;
}

.mteam img,
.team img{
  width:34px;
  height:34px;
  object-fit:contain;
}

.vs{
  text-align:center;
  color:var(--muted);
  font-size:10px;
  font-weight:800;
}

/* EDITOR */

.editor{
  position:sticky;
  top:24px;
  padding:22px;
}

.editor-empty{
  text-align:center;
  padding:70px 10px;
  color:var(--muted);
}

.editor-empty h3{
  color:white;
  margin-bottom:5px;
}

.lockmark{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#11291b;
  color:var(--green);
  font-size:28px;
  margin:auto;
}

.editor-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.sport-badge{
  padding:5px 8px;
  border:1px solid #285d3b;
  border-radius:999px;
  color:#8effb7;
  background:#0c2115;
  font-size:9px;
  font-weight:800;
  letter-spacing:.6px;
}

.editor-match{
  display:grid;
  grid-template-columns:1fr 34px 1fr;
  align-items:center;
  gap:8px;
  margin:18px 0;
}

.team{
  display:flex;
  align-items:center;
  gap:9px;
}

.team.right{
  justify-content:flex-end;
  text-align:right;
}

.meta{
  padding-bottom:16px;
  border-bottom:1px solid var(--line);
  margin-bottom:16px;
}

.full{
  width:100%;
  margin:7px 0 12px;
}

.draft-state{
  font-size:11px;
  color:var(--muted);
  margin-bottom:18px;
}

.editor input,
.editor textarea{
  margin-bottom:14px;
}

.vip-row{
  display:flex!important;
  justify-content:space-between;
  align-items:center;
  padding:13px;
  border:1px solid var(--line);
  border-radius:12px;
  margin:2px 0 14px!important;
}

.vip-row span{
  display:grid;
  gap:3px;
}

.vip-row strong{
  color:var(--gold);
  font-size:12px;
}

.vip-row small{
  color:var(--muted);
}

.vip-row input{
  width:20px;
  margin:0;
}

.message{
  font-size:12px;
  margin-top:10px;
  color:var(--muted);
  min-height:16px;
}

.message.error{
  color:var(--red);
}

.message.ok{
  color:var(--green);
}

.empty{
  padding:50px;
  text-align:center;
  color:var(--muted);
  border:1px dashed var(--line);
  border-radius:16px;
}

@media(max-width:1000px){

  .app{
    grid-template-columns:1fr;
  }

  .sidebar{
    position:static;
    height:auto;
    flex-direction:row;
    align-items:center;
  }

  .sidebar nav{
    display:none;
  }

  .account{
    display:flex;
    align-items:center;
  }

  .sport-selector{
    grid-template-columns:repeat(2,1fr);
  }

  .toolbar{
    flex-wrap:wrap;
  }

  .current-sport{
    display:none;
  }

  .content-grid{
    grid-template-columns:1fr;
  }

  .editor{
    position:static;
  }

  main{
    padding:28px 20px;
  }

  .section-title{
    align-items:stretch;
    flex-direction:column;
    gap:12px;
  }

  .search{
    width:100%;
  }
}

@media(max-width:600px){

  .sport-selector{
    grid-template-columns:1fr 1fr;
  }

  .sport-btn{
    min-height:58px;
  }

  .toolbar input{
    width:100%;
  }

  .toolbar>div:first-child{
    flex:1 1 100%;
  }

  .toolbar .primary{
    flex:1;
  }
}
/* Arena editorial theme */
:root{--panel:#091c15;--panel2:#102b20;--line:#254e3d;--green:#26ff79;--muted:#a1b6aa}
html{scroll-behavior:smooth;scroll-padding-top:24px}
.bg{background:linear-gradient(180deg,rgba(3,12,8,.56),#030c08 540px),url('arena-elite.png') center top/100% auto no-repeat;background-color:#030c08}
.sidebar{background:rgba(5,19,13,.97);border-right-color:var(--line)}
.sidebar a.nav{text-decoration:none;font-size:14px;min-height:48px}
main>header{padding:28px;border:1px solid #2a5944;border-radius:22px;background:linear-gradient(110deg,#102b20e8,#071b14b8);margin-bottom:22px}
main>header h1{letter-spacing:-1.2px;font-size:clamp(27px,3vw,38px)}
main>header p{max-width:560px;line-height:1.65}
.status{color:var(--muted)}.status i{background:#7b9889;box-shadow:none}
.workflow{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;gap:12px;margin:0 0 22px}
.workflow li{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#091c15dc}
.workflow li>span{font-size:12px;font-weight:700;color:var(--green);border:1px solid #346448;border-radius:50%;padding:10px}
.workflow strong{font-size:13px;display:block}.workflow small{display:block;color:var(--muted);font-size:11px;margin-top:6px;line-height:1.5}
.sport-selector{grid-template-columns:repeat(3,1fr);gap:10px}.sport-btn{min-height:64px;border-radius:14px;background:#0a2118d9}.sport-btn.active{background:#123e29;border-color:var(--green);color:var(--green)}
.panel{background:#091c15ed;border-color:var(--line);border-radius:18px}.toolbar{gap:16px}.primary{border-radius:10px;box-shadow:none}.secondary{border-radius:10px}
.maintenance{margin:0 0 18px;padding:16px 20px}.maintenance summary{cursor:pointer;color:var(--text);font-size:13px;font-weight:600}.maintenance summary span{color:var(--muted);font-size:11px;margin-left:12px;font-weight:400}.maintenance h2{font-size:16px}.maintenance p{color:var(--muted);font-size:12px;line-height:1.6}
.match{border-radius:14px;background:#091e16e8;border-color:#244b38;transition:background .15s,border-color .15s}.match:hover,.match.selected{background:#103524;border-color:#40c77a}.match.selected{box-shadow:inset 3px 0 var(--green)}
.editor{top:24px;max-height:calc(100vh - 48px);overflow:auto;scroll-margin-top:20px}.editor-match{padding:16px 0}.editor input,.editor textarea{background:#06150f;border-color:#294b39;border-radius:10px}.editor label{font-size:12px;letter-spacing:.3px}.vip-row{background:linear-gradient(110deg,#143c29,#0b241b);border:1px solid #326248;border-radius:12px;padding:14px}.vip-row input{accent-color:var(--green)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}
@media(max-width:1100px){.workflow{grid-template-columns:1fr}.workflow li{padding:12px}.content-grid{grid-template-columns:1fr}.editor{position:static;max-height:none}.section-title{gap:12px;flex-wrap:wrap}}
@media(max-width:600px){main>header{padding:20px;display:block}.status{margin-top:16px}.sport-selector{grid-template-columns:repeat(3,minmax(0,1fr))}.sport-btn{font-size:10px;padding:12px 5px;gap:6px}.sport-icon{font-size:20px}.toolbar{padding:16px}.toolbar button{width:100%}.maintenance summary span{display:block;margin:6px 0 0}.sidebar{flex-wrap:wrap;gap:16px}.account{min-width:0;flex-wrap:wrap}.login-card{padding:28px}.bg{background-size:auto,auto 540px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.match{transition:none}}

.country-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;max-height:160px;overflow:auto;padding:3px}
.country-btn{border:1px solid #2c523f;border-radius:999px;background:#091d15;color:#d1ded6;padding:10px 14px;min-height:42px;font-size:12px;cursor:pointer}
.country-btn:hover{background:#153b28}.country-btn.active{background:#25fa75;border-color:#25fa75;color:#031309;font-weight:700}
.country-filter-info{font-size:12px;color:var(--muted);margin-bottom:14px}

#publishedSection{margin-top:28px;padding:24px;scroll-margin-top:24px}
.published-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}.published-toolbar label{color:var(--muted);font-size:12px}.published-toolbar input{flex:1;min-width:180px}.published-toolbar select{background:#071b12;color:var(--text);border:1px solid var(--line);padding:12px;border-radius:10px}
.published-teams{font-size:15px;font-weight:600;margin:14px 0}.published-pick{font-size:13px;color:var(--green);line-height:1.6}.published-actions{display:flex;gap:10px;margin-top:16px}.unpublish{color:#b7c4bc}.published-actions button{min-height:44px}#morePublishedBtn{margin-top:16px}

.published-date{font-size:12px;color:var(--muted);margin-bottom:10px}.match-top>span:last-child{white-space:nowrap}@media(max-width:600px){.match-top{align-items:flex-start;gap:6px;flex-wrap:wrap}.match-top>span:last-child{font-size:10px}}

.prediction-presets{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.prediction-preset{background:#103122;color:#c3e5d0;border:1px solid #31543f;border-radius:7px;padding:8px 10px;font-size:11px;cursor:pointer}.prediction-preset:hover{border-color:var(--green);color:var(--green)}
.odds-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 18px}.odds-tools button{padding:7px 12px;font-size:12px;min-height:36px}.odds-tools small{color:var(--muted);font-size:10px}
.access-picker{border:1px solid #315d44;background:#0b241a;border-radius:12px;padding:14px;margin:18px 0}.access-label{display:block;font-size:12px;color:#c5dacd;margin-bottom:10px}.access-picker>div{display:flex;gap:8px}.access-choice{flex:1;padding:12px 8px;border-radius:8px;background:#071c12;border:1px solid #31543f;color:#bad1c3;font-size:12px;cursor:pointer}.access-choice.active{background:#174a2e;color:var(--green);border-color:var(--green)}.access-picker small{display:block;margin-top:10px;font-size:11px;line-height:1.6;color:var(--muted)}button:disabled{opacity:.45;cursor:not-allowed}

/* Approved desktop composition */
.app{grid-template-columns:220px minmax(0,1fr)}main{padding:38px 28px;max-width:none;width:100%;min-width:0}.sidebar{padding:28px 22px}.sidebar nav{margin-top:32px;flex:1}.account{margin-top:auto}.account #avatar,.account .account-text{display:none}.account #toolsNav{border-bottom:1px solid var(--line);border-radius:0;width:100%;margin-bottom:8px}
main>.workspace-heading{padding:12px 0 24px;border:0;background:none;display:flex;justify-content:flex-start;align-items:center;gap:20px;border-radius:0;margin:0}.workspace-heading h1{font-size:clamp(26px,3vw,40px);margin:0}.workspace-heading>span{color:var(--muted);font-size:14px;border-left:1px solid var(--line);padding-left:18px}
.compact-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;margin-bottom:20px;align-items:stretch}.compact-controls .sport-selector{margin:0}.compact-controls .toolbar{margin:0;padding:0;border:0;background:none;gap:12px}.toolbar input{width:180px;min-height:50px}.toolbar button{min-height:50px;padding:12px 24px}.current-sport,.stats{display:none}.sport-btn{min-height:50px}.country-filters{max-height:none;overflow:visible;flex-wrap:wrap;margin-bottom:18px;align-items:center}.country-btn{border-radius:10px;padding:12px 16px}.country-filter-info{font-size:11px;margin-bottom:14px}
.content-grid{grid-template-columns:minmax(0,1.4fr) minmax(360px,1fr);gap:20px}.content-grid>div:first-child{border:1px solid var(--line);border-radius:16px;padding:12px;background:#061910d9;min-height:650px}.section-title .search{width:100%}.section-title{margin:0 0 12px}.match{padding:16px}.editor{padding:20px;max-height:none;overflow:visible}.editor-title{font-size:20px;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.editor-heading,.draft-state{display:none}.editor-match{margin:0;padding:0 0 16px}.editor .meta{margin-bottom:18px}.prediction-presets{gap:6px}.prediction-preset{font-size:11px}.editor textarea{min-height:90px;height:100px}.access-label{font-size:10px;letter-spacing:1px;text-transform:uppercase}.access-picker{padding:0;border:0;background:none}.access-picker small{display:none}.access-choice{min-height:44px}.odds-tools{margin:0}.editor #oddsInput{width:100%}.editor #publishBtn{height:52px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.country-more{background:#091d15;border:1px solid #2c523f;color:var(--text);padding:12px;border-radius:10px;font:inherit;font-size:12px}.nav.active{color:var(--green);background:#103523;border-left:3px solid var(--green)}#toolsSection{padding:24px}.bg{background-size:auto,100% auto}
@media(max-width:1100px){.content-grid{grid-template-columns:1fr}.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;padding:16px}.sidebar nav{display:flex;margin:0;flex:1;gap:6px}.account{margin:0;display:flex;gap:12px}.sidebar .brand{font-size:18px}.admin-pill{display:none}.compact-controls{grid-template-columns:1fr}.content-grid>div:first-child{min-height:0}.editor{position:static}.workspace-heading{flex-wrap:wrap}}
@media(max-width:600px){main{padding:20px 12px}.workspace-heading>span{border:0;padding:0}.compact-controls .toolbar{flex-wrap:nowrap}.toolbar input{width:100%;min-width:0}.toolbar>div:first-child{flex:1}.toolbar button{width:auto;padding:10px 14px}.country-btn{padding:10px}.sidebar nav{flex-basis:100%}.sidebar .nav{font-size:12px}.prediction-presets{flex-wrap:wrap}}

.usage-strip{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 16px;color:var(--muted);font-size:10px}.usage-strip>span{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#081b13}.usage-strip>button{padding:5px 10px;background:#103523;color:var(--green);border:1px solid var(--line);border-radius:8px;cursor:pointer}.usage-strip details{font-size:11px}.usage-strip summary{cursor:pointer}.usage-strip details[open]{flex-basis:100%}#usageDetails{padding:12px;border:1px solid var(--line);border-radius:8px;line-height:1.6;max-width:850px}

#usageSection{padding:24px}.usage-nav{font-size:12px!important;color:var(--muted);padding-left:24px!important}#usageSection .usage-strip{font-size:12px}#usageSection details{width:100%}#usageSection details summary{padding:10px 0}

.usage-check{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.usage-check summary{cursor:pointer;color:var(--green)}.usage-check p{color:var(--muted);font-size:12px;line-height:1.7}.source-links{display:flex;gap:16px;flex-wrap:wrap;margin:14px 0}.source-links a{color:var(--green);font-size:12px}.usage-check-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}.usage-check-fields label{font-size:12px;color:var(--muted)}.usage-check-fields input,.usage-check-fields select{display:block;width:100%;margin-top:8px;background:#071b12;color:white;border:1px solid var(--line);border-radius:8px;padding:10px}#compareUsageResult{white-space:pre-line}

.collection-picker { margin: 18px 0 24px; display: grid; gap: 10px; }
#collectionButtons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.collection-choice { min-height: 44px; border: 1px solid #285443; border-radius: 10px; background: #0b241a; color: #c2d6ca; padding: 10px; text-align: left; font-weight: 600; cursor: pointer; }
.collection-choice.active { border-color: #17fb77; background: #17472f; color: #17fb77; }
.collection-choice:disabled { opacity: .45; cursor: default; }
.collection-choice:focus-visible { outline: 2px solid #17fb77; outline-offset: 2px; }
#collectionHint { color: #a9bdaf; line-height: 1.5; }
.collection-picker.hidden, #combineGroup.hidden { display: none; }

#apiOddsTools { display: grid; gap: 8px; margin: 12px 0; }
#apiOddsTools.hidden { display: none; }
#apiOddsHint { color: #a9bdaf; line-height: 1.5; }
.combine-leg { padding: 12px; border: 1px solid #285443; border-radius: 10px; margin: 8px 0; display: grid; gap: 6px; }
#combineTotal { color: #17fb77; font-weight: 700; font-size: 22px; }
.auto-category { display:flex; align-items:center; gap:8px; margin:10px 0; font-size:13px; color:#cfddd5; flex-wrap:wrap; }
.auto-category input { width:auto; accent-color:#16f779; }
.auto-category small { color:#94afa0; font-size:11px; }

/* Release 10: compact navigation and pinned countries; prediction editor stays intact. */
.favorite-country-panel{padding:14px 16px;background:#0a2118e8;border:1px solid #315a40;border-radius:14px;margin-bottom:16px}
.favorite-country-panel h2,.country-list-heading{font-size:12px;color:#bacbbe;margin:0 0 10px;font-weight:600}
.favorite-country-panel h2{color:#e0c47c}.favorite-country-panel .country-filters{margin:0}.favorite-hint{color:var(--muted);font-size:12px}
.country-choice{display:inline-flex;align-items:stretch;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#091d15}
.country-choice .country-btn{border:0;border-radius:0;padding:10px 12px}.country-star{width:38px;min-height:42px;background:transparent;border:0;border-left:1px solid var(--line);color:#9aada0;font-size:20px;cursor:pointer}.country-star.saved{color:#e0c47c;background:#233322}.country-star:hover{background:#193d2b}.country-star:focus-visible{outline:2px solid var(--green);outline-offset:-3px}
@media(min-width:1101px){.app{grid-template-columns:170px minmax(0,1fr)}.sidebar{padding:26px 14px}.sidebar .brand.small{font-size:20px}.sidebar nav{display:flex;flex-direction:column;flex:0;gap:8px;margin-top:30px}.sidebar .nav{min-height:42px;font-size:12px;padding:10px 12px}.sidebar .usage-nav{padding-left:12px!important;font-size:11px!important}.compact-controls{display:flex;gap:10px;justify-content:flex-start;align-items:center}.compact-controls .sport-selector{display:flex;gap:8px}.compact-controls .sport-btn{padding:10px 12px;min-height:42px;font-size:11px;gap:6px}.compact-controls .sport-icon{font-size:16px}.compact-controls .toolbar{display:flex;gap:8px}.compact-controls .toolbar input{min-height:42px;width:160px}.compact-controls .toolbar button{min-height:42px;padding:10px 16px;font-size:11px}}

.content-grid>*{min-width:0}.editor select{width:100%;max-width:100%;min-width:0}.editor input,.editor textarea{max-width:100%;min-width:0}@media(max-width:1100px){.content-grid{grid-template-columns:minmax(0,1fr)}}

@media(max-width:1100px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{min-width:0;max-width:100%}.sidebar nav{min-width:0;flex-wrap:wrap}.sidebar .nav{flex-shrink:1}.compact-controls,.compact-controls .sport-selector,.compact-controls .toolbar{min-width:0}}

.collection-icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.collection-choice{display:flex;align-items:center;gap:8px}

.vip-mode-selector{display:flex;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px}.vip-mode-selector.hidden{display:none}.vip-mode-selector button{flex:1;text-align:center;justify-content:center}

/* Corporate support mailbox */
.mail-heading{display:flex;align-items:center;gap:18px;margin:4px 0 22px;flex-wrap:wrap}.mail-heading>div{flex:1}.mail-heading h2{font-size:28px;margin:7px 0}.mail-heading p{margin:0;color:var(--muted)}.mail-connection{padding:9px 13px;border-radius:30px;border:1px solid var(--line);font-size:12px;color:var(--muted)}.mail-heading a,.mail-setup a{text-decoration:none;display:inline-block}.mail-nav-dot{width:6px;height:6px;border-radius:50%;background:var(--accent,#15f875);margin-left:auto}.mail-setup{max-width:760px}.mail-setup details{border:1px solid var(--line);border-radius:12px;padding:16px;margin:18px 0}.mail-setup summary{cursor:pointer;font-weight:700}.mail-setup dd{margin:6px 0 14px;overflow-wrap:anywhere;color:var(--accent,#15f875)}.mail-setup form{display:grid;gap:12px;max-width:540px}.mail-setup small{color:var(--muted)}.mail-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px}.mail-toolbar select{width:160px}.mail-toolbar input[type=search]{flex:1;min-width:180px}.mail-toggle{display:flex!important;align-items:center;gap:9px;font-size:13px!important;color:var(--muted);margin:0!important;cursor:pointer}.mail-toggle input{width:16px!important;height:16px;accent-color:#15f875;flex-shrink:0}.mail-sync{display:flex;gap:16px;align-items:center;color:var(--muted);font-size:12px;margin:14px 0 18px;flex-wrap:wrap}.mail-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(380px,1.4fr);gap:18px}.mail-list-panel{padding:0;overflow:hidden}.mail-list{max-height:650px;overflow:auto}.mail-row{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:inherit;padding:18px;cursor:pointer}.mail-row:hover,.mail-row.selected{background:rgba(21,248,117,.08)}.mail-row.selected{box-shadow:inset 3px 0 #15f875}.mail-row.unread b{color:#15f875}.mail-row-top{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:9px}.mail-row-top strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row-top time{font-size:10px;color:var(--muted);white-space:nowrap}.mail-row>b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row p{font-size:12px;line-height:1.6;color:var(--muted);margin:7px 0 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mail-pages{display:flex;justify-content:space-between;align-items:center;padding:12px;font-size:12px;border-top:1px solid var(--line)}.mail-reader{min-height:430px;min-width:0}.mail-reader-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.mail-reader h3{font-size:19px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mail-reader-heading button{flex-shrink:0}.mail-from{font-size:12px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.mail-privacy{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}.mail-body{font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9;margin:22px 0}.mail-empty-icon{display:block;font-size:48px;color:#15f875;margin:45px 0 18px}.mail-compose{margin-top:20px;max-width:1000px}.mail-compose form{display:grid;gap:10px}.mail-compose label{margin-top:12px}.mail-confirm{line-height:1.7;margin-top:16px!important}.mail-compose textarea{width:100%;resize:vertical}.mail-setup button,.mail-compose button[type=submit]{justify-self:start;margin-top:10px}.mail-row:focus-visible{outline:2px solid #15f875;outline-offset:-3px}
@media(max-width:1000px){.mail-grid{grid-template-columns:1fr}.mail-list{max-height:380px}.sidebar nav{flex-wrap:wrap}.mail-reader{min-height:300px}}@media(max-width:600px){.mail-heading h2{font-size:24px}.mail-toolbar>*{flex:1}.mail-toolbar .mail-toggle{flex-basis:100%}.mail-reader-heading{flex-wrap:wrap}}

.vip-search{display:flex;gap:12px;margin:12px 0}.vip-search input{flex:1}#vipGrant{display:grid;gap:12px;max-width:600px;margin-top:24px}.vip-grant-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;border:1px solid #28544b;border-radius:10px;margin:10px 0}#vipConfirm{max-width:540px;background:#0d1a12;color:#eef4ef;border:1px solid #397a59;border-radius:14px;padding:24px}#vipConfirm::backdrop{background:#000b}@media(max-width:650px){.vip-search,.vip-grant-row{flex-direction:column;align-items:stretch}}