/* Woongilde Pro Look */
#wgtc { --brand: var(--wgtc-brand, #0b3b46); --accent: var(--wgtc-accent, #c6a15b); --bg:#0e1622; --ink:#0b1220; --card:#101826; --text:#e6edf5; --muted:#9db0c4; --line:rgba(255,255,255,.08); --radius:18px; }
#wgtc *{box-sizing:border-box}
#wgtc .hero{
  position:relative; padding:28px clamp(16px,4vw,36px); border-radius:var(--radius);
  background: radial-gradient(1200px 400px at 10% 0%, rgba(198,161,91,.18), transparent 60%),
              radial-gradient(1200px 400px at 90% 100%, rgba(11,59,70,.35), transparent 60%),
              linear-gradient(135deg, #0f172a 0%, #111827 100%);
  color:#fff; overflow:hidden; box-shadow:0 30px 60px rgba(0,0,0,.35), inset 0 0 0 1px var(--line);
}
#wgtc .hero .logo{ width:72px; height:72px; border-radius:16px; background:#fff; object-fit:cover; border:2px solid rgba(255,255,255,.25) }
#wgtc .hero h1{ margin:0; font-weight:800; letter-spacing:.2px; font-size:clamp(20px,3.5vw,28px) }
#wgtc .hero p{ margin:.25rem 0 0; color:#cbd5e1 }
#wgtc main{ margin-top:18px; display:grid; gap:18px; grid-template-columns:1fr }
@media (min-width: 980px){ #wgtc main{ grid-template-columns: 1.25fr 1fr } }
#wgtc .card{ background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
  border-radius:var(--radius); padding:18px; border:1px solid var(--line); box-shadow:0 10px 30px rgba(0,0,0,.25) }
#wgtc h2{ margin:0 0 8px; color:#fff; font-size:18px; font-weight:700 }
#wgtc label{ display:block; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin:10px 0 6px }
#wgtc input, #wgtc select, #wgtc textarea{
  width:100%; background:#0b1220; color:#cbd5e1; border:1px solid var(--line);
  border-radius:14px; padding:12px 12px; outline:none; transition:border-color .2s, box-shadow .2s;
}
#wgtc input:focus, #wgtc select:focus, #wgtc textarea:focus{ border-color:rgba(198,161,91,.6); box-shadow:0 0 0 3px rgba(198,161,91,.15) }
#wgtc .row{ display:grid; grid-template-columns:1fr 1fr; gap:12px }
#wgtc .row-3{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px }
#wgtc .help{ font-size:12px; color:#8aa1b6 }
#wgtc .note{ background:rgba(198,161,91,.08); color:#f1e9d2; border:1px dashed rgba(198,161,91,.35); padding:10px 12px; border-radius:12px }
#wgtc .btn{ appearance:none; cursor:pointer; border-radius:12px; border:1px solid transparent; font-weight:700; padding:12px 16px }
#wgtc .btn.primary{ background:linear-gradient(135deg, var(--accent), #e1c688); color:#2d1b00 }
#wgtc .btn.secondary{ background:transparent; border-color:rgba(198,161,91,.5); color:#e8e4da }
#wgtc .btn.ghost{ background:transparent; color:#e2e8f0 }
#wgtc .btn.warn{ background:linear-gradient(135deg,#b45309,#f59e0b); color:#1a0f00 }
#wgtc .btn.ok{ background:linear-gradient(135deg,#16a34a,#34d399); color:#00120a }
#wgtc .actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px }
#wgtc table{ width:100%; border-collapse:collapse; }
#wgtc th,#wgtc td{ padding:10px; text-align:left; border-bottom:1px dashed var(--line); color:#cbd5e1 }
#wgtc tfoot td{ font-weight:800; color:#fff }
#wgtc .right{text-align:right}
#wgtc .totals{ font-size:18px }
#wgtc .badge{ display:inline-block; font-size:11px; padding:4px 8px; border-radius:10px; background:rgba(198,161,91,.15); color:#e9dcbf; }
#wgtc .divider{ height:1px; background:var(--line); margin:12px 0 }
#wgtc .pill{ display:inline-block; padding:4px 10px; border-radius:999px; background:#0b1220; color:#e0e7ff; font-size:12px; border:1px solid var(--line) }

/* Print */
@media print{
  body{ background:#fff !important }
  #wgtc{ color:#000 }
  #wgtc .hero{ background:#fff !important; color:#000; box-shadow:none; border:1px solid #eee }
  #wgtc .card{ box-shadow:none; background:#fff; border:1px solid #eee }
  #wgtc input, #wgtc select, #wgtc textarea{ border:1px solid #ccc; color:#000; background:#fff }
  #wgtc .btn{ display:none }
}