:root{
 --bg:#f4f6f8;
 --surface:#ffffff;
 --ink:#0f1b2d;
 --text:#1c2a3f;
 --muted:#64748b;
 --line:#e5eaf0;
 --mint:#b7e7d4;
 --mintSoft:#e8f6ef;
 --green:#2f9b70;
 --orange:#EAB308;
 --shadow:0 10px 28px rgba(15,27,45,.055);
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{
 margin:0;
 color:var(--ink);
 background:linear-gradient(180deg,#fbfcfd 0%,#f4f6f8 100%);
 font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
button,input,select{font:inherit}
a{color:inherit;text-decoration:none}
.app{
 width:min(100%,760px);
 margin:0 auto;
 padding:26px 18px 46px;
}
.header{
 display:flex;
 justify-content:space-between;
 align-items:flex-start;
 gap:16px;
 margin-bottom:18px;
}
.logo{
 font-size:42px;
 line-height:.95;
 font-weight:950;
 letter-spacing:-.062em;
 color:var(--ink);
}
.logo span{background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 12%,var(--green) 78%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.tagline{
 margin-top:5px;
 color:var(--muted);
 font-size:16px;
 font-weight:720;
}
.headerRight{display:flex;gap:8px;align-items:flex-start}
.pillSelect,.ghostButton{
 height:44px;
 border:1px solid #dfe6ee;
 background:#fff;
 color:var(--ink);
 border-radius:14px;
 padding:0 14px;
 font-weight:820;
 box-shadow:0 4px 12px rgba(15,27,45,.035);
}
.ghostButton{display:grid;place-items:center;width:44px;padding:0}
.nav{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
 margin-bottom:14px;
}
.nav a,.toolsMenu button{
 border:1px solid #dfe6ee;
 background:#fff;
 border-radius:999px;
 padding:9px 13px;
 color:var(--ink);
 font-size:13px;
 font-weight:780;
}
.toolsMenu{position:relative}
.toolsMenu button{cursor:pointer}
.toolsDropdown{
 display:none;
 position:absolute;
 z-index:20;
 right:0;
 top:42px;
 min-width:210px;
 background:#fff;
 border:1px solid var(--line);
 border-radius:16px;
 padding:8px;
 box-shadow:0 18px 42px rgba(15,27,45,.11);
}
.toolsMenu.open .toolsDropdown{display:grid;gap:6px}
.toolsDropdown a{border:0;border-radius:12px;background:#f8fafc}
.hero{
 background:#fff;
 border:1px solid var(--line);
 border-radius:24px;
 box-shadow:var(--shadow);
 padding:28px;
 margin-bottom:16px;
}
.hero h1{
 margin:0;
 max-width:680px;
 color:var(--ink);
 font-size:34px;
 line-height:1.08;
 letter-spacing:-.045em;
 font-weight:900;
}
.hero p{
 margin:14px 0 0;
 max-width:690px;
 color:#4e5f77;
 font-size:15px;
 line-height:1.47;
 font-weight:560;
}
.toolCards{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:14px;
 margin-bottom:16px;
}
.toolCard{
 position:relative;
 display:flex;
 flex-direction:column;
 min-height:254px;
 background:#fff;
 border:1px solid var(--line);
 border-radius:22px;
 box-shadow:var(--shadow);
 padding:18px 17px;
}
.iconCircle{
 width:48px;
 height:48px;
 border-radius:50%;
 background:var(--mintSoft);
 display:grid;
 place-items:center;
 margin-bottom:16px;
 color:var(--ink);
}
.iconCircle svg,.metricIcon svg,.sectionIcon svg{width:24px;height:24px;stroke:currentColor}
.toolCard h2{
 margin:0 0 10px;
 color:var(--ink);
 font-size:17px;
 line-height:1.08;
 font-weight:860;
 letter-spacing:-.02em;
}
.toolCard p{
 margin:0;
 color:#4e5f77;
 font-size:13px;
 line-height:1.38;
 font-weight:560;
}
.arrow{
 position:absolute;
 right:16px;
 bottom:16px;
 width:32px;
 height:32px;
 border-radius:50%;
 background:#d6f2e5;
 color:var(--ink);
 display:grid;
 place-items:center;
 font-weight:900;
}
.kpis{
 display:grid;
 grid-template-columns:repeat(5,minmax(0,1fr));
 gap:10px;
 margin-bottom:22px;
}
.kpi{
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 min-height:142px;
 padding:15px 14px 13px;
 background:#fff;
 color:var(--ink);
 border:1px solid var(--line);
 border-radius:18px;
 box-shadow:var(--shadow);
}
.kpi .label{
 color:var(--ink);
 font-size:12px;
 line-height:1.08;
 font-weight:840;
 letter-spacing:-.01em;
}
.kpi .value{
 margin-top:13px;
 color:var(--ink);
 font-size:22px;
 line-height:1;
 font-weight:900;
 letter-spacing:-.04em;
}
.kpi.profit .value,.kpi.markup .value{color:var(--green)}
.kpi.margin .value{color:var(--orange)}
.kpi .sub{
 margin-top:4px;
 color:var(--muted);
 font-size:11px;
 font-weight:650;
}
.metricIcon{
 margin-top:auto;
 width:18px;
 height:18px;
 color:var(--ink);
}
.toolTitle{
 margin:0 0 12px;
 color:var(--ink);
 font-size:28px;
 line-height:1.08;
 font-weight:900;
 letter-spacing:-.035em;
}
.infoBar{
 display:flex;
 align-items:center;
 gap:10px;
 background:#fff;
 border:1px solid var(--line);
 border-radius:16px;
 padding:12px 14px;
 color:var(--muted);
 font-size:13px;
 line-height:1.35;
 font-weight:560;
 box-shadow:0 6px 16px rgba(15,27,45,.045);
 margin-bottom:12px;
}
.infoDot{
 width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;
 display:grid;place-items:center;font-size:13px;font-weight:800;flex:0 0 auto;
}
.panel{
 background:#fff;
 border:1px solid var(--line);
 border-radius:20px;
 box-shadow:var(--shadow);
 overflow:hidden;
 margin-bottom:14px;
}
.panelHead{
 display:flex;
 align-items:center;
 gap:12px;
 padding:14px 16px;
 background:#fff;
 border-bottom:1px solid #eef2f6;
}
.sectionIcon{
 width:38px;height:38px;border-radius:50%;background:var(--mintSoft);
 color:var(--ink);display:grid;place-items:center;flex:0 0 auto;
}
.panel h3{
 margin:0;
 color:var(--ink);
 font-size:22px;
 line-height:1.1;
 font-weight:850;
 letter-spacing:-.03em;
}
.hint{
 margin-top:2px;
 color:var(--muted);
 font-weight:650;
 font-size:13px;
}
.rows{padding:10px 16px 14px}
.row{
 display:grid;
 grid-template-columns:1.15fr .82fr .12fr;
 align-items:center;
 gap:10px;
 padding:11px 0;
 border-bottom:1px solid #f0f3f7;
}
.row:last-child{border-bottom:0}
.name{color:var(--ink);font-weight:760}
.small{color:var(--muted);font-size:12px;line-height:1.25;margin-top:2px}
.unit{color:var(--muted);font-size:13px;font-weight:720}
input,.output,select{
 width:100%;
 background:#fff;
 color:var(--ink);
 border:1px solid #dfe6ee;
 border-radius:13px;
 padding:10px 9px;
 text-align:right;
 font-weight:760;
}
select{text-align:left}
input:focus,select:focus{outline:3px solid rgba(183,231,212,.5);border-color:var(--mint)}
.output{display:flex;align-items:center;justify-content:flex-end;min-height:42px}
.dealWrap{display:grid;gap:5px}
.dealLabels{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;color:var(--muted);font-size:11px;font-weight:720}
.deal{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}
.deal span{color:var(--muted);font-weight:800}
.extraToggle{
 width:100%;
 border:1px solid var(--line);
 background:#f6f8fb;
 color:var(--muted);
 border-radius:14px;
 padding:10px 12px;
 font-weight:760;
 text-align:left;
}
.optionalExtra{display:none}
.optionalExtra.open{display:grid}
.adjustInfoBox{
 background:#f6f8fb;
 border:1px solid var(--line);
 color:var(--muted);
 border-radius:14px;
 padding:10px 12px;
 font-size:12px;
 font-weight:650;
}
.resultsGrid,.miniGrid,.targetGrid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:10px;
 padding:0 16px 16px;
}
.resultPill{
 background:#fff;
 color:var(--ink);
 border:1px solid var(--line);
 border-radius:18px;
 padding:13px 12px;
}
.resultPill b{display:block;color:var(--ink);font-size:12px;line-height:1.1}
.resultPill span{display:block;margin-top:8px;color:var(--ink);font-size:22px;font-weight:900;letter-spacing:-.035em}
.resultPill small{display:block;margin-top:3px;color:var(--muted);font-weight:650}
.resultPill.good span{color:var(--green)}
.resultPill.warn span{color:var(--orange)}
.alertBox{display:none;margin:0 0 14px;background:#FEFCE8;color:#854D0E;border:1px solid #FDE68A;border-radius:16px;padding:12px 14px;font-weight:720}
.footer{margin-top:16px;text-align:center;color:var(--muted);font-size:12px}

/* === Tool color themes: Full Deal green, Price Check blue, Targets light violet === */
:root{
 --full-accent:#2F9B70;
 --full-soft:#E8F6EF;
 --full-line:#B7E7D4;
 --check-accent:#38BDF8;
 --check-soft:#EAF4FF;
 --check-line:#B9D8F5;
 --target-accent:#7C5CFF;
 --target-soft:#F1EEFF;
 --target-line:#D8D0FF;
}
.toolCards .toolCard:nth-child(1){border-color:var(--full-line);box-shadow:0 12px 26px rgba(47,155,112,.10)}
.toolCards .toolCard:nth-child(1) .iconCircle,
.toolCards .toolCard:nth-child(1) .arrow{background:var(--full-soft);color:var(--full-accent)}
.toolCards .toolCard:nth-child(1) h2{color:var(--full-accent)}
.toolCards .toolCard:nth-child(2){border-color:var(--check-line);box-shadow:0 12px 26px rgba(47,127,214,.10)}
.toolCards .toolCard:nth-child(2) .iconCircle,
.toolCards .toolCard:nth-child(2) .arrow{background:var(--check-soft);color:var(--check-accent)}
.toolCards .toolCard:nth-child(2) h2{color:var(--check-accent)}
.toolCards .toolCard:nth-child(3){border-color:var(--target-line);box-shadow:0 12px 26px rgba(124,92,255,.10)}
.toolCards .toolCard:nth-child(3) .iconCircle,
.toolCards .toolCard:nth-child(3) .arrow{background:var(--target-soft);color:var(--target-accent)}
.toolCards .toolCard:nth-child(3) h2{color:var(--target-accent)}
#full-deal-calculator.toolIntro .toolTitle,
#full-deal-calculator .panelHead h3{color:var(--full-accent)}
#full-deal-calculator.toolIntro .infoDot{background:var(--full-accent)}
#full-deal-calculator.toolIntro p{border-left:4px solid var(--full-accent);padding-left:12px}
.panel.purchase,.panel.selling,.panel.full{border-color:var(--full-line);box-shadow:0 12px 26px rgba(47,155,112,.08)}
.panel.purchase .panelHead,.panel.selling .panelHead,.panel.full .panelHead{background:var(--full-soft);border-bottom-color:var(--full-line)}
.panel.purchase .sectionIcon,.panel.selling .sectionIcon,.panel.full .sectionIcon{background:#fff;color:var(--full-accent);border:1px solid var(--full-line)}
.panel.purchase .adjustInfoBox,.panel.selling .adjustInfoBox{background:#F4FBF7;border-color:var(--full-line)}
.panel.purchase .extraToggle,.panel.selling .extraToggle{background:#F4FBF7;border-color:var(--full-line)}
.panel.full .resultPill{border-color:var(--full-line);background:linear-gradient(180deg,#fff 0%,#F8FCFA 100%)}
#price-check.panelHead{}
#price-check.panel.pricecheck,
.panel.pricecheck{border-color:var(--check-line);box-shadow:0 12px 26px rgba(47,127,214,.08)}
#price-check.panel.pricecheck .panelHead,
.panel.pricecheck .panelHead{background:var(--check-soft);border-bottom-color:var(--check-line)}
#price-check.panel.pricecheck .sectionIcon,
.panel.pricecheck .sectionIcon{background:#fff;color:var(--check-accent);border:1px solid var(--check-line)}
#price-check.panel.pricecheck h3,
.panel.pricecheck h3{color:var(--check-accent)}
.panel.pricecheck .resultPill{border-color:var(--check-line);background:linear-gradient(180deg,#fff 0%,#F6FBFF 100%)}
#targets.panel.targets,
.panel.targets{border-color:var(--target-line);box-shadow:0 12px 26px rgba(124,92,255,.09)}
#targets.panel.targets .panelHead,
.panel.targets .panelHead{background:var(--target-soft);border-bottom-color:var(--target-line)}
#targets.panel.targets .sectionIcon,
.panel.targets .sectionIcon{background:#fff;color:var(--target-accent);border:1px solid var(--target-line)}
#targets.panel.targets h3,
.panel.targets h3{color:var(--target-accent)}
.panel.targets select:focus,.panel.targets input:focus{outline:3px solid rgba(124,92,255,.18);border-color:var(--target-accent)}
.panel.targets .resultPill{border-color:var(--target-line);background:linear-gradient(180deg,#fff 0%,#FAF8FF 100%)}
.panel.targets .resultPill:first-child span,
.panel.targets .resultPill:nth-child(2) span{color:var(--target-accent)}

@media(max-width:850px){
 .app{max-width:430px;padding:14px 12px 28px}
 .logo{font-size:35px}
 .tagline{font-size:14px}
 .pillSelect{height:40px;padding:0 12px;font-size:12px}
 .nav{display:none}
 .hero{border-radius:22px;padding:18px 16px 16px}
 .hero h1{font-size:24px;line-height:1.08}
 .hero p{font-size:12.6px;line-height:1.43;margin-top:11px}
 .toolCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .toolCard{min-height:184px;border-radius:18px;padding:12px 10px}
 .iconCircle{width:38px;height:38px;margin-bottom:10px}
 .iconCircle svg{width:18px;height:18px}
 .toolCard h2{font-size:12.8px;margin-bottom:7px}
 .toolCard p{font-size:10.3px;line-height:1.32}
 .arrow{width:25px;height:25px;right:10px;bottom:10px;font-size:14px}
 .kpis{gap:6px;margin-bottom:18px}
 .kpi{min-height:92px;border-radius:14px;padding:9px 7px 8px}
 .kpi .label{font-size:9px}
 .kpi .value{font-size:13.2px;margin-top:8px}
 .kpi .sub{display:none}
 .metricIcon{width:14px;height:14px}
 .metricIcon svg{width:14px;height:14px}
 .toolTitle{font-size:21px;margin-bottom:10px}
 .infoBar{font-size:11.5px;border-radius:14px;padding:10px 12px}
 .panel{border-radius:18px}
 .panelHead{padding:12px 13px}
 .sectionIcon{width:32px;height:32px}
 .sectionIcon svg{width:18px;height:18px}
 .panel h3{font-size:18px}
 .hint{font-size:11px}
 .rows{padding:8px 12px 12px}
 .row{grid-template-columns:1.1fr .82fr .12fr;gap:7px;padding:8px 0}
 .name{font-size:13px;line-height:1.18}
 .small{font-size:10.2px}
 input,.output,select{font-size:13px;padding:8px 7px;border-radius:11px}
 .resultsGrid,.miniGrid,.targetGrid{grid-template-columns:1fr;gap:8px;padding:0 12px 12px}
}
@media(max-width:390px){
 .logo{font-size:31px}
 .hero h1{font-size:22px}
 .toolCards{gap:6px}
 .toolCard{min-height:174px;padding:10px 8px}
 .toolCard h2{font-size:11.8px}
 .toolCard p{font-size:9.6px}
 .kpi{min-height:86px;padding:8px 6px}
 .kpi .label{font-size:8.4px}
 .kpi .value{font-size:12px}
}

/* V96 — Results boxes on one row across all tools */
.resultsGrid{
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:10px!important;
}
.miniGrid{
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:10px!important;
}
.targetGrid{
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:10px!important;
}
.resultsGrid .resultPill,
.miniGrid .resultPill,
.targetGrid .resultPill{
 min-height:118px!important;
 display:flex!important;
 flex-direction:column!important;
 justify-content:flex-start!important;
 padding:14px 12px!important;
}
.resultsGrid .resultPill b,
.miniGrid .resultPill b,
.targetGrid .resultPill b{
 font-size:12px!important;
 line-height:1.08!important;
}
.resultsGrid .resultPill span,
.miniGrid .resultPill span,
.targetGrid .resultPill span{
 font-size:20px!important;
 line-height:1!important;
 margin-top:10px!important;
}
.resultsGrid .resultPill small,
.miniGrid .resultPill small,
.targetGrid .resultPill small{
 margin-top:auto!important;
 padding-top:8px!important;
}

@media(max-width:850px){
 .resultsGrid{
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:6px!important;
 padding:0 12px 12px!important;
 }
 .miniGrid{
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:6px!important;
 padding:0 12px 12px!important;
 }
 .targetGrid{
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:6px!important;
 padding:0 12px 12px!important;
 }
 .resultsGrid .resultPill,
 .miniGrid .resultPill,
 .targetGrid .resultPill{
 min-height:86px!important;
 border-radius:14px!important;
 padding:9px 7px 8px!important;
 }
 .resultsGrid .resultPill b,
 .miniGrid .resultPill b,
 .targetGrid .resultPill b{
 font-size:8.8px!important;
 line-height:1.05!important;
 }
 .resultsGrid .resultPill span,
 .miniGrid .resultPill span,
 .targetGrid .resultPill span{
 font-size:12.6px!important;
 margin-top:8px!important;
 letter-spacing:-.04em!important;
 }
 .resultsGrid .resultPill small,
 .miniGrid .resultPill small,
 .targetGrid .resultPill small{
 display:none!important;
 }
}
@media(max-width:390px){
 .resultsGrid .resultPill,
 .miniGrid .resultPill,
 .targetGrid .resultPill{
 min-height:78px!important;
 padding:8px 5px!important;
 }
 .resultsGrid .resultPill b,
 .miniGrid .resultPill b,
 .targetGrid .resultPill b{
 font-size:7.8px!important;
 }
 .resultsGrid .resultPill span,
 .miniGrid .resultPill span,
 .targetGrid .resultPill span{
 font-size:11.2px!important;
 }
}


/* V97 — Single target mode */
#targetMode{
 text-align:left;
 appearance:auto;
 font-weight:820;
}
.targetGrid{
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
@media(max-width:850px){
 .targetGrid{
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 }
}


/* V98 — smaller helper boxes and cleaner target selector */
.adjustInfoBox{
 padding:6px 9px!important;
 font-size:10.5px!important;
 line-height:1.2!important;
 border-radius:10px!important;
 margin:3px 0!important;
 min-height:auto!important;
}
.extraToggle{
 padding:6px 9px!important;
 font-size:10.5px!important;
 line-height:1.2!important;
 border-radius:10px!important;
 min-height:auto!important;
 font-weight:650!important;
}
.targetModeClean{
 padding:8px 16px 2px!important;
}
.targetModeClean select{
 width:100%!important;
 max-width:220px!important;
 text-align:left!important;
 padding:9px 11px!important;
 border-radius:12px!important;
 font-size:13px!important;
 font-weight:820!important;
}
@media(max-width:850px){
 .adjustInfoBox{
 padding:5px 8px!important;
 font-size:9.5px!important;
 border-radius:9px!important;
 }
 .extraToggle{
 padding:5px 8px!important;
 font-size:9.5px!important;
 border-radius:9px!important;
 }
 .targetModeClean{
 padding:7px 12px 2px!important;
 }
 .targetModeClean select{
 max-width:100%!important;
 padding:8px 9px!important;
 font-size:12px!important;
 }
}


/* V101 — moderate compact full deal */
#full-deal-calculator.toolIntro{margin-bottom:8px!important}
#full-deal-calculator.toolIntro .toolTitle{margin-bottom:8px!important}
#full-deal-calculator.toolIntro p{margin:0!important;font-size:12.5px!important;line-height:1.35!important}
.panel.purchase .panelHead,.panel.selling .panelHead,.panel.full .panelHead{
 padding:12px 14px!important;
}
.panel.purchase .sectionIcon,.panel.selling .sectionIcon,.panel.full .sectionIcon{
 width:34px!important;height:34px!important;
}
.panel.purchase h3,.panel.selling h3,.panel.full h3{
 font-size:20px!important;
}
.panel.purchase .hint,.panel.selling .hint,.panel.full .hint{
 font-size:12px!important;
}
.panel.purchase .rows,.panel.selling .rows,.panel.full .rows{
 padding:8px 14px 10px!important;
}
.panel.purchase .row,.panel.selling .row,.panel.full .row{
 gap:8px!important;
 padding:8px 0!important;
}
.panel.purchase input,.panel.purchase .output,.panel.purchase select,
.panel.selling input,.panel.selling .output,.panel.selling select,
.panel.full input,.panel.full .output,.panel.full select{
 min-height:38px!important;
 padding:8px 8px!important;
 border-radius:11px!important;
 font-size:14px!important;
}
.panel.purchase .name,.panel.selling .name,.panel.full .name{
 font-size:14px!important;
}
.panel.purchase .small,.panel.selling .small,.panel.full .small{
 font-size:11px!important;
 line-height:1.2!important;
}
.panel.purchase .unit,.panel.selling .unit,.panel.full .unit{
 font-size:12px!important;
}
.panel.full .resultsGrid,
.panel.full .miniGrid,
.panel.full .targetGrid,
.panel.purchase .resultsGrid,
.panel.selling .resultsGrid,
.panel.pricecheck .miniGrid,
.panel.targets .targetGrid{
 gap:8px!important;
 padding:0 14px 12px!important;
}
.panel.full .resultPill,
.panel.pricecheck .resultPill,
.panel.targets .resultPill{
 padding:10px 10px!important;
 border-radius:15px!important;
}
.panel.full .resultPill b,
.panel.pricecheck .resultPill b,
.panel.targets .resultPill b{
 font-size:11px!important;
}
.panel.full .resultPill span,
.panel.pricecheck .resultPill span,
.panel.targets .resultPill span{
 margin-top:6px!important;
 font-size:20px!important;
}
.panel.full .resultPill small,
.panel.pricecheck .resultPill small,
.panel.targets .resultPill small{
 font-size:10.5px!important;
}
@media(max-width:850px){
 .panel.purchase .panelHead,.panel.selling .panelHead,.panel.full .panelHead{
 padding:10px 12px!important;
 }
 .panel.purchase .sectionIcon,.panel.selling .sectionIcon,.panel.full .sectionIcon{
 width:30px!important;height:30px!important;
 }
 .panel.purchase h3,.panel.selling h3,.panel.full h3{
 font-size:18px!important;
 }
 .panel.purchase .hint,.panel.selling .hint,.panel.full .hint{
 font-size:11px!important;
 }
 .panel.purchase .rows,.panel.selling .rows,.panel.full .rows{
 padding:6px 12px 8px!important;
 }
 .panel.purchase .row,.panel.selling .row,.panel.full .row{
 grid-template-columns:1.08fr .82fr .12fr!important;
 gap:7px!important;
 padding:7px 0!important;
 }
 .panel.purchase input,.panel.purchase .output,.panel.purchase select,
 .panel.selling input,.panel.selling .output,.panel.selling select,
 .panel.full input,.panel.full .output,.panel.full select{
 min-height:34px!important;
 padding:7px 7px!important;
 font-size:13px!important;
 border-radius:10px!important;
 }
 .panel.purchase .name,.panel.selling .name,.panel.full .name{
 font-size:13px!important;
 }
 .panel.purchase .small,.panel.selling .small,.panel.full .small{
 font-size:10px!important;
 }
 .panel.purchase .unit,.panel.selling .unit,.panel.full .unit{
 font-size:11px!important;
 }
 .panel.full .resultsGrid,
 .panel.pricecheck .miniGrid,
 .panel.targets .targetGrid{
 gap:7px!important;
 padding:0 12px 10px!important;
 }
 .panel.full .resultPill,
 .panel.pricecheck .resultPill,
 .panel.targets .resultPill{
 padding:9px 8px!important;
 border-radius:14px!important;
 }
 .panel.full .resultPill b,
 .panel.pricecheck .resultPill b,
 .panel.targets .resultPill b{
 font-size:10px!important;
 }
 .panel.full .resultPill span,
 .panel.pricecheck .resultPill span,
 .panel.targets .resultPill span{
 font-size:17px!important;
 margin-top:5px!important;
 }
 .panel.full .resultPill small,
 .panel.pricecheck .resultPill small,
 .panel.targets .resultPill small{
 font-size:9.5px!important;
 }
}


/* V102 — icon consistency */
.toolTitle.withIcon{
 display:flex!important;
 align-items:center!important;
 gap:10px!important;
}
.titleIcon{
 width:34px!important;
 height:34px!important;
 border-radius:50%!important;
 background:var(--full-soft)!important;
 color:var(--full-accent)!important;
 border:1px solid var(--full-line)!important;
 display:grid!important;
 place-items:center!important;
 flex:0 0 auto!important;
}
.titleIcon svg{
 width:20px!important;
 height:20px!important;
}
@media(max-width:850px){
 .titleIcon{
 width:28px!important;
 height:28px!important;
 }
 .titleIcon svg{
 width:16px!important;
 height:16px!important;
 }
}


/* V103 — remove Full Deal info badge and keep Targets result numbers black */
#full-deal-calculator.toolIntro p{
 border-left:0!important;
 padding-left:0!important;
}
#full-deal-calculator.toolIntro .infoDot{
 display:none!important;
}
.panel.targets .targetGrid .resultPill span,
#targets.panel.targets .targetGrid .resultPill span{
 color:var(--ink)!important;
}


/* V104 — centered KPI and result metric cards with matching icons */
.kpi{
 align-items:center!important;
 text-align:center!important;
 justify-content:flex-start!important;
}
.kpi .label,.kpi .value,.kpi .sub{
 width:100%!important;
 text-align:center!important;
}
.kpi .metricIcon{
 margin:10px auto 0!important;
 display:grid!important;
 place-items:center!important;
 align-self:center!important;
}
.resultPill{
 align-items:center!important;
 text-align:center!important;
 justify-content:flex-start!important;
}
.resultPill b,.resultPill span,.resultPill small{
 width:100%!important;
 text-align:center!important;
}
.resultPill small{
 margin-top:6px!important;
 padding-top:0!important;
}
.resultIcon{
 width:30px!important;
 height:30px!important;
 border-radius:50%!important;
 display:grid!important;
 place-items:center!important;
 margin:0 auto 9px!important;
 background:var(--mintSoft)!important;
 color:var(--ink)!important;
 font-weight:900!important;
 flex:0 0 auto!important;
}
.resultIcon svg{
 width:18px!important;
 height:18px!important;
 stroke:currentColor!important;
}
.panel.full .resultIcon{background:var(--full-soft)!important;color:var(--full-accent)!important;border:1px solid var(--full-line)!important}
.panel.pricecheck .resultIcon{background:var(--check-soft)!important;color:var(--check-accent)!important;border:1px solid var(--check-line)!important}
.panel.targets .resultIcon{background:var(--target-soft)!important;color:var(--target-accent)!important;border:1px solid var(--target-line)!important}
@media(max-width:850px){
 .kpi .metricIcon{margin-top:7px!important}
 .resultIcon{width:24px!important;height:24px!important;margin-bottom:6px!important;font-size:12px!important}
 .resultIcon svg{width:14px!important;height:14px!important}
 .resultsGrid .resultPill,.miniGrid .resultPill,.targetGrid .resultPill{justify-content:flex-start!important}
}
@media(max-width:390px){
 .resultIcon{width:22px!important;height:22px!important;margin-bottom:5px!important}
 .resultIcon svg{width:13px!important;height:13px!important}
}


/* V105 — raw centered result icons, matching homepage KPI symbols without badges */
.resultIcon{
 width:22px!important;
 height:22px!important;
 border-radius:0!important;
 display:grid!important;
 place-items:center!important;
 margin:0 auto 8px!important;
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 color:var(--ink)!important;
 font-weight:900!important;
 flex:0 0 auto!important;
}
.resultIcon svg{
 width:20px!important;
 height:20px!important;
 stroke:currentColor!important;
}
.panel.full .resultIcon{
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 color:var(--ink)!important;
}
.panel.pricecheck .resultIcon,
.panel.targets .resultIcon{
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 color:var(--ink)!important;
}
.resultIcon.profitIcon{color:var(--green)!important}
.resultIcon.marginIcon{color:var(--orange)!important}
.resultIcon.markupIcon{color:var(--green)!important}
@media(max-width:850px){
 .resultIcon{width:18px!important;height:18px!important;margin-bottom:6px!important;font-size:12px!important}
 .resultIcon svg{width:16px!important;height:16px!important}
}
@media(max-width:390px){
 .resultIcon{width:17px!important;height:17px!important;margin-bottom:5px!important}
 .resultIcon svg{width:15px!important;height:15px!important}
}


/* V106 — stronger Target input emphasis */
#targets .targetValueRow{
 border:1.5px solid var(--target-line)!important;
 background:linear-gradient(180deg,#fff 0%,#fbf9ff 100%)!important;
 border-radius:16px!important;
 padding:12px!important;
 margin:8px 0 4px!important;
 box-shadow:0 8px 20px rgba(124,92,255,.08)!important;
}
#targets .targetValueRow .name,
#targetValueLabel{
 color:var(--target-accent)!important;
 font-weight:900!important;
}
#targetValueHelp{
 color:#6d5bd0!important;
 font-weight:700!important;
}
#targets .targetValueRow .unit{
 color:var(--target-accent)!important;
 font-weight:900!important;
}
#targetValuePct{
 border:2px solid var(--target-accent)!important;
 background:#fbf9ff!important;
 color:var(--target-accent)!important;
 font-weight:950!important;
 box-shadow:0 0 0 4px rgba(124,92,255,.10)!important;
}
#targetValuePct:focus{
 outline:3px solid rgba(124,92,255,.22)!important;
 border-color:var(--target-accent)!important;
 box-shadow:0 0 0 5px rgba(124,92,255,.14)!important;
}
@media(max-width:850px){
 #targets .targetValueRow{
 padding:10px!important;
 border-radius:14px!important;
 margin:7px 0 3px!important;
 }
 #targetValuePct{
 box-shadow:0 0 0 3px rgba(124,92,255,.10)!important;
 }
}


/* V107 — dynamic Target percentage colours */
#targetValuePct.targetMetricRed{
 color:#d92d20!important;
}
#targetValuePct.targetMetricOrange{
 color:#EAB308!important;
}
#targetValuePct.targetMetricGreen{
 color:#2f9b70!important;
}
#targetValuePct.targetMetricRed:focus{
 color:#d92d20!important;
}
#targetValuePct.targetMetricOrange:focus{
 color:#EAB308!important;
}
#targetValuePct.targetMetricGreen:focus{
 color:#2f9b70!important;
}


