/* Тактильные стили интерфейса SIM-карт МТС */
body {
    background-color: #f1f5f9 !important;
}

/* Действия в строках таблицы */
#simCardsTable td a, 
#simCardsTable td button {
    text-decoration: none !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    padding: 2.5px 7px !important;
    border-radius: 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 1px 2px !important;
    cursor: pointer !important;
    line-height: 1.2 !important;
    transition: all 0.1s ease !important;
}

/* Кнопка "Блок." */
#simCardsTable td button.text-red-600,
#simCardsTable td a.text-red-600 {
    background: linear-gradient(180deg, #ffffff 0%, #fff1f2 100%) !important;
    border: 1px solid #fecdd3 !important;
    color: #be123c !important;
}
#simCardsTable td button.text-red-600:hover {
    background: #ffe4e6 !important;
    border-color: #fda4af !important;
}

/* Кнопка "Разблок." */
#simCardsTable td button.text-green-600,
#simCardsTable td a.text-green-600 {
    background: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%) !important;
    border: 1px solid #bbf7d0 !important;
    color: #15803d !important;
}
#simCardsTable td button.text-green-600:hover {
    background: #dcfce7 !important;
}

/* Кнопки "История", "Замена", "Трафик", "Детализация" */
#simCardsTable td button.text-blue-600,
#simCardsTable td button.text-purple-600,
#simCardsTable td button.text-teal-600,
#simCardsTable td button.text-indigo-600 {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
    color: #334155 !important;
}
#simCardsTable td button:hover {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
    transform: translateY(-0.5px);
}

/* Кнопка "Проблемные SIM" */
.bg-red-600 {
    background: linear-gradient(180deg, #ffffff 0%, #fff1f2 100%) !important;
    border: 1px solid #fecdd3 !important;
    box-shadow: 0 1px 3px rgba(225, 29, 72, 0.08) !important;
    color: #9f1239 !important;
    font-weight: 600 !important;
    transition: all 0.12s ease !important;
}
.bg-red-600:hover {
    background: #ffe4e6 !important;
    border-color: #fda4af !important;
}

/* Табличная сетка */
table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}
thead th {
    background-color: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}
tbody td {
    border-bottom: 1px solid #f1f5f9 !important;
    font-size: 12px !important;
}
tbody tr:hover {
    background-color: #f8fafc !important;
}