/* DASHBOARD_V2 */

#pageDashboard .dashboard-section{
  display:grid;
  gap:12px;
}

#pageDashboard .section-head{
  margin-bottom:0;
}

#pageDashboard #filterBadge{
  font-size:11px;
  font-weight:800;
  color:var(--muted);
  white-space:nowrap;
}

#pageDashboard #kpis{
  display:grid;
  gap:12px;
}

.db2-kpis{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.db2-kpi{
  min-width:0;
  padding:13px;
  border-radius:16px;
  border:1px solid var(--line);
  background:var(--card);
  box-shadow:
    0 4px 14px rgba(18,41,58,.04);
}

.db2-kpi.featured{
  border-color:
    rgba(20,171,138,.3);
  background:
    linear-gradient(
      145deg,
      rgba(25,199,155,.10),
      var(--card)
    );
}

.db2-kpi.danger{
  border-color:
    rgba(220,72,82,.32);
  background:
    linear-gradient(
      145deg,
      rgba(220,72,82,.08),
      var(--card)
    );
}

.db2-kpi>span{
  display:block;
  margin-bottom:7px;
  font-size:10px;
  font-weight:800;
  color:var(--muted);
}

.db2-kpi>strong{
  display:block;
  font-size:25px;
  line-height:1;
}

.db2-kpi>small{
  display:block;
  margin-top:7px;
  font-size:9px;
  color:var(--muted);
}

.db2-kpi-money{
  display:grid;
  gap:2px;
}

.db2-kpi-money strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:15px;
  line-height:1.25;
}

.db2-mini-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:5px;
}

.db2-mini-strip span{
  padding:8px 4px;
  border-radius:12px;
  background:var(--card);
  border:1px solid var(--line);
  text-align:center;
  font-size:8px;
  color:var(--muted);
}

.db2-mini-strip b{
  display:block;
  margin-bottom:2px;
  font-size:14px;
  color:var(--ink);
}

.db2-portfolio,
.db2-attention,
.db2-tasks{
  padding:12px;
  border-radius:17px;
  border:1px solid var(--line);
  background:var(--card);
  box-shadow:
    0 4px 14px rgba(18,41,58,.035);
}

.db2-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.db2-section-head small{
  display:block;
  margin-bottom:2px;
  font-size:8px;
  font-weight:900;
  color:var(--muted);
}

.db2-section-head h3{
  margin:0;
  font-size:16px;
}

.db2-currency,
.db2-count-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:26px;
  min-height:26px;
  padding:0 8px;
  border-radius:999px;
  background:rgba(21,57,80,.07);
  font-size:9px;
  font-weight:900;
}

.db2-count-badge.warn{
  background:
    rgba(236,172,38,.14);
}

.db2-count-badge.good{
  background:
    rgba(25,199,155,.12);
}

.db2-money-main{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  padding:10px 0 12px;
  border-bottom:1px solid var(--line);
}

.db2-money-main span{
  font-size:10px;
  color:var(--muted);
}

.db2-money-main strong{
  font-size:18px;
  text-align:right;
}

.db2-money-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  padding-top:9px;
}

.db2-money-grid>div{
  min-width:0;
  padding:9px;
  border-radius:12px;
  background:rgba(110,125,140,.055);
}

.db2-money-grid>div.own{
  background:
    rgba(25,199,155,.09);
}

.db2-money-grid>div.warn{
  background:
    rgba(236,172,38,.11);
}

.db2-money-grid span{
  display:block;
  min-height:25px;
  font-size:8px;
  line-height:1.25;
  color:var(--muted);
}

.db2-money-grid span small{
  display:block;
  font-size:7px;
}

.db2-money-grid b{
  display:block;
  margin-top:5px;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:11px;
  white-space:nowrap;
}

.db2-investor-warning{
  margin-top:8px;
  padding:7px 9px;
  border-radius:10px;
  background:
    rgba(236,172,38,.10);
  font-size:8px;
}

#attention.attention{
  display:block;
}

.db2-attention-list{
  display:grid;
}

.db2-attention-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 2px;
  border-bottom:1px solid var(--line);
}

.db2-attention-row:last-child{
  border-bottom:0;
}

.db2-attention-name{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}

.db2-attention-name span{
  width:22px;
  text-align:center;
}

.db2-attention-name b{
  font-size:10px;
}

.db2-attention-row>strong{
  min-width:26px;
  text-align:right;
  font-size:12px;
}

.db2-attention-row.danger>strong{
  color:#d74852;
}

.db2-all-good{
  padding:9px;
  border-radius:11px;
  background:
    rgba(25,199,155,.09);
  font-size:10px;
  font-weight:700;
}

.db2-task-list{
  display:grid;
}

.db2-task{
  display:flex;
  justify-content:space-between;
  gap:10px;
  width:100%;
  padding:10px 0;
  border:0;
  border-bottom:1px solid var(--line);
  background:transparent;
  text-align:left;
}

