/* Catalog shell: title/search/category hierarchy across all three collection pages. */
.catalog-search-slot,.catalog-inline-controls{display:flex;align-items:center;gap:var(--space-5);min-width:0}
.catalog-inline-controls{margin-left:auto}
.catalog-categories{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}
.catalog-categories button{display:flex;align-items:center;min-height:var(--space-10);padding:var(--space-3) var(--space-5);border:0;border-radius:var(--radius-full);background:transparent;color:var(--neutral-400);font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans);cursor:pointer}
.catalog-categories button:is([aria-checked=true],[aria-selected=true]){background:var(--neutral-100);color:var(--neutral-700);font-weight:var(--fw-regular)}
.catalog-categories button:hover{background:var(--surface-hover)}
.catalog-back{display:flex;align-items:center;gap:var(--space-4);padding:0;margin:0 0 var(--space-6);background:none;border:0;color:var(--neutral-400);font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans);cursor:pointer}
.catalog-back>.ph{font-size:var(--space-6)}
#view:not([data-catalog-schedule=true]) .catalog-back{display:none}
#view[data-catalog-layout=original] :is(.catalog-categories,.catalog-schedule,.catalog-back,.catalog-search-slot){display:none}
#view:not([data-catalog-layout=original]) :is(.agent-browser-toolbar,.collection-page-toolbar){padding-top:var(--space-12);padding-bottom:var(--space-6)}
#view:not([data-catalog-layout=original]) :is(.agent-browser-heading,.collection-page-heading){display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-6)}
#view:not([data-catalog-layout=original]) :is(.agent-browser-heading,.collection-page-heading) h1{font:var(--fw-regular) var(--type-h2-size)/var(--type-h2-lh) var(--font-sans);margin:0;white-space:nowrap}
#view:not([data-catalog-layout=original]) :where(.collection-page-toolbar,.agent-browser-toolbar) .collection-search{width:100%;transition:none}
#view:not([data-catalog-layout=original]) :where(.collection-page-toolbar,.agent-browser-toolbar) .collection-search input{font-size:var(--type-b3-size)}
#view:not([data-catalog-layout=original]) :where(.collection-page-toolbar,.agent-browser-toolbar) .collection-search [data-collection-search-close],#view:not([data-catalog-layout=original]) :where(.collection-page-toolbar,.agent-browser-toolbar) .collection-search [data-page-search-close]{display:flex!important}
#view:not([data-catalog-layout=original]) :where(.collection-page-toolbar,.agent-browser-toolbar) .collection-search[data-search-empty=true] :is([data-collection-search-close],[data-page-search-close]){visibility:hidden}
#view:not([data-catalog-layout=original]) .agent-browser-tabbar{display:none}
#view:not([data-catalog-layout=original]) .catalog-search-slot{margin-bottom:var(--space-6)}
#view[data-catalog-layout=inline] .catalog-search-slot{display:none}
#view[data-catalog-layout=inline] .catalog-inline-controls>.collection-search{width:calc(var(--space-14)*3);height:var(--space-10)}
#view:not([data-catalog-layout=original]) .catalog-inline-controls>.btn,#view:not([data-catalog-layout=original]) .catalog-inline-controls>.menu-wrap>.btn{height:var(--space-10);white-space:nowrap}
#view:not([data-catalog-layout=original]) .collection-page-tabbar{display:flex}
#view:not([data-catalog-layout=original]) .collection-page-tabbar .tabs{display:flex}
#view:not([data-catalog-layout=original]) .agent-browser-list{padding-top:var(--space-10)}

.catalog-categories button:focus-visible,.catalog-back:focus-visible{outline:var(--stroke-1) solid var(--border-strong);outline-offset:var(--space-2)}
@media(max-width:700px){
 #view:not([data-catalog-layout=original]) :is(.agent-browser-toolbar,.collection-page-toolbar){padding-top:var(--space-11)}
 #view[data-catalog-layout=inline] :is(.agent-browser-heading,.collection-page-heading){flex-wrap:wrap}
 #view[data-catalog-layout=inline] .catalog-inline-controls{flex:1 0 100%;margin-left:0;gap:var(--space-4)}
 #view[data-catalog-layout=inline] .catalog-inline-controls>.collection-search{flex:1;width:auto;min-width:0}
 #view:not([data-catalog-layout=original]) .catalog-categories{gap:var(--space-1)}
 #view:not([data-catalog-layout=original]) .catalog-categories button{padding-inline:var(--space-4)}
}

/* Calm catalog rows: a consistent identity tile, a readable two-line rhythm, and quiet actions. */
#view:is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-browser-list .list-row{height:auto;min-height:calc(var(--space-14) + var(--space-4));padding:0 var(--space-6);margin-bottom:var(--space-2);border-radius:var(--radius-xl);border:var(--stroke-1) solid transparent;gap:var(--space-4)}
#view:is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-browser-list .list-row::before{display:none}
#view:is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-browser-list .collection-open{gap:var(--space-6);padding-block:var(--space-6)}
#view:is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-browser-list .collection-open>:is(.ph,.bico){width:var(--space-11);height:var(--space-10);flex:0 0 var(--space-11);border-radius:var(--radius-lg);background:var(--neutral-100)}
#view:is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-browser-list .collection-open>.bico img{width:var(--space-8);height:var(--space-8)}
#view:is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-browser-list .collection-copy{gap:var(--space-2)}
#view:is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-browser-list .list-row__label{font:var(--fw-regular) var(--type-b2-size)/var(--type-b2-lh) var(--font-sans)}
#view:is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-browser-list .collection-description{font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans);color:var(--neutral-400)}
#view[data-agent-row-style=outlined] .agent-browser-list .list-row{border-color:var(--border);margin-bottom:var(--space-4)}
#view[data-agent-row-style=outlined] .agent-browser-list .list-row:hover{border-color:var(--border-strong)}
@media(max-width:600px){
 #view:is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-browser-list .list-row{padding-inline:var(--space-4);gap:var(--space-2)}
 #view:is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-browser-list .collection-open{gap:var(--space-5)}
 #view:is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-browser-list .list-row__label{white-space:normal}
 #view:is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-browser-list .collection-description{white-space:normal}
}

