/* Page-scoped rules for templates/companies/ (docs/UI.md §5). Prefix every class with the portal's family. */

/* Bento 01 dashboard: four independent signals and four task-centered panels. */
.cp-kpi-tile{color:var(--ink);text-decoration:none!important}
.cp-kpi-tile:hover{border-color:var(--icon-muted)}
.cp-kpi-lbl{text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:600}
.cp-kpi-tile.is-empty .tile-num{color:var(--ter)}
.cp-kpi-detail{display:inline-flex;align-items:center;gap:5px}
.cp-kpi-detail.ok{color:var(--ok)}.cp-kpi-detail.warn{color:var(--warn)}.cp-kpi-detail.bad{color:var(--bad)}
.cp-kpi-detail.info{color:var(--info)}.cp-kpi-detail.neu{color:var(--ter)}
.cp-dashboard-head{animation:none;margin-bottom:14px}
.cp-dashboard-head .actions{margin-left:auto}
.cp-dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
.cp-dashboard-kpis .cp-kpi-tile{min-height:134px;padding:12px 13px;gap:5px}
.cp-dashboard-kpis .tile-num{font-size:31px;font-weight:700;letter-spacing:-.03em;line-height:1;margin-top:auto}
.cp-kpi-progress{display:block;height:4px;margin-top:2px;overflow:hidden;border-radius:999px;background:var(--accent-soft-2)}
.cp-kpi-progress>span{display:block;width:var(--w,0%);height:100%;border-radius:inherit;background:var(--accent-ink);transition:width .35s ease}
.cp-dashboard-kpis .cp-kpi-unit{font-size:10.5px;font-weight:400;letter-spacing:0;color:var(--ter)}
.cp-dashboard-kpis .cp-kpi-detail{font-size:10.5px;line-height:1.4}
.cp-dashboard-kpis .cp-kpi-detail svg{flex:none}
.cp-dashboard-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);grid-template-areas:"actions opens" "investors activity";gap:12px;align-items:stretch}
.cp-dashboard-layout>.panel{display:flex;flex-direction:column;min-width:0;min-height:0;margin:0}
.cp-dashboard-layout>.panel .panel-head{min-height:43px;align-items:flex-start}
.cp-dashboard-layout>.panel .panel-head .sub{margin:2px 0 0;font-size:10.5px;color:var(--ter)}
.cp-dashboard-layout>.panel .panel-body{flex:1;min-height:0}
.cp-dashboard-investors{grid-area:investors}
.cp-opens-panel{grid-area:opens}
.cp-priority-panel{grid-area:actions}
.cp-activity-panel{grid-area:activity}
.cp-dashboard-layout .panel-head-link{margin-left:auto;white-space:nowrap;font-size:11px;font-weight:600}
.cp-capital-table table{table-layout:auto}
.cp-capital-table th,.cp-capital-table td{padding:9px 11px;white-space:nowrap}
.cp-capital-table th:first-child{white-space:normal}
.cp-capital-table tbody th{font-size:12px;font-weight:600;text-align:left}
.cp-investor-link{color:var(--ink);text-decoration:none}
.cp-investor-link:hover{color:var(--accent-ink);text-decoration:underline}
.cp-capital-table .d{display:block;margin-top:2px}
.cp-opens-body{display:flex;flex-direction:column;justify-content:center;padding:12px 14px!important}
.cp-opens-summary{display:flex;align-items:baseline;gap:6px;margin-bottom:12px;color:var(--sec);font-size:10.5px}
.cp-opens-summary .mono{color:var(--ink);font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1}
.cp-opens-chart{display:block;width:100%;height:78px;overflow:visible;color:var(--accent-ink)}
.cp-opens-chart rect{fill:currentColor}
.cp-opens-baseline{stroke:var(--line);stroke-width:1}
.cp-opens-axis{display:flex;justify-content:space-between;margin-top:5px;color:var(--ter);font-size:9.5px}
.cp-opens-empty{margin:auto 0;color:var(--ter);font-size:11px}
.cp-priority-panel .panel-body{padding:12px 13px}
.cp-next-action{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--expanded)}
.cp-next-action-copy{min-width:0;flex:1}
.cp-next-action-copy .section-label{display:block;margin-bottom:3px;color:var(--accent-2-ink);font-size:9.5px}
.cp-next-action-copy h3{font-size:12.5px;line-height:1.4}
.cp-next-action-copy .sub{margin:3px 0 0;font-size:10.5px}
.cp-next-action>.btn{flex:none}
.cp-pending-questions{margin-top:11px}
.cp-pending-head{display:flex;align-items:center;gap:8px;margin-bottom:2px}
.cp-pending-head h3{font-size:11px;font-weight:650}
.cp-pending-head .mono{display:inline-grid;min-width:19px;height:19px;place-items:center;padding:0 4px;border:1px solid var(--line);color:var(--sec);font-size:10px}
.cp-question-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px;padding:8px 0}
.cp-question-text{grid-column:1;grid-row:1;color:var(--ink);font-size:11.5px;font-weight:600;line-height:1.4;text-decoration:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.cp-question-text:hover{color:var(--accent-ink)}
.cp-question-meta{grid-column:1;grid-row:2;color:var(--ter);font-size:10.5px}
.cp-question-list .status{grid-column:2;grid-row:1/3;white-space:nowrap}
.cp-questions-link{display:inline-flex;margin-top:7px;font-size:11px;font-weight:600}
.cp-other-actions{margin-top:9px;border-top:1px solid var(--line-2);padding-top:7px}
.cp-other-actions summary{width:max-content;max-width:100%;padding:3px 0;color:var(--accent-ink);font-size:11px;font-weight:600;cursor:pointer}
.cp-action-list{margin-top:2px}
.cp-action-list li{padding:8px 0;gap:8px}
.cp-action-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--warn-ico)}
.cp-action-dot.bad{background:var(--bad-ico)}.cp-action-dot.info{background:var(--info-ico)}
.cp-action-text{font-size:11.5px}
.cp-action-text .d{font-size:10.5px;color:var(--ter)}
.cp-priority-link{display:inline-flex;margin:8px 0 0}
.cp-activity-list li{align-items:flex-start;padding:9px 0;gap:8px}
.cp-activity-marker{width:8px;height:8px;flex:none;margin-top:6px;border-radius:50%;background:var(--accent-ink)}
.cp-activity-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.cp-activity-copy>span{overflow-wrap:anywhere}
.cp-activity-title{font-size:11.5px;font-weight:600;color:var(--ink)}
.cp-activity-list time{flex:none}
@media (max-width:1100px){.cp-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-dashboard-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"actions" "opens" "investors" "activity"}.cp-dashboard-layout>.panel{min-height:0}.cp-opens-panel{min-height:170px!important}.cp-opens-body{min-height:125px!important}}
@media (max-width:768px){.cp-dashboard-head{align-items:flex-start;flex-direction:row}.cp-dashboard-head .actions{margin-left:0}.cp-dashboard-layout>.panel{min-height:0}.cp-capital-table .tbl{overflow-x:auto}.cp-next-action{align-items:flex-start;flex-direction:column}.cp-next-action>.btn{align-self:flex-start}.cp-activity-list li{flex-wrap:wrap}.cp-activity-list time{margin-left:16px}}
@media (max-width:380px){.cp-dashboard-kpis{grid-template-columns:minmax(0,1fr)}}

