/* =========================================================================
 * Unbox Painel 3.1 — controles de formulário do SDK, grupos da sidebar e
 * estilos das telas novas (Leads, Ecossistema, Diagnóstico, Auditoria).
 *
 * Arquivo separado de propósito: a `dashboard.css` da linha 2.x continua
 * intocada, o que elimina risco de regressão visual nas telas existentes.
 * ====================================================================== */

/* =========================================================================
 * Controles de formulário
 * ====================================================================== */

.ubp-panel .ubp-ui-input,
.ubp-panel .ubp-ui-select,
.ubp-panel .ubp-ui-textarea {
	width: 100%;
	min-height: 38px;
	padding: var(--ubp-space-2) var(--ubp-space-3);
	border: 1px solid var(--ubp-color-border-strong);
	border-radius: var(--ubp-radius-md);
	background: var(--ubp-color-surface);
	font-family: var(--ubp-font-text);
	font-size: var(--ubp-text-base);
	color: var(--ubp-color-text);
	transition: border-color var(--ubp-transition-fast);
}

.ubp-panel .ubp-ui-textarea {
	min-height: 84px;
	resize: vertical;
	line-height: 1.5;
}

.ubp-panel .ubp-ui-select {
	/* Seta própria: o select nativo do sistema destoa do painel. */
	appearance: none;
	padding-right: var(--ubp-space-8);
	background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23778092' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E" );
	background-repeat: no-repeat;
	background-position: right var(--ubp-space-3) center;
}

.ubp-panel .ubp-ui-input:focus,
.ubp-panel .ubp-ui-select:focus,
.ubp-panel .ubp-ui-textarea:focus {
	outline: 2px solid var(--ubp-color-primary);
	outline-offset: 1px;
	border-color: var(--ubp-color-primary);
}

.ubp-panel .ubp-ui-input[aria-invalid="true"],
.ubp-panel .ubp-ui-textarea[aria-invalid="true"] {
	border-color: var(--ubp-color-danger);
}

.ubp-panel .ubp-ui-input::placeholder,
.ubp-panel .ubp-ui-textarea::placeholder {
	color: var(--ubp-color-subtle);
}

/* =========================================================================
 * Sidebar: grupos (PRD 3.1 §13)
 * ====================================================================== */

.ubp-panel .ubp-nav__group + .ubp-nav__group {
	margin-top: var(--ubp-space-4);
}

.ubp-panel .ubp-nav__grouplabel {
	margin: 0 0 var(--ubp-space-1);
	padding: 0 var(--ubp-space-4);
	font-family: var(--ubp-font-display);
	font-size: 11px;
	font-weight: var(--ubp-weight-bold);
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--ubp-color-subtle);
}

.ubp-panel .ubp-nav__item .ubp-nav__badge {
	margin-left: auto;
}

/* =========================================================================
 * Leads
 * ====================================================================== */

.ubp-panel .ubp-leads__kpis {
	margin-bottom: var(--ubp-space-5);
}

.ubp-panel .ubp-leads__filters {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: var(--ubp-space-3);
	padding: var(--ubp-space-4);
	margin-bottom: var(--ubp-space-4);
	background: var(--ubp-color-surface);
	border: 1px solid var(--ubp-color-border);
	border-radius: var(--ubp-radius-lg);
}

.ubp-panel .ubp-leads__search {
	flex: 1 1 260px;
	min-width: 0;
}

.ubp-panel .ubp-leads__field {
	display: flex;
	flex-direction: column;
	gap: var(--ubp-space-1);
	flex: 0 1 auto;
	min-width: 140px;
}

.ubp-panel .ubp-leads__field-label {
	font-size: var(--ubp-text-xs);
	font-weight: var(--ubp-weight-semibold);
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--ubp-color-muted);
}

.ubp-panel .ubp-leads__filters-actions {
	display: flex;
	align-items: center;
	gap: var(--ubp-space-2);
}

@media ( max-width: 640px ) {

	.ubp-panel .ubp-leads__field,
	.ubp-panel .ubp-leads__search {
		flex: 1 1 100%;
	}

	.ubp-panel .ubp-leads__filters-actions {
		width: 100%;
	}

	.ubp-panel .ubp-leads__filters-actions .ubp-ui-button {
		flex: 1;
	}
}