/* V108 — robust dynamic Target field and corresponding result colours */
#targetValuePct.targetMetricRed{
 color:#d92d20!important;
 border-color:#d92d20!important;
 box-shadow:0 0 0 4px rgba(217,45,32,.12)!important;
 caret-color:#d92d20!important;
}
#targetValuePct.targetMetricOrange{
 color:#EAB308!important;
 border-color:#EAB308!important;
 box-shadow:0 0 0 4px rgba(216,137,31,.13)!important;
 caret-color:#EAB308!important;
}
#targetValuePct.targetMetricGreen{
 color:#2f9b70!important;
 border-color:#2f9b70!important;
 box-shadow:0 0 0 4px rgba(47,155,112,.13)!important;
 caret-color:#2f9b70!important;
}
#targets .targetValueRow.targetMetricRed{border-color:#d92d20!important;box-shadow:0 8px 20px rgba(217,45,32,.10)!important}
#targets .targetValueRow.targetMetricOrange{border-color:#EAB308!important;box-shadow:0 8px 20px rgba(216,137,31,.10)!important}
#targets .targetValueRow.targetMetricGreen{border-color:#2f9b70!important;box-shadow:0 8px 20px rgba(47,155,112,.10)!important}
#targets .targetValueRow.targetMetricRed .unit{color:#d92d20!important}
#targets .targetValueRow.targetMetricOrange .unit{color:#EAB308!important}
#targets .targetValueRow.targetMetricGreen .unit{color:#2f9b70!important}
.panel.targets .resultPill.targetMetricRed{border-color:#d92d20!important}
.panel.targets .resultPill.targetMetricOrange{border-color:#EAB308!important}
.panel.targets .resultPill.targetMetricGreen{border-color:#2f9b70!important}
.panel.targets .resultPill.targetMetricRed span{color:#d92d20!important}
.panel.targets .resultPill.targetMetricRed .resultIcon{color:#d92d20!important}
.panel.targets .resultPill.targetMetricOrange span{color:#EAB308!important}
.panel.targets .resultPill.targetMetricOrange .resultIcon{color:#EAB308!important}
.panel.targets .resultPill.targetMetricGreen span{color:#2f9b70!important}
.panel.targets .resultPill.targetMetricGreen .resultIcon{color:#2f9b70!important}



/* V109 — forced visible dynamic colours for Targets input and corresponding result */
#targets .targetValueRow[data-metric-tier="red"],
#targets .targetValueRow.metric-red{
 border-color:#d92d20!important;
 box-shadow:0 8px 20px rgba(217,45,32,.14)!important;
}
#targets .targetValueRow[data-metric-tier="orange"],
#targets .targetValueRow.metric-orange{
 border-color:#EAB308!important;
 box-shadow:0 8px 20px rgba(216,137,31,.14)!important;
}
#targets .targetValueRow[data-metric-tier="green"],
#targets .targetValueRow.metric-green{
 border-color:#2f9b70!important;
 box-shadow:0 8px 20px rgba(47,155,112,.14)!important;
}
#targetValuePct[data-metric-tier="red"],
#targetValuePct.metric-red{
 color:#d92d20!important;
 -webkit-text-fill-color:#d92d20!important;
 border-color:#d92d20!important;
 caret-color:#d92d20!important;
 box-shadow:0 0 0 4px rgba(217,45,32,.14)!important;
}
#targetValuePct[data-metric-tier="orange"],
#targetValuePct.metric-orange{
 color:#EAB308!important;
 -webkit-text-fill-color:#EAB308!important;
 border-color:#EAB308!important;
 caret-color:#EAB308!important;
 box-shadow:0 0 0 4px rgba(216,137,31,.14)!important;
}
#targetValuePct[data-metric-tier="green"],
#targetValuePct.metric-green{
 color:#2f9b70!important;
 -webkit-text-fill-color:#2f9b70!important;
 border-color:#2f9b70!important;
 caret-color:#2f9b70!important;
 box-shadow:0 0 0 4px rgba(47,155,112,.14)!important;
}
#targets .targetValueRow[data-metric-tier="red"] .unit,
#targets .targetValueRow.metric-red .unit{color:#d92d20!important}
#targets .targetValueRow[data-metric-tier="orange"] .unit,
#targets .targetValueRow.metric-orange .unit{color:#EAB308!important}
#targets .targetValueRow[data-metric-tier="green"] .unit,
#targets .targetValueRow.metric-green .unit{color:#2f9b70!important}
#targetCorrespondingValue[data-metric-tier="red"],
#targetCorrespondingValue.metric-red{color:#d92d20!important}
#targetCorrespondingValue[data-metric-tier="orange"],
#targetCorrespondingValue.metric-orange{color:#EAB308!important}
#targetCorrespondingValue[data-metric-tier="green"],
#targetCorrespondingValue.metric-green{color:#2f9b70!important}
#targets .resultPill[data-metric-tier="red"]{border-color:#d92d20!important}
#targets .resultPill[data-metric-tier="orange"]{border-color:#EAB308!important}
#targets .resultPill[data-metric-tier="green"]{border-color:#2f9b70!important}
#targets .resultPill[data-metric-tier="red"] .resultIcon{color:#d92d20!important}
#targets .resultPill[data-metric-tier="orange"] .resultIcon{color:#EAB308!important}
#targets .resultPill[data-metric-tier="green"] .resultIcon{color:#2f9b70!important}



/* V112 — currency symbols shown after monetary values */
/* V110 — visible dynamic colour fallback for Targets values */
#targetValuePct.v110-red{color:#d92d20!important;-webkit-text-fill-color:#d92d20!important;border-color:#d92d20!important;caret-color:#d92d20!important}
#targetValuePct.v110-orange{color:#EAB308!important;-webkit-text-fill-color:#EAB308!important;border-color:#EAB308!important;caret-color:#EAB308!important}
#targetValuePct.v110-green{color:#2f9b70!important;-webkit-text-fill-color:#2f9b70!important;border-color:#2f9b70!important;caret-color:#2f9b70!important}
#targets .targetValueRow.v110-red,#targets .resultPill.v110-red{border-color:#d92d20!important}
#targets .targetValueRow.v110-orange,#targets .resultPill.v110-orange{border-color:#EAB308!important}
#targets .targetValueRow.v110-green,#targets .resultPill.v110-green{border-color:#2f9b70!important}
#targetCorrespondingValue.v110-red,#targetCorrespondingLabel.v110-red{color:#d92d20!important;-webkit-text-fill-color:#d92d20!important}#targets .resultPill.v110-red .resultIcon{color:#d92d20!important;-webkit-text-fill-color:#d92d20!important}
#targetCorrespondingValue.v110-orange,#targetCorrespondingLabel.v110-orange{color:#EAB308!important;-webkit-text-fill-color:#EAB308!important}#targets .resultPill.v110-orange .resultIcon{color:#EAB308!important;-webkit-text-fill-color:#EAB308!important}
#targetCorrespondingValue.v110-green,#targetCorrespondingLabel.v110-green{color:#2f9b70!important;-webkit-text-fill-color:#2f9b70!important}#targets .resultPill.v110-green .resultIcon{color:#2f9b70!important;-webkit-text-fill-color:#2f9b70!important}



/* V115 — Pricing & Negotiation Tools tagline refresh */
.tagline{
 margin-top:6px!important;
 display:inline-block!important;
 color:transparent!important;
 -webkit-text-fill-color:transparent!important;
 background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 28%,var(--green) 100%)!important;
 -webkit-background-clip:text!important;
 background-clip:text!important;
 font-size:14px!important;
 line-height:1.08!important;
 font-weight:900!important;
 letter-spacing:.045em!important;
 font-style:italic!important;
}
@media(max-width:850px){
 .tagline{font-size:12px!important;letter-spacing:.04em!important;margin-top:6px!important}
}


/* V116 — tagline corrected: Make the Numbers Talk!, black and lighter */
.tagline{
 color:var(--ink)!important;
 background:none!important;
 -webkit-background-clip:initial!important;
 background-clip:initial!important;
 -webkit-text-fill-color:var(--ink)!important;
 font-weight:560!important;
 letter-spacing:.045em!important;
 font-style:normal!important;
 text-transform:none!important;
}
@media(max-width:850px){
 .tagline{font-weight:560!important;letter-spacing:.04em!important}
}

/* V118 — Make the Numbers Talk! slanted text, not rotated; softer compact KPI cards for Check and Targets */
.tagline{
 color:var(--ink)!important;
 background:none!important;
 -webkit-background-clip:initial!important;
 background-clip:initial!important;
 -webkit-text-fill-color:var(--ink)!important;
 font-weight:540!important;
 letter-spacing:.04em!important;
 font-style:italic!important;
 text-transform:none!important;
 display:inline-block!important;
 transform:none!important;
}

@media(max-width:850px){
 .tagline{
 font-weight:540!important;
 letter-spacing:.035em!important;
 font-style:italic!important;
 transform:none!important;
 }
}

/* Slightly smaller only for the result KPI boxes of Price Check and Targets */
.panel.pricecheck .miniGrid .resultPill,
.panel.targets .targetGrid .resultPill{
 min-height:104px!important;
 padding:12px 10px!important;
 border-radius:15px!important;
}

.panel.pricecheck .miniGrid .resultPill .resultIcon,
.panel.targets .targetGrid .resultPill .resultIcon{
 
 
 margin-bottom:6px!important;
 
}

.panel.pricecheck .miniGrid .resultPill b,
.panel.targets .targetGrid .resultPill b{
 font-size:10.8px!important;
 line-height:1.08!important;
}

.panel.pricecheck .miniGrid .resultPill span,
.panel.targets .targetGrid .resultPill span{
 font-size:19px!important;
 margin-top:6px!important;
 line-height:1.02!important;
}

.panel.pricecheck .miniGrid .resultPill small,
.panel.targets .targetGrid .resultPill small{
 font-size:10px!important;
 margin-top:3px!important;
}

@media(max-width:850px){
 .panel.pricecheck .miniGrid .resultPill,
 .panel.targets .targetGrid .resultPill{
 min-height:82px!important;
 padding:8px 6px!important;
 border-radius:13px!important;
 }

 .panel.pricecheck .miniGrid .resultPill .resultIcon,
 .panel.targets .targetGrid .resultPill .resultIcon{
 
 
 margin-bottom:4px!important;
 
 }

 .panel.pricecheck .miniGrid .resultPill b,
 .panel.targets .targetGrid .resultPill b{
 font-size:8.8px!important;
 }

 .panel.pricecheck .miniGrid .resultPill span,
 .panel.targets .targetGrid .resultPill span{
 font-size:15.5px!important;
 margin-top:4px!important;
 }

 .panel.pricecheck .miniGrid .resultPill small,
 .panel.targets .targetGrid .resultPill small{
 display:none!important;
 }
}



/* V119 — Full Deal Result KPI cards slightly reduced to avoid crowding the green header */
.panel.full .resultsGrid{
 gap:7px!important;
 padding:4px 12px 10px!important;
}
.panel.full .resultsGrid .resultPill{
 min-height:74px!important;
 padding:8px 7px!important;
 border-radius:13px!important;
}
.panel.full .resultsGrid .resultPill .resultIcon{
 width:16px!important;
 height:16px!important;
 margin:0 auto 4px!important;
 font-size:11px!important;
}
.panel.full .resultsGrid .resultPill .resultIcon svg{
 width:14px!important;
 height:14px!important;
}
.panel.full .resultsGrid .resultPill b{
 font-size:8.5px!important;
 line-height:1.03!important;
}
.panel.full .resultsGrid .resultPill span{
 font-size:12px!important;
 margin-top:5px!important;
 line-height:1!important;
}
.panel.full .resultsGrid .resultPill small{
 display:none!important;
}
@media(max-width:390px){
 .panel.full .resultsGrid{
 gap:6px!important;
 padding:4px 10px 10px!important;
 }
 .panel.full .resultsGrid .resultPill{
 min-height:70px!important;
 padding:7px 5px!important;
 border-radius:12px!important;
 }
 .panel.full .resultsGrid .resultPill b{font-size:7.9px!important}
 .panel.full .resultsGrid .resultPill span{font-size:11.2px!important;margin-top:4px!important}
 .panel.full .resultsGrid .resultPill .resultIcon{width:15px!important;height:15px!important;margin-bottom:4px!important}
 .panel.full .resultsGrid .resultPill .resultIcon svg{width:13px!important;height:13px!important}
}



/* V120 — Full Deal Result cards narrower and closer to square */
.panel.full .resultsGrid{
 gap:8px!important;
 padding:4px 18px 10px!important;
}
.panel.full .resultsGrid .resultPill{
 min-height:80px!important;
 padding:8px 6px!important;
 border-radius:14px!important;
}
.panel.full .resultsGrid .resultPill .resultIcon{
 width:16px!important;
 height:16px!important;
 margin:0 auto 4px!important;
 font-size:11px!important;
}
.panel.full .resultsGrid .resultPill .resultIcon svg{
 width:14px!important;
 height:14px!important;
}
.panel.full .resultsGrid .resultPill b{
 font-size:8.4px!important;
 line-height:1.03!important;
}
.panel.full .resultsGrid .resultPill span{
 font-size:12px!important;
 margin-top:5px!important;
 line-height:1!important;
}
.panel.full .resultsGrid .resultPill small{display:none!important}

@media(max-width:850px){
 .panel.full .resultsGrid{
 gap:8px!important;
 padding:4px 18px 10px!important;
 }
 .panel.full .resultsGrid .resultPill{
 min-height:82px!important;
 padding:8px 6px!important;
 border-radius:14px!important;
 }
 .panel.full .resultsGrid .resultPill b{font-size:8.2px!important}
 .panel.full .resultsGrid .resultPill span{font-size:11.8px!important;margin-top:4px!important}
}

@media(max-width:390px){
 .panel.full .resultsGrid{
 gap:7px!important;
 padding:4px 16px 10px!important;
 }
 .panel.full .resultsGrid .resultPill{
 min-height:78px!important;
 padding:7px 5px!important;
 border-radius:13px!important;
 }
 .panel.full .resultsGrid .resultPill b{font-size:7.8px!important}
 .panel.full .resultsGrid .resultPill span{font-size:11.1px!important;margin-top:4px!important}
 .panel.full .resultsGrid .resultPill .resultIcon{width:15px!important;height:15px!important}
 .panel.full .resultsGrid .resultPill .resultIcon svg{width:13px!important;height:13px!important}
}



/* V121 — more compact Purchase/Selling section headers for mobile practicality */
.panel.purchase .panelHead,
.panel.selling .panelHead{
 padding:9px 12px!important;
 gap:10px!important;
}
.panel.purchase .sectionIcon,
.panel.selling .sectionIcon{
 width:30px!important;
 height:30px!important;
}
.panel.purchase .sectionIcon svg,
.panel.selling .sectionIcon svg{
 width:16px!important;
 height:16px!important;
}
.panel.purchase h3,
.panel.selling h3{
 font-size:18px!important;
 line-height:1.05!important;
}
.panel.purchase .hint,
.panel.selling .hint{
 margin-top:1px!important;
 font-size:11px!important;
 line-height:1.15!important;
}
@media(max-width:850px){
 .panel.purchase .panelHead,
 .panel.selling .panelHead{
 padding:8px 10px!important;
 gap:9px!important;
 }
 .panel.purchase .sectionIcon,
 .panel.selling .sectionIcon{
 width:27px!important;
 height:27px!important;
 }
 .panel.purchase .sectionIcon svg,
 .panel.selling .sectionIcon svg{
 width:14px!important;
 height:14px!important;
 }
 .panel.purchase h3,
 .panel.selling h3{
 font-size:16px!important;
 line-height:1.03!important;
 }
 .panel.purchase .hint,
 .panel.selling .hint{
 margin-top:1px!important;
 font-size:10px!important;
 line-height:1.12!important;
 }
}


/* V122 — Full Deal Result header compacted to match Purchase/Selling headers */
.panel.full .panelHead{
 padding:9px 12px!important;
 gap:10px!important;
}
.panel.full .sectionIcon{
 width:30px!important;
 height:30px!important;
}
.panel.full .sectionIcon svg{
 width:16px!important;
 height:16px!important;
}
.panel.full h3{
 font-size:18px!important;
 line-height:1.05!important;
}
.panel.full .hint{
 margin-top:1px!important;
 font-size:11px!important;
 line-height:1.15!important;
}
@media(max-width:850px){
 .panel.full .panelHead{
 padding:8px 10px!important;
 gap:9px!important;
 }
 .panel.full .sectionIcon{
 width:27px!important;
 height:27px!important;
 }
 .panel.full .sectionIcon svg{
 width:14px!important;
 height:14px!important;
 }
 .panel.full h3{
 font-size:16px!important;
 line-height:1.03!important;
 }
 .panel.full .hint{
 margin-top:1px!important;
 font-size:10px!important;
 line-height:1.12!important;
 }
}


/* V123 — yellow warning color instead of orange */
:root{--orange:#EAB308!important;}
.resultPill.warn span,
.kpi.margin .value,
.resultIcon.marginIcon{
 color:#EAB308!important;
}
.panel.targets .resultPill.targetMetricOrange,
#targets .resultPill[data-metric-tier="orange"],
#targets .targetValueRow.v110-orange,
#targets .resultPill.v110-orange{
 border-color:#EAB308!important;
}
.panel.targets .resultPill.targetMetricOrange span,
#targetCorrespondingValue.v110-orange,
#targetCorrespondingLabel.v110-orange{
 color:#EAB308!important;
 -webkit-text-fill-color:#EAB308!important;
}
.panel.targets .resultPill.targetMetricOrange .resultIcon,
#targets .resultPill[data-metric-tier="orange"] .resultIcon,
#targets .resultPill.v110-orange .resultIcon{
 color:#EAB308!important;
 -webkit-text-fill-color:#EAB308!important;
}



/* V124 — lighter yellow warning tone and unified result-card sizing across tools */
:root{--orange:#FACC15!important;}
.kpi.margin .value,
.resultPill.warn span,
.resultIcon.marginIcon{
 color:#FACC15!important;
 -webkit-text-fill-color:#FACC15!important;
}
.panel.targets .resultPill.targetMetricOrange,
#targets .resultPill[data-metric-tier="orange"],
#targets .targetValueRow.v110-orange,
#targets .resultPill.v110-orange{
 border-color:#FACC15!important;
}
.panel.targets .resultPill.targetMetricOrange span,
#targetCorrespondingValue.v110-orange,
#targetCorrespondingLabel.v110-orange{
 color:#FACC15!important;
 -webkit-text-fill-color:#FACC15!important;
}
.panel.targets .resultPill.targetMetricOrange .resultIcon,
#targets .resultPill[data-metric-tier="orange"] .resultIcon,
#targets .resultPill.v110-orange .resultIcon{
 color:#FACC15!important;
 -webkit-text-fill-color:#FACC15!important;
}

.panel.full .resultsGrid .resultPill,
.panel.pricecheck .miniGrid .resultPill,
.panel.targets .targetGrid .resultPill{
 min-height:104px!important;
 padding:12px 10px!important;
 border-radius:15px!important;
}
.panel.full .resultsGrid .resultPill .resultIcon{
 width:21px!important;
 height:21px!important;
 margin-bottom:6px!important;
 font-size:16px!important;
}
.panel.pricecheck .miniGrid .resultPill .resultIcon,
.panel.targets .targetGrid .resultPill .resultIcon{
 
 
 margin-bottom:6px!important;
 
}
.panel.full .resultsGrid .resultPill .resultIcon svg{
 width:19px!important;
 height:19px!important;
}
.panel.pricecheck .miniGrid .resultPill .resultIcon svg,
.panel.targets .targetGrid .resultPill .resultIcon svg{
 
 
}
.panel.full .resultsGrid .resultPill b,
.panel.pricecheck .miniGrid .resultPill b,
.panel.targets .targetGrid .resultPill b{
 font-size:10.8px!important;
 line-height:1.08!important;
}
.panel.full .resultsGrid .resultPill span,
.panel.pricecheck .miniGrid .resultPill span,
.panel.targets .targetGrid .resultPill span{
 font-size:19px!important;
 margin-top:6px!important;
 line-height:1.02!important;
}
.panel.full .resultsGrid .resultPill small,
.panel.pricecheck .miniGrid .resultPill small,
.panel.targets .targetGrid .resultPill small{
 font-size:10px!important;
 margin-top:3px!important;
 display:block!important;
}

@media(max-width:850px){
 .panel.full .resultsGrid .resultPill,
 .panel.pricecheck .miniGrid .resultPill,
 .panel.targets .targetGrid .resultPill{
 min-height:82px!important;
 padding:8px 6px!important;
 border-radius:13px!important;
 }
 .panel.full .resultsGrid .resultPill .resultIcon{
 width:17px!important;
 height:17px!important;
 margin-bottom:4px!important;
 font-size:14px!important;
 }
 .panel.pricecheck .miniGrid .resultPill .resultIcon,
 .panel.targets .targetGrid .resultPill .resultIcon{
 
 
 margin-bottom:4px!important;
 
 }
 .panel.full .resultsGrid .resultPill .resultIcon svg{
 width:15px!important;
 height:15px!important;
 }
 .panel.pricecheck .miniGrid .resultPill .resultIcon svg,
 .panel.targets .targetGrid .resultPill .resultIcon svg{
 
 
 }
 .panel.full .resultsGrid .resultPill b,
 .panel.pricecheck .miniGrid .resultPill b,
 .panel.targets .targetGrid .resultPill b{
 font-size:8.8px!important;
 }
 .panel.full .resultsGrid .resultPill span,
 .panel.pricecheck .miniGrid .resultPill span,
 .panel.targets .targetGrid .resultPill span{
 font-size:15.5px!important;
 margin-top:4px!important;
 }
 .panel.full .resultsGrid .resultPill small,
 .panel.pricecheck .miniGrid .resultPill small,
 .panel.targets .targetGrid .resultPill small{
 display:none!important;
 }
}



/* V125 — four-step warning scale: red / orange / yellow / green */
:root{--warning-orange:#d8891f;--warning-yellow:#FACC15;}
.resultPill.bad span,.resultPill.bad .resultIcon{color:#d92d20!important;-webkit-text-fill-color:#d92d20!important}
.resultPill.orange span,.resultPill.orange .resultIcon{color:#d8891f!important;-webkit-text-fill-color:#d8891f!important}
.resultPill.warn span,.resultPill.warn .resultIcon{color:#FACC15!important;-webkit-text-fill-color:#FACC15!important}
.resultPill.good span,.resultPill.good .resultIcon{color:#2f9b70!important;-webkit-text-fill-color:#2f9b70!important}
.kpi.metric-red .value,.kpi.metric-red .metricIcon{color:#d92d20!important;-webkit-text-fill-color:#d92d20!important}
.kpi.metric-orange .value,.kpi.metric-orange .metricIcon{color:#d8891f!important;-webkit-text-fill-color:#d8891f!important}
.kpi.metric-warn .value,.kpi.metric-warn .metricIcon{color:#FACC15!important;-webkit-text-fill-color:#FACC15!important}
.kpi.metric-good .value,.kpi.metric-good .metricIcon{color:#2f9b70!important;-webkit-text-fill-color:#2f9b70!important}
.panel.targets .resultPill.targetMetricOrange,
#targets .resultPill[data-metric-tier="orange"],
#targets .targetValueRow.metric-orange,
#targets .targetValueRow[data-metric-tier="orange"]{border-color:#d8891f!important}
.panel.targets .resultPill.targetMetricOrange span,
#targetCorrespondingValue.metric-orange,
#targetCorrespondingLabel.metric-orange{color:#d8891f!important;-webkit-text-fill-color:#d8891f!important}
.panel.targets .resultPill.targetMetricOrange .resultIcon,
#targets .resultPill[data-metric-tier="orange"] .resultIcon{color:#d8891f!important;-webkit-text-fill-color:#d8891f!important}
.panel.targets .resultPill.targetMetricYellow,
#targets .resultPill[data-metric-tier="yellow"],
#targets .targetValueRow.metric-yellow,
#targets .targetValueRow[data-metric-tier="yellow"]{border-color:#FACC15!important}
.panel.targets .resultPill.targetMetricYellow span,
#targetCorrespondingValue.metric-yellow,
#targetCorrespondingLabel.metric-yellow{color:#FACC15!important;-webkit-text-fill-color:#FACC15!important}
.panel.targets .resultPill.targetMetricYellow .resultIcon,
#targets .resultPill[data-metric-tier="yellow"] .resultIcon{color:#FACC15!important;-webkit-text-fill-color:#FACC15!important}



/* V126 — Margin Target label fixed in purple; target percent sign follows the same tier color as the value */
#targetValueLabel{
 color:var(--target-accent)!important;
 -webkit-text-fill-color:var(--target-accent)!important;
 font-weight:900!important;
}
#targets .targetValueRow .unit{
 font-weight:900!important;
}
#targets .targetValueRow.metric-red .unit,
#targets .targetValueRow[data-metric-tier="red"] .unit,
#targetValuePct.metric-red + .unit,
#targetValuePct[data-metric-tier="red"] + .unit{
 color:#d92d20!important;
 -webkit-text-fill-color:#d92d20!important;
}
#targets .targetValueRow.metric-orange .unit,
#targets .targetValueRow[data-metric-tier="orange"] .unit,
#targetValuePct.metric-orange + .unit,
#targetValuePct[data-metric-tier="orange"] + .unit{
 color:#d8891f!important;
 -webkit-text-fill-color:#d8891f!important;
}
#targets .targetValueRow.metric-yellow .unit,
#targets .targetValueRow[data-metric-tier="yellow"] .unit,
#targetValuePct.metric-yellow + .unit,
#targetValuePct[data-metric-tier="yellow"] + .unit{
 color:#FACC15!important;
 -webkit-text-fill-color:#FACC15!important;
}
#targets .targetValueRow.metric-green .unit,
#targets .targetValueRow[data-metric-tier="green"] .unit,
#targetValuePct.metric-green + .unit,
#targetValuePct[data-metric-tier="green"] + .unit{
 color:#2f9b70!important;
 -webkit-text-fill-color:#2f9b70!important;
}


/* V127 — clean final target color system */
#targets .targetValueRow .name,
#targetValueLabel{
 color:var(--target-accent)!important;
 -webkit-text-fill-color:var(--target-accent)!important;
 font-weight:900!important;
}

#targetValueHelp{
 color:var(--muted)!important;
 -webkit-text-fill-color:var(--muted)!important;
 font-weight:650!important;
}

#targets .targetValueRow.target-red,
#targets .targetValueRow[data-target-tier="red"]{
 border-color:#d92d20!important;
 box-shadow:0 8px 20px rgba(217,45,32,.12)!important;
}
#targets .targetValueRow.target-orange,
#targets .targetValueRow[data-target-tier="orange"]{
 border-color:#d8891f!important;
 box-shadow:0 8px 20px rgba(216,137,31,.12)!important;
}
#targets .targetValueRow.target-yellow,
#targets .targetValueRow[data-target-tier="yellow"]{
 border-color:#FACC15!important;
 box-shadow:0 8px 20px rgba(250,204,21,.16)!important;
}
#targets .targetValueRow.target-green,
#targets .targetValueRow[data-target-tier="green"]{
 border-color:#2f9b70!important;
 box-shadow:0 8px 20px rgba(47,155,112,.12)!important;
}

#targetValuePct.target-red,
#targets .targetValueRow.target-red .unit,
#targets .targetValueRow[data-target-tier="red"] .unit{
 color:#d92d20!important;
 -webkit-text-fill-color:#d92d20!important;
 border-color:#d92d20!important;
 caret-color:#d92d20!important;
}
#targetValuePct.target-orange,
#targets .targetValueRow.target-orange .unit,
#targets .targetValueRow[data-target-tier="orange"] .unit{
 color:#d8891f!important;
 -webkit-text-fill-color:#d8891f!important;
 border-color:#d8891f!important;
 caret-color:#d8891f!important;
}
#targetValuePct.target-yellow,
#targets .targetValueRow.target-yellow .unit,
#targets .targetValueRow[data-target-tier="yellow"] .unit{
 color:#FACC15!important;
 -webkit-text-fill-color:#FACC15!important;
 border-color:#FACC15!important;
 caret-color:#FACC15!important;
}
#targetValuePct.target-green,
#targets .targetValueRow.target-green .unit,
#targets .targetValueRow[data-target-tier="green"] .unit{
 color:#2f9b70!important;
 -webkit-text-fill-color:#2f9b70!important;
 border-color:#2f9b70!important;
 caret-color:#2f9b70!important;
}


/* V128 — target input area fixed purple, no dynamic target colors */
#targets .targetValueRow,
#targets .targetValueRow.target-red,
#targets .targetValueRow.target-orange,
#targets .targetValueRow.target-yellow,
#targets .targetValueRow.target-green,
#targets .targetValueRow.metric-red,
#targets .targetValueRow.metric-orange,
#targets .targetValueRow.metric-yellow,
#targets .targetValueRow.metric-green,
#targets .targetValueRow[data-target-tier],
#targets .targetValueRow[data-metric-tier]{
 border-color:var(--target-accent)!important;
 box-shadow:0 8px 20px rgba(124,92,255,.10)!important;
}

#targetValueLabel,
#targetValueHelp,
#targetValuePct,
#targets .targetValueRow .unit{
 color:var(--target-accent)!important;
 -webkit-text-fill-color:var(--target-accent)!important;
}

#targetValuePct{
 border-color:var(--target-accent)!important;
 caret-color:var(--target-accent)!important;
 box-shadow:0 0 0 4px rgba(124,92,255,.14)!important;
}


/* V129 — target area truly fixed purple inside calculation logic */
#targets .targetValueRow,
#targets .targetValueRow[class*="target"],
#targets .targetValueRow[class*="metric"],
#targets .targetValueRow[data-target-tier],
#targets .targetValueRow[data-metric-tier]{
 border-color:var(--target-accent)!important;
 box-shadow:0 8px 20px rgba(124,92,255,.10)!important;
}

#targetValueLabel,
#targetValueHelp,
#targetValuePct,
#targets .targetValueRow .unit{
 color:var(--target-accent)!important;
 -webkit-text-fill-color:var(--target-accent)!important;
}

#targetValuePct{
 border-color:var(--target-accent)!important;
 caret-color:var(--target-accent)!important;
 box-shadow:0 0 0 4px rgba(124,92,255,.14)!important;
}


/* V130 — target input area: all black, no dynamic colors */
#targets .targetValueRow,
#targets .targetValueRow[class*="target"],
#targets .targetValueRow[class*="metric"],
#targets .targetValueRow[data-target-tier],
#targets .targetValueRow[data-metric-tier]{
 border-color:#dfe6ee!important;
 box-shadow:none!important;
 background:#fff!important;
}

#targetValueLabel,
#targetValueHelp,
#targetValuePct,
#targets .targetValueRow .unit{
 color:#0f1b2d!important;
 -webkit-text-fill-color:#0f1b2d!important;
}

#targetValuePct{
 border-color:#dfe6ee!important;
 caret-color:#0f1b2d!important;
 box-shadow:none!important;
}


/* V131 — multilingual SEO content blocks */
.seoLanguageBlock{
 margin:18px 0 18px;
 padding:18px;
 border:1px solid #e5eaf0;
 border-radius:18px;
 background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%);
 box-shadow:0 8px 20px rgba(15,27,45,.035);
}
.seoLanguageBlock h2{
 margin:0 0 8px;
 font-size:22px;
 line-height:1.12;
 letter-spacing:-.03em;
 color:#0f1b2d;
}
.seoLanguageBlock p{
 margin:8px 0 0;
 color:#5f6b7a;
 font-size:14px;
 line-height:1.45;
 font-weight:600;
}
@media(max-width:850px){
 .seoLanguageBlock{padding:14px;margin:14px 0}
 .seoLanguageBlock h2{font-size:18px}
 .seoLanguageBlock p{font-size:12.5px}
}


