/* Shared action presentation for staff and portals. */
:root { --action-danger-ink:var(--badge-ink-red,#a72c4c); --action-danger-edge:var(--badge-edge-red,#efb0bf); --action-danger-hover:#fff0f3; }
.action-control { display:inline-flex;align-items:center;justify-content:center;gap:6px; }
.action-control > .action-icon { width:18px;height:18px;flex:0 0 18px;pointer-events:none; }
body :is(.workspace-layout,dialog,.portal-shell,.ref-portal-main) :is(button,a,summary).action-unlink.action-control { color:var(--action-danger-ink);border-color:var(--action-danger-edge);background:#fff; }
body :is(.workspace-layout,dialog,.portal-shell,.ref-portal-main) :is(button,a,summary).action-unlink.action-control:hover:not(:disabled) { color:var(--action-danger-ink);background:var(--action-danger-hover);border-color:var(--action-danger-ink); }
.action-control:focus-visible { outline:2px solid currentColor;outline-offset:3px; }
.action-control:disabled { cursor:not-allowed;opacity:.55; }
.lead-people-toolbar { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px; }
.lead-people-link-controls { display:flex;align-items:center;gap:8px;flex:1 1 320px;min-width:0; }
.lead-people-link-controls > :is(select,.linked-record-picker) { flex:1 1 220px;min-width:0;max-width:400px; }
.lead-people-toolbar :is(.linked-record-trigger,.small-button) { min-height:38px; }
.lead-people-toolbar .linked-record-trigger { width:100%; }
.lead-person-card .people-card-detail { min-width:0;overflow-wrap:anywhere; }
.lead-person-card > .action-unlink { flex:none;margin-left:auto; }
.lead-people-status:not([hidden]) { margin:0 0 12px; }
.lead-unlink-dialog { width:min(480px,calc(100vw - 32px));box-sizing:border-box;border:1px solid #d8dee7;border-radius:12px;padding:0;color:inherit; }
.lead-unlink-dialog::backdrop { background:rgb(15 23 42 / .4); }
.lead-unlink-dialog .dialog-form { padding:20px; }
.lead-unlink-dialog .dialog-form > p { margin-top:0;line-height:1.6; }
@media(max-width:600px) {
  .lead-people-toolbar { align-items:stretch; }
  .lead-people-link-controls { flex-basis:100%;flex-wrap:wrap; }
  .lead-people-link-controls > :is(select,.linked-record-picker) { max-width:none;flex-basis:100%; }
  .lead-people-toolbar .small-button { flex:1; }
  .lead-people-toolbar :is(.small-button,.linked-record-trigger),.lead-person-card .action-unlink,.lead-unlink-dialog .small-button { min-height:44px; }
  .lead-person-card { flex-wrap:wrap;gap:10px; }
}

/* Match the staff control cascade without changing ordinary danger buttons. */
body[data-page="workspace"] :is(.workspace-layout,dialog) :is(button,a,summary).action-unlink.action-control {color:var(--action-danger-ink);border-color:var(--action-danger-edge);background:#fff;}
body[data-page="workspace"] :is(.workspace-layout,dialog) :is(button,a,summary).action-unlink.action-control:hover:not(:disabled) {color:var(--action-danger-ink);border-color:var(--action-danger-ink);background:var(--action-danger-hover);}
@media(max-width:600px) {
  body[data-page="workspace"] .workspace-layout .record-layout .record-content .lead-person-card { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px; }
  .lead-person-card .people-card-detail { grid-column:1;grid-row:1; }
  .lead-person-card .lead-person-position { grid-column:1;grid-row:2;justify-self:start; }
  .lead-person-card > .action-unlink { grid-column:2;grid-row:1 / span 2; }
}