.details-inspect{color:var(--primary);font-size:.75rem;margin-inline-end:.75rem;padding:.35rem .5rem;border:1px solid var(--border);border-radius:.375rem;cursor:pointer}.details-inspect:hover{background:var(--background-subtle)}
#details-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(480px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-inline-start:1px solid var(--border);background:var(--surface);color:var(--foreground);box-shadow:-12px 0 40px #0002;overflow:hidden;transform:translateX(100%);transition:transform .22s ease}
#details-drawer[open]{display:flex;flex-direction:column}#details-drawer.is-visible{transform:translateX(0)}#details-drawer::backdrop{background:#0006}
#details-drawer header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);flex-shrink:0}#details-drawer h2{font-size:1.125rem;font-weight:600}#details-drawer header button{font-size:1.75rem;line-height:1;width:2.5rem;height:2.5rem;border-radius:.375rem;cursor:pointer}
#details-drawer-content{padding:1.5rem;overflow:auto;overscroll-behavior:contain;flex:1}#details-drawer h3{font-size:.8rem;font-weight:600;color:var(--foreground-muted);margin-bottom:.75rem}#details-drawer dl{margin-bottom:2rem}#details-drawer dl>div{padding:.7rem 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:1rem}#details-drawer dt{font-size:.8rem;color:var(--foreground-muted)}#details-drawer dd{font-size:.875rem;white-space:pre-wrap;overflow-wrap:anywhere}#details-drawer a,#details-drawer [data-inspect-retry]{color:var(--primary);text-decoration:underline}#details-drawer button:focus-visible,.details-inspect:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
@media(prefers-reduced-motion:reduce){#details-drawer{transition:none}}
.row-actions{display:inline-flex;vertical-align:middle;white-space:nowrap}
.row-actions-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:36px;padding:.4rem .65rem;font-size:.75rem;font-weight:500;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--foreground);cursor:pointer;white-space:nowrap}
.row-actions-trigger:hover{background:var(--background-subtle)}.row-actions-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.row-actions-menu{position:fixed;inset:auto;margin:0;padding:.375rem;min-width:160px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;border:1px solid var(--border);border-radius:.65rem;background:var(--surface);color:var(--foreground);box-shadow:0 8px 28px #0002;text-align:start}
.row-actions-menu>button,.row-actions-menu>a{display:flex;align-items:center;width:100%;min-height:40px;padding:.55rem .75rem;margin:0;border:0;border-radius:.35rem;background:transparent;font-size:.8125rem;text-align:start;white-space:nowrap;text-decoration:none;cursor:pointer}
.row-actions-menu>button:hover,.row-actions-menu>a:hover,.row-actions-menu>button:focus-visible,.row-actions-menu>a:focus-visible{background:var(--background-subtle);outline:none}

/* Use the same action elements inline when desktop tables have room. */
@media (min-width:1440px){
 .row-actions-trigger{display:none}
 .row-actions-menu:not([popover]){display:inline-flex;position:static;align-items:center;gap:.5rem;min-width:0;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
 .row-actions-menu:not([popover])>button,.row-actions-menu:not([popover])>a{display:inline-flex;width:auto;min-height:36px;padding:.35rem .5rem}
}