/* Nome + organização empilhados na célula. */
.ubp-panel .ubp-leads__name {
	display: block;
	font-weight: var(--ubp-weight-medium);
	color: var(--ubp-color-text);
	text-decoration: none;
}

.ubp-panel .ubp-leads__name:hover {
	color: var(--ubp-color-primary);
	text-decoration: underline;
}

.ubp-panel .ubp-leads__org,
.ubp-panel .ubp-ui-table td .ubp-ui-mono {
	display: block;
	font-size: var(--ubp-text-xs);
	color: var(--ubp-color-muted);
}

.ubp-panel .ubp-ui-table td a + span {
	display: block;
	font-size: var(--ubp-text-xs);
}

.ubp-panel .ubp-leads__quick {
	display: inline-block;
}

.ubp-panel .ubp-leads__inline-form {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: var(--ubp-space-2);
	margin-bottom: var(--ubp-space-4);
}

.ubp-panel .ubp-leads__inline-form .ubp-leads__field {
	flex: 1 1 160px;
}

.ubp-panel .ubp-leads__message {
	margin: 0;
	white-space: pre-line;
	overflow-wrap: anywhere;
	color: var(--ubp-color-text-secondary);
}

.ubp-panel .ubp-leads__note-form {
	display: flex;
	flex-direction: column;
	gap: var(--ubp-space-2);
	align-items: flex-start;
	margin-top: var(--ubp-space-5);
	padding-top: var(--ubp-space-4);
	border-top: 1px solid var(--ubp-color-border);
}

.ubp-panel .ubp-leads__note {
	margin: 0;
	padding-left: var(--ubp-space-3);
	border-left: 2px solid var(--ubp-color-border-strong);
	color: var(--ubp-color-text-secondary);
}

/* =========================================================================
 * Ecossistema
 * ====================================================================== */

.ubp-panel .ubp-ecosystem__provider-name {
	margin: 0 0 var(--ubp-space-2);
	font-family: var(--ubp-font-display);
	font-size: var(--ubp-text-md);
	font-weight: var(--ubp-weight-semibold);
	color: var(--ubp-color-text);
}

.ubp-panel .ubp-ecosystem__provider-hint {
	margin: var(--ubp-space-2) 0 0;
	font-size: var(--ubp-text-xs);
	color: var(--ubp-color-muted);
}

.ubp-panel .ubp-ecosystem__detail {
	margin: var(--ubp-space-2) 0 0;
	font-size: var(--ubp-text-sm);
	color: var(--ubp-color-text-secondary);
}

.ubp-panel .ubp-ecosystem__provider .ubp-ui-kv {
	margin-top: var(--ubp-space-3);
}

.ubp-panel .ubp-ecosystem__resolve {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--ubp-space-2);
	width: 100%;
}

.ubp-panel .ubp-ecosystem__resolve .ubp-ui-select {
	width: auto;
	min-width: 220px;
}

@media ( max-width: 640px ) {

	.ubp-panel .ubp-ecosystem__resolve .ubp-ui-select,
	.ubp-panel .ubp-ecosystem__resolve .ubp-ui-button {
		width: 100%;
	}
}

/* =========================================================================
 * Configurações de extensões (Settings Registry)
 * ====================================================================== */

/*
 * A seção da extensão é anexada ao FIM de uma aba do template legado, logo
 * abaixo de um card que não conhece o espaçamento do SDK. Sem esta margem ela
 * encosta no card anterior e os dois parecem um bloco só — o gestor perde a
 * fronteira entre o que é do Painel e o que é da extensão.
 *
 * 18px é o respiro que os cards legados usam entre si; 20px é o degrau
 * equivalente na escala do SDK.
 */
.ubp-panel .ubp-settings-ext {
	margin-top: var(--ubp-space-5);
}

.ubp-panel .ubp-settings-ext__card {
	margin-bottom: var(--ubp-space-4);
}

/* Duas seções seguidas da mesma extensão não precisam do degrau dobrado. */
.ubp-panel .ubp-settings-ext + .ubp-settings-ext {
	margin-top: 0;
}

