/* AMR·AGV generic demo panel (2026-10-08) — brand-neutral, virtual data */
.signal-source.is-amr{position:relative;outline:2px solid #5ED0C4;outline-offset:-2px}
.signal-source .amr-cue{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;letter-spacing:.02em;color:#0A1A2F;background:#5ED0C4;border-radius:999px;padding:6px 12px;text-decoration:none;box-shadow:0 6px 16px rgba(10,26,47,.25)}
.signal-source .amr-cue:hover{background:#fff}
.signal-source .amr-cue:focus-visible{outline:2px solid #fff;outline-offset:2px}
.amr-demo{margin-top:28px;border:1px solid #E1E6EC;border-radius:20px;background:#F5F7FA;padding:28px;scroll-margin-top:96px}
.amr-demo .amr-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.amr-demo .amr-k{font-size:13px;font-weight:800;letter-spacing:.1em;color:#0B7F7A}
.amr-demo h3{font-size:clamp(22px,2.4vw,30px);line-height:1.3;color:#0A1A2F;margin:6px 0 0;letter-spacing:-.02em}
.amr-demo .amr-sub{font-size:16px;color:#5B6878;margin:8px 0 0}
.amr-demo .lang-tabs{display:inline-flex;gap:6px;padding:4px;border-radius:999px;background:#fff;border:1px solid #DBE3EA}
.amr-demo .lang-tabs button{border:0;background:transparent;font:inherit;font-size:14px;font-weight:700;color:#3B4B5A;padding:8px 16px;border-radius:999px;cursor:pointer}
.amr-demo .lang-tabs button[aria-pressed="true"]{background:#0A1A2F;color:#fff}
.amr-demo .lang-tabs button:focus-visible{outline:2px solid #0B7F7A;outline-offset:2px}
.amr-demo .player{margin-top:20px;border-radius:16px;overflow:hidden;background:#0A1A2F;box-shadow:0 24px 60px rgba(7,19,31,.22)}
.amr-demo video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0A1A2F}
.amr-demo .amr-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.amr-demo .amr-flow{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.amr-demo .amr-flow li{font-size:13.5px;font-weight:700;color:#0F5F59;background:#E7F7F4;border:1px solid #B7E6DE;border-radius:999px;padding:5px 12px}
.amr-demo .amr-badges{display:flex;gap:6px;flex-wrap:wrap}
.amr-demo .amr-badges span{font-size:12.5px;font-weight:800;color:#5A3B00;background:#FFE9A8;border-radius:999px;padding:5px 11px}
.amr-demo .amr-note{margin:14px 0 0;font-size:13px;color:#5B6878;line-height:1.65}
@media(max-width:700px){.amr-demo{padding:18px;border-radius:16px}.amr-demo .amr-sector{flex-wrap:nowrap;gap:6px}.amr-demo .amr-sector button{flex:1 1 0;font-size:13px;padding:10px 6px}.amr-demo .amr-top{align-items:flex-start}.signal-source .amr-cue{top:10px;right:10px}}
.amr-demo .amr-sector{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.amr-demo .amr-sector button{flex:1 1 160px;border:1px solid #DBE3EA;background:#fff;font:inherit;font-size:15px;font-weight:800;color:#3B4B5A;padding:12px 16px;border-radius:12px;cursor:pointer;text-align:center}
.amr-demo .amr-sector button[aria-selected="true"]{background:#E7F7F4;border-color:#5ED0C4;color:#0A1A2F;box-shadow:inset 0 0 0 1px #5ED0C4}
.amr-demo .amr-sector button:focus-visible{outline:2px solid #0B7F7A;outline-offset:2px}
.amr-demo .amr-extra{color:#3A4A5A;font-weight:600}

.amr-demo .amr-guide{display:inline-block;margin-top:12px;font-weight:700;font-size:14.5px;color:#0F5FD7;text-decoration:none}.amr-demo .amr-guide:hover{text-decoration:underline}
