/* Stage 1: keep identical to app.css. Later we'll generate real minified builds. */
:root{--ct-primary:#2563eb;--ct-primary-600:#1d4ed8;--ct-ink:#0f172a;--ct-muted:#64748b;--ct-radius:16px;--ct-shadow:0 10px 25px rgba(2,6,23,.08)}*{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{color:var(--ct-ink)}

.stat-card{border-radius:var(--ct-radius);padding:14px 14px;background:#f8fafc;border:1px solid #e2e8f0}.step-pill{width:32px;height:32px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eef2ff;color:var(--ct-primary-600);font-weight:700}.cta-box{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:var(--ct-radius);box-shadow:var(--ct-shadow)}
/* App shell */
.app-body { overflow-x:hidden; }
.app-shell{
  display:flex;
  min-height: calc(100vh - 56px);
}
.app-sidebar{
  width: 280px;
}
@media (min-width: 992px){
  .app-sidebar{ position:sticky; top:56px; height: calc(100vh - 56px); }
  .app-content{ flex:1; min-width:0; }
}
@media (max-width: 991.98px){
  .app-content{ flex:1; min-width:0; }
}



.app-page-header{
  padding: 4px 2px;
}

.empty-state{
  border:1px dashed #cbd5e1;
  background:#f8fafc;
  border-radius: var(--ct-radius);
  padding: 14px;
}
.timeline{ position: relative; padding-left: 6px; }
.timeline:before{
  content:"";
  position:absolute;
  left: 18px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: rgba(2,6,23,.08);
  border-radius: 2px;
}
.timeline-item{ position: relative; padding-left: 46px; margin-bottom: 14px; }
.timeline-dot{
  position:absolute;
  left: 11px;
  top: 18px;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px rgba(2,6,23,.10);
}
.timeline-dot.pending{ background: rgba(13,110,253,.65); }
.timeline-dot.progress{ background: rgba(13,110,253,1); }
.timeline-dot.done{ background: rgba(25,135,84,1); }
.timeline-dot.blocked{ background: rgba(220,53,69,1); }
.timeline-dot.skipped{ background: rgba(108,117,125,1); }

.ct-note-manager .ct-quill-editor{min-height:320px}.ct-note-manager .ql-toolbar.ql-snow,.ct-note-manager .ql-container.ql-snow{border:0}.ct-note-manager .ql-toolbar.ql-snow{background:#f8fafc}.ct-note-manager .ql-editor{padding:14px}.ct-note-manager .ct-note-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ct-note-manager .ct-note-list .list-group-item{border:1px solid #e2e8f0;border-radius:14px;margin-bottom:10px}.ct-note-manager .ct-note-list .list-group-item:last-child{margin-bottom:0}