#page-agents .page-intro{margin-bottom:18px}#page-agents .page-intro h1{font-size:clamp(28px,4vw,52px)}
.cc-connection{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;background:var(--surface)}.cc-connection>span:nth-child(2){flex:1;min-width:160px;font-size:12px;color:var(--muted)}
.cc-tabs,.cc-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.cc-tabs button[aria-pressed=true],.cc-budget button.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
.cc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cc-agent{min-width:0}.cc-agent h2{font-size:20px}.cc-agent .badge{white-space:normal}.cc-panel,.cc-task,.cc-body>article{margin-bottom:16px}.cc-actions button{min-height:36px;font-size:11px}.cc-budget{display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--border);padding:10px;border-radius:10px;min-width:0;margin:12px 0}.cc-budget legend{font-size:11px;color:var(--muted);padding:0 5px}.cc-budget button{min-height:36px;padding:7px 9px;font-size:11px}
.cc-field{display:flex;flex-direction:column;gap:6px;margin:12px 0;min-width:0;font-size:12px}.cc-field .field{width:100%;min-width:0}.cc-field textarea{min-height:120px}.cc-tools{border:1px solid var(--border);border-radius:10px;display:flex;flex-wrap:wrap;gap:16px}.cc-tools legend{font-size:12px;color:var(--muted)}.cc-modal .page-dialog{width:min(760px,calc(100vw - 24px));padding:22px}.cc-log{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:11px;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.cc-instructions{white-space:pre-wrap;overflow-wrap:anywhere}.cc-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:20px 0}.cc-task-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.cc-body .metric{gap:8px;min-width:0}.cc-body .metric>*{min-width:0;overflow-wrap:anywhere}
[data-width=phone] .cc-grid,[data-width=phone] .cc-task-metrics,[data-width=phone] .cc-summary{grid-template-columns:minmax(0,1fr)}[data-width=phone] .cc-tabs button,[data-width=phone] .cc-actions button{min-height:42px}.cc-body button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:900px){.cc-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.cc-task-metrics,.cc-summary{grid-template-columns:minmax(0,1fr)}.cc-tabs button,.cc-actions button{min-height:42px}.cc-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cc-modal .page-dialog{padding:16px}.cc-agent{padding:16px}.cc-budget button{min-height:40px}.cc-connection>span:nth-child(2){min-width:100%}}