.topline{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.navlinks{display:flex;gap:10px}
.navlinks a{padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;text-decoration:none;color:#e7eefc;background:rgba(255,255,255,.04)}
.navlinks a.active{background:rgba(255,255,255,.10)}

.crm-top{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end}
.tabs{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.tab{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#e7eefc;cursor:pointer}
.tab.active{background:rgba(255,255,255,.12)}
.tags-filter{margin-top:12px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.chip{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);font-size:12px}
.chip button{padding:2px 8px;border-radius:999px}
.hint{display:block;margin-top:6px;opacity:.7}

.tagbox{display:flex;flex-wrap:wrap;gap:6px}
.tagpill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.18);font-size:12px}
.tagpill .x{cursor:pointer;opacity:.8}
.tagadder{display:flex;gap:8px;align-items:center}
.tagadder input{max-width:180px}

@media (max-width: 980px){
  .crm-top{grid-template-columns:1fr}
  .topline{flex-direction:column;align-items:flex-start}
}