.ubp-panel .ubp-settings-ext__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ubp-space-4);
	flex-wrap: wrap;
	margin-top: var(--ubp-space-5);
	padding-top: var(--ubp-space-4);
	border-top: 1px solid var(--ubp-color-border);
}

/* Diz qual dos dois botões da tela alcança esta seção. */
.ubp-panel .ubp-settings-ext__scope {
	margin: 0;
	font-size: var(--ubp-text-xs);
	color: var(--ubp-color-text-muted);
}

/* A origem do dado precisa ficar explícita: aquela configuração não é do
   Painel, e o gestor deve saber a quem recorrer. */
.ubp-panel .ubp-settings-ext__owner {
	margin: 0;
	font-family: var(--ubp-font-mono);
	font-size: var(--ubp-text-xs);
	color: var(--ubp-color-muted);
}

/* =========================================================================
 * Editor de páginas estruturadas
 * ====================================================================== */

.ubp-panel .ubp-page-form__footer {
	position: sticky;
	bottom: 0;
	display: flex;
	justify-content: flex-end;
	gap: var(--ubp-space-2);
	padding: var(--ubp-space-4) 0;
	margin-top: var(--ubp-space-6);
	background: linear-gradient( to top, var(--ubp-color-background) 70%, transparent );
	z-index: var(--ubp-z-sticky);
}

/* =========================================================================
 * Kanban de leads
 * ====================================================================== */

.ubp-panel .ubp-leads__viewswitch {
	display: inline-flex;
	gap: var(--ubp-space-1);
}

.ubp-panel .ubp-kanban {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax( 260px, 1fr );
	gap: var(--ubp-space-3);
	/* Rolagem confinada ao quadro: a página nunca rola na horizontal. */
	overflow-x: auto;
	padding-bottom: var(--ubp-space-3);
	align-items: start;
}

.ubp-panel .ubp-kanban__column {
	display: flex;
	flex-direction: column;
	gap: var(--ubp-space-2);
	padding: var(--ubp-space-3);
	border: 1px solid var(--ubp-color-border);
	border-radius: var(--ubp-radius-lg);
	/* Tom da etapa; cada coluna redefine abaixo. */
	background: var(--ubp-color-surface-alt);
	min-height: 160px;
}

/*
 * Cada etapa tem seu tom, para o quadro ser lido de relance sem depender do
 * título de cada coluna. Os tons vêm das mesmas variáveis de estado do resto
 * do painel — nada de valor inventado aqui.
 *
 * A cor não carrega informação sozinha: o título e a contagem seguem no topo
 * de cada coluna, e o tom apenas reforça (PRD 3.0 §99).
 */
.ubp-panel .ubp-kanban__column[data-ubp-tone="primary"] {
	background: var(--ubp-color-primary-soft);
	border-color: var(--ubp-color-primary-soft-strong);
}

.ubp-panel .ubp-kanban__column[data-ubp-tone="info"] {
	background: var(--ubp-color-info-soft);
	border-color: var(--ubp-color-info-soft);
}

.ubp-panel .ubp-kanban__column[data-ubp-tone="warning"] {
	background: var(--ubp-color-warning-soft);
	border-color: var(--ubp-color-warning-soft);
}

.ubp-panel .ubp-kanban__column[data-ubp-tone="success"] {
	background: var(--ubp-color-success-soft);
	border-color: var(--ubp-color-success-soft);
}

.ubp-panel .ubp-kanban__column[data-ubp-tone="danger"] {
	background: var(--ubp-color-danger-soft);
	border-color: var(--ubp-color-danger-soft);
}

/* O alvo de soltar precisa se destacar do tom de repouso da coluna. */
.ubp-panel .ubp-kanban__column.is-over,
.ubp-panel .ubp-kanban__column[data-ubp-tone].is-over {
	border-color: var(--ubp-color-primary);
	border-style: dashed;
	background: var(--ubp-color-primary-soft-strong);
}

.ubp-panel .ubp-kanban__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ubp-space-2);
}

.ubp-panel .ubp-kanban__title {
	font-family: var(--ubp-font-display);
	font-size: var(--ubp-text-sm);
	font-weight: var(--ubp-weight-semibold);
	color: var(--ubp-color-text);
}