/* V132 — avoid impossible target margin output appearing as a wrong number */
#targetPurchaseDiscount,
#targetRequiredPrice,
#targetRequiredDiscount,
#targetCorrespondingValue{
 white-space:nowrap!important;
}


/* V136 — purchase VAT mode field */
.purchaseVatPctRow input,



/* V139 — compact tariff-fee buttons and shipping cost */
.feeBlock{
 padding:10px 0;
 border-top:1px solid #eef2f6;
}
.feeBlockHead{
 display:flex;
 align-items:flex-start;
 justify-content:space-between;
 gap:10px;
 margin-bottom:8px;
}
.miniAction{
 display:inline-flex!important;
 align-items:center;
 justify-content:center;
 width:auto!important;
 min-width:0!important;
 max-width:max-content!important;
 white-space:nowrap!important;
 border:1px solid #dfe6ee;
 background:#fff;
 border-radius:999px;
 padding:5px 8px!important;
 font-size:11px!important;
 line-height:1!important;
 font-weight:780!important;
 color:#0f1b2d;
 box-shadow:0 4px 10px rgba(15,27,45,.045);
 cursor:pointer;
}
.dynamicFeeList{
 display:grid;
 gap:7px;
}
.dynamicFeeRow{
 display:grid;
 grid-template-columns:minmax(0,1fr) 110px 30px;
 gap:7px;
 align-items:center;
}
.dynamicFeeRow .feeLabel{
 font-size:12px;
 font-weight:800;
 color:#0f1b2d;
}
.dynamicFeeRow input{
 width:100%;
}
.removeFeeBtn{
 border:1px solid #dfe6ee;
 background:#fff;
 border-radius:9px;
 height:32px;
 font-weight:900;
 cursor:pointer;
}
.shippingGrid{
 display:grid;
 gap:7px;
}
.shippingInlineRow{
 margin:0!important;
}
@media(max-width:720px){
 .feeBlockHead{align-items:flex-start}
 .miniAction{font-size:10.5px!important;padding:5px 7px!important}
 .dynamicFeeRow{grid-template-columns:minmax(0,1fr) 95px 28px}
}


/* V140 — purchase VAT at end */
#purchaseVatPct{font-variant-numeric:tabular-nums}


/* V141 — tagline normal style */
.logo span,
.logo small,
.brand span,
.brand small,
.subtitle,
.eyebrow,
.footer {
 font-style: normal !important;
}


/* V142 — tagline left aligned and icon swap */
.tagline{
 display:block!important;
 margin-top:6px!important;
 margin-left:0!important;
 padding-left:0!important;
 text-indent:0!important;
 text-align:left!important;
 align-self:flex-start!important;
 transform:none!important;
 font-style:normal!important;
 color:var(--ink)!important;
 -webkit-text-fill-color:var(--ink)!important;
}
.logo + .tagline{
 margin-left:0!important;
}
.kpi.markup .metricIcon,
.resultIcon.markupIcon{
 font-size:0!important;
 line-height:0!important;
}
.kpi.profit .metricIcon svg,
.resultIcon.profitIcon svg,
.kpi.markup .metricIcon svg,
.resultIcon.markupIcon svg{
 display:block;
}


/* V143 — torn tag discount icon */
.discountIcon{
 font-size:0!important;
 line-height:0!important;
}
.discountIcon svg{
 display:block!important;
}


/* V144 — cracked tag discount icon */
.discountIcon{
 font-size:0!important;
 line-height:0!important;
}
.discountIcon svg{
 display:block!important;
}


/* V145 — scissors discount icon */
.discountIcon{
 font-size:0!important;
 line-height:0!important;
}
.discountIcon svg{
 display:block!important;
}


/* V146 — narrower scissors discount icon */
.discountIcon{
 font-size:0!important;
 line-height:0!important;
}
.discountIcon svg{
 display:block!important;
}


/* V147 — proper scissors discount icon */
.discountIcon{
 font-size:0!important;
 line-height:0!important;
}
.discountIcon svg{
 display:block!important;
}


/* V148 — real scissors glyph discount icon */
.discountIcon{
 font-size:21px!important;
 line-height:1!important;
 font-weight:900!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 font-family:"Apple Color Emoji","Segoe UI Symbol","Noto Color Emoji",Arial,sans-serif!important;
}
.discountIcon svg{
 display:none!important;
}
@media(max-width:720px){
 .discountIcon{
 font-size:19px!important;
 }
}


/* V149 — monochrome black scissors discount icon */
.discountIcon{
 font-size:0!important;
 line-height:0!important;
 color:var(--ink)!important;
 -webkit-text-fill-color:var(--ink)!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
}
.discountIcon svg{
 display:block!important;
 width:20px!important;
 height:20px!important;
 stroke:currentColor!important;
}
.resultPill .discountIcon,
.kpi .discountIcon{
 color:var(--ink)!important;
 -webkit-text-fill-color:var(--ink)!important;
}
@media(max-width:720px){
 .discountIcon svg{
 width:18px!important;
 height:18px!important;
 }
}


/* V150 — clean monochrome scissors glyph */
.discountIcon{
 font-size:22px!important;
 line-height:1!important;
 font-weight:700!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 color:var(--ink)!important;
 -webkit-text-fill-color:var(--ink)!important;
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Symbol","Helvetica Neue",Arial,sans-serif!important;
 font-variant-emoji:text!important;
}
.discountIcon svg{
 display:none!important;
}
.resultPill .discountIcon{
 color:var(--ink)!important;
 -webkit-text-fill-color:var(--ink)!important;
}
@media(max-width:720px){
 .discountIcon{
 font-size:20px!important;
 }
}



/* V155 — optional list price adjustment */
.adjustmentToggle{margin:6px 0 8px!important;}
.optionalAdjustmentRow{display:none!important;}
.optionalAdjustmentRow.open{display:grid!important;}
.optionalAdjustmentInfo{display:none!important;}
.optionalAdjustmentInfo.open{display:block!important;}


/* V158 — complete deal home note */
.completeDealNoteV158{
 margin-top:10px!important;
}


/* V159 — Full Deal Result KPI cards visually centered and slightly lower */
.panel.full .resultsGrid{
 padding:12px 18px 16px!important;
 align-items:center!important;
}
.panel.full .resultsGrid .resultPill{
 margin-top:1px!important;
}
@media(max-width:850px){
 .panel.full .resultsGrid{
 padding:12px 16px 14px!important;
 }
}
@media(max-width:390px){
 .panel.full .resultsGrid{
 padding:10px 14px 12px!important;
 }
}


/* V174 — reset button and input replacement typing */
.resetAllFieldsWrapV174{
  display:flex!important;
  justify-content:flex-end!important;
  margin:8px 0 12px!important;
}
.resetAllFieldsBtnV174{
  border:1px solid var(--line)!important;
  background:#fff!important;
  color:var(--muted)!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  font-size:12px!important;
  font-weight:820!important;
  cursor:pointer!important;
  box-shadow:0 8px 20px rgba(15,27,45,.06)!important;
}
.resetAllFieldsBtnV174:active{
  transform:translateY(1px)!important;
}
@media(max-width:850px){
  .resetAllFieldsWrapV174{
    justify-content:center!important;
    margin:6px 0 10px!important;
  }
  .resetAllFieldsBtnV174{
    width:100%!important;
    padding:10px 12px!important;
  }
}


/* V175 — per-tool reset fields buttons */
.resetAllFieldsWrapV174{display:none!important}
.toolResetWrapV175{
  display:flex!important;
  justify-content:flex-end!important;
  margin:0 0 10px!important;
}
.toolResetBtnV175{
  border:1px solid var(--line)!important;
  background:#fff!important;
  color:var(--muted)!important;
  border-radius:999px!important;
  padding:7px 11px!important;
  font-size:11.5px!important;
  font-weight:820!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(15,27,45,.055)!important;
}
.toolResetBtnV175:active{transform:translateY(1px)!important}
@media(max-width:850px){
  .toolResetBtnV175{width:100%!important;padding:9px 11px!important}
}


/* V176 — smaller rectangular reset buttons, larger KPI text/icons and clearer home tool descriptions */
.toolResetWrapV175{
  justify-content:flex-end!important;
  margin:0 0 8px!important;
}
.toolResetBtnV175{
  border-radius:8px!important;
  padding:5px 9px!important;
  font-size:10.8px!important;
  line-height:1.1!important;
  font-weight:800!important;
  box-shadow:none!important;
}
@media(max-width:850px){
  .toolResetBtnV175{
    width:auto!important;
    min-width:92px!important;
    padding:6px 9px!important;
    font-size:10.8px!important;
  }
}

.resultPill .icon,
.resultPill svg{
  width:25px!important;
  height:25px!important;
  font-size:24px!important;
}
.resultPill .label{
  font-size:12.4px!important;
  line-height:1.15!important;
}
.resultPill .value{
  font-size:20.5px!important;
  line-height:1.08!important;
}
.resultPill .sub,
.resultPill .mini,
.resultPill small{
  font-size:12.2px!important;
  line-height:1.18!important;
}
.discountIcon{
  font-size:24px!important;
}
@media(max-width:850px){
  .resultPill .icon,
  .resultPill svg{
    width:24px!important;
    height:24px!important;
    font-size:23px!important;
  }
  .resultPill .label{
    font-size:12px!important;
  }
  .resultPill .value{
    font-size:19.5px!important;
  }
  .resultPill .sub,
  .resultPill .mini,
  .resultPill small{
    font-size:11.8px!important;
  }
}

.toolCard p,
.toolsGrid p,
.card p,
.featureCard p,
.homeToolCard p{
  font-size:15.6px!important;
  line-height:1.55!important;
}
.toolCard h3,
.toolsGrid h3,
.card h3,
.featureCard h3,
.homeToolCard h3{
  font-size:18px!important;
  line-height:1.18!important;
}
@media(max-width:850px){
  .toolCard p,
  .toolsGrid p,
  .card p,
  .featureCard p,
  .homeToolCard p{
    font-size:14.3px!important;
    line-height:1.52!important;
  }
  .toolCard h3,
  .toolsGrid h3,
  .card h3,
  .featureCard h3,
  .homeToolCard h3{
    font-size:16.8px!important;
  }
}


/* V177 — compact horizontal tool description rows on Home */
.toolsGrid,
.toolCards,
.cardsGrid,
.homeToolsGrid{
  grid-template-columns:1fr!important;
  gap:9px!important;
}

.toolCard,
.homeToolCard,
.featureCard{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  column-gap:12px!important;
  padding:13px 16px!important;
  min-height:auto!important;
}

.toolCard h3,
.homeToolCard h3,
.featureCard h3,
.card h3{
  margin:0!important;
}

.toolCard p,
.homeToolCard p,
.featureCard p,
.card p{
  margin:4px 0 0!important;
}

.toolCard .toolIcon,
.homeToolCard .toolIcon,
.featureCard .toolIcon,
.toolCard .icon,
.homeToolCard .icon,
.featureCard .icon{
  grid-row:1 / span 2!important;
  align-self:center!important;
}

@media(min-width:851px){
  .toolsGrid,
  .toolCards,
  .cardsGrid,
  .homeToolsGrid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:850px){
  .toolCard,
  .homeToolCard,
  .featureCard{
    grid-template-columns:1fr!important;
    padding:12px 14px!important;
  }
  .toolCard p,
  .homeToolCard p,
  .featureCard p,
  .card p{
    margin-top:3px!important;
  }
}

/* Specific numbered home tool rows */
.section .grid .card{
  padding:13px 15px!important;
}
.section .grid .card h3{
  font-size:17.2px!important;
  line-height:1.12!important;
}
.section .grid .card p{
  font-size:14.4px!important;
  line-height:1.34!important;
}
@media(max-width:850px){
  .section .grid{
    gap:9px!important;
  }
  .section .grid .card{
    padding:11px 13px!important;
  }
  .section .grid .card h3{
    font-size:16.4px!important;
  }
  .section .grid .card p{
    font-size:13.6px!important;
  }
}


/* V178 — truly compact home tool rows */
.hero .grid,
.section .grid{
  gap:7px!important;
}

.hero .grid .card,
.section .grid .card{
  padding:9px 12px!important;
  border-radius:13px!important;
  min-height:0!important;
  box-shadow:none!important;
}

.hero .grid .card h3,
.section .grid .card h3{
  margin:0 0 3px!important;
  font-size:15.7px!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
}

.hero .grid .card p,
.section .grid .card p{
  margin:0!important;
  font-size:12.7px!important;
  line-height:1.22!important;
  font-weight:660!important;
}

.hero .grid .card a,
.section .grid .card a{
  display:none!important;
}

@media(max-width:850px){
  .hero .grid,
  .section .grid{
    gap:7px!important;
  }
  .hero .grid .card,
  .section .grid .card{
    padding:8px 11px!important;
    border-radius:13px!important;
  }
  .hero .grid .card h3,
  .section .grid .card h3{
    font-size:15.4px!important;
    line-height:1.08!important;
    margin-bottom:2px!important;
  }
  .hero .grid .card p,
  .section .grid .card p{
    font-size:12.45px!important;
    line-height:1.18!important;
  }
}


/* V179 — Home tool description cards like reference image */
.section .grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}

.section .grid .card{
  width:100%!important;
  display:block!important;
  padding:15px 16px 14px 18px!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:none!important;
  min-height:auto!important;
  position:relative!important;
  overflow:hidden!important;
}

.section .grid .card::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:5px!important;
  border-radius:18px 0 0 18px!important;
  background:#7C3AED!important;
}

.section .grid .card:nth-child(2)::before{
  background:#38BDF8!important;
}

.section .grid .card:nth-child(3)::before{
  background:#C9D82F!important;
}

.section .grid .card h3{
  margin:0 0 7px!important;
  font-size:18px!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  font-weight:900!important;
  color:var(--ink)!important;
}

.section .grid .card p{
  margin:0!important;
  font-size:14.2px!important;
  line-height:1.34!important;
  font-weight:700!important;
  color:#5b6680!important;
}

.section .grid .card a{
  display:none!important;
}

@media(max-width:850px){
  .section .grid{
    gap:10px!important;
  }
  .section .grid .card{
    padding:14px 15px 13px 18px!important;
    border-radius:18px!important;
  }
  .section .grid .card h3{
    font-size:17.2px!important;
    line-height:1.1!important;
    margin-bottom:7px!important;
  }
  .section .grid .card p{
    font-size:13.8px!important;
    line-height:1.32!important;
    font-weight:700!important;
  }
  .section .grid .card::before{
    width:5px!important;
  }
}


/* V180 — compact two-line home tool rows with left marker */
.homeToolsCompactV180 .grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}

.homeToolsCompactV180 .grid .card{
  display:grid!important;
  grid-template-columns:22px 1fr!important;
  column-gap:10px!important;
  align-items:center!important;
  width:100%!important;
  min-height:58px!important;
  padding:8px 12px 8px 10px!important;
  border-radius:15px!important;
  box-shadow:none!important;
  background:#fff!important;
  overflow:hidden!important;
}

.homeToolsCompactV180 .grid .card::before{
  content:""!important;
  display:block!important;
  width:10px!important;
  height:42px!important;
  border-radius:999px!important;
  background:#7C3AED!important;
  align-self:center!important;
  grid-row:1 / span 2!important;
  margin-left:0!important;
}

.homeToolsCompactV180 .grid .card:nth-child(2)::before{
  background:#38BDF8!important;
}
.homeToolsCompactV180 .grid .card:nth-child(3)::before{
  background:#C9D82F!important;
}

.homeToolsCompactV180 .grid .card h3{
  grid-column:2!important;
  margin:0 0 2px!important;
  font-size:16.2px!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
  font-weight:900!important;
  color:var(--ink)!important;
}

.homeToolsCompactV180 .grid .card p{
  grid-column:2!important;
  margin:0!important;
  font-size:12.7px!important;
  line-height:1.16!important;
  font-weight:680!important;
  color:#5b6680!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

.homeToolsCompactV180 .grid .card a{
  display:none!important;
}

@media(max-width:850px){
  .homeToolsCompactV180{
    padding-bottom:14px!important;
  }
  .homeToolsCompactV180 .grid{
    gap:8px!important;
  }
  .homeToolsCompactV180 .grid .card{
    grid-template-columns:20px 1fr!important;
    column-gap:9px!important;
    min-height:54px!important;
    padding:7px 11px 7px 9px!important;
    border-radius:15px!important;
  }
  .homeToolsCompactV180 .grid .card::before{
    width:9px!important;
    height:38px!important;
  }
  .homeToolsCompactV180 .grid .card h3{
    font-size:15.8px!important;
    line-height:1.05!important;
    margin-bottom:2px!important;
  }
  .homeToolsCompactV180 .grid .card p{
    font-size:12.15px!important;
    line-height:1.14!important;
    -webkit-line-clamp:2!important;
  }
}


/* V181 — exact compact Home tool cards: icon left, text right */
.toolCards{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin:14px 0 16px!important;
}

.toolCards .toolCard{
  width:100%!important;
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  grid-template-rows:auto auto!important;
  column-gap:10px!important;
  row-gap:2px!important;
  align-items:center!important;
  min-height:78px!important;
  padding:11px 14px!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:none!important;
  text-decoration:none!important;
  position:relative!important;
  overflow:hidden!important;
}

.toolCards .toolCard .iconCircle{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  margin:0!important;
  align-self:center!important;
  justify-self:center!important;
  border-radius:14px!important;
}

.toolCards .toolCard .iconCircle svg{
  width:19px!important;
  height:19px!important;
}

.toolCards .toolCard h2{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  font-size:17px!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  font-weight:900!important;
  color:var(--ink)!important;
}

.toolCards .toolCard p{
  grid-column:2!important;
  grid-row:2!important;
  margin:0!important;
  font-size:13.1px!important;
  line-height:1.22!important;
  font-weight:700!important;
  color:#5b6680!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

.toolCards .toolCard .arrow{
  display:none!important;
}

@media(max-width:850px){
  .toolCards{
    gap:9px!important;
    margin:13px 0 15px!important;
  }
  .toolCards .toolCard{
    grid-template-columns:39px 1fr!important;
    column-gap:9px!important;
    min-height:72px!important;
    padding:10px 12px!important;
    border-radius:17px!important;
  }
  .toolCards .toolCard .iconCircle{
    width:33px!important;
    height:33px!important;
    min-width:33px!important;
    border-radius:13px!important;
  }
  .toolCards .toolCard .iconCircle svg{
    width:18px!important;
    height:18px!important;
  }
  .toolCards .toolCard h2{
    font-size:16.3px!important;
    line-height:1.06!important;
  }
  .toolCards .toolCard p{
    font-size:12.5px!important;
    line-height:1.18!important;
    -webkit-line-clamp:2!important;
  }
}


/* V182 — remove tool numbers, larger icons, colored tool names */
.toolCards .toolCard{
  grid-template-columns:46px 1fr!important;
  column-gap:11px!important;
}

.toolCards .toolCard .iconCircle{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:15px!important;
}

.toolCards .toolCard .iconCircle svg{
  width:22px!important;
  height:22px!important;
}

.toolCards .toolCard:nth-child(1) h2{
  color:#7C3AED!important;
  -webkit-text-fill-color:#7C3AED!important;
}
.toolCards .toolCard:nth-child(2) h2{
  color:#38BDF8!important;
  -webkit-text-fill-color:#38BDF8!important;
}
.toolCards .toolCard:nth-child(3) h2{
  color:#C9D82F!important;
  -webkit-text-fill-color:#C9D82F!important;
}

@media(max-width:850px){
  .toolCards .toolCard{
    grid-template-columns:43px 1fr!important;
    column-gap:10px!important;
  }
  .toolCards .toolCard .iconCircle{
    width:37px!important;
    height:37px!important;
    min-width:37px!important;
    border-radius:14px!important;
  }
  .toolCards .toolCard .iconCircle svg{
    width:20px!important;
    height:20px!important;
  }
}


/* V183 — tool title color matched to its own icon color */
.toolCards .toolCard:nth-child(1) h2{
  color:#18B77A!important;
  -webkit-text-fill-color:#18B77A!important;
}
.toolCards .toolCard:nth-child(2) h2{
  color:#38BDF8!important;
  -webkit-text-fill-color:#38BDF8!important;
}
.toolCards .toolCard:nth-child(3) h2{
  color:#C9D82F!important;
  -webkit-text-fill-color:#C9D82F!important;
}

/* Keep old V182 wrong title color rules overridden */
.toolCards .toolCard:nth-child(1) .iconCircle,
.toolCards .toolCard:nth-child(1) .iconCircle svg{
  color:#18B77A!important;
  border-color:#18B77A!important;
}
.toolCards .toolCard:nth-child(2) .iconCircle,
.toolCards .toolCard:nth-child(2) .iconCircle svg{
  color:#38BDF8!important;
  border-color:#38BDF8!important;
}
.toolCards .toolCard:nth-child(3) .iconCircle,
.toolCards .toolCard:nth-child(3) .iconCircle svg{
  color:#C9D82F!important;
  border-color:#C9D82F!important;
}


/* V184 — Home tool names match current tool colors: Full Deal green, Price Check blue, Targets purple */
.toolCards .toolCard:nth-child(1) h2{
  color:#2FA17C!important;
  -webkit-text-fill-color:#2FA17C!important;
}
.toolCards .toolCard:nth-child(1) .iconCircle,
.toolCards .toolCard:nth-child(1) .iconCircle svg{
  color:#2FA17C!important;
  border-color:#2FA17C!important;
}

.toolCards .toolCard:nth-child(2) h2{
  color:#38BDF8!important;
  -webkit-text-fill-color:#38BDF8!important;
}
.toolCards .toolCard:nth-child(2) .iconCircle,
.toolCards .toolCard:nth-child(2) .iconCircle svg{
  color:#38BDF8!important;
  border-color:#38BDF8!important;
}

.toolCards .toolCard:nth-child(3) h2{
  color:#7C5CFF!important;
  -webkit-text-fill-color:#7C5CFF!important;
}
.toolCards .toolCard:nth-child(3) .iconCircle,
.toolCards .toolCard:nth-child(3) .iconCircle svg{
  color:#7C5CFF!important;
  border-color:#7C5CFF!important;
}


/* V185 — tool descriptions same weight/style as main text */
.toolCards .toolCard p{
  font-weight:560!important;
  color:#4e5f77!important;
  letter-spacing:0!important;
}
@media(max-width:850px){
  .toolCards .toolCard p{
    font-weight:560!important;
  }
}




/* V190 — remove soft icon bubbles on Home tools and slightly enlarge icons */
.toolCards .toolCard{
  grid-template-columns:48px 1fr!important;
  column-gap:12px!important;
}

.toolCards .toolCard .iconCircle{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;
  border-radius:0!important;
}

.toolCards .toolCard .iconCircle svg{
  width:24px!important;
  height:24px!important;
}

@media(max-width:850px){
  .toolCards .toolCard{
    grid-template-columns:45px 1fr!important;
    column-gap:11px!important;
  }
  .toolCards .toolCard .iconCircle{
    width:41px!important;
    height:41px!important;
    min-width:41px!important;
  }
  .toolCards .toolCard .iconCircle svg{
    width:22px!important;
    height:22px!important;
  }
}

/* V186 — uniform and more readable KPI result cards across all tools */
.resultsGrid{
  align-items:stretch!important;
}

.resultPill{
  min-height:112px!important;
  padding:14px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  text-align:center!important;
}

.resultPill .icon,
.resultPill .kpiIcon,
.resultPill svg{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  font-size:27px!important;
  line-height:1!important;
  margin:0!important;
}

.resultPill .discountIcon{
  font-size:27px!important;
  width:28px!important;
  height:28px!important;
  line-height:1!important;
  margin:0!important;
}

.resultPill .label{
  font-size:13.2px!important;
  line-height:1.12!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  min-height:0!important;
  margin:0!important;
  color:var(--ink)!important;
}

.resultPill .value{
  font-size:22.8px!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  margin:0!important;
  white-space:nowrap!important;
}

.resultPill .sub,
.resultPill .mini,
.resultPill small{
  font-size:12.6px!important;
  line-height:1.15!important;
  font-weight:760!important;
  margin:0!important;
}

.panel.full .resultPill,
.panel.pricecheck .resultPill,
.panel.targets .resultPill{
  min-width:0!important;
}

@media(max-width:850px){
  .resultPill{
    min-height:104px!important;
    padding:12px 10px!important;
    gap:5px!important;
  }
  .resultPill .icon,
  .resultPill .kpiIcon,
  .resultPill svg{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
    font-size:25px!important;
  }
  .resultPill .discountIcon{
    font-size:25px!important;
    width:26px!important;
    height:26px!important;
  }
  .resultPill .label{
    font-size:12.7px!important;
    line-height:1.1!important;
  }
  .resultPill .value{
    font-size:21.2px!important;
    line-height:1.05!important;
  }
  .resultPill .sub,
  .resultPill .mini,
  .resultPill small{
    font-size:12px!important;
  }
}

@media(max-width:390px){
  .resultPill{
    min-height:98px!important;
    padding:11px 8px!important;
  }
  .resultPill .label{
    font-size:12.2px!important;
  }
  .resultPill .value{
    font-size:20px!important;
  }
}


/* V191 — clean Home tool icons on every language: no soft bubbles, slightly larger icons */
.toolCards .toolCard{
  grid-template-columns:48px 1fr!important;
  column-gap:12px!important;
}

.toolCards .toolCard .iconCircle{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;
  border-radius:0!important;
}

.toolCards .toolCard .iconCircle svg{
  width:24px!important;
  height:24px!important;
}

@media(max-width:850px){
  .toolCards .toolCard{
    grid-template-columns:45px 1fr!important;
    column-gap:11px!important;
  }
  .toolCards .toolCard .iconCircle{
    width:41px!important;
    height:41px!important;
    min-width:41px!important;
  }
  .toolCards .toolCard .iconCircle svg{
    width:22px!important;
    height:22px!important;
  }
}


/* V193 — Home tool descriptions fully visible, no clipped text or ellipsis */
.toolCards .toolCard{
  min-height:auto!important;
  height:auto!important;
  align-items:center!important;
}

.toolCards .toolCard p{
  display:block!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-height:none!important;
  white-space:normal!important;
}

@media(max-width:850px){
  .toolCards .toolCard{
    min-height:auto!important;
    height:auto!important;
  }
  .toolCards .toolCard p{
    display:block!important;
    -webkit-line-clamp:unset!important;
    overflow:visible!important;
    text-overflow:clip!important;
    max-height:none!important;
    white-space:normal!important;
  }
}


/* V195 — prevent iPhone/Safari auto-zoom when focusing input fields */
input,
select,
textarea,
.input,
.field input,
.field select,
.field textarea,
.toolPanel input,
.toolPanel select,
.toolPanel textarea,
.panel input,
.panel select,
.panel textarea{
  font-size:16px!important;
  -webkit-text-size-adjust:100%!important;
}

input:focus,
select:focus,
textarea:focus{
  font-size:16px!important;
}


/* V196 — stronger anti-zoom override for tool inputs, including Full Deal specific panels */
html body input,
html body select,
html body textarea,
html body .panel input,
html body .panel select,
html body .panel textarea,
html body .panel.purchase input,
html body .panel.purchase select,
html body .panel.selling input,
html body .panel.selling select,
html body .panel.full input,
html body .panel.full select,
html body .panel.pricecheck input,
html body .panel.pricecheck select,
html body .panel.targets input,
html body .panel.targets select,
html body .discountRow input,
html body .dynamicDiscountRow input,
html body .tariffFeeRow input,
html body .dynamicFeeRow input,
html body .optionalFeeRow input{
  font-size:16px!important;
  -webkit-text-size-adjust:100%!important;
}

html body input:focus,
html body select:focus,
html body textarea:focus,
html body .panel input:focus,
html body .panel select:focus,
html body .panel textarea:focus,
html body .panel.purchase input:focus,
html body .panel.purchase select:focus,
html body .panel.selling input:focus,
html body .panel.selling select:focus,
html body .panel.full input:focus,
html body .panel.full select:focus,
html body .panel.pricecheck input:focus,
html body .panel.pricecheck select:focus,
html body .panel.targets input:focus,
html body .panel.targets select:focus{
  font-size:16px!important;
  -webkit-text-size-adjust:100%!important;
}


/* V199 — visible links to static pages, zero default tools, split Full Deal reset */
.homePageLinks{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin:12px 0 4px!important;
}
.homePageLinks a{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  min-height:42px!important;
  padding:10px 13px!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--ink)!important;
  text-decoration:none!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:800!important;
}
.homePageLinks a span{opacity:.58!important;font-weight:900!important;}
.homePageLinks a:nth-child(1){color:var(--full-accent)!important;border-color:var(--full-line)!important;}
.homePageLinks a:nth-child(2){color:var(--check-accent)!important;border-color:var(--check-line)!important;}
.homePageLinks a:nth-child(3){color:var(--target-accent)!important;border-color:var(--target-line)!important;}
.homePageLinks a:nth-child(4){color:var(--ink)!important;}
.fullDealSplitReset{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:0 0 12px!important;
}
.fullDealSplitReset .resetMini{
  min-height:38px!important;
  padding:9px 10px!important;
  border-radius:12px!important;
  border:1px solid var(--line)!important;
  background:#fff!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:850!important;
  color:var(--ink)!important;
}
.fullDealSplitReset .resetMini:nth-child(1){color:var(--full-accent)!important;border-color:var(--full-line)!important;}
.fullDealSplitReset .resetMini:nth-child(2){color:var(--check-accent)!important;border-color:var(--check-line)!important;}
@media(max-width:850px){
  .homePageLinks{gap:7px!important;margin:10px 0 2px!important;}
  .homePageLinks a{min-height:40px!important;font-size:13.5px!important;padding:9px 12px!important;}
  .fullDealSplitReset{gap:7px!important;margin:0 0 10px!important;}
  .fullDealSplitReset .resetMini{min-height:36px!important;font-size:12.5px!important;padding:8px 8px!important;}
}


/* V200 — correct top navigation: Home, Tools dropdown, About */
.bfTopNav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:10px 0 16px!important;
  position:relative!important;
  z-index:50!important;
}

.bfTopNav a,
.bfTopNav summary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:40px!important;
  padding:9px 14px!important;
  border:1px solid var(--line)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.86)!important;
  color:var(--ink)!important;
  text-decoration:none!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:850!important;
  box-shadow:0 8px 22px rgba(13,31,69,.06)!important;
  cursor:pointer!important;
  list-style:none!important;
  white-space:nowrap!important;
}

.bfTopNav summary::-webkit-details-marker{
  display:none!important;
}

.bfToolsDrop{
  position:relative!important;
}

.bfToolsDrop summary .chev{
  font-size:13px!important;
  opacity:.75!important;
  transform:translateY(-1px)!important;
}

.bfToolsDrop[open] summary{
  border-color:var(--full-line)!important;
}

.bfToolsMenu{
  position:absolute!important;
  top:48px!important;
  left:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  min-width:218px!important;
  padding:9px!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 18px 40px rgba(13,31,69,.16)!important;
  z-index:100!important;
}

