/* app.css source lines: 1359-1403 — aprendiz dashboard */
/* ── Aprendiz dashboard (HU-63) ── */
.apd-wrap{max-width:700px;margin:0 auto;padding:32px 0 60px;animation:fadeUp .3s var(--ease-out) both}
.apd-hero{display:flex;align-items:center;gap:20px;margin-bottom:28px}
.apd-avatar{width:56px;height:56px;border-radius:50%;background:var(--copper);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--on-accent);flex-shrink:0;letter-spacing:-.5px;box-shadow:0 4px 18px color-mix(in srgb,var(--copper) 30%,transparent)}
.apd-hero-text{flex:1;min-width:0}
.apd-breadcrumb{font-size:12px;color:var(--mt);margin-bottom:4px}
.apd-name{font-size:24px;font-weight:800;color:var(--tx);letter-spacing:-.03em;margin-bottom:3px}
.apd-subtitle{font-size:13px;color:var(--tx2);font-weight:500;margin-bottom:8px}
.apd-badges{display:flex;flex-wrap:wrap;gap:6px}
.apd-badge{font-size:10.5px;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--surf-hi);color:var(--mt);border:1px solid var(--bord2);font-family:var(--mono)}
.apd-progress-wrap{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding:20px 24px;background:var(--surf);border:1px solid var(--bord);border-radius:var(--r-card);box-shadow:var(--sh)}
.apd-progress-ring{position:relative;width:120px;height:120px;flex-shrink:0}
.apd-progress-ring svg{width:100%;height:100%}
.apd-ring-bg{fill:none;stroke-width:8;stroke:var(--bord2)}
.apd-ring-fg{fill:none;stroke-width:8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:60px 60px;stroke:var(--copper)}
.apd-ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--tx);letter-spacing:-.04em}
.apd-progress-text{font-size:13px;color:var(--mt);font-weight:500}
.apd-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.apd-card{background:var(--surf);border:1px solid var(--bord);border-radius:var(--r-card);padding:22px 20px 18px;box-shadow:var(--sh);animation:fadeUp .35s var(--ease-out) both}
.apd-card-ome{border-top:3px solid var(--copper)}
.apd-card-mg{border-top:3px solid var(--cat-6)}
.apd-card-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.apd-card-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.apd-icon-ome{background:var(--copper-dim);color:var(--copper)}
.apd-icon-mg{background:color-mix(in srgb,var(--cat-6) 10%,transparent);color:var(--cat-6)}
.apd-card-title{font-size:15px;font-weight:700;color:var(--tx);letter-spacing:-.02em}
.apd-card-meta{font-size:11px;color:var(--mt);font-family:var(--mono);margin-bottom:8px}
.apd-card-desc{font-size:12px;color:var(--tx2);line-height:1.55;margin-bottom:14px}
.apd-card-status{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;margin-bottom:14px}
.apd-done{color:var(--vd)}
.apd-pending-sign{color:var(--am)}
.apd-todo{color:var(--mt)}
.apd-info{color:var(--mt)}
.apd-card-actions{display:flex;gap:8px;flex-wrap:wrap}
.apd-btn{padding:8px 16px;border-radius:var(--r-xs);font-size:12px;font-weight:700;font-family:var(--font);cursor:pointer;border:none;transition:all .2s var(--ease-out);display:inline-flex;align-items:center;gap:6px}
.apd-btn-primary{background:var(--copper);color:var(--on-accent);box-shadow:0 2px 10px var(--accent-glow)}
.apd-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--copper) 40%,transparent)}
.apd-btn-secondary{background:var(--surf);color:var(--tx2);border:1px solid var(--bord)}
.apd-btn-secondary:hover{background:var(--surf2);color:var(--tx)}
.apd-btn-start{background:color-mix(in srgb,var(--vd) 14%,transparent);color:var(--vd);border:1px solid color-mix(in srgb,var(--vd) 45%,transparent)}
.apd-btn-start:hover{background:color-mix(in srgb,var(--vd) 24%,transparent);transform:translateY(-2px)}
.apd-btn-sign{background:color-mix(in srgb,var(--am) 14%,transparent);color:var(--am);border:1px solid color-mix(in srgb,var(--am) 45%,transparent)}
.apd-btn-sign:hover{background:color-mix(in srgb,var(--am) 24%,transparent);transform:translateY(-2px)}
.apd-btn-report{background:var(--surf-hi);color:var(--tx2);border:1px solid var(--bord)}
.apd-btn-report:hover{background:var(--bord2);color:var(--tx)}