/* style.css mínimo (actualizado para soporte de fondo y preview) */
body { font-family: Arial, sans-serif; background:#f4f6f8; color:#222; margin:0; padding:0; }
.container { max-width:960px; margin:30px auto; background:#fff; padding:20px; border-radius:6px; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
h1 { margin-top:0; }
label { display:block; margin:10px 0; }
input[type="text"], input[type="password"], textarea { width:100%; padding:8px; border:1px solid #ccc; border-radius:4px; box-sizing:border-box; }
button { padding:8px 14px; border:0; background:#1a73e8; color:#fff; border-radius:4px; cursor:pointer; }
button:hover { opacity:0.95; }
.table { width:100%; border-collapse:collapse; margin-top:10px; }
.table th, .table td { padding:8px; border:1px solid #eee; text-align:left; }
.topbar { background:#111; color:#fff; padding:8px 0; margin-bottom:16px; }
.topbar .container { display:flex; justify-content:space-between; align-items:center; }
.topbar a { color:#aee; text-decoration:none; margin-left:8px; }
.error { background:#ffe6e6; padding:8px; border:1px solid #f5c2c2; color:#b00; border-radius:4px; margin-bottom:10px; }
.success { background:#e6ffea; padding:8px; border:1px solid #bfe6c8; color:#0a6; border-radius:4px; margin-bottom:10px; }
.muted { color:#666; font-size:13px; }
code { background:#f1f1f1; padding:2px 6px; border-radius:4px; }

/* Preview box for uploaded image */
.upload-preview { margin:10px 0; }

/* When background is applied from dashboard inline style, we darken panels for readability */
.container.with-bg {
    background: rgba(0,0,0,0.6);
    color: #fff;
}