/* Stili base semplici */
body{font-family:Segoe UI,Arial,Helvetica,sans-serif;background:#f4f6f8;color:#222}
.container{max-width:980px;margin:28px auto;padding:18px;background:#fff;border:1px solid #e1e4e8;border-radius:6px}
h1{margin-top:0}
table{width:100%;border-collapse:collapse;margin-top:12px}
table th,table td{border:1px solid #e6e9ec;padding:8px;text-align:left}
table th{background:#fafafa}
.btn{display:inline-block;padding:8px 12px;background:#0078d4;color:#fff;text-decoration:none;border-radius:4px}
.btn.secondary{background:#6c757d}
.empty{text-align:center;color:#666}
label{display:block;margin:8px 0}
input[type=text],input[type=date],input[type=number],textarea{width:100%;padding:8px;box-sizing:border-box;border:1px solid #ccd0d5;border-radius:4px}
fieldset{border:0;padding:0;margin:8px 0}
fieldset label{margin-right:12px}

/* Responsive improvements for mobile */
/* Make table horizontally scrollable and buttons touch-friendly */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:800px){
	.container{max-width:100%;margin:12px;padding:12px}
	h1{font-size:1.2rem}
	table th,table td{padding:6px;font-size:0.95rem}
	.btn{padding:8px 10px}
}
@media (max-width:600px){
	body{font-size:15px}
	.container{margin:8px;padding:10px;border-radius:4px}
	.btn{display:block;width:100%;box-sizing:border-box;margin-bottom:8px}
	input[type=text],input[type=date],input[type=number],textarea{font-size:1rem}
	table{min-width:640px}
}

/* Readonly notice style */
.readonly-note{color:#a33;margin-bottom:10px;font-weight:600}