.zrh-gear-calculator {
    --zrh-red: #e53935;
    --zrh-red-dark: #9d0f0f;
    --zrh-bg: #0f1115;
    --zrh-surface: #171b21;
    --zrh-surface-2: #1e242c;
    --zrh-heading: #f4f6f8;
    --zrh-text: #c7ccd4;
    --zrh-muted: #8f98a3;
    --zrh-border: #303640;
    --zrh-gold: #d6a84b;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 28px;
    background:
        radial-gradient(circle at 100% 0%, rgba(229,57,53,.10), transparent 28%),
        linear-gradient(180deg, #12161b 0%, #0b0e12 100%);
    border: 1px solid var(--zrh-border);
    border-radius: 6px;
    color: var(--zrh-text);
    box-shadow: 0 20px 50px rgba(0,0,0,.28);
    font-family: Inter, Arial, sans-serif;
}
.zrh-gear-calculator * { box-sizing: border-box; }
.zrh-gc-head { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; margin-bottom:26px; }
.zrh-gc-kicker { color:var(--zrh-red); font:700 13px/1 "Barlow Condensed", Arial, sans-serif; letter-spacing:1.8px; text-transform:uppercase; margin-bottom:8px; }
.zrh-gc-head h2 { margin:0; color:var(--zrh-heading); font:700 clamp(32px,4vw,50px)/.95 "Barlow Condensed", Arial, sans-serif; text-transform:uppercase; }
.zrh-gc-head p { max-width:720px; margin:12px 0 0; color:var(--zrh-muted); font-size:14px; line-height:1.55; }
.zrh-gc-legend { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.zrh-gc-legend span,.zrh-gc-step-status { padding:5px 8px; border-radius:3px; border:1px solid var(--zrh-border); font:700 11px/1 "Barlow Condensed",Arial,sans-serif; text-transform:uppercase; letter-spacing:.5px; }
.is-verified { color:#86e4a7; border-color:#2f7f4c !important; background:rgba(57,184,107,.10); }
.is-chart { color:#8bbcff; border-color:#315f96 !important; background:rgba(47,141,255,.10); }
.is-estimated { color:#f1cc74; border-color:#8c6b22 !important; background:rgba(214,168,75,.10); }
.is-partial { color:#f1cc74; border-color:#8c6b22 !important; background:rgba(214,168,75,.10); }
.is-missing { color:#ff8f8f; border-color:#7f2c2c !important; background:rgba(229,57,53,.08); }
.zrh-gc-controls { display:grid; grid-template-columns:minmax(180px,1fr) 34px minmax(180px,1fr) auto; gap:12px; align-items:end; padding:18px; border:1px solid var(--zrh-border); background:rgba(8,11,15,.72); border-radius:5px; }
.zrh-gc-controls label span { display:block; margin-bottom:7px; color:var(--zrh-muted); font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.55px; }
.zrh-gc-controls select { width:100%; height:46px; padding:0 12px; color:var(--zrh-heading); background:#0a0d11; border:1px solid #414a55; border-radius:4px; font:600 14px Inter,Arial,sans-serif; }
.zrh-gc-arrow { align-self:center; padding-top:18px; text-align:center; color:var(--zrh-red); font-size:25px; }
.zrh-gc-calc { height:46px; padding:0 22px; border:1px solid #ff4c4c; border-radius:4px; color:#fff; background:linear-gradient(180deg,#cf1b1b 0%,#8f0e12 100%); font:700 15px "Barlow Condensed",Arial,sans-serif; text-transform:uppercase; letter-spacing:.5px; cursor:pointer; }
.zrh-gc-calc:hover { filter:brightness(1.12); }
.zrh-gc-summary { margin-top:18px; padding:20px; border:1px solid var(--zrh-border); border-radius:5px; background:linear-gradient(180deg,rgba(30,36,44,.82),rgba(17,21,27,.82)); }
.zrh-gc-summary-head { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; }
.zrh-gc-result-label { color:var(--zrh-muted); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.8px; }
.zrh-gc-route { margin-top:4px; color:var(--zrh-heading); font:700 23px "Barlow Condensed",Arial,sans-serif; }
.zrh-gc-status { flex:0 0 auto; padding:7px 10px; border-radius:3px; border:1px solid var(--zrh-border); color:var(--zrh-text); font:700 11px "Barlow Condensed",Arial,sans-serif; text-transform:uppercase; letter-spacing:.6px; }
.zrh-gc-status.is-complete { color:#86e4a7; border-color:#2f7f4c; background:rgba(57,184,107,.10); }
.zrh-gc-status.is-estimated { color:#f1cc74; border-color:#8c6b22; background:rgba(214,168,75,.10); }
.zrh-gc-status.is-incomplete { color:#f1cc74; border-color:#8c6b22; background:rgba(214,168,75,.10); }
.zrh-gc-status.is-error { color:#ff8f8f; border-color:#7f2c2c; background:rgba(229,57,53,.08); }
.zrh-gc-materials { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:18px; }
.zrh-gc-material { display:flex; align-items:center; gap:11px; min-height:78px; padding:12px; border:1px solid #29303a; border-radius:4px; background:#0d1116; }
.zrh-gc-material-icon { display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center; border:1px solid #555f6a; border-radius:50%; color:var(--zrh-gold); font-size:18px; }
.zrh-gc-material-icon.oil { border-radius:5px; }
.zrh-gc-material-icon.crystal { color:#d6a84b; }
.zrh-gc-material-icon.blueprint { border-radius:4px; }
.zrh-gc-material small { display:block; color:var(--zrh-muted); font-size:11px; line-height:1.2; }
.zrh-gc-material strong { display:block; margin-top:3px; color:var(--zrh-heading); font:700 24px "Barlow Condensed",Arial,sans-serif; }
.zrh-gc-warning { margin-top:14px; padding:12px 14px; border-left:3px solid var(--zrh-gold); background:rgba(214,168,75,.08); color:#e0c98d; font-size:13px; line-height:1.5; }
.zrh-gc-breakdown { margin-top:16px; border:1px solid var(--zrh-border); border-radius:5px; background:#0c1015; overflow:hidden; }
.zrh-gc-breakdown summary { cursor:pointer; padding:13px 16px; color:var(--zrh-heading); font:700 14px "Barlow Condensed",Arial,sans-serif; text-transform:uppercase; letter-spacing:.6px; }
.zrh-gc-steps { border-top:1px solid var(--zrh-border); }
.zrh-gc-step { display:grid; grid-template-columns:minmax(180px,1.4fr) auto minmax(180px,1fr); gap:12px; align-items:center; padding:11px 14px; border-bottom:1px solid #242a32; }
.zrh-gc-step:last-child { border-bottom:0; }
.zrh-gc-step-main strong { display:block; color:var(--zrh-heading); font-size:13px; }
.zrh-gc-step-main small { display:block; margin-top:3px; color:var(--zrh-muted); font-size:11px; line-height:1.35; }
.zrh-gc-step-mats { color:var(--zrh-text); font-size:12px; text-align:right; }
.zrh-gc-data-note { display:flex; gap:14px; margin-top:18px; padding:17px 18px; border:1px solid #55451d; border-radius:5px; background:linear-gradient(180deg,rgba(214,168,75,.075),rgba(214,168,75,.035)); }
.zrh-gc-note-icon { flex:0 0 30px; width:30px; height:30px; display:flex; align-items:center; justify-content:center; border:1px solid #8c6b22; border-radius:50%; color:var(--zrh-gold); font-weight:800; }
.zrh-gc-data-note h3 { margin:1px 0 6px; color:#f0d58d; font:700 19px "Barlow Condensed",Arial,sans-serif; text-transform:uppercase; }
.zrh-gc-data-note p { margin:6px 0; color:#c8b98e; font-size:12.5px; line-height:1.55; }
.zrh-gc-submit { display:inline-flex; margin-top:7px; padding:9px 13px; border:1px solid #a17b26; border-radius:4px; color:#f0d58d !important; font:700 12px "Barlow Condensed",Arial,sans-serif; text-transform:uppercase; letter-spacing:.5px; text-decoration:none; }
.zrh-gc-submit:hover { background:rgba(214,168,75,.10); }
@media (max-width:900px) {
    .zrh-gc-head { display:block; }
    .zrh-gc-legend { justify-content:flex-start; margin-top:14px; }
    .zrh-gc-materials { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
    .zrh-gear-calculator { padding:18px; }
    .zrh-gc-controls { grid-template-columns:1fr; }
    .zrh-gc-arrow { display:none; }
    .zrh-gc-calc { width:100%; }
    .zrh-gc-materials { grid-template-columns:1fr; }
    .zrh-gc-step { grid-template-columns:1fr; }
    .zrh-gc-step-mats { text-align:left; }
    .zrh-gc-summary-head { display:block; }
    .zrh-gc-status { display:inline-block; margin-top:10px; }
}