/* screens-endpoint.css · Option ENDPOINT ส่วนเก็บข้อมูล (lane E1 · 13-endpoint.md §10 · DESIGN-TOKENS.md)
   แท็บเครื่อง · หน้าเครื่อง · รอบสำรวจ (โปรไฟล์ · agent · ประวัติรอบ) · ฟอร์มโปรไฟล์ · ค่าตั้งการเก็บข้อมูลเครื่อง
   สีจากตัวแปรของชุดสีเท่านั้น · ตัวอักษร ≥ 12px · สถานะมีไอคอน/ข้อความเสมอ (ไม่ใช้สีอย่างเดียว) · เป้ากด ≥ 24px · ไม่มี style ในหน้า (CSP) */

.ep-head { margin: 4px 0 6px; }
.ep-kicker { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 12.5px; color: var(--muted); }
.ep-kicker .ico { width: 16px; height: 16px; }
.ep-h1 { margin: 2px 0 0; font-size: 20px; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.ep-tabs { margin: 8px 0 12px; }
.ep-search { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 8px; }
.ep-search input[type="search"] { flex: 1 1 16rem; min-width: 0; }
.ep-search select { min-height: 36px; }
.ep-count { margin: 0 0 6px; font-size: 12.5px; }
.ep-table th[scope="row"] a, .ep-table td a:not(.btn) { text-decoration: underline; text-underline-offset: 3px; }
.ep-table .small-l { font-size: 12px; }
.ep-sec-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.ep-sec-head h2 { margin-bottom: 4px; }

/* ป้าย (ไอคอน + ข้อความ) */
.ep-flag, .ep-basis, .ep-st, .ep-sev { display: inline-flex; align-items: center; gap: 4px; min-height: 24px; padding: 0 8px; border-radius: var(--r-pill); font-size: 12.5px; }
.ep-flag .ico, .ep-st .ico, .ep-sev .ico { width: 14px; height: 14px; flex: none; }
.ep-flag { background: var(--surf2); color: var(--ink2); }
.ep-flag-warn { background: var(--p3-bg); color: var(--p3-fg); }
.ep-basis { background: var(--soft); color: var(--fg); }
.ep-st-ok { background: var(--teal-bg); color: var(--teal-fg); }
.ep-st-partial { background: var(--p3-bg); color: var(--p3-fg); }
.ep-st-failed { background: var(--p1-bg); color: var(--p1-fg); }
.ep-st-run { background: var(--surf2); color: var(--ink2); }
.ep-sev-info, .ep-sev-notice { background: var(--surf2); color: var(--ink2); }
.ep-sev-warning { background: var(--p1-bg); color: var(--p1-fg); }
.ep-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 0 0 10px; }
.ep-runlink { font-size: 12.5px; text-decoration: underline; text-underline-offset: 3px; }
.ep-warn { display: flex; gap: 8px; align-items: flex-start; }
.ep-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 12px; }

/* หน้าเครื่อง */
.ep-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: 0 12px; }
.ep-grid-2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 26rem), 1fr)); }
.ep-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 13.5px; }
.ep-list li { overflow-wrap: anywhere; }
.ep-list .note { font-size: 12px; }

/* รอบสำรวจ */
.ep-setup { margin-top: 10px; }
.ep-setup summary { min-height: 24px; cursor: pointer; }
.ep-steps { margin: 8px 0; padding-left: 1.4em; display: grid; gap: 4px; font-size: 13.5px; }
.ep-key { display: inline-block; max-width: 100%; overflow-wrap: anywhere; font-size: 12.5px; background: var(--surf2); padding: 2px 6px; border-radius: var(--r-sm, 6px); }

/* ฟอร์ม */
.ep-form label { display: block; }
.ep-form textarea, .ep-form input:not([type="checkbox"]):not([type="radio"]), .ep-form select { width: 100%; }
.ep-radios, .ep-checks { border: 0; margin: 0 0 8px; padding: 0; display: grid; gap: 6px; }
.ep-radios legend, .ep-checks legend { font-weight: 600; margin-bottom: 4px; }
.ep-radios label, .ep-checks label { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-height: 24px; }
.ep-radios input, .ep-checks input { width: 18px; height: 18px; }
/* สำรวจที่ไหน: OU ใน AD (อ่าน · ยกเว้น) + CIDR (M14 lane P2 · 0069) · DN ยาว = ตัดบรรทัดในช่อง ไม่ล้นจอแคบ */
.ep-where { border: 1px solid var(--line); border-radius: var(--r-md); margin: 8px 0; padding: 10px 12px 4px; min-width: 0; }
.ep-where legend { font-weight: 600; padding: 0 4px; }
.ep-where textarea { overflow-wrap: anywhere; font-family: var(--font-mono); font-size: 13px; }
.ep-ou { display: block; font-size: 12.5px; color: var(--muted); }

@media (max-width: 600px) {
  .ep-h1 { font-size: 18px; }
  .ep-search button { flex: 1 1 auto; }
  .ep-sec-head .btn { width: 100%; justify-content: center; }
}