/* Shared dialog constraints also cover developer credentials and nested connection screens. */
#modal-root .dialog-backdrop211{box-sizing:border-box;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}
#modal-root .dialog-layout211{box-sizing:border-box;min-width:0!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 32px)!important;height:auto!important;overflow:auto!important;overscroll-behavior:contain;padding:24px!important;display:block!important;scroll-padding:16px}
#modal-root .dialog-layout211 *, .pickaro-feed211 *{box-sizing:border-box}
#modal-root .dialog-layout211 > .modal-head{position:static!important;inset:auto!important;display:flex!important;align-items:center;gap:16px;min-width:0;height:auto!important;padding:0 0 16px!important;margin:0 0 16px!important}
#modal-root .dialog-layout211 .modal-head h2{min-width:0;flex:1;line-height:1.35;overflow-wrap:anywhere;margin:0;font-size:24px}
#modal-root .dialog-layout211 .modal-head button{position:static!important;inset:auto!important;min-height:44px;min-width:44px;flex-shrink:0}
#modal-root .dialog-layout211 > :not(.modal-head){max-width:100%;min-width:0}
#modal-root .dialog-layout211 .modal-pad{min-width:0;max-width:100%;padding:0!important}
#modal-root .dialog-layout211 p,#modal-root .dialog-layout211 li,#modal-root .dialog-layout211 code{overflow-wrap:anywhere;line-height:1.55}
#modal-root .dialog-layout211 pre,.pickaro-feed211 pre{max-width:100%;min-width:0;white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:break-word;line-height:1.6;padding:14px;border-radius:10px}
#modal-root .dialog-layout211 .setup-actions,.pickaro-feed211 .setup-actions{position:static!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;max-width:100%;margin:16px 0!important;padding:0}
#modal-root .dialog-layout211 button,#modal-root .dialog-layout211 .btn,.pickaro-feed211 .btn{position:static;min-width:0;max-width:100%;height:auto;min-height:44px;white-space:normal;overflow-wrap:anywhere;line-height:1.45}
#modal-root .dialog-layout211 form,#modal-root .dialog-layout211 label{min-width:0;max-width:100%;height:auto}
#modal-root .dialog-layout211 .service-fields,#modal-root .dialog-layout211 .credential-grid,#modal-root .dialog-layout211 .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#modal-root .dialog-layout211 label:not(.check-row){display:flex;flex-direction:column;gap:8px;line-height:1.45;margin:12px 0}
#modal-root .dialog-layout211 input:not([type=checkbox]):not([type=radio]),#modal-root .dialog-layout211 select,#modal-root .dialog-layout211 textarea{position:static!important;box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;min-height:44px;line-height:1.5;padding:10px 12px}
#modal-root .dialog-layout211 .check-row{display:grid!important;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;line-height:1.5;margin:16px 0!important}
#modal-root .dialog-layout211 input[type=checkbox],#modal-root .dialog-layout211 input[type=radio]{position:static!important;width:18px!important;height:18px!important;min-height:18px!important;min-width:18px!important;margin:3px 0 0!important}
#modal-root .dialog-layout211 .error-text,#modal-root .dialog-layout211 .connection-feedback211,.pickaro-feed211 #feed-result211{position:static!important;float:none!important;display:block;clear:both;white-space:normal!important;overflow-wrap:anywhere;line-height:1.6;margin:12px 0!important;padding:10px 12px;border-radius:9px}
#modal-root .dialog-layout211 [hidden],#modal-root .dialog-layout211 details:not([open]) > :not(summary){display:none!important}
#modal-root .dialog-layout211 .connection-nav211{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}
#modal-root .dialog-layout211 .connection-nav211 button{padding:10px 8px;min-height:52px}
#modal-root .dialog-layout211 .connection-nav211 button[aria-expanded=true]{background:#1764d8!important;color:#fff!important}
#modal-root .dialog-layout211 .connection-nav211 button[aria-expanded=false]{background:#e8effb!important;color:#17345f!important}
#modal-root .dialog-layout211 .connection-part211{display:block;padding:0;margin:12px 0;border:1px solid #b9c9e5;border-radius:12px}
#modal-root .dialog-layout211 .connection-part211 > summary{display:list-item;font-weight:700;cursor:pointer;line-height:1.45;padding:16px}
#modal-root .dialog-layout211 .connection-content211{min-width:0;padding:0 16px 16px}
#modal-root .dialog-layout211 .connection-copy211,.pickaro-feed211 .connection-copy211{display:flex;gap:8px;align-items:flex-start;min-width:0;margin:12px 0}
#modal-root .dialog-layout211 .connection-copy211 pre,.pickaro-feed211 .connection-copy211 pre{flex:1;margin:0}
#modal-root .dialog-layout211 .connection-copy211 button,.pickaro-feed211 .connection-copy211 button{flex-shrink:0}
#modal-root .dialog-layout211 .connection-secret211{padding:16px;border:1px solid #7a9aca;border-radius:10px;margin:16px 0}
#modal-root .dialog-layout211 .connection-content211 > details{padding:14px;border:1px solid #bbcce5;border-radius:10px}
#modal-root .dialog-layout211 :focus-visible{outline:3px solid #4086e4;outline-offset:3px}
.website-admin211 .connection-table211{max-width:100%;overflow:auto}.website-admin211 .connection-table211 th,.website-admin211 .connection-table211 td{position:static;vertical-align:top;overflow-wrap:anywhere}
.website-admin211 .pickaro-feed211{min-width:0;margin:20px 0;padding:20px;border:1px solid #bdcce5;border-radius:14px}
[data-theme=night] #modal-root .dialog-layout211 .connection-nav211 button[aria-expanded=false]{background:#283b59!important;color:#e5efff!important}
[data-theme=night] #modal-root .dialog-layout211 pre,[data-theme=night] .pickaro-feed211 pre{background:#263852!important;color:#edf3ff!important}
[data-theme=night] #modal-root .dialog-layout211 .connection-part211,[data-theme=night] #modal-root .dialog-layout211 .connection-secret211{border-color:#526786}
@media(max-width:640px){#modal-root .dialog-backdrop211{padding:8px}#modal-root .dialog-layout211{padding:16px!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}#modal-root .dialog-layout211 .modal-head h2{font-size:20px}#modal-root .dialog-layout211 .connection-nav211{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#modal-root .dialog-layout211 .connection-nav211 button{font-size:12px}#modal-root .dialog-layout211 .service-fields,#modal-root .dialog-layout211 .credential-grid,#modal-root .dialog-layout211 .form-grid{grid-template-columns:minmax(0,1fr)}#modal-root .dialog-layout211 .connection-copy211,.pickaro-feed211 .connection-copy211{flex-direction:column}#modal-root .dialog-layout211 .connection-copy211 pre,.pickaro-feed211 .connection-copy211 pre{width:100%}#modal-root .dialog-layout211 .connection-copy211 button,.pickaro-feed211 .connection-copy211 button{align-self:flex-end}#modal-root .dialog-layout211 .setup-actions .btn{flex:1 1 160px}}

#modal-root .dialog-layout211{display:flex!important;flex-direction:column;overflow:hidden!important}
#modal-root .dialog-layout211 > .modal-head{flex:0 0 auto}
#modal-root .dialog-layout211 .dialog-body211{min-height:0;min-width:0;width:100%;overflow:auto;overscroll-behavior:contain;scroll-padding:12px;padding:2px 4px 4px;flex:1 1 auto}