:root{
  --wg-purple:#2E1F6D;
  --wg-text:#111827;
  --wg-gray:#EEF1F7;
  --wg-border:#E5E7EB;
  --wg-white:#fff;
}
.worgoo-kdv-root *{box-sizing:border-box}

.worgoo-kdv-root{font-family:'Space Grotesk', ui-sans-serif, system-ui;color:var(--wg-text);}
/* container width -> 1450px */
.wg-wrap{max-width:1450px;margin:40px auto;padding:0 24px;}
.wg-title{font-weight:600;font-size:28px;line-height:1.2;margin:8px 0 6px}
.wg-sub{color:#6B7280;max-width:640px;font-size:14px;}

.wg-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:16px}
@media(min-width:1024px){.wg-grid{grid-template-columns:1.1fr .9fr}}

.wg-card{background:var(--wg-white);border:1px solid var(--wg-border);border-radius:20px;box-shadow:0 1px 2px rgba(0,0,0,.04);overflow:hidden;}
.wg-card-body{padding:24px}

.wg-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px}
.wg-tab{height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:600;text-align:center;background:#F3F4F6;color:#374151;border:1px solid var(--wg-border);transition:.2s}
.worgoo-kdv-root .wg-tab--active{background:var(--wg-purple) !important;color:#fff !important;border-color:var(--wg-purple) !important}

.wg-field{margin-top:16px}
.wg-label{display:block;font-size:13px;margin-bottom:8px}
.wg-input-row{display:flex;gap:8px;align-items:center}
.wg-unit{padding:12px;border-radius:12px;background:#F3F4F6;color:#6B7280}
.wg-input{flex:1;min-width:0;height:48px;padding:12px 14px;border:1px solid var(--wg-border);border-radius:12px;background:#fff}

.wg-rate{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 140px;gap:12px;margin-top:8px;align-items:stretch}
.worgoo-kdv-root .wg-btn{height:48px;padding:12px 16px;border:1px solid var(--wg-border);border-radius:12px;background:#fff;transition:.2s;font-size:14px;min-width:0;text-align:center}
.worgoo-kdv-root .wg-btn:hover{border-color:var(--wg-purple);color:var(--wg-purple)}
.worgoo-kdv-root .wg-btn--selected{background:var(--wg-purple)!important;color:#fff!important;border-color:var(--wg-purple)!important}

.wg-actions{display:flex;gap:12px;margin-top:20px;align-items:center}
.wg-btn-clear{height:48px;padding:12px 18px;border-radius:12px;border:1px solid var(--wg-purple);background:#fff;color:var(--wg-purple);font-weight:600}
.wg-btn-calc{flex:1;height:48px;padding:12px 18px;border-radius:12px;background:var(--wg-purple);color:#fff;font-weight:700;border:0;letter-spacing:.02em}
.wg-btn-disabled{opacity:.5;cursor:not-allowed}

/* Visual: white background as requested */
.wg-visual{height:240px;border:1px solid var(--wg-border);border-radius:20px;background:var(--wg-white);display:flex;align-items:center;justify-content:center;margin-bottom:16px;padding:16px}
.wg-visual img{max-width:260px;max-height:100%;height:auto;width:auto;display:block}

.wg-res{padding:20px}
.wg-row{display:flex;align-items:center;justify-content:space-between;margin:10px 0}
.wg-row span{font-size:14px}
.wg-row b{font-weight:600}
.wg-muted{color:#6B7280;font-size:12px}