.pan-inner { padding: 20px; background: var(--mm-bg-light); border: 1px dashed var(--mm-border); border-radius: var(--mm-radius); }
.pan-title { font-size: 1.15em; margin-bottom: 15px; color: var(--mm-text-heading); font-weight: bold; }
.pan-row { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 15px; }
.pan-col { flex: 1 1 calc(50% - 15px); min-width: 140px; box-sizing: border-box; text-align: left; }
.pan-col label { display: block; font-size: 0.95em; margin-bottom: 5px; color: var(--mm-text-dark); font-weight: 600; }
.pan-col input[type="number"], .pan-col select { width: 100%; padding: 10px; border: 1px solid var(--mm-border-input); border-radius: var(--mm-radius); box-sizing: border-box; font-family: inherit; font-size: 0.95em; color: var(--mm-text-dark); }
.pan-col input[type="number"]:focus, .pan-col select:focus { outline: 2px solid var(--mm-primary); border-color: transparent; }
.pan-checkbox-row { display: none; margin-top: -10px; margin-bottom: 15px; }
.pan-checkbox-label { font-weight: normal; font-size: 0.95em; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; color: var(--mm-text-dark); }
.pan-checkbox-label input[type="checkbox"] { width: 16px; height: 16px; margin: 0; cursor: pointer; accent-color: var(--mm-primary); }
.pan-equiv-box { background: var(--mm-bg-highlight); padding: 12px; border-radius: var(--mm-radius); margin-top: 15px; font-size: 0.95em; color: var(--mm-text-dark); line-height: 1.4; border: 1px solid var(--mm-border-light); }
.pan-result-box { background: #ffffff; padding: 20px; border: 1px solid var(--mm-border); border-radius: var(--mm-radius); margin-top: 20px; text-align: center; font-size: 1em; color: var(--mm-text-dark); }
.pan-result-box span { font-size: 2.2em; font-weight: bold; color: var(--mm-primary); display: block; margin-top: 5px; line-height: 1.1; }
.pan-example-text { font-size: 0.9em; color: var(--mm-text-muted); margin-top: 15px; text-align: left; background: #ffffff; padding: 15px; border-left: 3px solid var(--mm-border-input); line-height: 1.4; }

@media (max-width: 600px) {
  .pan-row { flex-direction: column; }
  .pan-col { flex: 1 1 100%; }
}