/* LABORO visual reconstruction — additive shell layer, 2026-10-05. */
html.laboro-visual-reconstruction {
  --vr-ink: #0a0b0d;
  --vr-canvas: #eeece6;
  --vr-surface: #fffefb;
  --vr-line: #d9d8d1;
  --vr-muted: #72747a;
  --vr-blue: #1b63e9;
  --vr-green: #0b7a50;
  --vr-red: #bc302d;
  --vr-sand: #f3f1eb;
  --vr-radius: 18px;
  --vr-shadow: 0 14px 42px rgba(10, 11, 13, .07);
}

html.laboro-visual-reconstruction .section-lead,
html.laboro-visual-reconstruction .hero p,
html.laboro-visual-reconstruction .recon-card p { color: #5f6269 !important; }
html.laboro-visual-reconstruction .gigital-surface {
  border-color: #172a38 !important;
  background: #10202b !important;
  color: #f4fbfb !important;
}
html.laboro-visual-reconstruction .gigital-surface h3,
html.laboro-visual-reconstruction .gigital-surface p,
html.laboro-visual-reconstruction .gigital-surface .integration-status { color: #f4fbfb !important; }
html.laboro-visual-reconstruction .gigital-surface .mini-action {
  color: #08251f !important;
  background: #b9f2e7 !important;
  border-color: #b9f2e7 !important;
}

html.laboro-visual-reconstruction body {
  background: var(--vr-canvas) !important;
  color: var(--vr-ink) !important;
  overflow-x: hidden;
}

html.laboro-visual-reconstruction .app-shell {
  display: block !important;
  min-height: 100vh;
}

html.laboro-visual-reconstruction .sidebar {
  position: fixed !important;
  inset: 0 auto 0 0 !important;
  z-index: 1600 !important;
  width: min(320px, 88vw) !important;
  padding: 22px 18px !important;
  transform: translateX(-105%) !important;
  transition: transform .2s ease !important;
  overflow-y: auto !important;
  box-shadow: 22px 0 58px rgba(10, 11, 13, .2) !important;
}

html.laboro-visual-reconstruction .sidebar.open { transform: translateX(0) !important; }
html.laboro-visual-reconstruction .sidebar-backdrop[hidden] { display: none !important; }
html.laboro-visual-reconstruction .sidebar-backdrop:not([hidden]) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1590 !important;
  display: block !important;
  border: 0 !important;
  background: rgba(10, 11, 13, .36) !important;
}

html.laboro-visual-reconstruction .workspace { width: 100% !important; min-width: 0 !important; }

html.laboro-visual-reconstruction .topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 1400 !important;
  min-height: 72px !important;
  padding: 0 clamp(18px, 4vw, 56px) !important;
  border-bottom: 1px solid rgba(217, 216, 209, .92) !important;
  background: rgba(255, 254, 251, .94) !important;
  box-shadow: 0 8px 26px rgba(10, 11, 13, .05) !important;
  backdrop-filter: blur(16px);
}