.db2-task:last-child{
  border-bottom:0;
}

.db2-task div{
  min-width:0;
}

.db2-task b{
  display:block;
  font-size:10px;
}

.db2-task small{
  display:block;
  margin-top:3px;
  font-size:8px;
  color:var(--muted);
}

.db2-task>span{
  flex:0 0 auto;
  font-size:8px;
  color:var(--muted);
}

.db2-task.danger b{
  color:#d74852;
}

#pageDashboard .dashboard-warning{
  margin-top:0;
  border-radius:12px;
  font-size:8px;
}

@media(max-width:380px){

  .db2-kpi{
    padding:11px;
  }

  .db2-kpi>strong{
    font-size:22px;
  }

  .db2-kpi-money strong{
    font-size:13px;
  }

  .db2-money-grid{
    gap:5px;
  }

}

/* END DASHBOARD_V2 */


/* DB2_RESPONSIVE_CLICK_V2 */

.db2-kpis{
  align-items:stretch;
}

.db2-kpi{
  position:relative;
  min-width:0;
  min-height:96px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
}

.db2-kpi[data-db2-filter]{
  cursor:pointer;
  user-select:none;
  transition:
    transform .14s ease,
    box-shadow .14s ease,
    border-color .14s ease;
}

.db2-kpi[data-db2-filter]::after{
  content:"›";
  position:absolute;
  right:10px;
  bottom:7px;
  font-size:19px;
  font-weight:900;
  opacity:.22;
}

.db2-kpi[data-db2-filter]:active{
  transform:scale(.975);
}

.db2-kpi[data-db2-filter]:hover{
  border-color:rgba(20,190,150,.42);
  box-shadow:
    0 7px 20px rgba(20,45,65,.08);
}

.db2-kpi.danger[data-db2-filter]:hover{
  border-color:rgba(220,70,80,.55);
}

.db2-kpi-money strong{
  white-space:normal;
  overflow:visible;
  word-break:break-word;
  line-height:1.15;
}

.db2-mini-strip span[data-db2-filter]{
  position:relative;
  cursor:pointer;
  user-select:none;
  transition:
    transform .14s ease,
    border-color .14s ease,
    background .14s ease;
}

.db2-mini-strip span[data-db2-filter]::after{
  content:"›";
  position:absolute;
  right:5px;
  top:4px;
  font-weight:900;
  opacity:.22;
}

.db2-mini-strip span[data-db2-filter]:active{
  transform:scale(.96);
}

.db2-mini-strip span[data-db2-filter]:hover{
  border-color:rgba(20,190,150,.4);
  background:rgba(20,190,150,.06);
}

.db2-money-grid>div{
  min-width:0;
  min-height:58px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.db2-money-grid b{
  white-space:normal;
  overflow:visible;
  word-break:break-word;
  line-height:1.15;
}


@media(min-width:700px){

  .db2-kpis{
    grid-template-columns:
      repeat(4,minmax(0,1fr));
  }

  .db2-money-grid{
    grid-template-columns:
      repeat(3,minmax(0,1fr));
  }
}


@media(max-width:430px){

  .db2-kpis{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
    gap:7px;
  }

  .db2-kpi{
    min-height:90px;
    padding:11px;
  }

  .db2-kpi>span{
    font-size:9px;
    line-height:1.2;
  }

  .db2-kpi>strong{
    font-size:23px;
  }

  .db2-kpi-money strong{
    font-size:14px;
  }

  .db2-mini-strip{
    grid-template-columns:
      repeat(3,minmax(0,1fr));
    gap:4px;
  }

  .db2-mini-strip span{
    min-width:0;
    padding:8px 3px;
    line-height:1.15;
  }

  .db2-money-main{
    flex-direction:column;
    align-items:flex-start;
  }

  .db2-money-main strong{
    width:100%;
    text-align:left;
    font-size:20px;
  }
}


@media(max-width:310px){

  .db2-kpis{
    grid-template-columns:1fr;
  }

}

/* END DB2_RESPONSIVE_CLICK_V2 */



/* DB2_ATTENTION_CLICK_STYLE */

.db2-attention-row[
  data-db2-attention-filter
]{
  cursor:pointer;
  user-select:none;
  border-radius:10px;
  transition:
    background .14s ease,
    transform .14s ease;
}

.db2-attention-row[
  data-db2-attention-filter
]:hover{
  background:rgba(20,190,150,.06);
}

.db2-attention-row[
  data-db2-attention-filter
]:active{
  transform:scale(.985);
}

.db2-attention-right{
  display:flex;
  align-items:center;
  gap:8px;
}

.db2-attention-right i{
  font-style:normal;
  font-size:19px;
  font-weight:900;
  opacity:.25;
}

/* END DB2_ATTENTION_CLICK_STYLE */