.bfToolsMenu a{
  justify-content:flex-start!important;
  width:100%!important;
  min-height:38px!important;
  border-radius:13px!important;
  box-shadow:none!important;
  background:#fff!important;
  font-size:13.5px!important;
}

.bfToolsMenu a:nth-child(1){
  color:var(--full-accent)!important;
  border-color:var(--full-line)!important;
}

.bfToolsMenu a:nth-child(2){
  color:var(--check-accent)!important;
  border-color:var(--check-line)!important;
}

.bfToolsMenu a:nth-child(3){
  color:var(--target-accent)!important;
  border-color:var(--target-line)!important;
}

@media(max-width:850px){
  .bfTopNav{
    gap:7px!important;
    margin:8px 0 14px!important;
    overflow:visible!important;
  }

  .bfTopNav a,
  .bfTopNav summary{
    min-height:38px!important;
    padding:8px 12px!important;
    font-size:13.5px!important;
  }

  .bfToolsMenu{
    top:44px!important;
    min-width:205px!important;
  }
}

@media(max-width:390px){
  .bfTopNav a,
  .bfTopNav summary{
    padding:8px 10px!important;
    font-size:13px!important;
  }
}


/* V201 — compact top navigation buttons */
.bfTopNav{
  gap:5px!important;
  margin:4px 0 10px!important;
}

.bfTopNav a,
.bfTopNav summary{
  min-height:28px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:750!important;
  box-shadow:none!important;
}

.bfToolsDrop summary .chev{
  font-size:10.5px!important;
}

.bfToolsMenu{
  top:34px!important;
  min-width:148px!important;
  gap:5px!important;
  padding:6px!important;
  border-radius:13px!important;
  box-shadow:0 10px 24px rgba(13,31,69,.12)!important;
}

.bfToolsMenu a{
  min-height:28px!important;
  padding:6px 8px!important;
  border-radius:10px!important;
  font-size:11.5px!important;
  font-weight:750!important;
}

@media(max-width:850px){
  .bfTopNav{
    gap:5px!important;
    margin:3px 0 9px!important;
  }

  .bfTopNav a,
  .bfTopNav summary{
    min-height:27px!important;
    padding:5px 8px!important;
    font-size:11px!important;
  }

  .bfToolsMenu{
    top:33px!important;
    min-width:142px!important;
    padding:6px!important;
  }

  .bfToolsMenu a{
    min-height:27px!important;
    padding:6px 8px!important;
    font-size:11px!important;
  }
}

@media(max-width:390px){
  .bfTopNav{
    gap:4px!important;
  }

  .bfTopNav a,
  .bfTopNav summary{
    min-height:26px!important;
    padding:5px 7px!important;
    font-size:10.7px!important;
  }
}


/* V202 — compact Full Deal: inline reset buttons, Purchase/Sell side by side, less vertical scroll */
nav.nav{
  display:none!important;
}

.fullDealSplitReset{
  display:none!important;
}

main.layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:7px!important;
  row-gap:8px!important;
  align-items:start!important;
}

main.layout > #full-deal-calculator.toolIntro,
main.layout > .panel.full,
main.layout > #price-check.panel,
main.layout > #targets.panel{
  grid-column:1 / -1!important;
}

main.layout > .panel.purchase{
  grid-column:1!important;
  min-width:0!important;
}

main.layout > .panel.selling{
  grid-column:2!important;
  min-width:0!important;
}

#full-deal-calculator.toolIntro{
  margin-bottom:0!important;
  padding-bottom:0!important;
}

#full-deal-calculator.toolIntro .toolTitle{
  margin-bottom:4px!important;
  font-size:18px!important;
  line-height:1.05!important;
}

#full-deal-calculator.toolIntro p{
  display:none!important;
}

.panel.purchase,
.panel.selling{
  margin-bottom:0!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 8px 18px rgba(47,155,112,.06)!important;
}

.panel.purchase .panelHead,
.panel.selling .panelHead{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  padding:7px 7px!important;
  min-height:34px!important;
}

.panel.purchase .panelHead > div:nth-child(2),
.panel.selling .panelHead > div:nth-child(2){
  min-width:0!important;
  flex:1 1 auto!important;
}

.panel.purchase .sectionIcon,
.panel.selling .sectionIcon{
  display:none!important;
}

.panel.purchase .panelHead h3,
.panel.selling .panelHead h3{
  font-size:12px!important;
  line-height:1!important;
  margin:0!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
}

.panel.purchase .hint,
.panel.selling .hint,
.panel.purchase .small,
.panel.selling .small,
.panel.purchase .dealLabels,
.panel.selling .dealLabels,
.panel.purchase .adjustInfoBox,
.panel.selling .adjustInfoBox{
  display:none!important;
}

.resetInlineMini{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-height:23px!important;
  height:23px!important;
  padding:3px 6px!important;
  border-radius:8px!important;
  border:1px solid var(--full-line)!important;
  background:#fff!important;
  color:var(--full-accent)!important;
  font-size:9.8px!important;
  line-height:1!important;
  font-weight:850!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

.panel.selling .resetInlineMini{
  border-color:var(--check-line)!important;
  color:var(--check-accent)!important;
}

.panel.purchase .rows,
.panel.selling .rows{
  padding:5px 7px 7px!important;
}

.panel.purchase .row,
.panel.selling .row{
  grid-template-columns:minmax(52px,.8fr) minmax(78px,1fr) 10px!important;
  gap:4px!important;
  padding:4px 0!important;
  min-height:29px!important;
  border-bottom:1px solid rgba(240,243,247,.8)!important;
}

.panel.purchase .name,
.panel.selling .name{
  font-size:10px!important;
  line-height:1.05!important;
  font-weight:780!important;
  letter-spacing:-.01em!important;
}

.panel.purchase .unit,
.panel.selling .unit{
  font-size:9.5px!important;
  line-height:1!important;
  min-width:0!important;
}

.panel.purchase input,
.panel.purchase select,
.panel.selling input,
.panel.selling select{
  min-height:28px!important;
  height:28px!important;
  padding:3px 4px!important;
  border-radius:8px!important;
  font-size:16px!important;
  line-height:1!important;
}

.panel.purchase .output,
.panel.selling .output{
  min-height:28px!important;
  height:28px!important;
  padding:6px 4px!important;
  border-radius:8px!important;
  font-size:11px!important;
  line-height:1!important;
  justify-content:flex-end!important;
}

.panel.purchase .dealWrap,
.panel.selling .dealWrap{
  gap:0!important;
}

.panel.purchase .deal,
.panel.selling .deal{
  grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr)!important;
  gap:3px!important;
}

.panel.purchase .deal span,
.panel.selling .deal span{
  font-size:10px!important;
  line-height:1!important;
}

.panel.purchase .extraToggle,
.panel.selling .extraToggle,
.panel.purchase .miniAction,
.panel.selling .miniAction{
  min-height:25px!important;
  padding:5px 7px!important;
  border-radius:9px!important;
  font-size:9.8px!important;
  line-height:1!important;
  margin:3px 0!important;
}

.panel.purchase .feeBlock,
.panel.selling .feeBlock{
  margin:5px 0!important;
  padding:0!important;
}

.panel.purchase .feeBlockHead,
.panel.selling .feeBlockHead{
  gap:4px!important;
  padding:0!important;
}

.panel.purchase .feeBlockHead .name,
.panel.selling .feeBlockHead .name{
  font-size:10px!important;
}

.panel.purchase .dynamicFeeList,
.panel.selling .dynamicFeeList{
  margin-top:4px!important;
}

.panel.purchase .shippingGrid,
.panel.selling .shippingGrid{
  display:grid!important;
  gap:4px!important;
}

.panel.full{
  margin-top:0!important;
}

.panel.full .panelHead{
  padding:8px 10px!important;
}

.panel.full .rows{
  padding:6px 10px 8px!important;
}

@media(max-width:850px){
  main.layout{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:6px!important;
    row-gap:7px!important;
  }

  #full-deal-calculator.toolIntro .toolTitle{
    font-size:16px!important;
  }

  .panel.purchase .panelHead,
  .panel.selling .panelHead{
    padding:6px 6px!important;
    min-height:32px!important;
  }

  .panel.purchase .panelHead h3,
  .panel.selling .panelHead h3{
    font-size:11.3px!important;
  }

  .resetInlineMini{
    height:22px!important;
    min-height:22px!important;
    padding:3px 5px!important;
    font-size:9.3px!important;
  }

  .panel.purchase .rows,
  .panel.selling .rows{
    padding:4px 6px 6px!important;
  }

  .panel.purchase .row,
  .panel.selling .row{
    grid-template-columns:minmax(48px,.8fr) minmax(72px,1fr) 9px!important;
    gap:3px!important;
    padding:3px 0!important;
    min-height:27px!important;
  }

  .panel.purchase .name,
  .panel.selling .name{
    font-size:9.4px!important;
  }

  .panel.purchase input,
  .panel.purchase select,
  .panel.selling input,
  .panel.selling select{
    min-height:27px!important;
    height:27px!important;
    padding:2px 3px!important;
    font-size:16px!important;
  }

  .panel.purchase .output,
  .panel.selling .output{
    min-height:27px!important;
    height:27px!important;
    font-size:10.2px!important;
    padding:6px 3px!important;
  }
}

@media(max-width:390px){
  main.layout{
    column-gap:5px!important;
  }

  .panel.purchase .row,
  .panel.selling .row{
    grid-template-columns:minmax(42px,.75fr) minmax(66px,1fr) 8px!important;
    gap:3px!important;
  }

  .panel.purchase .name,
  .panel.selling .name{
    font-size:8.9px!important;
  }

  .panel.purchase .panelHead h3,
  .panel.selling .panelHead h3{
    font-size:10.6px!important;
  }

  .resetInlineMini{
    font-size:8.9px!important;
    padding:2px 4px!important;
  }
}


/* V203 — better Full Deal proportions: clearer labels, slimmer numeric fields, smaller final results */
#full-deal-calculator.toolIntro .toolTitle{
  font-size:17px!important;
  line-height:1.05!important;
  margin-bottom:3px!important;
}

.panel.purchase .panelHead,
.panel.selling .panelHead{
  min-height:31px!important;
  padding:6px 7px!important;
}

.panel.purchase .panelHead h3,
.panel.selling .panelHead h3{
  font-size:12.4px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.015em!important;
}

.resetInlineMini{
  min-height:20px!important;
  height:20px!important;
  padding:2px 5px!important;
  border-radius:7px!important;
  font-size:8.8px!important;
  font-weight:850!important;
}

.panel.purchase .rows,
.panel.selling .rows{
  padding:4px 7px 6px!important;
}

.panel.purchase .row,
.panel.selling .row{
  grid-template-columns:minmax(60px,.95fr) minmax(62px,.85fr) 9px!important;
  gap:4px!important;
  padding:3px 0!important;
  min-height:25px!important;
}

.panel.purchase .name,
.panel.selling .name{
  font-size:10.9px!important;
  line-height:1.08!important;
  font-weight:850!important;
  letter-spacing:-.015em!important;
}

.panel.purchase .unit,
.panel.selling .unit{
  font-size:9px!important;
  line-height:1!important;
  opacity:.72!important;
}

.panel.purchase input,
.panel.purchase select,
.panel.selling input,
.panel.selling select{
  min-height:24px!important;
  height:24px!important;
  padding:1px 3px!important;
  border-radius:7px!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:720!important;
}

.panel.purchase .output,
.panel.selling .output{
  min-height:24px!important;
  height:24px!important;
  padding:4px 3px!important;
  border-radius:7px!important;
  font-size:10.8px!important;
  line-height:1!important;
  font-weight:820!important;
}

.panel.purchase .deal,
.panel.selling .deal{
  grid-template-columns:minmax(0,1fr) 7px minmax(0,1fr)!important;
  gap:2px!important;
}

.panel.purchase .deal span,
.panel.selling .deal span{
  font-size:9px!important;
}

.panel.purchase .extraToggle,
.panel.selling .extraToggle,
.panel.purchase .miniAction,
.panel.selling .miniAction{
  min-height:22px!important;
  padding:4px 6px!important;
  border-radius:8px!important;
  font-size:9.2px!important;
  font-weight:820!important;
  margin:2px 0!important;
}

.panel.purchase .feeBlock,
.panel.selling .feeBlock{
  margin:3px 0!important;
}

.panel.purchase .feeBlockHead,
.panel.selling .feeBlockHead{
  min-height:22px!important;
}

.panel.purchase .feeBlockHead .name,
.panel.selling .feeBlockHead .name{
  font-size:10.6px!important;
}

/* Full Deal final result panel scaled down to match the compact upper tool */
.panel.full{
  margin-top:2px!important;
  border-radius:14px!important;
}

.panel.full .panelHead{
  padding:6px 9px!important;
  min-height:30px!important;
}

.panel.full .panelHead h3{
  font-size:12.4px!important;
  line-height:1.05!important;
  margin:0!important;
}

.panel.full .sectionIcon{
  display:none!important;
}

.panel.full .hint,
.panel.full .small{
  display:none!important;
}

.panel.full .rows{
  padding:4px 8px 6px!important;
}

.panel.full .row{
  grid-template-columns:minmax(78px,1fr) minmax(82px,.9fr) 20px!important;
  gap:5px!important;
  padding:3px 0!important;
  min-height:25px!important;
}

.panel.full .name{
  font-size:10.8px!important;
  line-height:1.08!important;
  font-weight:850!important;
}

.panel.full .unit{
  font-size:9px!important;
  opacity:.72!important;
}

.panel.full .output{
  min-height:24px!important;
  height:24px!important;
  padding:4px 5px!important;
  border-radius:7px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:820!important;
}

/* Top KPI/result cards: less giant, visually aligned with compact Full Deal */
.metricCard,
.kpiCard,
.resultCard,
.kpi,
.metric{
  min-height:auto!important;
}

.metricCard .value,
.kpiCard .value,
.resultCard .value,
.metric .value,
.kpi .value,
#kpiPurchase,
#kpiSell,
#kpiProfit,
#kpiMargin,
#kpiMarkup{
  font-size:15px!important;
  line-height:1.05!important;
  font-weight:900!important;
}

.metricCard .label,
.kpiCard .label,
.resultCard .label,
.metric .label,
.kpi .label{
  font-size:10px!important;
  line-height:1.05!important;
}

/* Keep Price Check and Targets readable, but prevent their results from looking oversized */
#price-check .output,
#targets .output,
#price-check .value,
#targets .value{
  font-size:14px!important;
  line-height:1.05!important;
}

@media(max-width:850px){
  #full-deal-calculator.toolIntro .toolTitle{
    font-size:15.5px!important;
  }

  .panel.purchase .panelHead,
  .panel.selling .panelHead{
    min-height:30px!important;
    padding:5px 6px!important;
  }

  .panel.purchase .panelHead h3,
  .panel.selling .panelHead h3{
    font-size:11.6px!important;
  }

  .resetInlineMini{
    min-height:19px!important;
    height:19px!important;
    padding:2px 4px!important;
    font-size:8.3px!important;
  }

  .panel.purchase .rows,
  .panel.selling .rows{
    padding:4px 6px 5px!important;
  }

  .panel.purchase .row,
  .panel.selling .row{
    grid-template-columns:minmax(54px,.95fr) minmax(58px,.82fr) 8px!important;
    gap:3px!important;
    padding:2px 0!important;
    min-height:24px!important;
  }

  .panel.purchase .name,
  .panel.selling .name{
    font-size:10.2px!important;
  }

  .panel.purchase input,
  .panel.purchase select,
  .panel.selling input,
  .panel.selling select{
    min-height:23px!important;
    height:23px!important;
    padding:1px 3px!important;
    font-size:16px!important;
  }

  .panel.purchase .output,
  .panel.selling .output{
    min-height:23px!important;
    height:23px!important;
    font-size:10.2px!important;
    padding:4px 3px!important;
  }

  .panel.full .panelHead{
    min-height:29px!important;
    padding:5px 8px!important;
  }

  .panel.full .panelHead h3{
    font-size:11.8px!important;
  }

  .panel.full .row{
    min-height:24px!important;
    padding:2px 0!important;
    grid-template-columns:minmax(70px,1fr) minmax(75px,.9fr) 18px!important;
  }

  .panel.full .name{
    font-size:10.2px!important;
  }

  .panel.full .output{
    min-height:23px!important;
    height:23px!important;
    font-size:10.4px!important;
    padding:4px 4px!important;
  }

  #kpiPurchase,
  #kpiSell,
  #kpiProfit,
  #kpiMargin,
  #kpiMarkup{
    font-size:14px!important;
  }
}

@media(max-width:390px){
  .panel.purchase .row,
  .panel.selling .row{
    grid-template-columns:minmax(50px,.95fr) minmax(52px,.78fr) 7px!important;
    gap:3px!important;
  }

  .panel.purchase .name,
  .panel.selling .name{
    font-size:9.7px!important;
  }

  .panel.purchase input,
  .panel.purchase select,
  .panel.selling input,
  .panel.selling select{
    height:22px!important;
    min-height:22px!important;
  }

  .panel.full .row{
    grid-template-columns:minmax(66px,1fr) minmax(70px,.9fr) 16px!important;
  }

  .panel.full .name{
    font-size:9.8px!important;
  }
}


/* V204 — uniform Purchase/Sell rows: bigger readable labels, smaller equal value boxes */
.panel.purchase .panelHead,
.panel.selling .panelHead{
  min-height:30px!important;
  padding:5px 7px!important;
}

.panel.purchase .panelHead h3,
.panel.selling .panelHead h3{
  font-size:12.8px!important;
  line-height:1.04!important;
  font-weight:920!important;
}

.panel.purchase .rows,
.panel.selling .rows{
  padding:4px 7px 5px!important;
}

.panel.purchase .row,
.panel.selling .row{
  display:grid!important;
  grid-template-columns:minmax(74px,1fr) 62px 9px!important;
  align-items:center!important;
  gap:4px!important;
  min-height:24px!important;
  height:24px!important;
  padding:2px 0!important;
}

.panel.purchase .name,
.panel.selling .name{
  font-size:11.5px!important;
  line-height:1.06!important;
  font-weight:880!important;
  letter-spacing:-.015em!important;
}

.panel.purchase .unit,
.panel.selling .unit{
  width:9px!important;
  min-width:9px!important;
  max-width:9px!important;
  font-size:8.8px!important;
  line-height:1!important;
  opacity:.7!important;
}

.panel.purchase input,
.panel.purchase select,
.panel.purchase .output,
.panel.selling input,
.panel.selling select,
.panel.selling .output{
  width:62px!important;
  min-width:62px!important;
  max-width:62px!important;
  min-height:22px!important;
  height:22px!important;
  max-height:22px!important;
  padding:1px 3px!important;
  border-radius:7px!important;
  box-sizing:border-box!important;
  line-height:1!important;
}

.panel.purchase input,
.panel.purchase select,
.panel.selling input,
.panel.selling select{
  font-size:16px!important;
  font-weight:650!important;
  text-align:right!important;
}

.panel.purchase .output,
.panel.selling .output{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  font-size:10.6px!important;
  font-weight:820!important;
}

.panel.purchase .dealWrap,
.panel.selling .dealWrap{
  width:62px!important;
  min-width:62px!important;
  max-width:62px!important;
}

.panel.purchase .deal,
.panel.selling .deal{
  width:62px!important;
  min-width:62px!important;
  max-width:62px!important;
  display:grid!important;
  grid-template-columns:26px 6px 26px!important;
  align-items:center!important;
  gap:2px!important;
}

.panel.purchase .deal input,
.panel.selling .deal input{
  width:26px!important;
  min-width:26px!important;
  max-width:26px!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  padding:1px 2px!important;
  text-align:center!important;
  font-size:16px!important;
  font-weight:650!important;
}

.panel.purchase .deal span,
.panel.selling .deal span{
  width:6px!important;
  min-width:6px!important;
  max-width:6px!important;
  font-size:8.8px!important;
  line-height:1!important;
  text-align:center!important;
}

.resetInlineMini{
  min-height:19px!important;
  height:19px!important;
  padding:2px 5px!important;
  font-size:8.4px!important;
  border-radius:7px!important;
}

.panel.purchase .extraToggle,
.panel.selling .extraToggle,
.panel.purchase .miniAction,
.panel.selling .miniAction{
  min-height:21px!important;
  height:21px!important;
  padding:3px 6px!important;
  font-size:9px!important;
  border-radius:8px!important;
  margin:2px 0!important;
}

.panel.purchase .feeBlock,
.panel.selling .feeBlock{
  margin:2px 0!important;
}

.panel.purchase .feeBlockHead,
.panel.selling .feeBlockHead{
  min-height:21px!important;
}

.panel.purchase .feeBlockHead .name,
.panel.selling .feeBlockHead .name{
  font-size:11px!important;
  line-height:1.04!important;
}

/* Keep all dynamically added fee rows aligned with the same compact value box */
.panel.purchase .dynamicFeeRow,
.panel.selling .dynamicFeeRow{
  display:grid!important;
  grid-template-columns:minmax(74px,1fr) 62px 18px!important;
  align-items:center!important;
  gap:4px!important;
  min-height:24px!important;
  height:24px!important;
}

.panel.purchase .dynamicFeeRow input,
.panel.selling .dynamicFeeRow input{
  width:62px!important;
  min-width:62px!important;
  max-width:62px!important;
  height:22px!important;
}

.panel.purchase .removeFeeBtn,
.panel.selling .removeFeeBtn{
  width:18px!important;
  height:20px!important;
  min-height:20px!important;
  border-radius:7px!important;
  font-size:11px!important;
}

/* Result area: same visual rhythm, no oversized blocks */
.panel.full .row{
  grid-template-columns:minmax(88px,1fr) 76px 18px!important;
  min-height:24px!important;
  height:24px!important;
  padding:2px 0!important;
}

.panel.full .name{
  font-size:11.2px!important;
  line-height:1.06!important;
  font-weight:880!important;
}

.panel.full .output{
  width:76px!important;
  min-width:76px!important;
  max-width:76px!important;
  min-height:22px!important;
  height:22px!important;
  max-height:22px!important;
  padding:4px 4px!important;
  border-radius:7px!important;
  font-size:10.8px!important;
  line-height:1!important;
}

.panel.full .unit{
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  font-size:8.8px!important;
}

/* KPI values less dominant */
#kpiPurchase,
#kpiSell,
#kpiProfit,
#kpiMargin,
#kpiMarkup{
  font-size:13.5px!important;
  line-height:1.04!important;
  font-weight:880!important;
}

@media(max-width:850px){
  .panel.purchase .row,
  .panel.selling .row{
    grid-template-columns:minmax(66px,1fr) 58px 8px!important;
    gap:3px!important;
    min-height:23px!important;
    height:23px!important;
  }

  .panel.purchase .name,
  .panel.selling .name{
    font-size:10.9px!important;
  }

  .panel.purchase input,
  .panel.purchase select,
  .panel.purchase .output,
  .panel.selling input,
  .panel.selling select,
  .panel.selling .output{
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    min-height:21px!important;
    height:21px!important;
    max-height:21px!important;
  }

  .panel.purchase .dealWrap,
  .panel.selling .dealWrap,
  .panel.purchase .deal,
  .panel.selling .deal{
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
  }

  .panel.purchase .deal,
  .panel.selling .deal{
    grid-template-columns:24px 6px 24px!important;
  }

  .panel.purchase .deal input,
  .panel.selling .deal input{
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:21px!important;
    min-height:21px!important;
    max-height:21px!important;
  }

  .panel.full .row{
    grid-template-columns:minmax(78px,1fr) 70px 16px!important;
    min-height:23px!important;
    height:23px!important;
  }

  .panel.full .name{
    font-size:10.7px!important;
  }

  .panel.full .output{
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
    min-height:21px!important;
    height:21px!important;
    max-height:21px!important;
    font-size:10.3px!important;
  }
}

@media(max-width:390px){
  .panel.purchase .row,
  .panel.selling .row{
    grid-template-columns:minmax(60px,1fr) 54px 7px!important;
  }

  .panel.purchase .name,
  .panel.selling .name{
    font-size:10.4px!important;
  }

  .panel.purchase input,
  .panel.purchase select,
  .panel.purchase .output,
  .panel.selling input,
  .panel.selling select,
  .panel.selling .output{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
  }

  .panel.purchase .dealWrap,
  .panel.selling .dealWrap,
  .panel.purchase .deal,
  .panel.selling .deal{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
  }

  .panel.purchase .deal,
  .panel.selling .deal{
    grid-template-columns:22px 6px 22px!important;
  }

  .panel.purchase .deal input,
  .panel.selling .deal input{
    width:22px!important;
    min-width:22px!important;
    max-width:22px!important;
  }

  .panel.full .row{
    grid-template-columns:minmax(72px,1fr) 66px 14px!important;
  }

  .panel.full .output{
    width:66px!important;
    min-width:66px!important;
    max-width:66px!important;
  }
}


/* V205 — true uniform Full Deal fields: same box, same value size, more readable spacing */
.panel.purchase .panelHead,
.panel.selling .panelHead{
  min-height:34px!important;
  height:34px!important;
  padding:6px 8px!important;
}

.panel.purchase .panelHead h3,
.panel.selling .panelHead h3{
  font-size:13px!important;
  line-height:1.05!important;
  font-weight:920!important;
}

.resetInlineMini{
  min-height:21px!important;
  height:21px!important;
  padding:2px 6px!important;
  font-size:8.8px!important;
  border-radius:7px!important;
}

.panel.purchase .rows,
.panel.selling .rows{
  padding:6px 8px 8px!important;
}

.panel.purchase .row,
.panel.selling .row{
  display:grid!important;
  grid-template-columns:minmax(72px,1fr) 74px 10px!important;
  align-items:center!important;
  gap:5px!important;
  min-height:31px!important;
  height:auto!important;
  padding:3px 0!important;
}

.panel.purchase .name,
.panel.selling .name{
  font-size:11.8px!important;
  line-height:1.08!important;
  font-weight:880!important;
  letter-spacing:-.015em!important;
}

.panel.purchase .unit,
.panel.selling .unit{
  width:10px!important;
  min-width:10px!important;
  max-width:10px!important;
  font-size:10px!important;
  line-height:1!important;
  opacity:.72!important;
}

/* Every numeric field and calculated box in Purchase/Sell must look identical */
.panel.purchase input,
.panel.purchase select,
.panel.purchase .output,
.panel.selling input,
.panel.selling select,
.panel.selling .output{
  width:74px!important;
  min-width:74px!important;
  max-width:74px!important;
  min-height:27px!important;
  height:27px!important;
  max-height:27px!important;
  padding:2px 5px!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
  line-height:1!important;
  font-size:16px!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  text-align:right!important;
}

.panel.purchase .output,
.panel.selling .output{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}

/* Free goods: same visual box height and value font, no alternating sizes */
.panel.purchase .dealWrap,
.panel.selling .dealWrap{
  width:74px!important;
  min-width:74px!important;
  max-width:74px!important;
}

.panel.purchase .deal,
.panel.selling .deal{
  width:74px!important;
  min-width:74px!important;
  max-width:74px!important;
  display:grid!important;
  grid-template-columns:31px 8px 31px!important;
  align-items:center!important;
  gap:2px!important;
}

.panel.purchase .deal input,
.panel.selling .deal input{
  width:31px!important;
  min-width:31px!important;
  max-width:31px!important;
  height:27px!important;
  min-height:27px!important;
  max-height:27px!important;
  padding:2px 3px!important;
  border-radius:8px!important;
  font-size:16px!important;
  font-weight:700!important;
  text-align:center!important;
}

.panel.purchase .deal span,
.panel.selling .deal span{
  width:8px!important;
  min-width:8px!important;
  max-width:8px!important;
  font-size:11px!important;
  line-height:1!important;
  text-align:center!important;
  opacity:.75!important;
}

.panel.purchase .extraToggle,
.panel.selling .extraToggle,
.panel.purchase .miniAction,
.panel.selling .miniAction{
  min-height:26px!important;
  height:26px!important;
  padding:5px 8px!important;
  border-radius:9px!important;
  font-size:9.8px!important;
  line-height:1!important;
  font-weight:850!important;
  margin:4px 0!important;
}

.panel.purchase .feeBlock,
.panel.selling .feeBlock{
  margin:5px 0!important;
}

.panel.purchase .feeBlockHead,
.panel.selling .feeBlockHead{
  min-height:28px!important;
}

.panel.purchase .feeBlockHead .name,
.panel.selling .feeBlockHead .name{
  font-size:11.6px!important;
  line-height:1.08!important;
  font-weight:880!important;
}

.panel.purchase .dynamicFeeRow,
.panel.selling .dynamicFeeRow{
  display:grid!important;
  grid-template-columns:minmax(72px,1fr) 74px 20px!important;
  align-items:center!important;
  gap:5px!important;
  min-height:31px!important;
  padding:3px 0!important;
}

.panel.purchase .dynamicFeeRow input,
.panel.selling .dynamicFeeRow input{
  width:74px!important;
  min-width:74px!important;
  max-width:74px!important;
  height:27px!important;
  min-height:27px!important;
  max-height:27px!important;
}

.panel.purchase .removeFeeBtn,
.panel.selling .removeFeeBtn{
  width:20px!important;
  height:22px!important;
  min-height:22px!important;
  border-radius:7px!important;
  font-size:12px!important;
}

/* Full Deal final result panel: uniform with the upper boxes */
.panel.full .panelHead{
  min-height:34px!important;
  height:34px!important;
  padding:7px 10px!important;
}

.panel.full .panelHead h3{
  font-size:13px!important;
  line-height:1.05!important;
  font-weight:920!important;
}

.panel.full .rows{
  padding:7px 10px 9px!important;
}

.panel.full .row{
  display:grid!important;
  grid-template-columns:minmax(92px,1fr) 82px 18px!important;
  align-items:center!important;
  gap:6px!important;
  min-height:31px!important;
  height:auto!important;
  padding:3px 0!important;
}

.panel.full .name{
  font-size:11.8px!important;
  line-height:1.08!important;
  font-weight:880!important;
}

.panel.full .unit{
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  font-size:10px!important;
  opacity:.72!important;
}

.panel.full .output{
  width:82px!important;
  min-width:82px!important;
  max-width:82px!important;
  min-height:27px!important;
  height:27px!important;
  max-height:27px!important;
  padding:2px 5px!important;
  border-radius:8px!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  text-align:right!important;
}

/* KPI cards under result: balanced with compact tool, not huge */
.panel.full .metricCard,
.panel.full .kpiCard,
.panel.full .resultCard,
.panel.full .kpi,
.panel.full .metric{
  min-height:auto!important;
  padding:12px 10px!important;
}

#kpiPurchase,
#kpiSell,
#kpiProfit,
#kpiMargin,
#kpiMarkup,
.panel.full .value{
  font-size:16px!important;
  line-height:1.05!important;
  font-weight:850!important;
}

.panel.full .label{
  font-size:10.5px!important;
  line-height:1.05!important;
}

/* Avoid older rules making 0 and 0,00 different sizes */
#supplierNetCost,
#customerNetPrice,
#customerGrossPrice,
#purchaseShippingUnitCost,
#adjustedPurchaseListPrice,
#adjustedSellingListPrice,
#supplierTotalDiscount,
#customerTotalDiscount{
  font-size:16px!important;
  font-weight:700!important;
  line-height:1!important;
}

