/*
Fichier .css Diagnostic_Micro_Audio
(Version) By sync - Boulette (V7.0.0)
*/

@charset "UTF-8";
/*
body { margin: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #D3B169, #66CC99); display: flex; justify-content: center; align-items: center; min-height: 70vh; color: #222;}*/
body{
	margin:0;
	padding:10px;
	font-family:Arial, sans-serif;
	background:linear-gradient(135deg, #D3B169, #66CC99);
	display:flex;
	justify-content:center;
	align-items:center;
	min-height:100svh;
	color:#222;
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
h2 { background: linear-gradient(135deg, #D3B169, #66CC99); border-radius: 40px; width: 70% center; text-align: center;}
.container {
	background: #ffffffcc; padding: 20px; border-radius: 40px; max-width: 760px; width: 100%; box-shadow: 0 10px 30px rgba(0,0,0,0.2);}
button { padding: 10px 14px; margin: 4px; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; background: #4CAF50; color: #fff;}

button.alt { background: #2196F3;}
button.stop { background: #d9534f;}
button.pdf { background: #555;}

table { width: 100%; border-collapse: collapse; margin-top: 12px; font-size: 13px;}
th { text-align: left; padding: 6px; background: #4CAF50; color: #fff;}
td { padding: 6px; border-bottom: 1px solid #ccc;}

.bar-container { width: 100%; height: 14px; background: #ccc; border-radius: 8px; overflow: hidden;}
.bar { height: 100%; width: 0%; background: linear-gradient(90deg, #4CAF50, #ff9800, #f44336);}
.score { font-size: 22px; font-weight: bold;}
.notice { font-size: 12px; color: #c0392b; margin-top: 10px; text-align: center;}

canvas { width: 100%; height: 140px; background: #111; border-radius: 6px; margin-top: 8px;}

.footerNote{ font-size:12px; text-align: center; color:gray;}

/* ============ */
/* EXPORT PDF (ZOOM 90 %) */
/* ============ */
@media print {
	body { background: #fff !important;}
	.container { box-shadow: none !important; transform: scale(0.9); transform-origin: top left; width: 111%;}
	button { display: none !important;}
}
/* FIN CSS */