/* SAGE Agentic Mission Control */
.agentic-page {
  --ag-navy:#0b2340; --ag-teal:#14aaa7; --ag-teal-dark:#087c80; --ag-teal-soft:#dff7f4;
  --ag-blue:#2e6ecb; --ag-blue-soft:#e8f1ff; --ag-purple:#5a55dc; --ag-purple-soft:#eeecff;
  --ag-green:#159a73; --ag-green-soft:#e8f8f1; --ag-amber:#d67b00; --ag-amber-soft:#fff4df;
  --ag-red:#dc2626; --ag-red-soft:#fee2e2; --ag-line:#dce4ee; --ag-ink:#10233f; --ag-muted:#66758f;
  color:var(--ag-ink);
}
.agentic-page *{box-sizing:border-box}
.ag-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid var(--ag-line);border-radius:15px;background:radial-gradient(circle at 92% 0,rgba(20,170,167,.16),transparent 34%),linear-gradient(135deg,#fff,#f7fbff);box-shadow:0 12px 32px rgba(25,46,76,.08)}
.ag-hero-main{display:flex;align-items:center;gap:15px;min-width:0}.ag-hero-icon{width:54px;height:54px;display:grid;place-items:center;flex:none;border-radius:15px;color:var(--ag-teal-dark);background:var(--ag-teal-soft)}
.ag-hero-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ag-eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--ag-teal-dark);font-size:10px;font-weight:800}.ag-hero h1{font-size:24px;margin:3px 0 4px;letter-spacing:-.03em}.ag-hero p{margin:0;color:var(--ag-muted);font-size:12.5px;max-width:800px}.ag-hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ag-button{min-height:38px;padding:0 13px;border:1px solid #cdd8e5;border-radius:8px;background:#fff;color:var(--ag-ink);font-size:11.5px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 1px 2px rgba(17,35,62,.05)}.ag-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px rgba(17,35,62,.1)}.ag-button.primary{color:#fff;border-color:var(--ag-teal-dark);background:linear-gradient(135deg,var(--ag-teal),var(--ag-teal-dark));box-shadow:0 8px 18px rgba(20,170,167,.2)}.ag-button.danger{color:#a52828;background:#fff4f4;border-color:#efc1c1}.ag-button.soft{color:var(--ag-teal-dark);background:#f2fcfb;border-color:#a9e1dc}.ag-button.small{min-height:31px;padding:0 9px;font-size:10px}.ag-button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.ag-status-pill{min-height:29px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:750;background:#eef2f6;color:#5f6f84}.ag-status-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.ag-status-pill.running,.ag-status-pill.planning{background:var(--ag-blue-soft);color:var(--ag-blue)}.ag-status-pill.completed{background:var(--ag-green-soft);color:var(--ag-green)}.ag-status-pill.awaiting_approval,.ag-status-pill.paused{background:var(--ag-amber-soft);color:var(--ag-amber)}.ag-status-pill.failed,.ag-status-pill.cancelled,.ag-status-pill.timed_out{background:var(--ag-red-soft);color:var(--ag-red)}
.ag-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}.ag-metric{min-height:76px;padding:12px 13px;border:1px solid var(--ag-line);border-radius:11px;background:#fff;box-shadow:0 4px 16px rgba(17,35,62,.05)}.ag-metric small{display:block;color:var(--ag-muted);font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.ag-metric strong{display:block;margin-top:7px;font-size:20px;letter-spacing:-.03em}.ag-metric em{display:block;margin-top:3px;color:#8d9aad;font-size:8.5px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.65fr);gap:16px;margin-top:16px;align-items:start}.ag-sidebar{display:grid;gap:14px;position:sticky;top:68px}.ag-panel{border:1px solid var(--ag-line);border-radius:13px;background:#fff;box-shadow:0 8px 24px rgba(17,35,62,.06);overflow:hidden}.ag-panel-head{min-height:59px;padding:13px 15px;border-bottom:1px solid var(--ag-line);display:flex;align-items:center;justify-content:space-between;gap:12px}.ag-panel-title{display:flex;align-items:center;gap:10px;min-width:0}.ag-panel-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;color:var(--ag-blue);background:var(--ag-blue-soft);flex:none}.ag-panel-icon.teal{color:var(--ag-teal-dark);background:var(--ag-teal-soft)}.ag-panel-icon.purple{color:var(--ag-purple);background:var(--ag-purple-soft)}.ag-panel-icon.amber{color:var(--ag-amber);background:var(--ag-amber-soft)}.ag-panel-icon svg,.ag-inline-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ag-panel-title strong{display:block;font-size:13px}.ag-panel-title small{display:block;color:var(--ag-muted);font-size:9px;margin-top:2px}.ag-panel-body{padding:15px}
.ag-form{display:grid;gap:12px}.ag-field label{display:block;margin-bottom:6px;color:#53667e;font-size:9px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.ag-input,.ag-textarea,.ag-select{width:100%;border:1px solid #cdd8e5;border-radius:8px;background:#fff;color:var(--ag-ink);font:inherit;font-size:11px}.ag-input,.ag-select{height:38px;padding:0 11px}.ag-textarea{min-height:118px;padding:10px 11px;resize:vertical;line-height:1.5}.ag-input:focus,.ag-select:focus,.ag-textarea:focus{outline:none;border-color:var(--ag-teal);box-shadow:0 0 0 3px rgba(20,170,167,.1)}.ag-field-help{display:block;margin-top:5px;color:#8d9aad;font-size:8.5px;line-height:1.45}.ag-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ag-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ag-choice{min-height:55px;padding:9px;border:1px solid var(--ag-line);border-radius:9px;background:#f8fafc;text-align:left;color:var(--ag-muted)}.ag-choice strong{display:block;color:var(--ag-ink);font-size:10px}.ag-choice small{display:block;margin-top:3px;font-size:7.5px;line-height:1.35}.ag-choice.active{border-color:#77d4ce;background:#f1fbfa;color:var(--ag-teal-dark);box-shadow:0 0 0 2px rgba(20,170,167,.06)}
.ag-security-summary{padding:12px;border:1px solid #d6e8e6;border-radius:9px;background:#f7fcfb}.ag-security-score{display:flex;align-items:center;justify-content:space-between;gap:10px}.ag-security-score strong{font-size:12px}.ag-security-score b{font-size:18px;color:var(--ag-teal-dark)}.ag-progress{height:6px;margin-top:9px;border-radius:999px;background:#e5ebf1;overflow:hidden}.ag-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ag-teal),#55d4cb)}.ag-safe-list{display:grid;gap:7px;margin-top:11px}.ag-safe-list span{display:flex;align-items:flex-start;gap:7px;color:var(--ag-muted);font-size:8.5px;line-height:1.4}.ag-safe-list span::before{content:"✓";color:var(--ag-green);font-weight:800}
.ag-mission-list{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:2px}.ag-mission-row{width:100%;padding:10px 11px;border:1px solid var(--ag-line);border-radius:9px;background:#fff;text-align:left;color:var(--ag-ink)}.ag-mission-row:hover,.ag-mission-row.active{border-color:#91d7d1;background:#f4fcfb}.ag-mission-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ag-mission-row strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ag-mission-row p{margin:5px 0 0;color:var(--ag-muted);font-size:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ag-mission-row-foot{display:flex;align-items:center;justify-content:space-between;margin-top:7px;color:#8d9aad;font-size:7.5px}
.ag-main{min-width:0;display:grid;gap:14px}.ag-empty{min-height:440px;display:grid;place-items:center;align-content:center;text-align:center;padding:40px}.ag-empty-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;color:var(--ag-teal-dark);background:var(--ag-teal-soft);box-shadow:0 0 0 10px rgba(223,247,244,.55)}.ag-empty-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7}.ag-empty h2{margin:18px 0 7px;font-size:17px}.ag-empty p{margin:0;max-width:570px;color:var(--ag-muted);font-size:10px;line-height:1.6}.ag-empty-prompts{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:18px}.ag-empty-prompts button{padding:7px 10px;border:1px solid var(--ag-line);border-radius:999px;background:#fff;color:#52667e;font-size:8.5px}
.ag-mission-header{padding:16px 17px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--ag-line)}.ag-mission-header h2{font-size:17px;margin:3px 0 4px;letter-spacing:-.02em}.ag-mission-header p{margin:0;color:var(--ag-muted);font-size:9.5px;max-width:760px;line-height:1.5}.ag-mission-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.ag-tag-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px}.ag-tag{min-height:23px;padding:0 7px;display:inline-flex;align-items:center;border-radius:6px;background:#f0f4f8;color:#54667d;font-size:8px;font-weight:700}.ag-tag.llm{background:var(--ag-purple-soft);color:var(--ag-purple)}.ag-tag.deterministic{background:var(--ag-teal-soft);color:var(--ag-teal-dark)}
.ag-detail-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:12px 15px;background:#fbfcfe;border-bottom:1px solid var(--ag-line)}.ag-detail-metric{padding:9px;border:1px solid var(--ag-line);border-radius:8px;background:#fff}.ag-detail-metric small{display:block;color:var(--ag-muted);font-size:7.5px}.ag-detail-metric strong{display:block;margin-top:4px;font-size:13px}
.ag-tabs{min-height:44px;padding:0 12px;display:flex;align-items:stretch;gap:3px;border-bottom:1px solid var(--ag-line);background:#fbfcfe;overflow:auto}.ag-tab{position:relative;padding:0 11px;border:0;background:transparent;color:#687990;font-size:9px;font-weight:700;white-space:nowrap}.ag-tab.active{color:var(--ag-teal-dark)}.ag-tab.active::after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;background:var(--ag-teal)}.ag-tab em{margin-left:5px;min-width:18px;height:18px;padding:0 5px;display:inline-grid;place-items:center;border-radius:999px;background:#e9eef4;color:#6b7b8e;font-style:normal;font-size:7px}.ag-tab.active em{background:var(--ag-teal-soft);color:var(--ag-teal-dark)}.ag-tab-body{padding:15px;min-height:330px}
.ag-plan{display:grid;gap:8px}.ag-plan-step{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px;border:1px solid var(--ag-line);border-radius:9px;background:#fff}.ag-plan-step.running{border-color:#9ec5ee;background:#f7fbff}.ag-plan-step.completed{border-color:#cce9dc;background:#f8fdfb}.ag-plan-step.awaiting_approval{border-color:#efd6a3;background:#fffaf1}.ag-plan-step.failed{border-color:#f1c2c2;background:#fff8f8}.ag-step-index{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eef2f6;color:#63748a;font-size:10px;font-weight:800}.ag-plan-step.completed .ag-step-index{color:var(--ag-green);background:var(--ag-green-soft)}.ag-plan-step.running .ag-step-index{color:var(--ag-blue);background:var(--ag-blue-soft)}.ag-plan-step.awaiting_approval .ag-step-index{color:var(--ag-amber);background:var(--ag-amber-soft)}.ag-step-copy strong{font-size:10.5px}.ag-step-copy p{margin:4px 0;color:var(--ag-muted);font-size:8.5px;line-height:1.45}.ag-step-meta{display:flex;gap:5px;flex-wrap:wrap}.ag-step-state{padding:4px 7px;border-radius:999px;background:#eef2f6;color:#617086;font-size:7.5px;font-weight:750}
.ag-feed{display:grid;gap:0;max-height:510px;overflow:auto}.ag-event{display:grid;grid-template-columns:10px 105px minmax(0,1fr);gap:9px;padding:10px 3px;border-bottom:1px solid var(--ag-line);align-items:start}.ag-event-dot{width:8px;height:8px;margin-top:3px;border-radius:50%;background:var(--ag-blue);box-shadow:0 0 0 3px rgba(46,110,203,.1)}.ag-event time{color:#8d9aad;font-family:ui-monospace,monospace;font-size:7.5px}.ag-event strong{display:block;font-size:9px}.ag-event p{margin:3px 0 0;color:var(--ag-muted);font-size:8px;line-height:1.45}.ag-event.approval\.required .ag-event-dot,.ag-event.security\.blocked .ag-event-dot{background:var(--ag-amber)}.ag-event.mission\.completed .ag-event-dot{background:var(--ag-green)}.ag-event.mission\.failed .ag-event-dot{background:var(--ag-red)}
.ag-evidence-grid,.ag-agent-grid,.ag-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ag-evidence-card,.ag-catalog-card{padding:11px;border:1px solid var(--ag-line);border-radius:9px;background:#fff}.ag-evidence-card strong,.ag-catalog-card strong{display:block;font-size:9.5px}.ag-evidence-card p,.ag-catalog-card p{margin:5px 0;color:var(--ag-muted);font-size:8px;line-height:1.45}.ag-evidence-card footer,.ag-catalog-card footer{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#8d9aad;font-size:7.5px}.ag-evidence-card a{color:var(--ag-blue);font-weight:700}
.ag-approval{padding:13px;border:1px solid #e9c983;border-radius:10px;background:#fff9ed}.ag-approval+.ag-approval{margin-top:9px}.ag-approval-head{display:flex;justify-content:space-between;gap:12px}.ag-approval h3{font-size:11px;margin:0}.ag-approval p{color:#6d5a36;font-size:8.5px;line-height:1.5}.ag-approval pre{max-height:180px;overflow:auto;padding:9px;border-radius:7px;background:#fff;color:#46576b;font-size:7.5px}.ag-approval-actions{display:flex;gap:7px;justify-content:flex-end}
.ag-result{padding:14px;border:1px solid #cbe8da;border-radius:10px;background:#f5fcf9}.ag-result h3{margin:0;color:#176b5a;font-size:12px}.ag-result p{color:#4b6e62;font-size:9px;line-height:1.55}.ag-eval-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.ag-eval{padding:10px;border:1px solid var(--ag-line);border-radius:8px;background:#fff}.ag-eval small{display:block;color:var(--ag-muted);font-size:7.5px}.ag-eval strong{display:block;margin-top:5px;font-size:15px}
.ag-catalog-toolbar{display:flex;align-items:center;gap:6px;margin-bottom:10px;flex-wrap:wrap}.ag-chip{padding:6px 9px;border:1px solid var(--ag-line);border-radius:999px;background:#fff;color:#607087;font-size:8px}.ag-chip.active{color:var(--ag-teal-dark);border-color:#8ddbd4;background:#f1fbfa}.ag-catalog-card .ag-tag-row{margin-top:7px}.ag-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#3d5672;font-size:7.5px}
@media(max-width:1250px){.ag-metrics,.ag-detail-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ag-layout{grid-template-columns:minmax(290px,.8fr) minmax(0,1.4fr)}}
@media(max-width:960px){.ag-layout{grid-template-columns:1fr}.ag-sidebar{position:static;grid-template-columns:1fr 1fr}.ag-sidebar .ag-panel:first-child{grid-column:1/-1}.ag-agent-grid,.ag-skill-grid,.ag-evidence-grid{grid-template-columns:1fr}}
@media(max-width:680px){.ag-hero,.ag-mission-header{align-items:flex-start;flex-direction:column}.ag-hero-actions,.ag-mission-actions{width:100%;justify-content:stretch}.ag-hero-actions .ag-button,.ag-mission-actions .ag-button{flex:1}.ag-metrics,.ag-detail-metrics,.ag-sidebar,.ag-field-grid,.ag-mode-grid,.ag-eval-grid{grid-template-columns:1fr}.ag-plan-step{grid-template-columns:32px minmax(0,1fr)}.ag-step-state{grid-column:1/-1;justify-self:start}.ag-event{grid-template-columns:10px minmax(0,1fr)}.ag-event time{display:none}}