.kl8-relation-buttons { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:4px; margin:2px 0; }
.kl8-relation-buttons button { min-width:0; height:32px; padding:0 2px; font-size:12px; color:white; border:1px solid #87a6b6; border-radius:4px; background:linear-gradient(#7897a8,#385264); box-shadow:inset 0 1px 2px #d6e8ed,0 2px 3px #1118; cursor:pointer; font-weight:bold; }
.kl8-relation-buttons button[aria-pressed=true] { background:linear-gradient(#f65763,#b62135); border-color:#ff97a0; }
.kl8-relation-panel { position:fixed; z-index:31; width:274px; box-sizing:border-box; padding:10px; border:1px solid #719ba0; border-radius:6px; background:#182e38; color:#e4eff7; box-shadow:3px 4px 12px #0008; overflow:auto; font-size:12px; }
.kl8-relation-panel[hidden] { display:none; }
.kl8-relation-panel h3 { font-size:15px; margin:0 0 8px; }
.kl8-relation-panel p { line-height:1.55; margin:6px 0; overflow-wrap:anywhere; }
.kl8-relation-panel .relation-target { color:#fff1a7; font-weight:800; border:1px solid #607d88; border-radius:4px; padding:6px 7px; background:#213b46; }
.kl8-relation-panel .kl8-relation-summary { color:#ffe268; }
.kl8-relation-panel .relation-actions { display:flex; flex-wrap:wrap; gap:5px; align-items:center; margin:8px 0; }
.kl8-relation-panel button,.kl8-relation-panel select { font:inherit; min-height:29px; color:white; border:1px solid #69828f; border-radius:4px; padding:3px 7px; background:#3c5669; cursor:pointer; }
.kl8-relation-panel button[aria-pressed=true] { background:#c42b3d; border-color:#ff8997; }
.kl8-relation-panel table { width:100%; border-collapse:collapse; text-align:center; font-variant-numeric:tabular-nums; }
.kl8-relation-panel th { color:#a7bfce; padding:5px 0; }
.kl8-relation-panel td { padding:3px 0; border-top:1px solid #58717d55; }
.kl8-relation-panel details { margin-top:10px; }
.kl8-relation-panel summary { cursor:pointer; color:#bce8ec; }
.kl8-relation-panel .relation-record { border-top:1px solid #526571; padding:6px 0; }
.kl8-relation-panel .relation-hit { color:#ff7185; }
.kl8-relation-panel .relation-miss { color:#2ec7fa; }
.kl8-keypad.is-relation .kl8-play-settings-row,
.kl8-keypad.is-relation #kl8ExactHitControls,
.kl8-keypad.is-relation #kl8ColdSearch { display:none !important; }