.agent-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:24px;margin-bottom:14px;padding:28px 30px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#10243d 0%,#174d63 58%,#167a79 100%);border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:0 16px 38px rgba(16,36,61,.18)}
.agent-hero:after{content:"";position:absolute;left:-80px;bottom:-120px;width:310px;height:310px;background:radial-gradient(circle,rgba(75,218,203,.22),transparent 67%);border-radius:50%}
.agent-hero-copy{position:relative;z-index:1}.agent-mode{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;color:#c9f7ef;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);border-radius:999px;font-size:10px;font-weight:800}
.agent-mode span{width:7px;height:7px;background:#5ce2c9;border-radius:50%;box-shadow:0 0 0 5px rgba(92,226,201,.13)}
.agent-hero h2{margin:14px 0 9px;font-size:clamp(21px,2.6vw,34px);line-height:1.5}.agent-hero p{max-width:850px;margin:0;color:#edf8fa;font-size:14px;line-height:2}.agent-hero small{display:block;margin-top:12px;color:#b8d1d8;font-size:10px}
.agent-orb{position:relative;z-index:1;display:grid;place-items:center;width:150px;height:150px;margin:auto;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.34),rgba(36,190,180,.26) 28%,rgba(8,33,53,.6) 70%);border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:inset 0 0 45px rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.19)}
.agent-orb:before,.agent-orb:after{content:"";position:absolute;inset:-13px;border:1px solid rgba(117,239,222,.18);border-radius:50%}.agent-orb:after{inset:-26px;border-color:rgba(117,239,222,.08)}
.agent-orb span,.agent-orb b{position:absolute}.agent-orb span{margin-top:-17px;color:#c9fff7;font-size:20px;font-weight:900;letter-spacing:2px}.agent-orb b{margin-top:24px;color:#fff;font-size:13px}
.agent-metrics{display:grid;grid-template-columns:repeat(6,minmax(105px,1fr));gap:10px;margin-bottom:14px}.agent-metrics button{display:grid;gap:5px;min-width:0;padding:14px 15px;text-align:right;color:inherit;background:#fff;border:1px solid #dde7ea;border-radius:14px}.agent-metrics button:hover{border-color:#79aaa7;background:#f5fbfa;transform:translateY(-1px)}.agent-metrics button.is-risk{background:#fff7f7;border-color:#efc6c9}.agent-metrics small{color:#60777b;font-size:10px;font-weight:800}.agent-metrics b{color:#163d4e;font-size:24px}.agent-metrics span{overflow:hidden;color:#859497;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.agent-metrics i{margin-top:3px;color:#287d78;font-size:7px;font-style:normal;font-weight:850}
.agent-ask-panel{margin-bottom:14px;padding:20px 22px;background:linear-gradient(135deg,#f7fbfc,#eef8f6);border:1px solid #d5e6e6;border-radius:18px}.agent-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.agent-section-title span{color:#4d7f7e;font-size:9px;font-weight:850}.agent-section-title h2{margin:4px 0 0;font-size:16px}.agent-section-title>b{display:grid;place-items:center;min-width:32px;height:32px;color:#176b66;background:#e5f4f1;border-radius:10px}
#agentAskForm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}#agentQuestion{margin:0;padding:13px 15px;background:#fff;border-color:#c9dcde}#agentAskButton{min-width:110px;background:linear-gradient(135deg,#176b87,#17847f)}
.agent-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.agent-suggestions button{padding:6px 9px;color:#3f6b6c;background:#fff;border:1px solid #d6e5e5;border-radius:999px;font-size:9px}.agent-suggestions button:hover{color:#155f62;border-color:#8fc0bd;background:#f2faf8}
#agentAnswer{margin-top:12px}.agent-answer{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px 15px;background:#fff;border:1px solid #d8e4e6;border-radius:14px;box-shadow:0 7px 20px rgba(22,63,77,.06)}.agent-answer-icon{display:grid;place-items:center;width:40px;height:40px;background:#e5f5f1;border-radius:12px}.agent-answer small{color:#548082;font-size:9px;font-weight:850}.agent-answer p{margin:5px 0;color:#243f48;line-height:1.9}
.agent-thinking{display:flex;align-items:center;gap:5px;padding:14px;color:#527477;background:#fff;border-radius:12px}.agent-thinking i{width:7px;height:7px;background:#268d86;border-radius:50%;animation:agentPulse .8s infinite alternate}.agent-thinking i:nth-child(2){animation-delay:.16s}.agent-thinking i:nth-child(3){animation-delay:.32s}.agent-thinking span{margin-right:7px;font-size:10px}@keyframes agentPulse{to{opacity:.25;transform:translateY(-4px)}}.agent-error{padding:12px;color:#97343a;background:#ffeded;border:1px solid #efb8bb;border-radius:11px}
.agent-answer-cards{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.agent-answer-cards button,.agent-answer-cards>span{display:grid;gap:2px;min-width:125px;padding:8px 10px;text-align:right;color:#284e58;background:#f3f8f8;border:1px solid #dbe7e8;border-radius:9px}.agent-answer-cards button:hover{border-color:#78aca8;background:#edf8f6}.agent-answer-cards small{font-size:8px}.agent-answer-cards>span b,.agent-answer-cards button b{font-size:14px}
.agent-two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.agent-panel{min-width:0;overflow:visible}.agent-priority-list{display:grid;gap:8px}.agent-priority{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:11px;text-align:right;color:#203c49;background:#fbfcfc;border:1px solid #e1e8ea;border-radius:12px}.agent-priority:hover{border-color:#90b3bc;background:#f5f9fa}.agent-priority.critical{background:#fff7f7;border-color:#efc6c9}.agent-priority.warning{background:#fffaf2;border-color:#eed9b5}.agent-priority-level{padding:5px 7px;color:#8a550d;background:#ffedc9;border-radius:7px;font-size:8px;font-weight:900}.agent-priority.critical .agent-priority-level{color:#96323a;background:#ffe0e2}.agent-priority b{font-size:11px}.agent-priority p{margin:4px 0;color:#65787c;font-size:9px;line-height:1.65}.agent-priority small{color:#496c70;font-size:8px}.agent-priority>strong{color:#214f5b;font-size:17px}
.agent-opportunity-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.agent-opportunity-grid button{min-width:0;padding:12px;text-align:right;color:#25434d;background:#f8fbfb;border:1px solid #dce7e8;border-radius:12px}.agent-opportunity-grid button:hover{border-color:#74aaa6;background:#f0f9f7}.agent-opportunity-head{display:flex;align-items:center;justify-content:space-between}.agent-opportunity-head span{padding:4px 6px;color:#176b66;background:#e4f3ef;border-radius:6px;font-size:8px;font-weight:850}.agent-opportunity-head b{font-size:15px}.agent-opportunity-grid h3{overflow:hidden;margin:9px 0 5px;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.agent-opportunity-grid p{margin:0;color:#765925;font-size:9px}.agent-opportunity-grid small{display:block;overflow:hidden;margin-top:7px;color:#718387;font-size:8px;white-space:nowrap;text-overflow:ellipsis}
.agent-team-list{display:grid;gap:7px}.agent-team-list button{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;text-align:right;color:#243f49;background:#fafcfc;border:1px solid #e1e9ea;border-radius:11px}.agent-team-list button.needs-attention{background:#fffaf4;border-color:#ead5b9}.agent-team-score{display:grid;place-items:center;padding:6px;background:#edf6f4;border-radius:9px}.agent-team-score b{font-size:17px}.agent-team-score small{font-size:7px}.agent-team-list h3{margin:0 0 4px;font-size:11px}.agent-team-list p{margin:0;color:#718386;font-size:8px}.agent-team-risks{display:grid;gap:3px;text-align:left}.agent-team-risks span{font-size:7px}
.agent-barriers{display:flex;flex-wrap:wrap;gap:7px}.agent-barriers button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:7px 9px;text-align:right;color:#496369;background:#f6f9f9;border:1px solid #e0e7e8;border-radius:9px;font-size:8px}.agent-barriers button:hover{border-color:#8db9b5;background:#eef8f6}.agent-barriers b{color:#1e6c67;font-size:13px}.agent-barriers small{color:#8a999b}.agent-sample-note{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 8px;width:100%;margin-top:14px;padding:12px;text-align:right;color:inherit;background:#edf5f7;border:1px solid transparent;border-radius:12px}.agent-sample-note:hover{border-color:#8bb7ba;background:#e6f2f4}.agent-sample-note b{grid-row:1/3;color:#176b87;font-size:25px}.agent-sample-note span{font-size:10px;font-weight:850}.agent-sample-note small{color:#6d8286;font-size:8px}.agent-sample-note i{grid-row:1/3;grid-column:3;color:#267b79;font-size:8px;font-style:normal;font-weight:850}
.agent-drilldown-loading{min-height:180px;display:grid;place-items:center}.agent-drilldown-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;padding:4px}.agent-drilldown-head small{color:#3d817d;font-size:9px;font-weight:900}.agent-drilldown-head h2{margin:5px 0;font-size:20px}.agent-drilldown-head p{margin:0;color:#667d80;font-size:10px;line-height:1.8}.agent-drilldown-head>b{display:grid;place-items:center;min-width:46px;height:46px;color:#176b66;background:#e6f4f1;border-radius:13px;font-size:18px}.agent-drilldown-search{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:12px;padding:10px;background:#f2f7f7;border-radius:12px}.agent-drilldown-search input{margin:0;background:#fff}.agent-drilldown-search span{min-width:75px;color:#4b6d71;font-size:9px;font-weight:850}.agent-drilldown-list{display:grid;gap:7px;max-height:min(62vh,650px);overflow:auto;padding:2px}.agent-drilldown-row{display:grid;grid-template-columns:minmax(150px,.85fr) minmax(180px,1.35fr) auto;align-items:center;gap:12px;width:100%;padding:11px 12px;text-align:right;color:#25434d;background:#fbfdfd;border:1px solid #dfe9ea;border-radius:11px}.agent-drilldown-row:hover{border-color:#74aaa6;background:#f0f9f7}.agent-drilldown-row>div:first-child{display:grid;gap:3px}.agent-drilldown-row b{font-size:11px}.agent-drilldown-row small{color:#718589;font-size:8px}.agent-drilldown-row p{overflow:hidden;margin:0;color:#546e73;font-size:9px;line-height:1.7;white-space:nowrap;text-overflow:ellipsis}.agent-drilldown-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px}.agent-drilldown-meta span{padding:4px 6px;color:#597276;background:#edf3f3;border-radius:6px;font-size:7px}.agent-drilldown-meta strong{min-width:30px;color:#176b66;font-size:15px;text-align:center}
.agent-clear{display:flex;align-items:center;gap:10px;padding:17px;color:#3f6c60;background:#eff8f4;border:1px solid #d7eae1;border-radius:12px}.agent-clear>span{display:grid;place-items:center;width:30px;height:30px;background:#d9efe5;border-radius:50%}.agent-clear b{font-size:11px}.agent-clear p{margin:4px 0 0;color:#71837f;font-size:8px}.agent-clear.compact{padding:12px}
nav button[data-page="manager_agent"]{position:relative;color:#d8fff8;background:linear-gradient(135deg,rgba(34,153,145,.3),rgba(255,255,255,.06));border:1px solid rgba(105,229,213,.16)}nav button[data-page="manager_agent"]:after{display:none}
@media(max-width:1180px){.agent-metrics{grid-template-columns:repeat(3,1fr)}.agent-two-column{grid-template-columns:1fr}.agent-hero{grid-template-columns:minmax(0,1fr) 140px}.agent-orb{width:115px;height:115px}}
@media(max-width:720px){.agent-hero{display:block;padding:20px}.agent-orb{display:none}.agent-metrics{grid-template-columns:repeat(2,1fr)}#agentAskForm{grid-template-columns:1fr}.agent-opportunity-grid{grid-template-columns:1fr}.agent-team-list button{grid-template-columns:58px minmax(0,1fr)}.agent-team-risks{grid-column:1/-1;display:flex;justify-content:flex-end}.agent-two-column{gap:10px}.agent-drilldown-row{grid-template-columns:1fr}.agent-drilldown-meta{justify-content:flex-start}.agent-drilldown-search{grid-template-columns:1fr}}