@media(max-width:850px){
  .panel.purchase .row,
  .panel.selling .row{
    grid-template-columns:minmax(68px,1fr) 70px 10px!important;
    min-height:30px!important;
    gap:4px!important;
  }

  .panel.purchase .name,
  .panel.selling .name{
    font-size:11.3px!important;
  }

  .panel.purchase input,
  .panel.purchase select,
  .panel.purchase .output,
  .panel.selling input,
  .panel.selling select,
  .panel.selling .output{
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
    min-height:26px!important;
    height:26px!important;
    max-height:26px!important;
    font-size:16px!important;
  }

  .panel.purchase .dealWrap,
  .panel.selling .dealWrap,
  .panel.purchase .deal,
  .panel.selling .deal{
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
  }

  .panel.purchase .deal,
  .panel.selling .deal{
    grid-template-columns:29px 8px 29px!important;
  }

  .panel.purchase .deal input,
  .panel.selling .deal input{
    width:29px!important;
    min-width:29px!important;
    max-width:29px!important;
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    font-size:16px!important;
  }

  .panel.full .row{
    grid-template-columns:minmax(84px,1fr) 78px 16px!important;
    min-height:30px!important;
  }

  .panel.full .name{
    font-size:11.3px!important;
  }

  .panel.full .output{
    width:78px!important;
    min-width:78px!important;
    max-width:78px!important;
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    font-size:16px!important;
  }
}

@media(max-width:390px){
  .panel.purchase .row,
  .panel.selling .row{
    grid-template-columns:minmax(64px,1fr) 66px 9px!important;
    min-height:29px!important;
    gap:3px!important;
  }

  .panel.purchase .name,
  .panel.selling .name{
    font-size:10.9px!important;
  }

  .panel.purchase input,
  .panel.purchase select,
  .panel.purchase .output,
  .panel.selling input,
  .panel.selling select,
  .panel.selling .output{
    width:66px!important;
    min-width:66px!important;
    max-width:66px!important;
    height:25px!important;
    min-height:25px!important;
    max-height:25px!important;
    font-size:16px!important;
  }

  .panel.purchase .dealWrap,
  .panel.selling .dealWrap,
  .panel.purchase .deal,
  .panel.selling .deal{
    width:66px!important;
    min-width:66px!important;
    max-width:66px!important;
  }

  .panel.purchase .deal{
    grid-template-columns:27px 8px 27px!important;
  }

  .panel.selling .deal{
    grid-template-columns:27px 8px 27px!important;
  }

  .panel.purchase .deal input,
  .panel.selling .deal input{
    width:27px!important;
    min-width:27px!important;
    max-width:27px!important;
    height:25px!important;
    min-height:25px!important;
    max-height:25px!important;
  }

  .panel.full .row{
    grid-template-columns:minmax(78px,1fr) 74px 15px!important;
    min-height:29px!important;
  }

  .panel.full .output{
    width:74px!important;
    min-width:74px!important;
    max-width:74px!important;
    height:25px!important;
    min-height:25px!important;
    max-height:25px!important;
    font-size:16px!important;
  }
}


/* V206 — Extra Discount 2 hidden by default; Shipping label simplified */
.panel.purchase .optionalExtra,
.panel.selling .optionalExtra{
  display:none!important;
}

.panel.purchase .optionalExtra.open,
.panel.selling .optionalExtra.open{
  display:grid!important;
}

.panel.purchase .extraToggle,
.panel.selling .extraToggle{
  width:100%!important;
  justify-content:center!important;
}

/* Remove duplicated Shipping Cost section heading; the editable row carries the label */
.panel.purchase .shippingCostBlock > .feeBlockHead{
  display:none!important;
}

.panel.purchase .shippingCostBlock{
  margin-top:4px!important;
}


/* V207 — uniform small grey action buttons in Full Deal */
.panel.purchase .toggleAdjustment,
.panel.selling .toggleAdjustment,
.panel.purchase .extraToggle,
.panel.selling .extraToggle,
.panel.purchase .miniAction,
.panel.selling .miniAction,
.panel.purchase #togglePurchaseAdjustmentBtn,
.panel.selling #toggleSellingAdjustmentBtn,
.panel.purchase #addPurchaseTariffFeeBtn,
.panel.selling #addSellingTariffFeeBtn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:100%!important;
  min-height:24px!important;
  height:24px!important;
  padding:4px 10px!important;
  border-radius:10px!important;
  border:1px solid var(--line)!important;
  background:#fff!important;
  color:#6f7787!important;
  font-size:10.4px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  box-shadow:0 4px 10px rgba(13,31,69,.05)!important;
  white-space:normal!important;
  text-align:center!important;
  margin:4px 0!important;
}

.panel.purchase .extraToggle,
.panel.selling .extraToggle,
.panel.purchase #togglePurchaseAdjustmentBtn,
.panel.selling #toggleSellingAdjustmentBtn{
  justify-self:start!important;
}

/* Tariff/Fee: remove duplicated title and leave only the button */
.panel.purchase .purchaseTariffFeeBlock .feeBlockHead,
.panel.selling .sellingTariffFeeBlock .feeBlockHead{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:26px!important;
  padding:0!important;
  margin:4px 0!important;
}

.panel.purchase .purchaseTariffFeeBlock .feeBlockHead > div,
.panel.selling .sellingTariffFeeBlock .feeBlockHead > div{
  display:none!important;
}

.panel.purchase .purchaseTariffFeeBlock .miniAction,
.panel.selling .sellingTariffFeeBlock .miniAction{
  margin:0!important;
}

/* Keep Add List Price Adjustment and Extra Discount buttons visually identical */
.panel.purchase .row + .extraToggle,
.panel.selling .row + .extraToggle,
.panel.purchase .optionalAdjustmentToggle,
.panel.selling .optionalAdjustmentToggle{
  margin-top:4px!important;
  margin-bottom:4px!important;
}

@media(max-width:850px){
  .panel.purchase .toggleAdjustment,
  .panel.selling .toggleAdjustment,
  .panel.purchase .extraToggle,
  .panel.selling .extraToggle,
  .panel.purchase .miniAction,
  .panel.selling .miniAction,
  .panel.purchase #togglePurchaseAdjustmentBtn,
  .panel.selling #toggleSellingAdjustmentBtn,
  .panel.purchase #addPurchaseTariffFeeBtn,
  .panel.selling #addSellingTariffFeeBtn{
    min-height:23px!important;
    height:23px!important;
    padding:4px 8px!important;
    border-radius:9px!important;
    font-size:9.8px!important;
  }
}

@media(max-width:390px){
  .panel.purchase .toggleAdjustment,
  .panel.selling .toggleAdjustment,
  .panel.purchase .extraToggle,
  .panel.selling .extraToggle,
  .panel.purchase .miniAction,
  .panel.selling .miniAction,
  .panel.purchase #togglePurchaseAdjustmentBtn,
  .panel.selling #toggleSellingAdjustmentBtn,
  .panel.purchase #addPurchaseTariffFeeBtn,
  .panel.selling #addSellingTariffFeeBtn{
    min-height:22px!important;
    height:22px!important;
    padding:3px 7px!important;
    font-size:9.4px!important;
  }
}


/* V209 — Shipping cost hidden by default, opened by button on Purchase and Sell */
.shippingCostBlock{display:none!important;}
.shippingCostBlock.open{display:block!important;}
.shippingToggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:100%!important;
  min-height:24px!important;
  height:24px!important;
  padding:4px 10px!important;
  border-radius:10px!important;
  border:1px solid var(--line)!important;
  background:#fff!important;
  color:#6f7787!important;
  font-size:10.4px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  box-shadow:0 4px 10px rgba(13,31,69,.05)!important;
  white-space:normal!important;
  text-align:center!important;
  margin:4px 0!important;
}
.panel.purchase .shippingToggle,.panel.selling .shippingToggle{justify-self:start!important;}
.panel.purchase .shippingCostBlock .row,.panel.selling .shippingCostBlock .row{
  display:grid!important;
  grid-template-columns:minmax(72px,1fr) 74px 10px!important;
  align-items:center!important;
  gap:5px!important;
  min-height:31px!important;
  height:auto!important;
  padding:3px 0!important;
}
.panel.purchase .shippingCostBlock input,.panel.purchase .shippingCostBlock .output,
.panel.selling .shippingCostBlock input,.panel.selling .shippingCostBlock .output{
  width:74px!important;
  min-width:74px!important;
  max-width:74px!important;
  min-height:27px!important;
  height:27px!important;
  max-height:27px!important;
  padding:2px 5px!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
  line-height:1!important;
  font-size:16px!important;
  font-weight:700!important;
  text-align:right!important;
}
.panel.purchase .shippingCostBlock .output,.panel.selling .shippingCostBlock .output{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
@media(max-width:850px){
  .shippingToggle{min-height:23px!important;height:23px!important;padding:4px 8px!important;border-radius:9px!important;font-size:9.8px!important;}
  .panel.purchase .shippingCostBlock .row,.panel.selling .shippingCostBlock .row{
    grid-template-columns:minmax(68px,1fr) 70px 10px!important;
    min-height:30px!important;
    gap:4px!important;
  }
  .panel.purchase .shippingCostBlock input,.panel.purchase .shippingCostBlock .output,
  .panel.selling .shippingCostBlock input,.panel.selling .shippingCostBlock .output{
    width:70px!important;min-width:70px!important;max-width:70px!important;
    min-height:26px!important;height:26px!important;max-height:26px!important;font-size:16px!important;
  }
}
@media(max-width:390px){
  .shippingToggle{min-height:22px!important;height:22px!important;padding:3px 7px!important;font-size:9.4px!important;}
  .panel.purchase .shippingCostBlock .row,.panel.selling .shippingCostBlock .row{
    grid-template-columns:minmax(64px,1fr) 66px 9px!important;
    min-height:29px!important;
    gap:3px!important;
  }
  .panel.purchase .shippingCostBlock input,.panel.purchase .shippingCostBlock .output,
  .panel.selling .shippingCostBlock input,.panel.selling .shippingCostBlock .output{
    width:66px!important;min-width:66px!important;max-width:66px!important;
    height:25px!important;min-height:25px!important;max-height:25px!important;font-size:16px!important;
  }
}


/* V210 — VAT hidden by default, opened by button; final Selling Price replaces Selling Price incl. VAT */
.vatBlock{
  display:none!important;
}

.vatBlock.open{
  display:block!important;
}

.vatToggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:100%!important;
  min-height:24px!important;
  height:24px!important;
  padding:4px 10px!important;
  border-radius:10px!important;
  border:1px solid var(--line)!important;
  background:#fff!important;
  color:#6f7787!important;
  font-size:10.4px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  box-shadow:0 4px 10px rgba(13,31,69,.05)!important;
  white-space:normal!important;
  text-align:center!important;
  margin:4px 0!important;
}

.panel.purchase .vatToggle,
.panel.selling .vatToggle{
  justify-self:start!important;
}

.panel.purchase .vatBlock .row,
.panel.selling .vatBlock .row{
  display:grid!important;
  grid-template-columns:minmax(72px,1fr) 74px 10px!important;
  align-items:center!important;
  gap:5px!important;
  min-height:31px!important;
  height:auto!important;
  padding:3px 0!important;
}

.panel.purchase .vatBlock input,
.panel.selling .vatBlock input{
  width:74px!important;
  min-width:74px!important;
  max-width:74px!important;
  min-height:27px!important;
  height:27px!important;
  max-height:27px!important;
  padding:2px 5px!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
  line-height:1!important;
  font-size:16px!important;
  font-weight:700!important;
  text-align:right!important;
}

@media(max-width:850px){
  .vatToggle{
    min-height:23px!important;
    height:23px!important;
    padding:4px 8px!important;
    border-radius:9px!important;
    font-size:9.8px!important;
  }

  .panel.purchase .vatBlock .row,
  .panel.selling .vatBlock .row{
    grid-template-columns:minmax(68px,1fr) 70px 10px!important;
    min-height:30px!important;
    gap:4px!important;
  }

  .panel.purchase .vatBlock input,
  .panel.selling .vatBlock input{
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
    min-height:26px!important;
    height:26px!important;
    max-height:26px!important;
    font-size:16px!important;
  }
}

@media(max-width:390px){
  .vatToggle{
    min-height:22px!important;
    height:22px!important;
    padding:3px 7px!important;
    font-size:9.4px!important;
  }

  .panel.purchase .vatBlock .row,
  .panel.selling .vatBlock .row{
    grid-template-columns:minmax(64px,1fr) 66px 9px!important;
    min-height:29px!important;
    gap:3px!important;
  }

  .panel.purchase .vatBlock input,
  .panel.selling .vatBlock input{
    width:66px!important;
    min-width:66px!important;
    max-width:66px!important;
    height:25px!important;
    min-height:25px!important;
    max-height:25px!important;
    font-size:16px!important;
  }
}


/* V211 — symmetrical Purchase/Sell action buttons and equal spacing */
.panel.purchase .rows,
.panel.selling .rows{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}

.panel.purchase .row,
.panel.selling .row{
  margin:0!important;
}

.panel.purchase .toggleAdjustment,
.panel.selling .toggleAdjustment,
.panel.purchase .extraToggle,
.panel.selling .extraToggle,
.panel.purchase .miniAction,
.panel.selling .miniAction,
.panel.purchase .shippingToggle,
.panel.selling .shippingToggle,
.panel.purchase .vatToggle,
.panel.selling .vatToggle,
.panel.purchase #togglePurchaseAdjustmentBtn,
.panel.selling #toggleSellingAdjustmentBtn,
.panel.purchase #addPurchaseTariffFeeBtn,
.panel.selling #addSellingTariffFeeBtn,
.panel.purchase #togglePurchaseShippingBtn,
.panel.selling #toggleSellingShippingBtn,
.panel.purchase #togglePurchaseVatBtn,
.panel.selling #toggleSellingVatBtn{
  margin:2px 0!important;
  align-self:flex-start!important;
}

/* When an optional block opens, it uses the same gap as every other row/button */
.panel.purchase .optionalExtra,
.panel.selling .optionalExtra,
.panel.purchase .shippingCostBlock,
.panel.selling .shippingCostBlock,
.panel.purchase .vatBlock,
.panel.selling .vatBlock{
  margin:0!important;
}

/* Tariff block should not create extra vertical jump */
.panel.purchase .purchaseTariffFeeBlock,
.panel.selling .sellingTariffFeeBlock{
  margin:0!important;
}

.panel.purchase .purchaseTariffFeeBlock .feeBlockHead,
.panel.selling .sellingTariffFeeBlock .feeBlockHead{
  margin:2px 0!important;
  min-height:24px!important;
}

/* All dynamic/opened rows keep same visual rhythm */
.panel.purchase .dynamicFeeList,
.panel.selling .dynamicFeeList{
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}

.panel.purchase .dynamicFeeRow,
.panel.selling .dynamicFeeRow{
  margin:0!important;
}

/* VAT appears before Shipping on both Purchase and Sell, so the two columns stay symmetrical */
.panel.purchase #togglePurchaseVatBtn,
.panel.selling #toggleSellingVatBtn{
  order:40!important;
}

.panel.purchase #purchaseVatBlock,
.panel.selling #sellingVatBlock{
  order:41!important;
}

.panel.purchase #togglePurchaseShippingBtn,
.panel.selling #toggleSellingShippingBtn{
  order:50!important;
}

.panel.purchase #purchaseShippingBlock,
.panel.selling #sellingShippingBlock{
  order:51!important;
}

.panel.purchase .purchaseTariffFeeBlock,
.panel.selling .sellingTariffFeeBlock{
  order:60!important;
}

@media(max-width:850px){
  .panel.purchase .rows,
  .panel.selling .rows{
    gap:4px!important;
  }

  .panel.purchase .toggleAdjustment,
  .panel.selling .toggleAdjustment,
  .panel.purchase .extraToggle,
  .panel.selling .extraToggle,
  .panel.purchase .miniAction,
  .panel.selling .miniAction,
  .panel.purchase .shippingToggle,
  .panel.selling .shippingToggle,
  .panel.purchase .vatToggle,
  .panel.selling .vatToggle{
    margin:2px 0!important;
  }
}


/* V212 — final row last; optional order Tariff/Fee -> Shipping -> VAT; adjustment fields hidden by default */
.panel.purchase .adjustmentBlock,
.panel.selling .adjustmentBlock{
  display:none!important;
}
.panel.purchase .adjustmentBlock.open,
.panel.selling .adjustmentBlock.open{
  display:block!important;
}

/* Correct order requested */
.panel.purchase .purchaseTariffFeeBlock,
.panel.selling .sellingTariffFeeBlock{
  order:40!important;
}
.panel.purchase #togglePurchaseShippingBtn,
.panel.selling #toggleSellingShippingBtn{
  order:50!important;
}
.panel.purchase #purchaseShippingBlock,
.panel.selling #sellingShippingBlock{
  order:51!important;
}
.panel.purchase #togglePurchaseVatBtn,
.panel.selling #toggleSellingVatBtn{
  order:60!important;
}
.panel.purchase #purchaseVatBlock,
.panel.selling #sellingVatBlock{
  order:61!important;
}
.panel.purchase .finalCostRow,
.panel.selling .finalPriceRow{
  order:999!important;
}

/* Same button spacing everywhere */
.panel.purchase .rows,
.panel.selling .rows{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.panel.purchase .row,
.panel.selling .row{
  margin:0!important;
}
.panel.purchase .toggleAdjustment,
.panel.selling .toggleAdjustment,
.panel.purchase .extraToggle,
.panel.selling .extraToggle,
.panel.purchase .miniAction,
.panel.selling .miniAction,
.panel.purchase .shippingToggle,
.panel.selling .shippingToggle,
.panel.purchase .vatToggle,
.panel.selling .vatToggle{
  margin:2px 0!important;
  align-self:flex-start!important;
}
.panel.purchase .purchaseTariffFeeBlock,
.panel.selling .sellingTariffFeeBlock,
.panel.purchase .shippingCostBlock,
.panel.selling .shippingCostBlock,
.panel.purchase .vatBlock,
.panel.selling .vatBlock,
.panel.purchase .adjustmentBlock,
.panel.selling .adjustmentBlock{
  margin:0!important;
}
.panel.purchase .purchaseTariffFeeBlock .feeBlockHead,
.panel.selling .sellingTariffFeeBlock .feeBlockHead{
  margin:2px 0!important;
  min-height:24px!important;
}


/* V213 — hard hide List Price Adjustment fields until button click */
#purchaseAdjustmentBlock,
#sellingAdjustmentBlock,
#purchaseAdjustmentRow,
#sellingAdjustmentRow{
  display:none!important;
}

#purchaseAdjustmentBlock.open,
#sellingAdjustmentBlock.open,
#purchaseAdjustmentRow.open,
#sellingAdjustmentRow.open{
  display:block!important;
}

#purchaseAdjustmentBlock.open .row,
#sellingAdjustmentBlock.open .row{
  display:grid!important;
}

/* Keep the two adjustment rows visually identical when opened */
#purchaseAdjustmentBlock .row,
#sellingAdjustmentBlock .row{
  grid-template-columns:minmax(72px,1fr) 74px 10px!important;
  align-items:center!important;
  gap:5px!important;
  min-height:31px!important;
  padding:3px 0!important;
}


/* V214 — clearer optional button text: slightly larger, less heavy, more readable */
.panel.purchase .toggleAdjustment,
.panel.selling .toggleAdjustment,
.panel.purchase .extraToggle,
.panel.selling .extraToggle,
.panel.purchase .miniAction,
.panel.selling .miniAction,
.panel.purchase .shippingToggle,
.panel.selling .shippingToggle,
.panel.purchase .vatToggle,
.panel.selling .vatToggle,
.panel.purchase #togglePurchaseAdjustmentBtn,
.panel.selling #toggleSellingAdjustmentBtn,
.panel.purchase #addPurchaseTariffFeeBtn,
.panel.selling #addSellingTariffFeeBtn,
.panel.purchase #togglePurchaseShippingBtn,
.panel.selling #toggleSellingShippingBtn,
.panel.purchase #togglePurchaseVatBtn,
.panel.selling #toggleSellingVatBtn{
  min-height:27px!important;
  height:auto!important;
  padding:6px 11px!important;
  border-radius:10px!important;
  font-size:11.2px!important;
  line-height:1.08!important;
  font-weight:680!important;
  letter-spacing:0!important;
  color:#646c7a!important;
}

/* Reset stays compact but more readable too */
.resetInlineMini{
  min-height:22px!important;
  height:22px!important;
  padding:3px 7px!important;
  font-size:9.6px!important;
  line-height:1!important;
  font-weight:700!important;
  color:#646c7a!important;
}

/* Slightly improve opened optional field labels while preserving compact layout */
#purchaseAdjustmentBlock .name,
#sellingAdjustmentBlock .name,
#purchaseShippingBlock .name,
#sellingShippingBlock .name,
#purchaseVatBlock .name,
#sellingVatBlock .name,
.panel.purchase .dynamicFeeRow .name,
.panel.selling .dynamicFeeRow .name{
  font-size:11.9px!important;
  line-height:1.08!important;
  font-weight:780!important;
}

@media(max-width:850px){
  .panel.purchase .toggleAdjustment,
  .panel.selling .toggleAdjustment,
  .panel.purchase .extraToggle,
  .panel.selling .extraToggle,
  .panel.purchase .miniAction,
  .panel.selling .miniAction,
  .panel.purchase .shippingToggle,
  .panel.selling .shippingToggle,
  .panel.purchase .vatToggle,
  .panel.selling .vatToggle,
  .panel.purchase #togglePurchaseAdjustmentBtn,
  .panel.selling #toggleSellingAdjustmentBtn,
  .panel.purchase #addPurchaseTariffFeeBtn,
  .panel.selling #addSellingTariffFeeBtn,
  .panel.purchase #togglePurchaseShippingBtn,
  .panel.selling #toggleSellingShippingBtn,
  .panel.purchase #togglePurchaseVatBtn,
  .panel.selling #toggleSellingVatBtn{
    min-height:26px!important;
    padding:5px 9px!important;
    font-size:10.8px!important;
    font-weight:680!important;
  }

  .resetInlineMini{
    min-height:21px!important;
    height:21px!important;
    padding:3px 6px!important;
    font-size:9.2px!important;
    font-weight:700!important;
  }
}

@media(max-width:390px){
  .panel.purchase .toggleAdjustment,
  .panel.selling .toggleAdjustment,
  .panel.purchase .extraToggle,
  .panel.selling .extraToggle,
  .panel.purchase .miniAction,
  .panel.selling .miniAction,
  .panel.purchase .shippingToggle,
  .panel.selling .shippingToggle,
  .panel.purchase .vatToggle,
  .panel.selling .vatToggle,
  .panel.purchase #togglePurchaseAdjustmentBtn,
  .panel.selling #toggleSellingAdjustmentBtn,
  .panel.purchase #addPurchaseTariffFeeBtn,
  .panel.selling #addSellingTariffFeeBtn,
  .panel.purchase #togglePurchaseShippingBtn,
  .panel.selling #toggleSellingShippingBtn,
  .panel.purchase #togglePurchaseVatBtn,
  .panel.selling #toggleSellingVatBtn{
    min-height:25px!important;
    padding:5px 8px!important;
    font-size:10.4px!important;
  }
}


/* V215 — field labels slightly larger and clearer */
.panel.purchase .name,
.panel.selling .name{
  font-size:12.6px!important;
  line-height:1.1!important;
  font-weight:760!important;
  letter-spacing:-.01em!important;
}

#purchaseAdjustmentBlock .name,
#sellingAdjustmentBlock .name,
#purchaseShippingBlock .name,
#sellingShippingBlock .name,
#purchaseVatBlock .name,
#sellingVatBlock .name,
.panel.purchase .dynamicFeeRow .name,
.panel.selling .dynamicFeeRow .name{
  font-size:12.6px!important;
  line-height:1.1!important;
  font-weight:760!important;
}

.panel.full .name{
  font-size:12.3px!important;
  line-height:1.1!important;
  font-weight:760!important;
}

.panel.purchase .panelHead h3,
.panel.selling .panelHead h3,
.panel.full .panelHead h3{
  font-size:13.4px!important;
  line-height:1.05!important;
  font-weight:820!important;
}

@media(max-width:850px){
  .panel.purchase .name,
  .panel.selling .name,
  #purchaseAdjustmentBlock .name,
  #sellingAdjustmentBlock .name,
  #purchaseShippingBlock .name,
  #sellingShippingBlock .name,
  #purchaseVatBlock .name,
  #sellingVatBlock .name,
  .panel.purchase .dynamicFeeRow .name,
  .panel.selling .dynamicFeeRow .name{
    font-size:12px!important;
    line-height:1.08!important;
    font-weight:760!important;
  }

  .panel.full .name{
    font-size:11.7px!important;
    line-height:1.08!important;
    font-weight:760!important;
  }

  .panel.purchase .panelHead h3,
  .panel.selling .panelHead h3,
  .panel.full .panelHead h3{
    font-size:12.7px!important;
  }
}

@media(max-width:390px){
  .panel.purchase .name,
  .panel.selling .name,
  #purchaseAdjustmentBlock .name,
  #sellingAdjustmentBlock .name,
  #purchaseShippingBlock .name,
  #sellingShippingBlock .name,
  #purchaseVatBlock .name,
  #sellingVatBlock .name,
  .panel.purchase .dynamicFeeRow .name,
  .panel.selling .dynamicFeeRow .name{
    font-size:11.6px!important;
    line-height:1.08!important;
  }

  .panel.full .name{
    font-size:11.3px!important;
  }
}


/* V216 — remove Full Deal Results reset; grey Purchase/Sell reset; larger readable labels */
.panel.full .toolResetBtnV175{
  display:none!important;
}

/* Purchase/Sell reset buttons: small, grey, consistent */
.resetInlineMini,
.panel.purchase #resetPurchaseFieldsBtn,
.panel.selling #resetSellFieldsBtn{
  min-height:24px!important;
  height:24px!important;
  padding:4px 8px!important;
  border-radius:9px!important;
  border:1px solid #d8dee8!important;
  background:#fff!important;
  color:#687180!important;
  font-size:10.2px!important;
  line-height:1!important;
  font-weight:680!important;
  box-shadow:0 3px 8px rgba(13,31,69,.04)!important;
}

/* Use the recovered space: labels clearer, less cramped */
.panel.purchase .name,
.panel.selling .name{
  font-size:13.1px!important;
  line-height:1.12!important;
  font-weight:740!important;
  letter-spacing:-.01em!important;
}

#purchaseAdjustmentBlock .name,
#sellingAdjustmentBlock .name,
#purchaseShippingBlock .name,
#sellingShippingBlock .name,
#purchaseVatBlock .name,
#sellingVatBlock .name,
.panel.purchase .dynamicFeeRow .name,
.panel.selling .dynamicFeeRow .name{
  font-size:13.1px!important;
  line-height:1.12!important;
  font-weight:740!important;
}

.panel.full .name{
  font-size:12.8px!important;
  line-height:1.12!important;
  font-weight:740!important;
}

.panel.purchase .panelHead h3,
.panel.selling .panelHead h3,
.panel.full .panelHead h3{
  font-size:13.8px!important;
  line-height:1.06!important;
  font-weight:790!important;
}

/* Slightly more air in rows now that optional fields are hidden */
.panel.purchase .row,
.panel.selling .row,
.panel.full .row{
  min-height:32px!important;
}

.panel.purchase .rows,
.panel.selling .rows{
  gap:5px!important;
}

/* Optional buttons stay readable but not bold-heavy */
.panel.purchase .toggleAdjustment,
.panel.selling .toggleAdjustment,
.panel.purchase .extraToggle,
.panel.selling .extraToggle,
.panel.purchase .miniAction,
.panel.selling .miniAction,
.panel.purchase .shippingToggle,
.panel.selling .shippingToggle,
.panel.purchase .vatToggle,
.panel.selling .vatToggle{
  font-size:11.5px!important;
  font-weight:650!important;
  line-height:1.1!important;
}

@media(max-width:850px){
  .resetInlineMini,
  .panel.purchase #resetPurchaseFieldsBtn,
  .panel.selling #resetSellFieldsBtn{
    min-height:23px!important;
    height:23px!important;
    padding:3px 7px!important;
    font-size:9.8px!important;
    font-weight:680!important;
  }

  .panel.purchase .name,
  .panel.selling .name,
  #purchaseAdjustmentBlock .name,
  #sellingAdjustmentBlock .name,
  #purchaseShippingBlock .name,
  #sellingShippingBlock .name,
  #purchaseVatBlock .name,
  #sellingVatBlock .name,
  .panel.purchase .dynamicFeeRow .name,
  .panel.selling .dynamicFeeRow .name{
    font-size:12.4px!important;
    line-height:1.1!important;
    font-weight:740!important;
  }

  .panel.full .name{
    font-size:12px!important;
    line-height:1.1!important;
    font-weight:740!important;
  }

  .panel.purchase .panelHead h3,
  .panel.selling .panelHead h3,
  .panel.full .panelHead h3{
    font-size:13px!important;
  }

  .panel.purchase .row,
  .panel.selling .row,
  .panel.full .row{
    min-height:31px!important;
  }

  .panel.purchase .toggleAdjustment,
  .panel.selling .toggleAdjustment,
  .panel.purchase .extraToggle,
  .panel.selling .extraToggle,
  .panel.purchase .miniAction,
  .panel.selling .miniAction,
  .panel.purchase .shippingToggle,
  .panel.selling .shippingToggle,
  .panel.purchase .vatToggle,
  .panel.selling .vatToggle{
    font-size:11px!important;
    font-weight:650!important;
  }
}

@media(max-width:390px){
  .panel.purchase .name,
  .panel.selling .name,
  #purchaseAdjustmentBlock .name,
  #sellingAdjustmentBlock .name,
  #purchaseShippingBlock .name,
  #sellingShippingBlock .name,
  #purchaseVatBlock .name,
  #sellingVatBlock .name,
  .panel.purchase .dynamicFeeRow .name,
  .panel.selling .dynamicFeeRow .name{
    font-size:12px!important;
    line-height:1.08!important;
  }

  .panel.full .name{
    font-size:11.6px!important;
  }

  .panel.purchase .toggleAdjustment,
  .panel.selling .toggleAdjustment,
  .panel.purchase .extraToggle,
  .panel.selling .extraToggle,
  .panel.purchase .miniAction,
  .panel.selling .miniAction,
  .panel.purchase .shippingToggle,
  .panel.selling .shippingToggle,
  .panel.purchase .vatToggle,
  .panel.selling .vatToggle{
    font-size:10.6px!important;
  }
}


/* V217 — zero values are clean and compact */
.output,
.value,
.metricCard .value,
.kpiCard .value,
.resultCard .value,
.metric .value,
.kpi .value{
  font-variant-numeric: tabular-nums!important;
}


/* V220 — compact Price Check and Targets input fields */
.panel.pricecheck .row,
.panel.targets .row{
  grid-template-columns:minmax(108px,1fr) 88px 12px!important;
  gap:6px!important;
}

.panel.pricecheck input,
.panel.targets input{
  width:88px!important;
  min-width:88px!important;
  max-width:88px!important;
  min-height:28px!important;
  height:28px!important;
  padding:3px 6px!important;
  box-sizing:border-box!important;
  text-align:right!important;
  font-size:16px!important;
  line-height:1!important;
}

.panel.pricecheck .unit,
.panel.targets .unit{
  width:12px!important;
  min-width:12px!important;
  max-width:12px!important;
  text-align:left!important;
}