/* .list rows are flex; the pendência title + detail stack inside one cell. */


/* Onboarding wizard (SPEC §7.1): a progress rail beside one step panel. The rail owns
   progress (count + bar, done / current / locked steps with their pending fields); the
   step panel owns the question, the fields, inline errors and the save/continue foot. */
.cp-wizard{display:grid;grid-template-columns:236px minmax(0,1fr);gap:12px;align-items:start}
.cp-wizard>.panel{margin:0}
.cp-wizard-rail{position:sticky;top:12px}
.cp-wizard-progress{display:flex;flex-direction:column;gap:6px;padding:14px 14px 12px;border-bottom:1px solid var(--line-2)}
.cp-wizard-site{height:112px}
.cp-wizard-site .il{display:block;width:100%;height:100%}
.cp-wizard-count{display:flex;flex-direction:column;gap:2px;margin:0;color:var(--sec);font-size:12px;line-height:1.4}
.cp-wizard-count b{color:var(--ink);font-size:13px;font-weight:600}
.cp-stepper{display:flex;flex-direction:column;margin:0;padding:6px;list-style:none}
.cp-step{min-width:0}
.cp-step a,.cp-step>span{display:flex;align-items:flex-start;gap:10px;padding:9px 8px;border-radius:var(--r);color:var(--sec);text-decoration:none!important}
.cp-step a:hover{background:var(--expanded)}
.cp-step a:hover .cp-step-lbl{color:var(--ink)}
.cp-step-num{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:var(--sunken);color:var(--sec);font-size:11px;font-weight:700;flex:none}
.cp-step-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.cp-step-lbl{font-size:12.5px;font-weight:600;line-height:1.35}
.cp-step-state{font-size:10.5px;color:var(--ter);line-height:1.35}
.cp-step.is-current a{background:var(--expanded);color:var(--ink)}
.cp-step.is-current .cp-step-num{background:var(--accent);color:#fff}
.cp-step.is-done .cp-step-num{background:var(--ok-bg);color:var(--ok)}
.cp-step.is-locked>span{color:var(--ter)}
.cp-step.is-locked .cp-step-num{background:var(--surface);border:1px solid var(--line);color:var(--ter)}
.cp-wizard-intro{display:block}
.cp-wizard-intro .section-label{display:block;font-size:10px;margin-bottom:2px}
.cp-wizard-intro h2{font-size:18px;font-weight:650;letter-spacing:-.015em}
.cp-step-lead{margin:0 0 14px;color:var(--sec);font-size:12.5px;line-height:1.5}
.cp-wizard-step .form-grid .field{margin-bottom:14px}
.cp-docs-step .cp-step-lead{margin-bottom:10px}
.cp-round-line{margin:0;align-items:center;flex-wrap:wrap}
.cp-round-line-link{margin-left:auto;font-weight:600}
.cp-round-option{min-width:0;margin:18px 0 0;padding:14px 0 0;border:0;border-top:1px solid var(--line-2)}
.cp-round-option legend{padding:0;color:var(--ink);font-size:13px;font-weight:600}
.cp-round-option .cp-step-lead{margin:8px 0 12px}
.cp-round-option .check{margin-bottom:12px}
.cp-docs-alert{margin:0;align-items:center;flex-wrap:wrap}
.cp-docs-alert-link{margin-left:auto;font-weight:600}

/* Documents step: the optional-documents toggle under the table, inside the flush body. */
.cp-tbl-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 13px;border-top:1px solid var(--line-2)}

