/* Customize collection flows. Geometry and surfaces reuse the shared collection and modal owners. */
/* Card catalog: two columns without detail; one column when the detail pane is open. */
.customize-flow-surface .customize-skill-list { display: block; padding: 0; }
.customize-card-section + .customize-card-section { margin-top: var(--space-10); }
.customize-card-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-6); }
.customize-flow-surface.is-detail-open .customize-card-grid { grid-template-columns: minmax(0,1fr); }
.customize-flow-surface .customize-entry {
  position: relative; display: grid; grid-template-columns: var(--space-10) minmax(0,1fr); grid-template-rows: 1fr auto;
  align-items: start; width: 100%; min-height: calc(var(--space-14) + var(--space-13)); height: auto;
  padding: var(--space-7); margin: 0; gap: var(--space-7) var(--space-5);
  border: var(--stroke-1) solid var(--border); border-radius: var(--radius-xl); box-shadow: none;
  background: var(--surface); text-align: left; color: var(--text-primary); cursor: pointer;
}
.customize-flow-surface .customize-entry:hover { background: var(--surface-subtle); }
.customize-flow-surface .customize-entry.is-picked { background: var(--surface-hover); border-color: var(--border-strong); }
.customize-flow-surface .customize-entry:focus-visible { outline: var(--stroke-1) solid var(--border-active); outline-offset: var(--space-2); }
.customize-entry > .ph,.customize-entry > .bico { display: flex; align-items: center; justify-content: center; width: var(--space-10); height: var(--space-10); font-size: var(--space-8); color: var(--neutral-500); }
.customize-entry > .ph { border-radius: var(--radius-lg); background: var(--surface-hover); }
.customize-entry .bico img { width: var(--space-8); height: var(--space-8); object-fit: contain; }
.customize-entry .collection-copy { display: flex; flex-direction: column; min-width: 0; gap: var(--space-2); }
.customize-entry .customize-skill-name { display: block; font: var(--fw-regular) var(--type-b2-size)/var(--type-b2-lh) var(--font-sans); overflow-wrap: anywhere; }
.customize-entry .collection-description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font: var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans); color: var(--neutral-400); overflow: hidden; white-space: normal; }
.customize-card-footer { grid-column: 1/-1; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); min-width: 0; }
.customize-entry-status { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--neutral-400); font: var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans); }
.customize-card-footer > .ph { color: var(--neutral-500); font-size: var(--space-6); opacity: 0; }
.customize-entry:hover .customize-card-footer > .ph,.customize-entry:focus-visible .customize-card-footer > .ph { opacity: 1; }
.customize-card-state { flex-shrink: 0; display: flex; align-items: center; gap: var(--space-2); color: var(--neutral-400); font: var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans); }
.customize-card-state .ph { color: var(--neutral-500); font-size: var(--space-6); }
.customize-group-label { display: flex; align-items: center; gap: var(--space-4); margin: 0 0 var(--space-5); font: var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans); color: var(--neutral-400); }
.customize-group-note { margin: calc(var(--space-4) * -1) 0 var(--space-6); color: var(--neutral-400); font: var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans); }
.customize-group-label > span { color: var(--text-muted); font-size: var(--type-c1-size); }
.customize-purpose-filter { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-4); margin: 0 0 var(--space-8); }
.customize-purpose-filter > button { border: var(--stroke-1) solid var(--border); border-radius: var(--radius-full); background: var(--surface); color: var(--neutral-400); padding: var(--space-3) var(--space-5); font: var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans); cursor: pointer; }
.customize-purpose-filter > button:hover { background: var(--surface-hover); }
.customize-purpose-filter > button[aria-pressed=true] { color: var(--text-primary); background: var(--surface-hover); border-color: var(--border-strong); }
.customize-purpose-filter > button:focus-visible { outline: var(--stroke-1) solid var(--border-active); outline-offset: var(--space-2); }
.customize-detail { padding: var(--space-10) var(--space-8); gap: 0; overflow-y: auto; }
.customize-detail-heading { display: flex; align-items: center; gap: var(--space-5); padding-right: var(--space-11); margin: var(--space-6) 0 var(--space-4); }
.customize-detail-heading > .ph,.customize-detail-heading > .bico { width: var(--space-10); height: var(--space-10); flex: 0 0 var(--space-10); font-size: var(--space-10); color: var(--neutral-500); }
.customize-detail-heading .bico img { width: 100%; height: 100%; object-fit: contain; }
.customize-detail-heading h2 { margin: 0; font: var(--fw-regular) var(--type-h2-size)/var(--type-h2-lh) var(--font-sans); overflow-wrap: anywhere; }
.customize-detail-description { margin: 0 0 var(--space-7); color: var(--text-muted); font: var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans); }
.customize-detail-actions { display: flex; align-items: center; gap: var(--space-4); margin: 0 0 var(--space-8); }
.customize-detail-actions > .menu-wrap { margin-left: auto; }
.customize-detail .menu { z-index: 4; }
.customize-detail-actions > .btn { height: var(--layout-scheduled-control-size); }
.customize-detail-actions .icon-btn .ph { font-size: var(--space-8); }
.customize-setting-row { display: flex; align-items: center; justify-content: space-between; min-height: var(--space-12); padding-block: var(--space-4); border-block: var(--stroke-1) solid var(--border); font: var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans); }
.customize-preview-tabs { display: flex; gap: var(--space-2); padding-block: var(--space-8) var(--space-6); }
.customize-preview-tabs .btn { border: 0; background: transparent; color: var(--neutral-400); font-weight: var(--fw-regular); box-shadow: none; }
.customize-preview-tabs .btn[aria-selected=true] { background: var(--surface-hover); color: var(--text-primary); }
.customize-markdown { color: var(--text-secondary); font: var(--fw-regular) var(--type-b3-size)/1.65 var(--font-sans); overflow-wrap: anywhere; }
.customize-markdown h2 { margin: 0 0 var(--space-5); font: var(--fw-medium) var(--type-h3-size)/var(--type-h3-lh) var(--font-sans); color: var(--text-primary); }
.customize-markdown h3 { margin: var(--space-7) 0 var(--space-4); font: var(--fw-medium) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans); color: var(--text-primary); }
.customize-markdown p { margin: 0 0 var(--space-4); }
.customize-markdown-bullet { position: relative; padding-left: var(--space-6); }
.customize-markdown-bullet::before { content: '•'; position: absolute; left: var(--space-2); color: var(--text-muted); }
.customize-code { margin: 0; padding: var(--space-6); background: var(--surface-subtle); border-radius: var(--radius-lg); white-space: pre-wrap; overflow-wrap: anywhere; font: var(--fw-regular) var(--type-c1-size)/1.7 var(--font-mono); color: var(--text-secondary); }
.customize-properties { margin: var(--space-4) 0 var(--space-8); font: var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans); }
.customize-properties > div { display: grid; grid-template-columns: var(--space-14) minmax(0,1fr); gap: var(--space-6); padding: var(--space-5) 0; border-bottom: var(--stroke-1) solid var(--border); }
.customize-properties dt { color: var(--text-muted); }
.customize-properties dd { margin: 0; overflow-wrap: anywhere; }
.customize-detail-label { margin: 0 0 var(--space-5); font: var(--fw-medium) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans); }
.customize-permissions { list-style: none; padding: 0; margin: 0 0 var(--space-8); display: flex; flex-direction: column; gap: var(--space-5); color: var(--text-secondary); font: var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans); }
.customize-permissions li { display: flex; align-items: center; gap: var(--space-4); }
.customize-permissions .ph { color: var(--neutral-500); }
#customize-flow-dialog .modal { max-height: calc(100dvh - var(--space-10)); }
#customize-flow-dialog .modal__body { overflow-y: auto; flex-shrink: 1; }
#customize-flow-dialog .modal__foot .btn { min-width: var(--space-14); width: auto; }
#customize-flow-dialog .modal__title { margin: 0; font-weight: var(--fw-regular); }
#customize-flow-dialog .field { gap: var(--space-4); margin: 0; }
#customize-flow-dialog input.input,#customize-flow-dialog textarea.input { width: 100%; color: var(--text-primary); font: var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans); }
#customize-flow-dialog .input > input { min-width: 0; width: 100%; border: 0; outline: none; background: transparent; font: inherit; color: var(--text-primary); }
#customize-flow-dialog .input:focus-within { outline: var(--stroke-1) solid var(--border-strong); outline-offset: var(--space-1); }
.customize-instructions { resize: vertical; min-height: calc(var(--space-14) * 2); padding: var(--space-5); }
.customize-error { margin: 0; color: var(--danger-700); font: var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans); }
.customize-catalog { display: flex; flex-direction: column; gap: var(--space-2); }
.customize-catalog-row { width: 100%; display: flex; align-items: center; gap: var(--space-5); border: 0; border-radius: var(--radius-lg); padding: var(--space-5); background: transparent; text-align: left; color: var(--text-primary); cursor: pointer; }
.customize-catalog-row:hover,.customize-catalog-row:focus-visible { background: var(--surface-hover); }
.customize-catalog-row > .ph,.customize-catalog-row > .bico { flex: 0 0 var(--space-8); width: var(--space-8); height: var(--space-8); font-size: var(--space-8); color: var(--neutral-500); }
.customize-catalog-row .bico img { width: 100%; height: 100%; object-fit: contain; }
.customize-catalog-row > span:not(.bico) { flex: 1; min-width: 0; }
.customize-catalog-row strong { display: block; font: var(--fw-regular) var(--type-b2-size)/var(--type-b2-lh) var(--font-sans); }
.customize-catalog-row small { display: block; margin-top: var(--space-1); font: var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans); color: var(--text-muted); }
.customize-catalog-row > .ph:last-child { font-size: var(--space-6); margin-left: auto; }
.customize-back { display: flex; align-items: center; gap: var(--space-4); align-self: flex-start; border: 0; padding: var(--space-2) 0; background: transparent; color: var(--neutral-400); font: var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans); cursor: pointer; }
.customize-back:hover { color: var(--text-primary); }
.customize-upload { display: flex; flex-direction: column; align-items: center; gap: var(--space-5); border: var(--stroke-1) dashed var(--border-strong); border-radius: var(--radius-lg); padding: var(--space-8); font: var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans); cursor: pointer; }
.customize-upload > .ph { font-size: var(--space-8); color: var(--neutral-500); }
.customize-upload input { width: 100%; font: inherit; color: var(--text-muted); }
.customize-preview-notice { margin: 0; border-radius: var(--radius-lg); background: var(--surface-subtle); padding: var(--space-5); color: var(--text-muted); font: var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans); }
.customize-flow-surface [hidden],#customize-flow-dialog [hidden] { display: none !important; }
@media (max-width: 800px) {
  .customize-detail { padding-inline: var(--space-6); }
  .customize-flow-surface > .pane-list { padding-inline: var(--space-6); }
}

