
/* Sprint 8 - Entegrasyonlar ve API Teşhis Merkezi */
.integration-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;background:linear-gradient(135deg,#101a2b,#172a46);color:#fff}.integration-hero small{color:#f27a1a;font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.7px}.integration-hero h2{margin:6px 0 6px;font-size:22px}.integration-hero p{margin:0;color:#b8c7d8}.integration-score{width:122px;height:92px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);display:grid;place-items:center;align-content:center;flex:0 0 auto}.integration-score strong{font-size:32px}.integration-score span{font-size:12px;color:#b8c7d8}.integration-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}.integration-card{background:#fff;border:1px solid #e5ecf5;border-radius:20px;padding:14px;box-shadow:0 12px 30px rgba(15,23,42,.055);min-height:214px;display:flex;flex-direction:column;gap:12px}.integration-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.integration-logo{height:42px;width:108px;border-radius:14px;border:1px solid #e7edf5;background:#fff;display:grid;place-items:center;padding:8px;box-shadow:0 8px 18px rgba(15,23,42,.04)}.integration-logo img{max-width:88px;max-height:25px;object-fit:contain}.integration-card h3{margin:0;font-size:15px}.integration-card p{margin:0;color:#64748b;font-size:12px;line-height:1.55;min-height:56px}.integration-meta{display:flex;flex-direction:column;gap:7px;margin-top:auto}.integration-meta span{display:flex;align-items:center;gap:6px;color:#51647e;font-size:11px;font-weight:700}.integration-meta img{width:17px;height:17px;object-fit:contain;border-radius:50%}.integration-actions{display:flex;gap:7px;flex-wrap:wrap}.invoice-provider-icon{width:42px;height:42px;border-radius:14px;background:#101a2b;color:#f27a1a;display:grid;place-items:center}.invoice-provider-icon .ui-icon{width:22px;height:22px}.integration-lower-grid{grid-template-columns:1.6fr 1fr}.api-timeline{display:flex;flex-direction:column;gap:0}.api-timeline div{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:9px;height:42px;border-bottom:1px solid #edf2f7}.api-timeline div:last-child{border-bottom:0}.api-timeline strong{font-size:12px;color:#26364f}.api-timeline span{font-size:11px;color:#7d8fa7}.api-console-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px;align-items:start}.api-side{position:sticky;top:88px}.api-platform-list{display:flex;flex-direction:column;gap:8px}.api-platform-link{display:grid;grid-template-columns:24px 1fr auto;gap:9px;align-items:center;min-height:42px;padding:7px 8px;border:1px solid #e7edf5;border-radius:14px;background:#f8fafc;text-decoration:none;color:#172033}.api-platform-link:hover,.api-platform-link.is-active{border-color:#f27a1a;background:#fff7f0}.api-platform-link img{width:22px;height:22px;border-radius:50%;object-fit:contain}.api-platform-link span{font-size:12px;font-weight:850}.api-platform-link em{font-style:normal}.api-warning-box{margin-top:14px;padding:12px;border-radius:16px;background:#f8fafc;border:1px solid #e7edf5;display:flex;gap:10px;color:#51647e}.api-warning-box .ui-icon{width:24px;height:24px;color:#f27a1a;flex:0 0 auto}.api-warning-box strong{display:block;color:#172033;font-size:12px}.api-warning-box span{display:block;font-size:11px;line-height:1.45;margin-top:3px}.api-main{min-width:0;display:flex;flex-direction:column;gap:14px}.api-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.api-test-table code,.api-split-grid code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#f4f7fb;border:1px solid #e7edf5;border-radius:7px;padding:3px 6px;font-size:11px;color:#31415b}.api-split-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:14px}.api-raw-box{height:284px;overflow:auto;margin:0;background:#0c1423;color:#dce7f7;border-radius:16px;padding:14px;border:1px solid #172a46;font-size:12px;line-height:1.55}.api-actions-row{display:flex;gap:8px;margin-top:12px}.field-state{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900;background:#edf6ff;color:#2175b8}.field-state.kritik{background:#fff5df;color:#966200}.field-state.uyarı{background:#ffecec;color:#bd3030}.field-state.eşleşti{background:#e9f8f1;color:#138357}.table-icon-btn{width:28px;height:28px;border-radius:9px;border:1px solid #dce5f0;background:#fff;color:#26364f;display:inline-grid;place-items:center}.table-icon-btn .ui-icon{width:15px;height:15px}@media(max-width:1380px){.integration-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.api-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1020px){.api-console-layout,.api-split-grid,.integration-lower-grid{grid-template-columns:1fr}.api-side{position:static}.integration-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.integration-card-grid,.api-status-grid{grid-template-columns:1fr}.integration-hero{display:block}.integration-score{margin-top:14px}.api-platform-link{grid-template-columns:24px 1fr}.api-platform-link em{grid-column:2}}
