/* 오늘의 흐름 · AI 실행 기록 · 지표 기준 · 작업 공간 */
.flow-lanes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0 4px}
.flow-lane{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 8px 7px;border-radius:11px;background:#ffffff55;border:1px solid #ffffff90;text-align:left;min-width:0}
.flow-lane strong{font:600 17px/1.1 'DM Sans',sans-serif;color:#3f5577}
.flow-lane span{font-size:8.5px;color:#7d8ca3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.flow-lane:hover{background:#ffffff8c}
.flow-lane.on{background:#fff;box-shadow:0 4px 12px #6f8fc81f;border-color:#fff}
.flow-lane.on:after{content:'';position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px;background:var(--lc,#5d7fb1)}
.flow-lane.decide{--lc:#5d7fb1}.flow-lane.ai{--lc:#8f84c4}.flow-lane.wait{--lc:#c99a52}.flow-lane.next{--lc:#6eaa8e}
.flow-lane.ai strong{color:#6f62a8}.flow-lane.wait strong{color:#a87d3c}.flow-lane.next strong{color:#4f8a70}
.flow-lane.alert:before{content:'';position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:#d0685e;box-shadow:0 0 0 3px #d0685e2a}
.flow-item .task-text{min-width:0}
.flow-goal{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:8px;color:#5f8a76;background:#eef6f1;border-radius:6px;padding:1px 6px;margin-top:4px}
.flow-goal .ico{width:10px;height:10px}
.flow-prog{display:block;height:3px;border-radius:2px;background:#ece9f6;margin-top:6px;overflow:hidden}
.flow-prog b{display:block;height:100%;background:linear-gradient(90deg,#a99bd6,#6f8fc8);transition:width .4s}
.task-priority.violet{background:#8f84c4}.task-priority.amber{background:#d3a65e}.task-priority.green{background:#6eaa8e}

/* 지표 기준 */
.metric-src{display:flex;align-items:center;gap:5px;margin-top:8px;font-size:8px;color:#97a5b9;white-space:nowrap;overflow:hidden}
.metric-src i{margin-left:auto;font-style:normal;color:#5d7fb1;padding:1px 6px;border-radius:5px;background:#eef3fb;cursor:pointer}
.metric-src i:hover{background:#dfe8f5}
.mk{display:inline-block;font-style:normal;font-size:7.5px;font-weight:700;padding:1px 5px;border-radius:5px;letter-spacing:.2px}
.mk.성과{color:#3f7d61;background:#e3f2ea}.mk.실행{color:#4a6fa5;background:#e6eef9}.mk.운영{color:#6f819b;background:#eef1f5}
.mi-val{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:6px 0 4px}
.mi-val strong{font:600 30px 'DM Sans',sans-serif;color:#2f4466}
.mi-val small{font-size:12px;color:#8a99af;margin-left:3px}
.mi-val span{font-size:10px;color:#4e9983}
.mi-val .mk{font-size:9px;padding:2px 8px;margin-left:auto}
.mi-dl{margin:14px 0}
.mi-h{font-size:10.5px;color:#465c7d;margin:4px 0 8px}
.mi-chain{display:flex;align-items:stretch;gap:6px;margin-bottom:14px}
.mi-chain>div{flex:1;min-width:0;padding:10px;border-radius:11px;background:#f6f8fb;border:1px dashed #d5dde8}
.mi-chain>div.ok{background:#f2f9f5;border-style:solid;border-color:#cfe6da}
.mi-chain em{display:inline-block}
.mi-chain strong{display:block;font-size:10px;color:#3f5577;margin:5px 0 2px}
.mi-chain small{display:block;font-size:9px;color:#7d8ca3;line-height:1.5}
.mi-chain>b{align-self:center;color:#b6c1d1;font-size:13px}

/* AI 실행 기록 */
.run-card{min-width:0}
.run-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.run-head .ico{width:13px;color:#7d6fb3}
.run-head strong{font-size:10.5px;color:#3f5577}
.run-head .badge{margin-left:auto}
.run-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}
.run-steps li{display:flex;align-items:flex-start;gap:7px;font-size:9.5px;color:#a3afc1}
.run-steps li>b{width:15px;height:15px;border-radius:50%;flex-shrink:0;border:1.5px solid #d3dce8;display:grid;place-items:center;font-size:9px;font-weight:800;color:#fff}
.run-steps li>b .ico{width:9px;height:9px;stroke-width:2.5}
.run-steps li>b.ok{background:#6eaa8e;border-color:#6eaa8e}
.run-steps li>b.no{background:#d0685e;border-color:#d0685e}
.run-steps li>b.hu{background:#c99a52;border-color:#c99a52}
.run-steps li>b.go{border-color:#8f84c4}
.run-steps li>b .st-spin{width:8px;height:8px;border-width:1.5px}
.run-steps li.done,.run-steps li.human{color:#4f6584}
.run-steps li.run,.run-steps li.retry{color:#5b4f98;font-weight:600}
.run-steps li.fail{color:#b4554b;font-weight:600}
.run-fail{font-size:9px;color:#b4554b;background:#fbefed;border-radius:8px;padding:7px 9px;margin:8px 0 6px;line-height:1.55}
.run-acts{display:flex;gap:6px;margin-bottom:4px}
.run-acts button{padding:6px 11px;font-size:9.5px;margin:0;width:auto}
.run-card .chat-inline-button{margin-top:6px}
.run-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;color:#7d8ca3}
.run-meta .badge{margin:0}
.run-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 6px}
.run-cols>div{padding:12px;border-radius:12px;background:#f6f8fb;border:1px solid #e6ebf2}
.run-cols h4,.run-h{font-size:10px;color:#465c7d;margin-bottom:8px}
.run-h{margin-top:12px}
.run-cols ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.run-cols li{font-size:9.5px;color:#4f6584;line-height:1.5}
.run-k{display:inline-block;min-width:28px;text-align:center;font-size:8px;font-weight:700;color:#7d6fb3;background:#f0edf9;border-radius:5px;padding:1px 5px}
.run-steps.big{gap:9px;margin-bottom:12px}
.run-steps.big li{font-size:10.5px}
.run-steps.big li>b{width:18px;height:18px}
.run-steps.big strong{display:block;font-weight:600}
.run-steps.big small{display:block;font-size:9px;font-weight:400;color:#8a99af;margin-top:2px;line-height:1.5}
.run-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:0 0 14px;border-radius:12px;background:linear-gradient(120deg,#f1effa,#eef4fb);border:1px solid #e2def3}
.run-banner.failed{background:#fbefed;border-color:#f1d2cd}
.run-banner.done{background:#eef6f1;border-color:#d3e8dc}
.run-banner>.ico{width:16px;color:#7d6fb3;flex-shrink:0}
.run-banner>span{flex:1;min-width:0}
.run-banner strong{display:flex;align-items:center;gap:6px;font-size:10.5px;color:#3f5577}
.run-banner strong .badge{margin:0}
.run-banner small{display:block;font-size:9px;color:#7d8ca3;margin-top:2px}
.run-banner button{padding:6px 10px;font-size:9.5px;margin:0;width:auto}

/* 업무 객체의 지금 상태 */
.obj-now{margin-top:14px;padding:12px 14px;border-radius:12px;background:#f6f8fb;border:1px solid #e3e9f2}
.obj-now h4{display:flex;align-items:center;gap:6px;font-size:10.5px;color:#3f5577;margin-bottom:8px}
.obj-now h4 .ico{width:13px;color:#5d7fb1}
.obj-now h4 small{font-size:8.5px;font-weight:400;color:#9eabbe;margin-left:auto}
.obj-now dl{display:grid;grid-template-columns:62px 1fr;gap:6px 8px;margin:0;font-size:9.5px}
.obj-now dt{color:#8a99af}
.obj-now dd{margin:0;color:#3f5577;line-height:1.5}

/* 작업 공간 */
.space-button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:10px;border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.35);font-size:10.5px;color:#5d7392;white-space:nowrap}
.space-button:hover{background:rgba(255,255,255,.6)}
.space-button .ico{width:14px}
.overlay-card.sp-overlay{max-width:620px}
.sp-lead{font-size:10.5px;color:#7d8ca3}
.sp-save{margin:14px 0 6px;padding:12px;border-radius:13px;background:#f6f8fb;border:1px solid #e6ebf2}
.sp-wins{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.sp-wins span{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 4px;border-radius:9px;background:#fff;font-size:9.5px;color:#4f6584;border:1px solid #e3e9f2}
.sp-wins .app-icon,.sp-apps .app-icon{width:20px;height:20px;border-radius:6px;box-shadow:none}
.sp-wins .app-icon:after,.sp-apps .app-icon:after{inset:1px;border-radius:5px}
.sp-wins .app-icon .ico,.sp-apps .app-icon .ico{width:12px;height:12px}
.sp-row{display:flex;gap:8px}
.sp-row input{flex:1;min-width:0;border:1px solid #d6e0ec;border-radius:9px;padding:0 11px;height:36px;font-size:11px;color:#33496b;background:#fff;outline:none}
.sp-row input:focus{border-color:#8aa6cf}
.sp-row .primary{display:inline-flex;align-items:center;gap:6px;margin:0;width:auto}
.sp-row .ico{width:13px}
.sp-empty{font-size:10px;color:#9eabbe}
.sp-h{font-size:10.5px;color:#465c7d;margin:16px 0 8px}
.sp-item{display:flex;align-items:center;gap:10px;padding:10px 4px;border-top:1px solid #edf1f6}
.sp-apps{display:flex;gap:2px;flex-shrink:0}
.sp-item>span{flex:1;min-width:0}
.sp-item strong{display:block;font-size:10.5px;color:#3f5577}
.sp-item small{display:block;font-size:8.5px;color:#9eabbe;margin-top:2px}
.sp-item .secondary{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;margin:0;width:auto}
.sp-item .secondary .ico{width:12px}
.sp-item .icon-button{width:26px;height:26px;color:#a3afc1}
.space-note{display:flex;align-items:center;gap:6px;font-size:9.5px;color:#5f8a76}
.space-note .ico{width:13px}
@media(max-width:980px){.space-button span:last-child{display:none}.space-button{padding:0 8px}}
@media(max-width:740px){.space-button{display:none}.run-cols{grid-template-columns:1fr}.mi-chain{flex-direction:column}.mi-chain>b{transform:rotate(90deg)}}
