/* SG-Tronic Motorsport V512 - dark premium ECU remapping calculator.
   Scoped to the calculator component on ECU remapping and tuning files pages.
   Loaded AFTER legacy theme sheets to prevent pale or over-constrained form controls.
 */
body #ecu-remapping-calculator.sgtm-calc-section {
  width:min(1200px,calc(100% - 32px)) !important;
  max-width:1200px !important;
  margin:clamp(32px,4vw,60px) auto !important;
  padding:clamp(22px,4vw,50px) !important;
  background:linear-gradient(145deg,#061b2e 0%,#08283f 54%,#0c3d5a 100%) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:8px !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}
#ecu-remapping-calculator *,#ecu-remapping-calculator *::before,#ecu-remapping-calculator *::after{box-sizing:border-box}
#ecu-remapping-calculator .sgtm-calc-head{
  max-width:870px !important;margin:0 auto clamp(20px,3vw,30px) !important;text-align:center !important;
}
#ecu-remapping-calculator .sgtm-calc-head .label{
  color:#8ce7ff !important;letter-spacing:.13em !important;font-size:12px !important;line-height:1.5 !important;
}
#ecu-remapping-calculator .sgtm-calc-head h2{
  margin:12px auto 14px !important;max-width:none !important;
  font-size:clamp(26px,3.4vw,44px) !important;line-height:1.14 !important;
  color:#fff !important;letter-spacing:-.02em !important;text-align:center !important;
}
#ecu-remapping-calculator .sgtm-calc-head h2::after{display:none !important}
#ecu-remapping-calculator .sgtm-calc-head p{
  font-size:clamp(14px,1.2vw,16px) !important;line-height:1.65 !important;
  max-width:780px !important;margin:0 auto !important;color:#d8e8f2 !important;text-align:center !important;
}
#ecu-remapping-calculator .sgtm-calculator{
  display:grid !important;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr) !important;
  gap:clamp(14px,2vw,22px) !important;max-width:1100px !important;margin:0 auto !important;
  align-items:stretch !important;overflow:visible !important;position:relative;
}
#ecu-remapping-calculator :is(.calc-panel,.calc-result){
  padding:clamp(19px,2.3vw,30px) !important;min-width:0 !important;
  overflow:visible !important;border-radius:7px !important;
  box-shadow:none !important;backdrop-filter:none !important;
}
#ecu-remapping-calculator .calc-panel{
  background:linear-gradient(160deg,#102e48 0%,#092438 100%) !important;
  color:#f9fdff !important;border:1px solid #38617b !important;
}
#ecu-remapping-calculator .calc-result{
  background:linear-gradient(160deg,#071d30 0%,#103955 100%) !important;
  color:#fff !important;border:1px solid #37647f !important;
}
#ecu-remapping-calculator .calc-grid{
  display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  column-gap:14px !important;row-gap:17px !important;align-items:start !important;
}
#ecu-remapping-calculator .calc-field{
  display:flex !important;flex-direction:column !important;gap:7px !important;
  min-width:0 !important;position:relative !important;
}
#ecu-remapping-calculator .calc-field.full{grid-column:1 / -1 !important}
#ecu-remapping-calculator .calc-field > label{
  margin:0 !important;font-size:11px !important;letter-spacing:.07em !important;
  text-transform:uppercase !important;font-weight:800 !important;
  line-height:1.45 !important;color:#edf7ff !important;
}
#ecu-remapping-calculator :is(.calc-field > input,.calc-field > select,.sgtm-calc-combo-trigger,.sgtm-calc-combo-search){
  width:100% !important;max-width:100% !important;min-width:0 !important;
  height:45px !important;min-height:45px !important;
  padding:0 12px !important;border:1px solid #59819b !important;
  border-radius:5px !important;background:#081e31 !important;
  color:#fff !important;-webkit-text-fill-color:#fff !important;
  font:600 14px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif !important;
  letter-spacing:0 !important;text-overflow:ellipsis !important;
  box-shadow:none !important;
}
#ecu-remapping-calculator :is(.calc-field > input,.sgtm-calc-combo-search)::placeholder{
  color:#a5c2d5 !important;-webkit-text-fill-color:#a5c2d5 !important;opacity:1 !important;
}
#ecu-remapping-calculator .calc-field > select{appearance:auto !important;cursor:pointer !important;}
#ecu-remapping-calculator .calc-field select option{color:#fff !important;background:#09253b !important;}
#ecu-remapping-calculator :is(.calc-field > input,.calc-field > select,.sgtm-calc-combo-trigger,.sgtm-calc-combo-search):focus-visible{
  border-color:#72d7ff !important;outline:2px solid #72d7ff !important;outline-offset:1px !important;
}
#ecu-remapping-calculator .calc-options{
  display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:9px !important;margin:2px 0 0 !important;
}
#ecu-remapping-calculator label.calc-option{
  display:flex !important;align-items:center !important;gap:10px !important;
  padding:10px 12px !important;min-height:61px !important;
  border:1px solid #426d89 !important;border-radius:5px !important;
  background:#091e31 !important;color:#fff !important;
  font:700 12px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif !important;
  text-transform:none !important;letter-spacing:0 !important;cursor:pointer !important;
}
#ecu-remapping-calculator label.calc-option input{
  width:17px !important;height:17px !important;min-height:17px !important;
  flex-shrink:0 !important;accent-color:#36baff !important;margin:0 !important;
}
#ecu-remapping-calculator .calc-button{
  width:100% !important;min-height:48px !important;
  padding:12px 16px !important;margin-top:18px !important;
  border:0 !important;border-radius:5px !important;
  background:linear-gradient(100deg,#29b7f4,#087ac7) !important;
  color:#fff !important;font-size:15px !important;font-weight:850 !important;box-shadow:none !important;
}
#ecu-remapping-calculator .calc-button:hover{filter:brightness(1.1) !important;transform:none !important}
#ecu-remapping-calculator .calc-error{color:#ffbac0 !important;font-size:13px !important;line-height:1.5 !important}
#ecu-remapping-calculator .calc-error:empty{display:none !important}
#ecu-remapping-calculator .calc-result>span{color:#9ae9ff !important;font-size:11px !important;letter-spacing:.1em !important}
#ecu-remapping-calculator .calc-result h3{color:#fff !important;font-size:clamp(21px,2vw,26px) !important;line-height:1.2 !important;margin:10px 0 16px !important}
#ecu-remapping-calculator .calc-stage{color:#b0efff !important;line-height:1.45 !important;white-space:normal !important;max-width:100% !important;overflow-wrap:anywhere !important}
#ecu-remapping-calculator .calc-metrics{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;margin:15px 0 !important}
#ecu-remapping-calculator .calc-metric{padding:14px !important;min-width:0 !important;border-radius:5px !important;background:#113b57 !important;border:1px solid #416780 !important}
#ecu-remapping-calculator .calc-metric small{color:#d7eafa !important;font-size:10px !important;letter-spacing:.035em !important}
#ecu-remapping-calculator .calc-metric strong{color:#8be4ff !important;display:block !important;font-size:clamp(18px,2vw,25px) !important;line-height:1.3 !important;overflow-wrap:anywhere !important}
#ecu-remapping-calculator .calc-metric em{color:#cde8f5 !important;font-size:11px !important}
#ecu-remapping-calculator .calc-summary{padding:14px !important;margin:15px 0 !important;border-left:3px solid #37c5ff !important;background:rgba(39,140,205,.15) !important;color:#e1f1fb !important;line-height:1.65 !important;font-size:13px !important}
#ecu-remapping-calculator .calc-disclaimer{font-size:12px !important;color:#bbd5e5 !important;line-height:1.65 !important}
#ecu-remapping-calculator .calc-actions{display:flex !important;gap:9px !important;flex-wrap:wrap !important}
#ecu-remapping-calculator .calc-actions a{min-height:43px !important;padding:9px 12px !important;border-radius:5px !important;line-height:1.35 !important;font-size:12px !important}
#ecu-remapping-calculator .calc-actions .calc-primary{background:#087ac7 !important;color:#fff !important}
#ecu-remapping-calculator .calc-actions .calc-secondary{color:#fff !important}
/* Replaces the long native brand/model menus only when JS successfully loads. */
#ecu-remapping-calculator .calc-field > select.sgtm-calc-native-hidden{
  position:absolute !important;width:1px !important;min-width:1px !important;
  height:1px !important;min-height:1px !important;opacity:0 !important;
  pointer-events:none !important;clip-path:inset(50%) !important;
  padding:0 !important;margin:0 !important;overflow:hidden !important;
}
#ecu-remapping-calculator .sgtm-calc-combo{position:relative;width:100%;min-width:0;z-index:auto}
#ecu-remapping-calculator .sgtm-calc-combo.is-open{z-index:1000 !important}
#ecu-remapping-calculator .sgtm-calc-combo-trigger{
  display:block !important;cursor:pointer !important;position:relative !important;
  overflow:hidden !important;text-align:left !important;padding-right:35px !important;
  white-space:nowrap !important;text-overflow:ellipsis !important;
}
#ecu-remapping-calculator .sgtm-calc-combo-trigger::after{
  content:"";position:absolute;right:15px;top:16px;width:8px;height:8px;
  border-right:2px solid #e4f6ff;border-bottom:2px solid #e4f6ff;transform:rotate(45deg);
}
#ecu-remapping-calculator .sgtm-calc-combo.is-open .sgtm-calc-combo-trigger::after{transform:rotate(225deg);top:20px}
#ecu-remapping-calculator .sgtm-calc-popover{
  position:absolute;left:0;top:calc(100% + 5px);z-index:1001;width:100%;
  padding:9px;background:#082338;color:#fff;border:1px solid #69a9cd;
  border-radius:6px;box-shadow:0 18px 38px rgba(0,0,0,.45);
}
#ecu-remapping-calculator .sgtm-calc-popover[hidden]{display:none !important}
#ecu-remapping-calculator .sgtm-calc-combo-search{height:40px !important;min-height:40px !important;margin-bottom:7px !important;font-size:13px !important}
#ecu-remapping-calculator .sgtm-calc-list{
  max-height:220px !important;overflow-y:auto !important;overscroll-behavior:contain !important;
  scrollbar-color:#427a9b #082338;padding:1px;
}
#ecu-remapping-calculator .sgtm-calc-option{
  display:block;width:100%;min-height:37px;margin:0 0 2px;
  padding:8px 10px;background:#0b2e48;border:0;border-radius:4px;
  color:#f8fcff !important;font:600 13px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;
  text-align:left;cursor:pointer;
}
#ecu-remapping-calculator .sgtm-calc-option:hover,#ecu-remapping-calculator .sgtm-calc-option:focus-visible,
#ecu-remapping-calculator .sgtm-calc-option[aria-selected="true"]{
  background:#16618c !important;color:#fff !important;outline:1px solid #54c6ff !important;
}
#ecu-remapping-calculator .sgtm-calc-no-results{padding:10px;color:#deecf5;font-size:13px}
@media(max-width:1050px){
 body #ecu-remapping-calculator.sgtm-calc-section{width:calc(100% - 28px) !important;padding:clamp(19px,3vw,32px) !important}
 #ecu-remapping-calculator .sgtm-calculator{grid-template-columns:minmax(0,1fr) !important;gap:16px !important}
}
@media(max-width:630px){
 body #ecu-remapping-calculator.sgtm-calc-section{width:calc(100% - 16px) !important;padding:24px 12px !important}
 #ecu-remapping-calculator .calc-grid{grid-template-columns:minmax(0,1fr) !important}
 #ecu-remapping-calculator .calc-options{grid-template-columns:minmax(0,1fr) !important}
 #ecu-remapping-calculator :is(.calc-panel,.calc-result){padding:17px !important}
 #ecu-remapping-calculator .sgtm-calc-head h2{font-size:clamp(26px,7vw,35px) !important}
 #ecu-remapping-calculator .calc-metrics{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:340px){#ecu-remapping-calculator .calc-metrics{grid-template-columns:1fr !important}}
/* Prevent the legacy oversized decorative orb from creating sideways scrolling
   when the new search list needs the calculator section to allow overflow. */
body #ecu-remapping-calculator.sgtm-calc-section::before{display:none !important;content:none !important}