/* YOLKA_RIESGO_MANUAL_T1_REEMPLAZO_TOTAL_V17 */

/* El boton del menu usa el estilo nativo .nav-item de Yolka. */
#riskManualT1Nav > #riskManualT1NavIcon svg{
  display:block;
  width:18px;
  height:18px;
}

#riskManualT1Page{
  padding:0 0 20px;
  min-width:0;
}

#riskManualT1Page *{
  box-sizing:border-box;
}

#riskManualT1Page .rm17-shell{
  width:100%;
  min-width:0;
}

#riskManualT1Page .rm17-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
}

#riskManualT1Page .rm17-head h2{
  margin:0 0 3px;
  font-size:18px;
  line-height:1.15;
}

#riskManualT1Page .rm17-head p{
  margin:0;
  color:#687483;
  font-size:12px;
}

#riskManualT1Page .rm17-db{
  flex:0 0 auto;
  border:1px solid #d7dfe7;
  background:#fff;
  border-radius:999px;
  padding:4px 8px;
  font-size:10px;
  color:#687483;
  white-space:nowrap;
}

#riskManualT1Page .rm17-controls{
  display:grid;
  grid-template-columns:
    minmax(260px,1fr)
    130px
    95px
    72px
    142px
    112px;
  gap:7px;
  align-items:center;
  margin-bottom:7px;
}

#riskManualT1Page input,
#riskManualT1Page select,
#riskManualT1Page button,
.rm17-modal input,
.rm17-modal select,
.rm17-modal textarea,
.rm17-modal button{
  font:inherit;
}

#riskManualT1Page input,
#riskManualT1Page select,
#riskManualT1Page button{
  min-height:34px;
  border:1px solid #bcc7d2;
  border-radius:7px;
  background:#fff;
  padding:6px 9px;
}

#riskManualT1Page button,
.rm17-modal button{
  cursor:pointer;
}

#riskManualT1Page .rm17-primary,
.rm17-modal .rm17-primary{
  background:#146caf;
  border-color:#146caf;
  color:#fff;
  font-weight:700;
}

#riskManualT1Page .rm17-stats{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:6px 0 8px;
}

#riskManualT1Page .rm17-stats span{
  border:1px solid #dce3e9;
  background:#fff;
  border-radius:999px;
  padding:3px 8px;
  font-size:10px;
  color:#66717d;
}

#riskManualT1Page .rm17-grid-wrap{
  width:100%;
  min-width:0;
  border:1px solid #dce3e9;
  border-radius:9px;
  overflow:hidden;
  background:#fff;
}

#riskManualT1Page #rm17Rows{
  max-height:calc(100vh - 205px);
  overflow-y:auto;
  overflow-x:hidden;
}

#riskManualT1Page .rm17-grid{
  display:grid;
  grid-template-columns:
    34px
    minmax(145px,1.35fr)
    78px
    48px
    minmax(210px,2fr)
    minmax(220px,2.15fr)
    122px;
  width:100%;
  min-width:0;
}

#riskManualT1Page .rm17-grid > div,
#riskManualT1Page .rm17-grid > button{
  min-width:0;
}

#riskManualT1Page .rm17-grid-head{
  background:#edf2f6;
  border-bottom:1px solid #dce3e9;
  color:#567;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.02em;
}

#riskManualT1Page .rm17-grid-head > div{
  padding:6px 7px;
  border-right:1px solid #e2e7eb;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#riskManualT1Page .rm17-grid-row{
  border-bottom:1px solid #e6ebef;
  font-size:11px;
  line-height:1.18;
}

#riskManualT1Page .rm17-grid-row:last-child{
  border-bottom:0;
}

#riskManualT1Page .rm17-grid-row:hover{
  background:#fafcfd;
}

#riskManualT1Page .rm17-grid-row > div,
#riskManualT1Page .rm17-grid-row > button{
  padding:5px 7px;
  border:0;
  border-right:1px solid #edf0f3;
  background:transparent;
  text-align:left;
  color:#0c1e33;
  overflow-wrap:anywhere;
  word-break:normal;
}

#riskManualT1Page .rm17-grid-row > :last-child{
  border-right:0;
}

#riskManualT1Page .rm17-num{
  color:#51606f;
}

#riskManualT1Page .rm17-desc{
  font-weight:700;
}

#riskManualT1Page .rm17-copy{
  cursor:pointer;
  border-radius:0;
  min-height:0;
}

#riskManualT1Page .rm17-copy:hover{
  background:#eef6ff;
}

#riskManualT1Page .rm17-reason{
  color:#754100;
  text-decoration:underline dotted;
  text-underline-offset:2px;
}

#riskManualT1Page .rm17-alt{
  color:#0669c9;
  text-decoration:underline dotted;
  text-underline-offset:2px;
}

#riskManualT1Page .rm17-score{
  text-align:center !important;
  font-weight:800;
}

#riskManualT1Page .rm17-badge{
  display:inline-block;
  min-width:62px;
  padding:3px 5px;
  border-radius:999px;
  text-align:center;
  font-size:9px;
  font-weight:800;
}

#riskManualT1Page .rm17-red{
  background:#c52618;
  color:#fff;
}