#view:is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-template>.ph:first-child{display:flex;align-items:center;justify-content:center;width:var(--space-11);height:var(--space-10);flex-basis:var(--space-11)}
#view:is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-discovery{margin-top:var(--space-7)}

/* Sep 12: compact the two catalog layouts while retaining the original comparison. */
#view:not([data-catalog-layout=original]):is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-browser-list .list-row{min-height:var(--space-13);margin-bottom:var(--space-4)}
#view:not([data-catalog-layout=original]):is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-browser-list .collection-open{padding-block:var(--space-4)}
#view:not([data-catalog-layout=original]):is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-browser-list .collection-copy{gap:var(--space-1)}
#view:not([data-catalog-layout=original])[data-agent-row-style=outlined] .agent-browser-list .list-row{margin-bottom:var(--space-2)}

/* Categories are selected in the header; these wrappers carry row metadata only. */
#view .agent-browser-list .collection-group{margin:0}

/* One collection system: no local control skin; input/button sizes come from components.css. */
#view:has(:is(.agent-browser-toolbar,.collection-page-toolbar)){--text-primary:var(--neutral-700);--text-muted:var(--neutral-400)}
#view:not([data-catalog-layout=original]) .collection-search.input { padding-inline:var(--space-4);gap:0; }
#view[data-catalog-layout=inline] .catalog-inline-controls>.collection-search { height:var(--space-10);width:240px; }
#view:not([data-catalog-layout=original]) :where(.collection-page-toolbar,.agent-browser-toolbar) .collection-search .toolbar-icon-btn { width:var(--space-8);height:var(--space-8);border-radius:var(--radius-sm); }
.catalog-category-row,.catalog-category-tools { display:flex;align-items:center;gap:var(--space-4); }
.catalog-category-row { justify-content:space-between; }
.catalog-category-tools { flex-shrink:0; }
.catalog-category-tools>.toolbar-icon-btn { width:var(--space-10);height:var(--space-10);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-md); }
.catalog-categories button { height:var(--space-10);min-height:var(--space-10);padding-block:0; }
:is(.agent-browser-toolbar,.collection-page-toolbar) .tab { min-height:var(--space-10);padding-block:0;color:var(--neutral-400); }
:is(.agent-browser-toolbar,.collection-page-toolbar) .tab--active { color:var(--neutral-700); }
#view[data-catalog-layout=original] .catalog-category-row { display:none; }
/* Row content stays aligned before and during hover. Only its hit surface extends outwards. */
#view:not([data-catalog-layout=original]):is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-browser-list .list-row { margin-inline:calc(-1 * var(--space-6));width:calc(100% + var(--space-6) * 2);padding-inline:var(--space-6);border:0;position:relative; }
#view:not([data-catalog-layout=original])[data-agent-row-style=outlined] .agent-browser-list .list-row { box-shadow:inset 0 0 0 var(--stroke-1) var(--border); }
#view:not([data-catalog-layout=original]) .agent-browser-list { overflow-x:hidden; }
#view:is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-browser-list .collection-open>:is(.ph,.bico) { width:var(--space-11);height:var(--space-11);flex-basis:var(--space-11);font-size:var(--space-7); }
#view:is([data-agent-row-style=quiet],[data-agent-row-style=outlined]) .agent-browser-list .collection-open>.bico img { width:var(--space-7);height:var(--space-7); }
#view .agent-browser-list .collection-description,#view .detail-head__sub { color:var(--neutral-400); }
@media(max-width:600px){
 .catalog-category-row{flex-wrap:nowrap;gap:var(--space-3)}
 .catalog-category-tools{margin-left:auto}
 #view[data-catalog-layout=inline] .catalog-inline-controls>.collection-search{width:auto}
}
/* Desktop refinement: preserve a readable metadata line beside the centered actions. */
#view:has(.agent-browser-toolbar){--layout-scheduled-detail-w:calc(100% * 32 / 59);--layout-scheduled-detail-min-w:var(--space-0);--layout-scheduled-detail-main-min-w:var(--space-0)}
#view:has(.agent-browser-toolbar) .surface-detail-pane{padding:var(--space-8);overflow:hidden}
.agent-master-detail{height:100%;display:flex;flex-direction:column;min-height:0}
.agent-master-detail .detail-head{align-items:center;padding:0;gap:var(--space-6);min-height:var(--space-12);flex-shrink:0}
.agent-master-detail .detail-head__title{font:var(--fw-medium) var(--type-b2-size)/var(--type-b2-lh) var(--font-sans)}
.agent-master-detail .detail-head__sub{margin-top:var(--space-3);font:var(--fw-regular) var(--type-b3-size)/var(--type-b4-lh,20px) var(--font-sans)}
.agent-master-detail .detail-head__actions{gap:var(--space-4);align-items:center}
.agent-master-detail .surface-browser__close{position:static;width:var(--space-10);height:var(--space-10)}
.agent-detail-toggle{border:0;padding:0;background:transparent;width:var(--space-11);height:var(--space-11);display:grid;place-items:center;cursor:pointer}
.agent-detail-toggle .toggle{pointer-events:none}
.agent-detail-tabs{margin-block:var(--space-8) var(--space-6);flex-shrink:0}
.agent-detail-scroll{overflow:auto;min-height:0;flex:1;scrollbar-gutter:stable}
.agent-detail-goal{background:var(--neutral-50);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6)}
.agent-detail-goal>div{display:flex;gap:var(--space-4);align-items:center;font:var(--fw-medium) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
.agent-detail-goal p{margin:var(--space-4) 0 0;font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans);color:var(--neutral-500)}
.agent-detail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-block:var(--space-6) var(--space-8)}
.agent-detail-stats>div{border:0.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}
.agent-detail-stats span{font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans);color:var(--neutral-500)}
.agent-detail-stats strong{font:var(--fw-semibold) var(--type-h3-size)/var(--type-h3-lh) var(--font-sans);font-variant-numeric:tabular-nums}
.agent-detail-runs h3{margin:0 0 var(--space-5);font:var(--fw-medium) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
.agent-detail-run{width:100%;display:grid;grid-template-columns:1fr auto;gap:var(--space-2) var(--space-4);padding:var(--space-5) var(--space-6);border:0;border-radius:var(--radius-md);background:transparent;text-align:left;color:var(--neutral-700);cursor:pointer;font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}

.agent-detail-run:hover{background:var(--neutral-100)}
.agent-detail-run small{grid-column:1;color:var(--neutral-500);font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans)}
.agent-detail-run>.ph{grid-column:2;grid-row:1/3;align-self:center;color:var(--neutral-400)}
.agent-detail-empty{padding:var(--space-10);text-align:center;color:var(--neutral-400);font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
.agent-detail-empty>.ph{font-size:var(--space-8)}
.agent-detail-empty p{margin:var(--space-4) 0;color:var(--neutral-700)}
.agent-workflow-heading{display:flex;align-items:center;justify-content:space-between;margin:var(--space-8) 0 var(--space-5);font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
.agent-flow-shell{position:relative;border:var(--stroke-1) solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.agent-flow{height:474px;padding:var(--space-7) var(--space-7) var(--space-14);overflow:auto;scrollbar-gutter:stable;background:radial-gradient(var(--neutral-300) 1px,transparent 1px) 0 0/40px 40px}.agent-flow:focus-visible{outline:2px solid var(--border-active);outline-offset:-2px}.agent-flow-tools{position:absolute;right:var(--space-6);bottom:var(--space-6);display:flex;align-items:center;border:var(--stroke-1) solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}.agent-flow-tools output{min-width:var(--space-11);text-align:center}
.agent-flow-track{display:flex;flex-direction:column;align-items:center;min-width:500px;zoom:.8}
.agent-flow-node{box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-lg);background:var(--surface);max-width:100%}
.agent-flow-node>span{background:var(--neutral-50);width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);display:grid;place-items:center}
.agent-flow-node>div{display:flex;flex-direction:column;gap:var(--space-4);font:var(--fw-regular) var(--type-b3-size)/1 var(--font-sans)}
.agent-flow-node small{font:var(--fw-regular) var(--type-c1-size)/1 var(--font-sans);color:var(--neutral-500)}
.agent-flow-line{height:var(--space-10);width:1px;background:var(--neutral-400);position:relative}
.agent-flow-line::after{content:'';position:absolute;bottom:0;left:-2px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid var(--neutral-300)}
.agent-flow-branches{display:flex;gap:var(--space-10);padding-top:var(--space-7)}
.agent-flow-branches>div{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}
.agent-flow-branches>div>small{color:var(--neutral-500)}
.agent-detail-footer{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-6)}
.agent-master-detail [hidden]{display:none!important}
@media(max-width:1100px){.agent-master-detail .detail-head{flex-wrap:wrap}.agent-master-detail .detail-head__main{flex-basis:100%}.agent-master-detail .detail-head__actions{margin-left:auto}.agent-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}}

