/* Compact business intake and a product-to-buyer editing board. */
.business-body .body-model{min-width:0;border:0;border-radius:0;background:transparent;padding:0}
.body-model-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.body-model-heading h2{font-size:17px;line-height:1.5;font-weight:600;letter-spacing:-.015em;margin:0}
.body-model-heading p{font-size:12px;color:var(--text-tertiary);line-height:1.6;margin:4px 0 0}
.portal-page #view-company .body-supplement{--control-fill:transparent;--control-stroke:transparent;--control-ink:var(--text-secondary);--control-hover:var(--surface-hover);gap:7px;box-shadow:none}
.body-supplement svg{width:17px;height:17px;flex-shrink:0}
.portal-page .business-body .body-supplement:hover{background:var(--surface-hover);color:var(--text-primary)}
.portal-page #view-company .body-supplement[aria-expanded="true"]{--control-fill:var(--surface-subtle)}
.body-builder{padding:16px 18px 14px;border:1px solid var(--border-default);border-radius:10px;background:#fff;margin-bottom:16px;transition:border-color .16s,box-shadow .16s}
.body-builder:focus-within{border-color:var(--field-focus-border,#c4cfda)}
.body-builder-title{margin-bottom:8px}
.body-builder-title label{font-size:13px;font-weight:550;margin:0;line-height:1.6;color:var(--text-secondary);cursor:text}
.portal-page #view-company .body-builder textarea{display:block;background:transparent;border:0;border-radius:0;min-height:72px;max-height:260px;line-height:1.7;padding:0;font-size:14px;box-shadow:none;outline:none}
.portal-page .business-body .body-builder textarea:is(:focus,:focus-visible){background:transparent;border:0;outline:none;box-shadow:none}
.portal-page .business-body .body-builder textarea::placeholder{font-size:14px;color:#959ba4}
.body-builder-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px}
.portal-page #view-company .body-action-generate{--control-fill:#f5f5f6;--control-stroke:#dedee3;--control-ink:var(--text-primary);--control-hover:#eaeaec;--control-pressed:#dedee3;box-shadow:none;gap:8px;white-space:nowrap}
.body-action-generate[aria-busy="true"]>svg{display:none}
.portal-page .business-body .body-action-generate:disabled{opacity:.6;cursor:default;transform:none}
.body-builder-feedback{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;margin:0 0 12px;border:0;border-radius:0;background:transparent}
.body-builder-feedback p{font-size:13px;line-height:1.8;color:var(--text-secondary);margin:0;overflow-wrap:anywhere}
.body-builder-feedback.is-error p{color:#9b4c38}
.body-builder-feedback button{white-space:nowrap;font-size:12px;min-height:36px}
.body-board{min-width:0;padding:16px 18px 4px;border:1px solid var(--border-default);border-radius:10px;background:#fff}
.body-product-section{margin-bottom:17px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}
.body-section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.body-section-label h3{font-size:14px;line-height:1.6;font-weight:550;color:var(--text-primary);margin:0}
.body-product-toolbar{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;min-width:0;padding:0;border:0}
.body-products{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0;max-width:100%}
.body-product-pill{display:inline-flex;align-items:stretch;min-width:0;max-width:100%;border:1px solid var(--border-subtle);border-radius:8px;background:#fff;transition:background .15s,border-color .15s}
.body-product-pill.is-active{background:var(--surface-hover);border-color:var(--border-strong)}
.body-product-pill:hover{background:var(--surface-subtle)}
.body-product-pill.is-active:hover{background:var(--surface-hover)}
.body-product-select{border:0;background:none;color:var(--text-secondary);font:inherit;font-size:13px;line-height:20px;padding:7px 10px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;border-radius:7px}
.body-product-select[aria-pressed="true"]{color:var(--text-primary);font-weight:500}
.body-product-edit{border:0;background:transparent;color:var(--text-tertiary);padding:7px 9px;border-radius:7px;display:grid;place-items:center;min-width:34px}
.body-product-edit:hover{background:#e6e9ed;color:var(--text-primary)}
.body-product-edit svg{width:13px;height:13px}
.body-product-all{font:inherit;font-size:13px;line-height:20px;border:1px solid transparent;background:none;padding:7px 11px;color:var(--text-secondary);border-radius:8px}
.body-product-all[aria-pressed="true"]{color:var(--text-primary);background:var(--surface-hover);font-weight:500}
.portal-page #view-company :is(.body-add-product,.body-add-profile){--control-fill:#fff;--control-stroke:var(--border-default);--control-ink:var(--text-secondary);--control-hover:var(--surface-hover);white-space:nowrap;gap:6px;box-shadow:none}
.body-add-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:18px;font-size:17px;line-height:1}
.body-add-product:hover:not(:disabled){background:var(--surface-subtle);color:var(--text-primary)}
.body-add-product:disabled{opacity:.45;cursor:default}
.body-product-empty{font-size:13px;color:var(--text-tertiary);padding:2px 0}
.body-buyer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}
.body-buyer-heading h3{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:550;margin:0;line-height:1.7}
.body-buyer-heading h3 span{font-size:12px;font-weight:400;color:var(--text-tertiary);font-variant-numeric:tabular-nums}
.business-body .body-profiles{display:flex;flex-direction:column;gap:0;min-width:0}
.body-profile-item{min-width:0}
.body-profile-item+.body-profile-item{border-top:1px solid var(--border-subtle)}
.business-body .body-profile-card{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(130px,22%) 16px;align-items:center;gap:14px;text-align:left;width:100%;min-width:0;min-height:86px;padding:15px 8px;border:0;border-radius:8px;background:transparent;font:inherit;color:var(--text-primary);transition:background .16s}
.business-body .body-profile-card:hover:not(:disabled),.business-body .body-profile-card.is-selected{background:var(--surface-subtle);box-shadow:none;transform:none}
.body-profile-card:disabled{opacity:.65;cursor:default}
.body-profile-icon{display:grid;place-items:center;align-self:start;width:34px;height:34px;margin-top:2px;border-radius:8px;background:var(--surface-subtle);color:var(--text-secondary)}
.body-profile-icon svg{width:19px;height:19px}
.body-profile-main{display:block;min-width:0}
.body-profile-name-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 12px;min-width:0}
.body-profile-name{display:block;font-size:14px;font-weight:550;line-height:1.6;letter-spacing:-.01em;overflow-wrap:anywhere}
.body-profile-role{font-size:12px;line-height:1.7;color:var(--text-tertiary);overflow-wrap:anywhere}
.body-profile-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.7;color:var(--text-secondary);margin:4px 0 0;overflow-wrap:anywhere}
.body-profile-products{display:flex;flex-direction:column;min-width:0;gap:5px;padding-left:8px}
.body-profile-products-label{font-size:11px;line-height:1.7;color:var(--text-tertiary)}
.body-profile-products-value{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.7;color:var(--text-secondary);overflow-wrap:anywhere}
.body-profile-arrow{font-size:23px;font-weight:300;line-height:1;color:var(--text-tertiary);transition:transform .16s}
.body-profile-card:hover .body-profile-arrow{transform:translateX(2px)}
.body-model-empty{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;align-items:center;text-align:left;padding:18px 0 22px;border:0;border-radius:0;background:transparent}
.body-model-empty>svg{grid-row:1 / span 2;align-self:start;width:22px;height:22px;color:var(--text-tertiary);margin:2px 6px 0}
.body-model-empty h3{font-size:14px;font-weight:500;margin:0 0 4px;color:var(--text-secondary)}
.body-model-empty p{grid-column:2;font-size:12px;line-height:1.7;color:var(--text-tertiary);margin:0}
.body-model-field{display:block;margin-bottom:24px}
.body-model-field>span{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:9px}
.body-field-caption{font-size:13px;line-height:1.7;color:var(--text-secondary);margin:0 0 11px}
.body-profile-product-links,.body-profile-roles{display:flex;flex-wrap:wrap;gap:8px}
.body-profile-product-links{margin-bottom:26px}
.body-profile-product-links button{max-width:100%;text-align:left;overflow-wrap:anywhere}
.body-profile-advanced{margin:26px 0 0;border:0;border-top:1px solid var(--border-subtle);border-radius:0;padding:0;background:transparent}
.body-profile-advanced>summary,.body-role-options>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary);list-style:none;line-height:1.7;padding:17px 0}
.body-profile-advanced>summary::-webkit-details-marker,.body-role-options>summary::-webkit-details-marker{display:none}
.body-profile-advanced>summary::after,.body-role-options>summary::after{content:'';width:6px;height:6px;border:solid var(--text-tertiary);border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin:0 4px 3px 12px;transition:transform .16s;flex-shrink:0}
.body-profile-advanced[open]>summary::after,.body-role-options[open]>summary::after{transform:rotate(225deg);margin-bottom:-3px}
.body-profile-advanced[open]>summary{margin-bottom:9px}
.body-role-options{margin:0 0 20px}
.body-role-options>summary{padding:8px 0;font-weight:400}
.body-role-options .body-profile-roles{margin-top:12px}
.body-profile-advanced>.body-field-note{padding-bottom:10px}
.body-delete-action{display:block;font:inherit;font-size:13px;line-height:1.7;padding:17px 0 0;margin-top:25px;border:0;border-top:1px solid var(--border-subtle);background:transparent;color:#a54c37;width:100%;text-align:left}
.body-delete-action:hover{color:#8e2e19}
.body-editor-relations{margin-top:25px}
.body-editor-relations h3{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:12px}
.body-editor-relation{display:block;font-size:14px;line-height:1.7;padding:10px 0;border:0;color:var(--text-secondary);overflow-wrap:anywhere}
.body-editor-relation+.body-editor-relation{border-top:1px solid var(--border-subtle)}
@media(max-width:900px){
 .business-body .body-profile-card{grid-template-columns:30px minmax(0,1fr) 16px;gap:6px 12px;padding:14px 8px}
 .body-profile-products{grid-column:2;grid-row:2;flex-direction:row;align-items:baseline;gap:8px;padding:0}
 .body-profile-products-label{white-space:nowrap}
 .body-profile-products-value{-webkit-line-clamp:1}
 .body-profile-arrow{grid-column:3;grid-row:1 / span 2;align-self:center}
 .body-profile-icon{width:30px;height:30px;grid-row:1 / span 2}
}
@media(max-width:700px){
 .body-model-heading{gap:12px;margin-bottom:12px}
 .body-model-heading h2{font-size:17px}
 .body-builder{padding:14px;margin-bottom:12px}
 .body-board{padding:14px 12px 4px}
 .body-builder-actions{flex-wrap:wrap;gap:10px}
 .portal-page .business-body .body-action-generate{margin-left:auto}
 .body-builder-feedback{align-items:flex-start;flex-wrap:wrap;gap:6px}
 .body-product-select{max-width:195px;min-height:42px}
 .body-product-edit{min-width:38px}
 .body-product-all,.body-add-product{min-height:42px}
 .portal-page #view-company .body-builder textarea{font-size:16px}
 .portal-page .business-body .body-builder textarea::placeholder{font-size:15px}
}
@media(max-width:420px){
 .body-product-select{max-width:170px}
 .body-model-heading{align-items:flex-start}
 .portal-page .business-body .body-supplement{padding-inline:7px}
 .body-profile-name-line{display:block}
 .body-profile-role{display:block;margin-top:2px}
 .business-body .body-profile-card{padding-inline:4px;gap:9px 11px;grid-template-columns:24px minmax(0,1fr) 12px}
 .body-profile-icon svg{width:20px;height:20px}
}
@media(forced-colors:active){
 .body-product-pill.is-active,.body-product-all[aria-pressed="true"]{border-color:Highlight}
 .business-body .body-profile-card.is-selected{outline:1px solid Highlight;outline-offset:-1px}
}