/* NarrowVision integrations — balanced Canva card with genuine Canva SVG.
 * Visual updates only. Never change the Canva artwork or OAuth interactions. */
#dashboard #view [data-nv-customer-page-host="Integraties"].nv-integrations-host{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;
}
.nv-integrations{width:100%;max-width:1100px}
.nv-integrations-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,336px));
  align-items:start;gap:18px;
}
.nv-integrations-card{
  position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;
  width:100%;min-height:290px;padding:27px 27px 25px;
  display:flex;flex-direction:column;align-items:center;gap:13px;
  border:1px solid rgba(144,130,217,.37);border-radius:19px;
  background:
    radial-gradient(ellipse 84% 60% at 50% 0%,rgba(92,73,177,.19),transparent 75%),
    linear-gradient(155deg,#1b2845 0%,#101b31 100%);
  box-shadow:0 14px 32px rgba(0,0,0,.15);
}
.nv-integrations-card::before{
  content:'';pointer-events:none;position:absolute;inset:0 0 auto;
  height:2px;background:linear-gradient(90deg,transparent,rgba(157,118,253,.85),transparent);
}
.nv-integrations-brand{
  position:relative;display:flex;align-items:center;justify-content:center;
  width:100%;height:128px;flex-shrink:0;
  border-bottom:1px solid rgba(166,169,216,.13);
}
.nv-integrations-brand::before{
  content:'';pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:225px;height:94px;max-width:100%;
  border-radius:50%;background:radial-gradient(ellipse,rgba(94,79,173,.18),transparent 73%);
}
.nv-integrations-logo{
  position:relative;display:block;width:226px;max-width:100%;height:92px;
  object-fit:contain; /* Original Canva SVG, unfiltered and unmodified. */
}
.nv-integrations-state-line{
  display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:20px;color:#bfc8e1;font-size:12px;font-weight:600;
}
.nv-integrations-state-line[data-status="connected"]{color:#9bddc5}
.nv-integrations-state-dot{
  display:block;width:7px;height:7px;border-radius:50%;
  background:#93a0bb;
}
.nv-integrations-state-line[data-status="connected"] .nv-integrations-state-dot{background:#75d4ad}
.nv-integrations-actions{display:grid;place-items:center;width:100%;margin-top:2px;min-height:47px}
.nv-integrations-actions button{
  width:100%;min-height:46px;margin:0;padding:11px 18px;
  font-size:13px;font-weight:750;border-radius:11px;
}
.nv-integrations-actions button:disabled{opacity:.6;cursor:wait}
.nv-integrations-unavailable{font-size:12px;color:#bdc4de;text-align:center}
.nv-integrations-feedback{margin:0;color:#ffc3cc;font-size:11px;line-height:1.5;text-align:center}
.nv-integrations-actions [hidden],.nv-integrations-state-line[hidden],.nv-integrations-feedback[hidden]{display:none!important}
@media(max-width:520px){
  .nv-integrations-grid{grid-template-columns:minmax(0,336px)}
  .nv-integrations-card{min-height:270px;padding:22px}
  .nv-integrations-brand{height:114px}
}