[data-collection-page="customize"] .menu__item,.customize-detail .menu__item { width: 100%; border: 0; background: transparent; text-align: left; }
[data-collection-page="customize"] .menu__item:hover,.customize-detail .menu__item:hover { background: var(--surface-hover); }
[data-collection-page="customize"] .menu__item > .ph,.customize-detail .menu__item > .ph { color: var(--neutral-500); }
.customize-detail .menu__item--danger > .ph { color: var(--danger-700); }

@media (max-width: 640px) {
  .customize-card-grid { grid-template-columns: minmax(0,1fr); }
  .customize-flow-surface .customize-entry { min-height: calc(var(--space-13) * 2 + var(--space-7)); padding: var(--space-6); }
  .customize-purpose-filter { flex-wrap: nowrap; overflow-x: auto; padding-bottom: var(--space-2); }
  .customize-purpose-filter > button { white-space: nowrap; }
}

/* Unified skill catalog and compact connected identities; same modal shell for every item. */
.customize-purpose-filter{justify-content:flex-end;margin:0 0 var(--space-6)}
.customize-purpose-filter>.select{height:var(--space-10);width:auto;min-width:140px}
.customize-origin{font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans);color:var(--neutral-500);background:var(--neutral-50);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4)}
.customize-flow-surface .customize-entry{min-height:144px;padding:var(--space-6);gap:var(--space-6) var(--space-5)}
.customize-connected-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.customize-flow-surface .customize-entry--connected{display:flex;align-items:center;min-height:var(--space-13);padding:var(--space-5);gap:var(--space-5)}
.customize-entry--connected .customize-skill-name{font-size:var(--type-b3-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customize-entry--connected>.bico,.customize-entry--connected>.ph{flex-shrink:0}
#customize-flow-dialog .customize-detail{padding:0;overflow:visible}
.customize-detail-summary{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-7)}
.customize-detail-summary>.bico,.customize-detail-summary>.ph{display:grid;place-items:center;width:var(--space-12);height:var(--space-12);flex-shrink:0;border-radius:var(--radius-lg);background:var(--neutral-100);font-size:var(--space-8)}
.customize-detail-summary .bico img{width:var(--space-8);height:var(--space-8)}
.customize-detail-summary .customize-detail-description{margin:var(--space-4) 0 0}
.customize-detail-actions>.btn{height:var(--space-10)}
#customize-flow-dialog .modal__head{justify-content:space-between}
#customize-flow-dialog .modal__title{font-weight:var(--fw-semibold)}
#customize-flow-dialog .modal__body{padding-top:0}
#customize-flow-dialog .field{gap:var(--space-2)}
#customize-flow-dialog .customize-instructions{min-height:160px;padding:var(--space-4) var(--space-6)}
#customize-flow-dialog[data-connection=true] .modal{width:720px}
#customize-flow-dialog[data-connection=true] .modal__body{padding:0;min-height:420px}
#customize-flow-dialog[data-connection=true] .modal__foot{display:none}
.customize-connection-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:420px}
.customize-connection-layout>.ic-nav{width:auto;padding:var(--space-6);border-right:var(--stroke-1) solid var(--border);background:var(--neutral-50);gap:var(--space-5);overflow:hidden}
.customize-connection-nav{display:flex;flex-direction:column;gap:var(--space-2);max-height:400px;overflow:auto}
.customize-connection-option{display:flex;align-items:center;gap:var(--space-5);border:0;border-radius:var(--radius-md);background:transparent;padding:var(--space-4);color:var(--neutral-700);text-align:left;cursor:pointer;font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
.customize-connection-option[aria-pressed=true],.customize-connection-option:hover{background:var(--neutral-100)}
.customize-connection-option>.bico,.customize-connection-option>.ph{flex:0 0 var(--space-7);width:var(--space-7);height:var(--space-7)}
.customize-connection-option img{width:100%;height:100%;object-fit:contain}
.customize-connection-option small{display:block;color:var(--neutral-400);font-size:var(--type-c1-size)}
.customize-connection-main{padding:var(--space-8);min-width:0}
.customize-connection-main .customize-detail-heading{padding:0;margin:0 0 var(--space-5)}
.customize-connection-main h2{font-size:var(--type-b1-size)}
@media(max-width:640px){.customize-connected-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customize-connection-layout{grid-template-columns:140px minmax(0,1fr)}.customize-connection-main{padding:var(--space-6)}.customize-connection-layout>.ic-nav{padding:var(--space-4)}.customize-connection-option{gap:var(--space-4);flex-wrap:wrap}.customize-connection-main .customize-properties>div{grid-template-columns:1fr;gap:var(--space-2)}}

.customize-filter-slot{margin-left:auto}.customize-filter-slot .customize-purpose-filter{margin:0}.customize-filter-slot [hidden]{display:none!important}
@media(max-width:640px){.collection-page-tabbar{flex-wrap:wrap;row-gap:var(--space-5)}.customize-filter-slot{flex-basis:100%;display:flex;justify-content:flex-end}.customize-purpose-filter>.select{min-height:var(--space-10)}}

.customize-flow-surface .customize-entry[data-customize-kind=integrations]:not(.customize-entry--connected),.customize-flow-surface .customize-entry[data-customize-kind=connectors]:not(.customize-entry--connected){min-height:104px;grid-template-rows:auto;align-items:center}
#customize-flow-dialog .modal__body{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--neutral-300) transparent}
@media(max-width:640px){.customize-preview-tabs{padding-block:var(--space-6) var(--space-5)}.customize-detail-summary{margin-bottom:var(--space-6)}.customize-detail-actions{margin-bottom:var(--space-6)}.customize-markdown h3{margin-top:var(--space-6)}}

/* September 14 Customize: compact cards, inline filters, file detail, shared Master connections. */
#view[data-customize-pattern=latest] .collection-page-toolbar[data-collection-page=customize]{padding-top:var(--space-14);border:0;position:relative;z-index:3}
#view[data-customize-pattern=latest] .collection-page-toolbar[data-collection-page=customize]::after{content:'';position:absolute;top:100%;left:0;right:0;height:var(--space-10);background:linear-gradient(to bottom,var(--surface),transparent);pointer-events:none}
#view:has([data-collection-page=customize]) .catalog-search-pair{width:calc(var(--space-14)*4);gap:var(--space-5)}
#view:has([data-collection-page=customize]) .customize-filter-slot{margin:0;flex:0 0 var(--space-11)}
.customize-filter-slot>.toolbar-icon-btn{width:var(--space-11);height:var(--space-11);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-lg);color:var(--neutral-500)}
.customize-filter-slot .menu{max-height:calc(100dvh - var(--space-14)*2);overflow-y:auto;min-width:calc(var(--space-14)*2 + var(--space-11));right:0;left:auto}
.customize-filter-slot .menu__item[aria-checked=true]{background:var(--neutral-100)}
.customize-card{position:relative;min-width:0}
.customize-flow-surface .customize-entry[data-customize-kind=skills]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;min-height:0;padding:var(--space-6);gap:var(--space-5)}
.customize-flow-surface .customize-entry{height:100%}
.customize-entry[data-customize-kind=skills] .collection-copy{padding-right:var(--space-8)}
.customize-entry[data-customize-kind=skills] .collection-description{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;font-size:var(--type-c1-size);line-height:var(--type-c1-lh);color:var(--neutral-400)}
.customize-entry[data-customize-kind=skills] .customize-skill-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-b3-size);line-height:var(--type-b3-lh)}
.customize-card-more{position:absolute;right:var(--space-5);top:var(--space-5);width:var(--space-10);height:var(--space-10);opacity:0;color:var(--neutral-500);background:var(--surface)}
.customize-card:is(:hover,:focus-within)>.customize-card-more,.customize-card-more[aria-expanded=true]{opacity:1}
.customize-card-more:hover{background:var(--neutral-100)}
.customize-card>.customize-card-more{background:transparent}
.customize-card[data-card-kind=skills]>.customize-card-more .ph{font-size:var(--space-7)}
.customize-card:has(.customize-entry--connected)>.customize-card-more{top:50%;right:var(--space-4);transform:translateY(-50%)}
.customize-flow-surface .customize-entry--connected{padding:var(--space-6);min-height:0}
.customize-entry--connected .collection-copy{flex:1;padding-right:var(--space-10)}
.customize-entry--connected .customize-skill-name{line-height:var(--type-b3-lh)}
.customize-entry[data-customize-kind=integrations]>.bico,.customize-entry[data-customize-kind=integrations]>.ph,.customize-entry[data-customize-kind=integrations] .bico img{width:var(--space-7);height:var(--space-7);font-size:var(--space-7);flex:0 0 var(--space-7);background:transparent}
.customize-flow-surface .customize-entry[data-customize-kind=integrations]:not(.customize-entry--connected){grid-template-columns:var(--space-7) minmax(0,1fr);min-height:calc(var(--space-14) + var(--space-8));gap:var(--space-6)}
.customize-entry[data-customize-kind=integrations] .collection-description{color:var(--neutral-500)}
.customize-group-label{color:var(--neutral-600);font-size:var(--type-b2-size)}
.customize-action-menu[popover]{position:fixed;inset:auto;margin:0;width:calc(var(--space-14)*2 + var(--space-11));padding:var(--space-2);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-agent-save);max-height:calc(100dvh - var(--space-6));overflow:auto}
.customize-action-menu[popover]:popover-open{display:block}
.customize-action-menu .menu__item{width:100%;min-height:var(--space-11);border:0;background:transparent;text-align:left;gap:var(--space-5);font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
.customize-action-menu .menu__item:hover{background:var(--neutral-100)}
.customize-action-menu .menu__item>.ph{color:var(--neutral-500)}
.customize-action-menu .menu__item--danger>.ph{color:inherit}
:is(#customize-flow-dialog,[data-palette-dialog])[data-skill-detail=true] .modal{width:calc(var(--layout-content-w) + var(--space-14)*4);height:calc(var(--space-14)*8 + var(--space-11));max-height:calc(100dvh - var(--space-12));max-width:calc(100vw - var(--space-12));display:flex;flex-direction:column}
:is(#customize-flow-dialog,[data-palette-dialog])[data-skill-detail=true] .modal__head{height:var(--space-14);flex:0 0 var(--space-14);padding:var(--space-8);gap:var(--space-4);border-bottom:var(--stroke-hairline) solid var(--border)}
:is(#customize-flow-dialog,[data-palette-dialog])[data-skill-detail=true] .modal__title{font:var(--fw-medium) var(--type-h3-size)/var(--type-h3-lh) var(--font-sans);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customize-skill-header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}
:is(#customize-flow-dialog,[data-palette-dialog])[data-skill-detail=true] .modal__body{padding:0;flex:1;min-height:0;overflow:hidden;scrollbar-gutter:auto}
:is(#customize-flow-dialog,[data-palette-dialog])[data-skill-detail=true] .modal__foot{display:none}
.customize-file-layout{display:grid;grid-template-columns:25% minmax(0,1fr);height:100%;min-height:0}
.customize-file-tree{padding:var(--space-5);border-right:var(--stroke-hairline) solid var(--border);overflow:auto}
.customize-file-tree .tree-row{display:flex;gap:var(--space-5);align-items:center;width:100%;border:0;border-radius:var(--radius-lg);padding:var(--space-5);background:transparent;text-align:left;font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans);color:var(--neutral-700);cursor:pointer}
.customize-file-tree .tree-row--active,.customize-file-tree .tree-row:hover{background:var(--neutral-100)}
.customize-file-tree details{margin-top:var(--space-2)}
.customize-file-tree summary{display:flex;align-items:center;gap:var(--space-4);list-style:none;padding:var(--space-5);cursor:pointer;color:var(--neutral-600);font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
.customize-file-tree details .tree-row{padding-left:var(--space-10)}
.customize-file-tree .ph{color:var(--neutral-500);font-size:var(--space-7)}
.customize-file-content{padding:var(--space-10);overflow:auto;min-width:0}
.customize-file-properties{border:var(--stroke-1) solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);margin:0 0 var(--space-10);display:flex;flex-direction:column;gap:var(--space-7);font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
.customize-file-properties>div{display:grid;grid-template-columns:calc(var(--space-14) + var(--space-8)) minmax(0,1fr);gap:var(--space-6)}
.customize-file-properties dt{color:var(--neutral-600)}
.customize-file-properties dd{margin:0;color:var(--neutral-800);overflow-wrap:anywhere}
.customize-file-content .customize-markdown{font-size:var(--type-b2-size);color:var(--neutral-700)}
.customize-file-content .customize-markdown h2{font-size:var(--type-h2-size);line-height:var(--type-h2-lh);margin-bottom:var(--space-6)}
.customize-file-content .customize-markdown h3{font-size:var(--type-b2-size);margin-top:var(--space-8)}
@media(hover:none){.customize-card-more{opacity:1}}
@media(max-width:700px){#view[data-customize-pattern=latest] .collection-page-toolbar[data-collection-page=customize]{padding-top:var(--space-8)}#view:has([data-collection-page=customize]) .catalog-search-pair{flex:1;width:auto!important}#view:has([data-collection-page=customize]) .customize-filter-slot{flex-basis:var(--space-11)}.customize-connected-grid{grid-template-columns:minmax(0,1fr)}:is(#customize-flow-dialog,[data-palette-dialog])[data-skill-detail=true] .modal{max-width:calc(100vw - var(--space-6))}.customize-file-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.customize-file-tree{display:flex;border-right:0;border-bottom:var(--stroke-hairline) solid var(--border);gap:var(--space-4);padding:var(--space-4)}.customize-file-tree>.tree-row{width:auto;align-self:start}.customize-file-tree details{margin:0}.customize-file-content{padding:var(--space-6)}.customize-file-properties{padding:var(--space-6)}.customize-file-properties>div{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}:is(#customize-flow-dialog,[data-palette-dialog])[data-skill-detail=true] .modal__head{padding:var(--space-6);gap:var(--space-4)}.customize-skill-header-actions{gap:var(--space-4)}.customize-skill-header-actions>.btn{font-size:var(--type-c1-size);padding-inline:var(--space-4)}}

#view[data-customize-pattern=latest] .collection-page-toolbar[data-collection-page=customize]{padding-bottom:0}
#view[data-customize-pattern=latest] .collection-page-toolbar[data-collection-page=customize]::after{height:var(--space-8)}
#view[data-customize-pattern=latest] .customize-flow-surface>.pane-list{padding-top:var(--space-8)}
@media(max-width:600px){
 #view:has([data-collection-page=customize]) .modal--integrations-master .modal{width:calc(100vw - var(--space-8));max-width:calc(100vw - var(--space-8));height:auto;max-height:calc(100dvh - var(--space-8));flex-direction:column}
 #view:has([data-collection-page=customize]) .modal--integrations-master .ic-nav{width:100%;flex:0 0 auto;border-right:0;border-bottom:var(--stroke-hairline) solid var(--border);padding:var(--space-5)}
 #view:has([data-collection-page=customize]) .modal--integrations-master .ic-search{margin-top:var(--space-4)}
 #view:has([data-collection-page=customize]) .modal--integrations-master .ic-list{flex-direction:row;flex:0 0 var(--space-12);overflow-x:auto;overflow-y:hidden}
 #view:has([data-collection-page=customize]) .modal--integrations-master .ic-svc{flex:0 0 auto;width:auto;white-space:nowrap}
 #view:has([data-collection-page=customize]) .modal--integrations-master .ic-nav__fade{display:none}
 #view:has([data-collection-page=customize]) .modal--integrations-master .ic-main{min-height:0;max-height:calc(100dvh - var(--space-14)*3)}
 #view:has([data-collection-page=customize]) .modal--integrations-master .ic-body{padding-inline:var(--space-6)}
 #view:has([data-collection-page=customize]) .modal--integrations-master .ic-connect{padding-inline:var(--space-6)}
 #view:has([data-collection-page=customize]) .modal--integrations-master .ic-flow{width:100%;max-width:calc(var(--space-13)*4)}
 #view:has([data-collection-page=customize]) .modal--integrations-master .integration-link{min-width:0;flex:1}
 #view:has([data-collection-page=customize]) .modal--integrations-master .integration-link>img{width:100%}
 #view[data-customize-pattern=latest] .collection-page-toolbar .collection-page-heading{position:relative;padding-right:var(--space-14)}
 #view[data-customize-pattern=latest] .collection-page-heading [data-customize-action]{position:absolute;right:var(--space-11);top:0}
 #view[data-customize-pattern=latest] .collection-page-heading .catalog-inline-controls{width:100%;flex-basis:100%}
 #view[data-customize-pattern=latest] .collection-page-heading:has(.catalog-inline-controls){padding-right:0}
}
#view:has([data-collection-page=customize]) .ic-tile>.ph{font-size:var(--space-10);color:var(--neutral-500)}

.customize-file-tree summary::-webkit-details-marker{display:none}
.customize-file-tree summary [data-customize-folder-caret]{font-size:var(--space-6);transition:transform .15s ease}
.customize-file-tree details[open] [data-customize-folder-caret]{transform:rotate(90deg)}
.customize-empty-intro{margin-bottom:var(--space-8)}
.customize-empty-intro h2{margin:0 0 var(--space-4);font:var(--fw-medium) var(--type-h3-size)/var(--type-h3-lh) var(--font-sans);color:var(--neutral-700)}
.customize-empty-intro p{margin:0;font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans);color:var(--neutral-500)}
.customize-card[data-template-index] .collection-copy{padding-right:0}

.customize-entry[data-customize-kind=integrations]:not(.customize-entry--connected) .collection-copy{padding-right:var(--space-8)}
.customize-card-more[data-customize-add]{top:50%;right:var(--space-4);transform:translateY(-50%)}
.customize-card-more[data-customize-add] .ph{font-size:var(--space-7)}

/* Optional compact header, using the existing search and category controls. */
#view[data-customize-header=icons]:has([data-collection-page=customize]) .catalog-search-pair{width:auto;flex:0 1 auto;gap:var(--space-4)}
#view[data-customize-header=icons]:has([data-collection-page=customize]) .customize-filter-slot{flex:0 0 var(--space-10)}
#view[data-customize-header=icons]:has([data-collection-page=customize]) :where(.collection-page-toolbar) .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[data-customize-header=icons]:has([data-collection-page=customize]) :where(.collection-page-toolbar) .collection-search[data-search-open=false] :is(input,[data-page-search-close]){display:none!important}
#view[data-customize-header=icons]:has([data-collection-page=customize]) :where(.collection-page-toolbar) .collection-search[data-search-open=true]{width:calc(var(--space-14)*3);flex:1;min-width:0}
#view[data-customize-header=icons]:has([data-collection-page=customize]) :where(.collection-page-toolbar) .collection-search[data-search-open=true] [data-page-search-close]{visibility:visible}
@media(max-width:600px){
 #view[data-customize-header=icons]:has([data-collection-page=customize]) .collection-page-heading .catalog-inline-controls{width:100%;flex-basis:100%;justify-content:flex-end}
 #view[data-customize-header=icons]:has([data-collection-page=customize]) .collection-page-heading [data-customize-action]{position:static;flex-shrink:0}
 #view[data-customize-header=icons]:has([data-collection-page=customize]) .catalog-search-pair{flex:0 1 auto;min-width:0}
}

/* Integration categories and Master1018:19832 connected account state. */
#view:has([data-collection-page=customize]) .customize-origin{background:var(--neutral-100)}
.customize-integration-categories{display:flex;align-items:center;gap:var(--space-8);margin-top:var(--space-8);overflow-x:auto;scrollbar-width:none}
.customize-integration-categories[hidden]{display:none}
.customize-accounts{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}
.customize-account-row{height:calc(var(--space-11) + var(--space-6));display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5);border:var(--stroke-1) solid var(--notification-destination-border);border-radius:var(--radius-xl);background:var(--surface);text-align:left;cursor:pointer}
.customize-account-avatar{flex:0 0 var(--space-10);width:var(--space-10);height:var(--space-10);border-radius:var(--radius-full);overflow:hidden}
.customize-account-avatar img{width:100%;height:100%;object-fit:cover}
.customize-account-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--space-3);color:var(--notification-destination-text);font:var(--fw-regular) var(--type-b3-size)/1 var(--font-sans)}
.customize-account-copy>span,.customize-account-copy>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customize-account-copy>small{font:var(--fw-regular) var(--type-c1-size)/1 var(--font-sans);color:var(--neutral-500)}
.customize-account-connect.btn{width:var(--layout-notification-destination-connect-w);height:calc(var(--space-10) + var(--space-2));align-self:flex-start;padding-inline:var(--space-5);gap:var(--space-4);border-radius:var(--radius-md);color:var(--notification-destination-text)}
.customize-account-connect.btn>.ph{font-size:var(--space-6)}
@media(max-width:600px){.customize-integration-categories{gap:var(--space-6)}.customize-accounts{padding-bottom:var(--space-6)}}

/* Discovery comparisons: category chips, quiet empty states and two catalog hierarchies. */
.customize-group-label{font-weight:var(--fw-medium)}
.customize-integration-categories{gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;overflow:visible}
.customize-account-row{position:relative;cursor:default;padding:var(--space-5);background:var(--surface)}
.customize-account-more{flex:0 0 var(--space-10);width:var(--space-10);height:var(--space-10);opacity:0;background:transparent;color:var(--neutral-500)}
.customize-account-more>.ph{font-size:var(--space-7)}
.customize-account-row:is(:hover,:focus-within) .customize-account-more,.customize-account-more[aria-expanded=true]{opacity:1}
.customize-account-row:hover{background:var(--neutral-50)}
#modal-gs-integrations[data-customize-connected] .integration-accounts{display:none}
#modal-gs-integrations[data-customize-connected] .customize-accounts{margin-top:0}
.customize-empty-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12) var(--space-8);margin-bottom:var(--space-10);text-align:center;min-height:calc(var(--space-14)*2)}
.customize-empty-intro h2{margin:0;font-size:var(--type-b2-size);line-height:var(--type-b2-lh)}
.customize-empty-intro p{max-width:calc(var(--space-14)*6);color:var(--neutral-500)}
[data-customize-list=skills] .customize-empty-intro{background:transparent}
[data-customize-list=skills] .customize-empty-intro h2{font-size:var(--type-b3-size);line-height:var(--type-b3-lh)}
[data-customize-list=skills] .customize-empty-intro p{font-size:var(--type-c1-size);line-height:var(--type-c1-lh)}
.customize-empty-icon{width:var(--space-11);height:var(--space-11);display:grid;place-items:center;border-radius:var(--radius-lg);background:var(--neutral-100);margin-bottom:var(--space-4)}
.customize-empty-icon .ph{font-size:var(--space-7);color:var(--neutral-600)}
.customize-official-discovery .customize-entry{border-color:transparent;background:transparent;min-height:0;padding:var(--space-6);text-align:left}
.customize-official-discovery .customize-entry:hover{background:var(--neutral-50)}
.customize-official-discovery .collection-description{font-size:var(--type-c1-size);color:var(--neutral-400)}
#view[data-customize-cards=poly] [data-recommendation]:not([data-recommendation=none]) .customize-card-grid,
#view[data-customize-cards=runable] [data-recommendation=featured] .customize-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#view[data-customize-cards=poly] [data-recommendation]:not([data-recommendation=none]) .customize-entry,
#view[data-customize-cards=runable] [data-recommendation=featured] .customize-entry{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8);padding:var(--space-6);min-height:calc(var(--space-14)*2 + var(--space-8));height:100%}
#view[data-customize-cards=poly] [data-recommendation]:not([data-recommendation=none]) .customize-entry{padding-bottom:calc(var(--space-11) + var(--space-8)*2);min-height:calc(var(--space-14)*3)}
#view[data-customize-cards=poly] [data-recommendation]:not([data-recommendation=none]) .customize-entry>.bico,
#view[data-customize-cards=poly] [data-recommendation]:not([data-recommendation=none]) .customize-entry>.ph,
#view[data-customize-cards=runable] [data-recommendation=featured] .customize-entry>.bico,
#view[data-customize-cards=runable] [data-recommendation=featured] .customize-entry>.ph{display:grid;place-items:center;flex:0 0 var(--space-11);width:var(--space-11);height:var(--space-11);background:var(--neutral-50);border-radius:var(--radius-lg)}
#view[data-customize-cards=poly] [data-recommendation]:not([data-recommendation=none]) .collection-copy,
#view[data-customize-cards=runable] [data-recommendation=featured] .collection-copy{width:100%;min-width:0;gap:var(--space-4)}
#view[data-customize-cards=poly] [data-recommendation]:not([data-recommendation=none]) .collection-description,
#view[data-customize-cards=runable] [data-recommendation] .collection-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal}
.customize-recommendation-category{position:absolute;right:var(--space-6);top:var(--space-8);font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans);color:var(--neutral-500);pointer-events:none}
.customize-recommendation-connect.btn{position:absolute;bottom:var(--space-6);left:var(--space-6);right:var(--space-6);width:calc(100% - var(--space-10));height:var(--space-10);border-radius:var(--radius-full);justify-content:center;font-weight:var(--fw-medium)}
#view[data-customize-cards=runable] [data-recommendation=category] .customize-entry{border-color:transparent;background:transparent;align-items:start;padding:var(--space-6);min-height:0}
#view[data-customize-cards=runable] [data-recommendation=category] .customize-entry:hover{background:var(--neutral-50)}
#view:has([data-collection-page=customize]) .gs-preview__menu{max-height:calc(100dvh - var(--space-14));overflow-y:auto}
/* Match Agents' 32px controls and 200ms icon-search expansion. */
#view[data-customize-header=icons]:has([data-collection-page=customize]) .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[data-customize-header=icons]:has([data-collection-page=customize]) :where(.collection-page-toolbar) .collection-search[data-search-open=false] input{display:block!important;opacity:0;pointer-events:none}
#view[data-customize-header=icons]:has([data-collection-page=customize]) :where(.collection-page-toolbar) .collection-search[data-search-open=true] input{opacity:1}
#view[data-customize-header=icons]:has([data-collection-page=customize]) :where(.collection-page-toolbar) .collection-search input{transition:opacity 200ms ease;min-width:0}
@media(prefers-reduced-motion:reduce){#view[data-customize-header=icons] .catalog-search-pair .collection-search,#view[data-customize-header=icons] .collection-search input{transition:none}}
@media(hover:none){.customize-account-more,.customize-card>.customize-card-more{opacity:1}}
@media(max-width:700px){
 #view[data-customize-cards=poly] [data-recommendation]:not([data-recommendation=none]) .customize-card-grid,#view[data-customize-cards=runable] [data-recommendation=featured] .customize-card-grid{grid-template-columns:minmax(0,1fr)}
 .customize-empty-intro{padding:var(--space-10) var(--space-6)}
 .customize-integration-categories{gap:var(--space-3)}
}
@media(max-width:700px){
 #view[data-customize-header=icons]:has([data-collection-page=customize]) .catalog-search-pair:has([data-search-open=true]){flex:1;min-width:0}
 #view[data-customize-header=icons]:has([data-collection-page=customize]) .catalog-search-pair .collection-search[data-search-open=true]{flex:1 1 0;min-width:0}
}

/* Keep discovery actionable even before hover, with the same compact skill typography. */
.customize-official-discovery .customize-card>.customize-card-more{opacity:1}
.customize-flow-surface .customize-official-discovery .customize-entry[data-customize-kind=skills]{grid-template-rows:auto;gap:0}
#view[data-customize-cards=poly] [data-recommendation]:not([data-recommendation=none]) .customize-skill-name,
#view[data-customize-cards=runable] [data-recommendation=featured] .customize-skill-name{font-weight:var(--fw-medium)}

/* Sep 16: primary navigation, category filters and account-aware integration browser. */
#view:has([data-collection-page=customize]) [data-customize-action].btn,
#view:has([data-collection-page=customize]) [data-customize-action]>.btn{width:calc(var(--space-14)*2);min-width:calc(var(--space-14)*2);justify-content:center;flex-shrink:0}
.customize-integration-categories{gap:var(--space-3);padding:0;border:0;border-radius:0;background:transparent;align-self:flex-start;width:fit-content;max-width:100%}
.customize-plan-usage{display:flex;align-items:baseline;gap:var(--space-8);font:var(--type-c1-weight) var(--type-c1-size)/1.5 var(--font-sans);color:var(--text-faint);font-variant-numeric:tabular-nums;margin-bottom:var(--space-6);flex-wrap:wrap}

.customize-plan-usage strong{color:var(--text-secondary);font-weight:var(--fw-medium);margin-left:0}
.customize-platform-title{display:flex;align-items:center;gap:var(--space-4);min-width:0;flex-wrap:wrap}
.customize-premium{display:inline-flex;align-items:center;flex-shrink:0;border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);background:var(--neutral-100);color:var(--neutral-600);font:var(--fw-regular) var(--type-c2-size)/var(--type-c2-lh) var(--font-sans)}
.customize-connected-state{display:inline-flex;align-items:center;gap:var(--space-3);flex-shrink:0;color:var(--neutral-600);font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans)}
.customize-connected-state>.ph{font-size:var(--space-7);color:var(--neutral-500)}
.customize-flow-surface .customize-entry--connected{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6);min-height:var(--space-14)}
.customize-entry--connected .collection-copy{padding-right:0;gap:var(--space-2)}
.customize-entry--connected>.customize-connected-state{margin-right:var(--space-8)}
.customize-entry--connected .collection-description{font-size:var(--type-c1-size);line-height:var(--type-c1-lh)}
.customize-card:has(.customize-entry--connected)>.customize-card-more{right:var(--space-5);width:var(--space-8);height:var(--space-8);background:transparent}
.customize-source-card{display:flex;align-items:center;gap:var(--space-6);width:100%;padding:var(--space-6);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-xl);background:var(--neutral-50);text-align:left;cursor:pointer}
.customize-source-card:hover{background:var(--neutral-100)}
.customize-source-card .collection-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--space-2)}
.customize-source-card .customize-skill-name{font:var(--fw-medium) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans);color:var(--neutral-800)}
.customize-source-card .collection-description{font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans);color:var(--neutral-500)}
#customize-flow-dialog[data-integration-browser] .modal__foot{display:none}
#customize-flow-dialog[data-integration-browser] .modal__body{gap:var(--space-6)}
#customize-flow-dialog[data-integration-browser] .customize-plan-usage{margin-bottom:0}
.customize-browser-list{display:flex;flex-direction:column;gap:var(--space-2)}
.customize-browser-entry{display:flex;align-items:center;gap:var(--space-6);width:100%;padding:var(--space-6);border:0;border-radius:var(--radius-lg);background:transparent;text-align:left;color:var(--neutral-800);cursor:pointer}
.customize-browser-entry:hover{background:var(--neutral-50)}
.customize-browser-entry>.bico,.customize-browser-summary>.bico{width:var(--space-7);height:var(--space-7);flex:0 0 var(--space-7)}
.customize-browser-entry>.ph{font-size:var(--space-7);color:var(--neutral-500)}
.customize-browser-entry .collection-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}
.customize-browser-entry strong{font:var(--fw-medium) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
.customize-browser-entry small{font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans);color:var(--neutral-400);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.customize-browser-trailing .ph{font-size:var(--space-7);color:var(--neutral-500)}
.customize-browser-summary{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-6);margin-bottom:var(--space-6)}
.customize-browser-summary>.bico{margin-top:var(--space-2)}
.customize-browser-summary h3{margin:0;font:var(--fw-medium) var(--type-b2-size)/var(--type-b2-lh) var(--font-sans)}
.customize-browser-summary p{margin:0;color:var(--neutral-500);font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
.customize-browser-add.btn{width:auto;align-self:flex-start;padding-inline:var(--space-6)}
.customize-allowance-note{margin:0;color:var(--neutral-500);font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans)}
.customize-source-included{display:flex;align-items:flex-start;gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--neutral-50)}
.customize-source-included>.ph{font-size:var(--space-7);color:var(--neutral-500)}
.customize-source-included strong{font:var(--fw-medium) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
.customize-source-included p,.customize-source-included small{margin:var(--space-3) 0 0;color:var(--neutral-500);font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans)}
#customize-flow-dialog[data-integration-browser] .customize-account-row{height:auto;min-height:var(--space-14);padding:var(--space-6)}
#customize-flow-dialog[data-integration-browser] .customize-account-row>.bico{width:var(--space-7);height:var(--space-7);flex:0 0 var(--space-7)}
#customize-flow-dialog[data-integration-browser] .customize-account-more{background:transparent;width:var(--space-8);height:var(--space-8);flex-basis:var(--space-8)}
@media(max-width:700px){.customize-integration-categories{flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none}.customize-category-chip{flex-shrink:0}.customize-plan-usage{gap:var(--space-4)}.customize-platform-title{gap:var(--space-2)}.customize-connected-grid{grid-template-columns:minmax(0,1fr)}}

