/* JONAS_MODERN_UI_R905
   Shared visual refresh. Keeps technical content and application behaviour intact. */
:root{
  --jm-navy:#06345f;
  --jm-navy-strong:#052b50;
  --jm-cyan:#52c8ee;
  --jm-green:#16805a;
  --jm-green-hover:#106b4a;
  --jm-ink:#142b42;
  --jm-muted:#60758b;
  --jm-line:#d9e4ec;
  --jm-soft:#f4f8fb;
  --jm-surface:#fff;
  --jm-focus:rgba(40,157,202,.24);
  --jm-shadow-sm:0 1px 2px rgba(5,43,80,.04),0 6px 18px rgba(5,43,80,.055);
  --jm-shadow-md:0 18px 48px rgba(5,43,80,.10);
  --jm-radius:14px;
}

/* R929 · Tablas consistentes también en pantallas que cargan solo el tema moderno. */
@media screen{
  :is(body.jonas-platform-integrated,body.jonas-platform-page,body:has(.jonas-platform-topbar)) table{
    border-collapse:separate !important;border-spacing:0 !important;width:100% !important;
    border:1px solid #d5e4ec !important;border-radius:14px !important;overflow:hidden !important;
    background:#fff !important;box-shadow:0 8px 24px rgba(3,48,79,.055) !important;
  }
  :is(body.jonas-platform-integrated,body.jonas-platform-page,body:has(.jonas-platform-topbar)) table thead :is(th,td){
    padding:11px 13px !important;color:#123c59 !important;
    background:linear-gradient(180deg,#f8fcfd,#eaf5f8) !important;background-size:auto !important;
    border:0 !important;border-right:1px solid rgba(148,187,204,.28) !important;border-bottom:2px solid #54c8e8 !important;
    box-shadow:none !important;font-size:11px !important;font-weight:850 !important;line-height:1.2 !important;
    letter-spacing:.055em !important;text-transform:uppercase !important;white-space:normal !important;
  }
  :is(body.jonas-platform-integrated,body.jonas-platform-page,body:has(.jonas-platform-topbar)) table thead :is(th,td):first-child{padding-left:16px !important}
  :is(body.jonas-platform-integrated,body.jonas-platform-page,body:has(.jonas-platform-topbar)) table thead :is(th,td):last-child{border-right:0 !important;padding-right:16px !important}
  :is(body.jonas-platform-integrated,body.jonas-platform-page,body:has(.jonas-platform-topbar)) table tbody :is(td,th){
    padding:11px 13px !important;border:0 !important;border-bottom:1px solid #e0ebf0 !important;
    background:transparent !important;color:#263d50 !important;line-height:1.45 !important;vertical-align:top !important;
  }
  :is(body.jonas-platform-integrated,body.jonas-platform-page,body:has(.jonas-platform-topbar)) table tbody th{color:#0a4167 !important;font-weight:800 !important}
  :is(body.jonas-platform-integrated,body.jonas-platform-page,body:has(.jonas-platform-topbar)) table tbody tr:last-child :is(td,th){border-bottom:0 !important}
  :is(body.jonas-platform-integrated,body.jonas-platform-page,body:has(.jonas-platform-topbar)) table tbody tr:nth-child(even){background:#f8fbfc !important}
  :is(body.jonas-platform-integrated,body.jonas-platform-page,body:has(.jonas-platform-topbar)) table tbody tr:hover{background:#eef9fb !important;box-shadow:inset 3px 0 0 #20afd2 !important}
}

/* R904 · Portada ejecutiva compacta: mejor densidad sin perder impacto. */
html body .jonas-dashboard {
  padding-top: 18px !important;
}

html body .jonas-dashboard-hero {
  min-height: 300px !important;
  padding: 36px 350px 40px 46px !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  border-radius: 22px !important;
}

html body .jonas-dashboard-hero h1 {
  max-width: 1080px !important;
  margin: 12px 0 16px !important;
  font-size: clamp(38px, 3.25vw, 56px) !important;
  line-height: 1.01 !important;
  letter-spacing: -0.045em !important;
  text-wrap: balance;
}

html body .jonas-dashboard-hero p {
  max-width: 900px !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

html body .jonas-dashboard-hero::before {
  right: 46px !important;
  width: 230px !important;
  padding: 20px 22px !important;
  border-radius: 16px !important;
  line-height: 2.15 !important;
}

html body .jonas-metrics {
  margin: -22px 24px 0 !important;
  gap: 12px !important;
}

html body .jonas-metric {
  min-height: 82px !important;
  padding: 15px 18px !important;
}

html body .jonas-section-heading {
  margin-top: 24px !important;
  margin-bottom: 14px !important;
}

html body .jonas-module-featured {
  min-height: 240px !important;
}

@media (max-width: 1180px) {
  html body .jonas-dashboard-hero {
    min-height: 270px !important;
    padding: 32px 36px 36px !important;
  }

  html body .jonas-dashboard-hero h1 {
    max-width: 920px !important;
  }

  html body .jonas-dashboard-hero::before {
    display: none !important;
  }
}

@media (max-width: 700px) {
  html body .jonas-dashboard {
    padding-top: 10px !important;
  }

  html body .jonas-dashboard-hero {
    min-height: 0 !important;
    padding: 25px 21px 28px !important;
    border-radius: 18px !important;
  }

  html body .jonas-dashboard-hero h1 {
    margin: 10px 0 14px !important;
    font-size: clamp(34px, 11vw, 44px) !important;
    line-height: 1.02 !important;
  }

  html body .jonas-dashboard-hero p {
    font-size: 15px !important;
  }

  html body .jonas-metrics {
    margin: 10px 0 0 !important;
    gap: 8px !important;
  }
}

html{color-scheme:light;scroll-behavior:smooth}
body.jonas-platform-page,
body.jonas-platform-integrated{
  background:
    radial-gradient(circle at 100% 0,rgba(82,200,238,.10),transparent 32rem),
    linear-gradient(180deg,#f8fbfd 0,#f3f7fa 100%)!important;
  color:var(--jm-ink)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Navigation dropdowns must paint above the context bar and workflow tabs. */
html body:not(.jonas-login-page) .jonas-platform-topbar[data-jonas-platform-topbar] {
  z-index: 1300 !important;
  overflow: visible !important;
}
html body:not(.jonas-login-page) .jonas-platform-topbar :is(.jonas-platform-inner,.jonas-nav-group,.jonas-profile) {
  overflow: visible !important;
}

/* Premium but quiet application chrome. */
html body .jonas-platform-topbar{
  height:66px!important;
  background:linear-gradient(112deg,#052d54 0%,#073d6d 62%,#075072 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 8px 26px rgba(4,31,58,.16)!important;
  backdrop-filter:saturate(140%) blur(16px);
  -webkit-backdrop-filter:saturate(140%) blur(16px);
}
html body .jonas-platform-inner{width:min(100% - 32px,1720px)!important;gap:16px!important}
html body .jonas-platform-brand{gap:12px!important}
html body .jonas-platform-brand img{width:64px!important;filter:drop-shadow(0 2px 7px rgba(0,0,0,.12))}
html body .jonas-platform-brand-copy strong{font-size:13px!important;font-weight:750!important}
html body .jonas-platform-brand-copy small{margin-top:4px!important;color:#bcd2e4!important}
html body .jonas-platform-nav{gap:3px!important}
html body .jonas-nav-item{
  height:40px!important;
  min-height:40px!important;
  padding:0 12px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  color:#dceaf5!important;
  font-size:12.5px!important;
  font-weight:680!important;
}
html body .jonas-nav-item:hover{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.10)!important;
  transform:none!important;
}
html body .jonas-nav-item.is-active,
html body .jonas-nav-group.is-active>.jonas-nav-item{
  background:rgba(255,255,255,.13)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:inset 0 -2px 0 var(--jm-cyan)!important;
}
html body .jonas-nav-dropdown,
html body .jonas-profile-menu{
  border:1px solid rgba(213,226,236,.92)!important;
  border-radius:14px!important;
  box-shadow:var(--jm-shadow-md)!important;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
html body .jonas-profile-button{
  min-height:44px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
html body .jonas-profile-button:hover{background:rgba(255,255,255,.10)!important;transform:none!important}
html body .jonas-profile-avatar{background:linear-gradient(135deg,#20a9da,#58cce8)!important;box-shadow:0 5px 14px rgba(3,34,64,.22)!important}

/* Consistent page rhythm and hierarchy. */
html body .jonas-page-shell,
html body .jonas-admin-content{width:min(100% - 32px,1660px)!important;padding-top:22px!important}
html body .jonas-page-header{margin-bottom:18px!important;align-items:center!important}
html body .jonas-page-header h1{
  color:var(--jm-navy)!important;
  font-size:clamp(26px,2vw,34px)!important;
  letter-spacing:-.035em!important;
  line-height:1.08!important;
}
html body .jonas-page-kicker{color:#2482a8!important;font-size:9px!important;letter-spacing:.19em!important}
html body .jonas-page-header p{color:var(--jm-muted)!important;line-height:1.45!important}
html body .jonas-page-role{background:#e8f6f7!important;color:#0b6e70!important;border:1px solid #cce8e7!important}

/* Modern surfaces without obscuring dense engineering content. */
html body :is(.jonas-card,.admin-card,.jonas-panel,.form-section,.side-card,.toolbar,.r44-card){
  border:1px solid var(--jm-line)!important;
  border-radius:var(--jm-radius)!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:var(--jm-shadow-sm)!important;
}
html body :is(.jonas-card-head,.admin-card-header,.jonas-panel-head){border-bottom-color:#e8eef3!important}
html body .jonas-card-head{padding:14px 17px!important}
html body .jonas-card-body{padding:16px 17px!important}
html body :is(.jonas-card h2,.jonas-card h3,.admin-card h2,.admin-card h3){color:var(--jm-navy)!important;letter-spacing:-.015em!important}

/* Form controls: one height, clear focus, calm validation. */
html body :is(.jonas-input,.jonas-select,.form-control,.form-select,.admin-input,.admin-select,.admin-textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){
  border-color:#cddae5!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--jm-ink)!important;
  box-shadow:0 1px 1px rgba(4,43,78,.02)!important;
}
html body :is(.jonas-input,.jonas-select,.form-control,.form-select,.admin-input,.admin-select,input:not([type=checkbox]):not([type=radio]):not([type=range]),select){min-height:42px}
html body :is(.jonas-input,.jonas-select,.form-control,.form-select,.admin-input,.admin-select,.admin-textarea,input,select,textarea):focus{
  outline:0!important;
  border-color:#289dca!important;
  box-shadow:0 0 0 3px var(--jm-focus)!important;
}
html body label{color:#40576e}

/* Actions: navy for neutral actions, green for forward workflow. */
html body :is(.jonas-btn,.btn,.admin-btn){
  min-height:40px;
  border-radius:10px!important;
  font-weight:720!important;
  box-shadow:none!important;
}
html body :is(.jonas-btn.primary,.btn-primary,.admin-btn.primary){background:var(--jm-navy)!important;border-color:var(--jm-navy)!important;color:#fff!important}
html body :is(.jonas-btn.success,.btn-success,.admin-btn.success,[data-next-stage],.jonas-review-primary,.jonas-result-primary){
  background:var(--jm-green)!important;
  border-color:var(--jm-green)!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(22,128,90,.16)!important;
}
html body :is(.jonas-btn.success,.btn-success,.admin-btn.success,[data-next-stage],.jonas-review-primary,.jonas-result-primary):hover{background:var(--jm-green-hover)!important;border-color:var(--jm-green-hover)!important}
html body :is(.jonas-btn.secondary,.btn.secondary,.admin-btn.secondary,.btn-outline-primary){background:#fff!important;border-color:#cbd9e4!important;color:var(--jm-navy)!important}
html body :is(.jonas-btn,.btn,.admin-btn):focus-visible{outline:3px solid var(--jm-focus)!important;outline-offset:2px!important}

/* Stage navigation: precise, compact and obviously active. */
html body .jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu{
  gap:8px!important;
  background:rgba(246,249,252,.94)!important;
  box-shadow:0 0 0 7px rgba(246,249,252,.94),0 8px 18px rgba(5,43,80,.05)!important;
}
html body .jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu>a{
  height:42px!important;
  min-height:42px!important;
  border-color:#d6e1ea!important;
  border-radius:11px!important;
  box-shadow:0 1px 2px rgba(5,43,80,.035)!important;
}
html body .jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu>a:hover:not([aria-disabled=true]){border-color:#9dcde0!important;background:#f9fdff!important}
html body .jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu>a:is([aria-current=step],.is-active,.active){
  background:var(--jm-navy)!important;
  border-color:var(--jm-navy)!important;
  box-shadow:0 7px 16px rgba(5,52,95,.16)!important;
}

/* Tables are easier to scan and use space more efficiently. */
html body .jonas-table{border-collapse:separate!important;border-spacing:0!important}
html body .jonas-table th{
  background:#f4f8fb!important;
  color:#587087!important;
  font-size:10px!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
html body .jonas-table :is(th,td){padding:10px 12px!important;border-bottom-color:#e7edf2!important}
html body .jonas-table tbody tr:hover td{background:#f8fbfd!important}

/* Friendly, modern status language. Red remains reserved for real blocking errors. */
html body .jonas-alert{border-radius:11px!important;font-weight:650!important}
html body .jonas-alert.info{background:#eef8fc!important;color:#275b74!important;border-color:#cfe6ef!important}
html body .jonas-alert.ok{background:#edf8f2!important;color:#14643f!important;border-color:#cce8d8!important}
html body .jonas-alert.error{background:#fff5f5!important;color:#913b3b!important;border-color:#efd4d4!important}

/* Canvas/workspace internals keep their own geometry. Only the frame is refreshed. */
html body :is(.plan-canvas,.plan-workspace,.r44-plan-stage,.r44bf-stage,.jonas-plan-viewer){border-radius:12px}

@media(max-width:880px){
  html body .jonas-platform-topbar{height:62px!important}
  html body .jonas-platform-inner{width:calc(100% - 22px)!important}
  html body .jonas-platform-nav{top:60px!important;background:rgba(5,45,84,.98)!important;border-radius:12px!important}
  html body .jonas-page-shell,html body .jonas-admin-content{width:calc(100% - 20px)!important;padding-top:16px!important}
}
@media(max-width:700px){
  html body .jonas-platform-brand-copy{display:none!important}
  html body .jonas-platform-brand-sep{display:none!important}
  html body .jonas-page-header h1{font-size:27px!important}
  html body :is(.jonas-card,.admin-card,.jonas-panel,.form-section,.side-card,.toolbar,.r44-card){border-radius:12px!important}
  html body .jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu{gap:4px!important}
  html body :is(.jonas-input,.jonas-select,.form-control,.form-select,.admin-input,.admin-select,input:not([type=checkbox]):not([type=radio]),select){min-height:46px;font-size:16px!important}
}

/* R913 · Salto visual transversal: interfaz contemporánea, densa y profesional. */
:root{
  --j913-navy:#073967;
  --j913-navy-deep:#052d52;
  --j913-cyan:#2eb6df;
  --j913-green:#168b61;
  --j913-ink:#102b46;
  --j913-muted:#647c90;
  --j913-line:#d7e4ec;
  --j913-surface:rgba(255,255,255,.94);
  --j913-shadow:0 16px 40px rgba(7,57,103,.09);
  --j913-shadow-soft:0 7px 22px rgba(7,57,103,.065);
}
html body{
  color:var(--j913-ink);
  background:
    radial-gradient(circle at 92% 4%,rgba(46,182,223,.10),transparent 28rem),
    linear-gradient(180deg,#f8fbfd 0,#f1f7fa 100%)!important;
}
html body :is(.jonas-shell,.jonas-topbar,.jonas-header,header.jonas-header){
  border-bottom:1px solid rgba(89,184,218,.26)!important;
  background:linear-gradient(110deg,#062f58 0%,#074272 58%,#07537f 100%)!important;
  box-shadow:0 8px 26px rgba(5,45,82,.16)!important;
}
html body :is(.jonas-nav a,.jonas-main-nav a,.jonas-topnav a,.jonas-user-menu){
  border-radius:12px!important;
  transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
html body :is(.jonas-nav a,.jonas-main-nav a,.jonas-topnav a):hover{
  background:rgba(255,255,255,.11)!important;
  transform:translateY(-1px);
}
html body :is(.jonas-nav a.active,.jonas-main-nav a.active,.jonas-topnav a.active){
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(66,194,228,.16))!important;
  box-shadow:inset 0 -2px 0 #58c9e9,0 8px 18px rgba(0,0,0,.10)!important;
}
html body :is(.jonas-breadcrumb-bar,.jonas-context-bar,.jonas-page-context){
  background:rgba(255,255,255,.78)!important;
  border-bottom:1px solid rgba(190,211,222,.7)!important;
  backdrop-filter:blur(14px);
}
html body.jonas-platform-integrated main.jonas-workspace,
html body.r44an-mode-viewer main{
  width:min(calc(100% - 34px),1880px)!important;
}
html body.jonas-platform-integrated :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading),
html body.r44an-mode-viewer :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading){
  position:relative;
  overflow:hidden;
  border:1px solid rgba(192,214,225,.8)!important;
  border-radius:18px!important;
  background:linear-gradient(120deg,rgba(255,255,255,.98),rgba(239,249,252,.94))!important;
  box-shadow:var(--j913-shadow-soft)!important;
}
html body.jonas-platform-integrated :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading)::before,
html body.r44an-mode-viewer :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading)::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,var(--j913-cyan),var(--j913-green));
}
html body :is(h1,.jonas-workspace-title h1,.jonas-legacy-page-header h1){
  color:#073967!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
html body :is(h2,h3,.jonas-card-title,.jonas-panel-title){letter-spacing:-.018em}

html body .jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu{
  border:1px solid rgba(191,211,222,.75)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:var(--j913-shadow-soft)!important;
  backdrop-filter:blur(12px);
}
html body .jonas-unified-stage-menu>a{
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important;
}
html body .jonas-unified-stage-menu>a:hover{background:#eef8fb!important;transform:translateY(-1px)}
html body .jonas-unified-stage-menu>a.active,
html body .jonas-unified-stage-menu>a[aria-current="step"]{
  border-color:#08649b!important;
  background:linear-gradient(135deg,#063c70,#086297)!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(7,74,123,.20)!important;
}

html body.jonas-platform-integrated :is(.jonas-card,.jonas-panel,.jonas-section,.jonas-review-card,.jonas-typology-card,.jonas-airflow-card,.jonas-airflow-node,.jonas-kpi,.jonas-result-kpis>*,.projects-list-card,.report-area,.su-card),
html body.r44an-mode-viewer :is(.jonas-card,.jonas-panel,.jonas-section){
  border:1px solid rgba(193,214,224,.84)!important;
  border-radius:18px!important;
  background:var(--j913-surface)!important;
  box-shadow:var(--j913-shadow-soft)!important;
}
html body.jonas-platform-integrated :is(.jonas-card,.jonas-review-card,.jonas-typology-card,.jonas-kpi,.jonas-result-kpis>*,.projects-list-card,.su-card){
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
html body.jonas-platform-integrated :is(.jonas-card,.jonas-review-card,.jonas-typology-card,.projects-list-card,.su-card):hover{
  border-color:#9dc8d9!important;
  box-shadow:0 18px 38px rgba(7,57,103,.11)!important;
  transform:translateY(-2px);
}
html body :is(.jonas-review-model-head,.jonas-typology-card-head,.jonas-card-head,.jonas-panel-head){
  border-bottom:1px solid rgba(204,221,230,.85)!important;
  background:linear-gradient(90deg,#f8fcfd,#eef8fb)!important;
  border-radius:17px 17px 0 0!important;
}
html body .jonas-result-kpis>*{position:relative;overflow:hidden}
html body .jonas-result-kpis>*::before{
  content:"";position:absolute;inset:0 0 auto;height:3px;
  background:linear-gradient(90deg,var(--j913-cyan),var(--j913-green));
}

html body.jonas-platform-integrated :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
html body.r44an-mode-viewer :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  border:1px solid #c5d8e3!important;
  border-radius:11px!important;
  background:#fbfdfe!important;
  box-shadow:inset 0 1px 2px rgba(7,57,103,.025)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
html body.jonas-platform-integrated :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus,
html body.r44an-mode-viewer :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{
  border-color:#29a8d2!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(46,182,223,.13)!important;
  outline:0!important;
}
html body :is(button,.btn,.jonas-btn){
  border-radius:11px!important;
  font-weight:750!important;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease!important;
}
html body :is(button,.btn,.jonas-btn):hover:not(:disabled){transform:translateY(-1px)}
html body :is(.btn-primary,.jonas-btn-primary,.jonas-cta-primary){
  border-color:#116f4e!important;
  background:linear-gradient(135deg,#179365,#11764f)!important;
  box-shadow:0 9px 20px rgba(22,139,97,.19)!important;
}

html body :is(.jonas-table,.projects-table,.su-users-table){
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden;
  border:1px solid #d6e4eb!important;
  border-radius:14px!important;
  background:#fff!important;
}
html body :is(.jonas-table,.projects-table,.su-users-table) thead th{
  border-bottom:1px solid #c8dce6!important;
  background:linear-gradient(180deg,#f3f9fb,#eaf4f7)!important;
  color:#36566d!important;
  font-size:11px!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
}
html body :is(.jonas-table,.projects-table,.su-users-table) tbody tr{transition:background-color .14s ease}
html body :is(.jonas-table,.projects-table,.su-users-table) tbody tr:hover{background:#f1f9fb!important}

html body :is(.badge,.jonas-badge,.status-pill,.chip){
  border-radius:999px!important;
  font-weight:750!important;
}
html body :is(.jonas-toolbar,.toolbar,.jonas-list-toolbar,.r45zf-canvasbar,.r44aw-topbar,.su-toolbar){
  border:1px solid rgba(195,214,224,.82)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:var(--j913-shadow-soft)!important;
  backdrop-filter:blur(12px);
}
html body :is(.jonas-empty-state,.empty-state){
  min-height:160px;
  display:grid;
  place-items:center;
  text-align:center;
}
html body .jonas-help-floating{box-shadow:0 14px 32px rgba(5,45,82,.22)!important}

@media(prefers-reduced-motion:reduce){
  html body *,html body *::before,html body *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
@media(max-width:900px){
  html body.jonas-platform-integrated main.jonas-workspace,
  html body.r44an-mode-viewer main{width:calc(100% - 16px)!important}
  html body.jonas-platform-integrated :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading){border-radius:14px!important}
}
@media(max-width:700px){
  html body{background:#f4f8fa!important}
  html body.jonas-platform-integrated main.jonas-workspace{width:calc(100% - 10px)!important}
  html body.jonas-platform-integrated :is(.jonas-card,.jonas-panel,.jonas-section,.jonas-review-card,.jonas-typology-card,.projects-list-card,.su-card){border-radius:14px!important}
}

/* R905 · Separación transversal de encabezados y títulos. */
html body.jonas-platform-integrated :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading),
html body.r44an-mode-viewer :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading){
  padding:16px 24px 16px 30px!important;
  min-height:76px!important;
  gap:14px!important;
}
html body.jonas-platform-integrated :is(.jonas-workspace-title,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading) :is(h1,h2),
html body.r44an-mode-viewer :is(.jonas-workspace-title,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading) :is(h1,h2){
  margin:0 0 5px!important;
  padding:0!important;
  line-height:1.08!important;
}
html body.jonas-platform-integrated :is(.jonas-workspace-title,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading) :is(p,.jonas-subtitle),
html body.r44an-mode-viewer :is(.jonas-workspace-title,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading) :is(p,.jonas-subtitle){
  margin:0!important;
  padding:0!important;
  line-height:1.4!important;
}
html body.jonas-platform-integrated :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading)::before,
html body.r44an-mode-viewer :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading)::before{
  width:4px!important;
}
@media(max-width:900px){
  html body.jonas-platform-integrated :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading),
  html body.r44an-mode-viewer :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading){
    padding:14px 16px 14px 22px!important;
    min-height:68px!important;
  }
}

/* R911 · Cierre integral UX/UI: ritmo, legibilidad, densidad y respuesta. */
html body{
  --jm-body:14px;
  --jm-label:12px;
  --jm-control:14px;
  --jm-title-final:clamp(27px,2.15vw,36px);
  --jm-section-final:clamp(19px,1.45vw,25px);
  color:var(--jm-ink)!important;
  font-size:var(--jm-body)!important;
}
html body :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading) :is(h1,h2){
  font-size:var(--jm-title-final)!important;
  letter-spacing:-.035em!important;
}
html body :is(.jonas-section-heading,.jonas-card-head,.jonas-panel-head,.admin-card-header) :is(h2,h3){
  font-size:var(--jm-section-final)!important;
  line-height:1.15!important;
}
html body :is(label,.jonas-label,.form-label,th){font-size:var(--jm-label)!important}
html body :is(input,select,textarea,button,.jonas-btn,.btn,.admin-btn){font-size:var(--jm-control)!important}

/* Page shells use the available canvas without becoming difficult to scan. */
html body :is(.jonas-page-shell,.jonas-admin-content,.jonas-dashboard,main.jonas-workspace){
  width:min(calc(100% - 24px),1800px)!important;
  max-width:1800px!important;
}
html body :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading){
  margin-block:8px 10px!important;
}
html body :is(.jonas-card,.admin-card,.jonas-panel,.form-section,.side-card,.r44-card,.projects-list-card,.catalog-shell,.reports-shell){
  margin-block:0 12px!important;
}
html body :is(.jonas-card-body,.admin-card-body,.jonas-panel-body,.form-section-body){padding:14px!important}

/* Forms: compact, aligned and still comfortable for touch and keyboard use. */
html body :is(.jonas-form-grid,.admin-form-grid,.form-grid,.jonas-review-grid){gap:10px 12px!important}
html body :is(.jonas-field,.form-group,.admin-field){gap:5px!important;margin-bottom:10px!important}
html body :is(textarea,.jonas-textarea,.admin-textarea){min-height:70px!important;line-height:1.45!important}
html body :is(input,select,textarea,.jonas-input,.jonas-select,.form-control,.form-select){border-radius:10px!important}
html body :is(input,select,textarea,.jonas-input,.jonas-select,.form-control,.form-select)::placeholder{color:#8194a5!important;opacity:1}

/* Tables stay dense on large screens and scroll instead of clipping on small ones. */
html body :is(.projects-list-card,.jonas-table-wrap,.table-responsive,.su-users-table-wrap){overflow:auto!important;scrollbar-gutter:stable}
html body :is(.projects-table,.jonas-table,.admin-table,.catalog-table){width:100%!important;min-width:760px}
html body :is(.projects-table,.jonas-table,.admin-table,.catalog-table) :is(th,td){
  padding:10px 12px!important;
  vertical-align:middle!important;
  line-height:1.35!important;
}
html body :is(.projects-table,.jonas-table,.admin-table,.catalog-table) tbody tr:nth-child(even){background:#fbfdfe!important}

/* Clear click targets and keyboard focus across projects, catalogue and administration. */
html body :is(a,button,[role="button"],summary):focus-visible{
  outline:3px solid var(--jm-focus)!important;
  outline-offset:3px!important;
}
html body :is(.card-actions,.jonas-actions,.admin-actions,.catalog-actions){gap:8px!important;align-items:center!important}
html body :is(.card-actions,.jonas-actions,.admin-actions,.catalog-actions)>*{white-space:nowrap}

/* Toolbars wrap deliberately; no control is pushed outside the viewport. */
html body :is(.jonas-list-toolbar,.admin-toolbar,.catalog-toolbar,.reports-toolbar,.jonas-control-panel,.toolbar,.r45zf-canvasbar,.r44aw-topbar){
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
}
html body :is(.jonas-list-toolbar,.admin-toolbar,.catalog-toolbar,.reports-toolbar) :is(.jonas-search-form,.search-form){flex:1 1 320px!important}

/* Report and plan workspaces prioritize content over decorative whitespace. */
html body :is(.report-area,.jonas-result-experience,.jonas-output-card){padding:14px!important}
html body :is(.viewer,.r44k-viewport,.r43e-plant-area,.jonas-output-area){max-width:100%!important}

@media(max-width:900px){
  html body :is(.jonas-page-shell,.jonas-admin-content,.jonas-dashboard,main.jonas-workspace){width:calc(100% - 14px)!important}
  html body :is(.jonas-card-body,.admin-card-body,.jonas-panel-body,.form-section-body){padding:12px!important}
  html body :is(.jonas-form-grid,.admin-form-grid,.form-grid,.jonas-review-grid){grid-template-columns:1fr 1fr!important}
}
@media(max-width:700px){
  html body{--jm-body:14px;--jm-label:12px;--jm-control:16px;--jm-title-final:clamp(25px,8vw,32px);--jm-section-final:20px}
  html body :is(.jonas-page-shell,.jonas-admin-content,.jonas-dashboard,main.jonas-workspace){width:calc(100% - 10px)!important}
  html body :is(.jonas-form-grid,.admin-form-grid,.form-grid,.jonas-review-grid){grid-template-columns:1fr!important}
  html body :is(.jonas-card-body,.admin-card-body,.jonas-panel-body,.form-section-body){padding:10px!important}
  html body :is(.card-actions,.jonas-actions,.admin-actions,.catalog-actions)>*{flex:1 1 100%;width:100%;justify-content:center}
  html body :is(.projects-table,.jonas-table,.admin-table,.catalog-table){min-width:680px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{html body{background:#fff!important}html body :is(.jonas-card,.admin-card,.jonas-panel,.form-section,.side-card,.toolbar,.r44-card){box-shadow:none!important}}

/* R900 · contemporary polish and stronger cross-platform consistency. */
:root{
  --jm-space-1:4px;
  --jm-space-2:8px;
  --jm-space-3:12px;
  --jm-space-4:16px;
  --jm-space-5:24px;
}
html{scrollbar-color:#a9bdcc #edf3f7;scrollbar-width:thin}
html body ::selection{background:#bdeeff;color:#062f55}

/* Context bar and breadcrumbs become one restrained navigation layer. */
html body :is(.jonas-context-nav,.jonas-breadcrumb-bar,.jonas-breadcrumbs){
  background:rgba(249,252,254,.88)!important;
  border-color:#dce6ed!important;
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 1px 0 rgba(5,43,80,.025)!important;
}
html body :is(.jonas-context-nav,.jonas-breadcrumb-bar,.jonas-breadcrumbs) a{color:#4f6981!important;text-decoration:none!important}
html body :is(.jonas-context-nav,.jonas-breadcrumb-bar,.jonas-breadcrumbs) a:hover{color:var(--jm-navy)!important}

/* Better information hierarchy on the five engineering stages. */
html body.jonas-platform-integrated :is(.jonas-workspace-header,.r44an-heading,.r44aw-intro){
  padding-inline:2px!important;
}
html body.jonas-platform-integrated :is(.jonas-workspace-title,.r44an-heading,.r44aw-intro) h1{
  color:var(--jm-navy)!important;
  font-weight:790!important;
  letter-spacing:-.03em!important;
}
html body.jonas-platform-integrated :is(.jonas-review-hero,.jonas-result-hero){
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 92% 18%,rgba(82,200,238,.18),transparent 24rem),
    linear-gradient(116deg,#052f58 0%,#064477 100%)!important;
  box-shadow:0 18px 42px rgba(5,43,80,.14)!important;
  overflow:hidden!important;
}
html body.jonas-platform-integrated :is(.jonas-review-hero,.jonas-result-hero) :is(h1,h2,h3,strong){color:#fff!important}
html body.jonas-platform-integrated :is(.jonas-review-hero,.jonas-result-hero) p{color:#d9e9f4!important}

/* Modern metric cards remain dense, but values are easier to compare. */
html body :is(.jonas-metric,.jonas-kpi,.r44an-kpi,.metric-card,.stat-card){
  border:1px solid #dce6ed!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdfe 100%)!important;
  box-shadow:0 1px 2px rgba(5,43,80,.035)!important;
}
html body :is(.jonas-metric,.jonas-kpi,.r44an-kpi,.metric-card,.stat-card) :is(strong,.value,.metric-value){
  color:var(--jm-navy)!important;
  letter-spacing:-.035em!important;
  font-variant-numeric:tabular-nums;
}

/* Cards feel interactive only when they really contain an action. */
html body :is(.jonas-card,.admin-card,.r44-card):has(a,button,input,select,textarea){
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
@media(hover:hover) and (pointer:fine){
  html body :is(.jonas-card,.admin-card,.r44-card):has(a,button,input,select,textarea):hover{
    border-color:#cbdbe6!important;
    box-shadow:0 2px 4px rgba(5,43,80,.04),0 12px 30px rgba(5,43,80,.075)!important;
  }
}

/* Disclosures and segmented choices explicitly communicate interaction. */
html body details>summary{
  min-height:40px;
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--jm-navy)!important;
  font-weight:720!important;
  cursor:pointer;
  border-radius:9px;
}
html body details>summary:hover{background:#f2f8fb}
html body details>summary:focus-visible{outline:3px solid var(--jm-focus);outline-offset:2px}
html body :is(.segmented-control,.button-group,.jonas-toggle-group){
  padding:3px!important;
  gap:3px!important;
  border:1px solid #d6e2ea!important;
  border-radius:12px!important;
  background:#eef4f7!important;
}

/* Modern tables use contained edges and tabular numerals. */
html body .jonas-table{
  overflow:hidden;
  border:1px solid #dfe8ee!important;
  border-radius:12px!important;
  font-variant-numeric:tabular-nums;
}
html body .jonas-table tbody tr:last-child td{border-bottom:0!important}
html body .jonas-table :is(a,button){font-weight:700}

/* Empty and loading states look intentional instead of unfinished. */
html body .jonas-empty-state{
  min-height:220px;
  border:1px dashed #c9d9e4;
  border-radius:14px;
  background:linear-gradient(180deg,#fbfdfe,#f6fafc);
}
html body :is(.loading,.is-loading,[aria-busy=true]){cursor:progress}

/* Preserve canvas behavior while making its containing surface clearer. */
html body :is(.plan-workspace,.r44-plan-stage,.r44bf-stage,.jonas-plan-viewer){
  border:1px solid #d6e2ea!important;
  background:#edf3f7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
html body :is(.plan-canvas,.r44-plan-canvas,.jonas-plan-canvas){background:#fff!important}

/* Keyboard and disabled states are unmistakable. */
html body :is(a,button,input,select,textarea,summary):focus-visible{
  outline:3px solid var(--jm-focus)!important;
  outline-offset:2px!important;
}
html body :is(button,.jonas-btn,.btn,.admin-btn,[role=button]):disabled,
html body :is(button,.jonas-btn,.btn,.admin-btn,[role=button])[aria-disabled=true]{
  opacity:.52!important;
  filter:saturate(.55)!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}

@media(max-width:1180px){
  html body .jonas-platform-inner{width:calc(100% - 24px)!important}
  html body .jonas-nav-item{padding-inline:9px!important;font-size:12px!important}
  html body .jonas-profile-meta strong{max-width:112px!important}
}
@media(max-width:700px){
  html body :is(.jonas-review-hero,.jonas-result-hero){border-radius:14px!important}
  html body .jonas-page-header{margin-bottom:14px!important}
  html body .jonas-table{border:0!important;border-radius:0!important}
  html body .jonas-table tr{margin-bottom:10px;border:1px solid #dce6ed!important;border-radius:11px!important;background:#fff!important}
  html body .jonas-empty-state{min-height:180px}
}
@media(prefers-reduced-motion:reduce){
  html body :is(.jonas-card,.admin-card,.r44-card):has(a,button,input,select,textarea){transition:none!important}
}

/* R901 · high-impact product experience across the complete platform. */
:root{
  --jm-display:clamp(38px,4.6vw,72px);
  --jm-title:clamp(26px,2.4vw,38px);
  --jm-section:clamp(20px,1.7vw,28px);
}

/* Dashboard: asymmetric editorial hero with a compact engineering signal. */
html body .jonas-dashboard{max-width:1660px!important;padding:28px 24px 64px!important}
html body .jonas-dashboard-hero{
  min-height:390px!important;
  padding:clamp(38px,5vw,72px)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:28px!important;
  background:
    linear-gradient(90deg,rgba(4,45,84,.98) 0%,rgba(4,45,84,.94) 54%,rgba(5,66,104,.76) 100%),
    radial-gradient(circle at 88% 25%,rgba(82,200,238,.36),transparent 25rem)!important;
  box-shadow:0 24px 68px rgba(5,43,80,.18)!important;
  overflow:hidden!important;
  isolation:isolate;
}
html body .jonas-dashboard-hero::before{
  content:"PDF · DWG\A NCh3309:2022\A INFORME TÉCNICO";
  white-space:pre;
  position:absolute;
  right:clamp(42px,7vw,110px);
  top:50%;
  z-index:2;
  width:250px;
  padding:26px 28px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  background:rgba(255,255,255,.085);
  color:#eaf7fc;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 40px rgba(0,24,48,.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transform:translateY(-50%);
  font:750 13px/2.2 Inter,system-ui,sans-serif;
  letter-spacing:.12em;
}
html body .jonas-dashboard-hero::after{
  width:520px!important;
  height:520px!important;
  right:-118px!important;
  top:-245px!important;
  border-color:rgba(82,200,238,.24)!important;
  box-shadow:0 0 0 82px rgba(82,200,238,.035),0 0 0 164px rgba(82,200,238,.022)!important;
}
html body .jonas-dashboard-hero .jonas-eyebrow{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#a8def1!important;
  font-size:10px!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}
html body .jonas-dashboard-hero .jonas-eyebrow::before{content:"";width:32px;height:2px;border-radius:2px;background:var(--jm-cyan)}
html body .jonas-dashboard-hero h1{
  max-width:820px!important;
  margin:18px 0 20px!important;
  color:#fff!important;
  font-size:var(--jm-display)!important;
  line-height:.98!important;
  letter-spacing:-.058em!important;
  font-weight:820!important;
  text-wrap:balance;
}
html body .jonas-dashboard-hero p{max-width:780px!important;color:#cfe1ee!important;font-size:clamp(15px,1.2vw,18px)!important;line-height:1.6!important}
html body .jonas-metrics{
  position:relative;
  z-index:3;
  margin:-30px 28px 0!important;
  gap:12px!important;
}
html body .jonas-metric{
  min-height:104px;
  padding:20px 22px!important;
  border-color:rgba(208,223,233,.92)!important;
  border-radius:16px!important;
  box-shadow:0 14px 36px rgba(5,43,80,.10)!important;
  backdrop-filter:blur(16px);
}
html body .jonas-metric strong{font-size:17px!important;margin-bottom:5px}
html body .jonas-section-heading{margin-top:38px!important}
html body .jonas-section-heading h2{font-size:var(--jm-section)!important;letter-spacing:-.035em!important}
html body .jonas-module-featured{
  min-height:290px!important;
  padding:clamp(26px,3vw,44px)!important;
  border:1px solid #cfe0ea!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 82% 26%,rgba(82,200,238,.14),transparent 22rem),
    linear-gradient(135deg,#fff 0%,#f5fbfd 100%)!important;
  box-shadow:0 20px 54px rgba(5,43,80,.09)!important;
}
html body .jonas-module-featured h3{font-size:clamp(28px,2.3vw,40px)!important;letter-spacing:-.045em!important}
html body .jonas-module-badge{border:1px solid #cce6ef!important;background:#edf9fc!important;color:#075478!important}
html body .jonas-roadmap-card{border-radius:13px!important;border-color:#dae6ed!important;background:rgba(255,255,255,.78)!important}

/* Inline legacy colours become one coherent action hierarchy. */
html body .jonas-dashboard-actions .jonas-cta-primary{
  min-height:44px!important;
  padding:0 17px!important;
  border:1px solid #cbdbe5!important;
  border-radius:11px!important;
  background:#fff!important;
  color:var(--jm-navy)!important;
  box-shadow:0 4px 12px rgba(5,43,80,.05)!important;
}
html body .jonas-dashboard-actions .jonas-cta-primary:first-child{
  background:var(--jm-green)!important;
  border-color:var(--jm-green)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(22,128,90,.18)!important;
}
html body .jonas-dashboard-actions .jonas-cta-primary:hover{transform:translateY(-1px)!important;border-color:#91b8ca!important}

/* Projects, catalogue and administration share the same modern work surface. */
html body :is(.projects-list-card,.admin-shell,.catalog-shell,.reports-shell){
  border:1px solid #d8e4eb!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 14px 38px rgba(5,43,80,.07)!important;
  overflow:hidden;
}
html body :is(.jonas-list-toolbar,.admin-toolbar,.catalog-toolbar,.reports-toolbar){
  min-height:56px;
  padding:10px 12px!important;
  border:1px solid #dbe6ed!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 4px 16px rgba(5,43,80,.04)!important;
}
html body .jonas-search-form{position:relative}
html body .jonas-search-form .jonas-input{min-width:min(420px,56vw)!important;background:#f8fbfd!important}
html body .jonas-role-chip{border:1px solid #d6e2e9!important;background:#eef5f8!important;color:#31526d!important}

/* Stages 1–5: remove visual fragmentation and use a precise engineering canvas. */
html body.jonas-platform-integrated main.jonas-workspace,
html body.r44an-mode-viewer main{max-width:1720px!important;padding-inline:18px!important}
html body.jonas-platform-integrated :is(.jonas-workspace-header,.r44an-heading,.r44aw-intro){margin-bottom:14px!important}
html body.jonas-platform-integrated :is(.jonas-workspace-title,.r44an-heading,.r44aw-intro) h1{font-size:var(--jm-title)!important}
html body.jonas-platform-integrated :is(.jonas-review-section,.jonas-result-section,.r44an-section,.r44aw-section){
  border:1px solid #d9e5ec!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 10px 30px rgba(5,43,80,.055)!important;
}
html body.jonas-platform-integrated :is(.jonas-review-section-head,.jonas-section-heading,.r44an-section-head){
  border-bottom:1px solid #e6edf2!important;
  background:linear-gradient(180deg,#fbfdfe,#f7fafc)!important;
}
html body.jonas-platform-integrated :is(.jonas-stepper,.r44aw-steps,.r44an-statusbar){
  border:1px solid #d9e5ec!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 6px 20px rgba(5,43,80,.05)!important;
}
html body.jonas-platform-integrated :is(.jonas-sticky-actions,.r44aw-sticky,.r44an-sticky,.r44-stage-actions){
  border:1px solid rgba(206,221,231,.94)!important;
  background:rgba(255,255,255,.91)!important;
  box-shadow:0 -10px 34px rgba(5,43,80,.10)!important;
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
}

/* Login is part of the product, not a separate legacy screen. */
html body.jonas-login-page .jonas-login-shell{background:#f4f8fb!important}
html body.jonas-login-page .jonas-login-hero{
  background:
    radial-gradient(circle at 18% 22%,rgba(82,200,238,.18),transparent 24rem),
    linear-gradient(145deg,#042b50,#064878)!important;
}
html body.jonas-login-page .jonas-login-copy h1{letter-spacing:-.055em!important;line-height:1!important}
html body.jonas-login-page .jonas-login-card{
  padding:clamp(24px,3vw,42px)!important;
  border:1px solid #d6e2e9!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 24px 70px rgba(5,43,80,.13)!important;
  backdrop-filter:blur(20px);
}
html body.jonas-login-page .jonas-login-button{background:var(--jm-green)!important;border-radius:12px!important;box-shadow:0 10px 26px rgba(22,128,90,.20)!important}

@media(max-width:1180px){
  html body .jonas-dashboard-hero::before{display:none}
  html body .jonas-dashboard-hero h1{max-width:920px!important}
  html body .jonas-dashboard-hero p{max-width:860px!important}
}
@media(max-width:700px){
  html body .jonas-dashboard{padding:16px 10px 48px!important}
  html body .jonas-dashboard-hero{min-height:0!important;padding:32px 24px 42px!important;border-radius:20px!important}
  html body .jonas-dashboard-hero h1{font-size:clamp(36px,12vw,52px)!important}
  html body .jonas-metrics{margin:12px 0 0!important;grid-template-columns:1fr!important}
  html body .jonas-metric{min-height:0!important;padding:15px 17px!important}
  html body .jonas-module-featured{padding:24px 20px!important;border-radius:18px!important}
  html body .jonas-dashboard-actions .jonas-cta-primary{width:100%;justify-content:center}
  html body :is(.jonas-list-toolbar,.admin-toolbar,.catalog-toolbar,.reports-toolbar){align-items:stretch!important}
  html body .jonas-search-form .jonas-input{min-width:0!important;width:100%!important}
  html body.jonas-platform-integrated main.jonas-workspace,html body.r44an-mode-viewer main{padding-inline:10px!important}
}

/* R903 · product-wide visual transformation beyond the dashboard. */
:root{
  --jm-elevated:0 20px 55px rgba(5,43,80,.09);
  --jm-elevated-soft:0 10px 30px rgba(5,43,80,.065);
}

/* Every operational page receives the same contemporary canvas. */
html body.jonas-platform-integrated,
html body.r44an-mode-viewer{
  background:
    radial-gradient(circle at 88% 3%,rgba(82,200,238,.10),transparent 28rem),
    linear-gradient(180deg,#f8fbfd 0%,#eef5f8 100%)!important;
}
html body.jonas-platform-integrated main.jonas-workspace,
html body.r44an-mode-viewer main{
  width:min(100% - 34px,1720px)!important;
  margin-inline:auto!important;
}

/* Page identity: stronger typography and a visible product accent. */
html body :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading){
  position:relative!important;
  padding:18px 22px 18px 26px!important;
  border:1px solid rgba(210,225,234,.9)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:var(--jm-elevated-soft)!important;
  overflow:hidden;
}
html body :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading)::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,var(--jm-cyan),var(--jm-navy));
}
html body :is(.jonas-workspace-title,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading) :is(h1,h2){
  color:var(--jm-navy)!important;
  font-weight:820!important;
  letter-spacing:-.045em!important;
}

/* Stage navigation becomes a refined command rail. */
html body .jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu{
  padding:6px!important;
  border:1px solid #d8e5ed!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 12px 32px rgba(5,43,80,.075)!important;
  backdrop-filter:blur(16px);
}
html body .jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu>a{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu>a.is-active,
html body .jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu>a[aria-current="step"]{
  background:linear-gradient(135deg,#063966,#075080)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(5,43,80,.18)!important;
}

/* Stage 1: make the upload experience feel like a primary product action. */
html body :is(.jonas-dropzone,.jonas-engine-preview,.jonas-blueprint-visual){
  border:1px solid #cde0ea!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 82% 20%,rgba(82,200,238,.13),transparent 18rem),
    linear-gradient(145deg,#fff,#f4fafc)!important;
  box-shadow:var(--jm-elevated-soft)!important;
}
html body .jonas-dropzone{border-style:dashed!important;border-width:2px!important}
html body .jonas-dropzone-icon,
html body .jonas-capability-icon{
  border-radius:14px!important;
  background:linear-gradient(145deg,#e4f7fd,#d3edf7)!important;
  color:#08668e!important;
  box-shadow:inset 0 0 0 1px rgba(24,137,179,.10)!important;
}
html body .jonas-capability{
  border:1px solid #dce8ef!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(5,43,80,.055)!important;
}

/* Stage 2: cards read as deliberate groups, not a long legacy form. */
html body :is(.jonas-review-model,.jonas-typology-card,.jonas-review-project-grid,.jonas-form-section){
  border:1px solid #d6e4ec!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#f9fcfd)!important;
  box-shadow:var(--jm-elevated-soft)!important;
}
html body :is(.jonas-review-model-head,.jonas-typology-card-head,.jonas-card-head,.jonas-panel-head){
  min-height:54px;
  padding:13px 17px!important;
  border-bottom:1px solid #e3ebf0!important;
  background:linear-gradient(90deg,#f4fafc,#fff)!important;
}
html body .jonas-review-field{
  padding:12px!important;
  border:1px solid #dce7ee!important;
  border-radius:13px!important;
  background:#fff!important;
}
html body .jonas-review-field:focus-within{
  border-color:#7fc7e1!important;
  box-shadow:0 0 0 3px rgba(40,157,202,.10)!important;
}
html body :is(.jonas-estimated-tag,.jonas-verified-tag,.jonas-zone-badge,.jonas-standard-pill){
  border-radius:999px!important;
  padding:5px 9px!important;
  font-weight:760!important;
}

/* Stage 3: result cards and airflow become a modern visual system. */
html body .jonas-result-command{
  border:1px solid #d7e5ed!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:var(--jm-elevated-soft)!important;
}
html body .jonas-result-kpis{
  gap:12px!important;
}
html body .jonas-result-kpis>*{
  position:relative;
  overflow:hidden;
  box-shadow:0 12px 28px rgba(5,43,80,.065)!important;
}
html body .jonas-result-kpis>*::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--jm-cyan),var(--jm-green));
}
html body .jonas-airflow-grid{
  gap:14px!important;
}
html body .jonas-airflow-node,
html body .jonas-airflow-card{
  border:1px solid #d8e5ec!important;
  border-radius:18px!important;
  background:linear-gradient(155deg,#fff,#f5fafc)!important;
  box-shadow:0 12px 28px rgba(5,43,80,.06)!important;
}
html body .jonas-airflow-icon{
  border-radius:13px!important;
  background:#e7f6fb!important;
  color:#08729c!important;
}

/* Stage 4: controls and viewer form one professional drafting workspace. */
html body :is(.jonas-control-panel,.toolbar,.r45zf-canvasbar,.r44aw-topbar){
  border:1px solid #d7e4ec!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.93)!important;
  box-shadow:0 10px 28px rgba(5,43,80,.07)!important;
  backdrop-filter:blur(15px);
}
html body :is(.viewer,.workspace,.r44k-viewport,.r43e-plant-area,.jonas-output-area){
  border:1px solid #cfdde6!important;
  border-radius:18px!important;
  background:#eaf1f5!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 16px 40px rgba(5,43,80,.09)!important;
}
html body :is(.r45ze-wizard,.r45zz16-review,.r44az-editor-sidebar){
  border:1px solid #d9e5ec!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:var(--jm-elevated-soft)!important;
}

/* Stage 5: report controls frame the document instead of competing with it. */
html body :is(.report-area,.jonas-result-experience,.jonas-contract-subsection,.jonas-output-card){
  border:1px solid #d7e4ec!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:var(--jm-elevated-soft)!important;
}
html body .report-area{padding:18px!important}
html body :is(.jonas-contract-subsection-head,.jonas-output-head,.report-editor-heading){
  border-bottom:1px solid #e1eaf0!important;
  background:linear-gradient(90deg,#f3f9fc,#fff)!important;
}

/* Projects and administration receive product-grade density and hierarchy. */
html body :is(.projects-list-card,.su-policy-summary,.su-toolbar,.jonas-list-toolbar){
  border:1px solid #d7e4ec!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:var(--jm-elevated-soft)!important;
}
html body :is(.projects-table,.jonas-table){
  border-collapse:separate!important;
  border-spacing:0!important;
}
html body :is(.projects-table,.jonas-table) thead th{
  background:#eef5f8!important;
  color:#365168!important;
  font-size:11px!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
html body :is(.projects-table,.jonas-table) tbody tr{transition:background .16s ease!important}
html body :is(.projects-table,.jonas-table) tbody tr:hover{background:#f3f9fb!important}
html body .su-search-control{
  min-height:46px!important;
  border-radius:13px!important;
  background:#f8fbfd!important;
}
html body .jonas-role-chip{border:1px solid #d6e5ed!important;background:#edf6fa!important;color:#275c76!important}

/* A restrained animation makes the interface feel responsive without noise. */
@media(hover:hover) and (pointer:fine){
  html body :is(.jonas-btn,.btn,.jonas-cta-primary,.card-actions a,.card-actions button){
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
  }
  html body :is(.jonas-btn,.btn,.jonas-cta-primary,.card-actions a,.card-actions button):hover:not(:disabled){
    transform:translateY(-1px)!important;
  }
}

@media(max-width:900px){
  html body.jonas-platform-integrated main.jonas-workspace,
  html body.r44an-mode-viewer main{width:calc(100% - 18px)!important}
  html body :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading){padding:15px 16px 15px 20px!important;border-radius:14px!important}
}
@media(max-width:700px){
  html body .jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu{padding:4px!important;border-radius:12px!important}
  html body :is(.jonas-review-model,.jonas-typology-card,.jonas-form-section,.jonas-result-command,.jonas-airflow-node,.jonas-airflow-card,.report-area){border-radius:14px!important}
  html body .jonas-review-field{padding:9px!important}
}
@media(prefers-reduced-motion:reduce){
  html body :is(.jonas-btn,.btn,.jonas-cta-primary,.card-actions a,.card-actions button){transition:none!important}
}

/* R904 · Reglas finales de densidad para la portada. */
html body .jonas-dashboard{padding-top:18px!important}
html body .jonas-dashboard-hero{min-height:300px!important;padding:36px 350px 40px 46px!important;display:flex!important;flex-direction:column;justify-content:center;border-radius:22px!important}
html body .jonas-dashboard-hero h1{max-width:1080px!important;margin:12px 0 16px!important;font-size:clamp(38px,3.25vw,56px)!important;line-height:1.01!important;letter-spacing:-.045em!important;text-wrap:balance}
html body .jonas-dashboard-hero p{max-width:900px!important;margin:0!important;font-size:16px!important;line-height:1.5!important}
html body .jonas-dashboard-hero::before{right:46px!important;width:230px!important;padding:20px 22px!important;border-radius:16px!important;line-height:2.15!important}
html body .jonas-metrics{margin:-22px 24px 0!important;gap:12px!important}
html body .jonas-metric{min-height:82px!important;padding:15px 18px!important}
html body .jonas-section-heading{margin-top:24px!important;margin-bottom:14px!important}
html body .jonas-module-featured{min-height:240px!important}
@media(max-width:1180px){
  html body .jonas-dashboard-hero{min-height:270px!important;padding:32px 36px 36px!important}
  html body .jonas-dashboard-hero h1{max-width:920px!important}
  html body .jonas-dashboard-hero::before{display:none!important}
}
@media(max-width:700px){
  html body .jonas-dashboard{padding-top:10px!important}
  html body .jonas-dashboard-hero{min-height:0!important;padding:25px 21px 28px!important;border-radius:18px!important}
  html body .jonas-dashboard-hero h1{margin:10px 0 14px!important;font-size:clamp(34px,11vw,44px)!important;line-height:1.02!important}
  html body .jonas-dashboard-hero p{font-size:15px!important}
  html body .jonas-metrics{margin:10px 0 0!important;gap:8px!important}
}

/* R905 · Reglas finales: ningún título invade el acento ni los bordes. */
html body.jonas-platform-integrated :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading),html body.r44an-mode-viewer :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading){padding:16px 24px 16px 30px!important;min-height:76px!important;gap:14px!important}
html body.jonas-platform-integrated :is(.jonas-workspace-title,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading) :is(h1,h2),html body.r44an-mode-viewer :is(.jonas-workspace-title,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading) :is(h1,h2){margin:0 0 5px!important;padding:0!important;line-height:1.08!important}
html body.jonas-platform-integrated :is(.jonas-workspace-title,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading) :is(p,.jonas-subtitle),html body.r44an-mode-viewer :is(.jonas-workspace-title,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading) :is(p,.jonas-subtitle){margin:0!important;padding:0!important;line-height:1.4!important}
@media(max-width:900px){
  html body.jonas-platform-integrated :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading),html body.r44an-mode-viewer :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading){padding:14px 16px 14px 22px!important;min-height:68px!important}
}

/* R909 · Densidad operacional transversal y lienzos sin recorte. */
@media(min-width:901px){
  html body.jonas-platform-integrated main.jonas-workspace,
  html body.r44an-mode-viewer main{
    width:min(calc(100% - 24px),1800px)!important;
    row-gap:12px!important;
  }
  html body.jonas-platform-integrated :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading),
  html body.r44an-mode-viewer :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading){
    min-height:68px!important;
    padding:12px 20px 12px 27px!important;
  }
  html body .jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu{
    padding:4px!important;
    gap:4px!important;
  }
  html body .jonas-unified-stage-menu>a{min-height:42px!important;padding:8px 12px!important}
  html body :is(.jonas-review-model-head,.jonas-typology-card-head,.jonas-card-head,.jonas-panel-head){
    min-height:46px!important;
    padding:9px 14px!important;
  }
  html body .jonas-review-field{padding:9px!important}
  html body .jonas-result-kpis{gap:9px!important}
  html body .jonas-result-kpis>*{min-height:92px!important;padding:13px 14px!important}
  html body .jonas-airflow-grid{gap:10px!important}
  html body :is(.jonas-airflow-node,.jonas-airflow-card){padding:15px!important}
  html body :is(.jonas-control-panel,.toolbar,.r45zf-canvasbar,.r44aw-topbar,.su-toolbar,.jonas-list-toolbar){
    padding:8px 10px!important;
    gap:8px!important;
  }
  html body :is(.projects-table,.jonas-table) :is(th,td){padding:10px 12px!important}
  html body .report-area{padding:14px!important}
}

html body.jonas-platform-integrated .jonas-workspace :is(input:not([type="checkbox"]):not([type="radio"]),select,button,.jonas-btn,.btn),
html body.r44an-mode-viewer main :is(input:not([type="checkbox"]):not([type="radio"]),select,button,.jonas-btn,.btn){
  min-height:40px;
}
html body.jonas-platform-integrated .jonas-workspace textarea{min-height:68px}

/* El plano mantiene un área útil real y desplazamiento propio en cualquier pantalla. */
html body :is(.r44k-viewport,.r43e-plant-area,.jonas-output-area){
  min-height:clamp(430px,68vh,920px)!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable both-edges;
  touch-action:pan-x pan-y;
}
html body :is(.r44k-viewport,.r43e-plant-area,.jonas-output-area)::-webkit-scrollbar{width:11px;height:11px}
html body :is(.r44k-viewport,.r43e-plant-area,.jonas-output-area)::-webkit-scrollbar-thumb{
  border:3px solid transparent;
  border-radius:999px;
  background:#8aa9ba;
  background-clip:padding-box;
}

/* R912 · La rueda siempre continúa desplazando la página fuera del lienzo técnico. */
html,body{
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
}
html body :is(.projects-list-card,.jonas-table-wrap,.table-responsive,.su-users-table-wrap){
  overflow-x:auto!important;
  overflow-y:visible!important;
  overscroll-behavior:auto!important;
}
html body .jonas-output-area{
  min-height:0!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
  touch-action:auto!important;
}
html body :is(.r44k-viewport,.r43e-plant-area){
  overscroll-behavior:auto!important;
  touch-action:auto!important;
}

@media(min-width:901px) and (max-width:1366px){
  html body.jonas-platform-integrated main.jonas-workspace,
  html body.r44an-mode-viewer main{width:calc(100% - 16px)!important;row-gap:9px!important}
  html body.jonas-platform-integrated :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading),
  html body.r44an-mode-viewer :is(.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading){min-height:62px!important;padding:10px 18px 10px 25px!important}
  html body .jonas-unified-stage-menu>a{min-height:39px!important;padding:7px 9px!important}
  html body .jonas-result-kpis>*{min-height:84px!important;padding:11px 12px!important}
  html body :is(.r44k-viewport,.r43e-plant-area,.jonas-output-area){min-height:clamp(400px,64vh,760px)!important}
}

@media(max-width:700px){
  html body .jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu{
    display:flex!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
  }
  html body .jonas-unified-stage-menu>a{flex:0 0 min(78vw,260px)!important;scroll-snap-align:start}
  html body.jonas-platform-integrated .jonas-workspace :is(input:not([type="checkbox"]):not([type="radio"]),select,button,.jonas-btn,.btn){min-height:44px}
  html body :is(.r44k-viewport,.r43e-plant-area,.jonas-output-area){min-height:62vh!important}
}

/* R910 · Acciones inequívocas y barras de avance consistentes. */
html body.jonas-platform-integrated :is(.jonas-sticky-actions,.jonas-review-actions,.r44aw-sticky,.r44an-sticky,.r44-stage-actions){
  left:12px!important;
  right:12px!important;
  width:auto!important;
  max-width:none!important;
  padding:10px 12px!important;
  gap:10px!important;
  border:1px solid rgba(191,211,222,.92)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.96)!important;
}
html body.jonas-platform-integrated :is(.jonas-sticky-actions,.jonas-review-actions,.r44aw-sticky,.r44an-sticky,.r44-stage-actions) :is(.jonas-btn-primary,.btn-primary,.jonas-cta-primary,button[type="submit"]){
  min-height:44px!important;
  padding-inline:20px!important;
  border-color:#16805a!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#168b61,#11734f)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(22,128,90,.20)!important;
}
html body.jonas-platform-integrated :is(.jonas-sticky-actions,.jonas-review-actions,.r44aw-sticky,.r44an-sticky,.r44-stage-actions) :is(.jonas-btn-primary,.btn-primary,.jonas-cta-primary,button[type="submit"]):hover:not(:disabled){
  background:linear-gradient(135deg,#117a55,#0d6545)!important;
  box-shadow:0 10px 24px rgba(22,128,90,.26)!important;
}
html body.jonas-platform-integrated :is(.jonas-sticky-actions,.jonas-review-actions,.r44aw-sticky,.r44an-sticky,.r44-stage-actions) :is(button,a)[aria-disabled="true"],
html body.jonas-platform-integrated :is(.jonas-sticky-actions,.jonas-review-actions,.r44aw-sticky,.r44an-sticky,.r44-stage-actions) :is(button,a):disabled{
  opacity:.58!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}

/* Error and empty states stay calm, visible and actionable. */
html body.jonas-platform-integrated :is(.jonas-error,.jonas-error-state,.alert-danger,.jonas-empty-state,.empty-state){
  border-radius:14px!important;
  box-shadow:0 8px 22px rgba(5,43,80,.055)!important;
}
html body.jonas-platform-integrated :is(.jonas-error,.jonas-error-state,.alert-danger){
  border-color:#efc4c8!important;
  background:#fff7f7!important;
  color:#7e2932!important;
}
html body.jonas-platform-integrated :is(.jonas-empty-state,.empty-state){
  border:1px dashed #bed3df!important;
  background:linear-gradient(145deg,#fff,#f3f9fb)!important;
  color:#4a6578!important;
}

@media(max-width:700px){
  html body.jonas-platform-integrated :is(.jonas-sticky-actions,.jonas-review-actions,.r44aw-sticky,.r44an-sticky,.r44-stage-actions){
    left:6px!important;
    right:6px!important;
    padding:8px!important;
    flex-wrap:wrap!important;
  }
  html body.jonas-platform-integrated :is(.jonas-sticky-actions,.jonas-review-actions,.r44aw-sticky,.r44an-sticky,.r44-stage-actions) :is(.jonas-btn-primary,.btn-primary,.jonas-cta-primary,button[type="submit"]){
    flex:1 1 100%!important;
    width:100%!important;
    justify-content:center!important;
  }
}

/* R914 · Sticky real y consistente: etapas arriba, avance abajo, sin bloquear scroll. */
html body[data-workflow-current-stage] .jonas-unified-stage-menu,
html body.r44an-mode-viewer .jonas-unified-stage-menu,
html body .r44aw-steps.jonas-unified-stage-menu{
  position:sticky!important;
  top:var(--jonas-stage-sticky-top,118px)!important;
  z-index:980!important;
  isolation:isolate;
  margin-block:0 10px!important;
  box-shadow:0 10px 28px rgba(5,45,82,.13)!important;
}
html body[data-workflow-current-stage="2"]{
  padding-bottom:104px!important;
}
html body[data-workflow-current-stage="2"] #form-revision-ia>.jonas-review-actions{
  position:fixed!important;
  inset:auto 12px 8px!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  z-index:2147483500!important;
}
html body.r44ay-result-page{
  padding-bottom:104px!important;
}
html body.r44ay-result-page #r44bbStageActions{
  position:fixed!important;
  display:flex!important;
  inset:auto 12px 8px!important;
  width:auto!important;
  max-width:none!important;
  transform:none!important;
  z-index:2147483000!important;
}
html body.r44an-mode-viewer.r44w-guided{
  padding-bottom:116px!important;
}
html body.r44an-mode-viewer.r44w-guided #positionsForm{
  position:sticky!important;
  bottom:8px!important;
  z-index:900!important;
}
@media(max-width:900px){
  html body[data-workflow-current-stage] .jonas-unified-stage-menu,
  html body.r44an-mode-viewer .jonas-unified-stage-menu,
  html body .r44aw-steps.jonas-unified-stage-menu{
    top:var(--jonas-stage-sticky-top-mobile,76px)!important;
  }
}
@media(max-width:700px){
  html body[data-workflow-current-stage="2"],html body.r44ay-result-page{padding-bottom:150px!important}
  html body[data-workflow-current-stage="2"] #form-revision-ia>.jonas-review-actions,
  html body.r44ay-result-page #r44bbStageActions{inset:auto 6px 6px!important}
  html body.r44ay-result-page #r44bbStageActions{align-items:stretch!important;flex-direction:column!important}
}

/* R915 · Contraste estable del acceso: el titular nunca hereda azul sobre azul. */
html body.jonas-login-page .jonas-login-hero .jonas-login-copy h1{
  color:#fff!important;
  opacity:1!important;
  text-shadow:0 2px 18px rgba(0,24,48,.18);
}
html body.jonas-login-page .jonas-login-hero .jonas-login-copy h1 span{
  color:#a9dcf5!important;
  opacity:1!important;
}
html body.jonas-login-page .jonas-login-hero .jonas-login-copy p{
  color:rgba(236,246,253,.86)!important;
}
html body.jonas-login-page .jonas-login-hero :is(.jonas-login-feature,.jonas-login-footer){
  opacity:1!important;
}

/* R916 · Sistema sticky transversal: navegación y acciones reales de etapas 1–5. */
:root{
  --jonas-workflow-sticky-top:82px;
  --jonas-workflow-action-bottom:max(8px,env(safe-area-inset-bottom));
}
html body[data-workflow-current-stage] .jonas-unified-stage-menu,
html body.r44an-mode-viewer .jonas-unified-stage-menu,
html body .r44aw-steps.jonas-unified-stage-menu{
  position:sticky!important;
  top:var(--jonas-workflow-sticky-top)!important;
  z-index:990!important;
  width:100%!important;
  margin:0 0 10px!important;
  isolation:isolate;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain;
  background:rgba(247,251,253,.97)!important;
  box-shadow:0 10px 26px rgba(5,45,82,.12)!important;
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
}
html body[data-workflow-current-stage] :is(.jonas-workspace-header,.jonas-section,.jonas-panel,[id]),
html body.r44an-mode-viewer :is(.jonas-section,.jonas-panel,[id]){
  scroll-margin-top:calc(var(--jonas-workflow-sticky-top) + 78px);
}

/* Etapa 2 · revisión: barra siempre visible, sin cortar controles ni contenido. */
html body[data-workflow-current-stage="2"]{
  padding-bottom:calc(108px + env(safe-area-inset-bottom))!important;
}
html body[data-workflow-current-stage="2"] #form-revision-ia>.jonas-review-actions{
  position:fixed!important;
  inset:auto 12px var(--jonas-workflow-action-bottom)!important;
  width:auto!important;
  max-width:none!important;
  max-height:calc(100dvh - 112px)!important;
  margin:0!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  z-index:2147483500!important;
}

/* Etapa 3 · cálculo: usa el mismo ancho, altura y área segura que revisión. */
html body.r44ay-result-page{
  padding-bottom:calc(108px + env(safe-area-inset-bottom))!important;
}
html body.r44ay-result-page #r44bbStageActions{
  position:fixed!important;
  display:flex!important;
  inset:auto 12px var(--jonas-workflow-action-bottom)!important;
  width:auto!important;
  max-width:none!important;
  max-height:calc(100dvh - 112px)!important;
  margin:0!important;
  transform:none!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  z-index:2147483400!important;
}

/* Etapa 4 · planimetría: el control vigente es r45zfStage4Sticky. */
html body.r44an-mode-viewer.r44w-guided{
  padding-bottom:calc(108px + env(safe-area-inset-bottom))!important;
}
html body.r44an-mode-viewer.r44w-guided #r45zfStage4Sticky{
  position:fixed!important;
  display:flex!important;
  inset:auto 12px var(--jonas-workflow-action-bottom)!important;
  width:auto!important;
  max-width:none!important;
  max-height:calc(100dvh - 112px)!important;
  margin:0!important;
  transform:none!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  z-index:2147483300!important;
}
html body.r44an-mode-viewer.r44w-guided #r45zfStage4Sticky #r45zfStickyPrimary{
  min-height:44px!important;
  border-color:#16805a!important;
  background:linear-gradient(135deg,#168b61,#11734f)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(22,128,90,.20)!important;
}

/* El formulario legado de etapa 4 continúa fuera del flujo; no se fuerza como sticky. */
html body.r44an-mode-viewer #positionsForm{
  position:fixed!important;
  left:-12000px!important;
  bottom:auto!important;
}

@media(max-width:900px){
  :root{--jonas-workflow-sticky-top:68px}
  html body[data-workflow-current-stage] .jonas-unified-stage-menu,
  html body.r44an-mode-viewer .jonas-unified-stage-menu,
  html body .r44aw-steps.jonas-unified-stage-menu{
    top:var(--jonas-workflow-sticky-top)!important;
  }
}
@media(max-width:700px){
  html body[data-workflow-current-stage="2"],
  html body.r44ay-result-page,
  html body.r44an-mode-viewer.r44w-guided{
    padding-bottom:calc(156px + env(safe-area-inset-bottom))!important;
  }
  html body[data-workflow-current-stage="2"] #form-revision-ia>.jonas-review-actions,
  html body.r44ay-result-page #r44bbStageActions,
  html body.r44an-mode-viewer.r44w-guided #r45zfStage4Sticky{
    inset:auto 6px max(6px,env(safe-area-inset-bottom))!important;
    max-height:calc(100dvh - 86px)!important;
    padding:8px!important;
    gap:8px!important;
    align-items:stretch!important;
    flex-direction:column!important;
  }
  html body.r44an-mode-viewer.r44w-guided #r45zfStage4Sticky .r45zf-sticky-copy{
    min-width:0!important;
  }
  html body.r44an-mode-viewer.r44w-guided #r45zfStage4Sticky #r45zfStickyPrimary{
    width:100%!important;
  }
}

/* R919 · Jonas Interface 2.0 — capa visual final, transversal y dominante. */
:root{
  --j2-navy:#032f57;
  --j2-blue:#075f8f;
  --j2-cyan:#42c7e9;
  --j2-green:#13845b;
  --j2-ink:#102c46;
  --j2-muted:#61768a;
  --j2-line:#cbdde7;
  --j2-surface:rgba(255,255,255,.96);
  --j2-shadow:0 14px 38px rgba(3,45,81,.09);
  --j2-shadow-strong:0 24px 64px rgba(3,45,81,.16);
}

html body.jonas-platform-page,
html body.jonas-platform-integrated{
  background:
    radial-gradient(circle at 94% 5%,rgba(66,199,233,.17),transparent 30rem),
    linear-gradient(rgba(5,63,102,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(5,63,102,.025) 1px,transparent 1px),
    linear-gradient(180deg,#f8fbfd 0%,#eef4f7 100%)!important;
  background-size:auto,32px 32px,32px 32px,auto!important;
  color:var(--j2-ink)!important;
}

html body .jonas-platform-topbar{
  height:70px!important;
  background:linear-gradient(110deg,#022b50 0%,#064474 58%,#08778f 100%)!important;
  border-bottom:1px solid rgba(106,215,241,.25)!important;
  box-shadow:0 12px 34px rgba(2,35,65,.22)!important;
}
html body .jonas-platform-nav{padding:5px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:16px!important;background:rgba(0,23,47,.13)!important}
html body .jonas-nav-item{height:42px!important;padding-inline:15px!important;border-radius:11px!important}
html body .jonas-nav-item.is-active,
html body .jonas-nav-group.is-active>.jonas-nav-item{
  background:linear-gradient(135deg,rgba(91,207,238,.30),rgba(255,255,255,.12))!important;
  border-color:rgba(125,222,246,.42)!important;
  box-shadow:inset 0 -2px 0 #65d8f4,0 8px 22px rgba(0,22,46,.20)!important;
}
html body :is(.jonas-nav-dropdown,.jonas-profile-menu){padding:8px!important;border:1px solid rgba(185,213,228,.94)!important;border-radius:16px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 24px 70px rgba(2,39,70,.21)!important}
html body :is(.jonas-nav-dropdown,.jonas-profile-menu) a{padding:11px 13px!important;border-radius:10px!important}
html body :is(.jonas-nav-dropdown,.jonas-profile-menu) a:hover{background:linear-gradient(90deg,#e9f8fc,#f7fbfd)!important;color:var(--j2-navy)!important}

html body :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading){
  position:relative!important;min-height:82px!important;margin:0 0 16px!important;padding:17px 28px 17px 33px!important;
  border:1px solid rgba(194,216,228,.95)!important;border-radius:18px!important;overflow:hidden!important;
  background:linear-gradient(115deg,rgba(255,255,255,.99),rgba(247,251,253,.98) 72%,rgba(224,246,251,.92))!important;
  box-shadow:var(--j2-shadow)!important;
}
html body :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading)::before{
  content:""!important;position:absolute!important;inset:15px auto 15px 0!important;width:5px!important;border-radius:0 8px 8px 0!important;
  background:linear-gradient(180deg,var(--j2-cyan),var(--j2-green))!important;
}
html body :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading)::after{
  content:""!important;position:absolute!important;width:180px!important;height:180px!important;right:-74px!important;top:-106px!important;
  border:30px solid rgba(66,199,233,.075)!important;border-radius:50%!important;pointer-events:none!important;
}
html body :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading) :is(h1,h2){
  margin:0 0 5px!important;padding:0!important;font-size:clamp(27px,2vw,38px)!important;line-height:1.07!important;letter-spacing:-.045em!important;color:var(--j2-navy)!important;
}

html body .jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu{
  gap:5px!important;padding:7px!important;border:1px solid #d1e1ea!important;border-radius:17px!important;
  background:rgba(255,255,255,.95)!important;box-shadow:0 13px 34px rgba(3,45,81,.10)!important;
}
html body .jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu>a{
  min-height:46px!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;
}
html body .jonas-unified-stage-menu.jonas-unified-stage-menu.jonas-unified-stage-menu>a:is([aria-current=step],.is-active,.active){
  color:#fff!important;background:linear-gradient(135deg,#063b68,#087d9b)!important;box-shadow:0 9px 22px rgba(5,71,112,.25)!important;
}

html body :is(.jonas-card,.admin-card,.jonas-panel,.form-section,.side-card,.toolbar,.r44-card,.r44ay-card,.jonas-result-kpis>*){
  border:1px solid rgba(199,218,228,.98)!important;border-radius:18px!important;
  background:linear-gradient(150deg,#fff 0%,#fff 74%,#f4f9fb 100%)!important;box-shadow:var(--j2-shadow)!important;
}
html body :is(.jonas-card,.admin-card,.jonas-panel,.form-section,.side-card,.r44-card,.jonas-result-kpis>*){position:relative!important}
html body :is(.jonas-card,.admin-card,.jonas-panel,.form-section,.side-card,.r44-card,.jonas-result-kpis>*)::before{
  content:""!important;position:absolute!important;inset:0 18px auto!important;height:2px!important;border-radius:0 0 5px 5px!important;
  background:linear-gradient(90deg,var(--j2-cyan),var(--j2-green))!important;opacity:.68!important;pointer-events:none!important;
}
html body :is(.jonas-card-head,.admin-card-header,.jonas-panel-head){padding:14px 18px!important;background:linear-gradient(90deg,rgba(235,248,252,.82),rgba(255,255,255,.18))!important}

html body thead :is(th,td){padding-block:12px!important;border-bottom:1px solid #bdd3df!important;background:linear-gradient(180deg,#edf7fa,#e3eff5)!important;color:#234861!important;font-size:11px!important;font-weight:800!important;letter-spacing:.045em!important;text-transform:uppercase!important}
html body tbody tr:nth-child(even){background:rgba(238,247,250,.52)!important}
html body tbody tr:hover{background:#edf9fc!important;box-shadow:inset 3px 0 0 var(--j2-cyan)!important}
html body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-color:#c6d9e4!important;border-radius:11px!important;background:linear-gradient(180deg,#fff,#fafcfd)!important}
html body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):hover{border-color:#8fc6d8!important;background:#fff!important}

html body :is(.jonas-btn.primary,.btn-primary,.admin-btn.primary,[data-next-stage],.jonas-review-primary,.jonas-result-primary){
  color:#fff!important;background:linear-gradient(135deg,#178d63,#0f704d)!important;border-color:#117651!important;box-shadow:0 10px 24px rgba(20,128,88,.22)!important;
}
html body.jonas-platform-integrated :is(.jonas-sticky-actions,.jonas-review-actions,.r44aw-sticky,.r44an-sticky,.r44-stage-actions,#r44bbStageActions,#r45zfStage4Sticky){
  border:1px solid rgba(182,210,221,.98)!important;border-radius:17px!important;background:rgba(255,255,255,.95)!important;
  box-shadow:0 20px 56px rgba(3,40,72,.19)!important;backdrop-filter:blur(20px) saturate(150%)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;
}
html body.r44ay-result-page :is(.r44ay-hero,.jonas-result-hero){
  border:1px solid rgba(98,194,223,.30)!important;border-radius:22px!important;
  background:radial-gradient(circle at 90% 35%,rgba(84,207,229,.23),transparent 22rem),linear-gradient(115deg,#032f57,#064f7d 62%,#087d96)!important;
  box-shadow:0 24px 60px rgba(3,45,79,.19)!important;
}

@media(max-width:900px){
  html body .jonas-platform-topbar{height:64px!important}
  html body .jonas-platform-nav{padding:0!important;border:0!important;background:transparent!important}
  html body :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading){min-height:72px!important;padding:14px 18px 14px 25px!important;border-radius:15px!important}
  html body :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.r44aw-intro,.r44an-heading) :is(h1,h2){font-size:clamp(24px,5vw,31px)!important}
}
@media(max-width:700px){
  html body.jonas-platform-page,html body.jonas-platform-integrated{background-size:auto,24px 24px,24px 24px,auto!important}
  html body :is(.jonas-card,.admin-card,.jonas-panel,.form-section,.side-card,.toolbar,.r44-card){border-radius:14px!important}
}

/* R929 · Tabla de ingeniería moderna y transversal.
   La especificidad deliberada neutraliza cabeceras heredadas sin afectar informes impresos. */
@media screen{
  html :is(
    body.jonas-platform-integrated.jonas-platform-integrated,
    body.jonas-platform-page.jonas-platform-page,
    body:has(.jonas-platform-topbar):has(.jonas-platform-topbar)
  ) table{
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    overflow:hidden !important;
    border:1px solid #d5e4ec !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:0 8px 24px rgba(3,48,79,.055) !important;
  }
  html :is(
    body.jonas-platform-integrated.jonas-platform-integrated,
    body.jonas-platform-page.jonas-platform-page,
    body:has(.jonas-platform-topbar):has(.jonas-platform-topbar)
  ) table thead :is(th,td){
    padding:11px 13px !important;
    color:#123c59 !important;
    background:linear-gradient(180deg,#fbfdfe 0%,#eaf5f8 100%) !important;
    background-image:linear-gradient(180deg,#fbfdfe 0%,#eaf5f8 100%) !important;
    background-size:auto !important;
    border:0 !important;
    border-right:1px solid rgba(148,187,204,.28) !important;
    border-bottom:2px solid #54c8e8 !important;
    box-shadow:none !important;
    font-size:11px !important;
    font-weight:850 !important;
    line-height:1.2 !important;
    letter-spacing:.055em !important;
    text-transform:uppercase !important;
    white-space:normal !important;
  }
  html :is(
    body.jonas-platform-integrated.jonas-platform-integrated,
    body.jonas-platform-page.jonas-platform-page,
    body:has(.jonas-platform-topbar):has(.jonas-platform-topbar)
  ) table thead :is(th,td):first-child{padding-left:16px !important}
  html :is(
    body.jonas-platform-integrated.jonas-platform-integrated,
    body.jonas-platform-page.jonas-platform-page,
    body:has(.jonas-platform-topbar):has(.jonas-platform-topbar)
  ) table thead :is(th,td):last-child{border-right:0 !important;padding-right:16px !important}
  html :is(
    body.jonas-platform-integrated.jonas-platform-integrated,
    body.jonas-platform-page.jonas-platform-page,
    body:has(.jonas-platform-topbar):has(.jonas-platform-topbar)
  ) table tbody :is(td,th){
    padding:11px 13px !important;
    border:0 !important;
    border-bottom:1px solid #e0ebf0 !important;
    background:transparent !important;
    color:#263d50 !important;
    line-height:1.45 !important;
    vertical-align:top !important;
  }
  html :is(
    body.jonas-platform-integrated.jonas-platform-integrated,
    body.jonas-platform-page.jonas-platform-page,
    body:has(.jonas-platform-topbar):has(.jonas-platform-topbar)
  ) table tbody th{color:#0a4167 !important;font-weight:800 !important}
  html :is(
    body.jonas-platform-integrated.jonas-platform-integrated,
    body.jonas-platform-page.jonas-platform-page,
    body:has(.jonas-platform-topbar):has(.jonas-platform-topbar)
  ) table tbody tr:last-child :is(td,th){border-bottom:0 !important}
  html :is(
    body.jonas-platform-integrated.jonas-platform-integrated,
    body.jonas-platform-page.jonas-platform-page,
    body:has(.jonas-platform-topbar):has(.jonas-platform-topbar)
  ) table tbody tr:nth-child(even){background:#f8fbfc !important}
  html :is(
    body.jonas-platform-integrated.jonas-platform-integrated,
    body.jonas-platform-page.jonas-platform-page,
    body:has(.jonas-platform-topbar):has(.jonas-platform-topbar)
  ) table tbody tr:hover{background:#eef9fb !important;box-shadow:inset 3px 0 0 #20afd2 !important}
}

@media screen and (max-width:760px){
  html :is(
    body.jonas-platform-integrated.jonas-platform-integrated,
    body.jonas-platform-page.jonas-platform-page,
    body:has(.jonas-platform-topbar):has(.jonas-platform-topbar)
  ) table thead :is(th,td){padding:10px 11px !important;font-size:10px !important}
  html :is(
    body.jonas-platform-integrated.jonas-platform-integrated,
    body.jonas-platform-page.jonas-platform-page,
    body:has(.jonas-platform-topbar):has(.jonas-platform-topbar)
  ) table tbody :is(td,th){padding:10px 11px !important}
}

/* R930.1 · Capa de estabilidad visual. Evita que temas heredados vuelvan a
   insertar rótulos decorativos o fondos que compitan con la información. */
@media screen {
  html body:not(.jonas-login-page) .jonas-platform-inner::after,
  html body:not(.jonas-login-page) :is(
    .jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,
    .r44aw-intro,.r44an-heading,.page-header,.admin-page-header
  )::before,
  html body:not(.jonas-login-page) :is(
    .jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,
    .r44aw-intro,.r44an-heading,.page-header,.admin-page-header
  )::after{
    content:none!important;display:none!important;background:none!important
  }
  html body:not(.jonas-login-page) :is(
    .jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,
    .r44aw-intro,.r44an-heading,.page-header,.admin-page-header
  ){
    position:relative!important;display:flex!important;align-items:center!important;
    justify-content:space-between!important;gap:24px!important;min-height:92px!important;
    max-width:none!important;margin:16px 28px!important;padding:20px 26px!important;
    background:linear-gradient(118deg,#fff 0%,#f8fbfd 66%,#eaf8fb 100%)!important;
    background-image:linear-gradient(118deg,#fff 0%,#f8fbfd 66%,#eaf8fb 100%)!important;
    color:#073b61!important;border:1px solid #cfe1e9!important;border-left:5px solid #28b8d3!important;
    border-radius:18px!important;box-shadow:0 12px 32px rgba(3,52,82,.075)!important;
    overflow:hidden!important
  }
  html body:not(.jonas-login-page) :is(
    .jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,
    .r44aw-intro,.r44an-heading,.page-header,.admin-page-header
  ) :is(h1,h2){
    position:relative!important;inset:auto!important;transform:none!important;
    margin:0!important;padding:0!important;color:#073b61!important;
    font-size:clamp(29px,2.25vw,41px)!important;line-height:1.08!important;
    letter-spacing:-.035em!important;text-shadow:none!important
  }
  html body:not(.jonas-login-page) :is(
    .jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,
    .r44aw-intro,.r44an-heading,.page-header,.admin-page-header
  ) :is(p,small){color:#61788d!important;text-shadow:none!important}
  html body:not(.jonas-login-page) :is(.jonas-page-kicker,.eyebrow,.admin-eyebrow){
    position:static!important;display:block!important;margin:0 0 7px!important;
    color:#087fa5!important;font-size:10px!important;line-height:1.3!important;
    letter-spacing:.14em!important;white-space:normal!important
  }
  html body:not(.jonas-login-page) :is(.jonas-page-role,.status-pill,.header-badge){
    flex:0 0 auto!important;position:static!important;transform:none!important
  }
  html body:not(.jonas-login-page){
    background-color:#f5f9fb!important;
    background-image:linear-gradient(rgba(8,89,127,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(8,89,127,.025) 1px,transparent 1px)!important;
    background-size:32px 32px!important
  }
  html body:not(.jonas-login-page) :is(.jonas-platform-topbar,.jonas-contextbar){z-index:1100!important}
  html body:not(.jonas-login-page) :is(.workflow-stage-nav,.r44-stage-nav,.r44-workflow-tabs){z-index:900!important}
}

@media screen and (max-width:760px){
  html body:not(.jonas-login-page) :is(
    .jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,
    .r44aw-intro,.r44an-heading,.page-header,.admin-page-header
  ){
    display:block!important;min-height:0!important;margin:10px!important;
    padding:16px 17px!important;border-radius:14px!important
  }
}

/* R930 · Consolidacion visual final y neutralizacion de adornos heredados. */
@media screen {
  html,html body{min-height:100%!important;overflow-y:auto!important;overscroll-behavior-y:auto!important}
  html body:not(.jonas-login-page) .jonas-platform-inner::after,
  html body:not(.jonas-login-page) :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.page-header,.admin-page-header)::before{
    content:none!important;display:none!important
  }
  html body:not(.jonas-login-page) :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.page-header,.admin-page-header){
    min-height:auto!important;margin:18px auto!important;padding:22px 28px!important;
    color:#073b61!important;background:linear-gradient(118deg,#ffffff 0%,#f7fbfd 58%,#eaf8fb 100%)!important;
    background-image:linear-gradient(118deg,#ffffff 0%,#f7fbfd 58%,#eaf8fb 100%)!important;
    border:1px solid #cfe2ea!important;border-left:5px solid #25b7d4!important;border-radius:18px!important;
    box-shadow:0 14px 36px rgba(4,53,83,.08)!important;overflow:hidden!important;isolation:isolate!important
  }
  html body:not(.jonas-login-page) :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.page-header,.admin-page-header) :is(h1,h2){
    margin:0!important;color:#073b61!important;font-size:clamp(28px,2.35vw,42px)!important;line-height:1.05!important;letter-spacing:-.035em!important
  }
  html body:not(.jonas-login-page) :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.page-header,.admin-page-header) :is(p,small){
    margin-top:7px!important;color:#61798e!important;line-height:1.45!important
  }
  html body:not(.jonas-login-page) :is(.jonas-page-kicker,.eyebrow,.admin-eyebrow){
    color:#087fa5!important;font-size:11px!important;font-weight:850!important;letter-spacing:.16em!important;text-transform:uppercase!important
  }
  html body:not(.jonas-login-page) :is(.jonas-card,.admin-card,.jonas-panel,.form-section,.side-card,.toolbar,.r44-card,.projects-list-card,.reports-list){
    background:#fff!important;background-image:none!important;border:1px solid #d5e4eb!important;
    box-shadow:0 10px 30px rgba(4,53,83,.06)!important
  }
  html body:not(.jonas-login-page) :is(.projects-list-card,.reports-list,.admin-card) > :is(.jonas-card-head,.reports-head,.card-head,.admin-card-head){
    color:#073b61!important;background:linear-gradient(180deg,#fff,#f3f9fb)!important;background-image:linear-gradient(180deg,#fff,#f3f9fb)!important;
    border-bottom:1px solid #d8e7ed!important
  }
  html body:not(.jonas-login-page) :is(.projects-list-card,.reports-list,.admin-card) > :is(.jonas-card-head,.reports-head,.card-head,.admin-card-head) :is(h2,h3,p,small){color:inherit!important}
  html body:not(.jonas-login-page) :is(.jonas-page-shell,.admin-shell,.r44-shell,main){scroll-margin-top:154px}
  html body:not(.jonas-login-page) :is(.jonas-platform-topbar,.jonas-contextbar,.workflow-stage-nav,.r44-stage-nav){backdrop-filter:saturate(145%) blur(14px);-webkit-backdrop-filter:saturate(145%) blur(14px)}
  html body:not(.jonas-login-page) :is(.jonas-platform-topbar,.jonas-contextbar,.workflow-stage-nav,.r44-stage-nav)::before,
  html body:not(.jonas-login-page) :is(.jonas-platform-topbar,.jonas-contextbar,.workflow-stage-nav,.r44-stage-nav)::after{pointer-events:none!important}
}

@media screen and (max-width:760px){
  html body:not(.jonas-login-page) :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.page-header,.admin-page-header){margin:10px!important;padding:17px 18px!important;border-radius:14px!important}
  html body:not(.jonas-login-page) :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.page-header,.admin-page-header) :is(h1,h2){font-size:27px!important}
}
/* R931 · Encabezado técnico limpio: alineado a la izquierda, sin grilla ni doble acento. */
@media screen {
  html body:not(.jonas-login-page) :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.page-header,.admin-page-header,.r44aw-intro,.r44an-heading) {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 118px !important;
    margin: 18px auto !important;
    padding: 24px 30px !important;
    text-align: left !important;
    color: #fff !important;
    background: #064c78 !important;
    background-image: radial-gradient(circle at 92% 18%, rgba(85,210,232,.22), transparent 28%), linear-gradient(112deg, #04335d 0%, #075481 64%, #07849a 100%) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    border: 0 !important;
    border-left: 0 !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }
  html body:not(.jonas-login-page) :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.page-header,.admin-page-header,.r44aw-intro,.r44an-heading)::before,
  html body:not(.jonas-login-page) :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.page-header,.admin-page-header,.r44aw-intro,.r44an-heading)::after {
    content: none !important;
    display: none !important;
  }
  html body:not(.jonas-login-page) :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.page-header,.admin-page-header,.r44aw-intro,.r44an-heading) > :first-child {
    width: auto !important;
    max-width: min(920px, 78%) !important;
    margin: 0 !important;
    text-align: left !important;
  }
  html body:not(.jonas-login-page) :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.page-header,.admin-page-header,.r44aw-intro,.r44an-heading) :is(h1,h2,h3,p,.jonas-page-kicker,.jonas-eyebrow) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
  }
  html body:not(.jonas-login-page) :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.page-header,.admin-page-header,.r44aw-intro,.r44an-heading) :is(h1,h2,h3) { color: #fff !important; }
  html body:not(.jonas-login-page) :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.page-header,.admin-page-header,.r44aw-intro,.r44an-heading) p { color: #d8e9f2 !important; }
  html body:not(.jonas-login-page) :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.page-header,.admin-page-header,.r44aw-intro,.r44an-heading) :is(.jonas-page-kicker,.jonas-eyebrow) { color: #65d7ec !important; }
  html body:not(.jonas-login-page) :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.page-header,.admin-page-header,.r44aw-intro,.r44an-heading) :is(.jonas-page-role,.jonas-role-pill,.role-pill) {
    margin-left: auto !important;
    color: #08606f !important;
    background: rgba(255,255,255,.94) !important;
    border: 1px solid rgba(255,255,255,.72) !important;
  }
  @media (max-width: 760px) {
    html body:not(.jonas-login-page) :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.page-header,.admin-page-header,.r44aw-intro,.r44an-heading) {
      align-items: flex-start !important;
      flex-direction: column !important;
      gap: 14px !important;
      min-height: 0 !important;
      padding: 20px !important;
    }
    html body:not(.jonas-login-page) :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.page-header,.admin-page-header,.r44aw-intro,.r44an-heading) > :first-child { max-width: 100% !important; }
    html body:not(.jonas-login-page) :is(.jonas-page-header,.jonas-workspace-header,.jonas-legacy-page-header,.page-header,.admin-page-header,.r44aw-intro,.r44an-heading) :is(.jonas-page-role,.jonas-role-pill,.role-pill) { margin-left: 0 !important; }
  }
}