/* Review step: one collapsible card per step, driven by Alpine. */
.cp-review{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.cp-review-sec{border:1px solid var(--line-2);border-radius:var(--r-sm);overflow:hidden}
.cp-review-head{display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--expanded)}
.cp-review-toggle{flex:1;display:flex;align-items:center;gap:10px;min-width:0;background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--ink);cursor:pointer;text-align:left}
.cp-review-toggle svg{flex:none;color:var(--icon-muted);transition:transform .15s ease}
.cp-review-toggle[aria-expanded="true"] svg{transform:rotate(90deg)}
.cp-review-body{padding:14px 16px;border-top:1px solid var(--line-2)}
.cp-review-body p:last-child{margin-bottom:0}

/* Data room trash (EMP-4, companies/partials/dataroom_trash.html): the restore modal lives
   inside a table cell, so the table alignment is undone on it. */
.cp-docs-modal{text-align:left;white-space:normal;font-weight:400}
.cp-docs-flash{padding-bottom:0}
.cp-docs-flash>*:last-child{margin-bottom:12px}

/* Investor access (SPEC §9.2): one panel per decision — documents × investors, then the rating
   vectors released under NDA. Sticky document column, investor columns, one toggle per cell:
   the pair's grant status is the toggle itself — neutral when blocked, ok-green when released. */
.cp-access,.cp-release>.panel{margin-bottom:12px}
.cp-release>.panel{scroll-margin-top:calc(var(--bar-h) + 12px)}
.cp-access-overview{margin-bottom:12px}
.cp-access-next{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 0}
.cp-access-audience{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));list-style:none;margin:0;padding:0 18px;gap:0 24px}
.cp-access-audience li{display:flex;flex-direction:column;gap:4px;padding:14px 0;min-width:0;overflow-wrap:anywhere}
.cp-access-audience li b{font-weight:600}
.cp-access-audience li span{font-size:12px}
.cp-access-details{margin:12px 0}
.cp-access-details>summary{cursor:pointer;padding:14px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);font-weight:600}
.cp-access-details>summary:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}
.cp-access-details>summary .ter{margin-left:8px;font-size:12px}
.cp-access-details[open]>summary{border-bottom:0}
.cp-dashboard-layout thead th,.cp-access thead th,.cp-release thead th{background:var(--surface)}
.cp-access-sub{margin:2px 0 0;font-size:11px;color:var(--ter)}
.cp-access-legend{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--ter);white-space:nowrap}
.cp-access-key{width:8px;height:8px;border-radius:50%;background:var(--neu-ico);margin-left:6px}
.cp-access-key.is-on{background:var(--ok-ico);margin-left:0}
.cp-matrix table{table-layout:auto}
.cp-matrix thead th{padding:9px 13px}
.cp-matrix thead th:first-child,.cp-matrix tbody th{position:sticky;left:0;z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--line-2)}
.cp-matrix thead th:first-child{background:var(--expanded)}
.cp-matrix tbody th{padding:10px 13px;border-bottom:1px solid var(--line-2);text-align:left;vertical-align:middle;min-width:220px}
.cp-matrix tbody td{padding:10px 13px}
.cp-matrix tbody tr:last-child th{border-bottom:0}
.cp-matrix tbody tr:hover th{background:var(--expanded)}
.cp-matrix-doc b{font-weight:600;font-size:12.5px}
.cp-matrix-doc .d{display:block;font-size:11px;color:var(--ter);margin-top:2px}
.cp-matrix-investor{white-space:normal;min-width:170px;max-width:240px;vertical-align:bottom}
.cp-matrix-investor b{display:block;text-transform:none;letter-spacing:-.01em;font-size:12.5px;color:var(--ink)}
.cp-matrix-investor small{display:block;font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ter)}
.cp-matrix-thesis{margin-top:2px}
.cp-cell{white-space:nowrap}
.cp-cell form{display:inline}
.cp-cell .field-error{display:block}
.cp-toggle{display:inline-flex;align-items:center;gap:7px;padding:3px 9px;border-radius:var(--r);border:1px solid transparent;font:inherit;font-size:11.5px;font-weight:600;letter-spacing:-.01em;line-height:1.5;cursor:pointer;background:var(--neu-bg);color:var(--neu);transition:background .15s ease,color .15s ease}
.cp-toggle .dot{width:7px;height:7px;border-radius:999px;background:var(--neu-ico);flex:none}
.cp-toggle:hover{border-color:var(--line)}
.cp-toggle:focus-visible{outline:none;box-shadow:var(--focus)}
.cp-cell.is-on .cp-toggle{background:var(--ok-bg);color:var(--ok)}
.cp-cell.is-on .cp-toggle .dot{background:var(--ok-ico)}
.cp-cell.is-on .cp-toggle:hover{border-color:var(--ok-ico)}
/* The rating-release partial (templates/investors/) is shared; on this page its row headers read
   as the matrix's document column: left-aligned label with the weight under it. */
