/* Piccolo CSS personalizzato per GOVPAY */
body { background: #f8f9fa; }
.it-title { color: #003366; }
.container .card { margin-top: 1rem; }
#pendenze-output { white-space: pre-wrap; background: #fff; padding: 1rem; border-radius: 6px; border: 1px solid #e6e6e6; }

/* Sticky footer layout: il footer resta al fondo della finestra, senza coprire i contenuti */
html, body { height: 100%; }
body { display: flex; flex-direction: column; min-height: 100vh; }
main.container { flex: 1 0 auto; }
footer.it-footer { margin-top: auto; }

/* Quando il footer è fixed-bottom, evita che copra i contenuti */
.pb-footer { padding-bottom: 6rem; }




/* Evidenziazione riga pendenza al ritorno dal dettaglio */
tr.highlight-row {
	animation: highlightPulse 2.5s ease-out 1;
}
@keyframes highlightPulse {
	0% { box-shadow: inset 0 0 0 0 rgba(255,193,7,.0); }
	20% { box-shadow: inset 0 0 0 9999px rgba(255,193,7,.15); }
	100% { box-shadow: inset 0 0 0 0 rgba(255,193,7,0); }
}

/* Date range panel */
.date-range-container { position: relative; }
.date-range-panel { position: absolute; top: 100%; left: 0; right: 0; z-index: 1060; }
.date-range-panel .card-body { background: #fff; }
/* Rendi cliccabile l'input del date range */
.date-range-container #dateRangeInput { cursor: pointer; background-color: #fff; }
html {
	scroll-behavior: smooth;
}

/* User initials avatar (mobile) */
.user-initials-avatar {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #f8f9fa; /* light background to match badge */
	color: #222;
	font-weight: 600;
	font-size: 0.95rem;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	box-shadow: 0 1px 2px rgba(0,0,0,0.06);
	transition: transform 120ms ease, box-shadow 120ms ease;
}
.user-initials-avatar:focus,
.user-initials-avatar:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}

/* Slightly smaller on very small screens */
@media (max-width: 360px) {
	.user-initials-avatar { width: 32px; height: 32px; font-size: 0.85rem; }
}


/* Stronger rule: ensure any inner spans also get white text (overrides vendor rules) */
.it-header-wrapper .dropdown-menu .dropdown-item.list-item.active,
.it-header-wrapper .dropdown-menu .dropdown-item.list-item.active > span,
.theme-dark .dropdown-menu .dropdown-item.list-item.active,
.theme-dark .dropdown-menu .dropdown-item.list-item.active > span {
    background-color: var(--bs-primary, #0d6efd) !important;
    color: #fff !important;
}

body {
  width: 100vw;
  overflow-x: hidden;
}

@supports (overflow-x: clip) {
  body {
    overflow-x: clip;
  }
}

/* Users table disabled rows */
.user-row-disabled {
	opacity: 0.75;
}
.user-row-disabled td {
	vertical-align: middle;
}