.entity-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 108;
  display: none;
  background: color-mix(in srgb, var(--text, #111827) 32%, transparent);
}

.entity-drawer-backdrop.is-open {
  display: block;
}

.entity-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  z-index: 109;
  width: min(760px, 64vw);
  overflow: auto;
  color: var(--text, #111827);
  background: var(--card, #ffffff);
  border-left: 1px solid var(--ui-border, var(--line, #d9e1eb));
  box-shadow: -20px 0 56px color-mix(in srgb, var(--text, #111827) 18%, transparent);
  transform: translateX(100%);
  transition: transform 160ms ease;
}

.entity-drawer.is-open {
  transform: translateX(0);
}

body.entity-drawer-open {
  overflow: hidden;
}

@media (max-width: 760px) {
  .entity-drawer { width: 100%; border-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .entity-drawer { transition: none; }
}

.entity-drawer-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:16px; border-bottom:1px solid var(--ui-border, var(--line)); }
.entity-drawer-head h2,.entity-drawer-head h3 { margin:0; }
.entity-drawer-body { padding:16px; }
.entity-drawer-status { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; }
.entity-drawer-status .chip { margin:0; }
.entity-drawer-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 0 14px; }
.entity-drawer-summary div { padding:10px; border:1px solid var(--ui-border, var(--line)); border-radius:var(--ui-radius, 10px); }
.entity-drawer-summary dt { color:var(--muted); font-size:12px; }
.entity-drawer-summary dd { margin:4px 0 0; overflow-wrap:anywhere; }
.entity-drawer-actions,.entity-drawer-section-links { display:flex; flex-wrap:wrap; gap:8px; }
.entity-drawer-section-links { margin-top:16px; padding-top:14px; border-top:1px solid var(--ui-border, var(--line)); }
.entity-drawer-section-links button { border:0; background:transparent; color:var(--link, #245fc9); padding:6px 0; cursor:pointer; }
@media (max-width:520px) { .entity-drawer-summary { grid-template-columns:1fr; } }