.cp-release .panel-head{flex-wrap:wrap}
.cp-release .panel-head .sub{margin:2px 0 0;font-size:11px;color:var(--ter)}
.cp-release .panel-head>.ter{font-size:11px}
.cp-release .summary{padding:8px 13px;font-size:12px}
.cp-release thead th{padding:9px 13px}
.cp-release tbody th{padding:9px 13px;text-align:left;font-weight:400;border-bottom:1px solid var(--line-2);min-width:220px}
.cp-release tbody tr:last-child th{border-bottom:0}
.cp-release tbody th b{display:block;font-size:12.5px;font-weight:600;color:var(--ink)}
.cp-release tbody th .d{display:block;margin-top:2px;font-size:11px;color:var(--ter)}
.cp-release tbody td{padding:9px 13px}

@media (max-width: 768px){
  .cp-wizard{grid-template-columns:minmax(0,1fr)}
  .cp-wizard-rail{position:static}
  /* CT-23: the two steps side by side, each with its label */
  .cp-stepper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
  .cp-step a,.cp-step>span{align-items:center;padding:7px 8px}
  .cp-step-state{display:none}
  .cp-wizard-progress{flex-direction:row;align-items:center}
  .cp-wizard-site{flex:none;width:96px;height:80px}
  .cp-doc-group th{padding:8px 14px 6px}
  .cp-doc-history>td{padding:0 14px 14px}
  .cp-matrix tbody th{padding:11px 14px;min-width:160px}
}

/* Audience switches of the showcase: the switch reuses the matrix toggle, accent when the
   audience is on. */
.cp-switch{display:inline-flex;align-items:center;padding:2px;border:0;background:none;cursor:pointer;border-radius:999px}
.cp-switch:focus-visible{outline:none;box-shadow:var(--focus)}
.cp-switch-track{display:block;position:relative;width:32px;height:18px;border-radius:999px;background:var(--line);transition:background .15s ease}
.cp-switch-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--surface);transition:transform .15s ease}
.cp-switch[aria-pressed="true"] .cp-switch-track{background:var(--ok-ico)}
.cp-switch[aria-pressed="true"] .cp-switch-knob{transform:translateX(14px)}

/* --- The showcase (spec 2026-09-23-ventureos-perfil-vitrine §2) ------------------------
   Ported from the approved prototype (op1) with pr- → sc-. A 12-column bento whose rows
   close with equal heights: identity 12 · 4 KPIs × 3 · about 8 + round 4 · market 8 +
   milestones 4 · team 12 · registration 12. Widths of bars come from Alpine custom
   properties (--w), never style=. */
.sc-viewbar{position:sticky;top:var(--bar-h);z-index:5;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 16px;margin-bottom:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.sc-viewbar .lbl{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ter)}
.sc-seg{display:inline-flex;gap:4px;flex-wrap:wrap}
.sc-seg button{border:0;border-radius:0;background:transparent;padding:8px 12px;font:inherit;font-size:12.5px;color:var(--sec);cursor:pointer}
.sc-seg button.on{color:var(--ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--accent-2)}
.sc-seg button:focus-visible{outline:none;box-shadow:var(--focus)}
.sc-meter{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sec)}
.sc-meter .ring{width:30px;height:30px}.sc-meter b{color:var(--ink)}
.sc-meter .bar{width:90px;height:6px;background:var(--sunken)}
.sc-meter .bar span{display:block;height:100%;width:var(--w,0);background:var(--ok-ico)}
.sc-banner{padding:2px 0 2px 16px;margin:0 0 14px;color:var(--sec);font-size:12.5px;position:relative}
.sc-banner::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--info-ico)}
.sc-banner b{color:var(--ink)}

