.cb-banner {
  position: fixed; bottom: 12px; right: 12px; z-index: 100;
  max-width: 420px; border-radius: 12px; border: 1px solid #e5e5e5;
  background: #fff; padding: 12px; box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  display: none;
}
.cb-title { font-size: 12px; font-weight: 600; color: #1a1a1a; }
.cb-text { margin-top: 4px; font-size: 11px; line-height: 1.4; color: #555; }
.cb-link { color: #7c3aed; text-decoration: underline; text-underline-offset: 2px; }
.cb-link:hover { text-decoration: underline; }
.cb-buttons { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 6px; }
.cb-btn {
  border-radius: 6px; padding: 5px 12px; font-size: 11px; font-weight: 500;
  cursor: pointer; border: none; transition: all 0.15s; font-family: inherit;
}
.cb-btn-outline {
  border: 1px solid #e5e5e5; background: #fff; color: #1a1a1a;
}
.cb-btn-outline:hover { background: #fafafa; }
.cb-btn-accent {
  background: #7c3aed; color: #fff; font-weight: 600;
}
.cb-btn-accent:hover { opacity: 0.9; }

.cb-settings {
  position: fixed; inset: 0; z-index: 110;
  display: none; align-items: flex-end; justify-content: center;
  background: rgba(0,0,0,0.25); padding: 16px;
}
@media (min-width: 640px) {
  .cb-settings { align-items: center; }
}
.cb-settings.open { display: flex; }
.cb-settings-panel {
  max-height: 90vh; width: 100%; max-width: 500px;
  overflow-y: auto; border-radius: 12px; background: #fff;
  padding: 24px; box-shadow: 0 8px 32px rgba(0,0,0,0.15);
}
.cb-settings-header {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;
}
.cb-settings-title { font-size: 18px; font-weight: 600; color: #1a1a1a; }
.cb-settings-subtitle { margin-top: 4px; font-size: 14px; color: #555; }
.cb-settings-close {
  background: none; border: none; padding: 4px; cursor: pointer;
  color: #555; border-radius: 8px;
}
.cb-settings-close:hover { background: #f5f5f5; color: #1a1a1a; }
.cb-categories { margin-top: 24px; display: flex; flex-direction: column; gap: 16px; }
.cb-category { border: 1px solid #e5e5e5; border-radius: 10px; padding: 16px; }
.cb-category-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.cb-category-title { font-size: 14px; font-weight: 500; color: #1a1a1a; }
.cb-category-desc { margin-top: 4px; font-size: 12px; line-height: 1.5; color: #555; }
.cb-always-active { margin-top: 8px; font-size: 12px; color: #555; }
.cb-toggle {
  position: relative; display: inline-flex; align-items: center; cursor: pointer;
}
.cb-toggle input { position: absolute; opacity: 0; width: 0; height: 0; }
.cb-toggle-mark {
  width: 16px; height: 16px; border-radius: 4px; border: 1.5px solid #ccc;
  background: #fff; transition: all 0.15s; position: relative;
}
.cb-toggle input:checked + .cb-toggle-mark { background: #7c3aed; border-color: #7c3aed; }
.cb-toggle input:checked + .cb-toggle-mark::after {
  content: ''; position: absolute; top: 2px; left: 5px;
  width: 5px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.cb-toggle input:disabled + .cb-toggle-mark { opacity: 0.5; cursor: not-allowed; }
.cb-settings-actions { margin-top: 24px; display: flex; flex-direction: column; gap: 8px; }
@media (min-width: 640px) {
  .cb-settings-actions { flex-direction: row; justify-content: flex-end; }
}
.cb-settings-footer { margin-top: 16px; font-size: 12px; color: #555; }