/* ============================================================
   HTT DATA LANGUAGE — override sheet for the LIVE report stack
   Source audited: uploads/htt-shortcode-source/htt-report-design.css
   (87 distinct hexes, 69 off-canon; 58 selectors on forest green;
   dark panels #1F1C18 / #2A0D0D / #2A1A0A; 3 brutalist offset shadows.)
   Load AFTER htt-report-design.css. Canon = PAGE-STYLING §1/§1b/§8/§9/§10/§14/§16/§17.
   GREEN RULE: only lime #A4C74A (5) and sea green #2FA98C (4 / good / verified).
   ============================================================ */

/* ---------- 1. tokens: retire forest greens at the root ---------- */
body .ctpl{
  --green:#2FA98C; --green-d:#1F7F68; --band:#2FA98C; --greensoft:#EEF3E4;
  --s5:#A4C74A; --s4:#2FA98C; --s3:#F2B233; --s2:#F2882B; --s1:#E23B2E;
  --pos:#2FA98C; --posbg:#D9EFD0; --neg:#E23B2E; --negbar:#EC6A4A; --negbg:#F8DAD2;
  --cat-plant:#7BC24A; --cat-animal:#E58FA3; --cat-synth:#F2882B; --cat-semi:#3FA0C9; --track:#E7DAC2;
  --thresh-hi:#2FA98C; --thresh-mid:#C9871E; --thresh-lo:#C4552F;
  --hl-pos:#F6D27A; --hl-neg:#EFA48F;
  --lb-border:#E5D6BC; --lb-good:#2FA98C; --lb-goodtxt:#1F7F68; --lb-goodbg:#EEF3E4;
  --lb-warn:#E0A93A; --lb-warntxt:#9A6A15; --lb-warnbg:#FAEFD6; --lb-bar-track:#EAE0C8;
}

/* ---------- 2. dark / maroon panels -> warm light (§2: never dark) ---------- */
body .ctpl .premium,body .ctpl .df-body,body .ctpl .prem-c,body .ctpl .nudge .prem-c,
body .ctpl .c-kent,body .ctpl .fdtip,body .ctpl .dec .tip,body .ctpl .seclabel,body .ctpl .vs-tries,
body .ctpl [style*="#1F1C18"],body .ctpl [style*="#2A0D0D"],body .ctpl [style*="#2A1A0A"]{
  background:var(--card) !important;background-image:none !important;color:var(--ink) !important;
  border:1.5px solid var(--lb-border) !important;box-shadow:none !important}
body .ctpl .premium *,body .ctpl .df-body *,body .ctpl .prem-c *,body .ctpl .c-kent *{color:var(--ink) !important}
body .ctpl .premium .founding,body .ctpl .premium .plan .best-tag,body .ctpl .best-tag2{background:var(--goldsoft) !important;color:var(--brand) !important}
body .ctpl .perks li::before{color:var(--tan) !important}

/* ---------- 3. brutalist leftovers ---------- */
body .ctpl .pain .stick,body .ctpl .dcardv,body .ctpl .tico{border-width:1.5px !important;border-color:var(--ink) !important}
body .ctpl [style*="box-shadow"],body .ctpl .pain,body .ctpl .fdc,body .ctpl .eb,body .ctpl .fact,body .ctpl .wo{box-shadow:none !important}
body .ctpl .wo,body .ctpl .wo:nth-child(n){transform:none !important}

