/* ── Organization Chart Creator – visual tool module CSS ──
   Loaded after shared-ui.css via asset.php.
── */

/* Eyebrow badge */
.m-eyebrow{display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#635bff;background:rgba(99,91,255,.08);padding:4px 12px;border-radius:999px;margin-bottom:14px}

/* Input grid — single column layout for title and relationships */
.m-card>.m-grid{display:grid;grid-template-columns:1fr;gap:16px}
.m-card>.m-grid .m-field textarea{min-height:160px}

/* Chart title preview */
.m-preview-title{margin:0;padding:12px 24px 8px;font-size:1.05rem;font-weight:800;color:#0f172a}

/* SVG scroll area */
.oc-scroll{overflow:auto;max-height:72vh;border-top:1px solid #e5e5ea}
.oc-scroll svg{display:block}

/* Note text */
.m-note{padding:10px 24px 16px;margin:0;border-top:1px solid #f2f2f7;color:#6e6e73;font-size:.84rem}

@media print{
  .wn-hamburger,.wn-hamburger-panel,.m-actions,.m-note,.wn-site-footer{display:none!important}
  .oc-scroll{max-height:none;border:none}
  .m-card{box-shadow:none!important;border:0!important}
}