/* =========================================================
   FILE READER — RNA-SEQ INPUT PREPARATION GUIDE

   Educational presentation only.
   Fully owned by File Reader and independent of real preview state.
========================================================= */

.module-file-reader .file-reader-input-guide{
  position:relative;
  z-index:2;

  display:grid;
  gap:12px;

  margin-top:10px;
  padding:14px;

  border:1px solid rgba(72,94,157,.22);
  border-radius:17px;

  background:
    linear-gradient(
      rgba(77,101,166,.03) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(77,101,166,.03) 1px,
      transparent 1px
    ),
    radial-gradient(
      circle at 6% 0%,
      rgba(116,203,177,.10),
      transparent 38%
    ),
    linear-gradient(
      155deg,
      rgba(249,251,255,.98),
      rgba(228,235,249,.96)
    );

  background-size:
    22px 22px,
    22px 22px,
    auto,
    auto;

  color:#243457;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -1px 0 rgba(49,66,112,.08);

  box-sizing:border-box;
}

/* =========================================================
   HEADER
========================================================= */

.module-file-reader .file-reader-input-guide__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.module-file-reader .file-reader-input-guide__heading{
  min-width:0;
}

.module-file-reader .file-reader-input-guide__kicker{
  display:block;

  margin-bottom:5px;

  color:#55729f;

  font-size:.59rem;
  line-height:1;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.module-file-reader .file-reader-input-guide__title{
  margin:0;

  color:#213256;

  font-size:.92rem;
  line-height:1.2;
  font-weight:850;
}

.module-file-reader .file-reader-input-guide__intro{
  max-width:760px;

  margin:6px 0 0;

  color:rgba(49,64,101,.76);

  font-size:.72rem;
  line-height:1.45;
}

.module-file-reader .file-reader-input-guide__badge{
  flex:0 0 auto;

  padding:5px 8px;

  border:1px solid rgba(84,180,151,.28);
  border-radius:999px;

  background:rgba(116,203,177,.10);

  color:#3e7567;

  font-size:.59rem;
  line-height:1;
  font-weight:850;
  white-space:nowrap;
}

/* =========================================================
   ANALYSIS PRINCIPLE
========================================================= */

.module-file-reader .file-reader-input-guide__principle{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:9px;
  align-items:center;
}

.module-file-reader .file-reader-input-guide__principle-item{
  display:grid;
  gap:3px;

  min-width:0;
  padding:9px 10px;

  border:1px solid rgba(72,94,157,.16);
  border-radius:11px;

  background:rgba(255,255,255,.58);
}

.module-file-reader .file-reader-input-guide__principle-item strong{
  font-size:.67rem;
  line-height:1.1;
}

.module-file-reader .file-reader-input-guide__principle-item span{
  color:rgba(55,70,107,.72);

  font-size:.65rem;
  line-height:1.35;
}

.module-file-reader .file-reader-input-guide__principle-item.is-keep{
  border-color:rgba(84,180,151,.24);
}

.module-file-reader .file-reader-input-guide__principle-item.is-result{
  border-color:rgba(91,112,179,.22);
}

.module-file-reader .file-reader-input-guide__principle-arrow{
  color:#5d70a8;

  font-size:1rem;
  font-weight:900;
}

/* =========================================================
   MODEL MATRIX
========================================================= */

.module-file-reader .file-reader-input-guide__matrix-shell{
  min-width:0;

  padding:9px;

  border:1px solid rgba(72,94,157,.15);
  border-radius:12px;

  background:rgba(249,251,255,.74);
}

.module-file-reader .file-reader-input-guide__matrix-label{
  margin-bottom:7px;

  color:#50658f;

  font-size:.61rem;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.module-file-reader .file-reader-input-guide__matrix-scroll{
  max-width:100%;
  overflow-x:auto;

  border:1px solid rgba(72,94,157,.15);
  border-radius:9px;

  background:rgba(255,255,255,.82);

  scrollbar-width:thin;
  scrollbar-color:
    rgba(91,112,179,.28)
    transparent;
}

.module-file-reader .file-reader-input-guide__matrix{
  width:100%;
  min-width:570px;

  border-collapse:collapse;

  color:#42537b;

  font-size:.64rem;
  line-height:1.25;
}

.module-file-reader .file-reader-input-guide__matrix th,
.module-file-reader .file-reader-input-guide__matrix td{
  padding:6px 8px;

  border-bottom:
    1px solid rgba(73,91,134,.09);

  text-align:right;
  white-space:nowrap;
}

.module-file-reader .file-reader-input-guide__matrix thead th{
  background:
    linear-gradient(
      180deg,
      rgba(238,243,253,.98),
      rgba(222,230,247,.98)
    );

  color:#30436d;

  font-weight:850;
}

.module-file-reader .file-reader-input-guide__matrix th:first-child,
.module-file-reader .file-reader-input-guide__matrix td:first-child{
  text-align:left;
}

.module-file-reader .file-reader-input-guide__matrix tbody th{
  color:#405581;
  font-weight:800;
}

.module-file-reader .file-reader-input-guide__matrix tbody tr:last-child th,
.module-file-reader .file-reader-input-guide__matrix tbody tr:last-child td{
  border-bottom:0;
}

.module-file-reader .file-reader-input-guide__matrix tbody tr:hover{
  background:rgba(91,112,179,.045);
}

.module-file-reader .file-reader-input-guide__example-note{
  margin:6px 1px 0;

  color:rgba(65,80,116,.58);

  font-size:.59rem;
  line-height:1.35;
}

/* =========================================================
   KEEP / REMOVE GUIDANCE
========================================================= */

.module-file-reader .file-reader-input-guide__rules{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

.module-file-reader .file-reader-input-guide__rule{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:8px;
  align-items:start;

  padding:9px 10px;

  border:1px solid rgba(72,94,157,.15);
  border-radius:11px;

  background:rgba(255,255,255,.53);
}

.module-file-reader .file-reader-input-guide__rule.is-good{
  border-color:rgba(84,180,151,.23);
}

.module-file-reader .file-reader-input-guide__rule.is-remove{
  border-color:rgba(184,124,91,.22);
}

.module-file-reader .file-reader-input-guide__rule-symbol{
  display:grid;
  place-items:center;

  width:22px;
  height:22px;

  border-radius:50%;

  font-size:.76rem;
  font-weight:900;
}

.module-file-reader .file-reader-input-guide__rule.is-good
.file-reader-input-guide__rule-symbol{
  background:rgba(84,180,151,.12);
  color:#40806e;
}

.module-file-reader .file-reader-input-guide__rule.is-remove
.file-reader-input-guide__rule-symbol{
  background:rgba(184,124,91,.11);
  color:#8b6250;
}

.module-file-reader .file-reader-input-guide__rule strong{
  display:block;

  margin-bottom:3px;

  color:#354970;

  font-size:.65rem;
}

.module-file-reader .file-reader-input-guide__rule span{
  color:rgba(55,70,107,.70);

  font-size:.62rem;
  line-height:1.4;
}

/* =========================================================
   EMC BOUNDARY NOTE
========================================================= */

.module-file-reader .file-reader-input-guide__boundary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:9px;
  align-items:start;

  padding:9px 10px;

  border-left:3px solid rgba(91,112,179,.42);
  border-radius:8px;

  background:rgba(91,112,179,.055);
}

.module-file-reader .file-reader-input-guide__boundary strong{
  color:#405581;

  font-size:.63rem;
  white-space:nowrap;
}

.module-file-reader .file-reader-input-guide__boundary span{
  color:rgba(55,70,107,.68);

  font-size:.61rem;
  line-height:1.4;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:700px){

  .module-file-reader .file-reader-input-guide{
    padding:11px;
  }

  .module-file-reader .file-reader-input-guide__header{
    display:grid;
  }

  .module-file-reader .file-reader-input-guide__badge{
    width:max-content;
  }

  .module-file-reader .file-reader-input-guide__principle{
    grid-template-columns:1fr;
  }

  .module-file-reader .file-reader-input-guide__principle-arrow{
    transform:rotate(90deg);
    justify-self:center;
  }

  .module-file-reader .file-reader-input-guide__rules{
    grid-template-columns:1fr;
  }

  .module-file-reader .file-reader-input-guide__boundary{
    grid-template-columns:1fr;
  }

  .module-file-reader .file-reader-input-guide__boundary strong{
    white-space:normal;
  }
}