/* iCatuai 2027 · canonical Intranet design system
   Visual-only authority. No content, data, structure or behavior changes. */

:root{
  --oak:#644F3A;
  --oak-deep:#4F3D2D;
  --ink:#473E37;
  --ink-soft:#5E534A;
  --text:#51473F;
  --muted:#756A61;
  --muted-2:#9B928A;

  --green:#606A5B;
  --green-soft:rgba(96,106,91,.09);
  --amber:#8D6B35;
  --amber-soft:rgba(141,107,53,.10);
  --red:#9A554C;
  --red-soft:rgba(154,85,76,.09);

  --ivory:#F5F2EC;
  --paper:#FBF9F5;
  --white:#FFFFFF;
  --canvas:#F5F2EC;
  --soft:rgba(100,79,58,.055);
  --soft-2:rgba(100,79,58,.085);
  --soft-blue:rgba(100,79,58,.06);
  --soft-teal:var(--green-soft);

  --line:rgba(71,62,55,.16);
  --line-strong:rgba(71,62,55,.28);
  --focus:rgba(100,79,58,.44);

  --radius-sm:9px;
  --radius:12px;
  --radius-lg:16px;
  --radius-xl:20px;
  --shadow-sm:0 6px 18px rgba(71,62,55,.045);
  --shadow:0 14px 38px rgba(71,62,55,.075);
  --shadow-lg:0 24px 64px rgba(71,62,55,.12);

  /* Backward-compatible aliases for legacy modules. */
  --teal:var(--oak);
  --blue:var(--oak);
}

*{scrollbar-color:rgba(100,79,58,.24) transparent}
html,body{background:var(--ivory)!important}
body,button,input,select,textarea{
  font-family:"Instrument Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important
}
body{color:var(--ink)!important}

/* Typography: Play is reserved for the iCatuai wordmark. */
h1,h2,h3,h4,h5,h6,
.primary-tab,.primary-tab[data-view="now"]>span:first-child::after,
.view-header h1,.intelligence-view-header h1,.company-view-header h1,
#view-people>.company-view-header h1,#view-resources>.company-view-header h1,
#view-governance>.company-view-header h1,#view-movements>.company-view-header h1,
#view-governance .method-knowledge-flow-head h2,#view-governance .method-knowledge-flow-stage h3,
#view-governance .method-design-card h3,#view-resources .resource-card h3,
#view-governance .document-section h2,#view-governance .document-section h3,
#view-governance .document-index-link,
.explore-question-title,.explore-question-queue-heading h3,.explore-question-queue-copy strong,
.radar-principle strong,.radar-board-heading h2,.radar-metric strong,
.help-header h2,.ask-heading h2,.ask-empty strong,.ask-result-card>h3,
#todayLabel{
  font-family:"Instrument Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important
}
h1,.view-header h1,.company-view-header h1,.intelligence-view-header h1{font-weight:600!important;letter-spacing:-.035em!important}
h2,h3,h4,h5,h6{letter-spacing:-.02em}
.brand-name{
  font-family:"Play",Arial,sans-serif!important;
  font-weight:400!important;
  color:var(--oak)!important;
  letter-spacing:-.03em!important
}
.brand{color:var(--oak)!important}

/* Navigation: quiet, architectural, consistent. */
.topbar{
  background:rgba(245,242,236,.94)!important;
  border-bottom-color:var(--line)!important;
  box-shadow:none!important
}
.primary-tabs-wrap{
  background:rgba(245,242,236,.96)!important;
  border-bottom-color:var(--line)!important;
  box-shadow:none!important
}
.primary-tabs,.secondary-tabs,.view-tabs{font-family:"Instrument Sans",system-ui,sans-serif!important}
.primary-tab{
  color:var(--muted)!important;
  font-size:13px!important;
  font-weight:500!important;
  letter-spacing:-.01em!important
}
.primary-tab:hover{color:var(--ink)!important}
.primary-tab.active{color:var(--ink)!important;font-weight:600!important}
.primary-tab::after{background:transparent!important}
.primary-tab.active::after{background:var(--oak)!important}
.primary-tab[data-view="now"]>span:first-child::after{font:600 13px/1 "Instrument Sans",system-ui,sans-serif!important}
.nav-count{background:var(--soft)!important;color:var(--muted)!important}
.primary-tab.active .nav-count{background:var(--soft-2)!important;color:var(--oak)!important}

