body{font-family:Inter,'Segoe UI',system-ui,sans-serif;letter-spacing:-.1px}h1{font-size:32px;font-weight:650;letter-spacing:-1px}h2{font-size:16px;font-weight:650}.sidebar{color:var(--muted);border-right:1px solid var(--border);padding:24px 12px 16px}.brand{color:var(--text);font-size:23px;letter-spacing:-.7px}.brandmark{background:var(--green-soft);color:var(--green);box-shadow:none;border:1px solid var(--border)}.nav{gap:4px;overflow-y:auto}.nav a{color:var(--muted);font-size:12px;border-radius:9px;padding:11px 13px}.nav a.active{background:var(--purple-soft);color:var(--primary);box-shadow:inset 0 0 0 1px var(--border)}.nav a:hover{background:var(--surface-alt);color:var(--text)}.nav-label{color:var(--muted);font-size:10px;letter-spacing:1.6px}.sidebar-note{background:var(--surface);border-color:var(--border);color:var(--muted)}.sidebar-note span{color:var(--muted)}.sidebar-note .status-dot{background:var(--green)}.topbar{height:78px;background:var(--bg);border-bottom:1px solid var(--border);gap:20px}.search{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex:1;min-width:130px}.content{max-width:1700px;margin:auto;padding:36px 38px}.eyebrow{color:var(--muted);letter-spacing:1.7px;font-size:10px}.subtitle{font-size:13px;line-height:1.7}.pagehead{margin-bottom:28px}.header-tools{gap:14px}.profile .avatar,.avatar{background:var(--purple-soft);color:var(--primary)}.card{border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow);padding:24px;background:var(--surface)}.metric{border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:none;padding:23px}.metric-value{font-size:30px;font-weight:650;letter-spacing:-1px}.metric-label{font-size:12px}.metric-foot{font-size:11px}.metric-icon{border-radius:12px}.btn{border-radius:9px;min-height:38px;padding:10px 15px;font-size:12px;font-weight:600;border-color:var(--border-strong);background:var(--surface)}.btn.primary{background:#7c3aed;color:#fff;border-color:#7c3aed;box-shadow:0 3px 10px #7c3aed15}.btn.primary:hover{background:#6d28d9}.btn.compact{min-height:30px;padding:7px 10px;font-size:11px;margin-top:10px}.btn:hover{border-color:var(--primary)}.iconbtn{color:var(--muted)}.mode-switch{display:inline-flex;gap:3px;padding:4px;border-radius:10px;background:var(--surface);border:1px solid var(--border);flex-shrink:0}.mode-switch button{border:none;display:flex;gap:6px;align-items:center;padding:7px 12px;background:transparent;color:var(--muted);border-radius:7px;font-size:12px;font-weight:600}.mode-switch button.selected{background:var(--purple-soft);color:var(--primary)}.mode-switch svg{width:14px;height:14px}.command-queues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.queue-card{min-width:0}.queue-count{display:grid;place-items:center;min-width:27px;height:27px;padding:3px 8px;border-radius:8px;background:var(--purple-soft);color:var(--purple);font-size:12px}.queue-count.decision{background:var(--amber-soft);color:var(--amber)}.queue-count.exception{background:var(--red-soft);color:var(--red)}.queue-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);color:var(--text);min-width:0}.queue-item:last-child{border-bottom:0}.queue-item>span:nth-child(2){flex:1;min-width:0}.queue-item strong{font-size:12px;display:block}.queue-item small{color:var(--muted);display:block;margin-top:4px;font-size:11px;overflow-wrap:anywhere}.queue-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--purple-soft);color:var(--purple);flex-shrink:0}.queue-icon svg{width:16px;height:16px}.queue-icon.decision{background:var(--amber-soft);color:var(--amber)}.queue-icon.exception{background:var(--red-soft);color:var(--red)}.queue-item .badge{max-width:80px;text-align:center;flex-shrink:0}.queue-item .queue-error{color:var(--red)}.ai-label{font-size:11px;color:var(--green);background:var(--green-soft);border-radius:20px;padding:7px 12px}.agent-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.agent-role{display:flex;align-items:center;gap:12px;background:var(--surface-alt);border:1px solid var(--border);padding:15px;border-radius:12px}.agent-role>span{font-size:12px;color:var(--purple);background:var(--purple-soft);padding:8px;border-radius:8px;font-weight:600}.agent-role strong{display:block;font-size:12px}.agent-role small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.automation-case{margin-bottom:20px}.record-label{border:1px solid var(--border);border-radius:20px;padding:5px 10px;color:var(--muted);font-size:11px}.record-label.test{background:var(--amber-soft);color:var(--amber)}.agent-task-list{margin-top:18px;font-size:12px}.agent-task-list summary{cursor:pointer;color:var(--muted)}.agent-task-list table{margin-top:12px}.explanation{border-left:2px solid var(--purple);border-radius:0 10px 10px 0;padding:15px 17px}.explanation-title{display:flex;justify-content:space-between;gap:8px}.explanation h3{font-size:12px}.explanation p{font-size:12px;line-height:1.7}.explanation details{font-size:12px}.explanation ul{padding-left:18px;line-height:1.7}.explanation h4{font-size:12px;margin:12px 0 4px}.explanation pre{font-size:11px;padding:12px;background:var(--surface);border-radius:8px}.stage-circle{width:26px;height:26px}.stage:before{top:12px}.stage{font-size:10px;gap:10px}.stage.done .stage-circle{background:var(--green-soft);border-color:var(--green);color:var(--green)}.stage.current .stage-circle{background:#7c3aed;border-color:#7c3aed;color:white}.chart-empty{background:var(--surface-alt);border:1px dashed var(--border);border-radius:12px}.notice{border-radius:10px;font-size:12px}.facts{gap:20px}.fact span{font-size:11px}.fact b{font-size:13px}.login-art{background:#101012;color:#fafafa}.login-art .brand{color:#fafafa}.login-art p,.login-lines{color:#a1a1aa}.login-lines svg{color:#6ee7b7}.login-art h1{font-size:48px;letter-spacing:-1.8px}.login-panel{background:var(--bg)}dialog{border-radius:18px}dialog::backdrop{background:#0009;backdrop-filter:blur(7px)}.field input,.field select,.field textarea{background:var(--surface-alt);border-radius:9px;border-color:var(--border-strong);padding:12px;min-height:42px}.field label{font-size:12px}.theme-select{background:var(--surface);border-color:var(--border-strong);color:var(--text)}th{background:var(--surface-alt);font-size:10px}td{font-size:12px;padding:15px 12px}.extra-integrations{margin-top:20px}.integration .btn{margin-top:14px}.badge{border-radius:6px}.empty{padding:38px 16px}.empty h3{font-size:14px}.empty p{font-size:12px}.grid-two{margin-bottom:24px}.detail-grid{margin-top:20px}.cardhead a{font-size:11px}.header-tools .profile span{color:var(--muted)}
@media(max-width:1250px){.header-tools{gap:8px}.profile{display:none}.command-queues{gap:12px}.queue-item{gap:8px}.queue-item .badge{display:none}.content{padding:28px 24px}.agent-team{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.command-queues{grid-template-columns:1fr}.queue-card .empty{padding:20px}.mode-switch button{padding:7px 9px}.stage{font-size:9px}.topbar{gap:10px}.header-tools{gap:6px}.header-tools label.iconbtn svg{display:none}}
@media(max-width:650px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:12px 14px}.search{min-width:100px}.header-tools{margin-left:auto}.header-tools #notification-button{display:none}.content{padding:24px 16px}h1{font-size:26px}.card{padding:18px}.agent-team{grid-template-columns:1fr}.mode-switch{padding:3px}.mode-switch button{padding:6px 8px;font-size:11px}.command-queues{gap:14px}.ai-label{font-size:10px}.pagehead{flex-direction:column;gap:12px}.stage{font-size:9px}.facts{gap:14px}.cardhead{flex-wrap:wrap}.explanation-title{flex-direction:column}.sidebar{width:230px}.queue-item .badge{display:block}}
@media(max-width:650px){.workflow-list table,.workflow-list tbody{display:block}.workflow-list thead{display:none}.workflow-list tbody{display:grid;gap:12px}.workflow-list tr{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--border);border-radius:10px;padding:10px}.workflow-list td{border:0;padding:6px;font-size:11px}.workflow-list td:first-child{grid-column:1/-1;overflow-wrap:anywhere}.workflow-list td:nth-child(4){color:var(--muted)}.workflow-list .table-wrap{overflow:visible}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}*{scroll-behavior:auto!important}}
/* Guided AI journey: one persistent, accessible dialog. */
#modal.journey-dialog{width:min(1380px,96vw);max-height:94vh;border-radius:22px;background:var(--surface);overflow:auto}
.journey-dialog .modalhead{position:sticky;top:0;background:var(--surface);z-index:3}.journey-dialog .modalhead h2{margin-top:8px}
.journey-stages{display:flex;gap:8px;overflow:auto;padding:18px 26px;border-bottom:1px solid var(--border)}.journey-stages span{white-space:nowrap;padding:8px 12px;border-radius:30px;background:var(--surface-alt);font-size:11px;color:var(--muted)}.journey-stages .active{background:var(--primary);color:white}.journey-stages .done{color:var(--green)}
.journey-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;padding:28px}.journey-agent>h2{font-size:24px;margin:16px 0 10px}.journey-agent>p{font-size:13px;line-height:1.65}.journey-reason{margin-top:20px;padding:22px;border:1px solid var(--border);border-radius:16px;background:var(--surface-alt)}.journey-reason h3{font-size:18px;color:var(--primary);margin-bottom:6px}.journey-reason h4{font-size:12px;color:var(--muted);margin:18px 0 8px;text-transform:uppercase;letter-spacing:.7px}.journey-reason p,.journey-reason li{font-size:14px;line-height:1.7}.journey-reason ul{padding-left:20px}.journey-reason details{margin-top:16px}.journey-checkpoint{min-width:0}.journey-checkpoint>.modalbody{padding:18px 0}.journey-dialog .modalfoot{position:sticky;bottom:0;background:var(--surface);padding:18px 0;border-top:1px solid var(--border)}.journey-history{margin-top:22px;max-height:400px;overflow:auto}.journey-launch{display:flex;align-items:center;justify-content:space-between;gap:24px}.journey-launch h2{font-size:25px;margin:14px 0 8px}.journey-launch p{color:var(--muted)}.journey-working{padding:35px 15px;text-align:center}.journey-working svg{width:40px;color:var(--primary);margin-bottom:18px}.journey-working p{margin-top:14px;color:var(--muted)}
@media(max-width:850px){.journey-layout{grid-template-columns:1fr;padding:18px}.journey-launch{align-items:flex-start;flex-direction:column}.journey-dialog .modalhead{padding:16px}.journey-dialog .formgrid{grid-template-columns:1fr}}