.sc-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}
.sc-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);min-width:0;grid-column:span 12}
.sc-rating,.sc-revenue,.sc-ebitda,.sc-round_kpi{grid-column:span 3}
.sc-about,.sc-market{grid-column:span 8}
.sc-round,.sc-milestones{grid-column:span 4}
/* reader pages (the investor's): each block carries its width, so rows close without gaps */
.sc-card.sc-span-3{grid-column:span 3}.sc-card.sc-span-4{grid-column:span 4}.sc-card.sc-span-6{grid-column:span 6}
.sc-card.sc-span-8{grid-column:span 8}.sc-card.sc-span-12{grid-column:span 12}
.sc-card-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 18px 0}
.sc-card-h h2{font-size:14px;font-weight:650;letter-spacing:-.01em;margin:0}
.sc-card-b{padding:12px 18px 18px;flex:1;min-width:0}
.sc-card.is-hidden,.sc-card.is-empty{opacity:.38}
.sc-hidden-tag{display:inline-block;font-size:11px;font-weight:600;color:var(--neu);background:var(--neu-bg);padding:2px 8px}
.sc-card.is-editing{border-color:var(--accent-ink)}
.sc-card.htmx-request{opacity:.6}
.sc-editing{font-size:11px;font-weight:600;color:var(--accent-ink)}
.sc-origin{font-size:11px;color:var(--ter);margin:10px 0 0}
.sc-origin a{font-weight:500}
.sc-edit{margin-left:auto;border:1px solid var(--line);background:var(--surface);padding:3px 9px;font:inherit;font-size:12px;color:var(--accent-ink);cursor:pointer}
.sc-edit:hover{background:var(--accent-soft)}
.sc-edit:focus-visible{outline:none;box-shadow:var(--focus)}
.sc-aud{display:inline-flex;gap:4px;flex-wrap:wrap}
.sc-tag{display:inline-flex;align-items:center;padding:1px 6px;font-size:10.5px;font-weight:600;border:1px solid var(--line);color:var(--sec);background:var(--expanded);white-space:nowrap}
.sc-tag.t{color:var(--info);background:var(--info-bg);border-color:transparent}
.sc-tag.n{color:var(--ok);background:var(--ok-bg);border-color:transparent}
.sc-tag.p{color:var(--warn);background:var(--warn-bg);border-color:transparent}
.sc-tag.i{color:var(--neu);background:var(--neu-bg);border-color:transparent}
.sc-flag{font-size:10.5px;font-weight:700;color:var(--warn)}
.sc-missing{color:var(--ter);font-style:italic}

.sc-hero{display:flex;gap:16px;align-items:center;padding:18px}
.sc-logo{width:56px;height:56px;flex:none;display:grid;place-items:center;background:var(--ink);color:var(--surface);font-weight:800;font-size:18px}
.sc-hero-main{min-width:0;flex:1}
.sc-name{font-size:22px;margin:0}
.sc-hero .pitch{margin:4px 0 8px;color:var(--sec);font-size:13.5px}
.sc-hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.sc-chips{display:flex;gap:6px;flex-wrap:wrap}
.sc-chip{padding:3px 8px;background:var(--sunken);font-size:12px;color:var(--sec)}

.sc-kpi{padding:14px 16px;display:flex;flex-direction:column;flex:1}
.sc-kpi-h{display:flex;align-items:center;gap:8px}
.sc-kpi .l{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ter)}
.sc-kpi .v{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:6px 0 2px}
.sc-kpi .s{font-size:12px;color:var(--sec)}
.sc-kpi .sc-origin{margin-top:auto;padding-top:10px}
.sc-proj{font-size:12px;color:var(--sec);margin:8px 0 0;padding-top:8px;border-top:1px dashed var(--line-2)}
.sc-proj a{font-weight:500}

.sc-kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px;margin:0}
.sc-kv dt{color:var(--sec)}
.sc-kv dd{margin:0;font-weight:500;min-width:0;overflow-wrap:anywhere}
.sc-p{font-size:13.5px;line-height:1.55;color:var(--ink);margin:0 0 10px}
.sc-note{display:flex;gap:10px;align-items:flex-start;padding:10px 0 0;margin:12px 0 0;border-top:1px solid var(--line-2);color:var(--sec);font-size:12px}
.sc-note b{color:var(--ink)}

.sc-funnel{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.sc-funnel .row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:12.5px}
.sc-funnel .bar{height:10px;background:var(--sunken)}
.sc-funnel .bar span{display:block;height:100%;width:var(--w,0);background:var(--accent-ink)}
.sc-funnel .row:nth-child(2) .bar span{opacity:.8}
.sc-funnel .row:nth-child(3) .bar span{opacity:.6}
.sc-funnel-src{margin:-6px 0 14px}
.sc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13px}
.sc-list li{display:flex;gap:8px}
.sc-list li::before{content:"";width:6px;height:6px;margin-top:7px;flex:none;background:var(--accent-2)}
.sc-h3{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ter);margin:0 0 8px}
.sc-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}

.sc-timeline{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:12px}
.sc-timeline li{position:relative;font-size:13px}
.sc-timeline li::before{content:"";position:absolute;left:-20px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--accent-ink)}
.sc-timeline b{display:block;font-size:11.5px;color:var(--ter);font-weight:600}

