/* Lynks Capital brand styling — extracted from docs/intel/rea_iunderwritingconvo/my_summary.html */
/* This file is the SINGLE SOURCE OF TRUTH for one-pager appearance. */

@font-face { font-family: 'Avenir LT'; src: url('https://cdn.prod.website-files.com/67efbcc56c24649dd26f4e83/67efd7d4e6ad1f7a41b525c4_Avenir%20LT%20Std%2055%20Roman.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Avenir LT'; src: url('https://cdn.prod.website-files.com/67efbcc56c24649dd26f4e83/67efd7d4d8118f6db17f86f8_Avenir%20LT%20Std%2085%20Heavy.woff2') format('woff2'); font-weight: 800; font-display: swap; }
@font-face { font-family: 'Avenir LT'; src: url('https://cdn.prod.website-files.com/67efbcc56c24649dd26f4e83/67efd7d4d4b8be13e0973bac_Avenir%20LT%20Std%2095%20Black.woff2') format('woff2'); font-weight: 900; font-display: swap; }

:root {
  --dark-purple: #332c5c;
  --light-purple: #5e587a;
  --brand-purple: #4d25ff;
  --soft-bg: #f6f3ff;
  --soft-border: #e6e1f0;
  --gradient: linear-gradient(90deg, #72c3ff, #965bfc 65%, #7556ff);

  --ink: var(--dark-purple);
  --mute: var(--light-purple);
  --line: var(--soft-border);
  --bg: #fff;
  --hdr: var(--dark-purple);

  --red:#a3232c;       --redbg:#fae0e2;      --redvbg:#fff5f5;
  --amber:#9a6700;     --amberbg:#fff0c8;
  --green:#1f6b35;     --greenbg:#dcf2dc;    --greenvbg:#f4faf4;
  --blue:#1d4d8a;      --bluevbg:#eef3fa;
  --grey:#5e587a;      --greybg:#ece9f5;     --greyvbg:#fafaff;
}

#mcai-report * { box-sizing: border-box; }
#mcai-report { font-family: 'Avenir LT', -apple-system, "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 1.4; color: var(--ink); margin: 0 auto; padding: 0; max-width: 1180px; background:#fff; }
#mcai-report::before { content:''; display:block; height:4px; background: var(--gradient); }

.brand-bar { display:flex; align-items:center; gap:14px; padding: 12px 18px 10px; border-bottom: 1px solid var(--soft-border); }
.brand-mark { font-weight: 900; font-size: 18px; letter-spacing: 1.5px; background: var(--gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.brand-product { color: var(--dark-purple); font-weight: 800; font-size: 12.5px; letter-spacing: .5px; }
.brand-divider { color: var(--soft-border); font-weight:800; }
.brand-spacer { flex:1; }
.brand-confidential { font-size: 10px; letter-spacing: 1.5px; color: var(--brand-purple); font-weight: 800; padding: 3px 12px; border: 1px solid var(--brand-purple); border-radius: 100px; }

.page { padding: 14px 18px 18px; }

#mcai-report h1 { font-size: 18px; font-weight: 900; color: var(--dark-purple); margin: 0 0 3px; line-height: 1.2; }
#mcai-report h2 { font-size: 11.5px; font-weight: 800; margin: 14px 0 6px; padding: 7px 14px; background: var(--dark-purple); color: #fff; border-radius: 100px; letter-spacing: .5px; text-transform: uppercase; }
#mcai-report h3 { font-size: 11.5px; font-weight: 800; margin: 8px 0 3px; color: var(--dark-purple); text-transform: uppercase; letter-spacing: .4px; }
.sub { color: var(--light-purple); font-size: 11px; margin-bottom: 10px; }

.verdict { display:flex; gap:12px; align-items:stretch; margin: 8px 0 12px; }
.verdict .badge { padding: 14px 18px; border-radius: 16px; font-weight: 900; font-size: 18px; letter-spacing: 1.2px; min-width: 130px; text-align: center; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(51,44,92,.14); }
.verdict .why  { flex:1; padding: 12px 16px; border-radius: 16px; background: var(--soft-bg); font-size: 12px; color: var(--dark-purple); position: relative; overflow: hidden; }
.verdict .why::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background: var(--gradient); }
.v-decline { background: linear-gradient(135deg, #a3232c 0%, #6e1820 100%); color:#fff; }
.v-caution { background: linear-gradient(135deg, #c1841a 0%, #8a5a00 100%); color:#fff; }
.v-pass    { background: linear-gradient(135deg, #2c7d36 0%, #1f5826 100%); color:#fff; }

.rationale-inline { margin-top: 8px; padding-top: 7px; border-top: 1px dashed rgba(51,44,92,.22); font-size: 11px; color: var(--dark-purple); }
.rationale-inline .lbl { font-size: 10px; text-transform: uppercase; letter-spacing: .5px; color: var(--brand-purple); font-weight: 800; margin-right: 6px; }
.rationale-inline b { color: var(--dark-purple); }

.kpis { display:grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin: 0 0 10px; }
.kpi  { border: 1px solid var(--soft-border); border-radius: 14px; padding: 10px 13px; background: var(--soft-bg); }
.kpi .lbl { color: var(--light-purple); font-size: 10px; text-transform: uppercase; letter-spacing: .5px; font-weight: 800; }
.kpi .val { font-size: 18px; font-weight: 900; margin-top: 2px; color: var(--dark-purple); }
.kpi .sub2{ color: var(--light-purple); font-size: 10px; margin-top: 1px; }
.kpi.bad  .val{ color: var(--red); }
.kpi.warn .val{ color: var(--amber); }
.kpi.good .val{ color: var(--green); }

.top-split { display:grid; grid-template-columns: 1.4fr 1fr; gap: 12px; margin-bottom: 6px; }

#mcai-report table { width:100%; border-collapse: separate; border-spacing: 0; font-size: 11px; border-radius: 10px; overflow: hidden; border: 1px solid var(--soft-border); }
#mcai-report th, #mcai-report td { border-bottom: 1px solid var(--soft-border); border-right: 1px solid var(--soft-border); padding: 5px 8px; text-align: left; vertical-align: top; }
#mcai-report tr td:last-child, #mcai-report tr th:last-child { border-right: none; }
#mcai-report tr:last-child td { border-bottom: none; }
#mcai-report th { background: #ece9f5; font-weight: 800; color: var(--dark-purple); text-transform: uppercase; font-size: 10px; letter-spacing: .3px; }
#mcai-report td.num, #mcai-report th.num { text-align: right; font-variant-numeric: tabular-nums; }
#mcai-report td.ctr, #mcai-report th.ctr { text-align: center; }
#mcai-report tr.subhdr td { background: #d8d1f0; font-weight: 800; color: var(--dark-purple); text-transform: uppercase; font-size: 10.5px; letter-spacing: .4px; }
#mcai-report tr.tot td   { background: var(--soft-bg); font-weight: 800; color: var(--dark-purple); }

.daily { font-size: 10.5px; }
.daily td, .daily th { padding: 2px 7px; }
.daily .lo { background: var(--redbg); color: var(--red); font-weight: 800; }
.daily .lo2{ background: var(--amberbg); color: var(--amber); font-weight: 700; }

.pill { display:inline-block; padding: 2px 9px; border-radius: 100px; font-size: 9.5px; font-weight: 800; letter-spacing: .3px; text-transform: uppercase; }
.red  { background: var(--redbg);   color: var(--red); }
.amber{ background: var(--amberbg); color: var(--amber); }
.green{ background: var(--greenbg); color: var(--green); }
.grey { background: var(--greybg);  color: var(--grey); }

tr.cat-lender   td { background: var(--redvbg);   border-left: 3px solid var(--red); }
tr.cat-revenue  td { background: var(--greenvbg); border-left: 3px solid var(--green); }
tr.cat-sweep    td { background: var(--bluevbg);  border-left: 3px solid var(--blue); }
tr.cat-supplier td { background: var(--greyvbg);  border-left: 3px solid var(--light-purple); }
tr.cat-cash     td { background: #fff5d8;         border-left: 3px solid var(--amber); }
tr.cat-personal td { background: #f1eafa;         border-left: 3px solid var(--brand-purple); }

.legend { display:flex; gap: 8px; flex-wrap: wrap; font-size: 10.5px; margin: 6px 0 8px; }
.legend span { padding: 2px 12px; border-radius: 100px; font-weight: 800; font-size: 10px; letter-spacing: .3px; text-transform: uppercase; }
.lg-lender   { background: var(--redbg);   color: var(--red); }
.lg-revenue  { background: var(--greenbg); color: var(--green); }
.lg-sweep    { background: var(--bluevbg); color: var(--blue); }
.lg-supplier { background: var(--greybg);  color: var(--grey); }
.lg-cash     { background: var(--amberbg); color: var(--amber); }
.lg-personal { background: #e8dcfb;        color: var(--brand-purple); }

.toggle-wrap { margin: 14px 0; }
.toggle-btn  { background: var(--brand-purple); color: #fff; border: 0; padding: 10px 24px; border-radius: 100px; font-size: 11.5px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase; cursor: pointer; transition: all .2s; font-family: inherit; box-shadow: 0 2px 8px rgba(77,37,255,.25); }
.toggle-btn:hover { background: var(--dark-purple); }
#mcai-report .detail { display:none; }
#mcai-report.show-detail .detail { display: block; }
#mcai-report.show-detail .toggle-btn::after { content:" ▲"; }
#mcai-report:not(.show-detail) .toggle-btn::after { content:" ▼"; }

#mcai-report ul { margin: 3px 0 3px 18px; padding: 0; }
#mcai-report li { margin: 3px 0; font-size: 11.5px; color: var(--dark-purple); }
.small { font-size: 10px; color: var(--light-purple); }
.grid2 { display:grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.footer { margin-top: 14px; color: var(--light-purple); font-size: 10px; text-align: center; padding-top: 12px; border-top: 1px solid var(--soft-border); }
.nudge { color: var(--red); font-weight: 800; }
b.posemph { color: var(--green); }
.id { font-variant-numeric: tabular-nums; background:#ece9f5; padding: 0 6px; border-radius: 100px; color: var(--dark-purple); font-weight: 800; letter-spacing: .2px; }

.rationale-detail { background: var(--soft-bg); border: 1px solid var(--soft-border); border-radius: 16px; padding: 14px 18px; position: relative; overflow: hidden; }
.rationale-detail::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background: var(--gradient); }
.rationale-detail h3 { margin-top: 0; }
.rationale-detail ol { margin: 6px 0 0 22px; padding: 0; }
.rationale-detail li { margin: 6px 0; font-size: 11.5px; line-height: 1.45; }
.rationale-detail li b { color: var(--dark-purple); font-weight: 800; }

.compliance { margin-top: 16px; padding: 14px 18px; background: var(--soft-bg); border: 1px solid var(--soft-border); border-radius: 16px; position: relative; overflow: hidden; }
.compliance::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background: var(--gradient); }
.compliance h3 { color: var(--dark-purple); margin-top: 0; }
.compliance table { font-size: 11px; background: #fff; }
.compliance th { width: 200px; background: #fff; text-align: left; vertical-align: top; font-weight: 800; padding: 6px 8px; color: var(--dark-purple); text-transform: none; font-size: 11px; letter-spacing: 0; }
.compliance td { padding: 6px 8px; color: var(--dark-purple); }
.compliance .factor-list { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 14px; margin-top: 2px; }
.compliance .factor-list span { font-size: 10.5px; }

@media print {
  #mcai-report { padding: 0; max-width: none; }
  .toggle-wrap, .toggle-btn { display: none !important; }
  #mcai-report .detail { display: block !important; }
}