.ofc-checklist {
    margin: 12px 0;
    padding: 12px;
    border: 1px solid var(--rl-border, #e2e8f0);
    border-radius: var(--rl-radius-md, 10px);
    background: var(--rl-bg-elevated, #fff);
}
.ofc-checklist--compact { padding: 10px 12px; }
.ofc-checklist__head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ofc-checklist__label { font-size: 0.9rem; color: var(--rl-text-muted, #64748b); }
.ofc-checklist__pct { font-size: 1.1rem; }
.ofc-checklist__pct.ofc--done { color: #166534; }
.ofc-checklist__pct.ofc--warn { color: var(--rl-primary, #5a67d8); }
.ofc-checklist__pct.ofc--risk { color: #991b1b; }
.ofc-checklist__risk { font-size: 0.85rem; color: #991b1b; }
.ofc-checklist__bar { height: 8px; background: var(--rl-border, #e2e8f0); border-radius: 999px; overflow: hidden; margin: 8px 0; }
.ofc-checklist__bar-fill { display: block; height: 100%; background: var(--rl-primary, #5a67d8); transition: width 0.2s; }
.ofc-checklist__bar-fill.ofc--done { background: #22c55e; }
.ofc-checklist__bar-fill.ofc--warn { background: var(--rl-primary-gradient, linear-gradient(135deg, #5a67d8, #6c8cff)); }
.ofc-checklist__bar-fill.ofc--risk { background: #ef4444; }
.ofc-checklist__table { width: 100%; font-size: 0.85rem; margin-top: 8px; border-collapse: collapse; }
.ofc-checklist__table th,
.ofc-checklist__table td { padding: 6px 8px; text-align: left; border-bottom: 1px solid #f1f5f9; }
.ofc-checklist__milestones { list-style: none; padding: 0; margin: 12px 0 0; font-size: 0.9rem; }
.ofc-checklist__milestones li { padding: 4px 0; }
.ofc-checklist__milestones li.is-disabled { opacity: 0.55; }
.ofc-checklist__done-banner { margin-top: 8px; padding: 8px 12px; border-radius: var(--rl-radius-sm, 8px); background: #dcfce7; color: #166534; font-size: 0.9rem; }
.ofc-checklist__nopay-banner { margin-bottom: 12px; padding: 10px 12px; border-radius: var(--rl-radius-sm, 8px); background: #fee2e2; color: #991b1b; font-size: 0.9rem; }
.tenant-brand-panel { margin-top: 24px; padding: 16px; border: 1px solid var(--rl-border, #e2e8f0); border-radius: var(--rl-radius-md, 12px); background: var(--rl-bg-subtle, #fafafa); }
.tenant-brand-panel__title { font-weight: 600; margin-bottom: 12px; color: var(--rl-text, #0f172a); }
.tenant-brand-panel__meta { font-size: 0.85rem; color: var(--rl-text-muted, #64748b); margin-bottom: 12px; }
.tenant-brand-panel__json { background: var(--rl-bg-elevated, #fff); border: 1px solid var(--rl-border, #e2e8f0); border-radius: var(--rl-radius-sm, 8px); padding: 12px; font-size: 0.8rem; overflow-x: auto; max-height: 220px; }
.tenant-brand-panel__actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.tenant-brand-panel__status { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 0.75rem; font-weight: 600; }
.tenant-brand-panel__status--missing { background: #fee2e2; color: #991b1b; }
.tenant-brand-panel__status--pending { background: #fef9c3; color: #854d0e; }
.tenant-brand-panel__status--approved { background: #dcfce7; color: #166534; }