.sc-cap{display:flex;height:12px;margin:4px 0 12px;background:var(--sunken)}
.sc-cap span{display:block;height:100%;width:var(--w,0);background:var(--neu-ico)}
.sc-cap span:nth-child(5n+1){background:var(--accent-ink)}
.sc-cap span:nth-child(5n+2){background:var(--info-ico)}
.sc-cap span:nth-child(5n+3){background:var(--accent-2)}
.sc-cap span:nth-child(5n+4){background:var(--warn-ico)}
.sc-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.sc-person{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border:0;border-top:1px solid var(--line-2);min-width:0}
.sc-av{width:34px;height:34px;flex:none;display:inline-grid;place-items:center;background:var(--sunken);font-weight:700;font-size:12px}
.sc-person .n{font-weight:600;font-size:13px}
.sc-person .r{font-size:12px;color:var(--sec)}
.sc-person .b{font-size:12px;color:var(--ter);margin-top:4px;line-height:1.45}

.sc-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;margin:0}
.sc-fields dt{font-size:12px;font-weight:600;color:var(--sec)}
.sc-fields dd{margin:2px 0 0;font-size:13px;overflow-wrap:anywhere}

/* edit mode */
.sc-form .form-grid{gap:0 14px}
.sc-form .field{margin-bottom:12px}
.sc-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sc-rating .sc-form .form-grid,.sc-revenue .sc-form .form-grid,.sc-ebitda .sc-form .form-grid,.sc-round_kpi .sc-form .form-grid,
.sc-round .sc-form .form-grid,.sc-milestones .sc-form .form-grid{grid-template-columns:minmax(0,1fr)}
.sc-actions{display:flex;gap:8px;justify-content:flex-end;margin:0}
.sc-done{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-2)}
.sc-saved{font-size:12px;color:var(--ok);margin:0 0 10px}
.sc-rows{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}
.sc-rows li{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line-2)}
.sc-rows li>span{min-width:0;overflow-wrap:anywhere}
.sc-add{display:flex;flex-direction:column;gap:6px}
.sc-add .field{margin-bottom:6px}
.sc-add .btn{align-self:flex-start}
.sc-member-form{padding:12px 0;border-bottom:1px solid var(--line-2)}
.sc-member-name{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px}

.sc-switches{margin-top:12px}
.sc-switch-rows{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.sc-switch-sub{font-size:13.5px;font-weight:600;margin:18px 0 4px;color:var(--ink)}
.sc-ter{color:var(--sec);font-size:12.5px}
.sc-switch-row{display:flex;align-items:center;gap:12px;padding:12px 0;border:0;border-top:1px solid var(--line-2)}
.sc-switch-row b{display:block;font-size:13px}
.sc-switch-row .d{font-size:12px;color:var(--sec)}

@media (max-width:900px){
  .sc-about,.sc-market,.sc-round,.sc-milestones{grid-column:span 12}
  .sc-card.sc-row-pair{grid-column:span 12}
  .sc-card.sc-row-kpi.sc-span-3{grid-column:span 6}
  .sc-rating,.sc-revenue,.sc-ebitda,.sc-round_kpi{grid-column:span 6}
  .sc-two,.sc-fields,.sc-grid3,.sc-switch-rows{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .sc-rating,.sc-revenue,.sc-ebitda,.sc-round_kpi{grid-column:span 12}
  .sc-card.sc-row-kpi{grid-column:span 12}
  .sc-hero{flex-direction:column;align-items:flex-start}
  .sc-hero-side{align-items:flex-start;flex-direction:row;flex-wrap:wrap}
  .sc-seg{flex-wrap:wrap}
  .sc-viewbar{position:static}
  .sc-form .form-grid{grid-template-columns:minmax(0,1fr)}
}

.cp-matrix:focus-visible,.cp-release .inv-release:focus-visible{outline:2px solid var(--accent-ink);outline-offset:-2px}
/* A-0287: on a phone the rating-release matrix keeps every investor column in view: the
   vector name wraps in a narrow sticky column instead of pushing the columns off-screen. */
@media (max-width:600px){
  .cp-release .inv-release th,.cp-release .inv-release td{padding:8px}
  .cp-release .inv-release tbody th,.cp-release .inv-release thead th:first-child{position:sticky;left:0;z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--line-2);min-width:0;width:38%;white-space:normal}
  .cp-release .inv-release-col{min-width:88px;max-width:none}
  .cp-release .inv-release-col b{font-size:12.5px}
  .cp-release .inv-release-col small{font-size:11px}
  .cp-release .inv-release-cell .btn{padding-inline:8px}
}

/* Fase B: subtitle under a sentence title, shared by every Empresa screen (global stylesheet) */
.pg-head .sub{margin:8px 0 0;color:var(--sec);font-size:13px;max-width:70ch}
.pg-head-actions{flex-wrap:wrap;justify-content:flex-end}
.pg-head-actions form{margin:0}
@media (max-width:720px){
  .pg-head{flex-direction:column;align-items:stretch;gap:14px}
  .pg-head-actions{justify-content:flex-start}
  .pg-title{font-size:24px}
}

/* Fase B: folder requests — one card per request, status by dot */
.cp-req-status{display:inline-flex;align-items:center;gap:6px;margin:0;color:var(--sec);font-size:12.5px}
.cp-req-meta{margin:0;color:var(--ter);font-size:12px}

/* Fase B · vitrine mais calma: quem vê o bloco vira texto com ponto; "Editar" vira link */
.sc-aud{gap:10px}
.sc-tag,.sc-tag.t,.sc-tag.n,.sc-tag.p,.sc-tag.i{gap:5px;padding:0;border:0;background:transparent;color:var(--ter);font-size:11px;font-weight:500}
.sc-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--neu-ico)}
.sc-tag.t::before{background:var(--info-ico)}.sc-tag.n::before{background:var(--ok-ico)}.sc-tag.p::before{background:var(--warn-ico)}
.sc-edit{border:0;background:transparent;padding:2px 0;font-weight:500}
.sc-edit:hover{background:transparent;text-decoration:underline}

