:root{
  --tcbn-brand:#840024;
  --tcbn-bg:#ffffff;
  --tcbn-border:#e6e6e6;
  --tcbn-muted:#6b7280;
}
.tcbn-card{
  background:var(--tcbn-bg);
  border:1px solid var(--tcbn-border);
  border-left:6px solid var(--tcbn-brand);
  border-radius:12px;
  padding:16px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  max-width: 1020px;
}
.tcbn-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.tcbn-title{font-size:18px;font-weight:700;margin:0 0 8px 0}
.tcbn-sub{color:var(--tcbn-muted);font-size:13px;margin:0 0 12px 0}
.tcbn-timer{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:32px;
  font-weight:800;
  letter-spacing:1px;
  margin: 6px 0 10px 0;
}
.tcbn-badge{
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  border:1px solid var(--tcbn-border);
}
.tcbn-badge.on{background:rgba(22,163,74,.08); border-color:rgba(22,163,74,.35)}
.tcbn-badge.off{background:rgba(239,68,68,.08); border-color:rgba(239,68,68,.35)}
.tcbn-badge.break{background:rgba(245,158,11,.10); border-color:rgba(245,158,11,.35)}
.tcbn-badge.lunch{background:rgba(59,130,246,.10); border-color:rgba(59,130,246,.35)}
.tcbn-badge.pending{background:rgba(245,158,11,.10); border-color:rgba(245,158,11,.35)}
.tcbn-badge.approved{background:rgba(22,163,74,.08); border-color:rgba(22,163,74,.35)}
.tcbn-badge.rejected{background:rgba(239,68,68,.08); border-color:rgba(239,68,68,.35)}
.tcbn-actions .button{border-radius:10px !important}
.tcbn-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width: 900px){ .tcbn-grid{grid-template-columns:1fr} }
.tcbn-field label{display:block;font-size:12px;color:var(--tcbn-muted);margin-bottom:4px}
.tcbn-field input, .tcbn-field select, .tcbn-field textarea{
  width:100%;
  border:1px solid var(--tcbn-border);
  border-radius:10px;
  padding:10px 12px;
}
.tcbn-field textarea{min-height:84px}
.tcbn-table{width:100%;border-collapse:collapse;margin-top:10px}
.tcbn-table th,.tcbn-table td{border-bottom:1px solid var(--tcbn-border);padding:10px 8px;text-align:left;font-size:13px;vertical-align:top}
.tcbn-table th{font-size:12px;color:var(--tcbn-muted);text-transform:uppercase;letter-spacing:.03em}
.tcbn-right{text-align:right}
.tcbn-kiosk-wrap{max-width:560px;margin:24px auto}