/* 기존 style.css를 유지하면서, 전체보기 레이아웃만 추가 */
.overview-root{width:100%; overflow-x:auto;}
.ov-grid{
  display:grid;
  grid-template-columns: 140px repeat(8, minmax(70px, 1fr)) 120px;
  gap:10px;
  align-items:start;
  padding:12px;
  width:100%;
  box-sizing:border-box;
}

.ov-col{
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 14px;
  overflow:hidden;
}
.ov-head{
  padding:10px 12px;
  font-weight:800;
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-bottom:1px solid rgba(255,255,255,0.06);
  height:44px;
}
.ov-head.empty{color:transparent;}
.ov-cell{
  padding:10px 12px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-bottom:1px solid rgba(255,255,255,0.04);
}
.ov-labels .ov-cell{justify-content:flex-start;}
.ov-label{font-weight:700;}
.ov-sep{
  height:10px;
  background: rgba(255,255,255,0.02);
  border-top:1px solid rgba(255,255,255,0.06);
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.mono{font-variant-numeric: tabular-nums;}
.muted{opacity:0.7; font-size:12px;}
.status{font-weight:800; font-size:12px; padding:4px 8px; border-radius:999px; border:1px solid rgba(255,255,255,0.10);}
.status.done{opacity:0.9;}
.status.todo{opacity:0.75;}
/* 좁은 화면 대응 */
@media (max-width: 980px){
  .ov-grid{grid-template-columns: 150px repeat(8, 110px);}
}


/* Selection + row feedback */
.ov-char.selected{
  outline:2px solid rgba(120,110,255,0.7);
}
.ov-char.selected .ov-head{
  background: rgba(120,110,255,0.14);
}
.ov-char .ov-head.idbtn{
  cursor:pointer;
}
.ov-cell.flash{
  background: rgba(120,110,255,0.14);
}

/* Actions column */
.ov-actions .ov-cell{
  justify-content:center;
  padding:6px 6px;
  gap:6px;
}


/* row heights alignment: make the '원정(탐험/정복 2버튼)' row taller across ALL columns */
.ov-col > .ov-cell:nth-child(3){
  height: 92px; /* accommodates two stacked buttons in actions column */
}

.btnstack .btn.small{height:36px;}

/* green completion */
.status.done{
  color:#2ecc71;
  border-color:#2ecc71;
  background: rgba(46,204,113,0.12);
}
.ov-cell.mono{
  color: inherit;
}
.ov-cell.mono.zero,
.ov-cell.mono.green{
  color:#2ecc71;
  font-weight:700;
}

.overview-root{overflow-x:auto; max-width:100%;}

/* numeric emphasis */
.mono-num{font-variant-numeric: tabular-nums;}
.mono-num.green{color:#2ecc71; font-weight:700;}
.mono-num.red{color:#ff4d4d; font-weight:800;}
.ov-cell .mono-num.red{color:#ff4d4d;}

/* ticket extra line break */
.ov-cell{line-height:1.1;}

/* ov-cell center alignment for base + (extra) */
.ov-cell{
  text-align:center;
}
.ov-cell .mono-num{
  display:block;
  width:100%;
  text-align:center;
}