/* Fase B · Perfil como história: 1 o que é (pg-head) → 2 como está + o próximo passo (dois
   cartões de mesma altura) → 3 a vitrine, lida como um público ("Ver como") → 4 configurações num
   drawer. Dentro da vitrine: a empresa (nome grande), os quatro números, o conteúdo principal,
   rodada e marcos numa lateral discreta, dados cadastrais (só você) no fim. */
.sc-ico{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
/* 2 · estado e próximo passo */
.sc-status{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:16px;align-items:stretch;margin:0 0 32px}
.sc-nx{display:flex;flex-direction:column}
.sc-nx .nx-actions{margin-top:auto;padding-top:22px}
.sc-done-card{padding:22px 24px;display:flex;flex-direction:column;gap:14px}
.sc-done-h{display:flex;align-items:center;gap:14px}
.sc-done-h b{display:block;font-size:24px;font-weight:650;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
.sc-done-h span{font-size:12.5px;color:var(--sec)}
.sc-check{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}
.sc-check li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line-2);font-size:12.5px;color:var(--sec);min-width:0}
.sc-check li.miss{color:var(--ink);font-weight:500}
.sc-check em{margin-left:auto;font-style:normal;font-size:11px;color:var(--warn)}
/* 3 · "Ver como" */
.sc-view{margin:0 0 14px}
.sc-view-h{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding-top:20px;border-top:1px solid var(--line)}
.sc-view-t{margin:0;font-size:20px;font-weight:650;letter-spacing:-.02em}
.sc-seg{display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px;margin-left:auto;padding:3px;background:var(--sunken);border-radius:var(--r)}
.sc-seg-l{padding:0 8px 0 6px;font-size:12px;color:var(--ter)}
.sc-seg button{min-height:32px;padding:6px 12px;border:0;border-radius:calc(var(--r) - 2px);background:transparent;font:inherit;font-size:13px;color:var(--sec);cursor:pointer;box-shadow:none}
.sc-seg button:hover{color:var(--ink)}
.sc-seg button.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 0 0 1px var(--line)}
.sc-seg button:focus-visible{outline:none;box-shadow:var(--focus)}
.sc-view-say{margin:10px 0 0;color:var(--sec);font-size:13px;line-height:1.5}
.sc-view-say b{color:var(--ink);font-weight:600}
.sc-link{all:unset;cursor:pointer;color:var(--accent-ink);font-weight:500}
.sc-link:hover{text-decoration:underline}
.sc-link:focus-visible{box-shadow:var(--focus)}
.sc-go{font-weight:500}
.sc-checks{margin:4px 0 0;padding-left:16px}
/* a vitrine: um cartão, blocos por linhas */
.sc-grid{gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.sc-card{border:0;border-radius:0;border-top:1px solid var(--line-2);background:transparent}
.sc-card:first-child{border-top:0}
.sc-identity .sc-hero{padding:28px 28px 24px;gap:20px}
.sc-identity .sc-logo{width:64px;height:64px;font-size:20px;border-radius:var(--r)}
.sc-identity .sc-name{font-size:30px;font-weight:650;letter-spacing:-.03em;line-height:1.1}
.sc-identity .pitch{margin:8px 0 10px;font-size:15px;color:var(--sec);max-width:70ch}
.sc-chip{background:transparent;padding:0;font-size:12.5px;color:var(--ter)}
.sc-chip+.sc-chip::before{content:"·";margin-right:6px;color:var(--icon-muted)}
.sc-rating,.sc-revenue,.sc-ebitda,.sc-round_kpi{border-left:1px solid var(--line-2)}
.sc-rating{border-left:0}
.sc-kpi{padding:18px 22px 20px}
.sc-kpi .l{font-size:11px;letter-spacing:.04em}
.sc-kpi .v{font-size:30px;font-weight:650;letter-spacing:-.03em;margin:8px 0 2px}
.sc-kpi .s{font-size:12.5px}
.sc-kpi .sc-proj,.sc-kpi .sc-origin,.sc-kpi .sc-ev{font-size:11.5px;color:var(--ter)}
.sc-about .sc-card-h h2,.sc-market .sc-card-h h2,.sc-team .sc-card-h h2{font-size:16px}
.sc-about .sc-card-b,.sc-market .sc-card-b{font-size:14px;line-height:1.6}
.sc-about,.sc-market{border-right:1px solid var(--line-2)}
.sc-round,.sc-milestones{background:var(--expanded)}
.sc-round .sc-card-h h2,.sc-milestones .sc-card-h h2{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--sec)}
.sc-registration{background:var(--expanded)}
.sc-registration .sc-card-h h2{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--sec)}
@media (hover:hover){
  .sc-card .sc-aud,.sc-card .sc-edit{opacity:0;transition:opacity .12s}
  .sc-card:hover .sc-aud,.sc-card:hover .sc-edit,.sc-card:focus-within .sc-aud,.sc-card:focus-within .sc-edit,.sc-card.is-editing .sc-edit{opacity:1}
}
@media (prefers-reduced-motion:reduce){.sc-card .sc-aud,.sc-card .sc-edit{transition:none}}
/* 4 · configurar vitrine (drawer) */
.sc-drw-f p{flex:1;margin:0;font-size:12px;color:var(--ter)}
.sc-switches{margin:0;background:transparent;border:0}
.sc-saved{display:flex;align-items:center;gap:8px;margin:16px 0 0;font-size:12.5px;color:var(--ink)}
.sc-set{padding:18px 0 4px}
.sc-set+.sc-set{border-top:1px solid var(--line)}
.sc-set-t{margin:0;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ter)}
.sc-set-d{margin:6px 0 0;font-size:12.5px;color:var(--sec)}
.sc-set-rows{list-style:none;margin:6px 0 0;padding:0}
.sc-set-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:14px 0;border-bottom:1px solid var(--line-2)}
.sc-set-row:last-child{border-bottom:0}
.sc-set-row form{margin:0;padding-top:1px}
.sc-set-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.sc-set-copy b{font-size:14px;font-weight:600;color:var(--ink)}
.sc-set-copy .e{font-size:13px;color:var(--sec);line-height:1.45}
.sc-set-copy .sc-st{font-size:11.5px;color:var(--ter)}
.sc-set-row .cp-switch{min-width:44px;min-height:32px;justify-content:center}
/* leitura (sem permissão de alterar): os mesmos grupos, numa seção comum */
.sc-settings-title{margin-top:32px}
.sc-cfg-ro{padding:0 22px 8px}
@media (max-width:900px){
  .sc-status{grid-template-columns:minmax(0,1fr)}
  .sc-rating,.sc-revenue,.sc-ebitda,.sc-round_kpi{border-left:0}.sc-about,.sc-market{border-right:0}
}
@media (max-width:640px){
  .sc-identity .sc-name{font-size:24px}.sc-identity .sc-hero{padding:20px}
  .sc-seg{margin-left:0;width:100%}
  .sc-seg-l{width:100%;padding:4px 6px}
  .sc-seg button{flex:1 1 auto}
  .sc-check{gap:0 12px}
  .sc-drw-f{flex-wrap:wrap}
}

