/* 记账模块样式 */

/* 确保分类下拉列表中的大类加粗显示并添加背景色 */
option.font-bold {
  font-weight: bold;
  background-color: var(--color-light-blue-background);
  /* 增加样式优先级，确保在手机端也能显示 */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* 为手机端添加更明显的样式 */
  padding: 8px 12px;
  border-left: 4px solid var(--color-sky-blue);
}

/* 手机端适配：如果日期显示不全，隐藏日历图标 */
@media (max-width: 768px) {
  .date-icon {
    display: none;
  }
  /* 隐藏模板中的人员和备注信息，只显示分类和价格 */
  .template-item .text-xs .bg-gray-100,
  .template-item .text-xs .text-gray-600 {
    display: none;
  }
}