/* Catalog-to-detail reuses the connected modal footprint; the account list is its own step. */
#customize-flow-dialog:is([data-integration-browser],[data-skill-templates]) .modal{width:var(--layout-notification-destination-w);height:var(--layout-notification-destination-h);max-width:calc(100vw - var(--space-8));max-height:calc(100dvh - var(--space-8))}
#customize-flow-dialog:is([data-integration-browser],[data-skill-templates]) .customize-browser-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.customize-connected-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.customize-entry--connected .collection-description{display:block;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:700px){.customize-connected-grid{grid-template-columns:minmax(0,1fr)}#customize-flow-dialog:is([data-integration-browser],[data-skill-templates]) .customize-browser-list{grid-template-columns:minmax(0,1fr)}}

/* Sep 17: one Available collection; shared card language and optional icon surfaces. */
#view:has([data-collection-page=customize]) .catalog-inline-controls{display:grid;grid-template-columns:auto calc(var(--space-14) + var(--space-9));align-items:center;column-gap:var(--space-5)}
#view:has([data-collection-page=customize]) .catalog-inline-controls>[data-customize-action]{grid-column:2;grid-row:1;justify-self:stretch}
#view:has([data-collection-page=customize]) [data-customize-action].btn,
#view:has([data-collection-page=customize]) [data-customize-action]>.btn{width:100%;min-width:0}
#view .customize-flow-surface .customize-entry.customize-tool-entry{display:flex;align-items:center;gap:var(--space-5);min-height:0;padding:var(--space-5);height:100%}
.customize-tool-entry .collection-copy{flex:1;min-width:0;padding:0;gap:var(--space-2)}
.customize-tool-entry .customize-platform-title{min-height:var(--space-8);flex-wrap:nowrap;gap:var(--space-4)}
.customize-tool-entry .customize-skill-name{font-size:var(--type-b3-size);line-height:var(--type-b3-lh);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customize-tool-entry .collection-description{display:block;white-space:nowrap;text-overflow:ellipsis;font-size:var(--type-c1-size);line-height:var(--type-c1-lh);color:var(--neutral-400)}
.customize-tool-entry>.customize-connected-state{margin:0}
.customize-tool-icon{display:grid;place-items:center;width:var(--space-7);height:var(--space-7);flex:0 0 var(--space-7);color:var(--neutral-500)}
.customize-tool-icon>.bico,.customize-tool-icon>.bico img,.customize-tool-icon>.ph{width:var(--space-7);height:var(--space-7);font-size:var(--space-7)}
#view[data-customize-icon-style=tile] .customize-tool-icon{width:var(--space-11);height:var(--space-11);flex-basis:var(--space-11);background:var(--neutral-50);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 var(--stroke-hairline) var(--neutral-200)}
.customize-tool-add{display:flex;align-items:center;justify-content:center;flex:0 0 var(--space-7);color:var(--neutral-500);opacity:0}
.customize-tool-add>.ph{font-size:var(--space-7)}
.customize-tool-entry:is(:hover,:focus-visible) .customize-tool-add{opacity:1}
#view[data-customize-cards=discovery] [data-recommendation=discovery] .customize-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#view[data-customize-cards=discovery] [data-recommendation=discovery] .customize-tool-entry{position:relative;flex-direction:column;align-items:flex-start;gap:var(--space-6);padding:var(--space-6);min-height:calc(var(--space-14)*2)}
#view[data-customize-cards=discovery] [data-recommendation=discovery] .collection-copy{width:100%;flex:1}
#view[data-customize-cards=discovery] [data-recommendation=discovery] .collection-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}
#view[data-customize-cards=discovery] [data-recommendation=discovery] .customize-tool-add{position:absolute;top:var(--space-6);right:var(--space-6)}
.customize-skill-toggle{position:absolute;right:var(--space-5);top:var(--space-3);bottom:auto}
.customize-menu-label{display:block;padding:var(--space-4) var(--space-5);color:var(--neutral-500);font:var(--fw-medium) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans)}

