/* RTM OS — tab Cấu hình RTM (js/rtm-config.js). Toast ở body nên không tiền tố ID. */

#workspace-rtm-os .rtmcf-load { display: flex; align-items: center; gap: 9px; padding: 26px 18px; color: #64748B; font-size: 13.5px; }
#workspace-rtm-os .rtmcf-ro,
#workspace-rtm-os .rtmcf-later {
  display: flex; align-items: flex-start; gap: 8px; border-radius: 10px; padding: 10px 14px;
  font-size: 12.5px; line-height: 1.55; margin: 0 0 12px;
}
#workspace-rtm-os .rtmcf-ro { background: #FFF4E5; border: 1px solid #FDE68A; color: #92400E; }
#workspace-rtm-os .rtmcf-later { background: #F8FAFC; border: 1px dashed #CBD5E1; color: #64748B; margin: 14px 0 0; }
#workspace-rtm-os .rtmcf-diff {
  display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 700;
  color: #92400E; background: #FFF4E5; border: 1px solid #FDE68A; border-radius: 99px; padding: 3px 10px;
}

/* ── Khối gập ────────────────────────────────────────────────────────────── */
#workspace-rtm-os .rtmcf-sec {
  background: #fff; border: 1px solid #E6E9EF; border-radius: 12px; margin-bottom: 10px; overflow: hidden;
}
#workspace-rtm-os .rtmcf-sec-h {
  display: flex; align-items: center; gap: 9px; padding: 12px 15px; cursor: pointer; flex-wrap: wrap;
  background: #F8FAFC; border-bottom: 1px solid transparent;
}
#workspace-rtm-os .rtmcf-sec.open .rtmcf-sec-h { border-bottom-color: #E6E9EF; }
#workspace-rtm-os .rtmcf-sec-h b { font-size: 14px; color: #0F172A; }
#workspace-rtm-os .rtmcf-sec-h small { flex: 1 1 260px; font-size: 12px; color: #64748B; line-height: 1.45; }
#workspace-rtm-os .rtmcf-sec-h .rot { transition: transform .15s; transform: rotate(-90deg); }
#workspace-rtm-os .rtmcf-sec.open .rtmcf-sec-h .rot { transform: rotate(0); }
#workspace-rtm-os .rtmcf-sec-b { display: none; padding: 14px 15px; }
#workspace-rtm-os .rtmcf-sec.open .rtmcf-sec-b { display: block; }
#workspace-rtm-os .rtmcf-p { font-size: 12.5px; color: #64748B; line-height: 1.55; margin: 10px 0 0; }
#workspace-rtm-os .rtmcf-empty { font-size: 13px; color: #94A3B8; padding: 14px 4px; }
#workspace-rtm-os .rtmcf-bar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 10px; }

/* ── Lưới tham số ────────────────────────────────────────────────────────── */
#workspace-rtm-os .rtmcf-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 12px; }
#workspace-rtm-os .rtmcf-item {
  border: 1px solid #EEF2F7; border-radius: 10px; padding: 10px 12px; background: #fff;
}
#workspace-rtm-os .rtmcf-item.changed { border-color: #FDE68A; background: #FFFCF5; }
#workspace-rtm-os .rtmcf-item label { display: block; font-size: 12.5px; font-weight: 600; color: #334155; line-height: 1.4; }
#workspace-rtm-os .rtmcf-q {
  display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px;
  border-radius: 50%; background: #E2E8F0; color: #475569; font-size: 9.5px; font-weight: 700;
  font-style: normal; cursor: help; vertical-align: 1px;
}
#workspace-rtm-os .rtmcf-in { display: flex; align-items: center; gap: 6px; margin: 7px 0 5px; }
#workspace-rtm-os .rtmcf-in input {
  width: 108px; padding: 6px 9px; border: 1px solid #D0D4E4; border-radius: 7px;
  font-size: 13.5px; font-weight: 700; text-align: right; color: #0F172A;
}
#workspace-rtm-os .rtmcf-in input:disabled { background: #F5F6F8; color: #64748B; cursor: not-allowed; }
#workspace-rtm-os .rtmcf-unit { font-size: 12px; color: #64748B; }
#workspace-rtm-os .rtmcf-rs {
  margin-left: auto; border: 1px solid #E6E9EF; background: #fff; border-radius: 7px;
  padding: 4px 7px; cursor: pointer; color: #64748B; line-height: 0;
}
#workspace-rtm-os .rtmcf-rs:hover { border-color: #0073EA; color: #0073EA; }
#workspace-rtm-os .rtmcf-meta { display: block; font-size: 11px; color: #94A3B8; line-height: 1.45; }

/* ── Bảng (nhóm 1, 2) ────────────────────────────────────────────────────── */
#workspace-rtm-os .rtmcf-tw { overflow: auto; border: 1px solid #E6E9EF; border-radius: 10px; }
#workspace-rtm-os .rtmcf-tw.h { max-height: 52vh; }
#workspace-rtm-os .rtmcf-tbl { width: 100%; border-collapse: collapse; font-size: 13px; }
#workspace-rtm-os .rtmcf-tbl th {
  position: sticky; top: 0; z-index: 2; background: #F8FAFC; color: #475569; text-align: left;
  font-size: 11px; text-transform: uppercase; letter-spacing: .03em; font-weight: 700;
  padding: 8px 10px; white-space: nowrap; border-bottom: 1px solid #E6E9EF;
}
#workspace-rtm-os .rtmcf-tbl th small { display: block; font-size: 10px; text-transform: none; letter-spacing: 0; color: #94A3B8; font-weight: 500; }
#workspace-rtm-os .rtmcf-tbl td { padding: 7px 10px; border-top: 1px solid #F1F5F9; vertical-align: middle; }
#workspace-rtm-os .rtmcf-tbl td small { display: block; font-size: 10.5px; color: #94A3B8; }
#workspace-rtm-os .rtmcf-tbl .r { text-align: right; }
#workspace-rtm-os .rtmcf-tbl .mut { color: #94A3B8; }
#workspace-rtm-os .rtmcf-tbl tbody tr:hover { background: #F8FAFC; }
#workspace-rtm-os .rtmcf-cell {
  width: 92px; padding: 4px 8px; border: 1px solid #E6E9EF; border-radius: 6px;
  font-size: 13px; text-align: right; font-variant-numeric: tabular-nums;
}
#workspace-rtm-os .rtmcf-cell:focus { border-color: #0073EA; outline: 2px solid rgba(0,115,234,.18); }
#workspace-rtm-os .rtmcf-cell:disabled { background: #F5F6F8; color: #64748B; cursor: not-allowed; }
#workspace-rtm-os .rtmcf-cell::placeholder { color: #CBD5E1; font-style: italic; }

/* ── Toast (ngoài workspace) ─────────────────────────────────────────────── */
.rtmcf-toast {
  position: fixed; left: 50%; bottom: 26px; transform: translateX(-50%); z-index: 10050;
  display: flex; align-items: center; gap: 8px; max-width: min(560px, 92vw);
  background: #0F172A; color: #fff; font-size: 13px; font-weight: 600; line-height: 1.45;
  padding: 11px 16px; border-radius: 10px; box-shadow: 0 10px 30px rgba(15,23,42,.28);
  font-family: 'Public Sans','Be Vietnam Pro',system-ui,-apple-system,sans-serif;
}
.rtmcf-toast.bad { background: #9F1239; }
.rtmcf-toast .ic { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2; flex-shrink: 0; }