/* 前台提醒样式 - 与后台保持一致 */

/* 统一提醒消息字体大小 */
.vms-reminder-message {
    font-size: 16px !important; /* 与后台一致 */
}

/* 标记车牌号或合同标题 - 默认橙色 */
.vms-reminder-message strong,
.vms-reminder-message b {
    color: #FF9800;
    font-weight: 600;
}

/* 车辆提醒内联布局 */
.vms-reminder-content-inline {
    display: flex;
    align-items: baseline;
    gap: 15px;
    flex-wrap: wrap;
}

.vms-owner-label-inline {
    font-size: 14px;
    color: #666;
    font-weight: 500;
    margin-right: 2px;
    align-self: baseline;
}

/* 车牌号特殊颜色显示 - 覆盖默认橙色 */
.vms-reminder-content-inline .vms-view-vehicle strong,
.vms-reminder-content-inline .vms-view-vehicle b {
    color: #2196F3 !important; /* 蓝色突出车牌号 */
    font-weight: 700 !important;
    background: rgba(33, 150, 243, 0.1) !important; /* 浅蓝色背景 */
    padding: 2px 6px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(33, 150, 243, 0.3) !important;
    display: inline-block !important;
    margin: 0 2px !important;
}

/* 联系人链接样式 - 前台版本 */
.vms-reminder-content-inline .vms-view-contact-inline {
    font-size: 14px; /* 比提醒字体小一点 */
    color: #4CAF50; /* 绿色区分联系人 */
    font-weight: 600;
    text-decoration: none;
    background: rgba(76, 175, 80, 0.1); /* 浅绿色背景 */
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid rgba(76, 175, 80, 0.3);
    display: inline-block;
    margin: 0 2px;
}

/* 合同提醒链接保持橙色 */
.vms-reminder-message a:not(.vms-view-vehicle):not(.vms-view-contact-inline) strong,
.vms-reminder-message a:not(.vms-view-vehicle):not(.vms-view-contact-inline) b {
    color: #FF9800 !important;
    font-weight: 600;
}