/* ---------- 4. §8 scores: colour BY integer, never eyeballed ---------- */
body .ctpl .ratepill .ring{background:conic-gradient(var(--s4) 0 288deg,var(--track) 288deg 360deg) !important;border:1.5px solid var(--ink) !important}
body .ctpl .ratepill .ring i{background:var(--card) !important;border:0 !important;color:var(--ink) !important}
body .ctpl [data-score="5"],body .ctpl .sc5,body .ctpl .b5{background:var(--s5) !important;color:#fff !important}
body .ctpl [data-score="4"],body .ctpl .sc4,body .ctpl .b4{background:var(--s4) !important;color:#fff !important}
body .ctpl [data-score="3"],body .ctpl .sc3,body .ctpl .b3{background:var(--s3) !important;color:#fff !important}
body .ctpl [data-score="2"],body .ctpl .sc2,body .ctpl .b2{background:var(--s2) !important;color:#fff !important}
body .ctpl [data-score="1"],body .ctpl .sc1,body .ctpl .b1{background:var(--s1) !important;color:#fff !important}
body .ctpl .fddots i{width:14px !important;height:14px !important;border:1.5px solid var(--ink) !important;background:var(--track) !important}
body .ctpl .fddots i.on{background:var(--s4) !important}
body .ctpl .fdm i,body .ctpl .fdb i,body .ctpl .vcol{background:var(--s4) !important;border:1.5px solid var(--ink) !important;border-bottom:0 !important;border-radius:13px 13px 0 0 !important}
body .ctpl .fdb.hi i,body .ctpl .vbar.hi .vcol{background:var(--s5) !important;outline:2px solid var(--goldsoft);outline-offset:2px}
body .ctpl .fdb.hi .fdbl{color:var(--peach-d) !important;font-weight:700 !important}
body .ctpl .miniarc circle:first-child{stroke:var(--track) !important}
body .ctpl .miniarc circle:last-child{stroke:var(--s4) !important}
/* composition = category colours only */
body .ctpl .fddonut{border:1.5px solid var(--ink) !important}
body .ctpl .fddhole{background:var(--card) !important;border:0 !important}
body .ctpl .audit-cls{border:1.5px solid var(--ink) !important;border-radius:999px !important}
body .ctpl .audit-cls.plant{background:#D9E8CF !important}body .ctpl .audit-cls.animal{background:#FAF0DE !important}
body .ctpl .audit-cls.synthetic{background:#F3C6BA !important}body .ctpl .audit-cls.semi{background:#F3E3C2 !important}
body .ctpl .clsbadge .dot[style*="#3f8f4f"],body .ctpl [style*="background:#3f8f4f"]{background:var(--cat-plant) !important}
body .ctpl [style*="background:#c0392b"],body .ctpl [style*="background:#C05B48"]{background:var(--cat-synth) !important}

/* ---------- 5. §14 verdict rows: underline, never a pill ---------- */
body .ctpl .vs-row{background:linear-gradient(transparent 60%,var(--hl-pos) 60%,var(--hl-pos) 90%,transparent 90%) !important;background-size:100% 1.55em !important;background-position:0 0 !important;background-repeat:no-repeat !important;font-style:normal !important;font-weight:600 !important}
body .ctpl .vs-row.bad{background-image:linear-gradient(transparent 60%,var(--hl-neg) 60%,var(--hl-neg) 90%,transparent 90%) !important}
body .ctpl .vs-card{background:var(--card) !important;border:1.5px solid var(--lb-border) !important;border-radius:16px !important;box-shadow:none !important}
body .ctpl .vs-card.a .vs-imgw::before,body .ctpl .vs-card.b .vs-imgw::before{background:none !important}
body .ctpl .vs-card img{border:0 !important;border-radius:10px !important;transform:none !important}
body .ctpl .vs-card h3{font-family:'Aboreto',serif !important;font-weight:400 !important;letter-spacing:.04em !important}

/* ---------- 6. §16 tables ---------- */
body .ctpl .audit-scroll th,body .ctpl .audit-peekbox th,body .ctpl .report16 .r16head{background:#F3E9D3 !important;color:var(--ink) !important;border-bottom:1px solid #E7DBC2 !important}
body .ctpl .audit-scroll td,body .ctpl .audit-peekbox td{border-top:1px solid #E7DBC2 !important}
body .ctpl .audit-scroll tr:nth-child(even) td,body .ctpl .audit-peekbox tr:nth-child(even) td{background:#FBF4E6 !important}
body .ctpl .report16{border:1.5px solid var(--ink) !important;box-shadow:none !important;background:var(--card) !important}
body .ctpl table.ac .win{color:var(--s4) !important}body .ctpl table.ac .bad{color:var(--s1) !important}

/* ---------- 7. §17 blocks + chips ---------- */
body .ctpl .fdc,body .ctpl .pain,body .ctpl .eb,body .ctpl .fit,body .ctpl .care,body .ctpl .repl>div,body .ctpl .skinresult,body .ctpl .cost-wrap,body .ctpl .c-fast{
  background:var(--card) !important;border:1.5px solid var(--lb-border) !important;border-radius:16px !important;box-shadow:none !important}
body .ctpl .fdc-big,body .ctpl .fact .big,body .ctpl .fdg-n,body .ctpl .fddc b{font-family:'Aboreto',serif !important;font-weight:400 !important;color:var(--ink) !important}
body .ctpl .cb,body .ctpl .gl2,body .ctpl .verify-head,body .ctpl .verify-head .chk,body .ctpl .eng-alert,body .ctpl .inkent.yes,body .ctpl .iresult,body .ctpl .eol,body .ctpl .fdc-dark{
  background:var(--lb-goodbg) !important;border:1.5px solid var(--lb-good) !important;color:var(--lb-goodtxt) !important;border-radius:999px}
body .ctpl .verify-head,body .ctpl .iresult,body .ctpl .eol,body .ctpl .fdc-dark{border-radius:16px !important}
body .ctpl .verify-head span,body .ctpl .gl2 .tick,body .ctpl .kv .v.eco,body .ctpl .rrow .sc,body .ctpl .mp .mpnum,body .ctpl .mp .mpl,body .ctpl .pc .pcl,body .ctpl .c-fast .c-save,body .ctpl .tk .tk-instant,body .ctpl .agmark.g,body .ctpl .ev .code,body .ctpl .perk2 i,body .ctpl .verline,body .ctpl .kv .v a{color:var(--lb-goodtxt) !important}
body .ctpl .dec{background:var(--lb-warnbg) !important;border:1.5px solid var(--lb-warn) !important;color:var(--lb-warntxt) !important}
body .ctpl .fflags,body .ctpl .skinresult.fail,body .ctpl .al.bad,body .ctpl .inkent.no{background:var(--negbg) !important;border-color:var(--negbar) !important;color:var(--neg) !important}
body .ctpl .fflags b,body .ctpl .skinresult.fail h4{color:var(--s1) !important}
body .ctpl [style*="color:#B4543E"],body .ctpl [style*="color:#8A4E2C"]{color:var(--s1) !important}
/* stat by threshold */
body .ctpl .fdm i.hi,body .ctpl .thresh-hi{background:var(--thresh-hi) !important}
body .ctpl .thresh-mid{background:var(--thresh-mid) !important}body .ctpl .thresh-lo{background:var(--thresh-lo) !important}

/* ---------- 8. §6 buttons: marigold = clickable ---------- */
body .ctpl .btn,body .ctpl .btn.grn,body .ctpl .btn.cream,body .ctpl .eng-alert button,body .ctpl .vs-trybtn{
  background:var(--peach) !important;color:#fff !important;border:1.5px solid var(--ink) !important;border-radius:10px !important;box-shadow:0 8px 20px rgba(211,129,74,.32) !important;transform:none !important}
body .ctpl .btn:hover,body .ctpl .btn.grn:hover{background:var(--peach-d) !important}
body .ctpl .btn.tan{background:transparent !important;color:var(--ink) !important;box-shadow:inset 0 0 0 1.5px var(--line2) !important;border:0 !important}
body .ctpl .icta a,body .ctpl .skinresult .cta a,body .ctpl .downsell2 a,body .ctpl .cmpnote a b{color:var(--peach-d) !important}

/* ---------- 9. §10 gates: fade, not blur ---------- */
body .ctpl .locked-zone .blurrows,body .ctpl .gatewrap .grows{filter:none !important;opacity:1 !important;-webkit-mask-image:linear-gradient(#000 34%,transparent) !important;mask-image:linear-gradient(#000 34%,transparent) !important}
body .ctpl .over-lock,body .ctpl .gateover{background:linear-gradient(180deg,transparent 45%,rgba(253,248,236,.9) 78%) !important;border:0 !important}
body .ctpl .over-lock h4,body .ctpl .gateover h4{font-family:'Aboreto',serif;font-size:17px;color:var(--brand) !important}
body .ctpl .redact,body .ctpl .redpill{background:var(--brand) repeating-linear-gradient(90deg,transparent 0 8px,rgba(255,255,255,.13) 8px 12px) !important;border-radius:4px !important}

/* ---------- 10. never: blue accents on data, pink fills ---------- */
body .ctpl [style*="#2C57D6"],body .ctpl .blue{color:var(--tan) !important;background:transparent !important}
body .ctpl [style*="background:#F6DBD2"],body .ctpl .fact.e,body .ctpl .fit:nth-child(4n+2){background:var(--card) !important}


/* ---------- 11. STRIPED BAR THEME (owner, 2 Sep): every meter / progress / composition fill is hatched ---------- */
body .ctpl .fdm i,body .ctpl .lb-bar i,body .ctpl .htt-lb .bar i,body .ctpl .meter i,body .ctpl .track i,body .ctpl .fill,
body .ctpl [class*="meter"] > i,body .ctpl [class*="bar"] > i:not(.vcol){
  background:repeating-linear-gradient(55deg,var(--s4) 0 3px,#D9EFD0 3px 6.5px) !important;border-radius:99px !important}
body .ctpl .thresh-hi,body .ctpl .fdm i.hi{background:repeating-linear-gradient(55deg,var(--s4) 0 3px,#D9EFD0 3px 6.5px) !important}
body .ctpl .thresh-mid{background:repeating-linear-gradient(55deg,#C9871E 0 3px,#FAEFD6 3px 6.5px) !important}
body .ctpl .thresh-lo,body .ctpl .bad > i,body .ctpl .neg > i{background:repeating-linear-gradient(55deg,#E2725B 0 3px,#F6DCD2 3px 6.5px) !important}
/* composition segments keep category hue, hatched */
body .ctpl .compbar .plant,body .ctpl .fddonut ~ .bar .plant,body .ctpl [data-seg="plant"]{background:repeating-linear-gradient(55deg,#7BC24A 0 3px,#EAF1E1 3px 6.5px) !important}
body .ctpl [data-seg="synthetic"],body .ctpl .compbar .synthetic{background:repeating-linear-gradient(55deg,#E2725B 0 3px,#F6DCD2 3px 6.5px) !important}
body .ctpl [data-seg="semi"],body .ctpl .compbar .semi{background:repeating-linear-gradient(55deg,#3FA0C9 0 3px,#DCE9F1 3px 6.5px) !important}
body .ctpl [data-seg="animal"],body .ctpl .compbar .animal{background:repeating-linear-gradient(55deg,#E58FA3 0 3px,#FAE6EA 3px 6.5px) !important}
body .ctpl .track,body .ctpl .lb-bar,body .ctpl .meter{background:#EAE0C8 !important;height:14px !important;border-radius:99px !important;overflow:hidden}

/* ---------- 12. STATUS TAGS: §14 underline replaces rounded good/warn pills (owner, 2 Sep) ---------- */
body .ctpl .lb-chip,body .ctpl .cb,body .ctpl .gl2,body .ctpl .dec,body .ctpl .fdc-chip,body .ctpl .eol-tag,body .ctpl .f-tag{
  border:0 !important;border-radius:0 !important;background:linear-gradient(transparent 60%,var(--hl-pos) 60%,var(--hl-pos) 90%,transparent 90%) !important;
  background-size:100% 1.55em !important;background-position:0 0 !important;background-repeat:no-repeat !important;
  padding:0 2px !important;color:var(--ink) !important;font:600 12.5px 'Jost',sans-serif !important;letter-spacing:0 !important;text-transform:none !important}
body .ctpl .lb-chip.warn,body .ctpl .dec,body .ctpl .gl2 .dash,body .ctpl .cb.bad{background-image:linear-gradient(transparent 60%,var(--hl-neg) 60%,var(--hl-neg) 90%,transparent 90%) !important}
body .ctpl .lb-chip.na,body .ctpl .gl2.na{background:none !important;color:var(--mute) !important;font-weight:500 !important}