/* Perfil (Fase B polish): the settings drawer on the shared .drw; the complete showcase shows a
   miniature of the blind teaser (EMP-18) instead of a 100 % ring. */
.sc-drw-f p{flex:1;margin:0;font-size:12px;color:var(--ter)}
.sc-view-h .sc-cfg-btn{margin-left:4px}
.sc-linkbtn{background:none;border:0;padding:0;font:inherit;cursor:pointer}
.sc-mini{display:flex;flex-direction:column;gap:12px;margin:0;padding:20px 22px}
.sc-mini-cap{margin:0;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ter)}
.sc-mini-card{flex:1;display:flex;flex-direction:column;gap:12px;padding:14px 16px;border:1px dashed var(--line);border-radius:var(--r);background:var(--sunken)}
.sc-mini-id{display:flex;align-items:center;gap:12px;min-width:0}
.sc-mini-id div{display:flex;flex-direction:column;min-width:0}
.sc-mini-id b{font-size:14px;font-weight:650;overflow-wrap:anywhere}
.sc-mini-id span{font-size:12px;color:var(--ter)}
.sc-mini-av{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);color:var(--ter);font-weight:650}
.sc-mini-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.sc-mini-rows div{min-width:0}
.sc-mini-rows dt{font-size:11px;color:var(--ter)}
.sc-mini-rows dd{margin:2px 0 0;font-size:13.5px;font-weight:600;color:var(--ink)}
.sc-mini-lock{display:flex;align-items:center;gap:6px;margin:auto 0 0;font-size:12px;color:var(--ter)}
.sc-mini-lock svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4}
@media (max-width:600px){.sc-mini-rows{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.sc-funnel+.sc-origin{margin-bottom:4px}