/* Contained agents page (/contained-agents, brand pass 2026-10-27): the chat mock-ups. Scoped under .np; loads after canvas-wl.css and solutions.css. */
.np .wc-site{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;background:#F7F8FA;padding:14px;min-height:360px}
.np .wc-page{display:flex;flex-direction:column;gap:10px;padding:8px 4px}
.np .wc-page b{font:600 15px 'Inter Tight',sans-serif;color:#15171A;margin-bottom:6px}
.np .wc-l{height:9px;border-radius:5px;background:#E3E7EE}.np .wc-l.w50{width:50%}.np .wc-l.w60{width:60%}.np .wc-l.w70{width:70%}.np .wc-l.w80{width:80%}.np .wc-l.w90{width:90%}
.np .wc-panel{background:#fff;border:1px solid #E1E5EC;border-radius:14px;box-shadow:0 18px 40px -24px rgba(14,27,77,.45);display:flex;flex-direction:column;gap:8px;padding:10px;font-size:12px;line-height:1.45;color:#15171A}
.np .wc-head{display:flex;justify-content:space-between;align-items:center;padding:2px 2px 6px;border-bottom:1px solid #EEF0F3}.np .wc-head b{font-size:12.5px}.np .wc-head span{color:#9AA1AE}
.np .wc-ai{margin:0;background:#EEF3FF;color:#1E3A8A;border-radius:8px;padding:6px 8px;font-size:11.5px}
.np .wc-msg{border-radius:10px;padding:7px 9px;max-width:92%}
.np .wc-a{background:#F3F5F8;align-self:flex-start}.np .wc-v{background:#3567E0;color:#fff;align-self:flex-end}
.np .wc-p{background:#E9F7EF;align-self:flex-start}.np .wc-p span{display:block;font-size:10.5px;font-weight:600;color:#157347;margin-bottom:2px}
.np .wc-in{display:flex;justify-content:space-between;align-items:center;border:1px solid #E1E5EC;border-radius:9px;padding:6px 8px;color:#9AA1AE;margin-top:auto}.np .wc-in i{font-style:normal;color:#3567E0;font-weight:600}
.np .wc-log{display:flex;flex-direction:column;gap:6px;margin:10px 0;font-size:12px;line-height:1.5;color:#2B2F38}.np .wc-log p{margin:0;background:#F7F8FA;border-radius:8px;padding:7px 9px}
.np .settings .mono{font:500 11.5px ui-monospace,monospace}.np .settings small{color:#6B7280;font-weight:400}
.np .wc-note{margin-top:22px;border:1px solid var(--crhq-border,#E6E8EC);border-left:4px solid var(--crhq-primary,#3567E0);border-radius:12px;padding:16px 18px;font-size:16px;line-height:1.6;color:var(--crhq-text-soft,#4A5161);background:var(--crhq-bg-subtle,#F6F7F9)}
.np .wc-note b{color:var(--crhq-text,#15171A)}
@media(max-width:900px){.np .wc-site{grid-template-columns:1fr}.np .wc-page{display:none}}
.np .ca-avail{margin:14px 0 0;font-size:13.5px;color:var(--crhq-text-muted,#667085)}
.np .ca-small{margin:14px 0 0;font-size:14px;color:var(--crhq-text-muted,#667085)}