/* Integration status chrome; the supplied visual design remains in styles.css. */
.integration-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: linear-gradient(135deg, #fffaf5, #fff); }
.integration-card { width: min(680px, 100%); background: white; border: 1px solid #efe5df; border-radius: 22px; padding: 32px; box-shadow: 0 18px 60px #6233190a; }
.integration-card h1 { font-size: clamp(25px, 4vw, 36px); margin: 12px 0; }
.integration-card p { line-height: 1.8; color: #766c75; overflow-wrap: anywhere; }
.integration-card code { background: #fff3eb; padding: 3px 5px; border-radius: 5px; color: #a34c27; overflow-wrap: anywhere; }
.integration-card .logo-img { height: 85px; width: 148px; }
.integration-card .btn-row { margin-top: 22px; }
.integration-error { background: #fff5f3; border: 1px solid #eccac5; padding: 13px; border-radius: 11px; color: #863d3d; line-height: 1.7; }
.integration-badge { position: fixed; z-index: 299; bottom: 10px; left: 12px; max-width: calc(100vw - 24px); background: #3e302b; border: 1px solid #675146; color: #fff; border-radius: 8px; font-size: 10px; padding: 7px 12px; box-shadow: 0 3px 12px #0002; }
.integration-toast { position: fixed; right: 16px; bottom: 18px; z-index: 350; width: min(450px, calc(100vw - 32px)); padding: 17px; background: #fff; border: 1px solid #d3b39f; border-radius: 13px; box-shadow: 0 10px 40px #32211625; color: #704932; }
.integration-toast button { float: right; border: 0; background: transparent; font-size: 16px; color: inherit; }
.integration-toast p { margin: 0; padding-right: 20px; overflow-wrap: anywhere; line-height: 1.7; }
.integration-nav { display: flex; gap: 9px; flex-wrap: wrap; margin-bottom: 20px; }
.integration-field-error { display: block; margin-top: 5px; color: #9e3a32; font-size: 11px; }
@media (max-width: 600px) { .integration-card { padding: 23px; } .integration-badge { font-size: 9px; } }
@media print { .integration-badge, .integration-toast { display: none !important; } }
.integration-badge { pointer-events: none; }