/* Desktop patterns: identical cards across Available and discovery. */
.customize-section-heading,.customize-catalog-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-5)}
.customize-section-heading .customize-group-label,.customize-section-heading .customize-plan-usage,.customize-catalog-summary .customize-plan-usage{margin:0}
.customize-catalog-summary{margin:0;font:var(--fw-medium) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans);color:var(--neutral-700)}
#view .customize-tool-entry .collection-description{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view .customize-tool-icon .bico img{width:var(--space-7);height:var(--space-7)}
.customize-connected-state>.ph,.customize-browser-trailing>.ph-check{display:inline-flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);font-size:var(--space-6);line-height:1}
#view[data-customize-cards=ploy] [data-customize-list=integrations] .customize-card-grid{grid-template-columns:minmax(0,1fr)}
#view .customize-card[data-platform-row] .customize-tool-entry{padding-right:calc(var(--space-14)*2 + var(--space-10))}
.customize-platform-action{position:absolute;right:var(--space-5);top:50%;transform:translateY(-50%)}
#view [data-card-kind=skills]>.customize-card-more{top:auto;bottom:var(--space-5);right:var(--space-5)}
#view [data-card-kind=skills] .collection-copy{padding-right:var(--space-11)}
#view [data-card-kind=skills] .customize-origin{border-radius:var(--radius-full)}
#customize-flow-dialog:is([data-integration-browser=catalog],[data-skill-templates=catalog]) .modal__head{gap:var(--space-4)}
#customize-flow-dialog:is([data-integration-browser=catalog],[data-skill-templates=catalog]) .modal__title{margin-right:auto}
#customize-flow-dialog:is([data-integration-browser=catalog],[data-skill-templates=catalog]) .customize-browser-list{gap:var(--space-6)}
#customize-flow-dialog:is([data-integration-browser=catalog],[data-skill-templates=catalog]) .customize-browser-entry{border:var(--stroke-1) solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-5)}
#customize-flow-dialog:is([data-integration-browser=catalog],[data-skill-templates=catalog]) .customize-browser-entry strong{font-weight:var(--fw-regular)}
/* The optional dataset action uses its own intrinsic width; Connect/Add skill keep the fixed pair. */
#view:has([data-collection-page=customize]) .catalog-inline-controls:has([data-customize-action=knowledge]:not([hidden])){grid-template-columns:auto auto}
#view:has([data-collection-page=customize]) [data-customize-action=knowledge].btn{width:auto}

