/* ============================================================
   fbm-CRM — мелочи поверх Tailwind (CDN делает основную работу).
   Здесь только:
   1) плавные переходы
   2) ссылки без стандартного подчёркивания
   3) курсор pointer для кликабельных строк
   4) единые классы .input / .btn* — чтобы не повторять длинные
      наборы Tailwind-классов в каждом шаблоне
   5) плашки меток cold / warm / client
   ============================================================ */

/* 1. Плавные переходы для ссылок, кнопок и полей */
a,
button,
.input {
    transition: background-color 0.15s ease,
                border-color 0.15s ease,
                color 0.15s ease,
                box-shadow 0.15s ease;
}

/* 2. Ссылки — без стандартного подчёркивания, цвет как у текста */
a {
    text-decoration: none;
    color: inherit;
}

/* 3. Кликабельные строки (например, <tr> с onclick) */
.row-link {
    cursor: pointer;
}

/* 4a. Поля ввода (в разметке добавляйте w-full / flex-1 при необходимости) */
.input {
    background: #fff;
    border: 1px solid #d1d5db;      /* gray-300 */
    border-radius: 0.5rem;          /* rounded-lg */
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #111827;                 /* gray-900 */
}

.input:focus {
    outline: none;
    border-color: #9ca3af;          /* gray-400 */
    box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.08);
}

/* 4b. Кнопки */
.btn {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-weight: 500;
    font-size: 0.95rem;
    line-height: 1.5;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
}

.btn-primary {
    background: #111827;            /* gray-900 */
    color: #fff;
}

.btn-primary:hover {
    background: #374151;            /* gray-700 */
}

.btn-secondary {
    background: #fff;
    color: #111827;
    border-color: #d1d5db;          /* gray-300 */
}

.btn-secondary:hover {
    background: #f9fafb;            /* gray-50 */
}

.btn-danger {
    background: #dc2626;            /* red-600 */
    color: #fff;
}

.btn-danger:hover {
    background: #b91c1c;            /* red-700 */
}

/* 5. Плашки меток.
   Цвета из ТЗ: cold → bg-gray-400, warm → bg-yellow-400, client → bg-green-500 */
.tag-badge {
    display: inline-block;
    padding: 1px 10px;
    border-radius: 9999px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    white-space: nowrap;
}

.tag-cold {
    background-color: #9ca3af;      /* gray-400 */
    color: #fff;
}

.tag-warm {
    background-color: #facc15;      /* yellow-400 */
    color: #713f12;                 /* РЕШЕНИЕ: тёмный текст на жёлтом — без него не читается */
}

.tag-client {
    background-color: #22c55e;      /* green-500 */
    color: #fff;
}