/* Home: the start page */
/* The client's name (breadcrumb) and the sidebar mark take you Home */
.crumb-home{cursor:pointer}
#crumbModel.crumb-home:hover{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.crumbs.home #crumbApp,.crumbs.home #crumbApp + .sep{display:none}

.home-next{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 18px;margin-bottom:28px;border-radius:10px;background:var(--accent-soft);border:1px solid rgba(57,127,252,.18)}
.home-next b{font-size:15.5px;font-weight:600;color:var(--ink)}
.home-eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:2px}

.home-cards{display:grid;gap:10px}
.home-card{border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.home-card:hover,.home-card.open{border-color:rgba(57,127,252,.45)}
.home-card-hd{display:grid;grid-template-columns:auto 1fr auto 14px;align-items:center;gap:14px;width:100%;padding:14px 16px;border:0;background:none;font:inherit;text-align:left;cursor:pointer}
.home-chev{color:var(--faint);transition:transform .15s}
.home-card.open .home-chev{transform:rotate(90deg)}
.home-steps{display:grid;gap:2px;padding:0 12px 10px 64px}
.home-step{display:flex;align-items:center;gap:9px;width:100%;padding:6px 8px;border:0;border-radius:6px;background:none;font:inherit;font-size:13.5px;text-align:left;cursor:pointer;color:var(--ink)}
.home-step:hover{background:var(--hover)}
.home-step .num{width:18px;height:18px;flex:none;border-radius:4px;display:grid;place-items:center;font-size:11px;font-weight:500;background:rgba(var(--ink-rgb),.08);color:var(--muted)}
.home-step.partial .num{background:var(--accent-soft);color:var(--accent)}
.home-step.done .num{background:var(--tag-green);color:var(--ok)}
.home-meta{margin-left:auto;font-size:12px;color:var(--faint)}
.home-meta + .home-go{margin-left:4px}
.home-go{margin-left:auto;display:grid;place-items:center;width:24px;height:24px;border-radius:5px;color:var(--accent);opacity:.55}
.home-step:hover .home-go{opacity:1;background:var(--accent-soft)}
/* Modeling: a deliverable row opens its own list of steps */
.home-del-hd{display:flex;align-items:center;gap:2px;border-radius:6px}
.home-del-hd:hover{background:var(--hover)}
.home-del-hd .home-step:hover{background:none}
.home-del-hd > .home-go{flex:none;border:0;background:none;font:inherit;font-size:13.5px;cursor:pointer;margin-right:8px}
.home-del-hd:hover > .home-go{opacity:1}
.home-del-hd > .home-go:hover{background:var(--accent-soft)}
.home-del-chev{width:10px;flex:none;color:var(--faint);transition:transform .15s}
.home-del.open .home-del-chev{transform:rotate(90deg)}
.home-del-steps{display:grid;gap:2px;padding:2px 0 6px 46px}
.home-card .app-ic{width:34px;height:34px;border-radius:8px;font-size:16px}
.home-card .app-ic.ic-workflow{font-size:23px;padding-bottom:4px}
.home-card-main{display:flex;flex-direction:column;min-width:0}
.home-card-main b{font-size:15px;font-weight:600;color:var(--ink)}
.home-card-main span{font-size:13px;color:var(--muted)}
.home-card-prog{display:grid;grid-template-columns:auto 120px auto;align-items:center;gap:10px}
.home-stage{font-size:12px;color:var(--faint);min-width:76px;text-align:right}
.home-stage.partial{color:var(--amber)}
.home-stage.done{color:var(--ok)}
.home-bar{height:6px;border-radius:99px;background:var(--soft);overflow:hidden}
.home-bar i{display:block;height:100%;background:var(--accent);border-radius:99px}
.home-count{font-size:12px;color:var(--muted);min-width:44px}
@media(max-width:640px){.home-card-hd{grid-template-columns:auto 1fr 14px}.home-card-prog{grid-column:1 / -1;grid-row:2;grid-template-columns:auto 1fr auto}.home-steps{padding-left:16px}}
.home-h{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0 0 10px}