/* List and catalog share allowance grouping; connected details keep capabilities above accounts. */
.customize-usage-tier{display:inline-flex;align-items:baseline;gap:var(--space-2);white-space:nowrap}
.customize-connected-count{display:inline-flex;align-items:baseline;gap:var(--space-2)}
.customize-connected-count strong{font-weight:var(--fw-medium);color:var(--neutral-900)}
.customize-connected-count>span{font-weight:var(--fw-regular);color:var(--neutral-400)}
#customize-flow-dialog[data-integration-browser=detail] .modal__head{gap:var(--space-4)}
#customize-flow-dialog[data-integration-browser=detail] .modal__title{margin-right:auto}
#customize-flow-dialog[data-integration-browser=detail] .customize-browser-summary p,
#customize-flow-dialog[data-integration-browser=detail] .customize-account-copy small{color:var(--neutral-400)}
.customize-connected-benefits{margin:0 0 var(--space-4)}
.customize-connected-accounts{display:flex;flex-direction:column;gap:var(--space-4)}
#customize-flow-dialog:is([data-integration-browser=catalog],[data-skill-templates=catalog]) .customize-browser-entry .customize-platform-title{min-height:var(--space-8);flex-wrap:nowrap}

/* Account units stay separate from app availability; built-in sources consume no allowance. */
.customize-available-summary{margin:calc(-1 * var(--space-2)) 0 var(--space-5);font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans);color:var(--neutral-400)}
#customize-flow-dialog [data-integration-browser-back],#customize-flow-dialog [data-template-back]{color:var(--neutral-500)}
.customize-browser-summary .customize-platform-title>.bico{width:var(--space-7);height:var(--space-7);flex:0 0 var(--space-7)}
#customize-flow-dialog[data-integration-browser] .customize-account-row{min-height:0;padding:var(--space-5);gap:var(--space-5);border-radius:var(--radius-xl)}
#customize-flow-dialog .customize-account-avatar>img{width:var(--space-7);height:var(--space-7);object-fit:cover;border-radius:var(--radius-full)}
#customize-flow-dialog .customize-account-copy>span{font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
#customize-flow-dialog .customize-account-copy>small{font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans)}
#customize-flow-dialog[data-skill-templates] .modal__head{gap:var(--space-4)}
#customize-flow-dialog[data-skill-templates] .modal__title{margin-right:auto}
#customize-flow-dialog[data-skill-templates=catalog] .modal__foot{display:none}
#view[data-customize-card-surface=flat] :is(.customize-tool-entry,.customize-browser-entry){border-color:transparent;background:transparent}
#view[data-customize-card-surface=flat] :is(.customize-tool-entry,.customize-browser-entry):hover{background:var(--surface-hover);border-color:transparent}

