/* Adjacent pinned rows share one continuous frame; decorations stay inside cells. */
.api-keys-table tbody{--cat-edge:rgba(55,133,112,.65);--cat-line:rgba(55,133,112,.48)}
.dark .api-keys-table tbody{--cat-edge:rgba(148,204,183,.65);--cat-line:rgba(148,204,183,.45)}
.api-keys-table tbody tr:has(.key-pin-button[aria-pressed="true"])>td{--cat-l:0px;--cat-r:0px;--cat-t:1px;--cat-b:-1px;position:relative;box-shadow:inset var(--cat-l) 0 0 var(--cat-edge),inset var(--cat-r) 0 0 var(--cat-edge),inset 0 var(--cat-t) 0 var(--cat-line),inset 0 var(--cat-b) 0 var(--cat-line)!important}
.api-keys-table tbody tr:has(.key-pin-button[aria-pressed="true"])>td:first-child{--cat-l:2px}
.api-keys-table tbody tr:has(.key-pin-button[aria-pressed="true"])>td:last-child{--cat-r:-2px}
.api-keys-table tbody tr:has(.key-pin-button[aria-pressed="true"])+tr:has(.key-pin-button[aria-pressed="true"])>td{--cat-t:0px}
.api-keys-table tbody tr:has(.key-pin-button[aria-pressed="true"]):has(+tr .key-pin-button[aria-pressed="true"])>td{--cat-b:0px}
.api-keys-table tbody tr:has(.key-pin-button[aria-pressed="true"])>td:first-child:before{content:"";position:absolute;left:1px;top:1px;width:14px;height:10px;background:var(--cat-edge);clip-path:polygon(0 100%,16% 12%,50% 60%,84% 12%,100% 100%);pointer-events:none}
.api-keys-table tbody tr:has(.key-pin-button[aria-pressed="true"])+tr:has(.key-pin-button[aria-pressed="true"])>td:first-child:before{display:none}
.api-keys-table tbody tr:has(.key-pin-button[aria-pressed="true"])>td:last-child:after{content:"";position:absolute;right:4px;bottom:4px;width:18px;height:17px;opacity:.65;pointer-events:none;background:radial-gradient(ellipse at 50% 72%,var(--cat-edge) 0 27%,transparent 30%),radial-gradient(ellipse at 16% 40%,var(--cat-edge) 0 12%,transparent 15%),radial-gradient(ellipse at 40% 19%,var(--cat-edge) 0 12%,transparent 15%),radial-gradient(ellipse at 66% 19%,var(--cat-edge) 0 12%,transparent 15%),radial-gradient(ellipse at 90% 40%,var(--cat-edge) 0 12%,transparent 15%)}
.api-keys-table tbody tr:has(.key-pin-button[aria-pressed="true"]):has(+tr .key-pin-button[aria-pressed="true"])>td:last-child:after{display:none}
