| @@ -1726,113 +1726,4 @@ | ||
| 1726 | 1726 | .mxch-types-grid { |
| 1727 | 1727 | grid-template-columns: repeat(2, 1fr); |
| 1728 | 1728 | } |
| 1729 | 1729 | } |
| 1730 | - | |
| 1731 | -/* ========================================================================== | |
| 1732 | - Phrase Tag Input | |
| 1733 | - ========================================================================== */ | |
| 1734 | - | |
| 1735 | -.mxch-phrase-input-wrapper { | |
| 1736 | - border: 1px solid var(--mxch-card-border, #e5e7eb); | |
| 1737 | - border-radius: 8px; | |
| 1738 | - padding: 10px; | |
| 1739 | - background: var(--mxch-card-bg, #fff); | |
| 1740 | -} | |
| 1741 | - | |
| 1742 | -.mxch-phrase-tags { | |
| 1743 | - display: flex; | |
| 1744 | - flex-wrap: wrap; | |
| 1745 | - gap: 6px; | |
| 1746 | - margin-bottom: 8px; | |
| 1747 | - min-height: 28px; | |
| 1748 | -} | |
| 1749 | - | |
| 1750 | -.mxch-phrase-tags:empty { | |
| 1751 | - margin-bottom: 0; | |
| 1752 | -} | |
| 1753 | - | |
| 1754 | -.mxch-phrase-pill { | |
| 1755 | - display: inline-flex; | |
| 1756 | - align-items: center; | |
| 1757 | - gap: 6px; | |
| 1758 | - padding: 5px 10px; | |
| 1759 | - background: #f3f4f6; | |
| 1760 | - border-radius: 16px; | |
| 1761 | - font-size: 13px; | |
| 1762 | - color: #374151; | |
| 1763 | - border: 1px solid #e5e7eb; | |
| 1764 | - line-height: 1.4; | |
| 1765 | - max-width: 100%; | |
| 1766 | - word-break: break-word; | |
| 1767 | -} | |
| 1768 | - | |
| 1769 | -.mxch-phrase-pill .mxch-phrase-remove { | |
| 1770 | - background: none; | |
| 1771 | - border: none; | |
| 1772 | - cursor: pointer; | |
| 1773 | - color: #9ca3af; | |
| 1774 | - font-size: 16px; | |
| 1775 | - line-height: 1; | |
| 1776 | - padding: 0 2px; | |
| 1777 | - flex-shrink: 0; | |
| 1778 | -} | |
| 1779 | - | |
| 1780 | -.mxch-phrase-pill .mxch-phrase-remove:hover { | |
| 1781 | - color: #ef4444; | |
| 1782 | -} | |
| 1783 | - | |
| 1784 | -/* Legacy phrase pill */ | |
| 1785 | -.mxch-phrase-pill.mxch-phrase-legacy { | |
| 1786 | - background: #fef3c7; | |
| 1787 | - border-color: #fcd34d; | |
| 1788 | - color: #92400e; | |
| 1789 | -} | |
| 1790 | - | |
| 1791 | -.mxch-legacy-badge { | |
| 1792 | - font-size: 10px; | |
| 1793 | - text-transform: uppercase; | |
| 1794 | - background: #f59e0b; | |
| 1795 | - color: #fff; | |
| 1796 | - padding: 1px 5px; | |
| 1797 | - border-radius: 4px; | |
| 1798 | - font-weight: 600; | |
| 1799 | - flex-shrink: 0; | |
| 1800 | -} | |
| 1801 | - | |
| 1802 | -/* Legacy tag in view mode */ | |
| 1803 | -.mxch-phrase-tag.mxch-phrase-legacy { | |
| 1804 | - background: #fef3c7; | |
| 1805 | - border: 1px solid #fcd34d; | |
| 1806 | - color: #92400e; | |
| 1807 | -} | |
| 1808 | - | |
| 1809 | -.mxch-phrase-add-row { | |
| 1810 | - display: flex; | |
| 1811 | - gap: 8px; | |
| 1812 | -} | |
| 1813 | - | |
| 1814 | -.mxch-phrase-add-row input { | |
| 1815 | - flex: 1; | |
| 1816 | - padding: 6px 10px; | |
| 1817 | - border: 1px solid #d1d5db; | |
| 1818 | - border-radius: 6px; | |
| 1819 | - font-size: 13px; | |
| 1820 | -} | |
| 1821 | - | |
| 1822 | -.mxch-phrase-add-row input:focus { | |
| 1823 | - outline: none; | |
| 1824 | - border-color: #6366f1; | |
| 1825 | - box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.15); | |
| 1826 | -} | |
| 1827 | - | |
| 1828 | -.mxch-phrase-add-row .mxch-btn-sm { | |
| 1829 | - padding: 6px 14px; | |
| 1830 | - font-size: 13px; | |
| 1831 | - white-space: nowrap; | |
| 1832 | -} | |
| 1833 | - | |
| 1834 | -.mxch-no-phrases { | |
| 1835 | - font-size: 13px; | |
| 1836 | - color: #9ca3af; | |
| 1837 | - font-style: italic; | |
| 1838 | -} | |
