.business-card { box-sizing:border-box; width:280px; max-width:100%; min-height:190px; padding:14px; display:flex; flex-direction:column; border:1px solid #eadfc3; border-radius:16px; background:#fffdf7; color:#322d24; font-size:13px; line-height:18px; white-space:normal; text-align:left; overflow:hidden; }
.business-card--order { border-color:#d9bd77; background:#fffaf0; }
.business-card-heading { display:flex; align-items:center; gap:8px; height:40px; margin-bottom:8px; flex-shrink:0; }
.business-card-heading strong { flex:1; min-width:0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; white-space:normal; font-size:16px; line-height:20px; font-weight:700; }
.business-card-kind { flex:none; padding:0 6px; border-radius:4px; background:#f5eddb; color:#887452; font-size:11px; line-height:20px; }
.business-card-kind[hidden] { display:none; }
.business-card--order .business-card-heading strong { color:#5b3b06; }
.business-card-mark { display:flex; align-items:center; justify-content:center; flex:0 0 26px; height:26px; border-radius:7px; background:#f7e9bd; color:#8f661b; font-size:18px; line-height:1; }
.business-card--order .business-card-mark { background:#f4cf68; color:#5b3b06; }
.business-card-summary { height:36px; margin-bottom:8px; flex-shrink:0; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow-wrap:anywhere; }
.business-card-meta { display:flex; align-items:center; gap:8px; height:24px; margin-bottom:8px; flex-shrink:0; }
.business-card-status { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#886525; font-size:12px; line-height:16px; }
.business-card .business-card-toggle { display:flex; flex:0 0 auto; align-items:center; justify-content:center; gap:4px; margin:0; padding:0; min-width:42px; height:24px; border:0; border-radius:0; background:transparent; color:#77674e; font-size:12px; line-height:16px; cursor:pointer; }
.business-card-toggle-label { display:block; line-height:16px; }
.business-card-chevron { display:block; flex:none; width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s ease; }
.business-card.is-expanded .business-card-chevron { transform:rotate(180deg); }
.business-card :is(button,uni-button)::after { border:0; }
.business-card-collapse { display:grid; grid-template-rows:0fr; opacity:0; visibility:hidden; transition:grid-template-rows .2s ease, opacity .2s ease, visibility 0s .2s; }
.business-card.is-expanded .business-card-collapse { grid-template-rows:1fr; opacity:1; visibility:visible; transition:grid-template-rows .2s ease, opacity .2s ease, visibility 0s; }
.business-card-collapse-clip { min-height:0; overflow:hidden; }
.business-card-details { display:flex; flex-direction:column; gap:7px; padding:10px 0; border-top:1px solid #eee5d2; font-size:12px; line-height:19px; color:#726650; overflow-wrap:anywhere; }
.business-card-actions { margin-top:auto; display:flex; align-items:stretch; gap:8px; min-height:36px; flex-shrink:0; }
.business-card .business-card-actions :is(button,uni-button) { box-sizing:border-box; display:flex; align-items:center; justify-content:center; flex:1 1 0; width:0; min-width:0; height:36px; margin:0; padding:0 8px; border:0; border-radius:8px; background:#f5efdf; color:#6b5735; font-size:12px; font-weight:600; line-height:1.2; text-align:center; white-space:nowrap; cursor:pointer; }
.business-card .business-card-actions :is(button,uni-button).business-card-primary { background:#f7d879; color:#443310; }
.business-card .business-card-actions :is(button,uni-button)[disabled] { opacity:.5; cursor:default; }
@media (prefers-reduced-motion:reduce) { .business-card-collapse, .business-card.is-expanded .business-card-collapse, .business-card-chevron { transition:none; } }

.chat-bubble.card-bubble.business-card-bubble { width:280px; max-width:calc(100% - 52px); padding:0; border:0; background:transparent; box-shadow:none; }
.business-card-link { color:#886525; cursor:pointer; text-decoration:underline; }