#demo .portfolio-notice{margin:12px 0 18px;font-size:11px;line-height:1.5;color:#95a4b5}
#demo .portfolio-card{background:#141b23;border:0;box-shadow:none;border-radius:12px;margin:9px 0;overflow:hidden}
#demo .portfolio-card[open]{background:#17212b}
#demo .portfolio-card summary{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:4px 12px;padding:16px;list-style:none;cursor:pointer}
#demo .portfolio-card summary::-webkit-details-marker{display:none}
#demo .portfolio-card .sponsor-initial{grid-row:1/3;width:34px;height:34px;border-radius:10px;font-size:11px;background:#21313c;display:grid;place-items:center}
#demo .sponsor-identity{grid-column:2;grid-row:1/3;min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:5px}
#demo .sponsor-identity b,#demo .portfolio-value b{font-size:14px;font-weight:600;line-height:1.3}
#demo .portfolio-category{font-size:9px!important;line-height:1.3;padding:3px 6px;border-radius:4px;display:inline-block!important;background:#1c303a}
#demo .portfolio-value{grid-column:3;grid-row:1;text-align:right;display:flex;gap:7px;align-items:baseline}
#demo .portfolio-value small{font-size:10px;color:#94a3b3}
#demo .portfolio-renewal{grid-column:3;grid-row:2;text-align:right;font-size:10px;color:#a7b3c1}
#demo .portfolio-progress{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:10px}
#demo .portfolio-progress progress{grid-column:1/-1;width:100%;height:3px;border:0;border-radius:3px;overflow:hidden;background:#28323d;accent-color:#7fc2c9}
#demo .portfolio-progress progress::-webkit-progress-bar{background:#28323d}#demo .portfolio-progress progress::-webkit-progress-value{background:#7fc2c9}
#demo .portfolio-progress small,#demo .portfolio-expand{font-size:10px;color:#9aaaba}
#demo .portfolio-expand{display:flex;align-items:center;gap:5px}#demo .portfolio-expand svg{width:12px;height:12px}
#demo .tone-amber{color:#e8c18b!important;background:#362e24!important}#demo .tone-mint{color:#8cdbc0!important;background:#20372f!important}#demo .tone-violet{color:#c4b1ef!important;background:#302a40!important}#demo .tone-blue{color:#a3c7fa!important;background:#233348!important}#demo .tone-cyan{color:#89d8e7!important;background:#20343d!important}
#demo .people-row{background:#141b23;border:0;border-radius:10px;margin:8px 0;padding:14px;align-items:center}
#demo .people-row .connection-note{font-size:11px;line-height:1.5;color:#a8b6c6;max-width:380px}
#demo .people-row .app-avatar{background:#253747;color:#9bcee8}
@media(max-width:600px){#demo .portfolio-card summary{padding:12px;gap:4px 9px;grid-template-columns:28px minmax(0,1fr) auto}#demo .portfolio-card .sponsor-initial{width:28px;height:28px;font-size:9px}#demo .sponsor-identity b,#demo .portfolio-value b{font-size:12px}#demo .portfolio-value{display:block}#demo .portfolio-value small{display:block;font-size:8px}#demo .portfolio-renewal{grid-column:2/-1;grid-row:3;text-align:left;margin-top:3px}#demo .portfolio-category{font-size:8px!important}#demo .people-row{padding:12px}#demo .portfolio-notice{font-size:10px}}
#demo .portfolio-card summary:after{display:none}
#demo .portfolio-card .sponsor-tasks{padding:0 16px 10px}

/* Warm contacts are prospects, independent of sponsor agreements. */
#demo .warm-contact .contact-company{display:inline-block;background:#20323e;color:#a7d9ef;border-radius:5px;padding:3px 8px;font-size:11px}
#demo .warm-contact .contact-context{font-size:12px;line-height:1.6;color:#b9c6d2;margin:10px 0 16px}
#demo .warm-contact .contact-message{margin-top:18px;background:#121920;border:0;border-radius:10px;padding:12px}
#demo .contact-message summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:#a7d9ef;min-height:32px}
#demo .contact-message summary svg{width:16px;height:16px}
#demo .contact-message[open] summary{margin-bottom:8px}
#demo .contact-message .primary{width:100%;margin-top:10px}
#demo .contact-message #contact-copy-status{font-size:11px;margin:8px 0 0;color:#a8dfca}
#demo .warm-contact>.sample-notice{margin:12px 0 0}
#demo .warm-contact textarea{line-height:1.5}
@media(max-width:640px){#demo .demo-panel .warm-contact textarea,#demo .demo-panel .warm-contact select{font-size:16px!important}}