/* 用药管理页 · 视觉规整美化 v1（独立注入样式，仅覆盖外观，不改功能/结构）
 * 设计目标：更克制的配色（弱化满屏蓝）、统一留白与圆角、更清晰的层级、更轻量的按钮。
 * 全部选择器挂在 .tmc-wrap 作用域下，避免影响系统其他页面。
 */

/* —— 容器与背景 —— */
.tmc-wrap{
  color:#2c3038;
  padding:8px 4px 40px;
}

/* —— 顶部标题 —— */
.tmc-head{ margin-bottom:20px; }
.tmc-title{ font-size:20px; font-weight:700; color:#1f2329; letter-spacing:.2px; }
.tmc-sub{ font-size:13px; color:#a8abb2; margin-top:6px; }

/* —— 统计卡：去掉生硬描边，改浅色投影，统一间距 —— */
.tmc-stats{ gap:14px; margin-bottom:22px; }
.tmc-stat{
  background:#fff;
  border:1px solid #f0f1f3;
  border-radius:14px;
  padding:16px 18px;
  text-align:left;
  box-shadow:0 1px 3px rgba(31,35,41,.04);
  transition:box-shadow .2s, transform .2s;
}
.tmc-stat:hover{ box-shadow:0 6px 18px rgba(31,35,41,.08); transform:translateY(-2px); }
.tmc-stat-v{ font-size:26px; font-weight:700; color:#1f2329; line-height:1.1; }
.tmc-stat-l{ font-size:12.5px; color:#a8abb2; margin-top:6px; }
.tmc-stat-g .tmc-stat-v{ color:#3aa76d; }
.tmc-stat-o .tmc-stat-v{ color:#f0a238; }
.tmc-stat-b .tmc-stat-v{ color:#5b8def; }

/* —— 老人卡：更大圆角、更柔和分隔、去掉灰底卡头 —— */
.tmc-card{
  background:#fff;
  border:1px solid #f0f1f3;
  border-radius:16px;
  margin-bottom:18px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(31,35,41,.05);
  transition:box-shadow .2s;
}
.tmc-card:hover{ box-shadow:0 8px 24px rgba(31,35,41,.08); }
.tmc-card-h{
  padding:16px 20px;
  background:#fff;
  border-bottom:1px solid #f4f5f6;
}
.tmc-eld{ font-size:16px; font-weight:700; color:#1f2329; }

/* 床位标签：蓝底→中性灰胶囊，更克制 */
.tmc-bed{
  font-size:11.5px; font-weight:500;
  color:#7a7f87;
  background:#f2f3f5;
  border-radius:6px;
  padding:2px 9px;
  margin-left:10px;
}
.tmc-card-h-r{ font-size:12.5px; color:#a8abb2; }
.tmc-card-b{ padding:8px 20px 18px; }

/* —— 时段分组 —— */
.tmc-slot{ margin-top:16px; }
.tmc-slot-h{ gap:10px; margin-bottom:6px; }
/* 时段名：蓝底块→左侧色条+深色文字，层级更清 */
.tmc-slot-name{
  position:relative;
  font-size:13px; font-weight:700;
  color:#1f2329;
  background:transparent;
  border-radius:0;
  padding:2px 0 2px 12px;
}
.tmc-slot-name::before{
  content:"";
  position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:4px; height:14px; border-radius:2px;
  background:#5b8def;
}

/* —— 药品行：更舒展的行高、更浅的分隔线 —— */
.tmc-med{ padding:13px 6px; border-bottom:1px solid #f4f5f6; }
.tmc-med:last-child{ border-bottom:none; }
.tmc-med-name{ font-size:15px; font-weight:600; color:#2c3038; gap:9px; }
.tmc-med-meta{ font-size:12.5px; color:#a8abb2; margin-top:5px; }
.tmc-reason{ color:#f0a238; }

/* —— 操作按钮：统一圆角与字号，弱化默认边框 —— */
.tmc-acts{ gap:7px; }
.tmc-btn{
  border:1px solid #e6e8eb;
  background:#fff; color:#5a5f67;
  border-radius:8px;
  padding:7px 14px; font-size:13px;
  transition:.16s;
}
.tmc-btn:hover{ border-color:#c9cdd4; background:#f7f8fa; opacity:1; }
.tmc-btn:disabled{ cursor:not-allowed; opacity:1; }

/* —— 状态标签：更圆润、统一低饱和底色 —— */
.tmc-tag{ font-size:11px; font-weight:600; padding:2px 9px; border-radius:6px; }
.tmc-tag-taken{ background:#e9f7f0; color:#3aa76d; }
.tmc-tag-refused{ background:#fdf3e3; color:#f0a238; }
.tmc-tag-missed{ background:#f2f3f5; color:#8a8f98; }
.tmc-tag-pending{ background:#eaf1fe; color:#5b8def; }

/* —— 空态 / 错误态 —— */
.tmc-empty{
  background:#fafbfb; border:1px dashed #e0e2e6;
  border-radius:14px; padding:64px 20px; color:#8a8f98; font-size:14px;
}
.tmc-err{
  background:#fef1f1; border:1px solid #fbd6d6; color:#d9534f;
  border-radius:12px; padding:13px 16px; font-size:13.5px;
}