/* AMES Planner V6 — focused corrections from real-screen feedback */

/* left column now owns both today plan and review plan */
.planner-v6>.pv5-left,.planner-v6>.tb-left{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  min-width:0!important;
  overflow:visible!important;
}
.planner-v6 .yp-card,
.planner-v6 .yp-group,
.planner-v6 .il-form,
.planner-v6 .il-books{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* expanded subject: no nested card; render like a clean checklist under the subject header */
.planner-v6 .yp-group.pv6-subject-open{
  margin:0!important;
  padding:0 14px 14px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.planner-v6 .yp-group.pv6-subject-open .yp-ghd{
  min-height:54px!important;
  margin:0 -14px!important;
  padding:8px 16px!important;
  border:0!important;
  border-top:1px solid #f0f2f6!important;
  border-bottom:1px solid color-mix(in srgb,var(--sc) 12%,#eef0f4)!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--scs) 40%,#fff),#fff 72%)!important;
}
.planner-v6 .yp-group.pv6-subject-open .yp-list{
  margin:0!important;
  gap:0!important;
}
.planner-v6 .yp-group.pv6-subject-open .yp-row{
  width:100%!important;
  min-height:56px!important;
  margin:0!important;
  padding:10px 2px!important;
  border:0!important;
  border-bottom:1px solid #edf0f4!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.planner-v6 .yp-group.pv6-subject-open .yp-row:hover{
  background:linear-gradient(90deg,color-mix(in srgb,var(--scs) 28%,#fff),#fff)!important;
}
.planner-v6 .yp-group.pv6-subject-open .yp-row.running{
  background:linear-gradient(90deg,color-mix(in srgb,var(--scs) 52%,#fff),#fff)!important;
  box-shadow:inset 3px 0 0 var(--sc)!important;
}
.planner-v6 .yp-group.pv6-subject-open .yp-label{
  font-size:13px!important;
  font-weight:810!important;
}
.planner-v6 .yp-group.pv6-subject-open .yp-rtime{
  margin-top:4px!important;
  font-size:10.8px!important;
}
.planner-v6 .yp-group.pv6-subject-open .yp-ghost{
  height:35px!important;
  margin:9px 0 0!important;
  border-radius:9px!important;
  background:#fbfcfe!important;
}

/* inline add editor: full-width vertical checklist, never horizontal */
.planner-v6 .il-form{
  width:100%!important;
  margin:0!important;
  padding:0 0 2px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.planner-v6 .il-form:before,.planner-v6 .il-form:after{display:none!important;}
.planner-v6 .il-books{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  max-height:232px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border-bottom:1px solid #edf0f4!important;
  scrollbar-width:thin;
  scrollbar-color:#d7ddea transparent;
}
.planner-v6 .il-books:before{
  content:"교재 선택"!important;
  position:static!important;
  display:block!important;
  flex:0 0 auto!important;
  min-height:35px!important;
  padding:11px 2px 8px!important;
  color:#7b8497!important;
  font-size:10.8px!important;
  font-weight:820!important;
  border-bottom:1px solid #edf0f4!important;
}
.planner-v6 .il-book{
  position:relative!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 31px 0 34px!important;
  display:block!important;
  border:0!important;
  border-bottom:1px solid #edf0f4!important;
  border-radius:0!important;
  background:#fff!important;
  color:#3b4558!important;
  font:760 11.8px/44px var(--font)!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
  transform:none!important;
}
.planner-v6 .il-book:last-child{border-bottom:0!important;}
.planner-v6 .il-book:before{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  top:50%!important;
  width:15px!important;
  height:15px!important;
  transform:translateY(-50%)!important;
  border:1.5px solid #aeb6c5!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 4px #fff!important;
}
.planner-v6 .il-book:hover{
  background:#fafbfe!important;
  color:#20293b!important;
}
.planner-v6 .il-book.active{
  background:linear-gradient(90deg,color-mix(in srgb,var(--scs) 68%,#fff),#fff)!important;
  color:var(--sc)!important;
  font-weight:850!important;
  box-shadow:inset 3px 0 0 var(--sc)!important;
}
.planner-v6 .il-book.active:before{
  border-color:var(--sc)!important;
  background:var(--sc)!important;
  box-shadow:inset 0 0 0 4px #fff!important;
}
.planner-v6 .il-book.active:after{
  content:"✓"!important;
  position:absolute!important;
  right:9px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  padding:0!important;
  background:transparent!important;
  color:var(--sc)!important;
  font-size:12px!important;
  font-weight:900!important;
}
.planner-v6 .il-time-row{
  width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr)!important;
  gap:6px!important;
  margin-top:11px!important;
  padding:27px 0 0!important;
  overflow:hidden!important;
}
.planner-v6 .il-t2{
  min-width:0!important;
  width:100%!important;
  grid-template-columns:minmax(25px,1fr) auto minmax(29px,1fr)!important;
}
.planner-v6 .il-th,.planner-v6 .il-tm{min-width:0!important;width:100%!important;}
.planner-v6 .il-dur{
  grid-column:1/-1!important;
  justify-self:stretch!important;
  width:100%!important;
  text-align:center!important;
}
.planner-v6 .il-unit-row{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  border-radius:9px!important;
}
.planner-v6 .il-actions{width:100%!important;}

/* review plan directly below Today Plan */
.planner-v6 .pv6-left>.pv6-review,
.planner-v6 .pv5-left>.pv5-review{
  order:3!important;
  width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  border-color:#e4def8!important;
}
.planner-v6 .pv6-left>.pv6-review .pv5-review-head,
.planner-v6 .pv5-left>.pv5-review .pv5-review-head{
  min-height:52px!important;
  padding:11px 13px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:9px!important;
  background:linear-gradient(100deg,#6f53df,#8469e9)!important;
}
.planner-v6 .pv6-left>.pv6-review .pv5-review-head p,
.planner-v6 .pv5-left>.pv5-review .pv5-review-head p{display:none!important;}
.planner-v6 .pv6-left>.pv6-review .pv5-review-head button,
.planner-v6 .pv5-left>.pv5-review .pv5-review-head button{
  justify-self:end!important;
  white-space:nowrap!important;
}
.planner-v6 .pv6-left>.pv6-review .pv5-review-table,
.planner-v6 .pv5-left>.pv5-review .pv5-review-table{
  padding:7px 12px 10px!important;
}
.planner-v6 .pv6-left>.pv6-review .pv5-review-row.header,
.planner-v6 .pv5-left>.pv5-review .pv5-review-row.header{display:none!important;}
.planner-v6 .pv6-left>.pv6-review .pv5-review-row:not(.header),
.planner-v6 .pv5-left>.pv5-review .pv5-review-row:not(.header){
  min-height:58px!important;
  padding:8px 0!important;
  display:grid!important;
  grid-template-columns:68px minmax(0,1fr) auto!important;
  grid-template-areas:"subject title status" "subject date status"!important;
  gap:3px 8px!important;
}
.planner-v6 .pv6-left>.pv6-review .pv5-review-subject,
.planner-v6 .pv5-left>.pv5-review .pv5-review-subject{
  grid-area:subject!important;
  align-self:center!important;
  font-size:10.8px!important;
}
.planner-v6 .pv6-left>.pv6-review .pv5-review-title,
.planner-v6 .pv5-left>.pv5-review .pv5-review-title{
  grid-area:title!important;
  align-self:end!important;
  font-size:11.5px!important;
  font-weight:760!important;
}
.planner-v6 .pv6-left>.pv6-review .pv5-review-date,
.planner-v6 .pv5-left>.pv5-review .pv5-review-date{
  grid-area:date!important;
  align-self:start!important;
  font-size:9.8px!important;
}
.planner-v6 .pv6-left>.pv6-review .pv5-review-status,
.planner-v6 .pv5-left>.pv5-review .pv5-review-status{
  grid-area:status!important;
  align-self:center!important;
}
.planner-v6 .pv6-left>.pv6-review .pv5-review-more,
.planner-v6 .pv5-left>.pv5-review .pv5-review-more{display:none!important;}

/* compact timeline around the current time; users can scroll or expand */
.planner-v6 .tl-wrap.pv6-timeline-collapsed .tl-grid{
  max-height:430px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#ccd5e5 transparent;
}
.planner-v6 .tl-wrap.pv6-timeline-collapsed .tl-grid::-webkit-scrollbar{width:8px;}
.planner-v6 .tl-wrap.pv6-timeline-collapsed .tl-grid::-webkit-scrollbar-thumb{background:#ccd5e5;border:2px solid #fff;border-radius:99px;}
.planner-v6 .tl-wrap.pv6-timeline-expanded .tl-grid{
  max-height:none!important;
  overflow:visible!important;
}
.planner-v6 .pv6-timeline-more{
  width:100%!important;
  height:39px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:0!important;
  border-top:1px solid #edf0f4!important;
  background:linear-gradient(180deg,#fff,#fafbfe)!important;
  color:#687286!important;
  font:790 11px var(--font)!important;
  cursor:pointer!important;
}
.planner-v6 .pv6-timeline-more:hover{
  color:#684bdc!important;
  background:#f8f6ff!important;
}
.planner-v6 .pv6-timeline-more span{font-size:12px!important;}

@media(max-width:1240px){
  .planner-v6 .tl-wrap.pv6-timeline-collapsed .tl-grid{max-height:400px!important;}
}
@media(max-width:940px){
  .planner-v6 .tl-wrap.pv6-timeline-collapsed .tl-grid{max-height:380px!important;}
  .planner-v6>.pv5-left,.planner-v6>.tb-left{gap:12px!important;}
}