
.integration-bar{background:#e9f0f6;border-bottom:1px solid #cfdce7;color:#123f68;font:14px/1.5 'Segoe UI',Arial,sans-serif}
.integration-inner{max-width:1280px;margin:auto;padding:12px 22px;display:grid;grid-template-columns:auto minmax(460px,1fr) auto;align-items:center;gap:18px}
.integration-label{display:grid;gap:1px}.integration-label strong{font-size:14px}.integration-label span,.integration-status{font-size:12px;color:#667787}.integration-inner nav{display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));gap:8px}.integration-site{display:grid;gap:1px;padding:9px 12px;border:1px solid #b9c9d6;border-radius:6px;background:#fff;color:#123f68;text-decoration:none}.integration-site span{color:inherit;font-size:14px;font-weight:700}.integration-site small{color:#667787;font-size:11px;font-weight:400}.integration-site:hover{border-color:#0c5b96;background:#f7fbfe}.integration-site.is-active{border-color:#0c5b96;background:#123f68;color:#fff}.integration-site.is-active small{color:#d9e7f3}.integration-status{white-space:nowrap}
.integration-tools{display:grid;justify-items:end;gap:6px}.integration-tools nav{display:flex;grid-template-columns:none;gap:12px}.integration-tools a{color:#0c5b96;font-size:12px;font-weight:700;text-decoration:none}.integration-tools a:hover{text-decoration:underline}
.integration-locate{padding:12px 16px;margin:16px 0;border:1px solid #aac5dc;background:#edf5fb;border-radius:6px;color:#123f68;font:14px/1.5 'Segoe UI',Arial,sans-serif}
.integration-locate button{padding:6px 10px;margin-left:12px;border:1px solid #9cb1c4;border-radius:4px;background:white;color:#0c5b96;cursor:pointer;font:inherit}
.integration-target td{outline:2px solid #0c5b96;outline-offset:-2px;background:#edf6ff!important}.integration-target{scroll-margin-top:30px}
body{font-family:'Segoe UI',Arial,sans-serif}
:root{--navy:#123f68;--ink:#1d2a35;--muted:#5e6e7d;--line:#d7dde3;--canvas:#f4f7fa}
@media(max-width:900px){.integration-inner{grid-template-columns:1fr}.integration-inner>nav{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-tools{justify-items:start}.integration-status{justify-self:start}}
@media(max-width:650px){.integration-inner{padding:10px 14px;gap:8px}.integration-inner>nav{grid-template-columns:1fr}.integration-status{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

.integration-feedback-button{display:block;margin-top:8px;padding:7px 10px;border:1px solid #0c5b96;border-radius:5px;background:#fff;color:#0c5b96;cursor:pointer;font:600 14px/1.3 'Segoe UI',Arial,sans-serif}
.integration-feedback-button:hover{background:#edf5fb}.integration-feedback-format{margin-top:16px}
.integration-feedback-dialog{width:min(560px,calc(100% - 28px));max-height:calc(100vh - 28px);padding:0;border:1px solid #b8c6d2;border-radius:10px;background:#fff;color:#1d2a35;box-shadow:0 24px 70px rgba(18,63,104,.25);font:16px/1.5 'Segoe UI',Arial,sans-serif}
.integration-feedback-dialog::backdrop{background:rgba(13,35,54,.55)}
.integration-feedback-form{display:grid;gap:16px;padding:24px}.integration-feedback-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.integration-feedback-heading h2{margin:2px 0 0;color:#123f68;font-size:24px}.integration-feedback-eyebrow{margin:0;color:#0c5b96;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.integration-feedback-close{border:0;background:transparent;color:#52635f;cursor:pointer;font-size:28px;line-height:1}.integration-feedback-target{margin:0;padding:12px;border:1px solid #d7dde3;border-radius:6px;background:#f8fafc;color:#405466;font-size:14px}
.integration-feedback-form label{display:grid;gap:7px;color:#123f68;font-size:14px;font-weight:700}.integration-feedback-form label span{color:#5e6e7d;font-weight:400}.integration-feedback-form input,.integration-feedback-form textarea{width:100%;padding:10px 11px;border:1px solid #9aabb9;border-radius:5px;background:#fff;color:#1d2a35;font:16px/1.4 'Segoe UI',Arial,sans-serif}.integration-feedback-form textarea{resize:vertical}.integration-feedback-form small{display:flex;justify-content:space-between;gap:12px;color:#5e6e7d;font-size:12px;font-weight:400}.integration-feedback-remembered{padding:10px 12px;border:1px solid #d7dde3;border-radius:6px;background:#f8fafc;color:#405466;font-size:14px}
.integration-feedback-actions{display:flex;justify-content:flex-end;gap:10px}.integration-feedback-actions button{padding:9px 14px;border-radius:5px;cursor:pointer;font:700 14px/1.3 'Segoe UI',Arial,sans-serif}.integration-feedback-cancel{border:1px solid #9aabb9;background:#fff;color:#123f68}.integration-feedback-submit{border:1px solid #0c5b96;background:#0c5b96;color:#fff}.integration-feedback-submit:disabled{cursor:wait;opacity:.65}.integration-feedback-message{min-height:0;margin:0;font-size:14px}.integration-feedback-message.is-error{color:#9b2c2c}.integration-feedback-message.is-success{padding:10px 12px;border:1px solid #bddcc8;border-radius:6px;background:#effaf2;color:#275b3a}
@media(max-width:650px){.integration-feedback-form{padding:18px}.integration-feedback-actions{align-items:stretch;flex-direction:column-reverse}.integration-feedback-actions button{width:100%}}