@media(max-width:850px){
  .panel.pricecheck .row,
  .panel.targets .row{
    grid-template-columns:minmax(96px,1fr) 80px 11px!important;
    gap:5px!important;
  }

  .panel.pricecheck input,
  .panel.targets input{
    width:80px!important;
    min-width:80px!important;
    max-width:80px!important;
    min-height:27px!important;
    height:27px!important;
    font-size:16px!important;
  }
}

@media(max-width:390px){
  .panel.pricecheck .row,
  .panel.targets .row{
    grid-template-columns:minmax(88px,1fr) 74px 10px!important;
    gap:4px!important;
  }

  .panel.pricecheck input,
  .panel.targets input{
    width:74px!important;
    min-width:74px!important;
    max-width:74px!important;
    min-height:26px!important;
    height:26px!important;
    padding:2px 5px!important;
    font-size:16px!important;
  }
}


/* V221 — Target input highlighted by size, not by performance colors */
.panel.targets .targetValueRow{
  min-height:42px!important;
  align-items:center!important;
}

.panel.targets .targetValueRow .name{
  color:#7c3aed!important;
  font-weight:820!important;
  font-size:13.4px!important;
}

.panel.targets .targetValueRow input,
.panel.targets #targetValuePct{
  width:88px!important;
  min-width:88px!important;
  max-width:88px!important;
  min-height:38px!important;
  height:38px!important;
  border-radius:12px!important;
  border:1px solid #d8dee8!important;
  background:#fff!important;
  color:#111827!important;
  font-size:16px!important;
  font-weight:780!important;
  box-shadow:0 5px 12px rgba(13,31,69,.05)!important;
  outline:none!important;
}

.panel.targets .targetValueRow input:focus,
.panel.targets #targetValuePct:focus{
  border-color:#c8d0dc!important;
  box-shadow:0 0 0 3px rgba(17,24,39,.06)!important;
  color:#111827!important;
}

/* Hard neutralize old threshold colors on the user-set target field */
.panel.targets .targetValueRow,
.panel.targets .targetValueRow *,
.panel.targets #targetValuePct{
  --good:#111827!important;
  --warn:#111827!important;
  --mid:#111827!important;
  --bad:#111827!important;
}

.panel.targets .targetValueRow.green,
.panel.targets .targetValueRow.yellow,
.panel.targets .targetValueRow.orange,
.panel.targets .targetValueRow.red,
.panel.targets .targetValueRow.good,
.panel.targets .targetValueRow.warn,
.panel.targets .targetValueRow.bad,
.panel.targets #targetValuePct.green,
.panel.targets #targetValuePct.yellow,
.panel.targets #targetValuePct.orange,
.panel.targets #targetValuePct.red,
.panel.targets #targetValuePct.good,
.panel.targets #targetValuePct.warn,
.panel.targets #targetValuePct.bad{
  border-color:#d8dee8!important;
  background:#fff!important;
  color:#111827!important;
  box-shadow:0 5px 12px rgba(13,31,69,.05)!important;
}

.panel.targets .targetValueRow .unit{
  color:#111827!important;
  font-weight:760!important;
}

@media(max-width:850px){
  .panel.targets .targetValueRow{
    min-height:40px!important;
  }

  .panel.targets .targetValueRow .name{
    font-size:12.7px!important;
  }

  .panel.targets .targetValueRow input,
  .panel.targets #targetValuePct{
    width:80px!important;
    min-width:80px!important;
    max-width:80px!important;
    min-height:36px!important;
    height:36px!important;
    border-radius:11px!important;
  }
}

@media(max-width:390px){
  .panel.targets .targetValueRow{
    min-height:38px!important;
  }

  .panel.targets .targetValueRow input,
  .panel.targets #targetValuePct{
    width:74px!important;
    min-width:74px!important;
    max-width:74px!important;
    min-height:34px!important;
    height:34px!important;
    border-radius:10px!important;
  }
}


/* V222 — clearer Free Goods micro labels and uniform Price Check/Targets result icons */
.dealWrap{
  gap:2px!important;
}

.dealLabels{
  display:grid!important;
  grid-template-columns:1fr 12px 1fr!important;
  align-items:end!important;
  gap:3px!important;
  margin-bottom:2px!important;
  padding:0 1px!important;
}

.dealLabels span{
  display:block!important;
  font-size:8.7px!important;
  line-height:1!important;
  font-weight:700!important;
  color:#687180!important;
  text-align:center!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}

.dealLabels span:nth-child(2){
  color:transparent!important;
}

.deal{
  grid-template-columns:1fr 12px 1fr!important;
  gap:3px!important;
  align-items:center!important;
}

.deal span{
  width:12px!important;
  min-width:12px!important;
  text-align:center!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:760!important;
  color:#687180!important;
}

.deal input{
  text-align:center!important;
}

/* Keep Free Goods help tiny, not dominant */
.panel.purchase .row:has(#supplierGoodsPaidQty) .small,
.panel.selling .row:has(#customerGoodsPaidQty) .small{
  font-size:9.2px!important;
  line-height:1.08!important;
  color:#8a93a3!important;
}

/* Uniform result icons in Price Check and Targets */
.panel.pricecheck .resultIcon,
.panel.targets .resultIcon{
  
  
  
  
  
  
  border-radius:9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  
  line-height:1!important;
  font-weight:650!important;
  letter-spacing:0!important;
  color:#111827!important;
  background:#f7f9fc!important;
  border:1px solid #e2e7ef!important;
}

.panel.pricecheck .resultIcon svg,
.panel.targets .resultIcon svg{
  
  
  
  
  
  
  stroke-width:2!important;
  display:block!important;
}

.panel.pricecheck .discountIcon,
.panel.targets .discountIcon{
  
  font-weight:650!important;
  transform:none!important;
}

.panel.pricecheck .priceIcon svg,
.panel.targets .priceIcon svg{
  
  
  stroke-width:1.95!important;
}

.panel.pricecheck .markupIcon svg,
.panel.targets .markupIcon svg,
.panel.pricecheck .profitIcon svg,
.panel.targets .profitIcon svg,
.panel.pricecheck .marginIcon svg,
.panel.targets .marginIcon svg{
  
  
  stroke-width:2!important;
}

.panel.pricecheck .resultPill,
.panel.targets .resultPill{
  align-items:center!important;
}

@media(max-width:850px){
  .dealLabels{
    grid-template-columns:1fr 11px 1fr!important;
    gap:2px!important;
  }

  .dealLabels span{
    font-size:8.3px!important;
  }

  .deal{
    grid-template-columns:1fr 11px 1fr!important;
    gap:2px!important;
  }

  .deal span{
    width:11px!important;
    min-width:11px!important;
    font-size:11.4px!important;
  }

  .panel.pricecheck .resultIcon,
  .panel.targets .resultIcon{
    
    
    
    
    
    
    
  }

  .panel.pricecheck .resultIcon svg,
  .panel.targets .resultIcon svg{
    
    
  }
}

@media(max-width:390px){
  .dealLabels span{
    font-size:8px!important;
  }

  .panel.pricecheck .resultIcon,
  .panel.targets .resultIcon{
    
    
    
    
    
    
    
    border-radius:8px!important;
  }

  .panel.pricecheck .resultIcon svg,
  .panel.targets .resultIcon svg{
    
    
  }
}


/* V223 — Price Check and Targets icons larger, no icon box{
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:720!important;
  color:inherit!important;
} color follows the result */
.panel.pricecheck .resultIcon,
.panel.targets .resultIcon{
  
  
  
  
  
  
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  
  line-height:1!important;
  font-weight:720!important;
  color:inherit!important;
}

.panel.pricecheck .resultIcon svg,
.panel.targets .resultIcon svg{
  
  
  
  
  
  
  stroke-width:2.25!important;
  display:block!important;
}

/* Discount scissors: larger{
  width:32px!important;
  height:32px!important;
  font-size:24px!important;
  font-weight:720!important;
  color:inherit!important;
  transform:none!important;
} but visually balanced with SVG icons */
.panel.pricecheck .discountIcon,
.panel.targets .discountIcon{
  
  
  
  font-weight:720!important;
  color:inherit!important;
  transform:none!important;
}

/* Icon color follows each result pill state */
.panel.pricecheck .resultPill.good .resultIcon,
.panel.targets .resultPill.good .resultIcon{
  color:#15803d!important;
}

.panel.pricecheck .resultPill.warn .resultIcon,
.panel.targets .resultPill.warn .resultIcon{
  color:#b45309!important;
}

.panel.pricecheck .resultPill.bad .resultIcon,
.panel.pricecheck .resultPill.danger .resultIcon,
.panel.targets .resultPill.bad .resultIcon,
.panel.targets .resultPill.danger .resultIcon{
  color:#b91c1c!important;
}

/* Neutral result pills keep neutral black icon */
.panel.pricecheck .resultPill:not(.good):not(.warn):not(.bad):not(.danger) .resultIcon,
.panel.targets .resultPill:not(.good):not(.warn):not(.bad):not(.danger) .resultIcon{
  color:#111827!important;
}

/* If the result value itself receives a color class{
  color:#15803d!important;
} icon follows the same family */
.panel.pricecheck .resultPill:has(span.green) .resultIcon,
.panel.pricecheck .resultPill:has(span.good) .resultIcon,
.panel.targets .resultPill:has(span.green) .resultIcon,
.panel.targets .resultPill:has(span.good) .resultIcon{
  color:#15803d!important;
}

.panel.pricecheck .resultPill:has(span.yellow) .resultIcon,
.panel.pricecheck .resultPill:has(span.orange) .resultIcon,
.panel.pricecheck .resultPill:has(span.warn) .resultIcon,
.panel.targets .resultPill:has(span.yellow) .resultIcon,
.panel.targets .resultPill:has(span.orange) .resultIcon,
.panel.targets .resultPill:has(span.warn) .resultIcon{
  color:#b45309!important;
}

.panel.pricecheck .resultPill:has(span.red) .resultIcon,
.panel.pricecheck .resultPill:has(span.bad) .resultIcon,
.panel.targets .resultPill:has(span.red) .resultIcon,
.panel.targets .resultPill:has(span.bad) .resultIcon{
  color:#b91c1c!important;
}

.panel.pricecheck .resultPill,
.panel.targets .resultPill{
  align-items:center!important;
}

@media(max-width:850px){
  .panel.pricecheck .resultIcon,
  .panel.targets .resultIcon{
    
    
    
    
    
    
    
  }

  .panel.pricecheck .resultIcon svg,
  .panel.targets .resultIcon svg{
    
    
    
    
    
    
  }

  .panel.pricecheck .discountIcon,
  .panel.targets .discountIcon{
    
    
    
  }
}

@media(max-width:390px){
  .panel.pricecheck .resultIcon,
  .panel.targets .resultIcon{
    
    
    
    
    
    
    
  }

  .panel.pricecheck .resultIcon svg,
  .panel.targets .resultIcon svg{
    
    
    
    
    
    
  }

  .panel.pricecheck .discountIcon,
  .panel.targets .discountIcon{
    
    
    
  }
}


/* V224 — all tool result icons match Full Deal size and color system */
.panel.full .resultIcon{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  font-size:27px!important;
  line-height:1!important;
  font-weight:760!important;
  color:#111827!important;
}
.panel.pricecheck .resultIcon,
.panel.targets .resultIcon{
  
  
  
  
  
  
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  
  line-height:1!important;
  font-weight:760!important;
  color:#111827!important;
}

.panel.full .resultIcon svg{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
  max-width:27px!important;
  max-height:27px!important;
  stroke-width:2.35!important;
  display:block!important;
}
.panel.pricecheck .resultIcon svg,
.panel.targets .resultIcon svg{
  
  
  
  
  
  
  stroke-width:2.35!important;
  display:block!important;
}

.panel.full .discountIcon{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  font-size:27px!important;
  font-weight:760!important;
  color:#111827!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  transform:none!important;
}
.panel.pricecheck .discountIcon,
.panel.targets .discountIcon{
  
  
  
  
  
  
  
  font-weight:760!important;
  color:#111827!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  transform:none!important;
}

/* One shared color system for all three tools */
.panel.full .resultPill.good .resultIcon{
  color:#15803d!important;
}
.panel.pricecheck .resultPill.good .resultIcon,
.panel.targets .resultPill.good .resultIcon{
  color:#15803d!important;
}

.panel.full .resultPill.warn .resultIcon{
  color:#b45309!important;
}
.panel.pricecheck .resultPill.warn .resultIcon,
.panel.targets .resultPill.warn .resultIcon{
  color:#b45309!important;
}

.panel.full .resultPill.bad .resultIcon,
.panel.full .resultPill.danger .resultIcon{
  color:#b91c1c!important;
}
.panel.pricecheck .resultPill.bad .resultIcon,
.panel.pricecheck .resultPill.danger .resultIcon,
.panel.targets .resultPill.bad .resultIcon,
.panel.targets .resultPill.danger .resultIcon{
  color:#b91c1c!important;
}

.panel.full .resultPill:not(.good):not(.warn):not(.bad):not(.danger) .resultIcon{
  color:#111827!important;
}
.panel.pricecheck .resultPill:not(.good):not(.warn):not(.bad):not(.danger) .resultIcon,
.panel.targets .resultPill:not(.good):not(.warn):not(.bad):not(.danger) .resultIcon{
  color:#111827!important;
}

/* If the value/class changes dynamically, icons still follow the same color family */
.panel.full .resultPill:has(span.green) .resultIcon,
.panel.full .resultPill:has(span.good) .resultIcon{
  color:#15803d!important;
}
.panel.pricecheck .resultPill:has(span.green) .resultIcon,
.panel.pricecheck .resultPill:has(span.good) .resultIcon,
.panel.targets .resultPill:has(span.green) .resultIcon,
.panel.targets .resultPill:has(span.good) .resultIcon{
  color:#15803d!important;
}

.panel.full .resultPill:has(span.yellow) .resultIcon,
.panel.full .resultPill:has(span.orange) .resultIcon,
.panel.full .resultPill:has(span.warn) .resultIcon{
  color:#b45309!important;
}
.panel.pricecheck .resultPill:has(span.yellow) .resultIcon,
.panel.pricecheck .resultPill:has(span.orange) .resultIcon,
.panel.pricecheck .resultPill:has(span.warn) .resultIcon,
.panel.targets .resultPill:has(span.yellow) .resultIcon,
.panel.targets .resultPill:has(span.orange) .resultIcon,
.panel.targets .resultPill:has(span.warn) .resultIcon{
  color:#b45309!important;
}

.panel.full .resultPill:has(span.red) .resultIcon,
.panel.full .resultPill:has(span.bad) .resultIcon{
  color:#b91c1c!important;
}
.panel.pricecheck .resultPill:has(span.red) .resultIcon,
.panel.pricecheck .resultPill:has(span.bad) .resultIcon,
.panel.targets .resultPill:has(span.red) .resultIcon,
.panel.targets .resultPill:has(span.bad) .resultIcon{
  color:#b91c1c!important;
}

/* Keep text/value colors consistent too */
.panel.full .resultPill.good b,
.panel.full .resultPill.good span,
.panel.pricecheck .resultPill.good b,
.panel.pricecheck .resultPill.good span,
.panel.targets .resultPill.good b,
.panel.targets .resultPill.good span{
  color:#15803d!important;
}

.panel.full .resultPill.warn b,
.panel.full .resultPill.warn span,
.panel.pricecheck .resultPill.warn b,
.panel.pricecheck .resultPill.warn span,
.panel.targets .resultPill.warn b,
.panel.targets .resultPill.warn span{
  color:#b45309!important;
}

.panel.full .resultPill.bad b,
.panel.full .resultPill.bad span,
.panel.full .resultPill.danger b,
.panel.full .resultPill.danger span,
.panel.pricecheck .resultPill.bad b,
.panel.pricecheck .resultPill.bad span,
.panel.pricecheck .resultPill.danger b,
.panel.pricecheck .resultPill.danger span,
.panel.targets .resultPill.bad b,
.panel.targets .resultPill.bad span,
.panel.targets .resultPill.danger b,
.panel.targets .resultPill.danger span{
  color:#b91c1c!important;
}

.panel.full .resultPill:not(.good):not(.warn):not(.bad):not(.danger) b,
.panel.full .resultPill:not(.good):not(.warn):not(.bad):not(.danger) span,
.panel.pricecheck .resultPill:not(.good):not(.warn):not(.bad):not(.danger) b,
.panel.pricecheck .resultPill:not(.good):not(.warn):not(.bad):not(.danger) span,
.panel.targets .resultPill:not(.good):not(.warn):not(.bad):not(.danger) b,
.panel.targets .resultPill:not(.good):not(.warn):not(.bad):not(.danger) span{
  color:#111827!important;
}

.panel.full .resultPill,
.panel.pricecheck .resultPill,
.panel.targets .resultPill{
  align-items:center!important;
}

@media(max-width:850px){
  .panel.full .resultIcon{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    font-size:25.5px!important;
  }
  .panel.pricecheck .resultIcon,
  .panel.targets .resultIcon{
    
    
    
    
    
    
    
  }

  .panel.full .resultIcon svg{
    width:25.5px!important;
    height:25.5px!important;
    min-width:25.5px!important;
    min-height:25.5px!important;
    max-width:25.5px!important;
    max-height:25.5px!important;
  }
  .panel.pricecheck .resultIcon svg,
  .panel.targets .resultIcon svg{
    
    
    
    
    
    
  }

  .panel.full .discountIcon{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    font-size:25.5px!important;
  }
  .panel.pricecheck .discountIcon,
  .panel.targets .discountIcon{
    
    
    
    
    
    
    
  }
}

@media(max-width:390px){
  .panel.full .resultIcon{
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    font-size:24px!important;
  }
  .panel.pricecheck .resultIcon,
  .panel.targets .resultIcon{
    
    
    
    
    
    
    
  }

  .panel.full .resultIcon svg{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
  }
  .panel.pricecheck .resultIcon svg,
  .panel.targets .resultIcon svg{
    
    
    
    
    
    
  }

  .panel.full .discountIcon{
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    font-size:24px!important;
  }
  .panel.pricecheck .discountIcon,
  .panel.targets .discountIcon{
    
    
    
    
    
    
    
  }
}


/* V225 — result icons use the exact same color as the value below */
.panel.full .resultIcon{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  font-size:27px!important;
  line-height:1!important;
  font-weight:760!important;
}
.panel.pricecheck .resultIcon,
.panel.targets .resultIcon{
  
  
  
  
  
  
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  
  line-height:1!important;
  font-weight:760!important;
}

.panel.full .resultIcon svg{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
  max-width:27px!important;
  max-height:27px!important;
  stroke-width:2.35!important;
  display:block!important;
}
.panel.pricecheck .resultIcon svg,
.panel.targets .resultIcon svg{
  
  
  
  
  
  
  stroke-width:2.35!important;
  display:block!important;
}

/* Do not force our own green/yellow/red anymore: JS copies the real value color */
.panel.full .resultPill.good .resultIcon,
.panel.full .resultPill.warn .resultIcon,
.panel.full .resultPill.bad .resultIcon,
.panel.full .resultPill.danger .resultIcon{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
.panel.pricecheck .resultPill.good .resultIcon,
.panel.pricecheck .resultPill.warn .resultIcon,
.panel.pricecheck .resultPill.bad .resultIcon,
.panel.pricecheck .resultPill.danger .resultIcon,
.panel.targets .resultPill.good .resultIcon,
.panel.targets .resultPill.warn .resultIcon,
.panel.targets .resultPill.bad .resultIcon,
.panel.targets .resultPill.danger .resultIcon{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
.panel.targets #targetValuePct{
  color:#111827!important;
  border-color:#d8dee8!important;
  background:#fff!important;
}

/* Keep target-setting input neutral; this does not affect result icons */
.panel.targets .targetValueRow input{
  color:#111827!important;
  border-color:#d8dee8!important;
  background:#fff!important;
}

@media(max-width:850px){
  .panel.full .resultIcon{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    font-size:25.5px!important;
  }
  .panel.pricecheck .resultIcon,
  .panel.targets .resultIcon{
    
    
    
    
    
    
    
  }

  .panel.full .resultIcon svg{
    width:25.5px!important;
    height:25.5px!important;
    min-width:25.5px!important;
    min-height:25.5px!important;
    max-width:25.5px!important;
    max-height:25.5px!important;
  }
  .panel.pricecheck .resultIcon svg,
  .panel.targets .resultIcon svg{
    
    
    
    
    
    
  }
}

@media(max-width:390px){
  .panel.full .resultIcon{
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    font-size:24px!important;
  }
  .panel.pricecheck .resultIcon,
  .panel.targets .resultIcon{
    
    
    
    
    
    
    
  }

  .panel.full .resultIcon svg{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
  }
  .panel.pricecheck .resultIcon svg,
  .panel.targets .resultIcon svg{
    
    
    
    
    
    
  }
}


/* V226 — final icon color fix: icon must never use old hardcoded threshold colors */
.panel.full .resultIcon{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  font-size:27px!important;
  line-height:1!important;
  font-weight:760!important;
}
.panel.pricecheck .resultIcon,
.panel.targets .resultIcon{
  
  
  
  
  
  
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  
  line-height:1!important;
  font-weight:760!important;
}

.panel.full .resultIcon svg{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
  max-width:27px!important;
  max-height:27px!important;
  stroke-width:2.35!important;
  display:block!important;
}
.panel.pricecheck .resultIcon svg,
.panel.targets .resultIcon svg{
  
  
  
  
  
  
  stroke-width:2.35!important;
  display:block!important;
}

/* Disable the old icon-box look no matter which old rule is still above */
.panel.full .resultIcon,
.panel.full .discountIcon{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.panel.pricecheck .resultIcon,
.panel.targets .resultIcon,
.panel.pricecheck .discountIcon,
.panel.targets .discountIcon{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}

/* The color itself is set by V226 JS with inline important, copied from the value below */


/* V227 — one shared Markup-style rule for every result field */
.panel.full .resultPill,
.panel.pricecheck .resultPill,
.panel.targets .resultPill{
  --bf-result-neutral:#111827;
  --bf-result-good:#16a34a;
  --bf-result-warn:#FACC15;
  --bf-result-bad:#ef4444;
}

/* Same rule for every card: label, value and icon use the same variable */
.panel.full .resultPill,
.panel.pricecheck .resultPill,
.panel.targets .resultPill{
  --bf-result-color:var(--bf-result-neutral);
}

.panel.full .resultPill.good,
.panel.pricecheck .resultPill.good,
.panel.targets .resultPill.good{
  --bf-result-color:var(--bf-result-good);
}

.panel.full .resultPill.warn,
.panel.pricecheck .resultPill.warn,
.panel.targets .resultPill.warn{
  --bf-result-color:var(--bf-result-warn);
}

.panel.full .resultPill.bad,
.panel.full .resultPill.danger,
.panel.pricecheck .resultPill.bad,
.panel.pricecheck .resultPill.danger,
.panel.targets .resultPill.bad,
.panel.targets .resultPill.danger{
  --bf-result-color:var(--bf-result-bad);
}

/* If old logic puts color classes on the value itself, map them to the same shared variable */
.panel.full .resultPill:has(span.good),
.panel.full .resultPill:has(span.green),
.panel.pricecheck .resultPill:has(span.good),
.panel.pricecheck .resultPill:has(span.green),
.panel.targets .resultPill:has(span.good),
.panel.targets .resultPill:has(span.green){
  --bf-result-color:var(--bf-result-good);
}

.panel.full .resultPill:has(span.warn),
.panel.full .resultPill:has(span.yellow),
.panel.full .resultPill:has(span.orange),
.panel.pricecheck .resultPill:has(span.warn),
.panel.pricecheck .resultPill:has(span.yellow),
.panel.pricecheck .resultPill:has(span.orange),
.panel.targets .resultPill:has(span.warn),
.panel.targets .resultPill:has(span.yellow),
.panel.targets .resultPill:has(span.orange){
  --bf-result-color:var(--bf-result-warn);
}

.panel.full .resultPill:has(span.bad),
.panel.full .resultPill:has(span.red),
.panel.pricecheck .resultPill:has(span.bad),
.panel.pricecheck .resultPill:has(span.red),
.panel.targets .resultPill:has(span.bad),
.panel.targets .resultPill:has(span.red){
  --bf-result-color:var(--bf-result-bad);
}

/* Apply the same Markup-style color to icon, label and value */
.panel.full .resultPill .resultIcon,
.panel.full .resultPill b,
.panel.pricecheck .resultPill b,
.panel.targets .resultPill b,
.panel.full .resultPill span,
.panel.pricecheck .resultPill span,
.panel.targets .resultPill span{
  color:var(--bf-result-color)!important;
}
.panel.pricecheck .resultPill .resultIcon,
.panel.targets .resultPill .resultIcon{
  color:var(--bf-result-color)!important;
}

/* Icons: same size everywhere, no square box */
.panel.full .resultIcon{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  font-size:27px!important;
  line-height:1!important;
  font-weight:760!important;
  transform:none!important;
}
.panel.pricecheck .resultIcon,
.panel.targets .resultIcon{
  
  
  
  
  
  
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  
  line-height:1!important;
  font-weight:760!important;
  transform:none!important;
}

.panel.full .resultIcon svg{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
  max-width:27px!important;
  max-height:27px!important;
  stroke-width:2.35!important;
  display:block!important;
}
.panel.pricecheck .resultIcon svg,
.panel.targets .resultIcon svg{
  
  
  
  
  
  
  stroke-width:2.35!important;
  display:block!important;
}

/* User-set target input stays neutral, only result cards get colors */
.panel.targets .targetValueRow,
.panel.targets .targetValueRow *,
.panel.targets #targetValuePct{
  color:#111827!important;
}

.panel.targets .targetValueRow .name{
  color:#7c3aed!important;
}

.panel.targets #targetValuePct{
  border-color:#d8dee8!important;
  background:#fff!important;
}

@media(max-width:850px){
  .panel.full .resultIcon{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    font-size:25.5px!important;
  }
  .panel.pricecheck .resultIcon,
  .panel.targets .resultIcon{
    
    
    
    
    
    
    
  }

  .panel.full .resultIcon svg{
    width:25.5px!important;
    height:25.5px!important;
    min-width:25.5px!important;
    min-height:25.5px!important;
    max-width:25.5px!important;
    max-height:25.5px!important;
  }
  .panel.pricecheck .resultIcon svg,
  .panel.targets .resultIcon svg{
    
    
    
    
    
    
  }
}

@media(max-width:390px){
  .panel.full .resultIcon{
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    font-size:24px!important;
  }
  .panel.pricecheck .resultIcon,
  .panel.targets .resultIcon{
    
    
    
    
    
    
    
  }

  .panel.full .resultIcon svg{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
  }
  .panel.pricecheck .resultIcon svg,
  .panel.targets .resultIcon svg{
    
    
    
    
    
    
  }
}


/* V228 — FINAL icon color fix: remove old JS interference, icon follows the result value color */
.panel.full .resultPill,
.panel.pricecheck .resultPill,
.panel.targets .resultPill{
  --bf-result-neutral:#111827;
  --bf-result-good:#16a34a;
  --bf-result-warn:#FACC15;
  --bf-result-bad:#ef4444;
  --bf-result-color:var(--bf-result-neutral);
}

.panel.full .resultPill.good,
.panel.pricecheck .resultPill.good,
.panel.targets .resultPill.good{
  --bf-result-color:var(--bf-result-good);
}

.panel.full .resultPill.warn,
.panel.pricecheck .resultPill.warn,
.panel.targets .resultPill.warn{
  --bf-result-color:var(--bf-result-warn);
}

.panel.full .resultPill.bad,
.panel.full .resultPill.danger,
.panel.pricecheck .resultPill.bad,
.panel.pricecheck .resultPill.danger,
.panel.targets .resultPill.bad,
.panel.targets .resultPill.danger{
  --bf-result-color:var(--bf-result-bad);
}

.panel.full .resultPill:has(span.good),
.panel.full .resultPill:has(span.green),
.panel.pricecheck .resultPill:has(span.good),
.panel.pricecheck .resultPill:has(span.green),
.panel.targets .resultPill:has(span.good),
.panel.targets .resultPill:has(span.green){
  --bf-result-color:var(--bf-result-good);
}

.panel.full .resultPill:has(span.warn),
.panel.full .resultPill:has(span.yellow),
.panel.full .resultPill:has(span.orange),
.panel.pricecheck .resultPill:has(span.warn),
.panel.pricecheck .resultPill:has(span.yellow),
.panel.pricecheck .resultPill:has(span.orange),
.panel.targets .resultPill:has(span.warn),
.panel.targets .resultPill:has(span.yellow),
.panel.targets .resultPill:has(span.orange){
  --bf-result-color:var(--bf-result-warn);
}

.panel.full .resultPill:has(span.bad),
.panel.full .resultPill:has(span.red),
.panel.pricecheck .resultPill:has(span.bad),
.panel.pricecheck .resultPill:has(span.red),
.panel.targets .resultPill:has(span.bad),
.panel.targets .resultPill:has(span.red){
  --bf-result-color:var(--bf-result-bad);
}

/* same exact color on title, value, icon */
.panel.full .resultPill b,
.panel.full .resultPill span,
.panel.full .resultPill .resultIcon,
.panel.pricecheck .resultPill b,
.panel.pricecheck .resultPill span,
.panel.targets .resultPill b,
.panel.targets .resultPill span{
  color:var(--bf-result-color)!important;
}
.panel.pricecheck .resultPill .resultIcon,
.panel.targets .resultPill .resultIcon{
  color:var(--bf-result-color)!important;
}

/* make SVG and text icons inherit the exact same color */
.panel.full .resultIcon svg{
  color:currentColor!important;
  stroke:currentColor!important;
}
.panel.pricecheck .resultIcon svg,
.panel.targets .resultIcon svg{
  color:currentColor!important;
  stroke:currentColor!important;
}

/* icon size: aligned to Full Deal, no box */
.panel.full .resultIcon{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  font-size:27px!important;
  line-height:1!important;
  font-weight:760!important;
  transform:none!important;
}
.panel.pricecheck .resultIcon,
.panel.targets .resultIcon{
  
  
  
  
  
  
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  
  line-height:1!important;
  font-weight:760!important;
  transform:none!important;
}

.panel.full .resultIcon svg{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
  max-width:27px!important;
  max-height:27px!important;
  stroke-width:2.35!important;
  display:block!important;
}
.panel.pricecheck .resultIcon svg,
.panel.targets .resultIcon svg{
  
  
  
  
  
  
  stroke-width:2.35!important;
  display:block!important;
}

/* user target input remains neutral */
.panel.targets .targetValueRow,
.panel.targets .targetValueRow *,
.panel.targets #targetValuePct{
  color:#111827!important;
}

.panel.targets .targetValueRow .name{
  color:#7c3aed!important;
}

.panel.targets #targetValuePct{
  border-color:#d8dee8!important;
  background:#fff!important;
}

@media(max-width:850px){
  .panel.full .resultIcon{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    font-size:25.5px!important;
  }
  .panel.pricecheck .resultIcon,
  .panel.targets .resultIcon{
    
    
    
    
    
    
    
  }

  .panel.full .resultIcon svg{
    width:25.5px!important;
    height:25.5px!important;
    min-width:25.5px!important;
    min-height:25.5px!important;
    max-width:25.5px!important;
    max-height:25.5px!important;
  }
  .panel.pricecheck .resultIcon svg,
  .panel.targets .resultIcon svg{
    
    
    
    
    
    
  }
}

