/*
 * Stilurile CRM-ului peste tema Metronic 8 (incarcat de views/layout.php dupa bundle-urile
 * temei): helper-e mici folosite de view-uri si de scripturile paginilor, plus
 * stiluri pentru jQuery UI (autocomplete, sortable), folosit fara tema lui.
 */

/* --- helper-e folosite in view-uri si in scripturile paginilor --- */
.clearall { clear: both; }
/* clients.js ascunde / arata randuri cu .dn; !important ca sa bata si utilitarele Bootstrap 5 (d-flex etc.) */
.dn { display: none !important; }
.ds { display: block; }
.dib { display: inline-block; }
.fr { float: right; }
.fl { float: left; }
.tal { text-align: left; }
.tar { text-align: right; }
.pr20 { padding-right: 20px; }
.form-control-new { display: inline-block; width: auto; vertical-align: middle; }

/* fa-pdf (butoanele PDF din liste): iconita PDF din Font Awesome */
.fa.fa-pdf { font-family: "Font Awesome 7 Free"; font-weight: 400; --fa: "\f1c1"; }

/* Coloana de actiuni de pe liniile facturii: aceeasi latime in edit_invoice / save_line /
   edit_line, butoanele pe un singur rand (etichetele maghiare sunt mai lungi). */
#invoice_table > thead > tr > th:last-child,
#invoice_table > tbody > tr > td:last-child { width: 210px; white-space: nowrap; }
@media (min-width: 768px) {
	#invoice_table_wrap { overflow: visible; }
}

/* Un <select class="form-control"> ramas nemigrat: Bootstrap 5 ii scoate sageata
   (appearance: none), asa ca i-o pun pe cea de la .form-select. */
select.form-control:not([multiple]):not([size]) {
	background-image: var(--bs-form-select-bg-img);
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 16px 12px;
	padding-right: 3rem;
}

/* --- jQuery UI (autocomplete, sortable), fara tema jQuery UI --- */
.ui-helper-hidden-accessible {
	border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0;
	position: absolute; width: 1px;
}
.ui-autocomplete {
	position: absolute;
	z-index: 1060; /* peste header-ul fix si peste ferestrele modale */
	max-height: 360px;
	overflow-y: auto;
	margin: 0;
	padding: .5rem 0;
	list-style: none;
	background-color: var(--bs-body-bg);
	border-radius: .475rem;
	box-shadow: var(--bs-dropdown-box-shadow, 0 0 50px 0 rgba(82, 63, 105, .15));
}
.ui-autocomplete .ui-menu-item-wrapper {
	display: block;
	padding: .55rem 1.25rem;
	color: var(--bs-gray-700);
	cursor: pointer;
}
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
	color: var(--bs-primary);
	background-color: var(--bs-primary-light);
}
.ui-sortable-helper { box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .12); }
.ui-sortable-placeholder { visibility: visible !important; background-color: var(--bs-gray-100); }

/* --- layout --- */
/* Logo text (CRM-ul nu are logo grafic) in sidebar-ul inchis la culoare */
.app-sidebar-logo .app-sidebar-logo-text { color: #fff; font-weight: 700; font-size: 1.35rem; letter-spacing: .02em; white-space: nowrap; }
.app-sidebar-logo .app-sidebar-logo-minimize { display: none; }
[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hover="true"]) .app-sidebar-logo .app-sidebar-logo-default { display: none; }
[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hover="true"]) .app-sidebar-logo .app-sidebar-logo-minimize { display: inline; }

/* Cautarea generala din header (clienti, facturi) */
.header-search-crm { max-width: 360px; }
.header-search-crm .form-control { padding-left: 2.75rem; }
.header-search-crm .search-icon { left: 1rem; }

/* Cursurile BNR din header */
.header-rates .badge { font-weight: 600; }

/* Randurile care se pot reordona prin tragere (jQuery UI sortable: categorii, produse, grupuri de domenii) */
.ui-sortable > tr { cursor: move; }

/* Formularele pe un singur rand (form.d-flex): campurile raman cu latimea lor */
form.d-flex > .form-select,
form.d-flex > .form-control { width: auto; }