:root{--bg:#080b10;--panel:#111722;--line:#263143;--text:#f5f7fb;--muted:#8e9bad;--accent:#f5c542;--success:#2ed47a}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 80% 0,#17112c 0,#080b10 42%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;background:#080b10ed;border-right:1px solid var(--line);overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px}.brand img{width:52px;height:52px;object-fit:cover;border-radius:14px;border:1px solid #e1b938}.brand b,.brand small{display:block}.brand small{font-size:11px;letter-spacing:2px;color:var(--accent)}nav{display:flex;flex-direction:column;gap:5px}.nav{border:0;background:transparent;color:#b7c1cf;padding:12px 14px;border-radius:11px;text-align:left;font-size:14px;cursor:pointer;text-decoration:none}.nav:hover,.nav.active{background:linear-gradient(90deg,#f5c54222,#7a52ff16);color:white}.nav.active{box-shadow:inset 3px 0 var(--accent)}.nav-label{font-size:10px;color:#596579;letter-spacing:1.6px;margin:16px 12px 5px}main{padding:0 28px 35px;min-width:0}header{height:86px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:24px;gap:14px}header h1{font-size:24px;margin:0}header p{margin:5px 0 0;color:var(--muted);font-size:13px}.page{display:none}.page.active{display:block}.btn{border:0;border-radius:10px;padding:11px 17px;font-weight:750;cursor:pointer}.primary{background:linear-gradient(135deg,var(--accent),#f18b1d);color:#17120a}.ghost{background:#182130;color:white;border:1px solid #2b384a}.success{background:var(--success);color:#05140b}.full{width:100%;margin-top:10px}.mini{background:#222c3b;color:#dce4ef;border:1px solid #354359;border-radius:8px;padding:7px 9px;cursor:pointer}.hero{min-height:330px;border:1px solid #2b3547;border-radius:24px;padding:48px;display:grid;grid-template-columns:1.4fr .6fr;align-items:center;background:linear-gradient(120deg,#151c29ee,#211742dd),radial-gradient(circle at 70% 20%,#7a52ff55,transparent 35%)}.hero h2{font-size:42px;line-height:1.06;max-width:720px;margin:10px 0 16px}.hero p{color:#aeb8c8;max-width:690px;line-height:1.6}.eyebrow{font-size:11px;color:var(--accent);letter-spacing:3px}.hero-mark{font-size:86px;text-align:center;filter:drop-shadow(0 0 25px #7a52ff88)}.hero-mark span{color:var(--accent);margin:0 6px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:18px}.stats article,.panel{background:linear-gradient(145deg,#121925,#0e141e);border:1px solid #273244;border-radius:16px}.stats article{padding:22px}.stats b{font-size:32px;display:block;color:var(--accent)}.stats span{color:var(--muted)}.workspace{display:grid;grid-template-columns:370px minmax(0,1fr);gap:20px}.controls{padding:20px;height:calc(100vh - 130px);overflow:auto}.section-title,.preview-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.controls h3{margin:0}.controls label{display:block;color:#aab5c5;font-size:12px;margin:15px 0 7px}.controls input,.controls select{width:100%;margin-top:6px;padding:11px;background:#0b111a;border:1px solid #2e3a4e;color:white;border-radius:9px}.event-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:320px;overflow:auto}.event-item{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:10px;border:1px solid #263246;border-radius:10px;background:#0b111a}.event-item b{font-size:12px}.event-item small{display:block;color:#8390a2;margin-top:3px}.loading,.api-note{padding:14px;border:1px dashed #36445a;border-radius:10px;color:#8e9bad;font-size:12px}.preview{padding:14px;min-width:0}.preview-top{height:44px;color:#91a0b3;font-size:12px;padding:0 6px 10px}.canvas-wrap{height:calc(100vh - 195px);overflow:auto;border-radius:12px;background:#05070a;display:flex;justify-content:center;padding:20px}canvas{width:min(100%,486px);height:auto;align-self:flex-start;box-shadow:0 20px 55px #000;border-radius:8px}.settings-grid{display:grid;grid-template-columns:1fr .8fr;gap:50px;padding:40px}.settings-grid label{display:block;color:#aab5c5;font-size:12px;margin-top:16px}.settings-grid input{display:block;width:100%;margin-top:7px;padding:12px;background:#0b111a;border:1px solid #2e3a4e;color:white;border-radius:9px}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.color-row input{height:46px;padding:4px}.logo-preview{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--muted)}.logo-preview img{width:300px;max-width:100%;border-radius:20px;border:1px solid #3b4658}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:8px 0 14px}.template-grid.two{grid-template-columns:repeat(2,1fr)}.template-card{padding:8px;border-radius:11px;border:1px solid #2b384a;background:#0b111a;color:#fff;text-align:left;cursor:pointer}.template-card.active{border-color:var(--accent);box-shadow:0 0 0 2px #f5c54222}.template-card b,.template-card small{display:block}.template-card b{margin-top:7px}.template-card small{font-size:9px;color:#8e9bad;margin-top:2px}.mock{height:78px;border-radius:7px;display:flex;gap:5px;padding:7px;overflow:hidden;border:1px solid #ffffff18}.mock i{display:block;border-radius:3px;background:#ffffffcc}.mock-neon{background:linear-gradient(135deg,#06020d,#4c1b78);flex-direction:column}.mock-neon i{height:14px}.mock-clean{background:#eef2f6;flex-direction:column}.mock-clean i{height:14px;background:#53606f}.mock-player{background:linear-gradient(90deg,#182f1c 34%,#ecf0e9 34%)}.mock-player i:first-child{width:28%;height:100%;background:#4ad05f}.mock-player i:not(:first-child){flex:1;height:18px;margin-top:10px;background:#d9e2d7}.mock-grid{background:linear-gradient(135deg,#003f25,#1f9c62);display:grid;grid-template-columns:1fr 1fr}.mock-grid i{height:26px}.mock-versus,.mock-spot{background:linear-gradient(135deg,#10151b,#303944);justify-content:space-between}.mock-versus i,.mock-spot i{width:43%;height:100%;background:linear-gradient(#888,#ddd)}.mock-spot{background:linear-gradient(135deg,#351000,#bb3b00)}.mock-octagon{background:linear-gradient(135deg,#020604,#0c6436)}.mock-fight{background:#eee}.mock-fight i{background:#444}.mock-main{background:linear-gradient(135deg,#280000,#cf1515)}.mock-list{background:linear-gradient(135deg,#1a1304,#b98917)}.mock-octagon,.mock-fight,.mock-main,.mock-list{flex-direction:column}.mock-octagon i,.mock-fight i,.mock-main i,.mock-list i{height:14px}.background-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.background-card{height:58px;border-radius:9px;border:1px solid #344258;color:white;font-size:9px;cursor:pointer;text-shadow:0 1px 3px #000}.background-card.active{outline:2px solid var(--accent);outline-offset:1px}.bg-stadium{background:radial-gradient(circle at 50% 70%,#39812f,#05100a 72%)}.bg-neon{background:linear-gradient(135deg,#160326,#7a14c5)}.bg-geometric{background:linear-gradient(135deg,#17344d,#0b1420)}.bg-light{background:linear-gradient(135deg,#fff,#cbd2dd);color:#111;text-shadow:none}.bg-fire{background:linear-gradient(135deg,#250500,#f14400)}.bg-cage{background:repeating-linear-gradient(45deg,#0b321d 0 8px,#06150d 8px 16px)}.bg-red{background:linear-gradient(135deg,#240000,#c40f17)}.bg-gold{background:linear-gradient(135deg,#201502,#c79722)}
.login-body{min-height:100svh;background:radial-gradient(circle at 70% 10%,#2b1749 0,#080b10 48%);display:grid;place-items:center;padding:14px}.login-shell{width:min(420px,100%);margin:0 auto}.login-card{background:linear-gradient(145deg,#141b26,#0c1118);border:1px solid #2d394b;border-radius:22px;padding:26px;box-shadow:0 30px 100px #0008;text-align:center}.login-logo{width:116px;height:116px;border-radius:22px;overflow:hidden;border:1px solid #d9b338;margin:0 auto 16px}.login-logo img{width:100%;height:100%;object-fit:cover}.login-card h1{font-size:28px;margin:8px 0}.login-card p{margin:5px 0 16px;color:var(--muted)}.login-card form{text-align:left}.login-card label{display:block;color:#aab5c5;font-size:12px;margin:13px 0}.login-card input{width:100%;margin-top:7px;padding:13px;background:#080d14;border:1px solid #344258;border-radius:10px;color:#fff}.login-card small{display:block;text-align:center;color:#69768a;margin-top:16px}.login-error{background:#5b1720;border:1px solid #b13a49;color:#ffdce0;padding:11px;border-radius:9px;margin:14px 0}
@media(max-width:980px){.app-shell{grid-template-columns:78px 1fr}.sidebar{padding:16px 10px}.brand div,.nav span,.nav-label{display:none}.brand{justify-content:center;padding:0 0 18px}.nav{text-align:center;font-size:19px;padding:12px 8px}.workspace{grid-template-columns:1fr}.controls{height:auto}.canvas-wrap{height:680px}.stats{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr;padding:30px}.hero h2{font-size:31px}.hero-mark{display:none}}
@media(max-width:600px){.app-shell{display:block}.sidebar{position:sticky;z-index:20;top:0;height:auto;padding:8px 10px;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto}.brand{display:none}.sidebar nav{flex-direction:row;min-width:max-content}.nav-label{display:none}.nav{font-size:13px;padding:9px 11px;white-space:nowrap}.nav span{display:inline}.logout{margin-left:8px}main{padding:0 10px 22px}header{height:auto;min-height:72px;padding:12px 0;margin-bottom:12px;align-items:flex-start}header h1{font-size:20px}header p{font-size:11px}header .btn{font-size:11px;padding:9px}.workspace{gap:10px}.controls{padding:14px}.preview{padding:8px}.canvas-wrap{height:590px;padding:8px}.preview-top span{font-size:10px}.template-grid{grid-template-columns:repeat(2,1fr)}.background-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr;padding:18px;gap:20px}.stats{grid-template-columns:1fr 1fr}.stats article{padding:14px}.hero{padding:22px;min-height:270px}.hero h2{font-size:28px}.login-body{display:flex;align-items:center;justify-content:center;padding:10px}.login-card{padding:18px;border-radius:18px}.login-logo{width:88px;height:88px;margin-bottom:10px}.login-card h1{font-size:23px}.login-card p{font-size:13px;margin-bottom:10px}.login-card label{margin:10px 0}.login-card input{padding:11px}.login-card small{font-size:10px}.eyebrow{font-size:9px}}

/* V0.4 corrections */
.danger{background:#6f1c29;color:#fff;border:1px solid #a53a4d}.danger:disabled,.btn:disabled{opacity:.45;cursor:not-allowed}.upload-control{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 14px}.upload-control .danger{grid-column:1/-1}.upload-control small{grid-column:1/-1;color:#8e9bad;padding:4px 2px}.template-card{position:relative;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.template-card.active:after{content:'✓ SELECIONADO';position:absolute;right:7px;top:7px;background:var(--accent);color:#15110a;font-size:8px;font-weight:900;border-radius:6px;padding:4px 6px}.template-card:active{transform:scale(.98)}
.login-shell{padding:0!important;min-width:0;max-width:100%}.login-card{width:100%}.login-card form{width:100%}
@media(max-width:600px){html,body.login-body{width:100%;min-height:100%;overflow-x:hidden}.login-body{padding:12px!important;align-items:flex-start!important}.login-shell{width:100%!important;max-width:360px!important;margin:18px auto!important}.login-card{padding:16px 14px!important;border-radius:16px!important}.login-logo{width:72px!important;height:72px!important;border-radius:16px!important}.login-card h1{font-size:20px!important;line-height:1.15}.login-card input{font-size:16px!important;height:46px!important}.login-card .btn{height:46px!important}.login-card small{line-height:1.35}.upload-control{grid-template-columns:1fr}.upload-control .danger,.upload-control small{grid-column:auto}}

/* V0.4.1 - dashboard mobile correction */
@media (max-width:600px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{min-width:0}
  .app-shell{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
  .sidebar{width:100%;max-width:100%;min-width:0;overflow:hidden;padding:8px 0}
  .sidebar nav{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .sidebar nav::-webkit-scrollbar{display:none}
  .nav{flex:0 0 auto}
  main{width:100%;max-width:100%;min-width:0;overflow-x:hidden;padding:0 10px 22px}
  header{width:100%;max-width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  header>div{min-width:0}
  header h1,header p{max-width:100%;overflow-wrap:anywhere}
  #dashboard{width:100%;max-width:100%;min-width:0;overflow:hidden}
  .hero{width:100%;max-width:100%;min-width:0;display:block;padding:20px 16px;border-radius:16px;overflow:hidden}
  .hero>div{width:100%;max-width:100%;min-width:0}
  .hero h2{width:100%;max-width:100%;font-size:25px;line-height:1.12;overflow-wrap:anywhere;word-break:normal}
  .hero p{width:100%;max-width:100%;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
  .hero .btn{display:block;width:100%;max-width:100%;white-space:normal;padding:12px 10px}
  .stats{width:100%;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .stats article{min-width:0;padding:13px 10px;overflow:hidden}
  .stats b{font-size:25px}
  .stats span{display:block;font-size:11px;line-height:1.25;overflow-wrap:anywhere}
}
@media (max-width:360px){
  header{grid-template-columns:1fr}
  header .btn{width:100%}
  .hero h2{font-size:23px}
  .stats{grid-template-columns:1fr}
}


/* V0.4.2 - correção real do dashboard e menu mobile */
.mobile-topbar,.menu-overlay{display:none}
@media(max-width:600px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{background:#080b10}
  .mobile-topbar{display:flex;position:sticky;top:0;z-index:50;height:58px;align-items:center;gap:12px;padding:0 12px;background:#090d14f2;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
  .mobile-menu-btn{width:40px;height:40px;border:1px solid #354157;border-radius:10px;background:#121925;color:#fff;font-size:22px;line-height:1;cursor:pointer}
  .mobile-brand{display:flex;align-items:center;gap:9px;min-width:0;font-size:13px;font-weight:800;letter-spacing:.5px}
  .mobile-brand img{width:34px;height:34px;border-radius:8px;object-fit:cover;border:1px solid #d4aa35}
  .menu-overlay{display:block;position:fixed;inset:58px 0 0;background:#0009;z-index:38;opacity:0;pointer-events:none;transition:.2s}
  .menu-overlay.open{opacity:1;pointer-events:auto}
  .app-shell{display:block;min-height:calc(100vh - 58px)}
  .sidebar{position:fixed;left:0;top:58px;bottom:0;width:min(84vw,320px);height:auto;z-index:40;padding:14px 12px 24px;border-right:1px solid var(--line);border-bottom:0;overflow-y:auto;overflow-x:hidden;transform:translateX(-105%);transition:transform .22s ease;background:#090d14}
  .sidebar.open{transform:translateX(0)}
  .brand{display:flex;padding:4px 6px 16px;justify-content:flex-start}
  .brand div{display:block}.brand img{width:46px;height:46px}.brand small{font-size:9px}
  .sidebar nav{display:flex;flex-direction:column;min-width:0;gap:4px}
  .nav-label{display:block;margin:14px 10px 4px;font-size:9px}
  .nav{width:100%;font-size:14px;padding:12px 13px;text-align:left;white-space:normal}
  .nav span{display:inline}.logout{margin-left:0;margin-top:8px}
  main{width:100%;max-width:100%;padding:0 14px 28px;overflow:hidden}
  header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:76px;padding:14px 0;margin-bottom:14px;align-items:center}
  header h1{font-size:22px;line-height:1.1;word-break:break-word}
  header p{font-size:12px;line-height:1.35;max-width:210px}
  header .btn{font-size:11px;padding:9px 10px;white-space:nowrap}
  .hero{display:block;min-height:0;padding:24px 20px;border-radius:18px}
  .hero h2{font-size:29px;line-height:1.12;margin:10px 0 14px}
  .hero p{font-size:15px;line-height:1.55;margin-bottom:20px}
  .hero .btn{width:100%;padding:15px 10px;font-size:16px}
  .hero-mark{display:none}
  .stats{grid-template-columns:1fr;gap:10px;margin-top:12px}
  .stats article{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;min-height:74px}
  .stats b{font-size:30px}.stats span{font-size:14px;text-align:right}
  .workspace{grid-template-columns:1fr;gap:12px}
  .controls,.preview{width:100%;min-width:0}
  .controls{padding:14px;height:auto;overflow:visible}
  .preview{padding:8px}
  .preview-top{height:auto;min-height:46px;flex-wrap:wrap}
  .canvas-wrap{height:auto;max-height:none;overflow:visible;padding:6px}
  canvas{width:100%;max-width:100%;border-radius:6px}
  .template-grid{grid-template-columns:1fr 1fr}
  .background-grid{grid-template-columns:1fr 1fr}
  .settings-grid{grid-template-columns:1fr;padding:16px;gap:18px}
}
@media(max-width:380px){
  main{padding-left:10px;padding-right:10px}
  header{grid-template-columns:1fr}
  header .btn{width:100%}
  header p{max-width:none}
  .hero h2{font-size:25px}
  .template-grid{grid-template-columns:1fr}
}

/* V0.4.3 - bloqueio definitivo do menu desktop no celular */
@media (max-width:600px){
  body.menu-open{overflow:hidden!important}
  .mobile-topbar{display:flex!important}
  .sidebar{position:fixed!important;top:58px!important;left:0!important;right:auto!important;bottom:0!important;width:min(84vw,320px)!important;max-width:320px!important;height:auto!important;display:block!important;overflow-y:auto!important;overflow-x:hidden!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;border-right:1px solid var(--line)!important;border-bottom:0!important;padding:14px 12px 24px!important;z-index:100!important}
  .sidebar.open{transform:translateX(0)!important}
  .sidebar nav{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;overflow:visible!important;padding:0!important}
  .sidebar .nav{display:block!important;width:100%!important;flex:none!important;text-align:left!important;white-space:normal!important}
  .menu-overlay{position:fixed!important;display:block!important;inset:58px 0 0!important;z-index:90!important}
  main{padding-top:0!important}
}

/* V0.4.4 - seletores recolhidos e geração em lotes */
.choice-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 8px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#101722;color:#fff;font-weight:800;cursor:pointer}
.choice-toggle span{transition:transform .2s}.choice-toggle.open span{transform:rotate(180deg)}
.choice-panel{display:none!important}.choice-panel.open{display:grid!important}
.selection-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:10px 0}.selection-actions .btn{padding:10px 8px;font-size:11px}
.batch-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:10px 0;padding:9px;border:1px solid var(--line);border-radius:12px;background:#0c121c}.batch-controls strong{text-align:center;font-size:12px;color:var(--accent)}
@media(max-width:600px){.selection-actions{grid-template-columns:1fr}.batch-controls{grid-template-columns:1fr}.batch-controls .btn{width:100%}}

/* V0.4.11 - painel, menu e botões modernizados (somente interface) */
@media (min-width:981px){
  .app-shell{grid-template-columns:290px minmax(0,1fr)}
  .sidebar{padding:24px 18px;background:linear-gradient(180deg,#0b1018f5,#070a10f8);box-shadow:18px 0 45px #0003}
  .brand{padding:2px 10px 28px;gap:14px}
  .brand img{width:58px;height:58px;border-radius:16px;box-shadow:0 0 0 4px #f5c54210,0 12px 28px #0007}
  .brand b{font-size:16px;letter-spacing:.4px}.brand small{font-size:10px;margin-top:4px}
  nav{gap:8px}
  .nav{min-height:52px;padding:15px 17px;border:1px solid transparent;border-radius:14px;font-size:15px;font-weight:720;letter-spacing:.05px;display:flex;align-items:center;gap:10px;transition:.18s ease}
  .nav:hover{transform:translateX(3px);background:linear-gradient(90deg,#f5c54220,#7a52ff18);border-color:#ffffff0e}
  .nav.active{background:linear-gradient(105deg,#f5c5422e,#7a52ff20);border-color:#f5c54245;box-shadow:inset 4px 0 var(--accent),0 10px 24px #0002;color:#fff}
  .nav-label{font-size:10px;margin:21px 14px 7px;color:#748198;font-weight:850}
  main{padding-left:34px;padding-right:34px}
}

.btn,.mini,.choice-toggle,.background-card,.template-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,filter .16s ease}
.btn{min-height:46px;padding:13px 19px;border-radius:13px;font-size:13px;box-shadow:0 8px 20px #0002}
.btn:hover,.mini:hover,.choice-toggle:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn:active,.mini:active,.choice-toggle:active{transform:translateY(0) scale(.985)}
.primary{box-shadow:0 10px 26px #f19a2230}.success{box-shadow:0 10px 26px #2ed47a22}.ghost{background:linear-gradient(145deg,#1a2534,#131b27)}
.mini{min-height:40px;padding:10px 13px;border-radius:11px;font-weight:760}
.choice-toggle{min-height:52px;padding:15px 16px;border-radius:14px;background:linear-gradient(145deg,#141d2a,#0e151f);font-size:13px;box-shadow:0 8px 22px #0002}
.choice-toggle.open{border-color:#f5c54275;box-shadow:0 0 0 3px #f5c54212}
.template-card{min-height:126px;padding:10px;border-radius:14px}.template-card:hover,.background-card:hover{transform:translateY(-2px);border-color:#f5c54280}
.background-card{height:68px;border-radius:12px;font-size:10px;font-weight:800}
.section-title{margin-bottom:4px}.section-title h3{font-size:18px}
.controls input,.controls select{min-height:46px;border-radius:12px;font-size:14px}
.event-item{padding:13px;border-radius:13px}.event-item b{font-size:13px}.event-item small{font-size:11px;line-height:1.4}
.selection-actions .btn{min-height:44px}.batch-controls{padding:12px;border-radius:14px;min-height:56px}.batch-controls strong{font-size:13px}
.preview-top .btn{min-height:40px;padding:9px 14px}

@media(max-width:600px){
  .mobile-topbar{height:66px;padding:0 14px;gap:13px;box-shadow:0 10px 30px #0005}
  .mobile-menu-btn{width:46px;height:46px;border-radius:13px;font-size:25px;background:linear-gradient(145deg,#182333,#0f1722);box-shadow:0 8px 20px #0004}
  .mobile-brand{font-size:14px;letter-spacing:.35px}.mobile-brand img{width:40px;height:40px;border-radius:11px}
  .menu-overlay{inset:66px 0 0!important}
  .sidebar{top:66px!important;width:min(88vw,340px)!important;max-width:340px!important;padding:18px 14px 30px!important;background:linear-gradient(180deg,#0b1019,#070a10)!important;box-shadow:22px 0 55px #0009}
  .brand{padding:4px 8px 20px}.brand img{width:54px;height:54px;border-radius:15px}.brand b{font-size:15px}
  .sidebar nav{gap:7px!important}
  .sidebar .nav{min-height:56px!important;padding:16px 16px!important;border-radius:15px!important;font-size:15px!important;font-weight:760!important;border:1px solid transparent!important;display:flex!important;align-items:center!important;gap:11px!important;background:#10172280!important}
  .sidebar .nav.active{background:linear-gradient(100deg,#f5c54230,#7a52ff22)!important;border-color:#f5c54255!important;box-shadow:inset 4px 0 var(--accent),0 10px 24px #0004!important}
  .sidebar .nav:active{transform:scale(.985)}
  .sidebar .nav-label{margin:18px 12px 5px!important;font-size:10px!important;font-weight:900!important;color:#718099!important}
  main{padding-left:12px!important;padding-right:12px!important}
  header{min-height:86px;padding:16px 0;gap:12px}
  header h1{font-size:24px}header p{font-size:13px}
  header .btn{min-height:46px;padding:12px 13px;font-size:12px;border-radius:12px}
  .hero{padding:26px 20px;border-radius:21px}.hero h2{font-size:30px}.hero .btn{min-height:54px;font-size:16px;border-radius:14px}
  .stats article{min-height:82px;border-radius:17px;padding:18px}.stats b{font-size:32px}.stats span{font-size:14px}
  .controls{padding:16px;border-radius:18px}.preview{border-radius:18px}
  .section-title{align-items:flex-start}.section-title h3{font-size:19px;line-height:1.2}.section-title .mini{min-height:44px;white-space:nowrap}
  .btn{min-height:50px;padding:14px 16px;font-size:14px;border-radius:14px}
  .mini{min-height:44px;padding:11px 13px;border-radius:12px}
  .choice-toggle{min-height:56px;padding:16px;font-size:14px;border-radius:15px}
  .selection-actions{gap:10px}.selection-actions .btn{min-height:50px;font-size:13px}
  .batch-controls{gap:10px;padding:11px}.batch-controls .btn{min-height:48px}.batch-controls strong{font-size:14px;padding:4px 0}
  .template-card{min-height:138px;padding:11px}.background-card{height:76px;font-size:11px}
  .controls input,.controls select{min-height:50px;font-size:16px;padding:12px}
  .event-item{min-height:58px;padding:13px}
  .preview-top .btn{min-height:44px}
}

/* V0.4.12 - favicon e debug logs */
.field-help{display:block;margin:-4px 0 12px;color:#8390a3;font-size:11px;line-height:1.45}
.identity-previews{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center}
.favicon-preview{width:100%;display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#0d141e}
.favicon-preview img{width:76px;height:76px;object-fit:cover;border-radius:18px;border:1px solid #ffffff20;box-shadow:0 10px 28px #0005}
.favicon-preview div{display:flex;flex-direction:column;gap:5px}.favicon-preview b{font-size:14px}.favicon-preview small{color:#8995a8;line-height:1.4}
.debug-panel{padding:22px}
.debug-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.debug-head h2{font-size:24px;margin-bottom:5px}.debug-head p{color:#8b96a8;line-height:1.5}
.debug-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.debug-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.debug-summary article{padding:16px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(145deg,#131c29,#0d141e);display:flex;align-items:center;justify-content:space-between}.debug-summary b{font-size:27px;color:var(--accent)}.debug-summary span{font-size:12px;color:#a8b1c0}
.debug-output{min-height:420px;max-height:68vh;overflow:auto;margin:0;padding:18px;border:1px solid var(--line);border-radius:15px;background:#05080d;color:#cbd5e1;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}
@media(max-width:600px){.debug-panel{padding:15px}.debug-head{flex-direction:column}.debug-actions{display:grid;grid-template-columns:1fr;width:100%}.debug-actions .btn{width:100%}.debug-summary{grid-template-columns:1fr}.debug-summary article{min-height:68px}.debug-output{min-height:360px;font-size:11px;padding:13px}.favicon-preview{align-items:flex-start}.favicon-preview img{width:68px;height:68px}}


/* V0.4.13 - seletores compactos com escudos e fotos */
.event-list{max-height:390px;gap:6px}
.event-item.event-item-media{grid-template-columns:16px 94px minmax(0,1fr);align-items:center;gap:8px;padding:7px 9px;min-height:58px;cursor:pointer}
.event-item.event-item-media>input{width:15px!important;height:15px!important;min-height:0!important;margin:0!important;padding:0!important;accent-color:var(--accent)}
.event-visual{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}
.thumb{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;overflow:hidden;background:#151e2b;border:1px solid #ffffff20}
.thumb.shield{border-radius:50%}.thumb.fighter{width:38px;height:42px;flex-basis:38px;border-radius:8px}
.thumb img{width:100%;height:100%;object-fit:contain;display:block}.thumb.fighter img{object-fit:cover;object-position:top center}
.thumb em{display:none;font-style:normal;font-size:10px;font-weight:900;color:#fff}.thumb.fallback em,.thumb:not(:has(img)) em{display:block}
.versus-mini{font-size:9px;font-weight:900;color:var(--accent);flex:0 0 auto}
.event-copy{min-width:0}.event-item.event-item-media b{display:block;font-size:11px;line-height:1.25;white-space:normal}.event-item.event-item-media small{font-size:9px;line-height:1.3;margin-top:2px}
.ufc-select-item{grid-template-columns:16px 104px minmax(0,1fr)!important}.ufc-bout-list{margin-top:12px}
.ufc-selection-actions{grid-template-columns:1fr 1fr}.ufc-selection-actions .btn{min-height:38px!important;padding:8px!important;font-size:10px!important}
@media(max-width:600px){
 .event-list{max-height:360px}.event-item.event-item-media{grid-template-columns:15px 88px minmax(0,1fr);padding:7px;min-height:56px}
 .event-item.event-item-media>input{width:14px!important;height:14px!important}.thumb{width:32px;height:32px;flex-basis:32px}.thumb.fighter{width:36px;height:40px;flex-basis:36px}
 .ufc-select-item{grid-template-columns:15px 98px minmax(0,1fr)!important}.event-item.event-item-media b{font-size:10px}.event-item.event-item-media small{font-size:8px}
 .ufc-selection-actions{grid-template-columns:1fr 1fr!important}.ufc-selection-actions .btn{min-height:40px!important;font-size:11px!important}
}

/* V0.4.14 - correção de alinhamento, login móvel e cores */
:root{--secondary:#080b10}
.event-item.event-item-media{grid-template-columns:112px minmax(0,1fr) 24px!important;align-items:center;gap:12px;padding:10px 12px;min-height:72px}
.event-item.event-item-media .event-check{grid-column:3;width:16px!important;height:16px!important;min-height:0!important;margin:0!important;padding:0!important;justify-self:end;align-self:center;accent-color:var(--accent)}
.event-visual{grid-column:1;justify-content:flex-start;gap:7px}
.event-copy{grid-column:2;text-align:left;min-width:0}
.event-copy b{font-size:12px!important;line-height:1.35!important;text-align:left!important}
.event-copy small{font-size:10px!important;line-height:1.45!important;text-align:left!important}
.event-copy small strong{color:var(--accent)}
.thumb{width:40px;height:40px;flex:0 0 40px}
.thumb.fighter{width:46px;height:52px;flex:0 0 46px;border-radius:9px}
.ufc-select-item{grid-template-columns:126px minmax(0,1fr) 24px!important;min-height:78px!important}
body,.sidebar{background-color:var(--secondary)}
.settings-grid,.panel,.stats article{border-color:color-mix(in srgb,var(--accent) 18%,#273244)}
@media(max-width:600px){
 .login-body{min-height:100dvh;padding:12px;overflow:auto;align-items:flex-start}
 .login-shell{width:100%;max-width:390px;margin:auto}
 .login-card{width:100%;padding:16px;border-radius:16px}
 .login-logo{width:76px;height:76px;border-radius:16px;margin-bottom:8px}
 .login-card h1{font-size:21px;line-height:1.15;margin:6px 0}
 .login-card p{font-size:12px;margin:4px 0 8px}
 .login-card label{font-size:11px;margin:8px 0}
 .login-card input{min-height:44px;padding:10px 11px;font-size:16px}
 .login-card .btn{min-height:46px;padding:11px;font-size:14px}
 .login-card small{margin-top:10px;font-size:9px}
 .event-item.event-item-media{grid-template-columns:102px minmax(0,1fr) 22px!important;gap:9px;padding:9px 10px;min-height:68px}
 .ufc-select-item{grid-template-columns:116px minmax(0,1fr) 22px!important;min-height:74px!important}
 .thumb{width:37px;height:37px;flex-basis:37px}
 .thumb.fighter{width:42px;height:48px;flex-basis:42px}
 .event-copy b{font-size:11px!important}.event-copy small{font-size:9px!important}
 .event-item.event-item-media .event-check{width:15px!important;height:15px!important}
}
@media(max-width:360px){
 .login-body{padding:8px}.login-card{padding:13px}.login-logo{width:66px;height:66px}
 .login-card h1{font-size:19px}.login-card input{min-height:42px}
 .event-item.event-item-media{grid-template-columns:94px minmax(0,1fr) 20px!important;padding:8px;gap:7px}
 .ufc-select-item{grid-template-columns:106px minmax(0,1fr) 20px!important}
 .thumb{width:34px;height:34px;flex-basis:34px}.thumb.fighter{width:38px;height:44px;flex-basis:38px}
}