label {
	display: block !important;          /* ocupă întreaga lățime a coloanei */
	width: 100% !important;             /* egal cu lățimea inputului */
	text-align: left !important;        /* textul începe de la stânga */
	font-weight: 600;
	margin-bottom: 5px;
	padding-left: 0px !important;
	font-weight: normal !important;
}

.form-control {
	background-color: #f1f1f1; /* gri deschis */
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.pkg-label {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 20px;
	color: #000;
	font-weight: 400;
	margin-right: 5px;
}

.pkg-free {
	background-color: #ccc; /* gri */
	color: #000000; /* contrast pentru text pe galben */

}

.pkg-gold {
	background-color: #FFD700; /* galben */
	color: #000; /* contrast pentru text pe galben */
}

.pkg-default {
	background-color: #e3f2fd; /* albastru */
}

.top-of-table {
	background-color: #ffffff;  /* alb */
	/*border: 1px solid #ccc;
	border-radius: 6px; */
	padding: 15px;              /* spațiu interior */
	margin-bottom: 20px;        /* distanță față de alte elemente */
}

.top-of-table form {
	float: right;
}

.top-of-table form .big-blue-button2 {
	margin-left: 8px; /* spațiu între butoane */
}


.big-blue-button2 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;               /* spațiu între icon și text */
	white-space: nowrap;
	font-size: 0.875rem;        /* text-sm */
	font-weight: 500;           /* font-medium */
	border: 1px solid #d1d5db; /* border-input */
	background-color: #f9f9f9;  /* bg-background */
	color: #111;                /* text color default */
	height: 36px;               /* h-9 */
	border-radius: 6px;         /* rounded-md */
	padding: 0 12px;            /* px-3 */
	transition: background-color 0.2s, color 0.2s;
	cursor: pointer;
}

.big-blue-button2:hover {
	background-color: #FFC107;  /* hover:bg-accent */
	color: #ffffff;             /* hover:text-accent-foreground */
}

.big-blue-button2:disabled {
	pointer-events: none;
	opacity: 0.5;
}

/* Icon inside button */
.big-blue-button2 svg {
	width: 16px;  /* w-4 */
	height: 16px; /* h-4 */
	margin-right: 0.5rem; /* mr-2 */
	flex-shrink: 0;
	pointer-events: none;
}

/* doar pentru butonul Export as CSV */
input.big-blue-button2[value="Export as CSV"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-file-earmark-spreadsheet' viewBox='0 0 16 16'%3E%3Cpath d='M14 4.5V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h7.5L14 4.5zM4.5 8v1h2V8h-2zm0 2v1h2v-1h-2zm3-2v1h2V8h-2zm0 2v1h2v-1h-2z'/%3E%3Cpath d='M9.5 3.5V0H10l3 3v.5h-3.5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 16px;
	padding-left: 34px !important;
}

input.big-blue-button2[value="Show AutoPilot stats"], a.big-blue-button2 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-bar-chart' viewBox='0 0 16 16'%3E%3Cpath d='M0 0h1v15h15v1H0V0zm10 10h1v5h-1v-5zm-4-4h1v9H6V6zm8-2h1v11h-1V4z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 16px;
	padding-left: 34px !important;
}

input.big-blue-button2[value="Notify merchants"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-bell' viewBox='0 0 16 16'%3E%3Cpath d='M8 16a2 2 0 0 0 1.985-1.75H6.015A2 2 0 0 0 8 16zm.104-14.021A1.5 1.5 0 0 1 9.5 3c0 .628.134 1.197.343 1.696.328.763.628 1.43.97 2.091.34.66.636 1.253.9 1.88.239.573.287 1.185.287 1.833H4c0-.648.048-1.26.287-1.833.264-.627.56-1.22.9-1.88.342-.66.642-1.328.97-2.091C6.866 4.197 7 3.628 7 3a1.5 1.5 0 0 1 1.104-1.021z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 16px;
	padding-left: 34px !important;
}


table th {
	background-color: #e3f2fd !important; 
	color: #333;               
	font-weight: 600;
	text-align: left;
	vertical-align: middle;
	padding: 8px 12px;
	border-bottom: 2px solid #ccc;
	font-size: 12px;
	letter-spacing: 0.5px; 
	  
}


table tbody {
	font-size: 12px !important;
}

td .action-buttons {
	display: inline-block;
	width: 100%;
}

.action-buttons.delete_button {
	display: block;
	width: 100%;
	background-color: #bc747b; 
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: 5px 10px;
	font-size: 11px;
	font-weight: 600;
	cursor: pointer;
	text-align: center;
	transition: background-color 0.2s ease, transform 0.1s ease;
}

.action-buttons.delete_button:hover {
	background-color: #bb6971;
	transform: scale(1.02);
}

td form {
	margin-bottom: 4px;
}

td form:last-child {
	margin-bottom: 0;
}

table td,
table th {
	padding-left: 2 !important;
	padding-right: 1 !important; 
}

.value_account_email {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	position: relative; 
}

.value_account_email:hover::after {
	content: attr(data-full-email);
	position: fixed;    
	background: #fff;
	color: #000;
	padding: 4px 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	white-space: nowrap;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
	z-index: 9999;
	top: 150px;  
	left: 10px; 
}

td.empty-column:empty,
th.empty-column:empty {
	display: none;
}


.save_editable {
	padding-right: 2px !important;
}

.search-box input.form-control {
	background-color: #ebebebac;
}

input.form-control {
	background-color: #ebebebac;
}


.search_form select {
	background-color: #ebebebac !important;
}

.btn-big {
	padding: 10px 22px !important;
	font-size: 20px !important; 
	border-radius: 10px  !important; 
}

.expiring_filter_container.extraFilterContainerAction.filters-left.row.g-2 {
	width: 100%;
}

.filters-left label {
	display: flex;
	align-items: center; /* aliniază vertical textul cu inputul */
	margin-right: 5px;
	font-weight: 500;
}

.filters-left input {
	max-width: 160px; /* sau cât vrei */
}

.expiring_filter_container input.form-control {
	min-width: 150px;
}