.elementor-45987 .elementor-element.elementor-element-a50d333 > .elementor-container{max-width:1200px;}/* Start custom CSS *//* ═══════════════════════════════════════════════════════════════
   OTTIMIZZATORE COMMISSIONI — CSS Esterno
   Font: system font, pesi: 400, 500, 900 — nessun font esterno
   ═══════════════════════════════════════════════════════════════ */
:root{
  --co2-card:#1a2240;--co2-surface:rgba(255,255,255,.07);--co2-border:rgba(255,255,255,.12);
  --co2-border-strong:rgba(255,255,255,.16);--co2-border-focus:rgba(99,235,160,.5);
  --co2-label:#cdd5e8;--co2-dim:#98a2bc;--co2-muted:#7a85a0;
  --co2-accent:#5cf0a0;--co2-accent-dim:rgba(92,240,160,.18);--co2-accent-border:rgba(92,240,160,.30);
  --co2-red:#ff7b7b;--co2-amber:#fad25a;--co2-amber-dim:rgba(250,210,90,.14);--co2-amber-border:rgba(250,210,90,.25);
  --co2-purple:#b9a2ff;
  --co2-header-gradient:linear-gradient(135deg,#2d1b69,#1a1145);
  --co2-radius:14px;--co2-radius-sm:8px;
  --co2-font:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --co2-mono:'SF Mono',SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;
  --co2-shadow:0 6px 32px rgba(0,0,0,.45);
}
.co2-wrapper{font-family:var(--co2-font);color:#f1f4f9;padding:32px 20px 48px;box-sizing:border-box}
.co2-wrapper *,.co2-wrapper *::before,.co2-wrapper *::after{box-sizing:border-box;margin:0;padding:0}
.co2-header{text-align:center;margin-bottom:36px;animation:co2FD .6s ease}
.co2-header__logo{width:56px;height:56px;margin:0 auto 12px;background:var(--co2-header-gradient);border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;color:var(--co2-accent);box-shadow:0 4px 20px rgba(99,235,160,.15)}
.co2-header__title{font-size:28px;font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,#0f1629 30%,var(--co2-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.co2-header__sub{font-size:13px;color:var(--co2-dim);margin-top:4px;font-weight:400}
.co2-card{max-width:860px;margin:0 auto;background:var(--co2-card);border:1px solid rgba(255,255,255,.14);border-radius:var(--co2-radius);box-shadow:var(--co2-shadow);overflow:hidden;animation:co2FU .5s ease both}

/* Top metrics */
.co2-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-bottom:1px solid rgba(255,255,255,.10)}
.co2-metric{padding:20px;border-right:1px solid rgba(255,255,255,.08)}
.co2-metric:last-child{border-right:none}
.co2-metric--best{background:var(--co2-accent-dim);border-bottom:2px solid var(--co2-accent)}
.co2-metric__label{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--co2-label);margin-bottom:6px;display:flex;align-items:center;gap:4px}
.co2-metric__val{font-family:var(--co2-mono);font-size:24px;font-weight:900;color:#fff}
.co2-metric__val--accent{color:var(--co2-accent)}
.co2-metric__hint{font-size:11px;color:var(--co2-muted);margin-top:4px}

/* Body: 2 columns */
.co2-body{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid rgba(255,255,255,.10)}
.co2-body__left{padding:24px;border-right:1px solid rgba(255,255,255,.08)}
.co2-body__right{padding:24px}

/* Section title */
.co2-stitle{font-size:15px;font-weight:900;color:#fff;margin-bottom:4px;display:flex;align-items:center;gap:8px}
.co2-sdesc{font-size:11px;color:var(--co2-muted);margin-bottom:18px}

/* Form fields */
.co2-field{margin-bottom:18px}
.co2-field__label{font-size:11px;font-weight:900;color:var(--co2-label);margin-bottom:6px}
.co2-field__input{background:var(--co2-surface);border:1px solid var(--co2-border-strong);border-radius:var(--co2-radius-sm);padding:10px 14px;color:#fff;font-family:var(--co2-mono);font-size:16px;font-weight:900;outline:none;width:100%}
.co2-field__input:focus{border-color:var(--co2-border-focus)}
.co2-field__hint{font-size:10px;color:var(--co2-muted);margin-top:4px}

/* Quick select buttons */
.co2-quick{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.co2-quick__btn{padding:6px 14px;border-radius:6px;font-family:var(--co2-font);font-size:11px;font-weight:900;cursor:pointer;border:1px solid var(--co2-border);background:var(--co2-surface);color:var(--co2-dim);transition:all .2s}
.co2-quick__btn:hover{color:#fff;border-color:var(--co2-accent)}

/* Slider */
.co2-slider-wrap{display:flex;align-items:center;gap:10px;margin-top:4px}
.co2-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:rgba(255,255,255,.12);outline:none}
.co2-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--co2-accent);cursor:pointer;box-shadow:0 2px 8px rgba(99,235,160,.3)}
.co2-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--co2-accent);cursor:pointer;border:none}
.co2-slider-val{font-family:var(--co2-mono);font-size:14px;font-weight:900;color:#fff;min-width:30px}

/* Commission input row */
.co2-comm-row{display:flex;gap:10px;align-items:flex-end}
.co2-comm-row__input{flex:1}
.co2-comm-row__btn{padding:10px 20px;border-radius:var(--co2-radius-sm);background:linear-gradient(135deg,#7c6cf0,#5b4cc4);color:#fff;font-family:var(--co2-font);font-size:13px;font-weight:900;border:none;cursor:pointer;white-space:nowrap}
.co2-comm-row__btn:hover{opacity:.9}

/* Table */
.co2-table{width:100%;margin-top:14px}
.co2-table__head{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:0;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.10)}
.co2-table__th{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--co2-label);text-align:center}
.co2-table__row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:0;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);align-items:center}
.co2-table__row--best{background:var(--co2-accent-dim);border-radius:6px;margin:2px 0}
.co2-table__cell{text-align:center;font-size:13px;font-weight:500;color:var(--co2-dim)}
.co2-table__cell--bold{font-family:var(--co2-mono);font-weight:900;color:#fff}
.co2-table__cell--accent{color:var(--co2-accent);font-family:var(--co2-mono);font-weight:900}
.co2-table__cell--red{color:var(--co2-red);font-family:var(--co2-mono);font-weight:900}
.co2-table__cell--tag{font-size:11px;font-weight:900;color:var(--co2-accent)}

/* Bottom tips */
.co2-tips{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0;border-top:1px solid rgba(255,255,255,.10)}
.co2-tip-card{padding:18px;border-right:1px solid rgba(255,255,255,.06)}
.co2-tip-card:last-child{border-right:none}
.co2-tip-card--highlight{background:var(--co2-amber-dim)}
.co2-tip-card__title{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--co2-label);margin-bottom:6px;display:flex;align-items:center;gap:4px}
.co2-tip-card__text{font-size:11px;color:var(--co2-dim);line-height:1.5}

@keyframes co2FU{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes co2FD{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){
  .co2-wrapper{padding:20px 10px 36px}.co2-header__title{font-size:22px}
  .co2-metrics{grid-template-columns:1fr}.co2-metric{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}
  .co2-body{grid-template-columns:1fr}.co2-body__left{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}
  .co2-tips{grid-template-columns:1fr 1fr}.co2-tip-card{border-bottom:1px solid rgba(255,255,255,.06)}
}/* End custom CSS */