/* Base44 BrandCard.jsx, read October 14 2026. Scoped to discovery previews. */
:is(#demo,.solution-workflow) .app-brand-card{background:#141920;border:0;border-radius:12px;padding:14px;box-shadow:none;min-width:0;display:flex;flex-direction:column;overflow:visible}
:is(#demo,.solution-workflow) .app-brand-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}
:is(#demo,.solution-workflow) .app-brand-identity{min-width:0;flex:1}
:is(#demo,.solution-workflow) .app-brand-identity h3{font-size:13px;line-height:1.4;font-weight:600;color:#dfe1e8;letter-spacing:0;margin:0}
:is(#demo,.solution-workflow) .app-brand-identity a{display:block;font-size:10px;line-height:1.5;color:#5c6070;text-decoration:none;margin-top:1px;overflow-wrap:anywhere}
:is(#demo,.solution-workflow) .app-brand-score{background:rgba(0,180,216,.08);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;color:#00b4d8;white-space:nowrap}
:is(#demo,.solution-workflow) .app-brand-gem{background:linear-gradient(90deg,#a855f7,#ec4899);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:500;color:#fff;white-space:nowrap}
:is(#demo,.solution-workflow) .app-brand-reason{font-size:11px;line-height:1.5;color:#8b8fa0;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:33px}
:is(#demo,.solution-workflow) .app-brand-industry{align-self:flex-start;display:inline-block;background:rgba(0,180,216,.06);border-radius:4px;padding:2px 6px;font-size:8px;line-height:1.5;font-weight:700;color:#00b4d8;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px}
:is(#demo,.solution-workflow) .app-brand-actions{display:flex;gap:6px;margin-top:auto;align-items:stretch;min-width:0}
:is(#demo,.solution-workflow) .app-brand-actions button,:is(#demo,.solution-workflow) .app-brand-website{border:0;border-radius:6px;min-height:32px;height:auto;padding:7px 0;font-family:inherit;font-size:10px;line-height:1.4;font-weight:600;display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:none;text-decoration:none;cursor:pointer;white-space:nowrap}
:is(#demo,.solution-workflow) .app-brand-pipeline{flex:1;background:#1e2530;color:#8b8fa0}
:is(#demo,.solution-workflow) .app-brand-pipeline:disabled{background:rgba(34,197,94,.15);color:#22c55e;cursor:default;opacity:1}
:is(#demo,.solution-workflow) .app-brand-outreach{position:relative;flex:1;min-width:0}
:is(#demo,.solution-workflow) button.app-brand-primary{width:100%;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff}
:is(#demo,.solution-workflow) .app-brand-website{background:rgba(255,255,255,.04);color:#8b8fa0;flex:0 0 32px;padding:7px 10px}
:is(#demo,.solution-workflow) .app-brand-actions svg{width:11px;height:11px;flex-shrink:0}
:is(#demo,.solution-workflow) .app-brand-website svg{width:12px;height:12px}
:is(#demo,.solution-workflow) .app-brand-primary[aria-expanded=true] svg:last-child{transform:rotate(180deg)}
:is(#demo,.solution-workflow) .app-brand-menu{position:absolute;top:calc(100% + 4px);left:auto;right:0;min-width:145px;width:max-content;z-index:60;background:#0c1017;border:1px solid #ffffff14;border-radius:8px;box-shadow:0 10px 25px #0006;padding:4px;display:block;margin:0}
:is(#demo,.solution-workflow) .app-brand-menu[hidden]{display:none}
:is(#demo,.solution-workflow) .app-brand-menu button{width:100%;justify-content:flex-start;font-size:11px;font-weight:400;padding:9px 10px;color:#d4d4d4;background:transparent;gap:8px;border-radius:4px}
:is(#demo,.solution-workflow) .app-brand-menu button:hover{background:#06b6d41f;color:#67e8f9}
:is(#demo,.solution-workflow) .app-brand-menu button svg{width:14px;height:14px;color:#22d3ee}
:is(#demo,.solution-workflow) .app-brand-menu button:nth-child(2) svg{color:#f472b6}
:is(#demo,.solution-workflow) .app-brand-menu button:nth-child(3) svg{color:#60a5fa}
:is(#demo,.solution-workflow) .app-brand-card :is(button,a):focus-visible{outline:2px solid #67e8f9;outline-offset:3px}
:is(#demo,.solution-workflow) .brand-demo-note{font-size:10px;line-height:1.5;color:#8b8fa0;margin:0 0 12px}
.solution-workflow .brand-demo-note{padding:0 22px}
#demo .brand-grid{gap:8px}
@media(max-width:700px){.solution-workflow .match-grid{grid-template-columns:1fr}.solution-workflow .app-brand-card{padding:14px}.solution-workflow .app-brand-identity h3{font-size:14px}.solution-workflow .app-brand-reason{font-size:12px}}

/* Sponsor AI identity: restrained use of the existing cyan and blue brand tokens. */
:is(#demo,.solution-workflow){--demo-action:linear-gradient(120deg,#0de0e6 -35%,#003bff 145%)}
:is(#demo,.solution-workflow) button.app-brand-primary,#demo button.primary{background:var(--demo-action);color:#fff}
/* Shallow app-style summaries; follow-ups sit outside the metric tiles. */
#demo :is(.app-stats,.deal-metrics){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:570px;gap:8px;margin:12px auto 18px}
#demo :is(.app-stats>button,.deal-metrics>div){display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;min-width:0;min-height:68px;padding:12px 8px;background:#141920;border:0;border-radius:8px;box-shadow:none}
#demo :is(.app-stats strong,.deal-metrics b){font-size:21px;line-height:1.15;font-weight:600;letter-spacing:-.3px;color:#dfe1e8;font-variant-numeric:tabular-nums;white-space:nowrap}
#demo :is(.app-stats small,.deal-metrics>div>span){font-size:10px;line-height:1.35;letter-spacing:0;color:#969ba8;text-transform:none}
#demo .app-stats>button:hover{background:#1c232d}
#demo .metric-follow-up{display:flex;align-items:center;justify-content:center;gap:7px;width:fit-content;margin:-8px auto 16px;padding:3px 6px;min-height:24px;background:transparent;color:#d6ad88;font-size:10px;line-height:1.5;border:0;border-radius:5px}
#demo button.metric-follow-up:hover{background:#ffffff07;color:#f3c59b}
#demo .metric-follow-up span{color:#8993a1}
@media(max-width:640px){#demo :is(.app-stats,.deal-metrics){gap:6px;margin:8px auto 14px}#demo :is(.app-stats>button,.deal-metrics>div){padding:10px 3px;min-height:58px;gap:4px;border-radius:7px}#demo :is(.app-stats strong,.deal-metrics b){font-size:17px}#demo :is(.app-stats small,.deal-metrics>div>span){font-size:9px;letter-spacing:0}#demo .metric-follow-up{margin:-6px auto 12px;font-size:9px}}

/* New chat is a utility action, never a persistently selected destination. */
#demo .app-side button.new-chat{background:transparent;color:#969ba8;min-height:30px;padding:5px 9px;margin-bottom:8px;font-size:11px;font-weight:400;box-shadow:none}
#demo .app-side button.new-chat svg{width:14px;height:14px}
#demo .app-side button.new-chat:hover{background:#ffffff07;color:#dfe1e8}

/* Editable outreach with the hierarchy of the application draft cards. */
#demo .draft-card{max-width:720px;margin:12px auto;padding:18px;background:#141920;border-radius:12px}
#demo .draft-heading{color:#32cbe7;font-size:10px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
#demo .draft-edit-label{display:flex;justify-content:space-between;gap:8px;margin:10px 0 5px;font-size:10px;color:#969ba8}
#demo .draft-edit-label span{color:#737d8d;font-size:9px}
#demo .draft-card textarea{min-height:0;height:auto;resize:none;overflow:hidden;background:transparent;border:0;border-radius:5px;padding:5px 0;font-size:12px;line-height:1.65;color:#dfe1e8}
#demo .draft-card textarea:focus{background:#10151c}
#demo .draft-word-count{display:block;color:#737d8d;font-size:9px;margin:7px 0 10px}
#demo .draft-coaching{background:#ffffff04;border:0;border-radius:8px;padding:10px 12px;margin:10px 0 12px}
#demo .draft-coaching b{font-size:10px;color:#a8b0be}
#demo .draft-coaching p{font-size:10px;line-height:1.5;color:#8b8fa0;margin:4px 0 0}
#demo .draft-actions{display:flex;flex-direction:column;gap:7px;margin:0}
#demo .draft-actions button{width:100%;min-height:34px;padding:8px 12px;border-radius:8px;font-size:11px;line-height:1.4}
#demo .draft-actions [data-record]{background:transparent;box-shadow:inset 0 0 0 1px #ffffff18;color:#b8bec9}
#demo .copy-status{font-size:10px;line-height:1.5;margin:8px 0 0}
#demo .copy-status:empty{display:none}
@media(max-width:640px){#demo .draft-card{padding:14px}#demo .draft-card textarea{font-size:16px;line-height:1.5}#demo .draft-heading{font-size:9px}}
.solution-workflow .mail-frame.dm-view [data-message]{min-height:0;height:auto;field-sizing:content;line-height:1.6}
#demo .draft-actions:has([data-copy]){display:grid;grid-template-columns:1fr;gap:7px}
#demo .draft-actions [data-copy],#demo .draft-actions [data-record]{min-height:34px;padding:8px 12px;font-size:11px}
#demo .draft-card .draft-actions button.primary[data-copy]{background:var(--demo-action);color:white}
@supports(field-sizing:content){#demo .draft-card textarea{field-sizing:content;height:auto!important}}

/* Discovery: meaningful icons, selective color, compact utility actions. */
#demo .find-row{background:#10151c!important;border-radius:9px;gap:12px;padding:12px!important;margin:7px 0}
#demo .find-row:has(.find-icon-0){background:linear-gradient(110deg,#102630,#0e1821)!important;box-shadow:inset 0 0 0 1px #23b8dc18}
#demo .find-icon{width:32px;height:32px;border-radius:8px;background:#00b4d815;color:#22c5e3}
#demo .find-icon-1{background:#8b5cf615;color:#a184f5!important}#demo .find-icon-2{background:#f59e0b12;color:#e7a937}
#demo .find-icon svg{width:17px;height:17px}#demo .find-row b{font-size:12px;font-weight:600}#demo .find-row small{font-size:10px;line-height:1.5;color:#8f98a7;margin-top:3px}
#demo .category-list{gap:7px}#demo .category-list button{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#10151c;padding:8px 10px;font-size:10px;color:#a9b0be}
#demo .category-icon{display:flex;color:#f49344!important}#demo .category-icon svg{width:13px;height:13px}
#demo .category-list button .category-icon-1{color:#39c998!important}#demo .category-list button .category-icon-2{color:#5eabf4!important}#demo .category-list button .category-icon-3{color:#e5b244!important}#demo .category-list button .category-icon-4{color:#e784be!important}#demo .category-list button .category-icon-5{color:#a184f5!important}#demo .category-list button .category-icon-6{color:#34c4d9!important}
#demo .quick-grid{gap:8px}#demo .quick-grid button{display:grid;grid-template-columns:20px 1fr;align-items:center;text-align:left;gap:3px 9px;padding:12px;min-height:58px;border-radius:9px;background:#141920}
#demo .quick-grid svg{width:17px;height:17px;grid-row:1/3;color:#51c5dc}#demo .quick-grid b{font-size:11px;line-height:1.4;margin:0}#demo .quick-grid small{font-size:9px;line-height:1.4;display:block;grid-column:2}
@media(max-width:640px){#demo .find-row{padding:10px!important;gap:9px}#demo .find-row b{font-size:11px}#demo .find-row small{font-size:9px}#demo .find-icon{width:28px;height:28px}#demo .category-list button{font-size:9px;padding:7px 8px}#demo .quick-grid{grid-template-columns:1fr}#demo .quick-grid button{min-height:48px;padding:9px 12px}#demo .quick-grid svg{grid-row:1}#demo .quick-grid small{display:none}}
/* Consistent application chrome for each audience-specific solution workflow. */
.solution-workflow .solution-screen.app-preview{background:#0c1016;border:1px solid #ffffff0a;border-radius:12px;box-shadow:none}
.solution-workflow .screen-top{background:#10151b;color:#a0a8b5;font-size:11px;padding:12px 20px}
.solution-workflow .screen-dot{background:#32bdd6}
.solution-workflow .ops-workspace{background:#10151b;border-radius:9px}
.solution-workflow .ops-inspector{background:#141920}
.solution-workflow .app-preview .opportunity{background:#141920;border-radius:9px;gap:12px;padding:15px}
.solution-workflow .context-chips span,.solution-workflow .status-pill{background:#ffffff05;color:#a4afbd;border-radius:6px}
.solution-workflow .app-preview .accent-action{background:var(--demo-action);border:0;color:#fff}
.solution-workflow .solution-tabs button[aria-selected=true]{background:#18252f;color:#e1e7ed}
.solution-workflow .mail-frame.dm-view{background:#141920;border-radius:10px;border:0}

.solution-workflow .channel-buttons button{display:inline-flex;align-items:center;gap:6px}.solution-workflow .channel-buttons svg{width:14px;height:14px;flex-shrink:0}
#demo .quick-grid svg{grid-column:1}#demo .quick-grid b{grid-column:2;grid-row:1}

#demo .category-list button .category-icon-0{color:#f49344!important}

/* Readable preview first; 16px editing fields remain opt-in for iOS focus. */
#demo .draft-read-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 5px;color:#8b8fa0;font-size:10px}
#demo .draft-read-toolbar button{background:transparent;color:#aebac8;padding:5px 8px;min-height:28px;font-size:10px;border-radius:5px}
#demo .draft-read-toolbar button:hover{background:#ffffff08;color:#fff}
#demo .draft-card .draft-message-text{font-size:12px;line-height:1.6;color:#dfe1e8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
#demo .draft-card :is(textarea,.draft-message-text)[hidden]{display:none!important}
#demo .draft-coaching{padding:8px 10px;margin:9px 0 11px;background:#ffffff04}
#demo .draft-coaching b{font-size:10px;font-weight:550;line-height:1.4}
#demo .draft-coaching p{font-size:10px;line-height:1.45;margin:3px 0 0}
@media(max-width:640px){#demo .draft-card{padding:12px}#demo .draft-card .draft-message-text{font-size:12px;line-height:1.6}#demo .draft-coaching{padding:8px 9px}#demo .draft-coaching p{font-size:9px}#demo .draft-read-toolbar button{min-height:32px}}

/* Chat responses use compact inline context rather than page titles. */
#demo .results-response-heading{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5;font-weight:550;color:#dfe1e8;margin:4px 0 12px}
#demo .results-response-heading svg{width:18px;height:18px;flex-shrink:0;color:#25bfd9}
#demo [data-response-heading]:focus{outline:none}
#demo .draft-response{max-width:720px;margin:0 auto}
#demo .draft-response .draft-card:first-child{margin-top:0}
#demo .draft-response .draft-card:last-child{margin-bottom:0}
@media(max-width:640px){#demo .results-response-heading{font-size:12px;gap:7px;margin-bottom:10px}#demo .results-response-heading svg{width:17px;height:17px}}

/* Optional post-request feedback, sized for the embedded mobile workspace. */
.setup-feedback{margin:20px 0;padding:16px;border-radius:12px;background:#141920}
.setup-feedback label{font-size:15px;font-weight:600;line-height:1.4}
.setup-feedback p:not(.setup-kicker){font-size:12px;line-height:1.5;margin:8px 0;color:#a5acb8}
.setup-feedback textarea{display:block;width:100%;box-sizing:border-box;margin:12px 0;padding:12px;border:1px solid #343b46;border-radius:8px;background:#0d1219;color:#e8ebf0;font:inherit;font-size:16px;line-height:1.5;resize:vertical;min-height:100px}
.setup-feedback small{display:block;font-size:11px;color:#a5acb8;margin-bottom:12px}
.setup-feedback .setup-primary{width:100%;min-height:40px}

/* Category labels carry meaning across the full demo and solution cards.
   Match the approved homepage palette; unknown categories retain a neutral fill. */
:is(#demo,.solution-workflow) .app-brand-industry{--industry-ink:#bac5d3;--industry-fill:#252d37;color:var(--industry-ink);background:var(--industry-fill);border:0;box-shadow:none;max-width:100%;overflow-wrap:anywhere}
:is(#demo,.solution-workflow) .app-brand-industry[data-industry^="sim racing"]{--industry-ink:#c4b5fd;--industry-fill:#29233f}
:is(#demo,.solution-workflow) .app-brand-industry:is([data-industry*="health"],[data-industry*="nutrition"]){--industry-ink:#7ee0c1;--industry-fill:#16362e}
:is(#demo,.solution-workflow) .app-brand-industry:is([data-industry*="recovery"],[data-industry*="training"],[data-industry*="fitness"]){--industry-ink:#7dd3fc;--industry-fill:#173342}
:is(#demo,.solution-workflow) .app-brand-industry[data-industry*="travel"]{--industry-ink:#f5c77e;--industry-fill:#3a2e1c}
:is(#demo,.solution-workflow) .app-brand-industry[data-industry*="camera"]{--industry-ink:#f0aed3;--industry-fill:#392435}