@container collection-toolbar (max-width:460px){.catalog-category-row{gap:var(--space-3)}.catalog-categories{flex-wrap:nowrap;gap:var(--space-1)}.catalog-categories button{padding-inline:var(--space-4)}.catalog-category-tools{gap:var(--space-2)}.catalog-schedule>span{display:none}.catalog-schedule{width:var(--space-10);padding:0}}

#view:not([data-catalog-layout=original]) .collection-filter [data-collection-filter]{display:none}

.agent-flow-branches{position:relative;padding-top:var(--space-10)}.agent-flow-branches::before{content:'';position:absolute;top:var(--space-6);left:25%;right:25%;height:var(--space-6);border:var(--stroke-1) solid var(--neutral-300);border-bottom:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.agent-flow-branches>div{position:relative}.agent-flow-branches>div>small{background:var(--surface);z-index:1;padding-inline:var(--space-3)}
:is(.agent-browser-heading,.collection-page-heading) h1{color:var(--neutral-700)}

.agent-overview-heading,.agent-runs-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
.agent-runs-heading{height:36px;border-bottom:0.5px solid var(--border);color:var(--neutral-400);font-size:var(--type-c1-size);margin:0}.agent-runs-heading h3{font:inherit;margin:0}.agent-run-dot{grid-column:2;grid-row:1/3;align-self:center;width:var(--space-3);height:var(--space-3);border-radius:var(--radius-full);background:var(--success-500)}
@container collection-toolbar (max-width:360px){.catalog-categories button{padding-inline:var(--space-3)}.catalog-category-tools{gap:0}}

[data-agent-detail-panel=settings]{display:flex;flex-direction:column;overflow:auto;scrollbar-gutter:auto}[data-agent-detail-panel=settings]>.field,[data-agent-detail-panel=settings]>.agent-workflow-heading{flex-shrink:0}[data-agent-detail-panel=settings]>.agent-flow-shell{flex:1;min-height:180px}[data-agent-detail-panel=settings] .agent-flow{height:100%;box-sizing:border-box}

.agent-detail-scroll>.alert{margin-block:0 var(--space-6)!important}.agent-run-dot--error{background:var(--danger-500)}.agent-run-dot--waiting{background:var(--neutral-300)}

/* Sep12 requested collection cleanup: metadata, identity colors, and display modes. */
.catalog-search-pair{display:flex;align-items:center;gap:var(--space-4);min-width:0;width:100%}
.catalog-search-pair>.collection-search{flex:1;min-width:0}
.catalog-search-pair>[data-collection-filter-trigger]{flex:0 0 var(--space-10);width:var(--space-10);height:var(--space-10);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-md);color:var(--neutral-500)}
#view[data-catalog-layout=inline] .catalog-search-pair{width:280px;flex-shrink:1}
#view[data-catalog-layout=inline] .catalog-search-pair .collection-search{height:var(--space-10);width:auto}
#view[data-catalog-schedule=true] .catalog-category-row{display:flex;justify-content:flex-end}
.catalog-category-tools{margin-left:auto}
.catalog-view-switch{flex-shrink:0}
.catalog-view-switch .segmented__item{border:0;cursor:pointer;font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
#view[data-agent-row-style] .agent-browser-list .collection-open>:is(.ph,.bico){background:var(--neutral-50)}
#view .agent-browser-list .collection-open>.ph{color:var(--neutral-700)}
#view .agent-browser-list .collection-description{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-4);overflow:visible;white-space:normal}

#view .agent-browser-list .collection-description>.agent-org-tags{position:static;display:inline-flex;align-items:center;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip-path:none;flex:0 1 auto;gap:var(--space-2)}
#view .agent-browser-list .agent-org-tags>span{display:inline;background:transparent;color:inherit;padding:0;border-radius:0;font:inherit}


/* September 14 default. User references own top spacing, fade, metadata, split and calendar. */
#view:not([data-catalog-layout=original]) :is(.agent-browser-toolbar,[data-collection-page=library]){padding-top:var(--space-14);padding-bottom:0;position:relative;border:0;z-index:3}
:is(.agent-browser-toolbar,[data-collection-page=library])::after{content:'';position:absolute;top:100%;left:0;right:0;height:var(--space-6);background:linear-gradient(to bottom,var(--surface),transparent);pointer-events:none}
#view:not([data-catalog-layout=original]) .agent-browser-list{padding-top:var(--space-10)}
#view .agent-browser-list .list-row[data-agent-paused=true] .list-row__label{color:var(--neutral-500)}
#view .agent-browser-list .collection-description{gap:0;color:var(--neutral-400)}
#view .agent-browser-list .list-row[data-agent] .collection-description{color:var(--neutral-400)}
#view .agent-browser-list [data-agent-paused-label]::after{content:none}
#view .agent-browser-list .collection-description>span+span::before,#view .agent-browser-list .agent-org-tags>span+span::before{content:'·';display:inline-block;margin-inline:var(--space-3)}
#view .agent-browser-list .collection-description>.agent-org-tags{gap:0;color:inherit}
#view .agent-browser-list .collection-description>.agent-org-tags::before{flex-shrink:0}
.catalog-view-switch.segmented{display:flex;gap:var(--space-1);padding:0;background:transparent;border:0;border-radius:var(--radius-lg);box-shadow:none}
.catalog-view-switch .segmented__item{display:flex;align-items:center;gap:0;height:var(--space-10);padding:0 var(--space-4);background:transparent;color:var(--neutral-400);border-radius:var(--radius-md);box-shadow:none}
.catalog-view-switch .segmented__item--active{background:transparent;color:var(--neutral-500)}
.catalog-view-switch .segmented__item>.ph{font-size:var(--space-6);color:var(--neutral-500)}
.catalog-view-switch .segmented__item>span{display:block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width 320ms ease,opacity 320ms ease,margin-left 320ms ease}
.catalog-view-switch .segmented__item--active>span{max-width:var(--space-14);opacity:1;margin-left:var(--space-3)}
.catalog-view-switch .segmented__item:hover{background:var(--neutral-100)}
.agent-usage{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-4);flex:0 0 auto;margin-bottom:var(--space-4);padding:0;background:var(--surface);color:var(--neutral-500);font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans)}
.agent-usage>.ph{font-size:var(--space-6)}
.agent-usage strong{font-weight:var(--fw-medium);color:var(--neutral-700)}
.agent-usage strong span{font-weight:var(--fw-regular);color:var(--neutral-400)}
#view:has(.agent-browser-toolbar) .surface-detail-pane{border-left:var(--stroke-hairline) solid var(--border)}
.agent-master-detail .detail-head{flex-wrap:wrap;gap:var(--space-4)}
.agent-master-detail .detail-head__main{flex:1 1 100%}
.agent-master-detail .detail-head__actions{margin-left:auto}
.agent-detail-tabs{margin-block:var(--space-6)}
.agent-overview-heading{margin-bottom:var(--space-4)}
.agent-overview-heading>.btn{border:0;padding-inline:var(--space-3)}
.agent-detail-goal{padding:var(--space-5) var(--space-6)}
.agent-detail-goal p{margin-top:var(--space-4)}
.agent-detail-stats{gap:var(--space-4);margin-block:var(--space-4) var(--space-6)}
.agent-detail-stats>div{gap:var(--space-1);padding:var(--space-4) var(--space-5);border-width:var(--stroke-hairline)}
.agent-detail-stats strong{font:var(--fw-semibold) var(--type-h3-size)/var(--type-h3-lh) var(--font-sans)}
.agent-detail-stats span{font-size:var(--type-c1-size);white-space:nowrap}
.agent-detail-run{background:var(--surface);min-height:var(--space-13);padding:var(--space-5)}
.agent-detail-run:is(:hover,:focus-visible){background:var(--neutral-100)}
.agent-runs-heading{padding-inline:var(--space-5);margin-bottom:var(--space-2)}
.agent-detail-runs .agent-runs-heading h3{margin:0;font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans)}
.agent-runs-search,.agent-runs-filter{width:100%;margin-block:var(--space-4)}

