@import url('./track10-daily-execution.css');
/* UI/UX Track 9 — Smart Next Action & Daily Focus */
.catalog-daily-focus,.library-next-action{
  position:relative;z-index:2;display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:16px;align-items:center;
  border:1px solid var(--line);border-radius:20px;
  background:var(--surface);
  box-shadow:0 16px 38px color-mix(in srgb,var(--text) 6%,transparent)
}
.catalog-daily-focus{max-width:1180px;margin:18px auto 22px;padding:18px 20px}
.library-next-action{margin:0 0 20px;padding:16px 18px}
.catalog-daily-focus-badge,.library-next-action-time{
  min-width:64px;padding:9px 10px;border-radius:15px;
  background:var(--surface2);text-align:center
}
.catalog-daily-focus-badge span,.catalog-daily-focus-badge b,.catalog-daily-focus-badge small,
.library-next-action-time b,.library-next-action-time small{display:block}
.catalog-daily-focus-badge span{font-size:.58rem;color:var(--muted)}
.catalog-daily-focus-badge b,.library-next-action-time b{font-size:1rem;color:var(--accent)}
.catalog-daily-focus-badge small,.library-next-action-time small{font-size:.56rem;color:var(--muted)}
.catalog-daily-focus-copy,.library-next-action-copy{min-width:0}
.catalog-daily-focus-copy>span,.library-next-action-copy>span{
  display:block;font-size:.64rem;color:var(--accent);font-weight:900
}
.catalog-daily-focus-copy h2,.library-next-action-copy h2{margin:2px 0 4px;font-size:1rem}
.catalog-daily-focus-copy p,.library-next-action-copy p{
  margin:0;color:var(--muted);font-size:.69rem;line-height:1.8
}
.library-next-action>button{
  border:1px solid var(--accent);background:var(--accent);color:#fff;
  border-radius:11px;padding:10px 13px;cursor:pointer;font-size:.69rem;font-weight:850
}
@media(max-width:760px){
  .catalog-daily-focus,.library-next-action{
    grid-template-columns:auto minmax(0,1fr);padding:14px 13px
  }
  .catalog-daily-focus>button,.library-next-action>button{
    grid-column:1/-1;width:100%;min-height:42px
  }
  .catalog-daily-focus-badge,.library-next-action-time{min-width:54px}
}