/* M3-F14-T01: 참고 웹링크 (상단 탭 · 더보기 팝오버 · 관리자 패널). 토큰은 base.css 변수 사용 */
.linkbar { position: relative; }
.linkbar .wl-tab { color: var(--mute); }
.linkbar .wl-more { cursor: pointer; }
.linkbar .wl-pop {
  position: absolute; right: 0; top: 100%; z-index: 30; min-width: 200px; max-width: min(320px, 90vw);
  display: flex; flex-direction: column; background: var(--panel); border: 1px solid var(--line); box-shadow: 0 6px 20px rgba(0,0,0,.12);
}
.linkbar .wl-pop[hidden] { display: none; }
.linkbar .wl-pop a { border-bottom: 0; padding: 10px 14px; min-height: 44px; }
.linkbar .wl-pop a:hover, .linkbar .wl-pop a:focus-visible { background: var(--bg); color: var(--ink); }
@media (max-width: 639px) {
  .linkbar { overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; }
  .linkbar .wl-more, .linkbar .wl-pop { display: none; }
}

.wl-admin .wl-form, .wl-admin .wl-toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 8px 0; }
.wl-admin .wl-form input[type="text"], .wl-admin .wl-form input[type="url"] { flex: 1 1 180px; min-width: 0; }
.wl-admin input, .wl-admin select { padding: 6px 8px; border: 1px solid var(--line); background: var(--panel); color: var(--ink); min-height: 32px; }
.wl-admin .wl-hint { color: var(--mute); font-size: 12px; }
.wl-admin .wl-msg { min-height: 20px; font-size: 13px; color: var(--mute); }
.wl-admin .wl-msg.bad { color: var(--bad); }
.wl-admin .wl-list { list-style: none; margin: 8px 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.wl-admin .wl-row { border: 1px solid var(--line); padding: 8px; display: flex; flex-direction: column; gap: 6px; background: var(--panel); }
.wl-admin .wl-row:focus-within { border-color: var(--ink); }
.wl-admin .wl-fields { display: flex; flex-wrap: wrap; gap: 6px; }
.wl-admin .wl-fields input { flex: 1 1 160px; min-width: 0; }
.wl-admin .wl-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.wl-admin .wl-empty { color: var(--mute); padding: 8px; }
.wl-admin .wl-chip { font-size: 12px; padding: 2px 8px; border: 1px solid var(--line); margin-right: auto; }
.wl-admin .wl-chip.ok { color: var(--ok, #1a7f37); border-color: currentColor; }
.wl-admin .wl-chip.bad { color: var(--bad); border-color: currentColor; }
.wl-admin .wl-preview { margin: 0 0 8px; border: 1px dashed var(--line); }