/* Edición directa: conserva los colores propios de cada tablero. */
button.pd-capsule,.pdg button.pd-capsule,#flujo button.pd-capsule{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:999px;padding:5px 11px;min-height:32px;background:var(--pdg-color,#edf1f7);color:var(--pdg-ink,#344054);font:inherit;font-size:12px;line-height:1.3;cursor:pointer;transition:box-shadow .15s,filter .15s;max-width:100%;white-space:normal;text-align:center}
button.pd-capsule:after{content:'▾';font-size:10px;opacity:.65}
button.pd-capsule:hover{filter:brightness(.96);box-shadow:0 0 0 2px #579bfc55}
button.pd-capsule:focus-visible,dialog.pd-capsule-menu button:focus-visible{outline:2px solid #0073ea;outline-offset:3px}
dialog.pd-capsule-menu{position:fixed;inset:auto;margin:0;padding:12px;box-sizing:border-box;max-width:calc(100vw - 24px);max-height:min(420px,calc(100dvh - 24px));overflow:auto;border:1px solid #dce1ea;border-radius:12px;background:#fff;color:#172238;box-shadow:0 12px 40px #13254030}
dialog.pd-capsule-menu::backdrop{background:transparent;backdrop-filter:none}
dialog.pd-capsule-menu>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 8px;margin:0;border:0;background:transparent;color:inherit}
dialog.pd-capsule-menu>header button{border:0;background:transparent;color:#667085;font-size:22px;min-width:32px;cursor:pointer}
dialog.pd-capsule-menu>input{font-size:16px;box-sizing:border-box;width:100%;min-height:36px;border:1px solid #dce1ea;border-radius:6px;padding:8px;margin-bottom:8px;font:inherit}
.pd-capsule-options{display:grid;gap:6px;max-height:260px;overflow:auto}
.pd-capsule-option{min-height:34px;border:1px solid #dce1ea;border-radius:5px;padding:7px 10px;background:#edf1f7;color:#344054;font:inherit;text-align:center;cursor:pointer;white-space:normal}
.pd-capsule-option[aria-pressed=true]{box-shadow:inset 0 0 0 2px #172238}
.pd-capsule-option:disabled{cursor:default}
dialog.pd-capsule-menu>p{font-size:12px;margin:9px 0 0;color:#667085}
dialog.pd-capsule-menu>.pd-capsule-error{color:#b42318}
.pdc-client-card .pdc-client-identity{border:0;background:none;text-align:left;padding:0;color:inherit;font:inherit;cursor:pointer}
.pdc-client-card .pd-capsule{align-self:flex-start}
@media(prefers-reduced-motion:reduce){button.pd-capsule{transition:none}}

/* Column editor and menu actions. */
.pdg button.pd-column-menu,#flujo button.pd-column-menu{display:inline-flex;align-items:center;justify-content:center;width:28px;min-height:26px;margin-left:6px;padding:0;border:0;border-radius:5px;background:transparent;color:#667085;font-size:20px;line-height:1;vertical-align:middle;cursor:pointer}
.pdg button.pd-column-menu:hover,#flujo button.pd-column-menu:hover{background:#e5edfa;color:#0073ea}
dialog.pd-capsule-menu[open]{display:flex;flex-direction:column}
dialog.pd-capsule-menu>header,dialog.pd-capsule-menu>input,dialog.pd-capsule-menu>p{flex-shrink:0}
dialog.pd-capsule-menu .pd-capsule-options{flex:0 1 auto;min-height:64px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
dialog.pd-capsule-menu .pd-capsule-manage{display:grid;gap:4px;flex-shrink:0;border-top:1px solid #e1e5ee;padding-top:7px;margin-top:8px}
dialog.pd-capsule-menu .pd-capsule-manage button{background:#f4f7fc;border:0;color:#245bab;text-align:left;padding:7px 10px;border-radius:6px;font:inherit;min-height:32px;cursor:pointer}
dialog.pd-column-editor{width:min(760px,94vw);max-height:88dvh}
.pd-column-editor .pd-column-help{font-size:13px;color:#667085;line-height:1.5}
.pd-column-editor [data-labels]{max-height:46dvh;overflow:auto;padding:4px 2px}
.pd-column-editor .pd-state-editor-row{display:grid;grid-template-columns:44px minmax(140px,1fr) minmax(130px,1fr);gap:10px;align-items:center;margin:8px 0}
.pd-column-editor input[type=color]{width:44px;height:40px;padding:3px;cursor:pointer}
.pd-column-editor .pd-state-preview{display:block;border-radius:6px;padding:9px 12px;font-size:13px;text-align:center;overflow-wrap:anywhere}
.pd-column-editor [data-column-status]{font-size:13px;line-height:1.5}
.pd-column-editor .pd-capsule-error{color:#b42318}
.pd-column-editor [hidden]{display:none!important}
@media(max-width:600px){.pd-column-editor .pd-state-editor-row{grid-template-columns:44px minmax(0,1fr)}.pd-column-editor .pd-state-preview{grid-column:2}.pd-column-editor .pdg-dialog-body{padding:14px}}