/* Backoffice-only polish (applies when has .cf-backoffice) */ .cf-backoffice .nav-tabs { border-bottom-color: var(--cf-border); } .cf-backoffice .nav-tabs .nav-link { color: var(--cf-muted); border-top-left-radius: 10px; border-top-right-radius: 10px; } .cf-backoffice .nav-tabs .nav-link.active { color: var(--cf-text); background: var(--cf-surface); border-color: var(--cf-border) var(--cf-border) var(--cf-surface); } .cf-backoffice .btn-outline-dark { --bs-btn-color: var(--cf-text); --bs-btn-border-color: var(--cf-border); --bs-btn-hover-bg: var(--cf-bg); --bs-btn-hover-border-color: var(--cf-border); --bs-btn-hover-color: var(--cf-text); } .cf-backoffice .btn-outline-primary { --bs-btn-hover-color: #fff; } .cf-backoffice .badge.text-bg-secondary { background: rgba(15, 23, 42, 0.08) !important; color: var(--cf-text) !important; border: 1px solid var(--cf-border); } .cf-backoffice .toast { border: 1px solid var(--cf-border); border-radius: 12px; }