/* KI-100K UI v13 — interaction QA + clear today marker + light secondary screens */
html.v13-interaction-qa,html.v13-interaction-qa body{
  background:linear-gradient(180deg,#eef9ff 0%,#f9fcff 44%,#fff 100%) fixed!important;
  color:#0c2034!important;
}

/* Current date: distinct from merely selected date */
html.v13-interaction-qa .work-day.today{
  opacity:1!important;
  border:2px solid #11b98b!important;
  box-shadow:0 0 0 2px rgba(17,185,139,.18),0 5px 13px rgba(15,121,96,.10)!important;
}
html.v13-interaction-qa .work-day.today::after{
  content:'오늘';position:absolute;right:4px;top:17px;z-index:8;
  padding:2px 5px;border-radius:999px;background:#11b98b;color:#fff;
  font-size:7px;font-weight:900;line-height:1.2;
}
html.v13-interaction-qa .work-day.today.selected{
  background:#e7faf4!important;border-color:#078d6c!important;
  box-shadow:0 0 0 3px rgba(7,141,108,.22),0 6px 14px rgba(15,121,96,.10)!important;
}
html.v13-interaction-qa .v10-day.today{
  outline:2px solid #11b98b!important;outline-offset:-2px!important;
  background:#effcf8!important;
}
html.v13-interaction-qa .v10-day.today::after{
  content:'오늘';position:absolute;left:3px;bottom:3px;padding:1px 3px;
  border-radius:5px;background:#11b98b;color:#fff;font-size:5px;font-weight:900;
}
html.v13-interaction-qa .v11-day.today:not(.on){
  border-color:#11b98b!important;box-shadow:0 0 0 1px rgba(17,185,139,.24)!important;background:#f1fffa!important;
}
html.v13-interaction-qa .v13-today-chip{
  margin-left:auto;margin-right:6px;padding:4px 8px;border-radius:999px;
  background:#12c997;color:#fff;font-size:9px;font-weight:900;
}

/* Training page: light, readable, functional tabs */
html.v13-interaction-qa .screen{color:#0c2034!important;background:transparent!important}
html.v13-interaction-qa .page-kicker{color:#16b98d!important}
html.v13-interaction-qa .v10-training-hero{
  background:linear-gradient(135deg,#e9fbf5,#eaf7ff)!important;
  border:1px solid #cbe8df!important;color:#0c2034!important;
  box-shadow:0 8px 24px rgba(39,93,119,.09)!important;
}
html.v13-interaction-qa .v10-training-hero h1,
html.v13-interaction-qa .v10-training-date b{color:#0c2034!important}
html.v13-interaction-qa .v10-training-phase{color:#637c89!important}
html.v13-interaction-qa .v10-training-date input{
  background:#fff!important;color:#152c3f!important;border-color:#cfe3e9!important;color-scheme:light!important;
}
html.v13-interaction-qa .v10-training-tabs{
  gap:8px!important;border-bottom:1px solid #cfe3df!important;margin-top:15px!important;
}
html.v13-interaction-qa .v13-tab{
  appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;
  color:#6b818c;padding:9px 6px 10px;font-size:11px;font-weight:750;cursor:pointer;
}
html.v13-interaction-qa .v13-tab.on{
  color:#079a75!important;border-bottom-color:#13c995!important;font-weight:950!important;
}

html.v13-interaction-qa .v10-card,
html.v13-interaction-qa .v10-plan-card{
  background:#fff!important;border:1px solid #dce9ef!important;color:#0c2034!important;
  box-shadow:0 7px 20px rgba(39,93,119,.07)!important;
}
html.v13-interaction-qa .v10-card h3,
html.v13-interaction-qa .v10-plan-card h3,
html.v13-interaction-qa .v10-segment b,
html.v13-interaction-qa .v10-segment strong{color:#142a3d!important}
html.v13-interaction-qa .v10-plan-text{color:#415b69!important}
html.v13-interaction-qa .v10-segment{border-top-color:#e2edf1!important}
html.v13-interaction-qa .v10-segment small{color:#748a95!important}
html.v13-interaction-qa .v10-success{
  background:#ecfaf5!important;border-color:#b7e7d5!important;
}
html.v13-interaction-qa .v10-success .v10-plan-text{color:#216d59!important}
html.v13-interaction-qa .v13-flash{
  animation:v13flash .85s ease both;
}
@keyframes v13flash{
  0%{box-shadow:0 0 0 0 rgba(17,185,139,.44),0 7px 20px rgba(39,93,119,.07)}
  45%{box-shadow:0 0 0 4px rgba(17,185,139,.22),0 7px 20px rgba(39,93,119,.09)}
  100%{box-shadow:0 7px 20px rgba(39,93,119,.07)}
}

/* More/work calendar: keep the bright theme consistent */
html.v13-interaction-qa .settings-exact,
html.v13-interaction-qa .settings-screen{background:transparent!important;color:#0c2034!important}
html.v13-interaction-qa .work-calendar-card,
html.v13-interaction-qa .selected-training-card,
html.v13-interaction-qa .settings-exact .card,
html.v13-interaction-qa .settings-screen .card,
html.v13-interaction-qa .record-detail,
html.v13-interaction-qa .sleep-detail,
html.v13-interaction-qa .item,
html.v13-interaction-qa .v9-card,
html.v13-interaction-qa .v9-gate{
  background:#fff!important;border-color:#dce9ef!important;color:#0c2034!important;
  box-shadow:0 7px 20px rgba(39,93,119,.07)!important;
}
html.v13-interaction-qa .section-title h2,
html.v13-interaction-qa .selected-training-head h3,
html.v13-interaction-qa .item .main,
html.v13-interaction-qa .detail-grid b,
html.v13-interaction-qa .v9-card-head h3,
html.v13-interaction-qa .settings-exact h2,
html.v13-interaction-qa .settings-exact b,
html.v13-interaction-qa .settings-screen h2,
html.v13-interaction-qa .settings-screen b{color:#11273a!important}
html.v13-interaction-qa .tiny,
html.v13-interaction-qa .meta,
html.v13-interaction-qa .caption,
html.v13-interaction-qa .v9-meta,
html.v13-interaction-qa .v9-note,
html.v13-interaction-qa .v9-empty,
html.v13-interaction-qa .selected-training-detail,
html.v13-interaction-qa .selected-training-purpose,
html.v13-interaction-qa .detail-grid span,
html.v13-interaction-qa .setting .tiny{color:#718795!important}

html.v13-interaction-qa .work-day{
  background:#f8fbfd!important;border-color:#dce8ed!important;color:#243b4b!important;
}
html.v13-interaction-qa .work-day.selected:not(.today){
  background:#eaf6ff!important;border-color:#4ba3d8!important;
  box-shadow:0 0 0 2px rgba(75,163,216,.20)!important;
}
html.v13-interaction-qa .work-label,
html.v13-interaction-qa .work-session,
html.v13-interaction-qa .work-hr,
html.v13-interaction-qa .work-session-metrics{color:#627b89!important}
html.v13-interaction-qa .work-week{color:#758c99!important}
html.v13-interaction-qa .work-today-btn{
  background:#e8faf4!important;color:#087e65!important;border-color:#aee4d1!important;font-weight:900!important;
}
html.v13-interaction-qa .ghost,
html.v13-interaction-qa .today-btn,
html.v13-interaction-qa .text-btn,
html.v13-interaction-qa .secondary,
html.v13-interaction-qa .linkbtn{
  background:#f6fbfd!important;color:#24485c!important;border-color:#d7e7ed!important;
}
html.v13-interaction-qa input,
html.v13-interaction-qa textarea,
html.v13-interaction-qa select,
html.v13-interaction-qa .datepick,
html.v13-interaction-qa .search,
html.v13-interaction-qa .stats-datepick{
  background:#fff!important;color:#142a3d!important;border-color:#d4e5eb!important;color-scheme:light!important;
}

/* Old recovery / record modules were still forced dark by v10. */
html.v13-interaction-qa .v9-day{background:#f7fbfd!important;color:#263e4e!important;border-color:#d9e8ed!important}
html.v13-interaction-qa .v9-day span{color:#748b98!important}
html.v13-interaction-qa .v9-day.on{background:#e8faf4!important;color:#0a6f5a!important;border-color:#55c9a7!important}
html.v13-interaction-qa .v9-tiles div{background:#f8fbfd!important;border-color:#dce8ed!important;color:#183044!important}
html.v13-interaction-qa .v9-tiles span{color:#748a96!important}
html.v13-interaction-qa .v9-tiles b{color:#152b3d!important}
html.v13-interaction-qa .v9-big{color:#162d40!important}
html.v13-interaction-qa .v9-big small{color:#748a96!important}
html.v13-interaction-qa .v9-tr{color:#193044!important;border-color:#dce8ed!important}
html.v13-interaction-qa .v9-th{color:#718693!important}
html.v13-interaction-qa .v9-chk select{background:#fff!important;color:#152b3d!important;border-color:#d5e5eb!important}

/* stats secondary screen light polish */
html.v13-interaction-qa .stats-grid .card,
html.v13-interaction-qa .chart-card{
  background:#fff!important;border-color:#dce9ef!important;color:#0c2034!important;
  box-shadow:0 7px 20px rgba(39,93,119,.07)!important;
}
html.v13-interaction-qa .stats-grid .value{color:#079b76!important}
html.v13-interaction-qa .chart-picked{background:#eefaf6!important;border-color:#bae5d6!important;color:#264d43!important}
html.v13-interaction-qa .chart-picked b{color:#07866a!important}

@media(max-width:390px){
  html.v13-interaction-qa .v13-tab{padding-left:4px;padding-right:4px}
  html.v13-interaction-qa .work-day.today::after{font-size:6px;right:2px}
}


/* Selected calendar date: replace shift editor with training + memo */
html.v13-interaction-qa .work-editor{display:none!important}
html.v13-interaction-qa .work-selected-overview{
  margin-top:10px!important;padding:12px!important;border:1px solid #d8e9e4!important;
  border-radius:16px!important;background:linear-gradient(145deg,#f7fffc,#f8fbff)!important;
}
html.v13-interaction-qa .work-selected-overview .work-detail-head{
  align-items:flex-start!important;margin-bottom:8px!important;
}
html.v13-interaction-qa .work-selected-overview .work-detail-head h3{
  margin:3px 0 0!important;color:#112b3b!important;font-size:17px!important;
}
html.v13-interaction-qa .work-selected-overview .eyebrow{
  color:#0b9876!important;font-size:9px!important;font-weight:900!important;
}
html.v13-interaction-qa .work-selected-meta{
  display:flex;flex-wrap:wrap;gap:5px;margin:0 0 8px;
}
html.v13-interaction-qa .work-selected-meta span{
  display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;
  background:#eef7fa;color:#426172;font-size:9px;font-weight:800;
}
html.v13-interaction-qa .work-selected-purpose,
html.v13-interaction-qa .work-selected-block,
html.v13-interaction-qa .work-selected-actual{
  border:1px solid #dce9ee;border-radius:12px;background:#fff;padding:10px;
}
html.v13-interaction-qa .work-selected-purpose{margin-bottom:7px}
html.v13-interaction-qa .work-selected-purpose b,
html.v13-interaction-qa .work-selected-block b,
html.v13-interaction-qa .work-selected-actual>b{
  display:block;color:#0f7e67;font-size:10px;margin-bottom:5px;
}
html.v13-interaction-qa .work-selected-purpose p,
html.v13-interaction-qa .work-selected-block p{
  margin:0;color:#334f5f;font-size:10px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;
}
html.v13-interaction-qa .work-selected-grid{
  display:grid;grid-template-columns:1.25fr .75fr;gap:7px;
}
html.v13-interaction-qa .work-selected-block.memo{
  background:#fffdf6;border-color:#eee4c5;
}
html.v13-interaction-qa .work-selected-block.memo b{color:#9b7316}
html.v13-interaction-qa .work-selected-actual{margin-top:7px}
html.v13-interaction-qa .work-selected-overview .work-detail-metrics{
  margin-top:4px!important;color:#3d5968!important;font-size:10px!important;
}
html.v13-interaction-qa .work-legend{margin-top:8px!important}

@media(max-width:430px){
  html.v13-interaction-qa .work-selected-overview{padding:9px!important}
  html.v13-interaction-qa .work-selected-overview .work-detail-head h3{font-size:14px!important}
  html.v13-interaction-qa .work-selected-overview .work-detail-head .secondary{padding:7px 9px!important;font-size:8px!important}
  html.v13-interaction-qa .work-selected-grid{grid-template-columns:1fr!important}
  html.v13-interaction-qa .work-selected-purpose p,
  html.v13-interaction-qa .work-selected-block p{font-size:9px!important;line-height:1.45!important}
  html.v13-interaction-qa .work-selected-meta span{font-size:8px!important;min-height:21px!important;padding:3px 6px!important}
}