:root[data-company-branding] .btn-primary,
:root[data-company-branding] #giftSettlementsRoot .btn-primary {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--company-primary-foreground);
}
:root[data-company-branding] .btn-primary:hover,
:root[data-company-branding] .btn-primary:active,
:root[data-company-branding] #giftSettlementsRoot .btn-primary:hover {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--company-primary-foreground);
  filter: none;
}
:root[data-company-branding] .sidebar-logo-icon {
  color: var(--company-primary-foreground);
  overflow: hidden;
}

:root[data-company-branding] .sidebar-logo { color: var(--company-sidebar-ink); }
:root[data-company-branding] .sidebar .nav-link.active { color: var(--company-primary-foreground); background: var(--primary); }
:root[data-company-branding] .sidebar .nav-link.active .nav-badge { color: var(--company-primary-foreground); background: transparent; }
:root[data-company-branding] .btn-outline-primary { color: var(--company-primary-ink); border-color: var(--company-primary-ink); }
:root[data-company-branding] .btn-outline-primary:hover { background: var(--primary); color: var(--company-primary-foreground); }
:root[data-company-branding] .giras-scope { --accent: var(--primary); --accent-hover: var(--primary); --accent-soft: var(--primary-bg); --accent-tint: var(--primary-bg-hover); }
:root[data-company-branding] .giras-scope .gs-btn-primary { color: var(--company-primary-foreground); }
.company-design-preview { --preview-primary: #FF4E24; --preview-primary-text: #000000; --preview-background: #F1F2F6; --preview-background-text: #000000; --preview-surface: #FFFFFF; --preview-surface-text: #000000; --preview-bonus: #6C59E6; --preview-bonus-text: #FFFFFF; display: grid; gap: 14px; width: min(100%, 360px); padding: 20px; border: 1px solid var(--border); border-radius: 20px; background: var(--preview-background); color: var(--preview-background-text); }
.company-preview-title { font-weight: 700; font-size: 18px; overflow-wrap: anywhere; }
.company-preview-bonus { display: grid; gap: 5px; padding: 18px; border-radius: 14px; background: var(--preview-bonus); color: var(--preview-bonus-text); }
.company-preview-bonus strong { font-size: 30px; line-height: 1.1; }
.company-preview-product { display: grid; gap: 8px; padding: 16px; border-radius: 14px; background: var(--preview-surface); color: var(--preview-surface-text); }
.company-preview-button { border: 0; border-radius: 10px; padding: 12px 14px; background: var(--preview-primary); color: var(--preview-primary-text); font-weight: 600; cursor: default; }

:root[data-company-branding] .giras-scope .gs-btn-primary,
:root[data-company-branding] .giras-scope .gs-btn-primary:hover { background: var(--primary); border-color: var(--primary); color: var(--company-primary-foreground); }
:root[data-company-branding] .nav-tabs .nav-link.active,
:root[data-company-branding] .nav-pills .nav-link.active { color: var(--company-primary-ink); background: var(--company-primary-soft); border-color: var(--primary); }
:root[data-company-branding] .giras-scope .gs-filter-chip.active,
:root[data-company-branding] .giras-scope .gs-tab-button.active { color: var(--company-primary-ink); border-bottom-color: var(--primary); }

:root[data-company-branding] .text-primary { color: var(--company-primary-ink) !important; }
:root[data-company-branding] .btn-outline-primary:focus-visible,
:root[data-company-branding] .btn-outline-primary:active { background: var(--primary); color: var(--company-primary-foreground); border-color: var(--company-primary-ink); }
:root[data-company-branding] .btn-outline-primary { --bs-btn-color: var(--company-primary-ink); --bs-btn-border-color: var(--company-primary-ink); --bs-btn-hover-bg: var(--primary); --bs-btn-hover-color: var(--company-primary-foreground); --bs-btn-active-bg: var(--primary); --bs-btn-active-color: var(--company-primary-foreground); }

.company-preview-heading { display: flex; align-items: center; gap: 10px; }
.company-preview-avatar { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; overflow: hidden; border-radius: 50%; font-size: 28px; }
.company-preview-avatar img { width: 100%; height: 100%; object-fit: contain; }
.company-avatar-editor { border-top: 1px solid var(--border); padding-top: 20px; }
.company-avatar-items { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,320px),1fr)); gap: 12px; }
.company-avatar-item { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border: 1px solid var(--border); border-radius: 12px; }
.company-avatar-image { width: 72px; height: 72px; flex: 0 0 72px; border-radius: 50%; object-fit: contain; }
.company-avatar-fields { flex: 1; min-width: 0; }
.company-avatar-actions { display: flex; flex-direction: column; gap: 6px; }
.company-avatar-actions .btn { padding: 6px 10px; }