/* ============================================================================
   style-extras.css — Overrides visuais do IMOBSYSTEM admin (2026-05-28)
   Incluído via requires/title.php em todas as páginas admin.
   Carregado ANTES do style.min.css, então usa !important onde precisa vencer.
   ============================================================================ */

/* --- Submit buttons antigos (input type=submit sem classe btn) --- */
/* Aplica visual de Bootstrap btn-primary nos inputs submit/reset que não
   tenham classe btn explícita. Cobre 100+ forms espalhados pelo sistema. */
input[type="submit"]:not(.btn):not(.form-control),
input[type="reset"]:not(.btn):not(.form-control),
input[type="button"]:not(.btn):not(.form-control):not([onclick*="show_pass"]) {
	display: inline-block;
	padding: 0.5rem 1.2rem;
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1.5;
	color: #fff;
	background-color: #1976d2;
	border: 1px solid #1976d2;
	border-radius: 6px;
	cursor: pointer;
	transition: background-color 0.15s ease-in-out, transform 0.05s;
	margin: 4px 2px;
}
input[type="submit"]:not(.btn):not(.form-control):hover,
input[type="reset"]:not(.btn):not(.form-control):hover {
	background-color: #1565c0;
	border-color: #1565c0;
}
input[type="submit"]:not(.btn):not(.form-control):active,
input[type="reset"]:not(.btn):not(.form-control):active {
	transform: translateY(1px);
}
input[type="reset"]:not(.btn):not(.form-control) {
	background-color: #6c757d;
	border-color: #6c757d;
}
input[type="reset"]:not(.btn):not(.form-control):hover {
	background-color: #5a6268;
	border-color: #5a6268;
}

/* --- Tabelas cruas (sem class) --- */
/* Aplica padding, borda e hover suaves em <table> sem nenhuma classe. */
table:not([class]),
table.product-overview {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 1rem;
}
table:not([class]) > * > tr:hover,
table.product-overview tr:hover {
	background-color: #f8f9fa;
}
table:not([class]) th,
table.product-overview th {
	padding: 0.65rem 0.75rem;
	font-weight: 600;
	color: #495057;
	background-color: #f1f3f5;
	border-bottom: 2px solid #dee2e6;
	font-size: 0.9rem;
}
table:not([class]) td,
table.product-overview td {
	padding: 0.55rem 0.75rem;
	vertical-align: middle;
	border-bottom: 1px solid #e9ecef;
}

/* --- Inputs sem form-control ---
   Exclui select2-search__field (input interno do Select2 multi) e chosen-search
   (Chosen.js) — esses são gerenciados pelos plugins e não devem ser estilizados. */
input[type="text"]:not(.form-control):not(.btn):not(.select2-search__field),
input[type="email"]:not(.form-control):not(.btn),
input[type="number"]:not(.form-control):not(.btn),
input[type="tel"]:not(.form-control):not(.btn),
input[type="url"]:not(.form-control):not(.btn),
input[type="search"]:not(.form-control):not(.btn):not(.select2-search__field),
input[type="date"]:not(.form-control):not(.btn),
input[type="time"]:not(.form-control):not(.btn),
input[type="password"]:not(.form-control):not(.btn),
select:not(.form-control):not(.select2-hidden-accessible),
textarea:not(.form-control) {
	padding: 0.4rem 0.65rem;
	border: 1px solid #ced4da;
	border-radius: 4px;
	background-color: #fff;
	color: #495057;
	font-size: 0.9rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	max-width: 100%;
}
input[type="text"]:not(.form-control):not(.select2-search__field):focus,
input[type="email"]:not(.form-control):focus,
input[type="number"]:not(.form-control):focus,
input[type="tel"]:not(.form-control):focus,
input[type="date"]:not(.form-control):focus,
input[type="password"]:not(.form-control):focus,
textarea:not(.form-control):focus {
	border-color: #80bdff;
	box-shadow: 0 0 0 0.15rem rgba(25, 118, 210, 0.15);
	outline: 0;
}

/* Reset: garantir que select2-search__field não herde estilos genéricos.
   Sem isso, o input interno do select2-multiple aparece como caixa alta vazia. */
.select2-search__field {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	min-height: 24px !important;
	box-shadow: none !important;
}

/* Selectos multiplos com altura natural (não esticar) */
.select2-selection--multiple {
	min-height: 38px;
	padding: 2px 4px !important;
}
.select2-selection__rendered {
	padding: 0 !important;
}

/* --- Botões de ação na lista de imóveis/leads --- */
/* Ícones de editar/excluir mais legíveis */
td a[title="Editar"], td a[title="Excluir"], td a[title="Detalhes"] {
	display: inline-block;
	padding: 4px 6px;
	border-radius: 4px;
	margin: 0 2px;
	transition: background-color 0.15s;
	text-decoration: none;
}
td a[title="Editar"]:hover { background-color: #fff3cd; }
td a[title="Excluir"]:hover { background-color: #f8d7da; }
td a[title="Detalhes"]:hover { background-color: #d1ecf1; }

/* --- Cards modernos --- */
.card { border: 1px solid #e9ecef; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
.card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.08); transition: box-shadow 0.2s; }

/* --- Alerts dismissíveis com transição mais suave --- */
.alert-dismissible .close { opacity: 0.6; }
.alert-dismissible .close:hover { opacity: 1; }

/* --- Breadcrumb mais elegante --- */
.breadcrumb {
	background-color: transparent;
	padding: 0;
	font-size: 0.85rem;
}
.breadcrumb-item + .breadcrumb-item::before { color: #adb5bd; }

/* --- Page titles mais limpos --- */
.text-themecolor { color: #1976d2 !important; font-weight: 500; }

/* --- Tooltips mais legíveis (Bootstrap padrão é meio pequeno) --- */
.tooltip-inner { font-size: 0.85rem; padding: 6px 10px; }

/* --- Scroll suave para anchors --- */
html { scroll-behavior: smooth; }

/* --- Loading mais elegante (substitui o preloader cinza) --- */
.preloader { background-color: #fff; }

/* --- Badges com peso e cor melhores --- */
.badge { font-weight: 500; padding: 0.35em 0.6em; font-size: 80%; }
.badge-pill { padding-left: 0.7em; padding-right: 0.7em; }