.agents-page{background:0 0;min-width:0;height:100%;overflow-y:auto}.agents-content{flex-direction:column;gap:20px;max-width:720px;margin:0 auto;padding:16px 20px 40px;display:flex}.agents-content h2,.agents-content h3{color:var(--hylo-color-ink);margin:0}.agents-content p{margin:0;line-height:1.5}.agents-secondary,.agents-footnote{color:var(--hylo-color-ink2);font-size:var(--hylo-font-caption-size);line-height:1.5}.agents-identity{align-items:center;gap:16px;padding:12px 0;display:flex}.agents-identity h2{font-size:var(--hylo-font-title3-size,20px)}.agents-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.agents-filters{flex-shrink:0;gap:8px;padding:2px 0 8px;display:flex;overflow-x:auto}.agents-form{flex-direction:column;gap:18px;padding:12px 4px;display:flex}.agents-catalog-row{text-align:start;width:100%;min-height:88px;color:var(--hylo-color-ink);border:0;border-bottom:1px solid var(--hylo-color-separator);cursor:pointer;background:0 0;align-items:flex-start;gap:12px;padding:12px 8px;display:flex}.agents-catalog-row:hover{background:var(--hylo-color-accent-soft)}.agents-catalog-row>div{flex:1;min-width:0}.agents-catalog-row strong{font-size:var(--hylo-font-headline-size);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.agents-description{font-size:var(--hylo-font-subheadline-size);color:var(--hylo-color-ink2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:3px 0;line-height:1.45;display:-webkit-box;overflow:hidden}.agents-row-meta{font-size:var(--hylo-font-caption-size);color:var(--hylo-color-ink2);flex-wrap:wrap;gap:8px;display:flex}.agents-row-group{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.agents-fields{flex-direction:column;gap:12px;width:100%;margin:0;display:flex}.agents-fields>div{border-bottom:1px solid var(--hylo-color-separator);flex-wrap:wrap;align-items:baseline;gap:12px;padding:6px 0;display:flex}.agents-fields dt{color:var(--hylo-color-ink2);min-width:120px;font-size:var(--hylo-font-caption-size)}.agents-fields dd{overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.agents-value{white-space:pre-wrap;overflow-wrap:anywhere}.agents-readonly{min-width:0;max-width:100%;overflow:hidden}.agents-readonly pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;-webkit-user-select:text;user-select:text;max-height:420px;margin:0;line-height:1.5;overflow-y:auto}.agents-effective-fact{border-bottom:1px solid var(--hylo-color-separator);padding:10px 0}.agents-effective-fact>header{justify-content:space-between;gap:12px;display:flex}.agents-effective-fact small{color:var(--hylo-color-accent)}.agents-loading{justify-content:center;padding:40px;display:flex}.agents-status-accessory{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;padding:8px 12px;display:flex}.agents-status-line{align-items:center;gap:8px;min-height:36px;display:flex}.agents-decision-stack{flex-direction:column;gap:10px;max-height:50vh;padding:8px 12px;display:flex;overflow:auto}.agents-card{border:1px solid var(--hylo-color-separator);border-radius:var(--hylo-radius-card);background:var(--hylo-color-surface-solid,var(--hylo-color-their-bubble));flex-direction:column;gap:12px;padding:16px;display:flex}.agents-card>header{align-items:center;gap:8px;font-weight:600;display:flex}.agents-secret{-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;white-space:pre-wrap}.agents-inline{justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 12px;display:flex}.agents-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.agents-metric{border-radius:var(--hylo-radius-card);background:var(--hylo-color-accent-soft);padding:16px}.agents-metric strong{font-variant-numeric:tabular-nums;font-size:24px;display:block}.agents-check{align-items:center;gap:10px;min-height:44px;display:flex}.agents-check input{accent-color:var(--hylo-color-accent)}.agents-virtual{min-height:150px}.agents-editor-note{color:var(--hylo-color-ink2);font-size:var(--hylo-font-caption-size);padding:8px 12px}[data-layout=phone] .agents-content{padding:12px 16px calc(32px + env(safe-area-inset-bottom));gap:24px}[data-layout=phone] .agents-catalog-row{min-height:104px;padding:12px 8px}[data-layout=phone] .agents-form{padding:8px 0}[data-layout=phone] .agents-fields>div{display:block}[data-layout=phone] .agents-fields dt{margin-bottom:6px}[data-layout=phone] .agents-fields dd{width:100%}[data-layout=phone] .agents-catalog-row strong{font-size:17px}[data-layout=phone] .agents-description{font-size:15px}.agents-page button:focus-visible{outline:2px solid var(--hylo-color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.agents-page *,.agents-status-accessory *{transition:none!important;animation:none!important}}.agents-form fieldset,fieldset.agents-form{border:0;min-inline-size:0;margin:0;padding:0}.agents-filters .hylo-chip{white-space:nowrap;flex-shrink:0}.agents-file-input{display:none}.agents-plus{background:var(--hylo-color-accent);color:var(--hylo-color-on-accent-metadata);border-radius:11px;place-items:center;width:32px;height:32px;font-size:26px;display:grid}.agents-chat-header,.agents-status-seat{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.agents-chat-header{padding:4px 12px}.agents-chat-status{gap:8px;padding:8px 12px;display:grid}.agents-status-seat{justify-content:flex-start}.agents-observed{font-size:var(--hylo-font-caption-size);color:var(--hylo-color-ink2);align-items:center;gap:8px;min-height:28px;display:flex}.agents-pulse{background:var(--hylo-color-agent-violet);border-radius:50%;flex:0 0 7px;width:7px;height:7px;animation:1.6s ease-in-out infinite agents-pulse}.agents-review-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.agents-private-cards{flex-direction:column;gap:12px;max-height:55vh;padding:8px 12px;display:flex;overflow:auto}.agents-avatar-review{justify-items:start;gap:12px;display:grid}.agents-avatar-review img{object-fit:cover;border-radius:var(--hylo-radius-card)}.agents-message-meta{font-size:var(--hylo-font-caption-size);color:var(--hylo-color-ink2);gap:8px;display:flex}.agents-collaboration{background:var(--hylo-color-accent-soft);border:1px solid var(--hylo-color-separator);min-height:44px;color:var(--hylo-color-ink);cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;display:flex}.agents-mono{overflow-wrap:anywhere;font-family:ui-monospace,monospace}.agents-page .hylo-navigation-bar__identity{min-width:100px}.agents-page .hylo-card{overflow-wrap:anywhere}.agents-fields progress{max-width:100%}@keyframes agents-pulse{50%{opacity:.35}}[data-layout=phone] .agents-content .hylo-list-section__header{text-transform:uppercase;letter-spacing:.06em}[data-layout=phone] .agents-filters .hylo-chip>button{font-size:15px}.agents-chat-status progress{max-width:120px;height:5px}@media (prefers-reduced-motion:reduce){.agents-pulse{animation:none}}.agents-group>.hylo-list-section__rows>.hylo-field,.agents-group>.hylo-list-section__rows>.hylo-toggle,.agents-group>.hylo-list-section__rows>.agents-fields{width:calc(100% - 24px);margin:12px}.agents-group>.hylo-list-section__rows>.agents-form,.agents-group>.hylo-list-section__rows>.agents-actions{padding:12px}.agents-group>.hylo-list-section__rows>.hylo-button{margin:8px 12px}.agents-form .agents-group>.hylo-list-section__rows{padding:4px 0}.agents-form .agents-group .agents-form{padding:12px}.agents-page .agents-add{color:var(--hylo-color-accent)}.agents-definition-fields{border:0;min-width:0;margin:0;padding:0}.agents-definition-layers{gap:20px;display:grid}.agents-definition-document{border-top:1px solid var(--hylo-color-separator);gap:10px;padding:12px;display:grid}.agents-support{gap:10px;width:100%;display:grid}.agents-support-card{border:1px solid color-mix(in srgb, var(--hylo-color-agent-violet) 25%, transparent)}.agents-support-card h3{margin-block:0 8px}.agents-support-screen,.agents-preserve-text{white-space:pre-wrap;overflow-wrap:anywhere}.agents-skill-row{padding:12px 16px}@media (width<=767px){.chat-header:has(.agents-chat-header){flex-wrap:wrap}.chat-header:has(.agents-chat-header)>.chat-header-accessories{flex:100%;order:1;min-width:0}.agents-chat-header{flex:1;padding:0 6px 4px}.agents-chat-header>.hylo-button{white-space:normal;text-align:start;min-width:0}}
