/* Vencora · graphite, porcelain and lime. Shared product frame, 08 Oct 2026. */
:root {
  --v-paper:#f4f5f3; --v-surface:#ffffff; --v-field:#fafbf9;
  --v-ink:#171d1c; --v-muted:#586361; --v-line:#d7ddda; --v-rule:#e7ebe8;
  --v-soft:#edf0ec; --v-hover:#e8ede7; --v-neutral:#e4e9e4; --v-input:#86938a;
  --v-strong:#202725; --v-on-strong:#f7faf5; --v-on-strong-muted:#cbd5cd; --v-strong-hover:#35423a;
  --v-accent:#456321; --v-accent-bg:#edf4dd; --v-accent-text:#3c581e;
  --v-focus:#51751e; --v-focus-soft:#51751e40;
  --v-green:#24654b; --v-green-bg:#eaf3ec;
  --v-yellow:#815915; --v-yellow-bg:#fbf2da;
  --v-red:#a63836; --v-red-bg:#faece9;
  --v-blue:#346079; --v-blue-bg:#eaf0f5; --v-chart:#465e54;
  --v-selected:#edf4dd; --v-selected-line:#638538;
  --v-staff:#386961; --v-shadow:#1a241c0b; --v-heat:#a5bb83; --v-heat-text:#17221c;
  --v-graphite:#171c1b; --v-lime:#d4f76b; --v-action-bg:var(--v-lime); --v-action-ink:#17200e;
  --v-rail-width:92px; --v-header-height:64px;
}
html[data-theme="night"] {
  --v-paper:#141918; --v-surface:#1e2522; --v-field:#19201d;
  --v-ink:#edf2eb; --v-muted:#b2bfb5; --v-line:#3b4840; --v-rule:#313c35;
  --v-soft:#29352d; --v-hover:#334336; --v-neutral:#344438; --v-input:#7b907e;
  --v-strong:#e4ecdf; --v-on-strong:#18221b; --v-on-strong-muted:#3d5140; --v-strong-hover:#f0f5e8;
  --v-accent:#d4f76b; --v-accent-bg:#303d25; --v-accent-text:#d4edab;
  --v-focus:#d4f76b; --v-focus-soft:#d4f76b55;
  --v-green:#a1d9b4; --v-green-bg:#253c2e;
  --v-yellow:#f0cc82; --v-yellow-bg:#3d3421;
  --v-red:#efb1a8; --v-red-bg:#462e2b;
  --v-blue:#b5d2e4; --v-blue-bg:#293942; --v-chart:#b6cb94;
  --v-selected:#33462c; --v-selected-line:#b0cf74; --v-staff:#a0cfc3;
  --v-shadow:#00000025; --v-heat:#587142; --v-heat-text:#f3f7ef;
}
.v3-ui {font-family:"Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.55}
.v3-ui .v3-header {height:var(--v-header-height);margin:0;padding:0 26px;position:relative;background:var(--v-graphite);border-bottom:1px solid #354039;color:#f5f7f2}
.v3-ui .v3-header .v3-home,.v3-ui .v3-header .v3-brand {color:#f5f7f2}
.v3-ui .v3-brand {font-size:25px;letter-spacing:-.9px;font-weight:700;gap:16px}
.v3-ui .v3-brand svg {width:26px;height:29px}
.v3-brand svg path:first-child {fill:var(--v-lime)}
.v3-brand svg path:last-child {fill:#f1f7de}
.v3-ui .v3-brand small {font-size:12px;letter-spacing:.07em;border-color:#4b574e;color:#c5d0c7;font-weight:500}
.v3-ui .v3-header .v3-caption {color:#bfcac2}
.v3-ui .v3-header .theme-toggle {border:1px solid #4a574e;color:#e1e9dd;border-radius:7px;background:transparent;min-height:38px}
.v3-ui .v3-header .theme-toggle:hover {background:#303b33;color:white}
.v3-ui .v3-menu>summary {font-size:13px;min-height:44px;gap:14px;color:#f2f5ef}
.v3-ui .v3-menu aside {top:56px;border-radius:10px;box-shadow:0 12px 40px #0002}
.v3-ui .vencora-rail {position:fixed;left:0;top:var(--v-rail-top,var(--v-header-height));bottom:0;width:var(--v-rail-width);padding:17px 7px 24px;background:var(--v-graphite);display:flex;flex-direction:column;gap:7px;overflow-y:auto;z-index:25}
.v3-ui .vencora-rail a {position:relative;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;min-height:68px;padding:10px 3px;color:#c7d1ca;text-decoration:none;border-radius:8px;text-align:center;font-size:11px;line-height:1.25;font-weight:500}
.vencora-rail svg {width:23px;height:23px;flex-shrink:0}
.v3-ui .vencora-rail a:hover {background:#29322d;color:white}
.v3-ui .vencora-rail a[aria-current] {color:var(--v-lime);background:#303b2c}
.vencora-rail a[aria-current]::before {content:"";position:absolute;left:-7px;top:15px;bottom:15px;width:3px;border-radius:0 3px 3px 0;background:var(--v-lime)}
.v3-ui .vencora-rail a:focus-visible,.v3-ui .v3-header :focus-visible {outline-color:var(--v-lime)}
.v3-ui .layout:has(.vencora-rail)>.content {padding-left:var(--v-rail-width)}
.v3-ui .workspace-navigation {max-width:none;margin:0;padding:0 28px 0 calc(var(--v-rail-width) + 28px);background:var(--v-surface);border-bottom:1px solid var(--v-line)}
.workspace-navigation .workspace-bar {min-height:53px;border:0;gap:20px}
.workspace-navigation .workspace-back {font-size:12px;min-height:40px}
.workspace-navigation .workspace-location {display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:12px}
.workspace-navigation .workspace-location strong {font-size:12px;font-weight:650}
.workspace-location>span::after {content:"/";padding-left:10px;color:var(--v-input)}
.workspace-navigation .workspace-sections>summary {font-size:12px;min-height:40px}
.workspace-navigation .workspace-menu-panel {border-radius:10px;box-shadow:0 12px 35px #0002}
.v3-ui main {max-width:1680px;padding:26px 30px 54px}
.v3-ui h1 {font-size:clamp(26px,2.4vw,36px);font-weight:700;letter-spacing:-1.25px;line-height:1.15}
.v3-ui h2 {font-weight:650;letter-spacing:-.5px}
.v3-ui h3 {font-weight:650;letter-spacing:-.25px}
.v3-ui .eyebrow {font-size:11px;letter-spacing:.13em}
.v3-ui .card,.v3-ui .kpi,.v3-ui .kpi-card,.v3-ui .kpi-panel,.v3-ui .supply-block {border-radius:10px;box-shadow:0 2px 6px var(--v-shadow)}
.v3-ui .card {padding:20px 22px}
.v3-ui button,.v3-ui .btn {border-radius:7px;font-weight:600;min-height:42px}
.v3-ui form button:not([type]),.v3-ui button[type="submit"],.v3-ui .btn-primary {background:var(--v-action-bg);border-color:var(--v-action-bg);color:var(--v-action-ink)}
.v3-ui form button:not([type]):hover,.v3-ui button[type="submit"]:hover,.v3-ui .btn-primary:hover {background:#c4e65f;border-color:#c4e65f;color:var(--v-action-ink)}
.v3-ui .btn-ghost,.v3-ui .print-action {border:1px solid var(--v-line);background:var(--v-surface);color:var(--v-ink);border-radius:7px}
.v3-ui input,.v3-ui select,.v3-ui textarea {border-radius:7px;font-size:14px}
.v3-ui .table-scroll {border-radius:9px}
.v3-ui th {font-size:12px;text-transform:none;letter-spacing:.015em;font-weight:600}
.v3-ui td {font-size:14px}
.v3-ui .badge {border-radius:5px;font-weight:550}
.v3-ui :focus-visible {outline:3px solid var(--v-focus);outline-offset:3px}
.v3-ui .kpi b,.v3-ui .kpi-val,.v3-ui .v3-number b {font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:-1.1px}
.v3-ui .kpi-reading {gap:14px}
.v3-ui .kpi-label,.v3-ui .kpi-reading .kpi-scope {font-size:12px;letter-spacing:0}
.v3-ui .v3-overview h1,.v3-ui .access-statement {font-weight:650}
.v3-ui .v3-overview {gap:40px;margin-bottom:28px}
.v3-ui .v3-intro,.v3-ui .v3-number span,.v3-ui .v3-number small {font-size:13px}
.v3-ui .v3-number b {font-size:38px}
.v3-ui .crm-workspace-heading {margin:0 0 14px}
.v3-ui .crm-workspace-heading h1 {font-size:28px;margin:4px 0}
.v3-ui .crm-workspace-tools>button {background:transparent;border:0;color:var(--v-muted);font-size:12px;padding:7px 9px}
.v3-ui .crm-workspace-tools {gap:10px}
.v3-ui .crm-scope {padding:9px 0;border-block:1px solid var(--v-line);gap:7px;font-size:12px}
.v3-ui .crm-scope strong {font-size:12px;margin-right:10px;font-weight:600;color:var(--v-muted)}
.v3-ui form.crm-scope button {padding:6px 13px;min-height:34px;background:transparent;color:var(--v-muted);border:1px solid transparent;border-radius:6px;font-size:12px}
.v3-ui form.crm-scope button:hover {background:var(--v-hover);border-color:var(--v-line);color:var(--v-ink)}
.v3-ui form.crm-scope button.selected {background:var(--v-soft);border-color:var(--v-line);color:var(--v-ink);font-weight:700}
.v3-ui .crm-nav {margin:8px 0 18px;padding-bottom:8px;gap:8px}
.v3-ui .crm-nav a {font-size:13px;padding:7px 10px;border-radius:5px}
.v3-ui .crm-nav a[aria-current] {background:var(--v-ink);color:var(--v-surface)}
.v3-ui .crm-grid {gap:16px}
.v3-ui .crm-grid>.card h2 {margin:10px 0;font-size:22px;font-weight:650}
.v3-ui .crm-grid>.card>strong {font-size:25px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}
.v3-ui .crm-grid>.card .crm-record-detail {margin-top:20px;border-top:1px solid var(--v-line);padding-top:8px}
.v3-ui .crm-meta {font-size:12px}
.v3-ui .crm-error {background:var(--v-red-bg);border-color:var(--v-red);border-radius:8px;color:var(--v-red)}
.v3-ui .crm-message {background:var(--v-green-bg);border-color:var(--v-line);border-radius:8px}
.v3-ui .crm-help-menu-content {border-radius:9px}
.v3-ui .context-selector {padding:14px 0}
.v3-ui .context-selector button,.v3-ui .context-selector a {min-height:38px}
.v3-ui .crm-mode-nav {display:inline-flex;gap:4px;padding:4px;border:1px solid var(--v-line);border-radius:8px;background:var(--v-surface)}
.v3-ui .crm-mode-nav a {padding:6px 12px;border-radius:5px;font-size:13px}
.v3-ui .crm-mode-nav a[aria-current] {background:var(--v-soft);text-decoration:none}
.v3-ui .crm-stage-board {align-items:start;gap:14px}
.v3-ui .crm-stage-column {padding:16px;margin:0;border-top:3px solid var(--v-input);background:var(--v-soft)}
.v3-ui .crm-stage-column[data-outcome="ganada"] {border-top-color:var(--v-green)}
.v3-ui .crm-stage-column[data-outcome="perdida"] {border-top-color:var(--v-muted)}
.v3-ui .crm-stage-column>h3 {display:flex;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:15px;align-items:center}
.crm-stage-count {font-size:12px;border:1px solid var(--v-line);min-width:26px;text-align:center;border-radius:5px;background:var(--v-surface);font-variant-numeric:tabular-nums}
.v3-ui .crm-stage-column>p {margin:5px 0 15px;font-variant-numeric:tabular-nums}
.v3-ui .crm-stage-item {padding:16px;margin:12px 0;background:var(--v-surface);border:1px solid var(--v-line);border-radius:8px}
.v3-ui .crm-stage-item h4 {font-size:16px;line-height:1.3;letter-spacing:-.2px}
.v3-ui .crm-stage-item p {font-size:13px}
.v3-ui .crm-stage-item a {display:inline-block;margin-top:6px;font-size:13px;text-decoration:underline}
.v3-ui .crm-opportunity {border-top:3px solid var(--v-input)}
.v3-ui .crm-opportunity[data-outcome="ganada"] {border-top-color:var(--v-green)}
.v3-ui .crm-opportunity[data-outcome="perdida"] {border-top-color:var(--v-muted)}
.v3-ui .crm-opportunity>.crm-next-commitment {background:var(--v-soft);border-radius:7px;padding:12px 14px;margin:16px 0;font-size:13px}
.crm-client-context {display:flex;align-items:center;justify-content:space-between;gap:12px 32px;flex-wrap:wrap;border-bottom:1px solid var(--v-line);padding-bottom:12px;margin-bottom:5px}
.v3-ui .crm-client-context .crm-workspace-heading {flex:1 1 420px;margin:0;gap:12px}
.v3-ui .crm-client-context .crm-workspace-heading h1 {font-size:24px}
.v3-ui .crm-client-context form.crm-scope {padding:0;margin:0;border:0}
.crm-client-context>.crm-error,.crm-client-context>.crm-message,.crm-client-context>.card {flex-basis:100%}
/* A single desktop bar keeps the customer's work above the fold. */
.v3-ui .v3-header:has(.workspace-navigation) {display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;position:sticky;top:0}
.v3-ui .v3-header .workspace-navigation {position:static;padding:0;margin:0;max-width:none;background:transparent;border:0;color:#c7d1ca;min-width:0}
.v3-header .workspace-bar {min-height:52px;gap:14px}
.v3-ui .v3-header .workspace-back {color:#c7d1ca}
.v3-ui .v3-header .workspace-location {min-width:0;color:#c7d1ca}
.v3-ui .v3-header .workspace-location>span {color:#c7d1ca}
.v3-ui .v3-header .workspace-location strong {color:#f4f7f1}
.v3-ui .v3-header .workspace-sections>summary {color:#e4ecdf}
.v3-ui .v3-header .workspace-menu-panel {background:var(--v-surface);color:var(--v-ink);border-color:var(--v-line)}
.v3-header .workspace-menu-panel :focus-visible {outline-color:var(--v-focus)}
@media(min-width:761px) and (max-width:1200px) {
  .v3-ui .v3-header:has(.workspace-navigation) {gap:18px}
  .v3-ui .v3-header .v3-brand small {display:none}
  .v3-ui .v3-header .workspace-location>span {display:none}
}
@media(min-width:1000px) {
  .v3-ui .crm-nav.inicio-navegacion>a {display:none}
  .v3-ui .crm-nav.inicio-navegacion {position:absolute;right:30px;margin:0;padding:0;border:0;transform:translateY(-43px)}
  .v3-ui .crm-nav.inicio-navegacion summary {font-size:12px;padding:7px 10px}
  .v3-ui .crm-scope {padding-right:150px;margin-bottom:20px}
  .v3-ui .crm-client-context~.crm-nav.inicio-navegacion {position:relative;right:auto;transform:none;float:right;margin:0;min-height:36px}
  .v3-ui .cuentas-workspace {clear:both}
}
@media(max-width:1100px) {
  :root {--v-rail-width:80px}
  .v3-ui main {padding:24px}
  .v3-ui .workspace-navigation {padding-right:24px;padding-left:calc(var(--v-rail-width) + 24px)}
}
@media(max-width:760px) {
  .v3-ui .vencora-rail {display:none}
  .v3-ui .layout:has(.vencora-rail)>.content {padding-left:0}
  .v3-ui .v3-header {padding:0 18px;height:60px}
  .v3-ui .v3-header:has(.workspace-navigation) {height:auto;min-height:60px;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;position:relative}
  .v3-header:has(.workspace-navigation)>.v3-brand {min-height:60px}
  .v3-header:has(.workspace-navigation)>.v3-header-actions {grid-column:2;grid-row:1}
  .v3-ui .v3-header .workspace-navigation {grid-column:1/-1;grid-row:2;width:calc(100% + 36px);margin:0 -18px;padding:0 18px;background:var(--v-surface);border-bottom:1px solid var(--v-line)}
  .v3-ui .v3-header .workspace-location,.v3-ui .v3-header .workspace-location strong,.v3-ui .v3-header .workspace-back,.v3-ui .v3-header .workspace-sections>summary {color:var(--v-ink)}
  .v3-ui .v3-header .workspace-location>span {color:var(--v-muted)}
  .v3-ui .v3-brand {font-size:23px}
  .v3-ui .v3-brand small {font-size:10px}
  .v3-ui .workspace-navigation {padding:0 18px}
  .workspace-navigation .workspace-bar {gap:12px;min-height:52px}
  .workspace-navigation .workspace-location {display:block;line-height:1.4}
  .workspace-location>span::after {display:none}
  .workspace-navigation .workspace-location span,.workspace-navigation .workspace-location strong {display:block;font-size:11px}
  .v3-ui main {padding:22px 18px 36px}
  .v3-ui .card {padding:18px}
  .v3-ui .crm-workspace-heading h1 {font-size:27px}
  .v3-ui .crm-workspace-tools {width:auto;margin-left:auto}
  .v3-ui .crm-workspace-tools>button {display:none}
  .v3-ui .crm-scope strong {flex-basis:100%;margin:0}
  .v3-ui .crm-scope {gap:5px}
  .v3-ui .crm-nav {gap:2px}
  .v3-ui .crm-nav a {padding:8px 6px;font-size:12px}
  .v3-ui input,.v3-ui select,.v3-ui textarea {font-size:16px}
}
@media print {
  :root,html[data-theme="night"] {--v-paper:#fff;--v-surface:#fff;--v-field:#fff;--v-ink:#171d1c;--v-muted:#4d5a52;--v-line:#b9c3bb;--v-rule:#dce1dc;--v-soft:#eff2ea;--v-accent:#456321;--v-accent-bg:#edf4dd;--v-accent-text:#3c581e;--v-strong:#202725;--v-on-strong:#fff;--v-chart:#465e54;--v-selected:#edf4dd;--v-selected-line:#638538;--v-heat:#a5bb83;--v-heat-text:#17221c}
  .v3-ui .vencora-rail {display:none!important}
  .v3-ui .layout:has(.vencora-rail)>.content {padding:0}
  .v3-ui main {padding:0;max-width:none}
  .v3-ui .card,.v3-ui .kpi {box-shadow:none}
}