.equipment-config-panel,
.equipment-records-panel { animation: module-enter .24s ease both; }

.equipment-config-actions,
.equipment-save-row { display:flex; align-items:end; justify-content:flex-end; gap:10px; flex-wrap:wrap; }

.equipment-config-actions label { display:grid; gap:6px; font-size:12px; color:#58708b; }
.equipment-config-actions select { min-width:170px; }
.equipment-config-list,
.equipment-record-list { display:grid; gap:14px; margin-top:18px; }

.equipment-config-card,
.equipment-record-card {
  background:linear-gradient(145deg, #f9fcff, #eff7fc);
  border:1px solid #dceaf3;
  border-radius:16px;
  padding:18px;
  box-shadow:0 10px 26px rgba(36,92,133,.07);
}

.equipment-config-card header,
.equipment-record-card header { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:14px; }

.equipment-config-card header span,
.equipment-record-card header span { display:block; color:#72849a; font-size:12px; margin-bottom:4px; }

.equipment-config-card header strong,
.equipment-record-card strong { color:#173a5b; font-size:16px; }

.equipment-config-grid { display:grid; grid-template-columns:1.25fr .72fr .9fr .9fr; gap:12px; }
.equipment-config-grid label,
.equipment-guidance { display:grid; gap:7px; color:#58708b; font-size:12px; }

.equipment-due-meta {
  display:grid;
  align-content:center;
  gap:4px;
  padding:0 12px;
  min-height:42px;
  background:#e9f7fb;
  border-radius:10px;
  color:#678092;
  font-size:12px;
}

.equipment-due-meta strong { color:#0a6c86; font-family:ui-monospace, Consolas, monospace; }
.equipment-guidance { margin-top:12px; }
.equipment-operators { margin-top:14px; display:grid; gap:8px; color:#58708b; font-size:12px; }
.equipment-operator-picker { display:flex; flex-wrap:wrap; gap:8px; }

.equipment-operator-option {
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px 10px;
  color:#284967;
  background:#fff;
  border:1px solid #d9e7f0;
  border-radius:10px;
  cursor:pointer;
}

.equipment-operator-option small { display:block; color:#8495a7; margin-top:2px; }
.equipment-check-hint { margin:14px 0 0; padding:11px 13px; color:#426279; background:#edf6fb; border-radius:10px; }
.equipment-save-row { margin-top:4px; }
.equipment-record-card { background:#fff; }
.equipment-record-card.abnormal { border-color:#f4c981; background:#fffaf0; }
.equipment-record-card mark { border-radius:999px; padding:5px 10px; color:#23704a; background:#e6f7ed; font-size:12px; }
.equipment-record-card.abnormal mark { color:#9a5a00; background:#fff0cf; }
.equipment-record-card p { margin:8px 0; color:#526b82; }
.equipment-record-guidance { font-size:13px; color:#6e8294 !important; }
.equipment-record-alert { color:#a15a00 !important; font-weight:700; }
.equipment-record-photos { display:flex; flex-wrap:wrap; gap:8px; color:#8192a2; font-size:13px; }
.equipment-record-photos a { color:#087a9f; text-decoration:none; background:#e9f8fb; padding:5px 8px; border-radius:7px; }

@media (max-width: 960px) {
  .equipment-config-grid { grid-template-columns:1fr 1fr; }
}

.equipment-summary-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:14px; margin-top:18px; }
.equipment-summary-card { padding:17px; border:1px solid #d7e9ef; border-radius:14px; background:linear-gradient(145deg, #fff, #f0f9fb); box-shadow:0 8px 22px rgba(36,92,133,.06); }
.equipment-summary-card header { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.equipment-summary-card header strong { display:block; color:#173a5b; font-size:17px; }
.equipment-summary-card header span { display:block; margin-top:5px; color:#73899b; font-size:12px; }
.equipment-summary-card mark { padding:5px 8px; border-radius:999px; color:#09718d; background:#e1f6f8; font:600 12px ui-monospace, Consolas, monospace; }
.equipment-summary-meta { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:14px; }
.equipment-summary-meta span { display:grid; gap:4px; padding:9px; border-radius:9px; color:#71889a; background:#f5fafb; font-size:12px; }
.equipment-summary-meta strong { color:#315976; font:600 13px ui-monospace, Consolas, monospace; }
.equipment-summary-card p { min-height:40px; margin:14px 0 10px; color:#536f82; font-size:13px; line-height:1.55; }
.equipment-summary-card footer { padding-top:10px; border-top:1px solid #e1edf1; color:#638094; font-size:12px; }