/* Base theme */
:root {
  --bg: #f6f8fb;
  --card: #fff;
  --text: #111827;
  --muted: #6b7280;
  --primary: #2563eb;
  --border: #e5e7eb;
  --ring: rgba(37, 99, 235, .25);
}
.pcmg-calc-container { max-width: 980px; margin: 24px auto; padding: 0 16px; }
.pcmg-card {
  background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 16px;
  box-shadow: 0 10px 24px rgba(0,0,0,.04);
}
.pcmg-title { font-size: 1.4rem; margin: 0 0 12px; display:flex; gap:.5rem; align-items:center; }
.pcmg-muted { color: var(--muted); font-size: .95rem; }
.pcmg-toolbar { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom: 12px; }
.pcmg-rate-box { display:flex; gap:8px; align-items:center; padding:8px 10px; background:#f8fafc; border:1px solid var(--border); border-radius:12px; }
.pcmg-rate-box input[type="number"] { width: 120px; padding:8px; border:1px solid var(--border); border-radius:10px; }
.pcmg-btn { display:inline-flex; align-items:center; gap:.5rem; padding:9px 12px; border-radius:10px; cursor:pointer; border:1px solid transparent; font-weight:600; background: var(--primary); color:#fff; box-shadow: 0 6px 16px var(--ring); }
.pcmg-secondary { background:#fff; color: var(--text); border-color: var(--border); box-shadow:none; }
.pcmg-btn:disabled { opacity:.6; cursor:not-allowed; }
.pcmg-tabs { display:flex; gap:6px; flex-wrap:wrap; margin: 8px 0 12px; }
.pcmg-tab { padding:8px 12px; border:1px solid var(--border); background:#fff; border-radius:999px; cursor:pointer; font-weight:600; }
.pcmg-tab.active { background:#111827; color:#fff; border-color:#111827; }
.pcmg-grid { display:grid; grid-template-columns: 1fr; gap:12px; }
@media (min-width: 720px) { .pcmg-grid { grid-template-columns: repeat(2, 1fr); } }
.pcmg-field { display:flex; flex-direction:column; gap:6px; }
.pcmg-label { font-weight:600; }
.pcmg-input, .pcmg-calc-container select, .pcmg-calc-container textarea {
  padding:10px 12px; border:1px solid var(--border); border-radius:10px; font-size:1rem; background:#fff;
}
.pcmg-input:focus, .pcmg-calc-container select:focus, .pcmg-calc-container textarea:focus { outline:none; box-shadow: 0 0 0 6px var(--ring); }
.pcmg-row { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.pcmg-grow { flex:1 1 auto; }
.pcmg-results { margin-top: 14px; padding: 12px; border:1px solid var(--border); border-radius:14px; background:#f8fafc; }
.pcmg-chips { display:flex; flex-wrap:wrap; gap:8px; }
.pcmg-chip { padding:8px 10px; border:1px solid var(--border); border-radius:999px; background:#fff; display:inline-flex; gap:.4rem; align-items:center; }
.pcmg-right { text-align:right; }
.pcmg-footnote { margin-top: 8px; color: var(--muted); font-size:.9rem; }
.pcmg-amount { font-size:1.4rem; font-weight:800; }

/* RTL tweaks */
html[dir="rtl"] .pcmg-right { text-align: left; }
html[dir="rtl"] .pcmg-row { flex-direction: row-reverse; }
html[dir="rtl"] .pcmg-chips { justify-content: flex-end; }