/* ล้างค่าที่จำไว้ข้ามเครื่อง (Mai 30 ต.ค. 69 · มอคอัพ Temp/820 แบบ 2) · ห่อใต้ .rmc ทั้งหมด · ชั้นเหนือพรีวิว (.pvw 2000) */
.rmc{position:fixed;inset:0;z-index:2100;font-family:var(--pm-font);font-size:var(--pm-fs);color:var(--pm-t1)}
.rmc .rmc-sc{position:absolute;inset:0;background:color-mix(in srgb,var(--pm-t1) 40%,transparent)}
.rmc .rmc-md{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1360px;max-width:calc(100vw - 48px);height:min(760px,calc(100vh - 48px));background:var(--pm-card);border-radius:var(--pm-r-card);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 24px color-mix(in srgb,var(--pm-t1) 30%,transparent);animation:rmcPop .2s ease-out}
@keyframes rmcPop{from{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}
.rmc .rmc-mh{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--pm-blue-soft);color:var(--pm-blue-ink)}
.rmc .rmc-mh h2{margin:0;font-size:var(--pm-fs-h)}
.rmc .sp{flex:1}
.rmc .rmc-mb{flex:1;display:flex;min-height:0}
.rmc .rmc-tr{flex:0 0 340px;border-right:1px solid var(--pm-line);background:var(--pm-th);display:flex;flex-direction:column;min-height:0}
.rmc .rmc-tr .th{padding:8px 16px;font-size:var(--pm-fs-xs);font-weight:700;color:var(--pm-t2);display:flex;align-items:center;gap:8px}
.rmc .rmc-tr .ts{overflow:auto;flex:1}
.rmc .rmc-nd{display:flex;align-items:center;gap:8px;height:40px;padding-right:16px;border:0;background:none;width:100%;font:inherit;font-size:var(--pm-fs-sm);color:var(--pm-t1);cursor:pointer;text-align:left;border-left:4px solid transparent}
.rmc .rmc-nd:hover:not(.on){background:var(--pm-hover)}
.rmc .rmc-nd.on{background:var(--pm-blue);color:var(--pm-on);font-weight:700;border-left-color:var(--pm-blue-h)}
.rmc .rmc-nd .ar{width:24px;text-align:center;flex:none;color:var(--pm-t3);font-size:var(--pm-fs-xs)}
.rmc .rmc-nd.on .ar,.rmc .rmc-nd.on .c{color:var(--pm-blue-pale)}
.rmc .rmc-nd .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rmc .rmc-nd .c{font-size:var(--pm-fs-xs);font-weight:700;color:var(--pm-t3)}
.rmc .rmc-nd.l0{font-weight:700;background:var(--pm-blue-soft);color:var(--pm-blue-ink)}
.rmc .rmc-nd.l0.on{background:var(--pm-blue);color:var(--pm-on)}
.rmc .rmc-nd.l1{padding-left:12px}.rmc .rmc-nd.l2{padding-left:32px}.rmc .rmc-nd.l3{padding-left:48px}
.rmc .rmc-rt{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}
.rmc .rmc-rb{display:flex;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid var(--pm-line);flex-wrap:wrap}
.rmc .rmc-rb .pm-seg button{padding:4px 8px}.rmc .rmc-rb .pm-seg button .n{margin-left:4px}
.rmc .rmc-rb .crumb{font-size:var(--pm-fs-sm);color:var(--pm-t2)}
.rmc .rmc-rb .crumb b{color:var(--pm-blue-ink)}
.rmc .rmc-tw{flex:1;overflow:auto;min-height:0}
.rmc .rmc-tb{width:100%;border-collapse:collapse;font-size:var(--pm-fs-sm)}
.rmc .rmc-tb th{position:sticky;top:0;z-index:1;text-align:left;font-size:var(--pm-fs-xs);font-weight:700;padding:8px 12px;white-space:nowrap;background:var(--pm-th);color:var(--pm-t2);border-bottom:1px solid var(--pm-line2)}
.rmc .rmc-tb td{padding:8px 12px;border-top:1px solid var(--pm-line);white-space:nowrap;height:40px}
.rmc .rmc-tb tr:hover td{background:var(--pm-hover)}
.rmc .rmc-tb tr.pick td{background:var(--pm-blue-soft)}
.rmc .rmc-tb .old{color:var(--pm-warn);font-weight:700}
.rmc .rmc-ck{width:20px;height:20px;accent-color:var(--pm-blue);cursor:pointer;margin:0}
.rmc .rmc-emp{padding:32px;text-align:center;color:var(--pm-t3);font-size:var(--pm-fs-sm)}
.rmc .rmc-df{display:flex;align-items:center;gap:16px;padding:12px 24px;border-top:1px solid var(--pm-line2);background:var(--pm-th)}
.rmc .rmc-df label{display:inline-flex;align-items:center;gap:8px;font-size:var(--pm-fs-sm);cursor:pointer}
.rmc .rmc-df .sel{font-size:var(--pm-fs-sm);color:var(--pm-t2)}
.rmc .rmc-df .sel b{color:var(--pm-blue-ink)}
.rmc .rmc-meter{display:flex;align-items:center;gap:8px;font-size:var(--pm-fs-sm);font-variant-numeric:tabular-nums}
.rmc .rmc-meter .bar{width:120px;height:8px;border-radius:4px;background:var(--pm-line);overflow:hidden}
.rmc .rmc-meter .bar span{display:block;height:100%;background:var(--pm-ok)}
.rmc .rmc-meter.warn .bar span{background:var(--pm-warn)}.rmc .rmc-meter.warn b{color:var(--pm-warn)}
.rmc .rmc-cfbg{position:absolute;inset:0;background:color-mix(in srgb,var(--pm-t1) 40%,transparent);display:flex;align-items:center;justify-content:center;z-index:5}
.rmc .rmc-cf{width:480px;max-width:calc(100% - 48px);background:var(--pm-card);border-radius:var(--pm-r-card);padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 24px color-mix(in srgb,var(--pm-t1) 30%,transparent)}
.rmc .rmc-cf h3{margin:0;font-size:var(--pm-fs-h)}
.rmc .rmc-cf p{margin:0;font-size:var(--pm-fs-sm);color:var(--pm-t2)}
.rmc .rmc-cf ul{margin:0;padding:12px;list-style:none;background:var(--pm-th);border-radius:var(--pm-r);font-size:var(--pm-fs-sm);display:flex;flex-direction:column;gap:4px}
.rmc .rmc-cf .ft{display:flex;gap:8px;justify-content:flex-end}
.rmc .rmc-toast{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);z-index:6;padding:12px 24px;border-radius:var(--pm-r);font-size:var(--pm-fs-sm);font-weight:700;color:var(--pm-on);background:var(--pm-ok)}
.rmc .rmc-toast.bad{background:var(--pm-bad)}
/* ปุ่มเปิดในแท็บตั้งเครื่องของพรีวิว */
.pvw .pvw-btn.rmc-open.warn{color:var(--pm-warn);border-color:var(--pm-warn)}