.ubp-panel .ubp-kanban__cards {
	display: flex;
	flex-direction: column;
	gap: var(--ubp-space-2);
	min-height: 60px;
}

/*
 * Cartão sempre branco, sobre o tom da coluna: o contraste separa o item da
 * etapa e mantém a leitura do texto constante em qualquer coluna.
 */
.ubp-panel .ubp-kanban__card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: var(--ubp-space-3);
	border: 1px solid var(--ubp-color-border);
	border-radius: var(--ubp-radius-md);
	background: var(--ubp-color-surface);
	box-shadow: var(--ubp-shadow-sm);
}

.ubp-panel .ubp-kanban__card:hover {
	box-shadow: var(--ubp-shadow-md);
}

.ubp-panel .ubp-kanban__card[draggable="true"] {
	cursor: grab;
}

.ubp-panel .ubp-kanban__card.is-dragging {
	opacity: .5;
	border-style: dashed;
	border-color: var(--ubp-color-primary);
}

.ubp-panel .ubp-kanban__name {
	font-weight: var(--ubp-weight-semibold);
	color: var(--ubp-color-text);
	text-decoration: none;
	/* Espaço para o menu de mover, ancorado no canto. */
	padding-right: var(--ubp-space-6);
}

.ubp-panel .ubp-kanban__name:hover {
	color: var(--ubp-color-primary);
	text-decoration: underline;
}

.ubp-panel .ubp-kanban__org {
	font-size: var(--ubp-text-sm);
	color: var(--ubp-color-text-secondary);
}

.ubp-panel .ubp-kanban__meta {
	font-size: var(--ubp-text-xs);
	color: var(--ubp-color-muted);
	overflow-wrap: anywhere;
}

.ubp-panel .ubp-kanban__date {
	margin-top: var(--ubp-space-1);
	font-family: var(--ubp-font-mono);
	font-size: var(--ubp-text-xs);
	color: var(--ubp-color-subtle);
}

.ubp-panel .ubp-kanban__card .ubp-ui-popover {
	position: absolute;
	top: var(--ubp-space-2);
	right: var(--ubp-space-2);
}

.ubp-panel .ubp-kanban__empty {
	margin: 0;
	padding: var(--ubp-space-4) 0;
	text-align: center;
	font-size: var(--ubp-text-sm);
	color: var(--ubp-color-subtle);
}

.ubp-panel .ubp-kanban__more {
	font-size: var(--ubp-text-xs);
	color: var(--ubp-color-primary);
	text-align: center;
}

/* No celular as colunas viram empilhamento: quadro horizontal em 360px é
   inutilizável. */
@media ( max-width: 767px ) {

	.ubp-panel .ubp-kanban {
		grid-auto-flow: row;
		grid-auto-columns: auto;
		overflow-x: visible;
	}
}

.ubp-panel .ubp-notif-clear {
	display: inline-block;
}

/* ---------- Modal de notificações ---------- */

.ubp-panel .ubp-notif-modal__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.ubp-panel .ubp-notif-modal__item {
	display: flex;
	align-items: flex-start;
	gap: var(--ubp-space-3);
	padding: var(--ubp-space-3) 0;
	border-bottom: 1px solid var(--ubp-color-border);
}

.ubp-panel .ubp-notif-modal__item:last-child {
	border-bottom: 0;
}

.ubp-panel .ubp-notif-modal__link {
	display: block;
	flex: 1;
	min-width: 0;
	text-decoration: none;
	color: inherit;
}

.ubp-panel a.ubp-notif-modal__link:hover .ubp-notif-modal__title {
	color: var(--ubp-color-primary);
	text-decoration: underline;
}

/* O modal lista só o pendente, então todo item tem o mesmo peso. */
.ubp-panel .ubp-notif-modal__title {
	display: block;
	font-weight: var(--ubp-weight-semibold);
	color: var(--ubp-color-text);
}

.ubp-panel .ubp-notif-modal__body {
	display: block;
	margin-top: 2px;
	font-size: var(--ubp-text-sm);
	color: var(--ubp-color-text-secondary);
	overflow-wrap: anywhere;
}

