.nf-connection-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start}
.nf-connection-card{min-width:0;overflow-wrap:anywhere}
.nf-connection-card h3{margin-top:0}
.nf-connection-form{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;margin:1rem 0}
.nf-connection-form select{width:100%;max-width:100%;margin:0}
.nf-connection-check{display:flex;gap:.65rem;align-items:flex-start;font-weight:400}
.nf-connection-check input{flex:0 0 auto;margin:.3rem 0 0}
.nf-connection-meta{font-size:.875rem;color:var(--nf-muted,#64748b)}
.nf-connection-notice,.nf-connection-preview{padding:1rem;border:1px solid var(--nf-border,#e2e8f0);border-radius:var(--nf-radius,12px);background:var(--nf-surface,#fff)}
.nf-connection-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px 12px}
.nf-connection-media{min-width:0;overflow:hidden;border:1px solid var(--nf-border,#e6edf7);border-radius:var(--nf-radius,12px);background:var(--nf-surface,#fff)}
.nf-connection-media img,.nf-connection-media video{display:block;width:100%;height:auto;aspect-ratio:4/5;margin:0;object-fit:contain;border-radius:0}
.nf-connection-media video{background:#020817}
.nf-connection-media .nf-instagram-link{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;margin:10px;padding:10px 12px;border:0;border-radius:10px;background:linear-gradient(120deg,#833ab4,#b52175 55%,#bc3045);color:#fff!important;font:inherit;font-size:12px;font-weight:700;line-height:1.3;text-decoration:none;text-transform:none;letter-spacing:normal}
.nf-connection-media .nf-instagram-link svg{flex:0 0 auto}
.nf-connection-media .nf-instagram-link>span{white-space:nowrap}
.nf-connection-media .nf-instagram-link:hover{background:linear-gradient(120deg,#702c9d,#941761 55%,#a52338);color:#fff!important}
.nf-connection-media a:focus-visible,.nf-connection-form button:focus-visible{outline:3px solid var(--nf-primary,#1463ff);outline-offset:3px}
@media(min-width:768px){.nf-connection-media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}.nf-connection-media .nf-instagram-link{font-size:13px}}
@media(max-width:767px){.nf-connection-media .nf-instagram-link .nf-instagram-link-verb{display:none}}
@media(max-width:380px){.nf-connection-media .nf-instagram-link{margin:8px;padding:10px 6px;gap:5px;font-size:11px}.nf-connection-media .nf-instagram-link svg{width:16px;height:16px}}
.nf-google-management h3{margin-top:0}
.nf-google-management-actions{display:flex;flex-wrap:wrap;gap:12px}
.nf-google-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;width:100%}
.nf-google-fields label,.nf-google-wide{display:block;width:100%;font-weight:700}
.nf-google-management input:not([type=checkbox]):not([type=hidden]):not([type=radio]),.nf-google-management textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;margin:6px 0 0;border:1px solid var(--nf-border,#e6edf7);border-radius:10px;padding:12px;font:inherit;font-weight:400;background:#fff;color:#172033}
.nf-google-management textarea{min-height:100px;resize:vertical}
.nf-google-management fieldset{min-width:0;border:1px solid var(--nf-border,#e6edf7);padding:16px;border-radius:12px}
.nf-google-management .nf-connection-preview{margin-top:16px}
.nf-google-management summary{cursor:pointer;padding:8px 0}
.nf-google-review{border-top:1px solid var(--nf-border,#e6edf7);padding:20px 0}
.nf-google-review-text{white-space:pre-wrap}
.nf-google-management :is(input,textarea,button,summary):focus-visible{outline:3px solid var(--nf-primary,#1463ff);outline-offset:3px}
.nf-google-management button:disabled{opacity:.6;cursor:not-allowed}

/* Photo composition uses the existing Google management form and spacing. */
.nf-google-post-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.nf-google-post-photo{display:grid;gap:8px;min-width:0;padding:10px;border:1px solid #dce5ef;border-radius:12px;cursor:pointer}
.nf-google-post-photo:has(input:checked){border-color:#2356a8;box-shadow:0 0 0 2px #2356a8}
.nf-google-post-photo input[type=radio]{width:auto;padding:0;margin:0;justify-self:start}
.nf-google-post-photo img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#f4f6f8;border-radius:8px}
.nf-google-post-photo span{font-size:12px;overflow-wrap:anywhere}
.nf-google-post-preview{display:block;width:min(100%,360px);max-height:450px;object-fit:contain;border-radius:12px;background:#f4f6f8}
.nf-google-management input[type=file]{max-width:100%;white-space:normal}
@media(max-width:600px){.nf-google-post-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}

.nf-google-special-row{border-bottom:1px solid var(--nf-border,#e6edf7);padding:12px 0;margin-bottom:12px}
.nf-google-management select{max-width:100%;width:100%;min-width:0}

/* Merchant long descriptions and URLs span the existing editor grid. */
.nf-connections #merchant-center .nf-google-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.nf-connections #merchant-center .nf-google-fields>.nf-google-wide{grid-column:1/-1}

/* Owner workspace: reuse Nortfly's palette and typography without affecting public feeds. */
.nf-connections-app{--nf-workspace-blue:#1463ff;--nf-workspace-ink:#172033;--nf-workspace-line:#e6edf7;color:var(--nf-workspace-ink)}
.nf-connections-app .nf-app-dashboard-section__head{border-bottom:1px solid var(--nf-workspace-line);padding-bottom:24px;margin-bottom:24px}
.nf-connections-app h2{font-size:clamp(24px,3vw,32px);letter-spacing:-.035em;margin-bottom:10px}
.nf-connections-app p{line-height:1.65;max-width:75ch}
.nf-connection-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.nf-connection-nav{display:flex;gap:6px;overflow-x:auto;padding:4px 0 12px;border-bottom:1px solid var(--nf-workspace-line)}
.nf-connection-nav a{flex:0 0 auto;display:block;text-decoration:none!important;color:#526078;padding:12px 16px;border-radius:10px;border:1px solid transparent;line-height:1.4}
.nf-connection-nav strong{display:block;font-size:14px;font-weight:650}
.nf-connection-nav span{display:none;font-size:12px;margin-top:4px}
.nf-connection-nav a:hover{background:#f3f6fc;color:#172033}
.nf-connection-nav a[aria-current=location]{background:#edf3ff;border-color:#cfddff;color:#174bc1}
.nf-connection-nav a:focus-visible,.nf-connections-app summary:focus-visible{outline:3px solid #1463ff;outline-offset:3px}
.nf-connection-content,.nf-connection-content>[data-nf-connection-pane]{min-width:0}
.nf-connections-app [hidden]{display:none!important}
.nf-connection-intro{margin-bottom:24px}
.nf-connection-intro h3{font-size:23px;letter-spacing:-.025em;margin:0 0 8px}
.nf-connection-intro p{color:#526078;font-size:14px;margin:0}
.nf-connections-app .nf-connection-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.nf-connections-app .nf-connection-card{padding:24px;background:#fff;border:1px solid var(--nf-workspace-line);border-radius:16px;box-shadow:none}
.nf-connection-provider{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.nf-connection-provider h3{font-size:18px;line-height:1.35;margin:0}
.nf-connection-provider-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;background:#edf3ff;color:#174bc1;border-radius:12px;font-size:27px;font-weight:700}
.nf-connection-card--instagram .nf-connection-provider-icon{background:linear-gradient(135deg,#833ab4,#b52175,#bc3045);color:#fff}
.nf-connections-app .nf-connection-status{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:#526078}
.nf-connection-status strong{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:#f1f4f8}
.nf-connection-status.is-connected strong{color:#086745;background:#e7f7ef}
.nf-connection-status.is-connected strong:before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%}
.nf-connections-app .nf-connection-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;max-width:100%;margin:0;padding:11px 18px;border:1px solid transparent;border-radius:10px;background:#1463ff;color:#fff;font:inherit;font-size:14px;font-weight:650;text-transform:none;letter-spacing:normal;line-height:1.4;white-space:normal;box-shadow:none;cursor:pointer}
.nf-connections-app .nf-connection-button:hover{background:#174bc1;color:#fff}
.nf-connections-app .nf-connection-button.secondary{background:#fff;border-color:#d5dfed;color:#273b59}
.nf-connections-app .nf-connection-button.secondary:hover{background:#edf3ff;border-color:#a8c2ff}
.nf-connections-app .nf-connection-button:disabled{opacity:.55;cursor:not-allowed}
.nf-connections-app .nf-connection-form{align-items:stretch;gap:12px;margin:20px 0}
.nf-connections-app .nf-connection-form>.nf-connection-button{align-self:flex-start}
.nf-connections-app label{font-size:14px;line-height:1.55}
.nf-connections-app :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){min-height:46px;border:1px solid #ccd8e8;border-radius:9px;background:#fff;color:#172033;font:inherit;font-size:15px;box-shadow:none;max-width:100%;width:100%;box-sizing:border-box}
.nf-connections-app input:focus,.nf-connections-app select:focus,.nf-connections-app textarea:focus{border-color:#1463ff;outline:2px solid #cfddff;outline-offset:1px}
.nf-connections-app .nf-connection-check{padding:14px;background:#f4f7fc;border-radius:10px;gap:10px;font-weight:500}
.nf-connections-app input:is([type=checkbox],[type=radio]){accent-color:#1463ff;width:18px;height:18px;flex-shrink:0}
.nf-connections-app .nf-connection-notice{background:#edf3ff;border-color:#cfddff;color:#273b59;line-height:1.6}
.nf-connections-app .nf-connection-meta{color:#526078;font-size:12px;line-height:1.65}
.nf-connections-app .nf-google-management{padding:24px;border:1px solid var(--nf-workspace-line);border-radius:16px;background:#fff;margin:0}
.nf-connections-app .nf-google-management h3{font-size:23px;letter-spacing:-.025em;margin:0 0 12px}
.nf-connections-app .nf-google-fields{gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.nf-connections-app .nf-google-fields>.nf-google-wide{grid-column:1/-1}
.nf-connections-app fieldset{background:#fafcff;border-color:#e6edf7;margin:12px 0;padding:20px}
.nf-connections-app legend{font-size:16px;font-weight:650;padding:0 6px}
.nf-connections-app .nf-connection-preview{background:#fafcff;margin:20px 0;padding:18px}
.nf-connections-app summary{cursor:pointer;min-height:44px;display:list-item;line-height:1.5;padding:10px 0;font-size:14px;font-weight:600}
.nf-connections-app .nf-connection-advanced{border-top:1px solid var(--nf-workspace-line);padding-top:10px;margin-top:24px;color:#526078}
.nf-connections-app .nf-connection-advanced button{color:#a32939;border-color:#f0c8cd}
.nf-connections-app .nf-google-management-actions{gap:10px;align-items:center;padding:8px 0 16px;border-bottom:1px solid var(--nf-workspace-line);margin-bottom:20px}
.nf-connections-app .nf-google-management-actions form{margin:0}
.nf-connections-app .nf-google-review{padding:24px 0}
@media(min-width:1100px){.nf-connection-workspace{grid-template-columns:218px minmax(0,1fr);gap:28px}.nf-connection-nav{flex-direction:column;border:0;padding:0;overflow:visible;position:sticky;top:110px}.nf-connection-nav a{padding:14px}.nf-connection-nav span{display:block}.nf-connections-app .nf-connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.nf-connections-app .nf-google-management,.nf-connections-app .nf-connection-card{padding:18px}.nf-connections-app .nf-connection-form>.nf-connection-button{align-self:stretch}.nf-connections-app .nf-google-management-actions{display:grid}.nf-connections-app .nf-google-management-actions button{width:100%}.nf-connections-app fieldset{padding:14px}.nf-connections-app .nf-connection-preview{padding:14px}}
.nf-connections-app [data-nf-connection-pane]:focus{outline:none}
@media(max-width:1099px){.nf-connection-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.nf-connection-nav a{min-width:0;padding:12px}.nf-connection-nav strong{font-size:13px}}
@media(min-width:700px) and (max-width:1099px){.nf-connection-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Keep legacy dashboard card/button rules outside the integration workspace. */
body:not(.wp-admin) .nf-connections-app .nf-connection-button{color:#fff!important;font-weight:650!important;border-radius:10px!important;min-height:44px!important;line-height:1.4!important}
body:not(.wp-admin) .nf-connections-app .nf-connection-button.secondary{color:#273b59!important;background:#fff}
body:not(.wp-admin) .nf-connections-app .nf-connection-advanced .nf-connection-button{color:#a32939!important}
.nf-connections-app .nf-connection-card{display:block;min-height:0;transform:none}
.nf-connections-app .nf-connection-card>p{font-size:14px;margin:0 0 16px}
.nf-connections-app .nf-connection-card .nf-connection-meta{font-size:12px}
.nf-connections-app .nf-connection-provider-icon{display:grid;place-items:center;font-size:27px;line-height:1;color:#174bc1;font-weight:700}
.nf-connections-app .nf-connection-card--instagram .nf-connection-provider-icon{color:#fff}
.nf-connections-app .nf-connection-status strong{display:inline-flex;font-size:12px;line-height:1.5;margin:0;color:#526078}
.nf-connections-app .nf-connection-status.is-connected strong{color:#086745}
.nf-connections-app .nf-google-management{box-shadow:none}
.nf-connections-app .nf-connection-content h3{color:#172033}
.nf-connections-app .nf-connection-provider h3{font-size:18px}
.nf-connections-app .nf-connection-form :is(input,textarea,select){font-weight:400}
.nf-connections-app{scroll-margin-top:120px}
.nf-google-stars{display:inline-flex;gap:2px;vertical-align:middle;color:#b77905;line-height:1}
.nf-google-stars svg{display:block;fill:none;stroke:currentColor;stroke-width:1.2;flex:none}
.nf-google-stars svg.is-filled{fill:currentColor}
.nf-google-rating-summary{display:flex;align-items:center;gap:18px;padding:20px 0}
.nf-google-rating-summary>strong{font-size:40px;line-height:1.2;color:#172033}
.nf-google-rating-summary p{margin:6px 0 0;font-size:13px;color:#526078}
.nf-google-public-review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.nf-google-public-review{padding:20px;border:1px solid #e6edf7;border-radius:14px;overflow-wrap:anywhere}
.nf-google-public-review h3{font-size:16px;margin:0 0 10px}
.nf-google-public-review>p{white-space:pre-wrap}
.nf-connections-app [data-nf-reviews-status]:not(:empty){padding:14px;margin-bottom:16px;background:#edf3ff;border-radius:10px;line-height:1.6}
.nf-connections-app .nf-connection-provider-icon svg{display:block;flex:none}
@media(min-width:700px) and (max-width:1099px){.nf-connection-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
.nf-connections-app .nf-google-onboarding{margin-top:24px}
.nf-google-map-canvas{height:300px;width:100%;border-radius:12px;border:1px solid #e6edf7;z-index:0}
.nf-connections-app .nf-google-map-canvas .leaflet-control a{min-height:0}
.nf-connections-app .nf-google-create-map{width:100%;min-width:0}
.nf-connections-app .nf-google-review h5{font-size:16px;color:#172033;margin:0 0 8px}
.nf-connections-app .nf-google-review-text{margin-top:14px;line-height:1.6}
.nf-connections-app .nf-google-reply{margin-top:10px}
.nf-connections-app .nf-google-reply>summary{color:#174bc1}
