/**
 * maintenance.css — تنسيقات صفحة maintenance
 * القاعدة: لا تُعرِّف :root هنا — كل المتغيرات في theme.css
 */
.health-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-bottom: 24px; }
.health-card {
  background: var(--bg2); border: 1px solid var(--border); border-radius: var(--radius-lg);
  padding: 20px 22px; display: flex; flex-direction: column; gap: 10px;
}
.health-icon { font-size: 28px; }
.health-label { font-size: 12px; color: var(--tx3); text-transform: uppercase; letter-spacing: .08em; }
.health-val   { font-size: 22px; font-weight: 700; color: var(--tx1); }
.health-sub   { font-size: 11.5px; }

.ops-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.op-card {
  background: var(--bg2); border: 1px solid var(--border); border-radius: var(--radius-lg);
  padding: 22px 24px; display: flex; flex-direction: column; gap: 12px;
}
.op-card h4 { font-size: 14.5px; font-weight: 600; color: var(--tx1); display: flex; align-items: center; gap: 8px; }
.op-card p  { font-size: 12.5px; color: var(--tx3); line-height: 1.5; }
.op-result {
  background: rgba(0,0,0,.4); border: 1px solid var(--border2);
  border-radius: 8px; padding: 12px 14px; font-family: var(--font-mono);
  font-size: 11.5px; color: var(--tx2); max-height: 200px; overflow-y: auto;
  display: none; line-height: 1.7;
}
.op-result.show { display: block; animation: fadeIn .2s ease; }