/* LOVABLE DE POBRE — clean premium workspace layer
   Brand is intentionally subtle: neutral UI first, Brazil colors as accents. */

:root {
  --ldp-green: #0a9f50;
  --ldp-green-dark: #08763c;
  --ldp-green-soft: #edf9f2;
  --ldp-yellow: #f6c945;
  --ldp-ink: #18231d;
  --ldp-muted: #718078;
  --ldp-line: #e3e9e5;
  --ldp-surface: #ffffff;
  --ldp-canvas: #f5f7f6;
}

[data-cb-workspace='true'] {
  background: var(--ldp-canvas) !important;
}

/* Header: mostly neutral, with one discreet brand accent */
[data-cb-workspace='true'] [data-cb-header='true'] {
  position: relative !important;
  background: #fff !important;
  border-bottom: 1px solid var(--ldp-line) !important;
  box-shadow: 0 1px 8px rgba(20,35,28,.035) !important;
}

[data-cb-workspace='true'] [data-cb-header='true']::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 132px;
  height: 2px;
  background: linear-gradient(90deg, var(--ldp-yellow), var(--ldp-green));
  opacity: .9;
}

[data-cb-workspace='true'] [data-cb-header='true'] button {
  background: #fff !important;
  color: #2c3530 !important;
  border: 1px solid #dfe5e1 !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.03) !important;
  transition: .16s ease !important;
}

[data-cb-workspace='true'] [data-cb-header='true'] button:hover {
  background: #fafcfb !important;
  border-color: #cbd8d0 !important;
}

/* Sidebar */
[data-cb-workspace='true'] [data-cb-aside='true'] {
  background: #fff !important;
  border-right: 1px solid var(--ldp-line) !important;
  box-shadow: 4px 0 18px rgba(20,35,28,.03) !important;
}

[data-cb-workspace='true'] [data-cb-project-controls='true'],
[data-cb-workspace='true'] [data-cb-ai-tools='true'],
[data-cb-workspace='true'] [data-cb-composer='true'] {
  background: #fff !important;
  border-color: var(--ldp-line) !important;
}

[data-cb-workspace='true'] [data-cb-project-controls='true'] > div:first-child {
  color: #7f8a84 !important;
  font-weight: 700 !important;
  letter-spacing: .10em !important;
}

[data-cb-workspace='true'] [data-cb-project-controls='true'] button,
[data-cb-workspace='true'] [data-cb-project-controls='true'] select,
[data-cb-workspace='true'] [data-cb-ai-tools='true'] button {
  background: #fff !important;
  color: #303933 !important;
  border: 1px solid #dfe5e1 !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}

[data-cb-workspace='true'] [data-cb-project-controls='true'] button:hover,
[data-cb-workspace='true'] [data-cb-project-controls='true'] select:hover,
[data-cb-workspace='true'] [data-cb-ai-tools='true'] button:hover {
  border-color: #bed4c6 !important;
  background: #fbfdfc !important;
}

/* ChatGPT card: subtle brand, not decorative */
.cb-my-chatgpt {
  border: 1px solid #dbe9e1 !important;
  background: #fbfdfc !important;
  border-radius: 13px !important;
  box-shadow: 0 4px 14px rgba(24,69,42,.035) !important;
}

.cb-chatgpt-icon {
  background: #0a9f50 !important;
  color: #fff !important;
  box-shadow: none !important;
}

.cb-chatgpt-copy strong { color: #213128 !important; }
.cb-chatgpt-copy span { color: #809087 !important; }
.cb-free-badge {
  background: #f1faf5 !important;
  color: #0b7f43 !important;
  border-color: #d6ecdf !important;
  box-shadow: none !important;
}

/* Messages */
[data-cb-workspace='true'] [data-cb-messages='true'] {
  background: #fbfcfb !important;
}

[data-cb-workspace='true'] [data-cb-messages='true'] > div {
  border: 1px solid #e2e8e4 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 3px 12px rgba(15,23,42,.025) !important;
}

/* Composer */
[data-cb-workspace='true'] [data-cb-composer='true'] > div {
  background: #fff !important;
  border: 1px solid #d9e1dc !important;
  border-radius: 15px !important;
  box-shadow: 0 4px 16px rgba(15,23,42,.035) !important;
}

[data-cb-workspace='true'] [data-cb-composer='true'] > div:focus-within {
  border-color: #91c9a9 !important;
  box-shadow: 0 0 0 3px rgba(10,159,80,.08), 0 4px 16px rgba(15,23,42,.035) !important;
}

[data-cb-workspace='true'] [data-cb-composer='true'] textarea::placeholder {
  color: #98a39d !important;
}

[data-cb-workspace='true'] [data-cb-composer='true'] button {
  background: #0a9f50 !important;
  color: #fff !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

[data-cb-workspace='true'] [data-cb-composer='true'] button:hover {
  background: #087f42 !important;
}

/* Preview chrome */
[data-cb-workspace='true'] [data-cb-preview-section='true'] {
  background: #f4f6f5 !important;
}

[data-cb-workspace='true'] [data-cb-preview-toolbar='true'] {
  background: #fff !important;
  border-bottom: 1px solid var(--ldp-line) !important;
  box-shadow: none !important;
}

[data-cb-workspace='true'] [data-cb-preview-toolbar='true'] > div:first-child,
.cb-device-group,
.ldp-device-toolbar {
  background: #f6f7f7 !important;
  border: 1px solid #e0e5e2 !important;
  box-shadow: none !important;
}

/* Device buttons: neutral; active state is a soft accent instead of solid green */
.cb-device-group button,
.ldp-device-btn {
  color: #56615b !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.cb-device-group button[data-active='true'],
.ldp-device-btn.is-active {
  background: #fff !important;
  color: #087a3e !important;
  box-shadow: 0 1px 4px rgba(15,23,42,.08) !important;
  outline: 1px solid #d7e5dc !important;
}

.cb-device-group button:not([data-active='true']):hover,
.ldp-device-btn:not(.is-active):hover {
  background: #eef4f0 !important;
  color: #2d4437 !important;
}

[data-cb-workspace='true'] [data-cb-preview-stage='true'],
.ldp-preview-stage {
  background: #f2f4f3 !important;
}

[data-cb-workspace='true'] [data-cb-preview-shell='true'],
.ldp-preview-shell {
  border: 1px solid #d9dfdb !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.07) !important;
}

[data-cb-workspace='true'] [data-cb-preview-section='true'] > div:last-child {
  background: #fff !important;
  color: #88938d !important;
  border-top: 1px solid #e1e6e3 !important;
}

[data-cb-workspace='true'] button,
[data-cb-workspace='true'] select,
[data-cb-workspace='true'] textarea {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

@media (max-width: 900px) {
  [data-cb-workspace='true'] [data-cb-aside='true'] {
    box-shadow: none !important;
  }
}