.loop-atlas-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;border-top:3px solid #276bc5;margin-bottom:18px}.loop-atlas-intro h2{font-size:22px;margin:6px 0 8px}.loop-atlas-intro p{max-width:760px;font-size:14px;line-height:1.7;color:#60768e}.loop-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;min-width:320px;padding:5px 0}.loop-legend>span{display:flex;align-items:center;gap:7px;color:#61768c;font-size:12px}.loop-kind{display:inline-grid;place-items:center;flex-shrink:0;height:20px;min-width:25px;padding:0 5px;border-radius:5px;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.04em}.loop-kind.ai{color:#315fa7;background:#e7effd}.loop-kind.human{color:#7a5820;background:#fbefd7}.loop-state-dot{width:8px;height:8px;border-radius:50%;background:#8b99a9}.loop-state-dot.scheduled{background:#328064}.loop-state-dot.planned{background:#8493a3}.loop-topic-filter{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 18px;scrollbar-width:thin}.loop-topic-filter button{display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid #d9e4ef;border-radius:999px;background:#fff;color:#526c87;padding:9px 13px;font-size:12px;font-weight:600}.loop-topic-filter button:hover{border-color:#82a9d7}.loop-topic-filter button.active{background:#173d67;border-color:#173d67;color:#fff}.loop-topic-filter button span{display:grid;place-items:center;min-width:19px;height:19px;border-radius:999px;background:#edf2f8;color:#526c87;font-size:10px}.loop-topic-filter button.active span{background:#fff;color:#173d67}.v2-loop-groups{display:grid;gap:26px}.loop-topic-group{min-width:0}.loop-topic-heading{display:flex;align-items:center;gap:12px;margin:0 2px 12px}.loop-topic-heading span{color:#1a3c60;font-size:14px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.loop-topic-heading:after{content:"";height:1px;background:#d9e3ed;flex:1}.loop-topic-heading b{color:#768a9f;font-size:11px;font-weight:600}.v2-loop-list{display:grid;gap:14px}.v2-loop-card{padding:0;overflow:hidden;border-radius:14px}.v2-loop-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px 18px;border-bottom:1px solid #e8eef5;background:linear-gradient(100deg,#fff 45%,#f5f9ff)}.v2-loop-card h2{font-size:17px;margin:5px 0}.v2-loop-card header small{color:#71859a;font-size:12px}.loop-id{font-family:ui-monospace,monospace;color:#4b78ae;font-size:11px;font-weight:700;letter-spacing:.08em}.loop-status{display:flex;align-items:center;gap:7px;border-radius:6px;padding:6px 9px;font-size:11px;white-space:nowrap}.loop-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.loop-status.scheduled{background:#e9f5ee;color:#2d7058}.loop-status.draft{background:#fff2dd;color:#8b6223}.loop-status.planned{background:#eef2f7;color:#66798d}.visual-loop-rail{display:flex;align-items:stretch;overflow-x:auto;padding:22px 20px 18px;scrollbar-width:thin;scrollbar-color:#bdccdc transparent}.visual-loop-step{display:flex;align-items:center;min-width:0}.visual-loop-step>button{position:relative;display:grid;grid-template-columns:38px minmax(80px,1fr);grid-template-rows:auto auto auto;column-gap:10px;min-width:142px;min-height:103px;padding:12px;text-align:left;background:#f8faff;border:1px solid #dce6f1;border-radius:10px}.visual-loop-step>button:not(:disabled):hover{border-color:#72a0db;background:#f1f6fd;transform:translateY(-1px)}.visual-loop-step>button:disabled{opacity:1;cursor:default}.dynamic-avatar,.visual-loop-step .avatar.compact{grid-column:1;grid-row:1/4;width:38px;height:38px;margin-top:15px;border-radius:50%}.dynamic-avatar{display:grid;place-items:center;background:#f5ead5;color:#876329}.visual-loop-step .loop-kind{grid-column:2;grid-row:1;justify-self:start;height:17px;font-size:8px}.visual-loop-step b{grid-column:2;grid-row:2;font-size:12px;line-height:1.35;margin-top:6px;color:#213f5f}.visual-loop-step small{grid-column:2;grid-row:3;color:#70849a;font-size:11px;line-height:1.35;margin-top:3px}.loop-step-number{position:absolute;top:7px;right:8px;font-family:ui-monospace,monospace;color:#9aabba;font-size:9px}.visual-loop-arrow{flex:0 0 auto;margin:0 7px;color:#87a0b9}.loop-return{margin:0 20px 18px;border-radius:8px;background:#edf4fc;border-left:3px solid #4d84c5;padding:10px 13px;display:grid;grid-template-columns:auto auto 1fr;gap:9px;align-items:start;font-size:11px;line-height:1.55;color:#61778e}.loop-return>span{font-weight:700;color:#39678f}.loop-return svg{margin-top:1px;color:#7197bd}.loop-return b{font-weight:500}.loop-contract{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #e7edf4;background:#fbfcfe}.loop-contract>div{padding:15px 18px;border-right:1px solid #e7edf4}.loop-contract>div:last-child{border-right:0}.loop-contract dt{font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.08em;color:#7690aa;margin-bottom:6px}.loop-contract dd{font-size:12px;line-height:1.55;color:#415f7d}.v2-loop-groups+.schedules{margin-top:24px}@media(max-width:900px){.loop-atlas-intro{flex-direction:column}.loop-legend{min-width:0;width:100%}.loop-contract{grid-template-columns:1fr}.loop-contract>div{border-right:0;border-bottom:1px solid #e7edf4}.loop-contract>div:last-child{border-bottom:0}}@media(max-width:640px){.loop-atlas-intro{gap:18px}.loop-atlas-intro h2{font-size:19px}.loop-legend{grid-template-columns:1fr}.v2-loop-card>header{flex-direction:column;padding:17px}.loop-status{white-space:normal}.visual-loop-rail{padding:18px 14px}.visual-loop-step>button{min-width:132px}.loop-return{margin:0 14px 14px;grid-template-columns:1fr}.loop-return svg{transform:rotate(90deg)}.loop-contract>div{padding:14px}.loop-topic-heading span{font-size:12px}}