html.laboro-visual-reconstruction .topbar-left,
html.laboro-visual-reconstruction .topbar-right { min-width: 0; }
html.laboro-visual-reconstruction .topbar-left { display: flex; align-items: center; gap: 20px; }
html.laboro-visual-reconstruction .topbar-right { gap: 12px; }
html.laboro-visual-reconstruction .mockup-brand { flex: 0 0 auto; width: 108px; min-height: 44px; padding: 5px 0; border: 0; background: transparent; }
html.laboro-visual-reconstruction .mockup-wordmark { display: block !important; width: 108px !important; max-width: 108px !important; height: auto; }
html.laboro-visual-reconstruction .mockup-wordmark-gradient { display: none !important; }
html.laboro-visual-reconstruction .mockup-wordmark-dark { display: block !important; }
html.laboro-visual-reconstruction .mockup-nav { display: flex !important; align-items: center; gap: 4px; }
html.laboro-visual-reconstruction .mockup-nav button,
html.laboro-visual-reconstruction .nav-group-trigger {
  min-height: 44px !important;
  padding: 9px 11px !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: var(--vr-muted) !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
html.laboro-visual-reconstruction .mockup-nav button:hover,
html.laboro-visual-reconstruction .nav-group-trigger:hover,
html.laboro-visual-reconstruction .mockup-nav button:focus-visible,
html.laboro-visual-reconstruction .nav-group-trigger:focus-visible { color: var(--vr-ink) !important; background: var(--vr-sand) !important; }
html.laboro-visual-reconstruction .mockup-nav .active,
html.laboro-visual-reconstruction .nav-group.has-active > .nav-group-trigger { color: var(--vr-blue) !important; box-shadow: inset 0 -2px 0 var(--vr-blue) !important; }
html.laboro-visual-reconstruction .nav-group { position: relative; }
html.laboro-visual-reconstruction .nav-group-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  z-index: 1500 !important;
  min-width: 210px !important;
  padding: 7px !important;
  border: 1px solid var(--vr-line) !important;
  border-radius: 14px !important;
  background: var(--vr-surface) !important;
  box-shadow: var(--vr-shadow) !important;
}
html.laboro-visual-reconstruction .nav-group-menu[hidden] { display: none !important; }
html.laboro-visual-reconstruction .nav-group-menu .nav-group-item { display: block; width: 100%; text-align: left; }
html.laboro-visual-reconstruction .breadcrumb { display: none !important; }
html.laboro-visual-reconstruction .topbar-meta { color: var(--vr-muted) !important; font-size: 10px !important; }
html.laboro-visual-reconstruction .profile { max-width: 170px; color: var(--vr-ink) !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.laboro-visual-reconstruction #logoutButton { width: auto !important; min-height: 44px !important; white-space: nowrap; }

html.laboro-visual-reconstruction .content {
  width: min(1240px, calc(100% - 48px)) !important;
  max-width: 1240px !important;
  padding: 42px 0 72px !important;
}
html.laboro-visual-reconstruction .view[hidden] { display: none !important; }
html.laboro-visual-reconstruction .view:focus { outline: 0; }
html.laboro-visual-reconstruction .hero { align-items: start !important; margin-bottom: 26px !important; }
html.laboro-visual-reconstruction .hero h1,
html.laboro-visual-reconstruction [data-design-role="page-title"] { max-width: 760px !important; color: var(--vr-ink) !important; font-size: clamp(34px, 4.4vw, 60px) !important; line-height: .98 !important; }
html.laboro-visual-reconstruction .hero p,
html.laboro-visual-reconstruction .section-lead { max-width: 760px !important; color: var(--vr-muted) !important; font-size: 15px !important; }
html.laboro-visual-reconstruction .eyebrow,
html.laboro-visual-reconstruction .section-kicker { color: var(--vr-blue) !important; }

html.laboro-visual-reconstruction .action-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(220px, .75fr) !important;
  gap: 24px !important;
  margin-bottom: 20px !important;
  padding: 28px !important;
  border: 1px solid #cfdcff !important;
  border-radius: var(--vr-radius) !important;
  background: linear-gradient(135deg, #f7faff, #eef4ff) !important;
  box-shadow: none !important;
}

/* Authenticated Home is a decision queue, not a second landing page. */
html.laboro-visual-reconstruction.lx-authenticated #view-dashboard .product-hero {
  min-height: 250px !important;
  padding: 34px 40px !important;
  margin-bottom: 18px !important;
}

html.laboro-visual-reconstruction.lx-authenticated #view-dashboard .product-hero h1 {
  font-size: clamp(32px, 4vw, 48px) !important;
}

