/* css/docs.css — methbank, cyclogram, monitoring, observations */

/* ── Methbank ── */
.doc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.doc-card {
  background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg);
  padding: 18px; box-shadow: var(--shadow-sm); display: flex; flex-direction: column; gap: 10px;
}
.doc-card-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 9px; font-size: 11px; font-weight: 700; color: #fff;
}
.doc-card-title   { font-size: 13.5px; font-weight: 600; line-height: 1.35; flex: 1; }
.doc-card-meta    { display: flex; align-items: center; justify-content: space-between; font-size: 11.5px; color: var(--text-muted); }
.doc-card-actions { display: flex; gap: 6px; flex-wrap: wrap; }

/* ── Monitoring table ── */
.monitoring-wrap { overflow-x: auto; }
.monitoring-table { width: 100%; border-collapse: collapse; min-width: 600px; }
.monitoring-table th {
  padding: 8px 10px; font-size: 11px; font-weight: 600; color: var(--text-muted);
  background: var(--bg); border-bottom: 1.5px solid var(--border); white-space: nowrap;
  text-align: center; position: sticky; top: 0;
}
.monitoring-table th.th-left { text-align: left; padding-left: 16px; }
.monitoring-table th.th-domain {
  background: var(--sidebar-bg); color: rgba(255,255,255,.85);
  font-size: 11px; letter-spacing: .03em;
}
.monitoring-table td {
  padding: 8px 6px; border-bottom: 1px solid var(--border-light);
  text-align: center; font-size: 12.5px; vertical-align: middle;
}
.monitoring-table td.td-name { text-align: left; padding-left: 16px; font-weight: 500; white-space: nowrap; }
.monitoring-table tr:hover td { background: #FAFBFF; }

.mon-high { background: #E6F7EF; color: #257A55; font-weight: 700; }
.mon-mid  { background: #FDF3E3; color: #A85E0A; font-weight: 700; }
.mon-low  { background: #FBEAEA; color: #9C2828; font-weight: 700; }
.mon-select {
  border: none; background: transparent; font-size: 12px; font-weight: 700;
  cursor: pointer; width: 36px; text-align: center; outline: none; padding: 2px;
}
.mon-high .mon-select { color: #257A55; }
.mon-mid  .mon-select { color: #A85E0A; }
.mon-low  .mon-select { color: #9C2828; }

/* Мониторинг summary (Қосымша 2) */
.summary-table { width: 100%; border-collapse: collapse; min-width: 700px; }
.summary-table th {
  padding: 8px 10px; font-size: 11px; font-weight: 600; color: var(--text-muted);
  background: var(--bg); border: 1px solid var(--border-light); text-align: center;
}
.summary-table th.th-group { text-align: left; padding-left: 14px; min-width: 140px; }
.summary-table th.th-section { background: var(--sidebar-bg); color: rgba(255,255,255,.85); }
.summary-table td {
  padding: 9px 8px; border: 1px solid var(--border-light);
  text-align: center; font-size: 12.5px; vertical-align: middle;
}
.summary-table td.td-group { text-align: left; padding-left: 14px; font-weight: 500; }
.sum-high { color: var(--green); font-weight: 700; }
.sum-mid  { color: var(--amber); font-weight: 700; }
.sum-low  { color: var(--red); font-weight: 700; }
.sum-pct  { font-size: 11px; color: var(--text-muted); }

/* ── Observations ── */
.obs-table { width: 100%; border-collapse: collapse; min-width: 900px; }
.obs-table th {
  padding: 8px 10px; font-size: 11px; font-weight: 600; color: var(--text-muted);
  background: var(--bg); border-bottom: 1.5px solid var(--border);
  border-right: 1px solid var(--border-light); text-align: center; min-width: 52px;
}
.obs-table td {
  padding: 9px 10px; border-bottom: 1px solid var(--border-light);
  border-right: 1px solid var(--border-light); text-align: center; font-size: 13px;
}
.obs-table tr:hover td { background: #FAFBFF; }
.obs-cell-pos   { background: #E6F7EF; color: #257A55; font-weight: 700; }
.obs-cell-neg   { background: #FBEAEA; color: #9C2828; font-weight: 700; }
.obs-cell-empty { color: var(--text-light); }