.ubp-panel .ubp-notif-modal__meta {
	display: block;
	margin-top: var(--ubp-space-1);
	font-size: var(--ubp-text-xs);
	color: var(--ubp-color-muted);
}

.ubp-panel .ubp-notif-modal__action {
	display: inline-block;
}

/* O gatilho no rodapé do sino é um <button>, mas se apresenta como link. */
.ubp-panel button.ubp-notif__all {
	width: 100%;
	border: 0;
	border-top: 1px solid var(--ubp-color-border);
	background: none;
	cursor: pointer;
	font: inherit;
	font-size: var(--ubp-text-sm);
	font-weight: var(--ubp-weight-medium);
	color: var(--ubp-color-primary);
	padding: var(--ubp-space-3);
}

.ubp-panel button.ubp-notif__all:hover {
	background: var(--ubp-color-surface-alt);
}

.ubp-panel button.ubp-notif__all:focus-visible {
	outline: 2px solid var(--ubp-color-primary);
	outline-offset: -2px;
}

/* =========================================================================
 * Curadoria
 * ====================================================================== */

.ubp-panel .ubp-collection__hint {
	margin: 0 0 var(--ubp-space-3);
	font-size: var(--ubp-text-sm);
	color: var(--ubp-color-muted);
}

.ubp-panel .ubp-collection__list {
	list-style: none;
	margin: 0 0 var(--ubp-space-4);
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--ubp-space-2);
}

.ubp-panel .ubp-collection__item {
	display: flex;
	align-items: center;
	gap: var(--ubp-space-3);
	padding: var(--ubp-space-2) var(--ubp-space-3);
	border: 1px solid var(--ubp-color-border);
	border-radius: var(--ubp-radius-md);
	background: var(--ubp-color-surface);
}

.ubp-panel .ubp-collection__item.is-dragging {
	opacity: .5;
	border-style: dashed;
	border-color: var(--ubp-color-primary);
}

.ubp-panel .ubp-collection__position {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	border-radius: var(--ubp-radius-full);
	background: var(--ubp-color-primary-soft);
	font-family: var(--ubp-font-mono);
	font-size: var(--ubp-text-xs);
	font-weight: var(--ubp-weight-semibold);
	color: var(--ubp-color-primary-active);
	flex: 0 0 auto;
}

.ubp-panel .ubp-collection__thumb {
	width: 44px;
	height: 44px;
	object-fit: cover;
	border-radius: var(--ubp-radius-sm);
	border: 1px solid var(--ubp-color-border);
	flex: 0 0 auto;
}

.ubp-panel .ubp-collection__thumb.is-empty {
	display: block;
	background: var(--ubp-color-surface-sunken);
}

.ubp-panel .ubp-collection__title {
	flex: 1;
	min-width: 0;
	font-weight: var(--ubp-weight-medium);
	overflow-wrap: anywhere;
}

.ubp-panel .ubp-collection__meta {
	display: block;
	margin-top: 2px;
	font-size: var(--ubp-text-xs);
	font-weight: var(--ubp-weight-regular);
	color: var(--ubp-color-muted);
}

.ubp-panel .ubp-collection__meta .ubp-ui-badge {
	margin-left: var(--ubp-space-2);
}

.ubp-panel .ubp-collection__controls {
	display: flex;
	align-items: center;
	gap: var(--ubp-space-1);
	flex: 0 0 auto;
}

.ubp-panel .ubp-collection__controls [draggable="true"] {
	cursor: grab;
}

.ubp-panel .ubp-collection__picker {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ubp-space-2);
	align-items: center;
	padding-top: var(--ubp-space-4);
	border-top: 1px solid var(--ubp-color-border);
}

.ubp-panel .ubp-collection__picker .ubp-ui-select {
	flex: 1 1 240px;
	width: auto;
}

.ubp-panel .ubp-collection__actions {
	display: flex;
	justify-content: flex-end;
	margin-top: var(--ubp-space-4);
}

@media ( max-width: 600px ) {

	.ubp-panel .ubp-collection__item {
		flex-wrap: wrap;
	}

	.ubp-panel .ubp-collection__title {
		flex: 1 1 100%;
		order: 3;
	}
}