@container scheduled-detail (max-width:440px){.agent-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container collection-toolbar (max-width:450px){.agent-browser-heading{flex-wrap:wrap}.agent-browser-heading .catalog-inline-controls{flex:1 0 100%;margin-left:0}.agent-browser-heading .catalog-search-pair{flex:1;width:auto!important}}
@container collection-toolbar (max-width:450px){.catalog-category-row{flex-wrap:wrap}.catalog-category-tools{margin-left:0}.catalog-categories{flex-wrap:nowrap}}
@media(max-width:600px){#view:not([data-catalog-layout=original]) :is(.agent-browser-toolbar,[data-collection-page=library]){padding-top:var(--space-8)}.agent-usage{gap:var(--space-3);flex-wrap:wrap}.agent-master-detail .detail-head__actions{gap:var(--space-3)}}
@media(prefers-reduced-motion:reduce){.catalog-view-switch .segmented__item>span{transition:none}}

/* Calendar: named events in month cells and a scrollable 24-hour week grid. */
[data-schedule-calendar]{--calendar-hour-height:var(--space-12);--calendar-time-w:calc(var(--space-12) + var(--space-4))}
#view[data-catalog-schedule=true] .schedule-content{padding:var(--space-8) var(--space-6) var(--space-8)}
.schedule-weekday{background:var(--surface);padding:var(--space-4);color:var(--neutral-500)}
.schedule-month{border-radius:var(--radius-lg)}
.schedule-cell{min-width:0;min-height:calc(var(--space-14) + var(--space-8));padding:var(--space-2);border-top:var(--stroke-hairline) solid var(--border);border-right:var(--stroke-hairline) solid var(--border)}
.schedule-cell:nth-child(7n){border-right:0}
.schedule-date{display:grid;place-items:center;width:var(--space-8);height:var(--space-8);margin:0 auto var(--space-2);border:0;border-radius:var(--radius-full);background:transparent;color:var(--neutral-700);font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans);cursor:pointer}
.schedule-date:hover,.schedule-date[aria-pressed=true]{background:var(--neutral-100)}
.schedule-cell[data-outside=true] .schedule-date{color:var(--neutral-400)}
.schedule-date[aria-current=date]{background:var(--neutral-900);color:var(--surface)}
.schedule-cell-events{display:flex;flex-direction:column;gap:var(--space-2)}
.schedule-event{display:flex;align-items:baseline;gap:var(--space-2);width:100%;padding:var(--space-2);border:var(--stroke-hairline) solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--neutral-700);text-align:left;font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans);cursor:pointer;min-width:0}
.schedule-event time{margin-left:auto;color:var(--neutral-400);flex-shrink:0;font-variant-numeric:tabular-nums}
.schedule-event>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.schedule-event:is(:hover,:focus-visible){background:var(--neutral-100)}
.schedule-week{border:var(--stroke-hairline) solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.schedule-week-head,.schedule-week-grid{display:grid;grid-template-columns:var(--calendar-time-w) repeat(7,minmax(0,1fr))}
.schedule-week-head{border-bottom:var(--stroke-hairline) solid var(--border);background:var(--surface)}
.schedule-week-heading{text-align:center;padding:var(--space-4);border-left:var(--stroke-hairline) solid var(--border);color:var(--neutral-500);font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans)}
.schedule-week-heading .schedule-date{width:var(--space-10);height:var(--space-10);margin-top:var(--space-2);font-size:var(--type-b2-size)}
.schedule-week-zone{align-self:end;padding:var(--space-4) var(--space-2);font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans);color:var(--neutral-500)}
.schedule-week-scroll{height:calc(var(--calendar-hour-height)*9);overflow:auto;scrollbar-width:thin}
.schedule-hours{display:flex;flex-direction:column}
.schedule-hours>span{height:var(--calendar-hour-height);flex-shrink:0;padding:var(--space-2);text-align:center;color:var(--neutral-500);font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans)}
.schedule-week-column{position:relative;min-width:0;border-left:var(--stroke-hairline) solid var(--border);background:repeating-linear-gradient(to bottom,var(--border) 0,var(--border) var(--stroke-hairline),transparent var(--stroke-hairline),transparent var(--calendar-hour-height))}
.schedule-event--timed{position:absolute;top:calc(var(--calendar-event-hour)*var(--calendar-hour-height));left:var(--space-2);width:calc(100% - var(--space-2)*2);height:calc(var(--calendar-hour-height) - var(--space-2));flex-direction:column;gap:0;overflow:hidden}
.schedule-event--timed>span{white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
@media(max-width:600px){#view[data-catalog-schedule=true] .schedule-content{padding-inline:var(--space-6)}.schedule-cell{min-height:var(--space-14)}.schedule-event{flex-direction:column;gap:0}.schedule-week{min-width:calc(var(--space-14)*7)}[data-calendar-view=week]{overflow-x:auto}.schedule-toolbar{gap:var(--space-4)}.schedule-controls{margin-left:0}}

/* Desktop detail: keep workflow navigation visible within the available pane. */
@media(min-width:1024px){.agent-flow-shell{height:clamp(240px,calc(100dvh - 352px),474px)}.agent-flow{height:100%}}
.schedule-timezone{color:var(--neutral-500);margin-bottom:var(--space-4)}

/* Agents refinement: inset selection surfaces, aligned detail actions, optional icon header. */
#view .agent-browser-list .collection-more,#view .agent-browser-list .collection-more>.ph{color:var(--neutral-500)}
@media(min-width:1024px){
 #view:not([data-catalog-layout=original]) .surface-browser.is-detail-open .agent-browser-list{padding-inline:var(--space-10)}
 #view .agent-master-detail .detail-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-4);row-gap:0}
 #view .agent-master-detail .detail-head__main{display:flex;flex-direction:column;min-width:0;gap:var(--space-2)}
 #view .agent-master-detail .detail-head__title{grid-column:1;grid-row:1;line-height:var(--type-b2-lh);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #view .agent-master-detail .detail-head__sub{grid-column:1 / -1;grid-row:2;margin-top:0}
 #view .agent-master-detail .detail-head__actions{grid-column:2;grid-row:1;margin:0;height:var(--space-10);gap:var(--space-3)}
}
#view:is([data-agent-header=icons],:has([data-collection-page=library])) .catalog-search-pair{width:auto;flex-shrink:0}
#view:is([data-agent-header=icons],:has([data-collection-page=library])) .catalog-search-pair>[data-collection-filter-trigger]{border:0;background:transparent;color:var(--neutral-500)}
#view:is([data-agent-header=icons],:has([data-collection-page=library])) .collection-search[data-search-open=false]{width:var(--space-10);flex:0 0 var(--space-10);border:0;box-shadow:none;background:transparent;padding:0}
#view:is([data-agent-header=icons],:has([data-collection-page=library])) .collection-search[data-search-open=false] :is(input,[data-collection-search-close],[data-page-search-close]){display:none!important}
#view:is([data-agent-header=icons],:has([data-collection-page=library])) .collection-search[data-search-open=false] :is([data-collection-toggle],[data-page-search-toggle]){width:var(--space-10);height:var(--space-10);border:0;color:var(--neutral-500)}
#view:is([data-agent-header=icons],:has([data-collection-page=library])) .collection-search[data-search-open=true]{width:calc(var(--space-14)*3);flex:1}
#view:is([data-agent-header=icons],:has([data-collection-page=library])) :is([data-collection-filter-trigger],:is([data-collection-toggle],[data-page-search-toggle])):hover,.catalog-icon-button:hover{background:var(--neutral-100)}

/* Agent schedule captions, shared quiet hover, and icon-first search. */
#view .agent-browser-list :is(.list-row[data-agent],.agent-template) .collection-copy{display:grid;grid-template-columns:minmax(0,auto) 1fr;column-gap:var(--space-4);align-items:baseline}
#view .agent-browser-list :is(.list-row[data-agent],.agent-template) .collection-description{grid-column:1/-1}
#view .agent-browser-list [data-agent-kind]{font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans);color:var(--neutral-500);opacity:0;transition:opacity 180ms ease;white-space:nowrap}
#view .agent-browser-list :is(.list-row,.agent-template):is(:hover,:focus-within) [data-agent-kind]{opacity:1}
#view .agent-browser-list .collection-open>:is(.ph,.bico),#view[data-customize-card-surface=flat] :is(.customize-tool-entry,.customize-browser-entry)>.customize-tool-icon{transition:transform 180ms cubic-bezier(.2,.7,.3,1)}
#view .agent-browser-list .list-row:is(:hover,:focus-within) .collection-open>:is(.ph,.bico),#view[data-customize-card-surface=flat] :is(.customize-tool-entry,.customize-browser-entry):is(:hover,:focus-visible)>.customize-tool-icon{transform:translateY(calc(-1 * var(--space-1))) scale(1.04)}
#view .detail-head__sub>strong{color:var(--neutral-700);font-weight:var(--fw-medium)}
#view .agent-master-detail .detail-head__sub{white-space:normal;overflow:visible;overflow-wrap:anywhere}
#view:is([data-agent-header=icons],:has([data-collection-page=library])) .catalog-search-pair .collection-search{flex:0 0 auto;border:0;background:transparent;box-shadow:none;padding:0;overflow:hidden;transition:width 200ms ease-out}
#view:is([data-agent-header=icons],:has([data-collection-page=library])) .collection-search[data-search-open=false] input{display:block!important;opacity:0;pointer-events:none}
#view:is([data-agent-header=icons],:has([data-collection-page=library])) .collection-search[data-search-open=true] input{opacity:1}
#view:is([data-agent-header=icons],:has([data-collection-page=library])) .collection-search input{transition:opacity 200ms ease;min-width:0}
:is(#view:is([data-agent-header=icons],:has([data-collection-page=library])) .collection-search :is([data-collection-toggle],[data-page-search-toggle]),.catalog-icon-button){flex:0 0 var(--space-10);width:var(--space-10);height:var(--space-10);background:transparent;color:var(--neutral-500)}
#view .catalog-icon-button>.ph{font-size:var(--space-6);color:inherit}
@media(prefers-reduced-motion:reduce){#view[data-customize-card-surface=flat] .customize-tool-icon,#view .agent-browser-list .collection-open>:is(.ph,.bico),#view .agent-browser-list [data-agent-kind],#view:is([data-agent-header=icons],:has([data-collection-page=library])) .catalog-search-pair .collection-search,#view:is([data-agent-header=icons],:has([data-collection-page=library])) .collection-search input{transition:none}#view .agent-browser-list .list-row:is(:hover,:focus-within) .collection-open>:is(.ph,.bico),#view[data-customize-card-surface=flat] :is(.customize-tool-entry,.customize-browser-entry):is(:hover,:focus-visible)>.customize-tool-icon{transform:none}}

/* Alternate identity hover, selected through Agent view options. */
@media(prefers-reduced-motion:no-preference){#view[data-agent-icon-motion=tilt] .agent-browser-list .list-row:is(:hover,:focus-within) .collection-open>:is(.ph,.bico){transform:rotate(-8deg) scale(1.04)}}

/* Keep the identity tile fixed while its glyph or original brand image tilts. */
#view[data-agent-icon-motion=icon-only]{--agent-brand-tilt:-8deg;--agent-glyph-tilt:-16deg}
#view[data-agent-icon-motion=icon-right]{--agent-brand-tilt:8deg;--agent-glyph-tilt:16deg}
#view:is([data-agent-icon-motion=icon-only],[data-agent-icon-motion=icon-right]) .agent-browser-list .list-row:is(:hover,:focus-within) .collection-open>:is(.ph,.bico){transform:none}
#view:is([data-agent-icon-motion=icon-only],[data-agent-icon-motion=icon-right]) .agent-browser-list .collection-open>.ph::before{display:inline-block}
@media(prefers-reduced-motion:no-preference){
 #view:is([data-agent-icon-motion=icon-only],[data-agent-icon-motion=icon-right]) .agent-browser-list .collection-open>.ph::before,#view:is([data-agent-icon-motion=icon-only],[data-agent-icon-motion=icon-right]) .agent-browser-list .collection-open>.bico img{transition:transform 180ms cubic-bezier(.2,.7,.3,1)}
 #view:is([data-agent-icon-motion=icon-only],[data-agent-icon-motion=icon-right]) .agent-browser-list .list-row:is(:hover,:focus-within) .collection-open>.ph::before,#view:is([data-agent-icon-motion=icon-only],[data-agent-icon-motion=icon-right]) .agent-browser-list .list-row:is(:hover,:focus-within) .collection-open>.bico img{transform:rotate(var(--agent-brand-tilt)) scale(1.04)}
}

/* Sep15: stronger glyph-only tilt, a direct two-choice calendar control, and shared event rows. */
@media(prefers-reduced-motion:no-preference){
 #view:is([data-agent-icon-motion=icon-only],[data-agent-icon-motion=icon-right]) .agent-browser-list .list-row:is(:hover,:focus-within) .collection-open>.ph::before{transform:rotate(var(--agent-glyph-tilt)) scale(1.04)}
 #view[data-agent-icon-motion=tilt] .agent-browser-list .list-row:is(:hover,:focus-within) .collection-open>.ph{transform:rotate(-16deg) scale(1.04)}
}
.schedule-period h2{font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
.schedule-controls{height:var(--space-10);gap:var(--space-2);padding:var(--space-2);border:var(--stroke-1) solid var(--neutral-200);border-radius:var(--radius-sm);overflow:hidden}
.schedule-controls [data-schedule-view]{height:100%;min-height:0;padding:0 var(--space-5);border:0;border-radius:calc(var(--radius-sm) - var(--space-2) - var(--stroke-1));background:transparent;color:var(--neutral-500);box-shadow:none;font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
.schedule-controls [data-schedule-view][aria-pressed=true]{color:var(--neutral-700);background:var(--neutral-100)}
.schedule-controls [data-schedule-view][aria-pressed=false]:hover{background:var(--neutral-50)}
.schedule-controls [data-schedule-view]:focus-visible{outline-offset:calc(-1 * var(--space-1))}
[data-calendar-view=week]{--calendar-hour-height:calc(var(--space-12)*2)}
.schedule-week-scroll{height:calc(var(--space-12)*9)}
.schedule-event--timed{align-items:stretch;top:calc(var(--calendar-event-hour)*var(--calendar-hour-height) + var(--calendar-event-slot,0)*var(--calendar-hour-height)/var(--calendar-event-count,1));height:calc(var(--calendar-hour-height)/var(--calendar-event-count,1) - var(--space-2))}
.schedule-event--timed time{margin-left:0}
#view .schedule-triggered .agent-browser-list{padding:0 var(--space-6);margin:0 calc(-1 * var(--space-6));width:calc(100% + var(--space-6)*2);overflow:visible;flex:none}
#view .schedule-triggered .collection-description{color:var(--neutral-400)}

/* Reserve a control strip so workflow nodes scroll clear of the zoom buttons. */
.agent-flow-shell{box-sizing:border-box;padding-bottom:calc(var(--layout-scheduled-control-size) + var(--space-4)*2)}
.agent-flow-tools{bottom:var(--space-4);right:var(--space-4)}

/* Sept16: quieter type metadata and legible calendar event variants. */
#view .agent-browser-list [data-agent-kind]{justify-self:start;align-self:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface);color:var(--neutral-500);font:var(--fw-medium) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans)}
.schedule-event{padding:var(--space-3);border:var(--stroke-hairline) solid var(--neutral-200)}
.schedule-event time{color:var(--neutral-500)}
#view[data-calendar-event-style=filled] .schedule-event{background:var(--neutral-50);border-color:transparent}
#view[data-calendar-event-style=filled] .schedule-event:hover{background:var(--neutral-100)}
.schedule-event--timed{left:var(--space-3);width:calc(100% - var(--space-3)*2);top:calc(var(--calendar-event-hour)*var(--calendar-hour-height) + var(--calendar-event-slot,0)*(var(--type-c1-lh)*2 + var(--space-3)*3 + var(--stroke-hairline)*2) + var(--space-3));height:auto}
[data-calendar-view=week]{--calendar-hour-height:calc(max(2,var(--calendar-max-events,1))*(var(--type-c1-lh)*2 + var(--space-3)*3 + var(--stroke-hairline)*2) + var(--space-3))}

.schedule-toolbar{margin-bottom:var(--space-4)}
#view[data-calendar-event-style=filled-outline] .schedule-event{background:var(--neutral-50);border-color:var(--neutral-200)}
#view[data-calendar-event-style=filled-outline] .schedule-event:hover{background:var(--neutral-100);border-color:var(--neutral-200)}

/* Identity tile comparisons share geometry and lift motion across every Agent list. */
#view[data-agent-icon-surface=gray-outline] .agent-browser-list .collection-open>:is(.ph,.bico){background:var(--neutral-50);box-shadow:inset 0 0 0 var(--stroke-hairline) var(--neutral-200)}
#view[data-agent-icon-surface=white-outline] .agent-browser-list .collection-open>:is(.ph,.bico){background:var(--white);box-shadow:inset 0 0 0 var(--stroke-hairline) var(--neutral-200)}
#view[data-agent-icon-surface=neutral100] .agent-browser-list .collection-open>:is(.ph,.bico){background:var(--neutral-100)}

/* Customize primary tabs share the Agents category control geometry. */
#view:has([data-collection-page=customize]) .collection-page-tabbar .tabs{gap:var(--space-3)}
#view:has([data-collection-page=customize]) .collection-page-tabbar .tab{height:var(--space-10);min-height:var(--space-10);padding:0 var(--space-5)}

/* Library keeps the shared header rhythm above its existing card grid. */
#view:has([data-collection-page=library]) .collection-page-content{padding-top:var(--space-6)}
#view:has([data-collection-page=library]) .collection-search[data-search-open=true] [data-page-search-close]{visibility:visible}

#view .collection-empty{color:var(--neutral-400)}

/* Embedded collection rows use the host section spacing, preserving Agent row geometry. */
#view:not([data-catalog-layout=original]) .agent-browser-list.asset-resource-list{padding-top:0;overflow:visible}

/* Agents toolbar alternatives reuse the same filters, usage and view state. */
.catalog-agent-meta:empty{display:none}
.catalog-agent-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);min-height:var(--space-10);margin-top:var(--space-5)}
.catalog-agent-meta>.agent-usage{margin:0}
.catalog-agent-meta>.catalog-view-switch{margin-left:auto}
#view[data-agent-arrangement] .catalog-category-tools{gap:var(--space-4)}
#view[data-agent-arrangement] .catalog-search-pair{width:auto;flex:0 1 auto}
#view[data-agent-arrangement] .catalog-category-tools>[data-agent-add]{white-space:nowrap}
#view[data-agent-arrangement=compact] .catalog-view-switch .segmented__item>span{display:none}
#view[data-agent-arrangement=compact] .catalog-view-switch .segmented__item--active{background:var(--neutral-50);color:var(--neutral-700)}
#view[data-agent-arrangement] .catalog-inline-controls[hidden]{display:none}
#view[data-agent-arrangement] .catalog-category-tools>.toolbar-divider{height:var(--space-6);width:var(--stroke-1);background:var(--neutral-200);flex-shrink:0}
#view[data-agent-arrangement] .catalog-category-tools>.toolbar-divider[hidden]{display:none}
@container collection-toolbar (max-width:700px){#view[data-agent-arrangement] .catalog-category-row{flex-wrap:wrap}#view[data-agent-arrangement] .catalog-category-tools{margin-left:0;width:100%;justify-content:flex-end}.catalog-agent-meta{flex-wrap:wrap}}

/* Compact Agents header: fixed category row and Library-sized icon controls. */
#view[data-agent-arrangement=compact] .catalog-categories{flex-wrap:nowrap;flex-shrink:0}
#view[data-agent-arrangement=compact] .catalog-categories button{white-space:nowrap}
#view[data-agent-arrangement=compact] .agent-browser-toolbar{padding-bottom:var(--space-8)}
#view[data-agent-arrangement=compact] .agent-browser-list{padding-top:0}
#view[data-agent-arrangement=compact] .agent-usage{margin-bottom:var(--space-5)}
#view[data-agent-arrangement=compact] .catalog-category-tools>.toolbar-divider{height:var(--space-7);margin-inline:var(--space-2)}
#view[data-agent-arrangement=compact] .catalog-view-switch{padding:0;border:0;background:transparent}
#view[data-agent-arrangement=compact] .collection-search[data-search-open=false]{width:calc(var(--space-10) + var(--space-2));flex-basis:calc(var(--space-10) + var(--space-2))}
#view[data-agent-arrangement=compact] .collection-search[data-search-open=true]{width:calc(var(--space-14)*2)}
#view[data-agent-arrangement=compact] .catalog-search-pair .collection-search{height:calc(var(--space-10) + var(--space-2))}
.agent-filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-5)}
.agent-filter-chips[hidden]{display:none}
.collection-filter{max-height:calc(100vh - var(--space-8));overflow-y:auto}
@container collection-toolbar (min-width:680px){#view[data-agent-arrangement=compact] .catalog-category-row{flex-wrap:nowrap}#view[data-agent-arrangement=compact] .catalog-category-tools{width:auto;margin-left:auto}}