@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");

* { outline: none; box-sizing: border-box; }

:root {
	--theme-bg-color: rgba(16 18 27 / 40%);
	--border-color: rgba(113 119 144 / 25%);
	--theme-color: #f9fafb;
	--inactive-color: rgb(113 119 144 / 78%);
	--body-font: "Poppins", sans-serif;
	--hover-menu-bg: rgba(12 15 25 / 30%);
	--content-title-color: #999ba5;
	--content-bg: rgb(146 151 179 / 13%);
	--button-inactive: rgb(249 250 251 / 55%);
	--dropdown-bg: #21242d;
	--dropdown-hover: rgb(42 46 60);
	--popup-bg: rgb(22 25 37);
	--search-bg: #14162b;
	--overlay-bg: rgba(36, 39, 59, 0.3);
	--scrollbar-bg: rgb(1 2 3 / 40%);
	--red: #e8413a;
	--blackc: #2a3252;
	--white: #f4f6fb;
	--green: #3bf083;
	--yellow: #ffce4f;
	--blue: #3a6df0;
}

.light-mode {
	--theme-bg-color: rgb(255 255 255 / 31%);
	--theme-color: #3c3a3a;
	--inactive-color: #333333;
	--button-inactive: #3c3a3a;
	--search-bg: rgb(255 255 255 / 31%);
	--dropdown-bg: #f7f7f7;
	--overlay-bg: rgb(255 255 255 / 30%);
	--dropdown-hover: rgb(236 236 236);
	--border-color: rgb(255 255 255 / 35%);
	--popup-bg: rgb(255 255 255);
	--hover-menu-bg: rgba(255 255 255 / 35%);
	--scrollbar-bg: rgb(255 253 253 / 57%);
	--content-title-color: #3c3a3a;
}

