/* CONFORTO E TECNOLOGIA — identidade clara, acolhedora e operacional.
   Carregado por último para substituir os temas escuros legados sem alterar
   a densidade e os comportamentos funcionais dos quadros. */
:root {
  --ct-canvas: #f7f3f8;
  --ct-canvas-warm: #fbf7f2;
  --ct-surface: #fffdf9;
  --ct-surface-raised: #ffffff;
  --ct-surface-lilac: #f3eaf8;
  --ct-surface-lilac-strong: #eadcf3;
  --ct-ink: #2d2232;
  --ct-text: #514756;
  --ct-muted: #766d7a;
  --ct-line: #ded5e2;
  --ct-line-strong: #c9bdcf;
  --ct-purple: #6b02a8;
  --ct-purple-dark: #4a1266;
  --ct-purple-soft: #efe1f7;
  --ct-orange: #eaa01c;
  --ct-orange-dark: #8d5a08;
  --ct-orange-soft: #fff0d2;
  --ct-green: #247a52;
  --ct-green-soft: #e5f4eb;
  --ct-blue: #3267a8;
  --ct-blue-soft: #e8f0fa;
  --ct-red: #b43a46;
  --ct-red-soft: #fae7e9;
  --ct-shadow: 0 8px 28px rgba(67, 42, 76, .08);
}

/* Marca: sem zoom por transform e sem interpolação do antigo JPG. */
.brand-lockup img,
.auth-logo img {
  object-fit: cover !important;
  transform: none !important;
  image-rendering: auto;
}
.brand-lockup img { background: var(--ct-orange); border-radius: 9px; }
.auth-logo { background: var(--ct-orange); }

