/* =========================================================
   Автоматический контроль: свернутый список + видимые цифры
   ========================================================= */

/* Цифры на карточках контроля должны быть темными, а не белыми */
.auto-control-finance-card strong,
.auto-control-mobile-counter strong,
.control-card strong,
#alertNoContact,
#alertHanging,
#alertMeasurements,
#alertWaitingLaunch {
    color: #111827 !important;
    background: transparent !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

.auto-control-finance-card span,
.auto-control-mobile-counter span,
.control-card span,
.auto-control-finance-card small,
.auto-control-mobile-counter small,
.control-card small {
    color: #334155 !important;
    opacity: 1 !important;
}

.auto-control-finance-card em,
.auto-control-mobile-counter em,
#alertMeasurementsLabelCount {
    color: #111827 !important;
    font-style: normal !important;
    opacity: 1 !important;
}

/* Активная карточка */
.auto-control-mobile-counter.active,
.auto-control-finance-card.active {
    border-color: #2563eb !important;
    background: #eff6ff !important;
    box-shadow: 0 0 0 2px rgba(37,99,235,.12) !important;
}

/* В десктопе список скрыт до нажатия на счетчик и открывается ниже */
.auto-control-desktop-table {
    margin-top: 12px !important;
}

.auto-control-mobile-details {
    margin-top: 12px !important;
}

/* Детализация работает и на десктопе, и на мобиле */
.auto-control-mobile-details-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    border: 1px solid #e5e7eb !important;
}

.auto-control-mobile-details-head h3 {
    margin: 0 !important;
    color: #111827 !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
}

.auto-control-mobile-client-list {
    display: grid !important;
    gap: 10px !important;
    margin-top: 10px !important;
}

.auto-control-mobile-client-card {
    border: 1px solid #e5e7eb !important;
    border-left: 5px solid #2563eb !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    padding: 12px !important;
    box-shadow: 0 2px 10px rgba(15,23,42,.05) !important;
}

.auto-control-mobile-client-topline {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
}

.auto-control-client-name {
    width: auto !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    text-decoration: underline;
    text-decoration-color: #f59e0b;
    text-underline-offset: 3px;
}

.auto-control-client-phone,
.auto-control-status-inline {
    font-size: 13px !important;
    font-weight: 800 !important;
}

.auto-control-mobile-client-compact-meta {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 10px !important;
}

.auto-control-mobile-client-compact-meta div,
.auto-control-mobile-last-comment {
    padding: 9px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #eef2f7 !important;
}

.auto-control-mobile-client-compact-meta span,
.auto-control-mobile-last-comment span {
    display: block !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    margin-bottom: 3px !important;
}

.auto-control-mobile-client-compact-meta strong,
.auto-control-mobile-last-comment strong {
    color: #111827 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
}

@media (max-width: 950px) {
    .auto-control-mobile-client-compact-meta {
        grid-template-columns: 1fr !important;
    }

    .auto-control-mobile-details-head {
        align-items: stretch !important;
    }
}