@media(max-width:390px){
  .panel.full .resultIcon{
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    font-size:24px!important;
  }
  .panel.pricecheck .resultIcon,
  .panel.targets .resultIcon{
    
    
    
    
    
    
    
  }

  .panel.full .resultIcon svg{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
  }
  .panel.pricecheck .resultIcon svg,
  .panel.targets .resultIcon svg{
    
    
    
    
    
    
  }
}


/* V229 — definitive cascade fix: beat every old icon-color selector */
.panel.full .resultPill,
.panel.pricecheck .resultPill,
.panel.targets .resultPill{
  --bf-result-neutral:#111827;
  --bf-result-good:#16a34a;
  --bf-result-warn:#FACC15;
  --bf-result-bad:#ef4444;
  --bf-result-color:var(--bf-result-neutral);
}

.panel.full .resultPill.good,
.panel.pricecheck .resultPill.good,
.panel.targets .resultPill.good,
.panel.full .resultPill.bfStateGood,
.panel.pricecheck .resultPill.bfStateGood,
.panel.targets .resultPill.bfStateGood,
.panel.full .resultPill:has(span.good),
.panel.full .resultPill:has(span.green),
.panel.pricecheck .resultPill:has(span.good),
.panel.pricecheck .resultPill:has(span.green),
.panel.targets .resultPill:has(span.good),
.panel.targets .resultPill:has(span.green){
  --bf-result-color:var(--bf-result-good);
}

.panel.full .resultPill.warn,
.panel.pricecheck .resultPill.warn,
.panel.targets .resultPill.warn,
.panel.full .resultPill.bfStateWarn,
.panel.pricecheck .resultPill.bfStateWarn,
.panel.targets .resultPill.bfStateWarn,
.panel.full .resultPill:has(span.warn),
.panel.full .resultPill:has(span.yellow),
.panel.full .resultPill:has(span.orange),
.panel.pricecheck .resultPill:has(span.warn),
.panel.pricecheck .resultPill:has(span.yellow),
.panel.pricecheck .resultPill:has(span.orange),
.panel.targets .resultPill:has(span.warn),
.panel.targets .resultPill:has(span.yellow),
.panel.targets .resultPill:has(span.orange){
  --bf-result-color:var(--bf-result-warn);
}

.panel.full .resultPill.bad,
.panel.full .resultPill.danger,
.panel.pricecheck .resultPill.bad,
.panel.pricecheck .resultPill.danger,
.panel.targets .resultPill.bad,
.panel.targets .resultPill.danger,
.panel.full .resultPill.bfStateBad,
.panel.pricecheck .resultPill.bfStateBad,
.panel.targets .resultPill.bfStateBad,
.panel.full .resultPill:has(span.bad),
.panel.full .resultPill:has(span.red),
.panel.pricecheck .resultPill:has(span.bad),
.panel.pricecheck .resultPill:has(span.red),
.panel.targets .resultPill:has(span.bad),
.panel.targets .resultPill:has(span.red){
  --bf-result-color:var(--bf-result-bad);
}

/* HIGH-SPECIFICITY state selectors: these beat the old #b45309 / #15803d / #b91c1c icon rules */
.panel.full .resultPill.good .resultIcon,
.panel.full .resultPill.warn .resultIcon,
.panel.full .resultPill.bad .resultIcon,
.panel.full .resultPill.danger .resultIcon,
.panel.full .resultPill.bfStateGood .resultIcon,
.panel.full .resultPill.bfStateWarn .resultIcon,
.panel.full .resultPill.bfStateBad .resultIcon{
  color:var(--bf-result-color)!important;
}
.panel.pricecheck .resultPill.good .resultIcon,
.panel.pricecheck .resultPill.warn .resultIcon,
.panel.pricecheck .resultPill.bad .resultIcon,
.panel.pricecheck .resultPill.danger .resultIcon,
.panel.pricecheck .resultPill.bfStateGood .resultIcon,
.panel.pricecheck .resultPill.bfStateWarn .resultIcon,
.panel.pricecheck .resultPill.bfStateBad .resultIcon,
.panel.targets .resultPill.good .resultIcon,
.panel.targets .resultPill.warn .resultIcon,
.panel.targets .resultPill.bad .resultIcon,
.panel.targets .resultPill.danger .resultIcon,
.panel.targets .resultPill.bfStateGood .resultIcon,
.panel.targets .resultPill.bfStateWarn .resultIcon,
.panel.targets .resultPill.bfStateBad .resultIcon{
  color:var(--bf-result-color)!important;
}

/* Same exact color for title and value */
.panel.full .resultPill.good b,
.panel.full .resultPill.good span,
.panel.full .resultPill.warn b,
.panel.full .resultPill.warn span,
.panel.full .resultPill.bad b,
.panel.full .resultPill.bad span,
.panel.full .resultPill.danger b,
.panel.full .resultPill.danger span,
.panel.full .resultPill.bfStateGood b,
.panel.full .resultPill.bfStateGood span,
.panel.full .resultPill.bfStateWarn b,
.panel.full .resultPill.bfStateWarn span,
.panel.full .resultPill.bfStateBad b,
.panel.full .resultPill.bfStateBad span,
.panel.pricecheck .resultPill.good b,
.panel.pricecheck .resultPill.good span,
.panel.pricecheck .resultPill.warn b,
.panel.pricecheck .resultPill.warn span,
.panel.pricecheck .resultPill.bad b,
.panel.pricecheck .resultPill.bad span,
.panel.pricecheck .resultPill.danger b,
.panel.pricecheck .resultPill.danger span,
.panel.pricecheck .resultPill.bfStateGood b,
.panel.pricecheck .resultPill.bfStateGood span,
.panel.pricecheck .resultPill.bfStateWarn b,
.panel.pricecheck .resultPill.bfStateWarn span,
.panel.pricecheck .resultPill.bfStateBad b,
.panel.pricecheck .resultPill.bfStateBad span,
.panel.targets .resultPill.good b,
.panel.targets .resultPill.good span,
.panel.targets .resultPill.warn b,
.panel.targets .resultPill.warn span,
.panel.targets .resultPill.bad b,
.panel.targets .resultPill.bad span,
.panel.targets .resultPill.danger b,
.panel.targets .resultPill.danger span,
.panel.targets .resultPill.bfStateGood b,
.panel.targets .resultPill.bfStateGood span,
.panel.targets .resultPill.bfStateWarn b,
.panel.targets .resultPill.bfStateWarn span,
.panel.targets .resultPill.bfStateBad b,
.panel.targets .resultPill.bfStateBad span{
  color:var(--bf-result-color)!important;
}

/* Neutral cards */
.panel.full .resultPill:not(.good):not(.warn):not(.bad):not(.danger):not(.bfStateGood):not(.bfStateWarn):not(.bfStateBad) .resultIcon,
.panel.full .resultPill:not(.good):not(.warn):not(.bad):not(.danger):not(.bfStateGood):not(.bfStateWarn):not(.bfStateBad) b,
.panel.full .resultPill:not(.good):not(.warn):not(.bad):not(.danger):not(.bfStateGood):not(.bfStateWarn):not(.bfStateBad) span,
.panel.pricecheck .resultPill:not(.good):not(.warn):not(.bad):not(.danger):not(.bfStateGood):not(.bfStateWarn):not(.bfStateBad) b,
.panel.pricecheck .resultPill:not(.good):not(.warn):not(.bad):not(.danger):not(.bfStateGood):not(.bfStateWarn):not(.bfStateBad) span,
.panel.targets .resultPill:not(.good):not(.warn):not(.bad):not(.danger):not(.bfStateGood):not(.bfStateWarn):not(.bfStateBad) b,
.panel.targets .resultPill:not(.good):not(.warn):not(.bad):not(.danger):not(.bfStateGood):not(.bfStateWarn):not(.bfStateBad) span{
  color:var(--bf-result-neutral)!important;
}
.panel.pricecheck .resultPill:not(.good):not(.warn):not(.bad):not(.danger):not(.bfStateGood):not(.bfStateWarn):not(.bfStateBad) .resultIcon,
.panel.targets .resultPill:not(.good):not(.warn):not(.bad):not(.danger):not(.bfStateGood):not(.bfStateWarn):not(.bfStateBad) .resultIcon{
  color:var(--bf-result-neutral)!important;
}

/* SVGs must inherit from the icon, never from their own old rules */
.panel.full .resultIcon svg{
  color:currentColor!important;
  stroke:currentColor!important;
  fill:none!important;
}
.panel.pricecheck .resultIcon svg,
.panel.targets .resultIcon svg{
  color:currentColor!important;
  stroke:currentColor!important;
  fill:none!important;
}

/* Size and no icon box */
.panel.full .resultIcon{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  font-size:27px!important;
  line-height:1!important;
  font-weight:760!important;
  transform:none!important;
}
.panel.pricecheck .resultIcon,
.panel.targets .resultIcon{
  
  
  
  
  
  
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  
  line-height:1!important;
  font-weight:760!important;
  transform:none!important;
}

.panel.full .resultIcon svg{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
  max-width:27px!important;
  max-height:27px!important;
  stroke-width:2.35!important;
  display:block!important;
}
.panel.pricecheck .resultIcon svg,
.panel.targets .resultIcon svg{
  
  
  
  
  
  
  stroke-width:2.35!important;
  display:block!important;
}

/* Keep user-set target input neutral */
.panel.targets .targetValueRow,
.panel.targets .targetValueRow *,
.panel.targets #targetValuePct{
  color:#111827!important;
}

.panel.targets .targetValueRow .name{
  color:#7c3aed!important;
}

.panel.targets #targetValuePct{
  border-color:#d8dee8!important;
  background:#fff!important;
}


/* V230 — Margin icon fixed to behave exactly like Markup icon */
.panel.full .resultPill:has(.markupIcon),
.panel.full .resultPill:has(.marginIcon){
  --bf-result-neutral:#111827;
  --bf-result-good:#16a34a;
  --bf-result-warn:#FACC15;
  --bf-result-bad:#ef4444;
}
.panel.pricecheck .resultPill:has(.markupIcon),
.panel.targets .resultPill:has(.markupIcon),
.panel.pricecheck .resultPill:has(.marginIcon),
.panel.targets .resultPill:has(.marginIcon){
  --bf-result-neutral:#111827;
  --bf-result-good:#16a34a;
  --bf-result-warn:#FACC15;
  --bf-result-bad:#ef4444;
}

/* Margin: same state-color mapping as Markup */
.panel.full .resultPill.good:has(.marginIcon),
.panel.full .resultPill.bfStateGood:has(.marginIcon){
  --bf-result-color:var(--bf-result-good)!important;
}
.panel.pricecheck .resultPill.good:has(.marginIcon),
.panel.targets .resultPill.good:has(.marginIcon),
.panel.pricecheck .resultPill.bfStateGood:has(.marginIcon),
.panel.targets .resultPill.bfStateGood:has(.marginIcon){
  --bf-result-color:var(--bf-result-good)!important;
}

.panel.full .resultPill.warn:has(.marginIcon),
.panel.full .resultPill.bfStateWarn:has(.marginIcon){
  --bf-result-color:var(--bf-result-warn)!important;
}
.panel.pricecheck .resultPill.warn:has(.marginIcon),
.panel.targets .resultPill.warn:has(.marginIcon),
.panel.pricecheck .resultPill.bfStateWarn:has(.marginIcon),
.panel.targets .resultPill.bfStateWarn:has(.marginIcon){
  --bf-result-color:var(--bf-result-warn)!important;
}

.panel.full .resultPill.bad:has(.marginIcon),
.panel.full .resultPill.danger:has(.marginIcon),
.panel.full .resultPill.bfStateBad:has(.marginIcon){
  --bf-result-color:var(--bf-result-bad)!important;
}
.panel.pricecheck .resultPill.bad:has(.marginIcon),
.panel.pricecheck .resultPill.danger:has(.marginIcon),
.panel.targets .resultPill.bad:has(.marginIcon),
.panel.targets .resultPill.danger:has(.marginIcon),
.panel.pricecheck .resultPill.bfStateBad:has(.marginIcon),
.panel.targets .resultPill.bfStateBad:has(.marginIcon){
  --bf-result-color:var(--bf-result-bad)!important;
}

/* Hard target: Margin icon, its SVG, its label and its value all use the exact same variable */
.panel.full .resultPill:has(.marginIcon) .marginIcon,
.panel.full .resultPill:has(.marginIcon) .marginIcon svg,
.panel.full .resultPill:has(.marginIcon) b,
.panel.full .resultPill:has(.marginIcon) span{
  color:var(--bf-result-color)!important;
  stroke:currentColor!important;
}
.panel.pricecheck .resultPill:has(.marginIcon) .marginIcon,
.panel.targets .resultPill:has(.marginIcon) .marginIcon,
.panel.pricecheck .resultPill:has(.marginIcon) .marginIcon svg,
.panel.targets .resultPill:has(.marginIcon) .marginIcon svg,
.panel.pricecheck .resultPill:has(.marginIcon) b,
.panel.targets .resultPill:has(.marginIcon) b,
.panel.pricecheck .resultPill:has(.marginIcon) span,
.panel.targets .resultPill:has(.marginIcon) span{
  color:var(--bf-result-color)!important;
  stroke:currentColor!important;
}

/* Exact same physical icon styling as Markup */
.panel.full .resultPill:has(.marginIcon) .marginIcon{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  font-size:27px!important;
  line-height:1!important;
  font-weight:760!important;
  transform:none!important;
}
.panel.pricecheck .resultPill:has(.marginIcon) .marginIcon,
.panel.targets .resultPill:has(.marginIcon) .marginIcon{
  
  
  
  
  
  
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  
  line-height:1!important;
  font-weight:760!important;
  transform:none!important;
}

.panel.full .resultPill:has(.marginIcon) .marginIcon svg{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
  max-width:27px!important;
  max-height:27px!important;
  stroke-width:2.35!important;
  fill:none!important;
  display:block!important;
}
.panel.pricecheck .resultPill:has(.marginIcon) .marginIcon svg,
.panel.targets .resultPill:has(.marginIcon) .marginIcon svg{
  
  
  
  
  
  
  stroke-width:2.35!important;
  fill:none!important;
  display:block!important;
}


/* V231 — final: icon visual size only; color is copied from the value below by JS */
.panel.full .resultIcon{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  font-size:27px!important;
  line-height:1!important;
  font-weight:760!important;
  transform:none!important;
}
.panel.pricecheck .resultIcon,
.panel.targets .resultIcon{
  
  
  
  
  
  
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  
  line-height:1!important;
  font-weight:760!important;
  transform:none!important;
}

.panel.full .resultIcon svg{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
  max-width:27px!important;
  max-height:27px!important;
  stroke-width:2.35!important;
  display:block!important;
}
.panel.pricecheck .resultIcon svg,
.panel.targets .resultIcon svg{
  
  
  
  
  
  
  stroke-width:2.35!important;
  display:block!important;
}

/* target-setting field remains neutral */
.panel.targets .targetValueRow,
.panel.targets .targetValueRow *,
.panel.targets #targetValuePct{
  color:#111827!important;
}

.panel.targets .targetValueRow .name{
  color:#7c3aed!important;
}

.panel.targets #targetValuePct{
  border-color:#d8dee8!important;
  background:#fff!important;
}


/* V232 — reliable Add List Price Adjustment open/close */
#purchaseAdjustmentBlock,
#sellingAdjustmentBlock{display:none!important;}
#purchaseAdjustmentBlock.open,
#sellingAdjustmentBlock.open{display:block!important;}
#purchaseAdjustmentBlock.open .row,
#sellingAdjustmentBlock.open .row{display:grid!important;}
#purchaseAdjustmentRow,
#sellingAdjustmentRow{display:none!important;}
#purchaseAdjustmentRow.open,
#sellingAdjustmentRow.open{display:grid!important;}


/* V239 — Targets name simplified and Set Margin / Set Markup select widened */
.panel.targets h3{
  white-space:normal!important;
}

.panel.targets #targetMode{
  width:auto!important;
  min-width:158px!important;
  max-width:190px!important;
  justify-self:start!important;
  padding-left:10px!important;
  padding-right:30px!important;
  text-overflow:clip!important;
}

.panel.targets .row:has(#targetMode){
  grid-template-columns:minmax(82px,1fr) auto 12px!important;
  gap:7px!important;
}

@media(max-width:850px){
  .panel.targets #targetMode{
    min-width:154px!important;
    max-width:184px!important;
    padding-right:28px!important;
  }

  .panel.targets .row:has(#targetMode){
    grid-template-columns:minmax(76px,1fr) auto 11px!important;
    gap:6px!important;
  }
}

@media(max-width:390px){
  .panel.targets #targetMode{
    min-width:150px!important;
    max-width:178px!important;
    padding-right:26px!important;
  }

  .panel.targets .row:has(#targetMode){
    grid-template-columns:minmax(70px,1fr) auto 10px!important;
    gap:5px!important;
  }
}


/* V240 — top KPI cards: same vertical rhythm for all five cards */
.kpi{
  display:grid!important;
  grid-template-rows:34px 31px 26px!important;
  align-content:center!important;
  justify-items:center!important;
  row-gap:5px!important;
}

.kpi .label{
  min-height:34px!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.03!important;
  margin:0!important;
  padding:0!important;
}

.kpi .value{
  min-height:31px!important;
  height:31px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
}

.kpi .kpiIcon,
.kpi svg,
.kpi .icon{
  margin-top:0!important;
}

@media(max-width:430px){
  .kpi{
    grid-template-rows:34px 31px 25px!important;
    row-gap:4px!important;
  }

  .kpi .label{
    min-height:34px!important;
    height:34px!important;
  }

  .kpi .value{
    min-height:31px!important;
    height:31px!important;
  }
}














/* V248 — Free Goods final: fixed compact row, no right overflow */
.panel.purchase .row.freeGoodsRowV248,
.panel.selling .row.freeGoodsRowV248{
  display:grid!important;
  grid-template-columns:minmax(86px,1fr) 104px 0!important;
  column-gap:4px!important;
  row-gap:0!important;
  align-items:center!important;
  min-height:46px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}

.panel.purchase .row.freeGoodsRowV248 .name,
.panel.selling .row.freeGoodsRowV248 .name{
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:2px!important;
  overflow:visible!important;
  white-space:normal!important;
}

.freeGoodsNoteV248{
  display:block!important;
  font-size:9.6px!important;
  line-height:1!important;
  font-weight:760!important;
  color:#7b8495!important;
  white-space:nowrap!important;
  letter-spacing:-.01em!important;
  margin:0!important;
  padding:0!important;
}

.panel.purchase .row.freeGoodsRowV248 .dealWrap,
.panel.selling .row.freeGoodsRowV248 .dealWrap{
  width:104px!important;
  min-width:104px!important;
  max-width:104px!important;
  justify-self:end!important;
  overflow:visible!important;
}

.panel.purchase .row.freeGoodsRowV248 .deal,
.panel.selling .row.freeGoodsRowV248 .deal{
  display:grid!important;
  grid-template-columns:47px 10px 47px!important;
  column-gap:0!important;
  align-items:center!important;
  justify-content:end!important;
  width:104px!important;
  min-width:104px!important;
  max-width:104px!important;
  overflow:visible!important;
}

