/* Note8 v2.2.7 — Styles */
.ns-btn-apply{ display:none !important; }
.ns-row{margin:.5rem 0;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}
.ns-btn{padding:.45rem .7rem;border:1px solid #ddd;border-radius:.45rem;background:#fafafa;cursor:pointer;font-size:.85em;white-space:nowrap}
.ns-btn:disabled{opacity:.5;cursor:default}
.ns-btn-toggle{background:#eef7ff}
.ns-btn-toggle.is-off{background:#fff1f1}
.ns-btn-grammar{background:#f0fff4;border-color:#cde7d8}
.ns-btn-apply{background:#fff7e6;border-color:#f1d7a8}
.ns-status{font-size:.9em;color:#666;margin-left:.5rem}

/* Side-by-side grid (non-translation mode) */
.ns-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}

/* Stacked layout (translation mode) */
.ns-stack{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}
.ns-stack .ns-col{width:100%}

/* Textareas with configurable font size */
.ns-col textarea{width:100%;border:1px solid #ddd;border-radius:.35rem;padding:.5rem;min-height:140px;font-family:inherit;font-size:var(--ns-font-size, 14px);line-height:1.5}

/* Mic / Tape source buttons */
.ns-btn-mic{background:#eef7ff;border-color:#b3d4f7}
.ns-btn-mic.is-active{background:#2563eb;color:#fff;border-color:#1e4fba}
.ns-btn-tape{background:#fef3e2;border-color:#f0d4a0}
.ns-btn-tape.is-active{background:#d97706;color:#fff;border-color:#b45309}

/* v2.2.6: Translation language toggle */
.ns-trans-toggle-row{margin-bottom:.3rem}
.ns-trans-lang{padding:.35rem .6rem;font-size:.8em}
.ns-trans-lang.active{background:#2563eb;color:#fff;border-color:#1e4fba}
.ns-trans-lang[data-ns-trans-lang="vi"].active{background:#dc2626;color:#fff;border-color:#b91c1c}
.ns-trans-lang[data-ns-trans-lang="en"].active{background:#1d4ed8;color:#fff;border-color:#1e3a8a}
.ns-trans-hint{font-size:0.8em;color:#666;margin-left:8px}

@media (max-width: 720px){ .ns-grid{grid-template-columns:1fr} }