/* GILTOS v0.8.3 Task Flow Refactor */
.app-task-nav .sidebar-item { font-weight: 600; }
.app-task-nav .sidebar-item.active { background: linear-gradient(135deg, rgba(22,119,255,.12), rgba(22,119,255,.06)) !important; color: #1677ff !important; box-shadow: inset 3px 0 0 #1677ff; }
.project-flow-bar { margin: 16px 0 22px; padding: 14px 16px; background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; box-shadow: 0 6px 20px rgba(15,23,42,.05); display: flex; gap: 16px; align-items: center; overflow: hidden; }
.project-flow-label { flex: 0 0 auto; font-size: 13px; font-weight: 800; color: #1f2329; padding-right: 4px; }
.project-flow-scroll { display: flex; gap: 8px; align-items: center; overflow-x: auto; padding-bottom: 2px; scroll-behavior: smooth; }
.project-flow-scroll::-webkit-scrollbar { height: 4px; }
.project-flow-scroll::-webkit-scrollbar-thumb { background: #d9e7ff; border-radius: 999px; }
.project-flow-item { white-space: nowrap; display: inline-flex; align-items: center; gap: 7px; padding: 8px 10px; border-radius: 999px; color: #4e5969; text-decoration: none; font-size: 13px; font-weight: 650; border: 1px solid transparent; background: #f7f8fa; }
.project-flow-item:hover { color: #1677ff; background: #eef6ff; border-color: #bfdbff; }
.project-flow-item.current { color: #fff; background: linear-gradient(135deg,#1677ff,#0958d9); border-color: #1677ff; box-shadow: 0 8px 18px rgba(22,119,255,.22); }
.project-flow-num { width: 20px; height: 20px; border-radius: 999px; display: grid; place-items: center; background: #fff; color: #1677ff; font-size: 11px; font-weight: 800; }
.project-flow-item:not(.current) .project-flow-num { background: #e6f4ff; }
.command-grid { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:16px; }
.command-card, .task-card, .module-card-v083 { background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:22px; box-shadow:0 8px 24px rgba(15,23,42,.05); }
.command-card h3, .task-card h3, .module-card-v083 h3 { margin:0 0 8px; font-size:16px; color:#1f2329; }
.command-card p, .task-card p, .module-card-v083 p { margin:0; color:#4e5969; line-height:1.65; font-size:14px; }
.status-pill { display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:999px; font-size:12px; font-weight:700; background:#eef6ff; color:#1677ff; }
.status-pill.warn { background:#fff7e6; color:#d46b08; }
.status-pill.danger { background:#fff1f0; color:#cf1322; }
.status-pill.ok { background:#f6ffed; color:#389e0d; }
.next-action-panel { background:linear-gradient(135deg,#eef6ff,#fff); border:1px solid #bfdbff; border-radius:18px; padding:24px; display:flex; justify-content:space-between; gap:20px; align-items:center; margin:18px 0 22px; }
.next-action-panel h2 { margin:0 0 8px; font-size:22px; color:#1f2329; }
.next-action-panel p { margin:0; color:#4e5969; line-height:1.65; }
.timeline-list { display:grid; gap:12px; }
.timeline-item { display:flex; gap:12px; align-items:flex-start; padding:14px; background:#f7f8fa; border-radius:12px; border:1px solid #eef0f3; }
.timeline-dot { width:10px; height:10px; border-radius:999px; background:#1677ff; margin-top:7px; flex:0 0 auto; }
@media (max-width:1100px){ .command-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .project-flow-bar { align-items:flex-start; flex-direction:column; } }
@media (max-width:720px){ .command-grid { grid-template-columns: 1fr; } .next-action-panel { flex-direction:column; align-items:flex-start; } }