#riskManualT1Page .rm17-green{
  background:#14833f;
  color:#fff;
}

#riskManualT1Page .rm17-yellow{
  background:#f2c43f;
  color:#1f1800;
}

#riskManualT1Page .rm17-actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:4px;
  flex-wrap:wrap;
}

#riskManualT1Page .rm17-actions button{
  min-height:25px;
  padding:3px 6px;
  border:1px solid #c5ced7;
  border-radius:5px;
  background:#fff;
  font-size:9px;
  white-space:nowrap;
}

#riskManualT1Page .rm17-actions .rm17-danger{
  color:#b42318;
  border-color:#e2aaa5;
}

#riskManualT1Page .rm17-empty{
  padding:18px;
  color:#687483;
  font-size:12px;
}

.rm17-modal-bg{
  display:none;
  position:fixed;
  inset:0;
  z-index:2147483000;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(10,20,30,.42);
}

.rm17-modal-bg.show{
  display:flex;
}

.rm17-modal{
  width:min(780px,100%);
  max-height:92vh;
  overflow:auto;
  border:1px solid #dce3e9;
  border-radius:12px;
  background:#fff;
  padding:14px;
  box-shadow:0 12px 38px rgba(0,0,0,.22);
}

.rm17-modal-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:9px;
}

.rm17-modal-title h3{
  margin:0;
  font-size:16px;
}

.rm17-modal-title button{
  width:32px;
  height:32px;
  border:1px solid #d4dce4;
  border-radius:7px;
  background:#fff;
  font-size:20px;
}

.rm17-json-box{
  padding:10px;
  margin-bottom:10px;
  border:1px solid #d8e0e7;
  border-radius:9px;
  background:#f7f9fb;
}

.rm17-json-box > label{
  display:block;
  margin-bottom:5px;
  font-size:11px;
  font-weight:800;
}

.rm17-json-box textarea{
  width:100%;
  min-height:150px;
  padding:8px;
  border:1px solid #bbc6d0;
  border-radius:7px;
  resize:vertical;
  font:12px Consolas,monospace;
}

.rm17-json-actions{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:7px;
}

.rm17-json-actions button,
.rm17-modal-actions button{
  min-height:32px;
  padding:6px 9px;
  border:1px solid #bbc6d0;
  border-radius:7px;
  background:#fff;
}

.rm17-json-actions small{
  color:#687483;
  font-size:10px;
}

.rm17-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.rm17-field{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.rm17-field.rm17-full{
  grid-column:1/-1;
}

.rm17-field span{
  color:#4e5964;
  font-size:10px;
  font-weight:800;
}

.rm17-field input,
.rm17-field select,
.rm17-field textarea{
  width:100%;
  min-height:34px;
  padding:7px 8px;
  border:1px solid #bbc6d0;
  border-radius:7px;
  background:#fff;
}

.rm17-field textarea{
  min-height:64px;
  resize:vertical;
}

.rm17-modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  margin-top:10px;
}

.rm17-toast{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:2147483500;
  padding:9px 12px;
  border-radius:8px;
  background:#17212b;
  color:#fff;
  opacity:0;
  transform:translateY(8px);
  transition:.15s;
  pointer-events:none;
}

.rm17-toast.error{
  background:#b42318;
}

.rm17-toast.show{
  opacity:1;
  transform:translateY(0);
}

@media(max-width:1250px){
  #riskManualT1Page .rm17-controls{
    grid-template-columns:
      minmax(180px,1fr)
      112px
      86px
      68px
      132px
      106px;
  }

  #riskManualT1Page .rm17-grid{
    grid-template-columns:
      30px
      minmax(125px,1.1fr)
      70px
      42px
      minmax(165px,1.55fr)
      minmax(175px,1.65fr)
      110px;
  }

  #riskManualT1Page .rm17-grid-row{
    font-size:10px;
  }
}


/* ==========================================================
   YOLKA RIESGO MANUAL T1 V18
   FRACCION + NICO + FOTO
   ========================================================== */

.rm17-grid-wrap{
  overflow-x:auto;
}

.rm17-grid{
  grid-template-columns:
    38px
    minmax(220px,1.30fr)
    86px
    58px
    minmax(245px,1.20fr)
    126px
    78px
    minmax(275px,1.40fr)
    94px !important;

  min-width:1450px;
}

.rm17-fracnico{
  display:flex;
  flex-direction:column;
  gap:2px;
  font-size:11px;
  line-height:1.2;
}

.rm17-fracnico span{
  font-weight:800;
  white-space:nowrap;
}

.rm17-fracnico small{
  font-size:10px;
  color:#64748b;
  white-space:nowrap;
}

.rm17-muted{
  color:#94a3b8;
  font-size:11px;
}

.rm17-photo-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:48px;
  text-decoration:none;
}

.rm17-photo{
  width:54px;
  height:44px;
  object-fit:cover;
  border-radius:6px;
  border:1px solid #d7dee8;
  background:#fff;
}

.rm17-photo:hover{
  transform:scale(1.06);
}



/* YOLKA_RIESGO_MANUAL_T1_V19_IDENTIFICACION */

.rm19-ident{
  margin-top:5px;
  font-size:11px;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.rm19-ident strong{
  font-weight:800;
}