/* Surfaces: one family, minimal elevation. */
.search-trigger,.account-trigger,.access-card,.field input,.secondary,
.company-card,.explore-card,.explore-card-clean,.explore-question-card,
.ask-shell,.ask-result-card,.unified-view-toolbar,.method-unified-toolbar,
.sheet-shell,.resource-card,.method-design-card,.metric-strip,.panel,.table-shell,
.theme-card,.search-shell,.enrollment,.header-count,.inline-search,
.filter-control select,.metadata-item,.radar-board-shell,.radar-priority-panel,
.help-grid section,#view-governance .document-section{
  background:var(--paper)!important;
  border-color:var(--line)!important
}
.access-card,.explore-question-card,.ask-dialog,.sheet-shell{box-shadow:var(--shadow)!important}
.company-card,.explore-card,.ask-result-card,.resource-card,.method-design-card,
.metric-strip,.panel,.table-shell,.theme-card,.radar-board-shell,.radar-priority-panel{
  box-shadow:none!important
}
.company-card:hover,.explore-card:hover,.explore-card-clean:hover,.ask-result-card:hover,
.resource-card:hover,.method-design-card:hover{
  border-color:var(--line-strong)!important;
  box-shadow:var(--shadow-sm)!important
}
.data-table tr{background:var(--paper)!important}
.data-table th,.context-tabs{background:var(--soft)!important}

/* Controls: same geometry and focus language everywhere. */
.search-trigger,.field input,.inline-search,.filter-control select,
.mode-switch,.ask-input-row input,.method-search input{
  min-height:42px!important;
  border-color:var(--line)!important;
  border-radius:var(--radius-sm)!important
}
.search-trigger:hover,.account-trigger:hover,.secondary:hover,
.inline-search:hover,.filter-control select:hover{border-color:var(--line-strong)!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,
summary:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--focus)!important;
  outline-offset:2px!important
}
.field input:focus,.ask-input-row input:focus,.method-search input:focus,
.inline-search:focus-within,.filter-control select:focus,
.explore-card.editing,.manual-edit-field textarea:focus{
  border-color:rgba(100,79,58,.48)!important;
  box-shadow:0 0 0 3px rgba(100,79,58,.09)!important
}
.primary,.ask-input-row button,.ask-open-record{
  background:var(--ink)!important;
  color:var(--paper)!important;
  border-color:var(--ink)!important
}
.primary:hover,.ask-input-row button:hover,.ask-open-record:hover{
  background:var(--oak)!important;
  border-color:var(--oak)!important;
  filter:none!important
}
.secondary{background:var(--paper)!important;color:var(--ink)!important}
.text-button,.record-open,.panel-link,.quiet-action{color:var(--oak)!important}

/* Section hierarchy. */
.overline,.view-meta,.section-kicker,.sheet-eyebrow,
.intelligence-view-kicker,.company-view-kicker,
.explore-question-label,.workflow-label,.saved-view-row>span{color:var(--oak)!important}
.intelligence-view-header::after,.company-view-header::after,
#view-people>.company-view-header::after,#view-resources>.company-view-header::after,
#view-governance>.company-view-header::after,#view-movements>.company-view-header::after{
  background:var(--line-strong)!important;
  opacity:1!important
}
.intelligence-view-kicker::before,.company-view-kicker::before,
#view-people>.company-view-header .company-view-kicker::before,
#view-resources>.company-view-header .company-view-kicker::before,
#view-governance>.company-view-header .company-view-kicker::before,
#view-movements>.company-view-header .company-view-kicker::before{background:var(--oak)!important}

/* Active states: Oak for selection, green only for semantic positive states. */
.workflow-tabs button.active,.saved-view-tabs button.active,
.explore-type-tabs button.active,.mode-switch button.active,
.ask-source-toggle.active,.ask-source-filter.active{
  border-color:rgba(100,79,58,.24)!important;
  background:var(--soft-2)!important;
  color:var(--oak)!important
}
.explore-type-tabs button.active small{background:rgba(100,79,58,.10)!important}
.badge-neutral,.explore-kind,.confidence,.ask-kind{background:var(--soft)!important;color:var(--muted)!important}
.kind-oportunidade,.confidence-verificado,.ask-badge,.status{background:var(--green-soft)!important;color:var(--green)!important}
.kind-tema,.confidence-hipotese{background:var(--amber-soft)!important;color:var(--amber)!important}
.status.error{background:var(--red-soft)!important;color:var(--red)!important}
.kind-sinal,.kind-empresa,.kind-tecnologia{background:var(--soft)!important;color:var(--ink-soft)!important}

