/* ============================================================
   RECOMMENDATION HISTORY
   ============================================================ */

.analysis-tile-icon.recommendation{
  color:#2f8276;
  background:#edf7f4;
}

.rh-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  margin-bottom:18px;
}

.rh-head h1{
  margin:4px 0 4px;
}

.rh-head p{
  margin:0;
  color:#74869a;
  font-size:12px;
}

.rh-analysis-only{
  padding:8px 12px;
  border:1px solid #cde4de;
  border-radius:8px;
  background:#f2faf8;
  color:#277a6d;
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
}

.rh-controls{
  display:grid;
  grid-template-columns:
    minmax(390px,1.5fr)
    minmax(220px,.8fr)
    minmax(240px,1fr)
    auto;
  gap:12px;
  align-items:end;

  padding:16px;
  margin-bottom:14px;

  background:#fff;
  border:1px solid #d8e2ec;
  border-radius:11px;
}

.rh-field{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.rh-field label{
  font-size:8px;
  font-weight:700;
  letter-spacing:.12em;
  color:#74869a;
}

.rh-field select{
  height:40px;
  padding:0 12px;

  border:1px solid #d3deea;
  border-radius:8px;

  background:#fff;
  color:#32475e;
}

.rh-segment{
  min-height:40px;

  display:flex;

  border:1px solid #d3deea;
  border-radius:8px;

  overflow:hidden;
  background:#f7f9fb;
}

.rh-segment button{
  flex:1;

  min-width:52px;
  padding:0 12px;

  border:0;
  border-right:1px solid #dce4ec;

  background:transparent;
  color:#60758a;

  cursor:pointer;

  font-size:10px;
  font-weight:600;
}

.rh-segment button:last-child{
  border-right:0;
}

.rh-segment button.active{
  background:#edf7f4;
  color:#22796c;
}

.rh-refresh-wrap{
  display:flex;
  align-items:flex-end;
}

.rh-refresh-wrap .btn{
  height:40px;
  white-space:nowrap;
}

.rh-status{
  min-height:30px;
  margin-bottom:12px;
  padding:7px 12px;

  display:flex;
  align-items:center;

  border:1px solid #dce5ee;
  border-radius:7px;

  background:#f8fafc;

  color:#7d8fa2;
  font-size:10px;
}

.rh-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);

  margin-bottom:14px;

  overflow:hidden;

  border:1px solid #d8e2ec;
  border-radius:11px;

  background:#fff;
}

.rh-summary > div{
  min-height:82px;
  padding:13px 16px;

  display:flex;
  flex-direction:column;

  border-right:1px solid #dfe6ed;
}

.rh-summary > div:last-child{
  border-right:0;
}

.rh-summary span{
  font-size:8px;
  font-weight:700;
  letter-spacing:.12em;
  color:#8091a3;
}

.rh-summary b{
  margin-top:6px;

  font-size:21px;
  line-height:1;

  color:#253b53;
}

.rh-summary small{
  margin-top:7px;

  font-size:9px;
  color:#92a0ae;
}

.rh-summary .positive{
  border-top:2px solid #4cae94;
}

.rh-summary .positive b{
  color:#2d816d;
}

.rh-summary .negative{
  border-top:2px solid #dc747c;
}

.rh-summary .negative b{
  color:#b54b55;
}

.rh-table-card{
  border:1px solid #d8e2ec;
  border-radius:11px;
  background:#fff;
  overflow:hidden;
}

.rh-table-head{
  padding:16px 18px 12px;
  border-bottom:1px solid #e1e7ee;
}

.rh-table-head h2{
  margin:3px 0;
  font-size:16px;
  color:#30475f;
}

.rh-table-head p{
  margin:0;
  color:#8a9aaa;
  font-size:10px;
}

.rh-table-wrap{
  overflow:auto;
}

.rh-table-wrap table{
  width:100%;
  border-collapse:collapse;
}

.rh-table-wrap th{
  padding:10px 12px;

  background:#f6f8fb;

  border-bottom:1px solid #dde5ed;

  text-align:left;

  font-size:8px;
  letter-spacing:.11em;

  color:#73869a;
}

.rh-table-wrap td{
  padding:11px 12px;

  border-bottom:1px solid #e6ebf0;

  vertical-align:top;

  color:#445a70;
  font-size:10px;
}

.rh-table-wrap tr:last-child td{
  border-bottom:0;
}

.rh-table-wrap td small{
  display:block;
  margin-top:3px;

  color:#96a4b3;
  font-size:8px;
}

.rh-table-wrap .numeric{
  text-align:right;
  white-space:nowrap;
}

.rh-instrument{
  padding:0;
  border:0;
  background:transparent;

  cursor:pointer;

  color:#243a52;
  font-weight:700;
  font-size:10px;
}

.rh-instrument:hover{
  color:#228173;
  text-decoration:underline;
}

.rh-signal{
  display:inline-flex;
  min-width:60px;
  justify-content:center;

  padding:5px 8px;

  border-radius:999px;

  font-size:9px;
  font-weight:700;
}

.rh-signal.buy{
  background:#e9f7f2;
  color:#247863;
}

.rh-signal.sell{
  background:#fbecef;
  color:#b54651;
}

.rh-signal.neutral{
  background:#eef2f6;
  color:#687b8e;
}

.rh-reason{
  min-width:290px;
  max-width:420px;
  line-height:1.45;
}

.rh-execution{
  display:inline-block;

  padding:4px 7px;

  border-radius:5px;

  background:#f1f4f7;

  color:#64788b;

  white-space:nowrap;

  font-size:8px;
  font-weight:600;
}

.rh-empty{
  padding:30px !important;
  text-align:center !important;
  color:#8999aa !important;
}


@media(max-width:1100px){

  .rh-controls{
    grid-template-columns:1fr 1fr;
  }

  .rh-summary{
    grid-template-columns:1fr 1fr;
  }
}


@media(max-width:700px){

  .rh-controls{
    grid-template-columns:1fr;
  }

  .rh-summary{
    grid-template-columns:1fr;
  }

  .rh-summary > div{
    border-right:0;
    border-bottom:1px solid #dfe6ed;
  }
}