body.integrations-page{background:#f5f7f6}.integrations-shell{width:min(1500px,calc(100% - 32px));margin:0 auto;padding:28px 0 60px}.integrations-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px}.integrations-topbar h1{margin:6px 0 8px;color:#123c2d;font-size:clamp(1.8rem,4vw,2.8rem)}.integrations-topbar p,.panel-head p{margin:0;color:#6b7a73}.back-link{font-weight:800;color:#123c2d}.user-box{display:grid;gap:4px;text-align:right;border:1px solid #dfe7e2;border-radius:12px;padding:12px 14px;background:#fff}.user-box span{font-size:.75rem;color:#6b7a73}.panel{background:#fff;border:1px solid #dfe7e2;border-radius:18px;padding:20px;margin-top:16px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.panel-head h2{margin:0 0 5px;color:#123c2d}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.integration-card{border:1px solid #dfe7e2;border-radius:14px;padding:16px;display:grid;gap:12px}.integration-card header{display:flex;justify-content:space-between;gap:12px}.integration-card h3{margin:0;color:#123c2d}.integration-meta{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;border-radius:999px;padding:5px 8px;background:#eef4f0;color:#355549;font-size:.68rem;font-weight:800}.chip.good{background:#eaf7ee;color:#1c6a35}.chip.warn{background:#fff3df;color:#8a5800}.chip.bad{background:#fdecec;color:#9c2d2d}.integration-card label{display:grid;gap:5px;font-size:.75rem;font-weight:800;color:#31483f}.integration-card select,.integration-card input,.integration-card textarea,.asset-filters select,.asset-dialog select,.asset-dialog textarea{width:100%;border:1px solid #cbd7d1;border-radius:9px;padding:9px 10px;background:#fff}.integration-actions{display:flex;gap:8px;align-items:center}.integration-note{font-size:.75rem;color:#6b7a73;line-height:1.45}.asset-filters{display:flex;gap:8px;flex-wrap:wrap}.reference-summary{display:flex;gap:12px;flex-wrap:wrap;align-items:center;border:1px solid #e6ece8;background:#f8faf9;border-radius:12px;padding:10px 12px;margin-bottom:12px;color:#5a6c64;font-size:.78rem}.reference-summary strong{color:#123c2d;font-size:1rem}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reference-card{border:1px solid #dfe7e2;border-radius:14px;padding:14px;display:grid;grid-template-columns:auto 1fr;gap:12px;background:#fff}.reference-icon{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;background:#eef4f0;color:#355549;font-size:.62rem;font-weight:900}.reference-body{min-width:0}.reference-body strong{display:block;color:#123c2d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-body small{display:block;color:#6b7a73;margin:3px 0 8px}.reference-body p{margin:8px 0;color:#6b7a73;font-size:.74rem;line-height:1.4}.reference-body a{font-size:.74rem;font-weight:800;color:#1f6f54}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.asset-card{border:1px solid #dfe7e2;border-radius:14px;overflow:hidden;background:#fff}.asset-card button{all:unset;display:block;cursor:pointer;width:100%}.asset-thumb{aspect-ratio:4/3;background:#eef2ef;display:grid;place-items:center;overflow:hidden}.asset-thumb img{width:100%;height:100%;object-fit:contain}.asset-body{padding:11px}.asset-body strong{display:block;color:#123c2d;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-body small{display:block;color:#6b7a73;margin-top:4px}.asset-dialog{border:0;border-radius:18px;width:min(980px,calc(100% - 30px));padding:0;box-shadow:0 24px 80px rgba(0,0,0,.22)}.asset-dialog::backdrop{background:rgba(0,0,0,.5)}.asset-dialog form{padding:24px;position:relative}.dialog-close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:1.8rem;cursor:pointer}.asset-dialog-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.asset-dialog-grid>div:first-child{display:grid;place-items:center;background:#f4f6f5;border-radius:14px;min-height:420px;overflow:hidden}.asset-dialog img{width:100%;height:100%;max-height:520px;object-fit:contain}.asset-dialog-grid>div:last-child{display:grid;gap:10px}.asset-dialog h2{margin:0 0 6px;color:#123c2d}.asset-dialog label{display:grid;gap:5px;font-size:.76rem;font-weight:800;color:#31483f}.dialog-actions{display:flex;gap:10px;align-items:center}.dialog-actions span{font-size:.75rem;color:#6b7a73}.empty-state{grid-column:1/-1;border:1px dashed #cbd7d1;border-radius:12px;padding:24px;text-align:center;color:#6b7a73}@media(max-width:1100px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.integration-grid{grid-template-columns:1fr}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-dialog-grid{grid-template-columns:1fr}.asset-dialog-grid>div:first-child{min-height:280px}}@media(max-width:620px){.integrations-shell{width:min(100% - 18px,1500px)}.integrations-topbar,.panel-head{flex-direction:column}.user-box{text-align:left}.asset-grid,.reference-grid{grid-template-columns:1fr}.asset-filters{width:100%}.asset-filters>*{flex:1 1 100%}}