/* Fit short detail and template contents while retaining the catalog's shared width. */
#customize-flow-dialog:is([data-integration-browser=detail],[data-skill-templates]) .modal{height:auto}
.customize-filter-slot .menu{min-width:calc(var(--space-14)*3)}
.customize-filter-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.customize-filter-choices--tiers{grid-template-columns:repeat(3,minmax(0,1fr))}
.customize-filter-choices .menu__item{justify-content:center;padding-inline:var(--space-3)}
.customize-filter-more{margin-top:var(--space-4);border-top:var(--stroke-hairline) solid var(--border);padding-top:var(--space-4)}
.customize-filter-more>summary{list-style:none;cursor:pointer;justify-content:space-between}
.customize-filter-more>summary::-webkit-details-marker{display:none}
.customize-filter-more>summary>.ph{font-size:var(--space-6)}

#customize-flow-dialog:is([data-integration-browser=detail],[data-skill-templates=catalog]) .modal__body{padding-bottom:var(--space-8)}

/* Flat rows align their icon tiles to headings; only the hit surface bleeds outward. */
#view[data-customize-card-surface=flat] [data-customize-list=integrations] .customize-card-grid{column-gap:calc(var(--space-6)*3)}
#view[data-customize-card-surface=flat] [data-customize-list=integrations] .customize-tool-entry{border:0;margin-inline:calc(-1 * var(--space-6));width:calc(100% + var(--space-6)*2);padding-inline:var(--space-6)}
.customize-filter-choices--appearance{grid-template-columns:repeat(2,minmax(0,1fr))}
.customize-filter-choices--appearance>:last-child{grid-column:1/-1}