html { box-sizing: border-box; -webkit-font-smoothing: antialiased; }
body.bzg-body {
	margin: 0;
	font-family: var(--body-font);
	color: var(--theme-color);
	background-image: url(https://wallpapershome.com/images/wallpapers/macos-big-sur-1280x720-dark-wwdc-2020-22655.jpg);
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.video-bg { position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
.video-bg video { width: 100%; height: 100%; object-fit: cover; }
img { max-width: 100%; }

body.bzg-body.light-mode:before,
body.bzg-body.light-mode .video-bg:before {
	content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100vh;
	background: linear-gradient(180deg, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0.45) 100%);
	backdrop-filter: saturate(3); -webkit-backdrop-filter: saturate(3); z-index: 1;
}

/* dark/light toggle */
.dark-light {
	position: fixed; bottom: 50px; right: 30px; background-color: var(--dropdown-bg);
	box-shadow: -1px 3px 8px -1px rgba(0,0,0,0.2); padding: 8px; border-radius: 50%; z-index: 6; cursor: pointer;
}
.dark-light svg { width: 24px; flex-shrink: 0; fill: #ffce45; stroke: #ffce45; transition: 0.5s; display: block; }
.light-mode .dark-light svg { fill: transparent; stroke: var(--theme-color); }

/* ===== App (full-screen) ===== */
.app {
	position: relative; z-index: 2;
	background-color: var(--theme-bg-color);
	width: 100vw; height: 100vh;
	display: flex; flex-direction: column; overflow: hidden;
	backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
	font-size: 15px; font-weight: 500; color: var(--theme-color);
}

/* ===== Header ===== */
.header {
	display: flex; align-items: center; flex-shrink: 0; height: 58px; width: 100%;
	border-bottom: 1px solid var(--border-color); padding: 0 30px; white-space: nowrap;
}
.header-menu { display: flex; align-items: center; }
.header-menu a {
	padding: 20px 30px; text-decoration: none; color: var(--inactive-color);
	border-bottom: 2px solid transparent; transition: 0.3s; cursor: pointer;
}
.header-menu a.is-active, .header-menu a:hover { color: var(--theme-color); border-bottom: 2px solid var(--theme-color); }

.notify { position: relative; }
.notify:before {
	content: ""; position: absolute; background-color: var(--blue);
	width: 6px; height: 6px; border-radius: 50%; right: 20px; top: 16px;
}

/* traffic lights — ocultos */
.menu-circle {
	display: none;
	width: 15px; height: 15px; background-color: #f96057; border-radius: 50%;
	box-shadow: 24px 0 0 0 #f8ce52, 48px 0 0 0 #5fcf65; margin-right: 195px; flex-shrink: 0;
}

.search-bar { height: 40px; display: flex; width: 100%; max-width: 400px; padding-left: 16px; border-radius: 4px; margin-left: 16px; }
.search-bar input {
	width: 100%; height: 100%; border: none; background-color: var(--search-bg); border-radius: 4px;
	font-family: var(--body-font); font-size: 15px; font-weight: 500; padding: 0 20px 0 40px; color: var(--theme-color);
	box-shadow: 0 0 0 2px rgba(134,140,160,0.02);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.966 56.966' fill='%23717790c7'%3e%3cpath d='M55.146 51.887L41.588 37.786A22.926 22.926 0 0046.984 23c0-12.682-10.318-23-23-23s-23 10.318-23 23 10.318 23 23 23c4.761 0 9.298-1.436 13.177-4.162l13.661 14.208c.571.593 1.339.92 2.162.92.779 0 1.518-.297 2.079-.837a3.004 3.004 0 00.083-4.242zM23.984 6c9.374 0 17 7.626 17 17s-7.626 17-17 17-17-7.626-17-17 7.626-17 17-17z'/%3e%3c/svg%3e");
	background-size: 14px; background-repeat: no-repeat; background-position: 16px 48%;
}
.search-bar input::placeholder { font-family: var(--body-font); color: var(--inactive-color); font-size: 15px; font-weight: 500; }

.header-profile { display: flex; align-items: center; padding: 0 16px 0 40px; margin-left: auto; flex-shrink: 0; }
.header-profile svg { width: 22px; color: var(--theme-color); flex-shrink: 0; }
.notification { position: relative; }
.notification-number {
	position: absolute; background-color: var(--blue); width: 16px; height: 16px; border-radius: 50%;
	font-size: 10px; display: flex; align-items: center; justify-content: center; color: #fff; right: -6px; top: -6px;
}
.notification + svg { margin-left: 22px; }
.profile-img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; border: 2px solid var(--theme-color); margin-left: 22px; }

/* ===== Wrapper: main (esq) + sidebar (DIREITA) ===== */
.wrapper { display: flex; flex-grow: 1; overflow: hidden; }
.main-container { display: flex; flex-direction: column; flex-grow: 1; min-width: 0; order: 1; }

/* sidebar à direita */
.right-side {
	flex-basis: 280px; flex-shrink: 0; order: 2;
	border-left: 1px solid var(--border-color); padding: 26px; overflow: auto;
}
.side-wrapper + .side-wrapper { margin-top: 20px; }
.side-title { color: var(--inactive-color); margin-bottom: 14px; }
.side-menu { display: flex; flex-direction: column; white-space: nowrap; }
.side-menu a {
	text-decoration: none; color: var(--theme-color); display: flex; align-items: center;
	font-weight: 400; padding: 10px; font-size: 14px; border-radius: 6px; transition: 0.3s; cursor: pointer;
}
.side-menu a:hover, .side-menu a.is-active { background-color: var(--hover-menu-bg); }
.side-menu a.is-active { font-weight: 600; }
.side-menu svg { width: 16px; margin-right: 8px; }

.main-header { display: flex; align-items: center; border-bottom: 1px solid var(--border-color); height: 58px; flex-shrink: 0; }
.main-header .header-menu { margin-left: 150px; }
.main-header .header-menu a { padding: 20px 24px; }
.menu-link-main { text-decoration: none; color: var(--theme-color); padding: 0 30px; }

.content-wrapper {
	display: flex; flex-direction: column; color: var(--theme-color); padding: 20px 40px;
	height: 100%; overflow: auto; background-color: var(--theme-bg-color);
}

/* hero / banner em gradiente (fiel) */
.content-wrapper-header {
	display: flex; align-items: center; width: 100%; justify-content: space-between;
	background-image: url("https://www.transparenttextures.com/patterns/cubes.png"),
		linear-gradient(to right top, #cf4af3, #e73bd7, #f631bc, #fd31a2, #ff3a8b, #ff4b78, #ff5e68, #ff705c, #ff8c51, #ffaa49, #ffc848, #ffe652);
	border-radius: 14px; padding: 20px 40px;
}
.content-wrapper-context { display: flex; align-items: center; gap: 22px; }
.img-content { font-weight: 500; font-size: 17px; display: flex; align-items: center; margin: 0; color: #fff; }
.bzg-hero-info { color: #fff; }
.bzg-hero-state { font-size: 22px; font-weight: 600; }
.bzg-hero-sub { font-weight: 400; font-size: 13px; margin-top: 6px; color: #ebecec; }
.bzg-hero-sub b { font-weight: 600; color: #fff; }
.bzg-hero-right { text-align: right; color: #fff; }
.bzg-hero-big { font-size: 40px; font-weight: 700; line-height: 1; }
.bzg-hero-big.is-graphing { animation: bzg-blink 0.8s infinite; }
@keyframes bzg-blink { 50% { opacity: 0.5; } }
.content-button {
	background-color: var(--blue); border: none; padding: 8px 26px; color: #fff; border-radius: 20px;
	margin-top: 16px; cursor: pointer; transition: 0.3s; white-space: nowrap; font-family: var(--body-font); font-weight: 500;
}
.content-button:hover { background: #1e59f1; }

.circle-big {
	width: 78px; height: 78px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
	font-size: 32px; font-weight: 700; color: #fff; flex-shrink: 0;
	box-shadow: 0 0 0 5px rgba(255,255,255,0.18), 0 10px 30px rgba(0,0,0,0.35);
}
.circle-big--red { background: radial-gradient(circle at 35% 30%, #ff6a62, var(--red)); }
.circle-big--black { background: radial-gradient(circle at 35% 30%, #38416a, var(--blackc)); }
.circle-big--white { background: radial-gradient(circle at 35% 30%, #fff, #d6dcf0); color: #1a2138; }

/* seções */
.content-section { margin-top: 30px; display: flex; flex-direction: column; }
.content-section-title { color: var(--content-title-color); margin-bottom: 14px; }

/* status circle (fiel) */
.status { font-size: 15px; position: relative; display: inline-flex; align-items: center; padding-left: 16px; color: var(--theme-color); }
.status-circle { width: 6px; height: 6px; background-color: var(--blue); position: absolute; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%); }
.status-circle.green { background-color: var(--green); }

/* app-cards (fiel) */
.apps-card { display: flex; align-items: stretch; flex-wrap: wrap; gap: 20px; }
.app-card {
	display: flex; flex-direction: column; width: calc(33.3% - 14px); font-size: 16px;
	background-color: var(--content-bg); border-radius: 14px; border: 1px solid var(--theme-bg-color);
	padding: 20px; transition: 0.3s ease;
}
.app-card:hover { transform: scale(1.02); background-color: var(--theme-bg-color); }
.app-card span { display: flex; align-items: center; }
.app-card__subtext { font-size: 14px; font-weight: 400; line-height: 1.6em; margin-top: 14px; }
@media screen and (max-width: 1110px) { .app-card { width: calc(50% - 10px); } }
@media screen and (max-width: 565px) { .app-card { width: 100%; } }

/* cartões genéricos no estilo do tema */
.bzg-card { background-color: var(--content-bg); border: 1px solid var(--theme-bg-color); border-radius: 14px; padding: 18px; }
.bzg-card--center { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.bzg-card-title { color: var(--content-title-color); font-size: 13px; margin-bottom: 12px; font-weight: 500; }
.bzg-card-title span { color: var(--inactive-color); font-weight: 400; }
.bzg-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
@media screen and (max-width: 1110px) { .bzg-grid { grid-template-columns: repeat(2, 1fr); } }

.bzg-bar { height: 8px; border-radius: 999px; background: rgba(255,255,255,0.10); overflow: hidden; margin-bottom: 4px; }
.bzg-bar-fill { display: block; height: 100%; width: 0; border-radius: 999px; transition: width 0.4s ease; }
.bzg-bar-fill--red { background: var(--red); } .bzg-bar-fill--black { background: #6b76a8; } .bzg-bar-fill--white { background: var(--white); }
.bzg-bar-row { display: flex; justify-content: space-between; font-size: 13px; color: var(--inactive-color); margin-bottom: 10px; font-weight: 400; }
.bzg-bar-row b { color: var(--theme-color); font-weight: 500; }
.bzg-big { font-size: 42px; font-weight: 700; line-height: 1; }
.bzg-big--red { color: var(--red); } .bzg-big--black { color: #aeb8e0; } .bzg-big--white { color: var(--white); }
.bzg-big-sub { font-size: 13px; color: var(--inactive-color); margin-top: 6px; font-weight: 400; }
.bzg-big-sub b { color: var(--theme-color); }
.bzg-ratio { font-size: 24px; font-weight: 700; }
.bzg-ratio-red { color: var(--red); } .bzg-ratio-black { color: #aeb8e0; } .bzg-ratio-sep { color: var(--inactive-color); margin: 0 4px; }

/* heatmap */
.bzg-heat { display: grid; grid-template-columns: repeat(15, 1fr); gap: 6px; }
.bzg-heat-cell { border-radius: 8px; padding: 8px 2px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 2px; border: 1px solid rgba(255,255,255,0.06); }
.bzg-heat-cell b { font-size: 14px; font-weight: 600; color: #fff; }
.bzg-heat-cell span { font-size: 11px; color: rgba(255,255,255,0.85); font-weight: 400; }
.bzg-heat-cell--red { background: var(--red); } .bzg-heat-cell--black { background: var(--blackc); } .bzg-heat-cell--white { background: #d6dcf0; }
.bzg-heat-cell--white b, .bzg-heat-cell--white span { color: #1a2138; }
.bzg-heat-cell.is-hot { box-shadow: 0 0 0 2px var(--yellow); }
@media screen and (max-width: 945px) { .bzg-heat { grid-template-columns: repeat(8, 1fr); } }

/* tiles (giros) */
.bzg-timeline { display: flex; flex-wrap: wrap; gap: 6px; max-height: 320px; overflow-y: auto; }
.bzg-tile { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 9px; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 14px; color: #fff; border: 1px solid rgba(255,255,255,0.06); }
.bzg-tile--red { background: linear-gradient(160deg, #ff5a52, var(--red)); }
.bzg-tile--black { background: linear-gradient(160deg, #38416a, var(--blackc)); }
.bzg-tile--white { background: linear-gradient(160deg, #fff, #d6dcf0); color: #1a2138; }
.bzg-tile.is-new { animation: bzg-pop 0.5s ease; box-shadow: 0 0 0 2px var(--red); }
@keyframes bzg-pop { 0% { transform: scale(0.4); opacity: 0; } 60% { transform: scale(1.12); } 100% { transform: scale(1); opacity: 1; } }
.bzg-crash { min-width: 64px; padding: 9px 12px; border-radius: 9px; text-align: center; font-weight: 600; font-size: 14px; border: 1px solid var(--border-color); background: var(--content-bg); }
.bzg-crash--low { color: #9aa4c6; } .bzg-crash--high { color: var(--green); border-color: rgba(59,240,131,0.35); }
.bzg-crash--epic { color: #1a2138; background: linear-gradient(160deg, var(--yellow), #ffb020); border-color: transparent; }
.bzg-empty { color: var(--inactive-color); font-size: 13px; padding: 12px 0; font-weight: 400; }

/* painéis por modo */
.bzg-pane { display: none; }
.bzg-pane.is-active { display: block; }
.bzg-section + .bzg-section { margin-top: 28px; }

/* controles na sidebar */
.bzg-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.bzg-field label { font-size: 12px; color: var(--inactive-color); font-weight: 400; }
.bzg-field input, .bzg-field select {
	height: 38px; background: var(--search-bg); color: var(--theme-color); border: 1px solid var(--border-color);
	border-radius: 6px; padding: 0 10px; font-size: 14px; font-family: var(--body-font); color-scheme: dark;
}
.light-mode .bzg-field input, .light-mode .bzg-field select { color-scheme: light; }
.bzg-btn {
	height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: 100%;
	border: none; background: var(--blue); color: #fff; border-radius: 20px; padding: 0 18px; font-size: 14px;
	font-weight: 500; cursor: pointer; font-family: var(--body-font); transition: 0.3s; margin-bottom: 10px;
}
.bzg-btn:hover { background: #1e59f1; }
.bzg-btn--ghost { background: none; color: var(--button-inactive); border: 1px solid var(--button-inactive); }
.bzg-btn--ghost:hover { background: none; color: var(--red); border-color: var(--red); }
.bzg-status-pill { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--inactive-color); padding: 8px 14px; border: 1px solid var(--border-color); border-radius: 999px; background: var(--content-bg); font-weight: 400; }
.bzg-status-pill.is-ok { color: var(--green); border-color: rgba(59,240,131,0.4); }
.bzg-status-pill.is-warn { color: var(--yellow); border-color: rgba(255,206,79,0.4); }
.bzg-status-pill.is-err { color: var(--red); border-color: rgba(232,65,58,0.4); }
.bzg-status-pill .bzg-dot2 { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }

::-webkit-scrollbar { width: 6px; border-radius: 10px; }
::-webkit-scrollbar-thumb { background: var(--scrollbar-bg); border-radius: 10px; }

/* responsivo */
@media screen and (max-width: 945px) {
	.right-side { display: none; }
	.menu-circle { display: none; }
}
@media screen and (max-width: 610px) {
	.header-menu a:not(.main-header-link) { display: none; }
	.search-bar, .header-profile { display: none; }
	.content-wrapper { padding: 16px; }
	.bzg-hero-big { font-size: 30px; }
	.bzg-grid { grid-template-columns: 1fr; }
}

/* expandir historico (modo Tudo) */
.bzg-history-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.bzg-expand-btn { background: var(--content-bg); border: 1px solid var(--border-color); color: var(--theme-color); width: 32px; height: 32px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; flex-shrink: 0; }
.bzg-expand-btn:hover { border-color: var(--theme-color); }
.bzg-expand-btn svg { width: 16px; }
.bzg-expand-btn.is-on { background: var(--blue); border-color: transparent; color: #fff; }
.content-wrapper.history-expanded .bzg-pane[data-pane="3"] { order: -1; }
.content-wrapper.history-expanded [data-role="dbl-history"] { max-height: calc(100vh - 210px); }


/* ---- v1.4.4: blocos achatados, expandir, hora por giro, relógio ---- */
.content-wrapper { gap: 22px; }
.bzg-seg.content-section { margin-top: 0; }
.bzg-seg { display: none; }
.bzg-seg.is-active { display: flex; flex-direction: column; }
.bzg-block-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.bzg-dim { color: var(--inactive-color); font-weight: 400; }

.bzg-seg.is-expanded { order: -1; }
.bzg-seg.is-expanded .bzg-timeline { max-height: calc(100vh - 240px); }

.bzg-tilewrap { display: flex; flex-direction: column; align-items: center; gap: 3px; }
.bzg-tiletime { font-size: 10px; color: var(--inactive-color); font-weight: 400; line-height: 1; font-variant-numeric: tabular-nums; }

.bzg-clock { display: flex; align-items: center; gap: 8px; margin-right: 18px; padding: 5px 12px; border: 1px solid var(--border-color); border-radius: 10px; background: var(--content-bg); flex-shrink: 0; }
.bzg-clock-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 0 rgba(59,240,131,0.6); animation: bzg-pulse 1.6s infinite; flex-shrink: 0; }
@keyframes bzg-pulse { 0% { box-shadow: 0 0 0 0 rgba(59,240,131,0.5); } 70% { box-shadow: 0 0 0 7px rgba(59,240,131,0); } 100% { box-shadow: 0 0 0 0 rgba(59,240,131,0); } }
.bzg-clock-body { display: flex; flex-direction: column; line-height: 1.15; }
.bzg-clock-time { font-size: 14px; font-weight: 600; color: var(--theme-color); font-variant-numeric: tabular-nums; }
.bzg-clock-tz { font-size: 9px; text-transform: uppercase; letter-spacing: 1px; color: var(--inactive-color); }
@media screen and (max-width: 610px) { .bzg-clock { display: none; } }


/* ---- v1.4.5: hero-right, relógio sem caixa, mobile ---- */
.content-wrapper-header { flex-wrap: wrap; gap: 20px; }
.bzg-hero-right { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; text-align: right; color: #fff; min-width: 200px; }
.bzg-hero-rlabel { font-size: 11px; text-transform: uppercase; letter-spacing: 2px; opacity: 0.92; }
.bzg-hero-cinfo { font-size: 12px; line-height: 1.6; opacity: 0.95; max-width: 320px; }

.bzg-clock { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.2; margin-right: 20px; padding: 0; border: none; background: none; }
.bzg-clock-time { font-size: 18px; font-weight: 600; color: var(--theme-color); font-variant-numeric: tabular-nums; letter-spacing: 0.5px; }
.bzg-clock-tz { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: var(--inactive-color); }
.bzg-clock-tz em { font-style: normal; color: var(--green); font-weight: 600; }

@media screen and (max-width: 1055px) { .main-header .header-menu { margin-left: 20px; } }
@media screen and (max-width: 945px) {
	body.bzg-body { overflow: auto; }
	.app { height: auto; min-height: 100vh; }
	.wrapper { flex-direction: column; overflow: visible; }
	.main-container { order: 1; }
	.right-side { display: block; flex-basis: auto; width: 100%; border-left: none; border-top: 1px solid var(--border-color); order: 3; }
	.content-wrapper { height: auto; overflow: visible; }
}
@media screen and (max-width: 610px) {
	.header { flex-wrap: wrap; height: auto; padding: 10px 14px; gap: 6px 10px; }
	.header-menu { order: 3; width: 100%; overflow-x: auto; }
	.header-menu a:not(.main-header-link) { display: block; padding: 10px 14px; }
	.search-bar { display: none; }
	.header-profile { margin-left: auto; padding: 0; }
	.bzg-clock { display: flex; margin-right: 0; align-items: flex-start; }
	.main-header { height: auto; flex-wrap: wrap; padding: 4px 14px; }
	.main-header .menu-link-main { display: none; }
	.main-header .header-menu { margin: 0; width: 100%; }
	.content-wrapper { padding: 14px; }
	.content-wrapper-header { flex-direction: column; align-items: flex-start; padding: 18px; }
	.bzg-hero-right { align-items: flex-start; text-align: left; min-width: 0; }
	.bzg-grid { grid-template-columns: 1fr; }
	.bzg-clock-tz, .bzg-clock-time { text-align: left; }
}


/* ---- v1.4.6: ocultar bloco, sidebar à esquerda, horários sólidos ---- */
.bzg-block-tools { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.bzg-hide-btn { background: var(--content-bg); border: 1px solid var(--border-color); color: var(--theme-color); width: 32px; height: 32px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; flex-shrink: 0; }
.bzg-hide-btn:hover { border-color: var(--theme-color); }
.bzg-hide-btn svg { width: 16px; }
.bzg-hide-btn.is-off { background: var(--blue); border-color: transparent; color: #fff; }

.bzg-seg.is-hidden { order: 99; }
.bzg-seg.is-hidden .bzg-card, .bzg-seg.is-hidden .bzg-grid { display: none; }
.bzg-seg.is-hidden .bzg-expand-btn { display: none; }
.bzg-seg.is-hidden .content-section-title { margin-bottom: 0; }
.bzg-seg.is-hidden .content-section-title > span:first-child { opacity: 0.6; font-size: 12px; font-weight: 400; }

/* sidebar à esquerda */
.right-side { order: 0; border-left: none; border-right: 1px solid var(--border-color); }

/* horários sólidos: branco no escuro, preto no claro */
.bzg-clock-time, .bzg-tiletime { color: #fff; }
.light-mode .bzg-clock-time, .light-mode .bzg-tiletime { color: #000; }

@media screen and (max-width: 945px) {
	.right-side { order: 3; border-right: none; border-top: 1px solid var(--border-color); }
}


/* ---- v1.4.7: arrastar blocos ---- */
.bzg-drag-btn { background: var(--content-bg); border: 1px solid var(--border-color); color: var(--inactive-color); width: 32px; height: 32px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; cursor: grab; transition: 0.3s; flex-shrink: 0; }
.bzg-drag-btn:hover { border-color: var(--theme-color); color: var(--theme-color); }
.bzg-drag-btn:active { cursor: grabbing; }
.bzg-drag-btn svg { width: 16px; }
.bzg-seg.is-dragging { opacity: 0.5; outline: 2px dashed var(--blue); outline-offset: 4px; }
.bzg-seg.is-hidden .bzg-drag-btn { display: none; }


/* ---- v1.5.0: Double sólido + borda circular ---- */
.bzg-dblstyle .bzg-tile--red, .bzg-dblstyle .circle-big--red, .bzg-dblstyle .bzg-heat-cell--red { background: var(--dbl-red, #e23b3b); }
.bzg-dblstyle .bzg-tile--black, .bzg-dblstyle .circle-big--black, .bzg-dblstyle .bzg-heat-cell--black { background: var(--dbl-black, #141828); }
.bzg-dblstyle .bzg-tile--white, .bzg-dblstyle .circle-big--white, .bzg-dblstyle .bzg-heat-cell--white { background: var(--dbl-white, #f4f6fb); }
.bzg-dblstyle .bzg-tile--white, .bzg-dblstyle .circle-big--white { color: #1a2138; }
.bzg-dblcircle .bzg-tile { position: relative; }
.bzg-dblcircle .bzg-tile::before { content: ""; position: absolute; inset: 5px; border: 2px solid rgba(255,255,255,0.85); border-radius: 50%; pointer-events: none; }
.bzg-dblcircle .bzg-tile--white::before { border-color: rgba(26,33,56,0.55); }


/* ---- v1.6.0: landing / wizard de cadastro ---- */
.bzl-overlay { position: fixed; inset: 0; z-index: 50; display: flex; align-items: center; justify-content: center; background: rgba(10,14,23,0.7); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.bzl-overlay[hidden] { display: none; }
.bzl-modal { position: relative; width: 92%; max-width: 420px; background: var(--theme-bg-color, rgba(16,18,27,0.7)); border: 1px solid var(--border-color, rgba(113,119,144,0.25)); border-radius: 16px; padding: 28px; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); color: var(--theme-color, #f9fafb); }
.bzl-close { position: absolute; top: 10px; right: 14px; background: none; border: none; color: var(--theme-color, #f9fafb); font-size: 24px; line-height: 1; cursor: pointer; }
.bzl-step { display: none; }
.bzl-step.is-active { display: block; }
.bzl-step h3 { margin: 0 0 14px; font-weight: 600; font-size: 18px; }
.bzl-step input { width: 100%; height: 44px; background: var(--search-bg, #14162b); color: var(--theme-color, #f9fafb); border: 1px solid var(--border-color, rgba(113,119,144,0.25)); border-radius: 8px; padding: 0 12px; font-size: 15px; font-family: inherit; color-scheme: dark; }
.light-mode .bzl-step input { color-scheme: light; }
.bzl-step input[type="file"] { padding: 10px; height: auto; }
.bzl-msg { min-height: 20px; margin: 14px 0 4px; font-size: 13px; color: var(--green, #2bd47a); }
.bzl-msg.is-err { color: var(--red, #e8413a); }
.bzl-actions { display: flex; justify-content: space-between; gap: 10px; margin-top: 16px; }
.bzl-actions .bzg-btn { width: auto; flex: 1; margin-bottom: 0; }


/* ---- v1.6.1: cards de planos (estrutura do modelo + tema glass) ---- */
.bzp-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 22px; }
.bzp-card { position: relative; display: flex; flex-direction: column; padding: 28px 24px; border-radius: 16px; overflow: hidden; min-height: 420px; background: var(--content-bg); border: 1px solid var(--border-color); transition: transform .3s ease, border-color .3s ease; font-family: var(--body-font); }
.bzp-card:hover { transform: translateY(-5px); border-color: var(--theme-color); }
.bzp-card.is-highlight { border: 2px solid var(--theme-color); }
.bzp-popular { position: absolute; top: 14px; right: 14px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 10px; border-radius: 999px; background: rgba(255,255,255,0.12); color: var(--theme-color); }
.bzp-name { font-size: 22px; font-weight: 600; text-align: center; margin-bottom: 18px; color: var(--theme-color); }
.bzp-price { text-align: center; margin-bottom: 22px; color: var(--theme-color); }
.bzp-currency { font-size: 20px; vertical-align: top; margin-right: 2px; opacity: .85; }
.bzp-amount { font-size: 46px; font-weight: 700; }
.bzp-free { font-size: 40px; font-weight: 700; }
.bzp-period { color: var(--inactive-color); margin-left: 4px; font-size: 14px; }
.bzp-features { list-style: none; margin: 0 0 22px; padding: 0; flex: 1; }
.bzp-features li { padding: 9px 0; color: var(--inactive-color); text-align: center; font-size: 14px; border-bottom: 1px solid var(--border-color); }
.bzp-features li:last-child { border-bottom: none; }
.bzp-cta { width: 100%; padding: 13px; border-radius: 10px; font-size: 15px; font-weight: 600; cursor: pointer; font-family: var(--body-font); border: 1px solid var(--theme-color); background: transparent; color: var(--theme-color); text-align: center; text-decoration: none; display: block; transition: .3s; }
.bzp-cta:hover { background: var(--hover-menu-bg); }
.bzp-card.is-highlight .bzp-cta { background: var(--theme-color); color: #11151f; border-color: transparent; }
.light-mode .bzp-card.is-highlight .bzp-cta { color: #fff; }
.bzp-cta.is-disabled { opacity: .45; cursor: not-allowed; }
@media screen and (max-width: 560px) { .bzp-grid { grid-template-columns: 1fr; } .bzp-card { min-height: 0; } }


/* ---- v1.6.3: H1 da landing + grade mobile 2 colunas ---- */
.bzl-top { text-align: center; padding: 34px 16px 4px; max-width: 900px; margin: 0 auto; }
.bzl-h1 { font-size: 38px; font-weight: 700; line-height: 1.15; color: var(--theme-color); margin: 0 0 14px; font-family: var(--body-font); }
.bzl-h1desc { font-size: 16px; line-height: 1.7; color: var(--inactive-color); margin: 0; }
@media screen and (max-width: 700px) {
	.bzp-grid { grid-template-columns: 1fr; gap: 14px; }
	.bzp-card { min-height: 0; padding: 18px 14px; }
	.bzp-name { font-size: 18px; }
	.bzp-amount { font-size: 34px; }
	.bzp-free { font-size: 30px; }
	.bzp-features li { font-size: 13px; padding: 7px 0; }
	.bzl-h1 { font-size: 26px; }
	.bzl-h1desc { font-size: 14px; }
}
@media screen and (max-width: 380px) { .bzp-grid { grid-template-columns: 1fr; } }


/* ---- v1.6.4: landing centralizada + rodape + foto topo ---- */
.bzl-page .content-wrapper { align-items: center; padding-top: var(--bzl-pt, 40px); padding-bottom: var(--bzl-pb, 40px); }
.bzl-page .content-wrapper > * { width: 100%; max-width: var(--bzl-maxw, 1000px); margin-left: auto; margin-right: auto; }
.bzl-footer { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 26px 16px 10px; margin-top: 28px; border-top: 1px solid var(--border-color); text-align: center; }
.bzl-wa { display: inline-flex; align-items: center; gap: 9px; background: #25d366; color: #07210f; font-weight: 600; padding: 12px 24px; border-radius: 999px; text-decoration: none; font-family: var(--body-font); transition: .3s; }
.bzl-wa:hover { background: #1fbe5a; }
.bzl-wa svg { width: 20px; height: 20px; }
.bzl-contact { font-size: 13px; color: var(--inactive-color); line-height: 1.7; }


/* ---- v1.6.5: rodape seguranca + tela de login ---- */
.bzl-trust { list-style: none; margin: 10px auto 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px 26px; max-width: 660px; text-align: left; }
.bzl-trust li { font-size: 13px; color: var(--inactive-color); }
@media (max-width: 560px) { .bzl-trust { grid-template-columns: 1fr; } }

.bzlg-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px; position: relative; z-index: 2; }
.bzlg-card { width: 100%; max-width: 380px; background: var(--theme-bg-color); border: 1px solid var(--border-color); border-radius: 18px; padding: 36px 30px; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); color: var(--theme-color); font-family: var(--body-font); }
.bzlg-card h2 { text-align: center; margin: 0 0 24px; font-weight: 600; font-size: 26px; }
.bzlg-input { position: relative; margin-bottom: 16px; }
.bzlg-input input { width: 100%; height: 48px; background: var(--search-bg); border: 1px solid var(--border-color); border-radius: 10px; color: var(--theme-color); font-size: 15px; padding: 0 44px; font-family: inherit; color-scheme: dark; }
.light-mode .bzlg-input input { color-scheme: light; }
.bzlg-ic { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; opacity: .8; color: var(--theme-color); }
.bzlg-eye { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; color: var(--theme-color); opacity: .65; padding: 6px; }
.bzlg-eye svg { width: 18px; height: 18px; display: block; }
.bzlg-eye.is-on { opacity: 1; }
.bzlg-remember { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: var(--inactive-color); margin: 4px 0 14px; }
.bzlg-remember a { color: var(--theme-color); text-decoration: none; }
.bzlg-btn { width: 100%; height: 48px; border: none; border-radius: 10px; background: var(--theme-color); color: #11151f; font-weight: 600; font-size: 15px; cursor: pointer; font-family: inherit; }
.light-mode .bzlg-btn { color: #fff; }
.bzlg-btn:hover { opacity: .9; }
.bzlg-alt { text-align: center; font-size: 13px; color: var(--inactive-color); margin-top: 18px; }
.bzlg-alt a { color: var(--theme-color); }


/* ---- v1.6.6: wizard com layout da tela de login ---- */
.bzl-modal { position: relative; }
.bzl-modal h2 { text-align: center; margin: 0 0 22px; font-weight: 600; font-size: 24px; }
.bzl-filelabel { display: block; font-size: 14px; color: var(--theme-color); margin-bottom: 10px; }
.bzlg-file { width: 100%; background: var(--search-bg); border: 1px solid var(--border-color); border-radius: 10px; color: var(--theme-color); padding: 11px; font-size: 14px; font-family: var(--body-font); }
.light-mode .bzlg-file { color-scheme: light; }
.bzl-actions { display: flex; gap: 10px; margin-top: 16px; }
.bzl-actions .bzlg-btn { flex: 1; margin: 0; width: auto; }
.bzlg-ghost { flex: 0 0 auto; height: 48px; padding: 0 18px; border: 1px solid var(--border-color); background: transparent; color: var(--theme-color); border-radius: 10px; font-weight: 600; font-size: 15px; cursor: pointer; font-family: var(--body-font); }
.bzlg-ghost:hover { border-color: var(--theme-color); }


/* ---- v1.6.7: cadastro identico ao login ---- */
.bzl-modal h2 { font-size: 26px; margin: 0 0 24px; font-weight: 600; }
.bzl-modal .bzlg-alt { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.bzl-prevlink { background: none; border: none; color: var(--theme-color); cursor: pointer; font-family: var(--body-font); font-size: 13px; padding: 0; }
.bzl-prevlink:hover { text-decoration: underline; }


/* ---- v1.6.8: cadastro simples + descricao ---- */
.bzl-desc { text-align: center; font-size: 13px; color: var(--inactive-color); line-height: 1.6; margin: -10px 0 20px; }
.bzl-steps[data-mode="simple"] .bzl-step { display: block; margin-bottom: 14px; }
.bzl-steps[data-mode="simple"] .bzl-step:last-child { margin-bottom: 0; }


/* ---- v1.6.9: carrinho + seletor de foto ---- */
.bzg-cart { position: relative; display: inline-flex; align-items: center; color: var(--theme-color); margin-left: 22px; }
.bzg-cart svg { width: 22px; height: 22px; }
.bzg-cartcount { position: absolute; top: -7px; right: -9px; background: var(--red); color: #fff; font-size: 10px; min-width: 16px; height: 16px; border-radius: 999px; display: flex; align-items: center; justify-content: center; padding: 0 4px; font-weight: 700; }
.bzl-filepick { display: flex; align-items: center; gap: 10px; width: 100%; height: 48px; padding: 0 14px; background: var(--search-bg); border: 1px solid var(--border-color); border-radius: 10px; color: var(--theme-color); cursor: pointer; font-family: var(--body-font); font-size: 14px; transition: .3s; }
.bzl-filepick:hover { border-color: var(--theme-color); }
.bzl-filepick svg { width: 18px; height: 18px; opacity: .8; flex-shrink: 0; }
.bzl-filepick span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: .85; }
.bzl-filepick input[type="file"] { display: none; }
.content-section ul li.adobe-product .products { width: auto; flex: 1; min-width: 0; }

/* ===================== Rodapé glass (v1.7.0) ===================== */
.bzf { margin-top: 44px; }
.bzf-wrap { display: flex; flex-direction: column; gap: 18px; }
.bzf-rail { background-color: var(--content-bg); border: 1px solid var(--border-color); border-radius: 18px; padding: 26px 30px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.bzf-rail h2 { margin: 0 0 6px; font-size: 22px; color: var(--theme-color); font-weight: 700; }
.bzf-rail p { margin: 0; color: var(--inactive-color); font-size: 14px; line-height: 1.6; max-width: 540px; }
.bzf-cta { width: auto !important; display: inline-block; padding: 12px 26px; white-space: nowrap; }
.bzf-grid { background-color: var(--content-bg); border: 1px solid var(--border-color); border-radius: 18px; padding: 30px; display: grid; grid-template-columns: 1.3fr 1fr; gap: 30px; }
.bzf-brand { font-size: 20px; font-weight: 800; letter-spacing: 2px; color: var(--theme-color); margin-bottom: 12px; }
.bzf-desc { margin: 0 0 16px; color: var(--inactive-color); font-size: 14px; line-height: 1.7; max-width: 440px; }
.bzf-contact { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.bzf-contact li { color: var(--theme-color); font-size: 14px; }
.bzf-contact li span { color: var(--inactive-color); margin-right: 6px; }
.bzf-walink { color: var(--theme-color); text-decoration: none; font-weight: 600; }
.bzf-walink:hover { text-decoration: underline; }
.bzf-nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.bzf-nav h4 { margin: 0 0 12px; font-size: 13px; text-transform: uppercase; letter-spacing: .5px; color: var(--theme-color); }
.bzf-nav a { display: block; color: var(--inactive-color); text-decoration: none; font-size: 14px; margin-bottom: 9px; }
.bzf-nav a:hover { color: var(--theme-color); }
.bzf-trust { display: block; color: var(--inactive-color); font-size: 12.5px; margin-bottom: 7px; line-height: 1.45; }
.bzf-bottom { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 6px 6px 0; color: var(--inactive-color); font-size: 13px; }
.bzf-legal a { color: var(--inactive-color); text-decoration: none; margin-left: 16px; }
.bzf-legal a:hover { color: var(--theme-color); }
@media screen and (max-width: 900px) { .bzf-grid { grid-template-columns: 1fr; } .bzf-rail { flex-direction: column; align-items: flex-start; } }
@media screen and (max-width: 560px) { .bzf-nav { grid-template-columns: 1fr 1fr; } }

/* ===================== Carrinho (v1.7.0) ===================== */
.bzc-cols { display: grid; grid-template-columns: 1fr 320px; gap: 26px; align-items: start; margin-top: 8px; }
.bzc-main { min-width: 0; }
.bzc-main .content-section:first-child { margin-top: 0; }
.bzc-item { margin-bottom: 14px; }
.bzc-item-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.bzc-item-name { font-size: 16px; font-weight: 600; color: var(--theme-color); margin-bottom: 6px; }
.bzc-item-desc { color: var(--inactive-color); font-size: 13.5px; line-height: 1.6; max-width: 470px; }
.bzc-item-price { font-size: 17px; font-weight: 700; color: var(--theme-color); white-space: nowrap; }
.bzc-remove { display: inline-block; margin-top: 12px; color: var(--inactive-color); text-decoration: none; font-size: 13px; }
.bzc-remove:hover { color: var(--red, #e23b3b); }
.bzc-feat-t { font-weight: 600; color: var(--theme-color); margin-bottom: 6px; font-size: 15px; }
.bzc-feat-d { margin: 0; color: var(--inactive-color); font-size: 13.5px; line-height: 1.6; }
.bzc-trustgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; }
.bzc-trustgrid span { color: var(--theme-color); font-size: 13.5px; }
.bzc-faq { margin-bottom: 12px; }
.bzc-faq b { display: block; color: var(--theme-color); font-size: 14.5px; margin-bottom: 6px; }
.bzc-faq p { margin: 0; color: var(--inactive-color); font-size: 13.5px; line-height: 1.6; }
.bzc-side { position: sticky; top: 20px; }
.bzc-summary-t { font-size: 16px; font-weight: 700; color: var(--theme-color); margin-bottom: 14px; }
.bzc-summary-row { display: flex; align-items: center; justify-content: space-between; font-size: 16px; color: var(--theme-color); padding-bottom: 14px; border-bottom: 1px solid var(--border-color); margin-bottom: 16px; }
.bzc-finish { margin-bottom: 10px; }
.bzc-cont { width: 100% !important; }
.bzc-reassure { margin: 14px 0 0; color: var(--inactive-color); font-size: 12.5px; line-height: 1.6; text-align: center; }
@media screen and (max-width: 900px) { .bzc-cols { grid-template-columns: 1fr; } .bzc-side { position: static; } .bzc-trustgrid { grid-template-columns: 1fr; } }

/* botão CTA sólido reutilizável (v1.7.0) */
.bzp-cta.is-highlight { background: var(--theme-color); color: #11151f; border-color: transparent; }
.light-mode .bzp-cta.is-highlight { color: #fff; }
.bzp-cta.is-highlight:hover { opacity: .92; background: var(--theme-color); }

/* ===== Carrinho hero + ícones de check (v1.7.1) ===== */
.bzc-hero { border-radius: 16px; padding: 30px 34px; margin-bottom: 6px;
  background-image: linear-gradient(to right top, #cf4af3, #e73bd7, #f631bc, #fd31a2, #ff3a8b, #ff4b78, #ff5e68, #ff705c, #ff8c51, #ffaa49, #ffc848, #ffe652); color: #fff; }
.bzc-hero-title { margin: 0 0 8px; font-size: 26px; font-weight: 700; color: #fff; }
.bzc-hero-sub { margin: 0 0 10px; font-size: 16px; font-weight: 600; color: #fff; }
.bzc-hero-text { margin: 0; font-size: 14px; line-height: 1.7; color: rgba(255,255,255,.92); max-width: 620px; }
.bzc-hero-cta { display: inline-block !important; width: auto !important; margin-top: 20px; padding: 11px 30px; }
.bzf-ck { width: 15px; height: 15px; flex-shrink: 0; color: #34d27b; }
.bzf-trust { display: flex !important; align-items: flex-start; gap: 7px; }
.bzf-trust .bzf-ck { margin-top: 2px; }
.bzc-trustgrid span { display: flex; align-items: center; gap: 8px; }
@media screen and (max-width: 560px) { .bzc-hero { padding: 24px 20px; } .bzc-hero-title { font-size: 22px; } }

/* ===== Logout (dashboard) + imagem em bloco no rodapé (v1.7.2) ===== */
.bzg-logout { display: inline-flex; align-items: center; margin-left: 18px; color: var(--theme-color); text-decoration: none; transition: .25s; }
.bzg-logout svg { width: 22px; height: 22px; flex-shrink: 0; }
.bzg-logout:hover { color: var(--red); }
.bzf-imgblock { display: block; margin-bottom: 12px; }
.bzf-imgblock img { max-width: 100%; height: auto; border-radius: 10px; display: block; border: 1px solid var(--border-color); }

/* ===== Entrar/Cadastrar alinhados à direita (v1.7.4) ===== */
.bzl-headlogin { color: var(--theme-color); text-decoration: none; font-weight: 600; font-size: 14px; margin-left: 20px; white-space: nowrap; transition: .2s; }
.bzl-headlogin:hover { opacity: .75; }
.bzl-headreg { width: auto !important; padding: 9px 20px; margin-left: 16px; border: none !important; white-space: nowrap; }

/* ===== Landing: rolagem suave + textos brancos (v1.7.8) ===== */
html { scroll-behavior: smooth; }
.bzl-page .content-wrapper { scroll-behavior: smooth; }
.bzl-page { --theme-color: #ffffff; --inactive-color: #ffffff; --content-title-color: #ffffff; color: #ffffff; }
.bzl-page .header-menu a, .bzl-page .menu-link, .bzl-page .bzl-headlogin,
.bzl-page h1, .bzl-page h2, .bzl-page h3, .bzl-page h4, .bzl-page p, .bzl-page li, .bzl-page span,
.bzl-page .content-section-title, .bzl-page .content-text, .bzl-page .bzp-name, .bzl-page .bzp-price,
.bzl-page .bzp-features li, .bzl-page .bzf-desc, .bzl-page .bzf-trust, .bzl-page .bzf-nav a, .bzl-page .bzf-bottom { color: #ffffff !important; }
/* mantém contraste do botão sólido (fundo claro, texto escuro) */
.bzl-page .bzp-cta.is-highlight { color: #11151f !important; }
.light-mode.bzl-page .bzp-cta.is-highlight { color: #ffffff !important; }

/* ===== Barra de menu inferior (mobile) — v1.7.9 ===== */
.bzl-mobnav { display: none; }
@media screen and (max-width: 700px) {
	.bzl-mobnav {
		display: flex; align-items: stretch; gap: 6px;
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
		padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px));
		background: var(--theme-bg-color); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
		border-top: 1px solid var(--border-color);
		overflow-x: auto; -webkit-overflow-scrolling: touch;
	}
	.bzl-mobnav a {
		flex: 1 0 auto; text-align: center; white-space: nowrap; text-decoration: none;
		color: #ffffff !important; font-size: 13px; font-weight: 600; line-height: 1;
		padding: 11px 14px; border-radius: 10px; background: var(--content-bg); border: 1px solid var(--border-color);
	}
	.bzl-mobnav a.bzl-mobnav-reg { background: var(--theme-color); color: #11151f !important; border-color: transparent; }
	.bzl-page .header-menu,
	.bzl-page .header-profile .bzl-headlogin,
	.bzl-page .header-profile .bzl-headreg { display: none; }
	.bzl-page .content-wrapper { padding-bottom: 92px; }
}

/* ===== v1.8.1: wizard oculta barra inferior + logout no mobile (dashboard) ===== */
.bzg-root.bzl-wizopen .bzl-mobnav { display: none !important; }
@media screen and (max-width: 610px) {
	.bzg-root:not(.bzl-page) .header-profile { display: flex !important; margin-left: auto; padding: 0 14px; }
	.bzg-root:not(.bzl-page) .header-profile .bzg-clock,
	.bzg-root:not(.bzl-page) .header-profile .notification { display: none; }
	.bzg-root:not(.bzl-page) .bzg-logout { margin-left: 12px; }
}

/* ===== v1.8.4: dica do plano no modal pago ===== */
.bzl-planhint { display: block; width: fit-content; max-width: 100%; margin: 8px auto 20px; padding: 11px 22px; border-radius: 999px; background: var(--content-bg); border: 1px solid var(--border-color); color: var(--theme-color); font-weight: 700; font-size: 18px; text-align: center; letter-spacing: .2px; }
.bzl-planhint:empty { display: none; }

/* ===== Checkout centralizado (cartão glass) — v1.9.1 ===== */
.bzco-wrap { min-height: 100vh; display: flex; align-items: flex-start; justify-content: center; padding: 46px 16px; position: relative; z-index: 2; }
.bzco-card { width: 100%; max-width: 940px; background: var(--theme-bg-color); border: 1px solid var(--border-color); border-radius: 18px; padding: 32px 34px 40px; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); color: var(--theme-color); font-family: var(--body-font); }
.bzco-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.bzco-brand { font-weight: 800; letter-spacing: 2px; font-size: 18px; color: var(--theme-color); }
.bzco-back { display: inline-flex; align-items: center; gap: 6px; color: var(--inactive-color); text-decoration: none; font-size: 14px; }
.bzco-back svg { width: 16px; height: 16px; }
.bzco-back:hover { color: var(--theme-color); }
.bzco-title { margin: 0 0 6px; font-size: 26px; font-weight: 700; color: var(--theme-color); }
.bzco-sub { margin: 0 0 24px; color: var(--inactive-color); font-size: 14px; line-height: 1.6; }
.bzco-body { font-family: var(--body-font); }
@media screen and (max-width: 600px) { .bzco-card { padding: 22px 18px 30px; } .bzco-title { font-size: 22px; } .bzco-wrap { padding: 24px 12px; } }

/* ===== Checkout: permitir rolagem (cartão pode ser mais alto que a tela) — v1.9.3 ===== */
body.bzg-body.bzco-page { height: auto; min-height: 100vh; overflow-x: hidden; overflow-y: auto; }
body.bzco-page .video-bg { position: fixed; top: 0; left: 0; }

/* ===== Checkout: caixa de incentivo (v1.9.4) ===== */
.bzco-pitch { background: var(--content-bg); border: 1px solid var(--border-color); border-left: 3px solid var(--theme-color); border-radius: 12px; padding: 16px 18px; margin: 0 0 24px; color: var(--theme-color); font-size: 14px; line-height: 1.7; }

/* ===== Botão CTA na confirmação (v1.9.5) ===== */
.bzco-cta { display: inline-block; margin: 0 0 24px; padding: 12px 26px; border-radius: 12px; background: var(--theme-color); color: #11151f; font-weight: 700; text-decoration: none; transition: opacity .2s; }
.light-mode .bzco-cta { color: #fff; }
.bzco-cta:hover { opacity: .9; }

/* ===== Rodapé modelo 2 — fancy fading (glass) v1.9.6 ===== */
.bzf2 { position: relative; width: 100%; margin-top: 70px; padding: 90px 4% 44px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; gap: 22px; flex-wrap: wrap; overflow: hidden; }
.bzf2::before { content: ""; position: absolute; inset: 0; z-index: -7; background: linear-gradient( rgba(10,14,23,0) 4%, rgba(10,14,23,.35) 22%, rgba(10,14,23,.7) 40%, rgba(10,14,23,.9) 60%, rgba(10,14,23,.97) ); pointer-events: none; }
.bzf2-backdrop { position: absolute; inset: 0; z-index: -5; -webkit-backdrop-filter: blur(34px); backdrop-filter: blur(34px); -webkit-mask-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.55) 14%, rgba(0,0,0,.85) 28%, #000 42%); mask-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.55) 14%, rgba(0,0,0,.85) 28%, #000 42%); pointer-events: none; }
.bzf2-col { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; width: 30%; min-width: 220px; }
.bzf2-col2, .bzf2-col3 { background: var(--content-bg); border: 1px solid var(--border-color); border-radius: 16px; padding: 22px 24px; }
.bzf2-col h4 { margin: 0 0 10px; font-size: 13px; text-transform: uppercase; letter-spacing: .5px; color: #fff; }
.bzf2-col a { display: block; color: var(--inactive-color); text-decoration: none; margin-bottom: 8px; font-size: 14px; }
.bzf2-col a:hover { color: #fff; }
.bzf2-brand { font-size: 22px; font-weight: 800; letter-spacing: 2px; color: #fff; }
.bzf2-desc { margin: 4px 0 6px; color: rgba(255,255,255,.82); font-size: 14px; line-height: 1.6; max-width: 360px; }
.bzf2-social { display: flex; gap: 10px; margin: 6px 0; }
.bzf2-soc { width: 40px; height: 40px; border-radius: 10px; background: rgba(255,255,255,.1); display: flex; align-items: center; justify-content: center; color: #fff; }
.bzf2-soc svg { width: 20px; height: 20px; }
.bzf2-soc:hover { background: rgba(255,255,255,.2); }
.bzf2-copy { color: var(--inactive-color); font-size: 12.5px; margin: 8px 0 4px; }
.bzf2-legal a { color: var(--inactive-color); text-decoration: none; margin-right: 14px; font-size: 12.5px; }
.bzf2-legal a:hover { color: #fff; }
@media screen and (max-width: 760px) { .bzf2 { flex-direction: column; align-items: stretch; padding: 70px 6% 36px; } .bzf2-col { width: 100%; } }

/* ===== Fix footer modelo 2 (remove camadas z-index negativo que quebravam) — v1.9.26 ===== */
.bzf2 {
	align-items: flex-start !important;
	overflow: visible !important;
	padding: 64px 4% 44px !important;
	background: linear-gradient(180deg, rgba(10,14,23,0) 0%, rgba(10,14,23,.5) 28%, rgba(10,14,23,.82) 58%, rgba(10,14,23,.95) 100%) !important;
	-webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
	border-radius: 18px;
}
.bzf2::before { display: none !important; }
.bzf2-backdrop { display: none !important; }

/* ===================== Rodapé Modelo 2 — fiel ao fancy-fading (full-width) v1.9.27 ===================== */
/* full-bleed: ocupa toda a largura da área de conteúdo da landing */
.bzl-page .content-wrapper .bzf2,
.bzl-page .content-wrapper .bzf2-card { align-self: stretch !important; }
.bzl-page .content-wrapper .bzf2 { width: auto !important; max-width: none !important; margin-left: -40px !important; margin-right: -40px !important; }

/* card acima do rodapé (gradiente) */
.bzf2-card { margin: 24px -40px 0 !important; align-self: stretch; background: linear-gradient(120deg, #ff8064, #725bdc); color: #111; border-radius: 0; padding: 70px 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 26px; text-align: center; }
.bzf2-card h2 { margin: 0; font-size: clamp(26px, 4vw, 44px); font-weight: 700; color: #111; }
.bzf2-cardbtn { background: #000; color: #e5e5e5; padding: 14px 30px; border-radius: 12px; text-decoration: none; font-weight: 600; font-size: 16px; transition: opacity .2s; }
.bzf2-cardbtn:hover { opacity: .88; }

/* rodapé: estrutura/comportamento do fancy-fading, com fundo do tema */
.bzf2 {
	position: relative !important; isolation: isolate; z-index: 1;
	display: flex !important; flex-direction: row !important; flex-wrap: wrap;
	justify-content: space-evenly !important; align-items: flex-end !important;
	gap: 18px;
	padding: 16vh 2vw 7vh !important; margin-top: 0 !important;
	background: transparent !important;
	-webkit-backdrop-filter: none !important; backdrop-filter: none !important;
	border-radius: 0 !important; overflow: hidden !important;
}
.bzf2::before {
	content: "" !important; display: block !important;
	position: absolute; inset: 0; z-index: -7; pointer-events: none;
	background: linear-gradient( rgba(11,14,22,0) 5%, rgba(11,14,22,.3) 20%, rgba(11,14,22,.6) 30%, rgba(11,14,22,.82) 42%, rgba(11,14,22,.96) 55%, #0b0e16 );
}
.bzf2-backdrop {
	display: block !important; position: absolute; inset: 0; z-index: -5; pointer-events: none;
	-webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px);
	-webkit-mask-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5) 10%, rgba(0,0,0,.8) 20%, #000 30%, #000);
	mask-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5) 10%, rgba(0,0,0,.8) 20%, #000 30%, #000);
}
.bzf2-col { width: 28% !important; min-width: 220px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 14px 22px; }
.bzf2-col2, .bzf2-col3 { background: var(--content-bg) !important; border: 1px solid var(--border-color) !important; border-radius: 16px !important; }
@media screen and (max-width: 700px) {
	.bzl-page .content-wrapper .bzf2 { margin-left: -16px !important; margin-right: -16px !important; }
	.bzf2-card { margin-left: -16px !important; margin-right: -16px !important; padding: 54px 18px; }
	.bzf2 { flex-direction: column !important; align-items: stretch !important; padding: 12vh 10vw 6vh !important; }
	.bzf2-col { width: 100% !important; }
}

/* ===================== Rodapé Modelo 2 — versão estável (sem camadas blur que quebram) v1.9.28 ===================== */
/* full-width dentro da landing, sem o limite de 1000px */
.bzl-page .content-wrapper .bzf2,
.bzl-page .content-wrapper .bzf2-card { align-self: stretch !important; width: auto !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }

/* card acima do rodapé */
.bzf2-card { margin: 26px 0 0 !important; }

/* rodapé: fade via gradiente no próprio fundo (sem backdrop/::before de z-index negativo) */
.bzf2 {
	position: relative !important; isolation: auto !important; z-index: auto !important;
	display: flex !important; flex-direction: row !important; flex-wrap: wrap;
	justify-content: space-evenly !important; align-items: flex-start !important;
	gap: 18px;
	padding: 64px 2vw 46px !important; margin-top: 0 !important;
	background: linear-gradient(180deg, rgba(11,14,22,0) 0%, rgba(11,14,22,.5) 30%, rgba(11,14,22,.82) 62%, #0b0e16 100%) !important;
	-webkit-backdrop-filter: none !important; backdrop-filter: none !important;
	overflow: visible !important; border-radius: 0 !important;
}
.bzf2::before { display: none !important; content: none !important; }
.bzf2-backdrop { display: none !important; }
.bzf2-col { width: 28% !important; min-width: 220px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 14px 22px; }
.bzf2-col2, .bzf2-col3 { background: var(--content-bg) !important; border: 1px solid var(--border-color) !important; border-radius: 16px !important; }
@media screen and (max-width: 700px) {
	.bzf2 { flex-direction: column !important; align-items: stretch !important; padding: 48px 8vw 40px !important; }
	.bzf2-col { width: 100% !important; }
}

/* ===================== Rodapé Modelo 2 — fiel e ISOLADO do glass (v1.9.29) ===================== */
@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,500&display=swap");

.bzf2-wrap { --bm: 3.4rem; align-self: stretch !important; width: auto !important; max-width: none !important; margin: 20px 0 0 !important;
	display: flex; flex-direction: column; align-items: center; position: relative;
	font-family: "IBM Plex Sans", system-ui, sans-serif; font-weight: 300; color: #d5d5d5; }

/* card (fica "sticky" para o rodapé deslizar por cima com o blur) */
.bzf2-wrap .bzf2-card { position: sticky !important; top: 9vh; z-index: 1 !important; align-self: center !important;
	width: min(92%, calc(12 * var(--bm))); min-height: calc(6 * var(--bm));
	background: linear-gradient(120deg, #ff8064, #725bdc) !important; color: #000 !important; border-radius: calc(0.5 * var(--bm)) !important;
	display: flex; flex-direction: column; justify-content: center; align-items: center; gap: calc(0.7 * var(--bm));
	padding: calc(1.1 * var(--bm)) !important; text-align: center; margin: 0 0 42vh !important; }
.bzf2-wrap .bzf2-card h2 { font-weight: 500; text-align: center; font-size: clamp(24px, 4.4vw, calc(1.05 * var(--bm))); margin: 0; color: #000 !important; line-height: 1.15; }
.bzf2-wrap .bzf2-cardbtn { background: #000 !important; color: #e5e5e5 !important; border: none; font-weight: 400; font-size: 16px;
	padding: calc(0.38 * var(--bm)) calc(0.9 * var(--bm)); border-radius: calc(0.3 * var(--bm)); text-decoration: none; }
.bzf2-wrap .bzf2-cardbtn:hover { opacity: .9; }

/* rodapé */
.bzf2-wrap .bzf2 { position: relative !important; z-index: 500 !important; width: 100% !important; max-width: none !important;
	display: flex !important; flex-direction: row !important; justify-content: space-evenly !important; align-items: flex-end !important;
	gap: 0; padding: 5rem 2vw !important; margin: 0 !important; background: transparent !important; overflow: visible !important;
	-webkit-backdrop-filter: none !important; backdrop-filter: none !important; isolation: auto !important; border-radius: 0 !important; }
.bzf2-wrap .bzf2::before { content: "" !important; display: block !important; position: absolute; inset: 0; z-index: -7; pointer-events: none;
	background: linear-gradient( rgba(11,14,22,0) 5%, rgba(11,14,22,.3) 20%, rgba(11,14,22,.6) 30%, rgba(11,14,22,.8) 40%, rgba(11,14,22,1) 50%, #0b0e16 ) !important; }
.bzf2-wrap .bzf2-backdrop { display: block !important; z-index: -5; position: absolute; inset: 0; pointer-events: none;
	-webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px);
	-webkit-mask-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5) 10%, rgba(0,0,0,.8) 20%, rgb(0,0,0) 30%, rgb(0,0,0));
	mask-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5) 10%, rgba(0,0,0,.8) 20%, rgb(0,0,0) 30%, rgb(0,0,0)); }

.bzf2-wrap .bzf2-col { display: flex !important; flex-direction: column; align-items: flex-start; justify-content: flex-start;
	padding: calc(0.3 * var(--bm)) calc(0.8 * var(--bm)) !important; width: 28% !important; min-width: 0 !important; gap: 8px;
	background: transparent !important; border: 0 !important; }
.bzf2-wrap .bzf2-col2, .bzf2-wrap .bzf2-col3 { background-color: #121212 !important; border-radius: calc(0.5 * var(--bm)) !important; }
.bzf2-wrap .bzf2-brand { font-weight: 500; font-size: calc(0.6 * var(--bm)); color: #fff !important; letter-spacing: 0; }
.bzf2-wrap .bzf2-desc, .bzf2-wrap .bzf2-copy, .bzf2-wrap .bzf2-col a, .bzf2-wrap .bzf2-col h4, .bzf2-wrap .bzf2-legal a { color: #d5d5d5 !important; }
.bzf2-wrap .bzf2-col h4 { font-weight: 500; margin: 0 0 6px; font-size: 1rem; text-transform: none; letter-spacing: 0; }
.bzf2-wrap .bzf2-col a { display: block; margin-bottom: 6px; text-decoration: none; }
.bzf2-wrap .bzf2-col a:hover { color: #fff !important; }
.bzf2-wrap .bzf2-social { display: flex; flex-direction: row; gap: 1rem; margin: 6px 0; }
.bzf2-wrap .bzf2-soc { width: calc(0.8 * var(--bm)); height: calc(0.8 * var(--bm)); background-color: rgba(255,255,255,0.1); border-radius: calc(0.1 * var(--bm));
	display: flex; justify-content: center; align-items: center; color: #fff; }
.bzf2-wrap .bzf2-copy { font-size: smaller; color: #818181 !important; }
.bzf2-wrap .bzf2-legal a { margin-right: 12px; }

@media screen and (max-width: 1000px) { .bzf2-wrap { --bm: 2.7rem; } }
@media screen and (max-width: 700px) {
	.bzf2-wrap .bzf2 { flex-direction: column !important; align-items: stretch !important; padding: 5rem 12vw !important; }
	.bzf2-wrap .bzf2-col { width: 100% !important; }
	.bzf2-wrap .bzf2-card { margin-bottom: 30vh !important; }
}

/* ===== Rodapé Modelo 2: borda-a-borda + preencher espaço inferior — v1.9.30 ===== */
.bzl-page .content-wrapper .bzf2-wrap {
	margin-left: -40px !important;
	margin-right: -40px !important;
	margin-bottom: calc(-1 * var(--bzl-pb, 40px)) !important;
	width: auto !important;
}
.bzf2-wrap .bzf2 { padding-bottom: calc(5rem + var(--bzl-pb, 40px)) !important; }
@media screen and (max-width: 610px) {
	.bzl-page .content-wrapper .bzf2-wrap { margin-left: -16px !important; margin-right: -16px !important; }
}

/* ===== Card do rodapé Modelo 2 com largura configurável — v1.9.31 ===== */
.bzf2-wrap .bzf2-card { width: var(--bzf2-cardw, 50%) !important; max-width: 96% !important; margin-left: auto !important; margin-right: auto !important; }
@media screen and (max-width: 700px) { .bzf2-wrap .bzf2-card { width: 90% !important; } }

/* ===== Fix: card NÃO full-width — largura % vence o stretch do wrapper (v1.9.32) ===== */
.bzl-page .content-wrapper .bzf2-wrap .bzf2-card {
	align-self: center !important;
	width: var(--bzf2-cardw, 50%) !important;
	max-width: 96% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
@media screen and (max-width: 700px) {
	.bzl-page .content-wrapper .bzf2-wrap .bzf2-card { width: 90% !important; }
}

/* ===================== Recursos do assinante: filtros + exportar (v1.10.0) ===================== */
.bzg-tools-paid { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-right: 6px; }
.bzg-sel { -webkit-appearance: none; appearance: none; background: var(--theme-bg-color); border: 1px solid var(--border-color); color: var(--theme-color); border-radius: 8px; padding: 5px 26px 5px 10px; font-size: 12px; font-family: var(--body-font); cursor: pointer; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 8px center; }
.bzg-sel:focus { outline: none; border-color: var(--theme-color); }
.bzg-sel option { background: #14162b; color: #fff; }
.bzg-export { display: inline-flex; gap: 4px; }
.bzg-export button { background: var(--content-bg); border: 1px solid var(--border-color); color: var(--theme-color); border-radius: 8px; padding: 5px 10px; font-size: 11px; font-weight: 600; cursor: pointer; font-family: var(--body-font); transition: .2s; }
.bzg-export button:hover { background: var(--theme-color); color: #11151f; border-color: transparent; }
.light-mode .bzg-export button:hover { color: #fff; }
.bzg-export button[disabled] { opacity: .5; cursor: default; }

/* filtro visual da timeline (esconde tiles que não batem) */
.bzg-timeline[data-filter="white"] .bzg-tilewrap:not(:has(.bzg-tile--white)),
.bzg-timeline[data-filter="red"] .bzg-tilewrap:not(:has(.bzg-tile--red)),
.bzg-timeline[data-filter="black"] .bzg-tilewrap:not(:has(.bzg-tile--black)),
.bzg-timeline[data-filter="low"] .bzg-tilewrap:not(:has(.bzg-crash--low)),
.bzg-timeline[data-filter="high"] .bzg-tilewrap:not(:has(.bzg-crash--high)),
.bzg-timeline[data-filter="epic"] .bzg-tilewrap:not(:has(.bzg-crash--epic)) { display: none !important; }

@media screen and (max-width: 700px) { .bzg-tools-paid { width: 100%; margin: 6px 0 0; } }

/* ===== Botão de upgrade no dashboard (usuário grátis) v1.10.1 ===== */
.bzg-upgrade { display: inline-flex; align-items: center; margin-left: 16px; padding: 8px 16px; border-radius: 10px; background: var(--theme-color); color: #11151f; font-weight: 700; font-size: 13px; text-decoration: none; white-space: nowrap; transition: opacity .2s; }
.light-mode .bzg-upgrade { color: #fff; }
.bzg-upgrade:hover { opacity: .9; }
@media screen and (max-width: 560px) { .bzg-upgrade { margin-left: 10px; padding: 7px 12px; font-size: 12px; } }

/* ===== Botão Voltar na tela de planos (logado) v1.10.2 ===== */
.bzl-headback { display: inline-flex; align-items: center; justify-content: center; margin-left: 18px; width: 40px; height: 40px; border-radius: 10px; border: 1px solid var(--border-color); background: var(--content-bg); color: var(--theme-color); text-decoration: none; transition: .2s; }
.bzl-headback svg { width: 20px; height: 20px; }
.bzl-headback:hover { background: var(--theme-color); color: #11151f; border-color: transparent; }
.light-mode .bzl-headback:hover { color: #fff; }

/* ===== v1.10.3: Voltar só ícone (sem borda) + plano grátis "Ativo" com badge verde ===== */
.bzl-headback { border: none !important; background: transparent !important; width: auto !important; height: auto !important; padding: 0 !important; }
.bzl-headback:hover { background: transparent !important; color: var(--theme-color) !important; opacity: .75; }
.bzl-headback svg { width: 24px; height: 24px; }
.bzp-cta.bzp-active { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: transparent; border: 1px solid #2ecc71; color: #2ecc71; cursor: default; font-weight: 700; }
.bzp-badge { width: 9px; height: 9px; border-radius: 50%; background: #2ecc71; box-shadow: 0 0 7px #2ecc71; display: inline-block; flex-shrink: 0; }

/* ===== v1.10.5: corrige contraste do "Ativo" (branco no branco) ===== */
.bzl-page .bzp-cta.bzp-active,
.bzp-card.is-highlight .bzp-cta.bzp-active,
.bzp-cta.bzp-active { background: rgba(46,204,113,0.15) !important; border: 1px solid #2ecc71 !important; color: #2ecc71 !important; }
.bzl-page .bzp-cta.bzp-active, .bzl-page .bzp-cta.bzp-active * { color: #2ecc71 !important; }
.bzp-cta.bzp-active .bzp-badge { background: #2ecc71 !important; }

/* ===== v1.11.0: fundo "preto com geometrias" do bloco de destaque (opção em Aparência) ===== */
.bzg-hdr-geo .content-wrapper-header {
	background-color: #07090f !important;
	background-image:
		radial-gradient(circle at 14% 22%, rgba(43,123,255,0.20), transparent 46%),
		radial-gradient(circle at 86% 78%, rgba(124,77,255,0.18), transparent 46%),
		repeating-linear-gradient(60deg, rgba(255,255,255,0.055) 0 1px, transparent 1px 30px),
		repeating-linear-gradient(120deg, rgba(255,255,255,0.055) 0 1px, transparent 1px 30px),
		repeating-linear-gradient(0deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 30px) !important;
}
.bzg-hdr-geo .content-wrapper-header,
.bzg-hdr-geo .content-wrapper-header * { color: #fff; }
/* exceção: estrela/número do círculo BRANCO precisa ser escuro p/ contraste */
.bzg-hdr-geo .content-wrapper-header .circle-big--white,
.bzg-hdr-geo .content-wrapper-header .circle-big--white * { color: #1a2138 !important; }

/* ===== v1.11.2: barra de progresso (contagem regressiva sincronizada) ===== */
.bzg-progress { position: relative; height: 7px; border-radius: 999px; background: rgba(255,255,255,0.10); overflow: hidden; margin: 0 0 12px; }
.bzg-progress-fill { height: 100%; width: 100%; border-radius: 999px; background: linear-gradient(90deg, #2b7bff, var(--theme-color)); transition: width .1s linear; }
.bzg-progress.is-due .bzg-progress-fill { background: linear-gradient(90deg, #e23b3b, #ff8c51); }

/* ===== v1.11.3: trilho da barra mais visível (não some ao esvaziar) ===== */
.bzg-progress { height: 8px; background: rgba(255,255,255,0.16); border: 1px solid var(--border-color); }
.bzg-progress-fill { min-width: 0; box-shadow: 0 0 10px rgba(43,123,255,0.5); }

/* ===== v1.11.4: animação CSS da barra de progresso (garante o movimento) ===== */
@keyframes bzg-count { from { width: 100%; } to { width: 0%; } }
.bzg-progress-fill { animation: none; }

/* ===== v1.11.5: corrige barra de progresso (trilho colapsava) — largura forçada + scaleX ===== */
.bzg-progress { display: block !important; width: 100% !important; height: 8px; border-radius: 999px; background: rgba(255,255,255,0.16); border: 1px solid var(--border-color); overflow: hidden; margin: 0 0 12px; }
.bzg-progress-fill { display: block; width: 100% !important; height: 100%; border-radius: 999px; transform-origin: left center; background: linear-gradient(90deg, #1f6fff, #36d27b); box-shadow: 0 0 14px rgba(43,123,255,0.7); }
@keyframes bzg-count { from { transform: scaleX(1); } to { transform: scaleX(0); } }

/* ==========================================================================
   ATMOSFERA QUÂNTICA™ — painel ciano — v1.12.0
   ========================================================================== */
.bzaq { --aq-cyan:#00ffe7; --aq-teal:#2dd4bf; --aq-ink:#eafffb; position:relative; }
.bzaq-seg .content-section-title span:first-child { background:linear-gradient(90deg,var(--aq-cyan),var(--aq-teal)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.bzaq-loading { padding:26px 16px; text-align:center; color:rgba(234,255,251,0.65); font-size:14px; }

.bzaq-body { display:flex; flex-direction:column; gap:16px; }
.bzaq-hero { display:flex; gap:22px; align-items:center; flex-wrap:wrap;
	background:linear-gradient(135deg, rgba(0,255,231,0.06), rgba(45,212,191,0.03));
	border:1px solid rgba(45,212,191,0.2); border-radius:16px; padding:18px 20px; }

.bzaq-score { position:relative; width:118px; height:118px; flex:0 0 auto; }
.bzaq-ring { width:118px; height:118px; transform:rotate(-90deg); }
.bzaq-ring-bg { fill:none; stroke:rgba(255,255,255,0.08); stroke-width:9; }
.bzaq-ring-fill { fill:none; stroke:var(--aq-cyan); stroke-width:9; stroke-linecap:round;
	filter:drop-shadow(0 0 6px rgba(0,255,231,0.5)); transition:stroke-dashoffset .9s ease; }
.bzaq-score-num { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.bzaq-score-num b { font-size:34px; font-weight:700; color:#fff; line-height:1; }
.bzaq-score-num small { font-size:10px; letter-spacing:.5px; color:rgba(234,255,251,0.6); margin-top:3px; }

.bzaq-hero-info { flex:1 1 220px; min-width:200px; }
.bzaq-atm { font-size:22px; font-weight:700; color:var(--aq-cyan); }
.bzaq-band { font-size:13px; color:rgba(234,255,251,0.7); margin-top:2px; }
.bzaq-window { margin-top:12px; display:flex; flex-direction:column; gap:2px; }
.bzaq-window span { font-size:11px; letter-spacing:.4px; text-transform:uppercase; color:rgba(234,255,251,0.5); }
.bzaq-window b { font-size:20px; color:#fff; font-variant-numeric:tabular-nums; }

.bzaq-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.bzaq-metric { background:rgba(255,255,255,0.03); border:1px solid rgba(45,212,191,0.15); border-radius:12px; padding:12px 14px; text-align:center; }
.bzaq-metric span { display:block; font-size:11px; color:rgba(234,255,251,0.5); margin-bottom:5px; }
.bzaq-metric b { font-size:17px; color:#fff; }

.bzaq-engines { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.bzaq-eng { background:rgba(255,255,255,0.025); border:1px solid rgba(255,255,255,0.06); border-radius:10px; padding:10px 12px; }
.bzaq-eng-top { display:flex; justify-content:space-between; align-items:baseline; font-size:13px; color:rgba(234,255,251,0.8); margin-bottom:7px; }
.bzaq-eng-top b { color:var(--aq-cyan); font-variant-numeric:tabular-nums; }
.bzaq-eng-bar { height:6px; border-radius:6px; background:rgba(255,255,255,0.07); overflow:hidden; }
.bzaq-eng-bar i { display:block; height:100%; border-radius:6px; background:linear-gradient(90deg,var(--aq-teal),var(--aq-cyan)); transition:width .8s ease; }

.bzaq-reco { background:rgba(0,255,231,0.04); border-left:3px solid var(--aq-cyan); border-radius:0 12px 12px 0; padding:14px 16px; }
.bzaq-reco-title { font-size:11px; text-transform:uppercase; letter-spacing:.5px; color:var(--aq-teal); margin-bottom:6px; }
.bzaq-reco p { margin:0; color:rgba(234,255,251,0.9); font-size:14px; line-height:1.6; }

.bzaq-foot { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.bzaq-foot span { font-size:11px; color:rgba(234,255,251,0.45); }
.bzaq-refresh { background:rgba(45,212,191,0.12); border:1px solid rgba(45,212,191,0.3); color:var(--aq-cyan); border-radius:8px; padding:7px 14px; font-size:12px; cursor:pointer; transition:.2s; }
.bzaq-refresh:hover { background:rgba(45,212,191,0.22); }
.bzaq-locked { padding:22px 16px; text-align:center; color:rgba(234,255,251,0.6); font-size:13px; }

/* estados da atmosfera (cor de destaque) */
.bzaq[data-atm="turbulencia"] { --aq-cyan:#ff8c00; --aq-teal:#ff6b00; }
.bzaq[data-atm="vacuo"] { --aq-cyan:#8aa0a0; --aq-teal:#6b7e7e; }
.bzaq[data-atm="ressonancia"] { --aq-cyan:#00ff88; --aq-teal:#2dd4bf; }
.bzaq[data-band="caotico"] .bzaq-atm, .bzaq[data-band="instavel"] .bzaq-atm { color:#ff8c00; }

@media screen and (max-width:760px) {
	.bzaq-metrics { grid-template-columns:repeat(2,1fr); }
	.bzaq-engines { grid-template-columns:1fr; }
	.bzaq-hero { justify-content:center; text-align:center; }
}

/* ---- Comunicado ao assinante (modal) ---- */
body.bzaq-disc-blocking .bzaq-seg .bzaq { filter:blur(6px); pointer-events:none; user-select:none; }
.bzaq-note { margin-top:10px; padding-top:10px; border-top:1px solid rgba(255,255,255,0.06); font-size:11px; color:rgba(234,255,251,0.5); display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.bzaq-note a { color:var(--aq-teal,#2dd4bf); text-decoration:underline; cursor:pointer; }

.bzaq-disc { position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:20px; }
.bzaq-disc[hidden] { display:none; }
.bzaq-disc-backdrop { position:absolute; inset:0; background:rgba(4,8,12,0.82); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); }
.bzaq-disc-modal { position:relative; width:100%; max-width:540px; max-height:86vh; overflow-y:auto;
	background:linear-gradient(160deg,#0c1418,#0a1013); border:1px solid rgba(45,212,191,0.3); border-radius:18px;
	box-shadow:0 24px 70px rgba(0,0,0,0.6), 0 0 40px rgba(0,255,231,0.08); padding:26px 28px; color:#eafffb; }
.bzaq-disc-head { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.bzaq-disc-head svg { width:26px; height:26px; color:#ff8c00; flex:0 0 auto; }
.bzaq-disc-head h2 { margin:0; font-size:19px; line-height:1.3; color:#fff; }
.bzaq-disc-body { font-size:14px; line-height:1.65; color:rgba(234,255,251,0.85); }
.bzaq-disc-body p { margin:0 0 11px; }
.bzaq-disc-body strong { color:#fff; }
.bzaq-disc-foot { margin-top:20px; display:flex; justify-content:flex-end; }
.bzaq-disc-btn { background:linear-gradient(90deg,#2dd4bf,#00ffe7); color:#04221e; font-weight:700; border:0; border-radius:10px;
	padding:12px 26px; font-size:14px; cursor:pointer; transition:.2s; }
.bzaq-disc-btn:hover { filter:brightness(1.08); transform:translateY(-1px); }

@media screen and (max-width:560px) {
	.bzaq-disc-modal { padding:22px 20px; }
	.bzaq-disc-head h2 { font-size:17px; }
}

/* ==========================================================================
   CENTRAL DE PREVISÕES™ — v1.16.0
   ========================================================================== */
.bzcp { --aq-cyan:#00ffe7; --aq-teal:#2dd4bf; }
.bzcp[data-atm="turbulencia"] { --aq-cyan:#ff8c00; --aq-teal:#ff6b00; }
.bzcp[data-atm="vacuo"] { --aq-cyan:#8aa0a0; --aq-teal:#6b7e7e; }
.bzcp[data-atm="ressonancia"] { --aq-cyan:#00ff88; --aq-teal:#2dd4bf; }
.bzcp-sub { color:rgba(234,255,251,0.6); font-size:14px; margin:0 0 16px; }

.bzcp-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:14px; margin-bottom:18px; }
.bzcp-main { background:linear-gradient(135deg, rgba(0,255,231,0.07), rgba(45,212,191,0.03));
	border:1px solid rgba(45,212,191,0.25); border-radius:16px; padding:20px 22px; }
.bzcp-main-title { font-size:12px; text-transform:uppercase; letter-spacing:.6px; color:rgba(234,255,251,0.55); margin-bottom:8px; }
.bzcp-main-window { font-size:38px; font-weight:700; color:#fff; line-height:1.1; font-variant-numeric:tabular-nums; }
.bzcp-main-stats { display:flex; gap:24px; margin-top:16px; flex-wrap:wrap; }
.bzcp-main-stats span { display:block; font-size:11px; color:rgba(234,255,251,0.5); margin-bottom:3px; }
.bzcp-main-stats b { font-size:20px; color:var(--aq-cyan); }

.bzcp-atm { background:rgba(255,255,255,0.03); border:1px solid rgba(45,212,191,0.15); border-radius:16px; padding:20px 22px; display:flex; flex-direction:column; gap:6px; }
.bzcp-atm-label { font-size:12px; text-transform:uppercase; letter-spacing:.6px; color:rgba(234,255,251,0.55); }
.bzcp-atm-state { font-size:22px; font-weight:700; color:var(--aq-cyan); }
.bzcp-quant { margin-top:4px; display:flex; align-items:baseline; gap:8px; }
.bzcp-quant span { font-size:11px; color:rgba(234,255,251,0.5); }
.bzcp-quant b { font-size:28px; color:#fff; }
.bzcp-convbar-label { margin-top:10px; font-size:11px; color:rgba(234,255,251,0.55); display:flex; justify-content:space-between; }
.bzcp-convbar-label b { color:var(--aq-cyan); }
.bzcp-convbar { height:10px; border-radius:10px; background:rgba(255,255,255,0.07); overflow:hidden; }
.bzcp-convbar i { display:block; height:100%; width:0; border-radius:10px; background:linear-gradient(90deg,var(--aq-teal),var(--aq-cyan)); transition:width .8s ease; }

.bzcp-section { margin-top:20px; }
.bzcp-section-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.bzcp-section-head > span { font-size:14px; font-weight:600; color:#fff; }
.bzcp-filter { max-width:200px; }

.bzcp-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:10px; }
.bzcp-pred { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.07); border-radius:12px; padding:14px 16px; }
.bzcp-pred-win { font-size:18px; font-weight:700; color:#fff; font-variant-numeric:tabular-nums; margin-bottom:8px; }
.bzcp-pred-conf { font-size:11px; color:rgba(234,255,251,0.55); }
.bzcp-pred-conf b { color:var(--aq-cyan); margin-left:6px; font-size:13px; }
.bzcp-pred-bar { display:block; height:5px; border-radius:5px; background:rgba(255,255,255,0.08); margin-top:7px; overflow:hidden; }
.bzcp-pred-bar span { display:block; height:100%; border-radius:5px; background:linear-gradient(90deg,var(--aq-teal),var(--aq-cyan)); }

.bzcp-just p { margin:0 0 8px; color:rgba(234,255,251,0.85); font-size:14px; line-height:1.6; padding-left:14px; border-left:2px solid rgba(45,212,191,0.4); }

.bzcp-models { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
@media screen and (max-width:980px) { .bzcp-models { grid-template-columns:repeat(2,1fr); } }
@media screen and (max-width:600px) { .bzcp-models { grid-template-columns:1fr; } }
.bzcp-app { display:flex; align-items:flex-start; gap:12px; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.07); border-radius:12px; padding:12px 13px; }
.bzcp-app-icon { flex:0 0 auto; width:46px; height:46px; border-radius:11px; background:#0b0f14; border:2px solid var(--c,#7C8CFF);
	display:flex; align-items:center; justify-content:center; box-shadow:0 0 16px -5px var(--c,#7C8CFF) inset; }
.bzcp-app-icon span { font-size:16px; font-weight:800; letter-spacing:.5px; color:var(--c,#7C8CFF); }
.bzcp-app-meta { display:flex; flex-direction:column; min-width:0; gap:2px; }
.bzcp-app-top { display:flex; align-items:center; gap:8px; }
.bzcp-app-top b { font-size:14px; color:#fff; font-weight:600; line-height:1.2; }
.bzcp-app-tag { font-size:9px; text-transform:uppercase; letter-spacing:.5px; color:var(--c,#7C8CFF);
	border:1px solid var(--c,#7C8CFF); border-radius:999px; padding:1px 7px; opacity:.9; }
.bzcp-app-desc { font-size:12px; color:rgba(234,255,251,0.6); line-height:1.4; }
.bzcp-app-detail { font-size:12px; color:#fff; font-weight:500; margin-top:2px; }

.bzcp-note { margin-top:16px; }

@media screen and (max-width:760px) {
	.bzcp-grid { grid-template-columns:1fr; }
	.bzcp-main-window { font-size:30px; }
	.bzcp-models { grid-template-columns:1fr; }
}

/* indicador de cor-alvo (Branco) — v1.16.1 */
.bzcp-dot { display:inline-block; width:11px; height:11px; border-radius:50%; vertical-align:middle; margin-right:6px; }
.bzcp-dot--white { background:#ffffff; box-shadow:0 0 0 1px rgba(0,0,0,0.25), 0 0 8px rgba(255,255,255,0.6); }
.bzaq-target, .bzcp-target, .bzcp-alvo { display:inline-flex; align-items:center; font-size:11px; font-weight:600;
	color:rgba(234,255,251,0.75); background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.14);
	padding:2px 9px 2px 7px; border-radius:999px; margin-left:8px; letter-spacing:.2px; text-transform:none; }
.bzcp-target { vertical-align:middle; }
.bzcp-pred-win .bzcp-dot { width:9px; height:9px; margin-right:5px; }
.bzcp-fixa { background:rgba(0,255,231,0.08); border-color:rgba(45,212,191,0.3); color:var(--aq-cyan,#00ffe7); }

/* Double ao vivo dentro da Central de Previsões — v1.16.3 */
.bzcp-live-state { display:inline-flex; align-items:center; font-size:12px; font-weight:600; color:var(--aq-cyan,#00ffe7);
	background:rgba(0,255,231,0.08); border:1px solid rgba(45,212,191,0.3); padding:3px 12px; border-radius:999px; }
.bzcp-live-state::before { content:""; width:8px; height:8px; border-radius:50%; background:currentColor; margin-right:7px;
	box-shadow:0 0 8px currentColor; animation:bzcp-pulse 1.4s ease-in-out infinite; }
@keyframes bzcp-pulse { 0%,100%{opacity:1;} 50%{opacity:.35;} }
.bzcp-live .bzg-card { margin-top:4px; }

/* ==========================================================================
   Notificação de acerto (estilo WhatsApp) — v1.17.0
   ========================================================================== */
.bzwa-wrap { position:fixed; right:18px; bottom:18px; z-index:100000; display:flex; flex-direction:column; gap:10px; max-width:360px; }
.bzwa-toast { display:flex; align-items:flex-start; gap:11px; background:#1f2c34; border:1px solid rgba(255,255,255,0.08);
	border-radius:14px; padding:12px 14px; box-shadow:0 12px 36px rgba(0,0,0,0.45);
	transform:translateX(120%); opacity:0; transition:transform .35s cubic-bezier(.2,.9,.3,1.2), opacity .35s; }
.bzwa-toast.is-in { transform:translateX(0); opacity:1; }
.bzwa-ava { flex:0 0 auto; width:40px; height:40px; border-radius:50%; background:linear-gradient(135deg,#25d366,#128c5e);
	display:flex; align-items:center; justify-content:center; color:#fff; }
.bzwa-ava svg { width:22px; height:22px; }
.bzwa-body { flex:1 1 auto; min-width:0; }
.bzwa-top { display:flex; justify-content:space-between; align-items:baseline; gap:8px; }
.bzwa-top b { color:#eafff4; font-size:14px; font-weight:600; }
.bzwa-top span { color:rgba(234,255,244,0.45); font-size:11px; flex:0 0 auto; }
.bzwa-msg { color:rgba(234,255,244,0.85); font-size:13px; line-height:1.5; margin-top:3px; word-wrap:break-word; }
.bzwa-close { flex:0 0 auto; background:none; border:0; color:rgba(255,255,255,0.4); font-size:18px; line-height:1; cursor:pointer; padding:0 2px; }
.bzwa-close:hover { color:#fff; }
@media screen and (max-width:560px) { .bzwa-wrap { left:12px; right:12px; bottom:12px; max-width:none; } }

/* ==========================================================================
   Registro de Acertos — v1.18.0
   ========================================================================== */
.bzlg-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:6px 0 16px; }
.bzlg-card { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:12px; padding:14px; text-align:center; }
.bzlg-card span { display:block; font-size:11px; color:rgba(234,255,251,0.5); margin-bottom:5px; }
.bzlg-card b { font-size:24px; color:#fff; }
.bzlg-card--hit b { color:#25d366; }
.bzlg-card--miss b { color:#ff5a52; }
.bzlg-card--rate b { color:var(--aq-cyan,#00ffe7); }

.bzlg-table { overflow-x:auto; }
.bzlg-tbl { width:100%; border-collapse:collapse; font-size:13px; }
.bzlg-tbl th, .bzlg-tbl td { padding:10px 12px; text-align:left; border-bottom:1px solid rgba(255,255,255,0.06); color:rgba(234,255,251,0.85); white-space:nowrap; }
.bzlg-tbl th { font-size:11px; text-transform:uppercase; letter-spacing:.4px; color:rgba(234,255,251,0.5); font-weight:600; }
.bzlg-tbl tbody tr:hover { background:rgba(255,255,255,0.02); }
.bzlg-win { font-variant-numeric:tabular-nums; color:#fff; }
.bzlg-badge { display:inline-block; padding:3px 10px; border-radius:999px; font-size:11px; font-weight:700; }
.bzlg-badge--hit { background:rgba(37,211,102,0.15); color:#25d366; border:1px solid rgba(37,211,102,0.4); }
.bzlg-badge--miss { background:rgba(255,90,82,0.12); color:#ff7a73; border:1px solid rgba(255,90,82,0.35); }
.bzlg-tbl tr.is-hit td:first-child { box-shadow:inset 3px 0 0 #25d366; }
.bzlg-tbl tr.is-miss td:first-child { box-shadow:inset 3px 0 0 rgba(255,90,82,0.5); }

@media screen and (max-width:760px) { .bzlg-summary { grid-template-columns:repeat(2,1fr); } }

/* ==========================================================================
   Suporte (sidebar) — v1.19.0
   ========================================================================== */
.bzsup-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
@media screen and (max-width:980px) { .bzsup-grid { grid-template-columns:repeat(2,1fr); } }
@media screen and (max-width:600px) { .bzsup-grid { grid-template-columns:1fr; } }
.bzsup-card { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:16px; padding:18px 18px 16px; }
.bzsup-ico { width:42px; height:42px; border-radius:11px; display:flex; align-items:center; justify-content:center;
	background:rgba(45,212,191,0.1); border:1px solid rgba(45,212,191,0.25); color:#2dd4bf; margin-bottom:12px; }
.bzsup-ico svg { width:22px; height:22px; }
.bzsup-card h3 { margin:0 0 7px; font-size:15px; color:#fff; font-weight:600; line-height:1.3; }
.bzsup-card p { margin:0; font-size:13px; line-height:1.6; color:rgba(234,255,251,0.72); }
.bzsup-card p b { color:#fff; font-weight:600; }
.bzsup-card--warn { background:rgba(255,140,0,0.06); border-color:rgba(255,140,0,0.3); }
.bzsup-card--warn .bzsup-ico { background:rgba(255,140,0,0.12); border-color:rgba(255,140,0,0.35); color:#ff8c00; }

/* Suporte: card largo (modelos x padrões) — v1.19.2 */
.bzsup-card--wide { grid-column:1 / -1; }
.bzsup-cols { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:14px; }
.bzsup-cols h4 { margin:0 0 8px; font-size:12px; text-transform:uppercase; letter-spacing:.5px; color:#2dd4bf; }
.bzsup-cols ul { margin:0; padding-left:18px; }
.bzsup-cols li { font-size:13px; line-height:1.7; color:rgba(234,255,251,0.78); }
.bzsup-cols li b { color:#fff; }
@media screen and (max-width:600px) { .bzsup-cols { grid-template-columns:1fr; gap:14px; } }

/* ==========================================================================
   Quantum Convergence™ — v1.21.0
   ========================================================================== */
.bzqc { --q:#9b8cff; }
.bzqc[data-qstate="singularidade"] { --q:#00ff88; }
.bzqc[data-qstate="alinhamento"]   { --q:#00ffe7; }
.bzqc[data-qstate="formacao"]      { --q:#ffce3a; }
.bzqc[data-qstate="turbulencia"]   { --q:#ff6b00; }

.bzqc-hero { display:flex; gap:18px; align-items:center; justify-content:space-between; flex-wrap:wrap;
	background:linear-gradient(135deg, color-mix(in srgb, var(--q) 14%, transparent), rgba(255,255,255,0.02));
	border:1px solid color-mix(in srgb, var(--q) 35%, transparent); border-radius:16px; padding:18px 20px; margin-bottom:14px; }
.bzqc-state { font-size:22px; font-weight:800; color:var(--q); letter-spacing:.3px; text-shadow:0 0 18px color-mix(in srgb, var(--q) 50%, transparent); }
.bzqc-exact { text-align:right; }
.bzqc-exact span { display:block; font-size:11px; text-transform:uppercase; letter-spacing:.5px; color:rgba(234,255,251,0.5); }
.bzqc-exact b { font-size:34px; font-weight:700; color:#fff; line-height:1.1; font-variant-numeric:tabular-nums; }
.bzqc-exact small { display:block; font-size:12px; color:rgba(234,255,251,0.6); margin-top:3px; }
.bzqc-exact small i { font-style:normal; color:var(--q); font-weight:600; }

.bzqc-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.bzqc-metric { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:12px; padding:14px; text-align:center; }
.bzqc-metric span { display:block; font-size:11px; color:rgba(234,255,251,0.5); margin-bottom:5px; }
.bzqc-metric b { font-size:24px; color:var(--q); font-variant-numeric:tabular-nums; }

.bzqc-models { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.bzqc-model { display:flex; align-items:center; gap:10px; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.07); border-radius:11px; padding:9px 11px; }
.bzqc-model-ic { flex:0 0 auto; width:36px; height:36px; border-radius:9px; background:#0b0f14; border:2px solid var(--c,#7C8CFF); display:flex; align-items:center; justify-content:center; }
.bzqc-model-ic span { font-size:13px; font-weight:800; color:var(--c,#7C8CFF); }
.bzqc-model-meta { flex:1 1 auto; min-width:0; }
.bzqc-model-meta b { display:block; font-size:13px; color:#fff; }
.bzqc-model-meta span { font-size:12px; color:rgba(234,255,251,0.6); font-variant-numeric:tabular-nums; }
.bzqc-model-conf { flex:0 0 auto; font-size:12px; color:var(--c,#7C8CFF); font-weight:600; }

.bzqc-narrative { font-size:14px; line-height:1.6; color:rgba(234,255,251,0.85); background:color-mix(in srgb, var(--q) 6%, transparent);
	border-left:3px solid var(--q); border-radius:0 12px 12px 0; padding:13px 15px; }

.bzqc-rates { font-size:11px; color:rgba(234,255,251,0.5); font-weight:400; }
.bzqc-tbl { width:100%; border-collapse:collapse; font-size:13px; }
.bzqc-tbl th, .bzqc-tbl td { padding:8px 12px; text-align:left; border-bottom:1px solid rgba(255,255,255,0.06); color:rgba(234,255,251,0.85); font-variant-numeric:tabular-nums; }
.bzqc-tbl th { font-size:11px; text-transform:uppercase; letter-spacing:.4px; color:rgba(234,255,251,0.5); }
.bzqc-tbl tr.is-exact td:last-child { color:#00ff88; font-weight:700; }

@media screen and (max-width:760px) { .bzqc-metrics, .bzqc-models { grid-template-columns:1fr; } .bzqc-hero { text-align:center; } .bzqc-exact { text-align:center; } }

/* Sinal Quântico Oficial — v1.21.1 */
.bzqc-signal { --q:#9b8cff; border:1px solid color-mix(in srgb, var(--q) 40%, transparent); border-radius:16px; padding:16px 18px; margin-bottom:16px;
	background:linear-gradient(135deg, color-mix(in srgb, var(--q) 16%, transparent), rgba(255,255,255,0.02)); }
.bzqc-signal[data-qstate="singularidade"] { --q:#00ff88; }
.bzqc-signal[data-qstate="alinhamento"]   { --q:#00ffe7; }
.bzqc-signal[data-qstate="formacao"]      { --q:#ffce3a; }
.bzqc-signal[data-qstate="turbulencia"]   { --q:#ff6b00; }
.bzqc-sig-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.bzqc-sig-tag { font-size:11px; text-transform:uppercase; letter-spacing:1px; color:var(--q); font-weight:700; }
.bzqc-sig-n { font-size:20px; font-weight:800; color:#fff; font-variant-numeric:tabular-nums; }
.bzqc-sig-body { display:flex; gap:22px; align-items:center; flex-wrap:wrap; }
.bzqc-sig-event span { display:block; font-size:11px; text-transform:uppercase; letter-spacing:.5px; color:rgba(234,255,251,0.5); }
.bzqc-sig-event b { font-size:36px; font-weight:800; color:#fff; line-height:1.1; font-variant-numeric:tabular-nums; }
.bzqc-sig-event small { display:block; font-size:12px; color:rgba(234,255,251,0.6); margin-top:2px; }
.bzqc-sig-event small i { font-style:normal; color:var(--q); font-weight:600; }
.bzqc-sig-stats { display:flex; gap:20px; margin-left:auto; flex-wrap:wrap; }
.bzqc-sig-stats span { display:block; font-size:11px; color:rgba(234,255,251,0.5); margin-bottom:3px; }
.bzqc-sig-stats b { font-size:18px; color:var(--q); }
.bzqc-sig-empty { font-size:13px; color:rgba(234,255,251,0.6); padding:6px 0; }

/* Quantum Convergence II — acento distinto — v1.22.0 */
.bzqc--ii { --q:#ff66cc; }
.bzqc--ii .bzqc-signal { --q:#ff66cc; }
.bzqc--ii .bzqc-signal[data-qstate="singularidade"] { --q:#00ff88; }
.bzqc--ii .bzqc-signal[data-qstate="alinhamento"]   { --q:#ff66cc; }
.bzqc--ii .bzqc-signal[data-qstate="formacao"]      { --q:#ffce3a; }
.bzqc--ii .bzqc-signal[data-qstate="turbulencia"]   { --q:#ff6b00; }

/* ==========================================================================
   Previsão Exata™ — v1.27.0
   ========================================================================== */
.bzex { --ex:#00e08a; display:flex; flex-direction:column; gap:14px; }
.bzex-sub { color:rgba(234,255,251,0.7); font-size:14px; margin:0 0 4px; }
.bzex-main { text-align:center; background:linear-gradient(135deg, rgba(0,224,138,0.08), rgba(255,255,255,0.02));
	border:1px solid rgba(0,224,138,0.25); border-radius:18px; padding:20px 16px; }
.bzex-main-label { font-size:12px; letter-spacing:1.5px; text-transform:uppercase; color:rgba(234,255,251,0.55); }
.bzex-point { font-size:84px; font-weight:800; line-height:1; color:#fff; text-shadow:0 0 30px rgba(0,224,138,0.4); margin:4px 0; font-variant-numeric:tabular-nums; }
.bzex-region { font-size:24px; font-weight:600; color:rgba(234,255,251,0.6); display:flex; gap:10px; align-items:center; justify-content:center; }
.bzex-region i { color:rgba(255,255,255,0.2); font-style:normal; }
.bzex-region b { color:var(--ex); font-size:30px; }
.bzex-conf { margin-top:10px; font-size:13px; color:rgba(234,255,251,0.6); }
.bzex-conf b { color:var(--ex); font-size:15px; }

.bzex-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.bzex-card { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:14px; padding:14px 16px; }
.bzex-card-h { font-size:13px; font-weight:600; color:#fff; margin-bottom:10px; }
.bzex-card-h small { font-weight:400; color:rgba(234,255,251,0.45); font-size:11px; }
.bzex-strat { display:flex; justify-content:space-between; align-items:baseline; padding:4px 0; }
.bzex-strat span { color:rgba(234,255,251,0.6); font-size:13px; }
.bzex-strat b { color:#fff; font-size:18px; }
.bzex-note { font-size:12px; color:rgba(234,255,251,0.5); line-height:1.5; margin:8px 0 0; }

.bzex-last { display:flex; gap:6px; flex-wrap:wrap; }
.bzex-dot { width:18px; height:18px; border-radius:50%; display:inline-block; }
.bzex-dot--branco { background:#fff; box-shadow:0 0 0 1px rgba(0,0,0,0.3); }
.bzex-dot--vermelho { background:#e23b3b; }
.bzex-dot--preto { background:#1a1f2e; box-shadow:0 0 0 1px rgba(255,255,255,0.15); }

.bzex-preds { display:flex; flex-direction:column; gap:5px; }
.bzex-pred-row { display:flex; align-items:center; gap:8px; font-size:13px; color:rgba(234,255,251,0.85); }
.bzex-pred-val { font-variant-numeric:tabular-nums; }
.bzex-badge { font-size:11px; font-weight:700; padding:2px 8px; border-radius:999px; }
.bzex-badge--hit { background:rgba(0,224,138,0.16); color:#00e08a; border:1px solid rgba(0,224,138,0.4); }
.bzex-badge--near { background:rgba(255,206,58,0.14); color:#ffce3a; border:1px solid rgba(255,206,58,0.35); }
.bzex-badge--miss { background:rgba(255,90,82,0.12); color:#ff7a73; border:1px solid rgba(255,90,82,0.3); }

.bzex-models { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.bzex-model { display:flex; align-items:center; gap:8px; background:rgba(255,255,255,0.025); border:1px solid rgba(255,255,255,0.06); border-radius:9px; padding:8px 10px; font-size:12px; }
.bzex-model-n { font-weight:600; color:#fff; flex:1; }
.bzex-model-p { color:rgba(234,255,251,0.7); }
.bzex-model-p b { color:var(--ex); }
.bzex-model-w { color:rgba(234,255,251,0.45); font-size:11px; }

.bzex-score { display:flex; flex-direction:column; gap:6px; }
.bzex-sc-row { display:flex; align-items:center; gap:10px; font-size:13px; padding:6px 8px; border-radius:8px; background:rgba(255,255,255,0.02); }
.bzex-sc-name { flex:1; color:#fff; font-weight:600; }
.bzex-sc-x { color:#00e08a; }
.bzex-sc-e { color:rgba(234,255,251,0.6); font-variant-numeric:tabular-nums; }

.bzex-weights { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.bzex-wrow { display:flex; justify-content:space-between; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.06); border-radius:8px; padding:7px 10px; font-size:13px; color:rgba(234,255,251,0.8); }
.bzex-wrow b { color:var(--ex); }
.bzex-empty { color:rgba(234,255,251,0.45); font-size:13px; padding:8px 0; }

@media screen and (max-width:760px) { .bzex-grid, .bzex-models, .bzex-weights { grid-template-columns:1fr; } .bzex-point { font-size:64px; } }

/* Previsão Exata — bloco duplo (giros + horário) v1.27.1 */
.bzex-mains { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.bzex-mains .bzex-main { margin:0; }
.bzex-main-label small { display:block; font-size:10px; letter-spacing:.4px; color:rgba(234,255,251,0.4); text-transform:none; margin-top:2px; }
.bzex-main--time { --ex:#00c2ff; background:linear-gradient(135deg, rgba(0,194,255,0.08), rgba(255,255,255,0.02)); border-color:rgba(0,194,255,0.25); }
.bzex-main--time .bzex-point { text-shadow:0 0 30px rgba(0,194,255,0.4); font-variant-numeric:normal; }
@media screen and (max-width:760px){ .bzex-mains { grid-template-columns:1fr; } }

/* Previsão Exata — bloco Double ao vivo v1.27.2 */
.bzex-live .bzex-card-h { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.bzex-live .bzex-card-h small { font-weight:400; color:rgba(234,255,251,0.45); font-size:11px; margin-left:auto; }
.bzex-live .bzg-card { margin-top:4px; }

/* Relatórios do dia — cards de modelo (estilo suíte) v1.27.3 */
.bzex-modelcards { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:10px; }
.bzex-mc { display:flex; align-items:center; gap:12px; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:12px; padding:12px 14px; }
.bzex-mc-ic { flex:0 0 auto; width:46px; height:46px; border-radius:11px; background:#0b0f14; border:2px solid var(--c,#7C8CFF); display:flex; align-items:center; justify-content:center; box-shadow:0 0 16px -5px var(--c,#7C8CFF) inset; }
.bzex-mc-ic span { font-size:16px; font-weight:800; letter-spacing:.5px; color:var(--c,#7C8CFF); }
.bzex-mc-meta { flex:1; min-width:0; }
.bzex-mc-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.bzex-mc-top b { color:#fff; font-size:14px; }
.bzex-mc-rank { font-size:11px; font-weight:700; color:var(--c,#7C8CFF); border:1px solid var(--c,#7C8CFF); border-radius:999px; padding:1px 8px; opacity:.9; }
.bzex-mc-stats { display:flex; gap:16px; margin-top:6px; flex-wrap:wrap; }
.bzex-mc-stats span { font-size:11px; color:rgba(234,255,251,0.55); }
.bzex-mc-stats b { color:#fff; font-size:14px; margin-left:3px; font-variant-numeric:tabular-nums; }

/* rank badge no placar */
.bzex-rank { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:6px; background:rgba(0,224,138,0.15); color:#00e08a; font-size:11px; font-weight:700; font-style:normal; margin-right:7px; }
@media screen and (max-width:760px){ .bzex-modelcards { grid-template-columns:1fr; } }

/* Relatórios do dia — sinais oficiais v1.27.5 */
.bzex-summary { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-bottom:12px; }
.bzex-sum-i { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.07); border-radius:10px; padding:9px; text-align:center; }
.bzex-sum-i span { display:block; font-size:10px; color:rgba(234,255,251,0.5); margin-bottom:3px; }
.bzex-sum-i b { font-size:18px; color:#fff; }
.bzex-sum-i--hit b { color:#00e08a; }
.bzex-sum-i--near b { color:#ffce3a; }
.bzex-sum-i--miss b { color:#ff7a73; }
.bzex-signals { display:flex; flex-direction:column; gap:5px; }
.bzex-sig-row { display:flex; align-items:center; gap:10px; font-size:13px; padding:7px 9px; border-radius:8px; background:rgba(255,255,255,0.02); }
.bzex-sig-vals { flex:1; color:rgba(234,255,251,0.85); }
.bzex-sig-vals b { color:#fff; }
.bzex-sig-vals em { color:#ff7a73; font-style:normal; font-size:12px; }
.bzex-sig-time { color:rgba(234,255,251,0.4); font-size:11px; font-variant-numeric:tabular-nums; }
@media screen and (max-width:760px){ .bzex-summary { grid-template-columns:repeat(3,1fr); } }

/* Relatórios do dia — tabela de sinais v1.27.8 */
.bzex-tbl { width:100%; border-collapse:collapse; font-size:13px; }
.bzex-tbl th, .bzex-tbl td { padding:9px 12px; text-align:left; border-bottom:1px solid rgba(255,255,255,0.06); color:rgba(234,255,251,0.85); white-space:nowrap; }
.bzex-tbl th { font-size:11px; text-transform:uppercase; letter-spacing:.4px; color:rgba(234,255,251,0.5); font-weight:600; }
.bzex-tbl td b { color:#fff; font-variant-numeric:tabular-nums; }
.bzex-tbl td em { color:#ff7a73; font-style:normal; font-size:12px; margin-left:6px; }
.bzex-tbl tbody tr:hover { background:rgba(255,255,255,0.02); }
.bzex-tbl-model { display:flex; align-items:center; gap:8px; color:#fff; }
.bzex-tbl-ic { display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:7px; background:#0b0f14; border:1.5px solid var(--c,#7C8CFF); color:var(--c,#7C8CFF); font-size:11px; font-weight:800; }
@media screen and (max-width:760px){ .bzex-tbl th:nth-child(1), .bzex-tbl td:nth-child(1){ display:none; } }

/* Previsão Exata — janelas de confiança v1.29.0 */
.bzex-win-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.bzex-win { background:rgba(255,255,255,0.03); border:1px solid rgba(0,224,138,0.25); border-radius:12px; padding:12px; text-align:center; }
.bzex-win--80 { border-color:rgba(0,194,255,0.3); }
.bzex-win--90 { border-color:rgba(192,132,252,0.3); }
.bzex-win > span { display:block; font-size:13px; font-weight:700; color:#00e08a; }
.bzex-win--80 > span { color:#00c2ff; }
.bzex-win--90 > span { color:#c084fc; }
.bzex-win b { display:block; font-size:20px; color:#fff; margin:4px 0 2px; font-variant-numeric:tabular-nums; }
.bzex-win small { font-size:11px; color:rgba(234,255,251,0.5); }
.bzex-win small i { font-style:normal; color:rgba(234,255,251,0.8); }
@media screen and (max-width:760px){ .bzex-win-grid { grid-template-columns:1fr; } }

/* Desempenho — calibração das janelas v1.30.0 */
.bzex-calib-n { font-size:11px; color:rgba(234,255,251,0.5); margin-bottom:8px; }
.bzex-cal-row { display:flex; align-items:center; gap:10px; margin-bottom:8px; font-size:13px; }
.bzex-cal-lbl { flex:0 0 90px; color:rgba(234,255,251,0.8); }
.bzex-cal-bar { position:relative; flex:1; height:12px; border-radius:8px; background:rgba(255,255,255,0.06); overflow:hidden; }
.bzex-cal-bar i { position:absolute; left:0; top:0; bottom:0; background:linear-gradient(90deg,#00c2ff,#00e08a); border-radius:8px; }
.bzex-cal-bar u { position:absolute; top:-2px; bottom:-2px; width:2px; background:#ffce3a; box-shadow:0 0 6px #ffce3a; } /* alvo esperado */
.bzex-cal-row b { flex:0 0 48px; text-align:right; font-variant-numeric:tabular-nums; }
.bzex-cal-ok { color:#00e08a; }
.bzex-cal-off { color:#ffce3a; }

/* Contexto & Estatísticas v1.31.0 */
.bzctx-metrics .bzex-card { text-align:center; }
.bzctx-k { font-size:11px; color:rgba(234,255,251,0.5); }
.bzctx-v { font-size:26px; font-weight:700; color:#fff; margin:4px 0 2px; }
.bzctx-s { font-size:11px; color:rgba(234,255,251,0.5); }
.bzctx-s b { color:rgba(234,255,251,0.8); }
.bzctx-heat { display:grid; grid-template-columns:repeat(15,1fr); gap:4px; }
.bzctx-cell { border-radius:6px; padding:6px 2px; text-align:center; }
.bzctx-cell--branco { background:#fff; color:#11151f; }
.bzctx-cell--vermelho { background:#e23b3b; color:#fff; }
.bzctx-cell--preto { background:#1a1f2e; color:#fff; box-shadow:0 0 0 1px rgba(255,255,255,0.1); }
.bzctx-cell b { display:block; font-size:13px; }
.bzctx-cell span { font-size:10px; opacity:.8; }
.bzctx-hours { display:flex; align-items:flex-end; gap:3px; height:90px; }
.bzctx-hb { flex:1; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; height:100%; }
.bzctx-hb i { width:70%; background:linear-gradient(180deg,#00e08a,#00c2ff); border-radius:3px 3px 0 0; min-height:2px; }
.bzctx-hb.is-now i { background:linear-gradient(180deg,#ffce3a,#ff6b00); }
.bzctx-hb u { font-style:normal; font-size:8px; color:rgba(234,255,251,0.4); margin-top:2px; }
.bzctx-brow { display:flex; align-items:center; gap:8px; font-size:12px; margin-bottom:6px; color:rgba(234,255,251,0.8); }
.bzctx-brow span { flex:0 0 56px; }
.bzctx-bbar { flex:1; height:8px; border-radius:6px; background:rgba(255,255,255,0.06); overflow:hidden; }
.bzctx-bbar b { display:block; height:100%; background:linear-gradient(90deg,#2dd4bf,#00e08a); }
.bzctx-brow u { font-style:normal; flex:0 0 36px; text-align:right; color:#fff; }
.bzctx-next { display:flex; gap:18px; }
.bzctx-nrow { display:flex; align-items:center; gap:6px; font-size:15px; color:#fff; }

/* Gestão de Banca / Kelly v1.32.0 */
.bzbank-field { margin-bottom:10px; }
.bzbank-field label { display:block; font-size:11px; color:rgba(234,255,251,0.5); margin-bottom:4px; }
.bzbank-field input, .bzbank-field select { width:100%; padding:9px 11px; border-radius:9px; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.12); color:#fff; font-size:14px; }
.bzbank-row { display:flex; justify-content:space-between; align-items:baseline; padding:6px 0; border-bottom:1px solid rgba(255,255,255,0.05); font-size:13px; color:rgba(234,255,251,0.7); }
.bzbank-row b { color:#fff; font-size:15px; font-variant-numeric:tabular-nums; }
.bzbank-verdict { margin-top:12px; padding:12px 14px; border-radius:12px; font-size:14px; font-weight:600; }
.bzbank-verdict.is-no { background:rgba(255,90,82,0.1); border:1px solid rgba(255,90,82,0.35); color:#ff9a93; }
.bzbank-verdict.is-yes { background:rgba(0,224,138,0.1); border:1px solid rgba(0,224,138,0.35); color:#7dffc0; }

/* Alertas Previsão (Pro) v1.35.0 */
.bzex-alert-btn { margin-left:12px; display:inline-flex; align-items:center; gap:6px; background:rgba(0,224,138,0.12); border:1px solid rgba(0,224,138,0.35); color:#00e08a; border-radius:999px; padding:4px 11px; font-size:12px; cursor:pointer; }
.bzex-alert-btn svg { width:14px; height:14px; }
.bzex-alert-btn.is-off { background:rgba(255,255,255,0.05); border-color:rgba(255,255,255,0.15); color:rgba(234,255,251,0.5); }
.bzex-toastwrap { position:fixed; right:18px; bottom:18px; z-index:100000; display:flex; flex-direction:column; gap:10px; max-width:340px; }
.bzex-toast { display:flex; align-items:center; gap:10px; background:#0c1620; border:1px solid rgba(0,224,138,0.4); border-radius:12px; padding:12px 14px; box-shadow:0 12px 36px rgba(0,0,0,0.5); color:#eafffb; font-size:13px; transform:translateX(120%); opacity:0; transition:transform .35s cubic-bezier(.2,.9,.3,1.2), opacity .35s; }
.bzex-toast.is-in { transform:translateX(0); opacity:1; }
.bzex-toast svg { width:20px; height:20px; color:#00e08a; flex:0 0 auto; }
@media screen and (max-width:560px){ .bzex-toastwrap { left:12px; right:12px; max-width:none; } }

/* Export CSV (Elite) */
.bzex-export{display:flex;flex-wrap:wrap;gap:8px}
.bzex-exp-btn{cursor:pointer;border:1px solid rgba(0,194,255,.35);background:rgba(0,194,255,.08);color:#cfeffc;font-size:12px;font-weight:600;padding:8px 12px;border-radius:8px;transition:background .15s,border-color .15s}
.bzex-exp-btn:hover{background:rgba(0,194,255,.18);border-color:rgba(0,194,255,.6)}
.bzex-exp-btn:disabled{opacity:.6;cursor:default}

/* Nome da aplicação (topo esquerdo) */
.bzg-appname{
	font-family:var(--heading-font,var(--body-font));font-weight:800;font-size:20px;letter-spacing:.5px;
	color:#fff;line-height:1;flex-shrink:0;margin-right:24px;white-space:nowrap;
	text-shadow:0 1px 12px rgba(0,0,0,.35);
}
@media (max-width:640px){ .bzg-appname{ font-size:16px;margin-right:12px } }

/* Fundos alternativos do painel (sem vídeo) */
.video-bg--matte{
	background:
		radial-gradient(1200px 800px at 70% -10%, #161b27 0%, rgba(22,27,39,0) 60%),
		linear-gradient(180deg,#0c0f17 0%,#070910 100%);
}
.video-bg--geo{
	background-color:#0a0d15;
	background-image:
		linear-gradient(135deg, rgba(255,255,255,.035) 25%, transparent 25%),
		linear-gradient(225deg, rgba(255,255,255,.035) 25%, transparent 25%),
		linear-gradient(45deg, rgba(255,255,255,.025) 25%, transparent 25%),
		linear-gradient(315deg, rgba(255,255,255,.025) 25%, transparent 25%),
		radial-gradient(1000px 700px at 80% -10%, rgba(43,123,255,.10) 0%, rgba(43,123,255,0) 55%);
	background-position: 30px 0, 30px 0, 0 0, 0 0, 0 0;
	background-size: 60px 60px, 60px 60px, 60px 60px, 60px 60px, 100% 100%;
}