.ops-card{position:relative;overflow:hidden;transition:transform .18s ease, box-shadow .18s ease;border:0;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)}
.ops-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#0d6efd 0%,#20c997 100%)}
.ops-card:hover{transform:translateY(-2px);box-shadow:0 .75rem 1.5rem rgba(15,23,42,.08)}
.ops-card-button{width:100%;text-align:left;padding:1rem;background:none;border:0}
.ops-meter{height:8px;border-radius:999px;background:rgba(15,23,42,.07);overflow:hidden}
.ops-meter-bar{height:100%;background:linear-gradient(90deg,#0d6efd 0%,#20c997 100%);transform-origin:left center;animation:opsGrow .9s ease}
.ops-panel{border:1px solid rgba(15,23,42,.06);border-radius:.75rem;background:#fff;padding:1rem}
.ops-section-title{font-size:1rem;font-weight:600}
.ops-feed-scroll{max-height:100vh;overflow:auto}
.click-analytics{border-color:#333;border-radius:.25rem}.click-kpi{border-left:3px solid #0d6efd;background:#f8f9fa;padding:.7rem .8rem;min-height:76px}.click-kpi span{display:block;margin-bottom:.35rem;color:#6c757d;font-size:.75rem;text-transform:uppercase}.click-kpi strong{display:block;font-size:1.45rem;color:#212529}.click-empty{border:1px dashed #6c757d;padding:1rem;color:#495057;font-size:.9rem}.click-chart{height:160px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid #333;padding:0 2px}.click-bar-wrap{height:100%;min-width:26px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;font-size:.72rem;color:#495057}.click-bar{width:100%;max-width:38px;background:#0d6efd;transition:opacity .18s ease}.click-bar-wrap:hover .click-bar{opacity:.7}.click-bar-wrap small{margin-top:4px;white-space:nowrap}@media(max-width:575px){.click-chart{gap:2px}.click-bar-wrap{min-width:18px;font-size:.65rem}.click-bar-wrap small{font-size:.6rem}}

@keyframes opsGrow{
    from{transform:scaleX(0)}
    to{transform:scaleX(1)}
}