/* Remove decorative SaaS gradients / blue-teal legacy. */
.radar-command,.radar-cell,.radar-cell.relevance-3,.lane-act>header,
#view-governance .document-section:first-child,
.explore-card-clean,.manual-context,.explore-question-evidence{background-image:none!important}
.radar-command,#view-governance .document-section:first-child{
  background:var(--paper)!important;
  border-color:var(--line)!important
}
.radar-cell{background:rgba(251,249,245,.78)!important}
.radar-cell.relevance-3{
  background:var(--green-soft)!important;
  border-color:rgba(96,106,91,.20)!important
}
.radar-row-label{background:var(--soft)!important}
.radar-row-label.relevance-3{background:var(--green-soft)!important;color:var(--green)!important}
.radar-action-dot{background:rgba(117,106,97,.45)!important}
.radar-action-dot.action-3{background:var(--oak)!important}
.radar-action-dot.action-2{background:var(--green)!important}
.rating-meter i.filled{background:var(--oak)!important}
.manual-context,.explore-question-evidence{
  border-color:rgba(96,106,91,.20)!important;
  background:var(--green-soft)!important
}

/* Ask / overlays: same warm-neutral environment. */
.ask-header,.ask-query-zone{background:rgba(251,249,245,.97)!important}
.ask-close,.ask-input-row input,.ask-suggestions button,.ask-source-toggle,
.ask-source-glyph,.explore-question-evidence-button,.explore-question-company-open,
.explore-card-clean .record-open{background:var(--paper)!important}
.ask-dialog::backdrop,.help-dialog::backdrop{background:rgba(71,62,55,.30)!important}
.ask-source-panel{background:rgba(245,242,236,.62)!important}
.ask-source-glyph.category-empresa,.ask-source-glyph.category-mercado,
.ask-source-glyph.category-tecnologia{background:var(--soft)!important;color:var(--ink-soft)!important}
.ask-source-glyph.category-regulacao{background:var(--red-soft)!important;color:var(--red)!important}
.ask-source-glyph.category-evidencia{background:var(--green-soft)!important;color:var(--green)!important}
.ask-suggestions button:hover,.ask-source-toggle:hover,.ask-source-toggle.active,
.explore-question-evidence-button:hover,.explore-question-company-open:hover{
  border-color:var(--line-strong)!important;
  color:var(--oak)!important
}

/* Hover states remain quiet. */
.metric-item:hover,.focus-row:hover,.pulse-row:hover,.distribution-item:hover,
.clickable-row:hover td,.update-entry:hover{background:rgba(100,79,58,.035)!important}
.clickable-row:focus-visible{outline-color:var(--focus)!important}
.editor-toast{border-color:rgba(96,106,91,.25)!important;background:var(--paper)!important}

/* Preserve semantic LinkedIn blue only where an external LinkedIn action is the meaning. */
a[href*="linkedin.com"],.linkedin-link{--external-linkedin:#0A66C2}

/* Mobile: same language, lower density. */
@media(max-width:760px){
  .primary-tab{font-size:14px!important}
  .primary-tab[data-view="now"]>span:first-child::after{font-size:14px!important}
  .access-card,.explore-question-card,.ask-result-card{border-radius:14px!important}
}


/* 2026-10-05 · Agir/Pulse/mobile final coherence guard */
#view-now .action-stage::before{background:var(--oak)!important}
#view-now .action-stage-kicker-dot{background:var(--oak)!important}
#view-now .action-stage-date strong{
  background:none!important;
  color:var(--ink)!important;
  -webkit-text-fill-color:currentColor!important
}
#view-now .action-stage-primary-copy h2{
  color:var(--ink)!important;
  font-family:"Instrument Sans",system-ui,sans-serif!important
}
#view-now .action-stage-primary .action-stage-open{
  border-color:var(--ink)!important;
  background:var(--ink)!important;
  color:var(--paper)!important;
  box-shadow:0 10px 24px rgba(71,62,55,.12)!important
}
#view-now .action-stage-primary .action-stage-open:hover{
  background:var(--oak)!important;
  border-color:var(--oak)!important;
  box-shadow:0 12px 28px rgba(71,62,55,.14)!important
}
#view-now .action-stage-secondary{
  background:var(--paper)!important;
  border-left-color:var(--line)!important
}
#view-now .agir-pulse-panel{
  border-color:var(--line)!important;
  background:rgba(251,249,245,.78)!important
}
#view-now .agir-pulse-panel h2,
#view-now .pulse-editorial-card h3{color:var(--ink)!important}

@media(max-width:760px){
  #view-now .action-stage-primary-copy h2{
    font-size:27px!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important
  }
  .editorial-assets-dock{right:12px!important;bottom:12px!important;flex-direction:row!important}
  .editorial-assets-fab{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important}
  .editorial-assets-fab-label{display:none!important}
}

/* Private intranet shortcut to authenticated Executive Search Flow */
.ies-flow-entry{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;text-decoration:none;border:1px solid rgba(71,62,55,.2);color:#473e37;border-radius:10px;padding:8px 11px;font:600 12px "Instrument Sans",system-ui,sans-serif;background:rgba(255,255,255,.4)}
.ies-flow-entry:hover{background:#fbf9f5}
@media(max-width:640px){.ies-flow-entry{font-size:11px;padding:7px 9px}}