/* Send to recall or SMS: the dialog opened from the report evidence panel. Tokens only; the dialog scrolls inside the viewport and stacks its form on narrow screens. */
.pl-backdrop { position: fixed; inset: 0; z-index: var(--ck-z-dialog); display: flex; align-items: flex-start; justify-content: center; padding: var(--ck-space-5) var(--ck-space-3); overflow: auto; background: color-mix(in srgb, var(--ck-ink) 40%, transparent); }
.pl-dialog { width: min(760px, 100%); padding: var(--ck-space-4); border: 1px solid var(--ck-border); border-radius: var(--ck-radius-lg); background: var(--ck-surface); color: var(--ck-ink); box-shadow: var(--ck-shadow-panel); }
.pl-head { display: flex; flex-wrap: wrap; gap: var(--ck-space-2); align-items: center; justify-content: space-between; margin-bottom: var(--ck-space-2); }
.pl-head h2 { margin: 0; font-size: 1.125rem; font-weight: 600; letter-spacing: normal; }
.pl-head h2:focus-visible { outline: none; box-shadow: var(--ck-focus-ring); border-radius: 0.25rem; }
.pl-fieldset { margin: var(--ck-space-3) 0; padding: var(--ck-space-3); border: 1px solid var(--ck-border); border-radius: var(--ck-radius-lg); }
.pl-fieldset legend { padding: 0 var(--ck-space-2); font-size: 0.8125rem; font-weight: 600; }
.pl-list { margin: var(--ck-space-2) 0 0; padding: 0; list-style: none; max-height: 16rem; overflow: auto; }
.pl-list li { padding: 0.125rem 0; }
.pl-list label { display: flex; flex-wrap: wrap; gap: var(--ck-space-2); align-items: center; cursor: pointer; }
.pl-tabs { display: flex; gap: var(--ck-space-1); margin-top: var(--ck-space-3); border-bottom: 1px solid var(--ck-border); }
.pl-tab { padding: var(--ck-space-2) var(--ck-space-4); border: 1px solid transparent; border-bottom: 0; border-radius: var(--ck-radius-lg) var(--ck-radius-lg) 0 0; background: transparent; color: var(--ck-slate); font: inherit; font-weight: 600; cursor: pointer; }
.pl-tab.pl-on { border-color: var(--ck-border); background: var(--ck-surface); color: var(--ck-primary-hover); margin-bottom: -1px; border-bottom: 1px solid var(--ck-surface); }
.pl-tab:focus-visible { outline: none; box-shadow: var(--ck-focus-ring); }
.pl-panel { padding-top: var(--ck-space-3); }
.pl-form { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: var(--ck-space-2) var(--ck-space-3); align-items: center; margin-bottom: var(--ck-space-3); }
.pl-result { margin-top: var(--ck-space-3); padding: var(--ck-space-3); border: 1px solid var(--ck-border); border-radius: var(--ck-radius-lg); background: var(--ck-surface); }
.pl-sample { margin: 0 0 var(--ck-space-3); padding: var(--ck-space-3); border-left: 3px solid var(--ck-primary); background: var(--ck-primary-soft); color: var(--ck-primary-pressed); font-size: 0.875rem; overflow-wrap: anywhere; }
.pl-excluded ul { margin: 0 0 var(--ck-space-3); padding-left: 1.1rem; }
.pl-names { margin-bottom: var(--ck-space-3); }
.pl-names summary { cursor: pointer; font-weight: 600; }
.pl-names summary:focus-visible { outline: none; box-shadow: var(--ck-focus-ring); border-radius: 0.25rem; }
.pl-names ul { max-height: 12rem; overflow: auto; }

@media (max-width: 600px) {
    .pl-backdrop { padding: var(--ck-space-2); }
    .pl-form { grid-template-columns: minmax(0, 1fr); }
    .pl-tab { flex: 1; padding-inline: var(--ck-space-2); }
}