/*@3.SCPC.1*/

.sch-modal-plan { max-width: 640px; }

/*@3.SCPC.2*/
.ip-tabs {
  display: flex; gap: 0.25rem; background: var(--bg-elevated);
  border-radius: var(--radius-pill); padding: 3px; width: fit-content; margin-bottom: 0.8rem;
}
.ip-tab {
  padding: 0.35rem 1.1rem; border-radius: var(--radius-pill); border: none; background: transparent;
  color: var(--text-muted); font-family: inherit; font-weight: 700; font-size: 0.82rem;
  cursor: pointer; transition: all 0.2s; white-space: nowrap;
}
.ip-tab.active { background: #7c3aed; color: #fff; }
.ip-tab-empty { color: #10b981; font-size: 0.7rem; }

/*@3.SCPC.3*/
.ip-steps { display: flex; align-items: center; gap: 0.3rem; flex-wrap: wrap; margin-bottom: 0.9rem; }
.ip-step {
  display: inline-flex; align-items: center; gap: 0.35rem;
  font-size: 0.74rem; font-weight: 700; color: var(--text-muted);
}
.ip-step-num {
  width: 22px; height: 22px; border-radius: 50%; display: inline-flex;
  align-items: center; justify-content: center; font-size: 0.72rem; font-weight: 800;
  background: var(--bg-elevated); color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}
.ip-step.active { color: var(--text-primary); }
.ip-step.active .ip-step-num {
  background: linear-gradient(135deg, #a78bfa, #7c3aed); color: #fff;
  box-shadow: 0 4px 12px rgba(124,58,237,0.3);
}
.ip-step.done .ip-step-num { background: #10b981; color: #fff; }
.ip-connector { width: 18px; height: 2px; background: var(--border-color); flex-shrink: 0; }

.ip-body { min-height: 8rem; }

/*@3.SCPC.4*/
.ip-row {
  display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.4rem; flex-wrap: wrap;
}
.ip-row-label {
  display: inline-flex; align-items: center; gap: 0.4rem;
  font-size: 0.82rem; font-weight: 700; color: var(--text-primary); min-width: 7rem;
}
.ip-row .sch-input { flex: 1; min-width: 9rem; margin-bottom: 0; }
.ip-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }

/*@3.SCPC.26*/
.ip-inc {
  width: 22px; height: 22px; flex-shrink: 0; padding: 0;
  display: grid; place-items: center; cursor: pointer;
  border: 1.5px solid var(--border-color); border-radius: 7px;
  background: var(--bg-elevated); color: transparent;
  font-size: 0.62rem; transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.ip-inc:hover { border-color: #a78bfa; }
.ip-inc.is-on { background: #a78bfa; border-color: #a78bfa; color: #fff; }
.ip-row-c.is-out .ip-row-label { opacity: 0.45; text-decoration: line-through; }
.ip-row-c.is-out .ip-dot { background: var(--text-muted) !important; }
.ip-row-c.is-out .sch-input { opacity: 0.4; cursor: not-allowed; }

.ip-pills { display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0.2rem 0 0.5rem; }
.ip-pill {
  padding: 0.4rem 0.9rem; border-radius: var(--radius-pill);
  border: 1px solid var(--border-color); background: var(--bg-elevated);
  color: var(--text-secondary); font-family: inherit; font-size: 0.78rem; font-weight: 700;
  cursor: pointer; transition: all 0.2s; min-height: 34px;
}
.ip-pill:hover { transform: translateY(-1px); border-color: #a78bfa; }
.ip-pill.active { background: rgba(167,139,250,0.15); border-color: #a78bfa; color: #a78bfa; }

/*@3.SCPC.5*/
.ip-course {
  border: 1px solid var(--border-color); border-radius: var(--radius-lg);
  padding: 0.6rem 0.7rem; margin-bottom: 0.6rem; background: var(--bg-elevated);
}
.ip-course-head { display: flex; align-items: center; gap: 0.45rem; font-size: 0.85rem; margin-bottom: 0.4rem; }
.ip-course-count {
  margin-inline-start: auto; font-variant-numeric: tabular-nums;
  font-size: 0.72rem; font-weight: 700; color: var(--text-muted);
}
.ip-mods { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 0.35rem; }
.ip-mod {
  display: flex; flex-direction: column; gap: 2px; text-align: start;
  padding: 0.4rem 0.5rem; border-radius: var(--radius-md);
  border: 1px solid var(--border-color); background: var(--bg-surface);
  color: var(--text-primary); font-family: inherit; cursor: pointer; transition: all 0.2s;
  min-height: 44px;
}
.ip-mod:hover { transform: translateY(-1px); border-color: #a78bfa; }
.ip-mod-n {
  font-variant-numeric: tabular-nums; font-size: 0.66rem; font-weight: 800; color: var(--text-muted);
}
.ip-mod-t {
  font-size: 0.72rem; font-weight: 700; line-height: 1.3;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ip-mod-meta { display: flex; align-items: center; gap: 0.3rem; margin-block-start: 2px; }
.ip-hours { font-variant-numeric: tabular-nums; font-size: 0.62rem; color: var(--text-muted); }
.ip-diff {
  font-variant-numeric: tabular-nums; font-size: 0.62rem; font-weight: 800;
  padding: 0 0.35rem; border-radius: var(--radius-pill);
}
.ip-diff.d1 { background: rgba(16,185,129,0.18); color: #10b981; }
.ip-diff.d2 { background: rgba(245,158,11,0.18); color: #f59e0b; }
.ip-diff.d3 { background: rgba(249,115,22,0.20); color: #f97316; }

/*@3.SCPC.6*/
.ip-mod { position: relative; overflow: hidden; }
.ip-mod.is-on { border-color: #a78bfa; box-shadow: inset 0 0 0 1px rgba(167,139,250,0.35); }

.ip-mod.is-off { opacity: 0.55; }
.ip-mod.is-off::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: repeating-linear-gradient(135deg,
    var(--sch-done-line, rgba(148,163,184,0.45)) 0 1px, transparent 1px 6px);
}
.ip-mod.is-mastered { border-color: rgba(16,185,129,0.55); background: rgba(16,185,129,0.06); }
.ip-mod.is-mastered .ip-mod-t { text-decoration: none; }
/*@3.SCPC.7*/
.ip-mod.is-mastered::before {
  content: '✓'; font-size: 0.62rem; font-weight: 900; line-height: 1;
  position: absolute; inset-block-start: 0; inset-inline-end: 0;
  width: 18px; height: 18px; display: flex; align-items: center; justify-content: center;
  border-end-start-radius: var(--radius-md); background: #10b981; color: #fff;
}

/*@3.SCPC.8*/
.ip-infeasible {
  padding: 0.7rem 0.85rem; border-radius: var(--radius-md);
  background: rgba(239,68,68,0.10); border: 1px solid rgba(239,68,68,0.35);
  color: #ef4444; font-size: 0.88rem; margin-bottom: 0.6rem;
}
.ip-ok {
  padding: 0.7rem 0.85rem; border-radius: var(--radius-md);
  background: rgba(16,185,129,0.10); border: 1px solid rgba(16,185,129,0.35);
  color: var(--text-primary); font-size: 0.86rem; margin-bottom: 0.6rem;
}
.ip-note {
  padding: 0.6rem 0.75rem; border-radius: var(--radius-md);
  background: rgba(167,139,250,0.06); border-inline-start: 4px solid #a78bfa;
  font-size: 0.78rem; line-height: 1.7; color: var(--text-secondary); margin: 0.5rem 0;
}
.ip-advice { display: flex; flex-direction: column; gap: 0.35rem; margin-bottom: 0.6rem; }
.ip-advice-item {
  display: flex; align-items: center; gap: 0.55rem; text-align: start;
  padding: 0.55rem 0.7rem; border-radius: var(--radius-md);
  border: 1px solid var(--border-color); background: var(--bg-elevated);
  color: var(--text-primary); font-family: inherit; font-size: 0.82rem;
  cursor: pointer; transition: all 0.2s; min-height: 44px;
}
.ip-advice-item:hover { transform: translateY(-1px); border-color: #a78bfa; }
.ip-advice-item.is-enough { border-color: #10b981; }
.ip-advice-n {
  width: 20px; height: 20px; border-radius: 50%; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--bg-card); color: var(--text-muted);
  font-variant-numeric: tabular-nums; font-size: 0.66rem; font-weight: 800;
}
.ip-advice-t { flex: 1; font-weight: 700; }
.ip-advice-d {
  font-variant-numeric: tabular-nums; font-size: 0.76rem; font-weight: 800; color: #a78bfa;
}
.ip-advice-ok {
  font-size: 0.64rem; font-weight: 800; color: #10b981;
  background: rgba(16,185,129,0.15); padding: 0.1rem 0.45rem; border-radius: var(--radius-pill);
}

.ip-summary { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-bottom: 0.5rem; }

/*@3.SCPC.9*/
.ip-preview {
  max-height: 16rem; overflow-y: auto; border: 1px solid var(--border-color);
  border-radius: var(--radius-lg); padding: 0.4rem 0.5rem; background: var(--bg-elevated);
}
.ip-prev-day { margin-bottom: 0.5rem; }
.ip-prev-date {
  font-size: 0.7rem; font-weight: 800; color: var(--text-muted);
  margin-bottom: 0.2rem; font-variant-numeric: tabular-nums;
}
.ip-prev-item {
  display: flex; align-items: center; gap: 0.45rem; padding: 0.25rem 0.4rem;
  border-radius: var(--radius-sm); background: var(--bg-surface);
  border-inline-start: 3px solid var(--event-color, #a78bfa); margin-bottom: 2px;
}
.ip-prev-time { font-variant-numeric: tabular-nums; font-size: 0.66rem; color: var(--text-muted); min-width: 4.2rem; }
.ip-prev-course { font-size: 0.72rem; font-weight: 800; color: var(--text-primary); }
.ip-prev-mod { font-size: 0.7rem; color: var(--text-secondary); }

/*@3.SCPC.10*/
.ip-state {
  padding: 0.7rem 0.85rem; border-radius: var(--radius-lg);
  background: rgba(124,58,237,0.08); border-inline-start: 4px solid #7c3aed;
  font-size: 0.86rem; line-height: 1.75; color: var(--text-primary); margin-bottom: 0.8rem;
}

/*@3.SCPC.11*/
.ip-progress-wrap { display: flex; flex-direction: column; gap: 0.6rem; margin-bottom: 0.8rem; }
.ip-track {
  border: 1px solid var(--border-color); border-radius: var(--radius-lg);
  padding: 0.55rem 0.65rem; background: var(--bg-elevated);
}
.ip-track-head { display: flex; align-items: center; gap: 0.4rem; font-size: 0.82rem; margin-bottom: 0.4rem; flex-wrap: wrap; }
.ip-track-count {
  margin-inline-start: auto; font-size: 0.68rem; font-weight: 700; color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}
.ip-squares { display: flex; flex-wrap: wrap; gap: 3px; }
.ip-sq {
  width: 26px; height: 26px; border-radius: var(--radius-sm);
  border: 1.5px solid var(--border-color); background: var(--bg-surface);
  color: var(--text-muted); font-variant-numeric: tabular-nums;
  font-size: 0.66rem; font-weight: 800; cursor: pointer; transition: all 0.2s;
  display: inline-flex; align-items: center; justify-content: center; position: relative;
}
.ip-sq:hover { transform: translateY(-1px); }
/*@3.SCPC.12*/
.ip-sq.is-mastered {
  background-color: var(--bg-surface);
  background-image: linear-gradient(var(--sch-done-tint, rgba(0,0,0,.28)), var(--sch-done-tint, rgba(0,0,0,.28)));
  border-color: transparent; color: var(--text-muted); opacity: 0.75;
}
.ip-sq.is-mastered::before {
  content: '✓'; position: absolute; inset-block-start: -1px; inset-inline-end: 1px;
  font-size: 0.5rem; line-height: 1; color: #10b981;
}
.ip-sq.is-scheduled {
  border-color: var(--chip-color, #a78bfa); color: var(--text-primary);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--chip-color, #a78bfa) 30%, transparent);
}
.ip-sq.is-none { opacity: 0.45; border-style: dashed; }
/*@3.SCPC.13*/
@media (max-width: 640px) {
  .ip-sq::after { content: ''; position: absolute; inset: -9px; }
}

/*@3.SCPC.14*/
.ip-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 0.6rem; }
.ip-panel, .ip-wrap { --sch-ev-bg: var(--bg-elevated); }

/*@3.SCPC.15*/
.ip-card {
  position: relative; display: flex; flex-direction: column;
  border: 1px solid var(--sch-ev-line, var(--border-color)); border-radius: var(--radius-lg);
  background: var(--sch-ev-bg, var(--bg-card)); overflow: hidden;
  box-shadow: var(--sch-ev-shadow, none);
  padding-inline-start: 7px;
  transition: transform .22s cubic-bezier(.4,0,.2,1), box-shadow .22s cubic-bezier(.4,0,.2,1), border-color .22s;
}
.ip-card::before {
  content: ''; position: absolute; inset-block: 5px; inset-inline-start: 4px; width: 3.5px;
  border-radius: 3px; z-index: 2; opacity: .88;
  background: var(--event-color, var(--text-muted));
  transition: opacity .2s;
}
.ip-card > * { position: relative; z-index: 3; }
.ip-card:hover::before { opacity: 1; }
.ip-card:hover {
  transform: translateY(-2px); z-index: 6;
  box-shadow: 0 12px 26px -12px var(--shadow-base), 0 2px 6px var(--shadow-base);
  border-color: color-mix(in srgb, var(--event-color, var(--text-muted)) 50%, var(--sch-ev-line, var(--border-color)));
}
/*@3.SCPC.16*/
.ip-card.is-done { opacity: .58; }
.ip-card.is-done::after {
  content: ''; position: absolute; inset: 0; z-index: 4; pointer-events: none; border-radius: inherit;
  background-color: var(--sch-done-tint, rgba(0,0,0,.24));
  background-image: repeating-linear-gradient(135deg,
    var(--sch-done-line, rgba(255,255,255,.16)) 0 1px, transparent 1px 6px);
}
.ip-card.is-done::before { filter: saturate(.3); opacity: .65; }
.ip-card-head {
  display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap;
  padding: 0.45rem 0.65rem; background: var(--bg-elevated);
  border-block-end: 1px solid var(--border-color);
}
.ip-card-time { font-variant-numeric: tabular-nums; font-size: 0.7rem; font-weight: 800; color: var(--text-secondary); }
.ip-card-course { font-size: 0.74rem; font-weight: 800; color: var(--text-primary); }
.ip-card-mins { margin-inline-start: auto; font-variant-numeric: tabular-nums; font-size: 0.66rem; color: var(--text-muted); }
/*@3.SCPC.17*/
.ip-card-title {
  padding: 0.5rem 0.65rem 0; font-size: 0.86rem; font-weight: 800;
  line-height: 1.35; color: var(--text-primary);
  height: calc(2 * 1.35em + 0.5rem); overflow: hidden;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.ip-card-sub {
  padding: 0 0.65rem; font-size: 0.7rem; color: var(--text-muted);
  margin-block-start: 2px; height: 1.5em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
/*@3.SCPC.18*/
.ip-card-modn {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 1.35em; height: 1.35em; margin-inline-end: 0.35rem; padding: 0 0.25em;
  border-radius: var(--radius-sm); font-size: 0.72rem; font-weight: 800;
  font-variant-numeric: tabular-nums; vertical-align: 1px;
  background: color-mix(in srgb, var(--event-color, #a78bfa) 16%, transparent);
  color: var(--event-color, #a78bfa);
}
/*@3.SCPC.19*/
.ip-card-body { padding: 0.5rem 0.65rem; }
.ip-card-details {
  display: flex; align-items: center; gap: 0.45rem; width: 100%; min-height: 44px;
  padding: 0.45rem 0.6rem; border-radius: var(--radius-md); cursor: pointer;
  border: 1px dashed var(--border-hover); background: var(--bg-elevated);
  color: var(--text-secondary); font-family: inherit; font-size: 0.74rem; font-weight: 700;
  text-align: start; transition: border-color 0.2s, color 0.2s;
}
.ip-card-details:hover { border-color: var(--event-color, #a78bfa); color: var(--text-primary); }
.ip-card-details span:first-of-type { flex: 1; min-width: 0; }
.ip-card-detcount {
  font-variant-numeric: tabular-nums; font-size: 0.66rem; font-weight: 800;
  padding: 0 0.4rem; border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--event-color, #a78bfa) 16%, transparent);
  color: var(--event-color, #a78bfa);
}

/*@3.SCPC.20*/
.ip-subnav {
  display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.7rem;
  padding-block-end: 0.5rem; border-block-end: 1px solid var(--border-color);
}
.ip-det-head { display: flex; align-items: center; gap: 0.45rem; flex-wrap: wrap; margin-bottom: 0.7rem; }
.ip-det-num {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 24px; height: 24px; border-radius: var(--radius-sm);
  background: var(--bg-elevated); border: 1px solid var(--border-color);
  font-size: 0.7rem; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--text-secondary);
}
.ip-det-title { font-size: 0.95rem; font-weight: 800; }
.ip-det-group {
  border: 1px solid var(--border-color); border-radius: var(--radius-lg);
  background: var(--bg-elevated); padding: 0.55rem 0.65rem; margin-bottom: 0.55rem;
}
.ip-det-glabel {
  display: flex; align-items: center; gap: 0.4rem;
  font-size: 0.78rem; font-weight: 800; color: var(--text-primary); margin-bottom: 0.35rem;
}
.ip-det-glabel i { color: var(--text-muted); font-size: 0.75rem; }
.ip-det-count {
  margin-inline-start: auto; font-size: 0.64rem; font-weight: 800; color: var(--text-muted);
  font-variant-numeric: tabular-nums; padding: 0 0.4rem;
  border-radius: var(--radius-pill); background: var(--bg-surface);
}
.ip-det-list {
  list-style: none; margin: 0; padding: 0;
  max-height: calc(3 * 2.45rem); overflow-y: auto; -webkit-overflow-scrolling: touch;
}
/*@3.SCPC.21*/
.ip-det-list li {
  position: relative; padding: 0.35rem 0 0.35rem 0; padding-inline-start: 0.9rem;
  font-size: 0.78rem; line-height: 1.55; color: var(--text-secondary);
  border-block-end: 1px dashed var(--border-color); min-height: 2.45rem;
}
.ip-det-list li:last-child { border-block-end: none; }
.ip-det-list li::before {
  content: ''; position: absolute; inset-inline-start: 0; inset-block-start: 0.85rem;
  width: 4px; height: 4px; border-radius: 50%; background: var(--text-muted);
}

/*@3.SCPC.22*/
.ip-caplist {
  list-style: none; margin: 0 0 0.6rem; padding: 0.5rem 0.65rem;
  border: 1px solid var(--border-color); border-radius: var(--radius-md);
  background: var(--bg-elevated); font-size: 0.76rem; color: var(--text-secondary);
}
.ip-caplist li { padding: 0.15rem 0; }
.ip-force-wrap { margin-block-start: 0.7rem; padding-block-start: 0.6rem; border-block-start: 1px dashed var(--border-color); }
.ip-unplaced { display: flex; flex-wrap: wrap; gap: 0.3rem; margin-bottom: 0.6rem; }

/*@3.SCPC.23*/
.ip-xr {
  border: 1px solid var(--border-color); border-radius: var(--radius-lg);
  background: var(--bg-elevated); padding: 0.5rem 0.6rem; margin-bottom: 0.5rem;
}
.ip-xr-head { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; }
.ip-xr-count { margin-inline-start: auto; font-size: 0.66rem; color: var(--text-muted); font-weight: 700; }
.ip-xr-del {
  width: 26px; height: 26px; border-radius: var(--radius-sm); cursor: pointer;
  border: 1px solid var(--border-color); background: var(--bg-surface); color: var(--text-muted);
  font-family: inherit; font-size: 0.7rem;
}
.ip-xr-del:hover { color: var(--st-danger, #ef4444); border-color: var(--st-danger, #ef4444); }
.ip-xr-dates { display: grid; grid-template-columns: auto 1fr auto 1fr; gap: 0.4rem; align-items: center; margin: 0.45rem 0; }
.ip-xr-dates .sch-label { margin: 0; white-space: nowrap; }
.ip-xr-mods { display: flex; flex-wrap: wrap; gap: 3px; }
.ip-xr-mod {
  width: 26px; height: 26px; border-radius: var(--radius-sm); cursor: pointer;
  border: 1.5px dashed var(--border-color); background: var(--bg-surface);
  color: var(--text-muted); font-family: inherit; font-size: 0.66rem; font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.ip-xr-mod.active { border-style: solid; border-color: #a78bfa; color: var(--text-primary); background: rgba(167,139,250,0.12); }

/*@3.SCPC.24*/
.ip-series {
  border: 1px solid var(--border-color); border-radius: var(--radius-lg);
  background: var(--bg-elevated); padding: 0.5rem 0.6rem; margin-bottom: 0.5rem;
}
.ip-series-head { display: flex; align-items: center; gap: 0.4rem; font-size: 0.82rem; }
.ip-series-meta { margin-inline-start: auto; font-size: 0.66rem; color: var(--text-muted); font-weight: 700; }
.ip-series-fields { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; margin-block-start: 0.45rem; }
.ip-series-fields .sch-input { width: 5rem; }
@media (max-width: 640px) {
  .ip-xr-dates { grid-template-columns: auto 1fr; }
  .ip-series-fields { width: 100%; }
}
.ip-card-actions {
  display: flex; gap: 0.35rem; padding: 0.5rem 0.65rem; flex-wrap: wrap;
  border-block-start: 1px solid var(--border-color); background: var(--bg-elevated);
}

/*@3.SCPC.25*/
.ip-home {
  border: 1px solid var(--border-color); border-radius: var(--radius-xl);
  background: var(--bg-card); padding: 0.9rem 1rem; margin-bottom: 1rem;
}
.ip-home-head { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.6rem; flex-wrap: wrap; }
.ip-home-title { font-size: 0.95rem; font-weight: 800; color: var(--text-primary); }
.ip-home-badge {
  font-size: 0.66rem; font-weight: 800; padding: 0.12rem 0.55rem; border-radius: var(--radius-pill);
  background: rgba(124,58,237,0.15); color: #7c3aed;
}
.ip-home-link { margin-inline-start: auto; font-size: 0.76rem; font-weight: 700; color: #a78bfa; text-decoration: none; }
.ip-home-link:hover { text-decoration: underline; }
.ip-mini { display: flex; flex-direction: column; gap: 0.4rem; }
.ip-mini-item {
  display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.6rem;
  border-radius: var(--radius-md); background: var(--bg-elevated);
  border-inline-start: 3px solid var(--event-color, #7c3aed);
  text-align: start; border: 1px solid var(--border-color);
  border-inline-start-width: 3px; cursor: pointer; font-family: inherit;
  transition: transform 0.2s; min-height: 44px; width: 100%;
}
.ip-mini-item:hover { transform: translateY(-1px); }
.ip-mini-time { font-variant-numeric: tabular-nums; font-size: 0.7rem; font-weight: 700; color: var(--text-muted); }
.ip-mini-body { flex: 1; min-width: 0; }
.ip-mini-title { font-size: 0.82rem; font-weight: 700; color: var(--text-primary); }
.ip-mini-sub { font-size: 0.7rem; color: var(--text-muted); }
.ip-mini-item.is-done .ip-mini-title { text-decoration: line-through; opacity: 0.6; }

@media (max-width: 640px) {
  .ip-mods { grid-template-columns: 1fr 1fr; }
  .ip-cards { grid-template-columns: 1fr; }
  .ip-card-body { height: 9.5rem; }
  .ip-step span:not(.ip-step-num) { display: none; }
  .ip-connector { width: 10px; }
}