.integration-workspace { color:#27231f; min-width:0; }
.integration-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
.integration-heading h1 { font-size:clamp(22px,2.2vw,30px); margin:6px 0 8px; line-height:1.5; }
.integration-heading p,.integration-section-heading p { margin:0; color:#625b53; font-size:13px; line-height:1.9; }
.integration-eyebrow { color:#78592e; font-size:11px; font-weight:700; letter-spacing:.04em; }
.integration-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:24px; }
.integration-metrics article { background:#fff; border:1px solid #ded8cf; border-radius:10px; padding:18px 20px; display:flex; flex-direction:column; gap:6px; }
.integration-metrics article>span { font-size:13px; color:#514a43; font-weight:600; }
.integration-metrics strong { font:700 30px/1.3 'DM Sans',sans-serif; font-variant-numeric:tabular-nums; }
.integration-metrics small { font-size:11px; color:#6a625a; }
.integration-card { background:#fff; border:1px solid #ded8cf; border-radius:10px; overflow:hidden; margin-bottom:16px; min-width:0; }
.integration-search { display:flex; align-items:flex-end; flex-wrap:wrap; gap:10px; padding:20px 24px; }
.integration-search label { flex:1 1 280px; max-width:560px; font-size:12px; font-weight:700; display:flex; flex-direction:column; gap:8px; }
.integration-search input { width:100%; min-height:44px; font:inherit; font-weight:400; background:#fff; border:1px solid #bdb5aa; border-radius:6px; padding:10px 12px; box-sizing:border-box; }
.integration-workspace button { font:inherit; cursor:pointer; }
.integration-search button { min-height:44px; margin:0; }
.integration-tabs { display:flex; flex-wrap:wrap; gap:4px; padding:0 20px; border-block:1px solid #e7e2da; background:#faf9f6; }
.integration-tabs button { display:flex; align-items:center; gap:8px; border:0; border-bottom:3px solid transparent; background:transparent; padding:14px 12px; color:#5c554e; font-size:13px; font-weight:600; }
.integration-tabs button[aria-current=page] { border-bottom-color:#7c193f; color:#711837; background:#fff; }
.integration-tabs button span { background:#eeeae3; color:#514940; padding:2px 7px; border-radius:5px; font:600 11px/1.5 'DM Sans',sans-serif; }
.integration-section-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 24px; }
.integration-section-heading h2 { margin:0 0 4px; font-size:17px; }
.integration-section-heading>span { white-space:nowrap; font-size:12px; color:#625b53; }
.integration-table-scroll { overflow:auto; max-height:640px; overscroll-behavior:contain; }
.content .integration-table { min-width:840px; table-layout:fixed; margin:0; }
.content .integration-table th { position:sticky; top:0; z-index:1; background:#f3f1ec; font-size:12px; color:#514a42; text-align:start; padding:14px 18px; line-height:1.6; }
.content .integration-table td { padding:18px; vertical-align:top; font-size:13px; line-height:1.8; white-space:normal; overflow-wrap:anywhere; border-bottom:1px solid #e5e1da; }
.content .integration-table tbody tr:nth-child(even) { background:#fcfbf8; }
.content .integration-table tbody tr:hover td { background:#f6f3ed; }
.content .integration-table :is(th,td).num-col { text-align:end; }
.integration-table .money { font:700 18px/1.7 'DM Sans',sans-serif; white-space:nowrap; font-variant-numeric:tabular-nums; }
.cell-label { display:block; font-size:11px; color:#70675d; margin-block:4px 2px; }
.document-links { display:flex; flex-direction:column; gap:4px; }
.document-links a { color:#711837; text-decoration:none; font-weight:600; }
.document-links a:hover { text-decoration:underline; }
.record-reference { display:block; max-width:100%; }
.record-reference summary { cursor:pointer; color:#534c44; font:12px/1.9 'DM Sans',monospace; white-space:nowrap; }
.record-reference code,.integration-detail code { display:block; direction:ltr; text-align:left; unicode-bidi:isolate; user-select:all; font:11px/1.8 monospace; background:#f1eee8; padding:8px; border-radius:4px; overflow-wrap:anywhere; white-space:normal; margin-block:6px; }
.integration-state { display:inline-block; max-width:100%; padding:5px 9px; border-radius:6px; font-size:11px; font-weight:700; line-height:1.7; }
.integration-state.is-success { color:#145b3c; background:#eaf5ed; }
.integration-state.is-danger { color:#912a36; background:#fbecee; }
.integration-state.is-warning { color:#79500e; background:#fff3d9; }
.integration-state.is-neutral { color:#4c5564; background:#edf0f4; }
.integration-detail summary,.integration-tools>summary { cursor:pointer; color:#711837; font-size:12px; font-weight:600; }
.integration-detail pre { font:12px/1.8 monospace; white-space:pre-wrap; overflow-wrap:anywhere; max-height:260px; overflow:auto; text-align:left; background:#f5f4f0; padding:12px; border-radius:6px; }
.integration-detail ul { padding-inline-start:18px; min-width:0; }
.integration-detail li { margin-bottom:12px; }
.integration-detail li small,.integration-detail li bdi { display:block; }
.integration-time { display:flex; flex-direction:column; font:12px/1.8 'DM Sans',sans-serif; font-variant-numeric:tabular-nums; }
.integration-time bdi+ bdi { color:#756b60; }
.integration-pagination { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 24px; border-top:1px solid #e5e1da; color:#625b53; font-size:12px; }
.integration-pagination>div { display:flex; gap:8px; }
.integration-empty { padding:40px 24px; text-align:center; color:#625b53; }
.integration-empty strong { display:block; font-size:16px; color:#37312a; }
.integration-footnote { color:#6b6258; font-size:12px; line-height:1.9; margin:16px 0; }
.integration-tools { padding:18px 24px; }
.integration-tools>summary { color:#4c453c; font-size:13px; }
.integration-tools>p { font-size:12px; color:#6b6258; }
.integration-tools .integration-search { padding:8px 0; }
.integration-notice { padding:14px 18px; border-radius:6px; background:#edf5ef; color:#235435; font-size:13px; }
.integration-notice.is-error { background:#fbecee; color:#912a36; }
.integration-error { color:#912a36; font-size:11px; }
.integration-workspace .muted { color:#6a625a; }
@media(max-width:760px) {
 .integration-heading { align-items:flex-start; flex-wrap:wrap; gap:12px; }
 .integration-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .integration-metrics article { padding:14px; }
 .integration-search,.integration-section-heading { padding:16px; }
 .integration-tabs { padding-inline:8px; }
 .integration-tabs button { padding:12px 8px; font-size:12px; }
 .integration-section-heading { align-items:flex-start; }
 .integration-pagination { padding:12px 16px; flex-wrap:wrap; }
 .integration-table-scroll { max-height:560px; }
}