/* CheCasa Cesena — tema brand (rosso #F90100 da logo) */
:root {
	--cc-red: #F90100;
	--cc-red-dark: #C00000;
	--cc-red-darker: #AF0000;
	--cc-dark: #0f2743;
}

body { font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }

/* Navbar / header scuro con logo */
.cc-navbar { background: var(--cc-dark); }
.cc-logo { height: 34px; width: auto; margin-right: 1rem; }
.cc-logo-lg { height: 64px; width: auto; }

/* Icone (Bootstrap Icons) coerenti in tutta l'app */
.bi { vertical-align: -0.125em; line-height: 1; }
.btn .bi, .accordion-button .bi { margin-right: .4rem; }
.cc-file-icon.bi { margin-right: 0; }

/* Bottoni primari nel rosso del brand */
.btn-primary {
	--bs-btn-bg: var(--cc-red);
	--bs-btn-border-color: var(--cc-red);
	--bs-btn-hover-bg: var(--cc-red-dark);
	--bs-btn-hover-border-color: var(--cc-red-dark);
	--bs-btn-active-bg: var(--cc-red-darker);
	--bs-btn-active-border-color: var(--cc-red-darker);
	--bs-btn-disabled-bg: var(--cc-red);
	--bs-btn-disabled-border-color: var(--cc-red);
}
.btn-outline-primary {
	--bs-btn-color: var(--cc-red);
	--bs-btn-border-color: var(--cc-red);
	--bs-btn-hover-bg: var(--cc-red);
	--bs-btn-hover-border-color: var(--cc-red);
	--bs-btn-active-bg: var(--cc-red-dark);
	--bs-btn-active-border-color: var(--cc-red-dark);
}
.text-cc-red { color: var(--cc-red) !important; }
a { color: var(--cc-red-dark); }
.accordion-button:not(.collapsed) { color: var(--cc-red-dark); background: #fff4f4; }
.accordion-button:focus { box-shadow: none; border-color: rgba(249,1,0,.25); }

.table > :not(caption) > * > * { vertical-align: middle; }
.card-header { font-size: .95rem; }
#qrcode img, #qrcode canvas { display: inline-block; }

/* Dropzone upload drag&drop */
.cc-dropzone {
	border: 2px dashed #cdd2d8;
	border-radius: .6rem;
	padding: 2.2rem 1rem;
	text-align: center;
	color: #6c757d;
	cursor: pointer;
	transition: all .15s ease;
	background: #fafbfc;
}
.cc-dropzone:hover { border-color: var(--cc-red); color: var(--cc-red-dark); }
.cc-dropzone.dragover {
	border-color: var(--cc-red);
	background: #fff4f4;
	color: var(--cc-red-dark);
}
.cc-dropzone .cc-dz-icon { font-size: 2.2rem; line-height: 1; }

/* Badge-toggle pubblicazione (cliccabile) */
button.badge { cursor: pointer; }
button.badge:hover { filter: brightness(.92); }

/* Intestazioni colonne ordinabili */
thead a:hover { color: var(--cc-red-dark) !important; }

/* Elenco file: la cosa principale, ben visibile */
.cc-file-item { transition: background .12s; }
.cc-file-item:hover { background: #fff4f4; }
.cc-file-icon { font-size: 1.4rem; }