/* Revelocity Marketing Report Card
   Everything is namespaced under .rrc so host themes don't bleed in. */

.rrc{
  --rrc-ink:#132A44;
  --rrc-ink2:#1E3E60;
  --rrc-paper:#FFFFFF;
  --rrc-wash:#EEF1F4;
  --rrc-rule:#C6D0DA;
  --rrc-mark:#C8402C;
  --rrc-muted:#5B6B7D;

  max-width:720px;margin:0 auto;background:var(--rrc-paper);
  border:1px solid var(--rrc-rule);
  font-family:Barlow,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--rrc-ink);font-size:16px;line-height:1.55;text-align:left;
  -webkit-font-smoothing:antialiased;
}
.rrc *,.rrc *::before,.rrc *::after{box-sizing:border-box}
.rrc p,.rrc h2,.rrc h3,.rrc h4{margin:0}

.rrc-head{padding:28px 28px 22px;border-bottom:2px solid var(--rrc-ink)}
.rrc .rrc-h1{
  font-family:"Barlow Condensed",sans-serif;font-weight:700;
  font-size:38px;line-height:1.05;letter-spacing:-.01em;margin:0 0 8px;color:var(--rrc-ink)
}
.rrc-sub{color:var(--rrc-muted);max-width:52ch}
.rrc-step{padding:24px 28px}
.rrc-step[hidden],.rrc-bar[hidden],#rrc-step3[hidden]{display:none}
.rrc .rrc-h2{font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:24px;margin:0 0 4px;color:var(--rrc-ink)}
.rrc-hint{color:var(--rrc-muted);font-size:15px;margin:0 0 18px!important}

/* channel rows */
.rrc-ch{border-bottom:1px solid var(--rrc-rule)}
.rrc-ch:first-child{border-top:1px solid var(--rrc-rule)}
.rrc-ch-top{display:flex;align-items:center;gap:12px;padding:12px 2px;cursor:pointer;margin:0}
.rrc-ch-top input{width:18px;height:18px;accent-color:var(--rrc-mark);cursor:pointer;flex:none;margin:0}
.rrc-ch-name{font-weight:600;flex:1}
.rrc-stage{
  font-family:"Barlow Condensed",sans-serif;font-size:14px;font-weight:600;
  color:var(--rrc-muted);border:1px solid var(--rrc-rule);padding:1px 8px;white-space:nowrap
}
.rrc-ch-body{display:none;padding:0 0 16px 30px}
.rrc-ch.rrc-on .rrc-ch-body{display:block}
.rrc-ch.rrc-on{background:#FAFBFC}
.rrc-blurb{font-size:15px;color:var(--rrc-muted);margin:0 0 12px!important;max-width:60ch}
.rrc-amts{display:flex;gap:14px;flex-wrap:wrap}
.rrc-amt{flex:1;min-width:130px}
.rrc-amt label,.rrc-f label{display:block;font-size:14px;font-weight:600;margin-bottom:3px;color:var(--rrc-ink)}
.rrc-money{position:relative}
.rrc-money span{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--rrc-muted)}
.rrc input[type=number],.rrc input[type=text],.rrc input[type=email]{
  width:100%;padding:9px 10px;border:1px solid var(--rrc-rule);border-radius:0;
  background:var(--rrc-paper);color:var(--rrc-ink);font-family:Barlow;font-size:16px;margin:0;height:auto
}
.rrc-money input[type=number]{padding-left:22px;font-family:"Barlow Condensed",sans-serif;font-size:18px;font-weight:600}
.rrc input:focus{outline:2px solid var(--rrc-ink);outline-offset:1px;border-color:var(--rrc-ink)}
.rrc input[type=number]::-webkit-outer-spin-button,
.rrc input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.rrc input[type=number]{-moz-appearance:textfield}