/* Desktop September 19: one aligned summary and persistent detail context. */
.customize-installed-heading{display:flex;align-items:center;gap:var(--space-5);min-width:0}
.customize-installed-heading .customize-available-summary{margin:0;white-space:nowrap}
.customize-catalog-summary .customize-installed-heading{flex-direction:column;align-items:flex-start;gap:var(--space-1)}
.customize-catalog-summary{margin-bottom:var(--space-5)}
.customize-prompt-section{margin-top:var(--space-8)}
.customize-prompt-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-5)}
.customize-prompt-heading h3,.customize-files-heading{margin:0;font:var(--fw-medium) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
.customize-prompt-heading>span{color:var(--neutral-400);font:var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans)}
.customize-skill-overview{padding:var(--space-8)}
.customize-skill-overview>p{margin:var(--space-4) 0 0;color:var(--neutral-400);font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
#customize-flow-dialog[data-skill-detail=true] .modal__body{overflow:auto}
#customize-flow-dialog[data-skill-detail=true] .customize-file-layout{height:auto;min-height:calc(var(--space-14)*3);border-top:var(--stroke-1) solid var(--neutral-200)}
#customize-flow-dialog[data-skill-detail=true] .customize-files-heading{padding:0 var(--space-8) var(--space-5)}
#view :is(.customize-tool-entry,.customize-skill-row,.customize-browser-entry):hover{background:var(--neutral-100)}
#view[data-customize-card-surface=flat] :is(.customize-tool-entry,.customize-browser-entry):hover{background:var(--neutral-100)}
#view[data-customize-header=icons] .collection-page-tabbar>.catalog-inline-controls{display:grid;grid-template-columns:max-content calc(var(--space-14) + var(--space-9));align-items:center;gap:var(--space-4);margin-left:auto}
#view[data-customize-header=icons] .customize-filter-slot{flex-basis:calc(var(--space-10) + var(--space-2))}
#view[data-customize-header=icons] :where(.collection-page-toolbar) .collection-search.collection-search--icon[data-search-open=false]{width:calc(var(--space-10) + var(--space-2));flex-basis:calc(var(--space-10) + var(--space-2))}
#view[data-customize-header=icons] .collection-search.collection-search--icon{height:calc(var(--space-10) + var(--space-2))}
#view[data-customize-header=icons] :where(.collection-page-toolbar) .collection-search.collection-search--icon[data-search-open=true]{width:calc(var(--space-14)*2);flex:0 0 calc(var(--space-14)*2)}

#view[data-customize-header=icons]:has([data-collection-page=customize]) .catalog-search-pair{flex:none;min-width:max-content}