/* UA1004 Integrity Visual V3 - Masonry + Category Graphics */
#integrity-layer{padding:15px 18px 28px;background:
 radial-gradient(circle at 12% 4%,rgba(0,230,190,.075),transparent 22%),
 radial-gradient(circle at 88% 3%,rgba(70,110,255,.07),transparent 24%),
 linear-gradient(180deg,#020c20,#02091a)}
.ig-grid{display:block!important;columns:4;column-gap:10px}
.ig-card{display:inline-block!important;width:100%;box-sizing:border-box;margin:0 0 10px;break-inside:avoid;vertical-align:top;
 position:relative;padding:10px 11px 9px;border-radius:12px;overflow:hidden;
 background:linear-gradient(145deg,rgba(7,31,65,.98),rgba(4,18,41,.97));
 border:1px solid rgba(38,106,151,.65);box-shadow:0 7px 22px rgba(0,0,0,.18)}
.ig-card:hover{transform:translateY(-2px) scale(1.003);border-color:#38bdf8;box-shadow:0 11px 30px rgba(0,0,0,.27),0 0 18px rgba(0,212,200,.08)}
.ig-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#20efb2,#24b7f2)}
.ig-card.ig-v-warning:before{background:linear-gradient(#ffd05a,#ff9d38)}
.ig-card.ig-v-critical:before{background:linear-gradient(#ff7188,#ff355d)}

.ig-card-head{position:relative;margin-bottom:6px;padding:0 0 0 1px;min-height:29px}
.ig-title{display:flex;align-items:center;gap:7px;font-size:.76rem;letter-spacing:.01em}
.ig-v-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;color:#b7edff;font-size:.86rem;
 border:1px solid rgba(52,190,240,.38);background:linear-gradient(145deg,rgba(27,125,174,.28),rgba(16,61,105,.18));
 box-shadow:inset 0 0 12px rgba(34,211,238,.12),0 0 9px rgba(34,211,238,.08)}
.ig-v-score{margin-left:auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;position:relative;
 background:conic-gradient(var(--ring-color,#22e5ad) var(--ring-score),rgba(30,66,96,.8) 0);font-size:.5rem;font-weight:900}
.ig-v-score:before{content:"";position:absolute;inset:4px;border-radius:50%;background:#071a37}.ig-v-score span{z-index:1;color:#d9f7ff}
.ig-badge{display:none!important}.ig-meter{display:none}

.ig-v-scene{height:30px;display:flex;align-items:flex-end;gap:3px;margin:2px 0 5px;padding:4px 6px;
 border:1px solid rgba(35,95,137,.35);border-radius:7px;background:linear-gradient(180deg,rgba(2,18,42,.55),rgba(8,37,69,.28));overflow:hidden}
.ig-v-scene i{display:block;flex:1;min-width:3px;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,#2ce7bd,#168cc7);
 box-shadow:0 0 7px rgba(44,231,189,.16);opacity:.85;animation:igGlow 3s ease-in-out infinite alternate}
.ig-v-scene i:nth-child(2n){animation-delay:.4s}.ig-v-scene i:nth-child(3n){animation-delay:.9s}
.ig-v-scene.ig-v-memory i{border-radius:2px;background:linear-gradient(90deg,#7357e8,#28c4e9)}
.ig-v-scene.ig-v-storage i{border-radius:50% 50% 3px 3px;background:radial-gradient(circle at 50% 20%,#66f0dc,#147eae 68%,#0a385d)}
.ig-v-scene.ig-v-network{align-items:center}.ig-v-scene.ig-v-network i{height:5px!important;border-radius:50%;box-shadow:0 0 8px #22e5ad}
.ig-v-scene.ig-v-security i{background:linear-gradient(180deg,#31eab2,#1b5e8e);clip-path:polygon(50% 0,100% 100%,0 100%)}
.ig-v-scene.ig-v-schedule i{border-radius:50% 50% 0 0;background:linear-gradient(#38bdf8,#6459e8)}
@keyframes igGlow{from{filter:brightness(.82)}to{filter:brightness(1.22)}}

.ig-check{position:relative;grid-template-columns:17px 1fr auto!important;gap:5px;padding:5px 0;min-height:27px}
.ig-dot{display:none!important}.ig-v-checkicon{width:14px;height:14px;border-radius:4px;display:grid;place-items:center;font-size:.47rem;font-weight:900;margin-top:1px;
 color:#22e5ad;border:1px solid rgba(34,229,173,.35);background:rgba(34,229,173,.08)}
.ig-check.ig-row-warning .ig-v-checkicon{color:#ffc34d;border-color:rgba(255,195,77,.45);background:rgba(255,195,77,.08)}
.ig-check.ig-row-critical .ig-v-checkicon{color:#ff607b;border-color:rgba(255,96,123,.45);background:rgba(255,96,123,.08)}
.ig-check b{font-size:.65rem}.ig-check p{font-size:.54rem;margin-top:2px;line-height:1.25}.ig-value{font-size:.62rem}
.ig-check.ig-v-percent{padding-bottom:9px}
.ig-check.ig-v-percent:after{content:"";position:absolute;left:22px;right:0;bottom:3px;height:2px;border-radius:3px;
 background:linear-gradient(90deg,#25e5b1 var(--v-percent),rgba(29,62,91,.7) var(--v-percent))}
.ig-v-spark{position:absolute;right:1px;bottom:3px;width:42px;height:2px;opacity:.75;background:
 linear-gradient(90deg,transparent,#27e7b4 15%,#2b8ec4 30%,#27e7b4 48%,#176c9d 70%,#27e7b4 86%,transparent)}

.ig-head{margin-bottom:12px}.ig-stat{position:relative;overflow:hidden}.ig-stat:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#22e5ad,transparent)}

@media(max-width:1550px){.ig-grid{columns:3}}
@media(max-width:1080px){.ig-grid{columns:2}}
@media(max-width:680px){.ig-grid{columns:1}.ig-card{margin-bottom:9px}}
@media(prefers-reduced-motion:reduce){.ig-v-scene i{animation:none}.ig-card{transition:none}}