/* Shell e dashboard operacional. */
body:has(.app-shell) {
  --ops-bg: var(--ct-canvas);
  --ops-surface: var(--ct-surface);
  --ops-raised: var(--ct-surface-lilac);
  --ops-line: var(--ct-line);
  --ops-text: var(--ct-ink);
  --ops-muted: var(--ct-muted);
  --ops-yellow: var(--ct-orange);
  --ops-orange: #d97928;
  --ops-red: var(--ct-red);
  --ops-green: var(--ct-green);
  --ops-blue: var(--ct-purple);
  background: var(--ct-canvas);
  color: var(--ct-text);
  color-scheme: light;
}
body:has(.app-shell) .app-shell,
body:has(.app-shell) .main { background: var(--ct-canvas); }
body:has(.app-shell) .sidebar { background: #fffcf8; border-color: var(--ct-line); color: var(--ct-text); }
body:has(.app-shell) .topbar { background: rgba(255, 253, 249, .95); border-color: var(--ct-line); }
body:has(.app-shell) .brand-lockup strong,
body:has(.app-shell) .org-card strong,
body:has(.app-shell) .breadcrumbs strong { color: var(--ct-ink); }
body:has(.app-shell) .primary-nav a,
body:has(.app-shell) .tree-all,
body:has(.app-shell) .project-link,
body:has(.app-shell) .add-structure,
body:has(.app-shell) .tree-nav summary { color: var(--ct-text); }
body:has(.app-shell) .primary-nav a:hover,
body:has(.app-shell) .primary-nav a.active,
body:has(.app-shell) .tree-all:hover,
body:has(.app-shell) .project-link:hover { background: var(--ct-purple-soft); color: var(--ct-purple); }
body:has(.app-shell) .org-card { background: #faf4fc; border-color: #eaddef; }
body:has(.app-shell) .avatar { background: var(--ct-purple-soft); color: var(--ct-purple); }
body:has(.app-shell) .button { border-color: var(--ct-purple); background: var(--ct-purple); color: #fff; }
body:has(.app-shell) .button:hover { border-color: var(--ct-purple-dark); background: var(--ct-purple-dark); }
body:has(.app-shell) .button.secondary { border-color: var(--ct-line-strong); background: var(--ct-surface); color: var(--ct-purple); }
body:has(.app-shell) .session-logout-button { border-color: var(--ct-line-strong); background: var(--ct-surface); color: var(--ct-ink); }
.ops-kicker { color: var(--ct-orange-dark) !important; }
.ops-heading h1,
.ops-panel h2,
.pulse-card strong,
.priority-row strong,
.recovered-card > strong { color: var(--ct-ink); }
.pulse-card,
.ops-panel,
.full-empty { border-color: var(--ct-line); background: var(--ct-surface); color: var(--ct-text); box-shadow: 0 1px 2px rgba(67,42,76,.035); }
.pulse-card { position: relative; overflow: hidden; }
.pulse-card::before { position: absolute; content: ""; inset: 0 auto 0 0; width: 3px; background: var(--ct-purple); }
.pulse-card:hover,
.priority-row:hover { border-color: #cdbbd7; background: #faf4fc; }
.pulse-danger::before { background: var(--ct-red); }
.pulse-warning::before { background: var(--ct-orange); }
.pulse-card span,
.pulse-card small,
.priority-row small,
.owner-chip,
.recovered-card > small { color: var(--ct-muted); }
.ops-panel > header > a { color: var(--ct-purple); font-weight: 700; }
.priority-row,
.channel-panel > a,
.resolved-row { border-color: var(--ct-line); }
.owner-chip { border-color: var(--ct-line-strong); background: #fbf8fc; }
.recovered-card { border-top: 3px solid var(--ct-orange); background: var(--ct-orange-soft); }

/* Quadros Marketing e Comercial: densidade preservada, identidade própria. */
.operational-board-workspace {
  --op-bg: var(--ct-canvas);
  --op-row: var(--ct-surface);
  --op-row-hover: #f8f1fb;
  --op-line: var(--ct-line);
  --op-soft-line: #e9e2eb;
  --op-text: var(--ct-ink);
  --op-muted: var(--ct-muted);
  --op-blue: var(--ct-purple);
  --op-focus: #9a52bf;
  color-scheme: light;
}
.operational-board-workspace .main,
.operational-board-workspace .content,
.operational-board-workspace .op-board { background: var(--ct-canvas); color: var(--ct-text); }
.op-title-line h1,
.op-tab,
.op-table th,
.op-table td { color: var(--ct-ink); }
.op-head p,
.op-view-summary,
.op-group-toggle small { color: var(--ct-muted); }
.op-tabs { border-color: var(--ct-line); }
.op-tab { border-bottom-color: var(--ct-purple); }
.op-actions { background: var(--ct-canvas); }
.op-primary { background: var(--ct-purple); color: #fff; }
.op-primary:hover { background: var(--ct-purple-dark); }
.op-search label,
.op-search select,
.op-search button { border-color: var(--ct-line-strong); background: var(--ct-surface); color: var(--ct-ink); }
.op-search input { color: var(--ct-ink); }
.op-search a,
.op-view-summary a { color: var(--ct-purple); }
.op-tool-button { color: var(--ct-text); }
.op-tool-button > span { color: var(--ct-purple); }
.op-tool-button:hover,
.op-tool-button[aria-expanded=true],
.op-tool-button.is-active { background: var(--ct-purple-soft); color: var(--ct-purple-dark); }
.op-toolbar-separator { background: var(--ct-line); }
.op-group-head { background: #fbf7fc; border-color: var(--ct-line); }
.op-table-wrap,
.op-table th,
.op-table td,
.op-add-row td { background: var(--ct-surface); border-color: var(--ct-line); color: var(--ct-ink); }
.op-table th { background: #f0e9f3; color: #55495b; font-weight: 650; }
.op-table tbody tr:not(.op-add-row):hover td { background: #f8f1fb; }
.op-cell-input::placeholder,
.op-count,
.op-add-row button { color: var(--ct-muted); }
.op-cell-input:focus,
.op-cell-select:focus,
.op-cell-person:focus { background: #fff; outline-color: var(--ct-purple); }
.op-cell-select { background-color: color-mix(in srgb, var(--cell-color, transparent) 22%, #fff); color: var(--ct-ink); }
.op-cell-select option,
.op-cell-person option { background: #fff; color: var(--ct-ink); }
.op-cell-person { background-color: transparent; background-image: linear-gradient(45deg,transparent 50%,#7a6c80 50%),linear-gradient(135deg,#7a6c80 50%,transparent 50%); }
.op-comment-button { color: #76667d; }
.op-comment-button:hover,
.op-comment-button:focus { background: var(--ct-purple-soft); color: var(--ct-purple); }
.op-add-row button:hover { background: var(--ct-purple-soft); color: var(--ct-purple); }
.op-row-selected td,
.op-table tr.op-row-selected:hover td { background: #eadcf4 !important; border-bottom-color: #c7a7d8; }
.op-row-selected td.op-name-col { box-shadow: inset 3px 0 var(--ct-orange); }
.op-subitem-container > td { background: #f1eaf4 !important; }
.op-subitem-container table,
.op-subitem-container th,
.op-subitem-container td { background: var(--ct-surface); border-color: var(--ct-line); color: var(--ct-ink); }
.op-subitem-container th { background: #ebe2ef; }
.op-subitem-container input { color: var(--ct-ink); }
.op-subitem-container input:focus {
  background: var(--ct-surface);
  color: var(--ct-ink);
  caret-color: var(--ct-purple);
  outline-color: var(--ct-purple);
}
.op-subitem-container input::selection { background: var(--ct-purple); color: #fff; }
.op-subitem-toggle { background: var(--ct-purple-soft); color: var(--ct-purple); }
.op-top-scroll { background: #eee6f1; border-color: var(--ct-line); scrollbar-color: #b9a9c1 #eee6f1; }

/* Painéis, diálogos e ferramentas do quadro. */
.op-panel,
.op-create-dialog,
.op-view-panel,
.op-selection-dialog { background: var(--ct-surface); border-color: var(--ct-line-strong); color: var(--ct-text); box-shadow: var(--ct-shadow); color-scheme: light; }
.op-panel h2,
.op-create-dialog h2,
.op-view-panel strong,
.op-selection-dialog h2 { color: var(--ct-ink); }
.op-panel-head > button,
.op-create-dialog header > button { color: var(--ct-text); }
.op-panel-tabs { border-color: var(--ct-line); }
.op-panel-tabs button { color: var(--ct-muted); }
.op-panel-tabs button.active { color: var(--ct-purple); border-bottom-color: var(--ct-purple); }
.op-composer,
.op-update-card,
.op-reply,
.op-panel-row,
.op-create-dialog input,
.op-create-dialog select,
.op-view-panel > header,
.op-view-panel input[type=search],
.op-view-panel input[type=text],
.op-view-panel select,
.op-selection-fields input,
.op-selection-fields select { background: var(--ct-surface-raised); border-color: var(--ct-line); color: var(--ct-ink); }
.op-update-card > header strong { color: var(--ct-ink); }
.op-update-card > header small,
.op-update-card time,
.op-reply time { color: var(--ct-muted); }
.op-update-card > p,
.op-reply p { color: var(--ct-ink); }
.op-update-card .op-reply-toggle { color: var(--ct-text); }
.op-update-card .op-reply-toggle:hover,
.op-update-card .op-reply-toggle:focus-visible { background: var(--ct-purple-soft); color: var(--ct-purple-dark); }
.op-update-card .op-edit-update { color: var(--ct-purple-dark); }
.op-composer textarea,
.op-update-edit textarea,
.op-subitem-form input { color: var(--ct-ink); background: transparent; }
.op-update-card,
.op-replies,
.op-reply,
.op-reply-toggle,
.op-composer footer,
.op-view-panel section { border-color: var(--ct-line); }
.op-reply-toggle,
.op-compose-tools > button,
.op-file-tool,
.op-view-panel button { color: var(--ct-text); }
.op-selection-bar { background: #3d2149; color: #fff; border-color: #5b326b; box-shadow: 0 14px 36px rgba(52,25,64,.24); }
.op-selection-count { background: #3d2149; }

/* Quadro de Pós-venda legado: mesmas decisões cromáticas. */
.post-sales-workspace {
  --board-bg: var(--ct-canvas);
  --board-surface: var(--ct-surface);
  --board-text: var(--ct-ink);
  --board-muted: var(--ct-muted);
  --board-line: var(--ct-line);
  --board-action: var(--ct-purple);
  --board-selected: #eadcf4;
  background: var(--ct-canvas);
  color: var(--ct-text);
  color-scheme: light;
}
.post-sales-workspace .main,
.post-sales-workspace .content { background: var(--ct-canvas); }
.monday-grid-scroll,
.monday-grid th,
.monday-grid td,
.monday-grid [data-col=name] { background: var(--ct-surface); border-color: var(--ct-line); color: var(--ct-ink); }
.monday-grid :is(thead,.board-group-columns) th { background: #efe8f2; }
.monday-grid :is(thead,.board-group-columns) button,
.board-cell-action,
.board-date-display { color: var(--ct-text); }
.monday-grid .board-group-title th { background: var(--ct-canvas); border-top-color: var(--ct-canvas); }
.monday-grid .board-group-title small { color: var(--ct-muted); }
.post-sales-workspace .monday-grid.has-group-headers .board-group-title th {
  background: #3b2344;
  border-top-color: #3b2344;
  border-bottom-color: #6b4b76;
}
.post-sales-workspace .monday-grid.has-group-headers .board-group-title button {
  color: #f8edf9;
}
.post-sales-workspace .monday-grid.has-group-headers .board-group-title small {
  color: #dcc9e2;
}
.post-sales-workspace .monday-grid.has-group-headers .board-group-columns th {
  background: #5a3767;
  border-color: #785582;
  color: #fff;
}
.post-sales-workspace .monday-grid.has-group-headers .board-group-columns th button,
.post-sales-workspace .monday-grid.has-group-headers .board-group-columns .board-column-grip,
.post-sales-workspace .monday-grid.has-group-headers .board-group-columns .board-column-menu-button {
  color: #fff;
}
.monday-grid input:focus,
.monday-grid textarea:focus { background: #fff; outline-color: var(--ct-purple); }
.monday-grid option { background: #fff; color: var(--ct-ink); }
.board-tools { color: var(--ct-text); }
.board-workbench .workbench-add { background: var(--ct-purple); border-color: var(--ct-purple); }
.board-workbench button:hover { background: var(--ct-purple-soft); color: var(--ct-purple); }
.board-workbench button.active { background: var(--ct-purple-soft); border-color: #c49bd8; color: var(--ct-purple); }
.board-workbench .board-saved-views { background: var(--ct-surface); border-color: var(--ct-line-strong); color: var(--ct-text); }
#board-record-panel { background: var(--ct-surface); color: var(--ct-text); border-color: var(--ct-line); box-shadow: var(--ct-shadow); color-scheme: light; }
#board-record-panel h2,
#board-record-panel .update-author strong { color: var(--ct-ink); }
[data-panel-content] article,
[data-panel-content] .board-composer,
#board-record-panel .panel-empty,
#board-record-panel footer { background: #fcfafc; border-color: var(--ct-line); color: var(--ct-text); }

/* Reputação e contestações. */
.reputation-workspace {
  --rp-bg: var(--ct-canvas);
  --rp-surface: var(--ct-surface);
  --rp-surface-2: #f2ebf4;
  --rp-line: var(--ct-line);
  --rp-text: var(--ct-ink);
  --rp-muted: var(--ct-muted);
  --rp-blue: var(--ct-purple);
  --rp-yellow: var(--ct-orange);
  background: var(--ct-canvas);
  color: var(--ct-text);
  color-scheme: light;
}
.reputation-workspace .main,
.reputation-workspace .content,
.reputation-workspace .topbar { background: var(--ct-canvas); }
.reputation-heading h1,
.reputation-tabs a[aria-current=page],
.reputation-summary strong,
.reputation-group-title,
.reputation-group-title strong { color: var(--ct-ink); }
.reputation-kicker { color: var(--ct-orange-dark) !important; }
.reputation-back { color: var(--ct-purple); border-color: var(--ct-line-strong); background: var(--ct-surface); }
.reputation-tabs,
.reputation-summary { border-color: var(--ct-line); }
.reputation-tabs a { color: var(--ct-text); }
.reputation-tabs a[aria-current=page] { border-bottom-color: var(--ct-purple); }
.reputation-filters input,
.reputation-filters select { background: var(--ct-surface); color: var(--ct-ink); border-color: var(--ct-line-strong); }
.reputation-filters button,
.quick-attempt,
.panel-save { background: var(--ct-purple); border-color: var(--ct-purple); color: #fff; }
.reputation-filters > a { color: var(--ct-purple); }
.reputation-table-wrap { background: var(--ct-surface); border-color: var(--ct-line); box-shadow: 0 1px 2px rgba(67,42,76,.035); }
.reputation-table-wrap th { background: #efe8f2; color: #5f5265; border-color: var(--ct-line); }
.reputation-table-wrap td { color: var(--ct-text); border-color: var(--ct-line); }
.reputation-table-wrap tbody tr:hover { background: #f8f1fb; }
.sale-link strong,
.attempt-count,
.attempt-count.warning,
.attempt-count.danger { color: var(--ct-purple-dark) !important; }
.company-tag.conforto { background: var(--ct-orange-soft); color: var(--ct-orange-dark); }
.company-tag.kora { background: var(--ct-purple-soft); color: var(--ct-purple-dark); }
.result-tag.without_attempt,
.result-tag.operational_pending { background: #ece9ee; color: #5e5761; }
.result-tag.in_progress { background: var(--ct-blue-soft); color: var(--ct-blue); }
.result-tag.waiting_response { background: var(--ct-orange-soft); color: var(--ct-orange-dark); }
.result-tag.not_resolved,
.result-tag.waiting_gov { background: var(--ct-red-soft); color: var(--ct-red); }
.result-tag.resolved_reported { background: var(--ct-purple-soft); color: var(--ct-purple); }
.result-tag.resolved_confirmed,
.registered-by.codex { background: var(--ct-green-soft); color: var(--ct-green); }
#reputation-panel { background: var(--ct-surface); color: var(--ct-text); border-color: var(--ct-line); box-shadow: var(--ct-shadow); color-scheme: light; }
#reputation-panel > header h2,
#reputation-panel > nav button[aria-current=page],
#reputation-attempt-form legend,
#reputation-attempt-form label,
#reputation-attempt-form label > span:first-child { color: var(--ct-ink); }
#reputation-panel > nav,
#reputation-attempt-form footer { border-color: var(--ct-line); }
#reputation-panel > nav button { color: var(--ct-muted); }
#reputation-panel > nav button[aria-current=page] { border-bottom-color: var(--ct-purple); }
.result-choice label > span,
#reputation-attempt-form input:not([type=file]):not([type=radio]),
#reputation-attempt-form select,
#reputation-attempt-form textarea,
.evidence-drop,
.history-entry { background: #fcfafc; color: var(--ct-ink); border-color: var(--ct-line); }
.result-choice input:checked + span { border-color: var(--ct-purple); background: var(--ct-purple-soft); box-shadow: 0 0 0 1px var(--ct-purple); }
.history-entry p { color: var(--ct-text); }

/* Administração: mesma casa visual, sem painel preto isolado. */
body.admin-settings {
  --admin-bg: var(--ct-canvas);
  --admin-surface: var(--ct-surface);
  --admin-line: var(--ct-line);
  --admin-text: var(--ct-ink);
  --admin-muted: var(--ct-muted);
  --brand: var(--ct-purple);
  color: var(--ct-text);
  background: var(--ct-canvas);
  color-scheme: light;
}
.admin-settings .main { background: var(--ct-canvas); }
.admin-settings .topbar { background: #3d174b; border-color: #5b3268; color: #fff; }
.admin-settings .breadcrumbs,
.admin-settings .breadcrumbs strong,
.admin-settings .breadcrumbs a { color: #fff; }
.admin-settings .session-logout-button { background: transparent; color: #fff; border-color: rgba(255,255,255,.45); }
.admin-nav { background: #f0e7f3; border-color: var(--ct-line); }
.admin-back { color: var(--ct-purple) !important; }
.admin-nav h2,
.admin-heading h1,
.admin-settings h2,
.admin-settings label { color: var(--ct-ink); }
.admin-nav-group a { color: var(--ct-text); }
.admin-nav-group a:hover { background: rgba(255,255,255,.7); }
.admin-nav-group a.active { background: var(--ct-purple); color: #fff; }
.admin-heading { background: #fbf8fc; border-color: var(--ct-line); }
.admin-page { background: var(--ct-canvas); }
.admin-settings .button { background: var(--ct-purple); border-color: var(--ct-purple); color: #fff; }
.admin-settings .button:hover { background: var(--ct-purple-dark); }
.admin-settings .button.secondary,
.admin-settings .button.ghost { background: var(--ct-surface); color: var(--ct-purple); border-color: var(--ct-line-strong); }
.admin-settings :is(input,select,textarea) { background: var(--ct-surface); color: var(--ct-ink); border-color: var(--ct-line-strong); }
.admin-settings :is(a,button,input,select,summary,textarea):focus-visible { outline-color: #b66bd7; }
.admin-settings .create-panel,
.admin-settings .create-strip,
.admin-table-scroll { background: var(--ct-surface); border-color: var(--ct-line); color: var(--ct-text); }
.admin-user-table th { background: #eee6f1; color: #655a69; }
.admin-user-table td { border-color: var(--ct-line); color: var(--ct-text); }
.admin-user-table tr:hover td { background: #faf4fc; }
.admin-email,
.admin-person small,
.admin-user-table time { color: var(--ct-muted); }
.admin-status,
.admin-settings .status-pill { background: #efebf0; color: #5b535f; }
.admin-settings .simple-list-row a,
.admin-settings .text-link,
.admin-settings .danger-actions button,
.admin-reset summary { color: var(--ct-purple); }
.admin-board-access > summary { border-color: var(--ct-line-strong); color: var(--ct-ink); background: var(--ct-surface); }
.admin-board-access fieldset { background: var(--ct-surface); border-color: var(--ct-line); box-shadow: var(--ct-shadow); }

/* Upload e prévia da identidade visual. */
.settings-eyebrow { margin: 0 0 7px !important; color: var(--ct-orange-dark) !important; font-size: 10px !important; font-weight: 800; letter-spacing: .12em; }
.brand-upload-card { display: grid; grid-template-columns: 116px minmax(0,1fr); gap: 22px; align-items: center; padding: 20px; border: 1px solid var(--ct-line); border-radius: 12px; background: var(--ct-surface); }
.brand-upload-preview { display: grid; width: 116px; height: 116px; place-items: center; overflow: hidden; border: 1px solid #ead9c2; border-radius: 18px; background: var(--ct-orange); }
.brand-upload-preview img { width: 100%; height: 100%; object-fit: cover; }
.brand-upload-preview span { color: #fff; font-size: 40px; font-weight: 800; }
.brand-upload-card strong { display: block; margin-bottom: 6px; color: var(--ct-ink); font-size: 15px; }
.brand-upload-card p { max-width: 62ch; margin: 0 0 14px; color: var(--ct-muted); font-size: 12px; line-height: 1.55; }
.brand-upload-card small { display: block; margin-top: 9px; color: var(--ct-muted); font-size: 11px; }
.brand-file-button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; padding: 0 15px; border: 1px solid var(--ct-purple); border-radius: 8px; background: var(--ct-purple-soft); color: var(--ct-purple) !important; font-weight: 750; cursor: pointer; }
.brand-file-button:hover { background: #e7d2f2; }
.brand-file-button input { position: absolute; width: 1px; height: 1px; min-height: 1px !important; padding: 0 !important; opacity: 0; }

/* Perfil: foto própria ou galeria de avatares da Central. */
.org-avatar-action { position: relative; display: block; flex: 0 0 auto; width: 34px; height: 34px; border-radius: 10px; color: var(--ct-purple); }
.org-avatar { display: grid; width: 34px; height: 34px; place-items: center; overflow: hidden; border: 1px solid #e0cce9; border-radius: 10px; background: var(--ct-purple-soft); color: var(--ct-purple); font-size: 12px; font-weight: 850; }
.org-avatar img,
.avatar img { width: 100%; height: 100%; object-fit: cover; }
.org-avatar-camera { position: absolute; right: -5px; bottom: -5px; display: grid; width: 18px; height: 18px; place-items: center; border: 2px solid #fff; border-radius: 50%; background: var(--ct-purple); color: #fff; box-shadow: 0 2px 5px rgba(55,29,65,.18); }
.org-avatar-camera .ui-icon { width: 10px; height: 10px; color: inherit !important; }
.org-avatar-action:hover .org-avatar { border-color: var(--ct-purple); box-shadow: 0 0 0 3px var(--ct-purple-soft); }
.avatar { overflow: hidden; }
.profile-settings { max-width: 1040px !important; }
.profile-photo-editor { max-width: 1040px; margin-bottom: 32px; padding: 24px; border: 1px solid var(--ct-line); border-radius: 14px; background: var(--ct-surface); box-shadow: var(--ct-shadow); scroll-margin-top: 84px; }
.profile-photo-intro { display: grid; grid-template-columns: 88px minmax(0,1fr); gap: 20px; align-items: center; }
.profile-photo-current { display: grid; width: 88px; height: 88px; place-items: center; overflow: hidden; border: 1px solid #e1cce9; border-radius: 22px; background: var(--ct-purple-soft); color: var(--ct-purple); font-size: 30px; font-weight: 850; }
.profile-photo-current img { width: 100%; height: 100%; object-fit: cover; }
.profile-photo-intro h3 { margin: 0 0 7px; color: var(--ct-ink); font-size: 20px; letter-spacing: -.02em; }
.profile-photo-intro p:last-child { max-width: 64ch; margin: 0; color: var(--ct-muted); font-size: 13px; line-height: 1.55; }
.profile-avatar-form { margin-top: 24px; }
.profile-upload-row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding-bottom: 22px; border-bottom: 1px solid var(--ct-line); }
.profile-file-button { display: inline-flex; min-height: 42px; align-items: center; gap: 8px; padding: 0 15px; border: 1px solid var(--ct-purple); border-radius: 9px; background: var(--ct-purple-soft); color: var(--ct-purple) !important; font-weight: 780; cursor: pointer; }
.profile-file-button:hover { background: #e7d2f2; }
.profile-file-button .ui-icon { width: 17px; height: 17px; }
.profile-file-button input { position: absolute; width: 1px; height: 1px; min-height: 1px !important; padding: 0 !important; opacity: 0; }
.profile-upload-row small { color: var(--ct-muted); font-size: 11px; }
.profile-avatar-gallery { margin: 22px 0 0; padding: 0; border: 0; }
.profile-avatar-gallery legend { margin-bottom: 13px; color: var(--ct-ink); font-size: 13px; font-weight: 780; }
.profile-avatar-gallery > div { display: grid; grid-template-columns: repeat(5,minmax(80px,1fr)); gap: 12px; }
.profile-avatar-gallery label { display: block; cursor: pointer; }
.profile-avatar-gallery input { position: absolute; width: 1px; height: 1px; min-height: 1px !important; opacity: 0; }
.profile-avatar-gallery label > span { position: relative; display: block; aspect-ratio: 1; overflow: hidden; border: 2px solid transparent; border-radius: 16px; background: #f5edf8; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.profile-avatar-gallery img { display: block; width: 100%; height: 100%; object-fit: cover; }
.profile-avatar-gallery i { position: absolute; right: 7px; bottom: 7px; display: none; width: 24px; height: 24px; place-items: center; border: 2px solid #fff; border-radius: 50%; background: var(--ct-purple); color: #fff; font-size: 12px; font-style: normal; }
.profile-avatar-gallery label:hover > span { border-color: #cda7dd; transform: translateY(-1px); }
.profile-avatar-gallery input:focus-visible + span { outline: 3px solid #d4a9e7; outline-offset: 2px; }
.profile-avatar-gallery input:checked + span { border-color: var(--ct-purple); box-shadow: 0 0 0 3px var(--ct-purple-soft); }
.profile-avatar-gallery input:checked + span i { display: grid; }
.profile-avatar-actions { display: flex; justify-content: flex-end; margin-top: 20px; }
.profile-remove-avatar { margin-top: 10px; text-align: right; }
.profile-remove-avatar button { border: 0; background: transparent; color: var(--ct-purple); font: inherit; font-size: 12px; text-decoration: underline; cursor: pointer; }
.profile-data-form { padding-top: 28px; border-top: 1px solid var(--ct-line); }
@media (max-width: 760px) {
  .profile-photo-editor { padding: 18px; }
  .profile-photo-intro { grid-template-columns: 64px minmax(0,1fr); gap: 14px; }
  .profile-photo-current { width: 64px; height: 64px; border-radius: 16px; }
  .profile-avatar-gallery > div { grid-template-columns: repeat(2,minmax(90px,1fr)); }
  .profile-avatar-actions .button { width: 100%; }
}

@media (max-width: 700px) {
  .brand-upload-card { grid-template-columns: 1fr; }
  .brand-upload-preview { width: 92px; height: 92px; }
}

/* A faixa de homologação ocupa espaço real. O cabeçalho permanece logo abaixo,
   sem cobrir títulos ou ferramentas quando a página e os quadros rolam. */
.staging-banner { position: sticky; top: 0; }
.post-sales-workspace > .staging-banner + .app-shell,
.post-sales-workspace > .staging-banner + .app-shell .main {
  height: calc(100dvh - 32px);
}

/* Pós-venda: a mesma linguagem clara dos quadros operacionais, preservando a
   densidade, a edição direta e a identificação semântica das células. */
.post-sales-workspace .main {
  scrollbar-color: #b9a9c1 #eee6f1;
}
.post-sales-workspace .main::-webkit-scrollbar-track,
.post-sales-workspace .main::-webkit-scrollbar-corner { background: #eee6f1; }
.post-sales-workspace .main::-webkit-scrollbar-thumb {
  background: #b9a9c1;
  border-color: #eee6f1;
}
.post-sales-workspace .topbar { background: rgba(255,253,249,.97); }
.post-sales-workspace .board-heading h1,
.post-sales-workspace .board-heading p,
.board-record-count { color: var(--ct-ink); }
.post-sales-workspace .board-heading p,
.board-record-count { color: var(--ct-muted); }
.board-view-tabs { border-color: var(--ct-line); }
.board-view-tabs a { color: var(--ct-text); }
.board-view-tabs a[aria-current=page] {
  color: var(--ct-purple-dark);
  border-bottom-color: var(--ct-purple);
  font-weight: 700;
}
.board-view-tabs a:hover { background: var(--ct-purple-soft); }
.board-workbench button,
.board-workbench a { color: var(--ct-text); }
.board-workbench .workbench-add {
  background: var(--ct-purple);
  border-color: var(--ct-purple);
  color: #fff;
  font-weight: 700;
}
.board-workbench .workbench-add:hover {
  background: var(--ct-purple-dark);
  color: #fff;
}
.board-search-box {
  border-color: var(--ct-line-strong);
  background: var(--ct-surface);
  color: var(--ct-text);
}
.board-search-box:focus-within {
  border-color: var(--ct-purple);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(107,2,168,.1);
}
.board-workbench .board-search-box input {
  color: var(--ct-ink);
}
.board-search-box input::placeholder,
.board-search-settings { color: var(--ct-muted); }
.workbench-split > .filter-mode { border-color: var(--ct-line); }
.board-workbench .board-saved-views {
  background: var(--ct-surface);
  border-color: var(--ct-line-strong);
  color: var(--ct-text);
}
.board-view-summary { color: var(--ct-muted); }
.board-view-summary button,
.board-view-summary a { color: var(--ct-purple); }
.board-release { color: var(--ct-muted); }
.board-columns summary,
.board-layout-reset { color: var(--ct-text); }
.board-columns summary:hover,
.board-columns[open] summary,
.board-layout-reset:hover { background: var(--ct-purple-soft); color: var(--ct-purple); }
.board-columns > div,
.board-column-popup,
.board-status-popup,
.board-tool-popup,
.board-group-dialog,
.cell-emoji-popup,
.mention-picker {
  background: var(--ct-surface);
  border-color: var(--ct-line-strong);
  color: var(--ct-text);
  box-shadow: var(--ct-shadow);
  color-scheme: light;
}
.board-tool-popup :is(strong,label),
.board-group-dialog :is(strong,label),
.status-popup-header strong,
.cell-emoji-popup strong { color: var(--ct-ink); }
.board-tool-popup p,
.board-group-dialog p,
.status-popup-choices p,
.quick-filter-columns h4,
.person-filter-list small { color: var(--ct-muted); }
.board-tool-popup button,
.board-group-dialog button,
.status-popup-header button,
.cell-emoji-popup header button {
  color: var(--ct-text);
  border-color: var(--ct-line);
}
.board-tool-popup button:hover,
.board-group-dialog button:hover { background: var(--ct-purple-soft); color: var(--ct-purple); }
.board-tool-popup input:not([type=checkbox]):not([type=color]),
.board-tool-popup select,
.board-group-dialog input,
.board-group-dialog select,
.board-status-popup input,
.cell-emoji-popup input,
.mention-picker input {
  background: #fcfafc;
  border-color: var(--ct-line-strong);
  color: var(--ct-ink);
}
.board-tool-popup footer,
.column-contextual-actions { border-color: var(--ct-line); }
.quick-filter-columns,
.quick-filter-values,
[data-panel-content] { scrollbar-color: #b9a9c1 #eee6f1; }
.quick-filter-values button { background: #f8f2fa; color: var(--ct-text); }
.advanced-group,
.xp-diagnostic,
.xp-event { border-color: var(--ct-line); }
.monday-grid .board-group-title button { color: var(--ct-purple-dark); }
.monday-grid .board-extra-pinned { background: var(--ct-surface); }
.monday-grid td.status-cell,
.monday-grid .board-extra-pinned.status-cell {
  background: color-mix(in srgb, var(--cell-color, #8f8793) 30%, #fff);
  color: var(--ct-ink);
}
.monday-grid .status-cell :is(input,select,button) { color: var(--ct-ink); font-weight: 650; }
.monday-grid tbody tr:hover td { box-shadow: inset 0 0 0 999px rgba(107,2,168,.035); }
.monday-grid .board-row-selected td:not(.status-cell) { background: var(--ct-purple-soft) !important; }
.monday-grid .board-row-selected td.status-cell { box-shadow: inset 0 0 0 1px var(--ct-purple); }

/* Experiência de Compra: mesma casa visual de Reputação e Pós-venda. */
.experience-workspace {
  --xp-bg: var(--ct-canvas);
  --xp-surface: var(--ct-surface);
  --xp-surface-2: var(--ct-surface-lilac);
  --xp-line: var(--ct-line);
  --xp-text: var(--ct-ink);
  --xp-muted: var(--ct-muted);
  --xp-blue: var(--ct-purple);
  --xp-yellow: var(--ct-orange);
  --xp-green: var(--ct-green);
  background: var(--ct-canvas);
  color: var(--ct-text);
  color-scheme: light;
}
.experience-workspace .main,
.experience-workspace .content,
.experience-workspace .topbar { background: var(--ct-canvas); }
.xp-heading h1,
.xp-tabs a[aria-current=page],
.xp-summary strong,
.xp-group-title,
.xp-group-title strong,
.xp-product strong,
.xp-next-action { color: var(--ct-ink); }
.xp-kicker { color: var(--ct-orange-dark) !important; }
.xp-heading div > p:last-child,
.xp-cell-secondary,
.xp-group-title small { color: var(--ct-muted); }
.xp-back {
  color: var(--ct-purple);
  border-color: var(--ct-line-strong);
  background: var(--ct-surface);
}
.xp-back:hover { background: var(--ct-purple-soft); border-color: #c7a8d6; }
.xp-tabs,
.xp-summary { border-color: var(--ct-line); }
.xp-tabs a { color: var(--ct-text); }
.xp-tabs a[aria-current=page] { border-bottom-color: var(--ct-purple); }
.xp-filters input,
.xp-filters select {
  background: var(--ct-surface);
  color: var(--ct-ink);
  border-color: var(--ct-line-strong);
}
.xp-filters button,
.xp-action,
.xp-save { background: var(--ct-purple); border-color: var(--ct-purple); color: #fff; }
.xp-filters > a { color: var(--ct-purple); }
.xp-table-wrap {
  background: var(--ct-surface);
  border-color: var(--ct-line);
  box-shadow: 0 1px 2px rgba(67,42,76,.035);
}
.xp-table-wrap th { background: #efe8f2; color: #5f5265; border-color: var(--ct-line); }
.xp-table-wrap td { color: var(--ct-text); border-color: var(--ct-line); }
.xp-table-wrap tbody tr:hover { background: #f8f1fb; }
.xp-store { background: var(--ct-orange-soft); color: var(--ct-orange-dark); }
.xp-score.danger { background: var(--ct-red-soft); color: var(--ct-red); }
.xp-score.warning { background: var(--ct-orange-soft); color: var(--ct-orange-dark); }
.xp-score.good { background: var(--ct-green-soft); color: var(--ct-green); }
.xp-score.none { background: #ece9ee; color: #5e5761; }
.xp-state { background: var(--ct-blue-soft); color: var(--ct-blue); }
.xp-state.resolved_confirmed { background: var(--ct-green-soft); color: var(--ct-green); }
.xp-state.waiting_ml_return,
.xp-state.waiting_bianca { background: var(--ct-orange-soft); color: var(--ct-orange-dark); }
.xp-state.technical_review,
.xp-state.meli_accelera { background: var(--ct-purple-soft); color: var(--ct-purple); }
.xp-action.secondary { background: var(--ct-surface); border-color: var(--ct-line-strong); color: var(--ct-purple); }
.xp-empty { border-color: var(--ct-line-strong); color: var(--ct-muted); }
.xp-empty h2 { color: var(--ct-ink); }
#xp-panel {
  background: var(--ct-surface);
  color: var(--ct-text);
  border-color: var(--ct-line);
  box-shadow: -18px 0 50px rgba(67,42,76,.18);
  color-scheme: light;
}
#xp-panel::backdrop { background: rgba(45,34,50,.32); }
#xp-panel > header h2,
#xp-panel > nav button[aria-current=page],
#xp-form legend,
#xp-form label { color: var(--ct-ink); }
#xp-panel > header p,
#xp-panel > header span,
#xp-panel > nav button,
.xp-summary-label small,
.xp-event small { color: var(--ct-muted); }
#xp-panel > header button { color: var(--ct-text); }
#xp-panel > header button:hover { background: var(--ct-purple-soft); }
#xp-panel > nav,
#xp-form footer { border-color: var(--ct-line); }
#xp-panel > nav button[aria-current=page] { border-bottom-color: var(--ct-purple); }
#xp-form fieldset label > span,
#xp-form input:not([type=radio]),
#xp-form select,
#xp-form textarea,
.xp-diagnostic,
.xp-event {
  background: #fcfafc;
  border-color: var(--ct-line);
  color: var(--ct-ink);
}
#xp-form fieldset input:checked + span {
  border-color: var(--ct-purple);
  background: var(--ct-purple-soft);
  box-shadow: 0 0 0 1px var(--ct-purple);
}
.xp-diagnostic strong { color: var(--ct-purple); }
.xp-diagnostic p,
.xp-diagnostic li,
.xp-event p { color: var(--ct-text); }
.xp-dictate,
.xp-cancel { background: var(--ct-surface); border-color: var(--ct-line-strong); color: var(--ct-purple); }
.xp-error { background: var(--ct-red-soft); border-color: #e8bbc0; color: var(--ct-red); }

.profile-self-service {
  width: min(1120px, calc(100% - 48px));
  margin: 36px auto 64px;
}
.profile-self-service .settings-panel { padding: clamp(24px, 4vw, 44px); }

@media (max-width: 840px) {
  .board-workbench .board-saved-views { margin-left: 0; }
  .post-sales-workspace > .staging-banner + .app-shell,
  .post-sales-workspace > .staging-banner + .app-shell .main {
    height: calc(100dvh - 46px);
  }
  .profile-self-service {
    width: min(100% - 24px, 1120px);
    margin-top: 20px;
  }
}