.cl-phases{display:flex;flex-direction:column;gap:18px}
.cl-phase{background:var(--bg2);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.cl-phase-header{padding:16px 20px;display:flex;align-items:center;gap:11px;cursor:pointer;transition:background .15s}
.cl-phase-header:hover{background:rgba(255,255,255,.02)}
.cl-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.cl-phase-name{font-size:14px;font-weight:600;flex:1}
.cl-phase-meta{display:flex;align-items:center;gap:10px}
.cl-phase-count{font-family:var(--mono);font-size:11px;color:var(--muted)}
.cl-phase-pct{font-family:var(--mono);font-size:12px;font-weight:700}
.cl-pbar{height:3px;margin:0 20px 2px;border-radius:3px;background:rgba(255,255,255,.05);overflow:hidden}
.cl-pbar-fill{height:100%;border-radius:3px;transition:width .4s ease}
.cl-items{padding:10px 20px 16px;display:flex;flex-direction:column;gap:4px}
.cl-item{display:flex;align-items:center;gap:11px;padding:8px 9px;border-radius:7px;cursor:pointer;transition:background .12s;user-select:none}
.cl-item:hover{background:rgba(255,255,255,.03)}
.cl-item.checked{opacity:.55}
.cl-item.checked .cl-text{text-decoration:line-through;color:var(--muted)}
.cl-box{width:17px;height:17px;border-radius:4px;border:1.5px solid var(--border2);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}
.cl-item.checked .cl-box{border-color:var(--teal);background:var(--teal)}
.cl-check-icon{font-size:10px;color:#000;display:none}
.cl-item.checked .cl-check-icon{display:block}
.cl-text{font-size:13px;flex:1}
.cl-tag{font-size:10px;padding:2px 7px;border-radius:10px;font-family:var(--mono);flex-shrink:0}
.t-teoria{background:rgba(77,159,255,.1);color:var(--blue)}
.t-lab{background:rgba(0,229,160,.1);color:var(--teal)}
.t-proj{background:rgba(255,184,48,.1);color:var(--amber)}
.t-cert{background:rgba(167,139,250,.1);color:var(--purple)}