.agents-page{display:flex;flex-direction:column;gap:28px}.agents-key{display:flex;gap:16px;flex-wrap:wrap;padding:14px 18px;background:#fff;border:1px solid var(--dash-border);border-radius:12px;font-size:12.5px;color:var(--dash-text-dim)}.agents-key-item{display:inline-flex;align-items:center;gap:8px}.agents-key-pill{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:4px}.agents-key-star{color:var(--oo-gold);font-size:14px}.squad-block{display:flex;flex-direction:column;gap:16px}.squad-block-head{display:flex;align-items:center;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--dash-border)}.squad-block-head strong{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--dash-text);display:block}.squad-block-head span{font-size:12px;color:var(--dash-text-dim)}.squad-badge{width:42px;height:42px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:18px;color:#fff}.squad-badge--mkt{background:var(--oo-red)}.squad-badge--sls{background:var(--oo-blue)}.squad-badge--ops{background:#1b6e3a}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.agent-tile{background:#fff;border:1px solid var(--dash-border);border-radius:10px;padding:14px;display:grid;grid-template-columns:28px 1fr 22px;grid-template-rows:auto auto;gap:6px 12px;align-items:center;text-decoration:none;color:inherit;transition:box-shadow .12s,transform .12s;position:relative}.agent-tile.is-top{border-top:2px solid var(--oo-gold)}.agent-tile:hover{box-shadow:0 4px 16px #0000000f;transform:translateY(-1px)}.agent-tile-badge{grid-row:1;width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:12px;font-family:var(--font-display)}.agent-tile-badge--mkt{background:var(--oo-red)}.agent-tile-badge--sls{background:var(--oo-blue)}.agent-tile-badge--ops{background:#1b6e3a}.agent-tile-body{grid-column:2;grid-row:1}.agent-tile-body strong{font-size:13px;font-weight:700;color:var(--dash-text);display:block}.agent-tile-body span{font-size:12px;color:var(--dash-text-dim);line-height:1.4;display:block}.agent-star{color:var(--oo-gold);font-size:13px;margin-right:3px}.agent-info{grid-column:3;grid-row:1;width:22px;height:22px;border-radius:50%;border:0;background:transparent;color:var(--dash-text-dim);display:inline-flex;align-items:center;justify-content:center;cursor:help;transition:color .12s,background .12s}.agent-info:hover{color:var(--oo-blue-strong);background:var(--oo-blue-soft)}.agent-info svg{width:16px;height:16px}.agent-mood{grid-column:2;grid-row:2;font-size:10.5px;font-weight:700;color:var(--dash-text-dim);display:inline-flex;align-items:center;gap:5px;justify-self:start}.mood-dot{width:6px;height:6px;border-radius:50%;background:var(--dash-text-dim)}.agent-mood--busy{color:#1b6e3a}.agent-mood--busy .mood-dot{background:#1b6e3a;box-shadow:0 0 6px #1b6e3a}.agent-mood--pilot{color:#876a18}.agent-mood--pilot .mood-dot{background:var(--oo-gold)}.agent-mood--queued,.agent-mood--idle{color:var(--dash-text-dim)}.agent-status{grid-column:3;grid-row:2;justify-self:end;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:3px;white-space:nowrap}.pill-live{background:#1b6e3a24;color:#1b6e3a}.pill-pilot{background:#dbb15733;color:#876a18}.pill-roadmap{background:#00000014;color:var(--dash-text-dim)}.agent-tip{position:absolute;z-index:50;bottom:calc(100% + 10px);right:12px;width:280px;background:#1a1614;color:#fff;font-size:12.5px;line-height:1.55;padding:12px 14px;border-radius:10px;box-shadow:0 12px 30px #0003;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .16s ease,transform .2s ease}.agent-tip:after{content:"";position:absolute;top:100%;right:18px;border:6px solid transparent;border-top-color:#1a1614}.agent-tile.is-tipped .agent-tip{opacity:1;transform:translateY(0);pointer-events:auto}.agents-foot{background:var(--dash-bg);border:1px dashed rgba(0,0,0,.1);border-radius:10px;padding:16px 20px}.agents-foot p{font-size:13px;color:var(--dash-text-dim);line-height:1.6;margin:0}.agents-foot strong{color:var(--dash-text)}@media(max-width:980px){.agent-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.agent-grid{grid-template-columns:1fr}}