/* PRO Launcher - Streaming Night (tema independente de dominio) */
:root{--bg:#080813;--surface:#111226;--surface2:#1b1631;--primary:#e31b63;--secondary:#7256ff;--text:#f6f3ff;--muted:#a7a1ba}
body.panel-page{background:radial-gradient(circle at 87% -10%,#2f1438,transparent 40%),#080813!important;color:var(--text)}
.panel-page .sidebar{background:linear-gradient(180deg,#141024,#080a18)!important;border-right:1px solid #403052!important}
.panel-page .sidebar nav a.active,.panel-page .sidebar nav a:hover{background:linear-gradient(90deg,#e31b6333,#7256ff30)!important;border-color:#ad4fff!important}
.panel-page .content,.panel-page .topbar{background:transparent!important}
.panel-page .panel,.panel-page .card,.panel-page .stat-card,.panel-page .metric-card,.panel-page .section-card{background:linear-gradient(135deg,#19172b,#100e20)!important;border:1px solid #ffffff17!important;color:#f6f3ff;box-shadow:0 10px 35px #0004!important;border-radius:16px!important}
.panel-page .btn-primary,.panel-page button.btn-primary{background:linear-gradient(110deg,#ed2864,#7a46f7)!important;border:0!important;color:white!important;box-shadow:0 8px 24px #db1d6330!important}
.panel-page input,.panel-page select,.panel-page textarea{border-color:#5c476f44}
.login-page{min-height:100vh!important;background:radial-gradient(circle at 78% 20%,#321346,transparent 38%),linear-gradient(135deg,#060913,#150a24 65%,#070810)!important;color:#fff!important}
.login-page .login-layout{width:min(1180px,96%);max-width:1180px;margin:5vh auto;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;border:1px solid #ffffff1b;border-radius:24px;box-shadow:0 24px 90px #000b;background:#0f1020}
.login-page .login-hero{background:linear-gradient(90deg,#07081588,#150e2a4d),url('infocusto-login.png') 68% 50%/cover no-repeat,#070815!important;min-height:650px;padding:45px!important;display:flex;flex-direction:column;justify-content:flex-end}
.login-page .login-hero h1{max-width:430px;font-size:clamp(32px,4vw,48px);color:white!important;text-shadow:0 3px 18px #000}
.login-page .login-hero p,.login-page .login-hero .eyebrow{color:#eee1ff!important;text-shadow:0 2px 12px #000}
.login-page .login-card{background:#0c0c1c!important;padding:42px!important;color:#f7f2ff!important}
.login-page .login-card h2{color:white!important}
.login-page .login-card p,.login-page label{color:#bdb3d0!important}
.login-page .login-card input{background:#141329!important;color:#fff!important;border:1px solid #51436c!important;border-radius:10px}
.login-page .login-card input:focus{border-color:#e83c9c!important;box-shadow:0 0 0 3px #f1227920!important}
.login-page .login-card button.btn-primary{background:linear-gradient(110deg,#f52f73,#7e42f6)!important;border:0!important;color:white!important;border-radius:10px!important}
.login-page .btn-whatsapp{background:#16372d!important;border:1px solid #249b63!important;border-radius:10px!important}
.login-page .btn-demo{background:#222044!important;border:1px solid #59509b!important;border-radius:10px!important;box-shadow:none!important}
.login-page .free-signup-link{display:flex;align-items:center;justify-content:center;background:linear-gradient(110deg,#ec2366,#6538d6);padding:14px 15px;border-radius:12px;text-decoration:none;color:white;font-weight:800;margin-top:15px}
.login-page .free-benefits{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;color:#d3cbea;font-size:12px}
.login-page .free-benefits span{background:#ffffff0c;border:1px solid #ffffff16;border-radius:9px;padding:8px}
.login-page .login-footer{border-color:#ffffff17!important}
@media(max-width:850px){.login-page .login-layout{display:flex;flex-direction:column;margin:2vh auto}.login-page .login-hero{min-height:270px;padding:28px!important;background-size:auto 100%!important}.login-page .login-card{padding:25px!important}}
/* cadastro */
.free-register{max-width:520px;margin:0 auto}.free-register h2{margin:0 0 12px;color:#fff}.free-register form{display:grid;gap:14px}.free-register label{display:block;margin-bottom:5px}.free-register input{display:block;width:100%;padding:13px}.free-register button{cursor:pointer;padding:14px;border-radius:10px;font-weight:bold}.free-register .error{border:1px solid #ff7099;background:#481629;color:#fff;padding:12px;border-radius:8px}

/* PATCH 21 - contraste reforcado em todas as metricas e cards */
body.panel-page .dashboard-stats .card.stat .value,
body.panel-page .dashboard-stats .card.stat .value.online-value,
body.panel-page .card.stat .value,
body.panel-page .stat .value,
body.panel-page .stat-card .value,
body.panel-page .metric-card .metric-value,
body.panel-page .panel .value {
  color:#ff497a !important;
  -webkit-text-fill-color:#ff497a !important;
  font-weight:900 !important;
  text-shadow:0 1px 0 #6d1a8a,0 0 15px rgba(147,48,232,.5) !important;
  letter-spacing:.015em !important;
}
body.panel-page .dashboard-stats .card.stat .label,
body.panel-page .section-title, body.panel-page .card.stat .label {color:#edd9ff !important;font-weight:800 !important;}
body.panel-page .stat-caption,body.panel-page .card.stat .stat-caption {color:#c7bbd9 !important;}
body.panel-page .card.stat,body.panel-page .dashboard-stats .card {background:linear-gradient(135deg,#24132f,#161025) !important;}
/* Imagem fornecida pelo proprietario; manter card de login legivel */
.login-page .login-hero{background:linear-gradient(0deg,rgba(5,5,15,.76),rgba(5,5,15,.08) 65%),url('infocusto-login.png') 66% center/cover no-repeat,#070815 !important;}
.login-page .login-hero h1,.login-page .login-hero p {text-shadow:0 3px 18px rgba(0,0,0,.95) !important;}
.login-page .free-benefits{display:none!important;}

/* PATCH 22: foto com tecnologia e legibilidade preservada. */
.login-page .login-hero{background:linear-gradient(0deg,rgba(4,8,12,.15),rgba(4,8,12,.04)),url('infocusto-login.png') 63% center/cover no-repeat,#03110b!important;}
.login-page .login-hero>.brand-mark,.login-page .login-hero>.eyebrow,.login-page .login-hero>h1,.login-page .login-hero>p,.login-page .login-hero>.login-features{display:none!important;}
@media(max-width:850px){.login-page .login-hero{background-position:63% 42%!important;min-height:245px!important;}}

/* Tecnologias ao redor do retrato, sem sobrescrever o rosto. */
.login-page .login-hero{position:relative!important}
.login-page .login-hero::after{content:"⊞ WINDOWS     ◈ KALI LINUX     ▣ VPS     ◉ SSD     ☁ HOSPEDAGEM     ▰ TV BOX";display:block;position:absolute;bottom:12px;left:4%;right:4%;padding:11px 12px;border-radius:12px;background:rgba(1,17,16,.76);border:1px solid rgba(29,244,165,.55);box-shadow:0 2px 14px rgba(0,255,148,.14);color:#a5ffe0;font-weight:900;letter-spacing:.1em;font-size:11px;text-align:center;line-height:1.9;pointer-events:none;z-index:1}



/* PATCH 26 — contraste de formulários e leitura. Não altera estrutura ou funcionalidades. */
:where(.content, .login-page, .app-shell) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="submit"]):not([type="button"]),
:where(.content, .login-page, .app-shell) select,
:where(.content, .login-page, .app-shell) textarea {
  background: #171428 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  caret-color: #fda4ef !important;
  border: 1px solid #75639b !important;
  opacity: 1 !important;
  font-weight: 600;
  color-scheme: dark;
}
:where(.content, .login-page, .app-shell) input::placeholder,
:where(.content, .login-page, .app-shell) textarea::placeholder {
  color: #d0c4e6 !important;
  -webkit-text-fill-color: #d0c4e6 !important;
  opacity: 1 !important;
  font-weight: 450;
}
:where(.content, .login-page, .app-shell) input:not([type="checkbox"]):not([type="radio"]):focus,
:where(.content, .login-page, .app-shell) select:focus,
:where(.content, .login-page, .app-shell) textarea:focus {
  background: #211638 !important;
  color: #ffffff !important;
  border-color: #e879f9 !important;
  box-shadow: 0 0 0 3px rgba(192, 92, 255, .24) !important;
  outline: none !important;
}
:where(.content, .login-page, .app-shell) input:-webkit-autofill,
:where(.content, .login-page, .app-shell) input:-webkit-autofill:hover,
:where(.content, .login-page, .app-shell) input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #171428 inset !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #fda4ef !important;
}
:where(.content, .login-page, .app-shell) select option { background: #171428; color: #fff; }
:where(.content, .login-page, .app-shell) label,
:where(.content, .login-page, .app-shell) .form-group > label {
  color: #eee7fc !important;
  opacity: 1 !important;
  font-weight: 700;
}
/* Em painéis brancos, mantém rótulos escuros e legíveis. */
:where(.content, .app-shell) :is(.panel-header, .panel-body, .card, .shortcut)[style*="background: white"] label {color:#182034 !important;}
:where(.content, .login-page, .app-shell) input:disabled,
:where(.content, .login-page, .app-shell) textarea:disabled {opacity:.74 !important;}