body { font-family: system-ui, sans-serif; max-width: 920px; margin: 24px auto; padding: 0 16px; color: #222; }
h1 { font-size: 20px; } h2 { font-size: 16px; margin-top: 28px; }
table { border-collapse: collapse; width: 100%; font-size: 14px; }
th, td { border: 1px solid #ccc; padding: 6px 8px; text-align: left; }
th { background: #f3f3f3; }
.LIBRE { color: #0a7a2f; } .OCUPADO { color: #999; }
.msg { margin: 8px 0; min-height: 20px; font-size: 14px; }
.error { color: #b00020; } .ok { color: #0a7a2f; }
input { padding: 6px; font-size: 14px; } button { padding: 6px 12px; font-size: 14px; cursor: pointer; }
.aviso { background: #fff7d6; border: 1px solid #e6d27a; padding: 8px 12px; font-size: 13px; }
.nota { font-size: 13px; color: #666; }