.panel.purchase .row.freeGoodsRowV248 .deal input,
.panel.selling .row.freeGoodsRowV248 .deal input{
  width:47px!important;
  min-width:47px!important;
  max-width:47px!important;
  height:31px!important;
  min-height:31px!important;
  max-height:31px!important;
  padding:2px 3px!important;
  text-align:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

.panel.purchase .row.freeGoodsRowV248 .deal span,
.panel.selling .row.freeGoodsRowV248 .deal span{
  width:10px!important;
  min-width:10px!important;
  max-width:10px!important;
  text-align:center!important;
  color:#9aa3b2!important;
  font-size:17px!important;
  font-weight:850!important;
  line-height:1!important;
  padding:0!important;
  margin:0!important;
}

.panel.purchase .row.freeGoodsRowV248 > :nth-child(3),
.panel.selling .row.freeGoodsRowV248 > :nth-child(3){
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  overflow:hidden!important;
}

@media(max-width:430px){
  .panel.purchase .row.freeGoodsRowV248,
  .panel.selling .row.freeGoodsRowV248{
    grid-template-columns:minmax(82px,1fr) 100px 0!important;
    column-gap:3px!important;
  }

  .panel.purchase .row.freeGoodsRowV248 .dealWrap,
  .panel.selling .row.freeGoodsRowV248 .dealWrap,
  .panel.purchase .row.freeGoodsRowV248 .deal,
  .panel.selling .row.freeGoodsRowV248 .deal{
    width:100px!important;
    min-width:100px!important;
    max-width:100px!important;
  }

  .panel.purchase .row.freeGoodsRowV248 .deal,
  .panel.selling .row.freeGoodsRowV248 .deal{
    grid-template-columns:45px 10px 45px!important;
  }

  .panel.purchase .row.freeGoodsRowV248 .deal input,
  .panel.selling .row.freeGoodsRowV248 .deal input{
    width:45px!important;
    min-width:45px!important;
    max-width:45px!important;
  }
}


/* V249 — final deploy guard: Tariff-Fee percent unit and static units */
.panel.purchase .dynamicFeeRow,
.panel.selling .dynamicFeeRow{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 82px 14px 30px!important;
  gap:5px!important;
  align-items:center!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}

.panel.purchase .dynamicFeeRow input,
.panel.selling .dynamicFeeRow input{
  width:82px!important;
  min-width:82px!important;
  max-width:82px!important;
  height:31px!important;
  min-height:31px!important;
  max-height:31px!important;
  text-align:right!important;
  padding:3px 6px!important;
  box-sizing:border-box!important;
}

.tariffFeeUnitV249,
.vatUnitV249,
.shippingCurrencyUnitV249{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:14px!important;
  min-width:14px!important;
  max-width:14px!important;
  color:#7b8495!important;
  font-size:16px!important;
  font-weight:760!important;
  line-height:1!important;
  overflow:visible!important;
}

@media(max-width:390px){
  .panel.purchase .dynamicFeeRow,
  .panel.selling .dynamicFeeRow{
    grid-template-columns:minmax(0,1fr) 78px 13px 28px!important;
    gap:4px!important;
  }

  .panel.purchase .dynamicFeeRow input,
  .panel.selling .dynamicFeeRow input{
    width:78px!important;
    min-width:78px!important;
    max-width:78px!important;
  }
}


/* V250 — Free Goods moved left, both inputs fully visible */
.panel.purchase .row.freeGoodsRowV248,
.panel.selling .row.freeGoodsRowV248{
  grid-template-columns:minmax(82px,1fr) 104px 22px!important;
  column-gap:4px!important;
  overflow:visible!important;
}

.panel.purchase .row.freeGoodsRowV248 .dealWrap,
.panel.selling .row.freeGoodsRowV248 .dealWrap{
  justify-self:start!important;
  margin:0!important;
  transform:none!important;
}

.panel.purchase .row.freeGoodsRowV248 > :nth-child(3),
.panel.selling .row.freeGoodsRowV248 > :nth-child(3){
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  overflow:hidden!important;
}

@media(max-width:430px){
  .panel.purchase .row.freeGoodsRowV248,
  .panel.selling .row.freeGoodsRowV248{
    grid-template-columns:minmax(78px,1fr) 100px 20px!important;
    column-gap:3px!important;
  }

  .panel.purchase .row.freeGoodsRowV248 > :nth-child(3),
  .panel.selling .row.freeGoodsRowV248 > :nth-child(3){
    width:20px!important;
    min-width:20px!important;
    max-width:20px!important;
  }
}


/* V251 — compact percentage discount fields in Full Deal */
.panel.full .row:has(#supplierBaseDiscountPct),
.panel.full .row:has(#supplierExtraDiscount1Pct),
.panel.full .row:has(#supplierExtraDiscount2Pct),
.panel.full .row:has(#customerBaseDiscountPct),
.panel.full .row:has(#customerExtraDiscount1Pct),
.panel.full .row:has(#customerExtraDiscount2Pct),
.panel.purchase .row:has(#supplierBaseDiscountPct),
.panel.purchase .row:has(#supplierExtraDiscount1Pct),
.panel.purchase .row:has(#supplierExtraDiscount2Pct),
.panel.selling .row:has(#customerBaseDiscountPct),
.panel.selling .row:has(#customerExtraDiscount1Pct),
.panel.selling .row:has(#customerExtraDiscount2Pct){grid-template-columns:minmax(118px,1fr) 64px 14px!important;gap:5px!important;}
#supplierBaseDiscountPct,#supplierExtraDiscount1Pct,#supplierExtraDiscount2Pct,#customerBaseDiscountPct,#customerExtraDiscount1Pct,#customerExtraDiscount2Pct{width:64px!important;min-width:64px!important;max-width:64px!important;height:31px!important;min-height:31px!important;max-height:31px!important;padding:3px 6px!important;text-align:right!important;box-sizing:border-box!important;}
@media(max-width:390px){
.panel.full .row:has(#supplierBaseDiscountPct),.panel.full .row:has(#supplierExtraDiscount1Pct),.panel.full .row:has(#supplierExtraDiscount2Pct),.panel.full .row:has(#customerBaseDiscountPct),.panel.full .row:has(#customerExtraDiscount1Pct),.panel.full .row:has(#customerExtraDiscount2Pct),.panel.purchase .row:has(#supplierBaseDiscountPct),.panel.purchase .row:has(#supplierExtraDiscount1Pct),.panel.purchase .row:has(#supplierExtraDiscount2Pct),.panel.selling .row:has(#customerBaseDiscountPct),.panel.selling .row:has(#customerExtraDiscount1Pct),.panel.selling .row:has(#customerExtraDiscount2Pct){grid-template-columns:minmax(108px,1fr) 60px 13px!important;gap:4px!important;}
#supplierBaseDiscountPct,#supplierExtraDiscount1Pct,#supplierExtraDiscount2Pct,#customerBaseDiscountPct,#customerExtraDiscount1Pct,#customerExtraDiscount2Pct{width:60px!important;min-width:60px!important;max-width:60px!important;padding-left:5px!important;padding-right:5px!important;}}
/* V264 — visibly narrower discount percentage inputs */
.panel.full .row:has(#supplierBaseDiscountPct),
.panel.full .row:has(#supplierExtraDiscount1Pct),
.panel.full .row:has(#supplierExtraDiscount2Pct),
.panel.full .row:has(#customerBaseDiscountPct),
.panel.full .row:has(#customerExtraDiscount1Pct),
.panel.full .row:has(#customerExtraDiscount2Pct),
.panel.purchase .row:has(#supplierBaseDiscountPct),
.panel.purchase .row:has(#supplierExtraDiscount1Pct),
.panel.purchase .row:has(#supplierExtraDiscount2Pct),
.panel.selling .row:has(#customerBaseDiscountPct),
.panel.selling .row:has(#customerExtraDiscount1Pct),
.panel.selling .row:has(#customerExtraDiscount2Pct){
  grid-template-columns:minmax(0,1fr) 52px 12px !important;
  column-gap:4px !important;
}
#supplierBaseDiscountPct,
#supplierExtraDiscount1Pct,
#supplierExtraDiscount2Pct,
#customerBaseDiscountPct,
#customerExtraDiscount1Pct,
#customerExtraDiscount2Pct{
  width:52px !important;
  min-width:52px !important;
  max-width:52px !important;
  padding-left:4px !important;
  padding-right:4px !important;
  text-align:right !important;
  box-sizing:border-box !important;
}
@media (max-width:700px){
  .panel.full .row:has(#supplierBaseDiscountPct),
  .panel.full .row:has(#supplierExtraDiscount1Pct),
  .panel.full .row:has(#supplierExtraDiscount2Pct),
  .panel.full .row:has(#customerBaseDiscountPct),
  .panel.full .row:has(#customerExtraDiscount1Pct),
  .panel.full .row:has(#customerExtraDiscount2Pct),
  .panel.purchase .row:has(#supplierBaseDiscountPct),
  .panel.purchase .row:has(#supplierExtraDiscount1Pct),
  .panel.purchase .row:has(#supplierExtraDiscount2Pct),
  .panel.selling .row:has(#customerBaseDiscountPct),
  .panel.selling .row:has(#customerExtraDiscount1Pct),
  .panel.selling .row:has(#customerExtraDiscount2Pct){
    grid-template-columns:minmax(0,1fr) 48px 11px !important;
  }
  #supplierBaseDiscountPct,
  #supplierExtraDiscount1Pct,
  #supplierExtraDiscount2Pct,
  #customerBaseDiscountPct,
  #customerExtraDiscount1Pct,
  #customerExtraDiscount2Pct{
    width:48px !important;
    min-width:48px !important;
    max-width:48px !important;
  }
}
/* V265 — compact Total Discount outputs on purchase and selling sides */
.row:has(#supplierTotalDiscount),
.row:has(#customerTotalDiscount){
  grid-template-columns:minmax(0,1fr) 52px 12px !important;
  column-gap:4px !important;
}
#supplierTotalDiscount,
#customerTotalDiscount{
  width:52px !important;
  min-width:52px !important;
  max-width:52px !important;
  padding-left:4px !important;
  padding-right:4px !important;
  text-align:right !important;
  box-sizing:border-box !important;
}
@media (max-width:700px){
  .row:has(#supplierTotalDiscount),
  .row:has(#customerTotalDiscount){
    grid-template-columns:minmax(0,1fr) 48px 11px !important;
  }
  #supplierTotalDiscount,
  #customerTotalDiscount{
    width:48px !important;
    min-width:48px !important;
    max-width:48px !important;
  }
}
/* V266 — center Home KPI labels, values and icons */
.kpis .kpi{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:space-between !important;
  text-align:center !important;
}
.kpis .kpi .label,
.kpis .kpi .value,
.kpis .kpi .sub,
.kpis .kpi .metricIcon{
  width:100% !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.kpis .kpi .metricIcon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.kpis .kpi .metricIcon svg{
  margin-left:auto !important;
  margin-right:auto !important;
}
/* V267 — improve Full Deal label readability after compacting discount fields */
.panel.full .row .name{
  font-size:calc(1em + 1px) !important;
  line-height:1.22 !important;
}
.panel.full .row .small{
  font-size:calc(1em + 1px) !important;
  line-height:1.28 !important;
}
/* V270 — compact KPI cards with all content kept inside */
.kpis .kpi{
  min-height:108px !important;
  height:auto !important;
  padding:10px 7px 8px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:space-between !important;
  text-align:center !important;
}
.kpis .kpi .label{
  font-size:12px !important;
  line-height:1.05 !important;
  min-height:25px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.kpis .kpi .value{
  font-size:17px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.kpis .kpi .sub{
  font-size:9px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.kpis .kpi .metricIcon{
  width:20px !important;
  height:20px !important;
  min-height:20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.kpis .kpi .metricIcon svg{
  width:20px !important;
  height:20px !important;
  max-width:20px !important;
  max-height:20px !important;
}
@media (max-width:700px){
  .kpis .kpi{
    min-height:92px !important;
    padding:7px 4px 6px !important;
    border-radius:13px !important;
  }
  .kpis .kpi .label{
    font-size:10px !important;
    min-height:21px !important;
  }
  .kpis .kpi .value{
    font-size:14px !important;
  }
  .kpis .kpi .sub{
    font-size:8px !important;
  }
  .kpis .kpi .metricIcon,
  .kpis .kpi .metricIcon svg{
    width:17px !important;
    height:17px !important;
    max-width:17px !important;
    max-height:17px !important;
    min-height:17px !important;
  }
}
/* V274 — show tools and KPI cards immediately on first view */
.hero{
  padding:18px 20px !important;
  margin-bottom:8px !important;
  border-radius:20px !important;
}
.hero h1{
  font-size:28px !important;
  line-height:1.04 !important;
  max-width:720px !important;
}
.hero p{
  margin:8px 0 0 !important;
  font-size:13.5px !important;
  line-height:1.34 !important;
  max-width:720px !important;
}
.toolCards{
  gap:6px !important;
  margin:8px 0 9px !important;
}
.toolCards .toolCard{
  min-height:58px !important;
  padding:7px 12px !important;
  border-radius:15px !important;
}
.toolCards .toolCard .iconCircle{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
}
.toolCards .toolCard h2{
  font-size:15.5px !important;
}
.toolCards .toolCard p{
  font-size:11.8px !important;
  line-height:1.15 !important;
  -webkit-line-clamp:1 !important;
}
.bfBelowCalculators{
  margin-top:22px !important;
}
@media(max-width:850px){
  .hero{padding:14px 15px !important;margin-bottom:7px !important}
  .hero h1{font-size:23px !important;line-height:1.04 !important}
  .hero p{font-size:12.4px !important;line-height:1.27 !important;margin-top:6px !important}
  .toolCards{gap:5px !important;margin:7px 0 8px !important}
  .toolCards .toolCard{
    min-height:54px !important;
    padding:6px 10px !important;
    grid-template-columns:38px 1fr !important;
    column-gap:7px !important;
  }
  .toolCards .toolCard .iconCircle{
    width:32px !important;height:32px !important;min-width:32px !important;
  }
  .toolCards .toolCard h2{font-size:14.4px !important}
  .toolCards .toolCard p{font-size:10.8px !important;line-height:1.12 !important}
}
/* V276 — audience paragraph first; smaller, tighter opening title */
.hero{
  padding:14px 18px !important;
  margin-bottom:7px !important;
}
.hero h1{
  font-size:25px !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
}
.hero p{
  margin-top:6px !important;
  font-size:12.3px !important;
  line-height:1.24 !important;
}
@media(max-width:850px){
  .hero{
    padding:11px 13px !important;
    margin-bottom:6px !important;
  }
  .hero h1{
    font-size:20px !important;
    line-height:1.02 !important;
    letter-spacing:-.03em !important;
  }
  .hero p{
    margin-top:5px !important;
    font-size:11.4px !important;
    line-height:1.2 !important;
  }
}
/* V277 — smaller title, slightly larger audience copy */
.hero h1{
  font-size:23px !important;
  line-height:1.02 !important;
}
.hero p{
  font-size:13.2px !important;
  line-height:1.26 !important;
}
@media(max-width:850px){
  .hero h1{
    font-size:18.5px !important;
    line-height:1.02 !important;
  }
  .hero p{
    font-size:12.2px !important;
    line-height:1.22 !important;
  }
}
/* V278 — smaller headline and more readable audience copy */
.hero h1{
  font-size:21px !important;
  line-height:1.02 !important;
}
.hero p{
  font-size:14.2px !important;
  line-height:1.28 !important;
}
@media(max-width:850px){
  .hero h1{
    font-size:16.5px !important;
    line-height:1.02 !important;
  }
  .hero p{
    font-size:13.2px !important;
    line-height:1.23 !important;
  }
}
/* V284 — tool descriptions match the audience copy size */
.toolCards .toolCard p{
  font-size:14.2px !important;
  line-height:1.28 !important;
  display:block !important;
  overflow:visible !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:initial !important;
}
.toolCards .toolCard p .marketSentence{
  display:block !important;
  margin-top:2px !important;
}
@media(max-width:850px){
  .toolCards .toolCard p{
    font-size:13.2px !important;
    line-height:1.23 !important;
  }
}
/* V285 — smaller currency selector and FAQ heading */
.pillSelect{
  height:40px !important;
  padding:0 10px !important;
  border-radius:12px !important;
  font-size:12.5px !important;
}
.bfSeoFaq > h2{
  font-size:20px !important;
  line-height:1.1 !important;
}
@media(max-width:850px){
  .pillSelect{
    height:36px !important;
    padding:0 9px !important;
    border-radius:11px !important;
    font-size:11.5px !important;
  }
  .bfSeoFaq > h2{
    font-size:18px !important;
    line-height:1.1 !important;
  }
}
/* V287 — keep compact selector while meeting Safari's no-zoom font threshold */
.pillSelect,
.pillSelect:focus{
  font-size:16px !important;
}
.hero h1{
  font-size:23px !important;
  line-height:1.02 !important;
}
@media(max-width:850px){
  .hero h1{
    font-size:18.5px !important;
    line-height:1.02 !important;
  }
}
/* V292 — slightly squarer mobile KPI cards, with icons safely contained */
@media(max-width:850px){
  .kpis .kpi{
    min-height:84px !important;
    padding:6px 4px 5px !important;
  }
  .kpis .kpi .metricIcon{
    flex:0 0 17px !important;
  }
}
/* V298 — keep both Free Goods inputs visible and give Total Discount room for decimals */
.panel.purchase .row.freeGoodsRowV248,
.panel.selling .row.freeGoodsRowV248{
  grid-template-columns:minmax(70px,1fr) 94px 12px !important;
  column-gap:3px !important;
}
.panel.purchase .row.freeGoodsRowV248 .dealWrap,
.panel.selling .row.freeGoodsRowV248 .dealWrap,
.panel.purchase .row.freeGoodsRowV248 .deal,
.panel.selling .row.freeGoodsRowV248 .deal{
  width:94px !important;
  min-width:94px !important;
  max-width:94px !important;
}
.panel.purchase .row.freeGoodsRowV248 .deal,
.panel.selling .row.freeGoodsRowV248 .deal{
  grid-template-columns:42px 10px 42px !important;
}
.panel.purchase .row.freeGoodsRowV248 .deal input,
.panel.selling .row.freeGoodsRowV248 .deal input{
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  padding-left:2px !important;
  padding-right:2px !important;
}
.panel.purchase .row.freeGoodsRowV248 > :nth-child(3),
.panel.selling .row.freeGoodsRowV248 > :nth-child(3){
  width:12px !important;
  min-width:12px !important;
  max-width:12px !important;
}
.row:has(#supplierTotalDiscount),
.row:has(#customerTotalDiscount){
  grid-template-columns:minmax(0,1fr) 70px 12px !important;
  column-gap:4px !important;
}
#supplierTotalDiscount,
#customerTotalDiscount{
  width:70px !important;
  min-width:70px !important;
  max-width:70px !important;
  padding-left:4px !important;
  padding-right:4px !important;
}
@media(max-width:430px){
  .panel.purchase .row.freeGoodsRowV248,
  .panel.selling .row.freeGoodsRowV248{
    grid-template-columns:minmax(68px,1fr) 90px 10px !important;
  }
  .panel.purchase .row.freeGoodsRowV248 .dealWrap,
  .panel.selling .row.freeGoodsRowV248 .dealWrap,
  .panel.purchase .row.freeGoodsRowV248 .deal,
  .panel.selling .row.freeGoodsRowV248 .deal{
    width:90px !important;
    min-width:90px !important;
    max-width:90px !important;
  }
  .panel.purchase .row.freeGoodsRowV248 .deal,
  .panel.selling .row.freeGoodsRowV248 .deal{
    grid-template-columns:40px 10px 40px !important;
  }
  .panel.purchase .row.freeGoodsRowV248 .deal input,
  .panel.selling .row.freeGoodsRowV248 .deal input{
    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;
  }
  .panel.purchase .row.freeGoodsRowV248 > :nth-child(3),
  .panel.selling .row.freeGoodsRowV248 > :nth-child(3){
    width:10px !important;
    min-width:10px !important;
    max-width:10px !important;
  }
  .row:has(#supplierTotalDiscount),
  .row:has(#customerTotalDiscount){
    grid-template-columns:minmax(0,1fr) 66px 11px !important;
  }
  #supplierTotalDiscount,
  #customerTotalDiscount{
    width:66px !important;
    min-width:66px !important;
    max-width:66px !important;
  }
}
/* V300 — restore one centered axis for every element in the five Home KPI cards */
.kpis .kpi{
  align-items:center !important;
  text-align:center !important;
}
.kpis .kpi .label,
.kpis .kpi .value,
.kpis .kpi .sub,
.kpis .kpi .metricIcon{
  width:100% !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  align-self:center !important;
  box-sizing:border-box !important;
}
.kpis .kpi .label,
.kpis .kpi .value,
.kpis .kpi .metricIcon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.kpis .kpi .metricIcon svg{
  display:block !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
/* V302 — Targets includes Unit Profit as a fourth result KPI */
.panel.targets .targetGrid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
@media(max-width:850px){
  .panel.targets .targetGrid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
/* V303 — align KPI values in Price Check and Targets when labels wrap */
@media(max-width:850px){
  .panel.pricecheck .miniGrid .resultPill b,
  .panel.targets .targetGrid .resultPill b{
    width:100% !important;
    height:34px !important;
    min-height:34px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }
  .panel.pricecheck .miniGrid .resultPill span,
  .panel.targets .targetGrid .resultPill span{
    width:100% !important;
    min-height:18px !important;
    margin-top:6px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }
}
/* V304 — stable mobile KPI geometry after legacy inline-style cleanup */
@media(max-width:850px){
  .panel.pricecheck .miniGrid,
  .panel.targets .targetGrid{
    align-items:start !important;
  }
  .panel.pricecheck .miniGrid .resultPill,
  .panel.targets .targetGrid .resultPill{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:1 / 1 !important;
    padding:5px 4px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    text-align:center !important;
  }
  .panel.pricecheck .miniGrid .resultPill > *,
  .panel.targets .targetGrid .resultPill > *{
    align-self:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
    justify-self:center !important;
  }
  .panel.pricecheck .miniGrid .resultPill b,
  .panel.targets .targetGrid .resultPill b{
    width:100% !important;
    height:25px !important;
    min-height:25px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:0 !important;
    font-size:8.2px !important;
    line-height:1.04 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
  .panel.pricecheck .miniGrid .resultPill span,
  .panel.targets .targetGrid .resultPill span{
    width:100% !important;
    height:20px !important;
    min-height:20px !important;
    margin:0 !important;
    padding:0 !important;
    font-size:14px !important;
    line-height:1 !important;
    position:relative !important;
    top:-3px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:nowrap !important;
  }
  .panel.pricecheck .miniGrid .resultPill small,
  .panel.targets .targetGrid .resultPill small{
    display:none !important;
  }
}
/* V305 — deploy-safe centering: CSS and the final JS use the same geometry. */
@media(max-width:850px){
  .kpis .kpi{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:24px 20px 18px !important;
    align-content:center !important;
    align-items:center !important;
    justify-content:center !important;
    justify-items:center !important;
    row-gap:5px !important;
    min-height:84px !important;
    padding:6px 4px !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }
  .kpis .kpi .label,
  .kpis .kpi .value{
    grid-column:1 !important;
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    justify-self:stretch !important;
    align-self:center !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    text-align:center !important;
    text-indent:0 !important;
    position:static !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    box-sizing:border-box !important;
  }
  .kpis .kpi .label{
    grid-row:1 !important;
    height:24px !important;
    min-height:24px !important;
  }
  .kpis .kpi .value{
    grid-row:2 !important;
    height:20px !important;
    min-height:20px !important;
  }
  .kpis .kpi .sub{
    display:none !important;
  }
  .kpis .kpi .metricIcon{
    grid-column:1 !important;
    grid-row:3 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:18px !important;
    min-height:18px !important;
    max-height:18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    justify-self:stretch !important;
    align-self:center !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    box-sizing:border-box !important;
  }
  .kpis .kpi .metricIcon svg{
    width:18px !important;
    min-width:18px !important;
    max-width:18px !important;
    height:18px !important;
    min-height:18px !important;
    max-height:18px !important;
    display:block !important;
    margin:0 auto !important;
    padding:0 !important;
    position:static !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
  }
}
.resultPill.bf-tier-red b,.resultPill.bf-tier-red span,.resultPill.bf-tier-red .resultIcon{color:#DC2626!important;-webkit-text-fill-color:#DC2626!important}
.resultPill.bf-tier-orange b,.resultPill.bf-tier-orange span,.resultPill.bf-tier-orange .resultIcon{color:#F97316!important;-webkit-text-fill-color:#F97316!important}
.resultPill.bf-tier-yellow b,.resultPill.bf-tier-yellow span,.resultPill.bf-tier-yellow .resultIcon{color:#FACC15!important;-webkit-text-fill-color:#FACC15!important}
.resultPill.bf-tier-lime b,.resultPill.bf-tier-lime span,.resultPill.bf-tier-lime .resultIcon{color:#84CC16!important;-webkit-text-fill-color:#84CC16!important}
.resultPill.bf-tier-green b,.resultPill.bf-tier-green span,.resultPill.bf-tier-green .resultIcon{color:#16A34A!important;-webkit-text-fill-color:#16A34A!important}
.kpi.bf-tier-red .value,.kpi.bf-tier-red .metricIcon{color:#DC2626!important;-webkit-text-fill-color:#DC2626!important}
.kpi.bf-tier-orange .value,.kpi.bf-tier-orange .metricIcon{color:#F97316!important;-webkit-text-fill-color:#F97316!important}
.kpi.bf-tier-yellow .value,.kpi.bf-tier-yellow .metricIcon{color:#FACC15!important;-webkit-text-fill-color:#FACC15!important}
.kpi.bf-tier-lime .value,.kpi.bf-tier-lime .metricIcon{color:#84CC16!important;-webkit-text-fill-color:#84CC16!important}
.kpi.bf-tier-green .value,.kpi.bf-tier-green .metricIcon{color:#16A34A!important;-webkit-text-fill-color:#16A34A!important}
.resultPill.bf-tier-red .resultIcon svg,
.resultPill.bf-tier-red .resultIcon svg path,
.resultPill.bf-tier-red .resultIcon svg circle,
.resultPill.bf-tier-red .resultIcon svg ellipse,
.resultPill.bf-tier-red .resultIcon svg line,
.resultPill.bf-tier-red .resultIcon svg polyline,
.resultPill.bf-tier-red .resultIcon svg polygon,
.resultPill.bf-tier-red .resultIcon svg rect{color:#DC2626!important;stroke:#DC2626!important}
.resultPill.bf-tier-orange .resultIcon svg,
.resultPill.bf-tier-orange .resultIcon svg path,
.resultPill.bf-tier-orange .resultIcon svg circle,
.resultPill.bf-tier-orange .resultIcon svg ellipse,
.resultPill.bf-tier-orange .resultIcon svg line,
.resultPill.bf-tier-orange .resultIcon svg polyline,
.resultPill.bf-tier-orange .resultIcon svg polygon,
.resultPill.bf-tier-orange .resultIcon svg rect{color:#F97316!important;stroke:#F97316!important}
.resultPill.bf-tier-yellow .resultIcon svg,
.resultPill.bf-tier-yellow .resultIcon svg path,
.resultPill.bf-tier-yellow .resultIcon svg circle,
.resultPill.bf-tier-yellow .resultIcon svg ellipse,
.resultPill.bf-tier-yellow .resultIcon svg line,
.resultPill.bf-tier-yellow .resultIcon svg polyline,
.resultPill.bf-tier-yellow .resultIcon svg polygon,
.resultPill.bf-tier-yellow .resultIcon svg rect{color:#FACC15!important;stroke:#FACC15!important}
.resultPill.bf-tier-lime .resultIcon svg,
.resultPill.bf-tier-lime .resultIcon svg path,
.resultPill.bf-tier-lime .resultIcon svg circle,
.resultPill.bf-tier-lime .resultIcon svg ellipse,
.resultPill.bf-tier-lime .resultIcon svg line,
.resultPill.bf-tier-lime .resultIcon svg polyline,
.resultPill.bf-tier-lime .resultIcon svg polygon,
.resultPill.bf-tier-lime .resultIcon svg rect{color:#84CC16!important;stroke:#84CC16!important}
.resultPill.bf-tier-green .resultIcon svg,
.resultPill.bf-tier-green .resultIcon svg path,
.resultPill.bf-tier-green .resultIcon svg circle,
.resultPill.bf-tier-green .resultIcon svg ellipse,
.resultPill.bf-tier-green .resultIcon svg line,
.resultPill.bf-tier-green .resultIcon svg polyline,
.resultPill.bf-tier-green .resultIcon svg polygon,
.resultPill.bf-tier-green .resultIcon svg rect{color:#16A34A!important;stroke:#16A34A!important}
.kpis .kpi.profit .metricIcon,
.kpis .kpi.profit .metricIcon svg,
.kpis .kpi.profit .metricIcon svg path,
.kpis .kpi.profit .metricIcon svg circle,
.kpis .kpi.profit .metricIcon svg ellipse,
.kpis .kpi.profit .metricIcon svg line,
.kpis .kpi.profit .metricIcon svg polyline,
.kpis .kpi.profit .metricIcon svg polygon,
.kpis .kpi.profit .metricIcon svg rect{color:#2f9b70!important;stroke:#2f9b70!important}
#targets .targetNeutralPurpleV309 .targetCorrespondingIconV309 svg,
#targets .targetNeutralPurpleV309 .targetCorrespondingIconV309 svg path,
#targets .targetNeutralPurpleV309 .targetCorrespondingIconV309 svg circle,
#targets .targetNeutralPurpleV309 .targetCorrespondingIconV309 svg ellipse,
#targets .targetNeutralPurpleV309 .targetCorrespondingIconV309 svg line,
#targets .targetNeutralPurpleV309 .targetCorrespondingIconV309 svg polyline,
#targets .targetNeutralPurpleV309 .targetCorrespondingIconV309 svg polygon,
#targets .targetNeutralPurpleV309 .targetCorrespondingIconV309 svg rect{color:#7C5CFF!important;stroke:#7C5CFF!important}
.headerRight{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important}
#languageSelect{width:76px!important;min-width:76px!important}
@media(max-width:850px){
  .headerRight{gap:5px!important}
  #languageSelect{width:66px!important;min-width:66px!important;padding-left:7px!important;padding-right:5px!important}
}
/* Top KPI icon size. */
.kpis .kpi .metricIcon svg{
  width:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
}
.resultPill .resultIcon svg{
  width:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
}
/* Calculator KPIs use the same proportions as the top KPIs. */
.resultPill{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:34px 22px 24px!important;
  align-items:center!important;
  justify-items:center!important;
  align-content:center!important;
  row-gap:6px!important;
  min-height:108px!important;
  padding:10px 7px 8px!important;
  box-sizing:border-box!important;
}
.resultPill b{
  align-self:center!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1.05!important;
  margin:0!important;
}
.resultPill span{
  align-self:center!important;
  font-size:15.5px!important;
  font-weight:900!important;
  line-height:1!important;
  margin:0!important;
  position:static!important;
  top:auto!important;
  transform:none!important;
}
.resultPill .resultIcon{
  align-self:center!important;
  justify-self:center!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
.resultPill .resultIcon.marginIcon,
.resultPill .resultIcon.marginIcon svg{
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
}
.panel.full .resultPill b,
.panel.pricecheck .resultPill b,
.panel.targets .resultPill b{
  font-size:10px!important;
  font-weight:850!important;
  line-height:1.05!important;
}
.panel.full .resultPill span,
.panel.pricecheck .resultPill span,
.panel.targets .resultPill span{
  font-size:15.5px!important;
  font-weight:900!important;
  line-height:1!important;
}
.panel.full .resultPill .resultIcon,
.panel.full .resultPill .resultIcon svg{
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
}
.panel.pricecheck .resultPill .resultIcon,
.panel.targets .resultPill .resultIcon,
.panel.pricecheck .resultPill .resultIcon svg,
.panel.targets .resultPill .resultIcon svg{
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
}
.panel.full .resultPill .resultIcon.marginIcon,
.panel.full .resultPill .resultIcon.marginIcon svg{
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
}
.panel.pricecheck .resultPill .resultIcon.marginIcon,
.panel.targets .resultPill .resultIcon.marginIcon,
.panel.pricecheck .resultPill .resultIcon.marginIcon svg,
.panel.targets .resultPill .resultIcon.marginIcon svg{
  
  
  
  
  
  
}
.resultPill small{
  display:none!important;
}
@media(max-width:850px){
  .kpis .kpi .metricIcon svg{
    width:18px!important;
    min-width:18px!important;
    max-width:18px!important;
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
  }
  .resultPill{
    grid-template-rows:34px 22px 24px!important;
    row-gap:5px!important;
    min-height:108px!important;
    padding:6px 4px!important;
    aspect-ratio:auto!important;
  }
  .resultPill b{
    font-size:10px!important;
    font-weight:850!important;
    line-height:1.05!important;
  }
  .resultPill span{
    font-size:15.5px!important;
    font-weight:900!important;
  }
  .panel.full .resultPill b,
  .panel.pricecheck .resultPill b,
  .panel.targets .resultPill b{
    font-size:10px!important;
    font-weight:850!important;
    line-height:1.05!important;
  }
  .panel.full .resultPill span,
  .panel.pricecheck .resultPill span,
  .panel.targets .resultPill span{
    font-size:15.5px!important;
    font-weight:900!important;
    line-height:1!important;
  }
  .panel.full .resultPill .resultIcon,
  .panel.full .resultPill .resultIcon svg{
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
  }
  .panel.pricecheck .resultPill .resultIcon,
  .panel.targets .resultPill .resultIcon,
  .panel.pricecheck .resultPill .resultIcon svg,
  .panel.targets .resultPill .resultIcon svg{
    width:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;
  }
  .panel.full .resultPill .resultIcon.marginIcon,
  .panel.full .resultPill .resultIcon.marginIcon svg{
    width:18px!important;
    min-width:18px!important;
    max-width:18px!important;
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
  }
  .panel.pricecheck .resultPill .resultIcon.marginIcon,
  .panel.targets .resultPill .resultIcon.marginIcon,
  .panel.pricecheck .resultPill .resultIcon.marginIcon svg,
  .panel.targets .resultPill .resultIcon.marginIcon svg{
    
    
    
    
    
    
  }
}
@media(max-width:700px){
  .panel.full .resultPill b,
  .panel.pricecheck .resultPill b,
  .panel.targets .resultPill b{
    font-size:10px!important;
    font-weight:850!important;
  }
  .panel.full .resultPill span,
  .panel.pricecheck .resultPill span,
  .panel.targets .resultPill span{
    font-size:15.5px!important;
    font-weight:900!important;
  }
}
/* V315 — only Full Deal Result KPI card dimensions */
.panel.full .resultsGrid{
  grid-template-columns:repeat(3,minmax(0,112px))!important;
  justify-content:center!important;
}
.panel.full .resultsGrid .resultPill{
  width:100%!important;
  min-height:0!important;
  aspect-ratio:1 / 1!important;
  box-sizing:border-box!important;
}
@media(max-width:850px){
  .panel.full .resultsGrid{
    grid-template-columns:repeat(3,minmax(0,88px))!important;
    justify-content:center!important;
  }
  .panel.full .resultsGrid .resultPill{
    width:100%!important;
    min-height:0!important;
    aspect-ratio:1 / 1!important;
  }
}
/* V316 — Full Deal values already appear in the five summary KPIs */
.panel.full{
  display:none!important;
}
/* V325 — identical internal rows for every Price Check and Targets KPI */
.panel.pricecheck,
.panel.targets{
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
}
.panel.pricecheck .miniGrid .resultPill,
.panel.targets .targetGrid .resultPill{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:34px 22px 24px!important;
  align-items:center!important;
  justify-items:center!important;
  align-content:center!important;
  row-gap:5px!important;
}
.panel.pricecheck .miniGrid .resultPill > b,
.panel.targets .targetGrid .resultPill > b{
  grid-row:1!important;
  align-self:center!important;
  justify-self:stretch!important;
  display:flex!important;
  width:100%!important;
  height:34px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;
  box-sizing:border-box!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:850!important;
  font-style:normal!important;
  font-stretch:normal!important;
  line-height:1.05!important;
  letter-spacing:normal!important;
  text-align:center!important;
  stroke:none!important;
}
.panel.pricecheck .miniGrid .resultPill > span,
.panel.targets .targetGrid .resultPill > span{
  grid-row:2!important;
  align-self:center!important;
  justify-self:stretch!important;
  display:flex!important;
  width:100%!important;
  height:22px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  top:auto!important;
  transform:none!important;
  box-sizing:border-box!important;
  font-family:inherit!important;
  font-size:15.5px!important;
  font-weight:900!important;
  font-style:normal!important;
  font-stretch:normal!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  text-align:center!important;
  stroke:none!important;
}
.panel.pricecheck .miniGrid .resultPill > .resultIcon,
.panel.targets .targetGrid .resultPill > .resultIcon{
  grid-row:3!important;
  align-self:center!important;
  justify-self:center!important;
  
  
  
  
  
  
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;
}
.panel.pricecheck .miniGrid .resultPill > .resultIcon svg,
.panel.targets .targetGrid .resultPill > .resultIcon svg{
  display:block!important;
  margin:auto!important;
}
.panel.pricecheck .miniGrid .resultPill > .marginIcon svg,
.panel.targets .targetGrid .resultPill > .marginIcon svg{
  
  
  
  
  
  
}
/* V326 — redistribute KPI space without resizing cards or contents */
.panel.pricecheck .miniGrid .resultPill,
.panel.targets .targetGrid .resultPill{
  padding:3px 4px 11px!important;
  box-sizing:border-box!important;
}
/* V327 — slightly lower the Price Check and Targets KPI descriptions */
.panel.pricecheck .miniGrid .resultPill > b,
.panel.targets .targetGrid .resultPill > b{
  transform:translateY(3px)!important;
}


/* V334 — Full Deal tool heading matches Price Check and Targets */
#full-deal-calculator.toolIntro .toolTitle{
  font-size:22px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:-.03em!important;
}
@media(max-width:850px){
  #full-deal-calculator.toolIntro .toolTitle{
    font-size:18px!important;
  }
}


/* V335 — Price Check and Targets titles displayed like Full Deal */
.standaloneToolTitleV335{
  margin:0 0 4px!important;
  font-size:22px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:-.03em!important;
}
.standaloneToolTitleV335.priceCheckTitleV335{color:var(--check-accent)!important}
.standaloneToolTitleV335.targetsTitleV335{color:var(--target-accent)!important}
.standaloneToolTitleV335.priceCheckTitleV335 .titleIcon{
  color:var(--check-accent)!important;
  background:var(--check-soft)!important;
  border-color:var(--check-line)!important;
}
.standaloneToolTitleV335.targetsTitleV335 .titleIcon{
  color:var(--target-accent)!important;
  background:var(--target-soft)!important;
  border-color:var(--target-line)!important;
}
#price-check .panelHead h3,
#targets .panelHead h3{
  display:none!important;
}
#price-check .panelHead .sectionIcon,
#targets .panelHead .sectionIcon{
  display:none!important;
}
#price-check .panelHead,
#targets .panelHead{
  gap:10px!important;
}
#price-check .panelHead > div:nth-child(2),
#targets .panelHead > div:nth-child(2){
  flex:1 1 auto!important;
  min-width:0!important;
}
@media(max-width:850px){
  .standaloneToolTitleV335{
    font-size:18px!important;
  }
}


/* V336 — Equal spacing between the three calculator sections */
.priceCheckTitleV335{
  margin-top:14px!important;
}


/* V337 — Clean larger icons beside all three tool titles */
.toolTitle.withIcon .titleIcon,
#full-deal-calculator.toolIntro > h3.withIcon .titleIcon{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.toolTitle.withIcon .titleIcon svg,
#full-deal-calculator.toolIntro > h3.withIcon .titleIcon svg{
  width:24px!important;
  height:24px!important;
}
@media(max-width:850px){
  .toolTitle.withIcon .titleIcon svg,
  #full-deal-calculator.toolIntro > h3.withIcon .titleIcon svg{
    width:22px!important;
    height:22px!important;
  }
}


/* V338 — Separate Full Deal summary KPIs from the introductory tool descriptions */
.toolCards{
  margin-bottom:15px!important;
}


/* V340 — Slightly stronger imperative tagline */
.tagline{
  font-weight:650!important;
}


/* V342 — One runtime size source for all Price Check and Targets KPI icons */
#price-check .miniGrid .resultPill > .resultIcon,
#targets .targetGrid .resultPill > .resultIcon,
#price-check .miniGrid .resultPill > .resultIcon svg,
#targets .targetGrid .resultPill > .resultIcon svg{
  
  
  
  
  
  
  transform:none!important;
  box-sizing:border-box!important;
}
/* V358 — single source for Full Deal field units; every percent symbol is 13px */
.panel.purchase .row.discountCompactRow,
.panel.selling .row.discountCompactRow{
  grid-template-columns:minmax(0,1fr) 82px 12px!important;
  column-gap:5px!important;
  overflow:visible!important;
}
.panel.purchase .row.discountCompactRow > input,
.panel.selling .row.discountCompactRow > input{
  width:82px!important;
  min-width:82px!important;
  max-width:82px!important;
  box-sizing:border-box!important;
}
.panel.purchase .row.discountCompactRow > .unit,
.panel.selling .row.discountCompactRow > .unit,
.panel.purchase .percentUnitV358,
.panel.selling .percentUnitV358,
.panel.purchase .dynamicFeeRow > .tariffFeeUnitV249,
.panel.selling .dynamicFeeRow > .tariffFeeUnitV249,
.panel.purchase .dynamicFeeRow > .tariffFeeUnitV345,
.panel.selling .dynamicFeeRow > .tariffFeeUnitV345,
.panel.purchase .unit.currencySymbol,
.panel.selling .unit.currencySymbol,
.panel.purchase .shippingCurrencyUnitV246,
.panel.selling .shippingCurrencyUnitV246,
.panel.purchase .shippingCurrencyUnitV247,
.panel.selling .shippingCurrencyUnitV247,
.panel.purchase .shippingCurrencyUnitV249,
.panel.selling .shippingCurrencyUnitV249{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:12px!important;
  min-width:12px!important;
  max-width:12px!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  color:#7b8495!important;
  font-size:13px!important;
  font-weight:720!important;
  line-height:1!important;
}
.panel.purchase .dynamicFeeRow,
.panel.selling .dynamicFeeRow{
  grid-template-columns:minmax(0,1fr) 82px 12px 30px!important;
}
@media(max-width:390px){
  .panel.purchase .row.discountCompactRow,
  .panel.selling .row.discountCompactRow{
    grid-template-columns:minmax(0,1fr) 78px 12px!important;
  }
  .panel.purchase .row.discountCompactRow > input,
  .panel.selling .row.discountCompactRow > input{
    width:78px!important;
    min-width:78px!important;
    max-width:78px!important;
  }
  .panel.purchase .dynamicFeeRow,
  .panel.selling .dynamicFeeRow{
    grid-template-columns:minmax(0,1fr) 78px 12px 28px!important;
  }
}

/* BusyFella CLEAN: single size rule for Price Check and Targets KPI icons. */
#price-check .miniGrid .resultPill > .resultIcon,
#targets .targetGrid .resultPill > .resultIcon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}
#price-check .miniGrid .resultPill > .resultIcon > svg,
#targets .targetGrid .resultPill > .resultIcon > svg {
  display: block !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  color: inherit !important;
  stroke: currentColor !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}