html.laboro-visual-reconstruction.lx-authenticated #view-dashboard .product-hero-visual {
  max-height: 220px !important;
}
html.laboro-visual-reconstruction .decision-feed { gap: 16px !important; margin-bottom: 22px !important; }
html.laboro-visual-reconstruction .decision-panel,
html.laboro-visual-reconstruction .overview-card,
html.laboro-visual-reconstruction .panel,
html.laboro-visual-reconstruction .tool-panel,
html.laboro-visual-reconstruction .metric,
html.laboro-visual-reconstruction .progress-card,
html.laboro-visual-reconstruction .progress-stat,
html.laboro-visual-reconstruction .apply-story-card,
html.laboro-visual-reconstruction .recon-card {
  border: 1px solid var(--vr-line) !important;
  border-radius: var(--vr-radius) !important;
  box-shadow: var(--vr-shadow) !important;
  background: var(--vr-surface) !important;
}
html.laboro-visual-reconstruction .metrics { order: 5; opacity: .9; }
html.laboro-visual-reconstruction .metric.highlight { color: var(--vr-ink) !important; background: #e9f1ff !important; border-color: #c9d9ff !important; }
html.laboro-visual-reconstruction .metric.highlight .metric-label,
html.laboro-visual-reconstruction .metric.highlight .metric-note { color: var(--vr-blue) !important; }
html.laboro-visual-reconstruction .action,
html.laboro-visual-reconstruction .mini-action,
html.laboro-visual-reconstruction .preset,
html.laboro-visual-reconstruction .sidebar-group-trigger,
html.laboro-visual-reconstruction .side-item {
  min-height: 44px !important;
}
html.laboro-visual-reconstruction button:focus-visible,
html.laboro-visual-reconstruction a:focus-visible,
html.laboro-visual-reconstruction input:focus-visible,
html.laboro-visual-reconstruction select:focus-visible,
html.laboro-visual-reconstruction textarea:focus-visible,
html.laboro-visual-reconstruction summary:focus-visible {
  outline: 3px solid rgba(27, 99, 233, .35) !important;
  outline-offset: 2px !important;
}

html.laboro-visual-reconstruction .section-head { margin-bottom: 28px !important; }
html.laboro-visual-reconstruction .section-title { color: var(--vr-ink) !important; }
html.laboro-visual-reconstruction .panel-head { background: var(--vr-surface) !important; }
html.laboro-visual-reconstruction .decision-card-surface,
html.laboro-visual-reconstruction .contextual-kit-surface { margin-bottom: 22px !important; }
html.laboro-visual-reconstruction .decision-fact > span { color: #53647c !important; }
html.laboro-visual-reconstruction .decision-card-section li small { color: #59697d !important; }
html.laboro-visual-reconstruction .decision-card-section .empty,
html.laboro-visual-reconstruction .contextual-kit-section .empty { color: #4f535a !important; }
html.laboro-visual-reconstruction #laboroWorkSummary {
  margin: 0 0 22px !important;
  padding: 22px 24px !important;
  border: 1px solid var(--vr-line) !important;
  border-radius: var(--vr-radius) !important;
  background: var(--vr-surface) !important;
  box-shadow: var(--vr-shadow) !important;
}
html.laboro-visual-reconstruction #laboroWorkSummary h2 { margin: 0 0 7px; font-size: 19px; letter-spacing: -.03em; }
html.laboro-visual-reconstruction #laboroWorkSummary p { margin: 0 0 10px; color: #5f6269; font-size: 13px; line-height: 1.55; }
html.laboro-visual-reconstruction #laboroWorkSummary details { margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--vr-line); }
html.laboro-visual-reconstruction #laboroWorkSummary summary { min-height: 44px; padding: 11px 0; color: var(--vr-blue); cursor: pointer; font-weight: 800; }
html.laboro-visual-reconstruction .reference-home-benefits { box-shadow: none !important; }

html.laboro-visual-reconstruction .sidebar-caption { color: #aeb5c0 !important; }
html.laboro-visual-reconstruction .sidebar-group-trigger { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px 10px; border: 0; border-radius: 10px; color: #d7dbe3; background: transparent; font-weight: 800; text-align: left; }
html.laboro-visual-reconstruction .sidebar-group-trigger:hover,
html.laboro-visual-reconstruction .sidebar-group-trigger:focus-visible { background: #20232b; color: #fff; }
html.laboro-visual-reconstruction .sidebar-submenu { margin: 3px 0 7px; padding-left: 8px; border-left: 1px solid #343944; list-style: none; }
html.laboro-visual-reconstruction .sidebar-submenu[hidden] { display: none; }
html.laboro-visual-reconstruction .visual-nav-mark { width: 16px; color: #78d9cb; }

html.laboro-visual-reconstruction .recon-card { padding: 22px; }
html.laboro-visual-reconstruction .recon-card h2,
html.laboro-visual-reconstruction .recon-card h3 { margin: 0 0 7px; letter-spacing: -.03em; }
html.laboro-visual-reconstruction .recon-card p { margin: 0; color: var(--vr-muted); font-size: 13px; line-height: 1.55; }
html.laboro-visual-reconstruction .recon-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
html.laboro-visual-reconstruction .recon-kicker { display: block; margin-bottom: 8px; color: var(--vr-blue); font: 800 10px/1.2 "DM Mono", monospace; letter-spacing: .12em; text-transform: uppercase; }
html.laboro-visual-reconstruction .recon-state { display: inline-flex; width: fit-content; margin-top: 15px; padding: 6px 9px; border-radius: 999px; color: var(--vr-green); background: #e8f5ee; font: 800 10px/1.1 "DM Mono", monospace; letter-spacing: .05em; text-transform: uppercase; }
html.laboro-visual-reconstruction .recon-list { display: grid; gap: 10px; margin: 16px 0 0; padding: 0; list-style: none; }
html.laboro-visual-reconstruction .recon-list li { display: flex; justify-content: space-between; gap: 12px; padding-top: 10px; border-top: 1px solid var(--vr-line); color: var(--vr-muted); font-size: 12px; }
html.laboro-visual-reconstruction .recon-list strong { color: var(--vr-ink); }
html.laboro-visual-reconstruction .recon-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }

html.laboro-visual-reconstruction .profile-summary-grid,
html.laboro-visual-reconstruction .company-surface-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr); gap: 16px; }
html.laboro-visual-reconstruction .surface-note { padding: 14px 16px; border: 1px solid var(--vr-line); border-radius: 13px; background: var(--vr-sand); color: var(--vr-muted); font-size: 12px; line-height: 1.55; }
html.laboro-visual-reconstruction .surface-note strong { color: var(--vr-ink); }

@media (max-width: 1100px) {
  html.laboro-visual-reconstruction .mockup-nav { gap: 0; }
  html.laboro-visual-reconstruction .mockup-nav button, html.laboro-visual-reconstruction .nav-group-trigger { padding-inline: 8px !important; font-size: 11px !important; }
  html.laboro-visual-reconstruction .topbar-meta { display: none; }
}
@media (max-width: 900px) {
  html.laboro-visual-reconstruction .topbar { position: sticky !important; }
  html.laboro-visual-reconstruction .mockup-nav { display: none !important; }
  html.laboro-visual-reconstruction .sidebar-toggle { display: inline-flex !important; }
  html.laboro-visual-reconstruction .topbar-left { gap: 12px; }
  html.laboro-visual-reconstruction .content { width: min(100% - 28px, 760px) !important; padding-top: 26px !important; }
  html.laboro-visual-reconstruction .action-hero,
  html.laboro-visual-reconstruction .profile-summary-grid,
  html.laboro-visual-reconstruction .company-surface-grid { grid-template-columns: 1fr !important; }
  html.laboro-visual-reconstruction .recon-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  html.laboro-visual-reconstruction .topbar { min-height: 64px !important; padding-inline: 12px !important; }
  html.laboro-visual-reconstruction .mockup-brand { width: 92px; }
  html.laboro-visual-reconstruction .mockup-wordmark { width: 92px !important; }
  html.laboro-visual-reconstruction .profile { display: none !important; }
  html.laboro-visual-reconstruction #logoutButton { padding-inline: 10px !important; font-size: 11px !important; }
  html.laboro-visual-reconstruction .content { width: calc(100% - 24px) !important; padding: 22px 0 50px !important; }
  html.laboro-visual-reconstruction .hero h1,
  html.laboro-visual-reconstruction [data-design-role="page-title"] { font-size: 38px !important; }
  html.laboro-visual-reconstruction .action-hero { padding: 20px !important; }
  html.laboro-visual-reconstruction .recon-card-grid { grid-template-columns: 1fr; }
  html.laboro-visual-reconstruction .button-row,
  html.laboro-visual-reconstruction .quick-actions { grid-template-columns: 1fr !important; }
  html.laboro-visual-reconstruction .recon-actions { display: grid; grid-template-columns: 1fr; }
  html.laboro-visual-reconstruction .recon-actions > * { width: 100% !important; }
}

/* UI08: keep the decision surface readable when content is real, not fixture-sized. */
html.laboro-visual-reconstruction .content > .view > * { min-width: 0; }
html.laboro-visual-reconstruction .decision-feed,
html.laboro-visual-reconstruction .metrics,
html.laboro-visual-reconstruction .profile-grid,
html.laboro-visual-reconstruction .laboro-profile-grid { align-items: start; }
html.laboro-visual-reconstruction .decision-panel > p,
html.laboro-visual-reconstruction .panel-lead,
html.laboro-visual-reconstruction .field-help { max-width: 68ch; line-height: 1.55; }
html.laboro-visual-reconstruction .decision-panel,
html.laboro-visual-reconstruction .panel,
html.laboro-visual-reconstruction .tool-panel { overflow-wrap: anywhere; }
html.laboro-visual-reconstruction .decision-panel .empty,
html.laboro-visual-reconstruction .panel .empty { min-height: 64px; display: grid; align-items: center; }
html.laboro-visual-reconstruction :where(input, select, textarea) { min-height: 44px; }
html.laboro-visual-reconstruction :where(button, a).is-disabled,
html.laboro-visual-reconstruction :where(button, a)[aria-disabled="true"] { cursor: not-allowed; opacity: .62; }
@media (max-width: 720px) {
  html.laboro-visual-reconstruction .decision-feed,
  html.laboro-visual-reconstruction .metrics { grid-template-columns: 1fr !important; }
  html.laboro-visual-reconstruction .metric { min-height: 108px; }
  html.laboro-visual-reconstruction .panel-head,
  html.laboro-visual-reconstruction .decision-card-intro,
  html.laboro-visual-reconstruction .contextual-kit-intro { gap: 12px; align-items: flex-start; }
  html.laboro-visual-reconstruction .panel-head > *,
  html.laboro-visual-reconstruction .decision-card-intro > *,
  html.laboro-visual-reconstruction .contextual-kit-intro > * { max-width: 100%; }
}

/* Accessibility hardening after legacy layer cascade. */
html.laboro-visual-reconstruction .section-head .section-lead,
html.laboro-visual-reconstruction #view-oportunidades .section-lead { color: #5f6269 !important; }
html.laboro-visual-reconstruction .tool-panel.gigital-surface,
html.laboro-visual-reconstruction .gigital-surface.lx-assistant-panel {
  background: #10202b !important;
  border-color: #172a38 !important;
  color: #f4fbfb !important;
}
html.laboro-visual-reconstruction .gigital-surface.lx-assistant-panel h3,
html.laboro-visual-reconstruction .gigital-surface.lx-assistant-panel p { color: #f4fbfb !important; }
html.laboro-visual-reconstruction .gigital-surface.lx-assistant-panel .mini-action {
  color: #08251f !important;
  background: #b9f2e7 !important;
  border-color: #b9f2e7 !important;
}
html.laboro-visual-reconstruction .action-hero h2,
html.laboro-visual-reconstruction .action-hero p,
html.laboro-visual-reconstruction .action-hero strong,
html.laboro-visual-reconstruction .action-hero span { color: var(--vr-ink) !important; }
html.laboro-visual-reconstruction .action-hero .eyebrow { color: var(--vr-blue) !important; }