.rrc-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:18px 28px;border-top:2px solid var(--rrc-ink);flex-wrap:wrap}
.rrc-total{font-family:"Barlow Condensed",sans-serif;font-size:20px;font-weight:600}
.rrc-total b{font-size:26px}
.rrc .rrc-btn{
  font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:19px;letter-spacing:0;
  background:var(--rrc-mark);color:#fff;border:0;border-radius:0;padding:11px 26px;cursor:pointer;
  text-transform:none;line-height:1.2;width:auto
}
.rrc .rrc-btn:hover{background:#A93522;color:#fff}
.rrc .rrc-btn:disabled{background:var(--rrc-rule);color:#8494A4;cursor:not-allowed}
.rrc .rrc-btn:focus-visible,.rrc .rrc-link:focus-visible{outline:2px solid var(--rrc-ink);outline-offset:2px}
.rrc .rrc-link{background:none;border:0;padding:6px 0;color:var(--rrc-ink);
  font-family:Barlow;font-size:16px;text-decoration:underline;cursor:pointer}
.rrc .rrc-link:hover{background:none;color:var(--rrc-mark)}

/* gate */
.rrc-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.rrc-fields .rrc-full{grid-column:1/-1}
.rrc-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rrc-err{color:var(--rrc-mark);font-size:14px;margin:0 0 12px!important;display:none}
.rrc-err.rrc-on{display:block}

/* scoreboard */
.rrc-board{background:var(--rrc-ink);color:#fff;padding:26px 28px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.rrc-grade{font-family:"Barlow Condensed",sans-serif;font-size:96px;line-height:.82;font-weight:700;
  padding:6px 22px;border:3px solid currentColor}
.rrc-g-A,.rrc-g-B{color:#7FD1A6}.rrc-g-C{color:#E8BC5C}.rrc-g-D,.rrc-g-F{color:#F0937F}
.rrc-verdict{flex:1;min-width:220px}
.rrc-verdict h3{font-family:"Barlow Condensed",sans-serif;font-size:26px;margin:0 0 6px;font-weight:600;color:#fff}
.rrc-verdict p{color:#B9C6D4;font-size:15px;max-width:44ch}

.rrc-split{padding:24px 28px;border-bottom:1px solid var(--rrc-rule)}
.rrc-srow{display:flex;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--rrc-rule)}
.rrc-srow:last-child{border-bottom:0}
.rrc-sname{width:130px;font-weight:600;flex:none}
.rrc-strack{flex:1;height:14px;background:var(--rrc-wash);position:relative}
.rrc-sfill{display:block;height:100%;background:var(--rrc-ink2)}
.rrc-smark{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--rrc-mark)}
.rrc-spct{font-family:"Barlow Condensed",sans-serif;font-size:19px;font-weight:600;width:82px;text-align:right;flex:none}
.rrc-spct em{font-style:normal;color:var(--rrc-muted);font-size:15px}
.rrc-legend{font-size:14px;color:var(--rrc-muted);margin:14px 0 0!important}
.rrc-legend i{display:inline-block;width:2px;height:11px;background:var(--rrc-mark);vertical-align:-1px;margin-right:5px}

.rrc-where{padding:24px 28px;border-bottom:1px solid var(--rrc-rule)}
.rrc-grp{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  background:var(--rrc-wash);padding:6px 10px;margin-top:10px;
  font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:17px}
.rrc-grp:first-child{margin-top:0}
.rrc-grp .rrc-gsum{font-size:16px;white-space:nowrap}
.rrc-crow{display:flex;justify-content:space-between;gap:10px;
  padding:7px 10px;border-bottom:1px solid var(--rrc-rule);font-size:15px}
.rrc-crow .rrc-cname{flex:1}
.rrc-crow .rrc-cpart{color:var(--rrc-muted);font-size:13px}
.rrc-crow .rrc-camt{font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:17px;white-space:nowrap}
.rrc-cempty{padding:7px 10px;border-bottom:1px solid var(--rrc-rule);
  font-size:14px;color:var(--rrc-mark);font-style:italic}
.rrc-ctot{display:flex;justify-content:space-between;padding:9px 10px 0;
  font-weight:600;border-top:2px solid var(--rrc-ink);margin-top:10px}

.rrc-tips{padding:24px 28px}
.rrc-tip{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--rrc-rule)}
.rrc-tip:last-child{border-bottom:0}
.rrc-tip .rrc-n{font-family:"Barlow Condensed",sans-serif;font-size:26px;font-weight:700;
  color:var(--rrc-mark);line-height:1;flex:none;width:24px}
.rrc-tip h4{margin:0 0 3px;font-size:17px}
.rrc-tip p{color:var(--rrc-muted);font-size:15px}
.rrc-callout{background:#FDF3F1;border-left:3px solid var(--rrc-mark);padding:12px 16px;margin:18px 0 0;font-size:15px}

.rrc-cta{background:var(--rrc-ink);color:#fff;padding:28px}
.rrc-cta h3{font-family:"Barlow Condensed",sans-serif;font-size:28px;margin:0 0 6px;font-weight:600;color:#fff}
.rrc-cta p{margin:0 0 18px!important;color:#B9C6D4;max-width:46ch}
.rrc-row{display:flex;gap:12px;flex-wrap:wrap}
.rrc .rrc-ghost{background:none;border:1px solid #5C7A9B;color:#fff}
.rrc .rrc-ghost:hover{background:var(--rrc-ink2)}

@media(max-width:560px){
  .rrc{border-left:0;border-right:0}
  .rrc-head,.rrc-step,.rrc-bar,.rrc-split,.rrc-tips,.rrc-cta,.rrc-board{padding-left:18px;padding-right:18px}
  .rrc .rrc-h1{font-size:30px}
  .rrc-fields{grid-template-columns:1fr}
  .rrc-grade{font-size:72px}
  .rrc-sname{width:88px}
  .rrc-spct{width:70px}
}
@media(prefers-reduced-motion:no-preference){
  .rrc-sfill{transition:width .5s ease}
}

.rrc-mailed{
  padding:14px 28px 0;font-size:15px;color:var(--rrc-muted);
  border-top:1px solid var(--rrc-rule);margin:0!important
}
.rrc .rrc-ghost[hidden]{display:none}

/* Print fallback: strip the site, keep the report */
@media print{
  body.rrc-printing *{visibility:hidden!important}
  body.rrc-printing .rrc,body.rrc-printing .rrc *{visibility:visible!important}
  body.rrc-printing .rrc{position:absolute;left:0;top:0;width:100%;max-width:100%;border:0}
  .rrc-noprint,.rrc-bar{display:none!important}
  .rrc-board,.rrc-cta{background:#fff!important;color:var(--rrc-ink)!important;border:2px solid var(--rrc-ink)}
  .rrc-board h3,.rrc-cta h3{color:var(--rrc-ink)!important}
  .rrc-verdict p,.rrc-cta p{color:var(--rrc-muted)!important}
  .rrc-tip,.rrc-split,.rrc-board{break-inside:avoid}
}