body { font-family: system-ui, sans-serif; margin: 0; background: #fafafa; color: #222; }
header { background: #4b0000; color: #fff; padding: 12px 16px; display:flex; align-items:center; gap:24px; }
header a { color: #ffd700; text-decoration: none; margin-right: 12px; }
main { padding: 16px; max-width: 1050px; margin: 0 auto; }
section { background: #fff; padding: 16px; border-radius: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.08); margin-bottom: 16px; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 8px; border-bottom: 1px solid #eee; }
button { background: #4b0000; color: #fff; border: none; padding: 8px 12px; border-radius: 8px; cursor: pointer; }
button + button { margin-left: 8px; }
textarea, input, select { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 8px; }
label { display: inline-block; margin-right: 8px; }
table td, table th { vertical-align: middle; }
input[type="password"], input[type="text"] { box-sizing: border-box; }
.text-sm { font-size: 0.9rem; }

/* cartões e grid */
.card { background:#fff; padding:16px; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,.08); }
.grid { display:grid; grid-template-columns: 200px 1fr auto; gap:12px; align-items:center; margin-bottom:12px; }
.lbl { color:#333; font-weight:600; }
.choices { display:flex; flex-wrap:wrap; gap:8px; }
.chip { display:flex; align-items:center; gap:6px; border:1px solid #ddd; padding:6px 10px; border-radius:999px; background:#fafafa; }
.banner { background:#fff7e6; border:1px solid #ffe2a8; padding:12px; border-radius:8px; margin-bottom:12px; }
.banner code { background:#fff1cc; padding:1px 6px; border-radius:6px; }

/* botões e switches */
button { background:#4b0000; color:#fff; border:none; padding:8px 12px; border-radius:8px; cursor:pointer; }
button + button { margin-left:8px; }
.btnLink { padding:6px 10px; background:#ececec; color:#333; border-radius:8px; text-decoration:none; }
.switch { display:inline-flex; align-items:center; gap:6px; }
.switch.small span { font-size:12px; }

/* tabela e badges */
.table { width:100%; border-collapse:collapse; background:#fff; border-radius:10px; overflow:hidden; }
.table th, .table td { padding:10px; border-bottom:1px solid #eee; }
.table .actions { display:flex; gap:6px; flex-wrap:wrap; }
.badge { padding:2px 8px; border-radius:999px; background:#eee; text-transform:capitalize; }
.badge.running { background:#e6f7ff; color:#006699; }
.badge.paused { background:#fff0f0; color:#990000; }
.badge.scheduled { background:#f7f7ff; color:#3333aa; }
.badge.finished { background:#eaffea; color:#1c7c1c; }

/* painel de job */
.job-panel .panel { background:#fafafa; border:1px solid #eee; border-radius:8px; padding:12px; }
.panel-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.panel-actions { display:flex; gap:8px; align-items:center; }
.panel-grid { display:grid; grid-template-columns: repeat(4, minmax(120px,1fr)); gap:12px; margin-bottom:8px; }
.kpi { font-size:20px; font-weight:700; }
.log { background:#111; color:#e6ffe6; padding:10px; border-radius:8px; max-height:220px; overflow:auto; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; font-size:12px; }
.subtle { color:#667; font-size:.85rem; margin-top:2px }
.subtle{color:#667;font-size:.85rem} .subpanel{margin-top:6px}
/* Mantém os botões de Ações em uma única linha */
#tblSlots th:last-child,
#tblSlots td:last-child { white-space: nowrap; }

#tblSlots td:last-child > * {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px; /* espaço entre botões */
}
#tblSlots td:last-child > *:last-child { margin-right: 0; }