/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-y9f3enf1ys] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-y9f3enf1ys] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-xjxln7x2pt],
.components-reconnect-repeated-attempt-visible[b-xjxln7x2pt],
.components-reconnect-failed-visible[b-xjxln7x2pt],
.components-pause-visible[b-xjxln7x2pt],
.components-resume-failed-visible[b-xjxln7x2pt],
.components-rejoining-animation[b-xjxln7x2pt] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-xjxln7x2pt],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-xjxln7x2pt],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-xjxln7x2pt],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-xjxln7x2pt],
#components-reconnect-modal.components-reconnect-retrying[b-xjxln7x2pt],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-xjxln7x2pt],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-xjxln7x2pt],
#components-reconnect-modal.components-reconnect-failed[b-xjxln7x2pt],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-xjxln7x2pt] {
    display: block;
}


#components-reconnect-modal[b-xjxln7x2pt] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-xjxln7x2pt 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-xjxln7x2pt 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-xjxln7x2pt 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-xjxln7x2pt]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-xjxln7x2pt 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-xjxln7x2pt {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-xjxln7x2pt {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-xjxln7x2pt {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-xjxln7x2pt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-xjxln7x2pt] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-xjxln7x2pt] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-xjxln7x2pt] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-xjxln7x2pt] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-xjxln7x2pt] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-xjxln7x2pt] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-xjxln7x2pt 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-xjxln7x2pt] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-xjxln7x2pt {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}

/* ===== Dark Mode ===== */
:global([data-theme="dark"]) #components-reconnect-modal[b-xjxln7x2pt] {
    background-color: #1e1e2f;
    color: #e8e8f0;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.5);
}

:global([data-theme="dark"]) #components-reconnect-modal[b-xjxln7x2pt]::backdrop {
    background-color: rgba(0, 0, 0, 0.6);
}

:global([data-theme="dark"]) #components-reconnect-modal button[b-xjxln7x2pt] {
    background-color: #6b82f7;
}

:global([data-theme="dark"]) #components-reconnect-modal button:hover[b-xjxln7x2pt] {
    background-color: #5468d4;
}

:global([data-theme="dark"]) .components-rejoining-animation div[b-xjxln7x2pt] {
    border-color: #6b82f7;
}
/* /Components/Pages/Admin.razor.rz.scp.css */
/* Admin Layout with Sidebar */
.admin-layout[b-90nz5mxhv2] {
	display: flex;
	gap: 24px;
	max-width: 1600px;
	margin: 0 auto;
	padding: 32px 24px;
	min-height: calc(100vh - 100px);
}

.admin-content[b-90nz5mxhv2] {
	flex: 1;
	min-width: 0;
}

[data-theme="dark"] .admin-layout[b-90nz5mxhv2] {
	background: transparent;
}

@@media (max-width: 768px) {
	.admin-layout[b-90nz5mxhv2] {
		flex-direction: column;
		padding: 16px;
		gap: 16px;
	}
}

/* Acesso Negado */
.acesso-negado[b-90nz5mxhv2] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 100px);
	gap: 12px;
	text-align: center;
	padding: 24px;
}

.acesso-negado i[b-90nz5mxhv2] {
	font-size: 64px;
	color: var(--primary-purple);
}

.acesso-negado h2[b-90nz5mxhv2] {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	color: var(--text-dark);
}

.acesso-negado p[b-90nz5mxhv2] {
	margin: 0;
	color: var(--text-medium);
	font-size: 16px;
}

.btn-voltar[b-90nz5mxhv2] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: var(--primary-purple);
	color: var(--white);
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	margin-top: 8px;
	transition: all 0.2s;
}

.btn-voltar:hover[b-90nz5mxhv2] {
	background: var(--primary-purple-light);
}

/* Admin Page */
.admin-page[b-90nz5mxhv2] {
	max-width: 1400px;
	margin: 0 auto;
	padding: 32px 24px;
	background: var(--bg-gray);
	min-height: calc(100vh - 100px);
}

.admin-header[b-90nz5mxhv2] {
	margin-bottom: 32px;
}

.admin-header h1[b-90nz5mxhv2] {
	margin: 0 0 4px 0;
	font-size: 28px;
	font-weight: 700;
	color: var(--text-dark);
}

.admin-header p[b-90nz5mxhv2] {
	margin: 0;
	font-size: 15px;
	color: var(--text-medium);
}

.admin-header-top[b-90nz5mxhv2] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.btn-admin-logs[b-90nz5mxhv2] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: var(--primary-purple);
	color: var(--white);
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-admin-logs:hover[b-90nz5mxhv2] {
	background: var(--primary-purple-light);
	color: var(--white);
	text-decoration: none;
}

.btn-admin-logs i[b-90nz5mxhv2] {
	font-size: 16px;
}

/* Ações do header admin */
.admin-header-acoes[b-90nz5mxhv2] {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.btn-admin-acao[b-90nz5mxhv2] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: var(--white);
	color: var(--primary-purple);
	border: 1.5px solid var(--primary-purple);
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-admin-acao:hover[b-90nz5mxhv2] {
	background: var(--primary-purple);
	color: var(--white);
	text-decoration: none;
}

.btn-admin-acao i[b-90nz5mxhv2] {
	font-size: 16px;
}

/* Métricas Grid */
.metricas-grid[b-90nz5mxhv2] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 16px;
	margin-bottom: 24px;
}

.metrica-card[b-90nz5mxhv2] {
	background: var(--white);
	border-radius: 16px;
	padding: 20px;
	display: flex;
	align-items: center;
	gap: 16px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

.metrica-icon[b-90nz5mxhv2] {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.metrica-icon i[b-90nz5mxhv2] {
	font-size: 22px;
	color: var(--white);
}

.bg-purple[b-90nz5mxhv2] { background: var(--primary-purple); }
.bg-pink[b-90nz5mxhv2] { background: var(--accent-pink); }
.bg-blue[b-90nz5mxhv2] { background: #2196f3; }
.bg-green[b-90nz5mxhv2] { background: #4caf50; }
.bg-orange[b-90nz5mxhv2] { background: #ff9800; }
.bg-teal[b-90nz5mxhv2] { background: #009688; }

.metrica-info[b-90nz5mxhv2] {
	display: flex;
	flex-direction: column;
}

.metrica-valor[b-90nz5mxhv2] {
	font-size: 28px;
	font-weight: 700;
	color: var(--text-dark);
	line-height: 1;
}

.metrica-label[b-90nz5mxhv2] {
	font-size: 13px;
	color: var(--text-medium);
	margin-top: 2px;
}

/* Sub-métricas */
.sub-metricas[b-90nz5mxhv2] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 16px;
	margin-bottom: 32px;
}

.sub-card[b-90nz5mxhv2] {
	background: var(--white);
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

.sub-card h3[b-90nz5mxhv2] {
	margin: 0 0 12px 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--text-dark);
}

.sub-items[b-90nz5mxhv2] {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.sub-item[b-90nz5mxhv2] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 0;
	font-size: 14px;
	color: var(--text-dark);
}

.sub-item span[b-90nz5mxhv2] {
	color: var(--text-medium);
}

.sub-item strong[b-90nz5mxhv2] {
	font-size: 16px;
}

.destaque-perigo strong[b-90nz5mxhv2] {
	color: var(--danger-red);
}

/* Seções */
.admin-section[b-90nz5mxhv2] {
	background: var(--white);
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 24px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

.admin-section h2[b-90nz5mxhv2] {
	margin: 0 0 16px 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--text-dark);
}

/* ===== Relatórios ===== */
.relatorios-grid[b-90nz5mxhv2] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 16px;
	margin-bottom: 24px;
}

.relatorio-card[b-90nz5mxhv2] {
	background: var(--bg-gray);
	border-radius: 12px;
	padding: 16px;
	border: 1px solid var(--border-light);
}

.relatorio-header[b-90nz5mxhv2] {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
}

.relatorio-header h3[b-90nz5mxhv2] {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--text-dark);
}

.relatorio-icon[b-90nz5mxhv2] {
	font-size: 20px;
}

.text-green[b-90nz5mxhv2] { color: #4caf50; }
.text-blue[b-90nz5mxhv2] { color: #2196f3; }
.text-purple[b-90nz5mxhv2] { color: var(--primary-purple); }
.text-orange[b-90nz5mxhv2] { color: #ff9800; }

.relatorio-body[b-90nz5mxhv2] {
	display: flex;
	gap: 20px;
}

.relatorio-stat[b-90nz5mxhv2] {
	display: flex;
	flex-direction: column;
}

.relatorio-numero[b-90nz5mxhv2] {
	font-size: 24px;
	font-weight: 700;
	color: var(--text-dark);
	line-height: 1.1;
}

.relatorio-periodo[b-90nz5mxhv2] {
	font-size: 11px;
	color: var(--text-medium);
	margin-top: 2px;
}

.relatorio-subtitulo[b-90nz5mxhv2] {
	font-size: 15px;
	font-weight: 600;
	color: var(--text-dark);
	margin: 0 0 16px 0;
}

/* Gráfico de Barras */
.grafico-barras[b-90nz5mxhv2] {
	display: flex;
	align-items: flex-end;
	gap: 8px;
	height: 140px;
	padding: 0 4px;
}

.barra-wrapper[b-90nz5mxhv2] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	justify-content: flex-end;
	gap: 6px;
}

.barra[b-90nz5mxhv2] {
	width: 100%;
	min-height: 4px;
	background: linear-gradient(180deg, var(--primary-purple), var(--primary-purple-light));
	border-radius: 6px 6px 0 0;
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	transition: height 0.3s ease;
}

.barra-valor[b-90nz5mxhv2] {
	position: absolute;
	top: -20px;
	font-size: 12px;
	font-weight: 700;
	color: var(--text-dark);
}

.barra-label[b-90nz5mxhv2] {
	font-size: 11px;
	color: var(--text-medium);
	white-space: nowrap;
}

/* Responsivo — Métricas e Sub-métricas */
@media (max-width: 768px) {
	.admin-page[b-90nz5mxhv2] {
		padding: 24px 16px;
	}

	.admin-header h1[b-90nz5mxhv2] {
		font-size: 22px;
	}

	.metricas-grid[b-90nz5mxhv2] {
		grid-template-columns: repeat(2, 1fr);
	}

	.metrica-card[b-90nz5mxhv2] {
		padding: 16px;
	}

	.metrica-valor[b-90nz5mxhv2] {
		font-size: 22px;
	}

	.metrica-icon[b-90nz5mxhv2] {
		width: 40px;
		height: 40px;
	}

	.metrica-icon i[b-90nz5mxhv2] {
		font-size: 18px;
	}

	.sub-metricas[b-90nz5mxhv2] {
		grid-template-columns: 1fr;
	}

	.admin-section[b-90nz5mxhv2] {
		padding: 16px;
	}
}

@media (max-width: 480px) {
	.metricas-grid[b-90nz5mxhv2] {
		grid-template-columns: 1fr;
	}
}

/* Responsivo — Relatórios */
@media (max-width: 768px) {
	.relatorios-grid[b-90nz5mxhv2] {
		grid-template-columns: repeat(2, 1fr);
	}

	.relatorio-body[b-90nz5mxhv2] {
		flex-direction: column;
		gap: 8px;
	}

	.relatorio-numero[b-90nz5mxhv2] {
		font-size: 20px;
	}

	.grafico-barras[b-90nz5mxhv2] {
		height: 100px;
	}
}

@media (max-width: 480px) {
	.relatorios-grid[b-90nz5mxhv2] {
		grid-template-columns: 1fr;
	}
}

/* ============================================
   DARK MODE — [data-theme="dark"]
   ============================================ */

:global([data-theme="dark"]) .admin-page[b-90nz5mxhv2] {
	background: #121220;
}

:global([data-theme="dark"]) .acesso-negado h2[b-90nz5mxhv2] {
	color: var(--text-dark);
}

:global([data-theme="dark"]) .acesso-negado p[b-90nz5mxhv2] {
	color: var(--text-medium);
}

:global([data-theme="dark"]) .metrica-card[b-90nz5mxhv2] {
	background: var(--white);
	border-color: var(--border-light);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .metrica-valor[b-90nz5mxhv2] {
	color: var(--text-dark);
}

:global([data-theme="dark"]) .metrica-label[b-90nz5mxhv2] {
	color: var(--text-medium);
}

:global([data-theme="dark"]) .sub-card[b-90nz5mxhv2] {
	background: var(--white);
	border-color: var(--border-light);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .sub-card h3[b-90nz5mxhv2] {
	color: var(--text-dark);
}

:global([data-theme="dark"]) .sub-item[b-90nz5mxhv2] {
	color: var(--text-dark);
}

:global([data-theme="dark"]) .admin-section[b-90nz5mxhv2] {
	background: var(--white);
	border-color: var(--border-light);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .relatorio-card[b-90nz5mxhv2] {
	background: rgba(30, 30, 47, 0.6);
	border-color: var(--border-light);
}

:global([data-theme="dark"]) .relatorio-header h3[b-90nz5mxhv2] {
	color: var(--text-dark);
}

:global([data-theme="dark"]) .relatorio-numero[b-90nz5mxhv2] {
	color: var(--text-dark);
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of [data-theme="dark"] section above */
/* /Components/Pages/AdminChamados.razor.rz.scp.css */
/* ========================================
   AdminChamados.razor.css
   Isolated CSS — Gestão de Chamados (Admin)
   ======================================== */

/* ===== Admin Layout ===== */
.admin-layout[b-cx2aky22rv] {
	display: flex;
	gap: 24px;
	max-width: 1600px;
	margin: 0 auto;
	padding: 32px 24px;
	min-height: calc(100vh - 100px);
}

.admin-content[b-cx2aky22rv] {
	flex: 1;
	min-width: 0;
}

[data-theme="dark"] .admin-layout[b-cx2aky22rv] {
	background: transparent;
}

@@media (max-width: 768px) {
	.admin-layout[b-cx2aky22rv] {
		flex-direction: column;
		padding: 16px;
		gap: 16px;
	}
}

/* ===== Acesso Negado ===== */

.acesso-negado[b-cx2aky22rv] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 100px);
	gap: 12px;
	text-align: center;
	padding: 4rem 24px;
}

.acesso-negado i[b-cx2aky22rv] {
	font-size: 64px;
	color: var(--primary-purple);
}

.acesso-negado h2[b-cx2aky22rv] {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	color: var(--text-dark);
}

.acesso-negado p[b-cx2aky22rv] {
	margin: 0;
	color: var(--text-medium);
	font-size: 16px;
}

.btn-voltar-link[b-cx2aky22rv] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: var(--primary-purple);
	color: var(--white);
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	margin-top: 8px;
	transition: all 0.2s;
}

.btn-voltar-link:hover[b-cx2aky22rv] {
	background: var(--primary-purple-light);
	color: var(--white);
	text-decoration: none;
}

/* ===== Page Layout ===== */

.admin-chamados-page[b-cx2aky22rv] {
	max-width: 1200px;
	margin: 0 auto;
	padding: 32px 24px;
	background: var(--bg-gray);
	min-height: calc(100vh - 100px);
}

/* ===== Loading & Error States ===== */

.carregando[b-cx2aky22rv] {
	text-align: center;
	padding: 4rem;
	color: var(--text-medium);
	font-size: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.spinner[b-cx2aky22rv] {
	width: 36px;
	height: 36px;
	border: 4px solid var(--border-light);
	border-top-color: var(--primary-purple);
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

.erro-carregamento[b-cx2aky22rv] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 4rem 24px;
	text-align: center;
	gap: 12px;
	color: var(--text-medium);
}

.erro-carregamento i[b-cx2aky22rv] {
	font-size: 48px;
	color: var(--danger-red);
}

.erro-carregamento h2[b-cx2aky22rv] {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	color: var(--text-dark);
}

.erro-carregamento p[b-cx2aky22rv] {
	margin: 0;
	font-size: 15px;
}

/* ===== Admin Header ===== */

.admin-header[b-cx2aky22rv] {
	margin-bottom: 2rem;
}

.admin-header h1[b-cx2aky22rv] {
	margin: 0 0 4px 0;
	font-size: 28px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 10px;
}

.admin-header h1 i[b-cx2aky22rv] {
	color: var(--primary-purple);
}

.admin-header p[b-cx2aky22rv] {
	margin: 0;
	font-size: 15px;
	color: var(--text-medium);
}

.admin-header-top[b-cx2aky22rv] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

/* ===== Métricas Grid (4 cards) ===== */

.metricas-grid[b-cx2aky22rv] {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	margin-bottom: 24px;
}

.metrica-card[b-cx2aky22rv] {
	background: var(--white);
	border-radius: 12px;
	padding: 1.5rem;
	display: flex;
	align-items: center;
	gap: 1rem;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	transition: all 0.2s;
}

.metrica-card:hover[b-cx2aky22rv] {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.metrica-icon[b-cx2aky22rv] {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.metrica-icon i[b-cx2aky22rv] {
	font-size: 22px;
	color: var(--white);
}

.bg-purple[b-cx2aky22rv] {
	background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
}

.bg-blue[b-cx2aky22rv] {
	background: linear-gradient(135deg, #007bff, #4dabf7);
}

.bg-orange[b-cx2aky22rv] {
	background: linear-gradient(135deg, #ff9800, #ffb74d);
}

.bg-green[b-cx2aky22rv] {
	background: linear-gradient(135deg, #4caf50, #66bb6a);
}

.metrica-info[b-cx2aky22rv] {
	display: flex;
	flex-direction: column;
}

.metrica-valor[b-cx2aky22rv] {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--text-dark);
	line-height: 1;
}

.metrica-label[b-cx2aky22rv] {
	font-size: 0.85rem;
	color: var(--text-medium);
	margin-top: 2px;
}

/* ===== Filter Bar ===== */

.filtros-bar[b-cx2aky22rv] {
	display: flex;
	gap: 1rem;
	align-items: flex-end;
	flex-wrap: wrap;
	background: var(--white);
	padding: 1.5rem;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	margin-bottom: 2rem;
}

.admin-filtro-grupo[b-cx2aky22rv] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
	min-width: 140px;
}

.admin-filtro-grupo label[b-cx2aky22rv] {
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.filtro-input-admin[b-cx2aky22rv],
.filtro-select-admin[b-cx2aky22rv] {
	padding: 10px 14px;
	border: 1.5px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.9rem;
	color: var(--text-dark);
	background: var(--white);
	outline: none;
	transition: border-color 0.2s, box-shadow 0.2s;
	box-sizing: border-box;
}

.filtro-input-admin:focus[b-cx2aky22rv],
.filtro-select-admin:focus[b-cx2aky22rv] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.1);
}

.filtro-select-admin[b-cx2aky22rv] {
	cursor: pointer;
	appearance: auto;
}

/* ===== Action Buttons ===== */

.btn-acao-primaria[b-cx2aky22rv] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: var(--white);
	border: none;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-acao-primaria:hover:not(:disabled)[b-cx2aky22rv] {
	opacity: 0.9;
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(108, 62, 182, 0.3);
}

/* ===== Admin Section ===== */

.admin-section[b-cx2aky22rv] {
	background: var(--white);
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 24px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

.section-header-row[b-cx2aky22rv] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
	flex-wrap: wrap;
}

.section-header-row h2[b-cx2aky22rv] {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 8px;
}

.section-header-row h2 i[b-cx2aky22rv] {
	color: var(--primary-purple);
}

.badge-count[b-cx2aky22rv] {
	background: rgba(108, 62, 182, 0.1);
	color: var(--primary-purple);
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
}

.badge-abertos[b-cx2aky22rv] {
	background: #007bff;
	color: #fff;
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
}

/* ===== Empty State ===== */

.empty-chamados[b-cx2aky22rv] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 3rem 16px;
	color: var(--text-medium);
}

.empty-chamados i[b-cx2aky22rv] {
	font-size: 48px;
	opacity: 0.4;
}

.empty-chamados p[b-cx2aky22rv] {
	margin: 0;
	font-size: 14px;
}

/* ===== Status Badges ===== */

.status-badge[b-cx2aky22rv] {
	display: inline-flex;
	align-items: center;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

.status-aberto[b-cx2aky22rv] {
	background: rgba(0, 123, 255, 0.1);
	color: #007bff;
}

.status-ematendimento[b-cx2aky22rv] {
	background: rgba(255, 152, 0, 0.1);
	color: #f57c00;
}

.status-pausado[b-cx2aky22rv] {
	background: rgba(108, 117, 125, 0.1);
	color: #6c757d;
}

.status-encerrado[b-cx2aky22rv] {
	background: rgba(40, 167, 69, 0.1);
	color: #28a745;
}

/* ===== Chamados Lista ===== */

.chamados-lista[b-cx2aky22rv] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.chamado-card[b-cx2aky22rv] {
	background: var(--bg-gray);
	border-radius: 12px;
	padding: 18px 20px;
	border: 1px solid var(--border-light);
	cursor: pointer;
	transition: all 0.2s;
	border-left: 4px solid transparent;
}

.chamado-card:hover[b-cx2aky22rv] {
	box-shadow: 0 4px 16px var(--shadow-color, rgba(0,0,0,0.08));
	transform: translateY(-1px);
}

.chamado-borda-aberto[b-cx2aky22rv] {
	border-left-color: #007bff;
}

.chamado-borda-ematendimento[b-cx2aky22rv] {
	border-left-color: #f57c00;
}

.chamado-borda-pausado[b-cx2aky22rv] {
	border-left-color: #6c757d;
}

.chamado-borda-encerrado[b-cx2aky22rv] {
	border-left-color: #28a745;
}

.chamado-card-header[b-cx2aky22rv] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.chamado-data[b-cx2aky22rv] {
	font-size: 12px;
	color: var(--text-medium);
	display: flex;
	align-items: center;
	gap: 4px;
}

.chamado-assunto[b-cx2aky22rv] {
	margin: 0 0 8px;
	font-size: 15px;
	font-weight: 600;
	color: var(--text-dark);
	line-height: 1.4;
}

.chamado-usuario-info[b-cx2aky22rv] {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: var(--text-medium);
	margin-bottom: 10px;
}

.chamado-usuario-info i[b-cx2aky22rv] {
	color: var(--primary-purple);
}

.chamado-usuario-email[b-cx2aky22rv] {
	opacity: 0.7;
	font-size: 12px;
}

.chamado-card-footer[b-cx2aky22rv] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.chamado-msgs-count[b-cx2aky22rv] {
	font-size: 12px;
	color: var(--text-medium);
	display: flex;
	align-items: center;
	gap: 5px;
}

.chamado-atendente-info[b-cx2aky22rv] {
	font-size: 12px;
	color: var(--text-medium);
	display: flex;
	align-items: center;
	gap: 4px;
}

.chamado-atendente-info i[b-cx2aky22rv] {
	color: #f57c00;
}

.chamado-seta[b-cx2aky22rv] {
	color: var(--text-medium);
	font-size: 14px;
	transition: transform 0.2s;
	margin-left: auto;
}

.chamado-card:hover .chamado-seta[b-cx2aky22rv] {
	transform: translateX(3px);
	color: var(--primary-purple);
}

/* ===== DETALHE DO CHAMADO ===== */

.btn-voltar[b-cx2aky22rv] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 0;
	background: none;
	border: none;
	color: var(--primary-purple);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	margin-bottom: 16px;
	transition: opacity 0.2s;
}

.btn-voltar:hover[b-cx2aky22rv] {
	opacity: 0.7;
}

/* Chamado Info Card */
.chamado-info-card[b-cx2aky22rv] {
	background: var(--white);
	border: 1px solid var(--border-light);
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 20px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

.chamado-info-header[b-cx2aky22rv] {
	margin-bottom: 16px;
}

.chamado-info-assunto[b-cx2aky22rv] {
	margin: 0 0 10px;
	font-size: 22px;
	font-weight: 700;
	color: var(--text-dark);
	line-height: 1.3;
}

.chamado-info-meta[b-cx2aky22rv] {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}

.chamado-info-data[b-cx2aky22rv] {
	font-size: 13px;
	color: var(--text-medium);
	display: flex;
	align-items: center;
	gap: 5px;
}

.chamado-info-body[b-cx2aky22rv] {
	border-top: 1px solid var(--border-light);
	padding-top: 16px;
	margin-bottom: 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.chamado-info-row[b-cx2aky22rv] {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
}

.info-label[b-cx2aky22rv] {
	color: var(--text-medium);
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 5px;
	min-width: 120px;
}

.info-label i[b-cx2aky22rv] {
	font-size: 14px;
	color: var(--primary-purple);
}

.info-valor[b-cx2aky22rv] {
	color: var(--text-dark);
}

/* Ações de Status */
.chamado-acoes-status[b-cx2aky22rv] {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	border-top: 1px solid var(--border-light);
	padding-top: 16px;
}

.btn-status[b-cx2aky22rv] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 20px;
	border: none;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-status:disabled[b-cx2aky22rv] {
	opacity: 0.5;
	cursor: not-allowed;
}

.btn-status-atender[b-cx2aky22rv] {
	background: #007bff;
	color: #fff;
}

.btn-status-atender:hover:not(:disabled)[b-cx2aky22rv] {
	background: #0056b3;
	transform: translateY(-1px);
}

.btn-status-pausar[b-cx2aky22rv] {
	background: #6c757d;
	color: #fff;
}

.btn-status-pausar:hover:not(:disabled)[b-cx2aky22rv] {
	background: #545b62;
	transform: translateY(-1px);
}

.btn-status-encerrar[b-cx2aky22rv] {
	background: #28a745;
	color: #fff;
}

.btn-status-encerrar:hover:not(:disabled)[b-cx2aky22rv] {
	background: #1e7e34;
	transform: translateY(-1px);
}

.btn-status-reabrir[b-cx2aky22rv] {
	background: #ff9800;
	color: #fff;
}

.btn-status-reabrir:hover:not(:disabled)[b-cx2aky22rv] {
	background: #e68900;
	transform: translateY(-1px);
}

/* ===== Chat ===== */

.chat-container[b-cx2aky22rv] {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 20px;
	min-height: 200px;
}

.chat-vazio[b-cx2aky22rv] {
	text-align: center;
	padding: 48px 24px;
	color: var(--text-medium);
}

.chat-vazio i[b-cx2aky22rv] {
	font-size: 40px;
	opacity: 0.35;
	display: block;
	margin-bottom: 10px;
}

.chat-mensagem[b-cx2aky22rv] {
	display: flex;
	max-width: 80%;
}

.chat-usuario[b-cx2aky22rv] {
	align-self: flex-start;
}

.chat-admin[b-cx2aky22rv] {
	align-self: flex-end;
	margin-left: auto;
}

.chat-bolha[b-cx2aky22rv] {
	padding: 14px 18px;
	border-radius: 16px;
	max-width: 100%;
	word-break: break-word;
}

.chat-usuario .chat-bolha[b-cx2aky22rv] {
	background: rgba(76, 102, 239, 0.1);
	border-bottom-left-radius: 4px;
}

.chat-admin .chat-bolha[b-cx2aky22rv] {
	background: rgba(255, 152, 0, 0.1);
	border-bottom-right-radius: 4px;
}

.chat-autor[b-cx2aky22rv] {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 600;
	color: var(--text-dark);
	margin-bottom: 6px;
}

.chat-autor i[b-cx2aky22rv] {
	font-size: 13px;
	color: var(--primary-purple);
}

.chat-autor-email[b-cx2aky22rv] {
	font-weight: 400;
	font-size: 11px;
	color: var(--text-medium);
}

.chat-admin .chat-autor i[b-cx2aky22rv] {
	color: #f57c00;
}

.chat-conteudo[b-cx2aky22rv] {
	font-size: 14px;
	color: var(--text-dark);
	line-height: 1.6;
}

.chat-hora[b-cx2aky22rv] {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 11px;
	color: var(--text-medium);
	margin-top: 8px;
}

/* Resposta Admin */
.chat-resposta[b-cx2aky22rv] {
	background: var(--white);
	border: 1px solid var(--border-light);
	border-radius: 14px;
	padding: 18px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

.chat-resposta-label[b-cx2aky22rv] {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 700;
	color: #f57c00;
	margin-bottom: 10px;
}

.chat-textarea[b-cx2aky22rv] {
	width: 100%;
	padding: 12px 14px;
	border: 2px solid var(--border-light);
	border-radius: 12px;
	font-size: 14px;
	font-family: inherit;
	background: var(--white);
	color: var(--text-dark);
	resize: vertical;
	min-height: 60px;
	transition: border-color 0.2s, box-shadow 0.2s;
	box-sizing: border-box;
}

.chat-textarea:focus[b-cx2aky22rv] {
	outline: none;
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(76, 102, 239, 0.12);
}

.chat-textarea[b-cx2aky22rv]::placeholder {
	color: var(--text-medium);
}

.chat-resposta-footer[b-cx2aky22rv] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}

.chat-contador[b-cx2aky22rv] {
	font-size: 11px;
	color: var(--text-medium);
}

.btn-enviar[b-cx2aky22rv] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 22px;
	background: var(--primary-purple);
	color: #fff;
	border: none;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-enviar:hover:not(:disabled)[b-cx2aky22rv] {
	background: #3a52d4;
}

.btn-enviar:disabled[b-cx2aky22rv] {
	opacity: 0.5;
	cursor: not-allowed;
}

.chat-erro[b-cx2aky22rv] {
	margin-top: 10px;
	font-size: 13px;
	color: var(--danger-red);
	display: flex;
	align-items: center;
	gap: 6px;
}

.loading-spinner-sm[b-cx2aky22rv] {
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
}

/* ===== Toast ===== */

.notificacao-flutuante[b-cx2aky22rv] {
	position: fixed;
	bottom: 24px;
	right: 24px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 20px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	z-index: 2000;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
	animation: slideInToast 0.4s ease-out;
	max-width: 420px;
}

.notificacao-flutuante i[b-cx2aky22rv] {
	font-size: 18px;
	flex-shrink: 0;
}

.notificacao-sucesso[b-cx2aky22rv] {
	background: #2e7d32;
	color: #fff;
}

.notificacao-erro[b-cx2aky22rv] {
	background: #c62828;
	color: #fff;
}

/* ===== Animations ===== */

@@keyframes spin {
	to[b-cx2aky22rv] { transform: rotate(360deg); }
}

@@keyframes slideInToast {
	from[b-cx2aky22rv] {
		opacity: 0;
		transform: translateY(20px) translateX(20px);
	}
	to[b-cx2aky22rv] {
		opacity: 1;
		transform: translateY(0) translateX(0);
	}
}

/* ========================================
   Dark Mode — [data-theme="dark"]
   ======================================== */

:global([data-theme="dark"]) .admin-chamados-page[b-cx2aky22rv] {
	background: #0f1117;
}

:global([data-theme="dark"]) .acesso-negado h2[b-cx2aky22rv] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .acesso-negado p[b-cx2aky22rv] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .admin-header h1[b-cx2aky22rv] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .admin-header p[b-cx2aky22rv] {
	color: #9e9e9e;
}

/* Dark: Metrics */
:global([data-theme="dark"]) .metrica-card[b-cx2aky22rv] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .metrica-card:hover[b-cx2aky22rv] {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .metrica-valor[b-cx2aky22rv] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .metrica-label[b-cx2aky22rv] {
	color: #9e9e9e;
}

/* Dark: Filter Bar */
:global([data-theme="dark"]) .filtros-bar[b-cx2aky22rv] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .admin-filtro-grupo label[b-cx2aky22rv] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .filtro-input-admin[b-cx2aky22rv],
:global([data-theme="dark"]) .filtro-select-admin[b-cx2aky22rv] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .filtro-input-admin:focus[b-cx2aky22rv],
:global([data-theme="dark"]) .filtro-select-admin:focus[b-cx2aky22rv] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

/* Dark: Admin Section */
:global([data-theme="dark"]) .admin-section[b-cx2aky22rv] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .section-header-row h2[b-cx2aky22rv] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .badge-count[b-cx2aky22rv] {
	background: rgba(108, 62, 182, 0.18);
	color: #b39ddb;
}

/* Dark: Empty */
:global([data-theme="dark"]) .empty-chamados[b-cx2aky22rv] {
	color: #9e9e9e;
}

/* Dark: Chamado Cards */
:global([data-theme="dark"]) .chamado-card[b-cx2aky22rv] {
	background: rgba(30, 30, 47, 0.6);
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .chamado-card:hover[b-cx2aky22rv] {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .chamado-assunto[b-cx2aky22rv] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .chamado-usuario-info[b-cx2aky22rv] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .chamado-data[b-cx2aky22rv],
:global([data-theme="dark"]) .chamado-msgs-count[b-cx2aky22rv],
:global([data-theme="dark"]) .chamado-atendente-info[b-cx2aky22rv] {
	color: #9e9e9e;
}

/* Dark: Status badges */
:global([data-theme="dark"]) .status-aberto[b-cx2aky22rv] {
	background: rgba(0, 123, 255, 0.15);
}

:global([data-theme="dark"]) .status-ematendimento[b-cx2aky22rv] {
	background: rgba(255, 152, 0, 0.15);
}

:global([data-theme="dark"]) .status-pausado[b-cx2aky22rv] {
	background: rgba(108, 117, 125, 0.15);
}

:global([data-theme="dark"]) .status-encerrado[b-cx2aky22rv] {
	background: rgba(40, 167, 69, 0.15);
}

/* Dark: Detalhe Info Card */
:global([data-theme="dark"]) .chamado-info-card[b-cx2aky22rv] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .chamado-info-assunto[b-cx2aky22rv] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .chamado-info-data[b-cx2aky22rv] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .chamado-info-body[b-cx2aky22rv] {
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .info-label[b-cx2aky22rv] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .info-valor[b-cx2aky22rv] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .chamado-acoes-status[b-cx2aky22rv] {
	border-top-color: #2a2d3a;
}

/* Dark: Chat */
:global([data-theme="dark"]) .chat-usuario .chat-bolha[b-cx2aky22rv] {
	background: rgba(107, 130, 247, 0.15);
}

:global([data-theme="dark"]) .chat-admin .chat-bolha[b-cx2aky22rv] {
	background: rgba(255, 152, 0, 0.12);
}

:global([data-theme="dark"]) .chat-autor[b-cx2aky22rv] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .chat-autor-email[b-cx2aky22rv] {
	color: #a0a0a0;
}

:global([data-theme="dark"]) .chat-conteudo[b-cx2aky22rv] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .chat-hora[b-cx2aky22rv] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .chat-vazio[b-cx2aky22rv] {
	color: #9e9e9e;
}

/* Dark: Resposta Admin */
:global([data-theme="dark"]) .chat-resposta[b-cx2aky22rv] {
	background: #1a1d28;
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .chat-textarea[b-cx2aky22rv] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .chat-textarea:focus[b-cx2aky22rv] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(107, 130, 247, 0.15);
}

/* Dark: Loading / Error */
:global([data-theme="dark"]) .carregando[b-cx2aky22rv] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .erro-carregamento h2[b-cx2aky22rv] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .erro-carregamento p[b-cx2aky22rv] {
	color: #9e9e9e;
}

/* ========================================
   Responsive Breakpoints
   ======================================== */

@@media (max-width: 1200px) {
	.metricas-grid[b-cx2aky22rv] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@@media (max-width: 768px) {
	.admin-chamados-page[b-cx2aky22rv] {
		padding: 24px 16px;
	}

	.admin-header h1[b-cx2aky22rv] {
		font-size: 22px;
	}

	.admin-header-top[b-cx2aky22rv] {
		flex-direction: column;
		align-items: flex-start;
	}

	.metricas-grid[b-cx2aky22rv] {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.metrica-card[b-cx2aky22rv] {
		padding: 14px;
	}

	.metrica-icon[b-cx2aky22rv] {
		width: 42px;
		height: 42px;
	}

	.metrica-icon i[b-cx2aky22rv] {
		font-size: 18px;
	}

	.metrica-valor[b-cx2aky22rv] {
		font-size: 1.4rem;
	}

	.metrica-label[b-cx2aky22rv] {
		font-size: 0.8rem;
	}

	.filtros-bar[b-cx2aky22rv] {
		flex-direction: column;
		padding: 1rem;
	}

	.admin-filtro-grupo[b-cx2aky22rv] {
		min-width: unset;
		width: 100%;
	}

	.admin-section[b-cx2aky22rv] {
		padding: 16px;
	}

	.chamado-card[b-cx2aky22rv] {
		padding: 14px 16px;
	}

	.chat-mensagem[b-cx2aky22rv] {
		max-width: 90%;
	}

	.chamado-info-card[b-cx2aky22rv] {
		padding: 16px;
	}

	.chamado-info-assunto[b-cx2aky22rv] {
		font-size: 18px;
	}

	.chamado-acoes-status[b-cx2aky22rv] {
		flex-direction: column;
	}

	.btn-status[b-cx2aky22rv] {
		width: 100%;
		justify-content: center;
	}

	.chat-resposta[b-cx2aky22rv] {
		padding: 14px;
	}

	.notificacao-flutuante[b-cx2aky22rv] {
		left: 16px;
		right: 16px;
		bottom: 16px;
		max-width: none;
	}
}

@@media (max-width: 480px) {
	.admin-chamados-page[b-cx2aky22rv] {
		padding: 16px 12px;
	}

	.admin-header h1[b-cx2aky22rv] {
		font-size: 20px;
	}

	.metricas-grid[b-cx2aky22rv] {
		grid-template-columns: 1fr;
	}

	.metrica-card[b-cx2aky22rv] {
		padding: 12px;
		gap: 10px;
	}

	.metrica-icon[b-cx2aky22rv] {
		width: 38px;
		height: 38px;
	}

	.metrica-icon i[b-cx2aky22rv] {
		font-size: 16px;
	}

	.metrica-valor[b-cx2aky22rv] {
		font-size: 1.2rem;
	}

	.metrica-label[b-cx2aky22rv] {
		font-size: 0.75rem;
	}

	.chamado-card[b-cx2aky22rv] {
		padding: 12px;
	}

	.notificacao-flutuante[b-cx2aky22rv] {
		font-size: 13px;
		padding: 12px 16px;
	}
}

@@media (max-width: 360px) {
	.admin-chamados-page[b-cx2aky22rv] {
		padding: 12px 8px;
	}

	.admin-header h1[b-cx2aky22rv] {
		font-size: 18px;
	}

	.metrica-card[b-cx2aky22rv] {
		padding: 10px;
		gap: 8px;
	}

	.metrica-icon[b-cx2aky22rv] {
		width: 34px;
		height: 34px;
	}

	.metrica-icon i[b-cx2aky22rv] {
		font-size: 14px;
	}

	.metrica-valor[b-cx2aky22rv] {
		font-size: 1.1rem;
	}

	.filtros-bar[b-cx2aky22rv] {
		padding: 0.75rem;
	}

	.chamado-card[b-cx2aky22rv] {
		padding: 10px;
	}
}
/* /Components/Pages/AdminEstabelecimentos.razor.rz.scp.css */
/* ========================================
   AdminEstabelecimentos.razor.css
   Isolated CSS — Gestão de Estabelecimentos
   ======================================== */

/* ===== Acesso Negado ===== */
.acesso-negado[b-l82er3uq09] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 100px);
	gap: 12px;
	text-align: center;
	padding: 24px;
}

.acesso-negado i[b-l82er3uq09] {
	font-size: 64px;
	color: var(--primary-purple);
}

.acesso-negado h2[b-l82er3uq09] {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	color: var(--text-dark);
}

.acesso-negado p[b-l82er3uq09] {
	margin: 0;
	color: var(--text-medium);
	font-size: 16px;
}

.btn-voltar[b-l82er3uq09] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: var(--primary-purple);
	color: var(--white);
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	margin-top: 8px;
	transition: all 0.2s;
}

.btn-voltar:hover[b-l82er3uq09] {
	background: var(--primary-purple-light);
	color: var(--white);
	text-decoration: none;
}

/* ===== Admin Layout (sidebar + content) ===== */
.admin-layout[b-l82er3uq09] {
	display: flex;
	gap: 24px;
	max-width: 1600px;
	margin: 0 auto;
	padding: 32px 24px;
	min-height: calc(100vh - 100px);
}

.admin-content[b-l82er3uq09] {
	flex: 1;
	min-width: 0;
}

/* ===== Header ===== */
.admin-header[b-l82er3uq09] {
	margin-bottom: 32px;
}

.admin-header h1[b-l82er3uq09] {
	margin: 0 0 4px 0;
	font-size: 28px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 10px;
}

.admin-header h1 i[b-l82er3uq09] {
	color: var(--primary-purple);
}

.admin-header p[b-l82er3uq09] {
	margin: 0;
	font-size: 15px;
	color: var(--text-medium);
}

.admin-header-top[b-l82er3uq09] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.btn-admin-logs[b-l82er3uq09] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: var(--primary-purple);
	color: var(--white);
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-admin-logs:hover[b-l82er3uq09] {
	background: var(--primary-purple-light);
	color: var(--white);
	text-decoration: none;
	transform: translateY(-1px);
}

.btn-admin-logs i[b-l82er3uq09] {
	font-size: 16px;
}

/* ===== Header Actions ===== */
.admin-header-acoes[b-l82er3uq09] {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.btn-acao-primaria[b-l82er3uq09] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: var(--primary-purple);
	color: var(--white);
	border: none;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-acao-primaria:hover[b-l82er3uq09] {
	background: var(--primary-purple-light);
	transform: translateY(-1px);
}

/* ===== Loading State ===== */
.loading-container[b-l82er3uq09] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 64px 24px;
	color: var(--text-medium);
	font-size: 15px;
}

.spinner[b-l82er3uq09] {
	width: 40px;
	height: 40px;
	border: 4px solid var(--border-light);
	border-top-color: var(--primary-purple);
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

@@keyframes spin {
	to[b-l82er3uq09] { transform: rotate(360deg); }
}

/* ===== Métricas Grid ===== */
.metricas-grid[b-l82er3uq09] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 16px;
	margin-bottom: 24px;
}

.metrica-card[b-l82er3uq09] {
	background: var(--white);
	border-radius: 16px;
	padding: 20px;
	display: flex;
	align-items: center;
	gap: 16px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	transition: transform 0.2s, box-shadow 0.2s;
}

.metrica-card:hover[b-l82er3uq09] {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.metrica-icon[b-l82er3uq09] {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.metrica-icon i[b-l82er3uq09] {
	font-size: 22px;
	color: var(--white);
}

.bg-purple[b-l82er3uq09] { background: var(--primary-purple); }
.bg-green[b-l82er3uq09] { background: #4caf50; }
.bg-red[b-l82er3uq09] { background: var(--danger-red); }
.bg-blue[b-l82er3uq09] { background: #2196f3; }
.bg-orange[b-l82er3uq09] { background: #ff9800; }
.bg-teal[b-l82er3uq09] { background: #009688; }

.metrica-info[b-l82er3uq09] {
	display: flex;
	flex-direction: column;
}

.metrica-valor[b-l82er3uq09] {
	font-size: 28px;
	font-weight: 700;
	color: var(--text-dark);
	line-height: 1;
}

.metrica-label[b-l82er3uq09] {
	font-size: 13px;
	color: var(--text-medium);
	margin-top: 2px;
}

/* ===== Sections ===== */
.admin-section[b-l82er3uq09] {
	background: var(--white);
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 24px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

.admin-section h2[b-l82er3uq09] {
	margin: 0 0 16px 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 8px;
}

.admin-section h2 i[b-l82er3uq09] {
	color: var(--primary-purple);
}

.section-header-row[b-l82er3uq09] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
	flex-wrap: wrap;
}

.section-header-row h2[b-l82er3uq09] {
	margin: 0;
}

.badge-count[b-l82er3uq09] {
	background: rgba(101, 75, 199, 0.1);
	color: var(--primary-purple);
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

/* ===== Filtros ===== */
.admin-filtros-tags[b-l82er3uq09] {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 16px;
	padding: 14px 16px;
	background: var(--bg-gray);
	border-radius: 12px;
}

.admin-filtro-grupo[b-l82er3uq09] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
	min-width: 140px;
}

.admin-filtro-grupo label[b-l82er3uq09] {
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.filtro-select-admin[b-l82er3uq09],
.filtro-input-admin[b-l82er3uq09] {
	padding: 8px 12px;
	border: 1.5px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.85rem;
	color: var(--text-dark);
	background: var(--white);
	outline: none;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.filtro-select-admin:focus[b-l82er3uq09],
.filtro-input-admin:focus[b-l82er3uq09] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.1);
}

/* ===== Tabela ===== */
.tabela-wrapper[b-l82er3uq09] {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-radius: 8px;
}

.tabela-admin[b-l82er3uq09] {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.tabela-admin th[b-l82er3uq09] {
	text-align: left;
	padding: 10px 12px;
	font-weight: 600;
	color: var(--text-medium);
	border-bottom: 2px solid var(--border-light);
	white-space: nowrap;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.tabela-admin td[b-l82er3uq09] {
	padding: 10px 12px;
	color: var(--text-dark);
	border-bottom: 1px solid var(--border-light);
	vertical-align: middle;
}

.tabela-admin tr:last-child td[b-l82er3uq09] {
	border-bottom: none;
}

.tabela-admin tbody tr[b-l82er3uq09] {
	cursor: pointer;
	transition: background 0.15s;
}

.tabela-admin tbody tr:hover td[b-l82er3uq09] {
	background: var(--bg-gray);
}

/* ===== Expandable Row ===== */
.row-expandida td[b-l82er3uq09] {
	background: rgba(108, 62, 182, 0.04);
	border-bottom-color: transparent;
}

.row-detalhe td[b-l82er3uq09] {
	padding: 0 !important;
	border-bottom: 2px solid var(--primary-purple);
}

.row-detalhe:hover td[b-l82er3uq09] {
	background: transparent !important;
}

/* ===== Badges ===== */
.tipo-badge[b-l82er3uq09] {
	background: rgba(101, 75, 199, 0.1);
	color: var(--primary-purple);
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

.status-badge[b-l82er3uq09] {
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
	display: inline-block;
}

.status-ativo[b-l82er3uq09] {
	background: #e8f5e9;
	color: #2e7d32;
}

.status-tag-bloqueado[b-l82er3uq09] {
	background: #ffebee;
	color: #b71c1c;
}

/* Coluna de Ações & botões: usar classes globais de app.css
   (.col-acoes, .acoes-cell, .btn-acao-icone + variantes de cor) */

/* ===== Ranking ===== */
.ranking-posicao[b-l82er3uq09] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	font-weight: 700;
	font-size: 14px;
	background: var(--bg-gray);
	color: var(--text-medium);
	border: 2px solid var(--border-light);
}

.ranking-1[b-l82er3uq09] {
	background: linear-gradient(135deg, #ffd700, #ffb300);
	color: #fff;
	border-color: #ffb300;
	font-size: 16px;
	box-shadow: 0 2px 8px rgba(255, 179, 0, 0.35);
}

.ranking-2[b-l82er3uq09] {
	background: linear-gradient(135deg, #e0e0e0, #bdbdbd);
	color: #fff;
	border-color: #bdbdbd;
}

.ranking-3[b-l82er3uq09] {
	background: linear-gradient(135deg, #d7a86e, #bf8c50);
	color: #fff;
	border-color: #bf8c50;
}

/* ===== Empty States ===== */
.empty-mensagens[b-l82er3uq09] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 32px 16px;
	color: var(--text-medium);
}

.empty-mensagens i[b-l82er3uq09] {
	font-size: 36px;
	opacity: 0.5;
}

.empty-mensagens p[b-l82er3uq09] {
	margin: 0;
	font-size: 14px;
}

/* ========================================
   Dark Mode Support
   ======================================== */

[data-theme="dark"] .admin-layout[b-l82er3uq09] {
	background: transparent;
}

[data-theme="dark"] .admin-header h1[b-l82er3uq09] {
	color: #f0f0f0;
}

[data-theme="dark"] .admin-header p[b-l82er3uq09] {
	color: #a0a0b0;
}

[data-theme="dark"] .metrica-card[b-l82er3uq09] {
	background: #23233a;
	border-color: #2e2e4a;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .metrica-valor[b-l82er3uq09] {
	color: #f0f0f0;
}

[data-theme="dark"] .metrica-label[b-l82er3uq09] {
	color: #a0a0b0;
}

[data-theme="dark"] .admin-section[b-l82er3uq09] {
	background: #23233a;
	border-color: #2e2e4a;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .admin-section h2[b-l82er3uq09] {
	color: #f0f0f0;
}

[data-theme="dark"] .admin-filtros-tags[b-l82er3uq09] {
	background: #1a1a2e;
}

[data-theme="dark"] .admin-filtro-grupo label[b-l82er3uq09] {
	color: #a0a0b0;
}

[data-theme="dark"] .filtro-select-admin[b-l82er3uq09],
[data-theme="dark"] .filtro-input-admin[b-l82er3uq09] {
	background: #2e2e4a;
	border-color: #3d3d5c;
	color: #f0f0f0;
}

[data-theme="dark"] .tabela-admin th[b-l82er3uq09] {
	color: #a0a0b0;
	border-bottom-color: #2e2e4a;
}

[data-theme="dark"] .tabela-admin td[b-l82er3uq09] {
	color: #e0e0e0;
	border-bottom-color: #2e2e4a;
}

[data-theme="dark"] .tabela-admin tbody tr:hover td[b-l82er3uq09] {
	background: rgba(108, 62, 182, 0.08);
}

[data-theme="dark"] .row-expandida td[b-l82er3uq09] {
	background: rgba(108, 62, 182, 0.08);
}

[data-theme="dark"] .empty-mensagens[b-l82er3uq09] {
	color: #a0a0b0;
}

[data-theme="dark"] .badge-count[b-l82er3uq09] {
	background: rgba(108, 62, 182, 0.2);
}

[data-theme="dark"] .tipo-badge[b-l82er3uq09] {
	background: rgba(108, 62, 182, 0.2);
}

[data-theme="dark"] .ranking-posicao[b-l82er3uq09] {
	background: #2e2e4a;
	color: #a0a0b0;
	border-color: #3d3d5c;
}

[data-theme="dark"] .acesso-negado h2[b-l82er3uq09] {
	color: #f0f0f0;
}

[data-theme="dark"] .acesso-negado p[b-l82er3uq09] {
	color: #a0a0b0;
}

/* ========================================
   Responsividade
   ======================================== */

@@media (max-width: 1024px) {
	.metricas-grid[b-l82er3uq09] {
		grid-template-columns: repeat(3, 1fr);
	}
}

@@media (max-width: 768px) {
	.admin-layout[b-l82er3uq09] {
		flex-direction: column;
		padding: 16px;
		gap: 16px;
	}

	.admin-content[b-l82er3uq09] {
		padding: 0;
	}

	.admin-header h1[b-l82er3uq09] {
		font-size: 22px;
	}

	.admin-header-top[b-l82er3uq09] {
		flex-direction: column;
		align-items: flex-start;
	}

	.btn-admin-logs[b-l82er3uq09] {
		align-self: flex-start;
	}

	.metricas-grid[b-l82er3uq09] {
		grid-template-columns: repeat(2, 1fr);
	}

	.metrica-card[b-l82er3uq09] {
		padding: 16px;
	}

	.metrica-valor[b-l82er3uq09] {
		font-size: 22px;
	}

	.metrica-icon[b-l82er3uq09] {
		width: 40px;
		height: 40px;
	}

	.metrica-icon i[b-l82er3uq09] {
		font-size: 18px;
	}

	.admin-section[b-l82er3uq09] {
		padding: 16px;
	}

	.admin-filtros-tags[b-l82er3uq09] {
		flex-direction: column;
		gap: 10px;
	}

	.admin-filtro-grupo[b-l82er3uq09] {
		min-width: unset;
	}

	.section-header-row[b-l82er3uq09] {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	/* Table on mobile: allow horizontal scroll */
	.tabela-admin[b-l82er3uq09] {
		min-width: 700px;
	}
}

@@media (max-width: 480px) {
	.admin-layout[b-l82er3uq09] {
		padding: 16px 12px;
	}

	.metricas-grid[b-l82er3uq09] {
		grid-template-columns: 1fr;
	}

	.admin-section[b-l82er3uq09] {
		padding: 14px;
		border-radius: 12px;
	}

	.metrica-card[b-l82er3uq09] {
		padding: 14px;
		border-radius: 12px;
	}

	.metrica-valor[b-l82er3uq09] {
		font-size: 20px;
	}

	.loading-container[b-l82er3uq09] {
		padding: 48px 16px;
	}
}
/* /Components/Pages/AdminLogs.razor.rz.scp.css */
/* ===== Admin Layout ===== */
.admin-layout[b-ac5qapt9ox] {
    display: flex;
    gap: 24px;
    max-width: 1600px;
    margin: 0 auto;
    padding: 32px 24px;
    min-height: calc(100vh - 100px);
}

.admin-content[b-ac5qapt9ox] {
    flex: 1;
    min-width: 0;
}

[data-theme="dark"] .admin-layout[b-ac5qapt9ox] {
    background: transparent;
}

@@media (max-width: 768px) {
    .admin-layout[b-ac5qapt9ox] {
        flex-direction: column;
        padding: 16px;
        gap: 16px;
    }
}

/* ===== Acesso Negado ===== */
.acesso-negado[b-ac5qapt9ox] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 100px);
	gap: 12px;
	text-align: center;
	padding: 24px;
}

.acesso-negado i[b-ac5qapt9ox] {
	font-size: 64px;
	color: var(--primary-purple);
}

.acesso-negado h2[b-ac5qapt9ox] {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	color: var(--text-dark);
}

.acesso-negado p[b-ac5qapt9ox] {
	margin: 0;
	color: var(--text-medium);
	font-size: 16px;
}

.btn-voltar[b-ac5qapt9ox] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: var(--primary-purple);
	color: var(--white);
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	margin-top: 8px;
	transition: all 0.2s;
}

.btn-voltar:hover[b-ac5qapt9ox] {
	background: var(--primary-purple-light);
}

/* ===== Página Principal ===== */
.logs-page[b-ac5qapt9ox] {
	max-width: 1400px;
	margin: 0 auto;
	padding: 24px 16px;
	background: var(--bg-gray);
	min-height: calc(100vh - 100px);
}

.logs-header[b-ac5qapt9ox] {
	margin-bottom: 24px;
}

.logs-header h1[b-ac5qapt9ox] {
	margin: 0 0 4px 0;
	font-size: 24px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 10px;
}

.logs-header h1 i[b-ac5qapt9ox] {
	color: var(--primary-purple);
}

.logs-header p[b-ac5qapt9ox] {
	margin: 0;
	font-size: 14px;
	color: var(--text-medium);
}

/* ===== Tabs ===== */
.tabs-container[b-ac5qapt9ox] {
	display: flex;
	gap: 8px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.tab-btn[b-ac5qapt9ox] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 20px;
	border: 2px solid var(--border-light);
	border-radius: 24px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.tab-btn:hover[b-ac5qapt9ox] {
	border-color: var(--primary-purple);
	color: var(--primary-purple);
}

.tab-btn.tab-ativa[b-ac5qapt9ox] {
	background: var(--primary-purple);
	border-color: var(--primary-purple);
	color: var(--white);
}

.tab-btn.tab-ativa:hover[b-ac5qapt9ox] {
	background: var(--primary-purple-light);
	border-color: var(--primary-purple-light);
}

/* ===== Conteúdo da Tab ===== */
.tab-conteudo[b-ac5qapt9ox] {
	background: var(--white);
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

/* ============================================
   DARK MODE — [data-theme="dark"]
   ============================================ */

:global([data-theme="dark"]) .logs-page[b-ac5qapt9ox] {
	background: #121220;
}

:global([data-theme="dark"]) .tab-btn[b-ac5qapt9ox] {
	background: var(--white);
	border-color: var(--border-light);
	color: var(--text-medium);
}

:global([data-theme="dark"]) .tab-btn:hover[b-ac5qapt9ox] {
	border-color: var(--primary-purple);
	color: var(--primary-purple);
}

:global([data-theme="dark"]) .tab-conteudo[b-ac5qapt9ox] {
	background: var(--white);
	border-color: var(--border-light);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of [data-theme="dark"] section above */

/* ===== Responsivo — 768px+ ===== */
@@media (min-width: 768px) {
	.logs-page[b-ac5qapt9ox] {
		padding: 32px 24px;
	}

	.logs-header h1[b-ac5qapt9ox] {
		font-size: 28px;
	}

	.tab-conteudo[b-ac5qapt9ox] {
		padding: 24px;
	}
}
/* /Components/Pages/AdminMensagens.razor.rz.scp.css */
/* ========================================
   AdminMensagens.razor.css
   Isolated CSS — Mensagens de Contato
   ======================================== */

/* ===== Admin Layout ===== */
.admin-layout[b-xqqiafs3zr] {
    display: flex;
    gap: 24px;
    max-width: 1600px;
    margin: 0 auto;
    padding: 32px 24px;
    min-height: calc(100vh - 100px);
}

.admin-content[b-xqqiafs3zr] {
    flex: 1;
    min-width: 0;
}

[data-theme="dark"] .admin-layout[b-xqqiafs3zr] {
    background: transparent;
}

@@media (max-width: 768px) {
    .admin-layout[b-xqqiafs3zr] {
        flex-direction: column;
        padding: 16px;
        gap: 16px;
    }
}

/* ===== Acesso Negado ===== */

.acesso-negado[b-xqqiafs3zr] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 100px);
	gap: 12px;
	text-align: center;
	padding: 4rem 24px;
}

.acesso-negado i[b-xqqiafs3zr] {
	font-size: 64px;
	color: var(--primary-purple);
}

.acesso-negado h2[b-xqqiafs3zr] {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	color: var(--text-dark);
}

.acesso-negado p[b-xqqiafs3zr] {
	margin: 0;
	color: var(--text-medium);
	font-size: 16px;
}

.btn-voltar[b-xqqiafs3zr] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: var(--primary-purple);
	color: var(--white);
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	margin-top: 8px;
	transition: all 0.2s;
}

.btn-voltar:hover[b-xqqiafs3zr] {
	background: var(--primary-purple-light);
	color: var(--white);
	text-decoration: none;
}

/* ===== Page Layout ===== */

.admin-mensagens-page[b-xqqiafs3zr] {
	max-width: 1200px;
	margin: 0 auto;
	padding: 32px 24px;
	background: var(--bg-gray);
	min-height: calc(100vh - 100px);
}

/* ===== Loading & Error States ===== */

.carregando[b-xqqiafs3zr] {
	text-align: center;
	padding: 4rem;
	color: var(--text-medium);
	font-size: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.spinner[b-xqqiafs3zr] {
	width: 36px;
	height: 36px;
	border: 4px solid var(--border-light);
	border-top-color: var(--primary-purple);
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

.erro-carregamento[b-xqqiafs3zr] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 4rem 24px;
	text-align: center;
	gap: 12px;
	color: var(--text-medium);
}

.erro-carregamento i[b-xqqiafs3zr] {
	font-size: 48px;
	color: var(--danger-red);
}

.erro-carregamento h2[b-xqqiafs3zr] {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	color: var(--text-dark);
}

.erro-carregamento p[b-xqqiafs3zr] {
	margin: 0;
	font-size: 15px;
}

/* ===== Admin Header ===== */

.admin-header[b-xqqiafs3zr] {
	margin-bottom: 2rem;
}

.admin-header h1[b-xqqiafs3zr] {
	margin: 0 0 4px 0;
	font-size: 28px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 10px;
}

.admin-header h1 i[b-xqqiafs3zr] {
	color: var(--primary-purple);
}

.admin-header p[b-xqqiafs3zr] {
	margin: 0;
	font-size: 15px;
	color: var(--text-medium);
}

.admin-header-top[b-xqqiafs3zr] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.admin-header-acoes[b-xqqiafs3zr] {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

/* ===== Métricas Grid (3 cards) ===== */

.metricas-grid[b-xqqiafs3zr] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin-bottom: 24px;
}

.metrica-card[b-xqqiafs3zr] {
	background: var(--white);
	border-radius: 12px;
	padding: 1.5rem;
	display: flex;
	align-items: center;
	gap: 1rem;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	transition: all 0.2s;
}

.metrica-card:hover[b-xqqiafs3zr] {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.metrica-icon[b-xqqiafs3zr] {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.metrica-icon i[b-xqqiafs3zr] {
	font-size: 22px;
	color: var(--white);
}

.bg-purple[b-xqqiafs3zr] {
	background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
}

.bg-orange[b-xqqiafs3zr] {
	background: linear-gradient(135deg, #ff9800, #ffb74d);
}

.bg-green[b-xqqiafs3zr] {
	background: linear-gradient(135deg, #4caf50, #66bb6a);
}

.metrica-info[b-xqqiafs3zr] {
	display: flex;
	flex-direction: column;
}

.metrica-valor[b-xqqiafs3zr] {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--text-dark);
	line-height: 1;
}

.metrica-label[b-xqqiafs3zr] {
	font-size: 0.85rem;
	color: var(--text-medium);
	margin-top: 2px;
}

/* ===== Filter Bar ===== */

.filtros-bar[b-xqqiafs3zr] {
	display: flex;
	gap: 1rem;
	align-items: flex-end;
	flex-wrap: wrap;
	background: var(--white);
	padding: 1.5rem;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	margin-bottom: 2rem;
}

.admin-filtro-grupo[b-xqqiafs3zr] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
	min-width: 140px;
}

.admin-filtro-grupo label[b-xqqiafs3zr] {
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.filtro-input-admin[b-xqqiafs3zr],
.filtro-select-admin[b-xqqiafs3zr] {
	padding: 10px 14px;
	border: 1.5px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.9rem;
	color: var(--text-dark);
	background: var(--white);
	outline: none;
	transition: border-color 0.2s, box-shadow 0.2s;
	box-sizing: border-box;
}

.filtro-input-admin:focus[b-xqqiafs3zr],
.filtro-select-admin:focus[b-xqqiafs3zr] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.1);
}

.filtro-select-admin[b-xqqiafs3zr] {
	cursor: pointer;
	appearance: auto;
}

/* ===== Action Buttons ===== */

.btn-acao-primaria[b-xqqiafs3zr] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: var(--white);
	border: none;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-acao-primaria:hover:not(:disabled)[b-xqqiafs3zr] {
	opacity: 0.9;
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(108, 62, 182, 0.3);
}

.btn-acao-secundaria[b-xqqiafs3zr] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: var(--white);
	color: var(--primary-purple);
	border: 1.5px solid var(--primary-purple);
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
	text-decoration: none;
}

.btn-acao-secundaria:hover:not(:disabled)[b-xqqiafs3zr] {
	background: rgba(108, 62, 182, 0.08);
	transform: translateY(-1px);
	color: var(--primary-purple);
	text-decoration: none;
}

.btn-acao-secundaria i[b-xqqiafs3zr] {
	font-size: 16px;
}

/* ===== Admin Section ===== */

.admin-section[b-xqqiafs3zr] {
	background: var(--white);
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 24px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

.section-header-row[b-xqqiafs3zr] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
	flex-wrap: wrap;
}

.section-header-row h2[b-xqqiafs3zr] {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 8px;
}

.section-header-row h2 i[b-xqqiafs3zr] {
	color: var(--primary-purple);
}

.badge-count[b-xqqiafs3zr] {
	background: rgba(108, 62, 182, 0.1);
	color: var(--primary-purple);
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
}

.badge-nao-lidas[b-xqqiafs3zr] {
	background: var(--danger-red);
	color: #fff;
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
}

/* ===== Empty State ===== */

.empty-mensagens[b-xqqiafs3zr] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 3rem 16px;
	color: var(--text-medium);
}

.empty-mensagens i[b-xqqiafs3zr] {
	font-size: 48px;
	opacity: 0.4;
}

.empty-mensagens p[b-xqqiafs3zr] {
	margin: 0;
	font-size: 14px;
}

/* ===== Mensagens Lista ===== */

.mensagens-lista[b-xqqiafs3zr] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mensagem-card[b-xqqiafs3zr] {
	background: var(--bg-gray);
	border-radius: 12px;
	padding: 16px;
	border: 1px solid var(--border-light);
	transition: all 0.2s;
}

.mensagem-card:hover[b-xqqiafs3zr] {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.mensagem-nao-lida[b-xqqiafs3zr] {
	background: rgba(255, 235, 59, 0.12);
	border-color: rgba(255, 193, 7, 0.4);
	box-shadow: 0 2px 8px rgba(255, 213, 79, 0.2);
}

.mensagem-nao-lida:hover[b-xqqiafs3zr] {
	box-shadow: 0 4px 16px rgba(255, 213, 79, 0.3);
}

.mensagem-header-row[b-xqqiafs3zr] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 10px;
	gap: 12px;
}

.mensagem-remetente[b-xqqiafs3zr] {
	display: flex;
	align-items: center;
	gap: 10px;
}

.mensagem-remetente > i[b-xqqiafs3zr] {
	font-size: 28px;
	color: var(--primary-purple);
	flex-shrink: 0;
}

.mensagem-remetente div[b-xqqiafs3zr] {
	display: flex;
	flex-direction: column;
}

.mensagem-nome[b-xqqiafs3zr] {
	font-size: 15px;
	font-weight: 700;
	color: var(--text-dark);
}

.mensagem-email[b-xqqiafs3zr] {
	font-size: 13px;
	color: var(--text-medium);
}

.mensagem-meta[b-xqqiafs3zr] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}

.mensagem-data[b-xqqiafs3zr] {
	font-size: 12px;
	color: var(--text-medium);
	white-space: nowrap;
}

.mensagem-badge-nova[b-xqqiafs3zr] {
	background: #ff9800;
	color: #fff;
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 700;
}

.mensagem-telefone[b-xqqiafs3zr] {
	font-size: 13px;
	color: var(--text-medium);
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.mensagem-corpo[b-xqqiafs3zr] {
	font-size: 14px;
	color: var(--text-dark);
	line-height: 1.6;
	margin-bottom: 12px;
	white-space: pre-wrap;
	word-break: break-word;
}

.mensagem-footer-row[b-xqqiafs3zr] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.mensagem-info-extra[b-xqqiafs3zr] {
	display: flex;
	gap: 12px;
	font-size: 12px;
	color: var(--text-medium);
}

.mensagem-info-extra span[b-xqqiafs3zr] {
	display: flex;
	align-items: center;
	gap: 4px;
}

.btn-marcar-lida[b-xqqiafs3zr] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--primary-purple);
	color: #fff;
	border: none;
	border-radius: 8px;
	padding: 8px 16px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-marcar-lida:hover[b-xqqiafs3zr] {
	background: var(--primary-purple-light);
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(108, 62, 182, 0.3);
}

.mensagem-acoes[b-xqqiafs3zr] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: auto;
	text-align: right;
	white-space: nowrap;
}

.btn-acao[b-xqqiafs3zr] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	border: none;
	cursor: pointer;
	transition: all 0.2s;
	font-size: 14px;
}

.btn-acao-danger[b-xqqiafs3zr] {
	background: rgba(244, 67, 54, 0.1);
	color: #f44336;
}

.btn-acao-danger:hover[b-xqqiafs3zr] {
	background: #f44336;
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(244, 67, 54, 0.3);
}

.mensagem-lida-info[b-xqqiafs3zr] {
	font-size: 12px;
	color: #4caf50;
	display: flex;
	align-items: center;
	gap: 4px;
}

/* ===== Toast / Floating Notifications ===== */

.notificacao-flutuante[b-xqqiafs3zr] {
	position: fixed;
	bottom: 24px;
	right: 24px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 20px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	z-index: 2000;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
	animation: slideInToast 0.4s ease-out;
	max-width: 420px;
}

.notificacao-flutuante i[b-xqqiafs3zr] {
	font-size: 18px;
	flex-shrink: 0;
}

.notificacao-sucesso[b-xqqiafs3zr] {
	background: #2e7d32;
	color: #fff;
}

.notificacao-erro[b-xqqiafs3zr] {
	background: #c62828;
	color: #fff;
}

/* ===== Animations ===== */

@@keyframes spin {
	to[b-xqqiafs3zr] { transform: rotate(360deg); }
}

@@keyframes fadeIn {
	from[b-xqqiafs3zr] { opacity: 0; transform: translateY(-4px); }
	to[b-xqqiafs3zr] { opacity: 1; transform: translateY(0); }
}

@@keyframes slideInToast {
	from[b-xqqiafs3zr] {
		opacity: 0;
		transform: translateY(20px) translateX(20px);
	}
	to[b-xqqiafs3zr] {
		opacity: 1;
		transform: translateY(0) translateX(0);
	}
}

/* ========================================
   Dark Mode — [data-theme="dark"]
   ======================================== */

:global([data-theme="dark"]) .admin-mensagens-page[b-xqqiafs3zr] {
	background: #0f1117;
}

:global([data-theme="dark"]) .acesso-negado h2[b-xqqiafs3zr] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .acesso-negado p[b-xqqiafs3zr] {
	color: #9e9e9e;
}

/* Dark: Header */

:global([data-theme="dark"]) .admin-header h1[b-xqqiafs3zr] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .admin-header p[b-xqqiafs3zr] {
	color: #9e9e9e;
}

/* Dark: Metrics Cards */

:global([data-theme="dark"]) .metrica-card[b-xqqiafs3zr] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .metrica-card:hover[b-xqqiafs3zr] {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .metrica-valor[b-xqqiafs3zr] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .metrica-label[b-xqqiafs3zr] {
	color: #9e9e9e;
}

/* Dark: Filter Bar */

:global([data-theme="dark"]) .filtros-bar[b-xqqiafs3zr] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .admin-filtro-grupo label[b-xqqiafs3zr] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .filtro-input-admin[b-xqqiafs3zr],
:global([data-theme="dark"]) .filtro-select-admin[b-xqqiafs3zr] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .filtro-input-admin:focus[b-xqqiafs3zr],
:global([data-theme="dark"]) .filtro-select-admin:focus[b-xqqiafs3zr] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .btn-acao-secundaria[b-xqqiafs3zr] {
	background: #22252f;
	border-color: var(--primary-purple);
	color: #b39ddb;
}

:global([data-theme="dark"]) .btn-acao-secundaria:hover:not(:disabled)[b-xqqiafs3zr] {
	background: rgba(108, 62, 182, 0.15);
}

/* Dark: Admin Section */

:global([data-theme="dark"]) .admin-section[b-xqqiafs3zr] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .section-header-row h2[b-xqqiafs3zr] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .badge-count[b-xqqiafs3zr] {
	background: rgba(108, 62, 182, 0.18);
	color: #b39ddb;
}

:global([data-theme="dark"]) .badge-nao-lidas[b-xqqiafs3zr] {
	background: #d32f2f;
}

/* Dark: Empty State */

:global([data-theme="dark"]) .empty-mensagens[b-xqqiafs3zr] {
	color: #9e9e9e;
}

/* Dark: Message Cards */

:global([data-theme="dark"]) .mensagem-card[b-xqqiafs3zr] {
	background: rgba(30, 30, 47, 0.6);
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .mensagem-card:hover[b-xqqiafs3zr] {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .mensagem-nao-lida[b-xqqiafs3zr] {
	background: rgba(255, 152, 0, 0.1);
	border-color: rgba(255, 152, 0, 0.25);
	box-shadow: 0 2px 8px rgba(255, 152, 0, 0.1);
}

:global([data-theme="dark"]) .mensagem-nao-lida:hover[b-xqqiafs3zr] {
	box-shadow: 0 4px 16px rgba(255, 152, 0, 0.15);
}

:global([data-theme="dark"]) .mensagem-nome[b-xqqiafs3zr] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .mensagem-email[b-xqqiafs3zr] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .mensagem-data[b-xqqiafs3zr] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .mensagem-telefone[b-xqqiafs3zr] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .mensagem-corpo[b-xqqiafs3zr] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .mensagem-info-extra[b-xqqiafs3zr] {
	color: #757575;
}

:global([data-theme="dark"]) .mensagem-lida-info[b-xqqiafs3zr] {
	color: #66bb6a;
}

:global([data-theme="dark"]) .btn-marcar-lida:hover[b-xqqiafs3zr] {
	box-shadow: 0 2px 8px rgba(108, 62, 182, 0.4);
}

/* Dark: Error / Loading States */

:global([data-theme="dark"]) .carregando[b-xqqiafs3zr] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .erro-carregamento h2[b-xqqiafs3zr] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .erro-carregamento p[b-xqqiafs3zr] {
	color: #9e9e9e;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of [data-theme="dark"] section above.
   Dark mode is now controlled exclusively via :global([data-theme="dark"]) selectors. */

/* ========================================
   Responsive Breakpoints
   ======================================== */

/* Tablet — 1200px */
@@media (max-width: 1200px) {
	.metricas-grid[b-xqqiafs3zr] {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Mobile — 768px */
@@media (max-width: 768px) {
	.admin-mensagens-page[b-xqqiafs3zr] {
		padding: 24px 16px;
	}

	.admin-header h1[b-xqqiafs3zr] {
		font-size: 22px;
	}

	.admin-header-top[b-xqqiafs3zr] {
		flex-direction: column;
		align-items: flex-start;
	}

	/* Metricas */
	.metricas-grid[b-xqqiafs3zr] {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.metrica-card[b-xqqiafs3zr] {
		padding: 14px;
	}

	.metrica-icon[b-xqqiafs3zr] {
		width: 42px;
		height: 42px;
	}

	.metrica-icon i[b-xqqiafs3zr] {
		font-size: 18px;
	}

	.metrica-valor[b-xqqiafs3zr] {
		font-size: 1.4rem;
	}

	.metrica-label[b-xqqiafs3zr] {
		font-size: 0.8rem;
	}

	/* Filter Bar */
	.filtros-bar[b-xqqiafs3zr] {
		flex-direction: column;
		padding: 1rem;
	}

	.admin-filtro-grupo[b-xqqiafs3zr] {
		min-width: unset;
		width: 100%;
	}

	/* Section */
	.admin-section[b-xqqiafs3zr] {
		padding: 16px;
	}

	/* Mensagem Cards */
	.mensagem-header-row[b-xqqiafs3zr] {
		flex-direction: column;
	}

	.mensagem-meta[b-xqqiafs3zr] {
		align-self: flex-end;
	}

	.mensagem-footer-row[b-xqqiafs3zr] {
		flex-direction: column;
		align-items: flex-start;
	}

	.mensagem-acoes[b-xqqiafs3zr] {
		align-self: flex-end;
	}

	.btn-marcar-lida[b-xqqiafs3zr] {
		width: 100%;
		justify-content: center;
	}

	/* Toast notification */
	.notificacao-flutuante[b-xqqiafs3zr] {
		left: 16px;
		right: 16px;
		bottom: 16px;
		max-width: none;
	}
}

/* Small Mobile — 480px */
@@media (max-width: 480px) {
	.admin-mensagens-page[b-xqqiafs3zr] {
		padding: 16px 12px;
	}

	.admin-header h1[b-xqqiafs3zr] {
		font-size: 20px;
	}

	/* Metricas */
	.metricas-grid[b-xqqiafs3zr] {
		grid-template-columns: 1fr;
	}

	.metrica-card[b-xqqiafs3zr] {
		padding: 12px;
		gap: 10px;
	}

	.metrica-icon[b-xqqiafs3zr] {
		width: 38px;
		height: 38px;
	}

	.metrica-icon i[b-xqqiafs3zr] {
		font-size: 16px;
	}

	.metrica-valor[b-xqqiafs3zr] {
		font-size: 1.2rem;
	}

	.metrica-label[b-xqqiafs3zr] {
		font-size: 0.75rem;
	}

	/* Messages */
	.mensagem-card[b-xqqiafs3zr] {
		padding: 12px;
	}

	.mensagem-remetente > i[b-xqqiafs3zr] {
		font-size: 24px;
	}

	.mensagem-nome[b-xqqiafs3zr] {
		font-size: 14px;
	}

	.mensagem-corpo[b-xqqiafs3zr] {
		font-size: 13px;
	}

	/* Toast */
	.notificacao-flutuante[b-xqqiafs3zr] {
		font-size: 13px;
		padding: 12px 16px;
	}
}

/* Extra Small — 360px */
@@media (max-width: 360px) {
	.admin-mensagens-page[b-xqqiafs3zr] {
		padding: 12px 8px;
	}

	.admin-header h1[b-xqqiafs3zr] {
		font-size: 18px;
	}

	.metrica-card[b-xqqiafs3zr] {
		padding: 10px;
		gap: 8px;
	}

	.metrica-icon[b-xqqiafs3zr] {
		width: 34px;
		height: 34px;
	}

	.metrica-icon i[b-xqqiafs3zr] {
		font-size: 14px;
	}

	.metrica-valor[b-xqqiafs3zr] {
		font-size: 1.1rem;
	}

	.filtros-bar[b-xqqiafs3zr] {
		padding: 0.75rem;
	}

	.mensagem-card[b-xqqiafs3zr] {
		padding: 10px;
	}
}
/* /Components/Pages/AdminMensagensSite.razor.rz.scp.css */
/* ========================================
   AdminMensagensSite.razor.css
   Isolated CSS — Mensagens do Site (Contato)
   Clonado de AdminMensagens.razor.css
   ======================================== */

/* ===== Admin Layout ===== */
.admin-layout[b-p0deplsktk] {
    display: flex;
    gap: 24px;
    max-width: 1600px;
    margin: 0 auto;
    padding: 32px 24px;
    min-height: calc(100vh - 100px);
}

.admin-content[b-p0deplsktk] {
    flex: 1;
    min-width: 0;
}

[data-theme="dark"] .admin-layout[b-p0deplsktk] {
    background: transparent;
}

@@media (max-width: 768px) {
    .admin-layout[b-p0deplsktk] {
        flex-direction: column;
        padding: 16px;
        gap: 16px;
    }
}

/* ===== Acesso Negado ===== */

.acesso-negado[b-p0deplsktk] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 100px);
	gap: 12px;
	text-align: center;
	padding: 4rem 24px;
}

.acesso-negado i[b-p0deplsktk] {
	font-size: 64px;
	color: var(--primary-purple);
}

.acesso-negado h2[b-p0deplsktk] {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	color: var(--text-dark);
}

.acesso-negado p[b-p0deplsktk] {
	margin: 0;
	color: var(--text-medium);
	font-size: 16px;
}

.btn-voltar[b-p0deplsktk] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: var(--primary-purple);
	color: var(--white);
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	margin-top: 8px;
	transition: all 0.2s;
}

.btn-voltar:hover[b-p0deplsktk] {
	background: var(--primary-purple-light);
	color: var(--white);
	text-decoration: none;
}

/* ===== Page Layout ===== */

.admin-mensagens-site-page[b-p0deplsktk] {
	max-width: 1200px;
	margin: 0 auto;
	padding: 32px 24px;
	background: var(--bg-gray);
	min-height: calc(100vh - 100px);
}

/* ===== Loading & Error States ===== */

.carregando[b-p0deplsktk] {
	text-align: center;
	padding: 4rem;
	color: var(--text-medium);
	font-size: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.spinner[b-p0deplsktk] {
	width: 36px;
	height: 36px;
	border: 4px solid var(--border-light);
	border-top-color: var(--primary-purple);
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

.erro-carregamento[b-p0deplsktk] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 4rem 24px;
	text-align: center;
	gap: 12px;
	color: var(--text-medium);
}

.erro-carregamento i[b-p0deplsktk] {
	font-size: 48px;
	color: var(--danger-red);
}

.erro-carregamento h2[b-p0deplsktk] {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	color: var(--text-dark);
}

.erro-carregamento p[b-p0deplsktk] {
	margin: 0;
	font-size: 15px;
}

/* ===== Admin Header ===== */

.admin-header[b-p0deplsktk] {
	margin-bottom: 2rem;
}

.admin-header h1[b-p0deplsktk] {
	margin: 0 0 4px 0;
	font-size: 28px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 10px;
}

.admin-header h1 i[b-p0deplsktk] {
	color: var(--primary-purple);
}

.admin-header p[b-p0deplsktk] {
	margin: 0;
	font-size: 15px;
	color: var(--text-medium);
}

.admin-header-top[b-p0deplsktk] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

/* ===== Métricas Grid ===== */

.metricas-grid[b-p0deplsktk] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin-bottom: 24px;
}

.metrica-card[b-p0deplsktk] {
	background: var(--white);
	border-radius: 12px;
	padding: 1.5rem;
	display: flex;
	align-items: center;
	gap: 1rem;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	transition: all 0.2s;
}

.metrica-card:hover[b-p0deplsktk] {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.metrica-icon[b-p0deplsktk] {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.metrica-icon i[b-p0deplsktk] {
	font-size: 22px;
	color: var(--white);
}

.bg-purple[b-p0deplsktk] {
	background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
}

.bg-orange[b-p0deplsktk] {
	background: linear-gradient(135deg, #ff9800, #ffb74d);
}

.bg-green[b-p0deplsktk] {
	background: linear-gradient(135deg, #4caf50, #66bb6a);
}

.metrica-info[b-p0deplsktk] {
	display: flex;
	flex-direction: column;
}

.metrica-valor[b-p0deplsktk] {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--text-dark);
	line-height: 1;
}

.metrica-label[b-p0deplsktk] {
	font-size: 0.85rem;
	color: var(--text-medium);
	margin-top: 2px;
}

/* ===== Filter Bar ===== */

.filtros-bar[b-p0deplsktk] {
	display: flex;
	gap: 1rem;
	align-items: flex-end;
	flex-wrap: wrap;
	background: var(--white);
	padding: 1.5rem;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	margin-bottom: 2rem;
}

.admin-filtro-grupo[b-p0deplsktk] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
	min-width: 140px;
}

.admin-filtro-grupo label[b-p0deplsktk] {
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.filtro-input-admin[b-p0deplsktk],
.filtro-select-admin[b-p0deplsktk] {
	padding: 10px 14px;
	border: 1.5px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.9rem;
	color: var(--text-dark);
	background: var(--white);
	outline: none;
	transition: border-color 0.2s, box-shadow 0.2s;
	box-sizing: border-box;
}

.filtro-input-admin:focus[b-p0deplsktk],
.filtro-select-admin:focus[b-p0deplsktk] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.1);
}

.filtro-select-admin[b-p0deplsktk] {
	cursor: pointer;
	appearance: auto;
}

/* ===== Action Buttons ===== */

.btn-acao-primaria[b-p0deplsktk] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: var(--white);
	border: none;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-acao-primaria:hover:not(:disabled)[b-p0deplsktk] {
	opacity: 0.9;
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(108, 62, 182, 0.3);
}

/* ===== Admin Section ===== */

.admin-section[b-p0deplsktk] {
	background: var(--white);
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 24px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

.section-header-row[b-p0deplsktk] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
	flex-wrap: wrap;
}

.section-header-row h2[b-p0deplsktk] {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 8px;
}

.section-header-row h2 i[b-p0deplsktk] {
	color: var(--primary-purple);
}

.badge-count[b-p0deplsktk] {
	background: rgba(108, 62, 182, 0.1);
	color: var(--primary-purple);
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
}

.badge-nao-lidas[b-p0deplsktk] {
	background: var(--danger-red);
	color: #fff;
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
}

/* ===== Empty State ===== */

.empty-mensagens[b-p0deplsktk] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 3rem 16px;
	color: var(--text-medium);
}

.empty-mensagens i[b-p0deplsktk] {
	font-size: 48px;
	opacity: 0.4;
}

.empty-mensagens p[b-p0deplsktk] {
	margin: 0;
	font-size: 14px;
}

/* ===== Mensagens Lista ===== */

.mensagens-lista[b-p0deplsktk] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mensagem-card[b-p0deplsktk] {
	background: var(--bg-gray);
	border-radius: 12px;
	padding: 16px;
	border: 1px solid var(--border-light);
	transition: all 0.2s;
}

.mensagem-card:hover[b-p0deplsktk] {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.mensagem-nao-lida[b-p0deplsktk] {
	background: rgba(255, 235, 59, 0.12);
	border-color: rgba(255, 193, 7, 0.4);
	box-shadow: 0 2px 8px rgba(255, 213, 79, 0.2);
}

.mensagem-nao-lida:hover[b-p0deplsktk] {
	box-shadow: 0 4px 16px rgba(255, 213, 79, 0.3);
}

.mensagem-header-row[b-p0deplsktk] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 10px;
	gap: 12px;
}

.mensagem-remetente[b-p0deplsktk] {
	display: flex;
	align-items: center;
	gap: 10px;
}

.mensagem-remetente > i[b-p0deplsktk] {
	font-size: 28px;
	color: var(--primary-purple);
	flex-shrink: 0;
}

.mensagem-remetente div[b-p0deplsktk] {
	display: flex;
	flex-direction: column;
}

.mensagem-nome[b-p0deplsktk] {
	font-size: 15px;
	font-weight: 700;
	color: var(--text-dark);
}

.mensagem-email[b-p0deplsktk] {
	font-size: 13px;
	color: var(--text-medium);
}

.mensagem-meta[b-p0deplsktk] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}

.mensagem-data[b-p0deplsktk] {
	font-size: 12px;
	color: var(--text-medium);
	white-space: nowrap;
}

.mensagem-badge-nova[b-p0deplsktk] {
	background: #ff9800;
	color: #fff;
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 700;
}

.mensagem-telefone[b-p0deplsktk] {
	font-size: 13px;
	color: var(--text-medium);
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.mensagem-assunto-line[b-p0deplsktk] {
	font-size: 14px;
	color: var(--text-dark);
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.mensagem-assunto-line i[b-p0deplsktk] {
	color: var(--primary-purple);
	font-size: 13px;
}

.mensagem-corpo[b-p0deplsktk] {
	font-size: 14px;
	color: var(--text-dark);
	line-height: 1.6;
	margin-bottom: 12px;
	white-space: pre-wrap;
	word-break: break-word;
}

.mensagem-footer-row[b-p0deplsktk] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.mensagem-info-extra[b-p0deplsktk] {
	display: flex;
	gap: 12px;
	font-size: 12px;
	color: var(--text-medium);
}

.mensagem-info-extra span[b-p0deplsktk] {
	display: flex;
	align-items: center;
	gap: 4px;
}

.btn-marcar-lida[b-p0deplsktk] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--primary-purple);
	color: #fff;
	border: none;
	border-radius: 8px;
	padding: 8px 16px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-marcar-lida:hover[b-p0deplsktk] {
	background: var(--primary-purple-light);
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(108, 62, 182, 0.3);
}

.mensagem-acoes[b-p0deplsktk] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: auto;
	text-align: right;
	white-space: nowrap;
}

.btn-acao[b-p0deplsktk] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	border: none;
	cursor: pointer;
	transition: all 0.2s;
	font-size: 14px;
}

.btn-acao-danger[b-p0deplsktk] {
	background: rgba(244, 67, 54, 0.1);
	color: #f44336;
}

.btn-acao-danger:hover[b-p0deplsktk] {
	background: #f44336;
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(244, 67, 54, 0.3);
}

.mensagem-lida-info[b-p0deplsktk] {
	font-size: 12px;
	color: #4caf50;
	display: flex;
	align-items: center;
	gap: 4px;
}

/* ===== Toast / Floating Notifications ===== */

.notificacao-flutuante[b-p0deplsktk] {
	position: fixed;
	bottom: 24px;
	right: 24px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 20px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	z-index: 2000;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
	animation: slideInToast 0.4s ease-out;
	max-width: 420px;
}

.notificacao-flutuante i[b-p0deplsktk] {
	font-size: 18px;
	flex-shrink: 0;
}

.notificacao-sucesso[b-p0deplsktk] {
	background: #2e7d32;
	color: #fff;
}

.notificacao-erro[b-p0deplsktk] {
	background: #c62828;
	color: #fff;
}

/* ===== Animations ===== */

@@keyframes spin {
	to[b-p0deplsktk] { transform: rotate(360deg); }
}

@@keyframes slideInToast {
	from[b-p0deplsktk] {
		opacity: 0;
		transform: translateY(20px) translateX(20px);
	}
	to[b-p0deplsktk] {
		opacity: 1;
		transform: translateY(0) translateX(0);
	}
}

/* ========================================
   Dark Mode — [data-theme="dark"]
   ======================================== */

:global([data-theme="dark"]) .admin-mensagens-site-page[b-p0deplsktk] {
	background: #0f1117;
}

:global([data-theme="dark"]) .acesso-negado h2[b-p0deplsktk] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .acesso-negado p[b-p0deplsktk] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .admin-header h1[b-p0deplsktk] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .admin-header p[b-p0deplsktk] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .metrica-card[b-p0deplsktk] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .metrica-card:hover[b-p0deplsktk] {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .metrica-valor[b-p0deplsktk] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .metrica-label[b-p0deplsktk] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .filtros-bar[b-p0deplsktk] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .admin-filtro-grupo label[b-p0deplsktk] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .filtro-input-admin[b-p0deplsktk],
:global([data-theme="dark"]) .filtro-select-admin[b-p0deplsktk] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .filtro-input-admin:focus[b-p0deplsktk],
:global([data-theme="dark"]) .filtro-select-admin:focus[b-p0deplsktk] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .admin-section[b-p0deplsktk] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .section-header-row h2[b-p0deplsktk] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .badge-count[b-p0deplsktk] {
	background: rgba(108, 62, 182, 0.18);
	color: #b39ddb;
}

:global([data-theme="dark"]) .badge-nao-lidas[b-p0deplsktk] {
	background: #d32f2f;
}

:global([data-theme="dark"]) .empty-mensagens[b-p0deplsktk] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .mensagem-card[b-p0deplsktk] {
	background: rgba(30, 30, 47, 0.6);
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .mensagem-card:hover[b-p0deplsktk] {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .mensagem-nao-lida[b-p0deplsktk] {
	background: rgba(255, 152, 0, 0.1);
	border-color: rgba(255, 152, 0, 0.25);
	box-shadow: 0 2px 8px rgba(255, 152, 0, 0.1);
}

:global([data-theme="dark"]) .mensagem-nao-lida:hover[b-p0deplsktk] {
	box-shadow: 0 4px 16px rgba(255, 152, 0, 0.15);
}

:global([data-theme="dark"]) .mensagem-nome[b-p0deplsktk] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .mensagem-email[b-p0deplsktk] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .mensagem-data[b-p0deplsktk] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .mensagem-telefone[b-p0deplsktk] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .mensagem-assunto-line[b-p0deplsktk] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .mensagem-corpo[b-p0deplsktk] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .mensagem-info-extra[b-p0deplsktk] {
	color: #757575;
}

:global([data-theme="dark"]) .mensagem-lida-info[b-p0deplsktk] {
	color: #66bb6a;
}

:global([data-theme="dark"]) .btn-marcar-lida:hover[b-p0deplsktk] {
	box-shadow: 0 2px 8px rgba(108, 62, 182, 0.4);
}

:global([data-theme="dark"]) .carregando[b-p0deplsktk] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .erro-carregamento h2[b-p0deplsktk] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .erro-carregamento p[b-p0deplsktk] {
	color: #9e9e9e;
}

/* ========================================
   Responsive Breakpoints
   ======================================== */

@@media (max-width: 768px) {
	.admin-mensagens-site-page[b-p0deplsktk] {
		padding: 24px 16px;
	}

	.admin-header h1[b-p0deplsktk] {
		font-size: 22px;
	}

	.admin-header-top[b-p0deplsktk] {
		flex-direction: column;
		align-items: flex-start;
	}

	.metricas-grid[b-p0deplsktk] {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.metrica-card[b-p0deplsktk] {
		padding: 14px;
	}

	.metrica-icon[b-p0deplsktk] {
		width: 42px;
		height: 42px;
	}

	.metrica-icon i[b-p0deplsktk] {
		font-size: 18px;
	}

	.metrica-valor[b-p0deplsktk] {
		font-size: 1.4rem;
	}

	.metrica-label[b-p0deplsktk] {
		font-size: 0.8rem;
	}

	.filtros-bar[b-p0deplsktk] {
		flex-direction: column;
		padding: 1rem;
	}

	.admin-filtro-grupo[b-p0deplsktk] {
		min-width: unset;
		width: 100%;
	}

	.admin-section[b-p0deplsktk] {
		padding: 16px;
	}

	.mensagem-header-row[b-p0deplsktk] {
		flex-direction: column;
	}

	.mensagem-meta[b-p0deplsktk] {
		align-self: flex-end;
	}

	.mensagem-footer-row[b-p0deplsktk] {
		flex-direction: column;
		align-items: flex-start;
	}

	.mensagem-acoes[b-p0deplsktk] {
		align-self: flex-end;
	}

	.btn-marcar-lida[b-p0deplsktk] {
		width: 100%;
		justify-content: center;
	}

	.notificacao-flutuante[b-p0deplsktk] {
		left: 16px;
		right: 16px;
		bottom: 16px;
		max-width: none;
	}
}

@@media (max-width: 480px) {
	.admin-mensagens-site-page[b-p0deplsktk] {
		padding: 16px 12px;
	}

	.admin-header h1[b-p0deplsktk] {
		font-size: 20px;
	}

	.metricas-grid[b-p0deplsktk] {
		grid-template-columns: 1fr;
	}

	.metrica-card[b-p0deplsktk] {
		padding: 12px;
		gap: 10px;
	}

	.metrica-icon[b-p0deplsktk] {
		width: 38px;
		height: 38px;
	}

	.metrica-icon i[b-p0deplsktk] {
		font-size: 16px;
	}

	.metrica-valor[b-p0deplsktk] {
		font-size: 1.2rem;
	}

	.metrica-label[b-p0deplsktk] {
		font-size: 0.75rem;
	}

	.mensagem-card[b-p0deplsktk] {
		padding: 12px;
	}

	.mensagem-remetente > i[b-p0deplsktk] {
		font-size: 24px;
	}

	.mensagem-nome[b-p0deplsktk] {
		font-size: 14px;
	}

	.mensagem-corpo[b-p0deplsktk] {
		font-size: 13px;
	}

	.notificacao-flutuante[b-p0deplsktk] {
		font-size: 13px;
		padding: 12px 16px;
	}
}

@@media (max-width: 360px) {
	.admin-mensagens-site-page[b-p0deplsktk] {
		padding: 12px 8px;
	}

	.admin-header h1[b-p0deplsktk] {
		font-size: 18px;
	}

	.metrica-card[b-p0deplsktk] {
		padding: 10px;
		gap: 8px;
	}

	.metrica-icon[b-p0deplsktk] {
		width: 34px;
		height: 34px;
	}

	.metrica-icon i[b-p0deplsktk] {
		font-size: 14px;
	}

	.metrica-valor[b-p0deplsktk] {
		font-size: 1.1rem;
	}

	.filtros-bar[b-p0deplsktk] {
		padding: 0.75rem;
	}

	.mensagem-card[b-p0deplsktk] {
		padding: 10px;
	}
}
/* /Components/Pages/AdminPagamentos.razor.rz.scp.css */
/* ========================================
   AdminPagamentos.razor.css
   Isolated CSS — Gestão de Pagamentos
   ======================================== */

/* ===== Admin Layout (sidebar + content) ===== */

.admin-layout[b-dwrbjdw00f] {
	display: flex;
	gap: 24px;
	max-width: 1600px;
	margin: 0 auto;
	padding: 32px 24px;
	min-height: calc(100vh - 100px);
}

.admin-content[b-dwrbjdw00f] {
	flex: 1;
	padding: 0;
	max-width: 100%;
	min-width: 0;
}

/* ===== Acesso Negado ===== */

.acesso-negado[b-dwrbjdw00f] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 100px);
	gap: 12px;
	text-align: center;
	padding: 4rem 24px;
}

.acesso-negado i[b-dwrbjdw00f] {
	font-size: 64px;
	color: var(--primary-purple);
}

.acesso-negado h2[b-dwrbjdw00f] {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	color: var(--text-dark);
}

.acesso-negado p[b-dwrbjdw00f] {
	margin: 0;
	color: var(--text-medium);
	font-size: 16px;
}

.btn-voltar[b-dwrbjdw00f] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: var(--primary-purple);
	color: var(--white);
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	margin-top: 8px;
	transition: all 0.2s;
}

.btn-voltar:hover[b-dwrbjdw00f] {
	background: var(--primary-purple-light);
	color: var(--white);
	text-decoration: none;
}

/* ===== Page Layout ===== */

.admin-pagamentos-page[b-dwrbjdw00f] {
	max-width: 1400px;
	margin: 0 auto;
	padding: 32px 24px;
	background: var(--bg-gray);
	min-height: calc(100vh - 100px);
}

/* ===== Admin Header ===== */

.admin-header[b-dwrbjdw00f] {
	margin-bottom: 2rem;
}

.admin-header h1[b-dwrbjdw00f] {
	margin: 0 0 4px 0;
	font-size: 28px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 10px;
}

.admin-header h1 i[b-dwrbjdw00f] {
	color: var(--primary-purple);
}

.admin-header p[b-dwrbjdw00f] {
	margin: 0;
	font-size: 15px;
	color: var(--text-medium);
}

.admin-header-top[b-dwrbjdw00f] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.admin-header-acoes[b-dwrbjdw00f] {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

/* ===== Métricas Grid (4 cards) ===== */

.metricas-grid[b-dwrbjdw00f] {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	margin-bottom: 24px;
}

.metrica-card[b-dwrbjdw00f] {
	background: var(--white);
	border-radius: 12px;
	padding: 1.5rem;
	display: flex;
	align-items: center;
	gap: 1rem;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	transition: all 0.2s;
}

.metrica-card:hover[b-dwrbjdw00f] {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.metrica-icon[b-dwrbjdw00f] {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.metrica-icon i[b-dwrbjdw00f] {
	font-size: 22px;
	color: var(--white);
}

.bg-purple[b-dwrbjdw00f] {
	background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
}

.bg-green[b-dwrbjdw00f] {
	background: linear-gradient(135deg, #4caf50, #66bb6a);
}

.bg-orange[b-dwrbjdw00f] {
	background: linear-gradient(135deg, #ff9800, #ffb74d);
}

.bg-red[b-dwrbjdw00f] {
	background: linear-gradient(135deg, #f44336, #ef5350);
}

.metrica-info[b-dwrbjdw00f] {
	display: flex;
	flex-direction: column;
}

.metrica-valor[b-dwrbjdw00f] {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--text-dark);
	line-height: 1;
}

.metrica-label[b-dwrbjdw00f] {
	font-size: 0.85rem;
	color: var(--text-medium);
	margin-top: 2px;
}

/* ===== Filter Bar ===== */

.filtros-bar[b-dwrbjdw00f] {
	display: flex;
	gap: 1rem;
	align-items: flex-end;
	flex-wrap: wrap;
	background: var(--white);
	padding: 1.5rem;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	margin-bottom: 2rem;
}

.admin-filtro-grupo[b-dwrbjdw00f] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
	min-width: 140px;
}

.admin-filtro-grupo label[b-dwrbjdw00f] {
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.filtro-select-admin[b-dwrbjdw00f],
.filtro-input-admin[b-dwrbjdw00f] {
	padding: 10px 14px;
	border: 1.5px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.9rem;
	color: var(--text-dark);
	background: var(--white);
	outline: none;
	transition: border-color 0.2s, box-shadow 0.2s;
	box-sizing: border-box;
	cursor: pointer;
	appearance: auto;
}

.filtro-input-admin[b-dwrbjdw00f] {
	cursor: text;
}

.filtro-select-admin:focus[b-dwrbjdw00f],
.filtro-input-admin:focus[b-dwrbjdw00f] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.1);
}

/* ===== Primary / Secondary Action Buttons ===== */

.btn-acao-primaria[b-dwrbjdw00f] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: var(--white);
	border: none;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-acao-primaria:hover:not(:disabled)[b-dwrbjdw00f] {
	opacity: 0.9;
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(108, 62, 182, 0.3);
}

.btn-acao-primaria:disabled[b-dwrbjdw00f] {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
}

.btn-acao-primaria i[b-dwrbjdw00f] {
	font-size: 16px;
}

.btn-acao-secundaria[b-dwrbjdw00f] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: var(--white);
	color: var(--primary-purple);
	border: 1.5px solid var(--primary-purple);
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
	text-decoration: none;
}

.btn-acao-secundaria:hover:not(:disabled)[b-dwrbjdw00f] {
	background: rgba(108, 62, 182, 0.08);
	transform: translateY(-1px);
	color: var(--primary-purple);
	text-decoration: none;
}

.btn-acao-secundaria i[b-dwrbjdw00f] {
	font-size: 16px;
}

/* ===== Admin Section ===== */

.admin-section[b-dwrbjdw00f] {
	background: var(--white);
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 24px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

.section-header-row[b-dwrbjdw00f] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
	flex-wrap: wrap;
}

.section-header-row h2[b-dwrbjdw00f] {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 8px;
}

.section-header-row h2 i[b-dwrbjdw00f] {
	color: var(--primary-purple);
}

.badge-count[b-dwrbjdw00f] {
	background: rgba(108, 62, 182, 0.1);
	color: var(--primary-purple);
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
}

.tabela-wrapper[b-dwrbjdw00f] {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* ===== Table ===== */

.tabela-admin[b-dwrbjdw00f] {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.tabela-admin th[b-dwrbjdw00f] {
	background: var(--bg-gray);
	text-align: left;
	padding: 1rem;
	font-weight: 600;
	color: var(--text-medium);
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
	border-bottom: 2px solid var(--border-light);
}

.tabela-admin td[b-dwrbjdw00f] {
	padding: 1rem;
	color: var(--text-dark);
	border-bottom: 1px solid var(--border-light);
	vertical-align: middle;
}

.tabela-admin tr:last-child td[b-dwrbjdw00f] {
	border-bottom: none;
}

.tabela-admin tbody tr[b-dwrbjdw00f] {
	transition: background 0.15s;
}

.tabela-admin tbody tr:hover td[b-dwrbjdw00f] {
	background: rgba(108, 62, 182, 0.03);
}

/* ===== Pagador Info (stacked name + CPF) ===== */

.pagador-info[b-dwrbjdw00f] {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.pagador-nome[b-dwrbjdw00f] {
	font-weight: 600;
	color: var(--text-dark);
}

.pagador-cpf[b-dwrbjdw00f] {
	font-size: 0.8rem;
	color: var(--text-medium);
	font-family: monospace;
}

.valor-cell[b-dwrbjdw00f] {
	font-weight: 600;
	white-space: nowrap;
}

/* ===== Type Badge (Plano) ===== */

.tipo-badge[b-dwrbjdw00f] {
	display: inline-block;
	padding: 0.3rem 0.8rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
	white-space: nowrap;
	background: rgba(108, 62, 182, 0.12);
	color: var(--primary-purple);
}

/* ===== Status Badges ===== */

.badge-status[b-dwrbjdw00f] {
	display: inline-block;
	padding: 0.3rem 0.8rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
	white-space: nowrap;
}

.badge-status-pago[b-dwrbjdw00f] {
	background: rgba(76, 175, 80, 0.12);
	color: #2e7d32;
}

.badge-status-pendente[b-dwrbjdw00f] {
	background: rgba(255, 152, 0, 0.12);
	color: #e65100;
}

.badge-status-vencido[b-dwrbjdw00f] {
	background: rgba(244, 67, 54, 0.12);
	color: #c62828;
}

.badge-status-cancelado[b-dwrbjdw00f] {
	background: rgba(158, 158, 158, 0.12);
	color: #616161;
}

.badge-status-inconsistencia[b-dwrbjdw00f] {
	background: rgba(156, 39, 176, 0.12);
	color: #7b1fa2;
}

/* ===== Status Dropdown (inline edit) ===== */

.select-status-pagamento[b-dwrbjdw00f] {
	padding: 4px 8px;
	border: 1.5px solid var(--border-light);
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	background: var(--white);
	color: var(--text-dark);
	cursor: pointer;
	transition: border-color 0.2s;
}

.select-status-pagamento:focus[b-dwrbjdw00f] {
	border-color: var(--primary-purple);
	outline: none;
}

:global([data-theme="dark"]) .select-status-pagamento[b-dwrbjdw00f] {
	background: #2e2e4a;
	border-color: #3d3d5c;
	color: #f0f0f0;
}

/* ===== States ===== */

.estado-vazio[b-dwrbjdw00f] {
	text-align: center;
	padding: 3rem;
	color: var(--text-medium);
}

.estado-vazio i[b-dwrbjdw00f] {
	font-size: 3rem;
	opacity: 0.5;
	margin-bottom: 1rem;
	display: block;
}

.estado-vazio p[b-dwrbjdw00f] {
	margin: 0;
	font-size: 14px;
}

.estado-erro[b-dwrbjdw00f] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 200px);
	gap: 12px;
	text-align: center;
	padding: 4rem 24px;
}

.estado-erro i[b-dwrbjdw00f] {
	font-size: 56px;
	color: #f44336;
}

.estado-erro h2[b-dwrbjdw00f] {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	color: var(--text-dark);
}

.estado-erro p[b-dwrbjdw00f] {
	margin: 0;
	color: var(--text-medium);
	font-size: 15px;
}

.carregando[b-dwrbjdw00f] {
	text-align: center;
	padding: 3rem;
	color: var(--text-medium);
	font-size: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 200px);
	gap: 12px;
}

/* ===== Spinner ===== */

.spinner[b-dwrbjdw00f] {
	width: 36px;
	height: 36px;
	border: 4px solid var(--border-light);
	border-top-color: var(--primary-purple);
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

@@keyframes spin {
	to[b-dwrbjdw00f] { transform: rotate(360deg); }
}

/* ===== Mobile Cards ===== */

.cards-mobile[b-dwrbjdw00f] {
	display: none;
}

.card-pagamento-mobile[b-dwrbjdw00f] {
	background: var(--white);
	border-radius: 12px;
	padding: 1.25rem;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

.card-mobile-header[b-dwrbjdw00f] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 0.75rem;
}

.card-mobile-nome[b-dwrbjdw00f] {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.95rem;
	flex-wrap: wrap;
}

.card-mobile-nome strong[b-dwrbjdw00f] {
	color: var(--text-dark);
}

.card-mobile-body[b-dwrbjdw00f] {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.card-mobile-info[b-dwrbjdw00f] {
	font-size: 0.85rem;
	color: var(--text-medium);
	display: flex;
	align-items: center;
	gap: 6px;
}

.card-mobile-info i[b-dwrbjdw00f] {
	font-size: 14px;
	color: var(--text-medium);
	width: 16px;
	text-align: center;
	flex-shrink: 0;
}

/* ===== Toast / Floating Notifications ===== */

.notificacao-flutuante[b-dwrbjdw00f] {
	position: fixed;
	bottom: 24px;
	right: 24px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 20px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	z-index: 2000;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
	animation: slideInToast 0.4s ease-out;
	max-width: 420px;
}

.notificacao-flutuante i[b-dwrbjdw00f] {
	font-size: 18px;
	flex-shrink: 0;
}

.notificacao-sucesso[b-dwrbjdw00f] {
	background: #2e7d32;
	color: #fff;
}

.notificacao-erro[b-dwrbjdw00f] {
	background: #c62828;
	color: #fff;
}

@@keyframes slideInToast {
	from[b-dwrbjdw00f] {
		opacity: 0;
		transform: translateY(20px) translateX(20px);
	}
	to[b-dwrbjdw00f] {
		opacity: 1;
		transform: translateY(0) translateX(0);
	}
}

/* ========================================
   Dark Mode — [data-theme="dark"]
   ======================================== */

:global([data-theme="dark"]) .admin-pagamentos-page[b-dwrbjdw00f] {
	background: #0f1117;
}

:global([data-theme="dark"]) .acesso-negado h2[b-dwrbjdw00f],
:global([data-theme="dark"]) .estado-erro h2[b-dwrbjdw00f] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .acesso-negado p[b-dwrbjdw00f],
:global([data-theme="dark"]) .estado-erro p[b-dwrbjdw00f] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .admin-header h1[b-dwrbjdw00f] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .admin-header p[b-dwrbjdw00f] {
	color: #9e9e9e;
}

/* Dark: Metrics Cards */

:global([data-theme="dark"]) .metrica-card[b-dwrbjdw00f] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .metrica-card:hover[b-dwrbjdw00f] {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .metrica-valor[b-dwrbjdw00f] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .metrica-label[b-dwrbjdw00f] {
	color: #9e9e9e;
}

/* Dark: Filter Bar */

:global([data-theme="dark"]) .filtros-bar[b-dwrbjdw00f] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .admin-filtro-grupo label[b-dwrbjdw00f] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .filtro-select-admin[b-dwrbjdw00f],
:global([data-theme="dark"]) .filtro-input-admin[b-dwrbjdw00f] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .filtro-select-admin:focus[b-dwrbjdw00f],
:global([data-theme="dark"]) .filtro-input-admin:focus[b-dwrbjdw00f] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .btn-acao-secundaria[b-dwrbjdw00f] {
	background: #22252f;
	border-color: var(--primary-purple);
	color: #b39ddb;
}

:global([data-theme="dark"]) .btn-acao-secundaria:hover:not(:disabled)[b-dwrbjdw00f] {
	background: rgba(108, 62, 182, 0.15);
}

/* Dark: Table & Section */

:global([data-theme="dark"]) .admin-section[b-dwrbjdw00f] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .section-header-row h2[b-dwrbjdw00f] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .badge-count[b-dwrbjdw00f] {
	background: rgba(108, 62, 182, 0.18);
	color: #b39ddb;
}

:global([data-theme="dark"]) .tabela-admin th[b-dwrbjdw00f] {
	background: #12141c;
	color: #9e9e9e;
	border-bottom-color: #2a2d3a;
}

:global([data-theme="dark"]) .tabela-admin td[b-dwrbjdw00f] {
	color: #e0e0e0;
	border-bottom-color: #22252f;
}

:global([data-theme="dark"]) .tabela-admin tbody tr:hover td[b-dwrbjdw00f] {
	background: rgba(108, 62, 182, 0.06);
}

/* Dark: Pagador Info */

:global([data-theme="dark"]) .pagador-nome[b-dwrbjdw00f] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .pagador-cpf[b-dwrbjdw00f] {
	color: #9e9e9e;
}

/* Dark: Type Badge */

:global([data-theme="dark"]) .tipo-badge[b-dwrbjdw00f] {
	background: rgba(108, 62, 182, 0.18);
	color: #b39ddb;
}

/* Dark: Status Badges */

:global([data-theme="dark"]) .badge-status-pago[b-dwrbjdw00f] {
	background: rgba(76, 175, 80, 0.18);
	color: #81c784;
}

:global([data-theme="dark"]) .badge-status-pendente[b-dwrbjdw00f] {
	background: rgba(255, 152, 0, 0.18);
	color: #ffb74d;
}

:global([data-theme="dark"]) .badge-status-vencido[b-dwrbjdw00f] {
	background: rgba(244, 67, 54, 0.18);
	color: #ef9a9a;
}

:global([data-theme="dark"]) .badge-status-cancelado[b-dwrbjdw00f] {
	background: rgba(158, 158, 158, 0.18);
	color: #bdbdbd;
}

:global([data-theme="dark"]) .badge-status-inconsistencia[b-dwrbjdw00f] {
	background: rgba(156, 39, 176, 0.18);
	color: #ce93d8;
}

/* Dark: States */

:global([data-theme="dark"]) .estado-vazio[b-dwrbjdw00f] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .estado-erro i[b-dwrbjdw00f] {
	color: #ef5350;
}

:global([data-theme="dark"]) .carregando[b-dwrbjdw00f] {
	color: #9e9e9e;
}

/* Dark: Mobile Cards */

:global([data-theme="dark"]) .card-pagamento-mobile[b-dwrbjdw00f] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .card-mobile-nome strong[b-dwrbjdw00f] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .card-mobile-info[b-dwrbjdw00f] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .card-mobile-info i[b-dwrbjdw00f] {
	color: #666;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of [data-theme="dark"] section above.
   Dark mode is now controlled exclusively via :global([data-theme="dark"]) selectors. */

/* ========================================
   Responsive Breakpoints
   ======================================== */

/* Tablet — 1200px */
@@media (max-width: 1200px) {
	.metricas-grid[b-dwrbjdw00f] {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Mobile — 768px */
@@media (max-width: 768px) {
	.admin-layout[b-dwrbjdw00f] {
		flex-direction: column;
	}

	.admin-pagamentos-page[b-dwrbjdw00f] {
		padding: 24px 16px;
	}

	.admin-header h1[b-dwrbjdw00f] {
		font-size: 22px;
	}

	.admin-header-top[b-dwrbjdw00f] {
		flex-direction: column;
		align-items: flex-start;
	}

	/* Metricas */
	.metricas-grid[b-dwrbjdw00f] {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.metrica-card[b-dwrbjdw00f] {
		padding: 14px;
	}

	.metrica-icon[b-dwrbjdw00f] {
		width: 42px;
		height: 42px;
	}

	.metrica-icon i[b-dwrbjdw00f] {
		font-size: 18px;
	}

	.metrica-valor[b-dwrbjdw00f] {
		font-size: 1.4rem;
	}

	.metrica-label[b-dwrbjdw00f] {
		font-size: 0.8rem;
	}

	/* Filter Bar */
	.filtros-bar[b-dwrbjdw00f] {
		flex-direction: column;
		padding: 1rem;
	}

	.admin-filtro-grupo[b-dwrbjdw00f] {
		min-width: unset;
		width: 100%;
	}

	/* Table — hide on mobile */
	.tabela-wrapper[b-dwrbjdw00f] {
		display: none;
	}

	/* Mobile Cards — show on mobile */
	.cards-mobile[b-dwrbjdw00f] {
		display: grid;
		gap: 1rem;
	}

	/* Toast notification */
	.notificacao-flutuante[b-dwrbjdw00f] {
		left: 16px;
		right: 16px;
		bottom: 16px;
		max-width: none;
	}
}

/* Small Mobile — 480px */
@@media (max-width: 480px) {
	.admin-pagamentos-page[b-dwrbjdw00f] {
		padding: 16px 12px;
	}

	.admin-header h1[b-dwrbjdw00f] {
		font-size: 20px;
	}

	/* Metricas */
	.metricas-grid[b-dwrbjdw00f] {
		grid-template-columns: 1fr;
	}

	.metrica-card[b-dwrbjdw00f] {
		padding: 12px;
		gap: 10px;
	}

	.metrica-icon[b-dwrbjdw00f] {
		width: 38px;
		height: 38px;
	}

	.metrica-icon i[b-dwrbjdw00f] {
		font-size: 16px;
	}

	.metrica-valor[b-dwrbjdw00f] {
		font-size: 1.2rem;
	}

	.metrica-label[b-dwrbjdw00f] {
		font-size: 0.75rem;
	}

	/* Toast */
	.notificacao-flutuante[b-dwrbjdw00f] {
		font-size: 13px;
		padding: 12px 16px;
	}
}

/* Extra Small — 360px */
@@media (max-width: 360px) {
	.admin-pagamentos-page[b-dwrbjdw00f] {
		padding: 12px 8px;
	}

	.admin-header h1[b-dwrbjdw00f] {
		font-size: 18px;
	}

	.metrica-card[b-dwrbjdw00f] {
		padding: 10px;
		gap: 8px;
	}

	.metrica-icon[b-dwrbjdw00f] {
		width: 34px;
		height: 34px;
	}

	.metrica-icon i[b-dwrbjdw00f] {
		font-size: 14px;
	}

	.metrica-valor[b-dwrbjdw00f] {
		font-size: 1.1rem;
	}

	.filtros-bar[b-dwrbjdw00f] {
		padding: 0.75rem;
	}

	.card-pagamento-mobile[b-dwrbjdw00f] {
		padding: 1rem;
	}
}
/* /Components/Pages/AdminParametros.razor.rz.scp.css */
/* ========================================
   AdminParametros.razor.css
   Isolated CSS — Parâmetros do Sistema
   ======================================== */

/* ===== Admin Layout with Sidebar ===== */

.admin-layout[b-doj0t9y12q] {
	display: flex;
	gap: 24px;
	max-width: 1600px;
	margin: 0 auto;
	padding: 32px 24px;
	min-height: calc(100vh - 100px);
}

.admin-content[b-doj0t9y12q] {
	flex: 1;
	min-width: 0;
}

[data-theme="dark"] .admin-layout[b-doj0t9y12q] {
	background: transparent;
}

@@media (max-width: 768px) {
	.admin-layout[b-doj0t9y12q] {
		flex-direction: column;
		padding: 16px;
		gap: 16px;
	}
}

/* ===== Acesso Negado ===== */

.acesso-negado[b-doj0t9y12q] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 100px);
	gap: 12px;
	text-align: center;
	padding: 4rem 24px;
}

.acesso-negado i[b-doj0t9y12q] {
	font-size: 64px;
	color: var(--primary-purple);
}

.acesso-negado h2[b-doj0t9y12q] {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	color: var(--text-dark);
}

.acesso-negado p[b-doj0t9y12q] {
	margin: 0;
	color: var(--text-medium);
	font-size: 16px;
}

.btn-voltar[b-doj0t9y12q] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: var(--primary-purple);
	color: var(--white);
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	margin-top: 8px;
	transition: all 0.2s;
}

.btn-voltar:hover[b-doj0t9y12q] {
	background: var(--primary-purple-light);
	color: var(--white);
	text-decoration: none;
}

/* ===== Page Layout ===== */

.admin-parametros-page[b-doj0t9y12q] {
	max-width: 1200px;
	margin: 0 auto;
	padding: 32px 24px;
	background: var(--bg-gray);
	min-height: calc(100vh - 100px);
}

/* ===== Admin Header ===== */

.admin-header[b-doj0t9y12q] {
	margin-bottom: 2rem;
}

.admin-header h1[b-doj0t9y12q] {
	margin: 0 0 4px 0;
	font-size: 28px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 10px;
}

.admin-header h1 i[b-doj0t9y12q] {
	color: var(--primary-purple);
}

.admin-header p[b-doj0t9y12q] {
	margin: 0;
	font-size: 15px;
	color: var(--text-medium);
}

.admin-header-top[b-doj0t9y12q] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.admin-header-acoes[b-doj0t9y12q] {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

/* ===== Métricas Grid (4 cards) ===== */

.metricas-grid[b-doj0t9y12q] {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	margin-bottom: 24px;
}

.metrica-card[b-doj0t9y12q] {
	background: var(--white);
	border-radius: 12px;
	padding: 1.5rem;
	display: flex;
	align-items: center;
	gap: 1rem;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	transition: all 0.2s;
}

.metrica-card:hover[b-doj0t9y12q] {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.metrica-icon[b-doj0t9y12q] {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.metrica-icon i[b-doj0t9y12q] {
	font-size: 22px;
	color: var(--white);
}

.bg-purple[b-doj0t9y12q] {
	background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
}

.bg-blue[b-doj0t9y12q] {
	background: linear-gradient(135deg, #2196f3, #42a5f5);
}

.bg-green[b-doj0t9y12q] {
	background: linear-gradient(135deg, #4caf50, #66bb6a);
}

.bg-teal[b-doj0t9y12q] {
	background: linear-gradient(135deg, #009688, #26a69a);
}

.metrica-info[b-doj0t9y12q] {
	display: flex;
	flex-direction: column;
}

.metrica-valor[b-doj0t9y12q] {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--text-dark);
	line-height: 1;
}

.metrica-label[b-doj0t9y12q] {
	font-size: 0.85rem;
	color: var(--text-medium);
	margin-top: 2px;
}

/* ===== Filter Bar ===== */

.filtros-bar[b-doj0t9y12q] {
	display: flex;
	gap: 1rem;
	align-items: flex-end;
	flex-wrap: wrap;
	background: var(--white);
	padding: 1.5rem;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	margin-bottom: 2rem;
}

.admin-filtro-grupo[b-doj0t9y12q] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
	min-width: 200px;
}

.admin-filtro-grupo label[b-doj0t9y12q] {
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.filtro-input-admin[b-doj0t9y12q] {
	padding: 10px 14px;
	border: 1.5px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.9rem;
	color: var(--text-dark);
	background: var(--white);
	outline: none;
	transition: border-color 0.2s, box-shadow 0.2s;
	box-sizing: border-box;
	width: 100%;
}

.filtro-input-admin:focus[b-doj0t9y12q] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.1);
}

/* ===== Action Buttons ===== */

.btn-acao-primaria[b-doj0t9y12q] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: var(--white);
	border: none;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-acao-primaria:hover:not(:disabled)[b-doj0t9y12q] {
	opacity: 0.9;
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(108, 62, 182, 0.3);
}

.btn-acao-secundaria[b-doj0t9y12q] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: var(--white);
	color: var(--primary-purple);
	border: 1.5px solid var(--primary-purple);
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
	text-decoration: none;
}

.btn-acao-secundaria:hover:not(:disabled)[b-doj0t9y12q] {
	background: rgba(108, 62, 182, 0.08);
	transform: translateY(-1px);
	color: var(--primary-purple);
	text-decoration: none;
}

.btn-acao-secundaria i[b-doj0t9y12q] {
	font-size: 16px;
}

/* ===== Admin Section ===== */

.admin-section[b-doj0t9y12q] {
	background: var(--white);
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 24px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

.section-header-row[b-doj0t9y12q] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.section-header-row h2[b-doj0t9y12q] {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 8px;
}

.section-header-row h2 i[b-doj0t9y12q] {
	color: var(--primary-purple);
}

.badge-count[b-doj0t9y12q] {
	background: rgba(108, 62, 182, 0.1);
	color: var(--primary-purple);
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
}

/* ===== Parâmetros — Grupo ===== */

.parametro-grupo[b-doj0t9y12q] {
	margin-bottom: 28px;
}

.parametro-grupo:last-child[b-doj0t9y12q] {
	margin-bottom: 0;
}

.parametro-grupo-titulo[b-doj0t9y12q] {
	font-size: 15px;
	font-weight: 600;
	color: var(--primary-purple, #4c66ef);
	margin: 0 0 12px;
	display: flex;
	align-items: center;
	gap: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--border-light, #e4e8f3);
}

.parametro-grupo-titulo i[b-doj0t9y12q] {
	font-size: 14px;
}

.parametro-grupo-count[b-doj0t9y12q] {
	background: rgba(108, 62, 182, 0.1);
	color: var(--primary-purple);
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 600;
	margin-left: auto;
}

/* ===== Parâmetros — Lista ===== */

.parametro-lista[b-doj0t9y12q] {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.parametro-item[b-doj0t9y12q] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 12px 16px;
	background: var(--bg-gray, #f5f7fa);
	border-radius: 10px;
	transition: background 0.15s, box-shadow 0.15s;
}

.parametro-item:hover[b-doj0t9y12q] {
	background: var(--bg-gray);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

/* ===== Parâmetros — Info ===== */

.parametro-info[b-doj0t9y12q] {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.parametro-chave[b-doj0t9y12q] {
	font-size: 13px;
	font-weight: 600;
	color: var(--text-dark, #1a1a2e);
	font-family: monospace;
	word-break: break-all;
}

.parametro-descricao[b-doj0t9y12q] {
	font-size: 12px;
	color: var(--text-medium, #6b7280);
	line-height: 1.4;
}

/* ===== Parâmetros — Controle ===== */

.parametro-controle[b-doj0t9y12q] {
	flex-shrink: 0;
}

.parametro-input-wrapper[b-doj0t9y12q] {
	display: flex;
	align-items: center;
	gap: 6px;
}

.parametro-input[b-doj0t9y12q] {
	width: 120px;
	padding: 6px 10px;
	border: 1px solid var(--border-light, #e4e8f3);
	border-radius: 8px;
	font-size: 13px;
	font-family: monospace;
	text-align: right;
	background: var(--white);
	color: var(--text-dark);
	transition: border-color 0.2s, box-shadow 0.2s;
}

.parametro-input:focus[b-doj0t9y12q] {
	outline: none;
	border-color: var(--primary-purple, #4c66ef);
	box-shadow: 0 0 0 2px rgba(76, 102, 239, 0.15);
}

.parametro-tipo[b-doj0t9y12q] {
	font-size: 11px;
	color: var(--text-medium, #6b7280);
	background: var(--border-light);
	padding: 2px 6px;
	border-radius: 4px;
	font-family: monospace;
}

/* ===== Toggle Switch ===== */

.parametro-toggle[b-doj0t9y12q] {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 24px;
	cursor: pointer;
}

.parametro-toggle input[b-doj0t9y12q] {
	opacity: 0;
	width: 0;
	height: 0;
}

.toggle-slider[b-doj0t9y12q] {
	position: absolute;
	inset: 0;
	background: #ccc;
	border-radius: 24px;
	transition: background 0.3s;
	cursor: pointer;
}

.toggle-slider[b-doj0t9y12q]::before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	left: 3px;
	bottom: 3px;
	background: white;
	border-radius: 50%;
	transition: transform 0.3s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.parametro-toggle input:checked + .toggle-slider[b-doj0t9y12q] {
	background: var(--primary-purple, #4c66ef);
}

.parametro-toggle input:checked + .toggle-slider[b-doj0t9y12q]::before {
	transform: translateX(20px);
}

/* ===== States ===== */

.estado-vazio[b-doj0t9y12q] {
	text-align: center;
	padding: 3rem;
	color: var(--text-medium);
}

.estado-vazio i[b-doj0t9y12q] {
	font-size: 3rem;
	opacity: 0.5;
	margin-bottom: 1rem;
	display: block;
}

.estado-vazio p[b-doj0t9y12q] {
	margin: 0;
	font-size: 14px;
}

.estado-erro[b-doj0t9y12q] {
	text-align: center;
	padding: 4rem 2rem;
	color: var(--text-medium);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.estado-erro i[b-doj0t9y12q] {
	font-size: 3.5rem;
	color: #f44336;
	opacity: 0.7;
}

.estado-erro h2[b-doj0t9y12q] {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	color: var(--text-dark);
}

.estado-erro p[b-doj0t9y12q] {
	margin: 0;
	font-size: 14px;
	color: var(--text-medium);
}

.carregando[b-doj0t9y12q] {
	text-align: center;
	padding: 4rem;
	color: var(--text-medium);
	font-size: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.spinner[b-doj0t9y12q] {
	width: 36px;
	height: 36px;
	border: 4px solid var(--border-light);
	border-top-color: var(--primary-purple);
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

/* ===== Animations ===== */

@@keyframes spin {
	to[b-doj0t9y12q] { transform: rotate(360deg); }
}

@@keyframes fadeIn {
	from[b-doj0t9y12q] { opacity: 0; transform: translateY(-4px); }
	to[b-doj0t9y12q] { opacity: 1; transform: translateY(0); }
}

/* ===== Toast / Floating Notifications ===== */

.notificacao-flutuante[b-doj0t9y12q] {
	position: fixed;
	bottom: 24px;
	right: 24px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 20px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	z-index: 2000;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
	animation: slideInToast 0.4s ease-out;
	max-width: 420px;
}

.notificacao-flutuante i[b-doj0t9y12q] {
	font-size: 18px;
	flex-shrink: 0;
}

.notificacao-sucesso[b-doj0t9y12q] {
	background: #2e7d32;
	color: #fff;
}

.notificacao-erro[b-doj0t9y12q] {
	background: #c62828;
	color: #fff;
}

@@keyframes slideInToast {
	from[b-doj0t9y12q] {
		opacity: 0;
		transform: translateY(20px) translateX(20px);
	}
	to[b-doj0t9y12q] {
		opacity: 1;
		transform: translateY(0) translateX(0);
	}
}

/* ========================================
   Dark Mode — [data-theme="dark"]
   ======================================== */

/* Dark: Page */
:global([data-theme="dark"]) .admin-parametros-page[b-doj0t9y12q] {
	background: #0f1117;
}

:global([data-theme="dark"]) .acesso-negado h2[b-doj0t9y12q] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .acesso-negado p[b-doj0t9y12q] {
	color: #9e9e9e;
}

/* Dark: Header */
:global([data-theme="dark"]) .admin-header h1[b-doj0t9y12q] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .admin-header p[b-doj0t9y12q] {
	color: #9e9e9e;
}

/* Dark: Metrics Cards */
:global([data-theme="dark"]) .metrica-card[b-doj0t9y12q] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .metrica-card:hover[b-doj0t9y12q] {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .metrica-valor[b-doj0t9y12q] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .metrica-label[b-doj0t9y12q] {
	color: #9e9e9e;
}

/* Dark: Filter Bar */
:global([data-theme="dark"]) .filtros-bar[b-doj0t9y12q] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .admin-filtro-grupo label[b-doj0t9y12q] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .filtro-input-admin[b-doj0t9y12q] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .filtro-input-admin:focus[b-doj0t9y12q] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

/* Dark: Secondary Button */
:global([data-theme="dark"]) .btn-acao-secundaria[b-doj0t9y12q] {
	background: #22252f;
	border-color: var(--primary-purple);
	color: #b39ddb;
}

:global([data-theme="dark"]) .btn-acao-secundaria:hover:not(:disabled)[b-doj0t9y12q] {
	background: rgba(108, 62, 182, 0.15);
}

/* Dark: Admin Section */
:global([data-theme="dark"]) .admin-section[b-doj0t9y12q] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .section-header-row h2[b-doj0t9y12q] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .badge-count[b-doj0t9y12q] {
	background: rgba(108, 62, 182, 0.18);
	color: #b39ddb;
}

/* Dark: Parametro Grupo */
:global([data-theme="dark"]) .parametro-grupo-titulo[b-doj0t9y12q] {
	color: #b39ddb;
	border-bottom-color: #2a2d3a;
}

:global([data-theme="dark"]) .parametro-grupo-count[b-doj0t9y12q] {
	background: rgba(108, 62, 182, 0.18);
	color: #b39ddb;
}

/* Dark: Parametro Item */
:global([data-theme="dark"]) .parametro-item[b-doj0t9y12q] {
	background: #12141c;
}

:global([data-theme="dark"]) .parametro-item:hover[b-doj0t9y12q] {
	background: #1a1d28;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

:global([data-theme="dark"]) .parametro-chave[b-doj0t9y12q] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .parametro-descricao[b-doj0t9y12q] {
	color: #9e9e9e;
}

/* Dark: Parametro Input */
:global([data-theme="dark"]) .parametro-input[b-doj0t9y12q] {
	background: #0f1117;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .parametro-input:focus[b-doj0t9y12q] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 2px rgba(108, 62, 182, 0.25);
}

:global([data-theme="dark"]) .parametro-tipo[b-doj0t9y12q] {
	background: #22252f;
	color: #9e9e9e;
}

/* Dark: Toggle */
:global([data-theme="dark"]) .toggle-slider[b-doj0t9y12q] {
	background: #444;
}

/* Dark: States */
:global([data-theme="dark"]) .estado-vazio[b-doj0t9y12q] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .estado-erro h2[b-doj0t9y12q] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .estado-erro p[b-doj0t9y12q] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .carregando[b-doj0t9y12q] {
	color: #9e9e9e;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of [data-theme="dark"] section above.
   Dark mode is now controlled exclusively via :global([data-theme="dark"]) selectors. */

/* ========================================
   Responsive Breakpoints
   ======================================== */

/* Tablet — 1200px */
@@media (max-width: 1200px) {
	.metricas-grid[b-doj0t9y12q] {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Mobile — 768px */
@@media (max-width: 768px) {
	.admin-parametros-page[b-doj0t9y12q] {
		padding: 24px 16px;
	}

	.admin-header h1[b-doj0t9y12q] {
		font-size: 22px;
	}

	.admin-header-top[b-doj0t9y12q] {
		flex-direction: column;
		align-items: flex-start;
	}

	/* Metricas */
	.metricas-grid[b-doj0t9y12q] {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.metrica-card[b-doj0t9y12q] {
		padding: 14px;
	}

	.metrica-icon[b-doj0t9y12q] {
		width: 42px;
		height: 42px;
	}

	.metrica-icon i[b-doj0t9y12q] {
		font-size: 18px;
	}

	.metrica-valor[b-doj0t9y12q] {
		font-size: 1.4rem;
	}

	.metrica-label[b-doj0t9y12q] {
		font-size: 0.8rem;
	}

	/* Filter */
	.filtros-bar[b-doj0t9y12q] {
		padding: 1rem;
	}

	.admin-filtro-grupo[b-doj0t9y12q] {
		min-width: 100%;
	}

	/* Section */
	.admin-section[b-doj0t9y12q] {
		padding: 16px;
	}

	/* Parametros — empilhar mobile-first */
	.parametro-item[b-doj0t9y12q] {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		padding: 14px;
	}

	.parametro-controle[b-doj0t9y12q] {
		align-self: flex-end;
	}

	.parametro-input[b-doj0t9y12q] {
		width: 100px;
	}

	/* Toast */
	.notificacao-flutuante[b-doj0t9y12q] {
		left: 16px;
		right: 16px;
		bottom: 16px;
		max-width: none;
	}
}

/* Small Mobile — 480px */
@@media (max-width: 480px) {
	.admin-parametros-page[b-doj0t9y12q] {
		padding: 16px 12px;
	}

	.admin-header h1[b-doj0t9y12q] {
		font-size: 20px;
	}

	/* Metricas */
	.metricas-grid[b-doj0t9y12q] {
		grid-template-columns: 1fr;
	}

	.metrica-card[b-doj0t9y12q] {
		padding: 12px;
		gap: 10px;
	}

	.metrica-icon[b-doj0t9y12q] {
		width: 38px;
		height: 38px;
	}

	.metrica-icon i[b-doj0t9y12q] {
		font-size: 16px;
	}

	.metrica-valor[b-doj0t9y12q] {
		font-size: 1.2rem;
	}

	.metrica-label[b-doj0t9y12q] {
		font-size: 0.75rem;
	}

	/* Parametros */
	.parametro-item[b-doj0t9y12q] {
		padding: 12px;
	}

	.parametro-chave[b-doj0t9y12q] {
		font-size: 12px;
	}

	.parametro-descricao[b-doj0t9y12q] {
		font-size: 11px;
	}

	/* Toast */
	.notificacao-flutuante[b-doj0t9y12q] {
		font-size: 13px;
		padding: 12px 16px;
	}
}

/* Extra Small — 360px */
@@media (max-width: 360px) {
	.admin-parametros-page[b-doj0t9y12q] {
		padding: 12px 8px;
	}

	.admin-header h1[b-doj0t9y12q] {
		font-size: 18px;
	}

	.metrica-card[b-doj0t9y12q] {
		padding: 10px;
		gap: 8px;
	}

	.metrica-icon[b-doj0t9y12q] {
		width: 34px;
		height: 34px;
	}

	.metrica-icon i[b-doj0t9y12q] {
		font-size: 14px;
	}

	.metrica-valor[b-doj0t9y12q] {
		font-size: 1.1rem;
	}

	.filtros-bar[b-doj0t9y12q] {
		padding: 0.75rem;
	}

	.admin-section[b-doj0t9y12q] {
		padding: 12px;
	}
}
/* /Components/Pages/AdminPlanos.razor.rz.scp.css */
/* ========================================
   AdminPlanos.razor.css
   Isolated CSS — Gestão de Planos
   ======================================== */

/* ===== Admin Layout with Sidebar ===== */

.admin-layout[b-7jzfj3pkjj] {
	display: flex;
	gap: 24px;
	max-width: 1600px;
	margin: 0 auto;
	padding: 32px 24px;
	min-height: calc(100vh - 100px);
}

.admin-content[b-7jzfj3pkjj] {
	flex: 1;
	min-width: 0;
}

[data-theme="dark"] .admin-layout[b-7jzfj3pkjj] {
	background: transparent;
}

@@media (max-width: 768px) {
	.admin-layout[b-7jzfj3pkjj] {
		flex-direction: column;
		padding: 16px;
		gap: 16px;
	}
}

/* ===== Acesso Negado ===== */

.acesso-negado[b-7jzfj3pkjj] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 100px);
	gap: 12px;
	text-align: center;
	padding: 4rem 24px;
}

.acesso-negado i[b-7jzfj3pkjj] {
	font-size: 64px;
	color: var(--primary-purple);
}

.acesso-negado h2[b-7jzfj3pkjj] {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	color: var(--text-dark);
}

.acesso-negado p[b-7jzfj3pkjj] {
	margin: 0;
	color: var(--text-medium);
	font-size: 16px;
}

.btn-voltar[b-7jzfj3pkjj] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: var(--primary-purple);
	color: var(--white);
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	margin-top: 8px;
	transition: all 0.2s;
}

.btn-voltar:hover[b-7jzfj3pkjj] {
	background: var(--primary-purple-light);
	color: var(--white);
	text-decoration: none;
}

/* ===== Page Layout ===== */

.admin-planos-page[b-7jzfj3pkjj] {
	max-width: 1400px;
	margin: 0 auto;
	padding: 32px 24px;
	background: var(--bg-gray);
	min-height: calc(100vh - 100px);
}

/* ===== Admin Header ===== */

.admin-header[b-7jzfj3pkjj] {
	margin-bottom: 2rem;
}

.admin-header h1[b-7jzfj3pkjj] {
	margin: 0 0 4px 0;
	font-size: 28px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 10px;
}

.admin-header h1 i[b-7jzfj3pkjj] {
	color: var(--primary-purple);
}

.admin-header p[b-7jzfj3pkjj] {
	margin: 0;
	font-size: 15px;
	color: var(--text-medium);
}

.admin-header-top[b-7jzfj3pkjj] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.admin-header-acoes[b-7jzfj3pkjj] {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

/* ===== Métricas Grid (4 cards) ===== */

.metricas-grid[b-7jzfj3pkjj] {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	margin-bottom: 24px;
}

.metrica-card[b-7jzfj3pkjj] {
	background: var(--white);
	border-radius: 12px;
	padding: 1.5rem;
	display: flex;
	align-items: center;
	gap: 1rem;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	transition: all 0.2s;
}

.metrica-card:hover[b-7jzfj3pkjj] {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.metrica-icon[b-7jzfj3pkjj] {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.metrica-icon i[b-7jzfj3pkjj] {
	font-size: 22px;
	color: var(--white);
}

.bg-purple[b-7jzfj3pkjj] {
	background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
}

.bg-green[b-7jzfj3pkjj] {
	background: linear-gradient(135deg, #4caf50, #66bb6a);
}

.bg-red[b-7jzfj3pkjj] {
	background: linear-gradient(135deg, #f44336, #ef5350);
}

.bg-teal[b-7jzfj3pkjj] {
	background: linear-gradient(135deg, #009688, #26a69a);
}

.metrica-info[b-7jzfj3pkjj] {
	display: flex;
	flex-direction: column;
}

.metrica-valor[b-7jzfj3pkjj] {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--text-dark);
	line-height: 1;
}

.metrica-label[b-7jzfj3pkjj] {
	font-size: 0.85rem;
	color: var(--text-medium);
	margin-top: 2px;
}

/* ===== Filter Bar ===== */

.filtros-bar[b-7jzfj3pkjj] {
	display: flex;
	gap: 1rem;
	align-items: flex-end;
	flex-wrap: wrap;
	background: var(--white);
	padding: 1.5rem;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	margin-bottom: 2rem;
}

.admin-filtro-grupo[b-7jzfj3pkjj] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
	min-width: 140px;
}

.admin-filtro-grupo label[b-7jzfj3pkjj] {
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.filtro-select-admin[b-7jzfj3pkjj] {
	padding: 10px 14px;
	border: 1.5px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.9rem;
	color: var(--text-dark);
	background: var(--white);
	outline: none;
	transition: border-color 0.2s, box-shadow 0.2s;
	box-sizing: border-box;
	cursor: pointer;
	appearance: auto;
}

.filtro-select-admin:focus[b-7jzfj3pkjj] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.1);
}

/* ===== Primary / Secondary Action Buttons ===== */

.btn-acao-primaria[b-7jzfj3pkjj] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: var(--white);
	border: none;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-acao-primaria:hover:not(:disabled)[b-7jzfj3pkjj] {
	opacity: 0.9;
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(108, 62, 182, 0.3);
}

.btn-acao-primaria:disabled[b-7jzfj3pkjj] {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
}

.btn-acao-primaria i[b-7jzfj3pkjj] {
	font-size: 16px;
}

.btn-acao-secundaria[b-7jzfj3pkjj] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: var(--white);
	color: var(--primary-purple);
	border: 1.5px solid var(--primary-purple);
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
	text-decoration: none;
}

.btn-acao-secundaria:hover:not(:disabled)[b-7jzfj3pkjj] {
	background: rgba(108, 62, 182, 0.08);
	transform: translateY(-1px);
	color: var(--primary-purple);
	text-decoration: none;
}

.btn-acao-secundaria i[b-7jzfj3pkjj] {
	font-size: 16px;
}

/* ===== Admin Section ===== */

.admin-section[b-7jzfj3pkjj] {
	background: var(--white);
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 24px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

.section-header-row[b-7jzfj3pkjj] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
	flex-wrap: wrap;
}

.section-header-row h2[b-7jzfj3pkjj] {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 8px;
}

.section-header-row h2 i[b-7jzfj3pkjj] {
	color: var(--primary-purple);
}

.badge-count[b-7jzfj3pkjj] {
	background: rgba(108, 62, 182, 0.1);
	color: var(--primary-purple);
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
}

.tabela-wrapper[b-7jzfj3pkjj] {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* ===== Table ===== */

.tabela-admin[b-7jzfj3pkjj] {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.tabela-admin th[b-7jzfj3pkjj] {
	background: var(--bg-gray);
	text-align: left;
	padding: 1rem;
	font-weight: 600;
	color: var(--text-medium);
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
	border-bottom: 2px solid var(--border-light);
}

.tabela-admin td[b-7jzfj3pkjj] {
	padding: 1rem;
	color: var(--text-dark);
	border-bottom: 1px solid var(--border-light);
	vertical-align: middle;
}

.tabela-admin tr:last-child td[b-7jzfj3pkjj] {
	border-bottom: none;
}

.tabela-admin tbody tr[b-7jzfj3pkjj] {
	transition: background 0.15s;
}

.tabela-admin tbody tr:hover td[b-7jzfj3pkjj] {
	background: rgba(108, 62, 182, 0.03);
}

/* ===== Type Badges ===== */

.tipo-badge[b-7jzfj3pkjj] {
	display: inline-block;
	padding: 0.3rem 0.8rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
	white-space: nowrap;
}

.tipo-standard[b-7jzfj3pkjj] {
	background: rgba(33, 150, 243, 0.12);
	color: #1565c0;
}

.tipo-premium[b-7jzfj3pkjj] {
	background: rgba(108, 62, 182, 0.12);
	color: var(--primary-purple);
}

.tipo-familia[b-7jzfj3pkjj] {
	background: rgba(255, 152, 0, 0.12);
	color: #e65100;
}

/* ===== Status Badges ===== */

.badge-status-ativo[b-7jzfj3pkjj] {
	display: inline-block;
	padding: 0.3rem 0.8rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
	background: rgba(76, 175, 80, 0.12);
	color: #2e7d32;
}

.badge-status-inativo[b-7jzfj3pkjj] {
	display: inline-block;
	padding: 0.3rem 0.8rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
	background: rgba(244, 67, 54, 0.12);
	color: #c62828;
}

/* Coluna de Ações & botões: usar classes globais de app.css
   (.col-acoes, .acoes-cell, .btn-acao-icone + variantes de cor) */

.card-mobile-acoes .btn-acao-icone[b-7jzfj3pkjj] {
	width: auto;
	height: auto;
	padding: 8px 16px;
	font-size: 13px;
	gap: 6px;
}

/* ===== States ===== */

.estado-vazio[b-7jzfj3pkjj] {
	text-align: center;
	padding: 3rem;
	color: var(--text-medium);
}

.estado-vazio i[b-7jzfj3pkjj] {
	font-size: 3rem;
	opacity: 0.5;
	margin-bottom: 1rem;
	display: block;
}

.estado-vazio p[b-7jzfj3pkjj] {
	margin: 0;
	font-size: 14px;
}

.estado-erro[b-7jzfj3pkjj] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 200px);
	gap: 12px;
	text-align: center;
	padding: 4rem 24px;
}

.estado-erro i[b-7jzfj3pkjj] {
	font-size: 56px;
	color: #f44336;
}

.estado-erro h2[b-7jzfj3pkjj] {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	color: var(--text-dark);
}

.estado-erro p[b-7jzfj3pkjj] {
	margin: 0;
	color: var(--text-medium);
	font-size: 15px;
}

.carregando[b-7jzfj3pkjj] {
	text-align: center;
	padding: 3rem;
	color: var(--text-medium);
	font-size: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 200px);
	gap: 12px;
}

/* ===== Spinner ===== */

.spinner[b-7jzfj3pkjj] {
	width: 36px;
	height: 36px;
	border: 4px solid var(--border-light);
	border-top-color: var(--primary-purple);
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

@@keyframes spin {
	to[b-7jzfj3pkjj] { transform: rotate(360deg); }
}

/* ===== Mobile Cards ===== */

.cards-mobile[b-7jzfj3pkjj] {
	display: none;
}

.card-plano-mobile[b-7jzfj3pkjj] {
	background: var(--white);
	border-radius: 12px;
	padding: 1.25rem;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

.card-mobile-header[b-7jzfj3pkjj] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 0.75rem;
}

.card-mobile-nome[b-7jzfj3pkjj] {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.95rem;
}

.card-mobile-nome strong[b-7jzfj3pkjj] {
	color: var(--text-dark);
}

.card-mobile-body[b-7jzfj3pkjj] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 1rem;
}

.card-mobile-info[b-7jzfj3pkjj] {
	font-size: 0.85rem;
	color: var(--text-medium);
	display: flex;
	align-items: center;
	gap: 6px;
}

.card-mobile-info i[b-7jzfj3pkjj] {
	font-size: 14px;
	color: var(--text-medium);
	width: 16px;
	text-align: center;
	flex-shrink: 0;
}

.card-mobile-acoes[b-7jzfj3pkjj] {
	display: flex;
	gap: 0.5rem;
	justify-content: flex-end;
}

/* ===== Toast / Floating Notifications ===== */

.notificacao-flutuante[b-7jzfj3pkjj] {
	position: fixed;
	bottom: 24px;
	right: 24px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 20px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	z-index: 2000;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
	animation: slideInToast 0.4s ease-out;
	max-width: 420px;
}

.notificacao-flutuante i[b-7jzfj3pkjj] {
	font-size: 18px;
	flex-shrink: 0;
}

.notificacao-sucesso[b-7jzfj3pkjj] {
	background: #2e7d32;
	color: #fff;
}

.notificacao-erro[b-7jzfj3pkjj] {
	background: #c62828;
	color: #fff;
}

@@keyframes slideInToast {
	from[b-7jzfj3pkjj] {
		opacity: 0;
		transform: translateY(20px) translateX(20px);
	}
	to[b-7jzfj3pkjj] {
		opacity: 1;
		transform: translateY(0) translateX(0);
	}
}

/* ========================================
   Dark Mode — [data-theme="dark"]
   ======================================== */

:global([data-theme="dark"]) .admin-planos-page[b-7jzfj3pkjj] {
	background: #0f1117;
}

:global([data-theme="dark"]) .acesso-negado h2[b-7jzfj3pkjj],
:global([data-theme="dark"]) .estado-erro h2[b-7jzfj3pkjj] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .acesso-negado p[b-7jzfj3pkjj],
:global([data-theme="dark"]) .estado-erro p[b-7jzfj3pkjj] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .admin-header h1[b-7jzfj3pkjj] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .admin-header p[b-7jzfj3pkjj] {
	color: #9e9e9e;
}

/* Dark: Metrics Cards */

:global([data-theme="dark"]) .metrica-card[b-7jzfj3pkjj] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .metrica-card:hover[b-7jzfj3pkjj] {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .metrica-valor[b-7jzfj3pkjj] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .metrica-label[b-7jzfj3pkjj] {
	color: #9e9e9e;
}

/* Dark: Filter Bar */

:global([data-theme="dark"]) .filtros-bar[b-7jzfj3pkjj] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .admin-filtro-grupo label[b-7jzfj3pkjj] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .filtro-select-admin[b-7jzfj3pkjj] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .filtro-select-admin:focus[b-7jzfj3pkjj] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .btn-acao-secundaria[b-7jzfj3pkjj] {
	background: #22252f;
	border-color: var(--primary-purple);
	color: #b39ddb;
}

:global([data-theme="dark"]) .btn-acao-secundaria:hover:not(:disabled)[b-7jzfj3pkjj] {
	background: rgba(108, 62, 182, 0.15);
}

/* Dark: Table & Section */

:global([data-theme="dark"]) .admin-section[b-7jzfj3pkjj] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .section-header-row h2[b-7jzfj3pkjj] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .badge-count[b-7jzfj3pkjj] {
	background: rgba(108, 62, 182, 0.18);
	color: #b39ddb;
}

:global([data-theme="dark"]) .tabela-admin th[b-7jzfj3pkjj] {
	background: #12141c;
	color: #9e9e9e;
	border-bottom-color: #2a2d3a;
}

:global([data-theme="dark"]) .tabela-admin td[b-7jzfj3pkjj] {
	color: #e0e0e0;
	border-bottom-color: #22252f;
}

:global([data-theme="dark"]) .tabela-admin tbody tr:hover td[b-7jzfj3pkjj] {
	background: rgba(108, 62, 182, 0.06);
}

/* Dark: Type Badges */

:global([data-theme="dark"]) .tipo-standard[b-7jzfj3pkjj] {
	background: rgba(33, 150, 243, 0.18);
	color: #64b5f6;
}

:global([data-theme="dark"]) .tipo-premium[b-7jzfj3pkjj] {
	background: rgba(108, 62, 182, 0.18);
	color: #b39ddb;
}

:global([data-theme="dark"]) .tipo-familia[b-7jzfj3pkjj] {
	background: rgba(255, 152, 0, 0.18);
	color: #ffb74d;
}

/* Dark: Status Badges */

:global([data-theme="dark"]) .badge-status-ativo[b-7jzfj3pkjj] {
	background: rgba(76, 175, 80, 0.18);
	color: #81c784;
}

:global([data-theme="dark"]) .badge-status-inativo[b-7jzfj3pkjj] {
	background: rgba(244, 67, 54, 0.18);
	color: #ef9a9a;
}

/* Dark: States */

:global([data-theme="dark"]) .estado-vazio[b-7jzfj3pkjj] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .estado-erro i[b-7jzfj3pkjj] {
	color: #ef5350;
}

:global([data-theme="dark"]) .carregando[b-7jzfj3pkjj] {
	color: #9e9e9e;
}

/* Dark: Mobile Cards */

:global([data-theme="dark"]) .card-plano-mobile[b-7jzfj3pkjj] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .card-mobile-nome strong[b-7jzfj3pkjj] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .card-mobile-info[b-7jzfj3pkjj] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .card-mobile-info i[b-7jzfj3pkjj] {
	color: #666;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of [data-theme="dark"] section above.
   Dark mode is now controlled exclusively via :global([data-theme="dark"]) selectors. */

/* Dark: Action buttons (were only in @@media block — migrated) */
:global([data-theme="dark"]) .btn-acao-desativar[b-7jzfj3pkjj] {
	background: rgba(244, 67, 54, 0.18);
	color: #ef9a9a;
}

:global([data-theme="dark"]) .btn-acao-ativar[b-7jzfj3pkjj] {
	background: rgba(76, 175, 80, 0.18);
	color: #81c784;
}

:global([data-theme="dark"]) .btn-acao-edit[b-7jzfj3pkjj] {
	background: rgba(33, 150, 243, 0.18);
	color: #64b5f6;
}

/* ========================================
   Responsive Breakpoints
   ======================================== */

/* Tablet — 1200px */
@@media (max-width: 1200px) {
	.metricas-grid[b-7jzfj3pkjj] {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Mobile — 768px */
@@media (max-width: 768px) {
	.admin-planos-page[b-7jzfj3pkjj] {
		padding: 24px 16px;
	}

	.admin-header h1[b-7jzfj3pkjj] {
		font-size: 22px;
	}

	.admin-header-top[b-7jzfj3pkjj] {
		flex-direction: column;
		align-items: flex-start;
	}

	/* Metricas */
	.metricas-grid[b-7jzfj3pkjj] {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.metrica-card[b-7jzfj3pkjj] {
		padding: 14px;
	}

	.metrica-icon[b-7jzfj3pkjj] {
		width: 42px;
		height: 42px;
	}

	.metrica-icon i[b-7jzfj3pkjj] {
		font-size: 18px;
	}

	.metrica-valor[b-7jzfj3pkjj] {
		font-size: 1.4rem;
	}

	.metrica-label[b-7jzfj3pkjj] {
		font-size: 0.8rem;
	}

	/* Filter Bar */
	.filtros-bar[b-7jzfj3pkjj] {
		flex-direction: column;
		padding: 1rem;
	}

	.admin-filtro-grupo[b-7jzfj3pkjj] {
		min-width: unset;
		width: 100%;
	}

	/* Table — hide on mobile */
	.tabela-wrapper[b-7jzfj3pkjj] {
		display: none;
	}

	/* Mobile Cards — show on mobile */
	.cards-mobile[b-7jzfj3pkjj] {
		display: grid;
		gap: 1rem;
	}

	/* Toast notification */
	.notificacao-flutuante[b-7jzfj3pkjj] {
		left: 16px;
		right: 16px;
		bottom: 16px;
		max-width: none;
	}
}

/* Small Mobile — 480px */
@@media (max-width: 480px) {
	.admin-planos-page[b-7jzfj3pkjj] {
		padding: 16px 12px;
	}

	.admin-header h1[b-7jzfj3pkjj] {
		font-size: 20px;
	}

	/* Metricas */
	.metricas-grid[b-7jzfj3pkjj] {
		grid-template-columns: 1fr;
	}

	.metrica-card[b-7jzfj3pkjj] {
		padding: 12px;
		gap: 10px;
	}

	.metrica-icon[b-7jzfj3pkjj] {
		width: 38px;
		height: 38px;
	}

	.metrica-icon i[b-7jzfj3pkjj] {
		font-size: 16px;
	}

	.metrica-valor[b-7jzfj3pkjj] {
		font-size: 1.2rem;
	}

	.metrica-label[b-7jzfj3pkjj] {
		font-size: 0.75rem;
	}

	/* Toast */
	.notificacao-flutuante[b-7jzfj3pkjj] {
		font-size: 13px;
		padding: 12px 16px;
	}
}

/* Extra Small — 360px */
@@media (max-width: 360px) {
	.admin-planos-page[b-7jzfj3pkjj] {
		padding: 12px 8px;
	}

	.admin-header h1[b-7jzfj3pkjj] {
		font-size: 18px;
	}

	.metrica-card[b-7jzfj3pkjj] {
		padding: 10px;
		gap: 8px;
	}

	.metrica-icon[b-7jzfj3pkjj] {
		width: 34px;
		height: 34px;
	}

	.metrica-icon i[b-7jzfj3pkjj] {
		font-size: 14px;
	}

	.metrica-valor[b-7jzfj3pkjj] {
		font-size: 1.1rem;
	}

	.filtros-bar[b-7jzfj3pkjj] {
		padding: 0.75rem;
	}

	.card-plano-mobile[b-7jzfj3pkjj] {
		padding: 1rem;
	}
}
/* /Components/Pages/AdminPublicacoesDiario.razor.rz.scp.css */
/* ========================================
   AdminPublicacoesDiario.razor.css
   Isolated CSS — Publicações do Diário
   ======================================== */

/* ===== Admin Layout (sidebar + content) ===== */

.admin-layout[b-qgmq1xsluh] {
	display: flex;
	gap: 24px;
	max-width: 1600px;
	margin: 0 auto;
	padding: 32px 24px;
	min-height: calc(100vh - 100px);
}

.admin-content[b-qgmq1xsluh] {
	flex: 1;
	padding: 0;
	max-width: 100%;
	min-width: 0;
}

/* ===== Acesso Negado ===== */

.acesso-negado[b-qgmq1xsluh] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 100px);
	gap: 12px;
	text-align: center;
	padding: 4rem 24px;
}

.acesso-negado i[b-qgmq1xsluh] {
	font-size: 64px;
	color: var(--primary-purple);
}

.acesso-negado h2[b-qgmq1xsluh] {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	color: var(--text-dark);
}

.acesso-negado p[b-qgmq1xsluh] {
	margin: 0;
	color: var(--text-medium);
	font-size: 16px;
}

.btn-voltar[b-qgmq1xsluh] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: var(--primary-purple);
	color: var(--white);
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	margin-top: 8px;
	transition: all 0.2s;
	border: none;
	cursor: pointer;
}

.btn-voltar:hover[b-qgmq1xsluh] {
	background: var(--primary-purple-light);
	color: var(--white);
	text-decoration: none;
}

/* ===== Page Layout ===== */

.admin-publicacoes-page[b-qgmq1xsluh] {
	max-width: 1400px;
	margin: 0 auto;
	padding: 32px 24px;
	background: var(--bg-gray);
	min-height: calc(100vh - 100px);
}

/* ===== Admin Header ===== */

.admin-header[b-qgmq1xsluh] {
	margin-bottom: 2rem;
}

.admin-header h1[b-qgmq1xsluh] {
	margin: 0 0 4px 0;
	font-size: 28px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 10px;
}

.admin-header h1 i[b-qgmq1xsluh] {
	color: var(--primary-purple);
}

.admin-header p[b-qgmq1xsluh] {
	margin: 0;
	font-size: 15px;
	color: var(--text-medium);
}

.admin-header-top[b-qgmq1xsluh] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

/* ===== Loading & Error States ===== */

.loading-container[b-qgmq1xsluh] {
	text-align: center;
	padding: 3rem;
	color: var(--text-medium);
	font-size: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 400px);
	gap: 12px;
}

.loading-spinner[b-qgmq1xsluh] {
	width: 36px;
	height: 36px;
	border: 4px solid var(--border-light);
	border-top-color: var(--primary-purple);
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

.loading-spinner-sm[b-qgmq1xsluh] {
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.7s linear infinite;
}

.loading-text[b-qgmq1xsluh] {
	margin: 0;
	color: var(--text-medium);
	font-size: 15px;
}

@@keyframes spin {
	to[b-qgmq1xsluh] { transform: rotate(360deg); }
}

.erro-container[b-qgmq1xsluh] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 400px);
	gap: 12px;
	text-align: center;
	padding: 4rem 24px;
}

.erro-icon[b-qgmq1xsluh] {
	font-size: 56px;
	color: #f44336;
}

.erro-container p[b-qgmq1xsluh] {
	margin: 0;
	color: var(--text-medium);
	font-size: 15px;
}

/* ===== Métricas Grid (4 cards) ===== */

.metricas-grid[b-qgmq1xsluh] {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	margin-bottom: 24px;
}

.metrica-card[b-qgmq1xsluh] {
	background: var(--white);
	border-radius: 12px;
	padding: 1.5rem;
	display: flex;
	align-items: center;
	gap: 1rem;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	transition: all 0.2s;
}

.metrica-card:hover[b-qgmq1xsluh] {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.metrica-icon[b-qgmq1xsluh] {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.metrica-icon i[b-qgmq1xsluh] {
	font-size: 22px;
	color: var(--white);
}

.bg-purple[b-qgmq1xsluh] {
	background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
}

.bg-green[b-qgmq1xsluh] {
	background: linear-gradient(135deg, #4caf50, #66bb6a);
}

.bg-orange[b-qgmq1xsluh] {
	background: linear-gradient(135deg, #ff9800, #ffb74d);
}

.bg-red[b-qgmq1xsluh] {
	background: linear-gradient(135deg, #f44336, #ef5350);
}

.metrica-info[b-qgmq1xsluh] {
	display: flex;
	flex-direction: column;
}

.metrica-valor[b-qgmq1xsluh] {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--text-dark);
	line-height: 1;
}

.metrica-label[b-qgmq1xsluh] {
	font-size: 0.85rem;
	color: var(--text-medium);
	margin-top: 2px;
}

/* ===== Filter Bar ===== */

.filtros-bar[b-qgmq1xsluh] {
	display: flex;
	gap: 1rem;
	align-items: flex-end;
	flex-wrap: wrap;
	background: var(--white);
	padding: 1.5rem;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	margin-bottom: 1rem;
}

.admin-filtro-grupo[b-qgmq1xsluh] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
	min-width: 140px;
}

.admin-filtro-grupo label[b-qgmq1xsluh] {
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.filtro-select-admin[b-qgmq1xsluh],
.filtro-input-admin[b-qgmq1xsluh] {
	padding: 10px 14px;
	border: 1.5px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.9rem;
	color: var(--text-dark);
	background: var(--white);
	outline: none;
	transition: border-color 0.2s, box-shadow 0.2s;
	box-sizing: border-box;
	cursor: pointer;
	appearance: auto;
}

.filtro-input-admin[b-qgmq1xsluh] {
	cursor: text;
}

.filtro-select-admin:focus[b-qgmq1xsluh],
.filtro-input-admin:focus[b-qgmq1xsluh] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.1);
}

/* ===== Resultado Contagem ===== */

.resultado-contagem[b-qgmq1xsluh] {
	margin-bottom: 1rem;
	font-size: 0.85rem;
	color: var(--text-medium);
}

/* ===== Empty State ===== */

.empty-state-admin[b-qgmq1xsluh] {
	text-align: center;
	padding: 3rem;
	color: var(--text-medium);
}

.empty-state-admin i[b-qgmq1xsluh] {
	font-size: 3rem;
	opacity: 0.5;
	margin-bottom: 1rem;
	display: block;
}

.empty-state-admin p[b-qgmq1xsluh] {
	margin: 0;
	font-size: 14px;
}

/* ===== Table ===== */

.tabela-container[b-qgmq1xsluh] {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	background: var(--white);
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	margin-bottom: 1.5rem;
}

.tabela-admin[b-qgmq1xsluh] {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.tabela-admin th[b-qgmq1xsluh] {
	background: var(--bg-gray);
	text-align: left;
	padding: 1rem;
	font-weight: 600;
	color: var(--text-medium);
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
	border-bottom: 2px solid var(--border-light);
}

.tabela-admin td[b-qgmq1xsluh] {
	padding: 1rem;
	color: var(--text-dark);
	border-bottom: 1px solid var(--border-light);
	vertical-align: middle;
}

.tabela-admin tr:last-child td[b-qgmq1xsluh] {
	border-bottom: none;
}

.tabela-admin tbody tr[b-qgmq1xsluh] {
	transition: background 0.15s;
}

.tabela-admin tbody tr:hover td[b-qgmq1xsluh] {
	background: rgba(108, 62, 182, 0.03);
}

.th-sortable[b-qgmq1xsluh] {
	cursor: pointer;
	user-select: none;
}

.th-sortable:hover[b-qgmq1xsluh] {
	color: var(--primary-purple);
}

.th-sortable i[b-qgmq1xsluh] {
	font-size: 12px;
	margin-left: 4px;
}

.th-acoes[b-qgmq1xsluh] {
	text-align: center;
	width: 140px;
}

.td-data[b-qgmq1xsluh] {
	white-space: nowrap;
	font-size: 0.85rem;
	color: var(--text-medium);
}

.td-pet[b-qgmq1xsluh] {
	font-weight: 600;
}

.td-tutor[b-qgmq1xsluh] {
	font-size: 0.9rem;
}

.td-titulo[b-qgmq1xsluh] {
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.td-acoes[b-qgmq1xsluh] {
	text-align: center;
	white-space: nowrap;
}

.linha-destaque td[b-qgmq1xsluh] {
	background: rgba(255, 152, 0, 0.04);
}

/* ===== Badges — Categoria ===== */

.badge-cat[b-qgmq1xsluh] {
	display: inline-block;
	padding: 0.25rem 0.7rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
	white-space: nowrap;
	background: rgba(108, 62, 182, 0.1);
	color: var(--primary-purple);
}

/* ===== Badges — Status ===== */

.badge-status[b-qgmq1xsluh] {
	display: inline-block;
	padding: 0.25rem 0.7rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
	white-space: nowrap;
}

.badge-pendenteaprovacao[b-qgmq1xsluh] {
	background: rgba(255, 152, 0, 0.12);
	color: #e65100;
}

.badge-publicado[b-qgmq1xsluh] {
	background: rgba(76, 175, 80, 0.12);
	color: #2e7d32;
}

.badge-rejeitado[b-qgmq1xsluh] {
	background: rgba(244, 67, 54, 0.12);
	color: #c62828;
}

.badge-privado[b-qgmq1xsluh] {
	background: rgba(158, 158, 158, 0.12);
	color: #616161;
}

/* ===== Icon Buttons (table actions) ===== */

.btn-icon-admin[b-qgmq1xsluh] {
	width: 34px;
	height: 34px;
	border-radius: 8px;
	border: 1.5px solid var(--border-light);
	background: var(--white);
	color: var(--text-medium);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
	font-size: 16px;
	margin: 0 2px;
}

.btn-icon-admin:hover:not(:disabled)[b-qgmq1xsluh] {
	border-color: var(--primary-purple);
	color: var(--primary-purple);
	background: rgba(108, 62, 182, 0.06);
}

.btn-icon-admin:disabled[b-qgmq1xsluh] {
	opacity: 0.5;
	cursor: not-allowed;
}

.btn-aprovar[b-qgmq1xsluh] {
	border-color: #4caf50;
	color: #4caf50;
}

.btn-aprovar:hover:not(:disabled)[b-qgmq1xsluh] {
	border-color: #2e7d32;
	color: #2e7d32;
	background: rgba(76, 175, 80, 0.08);
}

.btn-rejeitar[b-qgmq1xsluh] {
	border-color: #f44336;
	color: #f44336;
}

.btn-rejeitar:hover:not(:disabled)[b-qgmq1xsluh] {
	border-color: #c62828;
	color: #c62828;
	background: rgba(244, 67, 54, 0.08);
}

/* ===== Modal Overlay ===== */

.modal-overlay[b-qgmq1xsluh] {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1050;
	padding: 1rem;
	animation: fadeIn 0.2s ease-out;
}

@@keyframes fadeIn {
	from[b-qgmq1xsluh] { opacity: 0; }
	to[b-qgmq1xsluh] { opacity: 1; }
}

.modal-content[b-qgmq1xsluh] {
	background: var(--white);
	border-radius: 16px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
	max-height: 90vh;
	overflow-y: auto;
	animation: slideUp 0.3s ease-out;
}

.modal-detalhes-diario[b-qgmq1xsluh] {
	width: 100%;
	max-width: 640px;
}

@@keyframes slideUp {
	from[b-qgmq1xsluh] {
		opacity: 0;
		transform: translateY(30px);
	}
	to[b-qgmq1xsluh] {
		opacity: 1;
		transform: translateY(0);
	}
}

.modal-header[b-qgmq1xsluh] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem;
	border-bottom: 1px solid var(--border-light);
}

.modal-header h3[b-qgmq1xsluh] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 8px;
}

.modal-header h3 i[b-qgmq1xsluh] {
	color: var(--primary-purple);
}

.modal-fechar[b-qgmq1xsluh] {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	border: none;
	background: transparent;
	color: var(--text-medium);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
	font-size: 18px;
}

.modal-fechar:hover[b-qgmq1xsluh] {
	background: var(--bg-gray);
	color: var(--text-dark);
}

.modal-body[b-qgmq1xsluh] {
	padding: 1.5rem;
}

.modal-footer[b-qgmq1xsluh] {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	padding: 1.25rem 1.5rem;
	border-top: 1px solid var(--border-light);
}

/* ===== Modal — Detalhes Meta ===== */

.detalhes-meta[b-qgmq1xsluh] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-bottom: 1.25rem;
	padding: 1rem;
	background: var(--bg-gray);
	border-radius: 10px;
}

.detalhes-meta-item[b-qgmq1xsluh] {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.9rem;
	color: var(--text-dark);
}

.detalhes-meta-item i[b-qgmq1xsluh] {
	color: var(--primary-purple);
	font-size: 16px;
	flex-shrink: 0;
}

.detalhes-meta-item strong[b-qgmq1xsluh] {
	color: var(--text-medium);
	font-weight: 600;
}

/* ===== Modal — Badges Row ===== */

.detalhes-badges[b-qgmq1xsluh] {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 1.25rem;
}

.badge-humor[b-qgmq1xsluh] {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 0.3rem 0.8rem;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 600;
	background: rgba(108, 62, 182, 0.08);
	color: var(--primary-purple);
}

/* ===== Modal — Content ===== */

.detalhes-conteudo[b-qgmq1xsluh] {
	margin-bottom: 1.25rem;
}

.detalhes-conteudo h4[b-qgmq1xsluh] {
	margin: 0 0 0.5rem 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--text-dark);
}

.detalhes-conteudo p[b-qgmq1xsluh] {
	margin: 0;
	font-size: 0.95rem;
	color: var(--text-dark);
	line-height: 1.6;
	white-space: pre-wrap;
	word-break: break-word;
}

/* ===== Modal — Foto ===== */

.detalhes-foto[b-qgmq1xsluh] {
	margin-bottom: 0.5rem;
}

.detalhes-foto img[b-qgmq1xsluh] {
	width: 100%;
	max-height: 400px;
	object-fit: contain;
	border-radius: 10px;
	border: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Modal — Action Buttons ===== */

.btn-aprovar-modal[b-qgmq1xsluh] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: #4caf50;
	color: #fff;
	border: none;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-aprovar-modal:hover:not(:disabled)[b-qgmq1xsluh] {
	background: #43a047;
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(76, 175, 80, 0.3);
}

.btn-aprovar-modal:disabled[b-qgmq1xsluh] {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
}

.btn-rejeitar-modal[b-qgmq1xsluh] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: #f44336;
	color: #fff;
	border: none;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-rejeitar-modal:hover:not(:disabled)[b-qgmq1xsluh] {
	background: #e53935;
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(244, 67, 54, 0.3);
}

.btn-rejeitar-modal:disabled[b-qgmq1xsluh] {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
}

.btn-cancelar[b-qgmq1xsluh] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: var(--bg-gray);
	color: var(--text-medium);
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-qgmq1xsluh] {
	background: var(--border-light);
	color: var(--text-dark);
}

/* ===== Toast / Floating Notifications ===== */

.notificacao-flutuante[b-qgmq1xsluh] {
	position: fixed;
	bottom: 24px;
	right: 24px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 20px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	z-index: 2000;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
	animation: slideInToast 0.4s ease-out;
	max-width: 420px;
}

.notificacao-flutuante i[b-qgmq1xsluh] {
	font-size: 18px;
	flex-shrink: 0;
}

.mensagem-sucesso[b-qgmq1xsluh] {
	background: #2e7d32;
	color: #fff;
}

.mensagem-erro[b-qgmq1xsluh] {
	background: #c62828;
	color: #fff;
}

@@keyframes slideInToast {
	from[b-qgmq1xsluh] {
		opacity: 0;
		transform: translateY(20px) translateX(20px);
	}
	to[b-qgmq1xsluh] {
		opacity: 1;
		transform: translateY(0) translateX(0);
	}
}

/* ========================================
   Dark Mode — [data-theme="dark"]
   ======================================== */

:global([data-theme="dark"]) .admin-publicacoes-page[b-qgmq1xsluh] {
	background: #0f1117;
}

:global([data-theme="dark"]) .acesso-negado h2[b-qgmq1xsluh] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .acesso-negado p[b-qgmq1xsluh] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .admin-header h1[b-qgmq1xsluh] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .admin-header p[b-qgmq1xsluh] {
	color: #9e9e9e;
}

/* Dark: Loading & Error */

:global([data-theme="dark"]) .loading-container[b-qgmq1xsluh] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .loading-spinner[b-qgmq1xsluh] {
	border-color: #2a2d3a;
	border-top-color: var(--primary-purple);
}

:global([data-theme="dark"]) .loading-text[b-qgmq1xsluh] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .erro-icon[b-qgmq1xsluh] {
	color: #ef5350;
}

:global([data-theme="dark"]) .erro-container p[b-qgmq1xsluh] {
	color: #9e9e9e;
}

/* Dark: Metrics Cards */

:global([data-theme="dark"]) .metrica-card[b-qgmq1xsluh] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .metrica-card:hover[b-qgmq1xsluh] {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .metrica-valor[b-qgmq1xsluh] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .metrica-label[b-qgmq1xsluh] {
	color: #9e9e9e;
}

/* Dark: Filter Bar */

:global([data-theme="dark"]) .filtros-bar[b-qgmq1xsluh] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .admin-filtro-grupo label[b-qgmq1xsluh] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .filtro-select-admin[b-qgmq1xsluh],
:global([data-theme="dark"]) .filtro-input-admin[b-qgmq1xsluh] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .filtro-select-admin:focus[b-qgmq1xsluh],
:global([data-theme="dark"]) .filtro-input-admin:focus[b-qgmq1xsluh] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

/* Dark: Result Count */

:global([data-theme="dark"]) .resultado-contagem[b-qgmq1xsluh] {
	color: #9e9e9e;
}

/* Dark: Empty State */

:global([data-theme="dark"]) .empty-state-admin[b-qgmq1xsluh] {
	color: #9e9e9e;
}

/* Dark: Table */

:global([data-theme="dark"]) .tabela-container[b-qgmq1xsluh] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .tabela-admin th[b-qgmq1xsluh] {
	background: #12141c;
	color: #9e9e9e;
	border-bottom-color: #2a2d3a;
}

:global([data-theme="dark"]) .tabela-admin td[b-qgmq1xsluh] {
	color: #e0e0e0;
	border-bottom-color: #22252f;
}

:global([data-theme="dark"]) .tabela-admin tbody tr:hover td[b-qgmq1xsluh] {
	background: rgba(108, 62, 182, 0.06);
}

:global([data-theme="dark"]) .th-sortable:hover[b-qgmq1xsluh] {
	color: #b39ddb;
}

:global([data-theme="dark"]) .td-data[b-qgmq1xsluh] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .linha-destaque td[b-qgmq1xsluh] {
	background: rgba(255, 152, 0, 0.06);
}

/* Dark: Badges */

:global([data-theme="dark"]) .badge-cat[b-qgmq1xsluh] {
	background: rgba(108, 62, 182, 0.18);
	color: #b39ddb;
}

:global([data-theme="dark"]) .badge-pendenteaprovacao[b-qgmq1xsluh] {
	background: rgba(255, 152, 0, 0.18);
	color: #ffb74d;
}

:global([data-theme="dark"]) .badge-publicado[b-qgmq1xsluh] {
	background: rgba(76, 175, 80, 0.18);
	color: #81c784;
}

:global([data-theme="dark"]) .badge-rejeitado[b-qgmq1xsluh] {
	background: rgba(244, 67, 54, 0.18);
	color: #ef9a9a;
}

:global([data-theme="dark"]) .badge-privado[b-qgmq1xsluh] {
	background: rgba(158, 158, 158, 0.18);
	color: #bdbdbd;
}

/* Dark: Icon Buttons */

:global([data-theme="dark"]) .btn-icon-admin[b-qgmq1xsluh] {
	background: #1a1d28;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-icon-admin:hover:not(:disabled)[b-qgmq1xsluh] {
	border-color: var(--primary-purple);
	color: #b39ddb;
	background: rgba(108, 62, 182, 0.1);
}

:global([data-theme="dark"]) .btn-aprovar[b-qgmq1xsluh] {
	border-color: #4caf50;
	color: #81c784;
}

:global([data-theme="dark"]) .btn-aprovar:hover:not(:disabled)[b-qgmq1xsluh] {
	border-color: #66bb6a;
	color: #a5d6a7;
	background: rgba(76, 175, 80, 0.12);
}

:global([data-theme="dark"]) .btn-rejeitar[b-qgmq1xsluh] {
	border-color: #f44336;
	color: #ef9a9a;
}

:global([data-theme="dark"]) .btn-rejeitar:hover:not(:disabled)[b-qgmq1xsluh] {
	border-color: #ef5350;
	color: #ffcdd2;
	background: rgba(244, 67, 54, 0.12);
}

/* Dark: Modal */

:global([data-theme="dark"]) .modal-overlay[b-qgmq1xsluh] {
	background: rgba(0, 0, 0, 0.7);
}

:global([data-theme="dark"]) .modal-content[b-qgmq1xsluh] {
	background: #1a1d28;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}

:global([data-theme="dark"]) .modal-header[b-qgmq1xsluh] {
	border-bottom-color: #2a2d3a;
}

:global([data-theme="dark"]) .modal-header h3[b-qgmq1xsluh] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .modal-fechar[b-qgmq1xsluh] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .modal-fechar:hover[b-qgmq1xsluh] {
	background: #22252f;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .modal-footer[b-qgmq1xsluh] {
	border-top-color: #2a2d3a;
}

/* Dark: Modal — Detalhes Meta */

:global([data-theme="dark"]) .detalhes-meta[b-qgmq1xsluh] {
	background: #12141c;
}

:global([data-theme="dark"]) .detalhes-meta-item[b-qgmq1xsluh] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .detalhes-meta-item strong[b-qgmq1xsluh] {
	color: #9e9e9e;
}

/* Dark: Modal — Badges */

:global([data-theme="dark"]) .badge-humor[b-qgmq1xsluh] {
	background: rgba(108, 62, 182, 0.15);
	color: #b39ddb;
}

/* Dark: Modal — Content */

:global([data-theme="dark"]) .detalhes-conteudo h4[b-qgmq1xsluh] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .detalhes-conteudo p[b-qgmq1xsluh] {
	color: #ccc;
}

/* Dark: Modal — Foto */

:global([data-theme="dark"]) .detalhes-foto img[b-qgmq1xsluh] {
	border-color: #2a2d3a;
	background: #12141c;
}

/* Dark: Modal — Buttons */

:global([data-theme="dark"]) .btn-cancelar[b-qgmq1xsluh] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-qgmq1xsluh] {
	background: #2a2d3a;
	color: #e0e0e0;
}

/* Dark: Toast */

:global([data-theme="dark"]) .notificacao-flutuante[b-qgmq1xsluh] {
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

/* ========================================
   Responsive Breakpoints
   ======================================== */

/* Tablet — 1200px */
@@media (max-width: 1200px) {
	.metricas-grid[b-qgmq1xsluh] {
		grid-template-columns: repeat(2, 1fr);
	}

	.detalhes-meta[b-qgmq1xsluh] {
		grid-template-columns: 1fr;
	}
}

/* Mobile — 768px */
@@media (max-width: 768px) {
	.admin-layout[b-qgmq1xsluh] {
		flex-direction: column;
	}

	.admin-publicacoes-page[b-qgmq1xsluh] {
		padding: 24px 16px;
	}

	.admin-header h1[b-qgmq1xsluh] {
		font-size: 22px;
	}

	.admin-header-top[b-qgmq1xsluh] {
		flex-direction: column;
		align-items: flex-start;
	}

	/* Metricas */
	.metricas-grid[b-qgmq1xsluh] {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.metrica-card[b-qgmq1xsluh] {
		padding: 14px;
	}

	.metrica-icon[b-qgmq1xsluh] {
		width: 42px;
		height: 42px;
	}

	.metrica-icon i[b-qgmq1xsluh] {
		font-size: 18px;
	}

	.metrica-valor[b-qgmq1xsluh] {
		font-size: 1.4rem;
	}

	.metrica-label[b-qgmq1xsluh] {
		font-size: 0.8rem;
	}

	/* Filter Bar */
	.filtros-bar[b-qgmq1xsluh] {
		flex-direction: column;
		padding: 1rem;
	}

	.admin-filtro-grupo[b-qgmq1xsluh] {
		min-width: unset;
		width: 100%;
	}

	/* Table — scroll horizontal */
	.tabela-container[b-qgmq1xsluh] {
		border-radius: 8px;
	}

	.tabela-admin th[b-qgmq1xsluh],
	.tabela-admin td[b-qgmq1xsluh] {
		padding: 0.75rem;
		font-size: 13px;
	}

	.td-titulo[b-qgmq1xsluh] {
		max-width: 150px;
	}

	/* Modal */
	.modal-detalhes-diario[b-qgmq1xsluh] {
		max-width: 100%;
	}

	.detalhes-meta[b-qgmq1xsluh] {
		grid-template-columns: 1fr;
		gap: 8px;
		padding: 0.75rem;
	}

	/* Toast notification */
	.notificacao-flutuante[b-qgmq1xsluh] {
		left: 16px;
		right: 16px;
		bottom: 16px;
		max-width: none;
	}
}

/* Small Mobile — 480px */
@@media (max-width: 480px) {
	.admin-publicacoes-page[b-qgmq1xsluh] {
		padding: 16px 12px;
	}

	.admin-header h1[b-qgmq1xsluh] {
		font-size: 20px;
	}

	/* Metricas */
	.metricas-grid[b-qgmq1xsluh] {
		grid-template-columns: 1fr;
	}

	.metrica-card[b-qgmq1xsluh] {
		padding: 12px;
		gap: 10px;
	}

	.metrica-icon[b-qgmq1xsluh] {
		width: 38px;
		height: 38px;
	}

	.metrica-icon i[b-qgmq1xsluh] {
		font-size: 16px;
	}

	.metrica-valor[b-qgmq1xsluh] {
		font-size: 1.2rem;
	}

	.metrica-label[b-qgmq1xsluh] {
		font-size: 0.75rem;
	}

	/* Modal */
	.modal-content[b-qgmq1xsluh] {
		border-radius: 12px;
	}

	.modal-header[b-qgmq1xsluh],
	.modal-body[b-qgmq1xsluh],
	.modal-footer[b-qgmq1xsluh] {
		padding: 1rem;
	}

	.detalhes-conteudo h4[b-qgmq1xsluh] {
		font-size: 1rem;
	}

	.detalhes-conteudo p[b-qgmq1xsluh] {
		font-size: 0.9rem;
	}

	/* Toast */
	.notificacao-flutuante[b-qgmq1xsluh] {
		font-size: 13px;
		padding: 12px 16px;
	}
}

/* Extra Small — 360px */
@@media (max-width: 360px) {
	.admin-publicacoes-page[b-qgmq1xsluh] {
		padding: 12px 8px;
	}

	.admin-header h1[b-qgmq1xsluh] {
		font-size: 18px;
	}

	.metrica-card[b-qgmq1xsluh] {
		padding: 10px;
		gap: 8px;
	}

	.metrica-icon[b-qgmq1xsluh] {
		width: 34px;
		height: 34px;
	}

	.metrica-icon i[b-qgmq1xsluh] {
		font-size: 14px;
	}

	.metrica-valor[b-qgmq1xsluh] {
		font-size: 1.1rem;
	}

	.filtros-bar[b-qgmq1xsluh] {
		padding: 0.75rem;
	}

	.modal-header[b-qgmq1xsluh],
	.modal-body[b-qgmq1xsluh],
	.modal-footer[b-qgmq1xsluh] {
		padding: 0.75rem;
	}
}
/* /Components/Pages/AdminTags.razor.rz.scp.css */
/* ========================================
   AdminTags.razor.css — Gestao de Tags
   Blazor Isolated CSS
   ======================================== */

/* ===== Acesso Negado ===== */

.acesso-negado[b-o1lyfwshbv] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 100px);
	gap: 12px;
	text-align: center;
	padding: 24px;
}

.acesso-negado i[b-o1lyfwshbv] {
	font-size: 64px;
	color: var(--primary-purple);
}

.acesso-negado h2[b-o1lyfwshbv] {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	color: var(--text-dark);
}

.acesso-negado p[b-o1lyfwshbv] {
	margin: 0;
	color: var(--text-medium);
	font-size: 16px;
}

.btn-voltar[b-o1lyfwshbv] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: var(--primary-purple);
	color: var(--white);
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	margin-top: 8px;
	transition: all 0.2s;
}

.btn-voltar:hover[b-o1lyfwshbv] {
	background: var(--primary-purple-light);
}

/* ===== Page Layout ===== */

/* ===== Admin Layout ===== */
.admin-layout[b-o1lyfwshbv] {
	display: flex;
	gap: 24px;
	max-width: 1600px;
	margin: 0 auto;
	padding: 32px 24px;
	min-height: calc(100vh - 100px);
}

.admin-content[b-o1lyfwshbv] {
	flex: 1;
	min-width: 0;
}

.admin-tags-page[b-o1lyfwshbv] {
	max-width: 1400px;
	margin: 0 auto;
	padding: 32px 24px;
	background: var(--bg-gray);
	min-height: calc(100vh - 100px);
}

/* ===== Abas de Navegação ===== */

.abas-navegacao[b-o1lyfwshbv] {
	display: flex;
	gap: 4px;
	margin-bottom: 24px;
	background: var(--white);
	border-radius: 14px;
	padding: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

.aba-btn[b-o1lyfwshbv] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	border: none;
	border-radius: 10px;
	background: transparent;
	color: var(--text-medium);
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	flex: 1;
	justify-content: center;
	white-space: nowrap;
}

.aba-btn:hover:not(.aba-ativa)[b-o1lyfwshbv] {
	background: var(--bg-gray);
	color: var(--text-dark);
}

.aba-btn.aba-ativa[b-o1lyfwshbv] {
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: var(--white);
	box-shadow: 0 2px 8px rgba(108, 62, 182, 0.25);
}

.aba-btn i[b-o1lyfwshbv] {
	font-size: 16px;
}

/* ===== Admin Header ===== */

.admin-header[b-o1lyfwshbv] {
	margin-bottom: 32px;
}

.admin-header h1[b-o1lyfwshbv] {
	margin: 0 0 4px 0;
	font-size: 28px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 10px;
}

.admin-header h1 i[b-o1lyfwshbv] {
	color: var(--primary-purple);
}

.admin-header p[b-o1lyfwshbv] {
	margin: 0;
	font-size: 15px;
	color: var(--text-medium);
}

.admin-header-top[b-o1lyfwshbv] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.admin-header-acoes[b-o1lyfwshbv] {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

/* ===== Action Buttons ===== */

.btn-acao-primaria[b-o1lyfwshbv] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: var(--white);
	border: none;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-acao-primaria:hover:not(:disabled)[b-o1lyfwshbv] {
	opacity: 0.9;
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(108, 62, 182, 0.3);
}

.btn-acao-primaria:disabled[b-o1lyfwshbv] {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

.btn-acao-primaria i[b-o1lyfwshbv] {
	font-size: 16px;
}

.btn-acao-secundaria[b-o1lyfwshbv] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: var(--white);
	color: var(--primary-purple);
	border: 1.5px solid var(--primary-purple);
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-acao-secundaria:hover:not(:disabled)[b-o1lyfwshbv] {
	background: rgba(108, 62, 182, 0.08);
	transform: translateY(-1px);
}

.btn-acao-secundaria:disabled[b-o1lyfwshbv] {
	opacity: 0.5;
	cursor: not-allowed;
}

.btn-acao-secundaria i[b-o1lyfwshbv] {
	font-size: 16px;
}

.btn-acao-danger[b-o1lyfwshbv] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: rgba(244, 67, 54, 0.1);
	color: #c62828;
	border: 1.5px solid rgba(244, 67, 54, 0.3);
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-acao-danger:hover:not(:disabled)[b-o1lyfwshbv] {
	background: #c62828;
	color: #fff;
	border-color: #c62828;
}

.btn-acao-danger:disabled[b-o1lyfwshbv] {
	opacity: 0.5;
	cursor: not-allowed;
}

/* ===== Metricas Grid ===== */

.metricas-grid[b-o1lyfwshbv] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 14px;
	margin-bottom: 24px;
}

.metrica-card[b-o1lyfwshbv] {
	background: var(--white);
	border-radius: 16px;
	padding: 18px;
	display: flex;
	align-items: center;
	gap: 14px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	transition: all 0.2s;
}

.metrica-card:hover[b-o1lyfwshbv] {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}

.metrica-icon[b-o1lyfwshbv] {
	width: 46px;
	height: 46px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.metrica-icon i[b-o1lyfwshbv] {
	font-size: 20px;
	color: var(--white);
}

.bg-purple[b-o1lyfwshbv] { background: var(--primary-purple); }
.bg-pink[b-o1lyfwshbv] { background: var(--accent-pink); }
.bg-blue[b-o1lyfwshbv] { background: #2196f3; }
.bg-green[b-o1lyfwshbv] { background: #4caf50; }
.bg-orange[b-o1lyfwshbv] { background: #ff9800; }
.bg-teal[b-o1lyfwshbv] { background: #009688; }
.bg-brown[b-o1lyfwshbv] { background: #795548; }
.bg-lightblue[b-o1lyfwshbv] { background: #03a9f4; }
.bg-gray[b-o1lyfwshbv] { background: #9e9e9e; }
.bg-red[b-o1lyfwshbv] { background: #f44336; }

.metrica-info[b-o1lyfwshbv] {
	display: flex;
	flex-direction: column;
}

.metrica-valor[b-o1lyfwshbv] {
	font-size: 26px;
	font-weight: 700;
	color: var(--text-dark);
	line-height: 1;
}

.metrica-label[b-o1lyfwshbv] {
	font-size: 12px;
	color: var(--text-medium);
	margin-top: 2px;
}

/* ===== Badge Count (header de seção) ===== */

.badge-count[b-o1lyfwshbv] {
	background: rgba(108, 62, 182, 0.1);
	color: var(--primary-purple);
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
}

/* ===== Filter Section ===== */

.admin-filtros-tags[b-o1lyfwshbv] {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 16px;
	padding: 14px 16px;
	background: var(--bg-gray);
	border-radius: 12px;
}

.admin-filtro-grupo[b-o1lyfwshbv] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
	min-width: 140px;
}

.admin-filtro-grupo label[b-o1lyfwshbv] {
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.filtro-select-admin[b-o1lyfwshbv],
.filtro-input-admin[b-o1lyfwshbv] {
	padding: 8px 12px;
	border: 1.5px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.85rem;
	color: var(--text-dark);
	background: var(--white);
	outline: none;
	transition: border-color 0.2s;
}

.filtro-select-admin:focus[b-o1lyfwshbv],
.filtro-input-admin:focus[b-o1lyfwshbv] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 2px rgba(108, 62, 182, 0.1);
}

/* ===== Bulk Actions Bar ===== */

.acoes-lote-barra[b-o1lyfwshbv] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 16px;
	margin-bottom: 16px;
	background: linear-gradient(135deg, rgba(108, 62, 182, 0.06), rgba(233, 30, 144, 0.04));
	border: 1.5px solid rgba(108, 62, 182, 0.2);
	border-radius: 12px;
	flex-wrap: wrap;
	animation: fadeIn 0.3s ease-out;
}

.acoes-lote-info[b-o1lyfwshbv] {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 600;
	color: var(--primary-purple);
}

.acoes-lote-controles[b-o1lyfwshbv] {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

/* ===== Table Styling ===== */

.tabela-wrapper[b-o1lyfwshbv] {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-radius: 12px;
}

.tabela-admin[b-o1lyfwshbv] {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.tabela-admin th[b-o1lyfwshbv] {
	text-align: left;
	padding: 10px 12px;
	font-weight: 600;
	color: var(--text-medium);
	border-bottom: 2px solid var(--border-light);
	white-space: nowrap;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.tabela-admin td[b-o1lyfwshbv] {
	padding: 10px 12px;
	color: var(--text-dark);
	border-bottom: 1px solid var(--border-light);
	vertical-align: middle;
}

.tabela-admin tr:last-child td[b-o1lyfwshbv] {
	border-bottom: none;
}

.tabela-admin tbody tr:hover td[b-o1lyfwshbv] {
	background: var(--bg-gray);
}

.tabela-tags[b-o1lyfwshbv] {
	min-width: 900px;
}

/* Checkbox column */
.col-checkbox[b-o1lyfwshbv] {
	width: 40px;
	text-align: center;
}

.col-checkbox input[type="checkbox"][b-o1lyfwshbv] {
	width: 16px;
	height: 16px;
	accent-color: var(--primary-purple);
	cursor: pointer;
}

/* Row states */
.linha-expandida td[b-o1lyfwshbv] {
	background: rgba(108, 62, 182, 0.04);
	border-bottom-color: transparent;
}

.linha-selecionada td[b-o1lyfwshbv] {
	background: rgba(108, 62, 182, 0.06);
}

.linha-selecionada:hover td[b-o1lyfwshbv] {
	background: rgba(108, 62, 182, 0.1);
}

/* Code button for expanding history */
.btn-codigo-tag[b-o1lyfwshbv] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px 8px;
	border-radius: 6px;
	transition: all 0.2s;
	color: var(--text-dark);
}

.btn-codigo-tag:hover[b-o1lyfwshbv] {
	background: rgba(108, 62, 182, 0.08);
}

.btn-codigo-tag code[b-o1lyfwshbv] {
	font-family: 'Courier New', Courier, monospace;
	font-size: 13px;
	font-weight: 600;
	color: var(--primary-purple);
	background: rgba(108, 62, 182, 0.08);
	padding: 2px 8px;
	border-radius: 4px;
}

.btn-codigo-tag i[b-o1lyfwshbv] {
	font-size: 11px;
	color: var(--text-medium);
	transition: transform 0.2s;
}

/* Status select in actions column */
.select-status-tag[b-o1lyfwshbv] {
	padding: 4px 8px;
	border: 1px solid var(--border-light);
	border-radius: 6px;
	font-size: 12px;
	background: var(--white);
	color: var(--text-dark);
	cursor: pointer;
	min-width: 120px;
	transition: border-color 0.2s;
}

.select-status-tag:focus[b-o1lyfwshbv] {
	outline: none;
	border-color: var(--primary-purple);
}

/* .col-acoes e .acoes-cell — definidos globalmente em app.css */

/* ===== Status Badges ===== */

.status-badge[b-o1lyfwshbv] {
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
	display: inline-block;
}

.status-tag-virgem[b-o1lyfwshbv] {
	background: rgba(33, 150, 243, 0.12);
	color: #1565c0;
}

.status-tag-gravada[b-o1lyfwshbv] {
	background: rgba(121, 85, 72, 0.12);
	color: #4e342e;
}

.status-tag-despachada[b-o1lyfwshbv] {
	background: rgba(0, 150, 136, 0.12);
	color: #00695c;
}

.status-tag-disponívelvenda[b-o1lyfwshbv] {
	background: rgba(156, 39, 176, 0.12);
	color: #7b1fa2;
}

.status-tag-préativada[b-o1lyfwshbv] {
	background: rgba(3, 169, 244, 0.12);
	color: #0277bd;
}

.status-tag-ativo[b-o1lyfwshbv] {
	background: rgba(76, 175, 80, 0.12);
	color: #2e7d32;
}

.status-tag-inativo[b-o1lyfwshbv] {
	background: rgba(158, 158, 158, 0.12);
	color: #757575;
}

.status-tag-desativado[b-o1lyfwshbv] {
	background: rgba(233, 30, 99, 0.12);
	color: #c62828;
}

.status-tag-bloqueado[b-o1lyfwshbv] {
	background: rgba(244, 67, 54, 0.12);
	color: #b71c1c;
}

.status-tag-demonstração[b-o1lyfwshbv] {
	background: rgba(255, 152, 0, 0.12);
	color: #e65100;
}

/* ===== Other Badges ===== */

.tipo-badge[b-o1lyfwshbv] {
	background: rgba(101, 75, 199, 0.1);
	color: var(--primary-purple);
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

.estab-badge-admin[b-o1lyfwshbv] {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 0.8rem;
	color: var(--primary-purple);
	font-weight: 600;
}

.lote-badge-admin[b-o1lyfwshbv] {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 0.8rem;
	color: #795548;
	font-weight: 600;
}

/* ===== Payment Badges ===== */

.pgto-badge-admin[b-o1lyfwshbv] {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

.pgto-pendente[b-o1lyfwshbv] {
	background: rgba(255, 152, 0, 0.12);
	color: #e65100;
}

.pgto-quitado[b-o1lyfwshbv] {
	background: rgba(76, 175, 80, 0.12);
	color: #2e7d32;
}

.pgto-cortesia[b-o1lyfwshbv] {
	background: rgba(156, 39, 176, 0.12);
	color: #7b1fa2;
}

.pgto-cancelado[b-o1lyfwshbv] {
	background: rgba(244, 67, 54, 0.12);
	color: #c62828;
}

.pgto-estornado[b-o1lyfwshbv] {
	background: rgba(158, 158, 158, 0.12);
	color: #616161;
}

.text-muted-admin[b-o1lyfwshbv] {
	color: var(--text-medium);
}

/* ===== Dados Expandidos da Tag ===== */

.tag-dados-expandidos[b-o1lyfwshbv] {
	padding: 16px 24px;
	border-bottom: 1px solid var(--border-light, #e8e8e8);
}

.tag-dados-grid[b-o1lyfwshbv] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 12px 24px;
}

.tag-dado-item[b-o1lyfwshbv] {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.tag-dado-label[b-o1lyfwshbv] {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--text-medium, #888);
}

.tag-dado-item > span:last-child[b-o1lyfwshbv],
.tag-dado-item > .plano-badge[b-o1lyfwshbv],
.tag-dado-item > .status-badge[b-o1lyfwshbv] {
	font-size: 13px;
	color: var(--text-dark, #333);
}

/* .btn-acao-icone — definido globalmente em app.css */

/* ===== Timeline / History ===== */

.linha-historico td[b-o1lyfwshbv] {
	padding: 0;
	background: var(--bg-gray);
}

.historico-timeline[b-o1lyfwshbv] {
	padding: 20px 24px;
}

.historico-timeline h4[b-o1lyfwshbv] {
	margin: 0 0 16px 0;
	font-size: 15px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 8px;
}

.historico-timeline h4 i[b-o1lyfwshbv] {
	color: var(--primary-purple);
}

.historico-vazio[b-o1lyfwshbv] {
	font-size: 13px;
	color: var(--text-medium);
	text-align: center;
	padding: 16px;
	margin: 0;
}

.timeline[b-o1lyfwshbv] {
	display: flex;
	flex-direction: column;
	gap: 0;
	position: relative;
	padding-left: 24px;
}

.timeline[b-o1lyfwshbv]::before {
	content: "";
	position: absolute;
	left: 8px;
	top: 4px;
	bottom: 4px;
	width: 2px;
	background: var(--border-light);
	border-radius: 2px;
}

.timeline-item[b-o1lyfwshbv] {
	display: flex;
	gap: 16px;
	position: relative;
	padding-bottom: 20px;
}

.timeline-item:last-child[b-o1lyfwshbv] {
	padding-bottom: 0;
}

.timeline-marcador[b-o1lyfwshbv] {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--primary-purple);
	border: 2px solid var(--white);
	box-shadow: 0 0 0 2px var(--primary-purple);
	flex-shrink: 0;
	position: absolute;
	left: -18px;
	top: 4px;
	z-index: 1;
}

.timeline-conteudo[b-o1lyfwshbv] {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 6px;
	background: var(--white);
	border-radius: 10px;
	padding: 12px 16px;
	border: 1px solid var(--border-light);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.timeline-cabecalho[b-o1lyfwshbv] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.timeline-tipo[b-o1lyfwshbv] {
	font-size: 13px;
	font-weight: 700;
	color: var(--text-dark);
}

.timeline-data[b-o1lyfwshbv] {
	font-size: 12px;
	color: var(--text-medium);
	white-space: nowrap;
}

.timeline-status[b-o1lyfwshbv] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.timeline-status i[b-o1lyfwshbv] {
	font-size: 12px;
	color: var(--text-medium);
}

.timeline-descricao[b-o1lyfwshbv] {
	margin: 0;
	font-size: 13px;
	color: var(--text-medium);
	line-height: 1.5;
}

.timeline-usuario[b-o1lyfwshbv] {
	font-size: 12px;
	color: var(--text-medium);
	display: flex;
	align-items: center;
	gap: 4px;
}

.timeline-usuario i[b-o1lyfwshbv] {
	font-size: 12px;
}

/* ===== Empty State ===== */

.empty-mensagens[b-o1lyfwshbv] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 40px 16px;
	color: var(--text-medium);
}

.empty-mensagens i[b-o1lyfwshbv] {
	font-size: 40px;
	opacity: 0.4;
}

.empty-mensagens p[b-o1lyfwshbv] {
	margin: 0;
	font-size: 14px;
}

/* ===== Toast / Floating Notifications ===== */

.notificacao-flutuante[b-o1lyfwshbv] {
	position: fixed;
	bottom: 24px;
	right: 24px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 20px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	z-index: 2000;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
	animation: slideInToast 0.4s ease-out;
	max-width: 420px;
}

.notificacao-flutuante i[b-o1lyfwshbv] {
	font-size: 18px;
	flex-shrink: 0;
}

.notificacao-sucesso[b-o1lyfwshbv] {
	background: #2e7d32;
	color: #fff;
}

.notificacao-erro[b-o1lyfwshbv] {
	background: #c62828;
	color: #fff;
}

@@keyframes slideInToast {
	from[b-o1lyfwshbv] {
		opacity: 0;
		transform: translateY(20px) translateX(20px);
	}
	to[b-o1lyfwshbv] {
		opacity: 1;
		transform: translateY(0) translateX(0);
	}
}

/* ===== Botão Plano na Tabela ===== */

.btn-plano-tag[b-o1lyfwshbv] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	background: var(--white);
	color: var(--primary-purple);
	cursor: pointer;
	font-size: 14px;
	transition: all 0.2s;
	flex-shrink: 0;
}

.btn-plano-tag:hover[b-o1lyfwshbv] {
	background: rgba(108, 62, 182, 0.1);
	border-color: var(--primary-purple);
	transform: translateY(-1px);
}

/* Botões btn-obs-tag, btn-editar-tag, btn-info-tag → substituídos por btn-acao-icone globais */

/* ===== Animations ===== */

@@keyframes fadeIn {
	from[b-o1lyfwshbv] { opacity: 0; transform: translateY(-4px); }
	to[b-o1lyfwshbv] { opacity: 1; transform: translateY(0); }
}

/* ========================================
   Dark Mode — [data-theme="dark"]
   ======================================== */

:global([data-theme="dark"]) .admin-tags-page[b-o1lyfwshbv] {
	background: #0f1117;
}

:global([data-theme="dark"]) .tag-dados-expandidos[b-o1lyfwshbv] {
	border-bottom-color: #2a2d3a;
}

:global([data-theme="dark"]) .tag-dado-label[b-o1lyfwshbv] {
	color: #777;
}

:global([data-theme="dark"]) .tag-dado-item > span:last-child[b-o1lyfwshbv] {
	color: #ddd;
}

:global([data-theme="dark"]) .abas-navegacao[b-o1lyfwshbv] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .aba-btn[b-o1lyfwshbv] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .aba-btn:hover:not(.aba-ativa)[b-o1lyfwshbv] {
	background: rgba(108, 62, 182, 0.08);
	color: #e0e0e0;
}

:global([data-theme="dark"]) .acesso-negado h2[b-o1lyfwshbv] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .acesso-negado p[b-o1lyfwshbv] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .metrica-card[b-o1lyfwshbv] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .metrica-card:hover[b-o1lyfwshbv] {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .metrica-valor[b-o1lyfwshbv] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .metrica-label[b-o1lyfwshbv] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .admin-header h1[b-o1lyfwshbv] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .admin-header p[b-o1lyfwshbv] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .admin-filtros-tags[b-o1lyfwshbv] {
	background: #12141c;
}

:global([data-theme="dark"]) .filtro-select-admin[b-o1lyfwshbv],
:global([data-theme="dark"]) .filtro-input-admin[b-o1lyfwshbv] {
	background: #1a1d28;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .tabela-admin th[b-o1lyfwshbv] {
	color: #9e9e9e;
	border-bottom-color: #2a2d3a;
}

:global([data-theme="dark"]) .tabela-admin td[b-o1lyfwshbv] {
	color: #e0e0e0;
	border-bottom-color: #22252f;
}

:global([data-theme="dark"]) .tabela-admin tbody tr:hover td[b-o1lyfwshbv] {
	background: rgba(108, 62, 182, 0.06);
}

:global([data-theme="dark"]) .btn-codigo-tag code[b-o1lyfwshbv] {
	background: rgba(108, 62, 182, 0.15);
}

:global([data-theme="dark"]) .btn-codigo-tag:hover[b-o1lyfwshbv] {
	background: rgba(108, 62, 182, 0.12);
}

:global([data-theme="dark"]) .select-status-tag[b-o1lyfwshbv] {
	background: #1a1d28;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .linha-selecionada td[b-o1lyfwshbv] {
	background: rgba(108, 62, 182, 0.1);
}

:global([data-theme="dark"]) .linha-expandida td[b-o1lyfwshbv] {
	background: rgba(108, 62, 182, 0.06);
}

:global([data-theme="dark"]) .linha-historico td[b-o1lyfwshbv] {
	background: #12141c;
}

:global([data-theme="dark"]) .historico-timeline h4[b-o1lyfwshbv] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .timeline[b-o1lyfwshbv]::before {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .timeline-conteudo[b-o1lyfwshbv] {
	background: #1a1d28;
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .timeline-tipo[b-o1lyfwshbv] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .timeline-data[b-o1lyfwshbv] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .timeline-marcador[b-o1lyfwshbv] {
	border-color: #1a1d28;
}

:global([data-theme="dark"]) .btn-acao-secundaria[b-o1lyfwshbv] {
	background: #1a1d28;
	border-color: var(--primary-purple);
}

:global([data-theme="dark"]) .btn-acao-secundaria:hover:not(:disabled)[b-o1lyfwshbv] {
	background: rgba(108, 62, 182, 0.15);
}

:global([data-theme="dark"]) .btn-acao-danger[b-o1lyfwshbv] {
	background: rgba(244, 67, 54, 0.15);
}

:global([data-theme="dark"]) .acoes-lote-barra[b-o1lyfwshbv] {
	background: rgba(108, 62, 182, 0.1);
	border-color: rgba(108, 62, 182, 0.25);
}

:global([data-theme="dark"]) .empty-mensagens[b-o1lyfwshbv] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .text-muted-admin[b-o1lyfwshbv] {
	color: #666;
}

:global([data-theme="dark"]) .lote-badge-admin[b-o1lyfwshbv] {
	color: #a1887f;
}

:global([data-theme="dark"]) .pgto-pendente[b-o1lyfwshbv] {
	background: rgba(255, 152, 0, 0.2);
	color: #ffb74d;
}

:global([data-theme="dark"]) .pgto-quitado[b-o1lyfwshbv] {
	background: rgba(76, 175, 80, 0.2);
	color: #81c784;
}

:global([data-theme="dark"]) .pgto-cortesia[b-o1lyfwshbv] {
	background: rgba(156, 39, 176, 0.2);
	color: #ce93d8;
}

:global([data-theme="dark"]) .pgto-cancelado[b-o1lyfwshbv] {
	background: rgba(244, 67, 54, 0.2);
	color: #ef9a9a;
}

:global([data-theme="dark"]) .pgto-estornado[b-o1lyfwshbv] {
	background: rgba(158, 158, 158, 0.2);
	color: #bdbdbd;
}

:global([data-theme="dark"]) .badge-count[b-o1lyfwshbv] {
	background: rgba(108, 62, 182, 0.15);
}

:global([data-theme="dark"]) .btn-plano-tag[b-o1lyfwshbv] {
	background: #1a1d28;
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .btn-plano-tag:hover[b-o1lyfwshbv] {
	background: rgba(108, 62, 182, 0.15);
	border-color: var(--primary-purple);
}

/* Dark mode dos botões de ação — definido globalmente em app.css */

:global([data-theme="dark"]) .tabela-admin tbody tr[b-o1lyfwshbv] {
	border-color: #2a2d3a;
}

/* ========================================
   Responsive — Mobile First
   ======================================== */

@@media (max-width: 768px) {
	.admin-layout[b-o1lyfwshbv] {
		flex-direction: column;
		padding: 16px;
		gap: 16px;
	}

	.admin-tags-page[b-o1lyfwshbv] {
		padding: 24px 16px;
	}

	/* Abas */
	.abas-navegacao[b-o1lyfwshbv] {
		padding: 3px;
		gap: 2px;
	}

	.aba-btn[b-o1lyfwshbv] {
		padding: 10px 16px;
		font-size: 13px;
		gap: 6px;
	}

	.aba-btn i[b-o1lyfwshbv] {
		font-size: 15px;
	}

	.admin-header h1[b-o1lyfwshbv] {
		font-size: 22px;
	}

	.admin-header-top[b-o1lyfwshbv] {
		flex-direction: column;
		align-items: flex-start;
	}

	.admin-header-acoes[b-o1lyfwshbv] {
		width: 100%;
	}

	.admin-header-acoes .btn-acao-primaria[b-o1lyfwshbv],
	.admin-header-acoes .btn-acao-secundaria[b-o1lyfwshbv] {
		flex: 1;
		justify-content: center;
		font-size: 13px;
		padding: 10px 14px;
	}

	/* Metricas */
	.metricas-grid[b-o1lyfwshbv] {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.metrica-card[b-o1lyfwshbv] {
		padding: 14px;
	}

	.metrica-valor[b-o1lyfwshbv] {
		font-size: 20px;
	}

	.metrica-icon[b-o1lyfwshbv] {
		width: 38px;
		height: 38px;
	}

	.metrica-icon i[b-o1lyfwshbv] {
		font-size: 16px;
	}

	.metrica-label[b-o1lyfwshbv] {
		font-size: 11px;
	}

	/* Filters */
	.admin-filtros-tags[b-o1lyfwshbv] {
		flex-direction: column;
	}

	.admin-filtro-grupo[b-o1lyfwshbv] {
		min-width: auto;
	}

	/* Bulk actions */
	.acoes-lote-barra[b-o1lyfwshbv] {
		flex-direction: column;
		align-items: flex-start;
	}

	.acoes-lote-controles[b-o1lyfwshbv] {
		width: 100%;
	}

	.acoes-lote-controles .filtro-select-admin[b-o1lyfwshbv] {
		flex: 1;
	}

	/* Table — card-like on mobile */
	.tabela-tags[b-o1lyfwshbv] {
		min-width: auto;
	}

	.tabela-admin thead[b-o1lyfwshbv] {
		display: none;
	}

	.tabela-admin tbody tr[b-o1lyfwshbv] {
		display: flex;
		flex-direction: column;
		padding: 12px;
		margin-bottom: 8px;
		border: 1px solid var(--border-light);
		border-radius: 12px;
		background: var(--white);
		gap: 6px;
	}

	.tabela-admin td[b-o1lyfwshbv] {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 4px 0;
		border-bottom: none;
		font-size: 13px;
	}

	.tabela-admin td[b-o1lyfwshbv]::before {
		content: attr(data-label);
		font-weight: 600;
		font-size: 11px;
		text-transform: uppercase;
		color: var(--text-medium);
		letter-spacing: 0.3px;
		margin-right: 8px;
	}

	.col-checkbox[b-o1lyfwshbv] {
		width: auto;
	}

	.acoes-cell[b-o1lyfwshbv] {
		justify-content: flex-end;
	}

	/* Expanded data mobile */
	.tag-dados-expandidos[b-o1lyfwshbv] {
		padding: 12px 16px;
	}

	.tag-dados-grid[b-o1lyfwshbv] {
		grid-template-columns: 1fr 1fr;
		gap: 10px 16px;
	}

	/* Timeline mobile */
	.historico-timeline[b-o1lyfwshbv] {
		padding: 16px;
	}

	.timeline[b-o1lyfwshbv] {
		padding-left: 20px;
	}

	.timeline-marcador[b-o1lyfwshbv] {
		left: -14px;
		width: 10px;
		height: 10px;
	}

	.timeline-conteudo[b-o1lyfwshbv] {
		padding: 10px 12px;
	}

	.timeline-cabecalho[b-o1lyfwshbv] {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}

	/* History row on mobile */
	.linha-historico td[b-o1lyfwshbv] {
		display: block;
		padding: 0;
	}

	.linha-historico[b-o1lyfwshbv] {
		display: block;
		border: 1px solid var(--border-light);
		border-radius: 0 0 12px 12px;
		margin-top: -8px;
		margin-bottom: 8px;
		overflow: hidden;
	}

	/* Notification mobile */
	.notificacao-flutuante[b-o1lyfwshbv] {
		left: 16px;
		right: 16px;
		bottom: 16px;
		max-width: none;
	}
}

@@media (max-width: 480px) {
	.metricas-grid[b-o1lyfwshbv] {
		grid-template-columns: 1fr;
	}

	.admin-header-acoes[b-o1lyfwshbv] {
		flex-direction: column;
	}

	.admin-header-acoes .btn-acao-primaria[b-o1lyfwshbv],
	.admin-header-acoes .btn-acao-secundaria[b-o1lyfwshbv] {
		width: 100%;
	}

	.acoes-lote-controles[b-o1lyfwshbv] {
		flex-direction: column;
	}

	.acoes-lote-controles .btn-acao-primaria[b-o1lyfwshbv],
	.acoes-lote-controles .btn-acao-secundaria[b-o1lyfwshbv] {
		width: 100%;
		justify-content: center;
	}
}

@@media (max-width: 360px) {
	.admin-tags-page[b-o1lyfwshbv] {
		padding: 16px 12px;
	}

	.admin-header h1[b-o1lyfwshbv] {
		font-size: 20px;
	}

	.metrica-card[b-o1lyfwshbv] {
		padding: 12px;
		gap: 10px;
	}

	.metrica-icon[b-o1lyfwshbv] {
		width: 34px;
		height: 34px;
	}

	.metrica-icon i[b-o1lyfwshbv] {
		font-size: 14px;
	}

	.metrica-valor[b-o1lyfwshbv] {
		font-size: 18px;
	}
}
/* /Components/Pages/AdminUsuarios.razor.rz.scp.css */
/* ========================================
   AdminUsuarios.razor.css
   Isolated CSS — Gestão de Usuários (Pai)
   ======================================== */

/* ===== Admin Layout ===== */
.admin-layout[b-uznq16s4sq] {
    display: flex;
    gap: 24px;
    max-width: 1600px;
    margin: 0 auto;
    padding: 32px 24px;
    min-height: calc(100vh - 100px);
}

.admin-content[b-uznq16s4sq] {
    flex: 1;
    min-width: 0;
}

[data-theme="dark"] .admin-layout[b-uznq16s4sq] {
    background: transparent;
}

@@media (max-width: 768px) {
    .admin-layout[b-uznq16s4sq] {
        flex-direction: column;
        padding: 16px;
        gap: 16px;
    }
}

/* ===== Acesso Negado ===== */

.acesso-negado[b-uznq16s4sq] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 100px);
	gap: 12px;
	text-align: center;
	padding: 4rem 24px;
}

.acesso-negado i[b-uznq16s4sq] {
	font-size: 64px;
	color: var(--primary-purple);
}

.acesso-negado h2[b-uznq16s4sq] {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	color: var(--text-dark);
}

.acesso-negado p[b-uznq16s4sq] {
	margin: 0;
	color: var(--text-medium);
	font-size: 16px;
}

.btn-voltar[b-uznq16s4sq] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: var(--primary-purple);
	color: var(--white);
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	margin-top: 8px;
	transition: all 0.2s;
}

.btn-voltar:hover[b-uznq16s4sq] {
	background: var(--primary-purple-light);
	color: var(--white);
	text-decoration: none;
}

/* ===== Page Layout ===== */

.admin-usuarios-page[b-uznq16s4sq] {
	max-width: 1400px;
	margin: 0 auto;
	padding: 32px 24px;
	background: var(--bg-gray);
	min-height: calc(100vh - 100px);
}

/* ===== Admin Header ===== */

.admin-header[b-uznq16s4sq] {
	margin-bottom: 2rem;
}

.admin-header h1[b-uznq16s4sq] {
	margin: 0 0 4px 0;
	font-size: 28px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 10px;
}

.admin-header h1 i[b-uznq16s4sq] {
	color: var(--primary-purple);
}

.admin-header p[b-uznq16s4sq] {
	margin: 0;
	font-size: 15px;
	color: var(--text-medium);
}

.admin-header-top[b-uznq16s4sq] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.admin-header-acoes[b-uznq16s4sq] {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

/* ===== Métricas Grid ===== */

.metricas-grid[b-uznq16s4sq] {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 14px;
	margin-bottom: 24px;
}

.metrica-card[b-uznq16s4sq] {
	background: var(--white);
	border-radius: 12px;
	padding: 1.5rem;
	display: flex;
	align-items: center;
	gap: 1rem;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	transition: all 0.2s;
}

.metrica-card:hover[b-uznq16s4sq] {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.metrica-icon[b-uznq16s4sq] {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.metrica-icon i[b-uznq16s4sq] {
	font-size: 22px;
	color: var(--white);
}

.bg-purple[b-uznq16s4sq] {
	background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
}

.bg-blue[b-uznq16s4sq] {
	background: linear-gradient(135deg, #2196f3, #42a5f5);
}

.bg-green[b-uznq16s4sq] {
	background: linear-gradient(135deg, #4caf50, #66bb6a);
}

.bg-teal[b-uznq16s4sq] {
	background: linear-gradient(135deg, #009688, #26a69a);
}

.bg-red[b-uznq16s4sq] {
	background: linear-gradient(135deg, #f44336, #ef5350);
}

.metrica-info[b-uznq16s4sq] {
	display: flex;
	flex-direction: column;
}

.metrica-valor[b-uznq16s4sq] {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--text-dark);
	line-height: 1;
}

.metrica-label[b-uznq16s4sq] {
	font-size: 0.85rem;
	color: var(--text-medium);
	margin-top: 2px;
}

/* ===== Filter Bar ===== */

.filtros-bar[b-uznq16s4sq] {
	display: flex;
	gap: 1rem;
	align-items: flex-end;
	flex-wrap: wrap;
	background: var(--white);
	padding: 1.5rem;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	margin-bottom: 2rem;
}

.admin-filtro-grupo[b-uznq16s4sq] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
	min-width: 140px;
}

.admin-filtro-grupo label[b-uznq16s4sq] {
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.admin-filtro-grupo.filtro-acao[b-uznq16s4sq] {
	flex: 0 0 auto;
	min-width: auto;
	align-self: flex-end;
}

.filtro-input-admin[b-uznq16s4sq],
.filtro-select-admin[b-uznq16s4sq] {
	padding: 10px 14px;
	border: 1.5px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.9rem;
	color: var(--text-dark);
	background: var(--white);
	outline: none;
	transition: border-color 0.2s, box-shadow 0.2s;
	box-sizing: border-box;
}

.filtro-input-admin:focus[b-uznq16s4sq],
.filtro-select-admin:focus[b-uznq16s4sq] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.1);
}

.filtro-select-admin[b-uznq16s4sq] {
	cursor: pointer;
	appearance: auto;
}

/* ===== Primary / Secondary Action Buttons ===== */

.btn-acao-primaria[b-uznq16s4sq] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: var(--white);
	border: none;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-acao-primaria:hover:not(:disabled)[b-uznq16s4sq] {
	opacity: 0.9;
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(108, 62, 182, 0.3);
}

.btn-acao-primaria:disabled[b-uznq16s4sq] {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
}

.btn-acao-primaria i[b-uznq16s4sq] {
	font-size: 16px;
}

.btn-acao-secundaria[b-uznq16s4sq] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: var(--white);
	color: var(--primary-purple);
	border: 1.5px solid var(--primary-purple);
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
	text-decoration: none;
}

.btn-acao-secundaria:hover:not(:disabled)[b-uznq16s4sq] {
	background: rgba(108, 62, 182, 0.08);
	transform: translateY(-1px);
	color: var(--primary-purple);
	text-decoration: none;
}

.btn-acao-secundaria i[b-uznq16s4sq] {
	font-size: 16px;
}

/* ===== Toast / Floating Notifications ===== */

.notificacao-flutuante[b-uznq16s4sq] {
	position: fixed;
	bottom: 24px;
	right: 24px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 20px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	z-index: 2000;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
	animation: slideInToast 0.4s ease-out;
	max-width: 420px;
}

.notificacao-flutuante i[b-uznq16s4sq] {
	font-size: 18px;
	flex-shrink: 0;
}

.mensagem-sucesso[b-uznq16s4sq] {
	background: #2e7d32;
	color: #fff;
}

.mensagem-erro[b-uznq16s4sq] {
	background: #c62828;
	color: #fff;
}

@@keyframes slideInToast {
	from[b-uznq16s4sq] {
		opacity: 0;
		transform: translateY(20px) translateX(20px);
	}
	to[b-uznq16s4sq] {
		opacity: 1;
		transform: translateY(0) translateX(0);
	}
}

/* ========================================
   Dark Mode — [data-theme="dark"]
   ======================================== */

:global([data-theme="dark"]) .admin-usuarios-page[b-uznq16s4sq] {
	background: #0f1117;
}

:global([data-theme="dark"]) .acesso-negado h2[b-uznq16s4sq] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .acesso-negado p[b-uznq16s4sq] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .admin-header h1[b-uznq16s4sq] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .admin-header p[b-uznq16s4sq] {
	color: #9e9e9e;
}

/* Dark: Metrics Cards */

:global([data-theme="dark"]) .metrica-card[b-uznq16s4sq] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .metrica-card:hover[b-uznq16s4sq] {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .metrica-valor[b-uznq16s4sq] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .metrica-label[b-uznq16s4sq] {
	color: #9e9e9e;
}

/* Dark: Filter Bar */

:global([data-theme="dark"]) .filtros-bar[b-uznq16s4sq] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .admin-filtro-grupo label[b-uznq16s4sq] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .filtro-input-admin[b-uznq16s4sq],
:global([data-theme="dark"]) .filtro-select-admin[b-uznq16s4sq] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .filtro-input-admin:focus[b-uznq16s4sq],
:global([data-theme="dark"]) .filtro-select-admin:focus[b-uznq16s4sq] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .btn-acao-secundaria[b-uznq16s4sq] {
	background: #22252f;
	border-color: var(--primary-purple);
	color: #b39ddb;
}

:global([data-theme="dark"]) .btn-acao-secundaria:hover:not(:disabled)[b-uznq16s4sq] {
	background: rgba(108, 62, 182, 0.15);
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of [data-theme="dark"] section above */

/* ========================================
   Responsive Breakpoints
   ======================================== */

@@media (max-width: 1200px) {
	.metricas-grid[b-uznq16s4sq] {
		grid-template-columns: repeat(3, 1fr);
	}
}

@@media (max-width: 768px) {
	.admin-usuarios-page[b-uznq16s4sq] {
		padding: 24px 16px;
	}

	.admin-header h1[b-uznq16s4sq] {
		font-size: 22px;
	}

	.admin-header-top[b-uznq16s4sq] {
		flex-direction: column;
		align-items: flex-start;
	}

	.metricas-grid[b-uznq16s4sq] {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.metrica-card[b-uznq16s4sq] {
		padding: 14px;
	}

	.metrica-icon[b-uznq16s4sq] {
		width: 42px;
		height: 42px;
	}

	.metrica-icon i[b-uznq16s4sq] {
		font-size: 18px;
	}

	.metrica-valor[b-uznq16s4sq] {
		font-size: 1.4rem;
	}

	.metrica-label[b-uznq16s4sq] {
		font-size: 0.8rem;
	}

	.filtros-bar[b-uznq16s4sq] {
		flex-direction: column;
		padding: 1rem;
	}

	.admin-filtro-grupo[b-uznq16s4sq] {
		min-width: unset;
		width: 100%;
	}

	.admin-filtro-grupo.filtro-acao[b-uznq16s4sq] {
		width: 100%;
	}

	.btn-acao-primaria[b-uznq16s4sq] {
		width: 100%;
		justify-content: center;
	}

	.notificacao-flutuante[b-uznq16s4sq] {
		left: 16px;
		right: 16px;
		bottom: 16px;
		max-width: none;
	}
}

@@media (max-width: 480px) {
	.admin-usuarios-page[b-uznq16s4sq] {
		padding: 16px 12px;
	}

	.admin-header h1[b-uznq16s4sq] {
		font-size: 20px;
	}

	.metricas-grid[b-uznq16s4sq] {
		grid-template-columns: 1fr;
	}

	.metrica-card[b-uznq16s4sq] {
		padding: 12px;
		gap: 10px;
	}

	.metrica-icon[b-uznq16s4sq] {
		width: 38px;
		height: 38px;
	}

	.metrica-icon i[b-uznq16s4sq] {
		font-size: 16px;
	}

	.metrica-valor[b-uznq16s4sq] {
		font-size: 1.2rem;
	}

	.metrica-label[b-uznq16s4sq] {
		font-size: 0.75rem;
	}

	.notificacao-flutuante[b-uznq16s4sq] {
		font-size: 13px;
		padding: 12px 16px;
	}
}

@@media (max-width: 360px) {
	.admin-usuarios-page[b-uznq16s4sq] {
		padding: 12px 8px;
	}

	.admin-header h1[b-uznq16s4sq] {
		font-size: 18px;
	}

	.metrica-card[b-uznq16s4sq] {
		padding: 10px;
		gap: 8px;
	}

	.metrica-icon[b-uznq16s4sq] {
		width: 34px;
		height: 34px;
	}

	.metrica-icon i[b-uznq16s4sq] {
		font-size: 14px;
	}

	.metrica-valor[b-uznq16s4sq] {
		font-size: 1.1rem;
	}

	.filtros-bar[b-uznq16s4sq] {
		padding: 0.75rem;
	}
}
/* /Components/Pages/ApiDocs.razor.rz.scp.css */
/* ===== API DOCS — SWAGGER STYLE ===== */

.api-docs[b-4bwm7wcz9o] {
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 16px 60px;
}

/* Header */
.api-docs-header[b-4bwm7wcz9o] {
	margin-bottom: 28px;
}

.api-docs-header h1[b-4bwm7wcz9o] {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--text-dark);
	margin: 12px 0 8px;
}

.api-docs-header h1 i[b-4bwm7wcz9o] {
	color: var(--primary-purple);
	margin-right: 6px;
}

.api-docs-subtitle[b-4bwm7wcz9o] {
	color: var(--text-medium);
	font-size: 0.9rem;
	margin-bottom: 14px;
	line-height: 1.5;
}

.api-info-badges[b-4bwm7wcz9o] {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.badge-info[b-4bwm7wcz9o] {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 12px;
	font-size: 0.78rem;
	background: var(--white);
	border: 1px solid var(--border-light);
	border-radius: 8px;
	color: var(--text-medium);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.badge-info i[b-4bwm7wcz9o] {
	font-size: 0.75rem;
	color: var(--primary-purple);
}

.badge-info code[b-4bwm7wcz9o] {
	color: var(--primary-purple);
	font-weight: 600;
}

/* Breadcrumb */
.breadcrumb[b-4bwm7wcz9o] {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 0.85rem;
	color: var(--text-medium);
}

.breadcrumb a[b-4bwm7wcz9o] {
	color: var(--primary-purple);
	text-decoration: none;
}

.breadcrumb a:hover[b-4bwm7wcz9o] {
	text-decoration: underline;
}

/* ===== SWAGGER GROUPS (acordeão de primeiro nível) ===== */

.swagger-group[b-4bwm7wcz9o] {
	margin-bottom: 16px;
	border: 1px solid var(--border-light);
	border-radius: 16px;
	overflow: hidden;
	background: var(--white);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	transition: box-shadow 0.2s;
}

.swagger-group:hover[b-4bwm7wcz9o] {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.swagger-group-header[b-4bwm7wcz9o] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	cursor: pointer;
	user-select: none;
	background: var(--white);
	transition: background 0.15s;
}

.swagger-group-header:hover[b-4bwm7wcz9o] {
	background: var(--bg-gray);
}

.swagger-group-title[b-4bwm7wcz9o] {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1;
	min-width: 0;
}

.swagger-group-title > i[b-4bwm7wcz9o] {
	font-size: 1.15rem;
	color: var(--primary-purple);
	flex-shrink: 0;
}

.swagger-group-title > span:first-of-type[b-4bwm7wcz9o] {
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--text-dark);
	flex-shrink: 0;
}

.swagger-group-desc[b-4bwm7wcz9o] {
	font-size: 0.82rem;
	color: var(--text-medium);
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.swagger-group-header > i[b-4bwm7wcz9o] {
	color: var(--text-medium);
	font-size: 0.85rem;
	flex-shrink: 0;
	margin-left: 8px;
	transition: transform 0.2s;
}

/* Group body */
.swagger-group-body[b-4bwm7wcz9o] {
	padding: 10px 16px 16px;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* Intro text inside group */
.swagger-intro[b-4bwm7wcz9o] {
	padding: 12px 12px 4px;
	margin-bottom: 8px;
}

.swagger-intro p[b-4bwm7wcz9o] {
	color: var(--text-medium);
	font-size: 0.88rem;
	line-height: 1.55;
	margin-bottom: 8px;
}

.swagger-intro code[b-4bwm7wcz9o] {
	color: var(--primary-purple);
	font-size: 0.82rem;
	font-weight: 600;
}

/* ===== SWAGGER ENDPOINTS (acordeão de segundo nível) ===== */

.swagger-endpoint[b-4bwm7wcz9o] {
	margin-bottom: 8px;
	border: 1px solid var(--border-light);
	border-radius: 12px;
	overflow: hidden;
	background: var(--white);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
	transition: box-shadow 0.2s;
}

.swagger-endpoint:hover[b-4bwm7wcz9o] {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.swagger-endpoint:last-child[b-4bwm7wcz9o] {
	margin-bottom: 0;
}

.swagger-endpoint-header[b-4bwm7wcz9o] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	cursor: pointer;
	user-select: none;
	transition: background 0.15s;
}

.swagger-endpoint-header:hover[b-4bwm7wcz9o] {
	background: var(--bg-gray);
}

.swagger-path[b-4bwm7wcz9o] {
	font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--text-dark);
	flex-shrink: 0;
}

.swagger-param[b-4bwm7wcz9o] {
	color: var(--text-medium);
	font-style: italic;
}

.swagger-summary[b-4bwm7wcz9o] {
	font-size: 0.82rem;
	color: var(--text-medium);
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.swagger-chevron[b-4bwm7wcz9o] {
	color: var(--text-medium);
	font-size: 0.75rem;
	flex-shrink: 0;
	margin-left: auto;
}

/* HTTP Method Tags — Estilo Swagger */
.http-method[b-4bwm7wcz9o] {
	display: inline-block;
	min-width: 52px;
	padding: 4px 0;
	text-align: center;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-radius: 6px;
	flex-shrink: 0;
	line-height: 1.4;
}

.method-get[b-4bwm7wcz9o] {
	background: #e8f5e9;
	color: #2e7d32;
	border: 1px solid #a5d6a7;
}

.method-post[b-4bwm7wcz9o] {
	background: #e3f2fd;
	color: #1565c0;
	border: 1px solid #90caf9;
}

.method-put[b-4bwm7wcz9o] {
	background: #fff3e0;
	color: #e65100;
	border: 1px solid #ffcc80;
}

.method-delete[b-4bwm7wcz9o] {
	background: #fce4ec;
	color: #c62828;
	border: 1px solid #ef9a9a;
}

.method-ref[b-4bwm7wcz9o] {
	background: rgba(76, 102, 239, 0.08);
	color: var(--primary-purple);
	border: 1px solid rgba(76, 102, 239, 0.25);
}

/* Dark mode method tags */
:global([data-theme="dark"]) .method-get[b-4bwm7wcz9o] {
	background: #1b3a1b;
	color: #81c784;
	border-color: #2e5a2e;
}

:global([data-theme="dark"]) .method-post[b-4bwm7wcz9o] {
	background: #0d2744;
	color: #64b5f6;
	border-color: #1a3d5c;
}

:global([data-theme="dark"]) .method-put[b-4bwm7wcz9o] {
	background: #3e2200;
	color: #ffb74d;
	border-color: #5a3500;
}

:global([data-theme="dark"]) .method-delete[b-4bwm7wcz9o] {
	background: #3e0a0a;
	color: #ef9a9a;
	border-color: #5a1a1a;
}

:global([data-theme="dark"]) .method-ref[b-4bwm7wcz9o] {
	background: rgba(107, 130, 247, 0.12);
	color: var(--primary-purple);
	border-color: rgba(107, 130, 247, 0.3);
}

/* Endpoint body (details) */
.swagger-endpoint-body[b-4bwm7wcz9o] {
	padding: 18px 20px;
	border-top: 1px solid var(--border-light);
	background: var(--white);
}

.swagger-endpoint-body h4[b-4bwm7wcz9o] {
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--text-dark);
	margin: 16px 0 6px;
}

.swagger-endpoint-body h4:first-child[b-4bwm7wcz9o] {
	margin-top: 0;
}

.swagger-endpoint-body p[b-4bwm7wcz9o] {
	color: var(--text-medium);
	font-size: 0.85rem;
	line-height: 1.55;
	margin-bottom: 8px;
}

/* Notes */
.swagger-note[b-4bwm7wcz9o] {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	padding: 10px 14px;
	margin: 10px 0;
	background: rgba(76, 102, 239, 0.06);
	border: 1px solid rgba(76, 102, 239, 0.2);
	border-radius: 10px;
	font-size: 0.82rem;
	color: var(--primary-purple);
	line-height: 1.45;
}

.swagger-note i[b-4bwm7wcz9o] {
	flex-shrink: 0;
	margin-top: 1px;
}

:global([data-theme="dark"]) .swagger-note[b-4bwm7wcz9o] {
	background: rgba(107, 130, 247, 0.1);
	border-color: rgba(107, 130, 247, 0.25);
}

.swagger-note-inline[b-4bwm7wcz9o] {
	font-size: 0.75rem;
	font-weight: 400;
	color: var(--text-medium);
	margin-left: 4px;
}

/* ===== BLOCOS DE CÓDIGO ===== */
.api-code[b-4bwm7wcz9o] {
	background: #1e1e2e;
	color: #cdd6f4;
	border-radius: 10px;
	padding: 14px 16px;
	overflow-x: auto;
	font-size: 0.78rem;
	line-height: 1.5;
	margin: 6px 0 14px;
	border: 1px solid #313244;
}

.api-code code[b-4bwm7wcz9o] {
	white-space: pre;
	font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
}

/* ===== STATUS BADGES ===== */
.status-ok[b-4bwm7wcz9o] {
	display: inline-block;
	padding: 2px 8px;
	font-size: 0.72rem;
	font-weight: 600;
	background: #dcfce7;
	color: #166534;
	border-radius: 6px;
}

.status-created[b-4bwm7wcz9o] {
	display: inline-block;
	padding: 2px 8px;
	font-size: 0.72rem;
	font-weight: 600;
	background: #dbeafe;
	color: #1e40af;
	border-radius: 6px;
}

.status-err[b-4bwm7wcz9o] {
	display: inline-block;
	padding: 2px 8px;
	font-size: 0.72rem;
	font-weight: 600;
	background: #fef2f2;
	color: #991b1b;
	border-radius: 6px;
}

:global([data-theme="dark"]) .status-ok[b-4bwm7wcz9o] {
	background: #052e16;
	color: #86efac;
}

:global([data-theme="dark"]) .status-created[b-4bwm7wcz9o] {
	background: #172554;
	color: #93c5fd;
}

:global([data-theme="dark"]) .status-err[b-4bwm7wcz9o] {
	background: #450a0a;
	color: #fca5a5;
}

/* ===== TABELAS ===== */
.api-table-wrapper[b-4bwm7wcz9o] {
	overflow-x: auto;
	margin: 6px 0 14px;
	border: 1px solid var(--border-light);
	border-radius: 10px;
}

.api-table[b-4bwm7wcz9o] {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.82rem;
}

.api-table th[b-4bwm7wcz9o],
.api-table td[b-4bwm7wcz9o] {
	padding: 8px 14px;
	text-align: left;
	border-bottom: 1px solid var(--border-light);
}

.api-table tr:last-child td[b-4bwm7wcz9o] {
	border-bottom: none;
}

.api-table th[b-4bwm7wcz9o] {
	background: var(--bg-gray);
	font-weight: 600;
	color: var(--text-dark);
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.api-table td[b-4bwm7wcz9o] {
	color: var(--text-medium);
}

.api-table td code[b-4bwm7wcz9o] {
	color: var(--primary-purple);
	font-size: 0.8rem;
}

/* ===== LISTA DE ERROS ===== */
.api-errors-list[b-4bwm7wcz9o] {
	list-style: none;
	padding: 0;
	margin: 6px 0;
}

.api-errors-list li[b-4bwm7wcz9o] {
	padding: 5px 0;
	font-size: 0.82rem;
	color: var(--text-medium);
	display: flex;
	align-items: center;
	gap: 8px;
}

/* ===== BLOQUEIO ===== */
.api-docs-bloqueado[b-4bwm7wcz9o] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 50vh;
	text-align: center;
	padding: 40px 20px;
}

.api-docs-bloqueado i[b-4bwm7wcz9o] {
	font-size: 3rem;
	color: var(--text-medium);
	margin-bottom: 16px;
}

.api-docs-bloqueado h2[b-4bwm7wcz9o] {
	font-size: 1.3rem;
	color: var(--text-dark);
	margin-bottom: 8px;
}

.api-docs-bloqueado p[b-4bwm7wcz9o] {
	color: var(--text-medium);
	margin-bottom: 20px;
}

.btn-planos[b-4bwm7wcz9o] {
	display: inline-flex;
	align-items: center;
	padding: 12px 28px;
	background: var(--primary-purple);
	color: #fff;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.9rem;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.2s;
}

.btn-planos:hover[b-4bwm7wcz9o] {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(76, 102, 239, 0.3);
}

/* ===== DARK MODE ===== */
:global([data-theme="dark"]) .swagger-group[b-4bwm7wcz9o] {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .swagger-group:hover[b-4bwm7wcz9o] {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .swagger-endpoint[b-4bwm7wcz9o] {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

:global([data-theme="dark"]) .swagger-endpoint:hover[b-4bwm7wcz9o] {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

/* ===== RESPONSIVO ===== */
@media (max-width: 600px) {
	.api-docs[b-4bwm7wcz9o] {
		padding: 12px 10px 40px;
	}

	.api-docs-header h1[b-4bwm7wcz9o] {
		font-size: 1.25rem;
	}

	.api-info-badges[b-4bwm7wcz9o] {
		flex-direction: column;
	}

	.swagger-group[b-4bwm7wcz9o] {
		border-radius: 12px;
	}

	.swagger-group-header[b-4bwm7wcz9o] {
		padding: 14px 14px;
	}

	.swagger-group-desc[b-4bwm7wcz9o] {
		display: none;
	}

	.swagger-endpoint[b-4bwm7wcz9o] {
		border-radius: 10px;
	}

	.swagger-endpoint-header[b-4bwm7wcz9o] {
		padding: 10px 12px;
		gap: 8px;
	}

	.swagger-summary[b-4bwm7wcz9o] {
		display: none;
	}

	.swagger-path[b-4bwm7wcz9o] {
		font-size: 0.78rem;
	}

	.http-method[b-4bwm7wcz9o] {
		min-width: 42px;
		font-size: 0.65rem;
	}

	.swagger-endpoint-body[b-4bwm7wcz9o] {
		padding: 14px 12px;
	}

	.api-code[b-4bwm7wcz9o] {
		font-size: 0.72rem;
		padding: 10px 12px;
		border-radius: 8px;
	}
}
/* /Components/Pages/Contato.razor.rz.scp.css */
/* Hero Section */
.contato-hero[b-5y46dm42x0] {
	background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
	color: var(--white);
	padding: 4rem 2rem;
	text-align: center;
	overflow-x: hidden;
}

.hero-content h1[b-5y46dm42x0] {
	margin: 0 0 1rem 0;
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--white);
}

.hero-content p[b-5y46dm42x0] {
	margin: 0;
	font-size: 1.2rem;
	color: rgba(255, 255, 255, 0.9);
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

/* Content Section */
.contato-content[b-5y46dm42x0] {
	background: var(--bg-gray);
	padding: 3rem 2rem;
	min-height: calc(100vh - 400px);
	overflow-x: hidden;
}

.container[b-5y46dm42x0] {
	max-width: 1200px;
	margin: 0 auto;
}

.contato-wrapper[b-5y46dm42x0] {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	gap: 3rem;
	align-items: start;
}

/* Informacoes de Contato */
.contato-info[b-5y46dm42x0] {
	background: var(--white);
	border-radius: 16px;
	padding: 2.5rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	border: 1px solid var(--border-light);
}

.contato-info h2[b-5y46dm42x0] {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--text-dark);
	margin: 0 0 2rem 0;
}

.info-items[b-5y46dm42x0] {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.info-item[b-5y46dm42x0] {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
}

.info-icon[b-5y46dm42x0] {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
	border-radius: 12px;
	flex-shrink: 0;
}

.info-icon i[b-5y46dm42x0] {
	font-size: 1.3rem;
	color: var(--white);
}

.info-content h3[b-5y46dm42x0] {
	margin: 0 0 0.25rem 0;
	font-size: 1rem;
	font-weight: 600;
	color: var(--text-dark);
}

.info-content p[b-5y46dm42x0] {
	margin: 0;
	font-size: 0.95rem;
	color: var(--text-medium);
}

/* Formulario */
.contato-form-wrapper[b-5y46dm42x0] {
	background: var(--white);
	border-radius: 16px;
	padding: 2.5rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	border: 1px solid var(--border-light);
}

.contato-form-wrapper h2[b-5y46dm42x0] {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--text-dark);
	margin: 0 0 2rem 0;
}

.form-group[b-5y46dm42x0] {
	margin-bottom: 1.5rem;
}

.form-label[b-5y46dm42x0] {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 600;
	color: var(--text-dark);
	font-size: 0.95rem;
}

.campo-obrigatorio[b-5y46dm42x0] {
	color: var(--danger-red);
}

.form-input[b-5y46dm42x0] {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--border-light);
	border-radius: 10px;
	font-size: 15px;
	font-family: inherit;
	transition: border-color 0.2s, box-shadow 0.2s;
	background: var(--white);
	color: var(--text-dark);
	box-sizing: border-box;
}

.form-input:focus[b-5y46dm42x0] {
	outline: none;
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(101, 75, 199, 0.1);
}

.form-input[b-5y46dm42x0]::placeholder {
	color: #999;
}

select.form-input[b-5y46dm42x0] {
	cursor: pointer;
}

.form-textarea[b-5y46dm42x0] {
	resize: vertical;
	min-height: 120px;
}

.texto-erro[b-5y46dm42x0] {
	color: var(--danger-red);
	font-size: 0.85rem;
	margin-top: 0.25rem;
	display: block;
}

.alerta-erro[b-5y46dm42x0] {
	display: flex;
	align-items: center;
	gap: 8px;
	background: rgba(244, 67, 54, 0.12);
	color: var(--danger-red);
	padding: 12px 16px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 16px;
}

.alerta-erro i[b-5y46dm42x0] {
	font-size: 18px;
	flex-shrink: 0;
}

.btn-submit[b-5y46dm42x0] {
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	background: var(--accent-pink);
	color: var(--white);
	border: none;
	padding: 1rem 2rem;
	border-radius: 12px;
	font-weight: 700;
	font-size: 1rem;
	cursor: pointer;
	transition: all 0.3s;
	box-shadow: 0 4px 12px rgba(255, 64, 129, 0.3);
	margin-top: 0.5rem;
}

.btn-submit:hover:not(:disabled)[b-5y46dm42x0] {
	background: #e91e63;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(255, 64, 129, 0.4);
}

.btn-submit:disabled[b-5y46dm42x0] {
	opacity: 0.7;
	cursor: not-allowed;
}

.btn-submit i[b-5y46dm42x0] {
	font-size: 1.1rem;
}

.spinner[b-5y46dm42x0] {
	width: 18px;
	height: 18px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: var(--white);
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
	display: inline-block;
}

@@keyframes spin {
	to[b-5y46dm42x0] { transform: rotate(360deg); }
}

/* alert-success e alert-error no app.css global */

/* Sucesso Container */
.sucesso-container[b-5y46dm42x0] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 48px 24px;
	text-align: center;
}

.sucesso-icon[b-5y46dm42x0] {
	font-size: 64px;
	color: #4caf50;
}

.sucesso-container h2[b-5y46dm42x0] {
	margin: 0;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--text-dark);
}

.sucesso-container p[b-5y46dm42x0] {
	margin: 0;
	font-size: 1rem;
	color: var(--text-medium);
	max-width: 400px;
}

.sucesso-container .btn-submit[b-5y46dm42x0] {
	width: auto;
	margin-top: 12px;
}

/* Responsividade */
@@media (max-width: 968px) {
	.contato-wrapper[b-5y46dm42x0] {
		grid-template-columns: 1fr;
	}

	.contato-info[b-5y46dm42x0],
	.contato-form-wrapper[b-5y46dm42x0] {
		padding: 2rem;
	}
}

@@media (max-width: 768px) {
	.contato-hero[b-5y46dm42x0] {
		padding: 3rem 1.5rem;
	}

	.hero-content h1[b-5y46dm42x0] {
		font-size: 2rem;
	}

	.hero-content p[b-5y46dm42x0] {
		font-size: 1rem;
	}

	.contato-content[b-5y46dm42x0] {
		padding: 2rem 1rem;
	}

	.contato-info[b-5y46dm42x0],
	.contato-form-wrapper[b-5y46dm42x0] {
		padding: 1.5rem;
	}

	.contato-info h2[b-5y46dm42x0],
	.contato-form-wrapper h2[b-5y46dm42x0] {
		font-size: 1.5rem;
	}

	.info-item[b-5y46dm42x0] {
		flex-direction: column;
		text-align: center;
	}

	.info-icon[b-5y46dm42x0] {
		margin: 0 auto;
	}
}

/* ===== Dark Mode ===== */
:global([data-theme="dark"]) .contato-content[b-5y46dm42x0] {
	background: var(--bg-body);
}

:global([data-theme="dark"]) .contato-info[b-5y46dm42x0],
:global([data-theme="dark"]) .contato-form-wrapper[b-5y46dm42x0] {
	background: var(--bg-card);
	border-color: var(--border-color);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .contato-info h2[b-5y46dm42x0],
:global([data-theme="dark"]) .contato-form-wrapper h2[b-5y46dm42x0] {
	color: var(--text-primary);
}

:global([data-theme="dark"]) .info-content h3[b-5y46dm42x0] {
	color: var(--text-primary);
}

:global([data-theme="dark"]) .info-content p[b-5y46dm42x0] {
	color: var(--text-secondary);
}

:global([data-theme="dark"]) .form-label[b-5y46dm42x0] {
	color: var(--text-primary);
}

:global([data-theme="dark"]) .form-input[b-5y46dm42x0] {
	background: var(--bg-body);
	border-color: var(--border-color);
	color: var(--text-primary);
}

:global([data-theme="dark"]) .form-input:focus[b-5y46dm42x0] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(107, 130, 247, 0.15);
}

:global([data-theme="dark"]) .form-input[b-5y46dm42x0]::placeholder {
	color: var(--text-secondary);
}

:global([data-theme="dark"]) .sucesso-container h2[b-5y46dm42x0] {
	color: var(--text-primary);
}

:global([data-theme="dark"]) .sucesso-container p[b-5y46dm42x0] {
	color: var(--text-secondary);
}

:global([data-theme="dark"]) .sucesso-icon[b-5y46dm42x0] {
	color: #66bb6a;
}
/* /Components/Pages/FAQ.razor.rz.scp.css */
/* Hero Section */
.faq-hero[b-f9qv44p1k6] {
	background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
	color: var(--white);
	padding: 4rem 2rem;
	text-align: center;
	position: relative;
	overflow: hidden;
	max-width: 100vw;
}

.faq-hero[b-f9qv44p1k6]::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -10%;
	width: 500px;
	height: 500px;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
	border-radius: 50%;
	pointer-events: none;
}

.hero-content[b-f9qv44p1k6] {
	position: relative;
	z-index: 1;
}

.hero-content h1[b-f9qv44p1k6] {
	margin: 0 0 1rem 0;
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--white);
}

.hero-content p[b-f9qv44p1k6] {
	margin: 0;
	font-size: 1.2rem;
	color: rgba(255, 255, 255, 0.9);
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

/* Content Section */
.faq-content[b-f9qv44p1k6] {
	background: var(--bg-gray);
	padding: 3rem 2rem;
	min-height: calc(100vh - 400px);
	overflow-x: hidden;
}

.container[b-f9qv44p1k6] {
	max-width: 900px;
	margin: 0 auto;
}

/* Categories */
.faq-categories[b-f9qv44p1k6] {
	display: flex;
	gap: 1rem;
	margin-bottom: 3rem;
	flex-wrap: wrap;
	justify-content: center;
}

.category-btn[b-f9qv44p1k6] {
	padding: 0.75rem 1.5rem;
	border: 2px solid var(--border-light);
	background: var(--white);
	color: var(--text-medium);
	border-radius: 25px;
	font-weight: 600;
	font-size: 0.95rem;
	cursor: pointer;
	transition: all 0.3s;
}

.category-btn:hover[b-f9qv44p1k6] {
	border-color: var(--primary-purple);
	color: var(--primary-purple);
	transform: translateY(-2px);
}

.category-btn.active[b-f9qv44p1k6] {
	background: var(--primary-purple);
	color: var(--white);
	border-color: var(--primary-purple);
	box-shadow: 0 4px 12px rgba(76, 102, 239, 0.3);
}

/* FAQ List */
.faq-list[b-f9qv44p1k6] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 3rem;
}

.faq-item[b-f9qv44p1k6] {
	background: var(--white);
	border-radius: 16px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	border: 1px solid var(--border-light);
	overflow: hidden;
	transition: all 0.3s;
}

.faq-item:hover[b-f9qv44p1k6] {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.faq-question[b-f9qv44p1k6] {
	width: 100%;
	padding: 1.5rem 2rem;
	background: transparent;
	border: none;
	text-align: left;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	transition: all 0.3s;
}

.faq-question:hover[b-f9qv44p1k6] {
	background: var(--bg-gray);
}

.faq-question.open[b-f9qv44p1k6] {
	background: var(--bg-gray);
	border-bottom: 1px solid var(--border-light);
}

.question-text[b-f9qv44p1k6] {
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--text-dark);
	flex: 1;
}

.question-icon[b-f9qv44p1k6] {
	font-size: 1.2rem;
	color: var(--primary-purple);
	transition: transform 0.3s;
	flex-shrink: 0;
}

.faq-question.open .question-icon[b-f9qv44p1k6] {
	transform: rotate(180deg);
}

.faq-answer[b-f9qv44p1k6] {
	padding: 0 2rem 1.5rem 2rem;
	animation: slideDown-b-f9qv44p1k6 0.3s ease-out;
}

.faq-answer p[b-f9qv44p1k6] {
	margin-top: 30px;
	font-size: 1rem;
	color: var(--text-medium);
	line-height: 1.8;
}

@keyframes slideDown-b-f9qv44p1k6 {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* CTA Section */
.faq-cta[b-f9qv44p1k6] {
	background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
	border-radius: 20px;
	padding: 3rem;
	text-align: center;
	color: var(--white);
	box-shadow: 0 8px 24px rgba(76, 102, 239, 0.3);
}

.cta-content h2[b-f9qv44p1k6] {
	margin: 0 0 1rem 0;
	font-size: 2rem;
	color: var(--white);
}

.cta-content p[b-f9qv44p1k6] {
	margin: 0 0 2rem 0;
	font-size: 1.1rem;
	color: rgba(255, 255, 255, 0.9);
}

.cta-button[b-f9qv44p1k6] {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	background: var(--accent-pink);
	color: var(--white);
	text-decoration: none;
	font-weight: 700;
	font-size: 1.1rem;
	padding: 1rem 2.5rem;
	border-radius: 50px;
	box-shadow: 0 4px 16px rgba(255, 64, 129, 0.4);
	transition: all 0.3s;
}

.cta-button:hover[b-f9qv44p1k6] {
	background: #e91e63;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(255, 64, 129, 0.5);
}

.cta-button i[b-f9qv44p1k6] {
	font-size: 1.2rem;
}

/* Responsividade */
@media (max-width: 768px) {
	.faq-hero[b-f9qv44p1k6] {
		padding: 3rem 1.5rem;
	}

	.hero-content h1[b-f9qv44p1k6] {
		font-size: 2rem;
	}

	.hero-content p[b-f9qv44p1k6] {
		font-size: 1rem;
	}

	.faq-content[b-f9qv44p1k6] {
		padding: 2rem 1rem;
	}

	.faq-categories[b-f9qv44p1k6] {
		gap: 0.5rem;
	}

	.category-btn[b-f9qv44p1k6] {
		padding: 0.6rem 1.2rem;
		font-size: 0.85rem;
	}

	.faq-question[b-f9qv44p1k6] {
		padding: 1.25rem 1.5rem;
	}

	.question-text[b-f9qv44p1k6] {
		font-size: 1rem;
	}

	.faq-answer[b-f9qv44p1k6] {
		padding: 0 1.5rem 1.25rem 1.5rem;
	}

	.faq-cta[b-f9qv44p1k6] {
		padding: 2rem 1.5rem;
	}

	.cta-content h2[b-f9qv44p1k6] {
		font-size: 1.5rem;
	}

	.cta-content p[b-f9qv44p1k6] {
		font-size: 1rem;
	}

	.cta-button[b-f9qv44p1k6] {
		width: 100%;
		justify-content: center;
	}
}

/* ===== Dark Mode ===== */
:global([data-theme="dark"]) .faq-content[b-f9qv44p1k6] {
	background: #121220;
}

:global([data-theme="dark"]) .category-btn[b-f9qv44p1k6] {
	background: var(--white);
	border-color: var(--border-light);
	color: var(--text-medium);
}

:global([data-theme="dark"]) .category-btn:hover[b-f9qv44p1k6] {
	border-color: var(--primary-purple);
	color: var(--primary-purple);
}

:global([data-theme="dark"]) .category-btn.active[b-f9qv44p1k6] {
	background: var(--primary-purple);
	color: #fff;
	border-color: var(--primary-purple);
}

:global([data-theme="dark"]) .faq-item[b-f9qv44p1k6] {
	background: var(--white);
	border-color: var(--border-light);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

:global([data-theme="dark"]) .faq-item:hover[b-f9qv44p1k6] {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

:global([data-theme="dark"]) .faq-question:hover[b-f9qv44p1k6],
:global([data-theme="dark"]) .faq-question.open[b-f9qv44p1k6] {
	background: rgba(30, 30, 47, 0.6);
}

:global([data-theme="dark"]) .faq-question.open[b-f9qv44p1k6] {
	border-bottom-color: var(--border-light);
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of [data-theme="dark"] section above */
/* /Components/Pages/Home.razor.rz.scp.css */
body[b-pip07icvjo] {
	margin: 0;
	font-family: Arial, sans-serif;
	line-height: 1.5;
}

.container[b-pip07icvjo] {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2rem;
}

/* ============================================
   HERO — imagem de fundo + overlay
   ============================================ */
.hero[b-pip07icvjo] {
	position: relative;
	background: url('images/home/hero-dog.jpg') center/cover no-repeat;
	color: var(--white);
	padding: 5rem 2rem;
	text-align: center;
	overflow: hidden;
	min-height: 480px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hero-overlay[b-pip07icvjo] {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(76, 102, 239, 0.85), rgba(142, 153, 242, 0.75));
	z-index: 1;
}

.hero-content[b-pip07icvjo] {
	position: relative;
	z-index: 2;
	max-width: 700px;
}

.hero-logo[b-pip07icvjo] {
	max-width: 320px;
	width: 100%;
	margin-bottom: 1.5rem;
}

.hero h1[b-pip07icvjo] {
	margin: 0;
	font-size: 2.6rem;
	line-height: 1.2;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

.hero p[b-pip07icvjo] {
	margin-top: 1rem;
	font-size: 1.15rem;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

.hero-buttons[b-pip07icvjo] {
	margin-top: 2rem;
	display: flex;
	gap: 1rem;
	justify-content: center;
	flex-wrap: wrap;
}

.hero .btn[b-pip07icvjo] {
	padding: 1rem 2.5rem;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	transition: all 0.3s;
	font-size: 1.05rem;
	letter-spacing: 0.3px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.btn-primary-hero[b-pip07icvjo] {
	background-color: #ff4081;
	color: #fff;
}

.btn-primary-hero:hover[b-pip07icvjo] {
	background-color: #e91e63;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(255, 64, 129, 0.4);
}

.btn-secondary-hero[b-pip07icvjo] {
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff;
	border: 2px solid rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(10px);
}

.btn-secondary-hero:hover[b-pip07icvjo] {
	background-color: rgba(255, 255, 255, 0.3);
	border-color: rgba(255, 255, 255, 0.8);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(255, 255, 255, 0.3);
}

.hero .btn i[b-pip07icvjo] {
	font-size: 1.2rem;
}

/* ============================================
   DIFERENCIAIS RÁPIDOS (barra)
   ============================================ */
.social-proof[b-pip07icvjo] {
	background: var(--white);
	padding: 2rem 1rem;
	border-bottom: 1px solid var(--border-light);
}

.proof-grid[b-pip07icvjo] {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

.proof-item[b-pip07icvjo] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.25rem;
}

.proof-item i[b-pip07icvjo] {
	font-size: 1.6rem;
	color: var(--primary-purple);
	margin-bottom: 0.25rem;
}

.proof-number[b-pip07icvjo] {
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--text-dark);
}

.proof-label[b-pip07icvjo] {
	font-size: 0.85rem;
	color: var(--text-medium);
}

/* ============================================
   A DOR — Seção emocional
   ============================================ */
.pain-section[b-pip07icvjo] {
	padding: 5rem 2rem;
	background: var(--bg-gray);
}

.pain-layout[b-pip07icvjo] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;
	align-items: center;
	max-width: 1000px;
	margin: 0 auto;
}

.pain-text h2[b-pip07icvjo] {
	font-size: 2.2rem;
	color: var(--text-dark);
	margin-bottom: 1.5rem;
	line-height: 1.3;
}

.pain-line[b-pip07icvjo] {
	font-size: 1.1rem;
	color: var(--text-medium);
	line-height: 1.8;
	margin-bottom: 0.75rem;
}

.pain-line strong[b-pip07icvjo] {
	color: var(--danger-red);
}

.pain-stat[b-pip07icvjo] {
	background: rgba(244, 67, 54, 0.08);
	border-left: 4px solid var(--danger-red);
	padding: 1rem 1.25rem;
	border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
	margin: 1.5rem 0;
	font-size: 1rem;
	color: var(--text-dark);
	line-height: 1.6;
}

.pain-stat i[b-pip07icvjo] {
	color: var(--danger-red);
	margin-right: 0.5rem;
}

.pain-transition[b-pip07icvjo] {
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--primary-purple);
	margin-top: 1.5rem;
	font-style: italic;
}

.pain-image[b-pip07icvjo] {
	border-radius: var(--radius-lg);
	overflow: hidden;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

.pain-image img[b-pip07icvjo] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ============================================
   A SOLUÇÃO — Esperança
   ============================================ */
.solution-section[b-pip07icvjo] {
	padding: 5rem 2rem;
	background: linear-gradient(135deg, var(--white) 0%, var(--bg-gray) 100%);
	text-align: center;
	position: relative;
	overflow: hidden;
}

.solution-section[b-pip07icvjo]::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -10%;
	width: 500px;
	height: 500px;
	background: radial-gradient(circle, rgba(76, 102, 239, 0.08) 0%, transparent 70%);
	border-radius: 50%;
	pointer-events: none;
}

.solution-header[b-pip07icvjo] {
	max-width: 700px;
	margin: 0 auto 2.5rem;
}

.solution-section h2[b-pip07icvjo] {
	font-size: 2.4rem;
	color: var(--primary-purple);
	margin-bottom: 1rem;
}

.solution-highlight[b-pip07icvjo] {
	font-size: 1.15rem;
	font-weight: 600;
	color: var(--primary-purple);
	background: rgba(76, 102, 239, 0.08);
	padding: 0.75rem 1.5rem;
	border-radius: var(--radius-pill);
	display: inline-block;
	margin-top: 0.5rem;
}

.solution-image-wrapper[b-pip07icvjo] {
	max-width: 600px;
	margin: 0 auto 3rem;
	border-radius: var(--radius-lg);
	overflow: hidden;
	box-shadow: 0 12px 40px rgba(76, 102, 239, 0.15);
}

.solution-image-wrapper img[b-pip07icvjo] {
	width: 100%;
	display: block;
}

.section-subtitle[b-pip07icvjo] {
	text-align: center;
	font-size: 1.1rem;
	color: var(--text-medium);
	margin-bottom: 2rem;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

/* Features (dentro de solução) */
.feature-grid[b-pip07icvjo] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
	gap: 2rem;
	max-width: 1000px;
	margin: 0 auto;
}

.feature-item[b-pip07icvjo] {
	background: var(--white);
	border-radius: 20px;
	padding: 2.5rem 2rem;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	transition: all 0.3s;
	border: 1px solid rgba(76, 102, 239, 0.1);
	position: relative;
	overflow: hidden;
	text-align: center;
}

.feature-item[b-pip07icvjo]::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--primary-purple), var(--accent-pink));
	transform: scaleX(0);
	transition: transform 0.3s;
}

.feature-item:hover[b-pip07icvjo] {
	transform: translateY(-8px);
	box-shadow: 0 12px 32px rgba(76, 102, 239, 0.15);
}

.feature-item:hover[b-pip07icvjo]::before {
	transform: scaleX(1);
}

.feature-icon[b-pip07icvjo] {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
	border-radius: 20px;
	margin: 0 auto 1.5rem;
	box-shadow: 0 8px 20px rgba(76, 102, 239, 0.3);
	transition: all 0.3s;
}

.feature-item:hover .feature-icon[b-pip07icvjo] {
	transform: scale(1.1) rotate(5deg);
}

.feature-icon i[b-pip07icvjo] {
	font-size: 2.2rem;
	color: #fff;
}

.feature-item h3[b-pip07icvjo] {
	margin-top: 0;
	color: var(--primary-purple);
	font-size: 1.3rem;
	margin-bottom: 0.75rem;
}

.feature-item p[b-pip07icvjo] {
	font-size: 0.95rem;
	color: var(--text-medium);
	line-height: 1.6;
}

/* ============================================
   COMO FUNCIONA — 3 Passos + Imagem
   ============================================ */
.how-it-works[b-pip07icvjo] {
	padding: 5rem 2rem;
	background: linear-gradient(135deg, var(--bg-gray) 0%, var(--white) 100%);
	position: relative;
	overflow: hidden;
}

.how-it-works[b-pip07icvjo]::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 20% 50%, rgba(76, 102, 239, 0.05) 0%, transparent 50%),
				radial-gradient(circle at 80% 50%, rgba(255, 64, 129, 0.05) 0%, transparent 50%);
	pointer-events: none;
}

.how-it-works .container[b-pip07icvjo] {
	position: relative;
	z-index: 1;
}

.how-it-works h2[b-pip07icvjo] {
	text-align: center;
	color: var(--primary-purple);
	margin-bottom: 0.5rem;
	font-size: 2.2rem;
}

.how-layout[b-pip07icvjo] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;
	align-items: center;
	margin-top: 2rem;
}

.steps[b-pip07icvjo] {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.step[b-pip07icvjo] {
	text-align: left;
	display: flex;
	gap: 1.25rem;
	align-items: flex-start;
}

.step-number[b-pip07icvjo] {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	height: 56px;
	border-radius: 50%;
	background: linear-gradient(135deg, #4c66ef, #8e99f2);
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	box-shadow: 0 6px 16px rgba(76, 102, 239, 0.3);
	flex-shrink: 0;
}

.step h4[b-pip07icvjo] {
	margin: 0 0 0.25rem 0;
	font-size: 1.2rem;
	color: var(--primary-purple);
}

.step p[b-pip07icvjo] {
	margin: 0;
	font-size: 0.95rem;
	color: var(--text-medium);
	line-height: 1.6;
}

.how-image[b-pip07icvjo] {
	border-radius: var(--radius-lg);
	overflow: hidden;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

.how-image img[b-pip07icvjo] {
	width: 100%;
	display: block;
}

/* ============================================
   GALERIA EMOCIONAL
   ============================================ */
.gallery-section[b-pip07icvjo] {
	padding: 5rem 2rem;
	background: linear-gradient(135deg, var(--white) 0%, var(--bg-gray) 100%);
	text-align: center;
}

.gallery-section h2[b-pip07icvjo] {
	font-size: 2.4rem;
	color: var(--primary-purple);
	margin-bottom: 0.5rem;
}

.gallery-grid[b-pip07icvjo] {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
	max-width: 1000px;
	margin: 2rem auto 0;
}

.gallery-item[b-pip07icvjo] {
	border-radius: var(--radius-md);
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s, box-shadow 0.3s;
	aspect-ratio: 1;
}

.gallery-item:hover[b-pip07icvjo] {
	transform: scale(1.03);
	box-shadow: 0 8px 24px rgba(76, 102, 239, 0.2);
}

.gallery-item img[b-pip07icvjo] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.gallery-item-large[b-pip07icvjo] {
	grid-row: span 1;
}

/* ============================================
   SAÚDE & ACOMPANHAMENTO
   ============================================ */
.health-section[b-pip07icvjo] {
	padding: 5rem 2rem;
	background: linear-gradient(135deg, #4c66ef 0%, #8e99f2 100%);
	color: #fff;
	position: relative;
	overflow: hidden;
}

.health-section[b-pip07icvjo]::before {
	content: '';
	position: absolute;
	top: -100px;
	right: -100px;
	width: 400px;
	height: 400px;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
	border-radius: 50%;
	pointer-events: none;
}

.health-section[b-pip07icvjo]::after {
	content: '';
	position: absolute;
	bottom: -150px;
	left: -150px;
	width: 500px;
	height: 500px;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);
	border-radius: 50%;
	pointer-events: none;
}

.health-header[b-pip07icvjo] {
	text-align: center;
	margin-bottom: 3rem;
	position: relative;
	z-index: 1;
}

.health-section h2[b-pip07icvjo] {
	font-size: 2.4rem;
	color: #fff;
	margin-bottom: 0.5rem;
}

.health-section .section-subtitle[b-pip07icvjo] {
	color: rgba(255, 255, 255, 0.9);
}

.health-grid[b-pip07icvjo] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
	gap: 1.5rem;
	position: relative;
	z-index: 1;
}

.health-card[b-pip07icvjo] {
	background: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: var(--radius-lg);
	padding: 2rem;
	transition: all 0.3s;
	position: relative;
}

.health-card:hover[b-pip07icvjo] {
	background: rgba(255, 255, 255, 0.18);
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.health-card-featured[b-pip07icvjo] {
	background: rgba(255, 255, 255, 0.18);
	border-color: rgba(255, 255, 255, 0.35);
}

.health-icon[b-pip07icvjo] {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.2);
	border-radius: var(--radius-md);
	margin-bottom: 1rem;
}

.health-icon i[b-pip07icvjo] {
	font-size: 1.6rem;
	color: #fff;
}

.health-card h3[b-pip07icvjo] {
	font-size: 1.2rem;
	color: #fff;
	margin: 0 0 0.75rem 0;
}

.health-card p[b-pip07icvjo] {
	font-size: 0.92rem;
	color: rgba(255, 255, 255, 0.85);
	line-height: 1.6;
	margin: 0;
}

.health-badges[b-pip07icvjo] {
	position: absolute;
	top: 1rem;
	right: 1rem;
	display: flex;
	gap: 0.4rem;
}

.health-badge[b-pip07icvjo] {
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
	padding: 0.2rem 0.75rem;
	border-radius: var(--radius-pill);
	font-size: 0.75rem;
	font-weight: 600;
}

.health-note[b-pip07icvjo] {
	text-align: center;
	margin-top: 2.5rem;
	font-size: 1rem;
	color: rgba(255, 255, 255, 0.9);
	position: relative;
	z-index: 1;
}

.health-note i[b-pip07icvjo] {
	margin-right: 0.5rem;
	color: rgba(255, 255, 255, 0.7);
}

/* ============================================
   CENÁRIOS / HISTÓRIAS
   ============================================ */
.testimonials-section[b-pip07icvjo] {
	padding: 5rem 2rem;
	background: var(--bg-gray);
	text-align: center;
}

.testimonials-section h2[b-pip07icvjo] {
	font-size: 2.2rem;
	color: var(--primary-purple);
	margin-bottom: 0.5rem;
}

.testimonials-grid[b-pip07icvjo] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
	gap: 2rem;
	max-width: 1000px;
	margin: 2rem auto 0;
}

.testimonial-card[b-pip07icvjo] {
	background: var(--white);
	border-radius: var(--radius-lg);
	padding: 2.5rem 2rem;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
	transition: all 0.3s;
	text-align: left;
	border: 1px solid var(--border-light);
}

.testimonial-card:hover[b-pip07icvjo] {
	transform: translateY(-4px);
	box-shadow: 0 8px 28px rgba(76, 102, 239, 0.12);
}

.testimonial-icon[b-pip07icvjo] {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
	border-radius: var(--radius-md);
	margin-bottom: 1.25rem;
}

.testimonial-icon i[b-pip07icvjo] {
	font-size: 1.5rem;
	color: #fff;
}

.testimonial-card h4[b-pip07icvjo] {
	font-size: 1.15rem;
	color: var(--text-dark);
	margin: 0 0 0.75rem 0;
}

.testimonial-text[b-pip07icvjo] {
	font-size: 0.95rem;
	color: var(--text-medium);
	line-height: 1.7;
	margin: 0;
}

/* ============================================
   PLANOS E PREÇOS
   ============================================ */
.plans-section[b-pip07icvjo] {
	padding: 5rem 2rem;
	background: linear-gradient(135deg, var(--white) 0%, var(--bg-gray) 50%, var(--white) 100%);
	position: relative;
	contain: paint;
}

.plans-section[b-pip07icvjo]::before {
	content: '';
	position: absolute;
	top: 0;
	left: -10%;
	width: min(600px, 60%);
	height: min(600px, 60%);
	background: radial-gradient(circle, rgba(76, 102, 239, 0.08) 0%, transparent 70%);
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
}

.plans-section[b-pip07icvjo]::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: -10%;
	width: min(600px, 60%);
	height: min(600px, 60%);
	background: radial-gradient(circle, rgba(255, 64, 129, 0.08) 0%, transparent 70%);
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
}

.plans-section .container[b-pip07icvjo] {
	position: relative;
	z-index: 1;
}

.plans-section h2[b-pip07icvjo] {
	text-align: center;
	font-size: 2.4rem;
	color: var(--primary-purple);
	margin-bottom: 0.5rem;
}

.plans-grid[b-pip07icvjo] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
	gap: 2rem;
	max-width: 1100px;
	margin: 3rem auto 0;
}

.plan-card[b-pip07icvjo] {
	background: var(--white);
	border-radius: 20px;
	padding: 2.5rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	position: relative;
	transition: transform 0.3s;
	overflow: visible;
	margin-top: 15px;
}

.plan-card:hover[b-pip07icvjo] {
	transform: translateY(-5px);
}

.plan-card.plan-featured[b-pip07icvjo] {
	border: 2px solid var(--primary-purple);
	transform: scale(1.05);
}

.plan-card.plan-standard[b-pip07icvjo] {
	border: 2px solid var(--border-light);
	background: linear-gradient(135deg, var(--bg-gray), var(--white));
}

.plan-included[b-pip07icvjo] {
	display: flex;
	align-items: center;
	justify-content: center;
}

.included-text[b-pip07icvjo] {
	font-size: 1.2rem;
	color: var(--primary-purple);
	font-weight: 700;
	text-align: center;
}

.plan-badge[b-pip07icvjo] {
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--accent-pink);
	color: #fff;
	padding: 0.5rem 1.5rem;
	border-radius: 20px;
	font-size: 0.85rem;
	font-weight: 700;
}

.plan-header[b-pip07icvjo] {
	text-align: center;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 2px solid var(--border-light);
}

.plan-header h3[b-pip07icvjo] {
	font-size: 1.8rem;
	color: var(--text-dark);
	margin-bottom: 1rem;
}

.plan-price[b-pip07icvjo] {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 0.25rem;
}

.plan-price .currency[b-pip07icvjo] {
	font-size: 1.2rem;
	color: var(--text-medium);
}

.plan-price .amount[b-pip07icvjo] {
	font-size: 3rem;
	font-weight: 700;
	color: var(--primary-purple);
}

.plan-price .period[b-pip07icvjo] {
	font-size: 1rem;
	color: var(--text-medium);
}

.plan-features[b-pip07icvjo] {
	list-style: none;
	padding: 0;
	margin: 0 0 2rem 0;
}

.plan-features li[b-pip07icvjo] {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
	font-size: 0.95rem;
	color: var(--text-medium);
}

.plan-features i[b-pip07icvjo] {
	color: var(--primary-purple);
	font-size: 1.1rem;
}

.plan-features .check-included i[b-pip07icvjo] {
	color: #4caf50;
}

.plan-button[b-pip07icvjo] {
	display: block;
	width: 100%;
	text-align: center;
	background: var(--primary-purple);
	color: #fff;
	padding: 1rem 0;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 700;
	transition: all 0.3s;
}

.plan-button:hover[b-pip07icvjo] {
	background: var(--primary-purple-light);
	transform: translateY(-2px);
}

.plan-button-standard[b-pip07icvjo] {
	background: var(--accent-pink);
}

.plan-button-standard:hover[b-pip07icvjo] {
	background: #e91e63;
	transform: translateY(-2px);
}

.plans-note[b-pip07icvjo] {
	text-align: center;
	font-size: 0.9rem;
	color: var(--text-medium);
	margin-top: 2rem;
	font-style: italic;
}

/* ============================================
   CTA FINAL — Imagem de fundo + urgência
   ============================================ */
.cta-final[b-pip07icvjo] {
	position: relative;
	background: url('images/home/dog-happy.jpg') center/cover no-repeat;
	padding: 5rem 2rem;
	text-align: center;
	color: #fff;
	min-height: 350px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cta-overlay[b-pip07icvjo] {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(76, 102, 239, 0.88), rgba(255, 64, 129, 0.7));
	z-index: 1;
}

.cta-content[b-pip07icvjo] {
	position: relative;
	z-index: 2;
	max-width: 650px;
}

.cta-final h2[b-pip07icvjo] {
	font-size: 2.4rem;
	margin-bottom: 1rem;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.cta-final p[b-pip07icvjo] {
	font-size: 1.1rem;
	margin-bottom: 0.5rem;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.cta-emotional[b-pip07icvjo] {
	font-size: 1.25rem;
	margin-bottom: 2rem !important;
}

.cta-final .btn[b-pip07icvjo] {
	padding: 1rem 2.5rem;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	transition: all 0.3s;
	font-size: 1.05rem;
	letter-spacing: 0.3px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.cta-final .btn i[b-pip07icvjo] {
	font-size: 1.2rem;
}

/* ============================================
   RESPONSIVIDADE
   ============================================ */
@media (max-width: 1024px) {
	.plans-grid[b-pip07icvjo] {
		grid-template-columns: 1fr;
	}

	.plan-card.plan-featured[b-pip07icvjo] {
		transform: scale(1);
	}

	.gallery-grid[b-pip07icvjo] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.hero[b-pip07icvjo] {
		padding: 3rem 1.5rem;
		min-height: 380px;
	}

	.hero h1[b-pip07icvjo] {
		font-size: 1.8rem;
	}

	.hero p[b-pip07icvjo] {
		font-size: 1rem;
	}

	.hero-logo[b-pip07icvjo] {
		max-width: 240px;
	}

	.proof-grid[b-pip07icvjo] {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}

	.pain-layout[b-pip07icvjo],
	.how-layout[b-pip07icvjo] {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.pain-image[b-pip07icvjo] {
		order: -1;
		max-height: 280px;
	}

	.step[b-pip07icvjo] {
		text-align: left;
	}

	.gallery-grid[b-pip07icvjo] {
		grid-template-columns: repeat(2, 1fr);
	}

	.solution-section[b-pip07icvjo],
	.how-it-works[b-pip07icvjo],
	.gallery-section[b-pip07icvjo],
	.health-section[b-pip07icvjo],
	.testimonials-section[b-pip07icvjo],
	.plans-section[b-pip07icvjo] {
		padding: 3rem 1rem;
	}

	.pain-section[b-pip07icvjo] {
		padding: 3rem 1rem;
	}

	.pain-text h2[b-pip07icvjo],
	.solution-section h2[b-pip07icvjo],
	.how-it-works h2[b-pip07icvjo],
	.gallery-section h2[b-pip07icvjo],
	.health-section h2[b-pip07icvjo],
	.testimonials-section h2[b-pip07icvjo],
	.plans-section h2[b-pip07icvjo],
	.cta-final h2[b-pip07icvjo] {
		font-size: 1.8rem;
	}

	.health-grid[b-pip07icvjo] {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.proof-grid[b-pip07icvjo] {
		grid-template-columns: 1fr 1fr;
	}

	.gallery-grid[b-pip07icvjo] {
		grid-template-columns: 1fr;
	}

	.hero-buttons[b-pip07icvjo] {
		flex-direction: column;
		align-items: center;
	}

	.hero .btn[b-pip07icvjo] {
		width: 100%;
		max-width: 300px;
		justify-content: center;
	}
}

/* ============================================
   DARK MODE
   ============================================ */
:global([data-theme="dark"]) .hero[b-pip07icvjo] {
	/* overlay já escurece a imagem */
}

:global([data-theme="dark"]) .hero-overlay[b-pip07icvjo] {
	background: linear-gradient(135deg, rgba(58, 80, 199, 0.9), rgba(107, 130, 247, 0.8));
}

:global([data-theme="dark"]) .social-proof[b-pip07icvjo] {
	background: var(--white);
	border-color: var(--border-light);
}

:global([data-theme="dark"]) .pain-section[b-pip07icvjo] {
	background: #121220;
}

:global([data-theme="dark"]) .pain-image[b-pip07icvjo] {
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .solution-section[b-pip07icvjo] {
	background: linear-gradient(135deg, var(--white) 0%, #121220 100%);
}

:global([data-theme="dark"]) .feature-item[b-pip07icvjo] {
	background: var(--white);
	border-color: var(--border-light);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .feature-item:hover[b-pip07icvjo] {
	box-shadow: 0 12px 32px rgba(107, 130, 247, 0.2);
}

:global([data-theme="dark"]) .solution-image-wrapper[b-pip07icvjo] {
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .how-it-works[b-pip07icvjo] {
	background: linear-gradient(135deg, #121220 0%, var(--white) 100%);
}

:global([data-theme="dark"]) .how-image[b-pip07icvjo] {
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .gallery-section[b-pip07icvjo] {
	background: linear-gradient(135deg, var(--white) 0%, #121220 100%);
}

:global([data-theme="dark"]) .gallery-item[b-pip07icvjo] {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .health-section[b-pip07icvjo] {
	background: linear-gradient(135deg, #3a50c7 0%, #5b6fd4 100%);
}

:global([data-theme="dark"]) .testimonials-section[b-pip07icvjo] {
	background: #121220;
}

:global([data-theme="dark"]) .testimonial-card[b-pip07icvjo] {
	background: var(--white);
	border-color: var(--border-light);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .testimonial-card:hover[b-pip07icvjo] {
	box-shadow: 0 8px 28px rgba(107, 130, 247, 0.2);
}

:global([data-theme="dark"]) .plans-section[b-pip07icvjo] {
	background: linear-gradient(135deg, var(--white) 0%, #121220 50%, var(--white) 100%);
}

:global([data-theme="dark"]) .plan-card[b-pip07icvjo] {
	background: var(--white);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .plan-card.plan-standard[b-pip07icvjo] {
	border-color: var(--border-light);
	background: linear-gradient(135deg, #1e1e2f, var(--white));
}

:global([data-theme="dark"]) .cta-overlay[b-pip07icvjo] {
	background: linear-gradient(135deg, rgba(58, 80, 199, 0.92), rgba(200, 50, 100, 0.8));
}

:global([data-theme="dark"]) .solution-highlight[b-pip07icvjo] {
	background: rgba(107, 130, 247, 0.15);
}
/* /Components/Pages/MeuEstabelecimento.razor.rz.scp.css */
/* ========================================
   MeuEstabelecimento.razor.css
   Segue padrao visual das paginas admin
   ======================================== */

/* ===== Container ===== */

.estab-container[b-v337bqbxbj] {
	max-width: 1400px;
	margin: 0 auto;
	padding: 32px 24px;
	min-height: calc(100vh - 100px);
}

/* ===== Header ===== */

.admin-header[b-v337bqbxbj] {
	margin-bottom: 32px;
}

.admin-header-top[b-v337bqbxbj] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.admin-header h1[b-v337bqbxbj] {
	margin: 0;
	font-size: 28px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 10px;
}

.admin-header h1 i[b-v337bqbxbj] {
	color: var(--primary-purple);
}

.admin-header p[b-v337bqbxbj] {
	margin: 4px 0 0;
	font-size: 15px;
	color: var(--text-medium);
}

/* ===== Metricas ===== */

.metricas-grid[b-v337bqbxbj] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 16px;
	margin-bottom: 24px;
}

.metrica-card[b-v337bqbxbj] {
	background: var(--white);
	border-radius: 16px;
	padding: 20px;
	display: flex;
	align-items: center;
	gap: 16px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
	transition: all 0.2s;
}

.metrica-card:hover[b-v337bqbxbj] {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.metrica-icon[b-v337bqbxbj] {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.metrica-icon i[b-v337bqbxbj] {
	font-size: 22px;
	color: var(--white);
}

.metrica-info[b-v337bqbxbj] {
	display: flex;
	flex-direction: column;
}

.metrica-valor[b-v337bqbxbj] {
	font-size: 28px;
	font-weight: 700;
	color: var(--text-dark);
	line-height: 1;
}

.metrica-label[b-v337bqbxbj] {
	font-size: 13px;
	color: var(--text-medium);
	margin-top: 2px;
}

.bg-purple[b-v337bqbxbj] { background: var(--primary-purple); }
.bg-green[b-v337bqbxbj] { background: #4caf50; }
.bg-blue[b-v337bqbxbj] { background: #2196f3; }
.bg-orange[b-v337bqbxbj] { background: #ff9800; }

/* ===== Admin Section ===== */

.admin-section[b-v337bqbxbj] {
	background: var(--white);
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 24px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

/* ===== Filtros ===== */

.admin-filtros-tags[b-v337bqbxbj] {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 16px;
	padding: 14px 16px;
	background: var(--bg-gray);
	border-radius: 12px;
}

.admin-filtro-grupo[b-v337bqbxbj] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
	min-width: 140px;
}

.admin-filtro-grupo label[b-v337bqbxbj] {
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.filtro-select-admin[b-v337bqbxbj],
.filtro-input-admin[b-v337bqbxbj] {
	padding: 8px 12px;
	border: 1.5px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.85rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
}

.filtro-select-admin:focus[b-v337bqbxbj],
.filtro-input-admin:focus[b-v337bqbxbj] {
	outline: none;
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.1);
}

/* ===== Acoes em Lote ===== */

.acoes-lote[b-v337bqbxbj] {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	margin-bottom: 16px;
	background: rgba(101, 75, 199, 0.06);
	border: 1px solid rgba(101, 75, 199, 0.15);
	border-radius: 10px;
	flex-wrap: wrap;
}

.acoes-lote-info[b-v337bqbxbj] {
	font-size: 14px;
	font-weight: 600;
	color: var(--primary-purple);
	display: flex;
	align-items: center;
	gap: 6px;
	flex: 1;
}

/* ===== Section Header Row ===== */

.section-header-row[b-v337bqbxbj] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
	gap: 12px;
	flex-wrap: wrap;
}

.section-header-row h2[b-v337bqbxbj] {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 8px;
}

.section-header-row h2 i[b-v337bqbxbj] {
	color: var(--primary-purple);
	font-size: 18px;
}

.badge-count[b-v337bqbxbj] {
	background: rgba(101, 75, 199, 0.1);
	color: var(--primary-purple);
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
}

/* ===== Botoes ===== */

.btn-acao-primaria[b-v337bqbxbj] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: var(--white);
	border: none;
	border-radius: 10px;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-acao-primaria:hover:not(:disabled)[b-v337bqbxbj] {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(108, 62, 182, 0.3);
}

.btn-acao-primaria:disabled[b-v337bqbxbj] {
	opacity: 0.6;
	cursor: not-allowed;
}

.btn-acao-secundaria[b-v337bqbxbj] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--white);
	color: var(--primary-purple);
	border: 1.5px solid var(--primary-purple);
	border-radius: 10px;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-acao-secundaria:hover[b-v337bqbxbj] {
	background: rgba(101, 75, 199, 0.06);
}

.btn-sm[b-v337bqbxbj] {
	padding: 6px 14px;
	font-size: 13px;
}

/* Estilos de tabela, badges, loading e empty estao em EstabelecimentoTagLista.razor.css */

/* ===== Acesso Negado ===== */

.acesso-negado[b-v337bqbxbj] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: calc(100vh - 200px);
	padding: 48px 24px;
}

.acesso-negado > i[b-v337bqbxbj] {
	font-size: 64px;
	color: var(--primary-purple);
	opacity: 0.4;
	margin-bottom: 24px;
}

.acesso-negado.bloqueado > i[b-v337bqbxbj] {
	color: var(--danger-red);
}

.acesso-negado h2[b-v337bqbxbj] {
	margin: 0 0 12px;
	font-size: 24px;
	font-weight: 700;
	color: var(--text-dark);
}

.acesso-negado p[b-v337bqbxbj] {
	margin: 0 0 8px;
	font-size: 15px;
	color: var(--text-medium);
	max-width: 500px;
}

.motivo-bloqueio[b-v337bqbxbj] {
	color: var(--danger-red) !important;
	font-weight: 600;
}

.btn-voltar[b-v337bqbxbj] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 24px;
	background: var(--primary-purple);
	color: var(--white);
	text-decoration: none;
	border-radius: 10px;
	padding: 12px 24px;
	font-weight: 600;
	font-size: 14px;
	transition: all 0.2s;
}

.btn-voltar:hover[b-v337bqbxbj] {
	background: var(--primary-purple-light);
	transform: translateY(-1px);
}

/* ===== Toast ===== */

.toast-estab[b-v337bqbxbj] {
	position: fixed;
	bottom: 24px;
	right: 24px;
	z-index: 1200;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 20px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
	animation: toastIn 0.3s ease;
}

.toast-sucesso[b-v337bqbxbj] {
	background: #e8f5e9;
	color: #2e7d32;
	border: 1px solid rgba(46, 125, 50, 0.2);
}

.toast-erro[b-v337bqbxbj] {
	background: #ffebee;
	color: #c62828;
	border: 1px solid rgba(198, 40, 40, 0.2);
}

@@keyframes toastIn {
	from[b-v337bqbxbj] {
		opacity: 0;
		transform: translateY(20px);
	}
	to[b-v337bqbxbj] {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ===== Responsividade ===== */

@@media (max-width: 768px) {
	.estab-container[b-v337bqbxbj] {
		padding: 16px;
	}

	.admin-header h1[b-v337bqbxbj] {
		font-size: 22px;
	}

	.metricas-grid[b-v337bqbxbj] {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.metrica-card[b-v337bqbxbj] {
		padding: 14px;
		gap: 12px;
	}

	.metrica-icon[b-v337bqbxbj] {
		width: 40px;
		height: 40px;
	}

	.metrica-icon i[b-v337bqbxbj] {
		font-size: 18px;
	}

	.metrica-valor[b-v337bqbxbj] {
		font-size: 22px;
	}

	.admin-section[b-v337bqbxbj] {
		padding: 16px;
	}

	.admin-filtros-tags[b-v337bqbxbj] {
		flex-direction: column;
		padding: 12px;
	}

	.admin-filtro-grupo[b-v337bqbxbj] {
		min-width: auto;
	}

	.acoes-lote[b-v337bqbxbj] {
		flex-direction: column;
		align-items: flex-start;
	}

	.section-header-row[b-v337bqbxbj] {
		flex-direction: column;
		align-items: flex-start;
	}

	.acesso-negado > i[b-v337bqbxbj] {
		font-size: 48px;
	}

	.acesso-negado h2[b-v337bqbxbj] {
		font-size: 20px;
	}
}

@@media (max-width: 480px) {
	.estab-container[b-v337bqbxbj] {
		padding: 16px 12px;
	}

	.metricas-grid[b-v337bqbxbj] {
		grid-template-columns: 1fr;
	}

	.admin-header h1[b-v337bqbxbj] {
		font-size: 20px;
	}

	.toast-estab[b-v337bqbxbj] {
		left: 12px;
		right: 12px;
		bottom: 16px;
	}
}

/* ===== Dark Mode ===== */

:global([data-theme="dark"]) .admin-header h1[b-v337bqbxbj] {
	color: #f0f0f0;
}

:global([data-theme="dark"]) .admin-header p[b-v337bqbxbj] {
	color: #a0a0b0;
}

:global([data-theme="dark"]) .metrica-card[b-v337bqbxbj] {
	background: #23233a;
	border-color: #2e2e4a;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .metrica-card:hover[b-v337bqbxbj] {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .metrica-valor[b-v337bqbxbj] {
	color: #f0f0f0;
}

:global([data-theme="dark"]) .metrica-label[b-v337bqbxbj] {
	color: #a0a0b0;
}

:global([data-theme="dark"]) .admin-section[b-v337bqbxbj] {
	background: #23233a;
	border-color: #2e2e4a;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .admin-filtros-tags[b-v337bqbxbj] {
	background: #1a1a2e;
}

:global([data-theme="dark"]) .filtro-select-admin[b-v337bqbxbj],
:global([data-theme="dark"]) .filtro-input-admin[b-v337bqbxbj] {
	background: #2e2e4a;
	border-color: #3d3d5c;
	color: #f0f0f0;
}

:global([data-theme="dark"]) .filtro-select-admin:focus[b-v337bqbxbj],
:global([data-theme="dark"]) .filtro-input-admin:focus[b-v337bqbxbj] {
	border-color: var(--primary-purple);
}

:global([data-theme="dark"]) .acoes-lote[b-v337bqbxbj] {
	background: rgba(108, 62, 182, 0.1);
	border-color: rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .section-header-row h2[b-v337bqbxbj] {
	color: #f0f0f0;
}

:global([data-theme="dark"]) .btn-acao-secundaria[b-v337bqbxbj] {
	background: transparent;
	border-color: var(--primary-purple);
	color: #c9b8ff;
}

:global([data-theme="dark"]) .btn-acao-secundaria:hover[b-v337bqbxbj] {
	background: rgba(108, 62, 182, 0.1);
}

:global([data-theme="dark"]) .acesso-negado h2[b-v337bqbxbj] {
	color: #f0f0f0;
}

:global([data-theme="dark"]) .acesso-negado p[b-v337bqbxbj] {
	color: #a0a0b0;
}

:global([data-theme="dark"]) .toast-sucesso[b-v337bqbxbj] {
	background: rgba(46, 125, 50, 0.15);
	border-color: rgba(46, 125, 50, 0.3);
	color: #81c784;
}

:global([data-theme="dark"]) .toast-erro[b-v337bqbxbj] {
	background: rgba(198, 40, 40, 0.15);
	border-color: rgba(198, 40, 40, 0.3);
	color: #ef9a9a;
}
/* /Components/Pages/MeusPets.razor.rz.scp.css */
/* ===== Skeleton Loading ===== */
.skeleton[b-3f762g3e3o] {
    background: linear-gradient(90deg, var(--border-light) 25%, var(--bg-gray) 50%, var(--border-light) 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.5s ease-in-out infinite;
    border-radius: 8px;
}

@@keyframes skeleton-shimmer {
    0%[b-3f762g3e3o] { background-position: 200% 0; }
    100%[b-3f762g3e3o] { background-position: -200% 0; }
}

.skeleton-title[b-3f762g3e3o] {
    width: 180px;
    height: 28px;
    margin-bottom: 8px;
}

.skeleton-subtitle[b-3f762g3e3o] {
    width: 260px;
    height: 16px;
}

.skeleton-summary-card[b-3f762g3e3o] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--white);
    border-radius: 12px;
    padding: 20px;
    border: 1px solid var(--border-light);
    flex: 1;
}

.skeleton-icon-circle[b-3f762g3e3o] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0;
}

.skeleton-summary-text[b-3f762g3e3o] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.skeleton-line-sm[b-3f762g3e3o] {
    width: 60%;
    height: 12px;
}

.skeleton-line-lg[b-3f762g3e3o] {
    width: 40%;
    height: 20px;
}

.skeleton-pet-card[b-3f762g3e3o] {
    background: var(--white);
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--border-light);
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.skeleton-image[b-3f762g3e3o] {
    width: 100%;
    height: 180px;
    border-radius: 0;
}

.skeleton-card-body[b-3f762g3e3o] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.skeleton-name[b-3f762g3e3o] {
    width: 50%;
    height: 22px;
}

.skeleton-detail[b-3f762g3e3o] {
    width: 70%;
    height: 14px;
}

.skeleton-meta[b-3f762g3e3o] {
    width: 80%;
    height: 14px;
}

.skeleton-tag[b-3f762g3e3o] {
    width: 40%;
    height: 14px;
}

.skeleton-actions[b-3f762g3e3o] {
    display: flex;
    gap: 10px;
    margin-top: 4px;
}

.skeleton-btn[b-3f762g3e3o] {
    flex: 1;
    height: 36px;
    border-radius: 10px;
}

/* ===== Error State ===== */
.erro-container[b-3f762g3e3o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    gap: 12px;
    text-align: center;
    padding: 24px;
}

.erro-icon[b-3f762g3e3o] {
    font-size: 48px;
    color: var(--danger-red);
}

.erro-titulo[b-3f762g3e3o] {
    font-size: 22px;
    font-weight: bold;
    color: var(--text-dark);
    margin: 0;
}

.erro-mensagem[b-3f762g3e3o] {
    font-size: 15px;
    color: var(--text-medium);
    margin: 0 0 8px 0;
}

/* ===== Empty State ===== */
.empty-state[b-3f762g3e3o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
    text-align: center;
    gap: 12px;
}

.empty-icon[b-3f762g3e3o] {
    font-size: 64px;
    color: var(--primary-purple-light);
}

.empty-title[b-3f762g3e3o] {
    font-size: 22px;
    font-weight: bold;
    color: var(--text-dark);
    margin: 0;
}

.empty-subtitle[b-3f762g3e3o] {
    font-size: 15px;
    color: var(--text-medium);
    margin: 0 0 8px 0;
    max-width: 400px;
}

/* ===== Pets Page ===== */
.pets-page[b-3f762g3e3o] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 32px 24px;
    background: var(--bg-gray);
    min-height: calc(100vh - 100px);
}

.page-header[b-3f762g3e3o] {
    margin-bottom: 32px;
}

.page-header-top[b-3f762g3e3o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    gap: 16px;
}

.summary-section[b-3f762g3e3o] {
    display: flex;
    gap: 24px;
    align-items: center;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.summary-cards[b-3f762g3e3o] {
    display: flex;
    gap: 16px;
    flex: 1;
    flex-wrap: wrap;
    min-width: 0;
}

.pets-grid[b-3f762g3e3o] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
    gap: 24px;
}

/* ===== Search Bar ===== */
.search-bar[b-3f762g3e3o] {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: 0 16px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.search-bar:focus-within[b-3f762g3e3o] {
    border-color: var(--primary-purple);
    box-shadow: 0 0 0 3px rgba(101, 75, 199, 0.1);
}

.search-icon[b-3f762g3e3o] {
    font-size: 18px;
    color: var(--text-medium);
    flex-shrink: 0;
}

.search-input[b-3f762g3e3o] {
    flex: 1;
    border: none;
    background: transparent;
    padding: 12px 12px;
    font-size: 15px;
    color: var(--text-dark);
    outline: none;
    min-width: 0;
}

.search-input[b-3f762g3e3o]::placeholder {
    color: var(--text-medium);
}

.search-clear[b-3f762g3e3o] {
    background: none;
    border: none;
    color: var(--text-medium);
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.2s;
    flex-shrink: 0;
}

.search-clear:hover[b-3f762g3e3o] {
    background: var(--bg-gray);
    color: var(--text-dark);
}

/* ===== Pets Co-tutorados ===== */
.cotutorado-section[b-3f762g3e3o] {
    margin-top: 40px;
}

.cotutorado-header[b-3f762g3e3o] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.cotutorado-icon[b-3f762g3e3o] {
    font-size: 22px;
    color: var(--primary-purple);
}

.cotutorado-titulo[b-3f762g3e3o] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-dark);
    margin: 0;
}

.cotutorado-badge[b-3f762g3e3o] {
    background: var(--primary-purple);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 12px;
    min-width: 22px;
    text-align: center;
}

/* ===== Responsividade ===== */
@@media (max-width: 768px) {
    .pets-page[b-3f762g3e3o] {
        padding: 24px 16px;
    }

    .page-header-top[b-3f762g3e3o] {
        flex-direction: column;
        align-items: flex-start;
    }

    .page-header-top .btn-primary[b-3f762g3e3o] {
        width: 100%;
        justify-content: center;
    }

    .summary-section[b-3f762g3e3o] {
        flex-direction: column;
    }

    .summary-cards[b-3f762g3e3o] {
        width: 100%;
    }

    .pets-grid[b-3f762g3e3o] {
        grid-template-columns: 1fr;
    }
}

@@media (min-width: 1200px) {
    .pets-grid[b-3f762g3e3o] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ============================================
   DARK MODE — [data-theme="dark"]
   ============================================ */

:global([data-theme="dark"]) .pets-page[b-3f762g3e3o] {
    background: #121220;
}

:global([data-theme="dark"]) .skeleton[b-3f762g3e3o] {
    background: linear-gradient(90deg, var(--border-light) 25%, #2e2e45 50%, var(--border-light) 75%);
}

:global([data-theme="dark"]) .skeleton-summary-card[b-3f762g3e3o] {
    background: var(--white);
    border-color: var(--border-light);
}

:global([data-theme="dark"]) .skeleton-pet-card[b-3f762g3e3o] {
    background: var(--white);
    border-color: var(--border-light);
}

:global([data-theme="dark"]) .search-bar[b-3f762g3e3o] {
    background: var(--white);
    border-color: var(--border-light);
}

:global([data-theme="dark"]) .search-bar:focus-within[b-3f762g3e3o] {
    border-color: var(--primary-purple);
    box-shadow: 0 0 0 3px rgba(107, 130, 247, 0.15);
}

/* @media (prefers-color-scheme: dark) removido.
   O tema é controlado exclusivamente por [data-theme="dark"]. */
/* /Components/Pages/MinhaAssinatura.razor.rz.scp.css */
/* ===== Assinatura Page ===== */
.assinatura-page[b-qv2e8lz69f] {
    max-width: 800px;
    margin: 0 auto;
    padding: 32px 24px;
    background: var(--bg-gray);
    min-height: calc(100vh - 100px);
}

.page-header[b-qv2e8lz69f] {
    margin-bottom: 28px;
}

.page-title[b-qv2e8lz69f] {
    margin: 0 0 4px 0;
    font-size: 24px;
    font-weight: 700;
    color: var(--text-dark);
}

.page-subtitle[b-qv2e8lz69f] {
    margin: 0;
    font-size: 15px;
    color: var(--text-medium);
}

/* ===== Empty State ===== */
.empty-assinatura[b-qv2e8lz69f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 48px 24px;
    text-align: center;
    color: var(--text-medium);
}

.empty-assinatura i[b-qv2e8lz69f] {
    font-size: 48px;
    opacity: 0.4;
}

.empty-assinatura h3[b-qv2e8lz69f] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--text-dark);
}

.empty-assinatura p[b-qv2e8lz69f] {
    margin: 0;
    font-size: 14px;
}

/* ===== Plano Tag Card ===== */
.plano-tag-card[b-qv2e8lz69f] {
    background: var(--white);
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border: 1px solid var(--border-light);
}

.plano-tag-standard[b-qv2e8lz69f] {
    opacity: 0.85;
}

.plano-tag-header[b-qv2e8lz69f] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}

.plano-tag-icone[b-qv2e8lz69f] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.plano-tag-icone i[b-qv2e8lz69f] {
    font-size: 22px;
    color: #fff;
}

.plano-icone-standard[b-qv2e8lz69f] {
    background: linear-gradient(135deg, #78909c, #546e7a);
}

.plano-icone-premium[b-qv2e8lz69f] {
    background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
}

.plano-icone-familia[b-qv2e8lz69f] {
    background: linear-gradient(135deg, #ff9800, #f44336);
}

.plano-tag-info[b-qv2e8lz69f] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.plano-tag-nome[b-qv2e8lz69f] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--text-dark);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.badge-cortesia[b-qv2e8lz69f] {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 8px;
    letter-spacing: 0.3px;
    /* cores em app.css global */
}

.plano-tag-codigo[b-qv2e8lz69f] {
    font-size: 13px;
    color: var(--text-medium);
    display: flex;
    align-items: center;
    gap: 4px;
}

.plano-tag-status[b-qv2e8lz69f] {
    font-size: 13px;
    color: var(--text-medium);
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
}

/* text-success e text-muted movidos para app.css global */

/* ===== Plano Detalhes ===== */
.plano-detalhes[b-qv2e8lz69f] {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.plano-detalhe-item[b-qv2e8lz69f] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.plano-detalhe-label[b-qv2e8lz69f] {
    font-size: 12px;
    color: var(--text-medium);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.plano-detalhe-valor[b-qv2e8lz69f] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-dark);
}

/* ===== Upgrade Area ===== */
.plano-upgrade-area[b-qv2e8lz69f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    background: rgba(103, 58, 183, 0.1);
    border-radius: 12px;
}

.plano-upgrade-area p[b-qv2e8lz69f] {
    margin: 0;
    font-size: 14px;
    color: var(--text-dark);
}

.btn-upgrade[b-qv2e8lz69f] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--primary-purple);
    color: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s;
}

.btn-upgrade:hover[b-qv2e8lz69f] {
    background: var(--primary-purple-light);
    color: #fff;
}

.plano-acoes[b-qv2e8lz69f] {
    display: flex;
    gap: 12px;
}

.btn-trocar-plano[b-qv2e8lz69f] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--bg-gray);
    color: var(--text-dark);
    border: 1px solid var(--border-light);
    border-radius: 10px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-trocar-plano:hover[b-qv2e8lz69f] {
    border-color: var(--primary-purple);
    color: var(--primary-purple);
}

/* ===== Section Card ===== */
.section-card[b-qv2e8lz69f] {
    background: var(--white);
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border: 1px solid var(--border-light);
}

.section-titulo[b-qv2e8lz69f] {
    margin: 0 0 16px 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--text-dark);
}

/* ===== Planos Lista (Histórico) ===== */
.planos-lista[b-qv2e8lz69f] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.plano-item[b-qv2e8lz69f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    border-radius: 10px;
    border: 1px solid var(--border-light);
}

.plano-item-ativo[b-qv2e8lz69f] {
    background: rgba(103, 58, 183, 0.08);
    border-color: var(--primary-purple);
}

.plano-item-inativo[b-qv2e8lz69f] {
    background: var(--bg-gray);
    opacity: 0.7;
}

.plano-item-info[b-qv2e8lz69f] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.plano-item-tipo[b-qv2e8lz69f] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-dark);
}

.plano-item-periodo[b-qv2e8lz69f] {
    font-size: 13px;
    color: var(--text-medium);
}

.plano-item-meta[b-qv2e8lz69f] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.plano-item-valor[b-qv2e8lz69f] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-dark);
}

.plano-item-status[b-qv2e8lz69f] {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 8px;
}

/* status-ativo e status-inativo movidos para app.css global */

/* ===== Pagamentos ===== */
.empty-pagamentos[b-qv2e8lz69f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 32px 16px;
    color: var(--text-medium);
}

.empty-pagamentos i[b-qv2e8lz69f] {
    font-size: 36px;
    opacity: 0.5;
}

.empty-pagamentos p[b-qv2e8lz69f] {
    margin: 0;
    font-size: 14px;
}

.tabela-wrapper[b-qv2e8lz69f] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.tabela-pagamentos[b-qv2e8lz69f] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.tabela-pagamentos th[b-qv2e8lz69f] {
    text-align: left;
    padding: 10px 12px;
    font-weight: 600;
    color: var(--text-medium);
    border-bottom: 2px solid var(--border-light);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.tabela-pagamentos td[b-qv2e8lz69f] {
    padding: 10px 12px;
    color: var(--text-dark);
    border-bottom: 1px solid var(--border-light);
}

.tabela-pagamentos tr:last-child td[b-qv2e8lz69f] {
    border-bottom: none;
}

.valor-cell[b-qv2e8lz69f] {
    font-weight: 700;
}

.pagamento-status[b-qv2e8lz69f] {
    padding: 3px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

/* pagamento-* badges movidos para app.css global */

.codigo-transacao[b-qv2e8lz69f] {
    font-size: 12px;
    background: var(--bg-gray);
    padding: 2px 6px;
    border-radius: 4px;
    color: var(--text-medium);
}

/* Loading */
.loading-container[b-qv2e8lz69f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    gap: 12px;
}

.loading-spinner[b-qv2e8lz69f] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border-light);
    border-top-color: var(--primary-purple);
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

@@keyframes spin {
    to[b-qv2e8lz69f] { transform: rotate(360deg); }
}

.loading-text[b-qv2e8lz69f] {
    font-size: 15px;
    color: var(--text-medium);
}

/* ===== Responsivo ===== */
@@media (max-width: 768px) {
    .assinatura-page[b-qv2e8lz69f] {
        padding: 24px 16px;
    }

    .plano-tag-card[b-qv2e8lz69f] {
        padding: 20px;
    }

    .plano-upgrade-area[b-qv2e8lz69f] {
        flex-direction: column;
        text-align: center;
    }

    .btn-upgrade[b-qv2e8lz69f] {
        width: 100%;
        justify-content: center;
    }

    .plano-detalhes[b-qv2e8lz69f] {
        flex-direction: column;
        gap: 12px;
    }

    .plano-item[b-qv2e8lz69f] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .plano-item-meta[b-qv2e8lz69f] {
        align-items: flex-start;
        flex-direction: row;
        gap: 12px;
    }
}

/* ===== Dark Mode ===== */
:global([data-theme="dark"]) .assinatura-page[b-qv2e8lz69f] {
    background: #121220;
}

:global([data-theme="dark"]) .plano-tag-card[b-qv2e8lz69f] {
    background: var(--white);
    border-color: var(--border-light);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .plano-tag-icone i[b-qv2e8lz69f] {
    color: #fff;
}

:global([data-theme="dark"]) .plano-icone-standard[b-qv2e8lz69f] {
    background: linear-gradient(135deg, #90a4ae, #78909c);
}

:global([data-theme="dark"]) .plano-upgrade-area[b-qv2e8lz69f] {
    background: rgba(107, 130, 247, 0.12);
}

:global([data-theme="dark"]) .btn-trocar-plano[b-qv2e8lz69f] {
    background: rgba(30, 30, 47, 0.6);
    border-color: var(--border-light);
}

:global([data-theme="dark"]) .section-card[b-qv2e8lz69f] {
    background: var(--white);
    border-color: var(--border-light);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .plano-item[b-qv2e8lz69f] {
    border-color: var(--border-light);
}

:global([data-theme="dark"]) .plano-item-ativo[b-qv2e8lz69f] {
    background: rgba(107, 130, 247, 0.1);
    border-color: var(--primary-purple);
}

:global([data-theme="dark"]) .plano-item-inativo[b-qv2e8lz69f] {
    background: rgba(30, 30, 47, 0.6);
}

:global([data-theme="dark"]) .tabela-pagamentos th[b-qv2e8lz69f] {
    border-bottom-color: var(--border-light);
}

:global([data-theme="dark"]) .tabela-pagamentos td[b-qv2e8lz69f] {
    border-bottom-color: var(--border-light);
}

:global([data-theme="dark"]) .codigo-transacao[b-qv2e8lz69f] {
    background: rgba(30, 30, 47, 0.6);
}

:global([data-theme="dark"]) .empty-pagamentos[b-qv2e8lz69f] {
    color: var(--text-medium);
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of [data-theme="dark"] section above */
/* /Components/Pages/MinhasTags.razor.rz.scp.css */
/* ============================================
   MinhasTags.razor.css — Gestão de Tags NFC
   Layout alinhado com MeusPets.razor
   ============================================ */

/* ===== Skeleton Loading ===== */
.skeleton[b-49ed1x32b6] {
    background: linear-gradient(90deg, var(--border-light) 25%, var(--bg-gray) 50%, var(--border-light) 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.5s ease-in-out infinite;
    border-radius: 8px;
}

@@keyframes skeleton-shimmer {
    0%[b-49ed1x32b6] { background-position: 200% 0; }
    100%[b-49ed1x32b6] { background-position: -200% 0; }
}

.skeleton-title[b-49ed1x32b6] {
    width: 180px;
    height: 28px;
    margin-bottom: 8px;
}

.skeleton-subtitle[b-49ed1x32b6] {
    width: 260px;
    height: 16px;
}

.skeleton-summary-card[b-49ed1x32b6] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--white);
    border-radius: 12px;
    padding: 20px;
    border: 1px solid var(--border-light);
    flex: 1;
}

.skeleton-icon-circle[b-49ed1x32b6] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0;
}

.skeleton-summary-text[b-49ed1x32b6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.skeleton-line-sm[b-49ed1x32b6] {
    width: 60%;
    height: 12px;
}

.skeleton-line-lg[b-49ed1x32b6] {
    width: 40%;
    height: 20px;
}

.skeleton-tag-card[b-49ed1x32b6] {
    background: var(--white);
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--border-light);
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.skeleton-card-body[b-49ed1x32b6] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.skeleton-name[b-49ed1x32b6] {
    width: 50%;
    height: 22px;
}

.skeleton-detail[b-49ed1x32b6] {
    width: 70%;
    height: 14px;
}

.skeleton-meta[b-49ed1x32b6] {
    width: 80%;
    height: 14px;
}

.skeleton-actions[b-49ed1x32b6] {
    display: flex;
    gap: 10px;
    margin-top: 4px;
}

.skeleton-btn[b-49ed1x32b6] {
    flex: 1;
    height: 36px;
    border-radius: 10px;
}

/* ===== Error State ===== */
.erro-container[b-49ed1x32b6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    gap: 12px;
    text-align: center;
    padding: 24px;
}

.erro-icon[b-49ed1x32b6] {
    font-size: 48px;
    color: var(--danger-red);
}

.erro-titulo[b-49ed1x32b6] {
    font-size: 22px;
    font-weight: bold;
    color: var(--text-dark);
    margin: 0;
}

.erro-mensagem[b-49ed1x32b6] {
    font-size: 15px;
    color: var(--text-medium);
    margin: 0 0 8px 0;
}

/* ===== Empty State ===== */
.empty-state[b-49ed1x32b6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
    text-align: center;
    gap: 12px;
}

.empty-icon[b-49ed1x32b6] {
    font-size: 64px;
    color: var(--primary-purple-light);
}

.empty-title[b-49ed1x32b6] {
    font-size: 22px;
    font-weight: bold;
    color: var(--text-dark);
    margin: 0;
}

.empty-subtitle[b-49ed1x32b6] {
    font-size: 15px;
    color: var(--text-medium);
    margin: 0 0 8px 0;
    max-width: 400px;
}

.btn-onde-comprar[b-49ed1x32b6] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: var(--primary-purple);
    color: #fff;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s, transform 0.2s;
    margin-top: 8px;
}

.btn-onde-comprar:hover[b-49ed1x32b6] {
    background: var(--primary-purple-light);
    transform: translateY(-1px);
    color: #fff;
    text-decoration: none;
}

/* ===== Dica de Compra ===== */
.dica-compra[b-49ed1x32b6] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 18px;
    background: var(--white);
    border: 1px solid var(--border-light);
    border-left: 4px solid var(--primary-purple);
    border-radius: 12px;
    margin-bottom: 24px;
    font-size: 14px;
    color: var(--text-medium);
    line-height: 1.5;
}

.dica-compra-icon[b-49ed1x32b6] {
    font-size: 18px;
    color: var(--primary-purple);
    flex-shrink: 0;
    margin-top: 1px;
}

.dica-compra-texto span[b-49ed1x32b6] {
    font-weight: 600;
    color: var(--text-dark);
    display: block;
    font-size: 14px;
    margin-bottom: 2px;
}

.dica-compra-texto a[b-49ed1x32b6] {
    color: var(--primary-purple);
    font-weight: 600;
    text-decoration: none;
}

.dica-compra-texto a:hover[b-49ed1x32b6] {
    text-decoration: underline;
}

:global([data-theme="dark"]) .dica-compra[b-49ed1x32b6] {
    background: var(--bg-card);
    border-color: var(--border-color);
    border-left-color: var(--primary-purple);
}

:global([data-theme="dark"]) .dica-compra-texto span[b-49ed1x32b6] {
    color: var(--text-primary);
}

:global([data-theme="dark"]) .btn-onde-comprar[b-49ed1x32b6] {
    background: var(--primary-purple);
}

:global([data-theme="dark"]) .btn-onde-comprar:hover[b-49ed1x32b6] {
    background: var(--primary-purple-light);
}

/* ===== Tags Page (same as .pets-page) ===== */
.tags-page[b-49ed1x32b6] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 32px 24px;
    background: var(--bg-gray);
    min-height: calc(100vh - 100px);
}

.page-header[b-49ed1x32b6] {
    margin-bottom: 32px;
}

.page-header-top[b-49ed1x32b6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    gap: 16px;
}

/* ===== Summary (same as MeusPets) ===== */
.summary-section[b-49ed1x32b6] {
    display: flex;
    gap: 24px;
    align-items: center;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.summary-cards[b-49ed1x32b6] {
    display: flex;
    gap: 16px;
    flex: 1;
    flex-wrap: wrap;
    min-width: 0;
}

/* ===== Alerta de Sucesso ===== */
.alerta-sucesso[b-49ed1x32b6] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(76, 175, 80, 0.1);
    color: #2e7d32;
    padding: 12px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    border: 1px solid rgba(76, 175, 80, 0.2);
    animation: fadeInSlide 0.3s ease-out;
}

.alerta-sucesso i[b-49ed1x32b6] {
    font-size: 18px;
    flex-shrink: 0;
}

@@keyframes fadeInSlide {
    from[b-49ed1x32b6] { opacity: 0; transform: translateY(-8px); }
    to[b-49ed1x32b6] { opacity: 1; transform: translateY(0); }
}

/* ===== Tags Grid (same pattern as .pets-grid) ===== */
.tags-grid[b-49ed1x32b6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(420px, 100%), 1fr));
    gap: 24px;
}

/* ===== Tag Card ===== */
.tag-card[b-49ed1x32b6] {
    background: var(--white, #ffffff);
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    border: 1px solid var(--border-light, #e4e8f3);
    transition: box-shadow 0.2s;
}

.tag-card:hover[b-49ed1x32b6] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* ===== Tag Card Header ===== */
.tag-card-header[b-49ed1x32b6] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.tag-icon-wrapper[b-49ed1x32b6] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.tag-icon-wrapper.status-ativo[b-49ed1x32b6] {
    background: rgba(76, 175, 80, 0.12);
    color: #4caf50;
}

.tag-icon-wrapper.status-virgem[b-49ed1x32b6] {
    background: rgba(33, 150, 243, 0.12);
    color: #2196f3;
}

.tag-icon-wrapper.status-inativo[b-49ed1x32b6] {
    background: rgba(158, 158, 158, 0.12);
    color: #9e9e9e;
}

.tag-icon-wrapper.status-demo[b-49ed1x32b6] {
    background: rgba(255, 152, 0, 0.12);
    color: #ff9800;
}

.tag-icon-wrapper.status-gravada[b-49ed1x32b6] {
    background: rgba(121, 85, 72, 0.12);
    color: #795548;
}

.tag-icon-wrapper.status-despachada[b-49ed1x32b6] {
    background: rgba(0, 150, 136, 0.12);
    color: #009688;
}

.tag-icon-wrapper.status-disponivel-venda[b-49ed1x32b6] {
    background: rgba(156, 39, 176, 0.12);
    color: #9c27b0;
}

.tag-icon-wrapper.status-pre-ativada[b-49ed1x32b6] {
    background: rgba(3, 169, 244, 0.12);
    color: #03a9f4;
}

.tag-icon-wrapper.status-desativado[b-49ed1x32b6] {
    background: rgba(233, 30, 99, 0.12);
    color: #e91e63;
}

.tag-icon-wrapper.status-bloqueado[b-49ed1x32b6] {
    background: rgba(244, 67, 54, 0.12);
    color: #f44336;
}

.tag-icon-wrapper.status-outro[b-49ed1x32b6] {
    background: rgba(233, 30, 99, 0.12);
    color: #e91e63;
}

.tag-card-info[b-49ed1x32b6] {
    flex: 1;
    min-width: 0;
}

.tag-card-codigo[b-49ed1x32b6] {
    font-size: 17px;
    font-weight: 700;
    color: var(--text-dark, #333);
    margin: 0 0 4px 0;
    word-break: break-all;
}

.tag-status-badge[b-49ed1x32b6] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

/* ===== Pet Vinculado ===== */
.tag-pet-vinculado[b-49ed1x32b6] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: var(--bg-gray, #f6f8fb);
    border-radius: 12px;
    margin-bottom: 12px;
}

.tag-pet-foto[b-49ed1x32b6] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 2px solid var(--primary-purple, #4c66ef);
}

.tag-pet-foto img[b-49ed1x32b6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tag-pet-info[b-49ed1x32b6] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tag-pet-nome[b-49ed1x32b6] {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-dark, #333);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tag-pet-detalhe[b-49ed1x32b6] {
    font-size: 13px;
    color: var(--text-medium, #888);
}

.btn-icon-nav[b-49ed1x32b6] {
    background: none;
    border: none;
    color: var(--text-medium, #888);
    padding: 8px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 18px;
    transition: all 0.2s;
    flex-shrink: 0;
}

.btn-icon-nav:hover[b-49ed1x32b6] {
    background: rgba(101, 75, 199, 0.1);
    color: var(--primary-purple, #4c66ef);
}

/* ===== Sem Pet ===== */
.tag-sem-pet[b-49ed1x32b6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: rgba(255, 193, 7, 0.1);
    border-radius: 12px;
    margin-bottom: 12px;
    color: #f57f17;
    font-size: 14px;
    font-weight: 500;
}

.tag-sem-pet-icon[b-49ed1x32b6] {
    font-size: 20px;
    flex-shrink: 0;
}

/* ===== Plano Section ===== */
.tag-plano-section[b-49ed1x32b6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 14px;
    background: var(--bg-gray, #f6f8fb);
    border-radius: 12px;
    margin-bottom: 12px;
}

.tag-plano-titulo[b-49ed1x32b6] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-medium, #888);
}

.tag-plano-row[b-49ed1x32b6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.tag-plano-info[b-49ed1x32b6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.tag-plano-badge[b-49ed1x32b6] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.tag-plano-badge.plano-standard[b-49ed1x32b6] {
    background: rgba(158, 158, 158, 0.12);
    color: #78909c;
}

.tag-plano-badge.plano-premium[b-49ed1x32b6] {
    background: rgba(101, 75, 199, 0.12);
    color: var(--primary-purple, #4c66ef);
}

.tag-plano-badge.plano-familia[b-49ed1x32b6] {
    background: rgba(233, 30, 99, 0.12);
    color: var(--accent-pink, #ff4081);
}

.tag-cortesia-badge[b-49ed1x32b6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 8px;
    background: rgba(255, 193, 7, 0.15);
    color: #f57f17;
    letter-spacing: 0.3px;
}

.tag-plano-validade[b-49ed1x32b6] {
    font-size: 12px;
    color: var(--text-medium, #888);
}

.tag-plano-acoes[b-49ed1x32b6] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

/* ===== PIX Pendente Section ===== */
.tag-pix-section[b-49ed1x32b6] {
    border: 1px solid rgba(33, 150, 243, 0.25);
    border-radius: 12px;
    padding: 14px;
    background: rgba(33, 150, 243, 0.04);
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.tag-pix-header[b-49ed1x32b6] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    color: var(--text-dark, #333);
}

.tag-pix-header i[b-49ed1x32b6] {
    font-size: 16px;
    color: #1976d2;
}

.pix-copiacola-inline[b-49ed1x32b6] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pix-code-truncado[b-49ed1x32b6] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'Courier New', Courier, monospace;
    font-size: 13px;
    color: var(--text-dark, #333);
    background: var(--bg-gray, #f6f8fb);
    border-radius: 8px;
    padding: 8px 12px;
    border: 1px solid var(--border-light, #e4e8f3);
}

.btn-copiar-sm[b-49ed1x32b6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-purple, #4c66ef);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
    flex-shrink: 0;
}

.btn-copiar-sm:hover[b-49ed1x32b6] {
    background: var(--primary-purple-light, #8e99f2);
}

.pix-qr-mini[b-49ed1x32b6] {
    display: flex;
    justify-content: center;
    max-width: 160px;
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
}

.pix-qr-mini img[b-49ed1x32b6] {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.pix-expiracao-inline[b-49ed1x32b6] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #e65100;
}

.pix-acoes[b-49ed1x32b6] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* ===== Histórico de Pagamentos ===== */
.tag-historico-section[b-49ed1x32b6] {
    border-top: 1px solid var(--border-light, #e4e8f3);
    margin-top: 4px;
    padding-top: 0;
}

.btn-toggle-historico[b-49ed1x32b6] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    background: none;
    border: none;
    padding: 12px 0;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-medium, #888);
    transition: color 0.2s;
}

.btn-toggle-historico:hover[b-49ed1x32b6] {
    color: var(--primary-purple, #4c66ef);
}

.btn-toggle-historico i[b-49ed1x32b6] {
    font-size: 16px;
    transition: transform 0.25s ease;
}

.historico-lista[b-49ed1x32b6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 8px;
}

.historico-item[b-49ed1x32b6] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    padding: 8px 10px;
    border-radius: 8px;
    transition: background 0.15s;
}

.historico-item:hover[b-49ed1x32b6] {
    background: var(--bg-gray, #f6f8fb);
}

.historico-data[b-49ed1x32b6] {
    color: var(--text-medium, #888);
    flex-shrink: 0;
    font-size: 12px;
    white-space: nowrap;
}

.historico-valor[b-49ed1x32b6] {
    font-weight: 700;
    flex-shrink: 0;
    color: var(--text-dark, #333);
}

.historico-status-badge[b-49ed1x32b6] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
    flex-shrink: 0;
    white-space: nowrap;
}

.historico-status-badge.historico-pago[b-49ed1x32b6] {
    background: rgba(76, 175, 80, 0.12);
    color: #2e7d32;
}

.historico-status-badge.historico-pendente[b-49ed1x32b6] {
    background: rgba(255, 193, 7, 0.15);
    color: #f57f17;
}

.historico-status-badge.historico-cancelado[b-49ed1x32b6] {
    background: rgba(244, 67, 54, 0.1);
    color: var(--danger-red, #f44336);
}

.historico-status-badge.historico-vencido[b-49ed1x32b6] {
    background: rgba(158, 158, 158, 0.12);
    color: #757575;
}

.historico-status-badge.historico-inconsistencia[b-49ed1x32b6] {
    background: rgba(255, 152, 0, 0.12);
    color: #e65100;
}

.historico-tipo[b-49ed1x32b6] {
    font-size: 12px;
    color: var(--text-medium, #888);
    flex-shrink: 0;
    white-space: nowrap;
}

/* ===== Card Footer ===== */
.tag-card-footer[b-49ed1x32b6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-light, #e4e8f3);
}

.tag-data[b-49ed1x32b6] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--text-medium, #888);
    flex-shrink: 0;
}

.tag-data i[b-49ed1x32b6] {
    font-size: 14px;
}

.tag-acoes[b-49ed1x32b6] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

/* ===== Action Buttons ===== */
.btn-acao[b-49ed1x32b6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: none;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.btn-acao-vincular[b-49ed1x32b6] {
    background: rgba(76, 175, 80, 0.1);
    color: #4caf50;
}

.btn-acao-vincular:hover[b-49ed1x32b6] {
    background: rgba(76, 175, 80, 0.2);
}

.btn-acao-mover[b-49ed1x32b6] {
    background: rgba(101, 75, 199, 0.08);
    color: var(--primary-purple, #4c66ef);
}

.btn-acao-mover:hover[b-49ed1x32b6] {
    background: rgba(101, 75, 199, 0.16);
}

.btn-acao-desvincular[b-49ed1x32b6] {
    background: rgba(244, 67, 54, 0.08);
    color: var(--danger-red, #f44336);
}

.btn-acao-desvincular:hover[b-49ed1x32b6] {
    background: rgba(244, 67, 54, 0.16);
}

.btn-acao-upgrade[b-49ed1x32b6] {
    background: var(--primary-purple, #4c66ef);
    color: #ffffff;
}

.btn-acao-upgrade:hover[b-49ed1x32b6] {
    background: var(--primary-purple-light, #8e99f2);
    transform: translateY(-1px);
}

.btn-acao-cancelar[b-49ed1x32b6] {
    background: transparent;
    color: var(--danger-red, #f44336);
    border: 1px solid var(--danger-red, #f44336);
}

.btn-acao-cancelar:hover[b-49ed1x32b6] {
    background: rgba(244, 67, 54, 0.08);
}

.btn-acao-verificar[b-49ed1x32b6] {
    background: rgba(76, 175, 80, 0.12);
    color: #2e7d32;
}

.btn-acao-verificar:hover[b-49ed1x32b6] {
    background: rgba(76, 175, 80, 0.2);
}

.btn-acao-novo-pix[b-49ed1x32b6] {
    background: rgba(101, 75, 199, 0.1);
    color: var(--primary-purple, #4c66ef);
}

.btn-acao-novo-pix:hover[b-49ed1x32b6] {
    background: rgba(101, 75, 199, 0.18);
}

.btn-acao-cancelar-pix[b-49ed1x32b6] {
    background: transparent;
    color: var(--danger-red, #f44336);
}

.btn-acao-cancelar-pix:hover[b-49ed1x32b6] {
    background: rgba(244, 67, 54, 0.08);
}

/* ===== Buttons (Reusable) ===== */
.btn-primary[b-49ed1x32b6] {
    background: var(--primary-purple, #4c66ef);
    color: #ffffff;
    border: none;
    border-radius: 10px;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-primary:hover[b-49ed1x32b6] {
    background: var(--primary-purple-light, #8e99f2);
    transform: translateY(-1px);
}

/* ============================================
   RESPONSIVIDADE
   ============================================ */

@@media (max-width: 768px) {
    .tags-page[b-49ed1x32b6] {
        padding: 24px 16px;
    }

    .page-header-top[b-49ed1x32b6] {
        flex-direction: column;
        align-items: flex-start;
    }

    .summary-section[b-49ed1x32b6] {
        flex-direction: column;
    }

    .summary-cards[b-49ed1x32b6] {
        width: 100%;
    }

    .tags-grid[b-49ed1x32b6] {
        grid-template-columns: 1fr;
    }

    .tag-plano-row[b-49ed1x32b6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .tag-plano-acoes[b-49ed1x32b6] {
        width: 100%;
    }

    .tag-plano-acoes .btn-acao[b-49ed1x32b6] {
        flex: 1;
        justify-content: center;
    }

    .pix-acoes[b-49ed1x32b6] {
        flex-wrap: wrap;
    }

    .pix-acoes > *[b-49ed1x32b6] {
        flex: 1;
        justify-content: center;
        min-width: 0;
    }

    .tag-card-footer[b-49ed1x32b6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .tag-acoes[b-49ed1x32b6] {
        width: 100%;
        flex-wrap: wrap;
    }

    .tag-acoes .btn-acao[b-49ed1x32b6] {
        flex: 1;
        justify-content: center;
    }
}

@@media (max-width: 480px) {
    .summary-cards[b-49ed1x32b6] {
        flex-direction: column;
    }

    .tags-page[b-49ed1x32b6] {
        padding: 16px 12px;
    }

    .tag-card[b-49ed1x32b6] {
        padding: 16px;
    }

    .tag-card-header[b-49ed1x32b6] {
        flex-wrap: wrap;
    }

    .tag-card-codigo[b-49ed1x32b6] {
        font-size: 15px;
    }

    .tag-pet-vinculado[b-49ed1x32b6] {
        flex-wrap: wrap;
    }
}

@@media (min-width: 1200px) {
    .tags-grid[b-49ed1x32b6] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ============================================
   DARK MODE — [data-theme="dark"]
   ============================================ */

:global([data-theme="dark"]) .tags-page[b-49ed1x32b6] {
    background: #121220;
}

:global([data-theme="dark"]) .skeleton[b-49ed1x32b6] {
    background: linear-gradient(90deg, var(--border-light) 25%, #2e2e45 50%, var(--border-light) 75%);
}

:global([data-theme="dark"]) .skeleton-summary-card[b-49ed1x32b6] {
    background: var(--white);
    border-color: var(--border-light);
}

:global([data-theme="dark"]) .skeleton-tag-card[b-49ed1x32b6] {
    background: var(--white);
    border-color: var(--border-light);
}

/* Tag Card */
:global([data-theme="dark"]) .tag-card[b-49ed1x32b6] {
    background: var(--white);
    border-color: var(--border-light);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .tag-card:hover[b-49ed1x32b6] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

/* Status Icons */
:global([data-theme="dark"]) .tag-icon-wrapper.status-ativo[b-49ed1x32b6] { background: rgba(76, 175, 80, 0.18); color: #66bb6a; }
:global([data-theme="dark"]) .tag-icon-wrapper.status-virgem[b-49ed1x32b6] { background: rgba(33, 150, 243, 0.18); color: #42a5f5; }
:global([data-theme="dark"]) .tag-icon-wrapper.status-inativo[b-49ed1x32b6] { background: rgba(158, 158, 158, 0.18); color: #bdbdbd; }
:global([data-theme="dark"]) .tag-icon-wrapper.status-demo[b-49ed1x32b6] { background: rgba(255, 152, 0, 0.18); color: #ffa726; }
:global([data-theme="dark"]) .tag-icon-wrapper.status-gravada[b-49ed1x32b6] { background: rgba(121, 85, 72, 0.18); color: #a1887f; }
:global([data-theme="dark"]) .tag-icon-wrapper.status-despachada[b-49ed1x32b6] { background: rgba(0, 150, 136, 0.18); color: #4db6ac; }
:global([data-theme="dark"]) .tag-icon-wrapper.status-disponivel-venda[b-49ed1x32b6] { background: rgba(156, 39, 176, 0.18); color: #ba68c8; }
:global([data-theme="dark"]) .tag-icon-wrapper.status-pre-ativada[b-49ed1x32b6] { background: rgba(3, 169, 244, 0.18); color: #4fc3f7; }
:global([data-theme="dark"]) .tag-icon-wrapper.status-desativado[b-49ed1x32b6] { background: rgba(233, 30, 99, 0.18); color: #f06292; }
:global([data-theme="dark"]) .tag-icon-wrapper.status-bloqueado[b-49ed1x32b6] { background: rgba(244, 67, 54, 0.18); color: #ef5350; }
:global([data-theme="dark"]) .tag-icon-wrapper.status-outro[b-49ed1x32b6] { background: rgba(233, 30, 99, 0.18); color: #f06292; }

/* Pet / Sem Pet */
:global([data-theme="dark"]) .tag-pet-vinculado[b-49ed1x32b6] { background: rgba(30, 30, 47, 0.6); }
:global([data-theme="dark"]) .tag-sem-pet[b-49ed1x32b6] { background: rgba(255, 193, 7, 0.15); color: #ffa726; }

/* Plano */
:global([data-theme="dark"]) .tag-plano-section[b-49ed1x32b6] { background: rgba(30, 30, 47, 0.6); }
:global([data-theme="dark"]) .tag-plano-titulo[b-49ed1x32b6] { color: var(--text-medium); }
:global([data-theme="dark"]) .tag-plano-badge.plano-standard[b-49ed1x32b6] { background: rgba(158, 158, 158, 0.18); color: #bdbdbd; }
:global([data-theme="dark"]) .tag-plano-badge.plano-premium[b-49ed1x32b6] { background: rgba(107, 130, 247, 0.18); color: #8e99f2; }
:global([data-theme="dark"]) .tag-plano-badge.plano-familia[b-49ed1x32b6] { background: rgba(255, 64, 129, 0.18); color: #ff80ab; }
:global([data-theme="dark"]) .tag-cortesia-badge[b-49ed1x32b6] { background: rgba(255, 193, 7, 0.18); color: #ffa726; }
:global([data-theme="dark"]) .btn-acao-cancelar[b-49ed1x32b6] { border-color: rgba(244, 67, 54, 0.4); }
:global([data-theme="dark"]) .btn-acao-cancelar:hover[b-49ed1x32b6] { background: rgba(244, 67, 54, 0.12); }

/* PIX */
:global([data-theme="dark"]) .tag-pix-section[b-49ed1x32b6] { background: rgba(33, 150, 243, 0.08); border-color: rgba(33, 150, 243, 0.2); }
:global([data-theme="dark"]) .tag-pix-header i[b-49ed1x32b6] { color: #42a5f5; }
:global([data-theme="dark"]) .pix-expiracao-inline[b-49ed1x32b6] { color: #ffa726; }
:global([data-theme="dark"]) .pix-code-truncado[b-49ed1x32b6] { background: rgba(30, 30, 47, 0.6); border-color: var(--border-light); }

:global([data-theme="dark"]) .btn-acao-verificar[b-49ed1x32b6] { background: rgba(76, 175, 80, 0.18); color: #66bb6a; }
:global([data-theme="dark"]) .btn-acao-verificar:hover[b-49ed1x32b6] { background: rgba(76, 175, 80, 0.25); }
:global([data-theme="dark"]) .btn-acao-novo-pix[b-49ed1x32b6] { background: rgba(107, 130, 247, 0.15); }
:global([data-theme="dark"]) .btn-acao-novo-pix:hover[b-49ed1x32b6] { background: rgba(107, 130, 247, 0.22); }
:global([data-theme="dark"]) .btn-acao-cancelar-pix:hover[b-49ed1x32b6] { background: rgba(244, 67, 54, 0.12); }

/* Histórico */
:global([data-theme="dark"]) .tag-historico-section[b-49ed1x32b6] { border-top-color: var(--border-light); }
:global([data-theme="dark"]) .btn-toggle-historico[b-49ed1x32b6] { color: var(--text-medium); }
:global([data-theme="dark"]) .historico-item:hover[b-49ed1x32b6] { background: rgba(30, 30, 47, 0.5); }
:global([data-theme="dark"]) .historico-status-badge.historico-pago[b-49ed1x32b6] { background: rgba(76, 175, 80, 0.18); color: #66bb6a; }
:global([data-theme="dark"]) .historico-status-badge.historico-pendente[b-49ed1x32b6] { background: rgba(255, 193, 7, 0.18); color: #ffa726; }
:global([data-theme="dark"]) .historico-status-badge.historico-cancelado[b-49ed1x32b6] { background: rgba(244, 67, 54, 0.18); color: #ef5350; }
:global([data-theme="dark"]) .historico-status-badge.historico-vencido[b-49ed1x32b6] { background: rgba(158, 158, 158, 0.18); color: #bdbdbd; }
:global([data-theme="dark"]) .historico-status-badge.historico-inconsistencia[b-49ed1x32b6] { background: rgba(255, 152, 0, 0.18); color: #ffa726; }

/* Footer */
:global([data-theme="dark"]) .tag-card-footer[b-49ed1x32b6] { border-top-color: var(--border-light); }

/* Alerta Sucesso */
:global([data-theme="dark"]) .alerta-sucesso[b-49ed1x32b6] { background: rgba(76, 175, 80, 0.15); color: #66bb6a; border-color: rgba(76, 175, 80, 0.25); }

/* Buttons */
:global([data-theme="dark"]) .btn-icon-nav:hover[b-49ed1x32b6] { background: rgba(107, 130, 247, 0.15); }
:global([data-theme="dark"]) .btn-acao-vincular[b-49ed1x32b6] { background: rgba(76, 175, 80, 0.15); color: #66bb6a; }
:global([data-theme="dark"]) .btn-acao-vincular:hover[b-49ed1x32b6] { background: rgba(76, 175, 80, 0.25); }
:global([data-theme="dark"]) .btn-acao-mover[b-49ed1x32b6] { background: rgba(107, 130, 247, 0.12); }
:global([data-theme="dark"]) .btn-acao-mover:hover[b-49ed1x32b6] { background: rgba(107, 130, 247, 0.2); }
:global([data-theme="dark"]) .btn-acao-desvincular[b-49ed1x32b6] { background: rgba(244, 67, 54, 0.12); color: #ef5350; }
:global([data-theme="dark"]) .btn-acao-desvincular:hover[b-49ed1x32b6] { background: rgba(244, 67, 54, 0.2); }

/* @@media (prefers-color-scheme: dark) removed — duplicate of [data-theme="dark"] section above */
/* /Components/Pages/Notificacoes.razor.rz.scp.css */
/* =============================================
   Notificacoes.razor.css — Mobile-first
   ============================================= */

/* Loading / Error */
.loading-container[b-lj7z1f45oq] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 60vh;
	gap: 16px;
}

.loading-spinner[b-lj7z1f45oq] {
	width: 40px;
	height: 40px;
	border: 3px solid var(--border-light);
	border-top: 3px solid var(--primary-purple);
	border-radius: 50%;
	animation: spin-b-lj7z1f45oq 0.8s linear infinite;
}

@keyframes spin-b-lj7z1f45oq {
	to { transform: rotate(360deg); }
}

.loading-text[b-lj7z1f45oq] {
	color: var(--text-medium);
	font-size: 0.95rem;
}

.erro-container[b-lj7z1f45oq] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 60vh;
	gap: 12px;
	padding: 20px;
	text-align: center;
}

.erro-icon[b-lj7z1f45oq] {
	font-size: 3rem;
	color: var(--danger-red);
}

.erro-titulo[b-lj7z1f45oq] {
	font-size: 1.3rem;
	color: var(--text-dark);
	margin: 0;
}

.erro-mensagem[b-lj7z1f45oq] {
	color: var(--text-medium);
	font-size: 0.95rem;
}

/* Page Layout */
.notificacoes-page[b-lj7z1f45oq] {
	padding: 16px;
	max-width: 720px;
	margin: 0 auto;
	padding-bottom: 100px;
}

.page-header[b-lj7z1f45oq] {
	margin-bottom: 20px;
}

.page-header-top[b-lj7z1f45oq] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 12px;
}

.page-title[b-lj7z1f45oq] {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--text-dark);
	margin: 0;
}

.page-subtitle[b-lj7z1f45oq] {
	font-size: 0.9rem;
	color: var(--text-medium);
	margin: 4px 0 0;
}

.btn-marcar-todas[b-lj7z1f45oq] {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border: 1px solid var(--primary-purple);
	border-radius: 8px;
	background: transparent;
	color: var(--primary-purple);
	font-size: 0.8rem;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.2s ease;
}

.btn-marcar-todas:hover[b-lj7z1f45oq] {
	background: var(--primary-purple);
	color: var(--white);
}

/* Filtros */
.filtros-section[b-lj7z1f45oq] {
	display: flex;
	gap: 8px;
	margin-bottom: 20px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom: 4px;
}

.filtros-section[b-lj7z1f45oq]::-webkit-scrollbar {
	display: none;
}

.filtro-btn[b-lj7z1f45oq] {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	border: 1px solid var(--border-light);
	border-radius: 20px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.85rem;
	font-weight: 500;
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.2s ease;
}

.filtro-btn:hover[b-lj7z1f45oq] {
	border-color: var(--primary-purple-light);
	color: var(--primary-purple);
}

.filtro-ativo[b-lj7z1f45oq] {
	background: var(--primary-purple);
	color: var(--white);
	border-color: var(--primary-purple);
}

.filtro-ativo:hover[b-lj7z1f45oq] {
	background: var(--primary-purple);
	color: var(--white);
}

.filtro-count[b-lj7z1f45oq] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: 10px;
	background: rgba(0,0,0,0.1);
	font-size: 0.75rem;
	font-weight: 600;
}

.filtro-ativo .filtro-count[b-lj7z1f45oq] {
	background: rgba(255,255,255,0.25);
}

/* Empty State */
.empty-state[b-lj7z1f45oq] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 60px 20px;
	gap: 12px;
}

.empty-icon[b-lj7z1f45oq] {
	font-size: 3.5rem;
	color: var(--border-light);
}

.empty-title[b-lj7z1f45oq] {
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--text-dark);
	margin: 0;
}

.empty-subtitle[b-lj7z1f45oq] {
	font-size: 0.9rem;
	color: var(--text-medium);
	max-width: 340px;
	line-height: 1.5;
	margin: 0;
}

/* Notificacao Card */
.notificacoes-list[b-lj7z1f45oq] {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.notificacao-card[b-lj7z1f45oq] {
	display: flex;
	gap: 14px;
	padding: 16px;
	background: var(--white);
	border-radius: 12px;
	border: 1px solid var(--border-light);
	cursor: pointer;
	transition: all 0.2s ease;
}

.notificacao-card:hover[b-lj7z1f45oq] {
	border-color: var(--primary-purple-light);
	box-shadow: 0 2px 8px rgba(108, 99, 255, 0.08);
}

.notificacao-card.nao-lida[b-lj7z1f45oq] {
	background: rgba(103, 58, 183, 0.08);
	border-color: var(--primary-purple-light);
}

.notificacao-card.nao-lida:hover[b-lj7z1f45oq] {
	box-shadow: 0 2px 12px rgba(108, 99, 255, 0.15);
}

/* Icon Wrapper */
.notificacao-icon-wrapper[b-lj7z1f45oq] {
	flex-shrink: 0;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1rem;
}

.tipo-email[b-lj7z1f45oq] {
	background: rgba(33, 150, 243, 0.12);
	color: #1976d2;
}

.tipo-whatsapp[b-lj7z1f45oq] {
	background: rgba(76, 175, 80, 0.12);
	color: #25d366;
}

.tipo-push[b-lj7z1f45oq] {
	background: rgba(233, 30, 99, 0.12);
	color: #e91e63;
}

.tipo-mensagem-contato[b-lj7z1f45oq] {
	background: rgba(255, 152, 0, 0.12);
	color: #e65100;
}

/* Content */
.notificacao-conteudo[b-lj7z1f45oq] {
	flex: 1;
	min-width: 0;
}

.notificacao-header[b-lj7z1f45oq] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 4px;
}

.notificacao-titulo[b-lj7z1f45oq] {
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--text-dark);
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.badge-nao-lida[b-lj7z1f45oq] {
	flex-shrink: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--primary-purple);
}

.notificacao-mensagem[b-lj7z1f45oq] {
	font-size: 0.85rem;
	color: var(--text-medium);
	margin: 0 0 8px;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Meta Info */
.notificacao-meta[b-lj7z1f45oq] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.notificacao-data[b-lj7z1f45oq] {
	font-size: 0.75rem;
	color: var(--text-medium);
	display: flex;
	align-items: center;
	gap: 4px;
}

.notificacao-pet[b-lj7z1f45oq] {
	font-size: 0.75rem;
	color: var(--primary-purple);
	display: flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
	font-weight: 500;
}

.notificacao-pet:hover[b-lj7z1f45oq] {
	text-decoration: underline;
}

.notificacao-tipo-badge[b-lj7z1f45oq] {
	font-size: 0.7rem;
	font-weight: 600;
	padding: 2px 8px;
	border-radius: 10px;
}

.badge-email[b-lj7z1f45oq] {
	background: rgba(33, 150, 243, 0.12);
	color: #1976d2;
}

.badge-whatsapp[b-lj7z1f45oq] {
	background: rgba(76, 175, 80, 0.12);
	color: #25d366;
}

.badge-push[b-lj7z1f45oq] {
	background: rgba(233, 30, 99, 0.12);
	color: #e91e63;
}

.badge-mensagem-contato[b-lj7z1f45oq] {
	background: rgba(255, 152, 0, 0.12);
	color: #e65100;
}

/* Primary Button */
.btn-primary[b-lj7z1f45oq] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: var(--primary-purple);
	color: var(--white);
	border: none;
	border-radius: 8px;
	font-size: 0.95rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
}

.btn-primary:hover[b-lj7z1f45oq] {
	opacity: 0.9;
	transform: translateY(-1px);
}

/* Carregar mais */
.carregar-mais-container[b-lj7z1f45oq] {
	display: flex;
	justify-content: center;
	padding: 24px 0 8px;
}

.btn-carregar-mais[b-lj7z1f45oq] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 24px;
	border: 1px solid var(--border-light);
	border-radius: 20px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.85rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
}

.btn-carregar-mais:hover:not(:disabled)[b-lj7z1f45oq] {
	border-color: var(--primary-purple-light);
	color: var(--primary-purple);
}

.btn-carregar-mais:disabled[b-lj7z1f45oq] {
	opacity: 0.6;
	cursor: not-allowed;
}

.loading-spinner-sm[b-lj7z1f45oq] {
	width: 16px;
	height: 16px;
	border: 2px solid var(--border-light);
	border-top: 2px solid var(--primary-purple);
	border-radius: 50%;
	animation: spin-b-lj7z1f45oq 0.8s linear infinite;
}

/* =============================================
   Responsive
   ============================================= */

@media (max-width: 768px) {
	.notificacoes-page[b-lj7z1f45oq] {
		padding: 12px;
		padding-bottom: 80px;
	}

	.page-header-top[b-lj7z1f45oq] {
		flex-direction: column;
		gap: 10px;
	}

	.btn-marcar-todas[b-lj7z1f45oq] {
		align-self: flex-start;
	}

	.page-title[b-lj7z1f45oq] {
		font-size: 1.3rem;
	}

	.notificacao-card[b-lj7z1f45oq] {
		padding: 12px;
		gap: 10px;
	}

	.notificacao-icon-wrapper[b-lj7z1f45oq] {
		width: 36px;
		height: 36px;
		border-radius: 10px;
		font-size: 1rem;
	}

	.notificacao-titulo[b-lj7z1f45oq] {
		font-size: 0.9rem;
	}

	.notificacao-mensagem[b-lj7z1f45oq] {
		font-size: 0.8rem;
	}
}

/* ============================================
   DARK MODE — [data-theme="dark"]
   ============================================ */

:global([data-theme="dark"]) .notificacoes-page[b-lj7z1f45oq] {
	background: #121220;
}

:global([data-theme="dark"]) .notificacao-card[b-lj7z1f45oq] {
	background: var(--white);
	border-color: var(--border-light);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .notificacao-nao-lida[b-lj7z1f45oq] {
	background: rgba(107, 130, 247, 0.08);
	box-shadow: 0 2px 12px rgba(107, 130, 247, 0.15);
}

:global([data-theme="dark"]) .tipo-icone-email[b-lj7z1f45oq] { background: rgba(33, 150, 243, 0.18); }
:global([data-theme="dark"]) .tipo-icone-whatsapp[b-lj7z1f45oq] { background: rgba(76, 175, 80, 0.18); }
:global([data-theme="dark"]) .tipo-icone-sms[b-lj7z1f45oq] { background: rgba(255, 152, 0, 0.18); }
:global([data-theme="dark"]) .tipo-icone-push[b-lj7z1f45oq] { background: rgba(233, 30, 99, 0.18); }

:global([data-theme="dark"]) .badge-email[b-lj7z1f45oq] { background: rgba(33, 150, 243, 0.18); color: #42a5f5; }
:global([data-theme="dark"]) .badge-whatsapp[b-lj7z1f45oq] { background: rgba(76, 175, 80, 0.18); color: #66bb6a; }
:global([data-theme="dark"]) .badge-push[b-lj7z1f45oq] { background: rgba(233, 30, 99, 0.18); color: #f06292; }
:global([data-theme="dark"]) .badge-mensagem-contato[b-lj7z1f45oq] { background: rgba(255, 152, 0, 0.18); color: #ffab40; }
:global([data-theme="dark"]) .tipo-mensagem-contato[b-lj7z1f45oq] { background: rgba(255, 152, 0, 0.18); color: #ffab40; }

:global([data-theme="dark"]) .filtro-btn[b-lj7z1f45oq] {
	background: var(--white);
	border-color: var(--border-light);
	color: var(--text-medium);
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of [data-theme="dark"] section above */
/* /Components/Pages/OndeComprar.razor.rz.scp.css */
/* Hero */
.onde-comprar-hero[b-wsyqq2zv09] {
	background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
	color: var(--white);
	padding: 4rem 2rem;
	text-align: center;
}

.hero-content h1[b-wsyqq2zv09] {
	margin: 0 0 1rem 0;
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--white);
}

.hero-content p[b-wsyqq2zv09] {
	margin: 0;
	font-size: 1.2rem;
	color: rgba(255, 255, 255, 0.9);
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

/* Content */
.onde-comprar-content[b-wsyqq2zv09] {
	background: var(--bg-gray);
	padding: 3rem 2rem;
	min-height: calc(100vh - 300px);
	overflow-x: hidden;
}

.container[b-wsyqq2zv09] {
	max-width: 1200px;
	margin: 0 auto;
}

.section-store[b-wsyqq2zv09] {
	margin-bottom: 3rem;
}

.section-title[b-wsyqq2zv09] {
	font-size: 2rem;
	font-weight: 700;
	color: var(--primary-purple);
	margin: 0 0 2rem 0;
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.section-title i[b-wsyqq2zv09] {
	font-size: 1.8rem;
}

.stores-grid[b-wsyqq2zv09] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
	gap: 2rem;
}

.store-card[b-wsyqq2zv09] {
	background: var(--white);
	border-radius: 16px;
	padding: 2rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	border: 1px solid var(--border-light);
	transition: all 0.3s;
	display: flex;
	flex-direction: column;
}

.store-card:hover[b-wsyqq2zv09] {
	transform: translateY(-4px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.store-header[b-wsyqq2zv09] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 1.5rem;
	gap: 1rem;
}

.store-header h3[b-wsyqq2zv09] {
	margin: 0;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--text-dark);
	flex: 1;
	min-width: 0;
}

.store-badge[b-wsyqq2zv09] {
	background: var(--accent-pink);
	color: var(--white);
	padding: 0.4rem 0.8rem;
	border-radius: 12px;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
	flex-shrink: 0;
}

.store-info[b-wsyqq2zv09] {
	margin-bottom: 1.5rem;
	flex: 1;
}

.store-info p[b-wsyqq2zv09] {
	margin: 0 0 0.75rem 0;
	font-size: 0.95rem;
	color: var(--text-medium);
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
}

.store-info p:last-child[b-wsyqq2zv09] {
	margin-bottom: 0;
}

.store-info i[b-wsyqq2zv09] {
	color: var(--primary-purple);
	font-size: 1rem;
	margin-top: 2px;
	flex-shrink: 0;
}

.store-link[b-wsyqq2zv09] {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--primary-purple);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.95rem;
	padding: 0.75rem 0;
	border: 2px solid var(--primary-purple);
	border-radius: 12px;
	transition: all 0.2s;
	width: 100%;
	justify-content: center;
	margin-top: auto;
}

.store-link:hover[b-wsyqq2zv09] {
	background: var(--primary-purple);
	color: var(--white);
	transform: translateY(-2px);
}

.store-link i[b-wsyqq2zv09] {
	font-size: 1.1rem;
}

/* Online Store */
.online-store-card[b-wsyqq2zv09] {
	background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
	border-radius: 20px;
	padding: 3rem;
	box-shadow: 0 8px 24px rgba(76, 102, 239, 0.3);
}

.online-content[b-wsyqq2zv09] {
	text-align: center;
	color: var(--white);
}

.online-content h3[b-wsyqq2zv09] {
	margin: 0 0 1rem 0;
	font-size: 2rem;
	font-weight: 700;
	color: var(--white);
}

.online-content > p[b-wsyqq2zv09] {
	margin: 0 0 2rem 0;
	font-size: 1.1rem;
	color: rgba(255, 255, 255, 0.9);
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.online-features[b-wsyqq2zv09] {
	display: flex;
	justify-content: center;
	gap: 2rem;
	margin-bottom: 2rem;
	flex-wrap: wrap;
}

.online-feature[b-wsyqq2zv09] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
}

.online-feature i[b-wsyqq2zv09] {
	font-size: 2rem;
	color: var(--white);
}

.online-feature span[b-wsyqq2zv09] {
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.9);
	font-weight: 600;
}

.btn-online[b-wsyqq2zv09] {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	background: var(--accent-pink);
	color: var(--white);
	text-decoration: none;
	font-weight: 700;
	font-size: 1.1rem;
	padding: 1rem 2.5rem;
	border-radius: 50px;
	box-shadow: 0 4px 16px rgba(255, 64, 129, 0.4);
	transition: all 0.3s;
}

.btn-online:hover[b-wsyqq2zv09] {
	background: #e91e63;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(255, 64, 129, 0.5);
}

.btn-online i[b-wsyqq2zv09] {
	font-size: 1.2rem;
}

.btn-online-desabilitado[b-wsyqq2zv09] {
	background: #999;
	cursor: not-allowed;
	box-shadow: none;
	opacity: 0.7;
}

.btn-online-desabilitado:hover[b-wsyqq2zv09] {
	background: #999;
	transform: none;
	box-shadow: none;
}

/* Filtros */
.filtros-onde-comprar[b-wsyqq2zv09] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}

.filtro-select[b-wsyqq2zv09] {
	padding: 10px 14px;
	border-radius: 10px;
	border: 1px solid var(--border-light);
	background: var(--white);
	color: var(--text-dark);
	font-size: 14px;
	min-width: 180px;
	cursor: pointer;
	transition: border-color 0.2s;
}

.filtro-select:focus[b-wsyqq2zv09] {
	outline: none;
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(76, 102, 239, 0.1);
}

.filtro-limpar[b-wsyqq2zv09] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 16px;
	border: none;
	background: transparent;
	color: var(--text-medium);
	font-size: 14px;
	cursor: pointer;
	border-radius: 8px;
	transition: background 0.2s, color 0.2s;
}

.filtro-limpar:hover[b-wsyqq2zv09] {
	background: rgba(0, 0, 0, 0.05);
	color: var(--danger-red);
}

/* Loading / Empty */
.stores-loading[b-wsyqq2zv09] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 64px 24px;
	gap: 16px;
	color: var(--text-medium);
}

.stores-empty[b-wsyqq2zv09] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 48px 24px;
	gap: 12px;
	color: var(--text-medium);
	text-align: center;
}

.stores-empty i[b-wsyqq2zv09] {
	font-size: 48px;
	color: var(--primary-purple-light);
	opacity: 0.5;
}

.stores-empty p[b-wsyqq2zv09] {
	margin: 0;
	font-size: 15px;
	max-width: 400px;
}

/* Partner */
.section-partner[b-wsyqq2zv09] {
	margin-top: 3rem;
}

.partner-card[b-wsyqq2zv09] {
	background: var(--white);
	border-radius: 20px;
	padding: 3rem;
	text-align: center;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	border: 1px solid var(--border-light);
}

.partner-icon[b-wsyqq2zv09] {
	width: 80px;
	height: 80px;
	margin: 0 auto 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
	border-radius: 50%;
}

.partner-icon i[b-wsyqq2zv09] {
	font-size: 2.5rem;
	color: var(--white);
}

.partner-card h3[b-wsyqq2zv09] {
	margin: 0 0 1rem 0;
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--text-dark);
}

.partner-card p[b-wsyqq2zv09] {
	margin: 0 0 2rem 0;
	font-size: 1rem;
	color: var(--text-medium);
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.btn-partner[b-wsyqq2zv09] {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	background: var(--primary-purple);
	color: var(--white);
	text-decoration: none;
	font-weight: 700;
	font-size: 1rem;
	padding: 0.9rem 2rem;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(76, 102, 239, 0.3);
	transition: all 0.3s;
}

.btn-partner:hover[b-wsyqq2zv09] {
	background: var(--primary-purple-light);
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(76, 102, 239, 0.4);
}

.btn-partner i[b-wsyqq2zv09] {
	font-size: 1.1rem;
}

/* Responsividade */
@media (max-width: 768px) {
	.onde-comprar-hero[b-wsyqq2zv09] {
		padding: 3rem 1rem;
	}

	.hero-content h1[b-wsyqq2zv09] {
		font-size: 2rem;
	}

	.hero-content p[b-wsyqq2zv09] {
		font-size: 1rem;
	}

	.onde-comprar-content[b-wsyqq2zv09] {
		padding: 2rem 1rem;
	}

	.section-title[b-wsyqq2zv09] {
		font-size: 1.5rem;
	}

	.stores-grid[b-wsyqq2zv09] {
		grid-template-columns: 1fr;
	}

	.store-card[b-wsyqq2zv09] {
		padding: 1.5rem;
	}

	.online-store-card[b-wsyqq2zv09] {
		padding: 2rem 1.5rem;
	}

	.online-content h3[b-wsyqq2zv09] {
		font-size: 1.5rem;
	}

	.online-features[b-wsyqq2zv09] {
		gap: 1.5rem;
	}

	.partner-card[b-wsyqq2zv09] {
		padding: 2rem 1.5rem;
	}

	.partner-card h3[b-wsyqq2zv09] {
		font-size: 1.4rem;
	}
}

/* ===== Dark Mode ===== */
:global([data-theme="dark"]) .onde-comprar-content[b-wsyqq2zv09] {
	background: #121220;
}

:global([data-theme="dark"]) .store-card[b-wsyqq2zv09] {
	background: var(--white);
	border-color: var(--border-light);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .store-card:hover[b-wsyqq2zv09] {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .store-link[b-wsyqq2zv09] {
	border-color: var(--primary-purple);
	color: var(--primary-purple);
}

:global([data-theme="dark"]) .store-link:hover[b-wsyqq2zv09] {
	background: var(--primary-purple);
	color: #fff;
}

:global([data-theme="dark"]) .partner-card[b-wsyqq2zv09] {
	background: var(--white);
	border-color: var(--border-light);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .filtro-select[b-wsyqq2zv09] {
	background: var(--bg-card, #1e1e2e);
	border-color: var(--border-color, #333);
	color: var(--text-primary, #e0e0e0);
}

:global([data-theme="dark"]) .filtro-limpar:hover[b-wsyqq2zv09] {
	background: rgba(255, 255, 255, 0.05);
}

:global([data-theme="dark"]) .stores-loading[b-wsyqq2zv09],
:global([data-theme="dark"]) .stores-empty[b-wsyqq2zv09] {
	color: var(--text-secondary, #aaa);
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of [data-theme="dark"] section above */
/* /Components/Pages/PainelUsuario.razor.rz.scp.css */
/* ===== Painel do Usuário ===== */
.painel-page[b-0dwzemtlun] {
	max-width: 640px;
	margin: 0 auto;
	padding: 32px 16px 56px;
}

/* ===== Header com avatar ===== */
.painel-header[b-0dwzemtlun] {
	text-align: center;
	margin-bottom: 36px;
}

.avatar-circle[b-0dwzemtlun] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--primary-purple), #8b5cf6);
	color: #fff;
	font-size: 32px;
	margin-bottom: 16px;
	box-shadow: 0 6px 20px rgba(101, 75, 199, 0.30);
	overflow: hidden;
}

.avatar-img[b-0dwzemtlun] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.painel-header h1[b-0dwzemtlun] {
	font-size: 26px;
	font-weight: 700;
	color: var(--text-dark);
	margin: 0 0 6px;
}

.painel-header p[b-0dwzemtlun] {
	font-size: 15px;
	color: var(--text-medium);
	margin: 0;
}

/* ===== Cards grid ===== */
.painel-cards[b-0dwzemtlun] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

/* ===== Card base ===== */
.painel-card[b-0dwzemtlun] {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 22px 18px;
	border-radius: 20px;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	cursor: pointer;
	min-height: 150px;
}

.painel-card:hover[b-0dwzemtlun] {
	transform: translateY(-4px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

.painel-card:active[b-0dwzemtlun] {
	transform: translateY(-1px);
}

/* Gradient overlay sutil por cima do bg */
.card-gradient[b-0dwzemtlun] {
	position: absolute;
	inset: 0;
	background: linear-gradient(160deg, rgba(255,255,255,0.15) 0%, transparent 60%);
	border-radius: 20px;
	pointer-events: none;
}

/* ===== Cores por card ===== */
.card-pets[b-0dwzemtlun] {
	background: linear-gradient(135deg, #e91e63, #f06292);
	box-shadow: 0 6px 20px rgba(233, 30, 99, 0.25);
}

.card-tags[b-0dwzemtlun] {
	background: linear-gradient(135deg, #2196f3, #64b5f6);
	box-shadow: 0 6px 20px rgba(33, 150, 243, 0.25);
}

.card-notificacoes[b-0dwzemtlun] {
	background: linear-gradient(135deg, #ff9800, #ffb74d);
	box-shadow: 0 6px 20px rgba(255, 152, 0, 0.25);
}

.card-perfil[b-0dwzemtlun] {
	background: linear-gradient(135deg, #654bc7, #8b7ae8);
	box-shadow: 0 6px 20px rgba(101, 75, 199, 0.25);
}

.card-planos[b-0dwzemtlun] {
	background: linear-gradient(135deg, #00bcd4, #4dd0e1);
	box-shadow: 0 6px 20px rgba(0, 188, 212, 0.25);
}

.card-suporte[b-0dwzemtlun] {
	background: linear-gradient(135deg, #607d8b, #90a4ae);
	box-shadow: 0 6px 20px rgba(96, 125, 139, 0.25);
}

/* ===== Ícone grande decorativo ===== */
.card-icone-grande[b-0dwzemtlun] {
	position: absolute;
	top: -8px;
	right: -8px;
	font-size: 64px;
	opacity: 0.15;
	line-height: 1;
	pointer-events: none;
}

/* ===== Corpo do card ===== */
.card-corpo[b-0dwzemtlun] {
	position: relative;
	z-index: 1;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.card-numero[b-0dwzemtlun] {
	font-size: 36px;
	font-weight: 800;
	line-height: 1;
	margin-bottom: 6px;
	letter-spacing: -1px;
}

.card-label-principal[b-0dwzemtlun] {
	font-size: 20px;
	font-weight: 700;
	color: white;
	line-height: 1.2;
	margin: 0 0 2px;
}

.card-corpo h2[b-0dwzemtlun] {
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 2px;
	color: #fff;
}

.card-corpo p[b-0dwzemtlun] {
	font-size: 12px;
	margin: 0;
	opacity: 0.85;
	color: rgba(255, 255, 255, 0.9);
}

/* ===== Seta de ação ===== */
.card-ir[b-0dwzemtlun] {
	position: absolute;
	bottom: 16px;
	right: 16px;
	font-size: 22px;
	opacity: 0.5;
	transition: opacity 0.2s, transform 0.2s;
	z-index: 1;
}

.painel-card:hover .card-ir[b-0dwzemtlun] {
	opacity: 1;
	transform: translateX(3px);
}

/* ===== Card Planos — mesmo tamanho que os outros ===== */
.card-planos .card-icone-grande[b-0dwzemtlun] {
	/* herda posição absolute do padrão */
}

.card-planos .card-corpo[b-0dwzemtlun] {
	justify-content: flex-end;
}

/* ===== Skeleton ===== */
.skeleton[b-0dwzemtlun] {
	background: linear-gradient(90deg, var(--border-light) 25%, rgba(0,0,0,0.04) 50%, var(--border-light) 75%);
	background-size: 200% 100%;
	animation: shimmer 1.5s infinite;
	border-radius: 8px;
}

.skeleton-avatar[b-0dwzemtlun] {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	margin: 0 auto 16px;
}

.skeleton-title[b-0dwzemtlun] {
	width: 200px;
	height: 28px;
	margin: 0 auto 8px;
}

.skeleton-subtitle[b-0dwzemtlun] {
	width: 260px;
	height: 18px;
	margin: 0 auto;
}

.skeleton-card[b-0dwzemtlun] {
	height: 150px;
	border-radius: 20px;
}

@@keyframes shimmer {
	0%[b-0dwzemtlun] { background-position: 200% 0; }
	100%[b-0dwzemtlun] { background-position: -200% 0; }
}

/* ============================================
   DARK MODE — [data-theme="dark"]
   ============================================ */

:global([data-theme="dark"]) .painel-header h1[b-0dwzemtlun] {
	color: var(--text-dark);
}

:global([data-theme="dark"]) .avatar-circle[b-0dwzemtlun] {
	box-shadow: 0 6px 20px rgba(101, 75, 199, 0.45);
}

:global([data-theme="dark"]) .card-pets[b-0dwzemtlun] {
	background: linear-gradient(135deg, #c2185b, #e91e63);
	box-shadow: 0 6px 20px rgba(233, 30, 99, 0.35);
}

:global([data-theme="dark"]) .card-tags[b-0dwzemtlun] {
	background: linear-gradient(135deg, #1565c0, #2196f3);
	box-shadow: 0 6px 20px rgba(33, 150, 243, 0.35);
}

:global([data-theme="dark"]) .card-notificacoes[b-0dwzemtlun] {
	background: linear-gradient(135deg, #e65100, #ff9800);
	box-shadow: 0 6px 20px rgba(255, 152, 0, 0.35);
}

:global([data-theme="dark"]) .card-perfil[b-0dwzemtlun] {
	background: linear-gradient(135deg, #4a35a0, #654bc7);
	box-shadow: 0 6px 20px rgba(101, 75, 199, 0.40);
}

:global([data-theme="dark"]) .card-planos[b-0dwzemtlun] {
	background: linear-gradient(135deg, #00838f, #00bcd4);
	box-shadow: 0 6px 20px rgba(0, 188, 212, 0.35);
}

:global([data-theme="dark"]) .card-suporte[b-0dwzemtlun] {
	background: linear-gradient(135deg, #455a64, #78909c);
	box-shadow: 0 6px 20px rgba(96, 125, 139, 0.35);
}

:global([data-theme="dark"]) .painel-card:hover[b-0dwzemtlun] {
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.40);
}

:global([data-theme="dark"]) .skeleton[b-0dwzemtlun] {
	background: linear-gradient(90deg, var(--border-light) 25%, rgba(255,255,255,0.05) 50%, var(--border-light) 75%);
	background-size: 200% 100%;
}

/* ===== Responsivo ===== */

/* Mobile pequeno — 1 coluna */
@@media (max-width: 420px) {
	.painel-cards[b-0dwzemtlun] {
		grid-template-columns: 1fr;
	}
}

/* Desktop — mais espaço */
@@media (min-width: 768px) {
	.painel-page[b-0dwzemtlun] {
		max-width: 720px;
		padding: 40px 24px 56px;
	}

	.avatar-circle[b-0dwzemtlun] {
		width: 84px;
		height: 84px;
		font-size: 38px;
	}

	.painel-header h1[b-0dwzemtlun] {
		font-size: 30px;
	}

	.painel-header p[b-0dwzemtlun] {
		font-size: 16px;
	}

	.painel-cards[b-0dwzemtlun] {
		gap: 18px;
	}

	.painel-card[b-0dwzemtlun] {
		padding: 26px 22px;
		min-height: 170px;
	}

	.card-numero[b-0dwzemtlun] {
		font-size: 42px;
	}

	.card-corpo h2[b-0dwzemtlun] {
		font-size: 18px;
	}

	.card-corpo p[b-0dwzemtlun] {
		font-size: 13px;
	}

	.card-icone-grande[b-0dwzemtlun] {
		font-size: 80px;
	}
}
/* /Components/Pages/Perfil.razor.rz.scp.css */
/* ===== Loading ===== */
.loading-container[b-4mqkaehp34] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    gap: 16px;
}

.loading-spinner[b-4mqkaehp34] {
    width: 48px;
    height: 48px;
    border: 4px solid var(--border-light);
    border-top-color: var(--primary-purple);
    border-radius: 50%;
    animation: spin-b-4mqkaehp34 0.8s linear infinite;
}

.loading-text[b-4mqkaehp34] {
    color: var(--text-medium);
    font-size: 16px;
}

@keyframes spin-b-4mqkaehp34 {
    to { transform: rotate(360deg); }
}

/* ===== Page ===== */
.perfil-page[b-4mqkaehp34] {
    max-width: 900px;
    margin: 0 auto;
    padding: 32px 24px;
    background: var(--bg-gray);
    min-height: calc(100vh - 100px);
}

/* ===== Header ===== */
.perfil-header[b-4mqkaehp34] {
    background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
    border-radius: 20px;
    padding: 32px;
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 28px;
    box-shadow: 0 4px 20px rgba(101, 75, 199, 0.2);
}

/* Avatar wrapper — container com posição relativa */
.perfil-avatar-wrapper[b-4mqkaehp34] {
    position: relative;
    width: 90px;
    height: 90px;
    flex-shrink: 0;
}

.perfil-avatar-img[b-4mqkaehp34] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.3);
}

.perfil-avatar-placeholder[b-4mqkaehp34] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.2);
}

.perfil-avatar-placeholder i[b-4mqkaehp34] {
    font-size: 40px;
    color: rgba(255, 255, 255, 0.8);
}

/* Overlay de câmera — circular, escurece no hover */
.perfil-avatar-overlay[b-4mqkaehp34] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    cursor: pointer;
    transition: background 0.2s;
    z-index: 1;
    overflow: hidden;
    border: 3px solid transparent;
}

.perfil-avatar-overlay > i[b-4mqkaehp34],
.perfil-avatar-overlay > span[b-4mqkaehp34] {
    color: #fff;
    opacity: 0;
    transition: opacity 0.2s;
    pointer-events: none;
}

.perfil-avatar-overlay > i[b-4mqkaehp34] {
    font-size: 22px;
}

.perfil-avatar-overlay > span[b-4mqkaehp34] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.perfil-avatar-wrapper:hover .perfil-avatar-overlay[b-4mqkaehp34] {
    background: rgba(0, 0, 0, 0.5);
}

.perfil-avatar-wrapper:hover .perfil-avatar-overlay > i[b-4mqkaehp34],
.perfil-avatar-wrapper:hover .perfil-avatar-overlay > span[b-4mqkaehp34] {
    opacity: 1;
}

/* Input file invisível — Blazor gera wrapper, precisamos atingir o input real */
.perfil-avatar-overlay[b-4mqkaehp34]  input[type="file"],
.perfil-avatar-input[b-4mqkaehp34] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* Botão de remover foto — canto superior direito, FORA do overflow */
.perfil-avatar-remover[b-4mqkaehp34] {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.8);
    background: var(--danger-red);
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    transition: all 0.2s;
    padding: 0;
    z-index: 3;
}

.perfil-avatar-remover:hover[b-4mqkaehp34] {
    transform: scale(1.15);
    box-shadow: 0 3px 10px rgba(244, 67, 54, 0.4);
}

.perfil-info[b-4mqkaehp34] {
    flex: 1;
    color: var(--white);
}

.perfil-nome[b-4mqkaehp34] {
    margin: 0 0 4px 0;
    font-size: 26px;
    font-weight: 700;
    color: var(--white);
}

.perfil-email[b-4mqkaehp34] {
    margin: 0 0 10px 0;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.85);
}

.perfil-tipo[b-4mqkaehp34] {
    display: inline-block;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    color: var(--white);
}

/* ===== Cards ===== */
.perfil-cards[b-4mqkaehp34] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.perfil-card[b-4mqkaehp34] {
    background: var(--white);
    border-radius: 16px;
    padding: 28px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--border-light);
}

.card-title[b-4mqkaehp34] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 700;
    color: var(--text-dark);
    margin: 0 0 24px 0;
}

.card-title i[b-4mqkaehp34] {
    color: var(--primary-purple);
    font-size: 20px;
}

/* ===== Info lista ===== */
.info-lista[b-4mqkaehp34] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px;
}

.info-item[b-4mqkaehp34] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.info-label[b-4mqkaehp34] {
    font-weight: 600;
    color: var(--primary-purple);
    min-width: 160px;
    font-size: 14px;
    flex-shrink: 0;
}

.info-value[b-4mqkaehp34] {
    color: var(--text-dark);
    font-size: 15px;
}

/* ===== Formulário ===== */
.form-group[b-4mqkaehp34] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 16px;
}

.form-label[b-4mqkaehp34] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-dark);
}

.form-input[b-4mqkaehp34] {
    padding: 11px 14px;
    border: 1px solid var(--border-light);
    border-radius: 10px;
    font-size: 15px;
    color: var(--text-dark);
    background: var(--white);
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-input:focus[b-4mqkaehp34] {
    outline: none;
    border-color: var(--primary-purple);
    box-shadow: 0 0 0 3px rgba(101, 75, 199, 0.1);
}

/* Campos lado a lado */
.form-row[b-4mqkaehp34] {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.form-row .form-group[b-4mqkaehp34] {
    margin-bottom: 0;
}

.form-group-cep[b-4mqkaehp34] {
    width: 160px;
    flex-shrink: 0;
}

.form-group-numero[b-4mqkaehp34] {
    width: 100px;
    flex-shrink: 0;
}

.form-group-complemento[b-4mqkaehp34] {
    flex: 1;
}

.form-group-cidade[b-4mqkaehp34] {
    flex: 1;
}

.form-group-estado[b-4mqkaehp34] {
    width: 90px;
    flex-shrink: 0;
}

/* Input com botão (CEP) */
.input-com-botao[b-4mqkaehp34] {
    display: flex;
    gap: 0;
}

.input-com-botao .form-input[b-4mqkaehp34] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    flex: 1;
}

.btn-buscar-cep[b-4mqkaehp34] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    border: 1px solid var(--border-light);
    border-left: none;
    border-radius: 0 10px 10px 0;
    background: var(--primary-purple);
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s;
    flex-shrink: 0;
}

.btn-buscar-cep:hover:not(:disabled)[b-4mqkaehp34] {
    background: var(--primary-purple-light);
}

.btn-buscar-cep:disabled[b-4mqkaehp34] {
    opacity: 0.6;
    cursor: not-allowed;
}

.spinner-sm[b-4mqkaehp34] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-4mqkaehp34 0.6s linear infinite;
}

.alerta-erro[b-4mqkaehp34] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(244, 67, 54, 0.12);
    color: var(--danger-red);
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
}

.alerta-erro i[b-4mqkaehp34] {
    font-size: 18px;
    flex-shrink: 0;
}

/* ===== Botões ===== */
.botoes-edicao[b-4mqkaehp34] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 8px;
}

.btn-primary[b-4mqkaehp34] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--primary-purple);
    color: var(--white);
    border: none;
    border-radius: 10px;
    padding: 11px 24px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-primary:hover[b-4mqkaehp34] {
    background: var(--primary-purple-light);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(101, 75, 199, 0.3);
}

.btn-primary:disabled[b-4mqkaehp34] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.btn-secondary[b-4mqkaehp34] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--bg-gray);
    color: var(--text-dark);
    border: 1px solid var(--border-light);
    border-radius: 10px;
    padding: 11px 24px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-secondary:hover[b-4mqkaehp34] {
    background: var(--white);
    border-color: var(--primary-purple);
    color: var(--primary-purple);
}

.btn-editar[b-4mqkaehp34] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--bg-gray);
    border: 1px solid var(--border-light);
    border-radius: 10px;
    padding: 11px 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-dark);
    cursor: pointer;
    transition: all 0.2s;
}

.btn-editar:hover[b-4mqkaehp34] {
    background: var(--white);
    border-color: var(--primary-purple);
    color: var(--primary-purple);
}

/* ===== Segurança ===== */
.seguranca-links[b-4mqkaehp34] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.seguranca-link[b-4mqkaehp34] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    text-decoration: none;
    color: var(--text-dark);
    font-size: 15px;
    font-weight: 500;
    transition: all 0.2s;
}

.seguranca-link:hover[b-4mqkaehp34] {
    background: var(--bg-gray);
    color: var(--primary-purple);
}

.seguranca-link i:first-child[b-4mqkaehp34] {
    font-size: 18px;
    color: var(--primary-purple);
    width: 24px;
    text-align: center;
}

.seguranca-link span[b-4mqkaehp34] {
    flex: 1;
}

.seguranca-link i:last-child[b-4mqkaehp34] {
    font-size: 14px;
    color: var(--text-medium);
}

/* ===== Responsivo ===== */
@media (max-width: 768px) {
    .perfil-page[b-4mqkaehp34] {
        padding: 24px 16px;
    }

    .perfil-header[b-4mqkaehp34] {
        flex-direction: column;
        text-align: center;
        padding: 28px 20px;
    }

    .perfil-avatar-wrapper[b-4mqkaehp34] {
        width: 80px;
        height: 80px;
    }

    .perfil-avatar-overlay > i[b-4mqkaehp34] {
        font-size: 18px;
    }

    .perfil-avatar-overlay > span[b-4mqkaehp34] {
        font-size: 10px;
    }

    .perfil-avatar-remover[b-4mqkaehp34] {
        width: 24px;
        height: 24px;
        font-size: 12px;
    }

    .perfil-nome[b-4mqkaehp34] {
        font-size: 22px;
    }

    .perfil-card[b-4mqkaehp34] {
        padding: 24px 20px;
    }

    .info-item[b-4mqkaehp34] {
        flex-direction: column;
        gap: 2px;
    }

    .info-label[b-4mqkaehp34] {
        min-width: unset;
    }

    .form-row[b-4mqkaehp34] {
        flex-direction: column;
        gap: 0;
    }

    .form-row .form-group[b-4mqkaehp34] {
        margin-bottom: 16px;
    }

    .form-group-cep[b-4mqkaehp34],
    .form-group-numero[b-4mqkaehp34],
    .form-group-estado[b-4mqkaehp34] {
        width: 100%;
    }

    .botoes-edicao[b-4mqkaehp34] {
        flex-direction: column;
    }

    .botoes-edicao .btn-primary[b-4mqkaehp34],
    .botoes-edicao .btn-secondary[b-4mqkaehp34] {
        width: 100%;
    }
}

/* ============================================
   DARK MODE — [data-theme="dark"]
   ============================================ */

:global([data-theme="dark"]) .perfil-page[b-4mqkaehp34] {
    background: #121220;
}

:global([data-theme="dark"]) .perfil-card[b-4mqkaehp34] {
    background: var(--white);
    border-color: var(--border-light);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .form-input[b-4mqkaehp34] {
    background: var(--white);
    border-color: var(--border-light);
    color: var(--text-dark);
}

:global([data-theme="dark"]) .form-input:focus[b-4mqkaehp34] {
    border-color: var(--primary-purple);
    box-shadow: 0 0 0 3px rgba(107, 130, 247, 0.15);
}

:global([data-theme="dark"]) .form-input:disabled[b-4mqkaehp34] {
    background: rgba(30, 30, 47, 0.6);
    color: var(--text-medium);
}

:global([data-theme="dark"]) .perfil-avatar-remover[b-4mqkaehp34] {
    border-color: rgba(255, 255, 255, 0.3);
}

:global([data-theme="dark"]) .btn-secondary[b-4mqkaehp34] {
    background: rgba(30, 30, 47, 0.6);
    border-color: var(--border-light);
    color: var(--text-dark);
}

:global([data-theme="dark"]) .btn-buscar-cep[b-4mqkaehp34] {
    border-color: var(--border-light);
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of [data-theme="dark"] section above */
/* /Components/Pages/PetProfile.razor.rz.scp.css */
.pet-profile-page[b-bi75baja3a] {
	max-width: 1200px;
	margin: 0 auto;
	padding: 32px 24px;
	background: var(--bg-gray);
	min-height: calc(100vh - 100px);
}

/* Loading / Erro */
.loading-container[b-bi75baja3a] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 60vh;
	gap: 16px;
}

.loading-spinner[b-bi75baja3a] {
	width: 48px;
	height: 48px;
	border: 4px solid var(--border-light);
	border-top-color: var(--primary-purple);
	border-radius: 50%;
	animation: spin-b-bi75baja3a 0.8s linear infinite;
}

.loading-text[b-bi75baja3a] {
	color: var(--text-medium);
	font-size: 16px;
}

.erro-container[b-bi75baja3a] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 60vh;
	gap: 16px;
	text-align: center;
	padding: 24px;
}

.erro-icon[b-bi75baja3a] {
	font-size: 48px;
	color: var(--danger-red);
}

.erro-titulo[b-bi75baja3a] {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	color: var(--text-dark);
}

.erro-mensagem[b-bi75baja3a] {
	margin: 0;
	font-size: 16px;
	color: var(--text-medium);
}

/* Botão retry (usado na tela de erro do pai) */
.btn-primary[b-bi75baja3a] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: var(--primary-purple);
	color: var(--white);
	border: none;
	border-radius: 10px;
	padding: 12px 24px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-primary:hover[b-bi75baja3a] {
	background: var(--primary-purple-light);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(101, 75, 199, 0.3);
}

@keyframes spin-b-bi75baja3a {
	to {
		transform: rotate(360deg);
	}
}

/* ===== Banner — Modo Demonstração ===== */
.demo-banner-profile[b-bi75baja3a] {
	margin-bottom: 20px;
}

.demo-banner-profile-content[b-bi75baja3a] {
	display: flex;
	align-items: center;
	gap: 12px;
	background: rgba(33, 150, 243, 0.1);
	border: 1px solid rgba(33, 150, 243, 0.3);
	border-radius: 14px;
	padding: 14px 18px;
}

.demo-banner-profile-content > i[b-bi75baja3a] {
	font-size: 24px;
	color: #2196f3;
	flex-shrink: 0;
}

.demo-banner-profile-content div[b-bi75baja3a] {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.demo-banner-profile-content strong[b-bi75baja3a] {
	font-size: 14px;
	color: #1565c0;
}

.demo-banner-profile-content span[b-bi75baja3a] {
	font-size: 13px;
	color: var(--text-medium);
	line-height: 1.4;
}

.demo-config-aviso[b-bi75baja3a] {
	display: flex;
	align-items: center;
	gap: 10px;
	background: rgba(33, 150, 243, 0.08);
	border: 1px solid rgba(33, 150, 243, 0.2);
	border-radius: 12px;
	padding: 20px;
	color: #1565c0;
	font-size: 14px;
	font-weight: 500;
}

.demo-config-aviso i[b-bi75baja3a] {
	font-size: 20px;
	flex-shrink: 0;
}

/* ===== Banner — Pet sem tag ===== */
.sem-tag-banner[b-bi75baja3a] {
	margin-bottom: 20px;
}

.sem-tag-banner-content[b-bi75baja3a] {
	display: flex;
	align-items: center;
	gap: 12px;
	background: rgba(255, 152, 0, 0.1);
	border: 1px solid rgba(255, 152, 0, 0.3);
	border-radius: 14px;
	padding: 14px 18px;
}

.sem-tag-banner-content > i[b-bi75baja3a] {
	font-size: 24px;
	color: #f57c00;
	flex-shrink: 0;
}

.sem-tag-banner-content div[b-bi75baja3a] {
	display: flex;
	flex-direction: column;
	gap: 2px;
	flex: 1;
}

.sem-tag-banner-content strong[b-bi75baja3a] {
	font-size: 14px;
	color: #e65100;
}

.sem-tag-banner-content span[b-bi75baja3a] {
	font-size: 13px;
	color: var(--text-medium);
	line-height: 1.4;
}

/* Dark mode */
:global([data-theme="dark"]) .demo-banner-profile-content[b-bi75baja3a] {
	background: rgba(33, 150, 243, 0.12);
	border-color: rgba(33, 150, 243, 0.25);
}

:global([data-theme="dark"]) .demo-banner-profile-content strong[b-bi75baja3a] {
	color: #64b5f6;
}

:global([data-theme="dark"]) .demo-config-aviso[b-bi75baja3a] {
	background: rgba(33, 150, 243, 0.1);
	border-color: rgba(33, 150, 243, 0.2);
	color: #64b5f6;
}

:global([data-theme="dark"]) .sem-tag-banner-content[b-bi75baja3a] {
	background: rgba(255, 152, 0, 0.12);
	border-color: rgba(255, 152, 0, 0.25);
}

:global([data-theme="dark"]) .sem-tag-banner-content strong[b-bi75baja3a] {
	color: #ffb74d;
}

/* Carregar mais */
.carregar-mais-container[b-bi75baja3a] {
	display: flex;
	justify-content: center;
	padding: 24px 0 8px;
}

.btn-carregar-mais[b-bi75baja3a] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 24px;
	border: 1px solid var(--border-light);
	border-radius: 20px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.85rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
}

.btn-carregar-mais:hover:not(:disabled)[b-bi75baja3a] {
	border-color: var(--primary-purple-light);
	color: var(--primary-purple);
}

.btn-carregar-mais:disabled[b-bi75baja3a] {
	opacity: 0.6;
	cursor: not-allowed;
}

.loading-spinner-sm[b-bi75baja3a] {
	width: 16px;
	height: 16px;
	border: 2px solid var(--border-light);
	border-top: 2px solid var(--primary-purple);
	border-radius: 50%;
	animation: spin-b-bi75baja3a 0.8s linear infinite;
}

@media (max-width: 768px) {
	.pet-profile-page[b-bi75baja3a] {
		padding: 24px 16px;
	}

	.demo-banner-profile-content[b-bi75baja3a],
	.sem-tag-banner-content[b-bi75baja3a] {
		padding: 12px 14px;
	}

	.demo-banner-profile-content > i[b-bi75baja3a],
	.sem-tag-banner-content > i[b-bi75baja3a] {
		font-size: 20px;
	}
}
/* /Components/Pages/Planos.razor.rz.scp.css */
.planos-page[b-7idp4ex9bi] {
	max-width: 1200px;
	margin: 0 auto;
	padding: 32px 24px;
	background: var(--bg-gray);
	min-height: calc(100vh - 100px);
}

.page-header[b-7idp4ex9bi] {
	text-align: center;
	margin-bottom: 40px;
}

.page-header h1[b-7idp4ex9bi] {
	margin: 0 0 8px 0;
	font-size: 32px;
	font-weight: 700;
	color: var(--text-dark);
}

.page-header p[b-7idp4ex9bi] {
	margin: 0;
	font-size: 16px;
	color: var(--text-medium);
}

/* Plans Grid */
.plans-grid[b-7idp4ex9bi] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-bottom: 48px;
}

.plan-card[b-7idp4ex9bi] {
	background: var(--white);
	border-radius: 20px;
	padding: 32px 28px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
	border: 2px solid var(--border-light);
	position: relative;
	transition: all 0.3s;
	display: flex;
	flex-direction: column;
}

.plan-card:hover[b-7idp4ex9bi] {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.plan-card.plan-featured[b-7idp4ex9bi] {
	border-color: var(--primary-purple);
	background: linear-gradient(180deg, rgba(101, 75, 199, 0.03) 0%, var(--white) 100%);
}

.plan-badge[b-7idp4ex9bi] {
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--primary-purple);
	color: var(--white);
	padding: 4px 16px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.plan-header[b-7idp4ex9bi] {
	text-align: center;
	margin-bottom: 24px;
}

.plan-header h3[b-7idp4ex9bi] {
	margin: 0 0 12px 0;
	font-size: 22px;
	font-weight: 700;
	color: var(--text-dark);
}

.plan-price[b-7idp4ex9bi] {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 2px;
}

.plan-free[b-7idp4ex9bi] {
	flex-direction: column;
	align-items: center;
	gap: 4px;
}

.free-text[b-7idp4ex9bi] {
	font-size: 36px;
	font-weight: 700;
	color: #4caf50;
}

.free-sub[b-7idp4ex9bi] {
	font-size: 14px;
	color: var(--text-medium);
}

.currency[b-7idp4ex9bi] {
	font-size: 20px;
	font-weight: 600;
	color: var(--primary-purple);
}

.amount[b-7idp4ex9bi] {
	font-size: 48px;
	font-weight: 700;
	color: var(--primary-purple);
	line-height: 1;
}

.period[b-7idp4ex9bi] {
	font-size: 16px;
	color: var(--text-medium);
	font-weight: 500;
}

.price-monthly[b-7idp4ex9bi] {
	display: block;
	text-align: center;
	font-size: 13px;
	color: var(--text-medium);
	margin-top: 4px;
}

/* Features */
.plan-features[b-7idp4ex9bi] {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
}

.plan-features li[b-7idp4ex9bi] {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: var(--text-dark);
}

.feat-ok[b-7idp4ex9bi] {
	color: #4caf50;
	font-size: 16px;
}

.feat-premium[b-7idp4ex9bi] {
	color: var(--primary-purple);
	font-size: 16px;
}

.feat-familia[b-7idp4ex9bi] {
	color: var(--primary-purple);
	font-size: 16px;
}

.feat-disabled[b-7idp4ex9bi] {
	color: var(--text-medium);
	opacity: 0.6;
}

.feat-disabled i[b-7idp4ex9bi] {
	color: #ccc;
}

/* CTA Section */
.cta-section[b-7idp4ex9bi] {
	text-align: center;
	padding: 32px;
	background: var(--white);
	border-radius: 16px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

.cta-text[b-7idp4ex9bi] {
	margin: 0 0 16px 0;
	font-size: 15px;
	color: var(--text-medium);
}

/* Plan Buttons */
.plan-btn[b-7idp4ex9bi] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: none;
	border-radius: 12px;
	padding: 14px 28px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
	text-decoration: none;
}

.plan-btn-primary[b-7idp4ex9bi] {
	background: var(--primary-purple);
	color: var(--white);
}

.plan-btn-primary:hover[b-7idp4ex9bi] {
	background: var(--primary-purple-light);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(101, 75, 199, 0.3);
}

/* Responsivo */
@@media (max-width: 968px) {
	.plans-grid[b-7idp4ex9bi] {
		grid-template-columns: 1fr;
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
}

@@media (max-width: 768px) {
	.planos-page[b-7idp4ex9bi] {
		padding: 24px 16px;
	}

	.page-header h1[b-7idp4ex9bi] {
		font-size: 24px;
	}

	.plan-card[b-7idp4ex9bi] {
		padding: 24px 20px;
	}

	.amount[b-7idp4ex9bi] {
		font-size: 36px;
	}
}

/* ===== DARK MODE ===== */

:global([data-theme="dark"]) .planos-page[b-7idp4ex9bi] {
	background: #121220;
}

:global([data-theme="dark"]) .plan-card[b-7idp4ex9bi] {
	background: var(--white);
	border-color: var(--border-light);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .plan-card:hover[b-7idp4ex9bi] {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .plan-card.plan-featured[b-7idp4ex9bi] {
	background: linear-gradient(180deg, rgba(107, 130, 247, 0.06) 0%, var(--white) 100%);
}

:global([data-theme="dark"]) .cta-section[b-7idp4ex9bi] {
	background: var(--white);
	border-color: var(--border-light);
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of [data-theme="dark"] section above */
/* /Components/Pages/Privacidade.razor.rz.scp.css */
.legal-content[b-p4nlrt7mzw] {
	background: var(--bg-gray);
	padding: 3rem 2rem;
	min-height: calc(100vh - 200px);
	overflow-x: hidden;
}

.container[b-p4nlrt7mzw] {
	max-width: 900px;
	margin: 0 auto;
	background: var(--white);
	padding: 3rem;
	border-radius: 16px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.legal-content h1[b-p4nlrt7mzw] {
	font-size: 2.5rem;
	color: var(--primary-purple);
	margin-bottom: 0.5rem;
}

.last-updated[b-p4nlrt7mzw] {
	color: var(--text-medium);
	font-size: 0.95rem;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 2px solid var(--border-light);
}

.legal-section[b-p4nlrt7mzw] {
	margin-bottom: 2.5rem;
}

.legal-section h2[b-p4nlrt7mzw] {
	font-size: 1.5rem;
	color: var(--text-dark);
	margin-bottom: 1rem;
}

.legal-section p[b-p4nlrt7mzw] {
	font-size: 1rem;
	color: var(--text-medium);
	line-height: 1.8;
	margin-bottom: 1rem;
}

.legal-section ul[b-p4nlrt7mzw] {
	margin: 1rem 0;
	padding-left: 2rem;
}

.legal-section li[b-p4nlrt7mzw] {
	font-size: 1rem;
	color: var(--text-medium);
	line-height: 1.8;
	margin-bottom: 0.5rem;
}

.legal-section a[b-p4nlrt7mzw] {
	color: var(--primary-purple);
	text-decoration: none;
}

.legal-section a:hover[b-p4nlrt7mzw] {
	text-decoration: underline;
}

@media (max-width: 768px) {
	.legal-content[b-p4nlrt7mzw] {
		padding: 2rem 1rem;
	}

	.container[b-p4nlrt7mzw] {
		padding: 2rem 1.5rem;
	}

	.legal-content h1[b-p4nlrt7mzw] {
		font-size: 2rem;
	}
}

/* ===== Dark Mode ===== */
:global([data-theme="dark"]) .legal-content[b-p4nlrt7mzw] {
	background: #121220;
}

:global([data-theme="dark"]) .container[b-p4nlrt7mzw] {
	background: var(--white);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .last-updated[b-p4nlrt7mzw] {
	border-bottom-color: var(--border-light);
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of [data-theme="dark"] section above */
/* /Components/Pages/Suporte.razor.rz.scp.css */
/* Estilos movidos para <style> inline no Suporte.razor */
/* /Components/Pages/Tag.razor.rz.scp.css */
/* ===== Loading State ===== */
.loading-container[b-is6isq5pgx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    gap: 16px;
}

.loading-spinner[b-is6isq5pgx] {
    width: 48px;
    height: 48px;
    border: 4px solid var(--border-light);
    border-top-color: var(--primary-purple);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@@keyframes spin {
    to[b-is6isq5pgx] { transform: rotate(360deg); }
}

.loading-text[b-is6isq5pgx] {
    color: var(--text-medium);
    font-size: 16px;
}

/* ===== Not Found State ===== */
.not-found-container[b-is6isq5pgx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    gap: 12px;
    text-align: center;
    padding: 24px;
}

.not-found-icon[b-is6isq5pgx] {
    font-size: 64px;
    color: #c5cae9;
}

.not-found-titulo[b-is6isq5pgx] {
    font-size: 22px;
    font-weight: bold;
    color: var(--text-dark);
    margin: 0;
}

.not-found-mensagem[b-is6isq5pgx] {
    font-size: 15px;
    color: var(--text-medium);
    margin: 0;
    max-width: 400px;
}

/* ===== Ativação Tag Badge (usado no status intermediário) ===== */
.ativacao-tag-badge[b-is6isq5pgx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.ativacao-tag-badge i[b-is6isq5pgx] {
    font-size: 16px;
}

/* ===== Pré-Ativação Petshop (dentro do status intermediário) ===== */
.preativacao-petshop-container[b-is6isq5pgx] {
    background: var(--white);
    border: 1px solid rgba(3, 169, 244, 0.3);
    border-radius: 16px;
    padding: 20px;
    margin-top: 8px;
    text-align: left;
    max-width: 440px;
    width: 100%;
    box-shadow: 0 2px 12px rgba(3, 169, 244, 0.1);
}

.preativacao-petshop-titulo[b-is6isq5pgx] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 700;
    color: #0277bd;
    margin-bottom: 6px;
}

.preativacao-petshop-titulo i[b-is6isq5pgx] {
    font-size: 20px;
    color: #03a9f4;
}

.preativacao-petshop-desc[b-is6isq5pgx] {
    font-size: 14px;
    color: var(--text-medium);
    margin: 0 0 16px 0;
    line-height: 1.5;
}

.btn-preativar-tag[b-is6isq5pgx] {
    width: 100%;
    background: linear-gradient(135deg, #03a9f4, #0288d1);
    color: #ffffff;
    border: none;
    border-radius: 12px;
    padding: 14px 20px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.25s;
    box-shadow: 0 4px 14px rgba(3, 169, 244, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.btn-preativar-tag:hover[b-is6isq5pgx] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(3, 169, 244, 0.45);
}

.btn-preativar-tag:active[b-is6isq5pgx] {
    transform: translateY(0);
}

.btn-preativar-tag:disabled[b-is6isq5pgx] {
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.btn-preativar-tag i[b-is6isq5pgx] {
    font-size: 18px;
}

.preativacao-petshop-opcoes[b-is6isq5pgx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.btn-usar-proprio[b-is6isq5pgx] {
    width: 100%;
    background: linear-gradient(135deg, #7c4dff, #651fff);
    color: #ffffff;
    border: none;
    border-radius: 12px;
    padding: 14px 20px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.25s;
    box-shadow: 0 4px 14px rgba(124, 77, 255, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.btn-usar-proprio:hover[b-is6isq5pgx] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(124, 77, 255, 0.45);
}

.btn-usar-proprio:active[b-is6isq5pgx] {
    transform: translateY(0);
}

.btn-usar-proprio:disabled[b-is6isq5pgx] {
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.btn-usar-proprio i[b-is6isq5pgx] {
    font-size: 18px;
}

.preativacao-sucesso[b-is6isq5pgx] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #e8f5e9;
    color: #2e7d32;
    padding: 14px 18px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
}

.preativacao-sucesso i[b-is6isq5pgx] {
    font-size: 22px;
    flex-shrink: 0;
}

.preativacao-erro[b-is6isq5pgx] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #ffebee;
    color: #c62828;
    padding: 14px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
}

.preativacao-erro i[b-is6isq5pgx] {
    font-size: 18px;
    flex-shrink: 0;
}

:global([data-theme="dark"]) .preativacao-petshop-container[b-is6isq5pgx] {
    background: #1e293b;
    border-color: rgba(3, 169, 244, 0.25);
}

:global([data-theme="dark"]) .preativacao-petshop-titulo[b-is6isq5pgx] {
    color: #4fc3f7;
}

:global([data-theme="dark"]) .preativacao-sucesso[b-is6isq5pgx] {
    background: rgba(46, 125, 50, 0.15);
    color: #81c784;
}

:global([data-theme="dark"]) .preativacao-erro[b-is6isq5pgx] {
    background: rgba(198, 40, 40, 0.15);
    color: #ef9a9a;
}

@@media (max-width: 360px) {
    .preativacao-petshop-container[b-is6isq5pgx] {
        padding: 16px;
    }

    .preativacao-petshop-titulo[b-is6isq5pgx] {
        font-size: 14px;
    }

    .preativacao-petshop-desc[b-is6isq5pgx] {
        font-size: 13px;
    }

    .btn-preativar-tag[b-is6isq5pgx] {
        padding: 12px 16px;
        font-size: 14px;
    }

    .btn-usar-proprio[b-is6isq5pgx] {
        padding: 12px 16px;
        font-size: 14px;
    }
}

/* ===== Status Intermediário (Virgem, Gravada, Despachada, DisponívelVenda, Desativado, Bloqueado) ===== */
.status-intermediario-container[b-is6isq5pgx] {
    max-width: 520px;
    margin: 20px auto 40px;
    padding: 0 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.status-intermediario-icon-wrapper[b-is6isq5pgx] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-purple, #4c66ef), var(--primary-purple-light, #8e99f2));
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(76, 102, 239, 0.25);
    margin-bottom: 8px;
}

.status-intermediario-icon[b-is6isq5pgx] {
    font-size: 42px;
    color: #ffffff;
}

.status-intermediario-titulo[b-is6isq5pgx] {
    font-size: 24px;
    font-weight: 800;
    color: var(--text-dark);
    margin: 0;
    line-height: 1.3;
}

.status-intermediario-desc[b-is6isq5pgx] {
    font-size: 15px;
    color: var(--text-medium);
    margin: 0;
    line-height: 1.6;
    max-width: 400px;
}

.status-intermediario-dica[b-is6isq5pgx] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: rgba(76, 102, 239, 0.08);
    border: 1px solid rgba(76, 102, 239, 0.2);
    border-radius: 14px;
    padding: 14px 18px;
    font-size: 14px;
    color: var(--primary-purple, #4c66ef);
    text-align: left;
    max-width: 440px;
    line-height: 1.5;
}

.status-intermediario-dica i[b-is6isq5pgx] {
    font-size: 18px;
    flex-shrink: 0;
    margin-top: 1px;
}

:global([data-theme="dark"]) .status-intermediario-dica[b-is6isq5pgx] {
    background: rgba(76, 102, 239, 0.12);
    border-color: rgba(76, 102, 239, 0.25);
}

@@media (min-width: 768px) {
    .status-intermediario-container[b-is6isq5pgx] {
        max-width: 560px;
        padding: 0 24px;
    }

    .status-intermediario-icon-wrapper[b-is6isq5pgx] {
        width: 112px;
        height: 112px;
    }

    .status-intermediario-icon[b-is6isq5pgx] {
        font-size: 50px;
    }

    .status-intermediario-titulo[b-is6isq5pgx] {
        font-size: 28px;
    }

    .status-intermediario-desc[b-is6isq5pgx] {
        font-size: 16px;
    }
}

@@media (max-width: 360px) {
    .status-intermediario-container[b-is6isq5pgx] {
        padding: 0 12px;
        gap: 12px;
    }

    .status-intermediario-icon-wrapper[b-is6isq5pgx] {
        width: 80px;
        height: 80px;
    }

    .status-intermediario-icon[b-is6isq5pgx] {
        font-size: 36px;
    }

    .status-intermediario-titulo[b-is6isq5pgx] {
        font-size: 20px;
    }

    .status-intermediario-desc[b-is6isq5pgx] {
        font-size: 14px;
    }

    .status-intermediario-dica[b-is6isq5pgx] {
        padding: 12px 14px;
        font-size: 13px;
    }
}

/* ===== Banner de Aviso de Geolocalização ===== */
.geo-aviso-container[b-is6isq5pgx] {
    max-width: 520px;
    margin: 16px auto 0;
    padding: 0 16px;
}

.geo-aviso-card[b-is6isq5pgx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    background: #fff3e0;
    border: 1px solid #ffcc80;
    border-radius: 14px;
    padding: 18px 20px;
    text-align: center;
    animation: geoAvisoSlideIn 0.4s ease;
}

.geo-aviso-icon[b-is6isq5pgx] {
    font-size: 32px;
    color: #e65100;
}

.geo-aviso-conteudo strong[b-is6isq5pgx] {
    display: block;
    font-size: 15px;
    color: #bf360c;
    margin-bottom: 4px;
}

.geo-aviso-conteudo p[b-is6isq5pgx] {
    margin: 0;
    font-size: 13px;
    color: #6d4c41;
    line-height: 1.5;
}

.geo-aviso-btn[b-is6isq5pgx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #e65100;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.geo-aviso-btn:hover[b-is6isq5pgx] {
    background: #bf360c;
    transform: translateY(-1px);
}

.geo-aviso-btn:active[b-is6isq5pgx] {
    transform: translateY(0);
}

@@keyframes geoAvisoSlideIn {
    from[b-is6isq5pgx] {
        opacity: 0;
        transform: translateY(-10px);
    }
    to[b-is6isq5pgx] {
        opacity: 1;
        transform: translateY(0);
    }
}

:global([data-theme="dark"]) .geo-aviso-card[b-is6isq5pgx] {
    background: rgba(230, 81, 0, 0.12);
    border-color: rgba(230, 81, 0, 0.3);
}

:global([data-theme="dark"]) .geo-aviso-conteudo strong[b-is6isq5pgx] {
    color: #ffab40;
}

:global([data-theme="dark"]) .geo-aviso-conteudo p[b-is6isq5pgx] {
    color: #ffcc80;
}

:global([data-theme="dark"]) .geo-aviso-icon[b-is6isq5pgx] {
    color: #ffab40;
}

:global([data-theme="dark"]) .geo-aviso-btn[b-is6isq5pgx] {
    background: #ff6d00;
}

:global([data-theme="dark"]) .geo-aviso-btn:hover[b-is6isq5pgx] {
    background: #e65100;
}

@@media (max-width: 360px) {
    .geo-aviso-container[b-is6isq5pgx] {
        padding: 0 12px;
    }

    .geo-aviso-card[b-is6isq5pgx] {
        padding: 14px 16px;
    }

    .geo-aviso-conteudo p[b-is6isq5pgx] {
        font-size: 12px;
    }

    .geo-aviso-btn[b-is6isq5pgx] {
        padding: 8px 16px;
        font-size: 13px;
    }
}
/* /Components/Pages/Termos.razor.rz.scp.css */
.legal-content[b-0hn3pxjn2r] {
	background: var(--bg-gray);
	padding: 3rem 2rem;
	min-height: calc(100vh - 200px);
	overflow-x: hidden;
}

.container[b-0hn3pxjn2r] {
	max-width: 900px;
	margin: 0 auto;
	background: var(--white);
	padding: 3rem;
	border-radius: 16px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.legal-content h1[b-0hn3pxjn2r] {
	font-size: 2.5rem;
	color: var(--primary-purple);
	margin-bottom: 0.5rem;
}

.last-updated[b-0hn3pxjn2r] {
	color: var(--text-medium);
	font-size: 0.95rem;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 2px solid var(--border-light);
}

.legal-section[b-0hn3pxjn2r] {
	margin-bottom: 2.5rem;
}

.legal-section h2[b-0hn3pxjn2r] {
	font-size: 1.5rem;
	color: var(--text-dark);
	margin-bottom: 1rem;
}

.legal-section p[b-0hn3pxjn2r] {
	font-size: 1rem;
	color: var(--text-medium);
	line-height: 1.8;
	margin-bottom: 1rem;
}

.legal-section ul[b-0hn3pxjn2r] {
	margin: 1rem 0;
	padding-left: 2rem;
}

.legal-section li[b-0hn3pxjn2r] {
	font-size: 1rem;
	color: var(--text-medium);
	line-height: 1.8;
	margin-bottom: 0.5rem;
}

.legal-section a[b-0hn3pxjn2r] {
	color: var(--primary-purple);
	text-decoration: none;
}

.legal-section a:hover[b-0hn3pxjn2r] {
	text-decoration: underline;
}

@media (max-width: 768px) {
	.legal-content[b-0hn3pxjn2r] {
		padding: 2rem 1rem;
	}

	.container[b-0hn3pxjn2r] {
		padding: 2rem 1.5rem;
	}

	.legal-content h1[b-0hn3pxjn2r] {
		font-size: 2rem;
	}
}

/* ===== Dark Mode ===== */
:global([data-theme="dark"]) .legal-content[b-0hn3pxjn2r] {
	background: #121220;
}

:global([data-theme="dark"]) .container[b-0hn3pxjn2r] {
	background: var(--white);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .last-updated[b-0hn3pxjn2r] {
	border-bottom-color: var(--border-light);
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of [data-theme="dark"] section above */
/* /Components/Shared/AdminSidebar.razor.rz.scp.css */
/* ========================================
   AdminSidebar.razor.css
   Isolated CSS — Admin Sidebar Navigation
   ======================================== */

/* ===== Desktop (padrão) ===== */

.admin-sidebar[b-qehwkrux76] {
	background: var(--white);
	border-radius: 16px;
	border: 1px solid var(--border-light);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

.sidebar-header[b-qehwkrux76] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	border-bottom: 1px solid var(--border-light);
}

.sidebar-header h3[b-qehwkrux76] {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 8px;
}

.sidebar-header h3 i[b-qehwkrux76] {
	color: var(--primary-purple);
	font-size: 18px;
}

/* Botão X para fechar — oculto no desktop */
.sidebar-close[b-qehwkrux76] {
	display: none;
	background: none;
	border: none;
	color: var(--text-medium);
	font-size: 20px;
	cursor: pointer;
	padding: 4px 6px;
	border-radius: 6px;
	transition: all 0.2s;
}

.sidebar-close:hover[b-qehwkrux76] {
	background: var(--bg-gray);
	color: var(--text-dark);
}

.sidebar-menu[b-qehwkrux76] {
	display: flex;
	flex-direction: column;
	padding: 8px;
}

.sidebar-link[b-qehwkrux76] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 10px;
	color: var(--text-medium);
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.15s;
	white-space: nowrap;
}

.sidebar-link:hover[b-qehwkrux76] {
	background: var(--bg-gray);
	color: var(--text-dark);
	text-decoration: none;
}

.sidebar-link.ativo[b-qehwkrux76] {
	background: rgba(101, 75, 199, 0.1);
	color: var(--primary-purple);
	font-weight: 600;
}

.sidebar-link.ativo i[b-qehwkrux76] {
	color: var(--primary-purple);
}

.sidebar-link i[b-qehwkrux76] {
	font-size: 16px;
	width: 20px;
	text-align: center;
	flex-shrink: 0;
}

/* Backdrop e FAB — ocultos no desktop */
.sidebar-backdrop[b-qehwkrux76] {
	display: none;
}

.sidebar-fab[b-qehwkrux76] {
	display: none;
}

/* ===== Dark Mode ===== */

:global([data-theme="dark"]) .admin-sidebar[b-qehwkrux76] {
	background: #23233a;
	border-color: #2e2e4a;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .sidebar-header[b-qehwkrux76] {
	border-bottom-color: #2e2e4a;
}

:global([data-theme="dark"]) .sidebar-header h3[b-qehwkrux76] {
	color: #f0f0f0;
}

:global([data-theme="dark"]) .sidebar-link[b-qehwkrux76] {
	color: #a0a0b0;
}

:global([data-theme="dark"]) .sidebar-link:hover[b-qehwkrux76] {
	background: rgba(108, 62, 182, 0.08);
	color: #f0f0f0;
}

:global([data-theme="dark"]) .sidebar-link.ativo[b-qehwkrux76] {
	background: rgba(108, 62, 182, 0.2);
	color: #c9b8ff;
}

:global([data-theme="dark"]) .sidebar-close:hover[b-qehwkrux76] {
	background: rgba(108, 62, 182, 0.08);
	color: #f0f0f0;
}

:global([data-theme="dark"]) .sidebar-fab[b-qehwkrux76] {
	background: #23233a;
	border-color: #2e2e4a;
	color: #c9b8ff;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}

:global([data-theme="dark"]) .sidebar-fab:hover[b-qehwkrux76] {
	background: #2e2e4a;
}

/* ===== Mobile — Drawer Overlay ===== */

@@media (max-width: 768px) {
	/* Sidebar vira drawer fixo lateral */
	.admin-sidebar[b-qehwkrux76] {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 280px;
		max-width: 85vw;
		z-index: 1100;
		border-radius: 0;
		border: none;
		border-right: 1px solid var(--border-light);
		box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15);
		transform: translateX(-100%);
		transition: transform 0.25s ease;
		overflow-y: auto;
	}

	.admin-sidebar.sidebar-aberto[b-qehwkrux76] {
		transform: translateX(0);
	}

	/* Botão X visível no mobile */
	.sidebar-close[b-qehwkrux76] {
		display: block;
	}

	/* Backdrop escuro */
	.sidebar-backdrop[b-qehwkrux76] {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 1099;
		background: rgba(0, 0, 0, 0.5);
		animation: fadeIn 0.2s ease;
	}

	/* FAB (botão flutuante hamburger) */
	.sidebar-fab[b-qehwkrux76] {
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		bottom: 20px;
		left: 16px;
		z-index: 1050;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		border: 1px solid var(--border-light);
		background: var(--white);
		color: var(--primary-purple);
		font-size: 22px;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
		cursor: pointer;
		transition: all 0.2s;
	}

	.sidebar-fab:hover[b-qehwkrux76] {
		transform: scale(1.08);
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
	}

	.sidebar-fab.sidebar-fab-oculto[b-qehwkrux76] {
		opacity: 0;
		pointer-events: none;
		transform: scale(0.8);
	}

	/* Dark mode adjustments for mobile */
	:global([data-theme="dark"]) .admin-sidebar[b-qehwkrux76] {
		border-right-color: #2e2e4a;
		box-shadow: 4px 0 24px rgba(0, 0, 0, 0.4);
	}

	:global([data-theme="dark"]) .sidebar-backdrop[b-qehwkrux76] {
		background: rgba(0, 0, 0, 0.65);
	}
}

@@keyframes fadeIn {
	from[b-qehwkrux76] { opacity: 0; }
	to[b-qehwkrux76] { opacity: 1; }
}
/* /Components/Shared/AdminTagsNfcPanel.razor.rz.scp.css */
/* ========================================
   AdminTagsNfcPanel.razor.css — Painel NFC
   Blazor Isolated CSS
   ======================================== */

/* ===== Shared: Admin Section ===== */

.admin-section[b-q5www0x4ys] {
	background: var(--white);
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 24px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

.admin-section h2[b-q5www0x4ys] {
	margin: 0 0 16px 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 8px;
}

.admin-section h2 i[b-q5www0x4ys] {
	color: var(--primary-purple);
}

.section-header-row[b-q5www0x4ys] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
	flex-wrap: wrap;
}

.section-header-row h2[b-q5www0x4ys] {
	margin: 0;
}

/* ===== Shared: Form ===== */

.form-group[b-q5www0x4ys] {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.form-group label[b-q5www0x4ys] {
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.form-input-admin[b-q5www0x4ys] {
	width: 100%;
	padding: 10px 14px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-q5www0x4ys] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-input-admin:disabled[b-q5www0x4ys] {
	background: var(--bg-gray);
	color: var(--text-medium);
	cursor: not-allowed;
}

/* ===== Shared: Spinner ===== */

.ativacao-btn-spinner[b-q5www0x4ys] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-q5www0x4ys] { transform: rotate(360deg); }
}

@@keyframes fadeIn {
	from[b-q5www0x4ys] { opacity: 0; transform: translateY(-4px); }
	to[b-q5www0x4ys] { opacity: 1; transform: translateY(0); }
}

/* ===== Shared: Buttons ===== */

.btn-acao-primaria[b-q5www0x4ys] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: var(--white);
	border: none;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-acao-primaria:hover:not(:disabled)[b-q5www0x4ys] {
	opacity: 0.9;
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(108, 62, 182, 0.3);
}

.btn-acao-primaria:disabled[b-q5www0x4ys] {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

.btn-acao-primaria i[b-q5www0x4ys] {
	font-size: 16px;
}

.btn-acao-danger[b-q5www0x4ys] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: rgba(244, 67, 54, 0.1);
	color: #c62828;
	border: 1.5px solid rgba(244, 67, 54, 0.3);
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-acao-danger:hover:not(:disabled)[b-q5www0x4ys] {
	background: #c62828;
	color: #fff;
	border-color: #c62828;
}

.btn-acao-danger:disabled[b-q5www0x4ys] {
	opacity: 0.5;
	cursor: not-allowed;
}

.btn-acao-warning[b-q5www0x4ys] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: rgba(255, 152, 0, 0.12);
	color: #e65100;
	border: 1.5px solid rgba(255, 152, 0, 0.3);
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-acao-warning:hover:not(:disabled)[b-q5www0x4ys] {
	background: #e65100;
	color: #fff;
	border-color: #e65100;
}

.btn-acao-warning:disabled[b-q5www0x4ys] {
	opacity: 0.5;
	cursor: not-allowed;
}

/* ===== NFC Section ===== */

.secao-nfc[b-q5www0x4ys] {
	border: 1.5px solid rgba(108, 62, 182, 0.15);
	background: linear-gradient(135deg, rgba(108, 62, 182, 0.02), rgba(233, 30, 144, 0.02));
}

.badge-alerta-nfc[b-q5www0x4ys] {
	background: rgba(255, 152, 0, 0.12);
	color: #e65100;
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.nfc-aviso-compatibilidade[b-q5www0x4ys] {
	background: rgba(3, 169, 244, 0.08);
	border: 1px solid rgba(3, 169, 244, 0.2);
	border-radius: 10px;
	padding: 12px 16px;
	font-size: 13px;
	color: #0277bd;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-bottom: 16px;
	line-height: 1.5;
}

.nfc-aviso-compatibilidade i[b-q5www0x4ys] {
	font-size: 16px;
	flex-shrink: 0;
	margin-top: 2px;
}

.nfc-controles[b-q5www0x4ys] {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* ===== Seleção de Tags com Filtro ===== */

.nfc-selecao-tags[b-q5www0x4ys] {
	background: var(--bg-gray);
	border-radius: 14px;
	padding: 20px;
	border: 1px solid var(--border-light);
}

.nfc-selecao-header[b-q5www0x4ys] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
	flex-wrap: wrap;
}

.nfc-selecao-header h3[b-q5www0x4ys] {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 8px;
}

.nfc-selecao-header h3 i[b-q5www0x4ys] {
	color: var(--primary-purple);
}

.nfc-selecao-contagem[b-q5www0x4ys] {
	background: rgba(108, 62, 182, 0.1);
	color: var(--primary-purple);
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
}

.nfc-selecao-filtros[b-q5www0x4ys] {
	display: flex;
	gap: 12px;
	margin-bottom: 12px;
	flex-wrap: wrap;
}

.nfc-filtro-grupo[b-q5www0x4ys] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
	min-width: 140px;
}

.nfc-filtro-grupo label[b-q5www0x4ys] {
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.nfc-selecao-acoes[b-q5www0x4ys] {
	display: flex;
	gap: 12px;
	margin-bottom: 12px;
}

.btn-selecao-link[b-q5www0x4ys] {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 8px;
	background: none;
	border: none;
	color: var(--primary-purple);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	border-radius: 6px;
	transition: all 0.2s;
}

.btn-selecao-link:hover[b-q5www0x4ys] {
	background: rgba(108, 62, 182, 0.08);
}

.btn-selecao-link i[b-q5www0x4ys] {
	font-size: 14px;
}

.nfc-lista-tags[b-q5www0x4ys] {
	max-height: 280px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 4px 0;
}

.nfc-lista-tags[b-q5www0x4ys]::-webkit-scrollbar {
	width: 6px;
}

.nfc-lista-tags[b-q5www0x4ys]::-webkit-scrollbar-track {
	background: transparent;
}

.nfc-lista-tags[b-q5www0x4ys]::-webkit-scrollbar-thumb {
	background: rgba(108, 62, 182, 0.2);
	border-radius: 3px;
}

.nfc-lista-vazia[b-q5www0x4ys] {
	font-size: 13px;
	color: var(--text-medium);
	text-align: center;
	padding: 20px;
	margin: 0;
}

.nfc-tag-item[b-q5www0x4ys] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.15s;
	border: 1px solid transparent;
}

.nfc-tag-item:hover[b-q5www0x4ys] {
	background: rgba(108, 62, 182, 0.06);
}

.nfc-tag-item.nfc-tag-selecionada[b-q5www0x4ys] {
	background: rgba(108, 62, 182, 0.08);
	border-color: rgba(108, 62, 182, 0.2);
}

.nfc-tag-item input[type="checkbox"][b-q5www0x4ys] {
	width: 16px;
	height: 16px;
	accent-color: var(--primary-purple);
	cursor: pointer;
	flex-shrink: 0;
}

.nfc-tag-item code[b-q5www0x4ys] {
	font-family: 'Courier New', Courier, monospace;
	font-size: 13px;
	font-weight: 600;
	color: var(--primary-purple);
	background: rgba(108, 62, 182, 0.08);
	padding: 2px 8px;
	border-radius: 4px;
}

/* ===== Status Badges (dentro da lista) ===== */

.status-badge[b-q5www0x4ys] {
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 600;
	white-space: nowrap;
	display: inline-block;
}

.status-tag-virgem[b-q5www0x4ys] { background: rgba(33, 150, 243, 0.12); color: #1565c0; }
.status-tag-gravada[b-q5www0x4ys] { background: rgba(121, 85, 72, 0.12); color: #4e342e; }
.status-tag-despachada[b-q5www0x4ys] { background: rgba(0, 150, 136, 0.12); color: #00695c; }
.status-tag-disponívelvenda[b-q5www0x4ys] { background: rgba(156, 39, 176, 0.12); color: #7b1fa2; }
.status-tag-préativada[b-q5www0x4ys] { background: rgba(3, 169, 244, 0.12); color: #0277bd; }
.status-tag-ativo[b-q5www0x4ys] { background: rgba(76, 175, 80, 0.12); color: #2e7d32; }
.status-tag-inativo[b-q5www0x4ys] { background: rgba(158, 158, 158, 0.12); color: #757575; }
.status-tag-desativado[b-q5www0x4ys] { background: rgba(233, 30, 99, 0.12); color: #c62828; }
.status-tag-bloqueado[b-q5www0x4ys] { background: rgba(244, 67, 54, 0.12); color: #b71c1c; }
.status-tag-demonstração[b-q5www0x4ys] { background: rgba(255, 152, 0, 0.12); color: #e65100; }

/* ===== Operações NFC ===== */

.nfc-operacoes[b-q5www0x4ys] {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.nfc-operacoes h3[b-q5www0x4ys] {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 8px;
}

.nfc-operacoes h3 i[b-q5www0x4ys] {
	color: var(--primary-purple);
}

.nfc-operacao-card[b-q5www0x4ys] {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 16px;
	background: var(--white);
	border-radius: 12px;
	border: 1px solid var(--border-light);
	transition: all 0.2s;
}

.nfc-operacao-card:hover[b-q5www0x4ys] {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.nfc-operacao-warning[b-q5www0x4ys] {
	border-color: rgba(255, 152, 0, 0.25);
	background: rgba(255, 152, 0, 0.03);
}

.nfc-operacao-danger[b-q5www0x4ys] {
	border-color: rgba(244, 67, 54, 0.2);
	background: rgba(244, 67, 54, 0.03);
}

.nfc-operacao-header[b-q5www0x4ys] {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.nfc-operacao-header > i[b-q5www0x4ys] {
	font-size: 20px;
	color: var(--primary-purple);
	margin-top: 2px;
	flex-shrink: 0;
}

.nfc-operacao-warning .nfc-operacao-header > i[b-q5www0x4ys] {
	color: #e65100;
}

.nfc-operacao-danger .nfc-operacao-header > i[b-q5www0x4ys] {
	color: #c62828;
}

.nfc-operacao-header > div[b-q5www0x4ys] {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.nfc-operacao-header strong[b-q5www0x4ys] {
	font-size: 14px;
	color: var(--text-dark);
}

.nfc-operacao-header span[b-q5www0x4ys] {
	font-size: 13px;
	color: var(--text-medium);
	line-height: 1.4;
}

.nfc-dica[b-q5www0x4ys] {
	font-size: 12px;
	color: var(--text-medium);
	font-style: italic;
}

/* ===== NFC Mensagem Feedback ===== */

.nfc-mensagem[b-q5www0x4ys] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 16px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 500;
	animation: fadeIn 0.3s ease-out;
}

.nfc-mensagem i[b-q5www0x4ys] {
	font-size: 18px;
	flex-shrink: 0;
}

.nfc-mensagem-sucesso[b-q5www0x4ys] {
	background: rgba(76, 175, 80, 0.1);
	border: 1px solid rgba(76, 175, 80, 0.3);
	color: #2e7d32;
}

.nfc-mensagem-erro[b-q5www0x4ys] {
	background: rgba(244, 67, 54, 0.1);
	border: 1px solid rgba(244, 67, 54, 0.3);
	color: #c62828;
}

/* ========================================
   Dark Mode — [data-theme="dark"]
   ======================================== */

:global([data-theme="dark"]) .admin-section[b-q5www0x4ys] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .admin-section h2[b-q5www0x4ys] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin[b-q5www0x4ys] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin:focus[b-q5www0x4ys] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .form-group label[b-q5www0x4ys] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-acao-danger[b-q5www0x4ys] {
	background: rgba(244, 67, 54, 0.15);
}

:global([data-theme="dark"]) .secao-nfc[b-q5www0x4ys] {
	background: linear-gradient(135deg, rgba(108, 62, 182, 0.04), rgba(233, 30, 144, 0.04));
	border-color: rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .nfc-aviso-compatibilidade[b-q5www0x4ys] {
	background: rgba(3, 169, 244, 0.1);
	border-color: rgba(3, 169, 244, 0.2);
}

:global([data-theme="dark"]) .nfc-selecao-tags[b-q5www0x4ys] {
	background: #12141c;
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .nfc-selecao-header h3[b-q5www0x4ys] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .nfc-selecao-contagem[b-q5www0x4ys] {
	background: rgba(108, 62, 182, 0.15);
}

:global([data-theme="dark"]) .nfc-filtro-grupo label[b-q5www0x4ys] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-selecao-link[b-q5www0x4ys] {
	color: var(--primary-purple);
}

:global([data-theme="dark"]) .btn-selecao-link:hover[b-q5www0x4ys] {
	background: rgba(108, 62, 182, 0.12);
}

:global([data-theme="dark"]) .nfc-tag-item:hover[b-q5www0x4ys] {
	background: rgba(108, 62, 182, 0.1);
}

:global([data-theme="dark"]) .nfc-tag-item.nfc-tag-selecionada[b-q5www0x4ys] {
	background: rgba(108, 62, 182, 0.12);
	border-color: rgba(108, 62, 182, 0.25);
}

:global([data-theme="dark"]) .nfc-tag-item code[b-q5www0x4ys] {
	background: rgba(108, 62, 182, 0.15);
}

:global([data-theme="dark"]) .nfc-lista-vazia[b-q5www0x4ys] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .nfc-operacoes h3[b-q5www0x4ys] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .nfc-operacao-card[b-q5www0x4ys] {
	background: #1e2130;
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .nfc-operacao-card:hover[b-q5www0x4ys] {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

:global([data-theme="dark"]) .nfc-operacao-warning[b-q5www0x4ys] {
	border-color: rgba(255, 152, 0, 0.2);
	background: rgba(255, 152, 0, 0.05);
}

:global([data-theme="dark"]) .nfc-operacao-danger[b-q5www0x4ys] {
	border-color: rgba(244, 67, 54, 0.15);
	background: rgba(244, 67, 54, 0.05);
}

:global([data-theme="dark"]) .nfc-operacao-header strong[b-q5www0x4ys] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .nfc-operacao-header span[b-q5www0x4ys] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .nfc-dica[b-q5www0x4ys] {
	color: #888;
}

:global([data-theme="dark"]) .btn-acao-warning[b-q5www0x4ys] {
	background: rgba(255, 152, 0, 0.15);
	border-color: rgba(255, 152, 0, 0.3);
}

:global([data-theme="dark"]) .nfc-lista-tags[b-q5www0x4ys]::-webkit-scrollbar-thumb {
	background: rgba(108, 62, 182, 0.3);
}

/* ========================================
   Responsive — Mobile First
   ======================================== */

/* Desktop: cards horizontais com botões ao lado */
@@media (min-width: 769px) {
	.nfc-operacao-card[b-q5www0x4ys] {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
	}

	.nfc-operacao-card > .btn-acao-primaria[b-q5www0x4ys],
	.nfc-operacao-card > .btn-acao-danger[b-q5www0x4ys],
	.nfc-operacao-card > .btn-acao-warning[b-q5www0x4ys] {
		max-width: 200px;
		flex-shrink: 0;
		white-space: nowrap;
	}

	.nfc-operacao-header[b-q5www0x4ys] {
		flex: 1;
		min-width: 0;
	}
}

@@media (max-width: 768px) {
	.admin-section[b-q5www0x4ys] {
		padding: 16px;
		border-radius: 14px;
	}

	.section-header-row[b-q5www0x4ys] {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.nfc-selecao-tags[b-q5www0x4ys] {
		padding: 14px;
	}

	.nfc-selecao-header[b-q5www0x4ys] {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.nfc-selecao-filtros[b-q5www0x4ys] {
		flex-direction: column;
	}

	.nfc-filtro-grupo[b-q5www0x4ys] {
		min-width: auto;
	}

	.nfc-lista-tags[b-q5www0x4ys] {
		max-height: 220px;
	}

	.nfc-operacao-card[b-q5www0x4ys] {
		padding: 14px;
	}

	.nfc-operacao-header[b-q5www0x4ys] {
		flex-direction: column;
		gap: 8px;
	}

	.nfc-operacao-header > i[b-q5www0x4ys] {
		margin-top: 0;
	}
}

@@media (max-width: 480px) {
	.form-input-admin[b-q5www0x4ys] {
		padding: 9px 12px;
		font-size: 0.9rem;
	}

	.nfc-selecao-acoes[b-q5www0x4ys] {
		flex-wrap: wrap;
	}
}
/* /Components/Shared/AppFooter.razor.rz.scp.css */
.app-footer[b-4y494zikwv] {
    background: linear-gradient(135deg, var(--primary-purple), var(--primary-purple-light));
    color: var(--white);
    padding: 3rem 2rem 1.5rem;
    margin-top: auto;
    overflow-x: hidden;
}

.footer-content[b-4y494zikwv] {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.5fr;
    gap: 3rem;
    margin-bottom: 2rem;
}

.footer-section[b-4y494zikwv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.footer-logo img[b-4y494zikwv] {
    height: 50px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    margin-bottom: 1rem;
}

.footer-description[b-4y494zikwv] {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
    margin: 0 0 1.5rem 0;
}

.footer-social[b-4y494zikwv] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.social-link[b-4y494zikwv] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: var(--white);
    text-decoration: none;
    transition: all 0.3s;
    font-size: 1.1rem;
}

.social-link:hover[b-4y494zikwv] {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-3px);
}

.footer-title[b-4y494zikwv] {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    color: var(--white);
}

.footer-links[b-4y494zikwv] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.footer-links li[b-4y494zikwv] {
    margin: 0;
}

.footer-links a[b-4y494zikwv] {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: 0.95rem;
    transition: all 0.2s;
    display: inline-block;
}

.footer-links a:hover[b-4y494zikwv] {
    color: var(--white);
    padding-left: 5px;
}

.footer-contact[b-4y494zikwv] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.footer-contact li[b-4y494zikwv] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95rem;
}

.footer-contact i[b-4y494zikwv] {
    font-size: 1.1rem;
    color: var(--white);
    flex-shrink: 0;
    margin-top: 2px;
}

.footer-bottom[b-4y494zikwv] {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 1.5rem;
    text-align: center;
}

.footer-bottom p[b-4y494zikwv] {
    margin: 0;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 1024px) {
    .footer-content[b-4y494zikwv] {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    .app-footer[b-4y494zikwv] {
        padding: 2rem 1rem 1rem;
    }

    .footer-content[b-4y494zikwv] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .footer-social[b-4y494zikwv] {
        justify-content: flex-start;
    }

    .footer-description[b-4y494zikwv] {
        font-size: 0.9rem;
    }
}

/* ===== Dark Mode ===== */
:global([data-theme="dark"]) .app-footer[b-4y494zikwv] {
    background: linear-gradient(135deg, #1a1040, #2a1860);
}

:global([data-theme="dark"]) .footer-bottom[b-4y494zikwv] {
    border-top-color: rgba(255, 255, 255, 0.15);
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */
/* /Components/Shared/AuditLogTab.razor.rz.scp.css */
/* ===== Filtros ===== */
.filtros-section[b-7yfrdguib1] {
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--border-light);
}

.filtros-grid[b-7yfrdguib1] {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 12px;
}

.filtro-grupo[b-7yfrdguib1] {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.filtro-grupo label[b-7yfrdguib1] {
	font-size: 12px;
	font-weight: 600;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.filtro-grupo select[b-7yfrdguib1],
.filtro-grupo input[type="date"][b-7yfrdguib1],
.filtro-grupo input[type="text"][b-7yfrdguib1] {
	padding: 8px 12px;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	font-size: 14px;
	background: var(--white);
	color: var(--text-dark);
	transition: border-color 0.2s;
	width: 100%;
	box-sizing: border-box;
}

.filtro-grupo select:focus[b-7yfrdguib1],
.filtro-grupo input:focus[b-7yfrdguib1] {
	outline: none;
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 2px rgba(101, 75, 199, 0.12);
}

.busca-wrapper[b-7yfrdguib1] {
	position: relative;
}

.busca-wrapper i[b-7yfrdguib1] {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--text-medium);
	font-size: 14px;
}

.busca-wrapper input[b-7yfrdguib1] {
	padding-left: 36px !important;
}

.btn-limpar-filtros[b-7yfrdguib1] {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 6px 14px;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 13px;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-limpar-filtros:hover[b-7yfrdguib1] {
	border-color: var(--danger-red);
	color: var(--danger-red);
}

/* ===== Loading / Empty ===== */
.loading-container[b-7yfrdguib1] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 48px 16px;
	gap: 12px;
	color: var(--text-medium);
	font-size: 14px;
}

.spinner[b-7yfrdguib1] {
	width: 32px;
	height: 32px;
	border: 3px solid var(--border-light);
	border-top-color: var(--primary-purple);
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

@@keyframes spin {
	to[b-7yfrdguib1] { transform: rotate(360deg); }
}

.empty-container[b-7yfrdguib1] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 48px 16px;
	color: var(--text-medium);
}

.empty-container i[b-7yfrdguib1] {
	font-size: 40px;
	opacity: 0.5;
}

.empty-container p[b-7yfrdguib1] {
	margin: 0;
	font-size: 14px;
}

/* ===== Tabela de Auditoria ===== */
.tabela-wrapper[b-7yfrdguib1] {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.tabela-logs[b-7yfrdguib1] {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
}

.tabela-logs th[b-7yfrdguib1] {
	text-align: left;
	padding: 10px 12px;
	font-weight: 600;
	color: var(--text-medium);
	border-bottom: 2px solid var(--border-light);
	white-space: nowrap;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.tabela-logs td[b-7yfrdguib1] {
	padding: 10px 12px;
	color: var(--text-dark);
	border-bottom: 1px solid var(--border-light);
	vertical-align: middle;
}

.tabela-logs tbody tr[b-7yfrdguib1] {
	cursor: pointer;
	transition: background 0.15s;
}

.tabela-logs tbody tr:nth-child(4n+1)[b-7yfrdguib1] {
	background: var(--white);
}

.tabela-logs tbody tr:nth-child(4n+3)[b-7yfrdguib1] {
	background: var(--bg-gray);
}

.tabela-logs tbody tr:hover[b-7yfrdguib1] {
	background: rgba(101, 75, 199, 0.04);
}

.tabela-logs tbody tr.row-expandida[b-7yfrdguib1] {
	background: rgba(101, 75, 199, 0.06);
}

.col-data[b-7yfrdguib1] {
	white-space: nowrap;
	font-size: 12px;
	font-family: monospace;
}

.col-email[b-7yfrdguib1] {
	max-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.col-descricao[b-7yfrdguib1] {
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.col-ip[b-7yfrdguib1] {
	white-space: nowrap;
	font-family: monospace;
	font-size: 12px;
}

.col-expandir[b-7yfrdguib1] {
	width: 32px;
	text-align: center;
	color: var(--text-medium);
}

/* ===== Badges de Ação ===== */
.badge-acao[b-7yfrdguib1] {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 11px;
	font-weight: 600;
	white-space: nowrap;
}

.badge-sucesso[b-7yfrdguib1] {
	background: rgba(76, 175, 80, 0.12);
	color: #2e7d32;
}

.badge-perigo[b-7yfrdguib1] {
	background: rgba(244, 67, 54, 0.12);
	color: var(--danger-red);
}

.badge-aviso[b-7yfrdguib1] {
	background: rgba(255, 152, 0, 0.12);
	color: #e65100;
}

.badge-info[b-7yfrdguib1] {
	background: rgba(33, 150, 243, 0.12);
	color: #1565c0;
}

.badge-admin[b-7yfrdguib1] {
	background: rgba(101, 75, 199, 0.12);
	color: var(--primary-purple);
}

.badge-neutro[b-7yfrdguib1] {
	background: rgba(158, 158, 158, 0.12);
	color: #616161;
}

/* ===== Badges de Resultado ===== */
.badge-resultado[b-7yfrdguib1] {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 500;
}

.resultado-sucesso[b-7yfrdguib1] {
	background: rgba(76, 175, 80, 0.1);
	color: #2e7d32;
}

.resultado-falha[b-7yfrdguib1] {
	background: rgba(244, 67, 54, 0.1);
	color: var(--danger-red);
}

.resultado-neutro[b-7yfrdguib1] {
	background: rgba(158, 158, 158, 0.08);
	color: #757575;
}

/* ===== Linha de Detalhe Expandida ===== */
.row-detalhe td[b-7yfrdguib1] {
	padding: 0 !important;
	border-bottom: 2px solid var(--primary-purple);
}

.row-detalhe[b-7yfrdguib1] {
	cursor: default !important;
}

.row-detalhe:hover[b-7yfrdguib1] {
	background: transparent !important;
}

.detalhe-container[b-7yfrdguib1] {
	padding: 16px 20px;
	background: rgba(101, 75, 199, 0.03);
	border-top: 1px solid var(--border-light);
}

.detalhe-grid[b-7yfrdguib1] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.detalhe-item[b-7yfrdguib1] {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.detalhe-label[b-7yfrdguib1] {
	font-size: 11px;
	font-weight: 600;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.detalhe-valor[b-7yfrdguib1] {
	font-size: 13px;
	color: var(--text-dark);
	line-height: 1.5;
	word-break: break-word;
}

.detalhe-mono[b-7yfrdguib1] {
	font-family: monospace;
	font-size: 12px;
	color: var(--text-medium);
}

.detalhe-pre[b-7yfrdguib1] {
	margin: 0;
	padding: 10px 14px;
	background: #1e1e2e;
	color: #cdd6f4;
	border-radius: 8px;
	font-size: 12px;
	font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
	overflow-x: auto;
	white-space: pre-wrap;
	word-break: break-word;
	line-height: 1.5;
	max-height: 300px;
	overflow-y: auto;
}

/* ===== Paginação ===== */
.paginacao[b-7yfrdguib1] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid var(--border-light);
}

.paginacao-info[b-7yfrdguib1] {
	font-size: 13px;
	color: var(--text-medium);
}

.paginacao-btns[b-7yfrdguib1] {
	display: flex;
	align-items: center;
	gap: 4px;
	flex-wrap: wrap;
	justify-content: center;
}

.btn-pagina[b-7yfrdguib1] {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 8px 14px;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	background: var(--white);
	color: var(--text-dark);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.btn-pagina:hover:not(:disabled)[b-7yfrdguib1] {
	border-color: var(--primary-purple);
	color: var(--primary-purple);
}

.btn-pagina:disabled[b-7yfrdguib1] {
	opacity: 0.4;
	cursor: not-allowed;
}

.btn-pagina.pagina-ativa[b-7yfrdguib1] {
	background: var(--primary-purple);
	border-color: var(--primary-purple);
	color: var(--white);
}

/* ============================================
   DARK MODE — [data-theme="dark"]
   ============================================ */

:global([data-theme="dark"]) .filtro-grupo select[b-7yfrdguib1],
:global([data-theme="dark"]) .filtro-grupo input[type="date"][b-7yfrdguib1],
:global([data-theme="dark"]) .filtro-grupo input[type="text"][b-7yfrdguib1] {
	background: var(--white);
	border-color: var(--border-light);
	color: var(--text-dark);
}

:global([data-theme="dark"]) .filtro-grupo select:focus[b-7yfrdguib1],
:global([data-theme="dark"]) .filtro-grupo input:focus[b-7yfrdguib1] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 2px rgba(107, 130, 247, 0.2);
}

:global([data-theme="dark"]) .btn-limpar-filtros[b-7yfrdguib1] {
	background: var(--white);
	border-color: var(--border-light);
	color: var(--text-medium);
}

:global([data-theme="dark"]) .tabela-logs th[b-7yfrdguib1] {
	color: var(--text-medium);
	border-bottom-color: var(--border-light);
}

:global([data-theme="dark"]) .tabela-logs td[b-7yfrdguib1] {
	color: var(--text-dark);
	border-bottom-color: var(--border-light);
}

:global([data-theme="dark"]) .tabela-logs tbody tr:nth-child(4n+1)[b-7yfrdguib1] {
	background: var(--white);
}

:global([data-theme="dark"]) .tabela-logs tbody tr:nth-child(4n+3)[b-7yfrdguib1] {
	background: rgba(30, 30, 47, 0.4);
}

:global([data-theme="dark"]) .tabela-logs tbody tr:hover[b-7yfrdguib1] {
	background: rgba(107, 130, 247, 0.06);
}

:global([data-theme="dark"]) .tabela-logs tbody tr.row-expandida[b-7yfrdguib1] {
	background: rgba(107, 130, 247, 0.08);
}

:global([data-theme="dark"]) .badge-sucesso[b-7yfrdguib1] {
	background: rgba(76, 175, 80, 0.18);
	color: #66bb6a;
}

:global([data-theme="dark"]) .badge-perigo[b-7yfrdguib1] {
	background: rgba(244, 67, 54, 0.18);
	color: #ef5350;
}

:global([data-theme="dark"]) .badge-aviso[b-7yfrdguib1] {
	background: rgba(255, 152, 0, 0.18);
	color: #ffa726;
}

:global([data-theme="dark"]) .badge-info[b-7yfrdguib1] {
	background: rgba(33, 150, 243, 0.18);
	color: #42a5f5;
}

:global([data-theme="dark"]) .badge-admin[b-7yfrdguib1] {
	background: rgba(107, 130, 247, 0.18);
	color: var(--primary-purple);
}

:global([data-theme="dark"]) .badge-neutro[b-7yfrdguib1] {
	background: rgba(158, 158, 158, 0.18);
	color: #bdbdbd;
}

:global([data-theme="dark"]) .resultado-sucesso[b-7yfrdguib1] {
	background: rgba(76, 175, 80, 0.15);
	color: #66bb6a;
}

:global([data-theme="dark"]) .resultado-falha[b-7yfrdguib1] {
	background: rgba(244, 67, 54, 0.15);
	color: #ef5350;
}

:global([data-theme="dark"]) .resultado-neutro[b-7yfrdguib1] {
	background: rgba(158, 158, 158, 0.12);
	color: #bdbdbd;
}

:global([data-theme="dark"]) .detalhe-container[b-7yfrdguib1] {
	background: rgba(107, 130, 247, 0.04);
	border-top-color: var(--border-light);
}

:global([data-theme="dark"]) .btn-pagina[b-7yfrdguib1] {
	background: var(--white);
	border-color: var(--border-light);
	color: var(--text-dark);
}

/* ============================================
   DARK MODE — @media (prefers-color-scheme)
   ============================================ */

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Responsivo — 768px+ ===== */
@@media (min-width: 768px) {
	.filtros-grid[b-7yfrdguib1] {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.filtros-grid > .filtro-grupo[b-7yfrdguib1] {
		flex: 1 1 calc(50% - 6px);
		min-width: 0;
	}

	.filtros-grid > .filtro-busca[b-7yfrdguib1] {
		flex: 1 1 100%;
	}

	.paginacao[b-7yfrdguib1] {
		flex-direction: row;
		justify-content: space-between;
	}

	.detalhe-grid[b-7yfrdguib1] {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 16px;
	}

	.detalhe-item:first-child[b-7yfrdguib1],
	.detalhe-item:nth-child(2)[b-7yfrdguib1] {
		grid-column: span 2;
	}
}

@@media (min-width: 1024px) {
	.filtros-grid[b-7yfrdguib1] {
		flex-wrap: nowrap;
	}

	.filtros-grid > .filtro-grupo[b-7yfrdguib1] {
		flex: 1 1 0;
	}

	.filtros-grid > .filtro-busca[b-7yfrdguib1] {
		flex: 1 1 0;
	}

	.col-descricao[b-7yfrdguib1] {
		max-width: 350px;
	}
}

/* ===== Mobile adjustments ===== */
@@media (max-width: 767px) {
	.tabela-logs th.col-ip[b-7yfrdguib1],
	.tabela-logs td.col-ip[b-7yfrdguib1] {
		display: none;
	}

	.tabela-logs[b-7yfrdguib1] {
		font-size: 12px;
	}

	.tabela-logs th[b-7yfrdguib1],
	.tabela-logs td[b-7yfrdguib1] {
		padding: 8px 6px;
	}

	.badge-acao[b-7yfrdguib1] {
		font-size: 10px;
		padding: 2px 7px;
	}

	.badge-resultado[b-7yfrdguib1] {
		font-size: 10px;
	}

	.detalhe-container[b-7yfrdguib1] {
		padding: 12px;
	}

	.detalhe-pre[b-7yfrdguib1] {
		font-size: 11px;
		padding: 8px 10px;
	}

	.btn-pagina[b-7yfrdguib1] {
		padding: 6px 10px;
		font-size: 12px;
	}
}
/* /Components/Shared/Breadcrumb.razor.rz.scp.css */
/* ===== Breadcrumb ===== */
.breadcrumb-nav[b-4opwymxm95] {
    padding: 0;
    margin-bottom: 20px;
}

.breadcrumb-list[b-4opwymxm95] {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0;
    flex-wrap: wrap;
}

.breadcrumb-item[b-4opwymxm95] {
    display: flex;
    align-items: center;
    gap: 0;
    font-size: 14px;
}

.breadcrumb-link[b-4opwymxm95] {
    color: var(--primary-purple);
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 2px;
    border-radius: 4px;
    transition: all 0.2s;
}

.breadcrumb-link:hover[b-4opwymxm95] {
    color: var(--primary-purple-light);
    text-decoration: underline;
}

.breadcrumb-link i[b-4opwymxm95] {
    font-size: 14px;
}

.breadcrumb-separador[b-4opwymxm95] {
    font-size: 10px;
    color: var(--text-medium);
    margin: 0 6px;
    opacity: 0.6;
}

.breadcrumb-atual[b-4opwymxm95] {
    color: var(--text-medium);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
}

.breadcrumb-atual i[b-4opwymxm95] {
    font-size: 14px;
}

@@media (max-width: 768px) {
    .breadcrumb-nav[b-4opwymxm95] {
        margin-bottom: 16px;
    }

    .breadcrumb-item[b-4opwymxm95] {
        font-size: 13px;
    }
}

/* ===== Dark Mode ===== */
/* Breadcrumb uses only CSS variables — no overrides needed.
   Adding explicit selectors for consistency with other components. */
:global([data-theme="dark"]) .breadcrumb-separador[b-4opwymxm95] {
    color: var(--text-medium);
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */
/* /Components/Shared/CheckoutPixModal.razor.rz.scp.css */
/* ===== MODAL CHECKOUT PIX ===== */

.modal-overlay[b-ggbcd1igfz] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 24px;
}

.modal-content[b-ggbcd1igfz] {
	background: var(--white);
	border-radius: 20px;
	width: 100%;
	max-width: 560px;
	max-height: 90vh;
	overflow-y: auto;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.modal-checkout[b-ggbcd1igfz] {
	max-width: 640px;
}

.modal-header[b-ggbcd1igfz] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 24px 28px 0;
}

.modal-title[b-ggbcd1igfz] {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 8px;
}

.modal-title i[b-ggbcd1igfz] {
	color: var(--primary-purple);
}

.modal-close[b-ggbcd1igfz] {
	background: none;
	border: none;
	font-size: 20px;
	color: var(--text-medium);
	cursor: pointer;
	padding: 8px;
	border-radius: 8px;
}

.modal-close:hover[b-ggbcd1igfz] {
	background: var(--bg-gray);
}

.modal-body[b-ggbcd1igfz] {
	padding: 24px 28px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.modal-footer[b-ggbcd1igfz] {
	padding: 16px 28px 24px;
	display: flex;
	justify-content: flex-end;
	gap: 12px;
}

/* Checkout resumo */
.checkout-resumo[b-ggbcd1igfz] {
	background: var(--bg-gray);
	border-radius: 12px;
	padding: 16px;
}

.checkout-item[b-ggbcd1igfz] {
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	font-size: 14px;
	color: var(--text-dark);
}

.checkout-item + .checkout-item[b-ggbcd1igfz] {
	border-top: 1px solid var(--border-light);
}

.checkout-total[b-ggbcd1igfz] {
	font-size: 18px;
	font-weight: 700;
	color: var(--primary-purple);
}

/* Formulário de checkout */
.checkout-secao[b-ggbcd1igfz] {
	margin: 24px 0 12px;
}

.checkout-secao h3[b-ggbcd1igfz] {
	margin: 0 0 4px;
	font-size: 16px;
	font-weight: 600;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 8px;
}

.checkout-secao h3 i[b-ggbcd1igfz] {
	color: var(--primary-purple);
}

.secao-desc[b-ggbcd1igfz] {
	margin: 0;
	font-size: 13px;
	color: var(--text-medium);
}

.form-checkout[b-ggbcd1igfz] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.form-row[b-ggbcd1igfz] {
	display: flex;
	gap: 12px;
}

.form-row-2col[b-ggbcd1igfz] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.form-group[b-ggbcd1igfz] {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.form-full[b-ggbcd1igfz] {
	flex: 1;
}

.form-grow[b-ggbcd1igfz] {
	flex: 2;
}

.form-sm[b-ggbcd1igfz] {
	flex: 0 0 100px;
}

.form-group label[b-ggbcd1igfz] {
	font-size: 13px;
	font-weight: 600;
	color: var(--text-dark);
}

.form-input[b-ggbcd1igfz] {
	width: 100%;
	padding: 10px 14px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	font-size: 14px;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	box-sizing: border-box;
}

.form-input:focus[b-ggbcd1igfz] {
	outline: none;
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(101, 75, 199, 0.12);
}

.form-input[b-ggbcd1igfz]::placeholder {
	color: var(--text-medium);
	opacity: 0.6;
}

select.form-input[b-ggbcd1igfz] {
	cursor: pointer;
	appearance: auto;
}

.campo-erro[b-ggbcd1igfz] {
	font-size: 12px;
	color: var(--danger-red);
	font-weight: 500;
}

/* PIX */
.pix-area[b-ggbcd1igfz] {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.pix-qr-placeholder[b-ggbcd1igfz] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 32px;
	background: var(--bg-gray);
	border-radius: 12px;
	border: 2px dashed var(--border-light);
}

.pix-qr-placeholder i[b-ggbcd1igfz] {
	font-size: 64px;
	color: var(--primary-purple);
}

.pix-qr-placeholder p[b-ggbcd1igfz] {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: var(--text-dark);
}

.pix-info[b-ggbcd1igfz] {
	font-size: 13px;
	color: var(--text-medium);
}

.pix-qr-real[b-ggbcd1igfz] {
	text-align: center;
	padding: 20px;
}

.pix-qr-img[b-ggbcd1igfz] {
	max-width: 240px;
	width: 100%;
	border-radius: 12px;
	border: 2px solid var(--border-light);
}

.pix-copiacola label[b-ggbcd1igfz] {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: var(--text-dark);
	margin-bottom: 6px;
}

.pix-code-box[b-ggbcd1igfz] {
	background: var(--bg-gray);
	border-radius: 8px;
	padding: 10px 14px;
	overflow-x: auto;
	display: flex;
	align-items: center;
	gap: 8px;
}

.pix-code-box code[b-ggbcd1igfz] {
	font-size: 12px;
	color: var(--text-dark);
	word-break: break-all;
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.btn-copiar[b-ggbcd1igfz] {
	flex-shrink: 0;
	padding: 8px 12px;
	border: 1.5px solid var(--border-light);
	border-radius: 8px;
	background: var(--white);
	color: var(--primary-purple);
	cursor: pointer;
	font-size: 16px;
	transition: all 0.2s;
}

.btn-copiar:hover[b-ggbcd1igfz] {
	background: var(--primary-purple-light);
}

.pix-expiracao[b-ggbcd1igfz] {
	text-align: center;
	padding: 10px 16px;
	background: rgba(101, 75, 199, 0.06);
	border-radius: 10px;
	font-size: 13px;
	color: var(--text-medium);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 12px;
}

.pix-instrucoes[b-ggbcd1igfz] {
	margin-top: 16px;
	padding: 16px;
	background: var(--bg-gray);
	border-radius: 12px;
}

.pix-instrucoes p[b-ggbcd1igfz] {
	margin: 0 0 6px;
	font-size: 13px;
	color: var(--text-medium);
}

.pix-instrucoes p:last-child[b-ggbcd1igfz] {
	margin-bottom: 0;
}

/* Sucesso */
.sucesso-content[b-ggbcd1igfz] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 32px 16px;
	text-align: center;
}

.sucesso-icon[b-ggbcd1igfz] {
	font-size: 64px;
	color: #4caf50;
}

.sucesso-content h2[b-ggbcd1igfz] {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	color: var(--text-dark);
}

.sucesso-content p[b-ggbcd1igfz] {
	margin: 0;
	font-size: 15px;
	color: var(--text-medium);
}

/* Alertas */
.alerta-erro[b-ggbcd1igfz] {
	display: flex;
	align-items: center;
	gap: 8px;
	background: rgba(244, 67, 54, 0.12);
	color: var(--danger-red);
	padding: 12px 16px;
	border-radius: 10px;
	font-size: 14px;
}

/* Botões */
.btn-primary[b-ggbcd1igfz] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: var(--primary-purple);
	color: var(--white);
	border: none;
	border-radius: 10px;
	padding: 12px 24px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-primary:hover[b-ggbcd1igfz] {
	background: var(--primary-purple-light);
}

.btn-primary:disabled[b-ggbcd1igfz] {
	opacity: 0.6;
	cursor: not-allowed;
}

.btn-secondary[b-ggbcd1igfz] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: var(--bg-gray);
	color: var(--text-dark);
	border: 1px solid var(--border-light);
	border-radius: 10px;
	padding: 12px 24px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
}

.btn-secondary:hover[b-ggbcd1igfz] {
	border-color: var(--primary-purple);
	color: var(--primary-purple);
}

.spinner-sm[b-ggbcd1igfz] {
	width: 18px;
	height: 18px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: var(--white);
	border-radius: 50%;
	animation: spin-b-ggbcd1igfz 0.6s linear infinite;
}

@keyframes spin-b-ggbcd1igfz {
	to { transform: rotate(360deg); }
}

/* Responsivo */
@@media (max-width: 768px) {
	.modal-overlay[b-ggbcd1igfz] {
		padding: 16px;
	}

	.modal-content[b-ggbcd1igfz] {
		max-height: 90vh;
		border-radius: 16px;
	}

	.modal-header[b-ggbcd1igfz] {
		padding: 20px 20px 0;
	}

	.modal-body[b-ggbcd1igfz] {
		padding: 20px;
	}

	.modal-footer[b-ggbcd1igfz] {
		padding: 12px 20px 20px;
		flex-direction: column;
	}

	.modal-footer .btn-primary[b-ggbcd1igfz],
	.modal-footer .btn-secondary[b-ggbcd1igfz] {
		width: 100%;
	}
}

@@media (max-width: 480px) {
	.form-row-2col[b-ggbcd1igfz] {
		grid-template-columns: 1fr;
	}

	.form-row[b-ggbcd1igfz] {
		flex-direction: column;
	}

	.form-sm[b-ggbcd1igfz] {
		flex: 1;
	}

	.modal-checkout[b-ggbcd1igfz] {
		max-width: 100%;
	}

	.pix-qr-img[b-ggbcd1igfz] {
		max-width: 200px;
	}
}

/* ===== DARK MODE ===== */

:global([data-theme="dark"]) .modal-checkout[b-ggbcd1igfz] {
	background: var(--white);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

:global([data-theme="dark"]) .alerta-erro[b-ggbcd1igfz] {
	background: rgba(244, 67, 54, 0.15);
	color: #ef5350;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */
/* /Components/Shared/ComboComBusca.razor.rz.scp.css */
/* ===== ComboComBusca — Scoped CSS ===== */

.combo-busca-container[b-dt2v57rd9l] {
    position: relative;
    width: 100%;
}

/* Trigger (botão que parece um select) */
.combo-busca-trigger[b-dt2v57rd9l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 12px;
    background: #fff;
    border: 1.5px solid #d0d0d0;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s;
    min-height: 38px;
    text-align: left;
    gap: 8px;
}

.combo-busca-trigger:hover:not(:disabled)[b-dt2v57rd9l] {
    border-color: var(--primary-purple, #6c3eb6);
}

.combo-busca-trigger:focus[b-dt2v57rd9l] {
    outline: none;
    border-color: var(--primary-purple, #6c3eb6);
    box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.combo-desabilitado[b-dt2v57rd9l] {
    opacity: 0.6;
    cursor: not-allowed;
    background: #f5f5f5;
}

.combo-busca-texto[b-dt2v57rd9l] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.combo-placeholder[b-dt2v57rd9l] {
    color: #999;
}

.combo-busca-seta[b-dt2v57rd9l] {
    font-size: 12px;
    color: #888;
    transition: transform 0.2s;
    flex-shrink: 0;
}

.combo-aberto .combo-busca-seta[b-dt2v57rd9l] {
    transform: rotate(180deg);
}

.combo-aberto .combo-busca-trigger[b-dt2v57rd9l] {
    border-color: var(--primary-purple, #6c3eb6);
    box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* Dropdown */
.combo-busca-dropdown[b-dt2v57rd9l] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1050;
    background: #fff;
    border: 1.5px solid var(--primary-purple, #6c3eb6);
    border-top: none;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    animation: comboSlideDown-b-dt2v57rd9l 0.15s ease-out;
}

@keyframes comboSlideDown-b-dt2v57rd9l {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Input de busca */
.combo-busca-input-container[b-dt2v57rd9l] {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-bottom: 1px solid #e8e8e8;
    gap: 8px;
}

.combo-busca-icone[b-dt2v57rd9l] {
    color: #999;
    font-size: 13px;
    flex-shrink: 0;
}

.combo-busca-input[b-dt2v57rd9l] {
    flex: 1;
    border: none;
    outline: none;
    font-size: 13px;
    color: #333;
    background: transparent;
    padding: 2px 0;
}

.combo-busca-input[b-dt2v57rd9l]::placeholder {
    color: #bbb;
}

.combo-busca-limpar-input[b-dt2v57rd9l] {
    background: none;
    border: none;
    cursor: pointer;
    color: #999;
    font-size: 14px;
    padding: 2px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.combo-busca-limpar-input:hover[b-dt2v57rd9l] {
    color: #e53935;
}

/* Lista de itens */
.combo-busca-lista[b-dt2v57rd9l] {
    max-height: 240px;
    overflow-y: auto;
    padding: 4px 0;
}

.combo-busca-lista[b-dt2v57rd9l]::-webkit-scrollbar {
    width: 6px;
}

.combo-busca-lista[b-dt2v57rd9l]::-webkit-scrollbar-thumb {
    background: rgba(108, 62, 182, 0.25);
    border-radius: 3px;
}

.combo-busca-item[b-dt2v57rd9l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 12px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 13px;
    color: #444;
    text-align: left;
    transition: background 0.12s;
    gap: 8px;
}

.combo-busca-item:hover[b-dt2v57rd9l] {
    background: rgba(108, 62, 182, 0.06);
}

.combo-item-ativo[b-dt2v57rd9l] {
    background: rgba(108, 62, 182, 0.1);
    color: var(--primary-purple, #6c3eb6);
    font-weight: 600;
}

.combo-item-nenhum[b-dt2v57rd9l] {
    font-style: italic;
    color: #999;
}

.combo-item-texto[b-dt2v57rd9l] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.combo-item-check[b-dt2v57rd9l] {
    color: var(--primary-purple, #6c3eb6);
    font-size: 14px;
    flex-shrink: 0;
}

/* Estado vazio */
.combo-busca-vazio[b-dt2v57rd9l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 16px;
    color: #bbb;
    font-size: 13px;
}

.combo-busca-vazio i[b-dt2v57rd9l] {
    font-size: 18px;
}

/* ===== Dark Mode ===== */

:global([data-theme="dark"]) .combo-busca-trigger[b-dt2v57rd9l] {
    background: #1a1d28;
    border-color: #333;
    color: #e0e0e0;
}

:global([data-theme="dark"]) .combo-busca-trigger:hover:not(:disabled)[b-dt2v57rd9l] {
    border-color: #7c4dcc;
}

:global([data-theme="dark"]) .combo-desabilitado[b-dt2v57rd9l] {
    background: #15171f;
}

:global([data-theme="dark"]) .combo-placeholder[b-dt2v57rd9l] {
    color: #666;
}

:global([data-theme="dark"]) .combo-busca-seta[b-dt2v57rd9l] {
    color: #666;
}

:global([data-theme="dark"]) .combo-busca-dropdown[b-dt2v57rd9l] {
    background: #1a1d28;
    border-color: #7c4dcc;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

:global([data-theme="dark"]) .combo-busca-input-container[b-dt2v57rd9l] {
    border-bottom-color: #2a2d38;
}

:global([data-theme="dark"]) .combo-busca-input[b-dt2v57rd9l] {
    color: #e0e0e0;
}

:global([data-theme="dark"]) .combo-busca-input[b-dt2v57rd9l]::placeholder {
    color: #555;
}

:global([data-theme="dark"]) .combo-busca-icone[b-dt2v57rd9l] {
    color: #666;
}

:global([data-theme="dark"]) .combo-busca-item[b-dt2v57rd9l] {
    color: #ccc;
}

:global([data-theme="dark"]) .combo-busca-item:hover[b-dt2v57rd9l] {
    background: rgba(124, 77, 204, 0.12);
}

:global([data-theme="dark"]) .combo-item-ativo[b-dt2v57rd9l] {
    background: rgba(124, 77, 204, 0.18);
    color: #b388ff;
}

:global([data-theme="dark"]) .combo-item-nenhum[b-dt2v57rd9l] {
    color: #666;
}

:global([data-theme="dark"]) .combo-item-check[b-dt2v57rd9l] {
    color: #b388ff;
}

:global([data-theme="dark"]) .combo-busca-vazio[b-dt2v57rd9l] {
    color: #555;
}

:global([data-theme="dark"]) .combo-busca-limpar-input[b-dt2v57rd9l] {
    color: #666;
}

:global([data-theme="dark"]) .combo-busca-limpar-input:hover[b-dt2v57rd9l] {
    color: #ef5350;
}

/* ===== Responsivo ===== */

@media (max-width: 768px) {
    .combo-busca-dropdown[b-dt2v57rd9l] {
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 16px 16px 0 0;
        border: 1.5px solid var(--primary-purple, #6c3eb6);
        max-height: 60vh;
        z-index: 1060;
    }

    .combo-busca-lista[b-dt2v57rd9l] {
        max-height: 45vh;
    }

    .combo-busca-item[b-dt2v57rd9l] {
        padding: 12px 16px;
        font-size: 15px;
    }

    .combo-busca-input-container[b-dt2v57rd9l] {
        padding: 12px 14px;
    }

    .combo-busca-input[b-dt2v57rd9l] {
        font-size: 15px;
    }
}
/* /Components/Shared/ConvitesTutorSection.razor.rz.scp.css */
/* ===== Convites Pendentes ===== */
.convites-section[b-ssncjxm0my] {
    margin-bottom: 32px;
    background: rgba(255, 152, 0, 0.08);
    border: 1px solid rgba(255, 193, 7, 0.4);
    border-radius: 16px;
    padding: 20px;
}

.convites-header[b-ssncjxm0my] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.convites-icon[b-ssncjxm0my] {
    font-size: 22px;
    color: #e65100;
}

.convites-titulo[b-ssncjxm0my] {
    font-size: 18px;
    font-weight: 700;
    color: #bf360c;
    margin: 0;
}

.convites-badge[b-ssncjxm0my] {
    background: #e65100;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 12px;
    min-width: 22px;
    text-align: center;
}

.convites-lista[b-ssncjxm0my] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.convite-card[b-ssncjxm0my] {
    background: var(--white);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.convite-pet-foto[b-ssncjxm0my] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 2px solid var(--border-light);
}

.convite-pet-foto img[b-ssncjxm0my] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.convite-pet-placeholder[b-ssncjxm0my] {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--primary-purple-light), #e8e0ff);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-purple);
    font-size: 22px;
}

.convite-info[b-ssncjxm0my] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.convite-pet-nome[b-ssncjxm0my] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-dark);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.convite-detalhes[b-ssncjxm0my] {
    font-size: 13px;
    color: var(--text-medium);
}

.convite-permissoes[b-ssncjxm0my] {
    font-size: 12px;
    color: #78909c;
    display: flex;
    align-items: center;
    gap: 4px;
}

.convite-acoes[b-ssncjxm0my] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.btn-convite-aceitar[b-ssncjxm0my] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #4caf50;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-convite-aceitar:hover:not(:disabled)[b-ssncjxm0my] {
    background: #388e3c;
    transform: translateY(-1px);
}

.btn-convite-aceitar:disabled[b-ssncjxm0my] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-convite-recusar[b-ssncjxm0my] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: transparent;
    color: #f44336;
    border: 1px solid #f44336;
    border-radius: 10px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-convite-recusar:hover:not(:disabled)[b-ssncjxm0my] {
    background: #f44336;
    color: #fff;
}

.btn-convite-recusar:disabled[b-ssncjxm0my] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ===== Responsividade ===== */
@@media (max-width: 768px) {
    .convite-card[b-ssncjxm0my] {
        flex-direction: column;
        text-align: center;
        padding: 20px 16px;
    }

    .convite-info[b-ssncjxm0my] {
        align-items: center;
    }

    .convite-permissoes[b-ssncjxm0my] {
        justify-content: center;
        flex-wrap: wrap;
    }

    .convite-acoes[b-ssncjxm0my] {
        width: 100%;
    }

    .btn-convite-aceitar[b-ssncjxm0my],
    .btn-convite-recusar[b-ssncjxm0my] {
        flex: 1;
        justify-content: center;
        padding: 10px 12px;
    }
}

/* ============================================
   DARK MODE — [data-theme="dark"]
   ============================================ */

:global([data-theme="dark"]) .convites-section[b-ssncjxm0my] {
    background: rgba(255, 152, 0, 0.08);
    border-color: rgba(255, 193, 7, 0.25);
}

:global([data-theme="dark"]) .convites-icon[b-ssncjxm0my] {
    color: #ffa726;
}

:global([data-theme="dark"]) .convites-titulo[b-ssncjxm0my] {
    color: #ffab40;
}

:global([data-theme="dark"]) .convite-card[b-ssncjxm0my] {
    background: var(--white);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .convite-permissoes[b-ssncjxm0my] {
    color: #90a4ae;
}

:global([data-theme="dark"]) .btn-convite-recusar[b-ssncjxm0my] {
    color: #ef5350;
    border-color: #ef5350;
}

:global([data-theme="dark"]) .btn-convite-recusar:hover:not(:disabled)[b-ssncjxm0my] {
    background: #ef5350;
}

/* ============================================
   DARK MODE — @media (prefers-color-scheme)
   ============================================ */

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */
/* /Components/Shared/EstabelecimentoDetalhe.razor.rz.scp.css */
/* ========================================
   EstabelecimentoDetalhe.razor.css
   Isolated CSS — Detalhe expandido do estabelecimento
   ======================================== */

.detalhe-container[b-wtfuznl6dn] {
	padding: 20px 16px;
	background: linear-gradient(135deg, rgba(108, 62, 182, 0.02), rgba(233, 30, 144, 0.02));
	border-top: 1px dashed rgba(108, 62, 182, 0.2);
	display: flex;
	flex-direction: column;
	gap: 20px;
	animation: expandDetail 0.3s ease-out;
}

@@keyframes expandDetail {
	from[b-wtfuznl6dn] {
		opacity: 0;
		max-height: 0;
	}
	to[b-wtfuznl6dn] {
		opacity: 1;
		max-height: 2000px;
	}
}

.detalhe-grid[b-wtfuznl6dn] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 12px;
}

.detalhe-item[b-wtfuznl6dn] {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 10px 14px;
	background: var(--white);
	border-radius: 10px;
	border: 1px solid var(--border-light);
}

.detalhe-label[b-wtfuznl6dn] {
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.detalhe-valor[b-wtfuznl6dn] {
	font-size: 0.9rem;
	color: var(--text-dark);
	font-weight: 500;
	word-break: break-word;
}

/* ===== Tag Summary Section ===== */
.secao-resumo-tags[b-wtfuznl6dn] {
	padding: 16px;
	border-radius: 12px;
	border: 1.5px dashed rgba(108, 62, 182, 0.25);
	background: rgba(108, 62, 182, 0.03);
}

.secao-titulo[b-wtfuznl6dn] {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--primary-purple);
	margin-bottom: 8px;
}

.secao-titulo i[b-wtfuznl6dn] {
	font-size: 1.1rem;
}

.resumo-tags-info[b-wtfuznl6dn] {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 10px;
}

.resumo-tag-item[b-wtfuznl6dn] {
	font-size: 0.9rem;
	color: var(--text-medium);
}

.resumo-tag-item strong[b-wtfuznl6dn] {
	font-size: 1.15rem;
	color: var(--primary-purple);
	margin-right: 4px;
}

/* ===== Horizontal Stacked Bar Chart ===== */
.grafico-barras-horizontal[b-wtfuznl6dn] {
	margin-top: 14px;
}

.barra-progresso-container[b-wtfuznl6dn] {
	display: flex;
	height: 20px;
	border-radius: 10px;
	overflow: hidden;
	background: var(--border-light);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);
}

.barra-segmento[b-wtfuznl6dn] {
	height: 100%;
	transition: width 0.5s ease;
	position: relative;
	min-width: 2px;
}

.barra-segmento:first-child[b-wtfuznl6dn] {
	border-radius: 10px 0 0 10px;
}

.barra-segmento:last-child[b-wtfuznl6dn] {
	border-radius: 0 10px 10px 0;
}

.barra-segmento:only-child[b-wtfuznl6dn] {
	border-radius: 10px;
}

.barra-segmento:hover[b-wtfuznl6dn] {
	filter: brightness(1.1);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}

.bg-orange[b-wtfuznl6dn] { background: #ff9800; }
.bg-blue[b-wtfuznl6dn] { background: #2196f3; }
.bg-green[b-wtfuznl6dn] { background: #4caf50; }
.bg-gray[b-wtfuznl6dn] { background: #9e9e9e; }

.legenda-barras[b-wtfuznl6dn] {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	margin-top: 10px;
}

.legenda-item[b-wtfuznl6dn] {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: var(--text-medium);
	font-weight: 500;
}

.legenda-cor[b-wtfuznl6dn] {
	width: 12px;
	height: 12px;
	border-radius: 4px;
	flex-shrink: 0;
}

/* ===== Inner Table ===== */
.tabela-wrapper[b-wtfuznl6dn] {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-radius: 8px;
}

.tabela-admin[b-wtfuznl6dn] {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.tabela-admin th[b-wtfuznl6dn] {
	text-align: left;
	padding: 10px 12px;
	font-weight: 600;
	color: var(--text-medium);
	border-bottom: 2px solid var(--border-light);
	white-space: nowrap;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.tabela-admin td[b-wtfuznl6dn] {
	padding: 10px 12px;
	color: var(--text-dark);
	border-bottom: 1px solid var(--border-light);
	vertical-align: middle;
}

.tabela-admin tr:last-child td[b-wtfuznl6dn] {
	border-bottom: none;
}

.tabela-admin td code[b-wtfuznl6dn] {
	background: var(--bg-gray);
	padding: 2px 8px;
	border-radius: 6px;
	font-size: 12px;
	font-family: monospace;
	color: var(--primary-purple);
	border: 1px solid var(--border-light);
}

.tabela-interna[b-wtfuznl6dn] {
	font-size: 13px;
}

.tabela-interna th[b-wtfuznl6dn] {
	font-size: 11px;
	padding: 8px 10px;
}

.tabela-interna td[b-wtfuznl6dn] {
	padding: 8px 10px;
	font-size: 13px;
}

/* ===== Badges ===== */
.tipo-badge[b-wtfuznl6dn] {
	background: rgba(101, 75, 199, 0.1);
	color: var(--primary-purple);
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

.status-badge[b-wtfuznl6dn] {
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
	display: inline-block;
}

/* Tag Status Badges */
.status-tag-virgem[b-wtfuznl6dn] {
	background: #e3f2fd;
	color: #1565c0;
}

.status-tag-gravada[b-wtfuznl6dn] {
	background: #efebe9;
	color: #4e342e;
}

.status-tag-despachada[b-wtfuznl6dn] {
	background: #e0f2f1;
	color: #00695c;
}

.status-tag-disponívelvenda[b-wtfuznl6dn] {
	background: #f3e5f5;
	color: #7b1fa2;
}

.status-tag-préativada[b-wtfuznl6dn] {
	background: #e1f5fe;
	color: #0277bd;
}

.status-tag-ativo[b-wtfuznl6dn] {
	background: #e8f5e9;
	color: #2e7d32;
}

.status-tag-inativo[b-wtfuznl6dn] {
	background: #f5f5f5;
	color: #757575;
}

.status-tag-desativado[b-wtfuznl6dn] {
	background: #fce4ec;
	color: #c62828;
}

.status-tag-bloqueado[b-wtfuznl6dn] {
	background: #ffebee;
	color: #b71c1c;
}

.status-tag-demonstração[b-wtfuznl6dn] {
	background: #fff3e0;
	color: #e65100;
}

/* ========================================
   Dark Mode
   ======================================== */

[data-theme="dark"] .detalhe-container[b-wtfuznl6dn] {
	background: linear-gradient(135deg, rgba(108, 62, 182, 0.06), rgba(233, 30, 144, 0.04));
	border-top-color: rgba(108, 62, 182, 0.3);
}

[data-theme="dark"] .detalhe-item[b-wtfuznl6dn] {
	background: #2e2e4a;
	border-color: #3d3d5c;
}

[data-theme="dark"] .detalhe-label[b-wtfuznl6dn] {
	color: #a0a0b0;
}

[data-theme="dark"] .detalhe-valor[b-wtfuznl6dn] {
	color: #e0e0e0;
}

[data-theme="dark"] .secao-resumo-tags[b-wtfuznl6dn] {
	background: rgba(108, 62, 182, 0.06);
	border-color: rgba(108, 62, 182, 0.3);
}

[data-theme="dark"] .resumo-tag-item[b-wtfuznl6dn] {
	color: #a0a0b0;
}

[data-theme="dark"] .barra-progresso-container[b-wtfuznl6dn] {
	background: #2e2e4a;
}

[data-theme="dark"] .legenda-item[b-wtfuznl6dn] {
	color: #a0a0b0;
}

[data-theme="dark"] .tabela-admin th[b-wtfuznl6dn] {
	color: #a0a0b0;
	border-bottom-color: #2e2e4a;
}

[data-theme="dark"] .tabela-admin td[b-wtfuznl6dn] {
	color: #e0e0e0;
	border-bottom-color: #2e2e4a;
}

[data-theme="dark"] .tabela-admin td code[b-wtfuznl6dn] {
	background: #2e2e4a;
	border-color: #3d3d5c;
	color: var(--primary-purple-light);
}

[data-theme="dark"] .tipo-badge[b-wtfuznl6dn] {
	background: rgba(108, 62, 182, 0.2);
}

/* ========================================
   Responsividade
   ======================================== */

@@media (max-width: 1024px) {
	.detalhe-grid[b-wtfuznl6dn] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@@media (max-width: 768px) {
	.detalhe-grid[b-wtfuznl6dn] {
		grid-template-columns: 1fr;
	}

	.resumo-tags-info[b-wtfuznl6dn] {
		flex-direction: column;
		gap: 8px;
	}

	.legenda-barras[b-wtfuznl6dn] {
		gap: 10px;
	}

	.tabela-interna[b-wtfuznl6dn] {
		min-width: 500px;
	}
}

@@media (max-width: 480px) {
	.barra-progresso-container[b-wtfuznl6dn] {
		height: 16px;
	}
}
/* /Components/Shared/EstabelecimentoTagLista.razor.rz.scp.css */
/* ========================================
   EstabelecimentoTagLista.razor.css
   Estilos da tabela de tags do estabelecimento
   ======================================== */

/* ===== Tabela ===== */

.tabela-wrapper[b-8uz50vgil3] {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-radius: 8px;
}

.tabela-admin[b-8uz50vgil3] {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.tabela-admin th[b-8uz50vgil3] {
	text-align: left;
	padding: 10px 12px;
	font-weight: 600;
	color: var(--text-medium);
	border-bottom: 2px solid var(--border-light);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
}

.tabela-admin td[b-8uz50vgil3] {
	padding: 10px 12px;
	color: var(--text-dark);
	border-bottom: 1px solid var(--border-light);
	vertical-align: middle;
}

.tabela-admin tbody tr:hover td[b-8uz50vgil3] {
	background: var(--bg-gray);
}

/* Tipos de coluna — alinhamento por tipo */
.col-text[b-8uz50vgil3] { text-align: left; }
.col-badge[b-8uz50vgil3] { text-align: left; }
.col-date[b-8uz50vgil3] { text-align: left; }
.col-info[b-8uz50vgil3] { text-align: left; min-width: 140px; }
.col-acoes[b-8uz50vgil3] { text-align: right; width: 80px; }

.acoes-cell[b-8uz50vgil3] {
	display: flex;
	gap: 6px;
	justify-content: flex-end;
}

/* ===== Status Badges ===== */

.status-badge[b-8uz50vgil3] {
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	display: inline-block;
	white-space: nowrap;
}

.status-tag-disponivelvenda[b-8uz50vgil3] {
	background: rgba(101, 75, 199, 0.12);
	color: #5e35b1;
}

.status-tag-preativada[b-8uz50vgil3] {
	background: rgba(3, 169, 244, 0.12);
	color: #0277bd;
}

.status-tag-ativo[b-8uz50vgil3] {
	background: #e8f5e9;
	color: #2e7d32;
}

.status-tag-inativo[b-8uz50vgil3] {
	background: rgba(158, 158, 158, 0.12);
	color: #616161;
}

.status-tag-gravada[b-8uz50vgil3] {
	background: rgba(121, 85, 72, 0.12);
	color: #5d4037;
}

.status-tag-despachada[b-8uz50vgil3] {
	background: rgba(0, 150, 136, 0.12);
	color: #00796b;
}

.status-tag-bloqueado[b-8uz50vgil3] {
	background: rgba(244, 67, 54, 0.12);
	color: #b71c1c;
}

.status-tag-desativado[b-8uz50vgil3] {
	background: rgba(233, 30, 99, 0.12);
	color: #ad1457;
}

.tipo-badge[b-8uz50vgil3] {
	background: rgba(101, 75, 199, 0.1);
	color: var(--primary-purple);
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
}

/* ===== Badges Pagamento (read-only) ===== */

.pgto-badge[b-8uz50vgil3] {
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	display: inline-block;
	white-space: nowrap;
}

.pgto-pendente[b-8uz50vgil3] {
	background: rgba(255, 152, 0, 0.12);
	color: #e65100;
}

.pgto-quitado[b-8uz50vgil3] {
	background: rgba(76, 175, 80, 0.12);
	color: #2e7d32;
}

.pgto-cortesia[b-8uz50vgil3] {
	background: rgba(101, 75, 199, 0.12);
	color: #5e35b1;
}

.pgto-cancelado[b-8uz50vgil3] {
	background: rgba(244, 67, 54, 0.12);
	color: #b71c1c;
}

.pgto-estornado[b-8uz50vgil3] {
	background: rgba(158, 158, 158, 0.12);
	color: #616161;
}

/* ===== Badge Lote ===== */

.lote-badge[b-8uz50vgil3] {
	background: rgba(0, 150, 136, 0.1);
	color: #00796b;
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	display: inline-block;
	white-space: nowrap;
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ===== Info — display e edicao inline ===== */

.info-display[b-8uz50vgil3] {
	display: flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	padding: 2px 4px;
	border-radius: 6px;
	transition: background 0.15s;
	min-height: 28px;
}

.info-display:hover[b-8uz50vgil3] {
	background: rgba(108, 62, 182, 0.06);
}

.info-texto[b-8uz50vgil3] {
	font-size: 13px;
	color: var(--text-dark);
	max-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.info-edit-icon[b-8uz50vgil3] {
	font-size: 11px;
	color: var(--text-medium);
	opacity: 0;
	transition: opacity 0.15s;
}

.info-display:hover .info-edit-icon[b-8uz50vgil3] {
	opacity: 1;
}

.info-placeholder[b-8uz50vgil3] {
	font-size: 12px;
	color: var(--text-medium);
	opacity: 0.6;
	display: flex;
	align-items: center;
	gap: 4px;
}

.info-placeholder i[b-8uz50vgil3] {
	font-size: 11px;
}

.info-display:hover .info-placeholder[b-8uz50vgil3] {
	opacity: 1;
	color: var(--primary-purple);
}

.info-edit-container[b-8uz50vgil3] {
	display: flex;
	align-items: center;
	gap: 4px;
}

.info-input[b-8uz50vgil3] {
	padding: 4px 8px;
	border: 1.5px solid var(--primary-purple);
	border-radius: 6px;
	font-size: 13px;
	color: var(--text-dark);
	background: var(--white);
	width: 160px;
	transition: box-shadow 0.2s;
}

.info-input:focus[b-8uz50vgil3] {
	outline: none;
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.1);
}

.btn-mini[b-8uz50vgil3] {
	width: 26px !important;
	height: 26px !important;
	padding: 0 !important;
	font-size: 13px !important;
}

/* ===== Selecionar Todas ===== */

.selecionar-todas[b-8uz50vgil3] {
	margin-bottom: 12px;
}

.check-label[b-8uz50vgil3] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: var(--text-medium);
	cursor: pointer;
}

.check-label input[type="checkbox"][b-8uz50vgil3] {
	width: 16px;
	height: 16px;
	accent-color: var(--primary-purple);
}

/* ===== Loading / Empty ===== */

.loading-container[b-8uz50vgil3] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 48px 24px;
	color: var(--text-medium);
}

.empty-mensagens[b-8uz50vgil3] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 48px 24px;
	text-align: center;
	color: var(--text-medium);
}

.empty-mensagens i[b-8uz50vgil3] {
	font-size: 48px;
	color: var(--primary-purple);
	opacity: 0.3;
	margin-bottom: 16px;
}

.empty-mensagens h3[b-8uz50vgil3] {
	margin: 0 0 8px;
	font-size: 18px;
	color: var(--text-dark);
}

.empty-mensagens p[b-8uz50vgil3] {
	margin: 0;
	font-size: 14px;
	max-width: 400px;
}

/* ===== Responsividade ===== */

@@media (max-width: 768px) {
	.tabela-admin[b-8uz50vgil3] {
		min-width: 700px;
	}

	.info-input[b-8uz50vgil3] {
		width: 120px;
	}

	.info-texto[b-8uz50vgil3] {
		max-width: 120px;
	}
}

/* ===== Dark Mode ===== */

:global([data-theme="dark"]) .tabela-admin th[b-8uz50vgil3] {
	color: #a0a0b0;
	border-bottom-color: #2e2e4a;
}

:global([data-theme="dark"]) .tabela-admin td[b-8uz50vgil3] {
	color: #e0e0e0;
	border-bottom-color: #2e2e4a;
}

:global([data-theme="dark"]) .tabela-admin tbody tr:hover td[b-8uz50vgil3] {
	background: rgba(108, 62, 182, 0.08);
}

:global([data-theme="dark"]) .select-pagamento[b-8uz50vgil3] {
	background: #2e2e4a;
	border-color: #3d3d5c;
	color: #a0a0b0;
}

:global([data-theme="dark"]) .select-pagamento:focus[b-8uz50vgil3] {
	border-color: var(--primary-purple);
}

:global([data-theme="dark"]) .pgto-pendente[b-8uz50vgil3] {
	border-color: #e65100;
	color: #ffb74d;
	background: rgba(255, 152, 0, 0.1);
}

:global([data-theme="dark"]) .pgto-quitado[b-8uz50vgil3] {
	border-color: #388e3c;
	color: #81c784;
	background: rgba(76, 175, 80, 0.1);
}

:global([data-theme="dark"]) .info-display:hover[b-8uz50vgil3] {
	background: rgba(108, 62, 182, 0.1);
}

:global([data-theme="dark"]) .info-texto[b-8uz50vgil3] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .info-input[b-8uz50vgil3] {
	background: #2e2e4a;
	border-color: var(--primary-purple);
	color: #f0f0f0;
}

:global([data-theme="dark"]) .info-placeholder[b-8uz50vgil3] {
	color: #808090;
}

:global([data-theme="dark"]) .info-display:hover .info-placeholder[b-8uz50vgil3] {
	color: #c9b8ff;
}

:global([data-theme="dark"]) .empty-mensagens h3[b-8uz50vgil3] {
	color: #f0f0f0;
}

:global([data-theme="dark"]) .empty-mensagens p[b-8uz50vgil3] {
	color: #a0a0b0;
}
/* /Components/Shared/ModalAdicionarTutor.razor.rz.scp.css */
/* ========================================
   ModalAdicionarTutor.razor.css
   Isolated CSS — Modal Adicionar Tutor
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-bvr8o4zogt] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1rem;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-bvr8o4zogt] { opacity: 0; }
	to[b-bvr8o4zogt] { opacity: 1; }
}

.modal-content[b-bvr8o4zogt] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 600px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

@@keyframes slideUp {
	from[b-bvr8o4zogt] { opacity: 0; transform: translateY(24px); }
	to[b-bvr8o4zogt] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-bvr8o4zogt] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 2rem;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-bvr8o4zogt] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.modal-fechar[b-bvr8o4zogt] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-bvr8o4zogt] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-bvr8o4zogt] {
	padding: 2rem;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-footer[b-bvr8o4zogt] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	padding: 1.5rem 2rem;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Component-Specific: Info Text & Toggle ===== */

.modal-info-text[b-bvr8o4zogt] {
	font-size: 15px;
	color: var(--text-medium);
	margin: 0;
}

.toggle-check[b-bvr8o4zogt] {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: var(--text-dark);
	cursor: pointer;
	padding: 6px 0;
}

.toggle-check input[type="checkbox"][b-bvr8o4zogt] {
	width: 18px;
	height: 18px;
	accent-color: var(--primary-purple);
}

/* ===== Form Elements ===== */

.form-group[b-bvr8o4zogt] {
	margin-bottom: 0.25rem;
}

.form-group label[b-bvr8o4zogt] {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: var(--text-dark);
	font-size: 0.9rem;
}

.campo-obrigatorio[b-bvr8o4zogt] {
	color: var(--danger-red);
}

.form-input-admin[b-bvr8o4zogt] {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-bvr8o4zogt] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-textarea[b-bvr8o4zogt] {
	min-height: 80px;
	resize: vertical;
}

.form-row-2[b-bvr8o4zogt] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

/* ===== Buttons ===== */

.btn-cancelar[b-bvr8o4zogt] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-bvr8o4zogt] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-bvr8o4zogt] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-bvr8o4zogt] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-bvr8o4zogt] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Alerts ===== */

.alerta-erro-contato[b-bvr8o4zogt] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
	animation: fadeIn 0.3s ease-out;
}

.alerta-erro-contato i[b-bvr8o4zogt] {
	font-size: 1rem;
	flex-shrink: 0;
}

.sucesso-mensagem[b-bvr8o4zogt] {
	background: rgba(76, 175, 80, 0.1);
	color: #2e7d32;
	padding: 1rem;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.9rem;
	font-weight: 500;
	border: 1px solid rgba(76, 175, 80, 0.25);
	animation: fadeIn 0.3s ease-out;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-bvr8o4zogt] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-bvr8o4zogt] { transform: rotate(360deg); }
}

@@keyframes fadeIn {
	from[b-bvr8o4zogt] { opacity: 0; transform: translateY(-4px); }
	to[b-bvr8o4zogt] { opacity: 1; transform: translateY(0); }
}

/* ========================================
   Dark Mode
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-bvr8o4zogt] { background: #1a1d28; }
:global([data-theme="dark"]) .modal-body[b-bvr8o4zogt] { background: #1a1d28; }
:global([data-theme="dark"]) .modal-footer[b-bvr8o4zogt] { background: #12141c; border-top-color: #2a2d3a; }
:global([data-theme="dark"]) .form-group label[b-bvr8o4zogt] { color: #bdbdbd; }
:global([data-theme="dark"]) .form-input-admin[b-bvr8o4zogt] { background: #12141c; border-color: #2a2d3a; color: #e0e0e0; }
:global([data-theme="dark"]) .form-input-admin:focus[b-bvr8o4zogt] { border-color: var(--primary-purple); box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2); }
:global([data-theme="dark"]) .btn-cancelar[b-bvr8o4zogt] { background: #22252f; border-color: #2a2d3a; color: #9e9e9e; }
:global([data-theme="dark"]) .btn-cancelar:hover[b-bvr8o4zogt] { background: #2a2d3a; }
:global([data-theme="dark"]) .alerta-erro-contato[b-bvr8o4zogt] { background: rgba(244, 67, 54, 0.12); border-color: rgba(244, 67, 54, 0.25); color: #ef5350; }
:global([data-theme="dark"]) .sucesso-mensagem[b-bvr8o4zogt] { background: rgba(76, 175, 80, 0.15); border-color: rgba(76, 175, 80, 0.3); color: #81c784; }
:global([data-theme="dark"]) .toggle-check[b-bvr8o4zogt] { color: #bdbdbd; }

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Responsive ===== */

@@media (max-width: 768px) {
	.form-row-2[b-bvr8o4zogt] { grid-template-columns: 1fr; }
	.modal-overlay[b-bvr8o4zogt] { padding: 8px; align-items: flex-end; }
	.modal-content[b-bvr8o4zogt] { max-width: 100%; margin: 0.5rem; max-height: 85vh; border-radius: 20px 20px 0 0; }
	.modal-header[b-bvr8o4zogt] { padding: 16px 20px; }
	.modal-body[b-bvr8o4zogt] { padding: 1rem; gap: 12px; }
	.modal-footer[b-bvr8o4zogt] { padding: 14px 20px; }
}

@@media (max-width: 480px) {
	.modal-header h3[b-bvr8o4zogt] { font-size: 1rem; }
	.form-input-admin[b-bvr8o4zogt] { padding: 9px 12px; font-size: 0.9rem; }
	.btn-salvar[b-bvr8o4zogt], .btn-cancelar[b-bvr8o4zogt] { padding: 10px 16px; font-size: 0.85rem; }
}

@@media (max-width: 360px) {
	.modal-body[b-bvr8o4zogt] { padding: 0.75rem; }
}
/* /Components/Shared/ModalAlergia.razor.rz.scp.css */
/* ========================================
   ModalAlergia.razor.css
   Isolated CSS — Modal Alergia
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-l332ded2c7] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1rem;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-l332ded2c7] { opacity: 0; }
	to[b-l332ded2c7] { opacity: 1; }
}

.modal-content[b-l332ded2c7] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 600px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

@@keyframes slideUp {
	from[b-l332ded2c7] { opacity: 0; transform: translateY(24px); }
	to[b-l332ded2c7] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-l332ded2c7] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 2rem;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-l332ded2c7] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.modal-fechar[b-l332ded2c7] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-l332ded2c7] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-l332ded2c7] {
	padding: 2rem;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-footer[b-l332ded2c7] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	padding: 1.5rem 2rem;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Form Elements ===== */

.form-group[b-l332ded2c7] {
	margin-bottom: 0.25rem;
}

.form-group label[b-l332ded2c7] {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: var(--text-dark);
	font-size: 0.9rem;
}

.campo-obrigatorio[b-l332ded2c7] {
	color: var(--danger-red);
}

.form-input-admin[b-l332ded2c7] {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-l332ded2c7] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-textarea[b-l332ded2c7] {
	min-height: 80px;
	resize: vertical;
}

.form-row-2[b-l332ded2c7] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

/* ===== Buttons ===== */

.btn-cancelar[b-l332ded2c7] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-l332ded2c7] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-l332ded2c7] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-l332ded2c7] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-l332ded2c7] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Alerts ===== */

.alerta-erro-contato[b-l332ded2c7] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
	animation: fadeIn 0.3s ease-out;
}

.alerta-erro-contato i[b-l332ded2c7] {
	font-size: 1rem;
	flex-shrink: 0;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-l332ded2c7] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-l332ded2c7] { transform: rotate(360deg); }
}

@@keyframes fadeIn {
	from[b-l332ded2c7] { opacity: 0; transform: translateY(-4px); }
	to[b-l332ded2c7] { opacity: 1; transform: translateY(0); }
}

/* ========================================
   Dark Mode
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-l332ded2c7] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-l332ded2c7] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-l332ded2c7] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .form-group label[b-l332ded2c7] {
	color: #bdbdbd;
}

:global([data-theme="dark"]) .form-input-admin[b-l332ded2c7] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin:focus[b-l332ded2c7] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .btn-cancelar[b-l332ded2c7] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-l332ded2c7] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .alerta-erro-contato[b-l332ded2c7] {
	background: rgba(244, 67, 54, 0.12);
	border-color: rgba(244, 67, 54, 0.25);
	color: #ef5350;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Responsive ===== */

@@media (max-width: 768px) {
	.form-row-2[b-l332ded2c7] {
		grid-template-columns: 1fr;
	}

	.modal-overlay[b-l332ded2c7] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-l332ded2c7] {
		max-width: 100%;
		margin: 0.5rem;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-header[b-l332ded2c7] {
		padding: 16px 20px;
	}

	.modal-body[b-l332ded2c7] {
		padding: 1rem;
		gap: 12px;
	}

	.modal-footer[b-l332ded2c7] {
		padding: 14px 20px;
	}
}

@@media (max-width: 480px) {
	.modal-header h3[b-l332ded2c7] {
		font-size: 1rem;
	}

	.form-input-admin[b-l332ded2c7] {
		padding: 9px 12px;
		font-size: 0.9rem;
	}

	.btn-salvar[b-l332ded2c7],
	.btn-cancelar[b-l332ded2c7] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}
}

@@media (max-width: 360px) {
	.modal-body[b-l332ded2c7] {
		padding: 0.75rem;
	}
}
/* /Components/Shared/ModalBloqueioEstabelecimento.razor.rz.scp.css */
/* ========================================
   ModalBloqueioEstabelecimento.razor.css
   Isolated CSS — Modal de bloqueio de estabelecimento
   ======================================== */

.modal-overlay[b-347a8asm65] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 16px;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-347a8asm65] { opacity: 0; }
	to[b-347a8asm65] { opacity: 1; }
}

.modal-content[b-347a8asm65] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 600px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

.modal-usuario[b-347a8asm65] {
	max-width: 520px;
}

@@keyframes slideUp {
	from[b-347a8asm65] { opacity: 0; transform: translateY(24px); }
	to[b-347a8asm65] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-347a8asm65] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 24px;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-347a8asm65] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 10px;
}

.modal-fechar[b-347a8asm65] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-347a8asm65] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-347a8asm65] {
	padding: 24px;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-body p[b-347a8asm65] {
	margin: 0;
	font-size: 0.95rem;
	color: var(--text-dark);
	line-height: 1.5;
}

.modal-body p strong[b-347a8asm65] {
	color: var(--primary-purple);
}

.modal-footer[b-347a8asm65] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	padding: 16px 24px;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Form Elements ===== */
.form-group[b-347a8asm65] {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.form-group label[b-347a8asm65] {
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.form-input-admin[b-347a8asm65] {
	width: 100%;
	padding: 10px 14px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-347a8asm65] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

/* ===== Error Alert ===== */
.alerta-erro-contato[b-347a8asm65] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
	animation: fadeIn 0.3s ease-out;
}

.alerta-erro-contato i[b-347a8asm65] {
	font-size: 1rem;
	flex-shrink: 0;
}

@@keyframes fadeIn {
	from[b-347a8asm65] { opacity: 0; transform: translateY(-4px); }
	to[b-347a8asm65] { opacity: 1; transform: translateY(0); }
}

/* ===== Buttons ===== */
.btn-cancelar[b-347a8asm65] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-347a8asm65] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-347a8asm65] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-347a8asm65] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-347a8asm65] {
	opacity: 0.6;
	cursor: not-allowed;
}

.btn-salvar.btn-acao-danger[b-347a8asm65] {
	background: linear-gradient(135deg, #c62828, #e53935);
}

/* ===== Button Spinner ===== */
.ativacao-btn-spinner[b-347a8asm65] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.7s linear infinite;
}

@@keyframes spin {
	to[b-347a8asm65] { transform: rotate(360deg); }
}

/* ========================================
   Dark Mode
   ======================================== */

[data-theme="dark"] .modal-content[b-347a8asm65] {
	background: #23233a;
}

[data-theme="dark"] .modal-body p[b-347a8asm65] {
	color: #e0e0e0;
}

[data-theme="dark"] .modal-footer[b-347a8asm65] {
	background: #1a1a2e;
	border-top-color: #2e2e4a;
}

[data-theme="dark"] .form-input-admin[b-347a8asm65] {
	background: #2e2e4a;
	border-color: #3d3d5c;
	color: #f0f0f0;
}

[data-theme="dark"] .btn-cancelar[b-347a8asm65] {
	background: #2e2e4a;
	border-color: #3d3d5c;
	color: #a0a0b0;
}

[data-theme="dark"] .btn-cancelar:hover[b-347a8asm65] {
	background: #3d3d5c;
}

[data-theme="dark"] .alerta-erro-contato[b-347a8asm65] {
	background: rgba(244, 67, 54, 0.12);
	border-color: rgba(244, 67, 54, 0.3);
}

/* ========================================
   Responsividade
   ======================================== */

@@media (max-width: 768px) {
	.modal-overlay[b-347a8asm65] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-347a8asm65] {
		max-width: 100%;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-usuario[b-347a8asm65] {
		max-width: 100%;
	}

	.modal-header[b-347a8asm65] {
		padding: 16px 20px;
	}

	.modal-body[b-347a8asm65] {
		padding: 20px;
		gap: 14px;
	}

	.modal-footer[b-347a8asm65] {
		padding: 14px 20px;
	}
}

@@media (max-width: 480px) {
	.modal-header h3[b-347a8asm65] {
		font-size: 1rem;
	}

	.form-input-admin[b-347a8asm65] {
		padding: 9px 12px;
		font-size: 0.9rem;
	}

	.btn-salvar[b-347a8asm65],
	.btn-cancelar[b-347a8asm65] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}
}
/* /Components/Shared/ModalCadastroTag.razor.rz.scp.css */
/* ========================================
   ModalCadastroTag.razor.css
   Modal de cadastro unitário de tag
   Blazor Isolated CSS
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-x6ip9imhd0] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 16px;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-x6ip9imhd0] { opacity: 0; }
	to[b-x6ip9imhd0] { opacity: 1; }
}

.modal-content[b-x6ip9imhd0] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 600px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

.modal-tag[b-x6ip9imhd0] {
	max-width: 560px;
}

@@keyframes slideUp {
	from[b-x6ip9imhd0] { opacity: 0; transform: translateY(24px); }
	to[b-x6ip9imhd0] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-x6ip9imhd0] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 24px;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-x6ip9imhd0] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 10px;
}

.modal-fechar[b-x6ip9imhd0] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-x6ip9imhd0] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-x6ip9imhd0] {
	padding: 24px;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-footer[b-x6ip9imhd0] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	padding: 16px 24px;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Form Elements ===== */

.form-group[b-x6ip9imhd0] {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.form-group label[b-x6ip9imhd0] {
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.campo-obrigatorio[b-x6ip9imhd0] {
	color: var(--danger-red);
}

.form-input-admin[b-x6ip9imhd0] {
	width: 100%;
	padding: 10px 14px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-x6ip9imhd0] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-input-admin:disabled[b-x6ip9imhd0] {
	background: var(--bg-gray);
	color: var(--text-medium);
	cursor: not-allowed;
}

.form-textarea[b-x6ip9imhd0] {
	resize: vertical;
	min-height: 60px;
}

.form-hint[b-x6ip9imhd0] {
	font-size: 12px;
	color: var(--text-medium);
	margin-top: 2px;
	line-height: 1.4;
}

/* ===== Error Alert ===== */

.alerta-erro-contato[b-x6ip9imhd0] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
}

.alerta-erro-contato i[b-x6ip9imhd0] {
	font-size: 16px;
	flex-shrink: 0;
}

/* ===== Modal Buttons ===== */

.btn-cancelar[b-x6ip9imhd0] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-x6ip9imhd0] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-x6ip9imhd0] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-x6ip9imhd0] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-x6ip9imhd0] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-x6ip9imhd0] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-x6ip9imhd0] { transform: rotate(360deg); }
}

/* ===== Dark Mode ===== */

:global([data-theme="dark"]) .modal-content[b-x6ip9imhd0] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-x6ip9imhd0] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-x6ip9imhd0] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .form-input-admin[b-x6ip9imhd0] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin:focus[b-x6ip9imhd0] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .form-group label[b-x6ip9imhd0] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar[b-x6ip9imhd0] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-x6ip9imhd0] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .alerta-erro-contato[b-x6ip9imhd0] {
	background: rgba(244, 67, 54, 0.12);
	border-color: rgba(244, 67, 54, 0.25);
}

:global([data-theme="dark"]) .form-hint[b-x6ip9imhd0] {
	color: #9e9e9e;
}

/* ===== Responsive - Tablet ===== */

@@media (max-width: 768px) {
	.modal-overlay[b-x6ip9imhd0] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-x6ip9imhd0] {
		max-width: 100%;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-tag[b-x6ip9imhd0] {
		max-width: 100%;
	}

	.modal-header[b-x6ip9imhd0] {
		padding: 16px 20px;
	}

	.modal-body[b-x6ip9imhd0] {
		padding: 20px;
		gap: 14px;
	}

	.modal-footer[b-x6ip9imhd0] {
		padding: 14px 20px;
	}
}

/* ===== Responsive - Mobile ===== */

@@media (max-width: 480px) {
	.modal-header h3[b-x6ip9imhd0] {
		font-size: 1rem;
	}

	.form-input-admin[b-x6ip9imhd0] {
		padding: 9px 12px;
		font-size: 0.9rem;
	}

	.btn-salvar[b-x6ip9imhd0],
	.btn-cancelar[b-x6ip9imhd0] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}
}
/* /Components/Shared/ModalCadastroTagLote.razor.rz.scp.css */
/* ========================================
   ModalCadastroTagLote.razor.css
   Blazor Isolated CSS
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-zmw2pnvd9m] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 16px;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-zmw2pnvd9m] { opacity: 0; }
	to[b-zmw2pnvd9m] { opacity: 1; }
}

.modal-content[b-zmw2pnvd9m] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 600px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

.modal-tag[b-zmw2pnvd9m] {
	max-width: 560px;
}

@@keyframes slideUp {
	from[b-zmw2pnvd9m] { opacity: 0; transform: translateY(24px); }
	to[b-zmw2pnvd9m] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-zmw2pnvd9m] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 24px;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-zmw2pnvd9m] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 10px;
}

.modal-fechar[b-zmw2pnvd9m] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-zmw2pnvd9m] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-zmw2pnvd9m] {
	padding: 24px;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-footer[b-zmw2pnvd9m] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	padding: 16px 24px;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Form Elements ===== */

.form-group[b-zmw2pnvd9m] {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.form-group label[b-zmw2pnvd9m] {
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.campo-obrigatorio[b-zmw2pnvd9m] {
	color: var(--danger-red);
}

.form-input-admin[b-zmw2pnvd9m] {
	width: 100%;
	padding: 10px 14px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-zmw2pnvd9m] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-input-admin:disabled[b-zmw2pnvd9m] {
	background: var(--bg-gray);
	color: var(--text-medium);
	cursor: not-allowed;
}

.form-row-2[b-zmw2pnvd9m] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

/* ===== Form Hint ===== */

.form-hint[b-zmw2pnvd9m] {
	font-size: 12px;
	color: var(--text-medium);
	margin-top: 2px;
	line-height: 1.4;
}

/* ===== Lote Preview ===== */

.lote-preview[b-zmw2pnvd9m] {
	background: rgba(108, 62, 182, 0.04);
	border: 1px dashed rgba(108, 62, 182, 0.25);
	border-radius: 10px;
	padding: 14px 16px;
}

.lote-preview h4[b-zmw2pnvd9m] {
	margin: 0 0 8px 0;
	font-size: 13px;
	font-weight: 700;
	color: var(--primary-purple);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.lote-preview p[b-zmw2pnvd9m] {
	margin: 0;
	font-size: 13px;
	color: var(--text-dark);
	line-height: 1.5;
}

.lote-preview code[b-zmw2pnvd9m] {
	font-family: 'Courier New', Courier, monospace;
	background: rgba(108, 62, 182, 0.08);
	padding: 1px 6px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	color: var(--primary-purple);
}

/* ===== Error Alert ===== */

.alerta-erro-contato[b-zmw2pnvd9m] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
}

.alerta-erro-contato i[b-zmw2pnvd9m] {
	font-size: 16px;
	flex-shrink: 0;
}

/* ===== Modal Buttons ===== */

.btn-cancelar[b-zmw2pnvd9m] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-zmw2pnvd9m] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-zmw2pnvd9m] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-zmw2pnvd9m] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-zmw2pnvd9m] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-zmw2pnvd9m] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-zmw2pnvd9m] { transform: rotate(360deg); }
}

/* ========================================
   Dark Mode — [data-theme="dark"]
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-zmw2pnvd9m] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-zmw2pnvd9m] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-zmw2pnvd9m] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .form-input-admin[b-zmw2pnvd9m] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin:focus[b-zmw2pnvd9m] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .form-group label[b-zmw2pnvd9m] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar[b-zmw2pnvd9m] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-zmw2pnvd9m] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .lote-preview[b-zmw2pnvd9m] {
	background: rgba(108, 62, 182, 0.08);
	border-color: rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .lote-preview p[b-zmw2pnvd9m] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .alerta-erro-contato[b-zmw2pnvd9m] {
	background: rgba(244, 67, 54, 0.12);
	border-color: rgba(244, 67, 54, 0.25);
}

:global([data-theme="dark"]) .form-hint[b-zmw2pnvd9m] {
	color: #9e9e9e;
}

/* ========================================
   Responsive — Mobile First
   ======================================== */

@@media (max-width: 768px) {
	.modal-overlay[b-zmw2pnvd9m] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-zmw2pnvd9m] {
		max-width: 100%;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-tag[b-zmw2pnvd9m] {
		max-width: 100%;
	}

	.modal-header[b-zmw2pnvd9m] {
		padding: 16px 20px;
	}

	.modal-body[b-zmw2pnvd9m] {
		padding: 20px;
		gap: 14px;
	}

	.modal-footer[b-zmw2pnvd9m] {
		padding: 14px 20px;
	}

	.form-row-2[b-zmw2pnvd9m] {
		grid-template-columns: 1fr;
	}
}

@@media (max-width: 480px) {
	.modal-header h3[b-zmw2pnvd9m] {
		font-size: 1rem;
	}

	.form-input-admin[b-zmw2pnvd9m] {
		padding: 9px 12px;
		font-size: 0.9rem;
	}

	.btn-salvar[b-zmw2pnvd9m],
	.btn-cancelar[b-zmw2pnvd9m] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}
}
/* /Components/Shared/ModalCancelarPlano.razor.rz.scp.css */
/* ===== ModalCancelarPlano.razor.css ===== */

.modal-overlay[b-3jj739cp4r] {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1rem;
}

.modal-conteudo[b-3jj739cp4r] {
	background: var(--cor-fundo-card, #fff);
	border-radius: 16px;
	width: 100%;
	max-width: 500px;
	max-height: 90vh;
	overflow-y: auto;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.modal-header[b-3jj739cp4r] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.25rem 1.5rem;
	border-bottom: 1px solid var(--cor-borda, #e5e7eb);
}

.modal-header h3[b-3jj739cp4r] {
	margin: 0;
	font-size: 1.1rem;
	color: #ef4444;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.btn-fechar-modal[b-3jj739cp4r] {
	background: none;
	border: none;
	color: var(--cor-texto-secundario, #6b7280);
	cursor: pointer;
	font-size: 1.1rem;
	padding: 0.25rem;
	border-radius: 6px;
	transition: background 0.2s;
}

.btn-fechar-modal:hover[b-3jj739cp4r] {
	background: var(--cor-hover, #f3f4f6);
}

.modal-body[b-3jj739cp4r] {
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.cancelar-aviso[b-3jj739cp4r] {
	display: flex;
	gap: 0.75rem;
	padding: 1rem;
	border-radius: 10px;
}

.cancelar-pago[b-3jj739cp4r] {
	background: rgba(239, 68, 68, 0.08);
	border: 1px solid rgba(239, 68, 68, 0.2);
}

.cancelar-pago > i[b-3jj739cp4r] {
	color: #ef4444;
	font-size: 1.3rem;
	flex-shrink: 0;
	margin-top: 2px;
}

.cancelar-cortesia[b-3jj739cp4r] {
	background: rgba(245, 158, 11, 0.08);
	border: 1px solid rgba(245, 158, 11, 0.2);
}

.cancelar-cortesia > i[b-3jj739cp4r] {
	color: #f59e0b;
	font-size: 1.3rem;
	flex-shrink: 0;
	margin-top: 2px;
}

.cancelar-aviso p[b-3jj739cp4r] {
	margin: 0 0 0.35rem 0;
	font-size: 0.9rem;
	color: var(--cor-texto, #111827);
	line-height: 1.5;
}

.cancelar-detalhe[b-3jj739cp4r] {
	font-size: 0.85rem !important;
	color: var(--cor-texto-secundario, #6b7280) !important;
}

.cancelar-info[b-3jj739cp4r] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.9rem;
	padding: 0.75rem 1rem;
	background: var(--cor-fundo-input, #f9fafb);
	border-radius: 8px;
}

.cancelar-label[b-3jj739cp4r] {
	color: var(--cor-texto-secundario, #6b7280);
}

.cancelar-checkbox[b-3jj739cp4r] {
	padding: 0.75rem 0;
}

.cancelar-checkbox label[b-3jj739cp4r] {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	cursor: pointer;
	font-size: 0.9rem;
	color: var(--cor-texto, #111827);
}

.cancelar-checkbox input[type="checkbox"][b-3jj739cp4r] {
	margin-top: 3px;
	accent-color: #ef4444;
	width: 16px;
	height: 16px;
}

.cancelar-erro[b-3jj739cp4r] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1rem;
	background: rgba(239, 68, 68, 0.1);
	border-radius: 8px;
	color: #ef4444;
	font-size: 0.85rem;
}

.modal-footer[b-3jj739cp4r] {
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
	padding: 1rem 1.5rem;
	border-top: 1px solid var(--cor-borda, #e5e7eb);
}

.btn-cancelar-modal[b-3jj739cp4r] {
	padding: 0.6rem 1.25rem;
	border: 1px solid var(--cor-borda, #d1d5db);
	background: transparent;
	color: var(--cor-texto, #374151);
	border-radius: 8px;
	cursor: pointer;
	font-size: 0.9rem;
	transition: background 0.2s;
}

.btn-cancelar-modal:hover[b-3jj739cp4r] {
	background: var(--cor-hover, #f3f4f6);
}

.btn-confirmar-danger[b-3jj739cp4r] {
	padding: 0.6rem 1.25rem;
	border: none;
	background: #ef4444;
	color: white;
	border-radius: 8px;
	cursor: pointer;
	font-size: 0.9rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 0.4rem;
	transition: background 0.2s;
}

.btn-confirmar-danger:hover[b-3jj739cp4r] {
	background: #dc2626;
}

.btn-confirmar-danger:disabled[b-3jj739cp4r] {
	opacity: 0.5;
	cursor: not-allowed;
}

.loading-spinner-sm[b-3jj739cp4r] {
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: white;
	border-radius: 50%;
	animation: spin-b-3jj739cp4r 0.8s linear infinite;
}

@keyframes spin-b-3jj739cp4r {
	to { transform: rotate(360deg); }
}

/* ===== Dark mode ===== */
:global([data-theme="dark"]) .modal-conteudo[b-3jj739cp4r] {
	background: #1f2937;
	border: 1px solid #374151;
}

:global([data-theme="dark"]) .modal-header[b-3jj739cp4r] {
	border-color: #374151;
}

:global([data-theme="dark"]) .modal-footer[b-3jj739cp4r] {
	border-color: #374151;
}

:global([data-theme="dark"]) .cancelar-info[b-3jj739cp4r] {
	background: #111827;
}

/* @media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Mobile ===== */
@media (max-width: 480px) {
	.modal-conteudo[b-3jj739cp4r] {
		max-width: 100%;
		border-radius: 12px;
	}

	.modal-footer[b-3jj739cp4r] {
		flex-direction: column;
	}

	.btn-cancelar-modal[b-3jj739cp4r],
	.btn-confirmar-danger[b-3jj739cp4r] {
		width: 100%;
		justify-content: center;
	}
}
/* /Components/Shared/ModalConfirmacao.razor.rz.scp.css */
/* ========================================
   ModalConfirmacao.razor.css
   Isolated CSS — Modal de Confirmação
   ======================================== */

.modal-overlay[b-f59msjme8y] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1rem;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-f59msjme8y] { opacity: 0; }
	to[b-f59msjme8y] { opacity: 1; }
}

.modal-content[b-f59msjme8y] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 480px;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

@@keyframes slideUp {
	from[b-f59msjme8y] { opacity: 0; transform: translateY(24px); }
	to[b-f59msjme8y] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-f59msjme8y] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 2rem;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-f59msjme8y] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.modal-fechar[b-f59msjme8y] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-f59msjme8y] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-f59msjme8y] {
	padding: 2rem;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-body p[b-f59msjme8y] {
	margin: 0;
	font-size: 0.95rem;
	color: var(--text-dark);
	line-height: 1.5;
}

.modal-footer[b-f59msjme8y] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	padding: 1.5rem 2rem;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

.btn-cancelar[b-f59msjme8y] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-f59msjme8y] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-f59msjme8y] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-f59msjme8y] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-f59msjme8y] {
	opacity: 0.6;
	cursor: not-allowed;
}

.btn-danger-action[b-f59msjme8y] {
	background: linear-gradient(135deg, #f44336, #e91e63);
}

.confirmacao-content[b-f59msjme8y] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	text-align: center;
	padding: 8px 0;
}

.confirmacao-icon[b-f59msjme8y] {
	font-size: 48px;
}

.confirmacao-icon-exclusao[b-f59msjme8y] { color: #e53935; }
.confirmacao-icon-bloqueio[b-f59msjme8y] { color: #e53935; }
.confirmacao-icon-desbloqueio[b-f59msjme8y] { color: #43a047; }
.confirmacao-icon-resetsenha[b-f59msjme8y] { color: #ff9800; }
.confirmacao-icon-desvinculacao[b-f59msjme8y] { color: #ff9800; }
.confirmacao-icon-aviso[b-f59msjme8y] { color: #ff9800; }
.confirmacao-icon-info[b-f59msjme8y] { color: var(--primary-purple, #6c5ce7); }
.confirmacao-icon-ativacao[b-f59msjme8y] { color: #43a047; }
.confirmacao-icon-desativacao[b-f59msjme8y] { color: #e53935; }

.ativacao-btn-spinner[b-f59msjme8y] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-f59msjme8y] { transform: rotate(360deg); }
}

@@keyframes fadeIn {
	from[b-f59msjme8y] { opacity: 0; transform: translateY(-4px); }
	to[b-f59msjme8y] { opacity: 1; transform: translateY(0); }
}

:global([data-theme="dark"]) .modal-content[b-f59msjme8y] { background: #1a1d28; }
:global([data-theme="dark"]) .modal-body[b-f59msjme8y] { background: #1a1d28; }
:global([data-theme="dark"]) .modal-body p[b-f59msjme8y] { color: #e0e0e0; }
:global([data-theme="dark"]) .modal-footer[b-f59msjme8y] { background: #12141c; border-top-color: #2a2d3a; }
:global([data-theme="dark"]) .btn-cancelar[b-f59msjme8y] { background: #22252f; border-color: #2a2d3a; color: #9e9e9e; }
:global([data-theme="dark"]) .btn-cancelar:hover[b-f59msjme8y] { background: #2a2d3a; }
:global([data-theme="dark"]) .confirmacao-content p[b-f59msjme8y] { color: #e0e0e0; }

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

@@media (max-width: 768px) {
	.modal-overlay[b-f59msjme8y] { padding: 8px; align-items: flex-end; }
	.modal-content[b-f59msjme8y] { max-width: 100%; margin: 0.5rem; border-radius: 20px 20px 0 0; }
	.modal-header[b-f59msjme8y] { padding: 16px 20px; }
	.modal-body[b-f59msjme8y] { padding: 1rem; gap: 12px; }
	.modal-footer[b-f59msjme8y] { padding: 14px 20px; }
}

@@media (max-width: 480px) {
	.modal-header h3[b-f59msjme8y] { font-size: 1rem; }
	.btn-salvar[b-f59msjme8y], .btn-cancelar[b-f59msjme8y] { padding: 10px 16px; font-size: 0.85rem; }
}
/* /Components/Shared/ModalCriarLote.razor.rz.scp.css */
/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-iujw5jl5xm] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 16px;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-iujw5jl5xm] { opacity: 0; }
	to[b-iujw5jl5xm] { opacity: 1; }
}

.modal-content[b-iujw5jl5xm] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 600px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

.modal-lote-grande[b-iujw5jl5xm] {
	max-width: 720px;
}

@@keyframes slideUp {
	from[b-iujw5jl5xm] { opacity: 0; transform: translateY(24px); }
	to[b-iujw5jl5xm] { opacity: 1; transform: translateY(0); }
}

/* ===== Modal Header ===== */

.modal-header[b-iujw5jl5xm] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 24px;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-iujw5jl5xm] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 10px;
}

.modal-fechar[b-iujw5jl5xm] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-iujw5jl5xm] {
	background: rgba(255, 255, 255, 0.35);
}

/* ===== Modal Body ===== */

.modal-body[b-iujw5jl5xm] {
	padding: 24px;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* ===== Modal Footer ===== */

.modal-footer[b-iujw5jl5xm] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	padding: 16px 24px;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Form Elements ===== */

.form-group[b-iujw5jl5xm] {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.form-group label[b-iujw5jl5xm] {
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.campo-obrigatorio[b-iujw5jl5xm] {
	color: var(--danger-red);
}

.form-input-admin[b-iujw5jl5xm] {
	width: 100%;
	padding: 10px 14px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-iujw5jl5xm] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-textarea[b-iujw5jl5xm] {
	resize: vertical;
	min-height: 60px;
}

.form-row-2[b-iujw5jl5xm] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

/* ===== Tag Selection for Lote ===== */

.filtro-tags-lote[b-iujw5jl5xm] {
	margin-bottom: 8px;
}

.lista-tags-selecao[b-iujw5jl5xm] {
	max-height: 200px;
	overflow-y: auto;
	border: 1px solid var(--border-light);
	border-radius: 10px;
	padding: 8px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	background: var(--bg-gray);
}

.lista-tags-selecao[b-iujw5jl5xm]::-webkit-scrollbar {
	width: 6px;
}

.lista-tags-selecao[b-iujw5jl5xm]::-webkit-scrollbar-track {
	background: transparent;
}

.lista-tags-selecao[b-iujw5jl5xm]::-webkit-scrollbar-thumb {
	background: var(--border-light);
	border-radius: 3px;
}

.tag-selecao-item[b-iujw5jl5xm] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	background: var(--white);
	border: 1px solid var(--border-light);
	border-radius: 8px;
	cursor: pointer;
	font-size: 13px;
	transition: all 0.2s;
	user-select: none;
}

.tag-selecao-item:hover[b-iujw5jl5xm] {
	border-color: var(--primary-purple);
	background: rgba(108, 62, 182, 0.04);
}

.tag-selecao-item input[type="checkbox"][b-iujw5jl5xm] {
	width: 14px;
	height: 14px;
	accent-color: var(--primary-purple);
	cursor: pointer;
}

.tag-selecao-item code[b-iujw5jl5xm] {
	font-family: 'Courier New', Courier, monospace;
	font-size: 12px;
	font-weight: 600;
	color: var(--text-dark);
}

.tags-selecionadas-count[b-iujw5jl5xm] {
	font-size: 12px;
	color: var(--text-medium);
	margin-top: 6px;
	display: block;
}

/* ===== Empty State ===== */

.historico-vazio[b-iujw5jl5xm] {
	font-size: 13px;
	color: var(--text-medium);
	text-align: center;
	padding: 16px;
	margin: 0;
}

/* ===== Error Alert ===== */

.alerta-erro-contato[b-iujw5jl5xm] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
}

.alerta-erro-contato i[b-iujw5jl5xm] {
	font-size: 16px;
	flex-shrink: 0;
}

/* ===== Modal Buttons ===== */

.btn-cancelar[b-iujw5jl5xm] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-iujw5jl5xm] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-iujw5jl5xm] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-iujw5jl5xm] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-iujw5jl5xm] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-iujw5jl5xm] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-iujw5jl5xm] { transform: rotate(360deg); }
}

/* ========================================
   Dark Mode — [data-theme="dark"]
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-iujw5jl5xm] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-iujw5jl5xm] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-iujw5jl5xm] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .form-input-admin[b-iujw5jl5xm] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin:focus[b-iujw5jl5xm] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .form-group label[b-iujw5jl5xm] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar[b-iujw5jl5xm] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-iujw5jl5xm] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .lista-tags-selecao[b-iujw5jl5xm] {
	background: #12141c;
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .tag-selecao-item[b-iujw5jl5xm] {
	background: #1a1d28;
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .tag-selecao-item:hover[b-iujw5jl5xm] {
	border-color: var(--primary-purple);
	background: rgba(108, 62, 182, 0.1);
}

:global([data-theme="dark"]) .tag-selecao-item code[b-iujw5jl5xm] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .historico-vazio[b-iujw5jl5xm] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .alerta-erro-contato[b-iujw5jl5xm] {
	background: rgba(244, 67, 54, 0.12);
	border-color: rgba(244, 67, 54, 0.3);
	color: #ef9a9a;
}

/* ========================================
   Responsive — Mobile-first
   ======================================== */

@@media (max-width: 768px) {
	.modal-overlay[b-iujw5jl5xm] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-iujw5jl5xm] {
		max-width: 100%;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-lote-grande[b-iujw5jl5xm] {
		max-width: 100%;
	}

	.modal-header[b-iujw5jl5xm] {
		padding: 16px 20px;
	}

	.modal-body[b-iujw5jl5xm] {
		padding: 20px;
		gap: 14px;
	}

	.modal-footer[b-iujw5jl5xm] {
		padding: 14px 20px;
	}

	.form-row-2[b-iujw5jl5xm] {
		grid-template-columns: 1fr;
	}
}

@@media (max-width: 480px) {
	.modal-header h3[b-iujw5jl5xm] {
		font-size: 1rem;
	}

	.form-input-admin[b-iujw5jl5xm] {
		padding: 9px 12px;
		font-size: 0.9rem;
	}

	.btn-salvar[b-iujw5jl5xm],
	.btn-cancelar[b-iujw5jl5xm] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}

	.lista-tags-selecao[b-iujw5jl5xm] {
		max-height: 150px;
	}
}
/* /Components/Shared/ModalDetalhesTag.razor.rz.scp.css */
/* ========================================
   ModalDetalhesTag.razor.css
   Modal informativo de detalhes da tag
   Blazor Isolated CSS
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-auxk90975h] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 16px;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-auxk90975h] { opacity: 0; }
	to[b-auxk90975h] { opacity: 1; }
}

.modal-content[b-auxk90975h] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 680px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

.modal-detalhes[b-auxk90975h] {
	max-width: 640px;
}

@@keyframes slideUp {
	from[b-auxk90975h] { opacity: 0; transform: translateY(24px); }
	to[b-auxk90975h] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-auxk90975h] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 24px;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-auxk90975h] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 10px;
}

.modal-fechar[b-auxk90975h] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-auxk90975h] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-auxk90975h] {
	padding: 20px 24px;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.modal-footer[b-auxk90975h] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	padding: 16px 24px;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Section Layout ===== */

.secao-detalhes[b-auxk90975h] {
	border: 1px solid var(--border-light);
	border-radius: 12px;
	overflow: hidden;
}

.secao-titulo[b-auxk90975h] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 16px;
	background: var(--bg-gray);
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--text-dark);
	text-transform: uppercase;
	letter-spacing: 0.3px;
	border-bottom: 1px solid var(--border-light);
}

.secao-titulo i[b-auxk90975h] {
	color: var(--primary-purple);
	font-size: 0.9rem;
}

.detalhe-grid[b-auxk90975h] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
}

.detalhe-item[b-auxk90975h] {
	padding: 10px 16px;
	border-bottom: 1px solid var(--border-light);
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.detalhe-item:nth-child(odd)[b-auxk90975h] {
	border-right: 1px solid var(--border-light);
}

.detalhe-item:last-child[b-auxk90975h],
.detalhe-item:nth-last-child(2):nth-child(odd)[b-auxk90975h] {
	border-bottom: none;
}

.detalhe-item-full[b-auxk90975h] {
	grid-column: 1 / -1;
	border-right: none !important;
}

.detalhe-label[b-auxk90975h] {
	font-size: 0.7rem;
	font-weight: 600;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.detalhe-valor[b-auxk90975h] {
	font-size: 0.9rem;
	color: var(--text-dark);
	line-height: 1.4;
}

.detalhe-valor code[b-auxk90975h] {
	background: rgba(108, 62, 182, 0.08);
	color: var(--primary-purple);
	padding: 2px 8px;
	border-radius: 6px;
	font-size: 0.85rem;
	font-weight: 600;
}

.detalhe-valor strong[b-auxk90975h] {
	font-weight: 600;
}

.obs-texto[b-auxk90975h] {
	font-size: 0.85rem;
	white-space: pre-wrap;
	word-break: break-word;
	max-height: 100px;
	overflow-y: auto;
}

/* ===== Status badges ===== */

.status-badge[b-auxk90975h] {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 12px;
	font-size: 0.75rem;
	font-weight: 600;
	white-space: nowrap;
}

.status-tag-inativo[b-auxk90975h] { background: rgba(158,158,158,0.12); color: #616161; }
.status-tag-virgem[b-auxk90975h] { background: rgba(33,150,243,0.12); color: #1565c0; }
.status-tag-disponívelvenda[b-auxk90975h] { background: rgba(255,152,0,0.12); color: #e65100; }
.status-tag-préativada[b-auxk90975h] { background: rgba(0,150,136,0.12); color: #00695c; }
.status-tag-ativo[b-auxk90975h] { background: rgba(76,175,80,0.12); color: #2e7d32; }
.status-tag-bloqueado[b-auxk90975h] { background: rgba(244,67,54,0.12); color: #c62828; }
.status-tag-desativado[b-auxk90975h] { background: rgba(96,125,139,0.12); color: #37474f; }

/* ===== Pet Lost Badge ===== */

.badge-perdido[b-auxk90975h] {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 6px;
	font-size: 0.65rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	background: rgba(244, 67, 54, 0.12);
	color: #c62828;
	border: 1px solid rgba(244, 67, 54, 0.25);
	margin-left: 6px;
}

/* ===== Empty Section ===== */

.secao-vazia[b-auxk90975h] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px;
	color: var(--text-medium);
	font-size: 0.85rem;
}

.secao-vazia i[b-auxk90975h] {
	font-size: 1.2rem;
	opacity: 0.4;
}

/* ===== Link Section ===== */

.secao-link[b-auxk90975h] {
	padding: 10px 16px;
	border-top: 1px solid var(--border-light);
}

.secao-link a[b-auxk90975h] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--primary-purple);
	text-decoration: none;
	transition: opacity 0.2s;
}

.secao-link a:hover[b-auxk90975h] {
	opacity: 0.7;
	text-decoration: underline;
}

/* ===== Loading State ===== */

.estado-carregando[b-auxk90975h] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 48px 0;
	color: var(--text-medium);
	font-size: 0.9rem;
}

.spinner-grande[b-auxk90975h] {
	width: 28px !important;
	height: 28px !important;
}

.ativacao-btn-spinner[b-auxk90975h] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(108, 62, 182, 0.3);
	border-top-color: var(--primary-purple);
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-auxk90975h] { transform: rotate(360deg); }
}

/* ===== Footer Button ===== */

.btn-cancelar[b-auxk90975h] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-auxk90975h] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

/* ===== Dark Mode ===== */

:global([data-theme="dark"]) .modal-content[b-auxk90975h] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-auxk90975h] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-auxk90975h] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .secao-detalhes[b-auxk90975h] {
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .secao-titulo[b-auxk90975h] {
	background: #12141c;
	color: #e0e0e0;
	border-bottom-color: #2a2d3a;
}

:global([data-theme="dark"]) .detalhe-item[b-auxk90975h] {
	border-bottom-color: #22252f;
}

:global([data-theme="dark"]) .detalhe-item:nth-child(odd)[b-auxk90975h] {
	border-right-color: #22252f;
}

:global([data-theme="dark"]) .detalhe-label[b-auxk90975h] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .detalhe-valor[b-auxk90975h] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .detalhe-valor code[b-auxk90975h] {
	background: rgba(108, 62, 182, 0.15);
	color: #b39ddb;
}

:global([data-theme="dark"]) .secao-vazia[b-auxk90975h] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .secao-link[b-auxk90975h] {
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .secao-link a[b-auxk90975h] {
	color: #b39ddb;
}

:global([data-theme="dark"]) .btn-cancelar[b-auxk90975h] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-auxk90975h] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .estado-carregando[b-auxk90975h] {
	color: #9e9e9e;
}

/* Dark: Status Badges */
:global([data-theme="dark"]) .status-tag-inativo[b-auxk90975h] { background: rgba(158,158,158,0.18); color: #bdbdbd; }
:global([data-theme="dark"]) .status-tag-virgem[b-auxk90975h] { background: rgba(33,150,243,0.18); color: #64b5f6; }
:global([data-theme="dark"]) .status-tag-disponívelvenda[b-auxk90975h] { background: rgba(255,152,0,0.18); color: #ffb74d; }
:global([data-theme="dark"]) .status-tag-préativada[b-auxk90975h] { background: rgba(0,150,136,0.18); color: #4db6ac; }
:global([data-theme="dark"]) .status-tag-ativo[b-auxk90975h] { background: rgba(76,175,80,0.18); color: #81c784; }
:global([data-theme="dark"]) .status-tag-bloqueado[b-auxk90975h] { background: rgba(244,67,54,0.18); color: #ef9a9a; }
:global([data-theme="dark"]) .status-tag-desativado[b-auxk90975h] { background: rgba(96,125,139,0.18); color: #90a4ae; }

/* ===== Responsive - Tablet ===== */

@@media (max-width: 768px) {
	.modal-overlay[b-auxk90975h] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-auxk90975h] {
		max-width: 100%;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-detalhes[b-auxk90975h] {
		max-width: 100%;
	}

	.modal-header[b-auxk90975h] {
		padding: 16px 20px;
	}

	.modal-body[b-auxk90975h] {
		padding: 16px 20px;
		gap: 16px;
	}

	.modal-footer[b-auxk90975h] {
		padding: 14px 20px;
	}

	.detalhe-grid[b-auxk90975h] {
		grid-template-columns: 1fr;
	}

	.detalhe-item:nth-child(odd)[b-auxk90975h] {
		border-right: none;
	}
}

/* ===== Responsive - Mobile ===== */

@@media (max-width: 480px) {
	.modal-header h3[b-auxk90975h] {
		font-size: 1rem;
	}

	.secao-titulo[b-auxk90975h] {
		font-size: 0.8rem;
		padding: 10px 14px;
	}

	.detalhe-item[b-auxk90975h] {
		padding: 8px 14px;
	}

	.btn-cancelar[b-auxk90975h] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}
}
/* /Components/Shared/ModalDiarioPet.razor.rz.scp.css */
/* ========================================
   ModalDiarioPet.razor.css
   Isolated CSS — Modal Diário do Pet
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-was85agjb1] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1rem;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-was85agjb1] { opacity: 0; }
	to[b-was85agjb1] { opacity: 1; }
}

.modal-content[b-was85agjb1] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 600px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

@@keyframes slideUp {
	from[b-was85agjb1] { opacity: 0; transform: translateY(24px); }
	to[b-was85agjb1] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-was85agjb1] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 2rem;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-was85agjb1] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.modal-fechar[b-was85agjb1] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-was85agjb1] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-was85agjb1] {
	padding: 2rem;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-footer[b-was85agjb1] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	padding: 1.5rem 2rem;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Form Elements ===== */

.form-group[b-was85agjb1] {
	margin-bottom: 0.25rem;
}

.form-group label[b-was85agjb1] {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: var(--text-dark);
	font-size: 0.9rem;
}

.campo-obrigatorio[b-was85agjb1] {
	color: var(--danger-red);
}

.form-input-admin[b-was85agjb1] {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-was85agjb1] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-textarea[b-was85agjb1] {
	min-height: 80px;
	resize: vertical;
}

.form-row-2[b-was85agjb1] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

/* ===== Contador de caracteres ===== */

.campo-contador[b-was85agjb1] {
	display: block;
	text-align: right;
	font-size: 11px;
	color: var(--text-light);
	margin-top: 4px;
}

/* ===== Comprovante / Foto Upload ===== */

.comprovante-preview[b-was85agjb1] {
	position: relative;
	display: inline-block;
	margin-top: 8px;
}

.comprovante-img[b-was85agjb1] {
	max-width: 100%;
	max-height: 200px;
	border-radius: 10px;
	border: 1px solid var(--border-light);
	object-fit: cover;
}

.comprovante-remover[b-was85agjb1] {
	position: absolute;
	top: -8px;
	right: -8px;
	background: var(--white);
	border: none;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--danger-red);
	font-size: 18px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	transition: all 0.2s;
}

.comprovante-remover:hover[b-was85agjb1] {
	transform: scale(1.1);
}

.comprovante-upload-area[b-was85agjb1] {
	position: relative;
	margin-top: 8px;
	border: 2px dashed var(--border-light);
	border-radius: 12px;
	padding: 20px;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s;
}

.comprovante-upload-area:hover[b-was85agjb1] {
	border-color: var(--primary-purple-light);
	background: var(--bg-gray);
}

.comprovante-input[b-was85agjb1] {
	position: absolute;
	inset: 0;
	opacity: 0;
	cursor: pointer;
	width: 100%;
	height: 100%;
}

.comprovante-upload-label[b-was85agjb1] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	color: var(--text-medium);
	pointer-events: none;
}

.comprovante-upload-label i[b-was85agjb1] {
	font-size: 28px;
	color: var(--primary-purple);
}

.comprovante-upload-label span[b-was85agjb1] {
	font-size: 13px;
	font-weight: 500;
}

.comprovante-upload-label small[b-was85agjb1] {
	font-size: 11px;
	color: var(--text-medium);
	opacity: 0.7;
}

/* ===== Foto desabilitada por limite ===== */

.foto-limite-atingido[b-was85agjb1] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 14px;
	background: #fff3e0;
	color: #e65100;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 500;
	border: 1px dashed #ffcc80;
}

.foto-limite-atingido i[b-was85agjb1] {
	font-size: 18px;
	flex-shrink: 0;
}

/* ===== Aviso sobre edição e publicação ===== */

.aviso-edicao[b-was85agjb1] {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 10px 14px;
	background: #e3f2fd;
	color: #1565c0;
	border-radius: 10px;
	font-size: 13px;
	line-height: 1.5;
}

.aviso-edicao i[b-was85agjb1] {
	font-size: 16px;
	flex-shrink: 0;
	margin-top: 1px;
}

/* ===== Buttons ===== */

.btn-cancelar[b-was85agjb1] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-was85agjb1] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-was85agjb1] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-was85agjb1] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-was85agjb1] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Alerts ===== */

.alerta-erro-contato[b-was85agjb1] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
	animation: fadeIn 0.3s ease-out;
}

.alerta-erro-contato i[b-was85agjb1] {
	font-size: 1rem;
	flex-shrink: 0;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-was85agjb1] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-was85agjb1] { transform: rotate(360deg); }
}

@@keyframes fadeIn {
	from[b-was85agjb1] { opacity: 0; transform: translateY(-4px); }
	to[b-was85agjb1] { opacity: 1; transform: translateY(0); }
}

/* ========================================
   Dark Mode
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-was85agjb1] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-was85agjb1] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-was85agjb1] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .form-group label[b-was85agjb1] {
	color: #bdbdbd;
}

:global([data-theme="dark"]) .form-input-admin[b-was85agjb1] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin:focus[b-was85agjb1] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .btn-cancelar[b-was85agjb1] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-was85agjb1] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .alerta-erro-contato[b-was85agjb1] {
	background: rgba(244, 67, 54, 0.12);
	border-color: rgba(244, 67, 54, 0.25);
	color: #ef5350;
}

:global([data-theme="dark"]) .comprovante-upload-area[b-was85agjb1] {
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .comprovante-upload-area:hover[b-was85agjb1] {
	border-color: var(--primary-purple-light);
	background: rgba(107, 130, 247, 0.05);
}

:global([data-theme="dark"]) .comprovante-remover[b-was85agjb1] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .aviso-edicao[b-was85agjb1] {
	background: #1a237e;
	color: #90caf9;
}

:global([data-theme="dark"]) .foto-limite-atingido[b-was85agjb1] {
	background: #3e2723;
	color: #ffab91;
	border-color: #5d4037;
}

:global([data-theme="dark"]) .campo-contador[b-was85agjb1] {
	color: #757575;
}

/* ===== Responsive ===== */

@@media (max-width: 768px) {
	.form-row-2[b-was85agjb1] {
		grid-template-columns: 1fr;
	}

	.modal-overlay[b-was85agjb1] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-was85agjb1] {
		max-width: 100%;
		margin: 0.5rem;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-header[b-was85agjb1] {
		padding: 16px 20px;
	}

	.modal-body[b-was85agjb1] {
		padding: 1rem;
		gap: 12px;
	}

	.modal-footer[b-was85agjb1] {
		padding: 14px 20px;
	}
}

@@media (max-width: 480px) {
	.modal-header h3[b-was85agjb1] {
		font-size: 1rem;
	}

	.form-input-admin[b-was85agjb1] {
		padding: 9px 12px;
		font-size: 0.9rem;
	}

	.btn-salvar[b-was85agjb1],
	.btn-cancelar[b-was85agjb1] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}
}

@@media (max-width: 360px) {
	.modal-body[b-was85agjb1] {
		padding: 0.75rem;
	}
}
/* /Components/Shared/ModalEdicaoPet.razor.rz.scp.css */
/* ========================================
   ModalEdicaoPet.razor.css
   Isolated CSS — Modal Editar Pet
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-x8w7q9w3vf] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1rem;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-x8w7q9w3vf] { opacity: 0; }
	to[b-x8w7q9w3vf] { opacity: 1; }
}

.modal-content[b-x8w7q9w3vf] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 600px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

@@keyframes slideUp {
	from[b-x8w7q9w3vf] { opacity: 0; transform: translateY(24px); }
	to[b-x8w7q9w3vf] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-x8w7q9w3vf] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 2rem;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-x8w7q9w3vf] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.modal-fechar[b-x8w7q9w3vf] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-x8w7q9w3vf] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-x8w7q9w3vf] {
	padding: 2rem;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-footer[b-x8w7q9w3vf] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	padding: 1.5rem 2rem;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Form Elements ===== */

.form-group[b-x8w7q9w3vf] {
	margin-bottom: 0.25rem;
}

.form-group label[b-x8w7q9w3vf] {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: var(--text-dark);
	font-size: 0.9rem;
}

.campo-obrigatorio[b-x8w7q9w3vf] {
	color: var(--danger-red);
}

.form-input-admin[b-x8w7q9w3vf] {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-x8w7q9w3vf] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-textarea[b-x8w7q9w3vf] {
	min-height: 80px;
	resize: vertical;
}

.form-row-2[b-x8w7q9w3vf] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

/* ===== Foto Upload ===== */

.foto-preview[b-x8w7q9w3vf] {
	position: relative;
	display: inline-block;
	margin-top: 8px;
}

.foto-preview img[b-x8w7q9w3vf] {
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 50%;
	border: 3px solid var(--border-light);
}

.foto-remover[b-x8w7q9w3vf] {
	position: absolute;
	top: -4px;
	right: -4px;
	background: var(--white);
	border: none;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--danger-red);
	font-size: 18px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	transition: all 0.2s;
}

.foto-remover:hover[b-x8w7q9w3vf] {
	transform: scale(1.1);
}

.foto-upload-area[b-x8w7q9w3vf] {
	position: relative;
	margin-top: 8px;
	border: 2px dashed var(--border-light);
	border-radius: 12px;
	padding: 20px;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s;
}

.foto-upload-area:hover[b-x8w7q9w3vf] {
	border-color: var(--primary-purple-light);
	background: var(--bg-gray);
}

.foto-input[b-x8w7q9w3vf] {
	position: absolute;
	inset: 0;
	opacity: 0;
	cursor: pointer;
	width: 100%;
	height: 100%;
}

.foto-upload-label[b-x8w7q9w3vf] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	color: var(--text-medium);
	pointer-events: none;
}

.foto-upload-label i[b-x8w7q9w3vf] {
	font-size: 28px;
	color: var(--primary-purple);
}

.foto-upload-label span[b-x8w7q9w3vf] {
	font-size: 13px;
	font-weight: 500;
}

.foto-upload-label small[b-x8w7q9w3vf] {
	font-size: 11px;
	color: var(--text-medium);
	opacity: 0.7;
}

/* ===== Buttons ===== */

.btn-cancelar[b-x8w7q9w3vf] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-x8w7q9w3vf] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-x8w7q9w3vf] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-x8w7q9w3vf] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-x8w7q9w3vf] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Alerts ===== */

.alerta-erro-contato[b-x8w7q9w3vf] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
	animation: fadeIn 0.3s ease-out;
}

.alerta-erro-contato i[b-x8w7q9w3vf] {
	font-size: 1rem;
	flex-shrink: 0;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-x8w7q9w3vf] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-x8w7q9w3vf] { transform: rotate(360deg); }
}

@@keyframes fadeIn {
	from[b-x8w7q9w3vf] { opacity: 0; transform: translateY(-4px); }
	to[b-x8w7q9w3vf] { opacity: 1; transform: translateY(0); }
}

/* ========================================
   Dark Mode
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-x8w7q9w3vf] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-x8w7q9w3vf] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-x8w7q9w3vf] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .form-group label[b-x8w7q9w3vf] {
	color: #bdbdbd;
}

:global([data-theme="dark"]) .form-input-admin[b-x8w7q9w3vf] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin:focus[b-x8w7q9w3vf] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .btn-cancelar[b-x8w7q9w3vf] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-x8w7q9w3vf] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .foto-preview img[b-x8w7q9w3vf] {
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .foto-remover[b-x8w7q9w3vf] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .foto-upload-area[b-x8w7q9w3vf] {
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .foto-upload-area:hover[b-x8w7q9w3vf] {
	border-color: var(--primary-purple-light);
	background: rgba(107, 130, 247, 0.05);
}

:global([data-theme="dark"]) .alerta-erro-contato[b-x8w7q9w3vf] {
	background: rgba(244, 67, 54, 0.12);
	border-color: rgba(244, 67, 54, 0.25);
	color: #ef5350;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Responsive ===== */

@@media (max-width: 768px) {
	.form-row-2[b-x8w7q9w3vf] {
		grid-template-columns: 1fr;
	}

	.modal-overlay[b-x8w7q9w3vf] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-x8w7q9w3vf] {
		max-width: 100%;
		margin: 0.5rem;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-header[b-x8w7q9w3vf] {
		padding: 16px 20px;
	}

	.modal-body[b-x8w7q9w3vf] {
		padding: 1rem;
		gap: 12px;
	}

	.modal-footer[b-x8w7q9w3vf] {
		padding: 14px 20px;
	}
}

@@media (max-width: 480px) {
	.modal-header h3[b-x8w7q9w3vf] {
		font-size: 1rem;
	}

	.form-input-admin[b-x8w7q9w3vf] {
		padding: 9px 12px;
		font-size: 0.9rem;
	}

	.btn-salvar[b-x8w7q9w3vf],
	.btn-cancelar[b-x8w7q9w3vf] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}
}

@@media (max-width: 360px) {
	.modal-body[b-x8w7q9w3vf] {
		padding: 0.75rem;
	}
}
/* /Components/Shared/ModalEditarLote.razor.rz.scp.css */
/* ========================================
   ModalEditarLote.razor.css
   Isolated CSS — Modal Editar/Detalhes Lote
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-tjl6mp5qsz] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1rem;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-tjl6mp5qsz] { opacity: 0; }
	to[b-tjl6mp5qsz] { opacity: 1; }
}

.modal-content[b-tjl6mp5qsz] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 700px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

@@keyframes slideUp {
	from[b-tjl6mp5qsz] { opacity: 0; transform: translateY(24px); }
	to[b-tjl6mp5qsz] { opacity: 1; transform: translateY(0); }
}

/* ===== Modal Header ===== */

.modal-header[b-tjl6mp5qsz] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 2rem;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-tjl6mp5qsz] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.modal-fechar[b-tjl6mp5qsz] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-tjl6mp5qsz] {
	background: rgba(255, 255, 255, 0.35);
}

/* ===== Modal Body ===== */

.modal-body[b-tjl6mp5qsz] {
	padding: 2rem;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* ===== Modal Footer ===== */

.modal-footer[b-tjl6mp5qsz] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	padding: 1.5rem 2rem;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Form Elements ===== */

.form-group[b-tjl6mp5qsz] {
	margin-bottom: 1.25rem;
}

.form-group label[b-tjl6mp5qsz] {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: var(--text-dark);
	font-size: 0.9rem;
}

.campo-obrigatorio[b-tjl6mp5qsz] {
	color: var(--danger-red);
}

.form-input-admin[b-tjl6mp5qsz] {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-tjl6mp5qsz] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-input-admin:disabled[b-tjl6mp5qsz] {
	background: var(--bg-gray);
	cursor: not-allowed;
	opacity: 0.7;
}

.form-textarea[b-tjl6mp5qsz] {
	min-height: 80px;
	resize: vertical;
}

.form-row-2[b-tjl6mp5qsz] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

/* ===== Tags do Lote — Lista compacta ===== */

.secao-tags-lote[b-tjl6mp5qsz] {
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid var(--border-light);
}

.secao-titulo[b-tjl6mp5qsz] {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	font-size: 14px;
	color: var(--text-dark);
	margin-bottom: 12px;
}

.secao-titulo i[b-tjl6mp5qsz] {
	color: var(--primary-purple);
}

.tags-lote-lista[b-tjl6mp5qsz] {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	max-height: 200px;
	overflow-y: auto;
	padding: 8px;
	background: var(--bg-gray);
	border-radius: 10px;
}

.tag-lote-item[b-tjl6mp5qsz] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	background: var(--white);
	border-radius: 8px;
	border: 1px solid var(--border-light);
	font-size: 12px;
}

.tag-lote-item code[b-tjl6mp5qsz] {
	font-weight: 700;
	color: var(--text-dark);
}

.tag-lote-mais[b-tjl6mp5qsz] {
	padding: 4px 10px;
	color: var(--text-medium);
	font-size: 12px;
	font-style: italic;
}

/* ===== Carregando ===== */

.carregando[b-tjl6mp5qsz] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 40px;
	color: var(--text-medium);
}

.spinner-grande[b-tjl6mp5qsz] {
	width: 32px;
	height: 32px;
}

/* ===== Error Alert / Success ===== */

.alerta-erro-contato[b-tjl6mp5qsz] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
	animation: fadeIn 0.3s ease-out;
}

.alerta-erro-contato i[b-tjl6mp5qsz] {
	font-size: 1rem;
	flex-shrink: 0;
}

.sucesso-mensagem[b-tjl6mp5qsz] {
	background: rgba(76, 175, 80, 0.1);
	color: #2e7d32;
	padding: 1rem;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.9rem;
	font-weight: 500;
	border: 1px solid rgba(76, 175, 80, 0.25);
	animation: fadeIn 0.3s ease-out;
}

/* ===== Modal Buttons ===== */

.btn-cancelar[b-tjl6mp5qsz] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-tjl6mp5qsz] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-tjl6mp5qsz] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-tjl6mp5qsz] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-tjl6mp5qsz] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-tjl6mp5qsz] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-tjl6mp5qsz] { transform: rotate(360deg); }
}

@@keyframes fadeIn {
	from[b-tjl6mp5qsz] { opacity: 0; transform: translateY(-4px); }
	to[b-tjl6mp5qsz] { opacity: 1; transform: translateY(0); }
}

/* ===== Adicionar/Remover Tags do Lote ===== */

.lote-adicionar-tag[b-tjl6mp5qsz] {
	margin-bottom: 12px;
}

.lote-busca-container[b-tjl6mp5qsz] {
	position: relative;
	display: flex;
	align-items: center;
}

.lote-busca-icone[b-tjl6mp5qsz] {
	position: absolute;
	left: 12px;
	color: #999;
	font-size: 13px;
	pointer-events: none;
}

.lote-busca-input[b-tjl6mp5qsz] {
	padding-left: 34px !important;
	padding-right: 34px !important;
}

.lote-busca-limpar[b-tjl6mp5qsz] {
	position: absolute;
	right: 8px;
	background: none;
	border: none;
	cursor: pointer;
	color: #999;
	font-size: 14px;
	padding: 4px;
	display: flex;
	align-items: center;
}

.lote-busca-limpar:hover[b-tjl6mp5qsz] {
	color: #e53935;
}

.lote-tags-disponiveis[b-tjl6mp5qsz] {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
	padding: 8px;
	background: rgba(108, 62, 182, 0.04);
	border: 1px dashed rgba(108, 62, 182, 0.2);
	border-radius: 8px;
}

.tag-disponivel[b-tjl6mp5qsz] {
	border-color: rgba(108, 62, 182, 0.25);
	background: rgba(108, 62, 182, 0.06);
}

.btn-adicionar-tag-lote[b-tjl6mp5qsz] {
	background: none;
	border: none;
	cursor: pointer;
	color: var(--primary-purple, #6c3eb6);
	font-size: 15px;
	padding: 2px;
	display: flex;
	align-items: center;
	transition: color 0.15s, transform 0.15s;
	flex-shrink: 0;
}

.btn-adicionar-tag-lote:hover:not(:disabled)[b-tjl6mp5qsz] {
	color: #4caf50;
	transform: scale(1.15);
}

.btn-adicionar-tag-lote:disabled[b-tjl6mp5qsz] {
	opacity: 0.4;
	cursor: not-allowed;
}

.btn-remover-tag-lote[b-tjl6mp5qsz] {
	background: none;
	border: none;
	cursor: pointer;
	color: #999;
	font-size: 11px;
	padding: 2px;
	display: flex;
	align-items: center;
	transition: color 0.15s;
	flex-shrink: 0;
}

.btn-remover-tag-lote:hover:not(:disabled)[b-tjl6mp5qsz] {
	color: #e53935;
}

.btn-remover-tag-lote:disabled[b-tjl6mp5qsz] {
	opacity: 0.4;
	cursor: not-allowed;
}

.lote-mais-resultados[b-tjl6mp5qsz],
.lote-sem-resultado[b-tjl6mp5qsz] {
	display: block;
	padding: 4px 8px;
	font-size: 12px;
}

/* ========================================
   Dark Mode
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-tjl6mp5qsz] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-tjl6mp5qsz] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-tjl6mp5qsz] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .form-group label[b-tjl6mp5qsz] {
	color: #bdbdbd;
}

:global([data-theme="dark"]) .form-input-admin[b-tjl6mp5qsz] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin:focus[b-tjl6mp5qsz] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .form-input-admin:disabled[b-tjl6mp5qsz] {
	background: #0f1117;
	color: #666;
}

:global([data-theme="dark"]) .btn-cancelar[b-tjl6mp5qsz] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-tjl6mp5qsz] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .alerta-erro-contato[b-tjl6mp5qsz] {
	background: rgba(244, 67, 54, 0.12);
	border-color: rgba(244, 67, 54, 0.25);
	color: #ef9a9a;
}

:global([data-theme="dark"]) .sucesso-mensagem[b-tjl6mp5qsz] {
	background: rgba(76, 175, 80, 0.15);
	border-color: rgba(76, 175, 80, 0.3);
	color: #81c784;
}

:global([data-theme="dark"]) .secao-tags-lote[b-tjl6mp5qsz] {
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .secao-titulo[b-tjl6mp5qsz] {
	color: #f0f0f0;
}

:global([data-theme="dark"]) .tags-lote-lista[b-tjl6mp5qsz] {
	background: #1a1a2e;
}

:global([data-theme="dark"]) .tag-lote-item[b-tjl6mp5qsz] {
	background: #2e2e4a;
	border-color: #3d3d5c;
}

:global([data-theme="dark"]) .tag-lote-item code[b-tjl6mp5qsz] {
	color: #f0f0f0;
}

:global([data-theme="dark"]) .tag-lote-mais[b-tjl6mp5qsz] {
	color: #a0a0b0;
}

:global([data-theme="dark"]) .carregando[b-tjl6mp5qsz] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .lote-busca-icone[b-tjl6mp5qsz] {
	color: #666;
}

:global([data-theme="dark"]) .lote-busca-limpar[b-tjl6mp5qsz] {
	color: #666;
}

:global([data-theme="dark"]) .lote-busca-limpar:hover[b-tjl6mp5qsz] {
	color: #ef5350;
}

:global([data-theme="dark"]) .lote-tags-disponiveis[b-tjl6mp5qsz] {
	background: rgba(124, 77, 204, 0.06);
	border-color: rgba(124, 77, 204, 0.2);
}

:global([data-theme="dark"]) .tag-disponivel[b-tjl6mp5qsz] {
	background: rgba(124, 77, 204, 0.1);
	border-color: rgba(124, 77, 204, 0.25);
}

:global([data-theme="dark"]) .btn-adicionar-tag-lote[b-tjl6mp5qsz] {
	color: #b388ff;
}

:global([data-theme="dark"]) .btn-remover-tag-lote[b-tjl6mp5qsz] {
	color: #666;
}

:global([data-theme="dark"]) .btn-remover-tag-lote:hover:not(:disabled)[b-tjl6mp5qsz] {
	color: #ef5350;
}

/* ========================================
   Responsive — Mobile First
   ======================================== */

@@media (max-width: 768px) {
	.form-row-2[b-tjl6mp5qsz] {
		grid-template-columns: 1fr;
	}

	.modal-overlay[b-tjl6mp5qsz] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-tjl6mp5qsz] {
		max-width: 100%;
		margin: 0.5rem;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-header[b-tjl6mp5qsz] {
		padding: 16px 20px;
	}

	.modal-body[b-tjl6mp5qsz] {
		padding: 1rem;
		gap: 12px;
	}

	.modal-footer[b-tjl6mp5qsz] {
		padding: 14px 20px;
	}

	.tags-lote-lista[b-tjl6mp5qsz] {
		max-height: 150px;
	}
}

@@media (max-width: 480px) {
	.modal-header h3[b-tjl6mp5qsz] {
		font-size: 1rem;
	}

	.form-input-admin[b-tjl6mp5qsz] {
		padding: 9px 12px;
		font-size: 0.9rem;
	}

	.btn-salvar[b-tjl6mp5qsz],
	.btn-cancelar[b-tjl6mp5qsz] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}
}

@@media (max-width: 360px) {
	.modal-body[b-tjl6mp5qsz] {
		padding: 0.75rem;
	}
}
/* /Components/Shared/ModalEditarPlano.razor.rz.scp.css */
/* ========================================
   ModalEditarPlano.razor.css
   Modal de edição completa de plano
   Blazor Isolated CSS
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-wt21txxx75] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 16px;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-wt21txxx75] { opacity: 0; }
	to[b-wt21txxx75] { opacity: 1; }
}

.modal-content[b-wt21txxx75] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 600px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

.modal-editar-plano[b-wt21txxx75] {
	max-width: 580px;
}

@@keyframes slideUp {
	from[b-wt21txxx75] { opacity: 0; transform: translateY(24px); }
	to[b-wt21txxx75] { opacity: 1; transform: translateY(0); }
}

/* ===== Modal Header ===== */

.modal-header[b-wt21txxx75] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 24px;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-wt21txxx75] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 10px;
}

.modal-fechar[b-wt21txxx75] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-wt21txxx75] {
	background: rgba(255, 255, 255, 0.35);
}

/* ===== Modal Body ===== */

.modal-body[b-wt21txxx75] {
	padding: 24px;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* ===== Modal Footer ===== */

.modal-footer[b-wt21txxx75] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	padding: 16px 24px;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Read-Only Info ===== */

.plano-info-readonly[b-wt21txxx75] {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 12px 16px;
	background: rgba(108, 62, 182, 0.06);
	border: 1px solid rgba(108, 62, 182, 0.15);
	border-radius: 10px;
	font-size: 13px;
	color: var(--text-dark);
}

.plano-info-item[b-wt21txxx75] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.plano-info-item i[b-wt21txxx75] {
	color: var(--primary-purple);
	font-size: 14px;
	flex-shrink: 0;
}

.plano-info-item strong[b-wt21txxx75] {
	color: var(--text-medium);
	flex-shrink: 0;
}

.plano-info-item code[b-wt21txxx75] {
	font-family: 'Courier New', Courier, monospace;
	font-size: 12px;
	font-weight: 700;
	color: var(--primary-purple);
	background: rgba(108, 62, 182, 0.08);
	padding: 2px 8px;
	border-radius: 6px;
}

/* ===== Form Elements ===== */

.form-group[b-wt21txxx75] {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.form-group label[b-wt21txxx75] {
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.campo-obrigatorio[b-wt21txxx75] {
	color: var(--danger-red);
}

.form-input-admin[b-wt21txxx75] {
	width: 100%;
	padding: 10px 14px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-wt21txxx75] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-row-2[b-wt21txxx75] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.form-row-inline[b-wt21txxx75] {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

.form-hint[b-wt21txxx75] {
	font-size: 12px;
	color: var(--text-medium);
	margin-top: 2px;
	line-height: 1.4;
}

/* ===== Toggle ===== */

.parametro-toggle[b-wt21txxx75] {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 24px;
	cursor: pointer;
}

.parametro-toggle input[b-wt21txxx75] {
	opacity: 0;
	width: 0;
	height: 0;
}

.toggle-slider[b-wt21txxx75] {
	position: absolute;
	inset: 0;
	background: #ccc;
	border-radius: 24px;
	transition: background 0.3s;
	cursor: pointer;
}

.toggle-slider[b-wt21txxx75]::before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	left: 3px;
	bottom: 3px;
	background: white;
	border-radius: 50%;
	transition: transform 0.3s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.parametro-toggle input:checked + .toggle-slider[b-wt21txxx75] {
	background: var(--primary-purple);
}

.parametro-toggle input:checked + .toggle-slider[b-wt21txxx75]::before {
	transform: translateX(24px);
}

.toggle-label[b-wt21txxx75] {
	font-size: 0.9rem;
	color: var(--text-dark);
}

/* ===== Error Alert ===== */

.alerta-erro-contato[b-wt21txxx75] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
}

.alerta-erro-contato i[b-wt21txxx75] {
	font-size: 16px;
	flex-shrink: 0;
}

/* ===== Modal Buttons ===== */

.btn-cancelar[b-wt21txxx75] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-wt21txxx75] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-wt21txxx75] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-wt21txxx75] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-wt21txxx75] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-wt21txxx75] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-wt21txxx75] { transform: rotate(360deg); }
}

/* ========================================
   Dark Mode — [data-theme="dark"]
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-wt21txxx75] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-wt21txxx75] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-wt21txxx75] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .form-input-admin[b-wt21txxx75] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin:focus[b-wt21txxx75] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .form-group label[b-wt21txxx75] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar[b-wt21txxx75] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-wt21txxx75] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .alerta-erro-contato[b-wt21txxx75] {
	background: rgba(244, 67, 54, 0.12);
	border-color: rgba(244, 67, 54, 0.3);
	color: #ef9a9a;
}

:global([data-theme="dark"]) .form-hint[b-wt21txxx75] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .plano-info-readonly[b-wt21txxx75] {
	background: rgba(108, 62, 182, 0.1);
	border-color: rgba(108, 62, 182, 0.25);
	color: #e0e0e0;
}

:global([data-theme="dark"]) .plano-info-item strong[b-wt21txxx75] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .plano-info-item code[b-wt21txxx75] {
	background: rgba(108, 62, 182, 0.15);
	color: #bb86fc;
}

:global([data-theme="dark"]) .toggle-slider[b-wt21txxx75] {
	background: #444;
}

:global([data-theme="dark"]) .toggle-label[b-wt21txxx75] {
	color: #e0e0e0;
}

/* ========================================
   Responsive — Mobile First
   ======================================== */

@@media (max-width: 768px) {
	.modal-overlay[b-wt21txxx75] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-wt21txxx75] {
		max-width: 100%;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-editar-plano[b-wt21txxx75] {
		max-width: 100%;
	}

	.modal-header[b-wt21txxx75] {
		padding: 16px 20px;
	}

	.modal-body[b-wt21txxx75] {
		padding: 20px;
		gap: 14px;
	}

	.modal-footer[b-wt21txxx75] {
		padding: 14px 20px;
	}

	.form-row-2[b-wt21txxx75] {
		grid-template-columns: 1fr;
	}
}

@@media (max-width: 480px) {
	.modal-header h3[b-wt21txxx75] {
		font-size: 1rem;
	}

	.form-input-admin[b-wt21txxx75] {
		padding: 9px 12px;
		font-size: 0.9rem;
	}

	.btn-salvar[b-wt21txxx75],
	.btn-cancelar[b-wt21txxx75] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}

	.toggle-label[b-wt21txxx75] {
		font-size: 0.85rem;
	}
}
/* /Components/Shared/ModalEditarTag.razor.rz.scp.css */
/* ========================================
   ModalEditarTag.razor.css
   Isolated CSS — Modal Editar Tag (completo)
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-1io7vp0fuu] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1rem;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-1io7vp0fuu] { opacity: 0; }
	to[b-1io7vp0fuu] { opacity: 1; }
}

.modal-content[b-1io7vp0fuu] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 700px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

@@keyframes slideUp {
	from[b-1io7vp0fuu] { opacity: 0; transform: translateY(24px); }
	to[b-1io7vp0fuu] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-1io7vp0fuu] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 2rem;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-1io7vp0fuu] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.modal-fechar[b-1io7vp0fuu] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-1io7vp0fuu] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-1io7vp0fuu] {
	padding: 2rem;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-footer[b-1io7vp0fuu] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	padding: 1.5rem 2rem;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Loading ===== */

.carregando-container[b-1io7vp0fuu] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	padding: 3rem 1rem;
	color: var(--text-medium);
	font-size: 0.95rem;
}

.spinner-grande[b-1io7vp0fuu] {
	width: 24px;
	height: 24px;
	border-width: 3px;
	border-color: rgba(108, 62, 182, 0.2);
	border-top-color: var(--primary-purple);
}

/* ===== Form Elements ===== */

.form-group[b-1io7vp0fuu] {
	margin-bottom: 1.25rem;
}

.form-group label[b-1io7vp0fuu] {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: var(--text-dark);
	font-size: 0.9rem;
}

.campo-obrigatorio[b-1io7vp0fuu] {
	color: var(--danger-red);
}

.form-input-admin[b-1io7vp0fuu] {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-1io7vp0fuu] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-input-admin:disabled[b-1io7vp0fuu] {
	background: var(--bg-gray);
	cursor: not-allowed;
	opacity: 0.7;
}

.form-textarea[b-1io7vp0fuu] {
	min-height: 80px;
	resize: vertical;
}

.form-hint[b-1io7vp0fuu] {
	display: block;
	margin-top: 4px;
	font-size: 0.8rem;
	color: var(--text-medium);
}

.form-row-2[b-1io7vp0fuu] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.form-row-inline[b-1io7vp0fuu] {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

/* ===== Toggle ===== */

.parametro-toggle[b-1io7vp0fuu] {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 24px;
	cursor: pointer;
}

.parametro-toggle input[b-1io7vp0fuu] {
	opacity: 0;
	width: 0;
	height: 0;
}

.toggle-slider[b-1io7vp0fuu] {
	position: absolute;
	inset: 0;
	background: #ccc;
	border-radius: 24px;
	transition: background 0.3s;
	cursor: pointer;
}

.toggle-slider[b-1io7vp0fuu]::before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	left: 3px;
	bottom: 3px;
	background: white;
	border-radius: 50%;
	transition: transform 0.3s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.parametro-toggle input:checked + .toggle-slider[b-1io7vp0fuu] {
	background: var(--primary-purple);
}

.parametro-toggle input:checked + .toggle-slider[b-1io7vp0fuu]::before {
	transform: translateX(24px);
}

.toggle-label[b-1io7vp0fuu] {
	font-size: 0.9rem;
	color: var(--text-dark);
}

/* ===== Modal Buttons ===== */

.btn-cancelar[b-1io7vp0fuu] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-1io7vp0fuu] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-1io7vp0fuu] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-1io7vp0fuu] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-1io7vp0fuu] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Error Alert / Success ===== */

.alerta-erro-contato[b-1io7vp0fuu] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
	animation: fadeIn 0.3s ease-out;
}

.alerta-erro-contato i[b-1io7vp0fuu] {
	font-size: 1rem;
	flex-shrink: 0;
}

.sucesso-mensagem[b-1io7vp0fuu] {
	background: rgba(76, 175, 80, 0.1);
	color: #2e7d32;
	padding: 1rem;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.9rem;
	font-weight: 500;
	border: 1px solid rgba(76, 175, 80, 0.25);
	animation: fadeIn 0.3s ease-out;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-1io7vp0fuu] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-1io7vp0fuu] { transform: rotate(360deg); }
}

@@keyframes fadeIn {
	from[b-1io7vp0fuu] { opacity: 0; transform: translateY(-4px); }
	to[b-1io7vp0fuu] { opacity: 1; transform: translateY(0); }
}

/* ========================================
   Dark Mode
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-1io7vp0fuu] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-1io7vp0fuu] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-1io7vp0fuu] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .form-group label[b-1io7vp0fuu] {
	color: #bdbdbd;
}

:global([data-theme="dark"]) .form-input-admin[b-1io7vp0fuu] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin:focus[b-1io7vp0fuu] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .form-input-admin:disabled[b-1io7vp0fuu] {
	background: #0f1117;
	color: #666;
}

:global([data-theme="dark"]) .btn-cancelar[b-1io7vp0fuu] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-1io7vp0fuu] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .toggle-slider[b-1io7vp0fuu] {
	background: #444;
}

:global([data-theme="dark"]) .toggle-label[b-1io7vp0fuu] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .carregando-container[b-1io7vp0fuu] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .form-hint[b-1io7vp0fuu] {
	color: #757575;
}

:global([data-theme="dark"]) .alerta-erro-contato[b-1io7vp0fuu] {
	background: rgba(244, 67, 54, 0.12);
	border-color: rgba(244, 67, 54, 0.25);
}

:global([data-theme="dark"]) .sucesso-mensagem[b-1io7vp0fuu] {
	background: rgba(76, 175, 80, 0.15);
	border-color: rgba(76, 175, 80, 0.3);
	color: #81c784;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Responsive ===== */

@@media (max-width: 768px) {
	.form-row-2[b-1io7vp0fuu] {
		grid-template-columns: 1fr;
	}

	.modal-overlay[b-1io7vp0fuu] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-1io7vp0fuu] {
		max-width: 100%;
		margin: 0.5rem;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-header[b-1io7vp0fuu] {
		padding: 16px 20px;
	}

	.modal-body[b-1io7vp0fuu] {
		padding: 1rem;
		gap: 12px;
	}

	.modal-footer[b-1io7vp0fuu] {
		padding: 14px 20px;
	}
}

@@media (max-width: 480px) {
	.modal-header h3[b-1io7vp0fuu] {
		font-size: 1rem;
	}

	.form-input-admin[b-1io7vp0fuu] {
		padding: 9px 12px;
		font-size: 0.9rem;
	}

	.btn-salvar[b-1io7vp0fuu],
	.btn-cancelar[b-1io7vp0fuu] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}
}

@@media (max-width: 360px) {
	.modal-body[b-1io7vp0fuu] {
		padding: 0.75rem;
	}
}
/* /Components/Shared/ModalEnviarNotificacao.razor.rz.scp.css */
/* ========================================
   ModalEnviarNotificacao.razor.css
   Isolated CSS — Modal Enviar Notificação
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-p52pd7q9nd] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1rem;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-p52pd7q9nd] { opacity: 0; }
	to[b-p52pd7q9nd] { opacity: 1; }
}

.modal-content[b-p52pd7q9nd] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 640px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

@@keyframes slideUp {
	from[b-p52pd7q9nd] { opacity: 0; transform: translateY(24px); }
	to[b-p52pd7q9nd] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-p52pd7q9nd] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 2rem;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-p52pd7q9nd] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.modal-fechar[b-p52pd7q9nd] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-p52pd7q9nd] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-p52pd7q9nd] {
	padding: 2rem;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-footer[b-p52pd7q9nd] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	padding: 1.5rem 2rem;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Destinatário Opções ===== */

.destinatario-opcoes[b-p52pd7q9nd] {
	display: flex;
	gap: 0.75rem;
}

.radio-opcao[b-p52pd7q9nd] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.6rem 1rem;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	cursor: pointer;
	font-size: 0.9rem;
	font-weight: 500;
	color: var(--text-medium);
	background: var(--white);
	transition: all 0.2s;
	flex: 1;
	justify-content: center;
}

.radio-opcao input[type="radio"][b-p52pd7q9nd] {
	display: none;
}

.radio-opcao i[b-p52pd7q9nd] {
	font-size: 1rem;
}

.radio-opcao:hover[b-p52pd7q9nd] {
	border-color: var(--primary-purple);
	color: var(--primary-purple);
}

.radio-opcao-ativo[b-p52pd7q9nd] {
	border-color: var(--primary-purple);
	background: rgba(108, 62, 182, 0.08);
	color: var(--primary-purple);
	font-weight: 600;
}

/* ===== Canais de Envio (Checkboxes) ===== */

.canais-opcoes[b-p52pd7q9nd] {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.canal-checkbox[b-p52pd7q9nd] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.6rem 1rem;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	cursor: pointer;
	font-size: 0.9rem;
	font-weight: 500;
	color: var(--text-medium);
	background: var(--white);
	transition: all 0.2s;
	flex: 1;
	justify-content: center;
	min-width: 120px;
}

.canal-checkbox input[type="checkbox"][b-p52pd7q9nd] {
	display: none;
}

.canal-checkbox i[b-p52pd7q9nd] {
	font-size: 1rem;
}

.canal-checkbox:hover[b-p52pd7q9nd] {
	border-color: var(--primary-purple);
	color: var(--primary-purple);
}

.canal-ativo[b-p52pd7q9nd] {
	border-color: var(--primary-purple);
	background: rgba(108, 62, 182, 0.08);
	color: var(--primary-purple);
	font-weight: 600;
}

.campo-hint[b-p52pd7q9nd] {
	display: block;
	font-size: 0.8rem;
	margin-top: 0.35rem;
	color: var(--text-medium);
}

.campo-hint-erro[b-p52pd7q9nd] {
	color: var(--danger-red, #e53935);
}

/* ===== Busca de Usuário ===== */

.busca-usuario-container[b-p52pd7q9nd] {
	position: relative;
}

.busca-spinner[b-p52pd7q9nd] {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border: 2px solid var(--border-light);
	border-top-color: var(--primary-purple);
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
}

.resultados-busca[b-p52pd7q9nd] {
	margin-top: 0.5rem;
	border: 1px solid var(--border-light);
	border-radius: 10px;
	max-height: 200px;
	overflow-y: auto;
	background: var(--white);
}

.resultado-item[b-p52pd7q9nd] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0.65rem 1rem;
	border: none;
	background: transparent;
	cursor: pointer;
	text-align: left;
	transition: background 0.15s;
	border-bottom: 1px solid var(--border-light);
	font-family: inherit;
}

.resultado-item:last-child[b-p52pd7q9nd] {
	border-bottom: none;
}

.resultado-item:hover[b-p52pd7q9nd] {
	background: rgba(108, 62, 182, 0.05);
}

.resultado-selecionado[b-p52pd7q9nd] {
	background: rgba(108, 62, 182, 0.08);
}

.resultado-info[b-p52pd7q9nd] {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.resultado-nome[b-p52pd7q9nd] {
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--text-dark);
}

.resultado-email[b-p52pd7q9nd] {
	font-size: 0.8rem;
	color: var(--text-medium);
}

.resultado-check[b-p52pd7q9nd] {
	color: var(--primary-purple);
	font-size: 1.1rem;
	flex-shrink: 0;
}

.sem-resultados[b-p52pd7q9nd] {
	margin-top: 0.5rem;
	padding: 0.75rem 1rem;
	color: var(--text-medium);
	font-size: 0.85rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	border: 1px dashed var(--border-light);
	border-radius: 10px;
}

/* ===== Usuário Selecionado Badge ===== */

.usuario-selecionado-badge[b-p52pd7q9nd] {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 0.5rem;
	padding: 0.5rem 0.85rem;
	background: rgba(108, 62, 182, 0.1);
	border: 1px solid rgba(108, 62, 182, 0.25);
	border-radius: 20px;
	color: var(--primary-purple);
	font-size: 0.85rem;
	font-weight: 600;
}

.usuario-selecionado-badge i[b-p52pd7q9nd] {
	font-size: 0.95rem;
}

.badge-remover[b-p52pd7q9nd] {
	background: none;
	border: none;
	color: var(--primary-purple);
	cursor: pointer;
	padding: 0;
	margin-left: 0.25rem;
	display: flex;
	align-items: center;
	font-size: 1rem;
	opacity: 0.7;
	transition: opacity 0.2s;
}

.badge-remover:hover[b-p52pd7q9nd] {
	opacity: 1;
}

/* ===== Aviso Todos ===== */

.aviso-todos[b-p52pd7q9nd] {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	padding: 0.85rem 1rem;
	background: rgba(33, 150, 243, 0.08);
	border: 1px solid rgba(33, 150, 243, 0.2);
	border-radius: 10px;
	color: #1565c0;
	font-size: 0.88rem;
	line-height: 1.4;
}

.aviso-todos i[b-p52pd7q9nd] {
	font-size: 1rem;
	flex-shrink: 0;
	margin-top: 1px;
}

/* ===== Info Contagem ===== */

.info-contagem[b-p52pd7q9nd] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.6rem 1rem;
	background: rgba(108, 62, 182, 0.06);
	border-radius: 8px;
	color: var(--primary-purple);
	font-size: 0.85rem;
	font-weight: 500;
}

.info-contagem i[b-p52pd7q9nd] {
	font-size: 1rem;
}

/* ===== Form Elements ===== */

.form-group[b-p52pd7q9nd] {
	margin-bottom: 0.25rem;
}

.form-group label[b-p52pd7q9nd] {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: var(--text-dark);
	font-size: 0.9rem;
}

.campo-obrigatorio[b-p52pd7q9nd] {
	color: var(--danger-red);
}

.form-input-admin[b-p52pd7q9nd] {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
	font-family: inherit;
}

.form-input-admin:focus[b-p52pd7q9nd] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-textarea[b-p52pd7q9nd] {
	min-height: 100px;
	resize: vertical;
}

/* ===== Buttons ===== */

.btn-cancelar[b-p52pd7q9nd] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-p52pd7q9nd] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-p52pd7q9nd] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-p52pd7q9nd] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-p52pd7q9nd] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Error / Success ===== */

.alerta-erro-contato[b-p52pd7q9nd] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
	animation: fadeIn 0.3s ease-out;
}

.alerta-erro-contato i[b-p52pd7q9nd] {
	font-size: 1rem;
	flex-shrink: 0;
}

.sucesso-mensagem[b-p52pd7q9nd] {
	background: rgba(76, 175, 80, 0.1);
	color: #2e7d32;
	padding: 1rem;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.9rem;
	font-weight: 500;
	border: 1px solid rgba(76, 175, 80, 0.25);
	animation: fadeIn 0.3s ease-out;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-p52pd7q9nd] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-p52pd7q9nd] { transform: rotate(360deg); }
}

@@keyframes fadeIn {
	from[b-p52pd7q9nd] { opacity: 0; transform: translateY(-4px); }
	to[b-p52pd7q9nd] { opacity: 1; transform: translateY(0); }
}

/* ========================================
   Dark Mode
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-p52pd7q9nd] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-p52pd7q9nd] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-p52pd7q9nd] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .form-group label[b-p52pd7q9nd] {
	color: #bdbdbd;
}

:global([data-theme="dark"]) .form-input-admin[b-p52pd7q9nd] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin:focus[b-p52pd7q9nd] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .radio-opcao[b-p52pd7q9nd] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .radio-opcao:hover[b-p52pd7q9nd] {
	border-color: var(--primary-purple);
	color: var(--primary-purple);
}

:global([data-theme="dark"]) .radio-opcao-ativo[b-p52pd7q9nd] {
	background: rgba(108, 62, 182, 0.15);
	border-color: var(--primary-purple);
	color: #bb86fc;
}

:global([data-theme="dark"]) .canal-checkbox[b-p52pd7q9nd] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .canal-checkbox:hover[b-p52pd7q9nd] {
	border-color: var(--primary-purple);
	color: var(--primary-purple);
}

:global([data-theme="dark"]) .canal-ativo[b-p52pd7q9nd] {
	background: rgba(108, 62, 182, 0.15);
	border-color: var(--primary-purple);
	color: #bb86fc;
}

:global([data-theme="dark"]) .resultados-busca[b-p52pd7q9nd] {
	background: #12141c;
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .resultado-item[b-p52pd7q9nd] {
	border-bottom-color: #2a2d3a;
}

:global([data-theme="dark"]) .resultado-item:hover[b-p52pd7q9nd] {
	background: rgba(108, 62, 182, 0.1);
}

:global([data-theme="dark"]) .resultado-selecionado[b-p52pd7q9nd] {
	background: rgba(108, 62, 182, 0.15);
}

:global([data-theme="dark"]) .resultado-nome[b-p52pd7q9nd] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .resultado-email[b-p52pd7q9nd] {
	color: #888;
}

:global([data-theme="dark"]) .resultado-check[b-p52pd7q9nd] {
	color: #bb86fc;
}

:global([data-theme="dark"]) .sem-resultados[b-p52pd7q9nd] {
	border-color: #2a2d3a;
	color: #888;
}

:global([data-theme="dark"]) .usuario-selecionado-badge[b-p52pd7q9nd] {
	background: rgba(108, 62, 182, 0.18);
	border-color: rgba(108, 62, 182, 0.35);
	color: #bb86fc;
}

:global([data-theme="dark"]) .badge-remover[b-p52pd7q9nd] {
	color: #bb86fc;
}

:global([data-theme="dark"]) .aviso-todos[b-p52pd7q9nd] {
	background: rgba(33, 150, 243, 0.12);
	border-color: rgba(33, 150, 243, 0.25);
	color: #64b5f6;
}

:global([data-theme="dark"]) .info-contagem[b-p52pd7q9nd] {
	background: rgba(108, 62, 182, 0.12);
	color: #bb86fc;
}

:global([data-theme="dark"]) .btn-cancelar[b-p52pd7q9nd] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-p52pd7q9nd] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .busca-spinner[b-p52pd7q9nd] {
	border-color: #2a2d3a;
	border-top-color: #bb86fc;
}

:global([data-theme="dark"]) .alerta-erro-contato[b-p52pd7q9nd] {
	background: rgba(244, 67, 54, 0.12);
	border-color: rgba(244, 67, 54, 0.25);
}

:global([data-theme="dark"]) .sucesso-mensagem[b-p52pd7q9nd] {
	background: rgba(76, 175, 80, 0.15);
	border-color: rgba(76, 175, 80, 0.3);
	color: #81c784;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Responsive ===== */

@@media (max-width: 768px) {
	.modal-overlay[b-p52pd7q9nd] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-p52pd7q9nd] {
		max-width: 100%;
		margin: 0.5rem;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-header[b-p52pd7q9nd] {
		padding: 16px 20px;
	}

	.modal-body[b-p52pd7q9nd] {
		padding: 1rem;
		gap: 12px;
	}

	.modal-footer[b-p52pd7q9nd] {
		padding: 14px 20px;
	}

	.destinatario-opcoes[b-p52pd7q9nd] {
		flex-direction: column;
		gap: 0.5rem;
	}

	.radio-opcao[b-p52pd7q9nd] {
		justify-content: flex-start;
	}

	.canais-opcoes[b-p52pd7q9nd] {
		flex-direction: column;
		gap: 0.5rem;
	}

	.canal-checkbox[b-p52pd7q9nd] {
		justify-content: flex-start;
	}
}

@@media (max-width: 480px) {
	.modal-header h3[b-p52pd7q9nd] {
		font-size: 1rem;
	}

	.form-input-admin[b-p52pd7q9nd] {
		padding: 9px 12px;
		font-size: 0.9rem;
	}

	.btn-salvar[b-p52pd7q9nd],
	.btn-cancelar[b-p52pd7q9nd] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}
}

@@media (max-width: 360px) {
	.modal-body[b-p52pd7q9nd] {
		padding: 0.75rem;
	}
}
/* /Components/Shared/ModalGerenciarPlano.razor.rz.scp.css */
/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-nm0940mgv5] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 16px;
    animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
    from[b-nm0940mgv5] { opacity: 0; }
    to[b-nm0940mgv5] { opacity: 1; }
}

.modal-content[b-nm0940mgv5] {
    background: var(--white);
    border-radius: 16px;
    width: 100%;
    max-width: 600px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    animation: slideUp 0.3s ease-out;
    overflow: hidden;
}

.modal-tag[b-nm0940mgv5] {
    max-width: 560px;
}

@@keyframes slideUp {
    from[b-nm0940mgv5] { opacity: 0; transform: translateY(24px); }
    to[b-nm0940mgv5] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-nm0940mgv5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid var(--border-light);
    background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-nm0940mgv5] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}

.modal-fechar[b-nm0940mgv5] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1rem;
    transition: background 0.2s;
}

.modal-fechar:hover[b-nm0940mgv5] {
    background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-nm0940mgv5] {
    padding: 24px;
    overflow-y: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.modal-footer[b-nm0940mgv5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid var(--border-light);
    background: var(--bg-gray);
}

/* ===== Form Elements ===== */

.form-group[b-nm0940mgv5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-group label[b-nm0940mgv5] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-medium);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.campo-obrigatorio[b-nm0940mgv5] {
    color: var(--danger-red);
}

.form-input-admin[b-nm0940mgv5] {
    width: 100%;
    padding: 10px 14px;
    border: 1.5px solid var(--border-light);
    border-radius: 10px;
    font-size: 0.95rem;
    color: var(--text-dark);
    background: var(--white);
    transition: border-color 0.2s, box-shadow 0.2s;
    outline: none;
    box-sizing: border-box;
}

.form-input-admin:focus[b-nm0940mgv5] {
    border-color: var(--primary-purple);
    box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-input-admin:disabled[b-nm0940mgv5] {
    background: var(--bg-gray);
    color: var(--text-medium);
    cursor: not-allowed;
}

.form-hint[b-nm0940mgv5] {
    font-size: 12px;
    color: var(--text-medium);
    margin-top: 2px;
    line-height: 1.4;
}

/* ===== Alerta de Erro ===== */

.alerta-erro-contato[b-nm0940mgv5] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 10px;
    background: rgba(244, 67, 54, 0.08);
    border: 1px solid rgba(244, 67, 54, 0.25);
    color: #c62828;
    font-size: 0.9rem;
    font-weight: 500;
}

.alerta-erro-contato i[b-nm0940mgv5] {
    font-size: 16px;
    flex-shrink: 0;
}

/* ===== Modal Buttons ===== */

.btn-cancelar[b-nm0940mgv5] {
    padding: 10px 20px;
    border: 1.5px solid var(--border-light);
    border-radius: 10px;
    background: var(--white);
    color: var(--text-medium);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-cancelar:hover[b-nm0940mgv5] {
    background: var(--bg-gray);
    border-color: var(--text-medium);
}

.btn-salvar[b-nm0940mgv5] {
    padding: 10px 24px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
    color: #fff;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-nm0940mgv5] {
    opacity: 0.9;
    transform: translateY(-1px);
}

.btn-salvar:disabled[b-nm0940mgv5] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-nm0940mgv5] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
    flex-shrink: 0;
}

@@keyframes spin {
    to[b-nm0940mgv5] { transform: rotate(360deg); }
}

/* ===== Plano Badges ===== */

.plano-badge[b-nm0940mgv5] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.plano-badge small[b-nm0940mgv5] {
    font-weight: 400;
    opacity: 0.8;
}

.plano-premium[b-nm0940mgv5] {
    background: rgba(255, 152, 0, 0.12);
    color: #e65100;
}

.plano-familia[b-nm0940mgv5] {
    background: rgba(156, 39, 176, 0.12);
    color: #7b1fa2;
}

.plano-standard[b-nm0940mgv5] {
    background: rgba(158, 158, 158, 0.12);
    color: #757575;
}

/* ===== Modal Plano: Info Atual ===== */

.plano-info-atual-modal[b-nm0940mgv5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 16px;
    background: rgba(108, 62, 182, 0.06);
    border: 1px solid rgba(108, 62, 182, 0.15);
    border-radius: 10px;
    font-size: 13px;
    color: var(--text-dark);
}

.plano-info-atual-modal strong[b-nm0940mgv5] {
    color: var(--text-medium);
}

.plano-hint-modal[b-nm0940mgv5] {
    font-size: 13px;
    color: var(--text-medium);
    margin: 0;
    line-height: 1.5;
}

.plano-radio-modal[b-nm0940mgv5] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-dark);
    cursor: pointer;
    margin-top: 4px;
}

.plano-radio-modal input[type="radio"][b-nm0940mgv5] {
    width: 15px;
    height: 15px;
    accent-color: var(--primary-purple);
    cursor: pointer;
    flex-shrink: 0;
}

/* ========================================
   Dark Mode — [data-theme="dark"]
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-nm0940mgv5] {
    background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-nm0940mgv5] {
    background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-nm0940mgv5] {
    background: #12141c;
    border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .form-input-admin[b-nm0940mgv5] {
    background: #12141c;
    border-color: #2a2d3a;
    color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin:focus[b-nm0940mgv5] {
    border-color: var(--primary-purple);
    box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .form-group label[b-nm0940mgv5] {
    color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar[b-nm0940mgv5] {
    background: #22252f;
    border-color: #2a2d3a;
    color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-nm0940mgv5] {
    background: #2a2d3a;
}

:global([data-theme="dark"]) .alerta-erro-contato[b-nm0940mgv5] {
    background: rgba(244, 67, 54, 0.12);
    border-color: rgba(244, 67, 54, 0.25);
}

:global([data-theme="dark"]) .form-hint[b-nm0940mgv5] {
    color: #9e9e9e;
}

:global([data-theme="dark"]) .plano-premium[b-nm0940mgv5] {
    background: rgba(255, 152, 0, 0.15);
}

:global([data-theme="dark"]) .plano-familia[b-nm0940mgv5] {
    background: rgba(156, 39, 176, 0.15);
}

:global([data-theme="dark"]) .plano-standard[b-nm0940mgv5] {
    background: rgba(158, 158, 158, 0.15);
}

:global([data-theme="dark"]) .plano-info-atual-modal[b-nm0940mgv5] {
    background: rgba(108, 62, 182, 0.1);
    border-color: rgba(108, 62, 182, 0.25);
    color: #e0e0e0;
}

:global([data-theme="dark"]) .plano-info-atual-modal strong[b-nm0940mgv5] {
    color: #9e9e9e;
}

:global([data-theme="dark"]) .plano-hint-modal[b-nm0940mgv5] {
    color: #9e9e9e;
}

:global([data-theme="dark"]) .plano-radio-modal[b-nm0940mgv5] {
    color: #e0e0e0;
}

/* ========================================
   Responsive — Mobile First
   ======================================== */

@@media (max-width: 768px) {
    .modal-overlay[b-nm0940mgv5] {
        padding: 8px;
        align-items: flex-end;
    }

    .modal-content[b-nm0940mgv5] {
        max-width: 100%;
        max-height: 85vh;
        border-radius: 20px 20px 0 0;
    }

    .modal-tag[b-nm0940mgv5] {
        max-width: 100%;
    }

    .modal-header[b-nm0940mgv5] {
        padding: 16px 20px;
    }

    .modal-body[b-nm0940mgv5] {
        padding: 20px;
        gap: 14px;
    }

    .modal-footer[b-nm0940mgv5] {
        padding: 14px 20px;
    }
}

@@media (max-width: 480px) {
    .modal-header h3[b-nm0940mgv5] {
        font-size: 1rem;
    }

    .form-input-admin[b-nm0940mgv5] {
        padding: 9px 12px;
        font-size: 0.9rem;
    }

    .btn-salvar[b-nm0940mgv5],
    .btn-cancelar[b-nm0940mgv5] {
        padding: 10px 16px;
        font-size: 0.85rem;
    }
}
/* /Components/Shared/ModalGravacaoNfc.razor.rz.scp.css */
/* ===== Modal Gravação NFC ===== */

.modal-backdrop-nfc[b-yyhwsdq3to] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    animation: nfcFadeIn 0.2s ease;
    padding: 16px;
}

.modal-nfc[b-yyhwsdq3to] {
    background: var(--white, #fff);
    border-radius: var(--radius-xl, 20px);
    width: 100%;
    max-width: 420px;
    box-shadow: 0 20px 60px var(--shadow-color, rgba(0, 0, 0, 0.3));
    overflow: hidden;
    animation: nfcSlideUp 0.3s ease;
}

/* ===== Header ===== */

.nfc-modal-header[b-yyhwsdq3to] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 32px 24px 16px;
    text-align: center;
}

.nfc-modal-header h2[b-yyhwsdq3to] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--text-dark, #333);
}

.nfc-icone-principal[b-yyhwsdq3to] {
    font-size: 48px;
    color: var(--primary-purple, #4c66ef);
}

.nfc-header-sucesso .nfc-icone-sucesso[b-yyhwsdq3to] {
    font-size: 56px;
    color: #22c55e;
}

.nfc-header-erro .nfc-icone-erro[b-yyhwsdq3to] {
    font-size: 56px;
    color: var(--danger-red, #e74c3c);
}

.nfc-header-erro .nfc-icone-aviso[b-yyhwsdq3to] {
    font-size: 56px;
    color: #f59e0b;
}

/* ===== Body ===== */

.nfc-modal-body[b-yyhwsdq3to] {
    padding: 8px 24px 24px;
    text-align: center;
}

.nfc-instrucao-principal[b-yyhwsdq3to] {
    font-size: 16px;
    font-weight: 500;
    color: var(--text-dark, #333);
    margin: 0 0 8px;
}

.nfc-instrucao-detalhe[b-yyhwsdq3to] {
    font-size: 14px;
    color: var(--text-medium, #666);
    margin: 0 0 20px;
    line-height: 1.5;
}

/* ===== Tag Info ===== */

.nfc-tag-info[b-yyhwsdq3to] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--bg-gray, #f5f5f5);
    border: 1px solid var(--border-light, #e5e5e5);
    border-radius: 10px;
    padding: 10px 16px;
    margin-top: 12px;
}

.nfc-tag-info i[b-yyhwsdq3to] {
    color: var(--primary-purple, #4c66ef);
    font-size: 16px;
}

.nfc-tag-info code[b-yyhwsdq3to] {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-dark, #333);
    letter-spacing: 1px;
}

.nfc-tag-sucesso[b-yyhwsdq3to] {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.nfc-tag-sucesso i[b-yyhwsdq3to] {
    color: #22c55e;
}

/* ===== Animação NFC (ondas pulsantes) ===== */

.nfc-animacao-container[b-yyhwsdq3to] {
    position: relative;
    width: 160px;
    height: 160px;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nfc-anel[b-yyhwsdq3to] {
    position: absolute;
    border-radius: 50%;
    border: 2px solid var(--primary-purple, #4c66ef);
    opacity: 0;
    animation: nfcPulse 2.4s ease-out infinite;
}

.nfc-anel-1[b-yyhwsdq3to] {
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}

.nfc-anel-2[b-yyhwsdq3to] {
    width: 120px;
    height: 120px;
    animation-delay: 0.6s;
}

.nfc-anel-3[b-yyhwsdq3to] {
    width: 160px;
    height: 160px;
    animation-delay: 1.2s;
}

.nfc-icone-celular[b-yyhwsdq3to] {
    position: relative;
    z-index: 1;
    width: 56px;
    height: 56px;
    background: var(--primary-purple, #4c66ef);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Branco fixo (não usa --white que no dark é #16162a) */
    color: #ffffff;
    font-size: 28px;
    box-shadow: 0 4px 16px rgba(76, 102, 239, 0.3);
}

/* ===== Spinner grande ===== */

.nfc-spinner-grande[b-yyhwsdq3to] {
    width: 48px;
    height: 48px;
    border: 4px solid var(--border-light, #e5e5e5);
    border-top-color: var(--primary-purple, #4c66ef);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

/* ===== Requisitos NFC ===== */

.nfc-requisitos[b-yyhwsdq3to] {
    text-align: left;
    background: var(--bg-gray, #f5f5f5);
    border-radius: var(--radius-md, 12px);
    padding: 16px 20px;
    margin-top: 16px;
}

.nfc-requisitos p[b-yyhwsdq3to] {
    margin: 0 0 10px;
    font-size: 14px;
    color: var(--text-dark, #333);
}

.nfc-requisitos ul[b-yyhwsdq3to] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.nfc-requisitos li[b-yyhwsdq3to] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-medium, #666);
}

.nfc-requisitos li i[b-yyhwsdq3to] {
    color: #22c55e;
    font-size: 14px;
}

/* ===== Footer ===== */

.nfc-modal-footer[b-yyhwsdq3to] {
    display: flex;
    justify-content: center;
    gap: 12px;
    padding: 0 24px 24px;
}

/* Botões — definição completa (não existem no app.css global) */

.btn-acao-primaria[b-yyhwsdq3to] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
    color: #ffffff;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.btn-acao-primaria:hover:not(:disabled)[b-yyhwsdq3to] {
    opacity: 0.9;
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(108, 62, 182, 0.3);
}

.btn-acao-primaria:disabled[b-yyhwsdq3to] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.btn-acao-primaria:focus-visible[b-yyhwsdq3to] {
    outline: 2px solid var(--primary-purple);
    outline-offset: 2px;
}

.btn-acao-secundaria[b-yyhwsdq3to] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    background: var(--bg-gray, #f5f5f5);
    color: var(--text-dark, #333);
    border: 1px solid var(--border-light, #e5e5e5);
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.btn-acao-secundaria:hover:not(:disabled)[b-yyhwsdq3to] {
    background: var(--border-light, #e5e5e5);
}

.btn-acao-secundaria:focus-visible[b-yyhwsdq3to] {
    outline: 2px solid var(--primary-purple);
    outline-offset: 2px;
}

/* ===== Animações ===== */

@@keyframes nfcFadeIn {
    from[b-yyhwsdq3to] { opacity: 0; }
    to[b-yyhwsdq3to] { opacity: 1; }
}

@@keyframes nfcSlideUp {
    from[b-yyhwsdq3to] {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    to[b-yyhwsdq3to] {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@@keyframes nfcPulse {
    0%[b-yyhwsdq3to] {
        opacity: 0.6;
        transform: scale(0.5);
    }
    100%[b-yyhwsdq3to] {
        opacity: 0;
        transform: scale(1);
    }
}

@@keyframes spin {
    to[b-yyhwsdq3to] { transform: rotate(360deg); }
}

/* ===== Dark Mode ===== */

:global([data-theme="dark"]) .modal-backdrop-nfc[b-yyhwsdq3to] {
    background: rgba(0, 0, 0, 0.75);
}

:global([data-theme="dark"]) .modal-nfc[b-yyhwsdq3to] {
    background: var(--bg-card, #1e1e2e);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

:global([data-theme="dark"]) .nfc-modal-header h2[b-yyhwsdq3to] {
    color: var(--text-primary, #e0e0e0);
}

:global([data-theme="dark"]) .nfc-instrucao-principal[b-yyhwsdq3to] {
    color: var(--text-primary, #e0e0e0);
}

:global([data-theme="dark"]) .nfc-instrucao-detalhe[b-yyhwsdq3to] {
    color: var(--text-secondary, #999);
}

:global([data-theme="dark"]) .nfc-tag-info[b-yyhwsdq3to] {
    background: var(--bg-hover, #2a2a3e);
    border-color: var(--border-color, #3a3a4e);
}

:global([data-theme="dark"]) .nfc-tag-info code[b-yyhwsdq3to] {
    color: var(--text-primary, #e0e0e0);
}

:global([data-theme="dark"]) .nfc-tag-sucesso[b-yyhwsdq3to] {
    background: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.3);
}

:global([data-theme="dark"]) .nfc-tag-sucesso i[b-yyhwsdq3to] {
    color: #4ade80;
}

:global([data-theme="dark"]) .nfc-header-sucesso .nfc-icone-sucesso[b-yyhwsdq3to] {
    color: #4ade80;
}

:global([data-theme="dark"]) .nfc-header-erro .nfc-icone-aviso[b-yyhwsdq3to] {
    color: #fbbf24;
}

:global([data-theme="dark"]) .nfc-requisitos[b-yyhwsdq3to] {
    background: var(--bg-hover, #2a2a3e);
}

:global([data-theme="dark"]) .nfc-requisitos p[b-yyhwsdq3to] {
    color: var(--text-primary, #e0e0e0);
}

:global([data-theme="dark"]) .nfc-requisitos li[b-yyhwsdq3to] {
    color: var(--text-secondary, #999);
}

:global([data-theme="dark"]) .nfc-requisitos li i[b-yyhwsdq3to] {
    color: #4ade80;
}

:global([data-theme="dark"]) .nfc-spinner-grande[b-yyhwsdq3to] {
    border-color: var(--border-color, #3a3a4e);
    border-top-color: var(--primary-purple, #4c66ef);
}

:global([data-theme="dark"]) .nfc-icone-celular[b-yyhwsdq3to] {
    box-shadow: 0 4px 16px rgba(107, 130, 247, 0.3);
}

:global([data-theme="dark"]) .btn-acao-secundaria[b-yyhwsdq3to] {
    background: var(--bg-hover, #2a2a3e);
    color: var(--text-primary, #e0e0e0);
    border-color: var(--border-color, #3a3a4e);
}

:global([data-theme="dark"]) .btn-acao-secundaria:hover:not(:disabled)[b-yyhwsdq3to] {
    background: var(--border-color, #3a3a4e);
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Acessibilidade ===== */

@@media (prefers-reduced-motion: reduce) {
    .modal-backdrop-nfc[b-yyhwsdq3to],
    .modal-nfc[b-yyhwsdq3to] {
        animation: none;
    }

    .nfc-anel[b-yyhwsdq3to] {
        animation: none;
        opacity: 0.3;
        transform: scale(1);
    }

    .nfc-spinner-grande[b-yyhwsdq3to] {
        animation: none;
        border-top-color: var(--primary-purple);
    }
}

/* ===== Responsivo ===== */

@@media (max-width: 480px) {
    .modal-nfc[b-yyhwsdq3to] {
        max-width: 100%;
        border-radius: var(--radius-lg, 16px);
    }

    .nfc-modal-header[b-yyhwsdq3to] {
        padding: 24px 20px 12px;
    }

    .nfc-modal-body[b-yyhwsdq3to] {
        padding: 8px 20px 20px;
    }

    .nfc-modal-footer[b-yyhwsdq3to] {
        padding: 0 20px 20px;
        flex-direction: column;
    }

    .nfc-animacao-container[b-yyhwsdq3to] {
        width: 130px;
        height: 130px;
    }

    .nfc-anel-1[b-yyhwsdq3to] { width: 65px; height: 65px; }
    .nfc-anel-2[b-yyhwsdq3to] { width: 100px; height: 100px; }
    .nfc-anel-3[b-yyhwsdq3to] { width: 130px; height: 130px; }
}
/* /Components/Shared/ModalMedicamento.razor.rz.scp.css */
/* ========================================
   ModalMedicamento.razor.css
   Isolated CSS — Modal Medicamento
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-mvgajrvp83] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1rem;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-mvgajrvp83] { opacity: 0; }
	to[b-mvgajrvp83] { opacity: 1; }
}

.modal-content[b-mvgajrvp83] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 600px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

@@keyframes slideUp {
	from[b-mvgajrvp83] { opacity: 0; transform: translateY(24px); }
	to[b-mvgajrvp83] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-mvgajrvp83] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 2rem;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-mvgajrvp83] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.modal-fechar[b-mvgajrvp83] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-mvgajrvp83] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-mvgajrvp83] {
	padding: 2rem;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-footer[b-mvgajrvp83] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	padding: 1.5rem 2rem;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Form Elements ===== */

.form-group[b-mvgajrvp83] {
	margin-bottom: 0.25rem;
}

.form-group label[b-mvgajrvp83] {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: var(--text-dark);
	font-size: 0.9rem;
}

.campo-obrigatorio[b-mvgajrvp83] {
	color: var(--danger-red);
}

.form-input-admin[b-mvgajrvp83] {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-mvgajrvp83] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-textarea[b-mvgajrvp83] {
	min-height: 80px;
	resize: vertical;
}

.form-row-2[b-mvgajrvp83] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

/* ===== Toggle / Checkbox ===== */

.toggle-container[b-mvgajrvp83] {
	display: flex;
	align-items: center;
	padding-top: 8px;
}

.toggle-label[b-mvgajrvp83] {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 600;
	color: var(--text-dark);
	cursor: pointer;
}

.toggle-label input[type="checkbox"][b-mvgajrvp83] {
	width: 18px;
	height: 18px;
	accent-color: var(--primary-purple);
}

/* ===== Buttons ===== */

.btn-cancelar[b-mvgajrvp83] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-mvgajrvp83] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-mvgajrvp83] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-mvgajrvp83] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-mvgajrvp83] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Alerts ===== */

.alerta-erro-contato[b-mvgajrvp83] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
	animation: fadeIn 0.3s ease-out;
}

.alerta-erro-contato i[b-mvgajrvp83] {
	font-size: 1rem;
	flex-shrink: 0;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-mvgajrvp83] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-mvgajrvp83] { transform: rotate(360deg); }
}

@@keyframes fadeIn {
	from[b-mvgajrvp83] { opacity: 0; transform: translateY(-4px); }
	to[b-mvgajrvp83] { opacity: 1; transform: translateY(0); }
}

/* ========================================
   Dark Mode
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-mvgajrvp83] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-mvgajrvp83] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-mvgajrvp83] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .form-group label[b-mvgajrvp83] {
	color: #bdbdbd;
}

:global([data-theme="dark"]) .form-input-admin[b-mvgajrvp83] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin:focus[b-mvgajrvp83] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .btn-cancelar[b-mvgajrvp83] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-mvgajrvp83] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .alerta-erro-contato[b-mvgajrvp83] {
	background: rgba(244, 67, 54, 0.12);
	border-color: rgba(244, 67, 54, 0.25);
	color: #ef5350;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Responsive ===== */

@@media (max-width: 768px) {
	.form-row-2[b-mvgajrvp83] {
		grid-template-columns: 1fr;
	}

	.modal-overlay[b-mvgajrvp83] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-mvgajrvp83] {
		max-width: 100%;
		margin: 0.5rem;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-header[b-mvgajrvp83] {
		padding: 16px 20px;
	}

	.modal-body[b-mvgajrvp83] {
		padding: 1rem;
		gap: 12px;
	}

	.modal-footer[b-mvgajrvp83] {
		padding: 14px 20px;
	}
}

@@media (max-width: 480px) {
	.modal-header h3[b-mvgajrvp83] {
		font-size: 1rem;
	}

	.form-input-admin[b-mvgajrvp83] {
		padding: 9px 12px;
		font-size: 0.9rem;
	}

	.btn-salvar[b-mvgajrvp83],
	.btn-cancelar[b-mvgajrvp83] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}
}

@@media (max-width: 360px) {
	.modal-body[b-mvgajrvp83] {
		padding: 0.75rem;
	}
}
/* /Components/Shared/ModalMoverTag.razor.rz.scp.css */
/* ========================================
   ModalMoverTag.razor.css
   Isolated CSS — Modal Mover Tag
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-ohzwfbtr1g] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1rem;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-ohzwfbtr1g] { opacity: 0; }
	to[b-ohzwfbtr1g] { opacity: 1; }
}

.modal-content[b-ohzwfbtr1g] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 600px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

@@keyframes slideUp {
	from[b-ohzwfbtr1g] { opacity: 0; transform: translateY(24px); }
	to[b-ohzwfbtr1g] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-ohzwfbtr1g] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 2rem;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-ohzwfbtr1g] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.modal-fechar[b-ohzwfbtr1g] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-ohzwfbtr1g] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-ohzwfbtr1g] {
	padding: 2rem;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-footer[b-ohzwfbtr1g] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	padding: 1.5rem 2rem;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Component-Specific: Tag Info & Pet List ===== */

.mover-info[b-ohzwfbtr1g] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mover-tag-atual[b-ohzwfbtr1g] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	background: rgba(101, 75, 199, 0.08);
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
	color: var(--primary-purple);
}

.mover-tag-atual i[b-ohzwfbtr1g] {
	font-size: 18px;
}

.mover-tag-codigo[b-ohzwfbtr1g] {
	font-family: monospace;
	letter-spacing: 0.5px;
}

.mover-de-para[b-ohzwfbtr1g] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	font-size: 14px;
	color: var(--text-medium);
}

.mover-label[b-ohzwfbtr1g] {
	font-weight: 500;
}

.mover-pet-atual[b-ohzwfbtr1g] {
	font-weight: 600;
	color: var(--text-dark);
}

.mover-seta[b-ohzwfbtr1g] {
	color: var(--primary-purple);
	font-size: 16px;
}

.modal-info-text[b-ohzwfbtr1g] {
	font-size: 15px;
	color: var(--text-medium);
	margin: 0;
}

.pets-lista[b-ohzwfbtr1g] {
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-height: 320px;
	overflow-y: auto;
}

.pet-opcao[b-ohzwfbtr1g] {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	background: var(--bg-gray);
	border: 2px solid transparent;
	border-radius: 12px;
	cursor: pointer;
	transition: all 0.2s;
	text-align: left;
}

.pet-opcao:hover[b-ohzwfbtr1g] {
	border-color: var(--primary-purple);
	background: var(--white);
}

.pet-opcao.pet-selecionado[b-ohzwfbtr1g] {
	border-color: var(--primary-purple);
	background: rgba(101, 75, 199, 0.05);
}

.pet-opcao-foto[b-ohzwfbtr1g] {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	border: 2px solid var(--border-light);
}

.pet-opcao-foto img[b-ohzwfbtr1g] {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pet-opcao-info[b-ohzwfbtr1g] {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.pet-opcao-nome[b-ohzwfbtr1g] {
	font-size: 15px;
	font-weight: 600;
	color: var(--text-dark);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pet-opcao-detalhe[b-ohzwfbtr1g] {
	font-size: 12px;
	color: var(--text-medium);
}

.pet-opcao-tag-aviso[b-ohzwfbtr1g] {
	font-size: 11px;
	font-weight: 600;
	color: #f59e0b;
	display: flex;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
}

.pet-opcao-sem-tag[b-ohzwfbtr1g] {
	font-size: 11px;
	font-weight: 600;
	color: #4caf50;
	display: flex;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
}

.pet-check[b-ohzwfbtr1g] {
	color: var(--primary-purple);
	font-size: 18px;
	flex-shrink: 0;
}

.loading-mini[b-ohzwfbtr1g] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 32px;
	color: var(--text-medium);
	font-size: 14px;
}

.alerta-aviso[b-ohzwfbtr1g] {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	background: rgba(245, 158, 11, 0.1);
	color: #d97706;
	padding: 12px 16px;
	border-radius: 10px;
	font-size: 13px;
	line-height: 1.5;
}

.alerta-aviso i[b-ohzwfbtr1g] {
	font-size: 16px;
	flex-shrink: 0;
	margin-top: 2px;
}

.empty-pets[b-ohzwfbtr1g] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 32px;
	text-align: center;
	color: var(--text-medium);
}

.empty-pets p[b-ohzwfbtr1g] {
	margin: 0;
	font-size: 14px;
}

.empty-pets-icon[b-ohzwfbtr1g] {
	font-size: 48px;
	color: #c5cae9;
}

.empty-pets-dica[b-ohzwfbtr1g] {
	font-size: 13px !important;
	color: var(--text-light) !important;
}

/* ===== Form Elements ===== */

.form-group[b-ohzwfbtr1g] {
	margin-bottom: 0.25rem;
}

.form-group label[b-ohzwfbtr1g] {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: var(--text-dark);
	font-size: 0.9rem;
}

.campo-obrigatorio[b-ohzwfbtr1g] {
	color: var(--danger-red);
}

.form-input-admin[b-ohzwfbtr1g] {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-ohzwfbtr1g] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-textarea[b-ohzwfbtr1g] {
	min-height: 80px;
	resize: vertical;
}

.form-row-2[b-ohzwfbtr1g] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

/* ===== Buttons ===== */

.btn-cancelar[b-ohzwfbtr1g] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-ohzwfbtr1g] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-ohzwfbtr1g] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-ohzwfbtr1g] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-ohzwfbtr1g] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Alerts ===== */

.alerta-erro-contato[b-ohzwfbtr1g] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
	animation: fadeIn 0.3s ease-out;
}

.alerta-erro-contato i[b-ohzwfbtr1g] {
	font-size: 1rem;
	flex-shrink: 0;
}

.sucesso-mensagem[b-ohzwfbtr1g] {
	background: rgba(76, 175, 80, 0.1);
	color: #2e7d32;
	padding: 1rem;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.9rem;
	font-weight: 500;
	border: 1px solid rgba(76, 175, 80, 0.25);
	animation: fadeIn 0.3s ease-out;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-ohzwfbtr1g] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-ohzwfbtr1g] { transform: rotate(360deg); }
}

@@keyframes fadeIn {
	from[b-ohzwfbtr1g] { opacity: 0; transform: translateY(-4px); }
	to[b-ohzwfbtr1g] { opacity: 1; transform: translateY(0); }
}

/* ========================================
   Dark Mode
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-ohzwfbtr1g] { background: #1a1d28; }
:global([data-theme="dark"]) .modal-body[b-ohzwfbtr1g] { background: #1a1d28; }
:global([data-theme="dark"]) .modal-footer[b-ohzwfbtr1g] { background: #12141c; border-top-color: #2a2d3a; }
:global([data-theme="dark"]) .form-group label[b-ohzwfbtr1g] { color: #bdbdbd; }
:global([data-theme="dark"]) .form-input-admin[b-ohzwfbtr1g] { background: #12141c; border-color: #2a2d3a; color: #e0e0e0; }
:global([data-theme="dark"]) .form-input-admin:focus[b-ohzwfbtr1g] { border-color: var(--primary-purple); box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2); }
:global([data-theme="dark"]) .btn-cancelar[b-ohzwfbtr1g] { background: #22252f; border-color: #2a2d3a; color: #9e9e9e; }
:global([data-theme="dark"]) .btn-cancelar:hover[b-ohzwfbtr1g] { background: #2a2d3a; }
:global([data-theme="dark"]) .alerta-erro-contato[b-ohzwfbtr1g] { background: rgba(244, 67, 54, 0.12); border-color: rgba(244, 67, 54, 0.25); color: #ef5350; }
:global([data-theme="dark"]) .sucesso-mensagem[b-ohzwfbtr1g] { background: rgba(76, 175, 80, 0.15); border-color: rgba(76, 175, 80, 0.3); color: #81c784; }
:global([data-theme="dark"]) .mover-tag-atual[b-ohzwfbtr1g] { background: rgba(107, 130, 247, 0.15); }
:global([data-theme="dark"]) .pet-opcao[b-ohzwfbtr1g] { background: rgba(30, 30, 47, 0.6); }
:global([data-theme="dark"]) .pet-opcao:hover[b-ohzwfbtr1g] { background: #1a1d28; }
:global([data-theme="dark"]) .pet-opcao.pet-selecionado[b-ohzwfbtr1g] { background: rgba(107, 130, 247, 0.1); }
:global([data-theme="dark"]) .pet-opcao-foto[b-ohzwfbtr1g] { border-color: #2a2d3a; }
:global([data-theme="dark"]) .alerta-aviso[b-ohzwfbtr1g] { background: rgba(245, 158, 11, 0.15); color: #fbbf24; }

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Responsive ===== */

@@media (max-width: 768px) {
	.form-row-2[b-ohzwfbtr1g] { grid-template-columns: 1fr; }
	.modal-overlay[b-ohzwfbtr1g] { padding: 8px; align-items: flex-end; }
	.modal-content[b-ohzwfbtr1g] { max-width: 100%; margin: 0.5rem; max-height: 85vh; border-radius: 20px 20px 0 0; }
	.modal-header[b-ohzwfbtr1g] { padding: 16px 20px; }
	.modal-body[b-ohzwfbtr1g] { padding: 1rem; gap: 12px; }
	.modal-footer[b-ohzwfbtr1g] { padding: 14px 20px; }
	.pets-lista[b-ohzwfbtr1g] { max-height: 260px; }
	.mover-de-para[b-ohzwfbtr1g] { flex-direction: column; align-items: flex-start; gap: 4px; }
	.mover-seta[b-ohzwfbtr1g] { transform: rotate(90deg); align-self: center; }
}

@@media (max-width: 480px) {
	.modal-header h3[b-ohzwfbtr1g] { font-size: 1rem; }
	.form-input-admin[b-ohzwfbtr1g] { padding: 9px 12px; font-size: 0.9rem; }
	.btn-salvar[b-ohzwfbtr1g], .btn-cancelar[b-ohzwfbtr1g] { padding: 10px 16px; font-size: 0.85rem; }
}

@@media (max-width: 360px) {
	.modal-body[b-ohzwfbtr1g] { padding: 0.75rem; }
}
/* /Components/Shared/ModalNovoPet.razor.rz.scp.css */
/* ========================================
   ModalNovoPet.razor.css
   Isolated CSS — Modal Adicionar Pet
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-2ttn6urya6] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1rem;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-2ttn6urya6] { opacity: 0; }
	to[b-2ttn6urya6] { opacity: 1; }
}

.modal-content[b-2ttn6urya6] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 600px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

@@keyframes slideUp {
	from[b-2ttn6urya6] { opacity: 0; transform: translateY(24px); }
	to[b-2ttn6urya6] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-2ttn6urya6] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 2rem;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-2ttn6urya6] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.modal-fechar[b-2ttn6urya6] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-2ttn6urya6] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-2ttn6urya6] {
	padding: 2rem;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-footer[b-2ttn6urya6] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	padding: 1.5rem 2rem;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Form Elements ===== */

.form-group[b-2ttn6urya6] {
	margin-bottom: 0.25rem;
}

.form-group label[b-2ttn6urya6] {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: var(--text-dark);
	font-size: 0.9rem;
}

.campo-obrigatorio[b-2ttn6urya6] {
	color: var(--danger-red);
}

.form-input-admin[b-2ttn6urya6] {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-2ttn6urya6] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-textarea[b-2ttn6urya6] {
	min-height: 80px;
	resize: vertical;
}

.form-row-2[b-2ttn6urya6] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

/* ===== Foto Upload ===== */

.foto-preview[b-2ttn6urya6] {
	position: relative;
	display: inline-block;
	margin-top: 8px;
}

.foto-preview img[b-2ttn6urya6] {
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 50%;
	border: 3px solid var(--border-light);
}

.foto-remover[b-2ttn6urya6] {
	position: absolute;
	top: -4px;
	right: -4px;
	background: var(--white);
	border: none;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--danger-red);
	font-size: 18px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	transition: all 0.2s;
}

.foto-remover:hover[b-2ttn6urya6] {
	transform: scale(1.1);
}

.foto-upload-area[b-2ttn6urya6] {
	position: relative;
	margin-top: 8px;
	border: 2px dashed var(--border-light);
	border-radius: 12px;
	padding: 20px;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s;
}

.foto-upload-area:hover[b-2ttn6urya6] {
	border-color: var(--primary-purple-light);
	background: var(--bg-gray);
}

.foto-input[b-2ttn6urya6] {
	position: absolute;
	inset: 0;
	opacity: 0;
	cursor: pointer;
	width: 100%;
	height: 100%;
}

.foto-upload-label[b-2ttn6urya6] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	color: var(--text-medium);
	pointer-events: none;
}

.foto-upload-label i[b-2ttn6urya6] {
	font-size: 28px;
	color: var(--primary-purple);
}

.foto-upload-label span[b-2ttn6urya6] {
	font-size: 13px;
	font-weight: 500;
}

.foto-upload-label small[b-2ttn6urya6] {
	font-size: 11px;
	color: var(--text-medium);
	opacity: 0.7;
}

/* ===== Buttons ===== */

.btn-cancelar[b-2ttn6urya6] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-2ttn6urya6] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-2ttn6urya6] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-2ttn6urya6] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-2ttn6urya6] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Alerts ===== */

.alerta-erro-contato[b-2ttn6urya6] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
	animation: fadeIn 0.3s ease-out;
}

.alerta-erro-contato i[b-2ttn6urya6] {
	font-size: 1rem;
	flex-shrink: 0;
}

.sucesso-mensagem[b-2ttn6urya6] {
	background: rgba(76, 175, 80, 0.1);
	color: #2e7d32;
	padding: 1rem;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.9rem;
	font-weight: 500;
	border: 1px solid rgba(76, 175, 80, 0.25);
	animation: fadeIn 0.3s ease-out;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-2ttn6urya6] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-2ttn6urya6] { transform: rotate(360deg); }
}

@@keyframes fadeIn {
	from[b-2ttn6urya6] { opacity: 0; transform: translateY(-4px); }
	to[b-2ttn6urya6] { opacity: 1; transform: translateY(0); }
}

/* ========================================
   Dark Mode
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-2ttn6urya6] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-2ttn6urya6] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-2ttn6urya6] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .form-group label[b-2ttn6urya6] {
	color: #bdbdbd;
}

:global([data-theme="dark"]) .form-input-admin[b-2ttn6urya6] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin:focus[b-2ttn6urya6] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .btn-cancelar[b-2ttn6urya6] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-2ttn6urya6] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .foto-preview img[b-2ttn6urya6] {
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .foto-remover[b-2ttn6urya6] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .foto-upload-area[b-2ttn6urya6] {
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .foto-upload-area:hover[b-2ttn6urya6] {
	border-color: var(--primary-purple-light);
	background: rgba(107, 130, 247, 0.05);
}

:global([data-theme="dark"]) .alerta-erro-contato[b-2ttn6urya6] {
	background: rgba(244, 67, 54, 0.12);
	border-color: rgba(244, 67, 54, 0.25);
	color: #ef5350;
}

:global([data-theme="dark"]) .sucesso-mensagem[b-2ttn6urya6] {
	background: rgba(76, 175, 80, 0.15);
	border-color: rgba(76, 175, 80, 0.3);
	color: #81c784;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Responsive ===== */

@@media (max-width: 768px) {
	.form-row-2[b-2ttn6urya6] {
		grid-template-columns: 1fr;
	}

	.modal-overlay[b-2ttn6urya6] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-2ttn6urya6] {
		max-width: 100%;
		margin: 0.5rem;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-header[b-2ttn6urya6] {
		padding: 16px 20px;
	}

	.modal-body[b-2ttn6urya6] {
		padding: 1rem;
		gap: 12px;
	}

	.modal-footer[b-2ttn6urya6] {
		padding: 14px 20px;
	}
}

@@media (max-width: 480px) {
	.modal-header h3[b-2ttn6urya6] {
		font-size: 1rem;
	}

	.form-input-admin[b-2ttn6urya6] {
		padding: 9px 12px;
		font-size: 0.9rem;
	}

	.btn-salvar[b-2ttn6urya6],
	.btn-cancelar[b-2ttn6urya6] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}
}

@@media (max-width: 360px) {
	.modal-body[b-2ttn6urya6] {
		padding: 0.75rem;
	}
}
/* /Components/Shared/ModalObservacaoTag.razor.rz.scp.css */
/* ========================================
   ModalObservacaoTag.razor.css
   Modal de observações do administrador
   Blazor Isolated CSS
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-upt2ta4in4] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 16px;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-upt2ta4in4] { opacity: 0; }
	to[b-upt2ta4in4] { opacity: 1; }
}

.modal-content[b-upt2ta4in4] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 600px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

.modal-observacao[b-upt2ta4in4] {
	max-width: 560px;
}

@@keyframes slideUp {
	from[b-upt2ta4in4] { opacity: 0; transform: translateY(24px); }
	to[b-upt2ta4in4] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-upt2ta4in4] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 24px;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-upt2ta4in4] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 10px;
}

.modal-fechar[b-upt2ta4in4] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-upt2ta4in4] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-upt2ta4in4] {
	padding: 24px;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-footer[b-upt2ta4in4] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	padding: 16px 24px;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Form Elements ===== */

.form-group[b-upt2ta4in4] {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.form-group label[b-upt2ta4in4] {
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.form-input-admin[b-upt2ta4in4] {
	width: 100%;
	padding: 10px 14px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-upt2ta4in4] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-textarea[b-upt2ta4in4] {
	resize: vertical;
	min-height: 120px;
	line-height: 1.6;
	font-family: inherit;
}

.form-hint[b-upt2ta4in4] {
	font-size: 12px;
	color: var(--text-medium);
	margin-top: 2px;
	line-height: 1.4;
}

/* ===== Error Alert ===== */

.alerta-erro-contato[b-upt2ta4in4] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
}

.alerta-erro-contato i[b-upt2ta4in4] {
	font-size: 16px;
	flex-shrink: 0;
}

/* ===== Modal Buttons ===== */

.btn-cancelar[b-upt2ta4in4] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-upt2ta4in4] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-upt2ta4in4] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-upt2ta4in4] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-upt2ta4in4] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-upt2ta4in4] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-upt2ta4in4] { transform: rotate(360deg); }
}

/* ===== Dark Mode ===== */

:global([data-theme="dark"]) .modal-content[b-upt2ta4in4] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-upt2ta4in4] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-upt2ta4in4] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .form-input-admin[b-upt2ta4in4] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin:focus[b-upt2ta4in4] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .form-group label[b-upt2ta4in4] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar[b-upt2ta4in4] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-upt2ta4in4] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .alerta-erro-contato[b-upt2ta4in4] {
	background: rgba(244, 67, 54, 0.12);
	border-color: rgba(244, 67, 54, 0.25);
}

:global([data-theme="dark"]) .form-hint[b-upt2ta4in4] {
	color: #9e9e9e;
}

/* ===== Responsive - Tablet ===== */

@@media (max-width: 768px) {
	.modal-overlay[b-upt2ta4in4] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-upt2ta4in4] {
		max-width: 100%;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-observacao[b-upt2ta4in4] {
		max-width: 100%;
	}

	.modal-header[b-upt2ta4in4] {
		padding: 16px 20px;
	}

	.modal-body[b-upt2ta4in4] {
		padding: 20px;
		gap: 14px;
	}

	.modal-footer[b-upt2ta4in4] {
		padding: 14px 20px;
	}
}

/* ===== Responsive - Mobile ===== */

@@media (max-width: 480px) {
	.modal-header h3[b-upt2ta4in4] {
		font-size: 1rem;
	}

	.form-input-admin[b-upt2ta4in4] {
		padding: 9px 12px;
		font-size: 0.9rem;
	}

	.btn-salvar[b-upt2ta4in4],
	.btn-cancelar[b-upt2ta4in4] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}
}
/* /Components/Shared/ModalPeso.razor.rz.scp.css */
/* ========================================
   ModalPeso.razor.css
   Isolated CSS — Modal Peso
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-fe7bn28spy] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1rem;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-fe7bn28spy] { opacity: 0; }
	to[b-fe7bn28spy] { opacity: 1; }
}

.modal-content[b-fe7bn28spy] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 600px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

@@keyframes slideUp {
	from[b-fe7bn28spy] { opacity: 0; transform: translateY(24px); }
	to[b-fe7bn28spy] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-fe7bn28spy] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 2rem;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-fe7bn28spy] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.modal-fechar[b-fe7bn28spy] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-fe7bn28spy] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-fe7bn28spy] {
	padding: 2rem;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-footer[b-fe7bn28spy] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	padding: 1.5rem 2rem;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Form Elements ===== */

.form-group[b-fe7bn28spy] {
	margin-bottom: 0.25rem;
}

.form-group label[b-fe7bn28spy] {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: var(--text-dark);
	font-size: 0.9rem;
}

.campo-obrigatorio[b-fe7bn28spy] {
	color: var(--danger-red);
}

.form-input-admin[b-fe7bn28spy] {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-fe7bn28spy] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-textarea[b-fe7bn28spy] {
	min-height: 80px;
	resize: vertical;
}

.form-row-2[b-fe7bn28spy] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

/* ===== Buttons ===== */

.btn-cancelar[b-fe7bn28spy] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-fe7bn28spy] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-fe7bn28spy] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-fe7bn28spy] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-fe7bn28spy] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Alerts ===== */

.alerta-erro-contato[b-fe7bn28spy] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
	animation: fadeIn 0.3s ease-out;
}

.alerta-erro-contato i[b-fe7bn28spy] {
	font-size: 1rem;
	flex-shrink: 0;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-fe7bn28spy] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-fe7bn28spy] { transform: rotate(360deg); }
}

@@keyframes fadeIn {
	from[b-fe7bn28spy] { opacity: 0; transform: translateY(-4px); }
	to[b-fe7bn28spy] { opacity: 1; transform: translateY(0); }
}

/* ========================================
   Dark Mode
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-fe7bn28spy] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-fe7bn28spy] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-fe7bn28spy] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .form-group label[b-fe7bn28spy] {
	color: #bdbdbd;
}

:global([data-theme="dark"]) .form-input-admin[b-fe7bn28spy] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin:focus[b-fe7bn28spy] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .btn-cancelar[b-fe7bn28spy] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-fe7bn28spy] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .alerta-erro-contato[b-fe7bn28spy] {
	background: rgba(244, 67, 54, 0.12);
	border-color: rgba(244, 67, 54, 0.25);
	color: #ef5350;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Responsive ===== */

@@media (max-width: 768px) {
	.form-row-2[b-fe7bn28spy] {
		grid-template-columns: 1fr;
	}

	.modal-overlay[b-fe7bn28spy] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-fe7bn28spy] {
		max-width: 100%;
		margin: 0.5rem;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-header[b-fe7bn28spy] {
		padding: 16px 20px;
	}

	.modal-body[b-fe7bn28spy] {
		padding: 1rem;
		gap: 12px;
	}

	.modal-footer[b-fe7bn28spy] {
		padding: 14px 20px;
	}
}

@@media (max-width: 480px) {
	.modal-header h3[b-fe7bn28spy] {
		font-size: 1rem;
	}

	.form-input-admin[b-fe7bn28spy] {
		padding: 9px 12px;
		font-size: 0.9rem;
	}

	.btn-salvar[b-fe7bn28spy],
	.btn-cancelar[b-fe7bn28spy] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}
}

@@media (max-width: 360px) {
	.modal-body[b-fe7bn28spy] {
		padding: 0.75rem;
	}
}
/* /Components/Shared/ModalPetsUsuario.razor.rz.scp.css */
/* ========================================
   ModalPetsUsuario.razor.css
   Modal de pets do usuário (somente leitura)
   Blazor Isolated CSS
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-ilp2i3oux6] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 16px;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-ilp2i3oux6] { opacity: 0; }
	to[b-ilp2i3oux6] { opacity: 1; }
}

.modal-content[b-ilp2i3oux6] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 600px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

.modal-pets[b-ilp2i3oux6] {
	max-width: 560px;
}

@@keyframes slideUp {
	from[b-ilp2i3oux6] { opacity: 0; transform: translateY(24px); }
	to[b-ilp2i3oux6] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-ilp2i3oux6] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 24px;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-ilp2i3oux6] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 10px;
}

.modal-fechar[b-ilp2i3oux6] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-ilp2i3oux6] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-ilp2i3oux6] {
	padding: 24px;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-footer[b-ilp2i3oux6] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 24px;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Loading / Empty States ===== */

.estado-carregando[b-ilp2i3oux6] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 32px 0;
	color: var(--text-medium);
	font-size: 0.9rem;
}

.spinner-grande[b-ilp2i3oux6] {
	width: 28px !important;
	height: 28px !important;
}

.estado-vazio-pets[b-ilp2i3oux6] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 32px 0;
	color: var(--text-medium);
}

.estado-vazio-pets i[b-ilp2i3oux6] {
	font-size: 2.5rem;
	opacity: 0.4;
}

.estado-vazio-pets p[b-ilp2i3oux6] {
	margin: 0;
	font-size: 0.9rem;
}

/* ===== Pet Cards ===== */

.lista-pets[b-ilp2i3oux6] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.card-pet[b-ilp2i3oux6] {
	display: flex;
	gap: 14px;
	padding: 14px;
	border-radius: 12px;
	border: 1px solid var(--border-light);
	background: var(--bg-gray);
	transition: border-color 0.2s;
}

.card-pet:hover[b-ilp2i3oux6] {
	border-color: var(--primary-purple);
}

.card-pet-avatar[b-ilp2i3oux6] {
	width: 56px;
	height: 56px;
	border-radius: 12px;
	overflow: hidden;
	flex-shrink: 0;
	background: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--border-light);
}

.card-pet-avatar img[b-ilp2i3oux6] {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-pet-avatar i[b-ilp2i3oux6] {
	font-size: 1.5rem;
	color: var(--text-medium);
	opacity: 0.5;
}

.card-pet-info[b-ilp2i3oux6] {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.card-pet-nome[b-ilp2i3oux6] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.card-pet-nome strong[b-ilp2i3oux6] {
	font-size: 0.95rem;
	color: var(--text-dark);
}

.badge-perdido[b-ilp2i3oux6] {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 6px;
	font-size: 0.65rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	background: rgba(244, 67, 54, 0.12);
	color: #c62828;
	border: 1px solid rgba(244, 67, 54, 0.25);
}

.card-pet-detalhes[b-ilp2i3oux6] {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	font-size: 0.8rem;
	color: var(--text-medium);
}

.card-pet-detalhes span[b-ilp2i3oux6] {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.card-pet-detalhes i[b-ilp2i3oux6] {
	font-size: 0.75rem;
}

.card-pet-tag[b-ilp2i3oux6] {
	margin-top: 4px;
}

.badge-tag-vinculada[b-ilp2i3oux6] {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 3px 10px;
	border-radius: 8px;
	font-size: 0.75rem;
	font-weight: 600;
	background: rgba(108, 62, 182, 0.1);
	color: var(--primary-purple);
	border: 1px solid rgba(108, 62, 182, 0.2);
}

.badge-tag-sem[b-ilp2i3oux6] {
	display: inline-flex;
	align-items: center;
	padding: 3px 10px;
	border-radius: 8px;
	font-size: 0.75rem;
	color: var(--text-medium);
	background: var(--white);
	border: 1px solid var(--border-light);
}

/* ===== Footer ===== */

.pets-contador[b-ilp2i3oux6] {
	font-size: 0.8rem;
	color: var(--text-medium);
}

.btn-cancelar[b-ilp2i3oux6] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-ilp2i3oux6] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-ilp2i3oux6] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(108, 62, 182, 0.3);
	border-top-color: var(--primary-purple);
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-ilp2i3oux6] { transform: rotate(360deg); }
}

/* ===== Dark Mode ===== */

:global([data-theme="dark"]) .modal-content[b-ilp2i3oux6] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-ilp2i3oux6] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-ilp2i3oux6] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .card-pet[b-ilp2i3oux6] {
	background: #12141c;
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .card-pet:hover[b-ilp2i3oux6] {
	border-color: var(--primary-purple);
}

:global([data-theme="dark"]) .card-pet-avatar[b-ilp2i3oux6] {
	background: #1a1d28;
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .card-pet-nome strong[b-ilp2i3oux6] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .card-pet-detalhes[b-ilp2i3oux6] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .badge-tag-sem[b-ilp2i3oux6] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .estado-vazio-pets[b-ilp2i3oux6] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar[b-ilp2i3oux6] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-ilp2i3oux6] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .pets-contador[b-ilp2i3oux6] {
	color: #9e9e9e;
}

/* ===== Responsive - Tablet ===== */

@@media (max-width: 768px) {
	.modal-overlay[b-ilp2i3oux6] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-ilp2i3oux6] {
		max-width: 100%;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-pets[b-ilp2i3oux6] {
		max-width: 100%;
	}

	.modal-header[b-ilp2i3oux6] {
		padding: 16px 20px;
	}

	.modal-body[b-ilp2i3oux6] {
		padding: 20px;
		gap: 12px;
	}

	.modal-footer[b-ilp2i3oux6] {
		padding: 14px 20px;
	}
}

/* ===== Responsive - Mobile ===== */

@@media (max-width: 480px) {
	.modal-header h3[b-ilp2i3oux6] {
		font-size: 1rem;
	}

	.card-pet[b-ilp2i3oux6] {
		padding: 12px;
		gap: 10px;
	}

	.card-pet-avatar[b-ilp2i3oux6] {
		width: 44px;
		height: 44px;
	}

	.btn-cancelar[b-ilp2i3oux6] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}
}
/* /Components/Shared/ModalTagsEstabelecimento.razor.rz.scp.css */
/* ========================================
   ModalTagsEstabelecimento.razor.css
   Modal de gerenciamento de tags por estabelecimento
   Blazor Isolated CSS
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-hxftjymm6y] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 16px;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-hxftjymm6y] { opacity: 0; }
	to[b-hxftjymm6y] { opacity: 1; }
}

.modal-content[b-hxftjymm6y] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 1000px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

.modal-tags-estab[b-hxftjymm6y] {
	max-width: 1000px;
	width: 95vw;
}

@@keyframes slideUp {
	from[b-hxftjymm6y] { opacity: 0; transform: translateY(24px); }
	to[b-hxftjymm6y] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-hxftjymm6y] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 24px;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-hxftjymm6y] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 10px;
}

.modal-fechar[b-hxftjymm6y] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-hxftjymm6y] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-hxftjymm6y] {
	padding: 24px;
	overflow-y: auto;
	flex: 1;
	min-height: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-footer[b-hxftjymm6y] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	padding: 16px 24px;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Resumo ===== */

.resumo-tags-modal[b-hxftjymm6y] {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 14px;
	background: var(--bg-gray);
	border-radius: 10px;
	flex-wrap: wrap;
}

.tag-count-badge[b-hxftjymm6y] {
	background: var(--primary-purple);
	color: var(--white);
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 600;
}

.tag-count-detail[b-hxftjymm6y] {
	color: var(--text-medium);
	font-size: 13px;
}

/* ===== Tabela ===== */

.tabela-wrapper[b-hxftjymm6y] {
	overflow-x: auto;
}

.tabela-tags-modal[b-hxftjymm6y] {
	font-size: 13px;
	width: 100%;
}

.tabela-tags-modal th:nth-child(1)[b-hxftjymm6y],
.tabela-tags-modal td:nth-child(1)[b-hxftjymm6y] {
	width: 40px;
}

.tabela-tags-modal th:nth-child(5)[b-hxftjymm6y],
.tabela-tags-modal td:nth-child(5)[b-hxftjymm6y] {
	width: 60px;
}

.tabela-tags-modal th:nth-child(6)[b-hxftjymm6y],
.tabela-tags-modal td:nth-child(6)[b-hxftjymm6y] {
	width: 80px;
}

/* .col-acoes: usar classe global de app.css */

/* Código, Status, Negociação compartilham espaço restante */
.tabela-tags-modal td:nth-child(2)[b-hxftjymm6y],
.tabela-tags-modal td:nth-child(3)[b-hxftjymm6y],
.tabela-tags-modal td:nth-child(4)[b-hxftjymm6y] {
	overflow: hidden;
	text-overflow: ellipsis;
}

.col-checkbox[b-hxftjymm6y] {
	width: 36px;
	text-align: center;
}

/* ===== Inline Controls ===== */

.select-status-tag[b-hxftjymm6y],
.form-input-sm[b-hxftjymm6y] {
	padding: 4px 8px;
	border: 1.5px solid var(--border-light);
	border-radius: 6px;
	font-size: 12px;
	background: var(--white);
	color: var(--text-dark);
	outline: none;
	transition: border-color 0.2s;
}

.select-status-tag:focus[b-hxftjymm6y],
.form-input-sm:focus[b-hxftjymm6y] {
	border-color: var(--primary-purple);
}

.linha-selecionada td[b-hxftjymm6y] {
	background: rgba(101, 75, 199, 0.06) !important;
}

/* ===== Ações em Lote ===== */

.acoes-lote-barra[b-hxftjymm6y] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 14px;
	background: rgba(101, 75, 199, 0.06);
	border: 1px solid rgba(101, 75, 199, 0.15);
	border-radius: 10px;
	flex-wrap: wrap;
}

.acoes-lote-info[b-hxftjymm6y] {
	font-size: 13px;
	font-weight: 600;
	color: var(--primary-purple);
	display: flex;
	align-items: center;
	gap: 6px;
}

.acoes-lote-controles[b-hxftjymm6y] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

/* ===== Botões ===== */

.btn-cancelar[b-hxftjymm6y] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-hxftjymm6y] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-hxftjymm6y] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-hxftjymm6y] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-hxftjymm6y] {
	opacity: 0.6;
	cursor: not-allowed;
}

.btn-sm[b-hxftjymm6y] {
	padding: 6px 12px !important;
	font-size: 12px !important;
}

.btn-acao-danger-sm[b-hxftjymm6y] {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 6px 12px;
	font-size: 12px;
	font-weight: 600;
	background: rgba(244, 67, 54, 0.1);
	color: #c62828;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-acao-danger-sm:hover:not(:disabled)[b-hxftjymm6y] {
	background: #c62828;
	color: #fff;
}

.btn-acao-danger-sm:disabled[b-hxftjymm6y] {
	opacity: 0.5;
	cursor: not-allowed;
}

/* ===== Badges & Misc ===== */

.text-muted-admin[b-hxftjymm6y] {
	color: var(--text-medium);
	font-size: 12px;
}

.lote-badge-admin[b-hxftjymm6y] {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: rgba(0, 150, 136, 0.1);
	color: #00796b;
	padding: 2px 8px;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 600;
}

/* ===== Estados ===== */

.carregando[b-hxftjymm6y] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 40px;
	color: var(--text-medium);
}

.estado-vazio[b-hxftjymm6y] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 40px;
	color: var(--text-medium);
}

.estado-vazio i[b-hxftjymm6y] {
	font-size: 36px;
	opacity: 0.5;
}

/* ===== Alertas ===== */

.alerta-erro-contato[b-hxftjymm6y] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
}

.alerta-erro-contato i[b-hxftjymm6y] {
	font-size: 16px;
	flex-shrink: 0;
}

.sucesso-mensagem[b-hxftjymm6y] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(76, 175, 80, 0.08);
	border: 1px solid rgba(76, 175, 80, 0.25);
	color: #2e7d32;
	font-size: 0.9rem;
	font-weight: 500;
}

.sucesso-mensagem i[b-hxftjymm6y] {
	font-size: 16px;
	flex-shrink: 0;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-hxftjymm6y] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

.spinner-grande[b-hxftjymm6y] {
	width: 28px;
	height: 28px;
	border-width: 3px;
	border-color: rgba(108, 62, 182, 0.2);
	border-top-color: var(--primary-purple);
}

@@keyframes spin {
	to[b-hxftjymm6y] { transform: rotate(360deg); }
}

/* ========================================
   Dark Mode — :global([data-theme="dark"])
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-hxftjymm6y] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-hxftjymm6y] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-hxftjymm6y] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .resumo-tags-modal[b-hxftjymm6y] {
	background: #1a1a2e;
}

:global([data-theme="dark"]) .tag-count-detail[b-hxftjymm6y] {
	color: #a0a0b0;
}

:global([data-theme="dark"]) .select-status-tag[b-hxftjymm6y],
:global([data-theme="dark"]) .form-input-sm[b-hxftjymm6y] {
	background: #2e2e4a;
	border-color: #3d3d5c;
	color: #f0f0f0;
}

:global([data-theme="dark"]) .acoes-lote-barra[b-hxftjymm6y] {
	background: rgba(108, 62, 182, 0.12);
	border-color: rgba(108, 62, 182, 0.25);
}

:global([data-theme="dark"]) .linha-selecionada td[b-hxftjymm6y] {
	background: rgba(108, 62, 182, 0.12) !important;
}

:global([data-theme="dark"]) .lote-badge-admin[b-hxftjymm6y] {
	background: rgba(0, 150, 136, 0.2);
	color: #4db6ac;
}

:global([data-theme="dark"]) .text-muted-admin[b-hxftjymm6y] {
	color: #a0a0b0;
}

:global([data-theme="dark"]) .btn-cancelar[b-hxftjymm6y] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-hxftjymm6y] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .alerta-erro-contato[b-hxftjymm6y] {
	background: rgba(244, 67, 54, 0.12);
	border-color: rgba(244, 67, 54, 0.25);
}

:global([data-theme="dark"]) .sucesso-mensagem[b-hxftjymm6y] {
	background: rgba(76, 175, 80, 0.12);
	border-color: rgba(76, 175, 80, 0.25);
	color: #66bb6a;
}

:global([data-theme="dark"]) .btn-acao-danger-sm[b-hxftjymm6y] {
	background: rgba(244, 67, 54, 0.15);
	color: #ef5350;
}

:global([data-theme="dark"]) .btn-acao-danger-sm:hover:not(:disabled)[b-hxftjymm6y] {
	background: #c62828;
	color: #fff;
}

:global([data-theme="dark"]) .carregando[b-hxftjymm6y],
:global([data-theme="dark"]) .estado-vazio[b-hxftjymm6y] {
	color: #a0a0b0;
}

/* ========================================
   Responsive — Mobile First
   ======================================== */

@@media (max-width: 768px) {
	.modal-overlay[b-hxftjymm6y] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-hxftjymm6y] {
		max-width: 100%;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-tags-estab[b-hxftjymm6y] {
		width: 100vw;
		max-width: 100vw;
	}

	.modal-header[b-hxftjymm6y] {
		padding: 16px 20px;
	}

	.modal-body[b-hxftjymm6y] {
		padding: 20px;
		gap: 14px;
	}

	.modal-footer[b-hxftjymm6y] {
		padding: 14px 20px;
	}

	.acoes-lote-barra[b-hxftjymm6y] {
		flex-direction: column;
		align-items: flex-start;
	}

	.acoes-lote-controles[b-hxftjymm6y] {
		width: 100%;
	}

	.tabela-tags-modal[b-hxftjymm6y] {
		min-width: 600px;
	}
}

@@media (max-width: 480px) {
	.modal-header h3[b-hxftjymm6y] {
		font-size: 1rem;
	}

	.btn-salvar[b-hxftjymm6y],
	.btn-cancelar[b-hxftjymm6y] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}
}
/* /Components/Shared/ModalUpgrade.razor.rz.scp.css */
/* ===== ModalUpgrade.razor.css ===== */

.modal-overlay[b-11ryi4h0og] {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1rem;
}

.modal-conteudo[b-11ryi4h0og] {
	background: var(--cor-fundo-card, #fff);
	border-radius: 16px;
	width: 100%;
	max-width: 520px;
	max-height: 90vh;
	overflow-y: auto;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.modal-header[b-11ryi4h0og] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.25rem 1.5rem;
	border-bottom: 1px solid var(--cor-borda, #e5e7eb);
}

.modal-header h3[b-11ryi4h0og] {
	margin: 0;
	font-size: 1.1rem;
	color: var(--cor-texto, #111827);
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.modal-header h3 i[b-11ryi4h0og] {
	color: var(--cor-primaria, #7c3aed);
}

.btn-fechar-modal[b-11ryi4h0og] {
	background: none;
	border: none;
	color: var(--cor-texto-secundario, #6b7280);
	cursor: pointer;
	font-size: 1.1rem;
	padding: 0.25rem;
	border-radius: 6px;
	transition: background 0.2s;
}

.btn-fechar-modal:hover[b-11ryi4h0og] {
	background: var(--cor-hover, #f3f4f6);
}

.modal-body[b-11ryi4h0og] {
	padding: 1.5rem;
}

.upgrade-loading[b-11ryi4h0og] {
	text-align: center;
	padding: 2rem 0;
}

.upgrade-loading p[b-11ryi4h0og] {
	color: var(--cor-texto-secundario, #6b7280);
	margin-top: 0.75rem;
}

.upgrade-erro[b-11ryi4h0og] {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 1rem;
	background: rgba(239, 68, 68, 0.1);
	border-radius: 8px;
	color: #ef4444;
}

.upgrade-resumo[b-11ryi4h0og] {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.upgrade-tag[b-11ryi4h0og] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.95rem;
}

.upgrade-label[b-11ryi4h0og] {
	color: var(--cor-texto-secundario, #6b7280);
	font-size: 0.85rem;
}

.upgrade-fluxo[b-11ryi4h0og] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	padding: 1rem;
	background: var(--cor-fundo-input, #f9fafb);
	border-radius: 12px;
}

.upgrade-seta[b-11ryi4h0og] {
	font-size: 1.5rem;
	color: var(--cor-primaria, #7c3aed);
}

.upgrade-tipo-badge[b-11ryi4h0og] {
	padding: 0.4rem 1rem;
	border-radius: 20px;
	font-weight: 600;
	font-size: 0.9rem;
}

.upgrade-tipo-standard[b-11ryi4h0og] {
	background: #e5e7eb;
	color: #374151;
}

.upgrade-tipo-premium[b-11ryi4h0og] {
	background: linear-gradient(135deg, #7c3aed, #a855f7);
	color: white;
}

.upgrade-tipo-familia[b-11ryi4h0og] {
	background: linear-gradient(135deg, #2563eb, #3b82f6);
	color: white;
}

.upgrade-bonus[b-11ryi4h0og] {
	display: flex;
	gap: 0.75rem;
	padding: 1rem;
	background: rgba(34, 197, 94, 0.1);
	border: 1px solid rgba(34, 197, 94, 0.2);
	border-radius: 10px;
}

.upgrade-bonus i[b-11ryi4h0og] {
	color: #22c55e;
	font-size: 1.3rem;
	flex-shrink: 0;
	margin-top: 2px;
}

.upgrade-bonus p[b-11ryi4h0og] {
	margin: 0 0 0.25rem 0;
	font-size: 0.9rem;
	color: var(--cor-texto, #111827);
	line-height: 1.5;
}

.upgrade-info[b-11ryi4h0og] {
	display: flex;
	gap: 0.75rem;
	padding: 1rem;
	background: rgba(59, 130, 246, 0.1);
	border: 1px solid rgba(59, 130, 246, 0.2);
	border-radius: 10px;
}

.upgrade-info i[b-11ryi4h0og] {
	color: #3b82f6;
	font-size: 1.2rem;
	flex-shrink: 0;
	margin-top: 2px;
}

.upgrade-info p[b-11ryi4h0og] {
	margin: 0;
	font-size: 0.9rem;
	color: var(--cor-texto, #111827);
	line-height: 1.5;
}

.upgrade-valor[b-11ryi4h0og] {
	display: flex;
	align-items: baseline;
	gap: 0.5rem;
	padding: 1rem;
	background: var(--cor-fundo-input, #f9fafb);
	border-radius: 10px;
}

.upgrade-preco[b-11ryi4h0og] {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--cor-primaria, #7c3aed);
}

.upgrade-periodo[b-11ryi4h0og] {
	color: var(--cor-texto-secundario, #6b7280);
	font-size: 0.85rem;
}

.upgrade-vigencia[b-11ryi4h0og] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.9rem;
}

.modal-footer[b-11ryi4h0og] {
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
	padding: 1rem 1.5rem;
	border-top: 1px solid var(--cor-borda, #e5e7eb);
}

.btn-cancelar-modal[b-11ryi4h0og] {
	padding: 0.6rem 1.25rem;
	border: 1px solid var(--cor-borda, #d1d5db);
	background: transparent;
	color: var(--cor-texto, #374151);
	border-radius: 8px;
	cursor: pointer;
	font-size: 0.9rem;
	transition: background 0.2s;
}

.btn-cancelar-modal:hover[b-11ryi4h0og] {
	background: var(--cor-hover, #f3f4f6);
}

.btn-confirmar-modal[b-11ryi4h0og] {
	padding: 0.6rem 1.25rem;
	border: none;
	background: var(--cor-primaria, #7c3aed);
	color: white;
	border-radius: 8px;
	cursor: pointer;
	font-size: 0.9rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 0.4rem;
	transition: background 0.2s;
}

.btn-confirmar-modal:hover[b-11ryi4h0og] {
	background: var(--cor-primaria-hover, #6d28d9);
}

.btn-confirmar-modal:disabled[b-11ryi4h0og] {
	opacity: 0.5;
	cursor: not-allowed;
}

/* ===== Loading spinner ===== */
.loading-spinner[b-11ryi4h0og] {
	width: 36px;
	height: 36px;
	border: 3px solid var(--cor-borda, #e5e7eb);
	border-top-color: var(--cor-primaria, #7c3aed);
	border-radius: 50%;
	animation: spin-b-11ryi4h0og 0.8s linear infinite;
	margin: 0 auto;
}

@keyframes spin-b-11ryi4h0og {
	to { transform: rotate(360deg); }
}

/* ===== Dark mode ===== */
:global([data-theme="dark"]) .modal-conteudo[b-11ryi4h0og] {
	background: #1f2937;
	border: 1px solid #374151;
}

:global([data-theme="dark"]) .modal-header[b-11ryi4h0og] {
	border-color: #374151;
}

:global([data-theme="dark"]) .modal-footer[b-11ryi4h0og] {
	border-color: #374151;
}

:global([data-theme="dark"]) .upgrade-fluxo[b-11ryi4h0og],
:global([data-theme="dark"]) .upgrade-valor[b-11ryi4h0og] {
	background: #111827;
}

:global([data-theme="dark"]) .upgrade-tipo-standard[b-11ryi4h0og] {
	background: #374151;
	color: #d1d5db;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Mobile ===== */
@@media (max-width: 480px) {
	.modal-conteudo[b-11ryi4h0og] {
		max-width: 100%;
		border-radius: 12px;
	}

	.modal-footer[b-11ryi4h0og] {
		flex-direction: column;
	}

	.btn-cancelar-modal[b-11ryi4h0og],
	.btn-confirmar-modal[b-11ryi4h0og] {
		width: 100%;
		justify-content: center;
	}
}
/* /Components/Shared/ModalUsuario.razor.rz.scp.css */
/* ========================================
   ModalUsuario.razor.css
   Isolated CSS — Modal Criar/Editar Usuário
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-f7jalrttuz] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1rem;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-f7jalrttuz] { opacity: 0; }
	to[b-f7jalrttuz] { opacity: 1; }
}

.modal-content[b-f7jalrttuz] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 700px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

@@keyframes slideUp {
	from[b-f7jalrttuz] { opacity: 0; transform: translateY(24px); }
	to[b-f7jalrttuz] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-f7jalrttuz] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 2rem;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-f7jalrttuz] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.modal-fechar[b-f7jalrttuz] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-f7jalrttuz] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-f7jalrttuz] {
	padding: 2rem;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-footer[b-f7jalrttuz] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	padding: 1.5rem 2rem;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Form Elements ===== */

.form-group[b-f7jalrttuz] {
	margin-bottom: 1.25rem;
}

.form-group label[b-f7jalrttuz] {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: var(--text-dark);
	font-size: 0.9rem;
}

.campo-obrigatorio[b-f7jalrttuz] {
	color: var(--danger-red);
}

.form-input-admin[b-f7jalrttuz] {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-f7jalrttuz] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-input-admin:disabled[b-f7jalrttuz] {
	background: var(--bg-gray);
	cursor: not-allowed;
	opacity: 0.7;
}

.form-textarea[b-f7jalrttuz] {
	min-height: 80px;
	resize: vertical;
}

.form-row-2[b-f7jalrttuz] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.form-row-inline[b-f7jalrttuz] {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

/* ===== Toggle ===== */

.parametro-toggle[b-f7jalrttuz] {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 24px;
	cursor: pointer;
}

.parametro-toggle input[b-f7jalrttuz] {
	opacity: 0;
	width: 0;
	height: 0;
}

.toggle-slider[b-f7jalrttuz] {
	position: absolute;
	inset: 0;
	background: #ccc;
	border-radius: 24px;
	transition: background 0.3s;
	cursor: pointer;
}

.toggle-slider[b-f7jalrttuz]::before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	left: 3px;
	bottom: 3px;
	background: white;
	border-radius: 50%;
	transition: transform 0.3s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.parametro-toggle input:checked + .toggle-slider[b-f7jalrttuz] {
	background: var(--primary-purple);
}

.parametro-toggle input:checked + .toggle-slider[b-f7jalrttuz]::before {
	transform: translateX(24px);
}

.toggle-label[b-f7jalrttuz] {
	font-size: 0.9rem;
	color: var(--text-dark);
}

/* ===== Petshop Section ===== */

.secao-estabelecimento[b-f7jalrttuz] {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 2px dashed var(--border-light);
}

.secao-titulo[b-f7jalrttuz] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-weight: 600;
	color: var(--primary-purple);
	margin-bottom: 1rem;
	font-size: 1.1rem;
}

.secao-titulo i[b-f7jalrttuz] {
	font-size: 1.2rem;
}

/* ===== Modal Buttons ===== */

.btn-cancelar[b-f7jalrttuz] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-f7jalrttuz] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-f7jalrttuz] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-f7jalrttuz] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-f7jalrttuz] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Error Alert / Success ===== */

.alerta-erro-contato[b-f7jalrttuz] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
	animation: fadeIn 0.3s ease-out;
}

.alerta-erro-contato i[b-f7jalrttuz] {
	font-size: 1rem;
	flex-shrink: 0;
}

.sucesso-mensagem[b-f7jalrttuz] {
	background: rgba(76, 175, 80, 0.1);
	color: #2e7d32;
	padding: 1rem;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.9rem;
	font-weight: 500;
	border: 1px solid rgba(76, 175, 80, 0.25);
	animation: fadeIn 0.3s ease-out;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-f7jalrttuz] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

.spinner-sm[b-f7jalrttuz] {
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 2px solid rgba(107, 114, 128, 0.3);
	border-top-color: var(--cor-texto-secundario, #6b7280);
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
}

@@keyframes spin {
	to[b-f7jalrttuz] { transform: rotate(360deg); }
}

@@keyframes fadeIn {
	from[b-f7jalrttuz] { opacity: 0; transform: translateY(-4px); }
	to[b-f7jalrttuz] { opacity: 1; transform: translateY(0); }
}

/* ========================================
   Dark Mode
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-f7jalrttuz] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-f7jalrttuz] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-f7jalrttuz] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .form-group label[b-f7jalrttuz] {
	color: #bdbdbd;
}

:global([data-theme="dark"]) .form-input-admin[b-f7jalrttuz] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin:focus[b-f7jalrttuz] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .form-input-admin:disabled[b-f7jalrttuz] {
	background: #0f1117;
	color: #666;
}

:global([data-theme="dark"]) .secao-estabelecimento[b-f7jalrttuz] {
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .btn-cancelar[b-f7jalrttuz] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-f7jalrttuz] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .toggle-slider[b-f7jalrttuz] {
	background: #444;
}

:global([data-theme="dark"]) .toggle-label[b-f7jalrttuz] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .alerta-erro-contato[b-f7jalrttuz] {
	background: rgba(244, 67, 54, 0.12);
	border-color: rgba(244, 67, 54, 0.25);
}

:global([data-theme="dark"]) .sucesso-mensagem[b-f7jalrttuz] {
	background: rgba(76, 175, 80, 0.15);
	border-color: rgba(76, 175, 80, 0.3);
	color: #81c784;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Responsive ===== */

@@media (max-width: 768px) {
	.form-row-2[b-f7jalrttuz] {
		grid-template-columns: 1fr;
	}

	.modal-overlay[b-f7jalrttuz] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-f7jalrttuz] {
		max-width: 100%;
		margin: 0.5rem;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-header[b-f7jalrttuz] {
		padding: 16px 20px;
	}

	.modal-body[b-f7jalrttuz] {
		padding: 1rem;
		gap: 12px;
	}

	.modal-footer[b-f7jalrttuz] {
		padding: 14px 20px;
	}
}

@@media (max-width: 480px) {
	.modal-header h3[b-f7jalrttuz] {
		font-size: 1rem;
	}

	.form-input-admin[b-f7jalrttuz] {
		padding: 9px 12px;
		font-size: 0.9rem;
	}

	.btn-salvar[b-f7jalrttuz],
	.btn-cancelar[b-f7jalrttuz] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}
}

@@media (max-width: 360px) {
	.modal-body[b-f7jalrttuz] {
		padding: 0.75rem;
	}
}
/* /Components/Shared/ModalVacina.razor.rz.scp.css */
/* ========================================
   ModalVacina.razor.css
   Isolated CSS — Modal Vacina
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-hmr6hl3fim] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1rem;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-hmr6hl3fim] { opacity: 0; }
	to[b-hmr6hl3fim] { opacity: 1; }
}

.modal-content[b-hmr6hl3fim] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 600px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

@@keyframes slideUp {
	from[b-hmr6hl3fim] { opacity: 0; transform: translateY(24px); }
	to[b-hmr6hl3fim] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-hmr6hl3fim] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 2rem;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-hmr6hl3fim] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.modal-fechar[b-hmr6hl3fim] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-hmr6hl3fim] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-hmr6hl3fim] {
	padding: 2rem;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-footer[b-hmr6hl3fim] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	padding: 1.5rem 2rem;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Form Elements ===== */

.form-group[b-hmr6hl3fim] {
	margin-bottom: 0.25rem;
}

.form-group label[b-hmr6hl3fim] {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: var(--text-dark);
	font-size: 0.9rem;
}

.campo-obrigatorio[b-hmr6hl3fim] {
	color: var(--danger-red);
}

.form-input-admin[b-hmr6hl3fim] {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-hmr6hl3fim] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-textarea[b-hmr6hl3fim] {
	min-height: 80px;
	resize: vertical;
}

.form-row-2[b-hmr6hl3fim] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

/* ===== Comprovante Upload ===== */

.comprovante-preview[b-hmr6hl3fim] {
	position: relative;
	display: inline-block;
	margin-top: 8px;
}

.comprovante-img[b-hmr6hl3fim] {
	max-width: 100%;
	max-height: 200px;
	border-radius: 10px;
	border: 1px solid var(--border-light);
	object-fit: cover;
}

.comprovante-remover[b-hmr6hl3fim] {
	position: absolute;
	top: -8px;
	right: -8px;
	background: var(--white);
	border: none;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--danger-red);
	font-size: 18px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	transition: all 0.2s;
}

.comprovante-remover:hover[b-hmr6hl3fim] {
	transform: scale(1.1);
}

.comprovante-upload-area[b-hmr6hl3fim] {
	position: relative;
	margin-top: 8px;
	border: 2px dashed var(--border-light);
	border-radius: 12px;
	padding: 20px;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s;
}

.comprovante-upload-area:hover[b-hmr6hl3fim] {
	border-color: var(--primary-purple-light);
	background: var(--bg-gray);
}

.comprovante-input[b-hmr6hl3fim] {
	position: absolute;
	inset: 0;
	opacity: 0;
	cursor: pointer;
	width: 100%;
	height: 100%;
}

.comprovante-upload-label[b-hmr6hl3fim] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	color: var(--text-medium);
	pointer-events: none;
}

.comprovante-upload-label i[b-hmr6hl3fim] {
	font-size: 28px;
	color: var(--primary-purple);
}

.comprovante-upload-label span[b-hmr6hl3fim] {
	font-size: 13px;
	font-weight: 500;
}

.comprovante-upload-label small[b-hmr6hl3fim] {
	font-size: 11px;
	color: var(--text-medium);
	opacity: 0.7;
}

/* ===== Buttons ===== */

.btn-cancelar[b-hmr6hl3fim] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-hmr6hl3fim] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-hmr6hl3fim] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-hmr6hl3fim] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-hmr6hl3fim] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Alerts ===== */

.alerta-erro-contato[b-hmr6hl3fim] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
	animation: fadeIn 0.3s ease-out;
}

.alerta-erro-contato i[b-hmr6hl3fim] {
	font-size: 1rem;
	flex-shrink: 0;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-hmr6hl3fim] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-hmr6hl3fim] { transform: rotate(360deg); }
}

@@keyframes fadeIn {
	from[b-hmr6hl3fim] { opacity: 0; transform: translateY(-4px); }
	to[b-hmr6hl3fim] { opacity: 1; transform: translateY(0); }
}

/* ========================================
   Dark Mode
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-hmr6hl3fim] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-body[b-hmr6hl3fim] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .modal-footer[b-hmr6hl3fim] {
	background: #12141c;
	border-top-color: #2a2d3a;
}

:global([data-theme="dark"]) .form-group label[b-hmr6hl3fim] {
	color: #bdbdbd;
}

:global([data-theme="dark"]) .form-input-admin[b-hmr6hl3fim] {
	background: #12141c;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .form-input-admin:focus[b-hmr6hl3fim] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2);
}

:global([data-theme="dark"]) .btn-cancelar[b-hmr6hl3fim] {
	background: #22252f;
	border-color: #2a2d3a;
	color: #9e9e9e;
}

:global([data-theme="dark"]) .btn-cancelar:hover[b-hmr6hl3fim] {
	background: #2a2d3a;
}

:global([data-theme="dark"]) .alerta-erro-contato[b-hmr6hl3fim] {
	background: rgba(244, 67, 54, 0.12);
	border-color: rgba(244, 67, 54, 0.25);
	color: #ef5350;
}

:global([data-theme="dark"]) .comprovante-upload-area[b-hmr6hl3fim] {
	border-color: #2a2d3a;
}

:global([data-theme="dark"]) .comprovante-upload-area:hover[b-hmr6hl3fim] {
	border-color: var(--primary-purple-light);
	background: rgba(107, 130, 247, 0.05);
}

:global([data-theme="dark"]) .comprovante-remover[b-hmr6hl3fim] {
	background: #1a1d28;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Responsive ===== */

@@media (max-width: 768px) {
	.form-row-2[b-hmr6hl3fim] {
		grid-template-columns: 1fr;
	}

	.modal-overlay[b-hmr6hl3fim] {
		padding: 8px;
		align-items: flex-end;
	}

	.modal-content[b-hmr6hl3fim] {
		max-width: 100%;
		margin: 0.5rem;
		max-height: 85vh;
		border-radius: 20px 20px 0 0;
	}

	.modal-header[b-hmr6hl3fim] {
		padding: 16px 20px;
	}

	.modal-body[b-hmr6hl3fim] {
		padding: 1rem;
		gap: 12px;
	}

	.modal-footer[b-hmr6hl3fim] {
		padding: 14px 20px;
	}
}

@@media (max-width: 480px) {
	.modal-header h3[b-hmr6hl3fim] {
		font-size: 1rem;
	}

	.form-input-admin[b-hmr6hl3fim] {
		padding: 9px 12px;
		font-size: 0.9rem;
	}

	.btn-salvar[b-hmr6hl3fim],
	.btn-cancelar[b-hmr6hl3fim] {
		padding: 10px 16px;
		font-size: 0.85rem;
	}
}

@@media (max-width: 360px) {
	.modal-body[b-hmr6hl3fim] {
		padding: 0.75rem;
	}
}
/* /Components/Shared/ModalVincularTag.razor.rz.scp.css */
/* ========================================
   ModalVincularTag.razor.css
   Isolated CSS — Modal Vincular Tag
   ======================================== */

/* ===== Modal Overlay & Content ===== */

.modal-overlay[b-veabo8h40s] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1rem;
	animation: fadeOverlay 0.2s ease-out;
}

@@keyframes fadeOverlay {
	from[b-veabo8h40s] { opacity: 0; }
	to[b-veabo8h40s] { opacity: 1; }
}

.modal-content[b-veabo8h40s] {
	background: var(--white);
	border-radius: 16px;
	width: 100%;
	max-width: 600px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease-out;
	overflow: hidden;
}

@@keyframes slideUp {
	from[b-veabo8h40s] { opacity: 0; transform: translateY(24px); }
	to[b-veabo8h40s] { opacity: 1; transform: translateY(0); }
}

.modal-header[b-veabo8h40s] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 2rem;
	border-bottom: 1px solid var(--border-light);
	background: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-pink) 100%);
}

.modal-header h3[b-veabo8h40s] {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.modal-fechar[b-veabo8h40s] {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.2s;
}

.modal-fechar:hover[b-veabo8h40s] {
	background: rgba(255, 255, 255, 0.35);
}

.modal-body[b-veabo8h40s] {
	padding: 2rem;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-footer[b-veabo8h40s] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	padding: 1.5rem 2rem;
	border-top: 1px solid var(--border-light);
	background: var(--bg-gray);
}

/* ===== Tag Selection ===== */

.modal-info-text[b-veabo8h40s] {
	font-size: 15px;
	color: var(--text-medium);
	margin: 0;
}

.tags-lista[b-veabo8h40s] {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.tag-opcao[b-veabo8h40s] {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 18px;
	background: var(--bg-gray);
	border: 2px solid transparent;
	border-radius: 12px;
	cursor: pointer;
	transition: all 0.2s;
	text-align: left;
}

.tag-opcao:hover[b-veabo8h40s] {
	border-color: var(--primary-purple);
	background: var(--white);
}

.tag-opcao.tag-selecionada[b-veabo8h40s] {
	border-color: var(--primary-purple);
	background: rgba(101, 75, 199, 0.05);
}

.tag-opcao i[b-veabo8h40s] {
	font-size: 20px;
	color: var(--primary-purple);
}

.tag-codigo[b-veabo8h40s] {
	flex: 1;
	font-size: 15px;
	font-weight: 600;
	color: var(--text-dark);
}

.tag-status[b-veabo8h40s] {
	font-size: 12px;
	color: var(--text-medium);
	background: var(--white);
	padding: 4px 10px;
	border-radius: 12px;
}

.empty-tags[b-veabo8h40s] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 32px;
	text-align: center;
	color: var(--text-medium);
}

.empty-tags-icon[b-veabo8h40s] {
	font-size: 48px;
	color: #c5cae9;
}

/* ===== Form Elements ===== */

.form-group[b-veabo8h40s] {
	margin-bottom: 0.25rem;
}

.form-group label[b-veabo8h40s] {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: var(--text-dark);
	font-size: 0.9rem;
}

.campo-obrigatorio[b-veabo8h40s] {
	color: var(--danger-red);
}

.form-input-admin[b-veabo8h40s] {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	font-size: 0.95rem;
	color: var(--text-dark);
	background: var(--white);
	transition: border-color 0.2s, box-shadow 0.2s;
	outline: none;
	box-sizing: border-box;
}

.form-input-admin:focus[b-veabo8h40s] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

.form-textarea[b-veabo8h40s] {
	min-height: 80px;
	resize: vertical;
}

.form-row-2[b-veabo8h40s] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

/* ===== Buttons ===== */

.btn-cancelar[b-veabo8h40s] {
	padding: 10px 20px;
	border: 1.5px solid var(--border-light);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-medium);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-cancelar:hover[b-veabo8h40s] {
	background: var(--bg-gray);
	border-color: var(--text-medium);
}

.btn-salvar[b-veabo8h40s] {
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s, transform 0.2s;
}

.btn-salvar:hover:not(:disabled)[b-veabo8h40s] {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-salvar:disabled[b-veabo8h40s] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ===== Alerts ===== */

.alerta-erro-contato[b-veabo8h40s] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(244, 67, 54, 0.08);
	border: 1px solid rgba(244, 67, 54, 0.25);
	color: #c62828;
	font-size: 0.9rem;
	font-weight: 500;
	animation: fadeIn 0.3s ease-out;
}

.alerta-erro-contato i[b-veabo8h40s] {
	font-size: 1rem;
	flex-shrink: 0;
}

.sucesso-mensagem[b-veabo8h40s] {
	background: rgba(76, 175, 80, 0.1);
	color: #2e7d32;
	padding: 1rem;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.9rem;
	font-weight: 500;
	border: 1px solid rgba(76, 175, 80, 0.25);
	animation: fadeIn 0.3s ease-out;
}

/* ===== Spinner ===== */

.ativacao-btn-spinner[b-veabo8h40s] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	flex-shrink: 0;
}

@@keyframes spin {
	to[b-veabo8h40s] { transform: rotate(360deg); }
}

@@keyframes fadeIn {
	from[b-veabo8h40s] { opacity: 0; transform: translateY(-4px); }
	to[b-veabo8h40s] { opacity: 1; transform: translateY(0); }
}

/* ========================================
   Dark Mode
   ======================================== */

:global([data-theme="dark"]) .modal-content[b-veabo8h40s] { background: #1a1d28; }
:global([data-theme="dark"]) .modal-body[b-veabo8h40s] { background: #1a1d28; }
:global([data-theme="dark"]) .modal-footer[b-veabo8h40s] { background: #12141c; border-top-color: #2a2d3a; }
:global([data-theme="dark"]) .form-group label[b-veabo8h40s] { color: #bdbdbd; }
:global([data-theme="dark"]) .form-input-admin[b-veabo8h40s] { background: #12141c; border-color: #2a2d3a; color: #e0e0e0; }
:global([data-theme="dark"]) .form-input-admin:focus[b-veabo8h40s] { border-color: var(--primary-purple); box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.2); }
:global([data-theme="dark"]) .btn-cancelar[b-veabo8h40s] { background: #22252f; border-color: #2a2d3a; color: #9e9e9e; }
:global([data-theme="dark"]) .btn-cancelar:hover[b-veabo8h40s] { background: #2a2d3a; }
:global([data-theme="dark"]) .alerta-erro-contato[b-veabo8h40s] { background: rgba(244, 67, 54, 0.12); border-color: rgba(244, 67, 54, 0.25); color: #ef5350; }
:global([data-theme="dark"]) .sucesso-mensagem[b-veabo8h40s] { background: rgba(76, 175, 80, 0.15); border-color: rgba(76, 175, 80, 0.3); color: #81c784; }
:global([data-theme="dark"]) .tag-opcao[b-veabo8h40s] { background: rgba(30, 30, 47, 0.6); }
:global([data-theme="dark"]) .tag-opcao:hover[b-veabo8h40s] { background: #1a1d28; }
:global([data-theme="dark"]) .tag-opcao.tag-selecionada[b-veabo8h40s] { background: rgba(107, 130, 247, 0.1); }
:global([data-theme="dark"]) .tag-status[b-veabo8h40s] { background: rgba(30, 30, 47, 0.6); }

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Responsive ===== */

@@media (max-width: 768px) {
	.form-row-2[b-veabo8h40s] { grid-template-columns: 1fr; }
	.modal-overlay[b-veabo8h40s] { padding: 8px; align-items: flex-end; }
	.modal-content[b-veabo8h40s] { max-width: 100%; margin: 0.5rem; max-height: 85vh; border-radius: 20px 20px 0 0; }
	.modal-header[b-veabo8h40s] { padding: 16px 20px; }
	.modal-body[b-veabo8h40s] { padding: 1rem; gap: 12px; }
	.modal-footer[b-veabo8h40s] { padding: 14px 20px; }
}

@@media (max-width: 480px) {
	.modal-header h3[b-veabo8h40s] { font-size: 1rem; }
	.form-input-admin[b-veabo8h40s] { padding: 9px 12px; font-size: 0.9rem; }
	.btn-salvar[b-veabo8h40s], .btn-cancelar[b-veabo8h40s] { padding: 10px 16px; font-size: 0.85rem; }
}

@@media (max-width: 360px) {
	.modal-body[b-veabo8h40s] { padding: 0.75rem; }
}
/* /Components/Shared/Onboarding.razor.rz.scp.css */
/* ===== Onboarding Overlay ===== */
.onboarding-overlay[b-4lahf1tq7g] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    padding: 24px;
    backdrop-filter: blur(4px);
}

.onboarding-card[b-4lahf1tq7g] {
    background: var(--white);
    border-radius: 24px;
    width: 100%;
    max-width: 440px;
    padding: 32px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    animation: onboarding-fade-in 0.3s ease;
}

@@keyframes onboarding-fade-in {
    from[b-4lahf1tq7g] { opacity: 0; transform: scale(0.95) translateY(20px); }
    to[b-4lahf1tq7g] { opacity: 1; transform: scale(1) translateY(0); }
}

/* Progress dots */
.onboarding-progress[b-4lahf1tq7g] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 28px;
}

.onboarding-dot[b-4lahf1tq7g] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--border-light);
    transition: all 0.3s;
}

.onboarding-dot.ativo[b-4lahf1tq7g] {
    background: var(--primary-purple);
    transform: scale(1.3);
}

.onboarding-dot.completo[b-4lahf1tq7g] {
    background: var(--primary-purple);
    opacity: 0.5;
}

/* Step Content */
.onboarding-conteudo[b-4lahf1tq7g] {
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.onboarding-step[b-4lahf1tq7g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    animation: onboarding-slide-in 0.3s ease;
}

@@keyframes onboarding-slide-in {
    from[b-4lahf1tq7g] { opacity: 0; transform: translateX(20px); }
    to[b-4lahf1tq7g] { opacity: 1; transform: translateX(0); }
}

.onboarding-icone[b-4lahf1tq7g] {
    width: 72px;
    height: 72px;
    border-radius: 20px;
    background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
}

.onboarding-icone i[b-4lahf1tq7g] {
    font-size: 32px;
    color: #fff;
}

.onboarding-step h2[b-4lahf1tq7g] {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: var(--text-dark);
}

.onboarding-step p[b-4lahf1tq7g] {
    margin: 0;
    font-size: 15px;
    color: var(--text-medium);
    line-height: 1.5;
    max-width: 340px;
}

/* Footer */
.onboarding-footer[b-4lahf1tq7g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 28px;
    gap: 12px;
}

.onboarding-btn-primario[b-4lahf1tq7g] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--primary-purple);
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.onboarding-btn-primario:hover[b-4lahf1tq7g] {
    background: var(--primary-purple-light);
    transform: translateY(-1px);
}

.onboarding-btn-secundario[b-4lahf1tq7g] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    color: var(--text-medium);
    border: none;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 12px;
    transition: all 0.2s;
}

.onboarding-btn-secundario:hover[b-4lahf1tq7g] {
    background: var(--bg-gray);
    color: var(--text-dark);
}

@@media (max-width: 768px) {
    .onboarding-overlay[b-4lahf1tq7g] {
        padding: 16px;
    }

    .onboarding-card[b-4lahf1tq7g] {
        padding: 24px 20px;
        border-radius: 20px;
    }

    .onboarding-step h2[b-4lahf1tq7g] {
        font-size: 20px;
    }

    .onboarding-footer[b-4lahf1tq7g] {
        flex-direction: column-reverse;
    }

    .onboarding-btn-primario[b-4lahf1tq7g],
    .onboarding-btn-secundario[b-4lahf1tq7g] {
        width: 100%;
        justify-content: center;
    }
}

/* ===== Dark Mode ===== */
:global([data-theme="dark"]) .onboarding-overlay[b-4lahf1tq7g] {
    background: rgba(0, 0, 0, 0.75);
}

:global([data-theme="dark"]) .onboarding-card[b-4lahf1tq7g] {
    background: var(--white);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

:global([data-theme="dark"]) .onboarding-icone i[b-4lahf1tq7g] {
    color: #fff;
}

:global([data-theme="dark"]) .onboarding-btn-primario[b-4lahf1tq7g] {
    color: #fff;
}

:global([data-theme="dark"]) .onboarding-btn-secundario:hover[b-4lahf1tq7g] {
    background: rgba(30, 30, 47, 0.6);
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */
/* /Components/Shared/Paginacao.razor.rz.scp.css */
/* ========================================
   Paginacao.razor.css — Componente Shared
   ======================================== */

.paginacao[b-dg7mx7v2bm] {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	padding: 1.5rem;
	flex-wrap: wrap;
}

.paginacao button[b-dg7mx7v2bm] {
	min-width: 36px;
	height: 36px;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	background: var(--white);
	color: var(--text-dark);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
}

.paginacao button:hover:not(:disabled):not(.paginacao-ativa)[b-dg7mx7v2bm] {
	border-color: var(--primary-purple);
	color: var(--primary-purple);
}

.paginacao button.paginacao-ativa[b-dg7mx7v2bm] {
	background: var(--primary-purple);
	color: var(--white);
	border-color: var(--primary-purple);
}

.paginacao button:disabled[b-dg7mx7v2bm] {
	opacity: 0.5;
	cursor: not-allowed;
}

.paginacao-reticencias[b-dg7mx7v2bm] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	color: var(--text-medium);
	font-size: 14px;
}

.paginacao-info[b-dg7mx7v2bm] {
	font-size: 0.85rem;
	color: var(--text-medium);
	margin: 0 0.5rem;
}

/* ===== Dark Mode ===== */

:global([data-theme="dark"]) .paginacao button[b-dg7mx7v2bm] {
	background: #1a1d28;
	border-color: #2a2d3a;
	color: #e0e0e0;
}

:global([data-theme="dark"]) .paginacao button:hover:not(:disabled):not(.paginacao-ativa)[b-dg7mx7v2bm] {
	border-color: var(--primary-purple);
	color: var(--primary-purple);
}

:global([data-theme="dark"]) .paginacao button.paginacao-ativa[b-dg7mx7v2bm] {
	background: var(--primary-purple);
	color: #fff;
	border-color: var(--primary-purple);
}

:global([data-theme="dark"]) .paginacao-info[b-dg7mx7v2bm] {
	color: #9e9e9e;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Responsive ===== */

@@media (max-width: 768px) {
	.paginacao[b-dg7mx7v2bm] {
		padding: 1rem;
		gap: 0.4rem;
	}

	.paginacao button[b-dg7mx7v2bm] {
		min-width: 32px;
		height: 32px;
		font-size: 12px;
	}
}
/* /Components/Shared/PaginacaoAvancada.razor.rz.scp.css */
/* ===== PaginacaoAvancada — Scoped CSS ===== */

.paginacao-avancada[b-1jzwt14apk] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 0;
    align-items: stretch;
}

/* Info bar: contagem + select itens/página */
.paginacao-info[b-1jzwt14apk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.paginacao-contagem[b-1jzwt14apk] {
    font-size: 13px;
    color: #666;
}

.paginacao-contagem strong[b-1jzwt14apk] {
    color: #333;
    font-weight: 600;
}

.paginacao-por-pagina[b-1jzwt14apk] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #666;
}

.paginacao-por-pagina label[b-1jzwt14apk] {
    white-space: nowrap;
}

.paginacao-select[b-1jzwt14apk] {
    padding: 4px 8px;
    border: 1.5px solid #d0d0d0;
    border-radius: 6px;
    font-size: 13px;
    color: #333;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.2s;
    min-width: 64px;
}

.paginacao-select:hover[b-1jzwt14apk] {
    border-color: var(--primary-purple, #6c3eb6);
}

.paginacao-select:focus[b-1jzwt14apk] {
    outline: none;
    border-color: var(--primary-purple, #6c3eb6);
    box-shadow: 0 0 0 3px rgba(108, 62, 182, 0.12);
}

/* Navegação de páginas */
.paginacao-navegacao[b-1jzwt14apk] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
}

.paginacao-btn[b-1jzwt14apk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 6px 10px;
    border: 1.5px solid #d0d0d0;
    border-radius: 6px;
    background: #fff;
    color: #444;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.15s;
    min-width: 34px;
    min-height: 34px;
    white-space: nowrap;
}

.paginacao-btn:hover:not(:disabled):not(.paginacao-ativa)[b-1jzwt14apk] {
    border-color: var(--primary-purple, #6c3eb6);
    color: var(--primary-purple, #6c3eb6);
    background: rgba(108, 62, 182, 0.04);
}

.paginacao-btn:disabled[b-1jzwt14apk] {
    opacity: 0.4;
    cursor: not-allowed;
}

.paginacao-ativa[b-1jzwt14apk] {
    background: var(--primary-purple, #6c3eb6);
    border-color: var(--primary-purple, #6c3eb6);
    color: #fff;
    font-weight: 600;
}

.paginacao-ativa:hover[b-1jzwt14apk] {
    background: var(--primary-purple, #6c3eb6);
    color: #fff;
}

.paginacao-reticencias[b-1jzwt14apk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    min-height: 34px;
    font-size: 14px;
    color: #999;
    user-select: none;
}

.paginacao-btn-texto[b-1jzwt14apk] {
    font-size: 13px;
}

/* ===== Dark Mode ===== */

:global([data-theme="dark"]) .paginacao-contagem[b-1jzwt14apk] {
    color: #888;
}

:global([data-theme="dark"]) .paginacao-contagem strong[b-1jzwt14apk] {
    color: #ddd;
}

:global([data-theme="dark"]) .paginacao-por-pagina[b-1jzwt14apk] {
    color: #888;
}

:global([data-theme="dark"]) .paginacao-select[b-1jzwt14apk] {
    background: #1a1d28;
    border-color: #333;
    color: #e0e0e0;
}

:global([data-theme="dark"]) .paginacao-select:hover[b-1jzwt14apk] {
    border-color: #7c4dcc;
}

:global([data-theme="dark"]) .paginacao-select:focus[b-1jzwt14apk] {
    border-color: #7c4dcc;
    box-shadow: 0 0 0 3px rgba(124, 77, 204, 0.18);
}

:global([data-theme="dark"]) .paginacao-btn[b-1jzwt14apk] {
    background: #1a1d28;
    border-color: #333;
    color: #ccc;
}

:global([data-theme="dark"]) .paginacao-btn:hover:not(:disabled):not(.paginacao-ativa)[b-1jzwt14apk] {
    border-color: #7c4dcc;
    color: #b388ff;
    background: rgba(124, 77, 204, 0.1);
}

:global([data-theme="dark"]) .paginacao-ativa[b-1jzwt14apk] {
    background: #7c4dcc;
    border-color: #7c4dcc;
    color: #fff;
}

:global([data-theme="dark"]) .paginacao-reticencias[b-1jzwt14apk] {
    color: #555;
}

/* ===== Responsivo — Mobile-first ===== */

@media (min-width: 768px) {
    .paginacao-avancada[b-1jzwt14apk] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .paginacao-info[b-1jzwt14apk] {
        flex: 0 0 auto;
    }

    .paginacao-navegacao[b-1jzwt14apk] {
        flex: 0 0 auto;
    }
}

@media (max-width: 480px) {
    .paginacao-info[b-1jzwt14apk] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .paginacao-btn-texto[b-1jzwt14apk] {
        display: none;
    }

    .paginacao-btn[b-1jzwt14apk] {
        padding: 6px 8px;
        min-width: 30px;
        min-height: 30px;
        font-size: 12px;
    }

    .paginacao-select[b-1jzwt14apk] {
        min-width: 56px;
    }
}
/* /Components/Shared/PetDiaryTab.razor.rz.scp.css */
.diary-card[b-mvlsexiokg] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.diary-section[b-mvlsexiokg] {
    background: var(--white);
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--border-light);
}

.section-header[b-mvlsexiokg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 12px;
}

.section-title[b-mvlsexiokg] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-dark);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.section-title i[b-mvlsexiokg] {
    color: var(--primary-purple);
    font-size: 20px;
}

/* Botão Adicionar */
.btn-add[b-mvlsexiokg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--primary-purple);
    color: var(--white);
    border: none;
    border-radius: 10px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-add:hover[b-mvlsexiokg] {
    background: var(--primary-purple-light);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(101, 75, 199, 0.3);
}

.btn-add i[b-mvlsexiokg] {
    font-size: 16px;
}

/* Aviso limite fotos */
.aviso-limite-fotos[b-mvlsexiokg] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #fff3e0;
    color: #e65100;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 16px;
}

.aviso-limite-fotos i[b-mvlsexiokg] {
    font-size: 16px;
    flex-shrink: 0;
}

/* Empty State */
.empty-state[b-mvlsexiokg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 32px 16px;
    text-align: center;
    color: var(--text-medium);
}

.empty-icon[b-mvlsexiokg] {
    font-size: 40px;
    color: #c5cae9;
}

.empty-state p[b-mvlsexiokg] {
    margin: 0;
    font-size: 15px;
}

.empty-state small[b-mvlsexiokg] {
    color: var(--text-light);
    font-size: 13px;
}

/* Lista de Itens */
.items-list[b-mvlsexiokg] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Card do Diário */
.diary-item-card[b-mvlsexiokg] {
    background: var(--bg-gray);
    border-radius: 12px;
    padding: 16px;
    transition: all 0.2s;
    border: 1px solid transparent;
}

.diary-item-card:hover[b-mvlsexiokg] {
    border-color: var(--primary-purple);
    box-shadow: 0 2px 8px rgba(101, 75, 199, 0.1);
}

.diary-item-header[b-mvlsexiokg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 8px;
}

.diary-item-meta[b-mvlsexiokg] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.diary-humor[b-mvlsexiokg] {
    font-size: 20px;
    line-height: 1;
}

.badge-categoria[b-mvlsexiokg] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.cat-passeio[b-mvlsexiokg] { background: #e3f2fd; color: #1565c0; }
.cat-brincadeira[b-mvlsexiokg] { background: #f3e5f5; color: #7b1fa2; }
.cat-alimentacao[b-mvlsexiokg] { background: #fff8e1; color: #f57f17; }
.cat-comportamento[b-mvlsexiokg] { background: #e8f5e9; color: #2e7d32; }
.cat-marco[b-mvlsexiokg] { background: #fce4ec; color: #c62828; }
.cat-outro[b-mvlsexiokg] { background: #eceff1; color: #455a64; }

.badge-publicacao[b-mvlsexiokg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 12px;
}

.badge-publicado[b-mvlsexiokg] { background: #e8f5e9; color: #2e7d32; }
.badge-pendente[b-mvlsexiokg] { background: #fff8e1; color: #f57f17; }
.badge-rejeitado[b-mvlsexiokg] { background: #fce4ec; color: #c62828; }

.diary-data[b-mvlsexiokg] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: var(--text-medium);
}

.diary-data i[b-mvlsexiokg] {
    font-size: 12px;
}

/* Main content */
.diary-item-main[b-mvlsexiokg] {
    display: flex;
    gap: 14px;
    margin-bottom: 12px;
}

.diary-item-info[b-mvlsexiokg] {
    flex: 1;
    min-width: 0;
}

.diary-item-titulo[b-mvlsexiokg] {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-dark);
    margin: 0 0 6px 0;
    line-height: 1.3;
}

.diary-item-conteudo[b-mvlsexiokg] {
    font-size: 13px;
    color: var(--text-medium);
    margin: 0;
    line-height: 1.5;
    word-break: break-word;
}

.diary-item-thumb[b-mvlsexiokg] {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: 10px;
    overflow: hidden;
}

.diary-item-thumb img[b-mvlsexiokg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Footer */
.diary-item-footer[b-mvlsexiokg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    border-top: 1px solid var(--border-light);
}

.diary-item-status[b-mvlsexiokg] {
    display: flex;
    gap: 6px;
}

.btn-publicar[b-mvlsexiokg] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 12px;
    border: 1px solid var(--primary-purple);
    background: transparent;
    color: var(--primary-purple);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-publicar:hover[b-mvlsexiokg] {
    background: var(--primary-purple);
    color: var(--white);
}

.btn-despublicar[b-mvlsexiokg] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 12px;
    border: 1px solid var(--text-light);
    background: transparent;
    color: var(--text-medium);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-despublicar:hover[b-mvlsexiokg] {
    border-color: var(--text-medium);
    color: var(--text-dark);
}

/* Action Buttons */
.action-buttons[b-mvlsexiokg] {
    display: flex;
    gap: 4px;
}

.btn-icon[b-mvlsexiokg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--text-medium);
    cursor: pointer;
    transition: all 0.2s;
    font-size: 14px;
}

.btn-icon:hover[b-mvlsexiokg] {
    background: #e8eaf1;
    color: var(--primary-purple);
}

.btn-icon-danger:hover[b-mvlsexiokg] {
    background: #fce4ec;
    color: #c62828;
}

/* Dark Mode */
:global([data-theme="dark"]) .diary-section[b-mvlsexiokg] {
    background: var(--bg-card-dark, #1e1e2e);
    border-color: var(--border-dark, #333);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .diary-item-card[b-mvlsexiokg] {
    background: var(--bg-input-dark, #2a2a3e);
}

:global([data-theme="dark"]) .diary-item-card:hover[b-mvlsexiokg] {
    border-color: var(--primary-purple);
}

:global([data-theme="dark"]) .diary-item-titulo[b-mvlsexiokg] {
    color: var(--text-dark);
}

:global([data-theme="dark"]) .diary-item-footer[b-mvlsexiokg] {
    border-top-color: var(--border-dark, #333);
}

:global([data-theme="dark"]) .aviso-limite-fotos[b-mvlsexiokg] {
    background: #3e2723;
    color: #ffab91;
}

:global([data-theme="dark"]) .btn-icon:hover[b-mvlsexiokg] {
    background: rgba(255, 255, 255, 0.1);
}

:global([data-theme="dark"]) .btn-icon-danger:hover[b-mvlsexiokg] {
    background: rgba(198, 40, 40, 0.15);
    color: #ef5350;
}

:global([data-theme="dark"]) .empty-icon[b-mvlsexiokg] {
    color: #555;
}

@@media (max-width: 480px) {
    .diary-section[b-mvlsexiokg] {
        padding: 16px;
    }

    .diary-item-card[b-mvlsexiokg] {
        padding: 12px;
    }

    .diary-item-thumb[b-mvlsexiokg] {
        width: 48px;
        height: 48px;
    }

    .btn-publicar span[b-mvlsexiokg],
    .btn-despublicar span[b-mvlsexiokg] {
        display: none;
    }
}
/* /Components/Shared/PlanoDetalhesModal.razor.rz.scp.css */
/* ===== MODAL DETALHES DO PLANO ===== */

.modal-overlay[b-y9l1efda9k] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 24px;
}

.modal-content[b-y9l1efda9k] {
	background: var(--white);
	border-radius: 20px;
	width: 100%;
	max-width: 560px;
	max-height: 90vh;
	overflow-y: auto;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.modal-header[b-y9l1efda9k] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 24px 28px 0;
}

.modal-title[b-y9l1efda9k] {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 8px;
}

.modal-close[b-y9l1efda9k] {
	background: none;
	border: none;
	font-size: 20px;
	color: var(--text-medium);
	cursor: pointer;
	padding: 8px;
	border-radius: 8px;
}

.modal-close:hover[b-y9l1efda9k] {
	background: var(--bg-gray);
}

.modal-body[b-y9l1efda9k] {
	padding: 24px 28px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.modal-footer[b-y9l1efda9k] {
	padding: 16px 28px 24px;
	display: flex;
	justify-content: flex-end;
	gap: 12px;
}

/* Detalhes Grid */
.detalhes-grid[b-y9l1efda9k] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.detalhe-item[b-y9l1efda9k] {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.detalhe-label[b-y9l1efda9k] {
	font-size: 12px;
	font-weight: 600;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.detalhe-valor[b-y9l1efda9k] {
	font-size: 15px;
	font-weight: 600;
	color: var(--text-dark);
}

/* Upgrade hint */
.upgrade-hint[b-y9l1efda9k] {
	background: rgba(101, 75, 199, 0.05);
	border: 1px solid rgba(101, 75, 199, 0.2);
	border-radius: 12px;
	padding: 16px;
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.upgrade-hint i[b-y9l1efda9k] {
	font-size: 24px;
	color: var(--primary-purple);
}

.upgrade-hint p[b-y9l1efda9k] {
	margin: 0;
	flex: 1;
	font-size: 14px;
	color: var(--text-dark);
	min-width: 150px;
}

/* Plan button (usado no upgrade) */
.plan-btn[b-y9l1efda9k] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: none;
	border-radius: 12px;
	padding: 14px 24px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
	text-decoration: none;
}

.plan-btn-primary[b-y9l1efda9k] {
	background: var(--primary-purple);
	color: var(--white);
}

.plan-btn-primary:hover[b-y9l1efda9k] {
	background: var(--primary-purple-light);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(101, 75, 199, 0.3);
}

.plan-btn-sm[b-y9l1efda9k] {
	padding: 8px 16px;
	font-size: 13px;
}

/* Botões */
.btn-secondary[b-y9l1efda9k] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: var(--bg-gray);
	color: var(--text-dark);
	border: 1px solid var(--border-light);
	border-radius: 10px;
	padding: 12px 24px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
}

.btn-secondary:hover[b-y9l1efda9k] {
	border-color: var(--primary-purple);
	color: var(--primary-purple);
}

/* Responsivo */
@@media (max-width: 768px) {
	.modal-overlay[b-y9l1efda9k] {
		padding: 16px;
	}

	.modal-content[b-y9l1efda9k] {
		max-height: 90vh;
		border-radius: 16px;
	}

	.modal-header[b-y9l1efda9k] {
		padding: 20px 20px 0;
	}

	.modal-body[b-y9l1efda9k] {
		padding: 20px;
	}

	.modal-footer[b-y9l1efda9k] {
		padding: 12px 20px 20px;
		flex-direction: column;
	}

	.modal-footer .btn-secondary[b-y9l1efda9k] {
		width: 100%;
	}

	.detalhes-grid[b-y9l1efda9k] {
		grid-template-columns: 1fr;
	}
}
/* /Components/Shared/PublicHeader.razor.rz.scp.css */
/* Public Header */
.public-header[b-u5xefrn4a9] {
	background: var(--white);
	border-bottom: 1px solid var(--border-light);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	position: sticky;
	top: 0;
	z-index: 1000;
	overflow-x: hidden;
	max-width: 100vw;
}

.public-header-content[b-u5xefrn4a9] {
	max-width: 1400px;
	margin: 0 auto;
	padding: 1rem 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 2rem;
}

.public-logo[b-u5xefrn4a9] {
	display: inline-block;
	min-width: 0;
	flex-shrink: 0;
}

	.public-logo img[b-u5xefrn4a9] {
		height: 45px;
		width: auto;
		max-width: 150px;
		object-fit: contain;
	}

.public-header-menu[b-u5xefrn4a9] {
	display: flex;
	align-items: center;
	gap: 2rem;
	flex: 1;
	justify-content: center;
}

.menu-link[b-u5xefrn4a9] {
	color: var(--text-dark);
	text-decoration: none;
	font-weight: 500;
	font-size: 0.95rem;
	transition: all 0.2s;
	position: relative;
}

	.menu-link:hover[b-u5xefrn4a9] {
		color: var(--primary-purple);
	}

	.menu-link[b-u5xefrn4a9]::after {
		content: '';
		position: absolute;
		bottom: -5px;
		left: 0;
		width: 0;
		height: 2px;
		background: var(--primary-purple);
		transition: width 0.3s;
	}

	.menu-link:hover[b-u5xefrn4a9]::after {
		width: 100%;
	}

.public-header-nav[b-u5xefrn4a9] {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.user-welcome[b-u5xefrn4a9] {
	display: inline-flex;
	align-items: center;
	color: var(--text-dark);
	font-weight: 600;
	font-size: 0.9rem;
	padding: 0.7rem 1.2rem;
	background: rgba(76, 102, 239, 0.1);
	border-radius: 12px;
}

.btn-register[b-u5xefrn4a9],
.btn-login[b-u5xefrn4a9],
.btn-meus-pets[b-u5xefrn4a9] {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.7rem 1.5rem;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.95rem;
	transition: all 0.3s;
	white-space: nowrap;
}

.btn-register[b-u5xefrn4a9] {
	background: var(--accent-pink);
	color: var(--white);
	box-shadow: 0 2px 8px rgba(255, 64, 129, 0.3);
}

	.btn-register:hover[b-u5xefrn4a9] {
		background: #e91e63;
		transform: translateY(-2px);
		box-shadow: 0 4px 12px rgba(255, 64, 129, 0.4);
	}

.btn-login[b-u5xefrn4a9],
.btn-meus-pets[b-u5xefrn4a9] {
	background: transparent;
	color: var(--primary-purple);
	border: 2px solid var(--primary-purple);
}

	.btn-login:hover[b-u5xefrn4a9],
	.btn-meus-pets:hover[b-u5xefrn4a9] {
		background: var(--primary-purple);
		color: var(--white);
		transform: translateY(-2px);
	}

	.btn-register i[b-u5xefrn4a9],
	.btn-login i[b-u5xefrn4a9],
	.btn-meus-pets i[b-u5xefrn4a9] {
		font-size: 1rem;
	}

/* Responsividade */
@media (max-width: 1024px) {
	.public-header-menu[b-u5xefrn4a9] {
		display: none;
	}
}

@media (max-width: 768px) {
	.public-header-content[b-u5xefrn4a9] {
		padding: 0.75rem 1rem;
		gap: 0.75rem;
	}

	.public-logo img[b-u5xefrn4a9] {
		height: 32px;
		max-width: 120px;
	}

	.public-header-nav[b-u5xefrn4a9] {
		gap: 0.5rem;
	}

	.btn-register span[b-u5xefrn4a9],
	.btn-login span[b-u5xefrn4a9],
	.btn-meus-pets span[b-u5xefrn4a9] {
		display: none;
	}

	.user-welcome[b-u5xefrn4a9] {
		display: none;
	}

	.btn-register[b-u5xefrn4a9],
	.btn-login[b-u5xefrn4a9],
	.btn-meus-pets[b-u5xefrn4a9] {
		padding: 0.6rem 0.8rem;
		font-size: 0.85rem;
	}

	.btn-register i[b-u5xefrn4a9],
	.btn-login i[b-u5xefrn4a9],
	.btn-meus-pets i[b-u5xefrn4a9] {
		font-size: 1.1rem;
	}
}

/* ===== Dark Mode ===== */
:global([data-theme="dark"]) .public-header[b-u5xefrn4a9] {
	background: var(--white);
	border-bottom-color: var(--border-light);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .user-welcome[b-u5xefrn4a9] {
	background: rgba(107, 130, 247, 0.12);
}

:global([data-theme="dark"]) .btn-login:hover[b-u5xefrn4a9],
:global([data-theme="dark"]) .btn-meus-pets:hover[b-u5xefrn4a9] {
	background: var(--primary-purple);
	color: #fff;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */
/* /Components/Shared/SerilogViewerTab.razor.rz.scp.css */
/* ===== Filtros ===== */
.filtros-section[b-22lps3fd7r] {
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--border-light);
}

.filtros-grid[b-22lps3fd7r] {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	margin-bottom: 12px;
}

.filtro-grupo[b-22lps3fd7r] {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.filtro-grupo label[b-22lps3fd7r] {
	font-size: 12px;
	font-weight: 600;
	color: var(--text-medium);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.filtro-grupo select[b-22lps3fd7r],
.filtro-grupo input[type="text"][b-22lps3fd7r] {
	padding: 8px 12px;
	border: 1px solid var(--border-light);
	border-radius: 8px;
	font-size: 14px;
	background: var(--white);
	color: var(--text-dark);
	transition: border-color 0.2s;
	width: 100%;
	box-sizing: border-box;
}

.filtro-grupo select:focus[b-22lps3fd7r],
.filtro-grupo input:focus[b-22lps3fd7r] {
	outline: none;
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 2px rgba(101, 75, 199, 0.12);
}

.busca-wrapper[b-22lps3fd7r] {
	position: relative;
}

.busca-wrapper i[b-22lps3fd7r] {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--text-medium);
	font-size: 14px;
}

.busca-wrapper input[b-22lps3fd7r] {
	padding-left: 36px !important;
}

/* ===== Combo + Botão Excluir ===== */
.arquivo-combo-wrapper[b-22lps3fd7r] {
	display: flex;
	gap: 8px;
	align-items: stretch;
}

.arquivo-combo-wrapper select[b-22lps3fd7r] {
	flex: 1;
	min-width: 0;
}

.btn-excluir-arquivo[b-22lps3fd7r] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 12px;
	border: 1px solid #dc3545;
	border-radius: 8px;
	background: transparent;
	color: #dc3545;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	flex-shrink: 0;
}

.btn-excluir-arquivo:hover:not(:disabled)[b-22lps3fd7r] {
	background: #dc3545;
	color: #fff;
}

.btn-excluir-arquivo:disabled[b-22lps3fd7r] {
	opacity: 0.4;
	cursor: not-allowed;
}

/* ===== Loading / Empty ===== */
.loading-container[b-22lps3fd7r] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 48px 16px;
	gap: 12px;
	color: var(--text-medium);
	font-size: 14px;
}

.spinner[b-22lps3fd7r] {
	width: 32px;
	height: 32px;
	border: 3px solid var(--border-light);
	border-top-color: var(--primary-purple);
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

@@keyframes spin {
	to[b-22lps3fd7r] { transform: rotate(360deg); }
}

.empty-container[b-22lps3fd7r] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 48px 16px;
	color: var(--text-medium);
}

.empty-container i[b-22lps3fd7r] {
	font-size: 40px;
	opacity: 0.5;
}

.empty-container p[b-22lps3fd7r] {
	margin: 0;
	font-size: 14px;
}

/* ===== Serilog Viewer ===== */
.serilog-info[b-22lps3fd7r] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
	font-size: 13px;
	color: var(--text-medium);
	flex-wrap: wrap;
}

.serilog-info i[b-22lps3fd7r] {
	margin-right: 4px;
}

.serilog-aviso[b-22lps3fd7r] {
	color: #e65100;
}

.serilog-viewer[b-22lps3fd7r] {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #313244;
}

.serilog-pre[b-22lps3fd7r] {
	margin: 0;
	padding: 16px;
	background: #1e1e2e;
	color: #cdd6f4;
	font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
	font-size: 12px;
	line-height: 1.6;
	overflow-x: auto;
	overflow-y: auto;
	max-height: 600px;
	white-space: pre;
	-webkit-overflow-scrolling: touch;
	tab-size: 4;
}

/* Cores das linhas de log */
.log-erro[b-22lps3fd7r] {
	color: #f38ba8;
}

.log-aviso[b-22lps3fd7r] {
	color: #fab387;
}

.log-info[b-22lps3fd7r] {
	color: #cdd6f4;
}

/* Botão Carregar Mais */
.carregar-mais-container[b-22lps3fd7r] {
	display: flex;
	justify-content: center;
	margin-top: 16px;
}

.btn-carregar-mais[b-22lps3fd7r] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 24px;
	border: 2px solid var(--primary-purple);
	border-radius: 10px;
	background: transparent;
	color: var(--primary-purple);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-carregar-mais:hover[b-22lps3fd7r] {
	background: var(--primary-purple);
	color: var(--white);
}

/* ============================================
   DARK MODE — [data-theme="dark"]
   ============================================ */

:global([data-theme="dark"]) .filtro-grupo select[b-22lps3fd7r],
:global([data-theme="dark"]) .filtro-grupo input[type="text"][b-22lps3fd7r] {
	background: var(--white);
	border-color: var(--border-light);
	color: var(--text-dark);
}

:global([data-theme="dark"]) .filtro-grupo select:focus[b-22lps3fd7r],
:global([data-theme="dark"]) .filtro-grupo input:focus[b-22lps3fd7r] {
	border-color: var(--primary-purple);
	box-shadow: 0 0 0 2px rgba(107, 130, 247, 0.2);
}

:global([data-theme="dark"]) .serilog-aviso[b-22lps3fd7r] {
	color: #ffa726;
}

:global([data-theme="dark"]) .btn-excluir-arquivo[b-22lps3fd7r] {
	border-color: #e57373;
	color: #e57373;
}

:global([data-theme="dark"]) .btn-excluir-arquivo:hover:not(:disabled)[b-22lps3fd7r] {
	background: #e57373;
	color: #fff;
}

/* ============================================
   DARK MODE — @media (prefers-color-scheme)
   ============================================ */

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Responsivo — 768px+ ===== */
@@media (min-width: 768px) {
	.filtros-grid[b-22lps3fd7r] {
		grid-template-columns: repeat(2, 1fr);
	}

	.filtro-busca[b-22lps3fd7r] {
		grid-column: span 2;
	}

	.serilog-pre[b-22lps3fd7r] {
		font-size: 13px;
		max-height: 700px;
	}
}

@@media (min-width: 1024px) {
	.filtros-grid[b-22lps3fd7r] {
		grid-template-columns: repeat(3, 1fr);
	}

	.filtro-busca[b-22lps3fd7r] {
		grid-column: span 1;
	}
}

/* ===== Mobile adjustments ===== */
@@media (max-width: 767px) {
	.serilog-pre[b-22lps3fd7r] {
		font-size: 11px;
		padding: 12px;
		max-height: 400px;
	}

	.serilog-viewer[b-22lps3fd7r] {
		border-radius: 8px;
	}
}
/* /Components/Shared/TabelaUsuarios.razor.rz.scp.css */
/* ========================================
   TabelaUsuarios.razor.css
   Isolated CSS — Tabela + Cards Mobile
   ======================================== */

/* ===== Admin Section ===== */

.admin-section[b-uke3nx5dct] {
	background: var(--white);
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 24px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

.section-header-row[b-uke3nx5dct] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
	flex-wrap: wrap;
}

.section-header-row h2[b-uke3nx5dct] {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--text-dark);
	display: flex;
	align-items: center;
	gap: 8px;
}

.section-header-row h2 i[b-uke3nx5dct] {
	color: var(--primary-purple);
}

.badge-count[b-uke3nx5dct] {
	background: rgba(108, 62, 182, 0.1);
	color: var(--primary-purple);
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
}

.tabela-wrapper[b-uke3nx5dct] {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.col-sortable[b-uke3nx5dct] {
	cursor: pointer;
	user-select: none;
	transition: background 0.15s;
}

.col-sortable:hover[b-uke3nx5dct] {
	background: var(--bg-gray);
}

/* ===== Table ===== */

.tabela-admin[b-uke3nx5dct] {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.tabela-admin th[b-uke3nx5dct] {
	background: var(--bg-gray);
	text-align: left;
	padding: 1rem;
	font-weight: 600;
	color: var(--text-medium);
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
	border-bottom: 2px solid var(--border-light);
}

.tabela-admin td[b-uke3nx5dct] {
	padding: 1rem;
	color: var(--text-dark);
	border-bottom: 1px solid var(--border-light);
	vertical-align: middle;
}

.tabela-admin tr:last-child td[b-uke3nx5dct] {
	border-bottom: none;
}

.tabela-admin tbody tr[b-uke3nx5dct] {
	transition: background 0.15s;
}

.tabela-admin tbody tr:hover td[b-uke3nx5dct] {
	background: rgba(108, 62, 182, 0.03);
}

/* ===== Type Badges ===== */

.badge-tipo-tutor[b-uke3nx5dct] {
	display: inline-block;
	padding: 0.3rem 0.8rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
	white-space: nowrap;
	background: rgba(33, 150, 243, 0.12);
	color: #1565c0;
}

.badge-tipo-admin[b-uke3nx5dct] {
	display: inline-block;
	padding: 0.3rem 0.8rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
	white-space: nowrap;
	background: rgba(108, 62, 182, 0.12);
	color: var(--primary-purple);
}

.badge-tipo-suporte[b-uke3nx5dct] {
	display: inline-block;
	padding: 0.3rem 0.8rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
	white-space: nowrap;
	background: rgba(0, 150, 136, 0.12);
	color: #00695c;
}

.badge-tipo-revenda[b-uke3nx5dct] {
	display: inline-block;
	padding: 0.3rem 0.8rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
	white-space: nowrap;
	background: rgba(255, 152, 0, 0.12);
	color: #e65100;
}

.badge-tipo-petshop[b-uke3nx5dct] {
	display: inline-block;
	padding: 0.3rem 0.8rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
	white-space: nowrap;
	background: rgba(76, 175, 80, 0.12);
	color: #2e7d32;
}

/* ===== Status Badges ===== */

.badge-status-ativo[b-uke3nx5dct] {
	display: inline-block;
	padding: 0.3rem 0.8rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
	background: rgba(76, 175, 80, 0.12);
	color: #2e7d32;
}

.badge-status-inativo[b-uke3nx5dct] {
	display: inline-block;
	padding: 0.3rem 0.8rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
	background: rgba(244, 67, 54, 0.12);
	color: #c62828;
}

/* Coluna de Ações & botões: usar classes globais de app.css
   (.col-acoes, .acoes-cell, .btn-acao-icone + variantes de cor) */

.card-mobile-acoes .btn-acao-icone[b-uke3nx5dct] {
	width: auto;
	padding: 0 8px;
	height: 34px;
	font-size: 12px;
}

/* ===== States ===== */

.estado-vazio[b-uke3nx5dct] {
	text-align: center;
	padding: 3rem;
	color: var(--text-medium);
}

.estado-vazio i[b-uke3nx5dct] {
	font-size: 3rem;
	opacity: 0.5;
	margin-bottom: 1rem;
	display: block;
}

.estado-vazio p[b-uke3nx5dct] {
	margin: 0;
	font-size: 14px;
}

/* ===== Mobile Cards ===== */

.cards-mobile[b-uke3nx5dct] {
	display: none;
}

.card-usuario-mobile[b-uke3nx5dct] {
	background: var(--white);
	border-radius: 12px;
	padding: 1.25rem;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--border-light);
}

.card-mobile-header[b-uke3nx5dct] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 0.75rem;
}

.card-mobile-nome[b-uke3nx5dct] {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.95rem;
}

.card-mobile-nome strong[b-uke3nx5dct] {
	color: var(--text-dark);
}

.card-mobile-body[b-uke3nx5dct] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 1rem;
}

.card-mobile-info[b-uke3nx5dct] {
	font-size: 0.85rem;
	color: var(--text-medium);
	display: flex;
	align-items: center;
	gap: 6px;
}

.card-mobile-info i[b-uke3nx5dct] {
	font-size: 14px;
	color: var(--text-medium);
	width: 16px;
	text-align: center;
	flex-shrink: 0;
}

.card-mobile-acoes[b-uke3nx5dct] {
	display: flex;
	gap: 0.5rem;
	justify-content: flex-end;
}

/* ========================================
   Dark Mode
   ======================================== */

:global([data-theme="dark"]) .admin-section[b-uke3nx5dct] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .section-header-row h2[b-uke3nx5dct] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .badge-count[b-uke3nx5dct] {
	background: rgba(108, 62, 182, 0.18);
	color: #b39ddb;
}

:global([data-theme="dark"]) .col-sortable:hover[b-uke3nx5dct] {
	background: #1a1d28;
}

:global([data-theme="dark"]) .tabela-admin th[b-uke3nx5dct] {
	background: #12141c;
	color: #9e9e9e;
	border-bottom-color: #2a2d3a;
}

:global([data-theme="dark"]) .tabela-admin td[b-uke3nx5dct] {
	color: #e0e0e0;
	border-bottom-color: #22252f;
}

:global([data-theme="dark"]) .tabela-admin tbody tr:hover td[b-uke3nx5dct] {
	background: rgba(108, 62, 182, 0.06);
}

/* Dark: Type Badges */

:global([data-theme="dark"]) .badge-tipo-tutor[b-uke3nx5dct] {
	background: rgba(33, 150, 243, 0.18);
	color: #64b5f6;
}

:global([data-theme="dark"]) .badge-tipo-admin[b-uke3nx5dct] {
	background: rgba(108, 62, 182, 0.18);
	color: #b39ddb;
}

:global([data-theme="dark"]) .badge-tipo-suporte[b-uke3nx5dct] {
	background: rgba(0, 150, 136, 0.18);
	color: #4db6ac;
}

:global([data-theme="dark"]) .badge-tipo-revenda[b-uke3nx5dct] {
	background: rgba(255, 152, 0, 0.18);
	color: #ffb74d;
}

:global([data-theme="dark"]) .badge-tipo-petshop[b-uke3nx5dct] {
	background: rgba(76, 175, 80, 0.18);
	color: #81c784;
}

/* Dark: Status Badges */

:global([data-theme="dark"]) .badge-status-ativo[b-uke3nx5dct] {
	background: rgba(76, 175, 80, 0.18);
	color: #81c784;
}

:global([data-theme="dark"]) .badge-status-inativo[b-uke3nx5dct] {
	background: rgba(244, 67, 54, 0.18);
	color: #ef9a9a;
}

/* Dark: Mobile Cards */

:global([data-theme="dark"]) .card-usuario-mobile[b-uke3nx5dct] {
	background: #1a1d28;
	border-color: #2a2d3a;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .card-mobile-nome strong[b-uke3nx5dct] {
	color: #e0e0e0;
}

:global([data-theme="dark"]) .card-mobile-info[b-uke3nx5dct] {
	color: #9e9e9e;
}

:global([data-theme="dark"]) .card-mobile-info i[b-uke3nx5dct] {
	color: #666;
}

:global([data-theme="dark"]) .estado-vazio[b-uke3nx5dct] {
	color: #9e9e9e;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */

/* ===== Responsive ===== */

@@media (max-width: 768px) {
	.tabela-wrapper[b-uke3nx5dct] {
		display: none;
	}

	.cards-mobile[b-uke3nx5dct] {
		display: grid;
		gap: 1rem;
	}
}
/* /Components/Shared/TagAtivacao.razor.rz.scp.css */
/* ===== Sucesso / Erro ===== */
.sucesso-mensagem[b-s55ite1v3k] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #e8f5e9;
    color: #2e7d32;
    padding: 16px 20px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 500;
}

.sucesso-mensagem i[b-s55ite1v3k] {
    font-size: 22px;
    flex-shrink: 0;
}

.alerta-erro-contato[b-s55ite1v3k] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #ffebee;
    color: var(--danger-red);
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
}

.alerta-erro-contato i[b-s55ite1v3k] {
    font-size: 18px;
    flex-shrink: 0;
}

/* ===== Tag Virgem — Ativação ===== */
.ativacao-container[b-s55ite1v3k] {
    max-width: 520px;
    margin: 20px auto 40px;
    padding: 0 16px;
}

.ativacao-hero[b-s55ite1v3k] {
    background: linear-gradient(135deg, var(--primary-purple, #4c66ef), var(--primary-purple-light, #8e99f2));
    border-radius: 24px;
    padding: 48px 24px 36px;
    text-align: center;
    position: relative;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    margin-bottom: 24px;
    overflow: hidden;
}

.ativacao-icon-wrapper[b-s55ite1v3k] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    margin-bottom: 20px;
}

.ativacao-icon-main[b-s55ite1v3k] {
    font-size: 44px;
    color: #ffffff;
    z-index: 1;
    position: relative;
}

.ativacao-pulse[b-s55ite1v3k] {
    position: absolute;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    animation: ativacao-pulse-anim 2s ease-in-out infinite;
}

@@keyframes ativacao-pulse-anim {
    0%[b-s55ite1v3k], 100%[b-s55ite1v3k] {
        transform: scale(1);
        opacity: 0.4;
    }
    50%[b-s55ite1v3k] {
        transform: scale(1.4);
        opacity: 0;
    }
}

.ativacao-titulo[b-s55ite1v3k] {
    color: #ffffff;
    font-size: 28px;
    font-weight: 800;
    margin: 0 0 8px 0;
    letter-spacing: 0.3px;
}

.ativacao-subtitulo[b-s55ite1v3k] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 15px;
    margin: 0 0 20px 0;
    line-height: 1.5;
}

.ativacao-tag-badge[b-s55ite1v3k] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.ativacao-tag-badge i[b-s55ite1v3k] {
    font-size: 16px;
}

/* Card de ativação */
.ativacao-card[b-s55ite1v3k] {
    background: var(--white);
    border-radius: 20px;
    padding: 28px 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--border-light);
}

.ativacao-card-header[b-s55ite1v3k] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 24px;
}

.ativacao-card-icon[b-s55ite1v3k] {
    font-size: 28px;
    color: var(--primary-purple, #4c66ef);
    flex-shrink: 0;
    margin-top: 2px;
}

.ativacao-card-title[b-s55ite1v3k] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-dark);
    margin: 0 0 4px 0;
}

.ativacao-card-desc[b-s55ite1v3k] {
    font-size: 14px;
    color: var(--text-medium);
    margin: 0;
    line-height: 1.5;
}

/* Steps */
.ativacao-steps[b-s55ite1v3k] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 24px;
}

.ativacao-step[b-s55ite1v3k] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: var(--bg-gray, #f6f8fb);
    border-radius: 12px;
}

.ativacao-step:first-child[b-s55ite1v3k] {
    border-radius: 12px 12px 4px 4px;
}

.ativacao-step:last-child[b-s55ite1v3k] {
    border-radius: 4px 4px 12px 12px;
}

.ativacao-step:not(:first-child):not(:last-child)[b-s55ite1v3k] {
    border-radius: 4px;
}

.step-number[b-s55ite1v3k] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--primary-purple, #4c66ef);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content[b-s55ite1v3k] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.step-content strong[b-s55ite1v3k] {
    font-size: 14px;
    color: var(--text-dark);
}

.step-content span[b-s55ite1v3k] {
    font-size: 12px;
    color: var(--text-medium);
}

.step-check[b-s55ite1v3k] {
    font-size: 20px;
    color: #4caf50;
    flex-shrink: 0;
}

.step-arrow[b-s55ite1v3k] {
    font-size: 18px;
    color: var(--primary-purple, #4c66ef);
    flex-shrink: 0;
}

.step-star[b-s55ite1v3k] {
    font-size: 18px;
    color: #ffa726;
    flex-shrink: 0;
}

/* Botão ativar */
.ativacao-btn[b-s55ite1v3k] {
    width: 100%;
    background: linear-gradient(135deg, var(--accent-pink, #ff4081), #e91e63);
    color: #ffffff;
    border: none;
    border-radius: 14px;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.25s;
    box-shadow: 0 4px 16px rgba(255, 64, 129, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.ativacao-btn:hover[b-s55ite1v3k] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 64, 129, 0.45);
}

.ativacao-btn:active[b-s55ite1v3k] {
    transform: translateY(0);
}

.ativacao-btn:disabled[b-s55ite1v3k] {
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.ativacao-btn i[b-s55ite1v3k] {
    font-size: 20px;
}

.ativacao-btn-spinner[b-s55ite1v3k] {
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: spin 0.7s linear infinite;
}

@@keyframes spin {
    to[b-s55ite1v3k] { transform: rotate(360deg); }
}

.ativacao-login-hint[b-s55ite1v3k] {
    text-align: center;
    font-size: 13px;
    color: var(--text-medium);
    margin: 16px 0 0 0;
}

.ativacao-login-hint a[b-s55ite1v3k] {
    color: var(--primary-purple, #4c66ef);
    text-decoration: none;
    font-weight: 600;
}

.ativacao-login-hint a:hover[b-s55ite1v3k] {
    text-decoration: underline;
}

/* ===== Ativação — Responsividade ===== */
@@media (min-width: 768px) {
    .ativacao-container[b-s55ite1v3k] {
        max-width: 560px;
        padding: 0 24px;
    }

    .ativacao-hero[b-s55ite1v3k] {
        padding: 56px 32px 42px;
        border-radius: 28px;
    }

    .ativacao-titulo[b-s55ite1v3k] {
        font-size: 34px;
    }

    .ativacao-card[b-s55ite1v3k] {
        padding: 32px 28px;
        border-radius: 24px;
    }
}

@@media (max-width: 360px) {
    .ativacao-container[b-s55ite1v3k] {
        padding: 0 12px;
    }

    .ativacao-hero[b-s55ite1v3k] {
        padding: 40px 16px 28px;
    }

    .ativacao-titulo[b-s55ite1v3k] {
        font-size: 24px;
    }

    .ativacao-subtitulo[b-s55ite1v3k] {
        font-size: 14px;
    }

    .ativacao-card[b-s55ite1v3k] {
        padding: 20px 16px;
    }

    .ativacao-card-header[b-s55ite1v3k] {
        flex-direction: column;
        gap: 8px;
    }

    .ativacao-step[b-s55ite1v3k] {
        padding: 12px 12px;
        gap: 10px;
    }

    .step-number[b-s55ite1v3k] {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }

    .step-content strong[b-s55ite1v3k] {
        font-size: 13px;
    }

    .step-content span[b-s55ite1v3k] {
        font-size: 11px;
    }
}

/* ===== Re-Scan Confirmation ===== */
.rescan-container[b-s55ite1v3k] {
    text-align: center;
    padding: 24px 0 8px;
}

.rescan-icon-wrapper[b-s55ite1v3k] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin-bottom: 16px;
}

.rescan-icon[b-s55ite1v3k] {
    font-size: 40px;
    color: var(--primary-purple, #4c66ef);
    z-index: 1;
    animation: rescan-vibrate 1.5s ease-in-out infinite;
}

.rescan-pulse[b-s55ite1v3k] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: var(--primary-purple-light, rgba(76, 102, 239, 0.15));
    animation: rescan-pulse-anim 2s ease-in-out infinite;
}

@@keyframes rescan-vibrate {
    0%[b-s55ite1v3k], 100%[b-s55ite1v3k] { transform: rotate(0deg); }
    10%[b-s55ite1v3k] { transform: rotate(-8deg); }
    20%[b-s55ite1v3k] { transform: rotate(8deg); }
    30%[b-s55ite1v3k] { transform: rotate(-6deg); }
    40%[b-s55ite1v3k] { transform: rotate(6deg); }
    50%[b-s55ite1v3k] { transform: rotate(0deg); }
}

@@keyframes rescan-pulse-anim {
    0%[b-s55ite1v3k] { transform: scale(0.8); opacity: 0.6; }
    50%[b-s55ite1v3k] { transform: scale(1.2); opacity: 0.2; }
    100%[b-s55ite1v3k] { transform: scale(0.8); opacity: 0.6; }
}

.rescan-titulo[b-s55ite1v3k] {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-dark, #1a1a2e);
    margin: 0 0 8px;
}

.rescan-desc[b-s55ite1v3k] {
    font-size: 14px;
    color: var(--text-medium, #6b7280);
    line-height: 1.5;
    margin: 0 0 16px;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.rescan-timer[b-s55ite1v3k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #fff3cd;
    color: #856404;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 20px;
}

.rescan-timer i[b-s55ite1v3k] {
    font-size: 14px;
}

.rescan-instrucao[b-s55ite1v3k] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 300px;
    margin: 0 auto;
}

.rescan-step-item[b-s55ite1v3k] {
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
}

.rescan-step-num[b-s55ite1v3k] {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    background: var(--primary-purple, #4c66ef);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
}

.rescan-step-item span[b-s55ite1v3k] {
    font-size: 14px;
    color: var(--text-dark, #1a1a2e);
}

/* ===== Dark Mode ===== */
:global([data-theme="dark"]) .ativacao-card[b-s55ite1v3k] {
    background: var(--card-bg-dark, #1e293b);
    border-color: var(--border-dark, rgba(255, 255, 255, 0.1));
}

:global([data-theme="dark"]) .ativacao-step[b-s55ite1v3k] {
    background: var(--bg-dark, #0f172a);
}

:global([data-theme="dark"]) .sucesso-mensagem[b-s55ite1v3k] {
    background: rgba(46, 125, 50, 0.15);
    color: #81c784;
}

:global([data-theme="dark"]) .alerta-erro-contato[b-s55ite1v3k] {
    background: rgba(198, 40, 40, 0.15);
    color: #ef9a9a;
}

:global([data-theme="dark"]) .rescan-timer[b-s55ite1v3k] {
    background: rgba(255, 243, 205, 0.1);
    color: #ffd54f;
}
/* /Components/Shared/TagPainelAdmin.razor.rz.scp.css */
/* ===== Admin Panel Overlay ===== */
.admin-painel-overlay[b-2ac9fidd9j] {
    position: fixed;
    top: 60px;
    right: 12px;
    z-index: 1000;
    width: 380px;
    max-width: calc(100vw - 24px);
    max-height: calc(100vh - 80px);
    overflow-y: auto;
}

.admin-painel-container[b-2ac9fidd9j] {
    background: var(--white, #ffffff);
    border: 2px solid var(--primary-purple, #4c66ef);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(76, 102, 239, 0.25);
    overflow: hidden;
}

.admin-painel-header[b-2ac9fidd9j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: linear-gradient(135deg, var(--primary-purple, #4c66ef), var(--primary-purple-light, #8e99f2));
    color: #ffffff;
}

.admin-painel-titulo[b-2ac9fidd9j] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
}

.admin-painel-titulo i[b-2ac9fidd9j] { font-size: 16px; }

.admin-painel-fechar[b-2ac9fidd9j] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 8px;
    color: #ffffff;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
}

.admin-painel-fechar:hover[b-2ac9fidd9j] { background: rgba(255, 255, 255, 0.35); }

.admin-painel-secao[b-2ac9fidd9j] {
    padding: 14px 16px;
    border-bottom: 1px solid var(--border-light, #e8eaf6);
}

.admin-painel-secao h4[b-2ac9fidd9j] {
    font-size: 13px;
    font-weight: 700;
    color: var(--primary-purple, #4c66ef);
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.admin-painel-secao h4 i[b-2ac9fidd9j] { font-size: 14px; }

.admin-painel-dados[b-2ac9fidd9j] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.admin-dado[b-2ac9fidd9j] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.admin-dado-label[b-2ac9fidd9j] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-medium, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.admin-dado-valor[b-2ac9fidd9j] {
    font-size: 13px;
    color: var(--text-dark, #1a1a2e);
    word-break: break-all;
}

.admin-painel-vazio[b-2ac9fidd9j] {
    font-size: 13px;
    color: var(--text-medium, #6b7280);
    font-style: italic;
    margin: 0;
}

/* ===== Admin: Ações Rápidas ===== */
.admin-acoes-rapidas[b-2ac9fidd9j] { border-bottom: none; }

.admin-acao-grupo[b-2ac9fidd9j] { margin-bottom: 14px; }

.admin-acao-grupo label[b-2ac9fidd9j] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-dark, #1a1a2e);
    margin-bottom: 6px;
    display: block;
}

.admin-acao-row[b-2ac9fidd9j] {
    display: flex;
    gap: 8px;
}

.admin-acao-select[b-2ac9fidd9j],
.admin-acao-input[b-2ac9fidd9j] {
    flex: 1;
    padding: 8px 10px;
    border: 1px solid var(--border-light, #e8eaf6);
    border-radius: 8px;
    font-size: 13px;
    font-family: inherit;
    background: var(--white, #ffffff);
    color: var(--text-dark, #1a1a2e);
}

.admin-acao-select:focus[b-2ac9fidd9j],
.admin-acao-input:focus[b-2ac9fidd9j] {
    outline: none;
    border-color: var(--primary-purple, #4c66ef);
    box-shadow: 0 0 0 2px rgba(76, 102, 239, 0.12);
}

.admin-acao-btn[b-2ac9fidd9j] {
    padding: 8px 14px;
    border: none;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    background: var(--primary-purple, #4c66ef);
    color: #ffffff;
    transition: all 0.2s;
    white-space: nowrap;
}

.admin-acao-btn:hover[b-2ac9fidd9j] { opacity: 0.9; transform: translateY(-1px); }
.admin-acao-btn:disabled[b-2ac9fidd9j] { opacity: 0.5; cursor: not-allowed; transform: none; }

.admin-acao-btn-remover[b-2ac9fidd9j] {
    background: var(--danger-red, #e53935);
    margin-top: 6px;
    font-size: 11px;
    padding: 6px 10px;
}

.admin-combo-resultados[b-2ac9fidd9j] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 4px;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid var(--border-light, #e8eaf6);
    border-radius: 8px;
    background: var(--white, #ffffff);
}

.admin-combo-item[b-2ac9fidd9j] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 13px;
    color: var(--text-dark, #1a1a2e);
    text-align: left;
    transition: background 0.15s;
}

.admin-combo-item:hover[b-2ac9fidd9j] { background: rgba(76, 102, 239, 0.08); }
.admin-combo-item i[b-2ac9fidd9j] { font-size: 14px; color: var(--primary-purple, #4c66ef); flex-shrink: 0; }
.admin-combo-item span[b-2ac9fidd9j] { flex: 1; font-weight: 500; }
.admin-combo-item small[b-2ac9fidd9j] { font-size: 11px; color: var(--text-medium, #6b7280); }

.admin-feedback-sucesso[b-2ac9fidd9j],
.admin-feedback-erro[b-2ac9fidd9j] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 12px;
}

.admin-feedback-sucesso[b-2ac9fidd9j] { background: #e8f5e9; color: #2e7d32; }
.admin-feedback-erro[b-2ac9fidd9j] { background: #ffebee; color: #c62828; }
.admin-feedback-sucesso i[b-2ac9fidd9j],
.admin-feedback-erro i[b-2ac9fidd9j] { font-size: 16px; flex-shrink: 0; }

/* ===== Admin: Gerenciamento de Plano ===== */

.admin-plano-bloqueado[b-2ac9fidd9j] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: rgba(158, 158, 158, 0.1);
    border: 1px dashed rgba(158, 158, 158, 0.4);
    border-radius: 8px;
    font-size: 12px;
    color: var(--text-medium, #6b7280);
}

.admin-plano-bloqueado i[b-2ac9fidd9j] { font-size: 14px; flex-shrink: 0; }

.admin-plano-hint[b-2ac9fidd9j] {
    display: block;
    font-size: 11px;
    color: var(--text-medium, #6b7280);
    margin-bottom: 8px;
    line-height: 1.4;
}

.admin-plano-hint-inline[b-2ac9fidd9j] {
    font-size: 11px;
    color: var(--text-medium, #6b7280);
    align-self: center;
    white-space: nowrap;
}

.admin-label-icon[b-2ac9fidd9j] {
    font-size: 12px;
    margin-right: 2px;
}

.admin-plano-info-atual[b-2ac9fidd9j] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 12px;
    background: rgba(76, 102, 239, 0.06);
    border: 1px solid rgba(76, 102, 239, 0.15);
    border-radius: 8px;
    font-size: 12px;
    color: var(--text-dark, #1a1a2e);
    margin-bottom: 8px;
}

.admin-plano-info-atual strong[b-2ac9fidd9j] {
    color: var(--text-medium, #6b7280);
    font-weight: 600;
}

.admin-plano-opcoes-data[b-2ac9fidd9j] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
}

.admin-plano-radio[b-2ac9fidd9j] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--text-dark, #1a1a2e);
    cursor: pointer;
}

.admin-plano-radio input[type="radio"][b-2ac9fidd9j] {
    width: 14px;
    height: 14px;
    accent-color: var(--primary-purple, #4c66ef);
    cursor: pointer;
    flex-shrink: 0;
}

/* ===== Admin: Footer Link ===== */
.admin-painel-footer[b-2ac9fidd9j] { padding: 12px 16px; }

.admin-link-gestao[b-2ac9fidd9j] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: var(--bg-gray, #f6f8fb);
    border-radius: 10px;
    color: var(--primary-purple, #4c66ef);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.2s;
}

.admin-link-gestao:hover[b-2ac9fidd9j] { background: rgba(76, 102, 239, 0.1); }
.admin-link-gestao span[b-2ac9fidd9j] { flex: 1; }

/* ===== Admin Panel: Dark Mode ===== */
[data-theme="dark"] .admin-painel-container[b-2ac9fidd9j] { background: #1e293b; border-color: rgba(76, 102, 239, 0.5); }
[data-theme="dark"] .admin-painel-secao[b-2ac9fidd9j] { border-bottom-color: rgba(255, 255, 255, 0.08); }
[data-theme="dark"] .admin-dado-valor[b-2ac9fidd9j] { color: #e2e8f0; }
[data-theme="dark"] .admin-acao-select[b-2ac9fidd9j],
[data-theme="dark"] .admin-acao-input[b-2ac9fidd9j] { background: #0f172a; border-color: rgba(255, 255, 255, 0.12); color: #e2e8f0; }
[data-theme="dark"] .admin-combo-resultados[b-2ac9fidd9j] { background: #0f172a; border-color: rgba(255, 255, 255, 0.12); }
[data-theme="dark"] .admin-combo-item[b-2ac9fidd9j] { color: #e2e8f0; }
[data-theme="dark"] .admin-combo-item:hover[b-2ac9fidd9j] { background: rgba(76, 102, 239, 0.15); }
[data-theme="dark"] .admin-feedback-sucesso[b-2ac9fidd9j] { background: rgba(46, 125, 50, 0.15); color: #81c784; }
[data-theme="dark"] .admin-feedback-erro[b-2ac9fidd9j] { background: rgba(198, 40, 40, 0.15); color: #ef9a9a; }
[data-theme="dark"] .admin-link-gestao[b-2ac9fidd9j] { background: rgba(255, 255, 255, 0.05); }
[data-theme="dark"] .admin-link-gestao:hover[b-2ac9fidd9j] { background: rgba(76, 102, 239, 0.15); }
[data-theme="dark"] .admin-acao-grupo label[b-2ac9fidd9j] { color: #e2e8f0; }
[data-theme="dark"] .admin-plano-bloqueado[b-2ac9fidd9j] { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.12); color: #9e9e9e; }
[data-theme="dark"] .admin-plano-hint[b-2ac9fidd9j],
[data-theme="dark"] .admin-plano-hint-inline[b-2ac9fidd9j] { color: #9e9e9e; }
[data-theme="dark"] .admin-plano-info-atual[b-2ac9fidd9j] { background: rgba(76, 102, 239, 0.1); border-color: rgba(76, 102, 239, 0.25); color: #e2e8f0; }
[data-theme="dark"] .admin-plano-info-atual strong[b-2ac9fidd9j] { color: #94a3b8; }
[data-theme="dark"] .admin-plano-radio[b-2ac9fidd9j] { color: #e2e8f0; }

/* @@media (prefers-color-scheme: dark) removed — duplicate of [data-theme="dark"] rules above */

/* ===== Admin Panel: Mobile ===== */
@@media (max-width: 480px) {
    .admin-painel-overlay[b-2ac9fidd9j] {
        top: auto;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        max-height: 70vh;
    }

    .admin-painel-container[b-2ac9fidd9j] { border-radius: 16px 16px 0 0; border-bottom: none; }
    .admin-painel-dados[b-2ac9fidd9j] { grid-template-columns: 1fr; }
}
/* /Components/Shared/TagPerfilPet.razor.rz.scp.css */
/* ===== Tag Container ===== */
.tag-container[b-fno019be7n] {
    max-width: 600px;
    margin: 20px auto 40px;
    padding: 0 16px;
}

/* ===== Hero Section ===== */
.pet-hero-section[b-fno019be7n] {
    background: linear-gradient(135deg, var(--primary-purple, #4c66ef), var(--primary-purple-light, #8e99f2));
    border-radius: 24px;
    padding: 60px 20px 30px;
    text-align: center;
    position: relative;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    margin-bottom: 24px;
}

.pet-image-container[b-fno019be7n] {
    position: relative;
    display: inline-block;
    margin-bottom: 16px;
}

.pet-image[b-fno019be7n] {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid var(--primary-purple, #4c66ef);
    background: var(--white);
}

.heart-badge[b-fno019be7n] {
    position: absolute;
    top: 8px;
    right: -8px;
    width: 36px;
    height: 36px;
    background: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-pink, #ff4081);
    font-size: 18px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.pet-name[b-fno019be7n] {
    color: #ffffff;
    font-size: 32px;
    font-weight: bold;
    margin: 0 0 16px 0;
    letter-spacing: 0.5px;
}

.status-badge[b-fno019be7n] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--danger-red);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: default;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.status-badge i[b-fno019be7n] {
    font-size: 14px;
}

/* ===== Info Card ===== */
.info-card[b-fno019be7n] {
    background: var(--white);
    border-radius: 20px;
    padding: 24px 20px;
    margin-bottom: 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--border-light);
}

.info-card-title[b-fno019be7n] {
    font-size: 18px;
    font-weight: bold;
    color: var(--text-dark);
    margin: 0 0 20px 0;
}

.info-content[b-fno019be7n] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.info-column-left[b-fno019be7n],
.info-column-right[b-fno019be7n] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.info-row[b-fno019be7n] {
    display: flex;
    align-items: flex-start;
}

.info-label[b-fno019be7n] {
    font-weight: 600;
    color: var(--primary-purple, #4c66ef);
    min-width: 100px;
    font-size: 15px;
}

.info-value[b-fno019be7n] {
    color: var(--text-medium);
    font-size: 15px;
}

/* ===== Alergias Card ===== */
.alergias-card[b-fno019be7n] {
    background: rgba(255, 152, 0, 0.08);
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(255, 152, 0, 0.25);
}

.alergias-header[b-fno019be7n] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.alergias-icon[b-fno019be7n] {
    color: #ff9800;
    font-size: 20px;
}

.alergias-titulo[b-fno019be7n] {
    font-size: 18px;
    font-weight: bold;
    color: var(--text-dark);
    margin: 0;
}

.alergias-lista[b-fno019be7n] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.alergia-item[b-fno019be7n] {
    background: var(--white);
    border-radius: 12px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 152, 0, 0.25);
}

.alergia-info[b-fno019be7n] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.alergia-nome[b-fno019be7n] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-dark);
}

.alergia-severidade[b-fno019be7n] {
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.severidade-leve[b-fno019be7n] {
    background: #e8f5e9;
    color: #2e7d32;
}

.severidade-moderada[b-fno019be7n] {
    background: #fff3e0;
    color: #e65100;
}

.severidade-grave[b-fno019be7n] {
    background: #fce4ec;
    color: #c62828;
}

.alergia-obs[b-fno019be7n] {
    font-size: 13px;
    color: var(--text-medium);
    margin: 6px 0 0;
    line-height: 1.4;
}

/* ===== Contact Card ===== */
.contact-card[b-fno019be7n] {
    background: var(--white);
    border-radius: 20px;
    padding: 24px 20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--border-light);
}

.contact-header[b-fno019be7n] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.contact-icon[b-fno019be7n] {
    color: var(--accent-pink, #ff4081);
    font-size: 20px;
}

.contact-title[b-fno019be7n] {
    font-size: 18px;
    font-weight: bold;
    color: var(--text-dark);
    margin: 0;
}

.contact-subtitle[b-fno019be7n] {
    font-size: 14px;
    color: var(--text-medium);
    margin: 0 0 20px 0;
}

.contact-form[b-fno019be7n] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.message-input[b-fno019be7n] {
    width: 100%;
    min-height: 120px;
    padding: 12px 16px;
    border: 1px solid var(--border-light);
    border-radius: 12px;
    font-size: 15px;
    font-family: inherit;
    resize: vertical;
    box-sizing: border-box;
}

.message-input:focus[b-fno019be7n] {
    outline: none;
    border-color: var(--primary-purple, #4c66ef);
    box-shadow: 0 0 0 3px rgba(76, 102, 239, 0.1);
}

.send-message-btn[b-fno019be7n] {
    background: var(--accent-pink, #ff4081);
    color: #ffffff;
    border: none;
    border-radius: 12px;
    padding: 14px 20px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 4px 12px rgba(255, 64, 129, 0.3);
}

.send-message-btn:hover[b-fno019be7n] {
    background: #e91e63;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(255, 64, 129, 0.4);
}

.send-message-btn:active[b-fno019be7n] {
    transform: translateY(0);
}

.contact-actions[b-fno019be7n] {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}

.action-btn[b-fno019be7n] {
    flex: 1;
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-dark);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s;
}

.action-btn i[b-fno019be7n] {
    font-size: 16px;
    color: var(--primary-purple, #4c66ef);
}

.action-btn:hover[b-fno019be7n] {
    background: var(--bg-gray, #f6f8fb);
    border-color: var(--primary-purple, #4c66ef);
}

.action-btn:active[b-fno019be7n] {
    transform: scale(0.98);
}

/* ===== Desktop Responsiveness ===== */
@@media (min-width: 768px) {
    .tag-container[b-fno019be7n] {
        max-width: 700px;
        padding: 0 24px;
    }

    .pet-hero-section[b-fno019be7n] {
        padding: 70px 30px 40px;
        border-radius: 28px;
    }

    .pet-image[b-fno019be7n] {
        width: 160px;
        height: 160px;
    }

    .heart-badge[b-fno019be7n] {
        width: 40px;
        height: 40px;
        font-size: 20px;
        top: 10px;
        right: -10px;
    }

    .pet-name[b-fno019be7n] {
        font-size: 40px;
    }

    .info-card[b-fno019be7n],
    .contact-card[b-fno019be7n],
    .alergias-card[b-fno019be7n] {
        padding: 32px 28px;
        border-radius: 24px;
    }

    .info-card-title[b-fno019be7n],
    .contact-title[b-fno019be7n],
    .alergias-titulo[b-fno019be7n] {
        font-size: 20px;
    }

    .info-content[b-fno019be7n] {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        column-gap: 40px;
    }

    .info-label[b-fno019be7n] {
        min-width: 120px;
    }

    .contact-subtitle[b-fno019be7n] {
        font-size: 15px;
    }

    .message-input[b-fno019be7n] {
        min-height: 140px;
    }

    .send-message-btn[b-fno019be7n] {
        padding: 16px 24px;
        font-size: 16px;
    }

    .contact-actions[b-fno019be7n] {
        gap: 16px;
    }

    .action-btn[b-fno019be7n] {
        padding: 14px 20px;
        font-size: 15px;
    }
}

/* ===== Small Mobile Responsiveness ===== */
@@media (max-width: 360px) {
    .tag-container[b-fno019be7n] {
        padding: 0 12px;
    }

    .pet-hero-section[b-fno019be7n] {
        padding: 50px 16px 24px;
    }

    .pet-image[b-fno019be7n] {
        width: 120px;
        height: 120px;
    }

    .heart-badge[b-fno019be7n] {
        width: 32px;
        height: 32px;
        font-size: 16px;
        top: 6px;
        right: -6px;
    }

    .pet-name[b-fno019be7n] {
        font-size: 28px;
    }

    .info-card[b-fno019be7n],
    .contact-card[b-fno019be7n],
    .alergias-card[b-fno019be7n] {
        padding: 20px 16px;
    }

    .info-label[b-fno019be7n] {
        min-width: 90px;
        font-size: 14px;
    }

    .info-value[b-fno019be7n] {
        font-size: 14px;
    }

    .contact-actions[b-fno019be7n] {
        flex-direction: column;
    }
}

/* ===== Contact Form Extras ===== */
.form-input-contato[b-fno019be7n] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--border-light);
    border-radius: 12px;
    font-size: 15px;
    font-family: inherit;
    box-sizing: border-box;
    transition: border-color 0.2s;
}

.form-input-contato:focus[b-fno019be7n] {
    outline: none;
    border-color: var(--primary-purple, #4c66ef);
    box-shadow: 0 0 0 3px rgba(76, 102, 239, 0.1);
}

.sucesso-mensagem[b-fno019be7n] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #e8f5e9;
    color: #2e7d32;
    padding: 16px 20px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 500;
}

.sucesso-mensagem i[b-fno019be7n] {
    font-size: 22px;
    flex-shrink: 0;
}

.alerta-erro-contato[b-fno019be7n] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #ffebee;
    color: var(--danger-red);
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
}

.alerta-erro-contato i[b-fno019be7n] {
    font-size: 18px;
    flex-shrink: 0;
}

.send-message-btn:disabled[b-fno019be7n] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* ===== Demo Mode Banner ===== */
.demo-banner[b-fno019be7n] {
    max-width: 600px;
    margin: 16px auto 0;
    padding: 0 16px;
}

.demo-banner-content[b-fno019be7n] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(33, 150, 243, 0.1);
    border: 1px solid rgba(33, 150, 243, 0.3);
    border-radius: 14px;
    padding: 14px 18px;
}

.demo-banner-content > i[b-fno019be7n] {
    font-size: 24px;
    color: #2196f3;
    flex-shrink: 0;
}

.demo-banner-content div[b-fno019be7n] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.demo-banner-content strong[b-fno019be7n] {
    font-size: 14px;
    color: #1565c0;
}

.demo-banner-content span[b-fno019be7n] {
    font-size: 13px;
    color: var(--text-medium);
    line-height: 1.4;
}

:global([data-theme="dark"]) .demo-banner-content[b-fno019be7n] {
    background: rgba(33, 150, 243, 0.12);
    border-color: rgba(33, 150, 243, 0.25);
}

:global([data-theme="dark"]) .demo-banner-content strong[b-fno019be7n] {
    color: #64b5f6;
}

@@media (min-width: 768px) {
    .demo-banner[b-fno019be7n] {
        max-width: 700px;
        padding: 0 24px;
    }
}

@@media (max-width: 360px) {
    .demo-banner[b-fno019be7n] {
        padding: 0 12px;
    }

    .demo-banner-content[b-fno019be7n] {
        padding: 12px 14px;
    }

    .demo-banner-content > i[b-fno019be7n] {
        font-size: 20px;
    }
}

/* ===== Demo Contato Aviso ===== */
.demo-contato-aviso[b-fno019be7n] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(33, 150, 243, 0.08);
    border: 1px solid rgba(33, 150, 243, 0.2);
    border-radius: 10px;
    padding: 14px 16px;
    color: #1565c0;
    font-size: 13px;
    font-weight: 500;
    margin-top: 8px;
}

.demo-contato-aviso i[b-fno019be7n] {
    font-size: 18px;
    flex-shrink: 0;
}

:global([data-theme="dark"]) .demo-contato-aviso[b-fno019be7n] {
    background: rgba(33, 150, 243, 0.1);
    border-color: rgba(33, 150, 243, 0.2);
    color: #64b5f6;
}
/* /Components/Shared/UpgradeBanner.razor.rz.scp.css */
/* ===== Upgrade Banner ===== */
.upgrade-banner[b-0dc69jqukk] {
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, #ede7f6, #e8eaf6);
    border: 1px solid #b39ddb;
    border-radius: 14px;
    padding: 16px 20px;
    margin-bottom: 20px;
}

.upgrade-banner-icon[b-0dc69jqukk] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.upgrade-banner-icon i[b-0dc69jqukk] {
    font-size: 20px;
    color: #fff;
}

.upgrade-banner-texto[b-0dc69jqukk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.upgrade-banner-texto strong[b-0dc69jqukk] {
    font-size: 14px;
    color: var(--text-dark);
}

.upgrade-banner-texto span[b-0dc69jqukk] {
    font-size: 13px;
    color: var(--text-medium);
}

.upgrade-banner-btn[b-0dc69jqukk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--primary-purple);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s;
}

.upgrade-banner-btn:hover[b-0dc69jqukk] {
    background: var(--primary-purple-light);
    transform: translateY(-1px);
    color: #fff;
}

@@media (max-width: 768px) {
    .upgrade-banner[b-0dc69jqukk] {
        flex-direction: column;
        text-align: center;
    }

    .upgrade-banner-texto[b-0dc69jqukk] {
        align-items: center;
    }

    .upgrade-banner-btn[b-0dc69jqukk] {
        width: 100%;
        justify-content: center;
    }
}

/* ===== Dark Mode ===== */
:global([data-theme="dark"]) .upgrade-banner[b-0dc69jqukk] {
    background: linear-gradient(135deg, rgba(107, 130, 247, 0.12), rgba(156, 39, 176, 0.08));
    border-color: rgba(107, 130, 247, 0.3);
}

:global([data-theme="dark"]) .upgrade-banner-icon i[b-0dc69jqukk] {
    color: #fff;
}

:global([data-theme="dark"]) .upgrade-banner-btn[b-0dc69jqukk] {
    color: #fff;
}

:global([data-theme="dark"]) .upgrade-banner-btn:hover[b-0dc69jqukk] {
    color: #fff;
}

/* @@media (prefers-color-scheme: dark) removed — duplicate of :global([data-theme="dark"]) rules above */