/* =========================================================================
 * Notificações
 * ====================================================================== */

/* Rodapé do sino: acesso ao histórico completo. */
.ubp-panel .ubp-notif__all {
	display: block;
	padding: var(--ubp-space-3);
	border-top: 1px solid var(--ubp-color-border);
	font-size: var(--ubp-text-sm);
	font-weight: var(--ubp-weight-medium);
	color: var(--ubp-color-primary);
	text-align: center;
	text-decoration: none;
}

.ubp-panel .ubp-notif__all:hover {
	background: var(--ubp-color-surface-alt);
}

.ubp-panel .ubp-notif-row__title {
	display: block;
	color: var(--ubp-color-text);
}

/* Não lida ganha peso e um marcador — cor não é o único indicador. */
.ubp-panel .ubp-notif-row__title.is-unread {
	font-weight: var(--ubp-weight-semibold);
}

.ubp-panel .ubp-notif-row__title.is-unread::before {
	content: "●";
	margin-right: var(--ubp-space-2);
	color: var(--ubp-color-primary);
	font-size: var(--ubp-text-xs);
}

.ubp-panel .ubp-notif-row__body {
	display: block;
	margin-top: 2px;
	font-size: var(--ubp-text-sm);
	color: var(--ubp-color-muted);
	overflow-wrap: anywhere;
}

.ubp-panel .ubp-notif-row__link {
	display: inline-block;
	margin-top: var(--ubp-space-1);
	font-size: var(--ubp-text-xs);
	color: var(--ubp-color-primary);
}

.ubp-panel .ubp-notif-row__form {
	display: inline-block;
}

/* =========================================================================
 * Auditoria
 * ====================================================================== */

.ubp-panel .ubp-audit__summary {
	display: block;
	margin-top: 2px;
	font-size: var(--ubp-text-xs);
	color: var(--ubp-color-muted);
}

/* =========================================================================
 * KPIs da dashboard como link
 *
 * O número passou a levar à listagem daquele tipo: quem olha "Módulos 12"
 * quer, no clique seguinte, ver os doze. Como <a>, o card precisa recusar a
 * decoração de link e ganhar um estado de foco visível — a folha base o
 * desenhava supondo <div>.
 * ====================================================================== */

.ubp-panel a.ubp-stat {
	display: block;
	color: inherit;
	text-decoration: none;
	transition: border-color var(--ubp-transition-fast), box-shadow var(--ubp-transition-fast);
}

.ubp-panel a.ubp-stat:hover {
	border-color: var(--ubp-color-primary);
}

.ubp-panel a.ubp-stat:hover .ubp-stat__value {
	color: var(--ubp-color-primary);
}

.ubp-panel a.ubp-stat:focus-visible {
	outline: 2px solid var(--ubp-color-primary);
	outline-offset: 2px;
}

/* =========================================================================
 * Leads: exclusão definitiva (Master)
 * ====================================================================== */

.ubp-panel .ubp-leads__check {
	width: 16px;
	height: 16px;
	accent-color: var(--ubp-color-danger);
	cursor: pointer;
}

/*
 * A barra fica ABAIXO da tabela: quem acabou de marcar as caixas está com os
 * olhos no fim da lista, não no topo.
 */
.ubp-panel .ubp-leads__bulk {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ubp-space-4);
	flex-wrap: wrap;
	margin-top: var(--ubp-space-3);
	padding: var(--ubp-space-3) var(--ubp-space-4);
	border: 1px solid var(--ubp-color-danger-soft, var(--ubp-color-border));
	border-radius: var(--ubp-radius-lg);
	background: var(--ubp-color-surface);
}

.ubp-panel .ubp-leads__bulk-hint {
	margin: 0;
	font-size: var(--ubp-text-xs);
	color: var(--ubp-color-muted);
}

.ubp-panel .ubp-leads__delete-one {
	display: inline-block;
}

/* Coluna de seleção: estreita, e a caixa centralizada na linha. */
.ubp-panel .ubp-ui-table th.is-align-start:first-child,
.ubp-panel .ubp-ui-table td.is-align-start:first-child {
	white-space: nowrap;
}