.integration-hero { background:linear-gradient(145deg,rgba(229,221,242,.65),rgba(255,253,249,.82)); }
.integration-hero h1 { font-size:clamp(2rem,8vw,3rem)!important; }
.integration-kpis { display:grid; gap:9px; grid-template-columns:repeat(2,minmax(0,1fr)); margin:14px 0 26px; }
.integration-kpis article { background:var(--surface-raised); border:1px solid var(--line); border-radius:17px; display:flex; flex-direction:column; min-width:0; padding:12px; }
.integration-kpis article small,.integration-kpis article span { color:var(--text-secondary); font-size:.64rem; }
.integration-kpis article strong { font-size:1.65rem; letter-spacing:-.055em; line-height:1.2; margin:3px 0; }
.integration-kpis .has-errors { border-color:#d99b90; background:#fff8f5; }
.integration-panel { background:var(--surface-raised); border:1px solid var(--line); border-radius:21px; box-shadow:var(--card-shadow); margin:14px 0; padding:15px; }
.integration-section-heading { align-items:center; display:flex; gap:10px; justify-content:space-between; }
.integration-section-heading h2 { font-family:"Iowan Old Style",Georgia,serif; font-size:1.35rem; font-weight:500; letter-spacing:-.035em; margin:2px 0 0; }
.integration-section-heading .eyebrow { margin:0; }
.integration-section-heading>span,.integration-pill { background:#e8f0e6; border-radius:999px; color:#426145; font-size:.6rem; font-weight:800; padding:6px 9px; white-space:nowrap; }
.integration-section-heading>form { flex:0 0 auto; }
.integration-panel>p { color:var(--text-secondary); font-size:.73rem; line-height:1.5; margin:8px 0 13px; }
.integration-limits { display:grid; gap:10px; }
.integration-limits label,.integration-prompt-card form>label { display:grid; font-size:.7rem; font-weight:750; gap:5px; }
.integration-limits input:not([type=checkbox]),.integration-prompt-card input,.integration-prompt-card textarea { background:var(--surface); border:1px solid var(--line); border-radius:11px; color:var(--text-primary); font:inherit; min-width:0; padding:10px; width:100%; }
.integration-toggle { align-items:center!important; display:flex!important; flex-direction:row; gap:8px!important; }
.integration-toggle input { accent-color:#557854; height:18px; width:18px; }
.integration-limits .button,.integration-prompt-card .button { justify-self:start; margin:0; }
.integration-credit-list,.integration-failure-list,.integration-prompt-log { display:grid; gap:8px; }
.integration-credit { align-items:center; background:var(--surface-soft); border:1px solid var(--line); border-radius:13px; display:flex; gap:9px; justify-content:space-between; padding:10px 11px; }
.integration-credit>div { min-width:0; }
.integration-credit strong,.integration-credit small { display:block; }
.integration-credit strong { font-size:.75rem; }
.integration-credit small { color:var(--text-secondary); font-size:.61rem; margin-top:3px; }
.integration-credit>b { font-size:1rem; white-space:nowrap; }
.integration-credit.is-error { background:#fff3ef; border-color:#e6b0a5; }
.integration-footnote { border-top:1px solid var(--line); font-size:.65rem!important; margin-top:12px!important; padding-top:10px; }
.integration-week { display:grid; gap:5px; grid-template-columns:repeat(7,minmax(0,1fr)); margin:13px 0; }
.integration-week article { align-items:center; background:var(--surface-soft); border-radius:11px; display:flex; flex-direction:column; min-width:0; padding:8px 3px; }
.integration-week time { color:var(--text-secondary); font-size:.55rem; text-transform:uppercase; }
.integration-week strong { font-size:.88rem; margin:2px 0; }
.integration-week small { color:var(--text-secondary); font-size:.5rem; overflow:hidden; text-overflow:ellipsis; }
.integration-table-wrap { overflow-x:auto; }
.integration-table { border-collapse:collapse; font-size:.65rem; min-width:560px; width:100%; }
.integration-table th,.integration-table td { border-bottom:1px solid var(--line); padding:9px 7px; text-align:left; }
.integration-table th { color:var(--text-secondary); font-size:.56rem; text-transform:uppercase; }
.integration-error-count,.integration-error-copy { color:#a43f37; }
.integration-prompt-card,.integration-prompt-log>details,.integration-failure { background:var(--surface); border:1px solid var(--line); border-radius:13px; margin:8px 0; overflow:hidden; }
.integration-prompt-card>summary,.integration-prompt-log summary,.integration-failure summary { align-items:center; cursor:pointer; display:flex; gap:9px; justify-content:space-between; list-style:none; padding:11px; }
.integration-prompt-card>summary::-webkit-details-marker,.integration-prompt-log summary::-webkit-details-marker,.integration-failure summary::-webkit-details-marker { display:none; }
.integration-prompt-card summary>span,.integration-prompt-log summary>span,.integration-failure summary>span:not(.integration-failure-mark) { min-width:0; }
.integration-prompt-card summary strong,.integration-prompt-card summary small,.integration-prompt-log summary strong,.integration-prompt-log summary small,.integration-failure summary strong,.integration-failure summary small { display:block; }
.integration-prompt-card summary strong,.integration-prompt-log summary strong,.integration-failure summary strong { font-size:.72rem; }
.integration-prompt-card summary small,.integration-prompt-log summary small,.integration-failure summary small { color:var(--text-secondary); font-size:.59rem; margin-top:3px; }
.integration-prompt-card summary i,.integration-prompt-log summary i { background:#f2eee8; border-radius:999px; color:var(--text-secondary); font-size:.57rem; font-style:normal; font-weight:800; padding:5px 7px; }
.integration-prompt-card form { border-top:1px solid var(--line); display:grid; gap:10px; padding:12px; }
.integration-prompt-card textarea { line-height:1.45; resize:vertical; }
.integration-prompt-log details>article { border-top:1px solid var(--line); padding:10px; }
.integration-prompt-log article>small { color:var(--card-accent,#617e68); font-size:.58rem; font-weight:800; text-transform:uppercase; }
.integration-prompt-log pre { font:400 .68rem/1.5 var(--ui-font); margin:5px 0 0; overflow-wrap:anywhere; white-space:pre-wrap; }
.integration-prompt-log>details>p,.integration-failure>p { background:#fff3ef; color:#8c3832; font-size:.68rem; margin:0; padding:9px 11px; }
.integration-failure summary { justify-content:flex-start; }
.integration-failure-mark { align-items:center; background:#fde5df; border-radius:50%; color:#a43f37; display:flex; flex:0 0 26px; font-size:.8rem; font-weight:900; height:26px; justify-content:center; }
.integration-empty { color:var(--text-secondary); font-size:.72rem; padding:9px; }
@media(min-width:760px) {
  .integration-hero,.integration-panel,.integration-kpis { margin-left:auto; margin-right:auto; max-width:850px; }
  .integration-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .integration-limits { align-items:end; grid-template-columns:1fr 1fr; }
  .integration-limits .integration-toggle,.integration-limits .button { grid-column:1/-1; }
  .integration-panel { padding:20px; }
}